/* 
 Theme Name:     TDN Child for Divi New
 Author:         The Digital Navigator LLC
 Author URI:     https://thedigitalnavigator.com 
 Template:       Divi
 Version:        13.10.4
*/ 
/*
 * 
 * TABLE OF CONTENT
 * 
 * 1.0 Html and Body style start  line:25 to 55
 * 2.0 UI kit styles (Typography)  line:66 to 255
 * 2.1 Button Styles (UI Kit)  line:257 to 489
*/ 


/*
 * 
 * 
 * Section 1.0 Html and Body style
 * 
 * 
*/
/*---------- [Html and Body style start] ----------*/

html, body {
    max-width: 100%;
    overflow-x: hidden;
    font-size:17px;
} 
body, .et_pb_column_1_2 .et_quote_content blockquote cite, .et_pb_column_1_2 .et_link_content a.et_link_main_url, .et_pb_column_1_3 .et_quote_content blockquote cite, .et_pb_column_3_8 .et_quote_content blockquote cite, .et_pb_column_1_4 .et_quote_content blockquote cite, .et_pb_blog_grid .et_quote_content blockquote cite, .et_pb_column_1_3 .et_link_content a.et_link_main_url, .et_pb_column_3_8 .et_link_content a.et_link_main_url, .et_pb_column_1_4 .et_link_content a.et_link_main_url, .et_pb_blog_grid .et_link_content a.et_link_main_url, body .et_pb_bg_layout_light .et_pb_post p, body .et_pb_bg_layout_dark .et_pb_post p {
    font-size:17px !important;
}

figcaption {
    text-align: center !important; 
    font-style: italic !important; 
    margin-bottom: 30px !important;
    margin-top:10px !important;
}
figure {
    display:block;
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    margin: 20px;
    text-align: center;
}
blockquote {
    border-left:2px solid  !important;
    border-color:#166bfc !important;
}

        /*---------- [Html and Body style end] ----------*/


/*
 * 
 * 
 * Section 2.0 UI kit styles
 * 
 * 
*/

        /*---------- [UI KIT style Start] ----------*/
 /* Mont Typography Define Css Start */
/*
            @font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-Black.eot');
    src: url('./fonts/Mont-Black.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Mont-Black.woff2') format('woff2'),
        url('./fonts/Mont-Black.woff') format('woff'),
        url('./fonts/Mont-Black.ttf') format('truetype'),
        url('./fonts/Mont-Black.svg#Mont-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-Heavy.eot');
    src: url('./fonts/Mont-Heavy.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Mont-Heavy.woff2') format('woff2'),
        url('./fonts/Mont-Heavy.woff') format('woff'),
        url('./fonts/Mont-Heavy.ttf') format('truetype'),
        url('./fonts/Mont-Heavy.svg#Mont-Heavy') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-HeavyItalic.eot');
    src: url('./fonts/Mont-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Mont-HeavyItalic.woff2') format('woff2'),
        url('./fonts/Mont-HeavyItalic.woff') format('woff'),
        url('./fonts/Mont-HeavyItalic.ttf') format('truetype'),
        url('./fonts/Mont-HeavyItalic.svg#Mont-HeavyItalic') format('svg');
    font-weight: 700;
    font-style: italic;
    font-display: optional;
}
@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-Bold.eot');
    src: url('./fonts/Mont-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Mont-Bold.woff2') format('woff2'),
        url('./fonts/Mont-Bold.woff') format('woff'),
        url('./fonts/Mont-Bold.ttf') format('truetype'),
        url('./fonts/Mont-Bold.svg#Mont-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-BoldItalic.eot');
    src: url('./fonts/Mont-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Mont-BoldItalic.woff2') format('woff2'),
        url('./fonts/Mont-BoldItalic.woff') format('woff'),
        url('./fonts/Mont-BoldItalic.ttf') format('truetype'),
        url('./fonts/Mont-BoldItalic.svg#Mont-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: optional;
}




@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-Regular.eot');
    src: url('./fonts/Mont-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Mont-Regular.woff2') format('woff2'),
        url('./fonts/Mont-Regular.woff') format('woff'),
        url('./fonts/Mont-Regular.ttf') format('truetype'),
        url('./fonts/Mont-Regular.svg#Mont-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-RegularItalic.eot');
    src: url('./fonts/Mont-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Mont-RegularItalic.woff2') format('woff2'),
        url('./fonts/Mont-RegularItalic.woff') format('woff'),
        url('./fonts/Mont-RegularItalic.ttf') format('truetype'),
        url('./fonts/Mont-RegularItalic.svg#Mont-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: optional;
}

*/

