/* Testimonial palette matched to the cyan / periwinkle Telegram Engine logo. */
.gmeroyal26-section {
   --royal-cyan: #43c3e9;
   --royal-blue: #8295fa;
   color: #f2f5ff;
padding: 125px 0 100px 0;
background: #fff url(../images/gmeroyal26-section.png) no-repeat center top/ cover;
    overflow: hidden;
}

.gmeroyal26-section .gmeroyal26-logo {
   filter: drop-shadow(0 8px 24px rgba(67, 195, 233, .18));
}

.gmeroyal26-section .gmeroyal26-title,
.gmeroyal26-section .gmeroyal26-user-name,
.gmeroyal26-section .gmeroyal26-benefit strong {
   color: #f2f5ff;
}

.gmeroyal26-section .gmeroyal26-title span,
.gmeroyal26-section .gm-title {
   background: linear-gradient(100deg, #55d3ef, #98a6ff);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
   -webkit-text-fill-color: transparent;
}

.gmeroyal26-section .gmeroyal26-subtitle,
.gmeroyal26-section .gmeroyal26-location,
.gmeroyal26-section .gmeroyal26-benefit span {
   color: #aebbd3;
}

.gmeroyal26-section .gmeroyal26-title-line,
.gmeroyal26-section .gmeroyal26-avatar-wrap,
.gmeroyal26-section .gmeroyal26-verified span {
   background: linear-gradient(120deg, var(--royal-cyan), var(--royal-blue));
   box-shadow: 0 5px 20px rgba(67, 195, 233, .16);
}

.gmeroyal26-section .gmeroyal26-card {
   background: linear-gradient(135deg, #151f35, #11182b);
   border-color: rgba(130, 149, 250, .23);
   box-shadow: 0 16px 40px rgba(0, 0, 0, .23), inset 0 1px 0 rgba(255, 255, 255, .04);
}

.gmeroyal26-section .gmeroyal26-card:hover {
   border-color: rgba(67, 195, 233, .6);
   box-shadow: 0 22px 48px rgba(0, 0, 0, .3), 0 0 26px rgba(67, 195, 233, .08);
}

.gmeroyal26-section .gmeroyal26-card-shine {
   background: rgba(130, 149, 250, .2);
}

.gmeroyal26-section .gmeroyal26-avatar {
   border-color: #17223a;
   background: #17223a;
}

.gmeroyal26-section .gmeroyal26-verified {
   color: #83def4;
   background: rgba(67, 195, 233, .09);
   border-color: rgba(67, 195, 233, .24);
}

.gmeroyal26-section .gmeroyal26-verified span {
   color: #091425;
}

.gmeroyal26-section .gmeroyal26-location span,
.gmeroyal26-section .gmeroyal26-stars {
   color: #72d6ef;
   text-shadow: 0 2px 12px rgba(67, 195, 233, .16);
}

.gmeroyal26-section .gmeroyal26-review p {
   color: #d2dbeb;
}

.gmeroyal26-section .gmeroyal26-quote-open,
.gmeroyal26-section .gmeroyal26-quote-close {
   color: rgba(130, 149, 250, .38);
}

.gmeroyal26-section .gmeroyal26-benefits {
   background: rgba(20, 30, 51, .9);
   border-color: rgba(130, 149, 250, .23);
   box-shadow: 0 12px 36px rgba(0, 0, 0, .2);
}

.gmeroyal26-section .gmeroyal26-benefit-icon {
   color: #83def4;
   background: linear-gradient(135deg, rgba(67, 195, 233, .16), rgba(130, 149, 250, .16));
   box-shadow: inset 0 1px 0 rgba(130, 149, 250, .2);
}

.gmeroyal26-section .gmeroyal26-benefit-separator {
   background: rgba(130, 149, 250, .25);
}

.gmeroyal26-section .action-link {
   color: #fff;
   background: linear-gradient(110deg, #087ca9, #5965d6);
   border: 1px solid rgba(130, 149, 250, .5);
   box-shadow: 0 10px 30px rgba(67, 195, 233, .17);
}

.gmeroyal26-section .action-link:hover {
   background: linear-gradient(110deg, #096f97, #4c56bf);
}

.gmeroyal26-section .action-link:focus-visible {
   outline: 2px solid #83def4;
   outline-offset: 5px;
}

.gmeroyal26-section .red-clr {
   color: #83def4 !important;
}

.gmeroyal26-section strike {
   color: #aebbd3;
}

@media (prefers-reduced-motion: reduce) {
   .gmeroyal26-section .gmeroyal26-card {
      transition: none;
   }

   .gmeroyal26-section .gmeroyal26-card:hover {
      transform: none;
   }
}

/* =========================================================
   TELEGRAM ENGINE - BOTTOM PROOF BLOCK ONLY
========================================================= */

.tgproof928-bottom {
   position: relative;
   overflow: hidden;

   margin-top: 55px;
   padding: 38px 42px;

   text-align: center;

   border: 1px solid rgba(71, 145, 216, 0.14);
   border-radius: 26px;

   background:
      radial-gradient(
         circle at 50% 0%,
         rgba(37, 190, 229, 0.10),
         transparent 36%
      ),
      linear-gradient(
         135deg,
         #f1fbff 0%,
         #ffffff 48%,
         #f5f5ff 100%
      );

   box-shadow:
      0 28px 65px rgba(37, 70, 127, 0.09),
      inset 0 1px 0 rgba(255, 255, 255, 1);
}


/* TOP GLOW */

.tgproof928-bottom::before {
   content: "";

   position: absolute;

   width: 360px;
   height: 220px;

   top: -150px;
   left: 50%;

   transform: translateX(-50%);

   border-radius: 50%;

   background:
      rgba(59, 174, 226, 0.14);

   filter: blur(55px);

   pointer-events: none;
}


/* BOTTOM ACCENT */

.tgproof928-bottom::after {
   content: "";

   position: absolute;

   left: 50%;
   bottom: 0;

   width: 180px;
   height: 3px;

   transform: translateX(-50%);

   border-radius: 100px 100px 0 0;

   background:
      linear-gradient(
         90deg,
         #23c0e5,
         #4c9ee1,
         #7b7fe9
      );

   box-shadow:
      0 -4px 15px rgba(73, 143, 223, 0.18);
}


/* =========================================================
   SMALL TOP TAG
========================================================= */

.tgproof928-bottom-tag {
   position: relative;
   z-index: 2;

   display: inline-flex;
   align-items: center;
   justify-content: center;

   margin-bottom: 14px;

   padding: 8px 14px;

   border: 1px solid rgba(72, 147, 216, 0.14);
   border-radius: 100px;

   color: #65738d;

   background:
      rgba(255, 255, 255, 0.90);

   box-shadow:
      0 8px 22px rgba(43, 78, 137, 0.06);

   font-size: 11px;
   line-height: 1;
   font-weight: 900;

   letter-spacing: 1.5px;
}


/* =========================================================
   HEADING
========================================================= */

.tgproof928-bottom h3 {
   position: relative;
   z-index: 2;

   max-width: 850px;

   margin: 0 auto;

   color: #182440;

   font-size:
      clamp(
         30px,
         3vw,
         44px
      );

   line-height: 1.18;

   font-weight: 900;

   letter-spacing: -1.5px;
}


.tgproof928-bottom h3 span {
   display: block;

   margin-top: 4px;

   color: transparent;

   background:
      linear-gradient(
         90deg,
         #20bde3 0%,
         #4a9ce1 48%,
         #7a7fe9 100%
      );

   -webkit-background-clip: text;
   background-clip: text;

   -webkit-text-fill-color: transparent;
}


/* =========================================================
   NORMAL PARAGRAPH
========================================================= */

.tgproof928-bottom > p {
   position: relative;
   z-index: 2;

   max-width: 880px;

   margin: 18px auto 0;

   color: #5d687d;

   font-size: 17px;
   line-height: 1.7;
   font-weight: 500;

   letter-spacing: -0.1px;
}


/* =========================================================
   DIVIDER
========================================================= */

.tgproof928-bottom-divider {
   position: relative;
   z-index: 2;

   width: min(90%, 760px);
   height: 1px;

   margin: 27px auto;

   background:
      linear-gradient(
         90deg,
         transparent,
         rgba(41, 179, 224, 0.28),
         rgba(118, 126, 232, 0.30),
         transparent
      );
}


/* =========================================================
   MAIN PARAGRAPH
========================================================= */

.tgproof928-bottom-main {
   max-width: 920px !important;

   margin-top: 0 !important;

   color: #566278 !important;

   font-size: 17px !important;
   line-height: 1.72 !important;
}


/* TELEGRAM ENGINE HIGHLIGHT */

.tgproof928-bottom-main strong {
   display: inline;

   color: transparent;

   background:
      linear-gradient(
         90deg,
         #20bde3,
         #4c9ce1,
         #767fe8
      );

   -webkit-background-clip: text;
   background-clip: text;

   -webkit-text-fill-color: transparent;

   font-weight: 900;
}


/* =========================================================
   FINAL STRONG LINE
========================================================= */

.tgproof928-bottom-final {
   position: relative;
   z-index: 2;

   display: inline-block;

   margin-top: 24px;

   padding: 12px 20px;

   border: 1px solid rgba(70, 145, 216, 0.12);
   border-radius: 13px;

   color: #26314d;

   background:
      linear-gradient(
         135deg,
         rgba(255, 255, 255, 0.96),
         rgba(245, 249, 255, 0.96)
      );

   box-shadow:
      0 12px 28px rgba(40, 74, 132, 0.07);

   font-size:
      clamp(
         18px,
         1.8vw,
         25px
      );

   line-height: 1.4;

   font-weight: 850;

   letter-spacing: -0.4px;
}


.tgproof928-bottom-final span {
   color: transparent;

   background:
      linear-gradient(
         90deg,
         #1ebee3,
         #4f99df,
         #787ee9
      );

   -webkit-background-clip: text;
   background-clip: text;

   -webkit-text-fill-color: transparent;

   font-weight: 950;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

   .tgproof928-bottom {
      margin-top: 45px;

      padding:
         32px 28px;
   }


   .tgproof928-bottom h3 {
      font-size: 36px;
   }


   .tgproof928-bottom > p,
   .tgproof928-bottom-main {
      font-size: 16px !important;
   }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

   .tgproof928-bottom {
      margin-top: 35px;

      padding:
         27px 18px;

      border-radius: 21px;
   }


   .tgproof928-bottom-tag {
      padding: 7px 11px;

      font-size: 9px;

      letter-spacing: 1px;
   }


   .tgproof928-bottom h3 {
      font-size: 30px;

      line-height: 1.2;

      letter-spacing: -1px;
   }


   .tgproof928-bottom > p,
   .tgproof928-bottom-main {
      font-size: 15px !important;

      line-height: 1.62 !important;
   }


   .tgproof928-bottom-divider {
      margin:
         22px auto;
   }


   .tgproof928-bottom-final {
      margin-top: 20px;

      padding:
         11px 14px;

      font-size: 18px;
   }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

   .tgproof928-bottom {
      padding:
         24px 14px;

      border-radius: 18px;
   }


   .tgproof928-bottom h3 {
      font-size: 26px;
   }


   .tgproof928-bottom h3 span {
      margin-top: 5px;
   }


   .tgproof928-bottom > p,
   .tgproof928-bottom-main {
      font-size: 14px !important;
   }


   .tgproof928-bottom-final {
      width: 100%;

      font-size: 17px;

      line-height: 1.45;
   }

}