/* ================= MY STORAGE TRUST BAR ================= */

.mystorage-trustbar {
    background: #ffffff;
    padding: 18px 0;
    border-bottom: 1px solid #e9edf3;
    position: relative;
    z-index: 2;
}

.mystorage-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
}

.mystorage-trust-item {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 5px 25px;
    min-height: 58px;
    position: relative;
}

/* Vertical Divider */
.mystorage-trust-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 8px;
    height: 43px;
    width: 1px;
    background: #e2e6ec;
}

/* Icon */
.mystorage-trust-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 10px;
    background: #fff3ed;
    color: #f05200;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
}

/* Content */
.mystorage-trust-content h4 {
    margin: 0 0 4px;
    color: #031a5b;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.mystorage-trust-content p {
    margin: 0;
    color: #687386;
    font-size: 12.5px;
    line-height: 1.4;
}

/* ================= ANIMATION ================= */

.mystorage-animate {
    opacity: 0;
    transform: translateY(14px);
    animation: mystorageTrustReveal 0.7s ease forwards;
}

.mystorage-trust-item:nth-child(1) {
    animation-delay: 0.1s;
}

.mystorage-trust-item:nth-child(2) {
    animation-delay: 0.2s;
}

.mystorage-trust-item:nth-child(3) {
    animation-delay: 0.3s;
}

.mystorage-trust-item:nth-child(4) {
    animation-delay: 0.4s;
}

@keyframes mystorageTrustReveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ================= TABLET ================= */

@media (max-width: 991px) {

    .mystorage-trust-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 8px;
    }

    .mystorage-trust-item {
        padding: 7px 18px;
    }

    .mystorage-trust-item:nth-child(2)::after {
        display: none;
    }

    .mystorage-trust-item:nth-child(3)::after {
        display: block;
    }
}


/* ================= MOBILE ================= */

@media (max-width: 575px) {

    .mystorage-trustbar {
        padding: 12px 0;
    }

    .mystorage-trust-grid {
        grid-template-columns: 1fr;
        row-gap: 0;
    }

    .mystorage-trust-item {
        padding: 10px 5px;
        min-height: 55px;
    }

    .mystorage-trust-item::after {
        display: none !important;
    }

    .mystorage-trust-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
        font-size: 17px;
    }

    .mystorage-trust-content h4 {
        font-size: 15px;
    }

    .mystorage-trust-content p {
        font-size: 12px;
    }
}
/* =====================================================
   MY STORAGE - ABOUT US
===================================================== */

.mystorage-about-section {
    background: #f8fafc;
    padding: 65px 0;
    overflow: hidden;
}

.mystorage-about-grid {
    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    gap: 55px;
    align-items: center;
}

/* ================= IMAGE ================= */

.mystorage-about-image {
    position: relative;
}

.mystorage-about-imgbox {
    width: 100%;
    height: 425px;
    overflow: hidden;
    border-radius: 18px;
    background: #e9edf3;
    position: relative;
}

.mystorage-about-imgbox::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(3,26,91,0) 60%,
        rgba(3,26,91,0.16) 100%
    );
    pointer-events: none;
}

.mystorage-about-imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Orange Accent */
.mystorage-about-image::before {
    content: "";
    position: absolute;
    width: 95px;
    height: 95px;
    background: #f05200;
    border-radius: 14px;
    left: -12px;
    bottom: -12px;
    z-index: 0;
}

.mystorage-about-imgbox {
    z-index: 1;
}

/* Badge */
.mystorage-about-badge {
    position: absolute;
    right: -18px;
    bottom: 28px;
    z-index: 3;
    background: #ffffff;
    padding: 14px 22px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(3,26,91,0.13);
    border-left: 4px solid #f05200;
}

.mystorage-about-badge strong {
    display: block;
    color: #031a5b;
    font-size: 16px;
    line-height: 1.3;
}

.mystorage-about-badge span {
    color: #6b7280;
    font-size: 12px;
}


/* ================= CONTENT ================= */

.mystorage-about-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #f05200;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.mystorage-about-label i {
    font-size: 15px;
}

.mystorage-about-content h2 {
    margin: 0 0 17px;
    color: #031a5b;
    font-size: 36px;
    line-height: 1.18;
    font-weight: 800;
}

.mystorage-about-content h2 span {
    color: #f05200;
    display: block;
}

.mystorage-about-content p {
    color: #667085;
    font-size: 14px;
    line-height: 1.75;
    margin: 0 0 10px;
}

.mystorage-about-intro {
    font-weight: 500;
}


/* ================= FEATURES ================= */

.mystorage-about-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 25px;
    margin: 22px 0 25px;
}

.mystorage-about-feature {
    display: flex;
    align-items: center;
    gap: 11px;
}

.mystorage-about-feature-icon {
    width: 39px;
    height: 39px;
    min-width: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #fff0e9;
    color: #f05200;
    font-size: 16px;
}

.mystorage-about-feature h4 {
    margin: 0 0 3px;
    color: #031a5b;
    font-size: 14px;
    font-weight: 700;
}

.mystorage-about-feature p {
    margin: 0;
    color: #7a8495;
    font-size: 11.5px;
    line-height: 1.4;
}


/* ================= BUTTON ================= */

.mystorage-about-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    background: #f05200;
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 700;
}

.mystorage-about-btn i {
    font-size: 12px;
}


/* ================= ANIMATION ================= */

.mystorage-about-reveal {
    opacity: 0;
    transform: translateY(22px);
    animation: mystorageAboutReveal 0.8s ease forwards;
}

.mystorage-about-content {
    animation-delay: 0.18s;
}

