/*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: 5.2rem; line-height: 6.4rem; color: #205cba; font-weight: 600; }
h2 sup { font-size: 3.4rem; }
p { font-size: 1.8rem; 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; }
.index-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 .4s 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,.index-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:24rem; height: 3.9rem; 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-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%; }
.index-header.active .header-right ul li a::after {background-color: yellow;}
.index-header.active { background-color: #0071bc; }
.index-header.active .btn-box ul li .sign-in, .index-header.active .btn-box ul li .sign-up { border: 1px solid transparent; }
.index-header.active .btn-box ul li .sign-in:hover, .index-header.active .btn-box ul li .sign-up:hover { background-color: #fdf4dd; color: #000; }
.index-header.active .header-right ul li a {color: #fff;}
.index-header .logo-white { display: none; }
.index-header.active .logo-white { display: block; }
.index-header.active .logo-blue { display: none; }
/*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; }
.index-header.active .header-right ul li .menu-dropdown a { color: #000; }
.index-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; }
.index-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*/

@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 0 1.2rem;
    }
    .btn-box ul li .sign-in, .btn-box ul li .sign-up {
    padding: 5px 13px;
    font-size: 1.4rem;
    }
    .header-right ul, .btn-box ul {
    padding: 0 0 0 0;
    }
}
/*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 }
.copyright_box p { font-size: 1.4rem; color: #fff; }
/*footer css ends*/


/*mobile header & footer responsive css starts*/

.mobile_header, .support-details { display: none }
@media only screen and (max-width: 980px) {
.index-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: 61px; 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: 5rem 0 }
.support-details .sup-new { display: contents }
.support-details a.support-title { font-size: 1.25em; padding: 0 0 10px }
.support-details a { padding: 0; color: #fff; display: block; text-align: left }
.support-details a.support-no { font-size: 1.7em; padding: 0 0 10px }
.support-details a.support-time { font-size: .875em; padding: 0 0 5px }
}
/*mobile header & footer responsive css ends*/

/*banner css start*/

