@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body,* {
     font-family: "Lato", sans-serif;
}
h1,h2,h3,h4,h5,h6{
 font-family: "Montserrat", sans-serif;
}
.ycc-header-guest-nav {
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px;
    width: 100%;
    border: unset;
    box-shadow: unset;
}
.fi-topbar{
    background: #fff !important;
        padding-top: 10px;
    padding-bottom: 10px;
}
.ycc-header-guest-nav a.ycc-header-cta,nav.ycc-header-auth-nav a.ycc-header-cta {
    background-color: #0D8907 !important;
    color: #fff !important;
    text-decoration: none;
    padding: 15px 20px !important;
    letter-spacing: 0;
    text-transform: uppercase;
    width: 100%;
    box-shadow: none;
    max-width: 155px !important;
    text-align: center;
}
header.fi-sidebar-header {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
footer.ycc-footer {
    padding: 60px 10px 0;
}
footer.ycc-footer>.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px;
    width: 100%;
    padding:10px 0 !important;
}
footer.ycc-footer>.container .flex.space-x-4 a {
    padding: 16px;
}
footer.ycc-footer h3 {
    margin-bottom: 10px;
}
.footer-info p {
    font-size: 14px;
    margin: 0 !important;
}
.footer-policy a ,.footer-policy span{
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 20px 10px 20px 20px !important;
    color: #fff;
}
.fi-fo-component-ctn.gap-6{gap:10px !important;}
.text-sm {
    font-size: 13px !important;
    line-height: normal !important;
}
.text-base {
    font-size: 14px !important;
    line-height: normal !important;
}
.ycc-info-alert svg.ycc-checkout-info-icon{
color: #0D8907;
}
.ycc-info-alert svg,.ycc-success-alert svg,.ycc-user-box svg{
margin-right: 8px !important;
}
span.ycc-checkout-title {
    font-weight: bolder !important;
}
@media screen and (max-width: 767px) {
footer.ycc-footer .space-y-6 {
    display: flex;
    flex-direction: column;
    align-items: center;
}
footer.ycc-footer h3 {
    text-align: center;
}
footer.ycc-footer ul li {
    text-align: center;
}
.footer-info p {
    text-align: center;
}
}