/*
Template Name: Woforest
Author Name: WPEXPERT
*/

/*
Table Of Content

1. Top Menu Area CSS
2. Menu Area CSS
3. Slider Area CSS
4. Call to Action Area CSS
5. About Area CSS
6. Service Area CSS
7. Why Choose Us Area CSS
8. Project Area CSS
9. Team Area CSS
10. Testimonial Area CSS
11. Faq Area CSS
12. Counter Area CSS
13. Video Area CSS
14. Pricing Area CSS
15. Blog Area CSS
16. Footer Area CSS
17. Breadcumb Area CSS
18. Progress Area CSS
19. Portfolio Area CSS
20. Contact Area CSS
21. Shop Area CSS


*/
@import url("css2.css");

/* theme css */
:root {
    --primary: #db5e41;
    --secondary: #0067ed;
    --dark: #2f2c2c;
    --light: #fff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

a:hover {
    transform: scale3d(1.2, 1.2, 1.2);
}

p.form-messege {
    margin-top: 8px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.6;
    color: #666;
}

a {
    text-decoration: none;
    transition-duration: 0.5s;
    color: #db5e41;
}

a:hover {
    text-decoration: none;
}

a.btn:hover,
a:hover {
    text-decoration: none;
    color: #db5e41;
}

p {
    transition: 0.5s;
}

h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
    font-family: "Work Sans", sans-serif;
    font-style: normal;
    line-height: 1.2;
    font-weight: 700;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 24px;
    margin-bottom: 5px;
    color: #080d1c;
}

.btn-primary:focus,
select:focus,
textarea:focus,
input:focus {
    box-shadow: none !important;
}

textarea,
input {
    outline: none;
}

a:focus,
.btn:focus {
    text-decoration: none;
    outline: none;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

ul,
li {
    list-style: none;
}

.witr_btn {
    border-radius: 5px;
    display: inline-block;
    font-size: 17px;
    padding: 16px 56px;
    text-align: center;
    position: relative;
    z-index: 2;
    -webkit-transition: 1s;
    transition: 1s;
    font-weight: 500;
    font-family: "Work Sans", sans-serif;
    color: #fff;
    background: #db5e41;
    cursor: pointer;
}

.witr_btn:hover {
    background: #333;
    color: #fff;
}

.witr_bbtn {
    border-radius: 5px;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    padding: 16px 30px;
    text-align: center;
    position: relative;
    margin-right: 20px;
    z-index: 2;
    -webkit-transition: 1s;
    transition: 1s;
    color: #fff;
}

.witr_bbtn:hover {
    color: #fff;
}

.p-10 {
    padding: 10px;
}

.px-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.px-100 {
    padding-left: 100px;
    padding-right: 100px;
}

.px-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.py-110 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.py-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.py-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

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

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

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

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

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

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

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

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

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

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

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

.pb-110 {
    padding-bottom: 110px;
}

.pb-100 {
    padding-bottom: 100px;
}

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

.pb-80 {
    padding-bottom: 80px;
}

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

.pb-60 {
    padding-bottom: 60px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-10 {
    padding-bottom: 10px;
}

.ps-10 {
    padding-right: 10px;
}

.slick-prev,
.slick-next {
    font-size: 0;
}

img {
    max-width: 100%;
}

#scrollUp {
    /* position: fixed; */
    right: 10.6px;
    bottom: 23%;
    /*  width: 80px;
    height: 60px;
    background: #999291;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 30px;
    transition: .5s;
    border: none;
    outline: none; */
    width: 80px;
    height: 60px;
    font-size: 12px;
    padding: 5px 6px;
    display: block;
    border-radius: 5px;
    text-align: center;
    margin-top: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    cursor: pointer;
    background-color: #999494;
}

#scrollUp:hover {
    background-color: #4d4b4b;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

/*========== Slider btn css ==========*/
button.slick-prev,
button.slick-next {
    width: 55px;
    height: 55px;
    line-height: 55px;
    background: #db5e41;
    border-width: 0;
    outline: 0;
    transition: 0.5s;
    z-index: 1;
    font-size: 0;
    position: absolute;
    cursor: pointer;
    border-radius: 0;
    color: #fff;
}

.slick-prev:hover,
.slick-next:hover {
    background: #333;
    opacity: 1;
    visibility: visible;
}

.slick-next::before,
.slick-prev::before {
    color: #fff;
    font-size: 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-family: "IcoFont" !important;
    line-height: inherit;
}

.slick-prev::before {
    content: "\eac9";
}

.slick-next::before {
    content: "\eaca";
}

.slick_btn_bottom .slick-prev {
    bottom: -100px;
    left: calc(50% - 60px);
}

.slick_btn_bottom .slick-next {
    bottom: -100px;
    right: calc(50% - 60px);
}

.slick_btn_center .slick-prev {
    top: 50%;
    left: -60px;
    opacity: 0;
}

.slick_btn_center .slick-next {
    top: 50%;
    right: -60px;
    opacity: 0;
}

.slick_btn_center:hover .slick-prev,
.slick_btn_center:hover .slick-next {
    opacity: 1;
    visibility: visible;
    z-index: 10;
}

.slick_btn_none button.slick-prev,
.slick_btn_none button.slick-next {
    display: none !important;
    opacity: 0;
    visibility: hidden;
}

/* ========== slick slider presentation ========== */
.slick-dots {
    text-align: center;
    margin-top: 40px;
    overflow: hidden;
}

.slick-dots li {
    display: inline-block;
}

.slick-dots li button {
    width: 14px;
    height: 14px;
    background-color: #333333;
    margin: 0 5px;
    font-size: 0;
    outline: 0;
    border: 0;
    cursor: pointer;
    border-radius: 0px;
    transition: 0.5s;
}

.slick-dots li.slick-active button {
    background: #db5e41;
}

/* background overlay */
.background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1d1e22;
    opacity: 0.95;
}

/* ====== Paginations CSS ====== */
.paginations {
    margin-top: 20px;
    text-align: center;
    display: block;
    width: 100%;
    padding: 15px 10px;
    margin-bottom: 16px;
}

.paginations li {
    display: inline-block;
    border-radius: 5px;
    margin: 0 5px;
    color: #555555;
    font-size: 19px;
    transition-duration: 0.5s;
    box-shadow: 0 10px 40px 0 rgba(50, 65, 141, 0.12);
}

.paginations li a,
.paginations li span {
    border-radius: 5px;
    display: block;
    color: #888;
    padding: 15px 24px;
    line-height: 1;
    font-weight: 500;
}

.paginations li.active {
    background: #db5e41;
}

.paginations li.active span {
    color: #fff;
}

.paginations li:hover {
    background: #db5e41;
    color: #fff;
}

.paginations li:hover a {
    color: #fff;
}

/* image */
.single_image,
.single_image_center {
    position: relative;
}

.single_image_center {
    text-align: center;
}

.single_image img {
    width: 100%;
}

.single_image_center::before,
.single_image::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
    z-index: 1;
}

/* ====== Section Title CSS ====== */
.witr_section_title {
    position: relative;
}

.witr_section_title_inner {
    position: relative;
    z-index: 1;
}

.witr_section_title_inner h1,
.witr_section_title_inner h2,
.witr_section_title_inner h3 {
    font-size: 48px;
    margin: auto;
    font-weight: 700;
    line-height: 1.2;
}

.witr_section_title_inner h3 span {
    display: block;
    /*设置为块级元素会独占一行形成上下居中的效果*/
    position: relative;
    /*定位横线（当横线的父元素）*/
    text-align: center;
}

.witr_section_title_inner h3 span:before,
.witr_section_title_inner h3 span:after {
    content: "";
    position: absolute;
    /*定位背景横线的位置*/
    top: 50%;
    background: #8c8c8c;
    /*背景横线颜色*/
    width: 30%;
    /*单侧横线的长度*/
    height: 1px;
}

.witr_section_title_inner h3 span:before {
    left: 2%;
    /*调整背景横线的左右距离*/
}

.witr_section_title_inner h3 span:after {
    right: 2%;
}

.text-right.witr_section_title_inner h1,
.text-right.witr_section_title_inner h2,
.text-right.witr_section_title_inner h3 {
    margin-right: 0;
}

.text-left.witr_section_title_inner h1,
.text-left.witr_section_title_inner h2,
.text-left.witr_section_title_inner h3 {
    margin-left: 0;
}

.witr_section_title_inner h2 {
    font-size: 20px;
    display: inline-block;
    margin-bottom: 8px;
    color: #db5e41;
}

.witr_section_title_inner p {
    margin-top: 10px;
}

.witr_section_title_inner.text-center p {
    width: 74%;
    margin-right: auto;
    margin-left: auto;
}

.witr_section_title_inner.text-left p {
    width: 74%;
    margin-right: auto;
    margin-left: 0;
}

.witr_section_title_inner.text-right p {
    width: 74%;
    margin-right: 0;
    margin-left: auto;
}

.witr_section_title_inner.full p {
    width: 100% !important;
}

