/* cyrillic-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRSQgYoZZY2vCFuvAnt66qfVyvVp8NAyIw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRSQgYoZZY2vCFuvAnt66qWVyvVp8NAyIw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRSQgYoZZY2vCFuvAnt66qcVyvVp8NAyIw.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRSQgYoZZY2vCFuvAnt66qSVyvVp8NA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucXtAOvWDSHFF.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTufntAOvWDSHFF.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucHtAOvWDSA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Unna';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/unna/v23/AYCKpXzofN0NOpo7mUnGalBixs6G.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Unna';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/unna/v23/AYCKpXzofN0NOpo7l0nGalBixg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Unna';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/unna/v23/AYCJpXzofN0NOpozLGzTSXJv7PSP5L_G.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Unna';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/unna/v23/AYCJpXzofN0NOpozLGzTR3Jv7PSP5A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Unna';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/unna/v23/AYCEpXzofN0NOpELlUPBSFJSxw.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Unna';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/unna/v23/AYCEpXzofN0NOp8LlUPBSFI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Unna';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/unna/v23/AYCLpXzofN0NMiQugGDjRXhozva_5Q.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Unna';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/unna/v23/AYCLpXzofN0NMiQugG7jRXhozvY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'Genericons';src:url(../fonts/Genericons.woff) format("woff2"),url(../fonts/Genericons.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    background-color:#fefcf6;
    color: black;
    font: 14px/20px "Poppins", sans-serif;
    overflow-x: hidden;
}
a {
    color: inherit;
    text-decoration: none;
}
figure {
    margin-bottom: 0;
}
figure a {
    display: block;
}

img {
    vertical-align: middle;
  
    width: 100%;
    max-width:100%;
    height:auto;
    margin:0 auto;
}

ol, ul {
    padding-left: 0;
    margin-bottom: 0;
}
/* grid override */
.container-fluid {
  max-width: 1260px;
}
.ad-section-grey {
    background-color: #f5f5f5; /* Light greyish background */
    
}
.fallback-banner{
   background-image: url(../images/ad_banner.jpg);
   background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 230px;
    height: 170px;

}
.ad-center {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.fallback-banner-new {
    width: 200px;
    height: 150px;
    background-image: url(../images/ad_banner.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media (max-width: 998px) {
  .container-fluid {
    overflow-x: hidden;
  }
}
@media (min-width: 992px) {
  .container-fluid {
    padding-left:0;
    padding-right:0;
  }
  .row  {margin-left:0;margin-right:-20px;}
  .row>*{padding-left:0;padding-right:20px;}
}
.for-white-box{
  background-color: #fefcf6;
  margin-bottom: 15px;
  box-sizing: border-box; /* Ensures padding is included in width/height */
  overflow: hidden; /* Hides content that exceeds the box */
  display: flex; /* Optional: helps with internal layout */
  flex-direction: column; /* Stack content vertically */
}

/* Ensure images inside the box scale appropriately */
.for-white-box img {
  width: 100%; /* Image takes full width of the container */
   /* Fixed height for the image (adjust as needed) */
  object-fit: cover; /* Scales image to cover the area, cropping if necessary */
  display: block; /* Removes any extra space below the image */
}
.article-summary {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3; /* Limit to 3 lines */

}

/* Optional: Style for text content to prevent overflow */
.for-white-box h4,
.for-white-box h5,
.for-white-box .meta,
.for-white-box .block-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3; /* Limit to 3 lines */
 
}
.for-editors-pic-box {
   display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 calc(25% - 14px);
  margin: 0 7px 20px;
  background-color: #fefcf6;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  overflow: hidden;
  min-height: 310px; 
}

/* Ensure images inside the box scale appropriately */
.for-editors-pic-box img {
  width: 100%; /* Image takes full width of the container */
  /* Fixed height for the image, adjust as needed */
  object-fit: cover; /* Scales image to cover the area, cropping if necessary */
  display: block; /* Removes extra space below the image */
}

/* Style for text content to prevent overflow */
.for-editors-pic-box h4,
.for-editors-pic-box h5,
.for-editors-pic-box .meta,
.for-editors-pic-box .block-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;       /* Show max 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: clip; 
}
.editors-slider {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.editors-slider.slick-initialized {
  opacity: 1;
}
.wrapper-section{
 
}

/* header */

.ph {
  all: unset; 
  position: sticky;
  display: grid;
  top: 0;
  z-index: 1000;
  background:#fefcf6;
  transition: all 0.3s ease;
  width: 100%;
  border-bottom:2px solid #222222;

  .top {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;

    time {
      position: absolute;
      bottom: 0;
      left: 0;
      font-family: "Helvetica", "Helvetica Neue", Arial, sans-serif;
      font-weight: 400;
    }
  }

  .pn{
    background: #fefcf6;
    height: fit-content;
    align-items: center;
  }
}
.ph .top .logo {
  display: flex;
  justify-content: center; /* Center logo horizontally */

  background: url(../images/new-logo-bt.png) center / contain no-repeat;
  width: 300px;
  height: 62px;
  margin: 0 auto; /* Ensure centering */
}

/* Media query for smaller devices (290px–400px) */
@media (min-width: 290px) and (max-width: 400px) {
  .ph .top {
    justify-content: center; /* Center logo and time */
    flex-direction: column; /* Stack vertically */
    text-align: center; /* Center time element */
  }

  .ph .top .logo {
    width: 300px;
    height: 62px;
    background: url(../images/bt-new-logo.png) center / contain no-repeat;
    margin: 0 auto 5px; /* Center horizontally */
    display: block; /* Ensure block-level centering */
  }

  .logo-side {
    width: 70px; /* Smaller size for scroll logo */
    height: 40px;
    background: url(../images/bt_logo_slide.png) center / contain no-repeat;
    margin-left: 0; /* Remove margin to avoid offset */
    display: none; /* Hidden initially */
  }

  .logo-side.logo {
    display: block; /* Show on scroll */
  }
}

@media (min-width: 401px) and (max-width: 997px) {
  .ph .top .logo {
    margin: 0 auto; /* Keep centered */
  }

 
}

/* Larger screens (998px and up) */
@media (min-width: 998px) {
  .ph .top .logo {
    margin: 0; /* Reset for flex layout */
  }

}
.logo a {
  width:300px;
  height:62px;
  display:inline-block;
  vertical-align:middle;
  background:url(../images/new-logo-bt.png) center / contain no-repeat;
  margin-bottom: 5px;
}
.logo-side {
  display:none;
  background: url(../images/new-logo-bt.png) no-repeat;
  background-color: #fefcf6; 
   background-size: 190px 45px; 
   width: 200px;
  height: 55px; 

  /* background-size: contain; */
  background-position: center;
 
}
@media(min-width:300px ) and (max-width:769px){
  .logo a {
    width:250px;
    height:36px;
    display:inline-block;
    vertical-align:middle;
    background:url(../images/new-logo-bt.png) center / contain no-repeat;
  }
}
.ph .tag {
  font-size:15.5px;
  text-transform:uppercase;
}
.ph time {
  font-size:14px;
  color:#464646;
}
.ph .subscribe {
  background-color:#e6000b;
  color:#fefcf6;
  text-align:left;
  font-weight:bold;
  font-size:11px;
  line-height:12px;
  padding:5px 35px 5px 16px;
  position:relative;
}
.ph .subscribe::after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  right:0;
  background:url(../images/arrow_carrot-right-white.svg) left center / 15px no-repeat;
  width:35px;
  height:35px;
}
.ph .subscribe small {
  display:block;
  font-size:8px;
}
.ph .subscribe:hover {
  background-color:black;
}
/* .pn {
  border-bottom:2px solid #222222;
} */
.pn .menu {
  text-transform: uppercase;
  font-size:17px;
}
.pn .user {
  font-weight:600;
  font-size:12px;
}
.icon-user {
  width:23px;
  height:23px;
  display:inline-block;
  vertical-align:text-bottom;
  background:url(../images/user-check.svg) center / contain no-repeat;
}
.pn .user a:hover {
  text-decoration:underline;
}
.icon-menu,
.icon-search {
  width:38px;
  height:38px;
  background-position:center;
  background-size:28px;
  background-repeat:no-repeat;
  vertical-align:middle;
  cursor:pointer;
}
.icon-menu {
  background-image:url(../images/icon_menu.svg);
}
.icon-search {
  background-image:url(../images/icon_search.svg);
  display:inline-block;
}
.showMenu .icon-menu,
.showSearch .icon-search {
  background-image:url(../images/icon_close.svg);
}
.pn .meta {
  position:relative;
}
#searchform {
  position:absolute;
  top:0;
  opacity:0;
  visibility:hidden;
  transition:0.3s;
}
.showSearch #searchform {
  opacity:1;
  visibility:visible;
 
}
#searchform input {
  padding-left:10px;
  padding-right:10px;
  height:38px;
  width:170px;
}
#searchform .form-text {
  background-color:#fefcf6;
  margin-top:0;
  font-size:14px;  
}
#searchform .form-submit {
  background-color:#f86269;
  color:white;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
  width:70px;
  height:38px;

}

