@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.common_btn{font-weight:500;font-size:14px;line-height:20px;text-align:center;letter-spacing:.1px;border-radius:100px;-o-border-radius:100px;-ms-border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;-khtml-border-radius:100px;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-khtml-box-sizing:border-box;-webkit-box-sizing:border-box;padding:10px 24px;text-decoration:none;cursor:pointer;text-transform:capitalize}.common_lg_btn{font-weight:500;font-size:16px;line-height:24px;text-align:center;letter-spacing:.1px;border-radius:100px;-o-border-radius:100px;-ms-border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;-khtml-border-radius:100px;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-khtml-box-sizing:border-box;-webkit-box-sizing:border-box;padding:14px 24px;text-decoration:none;cursor:pointer;text-transform:capitalize}.common_btn:focus,.common_btn:hover,.common_lg_btn:hover{box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;outline:0!important;color:#fff;text-decoration:none}.common_sm_btn{font-weight:500;font-size:14px;line-height:20px;text-align:center;letter-spacing:.1px;border-radius:100px;-o-border-radius:100px;-ms-border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;-khtml-border-radius:100px;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-khtml-box-sizing:border-box;-webkit-box-sizing:border-box;padding:10px 20px;text-decoration:none;cursor:pointer;text-transform:capitalize}.common_btn:focus,.common_btn:hover,.common_sm_btn:hover{box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;outline:0!important;color:#fff;text-decoration:none}.text_lg_btn{font-weight:500;font-size:16px;line-height:24px;text-align:center;letter-spacing:.1px;border-radius:100px;color:#034bb8;-o-border-radius:100px;-ms-border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;-khtml-border-radius:100px;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-khtml-box-sizing:border-box;-webkit-box-sizing:border-box;padding:14px 16px;text-decoration:none;cursor:pointer;text-transform:capitalize;text-decoration:none;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}.text_lg_btn:hover{box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;outline:0!important;color:#034bb8;background-color:#afbeff;text-decoration:none}.common_btn+.common_btn{margin-right:8px}.filled_btn{background:#034bb8;color:#fff;border:1px solid #034bb8}.filled_btn:focus,.filled_btn:hover{background:#034bb8;color:#fff}.outlined_btn{background:0 0;border:1px solid #857370!important;color:#c00000}.outlined_btn:focus{background:rgba(193,0,1,.12);color:#c00000;border:1px solid #c00001!important}.outlined_btn_blue{background:0 0;border:1px solid #e0e0e0!important;color:#034bbb!important;transition:all .3s ease;-webkit-transition:all .3s ease}.outlined_btn_blue:hover{background:#afbeff!important;color:#034bbb!important}.outlined_btn_blue:focus{background:rgba(3,75,187,.12);color:#034bbb!important;border:1px solid #034bbb!important}.text_btn{background:0 0;color:#034bb8;border:0;padding:0;text-decoration:none}.text_btn:focus,.text_btn:hover{color:#034bb8}.elevated_btn{background:#fcd0c6;border:1px solid #fcd0c6;color:#c00001}.elevated_btn:hover{background:#f9dedb;border:1px solid #f9dedb;color:#c00001}.elevated_btn:focus{background:#f7d4d2;color:#c00001}.tonal_btn{background:#ffdad4;border:1px solid #ffdad4;color:#2c1512}.tonal_btn:focus,.tonal_btn:hover{color:#2c1512;background:#edcbc6;border:1px solid #edcbc6}.disabled_btn{background:#ccc;border:1px solid #ccc;color:#fff}.disabled_btn:focus,.disabled_btn:hover{cursor:not-allowed}
.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:2px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.375rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn:active,.btn:focus,.btn:hover{text-decoration:none;outline:0;box-shadow:none}.btn-small{padding:8px 18px;cursor:pointer;font-size:14px;line-height:20px;font-weight:500;font-family:var(--font);border-radius:20px}.btn-primary-text{color:var(--primary);background-color:transparent;border-color:transparent}.btn-primary-text:hover{color:var(--primary-hover);background-color:var(--primary-op-8);border-color:var(--primary-op-8)}.btn-primary-text:focus{color:var(--primary-hover);background-color:var(--primary-op-12);border-color:var(--primary-op-12)}.btn-primary-text:active{color:var(--primary-hover);background-color:var(--primary-op-12);border-color:var(--primary-op-12)}.btn-primary-text.disabled,.btn-primary-text:disabled{color:var(--text-secondary);background-color:transparent;border-color:transparent}.btn-primary-filled{color:#fff;background-color:var(--primary);border-color:var(--primary)}.btn-primary-filled:hover{color:#fff;background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary-filled:focus{color:#fff;background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary-filled:active{color:#fff;background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary-filled.disabled,.btn-primary-filled:disabled{color:var(--text-secondary);background-color:#d3d3d3;border-color:#d3d3d3;opacity:.65}.btn-secondary-filled{color:#fff;background-color:var(--secondary);border-color:var(--secondary)}.btn-secondary-filled:hover{color:#fff;background-color:var(--secondary-hover);border-color:var(--secondary-hover)}.btn-secondary-filled:focus{color:#fff;background-color:var(--secondary-hover);border-color:var(--secondary-hover)}.btn-secondary-filled:active{color:#fff;background-color:var(--secondary-hover);border-color:var(--secondary-hover)}.btn-secondary-filled.disabled,.btn-secondary-filled:disabled{color:var(--text-secondary);background-color:#d3d3d3;border-color:#d3d3d3;opacity:.65}.btn-tertiary-filled{color:#fff;background-color:var(--tertiary);border-color:var(--tertiary)}.btn-tertiary-filled:hover{color:#fff;background-color:var(--tertiary-hover);border-color:var(--tertiary-hover)}.btn-tertiary-filled:focus{color:#fff;background-color:var(--tertiary-hover);border-color:var(--tertiary-hover)}.btn-tertiary-filled:active{color:#fff;background-color:var(--tertiary-hover);border-color:var(--tertiary-hover)}.btn-tertiary-filled.disabled,.btn-tertiary-filled:disabled{color:var(--text-secondary);background-color:#d3d3d3;border-color:#d3d3d3;opacity:.65}.btn-accent-yellow-filled{color:#fff;background-color:var(--accent-yellow);border-color:var(--accent-yellow)}.btn-accent-yellow-filled:hover{color:#fff;background-color:var(--accent-yellow-hover);border-color:var(--accent-yellow-hover)}.btn-accent-yellow-filled:focus{color:#fff;background-color:var(--accent-yellow-hover);border-color:var(--accent-yellow-hover)}.btn-accent-yellow-filled:active{color:#fff;background-color:var(--accent-yellow-hover);border-color:var(--accent-yellow-hover)}.btn-accent-yellow-filled.disabled,.btn-accent-yellow-filled:disabled{color:var(--text-secondary);background-color:#d3d3d3;border-color:#d3d3d3;opacity:.65}.btn-accent-green-filled{color:#fff;background-color:var(--accent-green);border-color:var(--accent-green)}.btn-accent-green-filled:hover{color:#fff;background-color:var(--accent-green-hover);border-color:var(--accent-green-hover)}.btn-accent-green-filled:focus{color:#fff;background-color:var(--accent-green-hover);border-color:var(--accent-green-hover)}.btn-accent-green-filled:active{color:#fff;background-color:var(--accent-green-hover);border-color:var(--accent-green-hover)}.btn-accent-green-filled.disabled,.btn-accent-green-filled:disabled{color:var(--text-secondary);background-color:#d3d3d3;border-color:#d3d3d3;opacity:.65}.btn-primary-outlined{color:var(--primary);background-color:transparent;border-color:var(--primary-200)}.btn-primary-outlined:hover{color:var(--primary);background-color:var(--primary-op-8);border-color:var(--primary)}.btn-primary-outlined:focus{color:var(--primary);background-color:var(--primary-op-12);border-color:var(--primary)}.btn-primary-outlined:active{color:var(--primary);background-color:var(--primary-op-12);border-color:var(--primary)}.btn-primary-outlined.disabled,.btn-primary-outlined:disabled{color:var(--text-secondary);background-color:transparent;border-color:var(--border);opacity:.65}.btn-secondary-outlined{color:var(--secondary);background-color:transparent;border-color:var(--secondary-200)}.btn-secondary-outlined:hover{color:var(--secondary);background-color:var(--secondary-op-8);border-color:var(--secondary)}.btn-secondary-outlined:focus{color:var(--secondary);background-color:var(--secondary-op-12);border-color:var(--secondary)}.btn-secondary-outlined:active{color:var(--secondary);background-color:var(--secondary-op-12);border-color:var(--secondary)}.btn-secondary-outlined.disabled,.btn-secondary-outlined:disabled{color:var(--text-secondary);background-color:#d3d3d3;border-color:#d3d3d3;opacity:.65}.btn-tertiary-outlined{color:#fff;background-color:transparent;border-color:var(--tertiary-200)}.btn-tertiary-outlined:hover{color:#fff;background-color:var(--tertiary-op-8);border-color:var(--tertiary)}.btn-tertiary-outlined:focus{color:#fff;background-color:var(--tertiary-op-12);border-color:var(--tertiary)}.btn-tertiary-outlined:active{color:#fff;background-color:var(--tertiary-op-12);border-color:var(--tertiary)}.btn-tertiary-outlined.disabled,.btn-tertiary-outlined:disabled{color:var(--text-secondary);background-color:transparent;border-color:#d3d3d3;opacity:.65}.btn-accent-yellow-outlined{color:#fff;background-color:transparent;border-color:var(--accent-yellow-200)}.btn-accent-yellow-outlined:hover{color:#fff;background-color:var(--accent-yellow-op-8);border-color:var(--accent-yellow)}.btn-accent-yellow-outlined:focus{color:#fff;background-color:var(--accent-yellow-op-12);border-color:var(--accent-yellow)}.btn-accent-yellow-outlined:active{color:#fff;background-color:var(--accent-yellow-op-12);border-color:var(--accent-yellow)}.btn-accent-yellow-outlined.disabled,.btn-accent-yellow-outlined:disabled{color:var(--text-secondary);background-color:transparent;border-color:#d3d3d3;opacity:.65}.btn-accent-green-outlined{color:var(--accent-green-600);background-color:transparent;border-color:var(--accent-green-200)}.btn-accent-green-outlined:hover{color:var(--accent-green-600);background-color:var(--accent-green-op-8);border-color:var(--accent-green)}.btn-accent-green-outlined:focus{color:var(--accent-green-600);background-color:var(--accent-green-op-12);border-color:var(--accent-green)}.btn-accent-green-outlined:active{color:var(--accent-green-600);background-color:var(--accent-green-op-12);border-color:var(--accent-green)}.btn-accent-green-outlined.disabled,.btn-accent-green-outlined:disabled{color:var(--text-secondary);background-color:#d3d3d3;border-color:transparent;opacity:.65}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



/* ----------------- Header CSS (Note: Delete it when header is common on all pages) ----------------------------- */

.marketplace_header {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 50px;
    position: sticky;
    top: 0;
    z-index: 1000;
}

header.scrolled {
border-bottom: 1px solid #E8E8EA; /* Show border when scrolled */
}

.marketplace_header .nav-links {
    display: flex;
    align-items: center;
    gap: 24px;
}

.logo_anch {
    height: 44px;
}



.marketplace_header .nav-links a, .marketplace_header .nav-links .menu .menu-button, .marketplace_header .nav-links .seller-menu .menu-button {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-decoration: none;
    color: #034bbb;
    cursor: pointer;
    font-family: var(--font);
}

a.btn-imp {
    position: relative;
    padding: 12px 16px;
    border-radius: 38px;
    background: linear-gradient(45deg, #034bb824, #832bb83b, #f4242e36);
    z-index: 0;
}

a.btn-imp::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    background: linear-gradient(45deg, #034BB8, #832BB8, #F4242E);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
}

.marketplace_header .nav-links a:hover {
    color: #2570e9;
    text-decoration: none;
}

.mobile_header {
    display: none;
}

.menu, .seller-menu {
    position: relative;
    display: inline-block;
}

.menu-button {
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0px;
}


.menu-button img {
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
}


.menu.open .menu-button img {
    transform: rotate(180deg);
}

.seller-menu.open .menu-button img {
    transform: rotate(180deg);
}

.service-dropdown, .seller-dropdown {
    display: none;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: 36px;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    min-width: 400px;
    padding: 0;
    z-index: 1000;
    transition: all 0.3s ease;
}


.menu.open .service-dropdown, .seller-menu.open .seller-dropdown {
    max-height: 800px; /* Large enough to fit all items */
    opacity: 1;
    padding: 8px;
    display: block;
}


.marketplace_header .nav-links .menu .service-dropdown a, .marketplace_header .nav-links .seller-menu .seller-dropdown a {
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 10px 16px;
    text-decoration: none;
    color: var(--text);
    font-size: 16px;
    line-height: 24px;
    border-radius: 16px;
    transition: background 0.2s ease;
}


.service-dropdown a:hover, .seller-dropdown a:hover, .service-dropdown a.active, .seller-dropdown a.active{
    background: var(--primary-op-8);
    color: var(--primary) !important;
}

.marketplace_header .nav-links .menu .service-dropdown a img {
    width: 40px;
}

.marketplace_header .nav-links .seller-menu .seller-dropdown a img {
    width: 40px;
}

.mobile-menu {
    display: block;
}

.left-menu-wrapper {
    display: flex;
    gap: 24px;
}

@media (max-width: 768px) {

    .logo {
        width: 180px;
    }

    .logo img {
        width: 100%;
    }

    .marketplace_header {
        display: none;
    }

    .mobile_header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px;
    }

    .menu-btn-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
    }

    .burger-menu, .menu-list-btn {
        background: 0 0;
        border: none;
        cursor: pointer;
    }

    .mobile-nav-links {
        display: none;
        position: absolute;
        top: 76px;
        right: 0;
        background: #fff;
        width: 100%;
        flex-direction: column !important;
        padding: 24px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
        z-index: 1000;
        max-height: calc(100vh - 69px);
        overflow-y: auto;
    }

    .mobile-nav-links a, .mobile-nav-links .menu-mobile .service-menu-button-mobile, .mobile-nav-links .menu-mobile .seller-menu-button-mobile {
        padding: 16px 0;
        font-family: var(--font);
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        text-decoration: none;
        color: #034bbb;
        cursor: pointer;
        text-align: left;
    }

    .mobile-nav-links.visible {
        display: flex;
    }

    .mobile-menu {
        display: block;
    }
}


/* Mobile Menu Dropdown */

.menu-mobile {
    display: block;
    width: 100%;
}


.service-menu-button-mobile, .seller-menu-button-mobile {
    background: none;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}


.service-menu-button-mobile img, .seller-menu-button-mobile img {
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
}


.menu-mobile.open .service-menu-button-mobile img, .menu-mobile.open .seller-menu-button-mobile img {
transform: rotate(180deg);
}


.dropdown-mobile {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    background: #fff;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    width: 100%;
    padding: 0;
    transition: all 0.3s ease;
}


.menu-mobile.open .dropdown-mobile {
    max-height: 1000px; /* large enough to fit all items */
    opacity: 1;
    padding: 8px 0;
}


.dropdown-mobile a {
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 12px 0px;
    text-decoration: none;
    color: #222;
    font-size: 16px;
    font-weight: 400;
    transition: background 0.2s ease;
}


.dropdown-mobile a:hover, .dropdown-mobile a.active, .dropdown-mobile a:focus {
    background: var(--primary-op-8);
}


.dropdown-mobile a img {
    width: 24px;
    height: 24px;
}

/* ------Profile pic css-------- */
.user_actions {
    display: flex;
    gap: 8px;
}
.user_actions .avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 4px;
    cursor: pointer;
    border: 1px solid #eaeaea;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.user_actions .avatar a img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ---------------------------- Header CSS ends here --------------------------------- */



/* ----------------- Footer CSS (Note: Delete it when footer is common on all pages) ----------------------------- */

.mp-footer-container {
    background-color: #f0f0f0;
    padding: 96px 50px;
    position: relative;
    overflow: hidden;
}

.mp-main-content {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.mp-main-content hr {
    border: 1px solid #e0e0e0;
}

/* Main Links Section */
.mp-links-section {
    display: flex;
    gap: 96px;
    width: 100%;
}

.mp-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 200px;
}

.mp-column-title {
    font-weight: 600;
    font-size: 16px;
    color: var(--text);
    line-height: 24px;
}

.mp-column-links {
    display: flex;
    flex-direction: column;
}

.mp-column-link {
    font-weight: 400;
    font-size: 16px;
    color: var(--text-secondary);
    line-height: 24px;
    text-decoration: none;
    padding: 8px 0;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

.mp-column-link:hover {
    text-decoration: none;
    color: var(--text);
}

.mp-column-link:hover img {
    opacity: 1;
}

.mp-column-link img {
    width: 24px;
    margin-right: 16px;
    opacity: .6;
    fill: blue;
}

/* Bottom Section */
.mp-bottom-section {
    display: flex;
    gap: 96px;
    align-items: center;
    width: 100%;
    padding: 16px 0;
    border-top: 1px solid #aeaeb2;
    border-bottom: 1px solid #aeaeb2;
}



.mp-logo-section {
    width: 249px;
    height: 67px;
    background-color: #ddd;
    border-radius: 4px;
}

/* Talentrack Logo */
.mp-talentrack-logo {
    margin: 48px 0 0;
    width: 100%;
    height: auto;
    max-width: 1820px;
}

.mp-talentrack-svg {
    width: 100%;
    height: 100%;
}

.new_footer {
    background: #333;
    padding: 20px 0 !important;
    text-align: center;
}

.new_footer .tr_quote {
    color: #fff;
    margin: 0;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .mp-footer-container {
        padding: 48px 25px;
    }

    .mp-links-section {
        gap: 48px;
    }

    .mp-bottom-section {
        gap: 48px;
    }

    .mp-talentrack-logo {
        left: 25px;
        width: calc(100% - 50px);
        max-width: none;
    }
}

@media (max-width: 768px) {
    .mp-links-section {
        flex-direction: column;
        gap: 32px;
    }

    .mp-bottom-section {
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
    }

    .mp-app-badges {
        flex-direction: column;
        gap: 8px;
    }

    .mp-talentrack-logo {
        position: static;
        margin-top: 48px;
        width: 100%;
    }
}


/* ---------------------------- Footer CSS ends here --------------------------------- */

.enquiry-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;display:none;backdrop-filter:blur(5px)}.enquiry-form{position:fixed;top:0;right:0;width:100%;max-width:470px;height:100%;background-color:#fff;padding:20px;box-sizing:border-box;z-index:1001;transform:translateX(100%);transition:transform .5s ease-in-out}.enquiry-form.open{transform:translateX(0);box-shadow:-4px 0 48px rgba(0,0,0,.3)}.enquiry-form h2{margin-top:0}.enquiry-form input,.enquiry-form textarea{width:100%;padding:14px;border:1px solid #ccc}.enquiry-form button{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:5px}.enquiry-form button:hover{background-color:#45a049}.enquiry-form #submitreport{width:auto}.coll_cat_wrapper{margin:0 auto 40px;padding:56px 0 0;width:1000px}.coll_categories_wrap{align-items:stretch;display:flex;justify-content:space-between;margin-bottom:20px}.category_quote{color:#212121;font-size:20px;line-height:24px}.brief_us_quote{color:#fff;font-size:34px;font-weight:400;line-height:48px;margin-bottom:36px}.coll_brief_icon{background-color:#d10001;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;bottom:20px;cursor:pointer;height:52px;width:52px;position:fixed;right:12px;z-index:99997;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 8px rgba(0,0,0,.3);cursor:pointer;padding:0 10px}.coll_brief_icon img{width:26px;height:26px}.crisp_chat{display:none}.submit_btn_screen{background-color:#fff;-o-border-radius:20px;-ms-border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.2);bottom:44px;display:none;overflow:hidden;position:fixed;right:20px;width:320px;z-index:99998}.submit_btn_screen img{display:block;width:100%}.brief_txt{color:#212121;font-size:20px;line-height:24px;margin-bottom:30px;padding:22px 25px 0}.brief_btn_wrap{padding:0 25px 25px;text-align:right}.call_submit{cursor:pointer}.submit_screen{background-color:#fff;display:none;position:fixed;right:0;top:0;overflow:auto;width:100%;z-index:1100000;height:100vh}.coll_form_wrap{padding:40px 48px 40px}.coll_form_wrap p{margin-bottom:24px}.collab_input{border:solid 1px #e1e1e1;-o-border-radius:10px;-ms-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;color:#666;font-size:16px;height:48px;line-height:48px;padding:0 16px;width:100%}.collab_input:active,.collab_input:focus,.collab_input:hover{border:solid 1px #e1e1e1;outline:0}.collab_form_input{min-height:72px}.collab_form_textarea{min-height:144px}.collab_form_textarea .collab_input{min-height:120px;padding-top:12px;resize:none;line-height:24px;font-size:16px}.dropdown-form-toggle:hover{border-color:#007bff}.dropdown-form-toggle::after{content:'▾';font-size:14px;color:#555;transition:transform .3s ease}.dropdown-form.active .dropdown-form-toggle::after{transform:rotate(180deg)}.dropdown-form-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:10px;box-shadow:0 8px 16px rgba(0,0,0,.1);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:10}.dropdown-form.active .dropdown-form-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-form-menu div{padding:12px 16px;cursor:pointer;transition:background .2s}.dropdown-form-menu div:hover{background:#007bff;color:#fff}.form_error,.inline-error{color:#e82c0c;font-size:11px;line-height:18px}.text-danger{color:#e82c0c}::placeholder{color:#666;opacity:1}:-ms-input-placeholder{color:#666}::-ms-input-placeholder{color:#666}.coll_btn_wrap{padding-top:17px;text-align:right}.cancel_btn{border:0;color:#d10001;cursor:pointer;display:inline-block;font-size:14px;height:48px;line-height:48px;margin-right:24px;padding:0 20px;text-decoration:none;outline:0}.collaboration_close_bg{background-color:rgba(0,0,0,.2);display:none;position:fixed;width:100%;height:100%;left:0;top:0;z-index:99998}.open_screen+.collaboration_close_bg{display:block}.submit_screen.open_screen{animation:opnInq .2s forwards ease;-webkit-animation:opnInq .2s forwards ease;display:block}@keyframes opnInq{from{opacity:0;right:-500px}to{opacity:1;right:0}}@-webkit-keyframes opnInq{from{opacity:0;right:-500px}to{opacity:1;right:0}}.submit_screen.close_screen{animation:clsInq .2s forwards ease-in;-webkit-animation:clsInq .2s forwards ease-in;display:block}@keyframes clsInq{from{opacity:1;right:0}to{opacity:0;right:-500px}}@-webkit-keyframes clsInq{from{opacity:1;right:0}to{opacity:0;right:-500px}}.submit_screen>form>img{display:block;width:100%}.failed_msge{color:#e82c0c;font-size:12px;line-height:14px;padding:0 48px 0}.success_msge p{color:#212121;font-size:28px;line-height:38px;font-weight:500;margin:30px;text-align:center}.donebtn{margin-top:25px;display:block}.success_msge{display:flex;align-items:center;justify-content:center;height:100vh}.submit_btn_screen.open_bt_sb{display:none!important}div.mini_alert_wrp,div.mini_alert_wrp.open_wrp{display:none}.page_container{margin:0 auto;max-width:1000px}.enq_form_title{font-size:28px;margin-top:0;font-weight:600;line-height:42px;margin-bottom:24px}.common_btn{font-weight:600;font-size:16px;line-height:24px;text-align:center;letter-spacing:.1px;border-radius:100px;-o-border-radius:100px;-ms-border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;-khtml-border-radius:100px;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-khtml-box-sizing:border-box;-webkit-box-sizing:border-box;padding:16px 32px!important;text-decoration:none;cursor:pointer;text-transform:capitalize}.filled_btn{background:#034bb8;color:#fff;border:1px solid #034bb8}.cancel_btn{border:0;color:#034bb8;cursor:pointer;display:inline-block;font-size:14px;height:48px;line-height:48px;margin-right:24px;padding:0 20px;text-decoration:none;outline:0}.form_title{font-size:28px;margin-top:0;font-weight:600;line-height:42px;margin-bottom:48px;color:var(--text)}.form_title span{white-space:nowrap}@media (max-width:576px){.coll_form_wrap{padding:40px 24px 40px}}
.faq_section {
    display: flex;
    width: 100%;
}

.faq_leftsec {
    width: 40%;
    margin-right: 48px;
}

.faq_leftsec h3, .faq_leftsec h2 {
    margin-bottom: 16px;
    text-align: left;
}

.section-title {
    margin: 0px;
    background-clip: text;
    text-align: center;
    font-size: clamp(2rem, 6vw, 3rem);
    line-height: 48px;
    font-weight: 500;
    color: var(--text);
}

.faq_leftsec p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px;
}

.faq_rightsec {
    width: calc(100% - 40%);
    border-top: 1px solid #C1C1C1;
}


.faq-item {
    border-bottom: 1px solid #C1C1C1;
}

ul.faqlist {
    margin: 0px 0 24px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

ul.faqlist li {
    list-style: inside;
    margin-bottom: 8px;
}

ul.faqlist li:last-child {
    margin-bottom: 0px;
}


.faq-header.active {
    border-bottom: 0px solid #C1C1C1;
}

.faq-header {
    position: relative;
    transition: background 0.3s ease;
    width: 100%;
    text-align: left;
    padding: 24px 0;
    background: none;
    color: var(--text);
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    border: none;
    cursor: pointer;
}

.faq-header::after {
    content: "+";
    position: absolute;
    right: 20px;
    font-size: 20px;
    transition: transform 0.3s;
}

.faq-header.active::after {
    content: "-";
    transform: rotate(180deg);
}


.faq-content {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-out, padding 0.3s ease-out;
    padding-right: 28px;
}

.faq-content p {
    margin: 0px 0 24px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

@media (max-width: 768px) and (min-width: 320px) {
    .faq-header {
        padding: 18px 20px 18px 0;
        font-size: 16px;
        line-height: 20px;
    }
    .faq_leftsec{
        width: 100%;
        margin-right: 0px;
        text-align: center;
    }
    .faq_leftsec h3, .faq_leftsec h2{
        text-align: center;
    }
    .faq_section{
        display: inline-block;
        margin-bottom: 0px !important;
    }
    .faq_rightsec{
        width: 100%;
        border:0px;
    }
    .faq-header{
        font-size: 16px;
        line-height: 22px;
    }
    ul.faqlist,
    .faq-content p{
        font-size: 14px;
        line-height: 24px;
    }
    .section_title {
        background-clip: text;
        color: #333;
        text-align: center;
        font-size: 32px;
        line-height: 42px;
        font-weight: 600;
        margin-bottom: 22px;
        margin-top: 16px;
    }
    .faq_leftsec p
    {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 24px;
    }
}

:root {
    --primary: #034BB8;
    --secondary: #832BB8;
    --tertiary: #F4242E;
    --accent-yellow: #FFD500;
    --accent-green: #009C40;

    --primary-op-8: rgba(3, 75, 184, 0.08);
    --primary-op-12: rgba(3, 75, 184, 0.12);

    --text: #000827;
    --text-secondary: #787a81;
    --error: #e60101;
    --success: #009C40;
    --warning: #ff501b;
    --background: #ebedf0;
    --border: #e7e9eb;

    --primary-100: #E3E8FF;
    --primary-200: #AFBEFF;
    --primary-300: #7694FE;
    --primary-400: #0F6BFE;
    --primary-500: #034BB8;
    --primary-600: #012D75;
    --primary-700: #001239;

    --secondary-100: #F5EEFD;
    --secondary-200: #D9BDF7;
    --secondary-300: #C18AF1;
    --secondary-400: #AB4FEA;
    --secondary-500: #832BB8;
    --secondary-600: #551979;
    --secondary-700: #2A083F;

    --tertiary-100: #FEEDED;
    --tertiary-200: #FBB9BA;
    --tertiary-300: #F97E80;
    --tertiary-400: #F4242E;
    --tertiary-500: #B3171F;
    --tertiary-600: #760B11;
    --tertiary-700: #3E0305;

    --accent-yellow-100: #FFF9E6;
    --accent-yellow-200: #FFF0B3;
    --accent-yellow-300: #FFE6A1;
    --accent-yellow-400: #FFDB8F;
    --accent-yellow-500: #FFD500;
    --accent-yellow-600: #B38F00;
    --accent-yellow-700: #7A5A00;

    --accent-green-100: #E6F9E6;
    --accent-green-200: #B3F2B3;
    --accent-green-300: #A1E6A1;
    --accent-green-400: #8FFB8F;
    --accent-green-500: #009C40;
    --accent-green-600: #007B2F;
    --accent-green-700: #005A1F;

    --primary-hover: var(--primary-600);
    --secondary-hover: var(--secondary-600);

    --font: "Poppins", sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body.loading {
    overflow: hidden;
}

a {
    text-decoration: none;
}

.d-none {
    display: none !important;
}

/* Scrollbar track */
::-webkit-scrollbar {
    width: 8px;
    /* or height for horizontal */
}

::-webkit-scrollbar-track {
    background: #00000011;
}

/* Scrollbar thumb (the draggable part) */
::-webkit-scrollbar-thumb {
    background: #034BB8;
    border-radius: 0px;
    background-clip: content-box;
}

/* Hover effect */
::-webkit-scrollbar-thumb:hover {
    background: #034BB8;
}

body {
    font-family: var(--font);
    line-height: 1.6;
    color: var(--text);
    background-color: #ffffff;
    overscroll-behavior: none;
    overflow-x: hidden;
}

/* ----------------- Footer CSS (Note: Delete it when footer is common on all pages) ----------------------------- */

.mp-footer-container {
    background-color: #f0f0f0;
    padding: 96px 50px;
    position: relative;
    overflow: hidden;
}

.mp-main-content {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.mp-main-content hr {
    border: 1px solid #e0e0e0;
}

/* Main Links Section */
.mp-links-section {
    display: flex;
    gap: 96px;
    width: 100%;
}

.mp-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 200px;
}

.mp-column-title {
    font-weight: 600;
    font-size: 16px;
    color: var(--text);
    line-height: 24px;
}

.mp-column-links {
    display: flex;
    flex-direction: column;
}

.mp-column-link {
    font-weight: 400;
    font-size: 16px;
    color: var(--text-secondary);
    line-height: 24px;
    text-decoration: none;
    padding: 8px 0;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

.mp-column-link:hover {
    text-decoration: none;
    color: var(--text);
}

.mp-column-link:hover img {
    opacity: 1;
}

.mp-column-link img {
    width: 24px;
    margin-right: 16px;
    opacity: .6;
    fill: blue;
}

/* Bottom Section */
.mp-bottom-section {
    display: flex;
    gap: 96px;
    align-items: center;
    width: 100%;
    padding: 16px 0;
    border-top: 1px solid #aeaeb2;
    border-bottom: 1px solid #aeaeb2;
}



.mp-logo-section {
    width: 249px;
    height: 67px;
    background-color: #ddd;
    border-radius: 4px;
}

/* Talentrack Logo */
.mp-talentrack-logo {
    margin: 48px 0 0;
    width: 100%;
    height: auto;
    max-width: 1820px;
}

.mp-talentrack-svg {
    width: 100%;
    height: 100%;
}

.new_footer {
    background: #333;
    padding: 20px 0 !important;
    text-align: center;
}

.new_footer .tr_quote {
    color: #fff;
    margin: 0;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .mp-footer-container {
        padding: 48px 25px;
    }

    .mp-links-section {
        gap: 48px;
    }

    .mp-bottom-section {
        gap: 48px;
    }

    .mp-talentrack-logo {
        left: 25px;
        width: calc(100% - 50px);
        max-width: none;
    }
}

@media (max-width: 768px) {
    .mp-links-section {
        flex-direction: column;
        gap: 32px;
    }

    .mp-bottom-section {
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
    }

    .mp-app-badges {
        flex-direction: column;
        gap: 8px;
    }

    .mp-talentrack-logo {
        position: static;
        margin-top: 48px;
        width: 100%;
    }
}


/* ---------------------------- Footer CSS ends here --------------------------------- */

.no-js .slide-up {
    opacity: 1;
    transform: none;
}

.slide-up {
    opacity: 0;
    transform: translateY(80px);
    will-change: transform, opacity;
}
p {
    margin: 0;
    padding: 0;
    color: var(--text);
    font-size: 16px;
    line-height: 24px
}

.text-white {
    color: #fff !important;
}
.btn-large {
    font-size: 16px;
    line-height: 24px;
    padding: 16px 32px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.1px;
    border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    text-transform: capitalize;
    display: inline-block;
    text-wrap: nowrap;
}
.btn-large-icon {
    font-size: 16px;
    line-height: 24px;
    padding: 16px 32px 16px 28px;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    letter-spacing: 0.1px;
    border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    text-transform: capitalize;
    display: inline-block;
    text-wrap: nowrap;
}

.btn-small {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 20px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.1px;
    border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    text-transform: capitalize;
    display: inline-block;
}


.btn-filled-white {
    color: var(--primary);
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
}

.btn-filled-primary {
    color: #fff;
    background: var(--primary);
    border-width: 1px;
    border-style: solid;
    border-color: var(--primary);
    border-image: initial;
}

.btn-outlined-primary {
    color: var(--primary);
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: var(--primary);
    border-image: initial;
    transition: all 0.3s ease-in-out;
}

.btn-outlined-primary:hover {
    background: var(--primary-op-8);
}

.nxt_prv_icon_btn {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background-color: var(--primary-100);
    color: var(--primary);
    font-size: 18px;
    cursor: pointer !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    outline: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    transition: all 0.3s ease-in-out;
}

.nxt_prv_icon_btn:hover {
    background-color: var(--primary-200);
    color: var(--primary-700);
}

.nxt_prv_icon_btn:focus {
    background-color: var(--primary-100);
    color: var(--primary);
}


a.scroll-to-btn {
    position: absolute;
    height: 72px;
    width: 42px;
    border: 4px solid #ffffff;
    margin: auto;
    left: 0;
    right: 0;
    /*bottom: 64px;*/
    bottom: 16px;
    border-radius: 24px;
}

a.scroll-to-btn::before {
    position: absolute;
    content: "";
    margin: auto;
    left: 0;
    right: 0;
    top: 8px;
    height: 12px;
    width: 12px;
    background-color: #ffffff;
    border-radius: 50%;
    animation: move-down 2s infinite;
}

@keyframes move-down {
    80% {
        opacity: 0.5;
    }

    100% {
        transform: translateY(36px);
        opacity: 0;
    }
}

.action-btn-container {
    margin-top: 48px;
    text-align: center;
}

.section-gradient {
    background: linear-gradient(135deg, #E6D5F1, #CCEBD9, #CDDBF1, #fff, #FDD3D5, #FFF7CC);
    background-size: 200% 200%;
    animation: gradient 8s ease infinite;
    padding: 96px 50px;
    /* height: 100vh; */
}

.text-gradient {
    background: linear-gradient(135deg, #d6aff0, #b8ffd6, #a4c7ff, #fff, #ff9da2, #ffef95);
    background-size: 200% 200%;
    animation: gradient 8s ease infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* For Firefox */
    background-clip: text;
    color: transparent;
}

.hero-video-gradient {
    /* background: linear-gradient(135deg, #9a00ffcf, #172ea0b8, #020c2f94, #2e2121c0, #c71b24b8, #925b00c4); */
    background: #0000008f;
    background-size: 200% 200%;
    animation: gradient 16s ease infinite;
    padding: 96px 50px;
    height: 80vh;
}

.hero-video-black {
    background: black;
    opacity: .5;
    background-size: 200% 200%;
    animation: gradient 16s ease infinite;
    padding: 96px 50px;
    height: 80vh;
}



@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 50px;
}


/* Header Styles */
.header {
    background: white;
    padding: 20px 0;
    /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
}

.mp-slider-list-wrapper {
    display: flex;
    gap: 24px;
}

.logo {
    display: flex;
    align-items: center;
    gap: 12px;
}

.logo-icon {
    width: 32px;
    height: 32px;
    position: relative;
}

.logo-squares {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    width: 100%;
    height: 100%;
}

.square {
    width: 14px;
    height: 14px;
    border-radius: 3px;
}

.square.red {
    background-color: var(--tertiary);
}

.square.blue {
    background-color: var(--primary);
}

.square.yellow {
    background-color: var(--accent-yellow);
}

.square.green {
    background-color: var(--accent-green);
}

.logo-text {
    font-size: 24px;
    font-weight: 600;
    color: var(--text);
    letter-spacing: -0.02em;
}

/* Hero Section */
.hero {
    color: white;
    padding: 96px 0;
    margin: 24px 50px 0px 50px;
    border-radius: 56px;
    position: relative;
}

.banner_img img {
    width: 100%;
}

.banner_img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60vh;
    overflow: hidden;
    position: relative;
}

.hero-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.hero-text h1 {
    font-size: clamp(2rem, 6vw, 4rem);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
}

.hero-text p {
    font-size: 18px;
    margin-bottom: 48px;
    opacity: 0.9;
    color: #fff;
}
/* Hero Video */
.hero-video {
    color: white;
    /* padding: 96px 0; */
    margin: 0px 50px 0px 50px;
    border-radius: 56px;
    overflow: hidden;
    height: 80vh;
    position: relative;
}

.hero-video .container {
    width: 100%;
    margin: 0;
    padding: 0;
}

.hero-video-content {
    position: relative;
    height: 80vh;
}

.video-overlay {
    position: absolute;
    width: 100%;
    z-index: 1;
    height: 100%;
}

.hero-video-content .hero-text {
    width: 60%;
    padding: 0 0 0 48px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: start;
}

.hero-video-content .hero-text h1 {
    font-size: clamp(2rem, 5vw, 4rem);
}

.hero-video-wrapper {
    position: absolute;
    width: 100%;
    height: 80vh;
    top: 0;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%);
    z-index: -1;
}

.hero-video-wrapper video {
    /* width: 100%; */
    /* object-fit: cover; */
    /* height: 100%; */
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 0;
}
.form-container {
    background: white;
    border-radius: 56px;
    /* box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); */
    padding: 40px;
    max-width: 500px;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: linear-gradient(180deg, var(--primary-100), var(--primary-200));
}

.form-container h2 {
    margin-bottom: 16px;
    color: #333;
}
form input,
form textarea {
    width: 100%;
    padding: 12px 16px;
    /* margin-bottom: 20px; */
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    box-sizing: border-box;
    font-family: var(--font);
}

form input:focus,
form textarea:focus,
form input:focus-visible,
form textarea:focus-visible {
    border-color: var(--primary);
    outline: none;
}

.row {
    display: flex;
    gap: 16px;
}

.row input {
    width: 100%;
}

textarea {
    height: 100px;
    resize: vertical;
}

.captcha {
    margin-bottom: 20px;
}


/* Banner form */

.form-container-wrapper {
    position: relative;
    min-height: 64vh;
}


.floating-icons {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.icon {
    position: absolute;
    width: 40px;
    height: 40px;
    /* background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 1); */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); */
    animation: float 3s ease-in-out infinite;
}

.influencer-icon-1,
.brand-icon-1 {
    top: -23%;
    left: 25%;
    animation-delay: 0s;
    font-size: 86px;
    width: 96px;
    height: 96px;
    rotate: -43deg;
    z-index: 2;
}

.influencer-icon-2,
.brand-icon-2 {
    top: 30%;
    right: 12%;
    font-size: 44px;
    width: 72px;
    height: 72px;
    rotate: -43deg;
    rotate: 45deg;
}

.influencer-icon-3,
.brand-icon-3 {
    bottom: 150px;
    right: -20px;
    animation-delay: 1s;
}

.influencer-icon-4,
.brand-icon-4 {
    bottom: 30%;
    left: 24%;
    animation-delay: 1.5s;
    rotate: -16deg;
}

.influencer-icon-4 img,
.brand-icon-4 img {
    width: 94px;
}

.influencer-icon-5,
.brand-icon-5 {
    bottom: 15%;
    right: 22%;
    width: 96px;
    height: 96px;
    font-size: 100px;
    animation-delay: 2s;
    z-index: 2;
}

.brand-icon-5 img {
    width: 96px;
}

.influencer-icon-6,
.brand-icon-6 {
    top: 0;
    right: 30%;
    animation-delay: 1.5s;
}

.influencer-icon-6 img,
.brand-icon-6 img {
    width: 156px;
}

.person-placeholder {
    width: 600px;
    height: 540px;
    /* background: linear-gradient(135deg, var(--secondary) 0%, var(--tertiary) 100%); */
    border-radius: 15px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

.person-placeholder img {
    height: 100%;
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }
}

/* Main Content */
.main-content {
    padding: 0px 0 16vh;
    background: white;
}

.container {
    position: relative;
}

.content-header {
    /* text-align: center; */
    margin: 16vh 0;
    position: relative;
}

#confetti-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 10;
}

.content-header h2 {
    font-size: clamp(2.25rem, 6vw, 4.5rem);
    line-height: 1.2;
    font-weight: 500;
    color: var(--text);
    padding-bottom: 48px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.content-header p {
    line-height: 1.4;
    color: var(--text-secondary);
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(1rem, 2vw, 1.5rem);
    color: #444;
    opacity: 1;
}

.emoji-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.floating-emoji {
    position: absolute;
    opacity: 0;
    transform: scale(0.8);
    filter: grayscale(0.3) opacity(0.4);
    transition: all 0.3s ease;
}




/* ------------------------- Accordion - Start -------------------------------- */

.accordion-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    /* padding: 40px; */
    max-width: 1440px;
    margin: auto;
    gap: 16%;
}

.accordion {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-top: 12vh;
    max-width: 36%;
}

.accordion-item {
    cursor: pointer;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.accordion-item:last-child {
    border-bottom: none;
}

.accordion-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.accordion-title h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--text);
}

.accordion-icon {
    position: relative;
    width: 24px;
    height: 24px;
    margin-left: 8px;
}

.accordion-icon .arrow-icon {
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.2s ease-in-out;
    opacity: 0;
}

.accordion-item.active .accordion-icon .icon-up {
    opacity: 1;
}

.accordion-item:not(.active) .accordion-icon .icon-down {
    opacity: 1;
}


.accordion-description-wrapper {
    overflow: hidden;
    transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.accordion-description {
    margin-top: 10px;
    font-size: 16px;
    color: var(--gray);
    padding-bottom: 10px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.accordion-item.active .accordion-description {
    opacity: 1;
}

.image-preview {
    flex: 1;
    position: relative;
    height: 56vh;
}

.image-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: scale(0.98) translate(-50%, -50%);
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}

.image-preview img.active {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%);
    z-index: 1;
}

.mobile-image {
    display: none;
    margin-top: 16px;
}

.mobile-image img {
    width: 100%;
    border-radius: 16px;
}

@media (max-width: 768px) {
    .container {
        flex-direction: column;
        padding: 24px;
        gap: 32px;
    }

    .image-preview {
        display: none;
    }

    .mobile-image {
        display: block;
    }
}

/* ------------------------- Accordion - End -------------------------------- */







/* ------------------------- Case study -------------------------------- */

.cs-container {
    max-width: 1000px;
    margin: 0 auto;
}

.cs-container .swiper {
    padding: 0 0 8px;
}

.cs-list-item {
    border-radius: 56px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.cs-list-item p {
    max-width: 580px;
    /* margin: 0 auto; */
    font-size: clamp(1rem, 4vw, 1.25rem);
    line-height: 1.4;
    align-items: flex-end;
}


.cs-list-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.cs-video-wrapper {
    position: relative;
    width: 100%;
    height: 48vh;
    max-height: 580px;
    margin-bottom: 64px;
    overflow: hidden;
}



.cs-video-wrapper a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    border-radius: 56px;
}


.cs-video-wrapper:hover img {
    scale: 1.05;
}


.cs-video-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 56px;
    transition: all .3s ease-in-out;
}

.cs-discover-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 180px;
    height: 56px;
    background: rgba(0, 0, 0, 0.6) url('play-icon.svg') center center no-repeat;
    background-size: 32px 32px;
    border-radius: 56px;
    display: none;
    font-size: 16px;
    color: white;
    text-align: center;
    line-height: 56px;
    font-weight: 600;
    text-transform: capitalize;
}