@font-face {
    font-family: 'Fira Sans';
    src: url('./fonts/FiraSans-BlackItalic.woff2') format('woff2'),
        url('./fonts/FiraSans-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('FiraSans-Bold.woff2') format('woff2'),
        url('FiraSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('./fonts/FiraSans-Black.woff2') format('woff2'),
        url('./fonts/FiraSans-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('./fonts/FiraSans-BoldItalic.woff2') format('woff2'),
        url('./fonts/FiraSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('./fonts/FiraSans-ExtraLight.woff2') format('woff2'),
        url('./fonts/FiraSans-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('./fonts/FiraSans-ExtraBoldItalic.woff2') format('woff2'),
        url('./fonts/FiraSans-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('./fonts/FiraSans-ExtraBold.woff2') format('woff2'),
        url('./fonts/FiraSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('./fonts/FiraSans-ExtraLightItalic.woff2') format('woff2'),
        url('./fonts/FiraSans-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('./fonts/FiraSans-Medium.woff2') format('woff2'),
        url('./fonts/FiraSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('./fonts/FiraSans-Regular.woff2') format('woff2'),
        url('./fonts/FiraSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('./fonts/FiraSans-SemiBold.woff2') format('woff2'),
        url('./fonts/FiraSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('./fonts/FiraSans-Light.woff2') format('woff2'),
        url('./fonts/FiraSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: optional;
}

/* Noto Serif */

@font-face {
    font-family: 'Noto Serif';
    src: url('./fonts/NotoSerif-Bold.woff2') format('woff2'),
        url('./fonts/NotoSerif-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('./fonts/NotoSerif-Italic.woff2') format('woff2'),
        url('./fonts/NotoSerif-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('./fonts/NotoSerif-Medium.woff2') format('woff2'),
        url('./fonts/NotoSerif-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('./fonts/NotoSerif-Regular.woff2') format('woff2'),
        url('./fonts/NotoSerif-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('./fonts/NotoSerif-SemiBold.woff2') format('woff2'),
        url('./fonts/NotoSerif-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: optional;
}

/* Noto Sans */

@font-face {
    font-family: 'Noto Sans';
    src: url('./fonts/NotoSans-Bold.woff2') format('woff2'),
        url('./fonts/NotoSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('./fonts/NotoSans-Italic.woff2') format('woff2'),
        url('./fonts/NotoSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('./fonts/NotoSans-Medium.woff2') format('woff2'),
        url('./fonts/NotoSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('./fonts/NotoSans-Regular.woff2') format('woff2'),
        url('./fonts/NotoSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('./fonts/NotoSans-SemiBold.woff2') format('woff2'),
        url('./fonts/NotoSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: optional;
}



                /* Typography Css Start */
  h1, h2.large {
        font-size: 250% !important;
    	font-family: 'Fira Sans'!important;
        font-weight: 800 !important; 
	  letter-spacing: 0px;
    }
	@media(max-width: 1024px){h1{font-size: 187.5% !important}}
    @media(max-width: 767px){h1{font-size: 137.5% !important}}
	@media(max-width: 1024px){h2.large{font-size: 187.5% !important}}
    @media(max-width: 767px){h2.large{font-size: 137.5% !important}}

    h2, h1.small {
        font-size: 200% !important;
    	font-family: 'Fira Sans'!important;
        font-weight: 800 !important;
        line-height:1.25em !important;
        letter-spacing: 0px;
    }
	@media(max-width: 1024px){h2{font-size: 156.25% !important}}
    @media(max-width: 767px){h2{font-size: 125% !important}}
	@media(max-width: 1024px){h1.small{font-size: 156.25% !important}}
    @media(max-width: 767px){h1.small{font-size: 125% !important}}

    h3 {
        font-size: 147% !important;
    	font-family: 'Fira Sans'!important;
        font-weight: 800 !important;
		 line-height:1.25em !important;
        letter-spacing: 0px;
    }
    @media(max-width: 1024px){h3{font-size: 125% !important}}
    @media(max-width: 767px){h3{font-size: 112.25% !important}}

    h4 {
    	font-family: 'Fira Sans'!important;
        font-weight: 800 !important; 
    	font-size: 130% !important;
		 line-height:1.25em !important;
        letter-spacing: 0px;
    }
    @media(max-width: 1024px){h4{font-size: 112.5% !important}}
    @media(max-width: 767px){h4{font-size: 107.5% !important}}

    h5 {
        font-family: 'Fira Sans' !important;
    	font-weight: 700 !important;
        font-size: 117.25% !important;
		 line-height:1.25em !important;
        letter-spacing: 0px;
    }
    @media(max-width: 1024px){h5{font-size: 106.25% !important}}
    @media(max-width: 767px){h5{font-size: 100% !important}}

    h6 {
        font-family: 'Fira Sans'!important;
        font-weight: 600 !important; 
        font-size: 88% !important;
		 line-height:1.25em !important;
        letter-spacing: 0px;
    }
    @media(max-width: 1024px){h6{font-size: 88% !important}}
    @media(max-width: 767px){h6{font-size: 88% !important}}
  
    p.small-body-text  {
        line-height: 1.5em !important;
        font-size:90% !important;
    }

   .et_pb_text_inner, p, body, li {
    font-family: 'Noto Serif'!important;
    font-weight: 400;
    font-size: 100%!important;
    letter-spacing: 0px;
}
	.home .et_pb_text_inner a {
	color: #fff;
	}

	body .et_pb_text_inner p,
	body .et_pb_text_inner {
		font-size: 95% !important;
	}	
	

    @media(max-width: 767px){
        p, body, li{font-size: 95% !important} 
    }
    ol li, ul li{
        padding-top: 8px;
        padding-bottom: 8px;
    }
	
ul.lower-alpha {
	list-style: lower-alpha;
}
ul.lower-roman {
	list-style: lower-roman;
}

.fira-sans {
	font-family: 'Fira Sans' !important;
}

/* Cookie Control Notification Bar Typography */
.ccc-notify-text h1 {
	font-size: 125% !important;
}

                /* Typography CSS End */

        /* ------- Button - Styling START ----- */

/*
 * 
 * 
 * Section 3.1 Button Styles (UI Kit)
 * 
 * 
*/

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-cta-figma, body #page-container #et-boc a.button-cta-figma {
	display: inline-block;
	font-size: 22px!important;
	padding-top: 8px!important;
    padding-bottom: 8px!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
	box-shadow: 2px 2px 8px 0px rgb(215 20 10 / 40%);
	background: #C84332;
    color: #fff !important;
	font-family: 'Fira Sans' !important;
    font-style: normal;
    font-weight: 700 !important;
    border-radius: 20px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: capitalize;
    border: none!important;
	height: auto;
    min-width: 190px;
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-cta-figma.active, body #page-container #et-boc a.button-cta-figma.active {
	background: #973225;
	
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-primary-figma,
body div#et-main-area .et_pb_section .et_pb_row a.et_pb_button.button-primary-figma,
body #et-boc #main-content .woocommerce a.button.wc-forward,
body #page-container #et-boc a.button-primary-figma {
    display: inline-block;
    font-size: 22px!important;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
    box-shadow: 2px 2px 8px 0px rgb(39 112 236 / 40%) !important;
    background: #584099;
    color: #fff !important;
    font-family: 'Fira Sans' !important;
    font-style: normal;
    font-weight: 700 !important;
    border-radius: 20px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: capitalize;
    height: auto;
    border: none!important;
    min-width: 190px;
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-primary-figma.active, body #page-container #et-boc a.button-primary-figma.active {
	background:#258CA0;
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-primary-figma.disable, body #page-container #et-boc a.button-primary-figma.disable {
	opacity: .3;
}


body #page-container #et-boc a.button-secondary-figma,body div#et-main-area .et_pb_section .caseStudy .button-secondary-figma , .pagination a, body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-secondary-figma
{
	display: inline-block;
	font-size: 22px;
	padding-top: 8px!important;
    padding-bottom: 8px!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
	box-shadow: 2px 2px 8px 0px rgb(39 112 236 / 40%) !important;
	background: #258CA0 !important;
    color: #fff !important;
	font-family: 'Fira Sans' !important;
    font-style: normal;
    font-weight: 700 !important;
    border-radius: 20px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: capitalize;
    border: none;
	position: relative;
    min-width: 190px;
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-secondary-figma.active, body #page-container #et-boc a.button-secondary-figma.active {
	background: #71A1CC !important;
    border: 1px solid #71A1CC !important;
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-secondary-figma.disable,
body #page-container #et-boc a.button-secondary-figma.disable{
	opacity: .3;
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-tertiary-figma,
body #page-container #et-boc a.button-tertiary-figma
{
	display: inline-block;
	font-size: 22px;
	padding-top: 8px!important;
    padding-bottom: 8px!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
	background: #fff !important;
    color: #00758F !important;
	font-family: 'Fira Sans' !important;
    font-style: normal;
    font-weight: 700 !important;
    border-radius: 20px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: capitalize;
    border: 2px;
	border-color: #2770EC;
    min-width: 190px;
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-tertiary-figma.active,
body #page-container #et-boc a.button-tertiary-figma.active {
	background: #00758F !important;
	color: #fff !important;
	border: 1px solid #00758F !important;
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-tertiary-figma.disable,
body #page-container #et-boc a.button-tertiary-figma.disable {
	opacity: .3;
}


.services-card .button-primary-figma
{
	width:100%;
}


section#comment-wrap .et_pb_button {
    padding: 21px 45px!important;
}

	
	div.et_pb_button_module_wrapper {
		margin-bottom: 32px !important;
	}

    /*Figma cta button style start*/

     .master-banner-double-button .et_pb_button_one , .et_pb_button.et_pb_pricing_table_button , .form-submit .et_pb_button {
        background: #D71439 !important;
        color: #fff !important;
		padding: 21px 45px !important;
    }


.et_pb_button.et_pb_pricing_table_button:hover {
        background:#DB3555 !important;
        color: #fff !important;
        box-shadow:none !important;
    }

    .et_pb_button.et_pb_pricing_table_button:hover {
        padding: 21px 45px !important;
        border:none !important;
    }
.form-submit .et_pb_button:hover{
    color:#fff !important;
    border:none !important;
    box-shadow: 0px 5px 30px 5px rgba(215, 20, 57, 0.3) !important;
}
    .et_pb_button.button-cta-figma.disable , .et_pb_button.button-cta-figma.disable:hover{
        background:#E3C2C8 !important;
        color: #DF7C8F !important;
        box-shadow:none !important;
    }


/* .et_pb_button.button-cta-figma,*/
.master-banner-double-button .et_pb_button_one{
		box-shadow: 2px 2px 8px 0px rgb(215 20 10 / 40%) !important;
    }

   /* .et_pb_button.button-cta-figma:hover,*/
.master-banner-double-button .et_pb_button_one:hover {
        background: #D71439 !important;
		box-shadow: 2px 2px 8px 0px rgb(215 20 10 / 40%) !important;
        border-radius: 10px;
        border:none !important;
    }
    /*Figma cta button style end*/


    /*Figma Secondry button style start*/
    .et_pb_button.button-secondary-figma, .master-banner-double-button .et_pb_button_two, .pagination a {
        background: rgba(39,112,236,0.2) !important;
        color: #2770EC !important;
        border: 2px solid transparent !important;
		padding: 21px 45px !important;
    }

    .et_pb_button.button-secondary-figma:hover, .master-banner-double-button .et_pb_button_two:hover , .pagination a:hover {
        background: #2770EC !important;
        box-shadow: 0px 5px 35px rgba(39, 112, 236, 0.4) !important;
        border-radius: 10px;
        border: 2px solid transparent !important;
        color:#fff !important;
    }

    .et_pb_button.button-secondary-figma.active , .et_pb_button.button-secondary-figma.active:hover, .master-banner-double-button .et_pb_button_two.active, .master-banner-double-button .et_pb_button_two.active:hover{
        background: rgba(39, 112, 236, 0.2) !important;
        color: #2770EC !important;
        border: 2px solid #2770EC !important;
        box-shadow:none !important;
    }

    .et_pb_button.button-secondary-figma.disable , .et_pb_button.button-secondary-figma.disable:hover, .master-banner-double-button .et_pb_button_two.disable, .master-banner-double-button .et_pb_button_two.disable:hover {
        background: #BFCDE6 !important;
        color: #749FE9 !important;
        border: 2px solid transparent !important;
        box-shadow:none !important;
    }

    /*Figma Secondry button style end*/

    /*Figma Tertiary button style start*/
    .et_pb_button.button-tertiary-figma{
        background: #fff !important;
        color: #2770EC !important;
        border: 2px solid transparent !important;
		padding: 21px 45px !important;
    }

    a.et_pb_button.button-tertiary-figma:hover {
        background: #fff !important;
        box-shadow: 0px 10px 35px 10px rgba(0, 0, 0, 0.2) !important;
        border-radius: 10px;
        border: 2px solid transparent !important;
        color:#2770EC !important;
    }
    
a.et_pb_button.button-tertiary-figma:hover {
    color: #2770ec !important;
}
    .et_pb_button.button-tertiary-figma.active , .et_pb_button.button-tertiary-figma.active:hover{
        background: rgba(255, 255, 255, 0.2) !important;
        border: 2px solid #FFFFFF !important;
        box-shadow:none !important;
    }
    .et_pb_button.button-tertiary-figma.disable , .et_pb_button.button-tertiary-figma.disable:hover{
        background:  #528DF0 !important;
        color:#A8C6F7 !important;
        border: 2px solid transparent !important;
        box-shadow:none !important; 
    }


    /*Figma Tertiary button style end*/
            /* ------- Button - Styling End ----- */

            /*---------- [UI KIT style End] ----------*/

#header_main .et_pb_row_1_tb_header {
	display: flex;
	align-items: center;
}

#header_top .top-menu-links {
	padding-top: 10px;
}

#header_top .top-menu-links a {
	font-family: Arial;
	font-weight: bold;
	color: #fff;
	
}

#header_top .top-menu-login {
	margin-right: 15px;
}

#menu-header-main {
	gap: 17px;
}

#menu-item-28340,
#menu-item-28341{
	margin-top: -2px;
}

#menu-item-28340 a,
body #page-container #et-boc #menu-item-29550 a{
	color: #fff !important;
    background: #584099;
    padding: 10px;
	border-radius: 20px;
}

#menu-item-28341 a,
body #page-container #et-boc #menu-item-29551 a{
	color: #fff !important;
    background: #13CDCF;
    padding: 10px;
	border-radius: 20px;
}

body #page-container #et-boc #menu-header-custom {
	gap: 20px;
	align-items: center;
}

body #page-container #et-boc .menu-logo-custom {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body #page-container #et-boc #menu-item-29550,
body #page-container #et-boc #menu-item-29551{
	margin-top: 0;
}

.et_pb_text_1_tb_footer a {
	color: #fff;
}

.et_pb_section_2_tb_footer a {
	color: #fff;
	text-decoration: underline;
}

.hero-section h2 {
	font-weight: 700 !important;
}

.hero-section h1 {
	font-weight: 700 !important;
    font-style: italic;
  font-size: 28px !important;
}

.hero-section .button-cta-figma {
	margin-left: 0px;
}

.stay-in-touch .et_pb_row_2 .et_pb_column_1_4 {
	margin-right: 40px;
}

.stay-in-touch .et_pb_text_inner {
	font-size: 19px !important;
}

.free-masterclass-section .inline-text .et_pb_text_inner h3,
.free-masterclass-section .inline-text .et_pb_text_inner p{
	display: inline;
}

.free-masterclass-section .inline-text .et_pb_text_inner .button-cta-figma {
	margin-left: 20px;
}

.train-with-lori .train-columns {
	border-radius: 20px;
	background: #fff;
}

.train-with-lori .train-columns .et_pb_image {
	margin-bottom: 30px;
}

.train-with-lori .train-columns img {
	border-radius: 20px 20px 0 0;
	max-height: 120px;
}

.train-with-lori .train-columns .et_pb_text {
	padding: 0 20px;
}

.hero-first-heading::before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(https://visionremota.com/wp-content/uploads/2024/11/crv-logo.png);
    background-size: cover;
    position: absolute;
    left: -60px;
}


@media only screen and (min-width: 1435px) {
	.train-with-lori .train-columns .button-cta-figma {
	    position: absolute;
    	left: -15px;
        width: 300px;
        top: -25px;
}
}

@media only screen and (max-width: 1700px) {
	
	body #page-container #et-boc #main-content .about-section,
	body #page-container #et-boc #main-content .hero-section{
		background-position-x: 100%;
	}
}

@media only screen and (max-width: 1550px) {
	
	body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-cta-figma {
		max-width: 100%;
		margin-left: 15px;
	}
}

@media only screen and (max-width: 1434px) {
	
	body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-cta-figma {
		margin-left: 0px;
	}
}


@media only screen and (max-width: 1280px) {
	.train-with-lori .training-columns {
		    display: flex;
    		flex-direction: row;
			flex-wrap: wrap;
        	gap: 40px;
			justify-content: center;
		margin-left: 12%;
	}
	
	.train-with-lori .train-columns {
		    display: flex;
    		flex-direction: column;
			justify-content: space-between;
		width: 40%;
	}
	
	#header_top .top-menu-links {
		padding-right: 20px;
	}
	
	body #page-container #et-boc #main-content .about-section,
	body #page-container #et-boc #main-content .hero-section{
		background-position-x: 0%;
	}
	
	.train-with-lori .train-columns img {
	min-height: 120px;
	}
	
}

#gform_submit_button_7 {
	display: inline-block;
    font-size: 22px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    box-shadow: 2px 2px 8px 0px rgb(215 20 10 / 40%);
    background: #C84332;
    color: #fff !important;
    font-family: 'Fira Sans' !important;
    font-style: normal;
    font-weight: 700 !important;
    border-radius: 20px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: capitalize;
    border: none !important;
    height: auto;
    min-width: 190px;
	margin: 0 auto;
}

#field_7_4 label {
	color: #fff;
}

@media only screen and (min-width: 981px){
	.hero-section {
	min-height: 387px;
	}
}


@media only screen and (max-width: 980px) {
	
	
	body #et-boc .train-with-lori .train-columns {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 40%;
		
    }
	
	body #et-boc .train-with-lori .training-columns {
        gap: 0px;
		
    }
	
	.et_pb_text_2 h3 {
		font-size: 28px !important;
	} 
	
	#header_main .et_pb_column_2_tb_header {
		padding-right: 40px;
	}
	
	body .train-with-lori .train-columns .et_pb_image .et_pb_image_wrap,
	body .train-with-lori .train-columns .et_pb_image,
	body .train-with-lori .train-columns img{
		width: 100%;
	}
	
	.free-masterclass-section .inline-text .et_pb_text_inner h3,
.free-masterclass-section .inline-text .et_pb_text_inner p{
	display: block;
}
	
	.free-masterclass-section .inline-text .et_pb_text_inner .button-cta-figma {
		    margin: 10px auto !important;
    width: 190px;
    display: block;
	}
	
	body .stay-in-touch .et_pb_row_2 {
		display: flex;
    flex-direction: column;
	}
	
	body .stay-in-touch .et_pb_row_2 .et_pb_column_1_4 {
		margin-top: 20px;
		margin-bottom: 0px;
		order: 2;
	}
	
	body .stay-in-touch .et_pb_row_2 .et_pb_column_1_4 .et_pb_button_2_wrapper {
		margin-bottom: 0 !important;
	}
	
}

@media only screen and (max-width: 768px) {
	
	body #et-boc .train-with-lori .training-columns {
        gap: 40px;
		
    }
	
	body #et-boc .train-with-lori .train-columns {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 70%;
		margin: 0;
    }
	
	body #et-boc .train-with-lori .train-columns h3 br,
	body #et-boc .train-with-lori .train-columns p br{
		display: none;
	}
	
	
	html body #et-boc .train-with-lori .training-columns .et-last-child {
		margin-left: 40px;
	}
	
	body.home h2 {
        font-size: 28px !important;
    }
	body.home h3 {
        font-size: 24px !important;
    }
	
}

