/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.1
Text Domain:  Avada
*/






/*
.topmargin-700{
margin-top: -700px;}

.topmargin-800{
margin-top: -800px;}

.topmargin-900{
margin-top: -900px;}

.bg-white-70{
background-color: rgba(255,255,255,0.7);}*/
/*Only container width template pages*/
.page-template-default .fusion-tb-header .fusion-fullwidth {
    background: var(--h1_typography-color) !important;
}
.page-template-default main {
    padding-top: 140px !important;
}
.webgliframe {
 width: 1150px;
 height:478px;
 border: 1px solid #000;
 z-index:-100;
}

.zindex999{
z-index:999;
}




#fixed_contact{
position: fixed;
top: 50%;
right: 0px;
width: 60px;
height:60px;
z-index: 99999999;
padding:0;
margin-top: -195px;
}
#fixed_contact a{
text-align: center;
vertical-align: center;
margin:0;
}

#fixed_contact i{
font-size: 30px;
padding: 15px;
margin:0;
}

/*ContactForm7 Styling*/

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: rgba(255, 255, 255, 0.7);
    color: #000;
    width: 50%;
	height: 40px;
}
.projects_hero .fusion-column-wrapper{
	min-height: 250px;
}
nav .menu-item:not(.menu-item-language):hover a, nav .menu-item:not(.menu-item-language) a{
	border-bottom: 2px solid transparent;
}
nav .current-menu-item:not(.menu-item-language):not(:first-child) a, nav .menu-item:not(.menu-item-language):hover a {
    border-bottom: 2px solid var(--awb-custom_color_2) !important;
}

.fusion-footer nav .menu-item a {
    color: #fff !important;
    font-size: 16px;
    margin: 5px 0;
}
.fusion-footer nav .menu-item:hover a {
color:var(--awb-custom_color_2) !important;
	border-color: transparent !important;
}
.full_width_button {
    width: 100%;
}
.sub_title .fusion-title-heading {
    padding: 8px 16px !important;
    border: 1px solid var(--awb-custom_color_1);
    display: inline;
    border-radius: 25px;
	font-weight: 600;
}
.sub_title_light .fusion-title-heading {
   padding: 8px 16px !important;
    border: 1px solid #fff;
    display: inline;
    border-radius: 25px;
    font-weight: 600;
}
.menu-item-language {
    margin-left: 10vw !important;
}

/*Language Switcher*/
.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
    border-radius: 6px !important;
    border: 2px solid #fff;
    padding: 8px 12px !important;
    padding-right: calc(10px + 1.4em) !important;
    font-family: var(--h1_typography-font-family);
    font-weight: 600;
    font-size: 14px;
	line-height: 20px !important;
    background: transparent;
    color: #fff;
	display: flex;
	width: 80px !important;
    display: block !important;

}
.wpml-ls-legacy-dropdown a span {
    color: #fff; 
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: "\e905";
   
    border-top: 0;
    position: absolute;
    right: 10px;
    top: 25%;
    font-family: viscircle;
    background: transparent;
    border: none;
    color: #fff;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a{
	background: transparent;
	color: #fff;
}
#lang_sel>ul ul{
	    top: 42px !important; 
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu {
    border-top: 0; 
}
.wpml-ls-legacy-dropdown .wpml-ls-item {

    max-width: 80px; 
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a{
    background: transparent;
    padding: 8px 12px !important;
    margin: 0;
    color: #fff;
    text-align: left;
    margin-left: 0 !important;
    margin-top: 5px;
    min-width: 66px;
    width: inherit;
    border-radius: 6px !important;
    border-width: 2px !important;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    line-height: 20px !important;
	    width: 80px !important;
    display: block !important;


}
.fusion-tb-header .fusion-widget-area {
    max-width: 80px; 
	    margin-left: 18px;
}
.fusion-tb-header .widget_icl_lang_sel_widget{
margin-bottom: 0 !important; 
}
/**Video on hover**/
/*
.video-hover-container {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.video-hover-container .hover-image {
    width: 100%;
    height: auto;
    display: block;
    z-index: 2;
    position: relative;
    transition: visibility 0.3s ease;
}

.video-hover-container .fusion-selfhosted-video {
	max-height: 570px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1;
}

.video-hover-container .fusion-selfhosted-video video {
     width: 100%; 
    height: 100%; 
    max-height: 570px;
    display: block;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}
*/
/*

.fusion-selfhosted-video video {
    width: 100%; 
    height: auto; 
    object-fit: cover; 
    transition: opacity 0.3s ease; 
}

.fusion-selfhosted-video {
    position: relative;
    overflow: hidden; 
}
*/
/* Initial state for the video container */
.video-container {
    display: none; /* Hidden by default */
    position: absolute; /* Position it over the image */
    top: 0;
    left: 0;
    width: 100%; /* Match container's width */
    height: 100%; /* Match container's height */
    z-index: 2; /* Ensure it appears above the image */
    object-fit: cover; /* Ensure the video scales to fit the container */
    opacity: 0; /* Invisible initially */
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; /* Smooth fade effect */
}

/* Styling for the hover image */
.hover-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; /* Ensure it's below the video initially */
    display: block;
    width: 100%; /* Match container's width */
    height: 100%; /* Match container's height */
    object-fit: cover; /* Maintain aspect ratio */
    transition: visibility 0.3s ease, opacity 0.3s ease; /* Smooth fade effect */
}

