/*
Theme Name: Teba Child
Theme URI: https://motivoweb.com/teba/
Author: motivoweb
Author URI: https://themeforest.net/user/motivoweb/
Template:  teba
Description: IT Solutions & Services WordPress Theme.
Version: 1.2
Text Domain: teba
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
License: GNU General Public License
License URI: license.txt
*/


/* General Styles */
.bg-color-main, .particles2 .shape-one, .particles2 .shape-four, .particles2 .shape-five, .mouse-cursor.style2, .primary .owl-theme .owl-controls .owl-dot span, .dots-nav-primary .owl-controls .owl-dot span, .primary .owl-controls .owl-nav div.owl-prev, .primary .owl-controls .owl-nav div.owl-next, .sidepanel ul.menu li>a:before, .close-btn, .main-search-close, .mo-sidepanel-v1.sidepanel, .mo-cart-header>a .cart_total, .mo-cart-header>a:before, .mo-cart-header>a:after, .mo_mini_cart>a.mo-icon:hover span.cart_total, #mo_header .mo-cart-content .cart_list.product_list_widget .mini_cart_item>a.remove, .mo-header-v4 .mo-header-menu .mo-search-sidebar>a:hover, .mo-header-v4 .mo-header-menu .mo-search-sidebar>a.active, .mo-header-v5 .mo-logo, .mo-left-navigation .mo-header-menu .mo-menu-list>ul>li a:not(.mb-dropdown-icon):before, .mo-header-v7 .mo-header-menu .mo-search-sidebar>a:hover, .mo-header-v7 .mo-header-menu .mo-search-sidebar>a.active, .button.bg_primary, .button.bg_hr_primary:hover, .button.bg_hr_primary:active, .button.bg_hr_primary:focus, .button.roll.bg_hr_primary:hover:before, .button.roll.bg_hr_gradient:hover:before, .slide.bg_hr_primary:hover:after, .slide.bg_hr_primary:hover:before, .slide.bg_hr_gradient:hover:after, .slide.bg_hr_gradient:hover:before, .line-move-Left.bg_primary:before, .line-move-Left.bg_gradient:before, .line-move-Left.bg_hr_primary:hover:before, .line-move-Left.bg_hr_gradient:hover:before, .line-move-bottom.bg_primary:before, .line-move-bottom.bg_gradient:before, .line-move-bottom.bg_hr_primary:hover:before, .line-move-bottom.bg_hr_gradient:hover:before, .link-btn:hover:after, .min_logo:after, .social-icons.primary a, .social-icons.secondary a, .social-icons.style1.primary .social-icon-container a, .social-icons.style1.gradient .social-icon-container a, .title-box-style5 h5:after, .title-box-style6 h5:after, .service .icon-wrap:before, .icon-box-style4:before, .icon-box-style5:after, .icon-box-style5 .icon-wrap:after, .icon-box-style6:after, .icon-box-style8:before, .icon-box-style9:before, .process-box-style1 .process-wrap:after, .process-box-style1 .number-step:before, .process-box-style2 .number-step:before, .process-box-style3 .number-step:before, .process-box-style3:after, .image-box-style3 .image-bg:before, .image-box-style3 .title-wrap .icon-wrap:after, .image-box-style4:after, .image-box-style7 .thumb-service:after, .image-box-style8 .thumb-service:after, .image-box-style8 .icon-wrap:after, .image-box-style10:after, .bg_overlay_gradient:before, .bg_overlay_color-main:before, .bg_overlay_secondary:before, .img_about:before, .list-style.list-style1 li::before, .list-style.list-style2 li::before, .list-style.list-style4 li h4:before, .list-style.list-style5 li h4:before, .timeline-title:before, .timeline-text-content:after, .portfolio-filter a:hover:before, .portfolio-filter a:active:before, .portfolio-filter a:focus:before, .portfolio-filter a.active:before, .portfolio-effect3 .details, a.video-button.primary, a.video-button.gradient, .pricing-item.style1.depth .button, .pricing-item.style2.active .button, .pricing-item.style3:after, .pricing-item.style3 .content-img:after, .pricing-item.style3.active .button, .pricing-item span.pricing-best-label, .mo-testimonial-carousel.tpl2 .content h4:after, .map-style1:before, .progress-bar, .progress-bar-tooltip, .mo-pageable-style1.vc_tta-tabs.vc_tta-has-pagination .vc_pagination .vc_pagination-item.vc_active .vc_pagination-trigger, .bt-progress-style1.vc_progress_bar .vc_single_bar .vc_label .vc_inner .vc_label_units, .bt-progress-style1.vc_progress_bar .vc_single_bar .vc_bar, .bt-progress-style2.vc_progress_bar .vc_single_bar .vc_bar, .bt-progress-style2.vc_progress_bar .vc_single_bar .vc_bar:after, .bt-progress-style2.vc_progress_bar .vc_single_bar .vc_bar:before, .bt-progress-style3.vc_progress_bar .vc_single_bar .vc_bar, .counter-number.style2 .content:before, .counter-number.style3:after, .accordion-style1 .acc_section.acc_active>.acc_head, .accordion-style3 .acc_section.acc_active>.acc_head h6:after, .wpb_accordion .wpb_accordion_wrapper .ui-accordion-header-active a, .mo-accordion-style1 .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title>a, .mo-accordion-style1 .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title>a:hover, .dark.mo-accordion-style1 .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title>a, .dark.mo-accordion-style1 .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title>a:hover, .wpb-js-composer .mo-accordion-style4.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title>a, .wpb-js-composer .mo-accordion-style4.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body, .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a, .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active>a, .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab>a:hover, .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title>a:before, .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active>a, .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title>a, .dark.mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active>a, .mo-tour-style1.vc_tta.vc_tta-tabs.vc_tta .vc_tta-tab.vc_active>a, .dark.mo-tour-style1.vc_tta.vc_tta-tabs.vc_tta .vc_tta-tab.vc_active>a, a.cat-name, p.cat-name, .content-post ul.meta-post li.date:after, .grid-post-simple:after, .mo-pagination.mo-pagination-numeric .current, .mo-pagination .page-numbers.current, .mo-blog-archive .grid-post .content-post .cat-name, .mo-blog-archive .grid-post .content-post:after, .teba-like:after, .tags a:hover, .comment-respond .comment-form .form-submit .submit, .social_links_widget a:hover, .tagcloud span a:hover, .tagcloud span a:active, .widget.widget_calendar .calendar_wrap table caption, .widget.widget_calendar .calendar_wrap table #today, figure.widget-effect .overlay-effect1, .mo-products-grid.tpl1 article .mo-thumb .onsale, .mo-product-carousel.tpl1 article .mo-thumb .onsale, .mo-products-grid.tpl1 .mo-action li a.added_to_cart, .mo-product-carousel.tpl1 article .mo-action li a.added_to_cart, .mo-products-grid.tpl2 .product .mo-thumb .onsale, .mo-product-carousel.tpl2 .product .mo-thumb .onsale, .woocommerce nav.woocommerce-pagination>.page-numbers:hover, .archive-product .mo-action-bar, .archive-product .grid .product .mo-thumb .onsale, .archive-product .list .product .mo-thumb .onsale, .single-product .mo-product-item .mo-thumb .onsale, .single-product .mo-product-item .mo-content .mo-socials>li:hover a, .single-product .mo-related .products .grid .product .mo-thumb .onsale, .woocommerce-cart .main-content .woocommerce .wc-proceed-to-checkout .checkout-button, .woocommerce-account .woocommerce form.login .form-row input.button, .woocommerce-account .woocommerce form.lost_reset_password .form-row input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .mo-cart-content a.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .mo-cart-content a.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce .checkout.wc-forward, .mo-cart-content .checkout.wc-forward, .woocommerce-product-search input[type=submit], .sidebar-left .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range, .sidebar-right .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, input[type="submit"], .wpcf7 .button, .wpcf7-form-control.wpcf7-acceptance label .wpcf7-list-item-label:after, .footer .menu li a:before, .footer .widget_archive ul>li a:before, .footer .widget_recent_entries ul>li a:before, .footer .widget_meta ul>li a:before, .footer .widget_pages ul>li a:before, .footer .widget_nav_menu ul>li a:before, .footer .widget_categories ul>li a:before, .mc4wp-form-fields:hover:before, .footer_v4 .menu li a:before, .footer_v4 .widget_categories ul>li a:hover:before, .mo-socials li:hover {
    background-color: #FCBF14 !important;
}

.page-header .mo-title-bar h1 {
    font-family: "IBM Plex Sans";
    line-height: 54px;
    letter-spacing: 0px;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 48px;
    text-align: center;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}

.mo-path{
	text-align: center;
}

a.button.btn-txt{
	color: #5B5B5B !important
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: normal !important;
	text-transform: uppercase !important;
}

