@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

* {
      font-family: "DM Sans", sans-serif;
      font-style: normal; 	
}


/*Search button background colour*/
.commonStyle__zt3BrandBg {
    background-color: #F99507;
}


/*custom widget properties*/
@media screen and (min-width: 900px) {
    .widgets {
    width: 30%; 
    float: left;
    margin: 0 5px; 
    text-align: center;
    padding: 0.5em;
    border-radius: 0.5em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.59); 
  	height: 210px;
  }
  
  #widget-container {
    display: flex;
    justify-content: center; /* Horizontally center the items */
    align-items: center; /* Vertically center the items */
  }
}
@media screen and (max-width: 899px) {
  .widgets {
    width: 100%; 
    float: left; 
    margin: 10px 0; 
    text-align: center;
    padding: 0.7em;
    border-radius: 0.5em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.59); 
 
 }
}

/*Custom widget Link Color before mouse hover*/
portal a {
	color: #333;
}


/*Custom widget hover*/
.widgets a:hover{	
	color: #FEB212;
}

/*Article title Container Width for mobile Device Screen*/
@media screen and (max-width: 500px) {
    .KbDetailLtContainer__detailHeader{	
  width: 290px;
}
  
/* Footer customization */