/* 
 Theme Name:     TDN Child for Divi New
 Author:         The Digital Navigator LLC
 Author URI:     https://thedigitalnavigator.com 
 Template:       Divi
 Version:        13.10.3
*/ 
/*
 * 
 * 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;
}


                /* Typography Css Start */
  h1, h2.large {
        font-size: 250%;
    	font-family: 'Prompt'!important;
        font-weight: 700 !important; 
    }
	@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: 'Prompt'!important;
        font-weight: 700 !important;
        line-height:1.25em !important;
        letter-spacing: 1px;
    }
	@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: 'Prompt'!important;
        font-weight: 700 !important;
		 line-height:1.25em !important;
        letter-spacing: 1px;
    }
    @media(max-width: 1024px){h3{font-size: 125% !important}}
    @media(max-width: 767px){h3{font-size: 112.25% !important}}

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

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

    h6 {
        font-family: 'Prompt'!important;
        font-weight: 600 !important; 
        font-size: 88% !important;
		 line-height:1.25em !important;
        letter-spacing: 1px;
    }
    @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: 'Prompt'!important;
    font-weight: 400;
    font-size: 105%!important;
    letter-spacing: 1px;
}
    @media(max-width: 767px){
        p, body, li{font-size: 90% !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;
}

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

.prompt {
	font-family: 'Prompt' !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{
	display: inline-block;
	font-size: 20px!important;
	padding-top: 19px!important;
    padding-bottom: 16px!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
	
	background: #FFC926;
    color: #010E16 !important;
	font-family: Prompt!important;
    font-style: normal;
    font-weight: bold !important;
    border-radius: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    border: none!important;
	height: auto;
    min-width: 190px;
}

body.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
body .woocommerce-Button{
	display: inline-block;
	font-size: 20px!important;
	padding-top: 19px!important;
    padding-bottom: 16px!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
	margin-top: 5px;
	margin-bottom: 5px;
	background: #FFC926;
    color: #010E16 !important;
	font-family: Prompt!important;
    font-style: normal;
    font-weight: bold !important;
    border-radius: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    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:hover {
	background: #FFA900;
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-primary-figma {
    display: inline-block;
    font-size: 20px!important;
    padding-top: 19px!important;
    padding-bottom: 16px!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
    
    background: #010E16;
    color: #FDBD40 !important;
    font-family: Prompt !important;
    font-style: normal;
    font-weight: bold !important;
    border-radius: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    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.disable {
	background: #010e16b0 !important;
}


.button-secondary-figma,body div#et-main-area .et_pb_section .caseStudy .button-secondary-figma , .pagination a
{
	display: inline-block;
	font-size: 20px;
	padding-top: 19px!important;
    padding-bottom: 16px!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
	
	background: #E79110!important;
    color: #fff !important;
	font-family: Prompt;
    font-style: normal;
    font-weight: bold !important;
    border-radius: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    border: none;
	position: relative;
    min-width: 190px;
}


.button-tertiary-figma
{
	display: inline-block;
	font-size: 20px;
	padding-top: 19px!important;
    padding-bottom: 16px!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
	background: #fff;
    color: #010E16 mportant;
	font-family: Prompt;
    font-style: normal;
    font-weight: bold !important;
    border-radius: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    border: 2px;
	border-color: #2770EC;
    min-width: 190px;
}


.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:#ffc926c7 !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;
    }

 /*.et_pb_button.button-tertiary-outline-figma */

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-tertiary-outline-figma {
	border-top: none;
    border-right: none;
    border-bottom: 4px solid #FDBD40;
    border-left: 0px;
    border-radius: 0px;
    width: auto;
        padding-top: 10px !important;
	color: #fff !important;
	font-weight: 600 !important;
	padding-left: 0 !important;
    padding-right: 0 !important;
}

body div#et-main-area .et_pb_section .et_pb_row .et_pb_column a.et_pb_button.button-tertiary-outline-figma:hover {
	border-top: none;
    border-right: none;
    border-bottom: 4px solid #FDBD40;
    border-left: 0px;
    border-radius: 0px;
    width: auto;
        padding-top: 10px !important;
	background-color: transparent !important;
	color: #fff !important;
	padding-left: 0 !important;
    padding-right: 0 !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: #6F8197 !important;
        color: #fff !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: #3E5066!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: #3E5066 !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.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: #FFC925 !important;
    border: none !important;
    color: #010E16 !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: #010E16 !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: #FFC926 !important;
        border: none !important;
        box-shadow:none !important;
    }
    .et_pb_button.button-tertiary-figma.disable , .et_pb_button.button-tertiary-figma.disable:hover{
            background: #ffc926c7 !important;
    color: #010E16 !important;
        border: 2px solid transparent !important;
        box-shadow:none !important; 
    }


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

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


.hero-section {
	    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hero-section .top-hero-text {
	color: #F7D569;
    font-size: 150% !important;
    font-weight: 500;
	margin-bottom: 25px;
	
}


.before-column1,
.before-column2,
.before-column3 {
	padding-left: 80px;
	position:relative;
}

.before-column1:before {
	content: '';
    display: block;
    position: absolute;
    width: 70px;
    height: 70px;
    background-image: url('https://jts.digitalnavigator.net/wp-content/uploads/2025/01/9027115_rocket_launch_thin_icon-1.png');
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
    top: 0;
    left: 0;
}

.before-column2:before {
	content: '';
    display: block;
    position: absolute;
    width: 70px;
    height: 70px;
    background-image: url('https://jts.digitalnavigator.net/wp-content/uploads/2025/01/4230293_business_growth_start-up_startup_icon-1.png');
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
    top: 0;
    left: 0;
}

.before-column3:before {
	content: '';
    display: block;
    position: absolute;
    width: 70px;
    height: 70px;
    background-image: url('https://jts.digitalnavigator.net/wp-content/uploads/2025/01/4579065_idea_lamp_marketing_outline_icon-1.png');
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
    top: 0;
    left: 0;
}


.top-title {
	color: #FFC926;
    letter-spacing: 10px;
	margin-bottom: 10px;
}

.testimonial-text:before {
	content: '';
    display: block;
    position: absolute;
    width: 80px;
    height: 80px;
    background-image: url('https://jts.digitalnavigator.net/wp-content/uploads/2025/01/Union.png');
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
    top: 50px;
    left: -130px;
}

.testimonial-text:after {
	content: '';
    display: block;
    position: absolute;
    width: 80px;
    height: 80px;
    background-image: url('https://jts.digitalnavigator.net/wp-content/uploads/2025/01/Union-1.png');
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
    top: 50px;
    right: -130px;
}

body #menu-navigation-menu .menu-item-has-children>a:first-child {
	padding-right: 30px;
}

body #menu-navigation-menu .menu-item-has-children>a:first-child:after {
	font-size: 28px;
	font-weight: 500;
}

body #menu-navigation-menu {
	gap: 20px;
	align-items: center;
}

body #menu-navigation-menu .menu-item-28431 a{
	display: inline-block;
    font-size: 20px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    background: #FFC926;
    color: #010E16 !important;
    font-family: Prompt !important;
    font-style: normal;
    font-weight: bold !important;
    border-radius: 4px !important;
    line-height: 1.3 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    border: none !important;
    height: auto;
    min-width: 190px;
}

