@import url("https://fonts.googleapis.com/css2?family=Protest+Revolution&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Gloock&display=swap");

@font-face {
  font-family: "bobby_jones_softregular";
  src: url("../fonts/bobby_jones_soft-webfont.eot");
  src: url("../fonts/bobby_jones_soft-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/bobby_jones_soft-webfont.woff2") format("woff2"),
    url("../fonts/bobby_jones_soft-webfont.woff") format("woff"),
    url("../fonts/bobby_jones_soft-webfont.ttf") format("truetype"),
    url("../fonts/bobby_jones_soft-webfont.svg#bobby_jones_softregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "tschicholdarchitypenormal";
  src: url("../fonts/tschicholdarchitype_normal-webfont.eot");
  src: url("../fonts/tschicholdarchitype_normal-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/tschicholdarchitype_normal-webfont.woff2") format("woff2"),
    url("../fonts/tschicholdarchitype_normal-webfont.woff") format("woff"),
    url("../fonts/tschicholdarchitype_normal-webfont.ttf") format("truetype"),
    url("../fonts/tschicholdarchitype_normal-webfont.svg#tschicholdarchitypenormal")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

/*
font-family: "Protest Revolution", sans-serif;

font-family: "Gloock", serif;
*/

:root {
  --green-dark: #05672a;
  --green-light: #34a853;
  --text-dark: #1a1a1a;
  --text-light: #666666;
  --bg-gradient-start: #e9f7e7;
  --bg-gradient-end: #f6fbf5;
  --border-color: #e5e5e5;
}

html,
body {
  width: 100%;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #101a24;
  position: relative;
  overflow-x: hidden;
  scroll-behavior: smooth;
  letter-spacing: 0.1px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  line-height: normal;
}
dl,
dt,
dd,
ol,
ul,
li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
a:active,
select,
select:focus,
a:focus,
a:hover,
input:focus,
button:focus,
textarea:focus {
  outline: none !important;
  text-decoration: none;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
a {
  text-decoration: none;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  color: #101a24;
}
label {
  font-weight: normal;
}
.form-control::-webkit-input-placeholder {
  color: #b0b0b0;
}
.form-control:-ms-input-placeholder {
  color: #b0b0b0;
}
.form-control::placeholder {
  color: #b0b0b0;
}
.form-control:focus-visible {
  text-shadow: none;
}

img {
  max-width: 100%;
  height: auto;
}
.form-group .form-control:focus {
  box-shadow: none;
}
.form-group textarea.form-control {
  height: auto !important;
}

@keyframes anim-rotate {
  0% {
    transform: rotateX(1);
  }
  50% {
    transform: rotateX(0) rotateY(0.5turn);
  }
  100% {
    transform: rotateX(0) rotateY(0);
  }
}
@-webkit-keyframes shake {
  from {
    -webkit-transform: rotate(10deg);
  }
  to {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-10deg);
  }
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  max-width: 1300px;
}

/*---Commun Btn ---*/
.btn {
  border-radius: 30px;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: center;
  padding: 0 25px;
  height: 50px;
  line-height: 45px !important;
}
.green-filled {
  background: #05672a;
  color: #fff !important;
  border: 2px solid #05672a;
}
.green-filled:hover {
  color: #05672a !important;
  border: 2px solid #05672a;
}
.green-bordered {
  border: 2px solid #05672a;
  color: #05672a !important;
}
.green-bordered:hover {
  background: #05672a;
  color: #fff !important;
}
.red-filled {
  background: #cf0202;
  color: #fff !important;
  border: 2px solid #cf0202;
}
.red-filled:hover {
  border: 2px solid #cf0202;
  color: #cf0202 !important;
}

/*--------------------------------------------*/
/*Header Section*/
/*--------------------------------------------*/
#header .navbar-brand img {
  height: 60px;
  max-width: none;
}
#header.sticky .navbar-brand img {
  height: 50px;
}
.header-menus {
  margin: 20px 0;
  display: inline-block;
}
#header.sticky .menu-main li a {
  color: #26282e;
}
#header.sticky .menu-main li a:hover {
  color: #ff3636;
}
.header-menus li {
  float: left;
  margin: 0 20px;
}
.header-menus li a {
  font-size: 18px;
  font-weight: 500;
  color: #26282e;
  line-height: 50px;
}
.header-menus li:first-child {
  margin-left: 0px;
}
.header-menus li:last-child {
  margin-right: 0px;
}
.header-menus li .btn-request {
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  padding: 0 20px;
  display: block;
  border-radius: 7px;
  box-shadow: 0 7px 30px rgba(71, 190, 103, 0.4);
  background: rgb(17, 153, 142);
  background: -moz-linear-gradient(
    left,
    rgba(17, 153, 142, 1) 0%,
    rgba(71, 190, 103, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(17, 153, 142, 1) 0%,
    rgba(71, 190, 103, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(17, 153, 142, 1) 0%,
    rgba(71, 190, 103, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11998e', endColorstr='#47be67',GradientType=1 );
}

/*--------------------------------------------*/
/*Home - Banner Section*/
/*--------------------------------------------*/
#slider {
  position: relative;
  top: -95px;
  left: 0;
  right: 0;
}
#slider.home-banner {
  background-image: url("../images/banner-bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
#slider .swiper-slide {
  padding-top: 200px;
  padding-bottom: 100px;
}
#slider .swiper-slide .slide-content h1 {
  font-family: "Gloock", serif;
  font-size: 64px;
  margin-bottom: 20px;
}
#slider .swiper-slide .slide-content h1 span {
  color: #05672a;
}
#slider .swiper-slide .slide-content h5 {
  font-size: 26px;
  font-weight: 300;
  line-height: 36px;
  margin-bottom: 40px;
}
#slider .swiper-slide .slide-content label {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}
#slider .swiper-slide .slide-content .green {
  color: #05672a;
}
#slider .swiper-slide .slide-content .red {
  color: #cf0202;
}
#slider .swiper-slide .slide-content .social-media {
  margin-top: 40px;
}
#slider .swiper-slide .slide-content .social-media li a {
  float: left;
  height: 30px;
  width: 30px;
  border: 1px solid #05672a;
  border-radius: 100%;
  color: #05672a;
  text-align: center;
  line-height: 30px;
  margin-right: 10px;
  font-size: 15px;
}
#slider .swiper-slide .slide-content .social-media li a i {
  display: block;
}
#slider .swiper-slide .slide-content .social-media li a i.img {
  line-height: 26px;
}
#slider .swiper-slide .slide-content .social-media li a:hover {
  background: #05672a;
  color: #fff;
}
#slider .swiper-slide .slide-content .social-media li a:hover img {
  filter: brightness(0) invert(1);
}

/*--------------------------------------------*/
/*digiFREE - Banner Section*/
/*--------------------------------------------*/
#slider.digi-free-banner {
  background-image: url("../images/digifree-banner-bg.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100%;
}
#slider.digi-free-banner .digifree-banner {
  object-fit: cover;
  mix-blend-mode: darken;
}
#slider.digi-free-banner .swiper-slide {
  padding-top: 120px;
  padding-bottom: 0px;
}
#slider.digi-free-banner .head-shape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  object-fit: cover;
}
#slider.digi-free-banner .swiper-slide .app-btns {
  text-align: center;
}
#slider.digi-free-banner .swiper-slide .app-btns a img {
  margin: 0 10px;
  height: 60px;
}

/*--------------------------------------------*/
/*3Ways To Use The App - Section*/
/*--------------------------------------------*/
#use_app {
  margin-top: -50px;
  padding-bottom: 80px;
}
#use_app h2 {
  color: #252b42;
  font-size: 44px;
  font-family: "Gloock", serif;
  text-align: center;
  margin-bottom: 40px;
  letter-spacing: 1px;
}
#use_app h2 span {
  color: #cf0202;
  font-size: 70px;
}
#use_app .ways-card {
  background: #f6f6f6;
  padding: 30px;
  min-height: 250px;
}
#use_app .ways-card h5 {
  font-size: 24px;
  font-family: "Gloock", serif;
  color: #cf0202;
  margin-bottom: 25px;
  letter-spacing: 1px;
}
#use_app .ways-card p {
  font-size: 19px;
  line-height: 28px;
  margin-bottom: 20px;
}
#use_app .ways-card p span {
  font-weight: 700;
  color: #cf0202;
}
.our-story-section .left-bg {
  position: relative;
  padding: 60px 20px;
}

.our-story-section .left-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("images/green-blob.png") no-repeat center/cover;
  opacity: 0.45;
  z-index: -1;
  border-radius: 30px;
}

.story-right p {
  font-size: 22px;
  line-height: 1.6;
  margin-bottom: 32px;
  text-align: right; /* center text like screenshot */
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  color: #4a4a4a;
}
.story-margin {
  margin-top: -10%;
}
/* Highlight brand name */
.highlight-green {
  color: #25672a;
  font-weight: 600;
}

/* Signature image */
.signature-img {
  display: block;
  margin: 0 auto;
  width: 80%;
}
.story-img-log {
  width: 100;
}
.our-mission-text-heading {
  color: #cf0202;
  font-size: 35px;
  font-weight: 700;
  font-style: italic;
  margin-top: 5%;
}
.our-mission-success-text {
  color: #606060;
  font-size: 40px;
  font-weight: 700;
  font-style: italic;
}
.mission-strip-img {
  max-width: 200px;
}
.mission-main-text {
  font-size: 40px;
}
/* Mobile responsive text */
@media (max-width: 768px) {
  .story-right p {
    font-size: 18px;
    max-width: 90%;
  }
  .story-margin {
    margin-top: auto;
  }
  .story-img-log {
    width: 70%;
  }
  .our-mission-text-heading {
    font-size: 28px;
    text-align: center;
  }
  .our-mission-success-text {
    font-size: 28px;
    text-align: center;
  }
  .mission-strip-img {
    max-width: 150px;
  }
  .mission-main-text {
    font-size: 28px;
  }
}

@media (max-width: 991px) {
  .story-full-img {
    max-width: 100%;
    height: auto;
  }

  .our-story-section p {
    font-size: 1rem !important;
    line-height: 1.7 !important;
    padding: 0 15px;
  }

  .our-story-section .col-lg-4 img {
    margin-top: 20px !important;
  }
}

/*--------------------------------------------*/
/*Discounts. Made Simple. - Section*/
/*--------------------------------------------*/
#dis_made_simple h2 {
  font-size: 44px;
  font-family: "Gloock", serif;
  text-align: center;
  margin-bottom: 40px;
  letter-spacing: 1px;
  color: #252b42;
}
#dis_made_simple h2 span {
  color: #cf0202;
}
#dis_made_simple h6 {
  font-size: 20px;
  margin-top: 30px;
}
#dis_made_simple h6 span {
  color: #cf0202;
  font-weight: 600;
}

/*--------------------------------------------*/
/*Additional Benefits - Section*/
/*--------------------------------------------*/
#benefits {
  padding: 100px 0;
}
#benefits h2 {
  color: #252b42;
  font-size: 50px;
  font-family: "Gloock", serif;
  margin-bottom: 40px;
  letter-spacing: 1px;
}
#benefits h2 span {
  color: #cf0202;
}
#benefits .benefits-card {
  background: #f6f6f6;
  padding: 30px;
  min-height: 280px;
}
#benefits .benefits-card:hover {
  background: #cf0202;
}
#benefits .benefits-card:hover h5,
#benefits .benefits-card:hover p {
  color: #fff;
}
#benefits .benefits-card img {
  height: 60px;
  margin-bottom: 40px;
}
#benefits .benefits-card h5 {
  font-size: 22px;
  font-family: "Gloock", serif;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
#benefits .benefits-card p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 0px;
}
#benefits .benefits-card p span {
  font-weight: 700;
}

/*--------------------------------------------*/
/*You Are - Section*/
/*--------------------------------------------*/
#you_are {
  padding: 160px 0;
  background: #cf0202;
  position: relative;
}
#you_are:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/customer-snaps-1.png");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: auto;
}
#you_are:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/customer-snaps-2.png");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto;
}
#you_are h1 {
  font-family: "Gloock", serif;
  font-size: 156px;
  text-align: center;
  color: #fff;
  line-height: 120px;
}
#you_are h4 {
  font-size: 56px;
  font-family: "Gloock", serif;
  text-align: center;
  color: #fff;
}
#you_are .app-btns {
  text-align: center;
  margin-top: 40px;
  position: relative;
  z-index: 1;
}
#you_are .app-btns a img {
  margin: 0 10px;
  height: 65px;
}

/*--------------------------------------------*/
/*FAQs - Section*/
/*--------------------------------------------*/
#faq {
  padding: 80px 0;
}
#faq h2 {
  color: #252b42;
  font-size: 50px;
  font-family: "Gloock", serif;
  margin-bottom: 20px;
  letter-spacing: 1px;
  text-align: center;
}
#faq h2 span {
  color: #cf0202;
}
#faq .subtitle {
  font-size: 14px;
  text-align: center;
}
#faq .accordion {
  margin-top: 40px;
}
#faq .accordion .accordion-item {
  border: 0;
  border-radius: 15px !important;
  background: #f0f6f2;
  margin-bottom: 10px;
}
#faq .accordion .accordion-item .accordion-header {
  margin-bottom: 0;
}
#faq .accordion .accordion-item .accordion-header .accordion-button {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 18px;
  border-radius: 15px;
  border: 0;
  box-shadow: none;
  padding: 25px;
  background: #f0f6f2;
}
#faq .accordion .accordion-item .accordion-button:focus {
  box-shadow: none;
}
#faq .accordion .accordion-item .accordion-button:not(.collapsed) {
  background: #f0f6f2;
  color: #cf0202;
  padding-bottom: 10px;
}
#faq .accordion .accordion-item .accordion-body {
  font-size: 15px;
  line-height: 26px;
  padding: 0 25px 25px 25px;
}
#faq .accordion .accordion-item .accordion-body ul {
  margin: 15px 0;
}
#faq .accordion .accordion-item .accordion-body ul li {
  list-style-type: disc;
  list-style-position: inside;
}
#faq .accordion .accordion-item .accordion-header .accordion-button::after {
  display: none;
}
#faq .accordion .accordion-item .accordion-header .accordion-button:before {
  float: right !important;
  font-family: FontAwesome;
  content: "\f068";
  padding-right: 15px;
  font-size: 18px;
  line-height: 22px;
}

#faq
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button.collapsed:before {
  float: right !important;
  content: "\2b";
  font-family: "Font Awesome 6 Pro";
  font-size: 30px;
}
#faq .accordion .accordion-item .accordion-header .accordion-button:hover,
#faq .accordion .accordion-item .accordion-header .accordion-button:active,
#faq .accordion .accordion-item .accordion-header .accordion-button:focus {
  text-decoration: none;
}

/*--------------------------------------------*/
/*Why Partner With Us - Banner Section*/
/*--------------------------------------------*/
#slider.why-partner-with-us-banner {
  background-image: url("../images/banner-bg.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100%;
}
#slider.why-partner-with-us-banner .why-partner-banner {
  object-fit: cover;
  mix-blend-mode: darken;
}
#slider.why-partner-with-us-banner .swiper-slide {
  padding-top: 120px;
  padding-bottom: 50px;
}
#slider.why-partner-with-us-banner .swiper-slide h1 {
  font-size: 100px;
  font-family: "Protest Revolution", sans-serif;
  margin-bottom: 30px;
}
#slider.why-partner-with-us-banner .swiper-slide .subtitle {
  font-size: 20px;
}

