/*!
Theme Name: creativepeoples
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: creativepeoples
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

creativepeoples is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


body {
    line-height: 1.6;
    font-size: 18px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #404040;
    background: #fff;
}
  
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
  
.li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
  
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
  
h1 {
    font-size: 42px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}
  
a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

button:focus {
    outline: none;
    box-shadow: none;
}
  
.slick-slide:focus {
    outline: none;
    box-shadow: none;
}
  
.slick-slide img {
    display: inline-block !important;
}
  
button {
    border: none;
}
  
img {
    max-width: 100%;
    height: auto;
}
  
input:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
}
  
.delay-1 {
    animation-delay: 0.1s;
}
  
.delay-2 {
    animation-delay: 0.2s;
}

.delay-3 {
    animation-delay: 0.3s;
}

.delay-4 {
    animation-delay: 0.4s;
}

.delay-5 {
    animation-delay: 0.5s;
}

.delay-6 {
    animation-delay: 0.6s;
}

.delay-7 {
    animation-delay: 0.7s;
}

.delay-8 {
    animation-delay: 0.8s;
}

.delay-9 {
    animation-delay: 0.9s;
}

.delay-10 {
    animation-delay: 1s;
}
  
  
/* Start Primary btns css
============================================================================================ */

.primary-btn {
    position: relative;
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    padding: 15px 40px;
    transition: 0.3s;
    color: #fff;
    background: #0B47A9; 
    border: 1px solid #0B47A9;
    border-radius: 50px;
}

.primary-btn:hover {
    background: #F3C71F;
    border-color: #F3C71F;
    color: #011007;
}
  
