/*
Theme Name:   Divi Child
Theme URI:    http://rxbenefits.com
Description:  A child theme for Divi
Author:       Chandana Vipparla
Author URI:   http://rxbenefits.com
Template:     Divi
Version:      1.0.0
*/
/*  
Color codes:
Black - #000000
White - #FFFFFF
Green - #9DF000
Light Blue - #9CEEEE
Dark Blue - #131b1f
 */

/* general styles */
body {
	font-family: 'Proxima Nova', sans-serif;
	color: unset;
}

.et_pb_section.transparent-bg {
	background-color: transparent !important;
	color: white !important;
}

h1 {
	color: #9DF000;
	font-weight: bold;
	font-size: 40px;
}

h2 {
	color: #9DF000;
	font-weight: bold;
	font-size: 36px;
}

.et_pb_section.transparent-bg h4 {
	color: white !important;
}

.green-bg {
	background-color: #9DF000;
}

.display-flex-col {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.hero-image{
	max-width:400px;
}
/* header styles*/
/* .et-l.et-l--header {
	position: sticky;
	top: 0;
	z-index: 9999;
} */

.global-header-section {
	background: #131b1f;
}

.global-header-row {
	display: flex;
}

.global-header-row .et_pb_menu__wrap {
	background: #131b1f;
	color: white;
}

.et-menu a {
	color: white !important;
	text-transform: uppercase;
}

.et_pb_column.et_pb_column_3_5.et_pb_column_1_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child.et_pb_column--with-menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#main-header {
	box-shadow: 0 10px 40px rgba(40, 110, 0, 0.8);
}
/*  menu styles starts here */
#main-header .menu-item{
    padding:12px;
}
#main-header .menu-item a{
    padding-bottom:0px !important;
}
#main-header .menu-item.current-menu-item{
    background-color:#9DF000aa;
    padding:12px;
/*     border-radius:16px; */
}
@media(max-width:768px){
    #main-header .menu-item.current-menu-item{
        border-radius:0px;
    }
}
@media (max-width: 980px) {
	.et_mobile_menu {
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.et_mobile_menu li,
	.et_mobile_menu a {
		text-align: left !important;
		justify-content: flex-start !important;
		padding: 4px !important;
		white-space: nowrap;
		font-size: 14px !important;
	}

	.et_mobile_menu {
		/*  display: flex !important;*/
		width: fit-content !important;
		max-width: 400px;
		right: 0px;
		left: unset;
	}
}

/*  menu styles ends here/

/* Landing page code starts here */
.custom-specialty-section .et_pb_row {
	width: 100% !important;
}

.custom-specialty-section .common-row.hero-row {
	padding: 60px 0px 60px 120px !important;
}

.floating-btn {
	display: none;
}

.et_contact_bottom_container {
	float: left;
	margin: 4px 0px;
}

.et_contact_bottom_container button {
	padding: 0px;
	margin: 10px;
}

.custom-side-col .close-btn {
	display: none;
}

.custom-specialty-section .two-col-layout-row.common-row {
	display: flex;
	gap: 40px;
	padding-top: 68px !important;
}

.custom-specialty-section .common-row {
	padding: 52px 120px !important;
}

.custom-specialty-section .custom-side-col {
	padding: 56px !important;
}

@media(min-width:1201px) and (max-width:1400px) {
	.hero-heading-text div h1 {
		font-size: 40px !important;
	}
}

/* spacing classes for 1200px */
@media (min-width: 982px) and (max-width: 1200px) {

	.custom-specialty-section .custom-main-col .specialty-main-row .et_pb_column,
	.custom-specialty-section .custom-main-col .common-row {
		padding: 36px 60px !important;
	}

	.common-section .common-row.et_pb_row {
		padding: 36px 40px !important;
	}

	.custom-specialty-section .custom-side-col {
		padding: 48px !important;
	}

	.custom-side-col {
		padding-right: 60px;
	}

	.hero-heading-text div h1 {
		font-size: 36px !important;
	}

	.global-header-section .global-header-row.et_pb_row,
	.global-footer-section .common-row.global-footer-row.et_pb_equal_columns {
		padding: 0px 40px !important;
	}
}

@media (max-width: 1024px) {
	.custom-specialty-section .custom-main-col {
		width: 100% !important;
		padding-right: 0px;
	}

	.hero-heading-text div h1 {
		font-size: 32px !important;
	}

	.floating-btn {
		display: block;
		width: fit-content;
		padding: 6px 12px !important;
		margin-top: 24px !important;
		border: 1px solid #9DF000;
		border-radius: 24px;
	}

	.custom-specialty-section .custom-side-col {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background: black;
		z-index: 9999;
		padding: 20px;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
		transform: translateY(-100%);
		transition: transform 0.4s ease, opacity 0.4s ease;
		opacity: 0;
		display: block;
		pointer-events: none;
	}

	.custom-specialty-section .custom-side-col.show-from-top {
		transform: translateY(0%) !important;
		opacity: 1 !important;
		pointer-events: auto;
		width: 100%;
	}

	.two-col-layout-row {
		flex-direction: column;
	}

	.two-col-layout-row div,
	.two-col-layout-row p,
	.two-col-layout-row img {
		width: 100%;
		max-width: unset;
	}

	.et_contact_bottom_container {
		float: unset;
		margin-left: 18px;
	}

	.custom-side-col .close-btn {
		position: absolute;
		top: -10px;
		right: 10px;
		font-size: 20px;
		border: none;
		color: #333;
		cursor: pointer;
		z-index: 10000;
		display: block;
		background: white;
		border-radius: 6px;
		padding: 0px 8px;
	}

	.custom-specialty-section .custom-side-col.closing {
		transform: translateY(-100%) !important;
		opacity: 0 !important;
		pointer-events: none;
	}

	#text-module-1,
	#text-module-2 {
		display: none !important;
	}

	.custom-specialty-section .custom-side-col .landing-page-contact-form#et_pb_contact_form_0 {
		width: 80% !important;
		top: unset !important;
		position: relative !important;
		left: unset !important
	}

	.custom-specialty-section .common-row,
	.custom-specialty-section .common-row.hero-row {
		padding: 48px 60px !important;
	}
}

