: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 */
.google-insta-order {
}
.google-insta-order p.desc {
  color: #646464;
  font-family: var(--segoe);
  font-size: 17px;
  margin-bottom: 25px;
}
.google-insta-order 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);
}
.google-order-slider {
  padding: 50px 0px 30px 0px;
}
.google-order-slider h4.title {
  font-family: var(--segoe-bold);
  font-size: 42px;
  margin-bottom: 25px;
}
.google-order-slider h4.title span {
  color: #f08f2c;
}
.google-order-slider p {
  margin-bottom: 25px;
}
.google-order-slider button {
}
.google-order-slider img {
  width: 100%;
}
/* order Screen Style Start */
.order-screen-slider {
  padding: 30px 0px;
}
.order-screen-slider h1 {
  font-family: var(--segoe-bold);
  font-size: 25px;
  margin-bottom: 20px;
}
.order-screen-slider img {
  width: auto;
  display: flex;
  margin: 0px auto;
}

/* ordering Platform start */
.ordering-platform {
  padding: 30px 0px 60px 0px;
  position: relative;
}
.ordering-platform .heading-content {
}
.ordering-platform .heading-content h2 {
  font-family: var(--segoe-bold);
  font-size: 25px;
  margin-bottom: 15px;
  text-align: center;
}
.ordering-platform .heading-content p {
  color: #646464;
  font-family: var(--segoe);
  font-size: 17px;
  margin-bottom: 25px;
  text-align: center;
}
.ordering-platform {
  width: 100%;
}
/* ordering Platform End */

/* Our Partners Start */
.our-partners {
  padding: 10px 0px 30px 0px;
}
.partners-title {
  color: #333333;
  font-family: var(--segoe);
  font-size: 18px;
  margin-bottom: 15px;
  text-align: center;
}
.logo-all-first,
.logo-all-second {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.logo-all-first {
  margin-bottom: 30px;
}
.logo-all-first div {
  width: 20%;
  text-align: center;
}
.logo-all-first div img,
.logo-all-second div img {
  width: 155px;
}
.logo-all-second {
  justify-content: center;
}
.logo-all-second div {
  width: 20%;
  text-align: center;
}
/* Our Partners End */
/* Page Style End */

.review-section {
  padding: 30px 0px;
}
.review-section .rev-title p {
  color: var(--fdark);
  text-align: center;
  font-family: var(--poppins);
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}
.review-section .rev-title {
  margin-bottom: 0px;
}
.review-section .rev-title h3 {
  text-align: center;
  color: #3e464d !important;
  font-family: var(--segoe-bold);
  font-weight: 500;
  font-size: 25px;
  margin-bottom: 20px;
}

#owl-carousel-review .review-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: nowrap;
  background-color: #f6f6f6;
  padding: 20px;
  border-radius: 5px;
  margin: 0px;
  /* max-height: 200px; */
  /* height: 200px; */
  border: 0.5px solid #c7c7c763;
}
#owl-carousel-review .review-box .client-logo {
  width: 65px;
}
#owl-carousel-review .review-box .rev-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: -50px;
}

#owl-carousel-review .owl-stage {
  margin: 150px 0px 50px 0px;
}
#owl-carousel-review .item .star-full {
  content: url("../../img/new-home/star-full.svg");
  width: 15px;
}

