@media(max-width:575px){
 .container-blog h6{
color: #4C3F99;
font-family: Quicksand;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
}
 .container-blog h2{
color: var(--Deep-Blue, #0B2038);
text-align: center;
font-family: Quicksand;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 50px; /* 125% */
 }
.position-absolute{
    border-radius: 10px;
background: #F83D6F;
}
.principle{
  font-size: 11px;
}
.card-title{
    color: var(--Deep-Blue, #0B2038);

font-family: Quicksand;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
margin-bottom: 20px;
}
   
}
@media (min-width:576px) and (max-width:766.99px){
 .container-blog h6{
color: #4C3F99;
font-family: Quicksand;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
}
 .container-blog h2{
color: var(--Deep-Blue, #0B2038);
text-align: center;
font-family: Quicksand;
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 50px; /* 125% */
 }
.position-absolute{
    border-radius: 10px;
background: #F83D6F;
}
.principle{
  font-size: 14px;
}
.card-title{
    color: var(--Deep-Blue, #0B2038);

font-family: Quicksand;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
margin-bottom: 20px;
}
   
}
@media (min-width: 767px) and (max-width: 991.99px) {
.container-blog h6{
color: #4C3F99;
font-family: Quicksand;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
}
 .container-blog h2{
color: var(--Deep-Blue, #0B2038);
text-align: center;
font-family: Quicksand;
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 50px; /* 125% */
 }
.position-absolute{
    border-radius: 10px;
background: #F83D6F;
}
.principle{
  font-size: 11px;
}
.card-title{
    color: var(--Deep-Blue, #0B2038);

font-family: Quicksand;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
margin-bottom: 20px;
}
    
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.container-blog h6{
color: #4C3F99;
font-family: Quicksand;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
}
 .container-blog h2{
color: var(--Deep-Blue, #0B2038);
text-align: center;
font-family: Quicksand;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 50px; /* 125% */
 }
.position-absolute{
    border-radius: 10px;
background: #F83D6F;
}
.card-title{
    color: var(--Deep-Blue, #0B2038);

font-family: Quicksand;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
margin-bottom: 20px;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
 .container-blog h6{
color: #4C3F99;
font-family: Quicksand;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
}
 .container-blog h2{
color: var(--Deep-Blue, #0B2038);
text-align: center;
font-family: Quicksand;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 50px; /* 125% */
 }
.position-absolute{
    border-radius: 10px;
background: #F83D6F;
}
.card-title{
    color: var(--Deep-Blue, #0B2038);

font-family: Quicksand;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
margin-bottom: 20px;
}
}
  @media (min-width: 1400px) {
.container-blog h6{
color: #4C3F99;
font-family: Quicksand;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
}
 .container-blog h2{
color: var(--Deep-Blue, #0B2038);
text-align: center;
font-family: Quicksand;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 50px; /* 125% */
 }
.position-absolute{
    border-radius: 10px;
background: #F83D6F;
}
.card-title{
    color: var(--Deep-Blue, #0B2038);

font-family: Quicksand;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
margin-bottom: 20px;
}
  }