/* gradient-bg css
============================================================================================ */
.gradient-bg {
    background: -webkit-linear-gradient(90deg, #fe690b 0%, #ff8f1e 100%);
    background: -moz-linear-gradient(90deg, #fe690b 0%, #ff8f1e 100%);
    background: -o-linear-gradient(90deg, #fe690b 0%, #ff8f1e 100%);
    background: linear-gradient(90deg, #fe690b 0%, #ff8f1e 100%);
}


/* Start Header area style
============================================================================================ */
.header-area {
    position: fixed;
    z-index: 999;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background: transparent;
    width: 100%;
    padding: 20px 0;
    top: 0;
    transition: 0.3s;
}

.header-area .navbar {
    background: transparent;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
}

.header-area .navbar .navbar-nav li {
    margin-right: 35px;
}

.header-area .navbar .navbar-nav li a {
    color: #404040;
    padding: 0px;
    display: inline-block;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    line-height: 40px;
}

.header-area .navbar .navbar-nav li a:hover, .header-area .navbar .navbar-nav li a.active {
    color: #F3C71F;
}

.header-btn .primary-btn {
    padding: 10px 30px;
}

.offcanvas-wraper {
    position: fixed;
    width: 300px;
    background: #fff;
    height: 100%;
    top: 0;
    padding-top: 140px;
    z-index: 99;
    left: -300px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.offcanvas-wraper.active {
    left: 0;
}

.mobile-header {
    display: none;
    padding: 10px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    transition: 0.3s;
}

.mobile-header .site-logo img {
    max-width: 200px;
}

.offcanvas-wraper li a {
    color: #011007;
}
.offcanvas-wraper .header-btn .primary-btn {
    color: #fff;
}
.offcanvas-wraper .header-btn .primary-btn:hover {
    color: #011007;
}
.offcanvas-wraper .header-btns .primary-btn {
    color: #0B47A9;
}

.offcanvas-wraper li {
    margin-bottom: 10px;
}

.header-area.sticky,
.mobile-header.sticky {
    background: #fff;
    box-shadow: 0 5px 20px #92929229;
    padding: 10px 0;
}
.offcanvas-wraper .header-btns a {
    color: #000;
}
.header-area .navbar .navbar-nav.header-btns li:not(:last-child) {
    margin-right: 20px;
}

.offcanvas-wraper .header-btns {
    display: block;
}

.offcanvas-wraper .header-btns .primary-btn {
    text-align: center;
    width: 100%;
    box-shadow: none;
}


.single-step-item {
    text-align: center;
    position: relative;
    z-index: 1;
}

.step-icon {
    margin-bottom: 30px;
}

.single-step-item h5 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

.single-step-item h4 {
    font-size: 26px;
    margin-bottom: 0;
}

.step-shape {
    position: absolute;
    top: 15%;
    left: 75%;
}
.step-shape.shape2 {
    top: 5%;
}

.single-step-item .color1 {
    color: #FF9700;
}

.single-step-item .color2 {
    color: #1DB9A1;
}

.bordered-title {
    position: relative;
    z-index: 1;
    padding-bottom: 12px;
}

.bordered-title:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 45px;
    content: "";
    background: red;
    border-radius: 50px;
}


input {
    background: #F9F9F9;
    border: 1px solid #EEEEEE;
    line-height: 56px;
    color: #404040;
    padding: 0 20px;
    width: 100%;
}

textarea {
    background: #F9F9F9;
    border: 1px solid #EEEEEE;
    width: 100%;
    padding: 20px;
    height: 125px;
}

::placeholder {
    color: #40404099;
}

.contact-form .form-group span {
    display: block;
}

.contact-form .form-group {
    margin-bottom: 25px;
}

.contact-form .form-group.submit input {
    line-height: initial;
    width: auto;
    padding: 18px 30px;
}

.team-item .eael-team-member-social-link a i {
    background: #0B69C7;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .3s;
}

.team-item .eael-team-member-social-link a i:hover {
    background: #F3C71F;
    color: #fff;
}

.team-item .eael-team-member-social-link a {
    padding: 0!important;
    line-height: initial;
    background: transparent!important;
    cursor: pointer;
}

.page-id-470 section.elementor-section.elementor-top-section.elementor-element.elementor-element-a3ef3cc.elementor-section-full_width.elementor-section-stretched.elementor-section-height-default.elementor-section-height-default {
    margin-top: 0;
    padding-top: 80px;
}

.error404 section.elementor-section.elementor-top-section.elementor-element.elementor-element-a3ef3cc.elementor-section-full_width.elementor-section-stretched.elementor-section-height-default.elementor-section-height-default {
    margin-top: 0;
    padding-top: 80px;
}

.header-area .navbar .navbar-nav li.current_page_item a {
    color: #0B47A9;
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 99999;
}
.preloader img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.elementor-editor-active .preloader {
	display: none;
}
.list-items-wrap .elementor-icon-list-item {
    align-items: start!important;
}
.list-big-items-wrap .elementor-icon-list-item .elementor-icon-list-icon {
    margin-top: 0;
}
.list-items-wrap .elementor-icon-list-item .elementor-icon-list-icon {
    margin-top: 10px;
}
.decoration-underline a {
    text-decoration: underline;
    color: #fff;
}
.breadcrumb-section {
    padding: 200px 0 105px;
    background: #F7F7F7;
    text-align: center;
}

.error-section {
    padding: 80px 0;
}
.table-wraper td {
    min-width: 155px;
}

.table-main-wrap .elementor-widget-wrap {
	overflow: hidden;
}

.page-id-652 section.elementor-section.elementor-top-section.elementor-element.elementor-element-a3ef3cc.elementor-section-full_width.elementor-section-stretched.elementor-section-height-default.elementor-section-height-default {
    margin-top: 0;
    padding-top: 80px;
}

.list-style .elementor-widget-container ul li{
	align-items: unset;
}

.list-style .elementor-widget-container ul li span i{
	    margin-top: 12px;
}

.offcanvas-wraper .current_page_item a{
	color: #0B47A9;
}

.offcanvas-wraper .menu-item a:hover{
	color: #F3C71F;
}

@media (max-width: 768px){
	.list-style .elementor-widget-container ul li span i{
	    margin-top: 9px;
}
	
	#support .elementor-widget-wrap{
		padding: 0;
	}
	
	.footer-wrap .elementor-widget-container ul li{
		margin-right: calc(40px / 2) !important;
		margin-bottom: 20px;
	}
	
	.elementor-8 .elementor-element.elementor-element-a060716{
		margin-top: 50px;
	}
}