* {
    margin: 0;
    padding: 0;
}
p{
    line-height: 1.8;
}
h2{
    margin-bottom: 0;
}
body {
    font-family: var(--primaryfont-regular);
    color: var(--primary-color);
}
a{
    color: #056cb8;
}
img {
    display: block;
}
.fl {
    float: left;
}
.pos_relative{
    position: relative;
}
.text-mask {
    border-bottom: 1px dashed rgba(0,0,0,0.5);
    cursor: pointer;
    transition: color .4s ease,border-color .4s ease;
    color: var(--primary-color);
}
.text-mask:hover {
    color: var(--highlight-color);
    border-color: var(--highlight-color);
}
.medium-font {
    font-family: var(--zf-secondary-medium);
    color: #010101;
}
.medium-font.rd-hglt  {
   
    color: #f60014;
}
.exp-count-flx{
    display: flex;
}
.text-center {
    text-align: center;
}
.t_center{
    text-align: center;
}
.dis_flx {
    display: flex;
    flex-direction: row;
}
.align_center{
    align-items: center;
}
.fst_part {
    justify-content: space-between;
}
.justify_c{
    justify-content: center;
}
.text-nowrap {
    white-space: nowrap
}
.leftside {
    width: 46%;
}
header,footer,.load-header{
    display: none;
}
.load-footer footer{
    display: block; 
}
.zh-main .wrapper {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.zh-header-sec {
    width: 100%;
    height: 75px;
    /* padding: 0 60px; */
    background: #fff;
    box-sizing: border-box;
    border-bottom: 1px solid #e8e8e8;
    z-index: 34;
    transition: background-color 0.2s ease;
    top: 0;
    display: flex;
    align-items: center;
}
.load-headerPart{
    position: sticky;
    position: -webkit-sticky;
    z-index: 6;
    top: 0;
    transition: all .3s ease-in-out;
    transform: translateY(0%);
}
.load-headerPart.active{
    /* position: relative; */
    transition: transform .3s ease-in-out;
    transform: translateY(-100%);
}
.header_inr {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.zh-header-sec .logo-lp {
    display: inline-block;
}
.zh-header-sec .active {
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
}
.product-logo {
    background: url(/sites/zweb/images/zoho_general_pages/zohologowhitebg.svg) no-repeat scroll left top/130px 65px;
    /* sites/zweb/images/zoho_general_pages/zohologowhitebg.svg */ 
    color: #361b4b;
    display: inline-block;
    font-size: 21px;
    line-height: 1.5;
    padding-left: 80px;
    position: relative;
    text-decoration: none;
    width: 130px;
    float: none;
    height: 65px;
    margin: 0;
}
footer .zh-logo span {
    display: inline-block;
    background-size: 79px auto;
    width: 80px;
    height: 39px;
    text-indent: -99999px;
    background-position: 1px 2px;
    background-image: url(/sites/zweb/images/zoho_general_pages/zohologodarkbg.svg);
    background-repeat: no-repeat;
}
.zh-header-sec .nav_menu{
flex:1;
justify-content: flex-end;
    display: flex;
}
.sub-nav {
    /*float: right;
    margin-top: 8px;*/
}
.sub-nav li {
    display: inline-block;
}
.sub-nav li:not(:last-child) {
    margin-right: 25px;
    border: none;
}
.sub-nav li a {
    font-size: 17px;
    color: var(--primary-color);
    letter-spacing: -0.2px;
    transition: color 0.4s ease;
}
.sub-nav li a:hover {
    color: var(--highlight-color);
}
.sub-nav li a:hover::after {
    border-color: var(--highlight-color)
}
.zh-header-sec .wrapper {
    width: 100%;
    overflow: inherit;
    display: flex;
    align-items: center;
}
.lifeZoho {
    margin-top: 65px;
}
.zh-more-opt {
    padding: 4px 10px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 11px;
    display: none;
}
.zh-more-opt span {
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50%;
    background: var(--primary-color);
    margin-right: 3px;
}
.hoz-name h1 {
    font-size: 70px;
    font-family: var(--primaryfont-regular);
    letter-spacing: -2.6px;
    line-height: 1.2;
    color: #111;
   
}
.hoz-exp {
    font-size: 21px;
    font-family: var(--primaryfont-regular);
    color: #333;
    position: absolute;
    left: 12%;
    bottom: 30%;
    z-index: -1;
    padding-right: 100px;
}
.hoz-exp_mobile{
    display: none;
}
.hoz-exp-count {
    font-size: 70px;
    display: block;
    line-height: 1;
    letter-spacing: -2px;
    color: #111;
    margin-bottom: 5px;
}
.exp_with_zoho {
    font-size: 21px;
    display: block;
    letter-spacing: 0px;
}
.hoz-exp::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #010101;
    position: absolute;
    left: 0;
    bottom: -10px;
    opacity: 15%;
}
.hoz-role {
    font-size: 23px;
    font-family: var(--primaryfont-regular);
    letter-spacing: -0.6px;
    line-height: 1;
    color: #111;
    margin-top: 65px;
    position: relative;
}
.hoz-role::before {
    content: "";
    width: 40px;
    height: 1px;
    background-color: #f60014;
    position: absolute;
    left: 0;
    top: -25px;
}
.banner .rightside {
    position: fixed;
    position: -webkit-fixed;
    position: -moz-fixed;
    position: -ms-fixed;
    position: -o-fixed;
    right: 0;
    width: 48%;
    bottom: -7px;
    
}
.banner_wrapper {
    position: relative;
    overflow: inherit;
    width: 100%;
    margin: auto;
    max-width: 1230px;
}
.banner .hoz-q {
    font-size: 32px;
    line-height: 1.2;
    max-width: 98%;
}
.hoz-fav-wrap {
    margin-top: 160px;
}
.banner .leftside {
    position: relative;
    z-index: 3;
    padding-right: 0;
    padding: 130px 0 170px 0;
    width: 80%;
}
.hoz-fav-innerwrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.hoz-q-box {
    background-color: #fff8e6;
    width: 50%;
    border-radius: 10px;
    padding: 70px 50px 0 50px;
    position: relative;
    max-width: 320px;
    margin-right: 10px;
    overflow: hidden;
    box-shadow: 8px 16px 31px #242d3e08;
}
.hoz-q {
    display: block;
    font-size: 40px;
    line-height: 1.2;
    color: #010101;
    font-family: var(--primaryfont-regular);
    letter-spacing: -1px;
    margin-bottom: 30px;
    position: relative;
}
.hoz-q::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #f60014;
    border-radius: 50%;
    top: 15px;
    left: -20px;
}
.hoz-q::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #f60014;
    border-radius: 50%;
    top: 15px;
    left: -30px;
    display: none;
}
.hoz-ans {
    font-family: var(--primaryfont-regular);
    font-size: 18px;
    color: #333;
}
.hoz-q-img {
    position: relative;
    right: -70px;
    bottom: 0;
    width: 200px;
    display: block;
    margin-top: 40px;
    object-fit: cover;
}
.sec-ttl {
    font-family: var(--primaryfont-regular);
    font-size: 70px;
    color: #010101;
    line-height: 1.2;
    letter-spacing: -2.8px;
    text-align: center;
}
.wisdom {
    background: #fdefa7;
    position: relative;
}
.wisdom_point p {
    position: relative;
    padding-left: 30px;
}
.wisdom_point p::after {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 7px;
    height: 7px;
    background: #f60014;
    transform: rotate(45deg);
    border-radius: 50%;
}
.wisdom .lifeAtzoho {
    display: flex;
    padding: 0;
    background: 0 0;
    align-items: center;
}
.wisdom_right h2 {
    max-width: 60%;
}
.wisdom_right .hoz-q-cultureZoho {
    padding-top: 65px;
}
.wisdom_quote_all {
    flex-basis: 39%;
}
.wisdom .sec-ttl {
    margin-bottom: 0;
    text-align: left !important;
}

.gallery .gallery_inr,
.inspiration .gallery_inr {
    padding: 0 60px;
}

.kupp_card_gal {
    width: 90%;
    margin: auto;
    cursor: pointer;
}
.kupp_card_gal img{
    transition: all.3s ease-in-out;
    
}
.kupp_card_gal:hover img{
    transform: scale(1.1);
}
.gallery {
    background: #f7f9ff;
    overflow: hidden;
    position: relative;
}
.gallery .sec-ttl,
.inspiration .sec-ttl {
    text-align: center;
}
.gallery .slick-slide:nth-of-type(even){
    margin-top: 50px;
}

.slick-list {
    padding: 65px 0 0 0;
}
.inspiration .slick-list {
    padding-bottom: 120px;
}

