.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;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-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,.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-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:transform .2s,top .2s}.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:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.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}: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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:normal;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.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-button-lock{display:none}.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-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-background-variant);padding:10px;border-radius:7px;height:170px;border:1.6px solid var(--color-primary-variant);flex-grow:1;transform:var(--solidTranslate-v2);transform-style:preserve-3d;width:200px}.card .sub-text,.card h5{margin:6px 0;text-align:center}.card .sub-text a{width:200px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media screen and (max-width:768px){.card{width:100%;height:-moz-fit-content;height:fit-content;justify-content:flex-start}.card .sub-text a{width:unset}}.fs__container{width:100%;flex-grow:1;overflow:hidden}.fs__container,.fs__content{border-radius:6px;height:100%}.fs__content{transition:transform .6s ease-out;transform-style:preserve-3d;position:relative}.fs__container .section-header{font-size:18px}.fs__container .fs__back-face,.fs__container .fs__front-face{transform-style:preserve-3d;position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;background-color:var(--color-background)}.fs__container .fs__back-face{transform:rotateY(.5turn)}.fs__content.sayImHere{animation:sayImHere 1s ease-in-out forwards;pointer-events:none}@media screen and (min-width:768px){.fs__container .fs__content{display:flex;transform-style:flat;gap:16px}.fs__container .fs__content .fs__back-face,.fs__container .fs__content .fs__front-face{transform:revert;position:static;transform-style:flat;background-color:transparent}.fs__container:hover .fs__content{transform:revert}.sayImHere{animation:none!important}}@keyframes sayImHere{50%{transform:rotateY(-.5turn)}to{transform:rotateY(0)}}.fs__container .fs__content.flip{transform:rotateY(-.5turn)}:root{--marquee-transition-duration:6s}.marquee__container ul{list-style:none}li,ul{margin:0;padding:0}.marquee-header{color:var(--color-primary);display:flex;align-items:center;padding:12px;gap:12px;text-decoration:underline}.marquee-header svg{color:#fff;width:16px;height:16px}.marquee__container{margin-bottom:8px;overflow-x:hidden}.marquee__content{display:flex;align-items:center;gap:16px}.marquee__content:hover{animation-play-state:paused!important}.project-marquee-item{width:100px;height:100px;flex-shrink:0;position:relative;cursor:pointer;overflow:hidden}.project-marquee-item .overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.568);opacity:0;transition:all var(--transition)}.marquee__container .project-marquee-item span{position:absolute;padding:2px;inset:0;font-size:12px;text-align:center;display:flex;justify-content:center;align-items:flex-end;font-weight:700;transition:opacity var(--transition) .2s,transform var(--transition) ease-out;opacity:0;transform:translateY(100%)}.marquee__container .project-marquee-item:hover span{transform:translateY(0);opacity:1}.marquee__container .project-marquee-item:hover .overlay{opacity:1}.project-marquee-item .img-wrapper{width:100%;height:100%;border-radius:6px;overflow:hidden}.project-marquee-item .img-wrapper img{width:100%;height:100%;object-fit:cover}@keyframes infinite-marquee{0%{transform:translateX(100vw)}to{transform:translateX(var(--marquee-width,-100vw))}}.about{display:flex;flex-direction:column}.about .main{display:grid;grid-template-columns:1fr;width:100%;grid-gap:16px;gap:16px;flex-grow:1}.about .left-hand{width:100%;background-color:var(--color-background)}.about .left-hand .img-wrapper{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content;background-color:var(--color-background);padding:12px;margin:auto;transform-style:preserve-3d;max-width:349px;max-height:100%}.about .left-hand .img-wrapper img{width:100%;height:100%;object-fit:cover}.about .left-hand .img-wrapper:before{content:"";position:absolute;border:15px solid var(--color-primary);left:0;top:0;bottom:0;right:0;z-index:50;transform:var(--solidTranslate-v1)}.about .cards{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;margin-bottom:24px;grid-gap:17px;gap:17px;width:100%;transform-style:preserve-3d}.about .cards a{color:var(--color-white);transform-style:preserve-3d}.about .right-hand{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--color-background);padding:12px}.about .right-hand .sub-text{text-align:start;margin-bottom:10px}.about .right-hand .sub-text a{text-transform:uppercase;color:var(--color-white)}.about .right-hand .fs__back-face a:last-child{margin:4px 4px 0 auto}@media (min-width:769px) and (max-width:1024px){.about .right-hand .cards{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.about .right-hand .cards{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin-bottom:16px}.about .main{grid-template-columns:1fr;grid-template-rows:1fr;justify-content:center;align-content:center;align-items:center;justify-items:center}.about .main .img-wrapper{max-height:unset;height:100%}.about .main img{transform:rotate(0deg);max-height:100%}}.contact{display:flex;flex-direction:column}.contact form{position:relative;width:-moz-fit-content;width:fit-content;margin:auto;transform-style:preserve-3d}.contact .fs__content .section-header{margin-bottom:6px;transform-style:preserve-3d;transform:var(--solidTranslate-v3)}.contact .cards-side{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:15px;padding:6px;height:100%;transform-style:preserve-3d}.contact .cards-side p.sub-text a{text-transform:none}.contact .cards-side a{color:var(--color-primary)}.contact .contact-side{padding:12px}.contact .inp-co,.contact button{transform-style:preserve-3d;transform:var(--solidTranslate-v1)}@media screen and (max-width:768px){.contact-side{width:100%}.contact-side input,textarea{max-width:100%;min-width:100%}.contact .cards-side{width:100%;flex-direction:column;flex-wrap:nowrap}.contact form{width:100%}}.experience{display:flex;flex-direction:column}.experience-container{width:100%;flex-grow:1}.experience .knowlege-skills,.experience .main-skills{background-color:var(--color-background-variant);padding:10px 28px 34px;border-radius:20px;position:absolute;transform-style:preserve-3d}.experience .fs__container .section-header{font-size:18px;font-weight:800;transform:var(--solidTranslate-v3)}.experience .skill-container{margin:12px 0;transform-style:preserve-3d}.experience .skill-container span{font-size:14px;transform:var(--solidTranslate-v2);display:block}.experience .skill-container .skill-ratio{position:relative;background-color:#fff;height:17px;border-radius:2px;transform:var(--solidTranslate-v1)}.experience .skill-container .skill-ratio .the-ratio{animation:skill-bar 1s ease-out forwards;position:absolute;height:100%;background-color:var(--color-primary)}.experience .skill-container .skill-ratio .the-ratio:before{position:absolute;content:attr(data-skill);bottom:22px;right:0;border:1px solid white;background-color:var(--color-white);font-size:12px;padding:2px;color:var(--color-background-variant);transform:translate(50%)}.experience .skill-container .skill-ratio .the-ratio:after{content:"";width:6px;height:6px;background-color:var(--color-white);position:absolute;right:0;bottom:23px;transform:rotate(45deg) translateX(5px)}.experience .ad-skills-container{display:grid;grid-row-gap:50px;row-gap:50px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;justify-content:center;transform-style:preserve-3d}.experience .ad-skills-container .add-skill{display:flex;gap:12px;font-size:14px;transform-style:preserve-3d}.experience .ad-skills-container .add-skill>div:nth-child(2){transform-style:preserve-3d}.experience .ad-skills-container .add-skill>div:nth-child(2)>div:first-child{transform:var(--solidTranslate-v2)}.experience .ad-skills-container .add-skill>div:nth-child(2)>div:nth-child(2){transform:var(--solidTranslate-v1)}.experience .ad-skills-container .add-skill .icon{color:var(--color-primary);transform-style:preserve-3d;transform:var(--solidTranslate-v2)}@media screen and (max-width:768px){.ad-skills-container{column-gap:34px}.experience .ad-skills-container{justify-content:unset}.experience .skill-card{max-width:unset}}@media screen and (min-width:768px){.click-promotion{display:none}.experience .knowlege-skills,.experience .main-skills{background-color:var(--color-background-variant)!important}}.services-container{width:100%}.services-container .front-services{width:352px;margin:0 auto;min-height:470px;background-color:var(--color-background-variant);border-radius:0 0 40px 40px;border:1px solid var(--color-primary)}.services-container .front-services .header{height:77px;background-color:var(--color-primary);border-radius:0 0 24px 24px;color:var(--color-background-variant);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.services-container .front-services .s-c{margin:32px 26px}.services-container .front-services .s-c .services-skill-container{font-size:12px;margin-bottom:15px;display:flex;gap:12px;align-items:center}.services-container .front-services .s-c .services-skill-container .icon{color:var(--color-primary)}@media screen and (max-width:768px){.services-container .front-services{max-width:-moz-fit-content;max-width:fit-content}}.container-testmonials{width:100%}.container-testmonials img{max-width:100%;border-radius:6px}.container-testmonials .swiper-slide{width:50%!important}.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--color-primary)!important}.swiper-pagination-bullet{background-color:white!important;margin:0 13px!important;width:12px!important;height:12px!important}@media screen and (max-width:768px){.container-testmonials{width:100%}.container-testmonials .swiper-slide{width:100%!important}}.home-sec{height:var(--net-viewport,100vh);margin-top:0;text-align:center;overflow:hidden}.home-sec,.home-sec .animation{display:flex;justify-content:center;align-items:center;flex-direction:column}.hello{font-size:16px;letter-spacing:5px}.my-name{font-size:50px;font-weight:700;letter-spacing:6px}.my-name span.span{color:var(--color-primary)}.home-sec .home-links .link-co{display:inline-flex;justify-content:center;align-items:center;margin:8px 10px 0;border-radius:5px}.home-sec .home-links a{color:var(--color-primary);transition:all .4s}.home-sec .home-links .link-co a[href="https://facebook.com/rraaamm_s"]:hover{color:rgb(57,138,204)}.home-sec .home-links .link-co a[href="https://www.instagram.com/ramfarid_s/"]:hover{color:rgb(216,23,23)}.home-sec .home-links .link-co a[href="https://github.com/RamFarid"]:hover{color:black}.home-sec .home-links .link-co a[href="https://www.linkedin.com/in/ram-farid-2a6760273"]:hover{color:#0072b1}.btns-home{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px}.Typewriter__cursor{font-weight:100}.scroll-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;height:100vh}.scroll-container::-webkit-scrollbar{display:none}.scroll-item{height:100dvh}.scroll-item,section{scroll-snap-align:start}section{position:relative;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:transform .8s ease}.home_slider section:first-child{background-image:url(/_next/static/media/bg-1.4c8b248a.jpg)}.home_slider section:nth-child(2){background-image:url(/_next/static/media/bg-2.b09a08a9.jpg)}.home_slider section:nth-child(3){background-image:url(/_next/static/media/bg-3.f9cba24d.jpg)}.home_slider section:nth-child(4){background-image:url(/_next/static/media/bg-4.2818037a.jpg)}.home_slider section:nth-child(5){background-image:url(/_next/static/media/bg-5.450b22b7.jpg)}.home_slider section:nth-child(6){background-image:url(/_next/static/media/bg-6.bbbd73b2.jpg)}@media screen and (max-width:768px){.my-name{letter-spacing:6px;font-size:22px;font-weight:600}}