/* Global CSS Start */
:root{
  --Primary_font_family: "Roboto", sans-serif;

  --primary_color: #434942;
  --defult_color: #FCFEFC;
}
/* Global CSS End */

/* Blog Section Start */
.d2c_blog{
  font-family: var(--Primary_font_family);
  background:  linear-gradient(0deg, rgba(24.29, 26.56, 23.91, 0.95) 0%, rgba(24.29, 26.56, 23.91, 0.95) 100%), url(../images/BG.png);
  background-position: center;
  background-size: cover;
  background-size: cover;
  padding: 80px 0px;
}
.d2_card_item .card{
  background: var(--defult_color);
  border: none;
  border-radius: 0px;
}
.d2_card_item .d2c_card_img {
  height: 474px;
}
.d2_card_item .d2c_card_img img{
  border-radius: 0px;
  object-fit: cover;
}
.d2_card_item .card-body{
  padding: 36px 30px;
  transition: all .4s ease;
}
.d2_card_item .card .d2c_date{
  background: var(--defult_color);
  padding: 11px 46px;
  color: var(--primary_color);
  font-size: 22px;
  font-weight: 500;
  border-radius: 5px;
  bottom: 10px;
  left: 10px;
}
.d2_card_item .card-body .d2c_tag{
  color: var(--primary_color);
  font-size: 16px;
  font-weight: 400;
}
.d2_card_item .card-body .card-title{
  font-size: 35px;
  color: var(--primary_color);
  font-weight: 600;
}
.d2_card_item .card-body .card-text{
  font-size: 18px;
  font-weight: 400;
  color: var(--primary_color);
}
.card-body .d2c_details p{
  color: var(--primary_color);
  font-size: 16px;
  font-weight: 400;
}
.d2c_details .d2c_people_img img{
  height: 50px;
  width: 50px;
  object-fit: cover;
  border-radius: 50px;
}
.d2_card_item .card:hover {
  background: var(--primary_color);
  transition: all .4s ease;
}
.d2_card_item .card:hover .d2c_date{
  background: var(--primary_color);
  transition: all .4s ease;
}
.d2_card_item .card:hover .d2c_date, .card:hover .d2c_tag, .card:hover .card-title, .card:hover .card-text, .card:hover .d2c_details p {
  color: var(--defult_color);
  transition: all .4s ease;
}
.slick-slide{
  padding: 0px 10px;
  height: auto !important;
}
.slick-track{
  display: flex !important;
}
/* Blog Section End */




/* Template Name: {{10+ Completely Ready Bootstrap Blog Template for Developers - Free Download}}
Template URL: {{https://designtocodes.com/product/10-bootstrap-blog-template-free-download}}
Description: {{Goodbye to the hassle of coding and hello to our 10+ Completely Ready Bootstrap Blog Template for Developers. Make your blogging experience matchless!}}
Author: DesignToCodes
Author URL: https://www.designtocodes.com/
Text Domain: {{Blog Section UI Kits}} -->

