:root {
  --fdark: #204356;
  --fgreen: #C1253C;
  --segoe: "SegoeUI", Poppins, sans-serif;
  --segoeli: "SegoeUI-Light", Poppins, sans-serif;
  --segoesb: "SegoeUI-SemiBold", Poppins, sans-serif;
  --segoe-bold: "SegoeUI-Bold", Poppins, sans-serif;
}
@font-face {
  font-family: "SegoeUI-Light";
  src: url("segoe-ui/SegoeUI-Light.ttf");
}
@font-face {
  font-family: "SegoeUI";
  src: url("segoe-ui/SegoeUI.ttf");
}
@font-face {
  font-family: "SegoeUI-SemiBold";
  src: url("segoe-ui/SegoeUI-SemiBold.ttf");
}
@font-face {
  font-family: "SegoeUI-Bold";
  src: url("segoe-ui/SegoeUI-Bold.ttf");
}

/* Page Style Start */
.delivery-integration {
}
.delivery-integration p.desc {
  color: #333333;
  font-family: var(--segoe);
  font-size: 17px;
  margin-bottom: 25px;
  text-align: justify;
}
.delivery-integration button {
  background-color: #C1253C;
  color: #ffffff;
  font-size: 16px;
  border: none;
  outline: none;
  box-shadow: none;
  padding: 7px 25px;
  border-radius: 5px;
  font-family: var(--segoesb);
}
.delivery-int-slider {
  padding: 50px 0px 50px 0px;
  background-color: #f3f9ff;
}
.delivery-int-slider h1 {
  font-family: var(--segoe-bold);
  font-size: 46px;
  margin-bottom: 25px;
  color: #333333 !important;
  line-height: 1.3;
}
.delivery-int-slider img {
  width: 100%;
}
/* what-stuart start */
.what-stuart {
  padding: 50px 0px;
}
.what-stuart img {
  width: 100%;
  padding-left: 20px;
}

.what-stuart h4 {
  font-family: var(--segoe-bold);
  font-size: 30px;
  margin-bottom: 25px;
  color: #333333 !important;
}
.what-stuart p {
  color: #6f6f6f !important;
}
.list-div {
  padding: 50px 0px;
  background-image: url(../../img/img-v2/Vector.svg);
  background-position: center left 70%;
  background-repeat: no-repeat;
  background-size: auto;
}
.list-div ul {
  padding-left: 20px;
}
.list-div ul li {
  color: #6f6f6f;
  font-family: var(--segoe);
  font-size: 17px;
  margin-bottom: 10px;
  text-align: justify;
}
.list-div p {
  color: #6f6f6f;
  font-family: var(--segoe);
  font-size: 17px;
  margin-bottom: 10px;
  text-align: justify;
}
.list-div img {
  width: 100%;
}
.list-div span {
  color: #ffffff;
  font-family: var(--segoe-bold);
  font-size: 17px;
  margin-bottom: 10px;
  text-align: justify;
  background-color: #C1253C;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.list-div h4 {
  font-family: var(--segoe-bold);
  font-size: 27px;
  margin-bottom: 25px;
  color: #333333 !important;
}
.list-div .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.list-div .container .row {
  gap: 50px;
}

/* seamless-delivery start */
.seamless-delivery {
  padding: 50px 0px;
}
.seamless-delivery img {
  width: 100%;
  padding-right: 20px;
  max-width: 100%;
}
.seamless-delivery h4 {
  font-family: var(--segoe-bold);
  font-size: 30px;
  margin-bottom: 25px;
  color: #333333 !important;
}
.seamless-delivery h4.second-title {
  margin-top: 35px;
  display: block;
}
.seamless-delivery p {
  color: #6f6f6f !important;
}
.seamless-delivery ul {
}
.seamless-delivery ul li {
  color: #6f6f6f;
  font-family: var(--segoe);
  font-size: 17px;
  margin-bottom: 10px;
  text-align: justify;
}
/* seamless-delivery End */
/* get-start */
.get-start {
  padding: 50px 0px;
}
.get-start .inside-box {
  padding: 50px;
  border-radius: 10px;
  background-color: #eeedff;
}
.get-start .inside-box img {
  max-width: 100%;
}
.get-start .yes-no-div {
  padding: 35px;
  border-radius: 15px;
  background-color: #C1253C;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: -50px;
}
.get-start .yes-no-div p {
  color: #ffffff;
  font-family: var(--segoe-bold);
  font-size: 17px;
  margin-bottom: 0px;
}
.get-start .yes-no-div .btn-div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.get-start .yes-no-div .btn-div button {
  color: #ffffff;
  background-color: #EF3C4F;
  font-family: var(--segoe-bold);
  font-size: 16px;
  border-radius: 50px;
  padding: 6px 25px;
}

