.header-body{background-color: #fff!important;}
/*home page main section*/
.home-slider-area.slider-default {
  margin-bottom: 50px;
  position: relative;
  background-color: #fff;}
.main-body{
  width: 100٪;
  border-radius: 25px;
  background-color: #fff;
  margin-top: 15px;}
.left-blog-header{
  border-radius: 28px;
  width: 95%;
  height: 320px;
  margin-top: 12px;
  float: right;}
.right-blog-header{
  border-radius: 28px;
  width: 95%;
  height: 100%;
  float: left;
  margin: 12px 0 0 5px;}
.bloag-header-items{
  background-color: #fff;
  border-radius: 28px;
  width: 100%;
  height: 150px;
  float: right;}
.pad-5{ padding: 5px; }
.left-header-img{
  width: 100%;
  border-radius: 28px;
  height: -webkit-fill-available; }
.bym-blog-box-title{
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  border-radius: 0 0 21px 21px;
  top: -56px!important;
  height: 60px;
  background-image: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.99) 100%);
  margin-top: -4px;
  padding-top: 17px;
  position: relative;}
.shadow-box{ width: 100%; height: 1px; }
.sidebar-box{
  width: 100%;
  border: 1px solid #bac6ff;
  border-radius: 28px;
  min-height: 180px;
  background-color: #f3ebf9;
  margin-bottom: 10px;
  box-shadow: 3px 5px 10px #bac6ff;}
.sidebar-title{
  width: 112px;
  text-align: center;
  margin: 0 auto;
  border-radius: 50px;
  padding: 3px;
  font-weight: 900;
  border: 1px solid #bac6ff;
  margin-top: -15px;
  background: #dcc0f1;
  margin-bottom: 25px;}
.side-row{
  width: 93%;
  height: 68px;
  border-bottom: 1px solid white;
  margin: 0 auto;
  padding-top: 8px;}
.side-row:last-child{ border-bottom:none; }
.thumbnail{ float: right; margin: 2px; }
.thumbnail img{
  width: 50px!important;
  height: 50px;
  width: 100%;
  border-radius: 10px;}
.side-row h3{
  font-size: 12px;
  margin-right: 58px;
  padding-top: 10px;
  color: #000}
.blog-content{
  max-width: 1350px;
    width: 100%;
    margin: 0 auto !important;
    margin-top: 70px !important;}
.blogRow{
  width: 100%;
  border-radius: 28px;
  margin-bottom: 35px;
  box-shadow: 0 0 11px #ff82b4;
  }
.sidebar{ padding: 0px; }
.blogRows img{
  width: 215px;
  height: 153px;
  float: right;
  border-radius: 28px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;}
.blog-content-box{
  float: right;
  padding: 10px 25px 0px 30px;
  text-align: justify;}
.pad-0{ padding: 0px!important; }
.blog-content-box h3{ font-size: 20px!important; font-weight: 900; }
.more-btn{
  margin: 0 auto;
  width: 107px;
  background-color: var(--main-color);
  border-radius: 28px;
  text-align: center;
  color: #fff;
  margin-bottom: -19px;
  padding: 5px 7px;
  margin-top: 29px;}
.side-banner-img{
  width: 100%;
  height: 178px;
  border-radius: 28px;}
.blog-content-box p{
  font-size: 13px;
  padding-top: 6px;
  color: gray;}
.post-img{
  width: 100%;
  height: 400px;
  border-radius: 28px;
  margin: 0px;
  padding: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;}
.blog-title-box{
  width: 95%;
  margin-top: 22px;
  margin: 0 auto;
  margin-top: 22px;}
.blog-title-box .title h1{
  font-size: 17px;
  font-weight: 900;
  display: contents!important;}
.publishDate{
  float: left;
  font-size: 14px;
  color: #b5b5b5;}
.category a{
  float: left;
  font-size: 14px;
  color: #ff0066;
  padding: 2px;}
.titleBorder{
  border-bottom: 1px solid #d7d5d5;
  margin-top: 10px;
  margin-bottom: 5px;}

.footer-body{
  width: 100%;
  padding: 0px;
  background-color: #fff;
  padding-left: 5%;
  border-radius: 0 0 28px 28px;}
.footer-content{
  width: 100%;
  height: 350px;
  background-color: var(--main-color);
  padding: 30px;
  border-radius: 25px 0 25px 25px;}
.footer-content::before{
  content: "";
  position: absolute;
  top: -57px;
  right: -11px;
  background-color: transparent;
  bottom: -50px;
  height: 57px;
  width: 51px;
  box-shadow: 0 -25px 0 0 var(--main-color);
  transform: rotate(178deg);
  border-radius: 25px 0 25px 0;}
.bg-light { background-color: #fff !important; }
.navbar-light .navbar-brand {
  color: rgb(153 0 255)!important;
  padding-top: 14px!important;
  font-size: 30px;
  padding-right: 8px; }
.navbar-light .navbar-nav .nav-link {color: #000;font-weight: 900;}
.head-search-icon{top: 15px!important;left: -82px;}