:root {
    --ash-black-414345: #414345;
    --dark-smoke-696969: #696969;
    --blue-flame-00-c-3-fb: #00c3fb;
    --ember-f-15-a-2-a: #f15a2a;
    --white-smoke-f-3-f-5-f-5: #f5f5f5;
    --smoke-efefef: #ebebeb;
    --white-ffffff: #ffffff;
    --flame-f-89-a-1-c: #f89a1c;
    --azure-327-ee-7: #327ee7;
    --jet-black-151515: #151515;
    --charcoal-252629: #252629;
    --alert-b-92-d-00: #b92d00;
  }
.News-and-Articles-Section{
  width: 100%;
  float: left;
  height: 275px;
  padding: 85px 40px 80px 100px;
  background-color: #414345;
}
.Phoenix-Innovations-Category {
    height: 15px;
    margin: 0 0 8px;
    font-family: Lato;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1.71px;
    text-align: left;
    color: var(--white-ffffff);
    text-transform: uppercase;
  }
  .News-and-Articles {
    height: 96px;
    margin: 8px 0 0;
    font-family: Lato;
    font-size: 80px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: -1.2px;
    text-align: left;
    color: var(--white-ffffff);
  }
  .Article-content-color{
      background-color: #ebebeb;;
  }
  .Article-section{
    width: 100%;
    float: left;
  }
  .Down-Image{
    width: 80px;
    height: 80px;
}

  .Contact-Logo{
    padding-left: 70px;
    top: -40px;
    position: absolute;
  }

  
  /* Related resource section  */
  

.Related-resource-section{ 
    width: 100%;
    float: left;
    /* padding: 100px 100px; */
    padding-top: 100px;
    padding-left: 100px;
    padding-right: 100px;
  }
  .Long-Headelines{
    box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 28%);
    padding: 0 !important;
  }
  .Long-Headelines1{
    /* box-shadow: 0 0px 20px 0 rgb(0 0 0 / 28%); */
    width:100%;
    height: 520px;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid rgba(65, 67, 69, 0.2);
  }

  .Long-Headelines1:hover{
    box-shadow: 0 0px 20px 0 rgb(0 0 0 / 28%);
  }
  
  .long-headlines-img{
    height: 200px;
    width: 100%;
    float: left;
    object-fit: cover;
  }
  
  .long-headlines-img-div{
  width: 100%;
  float: left;
  }
  
  .long-headlines-Text{
      width: 100%;
      float: left;
      padding: 20px 30px 0px 20px;
  }
  
  .Award-Winning {
      width: 304px;
      height: 42px;
      position: absolute;
      left: 78px;
      top: 155px;
      font-family: AkkuratLL;
      font-size: 42px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      text-align: center;
      color: #ffffff;
  }
  .tech {
      position: absolute;
      left: 70px;
      top: 170px;
      width: 304px;
      height: 115px;
      font-family: AkkuratLL;
      font-size: 115px;
      font-weight: 900;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      text-align: center;
      color: #ffffff;
  }
  .margin-headlines{
    padding: 50px !important;
    margin-top: -30px;
    width: 100%;
  }
  
  .Award-Winning-img {
    height: 473px;
    padding: 158px 12px 12px 48px;
    background-color: #011a76;
  }
  
  .Insight {
    font-family: Lato;
    font-size: 14px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 14px;
    letter-spacing: 1.71px;
    text-align: left;
    color: var(--ember-f-15-a-2-a);
    padding-bottom: 12px;
    padding-top: 12px;
    
  }
  .Introduction-to-Reverse-Logistics-Card {
    margin-top: 0px;
    font-family: Lato;
    font-size: 24px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0.19px;
    text-align: left;
    color: var(--charcoal-252629);
  }
  .Our-team-of-expert-Long-Headlines {
    font-family: AkkuratLL;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #17181a;
    margin-top: 20px;
  }
  
  .Long-Headelines2{
    display: block;
  }
  
  .Read-More {
    font-family: Lato;
    font-size: 16px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: 0.5px;
    text-align: left;
    color: var(--ash-black-414345);
    background: none;
    border: none;
    width: 100%;
    float: left;
    padding: 10px 20px;
  }
  .long-headlines-Button{
    width: 100%;
    float: left;
    padding: 20px;
  }
  .right-arrow-image{
    float: right;
  }
  .Normal {
    width: 80px;
    height: 48px;
    font-family: Roboto;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #212121;
  }
  .Most-Recent-Box {
    width: 133px;
    height: 48px;
    padding: 17px 10px 13px 12px;
    border-radius: 4px;
    border: solid 1px #d9d9d6;
    background-color: var(--white-ffffff);
  }
  .Sort-by-box {
    width: 79px;
    height: 48px;
    padding: 16px 16px 16px 16px;
    border-radius: 4px;
    border: solid 1px #d9d9d6;
    background-color: #d9d9d6;
    font-size: 14px;
  }
 
  /* Media query section starts here */