.business-needs {
  background-color: #eeeeee;
  padding: 50px 0px;
}
.business-needs .row {
  gap: 20px 0px;
}
.business-needs img {
  width: 100%;
}
.business-needs h3 {
  font-family: var(--segoe-bold);
  font-size: 30px;
  margin-bottom: 25px;
  color: #333333 !important;
}

.business-needs p {
  color: #6f6f6f;
  font-family: var(--segoe);
  font-size: 17px;
  margin-bottom: 10px;
  text-align: left;
}
.business-needs .row.image-box-row {
  background-color: #f6f5f4;
  gap: 20px 0px;
  padding: 20px 0px;
  border-radius: 5px;
  margin-top: 35px;
}
/* Page Style End */

/* Responsive Design Start */

@media only screen and (min-width: 320px) and (max-width: 420px) {
  .delivery-integration {
    padding: 75px 0px 0px;
  }
  .delivery-int-slider {
    padding: 35px 0px 30px 0px;
  }
  .delivery-int-slider h1 {
    font-size: 28px !important;
  }
  .delivery-integration p.desc {
    font-size: 16px;
  }
  .delivery-integration button {
    font-size: 15px;
    padding: 6px 20px;
  }
  .delivery-int-slider img {
    margin-top: 20px;
  }
  .what-stuart {
    padding: 30px 0px;
  }
  .what-stuart h4 {
    font-size: 22px;
  }
  .what-stuart img {
    padding: 0px 0px;
  }
  .list-div {
    padding: 30px 0px;
    background-position: top left;
  }
  .list-div span {
    height: 22px;
    width: 22px;
    font-size: 13px;
  }
  .list-div h4 {
    font-size: 22px;
  }
  .list-div ul li {
    font-size: 16px;
  }
  .list-div .container .row:nth-child(2) {
    flex-direction: column-reverse;
  }
  .list-div p {
    font-size: 16px;
  }
  .seamless-delivery img {
    padding: 0px;
    margin-bottom: 20px;
  }
  .seamless-delivery h4 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .seamless-delivery ul {
    padding-left: 20px;
  }
  .seamless-delivery ul li {
    font-size: 16px;
  }
  .business-needs {
    padding: 30px 0px;
  }
  .business-needs h3 {
    font-size: 22px;
  }
  .business-needs h3 br {
    display: none;
  }
  .business-needs p {
    font-size: 16px;
  }
  .get-start .inside-box {
    padding: 50px 10px;
  }
  .get-start .yes-no-div {
    margin-top: -20px;
    flex-direction: column;
    padding: 20px;
    gap: 20px;
  }
  .get-start .yes-no-div p {
    font-size: 16px;
  }
  .get-start .yes-no-div .btn-div button {
    padding: 6px 35px;
    font-size: 15px;
  }
} /* 420 end */