.witr_section_title_inner.text-white * {
    color: #fff !important;
}

/* ========== 1. Top Menu Area CSS ========== */
.top-contact-section {
    padding-top: 28px;
    padding-bottom: 50px;
    background: #ffffff;
    border-bottom: 1px solid #2151721a;
}

.creative_header_icon {
    text-align: center;
    margin-right: 15px;
    overflow: hidden;
}

.creative_header_icon i {
    font-size: 30px;
    margin-top: 0;
    margin-left: 2px;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 10px;
    color: #db5e41;
    border: 2px solid #db5e41;
    transition: 0.5s;
}

.creative_header_icon i:hover {
    color: #fff;
    background-color: #db5e41;
}

.creative_header_address_text {
    text-align: center;
    /* display:flex;
    align-items:center;
    height:100%; */
}

.creative_header_address_text>h3 {
    font-size: 18px;
    margin: 0;
    padding: 0;
    color: #0a0a0a;
}

.creative_header_address_text p,
.creative_header_address_text p a {
    margin: 0;
    overflow: hidden;
    color: #555;
}

/* ================ 2. Menu Area CSS ================ */
.woforest_nav_area.postfix {
    transition: 0.3s;
}

.woforest_nav_area {
    background: #fff;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 0%);
}

.logo-right,
.logo-left {
    align-items: center;
}

.mobile_menu_logo.text-center {
    padding: 20px 0;
}

/* LOGO CSS */
.logo a {
    display: inline-block;
}

/* logo sticky */
.woforest-main-menu .logo a.main_sticky_main_l {
    display: block;
}

.woforest-main-menu .logo a.main_sticky_l {
    display: none;
}

/* logo pre */
.woforest-main-menu .prefix .logo a.main_sticky_main_l {
    display: none;
}

.woforest-main-menu .prefix .logo a.main_sticky_l {
    display: block;
}

/* MENU text CSS */
.woforest_menu ul {
    text-align: right;
    list-style: none;
}

.woforest_menu>ul>li {
    display: inline-block;
    position: relative;
}

.woforest_menu>ul>li>a {
    color: #080d1c;
    display: block;
    margin: 15px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: "Work Sans", sans-serif;
}

.woforest_menu ul .sub-menu li a:hover,
.woforest_menu ul .sub-menu li.current-menu-item a,
.woforest_menu>ul>li.current-menu-item>a,
.woforest_menu>ul>li>a:hover,
.woforest_nav_area.prefix .woforest_menu>ul>li.current-menu-item>a,
.woforest_nav_area.prefix .woforest_menu>ul>li>a:hover,
.hbg2 .woforest_menu>ul>li.current-menu-item>a,
.hbg2 .woforest_menu>ul>li>a:hover,
.heading_style_2 .woforest_menu>ul>li.current-menu-item>a,
.heading_style_2 .woforest_menu>ul>li>a:hover,
.heading_style_3 .woforest_menu>ul>li.current-menu-item>a,
.heading_style_3 .woforest_menu>ul>li>a:hover,
.heading_style_4 .woforest_menu>ul>li.current-menu-item>a,
.heading_style_4 .woforest_menu>ul>li>a:hover {
    color: #db5e41;
}

.woforest_menu>ul>li>a:before,
.woforest_menu>ul>li.current>a::before {
    background: #ffb600 none repeat scroll 0% 0;
    bottom: -7px;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 0.5s ease 0s;
    width: 15%;
    display: none;
}

.woforest_menu ul li:last-child a {
    margin-right: 15px !important;
}

.woforest_menu>ul>li.current>a,
.woforest_menu>ul>li:hover>a,
.creative_header_menu>ul>li:hover>a {
    color: #db5e41;
    background-color: transparent;
    color: #db5e41;
}

.woforest_menu>ul>li:hover>a:before,
.woforest_menu>ul>li.current>a::before {
    opacity: 1;
}

.transprent-menu .woforest_nav_area {
    background-color: #fff;
    padding: 0;
    transition: 0.5s;
}

.woforest_nav_area.postfix {
    transition: 0.3s;
}

.woforest_nav_area.prefix,
.hbg2 {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

.woforest_nav_area.trp_nav_area.scroll_fixed.postfix.container {
    margin: 100px auto 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    padding: 0 15px;
    border-radius: 10px;
    box-shadow: 5px 0 65px 0 rgb(0 0 0 / 6%);
}

.woforest_nav_area.trp_nav_area.scroll_fixed.postfix.container.prefix {
    position: fixed;
    margin: 0 auto;
    padding: 0;
}

.woforest_nav_area.prefix .woforest_menu>ul>li>a {
    color: #fff;
}

.woforest_nav_area.prefix .woforest_menu>ul>li.current>a {
    color: #db5e41;
}

.search_popup_button,
.tx_mmenu_together {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.tx_mmenu_together .donate-btn-header {
    padding: 0;
}

.prefix .main_menu_header_address_text h3,
.prefix .main_menu_header_address_text h4 a,
.prefix .main_menu_header_icon i {
    color: #fff;
}

/* sub menu style */
.woforest_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 240px;
    text-align: left;
    background: #fff;
    margin: 0;
    padding: 15px 8px 8px 25px;
    z-index: 9999;
    box-shadow: 0 0 30px rgb(0 0 0 / 9%);
    transition: 0.2s;
    display: none;
}

.woforest_menu ul li:hover>.sub-menu {
    transition: 0.5s;
    display: block;
    top: 100%;
    z-index: 9999;
}

.woforest_menu ul .sub-menu li {
    position: relative;
    transition: 0.5s;
}

.woforest_menu ul .sub-menu li a {
    display: block;
    margin: 0;
    margin-bottom: 6px;
    letter-spacing: normal;
    font-size: 18px;
    font-weight: 500;
    transition: 0.5s;
    color: #080d1c;
    visibility: inherit !important;
    padding: 4px 0px;
    font-family: "Work Sans", sans-serif;
}

.woforest_menu ul .sub-menu li:hover>a,
.woforest_menu ul .sub-menu .sub-menu li:hover>a,
.woforest_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.woforest_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
    color: #db5e41;
}

.woforest_menu ul .sub-menu li:before {
    left: -18px;
}

.woforest_menu ul .sub-menu li:hover:before {
    opacity: 1;
}

.woforest_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a,
.woforest_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.woforest_menu ul .sub-menu .sub-menu li:hover>a,
.woforest_menu ul .sub-menu li:hover:before,
.woforest_menu ul .sub-menu li:hover>a {
    color: #db5e41;
    padding-left: 8px;
    transition: 0.5s;
}

/* sub menu 2 */
.woforest_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}

.woforest_menu ul .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

/* sub menu 3 */
.woforest_menu ul .sub-menu .sub-menu li {
    position: relative;
}

.woforest_menu ul .sub-menu .sub-menu .sub-menu {

    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}

.woforest_menu ul .sub-menu .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

/* sub menu 4 */
.woforest_menu ul .sub-menu .sub-menu .sub-menu li {
    position: relative;
}

.woforest_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

/* has menu icon */
.woforest-main-menu .menu-item-has-children>a:after {
    margin-left: 8px;
    content: "\f107";
    font-family: FontAwesome !important;
    opacity: 1;
    font-size: 13px;
    opacity: 0.5;
    font-weight: 600;
}

.woforest-main-menu .menu-item-has-children .menu-item-has-children>a:after {
    margin-left: 8px;
    content: "\f107";
}

/* quearys area css */
.woforest_menu.main-search-menu>.em-header-quearys,
.em-quearys-top.msin-menu-search {
    display: inline-block;
}

.em-top-quearys-area {
    position: relative;
}

.woforest_menu div.em-header-quearys {
    text-align: center;
}

.em-quearys-inner {
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 10000;
    transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1),
        transform 0.3s 0.15s cubic-bezier(0.32, 0, 0, 1),
        background 0.3s 0s cubic-bezier(0.32, 0, 0, 1);
    transform: scale(1.1);
    visibility: hidden;
    opacity: 0;
    left: -150%;
    background: rgba(0, 0, 0, 0);
}

.em-s-open {
    visibility: visible;
    opacity: 1;
    left: 0;
    background: #000000e6 !important;
    transform: scale(1);
}

.em-quearys-form {
    width: 100%;
    max-width: 895px;
    margin: auto;
    padding: 30px 0;
}

.top-form-control {
    position: relative;
}

.top-form-control input {
    background: transparent;
    color: #fff;
    font-size: 50px;
    font-weight: 500;
    height: 100px;
    padding: 0 40px 0 15px;
    width: 100%;
    border: none;
    transition: 0.5s;
    border-bottom: 3px solid #fff;
}

.top-form-control input::placeholder {
    color: #fff;
}

textarea,
input {
    outline: none;
}

.top-form-control button.top-quearys-style {
    position: absolute;
    right: 6px;
    top: 50%;
    background: transparent;
    font-size: 45px;
    border: none;
    color: #fff;
    transform: translateY(-50%);
}

.em-quearys-menu {
    padding-left: 20px;
}

