@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);
body,html{ font-family:Montserrat,sans-serif; font-size:16px }
.secHeading{ font-size:2.25rem; font-weight:600 }
.topSection{ background-color:#000 }
.top-nav a{ color:#fff; font-weight:600 }
.navbar-dark .navbar-nav .nav-link{ color:#000 }
.navbar-expand-lg .navbar-nav .nav-link{ padding-left:1rem; padding-right:1rem; font-size:.875rem; transition:.3s ease all; position:relative; text-transform:uppercase; text-align:center; color:#000 }
.navbar-expand-lg .navbar-nav .nav-link:before{ content:""; position:absolute; width:100%; height:1px; left:0; bottom:0; opacity:0; background-color:#3ab81c; transition:.3s ease transform,.3s ease opacity; transform:scaleX(0) }
.navbar-expand-lg .navbar-nav .nav-link.active,.navbar-expand-lg .navbar-nav .nav-link:hover{ color:#3ab81c }
.navbar-expand-lg .navbar-nav .nav-link:hover:before{ transform:scaleX(1); opacity:1 }
.top-nav .login-btn-holder a{ color:#df4242; text-transform:uppercase; font-weight:600; font-size:.875rem }
.btn-green{ background-color:#3ab81c; border-radius:50px; padding:10px 25px; color:#fff }
.btn-green:hover{ background-color:#3ab81c; color:#fff!important }
.top-nav .login-btn-holder .btn-green{ background-color:#df4242; border-radius:50px; padding:10px 25px; color:#fff }
.homeBannerSec{ width:100%; color:#fff }
.homeBannerSec a{ font-size:.875rem; font-weight:600; color:#df4242 }
.bannerHeading{ font-size:2.625rem; font-weight:600 }
.bannerTxt{ font-size:1.6rem }
.carousel-caption{ max-width:500px; text-align:left }
.carousel-caption{ top:20% }
.btn-red{ border-radius:50px; background-color:rgba(233,66,66,.3); padding:10px 25px }
.btn-red:hover{ background-color:#df4242; color:#fff }
.treFeatuesSec{ padding-bottom:35px;background: rgb(89,86,175); background: linear-gradient(90deg, rgba(89,86,175,1) 0%, rgba(233,66,66,1) 100%);position: relative;}
.treFeatuesSec::before{position: absolute;content:"";width: 100%;height:100%;background-color: rgba(255,255,255,0.85);top:0;}
.treFeatuesolder{display: flex;justify-content: space-between; padding-top: 105px;position: relative;z-index: 9;flex-direction: row;max-width: 990px;margin: 0 auto;}
.treFeatuesSec h2{ margin-bottom:50px }
.treFeatuesSec .featureSec{ font-size:.875rem; font-weight:300;text-align: center;color:#000;max-width: 130px;}
.treFeatuesSec .featureSec p{line-height:18px}
.treFeatuesSec .tagline-breck{width: 95px;}
.color-black{color:#000;}
/* .treFeatuesolder .featureSec:first-child{margin-top: 30px;}
.treFeatuesolder .featureSec:nth-child(2){margin-top: 100px;}
.treFeatuesolder .featureSec:nth-child(3){margin-top: 140px;}
.treFeatuesolder .featureSec:nth-child(4){margin-top: 175px;}
.treFeatuesolder .featureSec:nth-child(5){margin-top: 175px;}
.treFeatuesolder .featureSec:nth-child(6){margin-top: 140px;}
.treFeatuesolder .featureSec:nth-child(7){margin-top: 100px;}
.treFeatuesolder .featureSec:nth-child(8){margin-top: 30px;} */
@media(max-width:991px){
    .topSection .navbar-collapse{ text-align:center }
    .navbar{ background-color:#000 }
    .top-nav .login-btn-holder a{ display:block; width:100%; text-align:center; margin:0 }
    .treFeatuesSec .tagline-breck{width:auto;}
}
@media(max-width:550px){
    .navbar-brand{ max-width:175px }
}
@media(max-width:499px){
    .treFeatuesSec{ padding:20px 0 }
    .treFeatuesSec .featureSec{ text-align:center; width:50% }
    .treFeatuesSec .featureSec img{ margin:0 auto }
}
@media only screen and (max-width :991px){
    .path{ display:none }
    .diagram-lg{ display:none }
}
@media only screen and (max-width :768px){
    .py-90.py-m-15{
        padding-top:15px;
        padding-bottom:15px
    }
}
@media only screen and (max-width :360px){
    .band-img img{
        width:100%
    }
}
.homeVideoSec{
    background-color:#eef0f3;
    padding-top:4rem;
    padding-bottom:7rem;
    color:#fff
}
.videoContainer{
    border-radius:10px;
    width:100%;
    position:relative
}
.videoBg{
    position:relative;
    text-align:center;
    background-repeat:no-repeat;
    background-size:contain;
    height:485px;
    width:100%;
    background-position:center center;
    display:table
}
.tress-video{
    display:table-cell;
    vertical-align:middle;
    width:285px;
    text-align:center
}
.playIcon{
    width:226px;
    height:135px;
    background-color:rgba(0,168,255,.8);
    display:inline-block;
    left:0;
    right:0;
    margin:0 auto;
    padding:38px;
    transition:transform .5s,width .1s
}
.playIcon img{
    display:inline-block
}
.playIcon a{
    color:#fff
}
.playIcon a i{
    font-size:52px
}
.videoContainer:hover .playIcon{
    transform:scale(1.3)
}
.playIcon:hover{
    background-color:#00a8ff;
    width:240px
}
@media only screen and (max-width :992px){
    .videoBg{
        height:385px
    }
    .tress-video{
        width:235px
    }
    .playIcon{
        width:160px;
        height:96px;
        top:143px;
        padding-top:25px
    }
    .videoContainer{
        padding:15px 0
    }
    .homeVideoSec{
        padding:50px 0
    }
}
@media only screen and (max-width :650px){
    .videoBg{
        height:320px
    }
    .tress-video{
        width:200px
    }
    .playIcon{
        width:140px
    }
    .playIcon a i{
        font-size:40px
    }
}
@media only screen and (max-width :420px){
    .videoBg{
        height:230px
    }
    .tress-video{
        width:150px
    }
    .playIcon a i{
        font-size:35px
    }
    .playIcon:hover{
        width:100px
    }
}
@media only screen and (max-width :320px){
    .videoBg{
        height:165px
    }
    .playIcon a i{
        font-size:20px
    }
}
.screening{
    padding:90px 0;
    background-color:#e0e6ee
}
.screening .screen-contant h4{
    font-size:40px;
    padding:30px 0;
    font-weight:700
}
.screening ul{
    margin:0;
    padding:0 15px
}
.screening ul li{
    color:#808488;
    list-style:url(../images/check-greay.png);
    padding-bottom:20px;
    font-size:18px
}
@media only screen and (max-width :992px){
    .screening .screen-img img{
        max-width:100%;
        max-height:396px
    }
    .screening{
        padding:15px 0
    }
}
.we-do{
    position:relative;
    padding:100px 0;
    height:883px;
    width:100%;
    background-image:url(../Images/map.png);
    background-repeat:no-repeat;
    background-position:center right
}
.we-do .near{
    position:absolute;
    content:"";
    right:0;
    bottom:0;
    background-image:url(../Images/near.png);
    background-repeat:no-repeat;
    display:inline-block;
    width:100%;
    height:883px;
    background-position:right bottom
}
.we-do h4{
    font-size:36px;
    padding-bottom:50px;
    font-weight:700;
    color:#000
}
.we-do ul{
    margin:0;
    padding:0 15px
}
.we-do ul li{
    color:#808488;
    list-style:url(../images/check-greay.png);
    padding-bottom:20px;
    font-size:18px
}
@media only screen and (max-width :992px){
    .we-do{
        padding:15px 0;
        background-position:top center;
        height:auto
    }
    .we-do .near{
        display:none
    }
}
footer{
    background-color:#000;
    padding:85px 0
}
footer .footer-contant ul.footer-nav{
    margin:0;
    padding:0;
    list-style:none
}
footer .footer-contant .heading{
    text-transform:uppercase;
    font-size:14px;
    padding:15px 0;
    color:rgb(255 255 255 / .6)
}
footer .footer-contant ul.footer-nav li a{
    text-decoration:none;
    transition:.3s ease all;
    margin:0;
    padding:5px 0;
    display:block;
    font-size:14px;
    color:#fff
}
footer .footer-contant ul.footer-nav li a:hover{
    color:rgb(255 255 255 / .7)
}
footer .footer-contant ul.social-media{
    margin:0;
    padding:0;
    list-style:none
}
footer .footer-contant ul.social-media li{
    display:inline-block
}
footer .footer-contant ul.social-media li a{
    text-decoration:none;
    transition:.3s ease all;
    margin:0;
    padding:5px 5px 0 0;
    display:block;
    color:#fff
}
footer .footer-contant ul.social-media li a:hover{
    text-decoration:none;
    opacity:.7
}
footer hr{
    border-color:rgb(255 255 255 / .2);
    margin-top:60px;
    margin-bottom:25px
}
footer .footer-logo{
    width:100%
}
footer .copyright{
    font-size:14px;
    color:#fff
}
footer .copyright p{
    margin-bottom:0
}
footer .copyright p.all-right{
    color:#666
}
@media only screen and (max-width :768px){
    footer{
        text-align:center;
        padding:15px 0 50px 0
    }
    footer .copyright{
        padding-top:15px
    }
}
.navbar{
    transition:background-color .5s ease;
    background-color:#fff
}
.navbar-dark .navbar-nav .show>.nav-link{
    color:#3ab81c
}
.dropdown-item.active,.dropdown-item:active{
    background-color:#e3e5e9
}
.dropdown-toggle::after{
    display:none
}
.navbar.navfixed{
    background-color:#fff;
    box-shadow:0 5px 5px rgba(237,237,237,.5)
}
.navbar.navfixed .btn-green{
    background-color:#df4242;
    color:#fff
}
.container{
    max-width:1230px
}
.childpage-banner,.vh100-banner{
    min-height:500px;
    min-height:100vh
}
.childpage-banner.vital-cover{height:auto;min-height:inherit;}
.childpage-cover{
    padding-top:100px;
    padding-bottom:50px
}
.vitalpage-cover{
    padding-top:100px
}
.solutionpage-cover{
    padding-top:100px;
    padding-bottom:410px
}
.homepage-cover{
    padding-top:100px;
    padding-bottom:100px
}
.vital-cover{
    position:relative
}
.homecoverbg{
    background:#000 url(../images/animation.svg) bottom center no-repeat;
    background-size:cover
}
.vitalsec{
    overflow:hidden
}
.vs-hrv{
    background-color:#fdf0f0
}
.vs-oxy{
    background-color:#ebf8ff
}
.vs-temp{
    background-color:#eefbf5
}
.vs-bp{
    background-color:#fdf7eb
}
.vitalsec-cover{
    background-color:#fff;
    width:9999px;
    border-radius:15px;
    overflow:hidden
}
.font36{
    font-size:2.25rem;
    font-weight:600
}
.font24{
    font-size:1.5rem;
    font-weight:600
}
.font18{
    font-size:1.125rem
}
.font16{
    font-size:1rem
}
.font14{
    font-size:.875rem
}
.font12{
    font-size:12px;
}
.letter-spacing-sm,h1,h2,h3,h4,h5,h6{
    letter-spacing:-.9px
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    font-weight:600;
    line-height:1.5
}
.cp-cover-img{
    position:absolute;
    max-width:1000px;
    left:50%;
    margin-left:-450px
}
.bg-grey{
    background-color:#eef0f3
}
.rounded-xl{
    border-radius:15px!important
}
.text-danger{
    color:#df4242!important
}
.text-success{
    color:#3ab81c!important
}
.text-info{
    color:#e79e05!important
}
.text-primary{
    color:#0082ba!important
}
@media only screen and (min-width :1001px){
    .soltabs{
        padding-top:150px
    }
}
.font-weight-600{
    font-weight:600
}
@media only screen and (max-width :650px){
    .responsive-font-lg{
        font-size:1.8rem
    }
    .vitalsec-cover{
        width:100%
    }
}
@media only screen and (max-width :1000px){
    .cp-cover-img{
        position:relative;
        left:auto;
        margin-left:0!important;
        max-width:100%!important
    }
    .solutionpage-cover{
        padding-bottom:0
    }
}
.caroforvital{
    margin-bottom:-30px
}
.caroforvital .carousel-control-next,.caroforvital .carousel-control-prev{
    width:auto
}
.checkulist{
    list-style:none;
    font-weight:500;
    padding-left:0
}
.checkulist li{
    background:url(../images/check.svg) left 7px no-repeat;
    padding-left:30px;
    margin-bottom:15px
}
.industry-card{
    width:380px
}
.arrow-link{
    display:inline-block;
    padding-right:20px;
    background:url(../images/arrow-link.svg) right 6px no-repeat;
    align-self:flex-start
}
.caro-outside .carousel-control-prev{
    left:-40px
}
.caro-outside .carousel-control-next{
    right:-40px
}
@media only screen and (max-width :1290px){
    .caro-outside{
        padding-left:50px;
        padding-right:50px
    }
    .caro-outside .carousel-control-prev{
        left:0
    }
    .caro-outside .carousel-control-next{
        right:0
    }
}
.navbar-nav .dropdown-menu::before{
    content:"";
    position:absolute;
    top:-7px;
    left:50%;
    width:17px;
    height:17px;
    transform:translate(-50%,0) rotate(-315deg);
    border-radius:3px;
    background-color:#fff;
    border-left:1px solid rgba(0,0,0,.15);
    border-top:1px solid rgba(0,0,0,.15)
}
@media only screen and (min-width :991px){
    .dropdown:hover .dropdown-menu{
        display:block;
        margin-top:0
    }
    .navbar-nav .dropdown-menu{
        left:50%;
        transform:translate(-50%,-2px)
    }
}
.navbar-collapse.collapsing,.navbar-collapse.show{
    height:calc(100vh - 56px);
    z-index:10000;
    overflow:auto;
    padding-top:40px
}
@media (min-width:992px){
    .animate{
        animation-duration:.6s;
        -webkit-animation-duration:.6s;
        animation-fill-mode:both;
        -webkit-animation-fill-mode:both
    }
}
@keyframes slideIn{
    0%{
        transform:translate(-50%,1rem);
        opacity:0
    }
    100%{
        transform:translate(-50%,-2px);
        opacity:1
    }
    0%{
        transform:translate(-50%,1rem);
        opacity:0
    }
}
@-webkit-keyframes slideIn{
    0%{
        -webkit-transform:transform;
        -webkit-opacity:0
    }
    100%{
        -webkit-transform:translate(-50%,-2px);
        -webkit-opacity:1
    }
    0%{
        -webkit-transform:translate(-50%,1rem);
        -webkit-opacity:0
    }
}
.slideIn{
    -webkit-animation-name:slideIn;
    animation-name:slideIn
}
.benefitsec .bg-common{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    min-height:440px
}
.bg-benefit-01{
    background-color:#3ab81c;
    background-image:url(../images/benfit-bg-01.jpg)
}
.bg-benefit-02{
    background-color:#78a1a2;
    background-image:url(../images/benfit-bg-02.jpg)
}
.bg-benefit-03{
    background-color:#5956af;
    background-image:url(../images/benfit-bg-03.jpg)
}
.bg-benefit-04{
    background-color:#de9fb9;
    background-image:url(../images/benfit-bg-04.jpg)
}
.bg-benefit-05{
    background-color:#e59e04;
    background-image:url(../images/benfit-bg-05.jpg)
}
.bg-benefit-06{
    background-color:#1e64c4;
    background-image:url(../images/benfit-bg-06.jpg)
}
.benefitsec .bg-common ol { counter-reset: li; /* Initiate a counter */ list-style: none; /* Remove default numbering */ padding: 0; }
.benefitsec .bg-common ol li{ position: relative; display: block; text-decoration: none; border-radius: .3em; transition: all .3s ease-out; padding: 7px 0 7px 40px; }
.benefitsec .bg-common ol li:before{ content: counter(li); counter-increment: li; position: absolute; left: 0; top: 0; margin-top: 5px; height: 2em; width: 2em; line-height: 2em; border: 2px solid #fff; text-align: center; border-radius: 2em; transition: all .3s ease-out; list-style-type: decimal-leading-zero; font-size: 14px; line-height: 24px; }
.navbar-expand-lg .navbar-nav .nav-link .arrow:after{ border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #000; content:""; float:right; height:0; margin:0 0 0 9px; position:relative; text-align:right; top:9px; right:5px; width:0 }
.navbar-expand-lg .navbar-nav .nav-link:hover .arrow:after{ border-top:4px solid #3ab81c; content:"" }
@media(max-width:1390px){
    .top-nav .login-btn-holder a{ font-size:.75rem }
    .navbar-expand-lg .navbar-nav .nav-link{ font-size:.7rem; padding-left:.5rem; padding-right:.5rem }
    .top-nav .login-btn-holder .btn-green{ padding:8px 15px }
    .top-nav .navbar-brand{max-width: 225px;}
    .navbar-expand-lg .navbar-nav .nav-link .arrow:after { top: 6px; }
}
@media only screen and (max-width :991px){
    .navbar-dark .navbar-nav .nav-link,.top-nav .login-btn-holder a{
        padding:.5rem
    }
    .dropdown-menu{
        position:relative!important;
        padding-top:0!important;
        padding-bottom:0!important
    }
    .navbar-collapse.collapsing,.navbar-collapse.show{
        max-width:200px;
        height:270px;
        position:absolute;
        top:52px;
        right:0;
        background-color:#fff;
        float:right;
        padding:10px
    }
    .logoHolder{
        width:100%
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        text-align:left
    }
    .top-nav .login-btn-holder a{
        text-align:left
    }
    .dropdown-menu .dropdown-item img.mr-2{
        display:none!important
    }
    .navbar-collapse .dropdown-item{
        padding:.5rem
    }
}
@media (max-width:767px){
    .benefitsec .bg-common{
        background-image:none
    }
}
.form-bg{
    background-color:#fff;
    margin-bottom:-60px
}
.form-bg .headingh5{
    font-weight:400;
    padding:15px 0;
    letter-spacing:-1px
}
.form-bg .form-group .form-control{
    height:55px;
    border-radius:0;
    border-color:#d0d2d6
}
.form-bg.contact-form .form-group textarea.form-control{
    height:130px;
    resize:none
}
.form-bg .form-group textarea.form-control{
    height:124px
}
.isd{
    max-width:75px
}
.icon2{
    background-image:url(../images/icons2.svg);
    background-repeat:no-repeat
}
.health-data{
    background-position:-4px -136px;
    width:50px;
    height:60px
}
.Location-data{
    background-position:-70px -136px;
    width:50px;
    height:60px
}
.screening-data{
    background-position:-128px -136px;
    width:50px;
    height:60px
}
.policy-sce{
    padding:50px 0
}
.policy-sce h3{
    font-size:40px;
    font-weight:600;
    text-align:center;
    padding-bottom:65px
}
.policy-sce .policy-sce-contant{
    width:100%;
    border:1px solid #d1d8e2;
    padding:20px 20px;
    margin-bottom:20px;
    min-height:320px
}
.policy-sce .policy-sce-contant h4{
    min-height:70px
}
.policy-sce .policy-sce-contant p{
    color:#808488
}
.app-store img{
    border:1px solid #707070;
    border-radius:10px
}
.app-img{
    position:absolute;
    left:50%;
    margin-left:-415px;
    max-width:435px
}
.min-h-25{
    min-height:25px
}
.mt-150{
    margin-top:-150px
}
.min-h618{
    min-height:500px
}
.full-w{
    width:100%
}
.list-group li h2{
    line-height:1.2
}
.price{
    font-size:28px;
    font-weight:400;
    margin-top:-50px
}
.product-details{
    padding:40px 40px
}
.nav.nav-pills.custom-nav{
    border-bottom:1px solid #e3e5e9;
    margin-bottom:-2px
}
.nav.nav-pills.custom-nav li.nav-item a.nav-link{
    color:#484848;
    background-color:transparent
}
.nav.nav-pills.custom-nav li.nav-item a.nav-link.active{
    border-bottom:1px solid #000;
    margin-bottom:-1px;
    border-radius:0
}
.color-tab{
    width:100%;
    padding-top:20px
}
.color-tab a{
    margin-right:15px;
    width:36px;
    height:36px;
    display:inline-block;
    border-radius:50%;
    border:3px solid #fff
}
.color-tab a.active{
    box-shadow:0 0 0 2px #3ab81c
}
.greay-bg{
    background-color:#4d4d4d
}
.black-bg{
    background-color:#000
}
.blue-bg{
    background-color:#282584
}
ul.facility{
    margin:0;
    padding:15px 0;
    list-style:none
}
ul.facility li{
    padding:5px 0
}
ul.facility li span{
    vertical-align:middle
}
ul.facility li span.list-img{
    padding-right:5px
}
.product-details .card{
    border:none
}
.product-details .card-header{
    border-bottom:1px solid #e3e5e9;
    border-top:1px solid #e3e5e9;
    background-color:#fff
}
.card-header h2{
    font-size:28px
}
.card-header h2 button span{
    text-decoration:none;
    font-size:28px;
    font-weight:600;
    vertical-align:middle;
    color:#000
}
.card-header h2 button{
    padding:15px 0;
    text-decoration:none;
    border-radius:0
}
.card-header h2 button:focus,.card-header h2 button:hover{
    text-decoration:none
}
.card-header h2 button:hover{
    background-color:#f2f2f2
}
.card-header h2 button i{
    position:absolute;
    right:0;
    top:35px
}
.card-header h2 button.collapsed i{
    top:25px
}
.card-header h2 .btn-link.collapsed{
    top:13px;
    outline:0;
    box-shadow:none
}
.card-header .add{
    display:inline-block;
    background-image:url(../images/minus.svg);
    background-repeat:no-repeat;
    width:25px;
    height:25px
}
.card-header .collapsed .add{
    display:inline-block;
    background-image:url(../images/add.svg);
    background-repeat:no-repeat;
    width:25px;
    height:25px
}
.sticky{
    position:sticky;
    top:5rem
}
.specifications-head{
    background-color:#f3f3f3;
    font-weight:600
}
@media (max-width:992px){
    .price{
        margin-top:0
    }
    .product-details{
        padding:20px
    }
}
.readtoggler.collapse:not(.show){
    display:block
}
@media (min-width:767px){
    .readtoggler.collapse:not(.show){
        display:block;
        height:9rem;
        overflow:hidden
    }
    .readtoggler.collapsing{
        height:9rem
    }
    .anchortoggler.collapsed::after{
        content:'+ Show More'
    }
    .anchortoggler:not(.collapsed)::after{
        content:'- Show Less'
    }
}
a.pass-benefitsec{
    text-decoration:none;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
a.pass-benefitsec:hover .shadow-lg{
    box-shadow:0 1rem 3rem rgba(0,0,0,.3)!important
}
.solutionpage-cover.services-provid-cover{
    padding-bottom:350px
}
.desk-img{
    height:381px;
    margin-top:60px
}
.mob-cover-img{
    position:absolute;
    max-width:175px;
    margin-top:150px;
    left:50%;
    margin-left:70px
}
@media only screen and (max-width:1000px){
    .solutionpage-cover.services-provid-cover{
        padding-bottom:100px
    }
    .cp-cover-img.desk-img{
        margin-top:15px
    }
    .mob-cover-img{
        margin-top:100px;
        margin-left:175px
    }
}
@media only screen and (max-width:768px){
    .solutionpage-cover.services-provid-cover{
        padding-bottom:50px
    }
    .mob-cover-img{
        display:none
    }
    .cp-cover-img.desk-img{
        position:relative;
        left:auto;
        margin-left:0!important
    }
    .desk-img{
        height:auto
    }
}
.media-img-box{
    width:160px;
    height:100px;
    border:1px solid #ddd;
    border-radius:15px;
    text-align:center;
    position:relative
}
.media-img-box img{
    position:absolute;
    margin:auto;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.more{
    padding-left:10px;
    font-weight:500;
    text-decoration:underline
}
.more:hover{
    text-decoration:none
}
@media only screen and (max-width:550px){
    .comp-contant .media{
        display:block
    }
    .comp-contant .media span{
        width:100%;
        display:block;
        height:150px;
        margin-bottom:15px
    }
    .comp-contant .media .media-body{
        width:100%;
        display:block
    }
}
.btn-red.solid{
    background-color:#df4242;
    color:#fff
}
.videoModal .btn-close{
    position:absolute;
    right:-10px;
    top:-10px;
    background-color:#fff;
    width:25px;
    height:25px;
    border-radius:50%;
    outline:0
}
.videoContainer .videoBg{
    background-image:url(../images/video-bg.jpg);
    background-size:cover;
    border-radius:10px;
    box-shadow:0 20px 30px rgba(0,0,0,.3);
    height:615px
}
.homeBanner{ padding-top:60px;position: relative;}
.homeBanner .carousel-caption{ top:inherit; text-align:center; max-width:100%; width:100%; left:0; right:0; bottom:0 }
.homeBanner .carousel-caption::before{ content:""; background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7))); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%); background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%); background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%); width:100%; position:absolute; left:0; right:0; min-height:150px; z-index:9; bottom:0 }
.homeBanner .carousel-caption p{ font-size:2rem; font-weight:600; color:#fff; position:relative; z-index:99; margin:0 }
.navbar-light .navbar-toggler{ border:none; outline:0 }
.corporateVideo .videoBg{ background-image:url(../images/corporatevideo-bg.png) }
.familyVideo .videoBg{ background-image:url(../images/family-video-bg.png) }
.serviceVideo .videoBg{ background-image:url(../images/service-video-bg.png) }
.solindividual{ padding-top:100px }
.ProductsContainer{ padding-top:50px }
.productholder h2{ font-size:32px; font-weight:600 }
.pageHeading{ font-size:36px }
.productholder{
    position:relative
}
.modelNo{
    font-size:24px;
    color:#3ab81c
}
.modelNo.text-warning{
    color:#e79e05
}
.productholder-right .btn-grey{
    background-color:#999ca4;
    border-radius:50px;
    padding:10px 25px;
    color:#fff
}
.ribbon{
    display:inline-block;
    width:160px;
    line-height:42px;
    background:#df4242;
    position:absolute;
    left:0;
    height:44px;
    color:#fff;
    top:80px;
    font-size:22px
}
.ribbon::after{
    content:'';
    position:absolute;
    border-style:solid;
    top:0;
    right:-14px;
    border-width:1em .3em 1em 10px;
    border-color:#df4242 transparent #df4242 #df4242
}
.ribbon-right{
    display:inline-block;
    width:160px;
    line-height:42px;
    background:#df4242;
    position:absolute;
    right:0;
    height:44px;
    color:#fff;
    bottom:85px;
    font-size:22px
}
.ribbon-right::after{
    content:'';
    position:absolute;
    border-style:solid;
    top:0;
    left:-14px;
    border-width:1em .3em 1em 10px;
    border-color:#df4242 #df4242 #df4242 transparent
}
@media(max-width:991px){
    .videoContainer .videoBg{
        height:450px
    }
}
@media(max-width:768px){
    .videoContainer .videoBg{
        height:350px
    }
}
@media(max-width:500px){
    .videoContainer .videoBg{
        height:235px
    }
}
@media(max-width:580px){
    .homeBanner .carousel-caption p{
        font-size:1.2rem
    }
    .ribbon{
        top:20px
    }
    .ribbon-right{
        bottom:auto;
        top:20px;
        left:0
    }
    .ribbon-right::after{
        border-color:#df4242 transparent #df4242 #df4242;
        left:auto;
        right:-14px
    }
    .productholder h2{
        font-size:24px
    }
}
.tres-banner{
    height:500px;
    width:100%;
    margin-top:60px;
    padding-top:40px
}
.tres-banner .left-img-box{
    width:100%
}
.banner01{
    background-image:url(../images/banners04.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    height:420px
}
.banner02{
    background-image:url(../images/sol-corporates.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    height:420px
}
.banner03{
    background-image:url(../images/banners08.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    height:420px
}
.banner04{
    background-image:url(../images/Food-delivery.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    height:420px
}
.banner05{
    background-image:url(../images/banner09.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    height:420px
}
.banner06{
    background-image:url(../images/e-Pass.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    height:420px
}
.img-mob,.img-vitals-mob{
    display:none
}
.tres-banner .left-img-box .vitals-features{
    width:100%;
    bottom:0;
    left:0;
    right:0;
    z-index:2
}
.vitals-features .featureSec p{
    font-size:13px;
    font-weight:600
}
.img-overlay{
    width:100%;
    height:212px;
    position:absolute;
    bottom:0;
    left:0;
    z-index:1;
    background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100%,hsl(0deg 0 0 / 70%)));
    background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,hsl(0deg 0 0 / 90%) 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100%,hsl(0deg 0 0 / 90%)));
    background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,hsl(0deg 0 0 / 90%) 100%);
    background:-o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
    background:-ms-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
    background:linear-gradient(to bottom,rgba(255,255,255,0) 0,hsl(0deg 0 0 / 90%) 100%)
}
.tres-banner.vitals{
    background:linear-gradient(to right,#00a5ba,#5956af)
}
.tres-banner.sol-corporates{
    background:linear-gradient(to right,#654ea3,#eaafc8)
}
.tres-banner.family-friends{
    background:linear-gradient(to right,#00a5ba,#8121a4)
}
.tres-banner.service-provider{
    background:linear-gradient(to right,#78a1a2,#b9c5a3)
}
.tres-banner.tracking-solution{
    background:linear-gradient(to right,#5956af,#00a5ba)
}
.tres-banner.sol-corporates .right-img-box img{
    margin-top:65px
}
.tres-banner.service-provider .right-img-box h2{
    margin:2px
}
.tres-banner.tracking-solution .right-img-box img{
    height:324px
}
@media only screen and (max-width:991px){
    .tres-banner{
        min-height:500px;
        height:auto;
        padding-top:15px;
        text-align:center
    }
    .tres-banner.sol-corporates .right-img-box img{
        margin-top:0
    }
    .pdd-x-0{
        padding-left:0;
        padding-right:0
    }
}
@media only screen and (max-width:767px){
    .banner02,.banner03,.banner04,.banner05,.banner06{
        display:none
    }
    .img-mob{
        display:block
    }
}
@media only screen and (max-width:500px){
    .img-overlay,.vitals-features{
        display:none
    }
    .banner01{
        display:none
    }
    .img-vitals-mob{
        display:block
    }
}

.go-top{
    display:block;
    width:36px;
    height:36px;
    line-height:36px;
    text-align:center;
    font-size:30px;
    position:absolute;
    bottom:25px;
    left:20px;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
    background-color:#fff;
    color:#999;
    text-decoration:none;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:50%;
    z-index:1031;
    box-shadow:0 0 0 5px rgba(0,0,0,.2)
}
.go-top .angle-up{
    background-image:url(../images/upload.png);
    width:20px;
    height:20px;
    display:inline-block;
    background-repeat:no-repeat;
    background-size:cover;
    opacity:.6
}
.go-top:hover{
    box-shadow:0 0 0 7px rgba(0,0,0,.1)
}
.go-top{ position:fixed; bottom:-45px; right:20px; left:auto; display: none; }
.go-top.show{
    bottom:20px
}
@media only screen and (max-width:550px){
    .analysis-contant{
        z-index:2;
        position:relative
    }
    .monitoring-bg:after{
        background-color:rgb(58 184 28 / 75%);
        content:"";
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        z-index:-1;
        border-radius:10px
    }
    .travel-his-bg:after{
        background-color:rgb(89 86 175 / 75%);
        content:"";
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        z-index:-1;
        border-radius:10px
    }
    .groups-monitor-bg:after{
        background-color:rgb(122 163 164 / 75%);
        content:"";
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        z-index:-1;
        border-radius:10px
    }
    .certificates-bg:after{
        background-color:rgb(219 175 204 / 75%);
        content:"";
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        z-index:-1;
        border-radius:10px
    }
}
.carousel-item img{
    width:100%;
    height:auto
}


/*Footer icon css*/
.fixed-icon{ list-style: none; position: fixed; bottom:25px; margin: 0; right: 25px; display: block; z-index: 10;}
.fixed-icon li{ margin-top: 15px;}
.fixed-icon li a{display: block; width: 60px; height: 60px;}
.fixed-icon li a span{position: absolute;width: 115px;height: 29px;background-color: #fff;
right:70px;top: 15px;border-radius: 7px;border: 1px solid #aaa;text-align: center;
font-size: 14px;line-height: 29px;color: #000;}
.stage { position:absolute;width:60px;height:60px; }
.stage .stroke { position:absolute; top:-98px;left:5px; height:100px; border-left:1px solid #35c7be; padding-left:8px; color:#35c7be; }
.stage .stroke p { margin-bottom:0; }
.stage .dot {position: absolute;top:0;left:0;width:60px;height:60px;background:#35c7be;border-radius: 50%;z-index: 3;}
.stage .dot img {display: inline-block;}
.stage .dot.red{background:#DF4242;}
.stage .dot.green{background:#00E676;}
.stage .custom-shop{text-align: center;padding-top: 18px;}
.stage .custom-whatsapp{text-align: center;padding-top: 10px;}

.stage .ping {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0px;height: 0px;box-shadow: inset 0 0 10px rgba(26, 159, 183, 0);border: 1px solid rgba(26, 159, 183, 0);border-radius: 50%;animation: ping 2s ease infinite;z-index: 2;}
@keyframes ping {
0% {width: 0px;height: 0px;box-shadow: inset 0 0 10px rgba(223, 66, 66, 1);border: 1px solid rgba(223, 66, 66, 1);}
60% {box-shadow: inset 0 0 10px rgba(223, 66, 66, 1);border: 1px solid rgba(223, 66, 66, .4);}
90% {width:100px;height:100px;}
}
@media only screen and (max-width:992px){
}
/*Footer icon css*/

.addresfield{display: table;}
.addresfield span{display: table-cell;}
.addresfield span.addLocation{width: 130px;}
@media(max-width:400px){
.addresfield span.addLocation, .addresfield span{width: 100%;display: block;}
}


/* APK download */
.modal-white { background-color: rgb(255 255 255 / 90%); }
.modal-white .modal-lg { max-width: 750px; }
.modal-white .modal-lg .modal-content {border-radius: 0;border: 2px solid;padding: 50px;}
.modal-white button.close { position: absolute; right: -30px; top: -30px; opacity: 1; }
.modal-white button.close:hover { opacity: 1 !important; }
.modal-white .modal-dialog.modal-lg { margin-top: 60px; }
.modal-white .modal-title { font-size: 28px; font-weight: 700; margin-bottom: 20px; line-height: 1.3; }
.modal-white p { font-size: 18px; }
.modal-white ol li {font-size: 14px;position: relative;z-index: 1;padding-left: 14px;padding-bottom: 15px;counter-increment: li;list-style: none;}
.modal-white ol li:before {content: counter(li);color: white;display: block;height: 30px;width: 30px;position: absolute;left: -25px;top: -4px;z-index: -1;background-color: #00A5BA;border-radius: 100px;text-align: center;padding-top: 6px;}
.modal-white ol { padding-left: 30px; }
@media (max-width: 767px) {
.modal-white .modal-lg .modal-content {padding: 20px;}
.modal-white .modal-title { font-size:24px; }
.modal-white .modal-dialog.modal-lg { margin-top: 30px; }
}
/* Customer Stories */
.customer-stories-sec{background-color: #EEF0F3;padding-top: 65px;}
.videoImgHolder{position: relative;display: flex;justify-content: center;align-items: center;}
.videoPlayIcon{position: absolute;display: flex;justify-content: center;align-items: center;left: 0;right: 0;top: 50%;transform: translate(0, -50%);padding-top: 40px;}
.videoContainer:hover .videoPlayIcon{top: 40%;}
.videoImgHolder .card-img-top{border-radius: 15px;}
.blogerDetailHolder{display: flex;margin-top: 15px;}
.personImg{width: 70px;height: 70px;border-radius: 50%;}
.blogerDetail{margin-left: 10px;}
.blogerName{color: #3AB81C;font-size: 20px;font-weight: 600;}
.blogerPosition, .blogerPlace{font-size: 14px;color: #000000;}
.blogerPost{font-weight: 600;}
.blogeDate{color:#000;font-size: 14px;font-weight: 600;}

.new-ver{color: #fff;width: 200px;margin: auto;background-color: #585858;display: block;border-radius: 5px;margin-bottom: 10px;font-size: 13px;}
.arrow_box:after {top: 33px;left: 50%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(223, 66, 66, 0);border-top-color: #585858;border-width: 10px;margin-left: -10px;}
p.new-ver-pop{font-size: 14px;color: #0eba5d;font-weight: 700;margin: 0px;}
.welcomevideo .iframe-control{width: 712px;}
@media only screen and (max-width:992px){
.welcomevideo .iframe-control{width: 100%; max-width: 100%;}
}

.cdsco-logo{position: absolute;left:35px;bottom:20px;z-index: 999;}
.cdsco-logo img{height: 140px;}
@media (max-width: 1199px) {
.cdsco-logo img{height: 90px; width: 90px;}
}

@media (max-width: 767px) {
.cdsco-logo {right: 35px;left: auto;bottom: 60px;}
}

/*------------------------------------------------------
                Remote monitoring
---------------------------------------------------------*/
.remote-monitoring-banner{background:#654ea3; background:linear-gradient(42deg,#654ea3 0,#eaafc8 100%); position:relative; padding-bottom:35px;min-height: 500px;height:auto}
.btn-knowmore{border-radius:50px;padding: 10px 25px;}
.white-bordered{border: 2px #fff solid;}
.purpule-bordered{border: 2px #5956AF solid;color: #5956AF;}
.white-bordered:hover{border: 2px #df4242 solid;background:#df4242;}
.purpule-bordered:hover{border: 2px #5956AF solid;background:#5956AF;color: #fff;}

.monitoring-anywhere{min-height: 500px;}
.monitoring-anywhere .container{position:relative;}
.monitoring-anywhereimg-Holder{position: absolute;right: -35px;max-width: 600px;z-index: -1;}
.monitoring-anywhere ul{list-style: none;margin: 0;padding:0}
.monitoring-anywhere ul li{color:#5956AF;margin-bottom: 20px;position: relative;padding-left: 25px;}
.monitoring-anywhere ul li:before{position:absolute;left: 0;display: block;content: "\f058";font-family: 'Font Awesome 5 Free';font-weight: 900;}
.monitoring-solutionImg{max-width:985px;display: block;margin:35px auto 0;width: 90%;}

.key-benefits-section figcaption .figHeading{font-size: 20px;color:#5956AF;margin: 20px 0 15px;}
.whereMatterSec figure{background-color:#fff;border-radius:10px;padding:15px}
.figcaptionSlider .figHeading{font-size:16px;font-weight:bold;margin-top: 15px;}
.whereMatterSlider.owl-theme .owl-nav{top: 50%;position:absolute;width: 100%;transform:translate(0, -50%);margin-top:0}
.whereMatterSlider.owl-theme .owl-nav button:focus{outline: none;}
.whereMatterSlider.owl-theme .owl-nav .owl-prev{position: absolute;left: -60px;background-color: #fff;width: 45px;height:45px;border-radius: 50%;font-size: 20px;text-align: center;display: flex;align-items: center;justify-content: center;top: 50%;transform:translate(0, -50%);box-shadow: 0 4px 10px rgba(0,0,0,.25);}
.whereMatterSlider.owl-theme .owl-nav .owl-next{position: absolute;right: -60px;background-color: #fff;width: 45px;height:45px;border-radius: 50%;font-size: 20px;text-align: center;display: flex;align-items: center;justify-content: center;top: 50%;transform:translate(0, -50%);box-shadow: 0 4px 10px rgba(0,0,0,.25);}

@media(max-width:1300px){
    .monitoring-anywhereimg-Holder{right:0}
    .whereMatterSlider.owl-theme .owl-nav .owl-prev{left:0}
    .whereMatterSlider.owl-theme .owl-nav .owl-next{right:0}
}
@media(max-width:768px){
    .monitoring-anywhereimg-Holder{position:static;max-width: inherit;width: 100%;text-align:center;}
}
/*------------------------------------------------------
                New Home page
---------------------------------------------------------*/
.sec-heading{font-size:2.12rem;font-weight: 600;}
.lower-banner-holer{display: flex;width: 100%;justify-content: center}
.lower-banner{position:absolute;top: 120px;z-index: 9;max-width:1450px;width:100%;display: flex;flex-direction: column;}
.lower-banner .btn-rpm{background: rgb(89,86,175); background: linear-gradient(90deg, rgba(89,86,175,1) 0%, rgba(226,43,61,1) 100%);border-radius: 50px;color: #fff;font-size: 2.12rem;font-weight: 600;padding: 10px 50px;outline:none;margin-bottom: 40px;border:none;}
.threeHolder{width:100%;display: flex;flex-direction: row;justify-content: space-between;}
.img2Holder{max-width:550px}
@media(min-width:2000px){
    .lower-banner{top:200px}
}
@media(max-width:1800px){
    .threeHolder, .treFeatuesolder {transform:scale(0.9)}
}
@media(max-width:1650px){
    .img2Holder{max-width:35%}
    .lower-banner{top:80px}
    .lower-banner .btn-rpm{margin-bottom:20px}
}
@media(max-width:1400px){
    .img2Holder{max-width:35%}
    .lower-banner .btn-rpm{font-size: 2rem;}
}
@media(max-width:1100px){
    .lower-banner{top: 100px;}
    .img2Holder{max-width:45%}
    .img1Holder{max-width:175px;margin-left: 15px;}
    .img3Holder{max-width:220px;margin-right:15px}
    .lower-banner .btn-rpm{font-size:1.2rem;margin-bottom: 20px;}
}
@media(max-width:991px){
    .treFeatuesSec{padding-top:70px}
    .treFeatuesSec .featureSec{max-width: inherit;}
    .treFeatuesolder .featureSec:first-child{margin-top: 10px;}
    .treFeatuesolder .featureSec:nth-child(2){margin-top: 10px;}
    .treFeatuesolder .featureSec:nth-child(3){margin-top: 10px;}
    .treFeatuesolder .featureSec:nth-child(4){margin-top: 10px;}
    .treFeatuesolder .featureSec:nth-child(5){margin-top: 10px;}
    .treFeatuesolder .featureSec:nth-child(6){margin-top: 10px;}
    .treFeatuesolder .featureSec:nth-child(7){margin-top: 10px;}
    .treFeatuesolder .featureSec:nth-child(8){margin-top: 10px;}
    .img2Holder{max-width:45%}
    .img1Holder{max-width:150px;margin-left: 15px;}
    .img3Holder{max-width:200px;margin-right:15px}
}
@media(max-width:576px){
    .lower-banner{position: absolute;top:50px;margin-bottom:60px;transform: scale(0.8);}
    .treFeatuesSec{padding-top:120px}
}
@media(max-width:566px){
    .lower-banner{top:75%;transform: scale(1);}
    .lower-banner .btn-rpm{font-size:0.8rem}
}
.wellnessEco-holder{padding-top: 50px;padding-bottom: 50px;position: relative;}
.wellnessEco-holder::after{position: absolute;right:0;top: 0;height:100%;width: 50%;background-color:rgba(236, 250, 244, 0.7);display: block;content: "";clip-path: polygon(39% 0, 100% 0%, 100% 100%, 0% 100%);z-index: -1;}
.wellnessEco-holder ul{list-style: none;margin: 0;padding:0;}
.wellnessEco-holder ul li{display: flex;align-items: center;padding-bottom: 25px;margin-bottom: 25px;border-bottom: #D0D2D6 1px solid;width:90%}
.wellnessEco-holder ul li:last-child{border-bottom: none;}
.left-img{width: 55px;text-align: center}
.wellnessEco-holder ul li span.heading{font-size: 1rem;color: #5956AF;font-weight: 600;}
.wellnessEco-holder ul li p{font-size:.87rem ;color:#363E46;font-weight:300}
.wellnessEco-holder .rightsideImage{width: 50%;height:550px;top: 50px;bottom: 50px;position: absolute;right:0;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);border-bottom-left-radius: 900px;border-top-left-radius: 900px;background-image: url(../images/wellness-ecosystem-bg.png);z-index: 9;background-position: right center;background-size: contain;background-repeat: no-repeat;}
@media(max-width:991px){
    .wellnessEco-holder{padding-bottom:0}  
}

@media(max-width:768px){
    .wellnessEco-holder ul li{width:100%}   
}

.smart-data-holder{background:#654ea3; background:linear-gradient(42deg,#654ea3 0,#eaafc8 100%); position:relative;padding-top:70px; padding-bottom:70px}
.heading-txt{font-weight: 300;font-size:.87rem ;}
.smart-data-img-holder{display:flex;justify-content: space-between;height:650px;align-items: center}
.smart-mid-sec{width: 265px;z-index: 9;}
.smart-left-sec{width:262px}
.smart-right-sec{width:360px}
.smart-right-sec, .smart-left-sec{display: flex;flex-direction: column;justify-content: space-between;align-items: center;height:650px}
.top-dashboard-sec, .bottom-nurse-sec,.top-watch-sec,.bottom-patch-sec{position:relative;}
.smart-data-holder figure{position:relative;z-index: 9;}
.smart-data-holder figcaption{max-width:210px;color: #fff;margin: 0 auto;text-align: center;}
.top-dashboard-sec::after{content:"";display: inline-block;position: absolute;background-image: url(../images/smart-arrow-3.svg);background-position: center right; width:188px;height:158px;background-repeat: no-repeat;right: 326px;top: 50%;transform:translate(0, -50%)}
.bottom-nurse-sec::after{content:"";display: inline-block;position: absolute;background-image: url(../images/smart-arrow-4.svg);background-position: center right;width:257px;height:158px;background-repeat: no-repeat;right: 207px;top: 35%;transform:translate(0, -50%)}
.top-watch-sec::after{content:"";display: inline-block;position: absolute;background-image: url(../images/smart-arrow-1.svg);background-position: center right;width: 230px;height:158px;background-repeat: no-repeat;left: 74%;top: 50%;transform:translate(0, -50%);}
.bottom-patch-sec::after{content:"";display: inline-block;position: absolute;background-image: url(../images/smart-arrow-2.svg);background-position: center right;width: 284px;height:158px;background-repeat: no-repeat;left: 51%;top: 15%;transform:translate(0, -50%);}

@media(max-width:1220px){
    .smart-left-sec,.smart-mid-sec{width:220px}
    .smart-right-sec{width:320px}
    .bottom-patch-sec::after{width: 245px;left: 62%;top: -19%;transform:scale(0.8)}
    .top-watch-sec::after{left: 67%;top: 21%;transform: scale(0.8);}
    .top-dashboard-sec::after{right:250px;top: 21%;transform: scale(0.8);}
    .bottom-nurse-sec::after{transform: scale(0.8);right:75%;top:13%}
}
@media(max-width:1100px){
    .smart-left-sec,.smart-mid-sec{width:180px}
    .smart-right-sec{width:250px}
    .smart-data-img-holder,.smart-right-sec, .smart-left-sec{height:550px}
    
}
@media(max-width:768px){
    .smart-data-img-holder{flex-direction: column;height:auto}
    .smart-right-sec, .smart-left-sec{flex-direction:row;width:100%;height:auto}
    .smart-data-holder figcaption{max-width: 210px;}
    .top-watch-sec::after{content:"";display: inline-block;position: absolute;background-image: url(../images/smart-arrow-mobile-1.svg);background-position: center right;width: 120px;height:170px;background-repeat: no-repeat;left: 30%;top: 100%;}
    .bottom-patch-sec::after{content:"";display: inline-block;position: absolute;background-image: url(../images/smart-arrow-mobile-2.svg);background-position: center right;width: 150px;height:170px;background-repeat: no-repeat;left: 0%;top: 100%;}
    .top-dashboard-sec::after{content:"";display: inline-block;position: absolute;background-image: url(../images/smart-arrow-mobile-3.svg);background-position: center right;width: 160px;height:170px;background-repeat: no-repeat;left: 7%;top: -90%;}
    .bottom-nurse-sec::after{content:"";display: inline-block;position: absolute;background-image: url(../images/smart-arrow-mobile-4.svg);background-position: center right;width: 160px;height:170px;background-repeat: no-repeat;left: 0%;top: -52%;}
    .bottom-nurse-sec, .top-watch-sec, .bottom-patch-sec{max-width: 200px;}
    .smart-mid-sec{max-width:150px}
    .top-dashboard-sec{max-width:250px}
}
@media(max-width:520px){
    .top-watch-sec::after{content:"";display: inline-block;position: absolute;background-image: url(../images/smart-arrow-mobile-1.svg);background-position: center right;width: 120px;height:170px;background-repeat: no-repeat;left: 17%;top: 85%;transform: scale(.6);}
    .bottom-patch-sec::after{content:"";display: inline-block;position: absolute;background-image: url(../images/smart-arrow-mobile-2.svg);background-position: center right;width: 146px;height:170px;background-repeat: no-repeat;left: -5%;top: 85%;transform: scale(.6);}
    .top-dashboard-sec::after{content:"";display: inline-block;position: absolute;background-image: url(../images/smart-arrow-mobile-3.svg);background-position: center right;width: 160px;height:170px;background-repeat: no-repeat;left: 0;top: -88%;transform: scale(.6);}
    .bottom-nurse-sec::after{content:"";display: inline-block;position: absolute;background-image: url(../images/smart-arrow-mobile-4.svg);background-position: center right;width: 160px;height:170px;background-repeat: no-repeat;left: -11%;top: -50%;transform: scale(.6);}
    .bottom-nurse-sec, .top-watch-sec, .bottom-patch-sec{max-width: 150px;}
    .top-dashboard-sec{max-width:200px}
    .smart-mid-sec{max-width:120px}
}
@media(max-width:450px){
    .smart-mid-sec{max-width: 120px;}
    .top-nav a{max-width: 175px;}
}
.one-plateform-holder{padding-top:50px;}
.txt-gradient{background: linear-gradient(90deg, rgba(89, 86, 175, 1),rgba(226, 43, 61, 1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.one-plateform-holder figure{background-color:#fff;border-radius:10px;box-shadow: 0 20px 50px rgba(0,0,0,0.1);min-height: 380px;}
.one-plateform-holder figcaption{padding:20px 15px;line-height: 17px;}
.one-plateform-holder .figHeading{font-size:1.12rem;font-weight: 400;display:block;line-height: 20px;margin-bottom:10px}
.one-plateform-holder .figtxt{font-size:0.81rem;color: #707478;font-weight: 300;line-height: 13px;}
.one-plateform-holder figure img{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.come-in {transform: translateY(150px);animation: come-in 0.8s ease forwards;}
.come-in:nth-child(odd) {animation-duration: 0.6s;}
.already-visible {transform: translateY(0);animation: come-in 0.8s ease forwards;}
@keyframes come-in {
    to { transform: translateY(0); }
}
.iconimg_setting{
	width: 140px;
}
.media-body h5 a{
	color:#212529;
}
.media-body h5 a:hover{
	text-decoration:none;
}
/*End New Features Css*/
.gizmore{
	display: none;
	
	position: fixed;
    z-index: 999999999;
    width: 250px;
    top: 100px;}
.gizmore img{height: 250px;}
/*End New Features Css*/