/* Contact us Gravity Form */

body #gform_submit_button_7 {
	display: inline-block;
	font-size: 20px!important;
	padding-top: 19px!important;
    padding-bottom: 16px!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
	background: #FFC926;
    color: #010E16 !important;
	font-family: Prompt!important;
    font-style: normal;
    font-weight: bold !important;
    border-radius: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    border: none!important;
	height: auto;
	width: 100% !important;
    min-width: 190px;
	margin-top: 20px;
	white-space: pre-wrap;
}
#gform_wrapper_7 .gform_required_legend {
	display: none !important;
}


#gform_wrapper_7 .ginput_container_consent {
	display: inline-flex;
    flex-direction: row;
    gap: 10px;
}

#gform_wrapper_7 .ginput_container_consent #input_7_6_1 {
	width: 24px;
    height: 24px;
}

#gform_wrapper_7 .ginput_container_consent .gfield_consent_label {
	font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

#gform_wrapper_7 input[type=text],
#gform_wrapper_7 input[type=email],
#gform_wrapper_7 input[type=tel],
#gform_wrapper_7 .gfield textarea{
	border-radius: 12px;
    padding: 12px 8px 12px 16px;
    background-color: #f1f1f1;
    color: #999999;
    font-family: 'Prompt';
    font-size: 18px;
	border: none;
}

