/*

Theme Name: ETC Learning

Author: Derek Olalehe (EBi Programming)

Author URI: https://www.totallywordpress.com/

Description: Engineering School Theme.

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags:

Text Domain: etc

*/


/*GENERAL*/

body {

    margin: 0px;

}

a {

    text-decoration: none;
    font-family: 'Hind', sans-serif;

}

h1, h3, h4 {

    font-family: 'Poppins', sans-serif;
    color: #000;

}

h1 {

    font-size: 72px;
    line-height: 90px;
    font-weight: 900;
    margin: unset;

}

h2 {

    font-family: 'Hind', sans-serif;
    color: #3E3D3D;
    font-size: 45px;
    font-weight: 600;
    line-height: 50px;

}

h3 {

    font-size: 20px;
    font-weight: 400;

}

h4 {

    font-size: 16px;
    font-weight: 400;

}

h5 {

    font-family: 'Hind', sans-serif;
    color: #3E3D3D;
    font-size: 23px;
    font-weight: 400;

}

p {

    font-family: 'Hind', sans-serif;
    font-size: 16px;

}

span {

    font-family: 'Hind', sans-serif;

}

.centering-container {

    width: 100%;
    text-align: center;

}

.polaroid {

    box-shadow: 2px 2px 10px #dcdcdc;

}

.etc-foot-note {

    font-size: 13px;
    color: #444545;
    display: block;
    margin: 10px 0px;

}

#etc-pop-up-modal {

    
    width: 100%;
    height: 100vh;
    background-color: rgba(255,255,255,.85);
    display: none;
    position: absolute;
    z-index: 6;
   

}

table.vertical-align-middle > tbody > tr > td {

    vertical-align: middle;

}

.text-centered {

    text-align: center;

}

.clearfix-lg {

    height: 100px;
    
}

.clearfix-md {

    height: 60px;
    
}

.clearfix-sm {

    height: 30px;
    
}

#etc-pop-up-msg {

    position: fixed;
    top: 0px;
    margin-top: 150px;
    right: 0px;
    margin-right: 30px; 
    width: 270px;
    border-radius: 8px;
    background-color: #F2F2F2;
    padding: 0px 10px;
    z-index: 8;
    display: none;

}

#etc-pop-up-msg-elements {

    width: 100%;
    text-align: center;

}

#etc-pop-up-msg-elements > tbody > tr > td {

    vertical-align: middle;
    padding: 8px;

}

#msg-status {

    width: 24px;

}

#close-popup {

    width: 9px;
    cursor: pointer;

}

#pop-up-msg {

    font-size: 14px;
    color: #333;
    text-align: left;
    margin: 0px;

}



/*WP REQUIRED*/

.wp-caption {



}

.wp-caption-text {



}

.sticky {



}

.screen-reader-text {



}

.gallery-caption {



}

.bypostauthor {



}

.alignright {



}

.alignleft {



}

.aligncenter {



}



/*HEADER*/

#site-header {

    background-color: #FFF;
    width: 100%;
    position: relative;
    top: 0px;
    margin: 0px;
    z-index: 5;
    padding: 0px;
    border-bottom: none;
    position: relative;
    box-shadow: 1px 1px 2px #CCC;

}


#site-header > ul {

    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 700;
    list-style-type: none;
    float: right;
    padding: 50px 60px 0px 0px;
    width: unset;
    text-align: unset;
    margin: 1px 0px 0px 0px;
    display: inline;
    text-transform: capitalize;

}


#site-header > ul > li {

    display: inline;
    padding: 0px 12px;

}


#site-header > ul > li > a {

    text-decoration: none;
    color: #000;
    
}


#site-header > ul > li > a:hover {

    color: #ED1C24;

}

.header-logo {

    margin-left: 40px;
    width: 300px;

}

#mobile-menu-icon {

    width: 29px;
    position: absolute;
    top: 33px;
    display: none;
    right: 0px;
    margin-right: 20px;
    cursor: pointer;

}

#mobile-menu {

    width: 320px;
    background-color: rgba(242, 242, 242, 0.95);
    position: absolute;
    top: 65px;
    display: none;
    z-index: 2;
    padding-right: 30px;

}

