/* @import "snow"; */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap");
body {
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
}

h1, h2, h3, h4, h5 {
  font-family: "DM Sans", sans-serif;
}

.radius10 {
  border-radius: 10px;
}

.pos-rel {
  position: relative;
}

.product-pad-top {
  padding-top: 100px;
}

.margin-top-prod {
  margin-top: 100px;
}

.pos-rel {
  position: relative;
}

a.default-btn-green {
  display: inline-block;
  text-decoration: none;
}
a.default-btn-green div {
  background: #04b000;
  padding: 10px 16px;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  border-radius: 6px;
  transition: 0.3s;
}
a.default-btn-green div:hover {
  background: #f1aa00;
}

a.default-bluish-grey {
  display: inline-block;
  text-decoration: none;
}
a.default-bluish-grey div {
  background: #2c3e50;
  padding: 10px 24px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  border-radius: 6px;
  transition: 0.3s;
}
a.default-bluish-grey div:hover {
  background: #f1aa00;
}

.defaultpadd-tb {
  padding: 50px 0px;
}

.project-scroll .owl-nav button.owl-prev {
  width: 45px !important;
  height: 45px !important;
  background-color: #fff !important;
  color: #777;
  font-size: 20px !important;
  border-radius: 100%;
  line-height: 40px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  position: absolute;
  top: 38%;
  left: -30px;
}

.project-scroll .owl-nav button.owl-prev:hover {
  background-color: #04b000 !important;
}

.project-scroll .owl-nav button.owl-next {
  width: 45px !important;
  height: 45px !important;
  background-color: #fff !important;
  font-size: 20px !important;
  border-radius: 100%;
  line-height: 40px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  position: absolute;
  top: 38%;
  right: -30px;
  color: #777;
}

.project-scroll .owl-nav button.owl-next:hover {
  background-color: #04b000 !important;
}

.testimonial-scroll .owl-nav button.owl-prev {
  width: 45px !important;
  height: 45px !important;
  background-color: #ffffff !important;
  color: #1f1f1f;
  font-size: 20px !important;
  border-radius: 100%;
  line-height: 40px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  position: absolute;
  top: 30%;
  left: 193px;
}

.testimonial-scroll .owl-nav button.owl-prev:hover {
  background-color: #04b000 !important;
}

.testimonial-scroll .owl-nav button.owl-next {
  width: 45px !important;
  height: 45px !important;
  background-color: #fff !important;
  font-size: 20px !important;
  border-radius: 100%;
  line-height: 40px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  position: absolute;
  top: 30%;
  right: 193px;
  color: #1f1f1f;
}

.testimonial-scroll .owl-nav button.owl-next:hover {
  background-color: #04b000 !important;
}

.testimonial-scroll .owl-dots {
  display: none;
}

.owl-carousel .owl-item img {
  width: auto;
}

.slide-scroll .owl-dots {
  margin-top: -50px !important;
  text-align: right;
  z-index: 9;
  position: relative;
}

.slide-scroll .owl-dots span {
  margin: 5px 3px !important;
}

.slide-scroll .owl-dot.active span {
  background: #f1aa00 !important;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  background: #ffffff !important;
  box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.14);
}

/*=======================================MOBILE MENU==============================================*/
.mobile-menu-btn {
  background: #2c3e50;
  padding: 6px 12px;
  color: #ffffff;
  top: 12px;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: #2c3e50;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 50px;
  list-style-type: none;
}

.sidenav a {
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  font-size: 16px;
  color: #efefef;
  display: block;
  transition: 0.3s;
  border-bottom: 1px solid #3e5368;
  text-transform: capitalize;
}
.sidenav a .new-tag {
  width: auto;
  height: 23px;
  margin-top: -5px;
}

.sidenav ul {
  margin: 0px;
  padding: 0px;
}

.sidenav li a i {
  float: right;
}

.sidenav li ul {
  margin: 0px;
  padding: 0px;
}

.sidenav li ul li {
  padding-left: 0px;
}

.sidenav li ul li a span {
  display: block;
  font-size: 12px;
}

.sidenav a:hover, .offcanvas a:focus {
  color: #36b539;
}

.sidenav .closebtn {
  border: medium none;
  position: absolute;
  top: 0;
  right: 0px;
  font-size: 20px;
  margin-left: 50px;
}

.droup-arrow {
  float: right;
  margin-right: 20px;
}

.menuIcn {
  color: #04b000;
  font-size: 24px;
  float: right;
  padding: 0px 12px;
  border: 1px solid #04b000;
  margin-left: 10px;
  margin-top: 8px;
  cursor: pointer;
  border-radius: 5px;
}

.mobile-menu-icon {
  display: none;
}
@keyframes movebounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  to {
    transform: translateY(0);
  }
}
.official-color {
  background: #404040 !important;
}

.sticky-bar {
  background: #f2f2f2;
  padding: 5px 0px;
  font-weight: bold; /* border-bottom: 1px solid #cedbcf */
}
.sticky-bar .top-phone ul {
  margin: 0px;
  padding: 0px;
}
.sticky-bar .top-phone ul li {
  list-style: none;
  padding-right: 20px;
  float: left;
  font-size: 12px;
  font-weight: 400;
}
.sticky-bar .top-phone ul li:last-child {
  padding-right: 0px;
}
.sticky-bar .top-phone ul li i {
  font-size: 12px;
}

.social-icons ul {
  margin: 0px;
  padding: 0px;
  float: right;
}
.social-icons ul li {
  list-style: none;
  float: left;
  padding-right: 5px;
}
.social-icons ul li:last-child {
  padding-right: 0px;
}
.social-icons ul li i {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #404040;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  font-size: 9px;
  transition: 0.3s;
}
.social-icons ul li i:hover {
  background: #f1aa00;
  color: #000000;
  cursor: pointer;
}

/* Slider Styles */
.slider-bg {
  background: url("../../images/banner-bg.svg") top center no-repeat;
  height: 731px;
  background-size: cover;
}
.slider-bg .logo-area {
  width: 250px;
  padding: 6px 0px;
}
.slider-bg .menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: right;
}
.slider-bg .menu ul li {
  float: left;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  list-style: none;
  font-weight: 500;
  padding: 28px 0px 0px 0px;
  margin: 0px 2px;
  position: relative;
}
.slider-bg .menu ul li a {
  color: #000000;
  text-decoration: none;
  padding: 10px 10px;
  transition: 0.3s;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.slider-bg .menu ul li a:hover {
  color: #ffffff;
  background: #04b000;
  border-radius: 5px;
}
.slider-bg .menu ul li:last-child {
  padding-right: 0px;
}
.slider-bg .getquotebtn {
  background: #04b000;
  color: #ffffff !important;
  border-radius: 5px;
}
.slider-bg .slide-scroll {
  padding-left: 30px;
  padding-top: 20px;
}
.slider-bg .slide-caption h1 {
  font-size: 26px;
  font-weight: 500;
  padding-top: 80px;
}
.slider-bg .slide-caption h1 span {
  display: block;
}
.slider-bg .slide-caption p {
  font-size: 16px;
  padding-top: 10px;
}

/* Ends Here */
.sticky .logo-area {
  width: 250px !important;
  padding: 4px 0px !important;
}
.sticky .menu ul li {
  padding: 20px 0px 0px 0px;
}

/* Products styles starts here */
.grey-bg {
  background: #f7f7f7;
  padding: 100px 0px;
  margin-top: 130px;
}
.grey-bg .product-count {
  background: #ffffff;
  border-radius: 10px;
  padding: 30px 20px;
  box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.1);
  width: 100%;
  margin-bottom: 40px;
  margin-top: -180px;
}
.grey-bg .product-count .media img {
  width: 70px;
}
.grey-bg .product-count .media-body h5 {
  font-size: 36px;
  color: #000000;
  font-weight: 500;
}
.grey-bg .product-count .media-body h5 span {
  display: block;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.grey-bg .our-product h2 {
  font-size: 32px;
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
}
.grey-bg .our-product .align-right {
  float: right;
}
.grey-bg .our-product .align-left {
  float: left;
}
.grey-bg .our-product .content-box-right {
  width: 513px;
  padding: 40px;
  box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0px;
  background: #ffffff;
  z-index: 10;
  margin-top: 130px;
}
.grey-bg .our-product .content-box-right h2 {
  font-size: 24px;
}
.grey-bg .our-product .content-box-right p {
  font-size: 15px;
  line-height: 24px;
}
.grey-bg .our-product .content-box-right .store-btn {
  text-align: right;
}
.grey-bg .our-product .content-box-right .store-btn img {
  width: 60px;
}
.grey-bg .our-product .content-box-right .more-btn {
  position: absolute;
  bottom: -30px;
}
.grey-bg .our-product .content-box-right .more-btn img {
  width: 60px;
}
.grey-bg .our-product .content-box-left {
  width: 513px;
  padding: 40px;
  box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0px;
  background: #ffffff;
  z-index: 10;
  margin-top: 130px;
}
.grey-bg .our-product .content-box-left h2 {
  font-size: 24px;
}
.grey-bg .our-product .content-box-left p {
  font-size: 15px;
  line-height: 24px;
}
.grey-bg .our-product .content-box-left .store-btn {
  text-align: right;
}
.grey-bg .our-product .content-box-left .store-btn img {
  width: 60px;
}
.grey-bg .our-product .content-box-left .more-btn {
  position: absolute;
  bottom: -30px;
}
.grey-bg .our-product .content-box-left .more-btn img {
  width: 60px;
}

.content-box-left {
  animation: movebounce 3s linear infinite;
}

.content-box-right {
  animation: movebounce 5s linear infinite;
}

.iso-certified-icon {
  animation: movebounce 4s linear infinite;
}

.experience-icon {
  animation: movebounce 6s linear infinite;
}

/* Ends here */
/* What Makes us different */
.different-main {
  background: url("../../images/dots-bg-1.jpg") top left no-repeat;
}
.different-main .diff-bg-1 {
  background: url("../../images/dots-bg-2.jpg") bottom right no-repeat;
}
.different-main .diff-cont {
  padding: 30px 0px 0px 0px;
}
.different-main P {
  font-size: 16px;
}
.different-main .right-cont-diff {
  padding-top: 40px;
}
.different-main .right-cont-diff h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
}
.different-main .right-cont-diff .diff-list ul {
  margin: 0px;
  padding: 0px;
}
.different-main .right-cont-diff .diff-list ul li {
  list-style: none;
  padding: 10px 0px;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  width: 50%;
  float: left;
}
.different-main .right-cont-diff .diff-list ul li img {
  width: 46px;
}

/* Ends here */
/* Technology Partners */
.tech-partner {
  background: #f0f7ff;
}
.tech-partner h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
}
.tech-partner .partner-col-5 {
  width: 20%;
  float: left;
  padding: 10px;
  box-sizing: border-box;
}

/* Ends here */
/* Recent Projects */
.recent-proj h2 {
  font-weight: 700;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
}
.recent-proj h3 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
}
.recent-proj h3 span {
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  display: block;
  font-weight: normal;
  letter-spacing: 0.5px;
  padding-top: 6px;
}
.recent-proj .right-cont-project {
  padding-top: 40px;
  padding-right: 30px;
}
.recent-proj .right-cont-project h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
  padding-top: 15px;
}

/* Ends here */
/* Client boxes */
.client-box ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
}
.client-box ul li {
  flex-basis: 0%;
  flex-grow: 1;
  min-width: 210px;
  padding: 20px 15px;
  text-align: center;
  border: 1px solid #eaeaea;
  transition: 0.4s ease-in;
  border-top: 0px;
  border-left: 0px;
  list-style: none;
}
.client-box ul li:nth-child(5) {
  border-right: 0px;
}
.client-box ul li:nth-child(10) {
  border-right: 0px;
}
.client-box ul li:nth-child(11) {
  border-bottom: 0px;
}
.client-box ul li:nth-child(12) {
  border-bottom: 0px;
}
.client-box ul li:nth-child(13) {
  border-bottom: 0px;
}
.client-box ul li:nth-child(14) {
  border-bottom: 0px;
}
.client-box ul li:nth-child(15) {
  border-right: 0px;
  border-bottom: 0px;
}

/* Ends here */
/* testimonials */
.testimonial-bg {
  background: url("../../images/testimonial-bg.jpg") top center no-repeat;
}
.testimonial-bg .testi-box {
  background: #ffffff;
  padding: 30px 60px;
  box-shadow: 0px 0px 28px -1px rgba(0, 0, 0, 0.25);
  width: 60%;
  margin: auto;
  text-align: center;
}
.testimonial-bg .testi-box .quote {
  width: 40px;
  margin: auto;
}
.testimonial-bg .testi-box p {
  font-style: italic;
  padding-top: 10px;
}
.testimonial-bg .thumb-testi {
  width: 100%;
  clear: both;
  margin: auto;
  margin-top: 30px;
  text-align: center;
}
.testimonial-bg .thumb-testi img {
  border-radius: 50%;
  height: 100px;
  width: 100px;
  border: 6px solid #ffffff;
  box-shadow: 0px 0px 28px -1px rgba(0, 0, 0, 0.25);
  margin: auto;
}
.testimonial-bg .thumb-testi h2 {
  font-size: 20px;
  padding-top: 10px;
}
.testimonial-bg .thumb-testi h2 span {
  display: block;
  font-size: 14px;
  padding-top: 5px;
  color: #404040;
}

/* Ends here */
/* Quick Contact */
.quick-contact-bg {
  background: url("../../images/quick-contact-bg.jpg") center center;
}
.quick-contact-bg .quick-text h2 {
  font-size: 36px;
  color: #ffffff;
  font-family: "DM Sans", sans-serif;
  line-height: 42px;
  font-weight: 500;
  padding: 35px 0px 10px 0px;
}
.quick-contact-bg .quick-text h2 span {
  display: block;
}
.quick-contact-bg .home-cont-form {
  -webkit-border-bottom-right-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-bottomright: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  background: #ffffff;
  padding: 20px 40px 20px 40px;
}
.quick-contact-bg .home-cont-form h2 {
  font-size: 30px;
  color: #000000;
  font-family: "DM Sans", sans-serif;
  line-height: 40px;
  font-weight: 500;
  padding: 0px 0px 10px 0px;
  text-align: center;
}
.quick-contact-bg .home-cont-form ul {
  margin: 0px;
  padding: 0px;
}
.quick-contact-bg .home-cont-form ul li {
  padding: 5px 0px;
  overflow: hidden;
  list-style: none;
}
.quick-contact-bg .home-cont-form ul li input {
  border: 1px solid #eeeeee;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0px;
  color: #6d6d6d;
}
.quick-contact-bg .home-cont-form ul li select {
  border: 1px solid #eeeeee;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0px;
  color: #6d6d6d;
  background: #ffffff;
}
.quick-contact-bg .home-cont-form ul li textarea {
  border: 1px solid #eeeeee;
  resize: none;
  border-radius: 0px;
  padding: 15px;
  box-sizing: border-box;
  width: 100%;
  color: #6d6d6d;
}
.quick-contact-bg .home-cont-form ul li button {
  background: #04b000;
  padding: 14px 30px;
  font-family: "DM Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  border-radius: 8px;
  width: 100%;
  border: 0px;
}

/* Ends here */
/* blog  */
.blog-section h2 {
  font-size: 30px;
  color: #000000;
  font-family: "DM Sans", sans-serif;
  line-height: 40px;
  font-weight: 500;
  padding: 0px 0px 10px 0px;
  text-align: center;
}
.blog-section .blog-thumb {
  height: 250px;
  width: 100%;
  background-size: cover;
}
.blog-section .blog-text {
  padding-top: 5px;
}
.blog-section .blog-text h2 {
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  font-family: "DM Sans", sans-serif;
  text-align: left;
  line-height: 20px;
  padding-top: 10px;
}
.blog-section .blog-text h2 span {
  display: block;
  font-weight: normal;
  font-size: 14px;
  color: #1f1f1f;
  padding-top: 10px;
}

/* Ends here */
.breadcrumbs {
  background: #2c3e50;
  padding: 30px 0px;
  text-align: center;
}
.breadcrumbs h2 {
  font-size: 30px;
  color: #ffffff;
  padding: 0px;
}
.breadcrumbs h2 span {
  color: #ffffff;
  font-size: 16px;
  display: block;
  padding-top: 5px;
  font-weight: 300;
}
.breadcrumbs h2 span a.homebtn {
  text-decoration: none;
  color: #ffffff;
  letter-spacing: 1px;
}
.breadcrumbs h2 span a.homebtn:hover {
  color: #f1aa00;
}

.privacy-cnt a {
  text-decoration: none;
  color: #f1aa00;
}

.cirlce-bg {
  padding: 15px;
  border-radius: 50%;
  border: 2px solid #b6caf0;
  background: #ffffff;
  width: 100px;
  margin: auto;
}

.padding-top {
  padding-top: 10px;
}

.box-main-sevice {
  padding: 10px 0px;
}

.box-grey {
  background-color: #f9f9f9;
  padding: 30px 10px;
  height: 283px;
}
.box-grey h6 {
  padding-top: 10px;
  font-weight: bold;
}

.choose-box-new {
  padding: 10px 0px;
}
.choose-box-new .choose-feature-box {
  padding: 20px 0px;
}
.choose-box-new .choose-feature-box h6 {
  padding-top: 10px;
  font-weight: bold;
}

.cirlce-bg-feature {
  padding: 15px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  background: none;
  width: 100px;
}

.color-white {
  color: #ffffff;
}

/* Hew Home Styles */
.new-design-header {
  padding: 10px 0px;
}

.banner-new-design {
  background: #06478E;
  padding: 60px 0px;
  font-size: 36px;
  color: #ffffff;
}
.banner-new-design span {
  display: block;
  font-size: 60px;
  font-style: italic;
}
.banner-new-design p {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  color: #ffffff;
}
.banner-new-design h1 {
  font-family: "Playfair", serif;
}

/* Slider Styles */
.slider-bg-new-design .logo-area {
  width: 250px;
  padding: 6px 0px;
}
.slider-bg-new-design .menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: right;
}
.slider-bg-new-design .menu ul li {
  float: left;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  list-style: none;
  font-weight: 500;
  padding: 28px 0px 0px 0px;
  margin: 0px 2px;
  position: relative;
}
.slider-bg-new-design .menu ul li a {
  color: #000000;
  text-decoration: none;
  padding: 10px 10px;
  transition: 0.3s;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.slider-bg-new-design .menu ul li a:hover {
  color: #ffffff;
  background: #04b000;
  border-radius: 5px;
}
.slider-bg-new-design .menu ul li:last-child {
  padding-right: 0px;
}
.slider-bg-new-design .getquotebtn {
  background: #04b000;
  color: #ffffff !important;
  border-radius: 5px;
}
.slider-bg-new-design .slide-scroll {
  padding-left: 30px;
  padding-top: 20px;
}
.slider-bg-new-design .slide-caption h1 {
  font-size: 26px;
  font-weight: 500;
  padding-top: 0px;
}
.slider-bg-new-design .slide-caption h1 span {
  display: block;
}
.slider-bg-new-design .slide-caption p {
  font-size: 16px;
  padding-top: 10px;
}

/* Ends Here */
.sticky .logo-area {
  width: 250px !important;
  padding: 4px 0px !important;
}
.sticky .menu ul li {
  padding: 20px 0px 0px 0px;
}

/* Products styles starts here */
.grey-bg-new {
  background: #F2F2F2;
}
.grey-bg-new .product-count {
  border-radius: 10px;
  padding: 30px 20px;
  width: 100%;
}
.grey-bg-new .product-count .media {
  padding-left: 20px;
}
.grey-bg-new .product-count .media img {
  width: 70px;
}
.grey-bg-new .product-count .col-md-3 {
  border-right: 1px solid #D2D2D2;
}
.grey-bg-new .product-count .col-md-3:last-child {
  border-right: 0px;
}
.grey-bg-new .product-count .media-body h5 {
  font-size: 36px;
  color: #06478E;
  font-weight: 700;
}
.grey-bg-new .product-count .media-body h5 span {
  display: block;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.our-product-new {
  background: #ffffff;
  padding: 60px 0px 40px 0px;
}
.our-product-new h2 {
  font-size: 36px;
  font-weight: 700;
  font-family: "DM Sans", sans-serif;
  color: #06478E;
  padding-bottom: 10px;
}
.our-product-new .product-img-new {
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
}
.our-product-new .product-cnt-blk {
  background: #f7f7f7;
  border-radius: 0px 0px 10px 10px;
  padding: 10px 20px 0px 20px;
  height: 100px;
  margin-bottom: 30px;
}
.our-product-new .product-cnt-blk h3 {
  font-size: 22px;
  color: #011A35;
  margin: 0px;
}
.our-product-new .product-cnt-blk p {
  font-size: 14px;
  padding: 0px;
}
.our-product-new a {
  text-decoration: none;
  color: #011A35;
}
.our-product-new a h3 {
  text-decoration: none;
  color: #011A35;
}
.our-product-new a:hover {
  color: #06478E;
}
.our-product-new .product-card {
  transition: transform 0.3s ease;
  transform: scale(1);
}
.our-product-new .product-card:hover {
  transform: scale(1.05);
}

.content-box-left {
  animation: movebounce 3s linear infinite;
}

.content-box-right {
  animation: movebounce 5s linear infinite;
}

.iso-certified-icon {
  animation: movebounce 4s linear infinite;
}

.experience-icon {
  animation: movebounce 6s linear infinite;
}

/* Ends here */
/* What Makes us different */
.different-main-new .diff-cont {
  padding: 50px 0px 30px 0px;
}
.different-main-new P {
  font-size: 16px;
}
.different-main-new .color-div {
  padding: 20px 10px;
  text-align: center;
  border-radius: 10px;
}
.different-main-new .color-div img {
  width: 80px;
}
.different-main-new .color-div div {
  padding-top: 10px;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
}
.different-main-new .color-div div span {
  display: block;
}
.different-main-new .color-1 {
  background: #E6FFE5;
}
.different-main-new .color-2 {
  background: #FFF5DD;
}
.different-main-new .color-3 {
  background: #E5F2FF;
}
.different-main-new .color-4 {
  background: #F6EBFF;
}
.different-main-new .color-5 {
  background: #FFEFEF;
}
.different-main-new .color-6 {
  background: #E9EDF1;
}
.different-main-new .right-cont-diff {
  padding-top: 40px;
}
.different-main-new .right-cont-diff h2 {
  font-weight: bold;
  font-size: 36px;
  font-family: "DM Sans", sans-serif;
  color: #06478E;
}

/* Ends here */
/* Technology Partners */
.tech-partner {
  background: #f0f7ff;
}
.tech-partner h2 {
  font-weight: 700;
  font-size: 36px;
  font-family: "DM Sans", sans-serif;
  color: #06478E;
}
.tech-partner .partner-col-5 {
  width: 20%;
  float: left;
  padding: 10px;
  box-sizing: border-box;
}

/* Ends here */
/* Recent Projects */
.recent-proj-new h2 {
  font-weight: 700;
  font-size: 36px;
  font-family: "DM Sans", sans-serif;
  color: #06478E;
}
.recent-proj-new h3 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
}
.recent-proj-new h3 span {
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  display: block;
  font-weight: normal;
  letter-spacing: 0.5px;
  padding-top: 6px;
}
.recent-proj-new .right-cont-project-new {
  padding: 30px 20px;
}
.recent-proj-new .right-cont-project-new h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
  padding-top: 15px;
}
.recent-proj-new .right-cont-project-new .logo-project {
  width: 160px;
}
.recent-proj-new .projectbox {
  background: #f6f6f6;
  border-radius: 15px;
  overflow: hidden;
}

