@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;1,600&family=Poppins:wght@400;500;600;700&display=swap');

*{
    padding: 0px;
    margin: 0px;
    font-family: 'Poppins', sans-serif;
}

.navbar-toggler{
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    color:#ffffff00;  
}

/* Top btn OPEN */

.btn-main{
    margin: 0px 5px;
    background-image: linear-gradient(to top,#de7519,#e98833,#ff861b,#e98833,#de7519) !important;
    border: 0px; 
    padding:5px 18px;
    border-radius: 3px;
    color: #fff;
}

.btn-main > a{
    text-decoration: none;
    font-weight: 500;
    color:#ffff;
    font-size:12px;
}

.btn-main > a:hover{
    color:#ffff
}

.btn-main2{
    margin: 0px 5px;
    border: 1px solid #E94033; 
    background-color: #ffff !important;
    padding:5px 15px;
    border-radius: 3px;
}

.btn-main2 > a{
    text-decoration: none;
    font-weight: 500;
    color: #E94033 !important;
}

.btn-main2 > a:hover{
    color:#ffff
}

.hvr-radial-out:hover{
    background-color: #E94033;
    color: #ffff;
}

.btn-main3{
    font-weight: 800px;
    text-decoration: none;
}

.btn-main3:hover{
    color: #e93f33;
}

.btn-main4{
    background-image: linear-gradient(to top,#e93f33,#ea4b32,#eb5632,#ec6032,#ec6a33)!important;
    border: 0px; 
    padding:5px 18px;
    border-radius: 3px;
    color: #fff;
}

.btn-main4 a{
    text-decoration: none;
    color: #fff;
}

.navbar-brand img{
    height: 55px;
}

.btn-main4 a:hover{
    color: #fff;
}
.navbar-nav > .nav-item{
    padding:0px 5px;
}
.nav-item > .nav-link {
    color: #484545;
    font-weight: 400px;
}
.nav-item > .nav-link:hover {
    color: #E94033 !important;
}


/* hover css - OPEN */
.hvr-radial-out:before {
    background-color: #083970 !important;
    border: 0px;
    border-radius: 3px;
}
.hvr-bounce-to-right:before{
    background-color: #083970 !important;
    border: 0px;
    border-radius: 3px;
}
#startTrial2 {
    animation: shadow-pulse 1s infinite;
}
@keyframes shadow-pulse {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(14, 130, 213, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255,82,82,0);
    }

    100% {
        transform: scale(.95);
        box-shadow: 0 0 0 35px rgba(255,82,82,0);
    }
}
/* hover css close */

/* common css OPEN */
.c-content{
    color: #083970;
}
.c-content h3{
    font-weight: 500;
}
.c-content ul{
    list-style: none;
}
.c-content ul > li > img{
    width: 20px;
    height: 20px;
}
.c-content ul > li{
    line-height: 30px;
}
.p-head{
    color:#083970
}
.p-head-sub{
    color: #e98833;
}
.p-head-sub-2{
    color: #fcd3b8

}
.section-stick{
    background-image: linear-gradient(rgba(255, 242, 234),rgba(255, 242, 234));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-attachment: fixed;
}
.card{
    text-align: center;
    transition: 0.5s ease-in-out;
}
.card p{
    font-size: 14px;
}
.card:hover{
    color: #fff;
    background-color: #083970;
}
.card:hover p{
    color:#fff
}
.card:hover h6{
    color:#fff
}
.hvr-underline-from-left:before{
    background-color: #e93f33;
    border: 0px;
    border-radius: 3px;
}
.shadow2{
    box-shadow: 0px 10px 15px -3px rgba(213, 0, 0, 0.1);
}
.shadow3{
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    transition: 0.5s ease-in-out;
    background-color: #ffff;
    border-radius: 20px !important;
}
.shadow3:hover{
    box-shadow: 0px 10px 15px -3px rgba(213, 0, 0, 0.1);
    transform: translateY(-5px)
}
.my-card{
    background-color: #fff7f7;
    transition: 0.5s ease-in-out;
}
.my-card:hover{
    background-color: #083970;
}
.my-card > p{
    color: #616161;
}
.my-card:hover p{
    color: #fff;
}
.diff-btn{
    transition: 0.5s ease;
    background-color: #e93f33;
    border-radius: 3px;
}
.diff-btn:hover{
    background-color:#083970

}
.diff-btn > a{
    text-decoration: none;
    color:#fff;
}
.diff-btn:hover a{
    color: #fff;
}
.social-icon > a{
    color: #f47621;
}
.social-icon > a{
    padding: 10px;
}