/* For the parent container to ensure proper layout */
.video-hover-container {
    position: relative; /* Required for absolute positioning of child elements */
    width: 100%; /* Full width of the container */
    height: auto; /* Adjust height dynamically */
    overflow: hidden; /* Prevent content overflow */
}

/* Active state for the container */
.video-hover-container.video-active .hover-image {
    opacity: 0; /* Fade out the image */
    visibility: hidden; /* Hide the image */
	transition: opacity 0.2s ease;
}

.video-hover-container.video-active .video-container {
    display: block; /* Show the video */
    opacity: 1; /* Fully visible */
    visibility: visible;
	transition: opacity 0.3s ease;
}

/* Hide the video when mouse leaves */
.video-hover-container .video-container {
    opacity: 0; /* Invisible */
    visibility: hidden; /* Hide it */
	object-fit: cover;
}
.video-hover-container .video-container video{
    object-fit: cover;
    height: 400px;
    object-position: center;
	border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
	
}

/*end video hover*/
.video_bg{
position: relative;
    width: 1200px;
    margin: 0 auto !Important;
    border-radius: 8px !Important;
}
.video_bg > * {
    border-radius: 10px;
}
.cases_overlay .reading-box {
    background: transparent !important;
    border: none !important;
    color: #000;
    border-left: 2px solid #fff !important;
padding: 0 20px !important;
    margin-bottom: 30px;
}
.cases_overlay .reading-box .reading-box-description{
	font-family: var(--awb-title-font-family);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
.dark_hover:hover {
    border-color: var(--awb-custom_color_1) !Important;
}
.dark_hover:hover .fusion-button-text{
	color: var(--awb-custom_color_1) !important;
}
.dark_hover_outline:hover {
    background: var(--awb-custom_color_1) !important;
}
.dark_hove_outliner:hover .fusion-button-text{
	color: #fff !Important;
}
.fusion-counters-box .fusion-counter-box {

	text-align: left !important; 
}
.fusion-counters-box .fusion-counter-box .counter-box-container {
    padding: 20px; 
}
.fusion-counters-box .fusion-counter-box .counter-box-container:first-child {
    padding-left: 0;
}
.fusion-counters-box .fusion-counter-box .counter-box-container:last-child {
    padding-right: 0;
}
.fusion-counters-box .content-box-counter {

    font-family: "Montserrat";
    font-weight: 700;
}
.fusion-counters-box .counter-box-content{
	font-size: 16px !Important;
}

/*OWl Carousel*/
.owl-carousel .item {
    text-align: left;
    padding: 32px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 5px rgb(81 91 105 / 25%);
	margin-bottom: 10px;
}

.owl-carousel .client-image {
    margin-bottom: 15px;
}

.owl-carousel .client-image img {
    width: auto !Important;
    height: 50px;
    object-fit: cover;
	opacity:0.5;
}

.owl-carousel .testimonial-content p {
    
    margin-bottom: 10px;
}

.owl-carousel .client-name {
    font-weight: 600;
    font-size: 12px;
    color: rgb(47 72 88 / 50%);
	text-transform: uppercase;
}

.owl-nav button {
    background: transparent;
    border: none;
    font-size: 20px;
    color: #333;
    cursor: pointer;
}

.owl-nav button:hover {
    color: #0073aa;
}

.owl-dots {
    text-align: center;
    margin-top: 20px;
}

.owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 50%;
    background: #ccc;
}

