@charset "UTF-8";

/*--------------------------------------------------------------
# Featured content section
--------------------------------------------------------------*/
#featured-in .client-logos{
  padding: 80px 10px;
  background: rgb(0,78,168);
  background: linear-gradient(158deg, rgba(0,78,168,1) 0%, rgba(0,79,168,1) 46%, rgba(4,119,194,1) 87%, rgba(0,138,192,1) 100%);
}
#featured-in .our-clients{
  padding: 80px 10px;
}

#featured-in .featured-in-title{
  color: white;
  font-size: 3.5rem;
  letter-spacing: 0.2rem;
  font-family: 'barlow-bold';
  font-weight: 700;  
  text-align: center;
}

#featured-in .featured-in-content {  
  max-width: 1100px;
  margin: 22px auto;  
  text-align: center;
  font-family: 'barlow-regular';
  color: white;
  line-height: 2.7rem;
  font-size: 1.7rem;
}

#featured-in .featured-in-content a{
  font-family: 'barlow-bold';
  line-height: 4rem;
}

#featured-in .featured-in-box {
  justify-content: center;
}

#featured-in .featured-in-box img{
  width: 145px;
  padding: 15px;
}

#featured-in .left-content {
  color: #004EA8;
  font-family: 'barlow-regular'; 
  font-size: 3.5rem;
  line-height: 4rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}

#featured-in .left-content a {
  font-family: 'barlow-bold';  
}

#featured-in .our-clients .warm-message-control{
  display: flex!important;
  align-items: center;
  justify-content: space-between;  
}

#featured-in .our-clients .warm-message-box-container{
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 19%);
  background-color: var(--white);
  position: relative;
  
  height: 100%;  
  width: 100%;
  padding: 30px;  
  border-radius: 6px;
  margin: 15px 30px;    
}

#featured-in .our-clients .warm-message-box{
  height: 100%;  
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#featured-in .our-clients .warm-message-box .warm-message-info-row{
  display: flex;    
  justify-content: center;
  align-items: center;
}

#featured-in .warm-message-box p{
  color: #4A4A4A;
  font-family: 'barlow-regular';  
}

#featured-in .warm-message-box img{
  width: 8rem;
  height: auto;
}
 
#featured-in .warm-message-box .warm-message-info{
   width: 280px;
   padding-left: 30px;
} 

#featured-in .warm-message-box .from{
  color: #004EA8;
  font-size: var(--font-size-1);
  font-family: 'barlow-bold';
  font-weight: 700;
}
#featured-in .warm-message-box .author{
  margin-top: -8px;
  color: #004EA8;
  font-size: var(--font-size-11);
  font-family: 'barlow-bold';
  font-weight: 700;  
  display: block;
}

#featured-in .our-clients .warm-message-box::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 10px;
  bottom: 0px;
  left: 0;
  background-color: var(--color-primary);
  visibility: hidden;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 5px;
}

#featured-in .our-clients .warm-message-box h4 {
  font-family: 'barlow-bold';
  color: #4A4A4A;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 5px;
}


#featured-in .our-clients .warm-message-box  p {
  color: var(--color-text-body);
  text-align: left;
  font-family: 'barlow-regular';
  font-size: 1rem;  
  line-height: 1.8rem;
  margin-top: 15px;
}

#featured-in .our-clients i.bi-chevron-left,
#featured-in .our-clients i.bi-chevron-right{
  cursor: pointer;
  font-size: 2rem;
  color: rgb(36,36,36);
}

#featured-in i.bi-chevron-left.disabled,
#featured-in i.bi-chevron-right.disabled{
  cursor: default !important;
  color: lightgray !important;
}

#featured-in .warm-message-box.hidden {
  display: none;
}

#featured-in .warm-message-box.visible {
  display: flex;  
} 

/* --------------------------------------------------
DESKTOP SMALLAND LARGE SCREENS
--------------------------------------------------*/
@media (min-width: 992px) {

  
}
/* --------------------------------------------------
min-width: 1100px
--------------------------------------------------*/
@media (min-width: 1100px) {
  

}

@media (min-width: 1200px) {  
   


}

/*===============================================================

===============================================================*/
@media (min-width: 1400px) {
   
  
}
/*===============================================================
1920px
===============================================================*/
@media (min-width: 1920px) {
  

}


/*===============================================================
2133px
===============================================================*/
@media (min-width: 2133px) {
  
}

/*===============================================================
2400px
===============================================================*/
@media (min-width: 2400px) {
  

}