.main-search-menu .em-header-quearys .em-quearys-menu i {
    cursor: pointer;
    background: transparent;
    color: #db5e41;
    padding: 0;
    border-radius: 5px;
    height: inherit;
    width: 36px;
    line-height: inherit;
    display: inline-block;
    margin-left: 25px;
    font-size: 17px;
}

.woforest_nav_area.prefix .main-search-menu .em-header-quearys .em-quearys-menu i {
    color: #fff;
}

.mrt10 {
    margin-top: 10px;
}

.em-quearys-menu i {
    background: #db5e41;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}




.main_menu_address_a {
    display: flex;
    align-items: center;
    position: relative;
}

.main_menu_address_a::before {
    background: #fbfbfb40;
}

.main_menu_address_a::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 107px;
    left: 0;
}

.main_menu_header_icon {
    margin-left: 25px;
    margin-right: 10px;
}

.main_menu_header_icon i {
    color: #db5e41;
    font-size: 30px;
}

.main_menu_header_address_text h3,
.main_menu_header_address_text h4 a {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
}

.main_menu_header_address_text h3 {
    color: #db5e41;
}

.main_menu_header_address_text h4 {
    margin-bottom: 0;
    color: #030925;
}

.woforest_menu ul .sub-menu li>a::before {
    width: 0px;
    margin-left: 0px;
    width: 0px;
    margin-left: 0;
    position: relative;
    transform: translateY(-6px);
    height: 0px;
    display: inline-block;
    background: #db5e41;
    content: "";
    margin-right: 4px;
}

.woforest_menu ul .sub-menu li:hover>a::before {
    width: 15px;
    margin-left: -14px;
}

/*=======================
#2 woforest mobile menu css
========================*/
.mobile-menu {
    display: none !important;
}

.mobile_logo_area {
    display: none !important;
}

.mean-container a.meanmenu-reveal {
    display: none !important;
}

.mean-container .mean-nav>ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}

.mean-container .mean-bar {
    background: #fff;
    padding: 0;
}

.mean-container .mean-nav ul li {
    border-top: 0px solid #ddd;
}

.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li a {
    color: #17161a;
}

.mean-container .mean-nav ul li li a {
    border-top: 1px solid #ddd;
}

.mean-container .mean-nav ul li a:hover {
    color: #db5e41;
}

.mobile_p {
    position: fixed;
    right: 0;
    width: 300px;
    padding: 80px 20px 0px;
    overflow-y: scroll;
    top: 0;
    height: 100%;
    z-index: 9999;
    display: block;
    transition: 0.5s all;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
    transform: translateX(100%);
    background: #ffffff;
}

.tx-s-open {
    transform: translateX(0);
}

.mobile_p .tuetion_theme_widget>div.widget_block {
    padding: 0;
}

.mobile_p .tuetion_theme_widget>div {
    padding: 20px 0px 20px;
    box-shadow: none;
}

.mean-container .mean-nav ul li a {
    border: 0;
    width: 100%;
    border-top: 1px solid #ddd;
    font-size: 14px;
    padding: 12px 5px;
    font-weight: 500;
    display: block;
}

.mean-container .mean-nav ul li a.mean-expand {
    width: auto;
}

.mobile_opicon {
    text-align: right;
    padding: 4px 0;
}

.mean-container .mean-nav>ul>li:first-child>a {
    border-top: 0;
}

.mobilemenu_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile_menu_o i {
    font-size: 26px;
}

.mobile_menu_content .mobile_menu_logo {
    margin-bottom: 20px;
}

.mobile_cicon {
    position: absolute;
    right: 30px;
    top: 50px;
}

.mobile_overlay {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease-out 0s;
}

.mobile_overlay.mactive {
    opacity: 1;
    visibility: visible;
}

/* menu button */
a.dtbtn {
    background: #db5e41;
    color: #fff;
    border-radius: 0 10px 10px 0;
    font-size: 17px;
    font-weight: 500;
    padding: 24px 78px;
    margin-left: 30px;
    margin-right: -30px;
    border: none;
    display: block;
    font-family: "Work Sans", sans-serif;
}


/* ================ 3. Slider Area CSS ================ */
.slider_area {
    position: relative;
    overflow: hidden;
}

.witr_slider_height {
    background-image: url(../image/slider-1.jpg);
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    height: 896px;
}

.background-video-area {
    position: absolute;
    top: 50%;
    left: calc(50% - 1px);
    right: 0;
    bottom: 0;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 80%;
    height: 80%;
    max-height: 80%;
    z-index: 5;
}

.background-video-area iframe {
    width: 80%;
    height: 80%;
    border: 0 !important;
}

.background-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 50%);
    z-index: 10;
}

.witr_sw_text_area {
    margin: auto;
    width: 60%;
    height: 100%;
}

.witr_slider_content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 50;
}

.text-white.witr_slider_content * {
    color: #fff !important;
}

.witr_slider_content h2 {
    width: 66%;
    color: #fff;
    margin-bottom: 3px;
    font-size: 59px;
    font-weight: 700;
    line-height: 1.3;
}

.witr_slider_content p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    width: 47%;
    margin: 19px auto 15px 0;
}

.slider_btn {
    margin-top: 56px;
}

/* ==================== 4. Call to Action Area CSS ==================== */
.call_to_action_area {
    margin-top: -90px;
    position: relative;
    z-index: 2;
}

.cta_inner {
    box-shadow: 5px 0px 65px 0px rgba(0, 0, 0, 0.04);
    transition: 0.3s;
    padding: 50px;
    background-color: #fff;
}