/* Ends here */
/* Client boxes */
.client-box ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
}
.client-box ul li {
  flex-basis: 0%;
  flex-grow: 1;
  min-width: 210px;
  padding: 20px 15px;
  text-align: center;
  border: 1px solid #eaeaea;
  transition: 0.4s ease-in;
  border-top: 0px;
  border-left: 0px;
  list-style: none;
}
.client-box ul li:nth-child(5) {
  border-right: 0px;
}
.client-box ul li:nth-child(10) {
  border-right: 0px;
}
.client-box ul li:nth-child(11) {
  border-bottom: 0px;
}
.client-box ul li:nth-child(12) {
  border-bottom: 0px;
}
.client-box ul li:nth-child(13) {
  border-bottom: 0px;
}
.client-box ul li:nth-child(14) {
  border-bottom: 0px;
}
.client-box ul li:nth-child(15) {
  border-right: 0px;
  border-bottom: 0px;
}

/* Ends here */
/* testimonials */
.testimonial-bg {
  background: url("../../images/testimonial-bg.jpg") top center no-repeat;
}
.testimonial-bg .testi-box {
  background: #ffffff;
  padding: 30px 60px;
  box-shadow: 0px 0px 28px -1px rgba(0, 0, 0, 0.25);
  width: 60%;
  margin: auto;
  text-align: center;
}
.testimonial-bg .testi-box .quote {
  width: 40px;
  margin: auto;
}
.testimonial-bg .testi-box p {
  font-style: italic;
  padding-top: 10px;
}
.testimonial-bg .thumb-testi {
  width: 100%;
  clear: both;
  margin: auto;
  margin-top: 30px;
  text-align: center;
}
.testimonial-bg .thumb-testi img {
  border-radius: 50%;
  height: 100px;
  width: 100px;
  border: 6px solid #ffffff;
  box-shadow: 0px 0px 28px -1px rgba(0, 0, 0, 0.25);
  margin: auto;
}
.testimonial-bg .thumb-testi h2 {
  font-size: 20px;
  padding-top: 10px;
}
.testimonial-bg .thumb-testi h2 span {
  display: block;
  font-size: 14px;
  padding-top: 5px;
  color: #404040;
}

/* Ends here */
/* Quick Contact */
.quick-contact-bg {
  background: url("../../images/quick-contact-bg.jpg") center center;
}
.quick-contact-bg .quick-text h2 {
  font-size: 36px;
  color: #ffffff;
  font-family: "DM Sans", sans-serif;
  line-height: 42px;
  font-weight: 500;
  padding: 35px 0px 10px 0px;
}
.quick-contact-bg .quick-text h2 span {
  display: block;
}
.quick-contact-bg .home-cont-form {
  -webkit-border-bottom-right-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-bottomright: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  background: #ffffff;
  padding: 20px 40px 20px 40px;
}
.quick-contact-bg .home-cont-form h2 {
  font-size: 30px;
  color: #000000;
  font-family: "DM Sans", sans-serif;
  line-height: 40px;
  font-weight: 500;
  padding: 0px 0px 10px 0px;
  text-align: center;
}
.quick-contact-bg .home-cont-form ul {
  margin: 0px;
  padding: 0px;
}
.quick-contact-bg .home-cont-form ul li {
  padding: 5px 0px;
  overflow: hidden;
  list-style: none;
}
.quick-contact-bg .home-cont-form ul li input {
  border: 1px solid #eeeeee;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0px;
  color: #6d6d6d;
}
.quick-contact-bg .home-cont-form ul li select {
  border: 1px solid #eeeeee;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0px;
  color: #6d6d6d;
  background: #ffffff;
}
.quick-contact-bg .home-cont-form ul li textarea {
  border: 1px solid #eeeeee;
  resize: none;
  border-radius: 0px;
  padding: 15px;
  box-sizing: border-box;
  width: 100%;
  color: #6d6d6d;
}
.quick-contact-bg .home-cont-form ul li button {
  background: #04b000;
  padding: 14px 30px;
  font-family: "DM Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  border-radius: 8px;
  width: 100%;
  border: 0px;
}

/* Ends here */
/* blog  */
.blog-section h2 {
  font-size: 30px;
  color: #000000;
  font-family: "DM Sans", sans-serif;
  line-height: 40px;
  font-weight: 500;
  padding: 0px 0px 10px 0px;
  text-align: center;
}
.blog-section .blog-thumb {
  height: 250px;
  width: 100%;
  background-size: cover;
}
.blog-section .blog-text {
  padding-top: 5px;
}
.blog-section .blog-text h2 {
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  font-family: "DM Sans", sans-serif;
  text-align: left;
  line-height: 20px;
  padding-top: 10px;
}
.blog-section .blog-text h2 span {
  display: block;
  font-weight: normal;
  font-size: 14px;
  color: #1f1f1f;
  padding-top: 10px;
}

/* Ends here */
.breadcrumbs {
  background: #2c3e50;
  padding: 30px 0px;
  text-align: center;
}
.breadcrumbs h2 {
  font-size: 30px;
  color: #ffffff;
  padding: 0px;
}
.breadcrumbs h2 span {
  color: #ffffff;
  font-size: 16px;
  display: block;
  padding-top: 5px;
  font-weight: 300;
}
.breadcrumbs h2 span a.homebtn {
  text-decoration: none;
  color: #ffffff;
  letter-spacing: 1px;
}
.breadcrumbs h2 span a.homebtn:hover {
  color: #f1aa00;
}

.privacy-cnt a {
  text-decoration: none;
  color: #f1aa00;
}

.cirlce-bg {
  padding: 15px;
  border-radius: 50%;
  border: 2px solid #b6caf0;
  background: #ffffff;
  width: 100px;
  margin: auto;
}

.padding-top {
  padding-top: 10px;
}

.box-main-sevice {
  padding: 10px 0px;
}

.box-grey {
  background-color: #f9f9f9;
  padding: 30px 10px;
  height: 283px;
}
.box-grey h6 {
  padding-top: 10px;
  font-weight: bold;
}

.choose-box-new {
  padding: 10px 0px;
}
.choose-box-new .choose-feature-box {
  padding: 20px 0px;
}
.choose-box-new .choose-feature-box h6 {
  padding-top: 10px;
  font-weight: bold;
}

.cirlce-bg-feature {
  padding: 15px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  background: none;
  width: 100px;
}

.color-white {
  color: #ffffff;
}

.footer-bg {
  background: #1f1f1f;
  overflow: hidden;
}
.footer-bg .who-we-are {
  padding: 40px 0px;
}
.footer-bg .who-we-are h2 {
  font-size: 26px;
  color: #ffffff;
  font-weight: bold;
  font-family: "DM Sans", sans-serif;
}
.footer-bg .who-we-are p {
  color: #ffffff;
  font-family: "DM Sans", sans-serif;
}
.footer-bg .who-we-are .social-icons ul {
  float: left;
}
.footer-bg .product-list ul {
  margin: 0px;
  padding: 0px;
}
.footer-bg .product-list ul li {
  list-style: none;
  padding: 2px 0px;
  margin: 0px;
  position: relative;
  padding-left: 14px;
}
.footer-bg .product-list ul li a {
  color: #ffffff;
  font-size: 16px;
  text-decoration: none;
}
.footer-bg .product-list ul li a:hover {
  color: #f1aa00;
}
.footer-bg .product-list ul li:before {
  content: "\f192";
  position: absolute;
  left: 0px;
  top: 8px;
  color: #f1aa00;
  font-family: "Font Awesome 5 Pro";
  font-size: 8px;
}
.footer-bg .need-help {
  width: 100%;
  height: 100%;
  float: left;
  background: #191919;
  padding-left: 30px;
  position: relative;
}
.footer-bg .need-help:after {
  content: "";
  width: 1000px;
  height: 100%;
  position: absolute;
  left: 100%;
  top: 0;
  background: #191919;
}
.footer-bg .need-help .top-one {
  text-align: right;
  margin-bottom: 14px;
  padding-top: 0px;
}
.footer-bg .need-help .contact-message {
  margin-top: -2px;
  margin-bottom: 0.3333333333em;
  font-size: 26px;
  margin-bottom: 15px;
  color: #ffffff;
  line-height: 1em;
  font-family: "DM Sans", sans-serif;
  margin-top: 40px;
}
.footer-bg .need-help .contact-element {
  font-weight: 700;
  font-size: 50px;
  line-height: 0.7916666667em;
  color: #f1aa00;
  font-family: "DM Sans", sans-serif;
  line-height: 50px;
}
.footer-bg .need-help .contact-element a {
  color: inherit;
  white-space: nowrap;
  text-decoration: none;
}
.footer-bg .need-help .contact-element small {
  display: block;
  margin-top: 14px;
  font-size: 16px;
  color: #ffffff;
  line-height: 1;
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
}
.footer-bg .need-help .subscribe-box {
  clear: both;
  border-top: 1px solid #474747;
  padding: 14px 0px;
  text-align: right;
}
.footer-bg .need-help .subscribe-box input {
  padding: 15px;
  border-radius: 10px;
  box-sizing: border-box;
  width: 90%;
  border: 0px;
}
.footer-bg .need-help .subscribe-box button {
  background: #04b000;
  padding: 14px 30px;
  font-family: "DM Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  border-radius: 8px;
  border: 0px;
  margin-top: 10px;
}
.footer-bg .disclaimer-bg {
  background: #000000;
  text-align: center;
  padding: 15px 0px;
  color: #ffffff;
}
.footer-bg .copyrights {
  background: #ffffff;
  padding: 30px 0px;
}
.footer-bg .copyrights p {
  font-size: 14px;
}
.footer-bg .copyrights .nav-list .nav-item .nav-link {
  color: #1f1f1f !important;
  opacity: inherit !important;
  font-size: 14px;
}

.footer-sticky {
  display: none;
  position: fixed;
  bottom: 0px;
  background: #ffffff;
  padding: 10px 0px;
  z-index: 20;
  width: 100%;
  box-shadow: -2px -5px 19px -2px rgba(0, 0, 0, 0.17);
}
.footer-sticky a.default-btn-green {
  display: block;
}
.footer-sticky a.default-btn-green div {
  width: 100%;
  text-align: center;
}
.footer-sticky a.yellow-color-btn div {
  background: #f1aa00 !important;
}

/* Slider Styles */
.cabz-banner {
  /* background:url('../../images/grocery-bg.png') top center no-repeat; */
  background-image: linear-gradient(130deg, #00bba3 0, #3ea799 51%, #00bba3 100%);
  /* 	height: 900px; */
  background-size: cover;
}
.cabz-banner .cabz-banner-new {
  background: url("../../images/cabz-banner-1.png") top center no-repeat;
  background-attachment: fixed;
  padding: 130px 0px;
}
.cabz-banner .white-text div {
  padding-top: 5px;
}
.cabz-banner .white-text a {
  text-decoration: none;
  color: #ffffff;
}
.cabz-banner .cabz-text {
  /* 
  		padding-top: 140px; */
}
.cabz-banner .cabz-text h1 {
  font-size: 46px;
  color: #ffffff;
  line-height: 46px;
  font-weight: 300;
}
.cabz-banner .cabz-text h1 span {
  font-weight: bold;
}
.cabz-banner .cabz-text p {
  color: #ffffff;
  font-size: 22px;
}
.cabz-banner .cabz-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.cabz-banner .cabz-text a.yellow-btn div {
  padding: 10px 15px;
  background: #00bba3;
  color: #000000;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #c3c3c3;
}
.cabz-banner .cabz-text a.yellow-btn div img {
  width: 20px;
}
.cabz-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.cabz-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.cabz-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}

.cabz-content {
  padding: 20px 0px;
}

.small-green-cabz {
  width: 100px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green-cabz {
  width: 300px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green-cabz {
  animation: movebounce 3s linear infinite;
}

.big-green-cabz {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.cabz-app-bg {
  background: url("../../images/cabz-banner-2.png") center center no-repeat;
  min-height: 640px;
}
.cabz-app-bg .app-cabz-text {
  font-size: 34px;
  color: #000000;
  padding-top: 326px;
  line-height: 40px;
  box-sizing: border-box;
}
.cabz-app-bg .app-cabz-text span {
  font-weight: bold;
}

.advantage-cabz {
  background: #dcfdf9;
  padding: 60px 0px 0px 0px;
}
.advantage-cabz h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
}
.advantage-cabz h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
}
.advantage-cabz .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-cabz .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-cabz .features-list ul li .feature-box {
  font-size: 18px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: #ffffff;
  height: 180px;
  border-radius: 6px;
  padding-top: 30px;
}
.advantage-cabz .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-cabz .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
}
.advantage-cabz .features-list ul li .margin-top-fea {
  margin-top: 20px;
}

.cabz-content .nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}
.cabz-content .nav-tabs {
  border: 0px;
}
.cabz-content .nav-fill .nav-item, .cabz-content .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}
.cabz-content .nav-link div {
  padding-top: 10px;
}
.cabz-content .nav-tabs .nav-item.show .nav-link, .cabz-content .nav-tabs .nav-link.active {
  background: #00bba3 !important;
  color: #ffffff;
  padding: 15px 0px;
}
.cabz-content .tab-content > .active {
  padding: 30px 0px;
}
.cabz-content .admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.cabz-content .admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens-cabz {
  background: url("../../images/cabz-banner-3.png") #b2faf0 top center no-repeat;
  padding: 40px 0px;
}
.appscreens-cabz h2 {
  font-weight: 700;
  font-size: 30px;
}
.appscreens-cabz .app-screen-scroll .item {
  padding: 20px;
}
.appscreens-cabz .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg-cabz {
  background: #dcfdf9;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg-cabz h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-cabz {
  padding: 40px 0px 60px 0px;
}
.choose-package-cabz h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-cabz .delivery-time {
  overflow: hidden;
}
.choose-package-cabz .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-cabz .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-cabz .delivery-time a.default-btn-green div {
  background: #00bba3;
}
.choose-package-cabz .package-box-cabz {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 1070px;
}
.choose-package-cabz .package-box-cabz h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #00bba3;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-cabz .package-box-cabz .greenprice-cabz {
  background: #00bba3;
  padding: 15px 15px 10px 15px;
  border-radius: 10px;
}
.choose-package-cabz .package-box-cabz .greenprice-cabz h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-cabz .package-box-cabz .greenprice-cabz h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-cabz .package-box-cabz .greenprice-cabz .padd-btm {
  padding-bottom: 5px;
}
.choose-package-cabz .package-box-cabz .greenprice-cabz .padd-top {
  padding-top: 10px;
}
.choose-package-cabz .package-box-cabz .greenprice-cabz .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.choose-package-cabz .package-box-cabz .greenprice-cabz .strip-yellow {
  border-radius: 10px;
  background: #02d1b6;
  color: #ffffff !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-cabz .package-box-cabz .greenprice-cabz .strip-yellow a {
  color: #000000 !important;
  text-decoration: none;
  margin-top: 10px;
  background: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-cabz .package-box-cabz .greenprice-cabz .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package-cabz .package-box-cabz .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-cabz .package-box-cabz .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-cabz .package-box-cabz .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-cabz .package-box-cabz .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-cabz {
  background: #00bba3;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-cabz h2 {
  font-weight: bold;
  color: #ffffff !important;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-cabz a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-cabz a.white-btn div {
  padding: 10px 20px;
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-cabz .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.grocery-banner {
  background: url("../../images/grocery-bg.png") top center no-repeat;
  height: 900px;
  background-size: cover;
}
.grocery-banner .grocery-text {
  padding-top: 140px;
}
.grocery-banner .grocery-text h1 {
  font-size: 46px;
  color: #ffffff;
  line-height: 46px;
  font-weight: 300;
}
.grocery-banner .grocery-text h1 span {
  font-weight: bold;
}
.grocery-banner .grocery-text p {
  color: #ffffff;
  font-size: 22px;
}
.grocery-banner .grocery-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.grocery-banner .grocery-text a.yellow-btn div {
  padding: 10px 15px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(231, 231, 231) 100%, rgb(0, 212, 255) 100%);
  color: #000000;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #c3c3c3;
}
.grocery-banner .grocery-text a.yellow-btn div img {
  width: 20px;
}
.grocery-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.grocery-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.grocery-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}

.grocery-content {
  padding: 20px 0px;
}

.small-green {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.grocery-app-bg {
  background: url("../../images/grocery-app-delivery.png") center center no-repeat;
  min-height: 640px;
}
.grocery-app-bg .app-grocery-text {
  font-size: 34px;
  color: #000000;
  padding-top: 326px;
  line-height: 40px;
  box-sizing: border-box;
  padding-right: 80px;
}
.grocery-app-bg .app-grocery-text span {
  font-weight: bold;
}

.advantage-grocery {
  background: #f2f2f2;
  padding: 60px 0px 0px 0px;
}
.advantage-grocery h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
}
.advantage-grocery h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
}
.advantage-grocery .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-grocery .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-grocery .features-list ul li .feature-box {
  font-size: 18px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: #ffffff;
  height: 180px;
  border-radius: 6px;
}
.advantage-grocery .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-grocery .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
}
.advantage-grocery .features-list ul li .margin-top-fea {
  margin-top: 20px;
}
.advantage-grocery .features-list ul li:nth-child(2) {
  margin-top: 60px;
}
.advantage-grocery .features-list ul li:nth-child(4) {
  margin-top: 60px;
}

.nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}

.nav-tabs {
  border: 0px;
}

.nav-fill .nav-item, .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}

.nav-link div {
  padding-top: 10px;
}

.project-tab-grocery-main .nav-tabs .nav-item.show .nav-link, .project-tab-grocery-main .nav-tabs .nav-link.active {
  background: #04b000 !important;
  color: #ffffff;
  padding: 15px 0px;
}

.tab-content > .active {
  padding: 30px 0px;
}

.admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left-grocery {
  margin-bottom: 15px;
  overflow: hidden;
  color: #000000;
}
.app-block-icons-left-grocery .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left-grocery .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
  color: #000000;
}
.app-block-icons-left-grocery .app-col-1 div span {
  display: block;
}
.app-block-icons-left-grocery .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right-grocery {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right-grocery .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right-grocery .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  color: #000000;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right-grocery .app-col-1 div span {
  display: block;
}
.app-block-icons-right-grocery .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens {
  background: #f2f2f2;
  padding: 40px 0px;
}
.appscreens h2 {
  font-weight: 700;
  font-size: 30px;
}
.appscreens .app-screen-scroll .item {
  padding: 20px;
}
.appscreens .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg {
  background: #f0f7ff;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-grocery {
  padding: 40px 0px 60px 0px;
}
.choose-package-grocery h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-grocery .delivery-time {
  overflow: hidden;
}
.choose-package-grocery .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-grocery .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-grocery .delivery-time a.default-btn-green div {
  background: #04b000 !important;
}
.choose-package-grocery .package-box {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px 0px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 850px;
}
.choose-package-grocery .package-box h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #04b000;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-grocery .package-box .greenprice-grocery {
  background: #04b000;
  padding: 15px 15px 10px 15px;
  border-radius: 0px;
}
.choose-package-grocery .package-box .greenprice-grocery h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-grocery .package-box .greenprice-grocery h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-grocery .package-box .greenprice-grocery .padd-btm {
  padding-bottom: 5px;
}
.choose-package-grocery .package-box .greenprice-grocery .padd-top {
  padding-top: 10px;
}
.choose-package-grocery .package-box .greenprice-grocery .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.choose-package-grocery .package-box .greenprice-grocery .strip-yellow {
  border-radius: 10px;
  background: #ffcc51;
  color: #000000 !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-grocery .package-box .greenprice-grocery .strip-yellow a {
  color: #000000 !important;
  text-decoration: none;
  margin-top: 10px;
  background: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-grocery .package-box .greenprice-grocery .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package-grocery .package-box .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-grocery .package-box .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-grocery .package-box .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-grocery .package-box .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-grocery {
  background: #04b000;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-grocery h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-grocery a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-grocery a.white-btn div {
  padding: 10px 20px;
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-grocery .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.grocerymilky-banner {
  background: url("../../images/grocerymilky-bg.jpg") #ffffff top center no-repeat;
  height: 640px;
  background-size: cover;
  margin-bottom: 100px;
}
.grocerymilky-banner .white-text div {
  padding-top: 5px;
}
.grocerymilky-banner .white-text a {
  text-decoration: none;
  color: #ffffff;
}
.grocerymilky-banner .grocerymilky-text {
  padding-top: 140px;
}
.grocerymilky-banner .grocerymilky-text h1 {
  font-size: 46px;
  color: #ffffff;
  line-height: 46px;
  font-weight: 300;
}
.grocerymilky-banner .grocerymilky-text h1 span {
  font-weight: bold;
}
.grocerymilky-banner .grocerymilky-text p {
  color: #ffffff;
  font-size: 22px;
}
.grocerymilky-banner .grocerymilky-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.grocerymilky-banner .grocerymilky-text a.yellow-btn div {
  padding: 10px 15px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(231, 231, 231) 100%, rgb(0, 212, 255) 100%);
  color: #000000;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #c3c3c3;
}
.grocerymilky-banner .grocerymilky-text a.yellow-btn div img {
  width: 20px;
}
.grocerymilky-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.grocerymilky-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.grocerymilky-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}

.grocerymilky-content {
  padding: 20px 0px;
}

.small-green {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.grocerymilky-app-bg {
  background: url("../../images/grocerymilk-app-delivery.png") center center no-repeat;
  min-height: 640px;
}
.grocerymilky-app-bg .app-grocerymilky-text {
  font-size: 30px;
  color: #ffffff;
  padding-top: 200px;
  line-height: 40px;
  box-sizing: border-box;
  padding-right: 80px;
}
.grocerymilky-app-bg .app-grocerymilky-text span {
  font-weight: bold;
}

.advantage-grocerymilky {
  background: #f2f2f2;
  padding: 60px 0px 0px 0px;
}
.advantage-grocerymilky h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
}
.advantage-grocerymilky h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
}
.advantage-grocerymilky .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-grocerymilky .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-grocerymilky .features-list ul li .feature-box {
  font-size: 18px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: #ffffff;
  height: 180px;
  border-radius: 6px;
}
.advantage-grocerymilky .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-grocerymilky .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
}
.advantage-grocerymilky .features-list ul li .margin-top-fea {
  margin-top: 20px;
}
.advantage-grocerymilky .features-list ul li:nth-child(2) {
  margin-top: 60px;
}
.advantage-grocerymilky .features-list ul li:nth-child(4) {
  margin-top: 60px;
}

.grocerymilky-content .nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}
.grocerymilky-content .nav-tabs {
  border: 0px;
}
.grocerymilky-content .nav-fill .nav-item, .grocerymilky-content .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}
.grocerymilky-content .nav-link div {
  padding-top: 10px;
}
.grocerymilky-content .nav-tabs .nav-item.show .nav-link, .grocerymilky-content .nav-tabs .nav-link.active {
  background: #04b000 !important;
  color: #ffffff;
  padding: 15px 0px;
}
.grocerymilky-content .tab-content > .active {
  padding: 30px 0px;
}

.admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreensmilky {
  background: #f2f2f2;
  padding: 40px 0px;
}
.appscreensmilky h2 {
  font-weight: 700;
  font-size: 30px;
}
.appscreensmilky .app-screen-scroll .item {
  padding: 20px;
}
.appscreensmilky .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
  border: 5px solid #ffffff;
}

