@charset "utf-8";
/*
Theme Name: Corpox
Theme URI: https://themeforest.net/item/corpox-multipurpose-business-wordpress-theme/61291623
Description: Corpox – Multipurpose Business WordPress Theme
Text Domain: corpox
Author: Marketify
Author URI: http://themeforest.net/user/marketify
Version: 1.0.0
Tested up to: 6.9
Requires PHP: 7.4
License: Located in 'licensing' folder
License URI: license.txt
Tags: custom-header, custom-background, threaded-comments, custom-menu, featured-images, full-width-template, theme-options, translation-ready
*/

/*
Note: This theme requires PHP 7.4 or higher. Please ensure your server environment meets this requirement to avoid any compatibility issues. The decision to support PHP 7.4 and higher is based on the latest statistics and usage trends.
*/
html{
	color-scheme: dark;
}
input::placeholder,
textarea::placeholder {
  color: #777;
  opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #777;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #777;
}
.corpox_fn_breadcrumbs{
	width: 100%;
	margin-top: 50px;
	margin-bottom: 40px;
}
.corpox_fn_breadcrumbs ul li{
	display: inline-block;
}
.fn_page_title{
	width: 100%;
	margin-bottom: 70px;
}
.single-blog-item .blog-meta p:emtpy{display: none;}
.fn__svg,
.e-font-icon-svg{
	width: 15px;
	height: 15px;
	fill:currentcolor;
}

