.ms-slider {display: inline-block; height: 1.5em; overflow: hidden; vertical-align: middle; mask-image: linear-gradient(transparent, white, white, white, transparent); mask-type: luminance; mask-mode: alpha;}
.ms-slider__words {display: inline-block; margin: 0; padding: 0; list-style: none; animation-name: wordSlider; animation-timing-function: ease-out; animation-iteration-count: infinite; animation-duration: 7s;}
.ms-slider__word {display: block; line-height: 1.3em; text-align: left;} 
.underlined {padding: 0 0.2em; margin: 0 -0.2em; white-space: nowrap; transform-style: preserve-3d; position: relative;}
.underlined:before {-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 0 .3em; mask-size: 0 .3em; content: ""; display: block; width: 0; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20preserveAspectRatio%3D%22none%22%20height%3D%2216%22%20viewBox%3D%220%200%20100%2016%22%20width%3D%22100%25%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m54.634.136885c-1.919.069614-5.0237.176001-6.8991.23647-1.8755.06047-3.9809.132051-4.6788.158991-.6978.02704-3.5884.137262-6.4234.245026-2.835.107763-6.0467.238238-7.137.289958-4.7362.22457-6.2459.30087-6.7159.33971-.2753.02271-1.1429.09075-1.9279.15112-1.7385.13382-3.983.35034-5.789.55839-.7415.08535-1.8342.20983-2.4284.27649-.5941.06666-1.1614.17158-1.2609.23322-.0992.06156-.454.112-.7882.112-.3394%200-.6417.05427-.68484.1229-.04235.06765-.3521.1292-.68818.13687-.33607.00767-.78349.08397-.99411.16951-.21063.08564-.7015.16892-1.09103.18515-.84011.035-1.12321.12625-1.00141.3228.0663.10707-.03314.14434-.38492.14434-.50816%200-.7835.28356-.46645.48011.24377.15113-.18176.22428-.74828.12861-.69214-.1169-.70689-.31375-.02348-.31375.31245%200%20.56827-.04896.56827-.10884s-.10975-.0827-.24393-.05084c-.13798.03284-.28263-.00442-.33306-.08603-.06376-.10285-.16733-.11809-.36304-.0531-.15067.04995-.69658.0824-1.2133.07197-.74289-.01504-.9394.0119-.9394.12852%200%20.10442.13243.13785.45391.11445.32435-.0237.43346.00442.38192.09832-.03949.07227-.24377.13402-.45392.13736-.60491.00944-1.571427.15604-1.571427.23844%200%20.08839.799357.19802%201.443597.19802.51625%200%201.00474.36351.84201.62653-.05535.08937-.02014.2228.07835.29634.1732.1293.08692.45318-.12085.45417-.05615.00029-.31609.10697-.57779.23706l-.4758.23666.38445.25447c.27501.1821.31799.25456.15067.25456-.12863%200-.3015-.04051-.38445-.09006-.09183-.05497-.22205-.0414-.3337.0348-.14036.09597-.09992.18947.17399.40244l.35685.27748.55511-.21268c.3053-.11701.60316-.18288.662-.1465.24346.15093%201.71591.21228%201.79236.07472.0314-.05634-.04679-.18908-.17351-.29497-.20095-.16814-.27406-.1761-.57255-.06303-.50198.19026-.57176.06362-.07597-.13775.41252-.16754.43013-.16568.80681.08613.48659.32536.48421.46911-.01285.75858-.25694.14955-.36558.29507-.30658.4104.06709.13087.00888.17866-.21697.17866-.1697%200-.58492.07423-.92274.16508-.59539.16008-.70895.18141-1.12956.21327-.10896.00816-.19826.06431-.19826.12478%200%20.0643.16558.09016.40031.06233.22014-.02615.44155-.00609.49183.04435.05043.05054.19127.06814.31324.03913.12196-.029.36748-.01927.54559.02153.32037.07345.3199.0765-.03949.27689-.52101.29055-1.62694.54058-1.83122.41394-.11182-.06932-.35559-.03805-.77509.09961-.33655.11051-.748758.22661-.915924.25811-.230448.0434-.259631.0848-.120379.1712.271368.1682%201.705763.126%202.173323-.0639.41934-.1703.70942-.1357.70942.0848%200%20.1872-.42473.3778-.91989.4128-1.36445.0965-1.622811.1247-1.808851.1969-.112924.044-.329732.0672-.481673.0516-.1773164-.018-.2469436.0195-.1941292.1048.1032502.1667.9327332.2119%201.3500232.0734.24789-.0822.33544-.0708.41268.054.05376.0871.02268.205-.06931.262-.25884.1605-.04156.3747.38001.3747.23156%200%20.37953.0576.37953.1475%200%20.1841.06122.1838.64519-.0034.42664-.1368.47978-.1362.56828.0066.0536.0867.02315.2541-.06773.3721-.09103.1181-.20697.2949-.25788.3929-.05091.0982-.16796.1495-.25995.1142-.11483-.044-.10738-.1091.02379-.207.13449-.1005.14147-.1738.02363-.2469-.16336-.1013-.33877-.019-.96097.4506-.26645.2011-.09183.3752.29897.2982.16986-.0335.30388-.0135.30388.0452%200%20.0577-.08914.1117-.19826.1199-.10895.0082-.27517.02-.36922.0262-.09405.0061-.41046.1362-.70324.2889-.45773.2387-.50594.3037-.34448.4641.10325.1025.18778.2728.18778.3785%200%20.2246.1862.3104.85851.3957.60871.0772.63409.3033.05345.4759-.30753.0914-.43615.2037-.43615.381%200%20.233.03965.2468.54384.1881.90435-.1051%203.65054-.1676%206.75184-.1533%2013.17668.0605%2019.52958-.0057%2019.92148-.2074.1639-.0842.2765-.085.4357-.0031.1446.0744.8817.0962%202.2601.0667%201.8894-.0404%205.5958-.08%2019.0157-.2034%205.7839-.0532%2012.0155-.1544%2012.133-.197.0436-.016%201.8279-.0563%203.9651-.0899%202.1371-.0335%204.7065-.0808%205.7096-.1051%201.9423-.047%205.2369-.1183%209.1197-.1973%206.1573-.1252%207.6273-.1624%209.9771-.2524%202.6044-.0996%205.8492-.3314%206.1265-.4375.4284-.1642.7568-.8292.8488-1.7186.0532-.5138.1647-1.3544.2479-1.8682.0833-.5137.2638-2.06234.4011-3.44134.1374-1.379.3245-2.83912.4159-3.24471.4057-1.8018.3007-2.25261-.5726-2.4585-.3957-.09322-4.473-.30412-6.7391-.34847-.8287-.01622-2.6844-.07659-4.1237-.134015-5.02-.200582-13.07-.424369-19.8661-.552289-1.6365-.030776-3.2066-.074724-3.4893-.097535-.2827-.02291-1.5725-.046214-2.8659-.051818-1.9657-.008456-2.3376-.033137-2.2651-.150242.1048-.1693143-.2506-.1685266-5.2165.011604zm4.6391.014355c-.1525.024778-.4025.024778-.5551%200-.1525-.02468-.0277-.044934.2776-.044934s.4301.020254.2775.044934zm-42.9414%202.03571c0%20.02124-.1107.06499-.2461.09724-.1412.03353-.2048.01702-.1493-.03864.0931-.0935.3954-.13824.3954-.0586zm-3.491%201.38579c.1705.12733.1321.13244-.2977.03952-.5616-.12133-.6293-.18573-.1957-.18573.1637%200%20.3857.06578.4934.14621zm-3.49065.59358c-.11039.0824-.2333.12959-.27327.10491-.10991-.06823.11356-.25475.30515-.25475.10531%200%20.09326.05643-.03188.14984zm-.27533.552c.08834.03451.10674.11671.04108.18258-.16749.16804-.39699-.07167-.37621-.3928.01332-.20344.02966-.21189.09532-.04916.04362.10815.15147.22486.23981.25938zm-4.35267.30225c.03235.10363-.10658.16607-.43616.19605-.53734.04887-.63107-.07679-.20618-.27648.3337-.15673.57763-.12625.64234.08043zm3.6461.21503c-.11245.07571-.2295.12291-.25995.10491-.09405-.05545.14433-.24246.30895-.24246.08565%200%20.0636.06194-.049.13755zm-7.06096.61886c.15432.02497.36843.0233.47581-.00364.10737-.02694-.01888-.0473-.28057-.04533s-.34956.02399-.19524.04897zm6.93122.223c.12831.05034.19444.11553.14702.14493-.04742.02949-.22378-.01102-.3919-.08987-.33433-.15683-.13117-.20255.24488-.05506zm.63901.39713c0%20.05408-.07566.09832-.16796.09832-.09231%200-.12387-.04424-.06995-.09832.05393-.05408.12942-.09833.16796-.09833s.06995.04425.06995.09833zm.79301.68827c0%20.05408-.07566.09832-.16797.09832-.0923%200-.12386-.04424-.06994-.09832.05393-.05408.12942-.09832.16796-.09832s.06995.04424.06995.09832zm.95157%201.61183c0%20.02124-.107.06411-.2379.09528-.1308.03107-.2379.01367-.2379-.03864%200-.05241.1071-.09528.2379-.09528.1309%200%20.2379.01741.2379.03864zm-9.641686.1996c-.226007.07847-.196825.10403.191596.16843.45375.07522%201.04423-.03893%201.04423-.20196%200-.10923-.8942-.08495-1.235826.03353zm-.821399.15123c-.1283087.05034-.1920663.117-.1416309.14827.1249779.07748.6128369-.04592.6128369-.15496%200-.11209-.17462-.10963-.471206.00669zm4.753455%201.22708c0%20.0239-.07137.0707-.1586.1041-.08723.0335-.1586.0139-.1586-.0433%200-.0573.07137-.1042.1586-.1042s.1586.0195.1586.0434zm1.80203%201.6773c.06915.1119-.02966.1475-.40998.1475-.4747%200-.48485-.0076-.19318-.1443.39286-.1843.49072-.1848.60316-.0032zm-5.4348%201.0266c-.15765.0605-.16209.097-.01824.1521.1042.04.26074.0284.34797-.0257.20666-.1281-.05916-.23-.32973-.1264zm4.74298.0058c0%20.0541-.07137.0984-.1586.0984s-.1586-.0443-.1586-.0984c0-.054.07137-.0983.1586-.0983s.1586.0443.1586.0983zm6.36442%202.0403c.2012.1592.1938.1612-.0996.0278-.1745-.0794-.3469-.1567-.3834-.1721-.0363-.0153.0086-.0278.0996-.0278.0911%200%20.2636.0775.3834.1721z%22%20fill%3D%22%238cf09b%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); mask-image: url(data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20preserveAspectRatio%3D%22none%22%20height%3D%2216%22%20viewBox%3D%220%200%20100%2016%22%20width%3D%22100%25%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m54.634.136885c-1.919.069614-5.0237.176001-6.8991.23647-1.8755.06047-3.9809.132051-4.6788.158991-.6978.02704-3.5884.137262-6.4234.245026-2.835.107763-6.0467.238238-7.137.289958-4.7362.22457-6.2459.30087-6.7159.33971-.2753.02271-1.1429.09075-1.9279.15112-1.7385.13382-3.983.35034-5.789.55839-.7415.08535-1.8342.20983-2.4284.27649-.5941.06666-1.1614.17158-1.2609.23322-.0992.06156-.454.112-.7882.112-.3394%200-.6417.05427-.68484.1229-.04235.06765-.3521.1292-.68818.13687-.33607.00767-.78349.08397-.99411.16951-.21063.08564-.7015.16892-1.09103.18515-.84011.035-1.12321.12625-1.00141.3228.0663.10707-.03314.14434-.38492.14434-.50816%200-.7835.28356-.46645.48011.24377.15113-.18176.22428-.74828.12861-.69214-.1169-.70689-.31375-.02348-.31375.31245%200%20.56827-.04896.56827-.10884s-.10975-.0827-.24393-.05084c-.13798.03284-.28263-.00442-.33306-.08603-.06376-.10285-.16733-.11809-.36304-.0531-.15067.04995-.69658.0824-1.2133.07197-.74289-.01504-.9394.0119-.9394.12852%200%20.10442.13243.13785.45391.11445.32435-.0237.43346.00442.38192.09832-.03949.07227-.24377.13402-.45392.13736-.60491.00944-1.571427.15604-1.571427.23844%200%20.08839.799357.19802%201.443597.19802.51625%200%201.00474.36351.84201.62653-.05535.08937-.02014.2228.07835.29634.1732.1293.08692.45318-.12085.45417-.05615.00029-.31609.10697-.57779.23706l-.4758.23666.38445.25447c.27501.1821.31799.25456.15067.25456-.12863%200-.3015-.04051-.38445-.09006-.09183-.05497-.22205-.0414-.3337.0348-.14036.09597-.09992.18947.17399.40244l.35685.27748.55511-.21268c.3053-.11701.60316-.18288.662-.1465.24346.15093%201.71591.21228%201.79236.07472.0314-.05634-.04679-.18908-.17351-.29497-.20095-.16814-.27406-.1761-.57255-.06303-.50198.19026-.57176.06362-.07597-.13775.41252-.16754.43013-.16568.80681.08613.48659.32536.48421.46911-.01285.75858-.25694.14955-.36558.29507-.30658.4104.06709.13087.00888.17866-.21697.17866-.1697%200-.58492.07423-.92274.16508-.59539.16008-.70895.18141-1.12956.21327-.10896.00816-.19826.06431-.19826.12478%200%20.0643.16558.09016.40031.06233.22014-.02615.44155-.00609.49183.04435.05043.05054.19127.06814.31324.03913.12196-.029.36748-.01927.54559.02153.32037.07345.3199.0765-.03949.27689-.52101.29055-1.62694.54058-1.83122.41394-.11182-.06932-.35559-.03805-.77509.09961-.33655.11051-.748758.22661-.915924.25811-.230448.0434-.259631.0848-.120379.1712.271368.1682%201.705763.126%202.173323-.0639.41934-.1703.70942-.1357.70942.0848%200%20.1872-.42473.3778-.91989.4128-1.36445.0965-1.622811.1247-1.808851.1969-.112924.044-.329732.0672-.481673.0516-.1773164-.018-.2469436.0195-.1941292.1048.1032502.1667.9327332.2119%201.3500232.0734.24789-.0822.33544-.0708.41268.054.05376.0871.02268.205-.06931.262-.25884.1605-.04156.3747.38001.3747.23156%200%20.37953.0576.37953.1475%200%20.1841.06122.1838.64519-.0034.42664-.1368.47978-.1362.56828.0066.0536.0867.02315.2541-.06773.3721-.09103.1181-.20697.2949-.25788.3929-.05091.0982-.16796.1495-.25995.1142-.11483-.044-.10738-.1091.02379-.207.13449-.1005.14147-.1738.02363-.2469-.16336-.1013-.33877-.019-.96097.4506-.26645.2011-.09183.3752.29897.2982.16986-.0335.30388-.0135.30388.0452%200%20.0577-.08914.1117-.19826.1199-.10895.0082-.27517.02-.36922.0262-.09405.0061-.41046.1362-.70324.2889-.45773.2387-.50594.3037-.34448.4641.10325.1025.18778.2728.18778.3785%200%20.2246.1862.3104.85851.3957.60871.0772.63409.3033.05345.4759-.30753.0914-.43615.2037-.43615.381%200%20.233.03965.2468.54384.1881.90435-.1051%203.65054-.1676%206.75184-.1533%2013.17668.0605%2019.52958-.0057%2019.92148-.2074.1639-.0842.2765-.085.4357-.0031.1446.0744.8817.0962%202.2601.0667%201.8894-.0404%205.5958-.08%2019.0157-.2034%205.7839-.0532%2012.0155-.1544%2012.133-.197.0436-.016%201.8279-.0563%203.9651-.0899%202.1371-.0335%204.7065-.0808%205.7096-.1051%201.9423-.047%205.2369-.1183%209.1197-.1973%206.1573-.1252%207.6273-.1624%209.9771-.2524%202.6044-.0996%205.8492-.3314%206.1265-.4375.4284-.1642.7568-.8292.8488-1.7186.0532-.5138.1647-1.3544.2479-1.8682.0833-.5137.2638-2.06234.4011-3.44134.1374-1.379.3245-2.83912.4159-3.24471.4057-1.8018.3007-2.25261-.5726-2.4585-.3957-.09322-4.473-.30412-6.7391-.34847-.8287-.01622-2.6844-.07659-4.1237-.134015-5.02-.200582-13.07-.424369-19.8661-.552289-1.6365-.030776-3.2066-.074724-3.4893-.097535-.2827-.02291-1.5725-.046214-2.8659-.051818-1.9657-.008456-2.3376-.033137-2.2651-.150242.1048-.1693143-.2506-.1685266-5.2165.011604zm4.6391.014355c-.1525.024778-.4025.024778-.5551%200-.1525-.02468-.0277-.044934.2776-.044934s.4301.020254.2775.044934zm-42.9414%202.03571c0%20.02124-.1107.06499-.2461.09724-.1412.03353-.2048.01702-.1493-.03864.0931-.0935.3954-.13824.3954-.0586zm-3.491%201.38579c.1705.12733.1321.13244-.2977.03952-.5616-.12133-.6293-.18573-.1957-.18573.1637%200%20.3857.06578.4934.14621zm-3.49065.59358c-.11039.0824-.2333.12959-.27327.10491-.10991-.06823.11356-.25475.30515-.25475.10531%200%20.09326.05643-.03188.14984zm-.27533.552c.08834.03451.10674.11671.04108.18258-.16749.16804-.39699-.07167-.37621-.3928.01332-.20344.02966-.21189.09532-.04916.04362.10815.15147.22486.23981.25938zm-4.35267.30225c.03235.10363-.10658.16607-.43616.19605-.53734.04887-.63107-.07679-.20618-.27648.3337-.15673.57763-.12625.64234.08043zm3.6461.21503c-.11245.07571-.2295.12291-.25995.10491-.09405-.05545.14433-.24246.30895-.24246.08565%200%20.0636.06194-.049.13755zm-7.06096.61886c.15432.02497.36843.0233.47581-.00364.10737-.02694-.01888-.0473-.28057-.04533s-.34956.02399-.19524.04897zm6.93122.223c.12831.05034.19444.11553.14702.14493-.04742.02949-.22378-.01102-.3919-.08987-.33433-.15683-.13117-.20255.24488-.05506zm.63901.39713c0%20.05408-.07566.09832-.16796.09832-.09231%200-.12387-.04424-.06995-.09832.05393-.05408.12942-.09833.16796-.09833s.06995.04425.06995.09833zm.79301.68827c0%20.05408-.07566.09832-.16797.09832-.0923%200-.12386-.04424-.06994-.09832.05393-.05408.12942-.09832.16796-.09832s.06995.04424.06995.09832zm.95157%201.61183c0%20.02124-.107.06411-.2379.09528-.1308.03107-.2379.01367-.2379-.03864%200-.05241.1071-.09528.2379-.09528.1309%200%20.2379.01741.2379.03864zm-9.641686.1996c-.226007.07847-.196825.10403.191596.16843.45375.07522%201.04423-.03893%201.04423-.20196%200-.10923-.8942-.08495-1.235826.03353zm-.821399.15123c-.1283087.05034-.1920663.117-.1416309.14827.1249779.07748.6128369-.04592.6128369-.15496%200-.11209-.17462-.10963-.471206.00669zm4.753455%201.22708c0%20.0239-.07137.0707-.1586.1041-.08723.0335-.1586.0139-.1586-.0433%200-.0573.07137-.1042.1586-.1042s.1586.0195.1586.0434zm1.80203%201.6773c.06915.1119-.02966.1475-.40998.1475-.4747%200-.48485-.0076-.19318-.1443.39286-.1843.49072-.1848.60316-.0032zm-5.4348%201.0266c-.15765.0605-.16209.097-.01824.1521.1042.04.26074.0284.34797-.0257.20666-.1281-.05916-.23-.32973-.1264zm4.74298.0058c0%20.0541-.07137.0984-.1586.0984s-.1586-.0443-.1586-.0984c0-.054.07137-.0983.1586-.0983s.1586.0443.1586.0983zm6.36442%202.0403c.2012.1592.1938.1612-.0996.0278-.1745-.0794-.3469-.1567-.3834-.1721-.0363-.0153.0086-.0278.0996-.0278.0911%200%20.2636.0775.3834.1721z%22%20fill%3D%22%238cf09b%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); -webkit-mask-position: left bottom;} 
.underlined-color-blue:before {background-color: var(--main-color); background-image: linear-gradient(132deg, var(--main-color), var(--alt-color));}
.underlined.highlight-animation:before {animation-duration: .5s; animation-iteration-count: 1; animation-timing-function: linear; animation-delay: 1s; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: highlight;}


