.elementor-1213 .elementor-element.elementor-element-a937bd1{--display:flex;border-style:none;--border-style:none;}.elementor-1213 .elementor-element.elementor-element-b3a6fdb{--display:flex;}/* Start custom CSS for html, class: .elementor-element-0b6f9d2 */#blogs,

#blogs * {

  font-family: "Plus Jakarta Sans", Arial, sans-serif;

}

#blogs .elementor {

  width: 100%;

}

#blogs .elementor-posts-container,

#blogs .e-loop-content,

#blogs .elementor-loop-container {

  display: grid !important;

  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

  gap: 24px !important;

  width: 100% !important;

}

#blogs .elementor-post,

#blogs .e-loop-item {

  width: 100% !important;

}

#blogs article,

#blogs .elementor-post,

#blogs .e-loop-item > * {

  background: #ffffff;

  border: 1px solid #edf2f7;

  border-radius: 18px;

  overflow: hidden;

  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);

  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;

  height: 100%;

}

#blogs article:hover,

#blogs .elementor-post:hover,

#blogs .e-loop-item > *:hover {

  transform: translateY(-6px);

  box-shadow: 0 20px 44px rgba(15, 23, 42, 0.1);

  border-color: rgba(45, 55, 72, 0.16);

}

#blogs .elementor-post__thumbnail,

#blogs .elementor-post__thumbnail__link,

#blogs .elementor-post__thumbnail img,

#blogs img {

  width: 100%;

}

#blogs .elementor-post__thumbnail img,

#blogs .elementor-post img {

  height: 220px;

  object-fit: cover;

  display: block;

}

#blogs .elementor-post__card {

  padding-bottom: 0;

  background: #ffffff;

}

#blogs .elementor-post__card .elementor-post__text {

  padding: 20px 20px 0 20px;

}

#blogs .elementor-post__meta-data,

#blogs .elementor-post__meta-data span,

#blogs .elementor-post-date,

#blogs .elementor-post-author {

  font-size: 13px !important;

  color: #94a3b8 !important;

  font-weight: 500 !important;

  text-transform: none !important;

  letter-spacing: 0 !important;

  margin-bottom: 10px !important;

}

#blogs .elementor-post__title {

  margin-bottom: 12px !important;

  font-size: 21px !important;

  line-height: 1.4 !important;

  font-weight: 700 !important;

  letter-spacing: -0.2px;

}

#blogs .elementor-post__title a {

  color: #1f2937 !important;

  text-decoration: none !important;

}

#blogs .elementor-post__title a:hover {

  color: #2d3748 !important;

}

#blogs .elementor-post__excerpt,

#blogs .elementor-post__excerpt p {

  font-size: 15px !important;

  line-height: 1.85 !important;

  color: #64748b !important;

  font-weight: 400 !important;

}

#blogs .elementor-post__read-more,

#blogs a.elementor-post__read-more {

  display: inline-block;

  margin-top: 12px;

  margin-bottom: 22px;

  color: #2d3748 !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  text-decoration: none !important;

  letter-spacing: 0.2px;

}

#blogs .elementor-post__read-more:hover,

#blogs a.elementor-post__read-more:hover {

  color: #1f2937 !important;

}

#blogs .elementor-pagination,

#blogs .page-numbers {

  margin-top: 34px;

  text-align: center;

}

#blogs .page-numbers,

#blogs .elementor-pagination a,

#blogs .elementor-pagination span {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-width: 42px;

  height: 42px;

  padding: 0 12px;

  margin: 0 6px;

  border-radius: 999px;

  background: #ffffff;

  border: 1px solid rgba(45,55,72,0.1);

  color: #1f2937;

  text-decoration: none;

  font-weight: 600;

  transition: all 0.25s ease;

}

#blogs .page-numbers:hover,

#blogs .elementor-pagination a:hover {

  background: #f8fafc;

  border-color: rgba(45,55,72,0.18);

}

#blogs .page-numbers.current,

#blogs .elementor-pagination .current {

  background: #1f2937;

  color: #ffffff;

  border-color: #1f2937;

}

@media (max-width: 1024px) {

  #blogs .elementor-posts-container,

  #blogs .e-loop-content,

  #blogs .elementor-loop-container {

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  }

}

@media (max-width: 767px) {

  #blogs {

    padding: 70px 16px !important;

  }

  #blogs .elementor-posts-container,

  #blogs .e-loop-content,

  #blogs .elementor-loop-container {

    grid-template-columns: 1fr !important;

  }

  #blogs .elementor-post__thumbnail img,

  #blogs .elementor-post img {

    height: 230px;

  }

  #blogs h2 {

    font-size: 30px !important;

  }

}/* End custom CSS */
/* Start custom CSS */<style>

  html {

    scroll-behavior: smooth;

  }

  body {

    margin: 0;

    font-family: "Plus Jakarta Sans", Arial, sans-serif;

    color: #1f2937;

    background: #ffffff;

  }

  * {

    box-sizing: border-box;

  }

  img {

    max-width: 100%;

    display: block;

  }

  @media (max-width: 992px) {

    #about > div,

    #contact > div,

    #stats div[style*="grid-template-columns: repeat(4, 1fr)"],

    #blogs-static div[style*="grid-template-columns: repeat(3, 1fr)"],

    #youtube div[style*="grid-template-columns: repeat(3, 1fr)"] {

      grid-template-columns: 1fr !important;

    }

    h1 {

      font-size: 36px !important;

    }

    h2 {

      font-size: 30px !important;

    }

  }

  @media (max-width: 768px) {

    header nav {

      display: none !important;

    }

  }

</style>

/* Fix Elementor Posts Grid */

#blogs .elementor-posts-container {

  display: grid !important;

  grid-template-columns: repeat(3, 1fr) !important;

  gap: 24px !important;

}

/* Tablet */

@media (max-width: 1024px) {

  #blogs .elementor-posts-container {

    grid-template-columns: repeat(2, 1fr) !important;

  }

}

/* Mobile */

@media (max-width: 767px) {

  #blogs .elementor-posts-container {

    grid-template-columns: 1fr !important;

  }

}

/* Fix card styling */

#blogs .elementor-post {

  background: #ffffff;

  border-radius: 16px;

  overflow: hidden;

  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);

  transition: all 0.3s ease;

}

/* Hover effect */

#blogs .elementor-post:hover {

  transform: translateY(-6px);

  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);

}

/* Fix image */

#blogs .elementor-post__thumbnail img {

  width: 100%;

  height: 220px;

  object-fit: cover;

}

/* Fix spacing inside */

#blogs .elementor-post__text {

  padding: 18px;

}

/* Title */

#blogs .elementor-post__title {

  font-size: 18px;

  line-height: 1.4;

  margin-bottom: 10px;

}

/* Meta */

#blogs .elementor-post__meta-data {

  font-size: 13px;

  color: #94/* End custom CSS */