.owl-dots .owl-dot.active {
    background: #0073aa;
}
/* Default styles for all slides */
.owl-carousel .owl-item {
    opacity: 0.4; /* Set default opacity for inactive slides */
    transform: scale(0.9); /* Slightly shrink inactive slides */
    transition: all 0.5s ease; /* Smooth transition */
}

/* Styles for the active (center) slide */
.owl-carousel .owl-item.center-active {
    opacity: 1; /* Fully opaque for the active slide */
    transform: scale(1); /* Full size for the active slide */
}

/* Ensure partial visibility of previous and next slides */
.owl-carousel .owl-item.active {
    visibility: visible; /* Ensure active items are visible */
}

.owl-carousel .owl-item {
    visibility: hidden; /* Hide all other slides */
}

/* Optional: Add some margin to improve visual separation */
.owl-carousel .owl-item {
    margin: 0 15px;
}

.owl-carousel .owl-item {
    opacity: 0.4;
    transform: scale(0.9);
    transition: all 0.5s ease;
    width: 30%;
}

.owl-carousel .owl-item.center-active {
    opacity: 1;
    transform: scale(1);
    width: 60%;
    z-index: 2;
}

.owl-carousel .owl-item.side-slide {
    width: 20%;
    opacity: 0.6;
    z-index: 1;
}

.owl-carousel .owl-stage {
    display: flex;
    padding-left: 10%;
    padding-right: 10%;
}

.owl-carousel .owl-item {
    margin: 0 5px;
}

.owl-carousel .owl-item {
    visibility: hidden;
}

.owl-carousel .owl-item.active {
    visibility: visible;
}

.owl-carousel .owl-item {
    opacity: 0.4;
    transform: scale(0.85); /* Slightly smaller for side slides */
    transition: all 0.5s ease;
    visibility: visible; /* Ensure all active items are visible */
}

.owl-carousel .owl-item.center-active {
    opacity: 1; /* Fully opaque for the center slide */
    transform: scale(1); /* Full size for the center slide */
    z-index: 2;
}

.owl-carousel .owl-item.side-slide {
    opacity: 0.7; /* Slightly more visible for side slides */
    transform: scale(0.9); /* Slightly larger than inactive slides */
    z-index: 1;
}

.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-carousel .owl-item {
    margin: 0 5px;
}

.testimonial-content i {
    color: var(--awb-custom_color_2);
    font-size: 32px;
}
.testimonial-content {
    display: flex;
    gap: 24px;
}


/* Carousel Container */
.homepage-carousel {
    position: relative;
}

/* Carousel Item */
.homepage-carousel .carousel-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

/* Image Styling */
.homepage-carousel .carousel-media {
    position: relative;
    width: 100%;
    height: 400px; 
    overflow: hidden;
}

.homepage-carousel .carousel-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.5s ease-in-out;
}

/* Video Styling - Initially Hidden */
.homepage-carousel .carousel-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none; /* Hidden by default */
    z-index: 2;
	transition: opacity 0.4s ease;
}

/* Hover Effect: Show Video and Hide Image */
.homepage-carousel .carousel-item:hover .carousel-video {
    display: block; /* Show the video on hover */
}

.homepage-carousel .carousel-item:hover .carousel-image {
    opacity: 0; /* Hide the image on hover */
    transition: opacity 0.5s ease-in-out;
}

/* Content Overlay Styling */
.homepage-carousel .carousel-overlay {
    position: absolute;
	font-family: var(--awb-text-font-family);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#2f4858c9;
    color: #fff;
    display: none; 
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
	transition: opacity 0.4s ease, transform 0.4s ease;
}

.homepage-carousel .carousel-item:hover .carousel-overlay {
    display: flex; 
}

