/*
this will have all the style that can be affected by the amea setting,
so most typography will be here
*/
body,#layout-wrapper .h1,#layout-wrapper .h2,#layout-wrapper .h3,#layout-wrapper .h4,#layout-wrapper .h5,#layout-wrapper .h6,
#layout-wrapperh1,#layout-wrapper h2,#layout-wrapper h3,#layout-wrapper h4,#layout-wrapper h5,#layout-wrapper h6,
body .sub_title p,
body .pricing-section .pricing-main-area .pricing_single .pricing-main ul li ,
.client_saying .review_single .content-box p,
body p
{
    font-family: var(--font-family);
    
    /*color: var(--font-color);*/
    word-spacing: var(--word-spacing);
    line-height: var(--line-height);
}
body .intro-text .banner_heading, body .intro-text .banner_heading h3,body .intro-text  .banner_heading p{
    font-family: var(--font-family)!important;
}
body #layout-wrapper {
    line-height: var(--line-height);
    font-size: var(--font-size-15);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    line-height: var(--line-height-headers);
}
.info-text {
  letter-spacing: var(--letter-spacing-35);
  font-size: var(--font-size-11)!important;
}
.footer{
    color:var(--footer-font-color);
}
.spacing-35{
    letter-spacing: var(--letter-spacing-35); 
}
.spacing-50{
    letter-spacing: var(--letter-spacing-50);
}
.spacing-150{
    letter-spacing: var(--letter-spacing-150);
}

.bg-gray{
    background-color: var(--bg-gray);
}

/* the sname of the size classes coresponds to pt, ie size-10 means 10pt in pixels */
.size-14{
    font-size: var(--font-size-14)!important;
}
footer .footer-bottom p,
.learn_btn_2{
    font-size: var(--font-size-14)!important;
}

.size-15{
    font-size: var(--font-size-15)!important;
}
body p{
    font-size: var(--font-size-15)!important;
}


.size-16{
    font-size: var(--font-size-16)!important;
}
.sub_title p,
.client_saying .review_single .images-box ul li span,
.contact_form_wrapper .leave_comment .submit-btn button,
.contact_form_wrapper .leave_comment .form-group input, 
.contact_form_wrapper .leave_comment .form-group textarea,
h6,
.pricing-section .pricing-main-area .pricing_single .pricing-main ul li,
.pricing-section .pricing-main-area .pricing_single .pricing-main a,
.pricing-section .pricing-main-area .pricing_single .pricing-main .pricing_rate span,
.services .services_content_wrapper .services_content p,
.sw .toolbar>.sw-btn,.viva-button,.bank-button
{
    font-size: var(--font-size-16)!important;
}

.size-18{
    font-size: var(--font-size-18)!important;
}
.client_saying .review_single .content-box p,
header #main_nav nav ul li a
{
    font-size: var(--font-size-18)!important;
}


.size-20{
    font-size: var(--font-size-20)!important;
}
.client_saying .review_single .images-box ul li h3{
    font-size: var(--font-size-20)!important;
}


.size-22{
    font-size: var(--font-size-22)!important;
}

.size-24{
    font-size: var(--font-size-24)!important;
}

.size-25{
    font-size: var(--font-size-25)!important;
}
.specialization .specialization_single h3,
.features .single_info .title_wrapper h3
{
    font-size: var(--font-size-25)!important;
}

.size-28{
    font-size: var(--font-size-28)!important;
}
h3{
    font-size: var(--font-size-28)!important;
}
@media only screen and (max-width: 767px) {
    h3 {
        font-size: var(--font-size-24)!important;
    }
}

.size-26{
    font-size: var(--font-size-26)!important;
}

.size-36{
    font-size: var(--font-size-36)!important;
}
h2{
    font-size: var(--font-size-36)!important;
}


.size-40{
    font-size: var(--font-size-40)!important;
}
.intro-wrapper .intro-text .mybigday{
    font-size: var(--font-size-40)!important;
}

.size-50{
    font-size: var(--font-size-50)!important;
}
.sub_title h2{
    font-size: var(--font-size-50)!important;
}
@media only screen and (max-width: 767px) {
    .sub_title h2, .single_title h2 {
        font-size: var(--font-size-36)!important;
    }
}

.size-70{
    font-size: var(--font-size-70)!important;
}
.pricing-section .pricing-main-area .pricing_single .pricing-main .pricing_rate h3{
    font-size: var(--font-size-70)!important;
}

/*
.size-18{
    font-size: var(--font-size-18)!important;
}
.size-21{
    font-size: var(--font-size-21)!important;
}
.size-32{
    font-size: var(--font-size-32)!important;
}
.size-10-responsive{
    font-size: var(--font-size-10-responsive)!important;
    
}*/