:root {
  --light-blue: #2797d3;
  --vibe-red: #c84874;
  --dark-grey: #5d6265;
  --vibe-green: #b2c966
}

.light-blue-btn {
  background-color: var(--light-blue)
}

.red-btn {
  background-color: var(--vibe-red)
}

.grey-btn {
  background-color: var(--dark-grey)
}

.green-btn {
  background-color: var(--vibe-green)
}

input[type="checkbox"]:checked {
  accent-color: #224a81
}

input[type="checkbox"],.all-sec>input {
  -webkit-appearance: initial;
  appearance: initial;
  border: 1px solid;
  position: relative
}

input[type="checkbox"]:checked:after {
  background-color: #224a81;
  content: '';
  color: #fff;
  position: absolute;
  background-image: url(/wp-content/themes/ipsen-main/dist/images/tick.png);
  background-repeat: no-repeat;
  background-size: 11.6px 8.9px;
  background-position: center;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%
}

.all-sec input.checked::after {
  background-color: #224a81;
  content: '';
  color: #fff;
  position: absolute;
  background-image: url(/wp-content/themes/ipsen-main/dist/images/dash.png);
  background-repeat: no-repeat;
  background-size: 12px 1px;
  background-position: center;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%
}

select {
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.story-filter-main #search-results {
  padding: 0 0 0 12px;
}

.story-list-btn a {
  padding: 9px 24px;
  border: 1px solid #000E56;
  border-radius: 25px;
  color: #000E56;
  text-decoration: none;
  white-space: nowrap;
  font-family: "RethinkSans-Regular";
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
}

.story-list-btn {
  padding: 0;
  display: flex;
  align-items: center;
  text-align: left;
  margin-right: 15px
}

.story-list-btn:hover a,.story-list-btn:focus a,.story-list-btn.active a {
  background-color: #000E56;
  color: #fff
}

.story-list-btn-div {
  overflow: hidden
}

.story-list-btn-div ul.list-btn {
  padding: 0;
  display: flex;
  flex-direction: row;
  overflow: scroll
}

.filter-heading {
  font-family: "RethinkSans-SemiBold";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #000E56;
  padding: 15px 20px;
  /* color: var(--dark-grey); */
  width: 100%;
  text-align: left;
  border: 2px solid #EDEBE4;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px
}

.filter-heading:hover,.filter-heading:focus {
  background-color: #EDEBE4;
  /* box-shadow: 0 6px 12px rgb(0 0 0 / 12%) */
}

.selection-period,.selection-sort {
  padding: 20px 20px 0 20px
}

.reset-div {
  display: flex;
  justify-content: right;
  align-items: flex-start
}

.reset-btn:hover,.reset-btn:focus {
  box-shadow: none
}

.reset-div .reset-btn {
  position: relative;
  padding-left: 25px;
  padding-right: 0;
  margin-right: 20px;
  color: #000E56;
}

.reset-div .reset-btn:after {
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -36%;
  content: url(/wp-content/themes/ipsen-main/dist/images/Reset_icon.png)
}

.reset-btn::before {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 8px
}

.story-heading h3 {
  font-family: "Rethinksans-bold";
  font-weight: 700;
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 24px;
  margin-top: 60px
}

.btn.small-btn {
  padding: 5px 10px;
  border-radius: 4px;
  color: #fff;
  font-family: 'Rethinksans-bold';
  font-weight: 700;
  font-size: 13px;
  line-height: 16px
}

.second-post-para {
  font-family: "RethinkSans-Regular";
  font-size: 16px;
  line-height: 24px;
  color: #292c31;
  margin-bottom: 0
}

.filter-content button {
  width: 100%;
  appearance: none;
  background-color: transparent;
  border: none;
  text-align: left;
  border: 1px solid #2797d3;
  border-radius: 8px;
  color: #5d6265
}

.filter-content ul {
  list-style: none;
  padding: 0
}

.filter-content label {
  padding: 0
}

.filter-dropdown {
  width: 100%;
  padding: 0;
  border-width: 0px 2px 2px 2px;
  border-style: solid;
  border-color: #EDEBE4;
  border-radius: 0 0 8px 8px;
  margin-top: 0
}