@media (min-width: 768px) {
  .ph .subscribe {
    margin-left:25px;
  }
  .pn {
    border-top:1px solid #ececec;
  }
  .pn .menu {
    padding-top:9px;
    padding-bottom:9px;
  }
  .pn .menu a:hover {
    color:#e6000b;
  }
  #searchform {
    right:0;
    top: 100%;
  }
}
@media (min-width:768px) and (max-width:992px) {
  .pn .menu {
    flex:1;
  }
  .pn {
    position: relative;
    width: 100%;
    height: 38px; /* Adjust based on your nav's typical height */
  }
  .pn .menu li {
    flex-grow:1;
    text-align:center;
  }
}
@media (min-width:992px) {
  .pn {
    position: relative;
    width: 100%;
    height: 44px; /* Adjust based on your nav's typical height */
  }
  .ph .logo a {
    width:342px;
  }
  .ph .top {
    /* position:relative;
    padding-top:47px;
    padding-bottom:8px; */
  }
  .ph .subscribe {
    margin-bottom:4px;
  }
  .ph .logo {
    /* position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    padding-top:32px;
    padding-bottom:16px; */
  }
  .pn .menu {
    margin: 0;
    padding: 9px 0;
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .pn .menu li {
    padding-left:16px;
    padding-right:16px;
  }
}

@media (max-width: 998px) {
  body {
    padding-top:60px;
  }
  .ph {
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1000;
    background-color:#fefcf6;

    .container-fluid {
      overflow-x: visible;
    }
    
    .top {
      display: none;
    }
    nav.pn {
      padding-bottom: 5px;

      .logo-side {
        flex: 1;
        background:url(../images/new-logo-bt.png) center / contain no-repeat;
        display: flex;
        margin: unset;
        height: 40px;
        width: 230px;

        &.logo {
          background:url(../images/new-logo-bt.png) center / contain no-repeat;
          /* height: 40px;
          width: 70px */
        }
      }

      .meta {
        flex: unset;

        #searchform {
          top: 125%;
        }

      }

    }
  }
  .ph .container-fluid {
    padding-left:0;
    padding-right:0;
  }
  .ph .logo {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    background: url(../images/new-logo-bt.png) center / contain no-repeat;
    width: 300px; /* Default width */
    height: 62px; /* Default height */
  }
  .ph .user,
  .ph .subscribe,
  .ph time,
  .ph .tag {
    display:none;
  }
  .pn {
    padding-top:10px;
    padding-bottom:10px;
  }
  .pn .meta {
    flex:1;
    display:flex;
    justify-content: space-between;
  }
  .icon-menu {
    display:inline-block;
  }
  .pn .menu {
    position:fixed;
    top:60px;
    left:0;
    width:100%;
    height:calc(100vh - 60px);
    overflow-y:auto;
    background-color:#fefcf6;
    padding-top:10px;
    padding-bottom:10px;
    opacity:0;
    visibility:hidden;
    transition:0.3s;
  }
  .showMenu .pn .menu {
    opacity:1;
    /* visibility:visible; */
  }
  .pn .menu li {
    padding-top:2px;
    padding-bottom:2px;
  }
  .pn .menu li a {
    display:block;
    padding:10px;
  }
  .pn .menu li a:hover {
    background-color:#e6000b;
    color:white;
  }
  #searchform {
    right:38px;
    z-index:1;
  }
  #searchform .form-text {
    width:calc(100vw - 158px); 
    /* subtract sum of 2 icons, text input padding, and submit button width */
  }
}
/* footer */

.pf-top {

  padding-top:32px;
  padding-bottom: 32px;
  background-color:#fefcf6 ;
}
.pf-top > div {
  padding-left:15px;
}
@media (min-width: 576px) and (max-width: 698px) {
    .pf-top > div {
        width:50%;
    }
}
/* @media (min-width:768px) and (max-width: 991px) {
    .pf-top > div {
        width:33.33333%;
    }
} */
.pf-top .title {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #181717;
   background-color: #fefcf6;
    margin-bottom:0;
}
.pf ul {
  color:#525e6b;
  font:14px/20px "Helvetica Neue", "Helvetica", sans-serif;
  padding-bottom:20px;
}

.pf-bot {
  border-top:1px solid #fefcf6;
  padding-top:10px;
  padding-bottom:10px;
  background-color:#fefcf6;
}
.pf a:hover {
  text-decoration:underline;
}
.pf .title a:hover {
  color: #e6000b;
  text-decoration:none;
}
.pf .logo a {
  width:200px;
  height:45px;
}
.pf .copyright {
  font-size:12px;
  color:#333333;
}
.sns {
  margin-right:12px;
}
.sns .title {
  font-size:12px;
  color:#010101;
  text-transform:uppercase;
}
.sns a {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-position: center;
  background-size: 18px;
  background-repeat: no-repeat;
  margin-left: 20px;
}
.sns a.facebook {
    background-image: url(../images/social_facebook.svg);
}
.sns a.twitter {
    background-image: url(../images/social_twitter.svg);
}
.sns a.feed {
    background-image: url(../images/social_rss.svg);
}
.sns a.flipboard {
    background-image: url(../images/social_flipboard.svg);
}
@media (max-width: 767px) {
  .pf .copyright {
    display:block;
    margin-top:10px;
    margin-bottom:20px;
  }
}

/* homepage */
.forHeading-h2 {
  font-family: 'STIX TWO TEXT', serif;
  font-weight: 700;         /* Bold (no semi-bold available) */
  font-style: italic;       /* Italic style */
  font-size: 35px;
}
summary .for-politic-summary{
  font-family:"Helvetica Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.for-headingH3{
  font-family: 'STIX TWO TEXT', serif;
  font-weight: 700;         /* Bold (no semi-bold available) */
  font-style: italic;       /* Italic style */
  font-size: 28px;
}
@media(max-width:450px){
  main{
    overflow-x:hidden;
  }
}
/* main{
  overflow-x: hidden;
} */
.main-page-view{
  background-color: #fefcf6;
margin-top:-10px;
}

/* Divider styles (used for screens < 600px) */
@media (max-width: 599px) {
  .main-page-view{
    background-color: #fefcf6;
  margin-top:-10px;
  }
}
@media (max-width: 599px){
.ad_wrapper{

}
}
.for-template-sectionsHome {
 padding-top:25px;
}

