@import url('https://static.idriveonlinebackup.com/structure/style/idrive-theme.css?v=7.9.4');
body { overflow-x: hidden; }
#sb-site { max-width: 100%; overflow-x: hidden; }
.banner-wrapper {
    width: 100%;
    height: auto;
    float: left;
    padding: 100px 0px;
    background: transparent linear-gradient(0deg, #FFFFFF 63%, #FFF7F3 75%) 0% 0% no-repeat padding-box;
}
.banner-wrapper .wrapper { display: flex; align-items: center; gap: 40px; }
.banner-wrapper .banner-text { width: 55%; }
.banner-wrapper .banner-img { width: 45%; text-align: right; }

/* Banner text & pricing box */
.secure-cloud .banner-text h1 { margin-bottom: 10px; }
.secure-cloud .banner-text > p { font-size: 16px; margin-bottom: 0; }
.secure-cloud .serve-price-box { width: auto; margin-top: 50px; }
.secure-cloud .offer_gra_sec { width: auto; height: auto; float: left; display: table; margin: 0 0 30px; }
.secure-cloud .offer_gra_sec .offer_gra { position: relative; width: auto; height: 75px; display: table-cell; vertical-align: middle; padding-right: 20px; text-align: left; }
.secure-cloud .offer_gra_sec .offer_gra:before { content: ''; position: absolute; width: 1px; height: 90%; background: #b6b6b6; right: 5px; bottom: 0; }
.secure-cloud .offer_gra_sec .offer_gra:after { right: -6px; top: 60%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136,183,213,0); border-left-color: #ababab; border-width: 5px; margin-top: -5px; }
.secure-cloud .offer_gra_sec .offer_gra span {font-size: 60px;color: #EE433F;}
.secure-cloud .offer_gra_sec .offer_gra p {font-size: 14px;color: #000000;line-height: normal;position: relative;top: 0px;}
.secure-cloud .offer_gra_sec .offer_gra p sup {color: #f00;}
.secure-cloud .offer_gra_sec .offer_gra_content {display: table-cell;width: auto;vertical-align: middle;padding: 10px 0 0 20px;text-align: left;line-height: 32px;}
.secure-cloud .offer_gra_sec .offer_gra_content p, .secure-cloud .offer_gra_sec .offer_gra_content p span {font-size: 18px;color: #000;margin: 0;line-height: 32px;}
.secure-cloud .offer_gra_sec .offer_gra_content span, .secure-cloud .offer_gra_sec .offer_gra_content span strike {color: #000;font-size: 18px;}
.secure-cloud .offer_gra_sec .offer_gra_content span strong { font-size: 20px; line-height: normal; color: #0071bc; }
.billed-annually { font-size: 14px !important; color: #555; }
.secure-cloud .svr-prc-btn { float: left; clear: both; }
.secure-cloud .svr-prc-btn .btn-green {cursor: pointer;font-size: 20px;font-weight: 500;display: block;width: auto;float: left;padding: 15px 40px 15px 40px;background: #EE433F;color: #fff;text-align: left;border-radius: 40px;margin: 30px 0px 0px;}
.secure-cloud .svr-prc-btn .btn-green:hover { background: #d63330; }

/* Explicit white bg to prevent body/theme background bleeding */
#sb-site { background: #fff; }
.qoute_wrapper { background: #fff; }
.entire_sec { background: #fff; }
.comp-section { background: #fff; }

/* Store files section */
.comp-section { width: 100%; height: auto; float: left; padding: 80px 0 100px; border-bottom: 1px solid #d5d5d5; }
.comp-section .inner_wraper { display: flex; align-items: center; gap: 60px; background: transparent; padding: 0; }
.comp-section .first-content-box-left { width: 50%; }
.comp-section .first-content-box-left h2 { font-size: 30px; line-height: 38px; padding: 7px 0 21px; color: #000; }
.comp-section .first-content-box-left h2 a { color: #333; font-size: 30px; }
.comp-section .first-content-box-left h2 a:hover { color: #1374ab; }
.comp-section .first-content-box-left p { font-size: 18px; color: #000; line-height: 1.7; margin-bottom: 30px; }
.comp-section .first-con-rt-con { width: 50%; text-align: right; overflow: hidden; }
.comp-section .first-con-rt-con img { width: 100%; max-width: 100%; height: auto; display: block; }
.key_benefits_sec {background: transparent linear-gradient(225deg, #EEF2FF 0%, #FFE9E173 100%) 0% 0% no-repeat padding-box;padding: 100px 0px;clear: both;}
.key_benefits_sec h2 {text-align: center;}
.key_benefits_row {width: 100%;height: auto;display: flex;flex-wrap: wrap;gap: 40px;margin: 80px 0px 0px;}
.key_benefits_col {display: flex;gap: 40px;text-align: left;width: calc(32% - 30px);border: 1px solid #d5d5d5;border-radius: 20px;padding: 40px;position: relative;background: #fff;box-sizing: border-box;min-width: 0;}
.key_benefits_content { min-width: 0; overflow-wrap: break-word; word-break: break-word; }
.key_benefits_col h3 {margin-bottom: 20px;}
.key_benefits_col span {width: 110px;height: 110px;display: inline-block;margin: 0px 0px 0px;background: url(https://static.idriveonlinebackup.com/structure/images/true_acrhiving_icons05.svg) no-repeat;}
.key_benefits_col span.file_icon {background-position: 0px 10px;}
.key_benefits_col span.delete_icon {background-position: 0px -175px;width: 80px;}
.key_benefits_col span.easy_icon {background-position: 0px -350px;width: 90px;}
.key_benefits_col span.save_icon {background-position: 0px -532px;}
.h2_heading{text-align: center;}
.more_wrap {
    width: 100%;
    height: auto;
    float: left;
    margin: 100px 0;
}

.verticals-features {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 60px;
    width: 100%;
}

.verticals-features a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-decoration: none;
    background: #fff;
    padding: 24px;
    border-radius: 16px;
    transition: all .3s ease;
    box-sizing: border-box;
    height: 100%;
}

.keep_protect {
    float: var(--leftFloat);
    width: var(--widthFull);
    height: var(--heightAuto);
    padding: 80px 0;
    border-top: 1px solid #dbd8d8;
}

.more_wrap h2 {
    text-align: center;
    margin-bottom: 60px;
    font-size: 42px;
}
.verticals-features a:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,.08);
}

.verticals-features img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    margin-bottom: 16px;
}

.verticals-features h3 {
    margin: 0 0 20px;
    color: #000;
}

.verticals-features h3:hover {
    color: var(--colorRed);
}

.verticals-features .clear {
    display: none;
}

.more_icon {
    width: 60px;
    height: 55px;
    display: block;
    margin-bottom: 25px;background: url(https://static.idriveonlinebackup.com/structure/images/cloud-storage-icons16.svg) no-repeat;
}
.more_icon.multiple {
    background-position: 0px 15px;
}

.more_icon.mobile {
    background-position: 0px -305px;
}


.more_icon.local {
    background-position: 0px -625px;
}

.more_icon.express {
    background-position: 0px -785px;
}

.more_icon.snapshots {
    background-position: 0px -140px;
}

.more_icon.security {
    background-position: 0px -465px;
}

@media (max-width: 1024px) {
    .banner-wrapper .banner-img { display: none; }
    .banner-wrapper .banner-text { width: 100%; }
}

@media (max-width: 980px) {
    .banner-wrapper { padding: 50px 0; }
    .banner-wrapper .wrapper { flex-direction: column; }
    .banner-wrapper .banner-img { display: none; }
    .banner-wrapper .banner-text { width: 100%; text-align: left; }
    .entire_sec { padding: 0 0 40px; }
    .comp-section { padding: 40px 0 50px; }
    .comp-section .inner_wraper { flex-direction: column; }
    .comp-section .first-content-box-left, .comp-section .first-con-rt-con { width: 100%; text-align: left; }
    .file-sync-con { padding: 50px 0; }
    .file-sync-inner-con { margin-top: 30px; }
    .key_benefits_sec { padding: 50px 0; }
    .key_benefits_col { width: calc(50% - 20px); padding: 30px; }
    .more_wrap { margin: 50px 0; }
    .verticals-features {
        grid-template-columns:repeat(2,1fr);
        gap: 30px;
    }
}

@media (max-width: 640px) {
    .key_benefits_row { gap: 20px; }
    .key_benefits_col { width: 100%; padding: 24px; }
    .key_benefits_sec { padding: 60px 0; }
    .verticals-features {
        grid-template-columns:1fr;
        gap: 16px;
    }

    .verticals-features a {
        padding: 20px;
    }

    .verticals-features h3 {
        font-size: 20px;
    }

    .verticals-features p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 980px) {
    .entire_cont { display: table; }
    .entire_cont .entire_col, .entire_cont .entire_col:first-child { width: 100%; }
}

/* Cloud Drive and sharing section */
.file-sync-con { width: 100%; float: left; padding: 100px 0 100px; background: #fff; }
.file-sync-con .wrapper { display: flex; flex-wrap: wrap; }
.file-sync-con .wrapper > h2 { width: 100%; text-align: center; font-size: 30px; color: #000; margin-bottom: 10px; }
.file-sync-con .wrapper > h2 a { color: #000; }
.file-sync-con .wrapper > h2 a:hover { color: #1374ab; }
.sync-subtitle { width: 100%; text-align: center; font-size: 18px; color: #333; margin-bottom: 0; }
.file-sync-inner-con { width: 50%; margin-top: 60px; box-sizing: border-box; }
.file-sync-left-con { display: none; }
.sync-first-con { padding-right: 60px; border-right: 1px solid #d5d5d5; }
.file-sync-inner-con:last-of-type { padding-left: 60px; }
.file-sync-des-con { width: 100%; }
.file-sync-des-con h3 { font-size: 22px; font-weight: 700; color: #000; margin-bottom: 20px; }
.file-sync-des-con h3 a { color: #000; }
.file-sync-des-con h3 a:hover { color: #1374ab; }
.file-sync-des-con p { font-size: 18px; color: #333; line-height: 1.7; }
.file-sync-inner-con .clear { display: none; }

@media only screen and (max-width: 767px) {
    .file-sync-inner-con { width: 100%; padding: 0 !important; border: none !important; }
    .sync-first-con { border-right: none; border-bottom: 1px solid #d5d5d5; padding-bottom: 40px; }
}
