.hc-container{
    background: #F8FAFF;
    margin-top: -96px;
}
.hc-container h1{
    font-family: var(--zf-primary-extrabold),sans-serif;
    font-size: 80px;
    line-height: 1.1;
    letter-spacing: -0.007em;
    color: #000000;
    margin-bottom: 0;
}
.hc-container h2{
    font-family: var(--zf-primary-extrabold),sans-serif;
    font-size: 44px;
    line-height: 1.1;
    letter-spacing: -0.007em;
    color: #000000;
    margin-bottom: 0;
}
.hc-container h3{
    font-family: var(--zf-primary-extrabold),sans-serif;
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: -0.007em;
    color: #000000;
    margin-bottom: 0;
}
.hc-container p{
    font-size: 18px;
    line-height: 1.6;
    color: #000000;
    margin-bottom: 0;
}
.hc-atag{
    color: #0067FF;
    text-decoration: none;
    font-family: var(--zf-primary-semibold),sans-serif;
    font-size: 17px;
}
.hc-atag span{
    background: #0067ff;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 2px;
    margin-left: 12px;
    transform: translateX(-5px);
    transition: all 0.5s ease;
}
.hc-atag span::after{
    position: absolute;
    top: -3px;
    right: 0;
    content: "";
    width: 6px;
    height: 6px;
    border: 2px solid #0067ff;
    transform: rotate(-45deg);
    border-left: 0;
    border-top: 0;
    box-sizing: content-box;
}
.hc-atag:hover span{
    transform: translateX(0);
}
.hc-container h2 span{
    display: block;
}
.secpad{
    padding: 150px 0;
}
.content-wrap{
    max-width: 1280px;
    margin: 0 auto;
}

/* header section styles */
.hc-prd-header {
    padding: 20px 0;
    min-height: 68px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.zw-product-header{
    position: relative;
    z-index: 99;
}
.hc-prd-nav{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.hc-prd-nav li{
    margin: 0 0 0 40px;
}
.hc-prd-nav .hc-atag {
    font-family: var(--primaryfont-medium);
    font-size: 15px;
    color: #000;
    line-height: 30px;
    display: block;
}
.hc-main-header {
    background: url(/sites/zweb/images/healthcare/home/hc-ban-bg.webp) center top no-repeat;
    background-size: cover;
    border-radius: 0 0 60px 60px;
}
.hc-banner-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 108px;
}
.hc-banner-content{
    width: 37%;
}
.hc-banner-content h1{
    -webkit-filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.10));
    margin-left: -5px;
}
.hc-banner-content h1 span{
    display: block;
}
.hc-banner-content .hc-para{
    font-size: 21px;
    line-height: 1.6;
    padding-top: 16px;
}
.hc-cta-block{
    padding: 40px 0 0;
}
.hc-cta-block > a{
    font-family: var(--zf-primary-semibold),sans-serif;
    padding: 16px 30px;
    border-radius: 8px;
    font-size: 18px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    text-transform: none;
    text-decoration: none;
    display: inline-block;
    border: none;
    background: #f0483e;
    color: #FFFFFF;
    transition: all 0.6s linear;
    text-transform: uppercase;
}
.hc-cta-block > .zcontact-form-btn {
    background-color: #A3DDDF;
    color: #000;
    font-family: var(--zf-primary-medium),sans-serif;
}
.hc-banner-graphics{
    width: 63%;
    position: relative;
    text-align: center;
    max-width: 720px;
    margin-right: -10px;
}
.hc-banner-img, .hc-sec-img{
    display: block;
}
.product-header-top{
    background: none;
}
.product-header-top.slide-active{
    background: #FFF;
}

