@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");

* {
  margin: 0;
  padding: 0;
  font-family: "Plus Jakarta Sans", sans-serif;
  /* color: #000; */
  font-size: 16px;
  line-height: 24px;
}

body {
  overflow-x: hidden;
}
/** CSS PRIMARY COLORS */
:root {
  --color-primary-a0: #ffffff;
  --color-primary-a10: #dcc2dd;
  --color-primary-a20: #b988bc;
  --color-primary-a30: #944e9b;
  --color-primary-a50: #6e007b;
  --color-primary-a60: #530d5b;
  --color-primary-a70: #39103d;
  --color-primary-a80: #200d22;
  --color-primary-a90: #000000;
  --color-color-light: #f8f9fb;
}

/* Blogs Main Page Css */
.main-blog-section {
  padding: 40px 0;
  background-color: #f9f9f9;
}

.main-blog-center h6 {
  font-size: 18px;
  color: grey;
  margin: 0;
}

.main-blog-products a button {
  background-color: #f8f9fb;
  color: #676767;
  font-weight: 600;
  border: none;
  padding: 8px 16px;
  margin-right: 8px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.main-blog-products a button:hover{
    color: black;
}

.search-container {
  position: relative;
  width: 260px;
}

#search-input {
  width: 100%;
  padding: 10px 40px 10px 10px;
  border: 1px solid white;
  border-radius: 5px;
  outline: none;
}

.search-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 20px;
  cursor: pointer;
}

.koka-news{
    color: #333;
    font-weight: 600;
}


.cont{
    width: 1320px;
}