/* GForm end */

@media only screen and (max-width: 1366px) {
	.home-about .et_pb_column_3 {
		padding-right: 0;
	}
	
	body #main-content .home-about {
		background-image: none !important;
	}
}

@media only screen and (max-width: 980px) {
	.testimonial-text:before {
    content: '';
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    background-image: url(https://jts.digitalnavigator.net/wp-content/uploads/2025/01/Union.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    left: -75px;
}
	.testimonial-text:after {
    content: '';
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    background-image: url(https://jts.digitalnavigator.net/wp-content/uploads/2025/01/Union-1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    bottom: 0;
		top: unset;
    right: -75px;
}
	body #gform_submit_button_7 {
		font-size: 105% !important;
	}
	
	.before-column1, .before-column2, .before-column3 {
		padding-left: 0px;
	}
}

/* Interview ajax search */
#interview-container {
    margin: 20px auto;
    max-width: 100%;
}

.interview-search-order-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.interview-filter-box {
	position: absolute;
    float: right;
    right: 1%;
}

#interview-search {
    width: 100%;
    padding: 15px 10px 15px 40px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 14px;
}

.interview-filter-box label {
	font-size: 14px;
}

#interview-order {
       width: auto;
    padding: 2px;
    border: 1px solid #F4F4F4;
    border-radius: 0;
    font-size: 14px;
    background-color: #F4F4F4;

}

.interview-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.interview-grid-item {
    background-color: #F3F3F3;
    border-radius: 16px;
    padding: 24px 24px 30px 24px;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

body .interview-image img {
	width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 10px;
	min-height: unset;
}

.interview-grid-item h5 {
    margin: 10px 0;
    color: #070707;
}

.interview-grid-item p {
    color: #010E16;
    font-size: 85% !important;
    line-height: 1.3;
    padding-left: 20px;
    padding-right: 20px;
}

.interview-search-wrapper {
    position: relative;
	width: 100%;
}

.search-icon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 20px;
}

@media only screen and (max-width: 980px) {
	.interview-grid {
    grid-template-columns: repeat(2, 1fr);
}
}


@media only screen and (max-width: 550px) {
	body .interview-search-order-container {
		flex-direction: column;
		margin-bottom: 30px;
		gap: 30px;
	}
	
	body .interview-filter-box {
		position:relative;
	}
}

@media only screen and (max-width: 480px) {
	.interview-grid {
    grid-template-columns: repeat(1, 1fr);
}
}

/* Member Profiles */
/* Member Profile ajax search */
#member-profile-container {
    margin: 20px auto;
    max-width: 100%;
}

.member-profile-search-order-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.member-profile-filter-box {
    position: absolute;
    float: right;
    right: 1%;
}

#member-profile-search {
    width: 100%;
    padding: 15px 10px 15px 40px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 14px;
}

.member-profile-filter-box label {
    font-size: 14px;
}

#member-profile-order {
    width: auto;
    padding: 2px;
    border: 1px solid #F4F4F4;
    border-radius: 0;
    font-size: 14px;
    background-color: #F4F4F4;
}

body .member-profile-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

body .member-profile-grid-item {
    background-color: #F3F3F3;
    border-radius: 16px;
    padding: 24px 24px 30px 24px;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

body .member-profile-image img {
    width: 100%;
	height: 100%;
    max-width: 100%;
    border-radius: 8px;
    margin-bottom: 10px;
	min-width: 300px;
	max-width: unset;
}

.member-profile-grid-item h5 {
    margin: 10px 0;
    color: #070707;
}

.member-profile-grid-item p {
    color: #010E16;
    font-size: 85% !important;
    line-height: 1.3;
    padding-left: 20px;
    padding-right: 20px;
}

.member-profile-search-wrapper {
    position: relative;
    width: 100%;
}

.search-icon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 20px;
}

@media only screen and (max-width: 1850px) {
    .member-profile-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}


