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}

.card-container h3{font-size: 21px;color: #0f4a68;font-weight: 600;margin-bottom: 20px;}

.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:40px 32px 12px;text-align:center;width:100%;border-radius:12px}
.guides-container.sec2{background-color:#fff;padding:12px 32px 2px;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:17px;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;
}


.benefits-wrap .benefits-item .icon{background: url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/mcp_ai_icons_6.svg) 0 0 no-repeat;height: 128px;}
.multi-cloud .benefits-wrap .benefits-item .icon.icon3{background-position: 0 -3px;}
.multi-cloud .benefits-wrap .benefits-item .icon.icon1{background-position: 0 -169px;}
.multi-cloud .benefits-wrap .benefits-item .icon.icon2{background: url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/mcp_ai_icons_6.svg) 0 -328px no-repeat;}



.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}

.multi-cloud .banner_content_area{width: 47%;}
.multi-cloud .banner_right{width: 50%;}
.multi-cloud .banner_right img{width: 100%;}
.multi-cloud .banner_sec .banner_content_area h1{font-size: 33px;}
.multi-cloud .banner_mobile{display: none;}

.intro-new{float: left;width: 100%;padding: 70px 0;border-bottom: 1px solid #eaeaea;}

.intro-new h2 {
    font-size: 34px;
    color: #104a69;
    line-height: normal;
    font-weight: 600;
    margin-bottom: 25px;
}

.intro-new p{
color: #000;
line-height: 30px;

}

/* why idrive e2 new box css */

.whyIdrive{float:left;width:100%;padding:75px 0 88px;border-bottom:1px solid #dedede;background:#fff}
.whyIdrive h2{text-align:left;width:100%;margin-bottom:22px;font-weight:600;font-size:32px;color:#104a69;line-height:initial}
.ent-storage p.ent-sub-txt{text-align:left;line-height:28px}
.d-flex{display:flex;margin-top:70px;gap:24px;flex-direction:row}
.d-flex p{font-size:15px}
.storage-box{flex:1;border:1px solid #dce3eb;overflow:hidden;background:#fff}
.storage-box.first-box{border-radius:8px;margin-bottom:12px;background:linear-gradient(114.78deg,#FDFFF5 1.3%,#FFF6F6 102.62%)}
.storage-box.first-box .header{background-color:#f5f8fc}
.storage-box.second-box .header{background-color:#f6f3f7}
.storage-box.first-box .header p.options,.storage-box.second-box .header p.options{display:flex;align-items:center;justify-content:center}
.storage-box.first-box .header p.options span,.storage-box.second-box .header p.options span{background-color:#ff6606;padding:7px 26px;border-radius:0 0 27px 27px;color:#fff;font-weight:600;font-size:16px}
.storage-box.first-box ul li.ul-last-point{margin-bottom:75px}
.storage-box.second-box{border-radius:8px;margin-bottom:12px;background:linear-gradient(114.78deg,#FFF 1.3%,#F5F7FF 102.62%)}
.storage-box ul li{font-size:15px}
.storage-intro{padding:25px 14px 0}
.storage-block{padding:25px 30px 0}
.storage-block.last{padding:25px 20px;border-top:1px dashed #dce3eb}
.storage-intro p{margin:0 0 20px;line-height:30px}
.storage-content{float:left;width:100%;padding-bottom:120px}
.storage-content.second-content{float:left;width:100%;padding-bottom:120px}
.storage-box h3{margin:0;padding:35px 20px 35px 18px;text-align:left;font-size:22px;font-weight:600;color:#104a69;background:#f6f3f7;border-bottom:1px solid #dce3eb;line-height:35px}
.storage-box.second-box h3{background:#f5f8fc}
a.ai-link:hover h3,a.mcp-link:hover h3{color:#000}
.storage-box.second-box h3 sup{line-height:normal}
.storage-block{padding-top:25px;border-top:none}
.storage-block h4{margin:0 0 18px;font-size:15px;font-weight:600}
.storage-block ul{margin:0;padding:0;list-style:none;}
.storage-block li{position:relative;padding-left:22px;margin-bottom:22px;color:#000}
.storage-block li::before{content:"";position:absolute;left:0;top:6px;width:12px;height:12px;background:url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/ide_faqbullet_2.svg) no-repeat center;background-size:contain}
.storage-block p{margin:0;line-height:30px}
.benefits-wrap .benefits-item{width: 31%;}
.benefits-wrap .benefits-item:last-child{margin-right: 0;}


hr.divider {
  position: relative;
  height: 1px;
  border: 0;
  background: linear-gradient(
  to right,
  transparent 0%,
  rgba(150, 150, 150, 0.12) 15%,
  rgba(150, 150, 150, 0.40) 50%,
  rgba(150, 150, 150, 0.12) 85%,
  transparent 100%
);
margin: 45px 0 70px 0;
}
.how-it-work h3.sub-heading{font-size: 24px;}
.how-it-work h3{font-size: 21px;
    color: #0f4a68;
    font-weight: 600;
    margin:40px 0px 35px;}
.new-list{padding-left: 18px;}
    .new-list li{line-height: 35px;}
    .use-cases-new{margin: 15px 0;}
.use-cases-new .code {
    background: #1d2433;
    color: #fff;
    border-radius: 12px;
    padding: 20px;
    font-family: Consolas, monospace;
    margin-top: 0px;
    font-size: 14px;
    position: relative;
    background: #1d2433;
    color: #fff;
    border-radius: 12px;
    padding: 30px 20px 23px;

}

.use-cases-new .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-new .copy-text {
    background: #fff;
    color: #000;
    padding: 5px 10px;
    border-radius: 12px;
}





@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;
}
.multi-cloud .banner_sec .banner_content_area h1{font-size: 28px;}
.multi-cloud .banner_sec .banner_content_area p{font-size: 16px;}
.multi-cloud .banner_sec .banner_content_area h1{margin: 30px 0 20px;}

}
@media (max-width: 1024px) {
    .multi-cloud .banner_right img{width: 92%;}
    .multi-cloud .banner_sec .banner_content_area p{font-size: 15px;}
}
@media (max-width: 1023px) {
    .multi-cloud .banner_sec .banner_content_area h1{font-size: 24px;}
}

@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;}
.multi-cloud .banner_content_area{width: 100%;}
.multi-cloud .banner_mobile{display: block;width: 85%;}
.multi-cloud .banner_mobile img{max-width: 100%;}
.multi-cloud .signup-banner .signup-new{margin-top: 44px;}
.multi-cloud .banner_sec .banner_content_area h1{font-size: 30px;}
.d-flex .header{height: auto !important;}
.benefits-wrap .benefits-item{width: 100%;margin: 0px 0px 32px 0px;}

}
@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;}
    .multi-cloud .banner_mobile{width: 92%;}
        .d-flex {
        flex-direction: column;
        gap: 25px;
    }
    .storage-block .btn-wrap {
    bottom: 59px !important;
}
}


@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;}
.multi-cloud .banner_mobile{width: 100%;}
.multi-cloud .banner_sec .banner_content_area h1{font-size: 21px;}
}


.use-cases .code{position:relative;background:#1d2433;color:#fff;border-radius:12px;padding:40px 20px 33px}
.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;border-radius:12px}
.use-cases .copy-btn:hover{opacity:.8}
.multi-cloud .banner_content_cont{justify-content:space-between}

.storage-block span.wt-arrow {
display: inline-block;
    width: 30px;
    height: 15px;
    background: url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/white-arrow.png) no-repeat 7px -3479px;
    transition: transform .3s ease;
    position: relative;
    top: 2px;
}
.storage-block a.btn:hover .wt-arrow {
    transform: translateX(6px);
}

.storage-block .btn-wrap{
    position: absolute;
    bottom: 66px;
}
.storage-block a.btn{
    background-color: #fa665c;
    border: none;
    color: #fff;
    font-size: 15px;
    padding: 13px 18px 13px 23px;
    border-radius: 35px;
    margin-top: 28px;
    transition: transform 1s ease;
    font-weight: 600;
}

.storage-block a.btn:hover{
    cursor: pointer;
    background-color: #fb7067;
}
.storage-box.first-box, .storage-box.second-box {
position: relative;
}

html{scroll-behavior:smooth}
.scrol{scroll-margin-top:100px}