.advantage-bg {
  background: #f0f7ff;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-milky {
  padding: 40px 0px 60px 0px;
}
.choose-package-milky h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-milky .delivery-time {
  overflow: hidden;
}
.choose-package-milky .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-milky .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-milky .delivery-time a.default-btn-green div {
  background: #04b000 !important;
}
.choose-package-milky .package-box {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px 0px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 1000px;
}
.choose-package-milky .package-box h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #04b000;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-milky .package-box .greenprice-grocerymilky {
  background: #04b000;
  padding: 15px 15px 10px 15px;
  border-radius: 0px;
}
.choose-package-milky .package-box .greenprice-grocerymilky h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-milky .package-box .greenprice-grocerymilky h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-milky .package-box .greenprice-grocerymilky .padd-btm {
  padding-bottom: 5px;
}
.choose-package-milky .package-box .greenprice-grocerymilky .padd-top {
  padding-top: 10px;
}
.choose-package-milky .package-box .greenprice-grocerymilky .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.choose-package-milky .package-box .greenprice-grocerymilky .strip-yellow {
  border-radius: 10px;
  background: #ffcc51;
  color: #000000 !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-milky .package-box .greenprice-grocerymilky .strip-yellow a {
  color: #000000 !important;
  text-decoration: none;
  margin-top: 10px;
  background: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-milky .package-box .greenprice-grocerymilky .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package-milky .package-box .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-milky .package-box .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-milky .package-box .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-milky .package-box .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-groccymilky {
  background: #04b000;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-groccymilky h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-groccymilky a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-groccymilky a.white-btn div {
  padding: 10px 20px;
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-groccymilky .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.grocery-banner-meat {
  background: url("../../images/foody-bg-1.png") #9f0909 top no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 60px 0px 60px 0px;
}
.grocery-banner-meat .grocery-text h1 {
  font-size: 46px;
  color: #ffffff;
  line-height: 50px;
  font-weight: 300;
}
.grocery-banner-meat .grocery-text h1 span {
  font-weight: bold;
}
.grocery-banner-meat .grocery-text p {
  color: #ffffff;
  font-size: 22px;
}
.grocery-banner-meat .grocery-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.grocery-banner-meat .grocery-text a.yellow-btn div {
  padding: 10px 15px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(231, 231, 231) 100%, rgb(0, 212, 255) 100%);
  color: #000000;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #c3c3c3;
}
.grocery-banner-meat .grocery-text a.yellow-btn div img {
  width: 20px;
}
.grocery-banner-meat .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.grocery-banner-meat .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.grocery-banner-meat .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}
.grocery-banner-meat .white-text a {
  text-decoration: none;
  color: #fff;
}

.grocery-content {
  padding: 20px 0px;
}

.small-green {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.grocery-app-bg-meat {
  background: url("../../images/meat-app-delivery.png") center center no-repeat;
  min-height: 640px;
  margin-top: -100px;
}
.grocery-app-bg-meat .app-grocery-text {
  font-size: 34px;
  color: #ffffff;
  padding-top: 326px;
  line-height: 40px;
  box-sizing: border-box;
  padding-right: 80px;
}
.grocery-app-bg-meat .app-grocery-text span {
  font-weight: bold;
}

.advantage-grocery {
  background: #f2f2f2;
  padding: 60px 0px 0px 0px;
}
.advantage-grocery h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
}
.advantage-grocery h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
}
.advantage-grocery .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-grocery .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-grocery .features-list ul li .feature-box {
  font-size: 18px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: #ffffff;
  height: 180px;
  border-radius: 6px;
}
.advantage-grocery .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-grocery .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
}
.advantage-grocery .features-list ul li .margin-top-fea {
  margin-top: 20px;
}
.advantage-grocery .features-list ul li:nth-child(2) {
  margin-top: 60px;
}
.advantage-grocery .features-list ul li:nth-child(4) {
  margin-top: 60px;
}

.nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}

.nav-tabs {
  border: 0px;
}

.nav-fill .nav-item, .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}

.nav-link div {
  padding-top: 10px;
}

.project-tab-grocery .nav-tabs .nav-item.show .nav-link, .project-tab-grocery .nav-tabs .nav-link.active {
  background: #cc0000 !important;
  color: #ffffff;
  padding: 15px 0px;
}

.tab-content > .active {
  padding: 30px 0px;
}

.admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens {
  background: #f2f2f2;
  padding: 40px 0px;
}
.appscreens h2 {
  font-weight: 700;
  font-size: 30px;
}
.appscreens .app-screen-scroll .item {
  padding: 20px;
}
.appscreens .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg {
  background: #f0f7ff;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-meat {
  padding: 40px 0px 60px 0px;
}
.choose-package-meat h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-meat .delivery-time {
  overflow: hidden;
}
.choose-package-meat .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-meat .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-meat .delivery-time a.default-btn-green div {
  background: #cc0000 !important;
}
.choose-package-meat .package-box-meat {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px 0px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 800px;
}
.choose-package-meat .package-box-meat h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #cc0000;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-meat .package-box-meat .greenprice-grocery {
  background: #cc0000;
  padding: 15px 15px 10px 15px;
  border-radius: 0px;
}
.choose-package-meat .package-box-meat .greenprice-grocery h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-meat .package-box-meat .greenprice-grocery h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-meat .package-box-meat .greenprice-grocery .padd-btm {
  padding-bottom: 5px;
}
.choose-package-meat .package-box-meat .greenprice-grocery .padd-top {
  padding-top: 10px;
}
.choose-package-meat .package-box-meat .greenprice-grocery .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.choose-package-meat .package-box-meat .greenprice-grocery .strip-yellow {
  border-radius: 10px;
  background: #ffcc51;
  color: #000000 !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-meat .package-box-meat .greenprice-grocery .strip-yellow a {
  color: #000000 !important;
  text-decoration: none;
  margin-top: 10px;
  background: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-meat .package-box-meat .greenprice-grocery .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package-meat .package-box-meat .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-meat .package-box-meat .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-meat .package-box-meat .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-meat .package-box-meat .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-meat {
  background: #cc0000;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-meat h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-meat a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-meat a.white-btn div {
  padding: 10px 20px;
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-meat .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.news-banner {
  /* background:url('../../images/grocery-bg.png') top center no-repeat; */
  background-image: linear-gradient(130deg, #a00606 0, #eb0000 51%, #a00606 100%);
  /* 	height: 900px; */
  background-size: cover;
}
.news-banner .news-banner-new { /* background:url('../../images/cabz-banner-1.png') top center no-repeat;
background-attachment: fixed; */
  padding: 80px 0px;
}
.news-banner .white-text div {
  padding-top: 5px;
}
.news-banner .white-text a {
  text-decoration: none;
  color: #ffffff;
}
.news-banner .news-text {
  /* 
  		padding-top: 140px; */
}
.news-banner .news-text h1 {
  font-size: 38px;
  color: #ffffff;
  line-height: 38px;
  font-weight: 300;
}
.news-banner .news-text h1 span {
  font-weight: bold;
}
.news-banner .news-text p {
  color: #ffffff;
  font-size: 22px;
}
.news-banner .news-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.news-banner .news-text a.yellow-btn div {
  padding: 10px 15px;
  background: #00bba3;
  color: #000000;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #c3c3c3;
}
.news-banner .news-text a.yellow-btn div img {
  width: 20px;
}
.news-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.news-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.news-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}

.news-content {
  padding: 20px 0px;
}

.small-green-news {
  width: 100px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green-news {
  width: 300px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green-news {
  animation: movebounce 3s linear infinite;
}

.big-green-news {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.news-app-bg {
  background: url("../../images/news-banner-2.png") center center no-repeat;
  min-height: 640px;
}
.news-app-bg .app-news-text {
  font-size: 50px;
  color: #ffffff;
  padding-top: 326px;
  line-height: 50px;
  box-sizing: border-box;
}
.news-app-bg .app-news-text span {
  font-weight: bold;
}

.advantage-news {
  background: url(../../images/news-banner-shade.png) #a00606;
  background-attachment: fixed;
  padding: 60px 0px 0px 0px;
}
.advantage-news h2 {
  font-weight: 300;
  font-size: 30px;
  line-height: 36px;
  color: #ffffff;
}
.advantage-news h2 span {
  font-weight: bold;
  font-size: 36px;
}
.advantage-news .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-news .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-news .features-list ul li .feature-box {
  font-size: 18px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: rgba(0, 0, 0, 0.1411764706);
  height: 180px;
  border-radius: 6px;
  padding-top: 30px;
}
.advantage-news .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-news .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
  color: #ffffff;
}
.advantage-news .features-list ul li .margin-top-fea {
  margin-top: 20px;
}

.nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}

.nav-tabs {
  border: 0px;
}

.nav-fill .nav-item, .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}

.nav-link div {
  padding-top: 10px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background: #a00606 !important;
  color: #ffffff;
  padding: 15px 0px;
}

.tab-content > .active {
  padding: 30px 0px;
}

.admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens-news {
  background: url(../../images/news-banner-shade.png) #a00606;
  background-attachment: fixed;
  padding: 40px 0px;
}
.appscreens-news h2 {
  font-weight: 700;
  font-size: 30px;
  color: #ffffff;
}
.appscreens-news .app-screen-scroll .item {
  padding: 20px;
}
.appscreens-news .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg-news {
  background: #ffe6e6;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg-news h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package {
  padding: 40px 0px 60px 0px;
}
.choose-package h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package .delivery-time {
  overflow: hidden;
}
.choose-package .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package .delivery-time a.default-btn-green div {
  background: #a00606 !important;
}
.choose-package .package-box {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px 0px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 1000px;
}
.choose-package .package-box h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #a00606;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package .package-box .greenprice {
  background: #a00606;
  padding: 15px 0px 0px 0px;
  border-radius: 0px;
}
.choose-package .package-box .greenprice h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package .package-box .greenprice h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package .package-box .greenprice .padd-btm {
  padding-bottom: 5px;
}
.choose-package .package-box .greenprice .padd-top {
  padding-top: 10px;
}
.choose-package .package-box .greenprice .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.choose-package .package-box .greenprice .strip-yellow {
  border-radius: 0px;
  background: #860808;
  color: #ffffff !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package .package-box .greenprice .strip-yellow a {
  color: #000000 !important;
  text-decoration: none;
  margin-top: 10px;
  background: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package .package-box .greenprice .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package .package-box .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package .package-box .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package .package-box .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package .package-box .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box {
  background: #a00606;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box a.white-btn div {
  padding: 10px 20px;
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.diagno-banner {
  background: linear-gradient(180deg, rgb(45, 181, 241) 23%, rgb(6, 147, 232) 100%);
  background-size: cover;
  padding: 60px 0px 110px 0px;
  margin-bottom: 200px;
}
.diagno-banner .diagno-img {
  margin-bottom: -300px;
  padding-top: 30px;
  position: relative;
}
.diagno-banner .diagno-text h1 {
  font-size: 46px;
  color: #ffffff;
  line-height: 46px;
  font-weight: 300;
}
.diagno-banner .diagno-text h1 span {
  font-weight: bold;
}
.diagno-banner .diagno-text p {
  color: #ffffff;
  font-size: 22px;
}
.diagno-banner .diagno-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.diagno-banner .diagno-text a.yellow-btn div {
  padding: 10px 15px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(231, 231, 231) 100%, rgb(0, 212, 255) 100%);
  color: #000000;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #c3c3c3;
}
.diagno-banner .diagno-text a.yellow-btn div img {
  width: 20px;
}
.diagno-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.diagno-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.diagno-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}

.diagno-content {
  padding: 20px 0px;
}

.small-green {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.diagno-app-bg {
  background: url("../../images/diagno-bg.jpg") center center no-repeat;
  padding: 60px 0px 80px 0px;
  margin-top: 80px;
}
.diagno-app-bg .app-diagno-text {
  font-size: 30px;
  color: #000000;
  line-height: 36px;
  box-sizing: border-box;
  padding: 20px 40px;
}
.diagno-app-bg .app-diagno-text span {
  font-weight: bold;
}
.diagno-app-bg .types-diagno {
  background: #ffffff;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  color: #000000;
  border-radius: 10px;
  height: 148px;
}
.diagno-app-bg .types-diagno p {
  line-height: 20px;
  padding-top: 10px;
  margin-bottom: 0px;
}
.diagno-app-bg .types-diagno img {
  width: 72px;
}
.diagno-app-bg .diagno-hand-right {
  width: 55%;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.diagno-app-bg .diagno-hand-right img {
  width: 100%;
}
.diagno-app-bg .arrow-diagno-text {
  width: 200px;
  position: absolute;
  right: -119px;
  bottom: -36px;
}
.diagno-app-bg .arrow-diagno-text img {
  width: 100%;
}

.advantage-diagno {
  background: #e3effe;
  padding: 60px 0px 0px 0px;
  margin-top: 30px;
}
.advantage-diagno h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
}
.advantage-diagno h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
}
.advantage-diagno .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-diagno .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-diagno .features-list ul li .feature-box {
  font-size: 18px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: #ffffff;
  height: 180px;
  border-radius: 6px;
}
.advantage-diagno .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-diagno .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
}
.advantage-diagno .features-list ul li .margin-top-fea {
  margin-top: 20px;
}
.advantage-diagno .features-list ul li:nth-child(2) {
  margin-top: 60px;
}
.advantage-diagno .features-list ul li:nth-child(4) {
  margin-top: 60px;
}

.diagno-content .nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}
.diagno-content .nav-tabs {
  border: 0px;
}
.diagno-content .nav-fill .nav-item, .diagno-content .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}
.diagno-content .nav-link div {
  padding-top: 10px;
}
.diagno-content .nav-tabs .nav-item.show .nav-link, .diagno-content .nav-tabs .nav-link.active {
  background: #2eb5f1;
  color: #ffffff;
  padding: 15px 0px;
}
.diagno-content .tab-content > .active {
  padding: 30px 0px;
}
.diagno-content .admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.diagno-content .admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens {
  background: #f2f2f2;
  padding: 40px 0px;
}
.appscreens h2 {
  font-weight: 700;
  font-size: 30px;
}
.appscreens .app-screen-scroll .item {
  padding: 20px;
}
.appscreens .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg {
  background: #f0f7ff;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-diagno {
  padding: 40px 0px 60px 0px;
}
.choose-package-diagno h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-diagno .delivery-time {
  overflow: hidden;
}
.choose-package-diagno .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-diagno .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-diagno a.default-btn-green div {
  background: #2eb5f1;
}
.choose-package-diagno a.default-btn-green div:hover {
  background: #f1aa00;
}
.choose-package-diagno .package-box-diagno {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 865px;
}
.choose-package-diagno .package-box-diagno h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #2eb5f1;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-diagno .package-box-diagno .blueprice {
  background: #2eb5f1;
  padding: 15px;
  border-radius: 10px;
}
.choose-package-diagno .package-box-diagno .blueprice h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-diagno .package-box-diagno .blueprice h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-diagno .package-box-diagno .blueprice .padd-btm {
  padding-bottom: 5px;
}
.choose-package-diagno .package-box-diagno .blueprice .padd-top {
  padding-top: 10px;
}
.choose-package-diagno .package-box-diagno .blueprice .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.choose-package-diagno .package-box-diagno .blueprice .strip-yellow {
  border-radius: 10px;
  background: #9be0ff;
  color: #000000 !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-diagno .package-box-diagno .blueprice .strip-yellow a {
  color: #000000 !important;
  text-decoration: none;
  margin-top: 10px;
  background: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-diagno .package-box-diagno .blueprice .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package-diagno .package-box-diagno .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-diagno .package-box-diagno .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-diagno .package-box-diagno .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-diagno .package-box-diagno .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-diagno {
  background: #2eb5f1;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-diagno h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-diagno a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-diagno a.white-btn div {
  padding: 10px 20px;
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-diagno .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.docto-banner {
  background: #1394d4;
  background-size: cover;
  padding: 60px 0px 110px 0px;
  margin-bottom: 200px;
}
.docto-banner .docto-img {
  margin-bottom: -300px;
  padding-top: 30px;
  position: relative;
}
.docto-banner .docto-text h1 {
  font-size: 42px;
  color: #ffffff;
  line-height: 46px;
  font-weight: 300;
}
.docto-banner .docto-text h1 span {
  font-weight: bold;
}
.docto-banner .docto-text p {
  color: #ffffff;
  font-size: 22px;
}
.docto-banner .docto-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.docto-banner .docto-text a.yellow-btn div {
  padding: 10px 15px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(231, 231, 231) 100%, rgb(0, 212, 255) 100%);
  color: #000000;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #c3c3c3;
}
.docto-banner .docto-text a.yellow-btn div img {
  width: 20px;
}
.docto-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.docto-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.docto-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}

.docto-content {
  padding: 20px 0px;
}

.small-green {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.docto-app-bg {
  background: url("../../images/docto-bg.jpg") center center no-repeat;
  padding: 60px 0px 80px 0px;
  margin-top: 80px;
}
.docto-app-bg .app-docto-text {
  font-size: 30px;
  color: #000000;
  line-height: 36px;
  box-sizing: border-box;
  padding: 20px 40px;
}
.docto-app-bg .app-docto-text span {
  font-weight: bold;
}
.docto-app-bg .types-docto {
  background: #ffffff;
  padding: 15px;
  text-align: center;
  font-size: 16px;
  color: #000000;
  border-radius: 10px;
  height: 148px;
}
.docto-app-bg .types-docto p {
  line-height: 20px;
  padding-top: 10px;
  margin-bottom: 0px;
}
.docto-app-bg .types-docto img {
  width: 72px;
}
.docto-app-bg .docto-hand-right {
  width: 55%;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.docto-app-bg .docto-hand-right img {
  width: 100%;
}
.docto-app-bg .arrow-docto-text {
  width: 200px;
  position: absolute;
  right: -119px;
  bottom: -36px;
}
.docto-app-bg .arrow-docto-text img {
  width: 100%;
}

.advantage-docto {
  background: #1394d4;
  padding: 60px 0px 0px 0px;
  margin-top: 30px;
}
.advantage-docto h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
  color: #ffffff !important;
}
.advantage-docto h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
}
.advantage-docto .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-docto .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-docto .features-list ul li .feature-box {
  font-size: 16px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: #ffffff;
  height: 180px;
  border-radius: 6px;
}
.advantage-docto .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-docto .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
}
.advantage-docto .features-list ul li .margin-top-fea {
  margin-top: 20px;
}
.advantage-docto .features-list ul li:nth-child(2) {
  margin-top: 60px;
}
.advantage-docto .features-list ul li:nth-child(4) {
  margin-top: 60px;
}

.docto-content .nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}
.docto-content .nav-tabs {
  border: 0px;
}
.docto-content .nav-fill .nav-item, .docto-content .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}
.docto-content .nav-link div {
  padding-top: 10px;
}
.docto-content .nav-tabs .nav-item.show .nav-link, .docto-content .nav-tabs .nav-link.active {
  background: #1394d4 !important;
  color: #ffffff;
  padding: 15px 0px;
}
.docto-content .tab-content > .active {
  padding: 30px 0px;
}
.docto-content .admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.docto-content .admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens {
  background: #f2f2f2;
  padding: 40px 0px;
}
.appscreens h2 {
  font-weight: 700;
  font-size: 30px;
}
.appscreens .app-screen-scroll .item {
  padding: 20px;
}
.appscreens .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg-docto {
  background: #2eb5f1;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg-docto h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
  color: #ffffff;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-docto {
  padding: 40px 0px 60px 0px;
}
.choose-package-docto h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-docto .delivery-time {
  overflow: hidden;
}
.choose-package-docto .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-docto .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-docto a.default-btn-green div {
  background: #1394d4;
}
.choose-package-docto a.default-btn-green div:hover {
  background: #f1aa00;
}
.choose-package-docto .package-box-docto {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 965px;
}
.choose-package-docto .package-box-docto h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #2eb5f1;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-docto .package-box-docto .blueprice {
  background: #1394d4;
  padding: 15px;
  border-radius: 10px;
}
.choose-package-docto .package-box-docto .blueprice h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-docto .package-box-docto .blueprice h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-docto .package-box-docto .blueprice .padd-btm {
  padding-bottom: 5px;
}
.choose-package-docto .package-box-docto .blueprice .padd-top {
  padding-top: 10px;
}
.choose-package-docto .package-box-docto .blueprice .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.choose-package-docto .package-box-docto .blueprice .strip-yellow {
  border-radius: 10px;
  background: #9be0ff;
  color: #000000 !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-docto .package-box-docto .blueprice .strip-yellow a {
  color: #000000 !important;
  text-decoration: none;
  margin-top: 10px;
  background: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-docto .package-box-docto .blueprice .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package-docto .package-box-docto .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-docto .package-box-docto .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-docto .package-box-docto .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-docto .package-box-docto .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-docto {
  background: #1394d4;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-docto h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-docto a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-docto a.white-btn div {
  padding: 10px 20px;
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-docto .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.shoppy-banner {
  background: url("../../images/shoppy-bg.png");
  background-size: cover;
  padding: 60px 0px 200px 0px;
  min-height: 100vh;
}
.shoppy-banner .shoppy-img {
  margin-bottom: -300px;
  padding-top: 30px;
  position: relative;
}
.shoppy-banner .shoppy-text h1 {
  font-size: 36px;
  color: #000000;
  line-height: 46px;
  font-weight: 300;
}
.shoppy-banner .shoppy-text h1 span {
  font-weight: bold;
}
.shoppy-banner .shoppy-text p {
  color: #000000;
  font-size: 22px;
}
.shoppy-banner .shoppy-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.shoppy-banner .shoppy-text a.yellow-btn div {
  padding: 10px 15px;
  background: linear-gradient(180deg, #f5441a 0%, #d72c05 100%, #dc3545 100%);
  color: #ffffff;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #af1120;
}
.shoppy-banner .shoppy-text a.yellow-btn div img {
  width: 20px;
}
.shoppy-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.shoppy-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.shoppy-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}

.shoppy-content {
  padding: 20px 0px;
}

.small-green {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.shoppy-app-bg {
  background: url("../../images/diagno-bg.jpg") center center no-repeat;
  padding: 60px 0px 80px 0px;
  margin-top: 80px;
}
.shoppy-app-bg .app-diagno-text {
  font-size: 30px;
  color: #000000;
  line-height: 36px;
  box-sizing: border-box;
  padding: 20px 40px;
}
.shoppy-app-bg .app-diagno-text span {
  font-weight: bold;
}
.shoppy-app-bg .types-diagno {
  background: #ffffff;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  color: #000000;
  border-radius: 10px;
  height: 148px;
}
.shoppy-app-bg .types-diagno p {
  line-height: 20px;
  padding-top: 10px;
  margin-bottom: 0px;
}
.shoppy-app-bg .types-diagno img {
  width: 72px;
}
.shoppy-app-bg .shoppy-hand-right {
  width: 55%;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.shoppy-app-bg .shoppy-hand-right img {
  width: 100%;
}
.shoppy-app-bg .arrow-diagno-text {
  width: 200px;
  position: absolute;
  right: -119px;
  bottom: -36px;
}
.shoppy-app-bg .arrow-diagno-text img {
  width: 100%;
}

.tech-partner-shoppy {
  background: #ffeec6;
}

.advantage-shoppy {
  background: #ffeec6;
  padding: 60px 0px 0px 0px;
  margin-top: 30px;
}
.advantage-shoppy h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
}
.advantage-shoppy h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
}
.advantage-shoppy .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-shoppy .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-shoppy .features-list ul li .feature-box {
  font-size: 18px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: #ffffff;
  height: 180px;
  border-radius: 6px;
}
.advantage-shoppy .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-shoppy .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
}
.advantage-shoppy .features-list ul li .margin-top-fea {
  margin-top: 20px;
}
.advantage-shoppy .features-list ul li:nth-child(2) {
  margin-top: 60px;
}
.advantage-shoppy .features-list ul li:nth-child(4) {
  margin-top: 60px;
}

.shoppy-content .nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}
.shoppy-content .nav-tabs {
  border: 0px;
}
.shoppy-content .nav-fill .nav-item, .shoppy-content .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}
.shoppy-content .nav-link div {
  padding-top: 10px;
}
.shoppy-content .nav-tabs .nav-item.show .nav-link, .shoppy-content .nav-tabs .nav-link.active {
  background: #ffc337 !important;
  color: #000000;
  padding: 15px 0px;
}
.shoppy-content .tab-content > .active {
  padding: 30px 0px;
}
.shoppy-content .admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.shoppy-content .admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens {
  background: #f2f2f2;
  padding: 40px 0px;
}
.appscreens h2 {
  font-weight: 700;
  font-size: 30px;
}
.appscreens .app-screen-scroll .item {
  padding: 20px;
}
.appscreens .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg-shoppy {
  background: #ffeec6;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg-shoppy h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-shoppy {
  padding: 40px 0px 60px 0px;
}
.choose-package-shoppy h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-shoppy .delivery-time {
  overflow: hidden;
}
.choose-package-shoppy .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-shoppy .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-shoppy a.default-btn-green div {
  background: #ffc337;
  color: #000000;
}
.choose-package-shoppy a.default-btn-green div:hover {
  background: #fe441a;
  color: #ffffff;
}
.choose-package-shoppy .package-box-shoppy {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 800px;
}
.choose-package-shoppy .package-box-shoppy h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #000000;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-shoppy .package-box-shoppy .blueprice {
  background: #202020;
  padding: 15px;
  border-radius: 10px;
}
.choose-package-shoppy .package-box-shoppy .blueprice h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-shoppy .package-box-shoppy .blueprice h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-shoppy .package-box-shoppy .blueprice .padd-btm {
  padding-bottom: 5px;
}
.choose-package-shoppy .package-box-shoppy .blueprice .padd-top {
  padding-top: 10px;
}
.choose-package-shoppy .package-box-shoppy .blueprice .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.choose-package-shoppy .package-box-shoppy .blueprice .strip-yellow {
  border-radius: 10px;
  background: #0a0a0a;
  color: #ffffff !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-shoppy .package-box-shoppy .blueprice .strip-yellow b {
  color: #ffc337;
}
.choose-package-shoppy .package-box-shoppy .blueprice .strip-yellow a {
  color: #000000 !important;
  text-decoration: none;
  margin-top: 10px;
  background: #ffc337;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-shoppy .package-box-shoppy .blueprice .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package-shoppy .package-box-shoppy .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-shoppy .package-box-shoppy .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-shoppy .package-box-shoppy .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-shoppy .package-box-shoppy .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-shoppy {
  background: #ffc337;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-shoppy h2 {
  font-weight: bold;
  color: #000000;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-shoppy a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-shoppy a.white-btn div {
  padding: 10px 20px;
  background: #f53e18;
  color: #ffffff;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-shoppy .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.foody-banner {
  background: url("../../images/foody-bg-1.png") #5c027e top no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 60px 0px 110px 0px;
}
.foody-banner .foody-text h1 {
  font-size: 46px;
  color: #ffffff;
  line-height: 46px;
  font-weight: 300;
}
.foody-banner .foody-text h1 span {
  font-weight: bold;
}
.foody-banner .foody-text p {
  color: #ffffff;
  font-size: 22px;
}
.foody-banner .foody-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.foody-banner .foody-text a.yellow-btn div {
  padding: 10px 15px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(231, 231, 231) 100%, rgb(0, 212, 255) 100%);
  color: #000000;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #c3c3c3;
}
.foody-banner .foody-text a.yellow-btn div img {
  width: 20px;
}
.foody-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.foody-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.foody-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}

