/* @font-face { font-family: Lato; src: url('../Assets/Lato/Lato-Regular.ttf'); font-weight: normal; } 
@font-face { font-family: Lato; src: url('../Assets/Lato/Lato-Black.ttf'); font-weight: 900; }  */

: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-article-details img {
    /* height : 272px !important; */
}

.News-and-Articles-Section-Detail {
    width: 100%;
    float: left;
    height: 666px;
    /* background-color: black; */
}

.Reverse-Logistic-Introduction {
    width: 100%;
    float: left;
    background-color: var(--white-ffffff);
}

.Introduction {
    width: 100%;
    float: left;
    background: linear-gradient(85.87deg, #F89A1C 0.61%, #F15A2A 67.02%);
    height: 400px;
    top: -300px;
    padding: 56px 120px 56px 108px;
    position: absolute;
}

.padding-zero {
    padding: 0px !important;
}

.Introduction-to-Reverse-Logistics {
    height: 144px;
    margin: 0 0 64px;
    font-family: Lato;
    font-size: 60px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.5px;
    text-align: left;
    color: var(--white-ffffff);
}

.Phoenix-Innovations {
    height: 29px;
    margin: 64px 0 16px;
    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(--white-ffffff);
}

.Date {
    height: 29px;
    margin: 16px 0 0;
    font-family: Lato;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0.19px;
    text-align: left;
    color: var(--white-ffffff);
}

.Reverse-Logistic {
    width: 100%;
    float: left;
    padding: 200px 0 120px 0;
}

.What-is-Reverse-Logistics {
    margin: 0 56px 32px 0;
    font-family: Lato;
    font-size: 32px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.25px;
    text-align: left;
    color: var(--charcoal-252629);
}

.James-R-Stock {
    font-family: Lato;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: 0.5px;
    text-align: left;
    color: var(--charcoal-252629);
    margin-bottom: 20px;
}

.Logitsic-Image-div {
    width: 100%;
    float: left;
    height: 272px;
    margin-bottom: 40px;
}

.Logitsic-Image {
    width: 100%;
    height: 272px;
}

.The-activities-related-to-reverse-logistics {
    margin: 40px 126px 5px 0;
    font-family: Lato;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: 0.5px;
    text-align: left;
    color: var(--charcoal-252629);
}

.Returns {
    font-family: Lato;
    padding: 0 0 0 0;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: 0.5px;
    text-align: left;
    color: var(--charcoal-252629);
}

.orange-div-list {
    width: 8px;
    height: 4px;
    background-color: #f7991d;
}

.Reverse-Logistics-journey {
    font-family: Lato;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: var(--charcoal-252629);
}

.Why-are-the-products-returned {
    margin: 40px 56px 32px 0;
    font-family: Lato;
    font-size: 32px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.25px;
    text-align: left;
    color: var(--charcoal-252629);
}

.Ask-Us-Section {
    width: 100%;
    float: left;
}

.email-section {
    height: 536px;
    padding-top: 200px;
    background: linear-gradient(85.87deg, #F89A1C 0.61%, #F15A2A 67.02%);
}

.want-know-more-Text {
    height: 524px;
    padding: 40px 0px 144px 80px;
    background-color: var(--white-ffffff);
}

.Image-Mail-Vector {
    width: 200px;
    height: 118px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.Want-to-know-more {
    height: 39px;
    margin: 0 2px 8px 0;
    font-family: Lato;
    font-size: 32px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.25px;
    text-align: left;
    color: var(--ember-f-15-a-2-a);
}

.Ask-Us-Text {
    height: 39px;
    margin: 8px 1px 40px 0;
    font-family: Lato;
    font-size: 32px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.25px;
    text-align: left;
    color: var(--ash-black-414345);
}

.Your-Name {
    height: 19px;
    margin: 0 0 8px;
    font-family: Lato;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: 0.5px;
    text-align: left;
    color: var(--charcoal-252629);
}

input.form-control.input-text-border {
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid var(--ember-f-15-a-2-a);
    box-shadow: none !important;
    border-radius: 0px;
    height: 35px;
    width: 80%;
    margin-top: 10px;
}

input.form-control.email-input {
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid var(--ember-f-15-a-2-a);
    box-shadow: none !important;
    border-radius: 0px;
    height: 35px;
    width: 90%;
    margin-top: 10px;
}

.want-know-more-Text .form-group {
    padding: 0px !important;
    ;
}

.Form-Control-Class {
    padding: 0px !important;
    ;
}

.email-tab {
    margin-top: 20px;
}

.send-me-more-btn {
    width: 194px;
    height: 64px;
    padding: 22px 24px 23px;
    color: white;
    border: none;
    background: linear-gradient(81.67deg, #00C3FB 0%, #327EE7 99.35%);
    margin-top: 40px;
}

.Reverse-Logistic-Text-2 {
    width: 100%;
    float: left;
}

.Reverse-Logistic-Text-1 {
    padding-right: 55px;
}

.Ask-Us-Section {
    background-color: var(--smoke-efefef);
}

.News-Section-Img {
    width: 100%;
    float: left;
    height: 666px;
    object-fit: cover;
}


/* li{
  list-style-type: none;
} */

.Returns img {
    margin-right: 10px;
    transform: rotate(90deg);
}

.Reverse-Logistic-Text-2 ul {
    padding: 0px;
}

.reverse-block-div span {
    padding: 0px !important;
    width: 8px;
    height: 100px;
    margin-left: 5px !important;
    /* background: red; */
    display: block;
    background-image: linear-gradient(to bottom, var(--flame-f-89-a-1-c), var(--ember-f-15-a-2-a));
}

.reverse-block-div {
    width: 5%;
    float: left;
    margin-top: 20px;
    padding: 0px;
}

.reverse-text-div {
    width: 95%;
    float: left;
    margin: 0px;
    padding-left: 20px;
}

.italic-section {
    width: 100%;
    float: left;
}

.padding-zero {
    padding-right: 0px !important;
}

.Diamond-Img-Div {
    width: 100%;
    float: left;
}

.Diamond-Img-Div img {
    position: relative;
    top: 120px;
    z-index: 1;
    text-align: center;
    display: block;
    padding-right: 213px;
    margin-left: auto;
    margin-right: auto;
    float: center;
}


/* Media query section starts here */

@media only screen and (max-width: 1920px) {
    .Diamond-Img-Div img {
        padding-right: 320px;
    }
}

@media only screen and (max-width: 1440px) {
    .Diamond-Img-Div img {
        padding-right: 236px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .Introduction {
        width: 70%;
        padding: 56px 60px 56px 60px;
    }
    .Introduction-to-Reverse-Logistics {
        font-size: 40px;
    }
    .Reverse-Logistic-Div {
        padding-left: 60px;
        padding-right: 60px;
    }
    .Why-are-the-products-returned {
        font-size: 24px;
    }
    .Diamond-Img-Div img {
        display: none;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .Introduction-to-Reverse-Logistics {
        font-size: 55px;
    }
    .Introduction {
        padding: 56px 100px 56px 100px;
    }
    .Reverse-Logistic-Text-2 {
        padding-right: 110px;
    }
    .Reverse-Logistic-Text-1 {
        padding-right: 110px;
    }
    .email-section {
        padding: 200px 57px;
    }
    input.form-control.input-text-border {
        width: 222px;
    }
    .want-know-more-Text {
        padding: 40px 0px 144px 30px;
    }
    .Diamond-Img-Div img {
        padding-right: 170px;
    }
}

@media only screen and (max-width: 425px) {
    .News-and-Articles-Section {
        display: none;
    }
    .Introduction {
        top: 0px;
        padding: 56px 25px 56px 25px;
        height: 261px;
    }
    .Introduction-to-Reverse-Logistics {
        font-size: 36px;
        height: 125px;
        margin: 0px;
    }
    .Phoenix-Innovations {
        margin: 0px;
        font-size: 16px;
    }
    .Date {
        margin: 0px;
        font-size: 16px;
    }
    .Reverse-Logistic-Introduction {
        height: 261px;
    }
    .Reverse-Logistic {
        padding: 20px 20px;
    }
    .What-is-Reverse-Logistics {
        margin: 0 0 32px 0;
    }
    .Reverse-Logistic-Text-2 {
        padding-right: 0px;
    }
    .Reverse-Logistic-Text-1 {
        padding-right: 0px;
    }
    .The-activities-related-to-reverse-logistics {
        margin: 40px 0px 12px 0;
    }
    .Why-are-the-products-returned {
        margin: 40px 0px 32px 0;
    }
    ul {
        padding: 0px !important;
    }
    .email-section {
        display: none;
    }
    .Diamond-Img-Div img {
        display: none;
    }
}

@media only screen and (min-width: 360px) and (max-width: 375px) {
    .Diamond-Img-Div img {
        display: none;
    }
}

@media only screen and (max-width: 320px) {
    .want-know-more-Text {
        padding: 40px 20px 144px 20px;
    }
    .Want-to-know-more {
        font-size: 24px;
    }
    .Ask-Us-Text {
        font-size: 24px;
    }
    .Ask-Us-Section {
        background-color: var(--smoke-efefef);
    }
    input.form-control.input-text-border {
        width: 245px;
    }
    .want-know-more-Text {
        height: 647px;
    }
    .Diamond-Img-Div img {
        display: none;
    }
}