#mobile-menu > ul {

    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    list-style-type: none;
    padding: 20px 10px 35px 15px;
    width: 100%;
    text-align: left;

}


#mobile-menu > ul > li {

    text-transform: uppercase;
    padding: 20px 0px;
    border-bottom: 1px solid #CCC;

}


#mobile-menu > ul > li > a {

    text-decoration: none;
    color: #0772BA;

}


#mobile-menu > ul > li > a:hover {

    color: #ED1C24;

}


/*FOOTER*/

#site-footer {

    background-color: #3E3D3D;
    width: 100%;
    padding: 30px 0px;

}

#footer-contents {

    text-align: center;
    margin: 0px auto;
    width: unset;

}

.footer-widget-area {

    display: inline-block;
    vertical-align: top;
    margin: 0px 20px;
    width: unset;
    max-width: 320px;
    text-align: left;

}

.widgettitle {

    font-size: 30px;
    margin: 0px;
    color: #FFF;

}

.footer-widget-area  p, .footer-widget-area a {

    color: #FFF;
    font-size: 18px;
    margin: 0px;
    text-decoration: none;
    line-height: 25px;

}

.footer-widget-area .btn-sm {

    font-size: 12px;

}

.footer-widget-area a:hover {

    color: #FFC507

}

.etc-footer-menu-item-list {

    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;    
    list-style-type: none;
    padding: 0px;
    
}

.etc-footer-menu-item-list > li {

    margin: 5px 0px;

}

.etc-footer-menu-item-list > li > a {

    color: #A5A5A5;
    text-decoration: none;

}


#site-sub-footer {

    background-color: #333232;
    width: 100%;
    padding: 6px 0px 0px 0px;
    min-height: 20px;

}

#site-sub-footer > table {

    text-align: center;
    margin: 0px auto;
    width: 150px;

}

#site-sub-footer > table > tbody > tr > td {

    width: 33%

}

#site-sub-footer > table > tbody > tr > td > a > img {

    -ms-transform: scale(.85, .85); 
    -webkit-transform: scale(.85, .85); 
    -moz-transfrom: scale(.85, .85); 
    transform: scale(.85, .85); 

}

/**PLUGIN STYLES**/

/*TIME-TABLE*/

.mptt-shortcode-hours, .mptt-shortcode-row, .mptt-list-event {

    font-family: 'Hind', sans-serif;
    font-weight: 600;

}

select.mptt-menu.mptt-navigation-select {

    display: none;

}

.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-title {

    font-weight: 600;

}

/*CONTACT FORM 7*/

div.wpcf7 {

    margin: 0px;
    width: unset;

}

.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea {

    background-color: #F3F4F6;
    border: none;
    padding: 10px 0px 10px 8px;
    width: 90%;

}

.wpcf7-form-control.wpcf7-textarea { 

    height: 300px;
    resize: none;

}

.wpcf7-form-control.wpcf7-submit {
   
    color: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #0772BA;
    display: inline;
    cursor: pointer;
    border-color: #0772BA;
    border-width: 3px; 
    font-size: 14px;
    padding: 15px 20px 15px 20px;
    border: none;
   
}

.wpcf7-form > p > label {

    font-family: 'Hind', sans-serif !important;
    font-size: 22px !important;
    color: #333;
    text-transform: uppercase;

}


/*FOR GRAVITY FORMS*/

.app-form-header {

    width: 90%;
    margin: 60px auto;
    text-align: center;
    position: relative;

}

.app-form-header > a > img {

    width: 300px;

}

div[id*="gform_wrapper"] .gform_body label, div[id*="gform_wrapper"] .gform_body input, 
div[id*="gform_wrapper"] textarea, div[id*="gform_wrapper"] select,
.gform_wrapper table.gfield_list th, .gfield_list th {

    font-family: 'Hind', sans-serif !important;
    font-size: 16px !important;
    color: #333;

}

.gform_body p {

    color: #333;

}

.gform_body .app-form-section-tab {

    padding: 5px 12px;
    background-color: #333;
    color: #FFF;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    display: inline-block;

}

.gfield_label {

    color: #0772BA;

}

