/*
Theme Name: Levo Child
Template: Levo
Author: Levo Health
Description: Levo Health WordPress Theme
Version: 1.994
Updated: 2025-06-09 10:10

*/
/* TABLE OF CONTENTS 

Typography -- 
Font Injection --
Colors --
Font-Sizes --
Margin / Padding / Spacing - Premade Styles --
Containers --
Header Styles --
Footer Styles --
Button Styles --
Responsive Design --

/********** BOX LAYOUT / FIXES *******/
/*************************************/
/***
html {
    background: #090909;
}
body {
	max-width:1920px !important;
  	margin: 0 auto;
}
#site-header.header-one.wpex-full-width, #site-header.header-five.wpex-full-width {
    max-width: 1920px !important;
}
#top-bar-wrap.wpex-full-width {
    max-width: 1920px !important;
}
.ancr-group.ancr-sticky {
    max-width: 1920px !important;
  	margin:0 auto;
}
****/
/******* PAGE UPDATES *******/

#site-logo img, .swap-page-logo img {
  	width: auto !important;
	height: 110px !important;
}
#site-logo {
    padding-top: 0 !important;
    padding-bottom: 5px !important;
}
.page-template-landing-swap #site-header-inner {
    padding-top: 10px !important;
    padding-bottom: 5px !important;
}

.border-radius-bottom-l-r {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.border-top-radius-l {
    border-top-left-radius: 15px;
}
.border-top-radius-r {
    border-top-right-radius: 15px;
}
.border-top-radius-r .vc_custom_1712685132638 {
    border-top-right-radius: 15px;
}
.border-top-radius-l .vc_custom_1712685111199 {
    border-top-left-radius: 15px; 
}
.card-row .vc_row {
    margin-left: 0px;
    margin-right: 0px;
}
.ancr .ancr-close-icon {
    margin-right: 30px;
}
#site-navigation .dropdown-menu>li.menu-item>a>span.link-inner {
    font-size: 16px;
}
.navbar-style-one .dropdown-menu>li.menu-item>a {
    line-height: 45px !important;
}
.form-sec-padding {
    padding-bottom:100px;
}
#menu-item-3690 {
display:none;
}
#menu-item-3691{
display:none;
}
.ancr .ancr-close-btn {
	display:block !important;
}
@media only screen and (max-width: 768px) {
   .form-sec-padding {
    padding-bottom:300px;    
} 
#menu-item-3690 {
display:block;
}
#menu-item-3691{
display:block;
}
}

/*** TYPOGRAPHY / STYLES ***/
/***************************/
/**** social icons ****/

.vcex-social-btns .wpex-social-btn {
    margin-right: 7px;
    margin-bottom: 7px;
    color: #fff;
}
.vcex-social-btns .wpex-social-btn:hover {
    color: #589ac7;
}

/**** CUSTOM FONT INJECTION ****/

@import {
	url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap')
}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Sora", sans-serif;
}

body {
	font-family: "Sora", sans-serif;
}
/*** BOTTOM DISCLAIMER ***/
.disclaimer-bar {
    position:fixed !important;
    z-index:9999 !important;
    bottom:0 !important;
}
/**** COLORS *************************************************************************************************************************************/
/*************************************************************************************************************************************************/

.light {
	color: #fff !important;
}

.dark {
	color: #464547 !important
}

.primary-light {
	color: #589AC7 !important;
}

.primary-dark {
	color: #20325C !important;
}
.var--orange {
	color: #F18756 !important;
}
.var--red {
	color: #DA001C !important;
}

