/*======================================
Theme Name: waywithwords
Theme URI: https://divicake.com/
Description: 2022 Theme for Way With Words Website
Version: 1.0
Author: Francois Smit
Author URI: https://waywithwords.net
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

@import url('https://fonts.googleapis.com/css2?family=Asap&display=swap');

body {
    font-size: 18px;
    font-weight: normal !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Asap', sans-serif;
}

a {
    color: #16AEB8;
}

a:hover {
    color: #8ebb13;
}

/* .sign-in-link a {
    color:#8ebb13 !important;
} */

.bg-green {
    background-color: #c1de82;
}

.bg-blue {
    background-color: #a6e4e7;
}

.bg-red {
    background-color: #ffaa82;
}

.bg-yellow {
    background-color: #ffee82;
}


.bg-green i {
    color: #4d7002;
}

.bg-blue i {
    color: #00959d;
}

.bg-red i {
    color: #ff5100;
}

.bg-yellow i {
    color: #ebcc00;
}


.bg-green h1,
.bg-green h2,
.bg-green h3,
.bg-green h4,
.bg-green h5,
.bg-green h6,
.bg-green p span {
    color: #3b3b3b;
}

.bg-blue h1,
.bg-blue h2,
.bg-blue h3,
.bg-blue h4,
.bg-blue h5,
.bg-blue h6,
.bg-blue p span {
    color: #3b3b3b;
}

.bg-red h1,
.bg-red h2,
.bg-red h3,
.bg-red h4,
.bg-red h5,
.bg-red h6,
.bg-red p span {
    color: #3b3b3b;
}

.bg-yellow h1,
.bg-yellow h2,
.bg-yellow h3,
.bg-yellow h4,
.bg-yellow h5,
.bg-yellow h6,
.bg-yellow p span {
    color: #3b3b3b;
}


#our_services a,
#our_services a i {
    color: #3b3b3b;
    font-weight: bold;
}

#our_services a:hover {
    letter-spacing: 0.5px;
}

#footer-widgets .footer-widget li:before {
    display: none;
}

#footer-widgets .footer-widget li {
    padding-left: 0px !important;
}

.footer-widget p {
    font-size:16px !important;
}

/* menu styles */

#et-top-navigation {
    float: left;
}

#menu-legal .menu-item,
#menu-legal-page .menu-item,
#menu-frequently-asked-questions .menu-item {
    width: 100%;
    font-size: 18px;
}

#menu-legal .current-menu-item,
#menu-frequently-asked-questions .current-menu-item {
    font-weight: bold;
}


#top-menu a[href^=tel]:before {
    font-family: "ETmodules" !important;
    position: relative;
    top: 2px;
    margin-right: 5px;
    content: "\e090";
}

#top-menu-nav,
#top-menu {
    width: 100%;
}

#top-menu-nav li a,
#top-menu li a {
    letter-spacing: 0.5px !important;
}

/*#top-menu {
    padding-left:80px;
}*/

#et-top-navigation {
    padding-left: 300px !important;
}

#top-menu li li a {
    padding: 6px 6px;
}

.nav li ul {
    padding: 5px 0;
}

#top-menu li a,
.et_mobile_menu li a {
    color: #c6c5c5;
}

/* header #sign-in-menu-item {
    display: none;
} */

#phone-menu-item a {
    color: #16AEB8 !important;
    font-weight: bold;
    font-size: 18px;
}

@media all and (max-width:980px) {

    /* #sign-in-menu-item,
    #phone-menu-item {
        width: 100%;
        text-align: left;
        font-size:16px !important;
        border-top:4px solid #151b3f;
        padding-top:5px;
    } */

    #sign-in-menu-item a {
        color: #16aeb8;
    }

}

@media all and (min-width:981px) {

    header.et-fixed-header #phone-menu-item {
        display: none;
    }

    header.et-fixed-header #sign-in-menu-item {
        display: inline-block;
    }

    #sign-in-menu-item a {
        margin-top: -20px;
        display: inline-block;
        color: #ffffff !important;
        background-color: #16aeb8;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 12px;
        padding-bottom: 12px !important;
        border-radius: 5px;
    }

    #sign-in-menu-item a:hover {
        opacity: 1 !important;
        background-color: #128e96;
    }

    /* #phone-menu-item,
    #sign-in-menu-item {
        float:right;
        flex:auto;
        text-align: right;
    } */

    #top-menu {
        place-content: flex-end;
    }

    /* #top-menu li {
        float: right;
        text-align: right;
    } */

    /* header.et-fixed-header #sign-in-menu-item a {
        display:inline-block;
        font-size: 18px;
        color:#151b3f;
        background-color:#16aeb8;
        padding-left:25px;
        padding-right:25px;
        padding-top:15px;
        padding-bottom:15px !important;
        border-radius:5px;
    } */

}


