body{
    background: #FFFFFF !important;
}
h1 {
    font-size: 26px;
    font-weight: bold;
}
.menuContent {
    /*width: 100%;*/
    background-color: #202454;
    /* border-top: 1px solid #eee; */
    /* border-bottom: 1px solid #eee; */
}
.model-header{
    background: #77b217 !important;
}
.model-close-custom-btn,.model-close-custom-btn:hover {
    background-color: #f3b760;
    border-color:#f3b760;
    color: #fff;
}
.qtyItem {
    text-align: center;
    padding: 10px 20px;
    height: 45px;
}
.qtyItem::-webkit-outer-spin-button,
.qtyItem::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.contractForm{
    background: #f8f8f8;
    padding: 30px;
    margin-bottom: 30px;
}
.contractForm h2{
    text-align: center;
}

.mainMenu {
    height: 50px;
}

.mainMenu ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
    display: flex;
    gap: 60px;
    /*margin-top: 15px;*/
}

.mainMenu ul li {
    display: inline-block; 
    /* margin: 5px; */
}

.mainMenu ul li a:hover {
    border-color: #fff;
}

.mainMenu ul li.active a {
    border-color: #fff;
}
.mainMenu ul li a {
    display: block;
    font-weight: 600;
    font-size: 15px;
    position: relative;
    transition: all ease 0.1s;
    color: #fff;
    padding-block: 15px;
    border-bottom: 3px solid transparent;
}
.mainMenu ul li a::before{position:absolute;content:"";left: 0;right: 0;display: none;bottom: 0px;
    /* transition: all ease 0.1s;background: #9a031e; */
    top: 0;z-index: -1;}
.mainMenu ul li a:hover::before{display: block;}
.callUs img {
    display: inline;
    width: 40px;
    height: 40px;
    vertical-align: top;
    margin: 6px 10px 0 0;
}
.callUs p {
    display: inline-block;
    color: #fff;
    margin: 5px 0 0 0;
    font-size: 14px;
}
.content-header {
    max-width: 1280px;    
}
.content-header, .content.content-boxed {
    padding-left: 30px;
    padding-right: 30px;
}
ul.topMenu {
    padding: 0;
    list-style: none;
    margin: 0;
}

ul.topMenu li {
    display: inline-block;
    margin-right: 15px;
    /* border-right: 1px solid #202454; */
    padding-right: 15px;
    line-height: 16px;
}

ul.topMenu li a {
    color: #0e0e0e;
    font-size: 16px;
}

ul.topMenu li:last-child {
    border: none;
}

.topCart p {
    font-size: 15px;
    color: #0e0e0e;
    display: inline-block;
    margin: 3px 0 0 0;
    line-height: 18px;
}

.topCart p span {
    display: block;
}
.topCart img {
    display: inline-block;
    height: 36px;
    width: auto;
    margin: 0px 5px 0 0;
    vertical-align: top;
}
.main-container {
    padding-top: 20px;
}
.homeBanner img {
    max-width: 100%;
}

.boxItemHome {
    border: 1px solid #e5e5e5;
    padding: 14px;
}
.boxItemHome img {
    display: inline-block;
    vertical-align: top;
    margin: 5px 10px 0 0;
}
.boxItemHome p {
    display: inline-block;
    margin: 0;
}

.boxItemProductHome {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* Ensures same card height */
    min-height: 310px; /* Adjust based on your design */
    background: #fff;
    text-align: center;
    padding: 15px;
    border: 1px solid #e9e9e9;
}

.product-button {
    width: 100%;
    margin-top: 10px;
    background-color: #8AA20B;
    color: white;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    text-align: center;
} 

.boxItemCategoryName{
    font-size: 16px !important;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    color: #9b9b9b;
}

.boxItemProductHome h2 {
    font-size: 22px;
    margin: 10px 0 10px;
    font-weight: bold;
}

.priceItem {
    font-size: 18px;
    font-weight: bold;
    color: #202454;
}

ul.footerAddress {
    padding: 0;
    list-style: none;
    margin: 15px 0;
}

ul.footerAddress li {
    margin-bottom: 10px;
    font-weight: bold;
}

ul.footerAddress li i {
    width: 25px;
    display: inline-block;
}

ul.footerAddress li a {
    color: #333;
}
.boxItemFooter h3{
    font-weight: bold;
}

.newsletter {
    display: flex;
    flex: 1;
}
.newsletter p {
    display: inline-block;
    color: #fff;
    margin: 5px 0 0 0;
    font-size: 18px;
}
.footer-container {
    display: flex;
}