.block-1{
  margin-top:20px;
}
.separator--dotted {
  background: linear-gradient(90deg, #fefcf6 2px, #0000 1%) 50%, linear-gradient(#fefcf6  2px, #0000 1%) 50%, #000;
  background-position: 0 0;
  background-size: 3px 3px;
  height: 9px;
  width: 100%;
 
}
.separator--dotted-others {
  background: linear-gradient(90deg, #fefcf6 2px, #0000 1%) 50%, linear-gradient(#fefcf6 2px, #0000 1%) 50%, #000;
  background-position: 0 0;
  background-size: 3px 3px;
  height: 9px;
  width: 100%;
 
}
.dividers {
  border-bottom: 1px solid #918f8f;
  padding-bottom: 19px;
  margin-bottom: 30px;
  background-color:#fefcf6;
}
@media (max-width: 998px) {
  .separator--dotted-others {
    background: none;
    height: auto;
  }
  .separator--dotted {
    background: none;
    height: auto;
  }
  .divider {
    border-bottom: 1px solid #9e9d9d;
    padding-bottom: 19px;
    margin-bottom: 30px;
  }
}
.dividers {
  border-bottom: 1px solid #9e9d9d;
  padding-bottom: 19px;
  margin-bottom: 30px;
  bac
}
.latest-heading{
  font-size: 16px;
  line-height: 20px;
  margin-top: -4px;
  font-family: 'STIX TWO TEXT', serif;
  font-style: italic;
}

/*Remove while pushing to production */
.main-img-config{
  width:400;
  height:617;

  left: 50px;
  top: 40px;
  object-fit: cover; /* Optional: Makes image fit nicely without distortion */
}
.custom-img-main-bottom {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Optional: Makes image fit nicely without distortion */
}
.for-img-latest-main{
  width:334px;
  height:215px;
  object-fit: cover;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
    font-weight: 700;
    font-style:italic;
    font-family: "STIX", serif; 
}
h2 {
    font-size: 35px;
    line-height: 40px;
}
h3 {
    font-size: 28px;
    line-height: 32px;
}
h4 {
    font-size: 24px;
    line-height: 30px;
}
h5 {
    font-size:19px;
    line-height:23px;
}
h6 {
    font-size: 15px;
    line-height: 15px;
}
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #00479a;
} 
.news-slider {
    border-bottom:1px solid #555353;
    margin-bottom: 10px;
    display: flex !important;      /* Make the slider horizontal immediately */
    flex-wrap: nowrap;             /* Prevent wrapping to new line */
    overflow: hidden;  
}
.news-slider .news-item {
    padding:20px 30px 20px 0;
    flex: 0 0 30%;                 /* Take 30% width for desktop */
    margin-right: 20px;  
}
.news-item figure {
    flex: none;
    width: 80px;
    height: 80px;
    margin-right: 14px;
}
.news-item figure a {
    position: relative;
    height: 100%;
    overflow: hidden;
}
.news-item figure img {
    height: 100%;
    max-width: inherit;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.news-item h5 {
  font-size:16px;
  line-height:20px;
  margin-top:-4px;
}
.news-item h6 {
  padding-top:3px;
}
.slick-arrow {
    width: 30px;
    height: 30px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    font-size: 0;
    cursor: pointer;
    transition: 0.3s;
    position: absolute;
    color:#0b171a;
    z-index: 1;
}
.slick-disabled {
  opacity:0;
  visibility:hidden;
}
.slick-prev {
    background-image: url(../images/arrow_carrot-left2.png);
}
.slick-next {
    background-image: url(../images/arrow_carrot-right1.png);
}
.slick-prev:hover {
    background-image: url(../images/arrow_carrot-left2.png);
}
.slick-next:hover {
    background-image: url(../images/arrow_carrot-right1.png);
}
.slick-dots {
    font-size: 0;
    text-align: center;
}
.slick-dots li {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
}
.slick-dots button {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #e4ebf3;
}
.slick-active button {
    background-color: #4673f0;
}
.news-slider .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
}
.news-slider .slick-prev {
    left: 0;
}
.news-slider .slick-next {
    right: 0;
}
.editors-pick{
  padding-top:20px;
}
.editors-pick .divider {
  padding-top:26px;
  margin-bottom:23px;
}
.editors-pick .block-title {
    padding-bottom: 25px;
}
.editors-pick figure {
  margin-bottom:13px;
}
.editors-pick h5 {
  margin-bottom:19px;
}
.editors-pick .meta {
  margin-bottom:13px;
}
.editors-slider .slick-dots {
    position: absolute;
    top: -40px;
    right: 90px;
}
.editors-slider .slick-arrow {
    top: -50px;
    right: 0;
    width: 40px;
    height: 40px;
    background-size: 30px;
}
.editors-slider .slick-prev {
    right: 50px;
}
.editors-slider .slick-next {
    right: 10px;
}
.editors-slider .slick-next::before {
    content: "";
    display: block;
    width: 1px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 8px;
    background-color: #e6edf4;
}


@media (max-width: 991px) {
  .editors-slider .feature-item {
    width: calc(50% - 10px);
  }
}

@media (max-width: 576px) {
  .editors-slider .feature-item {
    width: 100%;
  }
}

span.deco {
    display: block;
    width: 5px;
    height: 33px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -12px;
}
span.deco.c1 {
    background-color: #003bc2;
}
span.deco.c2 {
    background-color: #d55500;
}
span.deco.c3 {
    background-color: #a40fc4;
}
span.deco.c4 {
    background-color: #02a4c1;
}
@media (min-width:992px) {
  .content-top .col-l {
    padding-right: 28px;
    position: sticky;
    align-self: self-start;
    top:75px;
  }
  .content-top .col-l::before {
    content:"";
    display:block;
    width:1px;
    background-color:#959393;
    height:97%;
    position:absolute;
    top:0;
    right:9px;
  }
  .content-top .col-m {
    position:relative;
    padding-left:7px;
    padding-right:38px;
    position: sticky;
    align-self: self-start;
    top: 75px;    
  }
  .content-top .col-m::before {
    content:"";
    display:block;
    width:1px;
    background-color:#b8b5b5;
    height:97%;
    position:absolute;
    top:0;
    right:19px;
  }
  /* .content-top .col-r {
    position: sticky;
    align-self: self-start;
    top: 0;    
  } */
  .col-lg-40 {
    flex: 0 0 auto;
    width: 40%;
  }
  .col-lg-20 {
    flex: 0 0 auto;
    width: 20%;
  }
  .block-1 .col-l {
    position: sticky;
    align-self: self-start;
    top: 0;
    padding-right:30px;
  }
  .block-1 .col-l::before {
    content:"";
    display:block;
    width:1px;
    background-color:#979595;
    height:97%;
    position:absolute;
    top:0;
    right:9px;
  }
  .block-1 .col-m {
    position: sticky;
    align-self: self-start;
    top: 0;
    padding-left:13px;
  }
  .block-1 .col-r {
    position: sticky;
    align-self: self-start;
    top: 0;
    padding-left:25px;
  }
  .block-1 .col-r::before {
    content:"";
    display:block;
    width:1px;
    background-color:#979595;
    height:97%;
    position:absolute;
    top:0;
    left:0;
  }
  .block-2{
    padding-top:20px;
  }
  .block-2 .col-l {
    padding-right:15px;
  }
  .block-2 .col-r {
    position:relative;
    padding-left:30px;
  }
  .block-2 .col-r::before {
    content:"";
    display:block;
    width:1px;
    background-color:#929090;
    height:97%;
    position:absolute;
    top:0;
    left:10px;
  }
  .block-3{
    padding-top:20px;
  }
  .block-3 .col-l {
    position:relative;
    padding-right:50px;
  }
  .block-3 .col-l::before {
    content:"";
    display:block;
    width:1px;
    background-color:#999898;
    height:97%;
    position:absolute;
    top:0;
    right:24px;
  }
  .block-3 .row {
    margin-right:-30px;
  }
  .block-3 .col-md-6 {
    padding-right:30px;
  }
  .block-3 .col-md-6 h3 {
    font-size:28px;
    line-height:33px;
    font-family: "STIX Two Text", serif;

  }
  .article-summary{
   font-family:Georgia, serif;
  }
  .block-2 .col-r h2 {
    font-size:32px;
    line-height:36px;
    margin-bottom:15px;
  }
  .block-2 .col-l h3 {
    font-size:28px;
    line-height:33px;
    font-family: "STIX Two Text", serif;
  }
}
@media (min-width:1220px) {
    .editors-slider {
        margin-left: 0;
        margin-right: 0;
    }
    .editors-slider .feature-item {
        padding-left: 0;
        padding-right: 0;
    }
}
.meta {
    font-size: 12px;
    line-height: 14px;
    color: #8f9aa7;
}
.cat-slider{
  font-weight:600;
  font-size:13px;
  color:#00479a;
  font-family:"Helvetica Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.slider-heading{
  font-family: "STIX Two Text", serif;
}
.meta .cat {
    color: #00479a;
    margin-right: 6px;
    font: 13px "Helvetica Neue", "Helvetica", san-serif;
    font-weight: bold;
}
.meta time {
  font: 13px "Helvetica Neue", "Helvetica", san-serif;
}
.media {
    font-weight: bold;
    line-height: 14px;
    width: 70px;
}
.listen {
    color: #181f2c;
}
.read {
    color: #e5453f;
}
.media span {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 2px;
}
.listen span {
    width: 11px;
    height: 14px;
    background-image: url(../images/icon_listen.jpg);
}
.read span {
    width: 15px;
    height: 10px;
    background-image: url(../images/icon_read.jpg);
}
.media li {
    padding: 15px 1px 13px;
    border-top: 1px solid #e3e7ed;
}
.media li:first-child {
    border-top: 0;
    padding-top: 0;
}
@media (min-width:576px) {
    .media {
        float: right;
        margin-left: 40px;
    }
}
.block-title {
    position: relative;
    padding-bottom: 15px;
    font: 18px "STIX Two Text", serif;
    font-weight: bold;    
}
.for-search-title{
  font-size: 23px;
 
}

/* External CSS for column-wise fixed alignment using for-news-alignment */
.for-news-alignment {
    display: block; /* prevent vertical stacking on load */
    width: 100%;
}

.for-news-alignment .news-item {
    width: 100%; /* Each box takes full width of the column */
    max-width: 400px; /* Optional: Limits the maximum width for better readability */
    float: none; /* Removes floating to enforce column layout */
}

.for-news-alignment .news-item .d-flex {
    justify-content: center; /* Centers the flex content within each box */
}

/* Override Slick Slider default behavior for this specific case */
.for-news-alignment .news-slider {
    display: block; /* Prevents Slick from overriding the flex column */
}

.for-news-alignment .slick-slide {
    display: flex;
    justify-content: center;
}
summary {
  font: 14px/22px "STIX Two Text", serif;
    color: #1e1e1e;
    margin-bottom:22px;
}
.summary-text-summary{
  font-family: Georgia, serif;
}
summary.main-summary {
  font: 14px/22px Georgia, serif;
  color: #4d4b4b;
  margin-bottom:22px;

}

@media (max-width: 991px) {
  .bor-md-b {
    border-bottom:1px solid #888686;
    padding-bottom:19px;
    margin-bottom:30px;
  }
}
.related li {
  position:relative;
  padding-left:22px;
  margin-bottom:11px;
}
.related li::before {
  content:"";
  display:block;
  width:6px;
  height:6px;
  border-radius:50%;
  background-color:#808080;
  position:absolute;
  left:4px;
  top:7px;
}
.related h6 {
  font-size: 16px;
  line-height: 20px;
}
.feature figure {
  margin-bottom:20px;
}
.feature h2 {
  margin-bottom:15px;
}
.feature .meta {
  margin-bottom:25px;
}
.feature-item figure {
  margin-bottom:18px;
}
.feature-item h3 {
  margin-bottom:18px;
  font-family: "STIX Two Text", serif;

}
.feature-item h4 {
  margin-bottom:11px;
  font-family: "STIX Two Text", serif;
}
.feature-item h5 {
  margin-bottom:14px;
  font-family: "STIX Two Text", serif;
}
.content-top .feature-item h5 {
  font-size: 20px;
  line-height: 24px;
}
.feature-item .meta {
  margin-bottom:21px;
}
.the-latest figure {
  margin-bottom:18px;
}
.the-latest h4 {
  font-size:22px;
  line-height:26px;
  margin-bottom:16px;
  font-family: "STIX Two Text", serif;

}
.the-latest .meta {
  margin-bottom:30px;

}
/* Default: Horizontal menu for desktop/tablets (no changes) */

.menu {
  list-style: none; /* No bullet points */
  margin: 0;
  padding: 0;
  display: flex; /* Horizontal layout */
}

.menu li {
  margin-right: 20px; /* Space between list items */
}

.menu a {
  text-decoration: none;
  color: #333;
}
.trending-article-heading{
  margin-bottom: 11px;
  font-family: "STIX Two Text",serif !important;
  font-size: 18px;
  color:black !important;
}

/* Hamburger Menu (Vertical for mobile) */
.for-hamburger-menu {
  display: none; /* Hidden by default */
  flex-direction: column; /* Stack menu items vertically */
  position: fixed;
  top: 57px; /* Adjust based on your header height */
  left: 0;
  width: 100%;
  background-color: #fefcf6;
  padding-top: 10px;
  padding-bottom: 10px;
  opacity: 0; /* Hidden initially */
  visibility: hidden; /* Hidden initially */
  transition: opacity 0.3s ease, visibility 0.3s ease; /* Smooth fade in/out */
  max-height: 80vh; /* Limit the menu height */
  overflow-y: auto; /* Make menu scrollable if content exceeds max-height */
}

.for-hamburger-menu li {
  margin: 15px 0; /* Space between items */
  text-align: center;
}

.for-hamburger-menu a {
  font-size: 18px;
  color: #333;
  text-decoration: none;
}

/* Hamburger Icon (visible on mobile only) */
.hamburger-icon {
  display: none; /* Hidden by default */
  cursor: pointer;
  flex-direction: column;
  width: 25px;
  height: 18px;
  margin-left: 10px;
  justify-content: space-between;
  align-items: center;
}

.hamburger-icon .bar {
  width: 25px;
  height: 4px;
  background-color: #333;
}

/* Mobile View (below 768px) */
@media (max-width: 998px) {
  /* Show the hamburger icon on mobile */
  .hamburger-icon {
    display: flex;
  }

  /* Hide the horizontal menu on mobile */
  .menu {
    display: none; /* Hide horizontal menu */
  }

  /* Show the vertical hamburger menu when active */
  .for-hamburger-menu.active {
    opacity: 1;            /* Make the menu visible */
    visibility: visible;   /* Make the menu visible */
    display: flex;         /* Show the vertical menu */
  }
}



.top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  /* Center the logo for desktop/tablet */
  text-align: center;
}