#top-menu .sub-menu {
    margin-top: -30px;
}

.footer-phone {
    color: #16AEB8 !important;
    font-weight: bold;
}


#et-top-navigation {
    width: 100%;
    margin: 0px;
}

.cta:hover {
    background-color: #FD7835;
    color: #FFFFFF !important;
}

.cta {
    font-family: 'Asap', sans-serif;
    background-color: #FDB321;
    display: inline-block;
    padding: 6px 18px;
    color: #000000 !important;
    border-radius: 5px;
    font-weight: bold;
    transition: 0.3s;
    letter-spacing: 1px;
    float: right;
    margin-left: 10px;
}

.ctas:hover {
    background-color: #FD7835;
    color: #FFFFFF !important;
}

.ctas {
    font-family: 'Asap', sans-serif;
    background-color: #FDB321;
    display: inline-block;
    padding: 6px 18px;
    color: #000000 !important;
    border-radius: 5px;
    font-weight: bold;
    transition: 0.3s;
    letter-spacing: 1px;
    margin-left: 10px;
}

#top-header {
    display: none !important;
}

#main-content .container {
    width: 100%;
    max-width: 100%;
}

#left-area .post-meta {
    display: none;
}

.entry-title {
    display: none;
}

#helpful_resources .entry-title {
    display: block;
}

#main-content>.container {
    padding: 0px;
}

.container.et_menu_container {
    max-width: 1080px;
}


body:not(.et-tb) #main-content .container,
body:not(.et-tb-has-header) #main-content .container {
    padding-top: 0px !important;
}

@media (min-width: 981px) {
    #left-area {
        padding-bottom: 0px !important;
    }
}

#location_links {}

#location_links a {
    color: #666;
}

#location_links a:hover {
    color: #16AEB8;
}

/** Gravity Forms **/

input[type="submit"].gform_button {
    font-family: 'Asap', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    background-color: #FDB321;
    padding: 6px 18px;
    color: #000000;
    border-radius: 5px;
    border: none;
    font-weight: bold;
    transition: 0.3s;
    letter-spacing: 1px;
    float: right;
    margin-bottom: 20px !important;
}

input[type="button"].gform_next_button {
    font-family: 'Asap', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    background-color: #FDB321;
    padding: 6px 18px;
    color: #000000;
    border-radius: 5px;
    border: none;
    font-weight: bold;
    transition: 0.3s;
    letter-spacing: 1px;
    float: right;
    margin-bottom: 20px !important;
}

input[type="button"].gform_previous_button {
    font-family: 'Asap', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    background-color: #CFCFCF;
    padding: 6px 18px;
    color: #000000;
    border-radius: 5px;
    border: none;
    font-weight: bold;
    transition: 0.3s;
    letter-spacing: 1px;
    float: left;
    margin-bottom: 20px !important;
}

input[type="submit"].gform_button:hover,
input[type="button"].gform_next_button:hover {
    background-color: #FD7835;
    color: #FFFFFF;
}

input[type="button"].gform_previous_button:hover {
    background-color: #999999;
    color: #FFFFFF;
}


.grecaptcha-badge {
    visibility: hidden;
}

#how_can_we_help_accordion .et_pb_toggle_open,
#how_can_we_help_accordion .et_pb_toggle_close,
#get_started_accordion .et_pb_toggle_open,
#get_started_accordion .et_pb_toggle_close {
    padding-left: 0px;
    padding-top: 0px !important;
}

.ginput_address_country {
    width: 100% !important;
    padding-right: 0px !important;
}

.ginput_address_country select,
.gfield_select {
    padding: 4px !important;
}

#input_3_10_6 {
    margin-bottom: 0px;
}

.ginput_container_select,
body .gform_legacy_markup_wrapper .top_label div.ginput_container {
    margin-top: 2px;
}

body .gform_legacy_markup_wrapper ul li.gfield {
    margin-top: 0px;
}

.gform_legacy_markup_wrapper .gfield_description,
#input_3_10_6_label,
.name_first label,
.name_last label,
#field_4_18 {
    font-size: 16px !important;
    margin-bottom: 10px !important;
    line-height: 1.1em !important;
}

#field_4_18 {
    font-style: italic;
    margin-bottom: 30px !important;
    display: block;
}

body .gform_legacy_markup_wrapper ul li.gfield {
    margin-bottom: 16px;
}

.gform_legacy_markup_wrapper .field_description_below .gfield_description,
#input_3_10_6_label {
    padding-top: 2px !important;
}

/* Changing background and border color of top error message div */
body .gform_wrapper .gform_validation_errors {
    background: #fff9f9;
    border: 1.5px solid #c43a0c;
    color: #c43a0c;
    box-shadow: 0 1px 4px rgb(0 0 0 / 11%), 0 0 4px rgb(18 25 97 / 4%);
}