.cal_to_toggole {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cta_content {
    width: 100%;
}

.cta_content h2 {
    font-size: 32px;
    margin: 0px 0px 15px 0px;
}

.cta_content p {
    width: 93%;
}

.woforest_button {
    margin: 10px 0px 0px 0px;
    width: 60%;
}

.woforest_button a.witr_btn {
    padding: 18px 35px;
}

/* ==================== 5. About Area CSS ==================== */
.about_image {
    margin-right: 20px;
}

.about_cont {
    position: relative;
    margin-left: 20px;
    margin-top: 20px;
}

.about_btn_area a.witr_btn {
    margin-top: 22px;
}

/* ==================== 6. Service Area CSS ==================== */
.service_area {
    background: #f9f9f9;
}

.service_box {
    background-color: #ffffff;
    padding: 45px 20px 40px 20px;
    position: relative;
}

.service_box2 {
    background-color: #ffffff;
    padding: 10px;
    position: relative;
}

.service_box i {
    font-size: 42px;
    height: 92px;
    width: 92px;
    text-align: center;
    border-radius: 50%;
    line-height: 92px;
    display: inline-block;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    top: -46px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
    color: #fff;
}

.single_service2 {
    /* background: #db5e41 */
    background-color: #ffffff;
}

.single_service:hover .service_box i {
    /* background: #db5e41 */
    background-color: #302e2e;
    z-index: 2;
}

.service_box h3 {
    padding: 15px 0px 14px 0px;
}

.service_box p {
    margin-bottom: 28px;
}

.service-btn a {
    color: #db5e41;
    font-weight: 500;
    font-size: 17px;
}

/* ==================== 7. Why Choose Us Area CSS ==================== */
.wcu_image {
    animation: witr_abmovetb_box 1s linear 1s infinite alternate running;
}

@keyframes witr_abmovetb_box {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }

    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.wcu_area .witr_section_title_inner p {
    margin-top: 3px;
    margin-bottom: 25px;
}

.wcu_btn .witr_btn {
    margin-top: 27px;
}

/* ==================== 8. Project Area CSS ==================== */
.project_section_title {
    padding: 105px 0px 300px 0px;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.project_items {
    margin-top: -260px;
    z-index: 5;
}

.witr_single_project {
    position: relative;
    overflow: hidden;
}

.witr_project_image {
    overflow: hidden;
    position: relative;
}

.witr_project_image::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 1;
    background-color: #0000001f;
    opacity: 0.83;
}

.witr_single_project:hover .witr_project_image::before {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.witr_content_project_text {
    bottom: -170px;
    padding: 40px 10px 15px;
    border-radius: 0;
    left: 0;
    right: 0;
    background-color: #db5e41e8;
    position: absolute;
    transition: 0.5s;
    z-index: 2;
}

.witr_single_project:hover .witr_content_project_text {
    bottom: 0px;
}

.witr_content_project_text h3,
.witr_content_project_text p {
    text-align: center;
    color: #fff;
    margin-bottom: 3px;
}

.witr_content_project_text h3 a {
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
}

/* ==================== 9. Team Area CSS ==================== */
.witr_team_content {
    position: absolute;
    width: 100%;
    left: 50%;
    top: -350px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding: 0 25px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.team_inner {
    position: relative;
    overflow: hidden;
}

.team_inner img {
    width: 100%;
}

.team_inner::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: -150%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: #db5e41cc;
}

.team_inner:hover::before {
    top: 0;
}

.single_team:hover .witr_team_content {
    top: 50%;
}

.witr_team_content h5 {
    margin: 0;
    color: #ffffff;
    font-size: 24px;
}

.witr_team_content h5 a,
.witr_team_content span {
    color: #fff;
    display: inline-block;
    border-radius: 100px;
}

.template-home-wrapper ul {
    margin-bottom: 0;
}

.witr_team_content ul li {
    display: inline-block;
}

.witr_team_content ul li a {
    font-size: 16px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 100px 100px 100px 100px;
    margin: 24px 4px 0px 4px;
    color: #ffffff;
    background-color: #ffffff4a;
    display: inline-block;
}

.witr_team_content ul li a:hover,
.witr_team_content h5 a:hover {
    color: #000000;
    background-color: #ffffff;
}

/* ==================== 10. Testimonial Area CSS ==================== */
.testimonial_area {
    background-color: #f9f9f9;
}

.testimonial_area .witr_section_title {
    margin-top: 50px;
}

.single_testimonial {
    padding: 60px 0px 0 0px;
}

.test-part {
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    text-align: left;
    background-color: #ffffff;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
    padding: 35px 42px 35px 42px;
}

.test-part h6 {
    display: block;
    font-size: 20px;
    line-height: 10px;
    padding-top: 30px;
    padding-bottom: 4px;
}

.test-part span {
    color: #db5e41;
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.test-part ul {
    margin-bottom: 0;
}

.test-part ul li {
    padding-bottom: 10px;
}

.em_crating i.active {
    color: #db5e41;
    font-size: 20px;
    margin: 22px 0px 10px 0px;
    display: inline-block;
}

.test-part p {
    margin-bottom: 0;
}

.test-part img {
    position: absolute;
    top: -43px;
    left: 30px;
    z-index: 22;
    width: 78px;
    height: 78px;
}

.testimonial_area button.slick-next.slick-arrow,
.testimonial_area button.slick-prev.slick-arrow {
    width: 45px;
    height: 45px;
    line-height: 45px;
}

.testimonial_area button.slick-prev.slick-arrow {
    left: -48%;
    bottom: 40px;
}

.testimonial_area button.slick-next.slick-arrow {
    bottom: 40px;
    left: calc(-48% + 55px);
}

/* image carousel area */
.image_carousel_area {
    background: #8f8482;
}

.image_carousel_area img {
    max-width: 80%;
}

/* ==================== 11. Faq Area CSS ==================== */
.faq_area .witr_section_title_inner p {
    margin-top: 22px;
    margin-bottom: 0;
    margin-right: 0;
}

.accordion_area {
    margin-top: 0px;
}

.faq_right {
    margin-left: 40px;
}

.accordion_area .card-2 {
    background-color: #f9f9f9;
    margin-bottom: 5px;
    border-width: 0px;
}

.accordion_area .card-3 {
    /* background-color: #F9F9F9; */
    margin-bottom: 5px;
    border-width: 0px;
}

.accordion_area .card-header.witr_ac_card {
    background: transparent;
    padding: 0;
    border-bottom: 0;
}

/* .accordion_area .card-header.witr_ac_card a:before {
    position: absolute;
    content: '\eaa1';
    right: 30px;
    font-family: "IcoFont"!important;
    font-weight: 400;
} */
.accordion_area .card-header.witr_ac_card a {
    font-family: "Work Sans", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 20px 10px 20px 20px;
    display: block;
    color: #000;
}

.accordion_area .card-header.witr_ac_card a:hover {
    color: #dd7373;
    transform: scale(1.1);
}

.accordion_area .card-header.witr_ac_card .aclass {
    float: left;
}

.witr_ac_style:before {
    position: absolute;
    content: "\ea99";
    right: 30px;
    font-family: "IcoFont" !important;
    font-weight: 400;
}

/* .active .witr_ac_style:before {
    content: '\eaa1';
} */
.accordion_area .card-2 p {
    padding: 3px 33px 9px 33px;
}

/* ==================== 12. Counter Area CSS ==================== */
.witr_counter_number_inn h3,
.witr_counter_number_inn span {
    color: #333333;
    font-size: 34px;
    margin: 16px 0px 8px 0px;
    display: inline-block;
    font-weight: 700;
}

.witr_counter_number_inn span {
    line-height: 0;
}

.witr_counter_number_inn h4 {
    color: #5e5e5e;
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
}

/* ==================== 13. Video Area CSS ==================== */
.video_area {
    background-image: url(../image/video-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 165px 0 150px;
}

.video_area2 {
    background-image: url(../image/视频.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 0px 0 0px;
}

.video-overlay {
    padding: 70px 0 50px;
}

.video-item a {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 90px;
    font-size: 24px;
    border-radius: 100%;
    border-radius: 100%;
    line-height: 90px;
    background-color: #fff;
    text-align: center;
}

.video-item i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #db5e41;
}

.tx_svd_icon {
    text-align: center;
    -webkit-animation: witr-shadow 1s linear infinite;
    animation: witr_shadow 1s linear infinite;
}

@keyframes witr_shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
            0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
            0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    }
}

.video-item h3 {
    font-size: 47px;
    margin-top: 35px;
    color: #fff;
}

/* ==================== 14. Pricing Area CSS ==================== */
.single_price {
    border-radius: 5px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);
    transition: 0.5s;
}

.single_price:hover {
    background: #db5e41;
}

.pricing-part h4 {
    color: #db5e41;
    font-size: 40px;
    padding: 55px 0px 0px 0px;
    margin-bottom: 0;
}

.pricing-part h5 {
    font-size: 24px;
    padding: 19px 0px 12px 0px;
    margin: 0;
}

.pricing-part span {
    font-size: 18px;
    margin-right: 5px;
    color: #333;
    transition: 0.5s;
}

.pricing_list {
    margin-top: 25px;
}

.pricing_list ul {
    padding: 10px 0 5px 100px;
    text-align: left;
}

.pricing_list ul li {
    font-size: 16px;
    margin-bottom: 17px;
    color: #7a7a7a;
}

.pricing_list ul li i {
    margin-right: 10px;
    color: #db5e41;
}

.witr_btnp_color {
    padding: 35px 0px 60px 0px;
}

.witr_btnp_color .witr_btn {
    padding: 13px 38px 13px 38px;
    font-size: 16px;
    font-weight: 500;
    color: #db5e41;
    background: #fff;
    border: 2px solid #db5e410f;
}

.single_price:hover h4,
.single_price:hover h5,
.single_price:hover span,
.single_price:hover .pricing_list ul li,
.single_price:hover .pricing_list ul li i {
    color: #fff;
}

/* ==================== 15. Blog Area CSS ==================== */

.single-blog2 {
    position: relative;
    overflow: hidden;
    /* 圆形div */
    border-radius: 50%;
}

.blog-image2 {
    position: relative;
    overflow: hidden;
}

.blog-image2::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    transform: scale(0);
    transition-duration: 0.5s;
    z-index: 1;
    opacity: 0;
}

.single-blog2:hover .blog-image2::after {
    transform: scale(1);
    opacity: 1;
}

.single-blog2:hover .blog-image2 img {
    transform: scale(1.2);
}

.single-blog2 .blog-image2 img {
    transition-duration: 0.5s;
    display: block;
    width: 100%;
    /* justify-content: center; */
}

.blog_area {
    background: #f9f9f9;
}

.single-blog {
    margin-bottom: 30px;
}

.single-blog {
    box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
    position: relative;
    overflow: hidden;
}

.blog-image-area {
    position: relative;
    overflow: hidden;
}

.blog-image {
    position: relative;
    overflow: hidden;
}

.blog-image::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    transform: scale(0);
    transition-duration: 0.5s;
    z-index: 1;
    opacity: 0;
}

.single-blog:hover .blog-image::after {
    transform: scale(1);
    opacity: 1;
}

.blog-image img {
    transition-duration: 0.5s;
    display: block;
    width: 100%;
}

.blog-category {
    position: absolute;
    top: 20px;
    left: 20px;
    overflow: hidden;
    border-radius: 4px;
    z-index: 10;
}

.blog-category a {
    background: #db5e41;
    padding: 3px 10px;
    color: #fff;
    display: block;
}

.baio {
    transform: scale(1);
}

.single-blog:hover .blog-image img {
    transform: scale(1.2);
}

.blog-desc-area {
    padding: 20px 15px 12px 25px;
}

.blog-desc-area.sbra {
    padding: 5px 15px 20px;
}

.blogger-name-time {
    display: flex;
}

.blogger-info {
    margin-right: 8px;
}

.blogger-name-time i {
    color: #db5e41;
    margin-right: 8px;
}

.blogger-name-time span {
    color: #777;
}

.blog-title h2 {
    margin: 10px 0 10px;
    line-height: 0.8;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 24px;
}

.blog-desc-area.sbra .blog-title h2 {
    margin-bottom: 10px;
}

.blog-desc-area.sbra .blogger-name-time {
    margin-bottom: 10px;
}

.blog-title h2 a {
    color: #212121;
    transition-duration: 0.5s;
}

