.elementor-481 .elementor-element.elementor-element-9d22038{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:05px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-8209be3{text-align:center;}.elementor-481 .elementor-element.elementor-element-8209be3 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-481 .elementor-element.elementor-element-57cfe76{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-b2ace4c .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-7107b8a-font-family ), Sans-serif;border-radius:10px 10px 10px 10px;}.elementor-481 .elementor-element.elementor-element-b2ace4c{width:auto;max-width:auto;}.elementor-481 .elementor-element.elementor-element-988679c .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );border-radius:10px 10px 10px 10px;}.elementor-481 .elementor-element.elementor-element-988679c{width:auto;max-width:auto;}.elementor-481 .elementor-element.elementor-element-a566ef7{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-481 .elementor-element.elementor-element-cdbe7db{--display:flex;}.elementor-481 .elementor-element.elementor-element-f335c00{--display:flex;}.elementor-481 .elementor-element.elementor-element-09ef774{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-09ef774.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-481 .elementor-element.elementor-element-f08d9b8 .elementor-icon-wrapper{text-align:center;}.elementor-481 .elementor-element.elementor-element-f08d9b8 .elementor-icon{font-size:50px;}.elementor-481 .elementor-element.elementor-element-f08d9b8 .elementor-icon svg{height:50px;}.elementor-481 .elementor-element.elementor-element-a477209 .elementor-heading-title{font-size:20px;}.elementor-481 .elementor-element.elementor-element-0ab12e4 .elementor-heading-title{font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-481 .elementor-element.elementor-element-540c891{--display:flex;}.elementor-481 .elementor-element.elementor-element-9491190 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-481 .elementor-element.elementor-element-af3ccf2 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-481 .elementor-element.elementor-element-065a155{--display:flex;}.elementor-481 .elementor-element.elementor-element-395df06{--display:flex;}.elementor-481 .elementor-element.elementor-element-c827d7e{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-c827d7e.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-481 .elementor-element.elementor-element-5889275 .elementor-icon-wrapper{text-align:center;}.elementor-481 .elementor-element.elementor-element-5889275 .elementor-icon{font-size:50px;}.elementor-481 .elementor-element.elementor-element-5889275 .elementor-icon svg{height:50px;}.elementor-481 .elementor-element.elementor-element-80da362 .elementor-heading-title{font-size:20px;}.elementor-481 .elementor-element.elementor-element-1340539 .elementor-heading-title{font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-481 .elementor-element.elementor-element-6c1999f{--display:flex;}.elementor-481 .elementor-element.elementor-element-62276a3 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-481 .elementor-element.elementor-element-bfbf436 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-481 .elementor-element.elementor-element-bd7818a{--display:flex;}.elementor-481 .elementor-element.elementor-element-6e22290{--display:flex;}.elementor-481 .elementor-element.elementor-element-66f9736{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-66f9736.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-481 .elementor-element.elementor-element-b1aa24f .elementor-icon-wrapper{text-align:center;}.elementor-481 .elementor-element.elementor-element-b1aa24f .elementor-icon{font-size:50px;}.elementor-481 .elementor-element.elementor-element-b1aa24f .elementor-icon svg{height:50px;}.elementor-481 .elementor-element.elementor-element-0d1c3c7 .elementor-heading-title{font-size:20px;}.elementor-481 .elementor-element.elementor-element-0f68e96 .elementor-heading-title{font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-481 .elementor-element.elementor-element-e0a9e7c{--display:flex;}.elementor-481 .elementor-element.elementor-element-5604077 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-481 .elementor-element.elementor-element-62188ba .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-481 .elementor-element.elementor-element-90aef16{--display:flex;}.elementor-481 .elementor-element.elementor-element-e6188a6{--display:flex;}.elementor-481 .elementor-element.elementor-element-e3d0732{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-e3d0732.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-481 .elementor-element.elementor-element-f65809e .elementor-icon-wrapper{text-align:center;}.elementor-481 .elementor-element.elementor-element-f65809e .elementor-icon{font-size:50px;}.elementor-481 .elementor-element.elementor-element-f65809e .elementor-icon svg{height:50px;}.elementor-481 .elementor-element.elementor-element-8030fd2 .elementor-heading-title{font-size:20px;}.elementor-481 .elementor-element.elementor-element-f993d91 .elementor-heading-title{font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-481 .elementor-element.elementor-element-0461cef{--display:flex;}.elementor-481 .elementor-element.elementor-element-6419973 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-481 .elementor-element.elementor-element-4e5c485 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-481 .elementor-element.elementor-element-01da3fb{--display:flex;}.elementor-481 .elementor-element.elementor-element-8765222{--display:flex;}.elementor-481 .elementor-element.elementor-element-9bdd8c3{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-9bdd8c3.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-481 .elementor-element.elementor-element-24ab467 .elementor-icon-wrapper{text-align:center;}.elementor-481 .elementor-element.elementor-element-24ab467 .elementor-icon{font-size:50px;}.elementor-481 .elementor-element.elementor-element-24ab467 .elementor-icon svg{height:50px;}.elementor-481 .elementor-element.elementor-element-5397f7d .elementor-heading-title{font-size:20px;}.elementor-481 .elementor-element.elementor-element-6f94b83 .elementor-heading-title{font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-481 .elementor-element.elementor-element-043daa7{--display:flex;}.elementor-481 .elementor-element.elementor-element-588bbe6 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-481 .elementor-element.elementor-element-cf9a792 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-481 .elementor-element.elementor-element-61f043e{--display:flex;}.elementor-481 .elementor-element.elementor-element-b5cbfb1{--display:flex;}.elementor-481 .elementor-element.elementor-element-028149a{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-028149a.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-481 .elementor-element.elementor-element-ceed5cf .elementor-icon-wrapper{text-align:center;}.elementor-481 .elementor-element.elementor-element-ceed5cf .elementor-icon{font-size:50px;}.elementor-481 .elementor-element.elementor-element-ceed5cf .elementor-icon svg{height:50px;}.elementor-481 .elementor-element.elementor-element-9c6fe0a .elementor-heading-title{font-size:20px;}.elementor-481 .elementor-element.elementor-element-6dad027 .elementor-heading-title{font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-481 .elementor-element.elementor-element-13aff7c{--display:flex;}.elementor-481 .elementor-element.elementor-element-e951612 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-481 .elementor-element.elementor-element-ecbeaa2 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-481 .elementor-element.elementor-element-2e80c4a{--display:flex;}.elementor-481 .elementor-element.elementor-element-2de6312{--display:flex;}.elementor-481 .elementor-element.elementor-element-4390468{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-4390468.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-481 .elementor-element.elementor-element-7078b63 .elementor-icon-wrapper{text-align:center;}.elementor-481 .elementor-element.elementor-element-7078b63 .elementor-icon{font-size:50px;}.elementor-481 .elementor-element.elementor-element-7078b63 .elementor-icon svg{height:50px;}.elementor-481 .elementor-element.elementor-element-488c6ef .elementor-heading-title{font-size:20px;}.elementor-481 .elementor-element.elementor-element-594810c .elementor-heading-title{font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-481 .elementor-element.elementor-element-a778d76{--display:flex;}.elementor-481 .elementor-element.elementor-element-d1d2305 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-481 .elementor-element.elementor-element-9828a7d .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-481 .elementor-element.elementor-element-d9c9269{--display:flex;}.elementor-481 .elementor-element.elementor-element-5160190{--display:flex;}.elementor-481 .elementor-element.elementor-element-b6bb527{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-b6bb527.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-481 .elementor-element.elementor-element-00c5c1c .elementor-icon-wrapper{text-align:center;}.elementor-481 .elementor-element.elementor-element-00c5c1c .elementor-icon{font-size:50px;}.elementor-481 .elementor-element.elementor-element-00c5c1c .elementor-icon svg{height:50px;}.elementor-481 .elementor-element.elementor-element-2ee0433 .elementor-heading-title{font-size:20px;}.elementor-481 .elementor-element.elementor-element-4216d6d .elementor-heading-title{font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-481 .elementor-element.elementor-element-d0f9117{--display:flex;}.elementor-481 .elementor-element.elementor-element-66f6e5e .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-481 .elementor-element.elementor-element-1fc7895 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-481 .elementor-element.elementor-element-4b0da1b{--display:flex;}.elementor-481 .elementor-element.elementor-element-e41d544{--display:flex;}.elementor-481 .elementor-element.elementor-element-b2e3ae3{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-b2e3ae3.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-481 .elementor-element.elementor-element-1ada909 .elementor-icon-wrapper{text-align:center;}.elementor-481 .elementor-element.elementor-element-1ada909 .elementor-icon{font-size:50px;}.elementor-481 .elementor-element.elementor-element-1ada909 .elementor-icon svg{height:50px;}.elementor-481 .elementor-element.elementor-element-2b405b0 .elementor-heading-title{font-size:20px;}.elementor-481 .elementor-element.elementor-element-0fb53e7 .elementor-heading-title{font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-481 .elementor-element.elementor-element-70a20ca{--display:flex;}.elementor-481 .elementor-element.elementor-element-39eb455 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-481 .elementor-element.elementor-element-f631a10 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-481 .elementor-element.elementor-element-cb44631{--display:flex;}.elementor-481 .elementor-element.elementor-element-d91ee3a{--display:flex;}.elementor-481 .elementor-element.elementor-element-3d619a5{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-3d619a5.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-481 .elementor-element.elementor-element-d352046 .elementor-icon-wrapper{text-align:center;}.elementor-481 .elementor-element.elementor-element-d352046 .elementor-icon{font-size:50px;}.elementor-481 .elementor-element.elementor-element-d352046 .elementor-icon svg{height:50px;}.elementor-481 .elementor-element.elementor-element-adabf28 .elementor-heading-title{font-size:20px;}.elementor-481 .elementor-element.elementor-element-4df70c6 .elementor-heading-title{font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-481 .elementor-element.elementor-element-ebb6061{--display:flex;}.elementor-481 .elementor-element.elementor-element-8a50ce5 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-481 .elementor-element.elementor-element-f497d92 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-481 .elementor-element.elementor-element-73d3be6{--display:flex;}.elementor-481 .elementor-element.elementor-element-c631a18{--display:flex;}.elementor-481 .elementor-element.elementor-element-31558d0{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-31558d0:not(.elementor-motion-effects-element-type-background), .elementor-481 .elementor-element.elementor-element-31558d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://biropsikolog.com/wp-content/uploads/2025/09/cemas-300x200.jpg");background-position:top center;}.elementor-481 .elementor-element.elementor-element-31558d0.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-481 .elementor-element.elementor-element-dc002dd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;color:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-691a22d{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-481 .elementor-element.elementor-element-c89c5cf .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-481 .elementor-element.elementor-element-c577b8c .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-481 .elementor-element.elementor-element-86ecdd5{--display:flex;}.elementor-481 .elementor-element.elementor-element-31c2cbe{--display:flex;}.elementor-481 .elementor-element.elementor-element-fbe6069{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-fbe6069:not(.elementor-motion-effects-element-type-background), .elementor-481 .elementor-element.elementor-element-fbe6069 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://biropsikolog.com/wp-content/uploads/2025/09/dep-300x199.jpeg");background-position:top center;}.elementor-481 .elementor-element.elementor-element-fbe6069.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-481 .elementor-element.elementor-element-4939130 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;color:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-cf96a6f{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-481 .elementor-element.elementor-element-1351152 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-481 .elementor-element.elementor-element-4a0e1b2 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-481 .elementor-element.elementor-element-56b411f{--display:flex;}.elementor-481 .elementor-element.elementor-element-a5bacd4{--display:flex;}.elementor-481 .elementor-element.elementor-element-05f1b9e{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-05f1b9e:not(.elementor-motion-effects-element-type-background), .elementor-481 .elementor-element.elementor-element-05f1b9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://biropsikolog.com/wp-content/uploads/2025/09/grgwr-300x169.jpg");background-position:top center;}.elementor-481 .elementor-element.elementor-element-05f1b9e.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-481 .elementor-element.elementor-element-b5f9e82 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;color:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-16da9f4{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-481 .elementor-element.elementor-element-743613a .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-481 .elementor-element.elementor-element-78a57e3 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-481 .elementor-element.elementor-element-3917ecf{--display:flex;}.elementor-481 .elementor-element.elementor-element-cbd1ecd{--display:flex;}.elementor-481 .elementor-element.elementor-element-16e10dc{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-16e10dc:not(.elementor-motion-effects-element-type-background), .elementor-481 .elementor-element.elementor-element-16e10dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://biropsikolog.com/wp-content/uploads/2025/09/dsgdsgsdg-300x169.webp");background-position:top center;}.elementor-481 .elementor-element.elementor-element-16e10dc.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-481 .elementor-element.elementor-element-2dba03e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;color:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-591e48c{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-481 .elementor-element.elementor-element-e502b72 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-481 .elementor-element.elementor-element-b8619e0 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-481 .elementor-element.elementor-element-a3b7d26{--display:flex;}.elementor-481 .elementor-element.elementor-element-1d93372{--display:flex;}.elementor-481 .elementor-element.elementor-element-49976fe{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-49976fe:not(.elementor-motion-effects-element-type-background), .elementor-481 .elementor-element.elementor-element-49976fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://biropsikolog.com/wp-content/uploads/2025/09/hehehrt.webp");}.elementor-481 .elementor-element.elementor-element-49976fe.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-481 .elementor-element.elementor-element-5cdffe1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;color:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-5957ae9{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-481 .elementor-element.elementor-element-33dc486 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-481 .elementor-element.elementor-element-72f3da3 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-481 .elementor-element.elementor-element-33e0b1b{--display:flex;}.elementor-481 .elementor-element.elementor-element-c886e46{--display:flex;}.elementor-481 .elementor-element.elementor-element-5502ef5{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-5502ef5:not(.elementor-motion-effects-element-type-background), .elementor-481 .elementor-element.elementor-element-5502ef5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://biropsikolog.com/wp-content/uploads/2025/09/gfddyey-300x200.jpg");background-position:top center;}.elementor-481 .elementor-element.elementor-element-5502ef5.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-481 .elementor-element.elementor-element-e1a636f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;color:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-e3e802a{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-481 .elementor-element.elementor-element-970f152 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-481 .elementor-element.elementor-element-07645ae .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}@media(max-width:1024px){.elementor-481 .elementor-element.elementor-element-a566ef7{--grid-auto-flow:row;}.elementor-481 .elementor-element.elementor-element-9491190 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-af3ccf2 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-62276a3 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-bfbf436 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-5604077 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-62188ba .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-6419973 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-4e5c485 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-588bbe6 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-cf9a792 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-e951612 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-ecbeaa2 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-d1d2305 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-9828a7d .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-66f6e5e .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-1fc7895 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-39eb455 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-f631a10 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-8a50ce5 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-f497d92 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-c89c5cf .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-c577b8c .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-1351152 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-4a0e1b2 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-743613a .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-78a57e3 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-e502b72 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-b8619e0 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-33dc486 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-72f3da3 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-970f152 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-07645ae .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-481 .elementor-element.elementor-element-a566ef7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-481 .elementor-element.elementor-element-9491190 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-af3ccf2 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-62276a3 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-bfbf436 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-5604077 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-62188ba .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-6419973 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-4e5c485 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-588bbe6 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-cf9a792 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-e951612 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-ecbeaa2 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-d1d2305 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-9828a7d .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-66f6e5e .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-1fc7895 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-39eb455 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-f631a10 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-8a50ce5 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-f497d92 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-c89c5cf .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-c577b8c .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-1351152 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-4a0e1b2 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-743613a .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-78a57e3 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-e502b72 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-b8619e0 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-33dc486 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-72f3da3 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-970f152 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-07645ae .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for container, class: .elementor-element-cdbe7db *//* ========= Flip Card – Mind & Personality ========= */
/* Warna & tinggi bisa diubah lewat variabel di .mp-card */
.mp-card{
  --brand: #7F22D8;        /* ungu utama */
  --brand-soft: #F5E9FF;   /* ungu muda (sisi belakang) */
  --card-h: 140px;         /* tinggi kartu default desktop */

  perspective: 1000px;
  border: 2px solid var(--brand);
  border-radius: 16px;
  overflow: hidden;                          /* cegah isi keluar saat flip */
  background: transparent;
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* Inner area yang berputar (Elementor Container/ e-con / column wrapper) */
.mp-card > .elementor-container,
.mp-card > .e-con{
  position: relative;
  transform-style: preserve-3d;
  transition: transform .6s ease;
  height: var(--card-h);                     /* pakai height tetap agar tak terpotong */
  background: transparent;
}

/* Dua sisi kartu */
.mp-card .face-front,
.mp-card .face-back{
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;       /* Safari */
  display: flex; flex-direction: column;
  justify-content: left; align-items: left;
  gap: 6px;
  padding: 18px 24px;
  text-align: left;
  height: 100%;
}

/* Tampilan sisi depan & belakang */
.mp-card .face-front{ background: #fff; }
.mp-card .face-back{
  background: var(--brand-soft);
  transform: rotateY(180deg);
  overflow-y: auto;                           /* deskripsi panjang bisa scroll */
}

/* Aksi flip saat hover */
.mp-card:hover > .elementor-container,
.mp-card:hover > .e-con{ transform: rotateY(180deg); }

/* Aksen: ikon & judul sisi depan */
.mp-card .face-front .elementor-icon,
.mp-card .face-front i,
.mp-card .face-front svg{ color: var(--brand); }
.mp-card .face-front h1,
.mp-card .face-front h2,
.mp-card .face-front h3{ margin: 0; }
.mp-card .face-back h1,
.mp-card .face-back h2,
.mp-card .face-back h3{ margin-top: 0; }

/* Interaksi & aksesibilitas */
.mp-card:hover{ box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.mp-card:focus-within{
  outline: 3px solid rgba(127,34,216,.35);
  outline-offset: 2px;
}

/* Responsif: naikkan tinggi sedikit di layar kecil */
@media (max-width: 991px){
  .mp-card{ --card-h: 230px; }
}
@media (max-width: 767px){
  .mp-card{ --card-h: 250px; }
  .mp-card .face-front,
  .mp-card .face-back{ padding: 16px 20px; }
}

/* Preferensi pengguna: kurangi gerakan */
@media (prefers-reduced-motion: reduce){
  .mp-card > .elementor-container,
  .mp-card > .e-con{ transition: none; }
  .mp-card:hover{ box-shadow: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-065a155 *//* ========= Flip Card – Mind & Personality ========= */
/* Warna & tinggi bisa diubah lewat variabel di .mp-card */
.mp-card{
  --brand: #7F22D8;        /* ungu utama */
  --brand-soft: #F5E9FF;   /* ungu muda (sisi belakang) */
  --card-h: 140px;         /* tinggi kartu default desktop */

  perspective: 1000px;
  border: 2px solid var(--brand);
  border-radius: 16px;
  overflow: hidden;                          /* cegah isi keluar saat flip */
  background: transparent;
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* Inner area yang berputar (Elementor Container/ e-con / column wrapper) */
.mp-card > .elementor-container,
.mp-card > .e-con{
  position: relative;
  transform-style: preserve-3d;
  transition: transform .6s ease;
  height: var(--card-h);                     /* pakai height tetap agar tak terpotong */
  background: transparent;
}

/* Dua sisi kartu */
.mp-card .face-front,
.mp-card .face-back{
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;       /* Safari */
  display: flex; flex-direction: column;
  justify-content: left; align-items: left;
  gap: 6px;
  padding: 18px 24px;
  text-align: left;
  height: 100%;
}

/* Tampilan sisi depan & belakang */
.mp-card .face-front{ background: #fff; }
.mp-card .face-back{
  background: var(--brand-soft);
  transform: rotateY(180deg);
  overflow-y: auto;                           /* deskripsi panjang bisa scroll */
}

/* Aksi flip saat hover */
.mp-card:hover > .elementor-container,
.mp-card:hover > .e-con{ transform: rotateY(180deg); }

/* Aksen: ikon & judul sisi depan */
.mp-card .face-front .elementor-icon,
.mp-card .face-front i,
.mp-card .face-front svg{ color: var(--brand); }
.mp-card .face-front h1,
.mp-card .face-front h2,
.mp-card .face-front h3{ margin: 0; }
.mp-card .face-back h1,
.mp-card .face-back h2,
.mp-card .face-back h3{ margin-top: 0; }

/* Interaksi & aksesibilitas */
.mp-card:hover{ box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.mp-card:focus-within{
  outline: 3px solid rgba(127,34,216,.35);
  outline-offset: 2px;
}

/* Responsif: naikkan tinggi sedikit di layar kecil */
@media (max-width: 991px){
  .mp-card{ --card-h: 230px; }
}
@media (max-width: 767px){
  .mp-card{ --card-h: 250px; }
  .mp-card .face-front,
  .mp-card .face-back{ padding: 16px 20px; }
}

/* Preferensi pengguna: kurangi gerakan */
@media (prefers-reduced-motion: reduce){
  .mp-card > .elementor-container,
  .mp-card > .e-con{ transition: none; }
  .mp-card:hover{ box-shadow: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd7818a *//* ========= Flip Card – Mind & Personality ========= */
/* Warna & tinggi bisa diubah lewat variabel di .mp-card */
.mp-card{
  --brand: #7F22D8;        /* ungu utama */
  --brand-soft: #F5E9FF;   /* ungu muda (sisi belakang) */
  --card-h: 140px;         /* tinggi kartu default desktop */

  perspective: 1000px;
  border: 2px solid var(--brand);
  border-radius: 16px;
  overflow: hidden;                          /* cegah isi keluar saat flip */
  background: transparent;
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* Inner area yang berputar (Elementor Container/ e-con / column wrapper) */
.mp-card > .elementor-container,
.mp-card > .e-con{
  position: relative;
  transform-style: preserve-3d;
  transition: transform .6s ease;
  height: var(--card-h);                     /* pakai height tetap agar tak terpotong */
  background: transparent;
}

/* Dua sisi kartu */
.mp-card .face-front,
.mp-card .face-back{
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;       /* Safari */
  display: flex; flex-direction: column;
  justify-content: left; align-items: left;
  gap: 6px;
  padding: 18px 24px;
  text-align: left;
  height: 100%;
}

/* Tampilan sisi depan & belakang */
.mp-card .face-front{ background: #fff; }
.mp-card .face-back{
  background: var(--brand-soft);
  transform: rotateY(180deg);
  overflow-y: auto;                           /* deskripsi panjang bisa scroll */
}

/* Aksi flip saat hover */
.mp-card:hover > .elementor-container,
.mp-card:hover > .e-con{ transform: rotateY(180deg); }

/* Aksen: ikon & judul sisi depan */
.mp-card .face-front .elementor-icon,
.mp-card .face-front i,
.mp-card .face-front svg{ color: var(--brand); }
.mp-card .face-front h1,
.mp-card .face-front h2,
.mp-card .face-front h3{ margin: 0; }
.mp-card .face-back h1,
.mp-card .face-back h2,
.mp-card .face-back h3{ margin-top: 0; }

/* Interaksi & aksesibilitas */
.mp-card:hover{ box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.mp-card:focus-within{
  outline: 3px solid rgba(127,34,216,.35);
  outline-offset: 2px;
}

/* Responsif: naikkan tinggi sedikit di layar kecil */
@media (max-width: 991px){
  .mp-card{ --card-h: 230px; }
}
@media (max-width: 767px){
  .mp-card{ --card-h: 250px; }
  .mp-card .face-front,
  .mp-card .face-back{ padding: 16px 20px; }
}

/* Preferensi pengguna: kurangi gerakan */
@media (prefers-reduced-motion: reduce){
  .mp-card > .elementor-container,
  .mp-card > .e-con{ transition: none; }
  .mp-card:hover{ box-shadow: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90aef16 *//* ========= Flip Card – Mind & Personality ========= */
/* Warna & tinggi bisa diubah lewat variabel di .mp-card */
.mp-card{
  --brand: #7F22D8;        /* ungu utama */
  --brand-soft: #F5E9FF;   /* ungu muda (sisi belakang) */
  --card-h: 140px;         /* tinggi kartu default desktop */

  perspective: 1000px;
  border: 2px solid var(--brand);
  border-radius: 16px;
  overflow: hidden;                          /* cegah isi keluar saat flip */
  background: transparent;
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* Inner area yang berputar (Elementor Container/ e-con / column wrapper) */
.mp-card > .elementor-container,
.mp-card > .e-con{
  position: relative;
  transform-style: preserve-3d;
  transition: transform .6s ease;
  height: var(--card-h);                     /* pakai height tetap agar tak terpotong */
  background: transparent;
}

/* Dua sisi kartu */
.mp-card .face-front,
.mp-card .face-back{
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;       /* Safari */
  display: flex; flex-direction: column;
  justify-content: left; align-items: left;
  gap: 6px;
  padding: 18px 24px;
  text-align: left;
  height: 100%;
}

/* Tampilan sisi depan & belakang */
.mp-card .face-front{ background: #fff; }
.mp-card .face-back{
  background: var(--brand-soft);
  transform: rotateY(180deg);
  overflow-y: auto;                           /* deskripsi panjang bisa scroll */
}

/* Aksi flip saat hover */
.mp-card:hover > .elementor-container,
.mp-card:hover > .e-con{ transform: rotateY(180deg); }

/* Aksen: ikon & judul sisi depan */
.mp-card .face-front .elementor-icon,
.mp-card .face-front i,
.mp-card .face-front svg{ color: var(--brand); }
.mp-card .face-front h1,
.mp-card .face-front h2,
.mp-card .face-front h3{ margin: 0; }
.mp-card .face-back h1,
.mp-card .face-back h2,
.mp-card .face-back h3{ margin-top: 0; }

/* Interaksi & aksesibilitas */
.mp-card:hover{ box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.mp-card:focus-within{
  outline: 3px solid rgba(127,34,216,.35);
  outline-offset: 2px;
}

/* Responsif: naikkan tinggi sedikit di layar kecil */
@media (max-width: 991px){
  .mp-card{ --card-h: 230px; }
}
@media (max-width: 767px){
  .mp-card{ --card-h: 250px; }
  .mp-card .face-front,
  .mp-card .face-back{ padding: 16px 20px; }
}

/* Preferensi pengguna: kurangi gerakan */
@media (prefers-reduced-motion: reduce){
  .mp-card > .elementor-container,
  .mp-card > .e-con{ transition: none; }
  .mp-card:hover{ box-shadow: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01da3fb *//* ========= Flip Card – Mind & Personality ========= */
/* Warna & tinggi bisa diubah lewat variabel di .mp-card */
.mp-card{
  --brand: #7F22D8;        /* ungu utama */
  --brand-soft: #F5E9FF;   /* ungu muda (sisi belakang) */
  --card-h: 140px;         /* tinggi kartu default desktop */

  perspective: 1000px;
  border: 2px solid var(--brand);
  border-radius: 16px;
  overflow: hidden;                          /* cegah isi keluar saat flip */
  background: transparent;
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* Inner area yang berputar (Elementor Container/ e-con / column wrapper) */
.mp-card > .elementor-container,
.mp-card > .e-con{
  position: relative;
  transform-style: preserve-3d;
  transition: transform .6s ease;
  height: var(--card-h);                     /* pakai height tetap agar tak terpotong */
  background: transparent;
}

/* Dua sisi kartu */
.mp-card .face-front,
.mp-card .face-back{
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;       /* Safari */
  display: flex; flex-direction: column;
  justify-content: left; align-items: left;
  gap: 6px;
  padding: 18px 24px;
  text-align: left;
  height: 100%;
}

/* Tampilan sisi depan & belakang */
.mp-card .face-front{ background: #fff; }
.mp-card .face-back{
  background: var(--brand-soft);
  transform: rotateY(180deg);
  overflow-y: auto;                           /* deskripsi panjang bisa scroll */
}

/* Aksi flip saat hover */
.mp-card:hover > .elementor-container,
.mp-card:hover > .e-con{ transform: rotateY(180deg); }

/* Aksen: ikon & judul sisi depan */
.mp-card .face-front .elementor-icon,
.mp-card .face-front i,
.mp-card .face-front svg{ color: var(--brand); }
.mp-card .face-front h1,
.mp-card .face-front h2,
.mp-card .face-front h3{ margin: 0; }
.mp-card .face-back h1,
.mp-card .face-back h2,
.mp-card .face-back h3{ margin-top: 0; }

/* Interaksi & aksesibilitas */
.mp-card:hover{ box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.mp-card:focus-within{
  outline: 3px solid rgba(127,34,216,.35);
  outline-offset: 2px;
}

/* Responsif: naikkan tinggi sedikit di layar kecil */
@media (max-width: 991px){
  .mp-card{ --card-h: 230px; }
}
@media (max-width: 767px){
  .mp-card{ --card-h: 250px; }
  .mp-card .face-front,
  .mp-card .face-back{ padding: 16px 20px; }
}

/* Preferensi pengguna: kurangi gerakan */
@media (prefers-reduced-motion: reduce){
  .mp-card > .elementor-container,
  .mp-card > .e-con{ transition: none; }
  .mp-card:hover{ box-shadow: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61f043e *//* ========= Flip Card – Mind & Personality ========= */
/* Warna & tinggi bisa diubah lewat variabel di .mp-card */
.mp-card{
  --brand: #7F22D8;        /* ungu utama */
  --brand-soft: #F5E9FF;   /* ungu muda (sisi belakang) */
  --card-h: 140px;         /* tinggi kartu default desktop */

  perspective: 1000px;
  border: 2px solid var(--brand);
  border-radius: 16px;
  overflow: hidden;                          /* cegah isi keluar saat flip */
  background: transparent;
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* Inner area yang berputar (Elementor Container/ e-con / column wrapper) */
.mp-card > .elementor-container,
.mp-card > .e-con{
  position: relative;
  transform-style: preserve-3d;
  transition: transform .6s ease;
  height: var(--card-h);                     /* pakai height tetap agar tak terpotong */
  background: transparent;
}

/* Dua sisi kartu */
.mp-card .face-front,
.mp-card .face-back{
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;       /* Safari */
  display: flex; flex-direction: column;
  justify-content: left; align-items: left;
  gap: 6px;
  padding: 18px 24px;
  text-align: left;
  height: 100%;
}

/* Tampilan sisi depan & belakang */
.mp-card .face-front{ background: #fff; }
.mp-card .face-back{
  background: var(--brand-soft);
  transform: rotateY(180deg);
  overflow-y: auto;                           /* deskripsi panjang bisa scroll */
}

/* Aksi flip saat hover */
.mp-card:hover > .elementor-container,
.mp-card:hover > .e-con{ transform: rotateY(180deg); }

/* Aksen: ikon & judul sisi depan */
.mp-card .face-front .elementor-icon,
.mp-card .face-front i,
.mp-card .face-front svg{ color: var(--brand); }
.mp-card .face-front h1,
.mp-card .face-front h2,
.mp-card .face-front h3{ margin: 0; }
.mp-card .face-back h1,
.mp-card .face-back h2,
.mp-card .face-back h3{ margin-top: 0; }

/* Interaksi & aksesibilitas */
.mp-card:hover{ box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.mp-card:focus-within{
  outline: 3px solid rgba(127,34,216,.35);
  outline-offset: 2px;
}

/* Responsif: naikkan tinggi sedikit di layar kecil */
@media (max-width: 991px){
  .mp-card{ --card-h: 230px; }
}
@media (max-width: 767px){
  .mp-card{ --card-h: 250px; }
  .mp-card .face-front,
  .mp-card .face-back{ padding: 16px 20px; }
}

/* Preferensi pengguna: kurangi gerakan */
@media (prefers-reduced-motion: reduce){
  .mp-card > .elementor-container,
  .mp-card > .e-con{ transition: none; }
  .mp-card:hover{ box-shadow: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e80c4a *//* ========= Flip Card – Mind & Personality ========= */
/* Warna & tinggi bisa diubah lewat variabel di .mp-card */
.mp-card{
  --brand: #7F22D8;        /* ungu utama */
  --brand-soft: #F5E9FF;   /* ungu muda (sisi belakang) */
  --card-h: 140px;         /* tinggi kartu default desktop */

  perspective: 1000px;
  border: 2px solid var(--brand);
  border-radius: 16px;
  overflow: hidden;                          /* cegah isi keluar saat flip */
  background: transparent;
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* Inner area yang berputar (Elementor Container/ e-con / column wrapper) */
.mp-card > .elementor-container,
.mp-card > .e-con{
  position: relative;
  transform-style: preserve-3d;
  transition: transform .6s ease;
  height: var(--card-h);                     /* pakai height tetap agar tak terpotong */
  background: transparent;
}

/* Dua sisi kartu */
.mp-card .face-front,
.mp-card .face-back{
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;       /* Safari */
  display: flex; flex-direction: column;
  justify-content: left; align-items: left;
  gap: 6px;
  padding: 18px 24px;
  text-align: left;
  height: 100%;
}

/* Tampilan sisi depan & belakang */
.mp-card .face-front{ background: #fff; }
.mp-card .face-back{
  background: var(--brand-soft);
  transform: rotateY(180deg);
  overflow-y: auto;                           /* deskripsi panjang bisa scroll */
}

/* Aksi flip saat hover */
.mp-card:hover > .elementor-container,
.mp-card:hover > .e-con{ transform: rotateY(180deg); }

/* Aksen: ikon & judul sisi depan */
.mp-card .face-front .elementor-icon,
.mp-card .face-front i,
.mp-card .face-front svg{ color: var(--brand); }
.mp-card .face-front h1,
.mp-card .face-front h2,
.mp-card .face-front h3{ margin: 0; }
.mp-card .face-back h1,
.mp-card .face-back h2,
.mp-card .face-back h3{ margin-top: 0; }

/* Interaksi & aksesibilitas */
.mp-card:hover{ box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.mp-card:focus-within{
  outline: 3px solid rgba(127,34,216,.35);
  outline-offset: 2px;
}

/* Responsif: naikkan tinggi sedikit di layar kecil */
@media (max-width: 991px){
  .mp-card{ --card-h: 230px; }
}
@media (max-width: 767px){
  .mp-card{ --card-h: 250px; }
  .mp-card .face-front,
  .mp-card .face-back{ padding: 16px 20px; }
}

/* Preferensi pengguna: kurangi gerakan */
@media (prefers-reduced-motion: reduce){
  .mp-card > .elementor-container,
  .mp-card > .e-con{ transition: none; }
  .mp-card:hover{ box-shadow: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9c9269 *//* ========= Flip Card – Mind & Personality ========= */
/* Warna & tinggi bisa diubah lewat variabel di .mp-card */
.mp-card{
  --brand: #7F22D8;        /* ungu utama */
  --brand-soft: #F5E9FF;   /* ungu muda (sisi belakang) */
  --card-h: 140px;         /* tinggi kartu default desktop */

  perspective: 1000px;
  border: 2px solid var(--brand);
  border-radius: 16px;
  overflow: hidden;                          /* cegah isi keluar saat flip */
  background: transparent;
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* Inner area yang berputar (Elementor Container/ e-con / column wrapper) */
.mp-card > .elementor-container,
.mp-card > .e-con{
  position: relative;
  transform-style: preserve-3d;
  transition: transform .6s ease;
  height: var(--card-h);                     /* pakai height tetap agar tak terpotong */
  background: transparent;
}

/* Dua sisi kartu */
.mp-card .face-front,
.mp-card .face-back{
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;       /* Safari */
  display: flex; flex-direction: column;
  justify-content: left; align-items: left;
  gap: 6px;
  padding: 18px 24px;
  text-align: left;
  height: 100%;
}

/* Tampilan sisi depan & belakang */
.mp-card .face-front{ background: #fff; }
.mp-card .face-back{
  background: var(--brand-soft);
  transform: rotateY(180deg);
  overflow-y: auto;                           /* deskripsi panjang bisa scroll */
}

/* Aksi flip saat hover */
.mp-card:hover > .elementor-container,
.mp-card:hover > .e-con{ transform: rotateY(180deg); }

/* Aksen: ikon & judul sisi depan */
.mp-card .face-front .elementor-icon,
.mp-card .face-front i,
.mp-card .face-front svg{ color: var(--brand); }
.mp-card .face-front h1,
.mp-card .face-front h2,
.mp-card .face-front h3{ margin: 0; }
.mp-card .face-back h1,
.mp-card .face-back h2,
.mp-card .face-back h3{ margin-top: 0; }

/* Interaksi & aksesibilitas */
.mp-card:hover{ box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.mp-card:focus-within{
  outline: 3px solid rgba(127,34,216,.35);
  outline-offset: 2px;
}

/* Responsif: naikkan tinggi sedikit di layar kecil */
@media (max-width: 991px){
  .mp-card{ --card-h: 230px; }
}
@media (max-width: 767px){
  .mp-card{ --card-h: 250px; }
  .mp-card .face-front,
  .mp-card .face-back{ padding: 16px 20px; }
}

/* Preferensi pengguna: kurangi gerakan */
@media (prefers-reduced-motion: reduce){
  .mp-card > .elementor-container,
  .mp-card > .e-con{ transition: none; }
  .mp-card:hover{ box-shadow: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b0da1b *//* ========= Flip Card – Mind & Personality ========= */
/* Warna & tinggi bisa diubah lewat variabel di .mp-card */
.mp-card{
  --brand: #7F22D8;        /* ungu utama */
  --brand-soft: #F5E9FF;   /* ungu muda (sisi belakang) */
  --card-h: 140px;         /* tinggi kartu default desktop */

  perspective: 1000px;
  border: 2px solid var(--brand);
  border-radius: 16px;
  overflow: hidden;                          /* cegah isi keluar saat flip */
  background: transparent;
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* Inner area yang berputar (Elementor Container/ e-con / column wrapper) */
.mp-card > .elementor-container,
.mp-card > .e-con{
  position: relative;
  transform-style: preserve-3d;
  transition: transform .6s ease;
  height: var(--card-h);                     /* pakai height tetap agar tak terpotong */
  background: transparent;
}

/* Dua sisi kartu */
.mp-card .face-front,
.mp-card .face-back{
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;       /* Safari */
  display: flex; flex-direction: column;
  justify-content: left; align-items: left;
  gap: 6px;
  padding: 18px 24px;
  text-align: left;
  height: 100%;
}

/* Tampilan sisi depan & belakang */
.mp-card .face-front{ background: #fff; }
.mp-card .face-back{
  background: var(--brand-soft);
  transform: rotateY(180deg);
  overflow-y: auto;                           /* deskripsi panjang bisa scroll */
}

/* Aksi flip saat hover */
.mp-card:hover > .elementor-container,
.mp-card:hover > .e-con{ transform: rotateY(180deg); }

/* Aksen: ikon & judul sisi depan */
.mp-card .face-front .elementor-icon,
.mp-card .face-front i,
.mp-card .face-front svg{ color: var(--brand); }
.mp-card .face-front h1,
.mp-card .face-front h2,
.mp-card .face-front h3{ margin: 0; }
.mp-card .face-back h1,
.mp-card .face-back h2,
.mp-card .face-back h3{ margin-top: 0; }

/* Interaksi & aksesibilitas */
.mp-card:hover{ box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.mp-card:focus-within{
  outline: 3px solid rgba(127,34,216,.35);
  outline-offset: 2px;
}

/* Responsif: naikkan tinggi sedikit di layar kecil */
@media (max-width: 991px){
  .mp-card{ --card-h: 230px; }
}
@media (max-width: 767px){
  .mp-card{ --card-h: 250px; }
  .mp-card .face-front,
  .mp-card .face-back{ padding: 16px 20px; }
}

/* Preferensi pengguna: kurangi gerakan */
@media (prefers-reduced-motion: reduce){
  .mp-card > .elementor-container,
  .mp-card > .e-con{ transition: none; }
  .mp-card:hover{ box-shadow: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb44631 *//* ========= Flip Card – Mind & Personality ========= */
/* Warna & tinggi bisa diubah lewat variabel di .mp-card */
.mp-card{
  --brand: #7F22D8;        /* ungu utama */
  --brand-soft: #F5E9FF;   /* ungu muda (sisi belakang) */
  --card-h: 140px;         /* tinggi kartu default desktop */

  perspective: 1000px;
  border: 2px solid var(--brand);
  border-radius: 16px;
  overflow: hidden;                          /* cegah isi keluar saat flip */
  background: transparent;
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* Inner area yang berputar (Elementor Container/ e-con / column wrapper) */
.mp-card > .elementor-container,
.mp-card > .e-con{
  position: relative;
  transform-style: preserve-3d;
  transition: transform .6s ease;
  height: var(--card-h);                     /* pakai height tetap agar tak terpotong */
  background: transparent;
}

/* Dua sisi kartu */
.mp-card .face-front,
.mp-card .face-back{
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;       /* Safari */
  display: flex; flex-direction: column;
  justify-content: left; align-items: left;
  gap: 6px;
  padding: 18px 24px;
  text-align: left;
  height: 100%;
}

/* Tampilan sisi depan & belakang */
.mp-card .face-front{ background: #fff; }
.mp-card .face-back{
  background: var(--brand-soft);
  transform: rotateY(180deg);
  overflow-y: auto;                           /* deskripsi panjang bisa scroll */
}

/* Aksi flip saat hover */
.mp-card:hover > .elementor-container,
.mp-card:hover > .e-con{ transform: rotateY(180deg); }

/* Aksen: ikon & judul sisi depan */
.mp-card .face-front .elementor-icon,
.mp-card .face-front i,
.mp-card .face-front svg{ color: var(--brand); }
.mp-card .face-front h1,
.mp-card .face-front h2,
.mp-card .face-front h3{ margin: 0; }
.mp-card .face-back h1,
.mp-card .face-back h2,
.mp-card .face-back h3{ margin-top: 0; }

/* Interaksi & aksesibilitas */
.mp-card:hover{ box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.mp-card:focus-within{
  outline: 3px solid rgba(127,34,216,.35);
  outline-offset: 2px;
}

/* Responsif: naikkan tinggi sedikit di layar kecil */
@media (max-width: 991px){
  .mp-card{ --card-h: 230px; }
}
@media (max-width: 767px){
  .mp-card{ --card-h: 250px; }
  .mp-card .face-front,
  .mp-card .face-back{ padding: 16px 20px; }
}

/* Preferensi pengguna: kurangi gerakan */
@media (prefers-reduced-motion: reduce){
  .mp-card > .elementor-container,
  .mp-card > .e-con{ transition: none; }
  .mp-card:hover{ box-shadow: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73d3be6 *//* ========= Flip Card – Mind & Personality ========= */
/* Warna & tinggi bisa diubah lewat variabel di .mp-card */
.mp-card{
  --brand: #7F22D8;        /* ungu utama */
  --brand-soft: #F5E9FF;   /* ungu muda (sisi belakang) */
  --card-h: 140px;         /* tinggi kartu default desktop */

  perspective: 1000px;
  border: 2px solid var(--brand);
  border-radius: 16px;
  overflow: hidden;                          /* cegah isi keluar saat flip */
  background: transparent;
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* Inner area yang berputar (Elementor Container/ e-con / column wrapper) */
.mp-card > .elementor-container,
.mp-card > .e-con{
  position: relative;
  transform-style: preserve-3d;
  transition: transform .6s ease;
  height: var(--card-h);                     /* pakai height tetap agar tak terpotong */
  background: transparent;
}

/* Dua sisi kartu */
.mp-card .face-front,
.mp-card .face-back{
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;       /* Safari */
  display: flex; flex-direction: column;
  justify-content: left; align-items: left;
  gap: 6px;
  padding: 18px 24px;
  text-align: left;
  height: 100%;
}

/* Tampilan sisi depan & belakang */
.mp-card .face-front{ background: #fff; }
.mp-card .face-back{
  background: var(--brand-soft);
  transform: rotateY(180deg);
  overflow-y: auto;                           /* deskripsi panjang bisa scroll */
}

/* Aksi flip saat hover */
.mp-card:hover > .elementor-container,
.mp-card:hover > .e-con{ transform: rotateY(180deg); }

/* Aksen: ikon & judul sisi depan */
.mp-card .face-front .elementor-icon,
.mp-card .face-front i,
.mp-card .face-front svg{ color: var(--brand); }
.mp-card .face-front h1,
.mp-card .face-front h2,
.mp-card .face-front h3{ margin: 0; }
.mp-card .face-back h1,
.mp-card .face-back h2,
.mp-card .face-back h3{ margin-top: 0; }

/* Interaksi & aksesibilitas */
.mp-card:hover{ box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.mp-card:focus-within{
  outline: 3px solid rgba(127,34,216,.35);
  outline-offset: 2px;
}

/* Responsif: naikkan tinggi sedikit di layar kecil */
@media (max-width: 991px){
  .mp-card{ --card-h: 230px; }
}
@media (max-width: 767px){
  .mp-card{ --card-h: 250px; }
  .mp-card .face-front,
  .mp-card .face-back{ padding: 16px 20px; }
}

/* Preferensi pengguna: kurangi gerakan */
@media (prefers-reduced-motion: reduce){
  .mp-card > .elementor-container,
  .mp-card > .e-con{ transition: none; }
  .mp-card:hover{ box-shadow: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86ecdd5 *//* ========= Flip Card – Mind & Personality ========= */
/* Warna & tinggi bisa diubah lewat variabel di .mp-card */
.mp-card{
  --brand: #7F22D8;        /* ungu utama */
  --brand-soft: #F5E9FF;   /* ungu muda (sisi belakang) */
  --card-h: 140px;         /* tinggi kartu default desktop */

  perspective: 1000px;
  border: 2px solid var(--brand);
  border-radius: 16px;
  overflow: hidden;                          /* cegah isi keluar saat flip */
  background: transparent;
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* Inner area yang berputar (Elementor Container/ e-con / column wrapper) */
.mp-card > .elementor-container,
.mp-card > .e-con{
  position: relative;
  transform-style: preserve-3d;
  transition: transform .6s ease;
  height: var(--card-h);                     /* pakai height tetap agar tak terpotong */
  background: transparent;
}

/* Dua sisi kartu */
.mp-card .face-front,
.mp-card .face-back{
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;       /* Safari */
  display: flex; flex-direction: column;
  justify-content: left; align-items: left;
  gap: 6px;
  padding: 18px 24px;
  text-align: left;
  height: 100%;
}

/* Tampilan sisi depan & belakang */
.mp-card .face-front{ background: #fff; }
.mp-card .face-back{
  background: var(--brand-soft);
  transform: rotateY(180deg);
  overflow-y: auto;                           /* deskripsi panjang bisa scroll */
}

/* Aksi flip saat hover */
.mp-card:hover > .elementor-container,
.mp-card:hover > .e-con{ transform: rotateY(180deg); }

/* Aksen: ikon & judul sisi depan */
.mp-card .face-front .elementor-icon,
.mp-card .face-front i,
.mp-card .face-front svg{ color: var(--brand); }
.mp-card .face-front h1,
.mp-card .face-front h2,
.mp-card .face-front h3{ margin: 0; }
.mp-card .face-back h1,
.mp-card .face-back h2,
.mp-card .face-back h3{ margin-top: 0; }

/* Interaksi & aksesibilitas */
.mp-card:hover{ box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.mp-card:focus-within{
  outline: 3px solid rgba(127,34,216,.35);
  outline-offset: 2px;
}

/* Responsif: naikkan tinggi sedikit di layar kecil */
@media (max-width: 991px){
  .mp-card{ --card-h: 230px; }
}
@media (max-width: 767px){
  .mp-card{ --card-h: 250px; }
  .mp-card .face-front,
  .mp-card .face-back{ padding: 16px 20px; }
}

/* Preferensi pengguna: kurangi gerakan */
@media (prefers-reduced-motion: reduce){
  .mp-card > .elementor-container,
  .mp-card > .e-con{ transition: none; }
  .mp-card:hover{ box-shadow: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56b411f *//* ========= Flip Card – Mind & Personality ========= */
/* Warna & tinggi bisa diubah lewat variabel di .mp-card */
.mp-card{
  --brand: #7F22D8;        /* ungu utama */
  --brand-soft: #F5E9FF;   /* ungu muda (sisi belakang) */
  --card-h: 140px;         /* tinggi kartu default desktop */

  perspective: 1000px;
  border: 2px solid var(--brand);
  border-radius: 16px;
  overflow: hidden;                          /* cegah isi keluar saat flip */
  background: transparent;
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* Inner area yang berputar (Elementor Container/ e-con / column wrapper) */
.mp-card > .elementor-container,
.mp-card > .e-con{
  position: relative;
  transform-style: preserve-3d;
  transition: transform .6s ease;
  height: var(--card-h);                     /* pakai height tetap agar tak terpotong */
  background: transparent;
}

/* Dua sisi kartu */
.mp-card .face-front,
.mp-card .face-back{
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;       /* Safari */
  display: flex; flex-direction: column;
  justify-content: left; align-items: left;
  gap: 6px;
  padding: 18px 24px;
  text-align: left;
  height: 100%;
}

/* Tampilan sisi depan & belakang */
.mp-card .face-front{ background: #fff; }
.mp-card .face-back{
  background: var(--brand-soft);
  transform: rotateY(180deg);
  overflow-y: auto;                           /* deskripsi panjang bisa scroll */
}

/* Aksi flip saat hover */
.mp-card:hover > .elementor-container,
.mp-card:hover > .e-con{ transform: rotateY(180deg); }

/* Aksen: ikon & judul sisi depan */
.mp-card .face-front .elementor-icon,
.mp-card .face-front i,
.mp-card .face-front svg{ color: var(--brand); }
.mp-card .face-front h1,
.mp-card .face-front h2,
.mp-card .face-front h3{ margin: 0; }
.mp-card .face-back h1,
.mp-card .face-back h2,
.mp-card .face-back h3{ margin-top: 0; }

/* Interaksi & aksesibilitas */
.mp-card:hover{ box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.mp-card:focus-within{
  outline: 3px solid rgba(127,34,216,.35);
  outline-offset: 2px;
}

/* Responsif: naikkan tinggi sedikit di layar kecil */
@media (max-width: 991px){
  .mp-card{ --card-h: 230px; }
}
@media (max-width: 767px){
  .mp-card{ --card-h: 250px; }
  .mp-card .face-front,
  .mp-card .face-back{ padding: 16px 20px; }
}

/* Preferensi pengguna: kurangi gerakan */
@media (prefers-reduced-motion: reduce){
  .mp-card > .elementor-container,
  .mp-card > .e-con{ transition: none; }
  .mp-card:hover{ box-shadow: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3917ecf *//* ========= Flip Card – Mind & Personality ========= */
/* Warna & tinggi bisa diubah lewat variabel di .mp-card */
.mp-card{
  --brand: #7F22D8;        /* ungu utama */
  --brand-soft: #F5E9FF;   /* ungu muda (sisi belakang) */
  --card-h: 140px;         /* tinggi kartu default desktop */

  perspective: 1000px;
  border: 2px solid var(--brand);
  border-radius: 16px;
  overflow: hidden;                          /* cegah isi keluar saat flip */
  background: transparent;
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* Inner area yang berputar (Elementor Container/ e-con / column wrapper) */
.mp-card > .elementor-container,
.mp-card > .e-con{
  position: relative;
  transform-style: preserve-3d;
  transition: transform .6s ease;
  height: var(--card-h);                     /* pakai height tetap agar tak terpotong */
  background: transparent;
}

/* Dua sisi kartu */
.mp-card .face-front,
.mp-card .face-back{
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;       /* Safari */
  display: flex; flex-direction: column;
  justify-content: left; align-items: left;
  gap: 6px;
  padding: 18px 24px;
  text-align: left;
  height: 100%;
}

/* Tampilan sisi depan & belakang */
.mp-card .face-front{ background: #fff; }
.mp-card .face-back{
  background: var(--brand-soft);
  transform: rotateY(180deg);
  overflow-y: auto;                           /* deskripsi panjang bisa scroll */
}

/* Aksi flip saat hover */
.mp-card:hover > .elementor-container,
.mp-card:hover > .e-con{ transform: rotateY(180deg); }

/* Aksen: ikon & judul sisi depan */
.mp-card .face-front .elementor-icon,
.mp-card .face-front i,
.mp-card .face-front svg{ color: var(--brand); }
.mp-card .face-front h1,
.mp-card .face-front h2,
.mp-card .face-front h3{ margin: 0; }
.mp-card .face-back h1,
.mp-card .face-back h2,
.mp-card .face-back h3{ margin-top: 0; }

/* Interaksi & aksesibilitas */
.mp-card:hover{ box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.mp-card:focus-within{
  outline: 3px solid rgba(127,34,216,.35);
  outline-offset: 2px;
}

/* Responsif: naikkan tinggi sedikit di layar kecil */
@media (max-width: 991px){
  .mp-card{ --card-h: 230px; }
}
@media (max-width: 767px){
  .mp-card{ --card-h: 250px; }
  .mp-card .face-front,
  .mp-card .face-back{ padding: 16px 20px; }
}

/* Preferensi pengguna: kurangi gerakan */
@media (prefers-reduced-motion: reduce){
  .mp-card > .elementor-container,
  .mp-card > .e-con{ transition: none; }
  .mp-card:hover{ box-shadow: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3b7d26 *//* ========= Flip Card – Mind & Personality ========= */
/* Warna & tinggi bisa diubah lewat variabel di .mp-card */
.mp-card{
  --brand: #7F22D8;        /* ungu utama */
  --brand-soft: #F5E9FF;   /* ungu muda (sisi belakang) */
  --card-h: 140px;         /* tinggi kartu default desktop */

  perspective: 1000px;
  border: 2px solid var(--brand);
  border-radius: 16px;
  overflow: hidden;                          /* cegah isi keluar saat flip */
  background: transparent;
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* Inner area yang berputar (Elementor Container/ e-con / column wrapper) */
.mp-card > .elementor-container,
.mp-card > .e-con{
  position: relative;
  transform-style: preserve-3d;
  transition: transform .6s ease;
  height: var(--card-h);                     /* pakai height tetap agar tak terpotong */
  background: transparent;
}

/* Dua sisi kartu */
.mp-card .face-front,
.mp-card .face-back{
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;       /* Safari */
  display: flex; flex-direction: column;
  justify-content: left; align-items: left;
  gap: 6px;
  padding: 18px 24px;
  text-align: left;
  height: 100%;
}

/* Tampilan sisi depan & belakang */
.mp-card .face-front{ background: #fff; }
.mp-card .face-back{
  background: var(--brand-soft);
  transform: rotateY(180deg);
  overflow-y: auto;                           /* deskripsi panjang bisa scroll */
}

/* Aksi flip saat hover */
.mp-card:hover > .elementor-container,
.mp-card:hover > .e-con{ transform: rotateY(180deg); }

/* Aksen: ikon & judul sisi depan */
.mp-card .face-front .elementor-icon,
.mp-card .face-front i,
.mp-card .face-front svg{ color: var(--brand); }
.mp-card .face-front h1,
.mp-card .face-front h2,
.mp-card .face-front h3{ margin: 0; }
.mp-card .face-back h1,
.mp-card .face-back h2,
.mp-card .face-back h3{ margin-top: 0; }

/* Interaksi & aksesibilitas */
.mp-card:hover{ box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.mp-card:focus-within{
  outline: 3px solid rgba(127,34,216,.35);
  outline-offset: 2px;
}

/* Responsif: naikkan tinggi sedikit di layar kecil */
@media (max-width: 991px){
  .mp-card{ --card-h: 230px; }
}
@media (max-width: 767px){
  .mp-card{ --card-h: 250px; }
  .mp-card .face-front,
  .mp-card .face-back{ padding: 16px 20px; }
}

/* Preferensi pengguna: kurangi gerakan */
@media (prefers-reduced-motion: reduce){
  .mp-card > .elementor-container,
  .mp-card > .e-con{ transition: none; }
  .mp-card:hover{ box-shadow: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e0b1b *//* ========= Flip Card – Mind & Personality ========= */
/* Warna & tinggi bisa diubah lewat variabel di .mp-card */
.mp-card{
  --brand: #7F22D8;        /* ungu utama */
  --brand-soft: #F5E9FF;   /* ungu muda (sisi belakang) */
  --card-h: 140px;         /* tinggi kartu default desktop */

  perspective: 1000px;
  border: 2px solid var(--brand);
  border-radius: 16px;
  overflow: hidden;                          /* cegah isi keluar saat flip */
  background: transparent;
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* Inner area yang berputar (Elementor Container/ e-con / column wrapper) */
.mp-card > .elementor-container,
.mp-card > .e-con{
  position: relative;
  transform-style: preserve-3d;
  transition: transform .6s ease;
  height: var(--card-h);                     /* pakai height tetap agar tak terpotong */
  background: transparent;
}

/* Dua sisi kartu */
.mp-card .face-front,
.mp-card .face-back{
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;       /* Safari */
  display: flex; flex-direction: column;
  justify-content: left; align-items: left;
  gap: 6px;
  padding: 18px 24px;
  text-align: left;
  height: 100%;
}

/* Tampilan sisi depan & belakang */
.mp-card .face-front{ background: #fff; }
.mp-card .face-back{
  background: var(--brand-soft);
  transform: rotateY(180deg);
  overflow-y: auto;                           /* deskripsi panjang bisa scroll */
}

/* Aksi flip saat hover */
.mp-card:hover > .elementor-container,
.mp-card:hover > .e-con{ transform: rotateY(180deg); }

/* Aksen: ikon & judul sisi depan */
.mp-card .face-front .elementor-icon,
.mp-card .face-front i,
.mp-card .face-front svg{ color: var(--brand); }
.mp-card .face-front h1,
.mp-card .face-front h2,
.mp-card .face-front h3{ margin: 0; }
.mp-card .face-back h1,
.mp-card .face-back h2,
.mp-card .face-back h3{ margin-top: 0; }

/* Interaksi & aksesibilitas */
.mp-card:hover{ box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.mp-card:focus-within{
  outline: 3px solid rgba(127,34,216,.35);
  outline-offset: 2px;
}

/* Responsif: naikkan tinggi sedikit di layar kecil */
@media (max-width: 991px){
  .mp-card{ --card-h: 230px; }
}
@media (max-width: 767px){
  .mp-card{ --card-h: 250px; }
  .mp-card .face-front,
  .mp-card .face-back{ padding: 16px 20px; }
}

/* Preferensi pengguna: kurangi gerakan */
@media (prefers-reduced-motion: reduce){
  .mp-card > .elementor-container,
  .mp-card > .e-con{ transition: none; }
  .mp-card:hover{ box-shadow: none; }
}/* End custom CSS */