@media only screen and (max-width: 480px) {
	.hero-section .button-cta-figma {
	margin-left: 0;
	}
		
	html body #et-boc .train-with-lori .training-columns .et-last-child {
		margin-left: 0px;
	}
  
}

@media only screen and (max-width: 420px) {
	.gform-footer #gform_submit_button_7 {
	font-size: 18px !important;
}
  
}

@media only screen and (max-width: 350px) {
	body .gform-footer #gform_submit_button_7 {
	font-size: 16px !important;
		white-space: pre-wrap;
}
  
}


/* Import CSS */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style-type: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(1):before {
    content: "\f218";
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #584099;
    font-size: 18px;
    padding-right: 0.5em;
    position: relative;
    top: 0px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(2):before {
    content: "\f1ea";
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #584099;
    font-size: 18px;
    padding-right: 0.5em;
    position: relative;
    top: 0px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(3):before {
    content: "\f2bb";
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #584099;
    font-size: 18px;
    padding-right: 0.5em;
    position: relative;
    top: 0px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(4):before {
    content: "\f007";
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #584099;
    font-size: 18px;
    padding-right: 0.5em;
    position: relative;
    top: 0px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(5):before {
    content: "\f2bd";
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #584099;
    font-size: 18px;
    padding-right: 0.5em;
    position: relative;
    top: 0px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(6):before {
    content: "\f2f5";
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #584099;
    font-size: 18px;
    padding-right: 0.5em;
    position: relative;
    top: 0px;
}

body .woocommerce-MyAccount-navigation a{
	color: #121212 !important;
}


body .woocommerce-MyAccount-content p a,
.woocommerce p a{
	color: #584099 !important;
	text-decoration: underline;
}

body.woocommerce-account .addresses .title .edit {
	color: #584099 !important;
	text-decoration: underline;
	float: left;
	padding: 15px 0;
}

body .woocommerce .woocommerce-MyAccount-content .woocommerce-message {
	background: #fff !important;
	color: #121212 !important;
}

body .woocommerce .woocommerce-MyAccount-content .woocommerce-message:before {
	 content: "\f06a";
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #584099;
    font-size: 18px;
    padding-right: 0.5em;
    position: relative;
    top: 0px;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
body.woocommerce-page button.button,
body.woocommerce-page button.button:hover,
body #et-boc #main-content .woocommerce a.button.wc-forward:hover,
.newbutton,
.woocommerce-Button,
.woocommerce-Button:hover{
	display: inline-block;
    font-size: 22px!important;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
    box-shadow: 2px 2px 8px 0px rgb(39 112 236 / 40%) !important;
    background: #584099;
	 background-color: #584099 !important;
    color: #fff !important;
    font-family: 'Fira Sans' !important;
    font-style: normal;
    font-weight: 700 !important;
    border-radius: 20px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: capitalize;
    height: auto;
    border: none!important;
    min-width: 190px;
	text-decoration: none !important;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-Button:hover,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
body.woocommerce-page button.button:hover,
.woocommerce-Button:hover {
	display: inline-block;
    font-size: 22px!important;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
    box-shadow: 2px 2px 8px 0px rgb(39 112 236 / 40%) !important;
    background: #584099;
	 background-color: #402e70 !important;
    color: #fff !important;
    font-family: 'Fira Sans' !important;
    font-style: normal;
    font-weight: 700 !important;
    border-radius: 20px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: capitalize;
    height: auto;
    border: none!important;
    min-width: 190px;
	text-decoration: none !important;
}


.woocommerce .woocommerce-EditAccountForm .woocommerce-Button,
.woocommerce .woocommerce-MyAccount-content fieldset,
body.woocommerce-page button.button,
body.woocommerce-page button.button:hover{
	margin-top: 20px;
}

.woocommerce .woocommerce-MyAccount-content legend {
	line-height: 2;
	color: #584099;
    font-weight: bold;
	text-decoration: underline;
}

.woocommerce .woocommerce-MyAccount-content form .form-row label{
    line-height: 2;
    color: #584099;
    font-weight: bold;
    margin-top: 15px;
}

.et_pb_title_container h1 {
	padding-bottom: 0;
}

.newbutton {
	margin: 20px 0;
}

.newbutton a{
	color: #166bfc;
}

.et_pb_video {
	padding-bottom: 20px;
}

body .et_pb_row_0 .et_pb_title_container {
	background-color: #584099;
}

.page-id-28634 .et_pb_text_inner a {
	color: #584099;
	}

.page-id-28528 .et_pb_text_3 a {
	color: #fff;
	text-decoration: underline;
}


.page-id-28642 .et_pb_text_13 .et_pb_text_inner i,
.page-id-28642 .et_pb_text_18 .et_pb_text_inner i{
	margin-left: 15px;
	display: inline;
	bottom: -28px;
    position: relative;
}

.page-id-28642 .et_pb_text_13 .et_pb_text_inner span,
.page-id-28642 .et_pb_text_18 .et_pb_text_inner span {
	display: inline;
}

/* Target posts grid */
.target-posts-grid,
#ajax-search-results{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
	padding: 40px 0;
}

.target-posts-title {
	margin: 0;
}

.search-container {
    display: flex;
    align-items: center;
    gap: 10px;
	margin: 20px 0;
}
.search-container #ajax-search-input {
	right: 100px;
    position: absolute;
    padding: 8px;
	margin-bottom: 21px;
}

.target-post-item {
    padding: 10px;
    border: none;
    border-radius: 5px;
    text-align: center;
	list-style: none;
}

.target-post-item .target-post-link h4 {
    color: #678AC9;
    text-decoration: none;
	font-size: 75%;
}

.target-post-item .target-post-link h4:hover {
    color: #0073aa;
    text-decoration: underline;
}

.page-template-page-targetpool .tribe-common .tribe-common-anchor-thin {
		font-size: 1.8vw;
	}

body .page .et_pb_title_container .entry-title {
	font-size: 180% !important;
}

@media only screen and (max-width: 980px) {
	.target-posts-grid {
    grid-template-columns: repeat(2, 1fr);
}
	
	.search-container {
		flex-direction: column;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
	}
	.search-container #ajax-search-input {
		    position: static;
		margin:auto;
	}
	
	
	.page-template-page-targetpool .et_pb_column_3_4,
	.page-template-page-targetpool .et_pb_column_1_4{
		width: 100% !important;
	}
	
	

}

/* TDN Custom Product Grid */
.tdn-custom-product-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.tdn-product-card {
    width: calc(33.33% - 20px);
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
	padding: 25px;
}

.tdn-product-card:hover {
    transform: scale(1.05);
}

.tdn-product-card a {
    display: block;
    color: #333;
    text-decoration: none;
}

.tdn-product-card h3 {
    font-size: 1rem;
    margin: 10px 0;
    color: #000;
}

.tdn-product-card p {
    font-size: 1rem;
    color: #666;
    padding: 0 10px;
}

.tdn-product-card img {
    width: 100%;
    height: auto;
	max-width: 160px;
}

@media (max-width: 1024px) {
    .tdn-product-card {
        width: calc(50% - 20px);
    }
	
	.tdn-custom-product-grid {
		justify-content: center;
	}
}

@media (max-width: 768px) {
    .tdn-product-card {
        width: calc(100% - 20px);
    }
}

@media (max-width: 480px) {
    .tdn-product-card h3 {
        font-size: 0.875rem;
    }

    .tdn-product-card p {
        font-size: 0.75rem;
    }
	
}


@media only screen and (max-width: 980px) {
	body .general-information-content {
	padding-left: 20px;
	padding-right: 20px;
}
}

.toc-container {
    max-width: 600px;
    margin: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}

.toc-container h3 {
    text-align: center;
    color: #4189c8 !important;
    margin-bottom: 15px;
}

.toc-container ul {
    list-style-type: disc;
    padding-left: 15px;
    margin: 0;
}

.toc-container li {
    margin-bottom: 10px;
}

.toc-container a {
	    font-size: 100%;
    line-height: 100%;
    text-decoration: none;
    color: #0073e6;
    font-weight: 700;
    transition: color .3 sease;
}

.gform_legacy_markup_wrapper .gform_validation_errors>h2:before {
	display: none !important;
}


body .gform_legacy_markup_wrapper .gform_validation_errors>h2 {
	font-size: 100% !important;
}

#cp_popup_id_29439 #gform_wrapper_9 {
	    overflow-x: hidden;
    overflow-y: auto;
    max-height: 318px;
}

#gform_wrapper_9 .gfield--type-turnstile {
	display: none !important;
}

#gform_submit_button_9 {
	display: block;
    font-size: 145% !important;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
    box-shadow: 2px 2px 8px 0px rgb(39 112 236 / 40%) !important;
    background: #584099;
    color: #fff !important;
    font-family: 'Fira Sans' !important;
    font-style: normal;
    font-weight: 700 !important;
    border-radius: 20px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: capitalize;
    height: auto;
    border: none!important;
    min-width: 190px;
	white-space: pre-wrap;
	margin: 0 auto;
}

#gform_wrapper_9 input[type=text],
#gform_wrapper_9 input[type=email]{
	padding: 10px;
	margin: 0 auto;
	width: 100%;
}