a.button.btn-txt:before,
a.button.btn-txt:after{
	display: none;
}


/* Header */
.mo-header-v7 .menu_other_v7 .button {
    background-color: #FCBF14;
    color: #000;
    font-size: 16px;
    font-style: normal;
    text-transform: none;
}


/* Homepage Banner */


h1.banner_title{
	color: #fff !important;
	font-weight: 500 !important;
	font-size: 60px;
	line-height: 68px;
}

.banner_title span{
	color: #FCBF14;
}

.sub_title {
    font-size: 24px;
    line-height: 32px;
    margin-top: 20px;
    max-width: 550px;
}

.banner_link{
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: fit-content;
	background: #FCBF14;
	color: #000;
	font-weight: 600;
	font-size: 16px;
	gap: 10px;
	padding: 10px 24px;
	border-radius: 4px;
	margin-top: 30px;
}

.home_3_services .service{
    display: flex;
    flex-direction: column;
    border-bottom: 5px solid #fcbf14;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15), 0px 2px 8px 0px rgba(0, 0, 0, 0.10);
}

.service .read_more{
	opacity: 0;
}

.service:hover > .title-wrap .content p img {
    border: 4px solid rgba(253, 223, 137, 1);
    border-radius: 50%;
}

.service:hover > .title-wrap .content .read_more {
    opacity: 1;
}

.service:hover > .title-wrap .content p {
    color: #404041;
}

.home_3_services .icon-wrap {
	display: none;
}

.home_3_services .service h4{
	color: #404041;
	font-size: 24px;
	font-weight: 500;
}

.home_solutions_section{
	padding-top: 150px;
    padding-bottom: 150px;
}

.home_solutions_section .image-flip-box__back-side, 
.home_solutions_section .image-flip-box__front-side{
	border-radius: 8px;
}

.home_solutions_section .image-flip-box__back-side[data-is-bg-overlay=true]:before, 
.home_solutions_section .image-flip-box__front-side[data-is-bg-overlay=true]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 8px;
}

.home_solutions_section h5{
	color: #404041;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px !important; 
	font-weight: 500;
	line-height: 24px;
}

.home_solutions_section h3 {
    color: #404041;
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    line-height: 44px;
    max-width: 768px;
}