.foody-content {
  padding: 40px 0px 40px 0px;
}

.small-green {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.foody-app-bg {
  background: url("../../images/foody-bg-1.png") #5c027e top no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 40px 0px 40px 0px;
}
.foody-app-bg .app-foody-text {
  font-size: 30px;
  color: #ffffff;
  line-height: 36px;
  box-sizing: border-box;
  padding: 20px 40px;
}
.foody-app-bg .app-foody-text span {
  font-weight: bold;
}

.advantage-foody {
  background: #faefff;
  padding: 60px 0px 0px 0px;
  margin-top: 30px;
}
.advantage-foody h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
}
.advantage-foody h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
}
.advantage-foody .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-foody .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-foody .features-list ul li .feature-box {
  font-size: 18px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: #ffffff;
  height: 180px;
  border-radius: 6px;
}
.advantage-foody .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-foody .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
}
.advantage-foody .features-list ul li .margin-top-fea {
  margin-top: 20px;
}
.advantage-foody .features-list ul li:nth-child(2) {
  margin-top: 60px;
}
.advantage-foody .features-list ul li:nth-child(4) {
  margin-top: 60px;
}

.diagno-content .nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}
.diagno-content .nav-tabs {
  border: 0px;
}
.diagno-content .nav-fill .nav-item, .diagno-content .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}
.diagno-content .nav-link div {
  padding-top: 10px;
}
.diagno-content .nav-tabs .nav-item.show .nav-link, .diagno-content .nav-tabs .nav-link.active {
  background: #5c027e;
  color: #ffffff;
  padding: 15px 0px;
}
.diagno-content .tab-content > .active {
  padding: 30px 0px;
}
.diagno-content .admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.diagno-content .admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
  color: #000000;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
  color: #000000;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens {
  background: #f2f2f2;
  padding: 40px 0px;
}
.appscreens h2 {
  font-weight: 700;
  font-size: 30px;
}
.appscreens .app-screen-scroll .item {
  padding: 20px;
}
.appscreens .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg-foody {
  background: #faefff;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg-foody h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-foody {
  padding: 40px 0px 60px 0px;
}
.choose-package-foody h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-foody .delivery-time {
  overflow: hidden;
}
.choose-package-foody .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-foody .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-foody a.default-btn-green div {
  background: #5c027e;
}
.choose-package-foody a.default-btn-green div:hover {
  background: #f1aa00;
}
.choose-package-foody .package-box-foody {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 790px;
}
.choose-package-foody .package-box-foody h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #5c027e;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-foody .package-box-foody .violetprice {
  background: #5c027e;
  padding: 15px;
  border-radius: 10px;
}
.choose-package-foody .package-box-foody .violetprice h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-foody .package-box-foody .violetprice h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-foody .package-box-foody .violetprice .padd-btm {
  padding-bottom: 5px;
}
.choose-package-foody .package-box-foody .violetprice .padd-top {
  padding-top: 10px;
}
.choose-package-foody .package-box-foody .violetprice .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.choose-package-foody .package-box-foody .violetprice .strip-yellow {
  border-radius: 10px;
  background: #edbcff;
  color: #000000 !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-foody .package-box-foody .violetprice .strip-yellow a {
  color: #000000 !important;
  text-decoration: none;
  margin-top: 10px;
  background: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-foody .package-box-foody .violetprice .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package-foody .package-box-foody .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-foody .package-box-foody .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-foody .package-box-foody .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-foody .package-box-foody .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-foody {
  background: #5c027e;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-foody h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-foody a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-foody a.white-btn div {
  padding: 10px 20px;
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-foody .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.loany-banner {
  background: url("../../images/foody-bg-1.png") #008c02 top no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 40px 0px;
}
.loany-banner .loany-text h1 {
  font-size: 36px;
  color: #ffffff;
  line-height: 46px;
  font-weight: 300;
}
.loany-banner .loany-text h1 span {
  font-weight: bold;
}
.loany-banner .loany-text p {
  color: #ffffff;
  font-size: 22px;
}
.loany-banner .loany-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.loany-banner .loany-text a.yellow-btn div {
  padding: 10px 15px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(231, 231, 231) 100%, rgb(0, 212, 255) 100%);
  color: #000000;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #c3c3c3;
}
.loany-banner .loany-text a.yellow-btn div img {
  width: 20px;
}
.loany-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.loany-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.loany-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}

.loany-content {
  padding: 40px 0px 40px 0px;
}

.small-green {
  width: 90px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.loany-app-bg {
  background: url("../../images/foody-bg-1.png") #008c02 top no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 40px 0px 40px 0px;
}
.loany-app-bg .app-loany-text {
  font-size: 30px;
  color: #ffffff;
  line-height: 36px;
  box-sizing: border-box;
  padding: 20px 40px;
}
.loany-app-bg .app-loany-text span {
  font-weight: bold;
}

.advantage-loany {
  background: url("../../images/foody-bg-1.png") #008c02 top no-repeat;
  background-attachment: fixed;
  padding: 60px 0px 0px 0px;
  margin-top: 30px;
}
.advantage-loany h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
  color: #ffffff;
}
.advantage-loany h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
}
.advantage-loany .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-loany .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-loany .features-list ul li .feature-box {
  font-size: 18px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: #ffffff;
  height: 180px;
  border-radius: 6px;
}
.advantage-loany .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-loany .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
}
.advantage-loany .features-list ul li .margin-top-fea {
  margin-top: 20px;
}
.advantage-loany .features-list ul li:nth-child(2) {
  margin-top: 60px;
}
.advantage-loany .features-list ul li:nth-child(4) {
  margin-top: 60px;
}

.loany-content .nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}
.loany-content .nav-tabs {
  border: 0px;
}
.loany-content .nav-fill .nav-item, .loany-content .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}
.loany-content .nav-link div {
  padding-top: 10px;
}
.loany-content .nav-tabs .nav-item.show .nav-link, .loany-content .nav-tabs .nav-link.active {
  background: #008c02 !important;
  color: #ffffff;
  padding: 15px 0px;
}
.loany-content .tab-content > .active {
  padding: 30px 0px;
}
.loany-content .admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.loany-content .admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens {
  background: #f2f2f2;
  padding: 40px 0px;
}
.appscreens h2 {
  font-weight: 700;
  font-size: 30px;
}
.appscreens .app-screen-scroll .item {
  padding: 20px;
}
.appscreens .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg-loany {
  background: #ceffcf;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg-loany h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-loany {
  padding: 40px 0px 60px 0px;
}
.choose-package-loany h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-loany .delivery-time {
  overflow: hidden;
}
.choose-package-loany .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-loany .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-loany a.default-btn-green div {
  background: #008c02;
}
.choose-package-loany a.default-btn-green div:hover {
  background: #f1aa00;
}
.choose-package-loany .package-box-loany {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 1100px;
}
.choose-package-loany .package-box-loany h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #000000;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-loany .package-box-loany .violetprice {
  background: #008c02;
  padding: 15px;
  border-radius: 10px;
}
.choose-package-loany .package-box-loany .violetprice h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-loany .package-box-loany .violetprice h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-loany .package-box-loany .violetprice .padd-btm {
  padding-bottom: 5px;
}
.choose-package-loany .package-box-loany .violetprice .padd-top {
  padding-top: 10px;
}
.choose-package-loany .package-box-loany .violetprice .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.choose-package-loany .package-box-loany .violetprice .strip-yellow {
  border-radius: 10px;
  background: #ceffcf;
  color: #000000 !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-loany .package-box-loany .violetprice .strip-yellow a {
  color: #000000 !important;
  text-decoration: none;
  margin-top: 10px;
  background: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-loany .package-box-loany .violetprice .strip-yellow a:hover {
  color: #008c02;
}
.choose-package-loany .package-box-loany .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-loany .package-box-loany .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-loany .package-box-loany .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-loany .package-box-loany .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-loany {
  background: #008c02;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-loany h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-loany a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-loany a.white-btn div {
  padding: 10px 20px;
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-loany .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.rummy-banner {
  background: url("../../images/rummy-bg-1.png") #6a0008 top no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 60px 0px 110px 0px;
}
.rummy-banner .rummy-text h1 {
  font-size: 46px;
  color: #ffffff;
  line-height: 46px;
  font-weight: 300;
}
.rummy-banner .rummy-text h1 span {
  font-weight: bold;
}
.rummy-banner .rummy-text p {
  color: #ffffff;
  font-size: 22px;
}
.rummy-banner .rummy-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.rummy-banner .rummy-text a.yellow-btn div {
  padding: 10px 15px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(231, 231, 231) 100%, rgb(0, 212, 255) 100%);
  color: #000000;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #c3c3c3;
}
.rummy-banner .rummy-text a.yellow-btn div img {
  width: 20px;
}
.rummy-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.rummy-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.rummy-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}

.foody-content {
  padding: 40px 0px 40px 0px;
}

.small-green {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.rummy-app-bg {
  background: #6a0008;
  background-size: cover;
  padding: 40px 0px 40px 0px;
}
.rummy-app-bg .app-rummy-text {
  font-size: 30px;
  color: #ffffff;
  line-height: 36px;
  box-sizing: border-box;
  padding: 20px 40px;
}
.rummy-app-bg .app-rummy-text span {
  font-weight: bold;
}

.advantage-rummy {
  background: #271e39;
  padding: 60px 0px 60px 0px;
  margin-top: 30px;
}
.advantage-rummy h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
}
.advantage-rummy h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
  color: #ffffff;
}
.advantage-rummy .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-rummy .features-list ul li {
  width: 16.6%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-rummy .features-list ul li .feature-box {
  font-size: 16px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: #ffffff;
  height: 180px;
  border-radius: 6px;
}
.advantage-rummy .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-rummy .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
  color: #271e39;
}

.rummy-content {
  padding: 60px 0px;
}
.rummy-content .nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}
.rummy-content .nav-tabs {
  border: 0px;
}
.rummy-content .nav-fill .nav-item, .rummy-content .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}
.rummy-content .nav-link div {
  padding-top: 10px;
}
.rummy-content .nav-tabs .nav-item.show .nav-link, .rummy-content .nav-tabs .nav-link.active {
  background: #9e0697;
  color: #ffffff;
  padding: 15px 0px;
}
.rummy-content .tab-content > .active {
  padding: 30px 0px;
}
.rummy-content .admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.rummy-content .admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
  color: #ffffff;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
  color: #ffffff;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens {
  background: #f2f2f2;
  padding: 40px 0px;
}
.appscreens h2 {
  font-weight: 700;
  font-size: 30px;
}
.appscreens .app-screen-scroll .item {
  padding: 20px;
}
.appscreens .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg-rummy {
  background: #271e39;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg-rummy h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
  color: #ffffff;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-rummy {
  padding: 40px 0px 60px 0px;
}
.choose-package-rummy h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-rummy .delivery-time {
  overflow: hidden;
}
.choose-package-rummy .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-rummy .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-rummy a.default-btn-green div {
  background: #a5000d;
}
.choose-package-rummy a.default-btn-green div:hover {
  background: #111111;
}
.choose-package-rummy .package-box-rummy {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 1443px;
}
.choose-package-rummy .package-box-rummy h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #a5000d;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-rummy .package-box-rummy .violetprice {
  background: #a5000d;
  padding: 15px;
  border-radius: 10px;
}
.choose-package-rummy .package-box-rummy .violetprice h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-rummy .package-box-rummy .violetprice h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-rummy .package-box-rummy .violetprice .padd-btm {
  padding-bottom: 5px;
}
.choose-package-rummy .package-box-rummy .violetprice .padd-top {
  padding-top: 10px;
}
.choose-package-rummy .package-box-rummy .violetprice .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.choose-package-rummy .package-box-rummy .violetprice .strip-yellow {
  border-radius: 10px;
  background: #ffffff;
  color: #000000 !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 14px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-rummy .package-box-rummy .violetprice .strip-yellow a {
  color: #000000 !important;
  text-decoration: none;
  margin-top: 10px;
  background: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-rummy .package-box-rummy .violetprice .strip-yellow a:hover {
  color: #a5000d;
}
.choose-package-rummy .package-box-rummy .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-rummy .package-box-rummy .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-rummy .package-box-rummy .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-rummy .package-box-rummy .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-rummy {
  background: #a5000d;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-rummy h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-rummy a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-rummy a.white-btn div {
  padding: 10px 20px;
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-rummy .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.ludo-banner {
  background: url("../../images/foody-bg-1.png") #5c027e top no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 60px 0px 110px 0px;
}
.ludo-banner .ludo-text h1 {
  font-size: 46px;
  color: #ffffff;
  line-height: 46px;
  font-weight: 300;
}
.ludo-banner .ludo-text h1 span {
  font-weight: bold;
}
.ludo-banner .ludo-text p {
  color: #ffffff;
  font-size: 22px;
}
.ludo-banner .ludo-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.ludo-banner .ludo-text a.yellow-btn div {
  padding: 10px 15px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(231, 231, 231) 100%, rgb(0, 212, 255) 100%);
  color: #000000;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #c3c3c3;
}
.ludo-banner .ludo-text a.yellow-btn div img {
  width: 20px;
}
.ludo-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.ludo-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.ludo-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}

.foody-content {
  padding: 40px 0px 40px 0px;
}

.small-green {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.ludo-app-bg {
  background: #760084;
  background-size: cover;
  padding: 40px 0px 40px 0px;
}
.ludo-app-bg .app-ludo-text {
  font-size: 30px;
  color: #ffffff;
  line-height: 36px;
  box-sizing: border-box;
  padding: 20px 40px;
}
.ludo-app-bg .app-ludo-text span {
  font-weight: bold;
}

.advantage-ludo {
  background: #faefff;
  padding: 60px 0px 60px 0px;
  margin-top: 30px;
}
.advantage-ludo h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
}
.advantage-ludo h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
}
.advantage-ludo .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-ludo .features-list ul li {
  width: 16.6%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-ludo .features-list ul li .feature-box {
  font-size: 16px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: #ffffff;
  height: 220px;
  border-radius: 6px;
}
.advantage-ludo .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-ludo .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
}

.ludo-content {
  padding: 60px 0px;
}
.ludo-content .nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}
.ludo-content .nav-tabs {
  border: 0px;
}
.ludo-content .nav-fill .nav-item, .ludo-content .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}
.ludo-content .nav-link div {
  padding-top: 10px;
}
.ludo-content .nav-tabs .nav-item.show .nav-link, .ludo-content .nav-tabs .nav-link.active {
  background: #9e0697;
  color: #ffffff;
  padding: 15px 0px;
}
.ludo-content .tab-content > .active {
  padding: 30px 0px;
}
.ludo-content .admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.ludo-content .admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens {
  background: #f2f2f2;
  padding: 40px 0px;
}
.appscreens h2 {
  font-weight: 700;
  font-size: 30px;
}
.appscreens .app-screen-scroll .item {
  padding: 20px;
}
.appscreens .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg-ludo {
  background: #faefff;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg-ludo h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-ludo {
  padding: 40px 0px 60px 0px;
}
.choose-package-ludo h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-ludo .delivery-time {
  overflow: hidden;
}
.choose-package-ludo .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-ludo .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-ludo a.default-btn-green div {
  background: #9e0697;
}
.choose-package-ludo a.default-btn-green div:hover {
  background: #f1aa00;
}
.choose-package-ludo .package-box-ludo {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 800px;
}
.choose-package-ludo .package-box-ludo h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #9e0697;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-ludo .package-box-ludo .violetprice {
  background: #9e0697;
  padding: 15px;
  border-radius: 10px;
}
.choose-package-ludo .package-box-ludo .violetprice h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-ludo .package-box-ludo .violetprice h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-ludo .package-box-ludo .violetprice .padd-btm {
  padding-bottom: 5px;
}
.choose-package-ludo .package-box-ludo .violetprice .padd-top {
  padding-top: 10px;
}
.choose-package-ludo .package-box-ludo .violetprice .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.choose-package-ludo .package-box-ludo .violetprice .strip-yellow {
  border-radius: 10px;
  background: #edbcff;
  color: #000000 !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-ludo .package-box-ludo .violetprice .strip-yellow a {
  color: #000000 !important;
  text-decoration: none;
  margin-top: 10px;
  background: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-ludo .package-box-ludo .violetprice .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package-ludo .package-box-ludo .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-ludo .package-box-ludo .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-ludo .package-box-ludo .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-ludo .package-box-ludo .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-ludo {
  background: #9e0697;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-ludo h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-ludo a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-ludo a.white-btn div {
  padding: 10px 20px;
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-ludo .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.face-attendence-banner {
  background: url("../../images/face-attendence-bg-1.jpg") center center no-repeat;
  background-size: cover;
  padding: 60px 0px 110px 0px;
  margin-bottom: 200px;
}
.face-attendence-banner .face-attendence-img {
  margin-bottom: -300px;
  padding-top: 30px;
  position: relative;
}
.face-attendence-banner .face-attendence-text h1 {
  font-size: 46px;
  color: #ffffff;
  line-height: 46px;
  font-weight: 300;
}
.face-attendence-banner .face-attendence-text h1 span {
  font-weight: bold;
}
.face-attendence-banner .face-attendence-text p {
  color: #ffffff;
  font-size: 22px;
}
.face-attendence-banner .face-attendence-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.face-attendence-banner .face-attendence-text a.yellow-btn div {
  padding: 10px 15px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(231, 231, 231) 100%, rgb(0, 212, 255) 100%);
  color: #000000;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #c3c3c3;
}
.face-attendence-banner .face-attendence-text a.yellow-btn div img {
  width: 20px;
}
.face-attendence-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.face-attendence-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.face-attendence-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}

.face-attendenc-new-bg {
  background: #fadfdf !important;
}

.face-attendence-content {
  padding: 20px 0px;
}
.face-attendence-content ul {
  margin: 0px;
  padding: 0px;
}
.face-attendence-content ul li {
  margin: 0px;
  padding: 0px;
  margin-left: 20px;
}

.small-green {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.face-attendence-app-bg {
  background: url("../../images/face-attendence-bg-1.jpg") center center no-repeat;
  padding: 40px 0px 40px 0px;
  margin-top: 80px;
}
.face-attendence-app-bg .app-face-attendence-text {
  font-size: 30px;
  color: #ffffff;
  line-height: 36px;
  box-sizing: border-box;
  padding: 20px 40px;
}
.face-attendence-app-bg .app-face-attendence-text span {
  font-weight: bold;
}
.face-attendence-app-bg .types-face-attendence {
  background: #ffffff;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  color: #000000;
  border-radius: 10px;
  height: 148px;
}
.face-attendence-app-bg .types-face-attendence p {
  line-height: 20px;
  padding-top: 10px;
  margin-bottom: 0px;
}
.face-attendence-app-bg .types-face-attendence img {
  width: 72px;
}
.face-attendence-app-bg .face-attendence-hand-right {
  width: 55%;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.face-attendence-app-bg .face-attendence-hand-right img {
  width: 100%;
}
.face-attendence-app-bg .arrow-diagno-text {
  width: 200px;
  position: absolute;
  right: -119px;
  bottom: -36px;
}
.face-attendence-app-bg .arrow-diagno-text img {
  width: 100%;
}

.advantage-face-attendence {
  background: #fadfdf;
  padding: 60px 0px 0px 0px;
  margin-top: 30px;
}
.advantage-face-attendence h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
}
.advantage-face-attendence h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
}
.advantage-face-attendence .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-face-attendence .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-face-attendence .features-list ul li .feature-box {
  font-size: 18px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: #ffffff;
  height: 180px;
  border-radius: 6px;
}
.advantage-face-attendence .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-face-attendence .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
}
.advantage-face-attendence .features-list ul li .margin-top-fea {
  margin-top: 20px;
}
.advantage-face-attendence .features-list ul li:nth-child(2) {
  margin-top: 60px;
}
.advantage-face-attendence .features-list ul li:nth-child(4) {
  margin-top: 60px;
}