div[id*="gform_wrapper"] .gform_body input, div[id*="gform_wrapper"] textarea, div[id*="gform_wrapper"] select {
    border: none;
    background-color: #F3F4F6;
}

.tiny-text {

    font-size: 12px;
    margin: 0px;

}

.app-form-name {

    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    position: absolute;
    top: 0px;
    right: 0px;
    margin-right: -40px;

}

.app-form-field-label {

    text-transform: uppercase;
    font-weight: 600;

}

.app-form-field-ans label {

    font-weight: 400;

}

.app-form-heading-centered {

    margin: 0px auto;
    text-align: center; 

}

.app-form-pdf-btn {

    display: block;
    float: right;
    text-transform: none;
    background-color: #333;
    color: #FFF;
    font-size: 12px;
    padding: 2px 5px;

}


/*FOR ELEMENTOR*/

.wht-heading .elementor-text-editor > h5 {

    color: #FFF;

}

.absolute {

    position: absolute;

}

#mission-img {

    top: 50px;

}

.has-box-dividers {

    border: 1px solid #A5A5A5;
    border-top: none;
    border-bottom: none;

}

.elementor-widget:not(:last-child) {
    margin-bottom: 0px!important;
}

.etc-block-list > h3 {

    margin: 15px 0px 0px 0px;

}

.etc-block-list > p {

    color: #333;
    font-size: 16px;
    margin: 0px;

}


/*SHORTCODES*/


/*COURSE FEATURES*/

.etc-course-feature-container {

    padding: 20px 0px 20px 20px;
    box-shadow: 2px 2px 10px #dcdcdc;

}

.etc-course-features-grid {

    max-width: 300px;
    margin: 0px;

}

.etc-course-features-grid > tbody > tr > td {

    vertical-align: middle;
    padding: 0px;

}

.etc-course-features-grid > tbody > tr > td:nth-child(2) {

   padding: 0px 0px 0px 4px;

}

.etc-course-features-grid > tbody > tr > td:nth-child(3) {

    padding: 0px 0px 0px 50px;
 
 }

.etc-course-feature-icon {

    width: 21px;
    color: #A5A5A5;

}

.etc-course-feature, .etc-course-feature-value {

    font-size: 16px;
    color: #333;
    text-transform: capitalize;
    margin: 5px 0px;

}

.etc-course-feature {

    font-weight: bold;

}

.etc-course-coming-soon-img {

    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;

}


/*COURSE MODULES*/

.etc-course-module-name {

    font-weight: 600;
    font-size: 22px;
    margin: 0px;

}

.etc-course-module-list {

    list-style-type: none;
    padding: 0px;
    max-width: 300px;
    
}

.etc-course-module-list > li {

    font-family: 'Hind', sans-serif;
    font-size: 19px;
    color: #333;
    border-top: 1px solid #CCC;
    padding: 9px 3px;
    
}

.etc-course-module-list > li:hover {

    background-color: #F3F4F6;
    
}

.etc-course-module-list > li:last-child {

    border-bottom: 1px solid #CCC;
        
}

/*SECTION HEADING*/

.section-heading {

    margin: 25px 0px 10px 0px;
    font-weight: 700;
    
}

.section-heading-underline {

    margin: 0px 0px 25px 0px;
    width: 50px;
    height: 4px;
    
}

/*BUTTONS*/

.btn {

    color: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #FFC507;
    display: inline;
    cursor: pointer;
    border-color: #FFC507;
    border-width: 3px;    

}

.btn-outline {

    color: #3E3D3D;
    border-color: #3E3D3D;
    border-width: 2px;
    background-color: transparent;

}

.btn-sm {

    font-size: 12px;
    padding: 6px 10px 6px 10px;
    border-radius: 2px;

}


.btn-md {

    font-size: 14px;
    padding: 15px 20px 15px 20px;
    border-radius: 4px;

}


.btn-lg {

    font-size: 18px;
    padding: 15px 20px 15px 20px;
    border-radius: 6px;

}

.btn-max-opt {

    width: 180px;

}

/*PARTNERS CAROUSEL*/
/* div#partners-carousel .etc-partner-img {

    width: 150px;

} */


/*COURSES GRID*/