.gallery_inr {
    position: relative;
}
/*.gallery_card {*/
/*    flex-basis: 25%;*/
/*    margin-right: 35px;*/
/*}*/
.gallery_card:last-child {
    margin-right: 0;
}
.gallery_card p span {
    font-family: Zoho_Puvi_Medium;
}
.gallery_bg {
    margin-top: -720px;
    mix-blend-mode: multiply;
    display: none;
}
.gallery_card p {
    margin-bottom: 0;
    margin-left: 25px;
    max-width: 76%;
    /* margin-top: -20px; */
}
.slick-arrow {
    width: 60px;
    height: 60px;
    background: #fff;
    box-shadow: -2px 12px 20px #c2c9de26;
    border: 1px solid #e7edf4;
    cursor: pointer;
    border-radius: 50%;
    float: left;
    transition: all 0.3s ease;
}
.slick-arrow::before {
    width: 22px;
    position: absolute;
    height: 60px;
    content: "";
    left: 50%;
    margin-left: -10px;
    background: url(/sites/zweb/images/humans-of-zoho/arrow.png) no-repeat 0px 22px / 40px;
    transform: rotate(0);
    transition: none;
}
.slick-prev::after, .slick-next::after {
    background: transparent;
    display: none;
}
.slick-next::before {
    background-position: -21px 22px;
}
.slick-arrow:hover {
    box-shadow: -2px 12px 20px #c2c9de4d;
    border: 1px solid #d3d3d3;
}
.slick-next.slick-disabled:hover, .slick-prev.slick-disabled:hover {
    box-shadow: none;
    border-color: #E7EDF4;
    cursor: default;
}
 .slick-prev:hover:before {
    background:transparent url(/sites/zweb/images/humans-of-zoho/arrow.png) no-repeat 0px 22px / 40px;
}
.slick-next:hover:before {
    background: transparent url(/sites/zweb/images/humans-of-zoho/arrow.png) no-repeat -21px 22px / 40px;
}
.gallery_card:last-child {
    margin-right: 0;
}
.inspiration {
    background: transparent linear-gradient(180deg,#fff 0,#f7fbff 100%) 0 0 no-repeat;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e5edf4;
    border-top: 1px solid #e5edf4;
    padding-bottom: 0;
    z-index: 2;
}
.inspir_card {
    position: relative;
    width: 80%;
    margin: auto;
}
.inspir_card a {
    border-radius: 20px;
    transition: all 0.3s ease;
    border: 1px solid #ebeef4;
    background: #fff;
    padding: 10px 10px 0 10px;
    display: block;
    position: relative;
}
.list-view .inspir_card a {
	display: flex;
	padding: 40px 25px 20px;
	border-radius: 10px;
}
.inspir_image {
    width: 100%;
    height: 250px;
    border-radius: 10px 10px 15px 15px;
    background: #f6f6f8;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.list-view .inspir_image {
	height: 70px;
	width: 100px;
	background-size: 200px;
}
.kuppu_bg_shape {
    background-image: url(/sites/zweb/images/humans-of-zoho/shape1.svg);
    background-size: 390px;
    background-position: -60px -30px;
}
.victor_bg_shape {
    background-image: url(/sites/zweb/images/humans-of-zoho/shape2.svg);
    background-size: 390px;
    background-position: -60px -30px;
}
.meera_bg_shape {
    background-image: url(/sites/zweb/images/humans-of-zoho/shape3.svg);
    background-size: 390px;
    background-position: -60px -30px;
}
.mali_bg_shape {
    background-image: url(/sites/zweb/images/humans-of-zoho/shape4.svg);
    background-size: 390px;
    background-position: -60px -30px;
}
.vidya_bg_shape {
    background-image: url(/sites/zweb/images/humans-of-zoho/shape5.svg);
    background-size: 390px;
    background-position: -60px -30px;
}
.saravanan_bg_shape {
    background-image: url(/sites/zweb/images/humans-of-zoho/shape6.svg);
    background-size: 390px;
    background-position: -60px -30px;
}

.inspire-img {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    transition: all 0.5s ease;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 290px;
    overflow: hidden;
}
.inspir_card .inspire-img::before, .inspir_card .inspire-img::after {
    content: "";
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    transition: all 0.5s ease;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
}
.inspir_card .inspire-img::after{
    opacity: 0;
}
.inspir_card .kuppu .inspire-img::before {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_kuppu_light.png);
}
.inspir_card .kuppu .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_kuppu.png);
}
.inspir_card .victor .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_victor_lakra_light.png);
}
.inspir_card .victor .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_victor_lakra.png);
}
.inspir_card .meera .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_meera_sapra_light.png);
}
.inspir_card .meera .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_meera_sapra.png);
}
.inspir_card .vidya .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_vidya_vasudevan_light.png);
}
.inspir_card .vidya .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_vidya_vasudevan.png);
}
.inspir_card .saravanan .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_saravanan_muthian_light.png);
}
.inspir_card .saravanan .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_saravanan_muthian.png);
}
.inspir_card .mali .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_lingeswaran_light.png);
}
.inspir_card .mali .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_lingeswaran.png);
}
.inspir_card .rebecca .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_rebecca_light.png);
}
.inspir_card .rebecca .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_rebecca.png);
}
.inspir_card .rajesh .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_rajesh_light.png);
}
.inspir_card .rajesh .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_rajesh.png);
}
.inspir_card .dhinesh .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_dhinesh_light.png);
}
.inspir_card .dhinesh .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_dhinesh.png);
}
.inspir_card .sharanya .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_sharanya_light.png);
}
.inspir_card .sharanya .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_sharanya.png);
}
.inspir_card .deepa .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_deepa_light.png);
}
.inspir_card .deepa .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_deepa.png);
}

.inspir_card .rajalakshmi .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_rajalakshmi_light.png);
    
}
.inspir_card .rajalakshmi .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_rajalakshmi.png);
}

.inspir_card .uma .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_uma_light.png);
    
}
.inspir_card .uma .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_uma.png);
}
.inspir_card .lalapet .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_lalapet_light.png);
    
}
.inspir_card .lalapet .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_lalapet.png);
}
.inspir_card .jevitha .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_jevitha_light.png);
    
}
.inspir_card .jevitha .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_jevitha.png);
}

.inspir_card .ian .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_ian_light.png);
    
}
.inspir_card .ian .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_ian.png);
}
.inspir_card .rahul .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_rahul_light.png);
    
}
.inspir_card .rahul .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_rahul.png);
}
.inspir_card .geetha .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_geetha_light.png);
    
}
.inspir_card .geetha .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_geetha.png);
}

.inspir_card .aravind .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_aravind_light.png); 
}
.inspir_card .aravind .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_aravind.png);
}

.inspir_card .suzanne .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_suzanne_light.png); 
}
.inspir_card .suzanne .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_suzanne.png);
}
.inspir_card .prashanth .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_prashanth_light.png); 
}
.inspir_card .prashanth .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_prashanth.png);
}
.inspir_card .mary-george .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_mary_light.png); 
}
.inspir_card .mary-george .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_mary.png);
}
.inspir_card .tejas-gadhia .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_tejas_light.png); 
}
.inspir_card .tejas-gadhia .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_tejas.png);
}
.inspir_card .ricky .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_ricky_light.png); 
}
.inspir_card .ricky .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_ricky.png);
}
.inspir_card .yoshihito .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_yoshihito_light.png); 
}
.inspir_card .yoshihito .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_yoshihito.png);
}
.inspir_card .pavitra .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_pavitra_light.png); 
}
.inspir_card .pavitra .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_pavitra.png);
}