/* For mobile devices below 768px */
/* Base styles (unchanged for above 768px) */

/* Mobile-specific styles (below 768px) */
@media (max-width: 998px) {
  .pf-top .d-sm-flex {
      display: block; /* Switch flex layout to block for mobile view */
  }
  

  /* Style the dropdown headings (NEWS, COMPANY) */
  .pf-top .news-footer-heading {
      cursor: pointer; /* Make it clickable */
      /* background-color:#ffffff ; */
      padding: 10px 15px;
      border: 1px solid #ddd;
      border-radius: 4px;
  }

  .pf-top .news-footer-heading p {
      margin: 0;
      font-size: 12px;
      font-weight: 550px;
      display: flex;
      color:rgb(20, 20, 20) ;
      justify-content: space-between;
      align-items: center;

  }

  .pf-top .news-footer-heading p::after {
    content: "▼";  /* V-shaped chevron down */
    font-size: 16px;
    font-weight: bold;
    margin-left: 4px;
    vertical-align: text-top; /* This will center it vertically */
    position: relative;
    top: -2px; /* Fine-tune the vertical position */
}

.pf-top .news-footer-heading.open p::after {
    content: "▲";
    font-size: 16px;
    margin-left: 4px;

    vertical-align: text-top;
    position: relative;
    top: -2px;
}

  /* Hide dropdown content by default */
  .pf-top .dropdown-content {
      display: none;
      list-style: none;
      padding: 0;
      margin: 0;
      background-color: #f8f9fa;
      border: 1px solid #ddd;
      border-radius: 4px;
  }

  .pf-top .dropdown-content li {
      border-bottom: 1px solid #ddd;
      background-color: #fefcf6;
  }

  .pf-top .dropdown-content li:last-child {
      border-bottom: none;
  }

  .pf-top .dropdown-content li a {
      display: block;
      padding: 10px 15px;
      color: #333;
      text-decoration: none;
      background-color:#fefcf6;
  }

  .pf-top .dropdown-content li a:hover {
      background-color: #f1f2f3;
      color: #363636;
  }

  /* Show dropdown content when the parent is open */
  .pf-top .news-footer-heading.open + .dropdown-content {
      display: block;
  }
}