@keyframes mystorageAboutReveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ================= TABLET ================= */

@media (max-width: 991px) {

    .mystorage-about-section {
        padding: 50px 0;
    }

    .mystorage-about-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .mystorage-about-imgbox {
        height: 350px;
    }

    .mystorage-about-image {
        max-width: 700px;
        margin: auto;
        width: 100%;
    }

    .mystorage-about-content {
        max-width: 750px;
        margin: auto;
    }
}


/* ================= MOBILE ================= */

@media (max-width: 575px) {

    .mystorage-about-section {
        padding: 40px 0;
    }

    .mystorage-about-grid {
        gap: 30px;
    }

    .mystorage-about-imgbox {
        height: 270px;
        border-radius: 13px;
    }

    .mystorage-about-image::before {
        width: 65px;
        height: 65px;
        left: -7px;
        bottom: -7px;
        border-radius: 9px;
    }

    .mystorage-about-badge {
        right: 8px;
        bottom: 18px;
        padding: 10px 14px;
    }

    .mystorage-about-badge strong {
        font-size: 13px;
    }

    .mystorage-about-badge span {
        font-size: 10px;
    }

    .mystorage-about-content h2 {
        font-size: 28px;
    }

    .mystorage-about-content p {
        font-size: 13px;
        line-height: 1.65;
    }

    .mystorage-about-features {
        grid-template-columns: 1fr;
        gap: 13px;
        margin-top: 18px;
    }

    .mystorage-about-btn {
        width: 100%;
        justify-content: center;
    }
}.mystorage-services-premium{
    width:100%;
    padding:80px 20px;
    background:#f7f9fc;
    overflow:hidden;
}

.mystorage-services-wrap{
    max-width:1200px;
    margin:auto;
}


/* HEADING */

.mystorage-services-heading{
    max-width:720px;
    margin:0 auto 48px;
    text-align:center;
}

.mystorage-services-label{
    display:inline-block;
    padding:8px 16px;
    border-radius:50px;
    background:#fff0e9;
    color:#f05200;
    font-size:12px;
    font-weight:800;
    letter-spacing:1.5px;
    margin-bottom:15px;
}

.mystorage-services-heading h2{
    margin:0;
    color:#071d55;
    font-size:40px;
    line-height:1.18;
    font-weight:700;
}

.mystorage-services-heading h2 strong{
    color:#f05200;
}

.mystorage-services-heading p{
    margin:17px auto 0;
    max-width:650px;
    color:#687386;
    font-size:15px;
    line-height:1.8;
}


/* GRID */

.mystorage-services-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}


/* CARD */

.mystorage-service-card{
    position:relative;
    display:flex;
    align-items:stretch;
    min-height:230px;
    overflow:hidden;
    text-decoration:none;
    background:#fff;
    border:1px solid #e8edf4;
    border-radius:18px;
    box-shadow:0 12px 35px rgba(3,26,91,.07);
}


/* NUMBER */

.mystorage-service-number{
    position:absolute;
    right:18px;
    top:8px;
    font-size:75px;
    line-height:1;
    font-weight:900;
    color:#071d55;
    opacity:.035;
}


/* ICON PANEL */

.mystorage-service-icon{
    width:105px;
    min-width:105px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(
        150deg,
        #031a5b 0%,
        #0f2d6b 65%,
        #1a3f8a 100%
    );
    position:relative;
}

.mystorage-service-icon:after{
    content:"";
    position:absolute;
    width:58px;
    height:58px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
}

.mystorage-service-icon i{
    position:relative;
    z-index:2;
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:#f05200;
    color:#fff;
    font-size:23px;
}


/* CONTENT */

.mystorage-service-content{
    flex:1;
    padding:30px 27px 24px;
    position:relative;
}

.mystorage-service-content > span{
    display:block;
    margin-bottom:7px;
    color:#f05200;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.3px;
}

.mystorage-service-content h3{
    margin:0;
    color:#071d55;
    font-size:23px;
    font-weight:800;
}

.mystorage-service-content p{
    margin:11px 0 21px;
    color:#6d7788;
    font-size:13.5px;
    line-height:1.7;
    max-width:390px;
}


/* BOTTOM */

.mystorage-service-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:14px;
    border-top:1px solid #edf0f5;
}

.mystorage-service-bottom b{
    color:#263650;
    font-size:12px;
    font-weight:700;
}

.mystorage-service-bottom i{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff0e9;
    color:#f05200;
    font-size:13px;
}


/* TABLET */

@media(max-width:850px){

    .mystorage-services-premium{
        padding:65px 18px;
    }

    .mystorage-services-heading h2{
        font-size:34px;
    }

    .mystorage-services-grid{
        grid-template-columns:1fr;
        max-width:700px;
        margin:auto;
    }
}


/* MOBILE */

@media(max-width:600px){

    .mystorage-services-premium{
        padding:50px 14px;
    }

    .mystorage-services-heading{
        margin-bottom:32px;
    }

    .mystorage-services-label{
        font-size:10px;
        padding:7px 13px;
    }

    .mystorage-services-heading h2{
        font-size:28px;
    }

    .mystorage-services-heading p{
        font-size:13px;
        line-height:1.7;
    }

    .mystorage-services-grid{
        gap:16px;
    }

    .mystorage-service-card{
        min-height:auto;
    }

    .mystorage-service-icon{
        width:82px;
        min-width:82px;
    }

    .mystorage-service-icon i{
        width:46px;
        height:46px;
        font-size:19px;
        border-radius:12px;
    }

    .mystorage-service-icon:after{
        width:52px;
        height:52px;
    }

    .mystorage-service-content{
        padding:23px 17px 20px;
    }

    .mystorage-service-content h3{
        font-size:19px;
    }

    .mystorage-service-content p{
        font-size:12.5px;
        line-height:1.6;
        margin:8px 0 16px;
    }

    .mystorage-service-bottom b{
        font-size:10.5px;
    }

    .mystorage-service-bottom i{
        width:30px;
        height:30px;
        font-size:11px;
    }

    .mystorage-service-number{
        font-size:55px;
        right:10px;
    }
}
/* ================= WHY CHOOSE US ================= */