.inspir_card .reshma .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_reshma_roy_light.png); 
}
.inspir_card .reshma .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_reshma_roy.png);
}
.inspir_card .priya .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_priya_light.png); 
}
.inspir_card .priya .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_priya.png);
}
.inspir_card .raffic .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_raffic_light.png); 
}
.inspir_card .raffic .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_raffic.png);
}
.inspir_card .thangam .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_thangam_light.png); 
}
.inspir_card .thangam .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_thangam.png);
}
.inspir_card .rajasekaran .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_rajasekaran_light.png); 
}
.inspir_card .rajasekaran .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_rajasekaran.png);
}
.inspir_card .hariharan .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_hariharan_light.png); 
}
.inspir_card .hariharan .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_hariharan.png);
}
.inspir_card .kirankumar .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_kirankumar_light.png); 
}
.inspir_card .kirankumar .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_kirankumar.png);
}
.inspir_card .sandhiya .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_sandhiya_light.png); 
}
.inspir_card .sandhiya .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_sandhiya.png);
}
.inspir_card .karthikeyan .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_karthikeyan_light.png); 
}
.inspir_card .karthikeyan .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_karthikeyan.png);
}
.inspir_card .bharathan .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_bharathan_light.png); 
}
.inspir_card .bharathan .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_bharathan.png);
}
.inspir_card .ramprakash .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_ramprakash_light.png); 
}
.inspir_card .ramprakash .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_ramprakash.png);
}
.inspir_card .vivin .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_vivin_light.png); 
}
.inspir_card .vivin .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_vivin.png);
}
.inspir_card .arunkumar .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_arunkumar_light.png); 
}
.inspir_card .arunkumar .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_arunkumar.png);
}
.inspir_card .vanathy .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_vanathy_light.png); 
}
.inspir_card .vanathy .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_vanathy.png);
}
.inspir_card .shyamala .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_shyamala_light.png); 
}
.inspir_card .shyamala .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_shyamala.png);
}
.inspir_card .ashok .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_ashok_light.png); 
}
.inspir_card .ashok .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_ashok.png);
}
.inspir_card .ramya .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_ramya_light.png); 
}
.inspir_card .ramya .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_ramya.png);
}
.inspir_card .vijaykumar .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_vijaykumar_light.png); 
}
.inspir_card .vijaykumar .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_vijaykumar.png);
}
.inspir_card .srimathy .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_srimathy_light.png); 
}
.inspir_card .srimathy .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_srimathy.png);
}
.inspir_card .vijayakumar .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_vijayakumar_light.png); 
}
.inspir_card .vijayakumar .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_vijayakumar.png);
}
.inspir_card .anusha .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_anusha_light.png); 
}
.inspir_card .anusha .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_anusha.png);
}
.inspir_card .dilip .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_dilip_light.png); 
}
.inspir_card .dilip .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_dilip.png);
}
.inspir_card .muthumeena .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_muthumeena_light.png); 
}
.inspir_card .muthumeena .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_muthumeena.png);
}
.inspir_card .prabhakaran .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_prabhakaran_light.png); 
}
.inspir_card .prabhakaran .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_prabhakaran.png);
}
.inspir_card .sureshbabu .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_sureshbabu_light.png); 
}
.inspir_card .sureshbabu .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_sureshbabu.png);
}
.inspir_card .sripathy .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_sripathy_light.png); 
}
.inspir_card .sripathy .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_sripathy.png);
}
.inspir_card .sangeetha .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_sangeetha_light.png); 
}
.inspir_card .sangeetha .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_sangeetha.png);
}
.inspir_card .nandhini .inspire-img::before  {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_nandhini_light.png); 
}
.inspir_card .nandhini .inspire-img::after {
    background-image: url(/sites/zweb/images/humans-of-zoho/hoz_nandhini.png);
}
.years {
    padding: 4px 6px;
    display: inline-block;
    background-color: #eef5fd;
    font-size: 14px;
    border: 1px solid #d3e5fa;
    border-radius: 2px;
    border-bottom-left-radius: 2px;
    margin-top: 5px;
    color: var(--secondary-color);
    line-height: 1;
    position: absolute;
    border-bottom-left-radius: 11px;
    left: 0;
font-family: var(--zf-secondary-medium);
}
.list-view .years {
    display: none;
}
.desc {
     position: absolute;
   /* left: 0;
    top: 20px;
    right: 0;
    bottom: 0; */
    /* display: flex;
    align-items: center; */
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    background: #fff;
    transform: translateY(40px);
/*line-height: 20px;*/
    text-align: center;
}
.list-view .desc{
    text-align: left;
}
.designation {
    font-size: 15px;
    color: var(--secondary-color);
    margin: auto;
}
.inspir_card:hover .inspire-img::before,.inspir_card:hover .inspire-img::after{
    transform: scale(1.02);
}
.inspir_card:hover .inspire-img{
    height: 300px;
}
.inspir_card:hover .inspire-img::before, .inspir_card:hover .inspire-img::after{
    /*top: 5px;*/
}
.inspir_card:hover .inspire-img::after {
    opacity: 1; 
}
.gallery .wrapper, .gettingPersonal .wrapper, .inspiration .wrapper {
    overflow: visible;
}
.inspir_text {
    padding: 20px 10px;
    text-align: center;
    min-height: 170px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    width: calc(100% + 20px);
    margin-left: -10px;
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
}
.list-view .inspir_text{
	min-height: auto;
	padding: 0 20px;
	/*width: 375px;*/
	justify-content: flex-start;
/*	flex-direction: row;*/
	overflow: visible;
}
.inspir_text .desc-inner {
    max-width: 95%;
    margin: 0 auto;
}
.inspir_text .desc p {
    font-size: 16px;
    color: #878788;
    margin-top: 8px;
}
.inspir_text .desc p::before {
    content: "";
    position: relative;
    width: 8px;
    height: 1px;
    background-color: #878788;
    left: -4px;
    top: -4px;
    display: inline-block;
    opacity: 0.8;
}