/* Footer Content Styling */
.homepage-carousel .carousel-footer {
    position: absolute;
    padding: 20px;
    color: #fff;
    background: linear-gradient(to top, var(--awb-custom_color_1), transparent);
	    z-index: 99;
    bottom: 0;
	width:100%;
}
.footer-content-wrapper {
    border-left: 2px solid #fff;
    padding-left: 16px !important;
}
.homepage-carousel .footer-button {
    display: inline-block;
    padding: 8px 30px;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
	border: 2px solid #fff;
	font-size: 14px;
	font-family: Montserrat;
	text-transform: uppercase;
}
.homepage-carousel .footer-content{
	display: flex;
	justify-content: space-between;
    width: 100%;
    z-index: 99;
	color: #fff;
	align-items: center;
}
.homepage-carousel .footer-content *{
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}
.homepage-carousel .footer-content h3{
	font-size: 16px;	
	margin: 0;
	padding: 0;
}
.homepage-carousel .footer-content h6{
	font-size: 14px;	
	padding: 0;
	margin: 0;
}
.homepage-carousel .footer-button:hover {
    background: #fff;
    color: var(--awb-custom_color_1);
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.homepage-carousel .owl-item, .homepage-carousel .owl-item:not(.active) {
  opacity: 1 !important;
}
/* Navigation Arrows */
.homepage-carousel .owl-nav {
position: relative;
    bottom: 20px;
    text-align: right;
    margin-top: 50px;
    display: flex;
    justify-content: flex-end;

}

.homepage-carousel .owl-nav .owl-prev,
.homepage-carousel .owl-nav .owl-next {
    color: var(--awb-custom_color_1) !important;
    width: 44px;
    height: 44px;
	line-height: 44px !important;
    font-size: 19px;
    border-radius: 8px;
    cursor: pointer;
    margin-left: 5px;
    border: 2px solid var(--awb-custom_color_1) !important;
    transition: background 0.3s ease-in-out;
    box-sizing: border-box;
}

.homepage-carousel .owl-nav .owl-prev:hover,
.homepage-carousel .owl-nav .owl-next:hover {
    background: #fff;
    color: #000;
}
.fusion-accordian .panel-heading .panel-title a {

    color: var(--awb-custom_color_1) !important;
    font-size: 18px !important;
    font-weight: 700;
}
.fusion-form-form-wrapper button {
    width: 100%;
}
.fusion-form-form-wrapper .fusion-form-field .fusion-form-input {
    border-radius: 6px;
}
/*End Owl Carousel*/

.clients_carousel .swiper-slide img {
    height: 64px;
    width: auto;
}
.single-avada_portfolio #content {
    display: flex;
    flex-direction: column;
}
.single-avada_portfolio article {
    order: 1;
}
.single-avada_portfolio .single-navigation {
    order: 2;
}
.single-avada_portfolio .single-navigation {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    padding: 64px 0;
    margin: 0;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    border: none !Important;
}
.single-avada_portfolio .single-navigation a[rel="prev"]{
justify-self: start;
}
.single-avada_portfolio .single-navigation a[rel="next"]{
justify-self: end;
}
.single-avada_portfolio  .single-navigation a {
    display: inline-block;
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'MONTSERRAT';
}
.single-avada_portfolio .single-navigation:before, .single-avada_portfolio .single-navigation:after {
    display: none;
}

.fusion-footer .mc4wp-form input[type="email"] {
background: transparent;
    border: 0;
    border-bottom: 2px solid var(--primary_color);
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    color: rgb(255 255 255 / 75%);
    PADDING: 5px;
    height: auto;
	display:inline-block;
	width: 100%;
	position: absolute;
    right: 0;
    top: 0;

}

input[type="submit"] {
    text-indent: -999px;
    background: transparent;
    border: none;
}

