*{
    font-family: 'Poppins', sans-serif !important;
    
}

header{
    background-color: #f6f6f6;
}

/* -----nav */
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 


    
/* ----------------------------------------------  HEADER START----------------------- */

/* ------navbar start----------------- */

#navbar{
    margin-bottom: 78px;
    
}
.navbar{
    background-color: #ffffff;
}

.navbar-option{
    margin-right: 15px;
}
/* .dropdown:hover .dropdown-menu{
    display: block;
} */

.x{
    color:black;
}



#x:hover{
    color: rgb(5, 117, 223);
}
#navbarDropdownMenuLink:hover{
    color: rgb(5, 117, 223);
}

/* ------navbar end------- */

/* ---------------Carousel--------- */

.carousel-control-prev-icon{
    background-color: rgb(0, 46, 252) !important;
    border-radius: 50%;
    padding: 25px;
    box-shadow: 0 4px 8px 0 white;
}

.carousel-control-next-icon{
    background-color: rgb(0, 46, 252) !important;
    border-radius: 50%;
    padding: 25px;
    box-shadow: 0 4px 8px 0 white;
}

.carousel-control-prev-icon:hover{
    background-color: white;
}

.carousel-control-next-icon:hover{
    background-color: white;
}
/* ----------------------------------------------  HEADER END------------------------- */

/* ----------------------------------------------Main Start -------------------------- */


.know-more-option{
    text-decoration: none;
    color: black;
    background-color: rgb(36, 147, 211);
    padding: 10px 20px 10px 20px;
    border-radius: 8px;
    margin-bottom: 60px;
    transition: 0.5s;
}

.know-more-option:hover{
    color: white;
}


/* --------------Solutions & Services start--------- */

.solutions{
    text-decoration: none;
    font-size: 17px;
    color: black;
    display: block;
    transition: 0.3s;
}

.solutions:hover{
    color: black;
    box-shadow: rgba(83, 83, 83, 0.24) 0px 3px 8px;
}

.arrow-icon{
    width: 25px;
    margin-left: 15px;
}
#solution-title{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    font-weight: 600;
}
.solution-img{
    width: 100px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
}

#Product-slider-section{
    padding-top: 50px;
    padding-bottom: 50px;
}


/* --------------Solutions & Services end---------- */





/* --------------------consultancy service-------------- */
#service-title{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    font-weight: 600;
}
#our-service{
    background-color: rgb(15,26,67);
    padding-bottom: 50px;
    padding-top: 50px;
}

.consultancy-service-icons{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 17%;
    padding-top: 10px;
    padding-bottom: 30px;
}
.consultancy-service-intro{
    text-decoration: none;
    color: white;
    text-align: center;
}

.consultancy-services{
    height: 170px;
    border: 1px solid white;
    border-radius: 5px;
    transition: 0.3s;
}
.consultancy-services:hover{
    border: 1px solid rgb(154, 223, 255);
}
.x{
    color: black;
}

.consultancy-service-icon{
    width: 25px;
    margin-left: 25px;
}



/* ---------------tools & technology----------- */
#tools{
    text-align: center;
    font-weight: 600;
    margin-bottom: 50px;
}
.tools{
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.web-tools{
    padding-top: 30px;
}
/* ------------------------tools end----- */


/* -----------------------clients & partners--------- */

.partner-images{
    max-width: 100%;
    margin: auto;
    display: block;
}


/* ----------------news-room start--------- */
#news{
    text-align: center;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 50px;
}
#news-rooms{
    padding-bottom: 50px;
}

#clients{
    text-align: center;
    font-weight: 600;
}
/* -----------news room end----------- */

/* -----------client Start */
.section-padding{
    padding:10px 0;
    }
    .brand-carousel {
        background-color: #ffffff;
    }
    .owl-dots {
    text-align: center;
    }
    .owl-dot {
    display: inline-block;
    height: 10px !important;
    width: 10px !important;
    background-color: #878787 !important;
    opacity: 0.8;
    border-radius: 50%;
    margin: 0 5px;
    }
    .owl-dot.active {
    background-color: #000 !important;
    }


    .client{
        width:130px !important;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    #client{
        text-align: center;
        margin-top: 50px;
        margin-bottom: 50px;
        font-weight: 600;

    }
    /* client End */
    
/* ----------------------------------------------Main End----------------------------- */


/* -----------------------------footer start-------------- */
#footer{
  background-color: rgb(62, 137, 223);

}
.footer-header{
    margin-top: 25px;
    position: absolute;
    left: 30%;
    right: 30%;
    text-align: center;
    align-items: center;
    border: 3px solid #ffffff;
    padding: 10px;
    border-radius: 10px;
    color: white;
}

.footer-header:hover{
    background-color: rgb(255, 131, 30);
    border: 3px solid rgb(219, 97, 26);
}

.footer-link{
    text-decoration: none;
    color: white;
}

.footer-link:hover{
    color: coral;
}

.footer-social-icons{
    margin-top: 30px;
    margin-right: 20px;
    width: 30px;
}

.youtube{
    width: 47px;
}


/* ==========================================================ABOUT SECTION==================================== */


