/*
Template Name: ODDO
Author Name: WPEXPERT

*/
/*
Table Of Content

1. Top Menu CSS
2. Menu Area CSS
3. Slider Area CSS
4. Serivce Area CSS
5. Skill Area CSS
6. News Feed Area CSS
7. Team Area CSS
8. Call Action Area CSS
9. Faq Area CSS
10. Testimonial Area CSS
11. Counter Area CSS
12. Brand Area CSS
13. Blog Area CSS
14. Footer Area CSS
15. Breadcumb Area CSS
16. Pricing Plan Area CSS
17. Single Service Area CSS
18. Contact Area CSS
19. Video Area CSS
20. Portfolio Area CSS
21. Case Study Area CSS


*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=IBM+Plex+Sans:wght@200;300;400;500;600;700&family=Roboto:wght@300;400;500;700;900&display=swap');

/*theme css*/
a {
    color: #555;
    transition: .5s;
}
 a:hover {
     text-decoration: none;
     color:#e9bd00;
}
 body {
	font-family: 'DM Sans',sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.6;
    color:#555;
}
 p {
     font-style: normal;
}
 h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    font-family: 'IBM Plex Sans',sans-serif;
    font-style: normal;
    line-height: 1.2;
    font-weight: 700;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 20px;
    transition: .5s;
    margin-bottom: 5px;
    color:#030925;
}
 .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: none;
}
@media (min-width: 1200px){
	.container {
		max-width: 1140px;
	}
}
.witr_section_title_inner h1, .witr_section_title_inner h2, .witr_section_title_inner h3 {
    font-size: 40px;
    margin: auto;
    font-weight: 700;
    line-height: 1.3;
}
.witr_section_title_inner h1, .witr_section_title_inner h2, .witr_section_title_inner h3 {
    font-size: 40px;
    margin: auto;
    font-weight: 700;
    line-height: 1.3;
}
.witr_section_title_inner h2 {
    font-size: 15px;
    display: inline-block;
    border-radius: 30px;
    margin-bottom: 0px;
    color: #e9bd00;
    font-family: 'DM Sans',sans-serif;
}
.witr_section_title {
    margin-bottom: 45px;
}
.witr_section_title_inner.text-center p {
    width:67%;
    margin-right: auto;
    margin-left: auto;
	margin-top: 10px;
}
.witr_section_title_inner h1 span, .witr_section_title_inner h2 span, .witr_section_title_inner h3 span, .witr_section_title_inner p span, .witr_section_title_inner p span a {
    color: #e9bd00;
	margin: 0 7px 0 0;
}
.witr_section_title_inner p {
    width: 100%;
    padding: 20px 0 6px;
    margin-top: 10px;
}
.witr_all_pd0{
	padding:0;
}
/* ===== 1. Top Menu CSS ===== */
.poket-header-top .container-fluid{
    padding-right: 200px;
    padding-left: 200px;
}
 .em40_header_area_main.hdisplay_none {
     display: none;
}
.poket-header-top {
    background: #e9bd00;
    padding: 10px 0px;
}
 .top-address p {
     margin-bottom: 0;
}
 .top-address p span, .top-address p a {
     margin-right: 20px;
}
 .top-address p span i, .top-address p a i {
     font-size: 13px;
     color: #fff;
     margin-right: 5px;
}
 .top-address p span i:hover, .top-address p a i:hover{

 }
 .top-address p a {
     display: inline-block;
     text-decoration: none;
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
/* TOP socia CSS */
 .top-right-menu ul.social-icons {
     margin: 0;
     padding: 0;
}
 .top-right-menu ul.social-icons li {
     display: inline-block;
     margin-left: 10px;
     position: relative;
}
 .top-right-menu ul.social-icons li a {
     display: inline-block;
     text-decoration: none;
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     font-size: 15px;
}
 .top-welcomet p span, .top-welcomet p a, .top-welcome p span, .top-welcome p a, .top-welcome p, .top-address p a, .top-right-menu ul.social-icons li a, .top-address p span {
     color: #fff;
     font-size: 15px;
     font-weight: 500;
}
 .top-welcome p a:hover{
     color:#17161a;
}
 .top-right-menu .social-icons li a:hover, .top-right-menu .social-icons li a i:hover {
     color: #17161a;
}
 .top-both-p0 .top-address p a, .top-both-p0 .top-address p span {
     margin-right: 0px;
     margin-left: 12px;
}


/* ===== 2. Menu Area CSS ===== */
.poket_nav_area, .trp_nav_area .container-fluid,
.transprent-menu .poket_nav_area .container-fluid{
    padding-right: 200px;
    padding-left: 200px;
}
.poket_nav_area.postfix {
    -webkit-transition: .3s;
    transition: .3s;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}
.hbg2, .prefix {
    background: rgba(0,0,0,.9);
}
.poket_nav_area.prefix .poket_menu>ul>li>a {
    color: #fff!important;
}
.trp_nav_area {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    transition: .5s;
}
.logo-right,
.logo-left {
    align-items: center;
}
.mobile_menu_logo.text-center {
     padding: 20px 0;
}

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

/* logo sticky */
 .poket-main-menu .logo a.main_sticky_main_l {
     display: block;
}
 .poket-main-menu .logo a.main_sticky_l {
     display: none;
}
/* logo pre */
 .poket-main-menu .prefix .logo a.main_sticky_main_l {
     display: none;
}
 .poket-main-menu .prefix .logo a.main_sticky_l {
     display: block;
} 

/* MENU text CSS */
 .poket_menu ul {
     text-align: right;
     list-style: none;
}
 .poket_menu > ul > li {
     display: inline-block;
     position: relative;
}
.poket_menu > ul > li > a {
    display: block;
    margin: 40px 20px;
    transition: .5s;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #272727;
    font-family: 'DM Sans',sans-serif;
}
 .poket_menu > ul > li > a:before, .poket_menu > ul > li.current > a:before {
     background: #ffb600 none repeat scroll 0% 0;
     bottom: -7px;
     content: "";
     height: 2px;
     left: 0;
     margin: auto;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     position: absolute;
     right: 0;
     -webkit-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     width: 15%;
     display:none;
}
 .poket_menu ul li:last-child a {
     margin-right: 45px !important;
}
.poket_menu > ul > li.current > a, .poket_menu > ul > li:hover > a, .oddo_header_menu > ul > li:hover > a {
    color: #e9bd00;
    background-color: transparent;
}
 .poket_menu > ul > li:hover > a:before, .poket_menu > ul > li.current > a:before {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

 .transprent-menu .poket_nav_area {
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
     background-color: transparent;
     padding: 0;
     transition: .5s;
     position: absolute;
}
 .poket_nav_area.postfix {
     -webkit-transition: .3s;
     transition: .3s;
}
.poket_nav_area.prefix .poket_menu > ul > li.current > a {
    color: #e9bd00;
}
 .search_popup_button, .tx_mmenu_together{
     align-items: center;
     display: flex;
     justify-content: flex-end;
}
 .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;
}
/* poket 8 menu color */
.heading_style_4 .poket_menu > ul > li > a {
    color: #fff;
}
.heading_style_4 .main-search-menu .em-header-quearys .em-quearys-menu i {
    color: #fff;
}

/* sub menu style */
.poket_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;
}
 .poket_menu ul li:hover > .sub-menu {
     transition: .5s;
     opacity: 1;
     visibility: visible;
     top: 100%;
     z-index: 9;
}
 .poket_menu ul .sub-menu li {
     position: relative;
	 transition:.5s;
}
.poket_menu ul .sub-menu li a {
    display: block;
    margin: 0;
    margin-bottom: 6px;
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 500;
    transition: .5s;
    color: #272727;
    visibility: inherit !important;
    padding: 4px 0px;
    font-family: 'DM Sans',sans-serif;
}
.poket_menu ul .sub-menu li:hover {
    margin-left: 16px;
}
.poket_menu ul .sub-menu li:before {
    left: -18px;
}
.poket_menu ul .sub-menu li:hover:before{
	opacity:1;
}

.poket_menu ul .sub-menu li:before {
    opacity: 0;
    -webkit-transition: .1s;
    transition: .1s;
    position: absolute;
    top: 50%;
    content: "//";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.poket_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a, .poket_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .poket_menu ul .sub-menu .sub-menu li:hover>a, .poket_menu ul .sub-menu li:hover:before, .poket_menu ul .sub-menu li:hover>a {
    color: #e9bd00;
}
/* sub menu 2 */
.poket_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}
 .poket_menu ul .sub-menu li:hover > .sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}
/* sub menu 3 */
 .poket_menu ul .sub-menu .sub-menu li {
     position: relative;
}
 .poket_menu ul .sub-menu .sub-menu .sub-menu {
     right: 100%;
     left: auto;
     top: 130%;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
}
 .poket_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}
/* sub menu 4 */
 .poket_menu ul .sub-menu .sub-menu .sub-menu li {
     position: relative;
}
 .poket_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}

/* has menu icon */
.poket-main-menu .menu-item-has-children > a:after {
    margin-left: 8px;
    content: "\f107";
    font-family: FontAwesome !important;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    font-size: 13px;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    font-weight: 600;
}
 .poket-main-menu .menu-item-has-children .menu-item-has-children> a:after {
     margin-left: 8px;
     content: "\f107";
}

