body{
    font-family: 'Poppins', sans-serif;    
}
/* latest css */
.iconhover-img {
    background-repeat: no-repeat;
    width: 90px;
    height: 80px;
    background-image: url(../images/scan.png);
    background-position: left;
    /* */
}
.home-sec-box:hover > .iconhover-img{ background-position: -98px 0px !important;}

.iconhover-img2 {
    background-repeat: no-repeat;
    width: 90px;
    height: 80px;
    background-image: url(../images/show.png);
    background-position: left;
    /* */
}
.home-sec-box:hover > .iconhover-img2{ background-position: -98px 0px !important;}

.iconhover-img3 {
    background-repeat: no-repeat;
    width: 90px;
    height: 80px;
    background-image: url(../images/test.png);
    background-position: left;
    /* */
}
.home-sec-box:hover > .iconhover-img3{ background-position: -98px 0px !important;}
.custom-btn {
    background-color: #87c0c2;
    border: none;
    padding: 10px 14px 10px 14px !important;
    border-radius: 6px;
    margin-top: 7px;
}
a.custom-btn{
    color: #ffffff !important;
    margin-top: 10px;
}
.navbar-brand {
     height: auto !important;
     padding: 0px !important;
}
a.custom-btn {
    margin-top: 18px !important;
    margin-left: 10px;
}
a.custom-btn:hover {
   background-color: #23bdbb !important;
}
h1 {
    color: #535456;
}
h2 {
    color: #535456;
}
.slider-left-txt p {
    color: white;
}
.manage-det-left h2 {
    font-size: 22px;
}
/* latest css end */
.mynav {
    background-color: white !important;
    border-color:transparent !important; 
    margin-top: 10px;
}
a.nav-logo img {
    width: 70%;
}
.nav-text>.active>a {
    color: #d74314 !important;
    background-color:transparent !important;
}
ul.mynav-text li {
    font-size: 16px;
    padding-left: 20px;
}
ul.nav-text li a {
    color: #4a4a4a ;
    margin-top: 14px;
}
ul.mynav-text button {
    background-color: #ed1c24;
    border: none;
    padding: 8px 10px 8px 10px;
    color: white;
    border-radius: 6px;
    margin-top: -6px;
}
ul.mynav-text {
    float: right;
}
.navbar-toggle {
    background-color: #39c5c3;
    color: white !important;
    border: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff !important;
}

/* Slider  */
.slider {
    background-image: url('../images/header.png');
    margin-top: -20px;
    background-position: center;
    background-repeat: no-repeat;
}
.slider-right-img img {
    width: 100%;
}
.slider-left-txt {
    margin-top: 20%;
}
.slider-left-txt h1{
    color: white;
    font-size: 40px;
}
.slider-left-txt button {
    background-color: #4c4c4e;
    border: none;
    padding: 10px 10px 10px 10px;
    color: white;
    border-radius: 10px;
    margin-top: -6px;
    margin: auto;
}
.slider-left-txt button a {
    text-decoration: none;
    color: white;
}
.manage-det-left {
    padding-top: 40px;
    background-color: #f5f7fb;
    padding-bottom: 98px;
}
.manage-det-left-parts {
    margin-top: 40px;
    margin-right: 40px;
    background-color: #eeeeee;
    border-radius: 30px;
    padding: 10px;
    padding-left: 25px;
}
.manage-det-left-parts h4 {
    font-weight: 800;
}
.manage-det-right img {
    width: 100%;
}
.manage-det-right {
    background-color: #f5f7fb;
    margin-top: 70px;
}
.shape-img img {
    width: 100%;
    margin-top: -200px;
    background-repeat: no-repeat;
    /* position: relative; */
}
.manage-home {
    background-repeat: no-repeat;
    background-color: #f5f7fb;
    margin-top: -14px;
}
/* Manage Home Portion end */

/* Security part */
.home-sec-det {
    padding-top: 100px;
}
.home-sec-det h2 {
    text-align: center;
}
.home-sec-det p {
    text-align: center;
}
.home-sec-box {
    margin-top: 30px;
    padding-left: 80px;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-right: 40px;
}
.home-sec-box h4 {
    font-weight: 600;
    margin-top: 20px;
}
.home-sec-box img {
    width: 60px;
}
.home-sec-box p {
    text-align: inherit;
    margin-top: 15px;
}
.home-sec-box:hover {
    background: linear-gradient(176deg, rgba(176,224,226,1) 0%, rgba(137,209,212,1) 35%, rgba(213,233,232,1) 100%);
    border-radius: 30px;
    transition: 1s ease all;
}

/* Security part end */


/* complexity */