@media only screen and (max-width: 1440px){
  .Long-Headelines1 {
    height: 530px;
  }
}

@media only screen and (max-width: 1366px){
  .Long-Headelines1 {
    height: 520px;
  }
}
  
/* Media query section starts here */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .News-and-Articles-Section{
     height: 300px;
  }
  .News-and-Articles {
    font-size: 60px;
    margin: 0px;
  }

}

 
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
 
  .News-and-Articles-Section{
    padding: 110px 40px 80px 60px;
  }
  .Long-Headelines1{
    /* box-shadow: 0 0px 20px 0 rgb(0 0 0 / 28%); */
    width: 100%;
    height: 500px;
    padding: 0 !important;
    margin-right: 25px;
    margin-bottom: 25px;
  }
 
  .Related-resource-section-News{
    width: 100%;
    float: left;
    padding: 60px 90px
  }
  .Long-Headelines1{
    /* box-shadow: 0 0px 20px 0 rgb(0 0 0 / 28%); */
    width: 100%;
    height: 530px;
    padding: 0 !important;
    margin-right: 10px;
    margin-bottom: 25px;
  }
  .Contact-Logo{
    padding-left: 30px;
  }
 
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .News-and-Articles-Section{
    padding: 110px 40px 80px 100px;
  }
  
  .Long-Headelines1{
    /* box-shadow: 0 0px 20px 0 rgb(0 0 0 / 28%); */
    width: 100%;
    height: 530px;
    padding: 0 !important;
    margin-right: 27px;
    margin-bottom: 25px;
  }
 


}

@media only screen and (max-width: 425px) {
  .News-and-Articles-Section{
    padding: 85px 40px 80px 40px;
    height: 311px;
  }
  .News-and-Articles{
    font-size: 60px;
  }
  .Contact-Logo{
    padding-left: 0;
  }
  .Down-Image{
    width: 48px;
    height: 48px;
}
.Contact-Logo{
  padding-left: 20px;
  top: -25px;
  position: absolute;
}
.Related-resource-section{
  padding: 100px 40px;
}
.Long-Headelines1{
  /* box-shadow: 0 0px 20px 0 rgb(0 0 0 / 28%); */
  width: 100%;
  height: 525px;
  padding: 0 !important;
  margin-right: 0px;
  margin-bottom: 20px;
}

.Introduction-to-Reverse-Logistics-Card {
  font-size: 22px;
}


}

@media only screen and (max-width: 375px) {
  .Long-Headelines1{
    /* box-shadow: 0 0px 20px 0 rgb(0 0 0 / 28%); */
    width: 100%;
    height: 550px;
    padding: 0 !important;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .Related-resource-section{
    padding: 100px 30px;
  }
}


@media only screen and (max-width: 360px) {
  
  .Long-Headelines1{
    /* box-shadow: 0 0px 20px 0 rgb(0 0 0 / 28%); */
    width: 100%;
    height: 520px;
    padding: 0 !important;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .Related-resource-section{
    padding: 100px 30px;
  }
}

@media only screen and (max-width: 320px) {
  .News-and-Articles{
    font-size: 50px;
  }
  .Long-Headelines1{
    /* box-shadow: 0 0px 20px 0 rgb(0 0 0 / 28%); */
    width: 100%;
    height: 574px;
    padding: 0 !important;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .Related-resource-section{
    padding: 100px 25px;
  }
}