/*
Theme Name: Archio
Theme URI: http://demo.casethemes.net/archio
Author: Case-Themes
Author URI: https://casethemes.net/
Description: Archio is created to provide modern solution for any business type. The theme is packed with large collection of beautifully designed homepages and a large number of inner page styles. Also, there are versatile and easily tailored portfolio templates that will give you full freedom to create the showcase you need. Moreover, Archio looks flawless on all devices, so your content will look equally amazing across all device types. Whether you need a personal theme or professional theme, Archio can be a perfect fit. Get it today and discover all the features one WordPress site needs.
Version: 1.0.0
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: archio
Tags: business, consulting, consultant, agency, company, advertising, corporate, finance, financial, multipurpose, accountant, marketing, software, startup, modern, saas  
*/

.e-con-full.e-parent.e-lazyloaded .custom-carousel-wrapper .carousel {
    height: 280px !important;
    transform: unset;
}
.main_home_slider_sec .swiper-slide {
    padding: 0px !important;
}
.pxl-heading .pxl-title--highlight
 {
    color: #a9793e !important;
}
cite {
    color: #a9793e !important;
}
.menu-click .logo-menu img {
    min-width: 103px !important;
    width: 103px !important;
}
.menu-click.active .menu-content .logo-menu img {
    min-width: 100px !important;
}
.single-product.woocommerce div.product p.price del{
    text-decoration: none !important;
	position: relative !important;
	    opacity: 1 !important;
}
.single-product.woocommerce div.product p.price del:before {
    content: "" !important;
    position: absolute !important;
    height: 1px !important;
    width: 100% !important;
    background: #b5b2b2 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
} 
.single-product.woocommerce div.product p.price del span.woocommerce-Price-amount.amount {
    background-image: linear-gradient(to right, #b5b2b2, #b5b2b2) !important;
}
.products .product .woocommerce-product-inner .woocommerce-product-meta {
    z-index: -1 !important;
    background: none !important;
}
.products .product .woocommerce-product-inner .woocommerce-product-header {
    border: 2px solid #f8f8f8;
    transition: .2s;
}
.products .product .woocommerce-product-inner:hover .woocommerce-product-header {
    border: 2px solid #c5984f;
}

@media screen and (max-width: 767px) {
.feature-sec .ct-fancybox-layout2 {

    padding: 20px;

}
.slider_home_sec .swiper-slide a.slide-overlay h2
 {
    font-size: 20px;
}
.feature-sec .ct-fancybox-layout2 p {

    font-size: 14px;

}

.feature-sec .ct-fancybox-layout2 .ct-fancybox-holder {

    height: auto !important;

    padding-bottom: 60px;

}

.feature-sec .ct-fancybox-layout2 .ct-fancybox-holder a.ct-fancybox-more {

    bottom: 0px;

}
.swiper-slide.swiper-slide-visible a.slide-overlay h2 {
    font-size: 28px;
}
}

/********NEW CSS****/

:root {
  --swiper-image-ratio: 33.3%; /* ratio 16:9 = 56.25% */
 
  --swiper-width: 50%;
  --swiper-inactive-scale: .85; /* makes the other slide smaller */
  /* responsive settings */
  --swiper-mobile-width: 90%;
  --swiper-mobile-inactive-scale: .95;
}
.slider_home_sec {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
      max-width: 1100px;
    margin: auto;
}
.slider_home_sec .swiper {
    position: relative;
    width: 100%;
    height: calc(var(--swiper-width) * var(--swiper-image-ratio) / 100%);
    overflow: hidden;
}
.slider_home_sec .swiper-slide {
  position: relative;
  width: var(--swiper-width);
  opacity: .5;
  transform: scale(.84);
  transition: all .3s ease-in-out;
  overflow: hidden;
  border-radius: 0.4285rem;
}      
.slider_home_sec .swiper-slide.swiper-slide-active {  
  transform: scale(1) !important;
  opacity: 1 !important;
}
.slider_home_sec .swiper-image {
  position: relative;
  width: 100%;
}   
.slider_home_sec .swiper-image .image {
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.slider_home_sec .swiper-button-next,
.slider_home_sec .swiper-button-prev {
  padding: 8px;
  width: 12px;
  height: 12px;
  margin-top: 0;
  background-color: rgba(0, 0, 0, .4);
  border-radius: 50%;
}
.slider_home_sec .swiper-button-next::after,
.slider_home_sec .swiper-button-prev::after {
  color: #fff;
  font-size: 12px;
}
.slider_home_sec .swiper-button-next {
  transform: translate(50%, -50%);
  right: calc((100% - var(--swiper-width)) / 2);
}
.slider_home_sec .swiper-button-prev {
  transform: translate(-50%, -50%);
  left: calc((100% - var(--swiper-width)) / 2);
}
.slider_home_sec .swiper-image .image img {
    width: 100%;
}
.slider_home_sec .swiper-wrapper {
    align-items: center;
}
.slider_home_sec .swiper-wrapper .swiper-slide.swiper-slide-active img {
    height: 600px;
}
.slider_home_sec .swiper-wrapper .swiper-slide img {
    height: 460px;
        object-fit: cover;
}
.slider_home_sec .swiper-slide {
    transform: unset;
}
@media only screen and (max-width: 768px) {
  .slider_home_sec .swiper {
    height: calc(var(--swiper-mobile-width) * var(--swiper-image-ratio) / 100%);
  }
  .slider_home_sec .swiper-slide {
    width: var(--swiper-mobile-width);
  } 
  .slider_home_sec .swiper-backface-hidden .swiper-slide.swiper-slide {
    transform: scale(var(--swiper-mobile-inactive-scale)) translateZ(0);
  }
  .slider_home_sec .swiper-button-next {
    right: calc((100% - var(--swiper-mobile-width)) / 2);
  }
  .slider_home_sec .swiper-button-prev {
    left: calc((100% - var(--swiper-mobile-width)) / 2);
  }
}



.swiper-container {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 40px 20px;
    height: 660px; /* ✅ Fix container height */
}
.slider_home_sec .swiper-slide {
    padding: 0px !important;
}
.slider_home_sec .swiper-slide a.slide-overlay {
    position: absolute;
    bottom: 20px;
    text-align: left;
    width: 100%;
    left: 30px;
    max-width: 390px;
	 transition: .3s ease-in-out;
}
.slider_home_sec .swiper-slide {
    position: relative;
}		
.slider_home_sec .swiper-slide:hover:before {
    background-color: rgb(7 7 7 / 53%);
}
.slider_home_sec .swiper-slide:before {
    content: "";
    background-color: rgba(7, 7, 7, .65);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -khtml-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -o-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
	 z-index: 1;
}		
.slider_home_sec .swiper-slide a.slide-overlay h2 {
    color: #fff;
	    font-size: 30px;
    margin-bottom: 25px;
}
		.slider_home_sec .swiper-slide a.slide-overlay .overlay-content {
    position: relative;
    z-index: 1;
}
.slider_home_sec .swiper-slide:hover a.slide-overlay .overlay-content p {
    opacity: 1;
	display: block;
}
		.slider_home_sec .swiper-slide:hover a.slide-overlay {
    bottom: 80px;
}
		
.slider_home_sec .swiper-slide a.slide-overlay .overlay-content p {
	display: none;
    opacity: 0;
    color: #fff;
    transition: .3s ease-in-out;
    position: absolute;
    bottom: -100px;
}
.slider_home_sec .swiper-button-prev, .slider_home_sec .swiper-button-next {
    width: 70px !important;
    height: 70px !important;
}
.slider_home_sec .swiper-button-prev::after, .swiper-button-next:after {
    font-size: 20px;
}
    .swiper-slide {
        background: #fff;
        text-align: center;
        border-radius: 10px;
        padding: 20px;
        box-shadow: 0 0 20px #00000036;
    }
    .slide-img img {
        width: 100%;
        height: auto;
        border-radius: 10px;
        margin-bottom: 15px;
    }
    .slide-title {
        font-size: 20px;
        margin-top: 10px;
    }
.swiper-slide.swiper-slide-visible a.slide-overlay
 {
    text-align: left;
    position: absolute;
    left: 40px;
    bottom: 40px;
    max-width: 370px;
    transition: .3s ease-in-out;
    width: 100%;
}
.swiper-slide.swiper-slide-visible a.slide-overlay h2 {
    color: #fff;
    font-size: 30px;
}
		.swiper-slide.swiper-slide-visible a.slide-overlay p {
			color: #fff;
			transition: .3s;
		}
		.swiper-slide.swiper-slide-visible:before {
			content: "";
			background-color: rgba(7, 7, 7, .65);
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			-webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
			-khtml-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
			-moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
			-ms-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
			-o-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
			transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
		}
/* 		.swiper-slide.swiper-slide-visible:hover:before {
			opacity: 0;
		} */
		.swiper-slide.swiper-slide-visible.swiper-slide-active {
			height: 660px;
			object-position: center !important;
			filter: blur(0px);
		}
		.swiper-slide.swiper-slide-visible a.slide-overlay p {
			display: none;
			transition: .3s ease-in-out;
			position: absolute;
			bottom: -88px;
		}
		.swiper-slide.swiper-slide-visible a.slide-overlay.swiper-slide.swiper-slide-visible a.slide-overlay .overlay-content .overlay-content:hover p {
			display: block;
		}
		.swiper-slide.swiper-slide-visible:hover a.slide-overlay p {
			display: block;
		}
		.swiper-slide.swiper-slide-visible:hover a.slide-overlay {
			bottom: 130px;
		}
/* 		.swiper-slide.swiper-slide-visible:hover a.slide-overlay h2 {
			color: #c5984f;
		} */
		.swiper-slide.swiper-slide-visible
		 {
			height: 500px;
			background-size: cover !important;
			transform: unset !important;
			position: relative;
/* 			transition: 5s; */
			background-position: center;
			filter: blur(2px);
		}
		div#swiper-wrapper-38101a610f7d8be664 {
			align-items: center;
		}
		.swiper-slide.swiper-slide-visible:hover:before {
			background-color: rgb(7 7 7 / 53%);
		}
		.swiper-wrapper {
			align-items: center;
		}
		.swiper-slide:hover .slide-overlay p {
			display: block;
		}

		.swiper-button-prev, .swiper-button-next {
			background-color: rgba(0, 0, 0, .62);
			width: 70px;
			height: 70px;
			border-radius: 100px;
			color: #fff;
		}
		.swiper-button-prev:after, .swiper-button-next:after {
			font-size: 24px;
		}
		.swiper-button-prev:hover, .swiper-button-next:hover
		{
			background-color: rgba(197, 152, 79, .63);
		}
		.swiper-button-prev, .swiper-rtl .swiper-button-next {
			left: 25px;
		}
		.swiper-button-next, .swiper-rtl .swiper-button-prev {
			right: 25px;
		}
.menu-click .logo-menu img {
  min-width: 103px;
  width: 103px;
  padding: 5px;
}
.menu-click.active .menu-content .logo-menu img {
    min-width: 100px;
}

.coverflow-carousel {
  width: 80%;
  max-width: 900px;
  margin: 50px auto;
  perspective: 1500px;
  position: relative;
}

.carousel-wrapper {
  display: flex;
  transform-style: preserve-3d;
  transition: transform 0.5s ease;
}

.carousel-slide {
  min-width: 300px;
  margin: 0 -60px;
  transition: transform 0.5s, opacity 0.5s;
}

.carousel-slide img {
  width: 100%;
  border-radius: 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

/* Active slide */
.carousel-slide.active {
  transform: translateZ(100px);
  opacity: 1;
}

/* Side slides */
.carousel-slide.prev, .carousel-slide.next {
  transform: rotateY(-40deg) translateX(-100px) translateZ(-50px);
  opacity: 0.5;
}
.carousel-slide.next {
  transform: rotateY(40deg) translateX(100px) translateZ(-50px);
}
.elementor-widget-pxl_icon .elementor-widget-container .pxl-icon-list.pxl-icon1.style-1.icon-horizontal {
    display: none;
}
div#menu-content ul#menu-main-menu li#menu-item-4770, div#menu-content ul#menu-main-menu li#menu-item-4502  {
    display: none;
}
@media screen and (max-width: 1500px) {
.feature-sec .ct-fancybox-layout2 {
    padding: 20px;
}
.feature-sec .ct-fancybox-layout2 p {
    font-size: 14px;
}
.feature-sec .ct-fancybox-layout2 .ct-fancybox-holder {
    height: auto !important;
    padding-bottom: 60px;
}
.feature-sec .ct-fancybox-layout2 .ct-fancybox-holder a.ct-fancybox-more {
    bottom: 0px;
}
.swiper-slide.swiper-slide-visible a.slide-overlay h2 {
    font-size: 28px;
}
.feature-sec .ct-fancybox-layout2 h3.ct-fancybox-title {
    font-size: 22px;
}
}


@media screen and (max-width: 767px) {
.pxl-ct-video .pxl-item-inner {
	padding-top: 270px;
}
.elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-07b833b.pxl-column-none.pxl-column-overflow-hidden-no h3.pxl-item--title span.pxl-heading--text {
    font-size: 30px;
    line-height: 26px !important;
}
.swiper-slide.swiper-slide-visible.swiper-slide-active {
    height: 560px;
    object-position: center !important;
}
.swiper-slide.swiper-slide-visible
 {
    height: 410px;
}
.swiper-slide.swiper-slide-visible a.slide-overlay p {
    bottom: -128px;
}
.swiper-slide.swiper-slide-visible a.slide-overlay h2 {
    font-size: 26px;
}
.swiper-slide.swiper-slide-visible a.slide-overlay {
    left: 20px;
    bottom: 40px;
}
}