.complexity-home {
    margin-top: 100px;
}
.complexity-home img {
    width: 100%;
}
/* .com-det img {
    width: 100%;
} */
.com-det-boxmain h2 {
    text-align: center;
}
.com-det-boxmain {
    margin-top: -65px;
    opacity: 0.9;
    background-color: white;
    color: black !important;
    box-shadow: 1px 4px 10px #d0cdcd;
}
.det-box {
    padding-left: 65px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.det-box h4 {
    font-weight: 600;
}
/* complexity end */

/*card-home */
.card-home {
    margin-top: 140px;
}
.card-det-left img {
    margin-bottom: 30px;
}
.card-det-left p span {
    color: #ec1e2a;
}
.card-det-right img {
    float: right;
}

/*card-home end */

/* Control */
.contol-home {
    margin-top: 140px;
}
.control-home-det2 h3 {
    margin-bottom: 50px;
}
.cont-det img {
    float: left;
    margin-bottom: 30px;
    margin-right: 20px;
}
.control-home-det2 {
    margin-top: 5%;
}
/* control end */

/* footer end */
.footer {
    margin-top: 100px;
    background-color: #071a28;
    color: white;
}
.footer-det {
    margin-top: 70px;
}
.footer-det-div1 p {
    text-align: justify;
    padding-top: 75px;
    color: #5d749e;
}
.footer-det-div2 p {
    text-align: justify;
    color: #5d749e;
    padding-top: 15px;
}
.footer-det-div3 p {
    padding-top: 15px;
}
.footer-det-div3 p a {
    text-decoration: none;
    color: #5d749e;
}
.footer-det-div2 h4 {
    margin-bottom: 30px;
}
.footer-det-div3 h4 {
    margin-bottom: 30px;
}
.footer-det-div4 h4 {
    margin-bottom: 30px;
}
/* contact pg */
.myform h2 {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 34px;
    color: #23bebc;
}
button.contact-btn {
    background-color: #ed1c24;
    margin-left: 16px;
    margin-top: 20px;
    padding: 8px 20px 8px 20px;
    border: none;
}
button.contact-btn:hover {
    background-color: #23bebc;
    transition: 1s ease all;
}
.myform-grp {
    margin-bottom: 20px;
}

/* footer end */

/*Message page*/
.msg-bg {
    background-color: #23bdbb;
}
.msg-icon {
    text-align: center;
}
.msg-icon img {
    width: 150px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.msg-det {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.msg-det p {
    font-size: 18px;
    margin-top: 20px;
}
/*Message page end*/

/*Error Message page*/
.errmsg-bg {
    background-color: #23bdbb;
}
.err-heading {
    text-align: center;
}
.err-heading h1 {
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
}
.errmsg-det img {
    width: 40%;
}
.errmsg-det {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.errmsg-det h3 {
    font-size: 30px;
    margin-top: 20px;
}
/*Error Message page end*/

/* How it Work */

.howitwork {
    background-color: #23bdbb;
    padding-top: 40px;
    padding-bottom: 40px;
}
.work-heading h1 {
    text-align: center;
    color: white;
}
.work-det {
    margin-top: 50px;
}
.work-det p {
    background-color: rgba(35, 189, 187,0.3);
    padding: 14px;
    font-size: 16px;
    border-radius: 8px;
}
.navbar-default .navbar-toggle:hover {
    background-color: #39c5c3;
}

  /* *** */


/* How it Work end */
@media screen and (max-width: 800px) {
    .slider {
        background-image: none !important;
        background-color: #4c4c4e;
    }
    .slider-left-txt button {
        background-color: #39c5c3;
    }
    .slider-left-txt h1 {
        font-size: 25px;
    }
    .slider-right-img {
        margin-top: 15px;
    }
    .manage-det-left-parts {
        margin-top: 15px;
        margin-right:0px;
        background-color: #eeeeee;
        border-radius: 30px;
        padding: 10px;
        padding-left: 25px;
    }
    .manage-det-left {
        padding-top: 10px;
        padding-bottom: 0px;
    }
    .manage-det-left h1 {
        font-size: 18px;
    }
    .manage-det-left h2 {
        font-size: 16px;
    }
    .home-sec-det {
        padding-top: 30px;
    }
    .home-sec-box img {
        display: revert;
    }
    .home-sec-box {
        padding: 0px;;
        text-align: center;
        margin-top: 0px;
    }
    .home-sec-box:hover {
        background: none;
    }
    .iconhover-img {
        background-image: none;
    }
    .iconhover-img2 {
        background-image: none;
    }
    .iconhover-img3 {
        background-image: none;
    }
    .complexity-home {
        margin-top: 30px;
    }
    .card-home {
        margin-top: 30px;
    }
    .contol-home {
        margin-top: 30px;
    }
    .cont-det img {
        float: none;
        margin-bottom: 0px;
        margin-right: 0px;
    }
    .card-det-left img {
        margin-bottom: 10px;
    }
    .footer-det {
        margin-top: 0px;
    }
    .footer {
        margin-top: 30px;
    }
    a.nav-logo img {
        width: 50%;
    }
    ul.mynav-text {
        float: left;
    }
    .card-det-left img {
        width: 100%;
    }
    .control-home-det img {
        width: 100%;
    }
    .card-det-left p {
        float: left;
    }
    .card-det-right img {
        width: 100%;
    }
    .com-det-boxmain h2 {
        font-size: 24px;
        padding-top: 10px;
    }
    .det-box {
        padding-left: 0px;
        padding-top: 20px;
        padding-bottom: 30px;
        text-align: center;
    }  
    
}



@media screen and (max-width: 1349px) {
    .shape-img {
      display: none;
    }
}