.mystorage-why-section{
    width:100%;
    padding:78px 20px;
    background:#ffffff;
    overflow:hidden;
}

.mystorage-why-container{
    max-width:1200px;
    margin:auto;
}

.mystorage-why-layout{
    display:grid;
    grid-template-columns:390px 1fr;
    gap:55px;
    align-items:center;
}


/* ================= LEFT PANEL ================= */

.mystorage-why-intro{
    position:relative;
    padding:42px 36px;
    border-radius:24px;
    overflow:hidden;
    background:
    linear-gradient(
        145deg,
        #031a5b 0%,
        #0f2d6b 65%,
        #1a3f8a 100%
    );
    box-shadow:0 18px 45px rgba(3,26,91,.15);
}

.mystorage-why-intro:before{
    content:"";
    position:absolute;
    width:210px;
    height:210px;
    right:-100px;
    top:-100px;
    border:35px solid rgba(255,255,255,.035);
    border-radius:50%;
}

.mystorage-why-intro:after{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    left:-85px;
    bottom:-90px;
    border:28px solid rgba(240,82,0,.12);
    border-radius:50%;
}

.mystorage-why-small-title{
    position:relative;
    z-index:2;
    display:inline-block;
    padding:7px 13px;
    border-radius:30px;
    background:rgba(240,82,0,.16);
    color:#ff9a69;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
}

.mystorage-why-intro h2{
    position:relative;
    z-index:2;
    margin:20px 0 15px;
    color:#fff;
    font-size:38px;
    line-height:1.12;
    font-weight:700;
}

.mystorage-why-intro h2 span{
    color:#f05200;
    display:block;
}

.mystorage-why-intro > p{
    position:relative;
    z-index:2;
    margin:0;
    color:rgba(255,255,255,.72);
    font-size:13.5px;
    line-height:1.8;
}


/* TRUST */

.mystorage-why-trust{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:13px;
    margin:27px 0;
    padding:14px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:12px;
    background:rgba(255,255,255,.05);
}

.mystorage-why-trust-icon{
    width:42px;
    height:42px;
    min-width:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#f05200;
    color:#fff;
}

.mystorage-why-trust strong{
    display:block;
    color:#fff;
    font-size:13px;
    margin-bottom:3px;
}

.mystorage-why-trust small{
    color:rgba(255,255,255,.55);
    font-size:10.5px;
}


/* CTA */

.mystorage-why-cta{
    position:relative;
    z-index:2;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:13px 18px;
    border-radius:9px;
    background:#f05200;
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
}

.mystorage-why-cta i{
    font-size:11px;
}


/* ================= RIGHT GRID ================= */

.mystorage-why-reasons{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
}


/* CARD */

.mystorage-why-card{
    position:relative;
    display:flex;
    gap:16px;
    min-height:155px;
    padding:22px 20px;
    text-decoration:none;
    border:1px solid #e8edf4;
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 25px rgba(3,26,91,.055);
    overflow:hidden;
}

.mystorage-why-card:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:3px;
    background:#f05200;
}


/* ICON */

.mystorage-why-icon{
    width:46px;
    height:46px;
    min-width:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#fff0e9;
    color:#f05200;
    font-size:17px;
}


/* CONTENT */

.mystorage-why-content{
    padding-right:20px;
}

.mystorage-why-content span{
    display:block;
    margin-bottom:3px;
    color:#a7afbc;
    font-size:10px;
    font-weight:800;
}

.mystorage-why-content h3{
    margin:0 0 7px;
    color:#071d55;
    font-size:16px;
    font-weight:800;
}

.mystorage-why-content p{
    margin:0;
    color:#737d8d;
    font-size:11.5px;
    line-height:1.65;
}


/* ARROW */

.mystorage-why-arrow{
    position:absolute;
    right:16px;
    top:18px;
    color:#c5cbd4;
    font-size:11px;
}


/* ================= TABLET ================= */

@media(max-width:1000px){

    .mystorage-why-layout{
        grid-template-columns:1fr;
        gap:35px;
    }

    .mystorage-why-intro{
        max-width:700px;
        width:100%;
        margin:auto;
    }

}


/* ================= MOBILE ================= */

@media(max-width:650px){

    .mystorage-why-section{
        padding:55px 14px;
    }

    .mystorage-why-intro{
        padding:32px 24px;
        border-radius:20px;
    }

    .mystorage-why-intro h2{
        font-size:31px;
    }

    .mystorage-why-intro > p{
        font-size:12.5px;
    }

    .mystorage-why-reasons{
        grid-template-columns:1fr;
        gap:13px;
    }

    .mystorage-why-card{
        min-height:135px;
        padding:19px 17px;
    }

    .mystorage-why-content h3{
        font-size:15px;
    }

    .mystorage-why-content p{
        font-size:11px;
    }

}
/* =====================================================
   MY STORAGE - PREMIUM WORK PROCESS
===================================================== */

.mystorage-workpro{
    width:100%;
    padding:82px 20px;
    background:#f6f8fb;
    overflow:hidden;
}