/*--------------------------------------------*/
/*It's Completely FREE Section*/
/*--------------------------------------------*/
#completely_free {
  margin-top: -50px;
  padding-bottom: 100px;
}
#completely_free h2 {
  font-size: 54px;
  font-family: "Gloock", serif;
  margin-bottom: 20px;
  position: relative;
}
#completely_free h2 .underline {
  position: absolute;
  left: 16%;
  bottom: 0;
  z-index: -1;
}
#completely_free h4 {
  font-size: 34px;
  font-weight: 300;
  margin-bottom: 20px;
}
#completely_free h4 strong {
  font-weight: 800;
}
#completely_free h4 span {
  color: #cf0202;
}
#completely_free ul li {
  line-height: 30px;
  font-size: 20px;
}
#completely_free ul li i {
  color: #cf0202;
}
#completely_free h5 {
  font-size: 24px;
  font-weight: 700;
  margin-top: 20px;
}

/*--------------------------------------------*/
/*It's Completely FREE Section*/
/*--------------------------------------------*/
#increase_margin_dtc {
  margin-bottom: 90px;
}
#increase_margin_dtc .card-wrapper {
  background: #fff5f5;
  border-radius: 30px;
  padding: 30px 50px 50px 50px;
  border: 0;
}
#increase_margin_dtc .card-wrapper img {
  mix-blend-mode: multiply;
  height: 330px;
  max-width: none;
  margin: 0 auto;
  display: block;
}
#increase_margin_dtc .card-wrapper h5 {
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 30px;
}
#increase_margin_dtc .card-wrapper ul li {
  margin-bottom: 10px;
  line-height: 26px;
  display: flex;
}
#increase_margin_dtc .card-wrapper ul li p {
  margin-bottom: 0;
}
#increase_margin_dtc .card-wrapper ul li span {
  font-weight: 600;
  color: #cf0202;
}
#increase_margin_dtc .card-wrapper ul li i {
  color: #26c77c;
  margin-right: 7px;
  font-size: 18px;
  vertical-align: middle;
}

/*--------------------------------------------*/
/*Increase Your Visibility Section*/
/*--------------------------------------------*/
#increase_visibility {
  background: #f5f7ff;
  padding: 190px 0;
}
#increase_visibility .white-wrapper {
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  border-radius: 30px;
  padding: 0px 50px;
  height: 450px;
}
#increase_visibility .white-wrapper h2 {
  font-size: 44px;
  font-family: "Gloock", serif;
  margin-bottom: 20px;
  margin-top: 100px;
}
#increase_visibility .white-wrapper ul li {
  margin-bottom: 10px;
  line-height: 30px;
  font-size: 22px;
  display: flex;
}
#increase_visibility .white-wrapper ul li span {
  font-weight: 600;
  color: #cf0202;
}
#increase_visibility .white-wrapper ul li i {
  color: #15803d;
  font-size: 22px;
  vertical-align: middle;
  margin-right: 7px;
}
#increase_visibility .white-wrapper .increase-img {
  margin-top: -80px;
}

/*--------------------------------------------*/
/*Offer Higher Discounts Section*/
/*--------------------------------------------*/
#offer_discounts {
  padding: 80px 0;
}
#offer_discounts h2 {
  font-size: 44px;
  font-family: "Gloock", serif;
  margin-bottom: 20px;
  margin-top: 100px;
}
#offer_discounts ul {
  margin-bottom: 20px;
}
#offer_discounts ul li {
  line-height: 28px;
  font-size: 16px;
}
#offer_discounts h5 {
  font-size: 20px;
  font-weight: 500;
}
#offer_discounts h5 span {
  color: #cf0202;
}

/*--------------------------------------------*/
/*Create Repeat & Loyal Customers Section*/
/*--------------------------------------------*/
#repeat_loyal_customers .content-panel {
  background: #cf0202;
  padding: 80px 50px;
  height: 100%;
}
#repeat_loyal_customers .content-panel h2 {
  font-size: 44px;
  font-family: "Gloock", serif;
  margin-bottom: 20px;
  color: #fff;
}
#repeat_loyal_customers .content-panel ul {
  margin-bottom: 20px;
  padding-left: 20px;
}
#repeat_loyal_customers .content-panel ul li {
  line-height: 28px;
  font-size: 18px;
  color: #fff;
  list-style-type: disc;
  font-weight: 500;
  margin-bottom: 15px;
}
#repeat_loyal_customers small {
  font-size: 12px;
  color: #fff;
}
#repeat_loyal_customers small a {
  color: #fff;
  text-decoration: underline;
}
#repeat_loyal_customers .big-img {
  height: 460px;
  object-fit: cover;
  width: 100%;
}
#repeat_loyal_customers .small-img {
  height: 250px;
  object-fit: cover;
  margin-bottom: 15px;
  width: 100%;
}

/*--------------------------------------------*/
/*Happy Customers Section*/
/*--------------------------------------------*/
#happy_customers {
  padding: 80px 0;
}
#happy_customers h2 {
  font-size: 50px;
  font-family: "Gloock", serif;
  margin-bottom: 40px;
  margin-top: 100px;
}
#happy_customers ul {
  margin-bottom: 20px;
}
#happy_customers ul li {
  line-height: 40px;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 20px;
  border-left: 2px solid #cbd5e1;
  padding-left: 20px;
}
#happy_customers ul li:hover {
  border-left: 2px solid #cf0202;
}

/*--------------------------------------------*/
/*Four Blocks Section*/
/*--------------------------------------------*/
#four_blocks .content-card h2 {
  font-size: 40px;
  font-family: "Gloock", serif;
  margin-bottom: 20px;
  color: #fff;
}
#four_blocks .content-card ul {
  margin-bottom: 20px;
  padding-left: 20px;
}
#four_blocks .content-card ul li {
  line-height: 28px;
  font-size: 18px;
  color: #fff;
  list-style-type: disc;
  font-weight: 500;
  margin-bottom: 15px;
}
#four_blocks .content-card {
  padding: 40px 40px 0 40px;
  text-align: left;
}
#four_blocks .block-one {
  background: #a43360;
  text-align: center;
  margin-bottom: 30px;
}
#four_blocks .block-one .hero-img {
  mix-blend-mode: hard-light;
}
#four_blocks .block-two {
  background: #728be8;
  margin-bottom: 30px;
  text-align: center;
  padding: 30px 0 40px 0;
}
#four_blocks .block-three {
  background: #2eb183;
  margin-bottom: 30px;
  text-align: center;
  padding-bottom: 20px;
}
#four_blocks .block-three .content-card ul li {
  margin-bottom: 10px;
}

#four_blocks .block-four {
  background: #e6f0ea;
  margin-bottom: 30px;
  text-align: center;
  padding: 50px 0px;
  min-height: 780px;
}
#four_blocks .block-four h2 {
  margin-top: 30px;
}
#four_blocks .block-four .content-card h2 {
  color: #101a24;
  font-size: 50px;
}
#four_blocks .block-four .content-card h2 span {
  color: #cf0202;
}
#four_blocks .block-four .content-card ul {
  padding-left: 0;
  margin-bottom: 40px;
}
#four_blocks .block-four .content-card ul li {
  color: #101a24;
  font-size: 20px;
  list-style-type: none;
}
#four_blocks .block-four .content-card ul li i {
  color: #cf0202;
  margin-right: 5px;
}
#four_blocks .block-four .content-card ul li span {
  color: #cf0202;
  font-weight: 600;
}
#four_blocks .block-four .content-card .app-btns a {
  margin-right: 15px;
}

/*--------------------------------------------*/
/*Four Blocks Section*/
/*--------------------------------------------*/
#slider.how-it-works-banner {
  background-image: url("../images/banner-bg.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100%;
}
#slider.how-it-works-banner .swiper-slide {
  padding-top: 100px;
  padding-bottom: 0px;
}
#slider.how-it-works-banner .how-it-works-banner {
  object-fit: cover;
  mix-blend-mode: multiply;
}

/*--------------------------------------------*/
/*Make a Difference Section*/
/*--------------------------------------------*/
#make_difference {
  padding: 100px 0;
}
#make_difference h1 {
  text-align: center;
  font-size: 94px;
  text-transform: uppercase;
  font-weight: 900;
  color: #cf0202;
}
#make_difference h1 span {
  text-shadow: -1px -1px 0 #cf0202, 1px -1px 0 #cf0202, -1px 1px 0 #cf0202,
    1px 1px 0 #cf0202;
  color: #fff;
}

/*--------------------------------------------*/
/*Process Features - How it Works*/
/*--------------------------------------------*/
#process_features .feature-card {
  border: 1px solid #a9b0b8;
  padding: 40px 20px 0 25px;
  overflow: hidden;
  min-height: 450px;
  position: relative;
  margin-right: -1px;
}
#process_features .feature-card h5 {
  font-family: "Gloock", serif;
  font-size: 28px;
  line-height: 40px;
}
#process_features .feature-card h5 span {
  color: #cf0202;
}
#process_features .feature-card ul {
  padding-left: 20px;
}
#process_features .feature-card ul li {
  line-height: 26px;
  font-size: 16px;
  list-style-type: disc;
}
#process_features .feature-card ul li span {
  color: #cf0202;
  font-weight: 600;
}
#process_features .feature-card h1 {
  font-size: 240px;
  font-family: "Gloock", serif;
  color: #eaeaea;
  line-height: 181px;
  margin-bottom: 0;
  position: absolute;
  left: 30px;
  bottom: 0;
}

/*--------------------------------------------*/
/*Social Media Visibility - How it Works*/
/*--------------------------------------------*/
#social_media_visibility {
  padding: 100px 0;
}
#social_media_visibility h1 {
  font-family: "Gloock", serif;
  font-size: 80px;
  line-height: 95px;
  margin-top: 70px;
}
#social_media_visibility h1 span {
  color: #cf0202;
}
#social_media_visibility p {
  font-size: 20px;
  line-height: 30px;
}
#social_media_visibility p span {
  color: #cf0202;
  font-weight: 600;
}

/*--------------------------------------------*/
/*Drive DTC Sales! - How it Works*/
/*--------------------------------------------*/
#dtc_sales {
  background-image: url("../images/dtc-sales-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 100px 0;
}
#dtc_sales h2 {
  font-family: "Gloock", serif;
  font-size: 54px;
  color: #fff;
  margin-top: 100px;
  margin-bottom: 20px;
}
#dtc_sales p {
  font-size: 18px;
  color: #fff;
}
#dtc_sales h4 {
  font-family: "Protest Revolution", sans-serif;
  color: #fff;
  font-size: 40px;
  margin-top: 25px;
}
#dtc_sales img {
  mix-blend-mode: screen;
}

/*--------------------------------------------*/
/*Why Offer and why pay - How it Works*/
/*--------------------------------------------*/
#why_offer_pay {
  padding: 100px 0;
}
#why_offer_pay .card-wrapper {
  background: #f6f9f8;
  border-radius: 20px;
  border: 1px solid #eaeaea;
  padding: 50px 40px 0 40px;
  min-height: 700px;
  position: relative;
}
#why_offer_pay .card-wrapper i {
  height: 40px;
  width: 40px;
  color: #fff;
  border-radius: 100%;
  background: #039700;
  display: block;
  font-size: 30px;
  text-align: center;
  line-height: 36px;
  margin-bottom: 30px;
}
#why_offer_pay .card-wrapper h4 {
  font-size: 32px;
  line-height: 44px;
  font-family: "Gloock", serif;
  margin-bottom: 20px;
}
#why_offer_pay .card-wrapper h4 span {
  color: #cf0202;
}
#why_offer_pay .card-wrapper .img-blend {
  mix-blend-mode: multiply;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

/*--------------------------------------------*/
/*How To Tier Discounts - How it Works*/
/*--------------------------------------------*/
#how_tier_discounts {
  padding-top: 100px;
}
#how_tier_discounts h3 {
  background: #05672a;
  border-radius: 0 20px 20px 0;
  color: #fff;
  font-size: 34px;
  font-family: "Gloock", serif;
  padding: 30px;
  line-height: 50px;
}
#how_tier_discounts h4 {
  font-size: 40px;
  font-family: "Gloock", serif;
  padding: 30px;
  line-height: 50px;
  text-align: center;
  margin-top: 30px;
  border-bottom: 2px solid #05672a;
}
#how_tier_discounts .table {
  margin-top: 10px;
  border-collapse: separate;
  border-spacing: 10px;
}
#how_tier_discounts .table th {
  color: #636f82;
}
#how_tier_discounts .table thead th {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
}
#how_tier_discounts .table td,
#how_tier_discounts .table th {
  background: #f7f7f7;
  padding: 10px;
  vertical-align: middle;
}
#how_tier_discounts .table td span,
#how_tier_discounts .table th span {
  border: 2px solid #ccc;
  border-radius: 5px;
  display: block;
  line-height: 50px;
  text-align: center;
}
#how_tier_discounts .table td span {
  font-size: 18px;
  padding: 0 10px;
}
#how_tier_discounts .table td span i {
  color: #cf0202;
}
#how_tier_discounts h2 {
  background: #05672a;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px;
  font-size: 28px;
}

#how_tier_discounts .how-create-code {
  text-align: center;
}
#how_tier_discounts .how-create-code h6 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  text-decoration: underline;
  margin-bottom: 20px;
}
#how_tier_discounts .how-create-code p {
  font-size: 20px;
  margin-bottom: 20px;
}
#how_tier_discounts .how-create-code label {
  text-transform: uppercase;
  background: #cf0202;
  border-radius: 10px;
  padding: 10px;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
}
#how_tier_discounts .how-create-code h5 {
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 40px;
  margin-top: 50px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 50px;
}
#how_tier_discounts .how-create-code .note {
  font-size: 18px;
  border-radius: 30px;
  display: inline-block;
  padding: 10px 30px;
}
#how_tier_discounts .how-create-code h1 {
  margin-top: 80px;
}
#how_tier_discounts .how-create-code h1 i {
  font-size: 70px;
  font-weight: 700;
}

/*--------------------------------------------*/
/*Banner - Testimonials*/
/*--------------------------------------------*/
#slider.testimonials-banner {
  background-image: url("../images/banner-bg.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100%;
}
#slider.testimonials-banner .swiper-slide {
  padding-top: 120px;
  padding-bottom: 0px;
}
#slider.testimonials-banner .banner-img img {
  object-fit: cover;
  mix-blend-mode: multiply;
}
#slider.testimonials-banner .swiper-slide h1 {
  font-size: 50px;
  font-family: "Gloock", serif;
  margin-bottom: 40px;
  padding-top: 50px;
}
#slider.testimonials-banner .swiper-slide h1 span {
  color: #05672a;
}
#slider.testimonials-banner .swiper-slide .red-filled {
  height: 60px;
  line-height: 55px !important;
}
#slider.testimonials-banner .swiper-slide .red-filled i {
  font-size: 36px;
  vertical-align: middle;
}

