@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Ubuntu:wght@400;500;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;scroll-behavior:smooth}.links{font-weight:600;color:#007bff;transition:all .5s ease}.links.newtab::after{content:"\f35d";font-family:"Font Awesome 5 Free";font-weight:900;margin-left:5px}.links:visited{color:#007bff;transition:all .5s ease}.links:hover{color:#9eb5f7;transition:all .5s ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#89f1ee;border-radius:12px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:#4ea19d}.scroll-button a{position:fixed;bottom:20px;right:20px;color:#fff;background:#49949e;padding:7px 12px;font-size:18px;border-radius:6px;box-shadow:rgba(0,0,0,.15);display:none}nav{position:fixed;width:100%;padding:20px 0;z-index:998;transition:all .3s ease;font-family:Ubuntu,sans-serif}nav .navbar{width:90%;display:flex;justify-content:space-between;align-items:center;margin:auto}.navbar .menu .cancel-btn,.navbar .menu .cancel-btn-left,nav .menu-btn{position:absolute;color:#fff;right:10px;top:30px;font-size:20px;cursor:pointer;transition:all .3s ease;display:none}nav .menu-btn{color:#fff}nav.sticky .menu-btn{color:#fff}.navbar .menu .menu-btn{color:#fff}.logo{display:flex;align-items:center;justify-content:center}.logo img{width:12%;height:100%;float:left}.logo .text{margin-left:-255px;float:left}nav .navbar .logo a{font-weight:500;font-size:35px;color:#fff}nav.sticky .navbar .logo a{color:#fff}nav .navbar .menu{display:flex;position:relative}nav .navbar .menu li{list-style:none;margin:0 8px}.navbar .menu a{font-size:18px;font-weight:800;color:#0e2431;padding:6px 0;transition:all .4s ease}.navbar .menu a:hover{color:#377a77}nav.sticky .menu a{color:#fff}nav.sticky .menu a:hover{color:#0e2431}.navbar .media-icons a{color:#fff;font-size:21px;margin:0 6px;transition:all .5s ease}.media-icons a:hover{color:grey;transition:all .4s ease}nav.sticky .media-icons a{color:#fff}section{padding-top:40px}section .content{width:96%;margin:0 auto;font-family:Poppins,sans-serif}section .title{display:flex;justify-content:center;margin-bottom:40px;text-align:center}section .title span{color:#f0f6fc;font-size:30px;font-weight:600;position:relative;padding-bottom:8px}section .title span::after,section .title span::before{content:"";position:absolute;height:3px;width:100%;background:#377a77;left:0;bottom:0}section .title span::after{bottom:-7px;width:70%;left:50%;transform:translateX(-50%)}.about .left img{height:100px;width:400px;object-fit:cover;border-radius:12px}section .button{margin:5px 0;align-items:center;display:flex;justify-content:center}section .button button{outline:0;padding:6px 12px;border-radius:4px;font-size:15px;font-weight:600;background:#377a77;color:#fff;border:2px solid transparent;cursor:pointer;transition:all .4s ease}section .button button:hover{border-color:#377a77;background-color:transparent;color:#377a77}@media (max-width:950px){footer{margin-top:auto}}nav .navbar .media-icons-m{display:none}nav .navbar .menu .media-icons-m a{font-size:25px;margin:0 8px;transition:all .3s ease}@media (max-width:4090px){nav .navbar .menu.left{position:fixed;left:-100%;top:0;margin:0 0;background:#151b23;height:100vh;width:100%;padding-top:60px;flex-direction:column;align-items:center;transition:all .5s ease;z-index:999}.navbar .menu .cancel-btn-left{display:block}.navbar.active .menu,.navbar.active .menu.left{left:0}nav .navbar .menu a{font-size:23px;display:block;color:#fff;margin:10px 0}nav.sticky .menu a:hover{color:#377a77}}@media (max-width:750px){nav .navbar{width:90%}nav .navbar .menu{position:fixed;left:-100%;top:0;margin:0 0;background:#151b23;height:100vh;width:100%;padding-top:60px;flex-direction:column;align-items:center;transition:all .5s ease}nav .navbar .menu a{font-size:23px;display:block;color:#fff;margin:10px 0}nav.sticky .menu a:hover{color:#377a77}nav .navbar .media-icons{display:none}nav .navbar .media-icons-m{display:flex}.navbar .menu .cancel-btn,nav .menu-btn{display:block}.contact .text{width:100%}}footer{background-color:#010409!important;border-top:1px solid rgba(255,255,255,.1);padding:15px 5px;text-align:center;font-family:Poppins,sans-serif}footer .text span{font-size:17px;font-weight:400;color:#fff}footer .text span a{font-weight:500;color:#72abff;transition:all .3s ease}footer .text span a:hover{text-decoration:underline;color:#d9dbe2;transition:all .3s ease}body,html{height:100%;margin:0;display:flex;flex-direction:column}body{display:flex;flex-direction:column}footer{margin-top:auto}.container{flex:1}.about{display:flex;justify-content:center;align-items:center}.emojji{text-align:center;margin-left:-150px}.search-bar{display:flex;align-items:center;position:relative;margin:0 auto;border-radius:9px;background-color:#fff;width:auto;max-width:400px;height:40px;border:2px solid #377a77;overflow:hidden}.search-bar input[type=text]{border:none;outline:0;padding:10px;flex:1}.search-bar .submit button{background-color:#377a77;border:none;color:#fff;padding:19px;cursor:pointer;transition:all .5s ease}.search-bar .submit button:hover{background-color:#e9e9e9;color:#377a77;transition:all .4s ease}.clear-btn{position:absolute;right:60px;background:0 0;border:none;font-size:16px;color:#377a77;cursor:pointer;display:none}.clear-btn:hover{color:#e9e9e9}.select-dropdown{margin-bottom:20px}.select-dropdown label{font-size:18px;font-weight:700;color:#377a77;display:block;margin-bottom:8px;text-align:center}.select-dropdown select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;font-weight:700;max-width:400px;padding:10px;font-size:16px;display:flex;align-items:center;margin:0 auto;border-radius:9px;border:2px solid #377a77;background-color:#2f2f2f;color:#fff;cursor:pointer;transition:all .3s ease}.select-dropdown select:focus,.select-dropdown select:hover{background-color:#377a77;color:#fff;border-color:#377a77}.select-dropdown select:focus{background-color:#377a77;color:#fff;border-color:#377a77}.select-dropdown option{background-color:#333;color:#ddd;text-align:center;text-align-last:center}.select-dropdown option:hover{background-color:#f1f1f1}.container{display:flex;flex-direction:column;align-items:center;width:900px;margin-top:80px}.container>h1{font-size:50px;color:#2d2d2d;text-shadow:#cccc 1px 1px;margin-bottom:20px}.filters{display:flex;gap:10px;margin-bottom:20px}.filters>button{font-size:17px;padding:5px;width:90px;border:none;border-radius:5px;background-color:#fff;box-shadow:rgba(99,99,99,.2) 0 2px 8px 0}.filters>input,.filters>select{padding:5px;width:120px;border-radius:5px;background-color:#fff;box-shadow:rgba(99,99,99,.2) 0 2px 8px 0;border:none;outline:0}.products{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px;margin-bottom:30px}.product{border:2px solid #377a77;padding:15px;border-radius:10px;background-color:#fff;text-align:center;max-width:250px;box-shadow:rgba(0,0,0,.24) 0 3px 8px}.product img{max-width:230px;height:120px;margin-bottom:10px;border-radius:6px}.products p{font-size:12px}.products:hover>:not(:hover){opacity:.6}.Servicegrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.Servicecard{background-color:transparent;border-radius:.375rem;border:solid .1em var(--main-border-color);padding:13px;transition:box-shadow .3s ease;text-decoration:none;color:inherit;transition:all .5s ease}.Servicecard:hover{border-color:#377a77}.Servicecard h2{font-size:1.3rem;font-weight:600;color:#4493f8!important;display:inline-block;margin-left:5px;vertical-align:middle}.Servicecard .icon{font-size:1rem;color:#1abc9c;display:inline-block;vertical-align:middle}.Servicecard p{font-size:small;color:#9198a1}.container-t{background-color:transparent;padding:20px;border:solid .1rem var(--main-border-color);border-radius:6px;color:#fff;margin:10px}.container-t .h2{color:#f0f6fc;font-size:30px;margin-bottom:20px}.container-t ul{list-style-type:none;padding:0}.container-t li{margin-bottom:10px}.container-t code{background-color:#444;padding:2px 5px;border-radius:5px}.list-group{list-style:none;padding:0;margin:0}.list-group-item{background:0 0;margin-bottom:15px;padding:20px;border-radius:10px;border:.1rem solid var(--main-border-color);transition:transform .3s ease,box-shadow .3s ease}.todo-content{width:100%}.todo-title{font-size:1.4em;color:#fff;font-weight:600;margin:0 0 0!important}.todo-description{font-size:1em;color:#9198a1}.todo-meta{font-size:.9em;color:#888}.todo-meta.assigned{color:#28a745}.todo-meta.completed{color:#007bff}.btn{outline:0;padding:8px 16px;border-radius:5px;font-size:.92em;font-weight:600;color:#fff;border:2px solid transparent;cursor:pointer;background:0 0;text-align:center;transition:all .3s ease}@media (max-width:600px){.btn{width:100%;padding:10px}}.btn:visited{color:#fff}.btn-edit{background:#007bff;transition:all .3s ease}.btn-edit:hover{color:#007bff;border-color:#007bff;background:0 0;transition:all .3s ease}.btn-save{background:#28a745;transition:all .3s ease}.btn-cancel{background:#6c757d;transition:all .3s ease}.btn-cancel:hover{color:#6c757d;border-color:#6c757d;background:0 0;transition:all .3s ease}.btn-save:hover{color:#28a745;border-color:#28a745;background:0 0;transition:all .3s ease}.btn-danger{background:#dc3545;transition:all .3s ease}.btn-danger:hover{color:#dc3545;border-color:#dc3545;background:0 0;transition:all .3s ease}