.blog-title h2:hover a {
    color: #db5e41;
}

.readmore-btn a.btn {
    color: #db5e41;
}

.readmore-btn a.btn:hover {
    color: #db5e41;
}

.blog-bottom-btn {
    position: absolute;
    bottom: 0;
    right: 24px;
}

.blog-bottom-btn a.btn i {
    color: #db5e41;
    font-size: 20px;
    z-index: 100;
    position: relative;
    font-weight: 500;
    transition-duration: 0.5s;
}

.blog-desc-area.sbra .readmore-btn a.btn {
    border: 1px solid #ddd;
    color: #444;
    padding: 8px 24px;
}

.blog-desc-area.sbra .readmore-btn a.btn:hover {
    color: #fff;
    background: #db5e41;
}

.single-blog:hover .blog-bottom-btn a.btn i {
    color: #fff;
}

.blog-bottom-btn a.btn::before {
    content: "";
    position: absolute;
    height: 110px;
    width: 110px;
    border: 2px solid #f7f7f7;
    bottom: -70px;
    z-index: 1;
    transform: rotate(-35deg);
    right: -30px;
    border-radius: 0 20px;
    transition: 0.5s;
}

.single-blog:hover .blog-bottom-btn a.btn::before {
    background: #db5e41;
}

/* blog sidebar area */
.blog-side-item {
    padding: 35px 30px;
    margin-bottom: 30px;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
}

.input-field {
    position: relative;
}

.input-field input {
    width: 100%;
    display: block;
    padding: 16px 60px 16px 16px;
    border: none;
    outline: none;
    background: #f7f7f7;
}

.input-field button {
    width: 54px;
    height: 54px;
    line-height: 54px;
    background: #db5e41;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
    transition-duration: 0.5s;
}

.input-field button:hover {
    background: #000;
}

.blog-other-side ul li:before {
    content: "\eaa0";
    /* content: "\e71b"; */
    font-family: IcoFont !important;
    font-size: 18px;
    color: #454545;
    transition-duration: 0.5s;
}

.blog-other-side ul li:hover:before {
    color: #db5e41;
}

.blog-other-side .widget-title {
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 12px;
}

.blog-other-side .widget-title::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    margin-top: 17px;
    width: 26%;
    border: 1px solid #db5e41;
    top: 50%;
}

.blog-other-side .widget-title2 {
    border-bottom: 3px solid #db5e41;
}

.blog-other-side ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0 0 10px;
    padding-bottom: 10px;
}

.blog-other-side ul li:last-child {
    border-bottom: none;
}

.blog-other-side ul li a {
    color: #454545;
    transition-duration: 0.5s;
}

.blog-other-side ul li a:hover {
    color: #db5e41;
}

.recent-post-item {
    overflow: hidden;
}

.recent-post-image {
    width: 70px;
}

.recent-post-image img {
    width: 100%;
}

.blog_sidebar_area .recent-post-text {
    overflow: hidden;
}

.blog_sidebar_area .recent-post-text h4 {
    margin-bottom: 0;
    line-height: 1;
}

.blog_sidebar_area .recent-post-text h4 a {
    font-size: 17px;
    font-family: "Roboto", sans-serif;
    color: #454545;
    font-weight: 600;
}

.blog_sidebar_area .recent-post-text h4 a:hover {
    color: #db5e41;
}

.blog_sidebar_area .recent-post-text span {
    font-size: 14px;
    color: #777;
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom: 1px solid #dee2e6;
}

.calender_wrap table thead th,
.calender_wrap table tr td {
    color: #777;
    font-size: 13px !important;
    text-align: center;
}

.calender_wrap table tr td.today {
    background: #db5e41;
    color: #fff;
}

.calender_wrap td {
    font-size: 14px;
    font-weight: 500;
}

.month-year span {
    display: block;
    padding: 0 0 10px;
    margin-bottom: 12px;
    color: #6c757d;
    font-size: 14px;
    text-transform: uppercase;
}

.month a {
    color: #454545;
}

/* blog side */
.woforest-single-blog {
    box-shadow: 0 0 10px 0 rgba(148, 146, 245, 0.2);
    margin-bottom: 30px;
    overflow: hidden;
    text-align: left;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    background-color: #fff;
}

.woforest-blog-thumb {
    overflow: hidden;
}

.woforest-blog-thumb::before {
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
}

.em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
}

.woforest-blog-meta-left {
    padding: 0 0 9px;
}

.woforest-blog-meta-left a,
.woforest-blog-meta-left span {
    color: #888;
}

.woforest-blog-meta-left a:hover,
.woforest-blog-meta-left span:hover {
    color: #db5e41;
}

.woforest-blog-meta-left i {
    font-size: 13px;
    margin-right: 5px;
    color: #db5e41;
}

.readmore a {
    display: inline-block;
    padding: 7px 25px;
    margin-bottom: 20px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    border: 1px solid #ddd;
}

.readmore a:hover {
    color: #fff;
    background: #db5e41;
    border-color: #db5e41;
}

/* single blog page */
.woforest-single-blog-details {
    background: #fff;
    box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
    padding: 38px 45px 15px;
    margin-bottom: 40px;
}

.woforest-single-blog--thumb img {
    width: 100%;
}

blockquote {
    padding: 25px 32px 25px;
    margin: 0 0 30px;
    font-size: 17px;
    font-weight: 400;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 7%);
}

.single-blog-content h2 {
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 600;
}

.block-image .aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.block-image figure {
    text-align: center;
    margin-bottom: 0;
}

.block-image img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
}

.block-quote.text_italic p {
    font-size: 26px;
    font-style: italic;
    text-align: center;
}

.block-quote.text_italic cite {
    font-weight: 600;
    font-style: italic;
    font-size: 20px;
}

.woforest-blog-social {
    margin-bottom: 25px;
    margin-top: 25px;
}

.woforest-single-icon-inner {
    display: flex;
    justify-content: left;
}

.woforest-single-icon-inner a {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    color: var(--primary);
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 38px;
    margin: 0 5px;
    text-align: center;
    width: 40px;
}

.woforest-single-icon-inner a:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

/* comment area */
.sb-comment-area {
    padding: 38px 30px 45px;
    margin-bottom: 30px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}

.comment-heading h2 {
    font-size: 24px;
    position: relative;
    margin-bottom: 40px;
}

.comment-heading h2::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -9px;
    width: 40px;
    height: 2px;
    background: var(--primary);
}

.sci {
    margin-bottom: 16px;
}

.sci input,
.sci textarea {
    display: block;
    padding: 8px 12px;
    color: #495057;
    border: 1px solid #e5e5e5;
    width: 100%;
    border-radius: 4px;
    line-height: 1.5;
    margin-bottom: 16px;
    transition: 0.5s;
}

.sci input:focus,
.sci textarea:focus {
    border-color: #80bdff;
}

.sci textarea {
    height: 150px;
}

.scisb {
    margin-bottom: 16px;
}

.scisb label {
    color: #777;
    margin-left: 4px;
    font-size: 16px;
    display: inline;
}

.scisb button {
    border: none;
    outline: none;
    padding: 16px 30px;
    border-radius: 5px;
}

/* =============== 16. Footer Area CSS =============== */
.witrfm_area {
    background: #080d1c;
}

.footer-middle {
    padding: 20px 0 70px;
}

.footer-middle a,
.footer-middle p,
.footer-middle i,
.footer-middle h2 {
    color: #fff;
}

.widget-title {
    font-size: 25px;
    margin: 28px 0 25px;
    font-weight: 700;
}

.woforest-description-area a img {
    margin: 26px 0;
}

.woforest-description-area p {
    color: #fff;
}

.woforest-description-area .social-icons a {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: #000;
    margin: 0 5px 5px 0;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    transition-duration: 0.5s;
}

.woforest-description-area .social-icons a:hover {
    background: #db5e41;
}

.menu-our-service-container ul li {
    margin-bottom: 10px;
}

.menu-our-service-container ul li a {
    transition-duration: 0.5s;
}

.menu-our-service-container ul li a:hover {
    color: #db5e41;
}

.footer_s_inner {
    display: flex;
    justify-content: left;
    margin-top: 10px;
}

.footer-sociala-info p {
    margin-bottom: 0;
}

.footer_s_inner .footer-social-icon {
    margin-right: 12px;
    font-size: 18px;
}

.recent-post-image {
    flex: 70px;
}

.recent-post-item {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 10px;
}

.recent-post-text h4 a {
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
    margin: 0 !important;
}

.recent-post-text {
    flex: calc(100% - 85px);
}

.recent-post-text span {
    color: #fff;
}

/* footer bottom area */
.footer-bottom::before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 61%;
    left: 0;
    right: 0;
    margin: auto;
    background: #ffffff61;
}

.footer-bottom {
    padding: 26px 0px 24px;
    position: relative;
}

.copy-right-text p {
    color: #fff;
    margin-bottom: 0;
}

.footer-menu ul {
    display: flex;
    justify-content: right;
}