/* healthgrid section styles */
.hc-hltgrd-wrap h2{
    text-align: center;
    margin-bottom: 48px;
}
.hc-hltgrd-wrap .content-wrap{
    width: auto;
    max-width: 1170px;
}
.hc-hltgrd-wrap .tabs ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    justify-content: center;
}
.hc-hltgrd-wrap .tabs ul li {
    border-radius: 8px;
    background: #ECF2FE;
    padding: 14px 24px;
    font-size: 16px;
    font-family: var(--primaryfont-bold);
    color: #333;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.hc-hltgrd-wrap .tabs ul li:hover {
    background: #E2EBFD;
    color: #000;
}
.hc-hltgrd-wrap .tabs ul li.active {
    background: #6EEFF2;
    color: #000;
    transition: all 0.3s ease-in-out;
}
.hc-hltgrd-wrap .item{
    position: relative;
}
.hc-hltgrd-wrap .item::before {
    cursor: pointer;
    font-size: 18px;
    font-family: var(--primaryfont-bold);
    background: #E2EBFD;
    padding: 18px 40px 18px 6%;
    display: block;
    border-radius: 12px;
}
.hc-hltgrd-wrap .item.active::before {
    background: #6EEFF2;
}
.hc-hltgrd-wrap .item .item-content{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1170px;
    margin: 0 auto;
    background: #FFF;
    border-radius: 12px;
    box-shadow: 0 0 60px rgba(34, 59, 81, 0.06);
}
.hc-hltgrd-wrap .item.active .item-content {
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    border-radius: 36px;
    margin-top: 48px;
}
span.arrow-icon {
    display: none;
}
.tabbed-content .tabs {
    display: none;
}
.tabbed-content .item::before {
    content: attr(data-title);
}
.tabbed-content div#ai-analytics::before, .tabbed-content div#customer-management::before {
    content: attr(data-topic);
}
.tabbed-content .item .item-content {
    opacity: 0;
    visibility: hidden;
    height: 0
}
.item-content .hc-tab-cont {
    flex: 50%;
}
.item-content .hc-tab-img {
    flex: 50%;
}
.tabbed-content .item.active .item-content {
    opacity: 1;
    visibility: visible;
    height: auto
}
.hc-tab-contbox{
    width: 76%;
    margin-left: 12%;
}
.hc-tab-contbox i{
    font-style: normal;
    background: #3D618A;
    color: #FFF;
    font-size: 12px;
    padding: 8px 16px;
    display: inline-block;
    border-radius: 4px;
    font-family: var(--zf-primary-semibold),sans-serif;
    text-transform: uppercase;
    margin-left: 1px;
}
.hc-tab-contbox i.hc-cmgsn{
    background: #FF6244;
}
.hc-tab-contbox h3{
    font-size: 38px;
    font-family: var(--zf-primary-extrabold),sans-serif;
    margin: 12px 0 24px;
}
.hc-tab-contbox p{
    font-size: 20px;
}
.hc-tab-contbox a{
    margin-top: 36px;
    display: inline-block;
}
.hc-tab-img{
    width: 50%;
    max-height: 600px;
}
.hc-tab-img img{
    border-radius: 20px;
    display: block;
    margin: 36px;
    max-width: calc(100% - 72px);
}


