/*
Theme Name: Pri Inject Spray Solutions
Description: Pri Inject Spray Solutions Child Theme
Template: hello-elementor
Version: 1.0.10
Tags: four-columns, right-sidebar, full-width-template
Text Domain: pri-inject

This theme, like WordPress, is licensed under the GPL.Use it to make something cool, have fun, and share what you've learned with others.
*/
.header-menu:before,
.header-menu:after,
.exp-curves:before,
.exp-curves:after{
    content: "";
    position: absolute;
    height: 100%;
    width: 70px;
    background-image: url('/wp-content/uploads/2026/01/menu-shape-left.svg');
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    left: 0;
    transform: translateX(-100%) scaleX(1);
    top: 0;
}
.header-menu:after,
.exp-curves:after{
    background-image: url('/wp-content/uploads/2026/01/menu-shape-left.svg') !important;
    transform: translateX(100%) scaleX(-1);
    background-position: right;
    left: auto;
    right: 0;
}
.exp-curves:before,
.exp-curves:after{
    width: 100px;
}
.arrow-curve:before,
.arrow-curve:after,
.num-curve:before,
.num-curve:after{
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    background-image: url('/wp-content/uploads/2026/01/corner-curve.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    transform: rotate(270deg);
    top: -20px;
}
.arrow-curve:after{
    top: auto;
    right: -20px;
    bottom: 6px;
    left: auto;
}
.num-curve:before{
    left: -20px;
    transform: rotate(90deg);
    top: 0px;
    border-radius: 0 !important;
}
.num-curve:after{
    top: auto;
    right: 0px;
    bottom: -20px;
    left: auto;
    transform: rotate(90deg);
    border-radius: 0 !important;
}
.key-card *{
    transition: all 0.5s;
}
.key-card:hover *{
    color: #fff !important;
    fill: #fff !important;
}
.key-card:hover .elementor-widget-icon .elementor-icon{
    background: #232323 !important;
}
.key-card:hover .elementor-widget-icon .elementor-icon svg path{
    stroke: var( --e-global-color-primary );
}
.key-card:hover .elementor-widget-icon-box *{
    fill: var( --e-global-color-primary ) !important;
    transition: all 0.2s;
}
.circle-num .elementor-heading-title{
    height: 54px !important;
    width: 54px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}


.exp-curvesbt:before{
	content: "";
    position: absolute;
    height: 101%;
    width: 70px;
    background-image: url(/wp-content/uploads/2026/01/menu-shape-left.svg);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    left: 0;
    inset: 1% auto auto -68px;
    transform: rotateX(0) rotateY(180deg) rotateZ(180deg);
}  

.exp-curvesbt::after{
		content: "";
    position: absolute;
	    height: 101%;
    width: 70px;
    background-image: url(/wp-content/uploads/2026/01/menu-shape-left.svg);  
    background-position: right;
	  background-repeat: no-repeat;
	  background-size: contain;
    left: auto;
    right: 0;
	    inset: auto -68px -3.4% auto;
    transform: rotateX(180deg) rotateY(180deg) rotateZ(0);
}
.txt-footb h2{
	font-size:18px !important;
	font-weight:500 !important;
}

.txt-color{
	color:#01c4ff;
}
.prifoot-form #form-field-email{
   padding: 10px 20px;
   padding-right:60px !important;
  	height:52px;
}

.exp-curves.footer-top-section:before{
	   background-image: url(/wp-content/uploads/2026/01/corner-curve.svg) !important;
	    inset: 128px auto auto -20px !important;
    transform: rotate(90deg) !important;
    height: 20px !important;
    width: 20px !important;
}
.exp-curves.footer-top-section:after {
		   background-image: url(/wp-content/uploads/2026/01/corner-curve.svg) !important;
	width: 20px !important;
    height: 20px !important;
    position: absolute !important;
    inset: 129px auto auto -20px !important;
      transform: none !important;
	left: auto !important;
    right: -20px !important;
}

.prifoot-form .elementor-field-type-submit button.elementor-button{
	min-height:auto !important;
	position:absolute;
	padding:14px !important;
	background:transparent;
transform: translateY(-35%) translateX(-20%);
	font-size:22px !important;

}
.footer-logo a img{
filter: brightness(0) invert(1);
}

.pri-socialicon a:hover{
	background-color:#01c4ff !important;
}