.home_solutions_section h6:before {
    content: '';
    display: block;
    background-image: url(/wp-content/uploads/2023/10/Icon-3.png);
    width: 72px;
    height: 72px;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.home_solutions_section .image-flip-box[data-flip-direction=horizontal_to_right] .image-flip-box__front-side {
    background-size: cover;
}


.vc_custom_1696326673651.onboarding_section{
	background-position: 100% !important;
	border-radius: 80px !important;
}

.onboarding_section h5{
	color: #404041;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
}

.onboarding_section h3{
	color: #404041;
	font-size: 40px;
	font-weight: 500;
	line-height: 44px; 
}


.onboarding_section .number-step {
    width: 72px;
    height: 72px;
}

.onboarding_section .number-step:before{
	border-radius: 36px;
	background: #FCBF14;
}

.onboarding_section .number-step h3 {
	color: #404041;
	font-family: Kanit;
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	line-height: 72px;
}

.onboarding_section  .process-wrap:before {
	height: 3px;
    background-color: #c7c7c7;
    top: 36px;
}

.onboarding_section  .process-wrap:hover:before{
   background-color: #fcbf14;
}

.onboarding_section:hover .process-wrap:after {
	display: none;
}

.onboarding_section .last_step .process-wrap:before{
	display: none;
}


.onboarding_section  .mo-column-651bea9e2bd14:hover > .process-wrap:before{
  background-color: red !Important;
}


.onboarding_section h6{
	color: #404041;
	font-size: 24px;
	font-weight: 500;
	line-height: 32px; 
}

.onboarding_section .button-text{
	display: none;
}

.onboarding_section a.button.btn-txt-arrow:hover .button-text {
    padding-left: 0px!important;
}

.why_us h5{
	color: #fff !important;
	font-size: 24px !Important;
}

.why_us h3{
	max-width: 470px;
	font-weight: 300 !Important;
}

.why_us p {
    color: #fff !important;
}

.why_us_boxes{
	margin-top: -120px;
}

.why_us_images .icon-wrap {
    background-image: url(/wp-content/uploads/2023/10/Car.png) !important;
    width: 72px !important;
    height: 72px !important;
    background-repeat: no-repeat !important;
    background-position: bottom left !important;
}

.why_us_images .icon-wrap svg{
	display: none !important;
}

.why_us_images .title-wrap h6 {
    color: #404041 !important;
}

.why_us_images .title-wrap a {
    color: #404041 !important;
}

.why_3_columns .notebook_column_full{
	transform: unset !important;
}

.philosophy_section h5{
	color: #404041;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
}

.philosophy_section h3{
	color: #404041;
	text-align: center;
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: 44px;
}

.philosophy_section .mo-title-box .content {
    max-width: 650px;
    margin-bottom: 40px;
}

.philosophy_section .core_values{
	padding-left: 10%;
	padding-right: 10%;
}

.philosophy_section .title-wrap h6{
	color: #404041;
	font-size: 24px;
	font-weight: 500;
	line-height: 24px;
}

.philosophy_section .content p{
	display: flex;
}

.philosophy_section .icon-wrap {
	width: 72px;
	height: 72px;
    background-image: url(/wp-content/uploads/2023/10/Car.png);
    background-position: center;
    background-size: 40px;
    border-radius: 50%;
    background-repeat: no-repeat;
    transition: 0.4s ease;
    padding: 10px;
    border: 4px solid transparent;
    margin-right: 25px;
}

.philosophy_section .service:hover > .icon-wrap {
    background-color: #FCBF14;
    border: 4px solid rgba(253, 223, 137, 1);
}

.philosophy_section svg{
	display: none !important;
}

.philosophy_section .icon-wrap:before{
	background-color: #EAEAEA !important;
}

.cores_column_left,
.cores_column_right{
		transform: unset !important;
}


.blog_section h5{
	color: #404041;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
}

.blog_section{
 	border-radius: 0px 80px 0px 0px !important;
	background: #EAEAEA; 
}

.blog_section h3{
	color: #404041;
	text-align: center;
	font-size: 40px;
	font-weight: 500;
	line-height: 44px;
}


.blog_section .grid-post-simple .thumbnail-post:before{
	background: linear-gradient(to bottom,rgba(0,0,0,0.3),#333 100%); 
}


.blog_section .cat-name{
	color: #5B5B5B!important;
	font-size: 10px !important;
	font-weight: 700;
}

.blog_section .post-title {
	text-align: left;
}

.blog_section .post-title a{
	color: #404041;
	font-size: 24px;
	font-weight: 500;
	line-height: 24px;
}

.blog_section .grid-post-simple:hover:after {
    display: none;
}

.blog_section .grid-post-simple:hover > .content-post .post-title a{
    color: #fff !important;
}

.team_section h5{
	color: #404041;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
}

.team_section h3{
	color: #404041;
	text-align: center;
	font-size: 40px;
	font-weight: 500;
	line-height: 44px;
}

.team_section .team-title {
    bottom: 50px !important;
}

.team_section .team-social {
    bottom: -15px !important;
}

.team_section .team-social a {
    background: none !important;
}

.team_section .team-social a .fa:before{
	color: #fff !important;
}

.gradient-color-main, .image-box-style1:hover .perspective_overlay, .image-box-style5:hover .perspective_overlay, .image-box-style6 .thumb-service:before, .image-box-style9 .thumb-service:after, .mo-team.tpl1 .team-member:hover .overlay {
    background: linear-gradient(to bottom,rgba(0,0,0,0),#333 100%) !important;
}

.team_section .mo-team.tpl1 .team-member img{
	width: 100%;
}

.team_section .mo-team.tpl1 .team-member:hover img {
    filter: none !important;
}

.testimonials_top_section h5{
	color: #404041;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
}

.testimonials_top_section h3{
	color: #404041;
	text-align: center;
	font-size: 40px;
	font-weight: 500;
	line-height: 44px;
}

.testimonials_carousel{
	margin-bottom: 50px;
}

.testimonial-details h4{
	color: #404041 !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	line-height: 24px !important;
}

.testimonial-details .content p{
	color: #5B5B5B;
	font-size: 12px;
	font-weight: 500;
	line-height: 24px; 
}

.mo-testimonial-carousel .testimonial-title h5{
	color: #404041;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
}

.mo-testimonial-carousel .testimonial-title h6{
	color: #5B5B5B;
	font-size: 12px;
	font-weight: 500;
	line-height: 24px;
}

.related-posts.testimonials{
	border: none;
}

.tesimonials_list {
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
    max-width: fit-content;
    margin: 0 auto;
}

.testimonials_carousel{
	display: none;
}

.customer_support{
	display: none;
}

.vc_custom_1696509553577.customer_support{
	background-position: 100% !important;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.customer_support h5{
	color: #404041 !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	line-height: 24px !important;
}

.customer_support h3{
	color: #404041;
	font-size: 40px;
	font-weight: 500;
	line-height: 44px;
}

.accordion .acc_head h6{
	color: #404041 !important;
	font-size: 20px !important;
	font-weight: 500;
	line-height: 24px;
}

.accordion-style1 .acc_section .acc_content {
	color: #5B5B5B;
	font-size: 12px;
	line-height: 20px;
	font-weight: 500;
    padding: 20px 0px;
}

.customer_support .fancy-image[data-roundness] .mo-img-container-inner figure img{
	border-radius: 8px;
}

.customer_support .accordion-style1 .acc_section.acc_active .accordion-icon:before {
    color: #404041 !important;
}

.contact_section{
	padding: 100px 0;
}

.contact_section h5{
	color: #FFF;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
}

.contact_section h2{
	color: #FFF;
	font-size: 40px;
	font-weight: 500;
	line-height: 44px; 
}

.contact_section .content{
	color: #FFF;
	font-size: 12px;
	line-height: 20px;
	font-weight: 500;
}

.contact_section .wpcf7-form-control {
    background-color: #fff;
    padding-left: 20px;
}

.contact_section .wpcf7-submit{
	color: #000;
	font-size: 16px;
	font-weight: 400;
}

.contact_section .wpcf7-list-item-label{
	color: #fff;
}

.contact_section ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	color: #5B5B5B;
	font-size: 12px;
	font-weight: 500;
}

.contact_section ::-moz-placeholder { /* Firefox 19+ */
 	color: #5B5B5B;
	font-size: 12px;
	font-weight: 500;
}

.contact_section :-ms-input-placeholder { /* IE 10+ */
    color: #5B5B5B;
	font-size: 12px;
	font-weight: 500;
}

.contact_section :-moz-placeholder { /* Firefox 18- */
    color: #5B5B5B;
	font-size: 12px;
	font-weight: 500;
}

.wpcf7-form-control.wpcf7-acceptance label .wpcf7-list-item-label {
    padding-left: 35px;
}

.wpcf7-form-control.wpcf7-acceptance label .wpcf7-list-item-label:before {
    width: 24px;
    height: 24px;
    background-color: #fff;
}

.wpcf7-form-control.wpcf7-acceptance label input:checked+.wpcf7-list-item-label:after {
    width: 24px;
    height: 24px;
    left: 0;
}

.wpcf7-not-valid-tip {
    color: #9d1b1b !important;
    background-color: #fcefef !important;
    padding-left: 20px !important;
    font-size: 12px !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    color: #9d1b1b !important;
    background-color: #fcefef !important;
    padding-left: 20px !important;
    font-size: 12px !important;
    border: none !important;
    margin: 0;
}

.wpcf7-spinner {
    position: absolute;
}

#back-to-top svg.progress-circle path {
    stroke: #fcbf14 !important;
}

.arrow-top:before,
.arrow-top:after{
	color: #fcbf14 !important;
}

.fa.fa-youtube:before, .fa.fa-youtube:before {
    content: "";
    background-image: url('/wp-content/uploads/2023/10/Youtube.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    background-position: center;
    position: relative;
    top: 5px;
}

.footer_v3 .footer-bottom {
    border-top: 1px solid #E5E5E5;
}

/* Footer */

.footer-widget-3{
	display: flex;
}

.footer-widget-3{
	display: flex;
    width: 75%;
    justify-content: space-evenly;
    padding-left: 0px !important;
}


.footer-widget-3 .widget_nav_menu{
	padding: 0 10px;
}


footer .btn-nav.button {
    color: #000 !important;
    font-size: 16px;
    font-weight: 400;
    margin-top: 30px;
    text-transform: none;
}

footer a{
	color: #404041 !important;
	font-size: 12px !important;
	line-height: 20px !important;
}

.fa:before, .fa:before {
    font-size: 24px;
    color: #000;
}


/* Solutions */
.masonry-item {
    position: static !important;
}

.solution_desc {
    margin: 15px;
    max-width: 900px;
}

a.filter.transition[data-filter=".testimonials"] {
    display: none;
}

.portfolio-effect1 .caption-inner h2 {
    margin: 0;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0;
    font-weight: 600;
    font-style: normal;
    text-transform: capitalize;
    display: inline-block;
    text-decoration: none;
    background-image: linear-gradient(currentColor,currentColor);
    background-position: 0 98%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    -webkit-transition: background-size .3s;
    -o-transition: background-size .3s;
    transition: background-size .3s;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* Solutions Details */
.single .logo.logo-top{
	display: none !important;
}

.single .logo.logo-scroll{
	display: block !important;
}

.page-header .mo-title-bar h2{
	text-align: center;
}

.solution_container{
	margin-top: 35px !important;
}

.single h2{
	margin-bottom: 15px;
}

.single h3{
	font-size: 26px;
	line-height: 34px;
}

.single .fancy-image[data-roundness] .mo-img-container-inner figure {
    margin-bottom: 40px;
}

.single-portfolio .mo-portfolio-article.portfolio-full .post-title{
	margin-top: 10%;
}


.single-portfolio .logo.logo-scroll{
	display: none !important;
}

.single-portfolio .logo.logo-top{
	display: block !important;
}

.single-portfolio.mo-stick-active .logo.logo-top{
	display: none !important;
}

.single-portfolio.mo-stick-active .logo.logo-scroll{
	display: block !important;
}

.single-portfolio .menu-item a{
	color: #fff !important;
}

.single-portfolio .sub-menu .menu-item a{
	color: #000 !important;
}

.single-portfolio.mo-stick-active .menu-item a{
	color: #000 !important;
}


.related-posts .content-post h4 {
    font-size: 18px!important;
    font-weight: 600!important;
    clear: both;
    line-height: 28px;
    text-transform: capitalize;
    letter-spacing: -.03em;
    background-image: linear-gradient(to right,currentColor 0,currentColor 100%);
    background-position: 0 calc(100% - .1em);
    background-size: 0 2px;
    transition: background-size .25s cubic-bezier(.785, .135, .15, .86) 0s;
    padding: 3px 0;
    display: inline;
    background-repeat: no-repeat;
    box-sizing: border-box;
}



/* Blog Single post */
.single .meta-post li{
	display: none;
}

.single .meta-post li:first-child{
	display: block;
}


/* Benefits */

.benefits_page{
	padding: 10vh 0;
	max-width: 1240px;
	padding: 5% 0;
	margin: 0 auto;
}

.benefits_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.benefits_item {
    width: calc(100% / 4);
    padding: 15px;
}

.benefits_page .post{
	cursor: pointer;
}

.category_img_container{
	height: 350px;
}

.benefits_title{
	color: #14133B;
	font-size: 20px;
	line-height: 29px;
	margin-top: 20px;
}

.category_img_container{
	height: 350px;
}

.category_img_container img{
	height: 100%;
}

.popup-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}

.popup-content {
    background-color: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 50px 0px;
    padding-bottom: 0px;
    border: none;
}

.close-popup-button {
    font-size: 50px;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 0px;
    cursor: pointer;
}

.view-details-button{
	background-color: #FCBF14;
    color: #000;
    font-size: 16px;
    font-style: normal;
    text-transform: none;
    border: none;
    margin-left: 5px;
}

.view-details-button:hover{
	background-color: #14133b;
	color: #fff;
}

iframe{
	width: 900px;
	max-width: 100%;
	height: 50vh;
}


/* Benefit Details */
.tax-benefit h2 {
    font-size: 22px!important;
    font-weight: 600!important;
    line-height: 32px;
    margin-top: 3px;
    margin-bottom: 10px;
}


/* Category Page */
.category-description {
    width: 90%;
    max-width: 900px;
    padding: 0 20px;
    margin: 50px auto;
}

.term-47 .category-description {
    padding: 0 20px;
    margin: 0px 0;
    margin-bottom: 50px;
}

.term-47 .logo.logo-top{
  display: none !important;
}

.term-47 .logo.logo-scroll{
	display: block !important;
}


/* Blog */

h2.post-title{
    font-size: 22px!important;
    font-weight: 600!important;
    line-height: 32px;
    margin-top: 3px;
    margin-bottom: 10px;
}


/* Single Post */



/* Meet the Team */
.team_experts{
	max-width: 600px;
	margin: 0 auto;
}

.team_experts h2{
	color: #14133b;
	font-size: 36px !important;
	font-weight: 600;
}

.team_experts h6{
	color: #14133b;
	font-size: 13px !important;
	font-weight: 500;
	opacity: .5;
}

.team-title h3 {
    display: block;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0;
    font-weight: 600;
    font-style: normal;
    text-transform: capitalize;
}

.team-title h4 {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0;
    font-style: normal;
    text-transform: capitalize;
}






/* Search */

.search .logo.logo-top{
 display: none !important;
}

.search .logo.logo-scroll {
    display: block !important;
}

.search-submit{
	padding: 0 !important;
	margin: 0 !important;
}






/* Responsive Desig */


@media only screen and (min-width: 1025px) {


	.why_3_columns{
		display: flex;
		align-items: center;
	}
	
	/* Solutions */
	.solutions_grid{
		padding: 100px 0;
	}
	
	.faq_section{   
		padding: 100px 0;
		padding-bottom: 70px;
	}
	
	/* Book a demo */
	.book_demo_section{
		padding: 100px 0;
	}
	
	/* Cookie privacy */
	.cookie_privacy_text{
		padding: 5%;
	}


}



@media only screen and (max-width: 1280px) {
 
	/* Homepage 1240 */
	.banner_title{
		font-size: 32px;
		line-height: 40px;
		margin-left: 50px;
	}

	.sub_title{
		font-size: 18px !important;
		line-height: 26px !important;
		margin-left: 50px;
	}

}

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

		h1.banner_title {
		    color: #fff !important;
		    font-weight: 500 !important;
		    font-size: 50px;
		    line-height: 62px;
		    margin-top: 10%;
		}

		.team_section.vc_custom_1696335122488 {
		    padding-top: 0px !important;
		}


}

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

	#slider-3-slide-5-layer-3{
		top: 0px !important;
	}

}