@media only screen and (min-width: 421px) and (max-width: 575px) {
  .delivery-integration {
    padding: 75px 0px 0px;
  }
  .delivery-int-slider {
    padding: 35px 0px 30px 0px;
  }
  .delivery-int-slider h1 {
    font-size: 29px !important;
  }
  .delivery-integration p.desc {
    font-size: 16px;
  }
  .delivery-integration button {
    font-size: 15px;
    padding: 6px 20px;
  }
  .delivery-int-slider img {
    margin-top: 20px;
  }
  .what-stuart {
    padding: 30px 0px;
  }
  .what-stuart h4 {
    font-size: 23px;
  }
  .what-stuart img {
    padding: 0px 0px;
  }
  .list-div {
    padding: 30px 0px;
    background-position: top left;
  }
  .list-div span {
    height: 24px;
    width: 24px;
    font-size: 14px;
    line-height: 1;
  }
  .list-div h4 {
    font-size: 23px;
  }
  .list-div ul li {
    font-size: 16px;
  }
  .list-div .container .row:nth-child(2) {
    flex-direction: column-reverse;
  }
  .list-div p {
    font-size: 16px;
  }
  .seamless-delivery img {
    padding: 0px;
    margin-bottom: 20px;
  }
  .seamless-delivery h4 {
    font-size: 23px;
    margin-bottom: 20px;
  }
  .seamless-delivery ul {
    padding-left: 20px;
  }
  .seamless-delivery ul li {
    font-size: 16px;
  }
  .business-needs {
    padding: 30px 0px;
  }
  .business-needs h3 {
    font-size: 23px;
  }
  .business-needs h3 br {
    display: none;
  }
  .business-needs p {
    font-size: 16px;
  }
  .business-needs p br {
    display: none;
  }
  .get-start .inside-box {
    padding: 50px 10px;
  }
  .get-start .yes-no-div {
    margin-top: -20px;
    flex-direction: column;
    padding: 20px;
    gap: 20px;
  }
  .get-start .yes-no-div p {
    font-size: 16px;
  }
  .get-start .yes-no-div .btn-div button {
    padding: 6px 35px;
    font-size: 15px;
  }
} /* 575 end */
@media only screen and (min-width: 500px) and (max-width: 767px) {
  .list-div img {
    width: auto;
    display: flex;
    margin: 0px auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .delivery-integration {
    padding: 75px 0px 0px;
  }
  .delivery-int-slider {
    padding: 35px 0px 30px 0px;
  }
  .delivery-int-slider h1 {
    font-size: 30px !important;
  }
  .delivery-integration p.desc {
    font-size: 16.5px;
  }
  .delivery-integration button {
    font-size: 15px;
    padding: 6px 20px;
  }
  .delivery-int-slider img {
    margin-top: 20px;
  }
  .what-stuart {
    padding: 30px 0px;
  }
  .what-stuart h4 {
    font-size: 25px;
  }
  .what-stuart img {
    padding: 0px 0px;
  }
  .list-div {
    padding: 30px 0px;
    background-position: top left;
  }
  .list-div span {
    height: 24px;
    width: 24px;
    font-size: 14px;
    line-height: 1;
  }
  .list-div h4 {
    font-size: 25px;
  }
  .list-div ul li {
    font-size: 16px;
  }
  .list-div .container .row:nth-child(2) {
    flex-direction: column-reverse;
  }
  .list-div p {
    font-size: 16px;
  }
  .seamless-delivery img {
    padding: 0px;
    margin-bottom: 20px;
  }
  .seamless-delivery h4 {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .seamless-delivery ul {
    padding-left: 20px;
  }
  .seamless-delivery ul li {
    font-size: 16.5px;
  }
  .business-needs {
    padding: 30px 0px;
  }
  .business-needs h3 {
    font-size: 25px;
  }
  .business-needs h3 br {
    display: none;
  }
  .business-needs p {
    font-size: 16.5px;
  }
  .business-needs p br {
    display: none;
  }
  .get-start .inside-box {
    padding: 50px 10px;
  }
  .get-start .yes-no-div {
    margin-top: -20px;
    flex-direction: column;
    padding: 20px;
    gap: 20px;
  }
  .get-start .yes-no-div p {
    font-size: 16px;
  }
  .get-start .yes-no-div .btn-div button {
    padding: 6px 35px;
    font-size: 15px;
  }
} /* 767 end */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .delivery-int-slider h1 {
    font-size: 29px !important;
  }
  .what-stuart h4 {
    font-size: 26px;
  }
  .what-stuart img {
    padding: 0px;
    display: flex;
    margin: 0px auto;
  }
  .list-div h4 {
    font-size: 26px;
  }
  .list-div .container .row {
    gap: 0px;
  }
  .list-div span {
    font-size: 15px;
  }
  .list-div {
    background-position: top left;
  }
  .seamless-delivery img {
    margin-bottom: 50px;
  }
  .seamless-delivery h4 {
    font-size: 26px;
  }
  .business-needs h3 {
    font-size: 26px;
  }
  .business-needs h3 br {
    display: none;
  }
  .business-needs p br {
    display: none;
  }
  .get-start .inside-box {
    padding: 75px;
  }
} /* 991 end */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .delivery-integration {
    padding: 30px 0px 0px 0px;
  }
  .delivery-int-slider h1 {
    font-size: 36px;
  }
  .what-stuart h4 {
    font-size: 27px;
  }
  .list-div h4 {
    font-size: 27px;
  }
  .seamless-delivery h4 {
    font-size: 27px;
  }
  .business-needs h3 {
    font-size: 27px;
  }
}
/* Responsive Design End */