/*
Theme Name: Cyberedge 2025
Author: TPV
Description: Cyberedge 2025 Theme
Version: 1.0
Text Domain: cyberedge-2025
*/

html, body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	max-width: 100vw;
}

/* Default hidden */
.only-mobile,
.only-desktop {
  display: none;
}

/* Show only on mobile (up to 767px) */
@media (max-width: 767px) {
  .only-mobile {
    display: block; /* or flex/inline depending on need */
  }
}

/* Show only on desktop (768px and above) */
@media (min-width: 768px) {
  .only-desktop {
    display: block;
  }
}

.circle-container {
	position: relative;
}
.circle-click {
	position: absolute !important;
	left: auto !important;
	right: auto !important;
	top: 0;
	width: 685px !important;
	height: 685px !important;
}
.circle-click .circle-top-right,
.circle-click .circle-top-left,
.circle-click .circle-bottom-right,
.circle-click .circle-bottom-left {
	position: absolute !important;
	width: 50%;
	height: 50%;
	cursor: pointer;
}
.circle-click .circle-top-right {
	top: 0;
	right: 0;
}
.circle-click .circle-top-left {
	top: 0;
	left: 0;
}
.circle-click .circle-bottom-right {
	bottom: 0;
	right: 0;
}
.circle-click .circle-bottom-left {
	bottom: 0;
	left: 0;
}
.circle-section {
	position: absolute !important;
    width: 685px !important;
	top: 0 !important;
    left: auto !important;
    right: auto !important;
  	opacity: 0;
  	transition: opacity 1s ease-in-out;
}
@media (max-width: 768px) {
  .circle-container,
  .circle-click,
  .circle-section {
	width: 100% !important;
	  height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
	aspect-ratio: 1 / 1;
  }
}

.circle-section.active {
  	opacity: 1;
}



.img-fluid {
	width: 100% !important;
	height: auto;
}

.hover-wrapper .hover-show {
	display: none !important;
}
.hover-wrapper:hover .hover-show {
	display: inherit !important;
}
.hover-wrapper:hover .hover-hidden {
	display: none !important;
}

.container-auto {
	width: auto !important;
}


.cf7-full {
  display: block;
  margin-bottom: 8px;
}
.cf7-row {
  display: flex;
  gap: 29px;
}
.cf7-row .cf7-half {
  flex: 1;
}
/* Mobile: stack vertically */
@media (max-width: 767px) {
  .cf7-row {
    flex-direction: column;
    gap: 8px; /* optional smaller gap for mobile */
  }

  .cf7-row .cf7-half {
    flex: 0 0 100%;
    width: 100%;
  }
}
.cf7-form label {
  font-family: "Noto Sans";
  font-size: 11px;
  line-height: 18px; /* 163.636% */
  letter-spacing: 0.09px;
}
.cf7-form .text-danger {
  color: #C52026;
}
.cf7-form input[type="text"],
.cf7-form input[type="tel"],
.cf7-form input[type="email"],
.cf7-form textarea {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #D4D8EA;
  background: #fff;
  padding: 14px 16px;
  color: #000; 
  font-family: "Noto Sans";
  font-size: 16px;
}

.cf7-form input[type="text"]::placeholder,
.cf7-form input[type="tel"]::placeholder,
.cf7-form input[type="email"]::placeholder,
.cf7-form textarea::placeholder {
  color: #8B8B8B;
}
.cf7-submit {
margin-top: 12px;
  display: flex;
  justify-content: right;
}
.cf7-submit p {
    display: flex;
    flex-direction: column;
}
.cf7-submit button,
.cf7-submit input[type="submit"] {
  border-radius: 8px;
  background: #212121;
  padding: 16px 32px;
  min-width: 278px;
  color: #fff;
  font-family: Poppins;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.cf7-form p {
  margin: 0;
  padding: 0;
}

/* On mobile: full width */
@media (max-width: 767px) {
  .cf7-submit {
    justify-content: center; /* keeps it centered if needed */
    width: 100%;
  }

  .cf7-submit p {
    width: 100%;
  }

  .cf7-submit button,
  .cf7-submit input[type="submit"] {
    width: 100%;       /* take full width */
    min-width: unset;  /* remove fixed minimum */
  }
}

.left-animate {
  opacity: 0;
  transform: translateX(-100px);
  transition: transform 1s, opacity 1s;
}
.left-animate.animate {
  opacity: 1;
  transform: translateX(0);
}

.image-zoom {
  opacity: 0;
  transform: scale(0.2);
  transition: transform 3s, opacity 3s;
}
.image-zoom.animate {
  opacity: 1;
  transform: scale(1);
}

.right-animate {
  opacity: 0;
  transform: translateX(100px);
  transition: transform 1s, opacity 1s;
}
.right-animate.animate {
  opacity: 1;
  transform: translateX(0);
}


/* woocommerce styling */
.elementor-menu-cart__footer-buttons .elementor-button--checkout{
    background-color: #212121 !important;
    color: white;
}
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button,
.elementor-button--checkout{
    background: #212121;
    color: white;
	border: 0;
}

.wc-block-components-checkout-place-order-button{
	font-size: 16px;
    font-family: 'Poppins';
}
.elementor-menu-cart__subtotal{
    font-family: 'Poppins';
}
.elementor-menu-cart__product-price{
    color: #515151 !important;
}
/* .elementor-menu-cart__product-remove:after, 
.elementor-menu-cart__product-remove:before{
	background: #515151 !important;
}
.elementor-menu-cart__product-remove{
	border-color:#515151 !important; 
} */
.elementor-menu-cart__subtotal strong{
    font-weight: bold;
}
.wc-block-checkout__sidebar .wc-block-components-product-name{
	font-size: 20px;
}
.woocommerce:has(.woocommerce-MyAccount-navigation),
.woocommerce:has(.woocommerce-form-login),
.woocommerce:has(.woocommerce-ResetPassword),
.woocommerce:has(.woocommerce-checkout),
.wp-block-woocommerce-checkout,
.wp-block-woocommerce-cart{
    gap: var(--row-gap) var(--column-gap);
    height: 100%;
    margin: 0 auto !important;
    max-width: var(--content-width);
    padding-inline-end: 0;
    padding-inline-start: 0;
    width: 100%;
    color: #515151;
	padding-top: 60px !important;
	padding-inline: 1rem;
}
.woocommerce:has(.woocommerce-MyAccount-navigation),
.woocommerce:has(.woocommerce-form-login),
.woocommerce:has(.woocommerce-ResetPassword),
.woocommerce:has(.woocommerce-checkout),
.wc-block-components-sidebar-layout{
	margin-bottom: 60px !important;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity{
	font-size:12px;
	padding: 0 !important;
	background-color: var(--items-indicator-background-color,#d9534f) !important;
	color: white !important;
}