/*--------------------------------------------*/
/*Video - Testimonials*/
/*--------------------------------------------*/
#video {
  padding-bottom: 100px;
  margin-top: -50px;
}
#video .video-frame {
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  height: 596px;
}
#video .video-frame iframe {
  width: 100%;
  height: 600px;
  border-radius: 0px 0px 20px 20px;
}

/*--------------------------------------------*/
/*Check Out Our Instagram Feed - Testimonials*/
/*--------------------------------------------*/
#insta_feed {
  padding-bottom: 100px;
}
#insta_feed h4 {
  font-size: 34px;
  font-family: "Gloock", serif;
  margin-bottom: 40px;
  text-align: center;
}
#insta_feed span {
  color: #05672a;
}
#insta_feed .inst-card {
  margin-bottom: 20px;
  display: block;
}
#insta_feed .inst-card img {
  border: 1px solid #ccc;
  border-radius: 15px;
  object-fit: fill;
  height: 350px;
  width: 100%;
}
#insta_feed .inst-card:hover img {
  box-shadow: 0 7px 30px rgba(0, 0, 0, 0.2);
  border: 0;
}
#insta_feed .btn-link {
  color: #cf0202;
  font-size: 22px;
}

/*--------------------------------------------*/
/*Banner - digiFREE Media Kit*/
/*--------------------------------------------*/
#slider.media-kit-banner {
  background-image: url("../images/digifree-banner-bg.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100%;
}
#slider.media-kit-banner .swiper-slide {
  padding-top: 120px;
  padding-bottom: 100px;
}
#slider.media-kit-banner .banner-img img {
  object-fit: cover;
  mix-blend-mode: multiply;
}
#slider.media-kit-banner .swiper-slide h1 {
  font-size: 50px;
  font-family: "Gloock", serif;
  margin-bottom: 40px;
  padding-top: 50px;
}
#slider.media-kit-banner .swiper-slide h1 span {
  color: #cf0202;
}
#slider.media-kit-banner #video {
  margin-top: 20px;
  padding-bottom: 0px;
}
#slider.media-kit-banner #video .video-frame {
  background: #fff;
}
#slider.media-kit-banner #video .video-frame video {
  width: 100%;
  height: 560px;
  border-radius: 0px 0px 20px 20px;
  object-fit: fill;
}

/*--------------------------------------------*/
/*Going Live - digiFREE Media Kit*/
/*--------------------------------------------*/
#going_live {
  background: linear-gradient(
    to bottom,
    rgba(246, 247, 249, 1) 0%,
    rgba(239, 244, 247, 1) 50%,
    rgba(212, 223, 225, 1) 100%
  );
}
#going_live .content-wrapper {
  position: absolute;
  top: 150px;
  left: 15%;
  right: 0;
  display: inline-block;
  width: 40%;
  text-align: center;
  z-index: 1;
}
#going_live .content-wrapper label {
  font-size: 22px;
  font-weight: 500;
  margin-left: 20px;
  vertical-align: middle;
}
#going_live .content-wrapper h1 {
  color: #cf0202;
  font-size: 84px;
  font-family: "Gloock", serif;
}
#going_live .lady {
  mix-blend-mode: darken;
}

/*--------------------------------------------*/
/*Online / Digital Businesses - digiFREE Media Kit*/
/*--------------------------------------------*/
#online_businesses {
  padding: 0px 0px 100px 0;
}
#online_businesses h2 {
  font-size: 44px;
  font-family: "Gloock", serif;
  margin-bottom: 20px;
  position: relative;
}
#online_businesses ul {
  margin-bottom: 20px;
}
#online_businesses ul li {
  line-height: 40px;
  font-size: 20px;
}
#online_businesses ul li span {
  color: #cf0202;
}
#online_businesses ul li i {
  color: #cf0202;
  font-size: 22px;
}
#online_businesses small {
  font-size: 15px;
  line-height: 22px;
}
#online_businesses small span {
  color: #cf0202;
  font-weight: 600;
}

/*--------------------------------------------*/
/*Offline Businesses - digiFREE Media Kit*/
/*--------------------------------------------*/
#offline_businesses {
  padding: 100px 0;
}
#offline_businesses h2 {
  font-size: 44px;
  font-family: "Gloock", serif;
  margin-bottom: 20px;
  position: relative;
  margin-top: 70px;
}
#offline_businesses ul {
  margin-bottom: 20px;
}
#offline_businesses ul li {
  line-height: 40px;
  font-size: 20px;
}
#offline_businesses ul li span {
  color: #cf0202;
}
#offline_businesses ul li i {
  color: #cf0202;
  font-size: 22px;
}
#offline_businesses small {
  font-size: 15px;
  line-height: 22px;
}
#offline_businesses small span {
  color: #cf0202;
  font-weight: 600;
}

/*--------------------------------------------*/
/*Co-Brading With Us - digiFREE Media Kit*/
/*--------------------------------------------*/
#co_branding_with_us {
  padding-bottom: 100px;
}
#co_branding_with_us h2 {
  font-size: 54px;
  font-family: "Gloock", serif;
  margin-bottom: 50px;
  text-align: center;
}
#co_branding_with_us h2 span {
  color: #cf0202;
}
#co_branding_with_us .title-tip {
  font-size: 60px;
  font-family: "Gloock", serif;
}
#co_branding_with_us h3 {
  font-size: 44px;
  font-family: "Gloock", serif;
  margin-top: 70px;
}
#co_branding_with_us .spec-list {
  margin-top: 70px;
  padding-left: 20px;
}
#co_branding_with_us .spec-list li {
  font-size: 28px;
  font-weight: 600;
  list-style-type: disc;
  margin-bottom: 10px;
}
#co_branding_with_us .spec-list ul {
  padding-left: 25px;
}
#co_branding_with_us .spec-list ul li {
  list-style-type: circle;
}

#co_branding_with_us .media-kit-logo {
  width: 50%;
}

/*--------------------------------------------*/
/*Co-Brading Media - digiFREE Media Kit*/
/*--------------------------------------------*/
#co_branding_media {
  padding-bottom: 100px;
}
#co_branding_media h2 {
  font-size: 54px;
  font-family: "Gloock", serif;
  margin-bottom: 50px;
  text-align: center;
}
#co_branding_media h2 span {
  color: #cf0202;
}
#co_branding_media .media-kit-card {
  text-align: center;
  margin-bottom: 30px;
  background: #f2f5f7;
  border-radius: 20px;
  padding: 30px 20px;
}
#co_branding_media .media-kit-card .lightbox-icon {
  position: relative;
  background: #000;
  display: block;
}
#co_branding_media .media-kit-card .lightbox-icon:hover img {
  opacity: 0.4;
}
#co_branding_media .media-kit-card .lightbox-icon i {
  position: absolute;
  left: 0;
  right: 0;
  top: 45%;
  display: none;
  color: #fff;
  font-size: 30px;
}
#co_branding_media .media-kit-card .lightbox-icon:hover i {
  display: block;
}
#co_branding_media .media-kit-card h5 {
  font-weight: 500;
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
}
#co_branding_media .media-kit-card h6 {
  font-size: 20px;
  text-align: center;
  margin-top: 15px;
}
#co_branding_media .media-kit-card img {
  height: 300px;
  object-fit: cover;
}

#co_branding_media.logos-qr .media-kit-card {
  min-height: 400px;
}
#co_branding_media.logos-qr .media-kit-card img {
  object-fit: contain;
  height: auto;
}
#co_branding_media.logos-qr .media-kit-card .lightbox-icon {
  background-color: transparent;
}
#co_branding_media.logos-qr .media-kit-card .lightbox-icon i {
  color: #000;
}

.lightbox .ratio {
  background-color: #2b2b2b !important;
}

/*--------------------------------------------*/
/*Banner - Promote On digiFREE*/
/*--------------------------------------------*/
#slider.promote-digifree-banner {
  background-image: url("../images/banner-bg.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100%;
}
#slider.promote-digifree-banner .swiper-slide {
  padding: 120px 100px 0 100px;
}
#slider.promote-digifree-banner .swiper-slide .digifree-logo {
  height: 250px;
}
#slider.promote-digifree-banner .swiper-slide .hero-img {
  object-fit: cover;
  mix-blend-mode: multiply;
  position: relative;
  z-index: -1;
}
#slider.promote-digifree-banner .swiper-slide h2 {
  font-size: 50px;
  line-height: 74px;
  font-family: "Gloock", serif;
  padding-top: 50px;
}
#slider.promote-digifree-banner .swiper-slide h2 span {
  color: #cf0202;
}
#slider.promote-digifree-banner .swiper-slide h3 {
  font-size: 44px;
  font-family: "Protest Revolution", sans-serif;
  margin-bottom: 0px;
  padding-top: 70px;
}
#slider.promote-digifree-banner .swiper-slide .arrow {
  position: absolute;
  right: 0;
  bottom: 25%;
}

/*--------------------------------------------*/
/*Key Benefits - Promote On digiFREE*/
/*--------------------------------------------*/
#key_benefits {
  background: #101a24;
  padding: 100px 0;
  margin-top: -95px;
}
#key_benefits h1 {
  font-size: 170px;
  font-weight: 100;
  color: #fff;
  letter-spacing: -14px;
  line-height: 140px;
  margin-bottom: 100px;
}
#key_benefits h1 span {
  color: #cf0202;
}

#key_benefits .exclusivity {
  padding: 40px 30px;
  background-image: url("../images/exclusivity-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 480px;
  margin-bottom: 25px;
}
#key_benefits .exclusivity h4 {
  color: #fff;
  font-family: "Gloock", serif;
  font-size: 64px;
  margin-bottom: 30px;
}
#key_benefits .exclusivity ul {
  padding-left: 20px;
}
#key_benefits .exclusivity ul li {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  list-style-type: disc;
  margin-bottom: 20px;
}

#key_benefits .add-promotion {
  padding: 40px 30px;
  background-image: url("../images/add-promotion-bg.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  min-height: 540px;
}
#key_benefits .add-promotion h4 {
  font-family: "Gloock", serif;
  font-size: 44px;
  margin-bottom: 20px;
}
#key_benefits .add-promotion p {
  font-size: 20px;
  font-weight: 500;
}

#key_benefits .content-creation {
  padding: 40px 30px;
  background-image: url("../images/content-creation-bg.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  min-height: 540px;
}
#key_benefits .content-creation h4 {
  color: #fff;
  font-family: "Gloock", serif;
  font-size: 44px;
  margin-bottom: 20px;
}
#key_benefits .content-creation p {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