.filter-dropdown {
  display: block
}

#topic-drop,.period-drop,#filter-by,.mutltiselect-dropdown .ms-options-wrap>button {
  padding: 15px 15px;
  border: 2px solid #EDEBE4;
  border-radius: 8px;
  font-family: "RethinkSans-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  color: #000E56;
  -webkit-appearance: auto;
  background: transparent
}

.topic-dropdown,.period-dropdown,.filter-by-dropdown {
  display: none;
  padding: 13px 15px;
  border: 1px solid #224a81;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px
}

.all-sec,.year-items {
  padding: 10px 0
}

.years-div {
  border-top: 1px solid #8f9699
}

.topic-dropdown label,.period-dropdown label,.filter-by-dropdown li.filterby-items {
  font-family: "RethinkSans-Medium";
  font-size: 16px;
  line-height: 26px;
  color: #224a81
}

input:hover,input:focus {
  border-color: #224a81!important;
  color: #224a81!important;
  outline: none
}

#fliter-btn.arrow {
  border-radius: 8px;
  border-color: #EDEBE4;
  color: #000E56;
}

.arrow #topic-drop,.arrow .period-drop,.arrow #filter-by {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #224a81;
  color: #224a81
}

.input-div-topic.arrow:after,.input-div-period.arrow:after,#fliter-btn:after,#fliter-btn.arrow:after {
  content: url(/wp-content/themes/ipsen-main/dist/images/Downwards_Arrow_New.png)
}

.input-div-topic:after,.input-div-period:after,#fliter-btn:after {
  content: url(/wp-content/themes/ipsen-main/dist/images/Upwards_Arrow_New.png);
  position: absolute;
  right: 15px;
  top: 50%;
  translate: 0 -50%
}

.input-div-topic,.input-div-period,.input-filter,#fliter-btn {
  position: relative
}

.mutltiselect-dropdown .ms-options-wrap>button {
  background-color: transparent;
  text-align: left
}

.mutltiselect-dropdown .ms-options {
  padding: 13px 15px;
  border: 2px solid #EDEBE4;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px
}

.ms-options ul.list-div {
  padding: 0;
  list-style: none
}

.ms-options-wrap button {
  padding: 13px 15px;
  position: relative
}

