/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/


.form-wrapper .wpforms-field-label {
display:none !important;
}

.form-wrapper .wpforms-submit {
	margin-top:25px !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 58px !important;
    padding: 20px 91px 20px 70px !important;
    background-color: #000 !important;
    background-image: url("http://localhost/acutis_new/wp-content/uploads/2026/01/Link-1.svg");
    background-repeat: no-repeat;
    background-position: right 67px center;
    background-size: 11px 11px;
    color: #fff !important;
    border: 1px solid #000 !important;
    border-radius: 1px !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    font-weight: 400 !important;
	transition: none !important;
    opacity: 1 !important;
}
.form-wrapper  .wpforms-submit-container{
display:flex;
justify-content:center;
}
.form-wrapper .wpforms-submit:hover{
 background-image: url("http://localhost/acutis_new/wp-content/uploads/2026/01/Link-1.svg") !important;
	   background-repeat: no-repeat  !important;
    background-position: right 67px center  !important;
    background-size: 11px 11px  !important;
}
.form-wrapper .wpforms-field-medium ,.form-wrapper .wpforms-field-medium:focus{
	    box-shadow:none !important;
    outline: none !important;
    border-bottom: 2px solid black !important;
    border-top: none !important;
    border-left: none !important;
    border-radius: 0 !important;
    border-right: none !important;
	padding:0 !important;
}
.form-wrapper{
width:75% !important;
}
.form-wrapper .wpforms-field-medium{
		max-width:100% !important;
}
.wpforms-container .wpforms-field{
	padding:0 !important;
}
.form-wrapper input::placeholder{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size:18px !important;
font-weight:400 !important;
	color:black !important;
	 opacity: 1 !important;
    -webkit-text-fill-color: #000 !important;
}


.e-con:where(:not(.e-div-block-base)){
transition:none !important;
}

/*hOVER EFFECT ON IMAGE*/
.image-wrap {
  overflow: hidden;
}

.image-wrap img {
  object-fit: cover;
  object-position: center;
  filter: grayscale(100%);
  transition: filter 0.5s ease, transform 0.5s ease;
}

.image-wrap:hover img {
  transform: scale(1.06);
	 filter: grayscale(0%);
}

/*collection page*/
.tabs-cont .e-n-tabs-heading{
	padding-top: 60px !important;
	background-color:white !important;
}

.tabs-cont .e-n-tab-title{
 width: fit-content;
	 padding: 0px 0px 6px 0;
	margin-bottom:35px;
}

.tabs-cont .e-n-tab-title:hover , .tabs-cont .e-n-tab-title[aria-selected="true"] {
    width: fit-content !important;
    border-bottom: 2px solid black !important;
    padding: 0px 0px 6px 0 !important;
	text-shadow:none !important;
}

.tag-cont {
  overflow: hidden;
}

.tag-cont img {
  object-fit: cover;
  object-position: center;
  filter: grayscale(100%);
  transition: filter 0.5s ease, transform 0.5s ease;
}
.tag-cont:hover .tag-title {
z-index:2 !important; 
	 
}

.tag-cont:hover img{
 transform: scale(1.06) !important;
}
/*end collection page*/

/* slider */
.author span{
color:white !important;
}
.item .author {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
}

.item {
  gap: 8px;
}

.item h2 {
  font-size: 26px;

  letter-spacing: 2%;
}

.item p {
  font-size: 24px;
text-transform:uppercase;
  font-weight: 100;

  /*line-height:39.6px;*/
}

.item h2,
.item p {
  text-align: left;

  margin: 0;

  color: #fff;

}

	a:hover {
		color: white !important;
	}

.testimonial-wrapper {
  width: 100%;

  padding: 40px 0;

  overflow: hidden;
}

.testimonial-carousel .item {
  background: #000000bd;

  padding: 40px;

  margin: 0 15px;

  text-align: center;

  transform: scale(0.8);

  transition: 0.8s;

  opacity: 0.5;

  transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;

  width: 918px !important;

  height: 389px !important;
}

.e-n-tabs-heading {
    gap: 20px !important;
    padding-left: 80px;
}

.testimonial-carousel .owl-item.center .item {
  transform: scale(1);

  opacity: 1;
}

.owl-nav {
  position: absolute;

  top: 50%;

  width: 100%;

  transform: translateY(-50%);

  pointer-events: none;
}

.owl-nav button.owl-prev,
.owl-nav button.owl-next {
  width: 48px;

  height: 48px;

  background: white !important;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  pointer-events: all;

  border: none !important;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);

  position: absolute;

  top: 50%;

  transform: translateY(-50%);
}

