/* General */
:root{
	--pig-color-red: #ec008c;
	--pig-color-blue: #0355f3;
	--pig-color-yellow: #ff7700;
	--pig-low-color-red: #fef2f9;
	--pig-low-color-blue: #f2f6fe;
	--pig-low-color-yellow: #fff8f2;	
}
.btn-pig-red{background-color:var(--pig-color-red) !important;color:#fff !important}
.btn-pig-red:hover{background-color:#0047ce !important;color:#fff !important}

.btn-pig-blue{background-color:var(--pig-color-blue) !important;color:#fff !important}
.btn-pig-blue:hover{background-color:#d86500 !important;color:#fff !important}

.btn-pig-yellow{background-color:var(--pig-color-yellow) !important;color:#fff !important}
.btn-pig-yellow:hover{background-color:#c40074 !important;color:#fff !important}

.btn-pig-gradient{background:linear-gradient(90deg, rgba(236, 0, 140, 1) 0%, rgba(3, 85, 243, 1) 100% ) !important;color:#fff !important;border:0 !important}
.btn-pig-gradient:hover{background:var(--bs-gray-900) !important;color:#fff !important;border:0 !important}

.text-pig-red{color:var(--pig-color-red) !important}
.text-pig-blue{color:var(--pig-color-blue) !important}
.text-pig-yellow{color:var(--pig-color-yellow) !important}

.bg-pig-red{background-color:var(--pig-color-red) !important}
.bg-pig-blue{background-color:var(--pig-color-blue) !important}
.bg-pig-yellow{background-color:var(--pig-color-yellow) !important}

.bg-pig-low-red{background-color:var(--pig-low-color-red) !important}
.bg-pig-low-blue{background-color:var(--pig-low-color-blue) !important}
.bg-pig-low-yellow{background-color:var(--pig-low-color-yellow) !important}



.pig-gradient-text {
  background: linear-gradient(90deg,rgba(255, 119, 0, 1) 10%, rgba(236, 0, 140, 1) 50%, rgba(3, 85, 243, 1) 100% );
  -webkit-background-clip: text; /* برای کروم، سافاری */
  -webkit-text-fill-color: transparent; /* برای کروم، سافاری */
  background-clip: text; /* برای فایرفاکس جدید */
  color: transparent; /* fallback */
}

.btn-more{display:inline-flex !important;align-items:center;flex-wrap:nowrap;}
.btn-more:after{content:"\F12C";font-family:bootstrap-icons;font-size:larger;margin-right:3px;transform:translateX(0);transition:0.3s ease-in;}
.btn-more:hover:after{transform:translateX(-10px)}

.card-footer .post-category {position: absolute;left: 10px; top: 10px;  background:rgba(255,255,255,0.5);backdrop-filter:blur(3px); padding:2px 10px !important; border-radius: 10px;}
.card-footer .post-category a{color:#000}
.card-footer .post-category i{color:var(--bs-gray-700)}

body.wp-theme-zoha, body.wp-theme-zoha  *{font-weight:unset !important; 
	-moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
	}

/* Header */
body.subpages_class header#masthead{border-bottom:1px solid var(--bs-gray-200)}
/* body.home .logo img{background:#fff;padding:5px;border-radius:7px} */

/* Hero Section*/
.float-icons{position:relative;z-index:0}
.float-icons .float-icon-1, .float-icons .float-icon-2, .float-icons .float-icon-3, .float-icons .float-icon-4{position:absolute;opacity:0;box-shadow:5px 5px 15px #888 !important}
.float-icons .float-icon-1{right:150px;top:10px;animation:float-icon-anim 10s ease-in-out infinite}
.float-icons .float-icon-2{right:10px;top:30px;animation:float-icon-anim 10s 0.5s ease-in-out infinite}
.float-icons .float-icon-3{right:200px;top:90px;animation:float-icon-anim 10s 1s ease-in-out infinite}
.float-icons .float-icon-4{right:90px;top:70px;animation:float-icon-anim 10s 1.5s ease-in-out infinite}
@keyframes float-icon-anim{
	0%, 73%{opacity:0}
	3%, 70%{opacity:1}
}


@media(min-width:768px){
#home_services > .widget-body > .swiper-container{display:flex;}
/*
#home_services > .widget-body > .swiper-container:before, #home_services > .widget-body > .swiper-container:after{content:"";position:absolute;right:0;z-index:2;width:100%;height:15%;}
#home_services > .widget-body > .swiper-container:before{top:0;background:linear-gradient(180deg, #fff 0%, #0000 100%);}
#home_services > .widget-body > .swiper-container:after{bottom:0%;background:linear-gradient(0deg, #fff 0%, #0000 100%);}
*/
#home_services > .widget-body > .swiper-container > .swiper-wrapper > .swiper-slide .card-body  {display:none !important}
#home_services > .widget-body > .swiper-container > .swiper-wrapper{flex:1 0 50%;width:50%;}
#home_services > .widget-body > .swiper-container > .swiper-thumbs{flex:1 0 50%;width:50%}
#home_services > .widget-body > .swiper-container > .swiper-thumbs .thumbnail-image{display:none}
#home_services > .widget-body > .swiper-container > .swiper-thumbs .thumbnail-title{font-size:25px;font-variation-settings:"wght" 800;line-height:150%;text-align:right;}
}
#home_services > .widget-body > .swiper-container > .swiper-wrapper > .swiper-slide .card-img{height:100% !important}



/* animated_bg */
svg#animated_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:-1;
	background:#0355f3;	
}
svg#animated_bg path{filter:blur(5px)} 


@keyframes rotate {
	 0% {	transform: rotate(0deg);}
	100% {	transform: rotate(360deg);}
}

.out-top {animation: rotate 20s linear infinite;transform-origin: 23px 25px;}
.in-top {animation: rotate 10s linear infinite;transform-origin: 33px 25px;}
.out-bottom {animation: rotate 25s linear infinite;transform-origin: 94px 93px;}
.in-bottom {animation: rotate 15s linear infinite;transform-origin: 54px 53px;}




.pigment-logo-svg{width:150px}
.pigment-logo-svg-path{ clip-path: url(#pigment-logo-svg);  fill:none;  stroke-width:35px; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 500; stroke-dashoffset: 500; animation-iteration-count:infinite }
.pigment-logo-svg-path-blue{animation:2s pigment-logo-anim forwards; stroke: #007fff;}
.pigment-logo-svg-path-red{animation:2s pigment-logo-anim 0.8s forwards; stroke: #069b89;}
.pigment-logo-svg-path-green{animation:2s pigment-logo-anim 1.6s forwards;  stroke: #fa5053;}
@keyframes pigment-logo-anim{
	to {stroke-dashoffset: 0;}
}

.swiper-slide-active .pigment_title_wrapper{overflow:hidden}
.swiper-slide .pigment_title_wrapper h2{transform:translateY(150%);}
.swiper-slide-active .pigment_title_wrapper h2{transform:translateY(0);transition:0.5s linear}
.swiper-slide .pigment_sub_title{color:var(--bs-gray-800) !important;}
.swiper-slide-active .pigment_sub_title{color:var(--bs-gray-100) !important;transition:0.5s linear;transition-delay:0.3s;position:relative;z-index:0}
.swiper-slide-active .pigment_sub_title:before{content:'';width:100%;height:100%;position:absolute;right:0;top:0;background:#069b89;z-index:-1;transform:scale(0,1)}
.swiper-slide-active .pigment_sub_title:before{animation:pigment_sub_title_anim 0.3s 0.5s ease-in forwards;transform-origin:right center}
@keyframes pigment_sub_title_anim{
  0%{transform:scale(0,1)}
  100%{transform:scale(1,1)}
}

#top_hero_section .swiper-pagination .swiper-pagination-bullet-active{background:var(--global-color-three);width:20px;border-radius:10px;transition:0.3s ease}


.swiper-slide .top-hero-btns-wrapper .zoha_button{opacity:0}
.swiper-slide-active .top-hero-btns-wrapper .zoha_button:nth-child(2){opacity:1;transition:opacity 0.5s ease 0.5s}
.swiper-slide-active .top-hero-btns-wrapper .zoha_button:nth-child(4){opacity:1;transition:opacity 0.5s ease 0.7s}



.grid-parent-wrapper{position:relative;z-index:0;min-height:calc(100vh - 0px);height:auto;padding:0 15px 0 15px;	display:flex;align-items:center;}
.chart_svg{position:absolute;right:0;top:0px;z-index:-1;width:100%;height:100%;filter:blur(0em);background:rgba(var(--global-color-rgb-one), 0.7) url(https://www.pigment.ir/wp-content/themes/zoha-child/chart_svg.svg) no-repeat top center;background-size:cover;background-attachment: fixed;}
	
.grid-parent {flex-grow:1;display: grid;grid-template-columns: repeat(8, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 20px;grid-row-gap: 20px;}
.grid-parent>div:nth-child(1) { grid-area: 1 / 1 / 3 / 3;}
.grid-parent>div:nth-child(2) { grid-area: 1 / 3 / 2 / 7;}
.grid-parent>div:nth-child(3) { grid-area: 1 / 7 / 2 / 9;}
.grid-parent>div:nth-child(4) { grid-area: 2 / 3 / 3 / 6;}
.grid-parent>div:nth-child(5) { grid-area: 2 / 6 / 3 / 9;}

@media(max-width:1200px){
.grid-parent{padding-top:50px;padding-bottom:100px}
}

@media(max-width:992px){
.grid-parent{grid-template-rows: repeat(3, auto);}
.grid-parent>div:nth-child(1) { grid-area: 1 / 3 / 2 / 7;}
.grid-parent>div:nth-child(2) { grid-area: 2 / 1 / 3 / 6;}
.grid-parent>div:nth-child(3) { grid-area: 2 / 6 / 3 / 9;}
.grid-parent>div:nth-child(4) { grid-area: 3 / 1 / 4 / 5;}
.grid-parent>div:nth-child(5) { grid-area: 3 / 5 / 4 / 9;}	
}

@media(max-width:768px){
.grid-parent{grid-template-columns: 1fr;grid-template-rows: repeat(5, auto);}
.grid-parent>div:nth-child(1) { grid-area: 1 / 1 / 2 / 9;}
.grid-parent>div:nth-child(2) { grid-area: 2 / 1 / 3 / 9;}
.grid-parent>div:nth-child(3) { grid-area: 3 / 1 / 4 / 9;}
.grid-parent>div:nth-child(4) { grid-area: 4 / 1 / 5 / 9;}
.grid-parent>div:nth-child(5) { grid-area: 5 / 1 / 6 / 9;}	
}

.grid-card{backdrop-filter: blur(7px) brightness(130%);padding:15px;border-radius:20px;height:100%;border:1px solid rgba(255,255,255,0.7);box-shadow:0 0 15px 7px rgba(255,255,255,0.2);
		  transform-style: preserve-3d;  transform: perspective(1200px) rotateY(0deg) rotateX(0deg) rotateZ(0deg);transition:0.5s ease-in-out;
		  }
.grid-card:hover{transform: perspective(800px) rotateY(-10deg) rotateX(15deg) rotateZ(0deg);backdrop-filter: blur(5px) brightness(150%);}		  
.grid-card-green{background: linear-gradient(340deg, rgba(var(--global-color-rgb-one), 0.1) 0%, rgba(var(--global-color-rgb-one), 0.1) 25%, rgba(255,255,255, 0.1) 100%) padding-box;}
.grid-card-blue{background: linear-gradient(340deg, rgba(var(--global-color-rgb-two), 0.1) 0%, rgba(var(--global-color-rgb-two), 0.1) 25%, rgba(255,255,255, 0.1) 100%) padding-box;}
.grid-card-red{background: linear-gradient(340deg, rgba(var(--global-color-rgb-three), 0.1) 0%, rgba(var(--global-color-rgb-three), 0.1) 25%, rgba(255,255,255, 0.1) 100%) padding-box;}
.grid-card-gold {background: linear-gradient(340deg, rgba(239, 191, 4, 0.7) 0%, rgba(239, 191, 4, 0.9) 25%, rgba(239, 191, 4, 0.7) 100%) padding-box;border:1px solid rgba(255,230,0,0.9);}
.grid-card-gray{background: linear-gradient(340deg, rgba(255,255,255, 0.1) 0%, rgba(0,0,0, 0.1) 25%, rgba(255,255,255, 0.1) 100%) padding-box;}
.grid-card-white{background: linear-gradient(340deg, rgba(255,255,255, 0.2) 0%, rgba(255,255,255, 0.5) 25%, rgba(255,255,255, 0.2) 100%) padding-box;}

div:has(>.gradient-border){position:relative;z-index:0}
.gradient-border {position:absolute;right:0;top:0;z-index:-1;border-radius:20px;width:100%;height:100%;padding: 2px;
	background: linear-gradient(50deg,  rgba(255,255,255,0.5), rgba(var(--global-color-rgb-one), 0.5), rgba(var(--global-color-rgb-one), 0.2), rgba(var(--global-color-rgb-one), 0.5));
	-webkit-mask:
	linear-gradient(#fff 0 0) content-box,
	linear-gradient(#fff 0 0);
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;
}



#gform_2 .gform_body .gform_fields{display:flex;align-items:center;gap:10px;}
#gform_2 .gform_body .gform_fields .gfield.gfield--type-phone {flex-grow:1;}
#gform_2 .gform_body .gform_fields .gfield.gfield--type-phone input{direction:ltr;text-align:left;font-size:20px;border:0px;border-radius:5px}
#gform_2 .gform_body .gform_fields .gfield.gfield--type-phone input:focus{outline-color:#d5d7d8}
#gform_2 .gform_body .gform_fields .gfield input[type="submit"]{font-size:14px;border-radius:5px;background:#212529}

@media(max-width:568px){
    #gform_2 .gform_body .gform_fields{flex-flow:column nowrap;justify-content:center;gap:10px;}
    #gform_2 .gform_body .gform_fields .gfield {width:100%;}
    #gform_2 .gform_body .gform_fields .gfield input[type="submit"]{width:100%}
}



#notfound-content {position: relative;height:500px;}
#notfound-content .notfound-wrapper .notfound-face {width: 140px;height: 140px;position:relative;z-index:0}
#notfound-content .notfound-wrapper .notfound-face:before { content: '';  position: absolute; top:0;left:0;z-index:-1; width: 100%;  height: 100%; transform: scale(2.4); border-radius: 100%;  background-color: #f2f5f8;}
#notfound-content .notfound-wrapper .notfound-text{max-width:400px}
#notfound-content .notfound-wrapper h1 {text-transform: uppercase;}
#notfound-content .notfound-wrapper h2 {text-transform: uppercase;}

#notfound-content svg line{animation:svg-anim 5s ease infinite;transform-origin:center;stroke-width:2px}
@keyframes svg-anim{
	0%,100%{transform:translateX(-2px) translateY(1px) scale(1,1)}
	25%{transform:translateX(-2px) translateY(-1px) scale(1,1.9)}
	50%{transform:translateX(2px) translateY(-1px) scale(1,1.9)}
	75%{transform:translateX(3px) translateY(1px) scale(1,1)}
	100%{transform:translateX(-2px) translateY(1px) scale(1,1)}
}


/*
.header_absolute .navbar.navbar-expand-lg .navbar-nav.navbar_desktop > * >a, .header_fixed .navbar.navbar-expand-lg .navbar-nav.navbar_desktop > * >a{filter:unset !important}
.navbar.navbar-expand-lg .navbar-nav.navbar_desktop > * >a{ font-variation-settings: "wght" 500, "wdth" 90 !important;}

body .navbar.navbar-expand-lg .navbar-nav > .nav-item > .nav-link:before{bottom:unset;top:-100%;transform-origin:50% 0;height:5px}

#home_slideshow .swiper-pagination span{background:var(--global-color-one);width:10px;height:10px;transition:1s ease;opacity:0.5}
#home_slideshow .swiper-pagination span.swiper-pagination-bullet-active{width:30px;border-radius:5px;opacity:1}
div[card-title="white"] .card-title, div[card-title="white"] .card-text {color:#fff !important}

.slideshow_absolute_images {position:absolute;right:0;top:150px;width:40%;height:100%;}
.slideshow_absolute_images .vertical_absolute_img{height:400px;}
.slideshow_absolute_images .horizontal_absolute_img{height:200px;}
.slideshow_absolute_images .bg-blur{padding:10px;background:rgba(255,255,255,0.3);backdrop-filter:blur(2px);box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
.slideshow_absolute_images .bg-blur:first-child{float:right;}
.slideshow_absolute_images .bg-blur:last-child{float:left;margin:-100px auto 0 0;}

@media(max-width: 1200px) {
	.slideshow_absolute_images {display: none;}
}



#home_product_categories .card .card-img{transition:1s ease}
#home_product_categories .card:hover .card-img{transform:perspective(700px) rotateY(180deg) rotateX(25deg) rotateZ(0deg)}

@media(min-width:1200px){
	.categories-grid {
		display: grid !important;
		grid-template-columns: repeat(2, 50%);
		grid-template-rows: repeat(3, auto);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}
}
.categories-grid > .col{transition:0.3s cubic-bezier(0.4, 0, 1, 1)}
.categories-grid > .col:nth-child(1) { grid-area: 1 / 1 / 2 / 2;background-color:var(--bs-gray-100)}
.categories-grid > .col:nth-child(2) { grid-area: 2 / 1 / 3 / 2; background-color:var(--bs-gray-0)}
.categories-grid > .col:nth-child(3) { grid-area: 1 / 2 / 3 / 3; background-color:var(--bs-gray-300)}
.categories-grid > .col:nth-child(4) { grid-area: 3 / 1 / 4 / 2; background-color:var(--bs-gray-100)}
.categories-grid > .col:nth-child(5) { grid-area: 3 / 2 / 4 / 3;background-color:var(--bs-gray-0) }

.categories-grid > .col:hover:nth-child(1){background-color:var(--bs-purple-400)}
.categories-grid > .col:hover:nth-child(2){background-color:var(--bs-pink-500)}
.categories-grid > .col:hover:nth-child(3){background-color:var(--bs-yellow-500)}
.categories-grid > .col:hover:nth-child(4){background-color:var(--bs-orange-500)}
.categories-grid > .col:hover:nth-child(5){background-color:var(--bs-teal-400)}

.categories-grid > .col:hover .card-title > a{color:#fff;}
.categories-grid > .col .card-title{transform:translateY(0px);transition:0.3s ease-in-out}
.categories-grid > .col:hover .card-title{color:#fff;transform:translateY(-10px)}

@media(max-width:1200px){
	.categories-grid > .col:nth-child(1) {background-color:var(--bs-gray-0)}
	.categories-grid > .col:nth-child(2) {background-color:var(--bs-gray-200)}
	.categories-grid > .col:nth-child(3) {background-color:var(--bs-gray-0)}
	.categories-grid > .col:nth-child(4) {background-color:var(--bs-gray-100)}
	.categories-grid > .col:nth-child(5) {background-color:var(--bs-gray-0) }
}
.categories-grid > .col .card-text{transform:translate(10px, -20px);transition:1s ease}
.categories-grid > .col:hover .card-text{transform:translate(40px, -20px);color:#fff !important}

@media(min-width:1200px){
.categories-grid > .col:nth-child(3) .card-img{height:800px !important}
.categories-grid > .col:nth-child(5) .card-img{height:550px !important;}
}

.categories-grid > .col .card-img{height:300px !important}

a.page_title, .page-title, .entry-title{
	font-variation-settings: "wght" 900, "wdth" 80 !important;text-transform:uppercase
}

*/

.bg_dots{position:relative;z-index:0;overflow:hidden}
.bg_dots:before { content:"";width:100%;height:auto;position:absolute;right:0%;top:0%;z-index:-1;transform:rotate(40deg) translate(10%,-10%);aspect-ratio:1;
	--d: 0.13em; background: radial-gradient(circle at var(--d) var(--d), rgba(6,155,137,0.3) calc(var(--d) - 1px), #0000 var(--d) ) 0 0 / 20px 20px;
	border:0px solid
}
.bg_dots_white:before{background: radial-gradient(circle at var(--d) var(--d), rgba(255,255,255,0.3) calc(var(--d) - 1px), #0000 var(--d) ) 0 0 / 20px 20px}


.coin-wrapper {width: 100%;height: 300px;display: flex;justify-content: center; align-items: center; transform: scale(1.5);  perspective: 1000px;}
.coin-container {width: 10em; height: 10em;  position: relative; box-shadow: 0 11em 3em -2em rgba(0, 0, 0, 0.3);}
.coin-wrapper .coin { width: 100%;  height: 100%;position: absolute;transform-style: preserve-3d;cursor: grab;}
.coin-wrapper .coin:active {cursor: grabbing;}

.coin-wrapper .faces { border-radius: 5em;position: absolute;left: 0;top: 0;width: 100%;height: 100%;backface-visibility: hidden;overflow: hidden;background: linear-gradient(315deg, rgba(212, 162, 48, 1) 0%, rgba(242, 219, 131, 1) 50%, rgba(251, 246, 196, 1) 60%, rgba(242, 222, 153, 1) 100%);}
.coin-wrapper .faces:before {content: "";width: 91%;height: 81%;border-radius: 100%;position: absolute;left: -30%;top: -20%;z-index: 2;background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.5) 40%, rgba(255, 255, 255, 0.1) 100%);
  animation: face-anim 2.5s linear infinite;
}
@keyframes face-anim {
  0%, 100% { left: 0%; top: 10%; opacity: 0; }
  50% { left: 0%; top: 10%; opacity: 1; }
}
.coin-wrapper .front { transform: translate3d(0, 0, 0.4em) rotateY(0); }
.coin-wrapper .back { transform: rotateY(180deg) translate3d(0, 0, 0.4em); }
.coin-wrapper .symbol{position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%, -50%);font-size: 2.5em;font-variation-settings:"wght" 900;line-height:initial;
background: -webkit-linear-gradient(315deg, rgba(235, 195, 99, 1) 0%, rgba(237, 228, 154, 1) 50%, rgba(235, 195, 99, 1) 70%, rgba(237, 228, 154, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.coin-wrapper .symbol-back {position: absolute;top: calc(50% + 1px);left: 50%;transform: translate(-50%, -50%);font-size: 2.5em;font-variation-settings:"wght" 900;z-index: 1;color: rgba(0, 0, 0, 0.5) !important;}
.coin-wrapper .circle {border-radius: 5em;width: 8em;height: 8em;transform: translate(-50%, -50%);position: absolute;left: 50%;top: 50%;  background: #d9a828;z-index: -1;}
.coin-wrapper .side {width: 0.8em;height: 1.61em;background: #d4a230;position: absolute;left: 50%;top: 50%;backface-visibility: hidden;border-top: 0.5em solid #f0d580;border-bottom: 0.5em solid #f0d580;}

.coin-wrapper figure:nth-of-type(1)  { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(0deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(2)  { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(18deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(3)  { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(36deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(4)  { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(54deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(5)  { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(72deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(6)  { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(90deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(7)  { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(108deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(8)  { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(126deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(9)  { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(144deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(10) { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(162deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(11) { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(180deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(12) { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(198deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(13) { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(216deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(14) { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(234deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(15) { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(252deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(16) { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(270deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(17) { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(288deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(18) { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(306deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(19) { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(324deg) translateZ(4.9em); }
.coin-wrapper figure:nth-of-type(20) { transform: translate3d(-50%, -50%, 0) rotateY(90deg) rotateX(342deg) translateZ(4.9em); }


.text-gold-shine {
  background: linear-gradient(90deg, rgba(235,195,99) 0%, rgb(227 187 90) 20%, rgb(235,195,99) 39%, rgba(249,244,180) 50%, rgba(235,195,99) 60%, rgb(227 187 90) 80%, rgba(235,195,99) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;	
  animation: gold-shine 3s linear infinite;
  background-size: 200%;
  background-position: -50%;
}
@keyframes gold-shine {
	50%{background-position: 100%} 
	100%{background-position: 150%} 
}



#text_flip {max-width:90%; overflow: hidden;}
#text_flip .item {color:var(--bs-gray-800); font-size:30px;font-variation-settings:"wght" 900;line-height:130%;text-overflow: ellipsis;  display: none;   transform:translateY(-100%);}
#text_flip .item.active {   animation:anim 5s ease-in forwards;   display: block;}
@keyframes anim{
  0%{transform:translateY(-100%);}
  10%{ transform:translateY(0%);}
  90%{  transform:translateY(0%);}
  100%{ transform:translateY(100%);}
}
#text_flip .item span{display:inline-block;color:#e3eeeb;position:relative;z-index:0}
#text_flip .item span:before{content:'';width:100%;height:100%;position:absolute;right:0;top:0;background:#069b89;z-index:-1;transform:scale(0,1)}
#text_flip .item.active span:before{animation:text_flip_span_anim 0.3s 0.5s ease-in forwards;transform-origin:right center}
@keyframes text_flip_span_anim{
  0%{transform:scale(0,1)}
  100%{transform:scale(1,1)}
}

#target_audience .card{transition:0.5s ease}
#target_audience .card:hover{background:#069b89 !important;}
#target_audience .card:hover *{color:#fff !important}





.front.sub-container{overflow:clip !important}

#home_services .col-content { position: -webkit-sticky;  position: sticky;  top: 100px;  height: min-content;  padding:0 2rem;  overflow: clip;  display: flex;  flex-direction: column;  justify-content: flex-start;}
#home_services .col-images {  height: auto;   display: flex;  flex-direction: column;  justify-content: flex-start;}
#home_services .image-item {  width: 100%; height: auto; display: block;   margin:0 auto 50px auto; }
#home_services .card {display:flex;flex-flow:column nowrap; justify-content:center;backdrop-filter:blur(3px);background:rgba(255,255,255,0.9);	margin-bottom: 0.5rem;border-right:5px solid var(--bs-gray-600) !important;	padding:10px 20px 10px 20px;transition: 0.5s ease;    cursor: pointer;}
#home_services .card.active {border-right-color:var(--global-color-one) !important;  }
#home_services .card-text{opacity: 0;max-height:0px;overflow:hidden;transition: 0.3s linear;padding:0px}
#home_services .card.active .card-text{opacity: 1;max-height:200px;transition-delay:0.3s;}
@media(max-width:567px){
    #home_services .card {border-radius:10px !important;border-right:0 !important}
}




#pie_chart .item_text{opacity:0;transition: 0.2s linear;}
#pie_chart .item_text.active {opacity:1;}
#pie_chart .item_number{fill:var(--bs-gray-100);font-size:30px;font-variation-settings:"wght" 900;
  -webkit-filter: drop-shadow( 0 55px 3px rgba(0, 0, 0, .2));
  filter: drop-shadow( 0 55px 3px rgba(0, 0, 0, .2));}
#pie_chart .item_title{fill:var(--bs-gray-100);font-size:20px;font-variation-settings:"wght" 900;transform:translateY(50px);transition:0.3s linear;  
  -webkit-filter: drop-shadow( 0 40px 3px rgba(0, 0, 0, .2));
  filter: drop-shadow( 0 40px 3px rgba(0, 0, 0, .2));}
#pie_chart .item_text.active .item_title{ transform:translateY(25px)}

@media(max-width:992px) AND (min-width:575px ){
#panel_profits > .row > .custom-container:nth-child(2){width:100% !important;flex:1 0 100% !important}
}

@media(max-width:992px){
#panel_profits > .row > .custom-container:nth-child(1){order:1;}
#panel_profits > .row > .custom-container:nth-child(2){order:3;}
#panel_profits > .row > .custom-container:nth-child(3){order:2;}
}

#panel_profits{overflow:hidden;position:relative;z-index:0;}
#panel_profits .card{transition:background 0.5s ease}
#panel_profits .card:hover{background:var(--global-color-one) !important}
