/*
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;	
}
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: .5s;
    color: #db5e41;
}
a:hover {
    text-decoration: none;
}
a.btn:hover, a:hover {
    text-decoration: none;
    color: #db5e41
}
p {
    transition: .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: .5s;
    transition: .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-10 {
    padding-left: 10px;
    padding-right: 10px
}
.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;
}
.slick-prev, .slick-next {
    font-size: 0;
}
img {
    max-width: 100%;
}
#scrollUp {
    position: fixed;
    right: 100px;
    bottom: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #db5e41;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 30px;
    transition: .5s;
    border: none;
    outline: none;
}

/*========== Slider btn css ==========*/
button.slick-prev, button.slick-next {
    width: 55px;
    height: 55px;
    line-height: 55px;
    background: #db5e41;
    border-width: 0;
    outline: 0;
    transition: .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: .3s;
    transition: .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: 60px;
    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: .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: .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: #888;
    font-size: 19px;
    transition-duration: .5s;
    box-shadow: 0 10px 40px 0 rgba(50,65,141,.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: .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
}
.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: .5s;
}
.creative_header_icon i:hover {
    color: #fff;
    background-color: #db5e41;
}
.creative_header_address_text {
    text-align: center;
}
.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: .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: 24px;
    -webkit-transition: .2s;
    transition: .2s;
    position: relative;
    font-size: 16px;
    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: .5s;
}
.woforest_nav_area.postfix {
    transition: .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: .2s;
    opacity: 0;
    visibility: hidden;
}
.woforest_menu ul li:hover > .sub-menu {
    transition: .5s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    z-index: 9999;
}
.woforest_menu ul .sub-menu li {
    position: relative;
    transition:.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: .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: .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 {
    right: 100%;
    left: auto;
    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: .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 .3s .15s cubic-bezier(0.32, 0, 0, 1), background .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: .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;
}
a.dtbtn:hover {
    background: #333;
}

/* ================ 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: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: 1;
}
.background-video-area iframe {
    width: 100%;
    height: 100%;
    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: 20;
}
.cta_inner {
    box-shadow: 5px 0px 65px 0px rgba(0, 0, 0, 0.04);
    transition: 0.3s;
    padding: 75px 87px 78px 95px;
    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_box i {
    font-size: 42px;
    height: 92px;
    width: 92px;
    text-align: center;
    border-radius: 50%;
    line-height: 92px;
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
    position: absolute;
    top: -46px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
}
.single_service:hover .service_box i {
    background: #db5e41
}
.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 3s linear 2s 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 {
    background-image: url(../image/project-bg.jpg);
    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: .5s;
    transition: .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: .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: .5s;
    transition: .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: .5s;
    transition: .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: #db5e41
}

/* ==================== 11. Faq Area CSS ==================== */
.faq_area .witr_section_title_inner p {
    margin-top: 22px;
    margin-bottom: 0;
    margin-right: 0;
}
.accordion_area {
    margin-top: 26px;
}
.faq_right {
    margin-left: 40px;
}
.accordion_area .card-2 {
    background-color: #F9F9F9;
    margin-bottom: 15px;
    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 {
    font-family: "Work Sans", Sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding: 17px 20px 17px 20px;
    display: block;
    color: #333;
}
.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-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: .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: .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 ==================== */
.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,.5);
    transform: scale(0);
    transition-duration: .5s;
    z-index: 1;
    opacity: 0
}
.single-blog:hover .blog-image::after {
    transform: scale(1);
    opacity: 1;
}
.blog-image img {
    transition-duration: .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: .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: .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: .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: .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: .5s;
}
.input-field button:hover {
    background: #000;
}
.blog-other-side ul li:before {
    content: "\eaa0";
    font-family: IcoFont!important;
    font-size: 18px;
    color: #454545;
    transition-duration: .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 ul li {
    border-bottom: 1px solid rgba(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: .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,.2);
    margin-bottom: 30px;
    overflow: hidden;
    text-align: left;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    background-color: #fff;
}
.woforest-blog-thumb {
    overflow: hidden;
}
.woforest-blog-thumb::before {
    background: rgba(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 .5s ease 0s;
    transition: all .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: .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: 65px 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: .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: .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: .5s;
}
.footer-menu ul li a:hover {
    color: #db5e41;
}

/* =============== 17. Breadcumb Area CSS =============== */
.breadcumb-area {
    padding: 100px 0 60px;
    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: .5s;
}
.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: .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:.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: .5s;
    -webkit-transition: .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: .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: .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;
}
.contact_title h2 {
    color: #db5e41;
    font-size: 17px;
    margin-bottom: 5px;
}
.contact_title h3 {
    margin-bottom: 40px;
    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: .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: .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: .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,.2);
    margin-bottom: 30px;
}
  .product_text {
    padding: 20px
}
.tbd_product_title a h3, .product_name h3 a {
    font-weight: 700;
    color: #212121;
    display: block;
    transition-duration: .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;
}