.owl-nav .owl-prev {
  left: calc(52% - 520px);
}

.owl-nav .owl-next {
  right: calc(52% - 520px);
}

.owl-nav button img {
  width: 22px;

  height: 22px;
}

.owl-nav button:hover {
  background: #ffffff !important;
}

.owl-dots {
  margin-top: 20px;

  text-align: center;
}

.owl-dots .owl-dot span {
  width: 12px;

  height: 12px;

  background: #ccc;

  display: block;

  border-radius: 50%;

  margin: 0 5px;

  transition: 0.3s;
}

.owl-dots .owl-dot.active span {
  background: #b89f6b;

  outline: 0;

  border: 1px solid #000 !important;

  transform: scale(1.2);
}

.owl-stage {
  transition: all 1.5s ease-in-out !important;
}

.custom-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    height: 58px;
    padding: 20px 70px;
    background: #000;
    color: #fff;
    border: 1px solid #000;
    border-radius: 1px;
    text-decoration: none !important;
    font-size: 18px;
    font-weight: 400;
    opacity: 1;
    overflow: hidden;
	gap:8px;
}  

.elementor-widget-n-tabs .e-n-tabs { 
    gap: 40px !important;
}



/* Arrow from WP media */
/*.custom-button::after {
    content: "";
    position: absolute;
    right: 19px;
    width: 11px;
    height: 11px;
    background: url("https://acutis.walkwel.info/wp-content/uploads/2025/12/Link-1.svg") no-repeat center / contain;
    z-index: 1;
    transition: transform 0.4s ease;
}
*/

	.image-wrap{
    max-height: 500px !important;
}
	.image-wrap img{
height:500px;}

@media (max-width: 1024px) {
  .testimonial-carousel .item {
    width: 80% !important;

    height: 389px !important;

    padding: 30px;
  }
}

@media (max-width: 600px) {
  .testimonial-carousel .item {
    width: 75% !important;

    height: auto !important;

    margin: 0 auto !important;

    transform: scale(0.8) !important;

    opacity: 1 !important;

    padding: 10px !important;
  }

  .owl-nav button img {
    width: 22px;

    height: 22px;

    padding: 4px;
  }

  .testimonial-carousel .owl-item.center .item {
    transform: scale(1) !important;

    opacity: 1 !important;
  }

  .owl-nav {
    top: 50%;

    transform: translateY(-50%);
  }

  .owl-nav .owl-prev,
  .owl-nav .owl-next {
    width: 36px;

    height: 36px;

    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
  }

  .owl-nav .owl-next {
    right: 10px !important;

    width: 25px !important;

    height: 25px !important;
  }

  .owl-nav .owl-next {
    right: 10px !important;

    width: 30px !important;

    height: 30px !important;
  }

  .item h2 {
    font-size: 16px;
  }

  .item p {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
	#collection_tabs_nav .e-n-tab-title{
		padding: 0 0 0 15px;
	}
	
	.elementor-20 .elementor-element.elementor-element-a030c40:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-a030c40 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-position: center;
    background-size: 100% !important;
}
	
	.e-n-tabs-heading {
    gap: 0px !important;
    padding-left: 40;
}

.elementor-widget-n-tabs .e-n-tabs {
    gap: 20px !important;
}

.elementor-widget-n-tabs .e-n-tab-title-text {
 
    font-size: 20px !important;
}
	
	
.wpcf7-form p {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center;
}
	
	.elementor-widget-n-tabs .e-n-tab-title-text {
    font-size: 17px !important;
    padding-bottom: 12px !important;
    padding-top: 11px !important;
}
	.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon svg {
    HEIGHT: 10px !important;
    WIDTH: 10px !important;
}
	.e-n-tabs-heading {
    gap: 20px !important;
    padding-left: 20px !important;
}
	
 .elementor-widget-n-tabs .e-n-tabs {
    gap: 10px !important;
}
	
	.elementor-313 .elementor-element.elementor-element-20d59f1 {
    --n-tabs-heading-width: 260px !important;
}
	

}