/* quearys area css */
.poket_menu.main-search-menu > .em-header-quearys, .em-quearys-top.msin-menu-search {
    display: inline-block;
}
.em-top-quearys-area {
    position: relative;
}
.poket_menu div.em-header-quearys {
    text-align: center;
}
.em-quearys-inner {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 10000;
    -webkit-transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1), -webkit-transform .3s .15s cubic-bezier(0.32, 0, 0, 1);
    transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1), -webkit-transform .3s .15s cubic-bezier(0.32, 0, 0, 1);
    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);
    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), -webkit-transform .3s .15s cubic-bezier(0.32, 0, 0, 1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -150%;
    background: rgba(0, 0, 0, 0);
}
.em-s-open {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0;
    background: #000000e6 !important;
    -webkit-transform: scale(1);
    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;
    -webkit-transition: 1s;
    -webkit-transition: .5s;
    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;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.main-search-menu .em-header-quearys .em-quearys-menu i {
    font-size: 20px;
    cursor: pointer;
}
.em-quearys-top.msin-menu-search .em-quearys-menu i {
    cursor: pointer;
    margin-top:0;
    display: inline-block;
}
.em-quearys-top.msin-menu-search .em-quearys-menu i {
    height: 36px;
    width: 36px;
    line-height: 36px;
    margin-left: 15px;
    cursor: pointer;
    background: #e9bd00;
    color: #fff;
}
.em-quearys-menu i {
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    font-size: 17px;
}
.em-quearys-menu i, .top-form-control input {
    color: #272727;
}
.mrt10{
	margin-top:10px;
}
.em-quearys-inner .em-quearys-menu i {
    display: inline-block;
    /* text-align: center; */
    font-size: 17px;
    color: #fff;
    background: #e9bd00;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
}
.main_menu_address_a {
    display: -webkit-box;
    display: -ms-flexbox;
    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: #14b1bb;
	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: #14b1bb;
}
.main_menu_header_address_text h4 {
    margin-bottom: 0;
    color: #030925;
}

/* mobile-menu  */
.mobile-menu {
    display: none !important;
}
.mobile_logo_area {
    display: none !important;
}
.mobile_menu_logo.text-center {
    padding: 20px 0;
}
 .mean-container .mean-bar {
     padding: 0;
}
 .main_menu_div {
     position: relative;
}
.mean-container .mean-bar {
    float: none;
    background: #e9bd00;
    overflow: hidden;
}
a.dtbtn {
    border: none;
    display: block;
    font-size: 16px;
    margin-left: 20px;
    font-weight: 700;
    border-radius: 30px;
    padding: 13px 25px;
    background: #e9bd00;
    color: #fff;
}
.poket_button a:hover, .witr_btn:hover, a.dtbtn:hover {
    background: #152a45;
}
 /* End Menu Area CSS */
 
/* ===== 3. Slider Area CSS ===== */
.witr_slick_height {
    height: 954px;
}
 .witr_ds_content {
    background-position: center center;
    background-size: cover;
	overflow:hidden;
	position: relative;
    z-index: 1;
}
.witr_ds_content:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
}
.witr_ds_content_inner {
    position: relative;
    top: 43%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.witr_ds_content_inner h1 {
    font-size: 18px;
    margin-bottom: 14px;
    background: #e9bd001a;
    padding: 14px 23px;
    display: inline-block!important;
    color: #e9bd00;
    border-radius: 30px;
}
.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: #e9bd00;
}
.witr_slick_content h2 {
    color: #fff;
    letter-spacing: 3.3px;
}
.witr_ds_content_inner h2, .witr_ds_content_inner h3, .witr_slicks_title h4 {
    width: 61%;
    margin: 0 auto 7px 0;
    font-size: 60px;
    line-height: 1.3;
}
 .witr_containers {
    margin: auto;
    width: 63%; 
}
.witr_ds_content_inner p {
    font-size: 17px;
    width: 50%;
    margin: 0px auto 10px 0;
    padding: 19px 0 0;
}
.witr_swiper_area {
    overflow: hidden;
    position: relative;
}

