.form #sendmessage_sub {

            color: #007bff;

            border: 1px solid #007bff;

            display: none;

            text-align: center;

            padding: 15px;

            font-weight: 600;

            margin-bottom: 15px;
        }
        
        .form #errormessage_sub {

            color: red;

            display: none;

            border: 1px solid red;

            text-align: center;

            padding: 15px;

            font-weight: 600;

            margin-bottom: 15px;

        }

        .form #sendmessage_sub.show,

        .form #errormessage_sub.show,

        .form .show {

            display: block;

        }

        #intro .intro-info h2 {
            font-size: 25px !important;
            margin-bottom: 20px !important;
        }

        #intro .intro-info p {
            /* color: #fff; */
            color: #080000;
            font-size: 20px;
        }

        #services .icon {
            left: 15px !important;
        }

        #services .description {
            margin-left: 70px !important;
        }


        #our-products {
            box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
        }

        #our-products .product_title {
            color: #f37821;
            font-size: 40px;
            font-weight: 600;
            line-height: 57px;
        }

        #our-products .section-header h3 {
            font-size: 40px;
            font-weight: 500;
            line-height: 57px;
        }

        #our-products .section-header p {
            color: #212c4f;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
        }

        /* .our-products-inner .box:hover {
            background-color: white;
            border-radius: 5%;
        }*/
        
        .our-products-inner .box {
          background-color: #dee2e68f;
          border-radius: 2%;
          box-shadow: 0 7px 7px rgba(0, 0, 0, 0.18);
        
      }

        .our-products-inner .box .btn {
          padding: 12px;
          /* height: 38px; */
          font-size: 12px;
          font-weight: 500;
        }

        .our-products-inner .box a .css_focus:focus{
        
          box-shadow: none!important;
        }
        /* .our-products-inner .mart:hover .btn {
            visibility: visible;
            background-color: #05BB75;
        } */

        .our-products-inner .stack-food:hover .btn {
            visibility: visible;
            background-color: #F37821;
        }

        /* .our-products-inner .cash:hover .btn {
            visibility: visible;
            background-color: #05BB75;
        } */

        /* .our-products-inner .efood:hover .btn {
            visibility: visible;
            background-color: transparent;
        } */

        .our-products-inner .efood:focus .btn {
            box-shadow: 0;
      }

      .our-products-inner .view-all-btn {
        background-color: #7ea4cf;
        border-radius: 5%;
        color: #080000;
        font-weight: 600;
        float: right;
        font-size: 13px;
        padding: 13px 0;
    }


    .our-products-inner .view-all-btn:focus {
          box-shadow: none;
        }

        #services .box {
            height: 235px;
        }
        #about{
            box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
        }
        
        
     




.our-courses .card {
  max-width: 30em;
  flex-direction: row;
  background-color: #E6E6E6;
  border: 0;
  box-shadow: 0 7px 7px rgba(0, 0, 0, 0.18);
  margin: 3em auto;
}
.our-courses .card.dark {
  color: #fff;
}
.our-courses .card.card.bg-light-subtle .card-title {
  color: dimgrey;
}

.our-courses .card img {
  max-width: 25%;
  margin: auto;
  padding: 0.5em;
  border-radius: 0.7em;
}
.our-courses .card-body {
  display: flex;
  justify-content: space-between;
}
.our-courses .text-section {
  max-width: 100%;
}
.our-courses .cta-section {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
.cta-section .btn {
  padding: 0.3em 0.5em;
  /* color: #696969; */
}
.our-courses .card.bg-light-subtle .cta-section .btn {
  background-color: #898989;
  border-color: #898989;
}
@media screen and (max-width: 475px) {
  .our-courses .card {
    font-size: 0.9em;
  }
}

/*  samir css  */

/* width */
::-webkit-scrollbar {
  width: 7px;
  

}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 15px;
  
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #03e563;
  border-radius: 15px;

}