@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;0,500;0,700;0,900;1,100;1,300;1,500;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700&family=Roboto:ital,wght@0,900;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;1,100;1,200;1,300;1,400&family=Roboto:ital,wght@0,900;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Brygada+1918:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap);.bg-main-color,.navbar .nav-link::after,.resume .item:hover::after{background-color:var(--main-color)}.buttn i,.overlay,.project-card .info,header .icons i{transition:.5s}.head h3,.item h6,.title span{font-weight:500}.bar,.map,.navbar .nav-link,.resume .head,.resume .item,.services .service-item{position:relative}.bar,.navbar .nav-link.active::after,.navbar .nav-link:hover::after{width:100%}.head i,.map i,header .icons i{text-align:center}.buttn:hover i,.map i:hover,header .icons i:hover{transform:rotate(360deg)}.about .project p,h1,h2{font-weight:700}body{font-family:roboto,sans-serif}:root{--main-color:#ff724c}h1,h2{font-family:Dosis,sans-serif}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1140px}}.fa-regular,.text-main-color,footer span{color:var(--main-color)}.buttn:hover i{color:#fff!important;background-color:#000!important}.custom-btn:hover i,.head i:hover,.overlay i:hover{color:var(--main-color)!important}.navbar .nav-link{padding-block:10px}.navbar .nav-link::after{content:'';position:absolute;bottom:0;left:0;height:2px;width:0;transition:.5s}.header{background-image:url(../img/introbg5.png);background-size:cover;background-position-y:-45px;background-repeat:no-repeat}.heder-content p,.heder-content span{font-family:Raleway,sans-serif;size:23px}.head h3,.service-item p{font-family:Roboto,sans-serif}h1{font-size:60px}header .icons i{width:30px;height:30px;line-height:30px;border:1px solid;border-radius:50%}header .icons i:first-of-type{color:#3b5999;border-color:3b5999}header .icons i:first-of-type:hover{color:#fff;background-color:#3b5999}header .icons i:nth-of-type(2){color:#ea4c89;border-color:#ea4c89}header .icons i:nth-of-type(2):hover{color:#fff;background-color:#ea4c89}header .icons i:nth-of-type(3){color:#1769ff;border-color:#1769ff}header .icons i:nth-of-type(3):hover{color:#fff;background-color:#1769ff}header .icons i:nth-of-type(4){color:#0077b5;border-color:#0077b5}header .icons i:nth-of-type(4):hover{color:#fff;background-color:#0077b5}header .icons i:nth-of-type(5){color:#dd4b39;border-color:#dd4b39}header .icons i:nth-of-type(5):hover{color:#fff;background-color:#dd4b39}h2{font-size:48px}.border-main-color{border-color:var(--main-color)!important}.border-white{border-color:#fff!important}.service-item h3{color:#3b3b3b;font-size:20px;font-weight:500}.service-item p{font-size:14px;color:#818181}.services .service-item::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f3f3f3;border-radius:15px;z-index:-1;height:0;transition:.6s}.bar::after,.services .service-item:hover::after{height:100%}.protfolio{background-color:#f3f3f3}.protfolio .nav-link{font-size:13px;color:#5f5f5f;font-family:Raleway,sans-serif;font-weight:600;border:1px solid #5f5f5f!important;background-color:#fff}.protfolio .nav-link.active{color:#fff;background-color:var(--main-color);border:none!important}.project-card span{font-size:15px;color:#4c4c4c}.overlay{background-color:rgb(0,0,0,.1);transform:scaleY(0)}.project-card:hover .overlay{transform:scaleY(1)}.overlay i{transform:scale(0);transition:.5s .1s}.project-card:hover .overlay i{transform:scale(1) rotate(360deg)}.overlay i:hover{background-color:transparent;border:1px solid #fff}.project-card .info{bottom:40px;opacity:0}.project-card:hover .info{bottom:0;opacity:1}.title span{color:#818181;font-size:15px}.head h3,.title h2{color:#3b3b3b}.head i{width:40px;height:40px;line-height:40px}.head h3{font-size:20px}.item h6,.item p,.item span{font-size:14px!important}.resume .head::before,.resume .item:not(:last-of-type)::before{content:'';position:absolute;width:1px;height:100%;background-color:#333;top:25px;left:18px;z-index:-1}.item h6{color:#3b3b3b!important}.item span{font-weight:400}.resume .item:not(.item.different)::after{content:'';position:absolute;width:10px;height:10px;top:25px;left:13px;background-color:#fff;border-radius:50%;border:1px solid var(--main-color)}.head i:hover{background-color:#f3f3f3}.bar::after,.download a:hover{background-color:var(--main-color)}.bar{height:5px;background-color:#333;border-radius:5px}.bar::after{content:'';position:absolute;left:0;top:0;border-top-left-radius:5px;border-bottom-left-radius:5px;width:80%}.item[parcentge="80%"] .bar::after,.item[parcentge="80%"] h6{width:80%}.item[parcentge="70%"] .bar::after,.item[parcentge="70%"] h6{width:70%}.item[parcentge="55%"] .bar::after,.item[parcentge="55%"] h6{width:55%}.download{background:linear-gradient(rgba(59,59,59,.75),rgba(59,59,59,.75)) 0 0/cover no-repeat,url(../img/brandbg.png) 0 0/cover no-repeat}.download a{border:1px solid #fff;font-family:Raleway,sans-serif;font-weight:400;font-size:13px}.download h3{font-weight:500;font-size:32px;font-family:Dosis,sans-serif}.carousel-item h5,.contact p{font-family:Roboto,sans-serif}.download a:hover{border:none}.carousel-indicators .active,.map i:hover{background-color:var(--main-color)!important}.carousel.slide button{width:12px;height:12px;border-radius:50%;border:1px solid var(--main-color);margin-right:6px}.carousel-item h5{color:#313131;font-weight:500;font-size:15px;text-transform:uppercase}.carousel-item p,.carousel-item span,footer p{text-transform:capitalize}.carousel-item p{color:#5b5b5b;font-size:15px}.carousel-item span{color:#5b5b5b;font-size:14px;font-style:italic;font-weight:400}.quote:hover{color:#fff;background-color:#5b5b5b;border-radius:6px}.quote:hover span{color:#fff}.contact .title h2,.contact .title span{color:#fff!important}.contact{background:linear-gradient(rgba(255,114,76,.85),rgba(255,114,76,.85)) 0 0/cover no-repeat,url(../img/contactbg.png) 0 0/cover no-repeat}.contact p{font-size:15px;color:#fff;width:53%}.contact input:focus,.contact textarea:focus{border:1px solid #fff!important;box-shadow:none}.contact input::placeholder,.contact textarea::placeholder{color:#fff}.contact-info .container{border-top-left-radius:10px;border-top-right-radius:10px;background-color:#282828;position:absolute;bottom:6px;width:100%;left:85px}.map i{height:30px;width:30px;font-size:13px;transition:.2s}.heder-content p,.heder-content span{font-size:23px;color:#313335;font-weight:500}.map i:hover{color:#fff!important}footer p{font-weight:400;font-size:16px;color:#818181;margin-top:15px}.s-14{font-size:14px}.about .project{background-color:#4e4e4e!important}.about .project span{font-size:26px;font-weight:700}.about .project p{font-size:16px}.heder-content p{width:0;white-space:nowrap;overflow:hidden;border-right:1px solid #3333;animation:3s typing;-webkit-animation:3s steps(27) infinite alternate-reverse both typing,.7s infinite blink}@keyframes typing{from{width:0}to{width:314px}}@keyframes blink{from{border-color:#333333bd}to{border-color:#33333300}}.title a{font-size:11px!important;font-weight:400}.title a i{background-color:#3b3b3b!important}