@media (min-width: 999px) {
  .for-flex-of-section {
    display: flex;
    flex-direction: row;
    gap: 33%;
    
    justify-content: center;
    
  }
.for-news-heading p{
  position: relative;
  left:-25px;
  
  
}

.for-news-heading-company p{
  position: relative;
  left:-17px;
  
  
}
.for-news-heading-followus p{
  position: relative;
  left:-4px;
  
  
}
  .pf-top .dropdown {
    display: flex;
    flex-direction: column; /* Change to row to align items horizontally */
    align-items: center; /* Center align items vertically */
    gap: 20px; /* Add space between heading and content */
  }
.for-footer-news-content li{
  display: flex;
  flex-direction: column;
color: rgb(102, 102, 102);

}
  .pf-top .news-footer-heading {
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: default;
    margin: 0; /* Remove any margin */
  }

  .pf-top .news-footer-heading p {
    margin: 0;
    font-weight: bold;
    white-space: nowrap; /* Prevent heading from wrapping */
  }

  .pf-top .dropdown-content {
    display: flex; /* Make content flex */
    flex-direction: column; /* Align items horizontally */
    gap: 0; /* Space between items */
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .pf-top .for-other-two{
    display: flex; /* Make content flex */
    flex-direction: column; /* Align items horizontally */
    gap: 17px; /* Space between items */
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .pf-top .dropdown-content li {
    margin: 0;
    padding: 0;
    border: none;
  }

  .pf-top .dropdown-content li a {
    padding: 0;
    color: inherit;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap; /* Prevent text from wrapping */
  }
}

img {
  vertical-align: middle;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 992px) {

  .feature figure a {
    aspect-ratio: 16 / 9;
    position: relative;
    overflow: hidden;
    display: block; /* Ensure anchor is block-level */
    width: 100%; /* Ensure it takes full width */
    height: auto; /* Maintain aspect ratio */
  }

  .feature figure img {
    position: absolute;
    top: 50%;
    left: 50%;
   
    max-height: 100%; /* Prevent overflow */
    object-fit: cover; /* Maintain aspect ratio */
    transform: translate(-50%, -50%);
  }

  .col-lg-6.col-l .feature-item figure {
    margin-bottom: 20px;
    min-height: calc(9 / 16 * 100%); /* Set min-height based on aspect ratio */
  }

  .col-lg-6.col-l .feature-item h4 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 19px;
    font-family: "STIX Two Text", serif;
  }

  .col-lg-6.col-l .row {
    margin-right: -34px;
  }

  .col-lg-6.col-l .row > * {
    padding-right: 34px;
  }
}

@media (max-width: 767px) {
  .the-latest {
    border-top: 1px solid #e8e8e8;
    
  }
}

.news-footer-heading p{
 margin-left: 25px;
 margin-right:25px;
  font-size: 14px;
  line-height: 20px;
  color: #181717;
 font-weight: bold;
  margin-bottom:20px;
}


    /* Tablet and Mobile view (under 992px) */
    @media (max-width: 991px) {
  
      .feature figure a {
        aspect-ratio: 16/9; /* Keep aspect ratio stable for mobile */
        position: relative;
        overflow: hidden;
        width:100%;
        display: block; /* Ensure anchor is block-level */
        max-width: 100%; /* Ensure it takes full width */
        height: 100%; /* Maintain aspect ratio */
      }
    
      .feature figure img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width:100%;
        max-height:100%;
        object-fit: cover; 
     
      }
    
      .the-latest {
        border-top: 1px solid #e8e8e8;
        
      }
    
       /* Adjustments for mobile text size and layout */
       .col-lg-6.col-l .feature-item h4 {
        font-family: "STIX Two Text", serif;
         font-size: 20px;
         line-height: 24px;
         margin-bottom: 15px;
       }
    
       .col-lg-6.col-l .row {
         margin-right: -15px; /* Reduce negative margin for mobile */
       }
    
       .col-lg-6.col-l .row > * {
         padding-right: 15px; /* Adjust padding for mobile */
       }
    }
    
    @media (max-width :600px){
      #forMainimg{
       aspect-ratio: 4/3;
       width: 100%; /* Ensures full width in mobile view */
       height: auto;
       object-fit: cover;
       max-width: none; /* Allow full scaling within the container */
       max-height: 100%;
      }
    
    }
    /* Tablet and Mobile view (under 992px) */
@media (max-width: 991px) {

  .feature figure a {
    aspect-ratio: 16 / 9; /* Keep aspect ratio stable for mobile */
    position: relative;
    overflow: hidden;
    display: block; /* Ensure anchor is block-level */
    width: 100%; /* Ensure it takes full width */
    height: auto; /* Maintain aspect ratio */
  }

  .feature figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; /* Ensures image adapts to container width */
    height: auto; /* Maintain aspect ratio */
    object-fit: cover; 
    max-width: 100%; /* Remove max-width to allow full scaling */
    max-height: 100%; /* Remove max-height to allow full scaling */
  }

  .the-latest {
    border-top: 1px solid #e8e8e8;
   
  }

   /* Adjustments for mobile text size and layout */
   .col-lg-6.col-l .feature-item h4 {
     font-size: 20px;
     line-height: 24px;
     margin-bottom: 15px;
   }

   .col-lg-6.col-l .row {
     margin-right: -15px; /* Reduce negative margin for mobile */
   }

   .col-lg-6.col-l .row > * {
     padding-right: 15px; /* Adjust padding for mobile */
   }
}