.ms-options-wrap button:after {
  content: " ";
  background-image: url(/wp-content/themes/ipsen-main/dist/images/down-gray.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  position: absolute;
  right: 15px;
  top: 40%;
  width: 10px;
  height: 10px
}

.ms-options-wrap button.clicked:after {
  background-image: url(/wp-content/themes/ipsen-main/dist/images/search_filter_uparrow.png)
}

.ms-options-wrap button.clicked {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.ms-options {
  border: 1px solid #224a81;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  max-height: 25px!important
}

.ms-options ul li label {
  padding-left: 0!important
}

.ms-options ul li label input {
  margin-right: 15px
}

ul.list-div li label>input,.all-sec input {
  min-width: 20px;
  min-height: 20px
}

.all-sec input {
  margin-right: 20px
}

ul.list-div {
  border-top: 1px solid #8f9699
}

ul.list-div li {
  margin-left: 0;
  padding: 10px 0
}

ul.list-div li label,.all-sec label {
  font-family: "RethinkSans-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #000E56;
}

#show-list {
  position: relative
}

.select-selected.select-arrow-active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.custom-select {
  position: relative;
  font-family: Arial
}

.select-selected {
  background-color: transparent
}

.select-selected:after {
  position: absolute;
  content: url(/wp-content/themes/ipsen-main/dist/images/down-gray.png);
  position: absolute;
  right: 15px;
  top: 50%;
  translate: 0 -50%
}

.select-selected.select-arrow-active:after {
  content: url(/wp-content/themes/ipsen-main/dist/images/arrow-up.png)
}

.select-items div {
  color: #292c31;
  padding: 10px 12px;
  background-color: transparent
}

.select-selected {
  position: relative;
  color: #292c31;
  padding: 13px 15px;
  border: 1px solid #8f9699;
  font-family: "RethinkSans-Medium";
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  user-select: none;
  border-radius: 8px
}

.select-items {
  display: block;
  position: static;
  background-color: transparent;
  border: 1px solid #8f9699;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: display 3s ease-in-out
}

.select-hide {
  display: none
}

.select-items div:hover,.same-as-selected {
  background-color: rgba(0,0,0,.1)
}

.sort-section {
  display: flex;
  align-items: center;
  margin-right: 30px
}

.short-name-sec {
  display: flex;
  align-items: center
}

.show-list {
  margin-bottom: auto;
  margin-top: 15px
}

.filter-by-dropdown.block .filter-by-inner,.filter-by-dropdown .autoFill {
  display: none
}

.filter-by-dropdown .filter-by-inner {
  display: block
}

.sort-input input,.sort-input-ascending input {
  display: block;
  padding: 13px 15px;
  border: 1px solid #8f9699;
  border-radius: 8px;
  width: 100%
}

.sort-input-inner,.sort-input-ascending-inner,.sort-input-inner-lib {
  position: relative;
  display: flex;
  align-items: center
}

.sort-dropdown,.sort-dropdown-ascend,.sort-dropdown-lib {
  display: none;
  padding: 13px 15px;
  border: 1px solid #8f9699;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  max-width: 78%;
  margin-left: auto
}

.sort-input-ascending-inner:after,.sort-input-inner:after {
  content: url(/wp-content/themes/ipsen-main/dist/images/down-gray.png);
  position: absolute;
  right: 15px;
  top: 50%;
  translate: 0 -50%
}

.sort-input-ascending-inner.arrow:after,.sort-input-inner.arrow:after {
  content: url(/wp-content/themes/ipsen-main/dist/images/arrow-up.png)
}

.sort-input .arrow input,.sort-input-ascending .arrow input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.sort-input,.sort-dropdown {
  max-width: 100px
}

.sort-input-ascending input,.sort-dropdown-ascend {
  max-width: 200px
}

select {
  outline: none
}

#sorting-input {
  width: 100px
}

#sorting-input-ascend {
  width: 200px
}

.ms-options-wrap>button {
  padding: 15px;
  border: 2px solid #EDEBE4;
  border-radius: 8px;
  font-family: 'RethinkSans-Regular';
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  color: #000E56;
  position: relative;
  appearance: none;
  background-color: transparent;
  text-align: left
}