/* .inspir_text::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    /*height: 5px;*/
    background: linear-gradient(450deg, #4da4d8 0, #356ce4 48%, #504de9 100%);
    transition: transform 0.5s ease-in-out;
    transform: scaleX(0);
    transform-origin: bottom right;
} */
.inspir_text::after {
    content: "";
    position: absolute;
    left: 7px;
    right: 0px;
    bottom: 0;
    height: 5px;
    background: linear-gradient(450deg,#4da4d8 0,#356ce4 48%,#504de9 100%);
    transition: transform .5s ease-in-out;
    transform: scaleX(0);
    transform-origin: bottom right;
    width: 96%;
    height: 5px;
    border-top: 6px solid linear-gradient(450deg,#4da4d8 0,#356ce4 48%,#504de9 100%);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    border-color: linear-gradient(450deg,#4da4d8 0,#356ce4 48%,#504de9 100%);
    }


.inspir_card:hover .inspir_text::after {
    transform:scaleX(1);
    transform-origin: bottom left;
}
.list-view .inspir_card:hover .inspir_text::after {
    display: none;
}
.inspir_card a:hover {
    box-shadow: 0 15px 45px rgb(73 69 87 / 20%);
    border: 1px solid #d9dee8;
}
.inspir_card a:hover img {
    filter: grayscale(0);
}
.inspir_card:hover .desc {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
.list-view .inspir_card:hover .desc{
	text-align: left;
}
.inspir_card a:hover .inspir_text::after {
    opacity: 1;
}
.inspir_card a:hover .desc .designation {
    transform: translateY(0);
}
.inspir_title {
    transform: translateY(0);
    transition: all 0.5s ease-in-out;
}
.list-view .inspir_title {
	padding-left: 20px;
}
.inspir_text p {
    font-size: 26px;
    max-width: 100%;
    margin: 0;
    line-height: 1.2;
    letter-spacing: -0.3px;
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 1;
    margin-bottom: 5px;

}
.card_n_hover {
    overflow: hidden;
    /*height: 50px;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*align-items: center;*/
    line-height: 1.4;
}
.list-view .card_n_hover {
	justify-content: flex-start;
	height: 45px;
}
.list-view .desc_hover {
	text-align: left;
}
.desc_hover {
    transition: all 0.5s ease;
}
.inspir_card:hover .inspir_text p {
    transform: scale(0.8) translateY(-11px);
    color: var(--primary-color);
    font-family: 'Zoho_Puvi_Medium';
}
.inspir_card:hover .uma ~ .inspir_text p {
    transform: scale(0.8) translateY(0px);
} 
.inspir_card:hover .rajalakshmi ~ .inspir_text p{
    transform:scale(0.8) translateY(0px)
}
.inspir_card:hover .jevitha ~ .inspir_text p{
    transform:scale(0.8) translateY(0px)
}
.inspir_card:hover .meera ~ .inspir_text p{
    transform:scale(0.8) translateY(0px)
}
.inspir_card:hover .ricky ~ .inspir_text p {
    transform: scale(0.8) translateY(0px);
}
.inspir_card:hover .yoshihito ~ .inspir_text p {
    transform: scale(0.8) translateY(0px);
}
.inspir_card:hover .reshma ~ .inspir_text p {
    transform: scale(0.8) translateY(0px);
}
.inspir_card:hover .priya ~ .inspir_text p {
    transform: scale(0.8) translateY(0px);
}

.inspir_card:hover .desc_hover {
    transform: translateY(-50px);
    opacity: 0;
}
.inspir_years{
	display: none;
}
.list-view .inspir_years{
	display: flex;
	flex-direction: column;
}
.list-view .inspir_years span.years_exp{
	font-size: 30px;
	color: #333;
}
.list-view .inspir_years span.years_txt{
	font-size: 13px;
	letter-spacing: 0.6px;
	color: #666;
	text-transform: uppercase;
}
.footer-nav,.footer-signup {
    display: none;
}
.zh-sec-nav {
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 2;
    visibility: hidden;
    line-height: 50px;
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.4s ease;
    border-bottom: 1px solid #ececec;
    transition: all .3s ease-in-out;
}
.zh-sec-nav.active {
    display: block;
    position: fixed;
    background: #fff;
    opacity: 1;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    visibility: visible;
    transform: translateY(-1px);
    z-index: 5;
    width: 100%;
    top: 61px;
    transition: all .3s ease-in-out;
}
.hoz-illus{
    will-change: transform;
    transform-style: preserve-3d;
    transform: translateY(100px);
}

.gettitle {
    text-align: center;
    display: none;
}
	
#subHeader .zh-sec-nav-inner {	
    margin: 0 auto;	
    display: flex;	
    justify-content: center;	
    position: relative;	
}
#subHeader .zh-sec-nav-inner.wrapper{	
    overflow: inherit;	
}	
/* #subHeader .zh-sec-nav-inner > .dis_flx{	
    overflow: inherit;	
    align-items: center;	
} */
#subHeader .zh-sec-nav-inner > .dis_flx {
    overflow: inherit;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
/* .zh-nav-list {
    margin: 0 auto;
    text-align: center;
    display: flex;
    padding-left: 20px;
    width: 100%;
   top: 0;
} */
.zh-nav-list {
    /* margin: 0 auto; */
    /* text-align: center; */
    display: flex;
    padding-left: 20px;
    /* width: 100%; */
    top: 0;
}
.zh-nav-list li {
    display: inline-block;
    padding: 3px 10px;
    margin-right: 30px;
    color: var(--secondary-color);
    font-size: 15px;
    transition: font-size 0.5s ease;
    cursor: pointer;
    z-index:7;
     position: relative;
}
.zh-nav-list li:nth-last-child(2){ 
    margin-right: 0;
}
.zh-nav-list li.active {
    font-family: Zoho_Puvi_Medium;
    color: var(--primary-color);
}
.zh-sec-nav .leftpos {
    width: 101px;
    background-color: #f60014;
    position: absolute;
    height: 2px;
    bottom: 0px;
    left: 13px;
    transition: left 0.3s ease;
}
.hoz-q-cultureZoho.t_center{
    text-align: center;
}
.hoz-q-cultureZoho{
    padding: 80px 0 50px 0;
    display: inline-block;
    border-bottom: 1px dashed rgba(0%, 0%, 0%, 20%);
}
section{
    padding: 120px 0;
}
.banner, .fixed-menu, .wisdom{
    padding: 0;
}
.hoz-q-cultureZoho p:last-child{
    margin-bottom: 0;
}
.gettingPersonal_content{
    display: flex;
    padding: 0;
    background: 0 0;
}
.gettingPersonal_content .sec-ttl {
    margin-top: 0;
    text-align: left;
}

.workSpace{
    margin-top: 70px;
}
.atWork .hoz-q {
    max-width: 85%;
}
.hoz-q-cultureZoho:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.z-video-close{
    background: url(/sites/zweb/images/enterprise/zsenterprise-close-icon.png) no-repeat;
    background-size: 44%;
    background-position: center;
}
.books .wrapper {
    padding: 120px 0 120px 0;
     border-top: 1px dashed rgba(0,0,0,20%);
 }

/* hoz_identity */
.hoz_sub{
    position: relative;
}

.hoz_identity {
    align-items: center;
    /* border-right: 2px dotted #ddd; */
    text-align: left;
    cursor: pointer;
   
}
.hoz_identity_detail{	
    padding-right: 20px;	
   
    flex-grow: 1;	
}
.hoz_thumbnail {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 15px;
    flex-shrink: 0;
    display: none;
}
.kuppu_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_kuppulakshmi_web.png) -2px 0 / cover no-repeat;
}
.victor_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_victor.png) -4px 0 / cover no-repeat;
}
.meera_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_meera_web.png) -3px 0 / cover no-repeat;
}
.saravanan_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_saravanan_web.png) -7px 0 / cover no-repeat;
}
.vidya_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_vidya_web.png) -4px 0 / cover no-repeat;
}
.mali_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_mali.png) -2px 0 / cover no-repeat;
}
.rebecca_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_rebecca.webp) -4px 0 / cover no-repeat;
}
.rajesh_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_rajeshganesan.webp) -4px 0 / cover no-repeat;
}
.dhinesh_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_dhinesh.webp) -4px 0 / cover no-repeat;
}
.sharanya_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_sharanya_web.png) -4px 0 / cover no-repeat;
}
.deepa_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_deepa_web.png) -4px 0 / cover no-repeat;
} 
.rajalakshmi_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_rajalakshmi_web.png) -4px 0 / cover no-repeat;
} 
.uma_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_uma_web.webp) -4px 0 / cover no-repeat;
} 
.lalapet_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_lalapet_web.webp) -4px 0 / cover no-repeat;
} 
.jevitha_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_jevitha_web.webp) -4px 0 / cover no-repeat;
} 
.ian_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_ian_web.webp) -4px 0 / cover no-repeat;
} 
.rahul_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_rahul_web.webp) -4px 0 / cover no-repeat;
} 
.geetha_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_geetha_web.webp) -4px 0 / cover no-repeat;
} 
.aravind_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_aravind_web.webp) -4px 0 / cover no-repeat;
} 
.suzanne_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_suzanne_web.webp) -4px 0 / cover no-repeat;
}
.prashanth_thumb{
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_prashanth_web.webp) -4px 0 / cover no-repeat;
}
.mary_george_thumb {
    background:#e0e4f5 url(/sites/zweb/images/humans-of-zoho/hoz_mary_geroge.webp) -4px 0 / cover no-repeat;
}
.tejas_thumb{
    background:#e0e4f5 url(/sites/zweb/images/images/hoz_tejas_web.webp) -4px 0 / cover no-repeat;
}
.ricky_thumb{
    background:#e0e4f5 url(/sites/zweb/images/images/hoz_ricky_web.webp) -4px 0 / cover no-repeat;
}
.yoshihito_thumb{
    background:#e0e4f5 url(/sites/zweb/images/images/hoz_yoshihito_web.webp) -4px 0 / cover no-repeat;
}

/* .vidya_live_all {
    padding-top: 45px;
} */

.hoz_id_name {
    font-size: 17px;
    margin-bottom: 0;
    white-space: nowrap;
    font-family: var(--zf-secondary-medium);
    /* width: 180px; */
    overflow: hidden;
    text-overflow: ellipsis;
}
.hoz_id_role {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
    letter-spacing: 0;
    /* width: 180px; */
    text-overflow: ellipsis;
    overflow: hidden;
}

.hoz_padding_t0 {
    padding-top: 0;
}

.hoz_lifezoho_ele {
    position: absolute;
    width: 200px;
}
.l0{
    left: 0;
}
.r0{
    right: 0;
}
.b0{
    bottom: 0;
}
.t0{
    top: 0;
}
.transform180{
    transform: rotate(180deg);
}
.transformX180{
    transform: rotateX(180deg);
}
.transformY180{
    transform: rotateY(180deg);
}
/* ---------------------- Our Stories Page ------------------------ */
.oursotrieBanner{
    background: #f0f4fd;
    padding: 60px 0;
    text-align: center;
}
.hoz-input-field{
    border: 0;
    width: 100%;
    padding: 20px;
    font-family: var(--secondaryfont-regular);
    font-size: 20px;
    background: transparent;
}
.hoz-input-field:focus{
    border: 0 !important;
}
.st-serach{
    border: 1px solid #ddd;
    border-radius: 5px;
}
.search-icon{
    padding:0 20px;
}

/* ---------------------- Our Stories Page End------------------------ */
/* ------- Thumbnail dropdown --------------*/
.hoz_id_drop {
    background: #fff;
    position: absolute;
    top: 100%;
    box-shadow: 1px 5px 10px rgb(0 0 0 / 6%);
    left: 0;
    font-size: 14px;
    border-radius: 0 0 5px 5px;
    width: 70%;
    display: none;
    border-top: 1px solid rgba(0,0,0,5%);
    border-radius: 7px;
    overflow: hidden;
}
.hoz_id_sec{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    
    position: relative;
}
.hoz_id_inner {
   width: 40%;
    position: relative;
    height: 348px;
    overflow-y: scroll;
    border-right: 1px solid rgba(0,0,0,5%);
}
/* .hoz_id_inner a:first-child::before {
    content: "New";
    position: absolute;
    right: 20px;
    top: 12px;
    background: #d4e1fe;
    padding: 3px;
    border-radius: 3px;
    color: #333;
    font-size: 11px;
    line-height: 11px;
} */
.profile-search {
    padding-bottom: 10px;
    background: #fff;
    z-index: 3;
    padding:0px 15px 0px 15px;
    position: relative;
    width: 100%;
    margin: auto;
    border-bottom: 1px solid #c5cbda;
}
.zgh-search-field {
    float: none;
    max-width: 100%;
    margin: 0;
    height: 40px;
    line-height: initial;
    font-size: 14px;
    text-indent: 0;
    width: 100%;
    font-family: var(--zf-primary-regular);
    border-radius: 3px;
    padding-left: 35px;
}
.zgh-search-btn {
    background: url(/sites/zweb/images/humans-of-zoho/zh-newhome-sprite.png) no-repeat -274px 304px/800px auto;
    background-size: 448px auto;
    background-position: -224px -92px;
    border: none !important;
    width: 25px;
    box-sizing: border-box;
    height: 25px;
    padding: 0 !important;
    position: absolute;
    top: 50%;
    left: 19px;
    margin-top: -13px;
}
.hoz_id_drop .hoz_sub{
    flex-direction: column;
}
.hoz_id_drop .hoz_sub{
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ebf1;
    margin-top: 10px;
}
.hoz_id_drop .hoz_sub:last-child{
    border-bottom: 0;
}

