#scroll {padding: 0;}
/* Animation */
@-webkit-keyframes fadeDown {
    from {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}
@keyframes fadeDown {
    from {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}
@-webkit-keyframes fadeUp {
    from {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}
@keyframes fadeUp {
    from {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}
@-webkit-keyframes fadeLeft {
    from {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes fadeLeft {
    from {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes fadeRight {
    from {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes fadeRight {
    from {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes jump {
    from,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}
@keyframes jump {
    from,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}
.animate {
    opacity: 0
}
.animate.animated {
    opacity: 1
}
.animated.fade-up {
    -webkit-animation: fadeUp .6s linear both;
    animation: fadeUp .6s linear both
}
.animated.fade-down {
    -webkit-animation: fadeDown .6s linear both;
    animation: fadeDown .6s linear both
}
.animated.fade-right {
    -webkit-animation: fadeRight .6s linear both;
    animation: fadeRight .6s linear both
}
.animated.fade-left {
    -webkit-animation: fadeLeft .6s linear both;
    animation: fadeLeft .6s linear both
}
.animated.delay1 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}
.animated.delay2 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}
.animated.delay3 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}
@media(max-width:992px) {
    .animate.animated {
        -webkit-animation: none;
        animation: none;
        opacity: 1
    }
    .animate {
        opacity: 1
    }
}
/* me-v1 style */
#commonHeader,
.heading-menu {
    display: none !important;
}
.sep-brd-top {
    border: none !important;
}
/* Common Style */
.main-page *,
.main-page ::before,
.main-page ::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}
.main-container {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}
.main-page {
    font-family: "ZohoPuvi";
    font-size: 16px;
    font-weight: 300;
    color: #333;
    width: 100%
}
.main-page h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.3;
    color: #282A38;
    margin-bottom: 20px;
    text-align: center;
}
.main-page strong {
    font-weight: 600;
}
.main-page a {
    text-decoration: none;
    color: #2a6fe6
}
.main-page ul {
    list-style: none
}
.main-page p {
    font-size: 16px;
    line-height: 1.8;
}
.main-page img {
    width: 100%;
    height: auto;
}
.sec-header {
    margin-bottom: 40px;
}
.sec-header p {
    text-align: center;
    max-width: 800px;
    margin: auto;
}
.main-page .main-cta {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: rgb(240, 62, 62);
    border: 2px solid #F03E3E;
    border-radius: 6px;
    padding: 8px 30px;
    position: relative;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
.main-page .main-cta:hover {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-box-shadow: 4px 6px 15px rgba(240, 62, 62, 0.4);
    box-shadow: 4px 6px 15px rgba(240, 62, 62, 0.4)
}
.lr-container {
    display: block;
    width: 100%;
    font-size: 0;
    position: relative;
}
.lr-container .lhs,
.lr-container .rhs {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    position: relative;
}
.top-nav .logo a,
.top-nav ul li.fea-list a::before,
.top-nav .main-cta span,
.top-nav .main-cta span::before,
.ban-content .main-cta::before,
.rmp-box ul li::before {
    background: url(/sites/meweb/images/fr/ad-recovery-manager/images/backup-microsoft-teams-sprite-23.png) no-repeat;
    background-size: 276px
}
.banner-sprite span {
    background: url(/sites/meweb/images/fr/ad-recovery-manager/images/protect-cloud-data-using-manageengine-recoverymanager-plus-banner-sprite-22.png) no-repeat;
    background-size: 490px;
    display: inline-block
}
.top-nav .logo,
.top-nav .menu-list,
.top-nav .menu-list ul,
.top-nav .menu-list li {
    display: inline-block
}
.top-nav {
    position: absolute;
    width: 100%;
    top: -90px;
    left: 0;
    padding: 20px 0;
    z-index: 10;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in
}
.top-nav.fix {
    position: fixed;
    background: rgba(255, 255, 255, 0.5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-box-shadow: 0 4px 20px rgba(137, 137, 137, 0.2);
    box-shadow: 0 4px 20px rgba(137, 137, 137, 0.2);
    /* background:#fff;box-shadow:0 2px 15px rgba(6,26,91,0.6);*/
    padding: 10px 0;
    top: 0;
    z-index: 11;
    -webkit-animation: fadeDown .4s linear;
    animation: fadeDown .4s linear;
}
.top-nav .main-container {
    max-width: 1400px;
    font-size: 0;
}
.top-nav .logo {
    display: inline-block;
    width: calc(100% - 1000px);
    vertical-align: middle
}
.top-nav .logo a {
    display: block;
    background-position: -10px -7px;
    width: 259px;
    height: 50px;
}
.top-nav .menu-list {
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    width: 1000px;
    text-align: right;
    font-size: 0
}
.top-nav .menu-list ul {
    height: 40px;
}
.top-nav ul li {
    margin-right: 24px;
    text-align: center;
    position: relative;
}
.top-nav ul li:last-child {
    margin-right: 0
}
.top-nav ul li a {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    position: relative;
    padding-bottom: 6px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
.top-nav ul li:hover>a {
    color: #4C53BC;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px)
}
.top-nav ul li a::before {
    content: " ";
    background: #4C53BC;
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}
.top-nav ul li a:hover::before {
    width: 100%;
}
.top-nav ul li.fea-list {
    cursor: pointer;
    position: relative;
    padding-bottom: 10px;
}
.top-nav ul li.fea-list a {
    padding-right: 18px;
    position: relative;
}
.top-nav ul li.fea-list::before {
    display: none;
}
.top-nav ul li.fea-list a::before {
    content: '';
    background-position: -9px -117px;
    width: 11px;
    height: 7px;
    position: absolute;
    left: auto;
    right: 0;
    top: -2px;
    bottom: 0;
    margin: auto;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.top-nav ul li.fea-list:hover a::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.fea-list .sub-menu {
    display: none;
    width: 280px;
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    padding: 30px;
    margin-top: 16px;
    position: absolute;
    top: 16px;
    left: -10px;
}
.fea-list:hover .sub-menu {
    display: block;
}
.fea-list .sub-menu::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    left: 22px;
    top: -10px;
}
.fea-list .sub-menu ul {
    text-align: left;
}
.fea-list .sub-menu ul li {
    position: relative;
    padding-bottom: 2px;
    margin: 0;
}
.fea-list .sub-menu ul li:not(:last-child) {
    margin-bottom: 18px;
}
.fea-list .sub-menu ul li a {
    display: block;
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
    padding: 0;
}
.fea-list .sub-menu ul li a::before {
    display: none;
}
.fea-list .sub-menu li::after {
    content: " ";
    background: #4C53BC;
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}
.fea-list .sub-menu li:hover::after {
    width: 100%;
}
.top-nav .main-cta {
    background: transparent;
    color: #FF0000;
    padding: 6px 40px 6px 20px;
}
.top-nav .main-cta::before {
    display: none;
}
.top-nav .main-cta:hover {
    color: #FFf;
    background: #C94839;
}
.fix .top-nav .main-cta {
    background: #C94839
}
.top-nav .main-cta span {
    background-position: -7px -80px;
    width: 16px;
    height: 6px;
    position: absolute;
    right: 16px;
    top: 10px;
    bottom: 0;
    margin: auto;
}
.top-nav .main-cta span::before {
    content: '';
    background-position: -10px -65px;
    width: 9px;
    height: 13px;
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    margin: auto
}
.top-nav .main-cta:hover span {
    -webkit-filter: brightness(100);
    filter: brightness(100);
}
.top-nav .main-cta span::before {
    -webkit-animation: jump 1.5s .4s infinite;
    animation: jump 1.5s .4s infinite
}
.mob-menu {
    display: none
}
@media(max-width:1200px) {
    .top-nav ul li {
        margin-right: 15px;
    }
}
@media(max-width:992px) {
    .main-page {
        display: block
    }
    .top-nav {
        padding: 10px 0;
    }
    .top-nav .logo {
        width: calc(100% - 20px)
    }
    .top-nav .logo a {
        background-size: 200px;
        background-position: -6px -4px;
        width: 190px;
        height: 38px;
    }
    .mob-menu {
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        position: relative;
        z-index: 20
    }
    .mob-menu span {
        background: #000;
        height: 2px;
        width: 20px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .3s ease all
    }
    .mob-menu span::before,
    .mob-menu span::after {
        content: '';
        display: block;
        height: 2px;
        width: 86%;
        position: absolute;
        top: -8px;
        left: 0;
        background: #000;
        -webkit-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .3s ease all
    }
    .fix .mob-menu span,
    .fix .mob-menu span::before,
    .fix .mob-menu span::after {
        background: #000;
    }
    .menu li a {
        color: #000
    }
    .mob-menu span::after {
        top: auto;
        bottom: -8px
    }
    .mob-menu.closed span {
        background-color: transparent
    }
    .mob-menu.closed span:before {
        width: 80%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0;
        background: #000;
    }
    .mob-menu.closed span::after {
        width: 80%;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        bottom: 0;
        background: #000
    }
    .menu-list {
        position: fixed;
        width: 100vw;
        background: rgba(255, 255, 255);
        top: 58px;
        z-index: -1;
        border-radius: 0 0 0 16px;
        -webkit-box-shadow: -2px 6px 16px -6px rgba(0, 0, 0, 0.2);
        box-shadow: -2px 6px 16px -6px rgba(0, 0, 0, 0.2);
        text-align: left;
        right: -102%;
        -webkit-transition: .3s linear;
        -o-transition: .3s linear;
        transition: .3s linear;
        padding-bottom: 0;
        opacity: 0;
        visibility: hidden
    }
    .mob-menu.closed {
        position: fixed;
        top: 19px;
        opacity: 1
    }
    .menu-list a {
        display: block;
        text-align: left
    }
    .menu-list li {
        margin-left: 0;
        text-align: left
    }
    .menu-list.open {
        width: 100%;
        right: 0;
        opacity: 1;
        visibility: visible
    }
    .menu-list li a.menu-download-btn {
        margin-left: 0;
        display: table;
        width: 100%;
        text-align: center;
        padding: 0 20px;
        margin-bottom: 10px;
        padding-left: 0;
        margin-left: 20px !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .menu-list li a.menu-download-btn:before {
        display: none
    }
    .top-nav .menu-list {
        width: 300px;
    }
    .top-nav .menu-list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        margin: 40px 20px;
        height: auto;
    }
    .top-nav ul li {
        margin-right: 0
    }
    .top-nav ul li a {
        display: inline-block
    }
    .top-nav ul li.fea-list {
        padding-bottom: 0;
    }
    .top-nav ul li.fea-list a {
        padding-right: 0;
    }
    .top-nav ul li.fea-list a::before {
        display: none;
    }
}
/* Banner section */
.ban-content {
    margin: 90px 0;
    position: relative;
}
.ban-content .main-cta {
    padding: 8px 50px 8px 24px;
}
.ban-content .main-cta::before {
    content: '';
    background-position: -5px -89px;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.ban-content .main-cta:hover::before {
    -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    transform: translateX(2px);
}
.ban-content .main-container {
    max-width: 1400px;
}
.ban-content .lr-container {
    padding: 60px 0;
}
.ban-content::before,
.ban-content .lr-container::before {
    content: '';
    background: #FFF6E6;
    position: absolute;
    left: 0;
    top: 0;
}
.ban-content::before {
    width: 40%;
    height: 100%;
}
.ban-content .lr-container::before {
    width: 80%;
    height: 100%;
    border-radius: 0 60px 60px 0;
}
.ban-content .lr-container .lhs {
    width: calc(100% - 640px);
    padding-right: 100px;
}
.ban-content .lr-container .rhs {
    width: 640px;
}
.ban-content h1 {
    font-size: 50px;
    font-weight: 200;
    line-height: 1.1;
    color: #4D4D4D;
    margin-bottom: 20px;
}
.ban-content h1 strong {
    font-size: 40px;
    font-weight: inherit;
}
.ban-content h1 span {
    font-weight: 700;
    text-transform: uppercase;
    color: #4C53BC;
}
.ban-content p {
    margin-bottom: 40px;
}
.ban-sprite {
    width: 640px;
    height: 647px;
    position: relative;
    z-index: 2;
}
.ban-sprite span,
.ban-sprite .ban-server::before {
    display: inline-block;
    background: url('/sites/meweb/images/fr/ad-recovery-manager/images/backup-microsoft-teams-ban-sprite-23.png') no-repeat;
    background-size: 685px;
}
.ban-sprite .ban-server {
    background-position: -27px -25px;
    width: 632px;
    height: 602px;
    z-index: 1;
    position: absolute;
    right: 0;
    top: -40px;
    bottom: 0;
    margin: auto;
}
.ban-sprite .ban-server::before {
    content: '';
    background-position: -16px -676px;
    width: 197px;
    height: 199px;
    position: absolute;
    bottom: 36px;
    right: 110px;
    -webkit-animation: fadeUp 1s linear both, shake 3s 1.5s linear infinite;
    animation: fadeUp 1s linear both, shake 3s 1.5s linear infinite
}
@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    50% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}
@keyframes shake {
    0%,
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    50% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}
/* Data store section */
.ds-content .lr-container {
    margin-bottom: 80px;
}
.ds-content .lr-container.odd .lhs {
    width: 550px;
    padding-right: 80px;
}
.ds-content .lr-container.odd .rhs {
    width: calc(100% - 550px);
}
.ds-content .lr-container.even .lhs {
    width: calc(100% - 580px);
}
.ds-content .lr-container.even .rhs {
    width: 580px;
    padding-left: 80px;
}
.ds-content h3 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.4;
    color: #282A38;
    margin-bottom: 20px;
}
.ds-content p:not(:last-child) {
    margin-bottom: 10px;
}
.ds-content ul {
    margin-left: 30px;
    list-style: disc;
}
.ds-content ul li {
    line-height: 1.6;
}
.ds-content ul li:not(:last-child) {
    margin-bottom: 10px;
}
/* Rmp section */
.rmp-sec {
    background: #F5F6FC;
    padding: 100px 0;
}
.rmp-box {
    background: #fff;
    border-radius: 20px 20px 0 0;
    padding: 60px;
    position: relative;
}
.rmp-box span {
    background: #F5F6FD;
    display: inline-block;
    font-size: 15px;
    text-align: center;
    border-radius: 50px;
    padding: 8px 10px;
    width: 150px;
    position: absolute;
    top: -16px;
    left: 0;
    right: 0;
    margin: auto;
}
.rmp-box ul {
    display: block;
    font-size: 0;
}
.rmp-box ul li {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 3 - 27px);
    font-size: 15px;
    line-height: 1.8;
    position: relative;
    padding-top: 50px;
}
.rmp-box ul li:not(:last-child) {
    margin-right: 40px;
}
.rmp-box ul li::before {
    content: '';
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
}
.rmp-box ul li.icon1::before {
    background-position: -36px -69px;
}
.rmp-box ul li.icon2::before {
    background-position: -92px -69px;
}
.rmp-box ul li.icon3::before {
    background-position: -148px -69px;
}
.rmp-content {
    background: #3941AF;
    border-radius: 0 0 20px 20px;
    padding: 60px 40px;
}
.rmp-content p {
    text-align: center;
    color: #fff;
    max-width: 900px;
    margin: auto;
}
.rmp-content p:not(:last-child) {
    margin-bottom: 20px;
}
.rmp-content p strong {
    font-weight: 500;
}
.rmp-content p a {
    text-decoration: underline;
    color: #FCC48C;
}
/* copyright */
.cr-sec {
    text-align: center;
    background: #000;
    padding: 10px 20px;
}
.main-page .cr-sec p {
    font-size: 12px;
    line-height: 1.4;
    color: #848484;
}
@media(max-width:1400px) {
    .ban-content h1 {
        font-size: 50px;
    }
    .ban-content .lr-container .lhs {
        padding-right: 0px;
    }
    .ban-content .lr-container .rhs {
        height: 517px;
    }
    .ban-sprite {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        top: -66px;
        left: 60px;
    }
}
@media(max-width:1200px) {
    .ban-content h1 {
        font-size: 40px;
    }
    .ban-content .lr-container .lhs {
        width: calc(100% - 500px);
        padding-right: 40px;
    }
    .ban-content .lr-container .rhs {
        width: 500px;
    }
    .ban-sprite {
        left: -72px;
    }
}
@media(max-width:992px) {
    .main-page h2 {
        font-size: 30px;
    }
    .main-page p {
        font-size: 15px;
        line-height: 1.7;
    }
    .ban-content {
        margin: 60px 0;
    }
    .ban-content::before {
        width: 100%;
    }
    .ban-content .lr-container {
        padding: 40px 0;
    }
    .ban-content .lr-container::before {
        border-radius: 0;
    }
    .ban-content .lr-container .rhs {
        display: none;
    }
    .ban-content .lr-container .lhs {
        text-align: center;
        width: 100%;
        padding: 0;
    }
    .ban-content h1 {
        font-size: 34px;
        line-height: 1.2;
        max-width: 450px;
        margin: auto;
        margin-bottom: 20px;
    }
    .ban-content h1 strong {
        font-size: inherit;
    }
    .ban-content p {
        max-width: 600px;
        margin: auto;
        margin-bottom: 40px;
    }
    .ds-content .lr-container.even .lhs {
        width: calc(100% - 330px);
    }
    .ds-content .lr-container.even .rhs {
        width: 330px;
        padding-left: 40px;
    }
    .ds-content .lr-container.odd .lhs {
        width: 380px;
        padding-right: 40px;
    }
    .ds-content .lr-container.odd .rhs {
        width: calc(100% - 380px);
    }
    .ds-content h3 {
        font-size: 26px;
        margin-bottom: 14px;
    }
    .rmp-sec {
        padding: 60px 0;
    }
    .rmp-box {
        padding: 60px 30px 40px;
    }
    .rmp-box ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
    }
    .rmp-box ul li {
        width: calc(100% / 3 - 14px);
    }
    .rmp-box ul li:not(:last-child) {
        margin-right: 0;
    }
    .rmp-content {
        padding: 40px;
    }
}
@media(max-width:767px) {
    .main-page h2 {
        font-size: 22px;
    }
    .main-page p {
        font-size: 14px;
        line-height: 1.6;
    }
    .ban-content {
        margin: 60px 0;
    }
    .ban-content h1 {
        font-size: 30px;
    }
    .ban-content .main-cta {
        font-size: 13px;
    }
    .lr-container img {
        display: block;
        max-width: 350px;
        margin: auto;
    }
    .ds-content .lr-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 14px;
        margin-bottom: 40px;
    }
    .ds-content .lr-container.odd .lhs,
    .ds-content .lr-container.odd .rhs,
    .ds-content .lr-container.even .lhs,
    .ds-content .lr-container.even .rhs {
        width: 100%;
        padding: 0;
    }
    .ds-content .lr-container.odd .lhs {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .ds-content h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .ds-content ul {
        margin-left: 20px;
    }
    .ds-content ul li {
        font-size: 14px;
    }
    .rmp-box {
        padding: 60px 24px 30px;
    }
    .rmp-box ul {
        gap: 30px;
    }
    .rmp-box ul li {
        line-height: 1.6;
        width: 100%;
    }
    .rmp-content {
        padding: 30px 24px;
    }
}