.elementor-19 .elementor-element.elementor-element-c24377b{--display:flex;--min-height:100vh;--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;--flex-wrap:wrap;--margin-top:-113px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-19 .elementor-element.elementor-element-f841b83{--display:flex;--flex-direction:column-reverse;--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;--justify-content:space-evenly;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-19 .elementor-element.elementor-element-1d77a54{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-1d77a54.e-con{--align-self:stretch;}.elementor-19 .elementor-element.elementor-element-87d9b35{--display:flex;--justify-content:center;--align-items:center;--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-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-33d06f3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-33d06f3 .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-33d06f3 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-33d06f3 .elementor-icon-box-title a{font-family:"Conthrax", Sans-serif;font-size:16px;font-weight:300;line-height:1.5em;}.elementor-19 .elementor-element.elementor-element-33d06f3 .elementor-icon-box-title{color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-33d06f3 .elementor-icon-box-description{font-family:"ReadexPro", Sans-serif;font-size:30px;font-weight:400;line-height:1.3em;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-d0e2348{--display:flex;--justify-content:center;--align-items:center;--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:30px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-d203805 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-d203805 .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-d203805 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-d203805 .elementor-icon-box-title a{font-family:"Conthrax", Sans-serif;font-size:16px;font-weight:600;line-height:1.5em;}.elementor-19 .elementor-element.elementor-element-d203805 .elementor-icon-box-title{color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-d203805 .elementor-icon-box-description{font-family:"ReadexPro", Sans-serif;font-size:30px;font-weight:400;line-height:1.3em;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-0b9df96{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-99c8659{--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:space-around;--align-items:stretch;--gap:60px 40px;--row-gap:60px;--column-gap:40px;--flex-wrap:wrap;--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-19 .elementor-element.elementor-element-af3d252{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-af3d252 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:25px 25px 25px 25px;}.elementor-19 .elementor-element.elementor-element-af3d252.elementor-element{--align-self:center;}.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-19 .elementor-element.elementor-element-af3d252.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-19 .elementor-element.elementor-element-af3d252.elementor-view-framed .elementor-icon, .elementor-19 .elementor-element.elementor-element-af3d252.elementor-view-default .elementor-icon{fill:#6EC1E400;color:#6EC1E400;border-color:#6EC1E400;}.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-af3d252 .elementor-icon-box-title a{font-family:"Conthrax", Sans-serif;font-size:16px;font-weight:600;line-height:1.5em;}.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-icon-box-title{color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-icon-box-description{font-family:"ReadexPro", Sans-serif;font-size:30px;font-weight:400;line-height:1.3em;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-b247164{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-b247164 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:25px 25px 25px 25px;}.elementor-19 .elementor-element.elementor-element-b247164.elementor-element{--align-self:center;}.elementor-19 .elementor-element.elementor-element-b247164 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-19 .elementor-element.elementor-element-b247164.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-19 .elementor-element.elementor-element-b247164.elementor-view-framed .elementor-icon, .elementor-19 .elementor-element.elementor-element-b247164.elementor-view-default .elementor-icon{fill:#6EC1E400;color:#6EC1E400;border-color:#6EC1E400;}.elementor-19 .elementor-element.elementor-element-b247164 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-b247164 .elementor-icon-box-title a{font-family:"Conthrax", Sans-serif;font-size:16px;font-weight:600;line-height:1.5em;}.elementor-19 .elementor-element.elementor-element-b247164 .elementor-icon-box-title{color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-b247164 .elementor-icon-box-description{font-family:"ReadexPro", Sans-serif;font-size:30px;font-weight:400;line-height:1.3em;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-a95e9e2{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-a95e9e2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:25px 25px 25px 25px;}.elementor-19 .elementor-element.elementor-element-a95e9e2.elementor-element{--align-self:center;}.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-19 .elementor-element.elementor-element-a95e9e2.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-19 .elementor-element.elementor-element-a95e9e2.elementor-view-framed .elementor-icon, .elementor-19 .elementor-element.elementor-element-a95e9e2.elementor-view-default .elementor-icon{fill:#6EC1E400;color:#6EC1E400;border-color:#6EC1E400;}.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-icon-box-title a{font-family:"Conthrax", Sans-serif;font-size:16px;font-weight:600;line-height:1.5em;}.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-icon-box-title{color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-icon-box-description{font-family:"ReadexPro", Sans-serif;font-size:30px;font-weight:400;line-height:1.3em;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-14838ba{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-14838ba > .elementor-widget-container{margin:0px 0px 0px 0px;padding:25px 25px 25px 25px;}.elementor-19 .elementor-element.elementor-element-14838ba.elementor-element{--align-self:center;}.elementor-19 .elementor-element.elementor-element-14838ba .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-19 .elementor-element.elementor-element-14838ba.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-19 .elementor-element.elementor-element-14838ba.elementor-view-framed .elementor-icon, .elementor-19 .elementor-element.elementor-element-14838ba.elementor-view-default .elementor-icon{fill:#6EC1E400;color:#6EC1E400;border-color:#6EC1E400;}.elementor-19 .elementor-element.elementor-element-14838ba .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-14838ba .elementor-icon-box-title a{font-family:"Conthrax", Sans-serif;font-size:16px;font-weight:600;line-height:1.5em;}.elementor-19 .elementor-element.elementor-element-14838ba .elementor-icon-box-title{color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-14838ba .elementor-icon-box-description{font-family:"ReadexPro", Sans-serif;font-size:30px;font-weight:400;line-height:1.3em;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-5a2cccb{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-5a2cccb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:25px 25px 25px 25px;}.elementor-19 .elementor-element.elementor-element-5a2cccb.elementor-element{--align-self:center;}.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-19 .elementor-element.elementor-element-5a2cccb.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-19 .elementor-element.elementor-element-5a2cccb.elementor-view-framed .elementor-icon, .elementor-19 .elementor-element.elementor-element-5a2cccb.elementor-view-default .elementor-icon{fill:#6EC1E400;color:#6EC1E400;border-color:#6EC1E400;}.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-icon{font-size:35px;}.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-icon-box-title a{font-family:"Conthrax", Sans-serif;font-size:16px;font-weight:600;line-height:1.5em;}.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-icon-box-title{color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-icon-box-description{font-family:"ReadexPro", Sans-serif;font-size:30px;font-weight:400;line-height:1.3em;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-0cf136e{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-0cf136e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:25px 25px 25px 25px;}.elementor-19 .elementor-element.elementor-element-0cf136e.elementor-element{--align-self:center;}.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-19 .elementor-element.elementor-element-0cf136e.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-19 .elementor-element.elementor-element-0cf136e.elementor-view-framed .elementor-icon, .elementor-19 .elementor-element.elementor-element-0cf136e.elementor-view-default .elementor-icon{fill:#6EC1E400;color:#6EC1E400;border-color:#6EC1E400;}.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-0cf136e .elementor-icon-box-title a{font-family:"Conthrax", Sans-serif;font-size:16px;font-weight:600;line-height:1.5em;}.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-icon-box-title{color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-icon-box-description{font-family:"ReadexPro", Sans-serif;font-size:30px;font-weight:400;line-height:1.3em;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-9330129{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-830e428 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-830e428 .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-830e428 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-830e428 .elementor-icon-box-title a{font-family:"Conthrax", Sans-serif;font-size:16px;font-weight:600;line-height:1.5em;}.elementor-19 .elementor-element.elementor-element-830e428 .elementor-icon-box-title{color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-830e428 .elementor-icon-box-description{font-family:"ReadexPro", Sans-serif;font-size:30px;font-weight:400;line-height:1.3em;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-6a396cd{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:initial;--n-tabs-title-flex-shrink:initial;--n-tabs-title-gap:30px;--n-tabs-title-font-size:16px;--n-tabs-title-color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-6a396cd > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-19 .elementor-element.elementor-element-6a396cd.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;}.elementor-19 .elementor-element.elementor-element-6a396cd.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-19 .elementor-element.elementor-element-6a396cd.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;}.elementor-19 .elementor-element.elementor-element-6a396cd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-6a396cd.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Conthrax", Sans-serif;font-weight:500;line-height:1.5em;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-57d2232{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-57d2232 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 30px 0px;}.elementor-19 .elementor-element.elementor-element-57d2232 .elementor-image-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-57d2232 .elementor-image-box-title{font-family:"Conthrax", Sans-serif;font-size:30px;font-weight:600;line-height:1.5em;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-57d2232 .elementor-image-box-description{font-family:"ReadexPro", Sans-serif;font-size:20px;font-weight:300;line-height:1.5em;color:#FFFFFF;}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-c24377b{--content-width:1280px;}.elementor-19 .elementor-element.elementor-element-f841b83{--width:66%;}.elementor-19 .elementor-element.elementor-element-d0e2348{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-efc6d12 */.wrapper, #stars, #yahia {
  width: 150vw;
  height: 200vh;
  pointer-events: none;
}

.elementor-19 .elementor-element.elementor-element-efc6d12{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    pointer-events: none;
}

.wrapper {
  position: relative;
  overflow: hidden;
  cursor: move;
  cursor: grab;
}
.wrapper:active {
  cursor: grabbing;
    
}
.wrapper .container {
  position: relative;
  width: 90%;
  max-width: 1000px;
  height: 100%;
  margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0e2348 *//* Estilo geral da caixa de ícone */
.elementor-icon-box-content {
    position: relative;
    overflow: hidden;
    font-weight: 300;
    font-size: 16px;
    font-family: 'ReadexPro', sans-serif;
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    padding: 30px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}



/* Fundo sombreado interno */

.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
}


/* Título com gradiente */

.elementor-icon-box-title {
    background: linear-gradient(90deg, #FF6EC4 -78.51%, #7267EE 116.54%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    position: relative;
    padding-left: 20px;
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-af3d252 */.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-af3d252 svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-widget-container::after {
    content: "HTML";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-af3d252:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b247164 */.elementor-19 .elementor-element.elementor-element-b247164 .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-b247164 svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-b247164 .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-b247164 .elementor-widget-container::after {
    content: "CSS";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-b247164:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a95e9e2 */.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-a95e9e2 svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-widget-container::after {
    content: "Javascript";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-a95e9e2:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-14838ba */.elementor-19 .elementor-element.elementor-element-14838ba .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-14838ba svg {
height: unset!important;
margin-bottom: -25px;
}


.elementor-19 .elementor-element.elementor-element-14838ba .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-14838ba .elementor-widget-container::after {
    content: "Wordpress";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-14838ba:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5a2cccb */.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-5a2cccb svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-widget-container::after {
    content: "Figma";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-5a2cccb:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0cf136e */.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-0cf136e svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-widget-container::after {
    content: "Photoshop";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-0cf136e:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0e2348 *//* Estilo geral da caixa de ícone */
.elementor-icon-box-content {
    position: relative;
    overflow: hidden;
    font-weight: 300;
    font-size: 16px;
    font-family: 'ReadexPro', sans-serif;
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    padding: 30px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}



/* Fundo sombreado interno */

.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
}


/* Título com gradiente */

.elementor-icon-box-title {
    background: linear-gradient(90deg, #FF6EC4 -78.51%, #7267EE 116.54%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    position: relative;
    padding-left: 20px;
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-af3d252 */.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-af3d252 svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-widget-container::after {
    content: "HTML";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-af3d252:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b247164 */.elementor-19 .elementor-element.elementor-element-b247164 .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-b247164 svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-b247164 .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-b247164 .elementor-widget-container::after {
    content: "CSS";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-b247164:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a95e9e2 */.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-a95e9e2 svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-widget-container::after {
    content: "Javascript";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-a95e9e2:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-14838ba */.elementor-19 .elementor-element.elementor-element-14838ba .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-14838ba svg {
height: unset!important;
margin-bottom: -25px;
}


.elementor-19 .elementor-element.elementor-element-14838ba .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-14838ba .elementor-widget-container::after {
    content: "Wordpress";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-14838ba:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5a2cccb */.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-5a2cccb svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-widget-container::after {
    content: "Figma";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-5a2cccb:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0cf136e */.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-0cf136e svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-widget-container::after {
    content: "Photoshop";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-0cf136e:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0e2348 *//* Estilo geral da caixa de ícone */
.elementor-icon-box-content {
    position: relative;
    overflow: hidden;
    font-weight: 300;
    font-size: 16px;
    font-family: 'ReadexPro', sans-serif;
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    padding: 30px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}



/* Fundo sombreado interno */

.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
}


/* Título com gradiente */

.elementor-icon-box-title {
    background: linear-gradient(90deg, #FF6EC4 -78.51%, #7267EE 116.54%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    position: relative;
    padding-left: 20px;
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-af3d252 */.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-af3d252 svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-widget-container::after {
    content: "HTML";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-af3d252:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b247164 */.elementor-19 .elementor-element.elementor-element-b247164 .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-b247164 svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-b247164 .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-b247164 .elementor-widget-container::after {
    content: "CSS";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-b247164:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a95e9e2 */.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-a95e9e2 svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-widget-container::after {
    content: "Javascript";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-a95e9e2:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-14838ba */.elementor-19 .elementor-element.elementor-element-14838ba .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-14838ba svg {
height: unset!important;
margin-bottom: -25px;
}


.elementor-19 .elementor-element.elementor-element-14838ba .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-14838ba .elementor-widget-container::after {
    content: "Wordpress";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-14838ba:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5a2cccb */.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-5a2cccb svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-widget-container::after {
    content: "Figma";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-5a2cccb:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0cf136e */.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-0cf136e svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-widget-container::after {
    content: "Photoshop";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-0cf136e:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0e2348 *//* Estilo geral da caixa de ícone */
.elementor-icon-box-content {
    position: relative;
    overflow: hidden;
    font-weight: 300;
    font-size: 16px;
    font-family: 'ReadexPro', sans-serif;
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    padding: 30px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}



/* Fundo sombreado interno */

.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
}


/* Título com gradiente */

.elementor-icon-box-title {
    background: linear-gradient(90deg, #FF6EC4 -78.51%, #7267EE 116.54%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    position: relative;
    padding-left: 20px;
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-af3d252 */.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-af3d252 svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-widget-container::after {
    content: "HTML";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-af3d252:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b247164 */.elementor-19 .elementor-element.elementor-element-b247164 .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-b247164 svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-b247164 .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-b247164 .elementor-widget-container::after {
    content: "CSS";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-b247164:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a95e9e2 */.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-a95e9e2 svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-widget-container::after {
    content: "Javascript";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-a95e9e2:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-14838ba */.elementor-19 .elementor-element.elementor-element-14838ba .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-14838ba svg {
height: unset!important;
margin-bottom: -25px;
}


.elementor-19 .elementor-element.elementor-element-14838ba .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-14838ba .elementor-widget-container::after {
    content: "Wordpress";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-14838ba:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5a2cccb */.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-5a2cccb svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-widget-container::after {
    content: "Figma";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-5a2cccb:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0cf136e */.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-0cf136e svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-widget-container::after {
    content: "Photoshop";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-0cf136e:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0e2348 *//* Estilo geral da caixa de ícone */
.elementor-icon-box-content {
    position: relative;
    overflow: hidden;
    font-weight: 300;
    font-size: 16px;
    font-family: 'ReadexPro', sans-serif;
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    padding: 30px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}



/* Fundo sombreado interno */

.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
}


/* Título com gradiente */

.elementor-icon-box-title {
    background: linear-gradient(90deg, #FF6EC4 -78.51%, #7267EE 116.54%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    position: relative;
    padding-left: 20px;
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-af3d252 */.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-af3d252 svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-af3d252 .elementor-widget-container::after {
    content: "HTML";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-af3d252:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b247164 */.elementor-19 .elementor-element.elementor-element-b247164 .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-b247164 svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-b247164 .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-b247164 .elementor-widget-container::after {
    content: "CSS";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-b247164:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a95e9e2 */.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-a95e9e2 svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-a95e9e2 .elementor-widget-container::after {
    content: "Javascript";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-a95e9e2:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-14838ba */.elementor-19 .elementor-element.elementor-element-14838ba .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-14838ba svg {
height: unset!important;
margin-bottom: -25px;
}


.elementor-19 .elementor-element.elementor-element-14838ba .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-14838ba .elementor-widget-container::after {
    content: "Wordpress";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-14838ba:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5a2cccb */.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-5a2cccb svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-5a2cccb .elementor-widget-container::after {
    content: "Figma";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-5a2cccb:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0cf136e */.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-widget-container {
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}


.elementor-icon-box-content::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}

.elementor-19 .elementor-element.elementor-element-0cf136e svg {
height: unset!important;
margin-bottom: -25px;
}

.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-widget-container {
    position: relative;
}


.elementor-19 .elementor-element.elementor-element-0cf136e .elementor-widget-container::after {
    content: "Photoshop";
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    pointer-events: none;
}
  
.elementor-19 .elementor-element.elementor-element-0cf136e:hover .elementor-widget-container::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-6a396cd */.e-n-tab-title {
    position: relative;
    overflow: hidden;
    font-weight: 400;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    padding: 1px 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
}

/* Estilo para aba ativa */
.e-n-tab-title[aria-selected="true"] {
        position: relative;
    border: 5px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;

}



/* Aba INATIVA - estilo com gradiente suave + fundo escuro */
.e-n-tab-title[aria-selected="false"] {
    position: relative;
    overflow: hidden;
    font-weight: 400;
    border-radius: 10px;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s ease-in-out;
}

/* Fundo interno do botão */
.e-n-tab-title[aria-selected="false"]::before {
    content: "";
    background: rgba(59, 59, 64, 0.70);
    border-radius: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 0;
    
}



/* Efeito animado ao passar o mouse */
.e-n-tab-title[aria-selected="false"]::after {
    content: "";
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.13) 0px,
        rgba(255, 255, 255, 0.13) 77%,
        rgba(255, 255, 255, 0.5) 92%,
        rgba(255, 255, 255, 0)
    );
    position: absolute;
    height: 200%;
    width: 200%;
    left: -210%;
    top: -50%;
    opacity: 0;
    transition: all 0.7s ease 0s;
    z-index: 1;
}

.e-n-tab-title[aria-selected="false"]:hover::after {
    left: -30%;
    top: -20%;
    opacity: 1;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-property: left, top, opacity;
    transition-timing-function: linear;
}




/* Garante que o texto fique visível acima do background */
.e-n-tab-title[aria-selected="false"] span {
    position: relative;
    z-index: 2;
    width: 292px;
    height: 60px;
    justify-content: center; 

}



/* Aba ATIVA com estilo action-btn */
.e-n-tab-title[aria-selected="true"] {
    position: relative;
    overflow: hidden;
    font-weight: 700;
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid rgba(255, 255, 255, 0.1);
    width: 310px;
    box-sizing: border-box;
    border-radius: 10px;
}

/* Conteúdo interno do botão (texto) */
.e-n-tab-title[aria-selected="true"] span {
    background: linear-gradient(90deg, #ff6ec4 0%, #7267EE 100%);
    padding: 13px 70px;
    color: #fff;
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 392px;
    height: 60px;
    font-weight: 700;
    border-radius: 10px;
}

/* Efeito animado ao passar o mouse (brilho) */
.e-n-tab-title[aria-selected="true"] span::after {
    content: "";
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.13) 0px,
        rgba(255, 255, 255, 0.13) 77%,
        rgba(255, 255, 255, 0.5) 92%,
        rgba(255, 255, 255, 0)
    );
    height: 200%;
    width: 200%;
    left: -210%;
    top: -50%;
    opacity: 0;
    position: absolute;
    transition: all 0.7s ease 0s;
    z-index: 0;
}

.e-n-tab-title[aria-selected="true"]:hover span::after {
    left: -30%;
    opacity: 1;
    top: -20%;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-property: left, top, opacity;
    transition-timing-function: linear;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-57d2232 */.elementor-19 .elementor-element.elementor-element-57d2232 .elementor-image-box-title span.brilho {
    animation: 3.4s linear infinite brilho;
    background-image: linear-gradient(45deg, #ff6ec4, #7873f5, #ff6ec4, #7873f5); /* personalize as cores aqui */
    background-size: 400% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    transition: all .8s;
}

@keyframes brilho {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c24377b *//*para desktop*/
@media (min-width: 1025px){
    :root{
        --colunas: 12;
        --largura: 1280px;
        --offset: 0px;
        --gutter: 20px;
        --cor: #ffffff10;
    }
}

/*para tablet*/
@media (min-width: 768px) and (max-width: 1024px){
    :root{
        --colunas: 6;
        --largura: 1024px;
        --offset: 48px;
        --gutter: 16px;
        --cor: #ffffff10;
    }
}

/*para mobile*/
@media (max-width: 767px){
    :root{
        --colunas: 4;
        --largura: 767px;
        --offset: 20px;
        --gutter: 8px;
        --cor: #ffffff10;
    }
}

/*não mexa em nada daqui pra baixo*/
body.elementor-editor-active::after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    pointer-events: none;
    z-index: 1000;
    min-height: 100vh;
    width: calc(100% - (2 * var(--offset)));
    max-width: var(--largura);
    background-size: calc(100% + var(--gutter)) 100%;
    background-image: repeating-linear-gradient( to right, var(--cor), var(--cor) calc((100% / var(--colunas)) - var(--gutter)), transparent calc((100% / var(--colunas)) - var(--gutter)), transparent calc(100% / var(--colunas)) );
}/* End custom CSS */
/* Start custom CSS */html.is-animating #swup {
  opacity: 0;
  transition: opacity 0.3s ease;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Conthrax';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://landingpage.dominesites.com.br/wp-content/uploads/2025/04/Conthrax-SemiBold.eot');
	src: url('https://landingpage.dominesites.com.br/wp-content/uploads/2025/04/Conthrax-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('https://landingpage.dominesites.com.br/wp-content/uploads/2025/04/Conthrax-SemiBold.woff2') format('woff2'),
		url('https://landingpage.dominesites.com.br/wp-content/uploads/2025/04/Conthrax-SemiBold.woff') format('woff'),
		url('https://landingpage.dominesites.com.br/wp-content/uploads/2025/04/Conthrax-SemiBold.ttf') format('truetype'),
		url('https://landingpage.dominesites.com.br/wp-content/uploads/2025/04/Conthrax-SemiBold.svg#Conthrax') format('svg');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'ReadexPro';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://landingpage.dominesites.com.br/wp-content/uploads/2025/04/ReadexPro-Light.eot');
	src: url('https://landingpage.dominesites.com.br/wp-content/uploads/2025/04/ReadexPro-Light.eot?#iefix') format('embedded-opentype'),
		url('https://landingpage.dominesites.com.br/wp-content/uploads/2025/04/ReadexPro-Light.woff2') format('woff2'),
		url('https://landingpage.dominesites.com.br/wp-content/uploads/2025/04/ReadexPro-Light.woff') format('woff'),
		url('https://landingpage.dominesites.com.br/wp-content/uploads/2025/04/ReadexPro-Light.ttf') format('truetype'),
		url('https://landingpage.dominesites.com.br/wp-content/uploads/2025/04/ReadexPro-Light.svg#ReadexPro') format('svg');
}
@font-face {
	font-family: 'ReadexPro';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://landingpage.dominesites.com.br/wp-content/uploads/2025/04/ReadexPro-Medium.eot');
	src: url('https://landingpage.dominesites.com.br/wp-content/uploads/2025/04/ReadexPro-Medium.eot?#iefix') format('embedded-opentype'),
		url('https://landingpage.dominesites.com.br/wp-content/uploads/2025/04/ReadexPro-Medium.woff2') format('woff2'),
		url('https://landingpage.dominesites.com.br/wp-content/uploads/2025/04/ReadexPro-Medium.woff') format('woff'),
		url('https://landingpage.dominesites.com.br/wp-content/uploads/2025/04/ReadexPro-Medium.ttf') format('truetype'),
		url('https://landingpage.dominesites.com.br/wp-content/uploads/2025/04/ReadexPro-Light.svg#ReadexPro') format('svg');
}
/* End Custom Fonts CSS */