/*common css starts*/
html { font-size: 62.5% }
body { box-sizing: border-box; color: #000; font-family: 'Poppins', sans-serif; font-size: 1.8rem; margin: 0 auto; padding: 0; line-height: 2.4rem; font-weight: 400; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 600; }
a {text-decoration: none;outline: 0;cursor: pointer;font-weight: 300;}
ul, ol { list-style: none; margin: 0 }
ul li, ol li{font-size: 1.6rem;font-weight: 300;}
.wrapper { width: 100%; max-width: 1260px; margin: 0 auto; position: relative; overflow: hidden; border: 0 solid #1b99d9; padding: 0 20px; box-sizing: border-box; display: block }
section { float: left; width: 100%; padding: 9rem 0 }
.static { overflow: hidden }
h2 { font-size: 5.2rem; line-height: 6.4rem; color: #205cba; font-weight: 600; }
h2 sup { font-size: 3.4rem; }
p { font-size: 1.6rem; line-height: 3.2rem; font-weight: 300; }
p strong, ul li strong, ol li strong{font-weight: 500;}
p sup { font-size: 1.6rem; }
a:hover{color: #000;}
sup { line-height: initial; }
/*common css ends*/
/*header css starts*/
.header-box { display: flex; justify-content: space-between; align-items: center;/* height: 4.2rem; */ width: 90%; margin: auto; }
.main-header { position: fixed; top: 0; left: 0; width: 100%; background-color: #273558; z-index: 9999; border-bottom: 1px solid #a6c7e33b;/* height: 6.2rem; */ transition: all .0s ease; }
.main-header.active{background-color: #0071bc;}
.header-right ul, .btn-box ul { display: flex; width: 100%; align-items: center; }
.header-right ul li a { color: #fff; display: block }
.header-right ul li:first-child a { padding-top: 12px; }
.header-right ul li:first-child a sup { font-size: 1.8rem; top: 2px; position: relative; }
.header-right ul li a:hover, .header-right ul li a.active,.main-header.active .header-right ul li a:hover {color: yellow;}
.header-right ul li { font-size: 1.6rem; display: flex; align-items: center; padding: 0 1.6rem 0 1.6rem; position: relative; }
.header-logo img, .header-logo { width: 17rem;
height: 4.6rem;
display: inline-flex;
margin-top: 2px; }
.btn-box ul li .sign-in, .btn-box ul li .sign-up {border: 1px solid #b0c6d9;background: #fff;color: #26537a;border-radius: 30px;padding: 7px 18px;background-size: unset;transition: .3s ease-out;margin-left: 15px;font-size: 1.5rem;font-weight: 400;}
.btn-box ul li .sign-up{margin-left: 0;}
.btn-box ul li .sign-in:hover, .btn-box ul li .sign-up:hover {background-color: #fdf4dd;color: #26537a;border: 1px solid transparent;}
.btn-box ul li .sign-in:after, .btn-box ul li .sign-up:after { display: none }
.header-right ul li a { position: relative; border-radius:.5rem;
font-size: 1.6rem; transition: all .4s ease; padding: 1.9rem 0 1.9rem 0; }
.header-right ul li a::after, .header-right ul li a.active::after {content: '';position: absolute;bottom: 1.2rem;left: 0;right: 0;margin: 0 auto;width: 0;height: 2px;background-color: yellow;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: width .3s ease;transition: width .3s ease}
.header-right ul li a:hover::after, .header-right ul li a.active::after { width: 100%; }
.main-header.active .header-right ul li a::after {background-color: yellow;}
.main-header.active .btn-box ul li .sign-in, .main-header.active .btn-box ul li .sign-up { border: 1px solid transparent; }
.main-header.active .btn-box ul li .sign-in:hover, .main-header.active .btn-box ul li .sign-up:hover { background-color: #fdf4dd; color: #000; }
.main-header.active .header-right ul li a {color: #fff;}
/*dropdown css*/
.header-right ul li .menu-dropdown li a { margin: 1rem 0 1rem 0; padding: 0.5rem 0; color: #333; }
.menu-dropdown { overflow: hidden; list-style: none; position: absolute; padding: 0; width: 100%; left: 2rem; top: 6.5rem; min-width: 23rem; }
.menu-dropdown .drop-inner { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -101%); -webkit-transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; -ms-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; position: relative; background-color: #fff; padding: 0 1rem;/* box-shadow: 0 0px 15px 0 rgb(99 114 130 / 20%); */ border: 1px solid #ddd; }
.header-right ul li .menu-dropdown li { display: block; width: auto; padding: 0rem 0.5rem; }
.header-right li:nth-child(2):hover ul .drop-inner { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.header-right .menu-dropdown li a:after { bottom: -0.2rem; background-color: #4d96d1; }
.main-header.active .header-right ul li .menu-dropdown a { color: #000; }
.main-header.active .header-right ul li .menu-dropdown a::after { background-color: #4d96d1; }
.header-right ul li .drop-icon { width: 1.4rem; height: 2rem; display: inline-block; background: url(https://static.idriveonlinebackup.com/crm/source/images/home_sprite_icons4.svg); background-position: 0 -2389px; }
.main-header.active span.drop-icon { background-position: 0 -2389px; }
.menu-dropdown { pointer-events: none; }
.header-right li:nth-child(2):hover ul.menu-dropdown, .header-right li:nth-child(2) a:hover ~ ul.menu-dropdown { pointer-events: all; }
/*dropdown css*/
/*header css ends*/
/*footer css starts*/
.footer-section { background-color: #273558; color: #fff; font-size: 1.4rem; float: left; width: 100% }
.footer-main { width: 90%; margin: auto; }
.footer-box { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; padding: 90px 0 }
.footer-box a { color: #fff; display: inline-block; }
.footer-logobox { width: 23%; padding-right: 0 }
.footer-logo { margin-top: -16px; }
.footer-menubox { width: 16.5% }
.footer-box .footer-menubox:nth-child(2) { width: 13% }
.footer-box .footer-menubox:nth-child(3), .footer-box .footer-menubox:nth-child(4) { width: 18% }
.footer-supportbox { width: 25% }
.footer-box ul { list-style: none; padding: 0; margin-top: 0 }
.footer-box ul li { padding: 5px 0 }
.footer-logo img { width: 18rem; height: 5.7rem; background-repeat: no-repeat }
.footer-text { padding-right: 4rem; line-height: 2rem; margin: 1.5rem 0 6rem; font-size: 1.4rem; width: 100%; }
.support-content { padding: 25px; width: 75%; float: right; margin-top: 10px; border-top: 1px dashed #7b98b1; border-bottom: 1px dashed #7b98b1; }
.support-timings { font-size: 1.2rem }
.support-number { font-size: 2.8rem; margin-bottom: 10px }
.support-content h3 { font-size: 2.4rem; margin-bottom: 25px }
.social-mediabox { display: flex; justify-content: flex-start }
.footer-box a:hover {color: yellow;}
.social-mediabox li a {width: 33px;height: 37px;background: url(https://static.idriveonlinebackup.com/crm/source/images/home_sprite_icons4.svg);display: block;margin-right: 15px;transition: transform .5s ease-in-out;}
.social-mediabox li a.linkdin { background-position: 0 -1812px; }
.social-mediabox li a.facebook { background-position: 0 -1961px; }
.social-mediabox li a.twitter { background-position: 0 -2113px; }
.social-mediabox li a.linkdin:hover { background-position: 0 -1889px; }
.social-mediabox li a.facebook:hover { background-position: 0 -2031px; }
.social-mediabox li a.twitter:hover { background-position: 0 -2193px; }
.copyright_box { color: #fff; border-top: 1px solid #a6c0d65e; display: flex; width: 100%; justify-content: center; align-items: center; font-size: 1.4rem; }
.footer-menubox ul li a { position: relative; transition: 0.5s all; }
.footer-menubox ul li a:hover:hover::before {content: '';position: absolute;bottom: -5px;left: 0;height: 0;width: 0;z-index: 1;border-bottom: 2px solid #c8c838c9;animation: grow .5s linear;animation-fill-mode: forwards}
.footer-section sup { font-size: 1.8rem; }
@keyframes grow { 100% {
width:100%
}
}
.footer-section h5 { font-size: 1.8rem; line-height: 3.2rem; align-items: center; display: flex; margin-bottom:.5rem
}
.footer-section h5 sup { margin:-1rem .3rem 0 .1rem
}
.footer-section li a sup {
margin: -.3rem .3rem 0 .1rem; font-size: 1.8rem }
.footer-section li a { display: inline-flex; align-items: center ;font-size: 1.4rem;}
.copyright_box p { font-size: 1.4rem; color: #fff; }
/*footer css ends*/
/*mobile header & footer responsive css starts*/
.mobile_header, .support-details { display: none }
@media only screen and (max-width: 980px) {
.main-header { display: none }
.mobile_header { display: block; background: #0071bc; z-index: 9999999999; position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 6rem; }
.logo_cont { background: url(https://static.idriveonlinebackup.com/crm/source/images/crm_logo_white.svg) no-repeat; width: 15rem; height: 4.2rem; background-size: contain; margin:.9rem 0 0 2rem;
text-indent: -3500px; visibility: visible; display: inline-flex }
.moblie_menu_icon { display: table; width: 40px; height: 60px; float: right; padding: 0 10px; cursor: pointer; background: #0071bc; }
.bar1, .bar2, .bar3 { width: 2.5rem; height:.2rem;
background-color: #fff; margin:.2rem 0;
transition: .4s; float: left }
.mobile_menu_cont { display: block; margin: 0; padding: 0px 0 150px; z-index: 99999; width: 100%; float: right; position: fixed; top: 60px; left: 100%; height: 100%; background-color: #2a2828; visibility: visible; overflow-y: auto; -webkit-backface-visibility: hidden; transition: transform .4s 0s, visibility 0 .4s; -moz-transition: -moz-transform .4s 0s, visibility 0 .4s; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px) }
.mobile_menu_cont ul { float: left; width: 100%; padding-left: 0;padding-bottom: 150px; }
.mobile_menu_cont li a { font-size: 1.3rem; color: #fff; text-decoration: none; padding: 0.7rem 1.7rem; float: left; width: 100%; box-sizing: border-box; font-weight: 400; border: 0 solid #596a74; border-bottom-width: 0; margin: 0; height: auto; position: relative;border-bottom:1px dashed rgb(156 157 154 / 42%) ; }
.moblie_menu_icon .bar_cont, .moblie_menu_icon span { display: table-cell; width: 2.5rem; height: auto; vertical-align: middle; color: #fff }
.change .bar1 { -webkit-transform: rotate(-45deg) translate(0px, 6px); transform: rotate(-45deg) translate(0px, 6px) }
.change .bar2 { opacity: 0 }
.change .bar3 { -webkit-transform: rotate(45deg) translate(-3px, -8px); transform: rotate(45deg) translate(-3px, -8px) }
.mobile_menu_cont.menu_show { -webkit-transform: translateX(-282px); -moz-transform: translateX(-282px); -ms-transform: translateX(-282px); -o-transform: translateX(-282px); transform: translateX(-282px) }
.footer-box { display: none }
.support-details { float: none; display: flex; flex-direction: column; align-items: center; padding: 9rem 0 }
.support-details .sup-new { display: contents }
.support-details a.support-title { font-size: 1.25em; padding: 0 0 10px }
.support-details a { padding: 0; color: #fff; display: block; text-align: left }
.support-details a.support-no { font-size: 1.7em; padding: 0 0 10px }
.support-details a.support-time { font-size: .875em; padding: 0 0 5px }
}
/*mobile header & footer responsive css ends*/
/*slick css common*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
/*slick css common*/
/*animation css start*/
.reveal{position:relative;opacity:0}
.reveal.active{opacity:1}
.active.fade-up{animation:fade-up .9s ease-in}
.active.fade-bottom{animation:fade-bottom .9s ease-in}
.active.fade-left{animation:fade-left .9s ease-in}
.active.fade-right{animation:fade-right .9s ease-in}
@keyframes fade-up {
0%{transform:translateY(20px);opacity:0}
100%{transform:translateY(0px);opacity:1}
}
@keyframes fade-bottom {
0%{transform:translateY(20px);opacity:0}
100%{transform:translateY(0);opacity:1}
}
@keyframes fade-left {
0%{transform:translateX(-20px);opacity:0}
100%{transform:translateX(0);opacity:1}
}
@keyframes fade-right {
0%{transform:translateX(20px);opacity:0}
100%{transform:translateX(0);opacity:1}
}
/*animation css ends*/
/*4k css start*/
@media screen and (min-width: 2200px){
.footer-section .footer-main, .header-box{width:2000px}
}
/*4k css ends*/
/* faq css*/
.faq_page .banner-section{margin-top:6rem;width:100%;background:url(https://static.idriveonlinebackup.com/crm/source/images/faq_banner_new.jpg) no-repeat top;background-size:cover;position:relative;padding:70px 0}
.faq_page .banner-section .banner-content h1{color:#fff;line-height: 4.2rem;font-weight: 500;font-size: 3.2rem;;}
.main-content{float:left;width:100%;padding:6rem 0 0rem}
.main-content .left-menu{float:left;width:17%;position:relative;float:left}
.main-content .left-menu ul{list-style-type:none;padding:0;margin:0}
.main-content .left-menu li{border-bottom:1px solid #ccc;padding:0 0 .8rem;margin:0 0 1.2rem;list-style-type:none;width:100%;color:#7d7d7d;display:block}
.main-content .left-menu li a{color:#000;width:100%;box-sizing:border-box;display:inline-block;position:relative;font-size: 16px;}
.main-content .left-menu li a.act:before,.main-content .left-menu li a:hover:before{content:'';position:absolute;top:2.9rem;left:0;width:20.7rem;height:.4rem;background-color:#0071bc}
.main-content .left-menu li a.act, .main-content .left-menu li a:hover{color:#0071BC;font-weight:400;background: url(https://static.idriveonlinebackup.com/crm/source/images/faq-arrow-right.svg);background-repeat: no-repeat;background-position: 19.1rem 0.7rem;}
.faq_page .right-content{width:78%;float:left;padding:0 0 35rem 5.9rem}
.faq_page .right-content h4{font-size:1.6em;margin-left:1.7rem;margin-bottom:2.7rem;color:#000;font-weight: normal;}
.faq_page .right-content p{margin-bottom:1.5rem;line-height:3.2rem}
.faq_page .right-content p.faqHeading{margin: 0;font-weight: 500;font-size: 18px;}
.faq_page table{padding-bottom:30px}
.faq_page table tr td{padding:.6rem .6rem 1.5rem;margin-bottom:1.4rem;font-size: 1.6rem;}
.faq_page table tr td a{color:#0071bc}
.faq_page table tr td a:hover{color:#000}
.faq_page table tr td.trade{padding:.1rem .6rem 0}
.faq_page .faq-answer{line-height:2.4rem;width:100%;box-sizing:border-box;padding-bottom:4rem}
.faq_page .faq-answer ol{padding-left: 4rem;list-style-type: decimal;}
.faq_page .faq-answer ol li{padding-bottom: 1rem;line-height: 3rem;}
.faq_page .faq-answer ul li {
font-size: 1.6rem;
padding: 0 0 1rem 2.7rem;
line-height: normal;
font-weight: 300;
background: url(https://static.idriveonlinebackup.com/crm/source/images/blue-ticksvg.svg) no-repeat left 6px;
}
.faq_page .faq-question p{margin:0 0 1.5rem;font-size:2.4rem;line-height:4rem;font-weight:500;color:#000}
.faq_page .faq-question p a{font-weight: 500;cursor: default;}
.faq_page .right-content p{color:#000}
.faq_page .faq_item>.faq-question>p>a:before{content:' ';float:left;width:100%;height:6.5rem;border-top:.1rem solid #eaeaea;margin-top:1rem;cursor:auto;}
.faq_page .faq_item>.faq-question.faq-question-fst>p>a:before{border-top:none}
.scroll_top{position:fixed;right:20px;bottom:40px;width:35px;height:20px;display:none;cursor:pointer;z-index:9}
.scroll_top.fixed {display: block!important;}
.faq_page .faq-answer ol>li>ul>li{
line-height: 3rem;
padding: 0 0 0.5rem 3rem;
background: url(https://static.idriveonlinebackup.com/crm/source/images/blue-ticksvg.svg) no-repeat left 0.6rem;
}
.faq_page .faq-answer ol>li>ul>li p{margin: 0;}
.faq_page .faq-answer ol>li>ul{padding-top: 1rem;}
.faq_page .faq-answer ol>li>ul.alphabet{list-style-type: lower-alpha;}
.faq_page .faq-answer ol>li>ul.alphabet li{background: none;padding-left: 0;}
.faq_page .faq-answer a{color: #0071bc;}
.faq_page .faq-answer a:hover{color: #000;}
.faq_page .faq-ss-img {
text-align: center;
margin: 20px 0;
}
.faq_page img.faq_icon {
margin: 0 5px;
display: inline-block;
vertical-align: middle;
}
.faq_page .faq_item sup{
font-size: 1.8rem;
position: relative;
top: 2px;
left: -1px;
}
/* faq responsive */
.faq_page .right-content, .terms_page .terms_right {
width: 70% !important;
float: left;
padding: 0 0 35rem 5.9rem;
}
.releted_links{
display: none;
}
.up-arrow-expanded {
background-position:center -45px!important;
}
@media only screen and (max-width: 980px) {
.main-content .left-menu{
width: 100%;
float: left;
margin: 0 0 20px;
background: #f7f7f5;
cursor: pointer;
display: block;
/* padding: 10px 30px 10px 20px; */
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.left-menu .releted_links {
display: inline-block;
margin: 0;
height: 100%;
width: 100%;
position: relative;
text-align: left;
color: #000;
font-size: 16px;
font-weight: 600;
}
.left-menu .releted_links span {
width: 25px;
height: 100%;
position: absolute;
top: 0;
float: right;
right: 20px;
}
.left-menu .releted_links .up-arrow {
background: url(https://static.idriveonlinebackup.com/crm/source/images/legal_menu-arrows.png) no-repeat center -1px;
}
.main-content .left-menu ul {
padding-top:20px;
display: none;
}
.main-content .left-menu li a.act:before, .main-content .left-menu li a:hover:before {
display: none;
}
.main-content .left-menu li a.act{
background: none;
}
.main-content .left-menu li:last-child{border-bottom:none}
.faq_page .right-content, .terms_page .terms_right {
width: 100% !important;
padding: 0 0 20px;
margin-top: 43px;
}
}
@media only screen and (min-width: 980px) {
.main-content .left-menu ul {
display: block !important;
}
}
@media only screen and (max-width: 1220px) {
.faq_page .faq-ss-img img {
max-width: 100%;
}
.header-box {
width: 98%;
}
.main-header .btn-box ul{
padding-left: 0;
}
.header-right ul li {
font-size: 1.4rem;
padding: 0 1.2rem 0 1.2rem;
}
.btn-box ul li .sign-in, .btn-box ul li .sign-up {
padding: 7px 14px;
font-size: 1.4rem;
}
.header-right ul, .btn-box ul {
padding: 0 0 0 0;
}
}
@media only screen and (max-width: 1080px) {
.header-right ul li{padding: 0 1rem;}
.header-right ul li a{font-size: 1.5rem;}
.btn-box ul li .sign-in,.btn-box ul li .sign-up{font-size:1.4rem}
}
/* faq responsive ends */
/*faq css ends*/
/* .terms_page .main-content .left-menu{width:20%} */
/* .terms_page .main-content .left-menu li a.act:before,.terms_page .main-content .left-menu li a:hover:before{width:21.9rem} */
.terms_page .main-content .left-menu li a.act,.terms_page .main-content .left-menu li a:hover{background-position:22.5rem .8rem}
.terms_page .terms_right h4{color:#0071bc;margin:1rem 0;font-size:2.2rem;margin-bottom:2rem;margin-top:0;font-weight: 500;}
.terms_page .terms_right h4 span{float:right;font-size:1.3rem;color:#333}
.terms_page .terms_right{width:74%;float:left;padding:0 0 6rem 5.9rem}
.terms_page .terms_right p{margin-bottom:1.5rem;line-height:3.2rem;margin-top:0;font-weight: 300;font-size: 16px;}
.terms_page .terms-question p{font-weight:500;font-size:1.8rem;padding:0;float:left;width:100%;color:#000}
.terms_page .terms-question p.p_heading{font-size: 1.6rem;}
.terms_page .termsitem>.terms-question>p>a:before{content:' ';float:left;width:100%;height:6.5rem;border-top:.1rem solid rgba(78,78,78,.1);margin-top:1rem}
.terms_page .terms-answer{line-height:2.4rem;width:100%;float:left;box-sizing:border-box;position:relative;padding-bottom:4rem}
.terms_page .terms_right p u{font-weight:500;color:#000}
.terms_page .terms_right p a,.terms_page .terms_right p a:active{color:#0071bc}
.terms_page .terms_right p a:hover{color: #000;}
.terms_page .terms_right span{float:right;font-weight: 300;font-size: 16px;}
.terms_ol{list-style-position:inside;padding:0}
.terms_ol li{padding:0 0 18px;list-style-type:lower-alpha}
.terms_page .terms-answer ul{padding:0}
.terms_page .terms-answer ul li{padding-bottom:10px;color:#000;line-height:32px;background:url(https://static.idriveonlinebackup.com/crm/source/images/ide_faqbullet.png) no-repeat left 11px;list-style-type:none;padding-left:26px}
/*videos css*/
.videos_page .banner-section {
margin-top: 6rem;
width: 100%;
background: url(https://static.idriveonlinebackup.com/crm/source/images/faq_banner_new.jpg) no-repeat top;
background-size: cover;
position: relative;
padding: 70px 0;
}
.videos_page .banner-section .banner-content h1 {
color: #fff;
line-height: 4.2rem;
font-weight: 500;
font-size: 3.2rem;
}
/* common-faq.css?v=1.4.5 */
/* Legal pages responsive start */
.terms_page .main-content .left-menu {
width: 20% ;
}
.terms_page .main-content .left-menu li a.act:before, .terms_page .main-content .left-menu li a:hover:before {
width: 24.5rem;
}
@media only screen and (max-width: 980px) {
.terms_page .main-content .left-menu {
width: 100%;
}
.terms_page .terms_right {
width: 100% !important;
padding: 0 0 20px;
margin-top: 43px;
}
.terms_page .terms_right span {
position: relative;
top: -20px;
font-size: 1.2rem;
}
.terms_page .terms_right h4 {
white-space: nowrap;margin-top: 30px;
}
}
@media only screen and (max-width: 1120px) {
.terms_page .main-content .left-menu li a.act:before, .terms_page .main-content .left-menu li a:hover:before {
width: 21.5rem !important;
}
.main-content .left-menu li {
white-space: nowrap;
}
}
/* mobile Device ios/andriod tabs */
.faq-mobile .tab-group{list-style:none;padding:0;margin:0 0 40px}
.faq-mobile .tab-group:after{content:"";display:table;clear:both}
.faq-mobile .tab-group li a{border:1px solid #0071bc;text-decoration:none;color:#0071bc;font-size:16px;padding:9px 12px 10px;float:left;width:160px;text-align:center;cursor:pointer;transition:.5s ease}
.faq-mobile .tab-group li{background-color:#fff}
.faq-mobile .android{border-radius:0 30px 30px 0}
.faq-mobile .ios{border-radius:30px 0 0 30px}
.faq-mobile .tab-group .active a{background:#0071bc;color:#fff}
.faq-mobile .tab-content > div{display:none}
.faq-mobile .tab-content > div.active{display:block}
.faq-mobile .ios_icon, .faq-mobile .andriod_icon{background:url(https://static.idriveonlinebackup.com/crm/source/images/crm_faq_ios_android_icons1.svg) no-repeat 0 0;width:42px}
.faq-mobile .ios_icon1{background-position:20px -4px}
.faq-mobile .ios_icon2{background-position:20px -54px}
.faq-mobile .andriod_icon1{background-position:-35px -3px}
.faq-mobile .andriod_icon2{background-position:-35px -53px}
.faq-mobile .devices-d-flex{display:flex;flex-direction:row;justify-content:center}
/* Legal pages responsive ends */
/* sla page css */
.terms_page.sla .head_text{font-size:28px;margin-bottom:25px}
.terms_page.sla .terms_right .pTitle{font-size:22px;font-weight:600;color:#000;margin:20px 0}
.terms_page.sla .terms_right p{line-height:32px;color:#000}
.terms_page.sla .version-sec h5{font-size:22px;color:#000}
.terms_page.sla .version-sec ul{padding-left:21px}
.terms_page.sla .terms_right ul{padding-left:18px;margin:15px 0}
.terms_page.sla .terms_right ul li{list-style-type:none;font-size:16px;padding:0 0 12px 27px;line-height:normal;font-weight:400;background:url(https://static.idriveonlinebackup.com/crm/source/images/blue-ticksvg.svg) no-repeat left 7px;line-height:28px}
.terms_page.sla .terms_right table{border-collapse:collapse;width:100%;width:90%;color:#000;margin:20px 0}
.terms_page.sla .terms_right table.storage{text-align:left}
.terms_page.sla .terms_right table.storage th{font-weight:600}
.terms_page.sla .terms_right table th,.terms_page .terms_right table td{padding:10px}
.terms_page.sla h4 a:hover{color:#000}
.terms_page.sla h4.head_text.prev{color:#000;font-size:24px}
.terms_page.sla .terms_right h4 a{color: #0071bc;font-size: 18px;}