#key_benefits .red-filled {
  margin-top: 80px;
  height: 60px;
  line-height: 55px !important;
}
.mobile-responsive-rwaltz-logo {
  max-width: 60%;
  height: auto;
  display: block;
  margin-left: 20%;
}
.mobile-responsive-rwaltz-started {
  max-width: 20%;
  display: block;
  margin-left: 40%;
  margin-top: 20px;
}
.mobile-responsive-rwaltz-text {
  margin-top: 25%;
  margin-left: 10%;
  font-size: 25px;
}
.panterns-img {
  margin-top: 10%;
  width: 70%;
  margin-left: 20%;
}
@media (max-width: 768px) {
  .mobile-responsive-team .row {
    flex-direction: column !important;
    text-align: center !important;
  }
  .mobile-responsive-rwaltz-text {
    margin-top: 5%;
    margin-left: 10%;
    font-size: 20px;
  }
  .mobile-responsive-rwaltz-text {
    margin-left: 1% !important;
    margin-bottom: 5% !important;
  }
  .hide-community {
    display: none !important;
  }
  .mobile-responsive-team .col {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 10px !important;
  }

  .mobile-responsive-team img {
    width: 90% !important;
    height: auto !important;
    margin: 10px auto !important;
    display: block !important;
  }

  .mobile-responsive-team p {
    text-align: center !important;
    margin: 20px auto !important;
    line-height: 1.5 !important;
  }

  .mobile-responsive-team .text-start {
    text-align: left !important;
  }

  /* Adjust spacing only for mobile */
  .mobile-responsive-team .row + .row {
    margin-top: 30px !important;
  }
  .mobile-responsive-rwaltz-logo {
    width: 70% !important; /* reduce image width slightly */
    height: auto !important; /* maintain aspect ratio */
    margin-top: 30px !important; /* keep good top margin */
    margin-bottom: 5px !important;
    display: block !important; /* center properly */
  }
  .hide-rwaltz-logo {
    display: none !important;
  }
  /* Optional: apply similar margin for rwaltz-logo image above */

  /* For the rwaltz-logo image itself */
  .mobile-responsive-team img[alt="rwaltz-logo"] {
    width: 75% !important;
    height: auto !important;
    margin-top: 40px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* GET STARTED button image */
  .mobile-responsive-rwaltz-started {
    width: 30% !important; /* fits perfectly under logo */
    height: auto !important;
    margin-top: 25px !important; /* spacing between logo and button */
    margin-bottom: 40px !important; /* breathing room before next section */
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.digifree-block {
  margin-top: 120px; /* pushes the entire block down */
  position: relative;
}

.digiFree-tilted-section {
  position: relative;
  background-color: #ffffff;
  padding-top: 200px; /* add space for the overlapping image */
}
/* Section padding fix */
.digiFree-tilted-section {
  background-color: #ffffff;
  padding-top: 150px;
}

/* Tilted white card */
.tilted-card-third {
  background: #fff;
  transform: rotate(3deg);
  box-shadow: 12px 12px 0 rgba(0, 0, 0, 0.08),
    12px 12px 12px rgba(0, 0, 0, 0.15), 22px 60px 44px rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease;
}

/* Text Styling */
.highlight-text {
  font-size: 26px;
  color: #606060;
}

.quote {
  font-size: 22px;
  color: #606060;
  font-weight: 500;
}

.quote-author {
  font-size: 14px;
  color: #606060;
}

.stats-title {
  font-size: 26px;
  font-weight: bold;
  color: #606060;
}

.stats-list {
  font-size: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.green {
  color: green;
}

.red {
  color: #cf0202;
  font-weight: bold;
}

.see-more {
  width: 30%;
}

/* ✅ RESPONSIVE FIX */
@media (max-width: 768px) {
  .tilted-card-third {
    transform: none !important;
    padding: 30px !important;
  }

  .highlight-text {
    font-size: 22px;
    text-align: center;
  }

  .stats-title {
    text-align: center;
  }

  .stats-list {
    text-align: center;
  }

  .see-more {
    width: 45%;
  }
} /* ✅ THIS WAS MISSING */

/* The tilted white card */
.tilted-card {
  position: relative;
  background: #fff;
  transform: rotate(3deg); /* slight clockwise tilt */
  transform-origin: left center;

  /* 🎯 Base shadow (right + bottom) */
  box-shadow: 12px 12px 0 rgba(0, 0, 0, 0.08),
    12px 12px 12px rgba(0, 0, 0, 0.12), 22px 60px 44px rgba(0, 0, 0, 0.5);

  transition: all 0.4s ease;
  left: -6%;
}
.row {
  position: relative;
}
.tilted-card-second {
  position: relative;
  background: #fff;
  transform: rotate(-3deg); /* slight counterclockwise tilt */
  transform-origin: right center;

  /* 🎯 Shadow shifted to the LEFT and bottom */
  box-shadow: -12px 12px 0 rgba(0, 0, 0, 0.08),
    -12px 12px 12px rgba(0, 0, 0, 0.12), -22px 60px 44px rgba(0, 0, 0, 0.5);

  transition: all 0.4s ease;
  right: -6%;
}
.tilted-card-third {
  position: relative;
  background: #fff;
  transform: rotate(-10deg); /* slight counterclockwise tilt */
  transform-origin: right center;

  /* 🎯 Shadow shifted to the LEFT and bottom */
  box-shadow: 12px 12px 0 rgba(0, 0, 0, 0.08),
    12px 12px 12px rgba(0, 0, 0, 0.12), 22px 60px 44px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease;
}
.row {
  position: relative;
}
.rotate-text-last {
  transform: rotate(360deg);
}
.logo-grid img {
  width: 100%;
  height: 70px; /* <-- set height as per your design */
  object-fit: contain; /* keeps image proportional */
  object-position: center;
  padding: 5px;
}
.rounded-box {
  width: 60%;
  border-radius: 30px; /* smooth rounded corners */
  padding: 15px 20px; /* inside spacing */
  background: #cf0202; /* or any color */
  text-align: center;
  margin-top: 5%;
  margin-bottom: 5%;
}
/* Default desktop (your styles stay same) */
.rounded-box-co {
  width: 70%;
  border-radius: 30px;
  text-align: center;
  margin-top: 5%;
}

.rounded-box-test {
  width: 60%;
  border-radius: 30px;

  text-align: center;
  margin-top: 5%;
}

.rounded-box-test-2 {
  width: 60%;
  border-radius: 30px;
  text-align: center;
  margin-left: 20%;
}
/* Bullet Text */
.co-promo-points {
  font-size: 25px;
  font-weight: bold;
  text-align: left;
  line-height: 1.5;
}

/* Indented sub-bullets */
.sub-point {
  display: inline-block;
  margin-left: 20px;
}

/* Contact us image aligned properly */
.contact-img {
  width: 90px;
  margin-top: 1%;
  margin-left: 2%;
  margin-bottom: 5%;
  vertical-align: middle;
}

/* Terms note */
.co-promo-terms {
  font-size: 15px;
  font-weight: 100;
  margin-top: 10px;
  text-align: left;
  margin-left: 20px;
}

/* Mobile fixes */
@media (max-width: 768px) {
  .co-promo-points {
    font-size: 18px;
  }
  .mobile-contact-us-link {
    margin-top: 50px !important;
  }
  .sub-point {
    margin-left: 10px;
  }

  /* .contact-img {
    width: 90px;
    margin-left: 10%;
  } */

  .co-promo-terms {
    margin-left: 10px;
    font-size: 14px;
  }
}

/* ✅ Mobile View */
@media (max-width: 768px) {
  .rounded-box-co,
  .rounded-box-test,
  .rounded-box-test-2 {
    width: 95%; /* full width on mobile */
    margin: 5% auto; /* center automatically */
    padding: 20px;
  }

  .rounded-box-test {
    font-size: 28px !important;
  }

  .rounded-box-test-2 div {
    font-size: 18px !important;
  }
}

@media (max-width: 576px) {
  .rounded-box {
    width: 70%; /* full & comfortable width on mobile */
    border-radius: 30px; /* same rounded shape */
    padding: 6px 14px;
    line-height: 1.1;
    background: #cf0202; /* red background */
    text-align: center;
    margin: 20px auto; /* center on mobile */
    display: block;
    font-size: 25px !important; /* slightly smaller text */
  }
}

.grows-digi-logo {
  position: absolute;
  top: 2px;
  bottom: -120px;
  left: 60%;
  transform: translateX(-50%);
  width: 600px;
  z-index: 5;
}

/* On mobile, reset to default behavior */
@media (max-width: 761px) {
  .grows-digi-logo {
    position: static;
    width: 100%;
    transform: none;

    /* top: revert-layer; */
    margin-top: -100px;
    margin-bottom: -50px;
  }
  .welcome-banner .hero-img {
    top: -150px !important;
  }
  .why-in-join {
    font-family: "Protest Revolution", sans-serif !important;
    color: #05672a !important;
    position: relative !important;
    font-size: 50px !important;
    top: 0% !important;
    transform: none !important;
    left: 0% !important;
    display: inline-block !important;
  }
  .join-section-8 {
    font-size: 25px !important;
    margin-left: 5% !important;
  }
  #why-discounts h1 {
    font-family: "bobby_jones_softregular", serif !important;
    font-size: 50px !important;
    position: relative !important;
    display: inline-block !important;
  }
  .rotate-arrow-image {
    max-width: 184px;
    margin-top: 5%;
    transform: rotate(90deg);
  }
}

.tilted-card > .container,
.tilted-card > .row,
.tilted-card .text-conent {
  transform: rotate(359deg);
}
.big-box {
  padding-left: 40px; /* 🟢 adds space from left edge */
}
.rotate-text {
  transform: rotate(3deg);
}
.note-grow {
  margin-left: 10%;
  transform: rotate(357deg);
}
/* ✅ Desktop: 7 equal columns */
/* ✅ Desktop: 7 equal columns */
/* ✓ Text formatting */
.desc-text {
  font-size: 20px;
  font-weight: 400;
  color: #606060;
}
.desc-text .title {
  font-weight: bold;
  font-size: 28px;
}
.desc-text .highlight {
  color: #cf0202;
  font-weight: bold;
}

/* ✅ Desktop: 7 column grid */
.logo-grid-panters {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 20px;
  text-align: center;
  align-items: center;
}

/* ✅ Tablet: 4 columns */
@media (max-width: 992px) {
  .logo-grid-panters {
    grid-template-columns: repeat(4, 1fr);
  }
  /* .mobile-view {
    display: none;
  } */
}
@media (min-width: 761px) {
  .mobile-view {
    display: none !important;
  }
}
/* ✅ Mobile: 3 columns */
@media (max-width: 761px) {
  .logo-grid-panters {
    grid-template-columns: repeat(3, 1fr);
  }
  .tilted-card .text-conent {
    transform: rotate(1deg);
  }
  .rotate-text {
    transform: rotate(0deg);
  }
  .note-grow {
    transform: rotate(0deg);
  }
  .tilted-card {
    left: 0%;
  }
  .tilted-card-second {
    right: 0%;
  }
  .digifree-text-hr {
    width: 150px !important;
  }
  .desktop-view {
    display: none;
  }
  .mobile-view {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 2px;
    white-space: nowrap;
  }
  .mobile-view-text {
    text-align: center !important;
  }
  .mobile-view-bell {
    display: none !important;
  }
  .share-banner .share-mobile {
    position: relative !important;
    left: 0px !important;
    top: 50px !important;
    transform: rotate(327deg) !important;
  }
  .text-align-share {
    text-align: center !important;
  }
}

.box {
  width: 100%;
  height: 120px;
  border: 2px solid #000;
  border-radius: 20px;
}

/* Default (Desktop) styling */
.promo-wrapper {
  font-size: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
}

/* Image fixed size */
.promo-small-img {
  width: 90px;
  height: auto;
}
.value-heading-font-size {
  font-size: 35px;
}
.value-last-text {
  font-size: 50px;
}
/* Keep same layout on all screen sizes */
.same-layout {
  flex-wrap: nowrap !important;
  gap: 2rem;
}

/* Make sure it doesn’t break on small screens */
.same-layout > div {
  flex: 1 1 auto;
  min-width: 100px;
}

/* Optional: Reduce button padding slightly for very small screens */
@media (max-width: 480px) {
  .same-layout .btn {
    padding: 2px 12px !important; /* smaller button height + width */
    font-size: 12px; /* smaller text */
    line-height: 1.2; /* keeps button compact */
  }

  .same-layout label {
    font-size: 10px; /* smaller label text */
  }
}

.text-margin-b {
  margin-bottom: 5%;
}
/* Mobile responsiveness */
@media (max-width: 767px) {
  .promo-wrapper {
    flex-direction: column; /* Stack image + text */
    text-align: center; /* Center text */
    font-size: 16px; /* Slightly smaller font for mobile */
  }
  .value-heading-font-size {
    font-size: 25px !important;
  }
  .promo-small-img {
    width: 70px; /* Reduce image size */
  }
  .value-last-text {
    font-size: 30px !important;
  }
  .text-margin-b {
    margin-bottom: 5%;
  }
}
.responsive-img {
  max-width: 180px;
  max-height: 90px;
  width: 100%;
  height: auto;
}
.our-story-main-img {
  margin-top: 10%;
}
@media (max-width: 767px) {
  .responsive-img {
    max-width: 140px; /* smaller image for mobile */
    max-height: 70px;
    margin: 0 auto; /* center image */
    display: block;
  }
  .our-story-main-img {
    margin-top: 30% !important;
  }
}
/* ✅ Extra small: 2 columns */
@media (max-width: 480px) {
  .logo-grid-panters {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Make all logos same size */
.logo-grid-panters img {
  width: 100%;
  height: 60px;
  object-fit: contain;
}

/* Responsive fine-tuning */
@media (max-width: 768px) {
  .big-box {
    height: auto;
    padding: 40px 20px;
  }

  .small-box {
    height: 120px;
  }
  .small-box-mbile {
    height: 70px !important;
  }
  .text-mobile-size {
    font-size: 25px !important;
  }
}

.help-box {
  background-color: #f1f6f3; /* soft green background */
  border-radius: 12px 0 0 12px; /* rounded only on left side */
  padding: 40px 30px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  text-align: center;
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.help-box h2 {
  color: #0d6833;
  font-weight: 600;
  font-style: italic;
  margin-bottom: 20px;
}

.help-box p {
  color: #333;
  font-size: 1.4rem;
  margin-top: 10px;
  font-weight: 600;
  line-height: 1.6;
  margin: 0;
}

/* ✅ Make it stretch to the right edge */
@media (min-width: 992px) {
  .help-box {
    border-radius: 12px 0 0 12px; /* left side rounded only */
    padding: 60px 80px;
  }

  .col-lg-6:last-child {
    padding-right: 0 !important;
  }
  .desktop-view-view {
    display: none !important;
  }
}

/* 📱 Mobile view */
@media (max-width: 991px) {
  .help-box {
    border-radius: 12px;
    padding: 30px 20px;
    margin-top: 20px;
  }

  .col-lg-6:last-child {
    padding-right: 15px;
  }
  .mobile-view-view {
    display: none !important;
  }
  .margin-top {
    margin-top: 30px !important;
  }
  .text-margin-t {
    margin-top: 0px !important;
  }
}

/* Straighten slightly on hover (optional) */
/* .tilted-card:hover {
  transform: rotate(2deg);
  box-shadow: 22px 28px 45px rgba(0, 0, 0, 0.3);
} */

/* Left phone image tilt and drop-shadow */

/* ✅ Responsive: remove tilt for small screens */
@media (max-width: 768px) {
  .tilted-card {
    transform: none;
    box-shadow: 10px 15px 25px rgba(0, 0, 0, 0.15);
  }
  .tilted-card-second {
    transform: none;
    box-shadow: 10px 15px 25px rgba(0, 0, 0, 0.15);
  }
  .phone-image {
    transform: none;
    max-width: 70%;
    margin-bottom: 20px;
  }
}
.promo-card {
  background: #fff;
  position: relative;
  border-radius: 10px;
  padding: 40px;
  margin-top: 30%;
  /* ✅ This creates the “only right & bottom” soft shadow */
  box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.35),
    /* bottom shadow */ 20px 0px 35px rgba(0, 0, 0, 0.2); /* right shadow */

  transition: transform 0.3s ease;
}

.promo-card:hover {
  transform: translateY(-8px);
}

/* Ribbon on top-right corner */
.promo-ribbon {
  position: absolute;
  top: 70px;
  right: -40px;
  transform: rotate(40deg);
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 2px;
  white-space: nowrap;
}

/* Style for hr line */
.promo-ribbon hr {
  width: 300px;
  height: 4px;
  margin: 6px auto 0 auto;
  border: none;
  opacity: inherit;
  background-color: #cf0202;
}

/* ✅ Tablet (adjust position + reduce size slightly) */
@media (max-width: 992px) {
  .promo-ribbon {
    right: -20px;
    font-size: 20px;
  }

  .promo-ribbon hr {
    width: 220px;
  }
}

/* ✅ Mobile (center ribbon and remove rotate) */
@media (max-width: 768px) {
  .promo-ribbon {
    position: relative;
    top: 0;
    right: 0;
    transform: rotate(0deg);
    margin: 0 auto;
    padding-bottom: 10px;
  }

  .promo-ribbon hr {
    width: 180px;
  }
}

/* Left main image */
.promo-main-img {
  max-width: 260px;
  border-radius: 10px;
}

/* Small image under bullet list */
.promo-small-img {
  width: 200px;
  margin-left: 5%;
  margin-right: 5%;
  border-radius: 6px;
}

/* Highlighted words */
.highlight-red {
  color: #d50000;
  font-weight: 700;
}

.powered-by {
  font-size: 20px;
  color: #444;
}
.bottom-shadow {
  background: #ffffff;
  position: relative;
  padding: 40px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 50px 20px -20px;
}
/* Remove tilt on mobile */
@media (max-width: 768px) {
  .promo-card {
    transform: none;
    box-shadow: 12px 20px 35px rgba(0, 0, 0, 0.2);
  }

  .promo-ribbon {
    transform: rotate(40deg) translate(10px, -10px);
  }
  .heading-image {
    max-width: 100%; /* scales automatically on small screens */
    height: auto; /* maintain aspect ratio */
  }
}

nav.menu .menu-main > li > a {
  font-size: 30px; /* Increase text size */
}

/* Submenu items size */
nav.menu .sub-menu ul li a {
  font-size: 30px;
}

/* Mobile Menu Header size */
nav.menu .mobile-menu-head {
  font-size: 30px;
}

/* Close button */
nav.menu .mobile-menu-close {
  font-size: 30px;
}

/* Icons (chevron arrow etc.) */
nav.menu i {
  font-size: 20px;
}

/*--------------------------------------------*/
/*Banner - Value Adds*/
/*--------------------------------------------*/
#slider.value-adds-banner {
  background-image: url("../images/banner-bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}
#slider.value-adds-banner .swiper-slide {
  padding-top: 130px;
  padding-bottom: 100px;
}
.no-margin {
  padding-bottom: 0px !important;
}
#slider.value-adds-banner .swiper-slide .hero-img {
  object-fit: cover;
  mix-blend-mode: multiply;
  position: relative;
  z-index: -1;
}
#slider.value-adds-banner h2 {
  font-size: 44px;
  line-height: 64px;
  font-family: "Gloock", serif;
  padding-top: 100px;
}
#slider.value-adds-banner .swiper-slide h2 span {
  color: #cf0202;
}
#slider.value-adds-banner .swiper-slide h3 {
  font-size: 40px;
  line-height: 60px;
  font-family: "Gloock", serif;
  text-align: center;
  margin-top: 70px;
}
#slider.value-adds-banner .swiper-slide h3 span {
  color: #05672a;
}