.mystorage-workpro-container{
    max-width:1200px;
    margin:auto;
}


/* =====================================================
   HEADER
===================================================== */

.mystorage-workpro-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:50px;
    margin-bottom:42px;
}

.mystorage-workpro-kicker{
    display:inline-block;
    color:#f05200;
    font-size:11px;
    font-weight:900;
    letter-spacing:2px;
    margin-bottom:12px;
}

.mystorage-workpro-header h2{
    margin:0;
    color:#071d55;
    font-size:40px;
    line-height:1.15;
    font-weight:700;
}

.mystorage-workpro-header h2 strong{
    color:#f05200;
}

.mystorage-workpro-header > p{
    max-width:390px;
    margin:0 0 3px;
    color:#707b8d;
    font-size:13px;
    line-height:1.8;
}


/* =====================================================
   MAIN BOARD
===================================================== */

.mystorage-workpro-board{
    display:grid;
    grid-template-columns:42% 58%;
    min-height:570px;
    overflow:hidden;
    border-radius:26px;
    background:
        linear-gradient(
            145deg,
            #031a5b 0%,
            #0b2868 55%,
            #173f8b 100%
        );
    box-shadow:0 22px 55px rgba(3,26,91,.14);
}


/* =====================================================
   LEFT VISUAL
===================================================== */

.mystorage-workpro-visual{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:570px;
    overflow:hidden;
}


/* DECORATIVE CIRCLES */

.mystorage-workpro-visual:before{
    content:"";
    position:absolute;
    width:390px;
    height:390px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:50%;
}

.mystorage-workpro-visual:after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border:1px solid rgba(240,82,0,.22);
    border-radius:50%;
}


/* CENTRAL CIRCLE */

.mystorage-workpro-circle{
    position:relative;
    z-index:3;
    width:245px;
    height:245px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:
        0 0 0 20px rgba(255,255,255,.018),
        0 20px 50px rgba(0,0,0,.18);
}

.mystorage-workpro-circle-inner{
    width:185px;
    height:185px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    border-radius:50%;
    background:#fff;
}

.mystorage-workpro-circle-inner i{
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px;
    border-radius:14px;
    background:#f05200;
    color:#fff;
    font-size:22px;
}

.mystorage-workpro-circle-inner span{
    color:#071d55;
    font-size:14px;
    font-weight:900;
    letter-spacing:1px;
}

.mystorage-workpro-circle-inner small{
    margin-top:5px;
    color:#8992a1;
    font-size:9px;
}


/* FLOATING TAGS */

.mystorage-workpro-visual-tag{
    position:absolute;
    z-index:5;
    display:flex;
    align-items:center;
    gap:7px;
    padding:10px 13px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:9px;
    background:rgba(255,255,255,.07);
    color:#fff;
    font-size:10px;
    font-weight:700;
    backdrop-filter:blur(5px);
}

.mystorage-workpro-visual-tag i{
    color:#f05200;
}

.tag-one{
    top:115px;
    left:28px;
}

.tag-two{
    right:28px;
    top:180px;
}

.tag-three{
    left:55px;
    bottom:120px;
}


/* =====================================================
   RIGHT STEPS
===================================================== */

.mystorage-workpro-steps{
    position:relative;
    padding:45px 42px;
    background:#fff;
}


/* VERTICAL LINE */

.mystorage-workpro-steps:before{
    content:"";
    position:absolute;
    left:78px;
    top:78px;
    bottom:78px;
    width:1px;
    background:#e2e6ed;
}


/* STEP */

.mystorage-workpro-step{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:48px 58px 1fr 30px;
    align-items:center;
    gap:15px;
    min-height:110px;
    padding:14px 0;
    text-decoration:none;
    border-bottom:1px solid #edf0f4;
}

.mystorage-workpro-step:last-child{
    border-bottom:0;
}


/* NUMBER */

.mystorage-workpro-step-no{
    color:#c7cdd7;
    font-size:13px;
    font-weight:900;
}


/* ICON */

.mystorage-workpro-step-icon{
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    background:#fff0e9;
    color:#f05200;
    font-size:18px;
    border:6px solid #fff;
    box-shadow:0 0 0 1px #f0f2f5;
}


/* CONTENT */

.mystorage-workpro-step-content span{
    display:block;
    margin-bottom:5px;
    color:#f05200;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.3px;
}

.mystorage-workpro-step-content h3{
    margin:0 0 5px;
    color:#071d55;
    font-size:17px;
    font-weight:800;
}

.mystorage-workpro-step-content p{
    max-width:410px;
    margin:0;
    color:#7b8493;
    font-size:11.5px;
    line-height:1.65;
}


/* ARROW */

.mystorage-workpro-step-arrow{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#f6f8fb;
    color:#f05200;
    font-size:10px;
}


/* =====================================================
   BOTTOM STRIP
===================================================== */

.mystorage-workpro-bottom{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin-top:18px;
    padding:17px 24px;
    border:1px solid #e5eaf1;
    border-radius:13px;
    background:#fff;
}

.mystorage-workpro-bottom div{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-right:1px solid #e5e9ef;
}

.mystorage-workpro-bottom div:last-child{
    border-right:0;
}

.mystorage-workpro-bottom strong{
    color:#f05200;
    font-size:12px;
}

