
.content-sec
{
	width: 100%;
	height: auto;
	padding: 50px 0;
}
.webinar-list
{
	width: 100%;
	height: auto;
	box-shadow: 0px 0px 4px 5px #0000001F;
	border-radius: 50px 0;
	margin: 0 0 50px 0;
	overflow: hidden;
	display: flex;
    flex-wrap: wrap;
}
.webinar-pic
{
	width: 35%;
	height: auto;
	float: left;
}
.webinar-pic img 
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50px 0 0;
}
.webinar-dec
{
	width: 65%;
	height: auto;
	padding:30px 20px 10px 30px;
	float: left;
  line-height: 120%;
}
.webinar-dec h3 
{
   color: #213565;
   font-size: 32px;
   font-family: "aptos-bold";
   margin: 0 0 15px 0;
}
.webinar-date
{
	width: 100%;
	height: auto;
	color: #213565;
    font-size: 18px;
    font-family: "aptos-bold";
    margin: 0 0 10px 0;
}
.webinar-date img
{
  margin: 0 7px 0 0;
}
.webinar-dec p
{
   color: #213565;
   font-size: 16px;
   font-weight: 600;
   margin: 0 0 10px 0;
}
.webinar-dec h5
{
	margin: 15px 0 0 0;
}
.webinar-dec h5 a
{
   color: #213565;
   font-size: 16px;
   font-family: "aptos-bold";
   margin: 0px 0 0px 0;
   text-decoration: none;
}
.webinar-dec h5 a:hover 
{
	color: #69B445;
}

.calist .webinar-dec span{
    font-family: "aptos-semibold";
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #213565;
    margin-bottom: 1rem;
    display: inline-block;
}
.calist .webinar-dec h3{
  font-family: "aptos-bold";
  font-size: 40px;
  line-height: 95%;
  letter-spacing: 0%;
}
.calist .webinar-dec h4{
  font-family: "aptos-bold";
  font-size: 24px;
  line-height: 95%;
  letter-spacing: 0%;
  margin: 1.2rem 0;
}
.calist .webinar-dec p{
  font-family: "aptos-semibold";
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #213565;
}

@media only screen and (min-width: 1851px) and (max-width: 5000px) {

.container{
  max-width: 1750px;
}

.webinar-dec h3
{
	font-size:40px;
}
.webinar-dec p
{
	font-size: 20px;
}
.webinar-dec h5 a
{
	font-size: 20px;
}
.webinar-date
{
	font-size:24px; 
}
.webinar-dec
{
	padding: 50px 30px 10px 30px;
}
.webinar-dec h5 {
  margin:25px 0 0 0;
}
  
}
@media only screen and (min-width: 1700px) and (max-width: 1850px) {

  .container
  {
    max-width: 1500px;
  }

}
@media only screen and (min-width: 1301px) and (max-width: 1699px) {
    .container {
        max-width: 1400px;
    }
  
}

@media screen and (min-width: 1441px) and (max-width: 1640px){
  .webinar-dec span{
    font-size: 18px;
  }
  .comanyAnnouncmentContainer .webinar-dec h3{
    font-size: 32px !important;
    padding-bottom: 0rem;
    margin-bottom: 0rem;
  }
  .calist .webinar-dec span{
    font-size: 16px;
  }
  .calist .webinar-dec h3{
    font-size: 32px;
  }
  .calist .webinar-dec h4{
    font-size: 19px;
  }
  .calist .webinar-dec p{
    font-size: 16px;
  }

}
@media screen and (min-width:1241px) and (max-width: 1440px){
  .webinar-dec span{
    font-size: 18px;
  }
  .comanyAnnouncmentContainer .webinar-dec h3{
    font-size: 24px !important;
    padding-bottom: 0rem;
    margin-bottom: 0rem;
  }
  .comanyAnnouncmentContainer .content-sec.company-announcement-heading h4{
    font-size: 18px;
  }
  .comanyAnnouncmentContainer .webinar-dec p{
    font-size: 16px !important;
  }
  .calist .webinar-dec span{
    font-size: 14px;
    margin-bottom: 0.5rem;
  }
  .calist .webinar-dec h3{
    font-size: 28px;
  }
  .calist .webinar-dec h4{
    font-size: 16px;
    margin: 0.8rem 0
  }
  .calist .webinar-dec p{
    font-size: 14px;
  }

}
@media only screen and (max-width: 1300px) {
  
.webinar-dec h3 {
  font-size: 26px;
}
.webinar-dec p {
  font-size: 15px;
}

}
@media only screen and (max-width: 1200px) {



}
@media only screen and (max-width: 1024px) {

.webinar-list {
  height: 100%;
}
 /* a {
  font-size: 16px;
  padding:10px 30px;
  font-family: "aptos-semibold";
} */
}
@media only screen and (max-width: 991px) {
 .container{
    max-width: 95%;
  }
 
}
@media only screen and (min-width: 580px) and (max-width: 860px) {
  .webinar-pic{
    width: 45%;
  }
  .webinar-dec{
    width: 55%;
  }
}

@media only screen and (max-width: 860px) {
    .webinar-dec p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }
  .webinar-dec h3 {
    font-size: 20px;
  }
  
}
@media only screen and (max-width: 767px) {
 a {
    font-size: 16px;
    /* padding:10px 30px; */
    font-weight: 600;
    font-family: "aptos-semibold"; 
  }
  
}
@media only screen and (max-width:570px) {
  .webinar-pic {
    height: 300px;
    width: 100%;
  }
  .webinar-dec {
    width: 100%;
    padding:00px 20px 10px 20px;
  }
  .calist .webinar-pic{
    height: auto;
    object-fit: contain;
  }
  .calist .webinar-pic img{
    object-fit: contain;
  }
  .calist .webinar-dec h3{
    font-family: "aptos-black";
    font-size: 16px !important;
    line-height: 120%;
    letter-spacing: 0%;
    margin-bottom: 0.8rem;
  }
  .calist .webinar-dec h4{
    font-family: "aptos-semibold";
    font-size: 14px !important;
    line-height: 120%;
    letter-spacing: 0%;
    margin-bottom: 0.8rem;

  }
  .calist .webinar-dec p{
    
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0%;

  }
}

@media only screen and (min-width: 1280px){
  .webinar-pic {
    width: 35%;
    max-height: 450px;
    float: left;
    height: unset;
  }
}