@import"https://fonts.googleapis.com/css2?family=Rethink+Sans:wght@400;500;600;700&display=swap";.skills-marquee-section{--sm-font-primary: "Rethink Sans", -apple-system, BlinkMacSystemFont, sans-serif;--sm-bg-color: #ffffff;--sm-heading-color: #071a34;--sm-subheading-color: #6b7c93;--sm-underline-color: #279989;--sm-skill-text-color: #4a5568;--sm-heading-size: 48px;--sm-heading-size-mobile: 28px;--sm-subheading-size: 18px;--sm-subheading-size-mobile: 14px;--sm-skill-text-size: 14px;--sm-skill-text-size-mobile: 12px;--sm-icon-size: 60px;--sm-icon-size-mobile: 45px;--sm-animation-speed: 30s}.skills-marquee-section{font-family:var(--sm-font-primary);background-color:var(--sm-bg-color);padding:var(--sm-padding-top, 80px) 0 var(--sm-padding-bottom, 80px);margin-top:var(--sm-margin-top, 0);margin-bottom:var(--sm-margin-bottom, 0);overflow:hidden;position:relative}.skills-marquee-section *,.skills-marquee-section *:before,.skills-marquee-section *:after{box-sizing:border-box}.sm-container{width:100%;max-width:1200px;position:relative}.sm-header{text-align:center;padding:0 20px;margin-bottom:50px}.sm-heading{font-size:var(--sm-heading-size);font-weight:700;color:var(--sm-heading-color);margin:0 0 16px;line-height:1.2;letter-spacing:-.02em}.sm-heading__underline{position:relative;display:inline-block}.sm-heading__underline:after{content:"";position:absolute;bottom:-12px;left:0;width:100%;height:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='20' viewBox='-2 -2 192 20' fill='none'%3E%3Cpath d='M150.922 7.21799C144.429 6.66713 138.029 6.15264 131.464 5.87014C122.76 5.49562 114.071 5.29559 105.353 5.21634C88.4392 5.06259 71.5078 4.77437 54.5964 5.16604C43.2336 5.42921 31.9119 6.05076 20.7491 7.55998C14.969 8.34146 8.93851 9.31101 3.49942 10.8894C2.9746 11.0417 -0.79038 12.0212 0.239173 12.9313C1.66656 14.193 6.62887 14.3894 8.41944 14.5607C17.4952 15.4292 26.7087 15.7475 35.8648 15.8583C57.2622 16.1172 78.7327 16.0183 100.121 15.5867C116.148 15.2634 132.259 14.91 148.225 13.8365C155.605 13.3403 162.934 12.7797 170.35 12.5792C175.596 12.4374 180.848 12.5291 185.836 11.2817C189.8 10.2904 182.961 9.01071 182.013 8.78713C172.192 6.47219 162.143 4.49681 151.87 3.3555C133.449 1.30886 114.676 0.670356 96.0461 0.207169C86.7433 -0.0241225 77.4332 -0.0578289 68.1265 0.0864663C62.7141 0.170382 57.5066 0.3331 52.3143 1.42426C48.6105 2.20258 45.4041 3.66993 41.7481 4.48206C40.6874 4.71769 39.0628 4.91051 39.8216 5.94055C40.2497 6.5218 39.9877 6.88748 40.8145 7.43928C41.6768 8.01481 42.5212 8.23696 43.7191 8.38479C49.6939 9.12213 55.8534 9.15018 61.9024 9.18947C82.1472 9.32097 102.401 9.75275 122.647 9.75275' stroke='%23008B75' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}@keyframes underlineGrow{to{transform:scaleX(1)}}.sm-subheading{font-size:var(--sm-subheading-size);color:var(--sm-subheading-color);font-weight:400;margin:0;line-height:1.6}.sm-marquee-wrapper{display:flex;flex-direction:column;gap:30px}.sm-marquee{width:100%;overflow:hidden;position:relative;opacity:1;-webkit-mask-image:linear-gradient(to right,#0000,#000 12.5% 87.5%,#0000);mask-image:linear-gradient(to right,#0000,#000 12.5% 87.5%,#0000)}.sm-marquee__track{display:flex;align-items:flex-start;gap:20px;width:max-content}.sm-marquee--left .sm-marquee__track{animation:marqueeLeft var(--sm-animation-speed) linear infinite}.sm-marquee--right .sm-marquee__track{animation:marqueeRight var(--sm-animation-speed) linear infinite}@keyframes marqueeLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.sm-marquee[data-pause-hover]:hover .sm-marquee__track{animation-play-state:paused}.sm-skill{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:140px;padding:10px 15px;text-align:center;flex-shrink:0}.sm-skill__icon{width:var(--sm-icon-size);height:var(--sm-icon-size);display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.sm-skill:hover .sm-skill__icon{transform:scale(1.1) translateY(-5px)}.sm-skill__icon img,.sm-skill__icon svg{width:100%;height:100%;object-fit:contain}.sm-skill__name{font-size:var(--sm-skill-text-size);color:var(--sm-skill-text-color);font-weight:500;line-height:1.4;max-width:130px}.sm-gradient{position:absolute;top:0;bottom:0;width:150px;pointer-events:none;z-index:10}.sm-gradient--left{left:0;background:linear-gradient(90deg,var(--sm-bg-color) 0%,transparent 100%)}.sm-gradient--right{right:0;background:linear-gradient(-90deg,var(--sm-bg-color) 0%,transparent 100%)}@media screen and (max-width: 991px){.sm-header{margin-bottom:40px}.sm-heading{font-size:calc(var(--sm-heading-size) * .8)}.sm-marquee-wrapper{gap:25px}.sm-skill{min-width:120px;padding:8px 12px}.sm-gradient{width:100px}}@media screen and (max-width: 767px){.skills-marquee-section{padding:var(--sm-padding-top-mobile, 50px) 0 var(--sm-padding-bottom-mobile, 50px);margin-top:var(--sm-margin-top-mobile, 0);margin-bottom:var(--sm-margin-bottom-mobile, 0)}.sm-header{margin-bottom:30px;padding:0 15px}.sm-heading{font-size:var(--sm-heading-size-mobile);margin-bottom:12px}.sm-heading__underline:after{height:3px;bottom:0}.sm-subheading{font-size:var(--sm-subheading-size-mobile)}.sm-marquee-wrapper{gap:20px}.sm-marquee__track{gap:15px}.sm-skill{min-width:100px;padding:6px 10px;gap:8px}.sm-skill__icon{width:var(--sm-icon-size-mobile);height:var(--sm-icon-size-mobile)}.sm-skill__name{font-size:var(--sm-skill-text-size-mobile);max-width:100px}.sm-gradient{width:60px}}@media screen and (max-width: 480px){.sm-heading{font-size:calc(var(--sm-heading-size-mobile) * .85)}.sm-skill{min-width:85px;padding:5px 8px}.sm-skill__name{font-size:11px;max-width:85px}.sm-gradient{width:40px}}@media screen and (min-width: 1400px){.sm-skill{min-width:160px;gap:5px}.sm-skill__name{max-width:130px}.sm-gradient{width:200px}}@media (prefers-reduced-motion: reduce){.sm-marquee--left .sm-marquee__track,.sm-marquee--right .sm-marquee__track{animation:none}.sm-heading__underline:after{animation:none;transform:scaleX(1)}.sm-skill:hover .sm-skill__icon{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/skills-marquee.css.map */