/*

Theme Name: The Goodness Game

Theme URI: 

Author: The Goodness Game

Author URI: 

Description: Simple and Responsive Wordpress theme.

*/

@font-face {
  font-family: "Poppins-Thin";
  src: url("fonts/Poppins-Thin.ttf");
}

@font-face {
  font-family: "Poppins-SemiBold";
  src: url("fonts/Poppins-SemiBold.ttf");
}

@font-face {
  font-family: "Poppins-Regular";
  src: url("fonts/Poppins-Regular.ttf");
}

@font-face {
  font-family: "Poppins-Medium";
  src: url("fonts/Poppins-Medium.ttf");
}

@font-face {
  font-family: "Poppins-Light";
  src: url("fonts/Poppins-Light.ttf");
}

@font-face {
  font-family: "Poppins-ExtraLight";
  src: url("fonts/Poppins-ExtraLight.ttf");
}

@font-face {
  font-family: "Poppins-MediumItalic";
  src: url("fonts/Poppins-MediumItalic.ttf");
}

@font-face {
  font-family: "Poppins-ExtraBold";
  src: url("fonts/Poppins-ExtraBold.ttf");
}

@font-face {
  font-family: "Poppins-Bold";
  src: url("fonts/Poppins-Bold.ttf");
}

@font-face {
  font-family: "Poppins-Black";
  src: url("fonts/Poppins-Black.ttf");
}

@font-face {
  font-family: "Poppins-BoldItalic";
  src: url("fonts/Poppins-BoldItalic.ttf");
}

@font-face {
  font-family: "Poppins-Italic";
  src: url("fonts/Poppins-Italic.ttf");
}

@font-face {
  font-family: "Inter-Bold";
  src: url("fonts/Inter-Bold.ttf");
}

@font-face {
  font-family: "Inter-Regular";
  src: url("fonts/Inter-Regular.ttf");
}

@font-face {
  font-family: "Inter-ExtraBold";
  src: url("fonts/Inter-ExtraBold.ttf");
}

@font-face {
  font-family: "Avenir-Black";
  src: url("fonts/Avenir-Black.ttf");
}

@font-face {
  font-family: "Avenir-Regular";
  src: url("fonts/Avenir-Regular.ttf");
}

@font-face {
  font-family: "Lato-Regular";
  src: url("fonts/Lato-Regular.ttf");
}
@font-face {
  font-family: "avenir-roman";
  src: url("fonts/avenir-roman.ttf");
}
@font-face {
  font-family: "Inter-Black";
  src: url("fonts/Inter-Black.ttf");
}
@font-face {
  font-family: "CedarvilleCursive-Regular";
  src: url("fonts/CedarvilleCursive-Regular.ttf");
}
/* -- style for common -- */
:root {
  --primary-color: #1a1a1a;
  --secondary-color: #ff9900;
  --white-color: #ffffff;
  --green-color: #24b72f;
  --black-color: #000000;
}

body {
  font-family: "Poppins-Regular";
  overflow-x: hidden;
  color: var(--primary-color);
  font-size: 18px;
  line-height: 25px;
}

a,
input,
textarea,
button,
select {
  outline: none;
}

a:hover,
a:focus,
input:focus,
textarea:focus,
button:focus,
select:focus {
  outline: none;
  text-decoration: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: none;
  -webkit-text-fill-color: var(--primary-color);
}

input:-webkit-autofill {
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--primary-color);
}

a {
  color: var(--primary-color);
}

a:hover {
  color: var(--secondary-color);
}

