@import url(https://fonts.googleapis.com/css?family=Work+Sans:300,400,500);
body,p{
    font-weight:400;
    color:#777;
    font-family:"Work Sans",sans-serif
}
a,body,p{
    color:#777
}
h1,h2{
    letter-spacing:3px
}
h3,h4{
    line-height:1.3
}
#nav-fullscreen ul,ul{
    margin:0;
    list-style:none
}
.google_accordion .google_accordion_title,.learn_more,body,h1,h1.big_text,h2,h3,h4,h5,h6,p{
    font-family:"Work Sans",sans-serif
}
.learn_more,header.top_header .menu_header .menu .nav_menu{
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out
}
a,a:focus,a:hover,a:visited{
    outline:0;
    text-decoration:none
}
#nav-toggle,.learn_more,a,ul li:before{
    display:inline-block
}
.material-icons-extended,body{
    -webkit-font-smoothing:antialiased
}
.roadmap_inner .roadmap_steps>ul:after,.single_portfolio_desc ul:after,.website_innerpage .roadmap_inner .roadmap_steps>ul:after{
    clear:both
}
@font-face{
    font-family:FontAwesome;
    src:url(../fonts/fontawesome-webfont.eot);
    src:url(../fonts/fontawesome-webfont.woff2) format("woff2"),url(../fonts/fontawesome-webfont.woff) format("woff"),url(../fonts/fontawesome-webfont.ttf) format("truetype"),url(../fonts/fontawesome-webfont.svg#FontAwesome) format("svg"),url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'Material Icons Extended';
    font-style:normal;
    font-weight:400;
    src:url(https://fonts.gstatic.com/s/materialiconsextended/v32/iPCrlNN5TpNi9yeZKkKxXzQoFWDY1ZXsjnEgMOt_jL4.woff2) format("woff2")
}
body{
    font-size:16px;
    line-height:1.625;
    -webkit-text-size-adjust:none;
    min-width:320px;
    background-color:#f9f9fa
}
@media (max-width:767px){
    body{
        font-size:14px
    }
}
p{
    font-size:16px
}
h1,h2,h3,h4,h5,h6{
    font-weight:300
}
@media (max-width:767px){
    p{
        font-size:14px
    }
}
#nav-toggle span,.learn_more{
    background:#0a8d50;
    width:100%
}
@media (max-width:500px){
    p{
        font-size:13px
    }
}
a:hover{
    color:#0a8d50
}
a:focus,a:hover,a:visited{
    border:none
}
h1.big_text{
    color:#fff
}
h1,h2,h3,h4{
    color:#414141
}
h5,h6{
    color:#0a8d50
}
h1{
    font-size:50px;
    line-height:normal;
    margin-bottom:30px
}
h2{
    font-size:40px;
    line-height:1.1
}
@media (max-width:767px){
    h1{
        font-size:40px
    }
    h2{
        font-size:32px;
        line-height:1.3
    }
}
h3{
    font-size:32px
}
@media (max-width:767px){
    h3{
        font-size:24px
    }
}
h4{
    font-size:26px
}
h5{
    font-size:18px;
    line-height:1.33
}
@media (max-width:767px){
    h4{
        font-size:18px
    }
    h5{
        font-size:16px
    }
}
h6{
    font-size:16px
}
@media (max-width:767px){
    h6{
        font-size:14px
    }
}
ul{
    padding:0 0 0 15px
}
ul li{
    list-style-position:inside
}
ul li:before{
    content:"\2022";
    background:-webkit-linear-gradient(#91f2c6,#0a8d50);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    width:1em;
    margin-left:-1em
}
#nav-toggle span,.learn_more:before{
    content:''
}
.learn_more{
    position:relative;
    font-size:16px;
    font-weight:400;
    color:#fff;
    max-width:200px;
    padding:10px 30px;
    text-transform:uppercase;
    text-align:center;
    -webkit-box-shadow:inset 0 0 1000px transparent;
    box-shadow:inset 0 0 1000px transparent;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.learn_more:focus,.learn_more:hover{
    color:#fff;
    -webkit-box-shadow:inset 0 0 1000px rgba(0,0,0,.25);
    box-shadow:inset 0 0 1000px rgba(0,0,0,.25)
}
input[type=text]:focus{
    color:#484848
}
input[type=text].active,input[type=text]:focus,input[type=text]:visited{
    outline:0
}
input[type=text]::-webkit-input-placeholder{
    line-height:40px
}
input[type=text]::-moz-placeholder{
    line-height:40px
}
input[type=text]:-ms-input-placeholder{
    line-height:40px
}
input[type=text]:-moz-placeholder{
    line-height:40px
}
.scroll_to_next{
    position:absolute;
    bottom:0;
    left:50%;
    transform:translate(-50%,0);
    -webikit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    z-index:1 
}
@font-face{
    font-family:'Material Icons Extended';
    font-style:normal;
    font-weight:400;
    src:url(https://fonts.gstatic.com/s/materialiconsextended/v32/iPCrlNN5TpNi9yeZKkKxXzQoFWDY1ZXsjnEgMOt_jL4.woff2) format("woff2")
}
#nav-container{
    margin-left:auto;
    position:relative;
    z-index:999;
    text-align:right;
    padding-right:30px
}
#nav-toggle{
    width:40px;
    height:32px;
    cursor:pointer;
    transform:rotate(0)
}
#nav-toggle span{
    background:-moz-linear-gradient(left,#0a8d50 0,#91f2c6 100%);
    background:-webkit-linear-gradient(left,#0a8d50 0,#91f2c6 100%);
    background:linear-gradient(to right,#0a8d50 0,#91f2c6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a8d50', endColorstr='#91f2c6', GradientType=1 );
    height:2px;
    border-radius:1px;
    display:block;
    position:absolute;
    left:0;
    transition:.5s ease-in-out
}
#nav-toggle span:nth-child(1){
    top:4px;
    transform-origin:left center
}
#nav-toggle span:nth-child(2){
    top:14px;
    transform-origin:left center
}
#nav-toggle span:nth-child(3){
    top:24px;
    transform-origin:left center
}
#nav-toggle.open span:nth-child(1){
    transform:rotate(45deg);
    top:3px;
    left:4px
}
#nav-toggle.open span:nth-child(2){
    width:0%;
    opacity:0
}
#nav-toggle.open span:nth-child(3){
    transform:rotate(-45deg);
    top:30px;
    left:4px
}
#nav-overlay{
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    border-radius:50%;
    transition:1s;
    transform:scale3d(0,0,0);
    background:linear-gradient(180deg,#91f2c6 10%,#91f2c6 50%,#0a8d50 90%)
}
#nav-overlay.open{
    transform:scale3d(1,1,1)
}
#nav-fullscreen{
    width:100%;
    position:fixed;
    right:0;
    top:0;
    transition:ease-in-out .25s;
    transition-delay:0s;
    visibility:hidden;
    opacity:0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-family:sans-serif;
    font-size:5vh
}
#nav-fullscreen.open,header.top_header .menu_header .menu .nav_menu>li:hover>ul{
    opacity:1;
    visibility:visible
}
#nav-fullscreen ul{
    padding:0
}
#nav-fullscreen ul li{
    text-align:center
}
#nav-fullscreen ul li:before{
    display:none
}
#nav-fullscreen a{
    color:#fff;
    text-decoration:none
}
#nav-fullscreen.open{
    transition:ease-in-out .5s;
    transition-delay:.25s
}
*,:after,:before{
    box-sizing:inherit
}
html{
    box-sizing:border-box
}
body,html{
    height:100%
}
#nav-toggle.open span{
    background:#fff
}
.material-icons-extended{
    font-family:'Material Icons Extended';
    font-weight:400;
    font-style:normal;
    color:#fabb05;
    fill:#fabb05;
    font-size:36px;
    margin-bottom:25px;
    line-height:1;
    letter-spacing:normal;
    text-transform:none;
    display:inline-block;
    white-space:nowrap;
    word-wrap:normal;
    direction:ltr;
    -webkit-font-feature-settings:'liga'
}
.preloader{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:999999;
    background:#91f2c6;
    background:-moz-linear-gradient(left,#91f2c6 0,#0a8d50 100%);
    background:-webkit-linear-gradient(left,#91f2c6 0,#0a8d50 100%);
    background:linear-gradient(to right,#91f2c6 0,#0a8d50 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#91f2c6', endColorstr='#0a8d50', GradientType=1 );
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.preloader img{
    max-width:200px;
    width:100%
}
.preloader.hidden{
    display:none
}
.here_to_help_inner ul li>div a,.here_to_help_inner ul li>div a i.fa{
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out
}
.banner{
	padding-top:70px;
	position:relative!important;
    background:#d9d9d9;
    background:-moz-radial-gradient(center,ellipse cover,#d9d9d9 0,#fff 100%);
    background:-webkit-radial-gradient(center,ellipse cover,#d9d9d9 0,#fff 100%);
    background:radial-gradient(ellipse at center,#d9d9d9 0,#fff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#ffffff', GradientType=1 )
}
.banner .banner_inner{
    min-height:calc(100vh - 70px);
    background-position:center right;
    background-repeat:no-repeat;
    background-size:contain;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.banner .banner_inner .banner_content{
    max-width:100%;
    overflow:hidden
}
.banner .banner_inner .banner_content p{
    color:#0a8d50;
    font-size:4vw;
    line-height:1;
    text-transform:uppercase;
    font-weight:700
}
.banner .banner_inner .banner_content span{
    font-size:6vw;
    display:block
}
.banner .banner_inner .google_cloud {
    position:absolute;
	bottom:50px;
	left:0;
	width:100%;
	z-index:3;
}
.banner .banner_inner .google_cloud a{
    display:block;
}
.banner .banner_inner .google_cloud a img{
    max-width:180px;
}
.banner .banner_inner .zoho {
    position:absolute;
	bottom:30px;
	left:210px;
	width:100%;
	z-index:3;
} 
.banner .banner_inner .zoho a{
    display:block;
}
.banner .banner_inner .zoho a img{
    max-width:200px;
}

@media (max-width:767px){ 
    .banner .banner_inner .banner_content{
        position:absolute;
        bottom:30%;
        left:30px;
        z-index:3
    }
}
section.home_section{
    position:relative;
    text-align:left;
    background:#fff
}
section.home_section:nth-of-type(even){
    background:#f5f5f5
}
section.home_section:nth-of-type(even) .home_section_inner{
    background-position:left center
}
section.home_section .home_section_inner{
    min-height:100vh;
    padding-top:100px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    background-repeat:no-repeat;
    background-size:45%;
    background-position:right center
}
section.home_section .home_section_inner .row{
    width:100%
}
@media (min-width:992px){
    section.home_section:nth-of-type(even) .home_section_inner .home_section_main_content{
        left:50%
    }
    section.home_section .home_section_inner{
        padding-bottom:100px
    }
}
@media (max-width:991px){
    section.home_section .home_section_inner{
        text-align:center;
        padding-top:70px;
        background-image:none!important
    }
}
@media (max-width:767px){
    section.home_section .home_section_inner{
        padding-top:50px
    }
}
section.home_section .home_section_inner .home_section_main_content h2{
    margin:0;
    padding:0
}
section.home_section .home_section_inner .home_section_main_content .home_section_content{
    padding-top:20px;
    padding-bottom:20px
}
section.home_section .home_section_inner .home_section_main_content .home_section_content.home_bulk_sms_content p span.highlight{
    color:#0a8d50;
    font-weight:500;
    font-size:18px;
    display:block
}
section.home_section .home_section_inner .home_section_main_content .home_section_content.home_gsuite_content figure{
    margin-top:20px;
    margin-bottom:10px
}
section.home_section .home_section_inner .home_section_main_content .home_section_content.home_gsuite_content figure img{
    max-width:100%
}
@media (max-width:991px){
    section.home_section .home_section_inner .home_section_main_content{
        max-width:500px;
        width:100%;
        margin:0 auto
    }
}
section.home_section .home_section_inner figure.home_figure_section{
    margin-top:30px
}
section.home_section .home_section_inner figure.home_figure_section img{
    max-width:100%;
    display:inline-block
}
section.home_mobile_apps{
    border-top:1px solid #f5f5f5;
    position:relative;
    text-align:center;
    padding-top:100px;
    background-color:#fff
}
@media (max-width:991px){
    section.home_mobile_apps{
        padding-top:70px
    }
}
@media (max-width:767px){
    section.home_mobile_apps{
        padding-top:50px
    }
}
section.home_mobile_apps .mobile_apps_inner{
    max-width:530px;
    width:100%;
    padding:0 15px;
    margin:0 auto
}
section.home_mobile_apps .mobile_apps_inner h2{
    margin:0;
    padding:0
}
section.home_mobile_apps .mobile_apps_inner .section_desc{
    padding:20px 0 40px
}
@media (max-width:767px){
    section.home_mobile_apps .mobile_apps_inner .section_desc{
        padding-bottom:20px
    }
    .scroll_to_next{
        display:none
    }
}
section.home_mobile_apps .mobile_apps_bg img{
    max-width:100%;
    margin:0 auto
}
section.home_mobile_apps .scroll_to_next{
    display:none
}
body.home .home_section .learn_more{
    margin-bottom:15px
}
.home_here_to_help{
    position:relative;
    background:#f5f5f5;
    padding:100px 0 160px;
	z-index: 1;
}
@media (max-width:991px){
    .home_here_to_help{
        padding-top:70px;
        padding-bottom:100px
    }
}
@media (max-width:767px){
    .home_here_to_help{
        padding-top:50px
    }
}
@media (max-width:500px){
    .home_here_to_help{
        padding-bottom:80px
    }
	.banner .banner_inner .zoho a img{
    max-width:145px;
} 
.banner .banner_inner .zoho {
    position: absolute;
    bottom:36px;
    left: 161px;
    width: 100%; 
    z-index: 3;
} 
.banner .banner_inner .google_cloud a img {
    max-width: 130px;
}
}
.here_to_help_inner{
    position:relative;
    border-radius:20px
}
@media (min-width:992px){
    .here_to_help_inner:before{
        content:'';
        position:absolute;
        border-radius:20px;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:1;
        background:#91f2c6;
        background:-moz-linear-gradient(left,#91f2c6 0,#0a8d50 100%);
        background:-webkit-linear-gradient(left,#91f2c6 0,#0a8d50 100%);
        background:linear-gradient(to right,#91f2c6 0,#0a8d50 100%);
        filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#91f2c6', endColorstr='#0a8d50', GradientType=1 );
        opacity:.8
    }
}
.here_to_help_inner>img{
    width:100%;
    border-radius:20px
}
.here_to_help_inner .here_to_help_inner_content{
    border-radius:20px;
    text-align:center;
    background-size:cover;
    background-position:left center;
    background-repeat:no-repeat
}
@media (min-width:992px){
    .here_to_help_inner .here_to_help_inner_content{
        background:0 0!important;
        position:absolute;
        width:100%;
        max-width:530px;
        padding-left:15px;
        padding-right:15px;
        top:60px;
        left:50%;
        transform:translate(-50%,0);
        -webikit-transform:translate(-50%,0);
        -ms-transform:translate(-50%,0);
        z-index:99
    }
}
@media (max-width:991px){
    .here_to_help_inner .here_to_help_inner_content{
        padding-top:30px;
        padding-bottom:60px
    }
    .here_to_help_inner .here_to_help_inner_content:before{
        content:'';
        position:absolute;
        border-radius:20px;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:1;
        background:#91f2c6;
        background:-moz-linear-gradient(left,#91f2c6 0,#0a8d50 100%);
        background:-webkit-linear-gradient(left,#91f2c6 0,#0a8d50 100%);
        background:linear-gradient(to right,#91f2c6 0,#0a8d50 100%);
        filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#91f2c6', endColorstr='#0a8d50', GradientType=1 );
        opacity:.8
    }
}
.here_to_help_inner .here_to_help_inner_content>*{
    position:relative;
    z-index:9
}
.here_to_help_inner .here_to_help_inner_content h2{
    margin:0;
    background:0 0;
    -webkit-background-clip:initial;
    -webkit-text-fill-color:initial;
    color:#000;
    text-transform:capitalize;
    font-size:40px
}
@media (max-width:991px){
    .here_to_help_inner .here_to_help_inner_content h2{
        max-width:530px;
        margin:0 auto;
        padding-left:15px;
        padding-right:15px
    }
}
@media (max-width:767px){
    .here_to_help_inner .here_to_help_inner_content h2{
        font-size:32px
    }
}
.here_to_help_inner .here_to_help_inner_content .section_desc{
    padding:20px 0;
    color:#000;
}
@media (max-width:991px){
    .here_to_help_inner .here_to_help_inner_content .section_desc{
        max-width:530px;
        margin:0 auto;
        padding-left:15px;
        padding-right:15px
    }
}
@media (min-width:992px){
    .here_to_help_inner .here_to_help_inner_content .section_desc{
        font-size:18px
    }
}
.here_to_help_inner ul{
    position:absolute;
    text-align:center;
    max-width:430px;
    width:100%;
    left:50%;
    top:100%;
    z-index:9;
    transform:translate(-50%,-50%);
    -webikit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    padding:0 20px
}
.here_to_help_inner ul li{
    float:left;
    width:33.33%;
    padding:0 10px;
    display:inline-block;
    border-radius:100%
}
.here_to_help_inner ul li:before,.here_to_help_inner ul li>div:before{
    display:none
}
.here_to_help_inner ul li>div{
    position:relative
}
.here_to_help_inner ul li>div img{
    opacity:0;
    width:100%
}
.here_to_help_inner ul li>div a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#f5f5f5;
    background:-moz-linear-gradient(left,#f5f5f5 0,#fff 100%);
    background:-webkit-linear-gradient(left,#f5f5f5 0,#fff 100%);
    background:linear-gradient(to right,#f5f5f5 0,#fff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=1 );
    border-radius:100%;
    z-index:99;
    text-align:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.here_to_help_inner ul li>div a i.fa{
    background:-webkit-linear-gradient(#91f2c6,#0a8d50);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-size:54px;
    line-height:.8;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
@media (max-width:500px){
    .here_to_help_inner ul li>div a i.fa{
        font-size:30px
    }
}
.here_to_help_inner ul li>div a:hover{
    background:#91f2c6;
    background:-moz-linear-gradient(left,#91f2c6 0,#0a8d50 100%);
    background:-webkit-linear-gradient(left,#91f2c6 0,#0a8d50 100%);
    background:linear-gradient(to right,#91f2c6 0,#0a8d50 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#91f2c6', endColorstr='#0a8d50', GradientType=1 )
}
.here_to_help_inner ul li>div a:hover i.fa{
    background:0 0;
    -webkit-background-clip:initial;
    -webkit-text-fill-color:initial;
    color:#fff
}
.testimonial{
    background:#f5f5f5;
    min-height:500px;
    padding:100px 15px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list>figure,.website_innerpage .roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list>figure{
    -webkit-box-pack:center;
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff', GradientType=1 )
}
.testimonial .carousel{
    width:100%
}
.testimonial .carousel .item{
    text-align:center
}
.testimonial .carousel .item figure{
    display:inline-block;
    max-width:150px;
    border-radius:100%;
    overflow:hidden;
    margin-bottom:20px
}
.testimonial .carousel .item figure img{
    width:100%
}
.testimonial .carousel .item .testimonial_content{
    max-width:800px;
    padding:0 30px;
    margin:0 auto 18px;
    text-align:center;
    font-weight:300
}
.testimonial .carousel .item .user_designation{
    margin-bottom:5px;
    font-size:20px;
    font-weight:500px;
    font-weight:400
}
.testimonial .carousel .item .company_name{
    background:-webkit-linear-gradient(#91f2c6,#0a8d50);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-size:24px;
    font-weight:500px
}
.our_client{
    background-color:#fff
}
.our_client .our_client_inner{
    text-align:center;
    padding:20px
}
.our_client .our_client_inner span{
    display:inline-block;
    padding:5px 30px
}
.our_client .our_client_inner span img{
    display:inline-block;
    max-height:50px;
    width:auto
}
.roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list>figure>img,.website_innerpage .roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list>figure>img{
    max-width:100%;
    max-height:100%
}
.top_footer{
    background:#fff;
    padding-top:80px;
    padding-bottom:50px
}
@media (max-width:991px){
    .top_footer{
        padding-top:50px;
        padding-bottom:20px
    }
}
@media (max-width:767px){
    .top_footer{
        padding-top:40px;
        padding-bottom:20px
    }
}
.top_footer .top_footer_grid{
    padding-bottom:30px
}
@media (max-width:767px){
    .top_footer .top_footer_grid{
        padding-bottom:20px
    }
}
.top_footer .top_footer_grid h2{
    margin:0;
    padding:0;
    background:0 0;
    -webkit-background-clip:initial;
    -webkit-text-fill-color:initial;
    font-weight:500;
    color:#484848;
    font-size:20px
}
.top_footer .top_footer_grid .top_footer_grid_listing ul{
    margin-top:20px
}
@media (max-width:991px){
    .top_footer .top_footer_grid .top_footer_grid_listing ul{
        margin-top:15px
    }
}
@media (max-width:767px){
    .top_footer .top_footer_grid .top_footer_grid_listing ul{
        margin-top:10px
    }
    .top_footer .top_footer_grid .top_footer_grid_listing ul li{
        display:inline-block;
        margin-right:15px
    }
    .top_footer .top_footer_grid .top_footer_grid_listing ul li:last-of-type{
        margin-right:0
    }
}
.success_stories a,section.facebook_innerpage .inner_section a{
    /*margin-top:25px*/
}
.top_footer .top_footer_grid .top_footer_grid_listing ul li{
    margin-bottom:10px
}
.top_footer .top_footer_grid .top_footer_grid_listing ul li:last-of-type{
    margin-bottom:0
}
@media (max-width:991px){
    .top_footer .top_footer_grid .top_footer_grid_listing ul li{
        margin-bottom:5px
    }
}
.copyright_policy{
    background:#fbfbfb
}
.copyright_policy .copyright_policy_inner{
    padding-top:20px;
    padding-bottom:10px
}
.copyright_policy .copyright_policy_inner .copyright{
    padding-bottom:10px;
    float:left
}
@media (max-width:500px){
    .copyright_policy .copyright_policy_inner .copyright{
        float:none;
        text-align:center
    }
}
.copyright_policy .copyright_policy_inner .terms_policy{
    float:right;
    padding-bottom:10px
}
@media (max-width:500px){
    .copyright_policy .copyright_policy_inner .terms_policy{
        float:none;
        text-align:center
    }
}
.facebook_innerpage h2{
    font-size:26px
}
.facebook_innerpage h3{
    font-size:18px
}
section.facebook_innerpage .inner_section .facebook_beyond{
    padding:80px 0;
    background:#f6f6f6
}
section.facebook_innerpage .inner_section .facebook_partners{
    padding:80px 0;
    background:#fff
}
section.facebook_innerpage .inner_section .facebook_investing{
    padding:80px 0;
    background:#f6f6f6
}
section.facebook_innerpage .inner_section h2{
    margin-bottom:40px
}
.success_stories{
    padding:80px 0;
    background:#fff;
    text-align:center
}
.success_stories h2{
    font-size:26px;
    margin-bottom:40px
}
.success_stories figure img{
    max-width:100%
}
.success_stories h3{
    font-size:18px
}
.website_innerpage .website_idea_wrap{
    max-width:620px;
    margin:100px auto
}
.website_innerpage .website_idea_wrap .website_idea_header h2{
    font-size:50px;
    letter-spacing:-1px;
    font-weight:500;
    background:0 0;
    -webkit-background-clip:initial;
    -webkit-text-fill-color:#222;
    margin:0 0 30px
}
.website_innerpage .website_idea_wrap .website_idea_header h2:before{
    content:'';
    display:block;
    width:130px;
    height:4px;
    background:#0a8d50;
    margin:0 auto 40px
}
.website_innerpage .website_idea_wrap .website_idea_content p{
    font-size:18px;
    letter-spacing:-1px
}
.website_innerpage .website_package_wrap{
    background:#fff;
    padding-top:80px;
    border-radius:20px;
    overflow:hidden
}
.website_innerpage .website_package_wrap .website_package_header h2{
    margin:0 0 30px;
    padding:0 60px;
    font-size:50px;
    letter-spacing:-1px;
    font-weight:500;
    background:0 0;
    -webkit-background-clip:initial;
    -webkit-text-fill-color:#222
}
.website_innerpage .website_package_wrap .website_package_header h2 span{
    -webkit-text-fill-color:#0a8d50
}
.website_innerpage .website_package_wrap .website_package_content{
    padding:0 60px;
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
    -webkit-column-gap:30px;
    -moz-column-gap:30px;
    column-gap:30px;
    margin-top:40px;
    margin-bottom:80px
}
.website_innerpage .website_package_wrap .website_package_link{
    padding-bottom:100px
}
.website_innerpage .website_package_wrap .website_package_link a{
    display:block;
    max-width:300px;
    margin:0 auto;
    line-height:50px;
    background:#0a8d50;
    -webkit-background-clip:unset;
    -webkit-text-fill-color:#fff;
    border:1px solid #0a8d50;
    border-radius:40px;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.website_innerpage .website_package_wrap .website_package_link a:hover{
    -webkit-text-fill-color:#0a8d50;
    background:0 0
}
.roadmap_inner h2,.roadmap_inner h2 span,.website_innerpage .roadmap_inner h2{
    color:#222;
    -webkit-text-fill-color:#222
}
.website_innerpage .roadmap{
    margin-top:100px;
    margin-bottom:130px;
    border-radius:2%;
    background:#fff;
    overflow:hidden
}
.website_innerpage .roadmap_inner{
    padding:7% 3.3% 0
}
.website_innerpage .roadmap_inner h2{
    font-size:50px;
    font-weight:500;
    background:0 0
}
.website_innerpage .roadmap_inner h2 span{
    margin-top:30px;
    display:block;
    font-weight:400;
    font-size:35%;
    color:#222;
    -webkit-text-fill-color:#222
}
.website_innerpage .roadmap_inner .roadmap_steps>ul{
    margin:0;
    padding:0;
    zoom:1;
    list-style:none
}
.website_innerpage .roadmap_inner .roadmap_steps>ul:after,.website_innerpage .roadmap_inner .roadmap_steps>ul:before{
    content:"";
    display:table
}
.website_innerpage .roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list{
    width:-moz-calc(50% + 50px);
    width:-webkit-calc(50% + 50px);
    width:calc(50% + 50px);
    display:block;
    position:relative
}
.website_innerpage .roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:after{
    content:'';
    position:absolute;
    top:30px;
    width:1px;
    height:100%;
    margin-left:.5px;
    z-index:8;
    background:#e7e7e7
}
.website_innerpage .roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list>figure{
    position:absolute;
    top:0;
    z-index:9;
    width:100px;
    height:100px;
    padding:20px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    background:#e6e6e6;
    background:-moz-linear-gradient(left,#e6e6e6 0,#fff 100%);
    background:-webkit-gradient(left top,right top,color-stop(0,#e6e6e6),color-stop(100%,#fff));
    background:-webkit-linear-gradient(left,#e6e6e6 0,#fff 100%);
    background:-o-linear-gradient(left,#e6e6e6 0,#fff 100%);
    background:-ms-linear-gradient(left,#e6e6e6 0,#fff 100%);
    background:linear-gradient(to right,#e6e6e6 0,#fff 100%);
    -webkit-box-shadow:3px 4px 5px 0 #dfdfdf;
    -moz-box-shadow:3px 4px 5px 0 #dfdfdf;
    box-shadow:3px 4px 5px 0 #dfdfdf;
    border-radius:100%
}
.website_innerpage .roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:nth-of-type(odd){
    padding-left:130px;
    left:-moz-calc(50% - 50px);
    left:-webkit-calc(50% - 50px);
    left:calc(50% - 50px);
    text-align:left
}
.website_innerpage .roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:nth-of-type(odd):after{
    left:50px
}
.website_innerpage .roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:nth-of-type(odd)>figure{
    left:0
}
.website_innerpage .roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:nth-of-type(even){
    padding-right:130px;
    left:0;
    text-align:right
}
.website_innerpage .roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:nth-of-type(even):after{
    right:50px
}
.website_innerpage .roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:nth-of-type(even)>figure{
    right:0
}
.website_innerpage .roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:first-of-type{
    margin-top:0
}
.website_innerpage .roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:before,.website_innerpage .roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:last-of-type:after{
    display:none
}
.website_innerpage .road_map_bottom_img img{
    width:100%
}
.roadmap{
    margin-top:100px;
    margin-bottom:130px;
    border-radius:2%;
    background:#fff;
    overflow:hidden
}
.roadmap_inner{
    padding:7% 3.3% 0
}
.roadmap_inner h2{
    font-size:50px;
    font-weight:500;
    background:0 0
}
.roadmap_inner h2 span{
    margin-top:30px;
    display:block;
    font-weight:400;
    font-size:35%
}
.roadmap_inner .roadmap_steps>ul{
    margin:0;
    padding:0;
    zoom:1;
    list-style:none
}
.roadmap_inner .roadmap_steps>ul:after,.roadmap_inner .roadmap_steps>ul:before{
    content:"";
    display:table
}
.roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list{
    width:-moz-calc(50% + 50px);
    width:-webkit-calc(50% + 50px);
    width:calc(50% + 50px);
    display:block;
    position:relative
}
.roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:after{
    content:'';
    position:absolute;
    top:30px;
    width:1px;
    height:100%;
    margin-left:.5px;
    z-index:8;
    background:#e7e7e7
}
.roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list>figure{
    position:absolute;
    top:0;
    z-index:9;
    width:100px;
    height:100px;
    padding:20px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    background:#e6e6e6;
    background:-moz-linear-gradient(left,#e6e6e6 0,#fff 100%);
    background:-webkit-gradient(left top,right top,color-stop(0,#e6e6e6),color-stop(100%,#fff));
    background:-webkit-linear-gradient(left,#e6e6e6 0,#fff 100%);
    background:-o-linear-gradient(left,#e6e6e6 0,#fff 100%);
    background:-ms-linear-gradient(left,#e6e6e6 0,#fff 100%);
    background:linear-gradient(to right,#e6e6e6 0,#fff 100%);
    -webkit-box-shadow:3px 4px 5px 0 #dfdfdf;
    -moz-box-shadow:3px 4px 5px 0 #dfdfdf;
    box-shadow:3px 4px 5px 0 #dfdfdf;
    border-radius:100%
}
.inner_banner .banner_inner_top a.banner_link figure img,.road_map_bottom_img img{
    width:100%
}
.roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:nth-of-type(odd){
    padding-left:130px;
    left:-moz-calc(50% - 50px);
    left:-webkit-calc(50% - 50px);
    left:calc(50% - 50px);
    text-align:left
}
.roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:nth-of-type(odd):after{
    left:50px
}
.roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:nth-of-type(odd)>figure{
    left:0
}
.roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:nth-of-type(even){
    padding-right:130px;
    left:0;
    text-align:right
}
.roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:nth-of-type(even):after{
    right:50px
}
.roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:nth-of-type(even)>figure{
    right:0
}
.roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:first-of-type{
    margin-top:0
}
.roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:before,.roadmap_inner .roadmap_steps>ul>li.roadmap_steps_list:last-of-type:after{
    display:none
}
.inner_banner .banner_inner_top{
    background:#3262B5;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.inner_banner .banner_inner_top a.banner_link{
    -webkit-text-fill-color:#fff;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.inner_banner .banner_inner_top a.banner_link figure{
    display:inline-block;
    max-width:265px
}
.inner_banner .banner_inner_top a.banner_link p{
    display:inline-block;
    font-size:18px;
    line-height:30px;
    margin:0 0 0 40px;
    max-width:470px;
    text-align:left;
    color:#fff;
    padding:25px 0;
    position:relative
}
.inner_footer{
    background-image:url(../img/roadmap-bottom-bg.png);
    background-size:100%;
    background-position:bottom center;
    background-repeat:no-repeat;
    padding-bottom:430px
}
.inner_footer .what_comes_next{
    background:-moz-linear-gradient(top,#000 23%,rgba(0,0,0,.66) 56%,rgba(255,255,255,.2) 100%);
    background:-webkit-linear-gradient(top,#000 23%,rgba(0,0,0,.66) 56%,rgba(255,255,255,.2) 100%);
    background:linear-gradient(to bottom,#000 23%,rgba(0,0,0,.66) 56%,rgba(255,255,255,.2) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#33ffffff', GradientType=0 );
    padding:10% 10% 30%
}
.inner_footer .what_comes_next h2{
    font-weight:500;
    color:#fff;
    text-align:left;
    line-height:1;
    margin:0
}
.inner_footer .what_comes_next h2 span.big{
    display:block;
    font-size:200%
}
.inner_footer .what_comes_next .what_comes_next_desc{
    margin-top:10%;
    border-top:1px solid #fff;
    padding-top:10%;
    text-align:left
}
.inner_footer .what_comes_next .what_comes_next_desc p{
    color:#fff
}
.inner_footer .reach_the_peak{
    padding-top:30%
}
.inner_footer .reach_the_peak h2{
    font-size:22px;
    font-weight:500;
    text-align:left;
    line-height:1.3;
    margin:0
}
.inner_footer .reach_the_peak h2 span.big{
    text-transform:uppercase;
    display:block;
    font-size:200%
}
.inner_footer .reach_the_peak .reach_the_peak_desc{
    margin-top:6%;
    text-align:left
}
.inner_footer .reach_the_peak .learn_more{
    background:#000;
    background:-moz-linear-gradient(left,#f2f2f2 0,#000 100%);
    background:-webkit-linear-gradient(left,#f2f2f2 0,#000 100%);
    background:linear-gradient(to right,#f2f2f2 0,#000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#000000', GradientType=1 );
    border:1px solid transparent;
    -moz-border-image:-moz-linear-gradient(left,#f2f2f2 0,#000 100%);
    -webkit-border-image:-webkit-linear-gradient(left,#f2f2f2 0,#000 100%);
    border-image:linear-gradient(to right,#f2f2f2 0,#000 100%)
}
.inner_footer .reach_the_peak .learn_more:focus,.inner_footer .reach_the_peak .learn_more:hover{
    background:-webkit-linear-gradient(#f2f2f2,#000);
    -webkit-text-fill-color:#fff
}
.gsuit_innerpage .banner_inner_main{
    background:#fff
}
.gsuit_innerpage .banner_inner_main .banner_content{
    text-align:left;
    padding:40px 0
}
@media (min-width:767px){
    .gsuit_innerpage .banner_inner_main .banner_content{
        width:50%;
        float:left;
        padding-right:5%
    }
}
.gsuit_innerpage .banner_inner_main .banner_content h2{
    color:#414141;
    margin-bottom:25px
}
.gsuit_innerpage .banner_inner_main .banner_content figure{
    display:block;
    margin-bottom:40px
}
.gsuit_innerpage .banner_inner_main .banner_content figure img{
    max-width:100px;
    width:100%
}
.gsuit_innerpage .banner_inner_main .banner_image{
    margin-top:20px
}
@media (min-width:767px){
    .gsuit_innerpage .banner_inner_main .banner_image{
        width:50%;
        float:left
    }
}
.gsuit_innerpage .banner_inner_main .banner_image figure{
    display:block;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain
}
.gsuit_innerpage .banner_inner_main .banner_image figure img{
    opacity:0
}
.gsuit_innerpage section.gsuit_inner_included{
    padding:80px 0;
    background:#f6f6f6
}
.gsuit_innerpage section.gsuit_inner_included .inner_header_title h2{
    margin-bottom:40px
}
.gsuit_innerpage section.gsuit_inner_included .centered_image figure img{
    width:100%
}
.gsuit_innerpage section.gsuit_inner_included .included_packages .included_package_inner{
    padding-bottom:45px
}
.gsuit_innerpage section.gsuit_inner_included .included_packages .included_package_inner ul.package_products{
    display:block;
    margin:0;
    padding:0;
    list-style:none
}
.gsuit_innerpage section.gsuit_inner_included .included_packages .included_package_inner ul.package_products li{
    display:inline-block;
    padding-right:5px
}
.gsuit_innerpage section.gsuit_inner_included .included_packages .included_package_inner ul.package_products li:before{
    background:0 0
}
.gsuit_innerpage section.gsuit_inner_included .included_packages .included_package_inner ul.package_products li a figure{
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}
.gsuit_innerpage section.gsuit_inner_included .included_packages .included_package_inner ul.package_products li a figure img{
    width:100%;
    max-width:24px;
    opacity:0
}
.gsuit_innerpage section.gsuit_inner_included .included_packages .included_package_inner ul.package_products li .package_tooltip+.tooltip>.tooltip-inner,.gsuit_innerpage section.gsuit_inner_included .included_packages .included_package_inner ul.package_products li .tooltip-arrow{
    background-color:#fff;
    text-align:left;
    color:#000
}
.gsuit_innerpage section.gsuit_inner_included .included_packages .included_package_inner ul.package_products li .package_tooltip+.tooltip>.tooltip-inner span,.gsuit_innerpage section.gsuit_inner_included .included_packages .included_package_inner ul.package_products li .tooltip-arrow span{
    font-weight:600;
    padding:10px;
    font-size:16px;
    display:inline-block
}
.gsuit_innerpage section.gsuit_inner_included .included_packages .included_package_inner ul.package_products li .package_tooltip+.tooltip>.tooltip-inner p,.gsuit_innerpage section.gsuit_inner_included .included_packages .included_package_inner ul.package_products li .tooltip-arrow p{
    padding:0 10px 10px;
    font-size:14px
}
.gsuit_innerpage section.gsuit_inner_benefits{
    padding:80px 0;
    background:#fff
}
.gsuit_innerpage section.gsuit_inner_benefits .inner_header_title h2{
    margin-bottom:40px
}
.gsuit_innerpage section.gsuit_inner_benefits .benefits_inner{
    margin-bottom:55px
}
.gsuit_innerpage section.gsuit_inner_benefits .benefits_inner a{
    -webkit-text-fill-color:#fabb05
}
.gsuit_innerpage section.gsuit_inner_benefits .benefits_inner a h3{
    font-size:18px;
    margin-top:0
}
.google_accordion{
    padding:40px 0
}
.google_accordion .google_accordion_title{
    font-size: 18px;
    color: #414141;
    font-weight: 300;
    margin: 30px;
}
.google_accordion .panel-heading{
    padding:0
}
.google_accordion .panel-heading .panel-title a{
    display:block;
    font-weight:400;
    text-transform:uppercase;
    position:relative;
    padding:10px 40px 10px 15px
}
.google_accordion .panel-heading .panel-title a:hover{
    background:0 0;
    -webkit-background-clip:text;
    -webkit-text-fill-color:#0a8d50;
    text-decoration:none;
    outline:0
}
.google_accordion .panel-heading .panel-title a:before{
    position:absolute;
    content:'';
    top:50%;
    right:15px;
    width:20px;
    height:20px;
    z-index:7;
    background-position:center center;
    background-size:20px;
    background-repeat:no-repeat;
    transform:translate(0,-50%);
    -webikit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.google_accordion .panel-heading .panel-title a[aria-expanded=true]{
    background:0 0;
    -webkit-background-clip:text;
    -webkit-text-fill-color:#0a8d50
}
.portfoilo_project_list li,.portfolio_innerpage_banner{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative
}
.google_accordion .panel-heading .panel-title a[aria-expanded=true]:before{
    background-image:url(../img/minus-brand.svg)
}
.google_accordion .panel-heading .panel-title a[aria-expanded=true]:hover:before{
    background-image:url(../img/minus-black.svg)
}
.google_accordion .panel-heading .panel-title a[aria-expanded=false]:before{
    background-image:url(../img/plus-black.svg)
}
.google_accordion .panel-heading .panel-title a[aria-expanded=false]:hover:before{
    background-image:url(../img/plus-brand.svg)
}
.portfolio_innerpage_banner{
    height:80vh;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    padding:120px 60px
}
.portfolio_innerpage_banner>div{
    max-width:620px
}
.portfolio_innerpage_banner>div h2{
    margin:0 0 30px;
    padding:0 0 30px;
    font-weight:600;
    text-transform:uppercase;
    display:inline-block;
    border-bottom:5px solid #414141
}
.portfolio_innerpage_banner>div p{
    margin:0;
    padding:0
}
.portfolio_innerpage_banner>div p span{
    font-style:italic;
    font-weight:700;
    color:#414141
}
.portfoilo_project_list{
    margin:0;
    padding:0 0 60px;
    list-style:none
}
.portfoilo_project_list li{
    float:left;
    overflow:hidden
}
@media (min-width:768px){
    .portfoilo_project_list li{
        width:50%
    }
}
.portfoilo_project_list li:before{
    display:none
}
@media (min-width:1100px){
    .portfoilo_project_list li.three{
        width:33.33%
    }
}
.portfoilo_project_list li figure img{
    width:100%;
    opacity:0
}
.portfoilo_project_list li .portfolio_details{
    padding:120px 30px 120px 0;
    background:rgba(0,0,0,.3);
    color:#f2f2f2;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.portfoilo_project_list li .portfolio_details:hover{
    -webkit-text-fill-color:#f2f2f2
}
.portfoilo_project_list li .portfolio_details:hover .portfolio_category:after{
    visibility:visible;
    opacity:1;
    right:0;
    -webkit-text-fill-color:#414141;
    transform:translate(110%,50%);
    -webikit-transform:translate(110%,50%);
    -ms-transform:translate(110%,50%)
}
.portfoilo_project_list li .portfolio_details .portfolio_category{
    max-width:50%;
    padding-left:60px;
    padding-bottom:30px;
    margin-bottom:30px;
    position:relative
}
.portfoilo_project_list li .portfolio_details .portfolio_category:before{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:2px;
    background:#f2f2f2;
    z-index:1
}
.portfoilo_project_list li .portfolio_details .portfolio_category:after{
    content:'Click to view';
    position:absolute;
    bottom:0;
    right:100%;
    padding:10px 30px;
    border:1px solid #f2f2f2;
    text-transform:uppercase;
    background:#f2f2f2;
    color:#414141;
    visibility:hidden;
    opacity:0;
    z-index:1;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    transform:translate(0,50%);
    -webikit-transform:translate(0,50%);
    -ms-transform:translate(0,50%)
}
.clients_innerpage .clients_list_outer .clients_list_inner span img,.related_links.category_link ul li a{
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out
}
.portfoilo_project_list li .portfolio_details .portfolio_project_title{
    margin:0 0 30px;
    padding:0 0 0 60px;
    font-weight:600;
    color:#fff
}
.portfoilo_project_list li .portfolio_details .portfolio_project_details{
    padding-left:60px;
    max-width:80%
}
.portfoilo_project_list li .portfolio_details .portfolio_project_details a.learn_more{
    margin-top:30px
}
.portfoilo_project_list li.two:nth-of-type(odd) .portfolio_details{
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start
}
.portfoilo_project_list li.two:nth-of-type(even) .portfolio_details{
    -webkit-box-align:end;
    -webkit-align-items:flex-end;
    -ms-flex-align:end;
    align-items:flex-end
}
.portfoilo_project_list li.three:nth-of-type(odd) .portfolio_details{
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start
}
.portfoilo_project_list li.three:nth-of-type(even) .portfolio_details{
    -webkit-box-align:end;
    -webkit-align-items:flex-end;
    -ms-flex-align:end;
    align-items:flex-end
}
.single_portfolio_innerpage_banner{
    margin-top:120px
}
.single_portfolio_innerpage_banner img{
    width:100%
}
.single_portfolio_desc{
    margin-top:60px
}
.single_portfolio_desc h2{
    margin:0 0 60px;
    padding:0;
    text-align:center;
    font-weight:600
}
.single_portfolio_desc .single_portfolio_short_desc{
    margin:0 0 30px;
    text-align:center
}
.single_portfolio_desc .single_portfolio_short_desc p{
    margin-bottom:10px
}
.single_portfolio_desc ul{
    zoom:1;
    margin:0;
    padding:0
}
.single_portfolio_desc ul:after,.single_portfolio_desc ul:before{
    content:"";
    display:table
}
.single_portfolio_desc ul li{
    padding-left:15px;
    padding-right:15px
}
@media (min-width:768px){
    .single_portfolio_desc ul li{
        float:left;
        width:50%
    }
}
.mobile_apps_banner img,.website_mockup_design img{
    width:100%
}
.single_portfolio_desc .visit_site{
    text-align:center
}
.single_portfolio_desc .visit_site a{
    font-weight:600;
    color:#000;
    font-size:24px;
    margin:60px 0
}
.website_mockup_design{
    padding:0 30px;
    margin-bottom:60px
}
.related_links{
    background:#000;
    padding:60px;
    margin-bottom:60px
}
.related_links h2{
    margin:0 0 40px;
    padding:0;
    text-align:center;
    color:#fff
}
.related_links ul{
    margin:0;
    padding:0;
    text-align:center
}
.related_links ul li{
    display:inline-block;
    padding:0 5px;
    margin-bottom:5px
}
.related_links ul li:before{
    display:none
}
.related_links ul li a{
    color:#fff
}
.related_links ul li a:hover{
    font-weight:600
}
.clients_innerpage .clients_innerpage_banner{
    height:100vh;
    background-color:#f2f2f2;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:right center;
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    padding:120px 60px
}
.clients_innerpage .clients_innerpage_banner>div{
    max-width:750px
}
.clients_innerpage .clients_innerpage_banner>div h2{
    margin:0 0 30px;
    padding:0 0 30px;
    font-weight:600;
    text-transform:uppercase;
    display:inline-block;
    border-bottom:5px solid #414141
}
.clients_innerpage .clients_innerpage_banner>div p{
    margin:0;
    padding:0
}
.clients_innerpage .clients_innerpage_banner>div p span{
    font-style:italic;
    font-weight:700;
    color:#414141
}
.clients_innerpage .clients_list_outer{
    background:#fff;
    padding:50px 0;
    margin-bottom:60px
}
.clients_innerpage .clients_list_outer .clients_list_inner{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.clients_innerpage .clients_list_outer .clients_list_inner span{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    padding:30px;
    overflow:hidden
}
.clients_innerpage .clients_list_outer .clients_list_inner span a{
    display:block
}
.clients_innerpage .clients_list_outer .clients_list_inner span a:hover img{
    -webkit-transform:scale(1.08);
    -moz-transform:scale(1.08);
    -o-transform:scale(1.08);
    transform:scale(1.08)
}
.clients_innerpage .clients_list_outer .clients_list_inner span img{
    height:70px;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    transition:all .2s ease-in-out
}
.clients_list_outer{
    background:#fff;
    padding:50px 0;
    margin-bottom:60px
}
.clients_list_outer .clients_list_inner{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.clients_list_outer .clients_list_inner span{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    padding:10px
}
.clients_list_outer .clients_list_inner span img{
    height:70px
}
.mobile_apps_banner{
    margin-bottom:60px
}
.related_links.category_link{
    background:#fafafa;
    padding-bottom:0;
    margin-bottom:50px
}
.related_links.category_link ul li a{
    color:#414141;
    display:block;
    padding:0 5px 5px;
    position:relative;
    font-size:18px;
    font-weight:500;
    opacity:.8;
    transition:all .2s ease-in-out
}
.related_links.category_link ul li a:before{
    position:absolute;
    content:'';
    bottom:0;
    left:50%;
    width:0;
    height:2px;
    background:#0a8d50;
    transform:translate(-50%,0);
    -webikit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.related_links.category_link ul li a:focus,.related_links.category_link ul li.active a,.related_links.category_link ul li:hover a{
    color:#0a8d50;
    font-weight:500;
    opacity:1
}
.related_links.category_link ul li.active a:before,.related_links.category_link ul li:hover a:before{
    width:100%
}
/*== Blog List Css Open ==*/
 .innerpage_fullbanner figure img {
     width: 100%;
}
 .innerpage_wrapper {
     margin-top: 50px;
     margin-bottom: 20px;
}
 .innerpage_wrapper.no_banner {
     margin-top: 30;
}
 ul.post_listing {
     padding: 0;
}
 ul.post_listing li:before {
     display: none;
}
 ul.post_listing li:first-of-type {
     width: 100%;
}
 ul.post_listing li:first-of-type .post_header h1 {
     font-size: 32px;
	 font-weight:500;
}
 ul.post_listing li:first-of-type .continue_reading {
     text-align: center;
     padding-top: 20px;
     position: relative;
}
 ul.post_listing li:first-of-type .continue_reading:before {
     content: '';
     position: absolute;
     top: 0;
     left: 50%;
     width: 60px;
     height: 1px;
     margin-left: -30px;
     background: #222222;
     z-index: 3;
}
 ul.post_listing li:first-of-type .continue_reading a {
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 400;
     color: #222222;
}
 .post_info_cat {
     margin-top: 15px;
}
 .post_info_cat a {
     color: #222222;
}
 .post_wrapper {
     margin-bottom: 30px;
}
 .post_image {
     background-size: cover;
     background-repeat: no-repeat;
     background-position: top center;
}
 .post_image a {
     display: block;
}
 .post_image img {
     width: 100%;
     opacity: 0;
}
 .post_header {
     text-align: center;
}
 .post_header h2 { 
     font-weight: 500;
     margin-bottom: 0;
     font-size: 18px;
     margin-top: 15px;
     text-transform: uppercase;
}
 .post_header h2 a {
     display: block;
     color: #222222;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
 .post_header h2 a:hover {
     color: #0a8d50;
}
 .post_header .post_date {
     display: inline-block;
     padding: 0px 60px;
}
 .post_header time {
     font-style: italic;
     color: #0a8d50;
     position: relative;
     display: block;
     font-size: 14px;
     padding: 0px 15px;
     margin: 10px 0px;
}
 .post_header time:before {
     content: '';
     position: absolute;
     top: 50%;
     left: 100%;
     width: 50px;
     height: 1px;
     background-color: #0a8d50;
     margin-top: -0.5px;
     z-index: 3;
}
 .post_header time:after {
     content: '';
     position: absolute;
     top: 50%;
     right: 100%;
     width: 50px;
     height: 1px;
     background-color: #0a8d50;
     margin-top: -0.5px;
     z-index: 3;
}
 .post_content {
     margin-bottom: 10px;
}
 .post_content p {
     font-size: 15px;
}
 .post_content p:last-of-type {
     margin: 0;
     padding: 0;
}
 .continue_reading a {
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 500;
     color: #222222;
}
/*== Blog List Css Close ==*/
/*== Sidebar Css Open ==*/
 .sidebar_widget {
     padding: 0;
}
 .sidebar_widget li {
     margin-bottom: 30px;
}
 .sidebar_widget li:before {
     display: none;
     padding: 0;
     margin: 0;
}
 .sidebar_widget li li {
     margin-bottom: 5px;
}
 .sidebar_widget li li:last-of-type {
     margin-bottom: 0;
}
 .widget_list {
     padding: 25px 15px;
     border: 1px solid #e1e1e1;
}
 .widget_list_bg {
     background: #222222;
}
 .widget_list_bg .widget_title {
     color: #ffffff;
}
 .widget_title {
     font-size: 16px;
     font-weight: 500;
     text-transform: uppercase;
     text-align: center;
     color: #222222;
     margin: 0;
     margin-bottom: 20px;
}
 .widget_list form input {
     text-align: center;
}
 form input {
     width: 100%;
     border: 1px solid rgba(0, 0, 0, 0.2);
     margin-bottom: 10px;
     padding: 5px 10px;
}
 form input[type=submit] {
     display: block;
     margin: 0 auto;
     background: #0a8d50;
     color: #fff;
     outline: none;
     border: none;
     margin-bottom: 0;
     text-transform: uppercase;
     font-weight: 500;
     letter-spacing: 2px;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
 form input[type=submit]:hover {
     moz-box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.25);
     box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.25);
}
 ul.tag_list, ul.social_list {
     margin: 0;
     padding: 0;
     text-align: center;
}
 ul.tag_list li, ul.social_list li {
     margin: 0;
     display: inline-block;
}
 ul.tag_list li a, ul.social_list li a {
     display: block;
     padding: 0px 5px;
     margin-bottom: 5px;
     font-size: 14px;
}
 ul.tag_list li a:last-of-type, ul.social_list li a:last-of-type {
     margin-bottom: 0;
}
 ul.tag_list li a img, ul.social_list li a img {
     width: 14px;
     opacity: 1;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
 ul.tag_list li a img:hover, ul.social_list li a img:hover {
     opacity: 0.6;
}
 ul.gallery_list {
     margin: 0;
     padding: 0;
}
 ul.gallery_list li {
     display: block;
     float: left;
     width: 33.33%;
     padding: 5px;
     margin-bottom: 0;
}
 ul.gallery_list li a {
     overflow: hidden;
     display: block;
}
 ul.gallery_list li a figure {
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     display: block;
     position: relative;
     transition: all 0.3s;
}
 ul.gallery_list li a figure:hover {
     transform: scale(1.5);
     transition: all 0.3s;
}
 ul.gallery_list li a figure:hover:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.3);
     top: 0;
     left: 0;
}
 ul.gallery_list li a figure img {
     width: 100%;
     opacity: 0;
}
 ul.popular_post_list_image {
     margin: 0;
     padding: 0;
}
 ul.popular_post_list_image li {
     display: block;
     position: relative;
     zoom: 1;
}
 ul.popular_post_list_image li:after, ul.popular_post_list_image li:before {
     content: "";
     display: table;
}
 ul.popular_post_list_image li:after {
     clear: both;
}
 ul.popular_post_list_image li figure {
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     display: inline-block;
     overflow: hidden;
     position: relative;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     float: left;
     width: 25%;
     max-width: 80px;
}
 ul.popular_post_list_image li figure:hover {
     transition: all 0.3s;
}
 ul.popular_post_list_image li figure:hover:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.3);
     top: 0;
     left: 0;
}
 ul.popular_post_list_image li figure img {
     width: 100%;
     opacity: 0;
}
 ul.popular_post_list_image li .post_content {
     float: right;
     width: 75%;
     padding-left: 5px;
}
 ul.popular_post_list_image li .post_content a {
     display: block;
     color: #222;
}
 ul.popular_post_list_image li .post_content .post_date {
     display: block;
     color: #999;
     letter-spacing: 0;
     font-size: 12px;
     font-style: italic;
}
/*== Sidebar Css Close ==*/
/*== Header Css Open ==*/
.top_header{
	position:fixed;
	top:0;
	left:0;
	z-index:9;
	width:100%;
	padding:5px 0px;
	/*background:#e7e7e7;*/
	background:#e7e7e700;
}
.menu_header{
	position:relative;
}
.menu_header .logo{
	float:left;
	width:calc(100% - 60px);
}
.menu_header .logo a{
	display:block;
}
.menu_header .logo figure{
	margin:0;
	float:left;
}
.menu_header .logo  figure img{
	max-height:60px;
}
.menu_header .stellarnav{
	position:absolute;
	right:0;
	top:5px; 
	width:auto;
	z-index:2;
	
}
.menu_header .stellarnav a.menu-toggle{
	display:block;
	padding:10px 5px;
	border:1px solid #e7e7e7;	
}
.menu_header .stellarnav .menu-toggle span.bars{
	top:0;
}
.menu_header .stellarnav a.menu-toggle span.bars{
	margin:0;padding:0;display:block;
}
.menu_header .stellarnav a.menu-toggle span.bars span{
	width:25px;
	height:3px;
	background:#0A8D4F;
	margin-bottom:4.5px;
}
.menu_header .stellarnav a.menu-toggle span.bars span:last-of-type{
	margin-bottom:0px;
} 
.menu_header .stellarnav.mobile ul{
	background: rgb(10, 141, 80);
}
@media (max-width:767px){
	.menu_header .stellarnav.mobile ul{
		max-width:100%;
	}	
}
.menu_header .stellarnav li a{
	color:#ffffff;
	text-transform:uppercase;
	font-weight:500;	
	background-color:rgba(255,255,255,0.0);
	letter-spacing:1px;
}
.menu_header .stellarnav li:hover a{
	background-color:rgba(255,255,255,0.1);
}
.menu_header .stellarnav ul li:before{
	display:none;
}
.menu_header .stellarnav ul>a{
	background-color:rgba(0,0,0,0.1);
	color:#ffffff;
	float:left;
	width:33.33%;
	padding:0;
	height:40px;
	display:flex !important;
	align-items:center;
	justify-content:center;
	font-size:15px;
	border-right:1px solid rgba(255,255,255,0.1);
}
.menu_header .stellarnav ul>a:hover{
	background-color:rgba(0,0,0,0.3);
}

.menu_header .desktop_menu ul{
	float:right;
	margin-left:40px;
}
@media (max-width:997px){
	.menu_header .desktop_menu{
		display:none;
	}
}
.menu_header .desktop_menu>ul>li{
	float:left;
	padding:12px 7.5px;
}
.menu_header .desktop_menu ul li:before{
	display:none;
}
.menu_header .desktop_menu>ul>li a{
	text-transform:uppercase;
	font-weight:500;
	font-size:16px;
	color:#0A8D50;
}

/*== Header Css Close ==*/

.top_header_color
{
	background: #e7e7e7 !important;
}

 .innerpage img{
	 max-width:1000px;
	 width:100%;
	 margin:0 auto;
 } 
 
 
 .our_authorize_partner{
    background: #fafafa;
    padding:15px 0px 40px 0px; 
} 
.our_authorize_partner .text-center{
	font-size: 35px;
    margin-bottom: 35px;
}
.our_authorize_partner .our_client_inner img{
    max-width:370px;
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
}
@media only screen and (max-width:997px){
	.our_authorize_partner .text-center{
	font-size: 30px;
    margin-bottom:25px;
}
.our_authorize_partner .our_client_inner img{
max-width:350px;
}
}

@media only screen and (max-width:557px){
	.our_authorize_partner .text-center{
	font-size:28px;
    margin-bottom:25px;
} 
.our_authorize_partner .our_client_inner img{
max-width:250px;
} 
}
 

.inner-page-banner img{
	width:100%;
}

.vacancy-innerpage .box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.vacancy-innerpage .button1 {
    font-size: 1em;
    padding: 10px;
    color: #fff;
    border: 2px solid #06D85F;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease-out;
    width: 100%;
    background: #0a8d4f;
    max-width: 150px;
}
.vacancy-innerpage .button:hover {
  background: #06D85F;
}

.vacancy-innerpage .overlay {
  position: fixed; 
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;  
  opacity: 0;
  z-index:9999999;  
}
.vacancy-innerpage .overlay:target {
  visibility: visible;
  opacity: 1;
}

.vacancy-innerpage .popup {
    background: #fff;
    border-radius: 5px;
    width: 100%;
    position: relative;
    z-index: 99999999;
    margin: 100px auto; 
    max-width: 800px;
    padding: 39px;
    height: auto;  
}

.vacancy-innerpage .popup h2 {
    margin-top: 0;
    color: #333;
    font-size: 20px; 
    font-weight: 500;
    letter-spacing: 1px;
}
.vacancy-innerpage .popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.vacancy-innerpage .popup .close:hover {
  color: #06D85F;
}  
.content ul li{
	color:#333;
}
.content p{
	color:#0f9050;
    font-weight: 500;
    font-size: 18px; 
    text-transform: uppercase;
}

.check_btns {
    margin: 0.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.check_btns input[type=checkbox]{
	width: 28px;
	height: 28px;  
    margin-right: 15px;
}
.check_btns span{
	color: #0a8d50; 
} 
 
@media only screen and (max-width: 768px){
	.inner-page-banner {
    position: relative;
    min-height: 300px;
} 
.vacancy-innerpage .popup { 
    width: 88%;  
    padding: 26px;
    height: 44%;
    overflow: scroll;
}
.vacancy-innerpage .popup h2 {
    margin-top: 0;  
    color: #333; 
    font-size: 14px;     
    font-weight: 500;  
    letter-spacing: 1px; 
	padding:0px 10px 0px 0px;
}  
.content p {
    color: #0f9050;
    font-weight: 500;
    font-size: 16px;   
    text-transform: uppercase;
}  
h1 {
    font-size: 31px;
    margin-bottom: 0px;
}
.inner-page-banner{
	margin-top:50px; 
}
}
@media only screen and (max-width: 567px){
	.inner-page-banner {
    position: relative;
    min-height: 143px; 
}
.vacancy-innerpage h1 { 
    font-size: 18px;  
    margin: 0px; 
    margin-top: 15px;
    text-align: center;  
    margin-bottom: 15px;
    font-weight: 500;
} 
.vacancy-details .google_accordion { 
    padding: 0px 16px;
    text-align: justify; 
}   
.vacancy-innerpage h3{ 
	margin-top:0px;
}
.contact-form {
    padding: 20px 0px;    
}
.menu_header .logo figure img {
    max-height: 40px;
}
.vacancy-innerpage .popup {
    height: 60%;
    overflow: scroll;
}
}

/*css added for the zoho-mail page*/
.zoho_wrapper .hold {
    height: 80px;
  }

  .zoho_wrapper .about_section {
    padding: 45px 0px;
  }

  .zoho_wrapper .second_section { 
    padding: 30px 0px 45px 0px;
  }

  .zoho_wrapper .about_section h1,
  .zoho_wrapper .second_section h1 {
    text-align: center;
    font-weight: 500;
	letter-spacing:-0.2px; 
	text-transform:uppercase;
  }

  .zoho_wrapper .second_section h1 {
    margin: 0px;
  }

  .zoho_wrapper .section__title {
    font-size: 32px !important;
    line-height: normal;
    margin: 0px;
    text-align: center;
    font-weight: 500;
    color: #414141;
  }


  .zoho_wrapper .about_section p,
  .zoho_wrapper .second_section p {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
  }

  .zoho_wrapper .header {
    line-height: 80px;
    width: 100%;
    transition: line-height 0.2s linear, box-shadow 0.2s linear;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background: rgba(245, 245, 245, 0.97);
  }

  .zoho_wrapper .header.small {
    line-height: 50px;
    box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.8);
  }

  .zoho_wrapper .header.small>.container>#logo {
    height: 40px;
  }

  .zoho_wrapper #logo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: red;
    float: left;
    height: 40px;
    width: 170px;
    margin-left: 5px;
  }

  .zoho_wrapper ul.nav {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .zoho_wrapper ul.nav li {
    float: left;
    position: relative;
  }

  .zoho_wrapper ul.nav li a {
    transition: color 0.2s linear;
    font-size: 18px;
  }

  .zoho_wrapper ul.nav li:hover a {
    color: red;
  }

  .zoho_wrapper ul.nav li a {
    padding: 21px;
    color: initial;
    text-decoration: initial;
  }

  /*
  Slider
*/

  .zoho_wrapper .section .slider,
  .zoho_wrapper .section .footer {
    background: #333;
  }

  .zoho_wrapper .slidercontent {
    text-align: center;
  }

  .zoho_wrapper .hero {
    color: white;
    font-weight: normal;
    letter-spacing: 1px;
  }

  .zoho_wrapper p.hero {
    font-size: 54px;
  }

  .zoho_wrapper p.hero {
    font-size: 30px;
    margin-bottom: 60px;
  }

  .zoho_wrapper p.hero:after {
    content: "";
    width: 300px;
    position: relative;
    border-bottom: 1px solid #aaa;
    text-align: center;
    margin: auto;
    margin-top: 15px;
  }

  .zoho_wrapper .call {
    color: white;
    display: block;
    margin-bottom: 20px;
  }

  .zoho_wrapper .call span {
    display: inline;
    border: 1px solid white;
    padding: 8px 13px;
    font-size: 20px;
    transition: background 0.15s linear;
  }

  .zoho_wrapper .call span:hover {
    background: rgba(255, 255, 255, 0.1);
    cursor: pointer;
  }

  /*
  Columns
*/

  .zoho_wrapper .col {
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
  }

  .zoho_wrapper .col.four {
    width: 30%;
    margin: 8px 1%;
    margin-bottom: 1.875rem;
    background-color: #fff !important;
    transition: all .5s ease-in-out;
    position: relative;
    border: 0px solid transparent;
    border-radius: 0.75rem;
    box-shadow: 0px 12px 34px 0px rgb(10 141 79 / 18%);
    /* height: calc(100% - 30px); */
    padding: 15px;
  }

  .zoho_wrapper .col.three {
    width: 31.3%;
    margin: 0 1%;
  }

  .zoho_wrapper .col.two {
    width: 40%;
    margin: 0 2.5%;
    padding: 0 2.5%;
  }

  .zoho_wrapper .col.extrapad {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .zoho_wrapper .col .service,
  .zoho_wrapper .col .feature {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.1px;
    margin-top: 5px;
  }

  .zoho_wrapper .col .service:after {
    content: "";
    width: 50px;
    position: relative;
    border-bottom: 1px solid #319f6bad;
    display: block;
    text-align: center;
    margin: auto;
    margin-top: 15px;
  }

  .zoho_wrapper .col .feature {
    font-size: 19px;
  }

  .zoho_wrapper .col h1.side,
  .zoho_wrapper .col p.side,
  .zoho_wrapper .col span.side:first-of-type {
    margin-left: 50px;
    text-align: left;
  }

  .zoho_wrapper .col .icon {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    line-height: 100px;
    text-align: center;
    margin: 0 auto;
    transition: background 0.25s linear, color 0.25s linear;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .zoho_wrapper .z_icon {
    display: block;
  }

  .zoho_wrapper .h_icon {
    display: none;
  }

  .zoho_wrapper .col .icon img {
    max-width: 60px;
    width: 100%;
  }

  .zoho_wrapper .col .icon.side {
    position: absolute;
    padding: 0;
    margin: 0;
    top: -15px;
    height: 50px;
    width: 50px;
  }

  .zoho_wrapper .col:hover>.icon {
    background: #159256;
    color: white;
    transition: 0.3s ease;
  }

  .zoho_wrapper .col:hover>.icon .z_icon {
    display: none;
    transition: 0.3s ease;
  }

  .zoho_wrapper .col:hover>.icon .h_icon {
    display: block;
    transition: 0.3s ease;
  }

  .zoho_wrapper .col:hover>.icon.side {
    background: initial;
    color: initial;
  }

  .zoho_wrapper .responsivegroup {
    display: none;
  }

  /*
  Column specifics
*/

  .zoho_wrapper .col p,
  .zoho_wrapper .col h1 {
    padding: 0 1%;
    text-align: center;
  }

  .zoho_wrapper .group.margin {
    margin-bottom: 20px;
  }

  .zoho_wrapper .col .imgholder {
    height: 300px;
    width: 100%;
    background: #333;
    transition: background 0.3s linear;
  }

  .zoho_wrapper .col.bg {
    background: #FFF;
  }

  .zoho_wrapper .col.pointer {
    cursor: pointer;
  }

  .zoho_wrapper .col.bg:hover .imgholder {
    background: #555;
  }

  .zoho_wrapper .col span.feature {
    font-size: 20px;
  }

  /*
  Text
*/

  .zoho_wrapper .container>p:not(.hero) {
    margin-bottom: 30px;
    text-align: center;
  }

  .zoho_wrapper .container>p:after {
    content: "";
    width: 30px;
    position: relative;
    border-bottom: 1px solid #aaa;
    display: block;
    text-align: center;
    margin: auto;
    margin-top: 15px;
  }

  .zoho_wrapper h2 {
    text-align: center;
    font-weight: 400;
    font-size: 18px;
  }

  .zoho_wrapper .left,
  .zoho_wrapper .left>h1,
  .zoho_wrapper .left>p {
    text-align: left;
  }

  .zoho_wrapper .reset {
    text-align: left !important;
  }

  .zoho_wrapper .reset:after {
    display: none !important;
  }

  /*
  Slider with Content
*/

  .zoho_wrapper .white h1,
  .zoho_wrapper .white h2,
  .zoho_wrapper .white p,
  .zoho_wrapper .white div,
  .zoho_wrapper .white a {
    color: #fff;
  }

  /*
  Responsive
*/

  .zoho_wrapper .group:after {
    content: "";
    display: table;
    clear: both;
  }

  @media all and (max-width: 768px) {
    .zoho_wrapper .container {
      width: 95%;
    }

    .zoho_wrapper .col.four {
      width: 48%;
      margin: 1%;
    }

    .zoho_wrapper .col.three {
      display: block;
      width: 95%;
      padding: 0;
      margin: 0 auto;
      float: none;
    }

    .zoho_wrapper .header {
      height: auto;
      background: #eee;
    }

    .zoho_wrapper #logo {
      position: initial;
      float: none;
      display: block;
      transform: none;
      margin: 10px auto 0 auto;
    }

    .zoho_wrapper ul.nav {
      float: none;
      display: block;
      text-align: center;
      margin: 0 auto;
    }

   .zoho_wrapper  ul.nav li {
      float: initial;
      display: inline-block;
    }

    .zoho_wrapper .responsivegroup {
      display: block;
    }

    .zoho_wrapper .responsivegroup:after {
      content: "";
      display: table;
      clear: both;
    }
  }
  @media all and (max-width:450px) {

    .zoho_wrapper .col,
    .zoho_wrapper .col.four,
    .zoho_wrapper .col.three,
    .zoho_wrapper .col.two {
      display: block;
      width: 95%;
      padding: 0;
      margin: 0 auto;
      float: none;
    }

    .zoho_wrapper .col.extrapad {
      padding: 1%;
      margin-bottom: 10px;
    }

    .zoho_wrapper .group {
      display: none;
    }
  }

  ol.gradient-list {
    counter-reset: gradient-counter;
    list-style: none;
    margin: 1.75rem 0;
    padding-left: 1rem;
    display: flex;
    flex-wrap: wrap;
  }

  ol.gradient-list>li {
    background: white;
    border-radius: 0 0.5rem 0.5rem 0.5rem;
    counter-increment: gradient-counter;
    margin-top: 1rem;
    min-height: 3rem;
    padding: 1rem 1rem 1rem 3rem;
    position: relative;
    width: 45%;
    margin: 15px 20px;
  }

  ol.gradient-list>li::before,
  ol.gradient-list>li::after {
    background: linear-gradient(135deg, #83e4e2 0%, #0a8d4fd6 100%);
    border-radius: 1rem 1rem 0 1rem;
    content: "";
    height: 3rem;
    left: -1rem;
    overflow: hidden;
    position: absolute;
    top: -1rem;
    width: 3rem;
  }

  ol.gradient-list>li::before {
    align-items: flex-end;
    content: counter(gradient-counter);
    color: #1d1f20;
    display: flex;
    font: 900 1.5em/1 "Montserrat";
    justify-content: flex-end;
    padding: 0.125em 0.25em;
    z-index: 1;
  }

  ol.gradient-list>li:nth-child(10n+1):before {
    background: linear-gradient(135deg, #e7e7e7 0%, #24cc7c 100%)
  }

  ol.gradient-list>li:nth-child(10n+2):before {
    background: linear-gradient(135deg, #e7e7e7 0%, #24cc7c 100%)
  }

  ol.gradient-list>li:nth-child(10n+3):before {
    background: linear-gradient(135deg, #e7e7e7 0%, #24cc7c 100%)
  }

  ol.gradient-list>li:nth-child(10n+4):before {
    background: linear-gradient(135deg, #e7e7e7 0%, #24cc7c 100%)
  }

  ol.gradient-list>li:nth-child(10n+5):before {
    background: linear-gradient(135deg, #e7e7e7 0%, #24cc7c 100%)
  }

  ol.gradient-list>li:nth-child(10n+6):before {
    background: linear-gradient(135deg, #e7e7e7 0%, #24cc7c 100%)
  }

  ol.gradient-list>li:nth-child(10n+7):before {
    background: linear-gradient(135deg, #e7e7e7 0%, #24cc7c 100%)
  }

  ol.gradient-list>li:nth-child(10n+8):before {
    background: linear-gradient(135deg, #e7e7e7 0%, #24cc7c 100%)
  }

  ol.gradient-list>li:nth-child(10n+9):before {
    background: linear-gradient(135deg, #e7e7e7 0%, #24cc7c 100%)
  }

  ol.gradient-list>li:nth-child(10n+10):before {
    background: linear-gradient(135deg, #e7e7e7 0%, #24cc7c 100%)
  }

  ol.gradient-list>li+li {
    margin-top: 2rem;
  }

  ol.gradient-list>li p {
    color: #414141;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.1px;
    margin-top: 5px;
  }

  .why_section .col.four {
    width: 30% !important;
    margin: 8px 1% !important;
    margin-bottom: 1.875rem !important;
    background-color: #fff !important;
    transition: all .5s ease-in-out !important;
    position: relative !important;
    border: 0px solid transparent !important;
    border-radius: 0.75rem !important;
    box-shadow: 0px 12px 34px 0px rgb(10 141 79 / 18%) !important;
    padding: 31px 15px !important;
    position: relative !important;
  }

  .why_section .col .icon {
    height: 75px !important;
    width: 75px !important;
    line-height: 100px !important;
    text-align: center !important;
    margin: 0 auto !important;
    transition: background 0.25s linear, color 0.25s linear !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: #ededed !important;
    border-radius: 10px !important;
    float: left !important;
    margin-right: 20px !important;
  }

  .why_section .col .icon img {
    max-width: 48px !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  .why_section .col .service,
  .why_section .col .feature {
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.1px !important;
    margin-top: 5px !important;
    text-align: left !important;
    padding-left: 30px !important;
    height: 36px !important;
    margin-left: 30px !important;
  }


  /*css for the popup begins*/
  .zoho_wrapper .box {
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 15px 0px;
  }

  .zoho_wrapper .button {}

  .zoho_wrapper .button:hover {
    background: #06D85F;
  }
  .zoho_wrapper .overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
  }

  .zoho_wrapper .overlay:target {
    visibility: visible;
    opacity: 1;
  }

  .zoho_wrapper .popup {
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    max-width: 685px;
    position: relative;
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: 5%;
    z-index: 999999;
  }

  .zoho_wrapper .popup h2 {
    margin-top: 0;
    color: #0a8d50;
    letter-spacing: 0.2px;
    font-size: 24px;
    font-weight: 500;
  }

  .zoho_wrapper .popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
  }

  .zoho_wrapper .popup .close:hover {
    color: #06D85F;
  }

  .zoho_wrapper .popup .content {
    overflow: auto;
  }

.zoho_wrapper a.button {
    background:#0a8d4fcc;
    padding: 5px 10px;
    font-size: 16px;
    transition: 0.3s ease-out;
    margin: 10px 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: 500; 
}

  .zoho_wrapper .arrow {
    color: #fff;
    background-color: #f6f3ed;
    margin: 1em 0;
    transition: 0.3s ease-out;
  }

  .zoho_wrapper .arrow::after {
    display: inline-block; 
    padding-left: 8px;
    content: "➞";
    transition: transform 0.3s ease-out;
  }

  .zoho_wrapper .arrow:hover {
    color: #0c5449;
    background-color: #f6f3ed;
    transition: 0.3s ease-out;  
  }

  .zoho_wrapper .arrow:hover::after {
    transform: translateX(4px); 
  }

  .why_zoho img {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    display: block;
  }

  .b_title {
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    color: #414141;
  }

  .zoho_faq { 
    padding: 45px 0px;
  }
 
  .zoho_faq ul li:before {
    content: "\2022";
    background: -webkit-linear-gradient(#91f2c6, #0a8d50);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 1em;
    margin-left: -1em; 
    font-size: 31px; 
  }

.zoho_wrapper .fixed_btns {
position: fixed !important;
    bottom: 0px;
    cursor: pointer !important; 
    color: white !important;
    z-index: 999 !important;
    transition: 0.2s ease !important;
    text-align: center; 
    left: 50%;
    transform: translate(-50%, 10px);
}
/*css for the social media icons*/
.media_icons {
    position: fixed;
    bottom: 46px;
	z-index:99999;
} 
.viber_p{
    background-color: #665CAC;
} 
.viber_p img {
    max-width: 25px;
}
.whatsapp_g {  
    background-color: #4AC959;
}
.whatsapp_g i {
    font-size: 24px;
	color:#fff!important;
}
.whatsapp_g i:hover{
    color:#fff!important;
} 
.media-item {
    border-radius: 100%;
    width: 50px; 
    height: 50px; 
    color: #FFF;  
    text-align: center;
    line-height: 60px;
    display: flex;
    justify-content: center; 
    align-items: center;
    -webkit-transition: -webkit-transform ease-out 200ms;
    transition: -webkit-transform ease-out 200ms;
    transition: transform ease-out 200ms;
    transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}
  @media only screen and (max-width:567px){
	  ol.gradient-list>li{
		  width:100%;
	  }
	  .zoho_wrapper .about_section p{
		  font-size:15px;
	  }
	  .zoho_wrapper .fixed_btns {
		display: inline-table;
		}  
	  .zoho_wrapper a.button {
		background: #0a8d4fd4;
		font-size: 14px;
	}
	.zoho_wrapper .intro_section{
		padding:45px 15px
	}
	.zoho_wrapper .section__title{
		font-size:24px!important; 
	}
	.zoho_wrapper .about_section{
		padding:0px; 
		padding-bottom:45px; 
	}
	.zoho_wrapper .about_section h1{
		margin-bottom:15px;
	}
	.zoho_wrapper .second_section{
		padding:0px; 
		margin-bottom:30px;
	}
	.zoho_faq{
		padding:45px 0px;
	}
	.b_title {
    font-size: 16px;
}
.zoho_wrapper .col .icon img {
    max-width: 50px;
    width: 100%;
}
.zoho_wrapper .contact-form {
    padding: 20px 15px;
} 
.zoho_wrapper .col .service, .zoho_wrapper .col .feature{
	font-size:14px;
}
.media-item {
    width: 40px;
    height: 40px;
}
.viber_p img {
    max-width: 20px;
}
.whatsapp_g i {
    font-size: 19px;
} 
.banner .banner_inner {
    min-height: calc(73vh - 70px);
}
  }
  
  
  

  @-webkit-keyframes stickySlideDown {
    0% {
      opacity: 0.7;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }

    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }

  @keyframes stickySlideDown {
    0% { 
      opacity: 0.7;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }

    100% { 
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); 
    }
  }
.zoho_mail_wrapper{
	background:#fff;
}
  .zoho_mail_wrapper .slide {
    list-style-type: none;
    padding: 0;  
  }

  .zoho_mail_wrapper .slide__item {
    position: relative;
  }

.zoho_mail_wrapper .slide__item img{
width:100%;}

  .zoho_mail_wrapper .slide-caption {
    position: absolute;
    top: 40%;
    left: 0%;
    transform: translate(5%, -50%);
    text-align: left;
    color: #000;
    z-index: 9;
    max-width: 800px;
    width: 100%;
    z-index: 0;
  }

  .zoho_mail_wrapper .slide-caption__title {
    font-size: 48px;
    color: #000;
    font-weight: 900;
    margin-bottom: 0px;
    letter-spacing: -0.2px;
  }

  .zoho_mail_wrapper .slide-caption__title:before {
    content: '';
    width: 20%;
    border-bottom: 2px solid #fff;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
  }

  .zoho_mail_wrapper .slide-caption__title {
    animation: 1s .2s fadeInUp both;
  }

  .zoho_mail_wrapper .slide-caption__desc {
    animation: 1s .6s fadeInUp both;
  }

  .zoho_mail_wrapper .btn {
    animation: 1s .9s flipInX both;
  }

  .zoho_mail_wrapper .slide-caption__desc {
    font-size: 48px;
    color: #000;
    font-weight: 900;
    margin-bottom: 0px;
    letter-spacing: -0.2px;
  }

  .zoho_mail_wrapper .tagline {
    font-size: 20px !important;
    max-width: 750px; 
    margin-top: 15px;
    color: #000;
    display: contents !important;
    white-space: break-spaces !important;
  }

  .zoho_mail_wrapper .btn_g {
    background: transparent; 
    font-size: 15px;
    font-weight: 300;
    border: 2px solid #1aa84f;
    color: #1aa84f;
    padding: .6rem 2rem;
    display: inline-block;
    text-decoration: none;
    margin-top: .5rem;
  }

  .zoho_mail_wrapper .zoho_mail_wrapper {
    background: #fff;
  }

  .zoho_mail_wrapper .zoho_mail_wrapper .card {
    width: 100%;
    display: block !important;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    top: -80px;
  }

  .zoho_mail_wrapper .card a img {
    width: 100%;
    display: block !important;
    max-width: 1100px;
    margin: 0 auto;
  }

  .zoho_mail_wrapper .play_button {
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 70px;
    width: 100%;
  }

  .zoho_mail_wrapper .card {
    overflow: hidden;
    border: 0px;
    border-radius: 0px;
    position: relative;
    z-index: 0;
  }

  .zoho_mail_wrapper .test_img {
    float: left;
    margin-right: 15px;
  }

  .zoho_mail_wrapper .test_para {
    float: right;
  }

  .zoho_mail_wrapper .test_block {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .zoho_mail_wrapper .feature_media video {
    max-width: 300px min-height: 300px;
    width: 100%;
  }

  .zoho_mail_wrapper .video-wrapper {
    width: 100%;
    overflow: hidden;
  }

  .zoho_mail_wrapper .video-wrapper video {
    object-fit: contain;
    height: 50%;
    max-width: 500px;
    background: transparent;
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  .zoho_mail_wrapper .bl-tagline {
    font-size: 30px;
    color: #000;
    font-weight: 500;
  }

  .zoho_mail_wrapper .b-tagline {
    font-size: 18px;
    color: #000;
    font-weight: 500;
  }

  .zoho_mail_wrapper .zoho_img {
    width: 100%;
    max-width: 300px;
    display: block;
    margin: 0 auto;
  }

  .zoho_mail_wrapper .section_code {
    padding: 30px 0px;
  }

  .zoho_mail_wrapper .feature_taglines {
    max-width: 540px;
    position: relative;
    top: 45px;
  }

  .zoho_mail_wrapper .app-web img {
    max-width: 130px;
  }

  /*css for the accordion begins*/

  .zoho_mail_wrapper .section_tab input {
    position: absolute;
    opacity: 0;
    z-index: -1;
  }

  .zoho_mail_wrapper .section_tab .row {
    display: flex;
  }

  .zoho_mail_wrapper .section_tab .row .col {
    flex: 1;
  }

  .zoho_mail_wrapper .section_tab .row .col:last-child {
    margin-left: 1em;
  }

  /* Accordion styles */
  .zoho_mail_wrapper .section_tab .tabs {
    border-radius: 8px;
    overflow: hidden;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }

  .zoho_mail_wrapper .section_tab .tab {
    width: 100%;
    color: white;
    overflow: hidden;
  }

  .zoho_mail_wrapper .section_tab .tab-label {
    display: flex;
    justify-content: space-between;
    background: #ffffff;
    cursor: pointer;
    border-top: 1px solid #ccc;
    padding: 40px 50px;
    cursor: pointer;
    border-left: 0px;
    font-size: 18px;
    color: #333;
    font-weight: 500;
  }

  .zoho_mail_wrapper .section_tab .tab-label:hover {
    background: #0a8d4f6b;
  }

  .zoho_mail_wrapper .section_tab .tab-label::after {
    content: "❯";
    width: 1em;
    height: 1em;
    text-align: center;
    transition: all 0.35s;
  }

  .zoho_mail_wrapper .section_tab .tab-content {
    max-height: 0;
    padding: 0 1em;
    color: #2c3e50;
    background: white;
    transition: all 0.35s;
  }

  .zoho_mail_wrapper .section_tab .tab-content p {
    color: #000;
  }

  .zoho_mail_wrapper .section_tab .tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: 16px;
    background: #0a8d4f;
    cursor: pointer;
    color: #fff !important;
  }

  .zoho_mail_wrapper .section_tab .tab-close:hover {
    background: #0a8d4f;
  }

  .zoho_mail_wrapper .section_tab input:checked+.tab-label {
    background: #0a8d4f;
    color: #fff;
  }

  .zoho_mail_wrapper .section_tab input:checked+.tab-label::after {
    transform: rotate(90deg);
  }

  .zoho_mail_wrapper .section_tab input:checked~.tab-content {
    max-height: 100vh;
    padding: 1em;
  }

  .zoho_mail_wrapper .section_tab h3 {
    color: #0a8d4f;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 45px;
  }

  .zoho_mail_wrapper .zoho_title .slide-caption__title {
    font-size: 48px !important;
    color: #000 !important;
    font-weight: 900 !important;
    margin-bottom: 0px !important;
    letter-spacing: -0.2px !important;
    text-align: left;
  }

  @media only screen and (max-width:1024px) {
.zoho_mail_wrapper .video-wrapper video {
    object-fit: contain;
    height: 20vh; 
    max-width: 500px; 
    background: transparent;
    width: 100%;  
    margin: 0 auto;
    display: block;
}  

    .zoho_mail_wrapper .feature_taglines {
      position: relative;
      top: 0px;
    }
.zoho_mail_wrapper .bl-tagline {
    font-size: 24px;
    color: #000;
    font-weight: 500;
}
.zoho_mail_wrapper .zoho_img {
    width: 100%;
    max-width: 200px;
    display: block;
    margin: 0 auto;
}
    .zoho_mail_wrapper .zoho_title .slide-caption__title,
    .zoho_mail_wrapper .slide-caption__desc {
      font-size: 36px !important;
    }
  }

  @media only screen and (max-width:967px) {}

  @media only screen and (max-width:768px) {
    .zoho_mail_wrapper .row_rvr .row { 
      display: flex;
      flex-wrap: wrap;
      flex-direction: column-reverse;
    }
.zoho_mail_wrapper .feature_taglines{
max-width:none;}
    .zoho_mail_wrapper .zoho_title .slide-caption__title,
    .zoho_mail_wrapper .slide-caption__desc {
      font-size: 32px !important;
    }

    .zoho_mail_wrapper .video-wrapper video {
      height: 31vh;
      margin-top: 30px;
    }

    .zoho_mail_wrapper .zoho_img {
      width: 100%;
      max-width: 180px;
      display: block;
      margin: 0 auto;
      margin-top: 30px;
    }
.zoho_mail_wrapper .card {
top:0px;
  }
.zoho_mail_wrapper .b-tagline{
text-align:justify;}
}

  @media only screen and (max-width:567px) {

    .zoho_mail_wrapper .zoho_title .slide-caption__title,
    .zoho_mail_wrapper .slide-caption__desc {
      font-size: 24px !important;
    }

    .zoho_mail_wrapper .video-wrapper video {
      height: 35vh;
    }

    .zoho_mail_wrapper .section_code {
      padding-top: 0px;
    }
 
    .zoho_mail_wrapper .bl-tagline {
      font-size: 24px;
    } 
.zoho_mail_wrapper .slide__item img {
    width: 100%;
    height: 48%;
}
.zoho_mail_wrapper .zoho_mail_wrapper .card { 
    top: -66px;
} 
.zoho_mail_wrapper .section_tab .tab-label {
    padding: 15px;
}
.zoho_mail_wrapper .zoho_img {
    width: 100%;
    max-width: 132px; 
}
.zoho_mail_wrapper .btn {
    font-size: 16px !important;
    margin-top: 15px;
    font-weight: 500!important;
    color: #000;
}
.zoho_mail_wrapper .b-tagline {
    font-size: 17px;
} 
  }