@charset "UTF-8";
/*--------------------- TABLE OF CONTENTS --------------- */
/*--------------------- 1.    GENERAL STYLES ------------------- */
/*--------------------- 2.    HEADERS ------------------- */
/*--------------------- 2.1   Menu ------------------- */
/*--------------------- 2.2   Vertical Menu ------------------- */
/*--------------------- 2.3   Sticky Header ------------------- */
/*--------------------- 2.4   Mobile Menu ------------------- */
/*--------------------- 3.    FOOTERS ------------------- */
/*--------------------- 4.    ELEMENTS ------------------- */
/*--------------------- 4.1.  Page Header -------------------- */
/*--------------------- 4.2.  BreadCrumbs -------------------- */
/*--------------------- 4.3.  Titles -------------------- */
/*--------------------- 4.4.  Icon boxes -------------------- */
/*--------------------- 4.5.  Cards -------------------- */
/*--------------------- 4.6.  Tabs -------------------- */
/*--------------------- 4.7.  Buttons -------------------- */
/*--------------------- 4.8.  Products -------------------- */
/*--------------------- 4.9.  Banners -------------------- */
/*--------------------- 4.10. Banners Video -------------------- */
/*--------------------- 4.11. Banners Category -------------------- */
/*--------------------- 4.12. Social Icons -------------------- */
/*--------------------- 4.13. Testimonials -------------------- */
/*--------------------- 4.14. Forms -------------------- */
/*--------------------- 4.15. Call to Actions -------------------- */
/*--------------------- 4.16. Tables -------------------- */
/*--------------------- 4.17. Counters -------------------- */
/*--------------------- 4.18. Pagination -------------------- */
/*--------------------- 4.19. Modals -------------------- */
/*--------------------- 4.20. Alerts -------------------- */
/*--------------------- 4.21. Instagram Feeds -------------------- */
/*--------------------- 5.    PAGES -------------------- */
/*--------------------- 5.1.  Home -------------------- */
/*--------------------- 5.2.  Category -------------------- */
/*--------------------- 5.3.  Product Pages -------------------- */
/*--------------------- 5.4.  Blog -------------------- */
/*--------------------- 5.5.  Single/Blog Post -------------------- */
/*--------------------- 5.6.  Portfolio -------------------- */
/*--------------------- 5.7.  About -------------------- */
/*--------------------- 5.8.  About 2 -------------------- */
/*--------------------- 5.9.  Contact -------------------- */
/*--------------------- 5.10. Contact 2 -------------------- */
/*--------------------- 5.11. Login -------------------- */
/*--------------------- 5.12. Category Banner Page -------------------- */
/*--------------------- 5.13. Checkout -------------------- */
/*--------------------- 5.14. Wishlist -------------------- */
/*--------------------- 5.15. Cart -------------------- */
/*--------------------- 5.16. Dashboard -------------------- */
/*--------------------- 5.17. 404 -------------------- */
/*--------------------- 5.18. Coming Soon -------------------- */
/*--------------------- 6.    SPACING & HELPERS -------------------- */
/*--------------------- 7.    FONT ICONS -------------------- */
/*--------------------- END of TABLE OF CONTENTS  ---------- */
/* Main CSS File */
/* Fonts */
@import url("https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800");
/* font-family: 'Poppins', sans-serif; */
/*--------------------- 1.General Styles ---------- */

/*--------------------- 4.4.Icon boxes -------------------- */
/* Icon boxes */
.icon-box {
  color: #777;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: -.01em;
  margin-bottom: 2rem; }
  .icon-box.icon-box-sm {
    font-size: 1.4rem;
    line-height: 1.86; }

.icon-box-title {
  color: #333333;
  font-weight: 400;
  font-size: 1.8rem;
  letter-spacing: -.025em;
  margin-bottom: .9rem; }

.icon-box-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #C93951;
  font-size: 4rem;
  line-height: 1;
  margin-bottom: 2rem; }

.icon-box-content p:last-child {
  margin-bottom: 0; }

.icon-box-left {
  position: relative;
  padding-left: 70px; }
  .icon-box-left .icon-box-icon {
    position: absolute;
    left: 0;
    top: -1rem; }

.icon-box-circle .icon-box-icon {
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  color: #fff;
  background-color: #C93951; }
.icon-box-circle.icon-box-left {
  padding-left: 100px; }
  .icon-box-circle.icon-box-left .icon-box-icon {
    left: 1rem; }

/* Icon Box Card */
.icon-box-card {
  background-color: #fafafa;
  padding: 6.5rem 2rem 6rem; }
  .icon-box-card .icon-box-title {
    font-weight: 600; }
  .icon-box-card .icon-box-icon {
    margin-bottom: 1.3rem; }

/* Icon Boxes */
.icon-boxes-container {
  background-color: #f7f7f7;
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
  margin-bottom: 0; }
  .icon-boxes-container.bg-dark .icon-box-icon {
    color: #666666; }
  .icon-boxes-container.bg-dark .icon-box-title {
    color: #fff; }

.icon-box-side {
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 0; }
  .icon-box-side p {
    margin-bottom: 0; }
  .icon-box-side .icon-box-icon {
    display: inline-block;
    line-height: 0;
    min-width: 7rem;
    text-align: center;
    margin-bottom: 0; }
  .icon-box-side .icon-box-title {
    font-weight: 500;
    font-size: 1.6rem;
    letter-spacing: -.01em;
    margin-top: .2rem;
    margin-bottom: 0; }

@media screen and (min-width: 768px) {
  .icon-box {
    margin-bottom: 0rem; }

  .icon-box-side {
    margin-bottom: 0; } }
@media screen and (min-width: 1200px) {
  .icon-boxes-separator [class*="col-"] + [class*="col-"]:before {
    content: '';
    display: block;
    width: .1rem;
    height: 5.3rem;
    background-color: #e9e9e9;
    position: absolute;
    left: -.3rem;
    top: 50%;
    margin-top: -2.55rem; } }
@media screen and (max-width: 1199px) {
  .icon-box-sm br {
    display: none; } }


/*# sourceMappingURL=style.css.map */
