.marginTop{
    margin: 190px 0px;
}

.header{background-image: url('../images/ban.webp'); background-position: top center;
    background-repeat: no-repeat; width: 100%; height: auto;}
.header h1{color: #fff; font-size: 45px; font-weight: 700;}
.header h4,p{color: #fff;}
.headerMargin{margin: 150px 0px 250px 0px;}

.navbar {background: rgba(0, 0, 0, .8) !important;}
.navbar-brand{
    font-weight: bold;
    font-size: 24px;
    color: #fff  !important;
}
.navbar-nav .nav-item .nav-link {
    padding: 5px 20px;
    color: #fff ;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    font-weight: 600; color: #fff !important;
}
.navbar-light .navbar-nav .nav-link {
    color: #fff !important;font-weight: 600 !important;
}
.navbar-light .navbar-nav .nav-link:hover {color: #00bbf0 !important;}





.bg{background-color: #e0dfdf;}
span {color: #990000 !important;}

/* background: rgba(53, 53, 53, .7); */





.bannerText{background: rgba(0, 0, 0, .7);}
.bttn {
    /* display: inline-block;
    padding: 10px 15px;
    background-color: #990000;
    color: #ffffff;
    border-radius: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: none; */
    display: inline-block;
    padding: 10px 45px;
    background-color: #e0dfdf;
    color: #000; font-weight: 600;
    border-radius: 5px;
    border: 1px solid #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    margin-top: 35px;
}
.bttn1 {
    display: inline-block;
    padding: 10px 45px;
    background-color: transparent;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    margin-top: 35px;
}

.text-light {
    color: #c7c3c3 !important;
}


.product {
    /* background-color: #eeeeee; */
    position: relative;
    /* padding: 10px; */
    /* margin-top: 25px; border-radius: 10px; */
}
.product a {color: #000000; text-decoration: none; font-size: 16px;}
.product .img-box {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* padding: 15px 30px; */
    /* height: 245px; */
}
.product .img-box img{
    width: 100%; height: auto;
}
.product .detail-box {
    display: flex; padding: 12px; padding-top: 15px;
    -webkit-box-pack: justify; color: #fff;
    -ms-flex-pack: justify;
    justify-content: space-between;background: rgba(0, 0, 0, .8) !important;
}
.product .detail-box h6{ font-size: 16px; font-weight: 600;}
.product .new {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    font-size: 15px;
}


.aboutnew p{color: #fff !important; background-color: #990000;}

.container.about {
    max-width: 100% !important;
}

.container.feature {
    max-width: 100% !important;
}

.feature-text {
    padding-left: calc(((100% - 1140px) / 2) + .75rem);
}

.CustomersBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 15px;
}
.CustomersBox .img-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100px;
    margin-bottom: -50px;
    margin-left: 25px;
    position: relative;
}
.CustomersBox .img-box img {
    border-radius: 100%;
}
.CustomersBox .detail-box {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    padding: 75px 25px 25px 25px;
}

.img-boxAbout {
    position: relative;
    padding: 25px 0 0 25px;
}
.img-boxAbout::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    height: 250px;
    background-color: #160e0b;
}
.img-boxAbout img {
    width: 100%;
    position: relative; border-radius: 30px !important;
}

/* .box{border-radius: 10px;}
.box h6{font-size: 22px; font-weight: 700;}
.box p{color: #222222;}
.box a{font-size: 18px; text-decoration: none; font-weight: 700;}
.box img{width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px;} */

.boxBlog{border-radius: 20px;}
.box h6{font-size: 22px; font-weight:bold;}
.box p{color: #222222;}
.box a{font-size: 18px; text-decoration: none; font-weight: 700;}
.box img{width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px;}

.footer{background-color: #000;}
.footer{color: #fff;}
.footer a{color: #fff; text-decoration: none;}
.footer ul{list-style: none;}
.footer ul li{text-decoration: none; line-height: 35px;}
.footer ul li a{padding: 0; margin: 0; color: #fff;}
.footer ul li a:hover{padding: 0; margin: 0; color: #990000;letter-spacing: 1px;
    box-shadow: none;}

.navbar-light .navbar-toggler {
    color: #fff !important;
    border-color: #fff;
}










@media screen and (max-width: 480px) {
    .header h1 {font-size: 22px;}
    .header p{font-size: 14px;}
    .headerMargin {
        margin: 90px 0px 40px 0px;
    }

    .bttn1 { padding: 10px 18px;
        margin-top: 25px;
    }
    .bttn { padding: 10px 18px;
        margin-top: 25px;
    }
    .navbar-light .navbar-toggler {
        /* color: #fff !important; */background-color: #fff !important;
        border-color: #fff;
    }
    .navbar-toggler-icon { background-color: #fff !important;
    }

}