@import"https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500;700&family=Kanit:wght@500;700&display=swap";*{font-family:Fira Sans,sans-serif}:root{--bg-global:#fbfbfb;--text-color:#2f2f2f;--color-light-grey:#d1ddf4;--color-blue:#193048;--color-blue-24:#e9e9e9;--color-super-dark-blue:#e4edf7}html.dark{--bg-global:#191c22;--text-color:#f0f4ff;--color-light-grey:#193048;--color-blue:#6f95dd;--color-blue-24:#242832;--color-super-dark-blue:#1c2d3e}body{background-color:var(--bg-global)!important}p{font-size:18px;font-weight:400;line-height:110%;color:var(--text-color)}.font-s16{font-size:16px!important}.font-s22{font-size:22px!important}.font-s28{font-size:28px!important}@media screen and (max-width:768px){.font-s28{font-size:20px!important}}.color-simpleblue{color:#385786}.color-gray{color:#7d7d7d}.color-marineblue{color:#328ae6}.color-whiteblue{color:#f0f4ff}.text-justify{text-align:justify!important}@keyframes gradientInit{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.blue-gradient{background:linear-gradient(90deg,#0a72cf,#63a3e7,#147ad3,#2a73b3);-webkit-background-clip:text;background-clip:text;background-size:250% 250%;-webkit-text-fill-color:transparent;animation:gradientInit 5s ease infinite}.container{overflow:hidden}@media screen and (min-width:768px){.container{overflow:visible}}.title-section{display:flex;align-items:center;position:relative;margin-left:-55px}.title-section:before{content:"";display:block;width:53px;height:53px;border-radius:50%;background:var(--color-light-grey);margin-right:3px}@media screen and (min-width:768px){.title-section{margin-left:0}.title-section:before{content:"";display:block;width:60px;height:60px;position:absolute;left:-22px}}.title-section h2{color:var(--color-blue);font-size:26px;font-weight:700;font-family:Kanit,sans-serif;position:relative;margin-bottom:0}@media screen and (min-width:768px){.title-section h2{font-size:32px}}.title-section-2{display:flex;align-items:center;position:relative}.title-section-2:before{content:"";display:block;width:60px;height:60px;position:absolute;left:-22px;border-radius:50%;background:rgba(155,164,181,.47);margin-right:3px}.title-section-2 h2{color:var(--color-blue);font-size:26px;font-weight:700;font-family:Kanit,sans-serif;position:relative;margin-bottom:0}@media screen and (min-width:768px){.title-section-2 h2{font-size:32px}}.title-portfolio-project{display:flex;align-items:center;position:relative;margin-top:28px}.title-portfolio-project:before{content:"";display:block;width:100px;height:100px;position:absolute;left:-72px;border-radius:50%;background:var(--color-light-grey);margin-right:3px}@media screen and (min-width:768px){.title-portfolio-project:before{left:-25px}}.title-portfolio-project h1{color:#f0f4ff;font-size:36px;font-weight:700;font-family:Kanit,sans-serif;position:relative;margin-bottom:0}@media screen and (min-width:768px){.title-portfolio-project h1{font-size:54px}.title-portfolio-project{margin-top:0}}.button-more-blue{width:25px;height:25px;display:block;background:url(/assets/images/plus-icon.png) 90% no-repeat,#328ae6 100%;background-position:50%;border-radius:50%}.portfolio-item{width:100%;border-radius:10px 10px 0 0;overflow:hidden;margin-bottom:34px;cursor:pointer;animation:portfolioItem .5s ease-in;position:relative;height:269px}.portfolio-item:after{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:linear-gradient(0deg,#144272 20%,transparent)}@media screen and (min-width:768px){.portfolio-item{height:269px}}.portfolio-item:hover .image-portfolio{transform:scale(1.04)}.portfolio-item .image-portfolio{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:all .4s}.portfolio-item .image-portfolio .content{width:100%;height:100%;margin-top:0}.portfolio-item .image-portfolio img{width:100%;height:inherit;object-fit:cover}.portfolio-item .content-texts{margin-top:12px;position:absolute;width:100%;z-index:5;bottom:20px;padding:0 17px;transition:all .4s}.portfolio-item .content-texts:hover{filter:brightness(.9)}.portfolio-item .content-texts .texts{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portfolio-item .content-texts .title-project{font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media screen and (min-width:768px){.portfolio-item .content-texts .title-project{font-size:18px}}@keyframes portfolioItem{0%{opacity:0}to{opacity:1}}.i-email{display:block;width:24px;height:24px;background:url(/assets/images/email-icon.png) no-repeat;background-size:100%;margin-right:8px}.i-phone{display:block;width:48px;height:28px;background:url(/assets/images/wpp-telegram-icon.png) no-repeat;background-size:100%;margin-left:-16px}.i-github-blue{background:url(/assets/images/github-icon-blue.png) no-repeat;background-size:100%}.i-github-blue,.i-github-blue2{display:block;width:100%;height:100%}.i-github-blue2{background:url(/assets/images/github-icon-blue-2.png) no-repeat;background-size:100%}.i-layout-design{background:url(/assets/images/layout-design.svg) no-repeat;background-size:100%}.i-layout-design,.i-preview-blue{display:block;width:100%;height:100%}.i-preview-blue{background:url(/assets/images/click-preview.png) no-repeat;background-size:100%}.i-linkedin-blue{display:block;width:100%;height:100%;background:url(/assets/images/linkedin-icon.png) no-repeat;background-size:100%}.button-darkblue-2{display:block;padding:17px 28px;border-radius:10px;background:#144272;text-align:center;max-width:272px;transition:all .2s ease-in}.button-darkblue-2:hover{filter:brightness(.9)}.socials a{background:#144272;padding:10px;border-radius:50%;display:flex;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s ease-in}.socials a:hover{filter:brightness(.9)}.button-submit{border:none;background:#144272;border-radius:6px;padding:8px 35px;font-weight:700;color:#fff;animation:all .4s}.button-submit:hover{filter:brightness(.92)}.sharebutton{background:none;display:flex;border:none;align-items:center;gap:14px;justify-content:end;margin-top:50px;margin-right:10px}.sharebutton,.sharebutton img{transition:all .4s}.sharebutton:hover{filter:brightness(.9)}.sharebutton:hover img{transform:scale(1.05)}.sharebutton p{margin-bottom:0;color:#6f95dd;font-weight:700}.toast{padding:0 10px;border:none!important}.toast,.toast .toast-header{background:#242832!important;color:#f0f4ff!important}.toast .toast-header .btn-close{color:#f0f4ff!important}.toast-left{width:inherit!important}@keyframes bubleAnimation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes opacityAnimation{0%{opacity:0}50%{opacity:0}to{opacity:1}}.navbar{background:#111821;padding:9px 15px!important;position:fixed!important;width:100%;z-index:30;top:0}.navbar .container{padding:0}.navbar img{width:100%;max-width:36px;height:36px}@media screen and (min-width:768px){.navbar img{max-width:53px;height:53px}}.navbar .navbar-toggler{border:none;padding:0}.navbar .navbar-toggler img{width:23px;height:23px}.navbar .nav-item button{background:none;padding:0;border:none;color:#fff;height:100%;font-size:18px;margin:0 0 0 1em;display:flex;justify-content:center;align-items:center}.navbar .nav-item .nav-link{font-size:16px;color:#fff;font-weight:400;transition:all .2s ease-in-out}.navbar .nav-item .nav-link.active{font-weight:500;color:#fff}.navbar .nav-item .nav-link:hover{font-weight:600}.header-banner{background:#111821;border-radius:0 0 18px 18px;overflow:hidden;padding-top:64px}@media screen and (min-width:768px){.header-banner{padding-top:81px}.header-banner .container{max-width:1105px;padding-bottom:20px}}.header-banner .image-header-banner{display:block;width:254px;height:254px;background-image:url(/assets/images/banner-image-mobile.png);background-repeat:no-repeat;background-size:100%;margin-left:-100px}@media screen and (min-width:768px){.header-banner .image-header-banner{width:599px;height:504px;background-image:url(/assets/images/banner-image-desktop.png);margin-left:0}}.header-banner .col-8{display:flex;justify-content:end}.header-banner .content{padding:68px 0}@media screen and (min-width:768px){.header-banner .content{padding:115px 0}}.header-banner .content h1,.header-banner .content p{font-weight:700}.header-banner .content p{font-size:16px}@media screen and (min-width:768px){.header-banner .content p{font-size:40px;line-height:1}}.header-banner .content h1{font-size:28px}@media screen and (min-width:768px){.header-banner .content h1{font-size:70px}}.header-banner .content .button-gradient{display:block;font-size:14px;text-decoration:none;color:#fff;text-align:center;font-family:Kanit,sans-serif;font-weight:700;margin-top:11px;padding:10px 25px;background:linear-gradient(90deg,#0a72cf,#194f87);box-shadow:0 4px 16px 0 rgba(10,114,207,.12);border-radius:6px;transition:all .3s ease-in-out}@media screen and (min-width:768px){.header-banner .content .button-gradient{padding:16px 63px;margin-top:50px}}.header-banner .content .button-gradient:hover{box-shadow:0 4px 16px 0 rgba(10,114,207,.52)}.header-banner .content .button-rounded-git{display:flex;justify-content:center;align-items:center;width:38px;height:38px;border-radius:50%;background:url(/assets/images/github-icon-white.png) 90%,linear-gradient(271deg,#085ab0,#144272 78.65%) 100%;background-position:50%;background-repeat:no-repeat;margin-top:11px;margin-left:4px;box-shadow:0 4px 16px 0 rgba(10,114,207,.12);transition:all .3s ease-in-out}@media screen and (min-width:768px){.header-banner .content .button-rounded-git{width:48px;height:48px;margin-top:50px;margin-left:18px}}.header-banner .content .button-rounded-git:hover{box-shadow:0 4px 16px 0 rgba(10,114,207,.52)}#aboutme{padding-top:90px;position:relative;overflow:hidden}#aboutme .title-section{margin-bottom:50px}@media screen and (min-width:768px){#aboutme .title-section{margin-bottom:58px;margin-top:11px}}#aboutme .content{max-width:945px;margin-left:0;margin-right:0;padding:0 0 20px}#aboutme .content .row{position:relative}@media screen and (min-width:768px){#aboutme .content .row:after{content:url(/assets/images/aboutme-l.png);display:block;width:478px;position:absolute;right:-500px}}#aboutme .timeline-item{display:flex;position:relative;padding-left:20px;padding-right:20px}#aboutme .timeline-item:before{content:"";display:block;width:22px;height:100%;background:var(--color-super-dark-blue);margin-top:5px;right:inherit}#aboutme .timeline-item:nth-child(4){padding-left:24px}#aboutme .timeline-item:nth-child(4):before{display:none}@media screen and (min-width:768px){#aboutme .timeline-item,#aboutme .timeline-item:nth-child(4){padding-left:calc(var(--bs-gutter-x)*.5)}#aboutme .timeline-item{padding-right:calc(var(--bs-gutter-x)*.5)}#aboutme .timeline-item:before{width:100%;height:6px;position:absolute;top:5px;right:-20px}}#aboutme .timeline-content{padding-bottom:20px}@media screen and (min-width:768px){#aboutme .timeline-content{padding-bottom:0}}#aboutme .timeline-content .timeline-year{display:flex;align-items:center;margin-left:-12px}#aboutme .timeline-content .timeline-year span{margin-left:4px;font-size:18px;color:var(--text-color);font-weight:500;font-family:Kanit,sans-serif}#aboutme .timeline-content .timeline-year:before{content:"";display:block;width:20px;height:20px;background:#144272;border-radius:50%}@media screen and (min-width:768px){#aboutme .timeline-content .timeline-year{display:block;margin-left:0;margin-top:-23.5px}#aboutme .timeline-content .timeline-year span{margin-left:0}#aboutme .timeline-content .timeline-year:before{display:none}#aboutme .timeline-content .timeline-year:after{content:"";display:block;position:relative;width:20px;height:20px;background:#144272;border-radius:50%;z-index:10}}#aboutme .timeline-content .timeline-text{padding-left:10px}#aboutme .timeline-content .timeline-text p{margin-top:18px}@media screen and (min-width:768px){#aboutme .timeline-content .timeline-text{padding-left:0;max-width:210px}}#portfolio{margin-top:65px;padding-top:95px}#portfolio .title-section{margin-bottom:60px}#portfolio .slick-slider .slick-list{margin:0 -5px}#portfolio .slick-slider .slick-slide>div{padding:0 5px}#portfolio .slick-slider .slick-next,#portfolio .slick-slider .slick-prev{width:35px;height:35px;color:red;border-radius:50%;background-position:50%;background-color:rgba(57,72,103,.192);background-size:20px;background-repeat:no-repeat;opacity:.5;z-index:10}#portfolio .slick-slider .slick-next:hover,#portfolio .slick-slider .slick-prev:hover{opacity:1}#portfolio .slick-slider .slick-next:before,#portfolio .slick-slider .slick-prev:before{display:none}#portfolio .slick-slider .slick-prev{background-image:url(/assets/images/arrow-left.png)}#portfolio .slick-slider .slick-next{background-image:url(/assets/images/arrow-right.png)}#portfolio .slick-slider .slick-dots li{margin:0 5px}#portfolio .slick-slider .slick-dots li.slick-active button{background:#394867;color:#fff}#portfolio .slick-slider .slick-dots li button{font-size:14px;line-height:inherit;color:#394867;width:25px;height:25px;display:flex;justify-content:center;align-items:center;padding:0;border-radius:50%;border:1px solid #394867}#portfolio .slick-slider .slick-dots li button:before{display:none}.pagination-container{margin-top:60px!important}.pagination-container,.pagination-container button{display:flex;justify-content:center;align-items:center}.pagination-container button{border:2px solid #242832;border-radius:50%;outline:none;background:none;width:30px;height:30px;color:#7d7d7d;font-family:Kanit,sans-serif;font-weight:500;margin:0 5px}.pagination-container button.active{border:2px solid #328ae6;color:#328ae6}.pagination-container button.button-prev{border:none;background:url(/assets/images/arrow-left.png) no-repeat;background-size:100%;margin:0 23px 0 0}.pagination-container button.button-prev.disabled{filter:grayscale(100%);opacity:.4}.pagination-container button.button-next{border:none;background:url(/assets/images/arrow-right.png) no-repeat;background-size:100%;margin:0 0 0 23px}.pagination-container button.button-next.disabled{filter:grayscale(100%);opacity:.4}#skills{margin-top:65px;padding-top:95px}#skills .title-section{margin-bottom:22px}@media screen and (min-width:768px){#skills .title-section{margin-bottom:46px}}#skills .nav-tabs{border-bottom:2px solid rgba(20,66,114,.8)}#skills .nav-tabs .nav-item button{background:none;border:none;padding:20px 18px;font-size:22px;font-weight:700;color:rgba(20,66,114,.8);margin-bottom:-2px}#skills .nav-tabs .nav-item button.active{background:none;color:#328ae6;border:none;border-bottom:2px solid #328ae6}#skills .accordion,#skills .accordion .accordion-item{background:none;border:none}#skills .accordion{--bs-accordion-border-width:0;--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13,109,253,0)}#skills .accordion .accordion-header{background:none;border:none;border-bottom:2px solid rgba(20,66,114,.8)}#skills .accordion .accordion-header button{background:none;border:none;padding:20px 10px;font-size:18px;font-weight:700;color:rgba(20,66,114,.8);margin-bottom:-2px}#skills .accordion .accordion-header button[aria-expanded=true]{color:#328ae6;border-bottom:2px solid rgba(20,66,114,.8);outline:none}#skills .accordion .accordion-body{padding-top:0}#skills .skill-item{margin-top:30px}#skills .skill-item img{max-width:95px;height:-moz-fit-content;height:fit-content}#skills .levels{position:relative}#skills .levels .levels-content{display:flex;gap:7px;position:relative;z-index:10}@media screen and (min-width:768px){#skills .levels .levels-content:hover .box-level:after{color:var(--text-color);background:var(--color-blue-24);animation:bubleAnimation .3s ease-in;box-shadow:5px 5px 12px rgba(0,0,0,.027)}#skills .levels .levels-content:hover .box-level:before{background:var(--color-blue-24);animation:opacityAnimation .4s ease-in}#skills .levels .levels-content.tag-1:hover .box-level-1{position:relative}#skills .levels .levels-content.tag-1:hover .box-level-1:after{content:"" attr(aria-label) "";max-width:130px;display:block;border-radius:6px;padding:5px 16px;position:absolute;top:-50px;left:0}#skills .levels .levels-content.tag-1:hover .box-level-1:before{content:"";display:block;width:20px;height:20px;top:-30px;left:30%;transform:rotate(45deg);position:absolute}#skills .levels .levels-content.tag-2:hover .box-level-2{position:relative}#skills .levels .levels-content.tag-2:hover .box-level-2:after{content:"" attr(aria-label) "";max-width:130px;display:block;border-radius:6px;padding:5px 16px;position:absolute;top:-50px;left:0}#skills .levels .levels-content.tag-2:hover .box-level-2:before{content:"";display:block;width:20px;height:20px;top:-30px;left:30%;transform:rotate(45deg);position:absolute}#skills .levels .levels-content.tag-3:hover .box-level-3{position:relative}#skills .levels .levels-content.tag-3:hover .box-level-3:after{content:"" attr(aria-label) "";max-width:130px;display:block;border-radius:6px;padding:5px 16px;position:absolute;top:-50px;left:0}#skills .levels .levels-content.tag-3:hover .box-level-3:before{content:"";display:block;width:20px;height:20px;top:-30px;left:30%;transform:rotate(45deg);position:absolute}#skills .levels .levels-content.tag-4:hover .box-level-4{position:relative}#skills .levels .levels-content.tag-4:hover .box-level-4:after{content:"" attr(aria-label) "";max-width:130px;display:block;border-radius:6px;padding:5px 16px;position:absolute;top:-75px;left:0}#skills .levels .levels-content.tag-4:hover .box-level-4:before{content:"";display:block;width:20px;height:20px;top:-30px;left:30%;transform:rotate(45deg);position:absolute}#skills .levels .levels-content.tag-5:hover .box-level-5{position:relative}#skills .levels .levels-content.tag-5:hover .box-level-5:after{content:"" attr(aria-label) "";max-width:130px;display:block;border-radius:6px;padding:5px 16px;position:absolute;top:-50px;left:0}#skills .levels .levels-content.tag-5:hover .box-level-5:before{content:"";display:block;width:20px;height:20px;top:-30px;left:30%;transform:rotate(45deg);position:absolute}}#skills .levels .box-level{width:45px;height:20px;border-radius:4px;background:var(--color-blue-24)}#skills .levels .box-level-1{background:rgba(20,66,114,.2)}#skills .levels .box-level-2{background:rgba(20,66,114,.4)}#skills .levels .box-level-3{background:rgba(20,66,114,.6)}#skills .levels .box-level-4{background:rgba(20,66,114,.8)}#skills .levels .box-level-5{background:#144272}#skills .levels .mask-levels{display:flex;position:absolute;gap:7px;top:0}#myServices{margin-top:65px;padding-top:95px;overflow:hidden}@media screen and (min-width:768px){#myServices .title-section{margin-bottom:62px}}#myServices .my-service-item{width:100%;display:flex;justify-content:end;align-items:end;border-radius:12px;padding:30px 20px;position:relative;overflow:hidden;transition:all .4s}#myServices .my-service-item p{display:block;margin-top:48px;margin-bottom:0!important;transition:all .4s;line-height:110%;opacity:0;color:#f0f4ff}@media screen and (max-width:768px){#myServices .my-service-item p{opacity:1}}#myServices .my-service-item h6{transition:all 1s;position:absolute;bottom:0;right:0}@media screen and (max-width:768px){#myServices .my-service-item h6{bottom:inherit;right:inherit}}#myServices .my-service-item a{text-decoration:none;display:flex;align-items:center;gap:7px;color:#f0f4ff;margin-top:20px;justify-content:end;font-weight:700;transition:all .4s;opacity:0}@media screen and (max-width:768px){#myServices .my-service-item a{opacity:1}}#myServices .my-service-item a img{width:22px;height:22px;transition:all .4s}#myServices .my-service-item a:hover{filter:brightness(.9)}#myServices .my-service-item a:hover img{transform:scale(1.06)}#myServices .my-service-item:hover{justify-content:inherit;align-items:inherit}#myServices .my-service-item:hover p{display:block;opacity:1;animation:textServiceItem 1s}#myServices .my-service-item:hover a{display:flex;opacity:1;animation:linkServiceItem 1s}#myServices .my-service-item:hover h6{animation:titleServiceItem .8s;bottom:inherit;right:inherit}#myServices .my-service-item:hover:after{transform:scale(1.04)}@keyframes textServiceItem{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes titleServiceItem{0%{opacity:0;transform:translate(50%,600%)}to{opacity:1;transform:translate(0)}}@keyframes linkServiceItem{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}#myServices .my-service-item.my-service-item-1{background:linear-gradient(252deg,#111821 .64%,#102136 99.23%)}#myServices .my-service-item.my-service-item-1:after{content:"";display:block;position:absolute;background:url(/assets/images/pc-desenvolvimento-programacao.png);background-repeat:no-repeat;background-size:100%;left:-110px;top:22px;width:100%;max-width:365px;height:298px;opacity:.2;transition:all .4s}#myServices .my-service-item.my-service-item-2{background:linear-gradient(251deg,#18253d,#0f1d37)}#myServices .my-service-item.my-service-item-2 h6{color:#6b8ace}#myServices .my-service-item.my-service-item-2:after{content:"";display:block;position:absolute;background:url(/assets/images/pc-design.png);background-repeat:no-repeat;background-size:100%;left:-110px;top:22px;width:100%;max-width:365px;height:298px;opacity:.2;transition:all .4s}#myServices .my-service-item-2{margin-top:20px}@media screen and (min-width:768px){#myServices .my-service-item-2{margin-top:0}}footer a{text-decoration:none}footer a:hover{text-decoration:underline}footer .footer-content{background:#141c26;padding:70px 40px;text-align:center}@media screen and (min-width:768px){footer .footer-content{text-align:start}}footer .footer-content ul{list-style-type:none;margin-bottom:0;padding-left:0}footer .footer-content img{width:100%;max-width:252px;height:inherit}footer .footer-bottom{background:#141c26;padding:18px 0;border-top:2px solid #1e273a}footer .section-footer{margin-top:64px}#projectPortfolio{margin-bottom:90px}@media screen and (min-width:768px){#projectPortfolio{margin-bottom:107px}}#projectPortfolio .iframe-content{height:500px;overflow:hidden;border-radius:14px}#projectPortfolio .header-project{background-color:#111821;padding:64px 0 48px;border-radius:0 0 18px 18px;margin-bottom:64px;overflow:hidden}#projectPortfolio .header-project .title-portfolio-project:before{background:#193048}#projectPortfolio .header-project .title-portfolio-project h1{color:#6f95dd}@media screen and (min-width:768px){#projectPortfolio .header-project{padding:117px 0 48px}#projectPortfolio .header-project .container{position:relative}#projectPortfolio .header-project .container:after{content:url(/assets/images/project-header.png);display:block;position:absolute;right:0;top:-60px}}#projectPortfolio .header-project p{color:#f0f4ff;line-height:1.2;margin-top:32px;display:block;max-width:760px;position:relative;z-index:10}#projectPortfolio .header-project .links{margin-top:38px}#projectPortfolio .header-project .links a{color:#6f95dd;font-weight:700;font-size:16px;text-decoration:none;display:flex;align-items:center}#projectPortfolio .header-project .links a:hover{text-decoration:underline}#projectPortfolio .header-project .links a i{width:40px;height:40px;margin-right:10px}@media screen and (min-width:768px){#projectPortfolio .header-project .links{margin-top:50px}}#projectPortfolio .image-box{width:100%;height:280px;border-radius:14px;box-shadow:2px 4px 12px 0 rgba(0,0,0,.15);overflow:hidden;background:#eef6f9}#projectPortfolio .image-box img{width:100%;height:inherit;object-fit:contain}#projectPortfolio .image-box .react-transform-wrapper{width:100%;height:100%}#projectPortfolio .image-box .react-transform-wrapper .react-transform-component{width:100%;height:100%;cursor:zoom-in}#projectPortfolio .image-box.mobile{height:500px}@media screen and (min-width:768px){#projectPortfolio .image-box{height:500px}}#projectPortfolio .carousel .carousel-control-next-icon,#projectPortfolio .carousel .carousel-control-prev-icon{width:40px;height:40px;background-color:#394867;border-radius:50%;background-size:60%;box-shadow:0 0 10px rgba(0,0,0,.4)}#projectPortfolio .carousel .carousel-control-prev-icon{background-position:40%}#projectPortfolio .carousel .carousel-control-next-icon{background-position:55%}#projectPortfolio .carousel .carousel-control-next{right:-20px}#projectPortfolio .carousel .carousel-control-prev{left:-20px}#projectPortfolio .carousel .carousel-indicators{bottom:10px}#projectPortfolio .carousel .carousel-indicators button{width:18px;height:18px;border-radius:50%;border:0;box-shadow:0 0 5px rgba(0,0,0,.5)}#projectPortfolio .carousel .carousel-indicators button.active{background-color:#d0d4dc}#projectPortfolio .see-more{margin-top:120px}@media screen and (min-width:768px){#projectPortfolio .see-more{margin-top:135px}}#projectPortfolio footer #contactMe{display:none}#projectPortfolio footer .footer-content{padding:70px 40px}#contactMe{background:#111821;padding:130px 0 115px;margin-top:107px}#contactMe .title-section:before{background:#193048}#contactMe .title-section h2{color:#6f95dd}#contactMe form .form-floating>label{color:#62707e}#contactMe form .form-floating>label:after{background:#141c26}#contactMe form input,#contactMe form textarea{border:none;outline:none;background:#141c26;color:#fff}#contactMe form input.input-error,#contactMe form textarea.input-error{border:1px solid red}#contactMe .boxtexts h2{font-size:32px;color:#328ae6;font-weight:700}#contactMe .boxtexts h5{font-size:24px;color:#328ae6;font-weight:400}#contactMe .boxtexts a,#contactMe .boxtexts p{color:#f1f6f9}.portfolio-card{padding:46px 20px;margin-top:107px;position:relative;overflow:hidden}.portfolio-card,.portfolio-card:after{background:linear-gradient(270deg,#144272,rgba(25,28,34,0))}.portfolio-card:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10}.portfolio-card .row{padding-right:95px}@media screen and (max-width:768px){.portfolio-card .row{padding-right:0}}.portfolio-card .banner-animation{height:400px;margin-top:130px}@media screen and (max-width:768px){.portfolio-card .banner-animation{width:100%;height:250px;margin-top:70px}}.portfolio-card .banner-animation .image-1{bottom:30px;right:-10px;z-index:3}@media screen and (max-width:768px){.portfolio-card .banner-animation .image-1{width:100%;bottom:10px;right:-140px}.portfolio-card .banner-animation .image-1 img{width:100%;max-width:180px;height:auto}}.portfolio-card .banner-animation .image-2{z-index:2}@media screen and (max-width:768px){.portfolio-card .banner-animation .image-2{width:100%}.portfolio-card .banner-animation .image-2 img{width:100%;height:auto}}.portfolio-card .banner-animation .image-3{top:-120px;right:-20px}@media screen and (max-width:768px){.portfolio-card .banner-animation .image-3{top:-70px;right:0}.portfolio-card .banner-animation .image-3 img{width:100%;max-width:250px;height:auto}}.portfolio-card .banner-animation .rectangle{z-index:1;top:-40px;right:50px}@media screen and (max-width:768px){.portfolio-card .banner-animation .rectangle{width:100%;right:-130px}.portfolio-card .banner-animation .rectangle img{width:100%;height:auto;max-width:180px}}.portfolio-card .banner-animation .circle{bottom:60px;right:160px}@media screen and (max-width:768px){.portfolio-card .banner-animation .circle{display:none}}.portfolio-card .link{z-index:11}.portfolio-card .link a{display:block;text-decoration:none;color:#f1f6f9}.portfolio-card .link a img{transition:all .5s}.portfolio-card .link a:hover img{transform:scale(1.04)}@media screen and (max-width:768px){.portfolio-card .link a{margin-top:20px}.portfolio-card .link a h1{font-size:20px}.portfolio-card .link a img{width:100%;max-width:26px;height:auto}}.portfolio-page{padding-top:64px;margin-bottom:90px}@media screen and (min-width:768px){.portfolio-page{margin-bottom:107px;padding-top:81px}}.portfolio-page .header-title{background:#111821;padding:81px 0;border-radius:0 0 18px 18px}.portfolio-page .header-title .container{display:flex;justify-content:center}.portfolio-page .header-title .text{width:-moz-fit-content;width:fit-content;position:relative;display:flex;align-items:center}.portfolio-page .header-title .text h1{font-size:54px;color:#6f95dd;font-weight:700;position:relative;margin-bottom:0}@media screen and (max-width:768px){.portfolio-page .header-title .text h1{font-size:44px}}.portfolio-page .header-title .text:before{content:"";display:block;width:100px;height:100px;border-radius:50%;background:#193048;position:absolute;left:-25px}@media screen and (max-width:768px){.portfolio-page .header-title .text:before{width:53px;height:53px;left:-18px}}.portfolio-page .content{margin-top:107px}@media screen and (max-width:768px){.portfolio-page .content{margin-top:90px}}.portfolio-page .content .submenu{display:flex;justify-content:center;gap:26px;margin-bottom:65px}@media screen and (max-width:768px){.portfolio-page .content .submenu{flex-direction:column;margin-bottom:35px}}.portfolio-page .content .submenu a{text-decoration:none;color:rgba(20,66,114,.8);font-size:16px;display:block}.portfolio-page .content .submenu a.active{color:#328ae6;font-weight:700}.portfolio-page .content .submenu a.active:after{content:"";display:block;width:70%;height:2px;background:#328ae6;border-radius:10px;margin-top:10px;margin-left:auto;margin-right:auto;animation:scaleBottomBorder .4s}@media screen and (max-width:768px){.portfolio-page .content .submenu a.active:after{margin-left:0}}@keyframes scaleBottomBorder{0%{width:0}to{width:70%}}