.var--gradient {
	fill: linear-gradient(90deg, #F18756 0%, #C74A40 100%) !important;
}
.var-gradient-kyza-main {
   background: -webkit-linear-gradient(90deg, #F18756 0%, #C74A40 100%) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.var--kyza-gradient {
	background: var(--Kyzatrex-Gradient-Red, linear-gradient(90deg, #F18756 0%, #C74A40 100%));
}

.var--kyza-gradient-blue {
	fill: var(--Kyzatrex-Gradient-Blue, linear-gradient(90deg, #B1DADA 0%, #6697BE 100%));
}
strong
{
	font-weight: 700;
}
/**** based on root font size of 16px for rem units **********************************************************************************************/
/*************************************************************************************************************************************************/

html {
	font-size: 16px !important;
}

h1 {
	font-size: 1.6rem !important;
	line-height: 1.2;
}

h2 {
	font-size: 1.5rem !important;
	line-height: 1.2;
}

h3 {
	font-size: 1.3rem !important;
	line-height: 1.2;
}

h4 {
	font-size: 1.28rem !important;
}

h5 {
	font-size: 1.2rem !important;
}

h6 {
	font-size: 1.15rem !important;
}

p,
ul,
li {
	font-size: 1.1rem !important;
	line-height: 1.55;
}

.body-md p {
	font-size: 1rem !important;
}
.body-md li {
	font-size: 1rem !important;
}

.body-sm p {
	font-size: 0.813rem !important;
}
.body-xsm p {
	font-size: 0.6rem !important;
}
.body-sm li {
	font-size: 0.813rem !important;
}

sup {
	font-size: 0.813rem !important;
}

/****** FONT WEIGHTS GLOBAL *******/

.fw-100 {font-weight:100 !important;}
.fw-200 {font-weight:200 !important;}
.fw-300 {font-weight:300 !important;}
.fw-400 {font-weight:400 !important;}
.fw-500 {font-weight:500 !important;}
.fw-600 {font-weight:600 !important;}
.fw-700 {font-weight:700 !important;}
.fw-800 {font-weight:800 !important;}
.fw-900 {font-weight:900 !important;}

/**** a link styles *****/

a.hover-underline:hover {
	text-decoration: underline;
}
/**** misc typography *****/

.left-text {
	text-align:left !important;
}
.center-txt {
	text-align:center !important;
}

#blue-grad {
background-image: linear-gradient(90deg, #B1DADA 0%, #6697BE 100%)) !important;
}
/**** END ****************************************************************************************************************************************/
/*************************************************************************************************************************************************/

/**** MARGIN | PADDING | PREMADE STYLES **********************************************************************************************************/
/*************************************************************************************************************************************************/

.m-0 {
	margin: 0px !important;
}

.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-25 {
	margin-top: 25px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-60 {
	margin-top: 60px;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mb-15 {
	margin-bottom: 15px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.mb-25 {
	margin-bottom: 25px !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.mb-40 {
	margin-bottom: 40px !important;
}

.mb-50 {
	margin-bottom: 50px !important;
}

.mb-60 {
	margin-bottom: 60px !important;
}

.mr-10 {
	margin-right: 10px;
}

.mr-15 {
	margin-right: 15px;
}

.mr-20 {
	margin-right: 20px;
}

.mr-25 {
	margin-right: 25px;
}

.mr-30 {
	margin-right: 30px;
}

.ml-10 {
	margin-left: 10px;
}

.ml-15 {
	margin-left: 15px;
}

.ml-20 {
	margin-left: 20px;
}

.ml-25 {
	margin-left: 25px;
}

.ml-30 {
	margin-left: 30px;
}

.mx-10 {
	margin-left: 10px;
	margin-right: 10px;
}

.mx-15 {
	margin-left: 15px;
	margin-right: 15px;
}

.mx-20 {
	margin-left: 20px;
	margin-right: 20px;
}

.mx-25 {
	margin-left: 25px;
	margin-right: 25px;
}

.mx-30 {
	margin-left: 30px;
	margin-right: 30px;
}

.my-10 {
	margin-bottom: 10px;
	margin-top: 10px;
}

.my-15 {
	margin-bottom: 15px;
	margin-top: 15px;
}

.my-20 {
	margin-bottom: 20px;
	margin-top: 20px;
}

.my-25 {
	margin-bottom: 25px;
	margin-top: 25px;
}

.my-30 {
	margin-bottom: 30px;
	margin-top: 30px;
}

.my-40 {
	margin-bottom: 40px;
	margin-top: 40px;
}

.my-50 {
	margin-bottom: 50px;
	margin-top: 50px;
}

.my-60 {
	margin-bottom: 60px;
	margin-top: 60px;
}

.pt-10 {
	padding-top: 10px;
}

.pt-15 {
	padding-top: 15px;
}

.pt-20 {
	padding-top: 20px;
}

.pt-25 {
	padding-top: 25px;
}

.pt-30 {
	padding-top: 30px;
}

.pt-40 {
	padding-top: 40px;
}

.pt-50 {
	padding-top: 50px;
}

.pt-60 {
	padding-top: 60px;
}

.pt-10rem {
	padding-top: 10rem;
}

.pb-10 {
	padding-bottom: 10px;
}

.pb-15 {
	padding-bottom: 15px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pb-25 {
	padding-bottom: 25px;
}

.pb-30 {
	padding-bottom: 30px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pb-60 {
	padding-bottom: 60px;
}

.pb-10rem {
	padding-bottom: 10rem;
}

.pr-10 {
	padding-right: 10px;
}

.pr-15 {
	padding-right: 15px;
}

.pr-20 {
	padding-right: 20px;
}

.pr-25 {
	padding-right: 25px;
}

.pr-30 {
	padding-right: 30px;
}

.pl-10 {
	padding-left: 10px;
}

.pl-15 {
	padding-left: 15px;
}

.pl-20 {
	padding-left: 20px;
}

.pl-25 {
	padding-left: 25px;
}

.pl-30 {
	padding-left: 30px;
}

.pl-4rem {
	padding-left: 4rem;
}

.px-10 {
	padding-left: 10px;
	padding-right: 10px;
}

.px-15 {
	padding-left: 15px;
	padding-right: 15px;
}

.px-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.px-25 {
	padding-left: 25px;
	padding-right: 25px;
}

.px-30 {
	padding-left: 30px;
	padding-right: 30px;
}

.py-10 {
	padding-bottom: 10px;
	padding-top: 10px;
}

.py-15 {
	padding-bottom: 15px;
	padding-top: 15px;
}

.py-20 {
	padding-bottom: 20px;
	padding-top: 20px;
}

.py-25 {
	padding-bottom: 25px;
	padding-top: 25px;
}

.py-30 {
	padding-bottom: 30px;
	padding-top: 30px;
}

.py-40 {
	padding-bottom: 40px;
	padding-top: 40px;
}

.py-50 {
	padding-bottom: 50px;
	padding-top: 50px;
}

.py-60 {
	padding-bottom: 60px;
	padding-top: 60px;
}
.py-125 {
	
	padding-top: 125px;
    padding-bottom:125px;
}

.gform_wrapper.gravity-theme fieldset.gfield.hcp-form-consent {
    grid-column: span 12 !important;
}
/**** END ****************************************************************************************************************************************/
/*************************************************************************************************************************************************/

/**** CONTAINERS *********************************************************************************************************************************/
/*************************************************************************************************************************************************/

.main-container {
	padding-left: 60px !important;
	padding-right: 60px !important;
}

.footer-container {
	padding-left: 60px;
	padding-right: 60px;
}

.footer-container:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}


/**** HEADER STYLES ******************************************************************************************************************************/
/*************************************************************************************************************************************************/

.top-bar-link {
	color:#fff !important;
  	padding-right:40px;
}
#site-header.header-one.wpex-full-width,
#site-header.header-five.wpex-full-width {
	padding-left: 4% !important;
	padding-right: 5% !important;
    /*** position:fixed; **/
    width:100%;
   /** margin-top:48px; **/
}
#top-bar-wrap.wpex-full-width {
    padding-left: 30px;
    padding-right: 30px;
   /** position: fixed; **/
    width: 100%;
    z-index: 99;
}

#site-header {
	background-color: rgba(32, 16, 42, 1) !important;
}

#site-header-inner {
	position: relative;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	height: 100%;
}

.header-menu-btn a,
#site-header.overlay-header.white-style.dyn-styles #site-navigation .dropdown-menu>li.header-menu-btn.menu-item>a {
	background: var(--Kyzatrex-Gradient-Red, linear-gradient(90deg, #F18756 0%, #C74A40 100%));
	color: #fff !important;
	border-radius: 5px;
	padding: 0 10px !important;
	margin-left: 10px;
}

.header-menu-btn a:hover,
#site-header.overlay-header.white-style.dyn-styles #site-navigation .dropdown-menu>li.header-menu-btn.menu-item>a:hover {
	color: #20325C;
}

/******* float right top bar -- remove this if wanted *********/

.top-bar-left {
	float: right !important;
	margin-left: auto !important;
	margin-right: 4% !important;
}
#top-bar {
    padding: 5px 0 !important;
}
.top-bar-items {
	text-align: right;
    padding-right: 5%;
    padding-left: 5%;
}

/****** home page header bleed into background image *********/

.home-banner {
	background-image: url(/wp-content/uploads/2024/02/kyzatrex-hero.jpg);
	background-position: center top;
	background-size: cover;
}

/**** END ****************************************************************************************************************************************/
/*************************************************************************************************************************************************/

/**** FOOTER STYLES ******************************************************************************************************************************/
/*************************************************************************************************************************************************/

.site-footer-inner {
	padding-top: 0px;
	padding-bottom: 0px;
}

.vcex-navbar a {
	float: none !important;
}

.vcex-navbar a:hover {
	text-decoration: none !important;
}

.active>.theme-txt-link,
.theme-txt-link.active {
	text-decoration: none !important;
}

a.footer-phn {
	font-size: 1.125rem !important;
	line-height: 1.55;
	color: #fff;
}

.vcex-navbar a.theme-txt-link {
	display: inline-block;
	margin-right: 7px;
}

.vcex-navbar a.theme-txt-link {
	display: inline-block;
	margin-right: 20px !important;
}

.vcex-ib-content.clr {
	padding-left: 10rem !important;
	float: left !important;
	text-align: left !important;
	padding-right: 0px !important;
}

#footer {
    background: linear-gradient(180deg, rgba(18, 18, 126, 0) 50%, rgba(32, 50, 92, 1) 50%) !important;
}
@media screen and (min-width: 1921px){
 	.footer-container.py-20{
      background-size: cover;
  	}
}

/**** END ****************************************************************************************************************************************/
/*************************************************************************************************************************************************/

/**** MISCELLANEOUS STYLES ******************************************************************************************************************************/
/*************************************************************************************************************************************************/

ul.arrow-down-list
{
	margin-bottom: 0px;
  margin-left: 0px;
}
ul.arrow-up-list
{
	margin-left: 0px;
}
ul.arrow-down-list li
{
	margin-bottom: 10px!important;
}
.arrow-up-list ul
{
	margin-left: 0px;
}
.arrow-up-list li
{
    font-size: 16px !important;
    list-style: none;
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}
.arrow-up-list li:before
{
	content: '';
    width: 16px;
    height: 16px;
    background: url(/wp-content/uploads/2024/03/Frame-26821.png);
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0px;
    margin: auto;
}
.arrow-down-list ul
{
	margin-left: 0px;
}
.arrow-down-list li
{
    font-size: 16px !important;
    list-style: none;
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}
.arrow-down-list li:before
{
	content: '';
    width: 16px;
    height: 16px;
    background: url(/wp-content/uploads/2024/03/down-arrow.svg) !important;
    background-size: 100% 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0px;
    margin: auto;
}
.sm-list li
{
	font-size: 16px !important;
}

.gradient-text>.wpb_wrapper>p {
    background: var(--Kyzatrex-Colors-Kyzatrex-Gradient-Red, linear-gradient(90deg, #F18756 0%, #D66048 63.88%, #C74A40 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;	
}
.max-width-1320{
    max-width: 1320px !important;
    margin: 0 auto !important;
}
.max-width-1400{
    max-width: 1400px !important;
    margin: 0 auto !important;
}
.max-width-1620{
    max-width: 1620px !important;
    margin: 0 auto !important;
}
span.orange{
    color: #D66048 !important;
}
.font-20 p{
    font-size: 20px !important;
    line-height: 26px;
}
.font-16 p, .small_font_list ul li
{
    font-size: 16px !important;
    line-height: 20px;
}
.font-14 p{
    font-size: 14px !important;
    line-height: 18px;
}
.p-size-12 p{
    font-size:12px !important;
    line-height:15px !important;
}
.p-size-14 p{
    font-size:14px !important;
    line-height:22px !important;
}
.hero-image{
    z-index: 1;
    position: relative;
}
.hero, .faq-row.row-1.clinical-row{
    background-size: cover;
}
.page-posts .match-height-content {
    display: flex;
    flex-direction: column;
    min-height: 286px !important;
}
.page-posts .vcex-blog-entry-media.entry-media {
    background: #DCEBF7;
    padding: 20px 20px 0px 20px;
}
.page-posts .vcex-blog-entry-readmore-wrap.entry-readmore-wrap.clr {
    align-self: center;
    margin-top: auto;
}
.page-posts a.theme-button.minimal-border {
    color: #20325C;
    leading-trim: both;
    text-edge: cap;
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    border-radius: 2px;
    border: 1px solid #20325C;
}
.page-posts .vcex-blog-entry-date.entry-date {
    font-weight: 100;
}
.small_font_list ul li, .small_font_list ol li
{
	margin-bottom: 12px;
}
.wpb_text_column.testimonial_text p
{
	font-size: 16px!important;
}
/*** why kyza ***/
.vc_row-fluid.why-kyzatrex-content-row:after
{
	content: '';
    display: block;
    width: 650px;
    height: 450px;
    background: url(/wp-content/uploads/2024/03/kyza-bottle-shadow-v3.png);
    position: absolute;
    top: -220px;
    right: 240px;
    background-size: cover;
}
.vc_row-fluid.faq-content-row:after
{
	content: '';
	display: block;
    width: 720px;
    height: 504px;
    background: url(/wp-content/uploads/2024/03/kyza-bottle-shadow-v3.png);
    position: absolute;
    top: -280px;
    right: 0px;
    background-size: cover;
}
.vc_row-fluid.faq-content-row:before, .vc_row-fluid.why-kyzatrex-content-row:before
{
	content: '';
	display: block;
	width: 100%;
    height: 826px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(/wp-content/uploads/2024/03/shape-divider-wh02.png);
	background-size: 100% 100%;
}
@media only screen and (max-width: 1400px) {
.vc_row-fluid.why-kyzatrex-content-row:after
{
	content: '';
    display: none;
}
.vc_row-fluid.faq-content-row:after
{
	content: '';
	display: none;
}
}

/****/

.max-width-1035{
    max-width: 1035px !important;
    margin: 0 auto !important;
}

.font-14px p, .font-14px li{
    font-size: 14px !important;
    font-weight: 400 !important;
}

.font-22px p{
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 28px;
}

.font-20px p, .font-20px li{
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 26px;
}

.font-16px p{
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 25px;
}

.text-center {
    text-align: center;
}
.p-size-12 p{
    font-size:12px !important;
    line-height:15px !important;
}

.Hero-main, .third-section{
    background-size: cover;
}

.bg-cover{
    background-size:cover;
    background-position:center center;
    
}
.min-wid-50{
 min-width: 50%;   
}

.wpb_single_image.wpb_content_element.vc_align_.hero-img{
    position: absolute;
    top: 210px;
    right: 150px;
    max-width: 600px;
}

.hero-col-1 .wpex-clr{
    display: inline-block;
}
.icon-flex {
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: center;
    align-items: center;
}

.icon-flex-left{
     display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: left;
    align-items: center;
}

.key h3 {
    text-align: center;
    color: #20325C;
    font-size: 24px !important;
}
.outcomes.mobile-outcomes h3 {
    font-size: 24px !important;
    color: #20325C !important;
    display: inline-block;
    border-bottom: 2px solid #C74A40;
    padding: 0 10px 10px;
}

.outcomes.mobile-outcomes p {
    font-size: 16px !important;
}
.gradient-element {
    background: linear-gradient(90deg, rgba(226, 113, 78, 0.00) 14.07%, #E2714E 81.58%, #EE8255 100%) !important;
    height: 101px;
    width: 503px;
    text-align: right;
    margin-top: -5px;
    overflow: hidden;
    position: relative;
  }
  
  .fadeInAnimate{
      animation: fadeInLeft 1s linear;
  }

  .gradient-container {
    width: 914px;
    margin: 0 auto;
    opacity: 0; 
    transition: opacity 0.5s; 
  }

  .gradient-element > img {
    margin-right: 10px;
    margin-top: 10px;
  }

  @-webkit-keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

.infographic-wrapper-container {
	max-width: 915px;
	margin: auto;
}

.key {
	width: 55%;
	background-color: #EEF5F9;
	padding: 0.5rem;
}

.key h3 {
	text-align: center;
	color: #20325C;
}

.infographic-wrapper {
	max-width: 915px;
	margin: auto;
	background-color: #fff;
	color: #20325C;
	padding: 1.5rem;
}


.outcomes {
	display: flex;
}

.outcomes>div {
	width: 33.33%;
	text-align: center;
}

.Key-Outcomes-Icon-Box {
    padding: 33px 0px 32px 207px;
}

.Key-Outcomes-Icon-Box .vcex-icon-box-heading{
    
    margin:0px !important;
}

.Key-Outcomes-Icon-Box .vcex-icon-box-content.clr {
    min-height: 63px;
}

/**** BUTTON STYLES ******************************************************************************************************************************/
/*************************************************************************************************************************************************/

.theme-button {
	background: var(--Kyzatrex-Gradient-Red, linear-gradient(90deg, #F18756 0%, #C74A40 100%));
	color: #20325C;
  	border: 1px solid  var(--Kyzatrex-Gradient-Red, linear-gradient(90deg, #F18756 0%, #C74A40 100%));
	font-size: 20px;
	font-weight: 400;
	transition: ease-in-out 0.2s;
}

.theme-button,
input[type="submit"] {
	font-size: 18px;
	font-weight: 400;
	background: var(--Kyzatrex-Gradient-Red, linear-gradient(90deg, #F18756 0%, #C74A40 100%));
}

.theme-button:hover {
	background-color: #20325C;
	color: #fff;
}

.theme-button-alt {
	background-color: #20325C;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	border: 1px solid #20325C;
	transition: ease-in-out 0.2s;
}

.theme-button-alt:hover {
	background-color: transparent;
	;
	color: #20325C !important;
}

.imageposition {
	width: 915px;
	margin: auto;
}

.wh-btn-border {
	color:#fff;
  	background-color:transparent;
    border: 1px solid #fff;
    transition:ease-in-out 0.2s;
}
.wh-btn-border:hover {
	background-color:#fff;
    color:#20325C;
}

.theme-button-border {
	background-color: transparent;
	color: #20325C;
	font-size: 20px;
	font-weight: 400;
	border: 1px solid #20325C;
}

.theme-button-border:hover {
	background-color: #20325C;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	border: 1px solid #20325C;
}

.top-bar-btn {
	background: var(--Kyzatrex-Gradient-Blue, linear-gradient(90deg, #B1DADA 0%, #6697BE 100%));
	font-size: 16px;
	font-weight: 400;
	color: #20325C;
	transition: ease-in-out 0.2s;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 30px;
	padding-right: 30px;
}

.top-bar-btn:hover {
	color: #fff;
}
.center-btns {
    margin: auto 0;
    text-align:center;
}

/**** CUSTOM STYlES ******************************************************************************************************************************/
/*************************************************************************************************************************************************/
.consent-box-padding {
	padding-top:20px;
}
.mobile-bg-lb {
	background-color:transparent;
}
.center-btns {
    margin: auto 0;
    text-align:center;
}
.ginput_container_email {
    margin-bottom:30px;
}
.sticky-section {
    position: sticky !important;
    top: 0 !important;
}
 .display-mobile {
     display:none !important;
 }
 .newsletter .gform_wrapper.gravity-theme .gform_fields {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.transparent_button.border{
    
    border:1px solid #20325C;
    color:#20325C;
}
.transparent_button_left.border{
    
    border:1px solid #20325C;
    color:#20325C;
}
.Hero-inner-wraper1{
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
}
.hero-icon-boxes-wraper {
    /* width: 750px;
    border-radius: 4px;
    background: rgba(40, 40, 40, 0.60);
    padding-left: 30px;
    padding-right: 30px;
    transform: translateY(140px); 
    padding-bottom: 100px;
    position: absolute;
    bottom: -300px;*/
}
.hero-icon-boxes-wraper .hero-boxes-last-item {
     border-right: none;
     padding-right: 0;
     margin-right: 0;
}
.vcex-icon-box-one {
     display: flex;
     align-items: center;
     border-right: 1px solid #fff;
     padding-right: 20px;
     margin-right: 20px;
}
.hero-icon-boxes-wraper .wpb_wrapper {
    display: flex;
    align-items: center;
}
.transparent_button {
    background-color: transparent !important;
    background: transparent;
    color: white;
    border: 1px solid;
    line-height:1;
}
.transparent_button_left {
    background-color: transparent !important;
    background: transparent;
    color: white;
    border: 1px solid;
    line-height:1;
}
.Hero-copy-para {
    max-width: 592px !important;
    margin: 0 !important;
    width: 100% !important;
}

.block-100 {
    display:block !important;
    width:100%;
}
.HCP-LP-HERO {
	/*** background-image: url(/wp-content/uploads/2024/03/kyza-hero-2.0.jpg); ***/
    background-image: url(/wp-content/uploads/2024/04/BBQ-guy-hero-LOW.webp); 
	background-size: cover;
	background-position:right;
}
/********* PAGES BANNER IMAGES ***********/
.d2p-why-hero {
	background-image: url(/wp-content/uploads/2024/04/d2p-why-hero.webp);
	background-size: cover;
	background-position:right;
}
.d2p-info-hero {
	background-image: url(/wp-content/uploads/2024/03/d2p-why-hero.jpg);
	background-size: cover;
	background-position:right;
}
/****** END *****************************/

.hero-intro-heading p{
    
    font-size:1.2rem !important;
}

.HCP-LP-HERO h1{
    font-size: 1.6rem !important;
    font-weight: 400;
    max-width: 750px;
    width: 100%;
    margin: 0;
}
.d2p-why-hero h1{
    font-size: 1.6rem !important;
    font-weight: 400;
    max-width: 750px;
    width: 100%;
    margin: 0;
}

.infographic-wrapper {
	max-width: 915px;
	margin: auto;
	background-color: white;
	color: #20325C;
	padding: 1.5rem;
}
.infographic-wrapper-container {
	max-width: 915px;
	margin: auto;
}

.infographic-key {
	width: 55%;
	background-color: white;
	padding: 0.5rem;
}

.infographic-key h3 {
	text-align: center;
	color: #20325C;
}

/*** HCP page styles ***/
/* swap page header fix */

body#swap-page .header-menu-btn a,
#site-header.overlay-header.white-style.dyn-styles #site-navigation .dropdown-menu>li.header-menu-btn.menu-item>a {
	background: var(--Kyzatrex-Gradient-Red, linear-gradient(90deg, #F18756 0%, #C74A40 100%));
	color: #fff !important;
	border-radius: 5px;
	padding: 12px 30px !important;
	margin-left: 10px;
}

.page-template-landing-swap #site-header-inner {
  padding-right:5%;
  position:relative;
}
.page-template-landing-swap .sidebar-box {
	margin-bottom:0px !important;
}
.swap-header-inner
{
	display: flex;
}
.swap-header-inner .swap-page-menus
{
	 width: 75%;
}
body#swap-page .footer-box ul.menu
{
	justify-content: center;
}
body#swap-page ul.menu
{
	display: flex;
    align-items: center;
    justify-content: flex-end;
}
body#swap-page ul.menu li
{
	margin-left: 20px;
    height: 50px;
    line-height: 50px;
}
body#swap-page ul.menu li a:hover, body#swap-page ul.menu li.header-phn.menu-item a:hover
{
	text-decoration: none;
}
body#swap-page ul.menu li a
{
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    transition:ease-in-out 0.2s;
}
body#swap-page ul.menu li a:hover
{
    color: #d6d6d6;
}
.p-left {
	padding-left:20px;
}
@media only screen and (max-width: 425px)
{
.swap-header-inner .swap-page-logo
  {
  }
  .swap-header-inner
{
	display: block !important;
}
}
@media only screen and (max-width: 768px)
{
  .mobile-hero-section {
  	/*** min-height:800px !important; ***/
  }
  .flex-icon-row {
  	display:block !important;
    width:100% !important;
  }
body.wpex-mobile-toggle-menu-icon_buttons #site-logo {
    height: 100%;
    float: left;
    text-align: left;
}
  .top-bar-container {
  	text-align:center;
    max-width:768px;
  }
.swap-header-inner .swap-page-logo
  {
  }
    .swap-header-inner
{
	display: block !important;
}
.p-left {
  	padding-left:0px;
  }
.font-20 p {
        font-size: 12px !important;
        line-height: 13.2px;
}
}

/**** RESPONSIVE *********************************************************************************************************************************/
/*************************************************************************************************************************************************/
@media (max-width:1500px) {
.navbar-style-one .dropdown-menu>li.menu-item>a>span.link-inner {
    font-size:1rem !important;
}
}

@media (min-width:1201px) {
.third,
.fourth-section,
.fifth-stretch-wraper {
	padding-left: 100px !important;
	padding-right: 100px !important;
}
}

@media (max-width:991px) {
    div#gradientBlock {
    padding: 0px 20px !important;
    }
}


@media only screen and (max-width: 768px) {
   
.hero-intro-heading p{
    
    font-size:0.8rem !important;
}
.mobile-text-center {
 	text-align:center !important; 
  }

.HCP-LP-HERO  h1 {
    font-size: 1.5rem !important;
    font-weight: 400;
    margin-bottom:-10px;
}
.d2p-why-hero h1 { 
    font-size: 1.5rem !important;
    font-weight: 400;
    margin-bottom:-10px;
  }

.Hero-copy-para p{
    
    font-size:0.825rem !important;
}

.HCP-LP-Hero p{
    font-size:0.825rem !important;
}
.transparent_button {
    max-width: 250px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px !important;
    line-height: 1;
    font-size:14px !important;
    margin: 0 auto 20px !important;
}
.transparent_button_left {
    max-width: 250px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px !important;
    line-height: 1;
    font-size:14px !important;
}

.gradient-button{
    
    font-size:14px !important;
    max-width: 250px;
    width: 100%;
    display: flex;
    align-items: center;
  	justify-content:center;
  	text-align:center;
    
    line-height: 1;
    padding: 15px !important;
    line-height: 1;
    margin: 0 auto !important;
}
.gradient-button-bl .theme-button {
    
    font-size:14px !important;
    max-width: 250px;
    width: 100%;
    display: flex;
    align-items: center;
  	justify-content:center;
  	text-align:center;
    background: linear-gradient(90deg, #B1DADA 0%, #6697BE 100%) !important;  
    line-height: 1;
    padding: 15px !important;
    line-height: 1;
    margin: 0 auto !important;
}
.gradient-button-left {
    
    font-size:14px !important;
    max-width: 250px;
    width: 100%;
    display: flex;
    align-items: center;
  	justify-content:center;
  	text-align:center;
    
    line-height: 1;
    padding: 15px !important;
    line-height: 1;
}
  
.HCP-LP-HERO {
	background-image: url(/wp-content/uploads/2024/04/BBQ-guy-hero-mobile-v3.jpg);
	background-position:center top !important;
	background-size: cover;
	background-repeat:no-repeat;
}
.vcex-icon-box-one {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
    width:100%;
}
.hide-mobile {
    display:none !important;
}
.display-mobile {
    display:block !important;
}
  .mobile-m-l-0 {
  	margin-left:0px !important;
  }
  
.border-radius-bottom-l-r {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.border-top-radius-l {
    border-top-left-radius: 0px;
}
.border-top-radius-r {
    border-top-right-radius: 0px;
}
.border-top-radius-r .vc_custom_1712685132638 {
    border-top-right-radius: 0px;
}
.border-top-radius-l .vc_custom_1712685111199 {
    border-top-left-radius: 0px; 
}

}
/**** END ****************************************************************************************************************************************/
/*************************************************************************************************************************************************/

/**** RESPONSIVE *********************************************************************************************************************************/
/*************************************************************************************************************************************************/

@media only screen and (max-width: 768px) {
	h1 {
		font-size: 2.35rem !important;
		line-height: 1.2;
	}

	h2 {
		font-size: 1.5rem !important;
		line-height: 1.2;
	}

	h3 {
		font-size: 1.35rem !important;
		line-height: 1.2;
	}

	h4 {
		font-size: 1.25rem !important;
	}

	h5 {
		font-size: 1.1rem !important;
	}

	h6 {
		font-size: 1rem !important;
	}
    p,
    ul,
    li {
	   font-size: 1rem !important;
	   line-height: 1.2;
}
  
  .vc_row.mobile-hero-section {
      padding-bottom: 50px !important;
  }
    .mobile-heading-sm {
  	   font-size: 1.2rem !important
  }
    .main-container {
  	   padding-left:20px !important;
       padding-right:20px !important;
  }
  .mobile-padding-top-xl {
  	padding-top:250px !important;
  }
  .mobile-py-20 {
  	padding-top:20px !important;
    padding-bottom:20px !important;
  }
  .mobile-pb-20 {
  	padding-bottom:20px !important;
  }
  .mobile-mb-20 {
  	margin-bottom:20px !important;
  }
	.home-banner {
		background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/wp-content/uploads/2024/02/kyzatrex-hero.jpg) !important;
	}

	.site-footer {
		text-align: center;
	}

	.mobile-hide {
		display: none !important;
	}

	.mobile-pt-10 {
		padding-top: 10px;
	}

	.mobile-pb-10 {
		padding-bottom: 10px;
	}
  	.mobile-pb-40 {
		padding-bottom: 40px;
	}
.mobile-py-30 {
		padding-bottom: 30px;
        padding-top: 30px;
	}
    .mobile-plr-15{
        padding-left: 15px;
        padding-right: 15px;
    }
.mobile-mb-20 {
	margin-bottom:20px;  
  }

	.mobile-m-t-b-20 {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.mobile-float-right {
		float: right;
	}

	.mobile-ml-0 {
		margin-left: 0px !important
	}
    .mobile-text-center {
  		text-align:center !important;
  }
  .mobile-m-0 {
  	margin:0px !important;
  }
  .vcex-navbar a.theme-txt-link {
    display: block !important;
  }
  #footer .vc_row-fluid.py-20{
    background-image: url(/wp-content/uploads/2024/03/Frame-166.png) !important;
    background-size: cover;
  }
  #footer .vc_empty_space {
    height: 50px !important;
  }
  body.wpex-responsive .container, body.wpex-responsive .vc_row-fluid.container {
    max-width: 100%;
  }
  #top-bar-content {
    float:none !important;
    margin-left: auto !important;
    margin-right: 0% !important;}
  }
  .mobile-bg-lb {
	background-color:#EBF2F8;
  }
  .ginput_container_email {
    margin-bottom:0px;
  }

}