/*
Theme Name: forgex
Theme URI: http://themexriver.com/wp/forgex
Author: themexriver
Author URI: http://themexriver.com/
Description: Forgex - Industrial & Factory WordPress Theme
Version: 1.0.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: forgex
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

.breadcrumb-area {padding-top: 180px;}

.anim-gradient {
	background: linear-gradient(127deg,#152133,#112d70,#0393d0,#1f2a62,#152133);
	background-size: 240% 240%;
	animation: gradient-animation 36s ease infinite;
	}
	
	@keyframes gradient-animation {
	  0% {
	    background-position: 0% 50%;
	  }
	  50% {
	    background-position: 100% 50%;
	  }
	  100% {
	    background-position: 0% 50%;
	  }
	}
.txa-offcanvas-box {padding: 60px;}
.txa-offcanvas-services-item {font-size: 20px}

.fx-hero-1-slider-item {padding-top: 200px;}
.fx-serve-1-slider {transform: translateX(50px); }
.fx-serve-1-slider-shpae line {stroke: white;}
.fx-serve-1-slider-btn .slider-btn {color: #FFF;}
.fx-serve-1-slider-btn .slider-btn:hover {color: #2A4369;}
.fx-serve-1-slider::after {background: #2ca8df}
#divisions {
	margin: 12px;
}

.fx-about-1-card {max-width: 500px;}

#partners-logo img {max-height: 100px; width: auto;}

#partners-logo .swiper-pagination {top: 100%;}

.fx-project-1-item-single .item-icon svg {max-width: 64px; height: 64px;}

.txa-offcanvas-contact li:last-child a {
	padding: 12px 24px;
	border: 1px solid #2ca8df;
	color: #2ca8df;
	border-radius: 8px;
}
.txa-offcanvas-contact li:last-child a:hover {
	background: #2ca8df;
	color: #FFF;
	opacity: 1;
}
.fancybox-opened .fancybox-skin {border-radius: 14px; }
.fancybox-hidden { max-width: 480px; padding: 5% ;}
.fancybox-hidden h4 {color: #2ca8df; margin: 0 0 1em;}

#division-popup .e-con-inner {padding: 0 !important;}

@media only screen and (max-width: 767px) {
	.fx-project-1-item-single {gap: 10px;}
	.fx-project-1-item-single .item-btn {display: none;}
	.fx-project-1-item-single .item-icon svg {width: 32px; height: 32px;}
	.elementor-kit-7 h2 {font-size: 32px;}
}

@media only screen and (max-width: 479px) {
	.fx-project-1-item-single {gap: 10px;}

}