/*--------------------------------------------*/
/*Partnerships - Value Adds*/
/*--------------------------------------------*/
#our_partners {
  padding-bottom: 50px;
}
#our_partners .content-panel {
  padding: 100px 70px 0 70px;
  background: #f9f9f9;
  border-radius: 30px 0px 0px 30px;
  min-height: 490px;
  position: relative;
}
#our_partners .content-panel h2 {
  font-size: 40px;
  font-family: "Gloock", serif;
  padding-top: 0;
}
#our_partners ul li {
  line-height: 30px;
}
#our_partners .content-panel p {
  font-size: 18px;
  line-height: 30px;
}
#our_partners .content-panel p a {
  color: #cf0202;
}
#our_partners .logos-panel {
  background: #f2f8e8;
  text-align: center;
  min-height: 490px;
  position: relative;
  padding-top: 60px;
  border-radius: 0px 30px 30px 0px;
}
#our_partners .logos-panel img {
  mix-blend-mode: multiply;
}
#our_partners.flip .content-panel {
  border-radius: 0px 30px 30px 0px;
}
#our_partners.flip .logos-panel {
  border-radius: 30px 0px 0px 30px;
}
.mt--5 {
  margin-top: -90px;
}
.heading-image {
  max-width: 90%; /* scales automatically on small screens */
  height: auto; /* maintain aspect ratio */
}
.slide {
  box-sizing: border-box;
  padding: 15px;
}

.review-card {
  border: 1px solid #eee;
  border-radius: 12px;
  background: #fff;
  padding: 18px;
  text-align: left;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
  height: 100%;
}

.review-author {
  font-weight: bold;
  color: #333;
}

.review-stars {
  color: #ffb400;
  font-size: 14px;
  margin-top: 5px;
}

.review-title {
  font-weight: 600;
  margin: 8px 0;
}

.review-content {
  font-size: 14px;
  color: #555;
  line-height: 1.5;
}

/* 👇 Responsive: show only 1 review per slide on small screens */
@media (max-width: 600px) {
  .slide {
    flex: 0 0 100% !important;
    padding: 10px;
  }
  .no-margin-left-mobile {
    margin-left: 0% !important;
  }
  .no-margin-bottom-mobile {
    margin-bottom: 0% !important;
    margin-top: 0% !important;
  }
  .no-margin-top-mobile {
    margin-top: 20% !important;
  }
}
@media (min-width: 992px) {
  /* for large screens */
  .heading-image {
    max-width: 600px; /* same size as your desktop version */
  }
}

.trusted {
  font-size: 1.1rem;
  font-weight: 600;
  color: #05672a; /* brand green */
}
/*--------------------------------------------*/
/*Banner - Why Offer Discounts*/
/*--------------------------------------------*/
#slider.why-offer-discounts {
  background-image: url("../images/banner-bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}
#slider.why-offer-discounts .swiper-slide {
  padding-top: 0px;
  padding-bottom: 70px;
}
#slider.why-offer-discounts .swiper-slide .offer-discounts-banner {
  mix-blend-mode: darken;
}
#slider.why-offer-discounts .swiper-slide h3 {
  font-family: "Protest Revolution", sans-serif;
  font-size: 80px;
  margin-bottom: 50px;
  margin-top: 20px;
}
#slider.why-offer-discounts .swiper-slide h1 {
  font-size: 54px;
  font-family: "Gloock", serif;
}
#slider.why-offer-discounts .swiper-slide h1 span {
  color: #05672a;
}

/*--------------------------------------------*/
/*Stats - Why Offer Discounts*/
/*--------------------------------------------*/
#stats {
  position: relative;
  padding-bottom: 100px;
}
#stats .lady-img {
  position: absolute;
  top: -80px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 0;
  width: 39%;
}
#stats .stats-card {
  background: #05672a;
  border-radius: 35px;
  padding: 30px;
  margin-bottom: 10px;
  max-width: 360px;
  text-align: left;
  margin: 10px auto;
}
#stats .stats-card ul {
  padding-left: 20px;
}
#stats .stats-card ul li {
  color: #fff;
  font-size: 15px;
  list-style-type: disc;
  margin-bottom: 15px;
}
#stats small {
  font-size: 12px;
  text-align: center;
  display: block;
}

/*--------------------------------------------*/
/*What Are you Waiting - Why Offer Discounts*/
/*--------------------------------------------*/
#what_waiting {
  min-height: 700px;
  background-image: url("../images/what-are-you-waiting.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding-top: 200px;
}
#what_waiting h1 {
  font-size: 60px;
  font-family: "Protest Revolution", sans-serif;
  margin-bottom: 20px;
}

/*--------------------------------------------*/
/*Banner - Contact Us*/
/*--------------------------------------------*/
#slider.contact-us {
  background-image: url("../images/banner-bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}
#slider.contact-us .swiper-slide {
  padding-top: 200px;
  padding-bottom: 70px;
}
#slider.contact-us .swiper-slide h3 {
  font-size: 70px;
  font-family: "Gloock", serif;
  margin-top: 30px;
  margin-bottom: 50px;
}
#slider.contact-us .swiper-slide h3 span {
  color: #05672a;
}
#slider.contact-us .swiper-slide p a {
  color: #101a24;
  font-size: 20px;
  text-decoration: underline;
}
#slider.contact-us .swiper-slide p a i {
  color: #05672a;
}

/*--------------------------------------------*/
/*Zoom Meeting - Contact Us*/
/*--------------------------------------------*/
#zoom_meeting {
  padding-top: 100px;
  background: linear-gradient(135deg, #1a73e8 0%, #0f2027 100%);
  margin-top: -95px;
}
#zoom_meeting .content-wrapper {
  margin-top: 70px;
  margin-bottom: 70px;
}
#zoom_meeting .content-wrapper h6 {
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
}
#zoom_meeting .content-wrapper h1 {
  color: #fff;
  font-size: 74px;
  text-transform: uppercase;
  font-weight: 600;
}
#zoom_meeting .content-wrapper h5 {
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 40px;
}
#zoom_meeting .zoom-btn {
  background: #3082e6;
  color: #fff;
  line-height: 48px !important;
  font-weight: 900;
  margin-left: 70px;
  margin-bottom: 10px;
}
#zoom_meeting .zoom-btn img {
  height: 20px;
}

/*--------------------------------------------*/
/*Banner - Why We Use Social Media*/
/*--------------------------------------------*/
#slider.why-we-use-social-media-banner {
  background-image: url("../images/banner-bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}
#slider.why-we-use-social-media-banner .swiper-slide {
  padding-top: 130px;
  padding-bottom: 0px;
  padding: 130px 20px 0 20px;
}

/*--------------------------------------------*/
/*Why Give Dollars Marketing Agencies - Why We Use Social Media*/
/*--------------------------------------------*/
#why_give_money {
  background-color: #101a24;
  padding: 100px 0;
  margin-top: -95px;
  background-image: url("../images/orange-halo.webp.png");
  background-repeat: no-repeat;
  background-position: 30% 55%;
}
#why_give_money h1 {
  color: #fff;
  font-family: "Protest Revolution", sans-serif;
  font-size: 70px;
  margin-bottom: 30px;
  text-align: center;
}
#why_give_money h1 span {
  color: #cf0202;
}
#why_give_money h4.subtitle {
  color: #fff;
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 50px;
  text-align: center;
}

#why_give_money .card-wrapper {
  border-radius: 30px;
  padding: 40px;
  min-height: 700px;
  position: relative;
  max-width: 600px;
  overflow: hidden;
}
#why_give_money .card-wrapper.panel-1 {
  background-image: url("../images/the-humans-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#why_give_money .card-wrapper.panel-2 {
  background-image: url("../images/its-genuine-bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  margin-top: 140px;
  display: inline-block;
}
#why_give_money .card-wrapper h6 {
  color: #fff;
  font-size: 23px;
  line-height: 36px;
}
#why_give_money .card-wrapper h3 {
  color: #fff;
  font-family: "Protest Revolution", sans-serif;
  font-size: 55px;
}
#why_give_money .card-wrapper h3 span {
  color: #20ff74;
}
#why_give_money .card-wrapper h5 {
  color: #fff;
  font-size: 38px;
  font-weight: 700;
}
#why_give_money .card-wrapper .stamp {
  position: absolute;
  bottom: 30px;
  left: 40px;
  z-index: 1;
}
#why_give_money .card-wrapper .office-person {
  position: absolute;
  bottom: 0px;
  right: 10px;
  z-index: 1;
}

/*--------------------------------------------*/
/*Organic Content - Why We Use Social Media*/
/*--------------------------------------------*/
#organic_content {
  padding: 100px 0;
}
#organic_content h2 {
  font-size: 64px;
  font-family: "Gloock", serif;
  color: #05672a;
  margin-top: 100px;
}
#organic_content h1 {
  font-size: 54px;
  font-weight: 800;
}
#organic_content img {
  mix-blend-mode: darken;
}

/*--------------------------------------------*/
/*It's Also An Extremely - Why We Use Social Media*/
/*--------------------------------------------*/
#personal_content .list {
  margin-top: 50px;
}
#personal_content .list li {
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 25px;
  display: flex;
  align-items: baseline;
}
#personal_content .list li img {
  height: 36px;
  margin-right: 15px;
}
#personal_content .list li span {
  font-family: "Protest Revolution", sans-serif;
  color: #05672a;
}
#personal_content .list li span.red {
  color: #cf0202;
}

/*--------------------------------------------*/
/*One Video - Why We Use Social Media*/
/*--------------------------------------------*/
#one_video {
  padding: 100px 0;
}
#one_video h2 {
  color: #fff;
  margin-top: 100px;
  font-size: 50px;
  font-weight: 700;
  line-height: 70px;
}
#one_video h2 span {
  font-family: "Protest Revolution", sans-serif;
  color: #0e142f;
  font-size: 70px;
}
#one_video .wrapper-box {
  background: #2d6ed3;
  border-radius: 60px;
  overflow: hidden;
  padding-right: 50px;
}

/*--------------------------------------------*/
/*Global Social Media - Why We Use Social Media*/
/*--------------------------------------------*/
#global_social_map {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(253, 225, 223, 1) 100%
  );
  text-align: center;
  position: relative;
}
#global_social_map .content-panel {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
}
#global_social_map .content-panel h6 {
  font-size: 24px;
}
#global_social_map .content-panel h2 {
  font-size: 54px;
  font-family: "Protest Revolution", sans-serif;
  color: #cf0202;
}
#global_social_map .content-panel h3 {
  font-size: 44px;
  font-family: "Gloock", serif;
}
#global_social_map .global-img {
  height: 700px;
  object-fit: cover;
}

/*--------------------------------------------*/
/*Multiple Platforms - Why We Use Social Media*/
/*--------------------------------------------*/
#multiple_platforms {
  background-image: url("../images/multiple-platforms-color-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 100px 0px 50px 0;
}
#multiple_platforms h2 {
  font-size: 54px;
  font-weight: 800;
  text-align: center;
}
#multiple_platforms h2 span {
  color: #cf0202;
}
#multiple_platforms h3 {
  font-family: "Protest Revolution", sans-serif;
  font-size: 64px;
  color: #05672a;
  text-align: center;
}

/*--------------------------------------------*/
/*Extremely Inhibit - Why We Use Social Media*/
/*--------------------------------------------*/
#extremely_inhibit {
  background-image: url("../images/bg-line-texture.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#extremely_inhibit h2 {
  font-size: 54px;
  font-weight: 800;
  margin-top: 80px;
}
#extremely_inhibit h2 span {
  font-family: "Protest Revolution", sans-serif;
  color: #cf0202;
}

/*--------------------------------------------*/
/*Personal Branding - Why We Use Social Media*/
/*--------------------------------------------*/
#personal_branding {
  padding: 100px 0;
}
#personal_branding h4 {
  font-size: 44px;
  font-weight: 600;
  margin-top: 40px;
}
#personal_branding h4 span {
  font-family: "Protest Revolution", sans-serif;
  color: #cf0202;
  font-size: 50px;
}
#personal_branding h4 .green {
  color: #05672a;
}

/*--------------------------------------------*/
/*Personal Branding - Why We Use Social Media*/
/*--------------------------------------------*/
#social_media_platforms {
  background-image: url("../images/social-media-platforms.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding-top: 430px;
  padding-bottom: 50px;
}
#social_media_platforms h1 {
  font-family: "Gloock", serif;
  font-size: 64px;
  text-align: center;
}

.plus-value-2-img {
  mix-blend-mode: darken;
}

/*--------------------------------------------*/
/*Banner - Terms Conditions*/
/*--------------------------------------------*/
#slider.terms-conditions {
  background-image: url("../images/banner-bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}
#slider.terms-conditions h1 {
  font-size: 64px;
  font-family: "Gloock", serif;
  margin-bottom: 120px;
  padding-top: 50px;
}
#slider.terms-conditions h1 span {
  color: #cf0202;
}
#terms_con_download {
  padding: 30px 0px 100px 0;
}
#terms_con_download .ways-card {
  background: #f5f7f9;
  padding: 60px 30px;
  min-height: 250px;
  border-radius: 20px;
  text-align: center;
}
#terms_con_download .ways-card:hover {
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
  background: #fff;
}
#terms_con_download .ways-card p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 20px;
  font-weight: 500;
}
#terms_con_download .ways-card p span {
  font-weight: 700;
  color: #cf0202;
}

#terms_con_download h2 {
  font-size: 34px;
  line-height: 50px;
  margin-bottom: 50px;
}