#search_clear {
    position: absolute;
    right: 20px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background: url(/sites/zweb/images/humans-of-zoho/icon-sprite2x.png) -119px 2px / 200px;
    top: 50%;
    margin-top: -7px;
}
.hoz_search_text h5 {
    font-size: 15px;
    color: #333;
    margin-bottom: 0;
}
.hoz_search_text .hoz_thumbnail{
    display: block;
}
.hoz_search_text.active h5{
    font-family: var(--secondaryfont-bold);
    color: #056cb8;
}
.hoz_search_text {
    padding:7px 10px 7px 15px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,3%);
    width: 100%;
}
.hoz_search_text:hover{
    background: #f5faff;
}
.morePrfile {
    width: 100%;
    background: #fff;
    display: none;
}
.morePrfile a {
    display: block;
    text-align: center;
}

.searchOverlay {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0,0,0,50%);
    z-index: 3;
    display: none;
} 
.view_profile {
    text-align: center;
    width: 60%;
}
.view_profile_thumb {
    width: 100px;
    height: 100px;
    background: #eee;
    border-radius: 50%;
    margin: 0 auto 10px auto;
}
.view_profile {
    text-align: center;
    width: 60%;
    padding-top: 50px;
}
.view_profile .hoz_id_role{
    margin-bottom: 20px;
    margin-top: 10px;
}
.view_profile_btn{
    background: #056cb8;
    color: #fff;
    padding: 10px 20px;
    border-radius: 3px;

}
/* ------- Thumbnail dropdown end ----------------*/

/* --------------- popup --------------- */
.hoz-popup-section{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0,0,0,70%);
    z-index: 8;
    display: none;
}
.hoz-popup-section.active{
    display: block;
}
.hoz-popup-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.hoz-popup-container {
    width: 45%;
    padding: 20px 20px 20px 70px; 
    border-radius: 10px;
    /* background: #fff; */
    
}
.hoz-popup-image{
    animation: zoomout .3s ease-in-out;
}
.hoz-popup-image img{
    margin: auto;
}
.hoz-popup-image.active{
    animation: zoomin .3s ease-in-out;
}
.hoz-popup-image.active2{
    animation: zoomin2 .3s ease-in-out;
}
@keyframes zoomin {
    0%{
        transform: scale(0.8);
        opacity: 0;
    }
    100%{
        transform: scale(1);
    }
}
@keyframes zoomout {
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(0.8);
        opacity: 0;
    }
}
.hoz-pop-arrow {
    width: 45px;
    height: 45px;
    background: #fff;
    box-shadow: -2px 12px 20px #c2c9de26;
    border: 1px solid #e7edf4;
    cursor: pointer;
    border-radius: 50%;
    float: left;
    transition: all 0.3s ease;
    position: absolute;
    top: 50%;
    margin-top: -23px;
}
.hoz-prev::before, .hoz-next::before {
    width: 22px;
    position: absolute;
    height: 60px;
    content: "";
    left: 50%;
    margin-left: -10px;
}
.hoz-prev::before {
    background: url(/sites/zweb/images/humans-of-zoho/arrow.png) no-repeat -0 14px / 40px;
}
.hoz-next::before {
    background: url(/sites/zweb/images/humans-of-zoho/arrow.png) no-repeat -21px 14px / 40px;
}
.hoz-next{
    right: 30px
}
.hoz-prev{
    left: 30px
}

.popupClose {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    background: #fff url(/sites/zweb/images/humans-of-zoho/icon-sprite2x.png) -138px 3px / 230px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    border-radius: 50%;
}
#counter{
    color: #fff;
    position: absolute;
    left: 10px;
    top: 10px;
}

.hoz-common-dropdown {
    margin-right: 40px!important;
	  position: relative;
}
.hoz-common-dropdown.active .hoz-stories{
	color: var(--highlight-color);
	border:none;
}
.hoz-stories.active {
    border: none;
}
.hoz-common-dropdown.active ul {
    display: block
}
.hoz-common-dropdown ul li:hover, .hoz-common-dropdown ul li.active {
    background-color: #f6f8fd;
    color: #407bbc;
	border: none;
}
.hoz-common-dropdown ul li.active a{
    color: #407bbc;
}
.hoz-common-dropdown ul li {
    padding: 10px 15px;
    font-size: 15px;
    cursor: pointer;
    position: relative;
	margin-right: 0 !important;
	width: 210px;
	color: #000;
}
.hoz-common-dropdown ul li::after {
    content: "";
    position: absolute;
    right: 5px;
    background: url("/sites/zweb/images/humans-of-zoho/st-select.svg") no-repeat 0 4px;
    width: 20px;
    height: 20px;
    background-size: 15px;
    opacity: 0;
}
.hoz-common-dropdown ul li.active::after {
    opacity: 1;
}
.hoz-stories::after{
    position: absolute;
    right: -25px;
    top: calc(50% - 5px);
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 1.5px solid #777;
    border-top: 1.5px solid #777;
    transform: rotate(135deg);
    margin-right: .5em;
    margin-left: 1em;
    transition: all .3s ease;
}
.hoz-common-dropdown.active .hoz-stories::after{
    top: 10px;
    transform: rotate(315deg);
	border-color: var(--highlight-color);
}	
.hoz-stories-list{
    background-color: #fff;
    padding: 5px;
    box-shadow: 0 11px 90px 0 rgba(65, 67, 132, 0.13);
    -webkit-box-shadow: 0 3px 25px 0 rgba(65, 67, 132, 0.21);
    -webkit-transition: transform .2s ease, opacity .2s ease, visibility .2s ease;
    -o-transition: transform .2s ease, opacity .2s ease, visibility .2s ease;
    transition: transform .2s ease, opacity .2s ease, visibility .2s ease;
    border-radius: 8px;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    z-index: 5;
	width: 220px;
}