.witr_swiper_height {
    position: relative;
    background-size: cover;
    background-position: center center;
    height: 840px;
}
.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: 66%;
}
.witr_swiper_content h1 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
}
.witr_swiper_content h2, .witr_swiper_content h3 {
    font-size: 70px;
    font-weight: 700;
    line-height: 1;
    margin: 0 auto 3px 0;
	color: #FFFFFF;
}
 .witr_swiper_content h2 {
    
    padding: 30px 0px 20px 0px;
}
.text-left .witr_swiper_content p {
    margin: 28px auto 15px 0;
	color: #FFFFFF;
    font-size: 19px;
    font-weight: 600;
    width: 45%;
    padding: 3px 0px 10px 0px;
}
.witr_swiper_content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.witr_sw_text_area {
    margin: auto;
    width: 63%;
    height: 100%;
}
/* button css */
.witr_btn {
    border-radius: 30px;
    display: inline-block;
    font-size: 16px;
    padding: 16px 40px;
    text-align: center;
    position: relative;
    margin-right: 15px;
    z-index: 2;
    transition: 1s;
    background: #e9bd00;
    color: #fff;
    font-weight: 700;
    font-family: 'DM Sans',sans-serif;
}
.witr_btn:hover {
    background: #1a2e2e;
    color: #fff;
}
.witr_btn.active {
    color: #e9bd00;
    border-style: solid;
    border-width: 2px;
    border-color: #e9bd00;
    background: 0 0;
}
.witr_btn.active:hover {
    color: #fff;
    background-color: #e9bd00;
    border-color: #e9bd00;
}
.slider_btn {
    margin-top: 45px;
}
.text-left .witr_slider_thumb {
    position: absolute;
    right: -180px;
    top: 48%;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.video_page_area .witr_ds_content_inner h2, .video_page_area .witr_ds_content_inner h3, .video_page_area .witr_slicks_title h4, .video_page_area .witr_ds_content_inner p{
    color:#fff;
}
/* ===== 4. Serivce Area CSS ===== */
.oddo_service_area {
    margin-top: -150px;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}
.service-item {
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,.05);
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-color: #fff;
    padding: 52px 20px 45px;
    transition: .5s;
	margin-bottom:20px;
}
.service-item:hover {
    border-color: #e9bd00;
}
.service-item h3 {
    padding: 23px 0 14px;
}
.service-btn>a {
    border: 1px solid #e9bd00;
    color: #e9bd00;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    border-style: none;
    margin: 13px 0 0;
    padding: 0;
}
/* ===== Serivce Area CSS ===== */
.oddo_service_area2 {
    background-image: url(../../images/fundo-cta2.jpg);
    padding: 90px 0 80px;
}
.oddo_service_area2 .witr_section_title {
    margin-bottom: 55px;
}
.oddo_service_area2 .all_color_service {
    padding: 48px 20px 42px 30px;
    text-align: left;
    background-color: #fff;
    border-radius: 5px;
    transition: .5s;
}
.oddo_service_area2 .service-item i {
    text-align: center;
    font-size: 40px;
    height: auto;
    width: auto;
    border-radius: initial;
    line-height: normal;
    background: 0 0;
    border: none;
    color: #e9bd00;
    transition: .5s;
    display: inline-block;
}
.oddo_service_area2 .service-item h3 {
    padding: 19px 0 14px;
	transition: .5s;
}
.oddo_service_area2 .service-item h3, .oddo_service_area2 .service-item h3 a {
    color: #131313;
	transition: .5s;
}
.oddo_service_area2 .service-btn>a {
    font-weight: 500;
    border: none;
	transition: .5s;
}
.oddo_service_area2 .service-item:hover {
    background-color: #e9bd00;
}
.oddo_service_area2 .service-item:hover h3, .oddo_service_area2 .service-item:hover h3 a, .oddo_service_area2 .service-item:hover h2, .oddo_service_area2 .service-item:hover p, .oddo_service_area2 .service-item:hover i, .oddo_service_area2 .service-item:hover .service_list_op a, .oddo_service_area2 .service-item:hover .service-btn a {
    color: #fff;
}
/* ===== Serivce Area CSS ===== */
.it_service_page_service {
    margin-top: 120px;
}
.witr_service_10 {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    padding: 48px 20px 42px 30px;
    position: relative;
	margin-bottom:20px;
}
.witr_service_10, .witr_sstyle_9:hover .service-btn>a {
    background: #fff;
}
.witr_service_10:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 3px;
    height: 0%;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_service_10:before {
    background: #e9bd00;
}
.witr_service_10 .serIcon i {
    line-height: 1;
    display: inline-block;
    z-index: 1;
    color: #e9bd00;
    font-size: 40px;
    transition: .5s;
}
.witr_service_10 .detail_SS {
    position: relative;
    padding: 0 0 0;
    z-index: 99;
}
.witr_service_10 .detail_SS h3 {
    line-height: 31px;
    margin-bottom: 10px;
    margin-top: 8px;
    padding: 19px 0 14px;
    color: #131313;
    transition: .5s;
}
.witr_service_10 .detail_SS p {
    margin-bottom: 0;
	transition: .5s;
}
.witr_service_10 .service_list_op {
    margin-bottom: 15px;
    margin-top: 15px;
}
.witr_service_10 .service_list_op ul {
    display: table-cell;
    padding: 0;
}
.witr_service_10 .service_list_op ul li {
    list-style: none;
    margin-bottom: 7px;
}
.witr_service_10 .service_list_op ul i {
    margin-right: 15px;
	transition: .5s;
}
.witr_service_10 .service_list_op a {
    color: #454545;
	transition: .5s;
}
.witr_service_10:hover {
    background-color: #e9bd00;
}
.witr_service_10:hover h3, .witr_service_10:hover h3 a, .witr_service_10:hover h2, .witr_service_10:hover p, .witr_service_10:hover i, .witr_service_10:hover .service_list_op a, .witr_service_10:hover .service-btn a {
    color: #fff;
}
.witr_service_10:hover:before {
    height: 40%;
}
.managed_it_services_area {
    padding-bottom: 95px;
}
/* ===== 5. Skill Area CSS ===== */
.oddo_skill_area {
    padding: 100px 0 100px;
}
.skill_content_inner .witr_section_title {
    margin-bottom: 25px;
}
.skill_content_inner {
    margin-right: 10px;
}
.witr_single_progress {
    overflow: hidden;
    margin-bottom: 25px;
}
.witr_title2 .witr_label {
    font-weight: 700;
    color: #030925;
    font-size: 16px;
    margin-bottom: 0;
    display: inline-block;
}
.progress {
    height: 6px;
    border-radius: 0;
    margin-top: 5px;
    background-color: #e9ecef;
}
.witr_progress-style2.progress {
    box-shadow: none;
    overflow: visible;
}
.progress-bar {
    background: #e9bd00;
    overflow: inherit;
}
.witr_progress-style2 .progress-bar {
    position: relative;
    text-align: left;
    line-height: 4px;
    box-shadow: none;
}
.witr_progress-style2 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 700;
    font-size: 16px;
    top: -19px;
}
.witr_progress-style2 .witr_percent {
    color: #272727;
}
.skill_content_inner .em-service-icon i {
    display: inline-block;
    height: 62px;
    width: 62px;
    text-align: center;
    border-radius: 50%;
    line-height: 62px;
    font-size: 22px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    background: #e9bd00;
    color: #fff;
}
.skill_content_inner .em-service-title h3, .skill_content_inner .em-service-title h3 a {
    font-size: 18px;
}
.skill_content_inner .em-service-desc p {
    font-family: "IBM Plex Mono",Sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #e9bd00;
    transition: .5s;
}
.skill_content_inner .em_service_content {
    margin-bottom: 0;
    margin-top: 45px;
}
.skill_image_inner img {
    padding-right: 25px;
	margin-bottom:20px;
}
/*	===== 6. News Feed Area CSS ===== */
.news_feed_area {
    padding: 0 0 100px;
}
.snigle_news_feed {
    border-radius: 7px;
    background-color: #fff;
    box-shadow: 0px 0px 54px 0px rgba(0,0,0,.06);
    padding: 40px 30px 30px 39px;
    transition: 1s;
    position: relative;
    margin-bottom: 20px;
}
.all_feed_color i {
    color: #e9bd00;
    font-size: 40px;
    text-align: center;
    margin: -8px 14px 0 0;
}
.snigle_news_feed i, .snigle_news_feed img {
    float: left;
	display: inline-block;
}
.news_feed_title {
    overflow: hidden;
    margin-left: 15px;
    display: inline-block;
}
.witr_feed_icons {
    position: absolute;
    top: 50%;
    right: 6px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.all_feed_color span {
    color: #e9bd00;
    text-align: center;
    margin: 10px 13px 0 0;
}
.witr_feed_icons span {
    display: inline-block;
    font-size: 28px;
    -webkit-transition: .5s;
    transition: .5s;
}

.choose_page_news_feed_area {
    padding: 100px 0 0;
}
/* ===== 7. Team Area CSS ===== */
.oddo_team_area {
    padding: 90px 0 80px;
}
.oddo_team_area .witr_section_title {
    margin-bottom: 58px;
}
.witr_team_15n.all_color_team {
    margin-bottom: 20px;
}
.witr_team_thumb15 {
    overflow: hidden;
    position: relative;
}
.team_top_icon {
    position: absolute;
    right: 0;
    left: 45px;
    -webkit-transition: .5s;
    transition: .5s;
}
.team_top_icon ul li {
    list-style: none;
}
.team_bottom_icon a, .team_top_icon ul li a {
    width: 38px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    text-align: center;
    border-radius: 100px;
    font-size: 13px;
    -webkit-transition: .5s;
    transition: .5s;
}
.team_bottom_icon a, .team_top_icon ul li a {
    background: #e9bd00;
}
.team_bottom_icon a, .team_o_icons ul li a:hover, .team_top_icon ul li a {
    color: #fff;
}
.team_bottom_icon {
    position: absolute;
    bottom: 0;
    left: 40px;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 1;
}
.team_bottom_icon a, .team_o_icons ul li a:hover, .team_top_icon ul li a {
    color: #fff;
}
.witr_team_content15 {
    padding: 22px 40px 22px;
    text-align: left;
    box-shadow: 0 0 30px 0 rgb(42 67 113 / 15%);
    background-color: #f4f8f8;
}
.post_team_icon_8 ul li a, .witr_team_content15 {
    background: #fff;
}
.all_color_team h5 {
    margin: 0 0 10px;
}
.all_color_team span {
    color: #e9bd00;
    font-family: "IBM Plex Sans",Sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.all_content_bg_color, .all_icon_bg_color {
    background-color: #f4f8f8;
}
.team_bottom_icon a:hover, .team_top_icon ul li a:hover {
    background: #1a2e2e;
}
.witr_team_15n:hover .team_top_icon {
    left: 88px;
    bottom:0;
}
/* ===== 8. Call Action Area CSS ===== */
.call_action_area {
    background-image: url(../../images/call-to-action-1.jpg);
    padding: 96px 0 150px;
}
.poket_content h5 {
    font-size: 15px;
    color: #fff;
    font-family: "DM Sans",Sans-serif;
    margin: 0 0 7px;
}
.poket_content h2, .poket_content h3 {
    font-size: 40px;
    padding: 0;
    color: #fff;
}
.poket_button a {
    padding: 16px 43px;
    display: inline-block;
    transition:.1s;
    transition: 1s;
    margin-right: 15px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    color: #e9bd00;
    font-family: "IBM Plex Sans",Sans-serif;
    background-color: #fff;
}
.poket_button a:hover{
    background: #1a2e2e;
	color: #fff;
}
.poket_button {
    margin-top: 60px;
}
.poket_video_inner {
    position: relative;
    text-align: center;
    top: 85px;
    right: 60px;
}
.poket_video_inner a {
    position: relative;
}
.poket_video_inner a:before {
    content: "";
    position: absolute;
    top: 43%;
    left: 50%;
    height: 70px;
    width: 70px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    box-shadow: 0 0 0 0 #fff;
    -webkit-animation: witr-shadow 1s linear infinite;
    animation: witr-shadow 1s linear infinite;
    -webkit-transition: .5s;
}
.poket_video_inner i {
    color: #e9bd00;
    font-size: 16px;
    background-color: #fff;
    width: 73px;
    height: 73px;
    line-height: 73px;
    text-align: center;
    border-radius: 50%;
    transition: 1s;
    display: inline-block;
}
@keyframes witr-shadow{
	0%{box-shadow:0 0 0 0 rgba(255,255,255,.3),
	0 0 0 10px rgba(255,255,255,.3),
	0 0 0 20px rgba(255,255,255,.3)}
	100%{box-shadow:0 0 0 10px rgba(255,255,255,.3),
	0 0 0 20px rgba(255,255,255,.3),
	0 0 0 30px rgba(255,255,255,0)}
}
/* ===== Call Action Area CSS ===== */
.call_action_area2 {
    margin-top: -100px;
    margin-bottom: 0;
}
.call_innner {
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    padding: 60px 45px 50px 60px;
    z-index: 9;
    background-color: #fff;
    box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 6%);
}
.call_innner .service_top_text i {
    color: #e9bd00;
    font-size: 32px;
    width: 83px;
    height: 83px;
    line-height: 83px;
    background-color: #e9bd001F;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}
.call_innner .all_icon_color i, .call_innner .em-service-icon {
    margin: -3px 27px 0 0;
}
.call_innner .all_color_service h3, .call_innner .all_color_service h3 a {
    font-family: "IBM Plex Sans",Sans-serif;
    font-size: 25px;
}
.call_innner .witr_btn_sinner {
    text-align: right;
}
.call_innner .em-service-title {
    margin-top: 5px;
}
/* ===== 9. Faq Area CSS ===== */
.oddo_faq_area {
    padding: 118px 0 90px;
}
.oddo_faq_area .witr_section_title {
    margin-bottom: 50px;
}
.oddo_faq_area .single_image img {
    margin-bottom: 30px;
    padding-right: 30px;
}
.accordion_area .card-2 {
    border-style: solid;
    border-width: 1px;
    border-color: #f1f1f1;
    margin-bottom: 15px;
    background: #fff;
}
.accordion_area .card-header.witr_ac_card {
    background: 0 0!important;
    padding: 0;
    border-bottom: 0;
    text-align: left;
}
.accordion_area .card-header.witr_ac_card:hover .witr_ac_style{
	color: #000;
}
.witr_ac_style {
    padding: 15px 15px;
}
.witr_ac_style {
    color: #000;
}
.witr_ac_style {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    transition: .5s;
}
.witr_ac_style, .witr_ac_style:before {
    font-size: 17px;
    font-weight: 600;
}
.witr_ac_style:before {
    position: absolute;
    content: '\ea99';
    right: 30px;
    font-family: IcoFont!important;
    font-weight: 400;
}
.active .witr_ac_style:before {
    content: '\eaa1';
}
.witr_ac_card i {
    margin-right: 10px;
    font-size: 20px;
}
.accordion_area .card-2 p {
    padding: 5px 29px 12px;
}
.faq_content_inner {
    padding-right: 30px;
}
 .witr_ac_style, .witr_ac_style:before {
    font-family: "Roboto",Sans-serif;
}
.accordion_area .card-2.active.show {
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 6%);
}
.active .witr_ac_style, .witr_ac_style:focus, .witr_ac_style:hover {
    color: #e9bd00;
	background:#FFFFFF00;
}
/* ===== Faq Area CSS ===== */
.threat_hunter_page_faq {
    padding: 30px 0 100px;
}
.faq_area1 {
    padding: 0px 0px 90px;
}
.faq_area1 .active .witr_ac_style {
    color:#232323;
    background-color: #FFFFFF00;
}
.faq_area1 .witr_ac_style, .faq_area1 .witr_ac_style:before {
    font-family: inherit;
}
.accordion_area_02 .witr_ac_style {
    padding: 10px 20px;
}
.accordion_area_02 .accordion_02_shadow {
	border:none;
    box-shadow: 0px 0px 20px 0px #dddddd80;
	background:none;
}
.accordion_area_02 .card-header.witr_ac_card a:hover {
    color: #232323;
}
.border_bottom_0{
	border-bottom:none;
}
.writ_ac_style_02 {
    margin-left: 20px;
    font-size: 20px;
    font-weight: 600;
    display: block;
    background: none !important;
    color: #232323;
}
.writ_ac_style_02:before {
    position: absolute;
    content: '\f067';
    left: 20px;
	margin-right:10px;
    font-family: fontawesome !important;
    font-weight: 200;
}
.active .writ_ac_style_02:before {
    content: '\f068';
}
.card-header.witr_ac_card.border_bottom_0 {
    background: #fff;
    padding: 0px 10px;
}
.content_style p,
.conent_style p {
    padding-left: 18px;
}
.card.card-2.accordion_02_shadow {
    border: 0 !important;
    margin-bottom: 20px;
    box-shadow: 1px 1px 7px -5px rgb(0 0 0 / 75%);
}
.faq_area2 .witr_ac_style2 {
    padding-left: 30px;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 11px 15px;
    transition: .5s;
    padding: 12px 20px 12px 20px;
    color: #232323;
}
.writ_ac_style_02:before {
    font-weight: 200;
    font-size: 17px;
    color: #3a4268;
    margin-top: 5px;
}
.faq_area2 .single_image img {
    margin-bottom: 20px;
    margin-left: 50px;
}
.accordion_area_02 {
    background: #fff;
    padding: 10px;
    margin-right: 5px;
    height: 94%;
}
.faq_area2 .active .witr_ac_style {
    color:#232323;
    background-color: #A4282800;
}
.faq_area2 .card-header.witr_ac_card a:hover {
    color: #232323;
}
/* ===== 10. Testimonial Area CSS ===== */
.oddo_testimonial_area {
    background-image: url(../../images/oddo/testi-bg.png);
    padding: 0 0 170px;
}
.oddo_testimonial_area .witr_section_title_inner h3 span{
    color: #030925;
}
.witr_client7 {
    margin: 140px 0 0;
}
.witr_content_test7 {
    position: relative;
    padding: 0 180px;
}
.test_q_icon i {
    font-size: 50px;
}
.em_testi_content:after, .em_testi_content:before, .em_testi_title span, .execllent_star h3, .test_q_icon i, .title_and_sub h6 {
    color: #e9bd00;
}
.witr_content_test7 p {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    z-index: 3;
    margin-bottom: 0;
    padding: 28px 50px 22px;
}
.witr_author_name {
    margin-top: 20px;
    z-index: 11;
    position: relative;
}
.all_color_testimonial h6, .all_color_testimonial h2 {
    font-size: 20px;
    font-weight: 600;
}
.witr_content_test7 span {
    font-size: 16px;
}

.it_service_page_testimonial {
    padding: 115px 0 170px;
}
.clients_page_area {
    padding: 112px 0 170px;
}
/* ===== Testimonial Area CSS ===== */
.choose_page_testi_area {
    padding: 110px 0 170px;
}
/* ===== 11. Counter Area CSS ===== */
.oddo_counter_area {
    background: #e9bd00;
    padding: 80px 0 60px;
}
.witr_counter_icon, .witr_custom_icon, .counter_icon, .witr_counter_icon4, .witr_counter_img {
    float: left;
}
.all_counter_color i, .witr_counter_img {
    margin: 17px 23px 0 0;
}
.all_counter_color i {
    color: #fff;
    font-size: 40px;
    border-style: default;
    transform: rotate(0deg);
}
.witr_counter_icon i {
    display: inline-block;
}
.all_counter_color h3, .all_counter_color span {
    color: #fff;
    font-size: 36px;
}
.witr_counter_number_inn h3, .witr_counter_number_inn span {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
}
.witr_counter_number_inn span {
    line-height: 0;
}
.all_counter_color h4, .all_counter_color h1 {
    color: #fff;
    font-family: "DM Sans",Sans-serif;
    font-size: 18px;
    margin: 7px 0 0;
}
.witr_counter_single {
    margin-bottom: 25px;
}
/* ===== 12. Brand Area CSS ===== */
.oddo_brand_area {
    padding: 55px 0 70px;
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #f3f3f3;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}
.slide_items {
    text-align: center;
}
/* ===== 13. Blog Area CSS ===== */
.oddo_blog_area {
    padding: 95px 0 80px;
}
.busi_singleBlog {
    -webkit-transition: .5s;
    transition: .5s;
    box-shadow: 0 5px 10px 0 rgba(50,65,141,.07);
    position: relative;
    overflow: hidden;
}
.busi_singleBlog {
    background: #fff;
}
.witr_sb_thumb {
    overflow: hidden;
    position: relative;
}
.witr_sb_thumb: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;
}
.witr_sb_thumb:before {
    background: rgba(0,0,0,.5);
}
.witr_sb_thumb img {
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_top_category {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 999;
}
.witr_top_category ul li {
    display: inline-block;
}
.witr_top_category ul li a {
    padding: 3px 10px;
    border-radius: 5px;
    margin: 0 10px 10px 0;
    display: inline-block;
}
.witr_top_category ul li a {
    background: #e9bd00;
}
.witr_blog_area10 .learn_btn i, .witr_blog_area10 .learn_btn:hover, .witr_post_meta9, .witr_post_meta9 a, .witr_top_category ul li a {
    color: #fff;
}
.all_blog_color {
    text-align: left;
}
.witr_blog_area11 .witr_blog_con {
    padding: 10px 26px 5px 30px;
    margin-bottom: 0;
}
.witr_blog_con span {
    font-size: 13px;
    line-height: 50px;
    font-size: 16px;
    margin-bottom: 15px;
    margin-right: 2px;
    font-weight: 500;
    text-transform: uppercase;
}
.witr_blog_con span, .witr_blog_con span a, .witr_blog_metan span, .witr_blog_metan span a {
    color: #888;
}
.witr_blog_con span i {
    padding-right: 5px;
    padding-left: 5px;
    -webkit-transition: .5s;
    transition: .5s;
}
.wblog-content span, .wblog-content span a, .wblog-content span i, .witr_blog_con span i, .witr_blog_metan span i {
    color: #e9bd00;
}
.witr_blog_area11 .witr_blog_con h2 {
    margin: 0px 0 5px;
    color: #222429;
}
.all_blog_color h5>a, .all_blog_color h2 a {
    font-size: 23px;
}
.witr_blog_con h2 a {
    margin-top: 0;
}
.all_blog_color p {
    margin: 5px 0;
}
.witr_blog_area11 .em-blog-content-area_adn {
    padding: 0 10px 22px 28px;
}
.wblog-content>a, .learn_btn {
    color: #e9bd00;
    font-weight: 600;
    background-color: #FFFFFF00;
    border-style: default;
    padding: 0;
    border-radius: 5px;
    background: #e9bd0014;
    display: inline-block;
    font-size: 16px;
}
.witr_blog_area11 .em-blog-content-area_adn {
    padding: 0 10px 22px 28px;
}
.witr_blog_con h2 a:hover, .witr_post_Author .nameAuthor {
    color: #e9bd00;
}



/* =============== blog left sidebar css =============== */
.witrfm_area {
    position: relative;
}
/* side bar css */
.witr-blog-side-area.blog_sidebar {
    padding: 100px 0px 100px;
    background: #f9f9f9;
}
.blog-left-side > div {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 15px;
    box-shadow: 0 0 5px 0 rgba(148, 146, 245, 0.2);
}
.blog-left-side > div:last-child {
    margin-bottom: 0;
}
.blog-left-side h2 {
    margin-bottom: 10px;
    text-transform: uppercase;
}
.blog-left-side .content {
    padding: 0;
}
.blog-left-side .push-bottom-large {
    margin-bottom: 0;
}
.blog-left-side > div:last-child {
    margin-bottom: 0;
}
.blog-left-side > aside:last-child {
    margin-bottom: 0 !important;
}
.blog-left-side .nav .children li a:hover,
.blog-left-side .sub-menu li a:hover {
    background: 0 0;
    color: #18c8ff;
}
.defaultsearch {
    background: #f7f7f7;
    position: relative;
}
.defaultsearch input {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 0 none;
    height: 54px;
    position: relative;
    width: 100%;
}
.defaultsearch button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #858585;
    font-size: 18px;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}
.defaultsearch input[type="text"] {
    padding-left: 10px;
}
.blog-left-side .widget h2 {
    border-bottom: 1px solid #e5e5e5;
    bottom: -1px;
    display: block;
    line-height: 17px;
    margin-bottom: 20px;
    padding-bottom: 14px;
    position: relative;
    text-transform: none;
}
.blog-left-side .widget h2::before {
    background: #e9bd00 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 20px;
    left: -15px;
    position: absolute;
    width: 2px;
    top: -3px;
}
.footer-middle .widget h5 {
    text-transform: none;
}
.blog-left-side .widget ul {
    list-style: none;
}
.blog-left-side .widget ul li {
    margin: 0 0 5px;
    padding-left: 20px;
    position: relative;
}
.blog-left-side .widget ul li span {
    font-weight: 300;
}
.blog-left-side .widget ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
.blog-left-side > .widget > ul > li {
    margin: 0 0 10px;
    padding-bottom: 10px;
}
.blog-left-side .widget > ul > li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.blog-left-side .widget ul li a:hover,
.blog-left-side .widget ul li:hover::before {
    color: #e9bd00;
}
.blog-left-side .widget ul li::before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    left: 0;
    position: absolute;
}
.blog-left-side .widget select {
    width: 100%;
    height: 40px;
    background: #fff;
    border: 1px solid #ddd;
    padding-left: 5px;
}
.widget .screen-reader-text {
    display: none;
}
.textwidget select {
    width: 100%;
}
#wp-calendar {
    width: 100%;
}
.tagcloud a {
    display: inline-block;
    font-size: 14px !important;
    margin: 0 8px 10px 0;
    padding: 7px 15px;
    text-align: center;
    font-weight: 400;
    border: 1px solid #ddd;
    text-transform: none;
}
.r-post-content h3 a:hover,
.r-post-content h3:hover,
.tagcloud a:hover,
.widget_archive ul li a:hover,
.widget_archive ul li:hover:before,
.widget_categories ul li a:hover,
.widget_categories ul li:hover:before {
    color: #e9bd00;
}
.tagcloud a:hover {
    background: #e9bd00;
    color: #fff;
}
#wp-calendar caption {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: left;
    text-transform: uppercase;
}
#wp-calendar {
    font-size: 13px;
}
#wp-calendar {
    border: 0 solid #e5e5e5;
    margin-bottom: 20px;
    overflow: auto;
    vertical-align: top;
    width: 100%;
    margin: 0;
}
table#wp-calendar td {
    border: 1px solid #e5e5e5;
    padding: 5px 10px;
    text-align: center;
    vertical-align: top;
    font-size: 14px;
}
#wp-calendar td,
#wp-calendar th {
    padding: 8px;
}
table#wp-calendar th {
    border: 1px solid #e5e5e5;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}