.cs-content {
    display: flex;
    flex-direction: row;
    gap: 96px;
    justify-content: space-between;
}

.cs-list-item h3 {
    font-size: clamp(1.25rem, 4vw, 2rem);
    line-height: 48px;
    font-weight: 500;
    color: var(--text);
    line-height: 1.4;
    margin: 0 0 8px;
}

.cs-swiper .swiper-wrapper {
    margin: 0 0 48px;
}

.cs-slide-bottom-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
}

.cs-slide-bottom-wrapper .swiper-pagination {
    text-align: left;
    padding: 0 16px;
    max-width: 40%;
}

.swiper-pagination-bullet {
    background: var(--primary-500);
    opacity: 0.3;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    width: 16px;
}

.cs-controls {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    margin-left: auto;
}

.cs-btn-wrapper {
    display: flex;
    gap: 12px;
}


.cs-button img {
    width: 24px;
    height: 24px;
}


.brand-cs-list,
.staffing-cs-list {
    padding: 0 0 16vh;
}

#customCursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: black;
    color: white;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 9999;
    opacity: 0;
    transform: scale(0.8);
    /* ONLY scale, no translate */
    will-change: transform;
    transition: none;
}

#discoverCursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #000000dc;
    color: white;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 9999;
    opacity: 0;
    transform: scale(0.8);
    /* ONLY scale, no translate */
    will-change: transform;
    transition: none;
}