.mystorage-workpro-bottom span{
    color:#35445d;
    font-size:11px;
    font-weight:700;
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:950px){

    .mystorage-workpro-header{
        display:block;
    }

    .mystorage-workpro-header > p{
        margin-top:15px;
        max-width:650px;
    }

    .mystorage-workpro-board{
        grid-template-columns:1fr;
    }

    .mystorage-workpro-visual{
        min-height:390px;
    }

    .mystorage-workpro-steps{
        padding:35px 30px;
    }

    .mystorage-workpro-steps:before{
        left:66px;
        top:68px;
        bottom:68px;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:600px){

    .mystorage-workpro{
        padding:55px 14px;
    }

    .mystorage-workpro-header{
        margin-bottom:28px;
    }

    .mystorage-workpro-header h2{
        font-size:29px;
    }

    .mystorage-workpro-header > p{
        font-size:12px;
        line-height:1.7;
    }

    .mystorage-workpro-board{
        border-radius:19px;
    }

    .mystorage-workpro-visual{
        min-height:315px;
    }

    .mystorage-workpro-visual:before{
        width:250px;
        height:250px;
    }

    .mystorage-workpro-visual:after{
        width:190px;
        height:190px;
    }

    .mystorage-workpro-circle{
        width:190px;
        height:190px;
    }

    .mystorage-workpro-circle-inner{
        width:145px;
        height:145px;
    }

    .mystorage-workpro-circle-inner i{
        width:40px;
        height:40px;
        font-size:17px;
        margin-bottom:7px;
    }

    .mystorage-workpro-circle-inner span{
        font-size:11px;
    }

    .mystorage-workpro-circle-inner small{
        font-size:7px;
    }

    .mystorage-workpro-visual-tag{
        padding:7px 9px;
        font-size:8px;
    }

    .tag-one{
        top:55px;
        left:12px;
    }

    .tag-two{
        right:12px;
        top:105px;
    }

    .tag-three{
        left:20px;
        bottom:55px;
    }

    .mystorage-workpro-steps{
        padding:24px 17px;
    }

    .mystorage-workpro-steps:before{
        display:none;
    }

    .mystorage-workpro-step{
        grid-template-columns:38px 46px 1fr 25px;
        gap:9px;
        min-height:115px;
    }

    .mystorage-workpro-step-no{
        font-size:11px;
    }

    .mystorage-workpro-step-icon{
        width:43px;
        height:43px;
        border-radius:12px;
        font-size:15px;
        border-width:4px;
    }

    .mystorage-workpro-step-content{
        padding-right:3px;
    }

    .mystorage-workpro-step-content span{
        font-size:7px;
    }

    .mystorage-workpro-step-content h3{
        font-size:14px;
    }

    .mystorage-workpro-step-content p{
        font-size:10px;
        line-height:1.55;
    }

    .mystorage-workpro-step-arrow{
        width:25px;
        height:25px;
        font-size:8px;
    }

    .mystorage-workpro-bottom{
        grid-template-columns:1fr 1fr;
        gap:12px;
        padding:15px 12px;
    }

    .mystorage-workpro-bottom div{
        justify-content:flex-start;
        border-right:0;
    }

    .mystorage-workpro-bottom span{
        font-size:9px;
    }

}/* =====================================================
   MY STORAGE - PREMIUM WORK PROCESS
===================================================== */

.mystorage-workpro{
    width:100%;
    padding:82px 20px;
    background:#f6f8fb;
    overflow:hidden;
}

.mystorage-workpro-container{
    max-width:1200px;
    margin:auto;
}


/* =====================================================
   HEADER
===================================================== */

.mystorage-workpro-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:50px;
    margin-bottom:42px;
}

.mystorage-workpro-kicker{
    display:inline-block;
    color:#f05200;
    font-size:11px;
    font-weight:900;
    letter-spacing:2px;
    margin-bottom:12px;
}

.mystorage-workpro-header h2{
    margin:0;
    color:#071d55;
    font-size:40px;
    line-height:1.15;
    font-weight:700;
}

.mystorage-workpro-header h2 strong{
    color:#f05200;
}

.mystorage-workpro-header > p{
    max-width:390px;
    margin:0 0 3px;
    color:#707b8d;
    font-size:13px;
    line-height:1.8;
}


/* =====================================================
   MAIN BOARD
===================================================== */

.mystorage-workpro-board{
    display:grid;
    grid-template-columns:42% 58%;
    min-height:570px;
    overflow:hidden;
    border-radius:26px;
    background:
        linear-gradient(
            145deg,
            #031a5b 0%,
            #0b2868 55%,
            #173f8b 100%
        );
    box-shadow:0 22px 55px rgba(3,26,91,.14);
}


/* =====================================================
   LEFT VISUAL
===================================================== */

.mystorage-workpro-visual{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:570px;
    overflow:hidden;
}


/* DECORATIVE CIRCLES */

.mystorage-workpro-visual:before{
    content:"";
    position:absolute;
    width:390px;
    height:390px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:50%;
}

.mystorage-workpro-visual:after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border:1px solid rgba(240,82,0,.22);
    border-radius:50%;
}


/* CENTRAL CIRCLE */

.mystorage-workpro-circle{
    position:relative;
    z-index:3;
    width:245px;
    height:245px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:
        0 0 0 20px rgba(255,255,255,.018),
        0 20px 50px rgba(0,0,0,.18);
}

.mystorage-workpro-circle-inner{
    width:185px;
    height:185px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    border-radius:50%;
    background:#fff;
}

.mystorage-workpro-circle-inner i{
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px;
    border-radius:14px;
    background:#f05200;
    color:#fff;
    font-size:22px;
}

.mystorage-workpro-circle-inner span{
    color:#071d55;
    font-size:14px;
    font-weight:900;
    letter-spacing:1px;
}

.mystorage-workpro-circle-inner small{
    margin-top:5px;
    color:#8992a1;
    font-size:9px;
}