.footer-menu ul li a {
    color: #fff;
    padding: 0 10px;
    margin-left: 4px;
    transition-duration: 0.5s;
}

.footer-menu ul li a:hover {
    color: #db5e41;
}

/* =============== 17. Breadcumb Area CSS =============== */
.breadcumb-area {
    padding: 100px 0 10px;
    position: relative;
    z-index: 1;
    background: #f7f7f7;
}

.breadcumb-inner ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.brpt.brptsize h2 {
    font-size: 30px;
}

.breadcumb-inner ul li,
.breadcumb-inner ul li a,
.breadcumb-inner ul li span {
    color: #666;
}

.breadcumb-inner ul li a:hover {
    color: #db5e41;
}

/* =============== 18. Progress Area CSS =============== */
.witr_cp_class {
    position: relative;
}

span.witr_cir_text {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    font-size: 20px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-weight: 700;
}

.witr_circle_title {
    margin-top: 10px;
}

.witr_circle_title h3 {
    font-size: 20px;
    font-weight: 600;
}

/* =============== 19. Portfolio Area CSS =============== */
.portfolio_nav {
    padding: 0px 0 30px;
}

.portfolio_nav ul {
    text-align: center;
}

.portfolio_active {
    overflow: hidden;
    transition: 0.5s;
}

.portfolio_active image {
    height: 100;
    width: 100;
}

