p{
	text-align: justify;
}
img{
	max-width: 100%;
}
.row{
    justify-content: center;
    align-content: center;
    align-items: center;
}
#hero{
	background: url(../images/banner.jpg) no-repeat;
    background-size: cover;
}
#hero h2{
	color: #081722;
    margin-bottom: 30px;
    font-size: 48px;
    font-weight: 700;
}
#hero h3{
	color: #081722;
	font-weight: bold;
}
#hero p{
	color: #3c3d41;
	text-align: center;
}
#hero h2 span {
    text-decoration: none;
}
#hero .btn-get-started{
    border: 2px solid #333;
    color: #333;
}
#hero .btn-get-started:hover{
	background: #333;
}
.header .logo img {
    max-height: 100px;
}
.scrolled .header {
    --background-color: rgb(255 255 255);
    box-shadow: 0px 0 18px rgb(0 0 0 / 40%);
}
.scrolled .header .logo img{
	max-height: 65px;
}
#navmenu{
	margin: 0px auto;
}
.navmenu li:hover>a, .navmenu .active, .navmenu .active:focus {
    background-color: #006cb6;
    color: #fff;
}
.navmenu a{
	color: #000;
}
.bi-chevron-left::before, .bi-chevron-right::before {
    color: #000;
}
#about img{
	max-width: 550px;
	width: 95%;
}
#features{
	padding-top: 30px; 
}
#features .container{
	padding-bottom: 50px;
}
#features h3{
	font-size: 1.4rem;
	color: #39393B;
}
.features .nav-link.active h3, .features .nav-link h3{
	color: #fff !important;
}
.features .nav-link .active:hover{
	color: #fff !important;
    border: solid 1px #39393B !important;
}
.features .nav-link .active:hover i, .features .nav-link i, .features .nav-link .active i{
	color: #ffff !important;
}
.features .nav-link.active, .features .nav-link{
	background: url(../images/bg.jpg) no-repeat;
	border: none;
}
.features .nav-link {
    color: ##39393B;
}
.features .fst-italic{
	font-weight: 300;
}
.features p{
	margin-top: 10px;
	text-align: center;
}
.features ul{
	align-items: flex-start;
}
.call-to-action{
    padding: 80px 0 0px 0
}
.call-to-action p{
	text-align: center;
}
.call-to-action .container{
	padding-bottom: 80px;
}
.call-to-action h3{
	margin-top: 15px;
}
#services{
	padding-top: 50px;
}
#services .container{
	padding-bottom: 50px;
}
#services .service-item{
    padding: 15px 20px 15px 20px;
    text-align: center;
}
#portfolio, #team, #clients{
    background: #e0e0e08c;
}
.portfolio .portfolio-filters li:hover, .portfolio .portfolio-filters li.filter-active {
    color: var(--contrast-color);
    background-color: #2c2c2c;
}
#portfolio .img-fluid {
    max-width: 100%;
    height: auto;
    border: solid 10px #ffffff;
}
#faq .section-title, #clients .section-title{
	padding-bottom: 20px;
}
#clients .testimonial-item{
	padding: 0px !important;
}
.scroll-top{
    background-color: #962983;
}
.contact .php-email-form button[type=submit] {
    color: var(--contrast-color);
    background: #2c2c2c;
    border: 0;
    padding: 10px 30px;
    transition: 0.4s;
    border-radius: 50px;
}
#contact .row{
	align-items: flex-start;
}
#contact2 .row{
	align-items: flex-start;
}
.footer .social-links a{
    background: #006cb6;
}
#about .section-title, #testimonials .section-title, #aboutus .section-title, #aboutus2 .section-title, #aboutus3 .section-title{
	padding-bottom:10px;
}
#team .section-title, #services2 .section-title, #portfolio2 .section-title{
	padding-bottom: 30px;
}
#clients .section-title{
	padding-bottom: 0px;
}
#aboutbanner{
	background: url(../images/banner.jpg) no-repeat;
    background-size: cover;
    min-height: 350px;
}
#aboutbanner .container{
	padding-bottom: 30px;
}
#aboutbanner h1{
    color: #081722;
    font-size: 48px;
    font-weight: 700;
}
#aboutbanner p{
	color: #081722;
	text-align: center;
}
#aboutus img{
	max-width: 500px;
	width: 95%;
}
#aboutus p{
	text-align: left;
}
#aboutus3{
    background: url(../images/creativityBg.png) no-repeat;
    background-repeat: repeat;
    padding: 0px;
}
#aboutus3 .section-title h2{
	color: #000;
}
#aboutus3 p, #aboutus3 h5{
	color: #333;
}
.faq .custom-accordion .accordion-item .btn-link {
    background: aliceblue;
}
.faq .custom-accordion .accordion-item{
	margin-bottom: 10px;
    border: solid 1px #eff8ff;
    font-weight: 500;
}
.faq .custom-accordion .accordion-item .accordion-body{
	font-weight: 300;
}
.faq .custom-accordion .accordion-item .btn-link[aria-expanded=true] {
    font-weight: 700;
    color: #333;
}
.faq .custom-accordion .accordion-item .btn-link[aria-expanded=true]:before{
	color: #333;
}
#aboutus{
	padding-bottom: 0px;
}
#clients .testimonial-item {
    padding: 20PX 10px !important;
    border-radius: 15px;
}
#services2{
	background: #e0e0e08c;
	padding: 50px 0px;
}
#services2 .service-item{
	text-align: center;
	padding: 5px !important;
}
#services2 .row{
	margin-bottom: 30px;
}
#services2 .row p{
	margin-bottom: 0px;
	text-align: justify;
	font-size: 0.9rem;
}
#portfolio2 .img-fluid {
    border: solid 1px #9e9e9e47;
}
.fixedTab{
	position: fixed;
	top:100px;
	left: 0px;
	width: 100%;
	z-index: 900;
	background: #ccc;
	padding: 15px !important;
	-webkit-box-shadow: 0px 12px 23px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 12px 23px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 12px 23px -10px rgba(0,0,0,0.75);
}
.contact2{
	padding-top: 50px;
}
.isotope-containerhome{
	max-height: 500px;
	overflow: scroll;
	margin-top: 20px;
}
.glightbox-clean .gslide-title{
	margin-bottom: 0px;
}
#testimonials p{
	text-align: center;
}
#call-to-action .row{
	align-items: flex-start;
}
#testimonials .section-title p{
	text-align: left;
}
#footer p{
	text-align: center;
}
.portfolio .portfolio-filters li{
	margin:5px !important;
}
#clients .testimonial-item{
	text-align: center;
}
#aboutus .section-title, #aboutus3 .section-title, #aboutus2 .section-title{
	padding-left:0px;
}
.section-title h2::after{
    margin: 4px 2px;
}
#portfolio2 h2, #contact h2{
	text-align: left;
}
@media screen and (max-width:1199px){
	#navmenu{
		margin: 0px 0px;
	}	
	.mobile-nav-toggle {
        color: #040000;
        font-size: 50px;
        font-weight: bolder;
    }
    .navmenu a, .navmenu a:focus{
        justify-content: center;
    }
}
@media screen and (max-width:991px){
	.mobcenter {
		text-align: center;
    }
    #features .nav-item{
	    width: 50%;
	    margin-bottom: 10px;
    }
    .container {
    	max-width: 100%;
		padding: 0px 45px;
    }
    .aboutimg{
    	margin-top: 0px;
    }
    #features .nav-item{
	    width: 100%;
	    margin-bottom: 10px;
    }
    #portfolio .section-title, #contact .section-title{
    	margin-bottom: 20px;
    }
    #hero h2, #aboutbanner h1{
    	font-size: 35px;
    }
    .section-title p{
    	font-size: 25px;
    }
    .call-to-action h3{
    	font-size: 24px;;
    }
    .services .service-item h3{
    	font-size: 18px;
    }
    .footer h3{
    	font-size: 25px;
    }
    #aboutus{
    	padding-bottom: 20px;
    }
    #aboutus3{
    	padding-top: 50px;
    }
    #aboutus2 img{
    	margin-bottom: 20px;
    }
    #services2 .row{
	    background: #fff;
    	padding: 0px 10px 20px 10px;
    	margin-bottom:35px;
    }
    #services2 .service-item{
    	box-shadow: none;
    }
    #services2 .col-lg-10{
    	margin-top: 0px;
    }
    #services2 p{
    	text-align: center !important;
    }
}
@media screen and (max-width:767px){
	#call-to-action .col-md-4{
		margin-bottom: 20px;
	}
    #hero h2, #aboutbanner h1{
    	font-size: 25px;
    }
    .section-title p{
    	font-size: 21px;
    }
    .call-to-action h3 {
        font-size: 22px;
    }
    .footer h3 {
        font-size: 20px;
    }
    .footer P{
    	margin-bottom: 15px;
    }
    .footer .social-links{
    	margin-bottom: 20px;
    }
    .footer .copyright{
    	padding-top: 15px;
    }
}
@media screen and (max-width:575px){
	.container {
		padding: 0px 25px;
    }
    .section-title h2::after{
	    width: 90px;
    }
}