/*
Theme Name: Apress Child
Description: APRESS is a clean and modern Creative Multiuse Multipurpose WordPress Theme built with lot of insights and suggestions behind it.
Author: Apress Themes
Theme URI: http://apresswp.com/
Author URI: https://themeforest.net/user/apressthemes
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: apress
Template: apress
*/

body{}
@media (max-width:1050px) {.mob_nav_icon_area{ display:table-cell; vertical-align:middle; width:140px;}}
.footer-links{
    display:flex;
    justify-content:space-between;
    max-width:400px;
}

.footer-col ul{
    list-style:none;
    padding:0;
    margin:10px 0 0;
}

.footer-col ul li {
    padding-top: 5px;
    padding-bottom: 5px;
	margin-bottom:0;
}
.color-black .wpb_text_column{color:#0A142F;}
.how-works{
/*padding:100px 20px;*/
text-align:center;
/*background:linear-gradient(#6db7c6,#e9f1f4);*/
}
.timeline{
position:relative;
display:flex;
justify-content:space-between;
align-items:flex-start;
max-width:1440px;
margin:auto;
}

.step{
width:300px;
position:relative;
z-index:2;
}

.circle{
width:110px;
height:110px;
background:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 25px;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.circle img{
width:45px;
}

/* SINGLE WAVE CONNECTOR */
.timeline-wave{
position:absolute;
top:40px;
left:50%;
transform:translateX(-50%);
width:75%;
z-index:1;
}

.step h3{
font-size:20px;
font-weight: bold;	
}

.step p{
font-size:14px;
color:#444;
}
.feature-ul-list ul{padding-left:0;}
.feature-ul-list li {list-style: none;position: relative;padding: 0 0 12px 35px;}
.feature-ul-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 19px;
    height: 19px;
    background-image: url(https://hivepress.fra1.mystaging.site/wp-content/uploads/2026/03/check.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.social-space a{padding-right:20px}
.email-box {
    display: flex;
    width: 320px;
    border-radius: 6px;
    overflow: hidden;
    border: 2px solid #d6d6e0;
}

.email-box input {
    flex: 1;
    padding: 14px 16px;
    border: none;
    outline: none;
    font-size: 16px;
    color: #777;
    background: #f4f4f4;
}

.email-box button {
    width: 60px;
    border: none;
    background: #2d2d2d;
    color: #e9d8a6;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.email-box button:hover {
    background: #000;
}