

.hero-subheading {
    color: #FFF;
    font-family: "Instrument Serif";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 21.6px */
    letter-spacing: 3px;
    text-transform: uppercase;
}

.masthead-static h1 { 
    color: #FFF;
    /* H1 Heading Style */
    font-family: "Instrument Serif" !important;
    font-size: 30px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 120px */

}
.highlighted-text {
    background: linear-gradient(76deg,#ff354b 0%,#ff354b 25%,#f86927 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fx-section p {
    color: #4D4D4D;
    font-family: "Manrope";
    font-size: 15px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
}

.stat-container .stat-value {
    
    color: #FFF;
    text-align: center;
    font-family: "Instrument Serif";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 78px */
}
.logo-section h2 ,
.logo-section .et_pb_text_inner h2{
    color: #100F0F;
    text-align: center;
    /* Lg - H2 Heading Style */
    font-family: "Instrument Serif" !important;
    font-size: 28px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 96px */
}
.fx-section h2 ,
.fx-section .et_pb_text_inner h2 {
    color: #100F0F;
    /* H2 Heading Style */
    font-family: "Instrument Serif" !important;
    font-size: 28px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 78px */
    margin: 0 !important;
}

.subheading {
    /* Sub-Heading Style */
    font-family: "Instrument Serif";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
    letter-spacing: 4px;
    text-transform: uppercase;
    background: linear-gradient(74deg, #E4051D 0%, #E4051D 17.86%, #CB4304 71.43%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.half-tex-half-mdeia .et_pb_video_0 {
    margin: 0 !important;
}
.half-text-half-media {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.masthead-static p ,
.case-study p {
    color: #fff;
}

.half-text-half-media .et_pb_video_play:before {
    content: "" !important;
    display: inline-block;
    width: 26px;
    height: 30px;
    background: url('data:image/svg+xml;utf8,<svg width="26" height="30" viewBox="0 0 26 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.5 14.7224L-1.38663e-06 29.4448L-9.95557e-08 -2.11418e-05L25.5 14.7224Z" fill="url(%23paint0_linear_19060_3194)"/><defs><linearGradient id="paint0_linear_19060_3194" x1="0.499999" y1="29.2224" x2="22.4118" y2="29.3695" gradientUnits="userSpaceOnUse"><stop stop-color="%23E4051D"/><stop offset="0.25" stop-color="%23E4051D"/><stop offset="1" stop-color="%23CB4304"/></linearGradient></defs></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    font-family: none !important;
}
.half-text-half-media .et_pb_video_0 .et_pb_video_overlay .et_pb_video_play  {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 115px !important;
    height: 80px !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
    margin: 0 !important;
    background: #fff !important;

}
.card-text {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 32px;
}
.card-text .et_pb_text {
    flex: 1 1 calc(50% - 32px);
    width: calc(50% - 32px);
    display: flex;
    padding: 24px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    grid-row: span 1;
    grid-column: span 1;
    justify-self: stretch;
    border: 1px solid #F2EFEB;
    background: #FDFDFC;
    margin: 0 !important;
}
.card-text .et_pb_text .subheading{ 
    text-transform: initial;
}
.card-text-content .et_pb_text_7 ,
.card-text-content .et_pb_button_module_wrapper {
    max-width: 576px;
   margin-left: auto !important;
   margin-right: auto !important;
   margin-bottom: 30px !important;
}
.card-text-content .et_pb_image.et_pb_image_7::before{
    content: "" !important;
    position: absolute;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -70px;
    bottom: -70px;
    background: #F9F8F6 !important;
}
.wysiwyg {
    max-width: 1184px;
    margin: 0 auto;
    text-align: center !important;
}
.text-columns .subheading {
    text-transform: initial;
    margin-bottom: 15px;
}
.case-study .et_pb_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
@media (min-width: 768px) {
    .hero-subheading {
        font-size: 18px;
    }
    .masthead-static h1 { 
        font-size: 45px !important;
    }
    .stat-container .stat-value {
        font-size: 36px;
    }
    .logo-section h2 ,
    .logo-section .et_pb_text_inner h2{
        font-size: 36px !important;
    }
    .fx-section h2 ,
    .fx-section .et_pb_text_inner h2 {
        font-size: 36px !important;
    }
    .subheading { 
        font-size: 18px;
    }
    .card-text .et_pb_text {
        gap: 16px;
        padding: 20px 40px;
    }
}
@media (min-width: 1200px) {
    .half-text-half-media {
        flex-direction: row;
    }
    .half-content-half-cards  {
        display: flex;
        gap: 16px;
    }
    .half-content-half-cards .et_pb_column_1_2 {
        flex: 1 1 calc(50% - 16px) !important;
        width: calc(50% - 16px) !important;
        margin: 0 !important;
    }
    .text-columns .et_pb_column_1_4 {
        margin-right: 0 !important;
        padding : 25px 35px ;
        width: 25% !important;
        border-right: 1px solid #F2EFEB;
    }
    .text-columns {
        display: flex;
        flex-wrap: wrap;
    }
    .text-columns .et_pb_column_1_4:first-child{
        padding-left: 0;
    }
    .text-columns .et_pb_column_1_4:last-child{
        padding-right: 0;
        border-right: none;
    }
    
}
@media (min-width: 1366px) {
    .hero-subheading {
        font-size: 20px;
    }
    .masthead-static h1 { 
        font-size: 55px !important;
    }
    .fx-section p {
        font-size: 16px !important;
    }
    .stat-container .stat-value {
        font-size: 40px;
    }
    .logo-section h2 ,
    .logo-section .et_pb_text_inner h2 {
        font-size: 40px !important;
    }
    .fx-section h2 ,
    .fx-section .et_pb_text_inner h2 {
        font-size: 40px !important;
    }
    .subheading { 
        font-size: 20px;
    }
    .text-columns .et_pb_column_1_4 {
        padding : 35px 45px ;
    }
}

@media (min-width: 1920px) {
    .hero-subheading {
        font-size: 18px;
    }
    .masthead-static h1 { 
        font-size: 100px !important;
    }
    .fx-section p {
        font-size: 18px !important;
    }
    .stat-container .stat-value {
        font-size: 65px;
    }
    .logo-section h2  ,
    .logo-section .et_pb_text_inner h2 {
        font-size: 80px !important;
    }
    .fx-section h2 ,
    .fx-section .et_pb_text_inner h2 {
        font-size: 65px !important;
    }
    .subheading { 
        font-size: 24px;
    }
    .card-text .et_pb_text {
        gap: 15px;
        padding: 35px 75px;
    }
    .card-text-content .et_pb_image.et_pb_image_7 {
        height: 531px;
        align-self: stretch;
        aspect-ratio: 411 / 248;
        width: 100%;
    }
}

.case-study-metrics {
    width: 100%;
    max-width: 728px;
}
.case-study-metrics__nav {
    margin-bottom: 32px;
}
.case-study-metrics__breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}
.case-study-metrics__breadcrumb-item {
    display: flex;
    align-items: center;
    gap: 32px;
    font-family: 'Instrument Serif', Georgia, serif;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #ff354b;
    margin: 0 !important;
}

.case-study {
    padding-bottom:36px !important;
    padding-top:36px !important;
}
.fx-section {
    padding-bottom: 36px !important;
    padding-top: 36px !important;
}
@supports (background-clip: text) or (-webkit-background-clip: text) {
    .case-study-metrics__breadcrumb-item {
        background-image: linear-gradient(
            19.41deg,
            #ff354b 0%,
            #ff354b 25%,
            #f86927 100%
        );
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}
.case-study-metrics__breadcrumb-item:not(:first-child) {
   padding-left: 32px;
}
.case-study-metrics__breadcrumb-item:not(:last-child)::after {
    content: '';
    display: block;
    width: 15px;
    height: 11px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.5H12.5M12.5 5.5L8.5 1.5M12.5 5.5L8.5 9.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.case-study-metrics__rows {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.case-study-metrics__row {
    border: 1px solid #514b43;
    background-color: rgba(253, 253, 252, 0.05);
}
.case-study-metrics__row-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    min-height: 85px;
    padding: 15px 24px;
}
.case-study-metrics__label {
    margin: 0;
    width: 100%;
    font-family: 'Instrument Serif', Georgia, serif;
    font-size: 19px ;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
    color: #ffffff;
}

.case-study-metrics__text {
    margin: 0;
    width: 100%;
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #ededed;
}
.case-study::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(16, 15, 15, 0.90) 0%, rgba(16, 15, 15, 0.90) 100%);

}
.fx-card h3 {
    color: #100F0F;
    text-align: center;
    /* H3 Heading Style */
    font-family: "Instrument Serif" !important;
    font-size: 25px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 64.8px */
    }
.fx-card {
    display: flex;
    padding: 75px 100px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;    
    border: 1px solid #F2EFEB;
    background: #FDFDFC;
    z-index: 9;
}
.pattern-tabs .subheading {
    text-transform: initial;
}
.fx-section .half-content-half-cards {
    padding-top: 0 !important;
}
@media (min-width: 768px) {
    .case-study-metrics__row-inner {
        flex-direction: row;
        align-items: center;
        gap: 0;
        padding: 15px 35px;
    }
    .case-study-metrics__label {
        font-size: 24px ;
        flex: 0 0 200px;
        width: 200px;
        padding-right: 35px;
        position: relative;
    }
    .case-study-metrics__label::after {
        content: '';
        align-self: stretch;
        width: 1px;
        min-height: 85px;
        background-color: #514b43;
        flex-shrink: 0;
        display: block;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
    }
    .case-study-metrics__text {
        flex: 1 1 auto;
        min-width: 0;
        padding-left: 35px;
    }
    .case-study {
        padding-bottom:76px !important;
        padding-top:76px !important;
    }
    .fx-card h3 {
        font-size: 32px !important;
    }
    .pattern-tabs .et_pb_column:not(:first-child) {
        transform: translateY(70px) ;
    }
    .pattern-tabs .et_pb_column:not(:first-child) .subheading{
        background: none;
    
        -webkit-text-fill-color: #100F0F;

    }
    .fx-section {
        padding-bottom: 76px !important;
        padding-top: 36px !important;
    }
    .fx-section .half-content-half-cards {
        padding-top: 0 !important;
    }
}
@media (min-width: 1200px) {
    .case-study-metrics__label {
        font-size: 28px ;
    }
}

@media (min-width: 1366px) {
    .case-study {
        padding-bottom:152px !important;
        padding-top:152px !important;
    }
    .fx-card h3 {
        font-size: 36px !important;
    }
    .fx-section {
        padding-bottom: 152px !important;
        padding-top: 152px !important;
    }
    .fx-section .half-content-half-cards {
        padding-top: 0 !important;
    }
}
@media (min-width: 1800px) {
    .case-study-metrics__label {
        font-size: 34px ;
    }
    .case-study {
        padding-bottom:200px !important;
        padding-top:200px !important;
    }
    .fx-card h3 {
        font-size: 54px !important;
    }
    .fx-card {
        padding: 75px 100px !important;
    }
    .fx-section {
        padding-bottom: 200px !important;
        padding-top: 200px !important;
    }
    .fx-section .half-content-half-cards {
        padding-top: 0 !important;
    }
}

.et_pb_section.et_pb_section_8.fx-section {
	--text-paragraph-inverse: #ededed;
	--text-heading-inverse: #ffffff;
	--brand-primary: #ff354b;
	--brand-secondary: #f86927;
	--overlay: rgba(16, 15, 15, 0.9);
	--quote-mark: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22136%22%20height%3D%22105.023%22%20viewBox%3D%220%200%20136%20105.023%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M133%20102.023V48.7031H87.4668C89.399%2027.3801%20107.376%2010.6172%20129.191%2010.6172H133V3H129.191V0H136V13.6172H129.191C110.073%2013.6172%2094.1246%2027.4933%2090.8945%2045.7031H136V105.023H76.6797V52.5117C76.6797%2051.1542%2076.7306%2049.8081%2076.833%2048.4736C78.9045%2021.3959%20101.593%200%20129.191%200V3C103.174%203%2081.7768%2023.1754%2079.8242%2048.7031C79.7277%2049.96%2079.6797%2051.2295%2079.6797%2052.5117V102.023H133Z%22%20fill%3D%22url%28%23q0%29%22%2F%3E%3Cpath%20d%3D%22M56.3203%20102.023V48.7031H10.7871C12.7193%2027.3801%2030.6961%2010.6172%2052.5117%2010.6172H56.3203V3H52.5117V0H59.3203V13.6172H52.5117C33.3931%2013.6172%2017.4449%2027.4933%2014.2148%2045.7031H59.3203V105.023H0V52.5117C0%2051.1542%200.0508787%2049.8081%200.15332%2048.4736C2.22477%2021.3959%2024.9128%200%2052.5117%200V3C26.4939%203%205.09707%2023.1754%203.14453%2048.7031C3.04805%2049.96%203%2051.2295%203%2052.5117V102.023H56.3203Z%22%20fill%3D%22url%28%23q1%29%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22q0%22%20x1%3D%220%22%20y1%3D%22105.023%22%20x2%3D%22153.873%22%20y2%3D%2255.2089%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF354B%22%2F%3E%3Cstop%20offset%3D%220.25%22%20stop-color%3D%22%23FF354B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F86927%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22q1%22%20x1%3D%220%22%20y1%3D%22105.023%22%20x2%3D%22153.873%22%20y2%3D%2255.2089%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF354B%22%2F%3E%3Cstop%20offset%3D%220.25%22%20stop-color%3D%22%23FF354B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F86927%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
	position: relative;
	padding: 64px 20px !important;
	overflow: visible !important;
	background-size: cover;
	background-position: center;
}

.et_pb_section_8::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--overlay);
	pointer-events: none;
	z-index: 0;
}

.et_pb_section_8 > .et_pb_row,
.et_pb_section_8 .et_pb_row_13 {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1184px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 !important;
	overflow: visible !important;
}

.et_pb_section_8 .et_pb_column,
.et_pb_section_8 .et_pb_text,
.et_pb_section_8 .et_pb_text_inner {
	width: 100%;
	max-width: 100%;
	overflow: visible !important;
}

.et_pb_section_8 .testimonial {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.et_pb_section_8 .testimonial-content {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0 0 32px;
	padding: 48px 0 36px;
}

.et_pb_section_8 .testimonial-content::before,
.et_pb_section_8 .testimonial-content::after {
	content: "";
	position: absolute;
	background-image: var(--quote-mark);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	pointer-events: none;
}

.et_pb_section_8 .testimonial-content::before {
	width: 56px;
	height: 43px;
	top: 0;
	left: 0;
}

.et_pb_section_8 .testimonial-content::after {
	width: 40px;
	height: 31px;
	right: 0;
	bottom: 0;
	transform: rotate(180deg);
}

.et_pb_section_8 .testimonial-content p,
.et_pb_section_8.fx-section .testimonial-content p {
	margin: 0;
	padding: 0;
	max-width: 100%;
	font-family: Manrope, sans-serif;
	font-weight: 400;
	font-size: 18px !important;
	line-height: 1.5;
	letter-spacing: 0;
	color: var(--text-paragraph-inverse) !important;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.et_pb_section_8 .position,
.et_pb_section_8 .company {
	width: 100%;
	max-width: 100%;
	margin: 0;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.et_pb_section_8 .position {
	font-family: "Instrument Serif", serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.2;
	font-style: normal;
	background-image: linear-gradient(2.47deg, var(--brand-primary) 0%, var(--brand-primary) 13.986%, var(--brand-secondary) 55.945%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

.et_pb_section_8 .company {
	font-family: "Instrument Serif", serif;
	font-weight: 400;
	font-size: 32px;
	line-height: 1.2;
	color: var(--text-heading-inverse);
}

.subhead {
    font-size : 28px !important;
}
.fx-text-cta-section .et_pb_column  {
    margin: 0 !important;
}
@media (min-width: 768px) {
	.et_pb_section.et_pb_section_8.fx-section {
		padding: 100px 40px !important;
	}

	.et_pb_section_8 .testimonial-content {
		gap: 30px;
		margin-bottom: 44px;
		padding: 64px 8px 48px;
	}

	.et_pb_section_8 .testimonial-content::before {
		width: 88px;
		height: 68px;
	}

	.et_pb_section_8 .testimonial-content::after {
		width: 56px;
		height: 43px;
	}

	.et_pb_section_8 .testimonial-content p,
	.et_pb_section_8.fx-section .testimonial-content p {
		font-size: 20px !important;
	}

	.et_pb_section_8 .position {
		font-size: 22px;
	}

	.et_pb_section_8 .company {
		font-size: 38px;
	}
    .subhead {
        font-size : 36px !important;
    }
}

@media (min-width: 1200px) {
	.et_pb_section.et_pb_section_8.fx-section {
		padding: 160px 48px !important;
	}

	.et_pb_section_8 .testimonial-content {
		margin-bottom: 52px;
		padding: 8px 96px 48px 136px;
	}

	.et_pb_section_8 .testimonial-content::before {
		width: 112px;
		height: 86px;
		top: 0;
		left: 0;
	}

	.et_pb_section_8 .testimonial-content::after {
		width: 72px;
		height: 56px;
		right: 0;
		bottom: 0;
	}

	.et_pb_section_8 .position,
	.et_pb_section_8 .company {
		padding-left: 136px;
		box-sizing: border-box;
	}

	.et_pb_section_8 .testimonial-content p,
	.et_pb_section_8.fx-section .testimonial-content p {
		font-size: 22px !important;
	}

	.et_pb_section_8 .position {
		font-size: 24px;
	}

	.et_pb_section_8 .company {
		font-size: 44px;
	}
}

@media (min-width: 1366px) {
	.et_pb_section.et_pb_section_8.fx-section {
		padding: 180px 64px !important;
	}

	.et_pb_section_8 .testimonial-content {
		padding: 8px 112px 56px 160px;
	}

	.et_pb_section_8 .testimonial-content::before {
		width: 136px;
		height: 105px;
		top: 0;
		left: 0;
	}

	.et_pb_section_8 .testimonial-content::after {
		width: 80px;
		height: 62px;
		right: 0;
		bottom: 0;
	}

	.et_pb_section_8 .position,
	.et_pb_section_8 .company {
		padding-left: 160px;
	}
    .subhead {
        font-size : 40px !important;
    }
}

@media (min-width: 1800px) {
	.et_pb_section.et_pb_section_8.fx-section {
		padding: 220px 180px !important;
	}

	.et_pb_section_8 .testimonial-content {
		padding: 0;
	}

	.et_pb_section_8 .testimonial-content::before {
		width: 136px;
		height: 105px;
		top: -24px;
		left: -160px;
	}

	.et_pb_section_8 .testimonial-content::after {
		width: 80px;
		height: 62px;
		right: -110px;
		bottom: -32px;
	}

	.et_pb_section_8 .position,
	.et_pb_section_8 .company {
		padding-left: 0;
	}
    .subhead {
        font-size : 65px !important;
    }
}

@media (min-width: 1920px) {
	.et_pb_section.et_pb_section_8.fx-section {
		padding: 300px 220px !important;
	}

	.et_pb_section_8 .testimonial-content::before {
		top: -38px;
		left: -183px;
	}

	.et_pb_section_8 .testimonial-content::after {
		right: -127px;
		bottom: -41px;
	}
}