O:41:"Symfony\Component\AssetMapper\MappedAsset":12:{s:10:"sourcePath";s:81:"/home/technoon/public_html/demo/denipol/assets/styles/pages/treatment-methods.css";s:10:"publicPath";s:50:"/assets/styles/pages/treatment-methods-rg3Xqbr.css";s:23:"publicPathWithoutDigest";s:42:"/assets/styles/pages/treatment-methods.css";s:15:"publicExtension";s:3:"css";s:7:"content";s:1799:"


/*------------------------------------*\
  # TREATMENT METHODS
\*------------------------------------*/

.treatment-category-carousel{
    padding-top: 20px;
}
.treatment-category{
    display: block;
    position: relative;
    padding: 20px;
    width: 100%;
    color: var(--denipol-darkblue);
    font-size: 1.25rem;
    transition: 250ms background-color;
    font-weight: bold;
}
.treatment-category:hover{
    background-color: var(--denipol-darkblue);
    color: #fff;
}
.treatment-category:before{
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	right: 100px;
	width: 20px;
	height: 20px;
	background-image: url("../../img/icon/arrow-right-RMGYOPG.svg");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transform-origin: center;
    pointer-events: none;
    opacity: 0;
	transform: translateY(-50%);
    transition: 500ms right, opacity;
	transition-timing-function: var(--ease-elastic);
}
.treatment-category:hover:before{
    opacity: 1;
    right: 20px;
}
.treatment-category span{
    transition: 250ms color;
}
.section-treatment-methods:has(.text-title span) .treatment-category:hover{
    background-color: var(--denipol-red);
}
.treatment-category:not(:last-child){
    border-bottom: 1px solid var(--denipol-darkblue);
}
.section-treatment-methods .text-title span{
    cursor: pointer;
}
.section-treatment-methods .text-title:hover span:before{
    width: 30px !important;
    height: 30px !important;
    left: -30px !important;
    filter: brightness(0) saturate(100%) invert(14%) sepia(51%) saturate(7130%) hue-rotate(341deg) brightness(97%) contrast(100%);
    transform: translateY(-50%) rotate(-270deg) !important
}
.section-treatment-methods .text-title:hover span{
    transform: translateX(30px) !important;
}";s:6:"digest";s:32:"ae0dd7a9bafe5062a1b267c058893f8b";s:13:"isPredigested";b:0;s:11:"logicalPath";s:34:"styles/pages/treatment-methods.css";s:8:"isVendor";b:0;s:55:" Symfony\Component\AssetMapper\MappedAsset dependencies";a:1:{i:0;O:41:"Symfony\Component\AssetMapper\MappedAsset":12:{s:10:"sourcePath";s:71:"/home/technoon/public_html/demo/denipol/assets/img/icon/arrow-right.svg";s:10:"publicPath";s:40:"/assets/img/icon/arrow-right-RMGYOPG.svg";s:23:"publicPathWithoutDigest";s:32:"/assets/img/icon/arrow-right.svg";s:15:"publicExtension";s:3:"svg";s:7:"content";N;s:6:"digest";s:32:"44c19838f1826d61c1aae1702689ab47";s:13:"isPredigested";b:0;s:11:"logicalPath";s:24:"img/icon/arrow-right.svg";s:8:"isVendor";b:0;s:55:" Symfony\Component\AssetMapper\MappedAsset dependencies";a:0:{}s:59:" Symfony\Component\AssetMapper\MappedAsset fileDependencies";a:0:{}s:60:" Symfony\Component\AssetMapper\MappedAsset javaScriptImports";a:0:{}}}s:59:" Symfony\Component\AssetMapper\MappedAsset fileDependencies";a:0:{}s:60:" Symfony\Component\AssetMapper\MappedAsset javaScriptImports";a:0:{}}