@media(max-width:575px){
.blog-title {
      text-align: left;
      color: var(--Deep-Blue, #0B2038);
font-family: Quicksand;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
      
    }
    .blog-date {
     border-radius: 10px;
background: #F83D6F;
      color: #fff;
      border-radius: 10px;
      padding: 10px 8px;
      padding-bottom: 0px;
      font-weight: bold;
      position: absolute;
      display: flex;
      right: 10px;
      top: 400px;
      
    }
   
    .date{
        color: var(--Whith_Color, #FFF);
text-align: center;
font-variant-numeric: lining-nums tabular-nums;
font-family: "Plus Jakarta Sans";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 22px; /* 91.667% */
    }
    .cal{
        color: var(--Whith_Color, #FFF);
text-align: center;

font-family: Quicksand;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 22px; /* 137.5% */
    }
    .blog-card {
     
      border-radius: 12px;
      overflow: hidden;
      margin-bottom: 30px;
      position: relative;
    }
    .sidebar-card {
      overflow: hidden;
      margin-bottom: 20px;
      border-radius: 20px;
border: 1px solid #D6D6D6;
background: var(--Whith_Color, #FFF);
    }
    .sidebar-title {
      color: var(--title-color, #17012C);
font-family: Quicksand;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 30px; /* 133.333% */
text-transform: capitalize;
      border-left: 4px solid #F83D6F;
      padding-left: 10px;
      margin-bottom: 20px;
    }
   
    .blog-meta {
      color: var(--paragraph-color, #504E4E);
font-family: Quicksand;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 157.143% */
    }
    .p{
        color: #303030;
font-family: Quicksand;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 155.556% */
letter-spacing: 0.9px;
text-align: left;
    }
    .School{
        color: var(--title-color, #17012C);
font-family: Quicksand;
font-size: 28px;
font-style: normal;
font-weight: 700;
text-transform: capitalize;
text-align: left;
    }
    }
    @media (min-width:576px) and (max-width:766.99px){
.blog-title {
      text-align: left;
      color: var(--Deep-Blue, #0B2038);
font-family: Quicksand;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
      
    }
    .blog-date {
     border-radius: 10px;
background: #F83D6F;
      color: #fff;
      border-radius: 10px;
      padding: 10px 8px;
      padding-bottom: 0px;
      font-weight: bold;
      position: absolute;
      display: flex;
      right: 10px;
      top: 375px;
    }
   
    .date{
        color: var(--Whith_Color, #FFF);
text-align: center;
font-variant-numeric: lining-nums tabular-nums;
font-family: "Plus Jakarta Sans";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 22px; /* 91.667% */
    }
    .cal{
        color: var(--Whith_Color, #FFF);
text-align: center;

font-family: Quicksand;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 22px; /* 137.5% */
    }
    .blog-card {
     
      border-radius: 12px;
      overflow: hidden;
      margin-bottom: 30px;
      position: relative;
    }
    .sidebar-card {
      overflow: hidden;
      margin-bottom: 20px;
      border-radius: 20px;
border: 1px solid #D6D6D6;
background: var(--Whith_Color, #FFF);
    }
    .sidebar-title {
      color: var(--title-color, #17012C);
font-family: Quicksand;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 30px; /* 133.333% */
text-transform: capitalize;
      border-left: 4px solid #F83D6F;
      padding-left: 10px;
      margin-bottom: 20px;
    }
   
    .blog-meta {
      color: var(--paragraph-color, #504E4E);
font-family: Quicksand;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 157.143% */
    }
    .p{
        color: #303030;
font-family: Quicksand;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 155.556% */
letter-spacing: 0.9px;
text-align: left;
    }
    .School{
        color: var(--title-color, #17012C);
font-family: Quicksand;
font-size: 30px;
font-style: normal;
font-weight: 700;
text-transform: capitalize;
text-align: left;
    }
    }
    @media (min-width: 767px) and (max-width: 991.99px) {
.blog-title {
      text-align: left;
      color: var(--Deep-Blue, #0B2038);
font-family: Quicksand;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
      
    }
    .blog-date {
     border-radius: 10px;
background: #F83D6F;
      color: #fff;
      border-radius: 10px;
      padding: 10px 8px;
      padding-bottom: 0px;
      font-weight: bold;
      position: absolute;
      display: flex;
      right: 10px;
      top: 500px;
    }
 
    .date{
        color: var(--Whith_Color, #FFF);
text-align: center;
font-variant-numeric: lining-nums tabular-nums;
font-family: "Plus Jakarta Sans";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 22px; /* 91.667% */
    }
    .cal{
        color: var(--Whith_Color, #FFF);
text-align: center;

font-family: Quicksand;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 22px; /* 137.5% */
    }
    .blog-card {
     
      border-radius: 12px;
      overflow: hidden;
      margin-bottom: 30px;
      position: relative;
    }
    .sidebar-card {
      overflow: hidden;
      margin-bottom: 20px;
      border-radius: 20px;
border: 1px solid #D6D6D6;
background: var(--Whith_Color, #FFF);
    }
    .sidebar-title {
      color: var(--title-color, #17012C);
font-family: Quicksand;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 30px; /* 133.333% */
text-transform: capitalize;
      border-left: 4px solid #F83D6F;
      padding-left: 10px;
      margin-bottom: 20px;
    }
   
    .blog-meta {
      color: var(--paragraph-color, #504E4E);
font-family: Quicksand;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 157.143% */
    }
    .p{
        color: #303030;
font-family: Quicksand;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 155.556% */
letter-spacing: 0.9px;
text-align: left;
    }
    .School{
        color: var(--title-color, #17012C);
font-family: Quicksand;
font-size: 32px;
font-style: normal;
font-weight: 700;
text-transform: capitalize;
text-align: left;
    }

    }
      @media (min-width: 992px) and (max-width: 1199.98px) {
 .blog-title {
      text-align: left;
      color: var(--Deep-Blue, #0B2038);
font-family: Quicksand;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
      
    }
    .blog-date {
     border-radius: 10px;
background: #F83D6F;
      color: #fff;
      border-radius: 10px;
      padding: 10px 8px;
      padding-bottom: 0px;
      font-weight: bold;
      position: absolute;
      display: flex;
      right: 10px;
      top: 435px;
    }
    .blog-border{
      border-right: 1px solid #E0E0E0;
      padding-right: 30px;
    }
    .border-blog{
      padding-left: 30px;
    }
    .date{
        color: var(--Whith_Color, #FFF);
text-align: center;
font-variant-numeric: lining-nums tabular-nums;
font-family: "Plus Jakarta Sans";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 22px; /* 91.667% */
    }
    .cal{
        color: var(--Whith_Color, #FFF);
text-align: center;

font-family: Quicksand;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 22px; /* 137.5% */
    }
    .blog-card {
     
      border-radius: 12px;
      overflow: hidden;
      margin-bottom: 30px;
      position: relative;
    }
    .sidebar-card {
      overflow: hidden;
      margin-bottom: 20px;
      border-radius: 20px;
border: 1px solid #D6D6D6;
background: var(--Whith_Color, #FFF);
    }
    .sidebar-title {
      color: var(--title-color, #17012C);
font-family: Quicksand;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 30px; /* 133.333% */
text-transform: capitalize;
      border-left: 4px solid #F83D6F;
      padding-left: 10px;
      margin-bottom: 20px;
    }
   
    .blog-meta {
      color: var(--paragraph-color, #504E4E);
font-family: Quicksand;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 157.143% */
    }
    .p{
        color: #303030;
font-family: Quicksand;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 155.556% */
letter-spacing: 0.9px;
text-align: left;
    }
    .School{
        color: var(--title-color, #17012C);
font-family: Quicksand;
font-size: 32px;
font-style: normal;
font-weight: 700;
text-transform: capitalize;
text-align: left;
    }

    }
@media (min-width: 1200px) and (max-width: 1399.98px) {
 .blog-title {
      text-align: left;
      color: var(--Deep-Blue, #0B2038);
font-family: Quicksand;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
      
    }
    .blog-date {
     border-radius: 10px;
background: #F83D6F;
      color: #fff;
      border-radius: 10px;
      padding: 12px 10px;
      padding-bottom: 0px;
      font-weight: bold;
      position: absolute;
      display: flex;
      right: 10px;
      top: 540px;
    }
    .blog-border{
      border-right: 1px solid #E0E0E0;
      padding-right: 30px;
    }
    .border-blog{
      padding-left: 30px;
    }
    .date{
        color: var(--Whith_Color, #FFF);
text-align: center;
font-variant-numeric: lining-nums tabular-nums;
font-family: "Plus Jakarta Sans";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 22px; /* 91.667% */
    }
    .cal{
        color: var(--Whith_Color, #FFF);
text-align: center;

font-family: Quicksand;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 22px; /* 137.5% */
    }
    .blog-card {
     
      border-radius: 12px;
      overflow: hidden;
      margin-bottom: 30px;
      position: relative;
    }
    .sidebar-card {
      overflow: hidden;
      margin-bottom: 20px;
      border-radius: 20px;
border: 1px solid #D6D6D6;
background: var(--Whith_Color, #FFF);
    }
    .sidebar-title {
      color: var(--title-color, #17012C);
font-family: Quicksand;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 30px; /* 133.333% */
text-transform: capitalize;
      border-left: 4px solid #F83D6F;
      padding-left: 10px;
      margin-bottom: 20px;
    }
   
    .blog-meta {
      color: var(--paragraph-color, #504E4E);
font-family: Quicksand;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 157.143% */
    }
    .p{
        color: #303030;
font-family: Quicksand;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 155.556% */
letter-spacing: 0.9px;
text-align: left;
    }
    .School{
        color: var(--title-color, #17012C);
font-family: Quicksand;
font-size: 34px;
font-style: normal;
font-weight: 700;
text-transform: capitalize;
text-align: left;
    }

  
}
  @media (min-width: 1400px) {
 .blog-title {
      text-align: left;
      color: var(--Deep-Blue, #0B2038);

font-family: Quicksand;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
      
    }
    .blog-date {
     border-radius: 10px;
background: #F83D6F;
      color: #fff;
      border-radius: 10px;
      padding: 12px 10px;
      padding-bottom: 0px;
      font-weight: bold;
      position: absolute;
      display: flex;
      right: 10px;
      top: 630px;
    }
    .blog-border{
      border-right: 1px solid #E0E0E0;
      padding-right: 30px;
    }
    .border-blog{
      padding-left: 30px;
    }
    .date{
        color: var(--Whith_Color, #FFF);
text-align: center;
font-variant-numeric: lining-nums tabular-nums;
font-family: "Plus Jakarta Sans";
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 22px; /* 91.667% */
    }
    .cal{
        color: var(--Whith_Color, #FFF);
text-align: center;

font-family: Quicksand;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 22px; /* 137.5% */
    }
    .blog-card {
     
      border-radius: 12px;
      overflow: hidden;
      margin-bottom: 30px;
      position: relative;
    }
    .sidebar-card {
  
     
      overflow: hidden;
      margin-bottom: 20px;
      border-radius: 20px;
border: 1px solid #D6D6D6;
background: var(--Whith_Color, #FFF);
    }
    .sidebar-title {
      color: var(--title-color, #17012C);
font-family: Quicksand;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 30px; /* 133.333% */
text-transform: capitalize;
      border-left: 4px solid #F83D6F;
      padding-left: 10px;
      margin-bottom: 20px;
    }
   
    .blog-meta {
      color: var(--paragraph-color, #504E4E);
font-family: Quicksand;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 157.143% */
    }
    .p{
        color: #303030;
font-family: Quicksand;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 155.556% */
letter-spacing: 0.9px;
text-align: left;
    }
    .School{
        color: var(--title-color, #17012C);
font-family: Quicksand;
font-size: 36px;
font-style: normal;
font-weight: 700;
text-transform: capitalize;
text-align: left;
    }

  }