.portfolio_nav ul li {
    border: 1px solid #f3eaea;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin: 0 5px 10px;
    padding: 10px 20px;
    position: relative;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.portfolio_nav ul li:hover,
.portfolio_nav ul li.current_menu_item {
    color: #fff;
    background: #db5e41 none repeat scroll 0 0;
    border-color: #db5e41;
}

.single_portfolio {
    margin-bottom: 23px;
}

.portfolio_inner {
    position: relative;
    overflow: hidden;
}

.prot_thumb img {
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}

.prot_content {
    position: absolute;
    transition: 0.5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: #db5e4180;
    z-index: 9;
}

.single_portfolio:hover .prot_content {
    opacity: 1;
}

.prot_content h3 {
    margin: 0;
    text-transform: capitalize;
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
}

.prot_content h3 a {
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    text-transform: capitalize;
    transition: 0.5s;
    margin-bottom: 0;
    display: inline-block;
}

.prot_content h3 a:hover {
    color: #db5e41;
}

.prot_content p {
    color: #fff;
    line-height: 1.2;
    margin: 5px 0 0;
}

.prot_content p span {
    display: inline-block;
    padding-top: 0px;
    position: relative;
    margin: 0 2px;
}

.prot_content p span:not(:last-child):after {
    bottom: 0;
    content: ",";
    position: absolute;
    right: -5px;
}

.single_portfolio:hover .prot_content {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.prot_content_inner {
    left: 3000px;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    opacity: 0;
    background: #db5e4180;
    padding: 20px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.single_portfolio:hover .prot_content_inner {
    top: 50%;
    left: 75%;
    opacity: 1;
}

.port_2_inner .prot_content_inner {
    top: 60%;
    left: 50%;
    opacity: 0;
    background: transparent;
    text-align: center;
    transition-delay: 0.3s;
}

.single_portfolio:hover .port_2_inner .prot_content_inner {
    top: 50%;
    opacity: 1;
}

.single_portfolio:hover .port_2_inner .prot_content_inner {
    left: 50% !important;
    background: transparent;
}

.em_plus_port {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 99;
}

.picon a {
    font-size: 23px;
    font-weight: 700;
    background: #db5e41;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin: 0 3px 11px;
    width: 50px;
    text-align: center;
}

.picon a:hover {
    border-color: #232323;
    background: #232323;
    color: #fff;
}

.port_overlay {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #db5e4180;
    transition: 0.5s;
}

.prot_content:has(.port_overlay) {
    background: transparent;
}

.port_overlay .picon a {
    background: transparent;
    border: 0;
}

.port_overlay .picon a:hover {
    border-color: #db5e41;
    background: #db5e41;
    color: #fff;
}

.port_overlay h3 {
    padding-bottom: 10px;
}

/* single portfolio page */
.portfolio-details-box h2 {
    font-size: 25px;
}

.portfolio-details-box ul li {
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.pr-title h2 {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* =============== 20. Contact Area CSS =============== */
.location,
.location iframe {
    height: 100%;
    width: 100%;
    display: block;
    border: none;
    min-height: 650px;
}

.contact_form {
    text-align: center;
    border-style: solid;
    border-width: 4px 0px 0px 0px;
    border-color: #db5e41;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 40px 50px 40px 50px;
    background-color: #ffffff;
    height: 600px;
}

.contact_title h2 {
    color: #db5e41;
    font-size: 17px;
    margin-bottom: 5px;
}

.contact_title h3 {
    margin-bottom: 10px;
    font-size: 38px;
}

.contact_form input,
.contact_form textarea {
    padding-left: 30px;
    width: 100%;
    /* height: 54px; */
    border-radius: 5px;
    outline: 0;
    margin-bottom: 23px;
    color: #db5e41;
    background-color: #db5e410f;
    border: 1px solid #f1f1f1;
}

.contact_form textarea {
    padding: 6px 12px 6px 30px;
    height: 150px;
}

.contact_form input:focus,
.contact_form textarea:focus {
    border-color: #f1f1f1;
    background-color: #db5e410f;
}

.contact_form input::placeholder,
.contact_form textarea::placeholder {
    color: #db5e41;
}

.contact_form .witr_btn {
    padding: 15px 55px;
    border: none;
    font-weight: 600;
    line-height: 1.5;
}

.contact_form .witr_btn:hover {
    background-color: #02101e;
}

/* =============== 21. Shop Area CSS =============== */
.order_tx {
    justify-content: flex-end;
    align-items: center;
}

ul.tx_product_tab.nav {
    justify-content: flex-end;
    margin-bottom: 2em;
}

ul.tx_product_tab.nav li a.active {
    color: #fff;
    border: 1px solid #e8e8e8;
    font-size: 22px;
    margin: 1px 0 0;
    padding: 2px 9px 2px;
    display: inline-block;
    margin-left: 10px;
    border-radius: 5px;
    background: var(--primary);
    transition-duration: 0.5s;
}

ul.tx_product_tab.nav li a {
    font-size: 22px;
    margin: 1px 0 0;
    padding: 2px 9px 2px;
    display: inline-block;
    margin-left: 10px;
    border-radius: 5px;
    color: #333;
    border: 1px solid #e8e8e8;
}

.woocommerce-ordering {
    margin: 0 0 2em;
}

.woocommerce-result-count {
    font-weight: 600;
}

.row.tx_product_list {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 5%);
    margin-bottom: 30px !important;
}

.tbd_product {
    padding-left: 0;
}

.listdiv_center {
    padding: 15px 0;
}

.shop_grid_area .price span {
    font-size: 1rem;
    font-weight: 700;
    color: #db5e41;
}

p.list_produc_content {
    margin-top: 15px;
}

.thb_product_car {
    text-align: center;
    transition: 0.5s;
    display: flex;
    justify-content: left;
    align-items: center;
    overflow: hidden;
    opacity: 1;
}

.thb_product_car.thb_product_carlist a,
.product_icon a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin-right: 3px;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    box-shadow: 0 0 10px 0 rgb(27 81 209 / 10%);
    margin: 0 3px;
    color: #212121;
    transition-duration: 0.5s;
    background: #fff;
}

.tbd_product .thb_product_car a {
    background: #fff;
    color: #0e0d0d;
}

.thb_product_car.thb_product_carlist a:hover,
.product_icon a:hover {
    color: #fff;
    background: var(--primary);
}

.product_icon {
    position: absolute;
    opacity: 0;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    transition-duration: 0.5s;
    visibility: hidden;
}

.product_inner:hover .product_icon {
    transform: translateY(-20px);
    opacity: 1;
    visibility: visible;
}

.product_img {
    position: relative;
}

.sale {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: var(--primary);
    padding: 6px 12px;
    border-radius: 2px;
}

.sale p {
    margin: 0;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    line-height: normal;
}

.product_inner {
    box-shadow: 0 0 10px 0 rgba(148, 146, 245, 0.2);
    margin-bottom: 30px;
}

.product_text {
    padding: 10px;
}

.tbd_product_title a h3,
.product_name h3 a {
    font-weight: 700;
    color: #212121;
    display: block;
    transition-duration: 0.5s;
}

.product_name strong {
    color: #212121;
    display: block;
    transition-duration: 0.5s;
}

.product_name h3 a {
    font-size: 20px;
    text-align: center;
}

.tbd_product_title a h3 {
    font-size: 24px;
}

.tbd_product_title a h3:hover {
    color: var(--primary);
}

.tbd_product_title h3 a:hover,
.product_name h3 a:hover {
    color: var(--primary);
}

.product_price p {
    color: var(--primary);
    text-align: center;
    margin: 0;
    font-weight: 700;
}

.shop_grid_area .price span del,
.product_price p del {
    font-size: 1rem;
    font-weight: 700;
    color: #db5e41;
    opacity: 0.5;
    margin-right: 4px;
}

.witr_swiper_area {
    overflow: hidden;
    position: relative;
}

/* 屏幕小于600就隐藏 */
/* @media screen and (max-width: 600px) {
.witr_swiper_area{display:none; }
} */
.witr_swiper_height {
    position: relative;
    background-position: center center;
    height: 800px;
    background-size: cover;
}

.witr_swiper_height:before,
.wittr_gallery_swiper:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.witr_sw_text_area {
    margin: auto;
    width: 63%;
    height: 100%;
}

.witr_swiper_content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.witr_swiper_content h1 {
    font-size: 20px;
    display: inline;
    color: #fff;
    position: relative;
    margin-bottom: 15px;
}

.text-left .witr_swiper_content h1,
.text-left .witr_swiper_content h2,
.text-left .witr_swiper_content h3,
.text-left .witr_swipers_title h4,
.text-right .witr_swiper_content h1,
.text-right .witr_swiper_content h2,
.text-right .witr_swiper_content h3,
.text-right .witr_swipers_title h4 {
    width: 70%;
}

.text-left .witr_swiper_content h1,
.text-left .witr_swiper_content h2,
.text-left .witr_swiper_content h3,
.text-left .witr_swipers_title h4 {
    margin: 0 auto 3px 0;
}

.witr_swiper_content h1 span,
.witr_swiper_content h2 span,
.witr_swiper_content h3 span {
    color: #ffcc00;
}

.witr_swiper_content h2,
.witr_swiper_content h3 {
    font-size: 67px;
    color: #fff;
}

.witr_swiper_content h3 {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
}

.witr_swiper_content p {
    width: 49%;
    margin: 28px auto 15px 0;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
}

.slider_btn {
    margin-top: 50px;
}

.text-left .witr_btn_sinner {
    text-align: left;
}

.slider_btn .witr_btn {
    border: none;
    outline: 0;
}

.witr_btn {
    font-size: 17px;
    font-weight: 600;
    border-radius: 3px;
    text-align: center;
    position: relative;
    margin-right: 15px;
    z-index: 2;
    transition: 1s;
    padding: 18px 30px;
    color: #fff;
    display: inline-block;
    /* background: #ffcc00; */
    font-family: "Poppins", sans-serif;
}

.witr_btn:hover {
    /* background: #041855; */
    color: #fff;
}

.slider_btn .witr_btn i {
    font-size: 15px;
    margin-right: 10px;
    margin-left: 6px;
}

.witr_swiper_content .witr_btn.active {
    color: #ffcc00;
    background: #fff;
}

.slider_btn .witr_btn.active:hover,
.homeplan_slider_icon ul li a i,
.tx_svd_icon,
.witr_video_btn i,
.witr_video_btn i:after {
    background: #041855;
    color: #fff;
}

.h2_swiper .swiper-container-cube .swiper-slide {
    height: 800px;
}

.wittr_gallery.witr_swiper_height {
    height: 100px !important;
    margin-top: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 20px;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background: no-repeat 50%;
    color: #fff;
    transition: 0.5s;
    border-radius: 5px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 30px;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    padding: 30px;
    background: #fff;
}

.swiper-button-next:hover,
.swiper-button-prev:hover,
.witr_ds_content_inner h1 span,
.witr_ds_content_inner h2 span,
.witr_ds_content_inner h3 span {
    color: #db5e41;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    background: transparent;
}

/* CSS Document */
.tabtop13 {
    margin-top: 13px;
}

.tabtop13 td {
    background-color: #ffffff;
    height: 25px;
    line-height: 150%;
}

.font-center {
    text-align: center;
}

.btbg {
    background: #e9faff !important;
}

.btbg1 {
    background: #f2fbfe !important;
}

.btbg2 {
    background: #f3f3f3 !important;
}

.biaoti {
    font-family: 微软雅黑;
    font-size: 26px;
    font-weight: bold;
    border-bottom: 1px dashed #cccccc;
    color: #255e95;
}

.titfont {
    font-family: 微软雅黑;
    font-size: 16px;
    font-weight: bold;
    color: #255e95;
    background: url(../images/ico3.gif) no-repeat 15px center;
    background-color: #e9faff;
}

.tabtxt2 {
    font-family: 微软雅黑;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
    color: #327cd1;
}

.tabtxt3 {
    font-family: 微软雅黑;
    font-size: 14px;
    padding-left: 15px;
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 20px;
}

.footer-section {
    background: #080d1c;
}

.targetanmao {
    position: relative;
    top: -110px;
    display: block;
    height: 0;
    overflow: hidden;
}

.row.footer-bg {
    position: relative;
    z-index: 1;
    padding: 70px 0 0;
}

/*widget title*/

h4.widget-title {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    margin-top: -5px;
    padding: 0 0 13px;
}

.company-info-desc p {
    padding: 25px 0 5px;
    color: #cdd3df;
}

/*social icon*/

.follow-company-icon a {
    font-size: 15px;
    display: inline-block;
    color: #fff;
    margin-right: 21px;
    transition: 0.5s;
}

/*footer menu*/

.menu-quick-link-content {
    padding: 10px 0 0;
}

ul.footer-menu li {
    display: block;
    list-style: none;
    padding: 10px 0 0;
}

ul.footer-menu li a {
    color: #fff;
    transition: 0.6s;
    font-size: 15px;
    position: relative;
    z-index: 1;
    padding: 0 0 0 15px;
    font-weight: 300;
}

ul.footer-menu li a:before {
    position: absolute;
    content: "";
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background: #da242b;
    border-radius: 6px;
}

/*company contact info*/

.footer-thumb-post {
    display: flex;
    margin-top: 24px;
    margin-bottom: 24px;
}

.footer-thumb-post img {
    border-radius: 3px;
}

.footer-post-title {
    margin-left: 20px;
}

.footer-post-title h4 {
    margin-top: -5px;
    line-height: 24px;
}

.footer-post-title h4 a {
    font-weight: 500;
    transition: 0.5s;
    line-height: 24px;
    font-size: 15px;
    font-family: "Inter";
    color: #fff;
}

.footer-post-title span {
    display: inline-block;
    color: #cd0d14;
    font-size: 14px;
    font-weight: 400;
}

/*footer all hover*/

ul.footer-menu li a:hover {
    color: #da242b;
}

.follow-company-icon a:hover {
    color: #da242b;
}

.footer-post-title h4 a:hover {
    color: #cd0d14 !important;
}

/**footer bottom area**/

.footer-bottom-section {
    padding: 23px 0 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.10196078431372549);
    background: #052361;
}

.footer-bottom-content-copy p {
    color: #fff;
    margin: 0 0 5px;
    font-size: 15px;
}

.footer-bottom-content-copy span {
    color: #af2436;
}

.footer-bottom-menu ul li {
    list-style: none;
    display: inline-block;
    padding-left: 42px;
}

.footer-bottom-menu ul li a {
    position: relative;
    z-index: 1;
    color: #fff;
    opacity: 0.8;
}

.footer-bottom-menu ul li a:before {
    position: absolute;
    content: "";
    left: -15px;
    top: 8px;
    width: 6px;
    height: 6px;
    background: #da242b;
    border-radius: 6px;
}

.footer-shape {
    position: absolute;
    right: -267px;
    text-align: right;
    bottom: -70px;
    z-index: -1;
    animation-name: moveleftbounce;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}

/*Contact information
======================*/

.contact-informations {
    background: #ffff;
    padding: 30px 35px 32px;
    border-radius: 5px 5px 60px 5px;
    margin: 0 3px 30px;
    position: relative;
    z-index: 1;
    transition: 0.5s;
    /* margin-top: -40px; */
    overflow: hidden;
}

.contact-informations:before {
    position: absolute;
    z-index: -1;
    content: "";
    bottom: 0;
    width: 100%;
    height: 0;
    right: 0;
    transition: 0.5s;
    background: url(/template/pc/skin/image/contact-bg.png);
    background-repeat: no-repeat;
}

.contact-title-content {
    overflow: hidden;
}

.contact-icon {
    float: left;
    margin-right: 20px;
}

h2.contact-title {
    font-size: 20px;
    padding: 0px 0 8px;
    margin-top: 0;
    transition: 0.5s;
}

span.contact-text {
    line-height: 24px;
    display: inline-block;
    transition: 0.5s;
}

span.contact-text2 {
    font-size: 16px;
    font-weight: 500;
    display: block;
    color: #fc0410;
    line-height: 22px;
    transition: 0.5s;
}

.contact-informations:hover:before {
    height: 100%;
    top: 0;
}

.contact-informations:hover {
    border-radius: 5px 5px 60px 60px;
}

.contact-informations:hover h2.contact-title,
.contact-informations:hover span.contact-text,
.contact-informations:hover span.contact-text2 {
    color: #fff;
}

.elevator_item .hd-time-limited {
    display: block;
    position: fixed;
    right: 10.6px;
    bottom: 450px;
    width: 40px;
    height: 140px;
    animation: vip-199-180510 2.4s infinite;
    margin-top: 10px;
}

@keyframes vip-199-180510 {
    0% {
        bottom: 442px;
    }

    50% {
        bottom: 450px;
    }

    100% {
        bottom: 442px;
    }
}

.aj-popbox .hd-time-limited .close-btn {
    width: 38px;
    height: 38px;
    right: 28px;
    top: 30px;
    line-height: 38px;
    text-align: center;
}

.aj-popbox .hd-time-limited .close-btn i {
    font-size: 24px;
    color: #fff;
}

.aj-popbox .hd-time-limited .timer {
    margin: 296px auto 0;
    width: 234px;
    font-size: 30px;
    color: #000;
    line-height: 48px;
    padding-left: 10px;
    letter-spacing: 13px;
    font-weight: bold;
}

.aj-popbox .hd-time-limited .go-hd:hover {
    transform: scale(0.95) translateY(2px);
}

.elevator_item {
    position: fixed;
    right: 12px;
    bottom: 30%;
    z-index: 11;
}

.elevator_item .feedback {
    width: 80px;
    /* height: 60px; */
    font-size: 12px;
    padding: 5px 6px;
    display: block;
    border-radius: 5px;
    text-align: center;
    margin-top: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    cursor: pointer;
    background-color: #999494;
}

.elevator_item .feedback:hover {
    background-color: #4d4b4b;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.elevator_item .advice,
.elevator_item .add,
.elevator_item .return {
    color: #383838;
    line-height: 30px;
}

.elevator_item .advice i {
    font-size: 28px;
}

.elevator_item .add i,
.elevator_item .return i {
    font-size: 20px;
}

.elevator_item .medium {
    position: relative;
    /* background-color: #fa3c64; */
    color: #fff;
}

.elevator_item .medium .lf-box {
    display: none;
    position: absolute;
    right: 75px;
    top: -90px;
    width: 370px;
    height: 280px;
    padding-right: 10px;
}

.elevator_item .medium .sp-list {
    width: 360px;
    height: 220px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.elevator_item .medium .sp-list2 {
    width: 360px;
    height: 140px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.elevator_item .medium .sp-list2 li:first-child {
    height: 50px;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 20px;
}

/* .elevator_item .feedback .lf-box .sp-list li span{
    text-align: center;
} */

.elevator_item .medium .sp-list li:first-child {
    height: 50px;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 20px;
}

.elevator_item .medium li:first-child span {
    font-size: 18px;
    color: #383838;
    /* float: left; */
    text-align: center;
    /* line-height: 30px */
}

.elevator_item .medium .btn-addGroup {
    width: 90px;
    height: 30px;
    border-radius: 5px;
    background: #fa3c64;
    color: #fff;
    line-height: 30px;
    text-align: center;
    float: left;
    margin-left: 14px;
}

.elevator_item .medium .spl-li {
    padding: 22px 34px 0;
}

.elevator_item .medium .spl-li span {
    display: block;
    font-size: 14px;
    color: #383838;
    margin-bottom: 8px;
}

.elevator_item .medium .spl-li img {
    width: 130px;
}

.elevator_item .add {
    position: relative;
}

.elevator_item .add .lf-box {
    display: none;
    position: absolute;
    right: 31px;
    top: -32px;
    width: 178px;
    height: 104px;
    padding-right: 10px;
}

.elevator_item .add .sp-list {
    width: 168px;
    height: 104px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(100, 25, 25, 0.35);
}

.elevator_item .add .sp-list li {
    line-height: 52px;
    font-size: 14px;
    color: #383838;
    text-align: left;
}

.elevator_item .add .sp-list li a {
    display: block;
    height: 52px;
    width: 100%;
}

.elevator_item .add .sp-list li:hover a {
    color: #fa3c64;
}

.elevator_item .add .sp-list li:hover i {
    color: #fa3c64;
}

.elevator_item .add .sp-list li:first-child {
    border-bottom: 1px solid #e5e5e5;
}

.elevator_item .add .sp-list i {
    color: #d8d8d8;
    font-size: 28px;
    margin-left: 16px;
    margin-right: 14px;
    vertical-align: middle;
}

.elevator_item .add:hover>i,
.elevator_item .return:hover>i {
    color: #fa3c64;
}

.elevator_item .feedback:hover .lf-box {
    display: block;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.graHover {
    position: relative;
    margin: auto;
    overflow: hidden;
}

.graHover img {
    margin: auto;
}

.graHover:before {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2);
}

.graHover:hover:before {
    display: block;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.feedback img {
    max-width: 80%;
}

/* 屏幕小于1221就隐藏 */
@media screen and (max-width: 720px) {
    .wapnone {
        display: none;
    }
}

@media screen and (height: 20px) {
    .wapnone {
        display: none;
    }
}

/**
======================================================
<--  hendrio Process Section Css -->
======================================================**/

.process-section {
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 90px 0 60px;
}

.single-process-box {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.single-process-box:before {
    position: absolute;
    content: "";
    right: 51px;
    top: 60px;
    width: 100%;
    height: 100%;
    background: url(../images/arrow.png);
    background-repeat: no-repeat;
}

.upper.single-process-box:before {
    position: inherit;
}

.process-thumb {
    position: relative;
    z-index: 1;
    width: 142px;
    height: 142px;
    line-height: 142px;
    border-radius: 71px;
    background-color: #f5f8fe;
    transition: 0.5s;
    display: inline-block;
}

.process-thumb:before {
    position: absolute;
    content: "";
    left: -9px;
    top: -9px;
    width: 160px;
    height: 160px;
    line-height: 160px;
    border-radius: 50%;
    border: 2px dashed #152b63;
    opacity: 0.154;
    transition: 0.5s;
}

.process-thumb:after {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 71px;
    background: #db5e41;
    transform: scale(0);
    transition: 0.5s;
}

.process-number {
    position: absolute;
    right: -20px;
    top: 0;
    transition: 0.5s;
}

.process-number span {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #152b63;
    border-radius: 30px;
    font-family: "Inter";
    height: 36px;
    width: 36px;
    line-height: 36px;
    text-align: center;
    display: inline-block;
}

h4.process-title {
    font-size: 22px;
    padding: 25px 0 10px;
}

p.process-desc {
    opacity: 0.6;
    font-weight: 300;
}

span.check-arrow i {
    font-size: 20px;
}

.single-process-box:hover .process-thumb:before {
    border: 2px dashed #cd0d14;
    opacity: 1;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
}

.single-process-box:hover .process-thumb:after {
    transform: scale(1);
}

.single-process-box:hover .process-number {
    right: -8px;
    top: -45px;
}

.tupianjuzhong {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.wenzijuzhong {
    display: flex;
    align-items: center;
    text-align: center;
    height: 100%;
    margin: auto;
    /*div水平居中*/
}

/* 呼吸灯 */
@keyframes breathe {
    0% {
        opacity: 1;
    }

    30% {
        opacity: 0.8;
    }

    50% {
        opacity: 0.5;
    }

    80% {
        opacity: 0.8;
    }

    100% {
        opacity: 1;
    }
}

.light {
    animation: breathe 5s infinite;
}

/* 文字跳动 */
@keyframes bounce {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }
}

.text {
    animation: bounce 1s infinite;
}

.bor {
    border: 1px solid #444444;
}

.meiyoushuju {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.meiyoushuju2 {
    width: 394px;
    height: 256px;
    background-image: url(../image/没有数据.png);
    background-size: cover;
}

.tree {
    --spacing: 1.5rem;
    --radius: 10px;
}

.tree li {
    display: block;
    position: relative;
    padding-left: calc(2 * var(--spacing) - var(--radius) - 2px);
}

.tree ul {
    margin-left: calc(var(--radius) - var(--spacing));
    padding-left: 0;
}

.tree ul li {
    border-left: 2px solid #ddd;
}

.tree ul li:last-child {
    border-color: transparent;
}

.tree ul li::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(var(--spacing) / -2);
    left: -2px;
    width: calc(var(--spacing) + 2px);
    height: calc(var(--spacing) + 1px);
    border: solid #ddd;
    border-width: 0 0 2px 2px;
}

.tree summary {
    display: block;
    cursor: pointer;
}

.tree details a {
    margin-left: 8px;
    color: #000;
    font-size: 24px;
}

.tree details span {
    margin-left: 8px;
    color: #fff;
    font-size: 14px;
}

.tree details a:hover {
    color: #db5e41;
}

.tree summary::marker,
.tree summary::-webkit-details-marker {
    display: none;
}

.tree summary:focus {
    outline: none;
}

.tree summary:focus-visible {
    outline: 1px dotted #000;
}

.tree li::after,
.tree summary::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(var(--spacing) / 2 - var(--radius));
    left: calc(var(--spacing) - var(--radius) - 1px);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #ddd;
}

.tree summary::before {
    content: '+';
    z-index: 1;
    background: #db5e41;
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
}

.tree details[open]>summary::before {
    content: '−';
}