@media only screen and (max-width: 1233px) {
    body #member-profile-grid.member-profile-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media only screen and (max-width: 900px) {
	body .member-profile-grid {
        grid-template-columns: repeat(2, 1fr);
    }
	
	.member-profile-grid-item {
		max-width: 400px;
		margin: 0 auto;
	}
	
    body .member-profile-search-order-container {
        flex-direction: column;
        margin-bottom: 30px;
        gap: 30px;
    }

    body .member-profile-filter-box {
        position:relative;
    }
	
	
body .member-profile-image img {
    min-width: unset;
}
}

@media only screen and (max-width: 810px) {
    body #member-profile-grid.member-profile-grid {
        grid-template-columns: repeat(1, 1fr);
    }
	
	
body .member-profile-image img {
    min-width: unset;
}
	
	#member-profile-grid .member-profile-image img {
		min-width: unset;
	}
}

@media only screen and (max-width: 375px) {	
	.member-profile-grid-item {
		max-width: 250px;
		margin: 0 auto;
	}
	
	.member-profile-image img {
		width: 100%;
		height: 100%;
		max-width: 220px;
		min-width: unset;
	}
}

/* Single Member profiles */ 
.smember-img-container .et_pb_image_0_tb_body img {
	object-fit: cover;
    object-position: top;
    max-height: 600px;
}

.sinterview-img-container .et_pb_image_0_tb_body img {
	object-fit: cover;
    object-position: center;
    max-height: 600px;
}

.job-entry {
    margin-bottom: 20px;
}

.job-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; 
    margin-bottom: 10px;
}

.job-header-left {
    display: flex;
    align-items: flex-start;
}

.company-logo {
    max-height: 50px;
    margin-right: 15px;
	border-radius: 100px;
	max-width: 50px;
}

.company-details {
    display: flex;
    flex-direction: column;
}

.company-name {
    font-weight: bold;
    margin-bottom: 5px;
}

.job-position-meta {
    display: flex;
    align-items: center;
    gap: 60px; 
}

.job-position {
    font-weight: 400;
}

.job-meta {
    display: flex;
    gap: 60px; 
	align-items: center;
}

.job-header-right {
    display: flex;
    align-items: center;
    gap: 25px; 
}

.start-date {
    font-size: 19px;
    color: #070707;
}

.toggle-description {
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 14px;
    color: #070707;
    padding: 0px 8px 0px 8px;
    background-color: #E0E0E0;
    border-radius: 100px;
}

.toggle-description .chevron {
    font-size: 14px;
    color: #333;
    line-height: 1;
    transform: none; 
}

.job-description {
    margin-top: 10px;
    padding: 10px;
    background: none;
    border: none;
    margin-left: 55px;
}

.description-header {
    display: block;
    margin-bottom: 5px;
    font-size: 19px;
}

.employment-tenure {
	display: list-item;
	color: #070707;
}

.employment-type {
	    background-color: #F0F0F0;
    padding: 5px 8px 5px 8px;
    border-radius: 100px;
	color: #070707;
}

.member-product-services {
    background-color: #F0F0F0;
    padding: 5px 15px;
    border-radius: 5px;
    color: #070707;
    margin-right: 20px;
    font-size: 18px;
    display: inline-block;
}

.custom-repeater-item {
	 display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    margin-right: 15px;
    background-color: #F0F0F0;
    padding: 20px;
    border-radius: 8px;
}

.language-level .level {
	margin-top: -3px;
}

/* Slider container */
.interviews-slider, .member-photo-slider {
  position: relative;
  overflow: visible;
}

.interviews-slider .interviews-slider-container, .member-photo-slider .member-photo-slider-container {
  display: flex;
  transition: transform 0.3s ease;
  gap: 5px;
}

.interviews-slider .interviews-slider-item{
  flex: 0 0 33.33%; 
  padding: 10px;
  box-sizing: border-box;
}

.member-photo-slider .member-photo-slider-item {
	flex: 0 0 25%; 
  padding: 10px;
  box-sizing: border-box;
}

.interviews-slider .interviews-slider-item a {
  display: block;
  text-decoration: none;
}