table#wp-calendar td#today {
    color: #fff;
    background-color: #e9bd00;
}
table#wp-calendar td#today a {
    color: #fff;
}
.textwidget img {
    margin-bottom: 15px;
}
.textwidget p {
    margin-bottom: 0.5rem;
}
.oddo-blog-thumb img {
    width: 100%;
}
.witr-blog-side-area .imagess_area .slick-slide img {
    display: inline-block;
    margin: auto;
    width: 100%;
}
/* end sidebar css */
/* witr-blog-2side-area */
.witr-blog-side-area.witr-blog-2side {
    padding: 100px 0px 70px;
    background: #f9f9f9;
}
.oddo-single-blog {
    margin-bottom: 30px;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.oddo-blog-thumb {
    overflow: hidden;
}
.oddo-blog-thumb a {
    display: block;
	position: relative;
}
.oddo-blog-thumb a:before {
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,.7);
    opacity: 0;
    z-index: 999;
    transition: .5s;
}
.oddo-single-blog:hover .oddo-blog-thumb a:before {
    opacity: 1;
	transition: .5s;
}
.oddo-single-blog:hover .oddo-blog-thumb img{
	transform:scale(1.1);
}
.oddo-blog-thumb img {
    transition: .5s;
    display: block;
}
.em-blog-content-area {
    padding: 15px 0px 15px;
}
.blog-page-title h2 {
    display: block;
    font-size: 22px;
    margin-bottom: 7px;
    text-transform: none;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.blog-page-title a {
    display: inline-block;
    word-break: break-all;
}
.blog-content {
    word-break: break-word;
}
.oddo-blog-meta.post_blog h2 a {
    font-size: 24px;
	font-weight:700;
	transition:.5s;
}
.oddo-blog-meta.post_blog h2 {
    margin-bottom: 8px;
}
.recent-post-item {
    margin-bottom: 10px;
}
.blog-left-side .widget ul li a, .blog-left-side .widget ul li::before {
    color: #444;
}
.oddo-blog-meta.post_blog h2 a:hover{
	color:#e9bd00;
}
.oddo-single-blog-title h2 {
    padding: 0;
    margin-top: 0;
    margin-bottom: 8px;
}
.oddo-blog-meta-left a, .oddo-blog-meta-left span {
    color: #888888;
    font-size: 16px;
    margin-right: 5px;
	margin-bottom:10px;
    display: inline-block;
}
.oddo_top_single_blog .oddo-blog-meta-left a, .oddo_top_single_blog .oddo-blog-meta-left span {
	margin-bottom: 0;
}
	
.oddo-blog-meta-left i {
    color: #e9bd00;
    margin-right: 5px;
}
.blog-content p {
    font-size: 17px;
    padding-top: 14px;
}
.em-blog-content-area .witr_btn {
    background: #e9bd00;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    padding: 10px 30px;
    text-align: center;
    position: relative;
    margin-right: 20px;
    z-index: 2;
    transition: 1s;
    font-weight: 400;
	margin-bottom:15px;
}
.em-blog-content-area .witr_btn:hover {
    background: #323232;
    color: #fff;
}
.witr-blog-side-area.blog_sidebar .oddo-single-blog {
    margin-bottom: 30px;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    background: transparent;
}
blockquote p {
    font-size: 20px;
    position: relative;
	color:##999;
}
.witr-blog-side-area blockquote {
    background-color: #f7f7f7;
    border-left: 3px solid  #e9bd00;
    padding: 1em 1em;
    margin-top: 15px;
}
.recent-post-text h4 {
    margin: 0px;
    line-height: 1;
}
.recent-post-text h4 a {
    color: #17161a;
    font-size: 17px;
    transition: all .3s ease 0s;
}
.recent-post-text .rcomment {
    font-size: 14px;
    text-transform: none;
}
.recent-post-text h4 a:hover {
    color: #e9bd00;
}
/* video play css */
.video-open-inline iframe{
	width:100%;
	height:400px;
	border:none;
}
/* =============== End blog left sidebar css =============== */
/* single blog css */
.witr-blog-side-area {
    padding: 100px 0px 100px;
}
.comment-respond {
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 25px 10px 30px;
    background-color: #f1f1f1;
}
.single_blog_page{
	margin-bottom:0px;
}
.comment_field .input-field input, .comment_field .textarea-field textarea {
    color: #555555;
}
.comment_field .input-field input {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 6px 20px;
    height: 54px;
    font-size: 17px;
}
.comment_field .input-field label, .comment_field .textarea-field label {
    color: #606060;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 500;
}
.comment_field .input-field {
    width: 33.33%;
    float: left;
    margin-bottom: 25px;
}
.comment_field .textarea-field label {
    margin-top: 20px;
    margin-bottom: 10px;
}
.comment_field .textarea-field textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    height: 150px;
    padding: 10px;
}
.oddo_btn {
    background: transparent;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    padding: 12px 20px;
    margin-top: 15px;
    border-radius: 5px;
    transition: .5s;
    color: #444;
}
.oddo_btn:hover {
    background:#e9bd00;
	border-color:#e9bd00;
	color:#fff;
}
.single_blog_thumb img {
    width: 100%;
    height: 500px;
}
blockquote {
    padding: 25px 32px 25px;
    margin: 0 0 30px;
    font-size: 17px;
    /* border-left: 3px solid #f99a00; */
    font-weight: 400;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 7%);
}
blockquote p {
    font-size: 20px;
    position: relative;
}
.block .wp-block-quote.is-large p, .block .wp-block-quote.is-style-large p {
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.6;
}
.witr-blog-side-area.single_blog  blockquote {
    background-color: #f7f7f7;
    border-left: none;
}
.wp-block-group.block {
    text-align: center;
}
.oddo-single-blog-details-inner {
    padding: 38px 45px 45px;
    box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
    border-radius: 0 0 10px 10px;
}
.oddo-single-icon-inner {
    text-align: center;
}
.oddo-single-icon-inner a {
    border: 1px solid #e6e6e6;
    color: #17161a;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 41px;
    margin: 0 9px 0 0;
    text-align: center;
    width: 40px;
    border-radius: 5px;
	transition:.5s;
}
.oddo-single-icon-inner a:hover {
    background: #e9bd00 ;
    border-color: #e9bd00 ;
    color: #fff;
}
.recent-post-image {
    float: left;
    margin-right: 13px;
}
.recent-post-image img {
    width: 75px;
    margin-top: 8px;
}
/* ===== 14. Footer Area CSS ===== */
.witrfm_area {
    position: relative;
    background: #000;
}
.witrfm_area:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
.witrfm_area:before {
    background-color: rgba(0, 0, 0, 0.781);
}
.footer-middle {
    background-color: #131e1e;
    padding: 62px 0 80px;
}
.footer-sociala-info p {
    margin: 0 0 8px;
}
.footer-middle .widget ul li, .footer-middle .widget ul li a, .footer-middle .widget ul li::before, .footer-middle .tagcloud a, .footer-middle caption, .footer-middle table, .footer-middle table td a, .footer-middle cite, .footer-middle .rssSummary, .footer-middle span.rss-date, .footer-middle span.comment-author-link, .footer-middle .textwidget p, .footer-middle .widget .soddoeen-reader-text, mc4wp-form-fields p, .mc4wp-form-fields, .footer-m-address p, .footer-m-address, .footer-widget.address, .footer-widget.address p, .mc4wp-form-fields p, .poket-desoddoiption-area p, .poket-desoddoiption-area .phone a, .poket-desoddoiption-area .social-icons a, .recent-review-content h3, .recent-review-content h3 a, .recent-review-content p, .footer-middle .poket-desoddoiption-area p, .footer-middle .recent-post-text h4 a, .footer-middle .recent-post-text .rcomment, .witr_sub_table span {
    color: #ffffff;
}
.footer-middle .widget h2 {
    color: #ffffff;
}
.footer-middle .widget h2 {
    margin-bottom: 25px;
    margin-top: 28px;
    position: relative;
}
.footer-middle .single-widget-item h2 {
    color: #ffffff;
	margin-bottom: 28px;
    margin-top: 28px;
}
.footer-middle .recent-post-text h4 a {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: -10px;
}
.footer-middle .recent-post-text>h4 a:hover {
    color: #e9bd00;
}
.footer-middle .recent-post-text>h4 {
    margin-bottom: 0;
    font-weight: 400;
    line-height: .7;
    margin-top: 10px;
}
.recent-post-image {
    float: left;
    margin-right: 15px;
    margin-top: 4px;
}
.recent-post-image img {
    width: 75px;
    margin-top: 0;
}
.footer-middle .recent-post-text .rcomment {
    font-size: 15px;
    font-weight: 400;
}
.footer-middle .widget ul li {
    margin-bottom: 10px;
}
.footer-middle .widget ul li a:hover, .footer-middle .widget ul li:hover:before {
    color: #e9bd00;
}
.poket-desoddoiption-area a img {
    margin: 26px 0;
}
.poket-desoddoiption-area .social-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 5px;
    background: #1a2e2e;
}
.poket-desoddoiption-area .social-icons a:hover {
    background: #e9bd00;
    border-color: #e9bd00;
}
.footer-sociala-icon {
    clear: both;
    float: left;
    font-size: 18px;
    margin-right: 12px;
}
/* footer bottom area css */
.footer-bottom {
    padding: 26px 0 24px;
    position: relative;
}
.footer-bottom:before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 61%;
    left: 0;
    right: 0;
    margin: auto;
}
.footer-bottom:before {
    background: #ffffff61;
}
.copy-right-text p {
    margin: 0;
    padding: 0;
}
.copy-right-text p, .footer-menu ul li a {
    color: #ffffff;
}
.footer-menu ul li {
    display: inline-block;
}
.footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-menu ul li a {
    padding: 0 10px;
    display: block;
}
.copy-right-text a, .footer-menu ul li a:hover {
    color: #e9bd00;
}
/* soddooll up css */
#scrollUp {
    bottom: 30px;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 100px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
	background: #e9bd00;
}
#scrollUp i {
    color: #fff;
}
/* slick slide css */
.slick-dots li button {
    font-size: 0;
    width: 14px;
    height: 14px;
    border: 0 solid #e9bd005c;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 30px;
    padding: 0;
    -webkit-transition: .5s;
    transition: .5s;
    outline: 0;
    background: #e9bd005c;
}
.slick-dots li.slick-active button {
    background: #e9bd00;
}
.slick-dots li {
    display: inline-block;
}
.slick-dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -50px;
    display: inline-block;
    z-index: 11;
    text-align: center;
}
/* slick prev slick next css */
/*======== slick ========*/
.slick-prev, .slick-next {
    font-size: 0;
    position: absolute;
    display: block;
    padding: 0;
    cursor: pointer;
    color: #e9bd00;
    outline: none;
    background: #ff3d0;
    z-index: 9;
    opacity: 0;
    border-radius: 0px;
    box-shadow: 0 0 0 rgb(0 0 0 / 10%);
    width: 58px;
    height: 58px;
    line-height: 58px;
    top: 50%;
    transform: translate(0px, -50%);
    transition: .5s;
    border: 2px solid #f1f1f1;
    background: 0 0;
}
 .slick-prev {
     left: -15px;
}
 .slick-next {
     right: -15px;
}
.slick-next:before, .slick-prev:before {
    color: #e9bd00;
    font-size: 40px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    content: "\ea93";
    font-family: IcoFont!important;
    line-height: inherit;
    opacity: 1;
}
.slick-next:before {
    content: "\ea94";
    font-family: IcoFont!important;
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    background: #152a45;
    border-color: transparent;
}
.slick-next:hover:before, .slick-prev:hover:before {
    color: #fff;
}
button:focus {
    outline: 0;
    outline: 0;
}