@media (max-width:768px) {
	.custom-side-col .close-btn {
		top: -24px;
		right: 0px;
	}

	.custom-specialty-section .common-row, .custom-specialty-section .common-row.hero-row{
		padding: 40px 40px !important;
	}
}
/* homepage form style  */
.et_pb_column_1.show-from-top{
    width:100% !important;
}
.custom-form {
	font-family: inherit;
}

.custom-form div {
	margin: 12px 0px;
}

.custom-form label {
	display: block;
	margin-bottom: 2px;
	font-weight: 600;
	color: white;
	font-size: 14px;
	line-height: 20px;
}

.custom-form label.required::after {
	content: " *";
	color: red;
}

.custom-form input,
.custom-form select,
.custom-form textarea {
	width: 100%;
	padding: 0px;
	border: none;
	border-radius: 0px;
	border-bottom: 1px solid white;
	box-sizing: border-box;
	font-size: 18px;
	background: transparent;
}

.custom-form textarea {
	resize: vertical;
}

.custom-form button {
	background-color: #B5FFF9;
	color: black;
	padding: 8px 16px;
	border: none;
	border-radius: 24px;
	font-size: 12px;
	cursor: pointer;
	text-transform: uppercase;
	margin: 12px 0px;
}

.custom-form input::placeholder,
.custom-form textarea::placeholder {
	color: rgba(255, 255, 255, 0.7);
}

.custom-form input:focus,
.custom-form textarea:focus,
.custom-form select:focus {
	outline: none;
	border-bottom: 1px solid white;
	color: #7cda24;
}

.custom-form textarea:focus {
	padding: 0px 6px;
}

.custom-form select {
	color: white;
	border: none;
	border-bottom: 1px solid white;
	background-color: transparent;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 0px 30px 0px 0px;
	background-image: url("data:image/svg+xml,%3Csvg fill='white' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 8px center;
	background-size: 24px;
}

.custom-form select option[value=""] {
	color: rgba(255, 255, 255, 0.6);
}

.custom-form select option {
	background-color: black;
}
@media(max-width:1024px){
	.et_pb_column_1.show-from-top{
		padding-top:240px;
	}
	.et_pb_column_1.show-from-top .et_pb_code.et_pb_sticky_module {
	  width: 80% !important;
	  max-width: 80% !important;
	}
}
@media(max-width:982px){
	.et_pb_column_1.show-from-top{
		padding-top:120px;
	}
	.et_pb_column_1.show-from-top .custom-form{
		padding-top:80px !important;
	}
}
@media(max-width:768px){
	.et_pb_column_1.show-from-top .et_pb_code.et_pb_sticky_module {
	  width: 80% !important;
	  max-width: 360px !important;
	}
}
/* homepage form style ends */
/* Landing page code ends */

/* download box below form */
.product-sheet-box {
	background-color: #0d1111;
	border: 1px solid #76ff00;
	border-radius: 12px;
	padding: 28px 16px;
	text-align: center;
	max-width: 300px;
	margin: auto;
	box-shadow: 0 0 10px rgba(118, 255, 0, 0.2);
	margin-top: 16px;
}

.product-sheet-box p {
	color: #baff2c;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 1.4;
}

.download-btn {
	display: inline-block;
	padding: 6px 16px;
	border: 1px solid #76ff00;
	border-radius: 30px;
	color: #76ff00;
	text-decoration: none;
	font-weight: bold;
	transition: background-color 0.3s, color 0.3s;
}

.download-btn:hover {
	background-color: #76ff00;
	color: #0d1111;
}

/* global footer styles */
#footer-bottom {
	display: none !important;
}

footer,
#main-footer {
	margin-top: auto;
}

/* value drivers page styles starts here*/
.d-flex {
	display: flex;
	flex-wrap: wrap;
}

.d-flex-reverse {
	flex-direction: row-reverse;
}

@media(max-width:768px) {
	.d-flex-reverse {
		flex-direction: column;
	}
}