.face-attendence-content .nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}
.face-attendence-content .nav-tabs {
  border: 0px;
}
.face-attendence-content .nav-fill .nav-item, .face-attendence-content .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}
.face-attendence-content .nav-link div {
  padding-top: 10px;
}
.face-attendence-content .nav-tabs .nav-item.show .nav-link, .face-attendence-content .nav-tabs .nav-link.active {
  background: #d30909;
  color: #ffffff;
  padding: 15px 0px;
}
.face-attendence-content .tab-content > .active {
  padding: 30px 0px;
}
.face-attendence-content .admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.face-attendence-content .admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens {
  background: #f2f2f2;
  padding: 40px 0px;
}
.appscreens h2 {
  font-weight: 700;
  font-size: 30px;
}
.appscreens .app-screen-scroll .item {
  padding: 20px;
}
.appscreens .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg {
  background: #f0f7ff;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-face-attendence {
  padding: 40px 0px 60px 0px;
}
.choose-package-face-attendence h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-face-attendence .delivery-time {
  overflow: hidden;
}
.choose-package-face-attendence .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-face-attendence .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-face-attendence a.default-btn-green div {
  background: #d30909;
}
.choose-package-face-attendence a.default-btn-green div:hover {
  background: #f1aa00;
}
.choose-package-face-attendence .package-box-face-attendence {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 880px;
}
.choose-package-face-attendence .package-box-face-attendence h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #000000;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-face-attendence .package-box-face-attendence .blueprice {
  background: #d30909;
  padding: 15px;
  border-radius: 10px;
}
.choose-package-face-attendence .package-box-face-attendence .blueprice h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-face-attendence .package-box-face-attendence .blueprice h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-face-attendence .package-box-face-attendence .blueprice .padd-btm {
  padding-bottom: 5px;
}
.choose-package-face-attendence .package-box-face-attendence .blueprice .padd-top {
  padding-top: 10px;
}
.choose-package-face-attendence .package-box-face-attendence .blueprice .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.choose-package-face-attendence .package-box-face-attendence .blueprice .strip-yellow {
  border-radius: 10px;
  background: #fadfdf;
  color: #000000 !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-face-attendence .package-box-face-attendence .blueprice .strip-yellow a {
  color: #000000 !important;
  text-decoration: none;
  margin-top: 10px;
  background: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-face-attendence .package-box-face-attendence .blueprice .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package-face-attendence .package-box-face-attendence .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-face-attendence .package-box-face-attendence .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-face-attendence .package-box-face-attendence .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-face-attendence .package-box-face-attendence .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-face-attendence {
  background: #d30909;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-face-attendence h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-face-attendence a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-face-attendence a.white-btn div {
  padding: 10px 20px;
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-face-attendence .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.urban-banner {
  background: url("../../images/urban-bg.png");
  background-size: cover;
  padding: 60px 0px 200px 0px;
  min-height: 100vh;
}
.urban-banner .urban-img {
  margin-bottom: -300px;
  padding-top: 30px;
  position: relative;
}
.urban-banner .urban-text h1 {
  font-size: 36px;
  color: #ffffff;
  line-height: 46px;
  font-weight: 300;
}
.urban-banner .urban-text h1 span {
  font-weight: bold;
}
.urban-banner .urban-text p {
  color: #ffffff;
  font-size: 22px;
}
.urban-banner .urban-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.urban-banner .urban-text a.yellow-btn div {
  padding: 10px 15px;
  background: #343434;
  color: #ffffff;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #232323;
}
.urban-banner .urban-text a.yellow-btn div img {
  width: 20px;
}
.urban-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.urban-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.urban-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}

.urban-content {
  padding: 20px 0px;
}

.small-green {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.urban-app-bg {
  background: url("../../images/diagno-bg.jpg") center center no-repeat;
  padding: 60px 0px 80px 0px;
  margin-top: 80px;
}
.urban-app-bg .app-diagno-text {
  font-size: 30px;
  color: #000000;
  line-height: 36px;
  box-sizing: border-box;
  padding: 20px 40px;
}
.urban-app-bg .app-diagno-text span {
  font-weight: bold;
}
.urban-app-bg .types-diagno {
  background: #ffffff;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  color: #000000;
  border-radius: 10px;
  height: 148px;
}
.urban-app-bg .types-diagno p {
  line-height: 20px;
  padding-top: 10px;
  margin-bottom: 0px;
}
.urban-app-bg .types-diagno img {
  width: 72px;
}
.urban-app-bg .urban-hand-right {
  width: 55%;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.urban-app-bg .urban-hand-right img {
  width: 100%;
}
.urban-app-bg .arrow-diagno-text {
  width: 200px;
  position: absolute;
  right: -119px;
  bottom: -36px;
}
.urban-app-bg .arrow-diagno-text img {
  width: 100%;
}

.tech-partner-urban {
  background: #262626;
}

.tech-partner-urban h2 {
  color: #ffffff;
}

.advantage-urban {
  background: #070707;
  padding: 60px 0px 0px 0px;
  margin-top: 30px;
}
.advantage-urban h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
  color: #ffffff;
}
.advantage-urban h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
}
.advantage-urban .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-urban .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-urban .features-list ul li .feature-box {
  font-size: 18px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: #262626;
  height: 180px;
  border-radius: 6px;
}
.advantage-urban .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-urban .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
  color: #ffffff;
}
.advantage-urban .features-list ul li .margin-top-fea {
  margin-top: 20px;
}
.advantage-urban .features-list ul li:nth-child(2) {
  margin-top: 60px;
}
.advantage-urban .features-list ul li:nth-child(4) {
  margin-top: 60px;
}

.urban-content .nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}
.urban-content .nav-tabs {
  border: 0px;
}
.urban-content .nav-fill .nav-item, .urban-content .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}
.urban-content .nav-link div {
  padding-top: 10px;
}
.urban-content .nav-tabs .nav-item.show .nav-link, .urban-content .nav-tabs .nav-link.active {
  background: #262626 !important;
  color: #ffffff;
  padding: 15px 0px;
}
.urban-content .tab-content > .active {
  padding: 30px 0px;
}
.urban-content .admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.urban-content .admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens-urban {
  background: #262626;
  padding: 40px 0px;
}
.appscreens-urban h2 {
  font-weight: 700;
  font-size: 30px;
}
.appscreens-urban .app-screen-scroll .item {
  padding: 20px;
}
.appscreens-urban .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg-urban {
  background: #262626;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg-urban h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
  color: #ffffff;
}
.advantage-bg-urban .app-col-1 {
  color: #ffffff;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-urban {
  padding: 40px 0px 60px 0px;
}
.choose-package-urban h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-urban .delivery-time {
  overflow: hidden;
}
.choose-package-urban .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-urban .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-urban a.default-btn-green div {
  background: #262626;
  color: #ffffff;
}
.choose-package-urban a.default-btn-green div:hover {
  background: #fe441a;
  color: #ffffff;
}
.choose-package-urban .package-box-urban {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 1150px;
}
.choose-package-urban .package-box-urban h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #000000;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-urban .package-box-urban .blueprice {
  background: #202020;
  padding: 15px;
  border-radius: 10px;
}
.choose-package-urban .package-box-urban .blueprice h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-urban .package-box-urban .blueprice h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-urban .package-box-urban .blueprice .padd-btm {
  padding-bottom: 5px;
}
.choose-package-urban .package-box-urban .blueprice .padd-top {
  padding-top: 10px;
}
.choose-package-urban .package-box-urban .blueprice .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.choose-package-urban .package-box-urban .blueprice .strip-yellow {
  border-radius: 10px;
  background: #0a0a0a;
  color: #ffffff !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-urban .package-box-urban .blueprice .strip-yellow b {
  color: #ffc337;
}
.choose-package-urban .package-box-urban .blueprice .strip-yellow a {
  color: #ffffff !important;
  text-decoration: none;
  margin-top: 10px;
  background: #262626;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-urban .package-box-urban .blueprice .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package-urban .package-box-urban .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-urban .package-box-urban .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-urban .package-box-urban .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-urban .package-box-urban .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-urban {
  background: #262626;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-urban h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-urban a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-urban a.white-btn div {
  padding: 10px 20px;
  background: #343434;
  color: #ffffff;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-urban .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.citydeals-banner {
  background: url("../../images/citydeals-bg.png");
  background-size: cover;
  padding: 60px 0px 200px 0px;
  min-height: 100vh;
}
.citydeals-banner .citydeals-img {
  margin-bottom: -300px;
  padding-top: 30px;
  position: relative;
}
.citydeals-banner .citydeals-text h1 {
  font-size: 36px;
  color: #ffffff;
  line-height: 46px;
  font-weight: 300;
}
.citydeals-banner .citydeals-text h1 span {
  font-weight: bold;
}
.citydeals-banner .citydeals-text p {
  color: #ffffff;
  font-size: 22px;
}
.citydeals-banner .citydeals-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.citydeals-banner .citydeals-text a.yellow-btn div {
  padding: 10px 15px;
  background: #343434;
  color: #ffffff;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #232323;
}
.citydeals-banner .citydeals-text a.yellow-btn div img {
  width: 20px;
}
.citydeals-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.citydeals-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.citydeals-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}

.citydeals-content {
  padding: 20px 0px;
}

.small-green {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.citydeals-app-bg {
  background: url("../../images/diagno-bg.jpg") center center no-repeat;
  padding: 60px 0px 80px 0px;
  margin-top: 80px;
}
.citydeals-app-bg .app-diagno-text {
  font-size: 30px;
  color: #000000;
  line-height: 36px;
  box-sizing: border-box;
  padding: 20px 40px;
}
.citydeals-app-bg .app-diagno-text span {
  font-weight: bold;
}
.citydeals-app-bg .types-diagno {
  background: #ffffff;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  color: #000000;
  border-radius: 10px;
  height: 148px;
}
.citydeals-app-bg .types-diagno p {
  line-height: 20px;
  padding-top: 10px;
  margin-bottom: 0px;
}
.citydeals-app-bg .types-diagno img {
  width: 72px;
}
.citydeals-app-bg .citydeals-hand-right {
  width: 55%;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.citydeals-app-bg .citydeals-hand-right img {
  width: 100%;
}
.citydeals-app-bg .arrow-diagno-text {
  width: 200px;
  position: absolute;
  right: -119px;
  bottom: -36px;
}
.citydeals-app-bg .arrow-diagno-text img {
  width: 100%;
}

.tech-partner-citydeals {
  background: #f3f3f3;
}

.tech-partner-citydeals h2 {
  color: #000000;
}

.advantage-citydeals {
  background: #19865a;
  padding: 60px 0px 0px 0px;
  margin-top: 30px;
}
.advantage-citydeals h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
  color: #ffffff;
}
.advantage-citydeals h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
}
.advantage-citydeals .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-citydeals .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-citydeals .features-list ul li .feature-box {
  font-size: 18px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: #ffffff;
  height: 180px;
  border-radius: 6px;
}
.advantage-citydeals .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-citydeals .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
  color: #000000;
}
.advantage-citydeals .features-list ul li .margin-top-fea {
  margin-top: 20px;
}
.advantage-citydeals .features-list ul li:nth-child(2) {
  margin-top: 60px;
}
.advantage-citydeals .features-list ul li:nth-child(4) {
  margin-top: 60px;
}

.citydeals-content .nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}
.citydeals-content .nav-tabs {
  border: 0px;
}
.citydeals-content .nav-fill .nav-item, .citydeals-content .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}
.citydeals-content .nav-link div {
  padding-top: 10px;
}
.citydeals-content .nav-tabs .nav-item.show .nav-link, .citydeals-content .nav-tabs .nav-link.active {
  background: #262626 !important;
  color: #ffffff;
  padding: 15px 0px;
}
.citydeals-content .tab-content > .active {
  padding: 30px 0px;
}
.citydeals-content .admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.citydeals-content .admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens-citydeals {
  background: #262626;
  padding: 40px 0px;
}
.appscreens-citydeals h2 {
  font-weight: 700;
  font-size: 30px;
}
.appscreens-citydeals .app-screen-scroll .item {
  padding: 20px;
}
.appscreens-citydeals .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg-citydeals {
  background: #262626;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg-citydeals h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
  color: #ffffff;
}
.advantage-bg-citydeals .app-col-1 {
  color: #ffffff;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-citydeals {
  padding: 40px 0px 60px 0px;
}
.choose-package-citydeals h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-citydeals .delivery-time {
  overflow: hidden;
}
.choose-package-citydeals .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-citydeals .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-citydeals a.default-btn-green div {
  background: #262626;
  color: #ffffff;
}
.choose-package-citydeals a.default-btn-green div:hover {
  background: #fe441a;
  color: #ffffff;
}
.choose-package-citydeals .package-box-citydeals {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 1150px;
}
.choose-package-citydeals .package-box-citydeals h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #000000;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-citydeals .package-box-citydeals .blueprice {
  background: #202020;
  padding: 15px;
  border-radius: 10px;
}
.choose-package-citydeals .package-box-citydeals .blueprice h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-citydeals .package-box-citydeals .blueprice h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-citydeals .package-box-citydeals .blueprice .padd-btm {
  padding-bottom: 5px;
}
.choose-package-citydeals .package-box-citydeals .blueprice .padd-top {
  padding-top: 10px;
}
.choose-package-citydeals .package-box-citydeals .blueprice .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.choose-package-citydeals .package-box-citydeals .blueprice .strip-yellow {
  border-radius: 10px;
  background: #0a0a0a;
  color: #ffffff !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-citydeals .package-box-citydeals .blueprice .strip-yellow b {
  color: #ffc337;
}
.choose-package-citydeals .package-box-citydeals .blueprice .strip-yellow a {
  color: #ffffff !important;
  text-decoration: none;
  margin-top: 10px;
  background: #262626;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-citydeals .package-box-citydeals .blueprice .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package-citydeals .package-box-citydeals .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-citydeals .package-box-citydeals .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-citydeals .package-box-citydeals .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-citydeals .package-box-citydeals .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-citydeals {
  background: #262626;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-citydeals h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-citydeals a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-citydeals a.white-btn div {
  padding: 10px 20px;
  background: #343434;
  color: #ffffff;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-citydeals .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.bookdriver-banner {
  /* 	background:#8360e9;  */
  background: url("../../images/book-driver-bg.webp") #8360e9;
  background-size: cover;
  padding: 60px 0px 200px 0px;
  min-height: 60vh;
}
.bookdriver-banner .bookdriver-img {
  margin-bottom: -300px;
  padding-top: 0px;
  position: relative;
}
.bookdriver-banner .bookdriver-text h1 {
  font-size: 34px;
  color: #ffffff;
  line-height: 46px;
  font-weight: 300;
}
.bookdriver-banner .bookdriver-text h1 span {
  font-weight: bold;
}
.bookdriver-banner .bookdriver-text p {
  color: #ffffff;
  font-size: 22px;
}
.bookdriver-banner .bookdriver-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.bookdriver-banner .bookdriver-text a.yellow-btn div {
  padding: 10px 15px;
  background: #343434;
  color: #ffffff;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #232323;
}
.bookdriver-banner .bookdriver-text a.yellow-btn div img {
  width: 20px;
}
.bookdriver-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.bookdriver-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.bookdriver-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}
.bookdriver-banner .white-text {
  color: #ffffff;
}
.bookdriver-banner .white-text a {
  color: #ffffff;
}

.bookdriver-content {
  padding: 20px 0px;
}

.content-padd-top {
  padding-top: 100px !important;
}

.small-green {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.bookdriver-app-bg {
  background: url("../../images/diagno-bg.jpg") center center no-repeat;
  padding: 60px 0px 80px 0px;
  margin-top: 80px;
}
.bookdriver-app-bg .app-diagno-text {
  font-size: 30px;
  color: #000000;
  line-height: 36px;
  box-sizing: border-box;
  padding: 20px 40px;
}
.bookdriver-app-bg .app-diagno-text span {
  font-weight: bold;
}
.bookdriver-app-bg .types-diagno {
  background: #ffffff;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  color: #000000;
  border-radius: 10px;
  height: 148px;
}
.bookdriver-app-bg .types-diagno p {
  line-height: 20px;
  padding-top: 10px;
  margin-bottom: 0px;
}
.bookdriver-app-bg .types-diagno img {
  width: 72px;
}
.bookdriver-app-bg .bookdriver-hand-right {
  width: 55%;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.bookdriver-app-bg .bookdriver-hand-right img {
  width: 100%;
}
.bookdriver-app-bg .arrow-diagno-text {
  width: 200px;
  position: absolute;
  right: -119px;
  bottom: -36px;
}
.bookdriver-app-bg .arrow-diagno-text img {
  width: 100%;
}

.tech-partner-bookdriver {
  background: #f6f6f6;
}

.tech-partner-bookdriver h2 {
  color: #000000;
}

.advantage-bookdriver {
  background: url("../../images/book-driver-bg.webp") #8360e9;
  background-attachment: fixed;
  /* background: #8360e9; */
  padding: 60px 0px 60px 0px;
  margin-top: 30px;
}
.advantage-bookdriver h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
  color: #ffffff;
}
.advantage-bookdriver h2 span {
  font-weight: bold;
  font-size: 26px;
}
.advantage-bookdriver .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-bookdriver .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
  /* &:nth-child(2)
  {
  	margin-top:60px;
  }

  &:nth-child(4)
  {
  	margin-top:60px;
  } */
}
.advantage-bookdriver .features-list ul li .feature-box {
  font-size: 18px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: rgba(0, 0, 0, 0.1411764706);
  height: 180px;
  border-radius: 6px;
}
.advantage-bookdriver .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-bookdriver .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
  color: #ffffff;
}
.advantage-bookdriver .features-list ul li .margin-top-fea {
  margin-top: 20px;
}

.bookdriver-content .nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}
.bookdriver-content .nav-tabs {
  border: 0px;
}
.bookdriver-content .nav-fill .nav-item, .bookdriver-content .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}
.bookdriver-content .nav-link div {
  padding-top: 10px;
}
.bookdriver-content .nav-tabs .nav-item.show .nav-link, .bookdriver-content .nav-tabs .nav-link.active {
  background: #8360e9 !important;
  color: #ffffff;
  padding: 15px 0px;
}
.bookdriver-content .tab-content > .active {
  padding: 30px 0px;
}
.bookdriver-content .admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.bookdriver-content .admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens-bookdriver {
  background: #8360e9;
  padding: 40px 0px;
}
.appscreens-bookdriver h2 {
  font-weight: 700;
  font-size: 30px;
  color: #ffffff;
}
.appscreens-bookdriver .app-screen-scroll .item {
  padding: 20px;
}
.appscreens-bookdriver .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg-bookdriver {
  background: #8360e9;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg-bookdriver h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
  color: #ffffff;
}
.advantage-bg-bookdriver .app-col-1 {
  color: #ffffff;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-bookdriver {
  padding: 40px 0px 60px 0px;
}
.choose-package-bookdriver h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-bookdriver .delivery-time {
  overflow: hidden;
}
.choose-package-bookdriver .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-bookdriver .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-bookdriver a.default-btn-green div {
  background: #8360e9;
  color: #ffffff;
}
.choose-package-bookdriver a.default-btn-green div:hover {
  background: #fe441a;
  color: #ffffff;
}
.choose-package-bookdriver .package-box-bookdriver {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 0px;
  overflow: hidden;
  text-align: center;
  border-radius: 15px;
  min-height: 940px;
}
.choose-package-bookdriver .package-box-bookdriver h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #8360e9;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding: 15px 0px 10px 0px;
}
.choose-package-bookdriver .package-box-bookdriver .blueprice {
  background: #8360e9;
  padding: 15px;
  border-radius: 0px;
}
.choose-package-bookdriver .package-box-bookdriver .blueprice h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-bookdriver .package-box-bookdriver .blueprice h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-bookdriver .package-box-bookdriver .blueprice .padd-btm {
  padding-bottom: 5px;
}
.choose-package-bookdriver .package-box-bookdriver .blueprice .padd-top {
  padding-top: 10px;
}
.choose-package-bookdriver .package-box-bookdriver .blueprice .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.choose-package-bookdriver .package-box-bookdriver .blueprice .strip-yellow {
  border-radius: 0px;
  background: #6540d1;
  color: #ffffff !important;
  padding: 10px 30px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-bookdriver .package-box-bookdriver .blueprice .strip-yellow b {
  color: #ffc337;
}
.choose-package-bookdriver .package-box-bookdriver .blueprice .strip-yellow a {
  color: #ffffff !important;
  text-decoration: none;
  margin-top: 10px;
  background: #8360e9;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-bookdriver .package-box-bookdriver .blueprice .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package-bookdriver .package-box-bookdriver .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-bookdriver .package-box-bookdriver .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-bookdriver .package-box-bookdriver .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-bookdriver .package-box-bookdriver .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-bookdriver {
  background: #8360e9;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-bookdriver h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-bookdriver a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-bookdriver a.white-btn div {
  padding: 10px 20px;
  background: #343434;
  color: #ffffff;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-bookdriver .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.classify-banner {
  background: url("../../images/foody-bg-1.png") #0e7ad5 top no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 60px 0px 60px 0px;
}
.classify-banner .classify-img {
  padding-top: 0px;
  position: relative;
}
.classify-banner .classify-text h1 {
  font-size: 36px;
  color: #ffffff;
  line-height: 46px;
  font-weight: 300;
}
.classify-banner .classify-text h1 span {
  font-weight: bold;
}
.classify-banner .classify-text p {
  color: #ffffff;
  font-size: 22px;
}
.classify-banner .classify-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.classify-banner .classify-text a.yellow-btn div {
  padding: 10px 15px;
  background: #343434;
  color: #ffffff;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #232323;
}
.classify-banner .classify-text a.yellow-btn div img {
  width: 20px;
}
.classify-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.classify-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.classify-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}
.classify-banner .white-text {
  color: #ffffff;
}
.classify-banner .white-text a {
  color: #ffffff;
}

.classify-content {
  padding: 20px 0px;
}

.small-green {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.classify-app-bg {
  background: url("../../images/diagno-bg.jpg") center center no-repeat;
  padding: 60px 0px 80px 0px;
  margin-top: 80px;
}
.classify-app-bg .app-diagno-text {
  font-size: 30px;
  color: #000000;
  line-height: 36px;
  box-sizing: border-box;
  padding: 20px 40px;
}
.classify-app-bg .app-diagno-text span {
  font-weight: bold;
}
.classify-app-bg .types-diagno {
  background: #ffffff;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  color: #000000;
  border-radius: 10px;
  height: 148px;
}
.classify-app-bg .types-diagno p {
  line-height: 20px;
  padding-top: 10px;
  margin-bottom: 0px;
}
.classify-app-bg .types-diagno img {
  width: 72px;
}
.classify-app-bg .classify-hand-right {
  width: 55%;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.classify-app-bg .classify-hand-right img {
  width: 100%;
}
.classify-app-bg .arrow-diagno-text {
  width: 200px;
  position: absolute;
  right: -119px;
  bottom: -36px;
}
.classify-app-bg .arrow-diagno-text img {
  width: 100%;
}

.tech-partner-classify {
  background: #0e7ad5;
}

.tech-partner-classify h2 {
  color: #ffffff;
}

.advantage-classify {
  background: url("../../images/foody-bg-1.png") #0e7ad5 top no-repeat;
  background-attachment: fixed;
  padding: 60px 0px 0px 0px;
  margin-top: 30px;
}
.advantage-classify h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
  color: #ffffff;
}
.advantage-classify h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
}
.advantage-classify .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-classify .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-classify .features-list ul li .feature-box {
  font-size: 18px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: #0468bc;
  height: 180px;
  border-radius: 6px;
}
.advantage-classify .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-classify .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
  color: #ffffff;
}
.advantage-classify .features-list ul li .margin-top-fea {
  margin-top: 20px;
}
.advantage-classify .features-list ul li:nth-child(2) {
  margin-top: 60px;
}
.advantage-classify .features-list ul li:nth-child(4) {
  margin-top: 60px;
}