/*--------------------------------------------*/
/*Newsroom*/
/*--------------------------------------------*/
.blog-hero-banner {
  background-image: url("../images/banner-bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}
.blog-hero-banner .hero {
  position: relative;
  margin-bottom: 150px;
  margin-top: 200px;
}
.blog-hero-banner .hero img {
  width: 100%;
  display: block;
  height: 580px;
  object-fit: cover;
  border-radius: 30px;
}
.blog-hero-banner .hero .hero-text {
  position: absolute;
  bottom: -100px;
  right: 0;
  background: white;
  padding: 30px 50px 30px 30px;
  border-radius: 30px;
  max-width: 920px;
}
.blog-hero-banner .hero .hero-text .category {
  font-size: 12px;
  font-weight: 600;
  color: var(--green-dark);
}
.blog-hero-banner .hero .hero-text .category span {
  color: #999999;
  font-weight: 500;
}
.blog-hero-banner .hero .hero-text h2 {
  font-size: 30px;
  margin: 8px 0;
  font-family: "Gloock", serif;
  letter-spacing: 0.4px;
}
.blog-hero-banner .hero .hero-text p {
  font-size: 14px;
  color: var(--text-light);
  line-height: 1.5;
}
.blog-hero-banner .hero .read-more-btn {
  display: inline-block;
  margin-top: 10px;
  background: var(--green-dark);
  color: white;
  padding: 0px 20px;
  height: 40px;
  border-radius: 30px;
  font-size: 15px;
  text-decoration: none;
  line-height: 40px;
}
.blog-card {
  background: white;
  overflow: hidden;
  margin-bottom: 40px;
}
.blog-card img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  border-radius: 30px;
}
.blog-card-content {
  padding: 30px 0px;
}
.blog-card .category {
  font-size: 12px;
  font-weight: 600;
  color: var(--green-dark);
  margin-bottom: 20px;
}
.blog-card .category span {
  color: #999999;
  font-weight: 500;
}
.blog-card h3 {
  font-size: 24px;
  line-height: 32px;
  margin: 6px 0;
  font-family: "Gloock", serif;
  letter-spacing: 0.4px;
}
.blog-card p {
  font-size: 14px;
  color: var(--text-light);
  line-height: 1.5;
  margin-bottom: 0;
}
.blog-card .read-more {
  color: var(--green-dark);
  font-weight: 600;
  font-size: 16px;
  text-decoration: underline;
  margin-top: auto;
}

/*--------------------------------------------*/
/*Blog Details*/
/*--------------------------------------------*/
/* Hero Article Section */
.hero-article {
  padding-top: 170px;
}
.hero-article .category {
  font-size: 12px;
  font-weight: 600;
  color: var(--green-dark);
}
.hero-article .category .date {
  color: #999999;
  font-weight: 500;
}
.hero-article h1 {
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 60px;
  font-family: "Gloock", serif;
}
.hero-article .hero-image img {
  margin-bottom: 60px;
  border-radius: 30px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  object-fit: cover;
  width: 100%;
}
.article-content p {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 30px;
  color: #666666;
}
.article-content .pullquote {
  border-left: 5px solid #05672a;
  padding: 0px 30px;
  margin: 30px 0;
  font-style: italic;
  font-weight: 300;
  font-size: 22px;
  color: #666666;
  line-height: 40px;
}
.article-content .pullquote cite {
  display: block;
  margin-top: 15px;
  font-size: 16px;
  color: #000;
  font-style: normal;
  font-weight: 500;
}
.article-image {
  margin: 40px 0;
  border-radius: 20px;
  overflow: hidden;
}
.hero-article .gray-bordered {
  border: 2px solid #cacaca;
  height: 40px;
  line-height: 37px !important;
  padding: 0 20px;
  color: #758078;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.hero-article .gray-bordered i {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 5px;
}

/* Popular Post Section */
.popular-post {
  padding-bottom: 100px;
}
.popular-post h2 {
  font-size: 40px;
  font-family: "Gloock", serif;
  margin-bottom: 40px;
  display: inline-block;
  position: relative;
}
.popular-post h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background-color: var(--primary-green);
  border-radius: 2px;
}
.popular-post .view-all-btn {
  float: right;
  background-color: #05672a;
  color: #fff;
  padding: 0px 30px;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 30px;
  font-weight: 500;
  transition: background-color 0.3s ease;
  height: 50px;
  line-height: 50px;
}
.popular-post .view-all-btn:hover {
  background-color: #2e7d32;
}
.post-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin-top: 50px;
  clear: both;
}
.post-card {
  background-color: var(--white);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  text-align: left;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.post-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}
.post-card .card-image {
  height: 200px;
  overflow: hidden;
}
.post-card .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-card .category {
  font-size: 0.85em;
  color: var(--primary-green);
  text-transform: uppercase;
  font-weight: 600;
  margin: 15px 20px 5px;
}
.post-card h3 {
  font-size: 1.3em;
  font-weight: 600;
  margin: 0 20px 10px;
  line-height: 1.4;
  color: var(--text-color);
}
.post-card p {
  font-size: 0.95em;
  color: var(--light-text);
  margin: 0 20px 15px;
}
.post-card .read-more {
  display: inline-block;
  color: var(--primary-green);
  font-weight: 600;
  margin: 0 20px 20px;
  transition: color 0.3s ease;
}
.post-card .read-more:hover {
  color: #2e7d32;
}

/*--------------------------------------------*/
#partners {
  padding-bottom: 100px;
}
#partners .brand-list li {
  width: 24.5%;
  float: left;
  text-align: center;
  border: 1px solid #9a9a9a;
  margin-right: -1px;
  margin-bottom: -1px;
  padding: 50px 30px;
}
#partners .brand-list li:nth-child(1) {
  border-left: 0;
  border-top: 0;
}
#partners .brand-list li:nth-child(2) {
  border-left: 0;
  border-top: 0;
}
#partners .brand-list li:nth-child(3) {
  border-left: 0;
  border-top: 0;
}
#partners .brand-list li:nth-child(4) {
  border-right: 0;
  border-top: 0;
}
#partners .brand-list li:nth-child(5) {
  border-left: 0;
}
#partners .brand-list li:nth-child(6) {
  border-left: 0;
}
#partners .brand-list li:nth-child(7) {
  border-left: 0;
}
#partners .brand-list li:nth-child(8) {
  border-right: 0;
}
#partners .brand-list li:nth-child(9) {
  border-left: 0;
}
#partners .brand-list li:nth-child(10) {
  border-left: 0;
}
#partners .brand-list li:nth-child(11) {
  border-left: 0;
}
#partners .brand-list li:nth-child(12) {
  border-right: 0;
}
#partners .brand-list li:nth-child(13) {
  border-left: 0;
  border-bottom: 0;
}
#partners .brand-list li:nth-child(14) {
  border-left: 0;
  border-bottom: 0;
}
#partners .brand-list li:nth-child(15) {
  border-left: 0;
  border-bottom: 0;
}
#partners .brand-list li:nth-child(16) {
  border-right: 0;
  border-bottom: 0;
}

/*--------------------------------------------*/
/*New DigiFree*/
/*--------------------------------------------*/
.digi-free-banner h1 {
  font-family: "bobby_jones_softregular", serif;
  font-size: 64px;
  color: #606060;
  text-align: right;
  margin-top: 80px;
  margin-bottom: 80px;
  color: #252b42;
}
.digi-free-banner h1 span {
  font-family: "tschicholdarchitypenormal", serif;
  font-weight: 600;
  color: #000;
}
.digi-free-banner h1 strong {
  color: #cf0202;
  font-weight: normal;
}

#section-alt h2 {
  font-size: 54px;
  font-family: "Gloock", serif;
  margin-bottom: 30px;
  margin-top: 100px;
  color: #252b42;
}
#section-alt h2 span {
  color: #cf0202;
}
#section-alt ul li {
  font-size: 22px;
  margin-bottom: 25px;
}
#section-alt ul li strong {
  display: block;
}
@media (max-width: 480px) {
  .mobile-padding {
    padding-left: 25px !important;
    padding-right: 25px !important;
    font-size: 25px !important;
  }
}

/*--------------------------------------------*/
/*Welcome page*/
/*--------------------------------------------*/
.welcome-sec2 {
  padding-bottom: 50px;
}
.welcome-sec2 h3 {
  font-size: 34px;
  margin-bottom: 40px;
}
.welcome-sec2 h4 {
  font-size: 28px;
}
.welcome-sec2 h4 strong {
  color: #cf0202;
}
.welcome-banner .hero-img {
  width: 600px;
  position: absolute;
  top: -230px;
  left: -100px;
}
/* Default Desktop Behavior */
.join-section .hero-banner {
  margin-left: 10%;
  margin-top: -180px;
  max-width: 800px;
}
.join-banner-mobile {
  margin-top: -15%;
}
.join-text-container {
  margin-top: -20%;
}
/* For mobile: reset overlapping and center */
@media (max-width: 767px) {
  .join-section .hero-banner {
    margin: -150px auto 0px -10px; /* center the banner */
    display: block;
    max-width: 140%; /* full width on mobile */
    transform: rotate(352deg);
  }
  .join-text-container {
    margin-top: -50%;
  }
  .join-section h3 {
    text-align: center;
    margin-top: 10px;
  }

  .join-logo {
    max-width: 70%; /* Reduce size on mobile */
  }
  .join-banner-mobile {
    margin-top: 10%;
  }
}

/*--------------------------------------------*/
/*Join Page*/
/*--------------------------------------------*/
.join-banner {
  position: relative;
}
.join-banner .hero-img {
  max-width: 770px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
.join-banner h3 {
  font-size: 44px;
  position: relative;
  z-index: 1;
  text-align: center;
  font-style: italic;
}
.join-banner h3 strong {
  display: block;
}

#content-sec {
  font-size: 30px;
  color: #606060;
}
#content-sec strong {
  color: #05672a;
  font-weight: 700;
}
#content-sec h2 {
  line-height: 44px;
}
#content-sec .bullet-point,
#content-sec .number-point {
  margin-top: 15px;
}
#content-sec .bullet-point li {
  margin-bottom: 15px;
}
#content-sec .bullet-point li a {
  color: #004aad;
}
#content-sec .number-point li {
  list-style-type: decimal;
  margin-bottom: 15px;
  margin-left: 30px;
}
#content-sec .number-point li strong {
  color: #606060;
}
#content-sec .number-point li span,
#content-sec .bullet-point li span {
  color: #cf0202;
  font-weight: 700;
}

#why-discounts {
  padding: 40px 0;
}
#why-discounts h1 {
  font-family: "bobby_jones_softregular", serif;
  font-size: 70px;
  position: relative;
  display: inline-block;
}
#why-discounts h1 span {
  font-family: "Protest Revolution", sans-serif;
  color: #05672a;
  position: relative;
  top: -70px;
  left: 100px;
  font-size: 90px;
  transform: rotate(-20deg);
  display: inline-block;
}

#why-discounts .number-point {
  margin-top: 30px;
  margin-bottom: 70px;
}
#why-discounts .number-point li {
  list-style-type: decimal;
  font-size: 34px;
  margin-bottom: 15px;
}

#why-discounts .c-to-c h4 {
  font-size: 30px;
  font-weight: 300;
  line-height: 44px;
  margin-top: 20px;
  text-align: center;
}
#why-discounts .c-to-c h4 span {
  color: #cf0202;
  font-weight: 700;
}
#why-discounts .c-to-c h4 .green {
  color: #05672a;
}

/*--------------------------------------------*/
/*Share Page*/
/*--------------------------------------------*/
.share-banner #completely_free ul li {
  font-size: 30px;
  color: #606060;
  margin-bottom: 30px;
  line-height: 40px;
}
.share-banner .share-mobile {
  position: relative;
  left: -120px;
  top: -50px;
}
.share-banner h3 {
  font-size: 40px;
  color: #606060;
  margin-top: 70px;
}
.share-banner h3 span {
  font-weight: 700;
  color: #cf0202;
}

#feature-list {
  margin-top: -90px;
}
#feature-list .feature-box {
  display: flex;
  grid-column-gap: 40px;
  margin-bottom: 10px;
}
#feature-list .feature-box img {
  height: 200px;
}
#feature-list .feature-box hr {
  width: 120px;
  height: 4px;
  background: #cf0202;
  display: block;
  border: 0;
  opacity: 1;
}
#feature-list .feature-box h4 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 15px;
}
#feature-list .feature-box p {
  color: #606060;
  font-size: 22px;
  line-height: 34px;
}
#feature-list .feature-box p span {
  color: #cf0202;
  font-weight: 700;
}

#share-care {
  padding: 70px 0;
}
#share-care h3 {
  color: #cf0202;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
}
#share-care p {
  color: #606060;
  font-size: 28px;
  margin-bottom: 40px;
}

.makemoney-banner h1 {
  font-family: "Inter", sans-serif;
  font-size: 34px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: left;
  position: relative;
  line-height: 50px;
  margin-bottom: 20px;
}
.makemoney-banner h1:before {
  content: "";
  position: absolute;
  left: 0;
  top: 49px;
  height: 3px;
  background: #cf0202;
  width: 250px;
}
.makemoney-banner h5 {
  color: #606060;
  font-size: 26px;
  margin-bottom: 70px;
}
.makemoney-banner h5 span {
  font-weight: 700;
  color: #cf0202;
}
.makemoney-banner h3 {
  font-size: 25px;
  color: #606060;
  margin-bottom: 10px;
  line-height: 34px;
}
.makemoney-banner h3 span {
  font-weight: 700;
  color: #cf0202;
}
.makemoney-banner .bullet-point {
  margin-bottom: 30px;
}
.makemoney-banner .bullet-point li {
  list-style-type: disc;
  margin-left: 30px;
  font-size: 25px;
  color: #606060;
}

#digi-plus h3 {
  font-size: 25px;
  color: #606060;
  margin-bottom: 10px;
  line-height: 34px;
  margin-top: 20px;
}
#digi-plus h3 span {
  font-weight: 700;
  color: #1893f8;
}
#digi-plus .bullet-point {
  margin-bottom: 30px;
}
#digi-plus .bullet-point li {
  list-style-type: disc;
  margin-left: 30px;
  font-size: 25px;
  color: #606060;
}

/*--------------------------------------------*/
/*Footer Section*/
/*--------------------------------------------*/
#footer {
  padding: 70px 40px 0 40px;
  border-top: 1px solid #e2e8f0;
}
#footer.footer {
  position: relative;
  z-index: 0;
}
#footer .f-logo {
  height: 60px;
  margin-bottom: 30px;
}
#footer p {
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  display: flex;
}
#footer p a {
  color: #1f222e;
}
#footer p a:hover {
  color: #05672a;
}
#footer p i {
  margin-right: 5px;
}
#footer h5 {
  font-size: 16px;
  font-weight: 500;
  color: #05672a;
  text-transform: uppercase;
  margin-bottom: 15px;
}
#footer .f-links li {
  line-height: 40px;
}
#footer .f-links li a {
  font-size: 16px;
  font-weight: 500;
  color: #1f222e;
}
#footer .f-links li a:hover {
  color: #05672a;
}

#footer .f-links.f-social {
  display: flex;
  margin-bottom: 10px;
}
#footer .f-links.f-social li a {
  float: left;
  height: 40px;
  width: 40px;
  border: 1px solid #05672a;
  border-radius: 100%;
  color: #05672a;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
  font-size: 20px;
}
#footer .f-links.f-social li a i {
  display: block;
}
#footer .f-links.f-social li a i.img {
  line-height: 35px;
}
#footer .f-links.f-social li a:hover {
  background: #05672a;
  color: #fff;
}
#footer .f-links.f-social li a:hover img {
  filter: brightness(0) invert(1);
}

#footer .bottom-footer {
  border-top: 1px solid #e2e8f0;
  padding: 20px 0px;
  margin-top: 30px;
}
#footer .bottom-footer .copyright {
  font-size: 15px;
  font-weight: 400;
  margin-top: 10px;
}
#footer .bottom-footer .copyright a {
  color: #05672a;
}
#footer .bottom-footer .f-links {
  display: flex;
  justify-content: flex-end;
}
#footer .bottom-footer .f-links li {
  margin: 0 10px;
}
#footer .bottom-footer .f-links li a:hover {
  color: #05672a;
}

/*For Home page*/
.bottom-footer {
  border-top: 1px solid #e2e8f0;
  padding: 20px 0px;
}
.bottom-footer .copyright {
  font-size: 15px;
  font-weight: 400;
  margin-top: 10px;
}
.bottom-footer .copyright a {
  color: #05672a;
}
.bottom-footer .f-links {
  display: flex;
  justify-content: flex-end;
}
.bottom-footer .f-links li {
  margin: 0 10px;
}
.bottom-footer .f-links li a {
  font-size: 16px;
  font-weight: 500;
  color: #1f222e;
}
.bottom-footer .f-links li a:hover {
  color: #05672a;
}

