@media (max-width: 768px) { .desktop-only { display: none; /* Hide the section on mobile devices */}}
@media only screen and (min-width: 768px) { .mobile-only { display: none; } }
@media only screen and (max-width: 767px) { .sticky { position: fixed; bottom: 0; width: 100%; height: 75px; background: #CBE9FF; box-shadow: 0 0 9px 3px #626262; /* Add this line */ } }
.header {
	position: fixed;
	top:0;
	width: 100%;
	height: 96px;
	z-index:1000;
		backdrop-filter:blur(8px);

	}
.header-mobile {
	position: fixed;
	top:0;
	z-index:1000;
		backdrop-filter:blur(8px);

	width:100vw;
	}
.behind-header{
	position: fixed;
	top:0;
	min-height:9vh;
	z-index:999;
	width:100vw;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	backdrop-filter:blur(8px);
}
.wp-block-navigation__responsive-container {
	background-color: #ebefffe6 !important;
	height:80vh;
	width:90%;
	box-shadow: 4px 4px 10px #00115A33;
	border-bottom: 1px solid rgba(0, 17, 90, 0.22);
	border-right: 1px solid rgba(0, 17, 90, 0.22);
	backdrop-filter:blur(8px);
}
.wp-block-navigation__responsive-container-close{
	margin:16px;
	left:0;
}
.wp-block-navigation__responsive-container-content {
	padding:32px;
}
.neomorphism {box-shadow: 2px 2px 2px 1px rgba(255, 255, 255, 0.70) inset, 2px 2px 2px 1px rgba(255, 255, 255, 0.50) inset, -2px -2px 2px 0px rgba(0, 0, 0, 0.15) inset, -1px -1px 1px 0px rgba(0, 0, 0, 0.22) inset, 1px 1px 0.5px 0px #FFF inset, 1px 1px 0.5px 1px #83ABAB inset, 1px 0px 4px 0px rgba(155, 155, 155, 0.25);}
.neo {
	border-radius: 8px;
	background: #D6F5FC;
	box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.09) inset, 4px 4px 10px 0px rgba(1, 1, 1, 0.17) inset;
}
.wvdicon{
	box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10), -4px -4px 10px 0px rgba(0, 0, 0, 0.20) inset, 4px 4px 10px 0px rgba(255, 255, 255, 0.35) inset; 
	border-radius:8px;
}
.wvdborder{
	box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10), -4px -4px 10px 0px rgba(0, 0, 0, 0.20) inset, 4px 4px 10px 0px rgba(255, 255, 255, 0.35) inset;
	border-radius:8px;
}
.border{border-radius: 8px;}
.border1{border-radius: 8px; box-shadow: -4px -4px 8px 0px rgba(0, 0, 0, 0.41) inset, 2px 2px 6px 0px rgba(0, 0, 0, 0.13), 4px 4px 8px 0px rgba(254, 255, 255, 0.46) inset;}
.btn{box-shadow: -2px -2px 5px 0px rgba(0, 0, 0, 0.20) inset, 2px 2px 5px 0px rgba(255, 255, 255, 0.80) inset; border-radius:5px;}
.hvp{box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10), -4px -4px 10px 0px rgba(0, 0, 0, 0.20) inset, 4px 4px 10px 0px rgba(255, 255, 255, 0.35) inset;border-radius: 8px;}
.hvpcon{box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10), -4px -4px 10px 0px rgba(0, 0, 0, 0.20) inset, 4px 4px 10px 0px rgba(255, 255, 255, 0.35) inset;
border-radius:8px;}
.careeapicon{box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.05), -2px -2px 5px 0px rgba(0, 0, 0, 0.20) inset, 2px 2px 5px 0px rgba(255, 255, 255, 0.80) inset; border-radius: 5px;}
.caree2icon{border-radius: 27px; box-shadow: -4px -4px 10px 0px rgba(255, 255, 255, 0.24), 4px 4px 10px 0px rgba(0, 0, 0, 0.00), -4px -4px 10px 0px rgba(255, 255, 255, 0.56) inset, 1px 1px 2px 0px rgba(97, 97, 97, 0.15) inset;}
.jotcontainer{border-radius: 10px;box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.22) inset;}
.radius{border-radius:8px}
.bg-image{backdrop-filter: blur(2px);}
.bg-images{backdrop-filter: blur(25px);

}
.bgimag{backdrop-filter: blur(5px); background-color: 0D0D0D8F);}
.back{background-color:#2C8BC3}
.button{box-shadow: 2px 2px 2px 0px rgba(68, 68, 68, 0.10), -2px -2px 2px 0px rgba(68, 68, 68, 0.20) inset, 2px 2px 2px 0px rgba(255, 255, 255, 0.50) inset;
border-radius:7px;}
.button a:hover{
	background-color:#FF5722;
	color:white;
	box-shadow: 2px 2px 2px 0px rgba(68, 68, 68, 0.10), -2px -2px 2px 0px rgba(68, 68, 68, 0.20) inset, 2px 2px 2px 0px rgba(255, 255, 255, 0.50) inset;}
.gtbutton{box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.05), -2px -2px 5px 0px rgba(0, 0, 0, 0.20) inset, 2px 2px 5px 0px rgba(255, 255, 255, 5) inset; border-radius:7px;}
.gtbutton a:hover{box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.05), -2px -2px 5px 0px rgba(0, 0, 0, 0.20) inset, 2px 2px 5px 0px rgba(255, 255, 255, 5) inset;}
.wvcp{box-shadow: -2px -2px 5px 0px #CBE9FF, 2px 2px 5px 0px rgba(0, 0, 0, 0.10), -2px -2px 5px 0px rgba(0, 0, 0, 0.20) inset, 2px 2px 5px 0px rgba(255, 255, 255, 0.80) inset; border-radius:4px;}
.wvcpb{box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.22) inset;}
.gap{transform: skewx(-6deg);}
.gapp{position: bottom 10px right 20px;}
.Hyperxicon{box-shadow: -2px -2px 5px 0px rgba(0, 0, 0, 0.20) inset, 2px 2px 5px 0px rgba(255, 255, 255, 0.80) inset; border-radius:4px;}
@media (max-width: 768px) {
.wc-block-grid .wc-block-grid__products:not(.thisisforspecificity) .wc-block-grid__product, .wc-block-carousel .wc-block-grid__product {
	max-width: 50%;
}
.wc-block-grid.has-4-columns .wc-block-grid__products {
display: flex;
}
.wc-block-grid.has-4-columns .wc-block-grid__product {
flex: 1 0 50%;
min-width: 40%;
padding: 0;
margin: 0 0 24px;
}
.my-awesome-class {
  width: 296px;
  padding: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 8px;
  background: #EBEFFF;
}

.shepherd-title {
  color: #0B31BF;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21px */
}

/* Style for the body text within the block (using the correct class name) */
.my-awesome-class .shepherd-text {
  color: #00072E;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.woocommerce-price-regular.strikethrough {
  text-decoration: line-through !important;
}
.sdplan{
	border-radius: 8px;

/* WWD-Container */
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.22) inset;
}
.bg-image2{
	backdrop-filter: blur(15px);
}

