/*
Theme Name: Heyboer Transformer
Theme URI: https://ogrodutit.com/
Author: Rasel Bisswas
Author URI: https://ogrodutit.com/about.php
Description: Basic starter theme for Heyboer Transformer
Version: 1.0
*/


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
}


ul li, li {
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
}

div.maincontentarea{
    position: relative;
    z-index: 9;
}


.htcontactform {
    max-width: 700px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
}

.htcontactform label {
    display: block;
    font-weight: bold;
    color: #0000FF;
    margin-bottom: 5px;
}

.htcontactform input[type="text"],
.htcontactform input[type="email"],
.htcontactform textarea {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ccc;
    font-size: 14px;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.htcontactform textarea {
    resize: vertical;
}

.htcontactform .form-row {
    display: flex;
    gap: 10px;
}

.htcontactform .form-row .field {
    flex: 1;
}

.htcontactform .form-inline {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
}

.htcontactform .form-inline label {
    margin: 0;
}

.htcontactform input[type="submit"],
.htcontactform input[type="reset"],
.htcontactform input[type="button"] {
    padding: 8px 16px;
    border: 1px solid #0000FF;
    background: #fff;
    color: #0000FF;
    cursor: pointer;
    margin-right: 10px;
    font-size: 14px;
}

.htcontactform input[type="submit"]:hover {
    background: #0000FF;
    color: #fff;
}

.htcontactform input[type="reset"]:hover,
.htcontactform input[type="button"]:hover {
    background: #eee;
}

.htcontactform br{
    display: none!important;
}

.htcontactform p:last-child,
.htcontactform .form-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}

.htcontactform input[type="submit"],
.htcontactform input[type="reset"],
.htcontactform input[type="button"] {
    padding: 10px 18px;
    border: 1px solid #0000FF;
    background: #fff;
    color: #0000FF;
    font-size: 14px;
    cursor: pointer;
    box-sizing: border-box;
}

.htcontactform input[type="submit"]:hover,
.htcontactform input[type="reset"]:hover,
.htcontactform input[type="button"]:hover {
    background: #0000FF;
    color: #fff;
}

.htcontactform  .wpcf7-spinner{
position: absolute;
}


.onlinepaymentform {
    max-width: 400px;
    margin: 40px auto;
    padding: 25px;
    border: 1px solid #ccc;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #fff;
}

.onlinepaymentform label {
    display: block;
    color: #0000FF;
    font-weight: bold;
    margin-bottom: 8px;
}

.onlinepaymentform input[type="text"] {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ccc;
    font-size: 14px;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.onlinepaymentform input[type="submit"] {
    padding: 10px 20px;
    border: 1px solid #0000FF;
    background: #fff;
    color: #0000FF;
    font-size: 14px;
    cursor: pointer;
}

.onlinepaymentform input[type="submit"]:hover {
    background: #0000FF;
    color: #fff;
}