.list-style-main > li > a {
    text-decoration: none;
    font-size: 14px;
    color: #869FB2;
    transition: 0.5s ease;
}
.list-style-main > li > a:hover {
    color: #e93f33
}
.list-style-main > p{
    color: #869FB2;
}
/* slider open */
.home-demo .item {
    background: #f1f4ff;
    margin: auto;
}
.home-demo h2 {
    color: #FFF;
    text-align: center;
    padding: 2rem 0;
    margin: 0;
    font-style: italic;
    font-weight: 300;
}
.home-demo img{
    padding: 2rem 0;
    margin: auto;
}
.home-demo:hover img{
    transform: scale(1.1);

} 
.item > img{
    width: 120px !important;
    height: 110px !important;
    transition: 0.5s ease;
}
.pop-input {
    margin: 5px 0px;
}
.pop-input  label {
    color: #e93f33;
}

.pop-input > input{
    font-size: 14px;
    }
.pop-banner{
    background-image: url('../img/submitdemo.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
}

footer{
    border-top: 2px solid gray;
    background: linear-gradient(rgba(29, 38, 45, 0.9),rgba(29, 38, 45, 0.9)), url('../images/Footers.gif');
}            
.footer-section-1{
    font-size: 13px;
}
.footer-section-1 > h5 {
    color: #F56D25;
    padding: 20px 0px;
}
.footer-section-1 p{
    color: #869FB2;
}
.footer-section-1 button {
    margin:20px 0px;
}
.footer-section-1  ul > li{
    line-height: 30px;
}
.set-positionA{
    background: url('./assets/img/retail-dot.svg');
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;

}
.set-positionB{
    width: 180px;
    height: 130px;
    background-color: rgba(240, 248, 255, 0.756);
    border-radius: 10px;
    
    padding: 13px 20px;
    box-shadow: 0px 0px 7px -4px;
}
.my-service-li{
    font-family: 'Poppins', sans-serif;
    line-height: 25px;

}
.my-service-li li:hover{
    color: #e93f33;
    transform: translateX(3px);
    transition: 0.5s ease-in-out;

}
.POS-sytem{
    display: flex;    
    justify-content: center;    
    align-items: center;    
    flex-direction: column;
}
.features-effact{
    background-color: aliceblue;
    margin: 5px 0px;
    min-height: 370px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.features-effact img{
    
}
.features-effact h4{
    font-size: 1.5em;
}
.features-effact p{
    font-size: 13px;
}
.bg-feature{
    margin:5px;
    background-color: #F47621 !important;
    color: #fff !important;
}
.bg-feature:hover{
    background-color: #ce5e13 !important;
    color: #fff !important;
}
.nav-item > .nav-link > span:hover {
    color: #fff !important;
}
.accordion-button:not(.collapsed){
    background-color: #fee4d4;
    color: #f47621;
}
.section-style1{
    font-size: 14px;
    background-color: #FCDFE4;
    color: #F47621;
    padding: 10px;
    border-radius: 15px;
    height: 100%;
}
.section-style2{
    font-size: 14px;
    background-color: #CCE6CC;
    color: #339A33;
    padding: 10px;
    border-radius: 15px;
    height: 100%;
}
.section-style3{
    font-size: 14px;
    background-color: #CCCCFF;
    color: #0000FF;
    padding: 10px;
    border-radius: 15px;
    height: 100%;
}
.section-style4{
    font-size: 14px;
    background-color: #FCDFE4;
    color: #F58021;
    padding: 10px;
    border-radius: 15px;
    height: 100%;
}
.section-style{
    transition: 0.5s ease;
    transform: translateX(-30);
}
.section-style:hover{
    transform: translateX(0);
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}
.section-style ul{
    padding: 30px;
}
/* slider close */



.img-service{
    height: 170px;
    overflow: hidden;
}
.img-service img{
    width: 125px;
    transition: 0.5s ease;
}
.img-service:hover img{
    width: 80px;
}

.accordion-button.left::after{
    margin-left: unset;
    margin-right: auto;
}


.modal .modal-header .close {
    width: 35px;
    border-radius: 50%;
    aspect-ratio: 1;
    border: none;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}


@media (max-width:1000px){
    .navbar-brand img{
        height: 50px;
    }
}