.classify-content .nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}
.classify-content .nav-tabs {
  border: 0px;
}
.classify-content .nav-fill .nav-item, .classify-content .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}
.classify-content .nav-link div {
  padding-top: 10px;
}
.classify-content .nav-tabs .nav-item.show .nav-link, .classify-content .nav-tabs .nav-link.active {
  background: #0e7ad5;
  color: #ffffff;
  padding: 15px 0px;
}
.classify-content .tab-content > .active {
  padding: 30px 0px;
}
.classify-content .admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.classify-content .admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens-classify {
  background: #0468bc;
  padding: 40px 0px;
}
.appscreens-classify h2 {
  font-weight: 700;
  font-size: 30px;
  color: #ffffff;
}
.appscreens-classify .app-screen-scroll .item {
  padding: 20px;
}
.appscreens-classify .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg-classify {
  background: #0e7ad5;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg-classify h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
  color: #ffffff;
}
.advantage-bg-classify .app-col-1 {
  color: #ffffff;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-classify {
  padding: 40px 0px 60px 0px;
}
.choose-package-classify h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-classify .delivery-time {
  overflow: hidden;
}
.choose-package-classify .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-classify .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-classify a.default-btn-green div {
  background: #0e7ad5;
  color: #ffffff;
}
.choose-package-classify a.default-btn-green div:hover {
  background: #fe441a;
  color: #ffffff;
}
.choose-package-classify .package-box-classify {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 1150px;
}
.choose-package-classify .package-box-classify h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #000000;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-classify .package-box-classify .blueprice {
  background: #0e7ad5;
  padding: 15px;
  border-radius: 10px;
}
.choose-package-classify .package-box-classify .blueprice h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-classify .package-box-classify .blueprice h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-classify .package-box-classify .blueprice .padd-btm {
  padding-bottom: 5px;
}
.choose-package-classify .package-box-classify .blueprice .padd-top {
  padding-top: 10px;
}
.choose-package-classify .package-box-classify .blueprice .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.choose-package-classify .package-box-classify .blueprice .strip-yellow {
  border-radius: 10px;
  background: #0468bc;
  color: #ffffff !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-classify .package-box-classify .blueprice .strip-yellow b {
  color: #ffc337;
}
.choose-package-classify .package-box-classify .blueprice .strip-yellow a {
  color: #ffffff !important;
  text-decoration: none;
  margin-top: 10px;
  background: #0e7ad5;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-classify .package-box-classify .blueprice .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package-classify .package-box-classify .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-classify .package-box-classify .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-classify .package-box-classify .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-classify .package-box-classify .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-classify {
  background: #0e7ad5;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-classify h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-classify a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-classify a.white-btn div {
  padding: 10px 20px;
  background: #343434;
  color: #ffffff;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-classify .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.movieflex-banner {
  background: url("../../images/movie-flex-bg-1.png") #0b0b0b top no-repeat;
  background-size: cover;
  padding: 60px 0px 60px 0px;
  background-attachment: fixed;
}
.movieflex-banner .movieflex-img {
  padding-top: 30px;
  position: relative;
}
.movieflex-banner .movieflex-text h1 {
  font-size: 36px;
  color: #ffffff;
  line-height: 46px;
  font-weight: 300;
}
.movieflex-banner .movieflex-text h1 span {
  font-weight: bold;
}
.movieflex-banner .movieflex-text p {
  color: #ffffff;
  font-size: 22px;
}
.movieflex-banner .movieflex-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.movieflex-banner .movieflex-text a.yellow-btn div {
  padding: 10px 15px;
  background: none;
  color: #ffffff;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: none;
}
.movieflex-banner .movieflex-text a.yellow-btn div img {
  width: 20px;
}
.movieflex-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.movieflex-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.movieflex-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}

.movieflex-content {
  padding: 0px 0px;
}
.movieflex-content h1, .movieflex-content h2, .movieflex-content h3 {
  color: #ffffff;
  font-weight: bold;
}
.movieflex-content .black-cnt-text p {
  color: #979797;
}

.small-green {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.movieflex-app-bg {
  background: url("../../images/diagno-bg.jpg") center center no-repeat;
  padding: 60px 0px 80px 0px;
  margin-top: 80px;
}
.movieflex-app-bg .app-diagno-text {
  font-size: 30px;
  color: #000000;
  line-height: 36px;
  box-sizing: border-box;
  padding: 20px 40px;
}
.movieflex-app-bg .app-diagno-text span {
  font-weight: bold;
}
.movieflex-app-bg .types-diagno {
  background: #ffffff;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  color: #000000;
  border-radius: 10px;
  height: 148px;
}
.movieflex-app-bg .types-diagno p {
  line-height: 20px;
  padding-top: 10px;
  margin-bottom: 0px;
}
.movieflex-app-bg .types-diagno img {
  width: 72px;
}
.movieflex-app-bg .movieflex-hand-right {
  width: 55%;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.movieflex-app-bg .movieflex-hand-right img {
  width: 100%;
}
.movieflex-app-bg .arrow-diagno-text {
  width: 200px;
  position: absolute;
  right: -119px;
  bottom: -36px;
}
.movieflex-app-bg .arrow-diagno-text img {
  width: 100%;
}

.tech-partner-movieflex {
  background: url("../../images/movie-flex-bg-1.png") #0b0b0b top no-repeat;
  background-attachment: fixed;
}

.tech-partner-movieflex h2 {
  color: #ffffff;
}

.advantage-movieflex {
  /* background: #070707; */
  padding: 60px 0px 0px 0px;
  margin-top: 0px;
  background: url("../../images/movie-flex-bg-1.png") #0b0b0b top no-repeat;
  background-attachment: fixed;
}
.advantage-movieflex h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
  color: #ffffff;
}
.advantage-movieflex h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
}
.advantage-movieflex .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-movieflex .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-movieflex .features-list ul li .feature-box {
  font-size: 18px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: rgba(0, 0, 0, 0.1882352941);
  height: 180px;
  border-radius: 6px;
}
.advantage-movieflex .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-movieflex .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
  color: #ffffff;
}
.advantage-movieflex .features-list ul li .margin-top-fea {
  margin-top: 20px;
}
.advantage-movieflex .features-list ul li:nth-child(2) {
  margin-top: 60px;
}
.advantage-movieflex .features-list ul li:nth-child(4) {
  margin-top: 60px;
}

.movieflex-content .nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}
.movieflex-content .nav-tabs {
  border: 0px;
}
.movieflex-content .nav-fill .nav-item, .movieflex-content .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}
.movieflex-content .nav-link div {
  padding-top: 10px;
}
.movieflex-content .nav-tabs .nav-item.show .nav-link, .movieflex-content .nav-tabs .nav-link.active {
  background: #262626;
  color: #ffffff;
  padding: 15px 0px;
}
.movieflex-content .tab-content > .active {
  padding: 30px 0px;
}
.movieflex-content .admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.movieflex-content .admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens-movieflex {
  background: url("../../images/movie-flex-bg-1.png") #0b0b0b top no-repeat;
  background-attachment: fixed;
  padding: 40px 0px;
}
.appscreens-movieflex h2 {
  font-weight: 700;
  font-size: 30px;
  color: #ffffff;
}
.appscreens-movieflex .app-screen-scroll .item {
  padding: 20px;
}
.appscreens-movieflex .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg-movieflex {
  background: url("../../images/movie-flex-bg-1.png") #0b0b0b top no-repeat;
  background-attachment: fixed;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg-movieflex h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
  color: #ffffff;
}
.advantage-bg-movieflex .app-col-1 {
  color: #ffffff;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-movieflex {
  padding: 40px 0px 60px 0px;
}
.choose-package-movieflex h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-movieflex .delivery-time {
  overflow: hidden;
}
.choose-package-movieflex .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-movieflex .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-movieflex a.default-btn-green div {
  background: #262626;
  color: #ffffff;
}
.choose-package-movieflex a.default-btn-green div:hover {
  background: #fe441a;
  color: #ffffff;
}
.choose-package-movieflex .package-box-movieflex {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 1150px;
}
.choose-package-movieflex .package-box-movieflex h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #000000;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-movieflex .package-box-movieflex .blueprice {
  background: #202020;
  padding: 15px;
  border-radius: 10px;
}
.choose-package-movieflex .package-box-movieflex .blueprice h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-movieflex .package-box-movieflex .blueprice h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-movieflex .package-box-movieflex .blueprice .padd-btm {
  padding-bottom: 5px;
}
.choose-package-movieflex .package-box-movieflex .blueprice .padd-top {
  padding-top: 10px;
}
.choose-package-movieflex .package-box-movieflex .blueprice .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.choose-package-movieflex .package-box-movieflex .blueprice .strip-yellow {
  border-radius: 10px;
  background: #0a0a0a;
  color: #ffffff !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-movieflex .package-box-movieflex .blueprice .strip-yellow b {
  color: #ffc337;
}
.choose-package-movieflex .package-box-movieflex .blueprice .strip-yellow a {
  color: #ffffff !important;
  text-decoration: none;
  margin-top: 10px;
  background: #262626;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-movieflex .package-box-movieflex .blueprice .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package-movieflex .package-box-movieflex .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-movieflex .package-box-movieflex .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-movieflex .package-box-movieflex .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-movieflex .package-box-movieflex .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-movieflex {
  background: #262626;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-movieflex h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-movieflex a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-movieflex a.white-btn div {
  padding: 10px 20px;
  background: #343434;
  color: #ffffff;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-movieflex .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.matrimony-banner {
  background: url("../../images/matrimony-bg-1.jpg") #0b0b0b top no-repeat;
  background-size: cover;
  padding: 60px 0px 60px 0px;
  background-attachment: fixed;
}
.matrimony-banner .matrimony-img {
  padding-top: 30px;
  position: relative;
}
.matrimony-banner .matrimony-text h1 {
  font-size: 36px;
  color: #ffffff;
  line-height: 46px;
  font-weight: 300;
}
.matrimony-banner .matrimony-text h1 span {
  font-weight: bold;
}
.matrimony-banner .matrimony-text p {
  color: #ffffff;
  font-size: 22px;
}
.matrimony-banner .matrimony-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.matrimony-banner .matrimony-text a.yellow-btn div {
  padding: 10px 15px;
  background: none;
  color: #ffffff;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: none;
}
.matrimony-banner .matrimony-text a.yellow-btn div img {
  width: 20px;
}
.matrimony-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.matrimony-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.matrimony-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}

.matrimony-content {
  padding: 0px 0px;
}
.matrimony-content h1, .matrimony-content h2, .matrimony-content h3 {
  color: #ffffff;
  font-weight: bold;
}
.matrimony-content .black-cnt-text p {
  color: #ffffff;
}

.small-green {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.matrimony-app-bg {
  background: url("../../images/diagno-bg.jpg") center center no-repeat;
  padding: 60px 0px 80px 0px;
  margin-top: 80px;
}
.matrimony-app-bg .app-matrimony-text {
  font-size: 30px;
  color: #000000;
  line-height: 36px;
  box-sizing: border-box;
  padding: 20px 40px;
}
.matrimony-app-bg .app-matrimony-text span {
  font-weight: bold;
}
.matrimony-app-bg .types-matrimony {
  background: #ffffff;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  color: #000000;
  border-radius: 10px;
  height: 148px;
}
.matrimony-app-bg .types-matrimony p {
  line-height: 20px;
  padding-top: 10px;
  margin-bottom: 0px;
}
.matrimony-app-bg .types-matrimony img {
  width: 72px;
}
.matrimony-app-bg .matrimony-hand-right {
  width: 55%;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.matrimony-app-bg .matrimony-hand-right img {
  width: 100%;
}
.matrimony-app-bg .arrow-diagno-text {
  width: 200px;
  position: absolute;
  right: -119px;
  bottom: -36px;
}
.matrimony-app-bg .arrow-diagno-text img {
  width: 100%;
}

.tech-partner-matrimony {
  background: #830b28 top no-repeat;
  background-attachment: fixed;
}

.tech-partner-matrimony h2 {
  color: #ffffff;
}

.advantage-matrimony {
  /* background: #070707;  */
  padding: 60px 0px 0px 0px;
  margin-top: 0px;
  background: url("../../images/matrimony-bg-1.jpg") #0b0b0b top no-repeat;
  background-attachment: fixed;
}
.advantage-matrimony h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
  color: #ffffff;
}
.advantage-matrimony h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
}
.advantage-matrimony .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-matrimony .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-matrimony .features-list ul li .feature-box {
  font-size: 16px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: rgba(0, 0, 0, 0.3137254902);
  height: 180px;
  border-radius: 6px;
}
.advantage-matrimony .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-matrimony .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
  color: #ffffff;
}
.advantage-matrimony .features-list ul li .margin-top-fea {
  margin-top: 20px;
}
.advantage-matrimony .features-list ul li:nth-child(2) {
  margin-top: 60px;
}
.advantage-matrimony .features-list ul li:nth-child(4) {
  margin-top: 60px;
}

.matrimony-content .nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}
.matrimony-content .nav-tabs {
  border: 0px;
}
.matrimony-content .nav-fill .nav-item, .matrimony-content .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}
.matrimony-content .nav-link div {
  padding-top: 10px;
}
.matrimony-content .nav-tabs .nav-item.show .nav-link, .matrimony-content .nav-tabs .nav-link.active {
  background: #262626;
  color: #ffffff;
  padding: 15px 0px;
}
.matrimony-content .tab-content > .active {
  padding: 30px 0px;
}
.matrimony-content .admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.matrimony-content .admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens-matrimony {
  background: #830b28 top no-repeat;
  background-attachment: fixed;
  padding: 40px 0px;
}
.appscreens-matrimony h2 {
  font-weight: 700;
  font-size: 30px;
  color: #ffffff;
}
.appscreens-matrimony .app-screen-scroll .item {
  padding: 20px;
}
.appscreens-matrimony .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg-matrimony {
  background: url("../../images/matrimony-bg-1.jpg") #830b28 top no-repeat;
  background-attachment: fixed;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg-matrimony h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
  color: #ffffff;
}
.advantage-bg-matrimony .app-col-1 {
  color: #ffffff;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-matrimony {
  padding: 40px 0px 60px 0px;
}
.choose-package-matrimony h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-matrimony .delivery-time {
  overflow: hidden;
}
.choose-package-matrimony .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-matrimony .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-matrimony a.default-btn-green div {
  background: #830b28;
  color: #ffffff;
}
.choose-package-matrimony a.default-btn-green div:hover {
  background: #830b28;
  color: #ffffff;
}
.choose-package-matrimony .package-box-matrimony {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 980px;
}
.choose-package-matrimony .package-box-matrimony h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #830b28;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-matrimony .package-box-matrimony .blueprice {
  background: #830b28;
  padding: 15px;
  border-radius: 10px;
}
.choose-package-matrimony .package-box-matrimony .blueprice h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-matrimony .package-box-matrimony .blueprice h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-matrimony .package-box-matrimony .blueprice .padd-btm {
  padding-bottom: 5px;
}
.choose-package-matrimony .package-box-matrimony .blueprice .padd-top {
  padding-top: 10px;
}
.choose-package-matrimony .package-box-matrimony .blueprice .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.choose-package-matrimony .package-box-matrimony .blueprice .strip-yellow {
  border-radius: 10px;
  background: rgba(10, 10, 10, 0.3764705882);
  color: #ffffff !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-matrimony .package-box-matrimony .blueprice .strip-yellow b {
  color: #ffc337;
}
.choose-package-matrimony .package-box-matrimony .blueprice .strip-yellow a {
  color: #ffffff !important;
  text-decoration: none;
  margin-top: 10px;
  background: #262626;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-matrimony .package-box-matrimony .blueprice .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package-matrimony .package-box-matrimony .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-matrimony .package-box-matrimony .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-matrimony .package-box-matrimony .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-matrimony .package-box-matrimony .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-matrimony {
  background: #830b28;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-matrimony h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-matrimony a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-matrimony a.white-btn div {
  padding: 10px 20px;
  background: #343434;
  color: #ffffff;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-matrimony .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.multifoody-banner {
  background: url("../../images/multifoody-bg-1.png") top no-repeat;
  padding: 30px 0px 0px 0px;
}
.multifoody-banner .white-text div {
  padding-top: 5px;
}
.multifoody-banner .white-text a {
  text-decoration: none;
  color: #ffffff;
}
.multifoody-banner .multifoody-text h1 {
  font-size: 42px;
  color: #ffffff;
  line-height: 46px;
  font-weight: 300;
}
.multifoody-banner .multifoody-text h1 span {
  font-weight: bold;
}
.multifoody-banner .multifoody-text p {
  color: #ffffff;
  font-size: 22px;
}
.multifoody-banner .multifoody-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.multifoody-banner .multifoody-text a.yellow-btn div {
  padding: 10px 15px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(231, 231, 231) 100%, rgb(0, 212, 255) 100%);
  color: #000000;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #c3c3c3;
}
.multifoody-banner .multifoody-text a.yellow-btn div img {
  width: 20px;
}
.multifoody-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.multifoody-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.multifoody-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}

.multifoody-content {
  padding: 40px 0px 40px 0px;
}
.multifoody-content .inn-sub-head span {
  display: block;
}

.small-green {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.multifoody-app-bg {
  background: url("../../images/foody-bg-1.png") #ff6433 top no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 40px 0px 40px 0px;
}
.multifoody-app-bg .app-multifoody-text {
  font-size: 30px;
  color: #ffffff;
  line-height: 36px;
  box-sizing: border-box;
  padding: 20px 40px;
}
.multifoody-app-bg .app-multifoody-text span {
  font-weight: bold;
}

.advantage-multifoody {
  background: #ff6433 !important;
  padding: 60px 0px 0px 0px;
  margin-top: 30px;
}
.advantage-multifoody h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
  color: #ffffff !important;
}
.advantage-multifoody h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
}
.advantage-multifoody .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-multifoody .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-multifoody .features-list ul li .feature-box {
  font-size: 18px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: #ffffff;
  height: 180px;
  border-radius: 6px;
}
.advantage-multifoody .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-multifoody .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
}
.advantage-multifoody .features-list ul li .margin-top-fea {
  margin-top: 20px;
}
.advantage-multifoody .features-list ul li:nth-child(2) {
  margin-top: 60px;
}
.advantage-multifoody .features-list ul li:nth-child(4) {
  margin-top: 60px;
}

.multifoody-content .nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}
.multifoody-content .nav-tabs {
  border: 0px;
}
.multifoody-content .nav-fill .nav-item, .multifoody-content .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}
.multifoody-content .nav-link div {
  padding-top: 10px;
}
.multifoody-content .nav-tabs .nav-item.show .nav-link, .multifoody-content .nav-tabs .nav-link.active {
  background: #ffebec !important;
  color: #000000 !important;
  padding: 15px 0px;
}
.multifoody-content .tab-content > .active {
  padding: 30px 0px;
}
.multifoody-content .admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.multifoody-content .admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens-multifoody {
  background: #ff6433;
  padding: 40px 0px;
}
.appscreens-multifoody h2 {
  font-weight: 700;
  font-size: 30px;
  color: #ffffff;
}
.appscreens-multifoody .app-screen-scroll .item {
  padding: 20px;
}
.appscreens-multifoody .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg-multifoody {
  background: #ff6433;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg-multifoody h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
  color: #ffffff;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-multifoody {
  padding: 40px 0px 60px 0px;
}
.choose-package-multifoody h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-multifoody .delivery-time {
  overflow: hidden;
}
.choose-package-multifoody .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-multifoody .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-multifoody a.default-btn-green div {
  background: #ff6433;
}
.choose-package-multifoody a.default-btn-green div:hover {
  background: #f1aa00;
}
.choose-package-multifoody .package-box-multifoody {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px 0px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 1392px;
}
.choose-package-multifoody .package-box-multifoody h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #ff6433;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-multifoody .package-box-multifoody .violetprice {
  background: #ff6433;
  padding: 15px;
  border-radius: 0px;
}
.choose-package-multifoody .package-box-multifoody .violetprice h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-multifoody .package-box-multifoody .violetprice h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-multifoody .package-box-multifoody .violetprice .padd-btm {
  padding-bottom: 5px;
}
.choose-package-multifoody .package-box-multifoody .violetprice .padd-top {
  padding-top: 10px;
}
.choose-package-multifoody .package-box-multifoody .violetprice .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.choose-package-multifoody .package-box-multifoody .violetprice .strip-yellow {
  border-radius: 10px;
  background: #ffd1c2;
  color: #000000 !important;
  padding: 10px 15px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-multifoody .package-box-multifoody .violetprice .strip-yellow a {
  color: #000000 !important;
  text-decoration: none;
  margin-top: 10px;
  background: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-multifoody .package-box-multifoody .violetprice .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package-multifoody .package-box-multifoody .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-multifoody .package-box-multifoody .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-multifoody .package-box-multifoody .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-multifoody .package-box-multifoody .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-multifoody {
  background: #ff6433;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-multifoody h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 36px;
  margin: 0px;
  padding: 0px;
}
.customize-box-multifoody a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-multifoody a.white-btn div {
  padding: 10px 20px;
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-multifoody .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.multirealestate-banner {
  background: #254cb3;
  padding: 30px 0px 0px 0px;
}
.multirealestate-banner .white-text div {
  padding-top: 5px;
}
.multirealestate-banner .white-text a {
  text-decoration: none;
  color: #ffffff;
}
.multirealestate-banner .multirealestate-text h1 {
  font-size: 42px;
  color: #ffffff;
  line-height: 46px;
  font-weight: 300;
}
.multirealestate-banner .multirealestate-text h1 span {
  font-weight: bold;
}
.multirealestate-banner .multirealestate-text p {
  color: #ffffff;
  font-size: 22px;
}
.multirealestate-banner .multirealestate-text a.yellow-btn {
  display: block;
  text-decoration: none;
}
.multirealestate-banner .multirealestate-text a.yellow-btn div {
  padding: 10px 15px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(231, 231, 231) 100%, rgb(0, 212, 255) 100%);
  color: #000000;
  border-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 4px solid #c3c3c3;
}
.multirealestate-banner .multirealestate-text a.yellow-btn div img {
  width: 20px;
}
.multirealestate-banner .product-prize-1 {
  width: 170px;
  height: 170px;
  background: url(../../images/prize-bg.svg);
  background-size: 100%;
  position: absolute;
  right: 40px;
  top: 10px;
}
.multirealestate-banner .product-prize-1 div {
  display: table-cell;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 100em;
}
.multirealestate-banner .product-prize-1 div span {
  font-size: 40px;
  font-weight: bold;
}

.multirealestate-content {
  padding: 40px 0px 40px 0px;
}

.small-green {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.big-green {
  width: 223px;
  position: absolute;
  left: 0px;
  bottom: -134px;
  z-index: 2;
}

.small-green {
  animation: movebounce 3s linear infinite;
}

.big-green {
  animation: movebounce 5s linear infinite;
}

.small-green-2 {
  width: 150px;
  position: absolute;
  left: 33px;
  bottom: 94px;
}

.small-green-2 {
  animation: movebounce 3s linear infinite;
}

.big-green-2 {
  width: 223px;
  position: absolute;
  right: -34px;
  bottom: -130px;
  z-index: 2;
}

.big-green-2 {
  animation: movebounce 5s linear infinite;
}

.multirealestate-app-bg {
  background: url("../../images/foody-bg-1.png") #254cb3 top no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 40px 0px 40px 0px;
}
.multirealestate-app-bg .app-multirealestate-text {
  font-size: 30px;
  color: #ffffff;
  line-height: 36px;
  box-sizing: border-box;
  padding: 20px 40px;
}
.multirealestate-app-bg .app-multirealestate-text span {
  font-weight: bold;
}

.advantage-multirealestate {
  background: #254cb3;
  padding: 60px 0px 0px 0px;
  margin-top: 30px;
}
.advantage-multirealestate h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
  color: #ffffff;
}
.advantage-multirealestate h2 span {
  font-weight: bold;
  display: block;
  font-size: 26px;
}
.advantage-multirealestate .features-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.advantage-multirealestate .features-list ul li {
  width: 25%;
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
.advantage-multirealestate .features-list ul li .feature-box {
  font-size: 18px;
  text-transform: uppercase;
  padding: 20px 30px;
  text-align: center;
  background: #ffffff;
  height: 180px;
  border-radius: 6px;
}
.advantage-multirealestate .features-list ul li .feature-box img {
  width: 80px;
}
.advantage-multirealestate .features-list ul li .feature-box div {
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  clear: both;
}
.advantage-multirealestate .features-list ul li .margin-top-fea {
  margin-top: 20px;
}
.advantage-multirealestate .features-list ul li:nth-child(2) {
  margin-top: 60px;
}
.advantage-multirealestate .features-list ul li:nth-child(4) {
  margin-top: 60px;
}

.diagno-content-multirealestate .nav-tabs .nav-link {
  border-radius: 10px;
  border: 0px;
}
.diagno-content-multirealestate .nav-tabs {
  border: 0px;
}
.diagno-content-multirealestate .nav-fill .nav-item, .diagno-content-multirealestate .nav-fill > .nav-link {
  font-size: 20px;
  color: #000000;
  background: #f2f2f2;
  margin: 0px 10px;
  padding: 15px 0px;
}
.diagno-content-multirealestate .nav-link div {
  padding-top: 10px;
}
.diagno-content-multirealestate .nav-tabs .nav-item.show .nav-link, .diagno-content-multirealestate .nav-tabs .nav-link.active {
  background: #254cb3 !important;
  color: #ffffff;
  padding: 15px 0px;
}
.diagno-content-multirealestate .tab-content > .active {
  padding: 30px 0px;
}
.diagno-content-multirealestate .admin-list .check-box-admin {
  border: 1px solid #f2f2f2;
  padding: 10px 15px;
  text-align: left;
}
.diagno-content-multirealestate .admin-list .check-box-admin img {
  padding-right: 5px;
}

.app-block-icons-left {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-left .app-col-1 {
  width: 80%;
  float: right;
  text-align: right;
  box-sizing: border-box;
  padding-right: 20px;
}
.app-block-icons-left .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: right;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-left .app-col-1 div span {
  display: block;
}
.app-block-icons-left .app-col-2 {
  width: 20%;
  float: right;
}

.app-block-icons-right {
  margin-bottom: 15px;
  overflow: hidden;
}
.app-block-icons-right .app-col-1 {
  width: 80%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.app-block-icons-right .app-col-1 div {
  height: 80px;
  display: table-cell;
  width: 100em;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}
.app-block-icons-right .app-col-1 div span {
  display: block;
}
.app-block-icons-right .app-col-2 {
  width: 20%;
  float: left;
}

.appscreens-realestate {
  background: #254cb3;
  padding: 40px 0px;
}
.appscreens-realestate h2 {
  font-weight: 700;
  font-size: 30px;
  color: #ffffff;
}
.appscreens-realestate .app-screen-scroll .item {
  padding: 20px;
}
.appscreens-realestate .app-screen-scroll .item img {
  border-radius: 15px;
  width: 100%;
}

.advantage-bg-multirealestate {
  background: #c8d7ff;
  padding: 60px 0px;
  overflow: hidden;
}
.advantage-bg-multirealestate h2 {
  font-weight: 500;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
}

.faqs-bg {
  padding: 40px 0px;
  background: #ffffff;
}
.faqs-bg h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

.faqs-bg #faq .card {
  margin-bottom: 2px;
  border: 0;
}

.faqs-bg #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.faqs-bg #faq .card .card-header .btn-header-link {
  color: #ffffff;
  display: block;
  text-align: left;
  background: #f2f2f2;
  color: #000000;
  padding: 20px;
}

.faqs-bg #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  float: right;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed {
  background: #f2f2f2;
  color: #000000;
}

.faqs-bg #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}

.faqs-bg #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
}

.faqs-bg #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  color: #222;
}