/* FLOATING TAGS */

.mystorage-workpro-visual-tag{
    position:absolute;
    z-index:5;
    display:flex;
    align-items:center;
    gap:7px;
    padding:10px 13px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:9px;
    background:rgba(255,255,255,.07);
    color:#fff;
    font-size:10px;
    font-weight:700;
    backdrop-filter:blur(5px);
}

.mystorage-workpro-visual-tag i{
    color:#f05200;
}

.tag-one{
    top:115px;
    left:28px;
}

.tag-two{
    right:28px;
    top:180px;
}

.tag-three{
    left:55px;
    bottom:120px;
}


/* =====================================================
   RIGHT STEPS
===================================================== */

.mystorage-workpro-steps{
    position:relative;
    padding:45px 42px;
    background:#fff;
}


/* VERTICAL LINE */

.mystorage-workpro-steps:before{
    content:"";
    position:absolute;
    left:78px;
    top:78px;
    bottom:78px;
    width:1px;
    background:#e2e6ed;
}


/* STEP */

.mystorage-workpro-step{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:48px 58px 1fr 30px;
    align-items:center;
    gap:15px;
    min-height:110px;
    padding:14px 0;
    text-decoration:none;
    border-bottom:1px solid #edf0f4;
}

.mystorage-workpro-step:last-child{
    border-bottom:0;
}


/* NUMBER */

.mystorage-workpro-step-no{
    color:#c7cdd7;
    font-size:13px;
    font-weight:900;
}


/* ICON */

.mystorage-workpro-step-icon{
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    background:#fff0e9;
    color:#f05200;
    font-size:18px;
    border:6px solid #fff;
    box-shadow:0 0 0 1px #f0f2f5;
}


/* CONTENT */

.mystorage-workpro-step-content span{
    display:block;
    margin-bottom:5px;
    color:#f05200;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.3px;
}

.mystorage-workpro-step-content h3{
    margin:0 0 5px;
    color:#071d55;
    font-size:17px;
    font-weight:800;
}

.mystorage-workpro-step-content p{
    max-width:410px;
    margin:0;
    color:#7b8493;
    font-size:11.5px;
    line-height:1.65;
}


/* ARROW */

.mystorage-workpro-step-arrow{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#f6f8fb;
    color:#f05200;
    font-size:10px;
}


/* =====================================================
   BOTTOM STRIP
===================================================== */

.mystorage-workpro-bottom{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin-top:18px;
    padding:17px 24px;
    border:1px solid #e5eaf1;
    border-radius:13px;
    background:#fff;
}

.mystorage-workpro-bottom div{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-right:1px solid #e5e9ef;
}

.mystorage-workpro-bottom div:last-child{
    border-right:0;
}

.mystorage-workpro-bottom strong{
    color:#f05200;
    font-size:12px;
}

.mystorage-workpro-bottom span{
    color:#35445d;
    font-size:11px;
    font-weight:700;
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:950px){

    .mystorage-workpro-header{
        display:block;
    }

    .mystorage-workpro-header > p{
        margin-top:15px;
        max-width:650px;
    }

    .mystorage-workpro-board{
        grid-template-columns:1fr;
    }

    .mystorage-workpro-visual{
        min-height:390px;
    }

    .mystorage-workpro-steps{
        padding:35px 30px;
    }

    .mystorage-workpro-steps:before{
        left:66px;
        top:68px;
        bottom:68px;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:600px){

    .mystorage-workpro{
        padding:55px 14px;
    }

    .mystorage-workpro-header{
        margin-bottom:28px;
    }

    .mystorage-workpro-header h2{
        font-size:29px;
    }

    .mystorage-workpro-header > p{
        font-size:12px;
        line-height:1.7;
    }

    .mystorage-workpro-board{
        border-radius:19px;
    }

    .mystorage-workpro-visual{
        min-height:315px;
    }

    .mystorage-workpro-visual:before{
        width:250px;
        height:250px;
    }

    .mystorage-workpro-visual:after{
        width:190px;
        height:190px;
    }

    .mystorage-workpro-circle{
        width:190px;
        height:190px;
    }

    .mystorage-workpro-circle-inner{
        width:145px;
        height:145px;
    }

    .mystorage-workpro-circle-inner i{
        width:40px;
        height:40px;
        font-size:17px;
        margin-bottom:7px;
    }

    .mystorage-workpro-circle-inner span{
        font-size:11px;
    }

    .mystorage-workpro-circle-inner small{
        font-size:7px;
    }

    .mystorage-workpro-visual-tag{
        padding:7px 9px;
        font-size:8px;
    }

    .tag-one{
        top:55px;
        left:12px;
    }

    .tag-two{
        right:12px;
        top:105px;
    }

    .tag-three{
        left:20px;
        bottom:55px;
    }

    .mystorage-workpro-steps{
        padding:24px 17px;
    }

    .mystorage-workpro-steps:before{
        display:none;
    }

    .mystorage-workpro-step{
        grid-template-columns:38px 46px 1fr 25px;
        gap:9px;
        min-height:115px;
    }

    .mystorage-workpro-step-no{
        font-size:11px;
    }

    .mystorage-workpro-step-icon{
        width:43px;
        height:43px;
        border-radius:12px;
        font-size:15px;
        border-width:4px;
    }

    .mystorage-workpro-step-content{
        padding-right:3px;
    }

    .mystorage-workpro-step-content span{
        font-size:7px;
    }

    .mystorage-workpro-step-content h3{
        font-size:14px;
    }

    .mystorage-workpro-step-content p{
        font-size:10px;
        line-height:1.55;
    }

    .mystorage-workpro-step-arrow{
        width:25px;
        height:25px;
        font-size:8px;
    }

    .mystorage-workpro-bottom{
        grid-template-columns:1fr 1fr;
        gap:12px;
        padding:15px 12px;
    }

    .mystorage-workpro-bottom div{
        justify-content:flex-start;
        border-right:0;
    }

    .mystorage-workpro-bottom span{
        font-size:9px;
    }

}
/* =========================================================
   MY STORAGE HOUSEHOLD STORAGE PAGE
========================================================= */

.mystorage-household-page{
    background:#f8fafc;
    padding:60px 20px;
    font-family:Arial, Helvetica, sans-serif;
    color:#031a5b;
}

.mystorage-household-container{
    max-width:1200px;
    margin:auto;
}


/* ================= INTRO ================= */

.mystorage-household-intro{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    gap:55px;
    margin-bottom:65px;
}

.mystorage-household-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#f05200;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.8px;
    margin-bottom:12px;
}