.news-list li {
  border-top:1px solid #e8e8e8;
  padding-top:20px;
  
}
.news-list li:first-child {
  /* padding-top:30px; */
}
.block h3 {
  font-size:32px;
  line-height:36px;
}
.most-read {
    background-color:#fefcf6;
    position: relative;
    margin-top:15px;
 
    padding-top:3px;
    padding-bottom:15px;
}
.most-read .block-title {
  padding-bottom:23px;
}
.most-read figure {
    position: relative;
  
}
.change-time-color{
  color:#8f9aa7;
}
.for-news-alignment .news-item {
  display:flex;
  flex-direction: column;
}
@media (min-width: 1000px) {
    .editors-slider--desktop {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}
.side-advertisement {
    display: flex;
    margin-top: 15px;
    justify-content: center;
    align-items: center;
    position: sticky; /* or fixed, depending on intent */
    top: 5px; /* Adjust as needed */
    z-index: 999;
    background-color: #f5f5f5; /* Solid background */
    overflow: hidden;
    isolation: isolate; /* Creates a new stacking context */
}
.most-read figure::after {
 
    font-weight: 600;
    font-size: 100px;
    line-height: 70px;
    color: white;
    position: absolute;
    bottom: -75px;
    right: -10px;
}
.most-read .meta, .most-read h5 {
    position: relative;
}
@media (min-width: 567px) {
  .most-read .d-sm-flex .section-list .editors-pick{
    margin-left: calc(-0.10 * var(--bs-gutter-x));
    margin-right: calc(-0.10 * var(--bs-gutter-x));
    gap: 20px; /* Add this line for spacing between boxes */
    flex-wrap: wrap; /* Ensures responsiveness if needed */
  }
 
.section-list .cols {
  background-color: #fefcf6;
  /* Adjust padding for better inner spacing */
  /* padding-left: calc(0.10 * var(--bs-gutter-x)); */
  padding-right: calc(0.10 * var(--bs-gutter-x));
  margin-bottom: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  /* Create proper spacing between columns */
  /* Add proper margin for spacing between boxes */
  margin-left: 7px;
  margin-right: 7px;
  /* Adjust width to account for new margins */
  width: calc(25% - 14px);
}

  .most-read .col {
    background-color: #fefcf6;
    /* Adjust padding for better inner spacing */
    padding-left: calc(0.10 * var(--bs-gutter-x));
    padding-right: calc(0.10 * var(--bs-gutter-x));
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    /* Create proper spacing between columns */
    /* Add proper margin for spacing between boxes */
    margin-left: 7px;
    margin-right: 7px;
    /* Adjust width to account for new margins */
    width: calc(25% - 14px);
  }
}

@media (min-width:576px) and (max-width: 767px) {
   .most-read .d-sm-flex {
    flex-wrap:wrap;
   }
   .most-read .col {
    background-color: #fefcf6;
    flex:0 0 50%;
   }
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width:992px) {
}


/* Author Bio */

.section-about-author .for-contents-ofauthor h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  font-family: "Unna", serif;
  font-size: 1.7rem;
  line-height: 1.2;
  color: var(--bs-heading-color, inherit);
}

@media (min-width: 700px) and (max-width:765px) {
  .for-about-author {
    padding: 15px;
    background-color: #f5f5f5;
    margin-bottom: 25px;
  }

  .section-about-author {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
  }

  .for-about-author-img {
    width: 90px;
    height: 90px;
    position: relative;
    border-radius: 50%;
    border: 1px solid #000000;
    overflow: hidden;
    display: flex;  /* Added */
    justify-content: center;  /* Added */
    align-items: center;  /* Added */
  }

  .for-about-author-img img {
    position: absolute;
    top: 50%;  /* Added */
    left: 50%;  /* Added */
    transform: translate(-50%, -50%);  /* Added */
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    min-width: 100%;  /* Added */
    min-height: 100%;  /* Added */
  }

  .for-contents-ofauthor {
    width: 100%;  /* Added */
    padding: 0 15px;  /* Added */
  }

  .for-contents-ofauthor h2 {
    margin: 0 0 10px 0;
    font-size: 1.1rem;
  }

  .for-contents-ofauthor p {
    margin: 0 0 10px 0;  /* Added margin-bottom */
    font-weight: 530;
    color: rgb(107, 104, 104);
    line-height: 1.5;
  }

  /* Style for email link */
  .for-contents-ofauthor p:last-child {
    margin-top: 1px;
  }

  .for-contents-ofauthor p a {
    color: rgb(107, 104, 104);
    text-decoration: none;
    margin-left: 5px;
  }
}
@media (min-width:769px) and (max-width:900px){
  .for-about-author {
    font-weight: 600;
    padding: 11px 20px 21px;
    background-color:  #f5f5f5;
    margin-bottom: 35px;
  }

  .section-about-author {
    display: flex;
    align-items: flex-start;
    gap: 50px;
  }

  .for-about-author-img {
    flex: 0 0 110px; /* Fixed width and prevents flexing */
    height: 110px;
    position: relative;
    border-radius: 50%;
    border: 1px solid #000000;
    overflow: hidden;
    margin-top: 10px;
  }

  .for-about-author-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .for-contents-ofauthor {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0; /* Prevents flex items from overflowing */
  }

  .section-about-author h1 {
    margin-top: 3px;
  }

  .section-about-author p {
    font-weight: 530;
    color: rgb(107, 104, 104);
    margin-right: 3%;
    padding-top: 3%;
    width: 90%;
  }

  }
  @media (min-width:901px) and (max-width:1149px){
    .for-about-author {
      font-weight: 600;
      padding: 11px 20px 21px;
      background-color:  #f5f5f5;
      margin-bottom: 35px;
    }
  
    .section-about-author {
      display: flex;
      align-items: flex-start;
      gap: 50px;
    }
  
    .for-about-author-img {
      flex: 0 0 110px; /* Fixed width and prevents flexing */
      height: 110px;
      position: relative;
      border-radius: 50%;
      border: 1px solid #000000;
      overflow: hidden;
      margin-top: 10px;
    }
  
    .for-about-author-img img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
  
    .for-contents-ofauthor {
      display: flex;
      flex-direction: column;
      flex: 1;
      min-width: 0; /* Prevents flex items from overflowing */
    }
  
    .section-about-author h1 {
      margin-top: 3px;
    }
  
    .section-about-author p {
      font-weight: 530;
      color: rgb(107, 104, 104);
      margin-right: 3%;
      padding-top: 3%;
      width: 90%;
    }
  
    }@media (min-width: 1150px) {
      .for-about-author {
          font-weight: 600;
          padding: 11px 20px 10px; /* Reduced bottom padding from 21px to 10px */
          background-color:  #f5f5f5;
          margin-bottom: 35px;
      }
    
      .section-about-author {
          display: flex;
          align-items: flex-start;
          gap: 50px;
      }
    
      .for-about-author-img {
          flex: 0 0 100px;
          height: 100px;
          position: relative;
          border-radius: 50%;
          border: 1px solid #000000;
          overflow: hidden;
          margin-top: 10px;
      }
    
      .for-about-author-img img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center;
      }
    
      .for-contents-ofauthor {
          display: flex;
          flex-direction: column;
          flex: 1;
          min-width: 0;
      }
    
      /* Override margin for the content <p> */
      .article-body .for-contents-ofauthor p:first-child {
          margin-bottom: 0px !important; /* Ensures no gap after content */
      }
/* Show mobile ads only on screens under 768px */
@media (max-width: 767px) {
    .mobile-ad-container {
        display: block !important;
        margin: 20px 0;
        text-align: center;
    }
    
    /* Hide desktop right sidebar on mobile */
    .col-r {
        display: none !important;
    }
    
    /* Hide desktop bottom ad section on mobile */
    .ad-section-grey {
        display: none !important;
    }
}

/* Hide mobile ads on desktop */
@media (min-width: 768px) {
    .mobile-ad-container {
        display: none !important;
    }
}

       .article-body p a{
       color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
       text-decoration: underline;
       }
    
      /* Target the email <p> specifically */
      .for-contents-ofauthor .forEmail-author {
          margin-top: -23px; /* Minimal gap above email */
          padding-top: 0; /* Remove any padding */
          margin-bottom: 0; /* Remove bottom margin */
          font-size: 13px; /* Match other p elements */
          color: rgb(107, 104, 104); /* Match color */
      }
    
      .for-contents-ofauthor .forEmail-author span a {
       
          text-decoration: none; /* Optional: Remove underline if desired */
      }
    
      .section-about-author h1 {
          margin-top: 3px;
      }
    
      .section-about-author p {
          font-weight: 540;
          color: rgb(107, 104, 104);
          margin-right: 3%;
          padding-top: 0;
          font-size: 13px;
          width: 100%;
          line-height: 23px;
      }
    }