/* ------------------------- Case study - End -------------------------------- */


.talent-list-section {
    padding: 16vh 50px;

}

.talent-list-item {
    padding: 24px;
    background-color: var(--primary-100);
    border-radius: 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.talent-list-item img {
    width: 100%;

}

.talent-container h2 {
    font-size: clamp(2rem, 6vw, 3rem);
    line-height: 48px;
    font-weight: 500;
    color: var(--text);
}

.talent-list-item h3 {
    font-size: 28px;
    font-weight: 500;
    color: var(--text);
    line-height: 1.4;
    /* margin-bottom: 8px; */

}

.talent-list-item p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--text);
    margin-bottom: 24px;
    /* padding: 8px 16px;
    background-color: #fff;
    border-radius: 48px; */
}

.talent-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 48px;
}

.talent-header .controls,
.talent-container .controls {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

.talent-container .controls-bottom {
    display: none;
}

.inf-btn-wrapper {
    display: flex;
    gap: 12px;
}

.thumb-img-wrapper {
    overflow: hidden;
    aspect-ratio: 1;
    border-radius: 16px;
}

/* ------------------------- Horizontal Slider (hr) - Start -------------------------------- */
.hr-slide-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0 50px;
}

.hr-slide-container .swiper {
    overflow: visible;
}