.corpox_fn_error_page{
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 120px 20px;
}
.corpox_fn_error_page .details .svg{
	width: 120px;
	height: 120px;
	opacity: .4;
	margin-bottom: 30px;
}
.corpox_fn_error_page .details{
	max-width: 500px;
}
.corpox_fn_error_page .details p{
	font-size: 18px;
	margin-bottom: 40px;
}
.corpox_fn_error_page .fn__title{
	font-size: 200px;
	line-height: 1;
	margin-bottom: 30px;
}
.corpox_fn_error_page .fn__heading{
	font-size: 40px;
	text-transform: uppercase;
	margin-bottom: 22px;
}
@media(max-width:768px){
	.corpox_fn_error_page .fn__title{font-size: 100px;margin-bottom: 25px;}
	.corpox_fn_error_page .fn__heading{font-size: 28px;margin-bottom: 20px;}
}
.corpox_fn_error_page .searchbox{
	position: relative;
}
.corpox_fn_error_page form{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.corpox_fn_error_page input[type="text"]{
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	border-right: none;
	padding: 0 30px;
	border-radius: 3px 0 0 3px;
	background: #eaeaea;
	color: var(--bc);
}
.corpox_fn_error_page input[type="text"]:focus{
	outline:none;
}
.corpox_fn_error_page .searchbox span{
	display: block;
	position: relative;
	width: 60px;
	height: 60px;
	min-width: 60px;
	background-color: #666;
	border-radius: 0 3px 3px 0;
}
.corpox_fn_error_page input[type="submit"]{
	position: relative;
	width: 60px;
	height: 60px;
	display: block;
	z-index: 3;
	background: none !important;
	outline: none !important;
}
.corpox_fn_error_page .searchbox .fn__svg{
	display: block;
    position: absolute;
   	left: 50%;
    top: 50%;
    color: #f5f5f5;
    transform: translate(-50%,-50%) rotate(-90deg);
}
.corpox_fn_error_page .icon .fn__svg{
	width: 100px;
	height: 100px;
	margin-bottom: 35px;
}

/*------------------------------------------------------------------*/
/*	09) Protected Page
/*------------------------------------------------------------------*/

.corpox-fn-protected{
	width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	padding: 120px 20px;
}
.corpox-fn-protected .message_holder{
	max-width: 500px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.corpox-fn-protected .icon .fn__svg{
	color: #b9b8c3;
    display: inline-block;
    width: 100px;
	height: 100px;
	margin-bottom: 35px;
}
.corpox-fn-protected h3{
	margin-bottom: 20px;
	font-size: 40px;
	text-transform: uppercase;
}
.corpox-fn-protected p{
	margin: 0;
    padding: 0;
    font-size: 18px;
    margin-bottom: 40px;
}
@media(max-width:768px){
	.corpox-fn-protected h3{font-size: 28px;margin-bottom: 15px;}
	.corpox-fn-protected p{margin-bottom: 30px;}
}
.corpox-fn-protected form{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.corpox-fn-protected input[type="password"]{
	display: block;
    width: 100%;
    height: 70px;
    line-height: 68px;
    border: 1px solid #b9b8c3;
    border-right: none;
    padding: 0 30px;
    border-radius: 3px 0 0 3px;
}
.corpox-fn-protected input[type="submit"]{
	display: block;
    height: 70px;
	font-size-adjust: 0 25px;
    border: none;
    border-radius: 0 3px 3px 0;
	background-color: #666;
	color: #f5f5f5;
	font-family: var(--hff);
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: .5px;
}
.tm__meta{
	display: flex;
}
.tm__meta + .tm__meta{
	margin-top: 30px;
}
.tm__meta.meta_share{
	margin-top: 25px;
}
.blog-details-content .category-meta .tm__meta .text{
	line-height: 40px;
	margin: 0 20px 0 0;
}
.blog-details-content .category-meta .tm__meta.meta_share .text{
	line-height: 48px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.tm__meta .social-default li svg,
.tm__meta .social-default li i{
	display: block;
}
.tm__meta .social-default li svg{
	width: 18px;
	height: 18px;
}
label.tmp-btn{
	cursor: pointer;
}
label.tmp-btn input[type="submit"]{
	display: block;
	height: 100%;
	width: 100%;
	color: inherit;
	background: none;
	outline: none;
	border: none;
	box-shadow: none;
	padding: 0;
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-transform: uppercase;
}
.comment-reply-title{
	font-size: 50px;
    font-weight: 600;
    line-height: 62px;
    margin-bottom: 20px;
    color: var(--color-white);
}
.comment-title{
	display: block;
}
.comment-respond{
	padding-top: 60px;
}
.input-holder{
	margin-bottom: 30px;
}
.input-holder textarea{
	min-height: 193px;
    border: 2px solid var(--color-border);
    border-radius: 4px;
    resize: none;
    padding: 15px;
    font-size: 16px;
    transition: 0.4s;
}
.single-corpox-member .tmp-footer,
.woocommerce-page .tmp-footer,
.single-post .tmp-footer{
	margin-top: 80px !important;
}
.blog-details-right-sidebar-standard ol.wp-block-latest-comments{
	padding: 0;
	margin: 0;
}
.blog-details-right-sidebar-standard .wp-block-latest-posts.wp-block-latest-posts__list{
	margin-bottom: 0;
}
.tm__single_media .wp-post-image{
	width: 100%;
	display: block;
	border-radius: 6px;
}
.tmp-search-input-area .card-box .inner .image a img{
	width: 100%;
	display: block;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
@media(max-width: 768px){
	.blog-details-content .category-meta .tm__meta .text{
		margin: 0 0 15px;
	}
	.tm__meta{
		flex-direction: column;
	}
}

.woocommerce-tabs.wc-tabs-wrapper{
	border: 1px solid var(--color-border);
    padding: 50px;
    border-radius: 10px;
}
.shop-page-area-main-wrapper .g-5.pt--60:first-child{
	padding-top: 0 !important;
	margin-top: 0 !important;
}
.product-wrapper-shop-main-card .button-area{
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.product-wrapper-shop-main-card .button-area a{
	width: 100%;
}
.wp-block-woocommerce-cart.alignwide{
	margin: 0 auto;
	padding: 0 50px;
	padding-top: 30px;
}
.wc-block-components-sidebar-layout .wc-block-components-main{
	padding-right: 0;
	border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
}
table.wc-block-cart-items .wc-block-cart-items__header{
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-image{
	padding: 0 20px;
	text-align: center;
}
.wc-block-cart-items__row{
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.wc-block-cart table.wc-block-cart-items td{
	border: none;
	margin: 0;
}
.wc-block-cart-item__image a{
	width: 65px;
    height: 65px;
    line-height: 65px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    text-align: center;
    display: block;
}
.wc-block-cart-item__image a img{
	width: 50px !important;
	height: 50px !important;
	object-fit: contain;
}
.woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name{
	padding: 0;
	font-family: var(--font-primary);
    color: var(--color-heading);
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 0;
}
.wc-block-cart-item__wrap{
	display: grid;
	gap: 15px;
	grid-template-columns: 2fr 1fr;
}
.wc-block-cart-item__wrap > *{
	grid-column: 1;
}
.wc-block-cart-item__wrap .wc-block-cart-item__quantity{
	grid-column: 2;
	grid-row: 1 / 5;
	height: 100%;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap>*{
	margin-bottom: 0 !important;
}
.wc-block-components-product-metadata:empty{
	display: none;
}
.wc-block-components-product-badge.wc-block-components-sale-badge{
	width: fit-content;
}
.wc-block-components-quantity-selector{
	border: 1px solid rgba(255, 255, 255, 0.08);
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button{
	background: var(--color-card);
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link{
	position: absolute;
    right: 5px;
    top: 5px;
    width: 25px;
    height: 25px;
    text-indent: 1000px;
    overflow: hidden;
	outline: none !important;
	background: none !important;
	border: none !important;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:after{
	content: 'x';
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
    border-radius: 50%;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
    background: var(--color-primary);
    color: var(--color-white);
	text-indent: 0;
	font-weight: 800;
}
.wc-block-components-totals-wrapper{
	padding: 15px;
}
.woocommerce-cart .is-large.wc-block-cart .wc-block-cart__totals-title{
	padding: 15px;
}
.woocommerce-cart .wp-block-woocommerce-cart-order-summary-block{
	border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
}
.wc-block-components-totals-coupon__form .wc-block-components-button:not(.is-link){
	margin: 0;
	height: 63px;
}
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button{
	padding: 0 28px;
    border-radius: 5px;
    background: var(--color-primary);
    transition-duration: 300ms;
    color: var(--color-white);
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    text-shadow: var(--shadow-light);
    display: flex;
    height: 50px;
    line-height: 49px;
    letter-spacing: 0.5px;
    transition: 0.4s;
    border: 0 none;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all 0.6s;
    align-items: center;
    justify-content: center;
	width: 100%;
}
.wp-block-woocommerce-checkout.alignwide.wc-block-checkout{
	padding: 0 50px;
	margin: 0 auto;
}
.wc-block-components-sidebar-layout .wc-block-components-main.wc-block-checkout__main{
	padding: 20px 25px;
}
.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=email]{
	background: #111 !important;
    color: #fff !important;
    padding: 30px 20px 10px !important;
    height: auto !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: 6px !important;
}
.wc-blocks-components-select .wc-blocks-components-select__label{
	color: var(--color-primary);
}
.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label{
    color: var(--color-primary);
	left: 20px;
}
.wc-blocks-components-select .wc-blocks-components-select__container{
	height: 63px;
	background: #111 !important;
    color: #fff !important;
}
.wc-blocks-components-select .wc-blocks-components-select__select{
	color: #fff;
}


@media(max-width: 806px){
	.wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row{
		padding: 30px 20px;
	}
}
.woocommerce span.onsale{
	min-height: 30px;
	line-height: 30px;
	min-width: 80px;
	border-radius: 5px;
	color: var(--color-white);
    background: var(--color-primary);
}
.woocommerce div.product div.images img{
	width: auto;
	border-radius: 0;
}
.tm__form label.tmp-btn input[type="submit"]{
	text-transform: none;
}
.tm__form .tmp-btn{
	width: 100%;
}
.tm__form p{
	margin: 0;
	padding: 0;
}
.wpcf7-not-valid-tip{
	padding: 5px 16px;
}
.tm__form .form-group-wrapper{
	align-items: flex-start;
}
.tm__form textarea{
	height: 200px;
}

.tmp-lookbook-content-box-wrapper{
	pointer-events: none;
}

.page-wrapper{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - var(--abh));
}
.tmp-footer{
	margin-top: auto;
}
.offcanvas_sidebar{
	padding-top: 30px;
}
.not_found_icon{
	font-size: 200px;
	line-height: 0;
	margin-bottom: 20px;
	color: var(--color-primary);
}

.corpox-service-template-default .cta-main-wrapper.bg-cta-modern,
.error404 .cta-main-wrapper.bg-cta-modern,
.single-corpox-member .cta-main-wrapper.bg-cta-modern,
.page-template-page-member .cta-main-wrapper.bg-cta-modern,
.single-post .cta-main-wrapper.bg-cta-modern,
.page-template-page-service .cta-main-wrapper.bg-cta-modern,
.single-corpox-project .cta-main-wrapper.bg-cta-modern{
	margin-top: 0 !important; 
}
.corpox-service-template-default .spacing,
.error404 .spacing,
.single-corpox-member .spacing,
.page-template-page-member .spacing,
.single-post .spacing,
.page-template-page-service .spacing,
.single-corpox-project .spacing{
	display: none; 
}
.single-project-style-three .thumbnail img{
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.fn__triple_gallery .col-lg-4 .thumbnail{
	flex: 1;
}
.fn__triple_gallery .col-lg-4 .thumbnail img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.widget_custom_gallery_widget .thumbnail img{
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
}
.widget_custom_gallery_widget{
	margin-bottom: 30px;
}
.tm_description{margin: 0px !important;}
.tmp-section-title-border .title span{
	color: var(--color-primary);
}
.timeline-wrapper .wrapper-bottom .icon img{
	width: 40px;
	height: 40px;
	object-fit: contain;
}

/* For Elementor Container */
.elementor-element.container{
	width: 100% !important;
	padding-left: var(--bs-gutter-x,.75rem) !important;
	padding-right: var(--bs-gutter-x,.75rem) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
@media only screen and (max-width: 767px) {
	.elementor-element.container{
	  padding-right: 15px !important;
	  padding-left: 15px !important;
	}
}
@media(min-width: 576px){.elementor-element.container{max-width: 540px !important;}}
@media(min-width: 768px){.elementor-element.container{max-width: 720px !important;}}
@media(min-width: 992px){.elementor-element.container{max-width: 960px !important;}}
@media(min-width: 1200px){.elementor-element.container{max-width: 1140px !important;}}
@media(min-width: 1400px){.elementor-element.container{max-width: 1320px !important;}}


.clients-wrapper .image .bg-image{
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.tm__sticky{
	position: sticky !important;
	top: 120px;
}
.fn__featured_image img{
	width: 100%;
	border-radius: 10px;
}
.fn__featured_image.jarallax .wp-post-image{
	display: none;
}
.fn__featured_image.jarallax{
	height: 850px;
	max-height: 80vh;
}

.tm_title{
	margin: 0;
	padding: 0;
}
.tmp-gallery-area .fn__gallery_lightbox .thumbnail img{
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.header-top-bar .social-default li a .fn__svg{
	width: 15px;
	height: 15px;
}

.wpcf7-form select::-ms-expand { 
    display: none; 
}
.wpcf7-form select option {
    background-color: #1e1e1e; /* чтобы опции тоже были тёмные */
    color: #ffffff;
}


#contact-popup{
	transition: all 300ms ease;
    visibility: hidden;
    transform: translateY(-100%);
    opacity: 0;
    position: fixed;
    top: 0;
    top: var(--abh);
    left: 0;
    width: 100%;
    padding: 50px 0 90px 0;
    background: #121214;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.46);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transform-origin: 0 0;
    z-index: 1000;
    overflow: hidden;
    display: block;
    transform: scaleY(0);
    clip: rect(0px, 200vw, 0, 0px);
    transform: translateZ(0);
}
#contact-popup.active{
	visibility: visible;
    opacity: 1;
    transform: scaleY(1);
    clip: rect(0px, 100vw, 200vh, -30px);
    transition: clip 0.6s linear, opacity 0.4s linear;
}

.wp-block-search__inside-wrapper{
	display: flex;
	justify-content: space-between;
}
.details-block-quote{
	margin-right: 0;
}
.blog-details-right-sidebar-standard .single-card-widget .recent-post-sm .signle-list-card .thumbnail img{
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.single-card-widget .wp-block-search__label{
	display: none;
}
.widget_archive ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.widget_archive li{
	padding: 0;
    margin: 0;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--color-border);
	display: flex;
    align-items: center;
    justify-content: space-between;
	position: relative;
}
.widget_archive li a:before{
	content: '';
	position: absolute;
	inset: 0;
}
.widget_archive li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.elementor-editor-active [data-sal]{
	opacity: 1 !important;
	transform: none !important;
}
.elementor-editor-active .grid-metro3{
	display: flex;
	flex-wrap: wrap;
}
.elementor-editor-active .grid-metro3 .resizer{
	display: none;
}
.elementor-editor-active .tmp-slick-arrow{
	display: flex;
	flex-wrap: nowrap;
}
.elementor-editor-active .tmp-slick-arrow > *{
	flex: 0 0 100%;
}
.elementor-editor-active .slider-animation-2 .slider-style-2 .inner > *{
	opacity: 1 !important;
	transform: none !important;
}
.cursor-pointer{
	cursor: pointer;
}
.site-skin-btn{
	position: relative;
}
.site-skin-btn:after{
	content: '';
	position: absolute;
	inset: -3px;
}

.site-skin-btn {
	position: relative;
	width: 20px;
	height: 20px;
}
.site-skin-btn i,
.site-skin-btn svg {
	display: block;
}
.site-skin-btn i {
	position: absolute;
	inset: 0;
	transition: transform .45s ease,opacity .3s ease;
	will-change: transform, opacity;
}
.site-skin-btn i.fn__svg_i_moon {
	opacity: 1;
	transform: rotateY(0deg) scale(1);
}
.site-skin-btn i.fn__svg_i_sun {
	opacity: 0;
	transform: rotateY(-180deg) scale(.6);
}
html.active-dark-mode .site-skin-btn i.fn__svg_i_moon {
	opacity: 0;
	transform: rotateY(180deg) scale(.6);
}
html.active-dark-mode .site-skin-btn i.fn__svg_i_sun {
	opacity: 1;
	transform: rotateY(0deg) scale(1);
}




/* Timetable */

.time-table-area-wrapper .inner-container {
    position: relative;
}

.time-table-area-wrapper .inner-container .table-outer {
    position: relative;
    width: 100%;
}

@media (max-width: 1024px) { /* заменил $smlg-device на стандартный медиазапрос */
    .time-table-area-wrapper .inner-container .table-outer {
        overflow-x: auto;
    }
}

.time-table-area-wrapper .inner-container .table-outer .table-inner {
    position: relative;
    width: 100%;
	display: flex;
}

.time-table-area-wrapper .table-title-box {
    padding-bottom: 10px;
    padding-top: 85px;
	flex: 0 0 188px;
}

.time-table-area-wrapper .table-title-box .title {
    position: absolute;
    left: 0;
    top: 0;
    width: 170px;
    display: block;
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    padding: 5px 40px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
    margin-bottom: 1px;
    transition: all 500ms ease;
    text-transform: uppercase;
    background-color: var(--color-primary);
    border-radius: 4px;
}

.time-table-area-wrapper .table-title-box .day {
    position: relative;
    color: #fff;
    width: 168px;
    height: 90px;
    line-height: 90px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
    background-color: #222222;
    text-transform: uppercase;
    border-radius: 4px;
}

.time-table-area-wrapper .clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.time-table-area-wrapper .timetable-tabs {
    position: relative;
	flex: auto;
}

.time-table-area-wrapper .timetable-tabs .tab-btns {
	margin: 0;
	list-style-type: none;
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 13px;
    padding: 0;
	display: flex;
}

.time-table-area-wrapper .timetable-tabs .tab-btns .tab-btn {
    position: relative;
    margin: 0 12px 1px 0;
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    padding: 5px 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 72px;
    text-transform: uppercase;
    background-color: var(--color-primary);
    border-left: 3px solid var(--color-primary);
    border-radius: 4px;
    text-align: center;
    transition: all 500ms ease;
	flex: 1;
}
.time-table-area-wrapper[data-layout="advanced"] .timetable-tabs .tab-btns .tab-btn {
	cursor: pointer;
}

.time-table-area-wrapper[data-layout="advanced"] .timetable-tabs .tab-btns .tab-btn.active-btn,
.time-table-area-wrapper[data-layout="advanced"] .timetable-tabs .tab-btns .tab-btn:hover {
    background-color: #222222;
}

.time-table-area-wrapper[data-layout="advanced"] .timetable-tabs .tab-btns .tab-btn::before {
    position: absolute;
    content: '';
    left: -2px;
    top: 28px;
    opacity: 1;
    border-top: 6px solid transparent;
    border-left: 8px solid var(--color-primary);
    border-bottom: 6px solid transparent;
    transition: all 500ms ease;
}

.time-table-area-wrapper .tabs-content .tab {
    position: relative;
    display: none;
}

.time-table-area-wrapper .tabs-content .tab.active-tab {
    display: block;
}
.time-box-wrapper{
	display: flex;
}
.time-table-area-wrapper .tabs-content .time-box {
    position: relative;
    height: 90px;
    margin-right: 12px;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    border: 1px solid var(--color-card);
    background-color: var(--color-card);
    border-radius: 4px;
	flex: 1;
}

.time-table-area-wrapper .tabs-content .time-box .box-inner {
    position: relative;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
}

.time-table-area-wrapper .tabs-content .time-box .box-inner span {
    position: relative;
    display: block;
    color: var(--color-body);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.7em;
    margin-top: 3px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

/* Light mode overrides */
.active-light-mode .time-table-area-wrapper .tabs-content .time-box .box-inner,
.active-light-mode .time-table-area-wrapper .tabs-content .time-box .box-inner span {
    color: var(--color-body);
}

.active-light-mode .time-table-area-wrapper .table-title-box .day {
    color: var(--color-dark);
    background-color: #ffffff;
}

@media(min-width: 768px){
	.single-modern-case-studies .thumbnail img{
		height: 350px;
		width: 100%;
		object-fit: cover;
	}
}
.elementor-editor-active .elementor-shape:empty{
	display: none;
}
.tab-content .why-choose-feature{
	max-width: 100%;
	gap: 10px;
}
.tm__cardbg{
	background: var(--color-card);
}

.slider-gird {
    position: relative;
    z-index: 1;
}

.slider-gird .grid-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(4, 1fr);
    z-index: 1;
    pointer-events: none;
}

.slider-gird .grid-mask div {
    background-color: var(--color-white);
    width: 100%;
    height: 100%;
    transition: opacity 0.6s ease-in-out;
}

.slider-gird .slick-active .grid-mask div {
    opacity: 0;
}

.demo-banner-area-start-solar .inner .title{
	font-size: 70px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.demo-banner-area-start-solar .inner .tmp-personal-portfolio-content p.description{
	max-width: 600px;
	margin: 0 auto 30px;
}
.demo-banner-area-start-solar::after{
	position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: linear-gradient(4deg, rgba(0, 0, 0, 0.99) 1.29%, rgba(54, 69, 27, 0) 100.95%);
    width: 100%;
    height: 100%;
    z-index: 2;
    backdrop-filter: blur(3px);
}
.active-light-mode .demo-banner-area-start-solar::after{
	background: linear-gradient(4deg, rgba(255, 255, 255, 0.95) 1.29%, rgba(255, 255, 255, 0) 100.95%);
}
.demo-banner-area-start-solar > *{
	z-index: 3;
	position: relative;
}

.fn__logo_text a{
	text-decoration: none;
	cursor: pointer;
	font-size: 30px;
	font-family: 'Inter';
	color: var(--color-heading);
	font-weight: 600;
	display: flex;
	align-items: center;
	letter-spacing: -0.5px;
}
.fn__logo_text .icon{
	width: 29px;
	min-width: 29px;
	height: 29px;
	display: block;
	position: relative;
	background-color: var(--color-primary);
	border-radius: 7px;
	margin-right: 6px;
}
.fn__logo_text .icon span{
	width: 3px;
	background-color: #eee;
	border-radius: 10px;
	position: absolute;
	display: block;
	transform-origin: bottom;
}
@keyframes fn-eq {
	0% {
		transform: scaleY(0.4);
	}
	25% {
		transform: scaleY(1);
	}
	50% {
		transform: scaleY(0.6);
	}
	75% {
		transform: scaleY(1.2);
	}
	100% {
		transform: scaleY(0.4);
	}
}

.fn__logo_text .icon span:nth-child(1){
	height: 18px;
	top: 50%;
	margin-top: -9px;
	left: 7px;
}
.fn__logo_text .icon span:nth-child(2),
.fn__logo_text .icon span:nth-child(3){
	bottom: 5px;
	height: 11px;
	left: 13px;
	animation-delay: 200ms;
}
.fn__logo_text .icon span:nth-child(3){
	left: 19px;
	height: 13px;
	bottom: 6px;
	animation-delay: 300ms;
}
.fn__logo_text .text{
	line-height: 1;
}


.mouse-cursor{
	position: fixed;
	left: 0;
	top: 0;
	pointer-events: none;
	border-radius: 50%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	visibility: hidden;
}
.cursor-inner {
	margin-left: -3px;
	margin-top: -3px;
	width: 6px;
	height: 6px;
	z-index: 100;
	background-color: var(--color-heading);
	-webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
	transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
}
.cursor-inner.cursor-hover {
	margin-left: -40px;
	margin-top: -40px;
	width: 80px;
	height: 80px;
	background-color: var(--color-heading);
	opacity: .3;
}
.cursor-outer {
	margin-left: -15px;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	border: 2px solid var(--color-heading);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 100;
	opacity: .5;
	-webkit-transition: all .08s ease-out;
	transition: all .08s ease-out;
}
.cursor-outer.cursor-hover{opacity: 0;}
[data-magic-cursor="hide"] .mouse-cursor{
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -1111;
}

.tm__settings{
	position: fixed;
	z-index: 9999;
	top: 20%;
	right: -200px;
	width: 200px;
	background-color: rgba(0,0,0,1.00);
	padding: 40px 20px 33px 30px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.tm__settings.opened{
	right: 0px;
}
.tm__settings.opened:after{
	opacity: 1;
}
.tm__settings .wrapper{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.tm__settings .or{
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	text-transform: uppercase;
	margin-bottom: 13px;
	color: #888;
	line-height: 1;
	font-size: 12px;
}
.tm__settings .or span{
	position: relative;
}
.tm__settings .or span:after,
.tm__settings .or span:before{
	content: '';
	position: absolute;
	width: 25px;
	height: 1px;
	background-color: rgba(255,255,255,.2);
	top: 50%;
}
.tm__settings .or span:before{
	right: 100%;
	margin-right: 10px;
}
.tm__settings .or span:after{
	left: 100%;
	margin-left: 10px;
}
.tm__settings .color{
	width: 100%;
	height: 30px;
	display: block;
	border: none;
	margin: 0;
	position: relative;
	border-radius: 30px;
	background-color: var(--color-primary);
	margin-bottom: 23px;
	cursor: pointer;
}
.tm__settings .color input{
	position: absolute;
	margin: 0;
	padding: 0;
	inset: 0;
	width: 100%;
	height: 100%;
	background: none;
	opacity: 0;
	z-index: -1;
}
.tm__settings .icon{
	position: absolute;
	top: 0px;
	right: 100%;
	background-color: #000;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px 0 0 10px;
}
.tm__settings .icon .fn__svg{
	color: #fff;
	width: 25px;
	height: 25px;
	display: block;
	animation: fa-spin 2s infinite linear;
}
.tm__settings .link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.tm__settings .title{
	color: #fff;
	font-family: "Poppins";
	font-weight: 600;
	position: relative;
	display: block;
	padding-bottom: 3px;
}
.tm__settings .title:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: rgba(255,255,255,.2);
	left: 0px;
	bottom: 0px;
}
.tm__settings .colors{
	padding: 0;
	margin: 0px 0px 14px 0px;
	list-style-type: none;
	padding-top: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.tm__settings .colors li{
	margin: 0px;
}
.tm__settings .colors li a{
	text-decoration: none;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border: 2px solid transparent;
}
.tm__settings .colors li a.active{
	border-color: #fff;
}
.tm__settings .direction{
	list-style-type: none;
	margin:  0px;
}
.tm__settings .direction li{
	margin: 0px 20px 0px 0px;
	display: inline-block;
}
.tm__settings .direction li a{
	opacity: .4;
	text-decoration: none;
	color: #fff; 
}
.tm__settings .direction li a.active{
	opacity: 1;
}
.tm__settings .direction li .fn__svg{
	width: 25px;
	height: 25px;
}
.tm__settings .cursor{
	margin: 0px;
	padding: 0;
	list-style-type: none;
	padding-top: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.tm__settings .cursor li{
	margin: 0;
	padding: 0;
}
.tm__settings .cursor li a{
	text-decoration: none;
	color: #fff;
	opacity: .4;
	font-weight: 600;
}
.tm__settings .cursor li a.showme{
	opacity: 1;
}
.tm__settings .cursor li:nth-child(1) a{
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border: 2px solid #fff;
	position: relative;
	display: block;
}
.tm__settings .cursor li:nth-child(1) a:before{
	position: absolute;
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #fff;
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
}
.tm__settings .cursor li .fn__svg{
	width: 25px;
	height: 25px;
	color: #fff;
	display: block;
}
.tm__settings .cursor li:nth-child(2){
	position: relative;
	top: -2px;
}
.tm__settings .effect{
	margin: 0px;
	list-style-type: none;
	padding-top: 15px;
	padding-bottom: 25px;
}
.tm__settings .effect li{
	margin: 0px 0px 5px 0px;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 100%;
	background-color: #fff;
	opacity: .4;
}
.tm__settings .effect li a{
	text-decoration: none;
	color: #000;
	font-size: 13px;
	font-weight: 600;
	font-family: "Poppins";
	display: block;
	position: relative;
	top: 2px;
}
.tm__settings .effect li.selected{
	background-color: #fff;
	opacity: 1;
}
.tm__settings:after{
	opacity: 0;
	content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #000;
    right: 100%;
    top: 50px;
    -webkit-mask: radial-gradient(circle at bottom left, transparent 70%, #000 71%);
    mask: radial-gradient(circle at bottom left, transparent 70%, #000 71%);
}