.clone-radius img {
  border-radius: 10px;
}

.choose-package-multirealestate {
  padding: 40px 0px 60px 0px;
}
.choose-package-multirealestate h2 {
  font-weight: 500;
  font-size: 30px;
  padding-bottom: 15px;
}
.choose-package-multirealestate .delivery-time {
  overflow: hidden;
}
.choose-package-multirealestate .delivery-time h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}
.choose-package-multirealestate .delivery-time h4 span {
  color: #6d6d6d;
  font-size: 14px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-top: 10px;
}
.choose-package-multirealestate a.default-btn-green div {
  background: #254cb3;
}
.choose-package-multirealestate a.default-btn-green div:hover {
  background: #f1aa00;
}
.choose-package-multirealestate .package-box-multirealestate {
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  min-height: 900px;
}
.choose-package-multirealestate .package-box-multirealestate h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #254cb3;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.choose-package-multirealestate .package-box-multirealestate .violetprice {
  background: #254cb3;
  padding: 15px;
  border-radius: 10px;
}
.choose-package-multirealestate .package-box-multirealestate .violetprice h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.choose-package-multirealestate .package-box-multirealestate .violetprice h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.choose-package-multirealestate .package-box-multirealestate .violetprice .padd-btm {
  padding-bottom: 5px;
}
.choose-package-multirealestate .package-box-multirealestate .violetprice .padd-top {
  padding-top: 10px;
}
.choose-package-multirealestate .package-box-multirealestate .violetprice .brd-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.choose-package-multirealestate .package-box-multirealestate .violetprice .strip-yellow {
  border-radius: 10px;
  background: #4974e5;
  color: #ffffff !important;
  padding: 10px 0px !important;
  font-size: 14px;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: normal;
  overflow: hidden;
}
.choose-package-multirealestate .package-box-multirealestate .violetprice .strip-yellow a {
  color: #000000 !important;
  text-decoration: none;
  margin-top: 10px;
  background: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}
.choose-package-multirealestate .package-box-multirealestate .violetprice .strip-yellow a:hover {
  color: #ff0000;
}
.choose-package-multirealestate .package-box-multirealestate .price-content h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.choose-package-multirealestate .package-box-multirealestate .price-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.choose-package-multirealestate .package-box-multirealestate .price-content ul li {
  padding: 10px 0px;
  text-align: center;
  color: #000000;
  list-style: none;
  border-top: 1px solid #f2f2f2;
  font-weight: normal;
}
.choose-package-multirealestate .package-box-multirealestate .price-content ul li span {
  display: block;
  font-size: 14px;
  color: #6d6d6d;
  letter-spacing: 1px;
}

.customize-box-multirealestate {
  background: #254cb3;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.customize-box-multirealestate h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 32px;
  margin: 0px;
  padding: 0px;
}
.customize-box-multirealestate a.white-btn {
  display: inline-block;
  text-decoration: none;
}
.customize-box-multirealestate a.white-btn div {
  padding: 10px 20px;
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.customize-box-multirealestate .customize-char {
  width: 165px;
  position: absolute;
  bottom: 0px;
  right: 30px;
}

/* Slider Styles */
.slider-bg-inner {
  background: #ffffff;
  padding: 5px 0px;
}
.slider-bg-inner .logo-area {
  width: 250px;
  padding: 6px 0px;
}
.slider-bg-inner .menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: right;
}
.slider-bg-inner .menu ul li {
  float: left;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  list-style: none;
  font-weight: 500;
  padding: 20px 0px 0px 0px;
  margin: 0px 2px;
  letter-spacing: 0.3px;
}
.slider-bg-inner .menu ul li a {
  color: #000000;
  text-decoration: none;
  padding: 10px 15.5px;
  transition: 0.3s;
  text-transform: uppercase;
}
.slider-bg-inner .menu ul li a:hover {
  color: #ffffff;
  background: #04b000;
  border-radius: 5px;
}
.slider-bg-inner .menu ul li:last-child {
  padding-right: 0px;
}
.slider-bg-inner .getquotebtn {
  background: #04b000;
  color: #ffffff !important;
  border-radius: 5px;
}

.slider-bg-inner .sticky .menu ul li {
  padding: 20px 0px 0px 0px;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 600px;
  border-radius: 10px;
  padding-top: 10px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 999;
  top: 58px;
  overflow: hidden;
  background: #ffffff;
}

.dropdown-content li {
  color: black;
  text-decoration: none;
  display: block;
  width: 50%;
  background: #ffffff;
  padding: 0px 0px !important;
  margin: 0px !important;
  font-size: 18px;
  float: left;
}

.dropdown-content li a {
  display: block;
  letter-spacing: 0.3px;
  line-height: 20px;
  font-weight: bolder;
}
.dropdown-content li a .new-tag {
  width: auto;
  height: 16px;
  margin-top: -5px;
}
.dropdown-content li a .new-tag-hot {
  width: auto;
  height: 20px;
  margin-top: -5px;
}
.dropdown-content li a .tickmark {
  font-size: 12px;
  font-weight: 300;
}

.dropdown-content li a:hover {
  background: none !important;
  color: #04b000 !important;
  padding: 10px !important;
  margin: 0px !important;
  width: 100%;
}

.dropdown-content li span {
  display: block;
  font-size: 10px;
  font-weight: normal;
  text-transform: none;
  margin-left: 29px;
  position: relative;
  top: -10px;
}

.dropdown:hover .dropdown-content {
  display: block !important;
}

.sticky .dropdown-content {
  top: 51px;
}

.slider-bg-inner .dropdown-content {
  top: 49px;
}

.dropdown-content-2 {
  min-width: 300px !important;
}
.dropdown-content-2 li {
  width: 100% !important;
}

.inner-banner {
  width: 100%;
  height: 300px;
  display: flex;
  align-items: center;
  background-size: cover !important;
}
.inner-banner h1 {
  font-size: 30px;
  color: #000000;
  line-height: 28px;
}
.inner-banner h1 span {
  display: block;
  padding-top: 3px;
  font-size: 16px;
  letter-spacing: 0.5px;
}

.content-contact {
  padding: 30px 0px;
  overflow: hidden;
  background: #f2f2f2;
}
.content-contact .contact-heading div {
  font-size: 36px;
  font-weight: normal;
}
.content-contact .contact-heading div span {
  font-weight: bold;
}
.content-contact .contact-head-2 h2 {
  font-size: 26px;
  font-weight: bold;
  color: #000000;
}
.content-contact .contact-head-2 .contact-text {
  font-size: 18px;
}
.content-contact .contact-head-2 .contact-text img {
  width: 40px;
}
.content-contact .contactform {
  padding: 35px;
  border-radius: 5px;
  background: #ffffff;
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
}
.content-contact .contactform h2 {
  font-size: 30px;
}
.content-contact .contactform .formdiv ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.content-contact .contactform .formdiv ul li {
  margin: 0px;
  padding: 10px 0px;
  list-style: none;
}
.content-contact .contactform .formdiv ul li input {
  background: #ffffff;
  border: 1px solid #eeeeee;
  padding: 10px;
  width: 100%;
  border-radius: 0px;
  color: #6d6d6d;
}
.content-contact .contactform .formdiv ul li select {
  background: #ffffff;
  border: 1px solid #eeeeee;
  padding: 10px;
  width: 100%;
  border-radius: 0px;
  color: #6d6d6d;
}
.content-contact .contactform .formdiv ul li textarea {
  background: #ffffff;
  border: 1px solid #eeeeee;
  padding: 10px;
  width: 100%;
  border-radius: 0px;
  resize: none;
  color: #6d6d6d;
}
.content-contact .contactform .formdiv ul li button {
  background: #04b000;
  padding: 10px 24px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  border-radius: 6px;
  border: 0px;
  transition: 0.3s;
}
.content-contact .contactform .formdiv ul li .charecter-text span {
  color: #cc0000;
}

.location-text {
  padding: 35px;
  border-radius: 5px;
  background: #ffffff;
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  height: 380px;
}
.location-text img {
  width: 60px;
}
.location-text h4 {
  font-size: 22px;
  color: #000000;
  font-weight: bold;
  padding-top: 20px;
}
.location-text a.emailtext {
  color: #000000;
  text-decoration: none;
}
.location-text a.emailtext:hover {
  color: #f1aa00;
}

.thank-you-main {
  padding: 30px 0px;
  background: #f2f2f2;
}
.thank-you-main .home-text a {
  color: #000000;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 10px;
}
.thank-you-main .thankyoubox {
  padding: 35px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: -2px 10px 30px -1px rgba(0, 0, 0, 0.1);
}
.thank-you-main .thankyoubox .thank-text {
  font-size: 42px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: -0.5px;
}
.thank-you-main .thankyoubox .thank-text-2 {
  font-size: 22px;
  line-height: 28px;
  max-width: 584px;
  margin: auto;
}
.thank-you-main .thankyoubox .thank-text-3 {
  font-size: 22px;
  line-height: 28px;
  max-width: 640px;
  margin: auto;
}
.thank-you-main .thankyoubox .thank-text-3 span {
  font-weight: bold;
}
.thank-you-main .thankyoubox .thank-text-4 {
  font-size: 22px;
  line-height: 28px;
  max-width: 584px;
  margin: auto;
}
.thank-you-main .thankyoubox .thank-text-4 span {
  font-weight: bold;
  color: #04b000;
}
.thank-you-main .thankyoubox .thank-text-5 {
  font-size: 22px;
  line-height: 28px;
  margin-top: 10px;
}
.thank-you-main .thankyoubox .thank-text-5 span {
  font-weight: bold;
  color: #000000;
  background: #f2f2f2;
  padding: 10px 40px;
  border-radius: 30px;
}
.thank-you-main .thankyou-char {
  position: absolute;
  left: 70px;
  bottom: -32px;
  width: 264px;
  z-index: 9;
}
.thank-you-main .thankyou-char img {
  width: 100%;
}