#owl-carousel-review .star-rate ul {
  list-style: none;
  padding: 0px;
  display: flex;
  flex-direction: row;
  margin: 0px;
}
#owl-carousel-review .star-rate ul li {
  margin: 0px 5px;
}
#owl-carousel-review .rev-content {
  margin: 40px 0px 20px 0px;
}
#owl-carousel-review .rev-content p {
  margin: 0px;
  text-align: center;
  color: var(--fdark);
  font-family: var(--segoe);
  font-size: 16px;
  line-height: 1.7;
}
#owl-carousel-review .owl-item {
  transform: scale(0.9);
  opacity: 0.5;
  transition: transform 0.3s ease-out;
  transform: translate(0, -100px);
}
#owl-carousel-review .owl-item.active {
  transition: transform 0.3s ease-out;
  transform: translate(0, 0);
  opacity: 1;
}
#owl-carousel-review .owl-item.active .review-box {
  background-color: #fff;
}
/* Responsive Design start */
@media only screen and (min-width: 320px) and (max-width: 575px) {
  #owl-carousel-review .owl-item {
    transform: scale(1);
    opacity: 1;
    transition: transform 0.3s ease-out;
    transform: translate(0, 0px);
  }
  #owl-carousel-review .owl-stage {
    margin: 50px 0px 30px 0px;
  }
  #owl-carousel-review .rev-content p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  #owl-carousel-review .owl-stage {
    margin: 90px 0px 0px 0px;
  }
  #owl-carousel-review .rev-content p {
    font-size: 15px;
  }
  #owl-carousel-review .owl-item {
    transform: scale(1);
    opacity: 1;
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
  }
}
/* Responsive Design End */

/* Temp Style Start */
#owl-carousel-review .review-box .rev-header {
  margin-top: 0px;
  justify-content: center;
}
#owl-carousel-review .review-box .client-logo {
  display: none;
}
#owl-carousel-review .rev-content {
  margin: 20px 0px 0px 0px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#owl-carousel-review .rev-content span {
  font-family: var(--segoe-bold);
  color: #204356;
  font-size: 15px;
  text-align: center;
  margin-top: 10px;
}
/* #owl-carousel-review .review-box {
  max-height: 230px;
  height: 230px;
} */
#owl-carousel-review .owl-stage {
  margin: 100px 0px 50px 0px;
}
@media only screen and (min-width: 320px) and (max-width: 575px) {
  #owl-carousel-review .owl-stage {
    margin: 50px 0px 30px 0px;
  }
}

/* Temp Style End */

