ul.key-feat-box{margin-top:38px;}	
	ul.key-feat-box li{margin-bottom:20px; margin-right: 46px;}
	ul.key-feat-box strong{font-weight:600;}
	.multi-cloud .banner_content_cont{align-items: center;}
	
  .header-title{color:#0f4a68;font-weight:600;margin-bottom:20px;font-size:34px;line-height:36px}
.header-subtitle{margin-bottom:32px;line-height:1.5}
.steps-flow{display:flex;justify-content:space-between;gap:12px}
.step-card{background-color:#f4f9fa;border:1.5px solid #d5dbde;border-radius:16px;padding:20px 18px;flex:1;min-height:220px;display:flex;flex-direction:column}
.multi-cloud .key-feature-sec{float:left;padding:82px 0 55px}
.step-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.step-number{font-size:34px;font-weight:500;color:#0071bc;line-height:1}
.step-icon{width:26px;height:26px;fill:#0071bc}
.step-title{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:12px;line-height:1.25}
.step-desc{font-size:14px;color:#334155;line-height:25px}
.connector{display:flex;align-items:center;justify-content:center;color:#0071bc;flex-shrink:0}
.connector svg{width:22px;height:22px;fill:currentColor}
.how-it-work{border-top:1px solid #dfe2e4;margin-bottom:60px;clear:both;padding-top:85px}
.guides-container{background-color:#fff;padding:70px 32px 12px;text-align:center;width:100%;border-radius:12px}
.guides-title{font-size:26px;font-weight:600;color:#2d3748;margin-bottom:40px}
.button-group{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;margin-bottom:24px}
.guide-btn{background-color:#2f73a3;color:#fff;border:none;border-radius:25px;padding:10px 22px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;display:inline-block;transition:background-color .2s ease,transform .1s ease;font-weight:600}
.guide-btn:hover{background-color:#245c84}
.chevron-icon{display:flex;justify-content:center;align-items:center;color:#2f73a3}
.chevron-icon svg{width:20px;height:20px;stroke-width:2.5}
.multi-cloud .banner_sec .banner_content_area p{font-weight:400;color:#000;font-size:18px;margin-bottom:60px;line-height:29px}
.cta-section{background:#f9fbff;padding:80px 20px 85px;text-align:center;float:left;width:100%;border-top:1px solid #dedede}
.cta-section h2{color:#1f5376;font-size:35px;font-weight:600;line-height:1.3;margin-bottom:25px}
.cta-btn:hover{background:#0b5ea1}
.cta-btn{display:inline-flex;align-items:center;justify-content:center;background:#0f73bf;color:#fff;text-decoration:none;font-size:18px;font-weight:600;padding:15px 38px;border-radius:50px;transition:background .3s ease;margin-top:34px}
.multi-cloud .benefits-wrap .benefits-item .icon.icon4{background:url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/multicloud_icons_5.png) 0 -707px}
.multi-cloud .benefits-wrap .benefits-item .icon.icon2{background:url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/multicloud_icons_5.png) 0 -851px}
.multi-cloud .intro-box{gap:26px}
.multi-cloud .intro-sec .intro-items{border:1px solid #ccc;width:23%;border-radius:10px;padding:30px 20px}
.multi-cloud .intro-sec .intro-items h3{line-height:24px;font-size:17px}
.multi-cloud .intro-sec{padding:80px 0}
.use-cases{padding:80px 0;float:left;width:100%;border-top:1px solid #ccc}
.use-cases h2{color:#0f4a68;font-weight:600;margin-bottom:30px;font-size:34px;line-height:36px}
.use-cases p strong{font-size:18px;font-weight:600;color:#000}
.use-cases p.head{margin-bottom:15px}
.use-cases p{color:#000;float:left;width:100%;line-height:28px}
.code-block{border-radius:10px;margin:20px 0}
.code-block pre{display:block;margin:20px 0 30px;font-size:14px;line-height:28px;word-break:break-all;background-color:#333;border:0;border-radius:4px;color:#fff!important;width:100%;padding:20px;white-space:normal;float:left;word-break:break-word}
.faq-section{width:100%;padding:76px 0 90px;float:left}
.faq-title{text-align:center;font-size:48px;margin-bottom:50px;color:#000;line-height:47px}
.faq-item{border-bottom:1px solid #ddd}
.faq-question{display:flex;justify-content:space-between;align-items:center;padding:10px 5px;cursor:pointer;transition:.3s;margin:15px 0}
.faq-question h3{margin:0;font-size:22px;color:#0056a6;font-weight:600;line-height:30px}
.faq-answer{display:none;padding:10px 5px 30px;transition:transform .35s ease}
.faq-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:.3s}
.faq-icon svg{width:22px;height:22px}
.faq-answer{display:none;overflow:hidden;padding:0 5px}
.faq-answer p{margin:0;padding-bottom:25px;font-size:17px;line-height:28px;color:#000}
.faq-icon{transition:transform .35s ease}
.faq-item.active .faq-icon{transform:rotate(180deg)}

    /* Responsive adjustment for small screens */
    @media (max-width: 768px) {
      .steps-flow {
        flex-direction: column;
      }
      .connector {
        transform: rotate(90deg);
        padding: 6px 0;
      }
      .step-card {
        width: 100%;
        min-height: auto;
      }
    }

/* slider css */
.use-cases{padding:45px 0 70px;width:100%;display:block;position:relative;border-top:none;clear:both;float:none;background:#f5f7fb}
.use-cases .wrapper{max-width:1100px;margin:0 auto;position:relative;overflow:visible}
.use-cases h2.use-cases{text-align:center;font-size:38px;color:#16233b;padding-bottom: 48px;margin-bottom: 0;}
.use-cases .subtitle{text-align:center;color:#5d6b82;margin-bottom:40px;font-size:20px}
.use-cases .viewport{overflow:hidden}
.use-cases .track{display:flex;transition:.45s ease}
.use-cases .slide{min-width:100%}
.use-cases .card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 0 5px #a2a2a2;margin:10px}
.use-cases .badge{display:inline-block;background:#0f73bf;color:#fff;padding:12px 28px;border-radius:30px;font-weight:700;margin:0 auto 15px;position:relative;left:50%;transform:translateX(-50%)}
.use-cases .item{display:flex;gap:20px;padding:33px 0;border-bottom:1px solid #e8e8e8}
.use-cases .item:last-child{border-bottom:none}
/* .use-cases .icon{width:60px;height:60px;border-radius:50%;background:#edf3ff;color:#0f73bf;font-size:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0} */

/* .use-cases .icon{
         width: 109px;
    height: 62px;
    background: url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/e2-mcp-use-cases.png) 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
}
.use-cases .icon.soln{background-position: 0px -111px;width: 95px;}
.use-cases .icon.sim-pro{background-position: 0px -224px;width: 70px;} */


.use-cases .icon{
    width: 45px;
    height: 62px;
    flex-shrink: 0;
    background: url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/e2-mcp-use-cases.png) 0px 0px;
    background-repeat: no-repeat;
}

.use-cases .icon.problem{
    background-position: 0 0;
}

.use-cases .icon.soln{
    background-position: 0 -111px;
}

.use-cases .icon.sim-pro{
    background-position: 0 -224px;
}

.use-cases .item h3{font-size:24px;margin-bottom:18px;font-weight:600;color:#000}
.use-cases .item h3.sample{margin-bottom:30px;}
.use-cases .item p{color:#222}
.use-cases .code{background:#1d2433;color:#fff;border-radius:12px;padding:20px;font-family:Consolas,monospace;margin-top:0px;font-size: 14px;}
.use-cases .arrow{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border:none;border-radius:50%;background:#fff;font-size:30px;cursor:pointer;box-shadow:0 10px 30px #0000001f}
.use-cases .prev{left:-90px}
.use-cases .next{right:-90px}
.use-cases .pagination{display:flex;justify-content:center;gap:15px;margin-top:30px}
.use-cases .dot{width:42px;height:42px;border-radius:50%;border:1px solid #d4d4d4;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600}
.use-cases .dot.active{background:#0f73bf;color:#fff;border-color:#0f73bf}
@media (max-width: 1300px) {
.use-cases .prev{left:-45px}
.use-cases .next{right:-45px}
}
@media (max-width: 1200px) {
.use-cases .prev{left: 10px;z-index: 9;}
.use-cases .next{right:10px}
.use-cases .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: #fff;
    font-size: 19px;
    cursor: pointer;
    box-shadow: 0 10px 30px #0000001f;
}
}
@media (max-width: 980px) {
.use-cases .prev, .use-cases .next{display: none;}
.step-title{min-height: 45px;}
.multi-cloud .key-feature-sec ul li{width: 100%;margin-right: 0;}
.multi-cloud .intro-sec .intro-items{width: 48%;}
.cta-section h2{font-size: 28px;}
}
@media (max-width: 768px) {
.use-cases .arrow{width:50px;height:50px}
.use-cases .item{flex-direction:row;gap: 0px;}
.use-cases .item h3{font-size:24px}
    .step-title { min-height: auto;}
    .use-cases .card{padding: 40px 20px;}
    .use-cases .icon{width: 55px;}
}


@media (max-width: 767px) {
.multi-cloud .intro-sec .intro-items{width: 100%;}
.use-cases h2.use-cases{font-size: 29px;}
.faq-question h3{font-size: 18px;}
.faq-answer p{font-size: 16px;}
.use-cases h2.use-cases{font-size: 25px;}


}
@media (max-width: 640px) {
.button-group{justify-content: center;}
.button-group{flex-direction: column;}
}




.use-cases .code{
    position:relative;
    background:#1d2433;
    color:#fff;
    border-radius:12px;
    padding:40px 20px 33px 20px;
}

.use-cases .copy-btn{
    position:absolute;
    top:12px;
    right:12px;
    display:flex;
    align-items:center;
    gap:8px;
    background:none;
    border:none;
    color:#fff;
    cursor:pointer;
    font-size:13px;
}

.use-cases .copy-text{
      background: #fff;
    color: #000;
    padding: 5px 10px 5px 10px;
    border-radius: 12px;
}

.use-cases .copy-btn:hover{
    opacity:.8;
}
	
	
.multi-cloud .banner_content_cont {
    justify-content: space-between;
}