.mystorage-household-eyebrow i{
    font-size:13px;
}

.mystorage-household-intro h2{
    margin:0 0 17px;
    font-size:39px;
    line-height:1.15;
    font-weight:800;
    color:#031a5b;
}

.mystorage-household-intro h2 span{
    color:#f05200;
}

.mystorage-household-intro-text p{
    margin:0 0 13px;
    color:#68758c;
    font-size:14px;
    line-height:1.85;
}

.mystorage-household-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:23px;
}

.mystorage-household-buttons a{
    text-decoration:none;
}

.mystorage-household-primary-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    background:#f05200;
    color:#fff;
    padding:13px 19px;
    font-size:12px;
    font-weight:800;
}

.mystorage-household-secondary-btn{
    display:inline-flex;
    align-items:center;
    gap:9px;
    background:#fff;
    border:1px solid #dfe5ed;
    color:#031a5b;
    padding:13px 19px;
    font-size:12px;
    font-weight:800;
}


/* ================= IMAGE ================= */

.mystorage-household-visual{
    position:relative;
}

.mystorage-household-image-box{
    position:relative;
    overflow:hidden;
    background:#fff;
    border:1px solid #e4e9f0;
    padding:9px;
    box-shadow:0 15px 40px rgba(3,26,91,.07);
}

.mystorage-household-image-box img{
    display:block;
    width:100%;
    height:390px;
    object-fit:cover;
}

.mystorage-household-image-badge{
    position:absolute;
    left:25px;
    bottom:24px;
    display:flex;
    align-items:center;
    gap:12px;
    background:#fff;
    padding:12px 15px;
    box-shadow:0 8px 25px rgba(3,26,91,.12);
}

.mystorage-household-image-badge > i{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff1eb;
    color:#f05200;
}

.mystorage-household-image-badge strong{
    display:block;
    color:#031a5b;
    font-size:12px;
}

.mystorage-household-image-badge small{
    display:block;
    color:#7c8799;
    font-size:10px;
    margin-top:3px;
}


/* ================= HEADING ================= */

.mystorage-household-heading{
    text-align:center;
    max-width:720px;
    margin:0 auto 32px;
}

.mystorage-household-heading > span{
    color:#f05200;
    font-size:10px;
    font-weight:800;
    letter-spacing:2px;
}

.mystorage-household-heading h3{
    margin:8px 0 9px;
    font-size:29px;
    line-height:1.25;
    color:#031a5b;
}

.mystorage-household-heading h3 strong{
    color:#f05200;
}

.mystorage-household-heading p{
    margin:0;
    color:#718096;
    font-size:13px;
    line-height:1.7;
}


/* ================= FEATURES ================= */

.mystorage-household-features{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    margin-bottom:65px;
}

.mystorage-household-feature{
    display:flex;
    gap:15px;
    padding:22px 18px;
    background:#fff;
    border:1px solid #e5eaf1;
    text-decoration:none;
    color:inherit;
}

.mystorage-household-feature-icon{
    flex:0 0 45px;
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff1eb;
    color:#f05200;
    font-size:18px;
}

.mystorage-household-feature span{
    color:#f05200;
    font-size:9px;
    font-weight:800;
    letter-spacing:1px;
}

.mystorage-household-feature h4{
    margin:4px 0 7px;
    font-size:15px;
    color:#031a5b;
}

.mystorage-household-feature p{
    margin:0;
    color:#718096;
    font-size:11px;
    line-height:1.65;
}


/* ================= WHAT CAN BE STORED ================= */

.mystorage-household-storing{
    background:#fff;
    border:1px solid #e5eaf1;
    padding:35px;
    margin-bottom:65px;
    display:grid;
    grid-template-columns:.8fr 1.5fr;
    gap:45px;
    align-items:center;
}

.mystorage-household-storing-title > span{
    color:#f05200;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.8px;
}

.mystorage-household-storing-title h3{
    margin:8px 0 0;
    font-size:26px;
    line-height:1.3;
    color:#031a5b;
}

.mystorage-household-storing-title h3 strong{
    color:#f05200;
}

.mystorage-household-items{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
}

.mystorage-household-items div{
    min-height:90px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:#f8fafc;
    border:1px solid #edf0f4;
}

.mystorage-household-items i{
    color:#f05200;
    font-size:20px;
}

.mystorage-household-items span{
    color:#35435c;
    font-size:11px;
    font-weight:700;
}


/* ================= BENEFITS ================= */

.mystorage-household-benefits{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:50px;
    align-items:center;
    margin-bottom:65px;
}