.play-icon .elementor-icon-wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
}
.vid-curve:before, .vid-curve:after{
	content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    background-image: url(/wp-content/uploads/2026/01/corner-curve-1.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    bottom: -20px;
	  top: auto;
}

.vid-curve:after{
	 left: auto;
    bottom: auto;
	  top: 0px;
	right: -20px !important;
	transform: rotate(360deg);
}   

.accordion-icons .e-n-accordion-item{
	border-bottom: 1px solid;
}

.accordion-icons .e-n-accordion details:nth-child(2) .e-closed{
   content: "";
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height:30px;
    background-image: url("/wp-content/uploads/2026/01/square-box.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.accordion-icons .e-n-accordion details:nth-child(2) .e-opened{
   content: "";
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height:30px;
    background-image: url("/wp-content/uploads/2026/01/square-box-2.svg");
    background-repeat: no-repeat;
    background-size: contain;
}


.accordion-icons .e-n-accordion details:nth-child(2) .e-closed svg, .accordion-icons .e-n-accordion details:nth-child(2) .e-opened svg, .accordion-icons .e-n-accordion details:nth-child(3) .e-closed svg, .accordion-icons .e-n-accordion details:nth-child(3) .e-opened svg, .accordion-icons .e-n-accordion details:nth-child(4) .e-closed svg, .accordion-icons .e-n-accordion details:nth-child(4) .e-opened svg, .accordion-icons .e-n-accordion details:nth-child(5) .e-closed svg, .accordion-icons .e-n-accordion details:nth-child(5) .e-opened svg{
   display: none;
}

.accordion-icons .e-n-accordion details:nth-child(3) .e-closed{
   content: "";
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height:30px;
    background-image: url("/wp-content/uploads/2026/01/Svg-3.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.accordion-icons .e-n-accordion details:nth-child(3) .e-opened{
   content: "";
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height:30px;
    background-image: url("/wp-content/uploads/2026/01/svg-4.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.accordion-icons .e-n-accordion details:nth-child(4) .e-closed{
   content: "";
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height:30px;
    background-image: url("/wp-content/uploads/2026/01/ubrella.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.accordion-icons .e-n-accordion details:nth-child(4) .e-opened{
   content: "";
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height:30px;
    background-image: url("/wp-content/uploads/2026/01/umbrella-colored.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

/* 5th child */

.accordion-icons .e-n-accordion details:nth-child(5) .e-closed{
   content: "";
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height:30px;
    background-image: url("/wp-content/uploads/2026/01/solution-svgrepo-com.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.accordion-icons .e-n-accordion details:nth-child(5) .e-opened{
   content: "";
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height:30px;
    background-image: url("/wp-content/uploads/2026/01/solution-svgrepo-com-1.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.video-img-height.elementor-element-931c28c{
    position: relative !important;
}

.accordion-icons #e-n-accordion-item-1084 .e-n-accordion-item-title-header{
	padding-right:8px;
}

@media (max-width: 1024px){
	.header-menu:before{
        display: none !important;
    }
   .header-menu{
       background: transparent !important;
   }
    .header-menu:after{
        display: none !important;
    }
	
    .header-menu .elementor-menu-toggle{
        padding: 8px !important;
    }
		.header-menu .elementor-menu-toggle.elementor-active{
    background-color:#01c4ff !important;
}
	.header-menu .elementor-menu-toggle.elementor-active svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}
    .header-menu .elementor-nav-menu--dropdown{
         width: calc(100vw - 100px) !important;
        left: auto !important;
        right: 0px !important;
		
           
    } 
    .header-menu .elementor-nav-menu{
        padding: 10px;
    }
    .accordion-icons .e-n-accordion-item-title{
        padding-right: 22px;
}
	
}


@media(max-width:767px){
	.exp-curvesbt::after,
	.exp-curvesbt:before{
		display:none;
	}
		.header-menu .elementor-menu-toggle.elementor-active{
    background-color:#01c4ff !important;
}
	.header-menu .elementor-menu-toggle.elementor-active svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}
	.header-menu .elementor-menu-toggle{
		background-color: #fff !important;
		width: 40px !important;
		height: 40px !important;
		border-radius: 100% !important;
	}
	.header-menu:before,
.header-menu:after{
    background-image: none !important;  
	content: none !important;
}
	.header-menu{
		background-color: transparent !important;
	}
 	.header-menu .elementor-nav-menu--dropdown{
         
 		       width: calc(100vw - 60px) !important; 
		
    } 
	.exp-curves:after{
		right: 10px !important;
	}
	.exp-curves:before{
		left: 10px !important;
	}
	.accordion-icons .e-n-accordion-item-title-text{
		padding-right: 30px !important;
	}
	.video-img-height {
		position: unset !important;
	}
	.video-img-height.elementor-element-931c28c{
    position: relative !important;
}
}