.course-grid-table {

    width: 1000px;
    margin: 0px auto;
    border-spacing: 20px;

}

.course-grid-table > tbody > tr > td:first-child {

    width: 50%;
    vertical-align: top;

}

.course-grid-cell > tbody > tr > td {

    display: table-cell;
    vertical-align: top;

}

.course-grid-cell > tbody > tr > td:first-child {

    width: 15%;
    text-align: left;

}

.course-grid-table > tbody > tr > td {

    vertical-align: top;
    display: table-cell;
    padding-bottom: unset;

}


.course-grid-table > tbody > tr > td > table > tbody > tr > td {

    vertical-align: top;

}

.course-grid-title {

    font-weight: 700;
    color: #FFF;
    margin: 0px;

}

.course-grid-description {

    color: #FFF;
    margin: 0px;

}

.fancy-grid-container {

    width: 370px;
    position: relative;
    background-color: #FFF;
    display: inline-block;
    box-shadow: 2px 2px 10px #dcdcdc;

}

.fancy-course-cost {

    color: #FFF;
    font-weight: 600;
    padding: 6px 10px;
    background-color: #0772BA;
    border-radius: 5px;
    top: 0px;
    right: 0px;
    margin-top: 25px;
    margin-right: 25px;
    position: absolute;
    display: inline-block;

}

.fancy-course-image {

    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 265px;

}

.fancy-course-title {

    font-size: 32px;
    font-weight: 600;
    margin: 25px 0px 0px 25px;

}

.fancy-course-instructor-table {

    margin-left: 20px;

}

.fancy-course-instructor-name {

    font-size: 20px;
    margin: 0px
    
}

.fancy-course-instructor-title {

    color: #A5A5A5;
    margin: 0px;
    
}

.fancy-course-description {

    margin-left: 25px;
    padding: 0px 20px 0px 0px;

}

.fancy-view-course-btn {

    text-align: center;
    position: relative;
    margin: 50px 0px 30px 0px;

}

/*STAFF CAROUSEL*/

#staff-carousel .owl-stage-outer {

    text-align: center;

}

.fancy-staff-image {

    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 280px;

}

h3.fancy-staff-title {

    font-size: 28px;
    font-weight: 600;
    margin: 25px 0px 0px 25px;
    text-align: left;

}

h4.fancy-staff-position {

    font-size: 22px;
    color: #3E3D3D;
    font-weight: 400;
    margin: 0px 0px 0px 25px;
    text-align: left;

}

/*PAYMENT TERMS*/

.payment-terms-grid {

    text-align: center;
    color: #FFF;
    margin: 0px auto 60px auto;
    width: 1200px;
    display: table;

}

.payment-terms-grid > tbody > tr:nth-child(2n) > td {

    background-color: #FFF;

}

.payment-terms-grid > tbody > tr > th  {

    padding: 0px 8px;

}

.payment-terms-grid > tbody > tr > th > h3 {

    text-transform: uppercase;
    font-weight: 600;
    color: #FFF;

}

.payment-terms-grid > tbody > tr > th:first-child > h3 {

    text-align: left;

}

.payment-terms-grid > tbody > tr > td  {

    padding: 0px 8px;

}

.payment-terms-grid > tbody > tr > td > p {

    font-size: 19px;
    font-weight: 500;
    margin: 5px 0px;

}

.payment-terms-grid > tbody > tr > td:first-child > p {

    text-align: left;

}


.payment-terms-grid > tbody > tr:nth-child(2n) > td > p {

    color: #0772BA;

}



.payment-terms-grid-mobile-container {

    margin: 0px auto;
    width: 95%;
    display: none;

}

.payment-terms-grid-mobile {

    text-align: left;
    color: #FFF;
    margin: 0px auto;
    width: 100%;

}

.payment-terms-grid-mobile > tbody > tr > td {

    background-color: transparent;
    color: #FFF;
    padding: 0px 8px;
    height: 40px;

}

.payment-terms-grid-mobile > tbody > tr > td:first-child {

    background-color: #FFF;    
    padding: 0px 8px;
    width: 40%

}

.payment-terms-grid-mobile > tbody > tr > td:nth-child(2) {

    border: 2px solid #FFF;

}

