/*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 }
.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: 4rem; line-height:5rem; color: #205cba; font-weight: 600; }
h2 sup { font-size: 3rem; }
p { font-size: 1.6rem; line-height: 3.2rem; font-weight: 400; }
p sup { font-size: 1.6rem; }
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: #14283c; z-index: 9999; border-bottom: 1px solid #a6c7e33b;/* height: 6.2rem; */ transition: all .0s ease; }
.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 { background-color: #0071bc; }
.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: #14283c; 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; }
.features h3 a{color:#0071bc;font-weight:600;}
.features h3 a:hover{color:#000;}
.crm_account_mangement h3 a, .flow-manage-sec h3 a {color:#fff;font-weight:600;}
.crm_account_mangement h3 a:hover, .flow-manage-sec h3 a:hover{color:yellow;}
.data-manage-item h3 a{color:#0071bc;font-weight:600;}
.data-manage-item h3 a:hover{color:#000;}
/*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; border-bottom: 1px dashed rgb(156 157 154 / 42%) ; position: relative }
.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 }
}
/* header responsive */
@media only screen and (max-width: 1346px) {.footer-text {line-height: 1rem;font-size: 1rem;}}
@media only screen and (max-width: 1220px) {
.header-box{width:98%}
.main-header .btn-box ul{padding-left:0}
.header-right ul li{font-size:1.4rem;padding: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}
.crm_lead_mangement .business-sec .right-section img,.deal_management .business-sec .right-section img{width:430px;margin-top:58px}
.workflow-page .customer-rel-sec .graphic-img img{width:400px}
.crm_account_mangement .features-item,.workflow-page .features-item{width:40.2%;margin:2rem 0 2rem 1.625rem}
.crm_account_mangement .contact-manage-left,.workflow-page .flow-manage-left{width:75%}
}
@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}
}
@media only screen and (max-width: 1270px) {.support-number {font-size: 2rem;}}
@media only screen and (max-width: 1100px) {.footer-section li a {font-size: 1.2rem;}.footer-section h5 {font-size: 1.4rem;line-height: 1rem;}}
/*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}
}
/*4k css start*/
@media screen and (min-width:2100px) {
.wrapper{width:100%;max-width:68%}
/*body{line-height:2.8rem}*/
}
/*4k css ends*/
/*Account Mangement Page Css Starts*/
/*account mangement banner css start*/
.crm_account_mangement .main-header {
background-color: transparent;
}
.crm_account_mangement .main-header.active {
background-color: #0071bc;
}
.crm_account_mangement .banner-section{background: url(https://static.idriveonlinebackup.com/crm/source/images/contact_main_banner.jpg);background-size: cover;padding: 13rem 0 28rem 0;margin-top:0;border-bottom: 1px solid #ddd;background-repeat: no-repeat;}
.crm_account_mangement .banner-section h1{font-size: 4.8rem;line-height:5.2rem;width:100%;margin-bottom: 4rem;color: #fff;}
.crm_account_mangement .banner-content p{font-size:1.6rem;margin-bottom:5rem;margin-top: 0;color: #fff;width: 100%;}
.crm_account_mangement .get-started-btn{border-radius: 3rem;padding: 1.2rem 3rem;color:#fff;width: 14rem;display:inline-flex;background-image: linear-gradient(to right,#f25337 ,#ea3160);border:1px solid transparent;font-size:1.6rem;align-items: center;justify-content: center;font-weight: 600;margin:0;}
.crm_account_mangement .get-started-btn:hover{/* border: 1px solid #333; *//* color: #000; *//* background-image: none; */}
.crm_account_mangement .banner-content{display:flex;justify-content:space-between;width:100%;flex-wrap:wrap}
.crm_account_mangement .banner-left-cont{width:100%;display:flex;flex-direction:column;justify-content:center;margin: 0 auto;text-align: center;}
.crm_account_mangement .banner-right-cont img{width: 74%;}
.crm_account_mangement .banner-right-cont{width:55%;position:relative;text-align: center;display: flex;justify-content: center;}
.crm_account_mangement .slide_right{box-shadow: inset 0 0 0 0 #d3341c;-webkit-transition: ease-out .7s;-moz-transition:ease-out .9s;transition: ease-out .7s;}
.crm_account_mangement .slide_right:hover{box-shadow: inset 400px 0 0 0 #f15e48;color:#fff}
/*account mangement customer-rel css starts*/
.crm_account_mangement .customer-rel-sec{display:flex;justify-content:center;width:100%;flex-wrap:wrap;margin-top:-28rem}
.crm_account_mangement .customer-rel-box{display:flex;justify-content:space-between;flex-wrap:wrap;background-color:#fff;padding:7rem 7rem 0;box-shadow:0 0 5px #a2a2a2;margin-bottom:10px;border-radius:15px}
.crm_account_mangement .customer-rel-right{width:50%;display:flex;align-items:center;justify-content: end;}
.crm_account_mangement .customer-rel-right img{width:75%}
.crm_account_mangement .customer-rel-left{width:50%}
.crm_account_mangement .customer-rel-left h2{font-size:3.2rem;width:100%}
/*account mangement customer-rel css end*/
/*crm_account_mangement slider css starts*/
.crm_account_mangement .slick-arrow.slick-hidden{display:none}
.crm_account_mangement .slick-initialized .slick-slide {padding: 20px;}
.crm_account_mangement .slick-slide img{display:block;width: 1070px;margin: auto;}
.crm_account_mangement .slick-initialized ul.slick-dots li.slick-active,.slick-initialized ul.slick-dots li:hover{width:12px;height:12px;cursor:pointer;background-color:#85b9df;border-radius:50%;margin-right:10px;margin-left:auto;border:1px solid #67a0d9;transform:scale(1.2)}
.crm_account_mangement .slick-initialized ul.slick-dots{margin:auto}
.crm_account_mangement .slick-initialized ul.slick-dots li button{display:none}
.crm_account_mangement .slick-initialized ul.slick-dots li{display:inline-block;width:12px;height:12px;cursor:pointer;background-color:#bad6e8;border-radius:50%;margin-right:10px;margin-left:auto;border:1px solid #abc9e5;transition:all .3s ease-in-out}
.crm_account_mangement .slick-initialized ul.slick-dots{list-style:none;text-align:center}
.crm_account_mangement .slider-sec{background-color: #fff;}
.crm_account_mangement .slider-item{background:url(https://static.idriveonlinebackup.com/crm/source/images/acc-mgt-sliderbg.png);background-repeat:no-repeat;background-size:auto;background-position: 48px 16px;}
.crm_account_mangement .slider-sec h2{text-align:center;width: 100%;margin:auto;margin-bottom: 3rem;font-size: 4.2rem;}
.crm_account_mangement .slider-item{text-align:center}
/* crm_account_mangement slider css ends*/
/*account mangement features css starts*/
.crm_account_mangement .features-item h3{font-size:2rem;line-height: 3.6rem;font-weight: 600}
.crm_account_mangement .features-icon{width:140px;height: 130px;margin-bottom:30px;background: url(https://static.idriveonlinebackup.com/crm/source/images/contact_management_icons.svg);background-repeat:no-repeat;background-position: 0 5px;}
.crm_account_mangement .features-icon.icon2{background-position: 0 -973px;}
.crm_account_mangement .features-icon.icon3{background-position: 0 -1205px;}
.crm_account_mangement .features-icon.icon4{background-position: 0 -30px;}
.crm_account_mangement .features-icon.icon5{background-position: 0 -273px;}
.crm_account_mangement .features-icon.icon6{background-position: 0 -500px;}
.crm_account_mangement .features-icon.icon1{background-position: 0 -743px;}
.crm_account_mangement .features-item h3+p{line-height:3.2rem;color: #212121;}
.crm_account_mangement .features-sec{background-color: #fff;border-top:1px solid #eaeaea ;}
.crm_account_mangement .features-sec h2{text-align: left;color:#000;width: 90%;margin: unset;margin-bottom:2.5rem}
.crm_account_mangement .features-sec{color:#fff}
.crm_account_mangement .features-sec h2+p{text-align:center}
.crm_account_mangement .features-box{display:flex;justify-content:flex-start;flex-wrap:wrap;width:100%;margin-top:50px}
.crm_account_mangement .features-item:hover{transform: scale(1.05);}
.crm_account_mangement .features-item{width: 26.2%;padding: 3.5rem 2.3rem;margin: 2rem 3.6rem 2rem 0px;border-radius: 2rem;color: #000;transition: all .3s ease-in-out;background-color: #faf9f9;border: 1px solid #eaeaea;}
.crm_account_mangement .contact-manage-sec{background:url(https://static.idriveonlinebackup.com/crm/source/images/contact_manage_footer_banner2.jpg) no-repeat center center;background-size:cover; background-position: -65px 0;}
.crm_account_mangement .contact-manage-box{padding:2rem 0 8rem;display:flex;justify-content:space-between}
.crm_account_mangement .contact-manage-left{width:60%;padding:0 3rem}
.crm_account_mangement .contact-manage-left h2{color:#fff;font-weight:600;display:inline-block;padding-bottom:3rem;margin-bottom:0;width:85%;font-size:4rem}
.crm_account_mangement .contact-manage-features{margin-top: 39px;}
.crm_account_mangement .contact-manage-left p{margin:0;color: #fff;}
.crm_account_mangement .contact-manage-item{width:80%;margin-bottom:2rem}
.crm_account_mangement .contact-manage-left h3{font-size:2rem;margin-bottom:1rem;color: #fff;}
.crm_account_mangement .contact-manage-item p{border-bottom:1px dashed #ccc;padding-bottom:2rem;}
.crm_account_mangement .contact-manage-item:last-child p{border: 0;}
/*account mangement get-started css starts*/
.crm_account_mangement .get-started-sec{background: #e9f1ff;background-repeat:no-repeat;background-size:cover}
.crm_account_mangement .get-started-sec h2{text-align:center;width:100%;margin: 0 auto 0;margin-bottom: 2.5rem;font-size:3.5rem;}
.crm_account_mangement .get-started-cont{display:flex;flex-direction:column;align-items:center}
.crm_account_mangement .get-started-cont {padding: 9rem 0;}
.crm_account_mangement .get-started-sec {padding: 0;}
.crm_account_mangement .get-started-sec p {
font-size: 2rem;
margin-top: 0.5rem;
margin-bottom: 4rem;
}
select {
height: 40px;
margin: 5px 0 0;
width: 100%;
font-size: 14px;
border: 1px solid #a5a1a1;
background: #fff;
box-sizing: border-box;
padding: 6px 10px;
color: #000;
font-family: inherit;
}
.customer-rel-right .get-started-btn{margin-top:30px;}
.cust-sales-item h3 a {color:#278acc;font-weight:600;}
.cust-sales-item h3 a:hover {color:#000;}
/* Contact Management */
@media only screen and (max-width: 1200px) {
.crm_account_mangement .contact-manage-left {width: 100%;padding: 0;}
.crm_account_mangement .contact-manage-item {width: 100%;}
.crm_account_mangement .contact-manage-left h2 {width: 100%;}
.crm_account_mangement .contact-manage-sec {background: none;background-color: #364757;}}
@media only screen and (max-width: 1024px) {
.crm_account_mangement .customer-rel-left h2{font-size: 2.8rem;}
.crm_account_mangement .customer-rel-box{padding: 7rem 4rem 4rem;}
}
@media only screen and (max-width: 980px) {
.crm_account_mangement .features-item:hover {transform: scale(1);}
.crm_account_mangement .features-item {margin: 2rem 0rem 2rem 0px;}
}
@media only screen and (max-width: 768px) {
.crm_account_mangement .banner-section h1 {font-size: 4rem;line-height: 4rem;}
.crm_account_mangement .customer-rel-sec { margin-top: -34rem !important;}
.crm_account_mangement .customer-rel-box {padding: 4rem 2rem;}
.crm_account_mangement .features-sec h2, .crm_account_mangement .customer-rel-left h2 {font-size: 3rem;line-height: 4rem;}
.crm_account_mangement .features-item:hover {transform: scale(1);}
.crm_account_mangement .features-item {margin: 2rem 0rem 2rem 0px;}
.crm_account_mangement .contact-manage-left h2 {font-size: 3rem;line-height: 4rem;}
.crm_account_mangement .get-started-sec h2 {font-size: 3rem;line-height: 4rem;}
.crm_account_mangement .contact-manage-item {width: 100%;}
}
@media only screen and (max-width: 480px) {
.crm_account_mangement .banner-section h1{font-size: 3.2rem;margin-bottom: 2.5rem;}
}
@media screen and (max-width:980px){
.crm_account_mangement .customer-rel-right {
display: none;
}
.crm_account_mangement .features-item {
width: 100%;
}
}
@media screen and (max-width:1220px){
.crm_account_mangement .features-item {
width: 40.2%;
}
}
@media screen and (min-width:1600px){
.crm_account_mangement .contact-manage-sec{background: url(https://static.idriveonlinebackup.com/crm/source/images/contact_manage_footer_banner_4k.jpg) no-repeat center center;background-position: -1178px 0;}
}
@media screen and (min-width:1800px){
.crm_account_mangement .contact-manage-sec{background-position: -1045px 0;}
}
@media screen and (min-width:2700px){
.crm_account_mangement .contact-manage-sec{background-position: -457px 0;}
}
/*account mangement get-started css end*/
/*Account Mangement Page Css Ends*/
/*Lead Mangement Page Css Starts*/
/*Lead mangement banner css start*/
.crm_lead_mangement .main-header {
background-color: transparent;
}
.crm_lead_mangement .main-header.active {
background-color: #0071bc;
}
.crm_lead_mangement .banner-section{background: url(https://static.idriveonlinebackup.com/crm/source/images/lead-management_bg7.jpg) center center;background-size:cover;padding: 14rem 0 28rem 0;background-repeat: no-repeat;border-bottom: 1px solid #ddd;}
.crm_lead_mangement .banner-section h3 {color: #000;font-size: 2.2rem;margin-bottom: 3.5rem;}
.crm_lead_mangement .banner-section h1{font-size: 5.2rem;line-height:5.2rem;width:100%;margin-bottom: 3rem;color: #fff; margin-top: 28px;}
.crm_lead_mangement .banner-content p{font-size:2.2rem;margin-bottom:3.5rem;margin-top: 0;color: #fff;width: 100%;}
.crm_lead_mangement .get-started-btn{margin: 0;border-radius: 3rem;padding: 1.2rem 3rem;color:#fff;width: auto;display:inline-flex;background-image: linear-gradient(to right,#f25337 ,#ea3160);border:1px solid transparent;font-size: 16px;align-items: center;justify-content: center;font-weight: 600;}
.crm_lead_mangement .get-started-btn:hover{/* border: 1px solid #333; *//* color: #000; *//* background-image: none; */}
.crm_lead_mangement .banner-content{display:flex;justify-content:center;width:100%;flex-wrap:wrap}
.crm_lead_mangement .banner-left-cont{width:100%;display:flex;flex-direction:column;justify-content:center;text-align: center;}
.crm_lead_mangement .banner-right-cont img{width: 590px;}
.crm_lead_mangement .banner-right-cont{width:55%;position:relative;text-align: center;display: flex;justify-content: center;}
.crm_lead_mangement .business-sec{display:flex;justify-content:center;width:100%;flex-wrap:wrap;margin-top: -28rem;}
.crm_lead_mangement .business-sec .business-cont{background-color: #fff; padding: 7rem 7rem 3em;float: left;border-radius: 15px;box-shadow: 0 0 5px #a2a2a2;margin-bottom: 10px;}
.crm_lead_mangement .business-sec .left-section{width:45%;display:flex;flex-direction:column;justify-content:center;float: left;}
.crm_lead_mangement .business-sec .left-section h2{margin-bottom: 15px;}
.crm_lead_mangement .business-sec .right-section img{ width: 365px;}
.crm_lead_mangement .business-sec .right-section{width:55%;position:relative;text-align: center;display: flex;justify-content: end;float: left;}
.crm_lead_mangement .slide_right{box-shadow: inset 0 0 0 0 #d3341c;-webkit-transition: ease-out .7s;-moz-transition:ease-out .9s;transition: ease-out .7s;}
.crm_lead_mangement .slide_right:hover{box-shadow: inset 400px 0 0 0 #f15e48;color:#fff}
.crm_lead_mangement .features-sec{background: url(https://static.idriveonlinebackup.com/crm/source/images/lead_features_banner.jpg);background-repeat:no-repeat;background-size:cover;border-top: 1px solid#eaeaea;}
.crm_lead_mangement .features-sec h2{text-align: left;color:#000;width: 90%;margin: unset;margin-bottom:2.5rem}
.crm_lead_mangement .features-sec{color:#fff}
.crm_lead_mangement .features-sec h2+p{text-align:center}
.crm_lead_mangement .features-box{display:flex;justify-content:flex-start;flex-wrap:wrap;width:100%;margin-top:50px;}
.crm_lead_mangement .features-item:hover{background-color: #faf9f9;transform: scale(1.05);}
.crm_lead_mangement .features-item{width: 43%;padding: 3.5rem 3rem;margin: 2rem 3.6rem 2rem 0px;border-radius: 2rem;color: #000;transition: all .3s ease-in-out;background-color: #fff;box-shadow: 0 0 5px #a2a2a2;}
.crm_lead_mangement .features-item:nth-child(2), .crm_lead_mangement .features-item:nth-child(4){margin-right: 0;}
.crm_lead_mangement .features-item h3{font-size:2rem;line-height: 3.6rem;font-weight: 600}
.crm_lead_mangement .features-icon{width:140px;height: 130px;margin-bottom:30px;background: url(https://static.idriveonlinebackup.com/crm/source/images/lead_management_icons2.svg);background-repeat:no-repeat;background-position: 0 5px;}
.crm_lead_mangement .features-icon.icon2{background-position: 0 -871px;}
.crm_lead_mangement .features-icon.icon3{background-position: 0 -1205px;}
.crm_lead_mangement .features-icon.icon4{background-position: 0 -18px;}
.crm_lead_mangement .features-icon.icon5{background-position: 0 -298px;}
.crm_lead_mangement .features-icon.icon6{background-position: 0 -583px;}
.crm_lead_mangement .features-icon.icon1{background-position: 0 -1136px;}
.crm_lead_mangement .features-item h3+p{line-height:3.2rem;color: #212121;}
/* Responsive */
@media only screen and (max-width: 1260px) {
.crm_lead_mangement .features-item{width:40%}
}
@media only screen and (max-width: 980px) {
.crm_lead_mangement .business-sec .right-section,.crm_lead_mangement .get-started-cont .left-cont{display:none}
.crm_lead_mangement .features-item:nth-child(2),.crm_lead_mangement .features-item:nth-child(4){margin-right:0}
.crm_lead_mangement .features-item{margin:2rem 0}
.crm_lead_mangement .features-sec .features-content{padding:0}
.crm_lead_mangement .get-started-cont .right-cont{padding-left:0}
.crm_lead_mangement .features-sec h2{width:100%}
}
/* Lead mangement banner css end*/
/*Lead mangement customer-rel css starts*/
/*Lead mangement customer-rel css end*/
/* features slider css starts*/
.crm_lead_mangement .features-slider-sec {
border-top: 1px solid #ddd;
background: url(https://static.idriveonlinebackup.com/crm/source/images/leadmgt_features_bg.png);
}
.crm_lead_mangement .features-slider-sec h2 {
width: 85%;
margin-bottom: 7rem;
}
.crm_lead_mangement .features-slider-sec .slider-item:hover {
transform: scale(1.02);
box-shadow: 0 0px 15px 0 rgb(99 114 130 / 20%);
}
.crm_lead_mangement .features-slider-sec .slider-item {
background-color: #fff;
padding: 4rem 1.8rem;
border: 1px solid #ddd;
margin: 2rem 0.6rem 2rem 0.6rem;
height: 30rem;
border-radius: 1rem;
cursor: pointer;
transition: all .3s ease-in-out;
text-align: left;
}
.crm_lead_mangement .features-slider-sec .slider-item p{color: #212121;font-size: 1.6rem;}
.crm_lead_mangement .item-icon {
background: url(https://static.idriveonlinebackup.com/crm/source/images/leadmgt_sprite_icons2.svg);
width: 14rem;
height: 14rem;
margin-bottom: 2rem;
background-position: 0 -34px;
}
.crm_lead_mangement .item-icon.icon2 {
background-position: 0 -507px;
}
.crm_lead_mangement .item-icon.icon3 {
background-position: 0 -278px;
}
.crm_lead_mangement .item-icon.icon4 {background-position: 0 -750px;}
.crm_lead_mangement .item-icon.icon5 {background-position: 0 -978px;}
.crm_lead_mangement .features-slider-sec .slider-item h5 {
font-size: 1.8rem;
line-height: 3.2rem;font-weight: 600;
}
.crm_lead_mangement .slick-next.slick-arrow {
position: absolute;
right: 2rem;
top: -8rem;
width: 5.2rem;
height: 5.2rem;
border-radius: 50%;
cursor: pointer;
overflow: hidden;
color: transparent;
background: url(https://static.idriveonlinebackup.com/crm/source/images/leadmgt_sprite_icons.svg);
background-position: 0px -827px;
border: 0;
transition: transform .3s ease-in-out;
}
.crm_lead_mangement .slick-prev.slick-arrow {
position: absolute;
right: 9rem;
top: -8rem;
width: 5.2rem;
height: 5.2rem;
border-radius: 50%;
cursor: pointer;
overflow: hidden;
color: transparent;
background: url(https://static.idriveonlinebackup.com/crm/source/images/leadmgt_sprite_icons.svg);
background-position: 0px -602px;
border: 0;
transition: transform .3s ease-in-out;
}
.crm_lead_mangement .slick-prev.slick-arrow:hover {
background-position: 0px -702px;
transform: scale(1.05);
}
.crm_lead_mangement .slick-next.slick-arrow:hover {
background-position: 0px -929px;
transform: scale(1.05);
}
.crm_lead_mangement .slider-wrapper {
width: 95%;
margin: auto;
display: block;
}
/*features slider css ends*/
/*Lead mangement get-started css starts*/
.crm_lead_mangement h2 sup{line-height: initial;font-size: 2.7rem;position: relative;top: 4px;left: -1px;}
.crm_lead_mangement .get-started-sec{background: #fff;background-repeat:no-repeat;background-size:cover}
.crm_lead_mangement .get-started-sec h2{text-align:center;width:90%;margin: 0 auto 4rem auto;font-size:3.5rem;}
.crm_lead_mangement .get-started-cont{display:flex;flex-direction:column;align-items:center}
.crm_lead_mangement .get-started-cont .left-cont{width: 45%;}
.crm_lead_mangement .get-started-cont .left-cont img{width: 450px;}
.crm_lead_mangement .get-started-cont .right-cont{width: 45%;padding-left: 70px;}
.crm_lead_mangement .get-started-cont {padding: 9rem 0;}
.crm_lead_mangement .get-started-sec {padding: 0;}
.crm_lead_mangement .get-started-sec p {
font-size: 2rem;
margin-top: 0.5rem;
margin-bottom: 1rem;
}
/*Lead mangement get-started css end*/
@media screen and (max-width:1600px) {
.crm_lead_mangement .features-slider-sec .slider-item{height:47rem;}
}
@media only screen and (max-width: 980px) {
.crm_lead_mangement .get-started-cont .right-cont{padding-left: 0;}
}
@media only screen and (max-width: 768px) {
.crm_lead_mangement .banner-section h1 {font-size: 4rem;line-height: 4rem;}
.crm_lead_mangement .business-sec {margin-top: -34rem !important;}
.crm_lead_mangement .business-sec .business-cont {padding: 4rem 2rem;}
.crm_lead_mangement .business-sec .left-section h2 {font-size: 3rem;line-height: 3rem;}
.crm_lead_mangement .features-sec h2, .crm_lead_mangement .get-started-cont .right-cont {font-size: 3rem;text-align: center;}
.crm_lead_mangement .get-started-cont .right-cont{padding-left: 0;}
.crm_lead_mangement .get-started-sec h2{text-align: center;font-size: 3rem;line-height: 4rem;}
}
/*Lead Mangement Page Css Ends*/
/* deal managemnet css starts */
.deal_management .main-header{background-color:transparent}
.deal_management .main-header.active{background-color:#0071bc}
.deal_management .banner-section{background:url(https://static.idriveonlinebackup.com/crm/source/images/deal_banner_bg_new1.jpg) center center;background-size:cover;padding:14rem 0 28rem;background-repeat:no-repeat;border-bottom:1px solid #ddd}
.deal_management .banner-section h3{color:#000;font-size:2.2rem;margin-bottom:3.5rem}
.deal_management .banner-section h1{font-size:5.2rem;line-height:5.2rem;width:100%;margin-bottom:3rem;color:#fff;margin-top:28px}
.deal_management .banner-content p{font-size:2.2rem;margin-bottom:3.5rem;margin-top:0;color:#fff;width:100%}
.deal_management .get-started-btn{margin:0;border-radius:3rem;padding:1.2rem 3rem;color:#fff;width:auto;display:inline-flex;background-image:linear-gradient(to right,#f25337,#ea3160);border:1px solid transparent;font-size:1.9rem;align-items:center;justify-content:center;font-weight:600;}
.deal_management .footer-signbtn .get-started-btn {margin:auto;}
.deal_management .banner-content{display:flex;justify-content:center;width:100%;flex-wrap:wrap}
.deal_management .banner-left-cont{width:100%;display:flex;flex-direction:column;justify-content:center;text-align:center}
.deal_management .banner-right-cont img{width:590px}
.deal_management .banner-right-cont{width:55%;position:relative;text-align:center;display:flex;justify-content:center}
.deal_management .business-sec{display:flex;justify-content:center;width:100%;flex-wrap:wrap;margin-top:-28rem}
.deal_management .business-sec .business-cont{background-color:#fff;padding:7rem;float:left;border-radius:15px;box-shadow:0 0 5px #a2a2a2;margin-bottom:10px}
.deal_management .business-sec .left-section{width:45%;display:flex;flex-direction:column;justify-content:center;float:left}
.deal_management .business-sec .left-section h2{margin-bottom:15px}
.deal_management .business-sec .right-section img{width:470px}
.deal_management .business-sec .right-section{width:55%;position:relative;text-align:center;display:flex;justify-content:end;float:left}
.deal_management .slide_right{box-shadow:inset 0 0 0 0 #d3341c;-webkit-transition:ease-out .7s;-moz-transition:ease-out .9s;transition:ease-out .7s}
.deal_management .slide_right:hover{box-shadow:inset 400px 0 0 0 #f15e48;color:#fff}
.deal_management .features-sec{background-color:#fff;}
.deal_management .features-sec h2{text-align:left;color:#000;width:90%;margin:unset;margin-bottom:2.5rem}
.deal_management .features-sec{color:#fff}
.deal_management .features-sec h2+p{text-align:center}
.deal_management .features-box{display:flex;justify-content:flex-start;flex-wrap:wrap;width:100%;margin-top:50px}
.deal_management .features-item:hover{background-color:#FBFCFE;transform:scale(1.05)}
.deal_management .features-item{width:43%;padding:3.5rem 3rem;margin:2rem 3.6rem 2rem 0;border-radius:2rem;color:#000;transition:all .3s ease-in-out;background-color:#fff;box-shadow:0 0 5px #a2a2a2}
.deal_management .features-item:nth-child(2),.deal_management .features-item:nth-child(4), .deal_management .features-item:last-child{margin-right:0}
.deal_management .features-item h3{font-size:2rem;line-height:3.6rem;font-weight:600}
.deal_management .features-icon{width:140px;height:130px;margin-bottom:30px;background:url(https://static.idriveonlinebackup.com/crm/source/images/dealmgt-sprite-icons2.svg);background-repeat:no-repeat;background-position:0 5px}
.deal_management .features-icon.icon1{background-position:-8px -27px}
.deal_management .features-icon.icon2{background-position:-8px -242px}
.deal_management .features-icon.icon3{background-position:-1px -445px}
.deal_management .features-icon.icon4{background-position:0px -659px}
.deal_management .features-icon.icon5{background-position:0px -859px}
.deal_management .features-icon.icon6{background-position:0px -1071px}
.deal_management .features-item h3+p{line-height:3.2rem;color:#212121}
.deal_management .features-slider-sec{border-top:1px solid #ddd;background:url(https://static.idriveonlinebackup.com/crm/source/images/leadmgt_features_bg.png)}
.deal_management .features-slider-sec h2{width:85%;margin-bottom:7rem}
.deal_management .features-slider-sec .slider-item:hover{transform:scale(1.02);box-shadow:0 0 15px 0 #fc0000}
.deal_management .features-slider-sec .slider-item{background-color:#fff;padding:4rem 1.8rem;border:1px solid #ddd;margin:2rem .6rem;height:30rem;border-radius:1rem;cursor:pointer;transition:all .3s ease-in-out;text-align:left}
.deal_management .features-slider-sec .slider-item p{color:#212121;font-size:1.6rem}
.deal_management .item-icon{background:url(https://static.idriveonlinebackup.com/crm/source/images/leadmgt_sprite_icons2.svg);width:14rem;height:14rem;margin-bottom:2rem;background-position:0 -34px}
.deal_management .item-icon.icon2{background-position:0 -507px}
.deal_management .item-icon.icon3{background-position:0 -278px}
.deal_management .item-icon.icon4{background-position:0 -750px}
.deal_management .item-icon.icon5{background-position:0 -978px}
.deal_management .features-slider-sec .slider-item h5{font-size:1.8rem;line-height:3.2rem;font-weight:600}
.deal_management .slick-next.slick-arrow{position:absolute;right:2rem;top:-8rem;width:5.2rem;height:5.2rem;border-radius:50%;cursor:pointer;overflow:hidden;color:transparent;background:url(https://static.idriveonlinebackup.com/crm/source/images/leadmgt_sprite_icons.svg);background-position:0 -827px;border:0;transition:transform .3s ease-in-out}
.deal_management .slick-prev.slick-arrow{position:absolute;right:9rem;top:-8rem;width:5.2rem;height:5.2rem;border-radius:50%;cursor:pointer;overflow:hidden;color:transparent;background:url(https://static.idriveonlinebackup.com/crm/source/images/leadmgt_sprite_icons.svg);background-position:0 -602px;border:0;transition:transform .3s ease-in-out}
.deal_management .slick-prev.slick-arrow:hover{background-position:0 -702px;transform:scale(1.05)}
.deal_management .slick-next.slick-arrow:hover{background-position:0 -929px;transform:scale(1.05)}
.deal_management .slider-wrapper{width:95%;margin:auto;display:block}
.deal_management .data-manage-sec{padding-bottom:0; background: url(https://static.idriveonlinebackup.com/crm/source/images/deal_stage_banner2.jpg);background-repeat:no-repeat;background-size:cover;}
.deal_management .data-manage-box{padding:2rem 0 8rem;display:flex;justify-content:space-between}
.deal_management .data-manage-right{width:45%;display:flex;justify-content:flex-start;flex-direction:column}
.deal_management .data-manage-right img{width:460px;height:auto;object-fit:contain}
.deal_management .data-manage-left{width:50%;padding:0 3rem}
.deal_management .data-manage-left h2{color:#000;font-weight:600;display:inline-block;padding-bottom:1rem;margin-bottom:0;width:85%;font-size:4rem}
.deal_management .data-manage-left p{margin:0}
.deal_management .data-manage-item{width:80%;margin-bottom:2rem}
.deal_management .data-manage-left h3{font-size:2rem;margin-bottom:1rem;background:url(https://static.idriveonlinebackup.com/crm/source/images/orange-tick-icon.svg) no-repeat 0px 5px;list-style-type:none;padding-left:4.5rem;line-height:3.2rem}
.deal_management .data-manage-item p{margin-left:4.6rem;border-bottom:1px dashed #ccc;padding-bottom:2rem;color: #212121;width: 100%;}
.deal_management .data-manage-item:last-child p{border-bottom:none}
.deal_management .data-manage-features{margin-top:2rem}
.deal_management .get-started-sec{background:#fff;background-repeat:no-repeat;background-size:cover}
.deal_management .get-started-sec h2{text-align:center;width:100%;margin:0 auto 4rem;font-size:3.5rem}
.deal_management .get-started-cont{display:flex;flex-wrap: wrap;align-items:center}
.deal_management .get-started-cont .left-cont{width:45%}
.deal_management .get-started-cont .left-cont img{width:540px}
.deal_management .get-started-cont .right-cont{width:45%;padding-left:70px}
.deal_management .get-started-cont{padding:9rem 0}
.deal_management .get-started-sec{padding:0}
.deal_management .get-started-sec p{font-size:2rem;margin-top:.5rem;margin-bottom:1rem}
.crm_mobile sup {
line-height: initial;
font-size: large;
}
@media screen and (max-width:1600px) {
.deal_management .features-slider-sec .slider-item{height:47rem}
}
@media only screen and (max-width: 1260px) {
.deal_management .features-item{width:40%}
}
@media only screen and (max-width: 980px) {
.deal_management .business-sec .right-section{display:none}
.deal_management .features-item{margin:2rem 0}
.deal_management .data-manage-right{display:none}
.deal_management .features-sec .features-content{padding:0}
}
@media only screen and (max-width: 768px) {
.deal_management .banner-section h1 {font-size: 4rem;line-height: 4rem;}
.deal_management .business-sec { margin-top: -34rem !important;}
.deal_management .business-sec .business-cont {padding: 4rem 2rem;}
.deal_management .business-sec .left-section h2 {font-size: 3rem;line-height: 4rem;}
.deal_management .features-item:hover {transform: scale(1);}
.data-manage-sec .wrapper h2 {font-size: 3rem;line-height: 4rem;}
.deal_management .get-started-sec h2 { font-size: 3rem;line-height: 4rem;}
.deal_management .get-started-btn{font-size:16px;}
}
/*Deal Mangement Page Css Ends*/
/*Workflow Mangement Page Css Starts*/
/*Workflow mangement banner css start*/
.workflow-page .main-header{background-color:transparent}
.workflow-page .main-header.active{background-color:#0071bc}
.workflow-page .banner-section{background:url(https://static.idriveonlinebackup.com/crm/source/images/workflow_banner_img2.jpg);background-size:cover;padding:15rem 0 28rem;background-repeat:no-repeat;}
.workflow-page .banner-section h1{font-size:4.8rem;line-height:5.2rem;width:100%;margin-bottom:3rem;color:#fff}
.workflow-page .banner-content p{font-size:1.6rem;margin-bottom:4rem;margin-top:0;color:#fff;width:100%}
.workflow-page .get-started-btn{border-radius:3rem;padding:1.2rem 3rem;color:#fff;width:14rem;display:inline-flex;background-image:linear-gradient(to right,#f25337,#ea3160);border:1px solid transparent;font-size:1.6rem;align-items:center;justify-content:center;margin: 0;}
.workflow-page .banner-content{display:flex;justify-content:space-between;width:100%;flex-wrap:wrap; font-weight: 500;}
.workflow-page .banner-left-cont{width:100%;display:flex;flex-direction:column;justify-content:center;text-align: center;}
.workflow-page .banner-right-cont img{width:auto}
.workflow-page .banner-right-cont{width:50%;position:relative;text-align:center;display:flex;justify-content:center}
.workflow-page .slide_right{box-shadow:inset 0 0 0 0 #d3341c;-webkit-transition:ease-out .7s;-moz-transition:ease-out .9s;transition:ease-out .7s}
.workflow-page .slide_right:hover{box-shadow:inset 400px 0 0 0 #f15e48;color:#fff}
.workflow-page .banner-section .icons-box{width:509px;height:424px;position:absolute}
.workflow-page .banner-section .icon1{width:70px;position:absolute;height:90px;background:url(https://static.idriveonlinebackup.com/crm/source/images/workflow-creation2.gif);background-repeat:no-repeat;left:91px;top:33px}
.workflow-page .banner-section .icon2{width:70px;position:absolute;height:90px;background:url(https://static.idriveonlinebackup.com/crm/source/images/Set-the-actions2.gif);background-repeat:no-repeat;left:349px;top:121px}
.workflow-page .banner-section .icon3{width:70px;position:absolute;height:90px;background:url(https://static.idriveonlinebackup.com/crm/source/images/Final-Workflow2.gif);background-repeat:no-repeat;left:82px;top:231px}
.workflow-page .banner-section .icon4{width:98px;position:absolute;height:80px;background:url(https://static.idriveonlinebackup.com/crm/source/images/gears.gif);background-repeat:no-repeat;left:351px;top:221px}
.workflow-page .banner-section .icon5{width:70px;position:absolute;height:90px;background:url(https://static.idriveonlinebackup.com/crm/source/images/Assign-the-workflow2.gif);background-repeat:no-repeat;left:261px;top:233px}
.workflow-page .banner-section .icon6{width:70px;position:absolute;height:90px;background:url(https://static.idriveonlinebackup.com/crm/source/images/workflow-trigger2.gif);background-repeat:no-repeat;left:347px;top:305px}
.workflow-page .business-sec{display:flex;justify-content:center;width:100%;flex-wrap:wrap;margin-top:-28rem}
.workflow-page .business-sec .business-cont{background-color:#fff;padding:7rem;float:left;border-radius:15px;box-shadow:0 0 5px #a2a2a2;margin-bottom:10px}
.workflow-page .business-sec .right-section{width:45%;display:flex;flex-direction:column;justify-content:center;float:left}
.workflow-page .business-sec .right-section h2{margin-bottom:1.5rem;font-size: 3rem;}
.workflow-page .business-sec .right-section p{font-size: 1.5rem;}
.workflow-page .business-sec .left-section img{width:450px}
.workflow-page .business-sec .left-section{width:51%;position:relative;text-align:center;display:flex;justify-content:start;float:left}
.workflow-page .slick-arrow.slick-hidden{display:none}
.workflow-page .slick-initialized .slick-slide{padding:20px}
.workflow-page .slick-slide img{display:block;width:1070px;margin:auto}
.workflow-page .slick-initialized ul.slick-dots li.slick-active,.slick-initialized ul.slick-dots li:hover{width:12px;height:12px;cursor:pointer;background-color:#85b9df;border-radius:50%;margin-right:10px;margin-left:auto;border:1px solid #67a0d9;transform:scale(1.2)}
.workflow-page .slick-initialized ul.slick-dots{margin:auto}
.workflow-page .slick-initialized ul.slick-dots li button{display:none}
.workflow-page .slick-initialized ul.slick-dots li{display:inline-block;width:12px;height:12px;cursor:pointer;background-color:#bad6e8;border-radius:50%;margin-right:10px;margin-left:auto;border:1px solid #abc9e5;transition:all .3s ease-in-out}
.workflow-page .slick-initialized ul.slick-dots{list-style:none;text-align:center}
.workflow-page .slider-sec{background:#f4f6f9}
.workflow-page .slider-item{background:url(https://static.idriveonlinebackup.com/crm/source/images/acc-mgt-sliderbg.png);background-repeat:no-repeat;background-size:auto;background-position:48px 16px}
.workflow-page .slider-sec h2{text-align:center;width:100%;margin:auto;margin-bottom:3rem;font-size:4.2rem;color:#000}
.workflow-page .slider-item{text-align:center}
.workflow-page .slider-sec p{color:#000}
.workflow-page .features-box{display:flex;justify-content:space-between;width:100%;flex-wrap:wrap}
.workflow-page .features-right img{width:70%;margin:auto}
.workflow-page .features-left{width:50%;display:flex;align-items:center}
.workflow-page .features-left h2{margin:auto;line-height:6rem}
.workflow-page .features-right{width:50%;text-align:center}
.workflow-page .features-item h3{font-size:2rem;line-height:normal;font-weight:600}
.workflow-page .features-icon{width:140px;height:130px;margin-bottom:30px;background:url(https://static.idriveonlinebackup.com/crm/source/images/workflow_sprite_icons3.svg);background-repeat:no-repeat;background-position:0 -657px}
.workflow-page .features-icon.icon2{background-position:0 -881px}
.workflow-page .features-icon.icon3{background-position:0 -1100px}
.workflow-page .features-icon.icon4{background-position:0 -375px}
.workflow-page .features-icon.icon5{background-position:0 -125px}
.workflow-page .features-icon.icon6{background-position:0 -630px}
.workflow-page .features-item h3+p{line-height:3.2rem;color:#212121}
.workflow-page .features-sec{background-repeat:no-repeat;background-size:cover}
.workflow-page .features-sec h2{text-align:left;color:#0071bc;width:100%;margin:unset;margin-bottom:2.5rem;text-align: center;}
.workflow-page .features-sec{color:#000;border-top:1px solid #ddd}
.workflow-page .features-sec h2+p{text-align:center}
.workflow-page .features-box{display:flex;justify-content:flex-start;flex-wrap:wrap;width:100%;margin-top:50px}
.workflow-page .features-item:hover{background-color:#faf9f9;transform:scale(1.05);box-shadow:0 1px 11px 0 #b4dce1}
.workflow-page .features-item{width:43%;padding:3rem 2.3rem;margin:2rem 3.6rem 2rem 0;border-radius:2rem;color:#000;transition:all .3s ease-in-out;background-color:#fff;border:1px solid #ddd}
.workflow-page .flow-manage-sec{padding-bottom:0;border-top: 1px solid #eaeaea;background:url(https://static.idriveonlinebackup.com/crm/source/images/flow-manage-banner2.jpg);background-size:cover;background-position: 0 0px;}
.workflow-page .flow-manage-box{padding:2rem 0 8rem;display:flex;justify-content:space-between}
.workflow-page .flow-manage-right{width:50%;display:flex;justify-content:flex-start;flex-direction:column}
.workflow-page .flow-manage-right img{width:auto;height:auto;object-fit:contain}
.workflow-page .flow-manage-left{width:50%;padding:0 3rem}
.workflow-page .flow-manage-left h2{color:#fff;font-weight:600;display:inline-block;padding-bottom:4rem;margin-bottom:0;width:85%;font-size:4rem;line-height: 5rem;}
.workflow-page .flow-manage-left p{margin:0}
.workflow-page .flow-manage-item{width:80%;margin-bottom:2rem}
.workflow-page .flow-manage-left h3{font-size:2rem;margin-bottom:1rem;list-style-type:none;line-height:3.2rem;color: #fff;}
.workflow-page .flow-manage-item p{border-bottom:1px dashed #ccc;padding-bottom:2rem;color: #212121;color: #fff;}
.workflow-page .flow-manage-item:last-child p{border-bottom: 0;}
.workflow-page .get-started-sec{background:#e9f1ff;background-repeat:no-repeat;background-size:cover}
.workflow-page .get-started-sec h2{text-align:center;width:95%;margin:0 auto 4rem}
.workflow-page .get-started-cont{display:flex;flex-direction:column;align-items:center}
.workflow-page .get-started-cont{padding:9rem 0}
.workflow-page .get-started-sec{padding:0}
@media screen and (min-width: 1500px){
.workflow-page .flow-manage-sec{background-position: 0 -20px;}
.workflow-page .flow-manage-left{width: 60%;padding: 0 30px;}
}
@media screen and (min-width: 1600px){
.workflow-page .flow-manage-sec{background-position: 0 -133px;}
}
@media screen and (min-width: 1800px){
.workflow-page .flow-manage-sec{background-position: 0 -199px;}
}
@media screen and (min-width: 2200px){
.footer-section .footer-main, .header-box{width:2000px}
}
@media only screen and (max-width: 1210px) {
.workflow-page .features-item {
width: 40%;
margin: 2rem 3.6rem 2rem 12px;
}
.workflow-page .flow-manage-left {
width: 100%;
}
.workflow-page .flow-manage-item {width: 100%;}
.workflow-page .flow-manage-sec {background: none;background-color: #6aabd5;}
}
@media only screen and (max-width: 1060px) {
.workflow-page .business-sec .left-section img {width: 410px;}
}
@media only screen and (max-width: 980px) {
.workflow-page .business-sec .left-section{display:none}
.workflow-page .business-sec .right-section {
width: 100%;
}
.workflow-page .features-item {
width: 100%;
margin: 2rem 3.6rem 2rem 12px;
}
.workflow-page .customer-rel-sec .graphic-img{display:none}
.features-sec{padding:50px 0 0}
.workflow-page .flow-manage-left{width:95%}
.workflow-page .customer-rel-box{width:100%;margin-left:0}
}
@media only screen and (max-width: 768px) {
.workflow-page .banner-section h1 {font-size: 4rem;line-height: 4rem;}
.workflow-page .business-sec { margin-top: -34rem !important;}
.workflow-page .business-sec .business-cont {padding: 4rem 2rem;}
.workflow-page .business-sec .right-section h2, .workflow-page .features-sec h2 {font-size: 3rem;line-height: 4rem;}
.workflow-page .features-item {margin: 2rem 0rem 2rem 0px;}
.workflow-page .features-item:hover {transform: scale(1);}
.workflow-page .flow-manage-left h2 {font-size: 3rem;line-height: 4rem;}
.workflow-page .get-started-sec h2 { font-size: 3rem;line-height: 4rem;}
}
/*Workflow Mangement Page Css Ends*/
/* faq css*/
.faq_page .banner-section{margin-top:6rem;width:100%;background:url(https://static.idriveonlinebackup.com/crm/source/images/legal_bg_new1.png) no-repeat top;background-size:cover;position:relative;padding:70px 0}
.faq_page .banner-section .banner-content h1{color:#000}
.main-content{float:left;width:100%;padding:4rem 0 3rem}
.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%;width:100%;box-sizing:border-box;display:inline-block;position:relative}
.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}
.faq_page .right-content p{margin-bottom:1.5rem;line-height:2.8rem}
.faq_page .right-content p.faqHeading{margin: 0;font-weight: 500;}
.faq_page table{padding-bottom:30px}
.faq_page table tr td{padding:.6rem .6rem 1.5rem;margin-bottom:1.4rem}
.faq_page table tr td a{color:#000}
.faq_page table tr td a:hover{color:#0071bc}
.faq_page table tr td.trade{padding:.1rem .6rem 0}
.faq_page .faq-answer{line-height:2.4rem;width:100%;float:left;box-sizing:border-box;position:relative;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: 2.8rem;}
.faq_page .faq-question p{margin:0 0 1.5rem;font-size:2.4rem;line-height:4rem;font-weight:400;color:#000}
.faq_page .right-content p{color:#000}
.faq_page .faqitem>.faq-question>p>a:before{content:' ';float:left;width:100%;height:6.5rem;border-top:.1rem solid rgba(78,78,78,.1);margin-top:1rem;cursor:auto;}
.faq_page .faqitem>.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:999}
.scroll_top.fixed {display: block!important;}
.support-page .scroll_top{bottom: 75px;}
/*faq css ends*/
/* suppoer page css starts*/
.support-page .banner-section{background: url(https://static.idriveonlinebackup.com/crm/source/images/support_banner_bgnew.jpg);background-size:cover;padding: 7rem 0 19rem;margin-top:6.2rem;background-repeat:no-repeat}
.support-page .banner-section h3{color:#000;font-size:2.2rem;margin-bottom:3.5rem}
.support-page .banner-section h1{font-size:4.8rem;line-height:5.2rem;width:100%;margin-bottom:4rem;color:#000}
.support-page .banner-content p{font-size:1.6rem;margin-bottom:5rem;margin-top:0;color: #000;width: 100%;}
.support-page .get-started-btn{margin-bottom:1rem;border-radius:3rem;padding:1.2rem 3rem;color:#fff;width:14rem;display:inline-flex;background-image:linear-gradient(to right,#f25337,#ea3160);border:1px solid transparent;font-size:1.6rem;align-items:center;justify-content:center}
.support-page .banner-content{display:flex;width:100%;flex-wrap:wrap}
.support-page .banner-left-cont{width:50%;display:flex;flex-direction:column;justify-content:center;}
.support-page .banner-right-cont img{width:450px}
.support-page .banner-right-cont{width:32%;position:relative;text-align:center;display:flex;justify-content:center;margin-left: 10rem}
.support-page .slide_right{box-shadow:inset 0 0 0 0 #d3341c;-webkit-transition:ease-out .7s;-moz-transition:ease-out .9s;transition:ease-out .7s}
.support-numbers{float:left;width:100%}
.suppoer-numbers-left{width: 100%;float:left;padding-right: 3rem;margin-right: 2.8rem;}
.suppoer-numbers-left ul{width:100%;float:left;display:flex;padding: 0 0 2.9rem;border-bottom:1px dashed #ccc;margin-bottom: 1.9rem;}
.suppoer-numbers-left ul li{border-right:1px dashed #ccc;padding-right: 2rem;margin-right: 2.2rem;}
.suppoer-numbers-left ul li:last-child{border-right:none;padding-right:0;margin-right:0}
.support-page .banner-content .suppoer-numbers-left ul li p{margin: 0 0 0.5rem;color:#183F52;width: 100%}
.support-page .banner-content .suppoer-numbers-left ul li h4{font-weight: 500;color: #d75f43;font-size: 20px}
.support-page .banner-content .suppoer-numbers-left .bottom-cont{float:left}
.support-page .banner-content .suppoer-numbers-left .bottom-cont p{margin:0;width:100%;font-size: 1.6rem;line-height: 3.2rem;}
.suppoer-numbers-right{float:left;width: 100%;display: inline-flex;justify-content: flex-start;border-bottom: 1px dashed #ddd;padding-bottom: 2.5rem;margin-bottom: 2.5rem;}
.support-page .banner-content .suppoer-numbers-right p{margin:0;}
.support-page .banner-content .suppoer-numbers-right p:first-child{width:40%}
.suppoer-numbers-right p span{margin-left:1rem;margin-right:1rem}
.support-page .banner-content .suppoer-numbers-right p:nth-child(2){width:25%}
.support-page .banner-content .suppoer-numbers-right p:nth-child(3){width:25%}
.suppoer-numbers-left h2{font-size:2rem;font-weight:500;float:left;width:100%;line-height: 3.6rem;}
.support-form h3{font-weight:500;margin:2rem 0 5rem;color:#394958;font-size:2.8rem}
.support-page .form-topsec{padding: 3rem 4rem;border-bottom:1px solid #ddd}
.support-page .form-bottomsec{padding: 3rem 4rem;width:75%}
.support-page .support-form{float:left;width:100%;padding-top: 0;z-index: 999;position: relative;margin-top: -14.5rem;}
.support-page .support-form p.txt{width: 101%;margin-top: 0;margin-bottom: 0;}
.support-page .support-form p.txt a{color: #0071bc}
.support-page .support_form_card{background-color:#fff;width: 100%;border-radius: 1rem;margin: auto;float: left;position: relative;box-shadow: 0px 0 1rem 0.1rem #c1bfbf;margin-top: 2rem;margin-bottom: 2rem;}
.support-page .support_form_card h2{font-size:26px;margin-bottom:25px;font-weight:500}
.support-page .row_field{float:left;width:100%;margin-bottom:30px}
.support-page .flt_lt{float:left;width:50%;box-sizing:border-box;padding-right:25px}
.support-page .flt_rt{float:right;width:50%;box-sizing:border-box;padding-left:25px}
.support-page .ful_width{width:100%}
.support-page .slide_right:hover { box-shadow: inset 400px 0 0 0 #f15e48; color: #fff; cursor:pointer;}
.support-page .new_sup_submit{margin-bottom: 1rem;border-radius: 3rem;padding: 1.2rem 2rem;color:#fff;width: 16rem;display:inline-flex;background-image: linear-gradient(to right,#f25337 ,#ea3160);border:1px solid transparent;font-size:1.6rem;align-items: center;justify-content: center;}
.support-page .slide_right{box-shadow: inset 0 0 0 0 #d3341c;-webkit-transition: ease-out .7s;-moz-transition:ease-out .9s;transition: ease-out .7s;}
.support-page .slide_right{box-shadow: inset 0 0 0 0 #d3341c;-webkit-transition: ease-out .7s;-moz-transition:ease-out .9s;transition: ease-out .7s;} .slide_right:hover{box-shadow: inset 400px 0 0 0 #f15e48;color:#fff}
.support-page .row_field textarea{height:160px;margin:5px 0 0;padding:4px 10px;width:100%;font-size:14px;border: 1px solid #868686;background:#fff;box-sizing:border-box;resize:none;font-family:inherit;border-radius: 0.5rem;}
.support-page .row_field label{color: #000;font-size: 1.6rem;display:block;margin-bottom: 0.5rem;}
.support-page .error_msg{display:none;color: #fb2222;font-size: 12px;margin-top: 5px;width: 100%;}
.support-page input[type=text],.support-page select{height: 4rem;margin: 0.5rem 0 0;width:100%;font-size: 1.6rem;border:1px solid #a5a1a1;background:#fff;box-sizing:border-box;padding: 0.6rem 1rem;color:#000;font-family:inherit;border-radius: 0.5rem;}
.support-page .succ_msg{background-color:#e3ffb6;border:1px solid #bedb90;clear:both;color:#000;padding:2px 21px;line-height:16px;margin:0 0 40px;width:100%;float:left;box-sizing:border-box}
.support-page .succ_msg p{font-size:15px}
.support-page .include-plans{float:left;width:100%;padding-top:0;padding-bottom: 0;background-color: #f1f7fc;}
.support-page .include-plans-box{float:left;width:100%;border-radius:15px;padding:70px 0 85px;display: flex;}
.support-page .include-plans-box h2{font-weight:600;margin-bottom: 2.5rem;line-height: 5.5rem;font-size: 4rem;}
.support-page .include-plans-box h4{font-weight:400;margin-bottom: 3.5rem;font-size: 1.8rem;}
.support-page .include-plans-box .right-content{float:left;width: 50%;}
.support-page .include-plans-box .right-content ul{width: 100%;display: flex;padding-left: 0;flex-direction: column;}
.support-page .include-plans-box .right-content ul li{color:#212121;background: url(https://static.idriveonlinebackup.com/crm/source/images/check_icon_new2.svg) 0 0.4rem no-repeat;list-style-type:none;padding-left: 5rem;width: 100%;font-size: 1.8rem;margin:0.5rem 0 1rem 1.5rem;line-height: 3.2rem;font-weight: normal;}
.support-page .include-plans-box .right-img{float:left;width:40%}
.support-page .include-plans-box .right-img img{width:350px}
.support-page .include-plans-box .right-content ul li:last-child {
margin-bottom: 0;
}
.support-page input[type="text"]:focus, .support-page select:focus {
border: 2px solid #000;
}
.support-page .left-content {
width: 50%;
}
#showImage{float: left;
margin: 4px 15px;}
#submitQuery{float:left;}
.support-page .include-plans-box .right-content ul li:last-child {
margin-bottom: 0;
}
@media screen and (max-width:1180px) {
.support-page .banner-left-cont{width: 55%;}
}
@media screen and (max-width:1024px) {
.support-page .banner-left-cont{width: 65%;}
.support-page .banner-right-cont img{width: 400px;}
.support-page .banner-right-cont{width: 20%;}
.support-page .include-plans-box{flex-wrap: wrap;}
.support-page .left-content, .support-page .include-plans-box .right-content{width: 100%;}
}
@media screen and (max-width:980px) {
.support-page .banner-right-cont{display: none;}
.support-page .banner-left-cont{width: 100%;}
.support-page .flt_lt, .support-page .flt_rt{width: 100%; padding: 0 0 30px;}
.support-page .form-bottomsec{width: 85%;}
.support-page .include-plans-box h2{font-size: 3.5rem;}
}
@media screen and (max-width:480px) {
.suppoer-numbers-left ul, .suppoer-numbers-right{flex-wrap: wrap;}
.suppoer-numbers-left ul li{padding: 0;margin: 0 0 25px 0; width: 100%;}
.support-page .include-plans-box .right-content ul li{width: 83%;}
.support-page .include-plans-box h2{font-size: 2.5rem; line-height: 3.5rem;}
}
/* suppoer page css ends*/
/*crm_mobile Page Css Starts*/
/*crm_mobile banner css start*/
.crm_mobile .main-header {background-color: transparent;}
.crm_mobile .main-header.active {background-color: #0071bc;}
.crm_mobile .banner-section{background: url(https://static.idriveonlinebackup.com/crm/source/images/mobile_banner_image.jpg);background-size:cover;padding: 16rem 0 0rem 0;background-repeat: no-repeat;background-position: 0 0;border-bottom: 1px solid #ddd;}
.crm_mobile .banner-section h1{font-size: 4.2rem;line-height:5.2rem;width:100%;margin-bottom: 3rem;color: #fff;}
.crm_mobile .banner-content p{font-size:1.6rem;margin-bottom: 4rem;margin-top: 0;color: #fff;width: 80%;}
.crm_mobile .get-started-btn{margin-bottom: 1rem;border-radius: 3rem;padding: 1.2rem 3rem;color:#fff;width: 14rem;display:inline-flex;background-image: linear-gradient(to right,#f25337 ,#ea3160);border:1px solid transparent;font-size:1.6rem;align-items: center;justify-content: center;font-weight: 600;}
.crm_mobile .get-started-btn:hover{/* border: 1px solid #333; *//* color: #000; *//* background-image: none; */}
.crm_mobile .banner-content{display:flex;justify-content:space-between;width:100%;flex-wrap:wrap}
.crm_mobile .banner-left-cont{width: 50%;display:flex;flex-direction:column;justify-content:flex-start;padding-top: 50px;}
.crm_mobile .banner-right-cont img{width: 100%;}
.crm_mobile .banner-right-cont{width: 50%;position:relative;text-align: center;display: flex;justify-content: center;}
.crm_mobile .slide_right{box-shadow: inset 0 0 0 0 #d3341c;-webkit-transition: ease-out .7s;-moz-transition:ease-out .9s;transition: ease-out .7s;}
.crm_mobile .slide_right:hover{box-shadow: inset 400px 0 0 0 #f15e48;color:#fff}
.crm_mobile .store-box { margin-top: 0px; display: flex }
.crm_mobile .app-store { width: 162px; height: 63px; margin-right: 20px; background: url(https://static.idriveonlinebackup.com/crm/source/images/home_sprite_icons4.svg); background-position: 0 -1542px; transition: all .3s ease-in-out; }
.crm_mobile .play-store { margin-right: 20px; background: url(https://static.idriveonlinebackup.com/crm/source/images/home_sprite_icons4.svg); width: 162px; height: 63px; background-position: 0 -1285px; transition: all .3s ease-in-out; }
.crm_mobile .app-store:hover, .crm_mobile .play-store:hover { transform: scale(1.05); }
/* mobile banner css end*/
/*mobile customer-rel css starts*/
.customer-sales-sec{padding-bottom:0}
.cust-sales-item{width:80%;margin-bottom:5rem}
.cust-sales-item p{line-height: 2.8rem;color: #212121;}
.crm_mobile .customer-rel-box{display:flex;justify-content:space-between;width:100%;flex-wrap:wrap;margin:3rem 0;flex-direction:column}
.crm_mobile .customer-rel-left{width:100%;display:flex;align-items:center}
.crm_mobile .customer-rel-left h2{width:100%;margin:0;line-height:6rem;text-align:center}
.crm_mobile .customer-rel-right{width:100%;text-align:center}
.crm_mobile .customer-rel-left img{width:90%}
.crm_mobile .customer-rel-right h2{font-size:4.2rem;width:80%;line-height:6.2rem}
/*mobile customer-rel css end*/
/*slaesgrowth css end*/
.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 img{display:block;width: 950px;margin: auto;}
.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-arrow.slick-hidden{display:none}
.slick-initialized .slick-slide {padding: 20px;}
.slick-initialized ul.slick-dots li.slick-active,.slick-initialized ul.slick-dots li:hover{width:12px;height:12px;cursor:pointer;background-color:#85b9df;border-radius:50%;margin-right:10px;margin-left:auto;border:1px solid #67a0d9;transform:scale(1.2)}
.slick-initialized ul.slick-dots{margin:auto}
.slick-initialized ul.slick-dots li button{display:none}
.slick-initialized ul.slick-dots li{display:inline-block;width:12px;height:12px;cursor:pointer;background-color:#bad6e8;border-radius:50%;margin-right:10px;margin-left:auto;border:1px solid #abc9e5;transition:all .3s ease-in-out}
.slick-initialized ul.slick-dots{list-style:none;text-align:center}
.slider-sec{background-color:#f0f1f1}
.slider-sec h2{text-align:center;width:100%;margin:auto;margin-bottom:2rem;font-size: 3.8rem;}
.slider-item{text-align:center}
.crm_mobile .slick-initialized .slick-slide p{margin: 40px 0 0px 0;}
/*mobile customer-sales css starts*/
.cust-sales-box{padding-bottom:6rem}
.customer-sales-right h2{color:#0071bc;font-weight:500;display:inline-block;border-bottom:1px solid #0071bc;padding-bottom:1.5rem;margin-bottom:6rem;width:85%}
.customer-sales-right h3{font-size:2.5rem;margin-bottom:1.5rem}
.customer-sales-left img{width: 80%;height: auto;object-fit: contain;}
.customer-sales-box{display:flex;justify-content:space-between}
.customer-sales-left{width:50%;display:flex;justify-content: flex-end;flex-direction: column;}
.customer-sales-right{width:50%;padding:0 3rem}
/*mobile customer-sales css end*/
/*mobile features css starts*/
.crm_mobile .features-item h3{font-size: 2.2rem;line-height: 3.6rem;text-align: center;}
.crm_mobile .features-item:nth-child(2), .crm_mobile .features-item:nth-child(4){margin-right:0;}
.crm_mobile .features-icon{width: 70px;height: 86px;background: url(https://static.idriveonlinebackup.com/crm/source/images/crm-mobile-icons3.svg);background-repeat:no-repeat;background-position: 0px -15px;margin: auto auto 36px auto;}
.crm_mobile .features-icon.icon1{width:55px;}
.crm_mobile .features-icon.icon2{background-position: 0px -162px;}
.crm_mobile .features-icon.icon3{background-position: 0px -362px;}
.crm_mobile .features-icon.icon4{background-position: 0px -548px;width:79px}
.crm_mobile .features-icon.icon5{background-position: 0 -125px;}
.crm_mobile .features-icon.icon6{background-position: 0 -630px;}
.crm_mobile .features-item h3+p{line-height:3.2rem;text-align:center;color: #212121;}
.crm_mobile .features-sec{background-repeat:no-repeat;background-size:cover}
.crm_mobile .features-sec h2{text-align: center;color: #000;width: 100%;margin: unset;margin-bottom:2.5rem}
.crm_mobile .features-sec{color: #000;background-color: #f7f7f7;}
.crm_mobile .features-sec h2+p{text-align:center}
.crm_mobile .features-box{display:flex;justify-content:flex-start;flex-wrap:wrap;width:100%;margin-top:50px}
.crm_mobile .features-item:hover{background-color: #faf9f9;transform: scale(1.05);box-shadow: 0px 1px 11px 0 #b4dce1;}
.crm_mobile .features-item{width: 43.5%;padding: 4.5rem 2.3rem;margin: 2rem 3.6rem 2rem 0px;border-radius: 2rem;color: #000;transition: all .3s ease-in-out;background-color: #fff;border: 1px solid #cccccc70;}
/*mobile features css end*/
/*mobile get-started css starts*/
.crm_mobile .get-started-sec{background: #fff;background-repeat:no-repeat;background-size:cover}
.crm_mobile .get-started-sec h2{text-align:center;width: 80%;margin: 0 auto 3rem auto;}
.crm_mobile .get-started-cont{display:flex;flex-direction:column;align-items:center}
.crm_mobile .get-started-cont {padding: 9rem 0;}
.crm_mobile .get-started-sec {padding: 0;}
.crm_mobile .get-started-sec p {
font-size: 2rem;
margin-top: 0.5rem;
margin-bottom: 4rem;
}
/*mobile get-started css end*/
@media screen and (max-width:1180px) {
.crm_mobile .customer-sales-right h2{font-size: 3.6rem;}
}
@media screen and (max-width:1024px) {
.crm_mobile .banner-section h1{font-size: 3.5rem;}
.customer-sales-right h2{font-size: 3rem;width: 100%;}
.crm_mobile .features-item{width: 43%;}
.crm_mobile .get-started-sec h2{width: 100%;}
.crm_mobile .banner-content p{width: 100%;}
}
@media screen and (max-width:980px) {
.crm_mobile .banner-right-cont{display: none;}
.crm_mobile .banner-left-cont{padding: 0;width: 100%}
.crm_mobile .banner-section{padding: 13rem 0 9rem 0;}
.slick-slide img{display: none;}
.slider-sec h2{font-size: 3.2rem;}
.crm_mobile .slick-initialized .slick-slide p{margin: 0;}
.customer-sales-left{display: none;}
.customer-sales-right{width: 100%;}
.crm_mobile .features-box{justify-content: center;}
.crm_mobile .features-item{width: 60%;margin-right: 0;}
.crm_mobile .get-started-sec h2{font-size: 3rem;line-height: 3rem;}
}
@media screen and (max-width:480px) {
.customer-sales-right{width: 100%;padding: 0;}
.cust-sales-item, .crm_mobile .features-item{width: 100%;}
.slider-sec h2, .crm_mobile .banner-section h1, .crm_mobile .customer-rel-left h2, .crm_mobile .features-sec h2{font-size: 3rem;line-height: 4.2rem;}
.crm_mobile .get-started-sec h2{line-height: 4rem;}
}
/*mobile Page Css Ends*/
.features .main-header{background-color: #194582;}
.features .main-header.active{background-color: #0071bc;}
.features .banner-section{background-color:#194582;padding:6rem 0 0;margin-top:6rem;border-bottom:1px solid #ddd}
.features .banner-section h1{font-size: 5.4rem;line-height: 6.9rem;width:100%;color:#fff;font-weight:600;text-align: center;margin: 2rem auto 3.2rem;}
.features .std-price{margin-bottom: 3.2rem !important;color: #fff;}
.features .free-trial {color: #fff;padding: 10px 0 0 0;font-weight: 400;text-align: center;font-size: 1.3rem;line-height: 2rem;}
.features .std-price span{font-weight: bold;font-size: 2rem;}
.features .banner-section h3{margin-bottom:2rem;color:#000}
.features .banner-content p{font-size:1.8rem;margin-bottom:3.5rem;margin-top:0;color:#fff;width:100%}
.features .get-started-btn{margin-bottom:1rem;border-radius:3rem;padding:1.2rem 3rem;color:#fff;width:14rem;display:inline-flex;background-image:linear-gradient(to right,#f25337,#ea3160);border:1px solid transparent;font-size:1.6rem;align-items:center;justify-content:center;margin:auto auto 2rem}
.features .banner-content{display:flex;justify-content:space-between;width:100%;flex-wrap:wrap;padding:50px 0px 110px 0px;}
.features .banner-left-cont{width:100%;display:flex;flex-direction:column;justify-content:center;text-align:center}
.features .banner-right-cont{width:50%;position:relative;text-align:center;display:flex;justify-content:center}
.features .slide_right{box-shadow:inset 0 0 0 0 #d3341c;-webkit-transition:ease-out .7s;-moz-transition:ease-out .9s;transition:ease-out .7s}
.features .slide_right:hover{box-shadow:inset 400px 0 0 0 #f15e48;color:#fff}
.features .banner-ss{margin:0 auto;width:100%}
.features .banner-ss img{margin:25px auto 0;display:block;height:auto;max-width:100%}
.features .intro{width:100%;text-align:center;margin:0 auto;padding:8rem 0 9rem;float:left}
.features .intro h2{font-size:4rem;margin-bottom:2rem;font-weight:600}
.features .intro p{width:80%;margin:0 auto}
.features .features-sec{color:#000;padding:0;float:left;width:100%}
.features .features-content{width:98%;margin:0 auto;border-radius:18px;padding:0rem 2rem 0;}
.features .features-sec h2{text-align:center;color:#000;width:100%;margin:unset;margin-bottom:1.5rem;font-size:4rem;font-weight:600}
.features .features-sec h2+p{text-align:center}
.features .features-box{display:flex;justify-content:center;flex-wrap:wrap;width:100%;margin-top: 40px;}
.features .features-item{width:26.2%;padding:4rem 2.3rem 4rem 2.3rem;margin:2rem 3rem 2rem 0;border-radius:2rem;color:#000;transition:all .3s ease-in-out;background-color:#fff;border:1px solid #cccccc70;text-align:center;box-shadow: 0 0 5px #ded2d2;}
.features .features-item p{color: #212121;}
.features .features-item:last-child{margin-right:0}
.features .features-item:hover{background-color:#faf9f9;transform:scale(1.05);box-shadow:0 1px 11px 0 #b4dce1}
.features .features-item h3{font-size:2.3rem;font-weight:600}
.features .features-item .features-icon{display:flex;justify-content:center;align-items:center;margin:auto auto 8px;background:url(https://static.idriveonlinebackup.com/crm/source/images/crm_feature_icons4.svg) no-repeat -21px -17px;width: 120px;height: 138px;background-size: auto;}
.features .features-item .icon3 {background-position: -21px -266px;}
.features .features-item .icon2 {background-position: -14px -525px;}
.features .data-manage-sec{padding-bottom:0}
.features .data-manage-box{padding:2rem 0 8rem;display:flex;justify-content:space-between}
.features .data-manage-right{width:50%;display:flex;justify-content:flex-start;flex-direction:column;margin-top: 55px;}
.features .data-manage-right img{width:auto;height:auto;object-fit:contain}
.features .data-manage-left{width:50%;padding:0 3rem}
.features .data-manage-left h2{color:#000;font-weight:600;display:inline-block;padding-bottom:1rem;margin-bottom:0;width:85%;font-size:4rem}
.features .data-manage-left p{margin:0}
.features .data-manage-item{width:80%;margin-bottom:2rem}
.features .data-manage-left h3{font-size:2rem;margin-bottom:1rem;background:url(https://static.idriveonlinebackup.com/crm/source/images/check_icon_new2.svg) no-repeat 0px 5px;list-style-type:none;padding-left:4.5rem;line-height:3.2rem}
.features .data-manage-item p{margin-left:4.6rem;border-bottom:1px dashed #ccc;padding-bottom:2rem;color: #212121;}
.data-manage-item:last-child p{border-bottom:none}
.data-manage-features{margin-top:2rem}
.perform-track{float:left;width:100%;background:url(https://static.idriveonlinebackup.com/crm/source/images/power_track.png) no-repeat;background-size:cover;padding-bottom: 108px;}
.perform-track h2{font-size:4rem;text-align:center;color:#fff;margin-bottom:3rem}
.perform-box{display:flex;justify-content:center;width:100%}
.perform-box a{width:26.2%;padding:5.5rem 3rem 3rem;margin:2rem 3rem 2rem 0;border-radius:2rem;color:#000;transition:all .3s ease-in-out;border:1px solid #cccccc70}
.features .perform-box a:hover{transform:scale(1.05);box-shadow:0 1px 5px 0 #b4dce1}
.perform-box h3{font-size:2.3rem;font-weight:600;color:#fff}
.perform-box p{color:#ffffffd4}
.automatoin-sec{float:left;width:100%;background-color:#fff;padding-top: 10rem;}
.automation-left{float: left;width: 45%;padding-right: 50px;}
.automation-left h2{font-size:3.8rem;color:#000;margin-bottom:2.5rem;line-height: 3.2rem;font-weight: 600;}
.automation-left p{width: 92%;margin-top: 0;}
.automation-left .graphics-left img {width: 90%;height: auto;object-fit: contain;margin-top:5rem;}
.automation-right{width: 47%;float: right;}
.automation-right .automation-item{float:left;width: 100%;margin-bottom: 2.5rem;}
.automation-right .automation-item:last-child{margin-bottom: 0;}
.automation-right .automation-item .auto-content{float: left;width: 100%;}
.automation-right .automation-item .icon{margin:0 0 2rem;width:10rem;height:7.2rem;background:url(https://static.idriveonlinebackup.com/crm/source/images/features-automation-icon2.png) no-repeat -1.4rem 0;float: left;}
.automation-right .automation-item .img2{background-position:0 -14.5rem}
.automation-right .automation-item .img3{background-position:-0.4rem -29rem}
.automation-right .automation-item .img4{background-position:0.4rem -57.4rem}
.automation-right .automation-item .img5{background-position:-0.8rem -44rem}
.automation-right .automation-item h3{font-size:2.2rem;font-weight:600;color:#000}
.automation-right .automation-item p{color:#212121;line-height: 2.6rem}
.features .get-started-sec{background:url(https://static.idriveonlinebackup.com/crm/source/images/features_getstart_bg.png) no-repeat;background-size:cover;display:flex;flex-direction:column;align-items:center;border-top: 1px solid #f7e6d7;}
.features .get-started-cont{display:flex;flex-direction:column;align-items:center;padding:9rem 0}
.features .get-started-sec h2{text-align:center;width:94%;margin:0 auto 3rem;font-size: 4.8rem;font-weight: 600;line-height: 6.5rem;}
.features .slide_right{box-shadow:inset 0 0 0 0 #d3341c;-webkit-transition:ease-out .7s;-moz-transition:ease-out .9s;transition:ease-out .7s}
.features .get-started-btn{margin-bottom:2rem;border-radius:3rem;padding:1.2rem 3rem;color:#fff;width:14rem;display:block;background-image:linear-gradient(to right,#f25337,#ea3160);border:1px solid transparent;font-size:1.6rem;align-items:center;justify-content:center;font-weight: 600;}
/*compliance css start*/
.compliance .banner-section{background: url(https://static.idriveonlinebackup.com/crm/source/images/compliance_banner.png);background-size:cover;padding: 4rem 0 6rem 0;margin-top: 6.2rem;background-repeat: no-repeat;background-position: center;border-bottom: 1px solid #ddd;}
.compliance .banner-section h1{font-size: 4.2rem;line-height:5.2rem;width:100%;margin-bottom: 3rem;}
.compliance .banner-section h1 sup{font-size: 3rem;position: relative;top: 0.5rem;}
.compliance .banner-content p{font-size:1.6rem;margin-bottom: 4rem;margin-top: 0;width: 90%;}
.compliance .get-started-btn{margin-bottom: 1rem;border-radius: 3rem;padding: 1.2rem 3rem;width: 14rem;display:inline-flex;background-image: linear-gradient(to right,#f25337 ,#ea3160);border:1px solid transparent;font-size:1.6rem;align-items: center;justify-content: center;font-weight: 600;color: #fff;}
.compliance .banner-content{display:flex;justify-content:space-between;width:100%;flex-wrap:wrap}
.compliance .banner-left-cont{width: 50%;display:flex;flex-direction:column;justify-content:center;padding-top: 60px;}
.compliance .banner-right-cont img{width: 504px}
.compliance .banner-right-cont{width: 50%;position:relative;text-align: center;margin-top: 85px;}
.compliance .slide_right{box-shadow: inset 0 0 0 0 #d3341c;-webkit-transition: ease-out .7s;-moz-transition:ease-out .9s;transition: ease-out .7s;}
.compliance .slide_right:hover{box-shadow: inset 400px 0 0 0 #f15e48;color:#fff}
.compliance .intro{float:left;width:100%;border-bottom:1px solid #eaeaea}
.compliance .intro h2{font-size:4.2rem;line-height:6.2rem}
.compliance .intro p:last-child{margin-bottom:0}
.compliance .intro.two h2{font-size:4rem;line-height:5.2rem;margin-bottom:3rem}
.compliance .intro.two ul{float:left;padding-left:0}
.compliance .intro.two ul li{font-size:17px;padding:0 0 20px 35px;line-height:normal;font-weight:400;background:url(https://static.idriveonlinebackup.com/crm/source/images/compliance_tick.png) no-repeat left 6px;line-height:30px}
.compliance .regulations-sec{background:#fff;padding:7rem 0;color:#000}
.compliance .setting-up-left h2{margin-bottom: 0;}
.compliance .regulation-items .right-content{width:92%;margin-left:2.5rem}
.compliance .regulation-items{width:100%;padding:3rem 2rem;display:flex;justify-content:flex-start;position:relative}
.compliance .regulation-items:last-child{margin-bottom: 0;}
.compliance .regulation-items p{color:#333;margin-bottom: 0;}
.compliance .regulation-items h4{color:#0071bc;font-weight:500;font-size:2rem;margin-bottom:1.2rem;line-height:3rem}
.compliance .setting-sso{background:#ffff;padding:1.8rem 0;text-align:center;color:#000;border-top:0.1rem solid #c5c5c578;border-bottom:0.1rem solid #c5c5c578;font-weight:100}
.compliance .sso-arrow{display:flex;justify-content:center;align-items:center}
.compliance .setting-sso a{padding:0 1.6rem;color:#0071bc;font-weight:600}
.compliance .setting-sso a:hover{color:#000}
.compliance .regulations-box{display:flex;flex-wrap:wrap;justify-content:space-between;}
.compliance .regulations-box h2{margin-bottom: 3rem;}
.compliance .icon{width:10.4rem;background:url(https://static.idriveonlinebackup.com/crm/source/images/compliance_icons04.png) no-repeat -20px -20px;height:11rem}
.compliance .icon2{background-position: -20px -178px;}
.compliance .icon3{background-position: -20px -337px;}
.compliance .icon4{background-position: -20px -20px;}
.compliance .icon5{background-position: -20px -495px;}
.compliance .icon6{background-position: -20px -1293px;}
.compliance .icon7{background-position: -20px -1130px;}
.compliance .icon8{background-position: -20px -971px;}
.compliance .icon9{background-position: -14px -1130px;}
.compliance .icon10 {background-position: -20px -1282px;}
.compliance .gdpr{background-color:#FA665C;color:#fff;border:0.1rem solid #FA665C;font-size:1.6rem;font-weight:400;padding:0.8rem 1.4rem;border-radius:3rem;cursor:pointer;display:inline-block;margin:1.2rem 0 0}
.compliance .gdpr:hover{border:0.1rem solid #98a9b2;background-color:#fff;color:#104a69}
.compliance .baa_wrapper{position:relative;float:left;width:100%;background:#fff;color:#696a6a;padding:5rem 0 3rem}
.compliance .baa_form_box .baa_head span:first-child{padding-left:0;font-size:4rem;float:left;padding-right:5rem;color:#0071bc;line-height:initial;padding-bottom:2rem}
.compliance .baa_form_box .error_red{color:#fc3838;width:100%;float:left;font-size:1.1rem;padding-left:0.2rem;margin-bottom:1rem}
.compliance .baa_para{padding:0;margin:0 0 1.5rem;width:100%;float:left;line-height:2.4rem;font-size:1.6rem;color: #212121;}
.compliance .baa_form_box ul{padding:0;margin:0;list-style:none;width:75%;float:left}
.compliance .baa_form_box ul li{float: left;width: 100%;}
.compliance .baa_form_box label{padding-top:0;padding-bottom:1rem;float:left;width:100%;box-sizing:border-box;color: #212121;font-size: 1.6rem;}
.compliance .bba-heading{margin-bottom:2rem;float:left;width:100%;padding:3rem 0 1rem;font-size:1.8rem;color:#0071bc;border-bottom:0.1rem dotted #afb2b2}
.compliance .baa_input{outline:none;margin-top:0;float:left;padding:0 1rem;width:100%;box-sizing:border-box;background:none repeat scroll 0 0 #fff;border:0.1rem solid #c5c5c5;font-size:1.4rem;height:3.5rem;line-height:normal}
.compliance .baa_form_box .left-box{width:50%;padding:0;margin:0;float:left;box-sizing:border-box;min-height:8rem}
.compliance .baa_form_box .right-box{width:50%;min-height:10rem;padding:0 0 0 5rem;margin:0;float:left;box-sizing:border-box}
.compliance .row_field .new_sup_submit{background-color:#FA665C;border:0.1rem solid #FA665C;border-radius:3rem;color:#fff;width:30%;width:auto;cursor:pointer;box-sizing:border-box;border:none;font-size:1em;padding:1rem 2rem;outline:none;font-family:inherit;margin-top:3rem;-webkit-appearance:none;-moz-appearance:none;height: 4.5rem;}
.compliance .row_field .new_sup_submit:hover{border:0.1rem solid #98a9b2;background-color:#fff;color:#104a69}
.compliance .baa_succ_msg{box-sizing:border-box;background-color:#f9f7e9;border:0.1rem solid #bdbcad;width:100%;margin:3rem 0 0;color:#3f3d3e;clear:both;padding:1rem;display:none;font-size:1.2rem;line-height:1.8rem;overflow:hidden}
@media only screen and (max-width: 768px) {
.compliance .banner-section h1 {font-size: 4rem;line-height: 4rem;}
.compliance .banner-left-cont {width: 100%;}
.compliance .banner-right-cont { display: none;}
.compliance .regulations-box h2 {font-size: 2.5rem;line-height: 4rem;}
.compliance .icon { display: none;}
.compliance .regulation-items {padding: 3rem 0rem;}
.compliance .regulation-items .right-content {width: 100%;margin-left: 0;}
}
/* features page responsive */
@media only screen and (max-width: 1024px) {
.features .features-item {
width: 40.2%;
}
.features .data-manage-right img {
margin-top: 130px;
}
}
@media only screen and (max-width: 980px) {
.crm_account_mangement .features-sec h2, .crm_account_mangement .customer-rel-left, .crm_account_mangement .features-item, .crm_account_mangement .contact-manage-left, .crm_lead_mangement .get-started-cont .right-cont, .crm_lead_mangement .features-item, .crm_lead_mangement .business-sec .left-section, .deal_management .business-sec .left-section, .deal_management .features-item, .deal_management .data-manage-left {
width: 100%
}
.automation-right {
width: 100%;
float: left;
padding: 0;
}
.perform-box {
padding: 0 3rem;
flex-direction: column;
}
.perform-box a {
width: 86%;
}
.features .data-manage-right, .automation-left {
display: none;
}
.features .data-manage-left, .features .data-manage-item {
width: 100% !important;
}
.features .features-item{
width: 100% !important;
margin: 30px 0 0 0;
}
.slider-sec{display:none;}
.customer-sales-sec{ border: 1px solid #ccc;}
}
@media only screen and (max-width: 700px) {
.perform-box a {
width: 80%;
}
}
@media only screen and (max-width: 550px) {
.perform-box a {
width: 76%;
}
.features .banner-section {margin-top: 5.5rem;}
}
@media only screen and (max-width: 768px) {
.features .banner-section h1 {font-size: 3.0rem;line-height: 4rem;}
.features .intro {padding: 8rem 0 0rem;}
.features .features-content {padding: 0;}
.features .features-item:hover {transform: scale(1);}
.features .get-started-sec h2 {font-size: 2.5rem;line-height: 4rem;}
.features .data-manage-left h2, .features .intro h2,.perform-track h2 {font-size: 3rem;line-height: 4rem;}
.workflow-page .flow-manage-left h2 {font-size: 3rem;line-height: 4rem;}
.workflow-page .get-started-sec h2 { font-size: 3rem;line-height: 4rem;}
.features .banner-content{padding: 00px 0px 70px 0px;}
}
@media only screen and (max-width: 430px) {.perform-box {padding: 0 1.5rem;}}
/*Mobile*/
@media screen and (max-width:1180px) {
.crm_mobile .customer-sales-right h2{font-size: 3.6rem;}
}
@media screen and (max-width:1024px) {
.crm_mobile .banner-section h1{font-size: 3.5rem;}
.customer-sales-right h2{font-size: 3rem;width: 100%;}
.crm_mobile .features-item{width: 43%;}
.crm_mobile .get-started-sec h2{width: 100%;}
.crm_mobile .banner-content p{width: 100%;}
.compliance .regulations-box h2{ font-size: 27px;}
}
@media screen and (max-width:980px) {
.crm_mobile .banner-right-cont{display: none;}
.crm_mobile .banner-left-cont{padding: 0;width: 100%}
.crm_mobile .banner-section{padding: 13rem 0 9rem 0;}
.slick-slide img{display: none;}
.slider-sec h2{font-size: 3.2rem;}
.crm_mobile .slick-initialized .slick-slide p{margin: 0;}
.customer-sales-left{display: none;}
.customer-sales-right{width: 100%;}
.crm_mobile .features-box{justify-content: center;}
.crm_mobile .features-item{width: 60%;margin-right: 0;}
.crm_mobile .get-started-sec h2{font-size: 3rem;line-height: 3rem;}
.crm_lead_mangement .business-sec .left-section h2{font-size: 30px;}
.workflow-page .flow-manage-left h2, .workflow-page .get-started-sec h2{font-size: 29px;}
h2 sup {font-size: medium;}
.compliance .banner-right-cont{display:none;}
.compliance .banner-left-cont { width: 100%;padding-top: 0px;}
.compliance .banner-section{ padding: 6rem 0 4rem 0;}
.compliance .regulation-items p{ text-align: justify;}
}
@media screen and (max-width:480px) {
.customer-sales-right{width: 100%;padding: 0;}
.cust-sales-item, .crm_mobile .features-item{width: 100%;}
.slider-sec h2, .crm_mobile .banner-section h1, .crm_mobile .customer-rel-left h2, .crm_mobile .features-sec h2{font-size: 2.8rem;line-height: 3.2rem;}
.crm_mobile .get-started-sec h2{line-height: 4rem;}
.crm_lead_mangement .banner-content p {font-size: 16px;}
.crm_lead_mangement .banner-section h1{ margin-top: 0px;}
.banner_video{margin-left: -15px; margin-top: 29px;}
.crm_lead_mangement .business-sec .business-cont{ margin-top: 18px;}
.workflow-page .flow-manage-left h2 {font-size: 27px;}
.compliance .banner-section h1 {font-size: 30px;}
.compliance .regulations-box h2 { font-size: 25px; }
}
/* banner video css */
.video-rt-box{float:right;color:#fff;margin-top:-25px;padding-bottom:60px}
.model-wrapper{display:none;float:left;height:100%;position:fixed;width:100%;z-index:9999999999;top:0}
.model-opaclayer{height:100%;position:fixed;width:100%;background:none repeat scroll 0 0 #000;opacity:.9;-moz-opacity:.9;-webkit-opacity:.9;-khtml-opacity:.9;filter:alpha(opacity=90);top:0}
.model-first-container{position:absolute;height:100%;width:100%}
.model-second-container{position:relative;z-index:9999;display:table;overflow:hidden;margin:0 auto;height:100%;width:90%;max-width:1024px}
.model-main-container{outline:0;border-radius:5px;display:table-cell;vertical-align:middle}
.videos-close-btn{display:inline-block;float:right;width:100%;height:28px}
.video-container{position:relative;width:100%;height:0;padding-bottom:56%;padding-top:0;box-sizing:border-box;border:0 solid #7babc1;background:#000}
.modal-close-icon{background:url(https://static.idriveonlinebackup.com/crm/source/images/video_close_btn.png) no-repeat scroll 0 0;cursor:pointer;height:39px;width:39px;z-index:9999;position:fixed;right:0;top:0}
.video_menus{display:none}
.model-wrapper .videos_list{list-style-type:none;margin:0;padding:0;overflow:auto;height:100%}
.title_video{width:50%;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;align-items:center}
.banner_video{padding: 0;}
.banner_video li {color:#0071bc;margin:0;vertical-align:middle;display:inline-flex;align-items:center;cursor:pointer;margin-left:25px}
.banner_video li:hover{color:#000}
.banner_video li i{background:url(https://static.idriveonlinebackup.com/crm/source/images/video_icon3.svg) no-repeat 0 8px;width:33px;height:33px;margin-right:2px;display:inline}
.banner_video li:hover i{background-position: 0 -30px;}
.banner_video li span{font-weight:400;font-size:16px;color:#fff}
.banner_video li:hover span{color: #F4EAB0;}
.support-page .ful_width {
display: flex;
flex-direction: column;
}
.support-page .include-plans-box .right-content ul li {
background: url(https://static.idriveonlinebackup.com/crm/source/images/check_icon_new2.svg) 1.2rem 0.4rem no-repeat !important;
}
.not-robort-errormsg{
color: #fb2222;
font-size: 12px;
margin-top: 5px;
position: relative;
left: 0px;
top: -22px;
}
.support-page .succ_msg p {
font-size: 1.6rem;
padding: 8px 12px 0px 70px;
line-height: normal;
font-weight: 300;
background: url(https://static.idriveonlinebackup.com/crm/source/images/success.png) no-repeat left -7px;
display: inline-block;
width: auto;
}
@media only screen and (max-width: 980px) {
.title_video{width: 80%;}
}
@media only screen and (max-width: 650px) {
.suppoer-numbers-right {
display: flex;
flex-direction: column;
}
.support-page .banner-content .suppoer-numbers-right p{
width: 100% !important;
}
.support-page .banner-content .suppoer-numbers-right p span{
display: none;
}
.support-page .banner-content .suppoer-numbers-left .bottom-cont p:nth-child(2) {
width: 66%;
}
}
/* Media query for landscape orientation on iPhones */
@media only screen and (max-width: 980px) {
.support-page input[type=text],
.support-page select,
.support-page .row_field textarea {
width: 85%; /* Adjust as needed for your layout */
}
}
@media only screen and (max-width: 475px) {
.support-page .banner-content .suppoer-numbers-left .bottom-cont p:nth-child(2) {
width: 88%;
}
.support-page .form-bottomsec {
padding: 3rem 1rem;
}
.support-page .form-topsec {
padding: 3rem 1rem;
}
.support-page input[type=text], .support-page select, .support-page .row_field textarea {
width: 100%;
}
}
@media only screen and (min-width: 1400px) {
.video-container{height:600px;width:1200px}
}
@media only screen and (min-width: 1800px) {
.video-container{height:700px;width:1400px}
}
@media only screen and (min-width: 2000px) {
.video-container{height:800px;width:1600px}
}
@media only screen and (min-width: 2400px) {
.video-container{height:900px;width:1800px}
}
@media only screen and (min-width: 2800px) {
.video-container{height:1012px;width:1800px}
}
/* Data Migration css starts */
.data_migration p sup{font-size: 1.6rem;top: 2px;position: relative;}
.data_migration .r-symbol{position: relative;top: 3px;left: -3px;}
.data_migration .main-header{background-color:transparent}
.data_migration .main-header.active{background-color:#0071bc}
.data_migration .banner-section{
background: rgb(75,129,184);
/* background: linear-gradient(90deg, rgba(75,129,184,1) 0%, rgba(72,142,182,1) 20%, rgba(70,149,185,1) 30%, rgba(66,161,193,1) 70%, rgba(63,190,208,1) 100%); */
background:#46A2D1 url(https://static.idriveonlinebackup.com/crm/source/images/data_migration-bg.png) center center;
background-size:cover;
padding:14rem 0 28rem;
background-repeat:no-repeat;
border-bottom:1px solid #ddd
}
.data_migration .banner-section h3{color:#000;font-size:2.2rem;margin-bottom:3.5rem}
.data_migration .banner-section h1{font-size:5.2rem;line-height:5.2rem;width:100%;margin-bottom:3rem;color:#fff;margin-top:28px;}
.data_migration .get-started-btn{margin:0;border-radius:3rem;padding:1.2rem 3rem;color:#fff;width:auto;display:inline-flex;background-image:linear-gradient(to right,#f25337,#ea3160);border:1px solid transparent;font-size:1.9rem;align-items:center;justify-content:center;font-weight:600;}
.data_migration .banner-left-cont{width:100%;display:flex;flex-direction:column;justify-content:center;text-align:center}
.data_migration .banner-content p{font-size:2.2rem;margin-bottom:3.5rem;margin-top:0;color:#fff;width:100%}
.data_migration .get-started-sec{background:#fff;background-repeat:no-repeat;background-size:cover}
.data_migration .get-started-sec h2{text-align:center;width:100%;margin:0 auto 4rem;font-size:3.5rem}
.data_migration .get-started-sec{padding:0; border-top: 1px solid #e9e4e4;}
.data_migration .get-started-sec p{font-size:2rem;margin-top:.5rem;margin-bottom:1rem}
.data_migration .slide_right{box-shadow:inset 0 0 0 0 #d3341c;-webkit-transition:ease-out .7s;-moz-transition:ease-out .9s;transition:ease-out .7s}
.data_migration .slide_right:hover{box-shadow:inset 400px 0 0 0 #f15e48;color:#fff}
.data_migration .business-sec{display:flex;justify-content:center;width:100%;flex-wrap:wrap;margin-top:-28rem}
.data_migration .business-sec .business-cont{display:flex;justify-content:space-between;flex-wrap:wrap;background-color:#fff;padding:6rem 7rem 5rem;box-shadow:0 0 5px #a2a2a2;margin-bottom:10px;border-radius:15px}
.data_migration .business-cont .business-rel-right{width:44%;display:flex;align-items:center;justify-content: end;}
.data_migration .business-cont .business-rel-right img{width:88%}
.data_migration .business-cont .business-rel-left{width:54%}
.data_migration .business-cont .business-rel-left h2{font-size:3.2rem;width:100%}
.data_migration .business-cont .business-rel-left p{font-size: 15px;}
.data_migration .features-sec{background-color:#F6F9FB;border-top:1px solid #eaeaea ; margin-top: 30px;}
.data_migration .features-sec h2{text-align: center;color:#000;width: 90%;margin: unset;margin-bottom:2.5rem}
.data_migration .features-sec{color:#fff}
.data_migration .features-sec h2+p{text-align:center}
.data_migration .features-box{display:flex;justify-content:flex-start;flex-wrap:wrap;width:100%;margin-top:50px}
.data_migration .features-item:hover{transform: scale(1.05);}
.data_migration .features-item{width: 44%;padding: 3.5rem 2.3rem;margin: 2rem 3.6rem 2rem 0px;border-radius: 2rem;color: #000;transition: all .3s ease-in-out;background-color: #fff;border: 1px solid #eaeaea;}
.data_migration .features-item:nth-child(2), .data_migration .features-item:nth-child(4){margin-right: 0;}
.data_migration .features-item h3{font-size:2rem;line-height: 3.6rem;font-weight: 600}
.data_migration .features-icon{width:140px;height: 130px;margin-bottom:30px;background: url(https://static.idriveonlinebackup.com/crm/source/images/data_migration_icons.svg);background-repeat:no-repeat;background-position: -10px 0px;}
.data_migration .features-icon.icon2{background-position: -10px -231px;}
.data_migration .features-icon.icon3{background-position: -10px -463px;}
.data_migration .features-icon.icon4{background-position: -10px -679px;}
.data_migration .features-item h3+p{line-height:3.2rem;color: #212121;}
.data_migration .logos-sec{float:left;width:100%;padding-top:0}
.data_migration .logos-sec .logo-main{display:flex;align-items:center;justify-content:space-around}
.data_migration .quick-maping{width:140px;height:130px;margin-bottom:30px;background:url(https://static.idriveonlinebackup.com/crm/source/images/data_migration_Quick-data.svg);background-repeat:no-repeat}
.data_migration .logos-sec h2{color: #212121;text-align:center;width: 85%;margin: 20px auto 48px;line-height: normal; line-height: 3.2rem;font-size:18px;
font-weight: normal;
}
.data_migration .migrate-box{float:left;}
.data_migration .api-data-migration-left .sign_btn {
border-radius: 3rem;
padding: 1.2rem 3rem;
color: #fff;
width: 7rem;
display: inline-flex;
background-image: linear-gradient(to right, #f25337, #ea3160);
border: 1px solid transparent;
font-size: 1.6rem;
align-items: center;
justify-content: center;
font-weight: 600;
margin: 0 0 25px;
}
.data_migration .migrate-box2{margin-top: 76px;
float: left;
border-top: 1px dotted #999;
padding-top: 80px;}
.manual_migration-sec h2{text-align:center;}
.manual_migration-sec p.migrate-desc{text-align:center; margin-bottom: 38px;}
.manual_migration-sec{padding:9rem 0 1rem}
.manual_migration-sec .d-flex{display:flex;}
.manual_migration-sec h4.migrate-manually{padding:1rem 0 3rem;font-size:20px}
.manual_migration-sec .mm-left-sec{width:38%}
.manual_migration-sec .mm-left-sec img{width: 375px;float: right;margin-top: 25px;}
.manual_migration-sec .mm-right-sec{width:55%;margin-top:40px;margin-left:60px}
.manual_migration-sec .mm-right-sec .manual-migration-div{display:flex}
.manual_migration-sec .mm-right-sec .number-1{width:10%;margin-top:9px}
.manual_migration-sec .mm-right-sec .number-1 span{background:#f3885f;color:#fff;padding:6px 15px;border-radius:14px 0 14px 0;font-size:1.6rem;display:flex;width:15px;height:20px}
.manual_migration-sec .mm-right-sec .mm-text{width:82%}
.manual_migration-sec .mm-right-sec .mm-text h4{font-size:3.2rem;color:#0071bc;line-height:4.5rem;font-weight:600;margin-bottom:2rem}
.manual_migration-sec .mm-right-sec .mm-text p{margin-top:0}
.manual_migration-sec .mm-right-sec .mm-text p.manual-migration-p{padding-bottom:1.5rem}
.manual_migration-sec .mm-right-sec .manual-migration-div .sign_btn{border-radius:3rem;padding:1.2rem 3rem;color:#fff;width:7rem;display:inline-flex;background-image:linear-gradient(to right,#f25337,#ea3160);border:1px solid transparent;font-size:1.6rem;align-items:center;justify-content:center;font-weight:600;margin:0 0 25px}
.data_migration .get-started-cont{display:flex;flex-wrap:wrap;align-items:center}
.data_migration .get-started-cont{padding:9rem 0}
.data_migration .footer-signbtn .get-started-btn{margin:auto}
.dash-main{float: left;width: 96%;background-color: #F6FAFE;padding: 4rem 3rem 5rem;border-radius: 1.5rem;}
.dash-div-flex{display:flex;justify-content:space-between;}
.data_migration .dash-div-1,.data_migration .dash-div-2,.data_migration .dash-div-3,.data_migration .dash-div-4{width:22%;border:1px dashed #ada9a9;border-radius:15px;min-height:167px}
.numberCircle{display:inline-block;line-height:0;border-radius:50%;font-size:15px;background-color:#81b7f4;margin-right:10px}
.numberCircle .numberCircle1{display:inline-block;padding-top:50%;padding-bottom:50%;margin-left:9px;margin-right:9px;color:#fff}
.numberCircle .numberCircle2,.numberCircle .numberCircle3{display:inline-block;padding-top:50%;padding-bottom:50%;margin-left:7px;margin-right:7px;color:#fff}
.manual_migration-sec .dash-div-flex .number-1 span{background:#81b7f4;color:#fff;padding:6px 15px;border-radius:14px 0 14px 0;font-size:1.6rem;display:flex;width:15px;height:20px}
.manual_migration-sec .dash-div-flex .number-1{padding:10px 10px 0}
.manual_migration-sec .dash-div-flex .txt-point{margin:0;padding:0 25px}
.manual_migration-sec .dash-div-flex .txt-point p{font-size:1.5rem}
.data_migration .api-data-sec{padding-bottom:0;background-repeat:no-repeat;background-size:cover;padding-bottom:9rem;padding-top: 0px;}
.data_migration .api-data-migration-left h2{font-size:3.5rem;line-height:5rem;color:#0067b7;font-weight:600}
.data_migration .api-data-migration-box{display:flex;justify-content:space-between}
.data_migration .api-data-migration-left{width:55%}
.data_migration .api-data-migration-left .migrate-step-2{display:flex}
.data_migration .api-data-migration-left .migrate-step-2 .box1{width:8%;margin-top:12px;margin-right:10px}
.data_migration .api-data-migration-left .migrate-step-2 .box1 span{background:#f3885f;color:#fff;padding:6px 15px 6px 12px;border-radius:14px 0 14px 0;font-size:1.6rem;display:flex;width:15px;height:20px}
.data_migration .api-data-migration-left .migrate-step-2 .box2{width:81%}
.data_migration .api-data-migration-left .migrate-step-2 .box2 p{font-size:1.5rem;padding:25px 0}
.data_migration .api-data-migration-right{width:40%;display:flex;justify-content:flex-start;flex-direction:column;margin-top:-28px}
.data_migration .api-data-migration-right img{width: 72%;
margin-top: 20px;
margin-bottom: 28px;}
.data_migration .assistance{font-size:1.5rem;line-height:3.2rem;font-weight:400;color:#000;text-decoration:none}
.data_migration .download-api a{font-size:1.6rem;margin-bottom:1rem;background:url(https://static.idriveonlinebackup.com/crm/source/images/data_migration-download-icon.svg) no-repeat 15px 14px;background-size:17px 17px;list-style-type:none;line-height:3.2rem;color:#fff;background-color:#197cce;width:235px;border-radius:4px;font-weight:600;padding:10px 20px 8px 43px}
.data_migration .learn-api a{color:#287fbb;font-weight:400}
.data_migration .api-data-sec .apply-migration{background-color:#F6FAFE;float:left;border-radius:15px;margin-bottom:10px;width:100%;margin-top:25px}
.data_migration .api-data-sec .apply-migration .apply-migration-points .points{font-size:1.5rem;display:flex;align-items:center;margin-bottom:-20px}
.data_migration .api-data-sec .left-section{width:60%;display:flex;flex-direction:column;justify-content:center;float:left;padding:5rem;border-right:1px solid #e2e2e2}
.data_migration .api-data-sec .right-section{width:30%;display:flex;justify-content:center;float:left;padding:9rem 0 0}
.data_migration .api-data-sec .right-section img{width:55px;padding-right:18px}
.data_migration .api-data-sec .right-section p{margin:0}
.data_migration .api-data-sec .right-section a{color:#287fbb;font-weight:400;font-size:1.5rem}
.data_migration .support-link{display:flex}
.data_migration .api-data-sec .right-section .contact{text-decoration:underline}
.support-link:hover .contact{color:#000!important}
.data_migration .api-data-sec .left-section p{font-size:1.5rem}
.data_migration .api-data-sec .left-section p span{font-size:1.5rem}
.data_migration .api-data-sec.right-section{width:40%;position:relative;text-align:left;display:flex;justify-content:end;float:left;padding:8rem 3rem 0;font-size:1.6rem;flex-direction:column}
@media only screen and (max-width: 1080px) {
.data_migration .features-item {
width: 40%;
}
}
@media only screen and (max-width: 1024px) {
.data_migration .business-cont .business-rel-left h2{font-size:2.8rem;}
.data_migration .features-item{width: 42%;margin: 2rem 2.5rem 2rem 0px;}
.manual_migration-sec .mm-right-sec{margin-left: 0;}
.manual_migration-sec .d-flex{justify-content: space-between;}
.manual_migration-sec .mm-right-sec .number-1{width: 11%;}
.data_migration .api-data-migration-left h2{font-size: 3rem;line-height: 4rem;}
}
@media only screen and (max-width: 980px) {
.data_migration .banner-section{padding: 11rem 0 28rem;}
.data_migration .banner-section h1{font-size: 4.2rem;}
.data_migration .banner-content p{font-size: 1.8rem;}
.data_migration .business-cont .business-rel-right{display: none;}
.data_migration .business-cont .business-rel-left{width: 100%;}
.data_migration .business-sec .business-cont{padding: 4rem;}
.data_migration .logos-sec .logo-main{flex-wrap: wrap;flex-direction: column;}
.data_migration .logos-sec .logo-main img{margin-bottom: 55px;width: 170px;}
.data_migration .logos-sec .logo-main img:last-child{margin-bottom: 0;}
.data_migration .features-sec h2{width: 100%;font-size: 3.2rem;}
.data_migration .features-sec{padding: 6rem 0;}
.manual_migration-sec .mm-left-sec, .data_migration .api-data-migration-right{display: none;}
.manual_migration-sec .mm-right-sec, .data_migration .api-data-migration-left{width: 100%;margin-top: 0;}
.manual_migration-sec .mm-right-sec .number-1{width: 9%;}
.manual_migration-sec .mm-right-sec .manual-migration-div{justify-content: center;}
.dash-div-flex{justify-content: space-around;width: 100%;flex-wrap: wrap;}
.data_migration .dash-div-1, .data_migration .dash-div-2, .data_migration .dash-div-3, .data_migration .dash-div-4{width: 45%;margin-bottom: 40px;}
.manual_migration-sec{padding:9rem 0 5rem;}
.data_migration .api-data-migration-left h2{font-size: 2.7rem;}
.data_migration .api-data-migration-left .migrate-step-2 .box2 p{padding: 0;}
.data_migration .api-data-migration-left .migrate-step-2{justify-content: center;}
.data_migration .api-data-sec .left-section{width: 91%;border-bottom: 1px dashed #e2e2e2;border-right: none;padding: 49px 35px;}
.data_migration .api-data-sec .right-section{width: 100%;justify-content: flex-start; padding:35px 30px 50px;}
.data_migration .get-started-sec h2{font-size: 3.2rem;}
.logos-sec h2{color: #000; margin-bottom: 58px;margin-top: 30px;}
.data_migration .migrate-box2 {
margin-top: 18px;}
.data_migration .api-data-sec .apply-migration{ margin-top: 70px;}
.manual_migration-sec h4.migrate-manually {
padding: 3rem 0 3rem;}
}
@media only screen and (max-width: 768px) {
.data_migration .features-item{width: 65%;margin-right: 0;}
.data_migration .features-box{justify-content: center;}
.data_migration .logos-sec h2{ font-size: 27px;line-height: normal;}
}
@media only screen and (max-width: 670px) {
.data_migration .dash-div-1, .data_migration .dash-div-2, .data_migration .dash-div-3, .data_migration .dash-div-4{width: 44%;}
}
@media only screen and (max-width: 480px) {
.data_migration .business-sec .business-cont{padding: 3rem;}
.data_migration .business-cont .business-rel-left h2{font-size: 2.5rem;line-height: 4rem;}
.data_migration .features-item{width: 100%;}
.manual_migration-sec .mm-right-sec .manual-migration-div, .data_migration .api-data-migration-left .migrate-step-2{justify-content: space-around;}
.manual_migration-sec .mm-right-sec .mm-text h4, .data_migration .api-data-migration-left h2, .data_migration .get-started-sec h2, .data_migration .api-data-sec .left-section{font-size: 2.3rem;line-height: 3.5rem;}
.data_migration .dash-div-1, .data_migration .dash-div-2, .data_migration .dash-div-3, .data_migration .dash-div-4{width: 85%;}
.manual_migration-sec h4.migrate-manually{text-align: center;}
.data_migration .api-data-sec .left-section{padding: 49px 17px 49px;}
.data_migration .download-api a{background: url(https://static.idriveonlinebackup.com/crm/source/images/data_migration-download-icon.svg) no-repeat 15px 9px;font-size: 1.3rem;}
}
@media only screen and (max-width: 395px) {
.data_migration .download-api a{font-size: 1.4rem;padding: 10px 20px 13px 43px;}
.manual_migration-sec .mm-right-sec .manual-migration-div, .data_migration .api-data-migration-left .migrate-step-2{justify-content: space-between;}
.manual_migration-sec .mm-right-sec .mm-text h4, .data_migration .api-data-migration-left h2, .data_migration .get-started-sec h2, .data_migration .api-data-sec .left-section{font-size: 2.1rem;}
}
/* Ecommerce & Sales */
/*Ecommerce & Sales banner css start*/
.ecommerce .main-header {
background-color: transparent;
}
.ecommerce .main-header.active {
background-color: #0071bc;
}
.ecommerce .banner-section{background: url(https://static.idriveonlinebackup.com/crm/source/images/ecommerce-banner.jpg) center center;background-size:cover;padding: 14rem 0 25rem 0;background-repeat: no-repeat;border-bottom: 1px solid #ddd;}
.ecommerce .banner-section h3 {color: #000;font-size: 2.2rem;margin-bottom: 3.5rem;}
.ecommerce .banner-section h1{font-size: 4.5rem;line-height:5.2rem;width:100%;margin-bottom: 3rem;color: #fff; margin-top: 28px;}
.ecommerce .banner-content p{font-size:2rem;margin-bottom:3.5rem;margin-top: 0;color: #fff;width: 100%;}
.ecommerce .banner-content{display:flex;justify-content:center;width:100%;flex-wrap:wrap}
.ecommerce .banner-left-cont{width:100%;display:flex;flex-direction:column;justify-content:center;text-align: center;}
.ecommerce .banner-right-cont img{width: 590px;}
.ecommerce .banner-right-cont{width:55%;position:relative;text-align: center;display: flex;justify-content: center;}
.ecommerce .business-sec{display:flex;justify-content:center;width:100%;flex-wrap:wrap;background-color: #F6F9FB;}
.ecommerce section.business-sec .wrapper{overflow: visible;}
.ecommerce .business-sec .business-cont{background-color: #fff;padding:7rem 7rem 1rem 3em;float: left;border-radius: 15px;box-shadow: 0 0 5px #a2a2a2;margin-bottom: 8rem;margin-top: -30rem;}
.ecommerce .business-sec .left-section{width:52%;display:flex;flex-direction:column;justify-content:center;float: left;}
.ecommerce .business-sec .left-section h2{margin-bottom: 15px;font-size: 3rem;}
.ecommerce .business-sec .right-section img{width: 280px;margin-top: -38px;margin-bottom: 9px;}
.ecommerce .business-sec .right-section{width:43%;position:relative;text-align: center;display: flex;justify-content: end;float: left;}
.ecommerce .business-sec .product-features h2{text-align: center;color: #000;font-size: 3rem;}
.ecommerce .features-sec{background: url(https://static.idriveonlinebackup.com/crm/source/images/lead_features_banner.jpg);background-repeat:no-repeat;background-size:cover;border-top: 1px solid#eaeaea;}
.ecommerce .features-sec h2{text-align: left;color:#000;width: 90%;margin: unset;margin-bottom:2.5rem}
.ecommerce .features-sec{color:#fff}
.ecommerce .features-sec h2+p{text-align:center}
.ecommerce .features-box{display:flex;justify-content:flex-start;flex-wrap:wrap;width:100%;margin-top:50px;}
.ecommerce .features-item:hover{background-color: #faf9f9;transform: scale(1.05);}
.ecommerce .features-item{width: 43%;padding: 3.5rem 3rem 3rem 3rem;margin: 2rem 3.6rem 2rem 0px;border-radius: 2rem;color: #000;transition: all .3s ease-in-out;background-color: #fff;box-shadow: 0 0 5px #a2a2a2;}
.ecommerce .features-item:nth-child(2), .ecommerce .features-item:nth-child(4){margin-right: 0;}
.ecommerce .features-item h3{font-size:2rem;line-height: 3.6rem;font-weight: 600}
.ecommerce .features-icon{width:140px;height: 130px;margin-bottom:20px;background: url(https://static.idriveonlinebackup.com/crm/source/images/crm-ecom-icons.svg);background-repeat:no-repeat;background-position: 0 5px;}
.ecommerce .features-icon.icon2{background-position: 0 -871px;}
.ecommerce .features-icon.icon3{background-position: 0 -1205px;}
.ecommerce .features-icon.icon4{background-position: -8px -45px;}
.ecommerce .features-icon.icon5{background-position: -8px -276px}
.ecommerce .features-icon.icon6{background-position: -22px -508px}
.ecommerce .features-icon.icon1{background-position: -15px -741px}
.ecommerce .features-icon.icon7{background-position: -22px -977px}
.ecommerce .features-item h3+p{line-height:3.2rem;color: #212121;margin-bottom: 0;}
/* Responsive */
@media only screen and (min-width: 2400px) {
.ecommerce .business-sec .product-features h2 {color: #000;font-size: 3rem;width: 100%;display: flex;align-items: center;justify-content: center;}
.ecommerce .business-sec .business-cont {width: 88%;}
}
@media only screen and (max-width: 1260px) {
.ecommerce .features-item{width:40%}
}
@media only screen and (max-width: 980px) {
.ecommerce .business-sec .business-cont {padding: 7rem 3rem 1rem 3em;}
.ecommerce .business-sec .left-section h2 {margin-bottom: 15px;font-size: 2.8rem;line-height: 4rem;}
.ecommerce .features-item:nth-child(2),.crm_lead_mangement .features-item:nth-child(4){margin-right:0}
/* .ecommerce .features-item{margin:2rem 0} */
.ecommerce .features-sec .features-content{padding:0}
.ecommerce .get-started-cont .right-cont{padding-left:0}
.ecommerce .features-sec h2{width:100%}
.ecommerce .banner-section {padding: 9rem 0 17rem 0;}
.ecommerce .business-sec .business-cont {margin-top: -23rem;}
.ecommerce .banner-section h1 {font-size: 4rem;margin-bottom: 2rem;}
/* .ecommerce .features-item {width: 38%;} */
}
@media only screen and (max-width: 830px) {
.ecommerce .business-sec .left-section h2 {font-size: 2.5rem;}
.ecommerce .features-item {width: 39%;}
}
@media only screen and (max-width: 768px) {
.ecommerce .business-sec .right-section{display:none}
.ecommerce .business-sec .left-section {width: 100%;}
.ecommerce .business-sec .business-cont {padding: 3rem 3rem 1rem 3em;}
.ecommerce .features-item {width: 100%;}
.ecommerce .features-item {margin-right: 0 !important;}
.ecommerce .features-item:hover {transform: scale(1);}
.ecommerce .business-sec .business-cont {
padding: 3rem 3rem 1rem 1em;
}
}
/* Ecommerce & Sales banner css end*/
/* compliences */
.compliance .logo-sec{display:flex;justify-content:start;flex-wrap:wrap;margin-top:15px}
.compliance .logo-sec .soc2_badage{width:124px;height:150px;display:inline-block;position:relative;left:-3px}
.compliance .logo-sec .iso-logo{width:165px;height:200px;display:inline-block;position:relative;top:-6px;margin-left:13px}
.compliance .logo-sec .ias-logo{width:89px;height:138px;display:inline-block;position:relative;top:6px;margin-left:23px}
@media only screen and (max-width: 460px) {
.compliance .logo-sec{margin-top:0}
.compliance .logo-sec .soc2_badage{width:100px;height:125px;display:inline-block;position:relative;left:-3px;top:2px}
.compliance .logo-sec .iso-logo{width:110px;height:131px;display:inline-block;position:relative;top:6px;margin-left:15px}
.compliance .logo-sec .ias-logo{width:60px;height:130px;display:inline-block;position:relative;top:6px;margin-left:15px}
}