.container{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns: 2.2fr 1fr;
  gap:30px;
}


.blog-wrapper {
  padding-top: 40px;
  background: #f6f7fb;
}



.blog-left h1{
  font-size:26px;
  margin-bottom:10px;
}

.blog-meta{
  font-size:14px;
  color:#777;
  display:flex;
  gap:20px;
  margin-bottom:20px;
}

.blog-hero img{
  width:100%;
  border-radius:12px;
  margin-bottom:20px;
}

 

.two-images{
  display:flex;
  gap:15px;
  margin-bottom:25px;
}

.two-images img{
  width:50%;
  border-radius:12px;
  object-fit:cover;
}

 .blogcontent p {
    font-size: 20px;
    color: #464545 !important;
    margin-bottom: 20px;
    line-height: 1.5em;
}

.blogcontent h2 {
    margin-top: 28px;
    margin-bottom: 10px;
    font-size: 24px;
}

.blog-right{
  position:sticky;
  top:20px;
}

.sidebar-box{
  background:#fff;
  padding:20px;
  border-radius:12px;
  /* margin-bottom:20px; */
}

.sidebar-box h4{
  font-size:16px;
  margin-bottom:15px;
  display:flex;
  gap:10px;
  align-items:center;
}

.sidebar-box input{
  width:100%;
  padding:10px;
  border-radius:8px;
  border:1px solid #ddd;
}

.sidebar-box ul{
  list-style:none;
}

.sidebar-box ul li{
  font-size:14px;
  padding:6px 0;
  color:#555;
}


.tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.tags span{
  font-size:12px;
  padding:6px 10px;
  background:#f1f3f6;
  border-radius:6px;
}


.top-article{
  position:relative;
  border-radius:12px;
  overflow:hidden;
  margin-bottom:15px;
}

.top-article img{
  width:100%;
  height: 180px;
  object-fit: cover;
  /* object-position: right; */
}

.top-article .overlay{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  padding:12px;
  /* background:linear-gradient(transparent, rgba(0,0,0,0.7)); */
  color:#fff;
}

.top-article h5{
  font-size:14px;
  margin-bottom:5px;
}

.top-article span{
  font-size:12px;
}


.quote-slider{
  background:#F5F5F5;
  padding:30px;
  border-radius:12px;
  margin:30px 0;
  position:relative;
  overflow:hidden;
}
.quotesads {
  max-width: 800px;
  width: 100%;
}

 
.quotes{
  display:flex;
  width:300%;
  transition:0.6s ease;
}
.quotesads {
    box-shadow: 0px 4px 23.7px 0px #00000040;
    border-radius: 13px;
    padding: 30px;
}

.quotesads button.owl-dot {
    margin-top: 0;
    margin-bottom: 0px;
}

.quotesads button.owl-dot.active span {
    background: #FF0002 !important;
}

.quotesads button.owl-dot span {
    background: #000 !important;
}

.quote-box{
  width:100%;
 
}

.quote-box i{
  font-size: 40px;
  color:#ff5722;
  margin-bottom:10px;
  display: block;
  margin: auto;
  width: fit-content;
}

.quote-box p{
  font-size: 16px;
  /* line-height:1.6; */
  margin-bottom: 20px;
  text-align: center;
  color: #000;
}

.quote-box h4{
  font-weight:bold;
  color:#333;
  font-size: 24px;
  text-align: center;
}