.banner-section {background: #14283c;background-size: cover;padding: 8rem 0rem 0rem 0;background-position: center;margin-top: 6.2rem;}
.banner-section h1 {font-size: 4.8rem;line-height: 7.2rem;width: 100%;margin-bottom: 3rem;color: #fff;font-weight: 600;}
.banner-content p { font-size: 1.8rem; margin-bottom: 5rem; margin-top: 0; color: #fff; width: 100%; line-height: 3.2rem; }
.get-started-btn {border-radius: 30px;padding: 12px 30px;font-weight: 600;color: #fff;width: 15.5rem;display: inline-flex;background-image: linear-gradient(to right, #f25139, #e92c65);border: 1px solid transparent;font-size: 1.8rem;align-items: center;}
.get-started-btn:hover {/* border: 1px solid #333; *//* color: #000; *//* background-image: none; */ }
.banner-content { display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap }
.banner-left-cont {width: 46%;display: flex;flex-direction: column;justify-content: center;margin-top: -63px;
    margin-bottom: 4px;}
.banner-right-cont img {
    float: right;
    width:94%;
    margin-bottom: 5px;
    margin-right: -23px;
    position: relative;
    z-index: 99;
    }
.banner-right-cont {width: 54%;position: relative;margin-bottom: -4px;}
.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 }
.demo-link:hover { color: #e8e4e4; }
.demo-link {margin-left: 2.5rem;color: #fff;display: flex;align-items: center;font-size: 1.8rem;font-weight: 600;}
.demo-link:hover { color: #fbff44; }
.arrow-icon { background: url(https://static.idriveonlinebackup.com/crm/source/images/home_sprite_icons4.svg); width: 2rem; height: 2rem; display: inline-block; background-position: 0 -2278px; margin-left: 0.8rem; }
.banner-btn-box { display: flex; align-items: center; }
.banner-ui-chart {position: absolute;bottom: 210px;right: 440px;width: 293px;height: 325px;transform: scale(0.8);background: url(https://static.idriveonlinebackup.com/crm/source/images/myleads_chart.svg);background-repeat: no-repeat;background-position: 0 0;opacity: 0;transition: 1s all ease-out;z-index: 1;}
.banner-leaf-img { position: absolute; bottom: -282px; right: 0; width: 287px; height: 222px; background: url(https://static.idriveonlinebackup.com/crm/source/images/crm-homebanner-leaf.png); background-repeat: no-repeat; background-position: 0 0px; transition: 1s all ease-in; z-index: 9; }
.crm_index p.crm-para{margin-bottom: 3.5rem;}
.crm_index p.std-price {margin-bottom: 3.8rem;}
.crm_index p.std-price span{font-weight: bold;font-size: 3rem;color: #eee38a;}
.crm_index .free-trial{color: #fff;padding: 0 0 0 40px;font-weight: 400;text-align: center;font-size: 1.3rem;line-height: 2rem;}
/*banner css end*/


/*slaesgrowth css end*/

.growth-box { display: flex; width: 100%; justify-content: space-between; margin-top: 2rem; flex-wrap: wrap; transition: all .2s ease-in-out; }
.growth-item {border-radius: 20px;padding: 4rem 2.5rem 4rem 2.5rem;width: 26%;margin: 4rem 3rem 3rem 0;color: #333;transition: all .3s ease-in-out;}
.growth-item p { line-height: 3.2rem }
.growth-item:hover { /* transform: scale(1.05); */
box-shadow: 0 0px 15px 0 rgb(99 114 130 / 20%); }
.growth-item h3 { font-size: 2rem; color: #205cba; }
.growth-icon { width: 300px; height: 240px; margin-bottom: 40px; background: url(https://static.idriveonlinebackup.com/crm/source/images/CRM_Sale.svg); background-repeat: no-repeat; background-position: 0 -8px;     background-size: contain;}
.growth-icon.icon2 {background: url(https://static.idriveonlinebackup.com/crm/source/images/CRM_dealHand.svg); background-repeat: no-repeat; background-position: 0 0;     background-size: contain;}
.growth-icon.icon3 {background: url(https://static.idriveonlinebackup.com/crm/source/images/CRMSetting.svg); background-repeat: no-repeat;  background-position: 0 0;     background-size: contain;}
.sgs-read-more {position: absolute;bottom: 6rem;padding: 1.5rem 8rem 1.5rem 0;background: url(https://static.idriveonlinebackup.com/crm/source/images/sales-growth-icons.svg);background-repeat: no-repeat;background-position: 120px -1034px;font-size: 2rem;color: #205cba;font-weight: 500;}
.sgs-read-more:hover {color: #333;}
/*slaesgrowth css end*/

/*slider css starts*/

.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; margin: auto; }
.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: 100%;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 .slick-slide p { margin-top: -10px;text-align: center; }
.slick-initialized ul.slick-dots { margin: auto }
.slick-initialized ul.slick-dots li button { display: none }
.slick-initialized ul.slick-dots li { padding: 0; box-sizing: border-box; cursor: pointer; border-radius: 8px; position: relative; display: flex; align-items: center; margin-top: 0; background-color: #bad6e8; font-size: 14px; }

.menu-tab {width: 91px;height: 51px;}
.menu-tab {background: url(https://static.idriveonlinebackup.com/crm/source/images/slider-tabs-icons6.svg);background-repeat: no-repeat;background-position: -21px -24px;}

.slick-active .menu-tab { background: url(https://static.idriveonlinebackup.com/crm/source/images/slider-tabs-icons6.svg); background-repeat: no-repeat; background-position: center -8px; }
.slider-sec .wrapper { max-width: 1320px; }
.slick-dots li::after { position: absolute; content: ""; left: -26px;top: 8px; z-index: 99; background: url("https://static.idriveonlinebackup.com/crm/source/images/indicator_03.gif"); width: 48px; height: 48px; transition: 0.5s all; background-repeat: no-repeat; transform: scale(0.85); }
ul.slick-dots li.slick-active::after { display: none; }
.active .slider-menu-tabs { font-size: 14px; color: #fff; }
.slick-initialized ul.slick-dots {list-style: none;text-align: center;width: auto;display: inline-block;position: absolute;z-index: 99;top: 142.9px;left: 40px;padding-inline: 0;/* display: none; */}
.slider-sec { background-color: #f0f1f1 }
.slider-sec h2 { text-align: center; width: 100%; margin: auto; margin-bottom: 2.5rem; }

.menu-tab.dashboard{background-position: -21px -22px;}
.menu-tab.lead {background-position: -21px -78px;}
.menu-tab.contact {background-position: -21px -129px;}
.menu-tab.accounts {background-position: -21px -180px;}
.menu-tab.deals {background-position: -21px -231px;}
.menu-tab.contracts {background-position: -21px -282px;}
.menu-tab.sales {background-position: -21px -333px;}
.menu-tab.invoices {background-position: -21px -384px;}
.menu-tab.ecom {background-position: -22px -363px;}
.menu-tab.analytics {background-position: -21px -435px;}
.menu-tab.data_migration {background-position: -21px -486px;}
.menu-tab.settings {background-position: -21px -537px;}


.menu-tab.dashboard:hover {background-position: -293px -22px;}
.menu-tab.lead:hover {background-position: -293px -78px;}
.menu-tab.contact:hover {background-position: -293px -129px;}
.menu-tab.accounts:hover {background-position: -293px -180px;}
.menu-tab.deals:hover {background-position: -293px -231px;}
.menu-tab.contracts:hover {background-position: -293px -282px;}
.menu-tab.sales:hover {background-position:  -293px -333px;}
.menu-tab.invoices:hover {background-position:  -293px -384px;}
.menu-tab.ecom:hover {background-position: -293px -363px;}
.menu-tab.analytics:hover {background-position: -293px -435px;}
.menu-tab.data_migration:hover {background-position: -293px -486px;}
.menu-tab.settings:hover {background-position: -293px -537px;}


.slick-active .menu-tab.dashboard{background-position: -293px -22px;}
.slick-active .menu-tab.lead{ background-position: -293px -78px; }
.slick-active .menu-tab.contact{background-position: -293px -129px;}
.slick-active .menu-tab.accounts{background-position: -293px -180px;}
.slick-active .menu-tab.deals{background-position: -293px -231px;}
.slick-active .menu-tab.contracts{background-position: -293px -282px;}
.slick-active .menu-tab.sales{background-position: -293px -333px;}
.slick-active .menu-tab.invoices{background-position: -293px -384px;}
.slick-active .menu-tab.ecom{background-position:-293px -364px;}
.slick-active .menu-tab.analytics{background-position:-293px -435px;}
.slick-active .menu-tab.data_migration{background-position:-293px -486px;}
.slick-active .menu-tab.settings{background-position: -293px -537px;}
.slick-active .menu-tab.active{background-position: -293px -537px;}



.slick-list.draggable {height: auto;width: auto;margin: auto;border-radius: 10px;}
.slick-initialized ul.slick-dots li:last-child {}


.home-slider {
    pointer-events: none;
    /* Other settings here */
 }
 .slick-initialized ul.slick-dots{pointer-events:fill;}
 
/*slider css ends*/


/*features css starts*/
.sales-growth-sec{padding-bottom: 2em;}
.features-item h3 { font-size: 2rem; font-weight: 600; }
.features-icon {width: 150px;height: 120px;margin-bottom: 30px;background: url(https://static.idriveonlinebackup.com/crm/source/images/homr_features_icons_new1.svg);background-repeat: no-repeat;background-position: 0 -35px;}
.features-icon.icon2 {background-position: 0 -748px;}
.features-icon.icon3 {background-position: 0 -277px;}
.features-icon.icon4 {background-position: 0 -511px;}
.features-icon.icon5 {background-position: 0 -978px;}
.features-icon.icon6 {background-position: 0 -1210px;}
.features-icon.icon-ecom{background-position: -21px -1509px;}
.features-icon.icon-emil{background-position: -17px -1795px;}

.features-item h3+p { line-height: 3.2rem }
.features-sec {background: #fff;background-repeat: no-repeat;background-size: cover}
.features-sec h2 {width: 80%;margin: 0;margin-bottom: 3.5rem;}
.features-sec { color: #fff;border-top: 1px solid #e1d8d8;}
.features-sec h2+p {text-align: left;color: #333;}
.features-box {display: flex;justify-content: flex-start;flex-wrap: wrap;width: 100%;margin-top: 2.5rem;}


.feature_item_down{float: left;width: 100%;    background-color: #F1F5FB;
    padding: 7rem 0rem 5rem;
    border-radius: 1rem;margin-top: 3rem;}
.feature_item_down:hover{background-color:#edf1f7 ;}
    
.feature_item_down .main-cont{display: flex;justify-content: center;align-items: center;padding: 0 4rem;}
.feature_item_down .main-cont .icon-data{width: 180px;height: 136px;margin-bottom: 30px;background: url(https://static.idriveonlinebackup.com/crm/source/images/home_migration_icon.svg);background-repeat: no-repeat;background-position: -17px -2051px;}
.feature_item_down .main-cont .right-cont{width: 79%;}
.feature_item_down .main-cont .right-cont h3{font-size: 2.2rem;font-weight: 500;color: #000;}
/* .feature_item_down .features-item h3 a:hover{color: #0071bc;} */
.feature_item_down .main-cont .right-cont p{color: #000;}


.features-item:hover {transform: scale(1.05);}
.features-item {width: 27.5%;padding: 25px;margin: 2rem 0rem 2rem 0rem;border-radius: 20px;color: #333;transition: all .3s ease-in-out;background: #fff;margin-right: 1.5rem;}
/*features css end*/


/*crmgo css start*/

.crm-go-box { display: flex; width: 100%; flex-wrap: wrap }
.crm-go-left {width: 45%;display: flex;flex-direction: column;justify-content: center;padding: 6rem 4rem;background: #fff;border-radius: 3rem;margin: 9rem 0;}
.crm-go-right { width: 50%; text-align: center; }
.crm-go-left p {line-height: 3.2rem;}
.crm-go-right img { width: 75% }
.crm-go-sec {padding: 12rem 0;background: url(https://static.idriveonlinebackup.com/crm/source/images/home-mobile-bg-new2.jpg) center center;background-size: cover;}
.store-box { margin-top:20px; display: flex }
.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; }
.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; }
.app-store:hover, .play-store:hover { transform: scale(1.05); }
.crm-go-left h2 { color: #333; }
/*crmgo css end*/


/*get-started css starts*/

.get-started-sec { background: url(https://static.idriveonlinebackup.com/crm/source/images/get-started-bg.jpg); background-repeat: no-repeat; background-size: cover }
.get-started-sec h2 {text-align: left;width: 100%;margin: 0 0 6rem 0;color: #205cba;font-size: 4.2rem;line-height: initial;}
.get-started-cont { display: flex; flex-direction: column; align-items: center; }
.get-started-cont { padding: 0; }
.get-started-sec {padding: 8rem 0;}
.scroll_top { position: fixed; right: 20px; bottom: 40px; width: 35px; height: 20px; display: none; cursor: pointer; z-index: 9 }
.scroll_top.fixed { display: block!important; }
.gs-container { display: flex; width: 100%; flex-wrap: wrap; }
.gs-left-box {width: 60%;display: flex;flex-direction: column;justify-content: center;}
.gs-left-box sup{line-height: initial;position: relative;top: 3px;font-size: 2.6rem;left: -2px;}
.gs-right-box{width: 40%;float: left;}
.gs-right-box img{width: 440px;}
/*get-started css end*/




/*animation css start*/

.reveal { position: relative; opacity: 0 }
.reveal.active { opacity: 1 }
.active.fade-up { animation: fade-up .9s ease-in }
.active.fade-bottom { animation: fade-bottom .9s ease-in }
.active.fade-left { animation: fade-left .9s ease-in }
.active.fade-right { animation: fade-right .9s ease-in }
@keyframes fade-up {  0% {
transform:translateY(20px);
opacity:0
}
 100% {
transform:translateY(0px);
opacity:1
}
}
@keyframes fade-bottom { 0% {
transform:translateY(20px);
opacity:0
}
100% {
transform:translateY(0);
opacity:1
}
}
@keyframes fade-left { 0% {
transform:translateX(-20px);
opacity:0
}
100% {
transform:translateX(0);
opacity:1
}
}
@keyframes fade-right { 0% {
transform:translateX(20px);
opacity:0
}
100% {
transform:translateX(0);
opacity:1
}
}

/*animation css ends*/


.integration-sec{padding:8rem 0}
.integration-sec h2{text-align:center;width:100%;margin:0 0 6rem;color:#000;font-size:4.2rem;line-height:initial}
.integration-sec .int-sec-img{text-align:center}
.integration-sec .int-sec-img .images{display:flex;align-items:center;justify-content:center;gap: 75px;}
.integration-sec .int-sec-img .images.two{margin-top: 50px;gap: 104px;}

.menu_overlay{position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 88;
    display: none;}
@media screen and (max-width:1400px) {
h2 { font-size: 4.2rem; line-height: 5.4rem; }
}
@media screen and (max-width:1306px) {
    .header-right ul li a {
        font-size: 1.4rem;
    }
    .header-right ul li {
        padding: 0 1.4rem 0 1.4rem;
    }
}
@media screen and (max-width:1290px) {

    .scroll-sec{overflow-x:scroll !important;visibility: visible;width: 100%;}
        .scroll-sec::-webkit-scrollbar-track{background-color:#F5F5F5;border-radius:4px}
        .scroll-sec::-webkit-scrollbar{width:3px;background-color:#F5F5F5}
        .scroll-sec::-webkit-scrollbar-thumb{border-radius:4px;background-color:#C1C1C1}
        .home-slider{width: 1260px;}
}

@media screen and (max-width:1250px) {
    .support-number{font-size: 2.2rem;}
 }
 @media screen and (max-width:1220px) {
    .footer-main{width: 98%;}
 }
@media screen and (max-width:1180px) {
    .features-sec h2{width: 100%;}
    .menu-tab{width: 88px;}
}
@media screen and (max-width:1130px) {
    .gs-left-box{width: 55%;}
    .gs-right-box img{width: 400px;}
}
@media screen and (max-width:1063px) {
    .header-right ul li {
        padding: 0 1rem 0 1rem !important;
    }
    .header-right ul li a {
        font-size: 1.3rem;
    }
}
@media screen and (max-width:1024px) {
    .banner-section h1{font-size: 4rem;line-height: 6rem;}
    .growth-item{width: 41%;}
    .growth-box{justify-content: flex-start;}
    .growth-item:nth-child(3){padding-top: 0;margin-top: 0;}
    .crm-go-left{margin: 0;width: 48%;}
    .get-started-sec h2{font-size: 3rem;}
    .features-item{width: 26%;}
    .integration-sec .int-sec-img .images{gap: 50px;}
    .integration-sec .int-sec-img .images.two{gap: 72px;}
}

@media screen and (max-width:980px) {
    .banner-right-cont, .gs-right-box{display: none;}
    .banner-section{margin-top: 6rem;padding-bottom: 9rem;}
    .banner-left-cont{width: 100%;margin-top: 0;justify-content: flex-start;}
    .sales-growth-sec{padding-bottom: 4rem;}
    .features-item{width: 43%;}
    .gs-container{width: 100%;}
    .crm-go-sec{background: #4B524D;}
    .crm-go-left, .gs-left-box{width: 100%;}
    .growth-box{justify-content: center;}
    .growth-item{width: 100%;padding: 4rem 0 4rem 0;margin: 0rem 0 3rem 0;}
    .features-box{justify-content: center;}
    .features-item{width: 100%;}
    .slider-sec{display: none;}
    p{font-size: 1.6rem;}
    .integration-sec .int-sec-img .images.two{gap: 28px;}
    .menu_overlay{display: none;}
        .menu_overlay.active {
        display: block;
        z-index: 88888887;
    }
       .crm_index.no_scroll {
    overflow: hidden;
}
}
@media only screen and (max-width: 980px) {
.images .zoom-img,.images .sendgrid-img,.images .slack-img{width:90px}
.images .gm-img,.images .ms-img{width:150px}
}
@media only screen and (max-width: 768px) {
.integration-sec .int-sec-img .images{flex-direction:column}
h2{font-size: 3.5rem;}
.feature_item_down .main-cont{justify-content: left;flex-wrap: wrap;padding: 0 2.5rem;}
.feature_item_down .main-cont .right-cont{width: 100%;}

}
@media only screen and (max-width: 768px) {
    .integration-sec .int-sec-img .images, .integration-sec .int-sec-img .images.two{gap: 40px;}
}
@media only screen and (max-width: 480px) {
    h2, .integration-sec h2{font-size: 3rem;}
    .crm-go-left{padding: 6rem 2rem;}
    .crm-go-left p{font-size: 1.5rem;}
    .store-box{display: contents;}
    .play-store{margin: 2rem 0 3rem;}
    .images .zoom-img, .images .sendgrid-img, .images .slack-img{width: 150px;}
    .images .ms-img,  .images .gm-img{width: 165px;}
    .banner-section h1{font-size: 3.5rem;line-height: 5rem;}
    .banner-btn-box {align-items: flex-start;flex-direction: column;}
    .crm_index .free-trial {padding: 30px 0 0 12px;}
    }
/*4k css start*/


/* @media screen and (min-width:2100px) {
html { font-size: 80% }
.wrapper { width: 100%; max-width: 80% }
body { line-height: 2.8rem }
}
@media screen and (min-width:2500px) {
html { font-size: 100% }
.wrapper { width: 100%; max-width: 80% }
body { line-height: 2.8rem }
}
@media screen and (min-width:3200px) {
html { font-size: 120% }
body { line-height: 3.2rem }
} */

/*4k css ends*/
@media screen and (min-width: 2200px){
	.footer-section .footer-main, .header-box{width:2000px}
}