.interviews-slider .interviews-slider-item img , .member-photo-slider .member-photo-slider-item img{
  width: 100%;
    height: 100%;
    display: block;
    border-radius: 4px;
    object-fit: cover;
}

.interviews-slider .interview-grid-tag {
 display: inline-block;
    background-color: #F0F0F0;
    padding: 3px 7px;
    border-radius: 5px;
    color: #070707;
    margin-right: 0;
    font-size: 14px;
    margin-top: 20px;
}

.interviews-slider .post-date {
  display: inline-block;
    font-size: 14px;
    color: #070707;
    margin-top: 5px;
    margin-left: 20px;
}

.interviews-slider .interviews-slider-item p {
  font-size: 14px;
  color: #333;
  margin-top: 10px;
}

/* Slider controls */
.interviews-slider .interviews-slider-controls, .member-photo-slider .member-photo-slider-controls {
  position: absolute;
    top: -40px;
    right: 5px;
    transform: translateY(-50%);
    z-index: 9999;
}

.interviews-slider .interviews-slider-prev,
.interviews-slider .interviews-slider-next,
.member-photo-slider .member-photo-slider-prev,
.member-photo-slider .member-photo-slider-next{
      font-size: 20px;
    color: #fff;
    cursor: pointer;
    display: inline;
    margin: 10px 10px;
    background-color: #4E4D5F;
    padding: 0px 10px 0px 10px;
    border-radius: 100px;
    text-align: center;
}

.interviews-slider .interviews-slider-prev {
  margin-bottom: 20px;
}

.interviews-slider .interviews-slider-prev:hover,
.interviews-slider .interviews-slider-next:hover {
  color: #000;
}

.language-level span {
	font-size: 18px;
}

@media only screen and (max-width: 980px) {
	.job-header-right {
    display: flex;
    align-items: flex-end;
    gap: 25px;
    width: 100%;
    justify-content: flex-end;
    margin-bottom: 15px;
}
	
	.job-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
    flex-direction: column-reverse;
}
	
	.job-position-meta {
    display: flex;
    align-items: flex-start;
    gap: 0;
    flex-direction: column;
}
	.member-product-services {
		margin-bottom: 20px;
	}
	
	.interviews-slider .interviews-slider-item{
  flex: 0 0 50%; 
  padding: 10px;
  box-sizing: border-box;
}

.member-photo-slider .member-photo-slider-item {
	flex: 0 0 50%; 
  padding: 10px;
  box-sizing: border-box;
}
	
	
}

@media only screen and (max-width: 480px) {
	.interviews-slider .interviews-slider-item{
  flex: 0 0 100%; 
  padding: 20px;
  box-sizing: border-box;
}

.member-photo-slider .member-photo-slider-item {
	flex: 0 0 100%; 
  padding: 20px;
  box-sizing: border-box;
}
}

.single-interview h4 {
	margin: 20px 0;
}

.comname{
	color:#FFC926;
}

ul.general-list-style {
	display: flex;
	flex-direction: column;
}

ul.general-list-style li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}

ul.general-list-style li::before {
	margin-right: 20px;
	content: url(/wp-content/uploads/2025/02/check_mark_icon.svg) !important;
}

ul.general-list-style li p {
	text-align: left;
	margin: 0;
}

.how-it-works-blurb{
	min-height: 477px;
}
		
@media (min-width: 981px) and (max-width: 1347px) {
	.how-it-works-blurb{
		min-height: 615px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 900px) {
	.how-it-works-blurb{
		min-height: 378px !important;
	}
}

@media only screen and (min-width: 280px) and (max-width: 480px) {
	.how-it-works-blurb{
		min-height:	initial;
	}
}

.social-media-icons {
    display: flex;
    gap: 15px;
}
.social-media-icons a {
    color: inherit;
    font-size: 1.5em;
}

.square-x-icon {
	width: 24.4px;
}

.interview-video iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.interviews-overlay  {
  position: relative;
  cursor: pointer;
}

.interviews-overlay:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background-image: url('/wp-content/uploads/2025/05/interviews-widget-play.png');
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.8;
  transition: opacity 0.3s ease;
}

.interviews-overlay:hover:before {
  opacity: 1;
}

.wp-video {
    width: 100% !important;
}