.hr-slide {
    position: relative;
    overflow: hidden;
    height: 600px;
    padding: 32px 32px;
    border-radius: 28px;
}

.hr-slide-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.swiper-button-disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: not-allowed;
}

.hr-slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hr-slide-bottom-wrapper {
    margin: 48px 0 0;
}

.hr-btn-wrapper {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: end;
}

/* ------------------------- Horizontal Slider (hr) - End -------------------------------- */

.cta-footer-button-wrapper {
    position: relative;
    margin-bottom: 16vh;
}

.hover-button {
    width: 100%;
    position: relative;
    padding: 5rem 2.5rem;
    font-size: clamp(1.25rem, 6vw, 2rem);
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    background: var(--primary);
    border: none;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    border-radius: 200px;
}

.hover-circle {
    position: absolute;
    width: 1200px;
    height: 1200px;
    background: var(--primary-700);
    border-radius: 50%;
    transform: scale(0);
    z-index: 1;
    pointer-events: none;
}

.hover-button span {
    position: relative;
    z-index: 2;
    transition: color 0.3s ease;
}

.call-icon {
    position: relative;
    z-index: 2;
    width: 40px;
    height: 40px;
    fill: currentColor;
    animation: pulse 2s infinite ease-in-out;
}




.banner_heading {
    color: #fff;
    font-size: 48px;
    font-weight: normal;
    line-height: 52px;
    margin-bottom: 44px;
    margin-top: 10px;
    text-transform: uppercase;
}

