/* Global CSS Start */
:root{
  --Primary_font_family: "Montserrat", sans-serif;
  --secondary_font_family: "Ephesis", cursive;

  --primary_color: #044BD1;
  --secondary_color: #48515C;
  --defult_color: #ffffff;
}
h3{
  font-family: var(--secondary_font_family);
  font-weight: 400;
}
p,.d2c_btn_primary,.card-title{
  font-family: var(--Primary_font_family);
}
/* Global CSS End */


/* Blog Section Start */
.d2c_blog{
  background: var(--defult_color);
  padding: 100px 0px;
}
.d2_card_item .card{
  background: #F9F9F9;
}
.d2c_card_item .card-body{
  padding: 12px 24px;
}
.d2c_card_item .card-body .d2c_destination{
  font-size: 64px;
  color: var(--secondary_color);
}
.d2c_card_item .card-body .card-title{
  font-weight: 500;
  font-size: 48px;
  color: var(--primary_color);
}
.d2c_card_item .card-body .d2c_holiday {
  font-size: 16px;
  font-weight: 400;
  color: var(--secondary_color);
}
.d2c_card_item .card-body .card-text{
  font-size: 24px;
  font-weight: 400;
  color: var(--secondary_color);
}
.card-body .d2c_btn-primary{
  padding: 11px 26px 10px 26px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 5px;
  background: #F7F9FD;
  border: none;
  color: var(--primary_color);
  transition: all ease .4s;
}
.card-body .d2c_btn-primary:hover{
  background: var(--primary_color);
  color: var(--defult_color);
  transition: all ease .4s;
}
.d2c_card_item .d2c_card_img {
  height: 424px;
  width: 100%;
}
.d2c_card_item .d2c_card_img img{
  border-radius: 10px;
  object-fit: cover;
}
.d2c_blog .slick-slide {
  padding: 90px 10px;
  height: auto;
  position: relative;
}
.d2c_blog .slick-track {
  display: flex !important;
}
.d2c_blog .slick-slider button{
  background: #E1E8F6;
  color: var(--primary_color);
  width: 61px;
  height: 32px;
  border-radius: 26px;
  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: 45%;
  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}} -->