#field_9_3 .ginput_container_consent {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
	gap: 10px;
}

#field_9_3 #input_9_3_1 {
	margin-top: 5px;
}

@media only screen and (min-width: 768px) {
	#cp_popup_id_29439 #gform_wrapper_9 #gform_9_validation_container {
	width: calc(100% - 20px);
}
}


@media only screen and (max-width: 767px) {
	
	
#cp_popup_id_29439 #gform_wrapper_9 {
	    overflow-x: hidden;
    overflow-y: auto;
    max-height: 410px;
}
}

/* Export */

body.tax-product_cat #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li a {
	font-family: 'Fira Sans Condensed';
	font-weight: bold;
	font-size: 105%;
}

.tax-product_cat a {
	font-family: 'Fira Sans Condensed' !important;
	font-weight: bold;
}

body.tax-product_cat a.header-cart-btn:before {
	 content: "";
    display: inline-block;
    width: 40px; 
    height: 40px;   
    background-image: url('https://visionremota.com/wp-content/uploads/2025/04/cartimg.png');
    background-size: cover;
    margin-right: -5px; 
position: relative;
    margin-top: -20px;
    bottom: -15px;
}

body.tax-product_cat .et_pb_text h2{
	font-family: 'Fira Sans Condensed' !important;
	font-size: 175% !important;
}