/* ===== 15. Breadcumb Area CSS ===== */
 .breadcumb-blog-area {
     padding: 60px 0 65px;
     background-color: #f7f7f7;
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
}
 .breadcumb-inner h2 {
     font-size: 30px;
}
.breadcumb-area {
    background-image: url("../../images/banner-top.jpg");
    padding: 80px 0px 80px;
    background-position: center center;
    position: relative;
    background-size: cover;
}
 .breadcumb-area:before, .breadcumb-blog-area:before {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     content: "";
}
.breadcumb-area:before, .breadcumb-blog-area:before {
    background: rgba(0,0,0,0.81);
}
.breadcumb-inner ul, .breadcumb-inner ul span a, .breadcumb-inner li, .breadcumb-inner li a {
    font-display: swap;
}
 .breadcumb-inner ul {
     font-weight: 400;
}
.breadcumb-inner li {
    display: inline-block;
    font-weight: 400;
    color: #fff;
}
.breadcumb-inner li:nth-last-child(-n+1) {
    color: #ffffff;
    font-weight: 400;
}
.breadcumb-inner li a {
    font-weight: 400;
    color: #fff;
}
.breadcumb-inner li a:hover {
    color: #e9bd00;
}
.brpt h2, .breadcumb-inner h2, .brpt.brptsize h2 {
    font-size: 30px;
    color: #ffffff;
}
/* ===== 16. Pricing Plan Area CSS ===== */
.pricing_plan_area {
    padding: 95px 0 80px;
}
.pricing_plan_area .witr_section_title {
    margin-bottom: 50px;
}
.pricing_plan_area .witr_section_title_inner h2 {
    margin-bottom: 15px;
}
.pricing_area {
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    border-radius: 5px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);
    margin-bottom: 20px;
}
.pricing-part {
    position: relative;
    overflow: hidden;
	text-align:center;
}
.pricing_top_box {
    position: relative;
    padding: 30px 25px;
    border-radius: 5px;
}
.pricing-part a.btn, .pricing-part strong, .pricing_style_2 .pricing-part h5, .pricing_style_4 .witr_p_middle_inner, .pricing_style_7.pricing-part h4, .witr_process_icon i, .witr_process_icon2 i, .witr_ribon_text h3 {
    background: #e9bd00;
}
.pricing_top_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e9bd00;
}
.pricing_topb_zindex {
    position: relative;
    z-index: 1;
}
.pricing-part h4 {
    font-size: 30px;
    display: block;
}
.pricing_style_2 .pricing-part h5, .pricing_style_4 .pricing-part h5, .pricing_style_6.pricing-part h4, .pricing_style_6.pricing-part h5, .pricing_style_6.pricing-part h6, .pricing_top_box .prt_content, .pricing_top_box .prt_content p, .pricing_top_box p, .witr_ribon_text h3 {
    color: #fff;
    margin-bottom: 0;
}
.top_by_bottom {
    padding-top: 30px;
}
.pricing-part h5 {
    font-size: 35px;
}
.pricing-part span {
    font-size: 24px;
    margin-right: 5px;
}
.pricing_style_6 .witr_pricing_icon {
    position: relative;
    top: -50px;
    left: 44px;
}
.pricing_style_6 .witr_pricing_icon i {
    padding-top: 0;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: #fff;
    text-align: center;
    border-radius: 100%;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}
