html,
body {
    scroll-behavior: smooth;
}

body {
    background-color: #666666;

}

.card {
    margin-bottom: 8px;
    margin-top: 10%;
}

.three-pic-width {
    width: 15%;
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 1.3s infinite alternate;

}

.round-circle {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

.round-circle {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.round-circle {
    width: 15%;
    margin: auto;
    border: 10px solid #d60000;
    border-radius: 50px;
    line-height: 3;
    padding-left: 10px;
}

/* slider-start */
h2 {
    text-align: center;
    padding: 20px;
}

/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* slider-end */

.new-icon {
    font-size: 20px !important;
}

.mail-text {
    font-size: 15px;
}

.navbar-dark .navbar-brand {
    color: #fff;
    width: 50%;
}

.nav-item {
    font-size: 19px;
    font-weight: 400;
}

.logo {
    width: 35%;
}

.view {
    height: 100vh !important;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(1deg, #6464648c, #6464648c), url(../images/download.jpg);
}

.sap-heading {
    position: relative;
    margin-top: 320px !important;
    margin-left: 80px;
}

.sap-text {
    font-size: 56px;
}

.sap-row {
    width: 100%;
}

.read-more-btn {
    border-radius: 0;
    border: 0;
    background: #d60000;
    color: white;
    padding: 8px 20px;
}

.read-more-btn:hover {
    background: #d60000;
}

.fa,
.fas {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 16px;
    color: #d60000;
}

.load-btn {
    margin-top: 30px;
}

video {
    width: 100%;
    position: absolute;
    top: -110px;
    z-index: -2;
}

.video-rec {
    position: relative;
}

.video-div {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    opacity: 0.5;
}

.text-div {
    position: absolute;
    top: 50%;
    margin-left: 34%;
}

/* ///////////////////new cart-container css */
.cart-container {
    margin-top: 8% !important;
    margin-bottom: 8% !important;

}

.table-condensed {
    width: 70%;
    padding: 3%;
    margin: auto;
    box-shadow: 1px 2px 6px 5px #383838;
    margin-top: 3%;
    margin-bottom: 3%;

}

.btn-generate-pdf,
.btn-proceed,
.btn-place_order {
    color: white;
    background: #d60000;
}

.card-body {
    padding: 25px;
}

.qunatity_feild {
    width: 0 !important;
}


/* ////////////////////////////////New Added CSS for footer/////////////////////////////// */
/* .w3_footer_grid {
    /* margin-bottom: 15px;
} */
.product-banner {
    margin-top: 3%;
    padding-top: 25px;
}

.add-cart-btn {
    border-radius: 0;
    border: 0;

    background: #d60000;
    color: white;
    padding: 8px 20px;
}

.add-cart-btn:hover {
    border-radius: 0;
    border: 0;
    text-decoration: black;
    list-style: none;
    background: #d60000;
    color: black;
    padding: 8px 20px;
}

.w3_footer_grid a {
    font-weight: bold;
}

.new-font {
    font-size: 20px;
    float: inline-start;
    border: 1px solid;
    padding: 1%;
    margin-left: 5px;
}

.footer-faicon {
    border: 1px solid white;
    border-radius: 100%;
    padding: 10px;
    color: white;
}

.footer-faicon:hover {
    background: rgb(91, 91, 253);
    color: black;
    border: 1px solid rgb(91, 91, 253);
}

.region-icon {
    display: flex;
}

.region-icon i {
    font-size: 24px;
    /* color: #333; */

}

.region-details {
    color: #333;
}

.region-name {
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 9px;

}

.footer-copyright {
    padding-left: 50px;
}

.social-icon {
    padding-left: 30px;
    text-align: left;
}

.region-address {
    list-style: none;
    padding: 0;
}

.region-address li {
    margin-top: 5px;
    text-align: start;
}

.region-address li a {
    color: white;
    text-decoration: none;
    padding-left: 13px;
}

.contact-info {
    text-align: start;
}


/* .product-view-banner {
  
    width: 100%;
} */

.product-view-banner .qty {
    margin-top: 3%;
}

/* .product-view-banner .form-control {
            display: inline-block !important;
            width: 15% !important;
        } */

.product-view-banner .btn-div {
    text-align: center;
}

.product-view-banner .btn-div .btn {
    width: 45%;
    height: 50px;
}

.product-view-banner .detail img {
    width: auto;
    height: 390px;
    object-fit: fill;
}

/* .card-body {
            height: 365px;
            width: 100%;
        } */


.contact-info a {
    color: white;
    text-decoration: none;
    padding-left: 7px;
    font-size: small;
}

/* //////////////////////////////////////////////////////////////////////// */

a {
    color: #d60000;
    text-decoration: none;
    background-color: transparent;
}

.pad-icon {
    padding-right: 30px;
}

span.navbar-toggler-icon.navbar-dark {
    filter: invert(1);
}

.col-2-phone {
    padding-top: 5px;
}

.scroll-section-id {
    padding: 30px !important;
}

@media only screen and (max-width:1920px) {
    .three-pic-width {
        width: 20%;
    }

    .new-icon {
        font-size: 34px !important;
    }

    .mail-text {
        font-size: 25px;
    }

    .footer-copyright.text-white {
        font-size: 20px;
    }

    .nav-item {
        font-size: 24px;

    }
}

@media only screen and (max-width:1440px) {

    .three-pic-width {
        width: 17%;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse) {
        /* background: #1C2331!important; */
    }


}

.view,
body,
html {
    height: 100%
}

.navbar {
    /* background-color:rgba(0,0,0,.2); */
}

.page-footer,
.top-nav-collapse {
    background-color: #666666
}



@media only screen and (max-width: 1152px) {
    .round-circle {
        width: 18% !Important;
    }
}

@media only screen and (max-width:1024px) {
    .round-circle {
        width: 18%;
    }

    .sap-heading {
        position: relative;
        margin-top: 100px !important;
        margin-left: 76px;
    }

    .sap-text {
        font-size: 40px;
    }

    .mail-text {
        font-size: 15px !important;
    }

    .col-2-phone {
        padding-top: 0px !Important;
    }

    .three-pic-width {
        width: 20%;
    }
}

@media only screen and (max-width: 864px) {
    .round-circle {
        width: 25%;
    }
}

@media only screen and (max-width: 800px) {
    .round-circle {
        width: 24% !important;
    }

    .text-div {
        position: absolute;
        top: 31%;
        margin-left: 10%;
    }

    .view {
        height: 70vh !important;
    }

}

@media only screen and (max-width:768px) {

    /* .navbar{background-color:#1C2331; */
    .round-circle {
        width: 25%;
    }

    .text-div {
        position: absolute;
        top: 28%;
        margin-left: 8%;
    }

    .video-div {
        height: 324px;
    }

    .mail-text {
        font-size: 15px !important;
    }

    .three-pic-width {}

}


@media only screen and (min-width: 480px) and (max-width: 640px) {
    .round-circle {
        width: 34% !important;
    }

    button.add-cart-btn.mr-2.mt-1.d-inline-block {
        margin-left: 10px;
    }

    .card-body {
        padding: 20px;
    }

    .social-icon {
        padding: 0% !important;
        margin: 0% !important;
        text-align: center !important;
    }

    .footer-copyright {
        margin: 0% !important;
        padding: 0% !important;
        text-align: start !important;
    }

    .region-icon i {
        padding-top: 8px !important;
        padding-left: 8px !important;
    }
}

@media only screen and (max-width:576px) {
    .three-pic-width {
        width: 40%;
    }

    .round-circle {
        width: 32%;
    }

    button.add-cart-btn.mr-2.mt-1.d-inline-block {
        margin-left: 10px;
    }

    .card-body {
        padding: 20px;
    }

    .text-div {
        position: absolute;
        top: 41%;
        margin-left: 8%;
    }

    .video-div {
        height: 200px;
    }

    .machine-text {
        font-size: 28px;
    }

    h1.text-white.the-machine {
        font-size: 30px !important;
    }

    .logo {
        width: 50%;
    }

    .mail-text {
        font-size: 10px !important;
    }

    .new-icon {
        font-size: 20px !important;
    }

    .footer-copyright.text-white {
        font-size: 14px;
    }

    .social-icon {
        padding: 0% !important;
        margin: 0% !important;
        text-align: center !important;
    }

    .footer-copyright {
        margin: 0% !important;
        padding: 0% !important;
        text-align: start !important;
    }

    .region-icon i {
        padding-top: 8px !important;
        padding-left: 8px !important;
    }
}



@media only screen and (max-width:425px) {
    .round-circle {
        width: 44% !important;
    }

    .text-div {
        position: absolute;
        top: 35%;
        margin-left: 6%;
    }

    button.add-cart-btn.mr-2.mt-1.d-inline-block {
        margin-left: 10px;
    }

    .card-body {
        padding: 20px;
    }

    .view {
        height: 41vh !important;
    }

    .sap-text {
        font-size: 25px;
    }

    .machine-text {
        font-size: 23px;
    }

    .sap-heading {
        position: relative;
        margin-top: 100px !important;
        margin-left: 17px;
    }

    .video-div {
        height: 135px;
    }

    h1.text-white.the-machine {
        font-size: 23px !important;
    }

    .footer-copyright {
        font-size: 14px;
    }

    .social-icon {
        padding: 0% !important;
        margin: 0% !important;
        text-align: center !important;
    }

    .footer-copyright {
        margin: 0% !important;
        padding: 0% !important;
        text-align: start !important;
    }

    .region-icon i {
        padding-top: 8px !important;
        padding-left: 8px !important;
    }

    /*.social-icon{*/
    /*    white-space: nowrap;*/
    /*}*/
}

@media only screen and (max-width:375px) {
    .view {
        height: 37vh !important;
    }

    button.add-cart-btn.mr-2.mt-1.d-inline-block {
        margin-left: 10px;
    }

    .card-body {
        padding: 20px;
    }

    .sap-text {
        font-size: 16px;
    }

    .round-circle {
        width: 50% !important;
    }

    h1.text-white.the-machine {
        font-size: 20px !important;
    }

    .social-icon {
        padding: 0% !important;
        margin: 0% !important;
        text-align: center !important;
    }

    .footer-copyright {
        margin: 0% !important;
        padding: 0% !important;
        text-align: start !important;
    }

    .region-icon i {
        padding-top: 8px !important;
        padding-left: 8px !important;
    }
}


@media only screen and (max-width:360px) {
    .round-circle {
        width: 50%;
    }

    button.add-cart-btn.mr-2.mt-1.d-inline-block {
        margin-left: 10px;
    }

    .card-body {
        padding: 20px;
    }

    .text-div {
        position: absolute;
        top: 19%;
        margin-left: 6%;
    }

    h1.text-white.the-machine {
        font-size: 16px !important;
    }

    .footer-copyright {
        font-size: 13px !Important;
    }

    .social-icon {
        padding: 0% !important;
        margin: 0% !important;
        text-align: center !important;
    }

    .footer-copyright {
        margin: 0% !important;
        padding: 0% !important;
        text-align: start !important;
    }

    .region-icon i {
        padding-top: 8px !important;
        padding-left: 8px !important;
    }
}

@media only screen and (max-width:320px) {
    .round-circle {
        width: 57% !important;
    }

    button.add-cart-btn.mr-2.mt-1.d-inline-block {
        margin-left: 10px;
    }

    .card-body {
        padding: 20px;
    }

    .footer-copyright {
        font-size: 12px !important;
    }

    .social-icon {
        padding: 0% !important;
        margin: 0% !important;
        text-align: center !important;
    }

    .footer-copyright {
        margin: 0% !important;
        padding: 0% !important;
        text-align: start !important;
    }

    .region-icon i {
        padding-top: 8px !important;
        padding-left: 8px !important;
    }
}