@media only screen and (max-width: 991px) {
	
	 .logo.logo-scroll {
    	display: none !important;
	}
	
	.logo.logo-top {
		display: block !important;
		margin-top: 12px;
	}
	
	.single .logo.logo-scroll {
		display: none !important;
	}
	
	.single .logo.logo-top {
		display: block !important;
		margin-top: 0px;
	}
  	
  	/* Homepage */
  	.cores_column_left, .cores_column_right {
	    width: 100%;
	}

	.onboarding_section.vc_custom_1696326673651{
		background-image: none !important;
		border-radius: 0 !important;
	}

  	/* Footer */
	footer .footer-widget-1, footer .footer-widget-2, footer .footer-widget-3, footer .footer-widget-4, footer .footer-widget-5 {
	    width: 100% !important;
	    display: flex;
	    flex-wrap: wrap;
	}

}


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

	/* Homepage */
	#slider-3-slide-5-layer-3{
		top: 40px !important;
	}

	.banner_title {
	    width: 100%;
	}

	.banner_link {
	    padding: 15px 40px;
	    margin-top: 50px;
	}


}


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

	.page-header h1 {
	    font-size: 32px !important;
	    line-height: 40px !important;
	}

	/* Solutions */
	.solutions_grid{
		max-width: 95%;
		margin: 0 auto;
	}

	/* Solutions Details */
	.single h3 {
	    font-size: 20px;
	    line-height: 28px;
	}
	
	.single-portfolio .wpb_text_column ul{
		padding-left: 0;
	}

	/* Jargon Buster */
	.page-id-508 h2{
		margin-left: 15px;
	}

	/* About us */
	.page-template-default .wpb-content-wrapper {
	    max-width: 94%;
	    margin: 5% auto;
	}

	/* Homepage */

	h1.banner_title {
	    font-size: 30px;
	    line-height: 38px;
	    margin-top: 0;
	}

	h2{
		font-size: 24px !important;
		line-height: 32px !important;
	}

	.home_solutions_section .image-flip-box .image-flip-box__content h6{
		color: #fff !important;
	}

	.home_solutions_section .image-flip-box .image-flip-box__back-side .image-flip-box__content {
	    display: flex;
	    align-items: flex-start;
	}

	.home_solutions_section .image-flip-box .image-flip-box__back-side .image-flip-box__content h6 {
	    color: #fff !important;
	}

	.home_solutions_section .image-flip-box__back-side h6:before {
	    margin-left: 0;
	}

	.vc_custom_1696326673651.onboarding_section {
	    background-position: 100% 95% !important;
	    background-size: 260px !important;
	    border-radius: 0px !important;
	}

	.philosophy_section.vc_custom_1696332119762{
		padding-top: 50px !important;
	}

	.onboarding_section.vc_custom_1696326673651{
		padding-top: 50px !important;
	}

	.onboarding_section .process-box{
		margin-bottom: 40px !important
	}

	.onboarding_section h2{
		padding-left: 15px;
	}

	.onboarding_section h3 {
	    font-size: 32px;
	    line-height: 40px;
	    margin-left: 15px;
	}

	.onboarding_section h5{
		margin-left: 15px;
	}

	.onboarding_section h6 {
	    margin-top: 25px;
 		margin-left: 15px;
	}

	.onboarding_section .mo-title-box .content{
		margin-left: 15px;
	}

	.onboarding_section .content {
	    margin-left: 15px;
	}

	.onboarding_section .button {
	    margin-left: 15px;
	}

	.why_us h3 {
	    max-width: 470px;
	    font-weight: 300 !Important;
	    margin-bottom: 40px;
	}

	.why_us.vc_custom_1696329244382 {
	    background-color: #373737;
	    background-image: none !important;
	    background-position: 50% 90% !important;
	    background-size: 200px !important;
	    padding-bottom: 75px !important;
	}

	.why_us_boxes {
	    margin-top: -70px !important;
	}

	.onboarding_section .last_step .process-wrap:before{
		display: block;
	}

	.onboarding_section .number-step h3{
	    margin-left: 0;
	}

	.philosophy_section.vc_custom_1696332119762{
		padding: 0 20px;
		padding-bottom: 0px !important;
	}

	.philosophy_section h5 {
	    text-align: center;
	    margin-left: 0 !important;
	}

	.philosophy_section h3{
	    font-size: 32px;
	    line-height: 40px;
	    text-align: left;
	}

	.philosophy_section .mo-title-box .content {
	    text-align: left;
	}

	.philosophy_section .core_values{
		padding-left: 0%;
		padding-right: 0%;
	}

	.core_value_2 {
	    margin-bottom: 30px !important;
	}

	.core_value_3{
		margin-top: 0 !important;
	}

	.cores_column_left  .vc_column-inner{
		padding: 0px !important;
	}

	.cores_column_right .vc_column-inner {
	    padding-top: 0 !important;
	    padding: 0 !important;
	}

	.blog_section h5 {
	    text-align: left;
	    margin-left: 25px !important;
	}

	.blog_section h3 {
	    font-size: 32px;
	    line-height: 40px;
	    text-align: left;
	    margin-left: 25px !important;
	}

	.blog_section .mo-title-box.text-center .content {
	    text-align: left;
	    margin-left: 25px;
	}

	.blog_section .content-post{
		padding-left: 10px !important;
	}

	.blog_section .post-title {
		margin-left: 0 !important;
	}

	.blog_section .grid-post-simple .content, .grid-post-simple ul.meta-post {
	    display: block;
	    line-height: 23px !important;
	}

	.team_section h5 {
	    text-align: center;
	    margin-left: 0px !important;
	}

	.team_section h3 {
	    color: white;
	    text-align: center;
	    font-size: 28px;
	    line-height: 36px;
	}

	.team-title h4 {
	    text-align: center;
	    margin-bottom: 0;
	    font-weight: 400;
	    font-size: 15px;
	    line-height: 26px;
	    letter-spacing: 0;
	    color: white;
	    font-style: normal;
	    text-transform: capitalize;
	}

	.team_section .mo-title-box.text-center .content {
	    text-align: left;
	}

	.team_section .team-title h5{
		text-align: center;
	}

	.team_section .mo-team.tpl1 .team-member .team-title h6 {
		font-family: 'Poppins' !important;
	}

	.testimonials_top_section h5 {
	    text-align: center;
	}

	.testimonials_top_section h3 {
	    text-align: left;
	    font-size: 32px;
	    line-height: 40px;
	    margin-left: 25px !important;
	}

	.testimonials_top_section .mo-testimonial-carousel.tpl4 .item {
	    margin-left: 10px;
	}

	.testimonials_top_section .mo-title-box.text-center .content {
	    text-align: left;
	    margin-left: 25px;
	}

	.testimonials_top_section .mo-testimonial-carousel.tpl4 .content h4 {
	    color: #404041 !important;
	}
	
	.vc_custom_1696509553577.customer_support {
	    background-position: 100% 100% !important;
	    background-size: 250px;
	}

	.customer_support .container.main-container{
		padding: 0 20px;
	}

	.customer_support h5 {
	    font-size: 20px !important;
	    line-height: 28px !important;
	}

	.customer_support .accordion .acc_head h6 {
	    max-width: 260px;
	}

	.customer_support h3 {
	    font-size: 32px;
	    line-height: 40px;
	}

	.customer_accordion .vc_column-inner{
		padding: 0 15px !important;
	}

	.customer_accordion .acc_head{
		padding: 7.5px 15px !important;
	}

	.contact_section{
		padding: 50px 25px;
		padding-top: 75px;
	}

	.contact_section h2{
		font-size: 32px;
		line-height: 40px;
	}

	.contact_section .wpcf7-submit {
	    font-weight: 500;
	}

	.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	    line-height: 20px;
	}

	footer{
		padding-top: 25px !important;
	}

	footer .footer-widget-1, footer .footer-widget-2, footer .footer-widget-3, footer .footer-widget-4, footer .footer-widget-5 {
	    width: 100%!important;
	    max-width: 100%;
	    display: block;
	    padding-top: 0px!important;
	    margin-left: 5px !important;
	}

	footer .footer-widget-1{
		margin-left: 5px !important;
	}

	footer .btn-nav.button {
	    font-size: 16px !important;
	    font-weight: 500;
	    margin-top: 15px;
	}

	footer #text-5{
		padding-left: 10px;
		padding-bottom: 30px;
	}

	.footer_v3 .footer-bottom {
	    padding-top: 5px;
	}

	footer .footer-bottom .widget {
	  	text-align: left;
	    padding-left: 0;
	}

	.footer_v3 .footer-bottom .textwidget a {
	    font-weight: 500;
	}

	.popup-content{
		width: 90%;
	}
	
	/* Page Banner */
	.hero.parallax.wrapper.mo-title-bar-wrap {
		background-position: top !important;
		background-size: cover !important;
		height: 50vh;
		max-height: 500px;
	}
	
	/* Page Headline */
	.mo-title-box h3 {
		text-align: center;
	}
	
	
	/* Solutions */
	
	.portfolio-filter.left{
		text-align: center;
	}
	
	/* Solutions Details */
	.single .main-container .vc_column-inner {
    	padding: 0px !important;
	}
	
	.single .mo-header-menu .container-fluid{
		background-color: #14133b;
    	padding-top: 10px;
   		padding-bottom: 15px;
	}
	
	/* Benefis Page */
	.benefits_page {
		max-width: 80%;
		padding: 0;
		margin: 15px auto;
	}
	
	/* Benefit Details */
	.category-description {
		width: 80%;
		margin: 50px auto;
	}
	
	/* FAQ Section */
	.faq_section{   
		padding: 50px 0;
	}
	
	/* Book a demo */
	.book_demo_section{
		padding: 50px 0;
		padding-bottom: 0;
	}
	
	.input{
    	width: 100%;
	}

	.page-template-default.page-id-1540 .wpb-content-wrapper{
		margin-top: 10%;
	}

	/* Our Team */
	.vc_row.vc_custom_1598834138891 {
    	padding-top: 5% !important;
    	padding-bottom: 5% !important;
	}

	.team_experts h2 {
	    font-size: 22px !important;
	    line-height: 30px;
	}

	.page-id-1088 .team-title h4 {
	    color: #14133b;
	}

	/* Cookie Policy */
	.cookie_privacy_text{
		padding-top: 5%;
	}

	.cookie_privacy_text h4{
		font-size: 22px;
		line-height: 30px;
	}


}


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

	/* Header */
	.mo-header-v7 .mo-logo {
	    line-height: 40px;
	    margin-top: 0px;
	}

	.logo{
		max-width: 250px !important;
		height: auto !important;
	}

	/* Homepage Slider Subtitle */
	.wpb_revslider_element.wpb_content_element {
		padding-bottom: 8vh !important;
	    margin-bottom: 0vh !important;
	}

	.banner_title {
	    width: auto;
	    max-width: 300px !important;
	    margin-left: 0;
	}

	#slider-3-slide-5-layer-3{
		margin-left: 0 !important;
		top: 6vh !important;
	}

	.sub_title {
	    font-size: 18px !important;
	    line-height: 26px !important;
	    margin-left: 0px;
	    max-width: 300px;
	}

	.banner_link {
	    padding: 10px 15px !important;
	}

	.home_3_services .service h4 {
	    margin-top: 35px;
	}

	.home_solutions_section {
	    padding-top: 50px;
	    padding-bottom: 0px;
	}

	.home_solutions_section h5 {
	    text-align: center;
	}

	.home_solutions_section h3 {
	    font-size: 28px;
	    font-weight: 500;
	    line-height: 36px;
	    text-align: left;
	}

	.home_solutions_section .mo-title-box{
		padding: 0 15px;
	}

	.home_solutions_section .mo-title-box.text-center .content {
	    text-align: left;
	}

	.home_solutions_section .wpb_column{
		margin-bottom: 40px;
	}

	.home_solutions_section .image-flip-box__back-side, .image-flip-box__front-side{
		height: 50vh;
	}

	.testimonials_carousel .active .item {
		margin-right: 35px;
	}

}



