/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.header__wrapper {background-color: #181318; border-bottom: 1px #484848;	border-radius: 10px;	width: 100%;	padding: 1rem 2rem;	box-shadow: 0 .125rem .8rem #ffffff1a;}
body .header__bottom {padding: 20px;}
.button, button, .hs-button,form .hs-button, form input[type=submit] {color: #fff;	text-align: center;	letter-spacing: .02em;	linear-gradient(135deg, #ff4e63, #ff009f) -webkit-text-fill-color: inherit;
	cursor: pointer;	background-clip: border-box;	background-image: linear-gradient(135deg, #ff4e63, #ff009f);	padding: 15px 35px;	text-decoration: none;	text-transform: uppercase;	transition: all .55s;}
.button:hover, button:hover, .hs-button:hover, form .hs-button:hover, form input[type=submit]:hover {	transform: scale(1.04);}
.footer-row-0-vertical-alignment>.row-fluid {	max-width: 1200px; background-color: #181318;	border-radius: 16px;	padding: 4rem 2rem 3rem;	box-shadow: 0 0 5rem 0 #3d2d6a26;	flex-wrap: wrap;	z-index: 1;	position: relative;}
.footer-social_flex {	grid-column-gap: .5rem;	grid-row-gap: .5rem;	justify-content: flex-start;	align-items: center;	display: flex;	float: right;}
.social_item {	background-color: #0000;	border: 1px solid #484848;	border-radius: 6px;	justify-content: center;	align-items: center;	padding: .5rem;	transition: all .25s;	display: flex;}
.social_item:hover {	background-color: #fff;}
.image-135 {	width: 18px;	height: 17px;}
.cell_17380421803103-vertical-alignment, .cell_1738042220165-vertical-alignment {	width: 50% !important;	margin-left: 0px !important;}
.cell_1738044464615-vertical-alignment {	width: 100% !important;	margin-top: 50px;	margin-left: 0px !important;}
footer .hs_cos_wrapper_type_logo img.hs-image-widget {	margin-bottom: 0px !important;}
footer {	position: relative;}
footer:before {	content: "";	position: absolute;	background-image: url(https://23635629.fs1.hubspotusercontent-na1.net/hubfs/23635629/warriorbabe/Ellipse%2010.avif);width: 40%;	height: 100%;
	background-repeat: no-repeat;	inset: auto auto 0% 0;	left: 0;	background-position: left bottom;	background-size: contain;}
footer:after {	content: "";	position: absolute;	background-image: url(https://help.warriorbabe.com/hubfs/warriorbabe/Ellipse%209.avif);	width: 40%;	height: 100%;	background-repeat: no-repeat;
	inset: auto 0% 0 auto;	right: 0;	background-position: right bottom;	background-size: contain;}
form#email-prefs-form {	background-color: #181318;	border-radius: 1rem;	padding: 1.375rem;	transition: all .3s;	box-shadow: 0 4px 40px #c5d8ff3d;}

@media only screen and (min-width: 100px) and (max-width: 767px){
.cell_17380421803103-vertical-alignment, .cell_1738042220165-vertical-alignment {  width: 100% !important;  margin-left: 0px !important; text-align: center;}
  .footer-row-0-vertical-alignment > .row-fluid{padding: 3rem 2rem 2rem;}
  .footer-social_flex {  justify-content: center;  float: inherit;  margin-top: 30px;}
   .header__menu-container--mobile {     display: none !important;    }
   .header__button-col.hidden-phone {      display: block !important;    }
   @media only screen and (max-width : 640px){
  .button, button, .hs-button, form .hs-button, form input[type=submit]{padding: 9px 16px;  font-size: 15px;}
     .systems-page{    padding: 2.8rem .4rem!important;}
     span#hs_cos_wrapper_footer-module-10_ p {  font-size: 12px;}
  }
  @media only screen and (max-width : 560px){
    .header__wrapper{    padding: 10px;}    
  }
  @media only screen and (max-width : 420px){
    .header__logo img {  max-width: 120px;}
     .button, button, .hs-button, form .hs-button, form input[type=submit] {padding: 5px 7px;font-size: 13px;   }
  }
}