.banner_media_and_insights h1 { font-family: "Satoshi_Light"; padding-left: 50px; position: absolute; left: 0; bottom: 30px; color: #fff; z-index: 1; }


section { width: 100%; float: left; }
.title_02 { color: #DFDFDF; }

.media-and-insight { padding: 100px; display: grid; grid-template-columns: 0.25fr 0.75fr; gap: 16px; }
.media-and-insight .tabs { display: flex; flex-direction: column; align-items: flex-start; gap: 15px; padding-right: 30px; }
.media-and-insight .tabs a { display: flex; width: 100%; font-weight: normal; font-size: 1.2rem; line-height: 1.5rem; color: #000; position: relative; }
.media-and-insight .tabs > a::before { transition: all 0.3s linear; content: ''; width: 10px; height: 18px; display: inline-block; position: absolute; right: 0; top: 3px; background: url(../images/home/arrow_next.png) no-repeat center; background-size: cover; }
.media-and-insight .tabs a.active::before, .media-and-insight .tabs a:hover::before { filter: brightness(0) saturate(100%) invert(61%) sepia(69%) saturate(2602%) hue-rotate(2deg) brightness(103%) contrast(101%); }
.media-and-insight .tabs a:hover, .media-and-insight .tabs a.active { font-size: 1.2rem; line-height: 1.5rem; color: #F99D1C; font-weight: 500; }
.media-and-insight .tabs a.arrow.active::before { transform: rotate(90deg); transition: all 0.3s linear; }
.media-and-insight .tabs .dropdownlist a { margin-top: 5px; }
.media-and-insight .tabs .dropdownlist a::after { display: none; transition: all 0.3s linear; width: 7px; height: 7px; position: absolute; left: -18px; top: 9px; content: ''; border-radius: 5px; background-color: #F99D1C; }
.media-and-insight .tabs .dropdownlist a.active::after { display: inline-block; }
.media-and-insight .tabs .dropdownlist { padding-left: 15px; position: relative; }
.media-and-insight .tabs .dropdownlist::before {  content: ''; position: absolute; left: 0; top: 0px; width: 1px; height: 100%; background-color: #2E2E2E; }
.allgrid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 40px; }
.allgrid .content { position: relative; }
.allgrid .content:hover { transform: scale(1.1); cursor:pointer;transition: all 0.3s linear;}
.allgrid .content .desc { padding: 19px; display: flex; flex-direction: column; transition: all 0.3s linear; justify-content: flex-end; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; }
.allgrid .content .desc p { color: #2E2E2E; transition: all 0.3s linear; }
.allgrid .content .desc .date { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; }
.allgrid .content .desc .date a { display: flex; align-items: center; justify-content:  space-between; width:  100%; }
.allgrid .content .desc .date a, .allgrid .content .desc .date label { font-size: 16px; line-height: 22px; transition: all 0.3s linear; color: #F99D1C; font-weight: normal; }
.allgrid .content .desc .date label { color: #2E2E2E; font-size: 13px !important; line-height: 22px; }
.allgrid .content .desc .date img { width: 20px; }
.allgrid .content:hover .desc { background-color: transparent; transition: all 0.3s linear; }
.allgrid .content:hover .desc p, .allgrid .content:hover .desc .date label { color: #fff; font-weight: bold; transition: all 0.3s linear; }
.allgrid .content:hover .desc a, .allgrid .content:hover .desc .date label { font-weight: bold; transition: all 0.3s linear; }
.allgrid .content.noimg:hover .desc { background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);  }
.allgrid .content.noimg:hover .desc p, .allgrid .content.noimg:hover .desc .date label { color: #2E2E2E; transition: all 0.3s linear; }
#inthemedia .content .desc { background-color: transparent !important; }
#inthemedia .content { background-color: #fff; }
#inthemedia .content img { opacity: 0.2; }
#inthemedia .content .desc img { opacity: 1; }
.allgrid .content .desc .date .flex_pdf {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;color: #F99D1C;
}.allgrid .content:hover .desc .flex_pdf, .allgrid .content:hover .desc .date label { font-weight: bold; transition: all 0.3s linear; }
.tabs { position: relative; z-index: 0; }
.tabs .line { width: 100%; height: 1px; background-color: #2E2E2E; display: flex; }
.tabs img { position: absolute; left: -10vw; top: 0; width: auto; height: 60vh; z-index: -1; }
.hidden-xs{display:block !important;}
.visible-xs{display:none !important;}


.tab-pane-child.hidden {
  display: none;
}
.tab-pane-child.active {
  display: block;
}

@media (max-width: 767.98px) { 
.hidden-xs { display: none !important; }
.visible-xs { display: block !important; }
.banner_media_and_insights h1 { padding-left: 20px; }

.media-and-insight { grid-template-columns: 1fr; padding: 30px 6px; }
.allgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.media-and-insight .tabs { flex-direction: row; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 6px; background-color: #D4D2D2; justify-content: center; }
.media-and-insight .tabs .line { display: none; }
.media-and-insight .tabs > a { background-color: #fff; display: inline-flex; justify-content: center; align-items: center; height: 36px; font-size: 16px !important; }
.media-and-insight .tabs a::before {display: none; }
.media-and-insight .tabs a br { display: none; }
/* .media-and-insight .tabs .dropdownlist { padding: 6px 0; } */
/* .media-and-insight .tabs .dropdownlist::before { display: none; } */
/* .media-and-insight .tabs .dropdownlist a { padding-right: 10px; } */
/* .media-and-insight .tabs .dropdownlist a::after { width: auto; height: auto; font-size: 16px; line-height: 1;color: #2E2E2E; content: '/';  } */
.allgrid .content .desc { padding: 10px; }
.allgrid .content .desc .date { flex-direction: column; align-items: flex-start; gap: 6px; }
.allgrid .content .desc .date img { width:14px; }
.allgrid .content .desc p, .allgrid .content .desc .date a, .allgrid .content .desc .date label{font-size: 12px;}

}