.CPmobile {
	border-radius: 8px;
  box-shadow: -2px -2px 6px 0px rgba(0, 0, 0, 0.2) inset;
}
.header{
	backdrop-filter: blur(10px);
	z-index: 1000;
}
.ngen{
	transform: skewx(-6deg);
	border-radius: 8px;
	box-shadow: -2px -2px 6px 0px rgba(0, 0, 0, 0.2) inset
}
.wapf-field-description {
    font-size: 70%;
    opacity: .5;
    padding: 0;
    margin: 0;
    padding-top: 5px;
}
.page-id-9000 .wp-container-core-post-content-is-layout-1.wp-container-core-post-content-is-layout-1 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
	max-width: 100%;
}
.wp-block-search__inside-wrapper{
	height:44px;
	margin-bottom: 28px;
}
.wp-block-search__button{
	padding:10px 20px;
	height: 44px;
	margin-top: 0px;
}
.gutena-tabs-block>.gutena-tabs-tab.tab-center{
	overflow:hidden;
	padding-bottom:3px;
}
.backgroundimage {
  width: 100vw;
  padding: 30px 0;
  position: relative;
  background: white;
}
.parentcolumn{
	padding:0px;
}
body{
	background:#fff;
}
.containerimage {
  position: relative;
	
  width: 100%;
  height:135%;
  margin: auto;
  background:pink;
  display: flex;
  border-radius: 20px ! important;
}
.containerimage img{
	border-radius:20px;
}
.emoji{
  position:absolute;
  background:#000000B3;
  height:50px;
  width:auto;
  border-radius:50px;
  display:flex;
  justify-content:center;  
	margin-left:28px;
	margin-top:28px;
}
 .emoji img{ 
  height:auto;
  width:30px;
	padding:10px;
 } 