.ms-options-wrap button:after {
  content: " ";
  background-image: url(/wp-content/themes/ipsen-main/dist/images/Downwards_Arrow_New.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  position: absolute;
  right: 15px;
  top: 40%;
  width: 10px;
  height: 10px
}

.ms-options {
  padding: 13px 15px;
  border: 1px solid #224a81;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top: none;
  max-height: 25px!important;
  border-width: 2px;
  padding-bottom: 0;
}

/* .ms-options::-webkit-scrollbar {
  display: none
} */

.ms-options-wrap>button:hover,.ms-options-wrap>button:focus {
  border-color: #224a81;
  color: #224a81
}

input[type="checkbox"],.all-sec>input {
  -webkit-appearance: initial;
  appearance: initial;
  border: 2px solid #EDEBE4;
  position: relative;
  margin-bottom: -4px;
  border-radius: 4px
}

input:hover,input:focus {
  border-color: #EDEBE4!important;
  color: #000E56!important
}

input.library-input {
  min-width: 20px;
  min-height: 20px
}

.document-card-inner {
  padding: 30px;
  border: 2px solid #EDEBE4;
  border-radius: 8px
}

.doc-card-img {
  padding: 30px;
  display: inline-block;
  background-color: #EDEBE4;
  border-radius: 8px
}

.doc-card-img img {
  max-width: 54px
}

.doc-card-contents {
  margin-top: 34px
}

.top-info-bar,.calendar-detail {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.calendar-detail p {
  margin-bottom: 0;
  font-family: 'RethinkSans-Regular';
  font-size: 13px;
  line-height: 16px;
  color: #000E56;
  font-weight: 400;
  margin-left: 0px;
}

.story-div .doc-card-img{
  padding: 34px;
  width: 143px;
  max-width: 100%;
  height: auto;
}

.story-div .doc-card-img img {
  width: 100px;
  height: 100px;
  max-width: 100%;
}

.doc-card-contents .top-info-bar {
  margin-bottom: 17px;
}

.bottom-info h3 {
  font-size: 18px;
  line-height: 23px;
  color: #224A81;
  margin-top: 10px;
  margin-bottom: 0
}

.right-contents,.left-contents {
  display: flex
}

.right-contents img {
  margin-left: 10px
}

button.btn.report-btn,button.btn.report-btn:hover,button.btn.report-btn:focus {
  font-family: 'RethinkSans-Medium';
  font-size: 13px;
  line-height: 16px;
  padding: 5px 10px;
  background-color: #5D6265;
  color: #fff;
  border-radius: 4px;
  margin-right: 10px
}

.dash {
  color: #5D6265
}

.bottom-info p {
  font-family: 'RethinkSans-Regular';
  font-size: 14px;
  line-height: 16.8px;
  margin-bottom: 0
}

.download-icon {
  border-right: 1px solid #C4C9CB
}

.pdf-text {
  font-family: 'RethinkSans-Regular';
  font-size: 13px;
  line-height: 16px;
  color: #000E56;
  font-weight: 400;
}

.pdf {
  display: flex;
  align-items: baseline
}

.pdf-text {
  margin-left: 10px
}

.document-card_carousel .card-controls button span {
  width: 100%;
  height: 100%;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat
}

.glider-prev span {
  background-image: url(/wp-content/themes/ipsen-main/template-parts/ipsen-blocks/images/blue-left-arrow.png);
  margin-right: 15px
}

.glider-prev {
  margin-right: 15px
}

.glider-next span {
  background-image: url(/wp-content/themes/ipsen-main/template-parts/ipsen-blocks/images/blue-right-arrow.png)
}

.glider-prev.disabled span {
  background-image: url(/wp-content/themes/ipsen-main/template-parts/ipsen-blocks/images/Slider-Arrow.png)
}

.glider-next.disabled span {
  background-image: url(/wp-content/themes/ipsen-main/template-parts/ipsen-blocks/images/Slider-Arrow-rigt.png)
}

.glider-prev.disabled,.glider-next.disabled {
  opacity: 1!important
}

.document-card_carousel .card-controls button {
  position: static;
  transform: translate(0,0);
  width: 37px;
  height: 34px;
  background: transparent;
  padding: 0;
  appearance: none;
  cursor: pointer;
  border: none
}

.document-card-inner:hover,.document-card-inner:focus {
  /* box-shadow: 0 2px 6px 0 #00000026 */
}

.custom-ascend:after,.custom-short:after {
  content: url(/wp-content/themes/ipsen-main/dist/images/Downwards_Arrow_New.png);
  position: absolute;
  right: 10px;
  top: 55%;
  translate: 0 -50%
}

.custom-ascend.clicked:after,.custom-short.clicked:after {
  content: url(/wp-content/themes/ipsen-main/dist/images/Upwards_Arrow_New.png)
}

.sort-section,.short-name-sec {
  position: relative
}

.story-total-div select {
  padding: 13px 15px;
  border-radius: 8px;
  border: 2px solid #EDEBE4;
  color: #000E56;
}

.story-total-div label {
  font-family: "RethinkSans-Regular";
  font-weight: 400;
  color: #000E56;
  font-size: 16px;
  line-height: 20px;
  margin-right: 20px
}

.doc-h1 a{
  font-family: 'RethinkSans-SemiBold';
  font-size: 25px;
}

.story-div .column-1 img{
  object-fit: cover !important;
}

@media (max-width: 767px) {
  .bottom-info p {
      margin-top:24px
  }

  .document-card_carousel .container {
      display: flex;
      flex-direction: column-reverse
  }

  .card-controls {
      margin-top: 20px;
      display: flex;
      justify-content: center
  }

  .document-card-inner {
      box-shadow: 0 2px 6px 0 #00000026
  }

  .story-filter-main .custom-short,.story-filter-main .custom-ascend {
      position: relative
  }

  .story-filter-main .sort-section,.story-filter-main .short-name-sec {
      flex-direction: column;
      align-items: flex-start
  }

  .story-filter-main .no-of-show {
      float: left;
      display: inline-block
  }

  .story-filter-main .story-total-div {
      margin-bottom: 30px
  }

  .story-filter-main .show-list {
      margin-top: 0;
      margin-bottom: 8px
  }

  .story-filter-main .custom-ascend {
      max-width: 100%;
      width: 100%!important
  }
}

@media (min-width: 768px) {
  .download-icon {
      border-right:none
  }

  .document-card-inner {
      padding: 30px
  }
/***** doc card image fixes *****/
  .document-card-inner>.row .column-1 {
    padding-right: 0;
    display:flex;
  }
  .glider-track .document-card-inner>.row .column-1 {
    display:block;
  }
  .doc-card-img{
      padding:5px;
  }
  .doc-card-img img{
      object-fit:cover;
  }
/***** doc card image fixes *****/
  .doc-card-contents {
      margin-left: 20px;
      margin-top: 0
  }

  .top-info-bar {
      margin-bottom: 26px
  }

  .bottom-info h3 {
      font-size: 20px;
      line-height: 25px;
      margin-bottom: 16px;
      display: inline
  }

  .bottom-info p {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 0
  }

  .doc-h1 {
      display: inline;
      align-items: center
  }

  .pdf {
      margin-left: 10px;
      margin-bottom: auto;
      margin-top: 5px;
      display: inline;
      position: relative;
      top: -5px
  }

  .mob-block {
      display: none
  }

  .card-controls {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 20px
  }

  .document-tray {
      margin-right: 29px
  }
}

@media only screen and (min-width: 991px) {
  .story-list-btn-div {
      overflow:uset;
      margin-bottom: 55px
  }

  .story-list-btn-div ul.list-btn {
      overflow: unset
  }

  .story-total-div {
      display: flex
  }

  .no-of-show {
      margin-left: auto
  }

  .no-of-sort select {
      margin-right: 0
  }

  .story-total-div {
      margin-bottom: 30px;
      margin-top: 0;
  }

  .story-heading h2 {
      font-size: 42px;
      line-height: 53px
  }
}

.story-post .story-post-content {
  width: 100%
}

.story-row .hidden {
  display: none
}

.story-row .share-tray,
.share-tray{
  position: absolute;
  background: #fff;
  padding: 5px 15px;
  box-shadow: 0 0 5px #888;
  border-radius: 5px;
  top: 20px;
  right: 50px;
  z-index: 10
}

.story-row .share-tray img,
.share-tray img{
  width: 20px;
  height: 20px;
  margin-right: 15px;
  object-fit: contain;
}

.story-row .share-tray a,
.share-tray a{
  display: flex;
  padding: 10px;
  align-items: center
}

.story-div .column-1 img {
  width: 100%;
  max-width: 100%;
  object-fit: contain;
  height: 100%
}

div.media-filter-main[data-filtertype="reports-accounts"] .story-div .column-1 img, 
div.media-filter-main[data-filtertype="esg-documents"] .story-div .column-1 img{
  object-fit:contain;
}

.story-div .pr-card .column-1 img {
  object-fit: contain;
}

.story-row {
  background: #fff;
  border: 2px solid #EDEBE4;
  border-radius: 8px;
  position: relative;
  z-index: 3;
  width: 100%;
  margin: 0 auto 30px;
}

.story-img {
  overflow: hidden;
  max-width: 100%;
  height: 100%
}

.story-img iframe,.story-img object,.story-img embed {
  width: 100%;
  height: 100%
}

.story-img img {
  transition: 0.5s all ease
}

.story-div .column-1,.story-div .column-2 {
  padding: 0
}

.avideo{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.avideo iframe{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.story-post {
  padding: 30px;
}

.btn.tag-btn {
  padding: 5px 10px;
  border-radius: 4px;
  color: #fff;
  font-family: "Rethinksans-bold";
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  cursor: text !important;
  margin-right: 10px
}

.story-time-div .story-info-sec .radio-img{
  margin-right: 10px;
}

.story-time-div {
  margin-bottom: 12px;
}

span.story-date,span.story-read-time {
  font-family: "RethinkSans-Regular";
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #000E56;
  /* margin-top: 10px;
  margin-bottom: 16px */
}

.story-post-content .blue-txt {
  font-family: "RethinkSans-SemiBold";
  font-size: 25px!important;
  line-height: 30px!important;
  font-weight: 600;
  color: #000E56;
  margin-bottom: 12px;
  /* margin-top: 1rem; */
  transition: color .5s ease
}

.story-post-content a {
  text-decoration: none
}

.second-post-para {
  font-family: "RethinkSans-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #000E56;
  margin-bottom: 0;
}

#list-search,.mob-sort-sec #sort-mob {
  padding: 13px 15px;
  appearance: none;
  background-color: transparent;
  border: none;
  text-align: left;
  border: 1px solid #2797d3;
  border-radius: 8px;
  width: 100%
}

.search-drop-down,.mob-sort-sec {
  padding: 20px 20px 0 20px
}

.search-drop-down {
  position: relative
}

.dropdown-content,.dropdown-content-sort {
  display: none;
  background-color: #fff;
  min-width: 160px;
  overflow: auto;
  border: 1px solid #224a81;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px
}

.dropdown-content a,.dropdown-content-sort a {
  color: #000;
  padding: 12px 16px;
  text-decoration: none;
  display: block
}

.show,.show-sort {
  display: block
}

#list-search.onFocus,#sort-mob.onFocus {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

#list-search:hover,#list-search:focus,#sort-mob:hover,#sort-mob:focus {
  outline: none
}

#list-search,#sort-mob {
  position: relative
}

#list-search:after {
  content: " "
}