#input_3_10_6_label {
    padding-top: 0px !important;
}

#captioning_process h4 {
    color: #8ebb13;
}

#gf_progressbar_wrapper_4 {
    display: none;
}

/*
#mtp_example_before .mtp_row, 
#mtp_example_after .mtp_row {
    padding-bottom: 20px;
    display: block;
}

#mtp_example_before .timestamp, 
#mtp_example_after .timestamp {
    display: block;
    width: 100%;
    font-weight: bold;
}

#mtp_example_before .speaker_name,
#mtp_example_after .speaker_name,
#mtp_example_before .correct,
#mtp_example_after .correct,
#mtp_example_before .incorrect,
#mtp_example_after .incorrect {
    
}

#mtp_example_before .correct,
#mtp_example_after .correct {
    display: none;
}

#mtp_example_after .incorrect.active {
    background-color:#ea87779e;
    padding:5px;
}

#mtp_example_after .incorrect.hide {
    display: none;
}

#mtp_example_after .correct.active {
    background-color:#00f82a5c;
    padding:5px;
    display: revert;
}
*/

.swiper-button-prev {
    border-radius: 50%;
}

.swiper-button-next {
    border-radius: 50%;
}

#main-header .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.benefits-Icon {
    width: 30%;
}

.benefits-Text {
    width: 70%;
}

@media all and (max-width:420px) {
    #main-header .container {
        width: 90%;
    }

    .et-db #et-boc .et-l .et_pb_section_0 {
        min-height: 360px !important;
    }

    .et-db .et-l .et_builder_inner_content .et_pb_section_0 {
        min-height: 360px !important;
    }

    .et-db #et-boc .et-l .et_pb_section_0 .et_pb_row_0 .et_pb_column .et_pb_module .et_pb_text_inner h1 {
        font-size: 30px !important;
    }

    .et-db #et-boc .et-l .et_pb_section_1 .et_pb_row_1 .et_pb_column .et_pb_module .et_pb_text_inner h3 {
        font-size: 30px !important;
    }

    .comment-respond {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.benefits-col-left {
    width: 35% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.benefits-col-right {
    width: 65% !important;
    padding-right: 15px !important;
    padding-left: 0px !important;
}

.testimonial {
    border-radius: 5px;
}

.comment-respond {
    max-width: 1080px;
    margin: auto;
}

.dica-image-container {
    padding-right: 15px !important;
    padding-top: 15px !important;
}

@media all and (max-width:767px) {

    .dica-item-content {
        margin-top: 15px;
    }

    .item-subtitle {
        margin-bottom: 5px;
        font-size: 18px !important;
    }

    .swiper-button-next {
        margin-right: -20px;
    }

    .swiper-button-prev {
        margin-left: -20px;
    }

    .dica-image-container {
        display: none;
    }

}

@media all and (min-width:768px) {

    .dica-item-content {
        margin-top: -82px;
    }

    .item-subtitle {
        margin-bottom: 25px;
        font-size: 18px !important;
    }

}

.dica-item-content .item-title {
    font-weight: bold;
    font-size: 22px !important;
}

#currency_select_help {
    width: 100%;
    color: #FFFFFF;
    margin-top: 30px;
    line-height: 2em;
}


.apexcharts-datalabels {
    padding-left: 20px;
}


.www-charts {
    height: 300px;
}

.www-geochart-div {
    overflow: hidden;
}

.www-geochart {
    height: 300px;
    overflow: hidden;
}

@media only screen and (max-width: 500px) {
    .www-geochart {
        height: 280px;
        overflow: hidden;
        margin-left: -50px;
    }
}

.www-geochart-mobile {
    height: 180px;
    overflow: hidden;
}

#gform_wrapper_17 .gform_footer {
    display: block;
}

.speech-collection-download {
    margin-top: 5px;
    margin-bottom: 15px;
    border: 1px dashed #333;
    display: none;
}


.language-choice-button:hover span {
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.50);
    transition: box-shadow 0.2s ease-in-out;
}

.list-with-spaces li {
    margin-bottom: 20px;
}

.list-with-spaces li:before {
    font-weight: bold;
}

.ordered-list-three-column ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

@media all and (max-width:768px) {

    #main-content {
        padding-left: 15px;
        padding-right: 15px;
    }

}

.et_pb_text_inner {
    overflow: visible;
}

#swnza_banner_text a {
    color: #FFFFFF;
    font-weight: bold;
}

.pagination .alignright {
    margin-left: 15px;
}

.pagination .alignright a {
    border-left: 2px solid #CFCFCF;
    padding-left: 15px;
}

p,
ul li,
ol li {
    line-height: 24px;
    font-size: 18px;
}