.google {
  position: absolute;
  width: 77%;
  height:140px;
  background: white;
  bottom: 0;
  left: 0px;
  border-radius:0px 30px 0px 0px;
	padding-left: 28px;
}

.google::before {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  background: transparent;
  bottom: 0px;
  right: -30px;
  border-radius: 0 0px 0px 20px;
  box-shadow: -10px 10px 0px 10px white;
  
}
.google h2{
  font-size:38px;
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  line-height:1.5em;
  margin-top:0%;
}

.box {
  position: absolute;
  width: 50%;
  height: 5%;
  background: white;
  bottom: 139px;
  left: 0;
	border-radius:0px 30px 0px 0px;
	padding: 28px;
}

.box::before {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  background: transparent;
  right: -30px;
  bottom:0px;
  border-radius: 0px 0px 0px 20px;
  box-shadow: -10px 10px 0px 0px #fff;
}
.box::after {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  background: transparent;
  left:0px;
  top:-30px;
  border-radius: 0px 0px 0px 20px;
  box-shadow: -10px 10px 0px 0px #fff;  
}

.titleblock{
  content:'';
  position:relative;
  width:50px;
  height:50px;
  background:white;
  left:49%;
	top:-100px;
  border-radius:0px 0px 0px 30px;
  border-left:15px solid #fff;
  border-bottom:15px solid #fff;
} 
.titleblock::Before{
  content:'';
  position: absolute;
  top:0px;
  left:-45px;
  width: 30px;
  height:30px;
  background: #b9c7fc;
  border-radius: 0px 20px 0px 0px;
  box-shadow: 5px -5px 0px 5px #fff;
} 
.titleblock::After{
  content:'';
  position: absolute;
  bottom:-45px;
  left:39.1%;
  width: 30px;
  height:30px;
  background: #b9c7fc;
  border-radius: 0px 20px 0px 0px;
  box-shadow: 5px -6px 0px 5px #fff;
} 
.arrowcircle{
  position:relative;
  width:60px;
  height:60px;
  background:#b9c7fc;
  border-radius:50%;
}
.arrowcircle img{
  position:absolute;
  width:30px;
  height:30px;
  left:20%;
  top:20%; 
	cursor:
}
.arrowcircle:hover{
	transform: rotate(45deg); 
}
.containerimage3{
	position: relative;
  width:100%;
	height:365px;
  margin-left: -15px;
	padding:0px;
	background:transparent;
	display:flex;
	border-radius:20px;
}
.containerimage3 img{
	border-radius:20px;	
}
.containerimage3 img::before {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	border-radius:20px;
}
.box3{
	position: absolute;
	color:#fff;
  font-size:xx-small;
  background:linear-gradient(#572700,transparent);
  top: -25px;
  left: 0px;
	padding: 28px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-radius:20px;
}
.columnimg4{
	position: relative;
  width: 100%;
	border-radius:20px;
	background:#572700CC;
	margin-top:-17px; 	
}
.columnimg4 img{
	border-radius:20px;
}
.box4{
	position:absolute;
	top:-25px;
	color:white;
		background:#572700CC;

	padding: 28px 28px;
	border-radius:20px;
}	
.box5{
	position:relative;
	top:60px;
  line-height:1px;
	padding:35px 0px;

}
.columnbox5{
	position:relative;
	width:40%;
	
	background:#FCD7B8;
	border-radius:20px;
	margin-top:-19px !important;
	margin-left:-19px !important;
	color:#572700;
}
.wp-block-tag-cloud a {
  color: #572700 !important;
}
.partner-container{
  max-Width:83.3%;
  height:auto;
  background:#ebefff;
  display:flex;
  padding:28px;
	border-radius:20px;
  justify-content:space-between;
  column-gap:28px;
}
.partner-column1{
  flex-basis:30%;
  height:auto;
}
.partner-column1 img{
  object-fit:cover;
}
.partner-column2{
  flex-basis:70%;
}
.partner-title{
  position:relative;
  width:47.9em;
  height:120px;
  background:white;
  border-radius:20px;
  display:flex;
  top:-30px;

}
.partner-title h2{
  display: inline-block;
  align-self: flex-end;
  padding-left:16px;
	font-family:roboto slab:
	font-size:35px;
	font-weight:bold;
}
.partner-title::before{
  content:'';
  position: absolute;
  top:2px;
  left:-20px;
  width:20px;
  height:20px;
  background:#ebefff;
  border-top-right-radius:10px;
  box-shadow:10px -10px 0px 10px white;
}
.partner-title::after{
  content:'';
  position: absolute;
  bottom:-20px;
  right:2px;
  width:20px;
  height:20px;
  background:#ebefff;
	border-top-right-radius: 10px;
  box-shadow:10px -10px 0px 0px white;
}
.partner-row{
  display:flex;
  justify-content:space-between;
	column-gap:16px;
  padding-right:28px;
  padding-bottom:28px;

}
.partner-box{
  width:33%;
  height:auto;
  background:white;
  border-radius: 20px;
  padding:2%;
}
.partenr-box h3{
  font-family:roboto slab;
	font-size:20px;
	font-weight:bold;
}
.btn-partner{
  background:#00072e;
  border-radius:5px;
  color:white;
  padding:10px 50px;
  font-size:14px;
  font-weight:bold;
  border: none;
	text-decoration:none;
}
.ppd{
	box-shadow:0px 4px 4px 0px #00000040;
}
.bgimage{
	filter: blur(2px);
  -webkit-filter: blur(2px);
}
.form{
	z-index:10;
}

 .container {
  width: auto;
  height: auto;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
  color: rgb(3, 3, 132);
}
.heading {
 
  margin-bottom:28px;
	margin-top:0px;
	font-family:roboto slab;
	font-weight:700;
}
.boxtest {
	width:auto;
	flex-basis:50%;
  height: 100%;
	margin:0px 16px 0px 0px;
}
.boxtest2 {
	width: auto;
	flex-basis:50%;
	height: 392px;
}

.line {
	height: auto;
	padding: 8px 8px;
	margin-bottom:8px;
	background-color: rgba(0, 0, 255, 0.07);
  border-radius: 10px;
   display: flex;
   align-items: center;
   cursor: pointer;
   transition: 0.4s linear;
}
.line::selection {
	background-color: rgba(0, 0, 255, 0.42);
}
.line > i {
	font-size: 28px;
	color: rgb(3, 3, 132);
}
.line > p {
  width:auto;
	padding: 0;
	font-size:14px;
	margin: 0px 0px 0px 16px;
	
}

 button {
	padding: 10px 40px;
	border-radius: 8px;
  background-color: #F28023;
	border: none;
	color: white;
	cursor: pointer;
	font-family:poppins;
	font-size:14px;
	margin-top:20px;
	font-weight:700;
}
.boxtest2 > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
	
}
.selected {
	background-color: rgba(0, 0, 255, 0.542);
}
.reviewbox{
  width:570px;
  height:500px;
  background:#EBEFFF;
  margin:0px auto;
  border-radius:10px;
}
.reviewtitle{
  width:400px;
  height:90px;
  background:#fff;
  border-radius:10px; 
}
.reviewtitle::before{
  content:'';
  position:absolute;
  width:20px;
  height:20px;
  background:#EBEFFF;
	top:15%;
  left:37.2%;
  border-radius:10px 0px 0px 0px;
  box-shadow: -10px -10px 0px 0px white;
}
.reviewtitle::after{
  content:'';
  position:absolute;
  width:20px;
  height:30px;
  background:#EBEFFF;
  top:29.3%;
  border-radius:10px 0px 0px 0px;
  box-shadow: -10px -10px 0px 0px white;
}
.reviewsmallbox{
  width:380px;
  height:84px;
  background:#EBEFFF;
  border-radius:5px;
  margin:0px auto;
	position:relative;
}
.reviewimage{
	width:560px;
	position:absolute;
	bottom:70px;
	margin:0px auto;
}
.reviewbutton{
	background:orange;
	padding:12px 14px;
	color:white;
	align-items:bottom;
}
.outlined-text{
	-webkit-text-stroke:2px white;
  font-weight:900;
  font-size:40px;
  color:orange;
}
body {
  font-family: Arial, Helvetica, sans-serif;
}
*{
  box-sizing: border-box;
}
.open-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
/*   position: fixed; */
  top:60%;
 border-radius:20px;
  width: 280px;
}
.form-popup {
  display: none;
  position: fixed;
  bottom: 0;
  
  border: 3px solid #f1f1f1;
  z-index: 9;
}
.form-container {
  max-width: 400px;
  padding: 10px;
  background-color: #041D80;
  border-radius:8px;
}
.form-container h1{
color:white;
}

