.elementor-1392 .elementor-element.elementor-element-c55eebd:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-c55eebd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1392 .elementor-element.elementor-element-c55eebd, .elementor-1392 .elementor-element.elementor-element-c55eebd > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-c55eebd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 10px 190px 10px;}.elementor-1392 .elementor-element.elementor-element-c55eebd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-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-1392 .elementor-element.elementor-element-52ad385{text-align:center;}.elementor-1392 .elementor-element.elementor-element-52ad385 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{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-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1392 .elementor-element.elementor-element-0cb0dc5 > .elementor-widget-container{padding:0px 370px 0px 370px;}.elementor-1392 .elementor-element.elementor-element-0cb0dc5{text-align:center;color:#FFFFFF;}.elementor-1392 .elementor-element.elementor-element-e2f330f{margin-top:-80px;margin-bottom:-80px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1392 .elementor-element.elementor-element-b669e37 img{border-radius:20px 20px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-2ac3912 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-a5ed452 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-80f0246 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-af3385d > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-b2d23e8 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-9b385cb > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-7471e5b > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-2b6d575 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-19fc2b2 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1392 .elementor-element.elementor-element-a049668 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-a049668 .elementor-button{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;letter-spacing:1.1px;}.elementor-1392 .elementor-element.elementor-element-7676f5d:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-7676f5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4D1BD4;}.elementor-1392 .elementor-element.elementor-element-7676f5d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:150px;margin-bottom:150px;padding:50px 0px 50px 0px;}.elementor-1392 .elementor-element.elementor-element-7676f5d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1392 .elementor-element.elementor-element-a4de854 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-a4de854{text-align:center;}.elementor-1392 .elementor-element.elementor-element-a4de854 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:60px;font-weight:600;color:#FFFFFF;}.elementor-1392 .elementor-element.elementor-element-744b468{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-1392 .elementor-element.elementor-element-5e13eca:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1392 .elementor-element.elementor-element-5e13eca > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FB1358;}.elementor-1392 .elementor-element.elementor-element-5e13eca > .elementor-element-populated, .elementor-1392 .elementor-element.elementor-element-5e13eca > .elementor-element-populated > .elementor-background-overlay, .elementor-1392 .elementor-element.elementor-element-5e13eca > .elementor-background-slideshow{border-radius:40px 40px 40px 40px;}.elementor-1392 .elementor-element.elementor-element-5e13eca > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;padding:40px 40px 40px 40px;}.elementor-1392 .elementor-element.elementor-element-5e13eca > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1392 .elementor-element.elementor-element-b3b56d2 .elementor-icon-wrapper{text-align:center;}.elementor-1392 .elementor-element.elementor-element-cdfcf84{text-align:center;}.elementor-1392 .elementor-element.elementor-element-3635229:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1392 .elementor-element.elementor-element-3635229 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FB1358;}.elementor-1392 .elementor-element.elementor-element-3635229 > .elementor-element-populated, .elementor-1392 .elementor-element.elementor-element-3635229 > .elementor-element-populated > .elementor-background-overlay, .elementor-1392 .elementor-element.elementor-element-3635229 > .elementor-background-slideshow{border-radius:40px 40px 40px 40px;}.elementor-1392 .elementor-element.elementor-element-3635229 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;padding:40px 40px 40px 40px;}.elementor-1392 .elementor-element.elementor-element-3635229 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1392 .elementor-element.elementor-element-8037caf .elementor-icon-wrapper{text-align:center;}.elementor-1392 .elementor-element.elementor-element-e37d7ea{text-align:center;}.elementor-1392 .elementor-element.elementor-element-6b557a1:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1392 .elementor-element.elementor-element-6b557a1 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FB1358;}.elementor-1392 .elementor-element.elementor-element-6b557a1 > .elementor-element-populated, .elementor-1392 .elementor-element.elementor-element-6b557a1 > .elementor-element-populated > .elementor-background-overlay, .elementor-1392 .elementor-element.elementor-element-6b557a1 > .elementor-background-slideshow{border-radius:40px 40px 40px 40px;}.elementor-1392 .elementor-element.elementor-element-6b557a1 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;padding:40px 40px 40px 40px;}.elementor-1392 .elementor-element.elementor-element-6b557a1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1392 .elementor-element.elementor-element-eb9ab0c .elementor-icon-wrapper{text-align:center;}.elementor-1392 .elementor-element.elementor-element-574331a{text-align:center;}.elementor-1392 .elementor-element.elementor-element-adebf62 > .elementor-widget-container{margin:60px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-f55fff2{margin-top:100px;margin-bottom:100px;}.elementor-1392 .elementor-element.elementor-element-02f9d33 > .elementor-element-populated, .elementor-1392 .elementor-element.elementor-element-02f9d33 > .elementor-element-populated > .elementor-background-overlay, .elementor-1392 .elementor-element.elementor-element-02f9d33 > .elementor-background-slideshow{border-radius:18px 18px 18px 18px;}.elementor-1392 .elementor-element.elementor-element-02f9d33 > .elementor-element-populated{box-shadow:-15px 20px 60px 0px rgba(94.00000000000001, 59.00000000000004, 237.99999999999997, 0.28);}.elementor-1392 .elementor-element.elementor-element-3683b58 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-3683b58{text-align:center;}.elementor-1392 .elementor-element.elementor-element-3683b58 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#000000;}.elementor-1392 .elementor-element.elementor-element-10d9e84 > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 30px 10px 30px;}.elementor-1392 .elementor-element.elementor-element-d7f8fde > .elementor-element-populated{padding:0px 50px 0px 100px;}.elementor-1392 .elementor-element.elementor-element-13eecda{text-align:center;}.elementor-1392 .elementor-element.elementor-element-13eecda .elementor-heading-title{color:#000000;}.elementor-1392 .elementor-element.elementor-element-ee7e4d0:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-ee7e4d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1392 .elementor-element.elementor-element-ee7e4d0, .elementor-1392 .elementor-element.elementor-element-ee7e4d0 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-ee7e4d0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1392 .elementor-element.elementor-element-ee7e4d0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1392 .elementor-element.elementor-element-1979144 > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-1979144{text-align:left;}.elementor-1392 .elementor-element.elementor-element-1979144 img{max-width:43%;}.elementor-1392 .elementor-element.elementor-element-81622f8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 50px 0px 30px;}.elementor-1392 .elementor-element.elementor-element-81622f8{text-align:left;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1392 .elementor-element.elementor-element-4e14a9d > .elementor-widget-container{margin:30px 0px 0px 50px;}.elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(14px/2);}.elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(14px/2);}.elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(14px/2);margin-left:calc(14px/2);}.elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-14px/2);margin-left:calc(-14px/2);}body.rtl .elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-14px/2);}body:not(.rtl) .elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-14px/2);}.elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-1392 .elementor-element.elementor-element-4e14a9d{--e-icon-list-icon-size:24px;--icon-vertical-offset:0px;}.elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-1392 .elementor-element.elementor-element-8bbaa7c{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-1392 .elementor-element.elementor-element-8bbaa7c .elementor-widget-container{text-align:left;}.elementor-1392 .elementor-element.elementor-element-8bbaa7c > .elementor-widget-container{margin:0px 0px 0px 40px;}.elementor-1392 .elementor-element.elementor-element-8bbaa7c .elementor-social-icon{background-color:#000000;}@media(min-width:768px){.elementor-1392 .elementor-element.elementor-element-926f814{width:100%;}}@media(max-width:1024px){.elementor-1392 .elementor-element.elementor-element-0cb0dc5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-02f9d33 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-d7f8fde > .elementor-element-populated{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1392 .elementor-element.elementor-element-c55eebd{padding:0px 0px 50px 0px;}.elementor-1392 .elementor-element.elementor-element-52ad385 .elementor-heading-title{font-size:24px;}.elementor-1392 .elementor-element.elementor-element-0cb0dc5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-e2f330f{margin-top:-20px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-7676f5d{margin-top:70px;margin-bottom:0px;}.elementor-1392 .elementor-element.elementor-element-a4de854 .elementor-heading-title{font-size:32px;}.elementor-1392 .elementor-element.elementor-element-5e13eca > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1392 .elementor-element.elementor-element-3635229 > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1392 .elementor-element.elementor-element-6b557a1 > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1392 .elementor-element.elementor-element-adebf62 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-3683b58 > .elementor-widget-container{padding:20px 20px 0px 20px;}.elementor-1392 .elementor-element.elementor-element-d7f8fde > .elementor-element-populated{margin:60px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1392 .elementor-element.elementor-element-13eecda > .elementor-widget-container{padding:0px 5px 0px 5px;}.elementor-1392 .elementor-element.elementor-element-1979144 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-1979144{text-align:center;}.elementor-1392 .elementor-element.elementor-element-81622f8 > .elementor-widget-container{margin:10px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-81622f8{text-align:center;font-size:14px;}.elementor-1392 .elementor-element.elementor-element-4e14a9d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(14px/2);}.elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(14px/2);}.elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(14px/2);margin-left:calc(14px/2);}.elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-14px/2);margin-left:calc(-14px/2);}body.rtl .elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-14px/2);}body:not(.rtl) .elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-14px/2);}.elementor-1392 .elementor-element.elementor-element-4e14a9d{--e-icon-list-icon-size:20px;}.elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1392 .elementor-element.elementor-element-4e14a9d .elementor-icon-list-item > a{font-size:14px;}.elementor-1392 .elementor-element.elementor-element-8bbaa7c .elementor-widget-container{text-align:center;}.elementor-1392 .elementor-element.elementor-element-8bbaa7c > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for section, class: .elementor-element-c55eebd */.section_portfolio_description {
margin-right: 30px;
margin-left: 30px;
}

@media only screen and (max-width: 768px) {
  .section_portfolio_description {
margin-right: 10px;
margin-left: 10px;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a049668 */.elementor-1392 .elementor-element.elementor-element-a049668{
    --btn-width: 180px;
    --btn-height: 50px;
    --btn-background: #0e1538;
    --left-gradient: #F803F8;
    --right-gradient: #03F2FD;
}
.elementor-1392 .elementor-element.elementor-element-a049668 a {
  position: relative;
  width: var(--btn-width);
  height: var(--btn-height);
}
.elementor-1392 .elementor-element.elementor-element-a049668 a:before,
.elementor-1392 .elementor-element.elementor-element-a049668 a:after {
  content: '';
  position: absolute;
  inset: 0;
  transition: 0.5s;
}
.elementor-1392 .elementor-element.elementor-element-a049668 a:nth-child(1):before,
.elementor-1392 .elementor-element.elementor-element-a049668 a:nth-child(1):after {
  background: linear-gradient(45deg,var(--left-gradient),var(--btn-background),var(--btn-background),var(--right-gradient));
}
.elementor-1392 .elementor-element.elementor-element-a049668 a:hover:before {
  inset: -3px;
}
.elementor-1392 .elementor-element.elementor-element-a049668 a:hover:after {
  inset: -3px;
  filter: blur(10px);
}
.elementor-1392 .elementor-element.elementor-element-a049668 a span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--btn-background);
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

/*Glass Shine Effect*/
.elementor-1392 .elementor-element.elementor-element-a049668 a span::before {
  content: '';
  position: absolute;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.075);
  transform: skew(160deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-adebf62 */body {
   margin: 0;
}

.about {
   $cubic: cubic-bezier(0.64, 0.01, 0.07, 1.65);
   $transition: 0.6s $cubic;
   $size: 40px;
   position: fixed;
   z-index: 10;
   bottom: 10px;
   right: 10px;
   width: $size;
   height: $size;
   display: flex;
   justify-content: flex-end;
   align-items: flex-end;
   transition: all 0.2s ease;

   .bg_links {
      width: $size;
      height: $size;
      border-radius: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: rgba(#fff, 0.2);
      border-radius: 100%;
      backdrop-filter: blur(5px);
      position: absolute;
   }

   .logo {
      width: $size;
      height: $size;
      z-index: 9;
      background-image: url(https://rafaelalucas91.github.io/assets/codepen/logo_white.svg);
      background-size: 50%;
      background-repeat: no-repeat;
      background-position: 10px 7px;
      opacity: 0.9;
      transition: all 1s 0.2s ease;
      bottom: 0;
      right: 0;
   }

   .social {
      opacity: 0;
      right: 0;
      bottom: 0;

      .icon {
         width: 100%;
         height: 100%;
         background-size: 20px;
         background-repeat: no-repeat;
         background-position: center;
         background-color: transparent;
         display: flex;
         transition: all 0.2s ease, background-color 0.4s ease;
         opacity: 0;
         border-radius: 100%;
      }

      &.portfolio {
         transition: all 0.8s ease;

         .icon {
            background-image: url(https://rafaelalucas91.github.io/assets/codepen/link.svg);
         }
      }

      &.dribbble {
         transition: all 0.3s ease;
         .icon {
            background-image: url(https://rafaelalucas91.github.io/assets/codepen/dribbble.svg);
         }
      }

      &.linkedin {
         transition: all 0.8s ease;
         .icon {
            background-image: url(https://rafaelalucas91.github.io/assets/codepen/linkedin.svg);
         }
      }
   }

   &:hover {
      width: 105px;
      height: 105px;
      transition: all $transition;

      .logo {
         opacity: 1;
         transition: all 0.6s ease;
      }

      .social {
         opacity: 1;

         .icon {
            opacity: 0.9;
         }

         &:hover {
            background-size: 28px;
            .icon {
               background-size: 65%;
               opacity: 1;
            }
         }

         &.portfolio {
            right: 0;
            bottom: calc(100% - 40px);
            transition: all 0.3s 0s $cubic;
            .icon {
               &:hover {
                  background-color: #698fb7;
               }
            }
         }

         &.dribbble {
            bottom: 45%;
            right: 45%;
            transition: all 0.3s 0.15s $cubic;
            .icon {
               &:hover {
                  background-color: #ea4c89;
               }
            }
         }

         &.linkedin {
            bottom: 0;
            right: calc(100% - 40px);
            transition: all 0.3s 0.25s $cubic;
            .icon {
               &:hover {
                  background-color: #0077b5;
               }
            }
         }
      }
   }
}

.wrapper {
   width: 100vw;
   margin: 0 auto;
   height: 400px;
   background-color: #161616;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   transition: all 0.3s ease;
}

@media screen and (max-width: 767px) {
   .wrapper {
      height: 700px;
   }
}

.content {
   max-width: 1024px;
   width: 100%;
   padding: 0 4%;
   padding-top: 0px;
   margin: 0 auto;
   display: flex;
   justify-content: center;
   align-items: center;
}

@media screen and (max-width: 767px) {
   .content {
      padding-top: 10px;
      flex-direction: column;
   }
}

.card {
   width: 100%;
   max-width: 300px;
   min-width: 200px;
   height: 250px;
   background-color: #292929;
   margin: 10px;
   border-radius: 10px;
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.24);
   border: 2px solid rgba(7, 7, 7, 0.12);
   font-size: 16px; 
   font-family: helvetica;
   transition: all 0.3s ease;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   cursor: pointer;
   transition: all 0.3s ease;
}

.icon {
   margin: 0 auto;
   width: 100%;
   height: 80px;
   max-width:80px;
   background: linear-gradient(90deg, #FF7E7E 0%, #FF4848 40%, rgba(0, 0, 0, 0.28) 60%);
   border-radius: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
   transition: all 0.8s ease;
   background-position: 0px;
   background-size: 200px;
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.card .title {
   width: 100%;
   margin: 0;
   text-align: center;
   margin-top: 30px;
   color: white;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 4px;
}

.card .text {
   width: 80%;
   margin: 0 auto;
   font-size: 13px;
   text-align: center;
   margin-top: 20px;
   color: white;
   font-weight: 200;
   letter-spacing: 2px;
   opacity: 0;
   max-height:0;
   transition: all 0.3s ease;
}

.card:hover {
   height: 270px;
}

.card:hover .info {
   height: 90%;
}

.card:hover .text {
   transition: all 0.3s ease;
   opacity: 1;
   max-height:40px;
}

.card:hover .icon {
   background-position: -120px;
   transition: all 0.3s ease;
}

.card:hover .icon i {
   background: linear-gradient(90deg, #FF7E7E, #FF4848);
   -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
   opacity: 1;
   transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-13eecda */.center-contact-text {
    margin: auto!important;
}/* End custom CSS */