/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*-- site genral content css --*/
:root {
    --site-primary-font: 'Myriad Pro';
    --site-title-font: 'Myriad Pro Bold';
    --site-alt-font: 'Dancing Script';
    --font-primary-color: #333;
}

.header-title h1 {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 130%;
}

.header-subtitle h2 {
    font-size: 32px;
    line-height: 130%;
}

.alt-font h2 {
    font-family: 'Dancing Script';
}

.content-subtitle {
    text-transform: uppercase;
    color: var(--fs-color-primary);
}

.content-subtitle p {
    margin-bottom: 0;
    font-weight: 700;
}

.btn-content-2,
.btn-content-2:hover,
.btn-content-2:focus,
.btn-content-2:visited {
    color: var(--font-primary-color) !important;
}

.btn-content-1,
.btn-content-2 {
    margin-bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-content-1::after {
    margin-left: 12px;
    content: '';
    width: 25px;
    height: 25px;
    background: url('assets/images/icon-arrow-1.png') no-repeat center center;
    display: inline-block;
    background-size: contain;
}

.btn-content-2::after {
    margin-left: 12px;
    content: '';
    width: 25px;
    height: 25px;
    background: url('assets/images/icon-arrow-2.png') no-repeat center center;
    display: inline-block;
    background-size: contain;
}
/*-- end site genral content css --*/

/*-- site contact form 7 css --*/
.wpcf7-text,
.wpcf7-select,
.wpcf7-email,
.wpcf7-textarea {
    padding: 8px 12px !important;
    font-weight: 400 !important;
    height: auto !important;
    border-radius: 4px !important;
}

.wpcf7-submit {
    color: #fff;
    border-radius: 4px;
    background: var(--fs-color-primary);
}

.wpcf7-response-output {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/*-- end site contact form 7 css --*/

/*-- site home page content css --*/
.banner-title h1,
.banner-title h2,
.banner-subtitle p {
    margin-bottom: 0;
}

.comnmit-content-wrapper .col {
    padding-bottom: 0 !important;
}

.comnmit-content-wrapper h2 {
    font-size: 18px;
    line-height: 120%;
}

.product-content .img,
.product-cat-title h3 {
    margin-bottom: 0 !important;
}

.product-content img {
    border-radius: 6px 6px 0 0;
}

.product-cat-title h3 {
    padding: 8px 16px;
}

.step-content-wrapper .icon-box {
    align-items: center;
}

.step-number {
    margin-bottom: 12px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    background: var(--fs-color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-number p {
    margin-bottom: 0;
    font-size: 24px;
}

.step-description p {
    font-size: 20px;
    font-weight: 700;
}
/*-- end site home page content css --*/

/*-- site about page content css --*/
.about-content-right img {
    border-radius: 16px;
}

.about-commit-wrapper .col {
    padding-bottom: 0;
}

.about-commit-wrapper .icon-box img,
.value-content .icon-box img,
.process-content .icon-box img {
    aspect-ratio: 1 / 1;
    object-fit: contain;
}
/*-- end site about page content css --*/

/*-- site faqs page content css --*/
.faqs-content-wrapper .accordion-item {
    border-radius: 6px;
    border: solid 1px #DDD;
}

.faqs-content-wrapper .accordion-item:not(:last-child) {
    margin-bottom: 16px;
}

.faqs-content-wrapper .accordion-title {
    padding: 15px 45px 15px 15px;
    border: none;
    display: flex;
    align-items: center;
}

.faqs-content-wrapper .accordion-title .toggle {
    top: auto;
    left: auto;
    right: 0;
    bottom: auto;
}

.faqs-contact .col {
    padding-bottom: 0;
}

.faqs-contact .button {
    margin: 0;
    width: 100%;
}
/*-- end site faqs page content css --*/

/*-- site contact page content css --*/
.contact-content-left .icon-box:not(:last-child) {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: solid 1px #CCC;
}

.contact-content-left .icon-inner {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--fs-color-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.contact-content-left .icon-inner img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.contact-content-bottom .content-left img,
.contact-content-bottom .content-right .col-inner {
    border-radius: 16px;
}

.contact-content-bottom .content-left img {
    height: 376px;
    object-fit: cover;
}

.contact-content-bottom .content-right .col-inner {
    border: solid 1px #CCC;
}

.contact-content-bottom .content-right img {
    border-radius: 16px 16px 0 0;
}
/*-- end site contact page content css --*/

/*-- site footer content css --*/
.footer-content-title {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.footer-content .icon-box {
    align-items: center;
}

.footer-content .icon-box img {
    padding-top: 0;
}

.footer-content .icon-box:not(:last-child) {
    margin-bottom: 16px;
}

.footer-content li {
    margin-left: 0 !important;
    list-style: none;
}

.register-form-wrapper {
    position: relative;
}

.register-form-wrapper .wpcf7-email,
.register-form-wrapper .wpcf7-submit {
    height: 40px;
}

.register-form-wrapper .wpcf7-submit {
    top: 0;
    right: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0 10px;
    width: 40px;
    position: absolute;
}

.register-form-wrapper .wpcf7-submit img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: contain;
}

.footer-contennt-wrapper,
.footer-contennt-wrapper .col,
.footer-content-divide {
    padding-bottom: 0 !important;
}

.absolute-footer {
    padding-top: 0;
}

.footer-secondary {
    padding: 0;
}

.footer-secondary ul {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.footer-secondary li {
    margin-bottom: 0;
    list-style: none;
    display: inline-block;
}

.footer-secondary li:not(:first-child) {
    margin-left: 16px;
    padding-left: 16px;
    border-left: solid 1px #fff;
}

.footer-secondary li a,
.footer-secondary li a:visited {
    color: #fff;
}
/*-- end site footer content css --*/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}