@media only screen and (min-width: 320px) and (max-width: 420px) {
  .google-insta-order {
    padding: 80px 0px 0px;
  }
  .google-order-slider h4.title {
    font-size: 30px;
  }
  .google-order-slider h4.title br {
    display: none;
  }
  .google-insta-order p.desc br {
    display: none;
  }
  .google-insta-order p.desc {
    font-size: 16px;
  }
  .google-order-slider {
    padding: 30px 0px 30px 0px;
  }
  .google-insta-order button {
    font-size: 15px;
    margin-bottom: 25px;
  }
  .order-screen-slider {
    padding: 30px 0px;
  }
  .order-screen-slider img {
    width: 100%;
    margin-bottom: 20px;
  }
  .order-screen-slider h1 {
    font-size: 22px !important;
  }
  .order-screen-slider br {
    font-size: 23px;
  }
  .order-screen-slider button {
    margin-bottom: 0px;
  }
  .ordering-platform .heading-content h2 {
    font-size: 22px !important;
    text-align: left !important;
  }
  .ordering-platform .heading-content h2 br {
    display: none !important;
  }
  .ordering-platform .heading-content p {
    font-size: 16px;
    text-align: left;
  }
  .ordering-platform .heading-content p br {
    display: none;
  }
  .ordering-platform {
    padding-bottom: 30px;
  }
  .partners-title {
    font-size: 17px;
  }
  .logo-all-first div img,
  .logo-all-second div img {
    width: 65px;
  }
  .logo-all-first {
    margin-bottom: 15px;
  }
  .order-screen-slider p {
    text-align: justify;
  }
}
@media only screen and (min-width: 330px) and (max-width: 420px) {
  .google-order-slider h4.title br {
    display: block;
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  .google-insta-order {
    padding: 80px 0px 0px;
  }
  .google-order-slider {
    padding: 30px 0px 30px 0px;
  }
  .google-order-slider h4.title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .google-insta-order p.desc br {
    display: none;
  }
  .google-insta-order p.desc {
    font-size: 16px;
  }
  .google-insta-order button {
    font-size: 15px;
    margin-bottom: 30px;
  }
  .order-screen-slider p {
    text-align: justify;
  }
  .order-screen-slider h1 {
    font-size: 22px !important;
  }
  .order-screen-slider button {
    margin: 0px;
  }
  .ordering-platform .heading-content h2 {
    font-size: 22px !important;
  }
  .ordering-platform .heading-content h2 br {
    display: block !important;
  }

  .ordering-platform .heading-content p {
    font-size: 16px;
  }
  .ordering-platform .heading-content p br {
    display: none;
  }
  .ordering-platform {
    padding: 30px 0px;
  }
  .review-section .rev-title h3 {
    font-size: 22px;
    font-weight: 600;
    padding-top: 0px;
    margin-bottom: 10px;
  }
  .partners-title {
    font-size: 17px;
  }
  .order-screen-slider img {
    width: 100%;
    margin-bottom: 25px;
  }
  .logo-all-first div img,
  .logo-all-second div img {
    width: 75px;
  }
  .logo-all-first {
    margin-bottom: 15px;
  }
  .order-screen-slider p {
    text-align: justify;
  }
}
@media only screen and (min-width: 421px) and (max-width: 460px) {
  .ordering-platform .heading-content h2 br {
    display: none !important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .google-insta-order {
    padding: 80px 0px 0px;
  }
  .google-order-slider {
    padding: 45px 0px 30px 0px;
  }
  .google-order-slider h4.title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .google-insta-order p.desc br {
    display: none;
  }
  .google-insta-order p.desc {
    font-size: 16.5px;
  }
  .google-insta-order button {
    font-size: 15px;
    margin-bottom: 30px;
  }
  .order-screen-slider p {
    text-align: justify;
  }
  .order-screen-slider h1 {
    font-size: 25px !important;
  }
  .order-screen-slider button {
    margin: 0px;
  }
  .ordering-platform .heading-content h2 {
    font-size: 25px !important;
  }
  .ordering-platform .heading-content h2 br {
    display: block !important;
  }

  .ordering-platform .heading-content p {
    font-size: 16px;
  }
  .ordering-platform .heading-content p br {
    display: none;
  }
  .ordering-platform {
    padding: 30px 0px;
  }
  .review-section .rev-title h3 {
    font-size: 25px;
    font-weight: 600;
    padding-top: 0px;
    margin-bottom: 10px;
  }
  .partners-title {
    font-size: 17px;
  }
  .order-screen-slider img {
    width: 100%;
    margin-bottom: 25px;
  }
  .logo-all-first div img,
  .logo-all-second div img {
    width: 90px;
  }
  .logo-all-first {
    margin-bottom: 15px;
  }
  .order-screen-slider p {
    text-align: justify;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .google-order-slider h4.title {
    font-size: 33px;
  }
  .google-insta-order p.desc br {
    display: none;
  }
  .order-screen-slider img {
    width: 100%;
  }
  .order-screen-slider h1 {
    font-size: 21px !important;
  }
  .google-insta-order p.desc {
    font-size: 16px;
  }
  .google-insta-order button {
    font-size: 15px;
  }
  .order-screen-slider {
    padding: 30px 0px;
  }
  .ordering-platform .heading-content h2 {
    font-size: 23px !important;
  }
  .ordering-platform .heading-content p {
    font-size: 16px;
  }
  .ordering-platform {
    padding: 30px 0px;
  }
  .review-section .rev-title h3 {
    font-size: 27px;
  }
  .partners-title {
    font-size: 17px;
  }
  .logo-all-first div img,
  .logo-all-second div img {
    width: 115px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .google-insta-order {
    padding: 32px 0px 0px 0px;
  }
  .google-order-slider h4.title {
    font-size: 36px;
  }
  .google-insta-order p.desc {
    font-size: 16px;
  }
  .google-insta-order button {
    font-size: 15px;
  }
  .order-screen-slider {
    padding: 30px 0px;
  }
  .order-screen-slider img {
    width: 100%;
  }
  .order-screen-slider h1 {
    font-size: 24px !important;
  }
  .ordering-platform .heading-content h2 {
    font-size: 24px !important;
  }
  .ordering-platform .heading-content p {
    font-size: 16px;
  }
  .ordering-platform {
    padding: 30px 0px;
  }
  .review-section .rev-title h3 {
    font-size: 27px;
  }
}