body .book-btn-links {
	gap: 20px;
}

body.tax-product_cat .et_pb_text_inner p {
	font-size: 90% !important;
}

body .col-text-hero h3 {
	font-family: 'Fira Sans Condensed' !important;
	font-size: 125% !important;
	  font-style: italic;
}

@media (min-width: 981px) {
	body.tax-product_cat #page-container #et-boc #menu-header-custom {
	gap: 40px;
	}
	
	body.tax-product_cat #et-boc .et_pb_menu_0_tb_header .et_pb_menu__wrap {
		justify-content: flex-end;
	}
}

body.post-type-archive-product h3 {
	font-weight: 600 !important;
}

body.post-type-archive-product h2 {
	    font-weight: 700 !important;
    font-family: 'Fira Sans Condensed' !important;
}

/* ===== Product Items ===== */
.shop-product-grid .woocommerce .products {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
}

body #page-container #et-boc .shop-product-grid .woocommerce li.product {
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 0 15px;
  margin: 0 auto;
  margin-bottom: 40px;
  box-sizing: border-box;
  justify-content: space-between;
  border: solid;
  border-color: black;
}

/* ===== Product Content Structure ===== */
.shop-product-grid .woocommerce li.product .product-inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 5px;
}

.shop-product-grid .woocommerce li.product .woocommerce-loop-product__link {
  display: flex;
  flex-direction: column;
  height: auto;
  text-decoration: none;
  color: inherit;
}

