/* Global CSS Start */
:root{
  --Primary_font_family: "Roboto", sans-serif;
  --secondary_font_family: "Inter", sans-serif;

  --primary_color: #D7582F;
  --secondary_color: #898989;
  --defult_color: #ffffff;
}
.d2c_date,.card-title{
  font-family: var(--secondary_font_family);
}
.card-text,.d2c_btn_primary{
  font-family: var(--Primary_font_family);
}
/* Global CSS End */

/* Blog Section Start */
.d2c_blog{
  background: var(--defult_color);
  padding: 100px 0px;
}
.d2c_card_item .card{
  background: var(--defult_color);
}
.d2c_card_item .d2c_card_img {
  height: 429px;
  width: 100%;
}
.d2c_card_item .d2c_card_img img{
  border-radius: 5px;
  object-fit: cover;
}
.d2c_card_item .card-body{
  padding: 16px;
}
.d2c_card_item .card-body .d2c_date{
  font-size: 14px;
  font-weight: 500;
  color: var(--primary_color);
  padding: 9px 14px;
  background: #FBEFEB;
  border-radius: 4px;
}
.d2c_card_item .card-body .card-title{
  font-size: 36px;
  color: var(--primary_color);
  font-weight: 600;
}
.d2c_card_item .card-body .card-text{
  font-size: 20px;
  font-weight: 400;
  color: var(--secondary_color);
}
.card-body .d2c_btn-primary{
  padding: 10px 28px 9px 28px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 5px;
  background: var(--primary_color);
  border: none;
  color: var(--defult_color);
  border: 1px solid transparent;
  border-color: var(--primary_color);
  transition: all ease .4s;
}
.card-body .d2c_btn-primary:hover{
  background: transparent;
  color: var(--primary_color);
  transition: all ease .4s;
}
.d2c_blog .slick-slide {
  padding: 90px 10px;
  height: auto !important;
  position: relative;
}
.d2c_blog .slick-track {
  display: flex !important;
}
.d2c_blog .slick-slider button{
  background: #FBEFEB;
  color: var(--primary_color);
  width: 36px;
  height: 36px;
  border-radius: 4px;
  border: none;
}
.d2c_blog .slick-slider button:hover{
  background: var(--primary_color);
  color: var(--defult_color);
  transition: .4s all;
}
.d2c_blog .slick-slider .d2c_prev{
  position: absolute;
  z-index: 99;
  left: 45%;
  top: 90%;
}
.d2c_blog .slick-slider .d2c_next{
  position: absolute;
  right: 49%;
  top: 90%;
}
/* 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}} -->