/* Add responsive styles for mobile */
@media (max-width: 699px) {
  .for-about-author {
    padding: 15px;
    background-color: #f5f5f5;
    margin-bottom: 25px;
  }

  .section-about-author {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
  }

  .for-about-author-img {
    width: 90px;
    height: 90px;
    position: relative;
    border-radius: 50%;
    border: 1px solid #000000;
    overflow: hidden;
    display: flex;  /* Added */
    justify-content: center;  /* Added */
    align-items: center;  /* Added */
  }

  .for-about-author-img img {
    position: absolute;
    top: 50%;  /* Added */
    left: 50%;  /* Added */
    transform: translate(-50%, -50%);  /* Added */
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    min-width: 100%;  /* Added */
    min-height: 100%;  /* Added */
  }

  .for-contents-ofauthor {
    width: 100%;  /* Added */
    padding: 0 0;  /* Added */
  }

  .for-contents-ofauthor h2 {
    margin: 0 0 10px 0;
    font-size: 1.3rem;
  }

  .for-contents-ofauthor p {
    margin: 0 0 10px 0;  /* Added margin-bottom */
    font-weight: 530;
    color: rgb(107, 104, 104);
    line-height: 1.5;
  }

  /* Style for email link */
  .for-contents-ofauthor p:last-child {
    margin-top: 15px;
  }

  .for-contents-ofauthor p a {
    color: rgb(107, 104, 104);
    text-decoration: none;
    margin-left: 5px;
  }
}

/*reporters page */
/* Add responsive styles for mobile */
@media (max-width: 599px) { 
   .section-header-author {
  padding: 15px;
  background-color:#fefcf6;
  margin-bottom: 25px;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  text-align: center;
}

/* Heading styles */
.section-header-author h1 {
  margin: 0 0 20px 0;
  font-size: 1.5rem;
  text-align: center;
  width: 100%;
}

/* Move image outside of normal flow */
.author-contents {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* Position image at top of author-contents */
.for-author-image {
  width: 110px;
  height: 110px;
  position: relative;
  border-radius: 50%;
  border: 1px solid #000000;
  overflow: hidden;
  margin: 0 auto 10px;
  order: -1; /* Makes it appear first in the flex container */
}

.for-author-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  min-width: 100%;
  min-height: 100%;
}

/* Content paragraph styles */
.author-contents p {
  margin: 0 0 15px 0;
  font-weight: 530;
  color: rgb(107, 104, 104);
  line-height: 1.5;
  width: 100%;
  padding: 0;
  text-align: center;
  order: 1; /* Makes it appear after image */
}

/* Email link */
.section-header-author > p:last-child {
  margin-top: 15px;
  text-align: center;
}

.section-header-author p a {
  color: rgb(107, 104, 104);
  text-decoration: none;
  margin-left: 5px;
}

/* Fix br tag spacing */
.section-header-author br {
  display: none;
}
}
/* section page */

.section-header-author{
  font-weight: 600;
  padding-top: 15px;
 margin-top: 10px;

}
.author-contents{
  display: flex;
  flex-direction: column;



 }
 @media (min-width: 599px){
.for-author-image {
  border-radius: 50%;
  height:115px;
  width:115px;
 margin-left: 2%;
  border:1px solid #000000;
  overflow-y: hidden;
  left:72%;

position: absolute;
}
.for-author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
} 
 }

 .section-header-author{
  background-color:#fefcf6 ;
 }
.section-header-author p{
  font-weight: 530;
  color: rgb(107, 104, 104);
  margin-left:3%;

  width:70%;

}

.section-header-author h1{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.0rem;

}

.section-header {
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 15px;
}
.section-header h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 30px;
    font-family: "Poppins", sans-serif;
    color: #00479a;
    padding-bottom: 15px;
}
.section-header ul {
    font-size: 15px;
}
.section-header ul li {
    padding-bottom: 15px;
}
.section-header a:hover {
    color: #00479a;
}
.section-header .active a {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.section-header li::before {
    content: "|";
    margin-left: 10px;
    margin-right: 10px;
    color: #848484;
    font-weight: 100;
}
.section-header li:first-child::before {
    content: none;
}
.section-most-read {
    position: relative;
    counter-reset: counter;
    max-width: 300px;
    margin: 30px auto;
}
.section-list{
  padding-top:20px;
}
/* .section-most-read .item {
    position: relative;
    counter-increment: counter;
} */
.section-most-read .item::after {
    /* content: counter(counter); */
    font-weight: 600;
    font-size: 100px;
    line-height: 70px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
    color: #efefef;
    width: 70px;
    text-align: center;
}
.section-most-read .feature .item::after {
   right: -20px;
}
.section-most-read .item h3, .section-most-read .item h5 {
    position: relative;
    z-index: 1;
}
.section-most-read .feature h3 {
    padding-bottom: 30px;
    font-size: 19px;
}
.archive-list .block-title {
    padding-top: 25px;
    padding-bottom: 5px;
}
.archive-list .meta {
    padding-top: 20px;
    padding-bottom: 20px;
}
.archive-item {
    border-bottom: 1px solid #f4f4f4;
    padding-top: 20px;
    padding-bottom: 20px;
}
@media(max-width:454px){
  .pagination {
    justify-content: center;
    font-weight: 550;
    font-size: 11px;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left:5px;
    padding-right:5px;
}
}
@media(min-width:454px){
.pagination {
    justify-content: center;
    font-weight: 600;
    font-size: 13px;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left:10px;
    padding-right:10px;
}
}
.pagination span {
    color: #00479a;
}
.pagination li::before {
    font-weight: 100;
    content: "|";
    color: #848484;
    margin-left: 10px;
    margin-right: 10px;
}
.pagination li:first-child::before {
    content: none;
}
@media (min-width: 576px) {
    .section-header li::before {
        margin-left: 20px;
        margin-right: 20px;
    }
}
@media (min-width: 768px) {
    .section-header h2 {
        margin-right: 30px;
    }
}
@media (min-width: 992px) {
    .pagination li::before {
        margin-left: 20px;
        margin-right: 20px;
    }
}
@media (min-width:1220px) {
    .section-most-read .feature .item::after {

    }
    .section-most-read .item::after {
        right: -25px;
    }
    .archive-list .border-t {
        right: -25px;
    }
}

/* article page */

.article-header {
    padding-top: 30px;
}
.article-header .topic {
    font-size: 16px;
    color: #585858;
    padding-bottom: 20px;
}
.article-header .topic span {
    text-transform: uppercase;
    color: #d55500;
    font-weight: 600;
}
.article-header .topic span::after {
    font-weight: 100;
    content: "|";
    color: #585858;
    margin-left: 10px;
    margin-right: 7px;
}
.article-header h1 {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 35px;
}
.article-header h4 {
    font: 20px/30px "Helvetica", sans-serif;
    color: #646464;
    margin-bottom: 30px;
}
.article-header .media {
    float: right;
    margin-left: 40px;
}
.article-header .byline {
    color: #8f9aa7;
    font-size: 12px;
    margin-bottom: 30px;
}
.article-header .byline .author {
    color: #00479a;
    font-weight: 600;
    text-transform: uppercase;
}
.article-body {
    color: #333;
    font: 16px/30px "Helvetica", sans-serif;

    .social-wrapper, .social-widget {
      iframe.instagram-frame {
        border: 1px solid #c4c4c4;
        border-radius: 10px;
      }

      @media  (max-width: 567px) {
        .social-widget-wrapper {
          width: 100%;
          position: unset;

          iframe {
            width: 100%;
          }
        }
      }
    }
}

/* .article-body a {
    color: #00479a;
    border-bottom-width: 1px;
    border-bottom-style: solid;
} */
.article-body a:hover {
    border-bottom-width: 0;
}
.article-body ol, .article-body ul {
    margin-top: 40px;
    margin-bottom: 40px;
}
.article-body ol li, .article-body ul li {
    position: relative;
    padding-left: 30px;
}
.article-body ol li::before, .article-body ul li::before {
    position: absolute;
}
.article-body ul li::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #8f9aa7;
    top: 10px;
    left: 5px;
}
.article-body ol {
    counter-reset: counter;
}
.article-body ol li {
    counter-increment: counter;
}
.article-body ol li::before {
    content: counter(counter) ".";
    color: #8f9aa7;
    font-weight: 600;
    font-size: 17px;
    top: 0;
    left: 0;
}
.article-body h2, .article-body h3, .article-body h4, .article-body h5, .article-body h6 {
    font-family: "Helvetica", sans-serif;
}
.article-body h1 {
    font-size: 32px;
    line-height: 40px;
    margin-top: 40px;
    margin-bottom: 40px;
 
}
.article-body h3 {
    font-size: 18.72px;
    line-height: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
 
}
.article-body h4 {
    font-size: 16px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
 
}
.article-body h5 {
    font-size: 13.28px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
 
}
.article-body h6 {
    font-size: 10.72px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
 
}
.article-body h2 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.article-body p {
    margin-bottom: 27px;
}
.article-body .copyright {
    font-size: 14px;
    line-height: 18px;
    border-top: 1px solid #e0e0e0;
    padding-top: 5px;
    margin-bottom: 25px;
}
.article-body .copyright a {
  border-bottom: none;
  text-decoration: none;
}
.imageNone {
    margin-top: 50px;
    margin-bottom: 50px;
}
.article-body .imageNone:first-of-type {
    margin-top: 0;
}
.imageNone img {
    margin-bottom: 8px;
}
.imageNone h6, .imageNone figcaption {
    color: #646464;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
}
@media (max-width:990px) {
    .article-header, .article-content {
        padding-left: 0px;
    }    
}
@media (min-width:991px) {
    .article-header, .article-content {
        padding-left: 20px;
    }    
}
@media (min-width:1290px) {
    .article-header, .article-content {
        padding-left: 0px;
    }    
}
@media (min-width:992px) {
    .imageNone img {
        margin-left: 0px;
        position: relative;
        margin-top:-20px;
    }   
}
@media (min-width:1220px) {
    .imageNone img {
        margin-left: 0px;
    }
}