/* Hide Blog section */
.blog_section{
	display: none;
}


/* Hide Uncateogrised */
.cat-name{
display: none !important;
}


/* Flexible blocks */

.counter_container .main-container{
	display:flex;
}

.counter_container .main-container .vc_column_container {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    float: none;
    height: 100%;
    flex-direction: column;
    height: auto;
}

.counter_container .main-container .vc_column_container>.vc_column-inner,
.counter_container .main-container .wpb_wrapper-inner,.counter_container .main-container .wpb_wrapper{
	height:100%!important;
}

.counter-number.style1.counter_rmt {
		text-align:left;
    background: #f8f8f8;
    padding: 40px;
	  border-bottom: 8px solid #FCBF14;
    border-radius: 8px;
		min-height:280px;
	    height: 94%!important;
}

.counter_rmt h3.counter,
.counter_rmt span.symbol {
    color: #404041 !important;
    font-family: Kanit;
    font-size: 65px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
		display:none;
}


.counter_rmt h6 {
    font-family: Kanit!important;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
		text-align:left!important;
}

.counter_rmt .content {
    margin: auto;
    color: #5B5B5B;
    font-family: Poppins;
    font-size: 14px !important;
    font-weight: 500;
    line-height: normal;
    padding-top: 8px;
    text-align: left!important;
}

.content_full_width .container.main-container {
    width: 100%;
}

.image_short_description .wpb_text_column {
    max-width: 520px;
    margin: 0px auto;
}

.image_short_description{
	color: #5B5B5B;
	font-family: Poppins;
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
}

.image_short_description .wpb_content_element p img {
    padding: 16px;
}

.green_bullets li::marker,
.table_component li::marker{
	content:" ";
}

.table_component ul{
	display:flex;
	padding-left: 0;
}

.green_bullets li::before,
.wpb-plan-features li::before,
.table_component ul::before{
background:url('https://rentalmatics.com/wp-content/uploads/2024/10/green-check.png')!important;
	width:24px;
	height:24px;
	min-width: 24px;
	content:" ";
	display:inline-block;
	margin-top:4px;
	position:relative;
	top:6px;
	margin-right:8px;
}

.rt-pricing-table li::before{
	width:20px!important;
	height:20px!important;
	background-size:contain!important;
	background-repeat:no-repeat!important;
	top:0;
}

.trusted_by_section .container .vc_row.wpb_row.vc_inner {
    display: flex;
    min-width: 100%;
    align-items: center;
}

.trusted_by_section p {
    color: #404041;
    font-family: Kanit;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.trusted_by_section .vc_grid-item.vc_clearfix.vc_col-sm-2.vc_visible-item,
.trusted_by_section .vc_grid-item-mini, .trusted_by_section .vc_gitem-animated-block, .trusted_by_section .vc_gitem-zone {
    max-height: 42px;
}

.image-box.image-box-style11 h6 {
    font-family: Kanit;
    font-size: 22px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 24px;
}

.image-box.text_white.image-box-style11 h6{
    color: #FFF!important;
}

.image-box-style11 .title-wrap{
	 padding-left: 72px;
}

.call_to_action_section .main-container {
    background:#FCBF14;
	border-radius:8px;
	 min-height: 340px;
}

.call_to_action_section .wpb_wrapper-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.call_to_action_section .wpb_content_element{
	width:90%;
}

.call_to_action_section .wpb_single_image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    margin: 0;
		padding:0;
}

.call_to_action_section .vc_column_container>.vc_column-inner{
	padding:0
}

.btn_cta_section_black .button{
	  border-radius: 4px;
    background: #000!important;
    color: #FFFFFF;
		font-family: Kanit;
		font-weight:400;
		font-size: 16px;
		margin-right:8px;
	 border:2px solid #000;
	padding:8px 30px;
}

