@import url('https://static.idriveonlinebackup.com/new-design/structure/style/idrive-theme.css?v=4.3.5');
.feature_heading_row {width: 100%;height: auto;float: left;text-align: center;padding: 20px 0;background:#fff;position: relative;}
.feature_heading_row:before {content: '';position: absolute;left: 0px;top: 0px;background: url(https://static.idriveonlinebackup.com/structure/images/price_element1.png) no-repeat left top;background-size: contain;width: 20%;height: 15%;}
.feature_heading_row:after {content: '';position: absolute;right: 0px;top: 0px;background: url(https://static.idriveonlinebackup.com/structure/images/price_element2.png) no-repeat right top;background-size: contain;width: 25%;height: 100%;}
.feature-heading {box-sizing: border-box;color: #17313b;margin: 20px auto 30px;text-align: center;padding: 10px 0px 0px 0px;float: left;width: 100%;font-weight: normal;height: auto;}
.feature {float: left;width: 100%;height: auto;margin: 10px 0px 30px;overflow: hidden;padding: 10px 0px 0px;display: flex;flex-wrap: wrap;}
.feature_cont {display: block;width: 33.3%;height: auto;float: left;margin: 30px 0px 30px 0px;padding: 15px 35px;box-sizing: border-box;}
.feature_cont.boredr_right{border-right: 1px solid #eff0f1;}
.feature_cont .feat_text, .feature_cont .feat_text p {width: 100%;padding: 0px;text-align: left;color: #17313b;line-height: 30px;box-sizing: border-box;float: left;}
.feat_text h2, .feat_text h3 {font-size: 22px;color: #89969e;margin: 0px 0px 10px;font-weight: normal;padding: 0px 0px 10px;text-shadow: 0 0 #89969e;position: relative;}
.feat_text h2 small, .feat_text h3 small {display: contents;font-size: 22px;color: #89969e;}
.feat_text h2 a, .feat_text h3 a {color: #2b80c3;line-height: normal;}
.feat_text h2 a:hover, .feat_text h3 a:hover {color:var(--colorRed);}
.feature_cont .feat_text span {height: 70px;margin: 0px 0px 20px;display: block;background: url(https://static.idriveonlinebackup.com/structure/images/icons_features_sprite04.svg) no-repeat 0px 0px;}
.feature_cont .feat_text span.multi_icon {width: 100px;background-position: 0px -16px;}
.feature_cont .feat_text span.sync_icon {width: 70px;background-position: 0px -155px;}
.feature_cont .feat_text span.offc_icon {width: 60px;background-position: 0px -310px;}
.feature_cont .feat_text span.exp_icon {width: 65px;background-position: 0px -456px;}
.feature_cont .feat_text span.snap_icon {width: 60px;background-position: 0px -586px;}
.feature_cont .feat_text span.manage_icon {width: 75px;background-position: 0px -735px;}
.feature_cont .feat_text span.back_icon {width: 65px;background-position: 0px -885px;}
.feature_cont .feat_text span.secu_icon {width: 55px;background-position: 0px -1170px;}
.feature_cont .feat_text span.fast_icon {width: 85px;background-position: 0px -1307px;}
.feature_cont .feat_text span.prot_icon {width: 65px;background-position: 0px -1459px;}
.feature_cont .feat_text span.gomob_icon {width: 65px;background-position: 0px -1617px;}
.feature_cont .feat_text span.tetr_icon {width: 65px;background-position: 0px -1754px;}
.feature_cont .feat_text span.arch_icon {width: 60px;background-position: 0px -1892px;}
.feature_cont .feat_text span.informe_icon {width: 65px;background-position: 0px -2040px;}
.feature_cont .feat_text span.googl_icon {width: 48px;background-position: 0px -1835px;}
.feature_cont .feat_text span.micro_icon {width: 48px;background-position: 0px -1985px;}
.feature_cont .feat_text span.drop_icon {width: 48px;background-position: 0px -1822px;}
.feature_cont .feat_text span.box_icon {width: 48px;background-position: 0px -1964px;}
.feature_cont .feat_text span.sales_icon {width: 48px;background-position: 0px -2085px;}
.feature_cont .feat_text span.nas_icon {width: 60px;background-position: 0px -1025px;}
.feature_cont .feat_text span.mirro_icon {width: 48px;background-position: 0px -1825px;}
.feature_cont .feat_text span.spaces_icon {width: 55px;background-position: 0px -1818px;}
.feature_cont .feat_text span.export_icon {width: 60px;background-position: 0px -2185px;}
.body {position: relative;z-index: 999;}
.new_ic {width: 40px !important;height: 20px !important;display: inline-block !important;background: url(https://static.idriveonlinebackup.com/structure/images/id-new-tag.svg) no-repeat !important;position: relative;top: 6px;left: 5px;margin: 0px 0px 0px 0px;min-height: auto;padding: 0px;}
.new_tag {width: 50px;height: 22px;display: inline-block;background: #ff1717;position: absolute;top: 40px;right: 0px;margin: 0px 0px 0px 0px;min-height: auto;padding: 0px;font-size: 14px;text-align: center;font-style: normal;color: #fff;border-radius: 5px;}
.new_tag:after {content: '';top: 100%;left: 15px;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #ff1717;border-width: 4px;margin-left: -6px;}
.beta_ic {width: 40px;height: 18px;display: inline-block;background: url(https://static.idriveonlinebackup.com/source/images/idrive_mirror_feature_beta.svg) no-repeat;position: relative;top: 5px;left: 5px;margin: 0px 0px 0px 0px;min-height: auto;padding: 0px;}
.pwde_logo {display: block;float: right;width: 130px;height: auto;margin: 16px auto 0px;text-indent: -9999px;background: url(https://static.idriveonlinebackup.com/source/images/poweredbye2.svg) no-repeat;}
.pwde_logo:hover {opacity: .8;}
.feature_cont .feat_text, .feature_cont .feat_text p {width: 100%;padding: 0px;text-align: left;color: #17313b;line-height: 30px;}
.qoute_wrapper {width: 100%;height: auto;float: left;padding: 10px 0px;background-color: #e8eff7;margin: 0px 0 0 0;}
.quoteBox {background: #e8eff7;float: left;margin: 0px auto 0px;overflow: hidden;padding: 40px 0px;width: 100%;border: none;}
.qoute_img {background: url(https://static.idriveonlinebackup.com/source/images/quote_feat_new1.png) no-repeat center;width: 751px;height: 96px;display: block;margin: auto;}
.bFeatures {background: transparent linear-gradient(180deg, #715686 5%, #3B4F7C 100%) 0% 0% no-repeat padding-box;float: left;width: 100%;color: #fff;padding-bottom: 70px;}
.bFeatures h2 {color: #fff;padding: 0px 35px 0px;font-size: 2.5em;width: 100%;position: relative;text-align: left;line-height: normal;display: block;margin:80px 0px 0px;float: left;}
.bFeatures .feature {border-bottom: none;border-top: none;}
.bFeatures .feature .feature_cont {border: none;}
.bFeatures .feat_text, .bFeatures .feat_text p, .bFeatures .feat_text h3 a {color: #fff !important;}
.bFeatures .feat_text h3 a:hover {color: #a9d9ff !important;text-shadow: none;}
.bFeatures .feat_text p a {color: #fff23d !important;}
.bFeatures .feat_text p a:hover {color: #fff !important;}
.server-pricing-section {width: 100%;height: auto;float: left;position: relative;}
.server-pricing-section a {width: 100%;height: auto;float: left;padding: 70px 0px 150px;}
.server-pricing-section .comp_btn_cont {position: absolute;bottom: 70px;width: auto;text-align: center;margin: auto;left: 0;right: 0;}
.sign_btn, .compare_btn {width: auto !important;margin: 0px 20px 0px 0px;background: #D9EEFF;color: #003366;padding: 15px 40px !important;font-size: 18px;border-radius: 35px;float: none !important;display: inline-block;}
.sign_btn:hover, .compare_btn:hover {background: #FFE5E4;}
.compare_btn {margin-right: 0px;color: #00468C;background: #FFD9D8;}
.compare_btn:hover {background: #FFE5E4;}
.featNote {font-size: 14px;margin: 20px 0px 80px;color: #333;float: left;width: 100%;}
.c2c_sec{width:100%;height:auto;float:left;text-align: left;}
.c2c_wrap {width: calc(100% - 0px);height: auto;float: left;display: flex;flex-wrap: wrap;margin: 40px 0px;padding: 0px 35px;justify-content: space-between;}
.c2c_wrap h2{margin-bottom:20px;font-size:22px;color:#17313b;}
.nas_cont{width:38%;float:left;background:linear-gradient(126deg,#e6f9ff 0,#f5f4e3 100%) no-repeat padding-box;border:1px solid #dfe2eb;border-radius:10px;padding: 30px 20px;}
.c2c_cont{overflow:hidden;width:60%;margin:0 0px 0 0;float:right;background:linear-gradient(111deg,#e6f3ff 0,#f7eefb 100%) no-repeat padding-box;border:1px solid #dfe2eb;border-radius:10px;padding: 30px 20px;}
.cld_mai_row{width:100%;height:auto;float:left;margin:40px 0 0;display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;}
.cld_mai_row a{padding: 20px 20px;background: #fff;border: 1px solid #d4daeb;border-radius: 8px;box-sizing: border-box;width: 100%;float: left;margin: 0;min-height: 210px;}
.cld_mai_row a:hover {box-shadow: 0px 1px 5px hsl(0deg 0% 0% / 20%);}
.cld_mai_row a p{font-size:16px;color:#06c;width: 100%;float:right;}
.cld_mai_row a p:hover{color:var(--colorRed);}
.cld_mai_row a span {width: 100%;height: auto;float: left;font-size: 15px;line-height: 28px;color:#000;}
.cld_mai_row a span:hover, .cld_mai_row a:hover span{color:#000;}
.c2c_sec .p_cont{min-height:45px;line-height:42px;}
.c2c_sec .p_cont strong{font-size:20px;font-weight:500;color:#ee433f;}
.c2c_sec .p_cont span{font-size:16px;}
.cld_mai_row a i{width:30px;height:40px;background:url(https://static.idriveonlinebackup.com/structure/images/cloud-app-backup-sprite-icons12.svg) no-repeat;display: inline-block;}
.cld_mai_row a i.microsoft_icon{background-position:0 5px;}
.cld_mai_row a i.google_icon{background-position:0 -70px;}
.cld_mai_row a i.salesforce_icon{background-position:0 -160px;width:70px;}
.cld_mai_row a i.dropbox_icon{background-position:0 -248px;}
.cld_mai_row a i.box_icon{background-position:0 -338px;width:60px;}
.cld_mai_row a i.synology_icon{background-position:0 -425px;}
.cld_mai_row a i.qnap_icon{background-position:0 -511px;width:35px;}
.server_para{min-height:155px;}
.nas_cont .cld_mai_row {grid-template-columns: repeat(1, 1fr);}
.nas_cont .cld_mai_row a {max-width: 280px;}

/* WCAG Accessibility Enhancements */
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
.skip-link {position: absolute;left: -999px;width: 1px;height: 1px;overflow: hidden;z-index: 9999999;text-decoration: none;}
.skip-link:focus {left: 50%;transform: translateX(-50%);top: 8px;width: auto;height: auto;padding: 10px 20px;background: #2b80c3;color: #fff;font-size: 14px;font-weight: 600;border-radius: 4px;overflow: visible;outline: 3px solid #fff;outline-offset: 2px;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible {outline: 3px solid #2b80c3;outline-offset: 2px;}
.feat_text h2 a:focus-visible,.feat_text h3 a:focus-visible {outline: 3px solid #2b80c3;outline-offset: 3px;border-radius: 2px;}
.sign_btn:focus-visible,.compare_btn:focus-visible {outline: 3px solid #fff;outline-offset: 3px;}
.cld_mai_row a:focus-visible {outline: 3px solid #2b80c3;outline-offset: 2px;}
.bFeatures a:focus-visible {outline: 3px solid #fff;outline-offset: 2px;border-radius: 2px;}

@media only screen and (max-width:1366px){
.wrapper {width: 100%;}
}
@media only screen and (max-width:1280px){
.cld_mai_row a{margin: 5px 0px;padding: 5px 10px;}
.cld_mai_row a p {font-size: 12px;line-height: 25px;}
.cld_mai_row a i.salesforce_icon{width: 65px;}
.nas_cont {width: 39%;}
.c2c_cont {width: 60%;margin: 0;}
.server_para{font-size:16px;}
.cld_mai_row a span{font-size: 12px;}
}
@media only screen and (max-width:1180px){
.server_para{min-height: 120px;}
.new_ic {
  width: 35px !important;
  height: 18px !important;}
}
@media only screen and (max-width:980px){
.feature_cont {width: 50%;}
.nas_cont .cld_mai_row a{max-width: 100%;}
.cld_mai_row a p {font-size: 18px;line-height: 43px;}
.cld_mai_row a span{font-size: 16px;}
.qoute_wrapper {display: none;}
.content-wrapper {width: 100%;margin: 30px 0 0px;padding: 0 20px;box-sizing: border-box;}
.feature_cont:nth-child(2n) {border-right: none;}
.feature{padding: 10px 20px 0px;}
.feature_cont.boredr_right{border-right: none;}
.c2c_wrap{padding: 0px 0px;}
.c2c_cont{width: 100%;margin: 0 0px 40px 0;}
.nas_cont {width: 100%;}
.featNote{padding: 0px 20px;}
.c2c_cont{padding: 30px 15px;}
.nas_cont{width: 100%;margin: 0px 0px 20px;}
.server_para{min-height: auto;}
.cld_mai_row {
        grid-template-columns: 1fr;
    }
}
@media only screen and (max-width:767px){
.feature_cont {width: 100%;padding-left: 0px;padding-right: 0px;border: none;}
.server-pricing-section .comp_btn_cont{width: 100%;}
.server-pricing-section .comp_btn_cont a {margin: 0px 0px 10px;padding: 10px 20px !important;}
}