.intro-icon-boxes .text-box-item-content {text-align: center;}
.intro-icon-boxes .text-box-item-content lord-icon {margin: 0 auto; width: 100px; height: 100px;}
.intro-icon-boxes h3 {text-transform: uppercase; font-size: 24px;}

.job-slider {background: #0000000d; box-shadow: rgb(28 28 28 / 25%) 0px 30px 60px -12px inset, rgba(28, 28, 28, 0.3) 0px 30px 60px -12px inset;}
.job-slider .carousel {position: relative; width: 100%; height: 136px; overflow: hidden; -webkit-mask-image: linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%);}
.job-slider .carousel .carousel-item {position: absolute; font-size: 2rem; width: 100%; height: 100%; cursor: grab; padding: 20px 0; display: flex; justify-content: center; align-items: center; 
    transition: initial;}
.job-slider .slide {width: auto; padding: 0 40px; white-space: nowrap; text-align: center; height: auto; color: #fff; font-size: 24px; line-height: inherit;}


.testimonials {padding-top: 20px; z-index: 1; margin-bottom: 70vh;}
.testimonials .sticky-card {height: auto; will-change: transform, opacity;}
.testimonials .card-content > div {min-height: 50vh;}
.testimonials .card-content img, .testimonials-slide .card-content img {max-width: 150px; filter: brightness(.5) invert(.5); margin-left: 16px; width: auto; height: auto;}
.testimonials #card_4 .card-content img {max-width: 80px;}
.testimonial-link {font-size: 19px;}
.testimonials .title-dot {position: relative;}
.testimonials .title-dot:before {position: absolute; content: '?'; bottom: 32px; left: 0; display: inline-block; width: 50px; height: 44px; overflow: hidden; font-size: 60px; color: #fff; transform: rotate(13deg);}

.brands .row {border-color: var(--border-light-color)!important;}
.brands .figure-logo {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 260px; padding: 0 30px; cursor: pointer;}
.brands :is(.figure-logo:nth-of-type(1), .figure-logo:nth-of-type(2), .figure-logo:nth-of-type(3)) {
    border-right: 1px solid var(--border-light-color);
    -webkit-transition: border 0.4s ease; -moz-transition: border 0.4s ease; -ms-transition: border 0.4s ease;
    -o-transition: border 0.4s ease; transition: border 0.4s ease;}
.brands .figure-logo img {max-width: 100%; max-height: 50px; filter: grayscale(1) brightness(0) invert(.6); transition: all .4s ease-in-out; height: auto; width: auto;}
.brands .figure-logo.modellina-logo img {height: 80px; max-height: 80px; width: auto;}
.brands .figure-logo p {text-align: center; height: 0; transition: all .5s; overflow: hidden; transform: translate(0); font-family:Suisse,sans-serif; opacity: .7; font-size: 15px; font-weight: 300;}
.brands .figure-logo:hover p {height: 10rem; padding-top: 1.5rem; margin-bottom: 0;}
.brands .figure-logo:hover img {filter: grayscale(1) brightness(0) invert(.8);}
.brands .figure-logo p > span {padding-top: 8px; font-size: 15px; opacity: 1; color: var(--main-color);}


.badge {display: inline-block; border-radius: 50%; padding: 5px; margin: 10px; border: 4px double var(--main-color); position: absolute!important; background: #292929; top: 4%; right: 8%; z-index: 99; 
    will-change: transform; -webkit-transition: background ease .2s, border ease .4s; -moz-transition: background ease .2s, border ease .4s; -ms-transition: background ease .2s, border ease .4s; 
    -o-transition: background ease .2s, border ease .4s; transition: background ease .2s, border ease .4s;}
.badge:before {content: ""; position: absolute; width: 60%; height: 60%; border: 1px dashed #777; border-radius: 50%; top: 20%; left: 20%; z-index: -1; background: #2b2b2b; 
            -webkit-transition: background ease .2s, border ease .4s; -moz-transition: background ease .2s, border ease .4s; -ms-transition: background ease .2s, border ease .4s; 
            -o-transition: background ease .2s, border ease .4s; transition: background ease .2s, border ease .4s;} 
.badge:after {content: ""; width: 110%; height: 110%; position: absolute; border-radius: 50%; top: -5%; left: -5%; z-index: -999; border: 2px dotted #fff; animation: spin 60s linear reverse infinite; 
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.03), 0 4px 8px rgba(0, 0, 0, 0.03), 0 8px 16px rgba(0, 0, 0, 0.03), 0 16px 32px rgba(0, 0, 0, 0.03), 0 32px 64px rgba(0, 0, 0, 0.03);
 				  -webkit-transition: border ease .4s; -moz-transition: border ease .4s; -ms-transition: border ease .4s; -o-transition: border ease .4s; transition: border ease .4s;} 
.badge svg {transform: rotate(7deg); width: 100px; height: 100px;}
.badge .circleText {position: relative; transform-origin: 150px 150px; animation: spin 60s linear infinite;}
.badge-title {fill: #fff; font-size: 60px; font-weight: 700; -webkit-transition: fill ease .4s; -moz-transition: fill ease .4s; -ms-transition: fill ease .4s; -o-transition: fill ease .4s; transition: fill ease .4s;}
.badge-border {fill: var(--main-color); font-size: 27px; font-weight: 500; -webkit-transition: fill ease .4s; -moz-transition: fill ease .4s; -ms-transition: fill ease .4s; -o-transition: fill ease .4s; transition: fill ease .4s;}
.badge-logo {position: absolute; display: block; transform: translateX(-50%) translateY(-50%) rotate(14deg); width: 36px; max-height: 36px;}
                                                                    
                                                                    
.portfolio .portfolio-items {height: 100vh; width: 95%; margin: auto; position: relative; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 500vh;}
.portfolio .portfolio-item {position: absolute; width: 100%; background: #1d252feb; display: flex; justify-content: center; align-items: center; top: 20px; height: calc(100vh - 40px);
    box-shadow: 0 0 40px #000; border-radius: 32px; border-right: 2px solid #000; background-image: url(../img/bg/about-me-back6.avif); background-repeat: no-repeat; background-size: cover;}
.portfolio .portfolio-item-content {background: linear-gradient(45deg, var(--dark-color), #2496b95e); height: 100%; display: flex; flex-direction: column; justify-content: center; border-radius: 32px; width: 100%;}
.portfolio .portfolio-item h2 {text-align: center; font-size: 2.4rem;}
.portfolio .portfolio-item-content h3 {font-size: 1.6em; font-weight: 600; color: #ffffff30; margin-bottom: auto; text-align: center; margin-top: 60px!important;}
.portfolio .portfolio-item-content h3 > span {font-size: 1.2rem; margin-right: 30px; display: inline-flex; position: relative;}
.portfolio .portfolio-item-content h3 > span:before {content: '';  width: 20px; height: 20px; right: -26px; position: absolute; top: calc(50% - 10px); opacity: 0.35; background: url(../img/crticaZ.svg) no-repeat center;}
.portfolio .portfolio-item-content img {max-width: 400px;}

.portfolio .portfolio-item .animate-border {position: relative; padding-top: 20px; padding-left: 40px; overflow: hidden; z-index: 2;}
.portfolio .portfolio-item .animate-border:before, .portfolio-item .animate-border:after {content: ''; width: 1px; height: 0; background: #ffffff57; position: absolute;
    left: 0; top: 0; -webkit-transition: all .7s; transition: all .7s;}
.portfolio .portfolio-item .animate-border:before {opacity: .1; height: 100%;}
.portfolio .portfolio-item:hover .animate-border:after {height: 100%; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}

.portfolio .animate-border > ul > li {position: relative; font-size: 22px; padding: 10px 0; line-height: 1.2;}
.portfolio .animate-border ul > li span {display: block; font-size: 19px; color: #ffffff80; font-weight: 300;}
.portfolio .animate-border > ul > li:before	{content: ''; left: -39px; top: 20px; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 14px 0 15px 11.2px;
    border-color: transparent transparent transparent var(--main-color); transform: rotate(0deg); transform: translateX(-14px); opacity: 0; transition: transform .45s ease-out .3s, opacity .6s ease-out  .3s;}
.portfolio .animate-border > ul > li .underlined {font-size: 18px;}
.portfolio .animate-border > ul > li:hover:before {transform: translateX(0); opacity: 1;  transition: transform .25s ease-out, opacity .4s ease-out;}
.portfolio .portfolio-client {position: absolute; bottom: 0; right: 138px; max-width: 150px; width: 150px; background-color: rgba(255,255,255,.47); border-radius: 50%;
    aspect-ratio: 1/1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center;
    -ms-flex-pack: center; justify-content: center; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.portfolio .portfolio-client img {position: relative!important; max-width: 95%!important; width: 100%; height: auto; z-index: 2; filter: brightness(0) invert(.2);}

.portfolio .color-palette span, .portfolio-item .color-palette span {display: inline-flex; width: 34px; height: 34px; border-radius: 50%; box-shadow: 2px 2px 6px 0px #000; margin-right: 16px;}
.homepage .portfolio-item .color-palette svg {display: none;}
.portfolio-stolice .color-palette li:nth-child(3) span {background: #ee1c25;}
.portfolio-stolice .color-palette li:nth-child(4) span {background: #e1e9ef;}
.portfolio-stolice .color-palette li:nth-child(1) span {background: #231F20;}
.portfolio-stolice .color-palette li:nth-child(2) span {background: #AA0000;}

.portfolio-aquarius .color-palette li:nth-child(1) span {background: #2dbef5;}
.portfolio-aquarius .color-palette li:nth-child(2) span {background: #003777;}

.portfolio-lira .color-palette li:nth-child(3) span {background: #AE841F;}
.portfolio-lira .color-palette li:nth-child(2) span {background: #007CBA;}
.portfolio-lira .color-palette li:nth-child(1) span {background: #1f566e;}
.portfolio-lira .color-palette li:nth-child(4) span {background: #c8b690;}

.portfolio-garden .color-palette li:nth-child(2) span {background: #35973f;}
.portfolio-garden .color-palette li:nth-child(3) span {background: #2a6e44;}
.portfolio-garden .color-palette li:nth-child(1) span {background: #6cb238;}

.portfolio-zero .color-palette li:nth-child(1) span {background: #52b9b6;}
.portfolio-zero .color-palette li:nth-child(4) span {background: #062b3d;}
.portfolio-zero .color-palette li:nth-child(2) span {background: #539f9b;}
.portfolio-zero .color-palette li:nth-child(3) span {background: #427f86;}

.portfolio .portfolio-img-right .animate-border {text-align: left;}
.portfolio-item.portfolio-img-right .animate-border:after, .portfolio-item.portfolio-img-right .animate-border:before {left: auto; right: 0;}
.portfolio .portfolio-img-right .animate-border > ul > li:before {right: -39px; left: auto; border-width: 14px 11.2px 15px 0; border-color: transparent var(--main-color) transparent transparent;
	transform: translateX(14px);}
.portfolio .portfolio-progress .img-wrap {aspect-ratio: 2 / 1; display: flex; align-items: center; justify-content: center; padding: 16px;}
.portfolio .portfolio-progress img {width: 100%; filter: grayscale(1) brightness(0) invert(.6);}
.portfolio .portfolio-progress .portfolio-progress-item-first {border-right: 1px solid var(--border-light-color);}

.color-palette li.color-ffffff [aria-label][data-cooltipz-dir]:after, .color-palette li.color-e9e9e9 [aria-label][data-cooltipz-dir]:after, 
    .color-palette li.color-f1eef5 [aria-label][data-cooltipz-dir]:after{color: var(--main-color);}

.work-animation img {width: 70px; height: auto;}

.faq {padding-top: 100px; position: relative; z-index: -1;}

.logo-move { background-image: linear-gradient(180deg, var(--dark-color), transparent); } .logo-move .landing-wrapper { width: 99.9%; height: 140px; padding: 0; position: relative; overflow: hidden; cursor: pointer; } .logo-move .landing-inner-content { width: 1000px; height: 140px; display: grid; grid-auto-columns: 1fr; grid-column-gap: 0px; grid-template-columns: repeat(8, 1fr); } .logo-move .box-slide { position: relative; width: 24vw; display: flex; height: 140px; justify-content: center; align-items: center; border-style: solid; border-width: 1px; border-color: #22222b; overflow: hidden; } .logo-move .box-slide img { max-height: 60%; max-width: 60%; width: 50%; height: auto; filter: brightness(0.6) grayscale(1); transition: all 0.5s ease-out; } .logo-move .box-slide .bootstrap-logo { filter: brightness(0.9) grayscale(1); } .logo-move .box-slide:hover img { filter: brightness(1) grayscale(0); }

@media only screen and (min-width: 768px) {
    
    .work-animation img {width: 100px;}
    .badge-logo {width: 50px; max-height: 50px;}
    .sticky-element {top: 140px; right: 30px;}
    
    .portfolio .portfolio-items img {max-width: 70%; position: absolute; bottom: 0; left: 0; max-height: 80%; height: auto; width: auto; transition: .25s ease-in; pointer-events: none;}
    .portfolio .portfolio-img-right img {max-width: 70%; position: absolute; bottom: 0; left: auto; right: 0;}
    .portfolio .portfolio-item-content h3 {font-size: 4rem; margin-top: 0!important;}
    .portfolio .portfolio-item-content h3 > span {font-size: 2rem; margin-right: 40px;}
    .portfolio .portfolio-item-content h3 > span:before {width: 26px; height: 24px; right: -35px;}

    .portfolio .animate-border > ul > li {font-size: 26px; padding: 20px 0;}
    .portfolio .animate-border ul > li span {font-size: 20px;}
    .portfolio .color-palette span, .portfolio-item .color-palette span {width: 50px; height: 50px;}
    .portfolio .animate-border > ul > li .underlined {font-size: 21px;}
    
    .portfolio .portfolio-img-right .animate-border {text-align: right; padding-left: 0; padding-right: 40px;}
    .portfolio-img-right .color-palette span {margin-right: auto; margin-left: 16px;}
    
    .testimonials .sticky-card {height: var(--card-height);}
    .testimonials .card-content img, .testimonials-slide .card-content img {position: absolute; right: 20px; bottom: 40px; max-width: 200px; max-height: 70px; margin-left: auto;}
    .testimonial-link {font-size: 26px;}
    .testimonial-link {font-size: 20px;}
    
    .brands .figure-logo {height: 240px;}
    .brands .figure-logo p {font-size: 19px;}
    .brands .figure-logo p > span {font-size: 17px;}
    .brands .figure-logo:hover p {height: 8rem;}
    
    .logo-move .landing-wrapper {height: 280px;}
    .logo-move .landing-inner-content {width: 2620px; height: 280px;}
    
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .intro-icon-boxes h3 {font-size: 19px;}
    .job-slider .carousel .carousel-item {width: 33%!important;}
    .portfolio .portfolio-items img {right: 0; left: auto;}
    .portfolio .portfolio-img-right img {left: 0; right: auto;}
}


@media only screen and (min-width: 992px) {
    .portfolio .portfolio-item-content h3 {font-size: 8rem;}
    .portfolio .portfolio-item-content h3 > span {font-size: 4rem; margin-right: 60px;}
    .portfolio .portfolio-item-content h3 > span:before {width: 46px; right: -58px;}
    .badge svg {width: auto; height: auto;}
    
}



@media only screen and (max-width: 991px) {
    .portfolio .portfolio-item .animate-border {padding-left: 12px;}
    .portfolio .animate-border > ul > li {font-size: 17px;}
    .portfolio .sticky-element {margin-top: 200px!important;}
    .portfolio .portfolio-item {height: calc(100vh - 100px);}
    .portfolio .portfolio-item-content {justify-content: start;}
    .portfolio .animate-border > ul > li {padding: 8px 0;}
    .portfolio .portfolio-client {right: 10px; bottom: 10px; max-width: 100px; width: 100px;}
    .portfolio .portfolio-item .col-md-8.position-relative {position: unset !important;}
    .portfolio .color-palette span, .portfolio-item .color-palette span {width: 24px; height: 24px;}
}

@media only screen and (min-width: 1050px) {
    .portfolio .portfolio-item h2 {font-size: 4rem; font-weight: 300;}
    .portfolio .portfolio-item > div {width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); 
        -webkit-backface-visibility: hidden; backface-visibility: hidden;}
}




@media only screen and (max-width: 767px) {
    .designer-wrap img {max-width: 100%;}
    .job-slider .carousel .carousel-item {width: 50%!important;}
    .testimonials .text-box-item {padding: 1.5rem 1rem;}
    .testimonials .card-content svg {top: 20px; left: 30px;}
    .testimonials .title-dot {line-height: inherit;}
    .testimonials .title-dot:before  {bottom: 23px; width: 21px; height: 23px; font-size: 32px;}
    .testimonials .card-content p {font-size: 17px;}
    .testimonials #card_2 .card-content p {font-size: 16px;}
    .brands .figure-logo.xs-border {border-top: 1px solid var(--border-light-color);}
    .brands .figure-logo p {line-height: 1.4em; display: flex; flex-direction: column; justify-content: center;}
    .brands .figure-logo:hover p {padding-top: 0.5rem;}
    .badge {background: #292929d4;}
    
    .faq .accordion-item.active:after {background-color: #00000080;}

}