#about-us{


}

#about-title{
    font-size: 50px;
    font-weight: 600;
    margin: 0;
    padding: 0%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: white;
}
.about-title{
    text-align: center;
    font-weight: 600;
    margin-bottom: 50px;
}


/* -------------------about-section-2----------- */
#about-section-2{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: rgb(15,26,67);
}

.vission-mission-hedline{
    text-align: center;
    color: white;
    padding-top: 30px;
    padding-bottom: 30px;
}
.mission-information{
    padding-bottom: 24px;
}

.vission-mission-information{
    text-align: center;
    color: white;
}
.vission-mission-images{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 120px;
}

/* -----------------------------mission vision end------------------- */

/* ---------------------------about our capabilites----------- */
#our-capabilities-section{
    background-color: rgb(246, 246, 246);
    padding-bottom: 50px;
    padding-top: 50px;
}

.capabilitis-image{
    width: 70px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.capabilitis-information{
    text-align: center;
    color: rgb(0, 0, 0);
}

.border-end{
    height: 200px;
}

/* ================================================================ABOUT SECTION END=============================== */







/* ================================================================WHY US START=================================== */
#whyUs{


}

.value-icons{
    width: 40px;
    margin-right: 10px;
}

.section-title{
    font-size: 30px;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
    font-weight: 600;
}
#values{
    background-color: #0f1a43;
    padding-top: 50px;
    padding-bottom: 50px;
}
/* ================================================================WHY US END================================== */


/* ==========================OUR TEAM START+============================================ */
#team{

}
.team-img{
    width: 320px;
}

.team-images{
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%;
}

.button{
    background-color: rgb(71, 172, 255);
    border: none;
    padding: 10px 40px 10px 40px;
    color: white;
    border-radius: 5px;
}

.button:hover{
    box-shadow: 0 4px 12px 0 rgb(125, 183, 206);
    transition: 1s;

}
.developer{
    background-color: #f6f6f6;
    padding-top: 20px;
    padding-bottom: 20px;
}
#dm{
    background-color: #f6f6f6;
    padding-top: 20px;
    padding-bottom: 20px;
}
.developer-img{
    width: 220px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.name{
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #6ab6fd;
}
.experts{
    text-align: justify;
}
/* ==========================OUR TEAM END=============================================== */



/* ===============================================PROJECTS START================================ */
.on-going{
    text-decoration: none;
    font-size: 30px;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif !important;
    color: black;
}

.on-going:hover{
    color:white;
}
/* ================================================PROJECTS END================================= */


/* ================================================TECHNOLOGY START================================= */

#technology{

}

.tech-title{
    font-size: 50px;
    font-weight: 600;
    margin: 0;
    padding: 0%;
    text-align: center;
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: white;
}
/* ================================================TECHNOLOGY END================================= */




/* =========================================CLIENTS & PARTNERS END============================ */

#partner{

}

.partner-title{
    font-size: 50px;
    font-weight: 600;
    margin: 0;
    padding: 0%;
    text-align: center;
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: white;
}

.partner-icon{
    width: 80px;
}
.partner-images{
    width: 160px;
    margin: auto;
    display: block;
    padding-top: 8px;
}
.big-img{
    width: 85px;
    margin: auto;
    display: block;
}
.partner{
    height: 120px;
}
/* =========================================CLIENTS & PARTNERS END============================ */

/* ===========================================ERP============================ */
#erp{
    background: rgba(0, 0, 0, 0.822) url('../background-img/erp.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    max-width: 100%;
    height: 50vh;
    background-blend-mode: darken;
}
.erp-title{
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    padding: 0%;
    text-align: center;
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: white;
}
.erp-icon{
    width: 50px;
}

/* ===========================================ERP END ======================= */

/* ===========================================HR Start================= */
#hr-management-bg{
    background: rgba(1, 1, 1, 0.822) url('../hr/hr.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    max-width: 100%;
    height: 50vh;
    background-blend-mode: darken;
}

.hr-values{
    width: 100%;
}
.hr-feature{
    text-align: center;
    font-weight: 600;
    color: gray;
}

/* =========================================== HR END ==================== */

/* =========================================== Digital Learning ================ */
#study{
    background: rgba(0, 0, 0, 0.822) url('../background-img/elearning.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    max-width: 100%;
    height: 50vh;
    background-blend-mode: darken;
}


/* ===========================================Digital Learnig END=============== */


/* ==============================eKYC Start====================== */

#ekyc{
    background: rgba(0, 0, 0, 0.822) url('../background-img/ekyc.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    max-width: 100%;
    height: 50vh;
    background-blend-mode: darken;
}

/* ==============================eKYC END ======================= */


/* ===============================App Development Start============= */


#app{
    background: rgba(0, 0, 0, 0.822) url('../background-img/app.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    max-width: 100%;
    height: 50vh;
    background-blend-mode: darken;
}
/* ===============================App developemnt End =============== */

/* ===============================ios Start============ */

#ios{
    background: rgba(0, 0, 0, 0.822) url('../background-img/ios.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    max-width: 100%;
    height: 50vh;
    background-blend-mode: darken;
}