.btn_cta_section_transparent .button{
background:transparent!important;
	color: #000;
	font-family: Kanit;
	font-size: 16px;
	font-weight:400;
	border:2px solid #000;
	padding:8px 30px;
}

.customer_support,.blog_section{
	display:block;
}

.home .customer_support, .home .blog_section{
	display:none;
}

.dark_background h2,
.dark_background .content{
    color: white;
}

.dark_background .accordion-style1 .acc_section .acc_content {
    color: #FFF;
}

.rt-pricing-table li{
    color: #5B5B5B;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    padding: 4px 0;
}

.rt-pricing-table button {
    border-radius: 4px;
    background: #FCBF14 !important;
    padding: 10px 24px !important;
    border: none !important;
    color: #000 !important;
    font-family: Kanit !important;
    font-size: 16px !important;
}

.rt-pricing-table h3 {
    color: #404041;
    font-family: Kanit;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
}

.rt-pricing-table .wpb-plan-description {
    margin: 0;
    text-align: left;
    color: #5B5B5B;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}

.rt-pricing-table .wpb-price-container{
	text-align:left;
	display:flex;
	align-items:end;
}

.rt-pricing-table .wpb-price {
    color: #404041;
    font-family: Kanit;
    font-size: 40px;
    font-weight: 500;
    line-height: 44px;
}

.rt-pricing-table .wpb-currency{
	top:-12px;
}

.features_table table {
	border:none;
}

.features_table table tr td {
	color: #000;
	font-family: Poppins;
	font-size: 14px;
	padding: 20px 24px;
	border:none;
}

.features_table table tr td:first-child{
		font-weight: 700;
}


.features_table table tr:nth-child(odd) td:nth-child(even) {
    background:#f1f1f1;
}

.features_table table tr:nth-child(odd) td:nth-child(odd) {
	background:#f8f8f8;
}


.features_table table tr:nth-child(even) td:nth-child(even) {
    background:#f8f8f8;
}

.features_table table tr:nth-child(even) td:nth-child(odd) {
	background:#FFFFFF;
}

.features_table table tr:nth-child(odd) td:first-child {
    background:#FCBF14;
}


.features_table table tr:nth-child(even) td:first-child {
    background:#FDD972;
}

.newsletter_box .mo-title-box .content{
	color:#14133b!important;
}

.help_section .image-box.text_white.image-box-style11 h6{
	color: #404041!important;
font-size: 24px;
line-height: 32px;
}

.help_section{
	display:none;
}

.why_us_title_boxes .icon-wrap {
    display: none;
}

.why_us_title_boxes  .perspective-caption {
    background: #FCBF14;
    padding: 0 24px;
}

.why_us_title_boxes .image-box-style1:hover .perspective-caption{
	height:100%;
	padding-top:16px;
	transform: translateY(0px);
}

.why_us_title_boxes .perspective-caption .perspective-title{
	color: #404041;
	font-family: Kanit;
	font-size: 22px!important;
	font-weight: 500!important;
	line-height:28px!important;
}

.why_us_title_boxes  .content {
    color: #5B5B5B;
    font-family: Poppins;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 18px !important;
}

.section_disabled{
	display:none!important;
}

.related-post-inner.row.tesimonials_list {
    max-width: 1080px;
}

.related-posts.testimonials figure{
	max-height:200px;	
}

.text_col_container{
	max-width:520px;
	padding-left:40px;
}

/*** Form landing ***/

.form-landing-page blockquote {
    font-family: Kanit;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
}

.landing_signature .wpb_wrapper{
	display:flex;
	gap:24px;
	align-items:center;
}

.landing_signature .wpb_text_column{
	    min-width: fit-content;
}

.landing_signature .wpb_text_column .wpb_wrapper {
    border-right: 1px solid #FFF;
    padding-right: 20px;
}

.form-landing-page h1{
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
}

.landing_form_subheading p{
	color: #404041;
	font-family: Kanit;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px
}

.landing_form_legend{
	color: #5B5B5B;
	text-align: center;
	font-family: Poppins;
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
}

.quote_text {
    margin-left: 66px;
}

.quote_text:before {
    content: " ";
    width: 50px;
    display: inline-block;
    height: 40px;
    background-image: url(https://rentalmatics.com/wp-content/uploads/2024/10/yellow-quote.png);
    float: left;
	margin-left:-66px;
}

.block_pricing_section{
	display:none;
}

.blog-links-section .service.iconbox {
    border: 1.5px solid #CBCBCB;
    background: transparent;
		min-height:300px;
}


.blog-links-section .service.iconbox .title-wrap{
	padding-left:0;
}

.newsletter_box div.wpcf7{
	max-width:100%!important;
}

.newsletter_box form {
    display: flex;
		flex-wrap:wrap;
		align-items:center;
		gap:16px;
	  padding-top: 8%;
}

.newsletter_box form p{
	width:37%;
}

.newsletter_box form p:nth-child(4){
	width:20%;
}

.newsletter_box form input {
   background:#FFF;
}

.newsletter_box .wpcf7-submit {
    border-radius: 4px;
    background: #000 !important;
    margin-left: 4px;
	  margin-top:30px;
	  max-width: 150px;
}

.newsletter_box .wpcf7 form.sent .wpcf7-response-output{
	margin-top:-8px;
	color:#14133b;
}

.newsletter_box .wpcf7-not-valid-tip{
	display:none;
}

.display_none{
	display:none!important;
}

.table_component {
    overflow-x: auto;
    overflow-x: scroll;
}

.table_component::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.mo-title-box.text-center h5 {
	margin:auto!important;
	text-align:center;
}

.features_container{
		padding-top:100px!important;
		padding-bottom:100px!important;
	}

.newsletter_box form .row p {
    width: 100%;
	color: #14133b;
}

@media (max-width:767px){
	.newsletter_box form p{
		width:100%;
		margin: -30px 0 0;
	}
	
	.mo-team.tpl3 .team-title{
		padding-bottom:0;
	}
	
	.team_section h3{
		color: #14133b;
		font-size:22px;
	}
	
	.team-title h4{
		color: #14133b;
	}
	
	.onboarding_section .wpb_column.vc_col-xs-12{
		width:50%;
	}
	
.svg_none.svg_bottom_none.svg_bottom {
			padding-bottom: 0 !important;
	}

	
	.features_container{
		padding-top:60px!important;
		padding-bottom:60px!important;
	}
	
	.call_to_action_section .wpb_column{
		width:100%!important;	
	}
	
	.call_to_action_section .vc_column_container>.vc_column-inner{
		padding:0!important;
	}
	
	.ctas_box_section {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
	
	.onboarding_section {
    margin-top: 40px;
	}
	
	.form-landing-page{
		padding:0 16px;
	}
	
	.form-landing-page blockquote{
		font-size:26px;
		line-height: 32px;
	}
	
	.text_col_container{
		padding-left:0;
	}
	
	.newsletter_box form p:nth-child(4){
		width:100%;
		margin-bottom:20px;
	}
}

.image_short_description .vc_column-inner {
    padding: 0;
}

.mo-team.tpl3 .team-member .team-img{
	border-radius:8px;
}

.customer_support {
    background-position: right !important;
}

.faqs_section{
	border-radius:0 80px 0 0;
	margin-top:-40px;
}

.accordion-style1 .acc_section.acc_active .accordion-icon:before{
	color:#404041;
}

.page-header .mo-title-bar-wrap::before{
	    background-color: rgba(0, 0, 0, 0.65);
}

.counter_container .main-container{
	width:1100px;
}

.features_container {
    border-radius: 80px 0 0 0;
}

.table_features{
	padding-bottom:80px!important;
}

.image_short_description .wpb_text_column{
	padding-left:32px;
}


@media (max-width:1200px){
	.call_to_action_section .wpb_column {
    width: 50%;
}
	
	.call_to_action_section .container{
		width:1020px;
	}
}

@media (max-width:1024px){
	.counter_container .main-container{
		width:auto;
		flex-wrap:wrap;
	}
	
	.counter_container .main-container .vc_column_container{
		width:50%;
	}
}

.wpcf7-form-control.wpcf7-acceptance label input:checked+.wpcf7-list-item-label:after{
	border:2px solid #5b6674;
}


.single-post .main-content .container {
    width: auto !important;
}

.single-post .mo-header-menu {
    background-color: #fff !important;
}

.single-post .menu-item a{
 color: #1d2327 !important;
}

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

.single-post .container {
    width: auto !important;
    max-width: 90%;
}
	
.single-post .sticky-buttons {
    display: block !important;
}
	
}
	

.tax-benefit .no-results{
  display: none;
}

.fa-folder-open-o{
	 display: none;
}

.footer-widget-5{
position: relative;
z-index:2;
}

.related-posts.testimonials figure{
	max-height: 158px;
	overflow: hidden;
}

.input_field{
	font-size:14px;
}

::placeholder {
    font-size: 14px !important;
}

.process-box-style1 .number-step h3{
	color:#14133b;
}

@media (max-width: 767px) {
    .text_col_container {
        padding-left: 0;
        padding-bottom: 48px;
    }
	
	.mo-img-group-single figure {
    	padding-bottom: 32px;
	}
	
	.image_short_description .vc_column-inner {
    	padding: 0;
    	padding-bottom: 40px;
	}
	
	.philosophy_section .container {
    	padding-top: 20px;
    	padding-bottom: 40px;
	}
	
	.vc_custom_1738940207556 {
    	padding-bottom: 16px !important;
	}
	
	.wpb_column.vc_column_container.vc_col-sm-2.mo-column-67d91e8c3cc74 {
    	margin-top: -16px;
    	margin-bottom: 40px;
	}
	
	div.wpcf7 {
    	padding-bottom: 32px;
	}
	
	.counter_container{
		margin-top:-40px!important;
		margin-bottom: 40px !important;
	}
	
	.image_short_description .container {
    	padding-bottom: 40px;
	}
	
	.vc_empty_space {
    	max-height: 40px !important;
	}
	
	.call_to_action_section .container.main-container {
    	display: flex;
    	flex-wrap: wrap;
    	flex-direction: column-reverse;
		max-width:99%;
	}
	
	.call_to_action_section .wpb_wrapper:has(.wpb_text_column){
		padding-left:40px!important;
	}
	
	.counter_container .main-container .vc_column_container{
		width:100%;
	}
}

/* Whitepaper banner */

.whitepaper_section {
    background: #404041;
    color: #FFF;
    margin: 20px 0;
    padding: 24px 0 0;
    /* max-height: 300px; */
}

.whitepaper_section .container.main-container{
	max-width:1280px;
}

.whitepaper_section h2{
	color:#FFF;
	padding-top:52px;
}

.whitepaper_section .wpb_single_image img {
	max-height:300px;
	object-fit:contain;
}

.whitepaper_section.center{
	padding: 50px 0;
}

.whitepaper_section.center .title-box-style2 {
    margin-top: 0;
}

.whitepaper_section.center .mo-title-box .content{
	text-align: center;
	margin: 0 auto;
}

.whitepaper_section.center h2{
	text-align: center;
	padding-top: 0;
}

.whitepaper_section.center p{
	text-align: center;
}

@media (max-width:1024px){
	.whitepaper_section .wpb_single_image img{
		display:none;
	}
}
























































































































































































































































































































































































/***** Header *****/
header {
    font-family: "IBM Plex Sans", sans-serif;
    position: fixed;
    top: 0px;
    z-index: 3;
    width: 100%;
    padding-top: 20px;
}

header.scrolled {
    box-shadow: 0 4px 24px 0 rgba(33, 40, 47, .05);
}

header .container {
    display: flex;
}

header #logo_container {
    width: 100%;
    float: left;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    margin-right: 32px;
}

header #logo_container a {
    display: flex;
    align-items: center;
}