ul,
ol {
    margin-top: 15px;
}

ul li,
ol li {
    margin-bottom: 15px;
}


form.quote-form {
    margin: auto;
    border-radius: 8px;
    font-family: Arial, sans-serif;
}

form.quote-form label {
    display: block;
}

form.quote-form h4,
label.heading {
    font-weight: bold;
    margin-top: 15px;
    font-size: 14px;
    color: #333;
}

form.quote-form input,
form.quote-form select,
form.quote-form textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

form.quote-form input[type="checkbox"],
form.quote-form input[type="radio"] {
    width: auto;
    margin-right: 5px;
}

form.quote-form h2 {
    color: #333;
    border-bottom: 2px solid #333;
    margin-top: 40px;
    padding-bottom: 10px;
    line-height: 1em;
    font-weight: 700;
    font-size: 22px;
}

.thank-you-message h2 {
    color: #333;
    font-weight: 700;
    font-size: 36px;
}

form.quote-form h2:first-of-type {
    margin-top: 0px;
}

form.quote-form h3 {
    color: #333;
    margin-top: 25px;
    font-size: 14px;
    font-weight: bold;
}

form.quote-form button[type=submit] {
    font-family: 'Asap', sans-serif;
    background-color: #FDB321;
    display: inline-block;
    padding: 10px 18px;
    color: #000000 !important;
    border-radius: 5px;
    border: 0px;
    font-weight: bold;
    transition: 0.3s;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 18px;
}

form.quote-form button[type=submit]:hover {
    background-color: #FD7835;
    color: #FFFFFF !important;
}


div.discount-explanation {
    color: #ff6200;
    border: 1px solid #ff6200;
    padding: 10px;
    border-radius: 5px;
    margin-top: 20px;
    background-color: #fff5e1;
}

div.discount-explanation h3 {
    margin-top: 0px;
    color: #ff6200;
}

div.discount-explanation .more-info {
    color: #ff6200 !important;
}

div.discount-explanation,
div.discount-explanation ul li,
div.discount-explanation h3,
div.discount-explanation p {
    font-size: 14px;
    line-height: 18px;
}

div.discount-explanation ul {
    margin-bottom: 0px;
    margin-top: 0px;
}

div.discount-explanation ul li {
    margin-bottom: 0px;
}

div.discount-explanation h3 {
    font-weight: bold;
}

form.quote-form>div.discount-explanation ul {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

form.quote-form>div.discount-explanation ul li {
    margin-bottom: 5px;
}

form.quote-form p.description {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0px;
    padding-bottom: 5px;
}

form.quote-form p.more-info {
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    color: #999;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.faq-header {
    padding-bottom: 0px;
    margin-bottom: 20px !important;
    font-weight: bold;
    font-size: 18px;
}

.et_pb_toggle_open .et_pb_toggle_title {
    font-weight: bold;
}

.et_pb_toggle_title {
    line-height: 22px;
}

#content_other,
#referral_other {
    display: none;
}

.form-step {
    display: none;
}

.form-step.active {
    display: block;
}

.step-indicators {
    display: flex;
    justify-content: end;
    margin-bottom: 20px;
    margin-top: -65px;
    margin-bottom: 40px;
}

.step {
    width: 30px;
    height: 30px;
    margin: 0 5px;
    background: #ccc;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
}

.step.active {
    background: #8ebb13;
    color: #fff;
}


.form-navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.next {
    background-color: #8ebb13;
    /* Primary blue color */
    color: white;
    font-size: 16px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease;
}

.prev {
    border: 0px;
    background-color: #FFFFFF;
    padding-left: 0px;
}

.prev:focus,
.next:focus {
    outline: none;
}

.form-nav {
    margin-top: 30px;
    border-top: 2px solid #CFCFCF;
    padding-top: 20px;
    display: flex;
    width: 100%;
}

.form-nav.right {
    justify-content: flex-end;
}

.form-nav.between {
    justify-content: space-between;
}

.prev {
    color: #6c757d;
    /* Gray for previous button */
}

.prev:hover {
    color: #5a6268;
}

.next:hover {
    background-color: #1398a1;
}

.prev:disabled,
.next:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.next:active,
.prev:active {
    transform: scale(0.95);
}


@media all and (max-width:800px) {
    .step-indicators {
        display: none;
    }
}

@media only screen and (min-width: 981px) {
    #logo {
        max-height: 76%;
    }
}

#create_account {
    margin-right:-80px;
}

/*.home-box .cta {
    margin:0px auto;
    float:none;
}*/

.home-box .cta {
    margin: 0 auto;
    float: none;
    font-size: 15px; /* Sets font size to 15px */
    padding: 10px 25px; /* Adds 5px more padding (adjust as needed) */
    text-decoration: none; /* Ensures it doesn’t have an underline */
}