/* 
  Template Name: Hossmate - Automobile Bootstrap Template
  Template URI: https://www.designtocodes.com/product/hossmate-automobile-bootstrap-template/
  Description: Hossmate Automobile Template is a paid and elegant website template that is built on Bootstrap.
  Author: DesigntoCodes
  Author URI: https://www.designtocodes.com
  Text Domain: Hossmate
*/
/* =========================================== tag page css start ===========================================*/

.d2c_author {
  padding: 100px 0px;
}

.d2c_author .card {
  position: relative;
  background: var(--default_one);
  box-shadow: 0px 0px 25px rgba(43, 46, 57, 0.05);
  border: none;
  padding: 30px;
  background-image: url("../images/team_card_shape.png");
  background-repeat: no-repeat;
  background-position: top right;
}

.d2c_author .card .card-img-top {
  height: 150px;
  width: 150px;
  margin: 20px auto;
  background-image: url("../images/expert_bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 15px;
}
.d2c_author .card .card-img-top img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.d2c_author .card .card-body {
  padding: 0;
}
.d2c_author .card .card-body .card-title {
  margin-bottom: 15px;
}
.d2c_author .card .card-body .card-title a {
  text-decoration: none;
}
.d2c_author .card .card-body .card-title h4 {
  font-family: var(--primary_font);
  font-style: normal;
  font-weight: 600;
  font-size: 21px;
  text-transform: uppercase;
  color: var(--secondary_color);
  margin-bottom: 0;
}
.d2c_author .card .card-body .card-text {
  margin-bottom: 15px;
}
.d2c_author .card .card-body .card-text a {
  text-decoration: none;
}
.d2c_author .card .card-body .card-text a p {
  font-family: var(--primary_font);
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  color: var(--second_primary_color);
  margin-bottom: 0;
}

.d2c_author .card .card-body .d2c_card_contact {
  margin-bottom: 15px;
}
.d2c_author .card .card-body .d2c_card_contact a {
  text-decoration: none;
  font-family: var(--primary_font);
  font-size: 16px;
  text-transform: capitalize;
  color: var(--secondary_color);
}
.d2c_author .card .card-body .d2c_card_contact a span {
  font-weight: 600;
  color: var(--second_primary_color);
}

.d2c_author .card .card-body .d2c_card_social a {
  text-decoration: none;
  padding: 7px;
  font-size: 15px;
  text-align: center;
  background: var(--second_primary_color);
}
.d2c_author .card .card-body .d2c_card_social a.fa {
  color: var(--secondary_color);
  transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -moz-transition: 0.4s all ease;
  -ms-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
}
.d2c_author .card .card-body .d2c_card_social a:hover.fa {
  color: var(--default_one);
  transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -moz-transition: 0.4s all ease;
  -ms-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
}

/* =========================================== tag page css end ===========================================*/