.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 4px 0 22px 0;
  border: none;
  background: #f1f1f1;
  border-radius:8px;
}

.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

.form-container .btn {
  background-color: orange;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
  border-radius:8px;
}
.form-container .cancel {
  background-color: red;
}

.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}
.bottom-menu{
	position:fixed;
	bottom:0px;
	width:100%;
	z-index:2000;

}
.mobile-bottom{
	position:sticky;
	bottom:0px;
	z-index:100;
}
.wpforms-container{
	margin:0px;
}
.LGform{
	height:32px;
	width:360px;
	margin-top:-8px;
}
.Lgquote{
	height:auto;
}
.grunion-field-label{
	margin-top:-16px;
}
.grunion-field{
	height:42px;
}
.wp-block-jetpack-contact-form-container.alignfull .wp-block-jetpack-contact-form{
	border-radius:8px;
}
a[href^="#"] {
  scroll-behavior: smooth;
}
.lead-form{
	width:360PX;
}
.phone-form {
	width:100%;
	border-radius:8px;
}
div.wpforms-container-full:not(:empty){
	margin:0px auto;
}
div.wpforms-container-full .wpforms-confirmation-container-full p:last-child, div[submit-success]>.wpforms-confirmation-container-full p:last-child{
	color: #fffffd;
}
div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active){
	background-color:#F28023
}
.nav1{
	font-size:16px;
	font-family: poppins;
	font-weight: 200;
}
.container-main {
  width: auto;
  height: auto;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
  color: rgb(3, 3, 132);
}
.heading {
 
  margin-bottom:28px;
	margin-top:0px;
	font-family:roboto slab;
	font-weight:700;
}
.boxtest-main {
	width:auto;
	flex-basis:50%;
  height: 100%;
	margin:0px 16px 0px 0px;
}
.boxtest2-main {
	width: auto;
	flex-basis:50%;
	height: 392px;
	display
}