@media (min-width: 320px) and (max-width: 768px) {
	
	.image-wrap{
    max-height: 300px !important;
}
	.image-wrap img{
height:300px; !important}
	
	.custom-button {
		width: 100% !important;
		    padding: 20px 10px !important;
	}
	
	
.wpcf7-form p {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center;
}

	
	.elementor-20 .elementor-element.elementor-element-0d13d47 .elementor-heading-title {
    font-size: 17px;
    letter-spacing: 0.5px;
		
}
	
	a.custom-button.v_collec {
    font-size: 14px;
    text-wrap: no-wrap;
    width: 100%;
}
	span.elementor-button-text {
    font-size: 14px;
    line-height: 23px !important;
    padding: 0px;
}
	.v_collec {
    padding: 0px 40px !important;
    text-align: center;
    align-items: center;
 
}
	
	.elementor-element.elementor-element-dc667a7.elementor-hidden-desktop.elementor-hidden-tablet.elementor-widget.elementor-widget-heading {
    padding-top: 40px;
}
.form-wrapper {
    width: 85% !important;
}
	.form-wrapper .wpforms-submit {
    font-size: 14px !important;
}
	.form-wrapper input::placeholder{
	font-size:16px !important;
}
	.elementor-24 .elementor-element.elementor-element-a54f6ae {
   padding: 0px;
}
	.form-wrapper {
    padding: 20px 0;
}
}

/*---TESTING------*/
.collection-tabs {
	height: 660px;
	overflow: hidden;
}

/* Collection Tabs css  */
.tabs-gallery-wrapper {
    display: flex;
    background: #B89F6B;
    padding: 40px 40px  100px 0px;
    gap: 30px;
}

.tabs-gallery-wrapper .tabs-nav {
    background: white;
    padding: 60px 0px 60px 100px !important;
    width: 25% !important;
    list-style: none;
    margin: 0;
}

.tabs-gallery-wrapper .tabs-nav li {
    padding: 17px 0;
    cursor: pointer;
    letter-spacing: 1px;
    text-transform: uppercase;
	font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #0B0B0B;
}

.tabs-gallery-wrapper .tabs-nav li.active,
.tabs-gallery-wrapper .tabs-nav li:hover {
   text-decoration:underline;
}

.tabs-gallery-wrapper .tabs-content {
    flex: 1;
}

.tabs-gallery-wrapper .tab-panel {
    display: none;
}

.tabs-gallery-wrapper .tab-panel.active {
    display: block;
}

.tabs-gallery-wrapper .image-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.tabs-gallery-wrapper .image-item {
    position: relative;
    overflow: hidden;
	height:550px !important;
}

.tabs-gallery-wrapper .image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: grayscale(100%);
     transition: filter 0.5s ease, transform 0.5s ease;
}

.tabs-gallery-wrapper .image-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 24px;
    opacity: 0;
    transition: 0.4s ease;
}

.tabs-gallery-wrapper .image-overlay span {
    color: #fff;
    font-size: 24px;
    letter-spacing: 2px;
    font-family: Helvetica;
    font-weight: 300;
	text-transform: uppercase;
}

.tabs-gallery-wrapper .image-item:hover img {
    filter: grayscale(0%);
	transform: scale(1.06);
	
}

.tabs-gallery-wrapper .image-item:hover .image-overlay {
    opacity: 1;
}



/* =========================================================
   RESPONSIVE
========================================================= */