/**Product Title**/
.et_pb_section .shop-product-grid .woocommerce li.product .woocommerce-loop-product__title{
	color: #584099 !important;
	font-size: 17px !important;
    padding: 0px 10px 0px 10px;
}

.et_pb_section .shop-product-grid .woocommerce li.product .onsale{
	color: #584099 !important;
	font-size: 17px !important;
    padding: 0px 10px 0px 10px;
}

.et_pb_section .shop-product-grid .woocommerce li.product .price{
	display: flex;
    background-color: #584099;
	color: white !important;
    width: 30%;
    margin: 10px !important;
    border-radius: 10px;
    justify-content: center;
}

.shop-product-grid .woocommerce li.product bdi.price{
	color: white;
    align-self: center;
}	

/* ===== Bottom Alignment Elements ===== */
.shop-product-grid .woocommerce li.product .price,
.shop-product-grid .woocommerce li.product .woocommerce-product-details__short-description,
.shop-product-grid .woocommerce li.product .button {
  margin-top: auto;
}

/* ===== Image Handling ===== */
.shop-product-grid .woocommerce li.product img {
  width: 100%;
  height: auto;
  display: block;
}

.shop-product-grid .woocommerce li.product .woocommerce-loop-product__link img {
  max-height: 250px;
  width: auto;
  margin: 0 auto;
  object-fit: contain;
}