.payment-terms-grid-mobile > tbody > tr > td > h3 {

    font-size: 15px;
    margin: 0px;
    color: #0772BA;

}

.payment-terms-grid-mobile > tbody > tr > td > p {

    font-size: 16px;
    font-weight: 500;
    margin: 5px 0px;

}

.payment-terms-grid-mobile {

    margin: 22px 0px;

}


/*CALLOUT*/

.callout-container {

    padding: 30px;
    width: 100%;

}

.etc-callout {

    width: 1000px;
    margin: 0px auto;

}

.etc-callout > tbody > tr > td {

    display: table-cell;

}

.etc-callout > tbody > tr > td:first-child {

    width: 80%;

}

.etc-callout > tbody > tr > td:nth-child(2) {

    width: 20%;

}

.etc-callout > tbody > tr > td:nth-child(2) > a {

    float: right;
    text-align: left;
    display: inline;
    margin: 0px;
    width: 150px;
    text-align: center;

}

.etc-callout > tbody > tr > td > h2,
.etc-callout > tbody > tr > td > h3  {

    color: #FFF;
    margin: 0px;

}

/*FANCY QUOTE*/

.etc-fancy-quote-container {

    position: relative;
    padding: 25px 20px;

}

.etc-fancy-quote-quote {

    color: #FFF;
    font-size: 24px;
    font-style: italic;
    line-height: 28px;
    font-weight: 500;
    margin: 0px 0px 18px 0px;

}

.etc-fancy-quote-quote::before {

    content: url('../etclearning/assets/icons/large-quote.png');
    position: absolute;
    top: 10px;
    opacity: 0.3;

}

.etc-fancy-quote-avatar, .fancy-course-avatar {

    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    width: 70px;
    height: 70px;
    border-radius: 45px;
    border: 3px solid #FFF;

}

.fancy-course-avatar { 

    border-color: #A5A5A5;

}

.etc-fancy-quote > tbody > tr > td {

    vertical-align: middle;

}

.etc-fancy-quote > tbody > tr > td:nth-child(2) {

    padding-left: 15px;

}

.etc-fancy-quote-name, .etc-fancy-quote-title {

    color: #FFF;

}

.etc-fancy-quote-name {

    margin: 0px;
    font-weight: 600;

}

.etc-fancy-quote-title {

    font-size: 18px;
    margin: 0px;

}

h1.home-mast-heading {

    font-size: 72px;
    line-height: 90px;
    margin: 0px auto 50px auto;
    width: 100%

}

h2.home-mast-sub-heading {

    font-size: 45px;
    line-height: 50px;
    margin: 0px auto 30px auto;
    width: 100%;

}

.wpcf7-form-control.wpcf7-submit {

    border-radius: 6px;

}

/*Mobile Styles*/

@media screen and (min-width: 320px) {

    #site-header {
      
        border-bottom: 1px solid #CCC;
        position: fixed;

    }

    #site-header > ul {

        display: none;

    }

    #mobile-menu {

        display: none;

    }

    #mobile-menu-icon {
        display: block;
    }

    .header-logo {
        margin-left: 10px;
        width: 200px;
    }

    .course-grid-table {
        width: 90%;
        margin: 0px auto;
        border-spacing: 0px;
    }

    .course-grid-table > tbody > tr > td:first-child {
        width: 100%;
        vertical-align: top;
    }

    .course-grid-table > tbody > tr > td {
        vertical-align: top;
        display: block;
        padding-bottom: 30px;
    }

    .course-grid-cell > tbody > tr > td {

       text-align: center;
       vertical-align: top;
       display: block;
    
    }

    .course-grid-cell > tbody > tr > td:first-child {

        width: 100%;
        text-align: center;
    
    }

    .footer-widget-area {
        display: inline-block;
        vertical-align: top;
        margin: 20px 20px;
        max-width: unset;
        width: 280px;
        text-align: left;
    }

    .etc-callout {

        width: 100%;
        margin: 0px auto;
    
    }
    
    .etc-callout > tbody > tr > td {
    
        display: block;
    
    }
    
    .etc-callout > tbody > tr > td:first-child {
    
        width: 100%;
    
    }
    
    .etc-callout > tbody > tr > td:nth-child(2) {
    
        width: 100%;
    
    }
    
    .etc-callout > tbody > tr > td:nth-child(2) > a {
    
        float: none;
        text-align: center;
        display: block;
        margin: 20px auto 20px auto;
        width: 150px;
        text-align: center;
    
    }
    
    .etc-callout > tbody > tr > td > h2,
    .etc-callout > tbody > tr > td > h3  {
    
        color: #FFF;
        margin: 0px;
    
    }
    
    h1.home-mast-heading {

        font-size: 36px;
        line-height: 40px;
        margin: 70px auto 25px auto;
        width: 90%;

    }

    h2.home-mast-sub-heading {

        font-size: 32px;
        line-height: 36px;
        margin: 55px auto 30px auto;
        width: 90%;

    }

    .fancy-grid-container {

        width: 100%;
        position: relative;
        background-color: #FFF;
        display: inline-block;
        box-shadow: 2px 2px 10px #dcdcdc;
    
    }

    div.wpcf7 {

        margin: 0px auto;
        width: 90%;
    
    }

    .payment-terms-grid-mobile-container {

        display: block;
    
    }

    .payment-terms-grid {

        display: none;
    
    }

}



