html,
body,
body * {
    direction: ltr !important;
    font-family: 'Roboto', sans-serif !important;
}

body {
    padding-right: 0 !important;
}

.ww-body h3,
.ww-body p {
    text-align: left !important;
}

.wc h3,
.wc p {
    text-align: left !important;
}

.pw-h,
.pw-p {
    text-align: left !important;
}

.fi-t,
.fi-d {
    text-align: left !important;
}

.fgf-body h3,
.fgf-body p {
    text-align: left !important;
}

.fgc-b h3,
.fgc-b p {
    text-align: left !important;
}

.fi:hover {
    transform: translateX(8px) !important;
}

.fgc:hover {
    transform: translateX(6px) !important;
}

.fgc::before {
    right: auto !important;
    left: 0 !important;
}

.hg1 {
    right: auto !important;
    left: 4% !important;
}

.hg4 {
    right: auto !important;
    left: 8% !important;
}

.hg2 {
    left: auto !important;
    right: 6% !important;
}

.hg3 {
    left: auto !important;
    right: 8% !important;
}

.hvt1 {
    left: auto !important;
    right: -28px !important;
}

.hvt2 {
    right: auto !important;
    left: -30px !important;
}

.pwc2 {
    right: auto !important;
    left: 14% !important;
}

.pwc3 {
    right: auto !important;
    left: 7% !important;
}

.cc1::after {
    left: auto !important;
    right: -60px !important;
}

.hero-grid>div:first-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.h-title,
.h-btns,
.h-pills,
.h-badge {
    align-self: flex-start !important;
}

.h-sub {
    text-align: left !important;
}

.pw-tag {
    display: block !important;
    width: fit-content !important;
}

#gotoTop {
    left: auto !important;
    right: 32px !important;
}

.h-title {
    text-align: left !important;
}

.hln,
.hlni {
    text-align: left !important;
    display: block !important;
}