/* ===== View Details Button ===== */
.shop-product-grid .woocommerce li.product .view-details-button {
    display: inline-block;
    font-size: 22px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-shadow: 2px 2px 8px 0px rgb(215 20 10 / 40%);
    background: #C84332 !important;
    color: #fff !important;
    font-family: 'Fira Sans' !important;
    font-style: normal;
    font-weight: 700 !important;
    border-radius: 20px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: capitalize;
    border: none !important;
    height: auto;
    min-width: 190px;
}

.shop-product-grid .woocommerce li.product .view-details-button:hover {
  background-color: #584099 !important;
}

/* ===== Responsive Breakpoints ===== */
/* 4 Columns (Desktop) */
@media (min-width: 1200px) {
  body #page-container #et-boc .shop-product-grid .woocommerce li.product {
    width: 22.5%;
  }
}

/* 3 Columns (Small Desktop/Tablet Landscape) */
@media (min-width: 992px) and (max-width: 1199px) {
  body #page-container #et-boc .shop-product-grid .woocommerce li.product {
    width: 33.333%;
  }
}

/* 2 Columns (Tablet Portrait) */
@media (min-width: 768px) and (max-width: 991px) {
  body #page-container #et-boc .shop-product-grid .woocommerce li.product {
    width: 50%;
  }
}

/* 1 Column (Mobile) */
@media (max-width: 767px) {
  body #page-container #et-boc .shop-product-grid .woocommerce li.product {
    width: 100% !important;
  }
	
	.shop-product-grid .woocommerce li.product .woocommerce-loop-product__link img {
		width: 100%;
	}
}

body.tax-product_cat #page-container #et-boc .train-with-lori .train-columns .pricing-container {
	display: flex !important;
	justify-content: center !important;
	border-radius: 8px !important;
	position: static !important;
	margin: 0px !important;
	float: none !important;
}

body.tax-product_cat #page-container #et-boc .train-with-lori .train-columns .desc-container{
	margin-bottom: 0px !important;
}