.about .image::before,.title-section::before{content:"";background-image:url(../imgs/dots.png);background-repeat:repeat}.about .btns a,body{font-weight:400}.main-bg,.services .box .icon{background-color:var(--bg-main)}.clients .inner p,.contact .inner p,.services .box p{color:var(--paragraph-color)}:root{--main-color:rgb(28, 28, 28);--bg-main:#f7f7f7;--paragraph-color:rgb(116, 129, 130)}body{font-family:Poppins}h1,h2,h3,h4,h5,h6{font-family:Montserrat;color:#343434}.services .box:hover .icon i,nav .nav-link{color:#fff}.navbar-brand{font-family:Montserrat;font-weight:800}nav{padding:20px 0 30px}.section-padding{padding:6.25rem 0 4.375rem}.title-section{position:relative;width:fit-content;margin-inline:auto}.icons i{display:inline-flex;color:#fff;border-radius:50%;justify-content:center;align-items:center}.title-section h3{color:#343434;font-weight:900;font-size:2.5rem;position:relative}.title-section::before{position:absolute;left:0;bottom:-13px;width:100%;height:80%}nav .nav-pills .nav-link{font-weight:400;font-size:.875rem;margin-right:1.6rem;position:relative}.navbar-toggler,nav .nav-pills .nav-link.active{border:none}nav .nav-pills .nav-link,nav .nav-pills .nav-link.active{padding-inline:0}.navbar-toggler:focus{box-shadow:none}.nav{--bs-nav-link-padding-y:0;--bs-nav-link-hover-color:black}@media (min-width:992px){.nav{--bs-nav-link-padding-y:0;--bs-nav-link-hover-color:blue}nav .nav-pills{display:flex;align-items:center}.navbar{--bs-navbar-active-color:red;}}.main-header{background-image:url("../imgs/bg.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:relative}.main-header .container{position:relative;z-index:4}.main-header::after{content:"";position:absolute;inset:0;background-color:#000;opacity:.65}.about .image,.portoflio .img,.team .inner{position:relative}.main-header h1{font-weight:200}.main-header h5{font-weight:800}.main-header header{padding:1rem}.main-header .icons{margin-top:15px}.main-header .icons i{margin-right:.2rem;width:35px;height:35px;padding:15px;background-color:#000a10;border-radius:50%;font-size:14px;cursor:pointer}.about .btns a:first-child,.about .btns a:nth-child(2){border:1px solid var(--main-color)}.main-header header h1 span{animation:1.5s linear .5s infinite alternate width;display:inline-flex;align-items:center;overflow:hidden;width:0;padding-right:10px;max-width:fit-content;position:relative}.main-header header h1 span::after{content:"";position:absolute;background-color:#fff;height:100%;width:2px;right:0}@keyframes width{0%{width:0}10%{width:10%}20%{width:20%}30%{width:30%}40%{width:40%}50%{width:50%}60%{width:60%}70%{width:70%}80%{width:80%}90%{width:90%}100%{width:100%}}.about .image{padding:0 .9375rem}.about .image::before{position:absolute;left:-11px;bottom:-20px;z-index:-1;width:100px;height:100%}.about header h3{color:#343434;font-weight:800}.about header span{color:#999;letter-spacing:.125rem}.about header p{color:#818182}.about header p span{color:#748182;font-weight:700;letter-spacing:0}.about .btns .btn{--bs-btn-padding-x:1.875rem;--bs-btn-padding-y:0.625rem;font-size:.8125rem}.about .btns a:first-child{background-color:var(--main-color);color:#fff}.about .btns a:first-child:hover,.portoflio .img .overlay .content .icons i:hover,.team .inner .overlay .icons i:hover,form button:hover{background-color:transparent;color:#000}.portoflio .img .overlay .content .icons i,.services .box:hover .icon,.team .inner .overlay .icons i,form button{background-color:var(--main-color)}.about .btns a:nth-child(2):hover,.contact .inner:hover .icon{background-color:var(--main-color);color:#fff}.progress{--bs-progress-bar-bg:#1c1c1c;--bs-progress-bg:var(--bg-main);--bs-progress-height:1.45rem;box-shadow:0 2px 7px rgba(0,0,0,.15) inset}.progress .progress-bar{border-radius:.375rem}.services .box .icon{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;transition:1s}.portoflio .img .overlay,.team .inner .overlay{position:absolute;left:5px;right:5px;top:5px;bottom:5px;display:flex;opacity:0}.services .box{padding:3.125rem 1.25rem}.services .box p{font-size:.875rem}.services .box .icon i{font-size:1.5625rem;transition:1s}.services .box h6{font-weight:800;font-size:1.125rem}.clients .inner h3,.clients .inner i{font-size:1.875rem}.nav-pills{--bs-nav-pills-link-active-color:red;--bs-link-color:black;--bs-nav-pills-link-active-color:blue;--bs-nav-pills-link-active-bg:transparent;--bs-link-hover-color:none;--bs-nav-pills-border-radius:0;--bs-nav-link-padding-x:0}.portoflio .nav-pills .nav-link{margin-right:1.25rem;font-weight:700}.modal{--bs-modal-width:auto}.modal-content{background-color:transparent;border:none;width:auto;margin:auto}.modal-body img{display:block;margin:auto;max-width:100%}.btn-close{position:absolute;right:0;top:0}.nav-pills .nav-link.active{border-bottom:2px solid}.portoflio .img:hover .overlay{opacity:1;transform:translateY(0)}.portoflio .img .overlay{transition:.5s;background-color:rgba(255,255,255,.95);justify-content:center;align-items:center;transform:translateY(10px)}.portoflio .img .overlay .content h6{font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:.75rem;transform:translateY(-20px);transition:.5s}.portoflio .img .overlay .content .icons{transform:translateY(15px);transition:.5s}.portoflio .img:hover .overlay .content .icons,.portoflio .img:hover .overlay .content h6{transform:translateY(0)}.portoflio .img .overlay .content .icons i{width:30px;height:30px;padding:15px;font-size:.875rem;border:1px solid var(--main-color);transition:.6s}.carousel-item{min-width:230px}.testimonials header{margin-bottom:0}.carousel-item p,footer p{color:#748182}.carousel-indicators{position:static}.carousel-indicators [data-bs-target]{height:10px;width:10px;border-radius:50%;background-color:#869791;margin-right:.625rem}.carousel-item header h6{font-weight:600}.carousel-item header span{color:#888;font-weight:600;font-size:.75rem}.clients .inner h3{font-weight:900}.clients .inner p{font-size:.9375rem;font-weight:600}.team .inner{overflow:hidden}.contact .title-section,.team header{margin-bottom:5rem}.team .inner .overlay{background-color:#fafcfd;align-items:center;justify-content:center;transition:.4s;transform:rotateY(180deg)}.team .box:hover .overlay{transform:rotateY(0);opacity:1}.team .inner img{transition:.4s}.team .box:hover img{transform:scale(1.2)}.team .inner .overlay .icons i{border:1px solid var(--main-color);width:40px;height:40px;transition:.4s}.team .info{background-color:#5b5b5b;padding:1.25rem;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.team .info h5{font-weight:500}.contact .inner .icon{width:60px;height:60px;display:inline-flex;border-radius:50%;background-color:#eee;justify-content:center;align-items:center;transition:.5s}.contact .inner .icon i{font-size:1.3rem}.contact .inner h6{font-weight:700}.contact .container{padding:0 4.5625rem}@media (max-width:992px){.nav-pills .nav-item,.navbar-collapse{margin-top:1.25rem}.navbar-collapse{background-color:#fff;text-align:center}.nav-pills .nav-link{color:#000}.about .image{margin-bottom:4.5rem}.about .btns a{margin:10px}.contact .container{padding:0 15px}}input,textarea{background-color:#f4f4f4;color:#757575;border-radius:5px;border:none;padding:10px;outline:0}textarea{height:160px;max-height:160px;max-width:100%}form button{border:1px solid var(--main-color);color:#fff;border-radius:5px;padding:10px 40px;transition:.5s}footer{background-color:#1c1c1c;padding:1.875rem}@media (max-width:300px){.title-section h3{font-size:1.5rem}}