#scroll {
  position: fixed;
  bottom: 80px;
  right: 20px;
  z-index: 99;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  background: #cf0202;
  color: #fff;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  opacity: 1;
  display: none;
  cursor: pointer;
  box-shadow: 0 5px 30px rgba(255, 60, 60, 0.6);
}
#scroll:hover {
  opacity: 1;
}
.img-invert {
  filter: brightness(0) invert(1);
}

/*--------------------------------------------*/
/*Start Responsive and Mobile Views*/
/*--------------------------------------------*/

/*--------------------------------------------*/
/* Laptop with Desktop (1600px) View*/
/*--------------------------------------------*/
@media all and (max-width: 1600px) {
}

/*--------------------------------------------*/
/* Laptop with Desktop (1400px) View*/
/*--------------------------------------------*/
@media all and (max-width: 1400px) {
  .header .menu .menu-main li a {
    font-size: 15px;
  }
  .header .menu > ul.menu-main > li {
    margin-left: 15px;
  }
  .bottom-footer {
    padding: 20px 30px;
  }
  #slider.digi-free-banner .swiper-slide .app-sreens {
    max-height: 500px;
  }

  #slider.promote-digifree-banner .swiper-slide {
    padding: 100px 30px 0 30px;
  }
  #slider.promote-digifree-banner .swiper-slide .digifree-logo {
    height: 200px;
  }
  #slider.promote-digifree-banner .swiper-slide h3 {
    font-size: 34px;
  }
  #slider.promote-digifree-banner .swiper-slide h2 {
    font-size: 40px;
    line-height: 60px;
  }
  #slider.promote-digifree-banner .swiper-slide .arrow {
    height: 70px;
  }

  #stats .lady-img {
    width: 47%;
  }
  #what_waiting {
    padding-top: 100px;
  }

  #organic_content,
  #one_video,
  #personal_branding {
    padding: 70px 0;
  }
  #multiple_platforms {
    padding: 70px 0;
  }
}

/*--------------------------------------------*/
/* Laptop with Tab (1199px) View*/
/*--------------------------------------------*/
@media all and (max-width: 1199px) {
  .header-menus li {
    margin: 0 10px;
  }
  .header-menus li a {
    font-size: 16px;
  }

  #slider {
    top: -114px;
  }
  #slider.inner-header .swiper-slide {
    height: 680px;
  }
  #you_are h4 {
    font-size: 34px;
  }
  #you_are h1 {
    font-size: 120px;
  }
  #you_are::before {
    background-size: 30%;
  }
  #you_are::after {
    background-size: 30%;
  }

  #increase_visibility .white-wrapper .increase-img {
    margin-top: -60px;
  }
  #increase_visibility .white-wrapper h2 {
    margin-top: 50px;
  }
  #increase_visibility .white-wrapper ul li {
    font-size: 20px;
  }
  #increase_visibility {
    padding: 130px 0;
  }
  #four_blocks .block-one {
    min-height: 780px;
  }
  #make_difference h1 {
    font-size: 74px;
  }

  #slider.promote-digifree-banner .swiper-slide .arrow {
    bottom: 14%;
  }
  #key_benefits {
    margin-top: -115px;
  }

  #slider.value-adds-banner h2 {
    font-size: 34px;
    line-height: 50px;
  }
  #our_partners .content-panel {
    padding: 100px 50px 0 50px;
  }

  #stats .stats-card {
    max-width: 340px;
  }
}

/*--------------------------------------------*/
/* Mini Laptop with Tab (991px) View*/
/*--------------------------------------------*/
@media all and (max-width: 991px) {
  .header-menus {
    display: none;
  }
  #slider .swiper-slide .slide-content {
    margin-top: 50px;
  }
  #slider .slide-content h1 {
    font-size: 40px;
    line-height: 50px;
  }
  #slider.inner-header .swiper-slide {
    height: 613px;
  }
  #slider.digi-free-banner .swiper-slide {
    padding-top: 130px;
  }

  #use_app .ways-card {
    margin-bottom: 30px;
  }

  #benefits .benefits-card {
    margin-bottom: 30px;
  }

  #you_are {
    padding: 100px 0;
  }
  #you_are::before {
    display: none;
  }
  #you_are::after {
    display: none;
  }

  #slider.why-partner-with-us-banner .swiper-slide h1 {
    font-size: 70px;
  }
  #slider.why-partner-with-us-banner .swiper-slide .subtitle {
    font-size: 16px;
  }

  #completely_free h2,
  #offer_discounts h2,
  #repeat_loyal_customers .content-panel h2,
  #happy_customers h2 {
    font-size: 34px;
  }
  #completely_free h4 {
    font-size: 26px;
  }
  #completely_free h5 {
    font-size: 20px;
  }
  #increase_margin_dtc .card-wrapper {
    padding: 30px;
  }
  #increase_visibility .white-wrapper {
    height: 330px;
  }
  #increase_visibility .white-wrapper ul li {
    font-size: 16px;
    line-height: 24px;
  }
  #increase_visibility .white-wrapper h2 {
    font-size: 30px;
  }
  #increase_visibility .white-wrapper .increase-img {
    margin-top: -40px;
  }
  #completely_free h2 .underline {
    left: 13%;
    width: 38%;
  }

  #repeat_loyal_customers .content-panel {
    padding: 40px 30px;
  }

  #happy_customers h2 {
    margin-top: 60px;
  }
  #happy_customers ul li {
    font-size: 16px;
    line-height: 30px;
  }

  #four_blocks .content-card {
    padding: 30px 30px 0 30px;
  }
  #four_blocks .content-card h2 {
    font-size: 30px;
  }
  #four_blocks .block-four .content-card h2 {
    font-size: 34px;
  }
  #four_blocks .block-four .content-card ul li {
    font-size: 16px;
    margin-bottom: 10px;
  }

  #four_blocks .block-four .content-card .app-btns a img {
    height: 45px;
  }
  #four_blocks .block-four {
    min-height: 717px;
  }

  #process_features .pe-0 {
    padding-right: 10px !important;
  }
  #process_features .ps-0 {
    padding-left: 10px !important;
  }
  #process_features .px-0 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  #process_features .feature-card {
    margin-bottom: 10px;
  }
  #social_media_visibility {
    padding: 50px 0;
  }
  #social_media_visibility h1 {
    margin-top: 0;
  }
  #dtc_sales h2 {
    margin-top: 20px;
  }
  #why_offer_pay .card-wrapper {
    padding: 40px 30px 0 30px;
  }
  #why_offer_pay {
    padding: 50px 0;
  }

  #how_tier_discounts {
    padding-top: 50px;
  }
  #how_tier_discounts h3 {
    padding: 20px;
  }
  #how_tier_discounts h4 {
    padding: 15px;
    font-size: 34px;
  }

  #slider.testimonials-banner .swiper-slide h1 {
    font-size: 34px;
  }
  #video .video-frame {
    height: 476px;
  }
  #video .video-frame iframe {
    height: 450px;
  }

  #slider.media-kit-banner .banner-img img {
    width: 75%;
  }
  #slider.media-kit-banner .swiper-slide h1 {
    font-size: 40px;
  }
  #going_live .content-wrapper {
    top: 120px;
  }
  #going_live .content-wrapper h1 {
    font-size: 54px;
  }

  #online_businesses h2 {
    font-size: 34px;
  }
  #online_businesses ul li {
    line-height: 30px;
    font-size: 16px;
  }
  #offline_businesses h2 {
    font-size: 34px;
  }
  #offline_businesses ul li {
    line-height: 30px;
    font-size: 16px;
  }
  #online_businesses small,
  #offline_businesses small {
    font-size: 13px;
    line-height: 20px;
  }
  #slider.media-kit-banner #video .video-frame video {
    height: 450px;
  }

  #slider.promote-digifree-banner .swiper-slide .digifree-logo {
    height: 150px;
  }
  #slider.promote-digifree-banner .swiper-slide h2 {
    font-size: 30px;
    line-height: 44px;
  }
  #slider.promote-digifree-banner .swiper-slide .arrow {
    height: 50px;
    bottom: 10%;
  }
  #key_benefits {
    padding: 80px 0;
  }
  #key_benefits h1 {
    font-size: 110px;
    letter-spacing: -10px;
    line-height: 90px;
    margin-bottom: 70px;
  }
  #key_benefits .content-creation h4,
  #key_benefits .add-promotion h4 {
    font-size: 34px;
  }
  #key_benefits .exclusivity h4 {
    font-size: 44px;
  }
  #key_benefits .add-promotion p,
  #key_benefits .content-creation p {
    font-size: 18px;
  }

  #slider.value-adds-banner .swiper-slide h3 {
    font-size: 30px;
    line-height: 44px;
  }
  #slider.value-adds-banner .swiper-slide {
    padding-bottom: 70px;
  }

  #stats {
    margin-top: -90px;
    padding-bottom: 50px;
  }
  #stats .stats-card {
    max-width: none;
  }
  #stats .lady-img {
    position: relative;
    width: auto;
  }
  #what_waiting {
    min-height: 600px;
  }
  #what_waiting h1 {
    font-size: 44px;
  }
  #stats small {
    margin-bottom: 30px;
  }

  #why_give_money {
    margin-top: -114px;
    padding: 60px 0;
  }
  #why_give_money h1 {
    font-size: 44px;
  }
  #why_give_money h4.subtitle {
    font-size: 30px;
  }
  #why_give_money .card-wrapper h3 {
    font-size: 44px;
  }
  #why_give_money .card-wrapper h5 {
    font-size: 30px;
  }
  #organic_content h1 {
    font-size: 40px;
  }
  #organic_content h2 {
    font-size: 44px;
  }
  #personal_content .list li {
    font-size: 34px;
    margin-bottom: 10px;
  }
  #organic_content {
    padding: 70px 0;
  }
  #one_video h2 {
    margin-top: 70px;
    font-size: 34px;
    line-height: 50px;
  }
  #one_video h2 span {
    font-size: 44px;
  }
  #one_video {
    padding: 50px 0;
  }
  #global_social_map .content-panel h2 {
    font-size: 40px;
  }
  #global_social_map .content-panel h3 {
    font-size: 36px;
  }
  #multiple_platforms h2 {
    font-size: 40px;
  }
  #multiple_platforms h3 {
    font-size: 44px;
  }
  #multiple_platforms {
    padding: 60px 0px 50px 0;
  }
  #extremely_inhibit h2 {
    font-size: 40px;
  }
  #personal_branding h4 {
    font-size: 34px;
  }
  #personal_branding h4 span {
    font-size: 34px;
  }
  #social_media_platforms {
    padding-top: 250px;
  }
  #social_media_platforms h1 {
    font-size: 44px;
  }

  #slider.media-kit-banner .swiper-slide {
    padding-bottom: 0px;
  }
  #co_branding_with_us .spec-list li {
    font-size: 20px;
  }
  #co_branding_with_us .title-tip {
    font-size: 40px;
  }
  #co_branding_media {
    padding-bottom: 50px;
  }

  #footer h5 {
    margin-top: 30px;
  }
}

/*--------------------------------------------*/
/* Mini Tab with All Mobile Devices (767px) View*/
/*--------------------------------------------*/
@media all and (max-width: 767px) {
  #header {
    padding: 0;
  }
  #header a.navbar-brand {
    margin-top: 0px;
  }
  #header .header .mobile-menu-trigger {
    margin-top: 10px;
  }
  #header .overlay nav {
    font-size: 30px;
  }
  #slider .swiper-slide {
    padding: 140px 0 0 0;
  }
  #slider .slide-content h1 {
    font-size: 40px;
    line-height: 50px;
  }
  #slider .swiper-slide .slide-content .social-media li a {
    margin-bottom: 10px;
  }

  #use_app {
    padding-bottom: 30px;
  }
  #use_app h2 {
    font-size: 34px;
  }
  #use_app h2 span {
    font-size: 50px;
  }
  #use_app .ways-card {
    min-height: auto;
  }
  #use_app .ways-card p {
    font-size: 18px;
    line-height: 26px;
  }

  #dis_made_simple h2 {
    font-size: 34px;
  }
  #dis_made_simple h6 {
    font-size: 16px;
  }

  #benefits {
    padding: 50px 0;
  }
  #benefits h2 {
    font-size: 34px;
  }

  #you_are .app-btns a img {
    margin: 0 5px;
    height: 50px;
  }

  #increase_margin_dtc .card-wrapper {
    margin-bottom: 30px;
  }
  #increase_margin_dtc {
    margin-bottom: 30px;
  }

  #increase_visibility {
    padding: 50px 0;
  }

  #increase_visibility .white-wrapper {
    height: auto;
    padding: 50px 30px;
  }
  #increase_visibility .white-wrapper .increase-img {
    margin-top: 30px;
  }
  #increase_visibility .white-wrapper h2 {
    margin-top: 0px;
  }
  #offer_discounts {
    padding: 50px 0;
  }
  #offer_discounts h2 {
    margin-top: 0px;
  }
  #happy_customers {
    padding: 50px 0;
  }
  #happy_customers h2 {
    margin-top: 0px;
  }

  #four_blocks .block-one {
    min-height: auto;
  }
  #four_blocks .block-four {
    min-height: auto;
  }
  #make_difference h1 {
    font-size: 44px;
  }

  #make_difference {
    padding: 50px 0;
  }

  #why_offer_pay .card-wrapper {
    margin-bottom: 30px;
  }

  #how_exactly_do {
    text-align: center;
  }
  #how_exactly_do img {
    margin-bottom: 30px;
  }

  #dtc_sales h2 {
    font-size: 34px;
  }
  #dtc_sales h4 {
    font-size: 30px;
  }
  #why_offer_pay .card-wrapper {
    min-height: 540px;
  }
  #why_offer_pay .card-wrapper i {
    margin-bottom: 20px;
  }
  #why_offer_pay .card-wrapper h4 {
    font-size: 24px;
    line-height: 34px;
  }

  #faq {
    padding: 50px 0;
  }
  #faq h2 {
    font-size: 34px;
  }

  #slider.promote-digifree-banner .swiper-slide .arrow {
    bottom: -15%;
    left: 0;
  }
  #key_benefits .add-promotion {
    margin-bottom: 25px;
  }

  #slider.value-adds-banner h2 {
    padding-top: 30px;
  }
  #slider.value-adds-banner .swiper-slide h3 {
    margin-top: 30px;
  }
  #our_partners .content-panel {
    border-radius: 0px;
  }
  #our_partners .content-panel h2 {
    padding-top: 0px;
  }
  #our_partners .logos-panel,
  #our_partners.flip .logos-panel {
    border-radius: 0px;
  }
  #our_partners .ps-0 {
    padding-left: 10px !important;
  }
  #our_partners .pe-0 {
    padding-right: 10px !important;
  }

  #stats .lady-img {
    width: auto;
    position: relative;
    top: 0px;
  }

  #slider.why-offer-discounts .swiper-slide {
    padding-bottom: 30px;
  }
  #slider.why-offer-discounts .swiper-slide h3 {
    font-size: 60px;
  }
  #slider.why-offer-discounts .swiper-slide h1 {
    font-size: 34px;
  }

  #what_waiting .content-wrapper {
    text-align: right !important;
  }

  #zoom_meeting {
    padding-top: 0px;
  }
  #zoom_meeting .content-wrapper {
    margin-top: -100px;
    text-align: center;
  }

  #why_give_money .card-wrapper {
    margin: 0 auto;
    display: block !important;
  }
  #why_give_money .card-wrapper.panel-2 {
    margin-top: 30px;
  }
  #organic_content h2 {
    margin-top: 0px;
  }
  #organic_content h1 {
    margin-bottom: 30px;
  }
  #one_video .wrapper-box {
    padding: 50px;
  }
  #one_video h2 {
    margin-top: 20px;
  }
  #global_social_map .global-img {
    height: auto;
  }
  #multiple_platforms h2,
  #extremely_inhibit h2 {
    font-size: 34px;
  }

  #slider.terms-conditions h1 {
    margin-bottom: 0px;
    font-size: 44px;
  }
  #terms_con_download .ways-card {
    margin-bottom: 30px;
  }

  #online_businesses {
    padding: 0px 0px 50px 0;
    margin-top: -80px;
  }
  #offline_businesses h2 {
    margin-top: 0px;
  }
  #co_branding_with_us h2 {
    font-size: 34px;
  }
  #co_branding_with_us .spec-list {
    margin-top: 0px;
  }
  #co_branding_with_us h3 {
    margin-top: 40px;
    font-size: 34px;
  }
  #co_branding_with_us {
    padding-bottom: 50px;
  }
  #co_branding_media h2 {
    font-size: 34px;
  }
  #co_branding_media.logos-qr .media-kit-card {
    min-height: auto;
  }

  .hero-article h1 {
    font-size: 27px;
    line-height: 36px;
  }

  #footer {
    padding: 60px 0px 0 15px;
  }
  #footer .bottom-footer .copyright {
    text-align: center;
    font-size: 13px;
  }
  #footer .bottom-footer .f-links {
    justify-content: center;
  }
  #footer .f-links li {
    line-height: 35px;
  }
  #footer .f-links li a {
    font-size: 14px;
  }
}