.footer-child {
    flex: 1;
    border: 2px rgb(12, 12, 12);
}

.copyright {
    font-weight: 300;
    font-size: 1rem;
    text-align: center;
}
.btn-custom{
    color: #fff;
    background-color: #202454;
    border-color: #202454;
    border-radius : 23px;
}
.subscribe input{
    margin: 15px 0 5px;
    padding: 25px 15px;
}
.newsletter .btn-custom {
    color: #202454;
    background-color: #fff;
    border-color : #202454;
}
.boxItemFooter {
    margin-bottom: 30px;
}

.btn-custom:hover{
    color: #000 !important;
    background-color: #fff;
    border-color: #202454;
    border-radius : 23px;
}

/*cart*/
.cartItem{
    display: flex;
    margin-bottom: 20px;
}

.cartItemImg {

    margin: 0 15px  15px 0;
}
.cartItemImg img{
    max-width: 180px;
}

.cartItemDetails {
    display: inline-block;    
    padding-left: 105px;
}
.cartItemDetails h2 {
    font-size: 18px;
    margin: 5px 0 15px;
    color: #323232;
    font-weight: normal;
}
.cartItemDetails h3 {
    font-size: 18px;
    font-weight: normal;
}
.cartItemDetails h3 span {
    color: #202454;
    font-weight: bold;
    padding-left: 30px;
    font-size: 22px;
}
span.qtyTitle {
    display: inline-block;
    margin-right: 20px;
}

.qtyGroup {
    display: inline-block;
    max-width: 150px;
}
.input-group-append {
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
}
.input-group-prepend {
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
}
span.priceTitle {
    width: 85px;
    display: inline-block;
}

span.priceAmount {
    display: inline-block;
    text-align: center;
    color: #202454;
    font-weight: bold;
}

.priceItemGroup {
    display: block;
    margin-bottom: 15px;
}

.cartTotal {
    background: #f9f9f9;
    padding: 15px;
}

.cartTotal h3 {
    padding-left: 15px;
    text-transform: uppercase;
}
.cartTotal tr td {
    font-size: 14px;
}

.cartTotal td.cartTotalPrice {
    font-weight: bold;
    color: #202454;
}
.itemProductCart td {
    border-top: none;
    /*padding: 8px;*/
}
.cartTotalSubmit {
    padding: 15px 0;
}

.cartTotalSubmit button {
    margin-top: 25px;
}
.topCartMobile{
    display: none;
}
.topCart.topCartMobile p {
    color: #FFF;
}

/*.topCart.topCartMobile {
    margin-left: 60px;
}*/
.addHome{
    max-width: 100%;
}
.owl-carousel .owl-item img {
    max-width: 180px !important;
    margin: 0 auto;
}
.owl-item {
    width: 280px !important;
    margin: 0 15px;
}

.cartItemUpdate {
    padding: 15px 0 0 50px;
}

.cartItemUpdate button {
    margin: 0 10px 0 0;
    display: inline-block;
}

.has-error small.help-block {
    color: #e63d3d;
}

.nav-link:focus, .nav-link:hover {
    color: #202454;
}


@media only screen and (max-width: 720px) {
    .hiddenInMobile{
        display: none !important;
    }
    .topCartMobile{
        display: block !important;
    }
}


/* Social Media CSS*/
.icon-bar {
    position: fixed;
    top: 50%;
    right : 1px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
  }

  /* Style the icon bar links */
  .icon-bar a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
  }

  /* Style the social media icons with color, if you want */
.icon-bar a:hover {
    background-color: #000;
  }

  .facebook {
    background: #3B5998;
    color: white;
  }

  .twitter {
    background: #55ACEE;
    color: white;
  }

  .google {
    background: #d1c026;
    color: white;
  }

  .instagram {
    background: #b5004b;
    color: white;
  }

  .pinterest {
    background: #bb0000;
    color: white;
  }

  .message-me-form input::placeholder,textarea::placeholder{/* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #222222 !important;
      opacity: 1; /* Firefox */
  }
  .menuContent .content-header{height: unset;}
  .banner-title .menu-btn {
    font-size: 11px;
    border: 2px solid;font-weight: bold;}
  .banner-title .menu-btn:hover {
    border-color: #fff;
    background: #202454;
    color: #000;
    border : 1px solid #202454;
    }
    @media screen and (max-width:767px){
        .topHeader img.logo{width: 46px;}
        .logofield span{font-size: 28px;}
    }