@media(min-width:1901px) {
	.custom-image-cls {
		right: 300px !important;
/* 		bottom: -40px !important; */
	}
}

@media(min-width:1800px) and (max-width:1900px) {
	.custom-image-cls {
		right: 300px !important;
/* 		bottom: -38px !important; */
	}
}

@media(min-width:1560px) and (max-width:1800px) {
	.custom-image-cls {
/* 		bottom: -34px !important; */
	}
}

@media(min-width:982px) and (max-width:1480px) {
	.custom-image-cls {
		bottom: -26px !important;
	}
}

/* value drivers page styles ends */

/* abotus page styles starts here */
.cards-flex-column {
	display: flex;
	flex-wrap: wrap;
	gap: 48px;
	justify-content: center;
	width: 100%;
}

.single-card.et_pb_module {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(30% + 64px);
	max-width: 320px;
	padding: 32px;
	text-align: center;
	background: #131b1f;
	color: white;
	border-radius: 26px;
	line-height: 1.5rem;
	border: 2px solid #9DF000;
}

.blurb-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 16px;
}

.single-blurb {
	width: fit-content !important;
}

@media(min-width:768.9px) and (max-width:1300px) {
	.single-card.et_pb_module {
		width: calc(30% + 64px);
		max-width: 280px;
	}

	.cards-flex-column {
		gap: 24px;
	}
}

@media(max-width:768px) {
	.blurb-wrapper {
		flex-direction: column;
		gap: 24px;
	}

	.single-card.et_pb_module {
		width: calc(50% + 64px);
		max-width: 280px;
	}

	.cards-flex-column {
		gap: 20px;
	}
}

/* abotus page styles ends */

/* member journey styles starts */
    .timeline-section {
      position: relative;
      max-width: 1200px;
      margin: 0 auto;
      padding: 80px 20px;
    }
  
    .timeline-section::before {
        content: '';
        position: absolute;
        top: 200px;
        left: 50%;
        width: 2px;
        background-color: black;
        z-index: 0;
        transform: skewX(-28deg);
        height: calc(100% - 400px);
    }
  
    .timeline-step {
      position: relative;
      margin: 24px 0;
      z-index: 1;
    }
  
    .timeline-box {
        position: relative;
        display: flex;
        align-items: center;
        max-width: 520px;
        min-height: 160px;
        padding: 20px 20px 20px 100px;
        font-size: 18px;
        background-color: #131b1e ;
        color: #fff;
        border-radius: 15px;
        border: 2px solid #c3ff22;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
  
    .step-number {
      position: absolute;
      top: 50%;
      left: 30px;
      transform: translateY(-50%);
      height: 100px;
      width: auto;
    }
  
    /* Gradual left to right shifts */
    .step1 { 
        margin-left: calc(88% - 480px); 
    }
    .step2 { 
        margin-left: calc(80% - 480px); 
    }
    .step3 { 
        margin-left: calc(72% - 480px); 
    }
    .step4 { 
        margin-left: calc(64% - 480px); 
    }
    .step5 { 
        margin-left: calc(56% - 480px); 
    }
    .step6 { 
        margin-left: calc(48% - 480px);
    }
    .step1 .timeline-box::before {
        content: '';
        position: absolute;
        top: 50%;
        height: 2px;
        width: 200px;
        background-color: black;
        z-index: 0;
        left: -200px;
    }
    .step6 .timeline-box::after {
        content: '';
        position: absolute;
        top: 50%;
        height: 2px;
        width: 200px;
        background-color: black;
        z-index: 0;
        right: -200px
    }
    .corner-img {
      position: absolute;
      width: 320px;
      z-index: 2;
    }
  
    .top-left {
        top: 20px;
        left: calc(-15% + 320px);
    }
  
    .bottom-right {
        bottom: 0;
        left: calc(90% - 320px);
    }
	.number-six.step-number{
		height:60px;
	}
    @media(min-width: 1020) and (max-width: 1300px){
    .top-left{
        left:0px;
    }
}
@media(max-width:1300px){
    .timeline-section{
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:20px;
        padding: 0px;
    }
    .corner-img{
        position:unset;
    }
    .step1,.step2,.step3,.step4,.step5,.step6{
        margin:auto;
    }
    .timeline-section::before{
        transform:skew(0deg)
    }
    .step1 .timeline-box::before, .step6 .timeline-box::after{
        display:none;
    }
    .corner-img.bottom-right{
        margin-top:40px;
    }
} 
@media(max-width:768px){
    .timeline-box{
        max-width:360px;
        width:100%;
    }
}      
/* member journwy styles ends */

/*  member resources page styles*/
.blurb-btn{
    color: white;
    border-radius: 28px;
    text-align: center;
    padding: 12px 48px;
    margin: 24px auto;
    font-weight: bold;
    font-size: 20px;
}
.blurb-btn-green{
	background: linear-gradient(to right, #00b09b, #96c93d);
}
.blurb-btn-orange{
	background: linear-gradient(to right, #ff512f, #f09819);
}
p:has(.blurb-btn) {
    width:fit-content;
    margin:auto;
}

/*  member resources page styles ends */