@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--hue: 217;--sat: 85%;--light: 74%;--primary-color: hsl(var(--hue) var(--sat) var(--light));--white-color: hsl(var(--hue) 45% 98%);--dark-color: hsl(var(--hue) 26% 12%);--color-01: hsl(var(--hue) var(--sat) var(--light));--color-02: hsl(var(--hue) 45% 98%);--color-03: hsl(var(--hue) 26% 12%);--color-04: hsl(var(--hue) 0% 62%);--color-05: hsl(var(--hue) 26% 12%);--body-color: hsl(250 26% 12%);--hover-color: hsl(var(--hue) var(--sat) calc(var(--light) - 7%));--bottom-nav-bg: hsl(var(--hue) 32% 25% / .65);--card-bg: linear-gradient(120deg, hsl(var(--hue) 54% 74% / .15), hsl(var(--hue) 54% 74% / .05));--modal-backdrop-bg: hsl(var(--hue) 54% 74% / .1), ;--footer-bg: linear-gradient(360deg, hsl(var(--hue) 54% 74% / .15), hsl(var(--hue) 54% 74% / .1));--scrollbar-color: hsl(var(--hue) 25% 20%);--scrollbar-thumb: hsl(var(--hue) var(--sat) var(--light));--scrollbar-thumb-hover: hsl(var(--hue) var(--sat) calc(var(--light) - 7%));--body-font-family: "Inter", sans-serif;--h1-font-size: 2.85rem;--h2-font-size: 2.25rem;--h3-font-size: 1.97rem;--h4-font-size: 1.43rem;--h5-font-size: 1.13rem;--xlarge-font-size: 1.48rem;--large-font-size: 1.23rem;--medium-font-size: 1.18rem;--base-font-size: 1.1rem;--small-font-size: 1.07rem;--tiny-font-size: .98rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semi-bold: 600;--font-bold: 700;--z-minus: -1;--z-base: 0;--z-low: 1;--z-hight: 10;--z-content: 100;--z-tooltip: 1000;--z-fixed: 1100;--z-overlay: 1110;--z-modal: 1990;--z-max: 9999}.light-theme{--color-01: hsl(var(--hue) 26% 12%);--color-02: hsl(var(--hue) 26% 12%);--color-03: hsl(var(--hue) 45% 98%);--color-04: hsl(var(--hue) 9% 46%);--color-05: hsl(var(--hue) var(--sat) var(--light));--body-color: hsl(var(--hue) 45% 98%);--bottom-nav-bg: hsl(var(--hue) 32% 85% / .8);--card-bg: hsl(0 0% 100%);--modal-backdrop-bg: hsl(var(--hue) 50% 12% / .5), ;--footer-bg: linear-gradient(360deg, hsl(var(--hue) var(--sat) var(--light)), hsl(var(--hue) var(--sat) var(--light) / .75));--scrollbar-color: hsl(var(--hue) 9% 60%);--scrollbar-thumb: hsl(var(--hue) 9% 25%);--scrollbar-thumb-hover: hsl(var(--hue) 9% 17%)}.light-theme .bottom-nav .menu-hide-btn{box-shadow:0 2px 4px #03030340}.light-theme .pro-card,.light-theme .skill-card,.light-theme .service-card,.light-theme .portfolio-card,.light-theme .contact-form-body{box-shadow:0 2px 8px #0303030d}.light-theme .contact-icon,.light-theme .contact-form-social-links li{box-shadow:0 2px 4px #0303031a}.light-theme .to-top-btn{background:hsl(var(--hue) 26% 12% / .2)}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--body-font-family)}ul,li{list-style:none}a{color:var(--color-04);text-decoration:none;cursor:pointer}html{scroll-behavior:smooth}body{color:var(--color-04);background:var(--body-color);transition:.3s}.mo-section{position:relative;overflow:hidden}.mo-container{max-width:1170px;margin-left:auto;margin-right:auto}.mo-sub-container{padding-top:4em;padding-bottom:5em}.mo-wrapper{position:relative;width:100%;height:100%}.section-title{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:70px}.section-title h3{color:var(--color-01);font-size:var(--h3-font-size);font-weight:var(--font-bold);margin-bottom:10px}.section-title p{color:var(--color-04);font-size:var(--base-font-size);font-weight:var(--font-regular)}.section-content{display:flex;justify-content:center;align-items:center;column-gap:75px}::-webkit-scrollbar{width:10px;background:var(--scrollbar-color)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:25px}::-webkit-scrollbar-thumb:hover{background:var(--hover-color)}.cursor{position:fixed;z-index:var(--z-max);pointer-events:none}.cursor-dot{position:absolute;width:5px;height:5px;background:var(--primary-color);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition-property:top,left,width,height;transition-duration:.03s,.03s,.3s,.3s}.cursor-dot.large{background:hsl(var(--hue) var(--sat) var(--light) / .35);width:75px;height:75px;transition-property:top,left,width,height;transition-duration:.03s,.03s,.3s,.3s}.cursor-circle{position:absolute;border:2px solid var(--primary-color);width:30px;height:30px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);opacity:.5;transition-property:top,left;transition-duration:.3s,.3s}.to-top-btn{z-index:var(--z-fixed);position:fixed;background:hsl(var(--hue) 54% 74% / .2);height:100px;width:2px;bottom:25px;right:-30px;cursor:pointer;transition:all .3s ease}.to-top-btn.active,.to-top-btn a{right:30px}.to-top-btn a:hover{color:var(--hover-color)}.to-top-btn a span{position:absolute;left:0;bottom:195px;transform:rotate(90deg);transform-origin:left;font-size:.85rem;text-transform:uppercase;white-space:nowrap;color:var(--color-01)}.to-top-btn .scroll-indicator-bar{position:absolute;background:var(--color-01);width:2px;height:auto;opacity:.5;transition:all .3s ease}.mo-main-btn{width:fit-content;padding:14px 30px;border-radius:35px;cursor:pointer;transition:.3s}.mo-main-btn:hover{color:var(--white-color);background:var(--hover-color);border:2px solid var(--hover-color)}.mo-main-btn a{color:var(--color-01);font-size:var(--small-font-size);font-weight:500;transition:.3s}.mo-main-btn:hover a{color:var(--white-color)}.border-btn{border:2px solid var(--color-01)}.fill-btn{background:var(--primary-color);border:2px solid var(--primary-color)}.fill-btn a{color:var(--dark-color)}.mo-header{z-index:var(--z-fixed);position:fixed;width:100%;top:0;left:0;padding:30px 0;transition:.3s ease}.mo-header.shrink{background:var(--body-color);padding:12px 0}.mo-header .inner{width:100%;display:flex;align-items:center;justify-content:space-between}.mo-logo a{color:var(--color-01);font-size:2rem;font-weight:var(--font-semi-bold);letter-spacing:-3px;transition:.3s}.mo-logo a:hover{color:var(--hover-color)}.header-btns{display:flex;justify-content:center;align-items:center;column-gap:25px}.lets-talk-icon{color:var(--color-01);font-size:1.8rem;cursor:pointer;transition:.3s;display:none}.lets-talk-icon:hover{color:var(--hover-color)}.theme-btn{position:relative;display:flex;justify-content:end;align-items:center;width:27px;cursor:pointer}.theme-btn i{position:absolute;color:var(--color-01);font-size:1.7rem;cursor:pointer;transition:.3s}.theme-btn:hover i{color:var(--hover-color);transform:rotate(-15deg)}.theme-btn.active-sun-icon .moon-icon,.theme-btn .sun-icon{opacity:1;transition:.3s}.theme-btn.active-sun-icon .sun-icon,.theme-btn .moon-icon{opacity:0;transition:.3s}.bottom-nav-container{position:relative}.bottom-nav{z-index:var(--z-fixed);position:fixed;left:50%;transform:translate(-50%);bottom:-75px;opacity:0;transition:.5s ease,.3s ease;transition-property:bottom,opacity}.bottom-nav.active{bottom:50px;opacity:1;transition:.5s ease,.3s ease;transition-property:bottom,opacity}.bottom-nav-inner{position:relative}.bottom-nav .menu{background:var(--bottom-nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 35px;display:flex;justify-content:center;align-items:center;column-gap:25px;border-bottom:1px solid hsl(var(--hue),45%,98% / .1);border-left:1px solid hsl(var(--hue),45%,98% / .1);border-radius:50px}.bottom-nav .menu li a{display:flex;justify-content:center;align-items:center;flex-direction:column}.bottom-nav .menu li a i{color:var(--color-02);font-size:1.4rem;padding:10px;border-radius:50%;transition:.3s}.bottom-nav .menu li:hover a i{color:var(--white-color);background:var(--hover-color)}.bottom-nav .menu .current i{color:var(--dark-color);background:var(--primary-color)}.bottom-nav .menu li a span{z-index:var(--z-tooltip);position:absolute;color:var(--dark-color);background:var(--primary-color);font-size:var(--tiny-font-size);font-weight:var(--font-medium);padding:3px 10px;transform:translateY(-53px);border-radius:5px;pointer-events:none;opacity:0}.bottom-nav .menu li:hover a span{opacity:1}.bottom-nav .menu li a span:before{content:"";z-index:var(--z-minus);position:absolute;background:var(--primary-color);width:10px;height:10px;left:50%;bottom:-8px;transform:rotate(45deg) translate(-50%)}.bottom-nav .menu-hide-btn{z-index:var(--z-fixed);position:absolute;top:-5px;right:0;color:var(--dark-color);font-size:1.52rem;background:var(--primary-color);padding:2px;border-radius:50%;cursor:pointer;transition:.3s ease;pointer-events:none;opacity:0}.menu-hide-btn.active{pointer-events:all;opacity:1}.bottom-nav .menu-hide-btn:hover{color:var(--white-color);background:var(--hover-color)}.menu-show-btn{z-index:var(--z-fixed);position:fixed;background:var(--bottom-nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:85px;height:50px;border-bottom:1px solid hsl(var(--hue) 45% 98% / .1);border-left:1px solid hsl(var(--hue) 45% 98% / .1);display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:5px;translate:-50% 0;left:50%;bottom:-75px;opacity:0;border-radius:5px;cursor:pointer;transition:.5s ease,.3s ease;transition-property:bottom,opacity;overflow:hidden;animation:wiggle 2s linear infinite;animation-delay:.15s}.menu-show-btn.active{bottom:50px;opacity:1;transition:.5s ease,.3s ease;transition-property:bottom,opacity}@keyframes wiggle{0%,5%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}.menu-show-btn .bar-01,.menu-show-btn .bar-02{background:var(--primary-color);width:40px;height:4px;transition:.15s}.menu-show-btn:hover .bar-01,.menu-show-btn:hover .bar-02{background:var(--hover-color)}.home-container{height:100vh}.home-container .mo-wrapper{display:flex;align-items:center;justify-content:center}.avatar-container{position:relative;display:flex;justify-content:center;align-items:center;column-gap:25px}.avatar-img{position:relative;width:425px;height:425px}.avatar-img img{position:absolute;width:100%}.home-social{position:absolute;left:0}.home-social span{position:absolute;left:10px;color:var(--color-01);font-size:var(--tiny-font-size);white-space:nowrap;transform:rotate(-90deg);transform-origin:left}.home-social .social-line{background:var(--color-01);width:1px;height:100px;margin-top:37px;margin-bottom:25px;margin-left:10px}.home-social .social-icons{display:flex;flex-direction:column;gap:25px}.home-social .social-icons li a{color:var(--color-01);font-size:var(--xlarge-font-size);transition:.3s}.home-social .social-icons li a:hover{color:var(--hover-color)}.avatar-container .hire-btn-01{display:none}.avatar-info{position:relative}.avatar-info .text-content{display:flex;flex-direction:column;row-gap:10px}.avatar-info .hello-text{font-size:var(--base-font-size);font-weight:var(--font-semi-bold)}.avatar-info .my-name{color:var(--color-02);font-size:var(--h1-font-size);font-weight:var(--font-bold)}.avatar-info .what-i-do{font-size:var(--base-font-size);font-weight:var(--font-semi-bold);margin-bottom:15px}.availability-badge{display:inline-flex;align-items:center;column-gap:8px;background:hsl(var(--hue) var(--sat) var(--light) / .15);border:1px solid hsl(var(--hue) var(--sat) var(--light) / .4);color:var(--primary-color);font-size:var(--tiny-font-size);font-weight:var(--font-medium);padding:8px 18px;border-radius:50px;margin-bottom:20px;animation:pulse-badge 2s ease-in-out infinite}.availability-badge i{font-size:1.1rem}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.home-scroll-btn{position:absolute;right:-5px;color:var(--color-01);display:grid;justify-items:center;row-gap:3px;animation:up-down 1.5s linear infinite;animation-delay:1.85s}@keyframes up-down{0%{transform:translateY(8px)}50%{transform:translateY(-8px)}to{transform:translateY(8px)}}.home-scroll-btn:hover{color:var(--hover-color)}.home-scroll-btn div{font-size:var(--tiny-font-size);font-weight:var(--font-regular);writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);margin-top:7px}.home-scroll-btn i{font-size:2rem}.about-img{position:relative;width:35%;display:flex;justify-content:center;align-items:center;pointer-events:none}.about-img img{width:100%;border-radius:15px}.about-details{width:65%;display:flex;justify-content:center;flex-direction:column}.about-info .iam{color:var(--color-02);font-size:var(--h4-font-size);font-weight:var(--font-semi-bold);margin-bottom:30px}.about-description{font-size:var(--base-font-size);font-weight:var(--font-regular);line-height:25px}.pro-list{position:relative;max-width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));column-gap:10px;row-gap:12px;margin:38px 0}.pro-card{background:var(--card-bg);display:flex;justify-content:center;align-items:center;column-gap:10px;padding:35px 25px;text-align:left;border-radius:5px}.pro-card span{color:var(--primary-color);font-size:2.75rem;font-weight:var(--font-bold)}.pro-card p{color:var(--color-02);font-size:var(--tiny-font-size);font-weight:var(--font-regular);line-height:20px;max-width:100px}.about-buttons{display:flex;flex-wrap:wrap;column-gap:20px;row-gap:25px}.resume-tabs{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:30px;row-gap:30px;margin-bottom:100px}.resume-tabs .tab-btn{display:flex;justify-content:center;align-items:center;column-gap:5px;color:var(--color-01);font-size:var(--medium-font-size);font-weight:var(--font-medium);padding:12px 0;border-radius:25px;cursor:pointer;transition:.3s}.resume-tabs .tab-btn:hover{color:var(--hover-color)}.resume-tabs .tab-btn i{font-size:var(--xlarge-font-size);margin-right:3px}.resume-tabs .tab-btn.active{background:var(--primary-color);color:var(--dark-color);padding:12px 15px}.resume-tabs .tab-btn.active:hover{color:var(--white-color);background:var(--hover-color)}.resume-tab-content{position:relative;width:100%;justify-content:center;margin-bottom:25px;display:none;opacity:0;transition:opacity .3s ease}.resume-tab-content.active{display:flex;opacity:1}.education .resume-line{background:var(--primary-color);width:2px;height:380px}.resume-items{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:125px}.resume-items .item{position:relative;display:flex;justify-content:center;align-items:center}.resume-items .item:before{content:"";position:absolute;background:var(--primary-color);width:15px;height:15px;border-radius:50%}.resume-items .item .info{position:absolute;width:250px;display:flex;justify-content:center;align-items:center;column-gap:25px}.resume-items .item-left .info{right:35px}.resume-items .item-right .info{left:70px}.resume-items .item .info i{color:var(--primary-color);font-size:2.15rem}.resume-items .item .info h5{color:var(--color-02);font-size:var(--h5-font-size);font-weight:var(--font-semi-bold);white-space:break-space;margin-bottom:10px}.resume-items .item .info p{color:var(--color-04);font-size:var(--small-font-size);white-space:nowrap;margin-bottom:18px}.resume-items .item .info span{position:relative;background:var(--primary-color);color:var(--dark-color);font-size:var(--font-medium);padding:3px 12px;border-radius:3px}.experience .resume-line{background:var(--primary-color);width:2px;height:380px}.education,.experience{transform:translateY(35px)}.skill-container{max-width:100%;display:grid;place-items:center;grid-template-columns:repeat(2,1fr);column-gap:50px;row-gap:50px}.skill-card{position:relative;background:var(--card-bg);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:50px 25px;border-bottom:5px solid var(--primary-color);border-radius:10px}.skill-title{display:flex;align-items:center;column-gap:10px;margin-bottom:50px}.skill-title i{font-size:2.15rem;color:var(--primary-color)}.skill-title span{color:var(--color-02);font-size:var(--medium-font-size);font-weight:var(--font-semi-bold)}.skill-categories{display:grid;place-items:start;grid-template-columns:repeat(2,1fr);column-gap:65px;row-gap:35px;padding:0 50px}.skill{display:flex;column-gap:15px}.skill-info{display:flex;flex-direction:column;row-gap:5px}.skill i{font-size:1.35rem;color:var(--primary-color)}.skill-info h5{color:var(--color-02);font-size:var(--h5-font-size);font-weight:var(--font-semi-bold)}.skill-info span{color:var(--color-04);font-size:var(--tiny-font-size)}.service-container{display:grid;place-items:center;grid-template-columns:repeat(3,1fr);column-gap:35px;row-gap:38px}.service-card{position:relative;background:var(--card-bg);width:275px;height:285px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:50px;border-bottom:5px solid var(--primary-color);border-radius:10px;cursor:pointer;overflow:hidden}.service-icon{color:var(--primary-color);font-size:4.15rem}.service-info h4{color:var(--color-02);font-size:var(--h5-font-size);font-weight:var(--font-semi-bold);white-space:nowrap;max-width:150px;margin-top:20px;margin-bottom:25px;white-space:wrap}.service-see-more{font-size:var(--base-font-size);color:var(--color-01);cursor:pointer;transition:.3s}.service-see-more:hover{color:var(--hover-color)}.service-see-more i{font-size:1.15rem;transition:margin-left .3s}.service-see-more:hover i{margin-left:3px}.service-modal-backdrop{z-index:var(--z-overlay);position:fixed;background:var(--modal-backdrop-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow-y:auto;display:none;opacity:0;transition:opacity .3s ease}.service-modal-backdrop.active{opacity:1;transition:opacity .5s ease}.service-modal{position:relative;background:var(--color-03);width:825px;height:fit-content;margin:75px 25px;padding:50px 25px 50px 45px;border-radius:15px;border-bottom:5px solid var(--primary-color);overflow:hidden;transform:scale(0);opacity:0;transition:transform .5s,opactiy .5s}.service-modal.active{transform:scale(1);opacity:1;transition:transform .5s,opactiy .5s}.modal-close-btn{position:absolute;color:var(--color-01);font-size:1.35rem;top:0;right:0;margin:15px;transition:.3s}.modal-close-btn:hover{color:var(--hover-color)}.service-modal .modal-content{display:flex;flex-direction:column;row-gap:25px;max-height:500px;margin-top:50px;padding:10px;overflow-y:auto}.modal-content::-webkit-scrollbar{background:hsl(var(--hue) 25% 20%);width:5px;border-radius:5px}.modal-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--hover-color)}.service-modal .modal-title{max-width:600px;text-align:center;margin-left:auto;margin-right:auto}.service-modal .modal-title h3{color:var(--color-01);font-size:var(--h3-font-size);font-weight:700}.service-modal .modal-title p{color:var(--color-04);font-size:var(--small-font-size);font-weight:var(--font-regular);margin-top:30px;margin-bottom:20px}.service-modal .modal-content h4{color:var(--color-02);font-size:var(--h4-font-size);font-weight:var(--font-semi-bold);margin-bottom:15px}.modal-content .my-services li{display:flex;margin-bottom:25px}.modal-content .my-services li i{color:var(--primary-color);font-size:1.4rem;margin-right:10px}.modal-content .my-services li p{color:var(--color-02);font-size:var(--base-font-size);line-height:22px}.portfolio-tabs{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:30px;row-gap:15px;margin-bottom:85px}.portfolio-tabs .tab-btn{color:var(--color-01);font-size:var(--medium-font-size);font-weight:var(--font-medium);padding:12px 0;border-radius:25px;cursor:pointer;transition:.3s}.portfolio-tabs .tab-btn:hover{color:var(--hover-color)}.portfolio-tabs .tab-btn.active{background:var(--primary-color);color:var(--dark-color);padding:12px 25px}.portfolio-tabs .tab-btn.active:hover{color:var(--white-color);background:var(--hover-color)}.portfolio-container{display:grid;place-items:center;grid-template-columns:repeat(3,1fr);column-gap:50px;row-gap:55px}.portfolio-container .card-with-modal{display:block}.portfolio-container .card-with-modal.hidden{display:none}.portfolio-card{position:relative;background:var(--card-bg);width:350px;border-radius:10px;cursor:pointer;overflow:hidden}.portfolio-card .card-img,.portfolio-card .card-img img{width:100%}.portfolio-card .card-info{position:relative;padding:10px 15px 20px 20px}.portfolio-card .card-info .tags{display:flex;flex-wrap:wrap;justify-content:space-between}.portfolio-card .card-info .tags .new{background:var(--primary-color);color:var(--dark-color);font-size:var(--tiny-font-size);font-weight:var(--font-medium);padding:3px 12px;border-radius:3px;animation:wiggle 2s linear infinite}.portfolio-card .card-info span{display:inline-block;color:var(--color-04);font-size:var(--tiny-font-size);font-weight:var(--font-regular);text-transform:capitalize}.portfolio-card .card-info h4{color:var(--color-02);font-size:var(--medium-font-size);font-weight:var(--font-medium);margin-top:5px}.portfolio-card .card-info i{position:absolute;right:0;bottom:0;color:var(--primary-color);font-size:1.7rem;margin:15px;transform:scale(0);transition:.3s}.portfolio-card:hover .card-info i{transform:scale(1)}.portfolio-modal-backdrop{z-index:var(--z-overlay);position:fixed;background:var(--modal-backdrop-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;overflow-y:auto;display:none;opacity:0;transition:opacity .3s ease}.portfolio-modal-backdrop.active{opacity:1;transition:opacity .5s ease}.portfolio-modal-backdrop::-webkit-scrollbar{background:hsl(var(--hue) 25% 20%);width:8px;border-radius:5px}.portfolio-modal-backdrop::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}.portfolio-modal-backdrop::-webkit-scrollbar-thumb:hover{background:var(--hover-color)}.portfolio-modal{position:relative;background:var(--color-03);max-width:900px;height:fit-content;margin:75px 25px;padding:50px 45px;border-radius:15px;overflow:hidden;transform:scale(0);opacity:0}.portfolio-modal.active{transform:scale(1);opacity:1;transition:transform .5s,opactiy .5s}.portfolio-modal .modal-content{display:flex;justify-content:center;flex-direction:column;row-gap:25px}.portfolio-modal .modal-img{width:100%}.portfolio-modal .modal-img img{width:100%;border-radius:10px}.portfolio-carousel{width:100%;border-radius:.5rem;overflow:hidden}.portfolio-carousel .img-slide{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:2rem;height:inherit;transition:.5s}.portfolio-carousel .img-item{position:relative;height:100%;max-height:430px}.portfolio-carousel .img-item .img-label{position:absolute;top:10px;left:10px;background:#000000b3;color:#fff;padding:5px 10px;border-radius:5px;font-size:.875rem}.portfolio-carousel .img-item .img-label.new{background:var(--primary-color)}.portfolio-carousel .img-item img{display:block;width:100%;object-fit:contain;border-radius:10px}.portfolio-ressource{display:flex;justify-content:space-between}.portfolio-links{display:flex;column-gap:25px}.portfolio-links li{font-size:1.75rem;background:var(--card-bg);width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}.portfolio-links li a{color:var(--primary-color);transition:.3s}.portfolio-links li:hover a{color:var(--hover-color)}.portfolio-carousel-nav{text-align:right}.portfolio-carousel-nav button{display:inline-block;padding:.4rem;background:var(--color-03);border:2px solid var(--primary-color);border-radius:2px;font-size:1rem;color:var(--primary-color);cursor:pointer}.portfolio-carousel-nav button.disabled{border-color:var(--color-04);color:var(--color-04)}.portfolio-carousel-nav .arrow-right{margin-left:1.05em}.portfolio-modal .modal-content .modal-title{color:var(--color-02);font-size:var(--h4-font-size);font-weight:var(--font-semi-bold)}.portfolio-modal .modal-content .modal-title a{color:var(--primary-color)}.portfolio-modal .modal-content .description{color:var(--color-04);font-size:var(--base-font-size);font-weight:var(--font-regular);line-height:1.6rem}.testimonials{position:relative;width:100%;margin-top:12em}.swiper{width:100%;max-width:1050px;height:275px}.swiper-slide{text-align:center;height:100%;display:flex;justify-content:center;align-items:center;column-gap:45px}.swiper-slide .client-img{width:185px}.swiper-slide .client-img img{width:100%;border-radius:10px}.swiper-slide .client-details{max-width:500px;text-align:left}.swiper-slide .client-details h3{color:var(--color-02);font-size:var(--xlarge-font-size);font-weight:var(--font-semi-bold);margin-bottom:5px}.swiper-slide .client-details span{font-size:var(--small-font-size);font-weight:var(--font-regular)}.swiper-slide .client-details p{color:var(--color-02);font-size:var(--base-font-size);font-weight:var(--font-regular);margin-top:15px}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next i,.swiper-button-prev i{color:var(--primary-color);font-size:4.5rem;transition:.3s ease}.swiper-button-next i:hover,.swiper-button-prev i:hover{color:var(--hover-color)}.swiper-pagination-bullet,.swiper-pagination-bullet-active{background:var(--primary-color)}.contact-container{position:relative;display:flex;justify-content:center;align-items:center;column-gap:60px}.contact-info h3{color:var(--color-02);font-size:var(--base-font-size);font-weight:var(--base-font-size);text-transform:uppercase;margin-bottom:40px}.contact-details{display:flex;flex-direction:column;row-gap:60px;margin-bottom:50px}.contact-item{display:flex;align-items:center;column-gap:25px}.contact-icon{color:var(--primary-color);font-size:2rem;background:var(--card-bg);width:75px;height:75px;display:flex;justify-content:center;align-items:center;border-radius:10px}.contact-method{display:flex;flex-direction:column;row-gap:7px}.contact-method span{font-size:var(--tiny-font-size);text-transform:uppercase}.contact-method h4{color:var(--color-02);font-size:var(--base-font-size);font-weight:var(--font-medium)}.contact-method a{color:var(--primary-color);transition:.3s}.contact-method a:hover{color:var(--hover-color)}.contact-method a span{font-size:var(--small-font-size);text-transform:none}.contact-method a i{font-size:var(--medium-font-size)}.contact-social-links{width:100%;display:flex;column-gap:25px}.contact-social-links li{font-size:1.75rem;background:var(--card-bg);width:80px;height:80px;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}.contact-social-links li a{color:var(--primary-color);transition:.3s}.contact-social-links li:hover a{color:var(--hover-color)}.contact-form-body{position:relative;background:var(--card-bg);width:100%;padding:50px;border-radius:35px}.contact-form-body h2{color:var(--color-02);font-size:var(--h2-font-size);font-weight:var(--font-bold);text-transform:uppercase;margin-bottom:30px}.contact-form-body h2 span{color:var(--primary-color)}.contact-form-body p{font-size:var(--tiny-font-size);margin-bottom:45px}.contact-form-body form{display:flex;flex-direction:column;row-gap:15px}.contact-form-body form .input-group input,.contact-form-body form .input-group textarea{color:var(--color-02);font-size:var(--small-font-size);background:hsl(var(--hue) 54% 74% / .1);width:100%;border:none;outline:none;padding:17px 20px;border-radius:10px}.contact-form-body form .input-group textarea{height:185px;resize:none}.contact-form-body form .send-message{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.contact-form-body form .input-group button{font-size:var(--small-font-size);font-weight:var(--font-medium);width:250px;padding:16px 30px;margin-top:10px;transition:.3s}.contact-form-alert{cursor:pointer}.contact-form-alert span{color:var(--color-02);font-size:var(--tiny-font-size);font-weight:var(--font-regular)}.contact-form-alert i{color:var(--primary-color);font-size:1.25rem}.mo-footer{background:var(--footer-bg);padding-top:100px;padding-bottom:165px}.mo-footer .mo-container .inner{display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:40px}.footer-menu{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:22px;row-gap:22px}.footer-menu .menu-item a{color:var(--color-01);font-size:calc(var(--tiny-font-size) - .07rem);font-weight:var(--font-medium);text-transform:uppercase;padding:3px 12px;border-radius:15px;transition:.3s}.footer-menu .menu-item a:hover{color:var(--color-03);background:var(--color-01)}@media screen and (max-width: 1600px){.mo-container{max-width:1075px}.avatar-img{width:385px;height:385px}}@media screen and (max-width: 1200px){.cursor{display:none}.mo-container{max-width:100%;margin-left:50px;margin-right:50px}.section-content{flex-direction:column;column-gap:0;row-gap:50px}.about-img{width:375}.about-details{width:unset}.about-info{display:grid;place-items:center}.about-description{max-width:700px}.about-buttons{width:100%;justify-content:center}.portfolio-container{grid-template-columns:repeat(2,1fr)}.skill-container{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 992px){.avatar-container{flex-direction:column-reverse;row-gap:20px}.avatar-container .hire-btn-01{display:block}.avatar-container .hire-btn-02{display:none}.avatar-img{width:350px}.avatar-info .text-content{text-align:center}.service-container{grid-template-columns:repeat(2,1fr)}.portfolio-container{grid-template-columns:repeat(1,1fr)}.swiper{max-width:700px;height:450px}.swiper-slide{flex-direction:column}.swiper-slide .client-img{margin-bottom:35px}.swiper-slide .client-details{text-align:center}.contact-container{flex-direction:column;row-gap:75px}.contact-info{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.contact-social-links{width:100%;justify-content:center}}@media screen and (max-width: 768px){:root{--h1-font-size: 2.3rem;--h2-font-size: 1.97rem;--h3-font-size: 1.75rem;--h4-font-size: 1.3rem;--h5-font-size: 1.05rem;--xlarge-font-size: 1.28rem;--large-font-size: 1.13rem;--medium-font-size: 1.06rem;--base-font-size: 1rem;--small-font-size: .93rem;--tiny-font-size: .88rem}.mo-container{margin-left:25px;margin-right:25px}.mo-logo a{font-size:2.35rem}.lets-talk-btn{display:none}.lets-talk-icon{display:block;font-size:1.6rem;color:var(--color-01)}.theme-btn i{font-size:1.6rem}.bottom-nav{bottom:-30px}.bottom-nav.active{bottom:30px}.bottom-nav .menu li a i{font-size:1.25rem}.home-social .social-line{margin-top:32px;margin-bottom:20px}.resume-items .item .info{width:185px;column-gap:15px}.resume-items .item-left .info{right:25px}.resume-items .item-right .info{left:75px}.resume-items .item .info i{display:none}.skill-card{padding:50px 0}.skill i{font-size:1.25rem}.service-container{grid-template-columns:repeat(1,1fr)}.service-card{width:245px;height:250px}.service-icon{font-size:3.25rem}.service-info h4{white-space:wrap;max-width:unset}.service-modal,.portfolio-modal{padding:50px 20px}.portfolio-container{row-gap:35px}.swiper-button-next i,.swiper-button-prev i{font-size:4rem}.contact-form-body{padding:35px;border-radius:10px}.footer-menu{column-gap:10px}.to-top-btn.active{right:20px}}@media screen and (max-width: 480px){:root{--h1-font-size: 2.25rem;--h2-font-size: 1.9rem;--h3-font-size: 1.65rem;--h4-font-size: 1.25rem;--h5-font-size: 1.02rem;--xlarge-font-size: 1.25rem;--large-font-size: 1.1rem;--medium-font-size: 1.03rem;--base-font-size: 1rem;--small-font-size: .9rem;--tiny-font-size: .85rem}.mo-logo a{font-size:2rem}.mo-container{margin-left:20px;margin-right:20px}.mo-header{padding:20px 0}.header-btns{column-gap:15px}.home-container .mo-wrapper{flex-direction:column-reverse}.home-social{position:relative}.home-social span,.home-social .social-line{display:none}.home-social .social-icons{flex-direction:row;gap:30px;margin-top:35px}.avatar-container{row-gap:0;width:100%}.home-scroll-btn{display:none}.avatar-img{width:85%;height:fit-content;margin-bottom:94%}.bottom-nav{width:100%;padding:0 20px}.bottom-nav .menu{padding:17px 25px;justify-content:space-between;column-gap:7px;width:100%}.bottom-nav .menu li a i{font-size:1.15rem;padding:7px}.bottom-nav .menu-hide-btn{font-size:1.25rem}.menu-show-btn{width:75px;height:45px;row-gap:4px;bottom:-30px}.menu-show-btn.active{bottom:30px}.menu-show-btn .bar-01,.menu-show-btn .bar-02{width:37px;height:3px}.about-img{width:100%;max-width:375px}.pro-list{grid-template-columns:repeat(auto-fill,minmax(180px,2fr))}.pro-card{flex-direction:column;row-gap:3px}.pro-card span{font-size:2.5rem}.pro-card p{max-width:100%;text-align:center}.about-buttons{column-gap:15px}.resume-items .item .info{width:140px}.resume-items .item-left .info{right:20px}.resume-items .item-right .info{left:45px}.resume-items .item .info p{white-space:wrap}.skill-container{row-gap:35px}.skill-card{padding:35px 0}.skill-title{margin-bottom:35px}.skill-categories{padding:0 25px;column-gap:35px}.service-container,.card-with-modal{width:100%}.service-card{margin:0 auto}.service-modal{padding:50px 15px;margin:75px 20px}.portfolio-container{row-gap:25px;width:100%}.portfolio-card{width:100%}.portfolio-modal{padding:65px 20px}.contact-details{row-gap:35px}.contact-social-links{column-gap:20px}.contact-social-links li{width:60px;height:60px;font-size:1.5rem}.contact-form-body{padding:35px 20px}.contact-form-body h2{text-align:center;font-size:1.5rem}.contact-form-body .input-group{display:grid;place-items:center}.to-top-btn{display:none}}.process-container{display:grid;gap:3rem;margin-top:3rem}.process-step{display:grid;grid-template-columns:auto 1fr;gap:2rem;padding:2rem;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden}.process-step:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary-color),var(--hover-color));transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.process-step:hover:before{transform:scaleY(1)}.process-step:hover{transform:translateY(-5px);box-shadow:0 10px 30px #7cb3f533;border-color:var(--primary-color)}.process-number{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--hover-color));display:flex;align-items:center;justify-content:center;font-size:var(--h1-font-size);font-weight:var(--font-bold);color:var(--dark-color);flex-shrink:0;position:relative;box-shadow:0 4px 15px #7cb3f54d}.process-number:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--primary-color);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.process-content h4{font-size:var(--h3-font-size);margin-bottom:.5rem;color:var(--primary-color)}.process-content .duration{display:inline-block;padding:4px 12px;background:#7cb3f51a;border-radius:20px;font-size:var(--tiny-font-size);color:var(--primary-color);margin-bottom:1rem;font-weight:var(--font-semi-bold)}.process-content p{color:var(--text-color-light);line-height:1.8;margin-bottom:1rem}.process-content ul{list-style:none;margin-top:1rem}.process-content ul li{padding:.5rem 0 .5rem 2rem;position:relative;color:var(--text-color-light)}.process-content ul li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:var(--font-bold);font-size:1.2rem}@media screen and (max-width: 768px){.process-step{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.process-number{width:60px;height:60px;font-size:var(--h2-font-size);margin:0 auto}.process-content{text-align:center}.process-content ul li{text-align:left}}body.light-theme .process-step{background:#fff;border-color:#e0e0e0}body.light-theme .process-step:hover{box-shadow:0 10px 30px #0000001a}body.light-theme .process-content .duration{background:#7cb3f526}.project-metrics{display:flex;gap:1.5rem;margin-top:2rem;padding:1.5rem;background:#7cb3f50d;border-radius:12px;border:1px solid rgba(124,179,245,.1);flex-wrap:wrap;justify-content:center}.metric{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);min-width:100px;transition:all .3s ease;position:relative;overflow:hidden}.metric:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--hover-color));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.metric:hover:before{transform:scaleX(1)}.metric:hover{transform:translateY(-5px);box-shadow:0 8px 20px #7cb3f533;border-color:var(--primary-color)}.metric .value{font-size:var(--h2-font-size);font-weight:var(--font-bold);color:var(--primary-color);line-height:1}.metric .label{font-size:var(--tiny-font-size);color:var(--text-color-light);text-align:center;font-weight:var(--font-medium)}.metric .icon{font-size:1.5rem;color:var(--primary-color);margin-bottom:.5rem}.metric .value.counter{animation:countUp 1s ease-out}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.metric.lighthouse .value{background:linear-gradient(135deg,#0cce6b,#2e7d32);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric.performance .value{background:linear-gradient(135deg,var(--primary-color),#4FC3F7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric.speed .value{background:linear-gradient(135deg,#ff6b6b,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media screen and (max-width: 768px){.project-metrics{gap:1rem;padding:1rem}.metric{min-width:80px;padding:.75rem 1rem}.metric .value{font-size:var(--h3-font-size)}.metric .label{font-size:.65rem}}body.light-theme .project-metrics{background:#7cb3f514}body.light-theme .metric{background:#fff;border-color:#e0e0e0}body.light-theme .metric:hover{box-shadow:0 8px 20px #0000001a}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:#7cb3f51a;z-index:9999;pointer-events:none}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--hover-color));width:0%;transition:width .1s ease;box-shadow:0 0 10px #7cb3f580}.particle{position:fixed;width:4px;height:4px;background:var(--primary-color);border-radius:50%;pointer-events:none;z-index:9999;animation:particleFade .8s ease-out forwards}@keyframes particleFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.animated-bg-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(124,179,245,.05) 0%,transparent 50%);pointer-events:none;z-index:-1;transition:background .3s ease}.floating-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--hover-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--dark-color);font-size:1.5rem;cursor:pointer;box-shadow:0 4px 20px #7cb3f566;transition:all .3s ease;z-index:998;animation:pulse 2s infinite}.floating-btn:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 6px 30px #7cb3f599}@keyframes pulse{0%,to{box-shadow:0 4px 20px #7cb3f566,0 0 #7cb3f566}50%{box-shadow:0 4px 20px #7cb3f566,0 0 0 15px #7cb3f500}}.toast-container{position:fixed;top:80px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px}.toast{background:var(--card-bg);color:var(--text-color);padding:16px 20px;border-radius:12px;border-left:4px solid var(--primary-color);box-shadow:0 4px 20px #0003;display:flex;align-items:center;gap:12px;min-width:300px;animation:slideInRight .3s ease;transition:all .3s ease}.toast.success{border-left-color:#0cce6b}.toast.error{border-left-color:#ff6b6b}.toast.info{border-left-color:var(--primary-color)}.toast:hover{transform:translate(-5px)}.toast .icon{font-size:1.5rem}.toast.success .icon{color:#0cce6b}.toast.error .icon{color:#ff6b6b}.toast.info .icon{color:var(--primary-color)}.toast .message{flex:1;font-size:var(--small-font-size)}.toast .close{cursor:pointer;opacity:.6;transition:opacity .2s}.toast .close:hover{opacity:1}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:#000000e6;display:none}.matrix-rain.active{display:block;animation:fadeIn .5s ease}.matrix-rain canvas{width:100%;height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confetti{position:fixed;width:10px;height:10px;background:var(--primary-color);pointer-events:none;z-index:9999;animation:confettiFall 3s linear forwards}@keyframes confettiFall{to{transform:translateY(100vh) rotate(360deg);opacity:0}}.portfolio-card,.service-card,.process-step{transition:all .3s cubic-bezier(.4,0,.2,1)}.portfolio-card:hover,.service-card:hover{transform:translateY(-10px) scale(1.02)}.ripple{position:absolute;border-radius:50%;background:#7cb3f54d;transform:scale(0);animation:ripple .6s ease-out;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.animated-gradient-text{background:linear-gradient(90deg,var(--primary-color),var(--hover-color),var(--primary-color));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% center}50%{background-position:100% center}}.magnetic-btn{transition:transform .2s ease}.parallax{transition:transform .3s ease-out}@media screen and (max-width: 768px){.scroll-progress{height:3px}.floating-btn{width:50px;height:50px;font-size:1.2rem}.toast{min-width:250px;padding:12px 16px}.particle{display:none}}body.light-theme .toast{background:#fff;box-shadow:0 4px 20px #0000001a}body.light-theme .scroll-progress{background:#7cb3f533}: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:translateZ(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);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-slide,.swiper-3d .swiper-cube-shadow{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-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.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:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .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)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal~.swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-next .swiper-navigation-icon{transform:rotate(180deg)}.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-prev .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}.swiper-vertical .swiper-button-prev .swiper-navigation-icon,.swiper-vertical~.swiper-button-prev .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}.swiper-vertical .swiper-button-next .swiper-navigation-icon,.swiper-vertical~.swiper-button-next .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(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-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{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,.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;-moz-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-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-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:translate(-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-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}