@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,300;1,400&display=swap');

html {
    font-family: 'Roboto', sans-serif;
}

.feature-box-item {
    text-align: center;
}

.header-logo svg {
    width: 100px;
    margin-right: 30px;
}

.features-section .swiper-slide {
    min-width: 300px;
}

.form-select-sm {
    font-family: Roboto, sans-serif;
    font-weight: 500;
}

@media only screen and (max-width:575px) {
    .form-select-sm {
        padding: 10px 20px;
        font-size: 15px;
    }
}

.bodyButtonPrimary {
	display: inline-block;
	padding: 10px 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #fff;
	background: #0F62FE;
	border: none;
	text-shadow: none;
	border-radius: 0.25rem;
	text-decoration: none;
	text-shadow: none;
	font-size: 16px;
	outline: none;
	text-align: center;
}
.bodyButtonPrimary:hover, .hero-slide-info .bodyButtonPrimary:hover {
	background: #011242;
    color: #fff;
    border: none;
}

a.feature-box2-icon img {
    max-height: 50px;
}

.accordion-body a {
    text-decoration: underline !important;
}

.gallery-section.section-padding-b {
    padding: 0;
}

.juicer-feed {
    font-family: 'Roboto', sans-serif !important;
}

.juicer-feed h1 a {
    display: none !important;
}
  
.juicer-feed .juicer-button {
    padding: 10px 15px !important;
    text-transform: capitalize !important;
    background: #011242 !important;
    border-radius: 0.25rem !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0.25rem!important;
    display: block !important;
    width: fit-content !important;
}

.juicer-feed .juicer-button:hover {
	background: #011242 !important;
}

.footer {
    background-color: #011242;
    padding: 12px 0;
    color: #fff;
    font-size: 0.9em;
    /* position: fixed;
    bottom: 0; */
    width: 100%;
    text-align: center;
}
.footer .links {
    text-transform: uppercase;
}
.footer .links a {
    color: #FDC401;
    text-decoration: none;
    padding: 0 10px;
}
.footer .links a:hover {
    color: #FDC401;
 }
        
.footer .svg {
    width: 80px;
}
.footer .copyright {
    color: #c0bfc0;
    font-size: 0.8em;
}
.footer .copyright a {
    color: #c0bfc0;
    text-decoration: underline;
}

.mainHero {
    background-color: #efefef;
}
.text {
    text-align: center;
    padding: 20px 20px 0 20px;
}
@media only screen and (min-width:750px) {
    .mainHeroInner {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .text {
        padding: 0px;
        max-width: 370px;
    }
    .text p {
        max-width: 320px;
        margin: 0 auto 1em auto;
    }
}

.question-section {
    margin: 80px 0;
    padding: 50px 0;
}

.howToWrapper {
    padding: 60px 20px 0 20px;
    text-align: center;
}

.howToWrapperInner {
    max-width: 960px;
    margin: 0 auto;
    border-bottom: 2px solid #efefef;
    padding-bottom: 40px;
}

.stepWrapper {
    display: flex;
    margin-top: 30px;
    flex-wrap: wrap;
    justify-content: space-around;
}

.stepBox .number {
    font-size: 1.5em;
    font-weight: 700;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #0F62FE;
    color: #fff;
}

.stepBox {
    width: 45%;
    padding: 15px 0;
    border-bottom: 1px solid #0F62FE;
}

.stepLink {
    font-size: 0.8em;
    color: #0F62FE;
    text-decoration: underline;
}

p.stepText {
    margin-top: 10px;
}

@media only screen and (min-width:750px) {
    .stepBox {
        width: 22%;
    }
    .stepBox {
        border: none;
    }
}

.swiper-button-st2 {
    background-color: #fff;
}

.product-section {
    margin-top: 60px;
}

.product-slider-container {
    max-width: 85%;
}

.features-section {
    margin-bottom: 80px;
}