.line-main {
	height: auto;
	padding: 8px 8px;
	margin-top:20px;
	margin-bottom:8px;
	background-color: #041D80;
  border-radius: 10px;
   display: flex;
   align-items: center;
   cursor: pointer;
   transition: 0.4s linear;
}
.line-main::selection {
	background-color: rgba(0, 0, 255, 0.42);
}
.line-main > i {
	font-size: 28px;
	color: white;
}
.line-main > p {
  width:auto;
	color:white;
	padding: 0;
	font-size:14px;
	margin: 0px 0px 0px 16px;
	
}
.line-main a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: white;
	font-size:28px;
}

.button {
	padding: 10px 40px;
	border-radius: 8px;
  background-color: #F28023;
	border: none;
	color: white;
	cursor: pointer;
	font-family:poppins;
	font-size:14px;
	margin-top:20px;
	font-weight:700;
}
.boxtest2-main > img {
	width: auto;
	min-height:431px;
	object-fit: cover;
	border-radius: 8px;
	
}
.selected {
	background-color:#F28022;
}
@keyframes peaceOfMindColorChange {
  0% { color: white; }
  50% { color: #FFAA00; }
  100% { color: white; }
}

@keyframes hpWarrantyColorChange {
  0% { color: white; }
  50% { color: #FE0A0C; }
  100% { color: white; }
}

/* The element to apply the animation to Peace of Mind */
.peace-of-mind {
  animation-name: peaceOfMindColorChange;
  animation-duration: 5s; /* Total duration including delay for sequential effect */
  animation-iteration-count: infinite;
}

/* The element to apply the animation to HP Warranty */
.hp-warrantychange {
	color:white;
  animation-name: hpWarrantyColorChange;
  animation-duration: 5s; /* Total duration including delay for sequential effect */
  animation-iteration-count: infinite;
  animation-delay: 3s; /* Delay to start after Peace of Mind animation */
}
.gradient-text {
	background: linear-gradient(0deg, #FFAA00 15%, #FE0A0C 50%, #FF54DB 83%);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-border {
	border: 1px solid;
	border-image: linear-gradient(45deg, #FFAA00, #FE0A0C, #FF54DB) 1;
	max-width:200px;
	border-radius:4px !important;
}
.gradient-borderhp {
	border: 1px solid;
	border-image: linear-gradient(45deg, #FFAA00, #FE0A0C, #FF54DB) 1;
	max-width:270px;
	border-radius:4px !important;
}
.gradient-bordershp {
	border: 1px solid;
	border-image: linear-gradient(45deg, #FFAA00, #FE0A0C, #FF54DB) 1;
	max-width:147px;
	border-image radius:4px !important;
}
.gradient-mobileborder {
	border: 1px solid;
	border-image: linear-gradient(45deg, #FFAA00, #FE0A0C, #FF54DB) 1;
	max-width:150px;
	border-radius:4px !important;
}
.gradient-mobileborderhp {
	border: 1px solid;
	border-image: linear-gradient(45deg, #FFAA00, #FE0A0C, #FF54DB) 1;
	max-width:200px;
	border-radius:4px !important;
}
.gradient-mobilebordershp {
	border: 1px solid;
	border-image: linear-gradient(45deg, #FFAA00, #FE0A0C, #FF54DB) 1;
	max-width:110px;
	border-image radius:4px !important;
}


.opacity-video {
	opacity:0.8;
}
.games-hp{backdrop-filter: blur(26px); background-color: 0D0D0D8F);}
.search-in-place {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
 .woocommerce span.onsale {
    display: none;
}
.mobile-left{
	position:sticky;
	left:0px;
	top:14%;
	z-index:100;
}
.carepack-hp {
    backdrop-filter: blur(11px);
    background-image: linear-gradient(to right, transparent 50%, #264ECC 50%);
    background-color: rgba(38, 78, 204, 0.5);
	backdrop-filter: linear-gradient(blur(8px), blur(8px), blur(0));
}
.carepacks-hp {
    backdrop-filter: blur(2px);
}
.dropdown{
	width:auto;
	height:55px;
}
.sort-dropdown select {
    padding: 5px;
    border-radius: 0px;
    border: 1px solid #ccc;
    width: 200px;
	height:44px;
    font-size: 14px;
    background-color: #fff;
    cursor: pointer;
}
.root-eb-slider-0lgih > .loading, 
.root-eb-slider-0lgih > .spinner {
    display: none !important;
}
/* Target the specific column (replace .laptops-column with your actual class if needed) */

.laptops-column:hover {
    background-color: white; /* Background changes to white on hover */
    color: black; /* Text changes to black on hover */
}

/* Ensure that all text elements change color on hover */
.laptops-column:hover h2,   /* Target the heading */
.laptops-column:hover p,    /* Target the paragraph */
.laptops-column:hover a,    /* Target the links */
.laptops-column:hover span, /* Target any span elements */
.laptops-column:hover strong { /* Target bold text */
    color: black !important; /* Force the color to black */
}

/* For the button specifically */
.laptops-column:hover .wp-block-button__link {
    background-color: white; /* Button background white on hover */
    color: black; /* Button text color black */
}
/* Targeting the slider container */
/* Target the entire slider container */
.wp-block-essential-blocks-slider.root-eb-slider-0lgih {
    width: 100% !important; /* Full width of the container */
    height: 135px !important; /* Fixed height for the slider container */
    overflow: hidden !important; /* Prevents overflow */
}

/* Target the images within the slider */
.wp-block-essential-blocks-slider.root-eb-slider-0lgih img {
    width: auto !important; /* Makes the image span the full width */
    height: auto !important; /* Ensures the image fits the container height */
    object-fit: cover !important; /* Keeps the image aspect ratio and crops if necessary */
    display: block !important; /* Ensures the image behaves as a block element */
}
.marquee{
	visibility:visible !important;
}
.marquee-image-crawler {
    visibility: visible !important;
    opacity: 1 !important;
}
	.wpforms-container .wpforms-field{
		padding:8px 0px;
	}
	.added_to_cart.wc-forward {
    color:  blue important;
}
	/* General Add to Cart Button Styling */
.single_add_to_cart_button, 
.add_to_cart_button {
    background-color: #ff6600 !important; /* Replace #ff6600 with your preferred button color */
    color: #ffffff !important; /* Button text color */
    border: none !important; /* Remove any borders */
    border-radius: 5px; /* Optional: Rounded corners */
    background-image: none !important; /* Remove gradient effects */
    box-shadow: none !important; /* Remove shadow effects */
}

/* Consistent Hover Style */
.single_add_to_cart_button:hover, 
.add_to_cart_button:hover {
    background-color: #e65c00 !important; /* Optional: Slightly darker color for hover */
    color: #ffffff !important; /* Keep text color consistent */
}
	.depicter-20-inline-css{
		display:block;
		
	}
	.right-column{
      position: sticky; 
      top: 90px; 
      background-color: #fff; 
      z-index: 100; 
      padding: 10px; 
    }
	.right-column-mobile{
      position: sticky; 
      top: 60px; 
      background-color: #fff; 
      z-index: 100; 
      padding: 0px; 
    }
/* 	.quantity{
		display:inline-block;
	} */
 	.wp-block-woocommerce-add-to-cart-form .variations_button>.quantity:not(.wc-block-components-quantity-selector) .qty,.wp-block-woocommerce-add-to-cart-form form.cart>.quantity:not(.wc-block-components-quantity-selector) .qty {
    height: calc(100% - 0px);
    width: 100%;
    margin-right: .5em;
    padding-bottom: 0;
    padding-top: 0
}
.wp-block-jetpack-cookie-consent.alignwide.wp-elements-cbefd6425dbb260b937d510f463b0856.has-text-color.has-background.has-link-color.ai-style-change-1 {
  flex-wrap: nowrap !important;
}
	.wp-block-jetpack-cookie-consent alignwide wp-elements-cbefd6425dbb260b937d510f463b0856 has-text-color has-background has-link-color{
	  flex-wrap: nowrap !important;

}
	.wp-block-jetpack-cookie-consent:not([role=document]).alignwide {
    left: 10%!important;
    flex-wrap: nowrap;
/*     max-width: 90%!important; */
    width: 80vw!important
    flex-wrap:nowrap !important;
}
.wp-block-button a.wp-block-button__link {
  border-radius: 5px;
}
/* 	.wp-block-jetpack-cookie-consent.alignwide.wp-elements-cbefd6425dbb260b937d510f463b0856.has-text-color.has-background.has-link-color.ai-style-change-1 {
  position: relative !important;
  width: 90vw !important;
  padding-left: 10% !important;
}
	.wp-block-jetpack-cookie-consent.alignwide.wp-elements-cbefd6425dbb260b937d510f463b0856.has-text-color.has-background.has-link-color {
  position: relative !important;
  width: 90vw !important;
  padding-left: 10% !important;
  box-sizing: content-box !important;
} */
	.wp-block-jetpack-cookie-consent.alignwide {
    left: 10% !important;
    width: 80% !important;
}
	.wp-block-jetpack-cookie-consent.alignwide.wp-elements-cbefd6425dbb260b937d510f463b0856.has-text-color.has-background.has-link-color.ai-style-change-1 {
  left: 10% !important;
  width: 80% !important;
}
	.wp-block-jetpack-cookie-consent.alignwide.wp-block-jetpack-cookie-consent.alignwide.wp-elements-cbefd6425dbb260b937d510f463b0856.wp-elements-e61d090c1e80a3da9e4abf55bb654a5d > .wp-block-jetpack-cookie-consent.alignwide.wp-elements-cbefd6425dbb260b937d510f463b0856.has-text-color.has-background.has-link-color {
      left: 10% !important;
      width: 80% !important;
    }
	form.cart {
  display: grid;
  grid-template-columns: 20% 75%;
}

form.cart .single_add_to_cart_button {
  width: auto; /* Allow the button to stretch */
}
.bg-adp{backdrop-filter: blur(11px);}
	p.has-roboto-slab-font-family.eplus-wrapper {
    font-size: 16px !important;
}
	.postid-28241 form.cart button.single_add_to_cart_button.button.alt.wp-element-button {
  color: white !important;
}
button.single_add_to_cart_button.button.alt.wp-element-button {
  color: white !important;
}
/* .wapf-field-label.wapf--above {
    font-size: 34px;
    font-family: "Roboto Slab"; /* Enclose font names with spaces in quotes */
    color: blue;
} */
.wp-block-template-part{
 margin:0px;
}
.wp-block-post-content{
 margin: 0px;
}
.woocommerce div.product form.cart div.quantity {
	width: 65px;
}
.product-price {
  display: flex;
  align-items: center;
  gap: 6px; /* adjust spacing as you like */
}

.product-price del,
.product-price ins {
  margin: 0;
}
a.woocommerce-product-gallery__trigger {
  display: none !important;
}
@media (max-width: 460px) {
  .wp-block-columns.is-layout-flex {
    display: flex;
    flex-wrap: nowrap;       
    overflow-x: auto;         
    -webkit-overflow-scrolling: touch; 
    gap: 12px;  
  }

  .wp-block-columns.is-layout-flex .wp-block-column {
    flex: 0 0 auto;          
    min-width: 200px;        
  }

  .right-column, 
  .right-column * {
    position: static !important;
  }

  /* ✅ Make sure links stay on top and clickable */
  .wp-block-button__link {
    position: relative;
    z-index: 10;
    pointer-events: auto !important;
  }
}
/* .wp-block-woocommerce-product-price {
display:block !important
} */
.page-id-5145 .wp-block-woocommerce-product-price {
    display: block !important;
}

/* .postid-5081 .wp-block-group.eplus-wrapper {
    background-color: #f5f6f7 !important;
	
} */
body.postid-5081 h1,
body.postid-5204 h1,
body.postid-5171 h1,
body.postid-5264 h1,
body.postid-5288 h1,
body.postid-5324 h1,
body.postid-5382 h1,
body.postid-5336 h1,
body.postid-5357 h1,
body.postid-5407 h1,
body.postid-5427 h1
 {
    color: #E31837 !important;
}
body.postid-5081 .woocommerce .wp-block-group.eplus-wrapper,
body.postid-5171 .woocommerce .wp-block-group.eplus-wrapper,
body.postid-5204 .woocommerce .wp-block-group.eplus-wrapper,
body.postid-5264 .woocommerce .wp-block-group.eplus-wrapper,
body.postid-5288 .woocommerce .wp-block-group.eplus-wrapper,
body.postid-5324 .woocommerce .wp-block-group.eplus-wrapper,
body.postid-5336 .woocommerce .wp-block-group.eplus-wrapper,
body.postid-5382 .woocommerce .wp-block-group.eplus-wrapper,
body.postid-5357 .woocommerce .wp-block-group.eplus-wrapper,
body.postid-5407 .woocommerce .wp-block-group.eplus-wrapper,
body.postid-5427 .woocommerce .wp-block-group.eplus-wrapper
{
    background-color: #f5f6f7 !important;
}

body.postid-5081 
.woocommerce 
.wp-block-group.eplus-wrapper:has(> figure.wp-block-image):has(> h3.wp-block-heading),
body.postid-5171 
.woocommerce 
.wp-block-group.eplus-wrapper:has(> figure.wp-block-image):has(> h3.wp-block-heading),
body.postid-5204
.woocommerce 
.wp-block-group.eplus-wrapper:has(> figure.wp-block-image):has(> h3.wp-block-heading),
body.postid-5264
.woocommerce 
.wp-block-group.eplus-wrapper:has(> figure.wp-block-image):has(> h3.wp-block-heading),
body.postid-5288
.woocommerce 
.wp-block-group.eplus-wrapper:has(> figure.wp-block-image):has(> h3.wp-block-heading),
body.postid-5324
.woocommerce 
.wp-block-group.eplus-wrapper:has(> figure.wp-block-image):has(> h3.wp-block-heading),
body.postid-5382
.woocommerce 
.wp-block-group.eplus-wrapper:has(> figure.wp-block-image):has(> h3.wp-block-heading),
body.postid-5357
.woocommerce 
.wp-block-group.eplus-wrapper:has(> figure.wp-block-image):has(> h3.wp-block-heading),
body.postid-5336
.woocommerce 
.wp-block-group.eplus-wrapper:has(> figure.wp-block-image):has(> h3.wp-block-heading),
body.postid-5407 
.woocommerce 
.wp-block-group.eplus-wrapper:has(> figure.wp-block-image):has(> h3.wp-block-heading),
body.postid-5427 
.woocommerce 
.wp-block-group.eplus-wrapper:has(> figure.wp-block-image):has(> h3.wp-block-heading)

{
    background-color: #ffffff !important;
}
/* MOBILE: Remove right-column background for selected 11 products */
@media (max-width: 768px) {
  body.postid-5081 .right-column,
  body.postid-5204 .right-column,
  body.postid-5171 .right-column,
  body.postid-5264 .right-column,
  body.postid-5288 .right-column,
  body.postid-5324 .right-column,
  body.postid-5382 .right-column,
  body.postid-5336 .right-column,
  body.postid-5357 .right-column,
  body.postid-5407 .right-column,
  body.postid-5427 .right-column {
      background-color: transparent !important;
      box-shadow: none !important;
  }
}