@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Hind:wght@300&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@300;400&display=swap);

html {
    scroll-behavior: smooth
}

body {
    position: relative;
    color: #595959;
    font-family: Mulish,sans-serif;
    font-size: 16px;
    font-weight: 400a
}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #1f2d37;
    z-index: 9999
}

header {
    padding: 0;
    background-color: #00af5e;
    box-shadow: 0 0 10px 5px rgb(20 20 20 / 10%);
    text-align: center
}

header #logo {

}

header #logo a{
    font-size: 45px;
    text-decoration:none;
    font-family: technofont;
	color:#fff;
}

header .navbar-dark .navbar-nav .nav-link {
    font-family: Montserrat,Sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 20.4px;
    letter-spacing: 2.2px;
    color: #fff;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #02010100;
    padding: 3px 0 3px 0;
    margin: 0 36px 0 0;
  	font-size:12px;
}

header .navbar-light .navbar-nav .nav-link:hover {
    text-decoration: underline;
    color: #fff
}

header .bg-dark {
}

section#home {
    background: url(../images/home.jpg) top center no-repeat;
    min-height: 1024px;
    background-size: 74%;
    margin-top: 68px;
}

section#home h1 {
    margin-top: 263px;
    color: #fff;
    font-family: "Open Sans",Sans-serif;
    font-weight: 700;
    font-style: normal;
  	text-shadow: 1px 2px 5px #000;
}

section#home p {
    color: #fff;
    font-family: "Open Sans",Sans-serif;
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.75em;
    text-shadow: 1px 2px 5px #000;
}

section#services {
    padding: 129px 0 120px 0;
    border-bottom: 1px solid #e8e8e8
}

section#services h2 {
    color: #101010;
    font-family: Hind,Sans-serif;
    font-size: 32px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.2em;
    letter-spacing: 10px;
    text-align: center
}

section#services #desc {
    text-align: center;
    color: #a0a0a0;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    line-height: 30px;
    margin-bottom: 117px
}

section#services #srvcbox {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #e8e8e8;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    margin: 0 10px 0 20px;
    padding: 10px 10px 10px 10px;
    text-align: center;
    margin-bottom: 85px
}

section#services #srvcbox #icon {
    background-color: #000;
    width: 72px;
    height: 72px;
    margin: 0 auto;
    border-radius: 50%;
    margin-top: -50px;
    padding-top: 20px;
    font-size: 30px;
    color: #fff;
    margin-bottom: 20px
}

section#services #srvcbox strong {
    color: #303030;
    font-size: 19px;
    font-weight: 700;
    font-style: normal;
    line-height: 28.5px;
    letter-spacing: 4.56px;
    text-transform: uppercase
}

section#services #srvcbox p {
    margin-top: 20px
}

section#projects {
    padding: 129px 0 120px 0;
    min-height: auto;
    text-align: center
}

section#projects h2 {
    color: #101010;
    font-family: Montserrat,Sans-serif;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    line-height: 33.6px;
    letter-spacing: 10px
}

section#projects .carousel {
    width: 1065px;
    margin: 50px auto auto auto;
    min-height: 172px
}

section#projects .carousel-control-next,section#projects .carousel-control-prev {
    top: -90px
}

section#projects .carousel-control-next-icon,section#projects .carousel-control-prev-icon {
    background-image: none;
    color: #303030;
    font-size: 19px
}

section#projects .carousel-indicators {
    top: 255px
}

.carousel-indicators [data-bs-target] {
    background-color: #303030
}

section#projects .carousel p {
    margin-top: 30px
}

section#about {
    background: url(../images/about.jpg) top center no-repeat;
    min-height: 944px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    padding: 362px 0 89px 0
}

section#about .desc {
    background-color: rgba(255,255,255,.92);
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    text-align: left
}

section#about h2 {
    color: #303030;
    font-family: Hind,Sans-serif;
    font-size: 54px;
    font-weight: 300;
    text-transform: uppercase;
    font-style: normal;
    line-height: 64.8px;
    letter-spacing: 14.58px
}

section#contact {
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    padding: 201px 15px 180px 15px;
    background-color: #fff
}

section#contact h2 {
    color: #fff;
    font-family: Helvetica,Sans-serif;
    font-style: normal;
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 42px;
    letter-spacing: 11px;
    text-align: left;
    margin-bottom: 40px
}

section#contact h3 {
    color: #303030;
    font-family: Montserrat,Sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 17px;
    letter-spacing: 6.6px;
    text-align: center;
    margin-bottom: 40px
}

section#contact p {
    color: #fff;
    font-family: "Open Sans",Sans-serif;
    font-size: 22px;
    font-weight: 500;
    text-transform: none;
    font-style: normal;
    line-height: 33px;
    letter-spacing: 3.5px
}

section#contact p a {
    color: #fff
}

section#contact .svg-inline--fa {
    color: #595959;
    font-size: 44px;
    padding-right: 20px;
    margin-bottom: 20px
}

section#contact span,section#contact span a {
    color: #595959
}

footer{
	border-top: 1px solid #e8e8e8;
    padding: 30px 0;
}


/************************************ V2 ADDITIONAL **********************************/

section#features{
	background: url(../images/bg-parallax.webp) top center no-repeat;
	background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
	position:relative;
	background-attachment:fixed;
	color:#fff;
	padding-top:100px;
}

section#features #box1{
	padding-top:130px;
}

section#features #box1 #inwrap{
    background-color: #ffffff;
    width: 35px;
    height: 35px;
    margin: 0px 0px 0px 0px;
    border-radius: 50%;
    color: #000;
    padding-top: 5px;
}

section#amaziwork{
    padding: 91px 0px 80px 0px;	
}

section#amaziwork h2{
    color: #101010;
    font-family: Hind,Sans-serif;
    font-size: 32px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.2em;
    letter-spacing: 10px;
    text-align: center;	
}

section#features #box2{
	
}

@media (max-width: 991px) {

    header{
        padding-bottom: 5px !important;
    }
    
    #logo {
        width:100%
    }

    #navright {
        width: 100%;
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    section#home h1 {
        margin-top:263px;
        color: #fff;
        
        
        
        font-style: normal;
        line-height: 72px;
        letter-spacing: 10px;
        text-align: center
    ;
    text-decoration: none;
    
    text-transform: uppercase;font-family: Hind,Sans-serif;
    font-size: 42px;
    font-weight: 300;}

    section#services #srvcbox {
        margin-bottom: 0
    }
	
	section#banner {padding-top: 80px;background-color: #34f834;}


    section#about {
        background-attachment: fixed
    }

    section#about .desc {
        background-color: rgba(255,255,255,.92);
        transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
        margin: 0 15px 0 15px;
        padding: 49px 55px 82px 32px;
        text-align: left
    }

    section#contact .desc {
        margin: 0 15px 0 15px;
        padding: 0 55px 0 32px;
        text-align: left
    }

    section#projects .carousel-indicators {
        top: 178px
    }

    section#about .desc {
        margin: 0 15px 0 15px;
        padding: 49px 55px 82px 32px
    }

    section#contact .svg-inline--fa {
        margin-bottom: 0
    }

    header .bg-dark {
        background-color: transparent!important;
        margin-top: 0
    }

    header #logo {
        float: left
    }

    header #navright {
        float: right;
        padding-top: 15px;
    }
}

.bg-dark {
    background-color: #00af5e!important;
}

	section#banner {padding-top: 80px;background-color: #34f834;}