body {
  background-color: #f1f5f9cf;
}
/*--------Sections Css------------*/
.header-section {
	/*background-image: url("../../images/Home-Page/verse-bg.png");*/
	background-size: 100% 100%;
  background-position: center center;
  padding: 10% 0%;
  /*height: 350px;*/
}
.verses-header h1 {
  color: #fff;
  /*padding-top: 155px;*/
  font-size: 4.5rem;
  font-weight: 550;
  margin-top: 0px;
}
/*----------------------------------------------*/

/*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;
}
.second-section {
    padding: 30px 0px;
}
.third-section {
    background-color: #E9F0FA;
    padding-bottom: 50px;
}
/*----------------------------------------------*/

/*Section Col css and elements inside particular col-row of particular sec css*/
.second-sec-col h1 {
    color: black;
    font-weight: 550;
    font-size: 33px;
}
.second-sec-col p {
    color: #000000bd;
    font-size: 1.37rem;
}
.image-block {
    margin: 65px 0px !important;
}
.second-image-block {
    margin: 65px 0px 30px !important;
}
.third-sec-col {
    margin-bottom: 13px;
}
.third-content-block{
	background-color: #fff;
	border-radius: 5px;
	padding: 20px 25px 15px;
}
.third-sec-col.button-col {
    padding-left: 3px;
    padding-right: 3px;
}
.third-content-block p {
    color: #000000d4;
    margin-bottom: 17px;
    font-size: 1.45rem;
}
.third-content-block h5 {
    font-size: 1.7rem;
    color: #356cb5;
    font-weight: 550;
}
/*----------------------------------------------------------------------------*/

/*------Buttons Css---------*/
.blue-button{
  background-color: #2c63ad;
  border-color: #2c63ad;
  padding: 6px 22px;
}
.verse-button{
  background-color: #356cb5;
  border-color: #356cb5;
  width: 100%;
  border-radius: 8px;
  padding: 5% 1%;
  font-size: 18px;
}
/*--------------------------*/

@media (max-width: 992px){
  	/*Section Col css and elements inside particular col-row of particular sec css*/
	.second-sec-col h1 {
		margin-bottom: 27px;
	}
  	/*----------------------------------------------------------------------------*/
}
@media (max-width: 768px){
    /*Ads show and hide*/
      .desktop-topic-ad{
          display: none !important;
      }
      .mob-topic-ad{
          display: block !important;
      }
    /*------------------------------------------------------------------------*/
}
@media (max-width: 600px){
  	/*Section Col css and elements inside particular col-row of particular sec css*/
    .verse-button {
      font-size: 16px;
    }
    .verses-header h1 {
      font-size: 3.5rem;
    }
  	/*----------------------------------------------------------------------------*/
}
@media (max-width: 480px){
  	/*--------Sections Css------------*/
	.header-section {
		background-image: url("../../images/Home-Page/mob-verse-bg.png");
	}
	/*----------------------------------------------*/

	/*Section Col css and elements inside particular col-row of particular sec css*/
  .second-sec-col h1 {
    font-size: 30px;
  }
  .second-sec-col.top-img-col {
    width: 85%;
  }
	.verse-button {
	    width: 120%;
      padding: 7% 1%;
	}
  /*----------------------------------------------------------------------------*/
}
@media (max-width: 375px){
	/*Section Col css and elements inside particular col-row of particular sec css*/
  .second-sec-col h1 {
    font-size: 24px;
  }
  .second-sec-col.top-img-col {
    width: 95%;
  }
	.verse-button {
	    width: 150%;
	}
  .verses-header h1 {
      font-size: 3.2rem;
  }
  /*----------------------------------------------------------------------------*/
}
@media (max-width: 320px){
  /*Section Col css and elements inside particular col-row of particular sec css*/
  .verse-button {
      width: 160%;
      font-size: 15px;
  }
  /*----------------------------------------------------------------------------*/
}