.filter-input {
  position: relative
}

.filter-img {
  position: absolute;
  right: 15px;
  top: 50%;
  translate: 0 -50%
}

.mob-sort-sec {
  display: none
}

.mob-sort-sec select {
  position: relative
}

.mob-sort-sec select>option {
  display: block;
  position: static
}

.filter-content button:hover,.filter-content button:focus,#list-search:hover,.mob-sort-sec #sort-mob:hover,#list-search:focus,.mob-sort-sec #sort-mob:focus {
  border-color: #EDEBE4;
  color: #224a81
}

.input-filter::after {
  content: url(/wp-content/themes/ipsen-main/dist/images/Search_Filter_Icon.png);
  position: absolute;
  right: 15px;
  top: 60%;
  translate: 0 -60%
}

.recent {
  padding: 10px 15px
}

.filter-by-list {
  list-style: none;
  padding: 0
}

.filterby-items {
  background: linear-gradient(to left,#fff 50%,#e7faff 50%) right;
  background-size: 300%;
  transition: background 0.3s ease-in;
  padding: 10px 15px
}

.filterby-items:hover,.filterby-items:focus {
  background-position: left;
  color: #000
}

#filter-by::-webkit-search-cancel-button {
  position: relative;
  right: 20px
}

.period-filter p, .pillar-filter p, .filterby-filter p, .topic-filter p {
  font-family: 'RethinkSans-Regular';
  font-size: 16px;
  line-height: 20px;
  color: #000E56;
  margin-bottom: 8px;
}

