.bg-pattern{
  background-image: url("images/bg-pattern.jpg");background-repeat: repeat;}

.con-head strong {border-bottom: 5px solid #000763;}
.tp-txt h1{font-size:35px;line-height:42px;font-weight: 600;}
.tp-txt h2 {font-size:15px; line-height:21px; color:#5d5d5d}
.writer {font-size: 13px}
.writer > .author-post > {color: #111;font-weight: 700}
.author a{color: #ff0000;font-weight: 600}
.breadcrumb {display: flex;flex-wrap: wrap; padding: 0.50rem .0rem;margin-bottom: 1rem;list-style: none;background-color:#fff;border-radius: 0.25rem;font-size:12px;font-weight:  600; color:#ff0000}
.breadcrumb a {color:#ff0000}
.breadcrumb > li + li:before {color: #ccc;content: ">"!important;padding: 0 4x;}

.iw-post-bottom {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap; padding:0px 0px 0px 5px;}
.iw-google-new-area a.iw-google-news-btn {display: block;border: 1px solid #ccc;padding:5px 10px;color: #000;font-weight: 600;text-decoration: none;border-radius:20px;}
.iw-google-new-area a.iw-google-news-btn > span.iw-icon {width:28px;float:right;padding-bottom:5px;}
.iw-google-new-area a.iw-google-news-btn > span.iw-icon > img {width: 100%;}

.indsocial a {padding-left:5px;display: inline-block;padding-top:5px;}
.trand{display:none}
.bgcol{background-color:#f8f8f8; color:#ff0000;}
.pd5{padding:5px}
.lftcon{color:#000;font-size:13px;font-weight:500;line-height:21px; padding-top:5px;padding-bottom:5px;}
.con-head {float: left;font-size: 21px;width: 100%;padding-bottom: 5px;margin-bottom:5px; color:#ff0000}
.view {font-size:12px; float: right;color: #ff0000;margin-top:10px;}
.bdr-bot {border-bottom: 1px solid #ddd;}
.view {font-size:12px; float: right;color: #ff0000;margin-top:10px;}
.world-list {padding: 0;margin: 0 0 20px 0}
.world-list li {list-style: none}
.world{display: flex;justify-content: space-between;width: 100%; margin-bottom:10px;padding-bottom:10px;border-bottom: 1px solid #dee2e6}
.world-desc {width: 100%;font-weight: 500;font-size: 14px;line-height:19px;padding-left:10px;}
.world-cover img {height: 75px;width:160px}
.world-list li:last-child .world {border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.webtrand{display:block} 
.subcon{display:block}

@media screen and (max-width:768px) {

.trend {border-top:1px solid #afafaf;background: #f5f3f3;margin-bottom: 5px}
.trend-c {font-size: .875rem;font-weight: 700;text-transform: uppercase;line-height: 1.2;color: red}
.trend-c, .trend {display: flex;align-items: center}
.trend-c span {margin: 5px 10px 5px 0px}
.trend-lk{width: 100%;overflow-x: auto;white-space: nowrap;font-size:14px;padding:5px 15px 5px 0px}
.trend-lk .trend-lkc{margin: 0 8px;text-decoration: none; text-align: center;font-size: .875rem;position: relative;line-height:29px;display: inline-block;color:#434242}
.pad10{padding:0px!important}
.scrolling-wrapper {overflow-x: auto; padding-top:5px;padding-bottom:20px;}
.card-block {height:auto;background-color: #fff;border: none;background-position: center;background-size: cover;box-shadow: 0 5px 10px rgba(58, 58, 146, 0.35);
transition: all 0.2s ease-in-out !important;padding:8px;font-size:14px;font-weight: bold}
.insw30{width:30%; float:left}
.insw70{width:70%; width:70%; padding-left:10px;line-height: 17px; float:left;font-size: 12px;font-weight: 700;}
.insw70 a{color:#000}
.insw70 a:hover{color:#2b6ea8}
.trand{display:block}
.trand1{display:none}
.tp-txt h1{font-size:22px;line-height:30px}
.subcon{display:none}
.box h2{font-size:15px;line-height:21px;}
.subcon1{display:none}
.webtrand{display:none} 
}

@media (min-width:768px) and (max-width:960px) {

.trend {border-top:1px solid #afafaf;background: #f5f3f3;margin-bottom: 5px}
.trend-c {font-size: .875rem;font-weight: 700;text-transform: uppercase;line-height: 1.2;color: red}
.trend-c, .trend {display: flex;align-items: center}
.trend-c span {margin: 5px 10px 5px 0px}
.trend-lk{width: 100%;overflow-x: auto;white-space: nowrap;font-size:14px;padding:5px 15px 5px 0px}
.trend-lk .trend-lkc{margin: 0 8px;text-decoration: none; text-align: center;font-size: .875rem;position: relative;line-height:29px;display: inline-block;color:#434242}
.tabbs{display:none}
.scrolling-wrapper {overflow-x: auto; padding-top: 10px;padding-bottom:20px;}
.card-block {height:auto;background-color: #fff;border: none;background-position: center;background-size: cover;box-shadow: 0 5px 10px rgba(58, 58, 146, 0.35);
transition: all 0.2s ease-in-out !important;padding:8px;font-size:14px;font-weight: bold}
.insw30{width:30%; float:left}
.insw70{width:70%; padding-left:10px;line-height: 17px; float:left;font-size: 12px;font-weight: 700;}
.insw70 a{color:#000}
.insw70 a:hover{color:#2b6ea8}
.trand{display:block}
.trand1{display:none}
.subcon{display:none}
.subcon1{display:block}
.webtrand{display:none} 
}

.box {
  transition: box-shadow .3s;
  padding:15px;
  border-radius:8px;
  border: 1px solid #ccc;
  background: #fff;
  position: relative;
  padding-bottom: 50px; /* space for share icons */
}
.box:hover {box-shadow: 0 0 11px rgba(33,33,33,.2);}
.box h2{font-size:16px;font-weight:bold;line-height:21px;}
.box p{font-size:14px;line-height:21px;}
.w30{width:30%}
.w65{width:65%}

@media (min-width:768px) and (max-width:960px) {
}
/* SHARE ICONS SECTION */
.share-icons {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse; /* keeps share icon on right */
  gap: 10px;
}

/* Common icon style */
.share-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.8);
}

/* Share toggle (always visible) */
.share-icons .share-toggle {
  background-color: #111;
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}

/* Platform colors */
.share-icons .facebook { background-color: #3b5998; }
.share-icons .twitter { background-color: #1da1f2; }
.share-icons .whatsapp { background-color: #25d366; }

/* Hover effect */
.share-icons a:hover {
  transform: scale(1.1);
  filter: brightness(1.15);
}

.share-icons a i {
  font-size: 16px;
}

/* When showing, icons fade in horizontally */
.share-icons.show .facebook,
.share-icons.show .twitter,
.share-icons.show .whatsapp {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}

/* Staggered delay for reveal animation */
.share-icons.show .facebook { transition-delay: 0.1s; }
.share-icons.show .twitter { transition-delay: 0.2s; }
.share-icons.show .whatsapp { transition-delay: 0.3s; }


.pagination-outer{ text-align: center; }
.pagination{
    font-family: 'Ubuntu', sans-serif;
    display: inline-flex;
    position: relative;
}
.pagination li a.page-link{
    color: #fff;
    background-color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    height: 40px;
    width: 30px;
    padding: 0;
    margin: 0 5px 6px;
    border: none;
    border-radius: 0;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.pagination li a.page-link:hover,
.pagination li a.page-link:focus,
.pagination li.active a.page-link:hover,
.pagination li.active a.page-link{
    color: #fff;
    background: #000;
    text-shadow: 0 0 6px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.pagination li a.page-link:before{
    content: '';
    background: linear-gradient(#F03814 0, #F03814 25%, #FF8726 25%, #FF8726 50%, #FEB914 50%, #FEB914 75%, #2C9FA2 75%, #2C9FA2 100%);
    height: 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.3s ease 0s;
}
.pagination li a.page-link:hover:before,
.pagination li a.page-link:focus:before,
.pagination li.active a.page-link:hover:before,
.pagination li.active a.page-link:before{
    height: 100%;
}
@media only screen and (max-width: 480px){
    .pagination{
        font-size: 0;
        display: inline-block;
    }
    .pagination li{
        display: inline-block;
        vertical-align: top;
        margin: 0 0 10px;
    }
}