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

  --primary_color: #044BD1;
  --secondary_color: #48515C;
  --defult_color: #ffffff;
}
p,.d2c_btn{
  font-family: var(--Primary_font_family);
}
.card-title,.card-text{
  font-family: var(--Primary_font_family);
}
/* Global CSS end */

/* Blog Section Start */
.d2c_blog{
  background: var(--defult_color);
  padding: 80px 0px;
}
.d2_card_item .card{
  background: #FBFCFF;
  border: none;
  border-radius: 0px;
  box-shadow: 2px 0px 12px 0px rgba(0,0,0,0.07);
}
.d2_card_item .d2c_card_img {
  height: 448px;
}
.d2_card_item .d2c_card_img img{
  border-radius: 0px;
  object-fit: cover;
}
.card .d2c_details{
  padding: 28px 25px;
  background-color: rgba(1, 5, 13, 0.20);
  backdrop-filter: blur(15px);
  bottom: 0;
  width: 100%;
}
.card .d2c_details p{
  color: #FBFCFF;
  font-size: 20px;
  font-weight: 400;
}
.d2_card_item .card-body{
  padding: 30px 28px;
}
.d2_card_item .card-body .card-title{
  font-size: 40px;
  color: var(--primary_color);
  line-height: 1.3;
  font-weight: 600;
}
.d2_card_item .card-body .card-text{
  font-size: 19px;
  font-weight: 400;
  color: var(--secondary_color);
}
.d2_card_item .card-body .d2c_btn{
 color: var(--primary_color);
 font-size: 24px;
 font-weight: 400;
}
.d2_card_item .card-body .d2c_btn i{
  transform: rotate(320deg);
}
.slick-slide{
  padding: 8px 12px;
  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}} -->