/* custom solutions styles */
.hc-cstmsols-wrap{
    background: rgb(163,216,232);
    background: -moz-linear-gradient(135deg, #82E0FF 0%, #FFCBCB 100%);
    background: -webkit-linear-gradient(135deg, #82E0FF 0%, #FFCBCB 100%);
    background: linear-gradient(135deg, #82E0FF 0%, #FFCBCB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#82E0FF",endColorstr="#FFCBCB",GradientType=1);
    padding: 100px 0 0;
    position: relative;
    width: calc(100% - 120px);
    margin: 0 auto;
    border-radius: 60px;
}
.hc-cstmsols-wrap::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 480px;
    height: 100px;
    background: url(/sites/zweb/images/healthcare/home/hc-graphics-cstmsols.svg) 0 0 no-repeat;
    border-radius: 0 0 60px;
}
.hc-cstmsols-wrap .content-wrap{
    display: flex;
    justify-content: space-between;
    max-width: 1170px;
    flex-direction: row-reverse;
}
.hc-cstmsols-wrap .hc-cont-box{
    width: 50%;
    padding-top: 72px;
}
.hc-cstmsols-wrap .hc-cont-box img{
    margin-left: -3px;
}
.hc-cstmsols-wrap .hc-cont-box h2{
    margin-left: -2px;
}
.hc-cstmsols-wrap .hc-cont-box .hc-para{
    margin-top: 20px;
    margin-bottom: 20px;
}

/* bundles section styles */
.hc-bundles-wrap h2{
    text-align: center;
}
.hc-bundles-wrap h2 span{
    display: block;
}

.hc-bundles-wrap .hc-para{
    text-align: center;
    max-width: 900px;
    margin: 20px auto 56px;
}
.hc-bundles-block{
    display: flex;
    justify-content:center;
    align-items: normal;
    flex-wrap: wrap;
    gap: 60px;
    max-width: 1170px;
    margin: 30px auto;
}
.hc-bundles-box{
    width: calc(50% - 30px);
    padding: 56px 56px 90px;
    border-radius: 24px;
    background: #FFF;
    border: 1px solid #E3EFFC;
    position: relative;
}
.hc-bundles-box:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 90px;
    border-radius: 0 0 24px 0;
}
.hc-bundle-crm:after{
    background: url(/sites/zweb/images/healthcare/home/hc-graphics-crm.svg) right bottom no-repeat;
    background-size: auto 100%;
}
.hc-bundle-marketing:after{
    background: url(/sites/zweb/images/healthcare/home/hc-graphics-mrktng.svg) right bottom no-repeat;
    background-size: auto 100%;
}
.hc-bundle-workplace:after{
    background: url(/sites/zweb/images/healthcare/home/hc-graphics-wrkplc.svg) right bottom no-repeat;
    background-size: auto 100%;
}
.hc-bundle-zohoone:after{
    background: url(/sites/zweb/images/healthcare/home/hc-graphics-one.svg) right bottom no-repeat;
    background-size: auto 100%;
}
.hc-bundle-logo{
    max-height: 48px;
    height: 48px;
    margin-bottom: 24px;
    margin-left: -1px;
    background: url(/sites/zweb/images/productlogos/crmplus.svg) -2px 0 no-repeat;
    background-size: auto 48px;
}
.hc-marketing-plus{
    background: url(/sites/zweb/images/productlogos/marketingplus.svg) -2px 0 no-repeat;
}
.hc-zoho-one{
    background: url(/sites/zweb/images/productlogos/one.svg) -2px 0 no-repeat;
}
.hc-workplace{
    background: url(/sites/zweb/images/productlogos/workplace.svg) -2px 0 no-repeat;
}
.hc-bundles-box h3{
    font-size: 28px;
}
.hc-bundles-box .hc-para{
    text-align: left;
    margin: 20px 0 36px;
}

/* secure section styles */
.hc-secure-wrap{
    background: rgb(163,216,232);
    background: -moz-linear-gradient(45deg, #FFD3BC 0%, #BFFEFF 100%);
    background: -webkit-linear-gradient(45deg, #FFD3BC 0%, #BFFEFF 100%);
    background: linear-gradient(45deg, #FFD3BC 0%, #BFFEFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFD3BC",endColorstr="#BFFEFF",GradientType=1);
    padding: 100px 0 0;
    position: relative;
    width: calc(100% - 120px);
    margin: 0 auto;
    border-radius: 60px;
}
.hc-secure-wrap::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 480px;
    height: 100px;
    background: url(/sites/zweb/images/healthcare/home/hc-graphics-secure.svg) 0 0 no-repeat;
    border-radius: 0 0 0 60px;
}
.hc-secure-wrap .content-wrap{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1170px;
}
.hc-secure-wrap .hc-cont-box{
    width: 47%;
    padding: 48px 0 0; 
}
.hc-secure-wrap .hc-cont-box img{
    margin-left: -3px;
}
.hc-secure-wrap .hc-cont-box h2{
    margin-left: -2px;
}
.hc-secure-wrap .hc-cont-box .hc-para{
    margin: 20px 0;
}
.hc-secure-box h3 span{
    display: block;
}
.hc-secure-box .hc-para{
    text-align: left;
    margin: 20px 0 24px;
}

/* footer notes section styles */
.hc-footer-note h2{
    text-align: center;
    font-size: 44px;
    font-family: var(--zf-primary-extrabold),sans-serif;
}
.hc-footer-note h2 > span{
    display: block;
}
.hc-footer-note .hc-cta-block{
    text-align: center;
    margin: 0;
    padding-top: 40px;
}
.hc-footer-note .hc-cta-block > .zcontact-form-btn{
    background: #000000;
}
.hc-footer-note .hc-cta-block > a{
    color: #FFF
}
.mobile-view{
    display: none;
}
.row-reverse{
    flex-direction: row-reverse;
}

/* Responsive styles */
@media screen and (min-width: 1281px) and (max-width: 1440px){
.hc-banner-img{
    max-width: 95%;
    height: auto;
    margin: 0 auto;
}
.content-wrap{
    max-width: calc(100% - 100px);
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
}

@media screen and (max-width: 1280px){
.hc-container h1{
    font-size: 68px;
}
.hc-container h2{
    font-size: 44px;
}
.content-wrap{
    max-width: 100%;
    width: 100%;
}
.secpad{
    padding: 130px 0;
}
.hc-banner-wrap .hc-cta-block{
    padding-top: 24px;
}
.zw-product-header, .hc-main-header .content-wrap, .hc-hltgrd-wrap, .hc-bundles-wrap .content-wrap, .hc-secure-wrap, .hc-cstmsols-wrap, .hc-footer-note{
    width: calc(100% - 120px);
    margin-left: auto;
    margin-right: auto;
}
.hc-banner-img, .hc-secure-wrap .hc-sec-img{
    max-width: 90%;
    height: auto;
    margin-left: auto;
    margin-right: 0;
}
.hc-sec-img{
    max-width: 90%;
    height: auto;
    margin: 0 auto 0 0;
}
.hc-hltgrd-wrap .tabs ul{
    gap: 10px 20px;
}
.hc-hltgrd-wrap .tabs ul li{
    padding: 14px 20px;
}
.hc-cstmsols-wrap, .hc-secure-wrap{
    padding: 70px 0 0;
    border-radius: 36px;
}
.hc-cstmsols-wrap::after{
    border-radius: 0 0 36px;
}
.hc-secure-wrap::after{
    border-radius: 0 0 0 36px;
}
.hc-bundles-wrap, .hc-footer-note{
    padding: 120px 0;
}
.hc-bundles-block{
    align-items: normal;
    margin: 0;
    gap: 50px;
}
.hc-bundles-box{
    padding: 48px 48px 90px;
    width: calc(50% - 25px);
}
.hc-bundles-box h3{
    font-size: 28px;
}
.hc-secure-wrap::after{
    background-position: left bottom;
    background-size: 85% auto;
}
.hc-cstmsols-wrap::after{
    background-position: right bottom;
    background-size: 85% auto;
}
.hc-cstmsols-wrap .content-wrap, .hc-secure-wrap .content-wrap{
    max-width: none;
    width: calc(100% - 120px);
    margin-left: auto;
    margin-right: auto;
}
}

@media screen and (max-width: 1199px){
.hc-secure-wrap .hc-cont-box{
    padding-top: 24px;
}
.hc-container h2{
    font-size: 38px;
}
.hc-container h3{
    font-size: 32px;
}
.secpad{
    padding: 100px 0;
}
.zw-product-header, .hc-main-header .content-wrap, .hc-hltgrd-wrap, .hc-bundles-wrap .content-wrap, .hc-secure-wrap, .hc-cstmsols-wrap, .hc-footer-note{
    width: calc(100% - 100px);
    margin-left: auto;
    margin-right: auto;
}
.zw-product-header .content-wrap{
    width: 100%;
}
.hc-tab-contbox{
    width: 85%;
}
.hc-sec-img{
    max-width: 85%;
}
.hc-cstmsols-wrap .hc-cont-box{
    padding-top: 36px;
}
.hc-hltgrd-wrap .tabs ul li{
    font-size: 15px;
}
}

@media screen and (max-width: 1099px) {
.hc-container h1{
    font-size: 60px;
}
.hc-container h2{
    font-size: 36px;
}
.hc-container h3{
    font-size: 30px;
}
.hc-banner-img, .hc-secure-wrap .hc-sec-img{
    max-width: 85%;
}
.zw-product-header, .hc-main-header .content-wrap, .hc-hltgrd-wrap, .hc-bundles-wrap .content-wrap, .hc-secure-wrap, .hc-cstmsols-wrap, .hc-footer-note{
    width: calc(100% - 80px);
    margin-left: auto;
    margin-right: auto;
}
.hc-hltgrd-wrap .tabs ul{
    gap: 10px 16px;
}
.hc-hltgrd-wrap .tabs ul li{
    font-size: 15px;
    padding: 14px 15px;
}
.hc-cstmsols-wrap .content-wrap, .hc-secure-wrap .content-wrap{
    width: calc(100% - 80px);
}
.hc-bundles-block{
    gap: 40px 36px;
}
.hc-bundles-box{
    width: calc(50% - 20px);
}
.hc-bundles-box h3{
    font-size: 28px;
}
.hc-bundle-crm:after, .hc-bundle-marketing:after, .hc-bundle-workplace:after, .hc-bundle-one:after{
    background-size: auto 90%;
}
}

@media screen and (max-width: 991px){
.mobile-view{
    display: block;
}
.web-view{
    display: none;
}
.hc-container h2{
    font-size: 44px;
}
.hc-container h3{
    font-size: 28px;
}
.hc-container p, .hc-banner-content .hc-para{
    font-size: 18px;
}
.hc-main-header{
    border-radius: 0 0 60px 60px;
}
.hc-banner-wrap{
    display: inherit;
    padding-top: 108px;
    text-align: center;
}
.hc-banner-img, .hc-secure-wrap .hc-sec-img{
    margin-left: auto;
    margin-right: auto;
}
.hc-banner-content{
    width: 100%;
}
.hc-banner-content h1 span, .hc-hltgrd-wrap h2 span, .hc-bundles-wrap h2 span, .hc-secure-wrap ul li h3 span, .hc-footer-note h2 > span{
    display: inline;
}
.hc-cta-block{
    padding-top: 32px;
}
.hc-banner-graphics{
    width: 100%;
    margin: 16px auto 0;
    max-width: none;
}
.hc-banner-img{
    max-width: 70%;
    height: auto;
}
.hc-hltgrd-wrap .content-wrap{
    width: calc(100% - 100px);
}
.hc-hltgrd-wrap tabs ul li{
    padding: 14px 20px;
}
.hc-hltgrd-wrap .item{
    padding: 0;
    margin-bottom: 30px;
}
.hc-hltgrd-wrap .item:last-child{
    margin-bottom: 0;
}
.hc-hltgrd-wrap .tabs ul li.active{
    background: #6EEFF2;
}
.hc-hltgrd-wrap .item .item-content{
    display: inherit;
}
.hc-hltgrd-wrap .item::after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    right: 36px;
    top: 26px;
    transform: rotate(45deg);
    transition: all 0.5s ease;
}
.hc-hltgrd-wrap .item.active::after{
    transform: rotate(135deg);
    border-color: #000;
}
.hc-hltgrd-wrap .item.active .item-content{
    border-radius: 12px;
    padding: 48px 0;
    margin-top: 24px;
}
.hc-hltgrd-wrap .item .hc-tab-cont, .hc-hltgrd-wrap .item .hc-tab-img{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.hc-tab-img img{
    max-width: 100%;
    margin: 36px 0 auto;
    border-radius: 12px;
}
.hc-tab-contbox{
    width: 100%;
    margin: 0;
}
.hc-tab-contbox a{
    margin-top: 18px;
}
.hc-bundles-wrap{
    padding: 120px 0;
}
.hc-cstmsols-wrap, .hc-secure-wrap{
    width: calc(100% - 80px);
    padding: 80px 0 0;
}
.hc-cstmsols-wrap .content-wrap, .hc-secure-wrap .content-wrap, .hc-footer-note.content-wrap{
    width: calc(100% - 80px);
}
.hc-cstmsols-wrap .content-wrap, .hc-secure-wrap .content-wrap{
    display: inherit;
}
.hc-cstmsols-wrap .hc-img-box, .hc-secure-wrap .hc-img-box{
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.hc-cstmsols-wrap .hc-cont-box, .hc-secure-wrap .hc-cont-box{
    padding: 0;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.hc-sec-img{
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    position: relative;
    z-index: 1;
    max-width: 70%;
}
.hc-bundles-block{
    display: inherit;
}
.hc-bundles-box{
    padding: 40px 50px 90px;
    width: calc(100% - 100px);
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
}
.hc-bundles-box:last-child{
    margin-bottom: 0;
}
.hc-bundles-box .hc-para{
    margin-bottom: 24px;
}
.hc-secure-block{
    gap: 40px;
    justify-content: space-between;
    align-items: normal;
}
.hc-footer-note{
    max-width:calc(100% - 80px);
    padding: 100px 0;
}
.hc-bundles-wrap .hc-para{
    max-width: 90%;
}
span.arrow-icon{
    display: block;
}
}

@media screen and (max-width: 767px){
.hc-container h1{
    font-size: 64px;
}
.hc-container h2{
    font-size: 40px;
    line-height: 1.2;
}
.hc-container h3{
    font-size: 24px;
}
.hc-container p{
    font-size: 17px;
}
.body-umain .zw-product-header .content-wrap{
    padding-left: 0;
    padding-right: 0;
}
.hc-banner-wrap, .hc-prd-header{
    width: calc(100% - 60px);
    margin: 0 auto;
}
.hc-banner-wrap{
    padding-top: 108px;
}
.hc-banner-graphics{
    margin-top: 0;
}
.hc-banner-img{
    max-width: 90%;
}
.hc-sec-img{
    max-width: 90%;
}
.hc-hltgrd-wrap .content-wrap{
    width: calc(100% - 40px);
}
.hc-hltgrd-wrap .item .hc-tab-cont, .hc-hltgrd-wrap .item .hc-tab-img{
    width: 84%;
}
.hc-banner-content .hc-para, .hc-cstmsols-wrap .hc-para{
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.hc-bundles-wrap{
    padding: 100px 0;
}
.hc-bundles-wrap .hc-bundles-box .hc-para{
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    letter-spacing: normal
}
.hc-bundles-block, .hc-secure-block{
    display: inherit;
}
.hc-bundles-box, .hc-secure-box{
    width: 90%;
    margin: 30px auto 0;
}
.hc-secure-wrap{
    padding: 80px 0 0;
}
.hc-cstmsols-wrap .hc-cont-box, .hc-secure-wrap .hc-cont-box{
    width: 90%;
}
.hc-prd-nav{
    display: none;
}
.hc-prd-header{
    justify-content: center;
}
.hc-cstmsols-wrap, .hc-secure-wrap{
    border-radius: 24px;
}
}
@media screen and (max-width: 599px){
.hc-container h1{
    font-size: 48px;
}
.hc-container h2{
    font-size: 36px;
    line-height: 1.2;
}
.hc-container h3{
    font-size: 24px;
}
.hc-container p{
    font-size: 17px;
}
.secpad{
    padding: 80px 0;
}
.hc-banner-content .hc-para{
    font-size: 18px;
}
.hc-banner-wrap{
    padding-top: 108px;
}
.hc-hltgrd-wrap .content-wrap{
    width: 100%;
}
.hc-bundles-wrap{
    padding: 70px 0;
}
.hc-cstmsols-wrap, .hc-secure-wrap{
    padding: 70px 0 0;
}
.hc-bundles-wrap .hc-para{
    margin-bottom: 36px;
}
.hc-bundle-logo{
    background-size: auto 40px;
}
.hc-secure-wrap::after{
    width: 100%;
}
.hc-bundle-crm:after, .hc-bundle-marketing:after, .hc-bundle-workplace:after, .hc-bundle-one:after{
    background-size: auto 80%;
}
}

@media screen and (max-width: 480px){
.hc-container h1{
    font-size: 40px;
}
.hc-container h2{
    font-size: 28px;
    line-height: 1.2;
}
.hc-container p{
    font-size: 17px;
}
.hc-secure-wrap .hc-atag{
    font-size: 16px;
    max-width: 65%;
    display: inline-block;
}
.hc-banner-wrap{
    padding-top: 108px;
    width: 100%;
}
.hc-banner-img, .hc-sec-img, .hc-secure-wrap .hc-sec-img{
    max-width: 100%;
}
.zmenu-gettouch{
    display: none;
}
.hc-bundles-wrap,  .hc-footer-note{
    padding: 64px 0;
}
.hc-hltgrd-wrap, .hc-bundles-wrap, .hc-cstmsols-wrap .content-wrap, .hc-secure-wrap .content-wrap{
    width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
}
.hc-main-header .content-wrap, .hc-secure-wrap, .hc-cstmsols-wrap, .hc-footer-note{
    width: calc(100% - 60px);
}
.hc-banner-content .hc-para, .hc-cstmsols-wrap .hc-para, .hc-bundles-wrap .hc-para{
    max-width: 100%;
}
.hc-bundles-wrap .content-wrap{
    width: 100%;
}
.hc-cstmsols-wrap .hc-para{
    margin-bottom: 40px;
}
.hc-bundles-box, .hc-secure-box{
    padding: 32px 32px 90px;
    width: 100%;
    margin: 30px auto 0;
}
.hc-secure-box .hc-atag{
    max-width: 70%;
    display: inline-block;
}
.product-links div[class*="footer-"], div.footer-contact.for-india {
    display: none !important;
}
.hc-cstmsols-wrap, .hc-secure-wrap{
    padding: 48px 0 0;
}
.hc-cstmsols-wrap .hc-cont-box, .hc-secure-wrap .hc-cont-box{
    width: 100%;
}
.hc-cstmsols-wrap .hc-img-box, .hc-secure-wrap .hc-img-box{
    width: 90%;
}
.hc-hltgrd-wrap .item{
    margin-bottom: 24px;
}
.hc-bundle-crm:after, .hc-bundle-marketing:after, .hc-bundle-workplace:after, .hc-bundle-zohoone:after, .hc-cstmsols-wrap::after, .hc-secure-wrap::after{
    background-size: auto 70%;
}
.hc-main-header{
    border-radius: 0 0 40px 40px;
}
}

@media screen and (max-width: 375px){
.hc-container h1{
    font-size: 36px;
}
.hc-container h2{
    font-size: 24px;
    line-height: 1.2;
}
.hc-container h3{
    font-size: 22px;
}
.hc-banner-wrap, .hc-prd-header, .hc-bundles-wrap, .hc-cstmsols-wrap .content-wrap, .hc-secure-wrap .content-wrap{
    width: calc(100% - 40px);
}
.hc-secure-img{
    margin-bottom: 12px;
}
.hc-bundle-logo{
    background-size: auto 44px;
    height: 44px;
    max-height: 44px;
}
.hc-hltgrd-wrap .item::after{
    right: 24px;
}
.hc-hltgrd-wrap .item.active .item-content{
    padding: 36px 0;
}
.hc-banner-wrap{
    padding-top: 108px;
}
.hc-hltgrd-wrap, .hc-bundles-wrap, .hc-cstmsols-wrap .content-wrap, .hc-secure-wrap .content-wrap, .hc-main-header .content-wrap, .hc-secure-wrap, .hc-cstmsols-wrap, .hc-footer-note{
    width: calc(100% - 40px);
}
.hc-hltgrd-wrap h2{
    margin-bottom: 28px;
}
.hc-bundle-crm:after, .hc-bundle-marketing:after, .hc-bundle-workplace:after, .hc-bundle-zohoone:after, .hc-cstmsols-wrap::after, .hc-secure-wrap::after{
    background-size: auto 55%;
}
.hc-bundles-box, .hc-secure-box{
    padding: 32px 32px 72px;
}
.hc-hltgrd-wrap .item::after{
    right: 24px;
}
}
@media screen and (min-width: 992px){
.hc-banner-img{
    animation: HCBanImg 0.8s linear;
}
@keyframes HCBanImg {
0% {
    opacity: 0;
    transform: translateX(-40px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
.tabbed-content .tabs {
    display: block;
}
.tabbed-content .tabs li a {
    display: block;
}
.tabbed-content .item {
    min-height: 0;
}
.tabbed-content .item::before {
    display: none;
}
.item.active .item-content {
    padding-top: 0;
}
.hc-bundles-wrap .hc-bundle-crm, .hc-bundles-wrap .hc-bundle-marketing, .hc-bundles-wrap .hc-bundle-workplace, .hc-bundles-wrap .hc-bundle-zohoone{
    transition: all 0.6s ease-in-out;
    transform: translateY(100px);
    opacity: 0.1;
}
.hc-bundles-wrap .hc-bundle-crm.zwe-ob, .hc-bundles-wrap .hc-bundle-marketing.zwe-ob, .hc-bundles-wrap .hc-bundle-workplace.zwe-ob, .hc-bundles-wrap .hc-bundle-zohoone.zwe-ob{
    transition: all 0.6s ease-in-out;
    transform: translateY(0px);
    opacity: 1;
}
.hc-hltgrd-wrap .item{
    opacity: 0.3;
    transform: translateY(50px);
    transition: all 0.5s ease-in-out;
}
.hc-hltgrd-wrap .animated .item{
    transform: translateY(30px);
    transition: all 0.5s ease-in-out;
    opacity: 1;
}
.hc-hltgrd-wrap .animated .item.active{
    transform: translateY(0px);
    transition: all 0.5s ease-in-out;
}
.hc-hltgrd-wrap .animated .item img{
    transition: all 0.5s ease-in-out;
    transform: scale(0.95);
}
.hc-hltgrd-wrap .animated .item.active img{
    transition: all 0.5s ease-in-out;
    transform: scale(1);
}

.hc-cstmsols-wrap .hc-img-box img, .hc-secure-wrap .hc-img-box img{
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.5s ease-in-out;
}
.hc-cstmsols-wrap .animated .hc-img-box img, .hc-secure-wrap .animated .hc-img-box img{
    transform: translateY(0px);
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

}