header.scrolled #logo {
    opacity: 0;
    position: absolute;
}

header #logo_container img{
	max-width: 400px;
}

header #site_logo_sticky {
    transition-duration: 0;
    opacity: 0;
    position: absolute;
    transition-delay: 0;
}

header.scrolled #site_logo_sticky {
    position: static;
    opacity: 1;
    transition-duration: 0.5s;
    transition-delay: 0.5s; 
}

header .mobile {
    display: none;
    background: #fff;
    border-radius: 8px;
    margin: 10vh auto;
    overflow: hidden;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 2;
    padding-top: 80px;
    margin-top: 0;
}

header .mobile .mobile-controls {
    background: #FCBF14;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px;
}

header .mobile .mobile-controls button {
    background: none;
    border: 1px solid #404041;
    border-radius: 8px;
    color: #fff;
    height: 40px;
    padding: 0 15px;
    margin: 10px 15px;
}

header .mobile .mobile-menu {
     display: none;
     height: 100%;
     left: 0;
     position: absolute;
     width: 100%;
     z-index: 10;
}

header .mobile ul {
     margin: 0;
     padding: 0;
     width: 100%;
     position: absolute;
     transition: 0.25s;
}

header .mobile li {
    display: flex;
}

header .menu-item {
    margin: 0 28px;
}

header .menu-item a {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-decoration: none;
    transition-duration: 0.75s;
}

header.scrolled .menu-item a {
    color: #21282F;
    transition-duration: 0.75s;
}

header .cta_button.menu-item a {
    transition-duration: 0.75s;
}

header.scrolled .cta_button.menu-item a {
    color: #0A2134;
    background: linear-gradient(94deg, #FF9461 17.37%, #FF7533 90.35%);
    color: var(--Base-Black, #000);
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    border-radius: 24px;
    transition-duration: 0.75s;
}

header.scrolled .cta_button.menu-item a:hover {
    text-decoration: none;
    background-color: #22404D;
    color: #fff !important;
}

header.scrolled .hamburger .line {
    background-color: #22404D;
}

header .menu_open header.scrolled #logo {
    opacity: 1;
    position: static;
}

header .hamburger {
    position: relative;
    z-index: 4;
}

header .hamburger .line {
    width: 32px;
    height: 3px;
    background-color: #323232;
    display: block;
    margin: 8px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .hamburger:hover {
    cursor: pointer;
}

header .hamburger.is-active .line:nth-child(2) {
    opacity: 0;
}

header .hamburger.is-active .line:nth-child(1) {
    -webkit-transform: translateY(11px) rotate(44deg);
    -ms-transform: translateY(11px) rotate(44deg);
    -o-transform: translateY(11px) rotate(44deg);
    transform: translateY(11px) rotate(44deg);
}

header .hamburger.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-13px) rotate(-45deg);
    -ms-transform: translateY(-13px) rotate(-45deg);
    -o-transform: translateY(-13px) rotate(-45deg);
    transform: translateY(-13px) rotate(-45deg);
}

header .mobile.open {
    display: block;
}

header .mobile button:hover {
    cursor: pointer;
}

header .mobile .mobile-controls .back-button {
    display: none;
    align-items: center;
    flex: 1;
	background-color: transparent;
    background-image: url('/wp-content/themes/teba-child/includes/menus/back-arrow.svg');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: left;
    text-align: right;
    padding: 7.5px 15px;
    border: 0;
}