.witr_pricing_icon i {
    font-size: 40px;
}
.witr_pricing_icon i {
    color: #e9bd00;
}
.pricing_style_6 .witri_texti_list {
    margin-top: 0;
}
.pricing-part ul {
    text-align: left;
    padding: 0 0 0 50px;
}
.witri_texti_list ul li {
    list-style: none;
    font-size: 17px;
    margin-bottom: 17px;
}
.witri_texti_list ul li i {
    margin-right: 10px;
}
.pricing_style_6 .witr_btnp_color {
    padding-top: 45px;
    padding-bottom: 0;
}
.witr_btnp_color a.btn {
    background-color: #030925;
    border-style: solid;
    border-color: #030925;
    border-radius: 0;
	color:#fff;
}
.pricing_style_6.pricing-part a.btn {
    display: block;
	padding: 17px 30px;
}
.pricing-part a.btn {
	font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto',sans-serif;
}
.pricing_style_6.pricing-part h5, .pricing_style_6.pricing-part h6 {
    display: inline-block;
}
.pricing_top_box .prt_content p, .pricing_top_box p {
    margin: 0;
}
.witr_btnp_color a.btn:hover {
    color: #fff;
    background-color: #e9bd00;
    border-style: solid;
    border-color: #e9bd00;
}
/* ===== Pricing Plan Area CSS ===== */
.pricing_plan_area2 {
    background: #f9f9f9;
    padding: 100px 0 80px;
}
.pricing_plan_area2 .pricing_area {
    border: none;
}
.pricing_plan_area2 .witr_pricing_icon i {
    font-size: 40px;
    padding-top: 40px;
    display: block;
}
.pricing_plan_area2 .pricing-part h4 {
    font-size: 30px;
	font-size: 30px;
    padding: 26px 0 12px;
    display: block;
}
.pricing_style_2 .pricing-part h5 {
    padding: 10px 0;
    margin-bottom: 30px;
	display:block;
}
.pricing_plan_area2 .pricing-part {
    text-align: center;
}
.pricing_plan_area2 .pricing-part ul {
    text-align: center;
    padding: 0;
}
.pricing_plan_area2 .pricing-part a.btn {
    padding: 17px 30px;
    display: inline-block;
    border: 1px solid #e9bd00;
    background: #e9bd00;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    font-family: 'DM Sans',sans-serif;
    color: #fff;
}
.pricing_plan_area2 .pricing-part a.btn:hover {
    background: 0 0;
	color: #e9bd00;
}
.pricing_plan_area2 .witr_btnp_color {
    padding-top: 37px;
    padding-bottom: 40px;
}
.pricing-part strong {
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    right: -40px;
    top: 13px;
    padding: 7px 20px;
    width: 160px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	color:#fff;
}

/* ===== 17. Single Service Area CSS ===== */
.single_service_area {
    padding: 100px 0px 85px;
    background: #FFFFFF;
}
.single_service_area .witr_text_widget_inner img {
    width: 100%;
}
.single_service_faq1 .accordion_area .card-2 p {
    padding: 15px 20px 15px;
}
 .single_service_area .witr_text_widget p {
    line-height: 1.7em;
}
.single_service_area .witr_text_widget_inner h2 {
    font-size: 40px;
    padding: 40px 0px 13px 0px;
}
/* ===== 18. Contact Area CSS ===== */
.contact_page_area {
    background: #FFFFFF;
    padding: 100px 0 80px;
}
.contact_page_area .all_color_service, .service_top_image::after {
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 5%);
    margin-bottom: 20px;
    background: #fff;
    border-radius: 0;
    border: none;
    padding: 50px 30px;
}
.contact_page_area .service_top_image {
    position: relative;
}
.contact_page_area .service-item i {
    font-size: 30px;
    height: 80px;
    width: 80px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    transition: .5s;
    background: #e9bd00;
    border-radius: 5px;
    color: #fff;
}
.contact_area .apartment_text h2 {
    margin-bottom: 40px;
    font-size: 38px;
    padding-top: 0;
}
.contact_page_area .service-item h3 {
    padding: 15px 0 12px;
    color: #030925;
}
.contact_page_area .all_color_service:hover i, .contact_page_area .poly_text_box:hover .contact_page_area .service_icon_box::before {
    background: #282828;
}
.contact_page_area .text_box.all_icon_color p {
    padding-bottom: 0px;
    margin: 0px;
    color: #030925;
}
/* ===== Contact Area CSS ===== */
.contact_area {
    padding: 100px 0 90px;
    background: #e0c746c2;
}
.apartment_area {
    position: relative;
    background-size: cover;
    padding: 60px 35px 60px;
    border-radius: 10px;
    text-align: left;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
    background: #fff;
}
.apartment_text h1 {
    font-size: 17px;
    margin-bottom: 12px;
}
.apartment_text h1, .counterdowns p, span.time-counts {
    color: #e9bd00;
}
.apartment_text h2 {
    margin-bottom: 40px;
    font-size: 38px;
}
.witr_apartment_form .btn {
    border: 0 none;
    display: inline-block;
    font-weight: 600;
    padding: 15px 30px;
    font-size: 16px;
    border-radius: 30px;
    color: #fff;
    margin-top: 0;
    transition: .5s;
    background: #e9bd00;
    margin-top: 15px;
}
.witr_apartment_form input, .witr_apartment_form form select, textarea {
    padding: 0px 0 0px 30px;
    background-color: #87494900;
}
.witr_apartment_form form select, .witr_apartment_form input {
    width: 100%;
    height: 45px;
    border-radius: 5px;
    outline: 0;
    margin-bottom: 23px;
}
.witr_apartment_form input, .witr_apartment_form textarea {
    border: 1px solid #f1f1f1;
}
.witr_apartment_form form select, .witr_apartment_form input {
    color:#888;
}
.witr_apartment_form form select::placeholder, .witr_apartment_form input::placeholder, .twr_form_box  textarea::placeholder {
	color:#888;
}
.twr_form_box  textarea {
    height: 150px;
    width: 100%;
    padding: 10px 0 0 30px;
    color:#888;
}
.twr_form_box  textarea input{
	color:#888;
}
.witr_apartment_form .btn:hover {
    background: #02101e;
}
.contact_inner {
    margin: 0;
}
/* map area css */
.map_inner_area iframe {
    border: none;
    width: 100%;
    height: 618px;
}
/* ===== 19. Video Area CSS ===== */
.witr_youtube_video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -99;
}.witr_youtube_video iframe {
    width: 100%;
    height: 100%;
    border: none;
}
/* ===== 20. Portfolio Area CSS ===== */
.oddo_portfolio_area {
    padding: 92px 0px 85px;
}
.oddo_portfolio_area .witr_section_title_inner p {
    width: 39%;
    margin: 0 auto 0;
    padding: 10px 0px 15px 0px;
}
.oddo_portfolio_area .witr_section_title {
    margin-bottom: 45px;
}
.portfolio_grid_area .portfolio_nav {
    padding: 0 0 50px;
}
.witr_single_pslide{
	overflow:hidden;
}
.witr_pslide_image{
	position:relative;
	overflow:hidden;
}
.witr_pslide_image img{
	width:100%;
	transition: 1s;
}
.witr_pslide_image::before{
	position: absolute;
    content: '';
	width:100%;
	height:100%;
    background: #00000080;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    transition: .5s;
    z-index: 1;
}
.witr_single_pslide:hover .witr_pslide_image::before{
	transform:scale(1.2)
}
.witr_single_pslide:hover .witr_pslide_image img{
	transform:scale(1.2)
}
.witr_pslide_custom a {
    position: absolute;
    top: 40px;
    left: 40px;
    width: 0px;
    height: 80px;
    line-height: 80px;
    border-radius: 5px;
    font-size: 30px;
    background: #fff;
    color: #e9bd00;
    text-align: center;
    z-index: 99;
    opacity: 0;
    transition: .5s;
    display: inline-block;
}
 .witr_single_pslide:hover .witr_pslide_custom a{ 
	width:80px; 
	opacity: 1; 
 } 
