.font-heading {
  font-family: "Playfair Display", serif;
}
.font-body {
  font-family: "Source Sans 3",sans-serif;
}

.play-font  {
   font-family: "Playfair Display", serif;
}

.gold-underline {
  position: relative;
}
.gold-underline:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 60px;
  height: 3px;
  background: #da932f;
  border-radius: 2px;
}
.hero-section{
  padding-left:0px;
  padding-right:0px;
}
.editorial-board-classname .container-fluid{
  padding-left: 0px;
  padding-right: 0px;
}
.editorial-board-classname .row{
  width:100%;
  margin:auto;
}

.boardTitle{
  margin-top: 0px;
}

.cursor-pointer{
  cursor: pointer;
}

.honor-grid:hover{
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

h1.menu-journal-heading {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

p.journal-abbr {
  font-size: .875rem;
  line-height: 1.25rem;
  margin: 0px !important;
}

.contact-tel{
  color:#194066 !important;
}

.contact-tel:hover,.connect-us:hover a,.connect-us:hover i{
  color:#da932f !important;
}

@media (max-width: 768px) {
    h1.menu-journal-heading {
    font-size: 1.275rem;
    line-height: 1.25rem;
  }
}

.banner-section>.container-fluid {
  padding:0px;
  overflow:hidden;
}

@media (max-width: 479.99px) {
  section  .row.g-3.align-items-start {
        padding-left: 0px !important;
        padding-right: 0px !important;
        flex-direction: column !important;
    }
}

@media (max-width: 479.98px) {
  #mission-icon > .grid-item:nth-of-type(1) {
    flex: 0 0 13% !important;
    max-width: 13% !important;
  }
  #mission-icon > .grid-item:nth-of-type(2){
     flex: 0 0 74% !important;
    max-width: 74% !important;
  }
  #vision-icon > .grid-item:nth-of-type(1) {
    flex: 0 0 13% !important;
    max-width: 13% !important;
  }
  #vision-icon > .grid-item:nth-of-type(2){
     flex: 0 0 74% !important;
    max-width: 74% !important;
  }
  div#missionSection {
    margin: 0px !important;
    padding: 15px !important;
  }
  div#visionSection { 
    margin: 0px !important;
    padding: 15px !important;
  }
  
  #medicine-icon-row1,
  #medicine-icon-row2,
  #medicine-icon-row3,
  #medicine-icon-row4,
  #medicine-icon-row5 {
    gap: 0px !important;
  }
  #journal-ethics {
    padding: 15px !important;
  }

  #publisher-info,
  #frequency-info,
  #language-info,
  #issn-info,
  #year-info,
  #review-info,
  #access-info
  {
    flex-wrap: nowrap !important;
    max-width: 52% !important;
    gap: 0px !important;
  }

  #peer-icon > .grid-item:nth-of-type(1),
  #openaccess-icon > .grid-item:nth-of-type(1),
  #authors-icon > .grid-item:nth-of-type(1)
  {
    flex: 0 0 100% !important;
    max-width: 10% !important;
  }
  
  #peer-icon > .grid-item:nth-of-type(2){
     flex: 0 0 74% !important;
    max-width: 74% !important;
  }
  
  #openaccess-icon > .grid-item:nth-of-type(2){
     flex: 0 0 74% !important;
    max-width: 74% !important;
  }
  
  #authors-icon > .grid-item:nth-of-type(2){
     flex: 0 0 74% !important;
    max-width: 74% !important;
  }

}


@media (max-width: 768px) {
   #medicine-icon1 > .grid-item:nth-of-type(1),
   #medicine-icon2 > .grid-item:nth-of-type(1),
   #medicine-icon3 > .grid-item:nth-of-type(1),
   #medicine-icon4 > .grid-item:nth-of-type(1),
   #medicine-icon5 > .grid-item:nth-of-type(1),
   #medicine-icon6 > .grid-item:nth-of-type(1),
   #medicine-icon7 > .grid-item:nth-of-type(1),
   #medicine-icon8 > .grid-item:nth-of-type(1),
   #medicine-icon9 > .grid-item:nth-of-type(1),
   #medicine-icon10 > .grid-item:nth-of-type(1)
  {
    flex: 0 0 8% !important;
    max-width: 8% !important;
  }
  
  #medicine-icon1 > .grid-item:nth-of-type(2),
  #medicine-icon2 > .grid-item:nth-of-type(2),
  #medicine-icon3 > .grid-item:nth-of-type(2),
  #medicine-icon4 > .grid-item:nth-of-type(2),
  #medicine-icon5 > .grid-item:nth-of-type(2),
  #medicine-icon6 > .grid-item:nth-of-type(2),
  #medicine-icon7 > .grid-item:nth-of-type(2),
  #medicine-icon8 > .grid-item:nth-of-type(2),
  #medicine-icon9 > .grid-item:nth-of-type(2),
  #medicine-icon10 > .grid-item:nth-of-type(2)
  {
     flex: 0 0 74% !important;
    max-width: 74% !important;
  }
}

@media (min-width: 480px) and (max-width: 992px) { 
  section  .row.g-3.align-items-start {
    padding-left: 0px !important;
    padding-right: 0px !important;
    flex-direction: column !important;
  }
  .left-side-content, .right-side-content {
    flex: 0 0 auto;
    width: 100%;
  }
}

/* Tablet + Mobile → 1 column */
@media (max-width: 992px) {
  .grid-item {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .right-side-content {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}