p {
  color: var(--primary-color);
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 16px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
select,
textarea {
  width: 100%;
  padding: 17px 23px !important;
  border-radius: 6px !important;
  color: var(--primary-color);
  height: 67px;
  font-size: 16px !important;
  box-shadow: none !important;
  background-color: var(--white-color) !important;
  border: 2px solid #4b85e8 !important;
  border-radius: 10px !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}

select {
  -o-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(./images/down-arrow.svg);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 54%;
  background-size: 14px;
  cursor: pointer;
  padding-right: 36px;
}

input:focus,
select:focus {
  border: 2px solid #4b85e8 !important;
  border-radius: 10px !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}

textarea {
  height: 194px !important;
  max-height: 194px !important;
}

label {
  font-size: 18px !important;
  color: #000 !important;
}

textarea:focus {
  border: 2px solid #4b85e8 !important;
  border-radius: 10px !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}

/*   
  header,
  section,
  footer {
  float: left;
  width: 100%;
  } */
.container {
  width: 1557px;
  max-width: 100%;
  padding: 0px 70px;
}

img {
  max-width: 100%;
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins-Bold";
  color: var(--primary-color);
  font-weight: initial;
}

img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

h1 {
  font-size: 36px;
  line-height: 46px;
}

h2 {
  font-size: 32px;
  line-height: 42px;
}

h3 {
  font-size: 28px;
  line-height: 38px;
}

h4 {
  font-size: 26px;
  line-height: 36px;
}

h5 {
  font-size: 24px;
  line-height: 34px;
}

h6 {
  font-size: 22px;
  line-height: 30px;
}

/* .full-width {
    width: 100%;
    float: left;
  } */

input,
textarea,
button,
select,
label,
a,
span,
img {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

:focus {
  box-shadow: none !important;
}

p:last-child {
  margin-bottom: 0px;
}

/* header */
.header_sec_sub {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#main-menu {
  display: flex;
  list-style-type: none;
  column-gap: 30px;
  align-items: center;
  padding: 0px;
  margin: 0px;
}

#main-menu a {
  font-size: 15px;
  color: var(--black-color);
}

.header_sec_main {
  padding: 28px 171px;
}

.buy-book a {
  min-width: 198px;
  min-height: 60.68px;
  padding: 10px 22.5px;
  display: flex;
  align-items: center;
  text-align: right;
  justify-content: right;
  background-color: var(--secondary-color);
  border-radius: 30px;
  color: #fff !important;
  position: relative;
  font-size: 18px !important;
}
.kindness-btm-img {
  margin-bottom: 0px;
}
.common-btn:hover {
  color: #fff;
}
.buy-book a:before {
  position: absolute;
  content: "";
  width: 21.77px;
  height: 22.12px;
  background-image: url(./images/amazon.svg);
  background-repeat: no-repeat;
  background-size: 21.77px;
  left: 22.5px;
  top: 50%;
  transform: translateY(-50%);
}

.header_sec_main {
  padding: 28px 171px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999999;
  width: 100%;
}

.header_sec_main.full-width.fixed {
  background-color: #fff8df;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}

.banner-sec {
  padding-top: 132px;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 100px;
  position: relative;
  min-height: 1030px;
}

.play-game-btn {
  min-width: 571px;
  max-width: 100%;
  width: auto;
  display: inline-flex;
  justify-content: center;
  background-color: var(--green-color);
  padding: 10px 40px;
  border-radius: 100px;
  align-items: center;
  color: var(--white-color) !important;
  column-gap: 20px;
  font-family: "Inter-Bold";
  font-size: 32px;
  z-index: 9;
  position: relative;
  justify-content: space-between;
  padding-right: 13px;
  text-align: center;
}

.icon {
  width: 103px;
  height: 103px;
  background-color: var(--white-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.banner-sub-content h1 {
  font-size: 55px;
  line-height: 70px;
  text-align: center;
  margin-bottom: 30px;
}

.text-unbold {
  font-family: "Poppins-Regular";
}

.text-underline {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.banner-sec .container {
  width: 1580px;
}

.banner-content {
  width: 100%;
}

.banner-content-lft {
  width: 48%;
  padding-bottom: 100px;
}

.banner-content-rgt {
  width: 62%;
}

.banner-content {
  display: flex;
  column-gap: 151px;
  align-items: center;
}

.banner-content-rgt p {
  font-size: 25px;
  line-height: 40px;
}

.text-bold {
  font-family: "Poppins-Bold";
}

.btn-sec {
  margin-top: 50px;
  width: 100%;
}

.banner-btm-image {
  width: auto;
  display: inline-flex;
  position: absolute;
  bottom: 117px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(./images/circle.png);
  width: 198px;
  height: 179px;
}

.banner-sec::before {
  content: "";
  background-image: url(./images/white-bg.png);
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 182px;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 9;
}

.banner-btm-image::after {
  content: "";
  background-image: url(./images/clouds.png);
  position: absolute;
  bottom: 105px;
  left: 50%;
  transform: translateX(-50%);
  width: 708px;
  height: 50px;
}

.banner-image {
  width: 100%;
  padding-top: 20px;
}

.why-play-img-sec {
  display: grid;
  grid-template-columns: repeat(3, 1fr) !important;
  column-gap: 74px;
  position: relative;
  width: 100%;
  margin-top: 70px;
  padding-bottom: 20px;
}

.common-heading {
  font-size: 50px;
  text-align: center;
  line-height: 65px;
  margin-bottom: 40px;
}

.why-play-img {
  position: relative;
}

.why-play-img.why-play-arrow-image::before {
  position: absolute;
  content: "";
  background-image: url(./images/curve.png);
  width: 191px;
  right: -129px;
  top: 0px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: contain;
}

/* .why-play-img.why-play-arrow-image::after {
  left: unset;
  right: -95.5px;
} */

.why-play-sec .container {
  width: 1767px;
}

.why-play-sec {
  width: 100%;
  background-image: url(./images/why-play-vg.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: -100px;
  position: relative;
  z-index: 9;
  background-position: center;
}

.why-play-content-sec {
  width: 863px;
  margin: 0 auto;
  max-width: 100%;
}

.common-text {
  font-size: 25px;
  line-height: 35px;
}

.common-sub-title {
  text-align: center;
  font-family: "Poppins-Medium";
  font-size: 25px;
  line-height: 35px;
}
.hand-mobile {
  display: none;
}

.movement-sec {
  width: 100%;
  position: relative;
  background-color: #e9f5ff;
  padding-top: 10px;
}

.width-80 {
  width: 80%;
}

.m-auto {
  margin: auto;
}

.movement-sub-sec {
  overflow-x: hidden;
  padding: 0px 0px 130px 0px;
}

.play-game-btn.yellow-play-game {
  background-color: var(--secondary-color);
}

.play-game-btn.yellow-play-game:hover {
  color: #fff;
}

.movement-sec::before {
  content: "";
  position: absolute;
  left: 0px;
  top: -58px;
  background-image: url(./images/blue-curve.png);
  width: 100%;
  height: 182px;
  z-index: 9;
  background-size: cover;
  background-repeat: no-repeat;
}

.movement-sec .container {
  position: relative;
  z-index: 9;
}

.movement-content-sec {
  width: 100%;
  position: relative;
}

.movement-content {
  width: 960px;
  background-color: var(--white-color);
  border-radius: 50px;
  max-width: 100%;
  padding: 48px;
  text-align: center;
  margin: 0 auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  position: relative;
}

.text-green {
  color: var(--green-color);
}

.movement-content h3 span {
  font-family: "Poppins-Black";
}

.movement-content h3 {
  font-family: "Poppins-SemiBold";
  font-size: 52px;
  line-height: 62px;
  margin: 30px 0px;
}

.common-text.perfect-content {
  padding: 0px 75px;
}

.text-underline.orange-text {
  color: #e96447;
}

.movement-content:before {
  background-image: url(./images/movement.png);
  content: "";
  position: absolute;
  left: -393px;
  bottom: -76px;
  width: 552px;
  height: 582px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.mobile-hero {
  display: none;
}
.movement-content:after {
  background-image: url(./images/kindness.png);
  content: "";
  position: absolute;
  right: -211px;
  top: -30px;
  width: 250px;
  height: 250px;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}

.kindness-txt,
.text-underline.orange-text {
  position: relative;
}

.kindness-txt:before {
  background-image: url(./images/check-book.png);
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 130px;
  height: 130px;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}

.text-underline.orange-text:before {
  background-image: url(./images/small-smilie.png);
  content: "";
  position: absolute;
  left: 65px;
  bottom: 21px;
  width: 53px;
  height: 61px;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}

.text-underline.orange-text:after {
  background-image: url(./images/big-smile.png);
  content: "";
  position: absolute;
  right: 65px;
  bottom: 10px;
  width: 106px;
  height: 109px;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}

.how-it-works-sec {
  width: 100%;
  position: relative;
  background-color: #fff7dc;
  z-index: 9;
  padding-bottom: 100px;
}

.how-it-works-sec::before,
.how-it-works-sec::after {
  background-image: url(./images/game-board-curve.svg);
  content: "";
  position: absolute;
  left: 0px;
  top: -126px;
  width: 100%;
  height: 205px;
  background-repeat: no-repeat;
  background-size: cover;
}

.how-it-works-sec::after {
  top: unset;
  bottom: -125px;
  background-image: url(./images/game-board-curve-white.svg);
}

.how-it-works-sec .container {
  position: relative;
}

.common-txt.works-sub-txt {
  text-align: center;
}

.how-it-works-sec .common-heading {
  margin-bottom: 0px;
}

.works-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr) !important;
  column-gap: 102.53px;
}

.gradient-circle {
  width: 300px;
  height: 300px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 20px;
  color: #1a1a1a;
  position: relative;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  position: relative;
  margin: 0px auto 40px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-family: "Poppins-Bold";
}

.how-it-works-sec .container {
  width: 1244px;
  position: relative;
  z-index: 1;
}
.testimonial-video iframe {
  position: relative;
}
.gradient-circle1.gradient-circle {
  /* background: linear-gradient(to bottom, #FFFFFF, #6DBDFF); */
  /* border: 7px solid #4B85E8; */
  background-image: url(./images/blue-works.png);
}

.gradient-circle2.gradient-circle {
  background-image: url(./images/maroon-works.png);
  /* background: linear-gradient(to bottom, #FFFFFF, #E8714E); */
  /* border: 7px solid #E8714E; */
}

.gradient-circle3.gradient-circle {
  /* background: linear-gradient(to bottom, #FFFFFF, #2EB262); */
  /* border: 7px solid #2EB262; */
  background-image: url(./images/green-works.png);
}

.gradient-number {
  width: 100px;
  height: 100px;
  border: 7px solid #fff7dc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins-Black";
  font-size: 50px;
  line-height: 65px;
  color: var(--white-color);
  border-radius: 50%;
  position: absolute;
  left: -24px;
  background-color: #4b85e8;
  top: 10px;
}

.gradient-circle2.gradient-circle .gradient-number {
  background-color: #e8714e;
  transform: rotate(14deg);
}

.gradient-circle3.gradient-circle .gradient-number {
  background-color: #2eb262;
  transform: rotate(-14deg);
}

/* .gradient-circle::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  opacity: 0.1;
  /* Adjust based on density */
/* pointer-events: none;
  z-index: 1;
} */
.meet-mobile-content {
  display: none;
}
.workers-btn {
  min-width: 220px;
  min-height: 90px;
  display: inline-flex;
  background-color: var(--secondary-color);
  font-family: "Poppins-ExtraBold";
  font-size: 25px;
  line-height: 35px;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
  padding: 15px;
  color: var(--white-color);
}
.bitsburg-btn a {
  pointer-events: none;
}
.work-steps-sub {
  text-align: center;
}

.how-it-works-steps {
  position: relative;
  padding: 10px 0px 50px 0px;
  width: 100%;
}

.meet-sec {
  width: 100%;
  position: relative;
  background-color: #fbfbf9;
  padding: 50px 0px 150px 0px;
  background: radial-gradient(ellipse 60% 35% at bottom center, #ACC7FF 0%, #C8DBFF 30%, #D6E6FF 60%, #fafaf8 100% );
}
.meet-video {
  width: 100%;
  text-align: center;
}

.meet-sec .container {
  position: relative;
  z-index: 9;
}

.story-sec {
  width: 100%;
  background-color: #e9f5ff;
  position: relative;
  padding-bottom: 224px;
}

.story-sec::before {
  background-image: url(./images/blue-transparent-curve.png);
  content: "";
  position: absolute;
  left: 0px;
  top: -126px;
  width: 100%;
  height: 205px;
  background-repeat: no-repeat;
  background-size: cover;
}

.story-lft-sec .common-heading {
  text-align: left;
}

.text-fullwidth {
  width: 100%;
  display: block;
}

.story-main-sec {
  width: 100%;
  display: flex;
  align-items: center;
  column-gap: 30px;
}

.story-rgt-sec {
  width: 45%;
}

.story-lft-sec {
  width: 55%;
}

.ebook-btn-sec {
  width: 100%;
  margin-top: 50px;
}

.common-btn {
  min-width: 340px;
  min-height: 100px;
  display: inline-flex;
  background-color: var(--secondary-color);
  border-radius: 100px;
  font-family: "Poppins-SemiBold";
  font-size: 30px;
  align-items: center;
  color: #fff;
  justify-content: center;
  column-gap: 36px;
}

.ebook-btn-sub-sec {
  display: flex;
  column-gap: 43px;
}

.common-btn.blue-btn {
  background-color: #4277e2;
}

.story-rgt-sec {
  text-align: center;
  padding-left: 20px !important;
  position: relative;
}

.story-sec .container {
  position: relative;
  width: 1555px;
}

.story-content.common-text {
  font-size: 30px;
  line-height: 50px;
}

.kindness-sec {
  width: 100%;
  text-align: center;
}

.kindness-text {
  font-size: 50px;
  line-height: 65px;
  width: 100%;
  margin-bottom: 50px;
}

.kindness-sec {
  width: 100%;
  text-align: center;
  background: linear-gradient(to top, #fff7dc, #fff);
  position: relative;
}

.italic-text,
.text-bolditalic {
  font-family: "Poppins-BoldItalic";
}
.story-sec::after {
  background-image: url(./images/game-board-curve-blue-top.svg);
  content: "";
  position: absolute;
  left: 0px;
  bottom: -20px;
  width: 100%;
  height: 205px;
  background-repeat: no-repeat;
  background-size: 100%;
}

.kindness-sec img {
  position: absolute;
  left: 0px;
  bottom: 0px;
}

footer {
  width: 100%;
  position: relative;
  padding: 100px 0px 20px 0px;
  background-color: #4b85e8;
}

footer::after {
  background-image: url(./images/game-board-curve-footer.svg);
  content: "";
  position: absolute;
  left: 0px;
  top: -113px;
  width: 100%;
  height: 131px;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 900;
}

.let-connect-lft {
  position: absolute;
  left: 0px;
  bottom: -71px;
}

footer {
  width: 100%;
  background-color: #4b85e8;
}

footer ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.footer-top-sec a {
  color: #fbfbf9;
  font-size: 22px;
  line-height: 32px;
}

.footer-btm-sec a {
  font-family: "Lato-Regular";
  color: #fbfbf9;
  font-size: 8px;
}

.footer-copyright-sec {
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}

.footer-top-sec.full-width h3 {
  font-size: 30px;
  font-family: "Avenir-Black";
  color: #fff;
  margin-bottom: 25px;
}
.game-img-big {
  display: none;
}
footer .container {
  width: 1610px;
}
.footer-logo img {
  max-width: 231px;
}
.footer-top-sec.full-width {
  display: grid;
  grid-template-columns: 25% 40% 35% !important;
  column-gap: 20px;
  margin-bottom: 80px;
}

.social-media-links {
  display: flex;
  column-gap: 13px;
}

#footer-right {
  display: inline-flex;
  column-gap: 10px;
}

.footer-btm-menu-sec {
  width: 100%;
  text-align: center;
}

.kindness-sec .common-heading {
  font-size: 65px;
  line-height: 75px;
}

.kindness-sec .container {
  width: 1700px;
}

.footer-sub-menu {
  display: flex;
  column-gap: 60px;
  width: 380px;
  justify-content: space-between;
  max-width: 100%;
}

.footer-menu {
  border-right: 3px solid var(--white-color);
  border-left: 3px solid var(--white-color);
}

.footer-menu {
  display: flex;
  justify-content: center;
}

.footer-logo {
  text-align: center;
}

.how-it-img {
  position: absolute;
  right: 18px;
  bottom: 70px;
  transform: rotate(-8deg);
}

.custom-video {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  border-radius: 25px;
  object-fit: cover;
  border: 5px solid #4b85e8;
  max-width: 100%;
}

.story-images {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.heart2 {
  position: absolute;
  left: -40px;
  bottom: 119px;
}

.big-smilie {
  position: absolute;
  right: 59px;
  bottom: -23px;
}

.check-list {
  position: absolute;
  left: 11px;
  top: -18px;
}
.mobile-author {
  display: none;
}
.small-smilie {
  position: absolute;
  bottom: 44px;
  right: -34px;
}

.heart1 {
  position: absolute;
  left: 17px;
  bottom: 16px;
}

.kindness {
  position: absolute;
  right: -149px;
  top: -101px;
}

.story-image {
  z-index: 9;
  position: relative;
}

.footer-btm-sec.full-width {
  margin-top: 20px;
}

.ebook-btn-sec.ebook-btn-sec-mobile {
  display: none;
}

.social-icon-sec.social-icon-sec-mobile {
  display: none;
}

/* responsive menu */
.btn7 {
  width: 30px;
  height: 40px;
  transition-duration: 0.5s;
}

.btn7 .icon-E {
  transition-duration: 0.5s;
  position: absolute;
  height: 4px;
  width: 30px;
  top: 30px;
  background-color: #212121;
  transition-delay: 0.5s;
}

.btn7 .icon-E:before {
  transition-duration: 0.5s;
  position: absolute;
  width: 30px;
  height: 4px;
  background-color: #212121;
  content: "";
  top: -10px;
}

.btn7 .icon-E:after {
  transition-duration: 0.5s;
  position: absolute;
  width: 30px;
  height: 4px;
  background-color: #212121;
  content: "";
  top: 10px;
}

.btn7 .icon-X {
  transition-duration: 0.5s;
  position: absolute;
  height: 0px;
  width: 200px;
  top: 30px;
  background-color: #212121;
  transform: scaleX(0);
  transform-origin: 30px 0px;
}

.btn7 .icon-X:before {
  transition-duration: 0.5s;
  position: absolute;
  width: 30px;
  height: 4px;
  background-color: #212121;
  content: "";
  top: -18px;
  transform: rotateZ(45deg) scaleX(1.25) translate(12px, 12px);
}

.btn7 .icon-X:after {
  transition-duration: 0.5s;
  position: absolute;
  width: 30px;
  height: 4px;
  background-color: #212121;
  content: "";
  top: 20px;
  transform: rotateZ(-45deg) scaleX(1.25) translate(12px, -12px);
}

.btn7 .icon-X:hover {
  cursor: pointer;
}

.btn7.open .icon-E {
  transition-duration: 0.5s;
  transform: scaleX(0);
  transition-delay: 0s;
}

.btn7.open .icon-X {
  transition: 0.5s;
  transition-delay: 0.5s;
  transform: scaleX(1);
}

.btn7:hover {
  cursor: pointer;
}

.res-menu {
  display: none;
}

.mobile_logo {
  display: none;
}

.movement-sec.helpers-sec::before {
  background-image: url(./images/blue-transparent-curve.png);
}

.banner-sec.helpers-heart-banner::before {
  display: none;
}

.movement-sec.helpers-sec::before {
  background-image: url(./images/blue-transparent-curve.png);
  top: -183px;
  height: 205px;
}

.meet-sec h4 {
  font-size: 24px;
  text-align: center;
  font-family: "Poppins-Regular";
}

.kindness-sec h6 {
  font-size: 40px;
  margin-bottom: 30px;
  line-height: 50px;
}

.understanding-text {
  width: 747px;
  margin: 0px auto 50px auto;
  max-width: 100%;
}

.story-sec.help-sec {
  background: #fff7dc;
}

.story-sec.help-sec::before {
  background-image: url(./images/game-board-curve.svg);
}

.story-sec.help-sec::after {
  background-image: url(./images/transition3.png);
}

.need2 {
  right: 0px !important;
  left: unset !important;
}

.how-to-play-banner {
  width: 100%;
  background: linear-gradient(
    155deg,
    rgba(248, 250, 251, 1) 70%,
    rgba(172, 199, 255, 1) 100%
  );
  padding-top: 125px;
}

.how-to-play-banner-lft .common-heading {
  text-align: left;
}

.how-to-play-banner .container {
  width: 1485px;
}

.how-to-play-banner-rgt {
  width: 50%;
  text-align: right;
}

.how-to-play-banner-lft {
  width: 50%;
  padding: 0px 50px 50px 75px;
}

.how-to-play-banner-content {
  display: flex;
  align-items: center;
}

.font24 {
  font-size: 24px;
  line-height: 25px;
}

.font18 {
  font-size: 18px;
  line-height: 25px;
}

.how-to-play-banner-lft .font18 {
  margin-top: 60px;
}

.howto-play-steps {
  background-image: url(./images/how-to-play-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  background-position-y: 63px;
  background-color: #fff7de;
}

.howto-play-steps .container {
  width: 1029px;
  position: relative;
}

.howto-play-steps .font18 {
  text-align: center;
}

.play-steps-sec-main {
  width: 100%;
  padding: 0px 20px;
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  gap: 31px;
}

.play-steps-title {
  background-color: #4b85e8;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  width: 100%;
  display: flex;
  padding: 10px 20px;
  column-gap: 20px;
  align-items: center;
}

.play-steps-no {
  min-width: 177px;
  /* background-color: var(--white-color); */
  font-family: "Poppins-Bold";
  min-height: 69px;
  display: inline-flex;
  font-size: 35px;
  align-items: center;
  justify-content: center;
  border-radius: 150px;
  background-image: url(./images/elipse.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.play-steps-title-content {
  font-family: "Poppins-Bold";
  font-size: 30px;
  color: var(--white-color);
  text-align: center;
  width: calc(100% - 177px);
}

.play-steps-content {
  width: 100%;
  border: 6px solid #4277e2;
  border-top-width: 6px;
  border-top-style: solid;
  border-top-color: rgb(66, 119, 226);
  border-top: 0px;
  padding: 45px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #ffffff;
  min-height: 305px;
}
ul.play-list {
  list-style-type: disc;
}
.list-content-title {
  font-family: "Poppins-Italic";
  font-size: 25px;
  line-height: 35px;
  color: #000000;
}

.play-list {
  font-size: 25px;
  line-height: 35px;
  color: #000000;
}

.testimonial-sec {
  width: 100%;
  margin-top: 92px;
}

.testimonial-list {
  /* box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); */
  border-radius: 30px;
  width: 100%;
  background-color: #fff;
}

.testimonials-sub-sec {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr) !important;
  column-gap: 23px;
  row-gap: 40px;
  position: relative;
}

.testimonial-main-sec {
  width: 1035px;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
}

.testimonials-content-sec {
  width: 100%;
  padding: 23px;
  position: relative;
  padding-bottom: 80px;
  border: 5px solid #dee7ee;
  border-radius: 30px;
}

.testimonials-quote {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 20px;
}

.testimonials-shorts iframe {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  border: none;
  border: 5px solid #dee7ee;
}

.testimonial-name {
  width: 100%;
  font-family: "Poppins-Bold";
  text-align: center;
  margin: 35px 0px 35px 0px;
  color: var(--black-color);
}
.banner-content-rgt-sub {
  width: 560px;
  max-width: 100%;
}
.testimonial-list {
  display: flex;
}

.testimonials-shorts {
  width: 100%;
  border-radius: 30px;
  overflow: hidden;
}

.testimonials-link {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 34px;
}

.testimonial-kidness {
  position: absolute;
  top: -229px;
  right: -153px;
}

.testimonial-check {
 position: absolute;
  top: 700px;
  left: -73px;
  width: 169px;
}

.testimonial-video {
  width: 787px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.underline-custom {
  position: relative;
  display: inline-block;
  text-decoration: none; /* remove default underline */
}

.underline-custom::after {
  content: "";
  position: absolute;
  left: 20px;
  bottom: 2px;
  width: calc(100% - 20px);
  height: 2px;
  background-color: #1a1a1a; /* your underline color */
}

.testimonial-video-image {
  position: absolute;
  left: -128px;
  top: -50px;
  width: 250px;
}

.testimonial-video video {
  position: relative;
}

.movement-sec.sales-movement .movement-content::before {
  background-image: url(./images/kindness-opposite.png);
  width: 262px;
  height: 247px;
  left: -206px;
  bottom: 79px;
  z-index: -1;
}

.movement-sales-image {
  position: absolute;
  bottom: 70px;
  right: 0px;
}

.meet-sec.sales-meet-sec::before {
  background-image: url(./images/transition4.png);
  content: "";
  position: absolute;
  left: 0px;
  top: -130px;
  width: 100%;
  height: 131px;
  background-repeat: no-repeat;
  background-size: cover;
}

.howto-play-steps::before {
  background-image: url(./images/transition7.png);
  content: "";
  position: absolute;
  left: 0px;
  top: -85px;
  width: 100%;
  height: 182px;
  background-repeat: no-repeat;
  background-size: cover;
}

.movement-sec.sales-movement {
  padding-bottom: 0px;
}

.movement-kindness {
  position: absolute;
  right: -230px;
  bottom: 300px;
}

.hand {
  position: absolute;
  left: -155px;
  top: -64px;
}

.meet-sec.sales-meet-sec .container {
  width: 1670px;
}

.movement-sec.sales-movement::before {
  top: -100px;
}

.movement-sales-title-main {
  width: 100%;
}

.movement-sales-title-sub {
  width: 748px;
  margin: 0 auto;
  position: relative;
  max-width: 100%;
}

.movement-sales-title-sub img {
  position: absolute;
  z-index: -1;
}

.sales-Smilie1 {
  right: 6px;
  top: -23px;
}

.sales-Smilie2 {
  right: 40px;
  bottom: -82px;
}

.sales-Smilie3 {
  right: 222px;
  bottom: 0px;
}

.movement-img1 {
  position: absolute;
  bottom: -68px;
  left: 111px;
}

.movement-img2 {
  position: absolute;
  top: -150px;
  left: 113px;
}

.meet-sec.sales-meet-sec {
  z-index: 9;
}

.story-sec.sale-story-sec {
  background-color: #fff7dc;
  position: relative;
  z-index: 9;
}

.story-sec.sale-story-sec::before {
  background-image: url("./images/game-board-curve.svg");
}

.story-sec.sale-story-sec::after {
  background-image: url("./images/transition5.png");
  height: 182px;
}

.custom-video-wrapper iframe {
  max-width: 100%;
}

.banner-sec.inner-page-banner .banner-content {
  align-items: stretch;
}

.banner-content-rgt {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.inner-page-header::before {
  background-image: url(./images/inner-page-header.png);
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 205px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 105px;
}

.inner-page-header {
  width: 100%;
  position: relative;
  min-height: 204px;
  background-color: #fff7dc;
}

.banner-sec.inner-page-banner::before {
  display: none;
}

.testimonial-main-sec.testimonial-page-main-sec {
  width: 100%;
}

.testimonial-main-sec.testimonial-page-main-sec .testimonials-sub-sec {
  grid-template-columns: repeat(4, 1fr) !important;
}

.testimonial-list.testimonial-yellow-bg {
  background-color: #fff7dc;
}

.testimonial-page-sec {
  width: 100%;
  background-color: #F7F9F9;
  position: relative;
}

.testimonial-page-sec::before {
  background-image: url(./images/blue.png);
  content: "";
  position: absolute;
  left: 0px;
  top: -126px;
  width: 100%;
  height: 182px;
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonial-list.no-background {
  background-color: transparent;
}

.testimonial-page-sec .btn-sec {
  text-align: center;
  margin-top: 55px;
}

.play-game-btn.dark-green-bg {
  background-color: #2eb262;
}

.banner-content-rgt h2 {
  font-size: 40px;
  line-height: 50px;
}

.kindness-sec.sale-kindness-sec .container {
  position: relative;
  z-index: 9;
}

.kindness-sec.sale-kindness-sec {
  background: linear-gradient(to top, #fff7dc, #fbfbf9);
}

.banner-sec.inner-page-banner {
  min-height: auto;
}

.banner-sec {
  padding-top: 132px;
  padding-bottom: 170px;
}

.banner-sec.inner-page-banner .banner-content-lft {
  padding-bottom: 0px;
}

.game-begun-sec::before {
  background-image: url(./images/game-bg.png);
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.game-header {
  min-height: 205px;
  width: 100%;
  background-color: #fff7dc;
}

.game-begun-sec {
  width: 100%;
  position: relative;
}

.game-begun-main-sec .container {
  position: relative;
  display: flex;
  width: 1383px;
}

.game-begun-sec .container {
  column-gap: 60px;
}

.game-begun-content {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  background-color: #fff;
  padding: 23px;
  font-size: 15px;
  line-height: 22px;
  width: 100%;
}
.game-begun-content p {
  font-size: 15px;
  line-height: 22px;
}
.game-begun-lft-content {
  font-family: "Poppins-Light";
  font-size: 24px;
  line-height: 34px;
  padding: 15px 0px;
}

.game-begun-rgt {
  width: 40%;
  text-align: right;
  position: relative;
  z-index: 9;
  display: flex;
  align-items: end;
}

.car-image {
  position: absolute;
  right: 0px;
  top: 0px;
}

.game-begun-lft {
  width: 60%;
  padding-bottom: 100px;
}

.online-sec {
  position: relative;
  width: 100%;
  background-color: #e9f5ff;
}

.online-img {
  position: absolute;
  left: 0px;
  bottom: -51px;
}

.online-sec .container {
  column-gap: 81px;
  padding-right: 0;
}

.online-sec-rgt {
  width: 47%;
  padding-bottom: 200px;
}

.online-sec-lft iframe {
  max-width: 100%;
  width: 100%;
}

.online-sec-lft {
  width: 53%;
  padding-left: 16px;
}
.online-sec .container {
  width: 1438px;
}
.online-sec-rgt h2 {
  text-align: left;
}

.online-sec::before {
  background-image: url(./images/blue.png);
  content: "";
  position: absolute;
  left: 0px;
  top: -102px;
  width: 100%;
  height: 182px;
  background-repeat: no-repeat;
  background-size: cover;
}

.national-media-top-sec {
  width: 100%;
}

.national-media-sec {
  width: 100%;
  position: relative;
}

.national-media-top {
  width: 1031px;
  max-width: 100%;
  margin: 0 auto;
}

.national-circle1,
.national-circle2,
.national-circle3 {
  width: 100%;
  height: 394px;
  border-radius: 50%;
}

.national-circle1 {
  background-color: #4b85e8;
  text-align: center;
  color: #fff;
  padding: 54px 120px;
}

.font17 {
  font-size: 17px;
  line-height: 23px;
}

.font40 {
  line-height: 50px;
  margin-bottom: 50px;
}

.national-circle1 .font40 {
  color: #fff;
  margin-bottom: 50px;
}

.national-circle2 {
  background-color: #4b85e880;
  margin-top: -250px;
}

.national-circle3 {
  background-color: #4b85e840;
  margin-top: -250px;
}

.national-media-sub-sec {
  width: 100%;
}

.national-media-btm-sec {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr) !important;
  column-gap: 146px;
  padding-bottom: 150px;
  margin-top: -27%;
}

.bitsburg-btn a {
  width: 100%;
  text-align: center;
  background-color: #2eb262;
  border-radius: 10px;
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 10px;
  font-size: 18px;
  font-family: "Poppins-Bold";
  color: #fff;
}

.kindness-sec.kindness-grow .container {
  display: flex;
  column-gap: 93px;
}

.kindness-grow-left {
  width: 40%;
}

.kindness-grow-rgt {
  width: 60%;
}

.play-steps-sec-main .btn-sec {
  text-align: center;
}

.faq-wrapper,
.full-width {
  width: 100%;
}

iframe {
  width: 100%;
  max-width: 100%;
}

.youtube-video {
  border: 5px solid #4b85e8;
  border-radius: 30px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  display: block;
  background-color: #4b85e8;
  outline: none;
}

.flex-container {
  display: flex;
  column-gap: 81px;
}

.author-kind-lft-sec {
  width: 43%;
}

.author-kind-rgt-sec {
  width: 57%;
}
.author-kind-rgt-sec.full-width .play-game-btn.dark-green-bg {
  font-family: "Inter-Black";
}
.author-message-btm,
.author-title,
.download-sheet-btn {
  display: flex;
  justify-content: space-between;
}
.author-kind-rgt-sec.full-width .btn-sec {
  text-align: left;
}
.autor-sec-lft {
  width: 42.5%;
  text-align: right;
  padding-left: 80px;
}

.autor-sec-rgt {
  width: 57.5%;
}

.download-sheet-btn,
.thank-download-sheet-btn {
  display: inline-flex;
  justify-content: space-between;
  background-color: #2eb262;
  min-width: 339px;
  min-height: 100px;
  padding: 10px 42px;
  border-radius: 100px;
  align-items: center;
  font-size: 34px;
  font-family: "Poppins-Bold";
  color: var(--white-color) !important;
  column-gap: 20px;
  line-height: 35px;
  width: 339px;
  max-width: 100%;
}

.download-sheet-sec img {
  width: 100%;
}

.download-sheet-sec {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
  margin-top: 20px;
  align-items: center;
}

.padding131 {
  padding-top: 131px;
}

.inner-page-content-sec {
  position: relative;
  text-align: center;
  /* padding: 0px; */
}
.remove_inner_page_padding {
  padding: 0px;
}

.banner-sec.inner-page-banner {
  padding-top: 0px;
}

.inner-page-plain-header {
  min-height: 150px;
  background-color: #fff7dc;
}

.media-contact-banner {
  background-image: url(./images/inner-pg-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  background-position: center;
  position: relative;
  padding-bottom: 270px;
}

.media-content .common-heading {
  text-align: left;
  color: #000;
}

.media-contact-lft {
  width: 54%;
}

.media-contact-rgt {
  width: 46%;
  position: relative;
}

.media-content {
  width: 100%;
  background-color: var(--white-color);
  border-radius: 30px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  padding: 35px;
  position: relative;
}

.media-contact-banner .container {
  width: 1605px;
}

.contact-image {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -68px;
}

.font30 {
  font-size: 30px;
  line-height: 40px;
}

.spread-text.font30 {
  margin-bottom: 50px;
}

.media-ellipse {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -95px;
}

.leaf {
  position: absolute;
  right: 0px;
  bottom: -64px;
}

.media-clouds {
  position: absolute;
  left: 50%;
  bottom: 68px;
  transform: translateX(-50%);
}

.media-person {
  position: absolute;
  right: 500px;
  bottom: -140px;
}
.author-title {
  margin-bottom: 25px;
}
.media-contact-banner2::before {
  background-image: url(./images/blue-transparent-curve.png);
  content: "";
  position: absolute;
  left: 0px;
  top: -75px;
  width: 100%;
  height: 182px;
  background-repeat: no-repeat;
  background-size: cover;
}

.media-contact-banner.media-contact-banner2 {
  background-image: url(./images/blue-bg.png);
}

.media-contact-banner.media-contact-banner2 {
  padding: 80px 0px 110px 0px;
}

.media-bg {
  position: absolute;
  left: 58%;
  bottom: -122px;
  transform: translateX(-48%);
}

.media-contact-banner2::after {
  background-image: url(./images/transition6.png);
  content: "";
  position: absolute;
  left: 0px;
  bottom: -90px;
  width: 100%;
  height: 182px;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 999;
}

.what-speak-sec {
  background: linear-gradient(
    155deg,
    rgb(248, 250, 251) 70%,
    rgb(172, 199, 255) 100%
  );
  position: relative;
  width: 100%;
  z-index: 999;
}

.what-speak-circle {
  width: 560px;
  max-width: 100%;
  margin: 0 auto;
}

.what-speak-lft-sec h3 {
  font-family: "Poppins-BoldItalic";
  font-size: 45px;
  line-height: 55px;
  margin-bottom: 0px !important;
}

.what-speak-lft-sec .national-circle1,
.what-speak-lft-sec .national-circle2,
.what-speak-lft-sec .national-circle3 {
  width: 100%;
  height: 232px;
}

.what-speak-lft-sec .national-circle1 {
  padding: 20px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.what-speak-lft-sec .national-circle2,
.what-speak-lft-sec .national-circle3 {
  margin-top: -150px;
}

.faith-in-list {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  padding: 29px;
  background-color: var(--white);
}

.faith-in.action-btm {
  display: flex;
  column-gap: 49px;
  margin-top: -200px;
}

.speak-no {
  width: 183px;
  height: 79px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 45px;
  font-family: "Poppins-Bold";
  color: var(--white-color);
  background-image: url(./images/blue-ellipse.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.speak-no-sec {
  width: 100%;
  text-align: center;
  border-bottom: 2px dashed #000;
  padding-bottom: 18px;
  margin-bottom: 28px;
}

.faith-in-list h4 {
  font-family: "Poppins-BoldItalic";
  color: #000;
  font-size: 25px;
  line-height: 35px;
  margin-bottom: 15px;
}

.faith-in-list p {
  font-size: 25px;
  line-height: 35px;
}

.what-speak-sec .container {
  width: 1594px;
}

.what-speak-rgt-sec {
  width: 42%;
  text-align: right;
}

.what-speak-lft-sec {
  width: 58%;
}

.quick-version-sec {
  background-image: url(./images/quick.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0px;
  width: 100%;
  position: relative;
}

.quick-version-sec::after {
  background-image: url(./images/transition7.png);
  content: "";
  position: absolute;
  left: 0px;
  top: -58px;
  width: 100%;
  height: 182px;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 999;
}

.quick-version-sec::before {
  background-image: url(./images/transition8.png);
  content: "";
  position: absolute;
  left: 0px;
  bottom: -100px;
  width: 100%;
  height: 182px;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 99999;
}

.quick-version-sec .media-content {
  z-index: 9999;
}

.everything-you-need-sec h3 {
  background-image: url(./images/need.png);
  color: #000;
  font-size: 35px;
  line-height: 45px;
  width: 581px;
  height: 219px;
  max-width: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  text-align: center;
  margin-left: 200px;
  background-position: center;
  background-repeat: no-repeat;
}

.invite-btn-mobile {
  display: none;
}

.everything-you-need-sec h3 span {
  font-family: "Poppins-MediumItalic";
}

.quick-version-img {
  background-color: #fff7dc;
  border-radius: 30px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  background-image: url(./images/one-sheet-bg.png);
  margin-bottom: 28px;
  width: 100%;
}

.quick-version-sec .container.flex-container {
  position: relative;
  z-index: 9999;
}

.font18 p {
  font-size: 18px;
  line-height: 25px;
}

.quick-version-sec .container.flex-container {
  column-gap: 20px;
}

.quick-version-lft-sec {
  width: 50%;
}

.quick-version-arrow-sec {
  width: 21%;
  text-align: center;
  margin-top: 90px;
}

.quick-version-rgt-sec {
  width: 29%;
}

.need-img {
  position: absolute;
  left: 0px;
  bottom: -180px;
}

.everything-you-need-sec.full-width {
  position: relative;
  margin-top: 60px;
}

.lets-connect-sec {
  width: 100%;
  position: relative;
  z-index: 99999;
  background-color: #f7f9fb;
  overflow-y: hidden;
}

.lets-connect-sec .container {
  width: 888px;
}
.story-sec.home-story-sec .ebook-btn-sub-sec {
  column-gap: 35px;
}
.lets-connect-title h2 {
  width: 560px;
  height: 232px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--white-color);
  background-image: url(./images/connect.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.lets-connect-content {
  text-align: center;
  margin-bottom: 33px;
}

.lets-connect-content-sec {
  width: 100%;
  padding: 46px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  background-color: #fff;
  position: relative;
  z-index: 9;
}

.lets-connect-title {
  width: 100%;
  margin-top: 10px;
  text-align: center;
}

.frm_button_submit {
  min-width: 433px;
  background-color: #2eb262 !important;
  border: 0px !important;
  min-height: 128px !important;
  border-radius: 100px !important;
  font-size: 34px !important;
  text-transform: uppercase !important;
  font-family: "Poppins-Bold";
  display: flex;
  column-gap: 20px;
  align-items: center;
  justify-content: center;
  padding: 20px !important;
  margin: 0 auto !important;
}

.frm_submit {
  margin-top: 30px;
}

#frm_field_11_container {
  margin-bottom: 0px;
}

.frm_style_formidable-style.with_frm_style .form-field {
  position: relative;
  margin-bottom: 25px !important;
}

.frm_description {
  font-size: 18px !important;
  color: #000 !important;
  background-color: #fff !important;
  display: inline-block;
  padding: 5px 10px !important;
  position: absolute;
  bottom: -11px;
  left: 15px;
}

.email-fld {
  margin-top: 10px !important;
}

.contact-page-sec {
  background-color: #fff7dc;
  position: relative;
  width: 100%;
  background-image: url(./images/contact-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.contact-page-sec .container {
  width: 845px;
}

.contact-content {
  margin-bottom: 30px;
  text-align: center;
}

.text-italic {
  font-family: "Poppins-Italic";
}
.kindness-sec.home-kindness-section h2 .text-underline {
  font-family: "Poppins-BoldItalic";
}
.workers-btn:hover {
  color: #fff;
}
.header-menu li.active a {
  color: var(--secondary-color);
}
.thank-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 50px;
  position: relative;
  padding-bottom: 50px;
}

.thank-title::before {
  background-image: url(./images/contact-bar.png);
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 10px;
  background-repeat: no-repeat;
  background-size: cover;
}

.thank-you-page.contact-page-sec {
  min-height: 800px;
}

.tank-you-text,
.tank-you-text p {
  font-size: 20px;
  line-height: 25px;
}

.what-speak-rgt-sec {
  display: flex;
  align-items: end;
}

.let-connect-rgt {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.gradient-circle1.gradient-circle::before {
  background-image: url(./images/blue-arrow.png);
  content: "";
  position: absolute;
  right: -90px;
  top: 50%;
  width: 80px;
  height: 46px;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateY(-50%);
}

.gradient-circle2.gradient-circle::before {
  background-image: url(./images/maroon-arrow.png);
  content: "";
  position: absolute;
  right: -90px;
  top: 50%;
  width: 80px;
  height: 46px;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateY(-50%);
}

.game-begun-main-sec {
  position: relative;
  width: 100%;
}

.game-begun-main-sec:before {
  background-image: url(./images/time-line.png);
  content: "";
  position: absolute;
  left: 56px;
  top: -150px;
  width: 145px;
  height: calc(100% + 150px);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 9;
  background-repeat: repeat;
}

/* .game-begun-main-sec .container {
    padding: 0px 210px;
  } */
.download-popup,
.one-sheetdownload-popup {
  position: fixed;
  z-index: 9999999999;
  width: 100%;
  height: 100vh;
  left: 0px;
  top: 0px;
  background-color: #000c;
  display: none;
}

.download-popup-inner {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
}

.download-popup-sub {
  width: 700px;
  background-color: #fff;
  padding: 60px 30px;
  border-radius: 30px;
  position: relative;
  max-width: 100%;
}

#frm_field_17_container {
  margin-bottom: 0px !important;
}

.close-image img {
  width: 22px;
  cursor: pointer;
}

.close-image {
  position: absolute;
  cursor: pointer;
  width: 30px;
  height: 30px;
  right: 25px;
  top: 20px;
}

body.no-scroll {
  overflow: hidden;
}

.faq-page .container {
  width: 1105px;
}

.testimonial-content p {
  font-size: 25px;
  line-height: 30px;
  margin-top: 10%;
}
.footer-sub-menu li a {
  font-family: "avenir-roman";
}
.testimonial-page-list.lets-connect-content-sec {
  padding: 52px 99px;
}

.banner-sec.inner-page-banner.faq-page .common-heading {
  font-size: 45px;
  line-height: 55px;
}

.testimonial-list .testimonial-content {
  width: 100%;
  margin-bottom: 30px;
  color: var(--black-color);
  min-height: 200px;
}

.faq-item {
  width: 100%;
  padding-bottom: 20px;
}

.faq-content {
  width: 100%;
  margin-top: 28px;
  box-shadow: 0px 4px 10px 0px rgba(217, 217, 217, 1) inset;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  font-size: 22px;
  line-height: 32px;
  color: #000;
  font-family: "Poppins-Light";
  padding: 30px 71px;
}

.faq-title {
  width: 100%;
  position: relative;
  font-family: "Poppins-Medium";
  font-size: 25px;
  line-height: 35px;
  padding: 5px 50px 5px 120px;
  display: flex;
  align-items: center;
  min-height: 90px;
}

.faq-title::before {
  background-image: url(./images/faq.svg);
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  width: 98px;
  height: 90px;
  background-repeat: no-repeat;
  background-size: 62px;
  border: 2.5px solid #29a957;
  background-position: center;
  border-radius: 15px;
  transform: translateY(-50%);
}

.faq-title::after {
  background-image: url(./images/downarrow.svg);
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  width: 36px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 15px;
  transform: translateY(-50%);
}

.faq-title.active::before {
  background-image: url(./images/faq-white.svg);
  background-color: #29a957;
}

.faq-lft-image {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 430px;
}
.faq-title {
  cursor: pointer;
}
.faq-rgt-image {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.banner-sec.inner-page-banner.faq-page {
  padding-bottom: 0px;
}

.autor-kindness-sec {
  position: relative;
  background-color: #e9f5ff;
}

.autor-kindness-sec::before {
  background-image: url(./images/transition9.png);
  content: "";
  position: absolute;
  left: 0px;
  top: -126px;
  width: 100%;
  height: 205px;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-sec.inner-page-banner.author-banner {
  background-image: url(./images/quick.png);
  padding-bottom: 131px;
}

.inner-page-header.author-header::before {
  background-image: url(./images/transition10.png);
  height: 64px;
  top: 15px;
}

.meet-the-autor-content {
  width: 100%;
  background-color: #e8714e;
  border-radius: 30px;
  padding: 22px;
}

.meet-the-autor-sub-content {
  border: 5px dashed var(--white-color);
  border-radius: 30px;
  padding: 30px 41px;
}

.author-title {
  font-size: 50px;
  line-height: 60px;
  align-items: center;
  margin-bottom: 20px;
  color: var(--white-color);
}

.author-content,
.author-content p {
  font-size: 15px;
  line-height: 19px;
  color: var(--white-color);
}

.autor-sec-lft {
  display: flex;
  align-items: end;
  margin-top: -52px;
}

.autor-sec-lft img {
  margin-bottom: -102px;
}

.autor-kindness-sec.full-width .container {
  position: relative;
}

.author-kind-rgt-sec .common-heading {
  text-align: center;
}

.autor-kindness-sec.full-width .container {
  position: relative;
  width: 1531px;
}

.autor-kindness-sec.author-message-sec::before {
  background-image: url(./images/transition11.png);
  top: -91px;
}

.autor-kindness-sec.author-message-sec {
  background-image: url(./images/quick.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.autho-message-img {
  position: absolute;
  left: 0px;
  bottom: -71px;
}

.author-message-title-sec {
  position: relative;
  background-image: url(./images/ellipse-rotate.png);
  background-size: 100%;
  background-repeat: no-repeat;
  text-align: center;
  background-position: center;
  height: 331px;
  display: inline-flex;
  width: 628px;
  max-width: 100%;
  align-items: center;
  justify-content: center;
}

.author-message-title-sec h2 {
  color: #fff;
  margin: 0px;
}

.author-message-icon {
  margin-left: 30px;
  margin-bottom: 110px;
}

.author-message-content {
  font-family: "Poppins-Light";
  font-size: 20px;
  line-height: 30px;
  width: 100%;
  padding: 20px 0px;
}

.author-message-btm {
  align-items: center;
}

.author-kind-rgt-sec.full-width .btn-sec {
  margin-bottom: 105px;
}

.autor-kindness-sec.autho-act-kind-sec {
  padding-bottom: 80px;
}

.step.step-1 {
  background-image: url(./images/helpers-bg.png);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.step.step-1::after {
  background-image: url(./images/clouds-helpers.png);
  position: absolute;
  content: "";
  height: 100%;
  left: -29px;
  top: 350px;
  background-size: contain;
  background-position-y: 0px;
  background-repeat: repeat-y;
  width: 100%;
}
.step.step-1 .container {
  width: 887px;
  max-width: 100%;
  z-index: 9;
  position: relative;
}

.helping_style_content {
  background-color: #4b85e8;
  border-radius: 30px;
  padding: 34px;
  color: #fff;
  margin-bottom: 16px;
}

.helping_style_content p {
  font-size: 18px;
  line-height: 22px;
  color: var(--white-color);
  font-family: "Inter-Regular";
}

.helping-style-bold {
  font-family: "Inter-Bold";
}

.helping-style {
  font-size: 25px !important;
  line-height: 35px !important;
}

.helpers_heart_test_content {
  width: 100%;
  background-color: #2eb262;
  border-radius: 30px;
  padding: 20px 50px;
  text-align: center;
  color: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}

.helpers_heart_test_content p {
  font-size: 22px;
  line-height: 32px;
  color: #fff;
}

.form-two-fld.full-width {
  margin-bottom: 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr) !important;
  column-gap: 13px;
  margin-top: 81px;
}

.custom-checkbox {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  padding: 18px 0;
  font-size: 17px !important;
  color: #000;
  position: relative;
  cursor: pointer;
  line-height: 21px !important;
  text-align: center;
}

.custom-checkbox::before {
  background-image: url(./images/line.svg);
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 2px;
  background-repeat: no-repeat;
  background-size: cover;
}

.custom-checkbox input {
  display: none;
}

.custom-checkbox .checkmark {
  height: 37px;
  width: 37px;
  border-radius: 50%;
  margin-top: 0px;
  position: relative;
}

/* Add border using ::after */
.custom-checkbox .checkmark::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 7px solid #4277e2;
  border-radius: 50%;
  box-sizing: border-box;
}

/* Checkmark on checked input */
.custom-checkbox input:checked + .checkmark::before {
  content: "✔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  color: white;
  background-color: #4277e2;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.helping-options {
  width: 100%;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  background-color: #fff;
  position: relative;
  margin-top: 27px;
  padding: 0px 49px 75px 49px;
}

.form-fld.full-width {
  position: relative;
}

.next-btn {
  margin-top: 36px !important;
  width: 100%;
  position: relative;
  height: 162px;
}

.next-btn .icon {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
}

/* Progressbar style */

.step-progress {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 40px 20px;
}

.steps {
  text-align: center;
  position: relative;
  flex: 1;
}

.steps:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 15px;
  right: -40%;
  width: 80%;
  height: 2px;
  background: #e9f5ff;
  z-index: 0;
}

.steps.active:not(:last-child)::after {
  background: #e9f5ff;
  /* active line color */
}

.circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #e9f5ff;
  color: white;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  margin: 0 auto;
  z-index: 1;
  position: relative;
  font-family: "Poppins-Black";
}

.steps.active .circle {
  background: #2eb262;
  /* active step color */
}

.labels {
  margin-top: 8px;
  font-size: 9px;
  color: #000000;
}

.steps:not(.active) .circle {
  background: #e9f5ff;
  color: var(--white-color);
}

.steps.current .labels {
  font-family: "Poppins-Bold";
  font-size: 9px;
}

.step.step-2 .container {
  /* width: 1310px; */
  width: 1383px;
  position: relative;
  z-index: 9;
}
.step.step-2 .step-progress-main.full-width {
  position: relative;
  margin-top: -275px;
}
#result-categories li {
  background-color: #e9f5ff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  width: 100%;
  padding: 24px 24px 24px 14px;
  border-radius: 30px;
}

#result-categories {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: grid;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 29px;
}

#result-categories li p {
  font-size: 19px;
  line-height: 30px;
  /* padding: 0px 15px; */
}

#result-categories h4 {
  display: flex;
  column-gap: 0px;
  align-items: center;
  justify-content: space-between;
  font-size: 25px;
  line-height: 35px;
  margin-bottom: 20px;
}

.category-rgt {
  width: 77px;
  height: 66px;
  border-radius: 30px;
  border: 5px solid #feb429;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white-color);
}
.category-lft {
  background-image: url(./images/result-curve.png);
  width: calc(100% - 57px);
  min-height: 68px;
  padding: 6px 42px;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  /* background-size: contain; */
  background-repeat: no-repeat;
  /* background-color: #f9f9f7; */
  border-radius: 20px;
  padding: 16px 17px;
  font-size: 18px;
  font-weight: bold;
  color: #1d2939;
  /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); */
  position: relative;
  /* clip-path: polygon(0 0, 95% 0, 91% 50%, 95% 100%, 0 100%); */
}
.start-test {
  cursor: pointer;
}
.step.step-2,
.step.step-3,
.step.step-4 {
  background-image: url(./images/inner-pg-banner.png);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.step.step-3 .container {
  width: 888px;
  position: relative;
  z-index: 9;
}
.learn-the-rules-section {
  width: 667px;
  margin: 0 auto;
  max-width: 100%;
}

.learn-the-rules-section h2 {
  font-size: 30px;
  line-height: 60px;
}

.testimonial-list.no-background {
  align-items: center;
}

.time-line-sec {
  width: 212px;
  position: absolute;
  top: -8%;
  left: 0px;
  z-index: 9;
  text-align: center;
}

.year-timeline {
  font-family: "Poppins-Bold";
  font-size: 40px;
  line-height: 50px;
  color: var(--white-color);
  width: 212px;
  height: 141px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.year-timeline.yellow-bg {
  background-image: url(./images/yellow-bg.png);
}

.year-timeline.blue-bg {
  background-image: url(./images/blue-timeline-bg.png);
}

.year-timeline.green-bg {
  background-image: url(./images/green-bg.png);
}

.year-timeline.maroon-bg {
  background-image: url(./images/maroon-bg.png);
}

.timeline-month {
  width: 100px;
  height: 43px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-family: "Poppins-Bold";
  font-size: 20px;
  top: 0px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.timeline-month.green-text {
  color: #2eb262;
}

.timeline-month.blue-text {
  color: #4b85e8;
}

.font-45,
#helpers-heart-form h2.font-45 {
  font-size: 45px;
  line-height: 55px;
}

.step.step-2 h2,
.step.step-2 .btn-sec,
.step-progress-main {
  text-align: center;
}

.step.step-2 .next-btn.play-game-btn.dark-green-bg {
  width: 747px;
  margin: 0 auto;
}

.step-progress {
  width: 437px;
  max-width: 100%;
}

.step-progress-main.full-width {
  display: flex;
  align-items: center;
  justify-content: center;
}

.step.step-2 .steps:not(.active) .circle,
.step.step-2 .steps:not(:last-child)::after {
  background: #fff7dc;
}

.step2active .inner-page-header.author-header {
  background-color: #e9f5ff !important;
  min-height: 345px;
  z-index: 9;
}

.step2active .inner-page-header.author-header::before {
  display: none;
}

.step.step-2::before {
  background-image: url(./images/transition7.png);
  content: "";
  position: absolute;
  left: 0px;
  top: 174px;
  width: 100%;
  height: 182px;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 9;
}

.step.step-2 h2 {
  margin-bottom: 120px;
}

.step.step-2 .btn-sec {
  text-align: center;
}

#help-options-container {
  position: relative;
}

#help-options-container .error {
  position: relative;
}

.steps-active .inner-page-header.author-header::before {
  display: none;
}

.steps-active .inner-page-header.author-header {
  min-height: 80px;
}

.learn-the-rules-section h2 {
  font-size: 30px !important;
  text-align: center;
  line-height: 40px !important;
  margin-bottom: 50px;
}

.rule-image {
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.steps.active.active-3step:not(:last-child)::after {
  background: #2eb262;
}

.share-btns {
  display: none;
}

.social-share {
  text-align: center;
}

.take-action-list {
  padding: 0px;
  width: 736px;
  max-width: 100%;
  margin: 0 auto;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 22px;
}

.take-action-header {
  width: 100%;
  background-color: #e9f5ff;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 25px 27px;
}

.take-action-header-sub {
  background-color: var(--white-color);
  border-radius: 15px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  padding: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  font-size: 35px;
  line-height: 45px;
  font-family: "Poppins-Bold";
}

.take-action-list-content {
  width: 100%;
  background-color: #fbfbf9;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  padding: 27px;
}

.take-action-btm-content {
  width: 100%;
  background-color: #4277e2;
  padding: 17px;
  border-radius: 30px;
  color: #fff;
}

.take-action-btm-content h5 {
  color: var(--white-color);
  font-size: 25px;
  line-height: 35px;
  margin-bottom: 10px;
}

.step.step-4 .container {
  width: 1072px;
}

.take-action-sub-content {
  width: 90%;
  text-align: center;
  margin: 20px auto 40px;
}

.take-action-top-content {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px;
}

.action-list {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

.action-list li {
  font-size: 21px;
  line-height: 31px;
  margin-bottom: 5px;
  position: relative;
  padding-left: 20px;
}

.action-list li:before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--white-color);
  left: 0px;
  top: 12px;
}

.share-btns-sub {
  position: relative;
  display: inline-block;
}

.movement-sec.sales-movement::before {
  background-image: url(./images/blue-transparent-curve.png);
}

.banner-sec.helpers-heart-banner.full-width {
  padding-bottom: 140px;
  min-height: 900px;
}

.banner-sec.helpers-heart-banner .banner-btm-image {
  bottom: 6px;
}
/* .story-sec.sale-story-sec .btn-sec {
  display: none;
} */

.footer-sub-menu ul {
  display: grid;
  gap: 10px;
}

.white-background {
  background: rgba(247, 249, 251, 1);
}

.white-background::before {
  background-image: url(./images/white-curve-wave.svg);
}

.font-18 {
  font-size: 18px;
  line-height: 28px;
}

.font-40 {
  font-size: 40px;
  line-height: 50px;
}

.font-30 {
  font-size: 30px;
  line-height: 40px;
}

.padding-35 {
  padding-top: 30px;
}

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

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

.background-yellow {
  background: rgba(255, 247, 220, 1);
}

.game-begun-lft .btn-sec {
  margin-top: 15px;
}

.kindness-container .kindness-grow-left {
  width: 50%;
  position: relative;
}

.kindness-container .kindness-sec img {
  width: 100%;
}

.kindness-container .kindness-grow-rgt {
  width: 50%;
  text-align: left;
}

.kindness-container {
  width: 100% !important;
  max-width: 1920px;
  padding: 0px 120px;
}

.game-begun-lft .common-heading {
  text-align: left;
  font-size: 55px;
}

.author-title-mobile {
  display: none;
}

.author-kind-lft-sec .common-heading {
  display: none;
}

.kindness-grow-left img {
  position: relative;
}

.testimonial-page-content {
  display: none;
}

.testimonial-title-mobile {
  display: none;
}

.faq-title.active::after {
  background-image: url(./images/uparrow.svg);
}

.faq-title-mobile.common-heading {
  display: none;
}

.faq-mobile-lft-image,
.everything-you-need-sec-mobile {
  display: none;
}

.lets-connect-content-sec h1 {
  margin-bottom: 10px;
}

.thank-title h2 {
  margin: 0px;
}

.btn-sec.mobile-first-step-btn {
  display: none;
}

.social-icons {
  position: absolute;
  top: 50%;
  right: -200px;
  display: flex;
  gap: 12px;
  transform: translateY(-50%) scale(0.8);
  opacity: 0;
  pointer-events: none;
}

.social-icons.show {
  animation: popIn 0.6s ease forwards;
  pointer-events: auto;
}

@keyframes popIn {
  0% {
    transform: translateY(-50%) translateX(50px) scale(0.5);
    opacity: 0;
  }

  60% {
    transform: translateY(-50%) translateX(-10px) scale(1.1);
    opacity: 1;
  }

  100% {
    transform: translateY(-50%) translateX(-10px) scale(1);
    opacity: 1;
  }
}

.social-icons a {
  width: 50px;
  height: 50px;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 18px;
  transition: transform 0.3s ease;
}

.social-icons a:hover {
  transform: scale(1.2) rotate(5deg);
}

.fa-facebook-f {
  background-color: #4267b2;
}

.fa-twitter {
  background-color: #000;
}

.fa-instagram {
  background-color: #e1306c;
}
.step.step-3 {
  position: relative;
}
.take-action-steps::before,
.step.step-3::before {
  content: "";
  background-image: url(./images/take-action-clouds.png);
  position: absolute;
  top: 300px;
  width: 100%;
  height: 480px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
}
.sweet-text {
  font-size: 35px;
  line-height: 45px;
  width: 100%;
  text-align: center;
  margin-top: 50px;
}
.step.step-2 .next-btn.play-game-btn.dark-green-bg {
  margin-top: 0px !important;
}
.take-action-steps .container {
  position: relative;
}

.mobile-time-line {
  display: none;
}

.game-begun-btn-sec {
  display: none;
}

.helper-text-content {
  margin: auto;
  max-width: 750px;
  margin-bottom: 50px;
}

.frm_error {
  color: red !important;
}
.terms-page {
  width: 100%;
  text-align: left;
  padding: 20px 0px;
}
.banner-sec.inner-page-banner.testimonial-page-banner .container {
  width: 1484px;
}
.testimonial-page-sec.testimonial-page-btm-sec .container {
  width: 1553px;
}

.play-game-btn:hover {
  color: var(--white-color) !important;
}
.error-message-position .frm_error {
  position: absolute;
}
.why-play-content-sec h2 {
  text-align: left;
}
#wpfront-scroll-top-container {
  z-index: 99999 !important;
}
.play-game-btn.yellow-play-game.share-icons-section {
  font-family: "Inter-Black";
}
.next-btn.play-game-btn.dark-green-bg {
  justify-content: center;
}
.banner-sec.helpers-heart-banner.full-width p,
.movement-sec.sales-movement .common-heading,
.movement-sec.sales-movement p,
.meet-sec.sales-meet-sec h4,
.kindness-sec.sale-kindness-sec .helper-text-content {
  color: var(--black-color);
}
.banner-sec.helpers-heart-banner .banner-btm-image {
  bottom: -19px;
}
.banner-sec.helpers-heart-banner .banner-btm-image {
  background-position-y: 70px;
}
.movement-sec.sales-movement .movement-content::after {
  top: unset;
  bottom: 150px;
  width: 200px;
  height: 200px;
  right: -150px;
}
.banner-sub-content {
  position: relative;
}
.sale-clouds {
  margin-top: -48px;
}
.banner-sec.helpers-heart-banner h1 {
  position: relative;
}
.icon-mobile {
  display: none;
}
.movement-sec.sales-movement h2 {
  position: relative;
  z-index: 9;
}
.home .banner-btm-image img {
  width: 120px;
  height: auto;
  text-align: center;
  margin: 0 auto;
  object-fit: contain;
}
.home .banner-btm-image {
  bottom: 76px;
}
.page-template-template-helpers-heart-test .inner-page-header {
  min-height: 80px;
}
.page-template-template-helpers-heart-test
  .inner-page-header.author-header::before {
  top: 225px;
}
.step.step-2 h2,
.banner-sec.inner-page-banner.author-banner h1,
.autor-kindness-sec.autho-act-kind-sec.full-width .author-kind-rgt-sec h2,
.author-kind-rgt-sec .story-content.font18,
.author-message-content,
.contact-page-sec h2,
.contact-page-sec .contact-content,
.tank-you-text,
.tank-you-text p,
.quick-version-sec .media-content,
.quick-version-sec .media-content p,
.faith-in-list p,
.media-content p,
.media-content,
.spread-text.font30,
.media-content .font18,
.lets-connect-content.font18,
.banner-sec.inner-page-banner.testimonial-page-banner h1,
.banner-sec.inner-page-banner.testimonial-page-banner .banner-content-rgt h2,
.banner-sec.inner-page-banner.testimonial-page-banner .banner-content-rgt p,
.testimonial-content p,
.faq-title,
.faq-content p,
.howto-play-steps .font18,
.howto-play-steps .common-heading,
.play-steps-no,
.game-begun-content,
.game-begun-lft .common-heading,
.game-begun-lft-content,
.online-sec-rgt .common-heading,
.online-sec-rgt .font18,
.game-begun-main-sec .kindness-sec.kindness-grow .kindness-grow-rgt h2,
.chain-reaction-text {
  color: var(--black-color);
}
.faq-content p {
  font-family: "Poppins-Light";
}
.header-sub-menu li.active a {
  color: var(--secondary-color) !important;
}
.autor-kindness-sec.autho-act-kind-sec.full-width .author-kind-rgt-sec h2,
.thank-title h2 {
  text-align: left;
}
.autor-kindness-sec.author-message-sec .author-kind-rgt-sec {
  text-align: right;
}
.autor-kindness-sec.author-message-sec
  .author-kind-rgt-sec
  .author-message-content {
  text-align: left;
}
.contact-form-sec .frm_button_submit {
  text-transform: capitalize !important;
}
.download-sheet-btn {
  text-transform: uppercase;
  cursor: pointer;
}
.testimonials-list-img {
  width: 100%;
  text-align: center;
}
.testimonial-main-sec.testimonial-page-main-sec .testimonials-content-sec {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.footer-sub-menu li a:hover,
.header-menu li a:hover {
  color: var(--secondary-color) !important;
}
.header-menu .buy-book a:hover {
  color: var(--white-color) !important;
  background-color: var(--green-color);
}
.step.step-2::after {
  content: "";
  background-image: url(./images/take-action-clouds.png);
  position: absolute;
  top: 300px;
  width: 100%;
  height: 480px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  z-index: 0;
}
.inner-page-header.mobile-white-header.faq-header:before {
  background-image: url(./images/faq-header.png);
}
.banner-sec.inner-page-banner.faq-page {
  background-image: url(./images/faq-bg.png);
  background-size: cover;
  width: 100%;
  background-position: center;
}
.lets-connect-content.font18 {
  width: 487px;
  margin: 0 auto;
  max-width: 100%;
}
.media-contact-rgt iframe {
  position: relative;
  z-index: 9;
  min-height: 452px;
}
.mobile-faq {
  display: none;
}
.banner-sec.inner-page-banner.faq-page .testimonial-content {
  margin-bottom: 50px;
}
.banner-sec.inner-page-banner.faq-page .padding131 {
  padding-top: 100px;
}
.faq-content p {
  font-size: 22px;
  line-height: 32px;
}
.kindness-sec.sale-kindness-sec .play-game-btn.dark-green-bg,
.game-begun-main-sec .play-game-btn.dark-green-bg {
  font-family: "Inter-Black";
}
.terms-page .padding131 {
  padding-top: 40px;
}
.terms-page a {
  color: #2eb262;
}
.terms-page a:hover {
  color: var(--secondary-color);
}
.movement-sec.sales-movement .movement-content p {
  font-size: 22px;
  line-height: 33px;
}
.online-sec .time-line-sec {
  left: 56px;
}
.online-sec.white-background::before {
  background-image: url(./images/white-curve-line.png);
}
.banner-sec.inner-page-banner.testimonial-page-banner .banner-content {
  column-gap: 62px;
}
.banner-content-rgt.testimonial-banner-rgt {
  width: 48%;
}
.banner-content-lft.testimonial-banner-lft {
  width: 52%;
}
.testimonial-main-sec.testimonial-page-main-sec .testimonial-content {
  min-height: 200px;
}
.mobile-media-person {
  display: none;
}
.banner-sec.inner-page-banner.author-banner .container {
  width: 1623px;
}
/* .banner-sec.inner-page-banner.author-banner  .autor-sec-rgt {
  width: 57.5%;
}
.banner-sec.inner-page-banner.author-banner  .autor-sec-lft {
  width: 42.5%;
  text-align: right;
  padding-left: 80px;
} */
.autor-kindness-sec.autho-act-kind-sec.full-width .author-kind-lft-sec {
  width: 53.5%;
}
.autor-kindness-sec.autho-act-kind-sec.full-width .author-kind-rgt-sec {
  width: 46.5%;
}
.inner-page-header.author-header.helper-test-header::before {
  background-image: url(./images/helpers-test.png);
  height: 174px;
  top: 192px;
  z-index: 9;
}
.online-sec.online-post-sec .online-sec-lft {
  margin-bottom: 500px;
}

.bitsburg-btn {
  margin-bottom: 20px;
}
.bitsburg-image img {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  width: 100%;
}
.game-begun-main-sec .story-sec::before {
  background-image: url(./images/transition9.png);
}
.online-sec.online-post-sec {
  background: linear-gradient(216deg, #e9f5ff 65%, #fac16c 100%);
}
.signature-text {
  font-family: "CedarvilleCursive-Regular";
  font-size: 55px;
  line-height: 30px;
  color: var(--black-color);
}
.story-lft-sec .font-18,
.story-lft-sec .font-18 p {
  font-size: 18px;
  line-height: 25px;
}
.game-begun-main-sec .kindness-sec.kindness-grow .font-30 {
  font-family: "Poppins-Light";
  padding-right: 20px;
}
.online-sec.white-background .time-line-sec {
  left: -15px;
}
.kindness-sec.kindness-grow .time-line-sec {
  left: 74px;
}
.story-sec .time-line-sec {
  left: 30px;
}
.online-sec.online-post-sec .time-line-sec {
  left: 46px;
}
.game-begun-main-sec .container {
  padding-right: 25px !important;
}
.helping-options .full-width label {
  display: none;
}

.game-page-full-sec {
  overflow-x: hidden;
}
/* .header_sec_main {
  background-color: #fff8df;
}
.page-template-template-how-to-play .header_sec_main {
  background-color: #f8fafb;
}
 .step2active .header_sec_main {
    background-color: #e9f5ff;
  } */
.testimonial-list a {
  pointer-events: none;
}
#socialIcons .fa-brands.fa-linkedin {
  background-color: #0a66c2;
}
.header_logo img {
  width: 80px;
}
.author-name-mobile-view {
  display: none;
}
.step .container {
  min-height: 500px;
}
.why-play-img.why-play-young-man {
  padding-top: 29px;
}
/* .banner-sec.helpers-heart-banner .banner-btm-image {
  width: auto;
  display: inline-flex;
  position: absolute;
  bottom: 117px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(./images/circle.png);
  width: 331px;
  height: 256px;
  background-size: 198px;
  background-position-x: center;
  background-repeat: no-repeat;
} */

/* .footer-sub-menu .current-menu-item {
  display: none;
} */
img.helpers-heart-mobile {
  display: none;
}
.banner-sec.helpers-heart-banner.full-width .banner-btm-image {
  background-image: none;
}
#result-categories:has(> li:first-child:last-child) {
  grid-template-columns: 1fr !important; /* single column for one item */
  justify-items: center;
  width: 747px;
  margin: 0 auto;
  max-width: 100%;
}
.footer-sub-menu .current-menu-item a {
  color: var(--secondary-color) !important;
}
.online-sec-lft .youtube-video {
  border: 0px;
}
img.widescreen-car {
  position: absolute;
  right: 0px;
  top: 0px;
  display: none;
}
.dad-children-wide-screen {
  display: none;
}
label.custom-checkbox .checkmark {
  margin-top: 8px !important;
}
.banner-sec.helpers-heart-banner.full-width .banner-btm-image img {
  object-fit: contain;
}
.online-sec.online-post-sec iframe {
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
}
.faq-content a {
  color: #2eb262;
}

/* Blog Section */
.blog-container {
  background-color: #f7f9f9;
}
.blog_below_image_sec {
  display: none;
}

.blog_width_container {
  width: 1546px;
  /* margin: 0 auto; */
}
/* 
.blog_header_sec {
  background-color: #fff7dc;
} */

.blog_header_sec
  .inner-page-header.author-header.blog_page_header_rainbow::before {
  background-image: url("./images/way_curve.png") !important;
  background-repeat: no-repeat;
  top: auto !important;
  bottom: 0 !important;
  height: 141px !important;
  z-index: 20;
}
.blog_header_sec
  .inner-page-header.author-header.blog_page_header_rainbow::after {
  content: "";
  position: absolute;
  bottom: 0 !important;
  left: 0;
  width: 100%;
  height: 141px;
  background-image: url("./images/holi_color.png") !important;
  background-repeat: no-repeat;
  background-position: bottom center; /* centers horizontally */
  background-size: auto; /* or contain/cover depending on need */
  z-index: 9;
  height: 417px;
}

.blog_page_header_rainbow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 500px;
  text-align: center;
  padding: 40px 20px;
}

.blog_header_sec h1 {
  width: 70%;
  margin-bottom: 10px;
  position: relative;
  z-index: 10;
}

.blog_header_sec p {
  width: 30%;
  font-size: 30px;
  position: relative;
  z-index: 10;
  line-height: 40px;
  margin-top: 5px;
  width: 54%;
}

.posts-container {
  display: grid;
  gap: 25px;
  padding: 58px 0px;

  /* Default grid: 3 columns for large screens */
  grid-template-columns: repeat(3, 1fr);
}
.post-card {
  background: #fff;
  border-radius: 30px;
  box-shadow: 0px 4px 10px 0px #0000001a;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.post-image {
  position: relative;
  background-size: cover;
  background-position: center;
  border-radius: 30px;
  overflow: hidden;
}
.post-image img:first-child {
  height: 265px;
  width: 100%;
  object-fit: cover;
  /* filter: blur(10px); adjust blur */
  overflow: hidden;
}
/*  */
.color_choices_sec {
  position: absolute;
  top: -6px;
  left: 0;
  height: 103%;
}
.color_choices_sec svg {
  height: 100%;
  width: auto;
}

.post-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
  color: #ffffff;
  font-size: 30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  z-index: 10;
  font-size: 25px;
  line-height: 35px;
  display: flex;
  width: 59%;
  padding-left: 32px;
  text-shadow: 0px 1px 5px 0px #00000080;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
.post-overlay p {
  font-size: 25px;
  line-height: 35px;
  color: #fff;
  width: 100%;
  text-shadow: 0px 1px 5px #00000080;
  font-family: "Poppins-Bold";
}

.post-overlay.blue {
  background: rgba(0, 102, 255, 0.85);
}
.post-overlay.red {
  background: rgba(230, 57, 70, 0.85);
}
.post-overlay.yellow {
  background: rgba(252, 163, 17, 0.85);
}
.post-overlay.green {
  background: rgba(34, 197, 94, 0.85);
}

.post-card .post-content {
  padding: 20px;
  /* padding-left: 32px; */
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #f7f9f9;
}
.post-title {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 10px;
  font-family: "Poppins-Bold";
}

.post-description {
  color: #868686;
  font-size: 15px;
  line-height: 25px;
}

.post-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff7dc;
  padding: 20px;
  /* padding-left: 32px; */
  gap: 10px;
}

.read-more {
  background-color: #ff9900;
  color: white;
  border: none;
  padding: 10px 18px;
  border-radius: 40px;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.3s ease;
  min-width: 205px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 65px;
  font-family: "Poppins-Bold";
  font-size: 20px;
}

.read-more:hover {
  color: var(--white-color) !important;
  background-color: var(--green-color) !important;
}
.post-date {
  font-size: 15px;
  color: #4b85e8;
  line-height: 25px;
  font-family: "Poppins-Bold";
}
.blog_bottom {
  padding-top: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 43px;
  position: relative;
  background: #f7f9f9;
}
.blog_bottom::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -33px;
  right: 0;
  background-image: url(./images/news_boy.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
  pointer-events: none;
  width: 100%;
  height: 482px;
}

.blog_bottom h2 {
  font-family: "Poppins-Regular" !important;
  width: 73%;
  margin: 0px auto;
}
.btn-sec.blog_btn_sec {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-sec.blog_btn_sec .play-game-btn.dark-green-bg {
  z-index: 999;
  height: 141px;
  min-width: 747px;
  padding-left: 71px;
  font-family: "Inter-Black";
}

/* blog detail */
.inner-page-header.author-header.blog_page_header_rainbow.blog_detail-page_bg::before {
  background-image: url(./images/blog-detail-color.png) !important;
  height: 82px !important;
}
.blog_page_header_rainbow.blog_detail-page_bg {
  min-height: 400px;
}
.blog_detail_share_sec h2 {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 0px;
}
.blog_detail_share_sec {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 15px;
}
.blog_detail_share_bg {
  background: #4b85e8;
  width: fit-content;
  padding: 0 28px;
  display: flex;
  align-items: center;
  gap: 11px;
  height: 57px;
  border-radius: 100px;
}
.blog_detail_share_bg img {
  width: 22px;
  height: 22px;
}
.blog_detail_share_bg ul {
  list-style: none;
  margin: 0;
  padding: 0px;
}
.gooness_post_container ul li {
  font-family: "Poppins-Light" !important;
}
.blog_detail_container .post-date {
  font-size: 20px;
  line-height: 30px;
  color: #4b85e8;
  font-family: "Poppins-Bold";
  text-align: start;
}
.blog-page.blog_detail_container {
  background: #f7f9f9;
}
.blog_detail_wrapper {
  display: flex;
  justify-content: space-between;
}
.blog-detail-lft {
  max-width: 770px;
  width: 100%;
}
.blog-detail-rgt {
  max-width: 555px;
  width: 100%;
  padding-top: 125px;
}
.blog_detail_wrapper .single_main_sec img:first-child {
  height: 400px;
  width: 100%;
  object-fit: cover;
  border-radius: 30px;
}
.gooness_post_container {
  padding: 54px 0px;
  text-align: start;
  font-size: 18px;
  line-height: 28px;
  color: #000;
}
.gooness_post_container p {
  font-family: "Poppins-Light";
  /* margin-bottom: 0px; */
}
.gooness_post_container h3 {
  padding-top: 28px;
  font-family: "Poppins-Bold";
  font-size: 18px;
  line-height: 28px;
  margin: 0;
}
h4.sidebar_title {
  background-color: #4b85e8;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 125px;
  color: #eeeeee;
  margin-bottom: 10px;
}
.blog_detail_rgt_heading {
  font-size: 40px;
  line-height: 50px;
}
.table_content_slider {
  list-style: none;
  padding: 0;
  text-align: center;
  margin-bottom: 0px;
}
ul.table_content_slider li {
  margin-bottom: 10px;
}
.blod_tb_scroll_sec {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  background-color: #ffffff;
  padding: 32px;
}
.blog_detail_related {
  background-color: #e9f5ff;
  padding: 0px 65px;
  padding-top: 28px;
  padding-bottom: 55px;
  border-radius: 30px;
  margin-top: 10px;
  position: relative;
  z-index: 40;
}
.blog_detail_related .post-card {
  margin-bottom: 47px;
  background-color: transparent;
  box-shadow: none !important;
}
.blog_detail_related .blog_detail_rgt_heading {
  margin-bottom: 30px;
}
.blog_detail_related .post-description {
  font-size: 30px;
  line-height: 40px;
  text-align: start;
  color: #747070;
  font-family: "Poppins-Bold";
  padding-left: 10px;
}

.blog_detail_related .post-image {
  /* height: 265px; */
  border-radius: 30px !important;
}
.blog_detail_related .post-content {
  padding: 0px;
  padding-top: 10px;
  background:#e9f5ff;
}
.blog_bottom.blog_bttom_detail_sec {
  padding-top: 110px;
  padding-bottom: 143px;
}
.blog_bottom.blog_bttom_detail_sec::after {
  /* background-position: top left !important; */
  z-index: 40;
  bottom: 0px !important;
  transform: scaleX(-1);
}
.blog_bottom.blog_bttom_detail_sec::before {
  content: "";
  position: absolute;
  bottom: 0 !important;
  left: 0;
  width: 100%;
  background-image: url(./images/blog_detail_colorss.png) !important;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: auto;
  z-index: 9;
  height: 417px;
}
.blog_bottom.blog_bttom_detail_sec h2 {
  position: relative;
  z-index: 50;
}
.blog_share_sec_padding {
  padding-bottom: 25px;
}
.remove_share_desktop {
  display: block;
}
.remove_share_mobile {
  display: none;
}
ul.table_content_slider li a.active {
  text-decoration: underline;
  color: #ff9900;
}
ul.table_content_slider li a {
  display: inline-block;
}

.post_image_big .color_choices_sec {
  top: 0;
}

.post_image_big .post-overlay {
  padding-top: 30px;
  color: #ffffff;
  flex-direction: column;
  justify-content: space-between;
}
.post_image_big p {
  font-size: 45px;
  line-height: 55px;
  text-align: start;
}
.post_image_big p {
  margin-bottom: 0px;
}
.post_image_big img:first-child {
  filter: blur(0px) !important;
}
.custom-blog-pagination {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}

.custom-blog-pagination ul {
  display: flex;
  list-style: none;
  padding: 0;
  gap: 10px;
  flex-wrap: wrap;
}

.custom-blog-pagination ul li {
  margin: 0;
}

.custom-blog-pagination ul li a,
.custom-blog-pagination ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px; /* make it square so border-radius works */
  height: 40px;
  line-height: 40px; /* vertically center the number */
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 50%; /* fully rounded */
  text-decoration: none;
  color: #333;
  transition: all 0.3s ease;
  font-weight: 500;
}

/* Hover effect */
.custom-blog-pagination ul li a:hover {
  background: #ff9900;
  color: #fff;
}

/* Active page */
.custom-blog-pagination ul li .current {
  background: #ff9900;
  color: #fff;
  border-color: #ff9900;
}
.blog_content_sec .nav-links {
  display: flex;
  justify-content: space-between;
}
.responsive-svg {
  display: none;
}
.post-image-bluring {
  overflow: hidden;
}
.blog_detail_border_sec {
  border: 5px solid #4b85e8;
  border-radius: 30px;
  overflow: hidden;
}
.post-card-radius {
  border-radius: 30px;
}
.btn-sec.blog_btn_sec .play-game-btn.dark-green-bg span.btn-txt {
  font-size: 40px;
}
.blog_detail_heading_change {
font-size: 65px;
  line-height: 70px;
}
.gooness_post_container p {
  font-size: 18px;
  line-height: 28px;
}
.testimonial-hand-symbol {
  position: absolute;
  left: -44px;
  top: 136px;
}
.testimonial-foot-symbol {
  position: absolute;
  right: -94px;
  top: 100px;
}
.testimonial-kidness {
  display: none;
}
.testimonial-right-symbol {
  position: absolute;
  right: -64px;
  top: 700px;
}
.testimonial-banner-image {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  opacity: 0.1;
}
.inner-page-header.mobile-white-header.testimonial-page-header {
  min-height: 305px;
}
.testimonial-title {
  width: 100%;
  text-align: center;
}
.testimonial-page-banner {
  min-height: 300px;
  overflow: hidden;
  padding-top: 125px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.inner-page-header.mobile-white-header.testimonial-page-header::before {
  top: 167px;
  z-index: 9;
  background-image: url(./images/testimonial-blue-transition.png);
  display: none;
}
.testimonial-page-sec.testimonial-page-btm-sec {
  position: relative;
}
.testimonial-page-sec.testimonial-page-btm-sec::before {
   background-image: url(./images/testimonial-blue-transition.png);
   content: "";
   left: 0px;
   top: -53px;
   width: 100%;
   height: 61px;
   position: absolute;
}
.banner-content-rgt.testimonial-banner-rgt.testimonial-bottom-content {
    width: 100%;
    text-align: center;
    padding-top: 150px;
}
/* .testimonial-page-sec.testimonial-page-btm-sec::before {
  display: none;
} */
.testimonial-page-sec.testimonial-page-btm-sec {
  padding-top: 100px;
}
.testimonial-bottom-bg {
  width: 1028px;
  margin: 0 auto;
  max-width: 100%;
   background-image: url(./images/testimonial-btm-bg.png);
   background-size: 150%;
  background-position: center 82%;
   background-repeat: no-repeat;
}
.testimonial-bottom-bg h2 {
  font-size: 65px;
  line-height: 75px;
  margin-bottom: 60px;
}
.testimonial-bottom-bg p {
  font-size: 50px;
  line-height: 65px;
}
.testimonial-title.common-heading {
  font-size: 75px;
  line-height: 85px;
  margin-top: 60px;
  margin-bottom: 75px;
}
.single_page_cnt {
    text-align: left;
}
/* .post-image.post_image_big {
  margin-bottom: 30px;
} */
.single_page_cnt a {
  color: #4b85e8;
}

.post-card a {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}