.mc4wp-form-fields{
	position: relative;
}
.mc4wp-form-fields:after {
    content: "\e902";
    font-family: 'viscircle';
    display: inline-block;
    position: absolute;
    color: var(--primary_color);
    font-size: 14px;
	right: 0;
}
.post-card .fusion-button-wrapper {
    width: 100%;
    box-sizing: content-box;
    display: inline-grid;
}
.post-card .full_width_button {
    width: auto;
    box-sizing: border-box;
    margin: 20px !important;
}
@media screen and (max-width: 768px){
	h1 {
    font-size: 36px !important;
}
	h2 {
    font-size: 30px !important;
}
	h3 {
    font-size: 24px !important;
}
	h4 {
    font-size: 20px !important;
}
	.fusion-tb-header .fusion_builder_column {
    width: 50% !important;
}
	.awb-menu.collapse-enabled .menu-item-language a .menu-text {
    border: 2px solid #000;
    border-radius: 8px;
    padding: 0px 10px;
    margin-left: 0;
}
	.awb-menu.collapse-enabled .menu-item-language a{
		        margin: 0;
        padding: 0 !important;
        padding-left: 10px !important;
    
	}
	.fusion-tb-header .fusion-builder-row{
	padding: 0 20px;
	}
	.fusion-body .fusion-title.fusion-sep-none {
    text-align: center;
}
	.fusion-reading-box-container .reading-box > * {
    text-align: left !important;
    padding: 0 !important;
    margin: 0 !important;
}
	.fusion-counters-box .fusion-counter-box {

        text-align: center !important;
    }
	.full_width_button {
    width: 100%;
}
	.owl-carousel .owl-item {
    opacity: 1;
    transform: scale(1); 
    transition: all 0.5s ease;
    visibility: visible; 
}

.owl-carousel .owl-item.center-active {
    opacity: 1;
    transform: scale(1); 
    z-index: 2;
}

}
@media screen and (max-width: 1400px){
.menu-item-language {
    margin-left: 1vw !important;
}
}
@media screen and (max-width: 1140px){
.fusion-button {
    padding: 8px 13px !important;
}
	.wpml-ls-legacy-dropdown, .js-wpml-ls-item-toggle.wpml-ls-item-toggle, .wpml-ls-legacy-dropdown .wpml-ls-item{
		width: 60px !important;
        padding: 8px !important;
	}
	.fixed_height_img img {
    max-height: inherit;
	}
}
@media screen and (max-width: 1000px){
.fusion-tb-header .fusion_builder_column {
    width: 50% !important;
	}
	.awb-menu.collapse-enabled .menu-item-language a .menu-text {
    border: 2px solid #000;
    border-radius: 8px;
    padding: 0px 10px;
    margin-left: 0;
}
	.awb-menu.collapse-enabled .menu-item-language a{
		margin: 0;
        padding: 0 !important;
        padding-left: 10px !important;
    
	}
	.mobile_align_right .fusion-column-wrapper {
    flex-direction: row !important;
    display: flex;
    justify-content: flex-end;
}
}
#wrapper .fusion-widget-area .current_page_item>a{
	color: var(--primary_color) !important;
	    border: none !important;
}
.menu-item-language .awb-menu__sub-ul_main {
    left: auto;
}
.awb-menu__sub-ul .wpml-ls-menu-item {
    background: transparent;
    padding: 6px 12px !important;
    margin: 0;
    color: #fff;
    text-align: left;
    margin-left: 0 !important;
    margin-top: 5px;
    min-width: 66px;
    width: inherit;
    border-radius: 6px !important;
	    border-bottom-width: 2px !important;
}
.awb-menu__sub-ul .wpml-ls-menu-item a{
	color: #fff !important;
	padding: 0 !important;
}

.fusion-tb-header .fusion-sticky-container {
	background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-bottom: 0;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out;
}
.fusion-tb-header .fusion-fullwidth {
    padding: 0 45px;
	z-index: 3000;
}
.projects-single-navigation {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0;
}
.custom-prev, .custom-next {
    width: 100%; 
}
.custom-prev a, .custom-next a {
    display: flex;
    justify-content: flex-start;
    flex: 1;
    flex-direction: column;
    width: 100%;
	position: relative;
}
.custom-next a {
    justify-content: flex-end !important;
    display: flex;
	text-align: end;
}
.custom-prev-subtitle, .custom-next-subtitle {
    font-size: 16px;
}
.custom-prev-text, .custom-next-text {
    font-size: 14px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: 600;
	position: relative;
}

