.elementor-12455 .elementor-element.elementor-element-6c2f57b0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12455 .elementor-element.elementor-element-56dc0fc1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12455 .elementor-element.elementor-element-56dc0fc1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-2c23dc36{--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:flex-start;--align-items:center;--gap:0px 40px;--row-gap:0px;--column-gap:40px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#EBEBEB;--border-color:#EBEBEB;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-12455 .elementor-element.elementor-element-5af4cef0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-12455 .elementor-element.elementor-element-5af4cef0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-6c876c7c{width:var( --container-widget-width, 40.578% );max-width:40.578%;--container-widget-width:40.578%;--container-widget-flex-grow:0;}.elementor-12455 .elementor-element.elementor-element-6c876c7c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-6c876c7c img{width:75%;}.elementor-12455 .elementor-element.elementor-element-6ed68bfd.elementor-element{--align-self:center;}.elementor-12455 .elementor-element.elementor-element-6ed68bfd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:300;}.elementor-12455 .elementor-element.elementor-element-27ed2090{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-12455 .elementor-element.elementor-element-27ed2090.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-53e675b0{width:var( --container-widget-width, 40.578% );max-width:40.578%;--container-widget-width:40.578%;--container-widget-flex-grow:0;}.elementor-12455 .elementor-element.elementor-element-53e675b0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-53e675b0 img{width:75%;}.elementor-12455 .elementor-element.elementor-element-3568d58a.elementor-element{--align-self:center;}.elementor-12455 .elementor-element.elementor-element-3568d58a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:300;}.elementor-12455 .elementor-element.elementor-element-5c791ac > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-12455 .elementor-element.elementor-element-5c791ac{text-align:center;}.elementor-12455 .elementor-element.elementor-element-5c791ac img{width:70%;}.elementor-12455 .elementor-element.elementor-element-5c6b6e92{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#EBEBEB;--border-color:#EBEBEB;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:0px;}.elementor-12455 .elementor-element.elementor-element-4fe085a9 > .elementor-widget-container{padding:15px 0px 0px 0px;}.elementor-12455 .elementor-element.elementor-element-4fe085a9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:35px;font-weight:500;color:var( --e-global-color-primary );}.elementor-12455 .elementor-element.elementor-element-3bf895a3 > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-12455 .elementor-element.elementor-element-3bf895a3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:300;color:var( --e-global-color-primary );}.elementor-12455 .elementor-element.elementor-element-38a81853 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-12455 .elementor-element.elementor-element-38a81853 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;color:var( --e-global-color-primary );}.elementor-12455 .elementor-element.elementor-element-472e3cf3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12455 .elementor-element.elementor-element-472e3cf3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-495ccdc1.elementor-element{--align-self:center;}.elementor-12455 .elementor-element.elementor-element-495ccdc1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-primary );}.elementor-12455 .elementor-element.elementor-element-2ea805bf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--margin-top:25px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-12455 .elementor-element.elementor-element-2ea805bf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-63df6879{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;text-align:center;}.elementor-12455 .elementor-element.elementor-element-63df6879.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-63df6879 img{width:100%;border-style:none;border-radius:500px 500px 500px 500px;box-shadow:0px 0px 10px 2px rgba(163.20000000000002, 163.20000000000002, 163.20000000000002, 0.17);}.elementor-12455 .elementor-element.elementor-element-73103e17{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;text-align:center;}.elementor-12455 .elementor-element.elementor-element-73103e17.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-73103e17 img{width:100%;border-style:none;border-radius:500px 500px 500px 500px;box-shadow:0px 0px 10px 2px rgba(163.20000000000002, 163.20000000000002, 163.20000000000002, 0.17);}.elementor-12455 .elementor-element.elementor-element-10cd682{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;text-align:center;}.elementor-12455 .elementor-element.elementor-element-10cd682.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-10cd682 img{width:100%;border-style:none;border-radius:500px 500px 500px 500px;box-shadow:0px 0px 10px 2px rgba(163.20000000000002, 163.20000000000002, 163.20000000000002, 0.17);}.elementor-12455 .elementor-element.elementor-element-8eaec08{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;text-align:center;}.elementor-12455 .elementor-element.elementor-element-8eaec08.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-8eaec08 img{width:100%;border-style:none;border-radius:500px 500px 500px 500px;box-shadow:0px 0px 10px 2px rgba(163.20000000000002, 163.20000000000002, 163.20000000000002, 0.17);}.elementor-12455 .elementor-element.elementor-element-58f58c2{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;text-align:center;}.elementor-12455 .elementor-element.elementor-element-58f58c2.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-58f58c2 img{width:100%;border-style:none;border-radius:500px 500px 500px 500px;box-shadow:0px 0px 10px 2px rgba(163.20000000000002, 163.20000000000002, 163.20000000000002, 0.17);}.elementor-12455 .elementor-element.elementor-element-59ae3dcf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--margin-top:25px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-12455 .elementor-element.elementor-element-59ae3dcf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-5f780d3{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;text-align:center;}.elementor-12455 .elementor-element.elementor-element-5f780d3.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-5f780d3 img{width:100%;border-style:none;border-radius:500px 500px 500px 500px;box-shadow:0px 0px 10px 2px rgba(163.20000000000002, 163.20000000000002, 163.20000000000002, 0.17);}.elementor-12455 .elementor-element.elementor-element-797af77b{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;text-align:center;}.elementor-12455 .elementor-element.elementor-element-797af77b.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-797af77b img{width:100%;border-style:none;border-radius:500px 500px 500px 500px;box-shadow:0px 0px 10px 2px rgba(163.20000000000002, 163.20000000000002, 163.20000000000002, 0.17);}.elementor-12455 .elementor-element.elementor-element-4027463{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;text-align:center;}.elementor-12455 .elementor-element.elementor-element-4027463.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-4027463 img{width:100%;border-style:none;border-radius:500px 500px 500px 500px;box-shadow:0px 0px 10px 2px rgba(163.20000000000002, 163.20000000000002, 163.20000000000002, 0.17);}.elementor-12455 .elementor-element.elementor-element-4d9cd8de{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-12455 .elementor-element.elementor-element-4d9cd8de.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-761b346e.elementor-element{--align-self:center;}.elementor-12455 .elementor-element.elementor-element-761b346e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-primary );}.elementor-12455 .elementor-element.elementor-element-4c8283fa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--margin-top:25px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-12455 .elementor-element.elementor-element-4c8283fa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-42a4bb2b{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;text-align:center;}.elementor-12455 .elementor-element.elementor-element-42a4bb2b.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-42a4bb2b img{width:100%;border-style:none;border-radius:500px 500px 500px 500px;box-shadow:0px 0px 10px 2px rgba(163.20000000000002, 163.20000000000002, 163.20000000000002, 0.17);}.elementor-12455 .elementor-element.elementor-element-24d2bab{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;text-align:center;}.elementor-12455 .elementor-element.elementor-element-24d2bab.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-24d2bab img{width:100%;border-style:none;border-radius:500px 500px 500px 500px;box-shadow:0px 0px 10px 2px rgba(163.20000000000002, 163.20000000000002, 163.20000000000002, 0.17);}.elementor-12455 .elementor-element.elementor-element-200e39ec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#F4F5F5;--border-color:#F4F5F5;--border-radius:0px 0px 0px 0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-12455 .elementor-element.elementor-element-66472f12{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12455 .elementor-element.elementor-element-66472f12.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12455 .elementor-element.elementor-element-418b003b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:400;line-height:50px;color:var( --e-global-color-primary );}.elementor-12455 .elementor-element.elementor-element-6ecfc01a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12455 .elementor-element.elementor-element-7a7068e5{text-align:justify;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:300;color:var( --e-global-color-primary );}.elementor-12455 .elementor-element.elementor-element-779282d7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12455 .elementor-element.elementor-element-38b73a3b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:400;color:var( --e-global-color-primary );}.elementor-12455 .elementor-element.elementor-element-1a624876{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 50px;--row-gap:0px;--column-gap:50px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12455 .elementor-element.elementor-element-6f852d57{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12455 .elementor-element.elementor-element-9aab8b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12455 .elementor-element.elementor-element-23049e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12455 .elementor-element.elementor-element-24d95af3{--display:flex;--min-height:100px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#EBEBEB;--border-color:#EBEBEB;--margin-top:100px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}.elementor-12455 .elementor-element.elementor-element-7680f63a > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-12455 .elementor-element.elementor-element-7680f63a{text-align:center;}.elementor-12455 .elementor-element.elementor-element-7680f63a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:400;color:var( --e-global-color-primary );}.elementor-12455 .elementor-element.elementor-element-78b490a2{--display:flex;--min-height:800px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12455 .elementor-element.elementor-element-78b490a2::before, .elementor-12455 .elementor-element.elementor-element-78b490a2 > .elementor-background-video-container::before, .elementor-12455 .elementor-element.elementor-element-78b490a2 > .e-con-inner > .elementor-background-video-container::before, .elementor-12455 .elementor-element.elementor-element-78b490a2 > .elementor-background-slideshow::before, .elementor-12455 .elementor-element.elementor-element-78b490a2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12455 .elementor-element.elementor-element-78b490a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://xn--80agf5ao.xn--p1acf/wp-content/uploads/2024/10/background-pattern-dark.jpg");--background-overlay:'';}.elementor-12455 .elementor-element.elementor-element-60027b1b .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-12455 .elementor-element.elementor-element-60027b1b .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-12455 .elementor-element.elementor-element-60027b1b{z-index:10;--image-border-color:var( --e-global-color-68679fa );--image-border-width:1px;--image-border-radius:3px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-12455 .elementor-element.elementor-element-56dc0fc1{--width:65%;}.elementor-12455 .elementor-element.elementor-element-5af4cef0{--width:25%;}.elementor-12455 .elementor-element.elementor-element-27ed2090{--width:25%;}.elementor-12455 .elementor-element.elementor-element-472e3cf3{--width:100%;}.elementor-12455 .elementor-element.elementor-element-2ea805bf{--width:100%;}.elementor-12455 .elementor-element.elementor-element-59ae3dcf{--width:100%;}.elementor-12455 .elementor-element.elementor-element-4d9cd8de{--width:100%;}.elementor-12455 .elementor-element.elementor-element-4c8283fa{--width:100%;}.elementor-12455 .elementor-element.elementor-element-66472f12{--width:33.3333%;}.elementor-12455 .elementor-element.elementor-element-6ecfc01a{--width:66.6666%;}.elementor-12455 .elementor-element.elementor-element-6f852d57{--width:25%;}.elementor-12455 .elementor-element.elementor-element-9aab8b2{--width:25%;}.elementor-12455 .elementor-element.elementor-element-23049e0{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-12455 .elementor-element.elementor-element-66472f12{--width:361.984px;}}@media(max-width:1024px){.elementor-12455 .elementor-element.elementor-element-200e39ec{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12455 .elementor-element.elementor-element-779282d7{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:0px;}.elementor-12455 .elementor-element.elementor-element-60027b1b > .elementor-widget-container{padding:15px 15px 15px 15px;}}/* Start custom CSS *//* ALL TOOLTIP STYLES */
.my-tooltip[tooltip] {
  position: relative; 
}

.my-tooltip[tooltip]::before,
.my-tooltip[tooltip]::after {
  text-transform: none;
  font-size: .9em;
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
.my-tooltip[tooltip]::before {
  content: "";
  border: 5px solid transparent;
  z-index: 1001;
}
.my-tooltip[tooltip]::after {
  content: attr(tooltip);
  font-family: Helvetica, sans-serif;
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000;
}

.my-tooltip[tooltip]:hover::before,
.my-tooltip[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
.my-tooltip[tooltip='']::before,
.my-tooltip[tooltip='']::after {
  display: none !important;
}

/* TOOLTIP: UP */
.my-tooltip[tooltip]:not([flow])::before,
.my-tooltip[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
.my-tooltip[tooltip]:not([flow])::after,
.my-tooltip[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
.my-tooltip[tooltip]:not([flow])::before,
.my-tooltip[tooltip]:not([flow])::after,
.my-tooltip[tooltip][flow^="up"]::before,
.my-tooltip[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* TOOLTIP: DOWN */
.my-tooltip[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
.my-tooltip[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
.my-tooltip[tooltip][flow^="down"]::before,
.my-tooltip[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* TOOLTIP: LEFT */
.my-tooltip[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
.my-tooltip[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* TOOLTIP: RIGHT */
.my-tooltip[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
.my-tooltip[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

.my-tooltip[tooltip]:not([flow]):hover::before,
.my-tooltip[tooltip]:not([flow]):hover::after,
.my-tooltip[tooltip][flow^="up"]:hover::before,
.my-tooltip[tooltip][flow^="up"]:hover::after,
.my-tooltip[tooltip][flow^="down"]:hover::before,
.my-tooltip[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

.my-tooltip[tooltip][flow^="left"]:hover::before,
.my-tooltip[tooltip][flow^="left"]:hover::after,
.my-tooltip[tooltip][flow^="right"]:hover::before,
.my-tooltip[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}/* End custom CSS */