header .mobile .mobile-controls .back-button span{
	color: var(--TraceMatics-Primary-Gray-400, #404041);
	font-family: Kanit;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-left: 10px;
}

header .mobile .mobile-controls .back-button .fa:before, .fa:before{
	display: none;
	font-size: 14px;
}

header .mobile .fa-chevron-right {
	display: none;
    color: #21282F;
}

header .mobile li.cta_button {
    border-bottom: 0 none;
    padding-right: 0;
    margin-right: 0;
}

header .mobile li button {
	flex: 1;
	background-color: transparent;
    background-image: url('/wp-content/themes/teba-child/includes/menus/menu-arrow.svg');
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right;
    text-align: right;
    padding: 7.5px 15px;
    border: 0;
}

header .mobile li:hover > button {
    color: #fff;
}

header .mobile li button .fa:before{
	color: #131313;
	font-size: 14px;
}

header .mobile div > ul {
    top: 0;
    left: 0;
}

header .mobile div > ul ul {
    display: none;
    top: 0;
    left: 100%;
}

header .cta_button.menu-item a {
    display: flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background-color: #22404D;
    color: var(--Base-Colours-White, #FFF);
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    cursor: pointer;
}

header .cta_button.menu-item:hover > a {
    background-color: #FF8B00;
    color: #22404D !important;
}

header .header_overlay {
    position: absolute;
    transform: translateY(-200px);
    transition-duration: 0.75s;
    background-color: #fff;
    width: 100%;
    height: 100%;
    left: 0;
}

header.scrolled .header_overlay {
    position: absolute;
    transform: translateY(0);
    transition-duration: 0.75s;
    background-color: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

header .menu_cta_container{
    display: flex;
    align-items: center;
}

header .search_icon:hover{
    cursor: pointer;
}

header .cta_menu {
    display: flex;
    list-style-type: none;
    padding-left: 24px;
}

header .cta_menu .menu-item{
    margin: 0 8px;
}

header .cta_menu .menu-item.hide{
    display: none;
}

header .cta_menu .primary{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: linear-gradient(94deg, #FF9461 17.37%, #FF7533 90.35%);
    border: 2px solid transparent;
    border-radius: 30px;    
}

header .cta_menu .primary a{
    color: var(--Base-Black, #000);
    font-family: "IBM Plex Sans Bold";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; 
    padding: 12px 32px;
}

header .cta_menu .primary:hover{
    background: #000;
}

header .cta_menu .primary:hover > a{
    color: #fff;
}

header .cta_menu .secondary{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: transparent;
    border: 2px solid #FF7533;
    border-radius: 30px;  
}

header .cta_menu .secondary a{
    color: var(--Base-Black, #000);
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; 
    padding: 12px 32px;
}

header .cta_menu .secondary:hover{
    background: linear-gradient(94deg, #FF9461 17.37%, #FF7533 90.35%);
}


@media only screen and (min-width: 768px) {

    header .mobile {
        padding-top: 120px;
    }

}

@media only screen and (min-width: 1201px) {

    header {
        padding-bottom: 10px;
    }

    header #logo_container {
        max-width: fit-content;
        padding-bottom: 10px;
    }

    header .mobile {
        width: auto;
        position: static;
        display: block;
        height: auto;
        background-color: transparent;
        padding-top: 0;
        margin: 0 auto;
        overflow: visible;
    }

    header .mobile .mobile-controls,
    header .hamburger {
        display: none;
    }

    header .mobile .mobile-menu {
        display: flex;
        height: 100%;
        position: static;
    }

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

    header .mobile ul {
        position: static;
    }

    header .mobile li {
        height: 100%;
        background-color: transparent;
        border: 0 none;
        white-space: nowrap;
        position: relative;
        margin: 0 16px;
        display: flex;
        align-items: center;
    }

    header .mobile li:hover {
        background-color: transparent;
        z-index: 2;
    }

    header .mobile li.cta_button {
        margin-left: 32px;
    }

    header .mobile li:hover > ul {
        display: block;
        position: absolute;
        top: 32px;
        left: 0;
        background-color: #fff;
        width: 100%;
        min-width: 200px;
        padding: 16px 0;
    }

    header .mobile li.menu-item li.menu-item:hover > ul {
        top: -17px;
        left: calc(100% + 1px);
    }

    header .mobile li.menu-item li.menu-item button {
        transform: rotate(0deg) scale(1);
    }

    header .mobile li.menu-item li.menu-item li.menu-item a {
        padding-bottom: 0;
    }

    header .mobile li:hover > a {
        color: #0A2134;
    }

    header .mobile li.menu-item li.menu-item li.menu-item button {
        transform: rotate(90deg) scale(1);
    }

    header .mobile li a {
        flex: auto;
        color: var(--Primary-Colours-Slate-Gray-600, #fff);
        font-family: "IBM Plex Sans", sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
    }

    header .mobile li a:hover{
    	color: #fff;
    }

    header .menu-item a{
        padding-bottom: 5px;
    }

    header .menu-item.current_page_item a {
        border-bottom: 2px solid #FF5200;
        max-width: fit-content;
    }

    header .menu-item.current_page_item .sub-menu a{
        border-bottom: none;
    }

    header .primary.menu-item.current-menu-item a,
    header .secondary.menu-item.current-menu-item a{
        border-bottom: 2px solid transparent;
    }

    header .mobile li button {
        transform: rotate(90deg) scale(1);
        position: absolute;
        top: 12px;
        right: -10px;
    }

    header .mobile li button.arrow {
        position: relative;
        top: 0px;
        right: -8px;
        padding: 0;
    }

    header .mobile li .sub-menu button.arrow {
        right: -7px;
    }

    header .mobile li .sub-menu button.arrow .fa-chevron-right:before {
        color: #0095A9;
    }

    header .mobile ul.sub-menu {
        background-color: #fff !important;
        padding: 0px;
        border-radius: 0px;
    }

    header .mobile ul.sub-menu li {
        padding: 4px 16px;
        margin: 0;
    }

    header .mobile li:hover > ul {
        display: block;
        min-width: 250px;
        background-color: rgba(117, 188, 34, 0.75);
        padding-top: 15px;
        padding-bottom: 15px;
        top: 66px;
        left: -10px;
    }

    header .mobile ul.sub-menu li a{
     	color: #404041;
    }

    header .mobile li.level-2:hover > ul {
        top: 0;
        left: 100%;
    }

    header .mobile li.level-2 button {
        transform: rotate(0deg) scale(1);
    }

    header .mobile li.level-3 {
        padding-bottom: 0;
    }

    header .mobile li.level-3 a {
        padding-bottom: 0;
    }

    header .mobile li.level-3 button {
        transform: rotate(90deg) scale(1);
    }

    header .new.menu-item a{
        position: relative;
    }

    header .menu-item {
      position: relative;
      text-decoration: none; 
      color: inherit;        
    }

    header .menu-item:hover::after {
      width: 100%;
    }

    header .primary.menu-item:after,
    header .secondary.menu-item:after,
    header .current-menu-item:after,
    header .sub-menu .menu-item::after{
        display: none;
    }


}

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

    header .mobile {
       margin-left: 0px;
    }

}

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

    header .container {
        max-width: calc(100% - 80px);
        padding: 0 40px;
    }

    header #logo_container img {
        max-width: 200px;
    }

}

@media only screen and (max-width: 1200px) {
   
    header .container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    header #logo_container {
        display: flex;
        justify-content: center;
    }

    header .menu {
        align-items: center;
        justify-content: center;
    }

    header .mobile ul.top-menu{
        margin: 30px;
        margin-bottom: 15px;
    }

    header .menu_cta_container{
        order: 1;
    }

    header .hamburger {
        order: 2;
        margin-left: 20px;
    }

}

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

	   header {
	    padding-bottom: 10px;
	    border-bottom: 3px solid var(--TraceMatics-Primary-Yellow-400, #FCBF14);
	    background: var(--Base-White, #FFF);
	}

    header .container {
        flex-direction: row;
    }

    header #logo_container {
        justify-content: flex-start;
    }

    header .mobile ul.top-menu{
        margin: 0;
    }

    header .menu-item {
        text-align: left;
        margin: 0px 10px;
    }
    
	header .mobile li a {
	    color: var(--TraceMatics-Primary-Gray-400, #404041);
	    font-family: Kanit;
	    font-size: 20px;
	    font-style: normal;
	    font-weight: 400;
	    line-height: 24px;
	    flex: 3;
	    text-align: left;
	    text-decoration: none;
	    padding: 15px;
	    padding-left: 0;
	}

	header .mobile li.btn-nav{
		margin-top: 50px;
	}

	header .mobile li.btn-nav a{
		text-align: center;
		padding: 12px 0;
	}

    header .mobile li.cta_button {
        max-width: 90%;
        margin: 0 auto;
    }

    header .cta_button.menu-item a {
        max-width: 300px;
        margin: 20px auto;
    }

    header.scrolled .menu-item a {
        color: #fff;
    }

    header .menu-cta-menu-container{
        display: none;
    }

    .menu_open .header_container{
        height: 100vh;
    }

	   .menu_open header #logo_container {
	    z-index: 3;
	    position: absolute;
	    top: 32px;
	    left: 16px;
	    max-width: fit-content;
	}

	  .menu_open header .menu-item {
	    width: 100%;
	    max-width: 90%;
	    margin: 0 auto;
	    border-bottom: 1px solid #D9D9D9;
	}

    .menu_open .search_icon {
        position: absolute;
        top: 25px;
        right: 93px;
    }

    .menu_open header .menu_cta_container {
        display: flex;
        width: 100%;
        margin-top: auto;
        margin-bottom: 10%;
        z-index: 2;
    }

    .menu_open header .cta_menu {
        display: flex;
        list-style-type: none;
        padding-left: 24px;
        flex-direction: column;
        text-align: center;
        align-items: center;
        padding: 0;
        position: absolute;
        bottom: 0;
        height: auto;
        height: 200px;
        margin-top: auto;
        margin-bottom: 35vh;
    }

    .menu_open .menu-cta-menu-container{
        width: 100%;
    }

    .menu_open header .cta_menu .menu-item {
        width: 100%;
        margin: 6px 0;
    }

    .menu_open header .cta_menu .menu-item a {
        text-align: center;
        margin: 0 auto;
    }

    .menu_open header .hamburger {
        position: absolute;
        top: 20px;
        right: 16px;
    }

    .menu_open header .hamburger .line{
        width: 35px;
        height: 4px;
    }

    .menu_open header.scrolled .menu-item a {
        color: #21282F;
    }

}

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

    header .hamburger .line {
        background-color: #000;
    }

    header .container {
	    max-width: calc(100% - 32px);
	    justify-content: space-between;
	    padding: 0;
	}

}


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

    #logo{
        max-width: 100px;
    }

    header.scrolled .menu-item a {
        color: #21282F;
    }

    header.scrolled .cta_button.menu-item a {
        color: #0A2134;
        border: 3px solid var(--german-uds-primary-orange-700, #fff);
        transition-duration: 0.75s;
    }

}


#logo_mobile{
            display: none;
}

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

	#logo{
		display: none;
	}

	#logo_mobile{
	            display: block;
	}

}