.custom-prev .custom-prev-text:before {
    position: absolute;
    top: 50%;
    transform: translateY(-51%);
    left: -1em;
        font-family: 'viscircle';
    content: "\e903";
	    font-size: 16px;
}
.custom-next .custom-next-text:before {
    position: absolute;
    top: 50%;
    transform: translateY(-51%);
    right: 0;
    content: "\e902";
    font-family: 'viscircle';
	    font-size: 16px;
}
.custom-next-text, .custom-next-subtitle {
    padding-right: 22px;
}
.custom-prev-text, .custom-prev-subtitle {
    padding-left: 10px;
}
.custom-next-subtitle {
    padding-right: 20px;
}
@media screen and (max-width: 1280px){
	.projects-single-navigation{
        padding-right: var(--container_padding_100_right, var(--hundredp_padding));
    padding-left: var(--container_padding_100_left, var(--hundredp_padding));
}
}
@media screen and (max-width: 1280px) {
    .projects-single-navigation {
        padding-right: 40px;
        padding-left: 40px;
        width: 100%;
    }
}
.narrow_row{
    background: #f0f2f3;
}
.narrow_row .fusion-row {
    max-width: 960px !important;
    margin: 0 auto;
}
.fixed_height_img img {
    height: 400px;
    object-fit: cover;
}
.narrow_column {
    max-width: 720px;
}
.fusion-sticky-container {
    transition: top 1s ease;
	margin-top: 0 !Important;
}

.fusion-sticky-container.hide-sticky-header {
	    margin-top: -60px !important;
    transition: all ease 1.8s !important;

}
.narrow_video_bg{
	max-width:960px;
}
/* Ensure proper positioning and transitions for video and image */
.video_bg .fullwidth-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensure the video fits the container */
    z-index: 1;
    opacity: 0; /* Hidden by default */
}

.video_bg .fullwidth-video-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover; /* Ensure the image covers the container */
    background-position: center; /* Center the image */
    z-index: 2;
    opacity: 1; 
	display: block !important;
}

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

@media screen and (max-width: 980px){
	.video_bg.fullwidth-box.video-background {
    position: relative;
    aspect-ratio: 16 / 9;
    width: auto;
    min-height: 200px;
	border-radius: 0 !important;
}
	#custom-video-modal .video-lightbox-content {
    max-width: 90vw;

    margin-top: 30vh;
}
}

@media screen and (max-width: 800px){
	.video_bg > *:not(.fusion-button){
    border-radius: 0 !important;
}
.narrow_row .fusion_builder_column:first-child .fusion-column-wrapper {
    border-radius: 16px 16px 0 0 !important;
}
.narrow_row .fusion_builder_column:last-child .fusion-column-wrapper {
    border-radius: 0 0 16px 16px  !important;
}
.video-hover-container .video-container video{
		border-radius: 0 0 16px 16px  !important;
}
}
.company_narrow_col .fusion-column-wrapper{
	display: flex;
    flex-direction: column;
    align-items: self-start;
    justify-content: space-between;
}
.projects_video_over {
    position: relative;
    overflow: hidden;
	min-height: 395px;
	border-radius: 16px;
	
}
.projects_video_over .fusion-column-wrapper{
	padding: 0;
	border-radius: 16px !Important;
	position: relative;
}
.projects_video_over .fusion-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border-radius: 16px;
}
.projects_video_over .video-wrapper{
	height:395px !important;
}
.projects_video_over .fusion-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:395px !important;
    object-fit: cover;
    opacity: 0; /* Hidden by default */
    visibility: hidden; /* Hidden by default */
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, height 0.5s ease-in-out;
	border-radius: 16px;
}

.projects_video_over .fusion-builder-row-inner {
    padding: 0 !important;
    color: #fff;
    background: hsl(203deg 30% 26% / 100%);
    margin: 0 !important;
    border-bottom-left-radius: 16px !important;
    bottom: 0;
    border-bottom-right-radius: 16px !important;
    min-height:170px;
}

.projects_video_over video,
.projects_video_over iframe {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  object-fit: cover;
}
.mobile-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    padding: 12px 18px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
}

