@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Open+Sans:wght@400;600;700;800&family=Roboto+Condensed:wght@300;400;700&family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap);
@charset "UTF-8";html{scroll-behavior:smooth;scroll-padding-top:var(--scroll-padding,100px)}body{background-color:#282828;margin:0}*{box-sizing:border-box;font-display:swap;font-family:Lato,sans-serif;font-size:14px;transition:all .3s ease}a,a:hover{text-decoration:none}a:hover{cursor:pointer}img{width:100%}ul{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif}p{line-height:2}.custom-input{background-color:transparent;border:1px solid transparent;border-radius:5px;height:40px;padding:5px 15px;width:100%}.custom-input.dark{background-color:rgba(68,68,68,.4)}.custom-input.dark:focus{outline:1px solid rgba(204,165,79,.5)}.bt{background-color:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer;font-family:Lato,sans-serif;font-size:11px;letter-spacing:5px;padding:15px 30px;position:relative;text-align:center;text-transform:uppercase;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bt:before{background-color:#282828;border-radius:99999px;content:"";height:2px;left:20px;position:absolute;top:50%;transition:all .2s linear;width:0}.bt:hover{padding-left:60px}.bt:hover:before{width:25px}.bt.common{background-color:#cca54f;color:#fefefe}.bt.common:before{background-color:#282828}.bt.outlined{border-color:#fefefe;color:#fefefe}.bt.outlined:before{background-color:#cca54f}.content-container{margin-bottom:100vh;margin-left:100px;position:relative;z-index:700}.content-container.not-home{min-height:100vh;padding-top:90px;position:relative}.backdrop-title{left:0;line-height:40px;position:absolute}.backdrop-title h1{align-items:center;color:hsla(0,0%,80%,.2);display:flex;font-display:swap;font-family:Poppins,sans-serif!important;font-size:10vw!important;margin:0;text-transform:uppercase}.backdrop-title h1 .slash{background-color:rgba(204,165,79,.1);height:12vw;margin:0 2vw;transform:skew(-15deg);width:4vw}.backdrop-title h1 .slash:last-child{margin-left:0}.backdrop-title h1:after{display:none}.area-title .title-area{background-attachment:fixed;background-image:url(/images/Profmox_Ntebogang_Technologies_Junior_Fullstack_Developer.webp);background-position:50%;background-size:cover;color:#fcfcfc;margin-bottom:60px;position:relative}.area-title .title-area .overlay{background-color:#282828;bottom:-90px;left:0;position:absolute;top:0;width:44%}.area-title .title-area .text-area{background-color:rgba(40,40,40,.7);padding:60px 30px 30px;position:relative}.area-title .title-area .text-area .box{background-color:#3b3b3b;border:1px solid #5c5c5c;height:8px;margin:20px 0 30px;position:relative;width:50px}.area-title .title-area .text-area h1{font-family:Roboto Condensed,sans-serif;font-size:46px;margin-top:0;padding-bottom:20px;position:relative;text-transform:uppercase}.area-title .title-area .text-area h1 span{color:#cca54f;font-family:Roboto Condensed,sans;font-size:46px}.area-title .title-area .text-area h1:after{border-top:1px dotted #5c5c5c;bottom:0;content:"";left:0;position:absolute;width:50px}.area-title .title-area .text-area p{position:relative;width:45%}.accord-area{margin-bottom:30px}.accord-area .accord-title{border:1px solid #e7e7e7;border-radius:5px;cursor:pointer;padding:15px 90px 15px 30px;position:relative}.accord-area .accord-title h1{font-display:swap;font-family:Roboto Condensed,sans-serif;font-weight:500;letter-spacing:3px;margin:0;text-transform:uppercase}.accord-area .accord-title:after{align-items:center;background-color:#cca54f;bottom:0;color:#e7e7e7;content:"+";display:flex;font-size:18px;font-weight:700;justify-content:center;position:absolute;right:0;top:0;width:60px}.accord-area .accord-body{height:0;overflow:hidden}.accord-area .accord-body p{margin:0}.accord-area .accord-body ul{list-style:disc;padding-left:20px}.accord-area .accord-body ul li{margin-bottom:5px}.accord-area.active .accord-title{background-color:#282828;color:#e7e7e7}.accord-area.active .accord-title:after{content:"−"}.accord-area.active .accord-body{border:1px solid #e7e7e7;border-radius:5px;height:auto;margin-top:10px;padding:15px 30px}@media screen and (max-width:991px){.content-container{margin-bottom:0;margin-left:0;min-height:auto}.area-title .title-area p{width:70%!important}}@media screen and (max-width:600px){.area-title .title-area p{width:100%!important}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes grow-left{0%{transform:scaleX(0);transform-origin:right}to{transform:scaleX(1);transform-origin:right}}@keyframes grow-left{0%{transform:scaleX(0);transform-origin:right}to{transform:scaleX(1);transform-origin:right}}@-webkit-keyframes slide-down-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes slide-down-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}#navbar-area .side-nav{background-color:rgba(44,44,44,.8);height:100vh;left:0;padding:25px;position:fixed;top:0;width:100px;z-index:1000}#navbar-area .side-nav .logo{filter:grayscale(1);margin-bottom:30px}#navbar-area .side-nav .menu-toggler{color:#949494;cursor:pointer;font-family:Roboto Condensed;font-weight:500;height:70px;letter-spacing:2px;margin:0 auto 60px;text-align:center;width:35px}#navbar-area .side-nav .menu-toggler .icon{height:25px;margin-bottom:15px;padding:5px 0}#navbar-area .side-nav .menu-toggler .icon div{background-color:#cca54f;height:2px;width:100%}#navbar-area .side-nav .menu-toggler .icon div:nth-child(2){margin:5px 0;width:60%}#navbar-area .side-nav .menu-toggler .icon div:last-child{width:0}#navbar-area .side-nav .menu-toggler .icon.toggled{display:none}#navbar-area .side-nav .menu-toggler .icon.untoggled{display:block}#navbar-area .side-nav .menu-toggler:hover .icon div{width:100%}#navbar-area .side-nav .menu-toggler.toggled .icon.untoggled{display:none}#navbar-area .side-nav .menu-toggler.toggled .icon.toggled{display:block;position:relative}#navbar-area .side-nav .menu-toggler.toggled .icon.toggled div{margin:0;position:absolute;width:100%}#navbar-area .side-nav .menu-toggler.toggled .icon.toggled div:first-child{transform:rotate(45deg)}#navbar-area .side-nav .menu-toggler.toggled .icon.toggled div:last-child{transform:rotate(-45deg)}#navbar-area .side-nav .vert-line{background-color:#686868;height:50px;margin:0 auto 30px;width:1px}#navbar-area .side-nav .socials{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto}#navbar-area .side-nav .socials a{align-items:center;border:1px solid #686868;color:#949494;display:flex;height:35px;justify-content:center;margin-bottom:15px;width:35px}#navbar-area .side-nav .socials a:last-child{margin-bottom:0}#navbar-area .side-nav .socials a:hover{border-radius:99999px}#navbar-area .side-nav .share-button{align-items:center;background-color:#cca54f;bottom:0;color:#fefefe;cursor:pointer;display:flex;height:90px;justify-content:center;left:0;position:fixed;width:100px;z-index:1000}#navbar-area .side-nav .share-button .share-tooltip{-webkit-animation:fade-out .6s ease forwards;animation:fade-out .6s ease forwards;background-color:#282828;color:#fefefe;font-size:10px;left:0;letter-spacing:3px;padding:15px 40px 15px 30px;pointer-events:none;position:absolute;text-transform:uppercase;top:-65px;white-space:nowrap}#navbar-area .side-nav .share-button span{font-size:30px}#navbar-area .side-nav .share-button .untoggled{display:block}#navbar-area .side-nav .share-button .toggled,#navbar-area .side-nav .share-button.toggled .untoggled{display:none}#navbar-area .side-nav .share-button.toggled .toggled{display:block}#navbar-area .side-nav .share-button:hover .share-tooltip{-webkit-animation:fade-in .6s ease forwards;animation:fade-in .6s ease forwards;top:-42px}#navbar-area .menu-area{background-color:rgba(40,40,40,.8);height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:0;z-index:999}#navbar-area .menu-area .links-area{background-color:#282828;height:100vh;overflow-x:hidden;overflow-y:scroll;padding:100px 90px 0 160px;width:45%}#navbar-area .menu-area .links-area::-webkit-scrollbar{display:none}#navbar-area .menu-area .links-area .name{margin-bottom:60px;position:relative;width:180px}#navbar-area .menu-area .links-area .name a{color:#fefefe;display:block;font-family:Roboto Condensed,sans-serif;font-size:26px;letter-spacing:5px;text-transform:uppercase}#navbar-area .menu-area .links-area .name:after{background:hsla(0,0%,100%,.071);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:-8px;transition:all .3s linear;width:50%}#navbar-area .menu-area .links-area .name:hover:after{width:0}#navbar-area .menu-area .links-area .name .bg{background-color:#282828;height:100%;padding:5px 40px 5px 0;width:50%}#navbar-area .menu-area .links-area .name:hover .bg{width:100%}#navbar-area .menu-area .links-area .links{height:100%;overflow-x:hidden;overflow-y:scroll;padding-left:10px;position:relative}#navbar-area .menu-area .links-area .links::-webkit-scrollbar{display:none}#navbar-area .menu-area .links-area .links li{font-size:15px;margin-bottom:10px}#navbar-area .menu-area .links-area .links li,#navbar-area .menu-area .links-area .links li a{color:#fefefe;font-family:Roboto Condensed,sans-serif;font-weight:500;letter-spacing:3px;text-transform:uppercase}#navbar-area .menu-area .links-area .links li a{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:10px 20px 10px 0;position:relative;width:100%}#navbar-area .menu-area .links-area .links li a:after{background:hsla(0,0%,100%,.071);content:"";height:100%;left:-10px;pointer-events:none;position:absolute;top:0;transition:all .3s linear;width:0}#navbar-area .menu-area .links-area .links li a:hover{color:#cca54f}#navbar-area .menu-area .links-area .links li a:hover:after{width:100%}#navbar-area .menu-area .links-area .links li a.expanded~.inner-links{right:0}#navbar-area .menu-area .links-area .links li .icon{color:#cca54f}#navbar-area .menu-area .links-area .links li .inner-links{background-color:#282828;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;height:100%;padding-left:10px;position:absolute;right:-200%;top:0;width:100%;z-index:1000}#navbar-area .menu-area .links-area .links li .inner-links .shrinking-link{cursor:pointer}#navbar-area .menu-area.active{width:100%}#navbar-area .share-panel{background-color:rgba(40,40,40,.8);height:100vh;left:100vw;position:fixed;right:0;top:0;z-index:1000}#navbar-area .share-panel.active{left:100px}#navbar-area .share-panel.active ul{transform:scaleX(1);width:70%}#navbar-area .share-panel .close-share-panel{align-items:center;border:1px solid #686868;color:#fefefe;cursor:pointer;display:flex;font-family:Roboto Condensed,sans-serif;font-size:12px;justify-content:center;letter-spacing:2px;padding:10px 80px;position:absolute;right:-60px;text-transform:uppercase;top:100px}#navbar-area .share-panel .close-share-panel span{margin-left:30px}#navbar-area .share-panel .close-share-panel:hover{background-color:#cca54f}#navbar-area .share-panel ul{align-items:center;background-color:#282828;display:flex;flex-direction:column;height:100vh;justify-content:end;padding-bottom:100px;position:relative;transform:scaleX(0);width:0}#navbar-area .share-panel ul:after{background-color:#333;bottom:0;content:"";height:15%;position:absolute;right:0;width:45%}#navbar-area .share-panel ul li{margin-bottom:10px;min-width:200px;padding:10px 0;text-transform:uppercase}#navbar-area .share-panel ul li a{border-bottom:2px solid transparent;color:#fefefe;font-family:Roboto Condensed,sans-serif;font-size:16px;letter-spacing:2px}#navbar-area .share-panel ul li:hover a{border-color:#fefefe}#navbar-area .share-panel .label{color:#474747;font-size:110px;font-weight:700;left:-60px;position:absolute;text-transform:uppercase;top:220px;transform:rotate(-90deg)}#navbar-area .navs-area{-ms-grid-rows:90px;background-color:#2e2e2e;bottom:0;display:grid;grid-template:90px/repeat(12,1fr);height:90px;left:0;position:absolute;width:100%;z-index:800}#navbar-area .navs-area .mouse-area{-ms-grid-column-span:2;align-items:center;color:#949494;display:flex;font-family:Roboto Condensed,sans-serif;font-size:10px;font-weight:600;-ms-grid-column:2;grid-column:2/4;justify-content:center;letter-spacing:2px;padding:0 10px;text-transform:uppercase}#navbar-area .navs-area .mouse-area .mouse{border:2px solid #686868;border-radius:5px;height:30px;margin-right:10px;width:20px}#navbar-area .navs-area .mouse-area .mouse .scroller{-webkit-animation:slide-down-fade 3s ease-out infinite forwards;animation:slide-down-fade 3s ease-out infinite forwards;background-color:#cca54f;border-radius:99999px;height:7px;margin:5px auto;width:3px}#navbar-area .navs-area .links{-ms-grid-column-span:7;background-color:#282828;border:1px solid #474747;border-bottom:none;border-top:none;-ms-grid-column:4;grid-column:4/11}#navbar-area .navs-area .links ul{-ms-grid-rows:90px;display:grid;grid-template:90px/repeat(6,1fr);padding-left:15px;padding-right:30px}#navbar-area .navs-area .links ul li{align-items:center;display:flex;justify-content:center}#navbar-area .navs-area .links ul li a{color:#949494;font-family:Roboto condensed,sans-serif;font-size:12px;font-weight:600;letter-spacing:2px;padding-left:25px;position:relative;text-transform:uppercase}#navbar-area .navs-area .links ul li a:before{background-color:#949494;content:"";height:1px;left:0;margin-right:10px;position:absolute;top:45%;width:12px}#navbar-area .navs-area .links ul li a:hover,#navbar-area .navs-area .links ul li.active a{color:#cca54f}#navbar-area .navs-area .links ul li.active a:before{background-color:#cca54f;height:2px}#navbar-area .navs-area .links ul li.back-to-home{grid-column:span 2}#navbar-area .navs-area .links ul li.back-to-home a{align-items:center;display:flex;padding:10px 20px 10px 0}#navbar-area .navs-area .links ul li.back-to-home a span{align-items:center;color:#cca54f;display:flex;font-size:16px;justify-content:center;margin-right:20px;transition:transform .6s ease}#navbar-area .navs-area .links ul li.back-to-home a:before{display:none}#navbar-area .navs-area .links ul li.back-to-home a:after{background:hsla(0,0%,100%,.071);bottom:0;content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;transition:all .3s linear;width:30%}#navbar-area .navs-area .links ul li.back-to-home a:hover{color:#949494}#navbar-area .navs-area .links ul li.back-to-home a:hover span{transform:rotateX(1turn)}#navbar-area .navs-area .links ul li.back-to-home a:hover:after{width:70%}#navbar-area .navs-area.fixed,#navbar-area .navs-area.fixedTop{position:fixed;top:0}#navbar-area .contact-button{position:fixed;right:0;top:0;z-index:900}#navbar-area .contact-button span{align-items:center;background-color:#cca54f;color:#fefefe;display:flex;height:90px;justify-content:center;width:90px}@media screen and (max-width:991px){#navbar-area .side-nav{align-items:center;background-color:#2c2c2c;display:flex;height:100px;justify-content:space-between;padding:15px 30px;width:calc(100% - 100px)}#navbar-area .side-nav .logo{margin-bottom:0}#navbar-area .side-nav .logo img{width:70px}#navbar-area .side-nav .menu-toggler{height:auto;margin:0}#navbar-area .side-nav .socials,#navbar-area .side-nav .vert-line{display:none}#navbar-area .side-nav .share-button{height:100px;left:calc(100% - 100px);top:0}#navbar-area .side-nav .share-button .share-tooltip{display:none}#navbar-area .share-panel.active{left:0}#navbar-area .menu-area .links-area{padding:160px 50px 50px}#navbar-area .contact-button,#navbar-area .navs-area{display:none}}@media screen and (max-width:800px){#navbar-area .share-panel ul{width:100%!important}#navbar-area .share-panel .close-share-panel{right:30px}#navbar-area .menu-area .links-area{width:100%}}@media screen and (max-width:600px){#navbar-area .share-panel .label{display:none}#navbar-area .share-panel ul{align-items:start;padding-left:50px}}#hero-area{background-color:#282828;height:100vh;overflow:hidden;position:relative;width:100%;z-index:700}#hero-area .slides{display:flex;flex-direction:row;flex-wrap:nowrap;height:100%}#hero-area .slides .slide{display:flex;flex-shrink:0;height:100%;opacity:0;position:relative;transition:opacity 1s ease-in-out;transition-delay:1s;width:100%}#hero-area .slides .slide img{-o-object-fit:cover;object-fit:cover}#hero-area .slides .slide .overlay{background-color:rgba(32,32,32,.5);bottom:0;left:0;position:absolute;top:0;width:100%}#hero-area .slides .slide .overlay .content{left:25%;position:absolute;top:29%;z-index:10}#hero-area .slides .slide .overlay .content .box{border:1px solid #a3a3a3;height:6px;margin-bottom:30px;width:60px}#hero-area .slides .slide .overlay .content h1{color:#fcfcfc;font-family:Lato,sans-serif;font-size:50px;margin-bottom:30}#hero-area .slides .slide .overlay .content h1 span{color:#cca54f;font-family:Lato,sans-serif;font-size:50px}#hero-area .slides .slide .overlay .content h2{background-color:rgba(0,0,0,.2);border-radius:5px;color:#dadada;font-family:Lato,sans-serif;font-size:11px;font-weight:800;letter-spacing:5px;margin-bottom:60px;padding:15px 30px;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#hero-area .slides .slide[data-active]{opacity:1;transition-delay:0ms;z-index:1}#hero-area .slides .cordinates{align-items:center;color:#fcfcfc;display:flex;flex-direction:column;font-family:Lato,sans-serif;font-size:10px;font-weight:500;height:20px;justify-content:center;left:40%;letter-spacing:5px;overflow:hidden;padding-left:50px;position:absolute;text-transform:uppercase;top:30px;z-index:10}#hero-area .slides .cordinates:before{background-color:#cca54f;content:"";height:2px;left:0;position:absolute;width:25px}#hero-area .slides .cordinates .map-cardinal{align-items:center;display:flex;margin-bottom:30px;margin-top:15px}#hero-area .slides .cordinates .map-cardinal div{font-size:11px}#hero-area .slides .cordinates .map-cardinal .longitude{margin-right:25px}#hero-area .slides .cordinates:hover .map-cardinal{margin-bottom:-25px}#hero-area .slide-navigator{position:absolute;right:30px;text-align:center;top:45%;z-index:5}#hero-area .slide-navigator span{color:#cca54f;cursor:pointer;font-size:20px}#hero-area .slide-navigator .slide-nav-text{color:#dadada;font-family:Poppins,sans-serif;font-size:10px;font-weight:600;letter-spacing:3px;margin:10px 0}@media screen and (max-width:991px){#hero-area .slides .slide .overlay .content{left:0;padding:0 100px;top:35%}#hero-area .slides .slide .overlay .content h1,#hero-area .slides .slide .overlay .content h1 span{font-size:40px}}@media screen and (max-width:615px){#hero-area .slides .slide .overlay .content{padding:0 30px}#hero-area .slides .slide .overlay .content h1{margin-bottom:60px}#hero-area .slides .slide .overlay .content h2{display:none}}#about-area{background-color:#fcfcfc;display:grid;gap:60px;grid-template-columns:repeat(9,1fr);min-height:100vh;padding:60px 0 110px;z-index:3}#about-area .image-area{grid-column:span 4;height:650px;position:relative}#about-area .image-area .image{display:flex;height:100%;margin-left:50px;overflow:hidden;position:relative}#about-area .image-area .image img{-o-object-fit:cover;object-fit:cover}#about-area .image-area .name{background-color:#282828;color:#afafaf;font-family:Lato,sans-serif;font-size:12px;left:20px;letter-spacing:7px;padding:15px 50px;position:absolute;text-align:center;text-transform:uppercase;top:60px;transition:transform .1s ease-in-out}#about-area .image-area:before{background-color:#cca54f;bottom:10%;content:"";left:1px;position:absolute;right:40px;top:10%}#about-area .about-content{display:grid;grid-column:span 5;grid-template-columns:1fr;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0 30px 0 0}#about-area .about-content h2{font-family:Roboto Condensed,sans-serif;font-weight:500}#about-area .about-content h1{font-family:Roboto Condensed,sans-serif;padding-bottom:15px;position:relative}#about-area .about-content h1 span{color:#cca54f;font-size:30px;font-style:italic}#about-area .about-content h1:after{background-color:#cca54f;bottom:0;content:"";height:2px;left:0;position:absolute;width:60px}#about-area .about-content .heading{grid-column:1/-1}#about-area .about-content .heading h1{font-size:30px;margin-bottom:20px}#about-area .about-content .heading h2{color:#838383;font-size:16px;margin-top:0}#about-area .about-content p{color:#424242;grid-column:1/-1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 0 30px}#about-area .about-content .services{display:grid;gap:10px;grid-column:1/-1;grid-template-columns:repeat(2,1fr)}#about-area .about-content .services .service{display:grid;grid-column:span 1;grid-template-columns:repeat(2,auto);position:relative}#about-area .about-content .services .service .icon{grid-column:span 1;padding:0 15px 0 10px}#about-area .about-content .services .service .icon span{font-size:40px}#about-area .about-content .services .service .content{grid-column:span 1}#about-area .about-content .services .service .content h1{color:#424242;font-size:20px;font-weight:600;margin-top:0}#about-area .about-content .services .service .content p a{color:#cca54f}#about-area .facts-area{background-attachment:fixed;background-image:url(/images/Profmox_Website_Design_and_Development.webp);background-position:top;background-size:cover;grid-column:1/-1;position:relative}#about-area .facts-area:before{background-color:#282828;bottom:-70px;content:"";left:0;position:absolute;top:0;width:40%}#about-area .facts-area .container-area{background-color:rgba(40,40,40,.7);color:#eee;padding:30px;position:relative;width:100%;z-index:1}#about-area .facts-area .container-area .box{background-color:#3b3b3b;border:1px solid #5c5c5c;height:8px;margin:20px 0 30px;width:50px}#about-area .facts-area .container-area h1{font-family:Roboto Condensed,sans-serif;font-size:46px;margin-top:0;padding-bottom:20px;position:relative;text-transform:uppercase}#about-area .facts-area .container-area h1 span{color:#cca54f;font-family:Roboto Condensed,sans;font-size:46px}#about-area .facts-area .container-area h1:after{border-top:1px dotted #5c5c5c;bottom:0;content:"";left:0;position:absolute;width:50px}#about-area .facts-area .container-area p{width:45%}#about-area .facts-area .container-area .facts{display:grid;gap:30px;grid-template-columns:repeat(8,1fr);margin:70px 0 30px}#about-area .facts-area .container-area .facts .fact{grid-column:span 2;padding-left:50px;position:relative}#about-area .facts-area .container-area .facts .fact .count{font-family:Roboto Condensed,sans-serif;font-size:40px;font-weight:600}#about-area .facts-area .container-area .facts .fact .text{background-color:rgba(40,40,40,.5);border-radius:4px;color:#a7a7a7;font-size:10px;font-weight:600;letter-spacing:2px;margin-top:15px;padding:10px;text-align:center;text-transform:uppercase;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#about-area .facts-area .container-area .facts .fact:before{background-color:#cca54f;bottom:15px;content:"";height:2px;left:0;position:absolute;width:30px}@media screen and (max-width:991px){#about-area .facts-area .container-area p{width:70%}#about-area .facts-area .container-area .facts{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}#about-area .facts-area .container-area .facts .fact{grid-column:span 1}}@media screen and (max-width:840px){#about-area{gap:30px}#about-area .image-area{grid-column:1/-1}#about-area .about-content{grid-column:1/-1;padding:0 30px}#about-area .facts-area .container-area p{width:100%}}@media screen and (max-width:550px){#about-area .image-area .image{margin-left:30px}#about-area .image-area .name{left:0}#about-area .about-content .services{gap:10px 0;grid-template-columns:1fr}#about-area .about-content .services .service{grid-column: sspan 2}}#resume-area{background-color:#fcfcfc;padding:60px 30px}#resume-area .title-area{border-left:4px solid #cca54f;margin-bottom:60px;padding:20px 0 20px 50px;position:relative}#resume-area .title-area .backdrop-title{top:100px}#resume-area .title-area h1,#resume-area .title-area h2{font-family:Roboto Condensed,sans-serif;margin-top:0}#resume-area .title-area h2{color:#838383;font-weight:500}#resume-area .title-area h1{font-size:30px;padding-bottom:15px;position:relative}#resume-area .title-area h1 span{color:#cca54f;font-display:swap;font-family:Roboto Condensed,sans-serif;font-size:30px}#resume-area .title-area h1:after{background-color:#cca54f;bottom:0;content:"";height:2px;left:0;position:absolute;width:60px}#resume-area .title-area p{width:40%}#resume-area .resume-list .resume-item{grid-gap:20px;display:grid;grid-auto-flow:dense;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:60px;position:relative}#resume-area .resume-list .resume-item .card{background-color:#f5f5f5;border:1px solid #ececec;padding:20px 30px}#resume-area .resume-list .resume-item .title{align-items:center;display:flex;grid-column:1fr;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:50px}#resume-area .resume-list .resume-item .title .icon{align-items:center;background-color:#cca54f;border-radius:5px;color:#fcfcfc;display:flex;height:40px;justify-content:center;margin-right:30px;width:40px}#resume-area .resume-list .resume-item .title .text h1{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;margin:0}#resume-area .resume-list .resume-item .title .text span{color:#838383;font-style:italic}#resume-area .resume-list .resume-item .title .text .time{font-family:Roboto Condensed,sans-serif;font-weight:600;margin-top:15px}#resume-area .resume-list .resume-item .title:before{background-color:#cca54f;content:"";height:3px;left:10px;position:absolute;top:50px;width:15px}#resume-area .resume-list .resume-item .image-area{display:flex;grid-column:1fr;height:300px}#resume-area .resume-list .resume-item .image-area img{-o-object-fit:cover;object-fit:cover}#resume-area .resume-list .resume-item .details{grid-column:1fr}#resume-area .resume-list .resume-item .details ul{list-style:disc;padding-left:18px}#resume-area .resume-list .resume-item .details ul li{margin-bottom:8px}#resume-area .resume-list .resume-item:before{color:rgba(40,40,40,.1);content:attr(data-before);font-family:Poppins,sans-serif;font-size:40px;font-weight:700;left:30px;letter-spacing:3px;position:absolute;top:180px;transform:rotate(-90deg)}@media screen and (max-width:991px){#resume-area .title-area p{width:60%}#resume-area .resume-list .resume-item{gap:0;grid-template-columns:1fr}#resume-area .resume-list .resume-item .title{border-bottom:none;margin-left:0}#resume-area .resume-list .resume-item .title:before,#resume-area .resume-list .resume-item:before{display:none}}#skills-area{background-color:#fcfcfc}#skills-area .container{padding:160px 30px 60px;position:relative}#skills-area .container .backdrop-title{left:30px;top:400px}#skills-area .container .title{border-left:4px solid #cca54f;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 30px}#skills-area .container .title h1{font-family:Roboto Condensed,sans-serif;font-size:30px;margin:0 0 15px}#skills-area .container .title p{color:#5e5e5e;font-weight:600}#skills-area .container .design-skills{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-bottom:60px}#skills-area .container .design-skills .title{grid-column:span 2}#skills-area .container .design-skills .skill{align-items:center;display:flex;flex-direction:column;justify-content:center}#skills-area .container .design-skills .skill .gauge{align-items:center;background-color:#cca54f;border:1px solid #e7e7e7;border-radius:99999px;display:flex;height:150px;justify-content:center;position:relative;width:150px}#skills-area .container .design-skills .skill .gauge:before{background-color:#fcfcfc;border-radius:99999px;content:"";height:60%;position:absolute;width:60%}#skills-area .container .design-skills .skill .gauge .percentage{color:#5c5c5c;font-family:Poppins,sans-serif;font-weight:800;position:relative}#skills-area .container .design-skills .skill h2{border:1px solid #e7e7e7;color:#5e5e5e;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;margin-top:20px;padding:8px;text-align:center;width:140px}#skills-area .container .developer-skills{display:grid;gap:30px;grid-template-columns:repeat(5,1fr);margin-bottom:60px}#skills-area .container .developer-skills .title{-ms-grid-column-span:2;-ms-grid-column:2;grid-column:2/span 2}#skills-area .container .developer-skills .skills{grid-column:span 2/-1}#skills-area .container .developer-skills .skills .skill{margin-bottom:15px;width:100%}#skills-area .container .developer-skills .skills .skill .skill-title{align-items:center;color:#5c5c5c;display:flex;font-family:Poppins,sans-serif;font-weight:600;justify-content:space-between;margin-bottom:5px}#skills-area .container .developer-skills .skills .skill .skill-rail{background-color:#282828;border-radius:2px;height:10px;overflow:hidden;position:relative}#skills-area .container .developer-skills .skills .skill .skill-rail .skill-fill{background-color:#cca54f;border-radius:0 5px 5px 0;bottom:0;left:0;position:absolute;top:0;width:0}@media screen and (max-width:991px){#skills-area .container .backdrop-title{top:500px}#skills-area .container .design-skills{grid-template-columns:repeat(3,minmax(150px,1fr))}#skills-area .container .design-skills .title,#skills-area .container .developer-skills .skills,#skills-area .container .developer-skills .title{grid-column:1/-1!important}}@media screen and (max-width:600px){#skills-area .container .design-skills{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}#projects-area{background-color:#282828;padding:60px 80px;position:relative}#projects-area .title{background-color:rgba(40,40,40,.8);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:120px;position:absolute;top:0;width:100%;z-index:100}#projects-area .title h1{color:#d4d4d4;font-display:swap;font-family:Roboto Condensed,sans-serif;font-size:3.5vw;line-height:15px;margin:0;text-transform:uppercase}#projects-area .title p{color:#d4d4d4;margin:30px 0 60px}#projects-area .projects-container{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;overflow:hidden;position:relative;transition:all .3s}#projects-area .projects-container .project{flex-basis:20%;flex-shrink:0;margin-right:30px}#projects-area .projects-container .project .description{background-color:#353535;color:#acacac;margin-top:-3px;padding:30px;transform:scale(0)}#projects-area .projects-container .project .description h1{color:#acacac;font-display:swap;font-family:Roboto Condensed,sans-serif;font-size:18px;font-weight:500;letter-spacing:2px;margin:0 0 10px;position:relative;text-transform:uppercase}#projects-area .projects-container .project .description h1 span{display:none}#projects-area .projects-container .project .description h1:before{background-color:#cca54f;content:"";height:2px;left:0;position:absolute;top:10px;transition:all .2s linear;width:0}#projects-area .projects-container .project .description h1:hover{padding-left:30px}#projects-area .projects-container .project .description h1:hover:before{width:20px}#projects-area .projects-container .project .description .tags{align-items:center;display:flex;flex-wrap:wrap}#projects-area .projects-container .project .description .tags .tag{font-size:12px;margin-right:10px}#projects-area .projects-container .project .description .tags .tag:hover{color:#cca54f}#projects-area .projects-container .project:last-child{margin-right:0}#projects-area .projects-container .project.active{flex-basis:25%;order:0;z-index:300}#projects-area .projects-container .project.active .description{transform:scale(1)}#projects-area .project-scroller .scroller-bt{align-items:center;border:1px solid #acacac;border-radius:5px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transition:all .2s ease;width:40px;z-index:500}#projects-area .project-scroller .scroller-bt span{color:#cca54f;font-size:18px}#projects-area .project-scroller .scroller-bt.prev-project{left:40px}#projects-area .project-scroller .scroller-bt.next-project{right:40px}#projects-area .project-scroller .scroller-bt:hover{background-color:hsla(0,0%,83%,.3);border-radius:99999px}@media screen and (max-width:991px){#projects-area{padding:60px 30px}#projects-area .title{background-color:transparent;padding:30px 0;position:relative}#projects-area .title p{margin-bottom:15px}#projects-area .projects-container .project{flex-basis:40%;opacity:.3}#projects-area .projects-container .project.active{flex-basis:50%;opacity:1}#projects-area .projects-container .project:first-child{margin-left:calc(-40% - 30px)}#projects-area .projects-container .project .description .tags .tag{color:#cca54f}}@media screen and (max-width:650px){#projects-area .projects-container{display:block}#projects-area .projects-container .project{display:none}#projects-area .projects-container .project.active{display:block;margin:0 70px}}#clients-area{background-color:#fcfcfc;padding:60px 30px}#clients-area .title-area{border-left:4px solid #cca54f;margin-bottom:60px;padding:20px 0 20px 50px;position:relative}#clients-area .title-area .backdrop-title{top:350px}#clients-area .title-area h1,#clients-area .title-area h2{font-family:Roboto Condensed,sans-serif;margin-top:0}#clients-area .title-area h2{color:#838383;font-weight:500}#clients-area .title-area h1{font-size:30px;padding-bottom:15px;position:relative}#clients-area .title-area h1 span{color:#cca54f;font-display:swap;font-family:Roboto Condensed,sans-serif;font-size:30px}#clients-area .title-area h1:after{background-color:#cca54f;bottom:0;content:"";height:2px;left:0;position:absolute;width:60px}#clients-area .title-area p{width:40%}#clients-area .clients{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}#clients-area .clients .client{align-self:center;position:relative}#clients-area .clients .client img{filter:grayscale(1)}#clients-area .clients .client .tooltip{background-color:#282828;color:#fcfcfc;font-display:swap;font-family:Roboto Condensed,sans-serif;font-size:12px;font-weight:400;left:0;letter-spacing:3px;opacity:0;padding:10px;position:absolute;right:0;text-align:center;text-transform:uppercase;top:35%;transition:opacity .3s ease-out}#clients-area .clients .client:hover img{filter:grayscale(0)}#clients-area .clients .client:hover .tooltip{opacity:1}@media screen and (max-width:991px){#clients-area .title-area p{width:60%}#clients-area .title-area .backdrop-title{top:500px}}@media screen and (max-width:767px){#clients-area .title-area p{width:100%}#clients-area .title-area .backdrop-title{top:600px}}#call-to-action{align-items:center;background-color:#282828;display:flex;flex-wrap:wrap;justify-content:space-between;padding:50px 30px;position:relative}#call-to-action h1{color:#7a7a7a;font-size:12px;font-weight:500;letter-spacing:2px;margin:0;padding:15px 0 15px 90px;position:relative;text-transform:uppercase;z-index:4}#call-to-action h1:before{background:hsla(0,0%,100%,.071);content:"";height:100%;left:-30px;pointer-events:none;position:absolute;top:0;width:260px}#call-to-action h1:after{background-color:#cca54f;content:"";height:2px;left:15px;position:absolute;top:50%;width:50px}#call-to-action .bt{margin-right:120px}#call-to-action:before{background:hsla(0,0%,100%,.03);bottom:0;content:"";position:absolute;right:0;top:0;width:40%}@media screen and (max-width:739px){#call-to-action .bt{margin:0}}@media screen and (max-width:618px){#call-to-action h1{margin-bottom:30px}}#footer-area{bottom:0;color:#a3a3a3;display:grid;gap:30px;grid-template-columns:repeat(10,1fr);left:0;padding:70px 30px 60px 100px;position:fixed;right:0;top:0}#footer-area .title-area{grid-column:span 2;position:relative}#footer-area .title-area h1{color:rgba(99,99,99,.5);font-display:swap;font-size:80px;left:-75px;letter-spacing:5px;margin:0;position:absolute;top:130px;transform:rotate(-90deg)}#footer-area .section-title,#footer-area .title-area h1{font-family:Roboto Condensed,sans-serif;text-transform:uppercase}#footer-area .section-title{color:#ececec;font-weight:600;letter-spacing:2px;padding:30px 0}#footer-area .social-posts-area{-ms-grid-column-span:4;-ms-grid-column:3;grid-column:3/span 4}#footer-area .social-posts-area .social-post{border-top:1px dotted #636363;padding:15px 0 15px 20px;position:relative}#footer-area .social-posts-area .social-post .dots{left:0;position:absolute;top:30%}#footer-area .social-posts-area .social-post .dots .dot{background-color:#cca54f;border-radius:99999px;height:3px;width:3px}#footer-area .social-posts-area .social-post .dots .dot:nth-child(2){margin:3px 0}#footer-area .social-posts-area .social-post .post{background-color:rgba(61,61,61,.2);border-radius:5px;margin-bottom:8px;padding:15px;position:relative}#footer-area .social-posts-area .social-post .post a{color:#ececec}#footer-area .social-posts-area .social-post .post:before{border:8px solid transparent;border-top-color:rgba(61,61,61,.2);bottom:-16px;content:"";height:0;left:20px;position:absolute;width:0}#footer-area .social-posts-area .social-post .post:hover{background-color:rgba(61,61,61,.7)}#footer-area .social-posts-area .social-post .post:hover:before{border-top-color:#cca54f}#footer-area .social-posts-area .social-post .time{align-items:center;display:flex}#footer-area .social-posts-area .social-post .time .icon{align-items:center;display:flex;height:30px;justify-content:center;margin-right:5px;width:30px}#footer-area .social-posts-area .social-post .time .icon span{color:#cca54f;font-size:18px}#footer-area .social-posts-area .social-post:nth-last-child(2){border-bottom:1px dotted #636363;margin-bottom:40px}#footer-area .contact-details-area{grid-column:span 4/-1}#footer-area .contact-details-area .section-title{border-bottom:1px dotted #636363}#footer-area .contact-details-area .subscription-area{padding-top:20px}#footer-area .contact-details-area .subscription-area h1{font-size:13px;font-weight:400;margin:0 0 30px}#footer-area .contact-details-area .subscription-area .form{margin-bottom:30px;position:relative}#footer-area .contact-details-area .subscription-area .form button{background-color:#cca54f;border:none;border-radius:0 5px 5px 0;bottom:0;color:#ececec;cursor:pointer;padding:10px 20px;position:absolute;right:0;text-transform:uppercase;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#footer-area .contact-details-area .contact-details{border-top:1px dotted #636363;padding:30px 0}#footer-area .contact-details-area .contact-details .detail{align-items:center;display:flex;letter-spacing:1px;margin-bottom:3px;text-transform:uppercase}#footer-area .contact-details-area .contact-details .detail .icon{align-items:center;display:flex;height:30px;justify-content:center;margin-right:5px;width:30px}#footer-area .contact-details-area .contact-details .detail .icon span{color:#cca54f;font-size:20px}#footer-area .contact-details-area .contact-details .detail span{color:#636363;font-size:12px;font-weight:600;letter-spacing:1px;margin-right:10px}#footer-area .contact-details-area .contact-details .detail a{color:#a3a3a3;font-size:12px}#footer-area .contact-details-area .contact-details .detail:hover .icon span{color:#cca54f}#footer-area .contact-details-area .contact-details .detail:hover span{color:#ececec}#footer-area .contact-details-area .contact-details .detail:hover a{color:#cca54f}#footer-area .contact-details-area .contact-details .detail:nth-last-child(2){margin-bottom:30px}#footer-area .contact-details-area .contact-details .socials{align-items:center;display:flex}#footer-area .contact-details-area .contact-details .socials a{align-items:center;border:1px solid #636363;display:flex;height:40px;justify-content:center;margin-right:20px;width:40px}#footer-area .contact-details-area .contact-details .socials a i{color:#a3a3a3;font-size:16px}#footer-area .contact-details-area .contact-details .socials a:hover{border-radius:99999px}#footer-area .contact-details-area .contact-details .socials a:hover i{color:#ececec}@media screen and (max-width:991px){#footer-area{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));padding:60px 30px;position:relative}#footer-area .title-area{display:none}#footer-area .contact-details-area,#footer-area .social-posts-area{grid-column:auto}}#contact-page{background-color:#fcfcfc;min-height:100vh}#contact-page .title-area{background-image:url(/images/Profmox_Contact_Us_Email_Phone_Whatsapp.webp);height:calc(100vh - 180px)}#contact-page .title-area .text-area{height:calc(100vh - 180px);position:relative}#contact-page .title-area .text-area a{align-items:center;bottom:-70px;color:#636363;display:flex;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;left:20%;letter-spacing:3px;padding:15px;position:absolute;text-transform:uppercase}#contact-page .title-area .text-area a span{color:#cca54f;font-size:16px;margin-left:20px}#contact-page .title-area .text-area a:hover{color:#cca54f}#contact-page #form{padding:100px 30px}#contact-page #form .title{border-left:4px solid #cca54f;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 0 10px 20px}#contact-page #form .title h1{font-family:Roboto Condensed,sans-serif;font-size:30px;margin:0 0 15px}#contact-page #form .title p{margin:0}#contact-page #form .contact-details{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}#contact-page #form .contact-details .detail{display:flex}#contact-page #form .contact-details .detail .icon{display:flex;height:100%;justify-content:center;margin-right:10px;padding-top:10px;width:60px}#contact-page #form .contact-details .detail .icon span{color:#cca54f;font-size:40px}#contact-page #form .contact-details .detail .info h1{color:#636363;font-display:swap;font-family:Roboto Condensed,sans-serif;font-size:20px;font-weight:500;margin-bottom:20px;padding:0 0 15px;position:relative}#contact-page #form .contact-details .detail .info h1:before{background-color:#cca54f;bottom:0;content:"";height:2px;left:0;position:absolute;width:30px}#contact-page #form .contact-details .detail .info a{border-bottom:1px dotted #a5a5a5;color:#2b2b2b;font-display:swap;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;padding:10px 0;text-transform:uppercase;white-space:nowrap}#contact-page #form .map{height:60vh;margin:50px 0}#contact-page #form .map .gmap_canvas,#contact-page #form .map .mapouter,#contact-page #form .map iframe{height:100%;width:100%}#contact-page #form .map iframe{filter:invert(1)}#contact-page #form .contact-form{display:grid;gap:30px;grid-template-columns:repeat(6,minmax(auto,1fr))}#contact-page #form .contact-form .title{grid-column:span 2}#contact-page #form .contact-form form{align-items:center;display:flex;flex-wrap:wrap;grid-column:3/-2;justify-content:space-between;width:100%}#contact-page #form .contact-form form section{align-items:center;border:1px solid #e0e0e0;border-radius:3px;display:flex;margin-bottom:30px;position:relative;width:48%}#contact-page #form .contact-form form section .icon{align-items:center;display:flex;height:40px;justify-content:center;width:40px}#contact-page #form .contact-form form section .icon span{color:#cca54f;font-size:18px}#contact-page #form .contact-form form section:focus-within{border-color:#cca54f}#contact-page #form .contact-form form section:focus-within input{outline:none}#contact-page #form .contact-form form section:nth-last-child(2){width:100%}#contact-page #form .contact-form form section:nth-last-child(2) textarea{min-height:120px}#contact-page #form .contact-form form section:nth-last-child(2) textarea:focus{outline:none}@media screen and (max-width:991px){#contact-page #form .contact-form .title{grid-column:1/-1}#contact-page #form .contact-form form{grid-column:1/-3}}@media screen and (max-width:767px){#contact-page .title-area .text-area a{left:auto;right:20px}#contact-page #form .contact-form form{grid-column:1/-1}}@media screen and (max-width:600px){#contact-page #form .contact-form form section{width:100%}}@media screen and (max-width:450px){#contact-page .title-area .text-area a{right:10px}}#portfolio-page{background-color:#fcfcfc;min-height:100vh;padding:60px 3px 3px}#portfolio-page .filters-area{align-items:center;color:#5a5a5a;display:flex;flex-wrap:wrap;margin-bottom:60px;padding:0 30px}#portfolio-page .filters-area .title{align-items:center;background-color:#282828;color:#acacac;display:flex;font-size:12px;font-weight:600;letter-spacing:2px;margin-right:60px;padding:10px 35px;text-transform:uppercase}#portfolio-page .filters-area .title .icon{color:#cca54f;margin-right:10px}#portfolio-page .filters-area .title .icon span{font-size:18px}#portfolio-page .filters-area .filters .filter{align-items:center;display:flex;flex-wrap:wrap;text-transform:uppercase}#portfolio-page .filters-area .filters .filter li{cursor:pointer;font-size:12px;font-weight:600;letter-spacing:2px;margin-right:30px;padding:15px 0;position:relative;white-space:nowrap}#portfolio-page .filters-area .filters .filter li:before{background-color:#cca54f;bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .3s ease;width:0}#portfolio-page .filters-area .filters .filter li.active:before,#portfolio-page .filters-area .filters .filter li:hover:before{width:30px}#portfolio-page .filters-area .total{font-weight:600;letter-spacing:3px;padding-left:60px;position:relative}#portfolio-page .filters-area .total span{color:#cca54f}#portfolio-page .filters-area .total:before{background-color:#cca54f;content:"";height:2px;left:0;position:absolute;top:50%;width:30px}#portfolio-page .portfolio-container{display:grid;gap:3px;grid-template-columns:repeat(12,1fr);grid-template-rows:300px}#portfolio-page .portfolio-container .project{grid-column:span 3;overflow:hidden;position:relative}#portfolio-page .portfolio-container .project .image{display:flex}#portfolio-page .portfolio-container .project .image img{-o-object-fit:cover;object-fit:cover}#portfolio-page .portfolio-container .project .details{background-color:#282828;bottom:0;left:0;padding:15px 30px 15px 60px;position:absolute;right:0}#portfolio-page .portfolio-container .project .details a{color:#cecece;font-size:13px;font-weight:500;letter-spacing:2px;position:relative;text-transform:uppercase}#portfolio-page .portfolio-container .project .details a:before{background-color:#cca54f;content:"";height:1px;left:-40px;position:absolute;top:50%;transition:width .3s ease;width:25px}#portfolio-page .portfolio-container .project .details a:hover{padding-left:15px}#portfolio-page .portfolio-container .project .details a:hover:before{width:40px}#portfolio-page .portfolio-container .project .details .tags{display:flex;flex-wrap:wrap;padding:5px 0}#portfolio-page .portfolio-container .project .details .tags .tag{color:#8f8f8f;font-size:12px;margin-right:10px}@media screen and (max-width:991px){#portfolio-page .portfolio-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}#portfolio-page .portfolio-container .project{grid-column:span 1}}@media screen and (max-width:862px){#portfolio-page .filters-area .title{display:none}}@media screen and (max-width:544px){#portfolio-page .filters-area,#portfolio-page .filters-area .filters .filter{align-items:start;flex-direction:column}#portfolio-page .filters-area .total{margin-top:30px;padding:0}#portfolio-page .filters-area .total:before{display:none}}#project-page{background-color:#fcfcfc;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:60px 30px}#project-page .image-area{height:100%;max-height:100vh;overflow-y:scroll}#project-page .image-area::-webkit-scrollbar{display:none}#project-page .project-details-area{grid-column:span 2;position:relative}#project-page .project-details-area .title{margin-bottom:50px}#project-page .project-details-area .title h1{color:#282828;font-display:swap;font-family:Roboto Condensed,sans-serif;font-size:50px;font-weight:600;margin-top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#project-page .project-details-area .title .category{background-color:#282828;color:#fcfcfc;display:flex;flex-wrap:wrap;letter-spacing:2px;padding:20px;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#project-page .project-details-area .title .category span{color:#cca54f;font-size:10px}#project-page .project-details-area .title .category .tag{font-size:10px;margin-left:10px}#project-page .project-details-area .details .stats-area{align-items:center;display:grid;gap:30px;grid-template-columns:repeat(5,1fr);margin-top:30px}#project-page .project-details-area .details .stats-area .stats{grid-column:span 2}#project-page .project-details-area .details .stats-area .stats .stat{align-items:center;color:#575757;display:flex;justify-content:space-between;margin-bottom:6px;text-transform:uppercase}#project-page .project-details-area .details .stats-area .stats .stat .title{color:#cca54f;font-display:swap;font-family:Poppins,sans-serif;font-size:12px;font-weight:700;margin-bottom:0}#project-page .project-details-area .details .stats-area .stats .stat .detail{font-display:swap;font-family:Poppins,sans-serif;font-size:12px;font-weight:600}#project-page .project-details-area .details .stats-area .testimonial{background-color:#f7f7f7;border:1px solid #ebebeb;grid-column:span 3;padding:20px 60px 20px 20px;position:relative}#project-page .project-details-area .details .stats-area .testimonial .image{border:5px solid rgba(204,165,79,.3);border-radius:99999px;display:flex;height:80px;overflow:hidden;position:absolute;right:30px;top:-40px;width:80px}#project-page .project-details-area .details .stats-area .testimonial .image img{-o-object-fit:cover;object-fit:cover}#project-page .project-details-area .details .stats-area .testimonial .name{font-weight:800}#project-page .project-details-area .details .stats-area .testimonial p{font-style:italic;margin-bottom:0}#project-page .project-details-area .details .problem-areas{margin:30px 0 60px}@media screen and (max-width:991px){#project-page .image-area{display:none}#project-page .project-details-area{grid-column:1/-1}}@media screen and (max-width:767px){#project-page .image-area{display:none}#project-page .project-details-area .stats-area{grid-template-columns:1fr!important}#project-page .project-details-area .stats-area .testimonial{margin-top:30px}}#services-page{background-color:#202020;bottom:0;display:grid;grid-template-columns:repeat(7,1fr);left:0;overflow:hidden;position:absolute;right:0;top:90px}#services-page .service-image-area{grid-column:span 2;position:relative}#services-page .service-image-area .image{background-image:var(--service-background);background-position:50%;background-size:cover;height:100%;width:100%}#services-page .services-container{grid-column:3/-1;overflow-y:scroll}#services-page .services-container::-webkit-scrollbar{display:none}#services-page .services-container .section-title{color:#747474;font-display:swap;font-family:Poppins,sans-serif;font-size:16px;font-weight:300;letter-spacing:3px;padding:30px 120px;text-transform:uppercase}#services-page .services-container .service{padding:30px 120px 60px;position:relative}#services-page .services-container .service .title{color:#c7c7c7;font-display:swap;font-family:Roboto Condensed,sans-serif;font-size:30px;font-weight:500;padding-bottom:15px;position:relative}#services-page .services-container .service .title:before{background-color:#cca54f;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}#services-page .services-container .service p{color:#969696}#services-page .services-container .service .price{border:1px solid #747474;color:#c7c7c7;font-size:12px;font-weight:500;letter-spacing:2px;margin:40px 0;padding:10px 60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#services-page .services-container .service.active{background-color:#282828}#services-page .services-container .service:before{color:#414141;content:attr(service-index);font-display:swap;font-family:Roboto Condensed,sans-serif;font-size:36px;font-weight:700;left:40px;position:absolute;top:45%}@media screen and (max-width:991px){#services-page{position:relative;top:0}#services-page .service-image-area{display:none}#services-page .services-container{grid-column:1/-1}}@media screen and (max-width:550px){#services-page .services-container .service{padding:30px 30px 60px}#services-page .services-container .service:before{display:none}}#service-page{background-color:#fcfcfc;min-height:100vh;position:relative}#service-page .area-title .title-area{background-image:url(/images/Profmox_Website_Design.webp)}#service-page .form-area{padding:80px 30px}#service-page .form-area form{margin:0 auto;width:70%}#service-page .form-area form h1{font-size:30px;font-weight:600}#service-page .form-area form h1,#service-page .form-area form h2{font-display:swap;font-family:Roboto Condensed,sans-serif;text-transform:uppercase}#service-page .form-area form h2{color:#cca54f;font-size:20px;font-weight:500;margin-bottom:20px;width:100%}#service-page .form-area form .custom-input{border:1px solid #e9e9e9}#service-page .form-area form .custom-input:focus{outline:1px solid #cca54f}#service-page .form-area form textarea{min-height:120px}#service-page .form-area form .label,#service-page .form-area form label{font-display:swap;font-family:Poppins,sans-serif;font-weight:500;margin-bottom:10px;width:100%}#service-page .form-area form .basic-section{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px}#service-page .form-area form .basic-section section{margin-bottom:20px;width:48%}#service-page .form-area form .basic-section section label{margin-left:3px}#service-page .form-area form .basic-section section .custom-input{margin-top:5px}#service-page .form-area form .design-section section{margin-bottom:30px}#service-page .form-area form .design-section section .group{align-items:center;display:flex;flex-wrap:wrap;width:100%}#service-page .form-area form .design-section section .group label{margin-bottom:5px}#service-page .form-area form .design-section section .group .custom-input{margin-top:0}#service-page .form-area form .design-section section .group .selection-group{margin-bottom:10px;margin-right:30px}#service-page .form-area form .design-section section .group .selection-group label{font-weight:400}#service-page .price{align-items:center;background-color:#282828;border:2px solid #fcfcfc;bottom:0;color:#cca54f;display:flex;font-family:Roboto Condensed,sans-serif;font-size:12px;justify-content:center;letter-spacing:5px;padding:15px 30px;position:fixed;right:0;text-transform:uppercase}@media screen and (max-width:767px){#service-page .form-area form{width:100%}}@media screen and (max-width:600px){#service-page .form-area form .basic-section section{width:100%}}#faq-page{background-color:#fcfcfc;min-height:100vh}#faq-page .questions-container{padding:80px}.errors{grid-column:1/-1}.errors .error{color:#dc143c;font-size:12px;margin-bottom:5px}.success{background-color:#408140;bottom:-60px;color:#fcfcfc;font-weight:600;left:0;padding:15px;position:fixed;right:0;transition:-webkit-animation .3s ease;transition:animation .3s ease;transition:animation .3s ease,-webkit-animation .3s ease;z-index:1500}.success.active{-webkit-animation:flash 5s linear forwards;animation:flash 5s linear forwards}@-webkit-keyframes flash{0%{bottom:-60px}10%{bottom:0}90%{bottom:0}to{bottom:-60px}}@keyframes flash{0%{bottom:-60px}10%{bottom:0}90%{bottom:0}to{bottom:-60px}}