/* =============================================
   KADENCE CHILD THEME — CUSTOM CSS
   File: assets/css/custom.css
   ============================================= */




/* ===== Global CSS Reset ===== */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
 body {
    counter-reset: box;
}
.service_hover:hover img{
    filter: brightness(0) invert(1);
}
.service_hover:hover p,
.service_hover:hover h3{
    color: #ffffff;
}

.process-section .process {
    position: sticky;
}
 
.process-section .process.process-1 {
    top: 140px;
    z-index: 1;
}
 
.process-section .process.process-2 {
    top: 148px;
    z-index: 2;
}
 
.process-section .process.process-3 {
    top: 153px;
    z-index: 3;
}
 
.process-section .process.process-4 {
    top: 161px;
    z-index: 4;
}
 
.process-section .process.process-5 {
    top: 170px;
    z-index: 5;
    transform: rotate(0.9999deg) scale(1.01);
}

.process-section .process::before {
    position: absolute;
    content: "";
    top: 30px;
    left: 40px;
    counter-increment: box;
    content: counter(box);
    font-size: 1.14em;
    font-weight: 500;
}
 
/* .process-section .process::after {
    content: "";
    background-color: #8E8E93;
    height: 1px;
    width: calc(100% - 85px);
    left: 55px;
    top: 40px;
    position: absolute;
} */
.sticky_op_main .sticky_option{
    position: sticky;
    top: 140px;
}

.form_main{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}
.form_main .w_100{
    width: 100%;
}
.form_main .w_50{
    width: 48%;
}
.form_main .form_inner textarea::placeholder,
.form_main .form_inner input::placeholder{
    color: #555555;
}
.form_main .form_inner textarea,
.form_main .form_inner input{
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    padding: 15px 0;
    border-radius: 0;
    background: transparent;
    resize: none;
}
.form_main .form_inner p{
    text-align: right;
}
.form_main .form_inner input[type="submit"]{
    border: none;
    background-color: #002367;
    color: #fff;
    padding: 8px 24px;
    cursor: pointer;
    border-radius: 24px;
    width: auto;
}
.form_main .form_inner input[type="submit"]:hover{
    background-color: #000000;
}
.wpcf7-spinner{
    display: none;
}

.contact_page .form_main .form_inner p{
    text-align: center;
}

.contact_page .form_main .form_inner p:has(label) {
    text-align: left;
}

.about_page .process-section .process::before {
    display: none;
}

@media (max-width: 767px){
	.form_main .w_50{
    	width: 100%;
	}
}