/* Mobile */
@media screen and (max-width: 426px) {
	.tabs-gallery-wrapper {
		flex-direction: column;
		display: flex;
		padding: 20px;
	}
	.tabs-gallery-wrapper .tabs-nav {
		padding: 10px !important;
		width: 100% !important;
		display: flex !important;
			flex-wrap:wrap;
	}
	.tabs-gallery-wrapper .tabs-nav li {
		padding: 5px 10px;
		cursor: pointer;
		font-size: 16px;
	}
	.tabs-gallery-wrapper .image-grid {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
	.tabs-gallery-wrapper .image-item {
		height: 300px !important;
	}
	.tabs-gallery-wrapper .image-overlay span {
		font-size: 18px;
	}
	.tabs-gallery-wrapper .image-overlay {
		padding: 10px 20px;
	}
}

/* Tablet */
@media screen and (min-width: 426px) and (max-width: 769px) {
	.tabs-gallery-wrapper {
		flex-direction: column;
		display: flex;
		padding: 20px;
	}
	.tabs-gallery-wrapper .tabs-nav {
		padding: 10px !important;
		width: 100% !important;
		display: flex !important;
			flex-wrap:wrap;
	}
	.tabs-gallery-wrapper .tabs-nav li {
		padding: 5px 10px;
		cursor: pointer;
		font-size: 16px;
	}
	.tabs-gallery-wrapper .image-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.tabs-gallery-wrapper .image-item {
		height: 300px !important;
	}
	.tabs-gallery-wrapper .image-overlay span {
		font-size: 18px;
	}
	.tabs-gallery-wrapper .image-overlay {
			padding: 10px 20px;
	}
}

/* Small Desktop */
@media screen and (min-width: 769px) and (max-width: 1025px) {
	.tabs-gallery-wrapper {
		display: flex;
		padding: 20px;
	}

	.tabs-gallery-wrapper .tabs-nav {
		padding: 10px !important;
		width: 20% !important ;
		/* display: flex !important; */
	}

	.tabs-gallery-wrapper .tabs-nav li {
		padding: 5px 10px;
		cursor: pointer;
		font-size: 16px;
	}
	.tabs-gallery-wrapper .image-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.tabs-gallery-wrapper .image-item {
		height: 420px !important;
	}
	.tabs-gallery-wrapper .image-overlay span {
		font-size: 18px;
	}
	.tabs-gallery-wrapper .image-overlay {
		padding: 10px 20px;
	}
}

/* =========================
   WRAPPER
========================= */
.home-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

/* =========================
   TABS NAV
========================= */
.home-wrapper .tabs-nav {
    display: flex;
    gap: 30px;
    list-style: none;
    padding: 0;
    margin: 35px 100px;
}

.home-wrapper .tab-link {
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    font-family: 'Helvetica';
    font-weight: normal;
    text-transform: uppercase;
    color: #222C38;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

.home-wrapper .tab-link svg {
    opacity: 0;
    transform: translateX(-5px);
    transition: all 0.3s ease;
}

.home-wrapper .tab-link.active svg,
.home-wrapper .tab-link:hover svg {
    opacity: 1;
    transform: translateX(0);
}

.home-wrapper .tab-link.active::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
}

/* =========================
   TAB CONTENT
========================= */
.home-wrapper .tabs-content {
    position: relative;
}

.home-wrapper .tab-panel {
    display: none;
}

.home-wrapper .tab-panel.active {
    display: block;
}

/* =========================
   IMAGE GRID (LIKE SCREENSHOT)
========================= */
.home-wrapper .image-grid {
  display: grid;
	height:755px;
  grid-template-columns: 2fr 1fr 1fr;
  grid-auto-rows: 355px 355px 340px;
  gap: 0px;
}
.home-wrapper .image-grid > :nth-child(1) {
  grid-column: 1 / 2;
  grid-row: span 2;
}
.home-wrapper .image-grid > :last-child {
  grid-column: 2 / -1;
  grid-row: span 1;
}

.home-wrapper .image-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* =========================
   IMAGE ITEM
========================= */
.home-wrapper .image-item {
    position: relative;
    overflow: hidden;
}


.home-wrapper .image-item:hover img {
    transform: scale(1.08);
}
.home-wrapper .image-grid img {
filter: grayscale(100%);
transition: filter 0.6s ease, transform 0.6s ease;
}
.home-wrapper .image-grid .image-item:hover img {
  filter: grayscale(0%);
  transform: scale(1.05);
}
/* =========================
   OVERLAY
========================= */

.home-wrapper .image-grid .image-item .image-overlay {
    position: absolute;
    bottom: 0;
    right: 100px;
    /* inset: 0; */
    height: auto;
    background: black;
    opacity: 0;
	padding: 30px 50px;
    transition: opacity 0.4s ease;
    width: auto;
}
.home-wrapper .image-grid .image-item:last-child .image-overlay {
  opacity: 1;
}
.home-wrapper  .image-overlay span{
    font-size: 25px;
    font-family: 'Helvetica';
    color: white;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 3px;
}
.home-wrapper  .image-overlay p {
    font-family: 'Helvetica';
    font-size: 18px;
    color: white;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing: 1px;
	margin-bottom:0px;
}
.home-wrapper .tabs-nav {
    display: flex;
    align-items: center;
}

/* Tabs */
.home-wrapper .tabs-nav .tab-link {
    position: relative;
    padding: 0 0 0 35px;
    white-space: nowrap;
}

/* ✅ Divider BEFORE every tab except the first */
.home-wrapper .tabs-nav .tab-link + .tab-link::before {
    content: "|";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #0B0B0B;
}

/* Active underline (safe) */
.home-wrapper .tabs-nav .tab-link.active::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 16px;
    width: 100%;
    height: 2px;
    background: #000;
}

/* Push button to right */
.home-wrapper .tabs-nav li:last-child {
    margin-left: auto;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1024px) {
    .home-wrapper .image-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }

    .home-wrapper .image-item:first-child {
        grid-column: span 2;
        grid-row: auto;
    }
}

@media (max-width: 640px) {
    .home-wrapper .tabs-nav {
        overflow-x: auto;
        white-space: nowrap;
    }

    .home-wrapper .image-grid {
        grid-template-columns: 1fr;
    }

    .home-wrapper .image-item:first-child {
        grid-column: auto;
    }
}