.mobile-video-play:hover {
    background: rgba(0, 0, 0, 0.9);
}
/* Custom Video Lightbox */
body.video-modal-open {
    overflow: hidden;
}

/* Custom Video Lightbox */
#custom-video-modal.video-lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 71%);
    z-index: 99999; /* Ensures it stays on top */
}

/* Centering Video Inside Lightbox */
#custom-video-modal .video-lightbox-content {
    position: relative;
    max-width: 60vw;
    max-height: 80vh;
    text-align: center;
    margin: 0 auto;
    margin-top: 15vh;
}

/* Make Video Responsive */
#custom-video-modal.video-lightbox video {
    width: 100%;
    height: auto;
    max-height: 70vh;
    display: block;
    border-radius: 5px;
}

/* Close Button Styling */
#custom-video-modal .video-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    color: white;
    line-height: 20px;
    cursor: pointer;
    background: #0808088c;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    transition: all 0.3sease;
    cursor: pointer;
    padding: 0;
    z-index: 9999;
}

#custom-video-modal .video-close:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Prevents scrolling when modal is open */
body.video-modal-open {
    overflow: hidden;
}
.play-video-button i{
	margin: 0;
}
.fusion-button.mobile-video-play{
    align-items: center;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    color: #fff; 
}
.fusion-button.mobile-video-play:hover{
	border-color: var(--button_border_color); 
}
.fusion-button.mobile-video-play i{
    padding: 0;
    margin: 0;
    color: #fff;
}
@media (max-width: 1280px) {
.gradient_mobile img {
    max-width: 140px;
}
}
/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
	.owl-carousel .client-name {
    text-align: left !important;
    margin-left: 0 !important;
}
	.gradient_mobile {
    background-color: #2f4858 !important;
    background-image: none !important;
}

	.separator_mobile {
    margin-top: 200px !important;
}
    #custom-video-modal.video-lightbox {
        width: 100%;
        max-width: 100%;
        padding: 10px;
    }

    #custom-video-modal .video-lightbox-content {
        max-height: 75vh;
    }

    #custom-video-modal.video-lightbox video {
        max-height: 60vh;
    }
	.fusion-fullwidth .fusion-image-element img, .fusion-fullwidth .fusion-image-element span, 
	.fusion-fullwidth .fusion_builder_column:not('.projects_video_over') .fusion-column-wrapper, 
	.fusion-fullwidth .fusion_builder_column:not('.post-card') .fusion-column-wrapper, 
	.video_bg > *:not(.fusion-button) {
    border-radius: 0 !important;
}
	.play-video-button{
		padding: 20px !important;
	}
	.fusion-post-cards .fusion-title {
    margin-top: 20px !important;
}
	.fusion-imageframe, fullwidth-video-image{
		border-radius: 0 !important;
	}
	.circle_mobile{
	border-radius: 50% !important;
}
	.gradient_mobile{
		background-image: linear-gradient(180deg, var(--awb-custom_color_2) 100%,var(--awb-custom_color_3) 100%)
	}
}
.video_bg video::-webkit-media-controls {
    display: none !important;
}

.video_bg video::-webkit-media-controls-panel {
    display: none !important;
}

.video_bg video::-webkit-media-controls-play-button,
.video_bg video::-webkit-media-controls-start-playback-button {
    display: none !important;
}

.fusion-post-cards .fusion-column-wrapper {
    border-radius: 16px;
    border: 1px solid #eee;
}
.square_button{
	padding: 10px;
}
.square_button i{	
	margin: 0;
}
#main #comment-submit, .comment-form input[type="submit"]{

    text-indent: inherit;
}
.video_bg.narrow_video_bg.video-background .fullwidth-video video {
   height: auto;
    width: 100%;
}
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox input:checked+label:before, .fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label:before {
    border:1px solid #195ba7 !important;
}
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox input:checked+label:after {
    background: #feb739 !important; 
}
.fusion-form-form-wrapper .fusion-form-field {

    margin-bottom: 0 !important;
}
.square_button {
    padding: 6px 8px !important;
}
.square_button i {
    font-size: 18px !important;
	font-weight: 700;
}
.video_bg .fullwidth-video video {
    width: 100% !Important;
    height: auto !important;
}
/*Navigation menu - Homepage only icon*/
.fusion-tb-header nav:not(.collapse-enabled) .awb-menu__main-li:first-child span {
    font-size: 0;
}
.fusion-tb-header nav:not(.collapse-enabled) .awb-menu__main-li:first-child, .fusion-tb-header nav:not(.collapse-enabled) li.current-menu-item:first-child, .fusion-tb-header nav:not(.collapse-enabled) .awb-menu__main-li:first-child:hover {
	text-decoration: none !important;
}
.fusion-tb-header nav:not(.collapse-enabled) .awb-menu__main-li:first-child a:before {
    content: "\e920";
    display: block;
    font-size: 20px;
    color: #fff;
    position: relative;
    font-family: 'Basic';
    line-height: 1.1em;
    text-decoration: none !important;
}

