@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');


*,p,h3,h6
{
    padding: 0px;
    margin: 0px; 
}
a {
    text-decoration: none;
}
.bg-orange
{
    background-color: #F77F00;
}
.flex-no
{
    flex: 0 0 auto;
}
.title p
{
    font-size: 14px;
    color: #41435D;
}
.title h3
{
    color: #2B2D42;
    font-size: 30px;
    font-weight: 700;
}
.border-ra
{
    border-radius: 35px;
}
section
{
    padding: 50px 0px;
}
.i-circle
{
    width: 35px;
    height: 35px;
    line-height: 35px !important;
    border-radius: 50%;
    transition: all ease-in-out .5s;
    justify-content: center;
}
.bg-theme
{
    background-color: #A8322D;
}
.box-flex
{
    display: flex;
    align-items: center;
}
/*--Header--*/
.sticky {

    transition: all 0.6s ease;
    top: 0;
    width: 100%;
    box-shadow: 0 8px 25px 0 rgb(0 0 0 / 4%);
    z-index: 99999;
}
.sticky .logo img
{
    width: 100px;
}
.date-box {
    height: 40px;
    align-items: center;
}
header {
    display: flex;
    align-items: center;
    padding: 10px 50px;
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
    justify-content: space-between;
}
.dropdown-menu
{
    font-size: 11px;
}
.dropdown-menu:before
{
    content: "\A";
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    border-color: #ffffff00 #00000000 #ffffff #6c454500;
    position: absolute;
    top: -20px;
    left: 30px;
}
.dropdown-menu .dropdown-item
{
    align-items: center;
    border-radius: 10px;
    padding: 5px;
}
.drop-bell.dropdown-menu.show {
    transform: translate(114px, 37px) !important;
}
.user-drop.dropdown-menu.show {
    display: block;
    transform: translate3d(10px, 36px, 0px)!important;
}
.dropdown-item.active, .dropdown-item:active
{
    background-color: #a8322d;
}
.user-drop li
{
    border-bottom: 1px solid #d8d6d6;
}
.dropdown-toggle::after
{
    margin-left: 10px;
}
.drop-bell i.fa-check
{
background: #74AF03;
color: #FFF;
width: 20px;
height: 20px;
border-radius: 50%;
transition: all ease-in-out .5s;
display: flex;
margin-left: 3px;
}
.menu
{
    align-items: center;
}
.navbar-expand-lg .navbar-nav .nav-link,
.navbar-expand-lg .navbar-nav .nav-link,
.footer-link a
{
   color: #FFF;
}
.navbar-expand-lg .navbar-nav .nav-link.active,.navbar-expand-lg .navbar-nav .nav-link:hover
{
    text-stroke: 0.5px white;
    -webkit-text-stroke: 0.5px white;
}
.user-nav .user-shop,.user-nav .user-name
{
    background-color: #F7F7F7;
}
.user-nav .user-shop,.user-nav .user-name ,.user-nav .user-lang
{
     height: 35px;
}
.user-nav .user-name .dropdown-toggle,.user-nav .user-shop,.user-nav .user-name
{
    color: #000;
}
.fa-user.user-price
{
    padding: 10px 12px;
}
.user-lang a
{
    color: #FFF;
}
.user-lang .a-lang
{
    background-color:#313131
}
.user-name.dropdown,.user-lang
{
    align-items: center;
    justify-content: space-around;
}
.user-nav li
{
    margin: 0px 4px;
}
.bell
{
    color: #000;
    background-color: #E3E3E3;
}
.bell:hover,.col-theme
{
 color: #A8322D ;
}
.user-shop
{
    display: flex;
    align-items: center;
}
.user-price
{
    background: #e3e3e3;
    padding: 7px;
}
.t-shop
{
    padding: 6px;
}
.user-price span
{
    font-weight: 700;
    padding: 3px;
}
.bell.dropdown-toggle::after,#end-btn 
{
    display: none;
}
button:focus,button:focus:not(:focus-visible) {
    border: 0px;
    outline: 0px;
    box-shadow:none;
}
/*--Intro--*/
.user-drop .dropdown-menu:before
{
    top: -20px;
    right: 30px;
}
.intro {
    display: flex;
    align-items: center;
    padding-top: 120px;
    position: relative;
    color: #FFF;
    padding-bottom: 100px;
}
.intro::after {
    background-image: url(../img/intro.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: -1;
}
.loading 
{
    margin-top: 50px;
}

.intro-text
{
    z-index: 10;
}
.intro h1
{
    font-size: 60px;
    font-weight: 700;
    line-height: 5.5rem;
    z-index: 1;
    position: relative;
}
.intro-p
{
    font-size: 22px;
}
.intro-pic img {
    animation: up-down 2s infinite linear;
    margin-top:150px;
}
@keyframes up-down { 
    0% { 
      transform: translateY(-20px); 
    } 
   
    50% { 
      transform: translateY(-10px); 
    } 
   
    100% { 
      transform: translateY(-20px); 
    } 
  }
  .search-box
  {
    background: #FFF;
    width: 90%;
  }
  .drop-sort{
    background: #EBE2B8;
    display: flex;
    align-items: center;
  }
  .search-suggest .active
  {
    font-weight: 700;
  }
  .loading a:hover img,.foot-load a:hover img
  {
    opacity: 0.8;
    transition: .3s ease-in-out;

  }
  /*----NewLohooom--*/
  .newlohoom-text del
  {
    color:#B5B5B5;
    font-size: 12px;
  }
  .new-descant
  {
    font-size: 10px;
    background: #FFA200;
    color:#FFF;
    padding: 1px;
    width: 50px;
    height: 20px;
  }
  .box-news-dws
  {
    justify-content: center;
    align-items: center;
  }
  .new-lohom h3:before
  {
    position: absolute;
    background: url(../img/bg-new.png) no-repeat;
    left: -35px;
    top: -26px;
    width: 57px;
    height: 50px;
    content: "";
  }
  .owl-newLohoom img,.offer-Lohoom img,.depatment-page img,.rounded-img
  {
    border-radius: 25px 25px 0px 0px;
    transition: .3s ease-in-out;
  }
  .newlohoom-text
  {
    background-color: #F2F2F2;
    border-radius: 0px 0px 25px 25px;
    z-index: 2;
    position: relative;
    padding: 2px;
  }
  .form-check-label
  {
    margin-right: 5px;
  }
  .input_shipping .trash-i
  {
    text-align: left;
  }
  table tr
  {
    vertical-align: middle;
  }
  .edit-mob
{
    display: none;
}
  .add-checktext
  {
    min-width: 125px;
    display: flex;
  }
  .btn {
    position: relative;
    height: 40px;
    font-size: 14px;
    transition: all ease-in-out .5s;
    border: 0px;
    outline: 0px;

}
.btn-theme
{
    color: #FFF;
    font-weight: 700;
}
.btn-theme:hover, .btn-theme:focus,.btn-theme:active,.btn:first-child:active,:not(.btn-check) + .btn:active
{
    background-color: #313131;
    color: #FFF;
}
.newlohoom-text .fa-cart-shopping,
.product-btn .fa-cart-shopping,
.item-box-pro .fa-cart-shopping,
.cart-btn i
{
    background-color: #B43630;
    padding: 5px;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 1.5;
    margin-left: 5px;
}
.cart-btn .btn,.product-btn .btn
{
   width: 185px;
}
.product-btn
{
    display: flex;
    justify-content: end;
}
.cart-btn
{
    gap:3px;
}
.add-fav
{
    display:inline-block;
    color: #fff;
    text-align: center;
    background-color: #8D99AE;
}
.box-checkbox
{
    font-size: 16px;
}
.add-fav:hover
{
    color: rgb(168 50 45);
}
.newlohoom-text h4
{
    font-size: 20px;
    font-weight: 700;
    height: 35px;
}
.newlohoom-text p
{
    font-weight: 600;
    font-size: 16px;
}
.owl-carousel .newlohoom-text .btn,.news-page .btn
{
    padding: 0px 4px 0px 15px;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    height: 35px;
    width: 35px;
    bottom: -20px;
    line-height: 35px;
    border-radius: 50%;
    background-color: #F77F00;
    position: absolute;
    font-size: 20px;
    color: #FFF;
    top:-60px;
}
.owl-carousel .owl-nav .owl-prev {
    left: 10px;
}
.owl-carousel .owl-nav .owl-next {
    left: 55px;
}
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover {
    background:#ca6a04;
}
/*--Browse By Departmente--*/
.b-department .container {
    border-radius: 35px 35px 0px 0px;
    color: #FFF;
    background-color: #000;
    z-index: 2;
}
.b-department .container::after
{
    background: url(../img/food.png) no-repeat;
    content: '';
    bottom: -128px;
    right: 16px;
    width: 270px;
    height: 150px;
    position: absolute;
    z-index: 1;
}
.b-department .container::before
{
    position: absolute;
    background-color: #000;
    height: 100px;
    content: "";
    bottom: -50px;
    width: 100%;
    border-radius: 0px 0px 35px 35px;
    transform: skew(0deg, 2deg);
    left: 0px;
}
.owl-department img
{
    border:5px #FFF solid;
    transition: .3s ease-in-out;
}
.owl-department .item:hover img 
{
    opacity: .8;
    cursor: pointer;
}
.owl-department h5
{
    font-size: 15px;
    margin-top: 10px;
}
.title-d h3
{
    font-weight: 700;
    font-size: 30px;
}
.owl-department .owl-nav button.owl-prev,
.owl-department .owl-nav button.owl-next,
.owl-clients .owl-nav button.owl-prev,
.owl-clients  .owl-nav button.owl-next
{
    top: auto;
    z-index: 99;
}
.owl-department .owl-nav button.owl-prev,
.owl-department .owl-nav button.owl-next
{
    bottom: 0px;
}
.owl-clients .owl-nav button.owl-prev
.owl-clients  .owl-nav button.owl-next
{
    bottom:-20px;
}
.owl-department .owl-nav button.owl-next,
.owl-clients  .owl-nav button.owl-next

{
    right: 30px;
}
.owl-department .owl-nav button.owl-prev,
.owl-clients  .owl-nav button.owl-prev
{
    right: 80px;
}
/*--Startservice--*/
.service-num,.service-num-n
{
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    transition: all ease-in-out .5s;
    font-size: 20px;
}
.service-num::before
{
    background: #C33832;
    right: 0px;
    position: absolute;
    content: "";
    height: 2px;
    width: 20px;
    transform: translate(20px, 0px);
    top: 50%;
}
.service-num::after
{
    background: #000;
    right: 0px;
    position: absolute;
    content: "";
    height: 5px;
    width: 5px;
    transform: translate(20px, -2px);
    top: 50%;
    border-radius: 50%;
}
.ser-title h3
{
    font-size: 20px;
    color: #2B2D42;
    font-weight: 700;
}
.service-num i,.service-num-n i
{
    background: #C33832;
    color: #FFF;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 1.6;
    position: absolute;
    top: -10px;
    right: -7px;
    font-size: 15px;
}
.ser-title p
{
    font-size: 12px;
    color: #41435D;
}
/*---OfferOfLohoom---*/
.offer-time
{
    background: #8D99AE;
    padding: 30px 20px 25px;
    color: #FFF;
    transform: translate(0px,-19px);
    border-radius: 0px 0px 25px 25px;
}
/*--footer--*/
.bg-foot, footer
{
    background-color: #313131;
    margin-top: 200px;
}
footer
{
    color: #FFF;
    min-height: 300px;
    width: 100%;
    border-radius: 35px 0px 0px 0px;
    transform: skew(0deg, 3deg) translate(0px, -150px);
}
footer .container
{
    transform: skew(0deg, -3deg) translate(0px, 150px);
}
.m-bot
{
    margin-bottom: 200px;
}
.social-icon
{
    background: #434343;
    height: 200px;
    width: 100%;
    border-radius: 0px 35px 0px 0px;
    transform: skew(0deg, -2deg);;
    transform-origin: top left;
}
.social-icon .container
{
    transform: skew(0deg, 3deg);
    padding-top:50px;
}
.social-bg
{
    background: #434343;
    height: 200px;
}
.contact-pic
{
    width: 200px;
}
/*
.social-icon::after
{
    background: #434343;
    height: 100px;
    content: "";
    bottom: 0px;
    width: 100%;
    border-radius: 0px 35px 0px 0px;
    transform: skew(0deg, -3deg);
    left: 0px;
    position: absolute;
    transform-origin: top left;
}*/
.social-icon .nav,.social-icon  p
{
    z-index: 2;
}
.social-icon a:hover img{
    transform: scale(1.1);
    cursor: pointer;
    transition: all .1s ease-in-out;
}
.footer-link a:hover,footer a:hover
{
    color: #949494 !important;
}
.foot-load img
{
    width: 150px;
    display: block;
    margin-top: 10px;
}
/*--DepartmentPage--*/
.page-title
{
    background-color: #F2F2F2;
    height: 90px;
    margin-top: 100px;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 18px;
}
.page-title a
{
    color:#000 ;
}
.pagination-sm .page-item:last-child .page-link,
.pagination-sm .page-item:first-child .page-link
 {
    border-radius: 50%;
}
.pagination-sm .page-item 
{
    background:#F77F00;
    font-weight: 700;
    margin: 0px 5px;
    border:1px solid #F77F00;
}
.pagination-sm .page-item a
{
    color: #FFF;
}
.pagination-sm .page-item:hover a
{
    color:#F77F00;
}
.pagination-sm .page-item.active,
.pagination-sm .page-item:hover,
.page-link.active, .active > .page-link
{
    color:#F77F00;
    background: #FFF;
    border:1px solid #F77F00;

}
.tab-title img {
    width: 100px;
    opacity: 0.5;
    transition: all .1s ease-in-out;
}
.tab-title a:hover img,.tab-active img
{
    opacity: 1;
}
.tab-pic
{
    font-weight: 700;
    width: 100px;
    position: absolute;
    top: 35px;
    color: #FFF;
}
.tabs-trigger
{
    margin: 3px;
}
.tab-title .nav-tabs {
    border-radius: 5px;
    border:0px;
    justify-content: center;
}
.depatment-tabtit
{
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.firsrt-tit
{
    width: 100px;
    height: 100px;
}
.depatment-page .newlohoom-text .btn
{
    padding: 0px 4px 0px 5px;
}
.nav-pagination
{
    display: flex;
    justify-content: center;
}
@media only screen and (min-width: 1200px)
{
.col-lg-1-5 {
    width: 20%;
}
}
/*--NewsPage--*/
.offer-adv .container
{
    background: url(../img/new-offer.png) no-repeat;
    display:flex;
    align-items: center;
    height: 350px;
}
span.last-p
{
    font-size: 20px;
}
.price-off
{
    font-size: 25px;
}
/*--ContactUs--*/
.breadcrumb-item i
{
    color: #A8322D;
    font-size: 15px;
}
[type="email"]
 {
    direction: rtl;
}
.form-control:focus 
{
    border-color: #a8322d;
    box-shadow: none;
}
.contact-box i
{
    background:#FFA200;
    color: #FFF;
}
/*--AboutPage--*/
.about-page img
{
    height: 350px;
    border-radius: 35px;
}
.about-text
{
    line-height: 1.8;
    font-size: 20px;
}
/*--HelpPAge--*/
.help-box
{
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 18px;
}
.help-text img
{
    max-height: 300px;
}
.help-num
{
    position: relative;
}
.help-num::before
{
    border:1px dashed #949494;
    position: absolute;
    height: 1px;
    right: 0px;
    width: 250px;
    top:40%;
    content: '';
    transform: translate(110%, 50%);
}
/*--ShoppingPage--*/
.form-date .fa-calendar
{
    position: absolute;
    left: 21px;
    top: 36%;
    color: #7E7E7E;
}
.ship-btn .container
{
    display: flex;
    justify-content: center;
    gap: 10px;
}
.ship-btn .btn,.product-btn .fa-cart-shoppin
{
    width: 150px;
}
.tab-pane-01
{
    align-items: center;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
}
.form-check-a,.form-check-b
{
    width: 155px;
    background: #FFF;
    height: 45px;
    gap: 3px;
    padding: 10px;
}
.form-check-a
{
    z-index: 2;
}
.form-check-b
{
    transform: translate(50px, 0px);
    z-index: 1;
    text-align: left;
    padding-right: 60px;
}
.form-check-input:checked {
    background-color: #a8322d;
    border-color: #a8322d;
}
.check-tap
{
    background: #FFEEED;
    border:1px solid #A8322D !important;
    cursor: pointer;
    color: #A8322D;
}
.form-date .form-control
{
    font-size: 14px;
    font-weight: 600;
}
.dashed-line {
    border:1px #000 dashed;
    width: 25px;
  }
  .step-detail::before
  {
    position: absolute;
    border-radius: 50%;
    background-color: #8e2824;
    width: 5px;
    height: 5px;
    content: "";
    right: -6px;
    top: 48%;
  }
.step-detail:last-child :before
{
    width: 0px;
}
.active .step-detail span
{
    color: #8e2824;
}
.step .check-tap
{
    width: 50px;
    height: 50px;
    position: relative;
    justify-content: center;
    font-size: 20px;
}
.step.active .step-detail
{
    display: block;
}
.step-num
{
    font-size: 12px;
}
.step-detail,.process-02
{
    display: none;
    position: relative;
}
.process-01
{
    display: block;
}
.form-check-input:focus
{
    box-shadow:none;
}
.process-01,.add-text
{
    display: flex;
    align-items: center;
}
.add-box i.fa-check
{
    color: #74AF03;
    border:1px solid #74AF03;
    background: #73af032b;
    border-radius: 10px !important;
    text-align: center;
    margin-right: -28px;
    width: 35px;
    height: 35px;
}
.add-box
{
    gap: 35px;
    align-items: center;
    justify-content: space-around;
}
.trash-i
{
    color: #A8322D;
}
.add-adr
{
    background: #000;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
}
.add-adr:hover
{
    background: #A8322D;
}
.tab-box .fa-location-dot
{
width: 25px;
height: 25px;
border-radius: 50%;
line-height: 25px;
}
.modal.show .modal-dialog {
    margin-top: 100px;
}
#section-tabs li.active {
    cursor: pointer;
}
.btn-code
{
    position: absolute;
    left: 6px;
    width: 122px;
    height: 45px;
    top: 6px;
}
input::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 40%px;
    left: 10px;
    color: black;
    opacity: 1;
    
}
.date-label
{
    transform: translate(-20px,38px);
}
fieldset .form-control
{
    padding: 10px;
}
.btn-prev
{
    background: #8E8E8E;
}
.pay-box 
{
    min-height: 55px;
    justify-content: space-between;
    border:1px solid #8E8E8E;
    padding: 10px;
}
table thead  
{
    background: #F5F7F8;
}
figure img
{
    width: 100px;
    height: 100px;
}
.cart-body p,.c-theme
{color: #A8322D;}
.cart-body figure
{
    gap: 10px;
}
#end-shopping img
{
    width: 250px;
}
.date-box p,.date-box i,.txt-c
{
    color:#2B2D42
}
.date-box
{
    gap: 10px;
}
.btn-end
{
    width: 170px;;
}
.btn-prev
{
    width: 140px;;
}
.price-detal
{
    justify-content: space-between;
}
/*---product-detail------*/
.product-detail .container
{
    position: relative;
}
.product-detail .container .row
{
    z-index: 2;
    position: relative;
}
.product-detail .container::before
{
    background: #313131;
    position: absolute;
    top:0px;
    height: 100%;
    right: 0px;
    width: 80%;
    content: '';
    border-radius: 20px;
    z-index: 0;
}
.detail-pro,.item-box-pro
{
    justify-content: space-between;
}
.carousel-inner,.carousel-inner img
{
    height: 240px;
}
.carousel-indicators
{
    right: 0px;
    left: auto;
    margin: 12px;
}
.carousel-control-prev, .carousel-control-next
{
    background: #a8322d;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    right: auto;
    font-size: 20px;
    bottom: 20px;
    top: auto;
}
.carousel-control-prev
{
    left: 60px;
}
.carousel-control-next
{
    left: 10px;
}
.carousel-indicators [data-bs-target]
{
    width: 40px;
    border-radius: 5px;
    height: 40px;
}
.owl-product-det.owl-carousel .owl-nav button.owl-prev,
.owl-product-det.owl-carousel .owl-nav button.owl-next
 {
    background-color: #A8322D;
    top:72%;
 }
 .product-box .up, .product-box .down
 {
    background: #000;
    color: #FFF;
 }
 .product-box .up, .product-box .down,.count .fav-box
{
    width: 40px;
    height: 40px;
 }
 .product-box .up
 {
    border-radius: 0px 25px 25px 0px;
 }
 .product-box .down
 {
    border-radius: 25px 0px 0px 25px;
 }
.count .fav-box
 {
    border: 0px;
    border-radius: 0px;
   /* margin: -1px -5px;*/
    text-align: center;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
 }
 .devBox   
 {
    width: 450px;
    gap: 15px;
    align-items: center;
    justify-content: space-around;
 }
.count .fav-box:focus-visible {
    outline: 0px;
}
 .product-box .up:hover,.product-box .down:hover
 {
    background-color: #313131;
 }
div.table-responsive
{
    border-radius: 10px;
    border: 1px solid #dfdfdf;
}
.table-responsive .form-select
{
    background-color:#F7F7F7
}
.form-select:focus,.form-select:hover {
    border-color: #A8322D;
    box-shadow:none;
}
.tb-price
{
    font-weight: 200;
    font-size: 13px;
}
.owl-suggeste.owl-carousel .owl-item img
{
    width: 100px;
    height: 100px;
}
.flex-end
{
    justify-content: end;
    display: flex !important;
}
/*--CartPage---*/
.btn-next
{
    background-color: #FFA200;
}
.cart-icon
{
    width: 55px;
    height: 55px;
    box-shadow: 1px 1px 5px #8e2824;
    text-align: center;
    line-height: 55px;
}
.tb-pic
{
    width: 70px;
    height: 70px;
    flex-shrink: 0;
}
.price-cart
{
    font-size: 18px;
}

.edit-link
{
    display:flex;
    gap:4px;
}
/*---Profile---*/
.profile-sec .table > :not(caption) > * > *
{
    white-space: nowrap;
}
.nav-profile
{
    flex-direction: column;
}
.nav-profile a
{
    color:#575757;
    justify-content: space-between;
    display: flex;
    padding: 10px 20px;
}
.nav-profile a i
{
    color: #CCCCCC;
}
.nav-profile a:hover ,.nav-profile li.tab-active a,
.nav-profile .tab-active
{
    background-color: #A8322D;
    color:#FFF;
}
.nav-profile li.tab-active i
{
    color:#FFF;
}
.nav-profile li.active .fa-arrow-left,.nav-profile .tab-active .fa-arrow-left
{
    visibility: visible;
}
.nav-profile .fa-arrow-left
{
    visibility: hidden;
}
.profile-icon
{
    position: absolute;
    top: 35%;
    width: 20px;
    height: 20px;
    right: 10px;
}
.phone-number .code {
    direction: ltr;
    position: absolute;
    content: "";
    top: 4px;
    left: 0;
    text-align: center;
    width: 60px;
    height: 38px;
    line-height: 37px;
    color: #141211;
    font-size: 14px;
    font-weight: 800;
}
table tr:last-child td,table tr:last-child th {
    border: none;
}
.a-profile
{
    display: none;
}
.cart-hight
{
    height: 50px;
}
.pro-date
{
    flex-direction: column;
    justify-content: center;
}
.add-sugg,a.col-theme:hover
{   
    color: #000;
}
.add-sugg:hover
{   
    color:#8e2824;
}
#details .modal-content
{
    width: 600px;
}
#details,#login,#Newregist
{
    overflow-x: auto;
}
#login .form-control
{
    padding: 10px;
}
#login .model-pic
{
    width: 150px;
}
#login .modal-content,#Newregist .modal-content
{
    width: 650px;
}
.modal-body .col-sm-6
{
    justify-content: center;
}
#Newregist .modal-content
{
    width: 600px;
}
#decrement,#increment
{
    border: 2px solid #c42c2c;
}