.witr_pslide_custom a:hover {
    color:#e9bd00;
    z-index: 999;
    background: #0a0a0a;
}
.witr_content_pslide_text {
    position: absolute;
    bottom: -100px;
    left: 50px;
    right: 30px;
    transition: .5s;
    opacity: 0;
    z-index: 2;
    text-align: left;
}
.witr_single_pslide:hover .witr_content_pslide_text {
    opacity: 1;
    bottom: 20px;
}
.witr_content_pslide_text h3 {
    margin-bottom: 10px;
}
.witr_content_pslide_text h3 a{
    color: #fff;
	transition:.5s;
}
.witr_content_pslide_text h3 a:hover {
    color: #e9bd00;
}
.witr_content_pslide_text p {
    color: #fff;
}
.em_portfolio_area .witr_section_title {
    position: relative;
    padding-bottom: 35px;
}
.positi_3.pprotfolio4 {
    padding: 20px 10px 23px;
    border: none;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    z-index: 9;
    -webkit-transition: .5s;
    transition: .5s;
    text-align: center;
}
.single_protfolio:hover .positi_3.pprotfolio4 {
    bottom: 0;
}
.positi_3.pprotfolio4 {
    background: #e9bd00;
}
.positi_3 .porttitle_inner4 h3 a, .positi_3 .porttitle_inner4 p span {
    color: #fff;
}
.portfolio_nav {
    padding: 0px 0 50px;
}
.portfolio_nav ul {}
 .portfolio_nav ul li {
    display: inline;
}
.portfolio_nav ul li {
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    margin: 0 5px 10px;
    padding: 16px 38px;
    position: relative;
    transition: .5s;
    border: 1px solid #f3eaea;
    font-size: 16px;
}
.prot_wrap {
    overflow: hidden;
}
.single_protfolio {
    position: relative;
    overflow: hidden;
    margin-bottom:30px;
}
.prot_thumb {} .prot_thumb img {
    display: block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single_protfolio:hover .prot_thumb img {
    transform: scale(1.1);
}
.prot_content {
    position: absolute;
    text-align: center;    
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 9;
}
.multi_gallery.prot_content {
    height: 90%;
    width: 80%;
    right: 10%;
    top: 5%;
    bottom: 5%;
    left: 10%;
}
.single_protfolio:hover .prot_content {
    opacity: 1;
}
.prot_content h3 {
    margin: 0;
    text-transform: none;
    font-size: 18px;
    margin-bottom: 0;
}
.prot_content h3 a {
    font-size: 23px;
    font-weight: 700;
    text-transform: none;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff;
    margin-bottom: 0;
    display: inline-block;
}
.prot_content h3 a:hover {
    color: #e9bd00;
}
.prot_content p {
    line-height: 1.2;
    margin: 5px 0 0;
}
.prot_content p span {
    display: inline-block;
    color: #fff;
}
.single_protfolio:hover .prot_content {
    opacity: 1;
    transform: scale(1, 1);
}
.porttitle_inner span,
.porttitle_inner4 span,
.prot_content span {
    position: relative;
    margin: 0 2px;
}
.prot_content span:before,
.porttitle_inner4 span:before,
.porttitle_inner span:before {
    bottom: 0;
    content: ",";
    position: absolute;
    right: -5px;
}
.porttitle_inner span:last-child:before,
.prot_content span:last-child:before,
.porttitle_inner4 span:last-child:before {
    content: "";
}
.nospace.col-xs-12 {
    padding: 0px;
}
.nospace .single_protfolio {
    margin-bottom: 0px;
}
/* load button css */
.gallery_load_button {} .gallery_load_button a {
    padding: 7px 15px;
    display: inline-block;
    font-size: 17px;
    margin-top: 0px;
}
.prot_wrap.nospace .gallery_load_button a {
    margin-top: 30px;
}
/* single portfolio */
.pimgs img {
    height: 465px;
    width: 100%;
}
.prots-contentg p {} 
/*style 1 */
.em_port_content {
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 9;
    left: 0;
    top: -100%;
    width: 100%;   
    transition: .5s;
    text-align: center;
}
.pstyle_1 .porttitle_inner h3 {
    padding-bottom: 0px;
}
.pstyle_1 .prot_content p {
    margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {   
    -webkit-transition: .5s;   
    transition: .5s;
}
.portfolio_readmore_btn {
    padding-top: 23px;
}
.portfolio_readmore_btn > a {
    border-radius: 5px;
    display: inline-block;
    padding: 6px 21px;
    text-transform: uppercase;   
    -webkit-transition: .3s;   
    transition: .3s;
    border: 1px solid transparent;
}
.pstyle_1 .picon a {
    background: transparent;
    border-radius: 5px;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin: 0 8px 11px;
    width: 50px;
    transition: .5s;
    color: #fff;
}
.picon a:hover {
    border-color: #191f2d;
    background: #191f2d;
}
.pstyle4 .prot_thumb {
    overflow: hidden;
    position: relative;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7);
    padding: 17px 10px 20px;
}
.pprotfolio4 {
    padding: 20px 10px 23px;
}
.porttitle_inner4 h3 {
    margin: 0;
}
.porttitle_inner4 h3 a {}
.porttitle_inner4 p {
	margin-bottom: 0;	
}
.porttitle_inner4 p span {
    display: inline-block;
}
.portfolio_nav ul li.current_menu_item, .portfolio_nav ul li:hover {
    border-color: #e9bd00;
	background: #e9bd00;
	color: #fff;
}
.prot_content {
    background: #e9bd0080;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0,0,0,.7);
    padding: 30px 10px 30px;
    border: 1px solid #f1f1f1;
    border-top: 0 solid #f1f1f1;
}
.portfolio_nav {
    text-align: center;
}
.page-numbers span.current, .paginations a.current, .paginations a:hover {
    border-color: #e9bd00;
	 background: #e9bd00;
	 color: #fff;
}
ul.page-numbers a.page-numbers {
    box-shadow: 0 10px 40px 0 rgba(50,65,141,.12);
}
.page-numbers, .tutor-pagination-wrap a, .tutor-pagination-wrap span.page-numbers.current, a.page-numbers {
    border-radius: 5px;
    margin-right: 10px;
    padding: 15px 24px;
    font-size: 19px;
    line-height: 1;
    -webkit-transition: .5s;
    transition: .5s;
}
.page-numbers span.current, .paginations a {
    display: inline-block;
    font-weight: 500;
    margin: auto 5px;
}
 .paginations a {
    color: #888;
}
.page-numbers li {
    display: inline-block;
}
.paginations {
    text-align: center;
    margin-top: 20px;
}
.portfolio_gutter .single_protfolio {
    margin-bottom: 0px;
}
/* port style 3 */
.em_plus_port {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 99;
}
.prot_content_inner {
    left: 50%;
    position: absolute;
    top: 54%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    -webkit-transition: all .3s ease-in-out .3s;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
}
 .single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
}
.picon a {
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0 3px 11px;
    width: 50px;
    text-align: center;
    color: #fff;
    background: #e9bd00;
}
.picon a:hover {
	border-color: #555;
    background-color: #e9bd00;
}
/* style 1 */
.em_port_content {
    height: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 9;
    left: 0;
    top: -100%;
    width: 100%;   
    -webkit-transition: .5s;   
    transition: .5s;
    text-align: center;
}
.pstyle_1 .porttitle_inner h3 {
    padding-bottom: 0px;
}
.pstyle_1 .porttitle_inner h3 a {} .pstyle_1 .porttitle_inner p {
}
.pstyle_1 .prot_content p {
    margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {   
    -webkit-transition: .5s;   
    transition: .5s;
}
.portfolio_readmore_btn {
    padding-top: 23px;
}
.portfolio_readmore_btn > a {
    border-radius: 5px;
    display: inline-block;
    padding: 6px 21px;
    text-transform: uppercase;   
    -webkit-transition: .3s;   
    transition: .3s;
    border: 1px solid transparent;
}
.portfolio_style2 .prot_content_inner {
    transition: none;
    opacity: 1;
}
/* ===== Portfolio Area CSS ===== */
.portfolio_grid .pstyle4 .prot_thumb {
    overflow: hidden;
    position: relative;
}
.portfolio_grid .prot_thumb img {
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    width: 100%;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgb(0 0 0 / 70%);
    padding: 20px 10px 23px;
    border: 1px solid #f1f1f1;
    border-top: 0 solid #f1f1f1;
}
.portfolio_grid .prot_content {
    position: absolute;
    text-align: center;
    -webkit-transition: .5s;
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 9;
}
.porttitle_inner4 h3, .porttitle_inner4 h3 a, .porttitle_inner4 p {
    color: #454545;
}
.portfolio_3column_area .witr_section_title {
    margin-bottom: 20px;
}
.port_gutter .single_protfolio {
    margin-bottom: 0;
}
/* ===== 21. Case Study Area CSS ===== */
.case_study_area {
    padding: 60px 0 65px;
}
.case_study_area .witr_section_title {
    margin-bottom: 30px;
}
.witr_case2 {
    padding-bottom: 95px;
}
.witr_case {
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
}
.witr_case_image {
    overflow: hidden;
    position: relative;
}
.witr_case_image:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    content: "";
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_case_image:before {
    background: #e9bd00a6;
}
.witr_case_image img {
    width: 100%;
}
.witr_case2 .witr_content_casem {
    bottom: 15px;
    box-shadow: 0 5px 20px 0 #0049ff14;
}
.witr_content_casem {
    padding: 21px 15px 26px;
    position: absolute;
    left: 10px;
    margin: auto;
    -webkit-transition: .5s;
    transition: .5s;
    right: 10px;
    text-align: left;
}
.witr_case_btnb a, .witr_content_casem {
    background: #fff;
}
.witr_content_casei p {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 4px;
}
.witr_case_btnb a, .witr_content_casei p {
    color: #e9bd00;
}
.witr_content_casei h3 {
    font-size: 21px;
}
.witr_case_btnb {
    margin-top: 20px;
}
.witr_case_btnb a {
    font-size: 16px;
    font-weight: 600;
    padding: 13px 25px;
    border-radius: 5px;
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_case_btnb a {
    border: 1px solid #ececec;
    color: #e9bd00;
    background: #fff;
}
.witr_case_btnb a i {
    margin-left: 5px;
    -webkit-transition: 1s;
    transition: 1s;
}
.witr_case:hover .witr_case_image:before {
    height: 100%;
}
.witr_case:hover .witr_content_casem {
    bottom: -4px;
}
.witr_case_btnb a:hover {
    border: 1px solid #e9bd00;
}
.poket_button a, .witr_case_btnb a:hover {
    background: #e9bd00;
    color: #fff;
}
.witr_case_btnb a:hover {
    color: #fff;
}
.witr_case_btnb a:hover i {
    margin-left: 15px;
}




 .tx_golobal_color{
     background: #e9bd00;
}
 .tx_btn_global_color:hover{
     background:#e9bd00;
}

/* Float Social */

.float-social {
    position: fixed;
    right: -255px;
    width: 300px;
    top: 330px;
    z-index: 9999;
}

.float-social .social-item {
  list-style-type: none;
  color: #fafafa;
  height: 40px;
  padding: 10px 5px;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  margin: 0;
  width: 100%;
}

.float-social .social-item:hover {
  transform: translateX(-190px);
}

.float-social .social-item i {
  color: #fafafa;
  width: 50px;
  text-align: center;
  font-size: 1.5rem;
  margin-top: -2px;
  margin-left: -7px;
}

.float-social .social-item a {
  color: #fafafa;
  display: inline-block;
  width: 100%;
}

.float-social .social-item a:hover {
  color: #fafafa;
  text-decoration: none;
}

.float-social .social-item div {
  font-size: .9rem;
  display: inline-block;
  text-transform: uppercase;
  transform: translateY(-4px);
}

.float-social .facebook {
  background-color: #3b5998;
}

.float-social .twitter {
  background-color: #1dcaff;
}

.float-social .instagram {
  background-color: #e4405f;
}

.float-social .whatsapp {
  background-color: #25d366;
}

.float-social .email {
  background-color: #27a3df;
}

.float-social .youtube {
    background-color: #dc0d1b;
  }

  .float-social .tiktok {
    background-color: #161616;
  }

/* Floating Social Media Bar Style Ends Here */

.btn-whatsapp {
    background-color: #25d366;
    color: #fff;
    border: 2px solid #25d366;
    border-radius: 5px;
    padding: 10px 30px;
}

.btn-whatsapp:hover {
    background-color: #fff;
    color: #25d366;
    border-color: #25d366;
}



.apartment_area {
    position: relative;
    background-size: cover;
    padding: 60px 35px 60px;
    border-radius: 10px;
    text-align: left;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
    }

    /* ===== Contact Area CSS ===== */
.contact_page_area {
    background: #FFFFFF;
    padding: 100px 0 0px;
}
.contact_page_area .all_color_service {
    padding: 50px 35px 60px 35px;
}
.contact_page_area .all_color_service, .service_top_image::after {
    box-shadow:0px 0px 30px 0px rgb(173 155 155 / 23%);
    margin-bottom: 20px;
    background: #fff;
    border-radius: 0;
}
.contact_page_area .service_top_image {
    position: relative;
}
.contact_page_area .service-item i {
    font-size: 30px;
    height: 80px;
    width: 80px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    transition: .5s;
    background: #1e91c2;
    border-radius: 100%;
    color: #fff;
    background-image: linear-gradient(90deg,  #ffcf00 0%,#050505 100%);
}
.contact_area .apartment_text h2 {
    margin-bottom: 40px;
    font-size: 38px;
    color: #000;
    padding-top: 0;
}
.contact_page_area .service-item h3 {
    padding: 15px 0 12px;
    color: #030925;
}
.contact_page_area .all_color_service:hover i, .contact_page_area .poly_text_box:hover .contact_page_area .service_icon_box::before {
    background-image: linear-gradient(90deg, #050505 0%, #ffcf00 100%);
}
.contact_page_area .text_box.all_icon_color p {
    padding-bottom: 0px;
    margin: 0px;
    color: #030925;
}

.contact_area .witr_apartment_form textarea {
     height: 150px;
    padding-top: 20px;
    padding-left: 30px;
    color: #838383;
}

.m-logo2 {
    margin-right:64px;
    }

/* =====  INICIO CÓDIGO CSS SLIDE ===== */
.slider {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.slides {
    display: flex;
    width: 100%;
    transition: transform 0.5s ease-in-out;
    flex-wrap: nowrap;
}

.slide {
    position: relative;
    width: 100%;
    height: 100vh;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide-content {
    position: absolute;
    z-index: 1;
    top: 45%;
    left: 5%;
    transform: translateY(-50%);
    text-align: left;
    padding: 20px;
    border-radius: 10px;
    max-width: 1080px;
}

.slide h2 {
    margin: 0;
    font-size: 60px !important;
    color: #030925;
}

.slide h3 {
    margin: 0;
    font-size: 30px !important;
    color: #030925;
    margin: 30px 0px;
}

.slide p {
    margin-top: 10px;
    font-size: 18px;
    color: #4e4e4e;
    
}

.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 16px;
    color: white;
    font-size: 24px;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    z-index: 10;
}

.prev {
    left: 0;
}

.next {
    right: 0;
}

.btn-slide-principal {
    background-color: #000000;
    color: white;
    padding: 14px 32px;
    border-radius: 5px;
    font-weight: 600;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

.btn-slide-principal:hover {
    background-color: #fff;
    color: #000000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
}

.btn-slide-secundaria {
    background-color: white;
    color: #000000;
    padding: 14px 32px;
    border-radius: 5px;
    font-weight: 600;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.btn-slide-secundaria:hover {
    background-color: #000000;
    color: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
}

@media (max-width: 768px) {
    .slide-content {
        left: 5%;
        top: 50%;
        transform: translateY(-50%);
        padding: 15px;
        max-width: 90%;
    }

    .slide h2 {
        font-size: 28px !important;
    }

    .slide p {
        font-size: 16px;
    }

    .prev, .next {
        font-size: 20px;
        padding: 12px;
    }
}

@media (max-width: 480px) {
    .slide-content {
        left: 5%;
        top: 50%;
        transform: translateY(-50%);
        padding: 10px;
        max-width: 100%;
    }

    .slide h2 {
        font-size: 22px !important;
    }

    .slide p {
        font-size: 14px;
    }

    .prev, .next {
        font-size: 18px;
        padding: 10px;
    }
}
/* =====  FIM CÓDIGO CSS SLIDE ===== */

.ativo a {
    color: #e9bd00 !important;
    position: relative;
}

.ativo a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px; 
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #e9bd00 0%, #fff200 100%);
    border-radius: 2px;
}


/* CSS */
.icones-redes-sociais {
  display: flex;
  gap: 10px;
}

.icone-social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: white;
  border: 2px solid white;
  border-radius: 50%;
  background: transparent;
  text-decoration: none;
  transition: 0.3s ease;
}

.icone-social:hover {
  background: white;
  color: #000;
}

/* MÓD WHATSAPP */
.area-whatsapp {
   background-color: #f2f2f2 !important;
   padding: 60px 20px !important;
   text-align: center !important;
   border-radius: 20px !important;
   margin: 30px 0px !important;
}

.area-whatsapp p {
   font-size: 15px;
   color: #333;
}

.conteudo-whatsapp {
   max-width: 700px;
   margin: 0 auto;
}

.titulo-whatsapp {
   font-size: 32px;
   margin-bottom: 20px;
   color: #25d366;
   font-weight: bold;
}

.imagem-whatsapp img {
   max-width: 100%;
   height: auto;
   border-radius: 10px;
   margin-bottom: 20px;
}

.texto-whatsapp {
   font-size: 18px;
   color: #333;
   margin-bottom: 30px;
}

.btn-whatsapp-cta {
  background-color: transparent; 
  border: 2px solid #25d366; 
  color: #25d366;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  border-radius: 20px;
  padding: 10px 20px;
  margin-top: 10px !important;
  width: fit-content;
  margin: auto;
  cursor: pointer;
  animation: pulse 0.9s infinite; 
}

.btn-whatsapp-cta:hover {
  background-color: #25d366; 
  color: white;

}

/* Pulse animation */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.9);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}
/* FIM MÓD WHATSAPP */

/* CSS NOSSOS SERVIÇOS */  
.area-modulo-servicos {
  padding: 100px 0px;
}
   
.modulo-servico-botoes {
  background-color: transparent;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.modulo-servico-titulo {
  font-size: 24px;
  margin-bottom: 20px;
  color: #333;
  text-align: center;
}

.modulo-servico-conteudo {
  display: none;
  opacity: 0; 
  transition: opacity 0.5s ease-in-out; 
  padding: 20px;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #cfd8dc;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

.modulo-servico-conteudo.active {
  display: block;
  opacity: 1;
}

.modulo-servico-link {
  display: block;
  width: 100%;
  font-size: 18px;
  background-color: #F7F7F7;
  color: #000;
  border: none;
  padding: 15px;
  transition: background-color 0.3s, transform 0.3s, border-left-color 0.3s;
  cursor: pointer;
  text-align: left;
  border-left: 5px solid #ffd508;
  margin-bottom: 2px;
}

.modulo-servico-link:hover {
  background-color: transparent;
  border-left: 5px solid #000;
  transform: scale(1.02);
}

.modulo-servico-link.active {
  background-color: #fff; 
  border-left: 5px solid #000;
}
/* FIM CSS NOSSOS SERVIÇOS */  


.h3-slide {
    color: #fff !important;
}