body {
  background-color: #f2f5ff;
}

/*--------fonts Css------------*/
@font-face {
	font-family: Montserrat-Bold;
	src: url(../../fonts/Montserrat/Montserrat-Bold.ttf);
}
@font-face {
	font-family: Montserrat-SemiBold;
	src: url(../../fonts/Montserrat/Montserrat-SemiBold.ttf);
}
@font-face {
	font-family: OpenSans-Bold;
	src: url(../../fonts/OpenSans-Bold/OpenSans-Bold.ttf);
}

/*--------Sections Css------------*/
.title {
  color: #1542bb;
  text-align: center;
  font-family: Montserrat-SemiBold;
  margin-top: 23px;
  margin-bottom: 0px;
}
.topic-title {
  text-align: center;
  font-family: OpenSans-Bold;
  font-size: 20px;
  margin: 15px 0px;
}
.access-btn{
	background-color: #1543bd !important;
    font-family: OpenSans-Bold;
    border-radius: 20px;
    padding: 7px 22px;
    margin: 20px 0px;
    text-transform: uppercase;
}
.topic-hr{
	border-top: 1.4px solid #e0e1e4;
	margin: 0px;
}
.video-description{
    font-size: 17px;
    color: #3d3d3e;
}
/*----------------------------------------------*/

/*Row and Col css to center the columns in particular row*/
.second-sec-row, .third-sec-row, .fourth-sec-row {
  margin: 0 auto;
  text-align: center;
}
.second-sec-col, .third-sec-col, .fourth-sec-col, .fifth-sec-col{
  display: inline-block;
  vertical-align: middle;
  float: none;
}
/*----------------------------------------------*/

@media (max-width: 992px){
	/*--------Sections Css------------*/
  	.topic-video{
  		width: 90%;
  	}
  	.topic-title {
	    font-size: 22px;
	}
	.title {
	    font-size: 20px;
	}
}
@media (max-width: 768px){
	/*--------Sections Css------------*/
  	.topic-video{
  		width: 95%;
  	}
}
@media (max-width: 767px){
	/*--------Sections Css------------*/
  	.topic-video {
	    width: 90%;
	    height: 335px;
	}
}
@media (max-width: 600px){
	/*--------Sections Css------------*/
  	.topic-video {
	    width: 95%;
	    height: 290px;
	}
	.topic-title {
	    font-size: 21px;
	}
}
@media (max-width: 500px){
	/*--------Sections Css------------*/
  	.topic-video {
	    width: 95%;
	    height: 250px;
	}
	.title {
	    font-size: 19px;
	}
}
@media (max-width: 475px){
	/*--------Sections Css------------*/
  	.topic-video {
	    width: 96%;
	    height: 240px;
	}
}
@media (max-width: 420px){
	/*--------Sections Css------------*/
  	.topic-video {
  		width: 97%;
	    height: 200px;
	}
	.title {
	    font-size: 18px;
	}
	.topic-title {
	    font-size: 20px;
	}
}
@media (max-width: 375px){
	/*--------Sections Css------------*/
	.access-btn {
	    font-size: 12px;
	}
  	.topic-video {
	    height: 185px;
	}
}
@media (max-width: 320px){
	/*--------Sections Css------------*/
	.title {
	    font-size: 17px;
	}
	.topic-title {
	    font-size: 18px;
	}
	.access-btn {
	    font-size: 11.8px;
	    padding: 7px 17px;
	}
  	.topic-video {
	    width: 100%;
    	height: 160px;
	}
}