.row.story-row .column-1>a:first-child {
  position: relative;
  width: 100%;
  height: 100%;
  display: block
}

.row.story-row .column-1>a:first-child iframe {
  position: unset;
  width: 100%;
  height: 100%
}

.video-embed{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  /* top: 30px; */
}

.story-content-div .video-embed{
  top:30px;
}

#search-div .video-embed{
  top: 0;
}

/* #search-results .video-embed{
  top: 30px;
} */

/* .story-div .video-embed{
  top:0;
} */

.video-embed iframe{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media only screen and (max-width: 500px){
  .video-embed{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    top: 0;
  }
}
  /* .video-embed iframe{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  } */
 
  

@media (max-width: 766px) {
  .desk-span {
      display: inline-block;
      white-space: nowrap;
  }

  .desk-span  p.mob-span {
      display: none;
  }

  div.dropdown ul.dropdown-menu.show {
      position: relative!important;
      inset: 0!important;
      transform: none!important
  }

  .story-content-div>.row .column-1 {
      margin-bottom: 30px;
      padding: 0
  }

  .mob-sort-sec {
      display: block
  }
}

@media (min-width: 767px) {
  .mob-span {
      display:none
  }

  .story-row:hover {
      /* box-shadow: 0 6px 12px rgba(0,0,0,.12); */
      transition: box-shadow .5s ease
  }
  .investor-financial-card-accordion:has(.card-accordion) .story-row:hover {
    box-shadow: none;
   }
  .investor-financial-card-accordion:has(.card-accordion) .investor-financial-card-accordion:hover{
     box-shadow: 0 6px 12px rgba(0,0,0,.12);
      transition: box-shadow .5s ease
  }

  .story-row:hover .story-post-content .blue-txt {
      /* color: #2797d3; */
      transition: color .5s ease
  }

  .story-row:hover .story-img img {
      transform: scale(1.1);
      transition: transform .5s ease
  }
}

@media only screen and (min-width: 1600px) {
  .container-fluid.stories .story-filter-card {
      margin:100px auto
  }

  .story-row {
      max-height: 100%
  }

  .story-img {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
      max-height: 100%
  }

  .story-div .column-1 img {
      max-height: 100%
  }
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
  .container-fluid.stories .story-filter-card {
      margin:70px auto
  }

  .story-row {
      max-height: 100%;
      transition: box-shadow .5s ease
  }

  .story-img {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
      max-height: 100%
  }

  .story-div .column-1 img {
      max-height: 100%;
      transition: scale .5s ease
  }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
  .container-fluid.stories .story-filter-card {
      margin:70px auto
  }

  .story-img {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
      max-height: 100%
  }

  .story-div .column-1 img {
      max-height: 100%
  }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
  .container-fluid.stories .story-filter-card {
      margin:70px auto
  }

  .story-filter-main {
      padding: 0
  }

  .story-img {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px
  }
}

@media only screen and (min-width: 360px) and (max-width:767px) {
  .container-fluid.stories .story-filter-card {
      margin:0 auto 60px auto
  }

  .story-filter-main {
      padding: 0 24px
  }

  .story-img {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px
  }

  .story-div .column-1 img {
      max-height: 100%
  }

  .story-content-div:has(.story-total-div) .row .column-2 {
      padding: 0
  }

  .story-row .share-tray, .share-tray {
    top: 43%;
    right: 10px;
}
}

@media only screen and (min-device-width: 768px)and (max-device-width:1024px) {
  .story-filter-main .story-content-div>.row:first-child .column-1.col-xl-3.col-md-4.col-sm-12,.story-filter-main .story-content-div>.row:first-child .column-2.col-xl-9.col-md-8.col-sm-12 {
      width:100%
  }

  .story-filter-main .filter-section {
      display: flex;
      flex-direction: row
  }

  .story-filter-main .filter-content.selection-period {
      max-width: 216px;
      width: 100%;
      padding-bottom: 64px
  }

  .story-filter-main .story-content-div .reset-div {
      margin-top: auto;
      margin-left: auto
  }

  .story-filter-main .story-filter-main .story-total-div .no-of-story p {
      margin-bottom: 0
  }

  .story-filter-main .story-total-div {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 30px 0
  }

  .story-filter-main .story-content-div>.row:first-child .column-1.col-xl-3.col-md-4.col-sm-12 .filter-heading p {
      margin-bottom: 0
  }
}

.wp-container-3.hasSide,.wp-container-3.hasSideTwo {
  overflow-x: hidden
}

.card-accordion button.accordion-button.accor-btn[aria-expanded="true"] {
  border-radius: 8px 8px 0px 0px !important;
  background: #EDEBE4;
  border: 2px solid #EDEBE4;;
}

.card-accordion .accordion-header button.accordion-button.accor-btn:hover {
  background: linear-gradient(0deg,#DBEAF5,#DBEAF5),linear-gradient(0deg,#DBEAF5,#DBEAF5)
}

.card-accordion button.accordion-button.accor-btn,.card-accordion .accordion-header button.accordion-button.accor-btn:hover {
  background-color: #fff;
  font-family: 'RethinkSans-SemiBold';
  color: #000E56;
  border: 1px solid #EDEBE4;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  box-shadow: none;
  border-top-color: transparent;
  padding: 18.5px 27px 18.5px 24px;
  font-size: 18px;
  line-height: 22px
}

.card-accordion .accordion-collapse.collapse.show {
  border: 2px solid #EDEBE4;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px
}

.card-accordion.accordion-body {
  padding: 24px 24px 10px 24px
}

.card-accordion .accordion-body p {
  color: #224A81
}

.card-accordion .accordion-body a,.card-accordion .accordion-body p {
  font-family: 'RethinkSans-SemiBold';
  font-size: 16px;
  line-height: 20px;
  color: #000E56;
  text-decoration: none;
}

.card-accordion .accordion-body a,.card-accordion .accordion-body p:last-child {
  margin-bottom: 0px;
}

hr:not([size]) {
  height: 0px;
}

.card-accordion .accordion-body a:hover,.card-accordion .accordion-body a:focus {
  color: #061F80;
}

.card-accordion .accordion-item {
  border: none
}

.card-accordion .accordion-button:not(.collapsed)::after {
  background-image: url(/wp-content/themes/ipsen-main/dist/images/Downwards_Arrow_New.png)
}

.card-accordion .accordion-button::after {
  background-image: url(/wp-content/themes/ipsen-main/dist/images/Upwards_Arrow_New.png);
  background-size: 12px;
  background-position: center;
  transform: rotate(180deg)
}

.card-accordion .file-size-info {
    color: #000E56;
    font-family: 'RethinkSans-Regular';
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}

.card-accordion button.accordion-button.accor-btn.collapsed {
  background: #fff;
  box-shadow: none;
  border-radius: 8px;
}

.card-accordion button.accordion-button.accor-btn .link-icon img {
  width: 20px;
  height: 10px;
  margin: 10px;
}

.card-accordion .link-res-icon img {
  width: auto;
  height: auto;
  display: inline;
  margin: 0 10px 0
}
   
.story-div:has(.card-accordion) .card-accordion {
  margin-bottom: unset!important;
  /* border-top-color: #2797D3; */
}
.story-div:has(.card-accordion) .card-accordion .accor-btn{
  border-top-color: #EDEBE4 !important;
}
.investor-financial-card-accordion:has(.card-accordion) .story-row{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.investor-financial-card-accordion:has(.card-accordion) .accordion-body hr{
  margin: 0;
}
@media (min-width: 767px) {
  .card-accordion button.accordion-button.accor-btn,.card-accordion .accordion-header button.accordion-button.accor-btn:hover {
      padding: 15px 20px;
      font-size: 18px;
      border: 2px solid #EDEBE4;
      background: #EDEBE4;
      line-height: 22px
  }

  .card-accordion .accordion-body {
      padding: 24px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) {
  .card-accordion button.accordion-button.accor-btn,.card-accordion .accordion-header button.accordion-button.accor-btn:hover {
      padding:18.5px 27px 18.5px 24px
  }

  .card-accordion .accordion-body {
      padding: 24px 24px 10px 24px
  }
}

.column-1 col-lg-4 col-md-4 col-sm-12 a .video{
  width:100%;
}
#event-time-input-div {
	width: 13.5em;
	margin-left: 3px;	
}

.story-total-div .no-of-story p {
  font-family:"RethinkSans-Regular";
  font-weight: 400;
  color: #000E56;
  font-size: 18px;
  line-height: 22px;
  margin-top: 15px;
}