.main_bann_fl:first-child {
    text-align: left;
}

.main_bann_fl .brief_submit_btn {
    animation: brandAnimBtn 2s forwards ease-in-out;
    -webkit-animation: brandAnimBtn 2s forwards ease-in-out;
    display: inline-block;
    position: relative;
}

@keyframes brandAnimBtn {
    from {
        top: 50px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes brandAnimBtn {
    from {
        top: 50px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.main_bann_fl .banner_heading,
.main_bann_fl .banner_creative {
    animation: brandAnimHead 2s forwards ease, step-start;
    -webkit-animation: brandAnimHead 2s forwards ease, step-start;
    display: block;
    position: relative;
}

@keyframes brandAnimHead {
    from {
        top: 50px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes brandAnimHead {
    from {
        top: 50px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.page_sec_heading {
    color: #000;
    font-weight: normal;
    font-size: 48px;
    line-height: 72px;
    margin-bottom: 30px;
}

.para_sec_sub {
    color: #666;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    padding-right: 40px;
}

.mid_box:first-child {
    padding-right: 60px
}

.page_head_fl {
    color: #212121;
    font-size: 48px;
    font-weight: normal;
    line-height: 72px;
}

.capa_sub_head {
    color: #666;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
}
.cta_content_services {
    background: rgb(240, 240, 240);
    padding: 48px;
    border-radius: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
}

.cta_content_services p {
    font-weight: 500;
    font-size: clamp(1.5rem, 4vw, 2rem);
    line-height: 1.4;
    color: var(--text);
    margin: 0;
}

.cta_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.cta_content p {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    margin: 0;
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }
}

@media (max-width: 1536px) {

    .influencer-icon-1,
    .brand-icon-1 {
        top: -23%;
        left: 18%;
        animation-delay: 0s;
        font-size: 86px;
        width: 96px;
        height: 96px;
        rotate: -43deg;
        z-index: 2;
    }

    .influencer-icon-4,
    .brand-icon-4 {
        bottom: 30%;
        left: 15%;
    }

    .influencer-icon-5,
    .brand-icon-5 {
        bottom: 15%;
        right: 13%;
        font-size: 87px;
    }
}

@media (max-width: 1280px) {

    .hero-video-content .hero-text {
        width: 100%;
        align-items: center;
        padding: 0 16px;
    }

    .hero-video-content .hero-text h1 {
        text-align: center;
    }

    .hero-video-content .hero-text p {
        text-align: center;
    }

    .influencer-icon-1,
    .brand-icon-1 {
        top: -23%;
        left: 12%;
        animation-delay: 0s;
        font-size: 86px;
        width: 96px;
        height: 96px;
        rotate: -43deg;
        z-index: 2;
    }

    .influencer-icon-4,
    .brand-icon-4 {
        bottom: 30%;
        left: 0;
    }

    .influencer-icon-5,
    .brand-icon-5 {
        bottom: 9%;
        right: 6%;
        font-size: 87px;
    }

    .influencer-icon-6,
    .brand-icon-6 {
        top: 0;
        right: 19%;
        animation-delay: 1.5s;
    }

    .cs-container .swiper {
        padding: 0 16px 8px;
    }

    .accordion {
        max-width: 100%;
    }
}

@media (max-width: 992px) {

    .hero-content {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        gap: 40px;
    }

    .hero-text {
        order: 2;
        text-align: center;
    }

    a.scroll-to-btn,
    a.scroll-to-btn::before {
        display: none;
    }

    .staffing-banner-img {
        order: 1;
    }

    .influencer-icon-1,
    .brand-icon-1 {
        top: -23%;
        left: 12%;
        animation-delay: 0s;
        font-size: 86px;
        width: 96px;
        height: 96px;
        rotate: -43deg;
        z-index: 2;
    }

    .influencer-icon-4,
    .brand-icon-4 {
        bottom: 30%;
        left: -11%;
    }

    .influencer-icon-5,
    .brand-icon-5 {
        bottom: 15%;
        right: 3%;
        font-size: 87px;
    }

    .influencer-icon-6,
    .brand-icon-6 {
        top: 0;
        right: 26%;
        animation-delay: 1.5s;
    }

    .talent-header .controls-top {
        display: none;
    }

    .talent-container .controls-bottom {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-top: 12px;
        justify-content: center;
        margin-top: 48px;
    }

    .cta_content_services {
        flex-direction: column;
        align-items: start;
    }

}

/* Responsive Design */
@media (max-width: 768px) {

    .hero-video-gradient {
        height: 480px;
    }

    .hero-video-black {
        height: 480px;
    }

    .hero-video {
        height: 480px;
    }

    .hero-video-content {
        height: 480px;
    }

    .hero-video-wrapper {
        height: 480px;
    }


    .hero {
        background: linear-gradient(135deg, var(--primary) 0%, var(--primary-400) 100%);
        margin: 16px 16px 0px 16px;
    }

    .hero-video {
        margin: 0px 24px 0px 24px;
    }

    .container {
        padding: 0 24px;
    }


    .hero-text h1 {
        font-size: 36px;
    }

    

    /* #image-text-1,
    #image-text-2,
    #image-text-3,
    #image-text-4 {
        opacity: 1;
    } */

    .content-header h2 {
        font-size: 28px;
    }

    .influencer-card {
        width: 100%;
        height: 390px;
        bottom: -96px;
        right: 0px;
    }

    .person-placeholder {
        width: 100%;
        height: 480px;
    }

    .influencer-icon-1 {
        top: -23%;
        left: 12%;
    }

    .influencer-icon-4 {
        bottom: 30%;
        left: 16%;
    }

    .influencer-icon-5 {
        bottom: 15%;
        right: 13%;
        font-size: 87px;
    }

    .influencer-icon-6 {
        top: 0;
        right: 26%;
        animation-delay: 1.5s;
    }

    .cs-btn-wrapper {
        display: none;
    }

    .service-item {
        padding: 0 !important;
    }

    .service-item p {
        margin-bottom: 24px;
    }

    .brand-cs-list,
    .staffing-cs-list {
        padding: 0 0 12vh;
    }

    .cs-discover-button {
        display: block;
    }


    .hr-slide-container {
        padding: 0 16px;
    }

    .accordion {
        margin-top: 0;
    }

    .cta-footer-button-wrapper {
        padding: 0 16px;
    }

    .talent-list-section {
        padding: 64px 16px;
    }


}

@media (max-width: 576px) {

    .banner_img {
        height: 32vh;
    }

    .main-content {
        padding: 0px 0 12vh;
    }

    .influencer-icon-1,
    .brand-icon-1 {
        top: -17%;
        left: 0;
    }

    .influencer-icon-4,
    .brand-icon-4 {
        bottom: 30%;
        left: 2%;
    }

    .influencer-icon-5,
    .brand-icon-5 {
        bottom: 8%;
        right: -9%;
        font-size: 87px;
    }

    .cs-slide-bottom-wrapper {
        flex-direction: column;
        gap: 24px;

    }

    .submit_screen {
        width: 100%;
        /* padding: 40px 48px 40px; */
    }

}

@media (max-width: 480px) {
    .container {
        padding: 0 16px;
    }

    .hero {
        padding: 60px 0;
    }

    .hero-text h1 {
        font-size: 28px;
    }

    .hero-text p {
        font-size: 16px;
    }


    .content-header {
        margin: 12vh 0;
    }

    .content-header h2 {
        font-size: 24px;
    }


    .influencer-icon-1,
    .brand-icon-1 {
        top: -17%;
        left: 0;
    }

    .influencer-icon-4,
    .brand-icon-4 {
        bottom: 30%;
        left: 0;
    }

    .influencer-icon-5,
    .brand-icon-5 {
        bottom: 15%;
        right: 0%;
        font-size: 87px;
    }

    .influencer-icon-6,
    .brand-icon-6 {
        top: 0;
        right: 14%;
        animation-delay: 1.5s;
    }

    .cs-content {
        flex-direction: column;
        gap: 24px;
    }

    .cs-video-wrapper {
        margin-bottom: 32px;
    }
}

@media (max-width: 360px) {
    .banner_img {
        height: 24vh;
    }

    .content-header {
        /* text-align: center; */
        margin: 12vh 0;
    }
}

.brand-banner-img img{height:126%;object-fit:contain}.brand-services .container h2{font-size:clamp(2rem, 6vw, 3rem);line-height:48px;font-weight:500;color:var(--text);margin-bottom:64px}.service-item h3{font-size:clamp(1.25rem, 4vw, 1.75rem);font-weight:500;color:var(--text);line-height:1.4;margin:0 0 8px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.service-item{background-color:#fff;padding:24px;border-radius:56px;text-align:center}.service-img-wrapper{overflow:hidden;border-radius:56px;margin-bottom:16px;position:relative;height:42vh;transition:all .1s ease-in-out}.service-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}@media (max-width:1280px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.brand-services .container h2{margin-bottom:48px}.services-grid{grid-template-columns:1fr}}
.footer-category-links{color:#333}.footer-category-links section h4{font-size:16px;color:var(--text);padding-bottom:8px;font-weight:500}.footer-category-links ul{list-style:none;padding-left:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.footer-category-links a{display:block;padding:6px 10px;border:1px solid #e0e0e0;border-radius:4px;text-decoration:none;color:#666;font-size:14px;transition:all .3s ease-in-out}.footer-category-links a:hover{border-color:var(--text);color:var(--text)}.pd_bottom32{padding-bottom:32px}
.container-fluid {
    padding: 0 50px !important;
}
.space_96 {
    margin: 12vh 0;
}
.space_bottom_96 {
    margin-bottom: 12vh;
}
.inner_banner {
    position: relative;
    height: 100%;
    padding: 0 50px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 414px;
    width: 100%;
    border-radius: 56px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.banner-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.inner_banner h1 {
    color: #fff;
    font-weight: 700;
    font-size: 56px;
    line-height: 72px;
    margin: 0 0 24px;
}
.desk-none{display: none;}
.cta_bg {
    position: relative;
    height: 152px;
    width: 100%;
    border-radius: 28px;
    padding: 0 55px;
    margin-bottom: 50px;
    display: block;
}
.cta-button {
    background: white;
    color: var(--primary);
    border: none;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}  
/* Responsive Design */

@media (max-width: 992px) {
    .container-fluid {
        padding: 0 16px !important;
    }
}
@media (min-width:300px) and (max-width:767px){
    .mob-none{display: none;}
    .desk-none{display: block;}
    .inner_banner {
        border-radius: 48px;
        height: 480px;
        padding: 10px 22px;
    }
    .banner_content {
        position: absolute;
        top: 32px;
        height: 320px;
        left: 24px;
        right: 24px;
        bottom: 0;
        color: #fff;
    }
    .inner_banner h1 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 600;
        margin: 0 0 24px;
    }

    .service_inner img{
        margin-bottom: 0px;
    }

    .cta_content {
        flex-direction: column;
        align-items: flex-start;
    }
    .cta_content p {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px;
        color: #fff;
        margin-bottom: 40px;
    }
    .cta_bg{
        padding: 24px 16px;
        height: auto;
    }
}

.campaign_banner{
    background: url('/frontend/assets/images/static/campaign-page/main-banner.avif');
}
.campaign_inner{
  position: relative;
  height: 100%;
  width: 100%;
  left: 0;
  padding: 64px 72px;
  border-radius: 56px;
}
.mb-0{
    margin-bottom: 0px;
}
.gradient-bg1:before{
    background: url('/frontend/assets/images/static/campaign-page/2.svg');
    right: 16px;
}
.gradient-bg2:before{
    background: url('/frontend/assets/images/static/campaign-page/1.svg');
    right: 29px;
}
.gradient-bg3:before{
    background: url('/frontend/assets/images/static/campaign-page/4.svg');
    right: 24px;
}
.gradient-bg4:before{
    background: url('/frontend/assets/images/static/campaign-page/3.svg');
    right: 27px;
    bottom: 1px !important;
}
.gradient-bg5:before{
    background: url('/frontend/assets/images/static/campaign-page/5.svg');
    right: 0;
    border-radius: 0 0 48px 0;
}
.campaign_inner:before{
  content: '';
  position: absolute;
  background-position:right bottom;
  background-size: auto;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  bottom: 0;
}
.gradient-bg1 {background: linear-gradient(148.02deg, #9b920c 4.15%, #148567 96.62%);}
.gradient-bg2{background: linear-gradient(249.04deg, #7044F4 4.24%, #652E9F 47.97%, #29109A 93.49%);}
.gradient-bg3{background: linear-gradient(148.02deg, #c76917 4.15%, #9f0c73 49.55%, #320082 96.62%);}
.gradient-bg4{background: linear-gradient(316.37deg, #015982 19.36%, #239d26 100%);}
.gradient-bg5{background: linear-gradient(109.59deg, #2468F0 4.24%, #1B32B9 95.21%);}

.campaign_inner h2{
  font-weight: 600;
  font-size:32px;
  line-height:40px;
  color: #fff;
  margin-bottom: 16px;
  margin-top: 0px;
}
.campaign_inner p{
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 16px;
}

  
@media (max-width: 1536px) {
    .campaign_inner p{
      font-size:16px;
      line-height: 24px;
    }
}
.list_inner{
    padding: 24px 0;
    color: #fff;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
    /* padding: 0; */
    margin: 0;
    list-style: none;
}
.list_inner li{
    flex: 1 1 calc(33.333% - 20px);
    box-sizing: border-box;
    text-align: center;
}

.list_inner li:empty{
    visibility: hidden;
}

.list_inner li p{
    display: flex;
    align-items: center;
    justify-content: center;
}
.list_inner li img{
  width: 48px;
  height: 48px;
  object-fit: contain;
  margin-bottom: 16px;
}
.campaignimg img{
    width: 100%;
    height: 100%;
    border-radius: 56px;
}
.cta_campaignbg{
    background: url('/frontend/assets/images/static/campaign-page/cta-banner.avif');
    margin: 0px 0 96px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.ctabtn{color:#0B7C63 !important;}

.camp_img img{
    border-radius: 56px;
    height: 100%;
    width: 100%;
}
.max-width{
    width: 60%;
}
.min-width{
     width: 40%;
}
.fourc-container{
    grid-gap: 2%;
    margin: 0 0 64px 0;
    display: flex;
}
/*@media only screen and (max-width: 1366px) {
    .max-width{
        height: 340px;
    }
    .min-width img{
        height: auto;
    }
}*/

/* 28 August 2025 */
.fourc-container a:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.fourc-container a {
    position: relative;
    height: auto;
    border-radius: 56px;
}

@media (min-width:300px) and (max-width:767px){
   .campaign_banner{
        background: url('/frontend/assets/images/static/campaign-page/mobile-banner.avif');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .fourc-container{
        flex-direction: column-reverse;
    }
    .camp_img img{
        width: 100%;
    }
    .campaign_inner {
        position: relative;
        height: 100%;
        width: 100%;
        left: 0;
        padding: 32px 24px;
        border-radius: 48px;
    }
    .max-width,.min-width{
        width: 100%;}
    .list_inner{
        flex-direction: column;
    }
    .list_inner li{
        display: flex;
        align-items: center;
        margin-bottom: 16px;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 0px;
    }
    .list_inner li p{
        font-weight: 600;
        margin-bottom: 0;
    }
    .list_inner li img {
        width: 36px;
        height: 36px;
        margin-right: 16px;
        margin-bottom: 0px;
    }
    .camp_img{
       line-height: 0;
    }
    .list_inner li{
        text-align: left;
    }
    .mob_bottom16{
        margin-bottom: 16px;
    }
}