.mystorage-household-benefits-content > span{
    color:#f05200;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.8px;
}

.mystorage-household-benefits-content h3{
    margin:9px 0 14px;
    font-size:30px;
    line-height:1.25;
    color:#031a5b;
}

.mystorage-household-benefits-content h3 strong{
    color:#f05200;
}

.mystorage-household-benefits-content p{
    margin:0 0 12px;
    color:#718096;
    font-size:13px;
    line-height:1.8;
}

.mystorage-household-benefits-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.mystorage-household-benefits-list div{
    display:flex;
    align-items:center;
    gap:10px;
    background:#fff;
    border:1px solid #e5eaf1;
    padding:14px 12px;
}

.mystorage-household-benefits-list i{
    width:25px;
    height:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff1eb;
    color:#f05200;
    font-size:10px;
}

.mystorage-household-benefits-list span{
    color:#34425a;
    font-size:11px;
    font-weight:700;
}


/* ================= PROCESS ================= */

.mystorage-household-process{
    margin-bottom:65px;
}

.mystorage-household-process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.mystorage-household-process-item{
    background:#fff;
    border:1px solid #e4e9f0;
    padding:23px 18px;
    position:relative;
}

.mystorage-household-process-item b{
    position:absolute;
    right:15px;
    top:14px;
    color:#e8ebf0;
    font-size:27px;
    font-weight:900;
}

.mystorage-household-process-item > i{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff1eb;
    color:#f05200;
    font-size:17px;
    margin-bottom:15px;
}

.mystorage-household-process-item h4{
    margin:0 0 7px;
    color:#031a5b;
    font-size:14px;
}

.mystorage-household-process-item p{
    margin:0;
    color:#718096;
    font-size:11px;
    line-height:1.65;
}


/* ================= CTA ================= */

.mystorage-household-cta{
    background:linear-gradient(
        135deg,
        #031a5b 0%,
        #0f2d6b 65%,
        #1a3f8a 100%
    );
    padding:32px 35px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}

.mystorage-household-cta > div > span{
    color:#f05200;
    font-size:9px;
    font-weight:800;
    letter-spacing:2px;
}

.mystorage-household-cta h3{
    margin:6px 0 6px;
    color:#fff;
    font-size:25px;
}

.mystorage-household-cta h3 strong{
    color:#f05200;
}

.mystorage-household-cta p{
    margin:0;
    color:#cbd5e7;
    font-size:12px;
}

.mystorage-household-cta > a{
    display:inline-flex;
    align-items:center;
    gap:11px;
    padding:13px 19px;
    background:#f05200;
    color:#fff;
    text-decoration:none;
    white-space:nowrap;
    font-size:12px;
    font-weight:800;
}


/* ================= TABLET ================= */

@media(max-width:1000px){

    .mystorage-household-intro{
        grid-template-columns:1fr;
        gap:30px;
    }

    .mystorage-household-intro h2{
        font-size:34px;
    }

    .mystorage-household-image-box img{
        height:350px;
    }

    .mystorage-household-features{
        grid-template-columns:1fr 1fr;
    }

    .mystorage-household-storing{
        grid-template-columns:1fr;
        gap:25px;
    }

    .mystorage-household-benefits{
        grid-template-columns:1fr;
        gap:30px;
    }

    .mystorage-household-process-grid{
        grid-template-columns:1fr 1fr;
    }

}


/* ================= MOBILE ================= */

@media(max-width:600px){

    .mystorage-household-page{
        padding:38px 15px;
    }

    .mystorage-household-intro{
        margin-bottom:45px;
    }

    .mystorage-household-intro h2{
        font-size:27px;
    }

    .mystorage-household-intro-text p{
        font-size:12px;
        line-height:1.75;
    }

    .mystorage-household-buttons{
        display:grid;
        grid-template-columns:1fr;
    }

    .mystorage-household-buttons a{
        justify-content:center;
    }

    .mystorage-household-image-box img{
        height:250px;
    }

    .mystorage-household-image-badge{
        left:18px;
        bottom:18px;
        padding:9px 11px;
    }

    .mystorage-household-image-badge > i{
        width:32px;
        height:32px;
    }

    .mystorage-household-heading{
        margin-bottom:23px;
    }

    .mystorage-household-heading h3{
        font-size:23px;
    }

    .mystorage-household-heading p{
        font-size:11px;
    }

    .mystorage-household-features{
        grid-template-columns:1fr;
        margin-bottom:45px;
    }

    .mystorage-household-feature{
        padding:18px 15px;
    }

    .mystorage-household-storing{
        padding:23px 17px;
        margin-bottom:45px;
    }

    .mystorage-household-storing-title h3{
        font-size:22px;
    }

    .mystorage-household-items{
        grid-template-columns:1fr 1fr;
    }

    .mystorage-household-items div{
        min-height:80px;
    }

    .mystorage-household-benefits{
        margin-bottom:45px;
    }

    .mystorage-household-benefits-content h3{
        font-size:23px;
    }

    .mystorage-household-benefits-content p{
        font-size:12px;
    }

    .mystorage-household-benefits-list{
        grid-template-columns:1fr;
    }

    .mystorage-household-process{
        margin-bottom:45px;
    }

    .mystorage-household-process-grid{
        grid-template-columns:1fr;
    }

    .mystorage-household-cta{
        padding:25px 20px;
        display:block;
    }

    .mystorage-household-cta h3{
        font-size:21px;
    }

    .mystorage-household-cta p{
        line-height:1.6;
        margin-bottom:17px;
    }

    .mystorage-household-cta > a{
        display:flex;
        justify-content:center;
    }

}