/*Mobile Styles*/

@media screen and (min-width: 1200px) {

    h1 {

        font-size: 72px;
        line-height: 90px;
        font-weight: 900;
        margin: unset;
    
    }
    
    h2 {
    
        font-family: 'Hind', sans-serif;
        color: #3E3D3D;
        font-size: 45px;
        font-weight: 600;
        line-height: 50px;
    
    }
    
    

    #site-header {

        border-bottom: none;
        position: relative;

    }

    #site-header > ul {

        display: inline;

    }

    #mobile-menu {

        display: none;

    }

    #mobile-menu-icon {
        display: none;
    }

    .header-logo {
        margin-left: 40px;
        width: 300px;
    }

    .course-grid-table {
        width: 1000px;
        margin: 0px auto;
        border-spacing: 20px;
    }

    .course-grid-table > tbody > tr > td:first-child {
        width: 50%;
        vertical-align: top;
    }

    .course-grid-table > tbody > tr > td {
        vertical-align: top;
        display: table-cell;
        padding-bottom: unset;
    }

    .course-grid-cell > tbody > tr > td {

        display: table-cell;
        vertical-align: top;
    
    }

    .course-grid-cell > tbody > tr > td:first-child {

        width: 15%;
        display: table-cell;
        text-align: left;
    
    }

    .footer-widget-area {

        display: inline-block;
        vertical-align: top;
        margin: 0px 20px;
        width: unset;
        max-width: 320px;
        text-align: left;
    
    }

    .etc-callout {

        width: 1000px;
        margin: 0px auto;
    
    }
    
    .etc-callout > tbody > tr > td {
    
        display: table-cell;
    
    }
    
    .etc-callout > tbody > tr > td:first-child {
    
        width: 80%;
    
    }
    
    .etc-callout > tbody > tr > td:nth-child(2) {
    
        width: 20%;
    
    }
    
    .etc-callout > tbody > tr > td:nth-child(2) > a {
    
        float: right;
        text-align: left;
        display: inline;
        margin: 0px;
        width: 150px;
        text-align: center;
    
    }
    
    .etc-callout > tbody > tr > td > h2,
    .etc-callout > tbody > tr > td > h3  {
    
        color: #FFF;
        margin: 0px;
    
    }

    h1.home-mast-heading {

        font-size: 72px;
        line-height: 90px;
        margin: 0px auto 50px auto;
        width: 100%;

    }

    h2.home-mast-sub-heading {

        font-size: 45px;
        line-height: 50px;
        margin: 0px auto 30px auto;
        width: 100%;

    }

    .fancy-grid-container {

        width: 370px;
        position: relative;
        background-color: #FFF;
        display: inline-block;
        box-shadow: 2px 2px 10px #dcdcdc;
    
    }

    div.wpcf7 {

        margin: 0px;
        width: unset;
    
    }

    .payment-terms-grid-mobile-container {

        display: none;
    
    }

    .payment-terms-grid {

        display: table;
    
    }



}