:root{--primary-color:#333;--bg-color:#fefefe;--light-weight:300;--regular-weight:400;--bold-weight:600;--extrabold-weight:700}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}html{scroll-behavior:smooth}@font-face{font-family:estedad;src:url(../fonts/font/Estedad-SemiBold.woff2)}@font-face{font-family:titr;src:url(../fonts/font/BTITRBD.woff2)}@font-face{font-family:irsans;src:url(../fonts/font/IRANSans.woff)}@font-face{font-family:tanha;src:url(../fonts/font/Tanha.woff2)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}footer,section{padding:2rem 2.5rem}.max-width{padding:0 80px;margin:auto}.about,.contact,.skills,.work,body,footer{font-family:estedad,Poppins,sans-serif}.about .about-content,.skills .skills-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}section .title{position:relative;text-align:center;font-size:40px;font-weight:500;margin-bottom:60px;padding-bottom:20px;font-family:estedad,sans-serif}section .title::before{content:"";position:absolute;bottom:0;left:50%;width:180px;height:3px;background:#81a1a9;transform:translateX(-50%)}section .title::after{position:absolute;bottom:-8px;left:50%;font-size:20px;color:#333;padding:0 5px;background:#fefefe;transform:translateX(-50%)}.navbar{background-color:var(--white-shade-1);position:fixed;width:100%;z-index:999;padding:10px 0;font-family:estedad,sans-serif;transition:.3s}.navbar.sticky{padding:10px 0;background:#fefefe}.navbar.sticky .logo a,.navbar.sticky .menu li a{color:#333}.navbar .max-width{display:flex;align-items:center;justify-content:space-between}.navbar .logo{font-size:25px;font-weight:400}.navbar .logo a{color:#333}.navbar .logo a span{color:#81a1a9;transition:.3s}.navbar .menu li{list-style:none;display:inline-block;text-decoration:none}.navbar .menu li a{display:block;font-family:estedad,sans-serif;color:#333;font-size:20px;font-weight:500;margin-left:15px;transition:color .3s}.navbar .menu li a:hover{padding-left:5px;color:#1b867a}.menu-btn{color:#333;font-size:30px;cursor:pointer;display:none}li{list-style-type:none;display:inline-block;margin:5px 10px}li>a{color:#333;text-decoration:none;display:inline-block;position:relative}li>a::after{content:"";display:block;margin:auto;height:3px;width:0;top:5px;background:0 0;transition:.3s}li>a.active-nav::after,li>a:hover::after{width:100%;background:#e11d48}.scroll-up-btn{position:fixed;height:45px;width:42px;right:5px;bottom:10px;text-align:center;line-height:45px;color:#e11d48;z-index:9999;font-size:30px;border-radius:6px;border-bottom-width:2px;cursor:pointer;opacity:0;pointer-events:none;transition:.3s}.scroll-up-btn.show{bottom:30px;opacity:1;pointer-events:auto}.scroll-up-btn:hover{filter:brightness(60%)}.home .max-width{width:100%}.home{background-color:#f1f1f1;height:100vh}.home .home-content .center{display:block;margin-left:auto;margin-right:auto;margin-top:60px;width:100%;height:100%}#about{background-color:#fefefe;color:#333}.about .title{font-size:32px}.about .max-width .title h2{font-weight:400}.about .about-content .left{width:45%}.about .about-content .left img{height:500px;width:400px;object-fit:cover;border-radius:6px}.about .about-content .right{width:55%}.about .about-content .right .text{font-size:25px;font-weight:600;margin-bottom:10px}.about .about-content .right .text span{color:#81a1a9;font-weight:600}.about .about-content .right p{text-align:justify;font-size:20px;font-weight:300}.work{background-color:#fefefe}.work .title{font-size:32px;color:#333}.work .grid .grid__item{display:inline-block;width:100%;padding:20px;transition:.3s}@supports (display:grid){.work .grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;margin:0}}.work .grid .grid__item img{width:100%;max-width:500px}.work .grid .grid__item:hover{transform:scale(1.05)}.work .card .content_img{position:relative;float:left;margin-right:10px}.work .card .center a{color:#fefefe;font-weight:300;margin-inline:5px}.work .card .center a:hover{color:#81a1a9}.work .card .content_img div{position:absolute;bottom:0;right:0;margin-bottom:10px;margin-right:10px;gap:15px;font-family:estedad,sans-serif;opacity:0;visibility:hidden;transition:visibility,opacity .5s linear}.work .text-center{text-align:center}.work button{border:none;background:0 0;color:#333;padding:15px 32px;text-decoration:none;display:inline-block;font-family:estedad,sans-serif;font-size:20px;font-weight:400;margin:4px 2px;cursor:pointer}.work button:hover{color:#81a1a9}.work .card .content_img:hover{cursor:pointer}.work .card .content_img:hover div{visibility:visible;opacity:1}.contact{background-color:#f1f1f1}.contact .title{font-size:32px;color:#333}#contact{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.contact .max-width .title{color:#333}.row1{display:flex;justify-content:space-around;flex-wrap:wrap;box-sizing:border-box}.contact i{color:#333;display:flex;justify-content:center;flex-wrap:wrap;box-sizing:border-box}.box2{display:flex;flex-direction:column;width:60px;height:60px;margin:10px;align-items:center;text-align:justify;padding:10px;border-radius:15px;color:#fefefe;background:linear-gradient(to top,#81a1a9 50%,#fefefe 50%);background-size:100% 200%;transition:.8s}.box2:hover{background-position:left bottom;color:#81a1a9;border:none;box-shadow:0 0 20px #b4b1b1}.box2 i{padding-top:10px}footer{background-color:#f0f0f0;color:#333;padding:15px 20px;text-align:center}.footer.container{margin:auto}.foot-row{display:flex;flex-wrap:wrap}.foot-column{width:25%;padding:0 15px}.foot-column h4{font-size:var(--heading-font-size-3);color:#000;text-transform:capitalize;margin-bottom:30px;position:relative}.foot-column p{color:var(--white-shade-2)}.footer ul{list-style:none}.foot-column ul li{margin-bottom:10px}.foot-column ul li a{font-size:16px;text-transform:capitalize;color:#000;text-decoration:none;font-weight:300;display:block;transition:.3s}.foot-column ul li a:hover{color:var(--base-shade-1);padding-left:8px}.foot-column .social-links a{display:inline-block;height:40px;width:40px;color:var(--base-shade-1);margin:0 10px 10px 0;text-align:center;line-height:40px}.footer i{font-size:2rem}@media screen and (max-width:992px){.hero{background-color:var(--white-shade-1);background-image:url(../images/main2.jpg);background-repeat:no-repeat}.foot-column{width:100%;margin-bottom:10px}}.impressum{background-color:#fefefe;color:#333;text-align:center;font-size:18px}.impressum a{color:#fd0000}.impressum-title{text-align:center;font-size:30px;color:#333}.impressum-header{position:sticky;top:0;padding:2em;text-align:left;z-index:1;font-family:"Archivo Narrow",estedad,sans-serif}.impressum-header a{color:#fff}.page-footer{background-color:#333;color:#fefefe}.home-link{text-decoration:none;color:#333;font-size:1.5em;font-family:estedad,sans-serif;float:left}@media (max-width:1104px){.about .about-content .left img{height:350px;width:350px}.home{height:100vh}.home .home-content .center{display:block;margin-left:auto;margin-right:auto;width:100%;height:100%;margin-top:200px}}@media (max-width:991px){.max-width{padding:0 50px}}@media (max-width:947px){.menu-btn{display:block;z-index:999;color:#333}.menu-btn i.active:before{content:"\f00d"}.navbar .menu{position:fixed;height:100vh;width:100%;left:-100%;top:0;color:#333;background-color:#fefefe;text-align:center;padding-top:50px;transition:.3s}.navbar .menu.active{left:0}.navbar .menu li{display:block}.navbar .menu li a{display:inline-block;margin:20px 0;font-size:20px;color:#333}.home .home-content .text-2{font-size:70px}.home .home-content .text-3{font-size:35px}.home .home-content a{font-size:23px;padding:10px 30px}.max-width{max-width:930px}.about .about-content .column{width:100%}.about .about-content .left{display:flex;justify-content:center;margin:0 auto 60px}.about .about-content .right{flex:100%}.contact .contact-content .column,.skills .skills-content .column{width:100%;margin-bottom:35px}}@media (max-width:690px){.max-width{padding:0 23px}.home .home-content .text-2{font-size:60px}.home .home-content .text-3{font-size:32px}.home .home-content a{font-size:20px}}@media (max-width:500px){.home{width:100%}.home .home-content .text-2{font-size:50px}.home .home-content .text-3{font-size:27px}.about .about-content .right .text,.skills .skills-content .left .text{font-size:19px}}@media screen and (max-width:992px){.scroll-up-btn{right:5px;bottom:15px;height:38px;width:35px;font-size:30px;line-height:38px}}@media all and (max-width:500px){.work .grid{grid-template-columns:1fr}}@media all and (min-width:500px) and (max-width:750px){.work .grid{grid-template-columns:1fr 1fr}}@media all and (max-width:750px){.work .grid{grid-gap:10px}}@media (max-width:480px){.home{width:100%;height:930px}.skills{height:850px}.services{height:600px}.services .box1 .icon-text{padding-top:30px}}