@media only screen and (max-width: 1728px) {
    .hozNewVersion .banner-image {
    width: 53%;
}
.hozNewVersion .banner-image{
left: -15%;
}
}
@media only screen and (max-width: 1440px) {
    .hozNewVersion .banner-image {
    width: 53%;
}
.hozNewVersion .banner-image{
left: -15%;
}
}
@media only screen and (max-width: 1290px) {
    .inspir_card {
        width: 90%;
    }
    .inspire-img{
        top: 0;
        background-position: bottom center;
        height: 390px;
    }
    .inspir_card:hover .inspire-img{
        height: 340px;
    }
    .inspir_card .inspire-img::before,.inspir_card .inspire-img::after {
        background-position: bottom center;
        top: 0;
    }
  
    .hoz_identity_wrapper {
            left: 30px;       
    }
    .gettingPersonal .get_per_rightImg{
        justify-content: flex-start;
    }
    .mobile-sturcture-margin {
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 1280px){
    .banner_wrapper {
        width: 90%;
    }
    .hoz-exp_mobile {
        display: block !important;
        position: static;
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .hoz-exp,
    .hoz-exp::after {
        display: none;
    }
    .hoz_exp_mobile::after {
        display: none;
    }
}
@media only screen and (max-width: 1200px) {
    .atWork .hoz-q {
        max-width: 100% !important;
    }
    .sec-ttl {
        letter-spacing: -0.8px;
    }
    .hoz-q,
    .hoz-q_no_dot {
        letter-spacing: -1px;
    }
  
    
    .hoz-name h1 {
        max-width: 100%;
        letter-spacing: -1.5px;
    }
    
    .hoz-fav-wrap {
        margin-top: 100px;
    }
    .banner_wrapper .hoz-fav-wrap{
        margin-top: 0;
    }
    .wisdom_right{
        padding: 70px 0;
    }
    .wisdom_right h2 {
        max-width: 100% !important;
    }
    .banner .arrow-line,
    .lifeAtzoho.atWork .arrow-line {
        display: none;
    }
    .hoz_youtube_blg{
        align-items: center;
    }
    section {
        margin-top: -3px;
    }
    .inspir_card a:hover{
        box-shadow: 0 5px 15px rgba(73, 69, 87, 0.2);
    }
    .zh-nav-list li{
        margin-right: 10px;
    }
}
@media only screen and (max-width: 1024px){
    .gallery .slick-slide:nth-of-type(even){
        margin-top: 0;
    }
    /* .hoz_identity_wrapper {
       display: none;
    } */
    .zh-nav-list{
        justify-content: center;
    }
    .inspir_text p{
        font-size: 22px;
    }
    .designation{
        font-size: 14px;
    }
   .inspiration .gallery_inr {
        padding: 0 30px 0 30px;
    }
    section, .books .wrapper{
        padding: 80px 0;
    }
    .inspiration .slick-list{
        padding-bottom: 80px !important;
        height: auto !important;
    }   
    .inspiration{
        padding-bottom: 0;
    }
    
    .hoz_lifezoho_ele{
        display: none;
    }
}

@media only screen and (max-width: 991px){
    .sec-ttl {
        font-size: 55px;
    }
    .hoz-q,
    .hoz-q_no_dot {
        font-size: 30px;
    }
    .zh-header-sec{
        padding: 0;
    }
    .hoz-illus-Mobile {
        display: block !important;
        transform: translateX(20px) !important;
        margin-top: 40px;
    }
    .hoz-exp_mobile {
        display: block !important;
        position: absolute;
        left: 10%;
        bottom: 20%;
        z-index: 2;
    }
    .banner .arrow-line {
        display: none;
    }
    .banner .rightside,
    .banner_rirght_dot {
        display: none;
    }
    .hoz-q-box.q-food,
    .hoz-q-box.q-hobby,
    .hoz-q-box.q-inspire {
        transform: translateY(0) !important;
    }
    .hoz-q-box {
        width: 100%;
        max-width: 44%;
        margin: 10px 10px;
        min-height: 480px;
    }
    
    .banner .leftside {
        width: 100%;
        padding: 0 !important; 
    }
    .hoz-q-img {
        position: absolute !important   ;
        right: 0;
        bottom: 0;
    }
    .wisdom_right {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .wisdom_quote{
        padding-bottom: 0;
    }
    .hoz-fav-innerwrap {
        margin: 60px 0;
        justify-content: center;
    }
   
    .hoz_lifezoho_ele {
        width: 160px;
      }
    .hoz-q-img {
        right: 0 !important;
    }
    .banner_mobile_bg{
        min-height: 600px;
        padding: 70px 20px 0 5%;
    }
   
    /*sub header mobile */
    .gettitle .inrText  {
        cursor: pointer;
        position: relative;
        width: 50%;
        display: flex;
    }
    .title-menu {
        position: relative;
        padding-right: 20px;
    }
    span.title-menu::before {
        content: "";
        position: absolute;
        right: -0;
        top: 39%;
        border: solid #777;
        border-width: 0 1px 1px 0;
        padding: 3.3px;
        transform: rotate(45deg);
    }
    .gettitle {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }
    .gettitle .hoz_sub{
        width: 50%;
        display: flex;
        justify-content: flex-end;
    }
    
    .zh-sec-nav-inner::before {
        content: "";
        position: fixed;
        background-color: rgba(0, 0, 0, 0.4);
        top: 50px;
        left: 0;
        width: 100%;
        height: 100vh;
    }
    .fixed-menu ul.zh-nav-list {
        display: block;
        width: 300px;
        background-color: #fff;
        position: absolute;
        left: calc(50% - 150px);
        top: 0;
        box-shadow: 0 11px 90px 0 rgb(65 67 132 / 13%);
        border: 1px solid #ececec;
    }
    .fixed-menu ul li {
        display: block;
        margin-right: 0;
        text-align: center;
    }
    .zh-sec-nav-inner,
    .zh-sec-nav-inner .leftpos {
        display: none;
    }
    .zh-sec-nav-inner {
        width: 94%;
    }
    .hoz_identity_detail{
        margin-right: 0;
    }
    .gettitle .inrText{
        padding-left: 20px;
    }
    .zh-nav-list{
        padding-left: 0;
    }
    .inspir_image{
        height: 190px;
    }
    .slick-prev {
        left: -20px;
    }
    .slick-next{
        right: -20px;
    }
  
}
@media only screen and (max-width: 880px) {
    .product-logo {
        width: 80px;
        height: 43px;
        background-size: 80px 43px;
    }
    .sub-nav li a {
        font-size: 15px;
        letter-spacing: 0;
    }
    .zh-header-sec {
        height: 60px;
    }
}
@media only screen and (max-width: 840px){
    .inspir_image{
        height: 240px;
    }
    .geting_ele{
        width: 150px !important;
    }
}
@media only screen and (max-width: 767px){
    .hoz-q-cultureZoho{
        padding: 60px 0 40px 0;
    }
    .hoz-q-cultureZoho:last-child{
        border-bottom: 1px dashed rgba(0%, 0%, 0%, 20%);
        padding-bottom: 40px;
    }
    
    .inspir_image{
        height: 240px;
    }
    .gallery .gallery_inr{
        padding: 0 30px;
    }
    .slick-list {
        padding-top: 45px;
    }
    .hoz-fav-wrap {
        margin-top: 0;
    }
    .dis_flx {
        flex-direction: column;
    }
    .sec-ttl, .atWork .sec-ttl {
        font-size: 40px;
        text-align: center !important;
    }
    .hoz-name h1 {
        max-width: 100%;
        font-size: 60px;
    }
    .hoz-exp_mobile {
        font-size: 16px;
    }
    .hoz-exp-count {
        font-size: 48px;
    }
    .wisdom_right {
        padding: 70px 0;
    }
    .gallery .slick-list{
        padding-top: 35px !important;
    }
    .wisdom_right .hoz-q-cultureZoho{
        padding-top: 40px !important;
    }
    .hoz-q,
    .hoz-q_no_dot{
        font-size: 26px;
    }
    .slick-arrow {
        background: 0 0;
        box-shadow: inherit;
        border: 0;
    }
    .slick-arrow:hover {
        box-shadow: none;
        border: 0;
    }
    .hoz-q-box{
        max-width: 90% !important;
        min-height: 450px;
        margin: 10px 20px;
        box-shadow: none;
    }
    .wisdom_quote_all {
        display: none !important;
    }
    .wisdom .sec-ttl {
        text-align: center !important;
    }
    .wisdom_right h2{
        max-width: 100% !important;
    }
 
    
    .kupp_card_gal {
        width: 100%;
    }
    .exp_with_zoho {
        font-size: 18px;
        margin-top: 10px;
    }
    
    .gallery .gallery_card {
        transform: translateX(17px);
    }
    .gettingPersonal .slick-list {
        padding-top: 0;
    }
    .hoz-role {
        margin-top: 60px;
        line-height: 1.3;
    }
    .gallery .slick-slide:nth-of-type(even) {
        margin-top: 0;
    }
    
    .workSpace {
        margin-top: 50px;
    }
    .inspire-img, .vidya .inspire-img, .saravanan .inspire-img, .mali .inspire-img, .meera .inspire-img, .victor .inspire-img{
        background: transparent;
    }
    .inspir_card .inspire-img::before {
        opacity: 1;
    }
    .inspir_card:hover .desc_hover {
        transform: translateY(-0);
        opacity: 1;
      }
      .inspir_card:hover .inspir_text p {
        transform: none;
        color: var(--primary-color);
        margin-bottom: 0;
      }
      .inspir_card:hover .desc {
        opacity: 0;
        height: auto;
        transform: translateY(0);
      }
      .inspir_card a:hover {
        box-shadow: none;
        border: 1px solid #d9dee8;
      }
      footer{
          padding-bottom: 40px;
      }
      .z-bottom-cta-menu{
          display: none;
      }
     
      /* --------mobile menu bar---------- */
     .zh-more-opt {
        padding: 0 0 0 15px;
        cursor: pointer;
        display: inline-block;
        position: relative;
        top: 11px;
        float: right;
        margin-top: 6px;
    }
    .zh-more-opt span {
        width: 20px;
        height: 2px;
        display: block;
        border-radius: 0;
        background: var(--primary-color);
        margin-bottom: 4px;
        transition: transform .3s ease-in-out;
    }
    .nav_menu_open .zh-more-opt span:nth-child(1) {
        transform: rotate(45deg) translate(10px, 2px);
    }
    .nav_menu_open .zh-more-opt span:nth-child(2) {
        transform: rotate(-45deg) translate(2px, 5px);
    }
    .nav_menu_open .zh-more-opt span:nth-child(3) {
        transform: scale(0);
    }
    .nav_menu{
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }
    .zh-header-sec .wrapper{
        overflow: inherit !important;
    }
    .sub-nav li{
        display: block;
        text-align: center;
        margin-right: 0;
    }
    .sub-nav li:not(:last-child) {
        margin-right: 0;
    }
    .sub-nav li a {
        /*font-size: 15px;*/
        display: block;
        padding: 10px 0;
    }
    .sub-nav {
        margin-top: 3px;
        position: fixed;
        right: -0;
        top: 57px;
        background: #fff;
        z-index: 2;
        padding:0;
        transform: translateY(20px);
        transition: all 0.3s ease-in;
        visibility: hidden;
        opacity: 0;
        left: -0;
        box-shadow: 0 21px 21px 0 rgb(65 67 132 / 5%);
    }
    .hoz_sub{	
        display: none !important;	
    }
    .gettitle .inrText{
        width: 100%;
        justify-content: center;
    }
    .nav_menu_open .sub-nav {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
padding: 20px 0px;
    }
    .zh-more-opt:hover span{
        background:var(--primary-color);
    }
    .hoz_identity{
        flex-direction: row;
        justify-content: flex-end;
    }
    .hoz_identity_detail{
        flex-grow: inherit;
    }
    .hoz_thumbnail{
        margin-right: 10px;
    }
    .hoz_padding_b0 {
        padding-bottom: 0 !important;
        border-bottom: 0 !important;
    }
    .hoz_padding_t0 p:last-child{
        border-bottom: 0 !important;
    }
    .hoz_padding_b0 p:last-child {
        border: 0 !important;
        padding-bottom: 0 !important;
    }
    .hoz-popup-container{
        width: 60%;
    }
    .gettingPersonal .get_per_rightImg{
        justify-content: inherit;
    }
    .mobile-sturcture-margin {
        margin-bottom: 0;
    }
}
@media only screen and (max-height: 400px) {
    .fixed-menu ul.zh-nav-list{
        height: 100%;
        min-height: 250px;
        overflow-y: scroll;
    }
}

@media only screen and (max-width: 640px) {
    .inspir_image {
        background-position: center;
    }
    .gallery_card p{
        /*margin-bottom: 0;*/
    }
    .exp_with_zoho{
        font-size: 16px;
    }
    .inspir_card {
        width: 60%;
    }
  .hoz-role {
    font-size: 20px;
   }
   
   .hoz_id_name, .hoz_id_role{
        width: 150px;
   }
   .inspir_image {
        height: 340px;
   }
     /* .hoz-popup-section.active{
        display: none;
    } */
    .kupp_card_gal:hover img{
        transform: scale(1);
    }
    .hoz-popup-container{
        width: 95%;
    }
    .hoz-prev {
        left: 38%;
    }
    .hoz-next {
        right: 38%;
    }
    .hoz-pop-arrow{
        top: inherit;
        bottom: 5%;
    }
}
@media only screen and (max-width: 580px) {

    .inspir_image{
        height: 240px;
    }
}
@media only screen and (max-width: 540px) {
    .hoz-q-box {
        padding: 40px 30px 0 30px;
    }
    .hoz-q-img {
        float: right;
    }
    .hoz-exp-count,
    .hoz-name h1 {
        font-size: 42px;
    }

    .inspir_card::before {
        bottom: 4px;
    }
    .hoz_center {
        max-width: 100% !important;
    }
    .hoz_center .hoz-q::before {
        display: none;
    }
    .inspir_card {
        width: 70%;
      }
    .banner_mobile_bg{
        padding-top: 40px;
        min-height: 540px;

    }
    .gettitle .inrText{
        justify-content: center;
        padding-left: 0;
    }
    .hoz_identity{
        justify-content: center;
        padding-left: 5px;
       
    }
    .hoz_id_name, .hoz_id_role{
        width: 130px;
    }
    .hoz_id_name, .title-menu{
        font-size: 14px;
    }
    .hoz_id_role{
        font-size: 11px;
    }
    .hoz_thumbnail{
        width: 35px;
        height: 35px;
    }
    .hoz_identity_detail{
        padding-right: 0;
       }
    .product-logo {
        background-size: 80px auto;
        width: 90px;
        height: 35px;
    }
    .zh-more-opt{
    margin-top: 0;
    }
}
@media only screen and (max-width: 480px) {
    .inspir_card {
        width: 90%;
    } 
    .inspir_image{
        height: 300px;
    }
    
}
@media only screen and (max-width: 390px) {
    .hoz-exp-count,
    .hoz-name h1 {
        font-size: 34px;
    }
    .hoz-exp_mobile {
        font-size: 14px;
    }
    .hoz-name h1 {
        max-width: 100%;
        font-size: 35px !important;

    }
    .hoz_sub_title {
        font-size: 26px !important;
    }
    
      .inspir_image{
        height: 230px;
    }
    .desc_hover{
        margin-top: 5px;
    }
}
@media only screen and (max-width: 360px) {
    .hoz_identity_detail{
        padding-right: 5px;
      }
      .hoz_id_name, .hoz_id_role{
        width: 90px;
      }
}

/*************** Animation Starts  ************/
.zs-lp .to-animate{
  opacity: 0;
  /*transition: all 0.5s ease-in;*/
}
.zs-lp .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  transition: all 0.5s ease-in;
}
/*************** Animation Ends  ************/



/* ------------------------------- New template design css start------------------------------- */


.hozNewVersion h1 {
    letter-spacing: -2px;
}
.hozNewVersion section {
    padding: 0;
}
.hozNewVersion .banner {
    background: linear-gradient(61deg, #cfd7f5 0, #ffe8e8 100%) no-repeat padding-box;
    position: relative;
}
.banner_flex {
    display: flex;
    justify-content: space-between;
    padding: 80px 0 0;
    align-items: flex-start;
}
.hoz-detail {
    width: 50%;
}
.zh-main .banner .wrapper {
    overflow: inherit;
}
.hoz-rapid {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 80px;
}
.hozNewVersion .hoz-name {
    font-size: 62px;
    font-family: var(--primaryfont-regular);
    color: var(--primary-color);
    margin: 0 0 10px;
    line-height: 1.2;
}
.hoz-designation {
    font-size: 23px;
    font-family: var(--primaryfont-regular);
    /* letter-spacing: -0px; */
    /* font-style: italic; */
    line-height: 1;
    color: #111;
    position: relative;
}
.hoz-rapid-question h4,
.nv-hoz-question {
    color: #010101;
    line-height: 1.2;
    font-family: var(--primaryfont-regular);
}
.hoz-rapid-card {
    width: 50%;
    position: relative;
    padding: 20px 0 40px 35px;
    transition: 1s;
   
}
.upDownAnimate{
    animation: upDownAnimate 4s infinite ease-in-out;
}
.upDownAnimate-center{
    animation: upDownAnimate-center 4s infinite ease-in-out;
}
@keyframes upDownAnimate {
    0%{
        top: 0;
    }
    50%{
        top: 10px;
    }
    100%{
        top: 0;
    }
}
@keyframes upDownAnimate-center {
    0%{
        top: 0;
    }
    50%{
        top: -10px;
    }
    100%{
        top: 0;
    }
}
.hoz-rapid-card-pos {
    transform: translateY(50%);
}
.hoz-rapid .hoz-rapid-card:first-child {
    transform: translateY(60%);
    position: relative;
    z-index: 2;
}
.hoz-rapid .hoz-rapid-card:nth-child(2) {
    transform: translateX(-100%) translateY(50%);
    position: relative;
    z-index: 1;
}
.hoz-rapid .hoz-rapid-card:last-child {
    transform: translateY(-55%);
}
.hoz-rapid.active .hoz-rapid-card:first-child,
.hoz-rapid.active .hoz-rapid-card:last-child,
.hozNewVersion .load-headerPart.active {
    transform: translateY(0);
}
.hoz-rapid.active .hoz-rapid-card:nth-child(2) {
    transform: translateX(0) translateY(50%);
}
.hoz-rapid-card:first-child,
.hoz-rapid-card:nth-child(2) {
    padding-top: 0;
}
.b-line {
    width: 40px;
    height: 1px;
    background-color: #f60014;
    margin: 25px 0 0;
    display: block;
}
.hoz-rapid-question {
    text-align: center;
    padding: 45px 42px 95px;
    box-shadow: 0 18px 44px #0f0f0f08;
    border-radius: 20px;
}
.hoz-rapid-question h4 {
    font-size: 24px;
    letter-spacing: -0.3px;
    margin: 0 0 20px;
}
.hoz-rapid-question span {
    font-family: var(--primaryfont-regular);
    font-size: 18px;
    color: #333;
    display: block;
}
.hoz-rapid-icon {
    width: 90px;
    height: 90px;
    border: 2px solid #fff;
    object-fit: cover;
    border-radius: 50%;
    position: absolute;
    left: 35px;
    right: 0;
    bottom: 0;
    margin: auto;
}
.banner-shape-line img,
.hoz-rapid-icon img,
.hozNewVersion .banner-image img,
.line-element-shpe svg {
    width: 100%;
}
.rapid-grow {
    background-color: #f4edf4;
}
.rapid-inspire {
    background-color: #f5eef3;
}
.rapid-food {
    background-color: #f2eef5;
}
.rapid-grow-icon-bg {
    background-color: #fdf4da;
}
.rapid-inspire-icon-bg {
    background-color: #e3edf6;
}
.rapid-food-icon-bg {
    background-color: #e5f4ed;
}
.hozNewVersion .whole-set {
    position: relative;
    z-index: 2;
}
.hozNewVersion .banner-image {
    position: absolute;
    left: -17%;
    bottom: 0;
    width: 45%;
    z-index: 1;
}
.gettitle .inrText,
.hozNewVersion #subHeader,
.mobile-banner-image {
    display: none;
}
.time-with-zoho {
    position: absolute;
    bottom: 30%;
    left: 75%;
    border-bottom: 1px solid #c8c8d6;
    width: 240px;
    text-align: right;
    z-index: -1;
}
.time-with-zoho-inr {
    display: flex;
    justify-content: flex-end;
}
.time-with-zoho span {
    font-size: 65px;
    font-family: var(--zf-secondary-light);
    color: #333;
    line-height: 1.1;
}
.time-with-zoho p {
    font-size: 21px;
    font-family: var(--zf-secondary-regular);
    margin-bottom: 10px;
}
.hoz-exp-element {
    position: absolute;
    left: 60px;
    bottom: 67px;
    width: 22px;
}
.line-element-shpe {
    position: absolute;
    left: 0;
    bottom: 120px;
    width: 220px;
}
.dir-col {
    flex-direction: column;
}
.nv-hoz-question {
    font-size: 45px;
    letter-spacing: -1.4px;
    margin-bottom: 40px;
}
.nv-hoz-ans {
    font-family: var(--primaryfont-regular);
    font-size: 18px;
    color: #333;
    padding: 0 0 30px;
}
.nv-sub-heading{
    font-family: var(--primaryfont-regular);
    font-size: 24px;
    color: #333;
    padding: 0 0 5px;
    letter-spacing: -0.3px;
}
.qa-ceneter {
    text-align: center;
    margin: auto;
    max-width: 65%;
}
.qa-section {
    display: flex;
    justify-content: space-between;
    padding: 60px 0;
    border-top: 1px dashed #cad5e3;
    flex-wrap: wrap;
}
.qa-section .nv-hoz-ans {
    margin: 0;
}
.qa-section .nv-hoz-ans:last-child {
    padding-bottom: 0;
}
.qa-section-left,
.qa-section-right {
    flex-basis: 45%;
}
.hoz-journey-pic {
    padding-top: 20px;
}
.hozNewVersion .wisdom_right h2 {
    max-width: 100%;
    font-size: 50px;
    letter-spacing: -1.4px;
}
.hozNewVersion .inspiration {
    padding-top: 120px;
    border-top: 0;
}
.hozNewVersion .inspiration .slick-list,
.section-p-b {
    padding-bottom: 120px;
}
.hozNewVersion .wisdom_right .hoz-q-cultureZoho {
    padding-top: 30px;
}
.hozNewVersion .wisdom_point p {
    max-width: 95%;
}
.banner-shape-line {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 400px;
}
.inspiration .nv-hoz-question {
    margin-bottom: 0;
    text-align: center;
}
.hozNewVersion .wisdom_quote_all {
    flex-basis: 34%;
}
.hozNewVersion section.our-orgaz {
    padding-top: 120px;
}
.orgaz-image {
    padding: 0 0 60px;
}
.journey-pic-col-card {
    width: 49.5%;
}
.journey-pic-col {
    display: flex;
    max-width: 85%;
    margin: 60px auto 0;
    justify-content: space-between;
}
.gallery .slick-slide:nth-of-type(2n) {
    margin-top: 0;
}
.gallery .slick-slide:nth-of-type(odd) {
    margin-top: 50px;
}
.wisdom .lifeAtzoho{
    justify-content: space-around;
}
@media only screen and (min-width: 1800px) {
    .hozNewVersion .banner-image {
        left: -12%;
    }
}
@media only screen and (max-width: 1400px) {
    .hozNewVersion .banner-image {
        left: -12%;
    }
}
@media only screen and (max-width: 1200px) {
    .upDownAnimate, .upDownAnimate-center{
        /* animation-play-state: paused; */
        animation: none;
    }
    .hozNewVersion .wisdom_right {
        padding: 100px 0;
    }
    .hoz-name {
        letter-spacing: -1.5px;
    }
    .banner-image {
        left: 11%;
    }
    .hoz-rapid-question {
        padding: 45px 22px 95px;
    }
    .hoz-rapid-card {
        padding-left: 20px;
    }
    .hozNewVersion .banner-image {
        width: 43%;
    }
    .time-with-zoho {
        left: 78%;
    }
    .qa-ceneter {
        max-width: 80%;
    }
}
@media only screen and (max-width: 1024px) {
    .banner-shape-line {
        bottom: inherit;
        top: 0;
        transform: rotateX(180deg);
        width: 360px;
        right: -0;
    }
    .hozNewVersion .banner-image,
    .wisdom_quote_all {
        display: none;
    }
    .banner_flex {
        padding-bottom: 0;
    }
    .hoz-detail,
    .hoz-rapid {
        width: 100%;
        padding: 0 5%;
    }
    .hozNewVersion .banner .wrapper {
        max-width: 100%;
    }
    .hoz-rapid {
        align-items: unset;
    }
    .hoz-rapid-card {
        display: flex;
    }
    .mobile-banner-image {
        display: block;
        width: 60%;
        position: relative;
        margin-top: 60px;
    }
    .mobile-banner-image .time-with-zoho {
        position: absolute;
        bottom: 40%;
    }
    .hoz-rapid .hoz-rapid-card:first-child,
    .hoz-rapid .hoz-rapid-card:last-child {
        transform: translateY(0);
    }
    .hoz-rapid .hoz-rapid-card:nth-child(2) {
        transform: translateX(0) translateY(0);
    }
    .banner_flex {
        flex-direction: column;
    }
    .hoz-rapid,
    .hozNewVersion .wisdom_right {
        width: 100%;
    }
    .hoz-rapid-card {
        width: 33%;
        padding: 0 15px 40px 0;
    }
    .hoz-rapid-icon {
        left: 0;
    }
    .hoz-rapid {
        background: #fff;
        padding: 60px 5% 0;
        justify-content: center;
    }
    .wisdom .sec-ttl {
        text-align: center !important;
    }
}
@media only screen and (max-width: 840px) {
    .banner-shape-line {
        display: none;
    }
    .mobile-banner-image {
        width: 75%;
    }
    .journey-pic-col,
    .qa-ceneter {
        max-width: 100%;
    }
    .hozNewVersion .wisdom_right h2,
    .nv-hoz-question {
        font-size: 36px;
        letter-spacing: -1.1px;
    }
    .time-with-zoho {
        left: 68%;
    }
}
@media only screen and (max-width: 767px) {
    .hozNewVersion .hoz-name,
    .time-with-zoho span {
        font-size: 52px;
    }
    .hoz-rapid-card {
        width: 50%;
        margin: 0 auto 30px;
    }
    .hoz-rapid-card:last-child {
        margin-bottom: 0;
    }
    .qa-section-left,
    .qa-section-right {
        flex-basis: 100%;
    }
    .hozNewVersion .leftside {
        width: 100%;
    }
    .qa-section {
        padding: 40px 0;
    }
    .orgaz-image {
        padding-bottom: 40px;
    }
    .hozNewVersion .wisdom_right {
        padding: 70px 0;
    }
    .section-p-b {
        padding-bottom: 70px !important;
    }
    .hozNewVersion .inspiration,
    .hozNewVersion section.our-orgaz {
        padding-top: 70px;
    }
    .journey-pic-col {
        margin-top: 40px;
    }
    .nv-hoz-question {
        margin-bottom: 30px;
    }
    .nv-hoz-ans {
        padding-bottom: 20px;
    }
     .nv-hoz-ans-rht-child{
        padding-top: 20px;
    }
    .hoz-journey-pic {
        padding-top: 20px;
        padding-bottom: 40px;
    }
}
@media only screen and (max-width: 640px) {
    .hozNewVersion .hoz-name,
    .time-with-zoho span {
        font-size: 50px;
    }
    .hozNewVersion .wisdom_right h2,
    .inspiration .nv-hoz-question {
        font-size: 36px;
    }
    .nv-hoz-question {
        font-size: 26px;
    }
    .hoz-designation {
        font-size: 20px;
    }
    .time-with-zoho p {
        font-size: 16px;
    }
    .mobile-banner-image {
        width: 85%;
        margin-top: 50px;
        left: -15%;
    }
    .mobile-banner-image .time-with-zoho {
        left: 60%;
    }
    .hoz-detail .time-with-zoho {
        display: block;
        position: static;
        text-align: left;
        border: 0;
        margin-top: 30px;
    }
    .hoz-detail .time-with-zoho-inr {
        justify-content: flex-start;
    }
    .time-with-zoho {
        left: 58%;
    }
}
@media only screen and (max-width: 540px) {
    .hoz-rapid-card {
        width: 100%;
        padding-right: 0;
    }
    .hozNewVersion .hoz-name {
        font-size: 40px;
    }
    .hozNewVersion .wisdom_right h2,
    .inspiration .nv-hoz-question {
        font-size: 26px;
    }
    .hoz-rapid-question{
        width: 100%;
    }
}
@media only screen and (max-width: 440px) {
    .mobile-banner-image .time-with-zoho {
        left: 50%;
    }
.hoz-rapid.active .hoz-rapid-card:nth-child(2){
        transform: translateY(0);
    }
}
@media only screen and (max-width: 380px) {
    .hozNewVersion .hoz-name {
        font-size: 36px;
    }
    .hoz-designation,
    .time-with-zoho p {
        font-size: 16px;
    }
    .mobile-banner-image .time-with-zoho {
        left: 40%;
    }
}


/* ------------------------------- New template design css end------------------------------- */