@media only screen and (max-width: 2000px) {
  .slider-bg-inner .menu ul li a {
    padding: 10px 16px !important;
  }
  .show-menu-item {
    display: none;
  }
}
@media only screen and (max-width: 1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1280px;
  }
  .slider-bg .menu ul li a {
    padding: 10px 16px !important;
  }
  .dropdown-conten > li > a:hover {
    background: none !important;
    color: #04b000 !important;
    padding: 0px !important;
    margin: 0px !important;
  }
}
@media only screen and (max-width: 1250px) {
  .menu ul li {
    font-size: 13px !important;
  }
  .menu ul li a {
    padding: 10px 9px !important;
  }
  .project-scroll .owl-nav button.owl-next {
    display: none;
  }
  .project-scroll .owl-nav button.owl-prev {
    display: none;
  }
  .testimonial-scroll .owl-nav button.owl-next {
    display: none;
  }
  .testimonial-scroll .owl-nav button.owl-prev {
    display: none;
  }
  .client-box ul li {
    min-width: 178px;
  }
  .grocery-banner {
    height: auto;
  }
  .grocery-banner .grocery-text a.yellow-btn div {
    font-size: 14px;
    font-weight: normal;
  }
}
@media only screen and (max-width: 1000px) {
  .sticky-bar {
    display: none;
  }
  .slider-bg {
    height: auto;
  }
  .slider-bg .slide-caption h1 {
    padding-top: 30px;
    font-size: 24px;
  }
  .slider-bg .slide-caption h1 span {
    display: inline;
  }
  .slider-bg .logo-area {
    width: 250px;
  }
  .hide-menu-item {
    display: none;
  }
  .show-menu-item {
    display: block;
  }
  .grey-bg {
    margin-top: 40px;
    padding: 60px 0px;
  }
  .grey-bg .content-box-left {
    width: 420px !important;
    padding: 26px !important;
    margin-top: 27px !important;
  }
  .grey-bg .content-box-right {
    width: 420px !important;
    padding: 26px !important;
    margin-top: 27px !important;
  }
  .different-main .right-cont-diff .diff-list ul li {
    padding: 5px 0px;
    font-size: 16px;
  }
  .different-main .right-cont-diff .diff-list ul li img {
    width: 30px;
  }
  .quick-contact-bg .quick-text h2 {
    font-size: 22px;
    line-height: 36px;
  }
  .quick-contact-bg .quick-text h2 span {
    display: inline;
  }
  .quick-contact-bg .home-cont-form {
    padding: 20px;
    margin-bottom: 30px;
  }
  .quick-contact-bg .home-cont-form h2 {
    font-size: 25px;
    padding: 0px 0px 0px 0px;
  }
  .blog-section h2 {
    font-size: 25px;
    padding: 0px 0px 0px 0px;
  }
  .footer-bg .need-help {
    padding: 0px;
  }
  .footer-bg .need-help .contact-element {
    font-size: 35px;
    line-height: 36px;
  }
  .iso-certified-icon {
    width: 100px;
  }
  .experience-icon {
    width: 100px;
  }
  .slide-scroll .owl-dots {
    margin-top: 0px !important;
  }
  .mobile-menu-icon {
    display: inline;
  }
  .testimonial-bg .testi-box {
    padding: 20px 30px !important;
  }
  .product-list ul li a {
    font-size: 16px !important;
  }
  .app-block-icons-left .app-col-1 {
    float: left;
    text-align: left;
    padding-right: 0px;
    padding-left: 20px;
  }
  .app-block-icons-left .app-col-1 div {
    text-align: left;
    font-size: 18px;
    height: 70px;
  }
  .app-block-icons-left .app-col-2 {
    float: left;
  }
  .app-block-icons-right .app-col-1 {
    float: left;
    text-align: left;
    padding-right: 0px;
    padding-left: 20px;
  }
  .app-block-icons-right .app-col-1 div {
    text-align: left;
    font-size: 18px;
    height: 70px;
  }
  .app-block-icons-right .app-col-2 {
    float: left;
  }
  .app-block-icons-left-grocery .app-col-1 {
    float: left;
    text-align: left;
    padding-right: 0px;
    padding-left: 20px;
  }
  .app-block-icons-left-grocery .app-col-1 div {
    text-align: left;
    font-size: 18px;
    height: 70px;
  }
  .app-block-icons-left-grocery .app-col-2 {
    float: left;
  }
  .app-block-icons-right-grocery .app-col-1 {
    float: left;
    text-align: left;
    padding-right: 0px;
    padding-left: 20px;
  }
  .app-block-icons-right-grocery .app-col-1 div {
    text-align: left;
    font-size: 18px;
    height: 70px;
  }
  .app-block-icons-right-grocery .app-col-2 {
    float: left;
  }
  .slider-bg-inner {
    padding: 0px !important;
  }
  .grocery-banner .grocery-text {
    padding-top: 60px;
  }
  .grocery-banner h1 {
    font-size: 26px !important;
    line-height: 30px !important;
  }
  .grocery-banner p {
    font-size: 16px;
  }
  .mobi-padd-top {
    padding-top: 0px !important;
  }
  .grocery-app-bg {
    background: #f0f7ff !important;
    min-height: 640px;
  }
  .grocery-app-bg .app-grocery-text {
    font-size: 25px;
    padding-top: 40px !important;
    line-height: 28px;
    padding-right: 0px !important;
    padding-bottom: 20px;
    text-align: center;
  }
  .advantage-grocery {
    padding-bottom: 60px;
  }
  .advantage-grocery .features-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .advantage-grocery .features-list ul li {
    width: 100%;
    float: none;
    padding: 7px !important;
  }
  .advantage-grocery .features-list ul li .feature-box {
    font-size: 18px;
    min-height: 100%;
    vertical-align: middle;
  }
  .advantage-grocery .features-list ul li .margin-top-fea {
    margin-top: 7px;
  }
  .advantage-grocery .features-list ul li:nth-child(2) {
    margin-top: -7px;
  }
  .advantage-grocery .features-list ul li:nth-child(4) {
    margin-top: -7px;
  }
  .grocerymilky-banner {
    margin-bottom: 0px;
    height: 100%;
    background: none;
    background-color: #0b76d6 !important;
  }
  .grocerymilky-banner .grocerymilky-text {
    padding-top: 60px;
  }
  .grocerymilky-banner h1 {
    font-size: 26px !important;
    line-height: 30px !important;
  }
  .grocerymilky-banner p {
    font-size: 16px;
  }
  .mobi-padd-top {
    padding-top: 0px !important;
  }
  .grocerymilky-app-bg {
    background: #66a7f1 !important;
    min-height: 640px;
  }
  .grocerymilky-app-bg .app-grocerymilky-text {
    font-size: 25px;
    padding-top: 40px !important;
    line-height: 28px;
    padding-right: 0px !important;
    padding-bottom: 20px;
    text-align: center;
  }
  .advantage-grocerymilky {
    padding-bottom: 60px;
  }
  .advantage-grocerymilky .features-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .advantage-grocerymilky .features-list ul li {
    width: 100%;
    float: none;
    padding: 7px !important;
  }
  .advantage-grocerymilky .features-list ul li .feature-box {
    font-size: 18px;
    min-height: 100%;
    vertical-align: middle;
  }
  .advantage-grocerymilky .features-list ul li .margin-top-fea {
    margin-top: 7px;
  }
  .advantage-grocerymilky .features-list ul li:nth-child(2) {
    margin-top: -7px;
  }
  .advantage-grocerymilky .features-list ul li:nth-child(4) {
    margin-top: -7px;
  }
  .grocerymilky-content .nav-fill .nav-item, .grocerymilky-content .nav-fill > .nav-link {
    margin: 10px 0px;
  }
  .cabz-banner .cabz-banner-new {
    background: none;
    background-attachment: fixed;
    padding: 80px 0px;
  }
  .cabz-banner .cabz-text {
    padding-top: 0px;
  }
  .cabz-banner h1 {
    font-size: 26px !important;
    line-height: 30px !important;
  }
  .cabz-banner p {
    font-size: 16px;
  }
  .mobi-padd-top {
    padding-top: 0px !important;
  }
  .cabz-app-bg {
    background: #c0fef6;
    padding: 60px 0px;
    min-height: 100%;
  }
  .cabz-app-bg .app-cabz-text {
    font-size: 25px;
    padding-top: 0px !important;
    line-height: 28px;
    padding-right: 0px !important;
    padding-bottom: 20px;
    text-align: center;
  }
  .advantage-cabz {
    padding-bottom: 60px;
  }
  .advantage-cabz .features-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .advantage-cabz .features-list ul li {
    width: 100%;
    float: none;
    padding: 7px !important;
  }
  .advantage-cabz .features-list ul li .feature-box {
    font-size: 18px;
    min-height: 100%;
    vertical-align: middle;
  }
  .advantage-cabz .features-list ul li .margin-top-fea {
    margin-top: 7px;
  }
  .advantage-cabz .features-list ul li:nth-child(2) {
    margin-top: -7px;
  }
  .advantage-cabz .features-list ul li:nth-child(4) {
    margin-top: -7px;
  }
  .news-banner .news-banner-new {
    background: none;
    background-attachment: fixed;
    padding: 80px 0px;
  }
  .news-banner .news-text {
    padding-top: 0px;
  }
  .news-banner h1 {
    font-size: 26px !important;
    line-height: 30px !important;
  }
  .news-banner p {
    font-size: 16px;
  }
  .mobi-padd-top {
    padding-top: 0px !important;
  }
  .news-app-bg {
    background: #c0fef6;
    padding: 60px 0px;
    min-height: 100%;
  }
  .news-app-bg .app-news-text {
    font-size: 25px;
    padding-top: 0px !important;
    line-height: 28px;
    padding-right: 0px !important;
    padding-bottom: 20px;
    text-align: center;
  }
  .advantage-news {
    padding-bottom: 60px;
  }
  .advantage-news .features-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .advantage-news .features-list ul li {
    width: 100%;
    float: none;
    padding: 7px !important;
  }
  .advantage-news .features-list ul li .feature-box {
    font-size: 18px;
    min-height: 100%;
    vertical-align: middle;
  }
  .advantage-news .features-list ul li .margin-top-fea {
    margin-top: 7px;
  }
  .advantage-news .features-list ul li:nth-child(2) {
    margin-top: -7px;
  }
  .advantage-news .features-list ul li:nth-child(4) {
    margin-top: -7px;
  }
  .diagno-banner {
    margin-bottom: 40px;
  }
  .diagno-app-bg {
    background-size: cover;
    padding: 40px 0px 40px 0px;
    margin-top: 20px;
  }
  .diagno-app-bg .app-diagno-text {
    font-size: 24px;
    line-height: 30px;
    padding: 20px 10px;
  }
  .diagno-app-bg .types-diagno {
    height: 147px;
  }
  .diagno-app-bg .diagno-hand-right {
    display: none;
  }
  .diagno-app-bg .arrow-diagno-text {
    display: none;
  }
  .docto-banner {
    margin-bottom: 40px;
  }
  .docto-app-bg {
    background-size: cover;
    padding: 40px 0px 40px 0px;
    margin-top: 20px;
  }
  .docto-app-bg .app-docto-text {
    font-size: 24px;
    line-height: 30px;
    padding: 20px 10px;
  }
  .docto-app-bg .types-docto {
    height: 147px;
  }
  .docto-app-bg .docto-hand-right {
    display: none;
  }
  .docto-app-bg .arrow-docto-text {
    display: none;
  }
  .docto-banner .docto-text {
    padding-top: 0px;
  }
  .docto-banner h1 {
    font-size: 26px !important;
    line-height: 30px !important;
  }
  .docto-banner p {
    font-size: 16px;
  }
  .shoppy-banner {
    margin-bottom: 40px;
  }
  .shoppy-app-bg {
    background-size: cover;
    padding: 40px 0px 40px 0px;
    margin-top: 20px;
  }
  .shoppy-app-bg .app-shoppy-text {
    font-size: 24px;
    line-height: 30px;
    padding: 20px 10px;
  }
  .shoppy-app-bg .types-shoppy {
    height: 147px;
  }
  .shoppy-app-bg .shoppy-hand-right {
    display: none;
  }
  .shoppy-app-bg .arrow-shoppy-text {
    display: none;
  }
  .advantage-shoppy {
    padding-bottom: 60px;
  }
  .advantage-shoppy .features-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .advantage-shoppy .features-list ul li {
    width: 100%;
    float: none;
    padding: 7px !important;
  }
  .advantage-shoppy .features-list ul li .feature-box {
    font-size: 18px;
    min-height: 100%;
    vertical-align: middle;
  }
  .advantage-shoppy .features-list ul li .margin-top-fea {
    margin-top: 7px;
  }
  .advantage-shoppy .features-list ul li:nth-child(2) {
    margin-top: -7px;
  }
  .advantage-shoppy .features-list ul li:nth-child(4) {
    margin-top: -7px;
  }
  .urban-banner {
    margin-bottom: 40px;
  }
  .urban-app-bg {
    background-size: cover;
    padding: 40px 0px 40px 0px;
    margin-top: 20px;
  }
  .urban-app-bg .app-urban-text {
    font-size: 24px;
    line-height: 30px;
    padding: 20px 10px;
  }
  .urban-app-bg .types-urban {
    height: 147px;
  }
  .urban-app-bg .urban-hand-right {
    display: none;
  }
  .urban-app-bg .arrow-urban-text {
    display: none;
  }
  .advantage-urban {
    padding-bottom: 60px;
  }
  .advantage-urban .features-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .advantage-urban .features-list ul li {
    width: 100%;
    float: none;
    padding: 7px !important;
  }
  .advantage-urban .features-list ul li .feature-box {
    font-size: 18px;
    min-height: 100%;
    vertical-align: middle;
  }
  .advantage-urban .features-list ul li .margin-top-fea {
    margin-top: 7px;
  }
  .advantage-urban .features-list ul li:nth-child(2) {
    margin-top: -7px;
  }
  .advantage-urban .features-list ul li:nth-child(4) {
    margin-top: -7px;
  }
  .citydeals-banner {
    margin-bottom: 40px;
  }
  .citydeals-app-bg {
    background-size: cover;
    padding: 40px 0px 40px 0px;
    margin-top: 20px;
  }
  .citydeals-app-bg .app-citydeals-text {
    font-size: 24px;
    line-height: 30px;
    padding: 20px 10px;
  }
  .citydeals-app-bg .types-citydeals {
    height: 147px;
  }
  .citydeals-app-bg .citydeals-hand-right {
    display: none;
  }
  .citydeals-app-bg .arrow-citydeals-text {
    display: none;
  }
  .advantage-citydeals {
    padding-bottom: 60px;
  }
  .advantage-citydeals .features-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .advantage-citydeals .features-list ul li {
    width: 100%;
    float: none;
    padding: 7px !important;
  }
  .advantage-citydeals .features-list ul li .feature-box {
    font-size: 18px;
    min-height: 100%;
    vertical-align: middle;
  }
  .advantage-citydeals .features-list ul li .margin-top-fea {
    margin-top: 7px;
  }
  .advantage-citydeals .features-list ul li:nth-child(2) {
    margin-top: -7px;
  }
  .advantage-citydeals .features-list ul li:nth-child(4) {
    margin-top: -7px;
  }
  .bookdriver-banner {
    margin-bottom: 40px;
  }
  .bookdriver-app-bg {
    background-size: cover;
    padding: 40px 0px 40px 0px;
    margin-top: 20px;
  }
  .bookdriver-app-bg .app-bookdriver-text {
    font-size: 24px;
    line-height: 30px;
    padding: 20px 10px;
  }
  .bookdriver-app-bg .types-bookdriver {
    height: 147px;
  }
  .bookdriver-app-bg .bookdriver-hand-right {
    display: none;
  }
  .bookdriver-app-bg .arrow-bookdriver-text {
    display: none;
  }
  .advantage-bookdriver {
    padding-bottom: 60px;
  }
  .advantage-bookdriver .features-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .advantage-bookdriver .features-list ul li {
    width: 100%;
    float: none;
    padding: 7px !important;
  }
  .advantage-bookdriver .features-list ul li .feature-box {
    font-size: 18px;
    min-height: 100%;
    vertical-align: middle;
  }
  .advantage-bookdriver .features-list ul li .margin-top-fea {
    margin-top: 7px;
  }
  .advantage-bookdriver .features-list ul li:nth-child(2) {
    margin-top: -7px;
  }
  .advantage-bookdriver .features-list ul li:nth-child(4) {
    margin-top: -7px;
  }
  .classify-banner {
    margin-bottom: 40px;
  }
  .classify-app-bg {
    background-size: cover;
    padding: 40px 0px 40px 0px;
    margin-top: 20px;
  }
  .classify-app-bg .app-classify-text {
    font-size: 24px;
    line-height: 30px;
    padding: 20px 10px;
  }
  .classify-app-bg .types-classify {
    height: 147px;
  }
  .classify-app-bg .classify-hand-right {
    display: none;
  }
  .classify-app-bg .arrow-classify-text {
    display: none;
  }
  .advantage-classify {
    padding-bottom: 60px;
  }
  .advantage-classify .features-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .advantage-classify .features-list ul li {
    width: 100%;
    float: none;
    padding: 7px !important;
  }
  .advantage-classify .features-list ul li .feature-box {
    font-size: 18px;
    min-height: 100%;
    vertical-align: middle;
  }
  .advantage-classify .features-list ul li .margin-top-fea {
    margin-top: 7px;
  }
  .advantage-classify .features-list ul li:nth-child(2) {
    margin-top: -7px;
  }
  .advantage-classify .features-list ul li:nth-child(4) {
    margin-top: -7px;
  }
  .movieflex-banner {
    margin-bottom: 40px;
  }
  .movieflex-app-bg {
    background-size: cover;
    padding: 40px 0px 40px 0px;
    margin-top: 20px;
  }
  .movieflex-app-bg .app-movieflex-text {
    font-size: 24px;
    line-height: 30px;
    padding: 20px 10px;
  }
  .movieflex-app-bg .types-movieflex {
    height: 147px;
  }
  .movieflex-app-bg .movieflex-hand-right {
    display: none;
  }
  .movieflex-app-bg .arrow-movieflex-text {
    display: none;
  }
  .matrimony-banner {
    margin-bottom: 40px;
  }
  .matrimony-app-bg {
    background-size: cover;
    padding: 40px 0px 40px 0px;
    margin-top: 20px;
  }
  .matrimony-app-bg .app-matrimony-text {
    font-size: 24px;
    line-height: 30px;
    padding: 20px 10px;
  }
  .matrimony-app-bg .types-matrimony {
    height: 147px;
  }
  .matrimony-app-bg .matrimony-hand-right {
    display: none;
  }
  .matrimony-app-bg .arrow-matrimony-text {
    display: none;
  }
  .advantage-movieflex {
    padding-bottom: 60px;
  }
  .advantage-movieflex .features-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .advantage-movieflex .features-list ul li {
    width: 100%;
    float: none;
    padding: 7px !important;
  }
  .advantage-movieflex .features-list ul li .feature-box {
    font-size: 18px;
    min-height: 100%;
    vertical-align: middle;
  }
  .advantage-movieflex .features-list ul li .margin-top-fea {
    margin-top: 7px;
  }
  .advantage-movieflex .features-list ul li:nth-child(2) {
    margin-top: -7px;
  }
  .advantage-movieflex .features-list ul li:nth-child(4) {
    margin-top: -7px;
  }
  .advantage-matrimony {
    padding-bottom: 60px;
  }
  .advantage-matrimony .features-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .advantage-matrimony .features-list ul li {
    width: 100%;
    float: none;
    padding: 7px !important;
  }
  .advantage-matrimony .features-list ul li .feature-box {
    font-size: 18px;
    min-height: 100%;
    vertical-align: middle;
  }
  .advantage-matrimony .features-list ul li .margin-top-fea {
    margin-top: 7px;
  }
  .advantage-matrimony .features-list ul li:nth-child(2) {
    margin-top: -7px;
  }
  .advantage-matrimony .features-list ul li:nth-child(4) {
    margin-top: -7px;
  }
  .multifoody-banner {
    margin-bottom: 40px;
  }
  .multifoody-app-bg {
    background-size: cover;
    padding: 40px 0px 40px 0px;
    margin-top: 20px;
  }
  .multifoody-app-bg .app-multifoody-text {
    font-size: 24px;
    line-height: 30px;
    padding: 20px 10px;
  }
  .multifoody-app-bg .types-multifoody {
    height: 147px;
  }
  .multifoody-app-bg .multifoody-hand-right {
    display: none;
  }
  .multifoody-app-bg .arrow-multifoody-text {
    display: none;
  }
  .advantage-multifoody {
    padding-bottom: 60px;
  }
  .advantage-multifoody .features-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .advantage-multifoody .features-list ul li {
    width: 100%;
    float: none;
    padding: 7px !important;
  }
  .advantage-multifoody .features-list ul li .feature-box {
    font-size: 18px;
    min-height: 100%;
    vertical-align: middle;
  }
  .advantage-multifoody .features-list ul li .margin-top-fea {
    margin-top: 7px;
  }
  .advantage-multifoody .features-list ul li:nth-child(2) {
    margin-top: -7px;
  }
  .advantage-multifoody .features-list ul li:nth-child(4) {
    margin-top: -7px;
  }
  .multirealestate-banner {
    margin-bottom: 40px;
  }
  .multirealestate-app-bg {
    background-size: cover;
    padding: 40px 0px 40px 0px;
    margin-top: 20px;
  }
  .multirealestate-app-bg .app-multirealestate-text {
    font-size: 24px;
    line-height: 30px;
    padding: 20px 10px;
  }
  .multirealestate-app-bg .types-multirealestate {
    height: 147px;
  }
  .multirealestate-app-bg .multirealestate-hand-right {
    display: none;
  }
  .multirealestate-app-bg .arrow-multirealestate-text {
    display: none;
  }
  .advantage-multirealestate {
    padding-bottom: 60px;
  }
  .advantage-multirealestate .features-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .advantage-multirealestate .features-list ul li {
    width: 100%;
    float: none;
    padding: 7px !important;
  }
  .advantage-multirealestate .features-list ul li .feature-box {
    font-size: 18px;
    min-height: 100%;
    vertical-align: middle;
  }
  .advantage-multirealestate .features-list ul li .margin-top-fea {
    margin-top: 7px;
  }
  .advantage-multirealestate .features-list ul li:nth-child(2) {
    margin-top: -7px;
  }
  .advantage-multirealestate .features-list ul li:nth-child(4) {
    margin-top: -7px;
  }
  .foody-banner {
    margin-bottom: 40px;
  }
  .foody-banner .foody-text h1 {
    font-size: 30px;
    line-height: 34px;
  }
  .foody-banner .foody-text p {
    color: #ffffff;
    font-size: 18px;
  }
  .foody-app-bg {
    background-size: cover;
    padding: 40px 0px 40px 0px;
    margin-top: 20px;
  }
  .foody-app-bg .app-foody-text {
    font-size: 24px;
    line-height: 30px;
    padding: 20px 10px;
  }
  .advantage-foody {
    padding-bottom: 60px;
  }
  .advantage-foody .features-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .advantage-foody .features-list ul li {
    width: 100%;
    float: none;
    padding: 7px !important;
  }
  .advantage-foody .features-list ul li .feature-box {
    font-size: 18px;
    min-height: 100%;
    vertical-align: middle;
  }
  .advantage-foody .features-list ul li .margin-top-fea {
    margin-top: 7px;
  }
  .advantage-foody .features-list ul li:nth-child(2) {
    margin-top: -7px;
  }
  .advantage-foody .features-list ul li:nth-child(4) {
    margin-top: -7px;
  }
  .ludo-banner {
    margin-bottom: 40px;
  }
  .ludo-banner .ludo-text h1 {
    font-size: 30px;
    line-height: 34px;
  }
  .ludo-banner .ludo-text p {
    color: #ffffff;
    font-size: 18px;
  }
  .ludo-app-bg {
    background-size: cover;
    padding: 40px 0px 40px 0px;
    margin-top: 20px;
  }
  .ludo-app-bg .app-ludo-text {
    font-size: 24px;
    line-height: 30px;
    padding: 20px 10px;
  }
  .advantage-ludo {
    padding-bottom: 60px;
  }
  .advantage-ludo .features-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .advantage-ludo .features-list ul li {
    width: 50%;
    padding: 7px !important;
  }
  .advantage-ludo .features-list ul li .feature-box {
    font-size: 18px;
    height: 180px;
    vertical-align: middle;
  }
  .rummy-banner {
    margin-bottom: 40px;
  }
  .rummy-banner .rummy-text h1 {
    font-size: 26px;
    line-height: 34px;
  }
  .rummy-banner .rummy-text p {
    color: #ffffff;
    font-size: 16px;
  }
  .rummy-app-bg {
    background-size: cover;
    padding: 40px 0px 40px 0px;
    margin-top: 20px;
  }
  .rummy-app-bg .app-rummy-text {
    font-size: 24px;
    line-height: 30px;
    padding: 20px 10px;
  }
  .advantage-rummy {
    padding-bottom: 60px;
  }
  .advantage-rummy .features-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .advantage-rummy .features-list ul li {
    width: 50%;
    padding: 7px !important;
  }
  .advantage-rummy .features-list ul li .feature-box {
    font-size: 16px;
    height: 180px;
    vertical-align: middle;
    padding: 20px 14px;
  }
  .package-box-rummy {
    margin-top: 30px;
  }
  .owl-carousel .owl-item img {
    width: 100% !important;
  }
  .nav-fill .nav-item, .nav-fill > .nav-link {
    margin: 10px 0px;
    width: 100%;
  }
  .diagno-content .nav-fill .nav-item, .diagno-content .nav-fill > .nav-link {
    margin: 10px 0px;
    width: 100%;
  }
  .choose-package-diagno .pack-margin-top {
    margin-top: 30px;
  }
  .customize-box-diagno h2 {
    font-size: 30px;
    text-align: center;
  }
  .customize-box h2 {
    font-size: 30px;
    text-align: center;
  }
  .customize-box-diagno a.white-btn {
    display: block;
  }
  .customize-box-diagno a.white-btn div {
    text-align: center;
  }
  .customize-box a.white-btn {
    display: block;
  }
  .customize-box a.white-btn div {
    text-align: center;
  }
  .customize-box-foody h2 {
    font-size: 30px;
    text-align: center;
  }
  .customize-box-foody a.white-btn {
    display: block;
  }
  .customize-box-foody a.white-btn div {
    text-align: center;
  }
  .docto-content .nav-fill .nav-item, .docto-content .nav-fill > .nav-link {
    margin: 10px 0px;
    width: 100%;
  }
  .choose-package-docto .pack-margin-top {
    margin-top: 30px;
  }
  .customize-box-docto h2 {
    font-size: 30px;
    text-align: center;
  }
  .customize-box-docto a.white-btn {
    display: block;
  }
  .customize-box-docto a.white-btn div {
    text-align: center;
  }
  .advantage-grocery .features-list ul li .feature-box {
    height: 100%;
  }
  .advantage-grocery .features-list ul li .feature-box div {
    font-weight: 300;
  }
  .advantage-diagno .features-list ul li {
    width: 50%;
    padding: 6px;
  }
  .advantage-diagno .features-list ul li:nth-child(2) {
    margin-top: 0px;
  }
  .advantage-diagno .features-list ul li:nth-child(4) {
    margin-top: 0px;
  }
  .advantage-diagno .features-list ul li .feature-box div {
    font-size: 14px;
  }
  .advantage-docto .features-list ul li {
    width: 50%;
    padding: 6px;
  }
  .advantage-docto .features-list ul li:nth-child(2) {
    margin-top: 0px;
  }
  .advantage-docto .features-list ul li:nth-child(4) {
    margin-top: 0px;
  }
  .advantage-docto .features-list ul li .feature-box div {
    font-size: 14px;
  }
  .footer-sticky .container {
    width: 92%;
  }
  .advantage-diagno {
    padding-bottom: 60px;
  }
  .advantage-docto {
    padding-bottom: 60px;
  }
  .content-contact .contactform {
    padding: 0px !important;
    border-radius: 0px !important;
    background: none !important;
    box-shadow: none !important;
  }
  .content-contact .contact-head-2 {
    padding-top: 20px;
  }
  .grocery-banner .grocery-text a.yellow-btn {
    display: block;
  }
  .grocery-banner .grocery-text a.yellow-btn div {
    padding: 10px 0px;
    font-size: 18px;
    font-weight: 500;
    margin: 5px 0px;
    text-align: center;
  }
  .grocery-banner .grocery-text a.yellow-btn div img {
    width: 30px;
  }
  .content-contact {
    background: #ffffff !important;
  }
  .footer-bg .need-help:after {
    background: none;
  }
  .footer-bg .copyrights {
    background: #ffffff;
    padding: 30px 0px 100px 0px;
    margin-bottom: 10px;
  }
  .social-icons ul li i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
  }
  .sidenav .closebtn {
    font-size: 60px;
    top: -28px;
  }
  .product-prize-1 {
    width: 140px !important;
    height: 140px !important;
    right: 18px !important;
    top: -26px !important;
  }
  .product-prize-1 div {
    height: 135px !important;
    font-size: 18px !important;
    line-height: 26px !important;
  }
  .product-prize-1 div span {
    font-size: 30px !important;
  }
  .choose-package .package-box {
    min-height: auto;
    height: auto;
  }
  .choose-package .pack-margin-top {
    margin-top: 30px;
  }
  .customize-char {
    display: none;
  }
  .thankyoubox {
    padding: 20px 10px !important;
  }
  .thankyoubox .thank-text-2 {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .thankyoubox .thank-text-3 {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .thankyoubox .thank-text-4 {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .thankyoubox .thank-text-5 {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .thankyoubox .thank-text-5 span {
    display: block;
  }
  .thankyou-char {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .banner-new-design span {
    font-size: 38px;
  }
  .our-product .product-cnt-blk {
    height: auto;
    padding: 15px 20px;
    margin-bottom: 20px;
  }
  .different-main-new .diff-cont {
    padding: 0px 0px 30px 0px;
  }
  .slider-bg {
    background: none;
  }
  .grey-bg {
    margin-top: 40px;
    padding: 60px 0px;
  }
  .grey-bg .content-box-left {
    width: 96% !important;
    padding: 20px !important;
    position: relative !important;
    left: 7px !important;
    margin-top: -33px !important;
  }
  .grey-bg .content-box-right {
    width: 96% !important;
    padding: 20px !important;
    position: relative !important;
    left: 7px !important;
    margin-top: -33px !important;
  }
  .mobi-bg {
    background: #f7f7f7;
  }
  .different-main {
    background: none;
    padding: 0px 20px;
  }
  .different-main .diff-bg-1 {
    background: #ffffff;
  }
  .different-main .diff-cont {
    padding: 0px;
  }
  .different-main .right-cont-diff .diff-list ul li {
    padding: 5px 0px;
    width: 100%;
    float: none;
  }
  .charecter {
    text-align: center;
  }
  .charecter img {
    width: 200px;
  }
  .tech-partner {
    display: none;
  }
  .quick-text h2 span {
    display: inline !important;
  }
  .quick-contact-bg {
    padding-bottom: 30px;
    background-size: cover;
  }
  .quick-contact-bg .home-cont-form {
    border-radius: 20px !important;
    background: #ffffff;
    padding: 20px !important;
  }
  .footer-bg .need-help {
    padding: 15px 0px;
  }
  .footer-bg .need-help .contact-message {
    margin-top: 0px;
  }
  .footer-bg .need-help .top-one {
    text-align: center;
  }
  .footer-bg .need-help .subscribe-box {
    text-align: center;
  }
  .footer-bg .need-help .subscribe-box input {
    width: 100%;
  }
  .footer-bg .need-help .subscribe-box button {
    width: 100%;
    margin-bottom: 15px;
  }
  .footer-bg .col-auto {
    padding: 5px;
  }
  .footer-bg .copyrights .nav-list .nav-item .nav-link {
    padding: 0px 10px;
  }
  .hide-items {
    display: none;
  }
  .footer-sticky {
    display: block;
  }
  .face-attendence-app-bg .app-face-attendence-text {
    padding: 20px 0px;
  }
  .advantage-face-attendence {
    padding-bottom: 60px;
  }
  .advantage-face-attendence .features-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .advantage-face-attendence .features-list ul li {
    width: 100%;
    float: none;
    padding: 7px !important;
  }
  .advantage-face-attendence .features-list ul li .feature-box {
    font-size: 18px;
    min-height: 100%;
    vertical-align: middle;
  }
  .advantage-face-attendence .features-list ul li .margin-top-fea {
    margin-top: 7px;
  }
  .advantage-face-attendence .features-list ul li:nth-child(2) {
    margin-top: -7px;
  }
  .advantage-face-attendence .features-list ul li:nth-child(4) {
    margin-top: -7px;
  }
  .advantage-ludo {
    padding-bottom: 60px;
  }
  .advantage-ludo .features-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .advantage-ludo .features-list ul li {
    width: 100%;
    float: none;
    padding: 7px !important;
  }
  .advantage-ludo .features-list ul li .feature-box {
    font-size: 18px;
    height: 100%;
    vertical-align: middle;
  }
  .location-text {
    height: auto !important;
  }
  .box-grey {
    height: 100%;
  }
}/*# sourceMappingURL=style.css.map */