/*newsletter*/

.article-content .newsletter {
    width: 99.7%;
    padding: 4% 2%;
    vertical-align: top;
    border: #000000 1px solid;
    background: #ffffff;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    color: #000000;
    margin: 25px 0 50px;
}
.article-content .newsletter form {
    padding-top: 10px;
}
.article-content .newsletter input {
    display: inline-block;
    height: 42px;
    margin-top: 10px;
}
.article-content .newsletter .form {
    width: 283px;
    background: url(../images/newsletter.gif) 0 0 no-repeat;
    margin-right: 10px;
    text-indent: 53px;
    color: #a3a3a3;
    font-size: 15px;
}
.article-content .newsletter .bt {
    line-height: 42px;
    width: 205px;
    background: #333333;
    color: #e5e5e5;
    font-size: 14px;
    cursor: pointer;
    letter-spacing: 0.5px;
}
.article-content .newsletter .description {
    display: block;
    font-size: 11px;
    color: #888888;
    padding: 10px 0 0 0;
}

/* design page*/
.info_com h2{
    padding-bottom: 25px;
}
.align-items-center {
    align-items: center!important;
}
.news-list .news-item {
    border-top: 1px solid #8d8a8a;
    padding-top: 20px;
    padding-bottom:15px;

   
}

/* social share button*/
.byline-social .byline{width:calc(100% - 280px);min-width:250px}
.writer-info .image{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;float:left;margin-right:15px;padding:0;overflow:hidden;}
.writer-info .image img{transform:translate(0%,0%);width:auto;max-width:inherit;height:60px}
.byline .author-name{margin-right:10px}
.article-header .byline time{display:block;margin-top:10px;font-weight:400;font-size:13px}
.article-header .byline a:hover{text-decoration:underline}
.article-header .byline{margin-bottom:0}
.article-header .byline .author-extra{display:inline-block;font-style:normal}
.byline .ico-twitter-left:before{width:16px;height:17px;content:' ';display:inline-block;background:url(../images/social/twitter-x-black.svg) left 10%/80% no-repeat;vertical-align:middle}
.article-header .byline .genericon{font-size:inherit;line-height:inherit;font-family:inherit}
.article-header .byline .genericon::before{font:normal normal 16px Genericons;display:inline-block;vertical-align:middle}
.genericon{font-size:20px;vertical-align:top;text-align:center;display:block;font-family:"Genericons";cursor:pointer}
.article-header .byline .genericon-twitter::before{color:#1da1f2}
.article-header .byline .genericon-linkedin::before{margin-right:3px;color:#0077b5}
.byline-social{border-top:1px solid #e9e9e9;padding-top:13px}
.genericon-flipboard{background-image:url(../images/social/flipboard.png)!important}
.social-share{width:270px;height:36px}
.jc-fe{-webkit-justify-content:flex-end;justify-content:flex-end}
.ai-c{-webkit-align-items:center;align-items:center}
.flex-xs{display:-webkit-flex;display:flex}
.social-share .twitter-x-black{background:url(../images/social/twitter-x-black.svg) center 55%/53% no-repeat}
.social-share .genericon.genericon-flipboard{background-color:transparent!important}
.genericon-flipboard{background:url(../images/social/flipboard_srrw.webp) no-repeat 50% 50% #f52828}
.social-share .pocket{background:url(../images/social/pocket.svg) 50% 60%/60% no-repeat}
.social-share .icon{cursor:pointer;width:36px;height:36px;display:block}
.element-invisible{position:absolute;overflow:hidden;height:1px}
.social-share .genericon{width:36px;height:36px;margin-left:3px;font-size:16px;line-height:36px;color:#738a8d;font-size:24px}
.social-share .genericon:hover{text-decoration:none}
.social-share .genericon-facebook-alt{font-size:22px;color:#3b5998;margin-left:0}
.social-share .genericon-twitter{color:#1da1f2}
.social-share .genericon-tumblr{color:#35465c}
.social-share .genericon-linkedin{color:#0077b5}
.social-share .genericon-pinterest{color:#bd081c}
.social-share .genericon-reddit{color:#ff4500}
.social-share .genericon.genericon-flipboard{background-color:transparent!important}
.genericon-chat:before{content:"\f108"}
.genericon-collapse:before{content:"\f432"}
.genericon-comment:before{content:"\f300"}
.genericon-expand:before{content:"\f431"}
.genericon-downarrow:before{content:"\f502"}
.genericon-facebook:before{content:"\f203"}
.genericon-facebook-alt:before{content:"\f204"}
.genericon-feed:before{content:"\f413"}
.genericon-flag:before{content:"\f468"}
.genericon-googleplus:before{content:"\f218"}
.genericon-googleplus-alt:before{content:"\f218"}
.genericon-home:before{content:"\f409"}
.genericon-info:before{content:"\f455"}
.genericon-instagram:before{content:"\f215"}
.genericon-linkedin-alt:before{content:"\f208"}
.genericon-linkedin:before{content:"\f207"}
.genericon-tiktok path{fill:#fff}
.genericon-youtube:before{content:"\f213"}
.genericon-mail:before{content:"\f410"}
.genericon-menu:before{content:"\f419"}
.genericon-next:before{content:"\f429"}
.genericon-pinterest-alt:before{content:"\f210"}
.genericon-pinterest:before{content:"\f209"}
.genericon-previous:before{content:"\f430"}
.genericon-reddit:before{content:"\f222"}
.genericon-search:before{content:"\f400"}
.genericon-subscribe:before{content:"\f463"}
.genericon-tumblr:before{content:"\f214"}
.genericon-twitter:before{content:"\f202"}
.genericon-uparrow:before{content:"\f500"}
.genericon-warning:before{content:"\f414"}
.genericon-close:before{content:"\f405"}
.genericon-close-alt:before{content:"\f406"}

/* Author page */
.author-wrap{padding-top:20px}
.bio h3{color:#4b4b4b;margin-bottom:10px}
.bio .social .twitter{background-image:url(../images/social/social_twitter2.svg)}
.bio .social a{background-color:#25303b;width:36px;height:36px}
.social a{display:inline-block;vertical-align:middle;background-position:center;background-size:14px;background-repeat:no-repeat;border-radius:50%}