:root{
    --bg-color:rgba(112, 37, 37,1);
    --border-color:rgba(112, 37, 37,1);
    --color:white;
    --a-color:rgba(112, 37, 37,1);
    --a-hover-color:rgba(112, 37, 37,.75);
    --hover-color:rgb(255, 255, 255);
    --hover-bg-color:rgba(112, 37, 37,.75);
    --hover-border-color:rgba(112, 37, 37,.75);
    --nav-height: 100px;
    --bs-gray-300:rgba(212, 212, 212, 0.952);
    --bs-border-color-translucent:rgba(255,255,255,0)
}
html{
    height:100% ;
    box-sizing: border-box;
}
body{
    max-width: 1400px;
    margin: auto;
    min-height: 100%;
    box-sizing: inherit;
    position: relative;
    /* padding-bottom: 200px; */
}
p{
    color: rgb(98 98 98);
    margin-bottom: 0px;
    font-size: 1rem;
}
.btn-primary{
    color:var(--color);
    background-color: var(--bg-color);
    border-color:var(--border-color);
}
.btn-primary:hover{
    color:var(--hover-color);
    background-color: var(--hover-bg-color);
    border-color:var(--hover-border-color);
}
.a-primary{
    text-decoration: none !important;
    color:var(--a-color) !important;
}
.a-primary:hover{
    text-decoration: none !important;
    color:var(--a-hover-color) !important;
}
.w-85{
    width: 85% !important;
}
.input-group{
    display: inline-flex;
    width: auto !important;
}
.input-group-text-padding{
    padding: .5rem .75rem;
}
.navbar-collapse {
   flex-grow: 0 !important;  
    align-items: center;
  }
.navbar-nav-only-col-direction{
    display: inline-flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link-px{
    padding-right: .5rem;
    padding-left: .5rem;
}
.nav-link{
    color:rgba(0,0,0,.55);
}
.nav-link:hover{
    color: rgba(0,0,0,.7);
}

.dropdown{
    cursor: pointer;
}
.dropdown:hover .dropdown-menu {
    display: block !important;
}
.dropdown-item:hover {
    background-color: var(--hover-bg-color);
   color:var(--hover-color);
}
.nav-cart-n-user{
 
    display: flex;
}
.nav-cart-n-user,.navbar-toggler,.input-group{
    margin-bottom: .5rem;
}

  @media (min-width: 992px){
    .ct-dd,.fl-dd{
        width: 400px;
    }
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: space-between;
      }

  }
  @media (max-width: 991px) {
    .ct-dd,.fl-dd{
        width: 300px;
    }
    .navbar-collapse {
        /* position: fixed; */
        top:var(--nav-height) ;
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 75%;
        height: 100%;
    }

    .navbar-collapse.collapsing {
        
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        left: 0;
        transition: left 200ms ease-in-out;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        left: -75%;
        transition: left 300ms ease-in-out;
    }
}
@media (max-width: 575){
    .ct-dd,.fl-dd{
        width: 200px;
    }

}

.prevent-select {
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
}


.background {
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.25;
}

.main_content{
    /* height: 200px; */
}

.firstimage{
    background-image: url("/static/app_mainpage/s-l1600.jpg");
}
.secondimage{
    background-image: url("/static/app_mainpage/Fasteners.jpg");
}

.service_image_1{
    background-image: url("/static/app_mainpage/2d-to-3d-design-2.jpg");
}

.service_image_2{
    background-image: url("/static/app_mainpage/2a.jpg");
}

.service_image_3{
    background-image: url("/static/app_mainpage/3A.jpg");
}
.service_image_4 {
    background-image: url("/static/app_mainpage/4A.png");
}
.slogan{
    opacity: 1;
}

.navbar{
    background-color: #dfa982;
    z-index: 100;
}

.footer_div {
    background-color: #dfa982;
}

.footer_div .nav-item {
    font-size: 22px;
    margin: 0px 40px ;
}
.footer_div p{
    font-size: 28px;
}
.footer_div{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.float-container {
    border: none;
    /* padding: 20px; */
    height: 100px;
}

.float-child1 {
    width: 50%;
    float: left;
    padding: 5px;
    border: none;
}
.float-child2 {
    width: 50%;
    float: right;
    padding: 5px;
    border: none;
}

.flex_center{
    align-items: center;
    display: flex;
    justify-content: center;
}
.services_row{
    margin:2rem auto;
}
.services_row:nth-child(2n) {
   background-color: azure;
}

.service_content {
    font-size: 1rem;
}
.service_content p{
    text-indent: 1.5rem;
}
.image{
    width: 30vw;
}
.navbar-top{
    top: 0;
    position: sticky;
}

.quanitity {
    width: 100px !important; 
}

.discount {
    width: 100px !important; 
}
.price_chart td{
    width: 50px;
    align-items: center;
    text-align: center;
}
#navbar{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    max-width: 1400px;
    flex-grow: 1;
    padding: 0px 12px;
    margin-bottom: 16px
}
.modal-dialog{
    max-width: 1140px !important;
    width: 90vw !important;
}