/* ===============================ios END============== */


/* ========================WEB Start ================ */

#web{

}

.web-icon{
    width: 70px;
    margin-left: 15px;
}
/* ========================WEB END ================== */

/* =====================Marketing Start============== */

#marketing{
    background: rgba(0, 0, 0, 0.822) url('../background-img/marketing.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    max-width: 100%;
    height: 60vh;
    background-blend-mode: darken;
}

/* =====================Marketing END========== */


/* ----------------DIGITAL STUDY START------------------ */
.buy-button{
    text-decoration: none;
    background-color: darkcyan;
    color: white;
    padding: 8px 25px 8px 25px;
    border-radius: 5px;
}

.buy-button:hover{
    box-shadow: 0 8px 16px 0 rgb(194, 194, 194);
    color: coral;
    transition: 1s;
}

.shoping-cart{
    width: 30px;
    margin-right: 15px;
}


/* ------IOT START---- */
#iot-section{
    background: rgba(0, 0, 0, 0.822) url('../iot-img/iot-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    max-width: 100%;
    height: 60vh;
    background-blend-mode: darken;
}

/* ------IOT END ----- */

/* ===============================NEWS Start======================= */
#news{

}

/*========================== News End */


/* ===========================CONTACT US START ========================== */
#contact{



}





/* ============================================================SOLUTION AND PORODUCT START ============================== */

/* Appoinment solution start*/
#apoinment-bg{
    background: rgba(0, 0, 0, 0.822) url('../appoinment-img/appoinment.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    max-width: 100%;
    height: 60vh;
    background-blend-mode: darken;
}
#appoinment-title{
    font-weight: 600;
    color: #748ff1;
    margin-top: 130px;
    margin-bottom: 50px;
}

#appoinment-img{
    width: 100%;
}

.info{
    background-color: #f6f6f6;
}
.appoinment-info1{
    text-align:center;
    padding-top: 50px;
    padding-bottom: 50px;
}


/* section 4 start */
.feature{
    height: 420px;
    border-radius: 10px;
    margin-bottom: 50px;
}
.appoin-icons{
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 50px;
}

.features-title{
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 30px;
}
/* section 4 end */

/* ---------Visitor Managemet Soluton start---- */
#visitor-image{
    width: 100%;
}
.tik-mark{
    width: 20px;
    margin-right: 15px;
}

/* --------- Visitor management Solutioln End --- */


/* Appoinment solution End */


/* Online training management soloutions start */

#training-management{
    background: rgba(0, 0, 0, 0.822) url('../training-img/training.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    max-width: 100%;
    height: 60vh;
    background-blend-mode: darken;
}
.about-management-system{
    text-align: justify;
}
.key-benefits{
    padding-top: 25px;
    padding-bottom: 25px;
    font-weight: 600;
}
.key-icon{
    width: 15px;
    margin-right: 15px;
}


.why-use{
    background-color: #f6f6f6;
    margin-top: 25px;
    padding-top: 10px;
    padding-bottom: 50px;
}
.use-system{
    font-size: 20px;
    font-weight: 500;
}


#feature{
    background-color: rgb(223,230,234);
    padding-top: 15px;
    padding-bottom: 20px;
}
.feature-img{
    width: 100%;
}

.feacture-icon{
    width: 20px;
    margin-right: 20px;
}
/* Online tranning management solutions End */


/* QMS Start */
#qms-bg{
    background: rgba(0, 0, 0, 0.822) url('../queue-img/Queue-Management-System567.jpg ');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    max-width: 100%;
    height: 60vh;
    background-blend-mode: darken;
}
.qms-info{
    text-align: center;
    font-size: 20px;
    color: rgb(60, 102, 241);
    margin-bottom: 40px;
}

.q-title{
    font-size: 35px;
    font-weight: 600;
    margin-top: 100px;
}

.q-info{
    margin-top: 50px;
    text-align: justify;
}


.q-title2{
    font-size: 35px;
    font-weight: 600;
    margin-top: 100px;
}
#customer-ex{
    background-color: #f6f6f6;
    padding-bottom: 50px;
}
.q-check-icon{
    width: 20px;
    margin-right: 15px;
}




.devliver-icon{
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 30px;
}
.deliver{
    height: 370px;
}

/* --Feactures-- */
.feactures{
    height: 350px;
}
.q-f-icon{
    width: 90px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.feature-h3{
    font-size: 22px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 30px;
}
/* QMS End */


/* KIOSK START----- */
#kiosk-bg{
    background: rgba(0, 0, 0, 0.822) url('../kiosk-img/girl-using-ncr-self-kiosk.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    max-width: 100%;
    height: 60vh;
    background-blend-mode: darken;
}
.kiosk-icon{
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.kiosk-h4{
    font-size: 20px;
    text-align: center;
    margin-top: 30px;
    font-weight: 500;
}
/* KIOSK END ----- */

/* Cloud LED ------ */
#cloud-led{
    background: rgba(0, 0, 0, 0.822) url('../led-img/bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    max-width: 100%;
    height: 60vh;
    background-blend-mode: darken;
}

/* Cloud LED END --- */