/*--------------------------------------------*/
/* Mini Tab with All Mobile Devices (667px) View*/
/*--------------------------------------------*/
@media all and (max-width: 667px) {
  #header .navbar-brand img {
    height: 50px;
  }
  #slider .swiper-slide .slide-content h1 {
    font-size: 40px;
    line-height: 50px;
  }
  #slider .swiper-slide .slide-content {
    margin-top: 20px;
  }
  #slider .swiper-slide .slide-content h5 {
    font-size: 20px;
    line-height: 28px;
  }

  #slider.digi-free-banner .swiper-slide .app-btns {
    margin: 25px 0 !important;
  }
  #slider.digi-free-banner .swiper-slide .app-btns a img {
    margin: 0 3px;
    height: 50px;
  }
  #use_app {
    margin-top: -80px;
  }
  #use_app h2 {
    margin-bottom: 20px;
  }
  #use_app .ways-card {
    text-align: center !important;
  }

  #social_media_visibility h1 {
    font-size: 44px;
    line-height: 60px;
  }

  #how_tier_discounts h3 {
    border-radius: 20px;
  }
  #how_tier_discounts .pe-0 {
    padding-right: 15px !important;
  }
  #how_tier_discounts h4 {
    font-size: 28px;
  }
  #how_tier_discounts h2 {
    font-size: 17px;
  }
  #how_tier_discounts .how-create-code h1 {
    margin-top: 30px;
  }
  #how_tier_discounts .how-create-code h5 {
    font-size: 20px;
    line-height: 34px;
  }
  #how_tier_discounts .how-create-code .note {
    font-size: 13px;
    line-height: 20px;
  }

  #process_features .feature-card {
    min-height: 350px;
  }
  #process_features .feature-card h1 {
    font-size: 150px;
    line-height: 110px;
  }

  #faq .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 15px;
    padding: 15px;
  }
  #faq .accordion .accordion-item .accordion-body {
    font-size: 13px;
    padding: 0 15px 15px 15px;
    line-height: 20px;
  }

  #video .video-frame {
    height: 351px;
  }
  #video .video-frame iframe {
    height: 330px;
  }

  #slider.media-kit-banner .swiper-slide h1 {
    font-size: 26px;
  }
  #slider.media-kit-banner #video .video-frame video {
    height: 378px;
  }
  #video .video-frame {
    height: 400px;
  }

  #going_live .content-wrapper {
    top: 80px;
  }
  #going_live .content-wrapper h1 {
    font-size: 44px;
  }

  #online_businesses h2 {
    margin-top: 30px;
  }
  #offline_businesses h2 {
    margin-top: 0;
  }
  #key_benefits .red-filled {
    margin-top: 30px;
  }
  #slider.promote-digifree-banner .swiper-slide h3 {
    font-size: 25px;
    padding-top: 40px;
  }
  #slider.promote-digifree-banner .swiper-slide h2 {
    font-size: 30px;
    line-height: 36px;
    padding-top: 30px;
  }

  #slider.value-adds-banner h2 {
    font-size: 28px;
    line-height: 38px;
  }
  #slider.value-adds-banner .swiper-slide h3 {
    font-size: 22px;
    line-height: 34px;
  }
  #our_partners .content-panel {
    padding: 50px 30px 50px 30px;
    min-height: auto;
  }
  #our_partners .logos-panel {
    min-height: auto;
    padding-top: 0px;
  }
  #our_partners .content-panel h2 {
    font-size: 30px;
  }

  #slider.why-offer-discounts .swiper-slide h3 {
    font-size: 38px;
    margin-bottom: 20px;
  }
  #slider.why-offer-discounts .swiper-slide h1 {
    font-size: 24px;
    line-height: 30px;
  }

  #what_waiting {
    min-height: 450px;
    padding-top: 40px;
  }

  #slider.contact-us .swiper-slide h3 {
    font-size: 44px;
  }

  #why_give_money h1 {
    font-size: 34px;
  }
  #why_give_money .card-wrapper {
    padding: 30px;
  }
  #why_give_money .card-wrapper h3 {
    font-size: 32px;
  }

  #why_give_money .card-wrapper h6 {
    font-size: 18px;
    line-height: 28px;
  }
  #why_give_money .card-wrapper.panel-1 {
    min-height: 630px;
  }
  #why_give_money .card-wrapper.panel-2 {
    min-height: 520px;
  }
  #why_give_money .card-wrapper h5 {
    font-size: 26px;
  }
  #organic_content h1 {
    font-size: 32px;
  }
  #organic_content h2 {
    font-size: 40px;
  }
  #personal_content .list li {
    font-size: 24px;
  }
  #personal_content .list li img {
    height: 24px;
  }
  #one_video .wrapper-box {
    padding: 0px;
    border-radius: 40px;
  }
  #one_video h2 {
    font-size: 25px;
    line-height: 38px;
    padding: 25px;
    margin-top: 0px;
  }
  #one_video h2 span {
    font-size: 34px;
  }
  #global_social_map .global-img {
    height: 350px;
    object-fit: contain;
    object-position: bottom;
  }
  #global_social_map .content-panel h3 {
    font-size: 30px;
  }
  #global_social_map .content-panel h6 {
    font-size: 20px;
  }
  #multiple_platforms h2,
  #extremely_inhibit h2 {
    font-size: 24px;
  }
  #multiple_platforms h3 {
    font-size: 34px;
  }
  #extremely_inhibit h2 {
    margin-top: 20px;
  }
  #personal_branding {
    padding: 50px 0;
  }
  #personal_branding h4 {
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 30px;
  }
  #personal_branding h4 span {
    font-size: 30px;
  }
  #social_media_platforms h1 {
    font-size: 34px;
  }

  #our_partners {
    padding-bottom: 30px;
  }

  .bottom-footer .copyright {
    font-size: 12px;
    text-align: center;
    margin-bottom: 10px;
  }
  .bottom-footer .f-links {
    justify-content: center;
  }
  .bottom-footer .f-links li a {
    font-size: 13px;
  }
  #slider .swiper-slide .slide-content .social-media li a {
    margin-right: 5px;
  }
  #slider .swiper-slide .slide-content .social-media li:last-child a {
    margin-right: 0px;
  }

  #slider.blog-hero-banner {
    top: -70px;
  }
  .blog-hero-banner .hero .hero-text {
    position: relative;
    bottom: 0;
  }
  .blog-hero-banner .hero {
    margin-bottom: 0;
    margin-top: 100px;
  }
  .blog-hero-banner .hero img {
    height: 400px;
  }
  .blog-hero-banner .hero .hero-text {
    padding: 30px 0px 0px 0px;
  }
  .blog-card h3 {
    font-size: 20px;
  }

  .hero-article {
    padding-top: 120px;
  }
  .hero-article .hero-image img {
    margin-bottom: 20px;
  }

  #slider.our-partners-banner {
    top: -70px;
  }
  #partners .brand-list li {
    width: 49.5%;
    padding: 20px 10px;
  }
  #partners .brand-list li:nth-child(1) {
    border-left: 0;
    border-top: 0;
  }
  #partners .brand-list li:nth-child(2) {
    border-right: 0;
    border-top: 0;
  }
  #partners .brand-list li:nth-child(3) {
    border-left: 0;
    border-top: 0;
  }
  #partners .brand-list li:nth-child(4) {
    border-right: 0;
    border-top: 0;
  }
  #partners .brand-list li:nth-child(5) {
    border-left: 0;
  }
  #partners .brand-list li:nth-child(6) {
    border-right: 0;
  }
  #partners .brand-list li:nth-child(7) {
    border-left: 0;
  }
  #partners .brand-list li:nth-child(8) {
    border-right: 0;
  }
  #partners .brand-list li:nth-child(9) {
    border-left: 0;
  }
  #partners .brand-list li:nth-child(10) {
    border-right: 0;
  }
  #partners .brand-list li:nth-child(11) {
    border-left: 0;
  }
  #partners .brand-list li:nth-child(12) {
    border-right: 0;
  }
  #partners .brand-list li:nth-child(13) {
    border-left: 0;
    border-bottom: 0;
  }
  #partners .brand-list li:nth-child(14) {
    border-right: 0;
    border-bottom: 0;
  }
  #partners .brand-list li:nth-child(15) {
    border-left: 0;
    border-bottom: 0;
  }
  #partners .brand-list li:nth-child(16) {
    border-right: 0;
    border-bottom: 0;
  }
}

/*--------------------------------------------*/
/* Mini Tab with All Mobile Devices (575px) View*/
/*--------------------------------------------*/
@media all and (max-width: 575px) {
  #you_are h1 {
    font-size: 80px;
    line-height: 70px;
  }
  #you_are h4 {
    font-size: 30px;
  }

  #slider.why-partner-with-us-banner .swiper-slide h1 {
    font-size: 40px;
  }
  #slider.why-partner-with-us-banner .swiper-slide {
    padding-top: 140px;
    padding-bottom: 0px;
  }
  #completely_free h4 {
    font-size: 22px;
  }
  #completely_free ul li {
    line-height: 26px;
    font-size: 16px;
  }
  #completely_free {
    padding-bottom: 50px;
  }
  #increase_margin_dtc .card-wrapper img {
    height: auto;
    max-width: 100%;
  }
  #increase_visibility .white-wrapper h2 {
    font-size: 26px;
  }
  #completely_free h2,
  #offer_discounts h2,
  #repeat_loyal_customers .content-panel h2,
  #happy_customers h2 {
    font-size: 28px;
  }

  #happy_customers ul li {
    line-height: 24px;
  }

  #four_blocks .content-card ul li {
    font-size: 16px;
  }
  #four_blocks .content-card h2 {
    font-size: 26px;
  }
  #four_blocks .block-four .content-card .app-btns a img {
    height: 42px;
  }
  #make_difference h1 {
    font-size: 30px;
  }

  #slider.testimonials-banner .swiper-slide h1 {
    font-size: 30px;
  }
  #video {
    padding-bottom: 50px;
  }
  #video .video-frame {
    height: 270px;
  }
  #video .video-frame iframe {
    height: 250px;
  }
  #insta_feed h4 {
    font-size: 26px;
  }

  #going_live {
    padding-top: 50px;
  }
  #going_live .content-wrapper {
    left: 5%;
  }
  #going_live .content-wrapper h1 {
    font-size: 28px;
  }
  #going_live .content-wrapper label {
    font-size: 16px;
  }
  #going_live .content-wrapper {
    top: 0px;
  }

  #slider.promote-digifree-banner .swiper-slide .digifree-logo {
    height: 120px;
  }
  #slider.media-kit-banner #video .video-frame video {
    height: 250px;
  }
  #slider.promote-digifree-banner .swiper-slide {
    padding: 100px 0px 0 0px;
  }
  #key_benefits {
    padding: 50px 0;
  }
  #key_benefits h1 {
    font-size: 70px;
    letter-spacing: -8px;
    margin-bottom: 40px;
  }
  #key_benefits .exclusivity {
    padding: 40px 20px;
  }
  #key_benefits .exclusivity ul li {
    font-size: 15px;
  }
  #key_benefits .content-creation h4,
  #key_benefits .add-promotion h4 {
    font-size: 28px;
    line-height: 34px;
  }

  #slider.why-offer-discounts .swiper-slide .offer-discounts-banner {
    margin-top: 100px;
  }
  #stats .lady-img {
    display: none;
  }
  .mobile-view {
    display: block !important;
  }

  #co_branding_with_us .media-kit-logo {
    width: 70%;
  }
  #co_branding_with_us .title-tip {
    font-size: 30px;
  }

  .blog-hero-banner .hero .hero-text h2 {
    font-size: 20px;
  }
  .popular-post h2 {
    margin-bottom: 10px;
    font-size: 30px;
  }
  .popular-post .view-all-btn {
    display: inline-block;
    margin-top: 0px;
    height: 45px;
    line-height: 44px;
  }

  .article-content .pullquote {
    padding: 0px 15px;
    line-height: 28px;
    font-size: 20px;
  }
  .roll-wrap {
    position: relative;
    display: inline-block;
  }

  .roll-img {
    display: block;
    width: 100%;
    height: auto;
    border-bottom: 4px solid #00d563; /* bottom green line under roll hero */
  }

  /* Gallery image sizing to match screenshot look */
  .gallery-img {
    height: 135px;
    object-fit: cover;
  }

  /* Cards styling similar to screenshot */
  .testimonial-card,
  .stats-card {
    border: none;
    overflow: visible;
    background: #fff;
    padding: 0;
  }
  .testimonial-card .card-body {
    padding: 1.25rem;
    border-radius: 12px;
  }
  .stats-card .card-body {
    padding: 1rem;
    border-radius: 12px;
  }

  /* subtle rounded shadow like in screenshot */
  .card.rounded-3.shadow-sm {
    box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06);
  }

  /* green dot used in stats */
  .stat-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #000000;
    flex-shrink: 0;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  }
  .gallery-img {
    height: 260px;
    object-fit: cover;
  }

  /* responsive adjustments */
  @media (max-width: 767.98px) {
    .gallery-img {
      height: 120px;
    }
    .roll-img {
      margin-top: 20px;
    }
  }
  @font-face {
    font-family: "Bobby Jones";
    src: url("../fonts/BobbyJones.woff2") format("woff2"),
      url("../fonts/BobbyJones.woff") format("woff"),
      url("../fonts/BobbyJones.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
  .font-bobby {
    font-family: "Bobby Jones", sans-serif !important;
  }
}