.fusion-tb-header nav:not(.collapse-enabled) .awb-menu__main-li:first-child:hover a:before, 
.fusion-tb-header nav:not(.collapse-enabled) li.current-menu-item:first-child a:before {
	color:var(--primary_color) !important;
}
/*End Navigation menu - Homepage only icon*/
.awb-menu.collapse-enabled li.current-menu-ancestor>a, .awb-menu.collapse-enabled li.current-menu-item>a, .awb-menu.collapse-enabled li.expanded>a, .awb-menu.collapse-enabled li:hover>a {
    background: var(--primary_color) !important;
    color: var(--awb-mobile-active-color) !important;
}


.projects_video_over .fusion-selfhosted-video video{
	display: flex;
}
.projects_video_over:hasChild('.fusion-vimeo') .fusion-builder-row-inner {

    min-height: 183px;
}
.narrow_row .fusion-button i {
    margin: 0;
}
@media screen and (max-width: 800px){
		.fusion-tb-header .fusion-fullwidth {

    position: fixed; 
	}
}
@media only screen and (max-width: 640px) {
   .projects_boxes h1, .projects_boxes h2, .projects_boxes h3, .projects_boxes h4, .projects_boxes h5, .projects_boxes h6, .projects_boxes p {
      
        text-align: left !important;
    }
}
@media only screen and (max-width: 768px) {
	.pulse-on-mobile {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
  .pulse-on-mobile img {
    display: none;
    animation: pulse 1.2s ease-in-out 5;
	  
  }

  .pulse-on-mobile img.pulse-visible {
    display: inline-block;
  }

  @keyframes pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.3); opacity: 0.7; }
    100% { transform: scale(1); opacity: 0; }
  }
}
.projects_video_over {
    aspect-ratio: 1 / 1;
    height: auto !important;
	min-height: 200px;
}

.projects_video_over .fluid-width-video-wrapper{
	padding: 0;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 16px 16px 0 0;
    position: relative;
    width: 100%;
    padding-top: 0 !important;
}

.fusion-button.button-3d {
    box-shadow: none !important;
    background: transparent !important;
    color: var(--awb-custom_color_2) !important;
}
.fusion-button.button-3d .fusion-button-text{
	    color: var(--awb-custom_color_2) !important;

}
.single-post .fusion-text a {
    text-decoration: underline;
}
.fusion-panel .panel-body a {
    text-decoration: underline !important;
}
/* TEST: self-hosted video resize fix */
.projects_video_over_new {
    aspect-ratio: 1 / 1;
    height: auto !important;
    min-height: 200px;
}

.projects_video_over_new .fusion-column-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.projects_video_over_new .fusion-video.fusion-selfhosted-video {
    flex: 0 1 auto;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 16px 16px 0 0;
    position: relative;
}

.projects_video_over_new .video-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.projects_video_over_new .video-wrapper video {
    position: relative !important;
    height: 100% !important;
    top: 0 !important;
    object-fit: cover !important;
}

/* Hide video and text/buttons by default */
.projects_video_over_new .fusion-video.fusion-selfhosted-video,
.projects_video_over_new .fusion-builder-row.fusion-builder-row-inner {
    display: none;
}

/* On hover: reveal */
.projects_video_over_new:hover .fusion-video.fusion-selfhosted-video,
.projects_video_over_new:hover .fusion-builder-row.fusion-builder-row-inner {
    display: block;
}