/* Fonts */
:root {
  --default-font: "Mona Sans", sans-serif, "Roboto",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font: "Mona Sans", sans-serif;
  --nav-font: "Mona Sans", sans-serif;
}

/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:root { 
  --background-color: #ffffff; /* Background color for the entire website, including individual sections */
  --default-color: #001023; /* Default color used for the majority of the text content across the entire website */
  --heading-color: #001023; /* Color for headings, subheadings and title throughout the website */
  --accent-color: #EB212E; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --surface-color: #ffffff; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
}

/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */
:root {
  --nav-color: #ffffff;  /* The default color of the main navmenu links */
  --nav-hover-color: #EB212E; /* Applied to main navmenu links when they are hovered over or active */
  --nav-mobile-background-color: #ffffff; /* Used as the background color for mobile navigation menu */
  --nav-dropdown-background-color: #ffffff; /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
  --nav-dropdown-color: #444444; /* Used for navigation links of the dropdown items in the navigation menu. */
  --nav-dropdown-hover-color: #EB212E; /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
}

/* Color Presets - These classes override global colors when applied to any section or element, providing reuse of the sam color scheme. */

.light-background {
  --background-color: #fafafa;
  --surface-color: #ffffff;
}

.dark-background {
  --background-color: #001023;
  --default-color: #ffffff;
  --heading-color: #ffffff;
  --surface-color: #252525;
  --contrast-color: #ffffff;
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/



.mona-sans-ff {
  font-family: "Mona Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
} 

body {
  color: var(--default-color);
  background-color: var(--background-color);
  font-family: var(--default-font);
}

a {
  color: var(--accent-color);
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: color-mix(in srgb, var(--accent-color), transparent 25%);
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-family: var(--heading-font);
}

p{ line-height: 30px;}

/* Pulsating Play Button
------------------------------*/
.pulsating-play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(var(--background-color) 50%, color-mix(in srgb, var(--background-color), transparent 75%) 52%);
  border-radius: 50%;
  display: block;
  position: relative;
  overflow: hidden;
}

.pulsating-play-btn:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  animation-delay: 0s;
  animation: pulsate-play-btn 2s;
  animation-direction: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid color-mix(in srgb, var(--background-color), transparent 30%);
  top: -15%;
  left: -15%;
  background: rgba(0, 0, 0, 0);
}

.pulsating-play-btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.pulsating-play-btn:hover:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  animation: none;
  border-radius: 0;
}

.pulsating-play-btn:hover:after {
  border-left: 15px solid var(--accent-color);
  transform: scale(20);
}

@keyframes pulsate-play-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }

  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

/* PHP Email Form Messages
------------------------------*/
.php-email-form .error-message {
  display: none;
  background: #df1529;
  color: #ffffff;
  text-align: left;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}

.php-email-form .sent-message {
  display: none;
  color: #ffffff;
  background: #059652;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}

.php-email-form .loading {
  display: none;
  background: var(--surface-color);
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
}

.php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid var(--accent-color);
  border-top-color: var(--surface-color);
  animation: php-email-form-loading 1s linear infinite;
}

@keyframes php-email-form-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header {
  --background-color: rgba(0, 0, 0, 0);
  --default-color: #ffffff;
  --heading-color: #ffffff;
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 10px 0;
  transition: all 0.5s;
  z-index: 997;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.header .logo {
  line-height: 1;
}

.header .logo img {
  max-height: 36px;
  margin-right: 8px;
}

.header .logo h1 {
  font-size: 30px;
  margin: 0;
  font-weight: 700;
  color: var(--heading-color);
}

.header .cta-btn,
.header .cta-btn:focus {
  color: var(--contrast-color);
  background: var(--accent-color);
  font-size: 14px;
  padding: 8px 26px;
  margin: 0;
  border-radius: 50px;
  transition: 0.3s;
}

.header .cta-btn:hover,
.header .cta-btn:focus:hover {
  color: var(--contrast-color);
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
}

@media (max-width: 1200px) {
  .header .logo {
    order: 1;
  }

  .header .logo h1 {
    font-size: 24px;
  }

  .header .cta-btn, .header .hd-button {
    order: 2;
    margin: 0 15px 0 0;
    padding: 6px 20px;
  }

  .header .navmenu {
    order: 3;
  }
}

/* Global Header on Scroll
------------------------------*/
.scrolled .header {
  --background-color: rgba(0,16,35, 0.9);
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
@media (min-width: 1200px) {
	
	.navmenu a {
  text-transform: uppercase;
  font-weight: 600!important;
  color: #fff!important;
}
.header {
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
}
  .navmenu {
    padding: 0;
  }

  .navmenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
  }

  .navmenu li {
    position: relative;
  }

  .navmenu>ul>li {
    white-space: nowrap;
    padding: 15px 14px;
  }

  .navmenu>ul>li:last-child {
    padding-right: 0;
  }

  .navmenu a,
  .navmenu a:focus {
    color: color-mix(in srgb, var(--nav-color), transparent 30%);
    font-size: 15px;
    padding: 0 2px;
    font-family: var(--nav-font);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;
    position: relative;
  }

  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    transition: 0.3s;
  }

  .navmenu>ul>li>a:before {
    content: "";
    position: absolute;
    height: 2px;
    bottom: -27px;
    left: 0;
    background-color: var(--nav-hover-color);
    visibility: hidden;
    width: 0px;
    transition: all 0.3s ease-in-out 0s;
  }

  .navmenu a:hover:before,
  .navmenu li:hover>a:before,
  .navmenu .active:before {
    visibility: visible;
    width: 100%;
  }

  .navmenu li:hover>a,
  .navmenu .active,
  .navmenu .active:focus {
    color: var(--nav-color);
  }

  .navmenu .dropdown ul {
    margin: 0;
    padding: 10px 0;
    background: var(--nav-dropdown-background-color);
    display: block;
    position: absolute;
    visibility: hidden;
    left: 14px;
    top: 130%;
    opacity: 0;
    transition: 0.3s;
    border-radius: 4px;
    z-index: 99;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  }

  .navmenu .dropdown ul li {
    min-width: 200px;
  }

  .navmenu .dropdown ul a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    color: #212121 !important;
  }

  .navmenu .dropdown ul a i {
    font-size: 12px;
  }

  .navmenu .dropdown ul a:hover,
  .navmenu .dropdown ul .active:hover,
  .navmenu .dropdown ul li:hover>a {
    color: #EB212E!important;
  }

  .navmenu .dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }

  .navmenu .dropdown .dropdown ul {
    top: 0;
    left: -90%;
    visibility: hidden;
  }

  .navmenu .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: -100%;
    visibility: visible;
  }
}

/* Mobile Navigation */
@media (max-width: 1199px) {
  .mobile-nav-toggle {
    color: var(--nav-color);
    font-size: 28px;
    line-height: 0;
    margin-right: 10px;
    cursor: pointer;
    transition: color 0.3s;
  }

  .navmenu {
    padding: 0;
    z-index: 9997;
  }

  .navmenu ul {
    display: none;
    list-style: none;
    position: absolute;
    inset: 60px 20px 20px 20px;
    padding: 10px 0;
    margin: 0;
    border-radius: 6px;
    background-color: var(--nav-mobile-background-color);
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
    box-shadow: none;
    overflow-y: auto;
    transition: 0.3s;
    z-index: 9998;
  }

  .navmenu a,
  .navmenu a:focus {
    color: var(--nav-dropdown-color);
    padding: 10px 20px;
    font-family: var(--nav-font);
    font-size: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;
  }

  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.3s;
    background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  }

  .navmenu a i:hover,
  .navmenu a:focus i:hover {
    background-color: var(--accent-color);
    color: var(--contrast-color);
  }

  .navmenu a:hover,
  .navmenu .active,
  .navmenu .active:focus {
    color: var(--nav-dropdown-hover-color);
  }

  .navmenu .active i,
  .navmenu .active:focus i {
    background-color: var(--accent-color);
    color: var(--contrast-color);
    transform: rotate(180deg);
  }

  .navmenu .dropdown ul {
    position: static;
    display: none;
    z-index: 99;
    padding: 10px 0;
    margin: 10px 20px;
    background-color: var(--nav-dropdown-background-color);
    transition: all 0.5s ease-in-out;
  }

  .navmenu .dropdown ul ul {
    background-color: rgba(33, 37, 41, 0.1);
  }

  .navmenu .dropdown>.dropdown-active {
    display: block;
    background-color: rgba(33, 37, 41, 0.03);
  }

  .mobile-nav-active {
    overflow: hidden;
  }

  .mobile-nav-active .mobile-nav-toggle {
    color: #fff;
    position: absolute;
    font-size: 32px;
    top: 15px;
    right: 15px;
    margin-right: 0;
    z-index: 9999;
  }

  .mobile-nav-active .navmenu {
    position: fixed;
    overflow: hidden;
    inset: 0;
    background: rgba(33, 37, 41, 0.8);
    transition: 0.3s;
  }

  .mobile-nav-active .navmenu>ul {
    display: block;
  }
}

header .cta-btn {
  font-weight: bold;
  text-transform: uppercase;
}

/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
  color: var(--default-color);
  background: var(--background-color) url("../img/foot-bg.png") bottom center no-repeat; background-size: cover;
  font-size: 14px;
  text-align: center;
  padding: 30px 0;
  position: relative;
}

.footer h3 {
  font-size: 36px;
  font-weight: 700;
  position: relative;
  padding: 0;
  margin: 0 0 15px 0;
}

.footer p {
  font-size: 15;
  font-style: italic;
  padding: 0;
  margin: 0 0 30px 0;
}

.footer ul { margin-bottom:0 ;}
	
@media(max-width: 992px){
	
.footer .social-links, .footer ul {
	margin: 0 0 30px 0;
}


}


.foot-inline-nav {
	padding: 0;
  list-style: none;
}

.foot-inline-nav li {
  display: inline;
  padding: 0 10px;
  font-size: 16px;
}

.foot-inline-nav li a{ Color: #fff; }
.foot-inline-nav li:hover a{ Color: #EB212E; }


.footmiddle{ border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1); padding:40px 15px; }

.termsfoot a {
  font-size: 14px;
}


.footer .social-links a {
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  
  color: var(--contrast-color);
  line-height: 1;
  margin: 0 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

.footer .social-links a:hover {
  color: color-mix(in srgb, var(--accent-color), transparent 20%);
  text-decoration: none;
}

.footer .copyright {
  padding-top: 25px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.footer .credits {
  font-size: 13px;
  padding-top: 5px;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: hidden;
  background-color: var(--background-color);
  transition: all 0.6s ease-out;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid var(--accent-color);
  border-top-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: -15px;
  z-index: 99999;
  background-color: var(--accent-color);
  width: 44px;
  height: 44px;
  border-radius: 50px;
  transition: all 0.4s;
}

.scroll-top i {
  font-size: 24px;
  color: var(--contrast-color);
  line-height: 0;
}

.scroll-top:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
  bottom: 15px;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
.page-title {
  color: var(--default-color);
  background-color: var(--background-color);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 160px 0 80px 0;
  text-align: center;
  position: relative;
}

.page-title:before {
  content: "";
  background-color: color-mix(in srgb, var(--background-color), transparent 50%);
  position: absolute;
  inset: 0;
}

.page-title h1 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 10px;
}

.page-title .breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: center;
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}

.page-title .breadcrumbs ol li+li {
  padding-left: 10px;
}

.page-title .breadcrumbs ol li+li::before {
  content: "/";
  display: inline-block;
  padding-right: 10px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}

/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
section,
.section {
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 60px 0;
  scroll-margin-top: 72px;
  overflow: clip;
}

@media (max-width: 1199px) {

  section,
  .section {
    scroll-margin-top: 57px;
  }
}

/*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/
.section-title {
  padding-bottom: 60px;
  position: relative;
}

.section-title h2 {
  font-size: 60px;
  font-weight: 600;
  margin-bottom: 10px;
  position: relative;
  line-height: 1.1;
}

.section-title h2 > span 
{ 
	font-family: 'newyorkregular'; 
}


.section-titl h2:after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 3px;
  background: var(--accent-color);
  left: 0;
  right: 0;
  bottom: 0;
}

.section-title p {
  margin-bottom: 0;
  color:var(--default-color) ; font-size: 16px;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
  width: 100%; background: #001023 url("../img/hero-dot.png") 0 0 repeat;
  position: relative;
  padding: 80px 0;

}
.user-img-hero img {
  width: 60px;
  height: 60px;
  border-radius: 70px;
  margin-right: -19px;
  border: 2px solid #fff;
}


.hero .container {
  position: relative;
  z-index: 3;
}

.hero h2 {
  margin: 0;
  font-size: 48px;
  font-weight: 700;
}

.hero p {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin: 10px 0 20px 0;
  font-size: 24px;
}


.hero .hero-desc-wrap p{ color: #fff!important; text-align: left; font-size: 28px!important; padding-bottom:30px; border-bottom: 1px solid #fff; line-height:40px!important; margin-bottom: 30px; }

@media (max-width: 768px) {
  .hero h2 {
    font-size: 32px;
    line-height: 36px;
  }

  .hero p {
    font-size: 18px;
    line-height: 24px;
  }
}

.hero-review-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hero-review-block h5 {
  font-size: 22px;
  margin: 15px 0;
}

.hero .hero-review-block h2 {
  font-size: 63px;
  margin-bottom: 0;
  line-height: 52px;
}

.user-img-hero {
  text-align: left;
}


/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about ul {
  list-style: none;
  padding: 0;
}

.about ul li {
  padding-bottom: 5px;
  display: flex;
  align-items: center;
}

.about ul i {
  font-size: 20px;
  padding-right: 4px;
  color: var(--accent-color);
}

.read-more {
  background: var(--accent-color);
  color: var(--contrast-color);
  font-family: var(--heading-font);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 10px 28px;
  border-radius: 50px;
  transition: 0.3s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

 .read-more i {
  font-size: 18px;
  margin-left: 5px;
  line-height: 0;
  transition: 0.3s;
}

.read-more:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 20%); Color: #fff;
}

.read-more:hover i {
  transform: translate(5px, 0);
}

.about .figure-wrap {
  padding-right: 140px !important;
 }
 
.about .figure-wrap .awardimg {
  position: absolute;
  right: 20px;
  transform: rotate(-17deg);
  top: 60px;
  max-width:260px;
}


.about .figure-wrap .googleimg {
  position: absolute;
  right: 20px;
  transform: rotate(-17deg);
  bottom: 60px; max-width:240px;
}


/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.services .service-item {
  background-color: var(--surface-color);
  box-shadow: 0px 5px 90px 0px rgba(0, 0, 0, 0.1);
  padding: 60px 30px;
  transition: all ease-in-out 0.3s;
  border-radius: 18px;
  border-bottom: 5px solid var(--surface-color);
  height: 100%;
}

.services .service-item .icon {
  color: var(--contrast-color);
  background: var(--accent-color);
  margin: 0;
  width: 64px;
  height: 64px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  font-size: 28px;
  transition: ease-in-out 0.3s;
}

.services .service-item h3 {
  font-weight: 700;
  margin: 10px 0 15px 0;
  font-size: 22px;
  transition: ease-in-out 0.3s;
}

.services .service-item p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

@media (min-width: 1365px) {
  .services .service-item:hover {
    transform: translateY(-10px);
    border-color: var(--accent-color);
  }

  .services .service-item:hover h3 {
    color: var(--accent-color);
  }
}

/*--------------------------------------------------------------
# Call To Action Section
--------------------------------------------------------------*/
.call-to-action {
  padding: 120px 0;
  position: relative;
  clip-path: inset(0);
}

.call-to-action img {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.call-to-action:before {
  content: "";
  background: color-mix(in srgb, var(--background-color), transparent 50%);
  position: absolute;
  inset: 0;
  z-index: 2;
}

.call-to-action .container {
  position: relative;
  z-index: 3;
}

.call-to-action h3 {
  color: var(--default-color);
  font-size: 28px;
  font-weight: 700;
}

.call-to-action p {
  color: var(--default-color);
}

.call-to-action .cta-btn {
  font-family: var(--heading-font);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 40px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px;
  background: var(--accent-color);
  color: var(--contrast-color);
}

.call-to-action .cta-btn:hover {
  background: color-mix(in srgb, var(--accent-color) 90%, white 15%);
}

/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/
.features .features-image {
  position: relative;
  min-height: 400px;
}

.features .features-image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.features .features-item h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 5px 0;
}

.features .features-item i {
  font-size: 48px;
  color: var(--accent-color);
  margin-right: 20px;
  line-height: 0;
}

.features .features-item p {
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin: 0;
}

/*--------------------------------------------------------------
# Clients Section
--------------------------------------------------------------*/
.clients .clients-wrap {
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  border-left: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
}

.clients .client-logo {
  background-color: var(--surface-color);
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
  overflow: hidden;
}

.clients .client-logo img {
  padding: 50px;
  max-width: 80%;
  transition: 0.3s;
}

@media (max-width: 640px) {
  .clients .client-logo img {
    padding: 30px;
    max-width: 50%;
  }
}

.clients .client-logo:hover img {
  transform: scale(1.1);
}

/*--------------------------------------------------------------
# Stats Section
--------------------------------------------------------------*/
.stats {
  position: relative;
}

.stats img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.stats:before {
  content: "";
  background: color-mix(in srgb, var(--background-color), transparent 20%);
  position: absolute;
  inset: 0;
  z-index: 2;
}

.stats .container {
  position: relative;
  z-index: 3;
}

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

.stats .subheading h3 {
  font-weight: 700;
  font-size: 36px;
}

.stats .stats-item {
  padding: 30px;
  width: 100%;
}

.stats .stats-item span {
  font-size: 48px;
  display: block;
  color: var(--default-color);
  font-weight: 700;
}

.stats .stats-item p {
  padding: 0;
  margin: 0;
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 700;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}

/*--------------------------------------------------------------
# Portfolio Section
--------------------------------------------------------------*/
.portfolio .portfolio-filters {
  padding: 0;
  margin: 0 auto 20px auto;
  list-style: none;
  text-align: center;
}

.portfolio .portfolio-filters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 20px 10px 20px;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 5px;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  font-family: var(--heading-font);
}

.portfolio .portfolio-filters li:hover,
.portfolio .portfolio-filters li.filter-active {
  color: var(--contrast-color);
  background-color: var(--accent-color);
}

.portfolio .portfolio-filters li:first-child {
  margin-left: 0;
}

.portfolio .portfolio-filters li:last-child {
  margin-right: 0;
}

@media (max-width: 575px) {
  .portfolio .portfolio-filters li {
    font-size: 14px;
    margin: 0 0 10px 0;
  }
}

.portfolio .portfolio-item {
  position: relative;
  overflow: hidden;
}

.portfolio .portfolio-item img{
border-radius:10px;
}

.portfolio .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -100%;
  z-index: 3;overflow: hidden;
  transition: all ease-in-out 0.5s;
  background: rgba(235,33,46,0.85);
  padding: 15px; border-radius:10px;
}

.portfolio .portfolio-item .portfolio-info h4 , .portfolio .portfolio-item .portfolio-info h3 {
  font-size: 24px;
  font-weight: 600;
  padding-right: 50px;color: #fff;
}

.portfolio .portfolio-item .portfolio-info p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0;
  padding-right: 50px;
}

.portfolio .portfolio-item .portfolio-info .preview-link,
.portfolio .portfolio-item .portfolio-info .details-link {
 position: absolute;
  right: 50px;
  font-size: 24px;
  bottom: 30px;
  color: #fff;
  transition: 0.3s;
  line-height: 0;
}

.portfolio .portfolio-item .portfolio-info .preview-link:hover,
.portfolio .portfolio-item .portfolio-info .details-link:hover {
  color: var(--accent-color);
}

.portfolio .portfolio-item .portfolio-info .details-link {
  right: 14px;
  font-size: 28px;
}

.portfolio .portfolio-item:hover .portfolio-info {
opacity: 1;
  bottom: 0;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-direction: column;
}

/*--------------------------------------------------------------
# Pricing Section
--------------------------------------------------------------*/
.pricing .pricing-item {
  background-color: var(--surface-color);
  box-shadow: 0px 5px 90px rgba(0, 0, 0, 0.1);
  padding: 40px 20px;
  text-align: center;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.pricing .pricing-item h3 {
  padding: 15px;
  margin-top: 15px;
  font-size: 18px;
  font-weight: 600;
}

.pricing .pricing-item h4 {
  color: var(--accent-color);
  font-size: 42px;
  font-family: var(--default-font);
  font-weight: 500;
}

.pricing .pricing-item h4 sup {
  font-size: 20px;
  top: -15px;
  left: -3px;
}

.pricing .pricing-item h4 span {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-size: 16px;
  font-weight: 300;
}

.pricing .pricing-item ul {
  padding: 20px 0;
  list-style: none;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
}

.pricing .pricing-item ul li {
  padding-bottom: 16px;
}

.pricing .pricing-item ul .na {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
  text-decoration: line-through;
}

.pricing .pricing-item .btn-wrap {
  padding: 15px;
  text-align: center;
}

.pricing .pricing-item .btn-buy {
  color: var(--accent-color);
  background-color: transparent;
  border: 2px solid var(--accent-color);
  display: inline-block;
  padding: 10px 40px 12px 40px;
  border-radius: 50px;
  font-size: 14px;
  font-family: var(--heading-font);
  font-weight: 600;
  transition: 0.3s;
}

.pricing .pricing-item .btn-buy:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}

.pricing .recommended .btn-buy {
  background: var(--accent-color);
  color: var(--contrast-color);
}

.pricing .recommended .btn-buy:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 20%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 20%);
}

.pricing .recommended-badge {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  font-size: 13px;
  padding: 3px 25px 6px 25px;
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
  border-radius: 50px;
}

/*--------------------------------------------------------------
# Faq Section
--------------------------------------------------------------*/
.faq .content h3 {
  font-weight: 400;
  font-size: 34px;
}

.faq .content p {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}

.faq .faq-container {
  margin-top: 15px;
}

.faq .faq-container .faq-item {
  background-color: var(--surface-color);
  position: relative;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.faq .faq-container .faq-item:last-child {
  margin-bottom: 0;
}

.faq .faq-container .faq-item h3 {
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
  margin: 0 30px 0 32px;
  transition: 0.3s;
  cursor: pointer;
}

.faq .faq-container .faq-item h3 span {
  color: var(--accent-color);
  padding-right: 5px;
}

.faq .faq-container .faq-item h3:hover {
  color: var(--accent-color);
}

.faq .faq-container .faq-item .faq-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.faq .faq-container .faq-item .faq-content p {
  margin-bottom: 0;
  overflow: hidden;
}

.faq .faq-container .faq-item .faq-icon {
  position: absolute;
  top: 22px;
  left: 20px;
  font-size: 22px;
  line-height: 0;
  transition: 0.3s;
  color: var(--accent-color);
}

.faq .faq-container .faq-item .faq-toggle {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 16px;
  line-height: 0;
  transition: 0.3s;
  cursor: pointer;
}

.faq .faq-container .faq-item .faq-toggle:hover {
  color: var(--accent-color);
}

.faq .faq-container .faq-active h3 {
  color: var(--accent-color);
}

.faq .faq-container .faq-active .faq-content {
  grid-template-rows: 1fr;
  visibility: visible;
  opacity: 1;
  padding-top: 10px;
}

.faq .faq-container .faq-active .faq-toggle {
  transform: rotate(90deg);
  color: var(--accent-color);
}

/*--------------------------------------------------------------
# Recent Posts Section
--------------------------------------------------------------*/
.recent-posts article {
  background: var(--surface-color);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  padding: 30px;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.recent-posts .post-img {
  max-height: 240px;
  margin: -30px -30px 15px -30px;
  overflow: hidden;
}

.recent-posts .post-category {
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  margin-bottom: 10px;
}

.recent-posts .title {
  font-size: 20px;
  font-weight: 700;
  padding: 0;
  margin: 0 0 20px 0;
}

.recent-posts .title a {
  color: var(--heading-color);
  transition: 0.3s;
}

.recent-posts .title a:hover {
  color: var(--accent-color);
}

.recent-posts .post-author-img {
  width: 50px;
  border-radius: 50%;
  margin-right: 15px;
}

.recent-posts .post-author {
  font-weight: 600;
  margin-bottom: 5px;
}

.recent-posts .post-date {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.contact .info-item+.info-item {
  margin-top: 40px;
}

.contact .info-item i {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  font-size: 20px;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  margin-right: 15px;
}

.contact .info-item h3 {
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.contact .info-item p {
  padding: 0;
  margin-bottom: 0;
  font-size: 14px;
}

.contact .info-item:hover i {
  background: var(--accent-color);
  color: var(--contrast-color);
}

.contact .php-email-form {
  height: 100%;
}

.contact .php-email-form input[type=text],
.contact .php-email-form input[type=email],
.contact .php-email-form textarea {
  font-size: 14px;
  padding: 10px 15px;
  box-shadow: none;
  border-radius: 0;
  color: var(--default-color);
  background-color: var(--surface-color);
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
}

.contact .php-email-form input[type=text]:focus,
.contact .php-email-form input[type=email]:focus,
.contact .php-email-form textarea:focus {
  border-color: var(--accent-color);
}

.contact .php-email-form input[type=text]::placeholder,
.contact .php-email-form input[type=email]::placeholder,
.contact .php-email-form textarea::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 70%);
}

.contact .php-email-form button[type=submit] {
  color: var(--contrast-color);
  background: var(--accent-color);
  border: 0;
  padding: 10px 30px;
  transition: 0.4s;
  border-radius: 50px;
}

.contact .php-email-form button[type=submit]:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 25%);
}

/*--------------------------------------------------------------
# Portfolio Details Section
--------------------------------------------------------------*/

.portfolio
{	
	background: #FFFFFF;
	background: -webkit-linear-gradient(180deg,rgba(255, 255, 255, 0) 60%, rgba(0, 16, 35, 1) 60%);
	background: -moz-linear-gradient(180deg,rgba(255, 255, 255, 0) 60%, rgba(0, 16, 35, 1) 60%);
	background: linear-gradient(180deg,rgba(255, 255, 255, 0) 60%, rgba(0, 16, 35, 1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(
	  startColorstr="#FFFFFF",
	  endColorstr="#001023",
	  GradientType=0
	);
	
}



.portfolio.no-gc{ background: #fff; }


.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .swiper-wrapper {
  height: auto;
}

.portfolio-details .swiper-button-prev,
.portfolio-details .swiper-button-next {
  width: 48px;
  height: 48px;
}

.portfolio-details .swiper-button-prev:after,
.portfolio-details .swiper-button-next:after {
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(0, 0, 0, 0.15);
  font-size: 24px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.portfolio-details .swiper-button-prev:hover:after,
.portfolio-details .swiper-button-next:hover:after {
  background-color: rgba(0, 0, 0, 0.3);
}

@media (max-width: 575px) {

  .portfolio-details .swiper-button-prev,
  .portfolio-details .swiper-button-next {
    display: none;
  }
}

.portfolio-details .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: color-mix(in srgb, var(--default-color), transparent 85%);
  opacity: 1;
}

.portfolio-details .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--accent-color);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}

.portfolio-details .portfolio-info h3:after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 3px;
  background: var(--accent-color);
  left: 0;
  bottom: 0;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li {
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
}

.portfolio-details .portfolio-info ul strong {
  text-transform: uppercase;
  font-weight: 400;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-size: 14px;
}

.portfolio-details .portfolio-info .btn-visit {
  padding: 8px 40px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 50px;
  transition: 0.3s;
}

.portfolio-details .portfolio-info .btn-visit:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 20%);
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}

.portfolio-details .portfolio-description .testimonial-item {
  padding: 30px 30px 0 30px;
  position: relative;
  background: color-mix(in srgb, var(--default-color), transparent 97%);
  margin-bottom: 50px;
}

.portfolio-details .portfolio-description .testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 50px;
  border: 6px solid var(--background-color);
  float: left;
  margin: 0 10px 0 0;
}

.portfolio-details .portfolio-description .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0 5px 0;
  padding-top: 20px;
}

.portfolio-details .portfolio-description .testimonial-item h4 {
  font-size: 14px;
  color: #6c757d;
  margin: 0;
}

.portfolio-details .portfolio-description .testimonial-item .quote-icon-left,
.portfolio-details .portfolio-description .testimonial-item .quote-icon-right {
  color: color-mix(in srgb, var(--accent-color), transparent 50%);
  font-size: 26px;
  line-height: 0;
}

.portfolio-details .portfolio-description .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.portfolio-details .portfolio-description .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
  transform: scale(-1, -1);
}

.portfolio-details .portfolio-description .testimonial-item p {
  font-style: italic;
  margin: 0 0 15px 0 0 0;
  padding: 0;
}

/*--------------------------------------------------------------
# Service Details Section
--------------------------------------------------------------*/
.service-details .services-list {
  background-color: var(--surface-color);
  padding: 10px 30px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  margin-bottom: 20px;
}

.service-details .services-list a {
  display: block;
  line-height: 1;
  padding: 8px 0 8px 15px;
  border-left: 3px solid color-mix(in srgb, var(--default-color), transparent 70%);
  margin: 20px 0;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  transition: 0.3s;
}

.service-details .services-list a.active {
  color: var(--heading-color);
  font-weight: 700;
  border-color: var(--accent-color);
}

.service-details .services-list a:hover {
  border-color: var(--accent-color);
}

.service-details .services-img {
  margin-bottom: 20px;
}

.service-details h3 {
  font-size: 26px;
  font-weight: 700;
}

.service-details h4 {
  font-size: 20px;
  font-weight: 700;
}

.service-details p {
  font-size: 15px;
}

.service-details ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.service-details ul li {
  padding: 5px 0;
  display: flex;
  align-items: center;
}

.service-details ul i {
  font-size: 20px;
  margin-right: 8px;
  color: var(--accent-color);
}

/*--------------------------------------------------------------
# Starter Section Section
--------------------------------------------------------------*/
.starter-section {
  /* Add your styles here */
}

/*--------------------------------------------------------------
# Blog Posts Section
--------------------------------------------------------------*/
.blog-posts article {
  background-color: var(--surface-color);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  padding: 30px;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.blog-posts .post-img {
  max-height: 240px;
  margin: -30px -30px 15px -30px;
  overflow: hidden;
}

.blog-posts .post-category {
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 10px;
}

.blog-posts .title {
  font-size: 20px;
  font-weight: 700;
  padding: 0;
  margin: 0 0 20px 0;
}

.blog-posts .title a {
  color: var(--heading-color);
  transition: 0.3s;
}

.blog-posts .title a:hover {
  color: var(--accent-color);
}

.blog-posts .post-author-img {
  width: 50px;
  border-radius: 50%;
  margin-right: 15px;
}

.blog-posts .post-author {
  font-weight: 600;
  margin-bottom: 5px;
}

.blog-posts .post-date {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Blog Pagination Section
--------------------------------------------------------------*/
.blog-pagination {
  padding-top: 0;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}

.blog-pagination ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}

.blog-pagination li {
  margin: 0 5px;
  transition: 0.3s;
}

.blog-pagination li a {
  color: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--accent-color);
}

.blog-pagination li a.active,
.blog-pagination li a:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}

.blog-pagination li a.active a,
.blog-pagination li a:hover a {
  color: var(--contrast-color);
}

/*--------------------------------------------------------------
# Blog Details Section
--------------------------------------------------------------*/
.blog-details {
  padding-bottom: 30px;
}

.blog-details .article {
  background-color: var(--surface-color);
  padding: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog-details .post-img {
  margin: -30px -30px 20px -30px;
  overflow: hidden;
}

.blog-details .title {
  color: var(--heading-color);
  font-size: 28px;
  font-weight: 700;
  padding: 0;
  margin: 30px 0;
}

.blog-details .content {
  margin-top: 20px;
}

.blog-details .content h3 {
  font-size: 22px;
  margin-top: 30px;
  font-weight: bold;
}

.blog-details .content blockquote {
  overflow: hidden;
  background-color: color-mix(in srgb, var(--default-color), transparent 95%);
  padding: 60px;
  position: relative;
  text-align: center;
  margin: 20px 0;
}

.blog-details .content blockquote p {
  color: var(--default-color);
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 500;
  font-size: 22px;
}

.blog-details .content blockquote:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: var(--accent-color);
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog-details .meta-top {
  margin-top: 20px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}

.blog-details .meta-top ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  padding: 0;
  margin: 0;
}

.blog-details .meta-top ul li+li {
  padding-left: 20px;
}

.blog-details .meta-top i {
  font-size: 16px;
  margin-right: 8px;
  line-height: 0;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}

.blog-details .meta-top a {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-size: 14px;
  display: inline-block;
  line-height: 1;
}

.blog-details .meta-bottom {
  padding-top: 10px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.blog-details .meta-bottom i {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  display: inline;
}

.blog-details .meta-bottom a {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  transition: 0.3s;
}

.blog-details .meta-bottom a:hover {
  color: var(--accent-color);
}

.blog-details .meta-bottom .cats {
  list-style: none;
  display: inline;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.blog-details .meta-bottom .cats li {
  display: inline-block;
}

.blog-details .meta-bottom .tags {
  list-style: none;
  display: inline;
  padding: 0;
  font-size: 14px;
}

.blog-details .meta-bottom .tags li {
  display: inline-block;
}

.blog-details .meta-bottom .tags li+li::before {
  padding-right: 6px;
  color: var(--default-color);
  content: ",";
}

.blog-details .meta-bottom .share {
  font-size: 16px;
}

.blog-details .meta-bottom .share i {
  padding-left: 5px;
}

/*--------------------------------------------------------------
# Blog Comments Section
--------------------------------------------------------------*/
.blog-comments {
  padding: 10px 0;
}

.blog-comments .comments-count {
  font-weight: bold;
}

.blog-comments .comment {
  margin-top: 30px;
  position: relative;
}

.blog-comments .comment .comment-img {
  margin-right: 14px;
}

.blog-comments .comment .comment-img img {
  width: 60px;
}

.blog-comments .comment h5 {
  font-size: 16px;
  margin-bottom: 2px;
}

.blog-comments .comment h5 a {
  font-weight: bold;
  color: var(--default-color);
  transition: 0.3s;
}

.blog-comments .comment h5 a:hover {
  color: var(--accent-color);
}

.blog-comments .comment h5 .reply {
  padding-left: 10px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}

.blog-comments .comment h5 .reply i {
  font-size: 20px;
}

.blog-comments .comment time {
  display: block;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 5px;
}

.blog-comments .comment.comment-reply {
  padding-left: 40px;
}

/*--------------------------------------------------------------
# Comment Form Section
--------------------------------------------------------------*/
.comment-form {
  padding-top: 10px;
}

.comment-form form {
  background-color: var(--surface-color);
  margin-top: 30px;
  padding: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.comment-form form h4 {
  font-weight: bold;
  font-size: 22px;
}

.comment-form form p {
  font-size: 14px;
}

.comment-form form input {
  background-color: var(--surface-color);
  color: var(--default-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);
  font-size: 14px;
  border-radius: 4px;
  padding: 10px 10px;
}

.comment-form form input:focus {
  color: var(--default-color);
  background-color: var(--surface-color);
  box-shadow: none;
  border-color: var(--accent-color);
}

.comment-form form input::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}

.comment-form form textarea {
  background-color: var(--surface-color);
  color: var(--default-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);
  border-radius: 4px;
  padding: 10px 10px;
  font-size: 14px;
  height: 120px;
}

.comment-form form textarea:focus {
  color: var(--default-color);
  box-shadow: none;
  border-color: var(--accent-color);
  background-color: var(--surface-color);
}

.comment-form form textarea::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}

.comment-form form .form-group {
  margin-bottom: 25px;
}

.comment-form form .btn-primary {
  border-radius: 4px;
  padding: 10px 20px;
  border: 0;
  background-color: var(--accent-color);
  color: var(--contrast-color);
}

.comment-form form .btn-primary:hover {
  color: var(--contrast-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widgets-container {
  background-color: var(--surface-color);
  padding: 30px;
  margin: 60px 0 30px 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.widget-title {
  color: var(--heading-color);
  font-size: 20px;
  font-weight: 700;
  padding: 0;
  margin: 0 0 20px 0;
}

.widget-item {
  margin-bottom: 40px;
}

.widget-item:last-child {
  margin-bottom: 0;
}

.blog-author-widget img {
  max-width: 120px;
  margin-right: 20px;
}

.blog-author-widget h4 {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 0px;
  padding: 0;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}

.blog-author-widget .social-links {
  margin: 5px 0;
}

.blog-author-widget .social-links a {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
  margin-right: 5px;
  font-size: 18px;
}

.blog-author-widget .social-links a:hover {
  color: var(--accent-color);
}

.blog-author-widget p {
  font-style: italic;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  margin: 10px 0 0 0;
}

.search-widget form {
  background: var(--background-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%);
  padding: 3px 10px;
  position: relative;
  border-radius: 50px;
  transition: 0.3s;
}

.search-widget form input[type=text] {
  border: 0;
  padding: 4px 10px;
  border-radius: 4px;
  width: calc(100% - 40px);
  background-color: var(--background-color);
  color: var(--default-color);
}

.search-widget form input[type=text]:focus {
  outline: none;
}

.search-widget form button {
  background: none;
  color: var(--default-color);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  font-size: 16px;
  padding: 0 16px;
  transition: 0.3s;
  line-height: 0;
}

.search-widget form button i {
  line-height: 0;
}

.search-widget form button:hover {
  color: var(--accent-color);
}

.search-widget form:is(:focus-within) {
  border-color: var(--accent-color);
}

.categories-widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.categories-widget ul li {
  padding-bottom: 10px;
}

.categories-widget ul li:last-child {
  padding-bottom: 0;
}

.categories-widget ul a {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  transition: 0.3s;
}

.categories-widget ul a:hover {
  color: var(--accent-color);
}

.categories-widget ul a span {
  padding-left: 5px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-size: 14px;
}

.recent-posts-widget .post-item {
  display: flex;
  margin-bottom: 15px;
}

.recent-posts-widget .post-item:last-child {
  margin-bottom: 0;
}

.recent-posts-widget .post-item img {
  width: 80px;
  margin-right: 15px;
}

.recent-posts-widget .post-item h4 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}

.recent-posts-widget .post-item h4 a {
  color: var(--default-color);
  transition: 0.3s;
}

.recent-posts-widget .post-item h4 a:hover {
  color: var(--accent-color);
}

.recent-posts-widget .post-item time {
  display: block;
  font-style: italic;
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}

.tags-widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tags-widget ul li {
  display: inline-block;
}

.tags-widget ul a {
  background-color: color-mix(in srgb, var(--default-color), transparent 94%);
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  border-radius: 50px;
  font-size: 14px;
  padding: 5px 15px;
  margin: 0 6px 8px 0;
  display: inline-block;
  transition: 0.3s;
}

.tags-widget ul a:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}

.tags-widget ul a span {
  padding-left: 5px;
  color: color-mix(in srgb, var(--default-color), transparent 60%);
  font-size: 14px;
}



/**home video**/

.video-block {
  min-height: 550px;
  position: relative;
  border-radius: 15px;
  overflow: hidden; background: url("../img/video/video.jpg") 0 0 no-repeat ;
}

.video-block img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: ;
}

.video-block a#playButton {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}


/**work swiper*/






.wordchanger {
  text-align: left;
}
.wordchanger h1 {
  font-size: 120px;
  color: #EB212E;font-family: 'newyorkregular';
}

.wordchanger h2 {
  font-size: 90px;
  line-height: 100px;  font-weight: 600;
}

/**word swiper end**/

/*insight blog*/


.blog-date h6 {
  margin: 0 0 0 10px;
  font-size: 14px;
  color: #666;
}

.blog-date {
  min-width: 250px;
}

.blog-figure {
  min-width: 260px;
  margin: 0 40px;
}

.blog-content h3 {
  font-size: 26px;
  line-height: 35px;
  font-weight: 600;
}

.blog-content p {
  line-height: 30px;
  margin-top: 20px;
}

.blog-inwrap {
  border-bottom: 1px solid #222;
  padding: 20px 0;
}



.blog-inwrap {
  border-bottom: 1px solid #222;
  padding: 20px 0;
  height: 110px;
  overflow: hidden;
  transition: height 1s;
}

.blog-inwrap .bfigure {
  height: 68px;
  overflow: hidden;
  border-radius: 6px; transition: height 1s;
}

.hover-blog-wrap{transition: height 1s;}


.hover-blog-wrap:hover .blog-inwrap, .hover-blog-wrap:hover .blog-inwrap .bfigure { height: 270px; }


.btn-view-all{ Color: #EB212E; font-weight: 600; font-size: 16px; transition: 0.6s;}

.btn-view-all i{ margin-left: 10px; transform: translateX(0px); transition: 0.6s; position: absolute;}

.btn-view-all:hover i{  transform: translateX(10px); }


.fs-44{ font-size: 44px!important;}





/**dev-pro**/


.dev-pro-wrap .dev-pro-no {
  position: absolute;
  left: 0;
  display: flex;
  background: #fff url("../img/icons/cut-bg.svg") 0 0 no-repeat;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 60px;
  height: 60px; font-size:24px;
}

.dev-pro-wrap {
 position: relative;
  padding-left: 90px;
  margin-bottom: 30px;
  min-height: 78px;
}

.dev-pro-wrap h4 {
  font-size: 18px;
  font-weight: 700;
}

.dev-pro-wrap .dev-pro-no::before {
 position: absolute;
  width: 3px;
  background: #111;
  height: 80px;
  content: "";
  top: -70px;
}

.dev-pro-wrap:first-child .dev-pro-no::before {
  display: none;
}

.c-red{ Color: #EB212E}

/****whychoose***/

.icon-box {
  border: 1px solid #ddd;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  width: 250px;
  height: auto; margin:10px;
}


.icon-box h4 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 15px;
}


/*technologies**/


.tech-icon-box {
  border: 1px solid #ddd;
  border-radius: 10px;
  margin: 10px; transition: 0.5s;
}

.tech-icon-box:hover{ transform: rotate(-10deg);} 


.tech-icon-box img {
  max-width: 105px;
}




.figure-wrap{ position: relative; }


.btn-view-all-round {
  background: #EB212E;
  Color: #fff;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 290px;
  font-size: 14px;
  font-weight: bold; transition: 1s. ease-in-out; position: relative;
}

.btn-view-all-round i {
  margin-left: 10px;
  transform: translateX(0px);
  transition: 0.6s;
  position: absolute; display: none;
  right: 10px;
}

.btn-view-all-round:hover { Color: #222}

.btn-view-all-round:hover i {  transform: translateX(10px); }


/**indus**/
.scrolltext{}

.scrolltext span {
  font-size: 32px;
  font-weight: 600;
  padding: 0px 30px;
  display: inline-flex;
  border-right: 4px solid #fff;
  margin: 30px 0 20px;
}


.indus-sec h4 {
	display: inline-block;
  background: #fff;
  color: #001023;
  font-size: 18px;
  padding: 10px 30px;
  border-radius: 90px;
  border: 4px solid #EB212E;
  margin-bottom: -50px;
  position: relative;
}




/**Services Sections**/

.services-sec{}
.services-sec{}
.services-sec{}

.services-sec #v-pills-tab .nav-link,  
.services-acc .accordion  .accordion-header .accordion-button.collapsed,
.services-acc .accordion  .accordion-header .accordion-button
{
  text-align: left;
  font-size: 46px; 
  font-weight:600;padding: 10px 0;
  
  color: #001023;display: flex;
  align-items: center; border-bottom: 1px solid #001023; border-radius:0;
}

.services-sec #v-pills-tab .nav-link span, 
.services-acc .accordion  .accordion-header .accordion-button.collapsed span,
.services-acc .accordion  .accordion-header .accordion-button span
{
  text-align: left;
  font-size: 46px; 
  font-weight:600;
  font-family: 'newyorkregular'; 
  color: #001023; margin:0 10px;
}

.services-sec #v-pills-tab .nav-link span.tab-no,
.services-acc .accordion  .accordion-header .accordion-button span.tab-no
{font-family: "Mona Sans", sans-serif; font-size: 30px; margin-right:20px;}

.services-sec #v-pills-tab .nav-link.active, 
.services-sec #v-pills-tab .nav-link.active span
{ background: #fff; Color: #EB212E; }


.services-acc .accordion  .accordion-header .accordion-button, 
.services-acc .accordion  .accordion-header .accordion-button span{ background: #fff; Color: #EB212E;}


.accordion-button:focus{ box-shadow: none;}

.services-sec .tab-pane {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 20px;
  line-height: 28px;
  height: 100vh; height:520px; overflow: hidden;
}

.tab-text-wrap {
  height: 100%;
}

.tab-text-wrap h5 {
  font-weight: 600;
  font-size: 20px;
  margin: 20px 0;
}

.acc-text-wrap{ margin-top: 25px}
.acc-text-wrap h2{ font-size: 20px; margin-bottom:15px; font-weight: 700}


.acc-text-wrap p{ font-size: 16px; line-height: 30px}


/**brand swiper*/

.brand-title {
  font-size: 20px;
  margin: 10px 0;
}


.clients-wrap .swiper-slide{ height: 78px!important; border: 0px solid #333; border-radius: 10px; overflow: hidden; background: #222 }


/*header mod**/

.hd-button i {
  font-size: 36px;
}



@media (min-width: 576px) {
  .modal-dialog {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;

  }
  
  .modal-content {
  min-height:  700px; 
  background: #001023 url("../img/bmod.svg") bottom left no-repeat;
}

.modal-content *{ Color: #fff;}

}

.clients .card {
  border: 0;
}

.gettouch{ background: #EB212E; }

.c-detail .detail-block h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
}

.c-detail .detail-block h3::after { content:""; width:50px; height:2px; background: #fff; position: absolute; bottom:-0px; left:0;}

.c-form {
  background: #fff;
  padding: 40px 30px 30px 30px;
  position: relative;
  top: -24px;
  z-index: 9;
  border-radius: 22px;
}

.c-form .form-control {
  border-width: 0 0 1px 0;
  border-radius: 0;
}

.sent-message {
  text-align: left;
  font-size: 12px;
  color: #aaa;
}


/*****pricing table*****/


.table-wrap {
  background: #001023;
  border: 1px dashed #aaa;
  padding: 20px;Color: #fff;
  border-radius: 20px; margin-bottom:20px;
}
.table-head h2 {
  font-size: 29px;
  text-align: center;
  padding: 20px 0; Color: #fff;
  border-top: 0px solid #fff;
}

.table-row {
  border-top: 1px dashed #fff;
  padding: 10px 0 0;
  margin-bottom: 10px;
}

.ser-list ul{ padding:0; margin:0 0 0 30px; }
.ser-list ul li{ padding:0; margin:0 0 15px; 0; }


.table-row h4 {
  font-size: 16px;Color: #fff;
  font-weight: 600;
}

.table-row p{font-size: 16px;Color: #fff;}

.pricing-title{ text-align: center; margin:120px 0 40px; 0}





/*******Services page css********/

 /* ===== RedSpider Hosting Creative Animations ===== */
  .rs-hosting { isolation: isolate; }

  /* Animated background blobs */
  .rs-blob{
    position:absolute; inset:auto;
    width:520px; height:520px;
    border-radius: 999px;
    filter: blur(35px);
    opacity:.22;
    z-index:0;
    animation: rsBlob 10s ease-in-out infinite alternate;
  }
  .rs-blob-1{ top:-180px; left:-180px; background: #EB212E; }
  .rs-blob-2{ bottom:-220px; right:-220px; background #EB212E; animation-duration: 12s; }

  @keyframes rsBlob{
    0%{ transform: translate(0,0) scale(1); }
    50%{ transform: translate(40px,20px) scale(1.08); }
    100%{ transform: translate(-20px,35px) scale(0.98); }
  }

  /* Card hover shine + lift */
  .rs-card{
    position:relative;
    transition: transform .35s ease, box-shadow .35s ease;
    overflow:hidden;
  }
  .rs-card::before{
    content:"";
    position:absolute; inset:-2px;
    background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.22) 35%, transparent 70%);
    transform: translateX(-120%);
    transition: transform .6s ease;
    pointer-events:none;
  }
  .rs-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 1.25rem 2.5rem rgba(0,0,0,.08) !important;
  }
  .rs-card:hover::before{ transform: translateX(120%); }

  /* Icon bubble */
  .rs-icon{
    width:44px; height:44px;
    display:grid; place-items:center;
    border-radius:14px;
    background: rgba(235, 33, 46,0.2);
    color:#EB212E;
  }

  /* Floating animation for main card */
  .rs-float{
    animation: rsFloat 4.5s ease-in-out infinite;
  }
  @keyframes rsFloat{
    0%,100%{ transform: translateY(0); }
    50%{ transform: translateY(-6px); }
  }

  /* Mini feature rows */
  .rs-mini{
    display:flex; align-items:center; gap:.75rem;
    padding:.9rem 1rem;
    background:#f8f9fa;
    border-radius: 16px;
    transition: transform .25s ease;
  }
  .rs-mini:hover{ transform: translateX(4px); }
  .rs-dot{
    width:10px; height:10px; border-radius:50%;
    background:#198754;
    box-shadow: 0 0 0 6px rgba(25,135,84,.10);
  }

  /* Glow accent for small cards */
  .rs-glow{
    position:absolute;
    width:180px; height:180px;
    right:-80px; bottom:-80px;
    background: radial-gradient(circle, rgba(235, 33, 46,.18) , transparent 60%);
    border-radius:50%;
    transform: scale(.8);
    transition: transform .35s ease;
    pointer-events:none;
  }
  .rs-card:hover .rs-glow{ transform: scale(1); }

  /* Buttons micro-interaction */
  .rs-btn, .rs-btn-dark{
    transition: transform .2s ease;
  }
  .rs-btn:hover, .rs-btn-dark:hover{
    transform: translateY(-2px);
  }
  .rs-arrow{
    display:inline-block;
    margin-left:.35rem;
    transition: transform .2s ease;
  }
  .rs-btn:hover .rs-arrow,
  .rs-btn-dark:hover .rs-arrow{
    transform: translateX(4px);
  }

  /* Reveal on scroll (no external libraries) */
  .rs-reveal{
    opacity:0;
    transform: translateY(14px);
    animation: rsReveal .8s ease forwards;
    animation-delay: var(--d, 0ms);
  }
  @keyframes rsReveal{
    to{ opacity:1; transform: translateY(0); }
  }

  /* Reduce motion accessibility */
  @media (prefers-reduced-motion: reduce){
    .rs-blob, .rs-float, .rs-reveal{ animation:none !important; }
    .rs-card, .rs-mini, .rs-btn, .rs-btn-dark, .rs-arrow{ transition:none !important; }
  }


  /**Sec 2***/

    /* ===== Section 2: Unique class namespace hx- ===== */
  .hx-hosting{ isolation:isolate; }

  /* Animated rings (different from blobs/grid) */
  .hx-ring{
    position:absolute;
    border-radius:999px;
    border: 2px solid rgba(13,110,253,.18);
    z-index:0;
    opacity:.2;
    animation: hxOrbit 10s linear infinite;
    background: #833AB4;
background: linear-gradient(90deg,rgba(131, 58, 180, 0.61) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
  }
  .hx-ring-a{
    width:560px; height:560px;
    top:-260px; right:-260px;
    animation-duration: 14s;
  }
  .hx-ring-b{
    width:420px; height:420px;
    bottom:-220px; left:-220px;
    border-color: rgba(32,201,151,.18);
    animation-duration: 18s;
    animation-direction: reverse;
  }
  @keyframes hxOrbit{
    from{ transform: rotate(0deg); }
    to{ transform: rotate(360deg); }
  }

  /* Panel with animated border sweep */
  .hx-panel{
    position:relative;
    background:#ffffff;
    overflow:hidden;
  }
  .hx-panel::before{
    content:"";
    position:absolute; inset:-3px;
    background: conic-gradient(from 180deg, rgba(13,110,253,.0), rgba(13,110,253,.18), rgba(32,201,151,.18), rgba(13,110,253,.0));
    filter: blur(1px);
    opacity:.9;
    animation: hxSweep 3.8s linear infinite;
  }
  .hx-panel::after{
    content:"";
    position:absolute; inset:2px;
    background:#fff;
    border-radius: 1.25rem;
    z-index:0;
  }
  @keyframes hxSweep{
    to{ transform: rotate(360deg); }
  }
  .hx-panel > *{ position:relative; z-index:1; }

  /* Chip */
  .hx-chip{
    display:inline-block;
    font-size:.85rem;
    padding:.35rem .7rem;
    border-radius:999px;
    background: rgba(235, 33, 46, 0.1);
    color:#EB212E;
    border:0px solid #EB212E;
    margin-bottom:.5rem;
  }

  /* Pulse indicator (different) */
  .hx-pulse{
    display:flex;
    align-items:center;
    gap:.5rem;
    padding:.45rem .75rem;
    border-radius:999px;
    border:1px solid rgba(0,0,0,.08);
    background:#fff;
  }
  .hx-pulse-dot{
    width:10px; height:10px;
    border-radius:50%;
    background:#198754;
    box-shadow: 0 0 0 rgba(25,135,84,.4);
    animation: hxPulse 1.4s infinite;
  }
  @keyframes hxPulse{
    0%{ box-shadow: 0 0 0 0 rgba(25,135,84,.35); }
    70%{ box-shadow: 0 0 0 12px rgba(25,135,84,0); }
    100%{ box-shadow: 0 0 0 0 rgba(25,135,84,0); }
  }
  .hx-pulse-text{ font-size:.9rem; color:#212529; }

  /* Stats */
  .hx-stat{
    padding:1rem;
    border-radius:16px;
    background:#f8f9fa;
    border:1px solid rgba(0,0,0,.06);
    transform: translateY(0);
    transition: transform .25s ease;
  }
  .hx-stat:hover{ transform: translateY(-4px); }
  .hx-stat-num{ font-weight:800; letter-spacing:.5px; }
  .hx-stat-txt{ font-size:.9rem; color:#6c757d; }

  /* Moving ticker (marquee-like) */
  .hx-ticker{
    border-radius:16px;
    border:1px solid rgba(0,0,0,.06);
    background:#fff;
    overflow:hidden;
    position:relative;
  }
  .hx-ticker::before,
  .hx-ticker::after{
    content:"";
    position:absolute; top:0; bottom:0;
    width:48px;
    z-index:2;
    pointer-events:none;
  }
  .hx-ticker::before{
    left:0;
    background: linear-gradient(to right, #fff, rgba(255,255,255,0));
  }
  .hx-ticker::after{
    right:0;
    background: linear-gradient(to left, #fff, rgba(255,255,255,0));
  }
  .hx-ticker-track{
    display:flex;
    gap:1.25rem;
    padding:.9rem 1rem;
    width:max-content;
    animation: hxMarquee 18s linear infinite;
  }
  .hx-ticker-track span{
    font-size:.92rem;
    color:#212529;
    padding:.25rem .7rem;
    border-radius:999px;
    border:1px solid rgba(0,0,0,.08);
    background:#f8f9fa;
    white-space:nowrap;
  }
  .hx-ticker:hover .hx-ticker-track{ animation-play-state: paused; }

  @keyframes hxMarquee{
    from{ transform: translateX(0); }
    to{ transform: translateX(-50%); }
  }

  /* Badge pills (different styling) */
  .hx-badge{
    display:inline-flex;
    align-items:center;
    padding:.5rem .85rem;
    border-radius:999px;
    border:0px dashed rgba(13,110,253,.35);
    background:rgba(235, 33, 46,0.1);
    color:#EB212E;
    font-size:.9rem;
    transition: transform .2s ease, background .2s ease;
  }
  .hx-badge:hover{
    transform: rotate(-1deg) translateY(-2px);
    background: rgba(32,201,151,.08);
    border-color: rgba(32,201,151,.35);
    color:#111;
  }

  /* Right-side copy animations: split + fadeup */
  .hx-kicker{
    display:inline-block;
    font-weight:600;
    color:#EB212E;
    margin-bottom:.6rem;
    position:relative;
  }
  .hx-kicker::after{
    content:"";
    display:block;
    height:2px;
    width:0%;
    background:#EB212E;
    margin-top:.45rem;
    animation: hxUnderline 1.1s ease forwards;
  }
  @keyframes hxUnderline{ to{ width:92px; } }

  .hx-split{
    animation: hxPop .7s cubic-bezier(.2,.8,.2,1) both;
  }
  @keyframes hxPop{
    from{ opacity:0; letter-spacing: 2px; transform: translateY(10px); }
    to{ opacity:1; letter-spacing: 0; transform: translateY(0); }
  }

  .hx-fadeup{
    opacity:0;
    transform: translateY(12px);
    animation: hxFadeUp .8s ease forwards;
    animation-delay: .2s;
  }
  @keyframes hxFadeUp{ to{ opacity:1; transform: translateY(0); } }

  /* Buttons */
  .hx-btn, .hx-btn2{ transition: transform .2s ease; }
  .hx-btn:hover, .hx-btn2:hover{ transform: translateY(-2px); }
  .hx-btn-arrow{
    display:inline-block;
    margin-left:.35rem;
    transition: transform .2s ease;
  }
  .hx-btn:hover .hx-btn-arrow{ transform: translateX(4px); }

  /* Reduced motion accessibility */
  @media (prefers-reduced-motion: reduce){
    .hx-ring, .hx-panel::before, .hx-ticker-track,
    .hx-kicker::after, .hx-split, .hx-fadeup, .hx-pulse-dot{
      animation:none !important;
    }
    .hx-stat, .hx-badge, .hx-btn, .hx-btn2, .hx-btn-arrow{ transition:none !important; }
  }



  /***/

  /* ===== Brand Pricing Styles ===== */
.px-pricing { isolation: isolate; }

/* Background graphics */
.px-glow{
  position:absolute;
  width:520px; height:520px;
  border-radius:999px;
  filter: blur(45px);
  opacity:.18;
  z-index:0;
  animation: pxFloat 10s ease-in-out infinite alternate;
}
.px-glow-1{ top:-220px; left:-220px; background:#EB212E; }
.px-glow-2{ bottom:-240px; right:-240px; background:#212121; animation-duration:12s; }

@keyframes pxFloat{
  0%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(40px,20px) scale(1.05); }
  100%{ transform: translate(-20px,30px) scale(.98); }
}

.px-dots{
  position:absolute; inset:0;
  background-image: radial-gradient(rgba(0,0,0,.15) 1px, transparent 1px);
  background-size:18px 18px;
  opacity:.15;
}

/* Card */
.px-card{
  background:#fff;
  border-radius:20px;
  padding:1.4rem;
  position:relative;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 .75rem 2rem rgba(0,0,0,.06);
  transition:.35s ease;
}
.px-card:hover{
  transform:translateY(-8px);
  box-shadow:0 1.25rem 3rem rgba(0,0,0,.12);
  border-color:#EB212E;
}

.px-card-featured{
  border-color:#EB212E;
}

/* Header */
.px-card-top{
  display:flex;
  gap:1rem;
  margin-bottom:1rem;
}
.px-icon{
  width:52px; height:52px;
  border-radius:16px;
  background:rgba(235,33,46,.12);
  color:#EB212E;
  display:grid;
  place-items:center;
  font-size:22px;
}
.px-icon-alt{
  background:rgba(33,33,33,.12);
  color:#212121;
}

/* Price */
.px-price-wrap{
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#f8f9fa;
  border-radius:16px;
  padding:1rem;
  margin-bottom:1rem;
}
.px-amount{ font-size:2.2rem; font-weight:800; color:#212121; }
.px-currency,.px-term{ color:#6c757d; }

.px-chip{
  border:1px dashed #EB212E;
  background:rgba(235,33,46,.08);
  color:#EB212E;
  padding:.4rem .8rem;
  border-radius:999px;
}
.px-chip-alt{
  border-color:#212121;
  background:rgba(33,33,33,.08);
  color:#212121;
}

/* Table */
.px-table{ border-radius:16px; overflow:hidden; margin-bottom:1rem; }
.px-row{
  display:flex;
  justify-content:space-between;
  padding:.85rem 1rem;
  border-bottom:1px solid rgba(0,0,0,.06);
}
.px-row:last-child{ border-bottom:0; }

/* Buttons */
.px-btn-primary{
  background:#EB212E;
  color:#fff;
  border:none;
  padding:.9rem;
  border-radius:14px;
}
.px-btn-dark{
  background:#212121;
  color:#fff;
  border:none;
  padding:.9rem;
  border-radius:14px;
}
.px-btn-primary:hover,
.px-btn-dark:hover{ opacity:.9; }

.px-arrow{ margin-left:.4rem; transition:.2s; }
.btn:hover .px-arrow{ transform:translateX(4px); }

/* Floating badge */
.px-badge-float{
  position:absolute;
  top:14px; right:14px;
  background:#EB212E;
  color:#fff;
  padding:.45rem .8rem;
  border-radius:999px;
  font-size:.85rem;
  animation:pxWiggle 2.6s ease-in-out infinite;
}
@keyframes pxWiggle{
  0%,100%{ transform:rotate(2deg); }
  50%{ transform:rotate(-2deg); }
}

/* Reveal */
.px-reveal{
  opacity:0;
  transform:translateY(16px);
  animation:pxReveal .8s ease forwards;
  animation-delay:var(--delay);
}
@keyframes pxReveal{
  to{ opacity:1; transform:none; }
}



/****************/

/* ===== Logo Design Section (Unique Namespace: ld-) ===== */

.ld-section{ isolation:isolate; }

/* Background graphics: moving orbs + animated diagonal lines */
.ld-orb{
  position:absolute;
  width:520px; height:520px;
  border-radius:999px;
  filter: blur(48px);
  opacity:.16;
  z-index:0;
  animation: ldDrift 10s ease-in-out infinite alternate;
}
.ld-orb-1{ top:-240px; left:-240px; background:#EB212E; }
.ld-orb-2{ bottom:-260px; right:-260px; background:#212121; animation-duration:12s; }

@keyframes ldDrift{
  0%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(45px,20px) scale(1.06); }
  100%{ transform: translate(-22px,34px) scale(.98); }
}

.ld-lines{
  position:absolute; inset:0;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(235,33,46,.10) 0px,
      rgba(235,33,46,.10) 1px,
      transparent 1px,
      transparent 14px
    );
  opacity:.25;
  z-index:0;
  mask-image: radial-gradient(circle at 30% 35%, rgba(0,0,0,1), transparent 60%);
  -webkit-mask-image: radial-gradient(circle at 30% 35%, rgba(0,0,0,1), transparent 60%);
  animation: ldSlide 14s linear infinite;
}
@keyframes ldSlide{
  from{ background-position: 0 0; }
  to{ background-position: 160px 0; }
}

/* Badge */
.ld-badge{
  display:inline-block;
  font-weight:700;
  font-size:.9rem;
  padding:.45rem .9rem;
  border-radius:999px;
  color:#212121;
  background: rgba(235,33,46,.10);
  border: 1px solid rgba(235,33,46,.35);
}

/* Highlight block */
.ld-highlight{
  display:flex;
  gap:.9rem;
  align-items:flex-start;
  padding: 1rem 1rem;
  border-radius: 18px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.06);
  transition: transform .25s ease;
}
.ld-highlight:hover{ transform: translateY(-3px); }

.ld-highlight-icon{
  width:44px; height:44px;
  border-radius: 14px;
  display:grid; place-items:center;
  background: rgba(235,33,46,.12);
  color:#EB212E;
  border: 1px solid rgba(235,33,46,.25);
}

/* Buttons */
.ld-btn-primary{
  background:#EB212E;
  border:1px solid #EB212E;
  color:#fff;
  border-radius:14px;
  font-weight:700;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.ld-btn-primary:hover{
  transform: translateY(-2px);
  box-shadow: 0 .75rem 1.75rem rgba(235,33,46,.20);
  opacity:.95;
  color:#fff; background: #212121;
}

.ld-btn-dark{
  background:#212121;
  border:1px solid #212121;
  color:#fff;
  border-radius:14px;
  font-weight:700;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.ld-btn-dark:hover{
  transform: translateY(-2px);
  box-shadow: 0 .75rem 1.75rem rgba(33,33,33,.18);
  opacity:.95;
  color:#fff;background:#EB212E;
}

.ld-arrow{
  display:inline-block;
  margin-left:.35rem;
  transition: transform .2s ease;
}
.ld-btn-primary:hover .ld-arrow{ transform: translateX(4px); }

/* Cards */
.ld-card{
  position:relative;
  background:#fff;
  border-radius:20px;
  padding:1.25rem;
  border:1px solid rgba(0,0,0,.07);
  box-shadow:0 .75rem 2rem rgba(0,0,0,.06);
  overflow:hidden;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.ld-card:hover{
  transform: translateY(-7px);
  box-shadow: 0 1.25rem 3rem rgba(0,0,0,.10);
  border-color: rgba(235,33,46,.35);
}

/* Hero card */
.ld-card-hero{
  border-color: rgba(235,33,46,.22);
}
.ld-sheen{
  position:absolute;
  inset:-2px;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.30) 35%, transparent 70%);
  transform: translateX(-140%);
  transition: transform .7s ease;
  pointer-events:none;
}
.ld-card:hover .ld-sheen{ transform: translateX(140%); }

.ld-mark{
  width:52px; height:52px;
  border-radius:16px;
  display:grid; place-items:center;
  background: rgba(33,33,33,.06);
  color:#212121;
  border:1px solid rgba(33,33,33,.12);
  animation: ldSpin 8s linear infinite;
}
@keyframes ldSpin{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}

/* Pills */
.ld-pill-row{ display:flex; gap:.5rem; flex-wrap:wrap; }

.ld-pill{
  font-size:.88rem;
  padding:.4rem .75rem;
  border-radius:999px;
  color:#212121;
  background: rgba(33,33,33,.05);
  border:1px solid rgba(33,33,33,.10);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.ld-pill:hover{
  transform: translateY(-2px);
  border-color: rgba(235,33,46,.35);
  background: rgba(235,33,46,.08);
}

/* Small card icons */
.ld-card-icon{
  width:44px; height:44px;
  border-radius:14px;
  display:grid; place-items:center;
  background: rgba(235,33,46,.10);
  color:#EB212E;
  border:1px solid rgba(235,33,46,.22);
  margin-bottom:.75rem;
}

.ld-glow{
  position:absolute;
  width:190px; height:190px;
  right:-95px; bottom:-95px;
  background: radial-gradient(circle, rgba(235,33,46,.18), transparent 60%);
  border-radius:50%;
  transform: scale(.85);
  transition: transform .35s ease;
  pointer-events:none;
}
.ld-card:hover .ld-glow{ transform: scale(1); }

/* Dark card */
.ld-card-dark{
  background:#212121;
  border-color: rgba(255,255,255,.08);
  box-shadow: 0 1rem 2.5rem rgba(33,33,33,.18);
}
.ld-card-dark:hover{
  transform: translateY(-7px);
  border-color: rgba(235,33,46,.35);
}

/* Spark */
.ld-spark{
  width:14px; height:14px;
  border-radius:50%;
  background:#EB212E;
  box-shadow: 0 0 0 rgba(235,33,46,.35);
  animation: ldPulse 1.5s infinite;
  margin-top:.35rem;
}
@keyframes ldPulse{
  0%{ box-shadow: 0 0 0 0 rgba(235,33,46,.35); }
  70%{ box-shadow: 0 0 0 14px rgba(235,33,46,0); }
  100%{ box-shadow: 0 0 0 0 rgba(235,33,46,0); }
}

/* List */
.ld-list{ list-style:none; padding:0; }
.ld-list li{
  padding:.65rem .75rem;
  border-radius:14px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.88);
  margin-bottom:.6rem;
  transition: transform .2s ease, border-color .2s ease;
}
.ld-list li strong{ color:#fff; }
.ld-list li:hover{
  transform: translateX(4px);
  border-color: rgba(235,33,46,.35);
}

/* Reveal */
.ld-reveal{
  opacity:0;
  transform: translateY(14px);
  animation: ldReveal .85s ease forwards;
  animation-delay: var(--t, 0ms);
}
@keyframes ldReveal{
  to{ opacity:1; transform: translateY(0); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .ld-orb, .ld-lines, .ld-reveal, .ld-mark, .ld-spark{ animation:none !important; }
  .ld-card, .ld-btn-primary, .ld-btn-dark, .ld-pill, .ld-highlight, .ld-arrow{ transition:none !important; }
}

/******Logo pricing table css******/

/* ===== Pricing (bp-) Unique Namespace ===== */
.bp-wrap{ isolation:isolate; }

/* Animated background */
.bp-aura{
  position:absolute;
  width:560px; height:560px;
  border-radius:999px;
  filter: blur(52px);
  opacity:.16;
  z-index:0;
  animation: bpDrift 11s ease-in-out infinite alternate;
}
.bp-aura-red{ top:-260px; left:-260px; background:#EB212E; }
.bp-aura-dark{ bottom:-280px; right:-280px; background:#212121; animation-duration: 13s; }

@keyframes bpDrift{
  0%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(48px,22px) scale(1.05); }
  100%{ transform: translate(-24px,34px) scale(.98); }
}

.bp-grid{
  position:absolute; inset:0;
  background-image:
    linear-gradient(to right, rgba(0,0,0,.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0,0,0,.06) 1px, transparent 1px);
  background-size: 56px 56px;
  opacity:.20;
  z-index:0;
  mask-image: radial-gradient(circle at 30% 30%, rgba(0,0,0,1), transparent 60%);
  -webkit-mask-image: radial-gradient(circle at 30% 30%, rgba(0,0,0,1), transparent 60%);
  animation: bpGridMove 18s linear infinite;
}
@keyframes bpGridMove{
  from{ background-position: 0 0, 0 0; }
  to{ background-position: 220px 0, 0 220px; }
}

/* Title kicker */
.bp-kicker{
  display:inline-block;
  font-weight:800;
  padding:.45rem .9rem;
  border-radius:999px;
  background: rgba(235,33,46,.10);
  border: 1px solid rgba(235,33,46,.35);
  color:#212121;
  margin-bottom: .9rem;
}

/* Card */
.bp-card{
  position:relative;
  z-index:1;
  background:#fff;
  border-radius: 20px;
  padding: 1.25rem;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 .9rem 2.2rem rgba(0,0,0,.06);
  overflow:hidden;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.bp-card:hover{
  transform: translateY(-9px);
  box-shadow: 0 1.5rem 3.2rem rgba(0,0,0,.12);
  border-color: rgba(235,33,46,.40);
}

/* Featured */
.bp-card-featured{
  border-color: rgba(235,33,46,.45);
  box-shadow: 0 1.2rem 3rem rgba(235,33,46,.10);
}
.bp-badge{
  position:absolute;
  top:14px; right:14px;
  background:#EB212E;
  color:#fff;
  font-weight:800;
  font-size:.82rem;
  padding:.4rem .75rem;
  border-radius:999px;
  box-shadow: 0 .9rem 1.8rem rgba(235,33,46,.20);
  animation: bpWiggle 2.6s ease-in-out infinite;
}
@keyframes bpWiggle{
  0%,100%{ transform: rotate(2deg) translateY(0); }
  50%{ transform: rotate(-2deg) translateY(-3px); }
}

/* Top area */
.bp-top{
  display:flex;
  gap:.9rem;
  align-items:flex-start;
  margin-bottom: .85rem;
}
.bp-pack{
  font-weight:800;
  color:#EB212E;
  font-size:.9rem;
  letter-spacing:.2px;
}
.bp-title{
  font-weight:800;
  color:#212121;
  margin:0;
}

.bp-icon{
  width:48px; height:48px;
  border-radius: 16px;
  display:grid; place-items:center;
  background: rgba(33,33,33,.06);
  border: 1px solid rgba(33,33,33,.10);
  color:#212121;
  position:relative;
  overflow:hidden;
}
.bp-icon-red{
  background: rgba(235,33,46,.10);
  border-color: rgba(235,33,46,.22);
  color:#EB212E;
}

/* Icon shimmer (CSS3) */
.bp-icon::after{
  content:"";
  position:absolute; inset:-2px;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.40) 40%, transparent 70%);
  transform: translateX(-120%);
  animation: bpShimmer 3.5s ease-in-out infinite;
}
@keyframes bpShimmer{
  0%{ transform: translateX(-120%); }
  40%{ transform: translateX(120%); }
  100%{ transform: translateX(120%); }
}

/* List */
.bp-list{
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}
.bp-list li{
  position:relative;
  padding: .62rem .25rem .62rem 1.55rem;
  border-bottom: 1px solid rgba(0,0,0,.06);
  color:#212121;
}
.bp-list li:last-child{ border-bottom:0; }

.bp-list li::before{
  content:"";
  position:absolute;
  left:.35rem; top: .95rem;
  width:9px; height:9px;
  border-radius:50%;
  background:#EB212E;
  box-shadow: 0 0 0 6px rgba(235,33,46,.12);
  transform: scale(.85);
  transition: transform .2s ease;
}
.bp-card:hover .bp-list li::before{ transform: scale(1); }

/* Buttons */
.bp-btn-dark{
  background:#212121;
  color:#fff;
  border: 1px solid #212121;
  border-radius: 14px;
  padding: .85rem 1rem;
  font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.bp-btn-dark:hover{
  color:#fff;
  transform: translateY(-2px);
  box-shadow: 0 .9rem 1.8rem rgba(33,33,33,.18);
  opacity:.95;background:#EB212E;
}

.bp-btn-red{
  background:#EB212E;
  color:#fff;
  border: 1px solid #EB212E;
  border-radius: 14px;
  padding: .85rem 1rem;
  font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.bp-btn-red:hover{
  color:#fff;background:#212121;
  transform: translateY(-2px);
  box-shadow: 0 .9rem 1.8rem rgba(235,33,46,.22);
  opacity:.96;
}

.bp-arrow{
  display:inline-block;
  margin-left:.35rem;
  transition: transform .2s ease;
}
.btn:hover .bp-arrow{ transform: translateX(5px); }

/* Sheen on hover */
.bp-sheen{
  position:absolute;
  inset:-2px;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.28) 35%, transparent 70%);
  transform: translateX(-140%);
  transition: transform .75s ease;
  pointer-events:none;
}
.bp-card:hover .bp-sheen{ transform: translateX(140%); }

/* Reveal on load */
.bp-reveal{
  opacity:0;
  transform: translateY(16px) scale(.98);
  animation: bpReveal .85s ease forwards;
  animation-delay: var(--d, 0ms);
}
@keyframes bpReveal{
  to{ opacity:1; transform: translateY(0) scale(1); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .bp-aura, .bp-grid, .bp-icon::after, .bp-badge, .bp-reveal{ animation:none !important; }
  .bp-card, .bp-btn-dark, .bp-btn-red, .bp-sheen, .bp-arrow{ transition:none !important; }
}



/*******************/


/* ===== Unique Namespace gd- | Colors: #EB212E, #212121 ===== */
.gd-wrap{ isolation:isolate; }

/* Background: flowing swooshes + dots (not boxes) */
.gd-swoosh{
  position:absolute;
  width:720px; height:420px;
  border-radius: 999px;
  filter: blur(55px);
  opacity:.14;
  z-index:0;
  transform: rotate(-18deg);
  animation: gdSwoosh 10s ease-in-out infinite alternate;
}
.gd-swoosh-red{ top:-220px; left:-280px; background:#EB212E; }
.gd-swoosh-dark{ bottom:-260px; right:-320px; background:#212121; animation-duration: 12s; }

@keyframes gdSwoosh{
  0%{ transform: translate(0,0) rotate(-18deg) scale(1); }
  50%{ transform: translate(55px,18px) rotate(-14deg) scale(1.05); }
  100%{ transform: translate(-30px,28px) rotate(-20deg) scale(.98); }
}

.gd-dots{
  position:absolute; inset:0;
  background-image: radial-gradient(rgba(33,33,33,.16) 1px, transparent 1px);
  background-size: 18px 18px;
  opacity:.14;
  z-index:0;
  mask-image: radial-gradient(circle at 35% 25%, rgba(0,0,0,1), transparent 60%);
  -webkit-mask-image: radial-gradient(circle at 35% 25%, rgba(0,0,0,1), transparent 60%);
  animation: gdDots 18s linear infinite;
}
@keyframes gdDots{
  from{ background-position: 0 0; }
  to{ background-position: 220px 110px; }
}

/* Header kicker */
.gd-kicker{
  display:inline-block;
  font-weight:700;
  padding:.45rem .9rem;
  border-radius:999px;
  background: rgba(235,33,46,.10);
  border: 1px solid rgba(235,33,46,.35);
  color:#212121;
  margin-bottom: .9rem;
}

/* Copy area (no box card look) */
.gd-copy{
  padding: .25rem 0;
}

/* Points list */
.gd-points{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap: 1rem;
}
.gd-points li{
  display:flex;
  gap:.9rem;
  align-items:flex-start;
  padding: .9rem 1rem;
  border-radius: 18px;
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(33,33,33,.08);
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
  position:relative;
  overflow:hidden;
}
.gd-points li::after{
  content:"";
  position:absolute;
  inset:-2px;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.32) 35%, transparent 70%);
  transform: translateX(-130%);
  transition: transform .7s ease;
  pointer-events:none;
}
.gd-points li:hover{
  transform: translateY(-4px);
  border-color: rgba(235,33,46,.35);
  background: rgba(255,255,255,.85);
}
.gd-points li:hover::after{ transform: translateX(130%); }

.gd-bullet{
  width:12px; height:12px;
  border-radius:50%;
  background:#EB212E;
  box-shadow: 0 0 0 7px rgba(235,33,46,.12);
  flex: 0 0 auto;
  margin-top: .25rem
  animation: gdPulse 1.6s infinite;
}
@keyframes gdPulse{
  0%{ box-shadow: 0 0 0 0 rgba(235,33,46,.25); }
  70%{ box-shadow: 0 0 0 14px rgba(235,33,46,0); }
  100%{ box-shadow: 0 0 0 0 rgba(235,33,46,0); }
}

/* Buttons */
.gd-btn-red{
  background:#EB212E;
  color:#fff;
  border: 1px solid #EB212E;
  border-radius: 14px;
  font-weight:700;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.gd-btn-red:hover{
  color:#fff; background-color: #212121;
  transform: translateY(-2px);
  box-shadow: 0 .9rem 1.8rem rgba(235,33,46,.22);
  opacity:.96;
}
.gd-btn-dark{
  background:#212121;
  color:#fff;
  border: 1px solid #212121;
  border-radius: 14px;
  font-weight:800;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.gd-btn-dark:hover{
  color:#fff; background-color: #EB212E;
  transform: translateY(-2px);
  box-shadow: 0 .9rem 1.8rem rgba(33,33,33,.20);
  opacity:.96;
}
.gd-arrow{
  display:inline-block;
  margin-left:.35rem;
  transition: transform .2s ease;
}
.gd-btn-red:hover .gd-arrow{ transform: translateX(5px); }

/* Pricing "ribbon table" */
.gd-table-wrap{
  padding: 1.1rem 0;
}

.gd-table-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom: 1.1rem;
}
.gd-mini-title{
  font-weight:600;
  color:#212121;
  font-size: 1.15rem;
  letter-spacing: -.2px;
}
.gd-stamp{
  width:76px; height:76px;
  border-radius: 999px;
  display:none;
  place-items:center;
  text-align:center;
  font-weight: 700;
  line-height:1.05;
  color:#fff;
  background: #EB212E;
  box-shadow: 0 1rem 2.2rem rgba(235,33,46,.22);
  transform: rotate(10deg);
  animation: gdStamp 2.8s ease-in-out infinite;
}
@keyframes gdStamp{
  0%,100%{ transform: rotate(10deg) translateY(0); }
  50%{ transform: rotate(6deg) translateY(-4px); }
}

/* Rows */
.gd-row{
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding: 1.05rem 1.1rem;
  border-radius: 22px;
  border: 1px solid rgba(33,33,33,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  margin-bottom: .85rem;
  overflow:hidden;
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.gd-row::before{
  content:"";
  position:absolute;
  left: -40px;
  top: 50%;
  width: 120px;
  height: 120px;
  border-radius: 999px;
  transform: translateY(-50%);
  opacity:.10;
  background:#EB212E;
  filter: blur(2px);
}

.gd-row:hover{
  transform: translateY(-4px);
  border-color: rgba(235,33,46,.35);
  background: rgba(255,255,255,.90);
}

/* different small motion per row */
.gd-row-1{ animation: gdFloatA 5.2s ease-in-out infinite; }
.gd-row-2{ animation: gdFloatB 5.6s ease-in-out infinite; }
.gd-row-3{ animation: gdFloatA 6.0s ease-in-out infinite; }
.gd-row-4{ animation: gdFloatB 6.4s ease-in-out infinite; }

@keyframes gdFloatA{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-3px); }
}
@keyframes gdFloatB{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(3px); }
}

.gd-row-left .gd-tag{
  display:inline-block;
  font-weight:700;
  font-size:16px;
  color:#EB212E;
  margin-bottom:.15rem;
}
.gd-row-left .gd-name{
  font-weight: 700;
  color:#212121;
  font-size: 14px;
  
}
.gd-row-left .gd-meta{
  color:#212121;
  font-size:.92rem;
}

/* Select link */
.gd-link{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  text-decoration:none;
  font-weight:600;
  color:#212121;
  padding: .55rem .85rem;
  border-radius: 999px;
  border: 1px solid rgba(33,33,33,.18);
  background: rgba(33,33,33,.04);
  transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}
.gd-link span{
  display:inline-block;
  transition: transform .2s ease;
}
.gd-link:hover{
  color:#fff;
  background:#EB212E;
  border-color:#EB212E;
  transform: translateY(-1px);
}
.gd-link:hover span{ transform: translateX(4px); }

/* Sheen overlay */
.gd-row-glow{
  position:absolute;
  inset:-2px;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.28) 35%, transparent 70%);
  transform: translateX(-140%);
  transition: transform .75s ease;
  pointer-events:none;
}
.gd-row:hover .gd-row-glow{ transform: translateX(140%); }

/* Reveal */
.gd-reveal{
  opacity:0;
  transform: translateY(14px);
  animation: gdReveal .85s ease forwards;
  animation-delay: var(--d, 0ms);
}
@keyframes gdReveal{
  to{ opacity:1; transform: translateY(0); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .gd-swoosh, .gd-dots, .gd-bullet, .gd-stamp, .gd-row-1, .gd-row-2, .gd-row-3, .gd-row-4, .gd-reveal{
    animation:none !important;
  }
  .gd-points li, .gd-row, .gd-link, .gd-btn-red, .gd-btn-dark, .gd-arrow{
    transition:none !important;
  }
}



/******/


/* ===== Unique namespace re- | Brand colors only (#EB212E, #212121) ===== */
.re-wrap{ isolation:isolate; }

/* Background blobs */
.re-blob{
  position:absolute;
  width:620px; height:620px;
  border-radius: 50%;
  filter: blur(60px);
  opacity:.14;
  z-index:0;
  animation: reFloat 10s ease-in-out infinite alternate;
}
.re-blob-red{ top:-260px; left:-260px; background:#EB212E; }
.re-blob-dark{ bottom:-280px; right:-280px; background:#212121; animation-duration: 12s; }
@keyframes reFloat{
  0%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(55px,20px) scale(1.06); }
  100%{ transform: translate(-28px,32px) scale(.98); }
}

/* Subtle grain */
.re-grain{
  position:absolute; inset:0;
  background-image: radial-gradient(rgba(33,33,33,.06) 1px, transparent 1px);
  background-size: 18px 18px;
  opacity:.18;
  z-index:0;
  mask-image: radial-gradient(circle at 30% 30%, rgba(0,0,0,1), transparent 60%);
  -webkit-mask-image: radial-gradient(circle at 30% 30%, rgba(0,0,0,1), transparent 60%);
}

/* Left collage */
.re-collage{ position:relative; min-height:720px; padding:10px; }
.re-shot{
  position:absolute;
  margin:0;
  border-radius: 26px;
  overflow:hidden;
  transform: translateZ(0);
  box-shadow: 0 1.2rem 3rem rgba(0,0,0,.14);
  border: 5px solid rgba(255,255,255,.85);
}
.re-shot img{
  width:100%; height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1.03);
  transition: transform .65s ease;
  filter: saturate(1.04) contrast(1.02);
}
.re-shot:hover img{ transform: scale(1.10); }
.re-cap{
  position:absolute;
  left:14px; bottom:14px;
  background: rgba(33,33,33,.78);
  color:#fff;
  padding:.45rem .75rem;
  border-radius: 999px;
  font-weight:600;
  font-size:.85rem;
  border: 1px solid rgba(235,33,46,.30);
}
.re-shot-main{ inset: 10px 70px 90px 10px; animation: reBob1 6s ease-in-out infinite; }
@keyframes reBob1{ 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-10px); } }
.re-shot-float{
  width:62%; height:44%;
  right:6px; top:38px;
  border-radius:22px;
  animation: reBob2 6.8s ease-in-out infinite;
}
@keyframes reBob2{ 0%,100%{ transform: translateY(0) rotate(.4deg); } 50%{ transform: translateY(10px) rotate(-.4deg); } }
.re-shot-mini{
  width:45%; height:36%;
  right:18px; bottom:14px;
  border-radius:22px;
  animation: reBob3 7.4s ease-in-out infinite;
}
@keyframes reBob3{ 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-8px); } }

/* Badge */
.re-badge{
  position:absolute;
  left:18px; bottom:18px;
  width:120px; height:120px;
  border-radius: 999px;
  background:#EB212E;
  color:#fff;
  display:grid;
  place-items:center;
  text-align:center;
  font-weight: 700;
  box-shadow: 0 1.2rem 2.6rem rgba(235,33,46,.25);
  transform: rotate(-10deg);
  animation: reWiggle 2.8s ease-in-out infinite;
}
.re-badge-top{ font-size:1.05rem; line-height:1.1; }
.re-badge-sub{ font-size:.85rem; opacity:.92; }
@keyframes reWiggle{
  0%,100%{ transform: rotate(-10deg) translateY(0); }
  50%{ transform: rotate(-6deg) translateY(-4px); }
}

/* Right content */
.re-kicker{
  display:inline-block;
  font-weight:700;
  padding:.45rem .9rem;
  border-radius:999px;
  background: rgba(235,33,46,.10);
  border: 1px solid rgba(235,33,46,.35);
  color:#212121;
  margin-bottom:.9rem;
}
.re-title{
  font-weight:700;
  color:#212121;
  line-height:1.12;
  letter-spacing:-.4px;
  margin-bottom:.9rem;
}
.re-accent{ color:#EB212E; }
.re-text{  }
.re-subtitle{ font-weight:600; color:#212121; }

/* Feature list (hover reveal) */
.re-featurelist{
  display:grid;
  gap: .85rem;
}
.re-feature{
  position:relative;
  display:grid;
  grid-template-columns: 56px 1fr 18px;
  align-items:center;
  gap: 12px;
  padding: .85rem .9rem;
  text-decoration:none;
  border-radius: 18px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(33,33,33,.10);
  overflow:hidden;
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}
.re-feature:hover{
  transform: translateY(-3px);
  border-color: rgba(235,33,46,.35);
  background: rgba(255,255,255,.92);
}

/* Hover sheen */
.re-fx{
  position:absolute;
  inset:-2px;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.32) 35%, transparent 70%);
  transform: translateX(-140%);
  transition: transform .75s ease;
  pointer-events:none;
}
.re-feature:hover .re-fx{ transform: translateX(140%); }

/* Icon bubble */
.re-ico{
  width:56px; height:56px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  color:#EB212E;
  background: radial-gradient(circle at 30% 30%, rgba(235,33,46,.16), rgba(255,255,255,.95));
  border: 1px solid rgba(235,33,46,.25);
  box-shadow: 0 .7rem 1.6rem rgba(0,0,0,.08);
  position:relative;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.re-ico::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius: 999px;
  border: 1px dashed rgba(235,33,46,.55);
  opacity:.0;
  transform: scale(.88);
  transition: opacity .25s ease, transform .25s ease;
}
.re-feature:hover .re-ico{
  transform: translateY(-2px) rotate(-3deg);
  box-shadow: 0 1rem 2.2rem rgba(235,33,46,.16);
  background: radial-gradient(circle at 30% 30%, rgba(235,33,46,.22), rgba(255,255,255,.98));
}
.re-feature:hover .re-ico::after{
  opacity:1;
  transform: scale(1);
  animation: reSpin 6s linear infinite;
}
@keyframes reSpin{
  from{ transform: scale(1) rotate(0deg); }
  to{ transform: scale(1) rotate(360deg); }
}

/* Text */
.re-ftext{ display:block; }
.re-ftitle{
  display:block;
  font-weight:600;
  color:#212121;
  line-height:1.2;
}
.re-fdesc{
  display:block;
  color:#6c757d;
  font-size:.93rem;
  line-height:1.45;
  margin-top: .15rem;
  transform: translateY(6px);
  
  transition: transform .22s ease, opacity .22s ease;
}
.re-feature:hover .re-fdesc{
  transform: translateY(0);
  opacity: 1;
}

/* arrow */
.re-go{
  color:#212121;
  font-weight: 700;
  transform: translateX(-2px);
  transition: transform .22s ease, color .22s ease;
}
.re-feature:hover .re-go{
  transform: translateX(4px);
  color:#EB212E;
}

/* Buttons */
.re-btn{
  border-radius: 14px;
  font-weight:700;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.re-btn-red{ background:#EB212E; border:1px solid #EB212E; color:#fff; }
.re-btn-red:hover{
  color:#fff; transform: translateY(-2px);
  box-shadow: 0 .9rem 1.8rem rgba(235,33,46,.22);
  opacity:.96;background:#212121; 
}
.re-btn-dark{ background:#212121; border:1px solid #212121; color:#fff; }
.re-btn-dark:hover{
  color:#fff; transform: translateY(-2px);
  box-shadow: 0 .9rem 1.8rem rgba(33,33,33,.20);
  opacity:.96; background:#EB212E; 
}
.re-arrow{ display:inline-block; margin-left:.35rem; transition: transform .2s ease; }
.re-btn-red:hover .re-arrow{ transform: translateX(5px); }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .re-blob, .re-shot-main, .re-shot-float, .re-shot-mini, .re-badge{ animation:none !important; }
  .re-shot img, .re-btn, .re-arrow, .re-feature, .re-fx, .re-ico, .re-ico::after, .re-fdesc, .re-go{
    transition:none !important;
    animation:none !important;
  }
}





/*********/

/* ===== Unique namespace em- | Colors: #EB212E, #212121 ===== */
.em-wrap{ isolation:isolate; }

/* Animated background */
.em-orb{
  position:absolute;
  width:620px; height:620px;
  border-radius:999px;
  filter: blur(60px);
  opacity:.14;
  z-index:0;
  animation: emFloat 10s ease-in-out infinite alternate;
}
.em-orb-red{ top:-260px; left:-260px; background:#EB212E; }
.em-orb-dark{ bottom:-280px; right:-280px; background:#212121; animation-duration: 12s; }
@keyframes emFloat{
  0%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(55px,20px) scale(1.06); }
  100%{ transform: translate(-28px,32px) scale(.98); }
}

.em-lines{
  position:absolute; inset:0;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(235,33,46,.10) 0px,
      rgba(235,33,46,.10) 1px,
      transparent 1px,
      transparent 14px
    );
  opacity:.22;
  z-index:0;
  mask-image: radial-gradient(circle at 30% 30%, rgba(0,0,0,1), transparent 60%);
  -webkit-mask-image: radial-gradient(circle at 30% 30%, rgba(0,0,0,1), transparent 60%);
  animation: emSlide 14s linear infinite;
}
@keyframes emSlide{
  from{ background-position: 0 0; }
  to{ background-position: 160px 0; }
}

/* Visual area */
.em-visual{
  position:relative;
  min-height: 620px;
  padding: 10px;
}
.em-shot{
  position:absolute;
  margin:0;
  border-radius: 26px;
  overflow:hidden;
  box-shadow: 0 1.2rem 3rem rgba(0,0,0,.14);
  border: 1px solid rgba(255,255,255,.45);
}
.em-shot img{
  width:100%; height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1.03);
  transition: transform .65s ease;
  filter: saturate(1.04) contrast(1.02);
}
.em-shot:hover img{ transform: scale(1.10); }

.em-shot-main{
  inset: 10px 70px 90px 10px;
  animation: emBob1 6.2s ease-in-out infinite;
}
@keyframes emBob1{ 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-10px); } }

.em-shot-float{
  width: 62%;
  height: 44%;
  right: 6px;
  top: 38px;
  border-radius: 22px;
  animation: emBob2 6.8s ease-in-out infinite;
}
@keyframes emBob2{ 0%,100%{ transform: translateY(0) rotate(.4deg); } 50%{ transform: translateY(10px) rotate(-.4deg); } }

.em-cap{
  position:absolute;
  left:14px; bottom:14px;
  background: rgba(33,33,33,.78);
  color:#fff;
  padding: .45rem .75rem;
  border-radius: 999px;
  font-weight:600;
  font-size:.85rem;
  border: 1px solid rgba(235,33,46,.30);
}

/* stamp */
.em-stamp{
  position:absolute;
  left: 18px;
  bottom: 18px;
  width: 126px;
  height: 126px;
  border-radius: 999px;
  background: #EB212E;
  color:#fff;
  display:grid;
  place-items:center;
  text-align:center;
  font-weight: 700;
  box-shadow: 0 1.2rem 2.6rem rgba(235,33,46,.25);
  transform: rotate(-10deg);
  animation: emWiggle 2.8s ease-in-out infinite;
}
.em-stamp-top{ font-size: 1.05rem; line-height: 1.05; }
.em-stamp-sub{ font-size: .85rem; opacity:.92; }
@keyframes emWiggle{
  0%,100%{ transform: rotate(-10deg) translateY(0); }
  50%{ transform: rotate(-6deg) translateY(-4px); }
}

/* KPIs */
.em-kpis{
  position:absolute;
  right: 10px;
  bottom: 14px;
  display:flex;
  gap: 10px;
}
.em-kpi{
  width: 88px;
  height: 66px;
  border-radius: 18px;
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(33,33,33,.10);
  box-shadow: 0 .9rem 2rem rgba(0,0,0,.10);
  display:grid;
  place-items:center;
  text-align:center;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  animation: emKpi 6.2s ease-in-out infinite;
}
.em-kpi:nth-child(2){ animation-duration: 6.8s; }
.em-kpi:nth-child(3){ animation-duration: 7.4s; }
@keyframes emKpi{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-6px); }
}
.em-kpi-n{
  font-weight: 700;
  color:#212121;
  line-height:1.05;
}
.em-kpi-t{
  font-size:.82rem;
  color:#6c757d;
  margin-top: 2px;
}

/* Text block */
.em-kicker{
  display:inline-block;
  font-weight:700;
  padding:.45rem .9rem;
  border-radius:999px;
  background: rgba(235,33,46,.10);
  border: 1px solid rgba(235,33,46,.35);
  color:#212121;
  margin-bottom: .9rem;
}
.em-title{
  font-weight:700;
  color:#212121;
  line-height:1.3;
  letter-spacing:-.4px;
  margin-bottom:.9rem;
}
.em-accent{ color:#EB212E; }
.em-text{  line-height:1.65; }

/* Service rail *




/* ===== Unique namespace ep- | Colors: #EB212E, #212121 ===== */
.ep-wrap{ isolation:isolate; }

/* Background */
.ep-orb{
  position:absolute;
  width:620px; height:620px;
  border-radius:999px;
  filter: blur(60px);
  opacity:.14;
  z-index:0;
  animation: epFloat 10s ease-in-out infinite alternate;
}
.ep-orb-red{ top:-260px; left:-260px; background:#EB212E; }
.ep-orb-dark{ bottom:-280px; right:-280px; background:#212121; animation-duration:12s; }
@keyframes epFloat{
  0%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(55px,20px) scale(1.06); }
  100%{ transform: translate(-28px,32px) scale(.98); }
}
.ep-lines{
  position:absolute; inset:0;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(235,33,46,.10) 0px,
      rgba(235,33,46,.10) 1px,
      transparent 1px,
      transparent 14px
    );
  opacity:.18;
  z-index:0;
  mask-image: radial-gradient(circle at 30% 30%, rgba(0,0,0,1), transparent 60%);
  -webkit-mask-image: radial-gradient(circle at 30% 30%, rgba(0,0,0,1), transparent 60%);
  animation: epSlide 14s linear infinite;
}
@keyframes epSlide{
  from{ background-position: 0 0; }
  to{ background-position: 160px 0; }
}

/* Title kicker */
.ep-kicker{
  display:inline-block;
  font-weight:700;
  padding:.45rem .9rem;
  border-radius:999px;
  background: rgba(235,33,46,.10);
  border: 1px solid rgba(235,33,46,.35);
  color:#212121;
  margin-bottom:.9rem;
}

/* Plan block (animated) */
.ep-plan{
  position:relative;
  z-index:1;
  height:100%;
  border-radius: 26px;
  padding: 1.25rem 1.2rem;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(33,33,33,.10);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  overflow:hidden;
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.ep-plan:hover{
  transform: translateY(-10px);
  border-color: rgba(235,33,46,.35);
  box-shadow: 0 1.4rem 3.2rem rgba(0,0,0,.12);
}

/* Featured plan */
.ep-plan-featured{
  border-color: rgba(235,33,46,.42);
  box-shadow: 0 1.2rem 3rem rgba(235,33,46,.12);
}
.ep-feature-tag{
  position:absolute;
  top:14px; right:14px;
  background:#EB212E;
  color:#fff;
  font-weight: 700;
  font-size:.82rem;
  padding:.4rem .75rem;
  border-radius:999px;
  box-shadow: 0 .9rem 1.8rem rgba(235,33,46,.20);
  animation: epWiggle 2.6s ease-in-out infinite;
}
@keyframes epWiggle{
  0%,100%{ transform: rotate(2deg) translateY(0); }
  50%{ transform: rotate(-2deg) translateY(-3px); }
}

/* Dark plan (Pro) */
.ep-plan-dark{
  background: rgba(33,33,33,.92);
  border-color: rgba(255,255,255,.10);
}

/* Header */
.ep-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom: 1rem;
}
.ep-tier{
  font-weight:  700;
  color:#212121;
  font-size: 1.05rem;
  letter-spacing: .2px;
}
.ep-badge{
  font-weight:  700;
  font-size: .78rem;
  padding:.35rem .65rem;
  border-radius:999px;
  color:#212121;
  background: rgba(33,33,33,.06);
  border: 1px solid rgba(33,33,33,.12);
}
.ep-badge-red{
  background: rgba(235,33,46,.10);
  border-color: rgba(235,33,46,.35);
  color:#212121;
}
.ep-badge-outline{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.18);
  color: rgba(255,255,255,.92);
}

/* Price */
.ep-price{
  display:flex;
  align-items:flex-end;
  gap:.35rem;
  line-height:1;
  margin-bottom: .25rem;
}
.ep-currency{
  font-weight:  700;
  color:#212121;
}
.ep-amount{
  font-weight:  700;
  font-size: 2.1rem;
  color:#212121;
  letter-spacing: -.6px;
}
.ep-price-light .ep-currency,
.ep-price-light .ep-amount{ color:#fff; }

.ep-meta{
  color:#6c757d;
  font-weight:700;
  margin-bottom: 1rem;
}
.ep-meta-light{ color: rgba(255,255,255,.75); }

/* Divider */
.ep-divider{
  height:1px;
  background: rgba(33,33,33,.10);
  margin: .95rem 0 1rem;
}
.ep-divider-light{ background: rgba(255,255,255,.14); }

/* List */
.ep-list{
  list-style:none;
  padding:0;
  margin: 0 0 1.05rem;
  display:grid;
  gap:.7rem;
}
.ep-list li{
  display:flex;
  align-items:flex-start;
  gap:.55rem;
  color:#212121;
}
.ep-list strong{ font-weight: 700; }

.ep-dot{
  width:10px; height:10px;
  border-radius:50%;
  background:#EB212E;
  box-shadow: 0 0 0 7px rgba(235,33,46,.12);
  margin-top:.35rem;
  flex: 0 0 auto;
  animation: epPulse 1.6s infinite;
}
@keyframes epPulse{
  0%{ box-shadow: 0 0 0 0 rgba(235,33,46,.25); }
  70%{ box-shadow: 0 0 0 14px rgba(235,33,46,0); }
  100%{ box-shadow: 0 0 0 0 rgba(235,33,46,0); }
}
.ep-list-light li{ color: rgba(255,255,255,.90); }
.ep-dot-light{
  background:#EB212E;
  box-shadow: 0 0 0 7px rgba(235,33,46,.18);
}

/* Buttons */
.ep-btn{
  border-radius: 14px;
  font-weight:  700;
  padding: .85rem 1rem;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.ep-btn-red{
  background:#EB212E;
  border:1px solid #EB212E;
  color:#fff;
}
.ep-btn-red:hover{
  color:#fff; background:#212121;
  transform: translateY(-2px);
  box-shadow: 0 .95rem 1.9rem rgba(235,33,46,.22);
  opacity:.96;
}
.ep-btn-dark{
  background:#212121;
  border:1px solid #212121;
  color:#fff;
}
.ep-btn-dark:hover{
  color:#fff;background:#EB212E;
  transform: translateY(-2px);
  box-shadow: 0 .95rem 1.9rem rgba(33,33,33,.20);
  opacity:.96;
}
.ep-arrow{
  display:inline-block;
  margin-left:.35rem;
  transition: transform .2s ease;
}
.ep-btn:hover .ep-arrow{ transform: translateX(5px); }

/* Sheen + glow */
.ep-sheen{
  position:absolute;
  inset:-2px;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.28) 35%, transparent 70%);
  transform: translateX(-140%);
  transition: transform .75s ease;
  pointer-events:none;
}
.ep-plan:hover .ep-sheen{ transform: translateX(140%); }

.ep-glow{
  position:absolute;
  width:220px; height:220px;
  right:-110px; bottom:-110px;
  background: radial-gradient(circle, rgba(235,33,46,.18), transparent 60%);
  border-radius:50%;
  transform: scale(.85);
  transition: transform .35s ease;
  pointer-events:none;
}
.ep-plan:hover .ep-glow{ transform: scale(1); }

/* Reveal */
.ep-reveal{
  opacity:0;
  transform: translateY(16px) scale(.985);
  animation: epReveal .85s ease forwards;
  animation-delay: var(--d, 0ms);
}
@keyframes epReveal{
  to{ opacity:1; transform: translateY(0) scale(1); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .ep-orb, .ep-lines, .ep-dot, .ep-feature-tag, .ep-reveal{ animation:none !important; }
  .ep-plan, .ep-btn, .ep-arrow, .ep-sheen, .ep-glow{ transition:none !important; }
}





/* ===== Unique namespace ma3- | Colors: #EB212E, #212121 ===== */
.ma3-wrap{
  background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%);
  isolation:isolate;
}

/* background ribbons */
.ma3-ribbon{
  position:absolute;
  width:820px; height:820px;
  border-radius: 60px;
  filter: blur(40px);
  opacity:.12;
  z-index:0;
  transform: rotate(18deg);
  animation: ma3Drift 10.5s ease-in-out infinite alternate;
}
.ma3-ribbon-red{ top:-420px; left:-360px; background:#EB212E; }
.ma3-ribbon-dark{ bottom:-460px; right:-380px; background:#212121; animation-duration: 12.5s; }
@keyframes ma3Drift{
  0%{ transform: rotate(18deg) translate(0,0) scale(1); }
  100%{ transform: rotate(18deg) translate(60px,30px) scale(1.04); }
}

/* dotted overlay */
.ma3-dots{
  position:absolute; inset:0;
  background-image: radial-gradient(rgba(33,33,33,.12) 1px, transparent 1px);
  background-size: 18px 18px;
  opacity:.10;
  z-index:0;
  mask-image: radial-gradient(circle at 30% 30%, rgba(0,0,0,1), transparent 62%);
  -webkit-mask-image: radial-gradient(circle at 30% 30%, rgba(0,0,0,1), transparent 62%);
}

/* kicker / title */
.ma3-kicker{
  display:inline-block;
  font-weight:600;
  padding:.45rem .95rem;
  border-radius:999px;
  background: rgba(235,33,46,.10);
  border:1px solid rgba(235,33,46,.35);
  color:#212121;
  margin-bottom:.9rem;
}
.ma3-title{
  font-weight:700;
  color:#212121;
  letter-spacing:-.6px;
  line-height:1.12;
  margin-bottom:.9rem;
}
.ma3-accent{ color:#EB212E; }


/* Poster */
.ma3-poster{
  position:relative;
  border-radius: 28px;
  padding: 1rem;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(33,33,33,.10);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 1.4rem 3.6rem rgba(0,0,0,.12);
  overflow:hidden;
}
.ma3-poster::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.34) 35%, transparent 70%);
  transform: translateX(-140%);
  transition: transform .85s ease;
  pointer-events:none;
}
.ma3-poster:hover::before{ transform: translateX(140%); }

.ma3-poster-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: .9rem;
}
.ma3-store{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:#212121;
}
.ma3-store-dot{
  width:10px; height:10px;
  border-radius:50%;
  background:#EB212E;
  box-shadow: 0 0 0 8px rgba(235,33,46,.14);
  animation: ma3Pulse 1.6s infinite;
}
@keyframes ma3Pulse{
  0%{ box-shadow: 0 0 0 0 rgba(235,33,46,.28); }
  70%{ box-shadow: 0 0 0 14px rgba(235,33,46,0); }
  100%{ box-shadow: 0 0 0 0 rgba(235,33,46,0); }
}

.ma3-rating{
  display:flex;
  align-items:center;
  gap: 4px;
  font-weight: 700;
  color:#212121;
}
.ma3-star{ color:#EB212E; }
.ma3-star-dim{ color: rgba(235,33,46,.35); }
.ma3-rating-txt{ margin-left:6px; color:#212121; }

.ma3-cover{
  position:relative;
  border-radius: 24px;
  overflow:hidden;
  border: 1px solid rgba(33,33,33,.10);
  box-shadow: 0 1.2rem 3rem rgba(0,0,0,.12);
  transform: translateZ(0);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.ma3-cover img{
  width:100%; height: 330px;
  object-fit: cover;
  display:block;
  transform: scale(1.05);
  transition: transform .75s ease, filter .75s ease;
  filter: saturate(1.05) contrast(1.02);
}
.ma3-gloss{
  position:absolute;
  inset:-20%;
  background: radial-gradient(circle at 20% 30%, rgba(255,255,255,.26), transparent 55%);
  opacity:.9;
  pointer-events:none;
}
.ma3-poster:hover .ma3-cover{
  transform: translateY(-8px);
  border-color: rgba(235,33,46,.35);
  box-shadow: 0 1.7rem 3.9rem rgba(0,0,0,.16);
}
.ma3-poster:hover .ma3-cover img{ transform: scale(1.12); filter: saturate(1.12) contrast(1.05); }

.ma3-poster-mid{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-top: 1rem;
}
.ma3-appicon{
  width:58px; height:58px;
  border-radius: 18px;
  overflow:hidden;
  border: 1px solid rgba(235,33,46,.22);
  box-shadow: 0 .9rem 1.8rem rgba(0,0,0,.10);
  flex: 0 0 auto;
}
.ma3-appicon img{ width:100%; height:100%; object-fit: cover; display:block; }

.ma3-appname{ font-weight: 700; color:#212121; line-height:1.2; }
.ma3-appmeta{ color:#6c757d; font-size:.92rem; margin-top:2px; }

.ma3-get{
  margin-left:auto;
  text-decoration:none;
  font-weight: 700;
  color:#fff;
  background:#EB212E;
  border: 1px solid #EB212E;
  padding: .55rem .95rem;
  border-radius: 999px;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.ma3-get:hover{
  color:#fff;
  transform: translateY(-2px);
  box-shadow: 0 .9rem 1.8rem rgba(235,33,46,.22);
  opacity:.96;
}

.ma3-poster-btm{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  margin-top: 1rem;
}
.ma3-pill{
  font-weight: 700;
  font-size:.85rem;
  padding:.45rem .75rem;
  border-radius: 999px;
  color:#212121;
  background: rgba(33,33,33,.06);
  border: 1px solid rgba(33,33,33,.10);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.ma3-pill:hover{
  transform: translateY(-2px);
  border-color: rgba(235,33,46,.35);
  background: rgba(235,33,46,.08);
}

/* Tiles */
.ma3-tile{
  position:relative;
  border-radius: 22px;
  padding: 1rem;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(33,33,33,.10);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  overflow:hidden;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
  height: 100%;
}
.ma3-tile:hover{
  transform: translateY(-6px);
  border-color: rgba(235,33,46,.35);
  box-shadow: 0 1.3rem 3rem rgba(0,0,0,.12);
}
.ma3-tile-ico{
  width:54px; height:54px;
  border-radius: 18px;
  display:grid; place-items:center;
  color:#212121;
  background: rgba(235,33,46,.10);
  border: 1px solid rgba(235,33,46,.22);
  margin-bottom: .75rem;
  transition: transform .22s ease;
}
.ma3-tile:hover .ma3-tile-ico{ transform: rotate(-6deg) translateY(-2px); }
.ma3-tile-t{ font-weight:700; color:#212121; }
.ma3-tile-d{ color:#212121; font-size:.93rem; margin-top:.2rem; line-height:1.55; }

.ma3-tile-fx{
  position:absolute; inset:-2px;
  background: linear-gradient(115deg, transparent 0%, rgba(235,33,46,.08) 35%, transparent 70%);
  transform: translateX(-140%);
  transition: transform .8s ease;
  pointer-events:none;
}
.ma3-tile:hover .ma3-tile-fx{ transform: translateX(140%); }

/* Buttons */
.ma3-btn{
  border-radius: 14px;
  font-weight: 700;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.ma3-btn-red{ background:#EB212E; border:1px solid #EB212E; color:#fff; }
.ma3-btn-red:hover{
  color:#fff; transform: translateY(-2px);
  box-shadow: 0 .95rem 1.9rem rgba(235,33,46,.22);
  opacity:.96; background:#212121;
}
.ma3-btn-dark{ background:#212121; border:1px solid #212121; color:#fff; }
.ma3-btn-dark:hover{  background:#EB212E;
  color:#fff; transform: translateY(-2px);
  box-shadow: 0 .95rem 1.9rem rgba(33,33,33,.20);
  opacity:.96;
}
.ma3-arrow{ display:inline-block; margin-left:.35rem; transition: transform .2s ease; }
.ma3-btn-red:hover .ma3-arrow{ transform: translateX(5px); }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .ma3-ribbon, .ma3-store-dot{ animation:none !important; }
  .ma3-cover, .ma3-cover img, .ma3-poster::before, .ma3-pill, .ma3-tile, .ma3-tile-ico, .ma3-tile-fx, .ma3-btn, .ma3-arrow, .ma3-get{
    transition:none !important;
  }
}



/* ===== Unique namespace mpc- | Colors: #EB212E, #212121 ===== */
.mpc-wrap{ isolation:isolate; }

/* background */
.mpc-orb{
  position:absolute;
  width:640px; height:640px;
  border-radius:999px;
  filter: blur(62px);
  opacity:.14;
  z-index:0;
  animation: mpcFloat 10s ease-in-out infinite alternate;
}
.mpc-orb-red{ top:-280px; left:-280px; background:#EB212E; }
.mpc-orb-dark{ bottom:-300px; right:-300px; background:#212121; animation-duration:12s; }
@keyframes mpcFloat{
  0%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(55px,18px) scale(1.06); }
  100%{ transform: translate(-30px,32px) scale(.98); }
}
.mpc-scan{
  position:absolute; inset:0;
  background: linear-gradient(90deg, transparent, rgba(235,33,46,.10), transparent);
  width: 45%;
  transform: translateX(-140%);
  animation: mpcScan 6.5s linear infinite;
  opacity:.22;
  z-index:0;
}
@keyframes mpcScan{
  0%{ transform: translateX(-140%); }
  100%{ transform: translateX(260%); }
}

/* heading kicker */
.mpc-kicker{
  display:inline-block;
  font-weight:700;
  padding:.45rem .95rem;
  border-radius:999px;
  background: rgba(235,33,46,.10);
  border:1px solid rgba(235,33,46,.35);
  color:#212121;
  margin-bottom:.9rem;
}

/* card */
.mpc-step{
  position:relative;
  height:100%;
  border-radius: 26px;
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(33,33,33,.10);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  overflow:hidden;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.mpc-step:hover{
  transform: translateY(-10px);
  border-color: rgba(235,33,46,.35);
  box-shadow: 0 1.5rem 3.4rem rgba(0,0,0,.12);
}
.mpc-step-featured{
  border-color: rgba(235,33,46,.40);
  box-shadow: 0 1.2rem 3rem rgba(235,33,46,.10);
}

/* image */
.mpc-media{
  position:relative;
  height: 190px;
  overflow:hidden;
}
.mpc-media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1.05);
  transition: transform .75s ease, filter .75s ease;
  filter: saturate(1.05) contrast(1.02);
}
.mpc-step:hover .mpc-media img{
  transform: scale(1.14);
  filter: saturate(1.12) contrast(1.05);
}

/* top overlay */
.mpc-top{
  position:absolute;
  inset: 14px 14px auto 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}
.mpc-no{
  width: 44px; height: 44px;
  border-radius: 16px;
  display:grid; place-items:center;
  font-weight: 700;
  color:#212121;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(33,33,33,.10);
  box-shadow: 0 .9rem 1.8rem rgba(0,0,0,.12);
}
.mpc-chip{
  font-weight: 700;
  font-size:.82rem;
  padding:.4rem .75rem;
  border-radius:999px;
  color:#212121;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(33,33,33,.10);
  box-shadow: 0 .9rem 1.8rem rgba(0,0,0,.10);
}
.mpc-chip-red{
  color:#fff;
  background:#EB212E;
  border-color:#EB212E;
}

/* body */
.mpc-body{
  padding: 1rem 1.1rem 1.15rem;
}
.mpc-title{
  font-weight: 600;
  color:#212121;
  font-size: 1.05rem;
  margin-bottom: .45rem;
}
.mpc-text{
  color:#212121;
  line-height:1.65;
  margin-bottom: .85rem;
}

/* bullet list */
.mpc-points{
  list-style:none;
  padding:0;
  margin: 0 0 .95rem;
  display:grid;
  gap: .55rem;
}
.mpc-points li{
  display:flex;
  gap:.55rem;
  align-items:flex-start;
  color:#212121;
}
.mpc-dot{
  width:10px; height:10px;
  border-radius:50%;
  background:#EB212E;
  box-shadow: 0 0 0 7px rgba(235,33,46,.12);
  margin-top:.35rem;
  flex: 0 0 auto;
  animation: mpcPulse 1.6s infinite;
}
@keyframes mpcPulse{
  0%{ box-shadow: 0 0 0 0 rgba(235,33,46,.26); }
  70%{ box-shadow: 0 0 0 14px rgba(235,33,46,0); }
  100%{ box-shadow: 0 0 0 0 rgba(235,33,46,0); }
}

/* sheen + glow */
.mpc-sheen{
  position:absolute;
  inset:-2px;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.30) 35%, transparent 70%);
  transform: translateX(-140%);
  transition: transform .85s ease;
  pointer-events:none;
}
.mpc-step:hover .mpc-sheen{ transform: translateX(140%); }

.mpc-glow{
  position:absolute;
  width:220px; height:220px;
  right:-110px; bottom:-110px;
  background: radial-gradient(circle, rgba(235,33,46,.18), transparent 60%);
  border-radius:50%;
  transform: scale(.85);
  transition: transform .35s ease;
  pointer-events:none;
}
.mpc-step:hover .mpc-glow{ transform: scale(1); }

/* button */
.mpc-btn{
  border-radius: 14px;
  font-weight: 700;
  padding: .85rem 1rem;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.mpc-btn-red{
  background:#EB212E;
  border:1px solid #EB212E;
  color:#fff;
}
.mpc-btn-red:hover{
  color:#fff; background: #212121;
  transform: translateY(-2px);
  box-shadow: 0 .95rem 1.9rem rgba(235,33,46,.22);
  opacity:.96;
}
.mpc-arrow{ display:inline-block; margin-left:.35rem; transition: transform .2s ease; }
.mpc-btn-red:hover .mpc-arrow{ transform: translateX(5px); }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .mpc-orb, .mpc-scan, .mpc-dot{ animation:none !important; }
  .mpc-step, .mpc-media img, .mpc-sheen, .mpc-glow, .mpc-btn, .mpc-arrow{ transition:none !important; }
}



@media ( max-width: 992px ){

  .footmiddle { flex-direction: column-reverse; }
  .services-sec #v-pills-tab .nav-link, .services-sec #v-pills-tab .nav-link span{ font-size: 24px;}

  .blog-inwrap {
  height: auto;
  overflow: visible  ;  
  flex-direction: column;
}
.hover-blog-wrap:hover .blog-inwrap, .hover-blog-wrap:hover .blog-inwrap .bfigure {
  height: auto;
}

.section-title h2{ font-size: 32px;}

.copy-foot{ flex-direction: column;}


.off-plan .card-content {
  background: #000;
}

 .clients-wrap .off-plan .swiper-slide { height: auto!important; text-align: center;}

.off-plan .card-content img{ width: auto!important;}

}


/****Web Developemnt****/

.industry-animated {
  background: #f7f7f7;
}

/* Titles */
.section-title {
  font-size: 38px;
  font-weight: 700;
  color: #212121;
}

.section-subtitle {
  font-size: 16px;
  color: #666;
}

/* Industry Card */
.industry-box {
  position: relative;
  background: #ffffff;
  padding: 40px 30px;
  border-radius: 16px;
  text-align: center;
  overflow: hidden;
  height: 100%;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.industry-box:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 45px rgba(0,0,0,0.15);
}

/* Animated Border Sweep */
.industry-box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  border: 2px solid transparent;
  background: linear-gradient(120deg, #EB212E, #212121, #EB212E) border-box;
  -webkit-mask:
    linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.industry-box:hover::before {
  opacity: 1;
}

/* Floating Ring Animation */
.ring {
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(235,33,46,0.15), transparent 70%);
  top: -50px;
  right: -50px;
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(12px); }
}

/* Icon */
.icon-wrap {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #fff;
  transition: transform 0.4s ease;
}

.icon-wrap.red {
  background: #EB212E;
}

.icon-wrap.dark {
  background: #212121;
}

/* Icon Pulse + Rotate */
.industry-box:hover .icon-wrap {
  animation: pulseRotate 0.8s ease forwards;
}

@keyframes pulseRotate {
  0%   { transform: scale(1) rotate(0); }
  50%  { transform: scale(1.15) rotate(8deg); }
  100% { transform: scale(1) rotate(0); }
}

/* Text */
.industry-box h5 {
  font-weight: 600;
  margin-bottom: 10px;
  color: #212121;
}

.industry-box p {
  font-size: 15px;
  color: #212121;
}





.rs-why-v2{
  background: linear-gradient(180deg,#ffffff 0%, #f7f7f7 100%);
  overflow:hidden;
}

/* Heading */
.rs-v2-kicker{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  background: rgba(235,33,46,.10);
  color:#EB212E;
  font-weight:700;
  font-size:13px;
  letter-spacing:.3px;
}
.rs-v2-title{
  margin-top:12px;
  color:#212121;
  font-weight:850;
  font-size: clamp(26px, 3vw, 42px);
  line-height:1.12;
}
.rs-v2-red{ color:#EB212E; }
.rs-v2-sub{ margin:10px 0 0; color:#555; max-width:680px; }

/* LEFT floating tiles */
.rs-v2-float{ position:relative; min-height: 440px; }
.rs-v2-tile{
  position:absolute;
  width: 92%;
  max-width: 360px;
  background:#fff;
  border:1px solid #eee;
  border-radius:18px;
  padding:16px 16px;
  box-shadow: 0 18px 44px rgba(0,0,0,.12);
  display:flex;
  gap:12px;
  align-items:center;
  overflow:hidden;
}
.rs-v2-tile::after{
  content:"";
  position:absolute;
  inset:-40px;
  background: radial-gradient(circle, rgba(235,33,46,.14), transparent 60%);
  transform: rotate(15deg);
  opacity:0;
  transition: opacity .35s ease;
}
.rs-v2-tile:hover::after{ opacity:1; }
.rs-v2-tile h6{ margin:0; font-weight:800; color:#212121; }
.rs-v2-tile p{ margin:4px 0 0; color:#212121; font-size:13px; }

.rs-v2-badge{
  width:52px; height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  flex:0 0 auto;
  position:relative;
  z-index:2;
}
.rs-v2-badge.red{ background:#EB212E; }
.rs-v2-badge.dark{ background:#212121; }

.rs-v2-txt{ position:relative; z-index:2; }

.t1{ left:0; top:30px;  animation: v2Float1 6s ease-in-out infinite; }
.t2{ left:6%; top:170px; animation: v2Float2 7s ease-in-out infinite; }
.t3{ left:2%; bottom:30px; animation: v2Float3 6.5s ease-in-out infinite; }

@keyframes v2Float1{ 0%,100%{ transform: translateY(0) rotate(-1deg);} 50%{ transform: translateY(-14px) rotate(1deg);} }
@keyframes v2Float2{ 0%,100%{ transform: translateY(0) rotate(1deg);} 50%{ transform: translateY(-18px) rotate(-1deg);} }
@keyframes v2Float3{ 0%,100%{ transform: translateY(0);} 50%{ transform: translateY(-12px);} }

/* Decorative glows */
.rs-v2-glow{
  position:absolute;
  width:240px; height:240px;
  border-radius:50%;
  filter: blur(0px);
  opacity:.25;
  pointer-events:none;
}
.rs-v2-glow.red{
  background: radial-gradient(circle, rgba(235,33,46,.9), rgba(235,33,46,0) 65%);
  right:-40px; top:30px;
  animation: v2Glow 8s ease-in-out infinite;
}
.rs-v2-glow.dark{
  background: radial-gradient(circle, rgba(33,33,33,.9), rgba(33,33,33,0) 65%);
  left:-60px; bottom:0;
  animation: v2Glow 10s ease-in-out infinite reverse;
}
@keyframes v2Glow{
  0%,100%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(12px,-10px) scale(1.06); }
}

/* Timeline */
.rs-v2-timeline{
  position:relative;
  padding-left: 18px;
}
.rs-v2-timeline::before{
  content:"";
  position:absolute;
  left:7px;
  top:0;
  bottom:0;
  width:2px;
  background: linear-gradient(#EB212E, rgba(33,33,33,.15));
  opacity:.55;
}
.rs-v2-item{
  position:relative;
  padding-left: 18px;
  margin-bottom: 14px;
}
.rs-v2-dot{
  position:absolute;
  left:-1px;
  top:20px;
  width:16px;
  height:16px;
  border-radius:50%;
  border:3px solid #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}
.rs-v2-dot.red{ background:#EB212E; }
.rs-v2-dot.dark{ background:#212121; }

.rs-v2-card{
  background:#fff;
  border:1px solid #eee;
  border-radius:16px;
  padding:16px 16px;
  display:flex;
  gap:14px;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.rs-v2-card:hover{
  transform: translateY(-6px);
  border-color: rgba(235,33,46,.35);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}
.rs-v2-card h5{
  margin:0 0 6px;
  font-size:16px;
  font-weight:850;
  color:#212121;
}
.rs-v2-card p{ margin:0; color:#666; font-size:14px; line-height:1.45; }

.rs-v2-card-ico{
  width:46px; height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  flex:0 0 auto;
}
.rs-v2-card-ico.red{ background:#EB212E; }
.rs-v2-card-ico.dark{ background:#212121; }

.rs-v2-ico{ width:24px; height:24px; display:block; }

/* SVG animations (run on hover of card) */
.rs-v2-card:hover .rs-v2-anim-pop{ animation: v2Pop .7s ease both; transform-origin:center; }
.rs-v2-card:hover .rs-v2-anim-rotate{ animation: v2Rotate .9s ease both; transform-origin:center; }
.rs-v2-card:hover .rs-v2-anim-pulse{ animation: v2Pulse .9s ease both; transform-origin:center; }
.rs-v2-card:hover .rs-v2-anim-spin{ animation: v2Spin .8s ease both; transform-origin:center; }

.rs-v2-dash{
  stroke-dasharray: 110;
  stroke-dashoffset: 110;
}
.rs-v2-card:hover .rs-v2-anim-draw .rs-v2-dash{
  animation: v2Draw 1s ease forwards;
}

@keyframes v2Pop{
  0%{ transform: scale(1); }
  55%{ transform: scale(1.14); }
  100%{ transform: scale(1); }
}
@keyframes v2Rotate{
  0%{ transform: rotate(0) scale(1); }
  60%{ transform: rotate(12deg) scale(1.08); }
  100%{ transform: rotate(0) scale(1); }
}
@keyframes v2Pulse{
  0%{ transform: scale(1); }
  50%{ transform: scale(1.12); }
  100%{ transform: scale(1); }
}
@keyframes v2Spin{
  0%{ transform: rotate(0) scale(1); }
  100%{ transform: rotate(180deg) scale(1.05); }
}
@keyframes v2Draw{ to{ stroke-dashoffset: 0; } }

/* Buttons */
.rs-v2-btn{
  background:#EB212E;
  border-color:#EB212E;
  color:#fff;
  padding:12px 18px;
  border-radius:12px;
  font-weight:700;
  transition: transform .25s ease, box-shadow .25s ease;
}
.rs-v2-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(235,33,46,.25);
  color:#fff;
}
.rs-v2-btn-outline{
  border-radius:12px;
  padding:12px 18px;
  font-weight:700;
}

/* Responsive */
@media (max-width: 991px){
  .rs-v2-float{ min-height: 360px; }
  .rs-v2-tile{ max-width: 100%; }
  .t2{ left:0; }
}



/* 1) Make the icon visible by default */
.rs-v2-dash{
  stroke-dasharray: 110;
  stroke-dashoffset: 0;   /* visible default */
}

/* 2) On hover, re-run the draw animation (fake redraw) */
.rs-v2-card:hover .rs-v2-anim-draw .rs-v2-dash{
  stroke-dashoffset: 110;              /* reset on hover */
  animation: v2DrawVisible 0.9s ease forwards;
}

@keyframes v2DrawVisible{
  from{ stroke-dashoffset: 110; }
  to{ stroke-dashoffset: 0; }
}


/************/


.rs-faq-v3{
  background: linear-gradient(180deg,#ffffff 0%, #f7f7f7 100%);
  overflow:hidden;
}

/* Left heading */
.rs-v3-kicker{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  background: rgba(235,33,46,.10);
  color:#EB212E;
  font-weight:700;
  font-size:13px;
}
.rs-v3-title{
  margin-top:12px;
  color:#212121;
  font-weight:700;
  font-size: clamp(24px, 2.8vw, 40px);
  line-height:1.12;
}
.rs-v3-sub{ margin:10px 0 0; color:#555; }

/* Accordion pill style */
.rs-v3-acc .rs-v3-item{
  background: transparent;
  border:0;
  margin-bottom:12px;
}
.rs-v3-acc .rs-v3-btn{
  border-radius: 18px !important;
  border:1px solid #eee;
  background:#fff;
  padding:16px 16px;
  font-weight:850;
  color:#212121;
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  gap:12px;
}
.rs-v3-acc .rs-v3-btn:hover{
  transform: translateY(-4px);
  border-color: rgba(235,33,46,.35);
  box-shadow: 0 18px 44px rgba(0,0,0,.12);
}
.rs-v3-acc .accordion-button::after{
  opacity:.65;
  transition: transform .35s ease;
}
.rs-v3-acc .accordion-button:not(.collapsed)::after{
  transform: rotate(180deg);
}

/* Icon pill */
.rs-v3-ic{
  width:44px; height:44px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff; /* currentColor for strokes */
  flex:0 0 auto;
  position:relative;
  overflow:hidden;
}
.rs-v3-ic.red{ background:#EB212E; }
.rs-v3-ic.dark{ background:#212121; }

.rs-v3-svg{ width:24px; height:24px; display:block; }

/* Body animation */
.rs-v3-body{
  padding: 12px 16px 16px;
  color:#666;
  font-size:15px;
  line-height:1.65;
  animation: v3Fade .35s ease both;
}
@keyframes v3Fade{
  from{ opacity:0; transform: translateY(-6px); }
  to{ opacity:1; transform: translateY(0); }
}

/* Icon animations (trigger on open) */
.rs-v3-btn:not(.collapsed) .rs-v3-anim-rotate{ animation: v3Rotate .9s ease both; }
.rs-v3-btn:not(.collapsed) .rs-v3-anim-pulse{ animation: v3Pulse .9s ease both; }
.rs-v3-btn:not(.collapsed) .rs-v3-anim-pop{ animation: v3Pop .55s ease both; }

/* Stroke draw: visible default + redraw on open */
.rs-v3-dash{ stroke-dasharray: 120; stroke-dashoffset: 0; }
.rs-v3-btn:not(.collapsed) .rs-v3-anim-stroke .rs-v3-dash{
  stroke-dashoffset: 120;
  animation: v3Draw .9s ease forwards;
}
@keyframes v3Draw{ to{ stroke-dashoffset: 0; } }

@keyframes v3Rotate{
  0%{ transform: rotate(0) scale(1); }
  60%{ transform: rotate(12deg) scale(1.08); }
  100%{ transform: rotate(0) scale(1); }
}
@keyframes v3Pulse{
  0%{ transform: scale(1); }
  50%{ transform: scale(1.12); }
  100%{ transform: scale(1); }
}
@keyframes v3Pop{
  0%{ transform: scale(.96); }
  60%{ transform: scale(1.10); }
  100%{ transform: scale(1); }
}

/* Right panel (creative image area) */
.rs-v3-panel{
  position:relative;
  background: #fff;
  border:1px solid #eee;
  border-radius: 22px;
  padding: 26px;
  box-shadow: 0 20px 55px rgba(0,0,0,.12);
  overflow:hidden;
  min-height: 460px;
}

/* floating orbs */
.rs-v3-orb{
  position:absolute;
  width:260px; height:260px;
  border-radius:50%;
  opacity:.22;
  pointer-events:none;
}



.rs-appsec{
  background: linear-gradient(180deg,#ffffff 0%, #f7f7f7 100%);
}

/* HEADER */
.rs-pill{
  display:inline-block;
  padding:7px 12px;
  border-radius:999px;
  background: rgba(235,33,46,.10);
  color:#EB212E;
  font-weight:700;
  font-size:13px;
  letter-spacing:.2px;
}
.rs-h2{
  color:#212121;
  font-weight:700;
  font-size: clamp(26px, 3vw, 42px);
  line-height:1.12;
}
.rs-p{
  color:#555;
  max-width: 760px;
  margin-top: 10px;
}

/* CARDS */
.rs-card{
  background:#fff;
  border:1px solid #eee;
  border-radius: 20px;
  padding: 22px;
  box-shadow: 0 18px 48px rgba(0,0,0,.10);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.rs-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 24px 70px rgba(0,0,0,.14);
  border-color: rgba(235,33,46,.28);
}

.rs-card-dark{
  background:#212121;
  border-color: rgba(255,255,255,.10);
  color:#fff;
}

/* TITLES/TEXT */
.rs-h3{
  margin:0;
  font-weight:700;
  font-size: 20px;
  color:#212121;
}
.rs-card-dark .rs-h3{ color:#fff; }

.rs-t{
  margin:8px 0 0;
  color:#666;
  line-height:1.7;
  font-size:15px;
}
.rs-card-dark .rs-t{ color: rgba(255,255,255,.86); }

.rs-t b{ color:#EB212E; }
.rs-card-dark .rs-t b{ color:#fff; }

.rs-mini{
  font-weight:700;
  font-size:14px;
  margin:0;
  color:#212121;
}
.rs-card-dark .rs-mini{ color:#fff; }

/* DIVIDER */
.rs-divider{
  height:1px;
  margin: 18px 0;
  background: rgba(0,0,0,.08);
}
.rs-card-dark .rs-divider{ background: rgba(255,255,255,.12); }

/* ICON BLOCKS */
.rs-ico{
  width:54px;
  height:54px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
  color:#fff; /* important: stroke=currentColor */
}
.rs-ico-red{ background:#EB212E; }
.rs-ico-dark{ background:#212121; border:1px solid rgba(0,0,0,.10); }
.rs-card-dark .rs-ico-dark{ border-color: rgba(255,255,255,.18); }

/* SVG sizing */
.rs-svg{ width:26px; height:26px; display:block; }
.rs-svg-sm{ width:22px; height:22px; display:block; }

/* LIST ITEMS */
.rs-item, .rs-focus{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.60);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.rs-card-dark .rs-item{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
}
.rs-item:hover, .rs-focus:hover{
  transform: translateY(-4px);
  border-color: rgba(235,33,46,.25);
  box-shadow: 0 16px 34px rgba(0,0,0,.10);
}

.rs-item-ico, .rs-focus-ico{
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;

  /* make small icons readable everywhere */
  background: rgba(235,33,46,.12);
  color:#EB212E;
}
.rs-card-dark .rs-item-ico{
  background: rgba(235,33,46,.18);
  color:#fff;
}
.rs-card-dark .rs-svg-sm{ color:#fff; } /* ensure strokes show on dark */

.rs-focus .rs-focus-ico.rs-ico-red,
.rs-focus .rs-focus-ico.rs-ico-dark{
  background: transparent; /* because rs-ico-* already defines bg */
  border: 0;
}

/* TEXT INSIDE ITEMS */
.rs-item-title{
  font-weight:700;
  font-size:14px;
  color:#212121;
  line-height:1.2;
}
.rs-card-dark .rs-item-title{ color:#fff; }

.rs-item-sub{
  margin-top:4px;
  font-size:13px;
  color:#777;
}
.rs-card-dark .rs-item-sub{ color: rgba(255,255,255,.75); }

/* BUTTONS */
.rs-btn{
  background:#EB212E;
  border-color:#EB212E;
  color:#fff;
  font-weight:700;
  padding: 12px 18px;
  border-radius:14px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.rs-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(235,33,46,.22);
  color:#fff;
}

.rs-btn-outline{
  border: 1px solid rgba(33,33,33,.22);
  background: transparent;
  color:#212121;
  font-weight:700;
  padding: 12px 18px;
  border-radius:14px;
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
.rs-btn-outline:hover{
  transform: translateY(-2px);
  background: rgba(33,33,33,.04);
  border-color: rgba(235,33,46,.35);
}

/* ---------- ANIMATIONS (SAFE) ---------- */
.rs-card:hover .rs-anim-rotate{ animation: rsRotate .9s ease both; transform-origin:center; }
.rs-card:hover .rs-anim-pulse{ animation: rsPulse .9s ease both; transform-origin:center; }
.rs-card:hover .rs-anim-bounce{ animation: rsBounce .7s ease both; transform-origin:center; }
.rs-card:hover .rs-anim-pop{ animation: rsPop .55s ease both; transform-origin:center; }
.rs-card:hover .rs-anim-spin{ animation: rsSpin .8s ease both; transform-origin:center; }

/* Draw icons visible by default, redraw on hover */
.rs-dash{ stroke-dasharray: 160; stroke-dashoffset: 0; }
.rs-card:hover .rs-anim-draw .rs-dash{
  stroke-dashoffset: 160;
  animation: rsDraw .95s ease forwards;
}
@keyframes rsDraw{ to{ stroke-dashoffset: 0; } }

/* Small draw */
.rs-dash2{ stroke-dasharray: 140; stroke-dashoffset: 0; }
.rs-focus:hover .rs-anim-draw2 .rs-dash2{
  stroke-dashoffset: 140;
  animation: rsDraw2 .85s ease forwards;
}
@keyframes rsDraw2{ to{ stroke-dashoffset: 0; } }

@keyframes rsRotate{
  0%{ transform: rotate(0) scale(1); }
  60%{ transform: rotate(12deg) scale(1.08); }
  100%{ transform: rotate(0) scale(1); }
}
@keyframes rsPulse{
  0%{ transform: scale(1); }
  50%{ transform: scale(1.12); }
  100%{ transform: scale(1); }
}
@keyframes rsBounce{
  0%{ transform: translateY(0) scale(1); }
  45%{ transform: translateY(-4px) scale(1.08); }
  100%{ transform: translateY(0) scale(1); }
}
@keyframes rsPop{
  0%{ transform: scale(.96); }
  60%{ transform: scale(1.10); }
  100%{ transform: scale(1); }
}
@keyframes rsSpin{
  0%{ transform: rotate(0) scale(1); }
  100%{ transform: rotate(180deg) scale(1.05); }
}




/******/

.rs-ios-android{
  background: linear-gradient(180deg,#ffffff 0%, #f7f7f7 100%);
  overflow:hidden;
}

/* Heading */
.rs-ia-pill{
  display:inline-block;
  padding:7px 12px;
  border-radius:999px;
  background: rgba(235,33,46,.10);
  color:#EB212E;
  font-weight:700;
  font-size:13px;
  letter-spacing:.2px;
}
.rs-ia-title{
  color:#212121;
  font-weight:700;
  font-size: clamp(26px, 3vw, 44px);
  line-height:1.12;
}
.rs-ia-text{
  color:#666;
  font-size:16px;
  line-height:1.7;
  margin-top: 12px;
}
.rs-ia-text b{ color:#212121; }

/* points */
.rs-ia-points{ display:flex; flex-direction:column; gap:12px; }
.rs-ia-point{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px 12px;
  border-radius: 16px;
  background:#fff;
  border:1px solid #eee;
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.rs-ia-point:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 46px rgba(0,0,0,.12);
  border-color: rgba(235,33,46,.28);
}
.rs-ia-ico{
  width:44px; height:44px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff; /* for currentColor strokes */
  flex:0 0 auto;
}
.rs-ia-ico.red{ background:#EB212E; }
.rs-ia-ico.dark{ background:#212121; }

.rs-ia-svg{ width:24px; height:24px; display:block; }

.rs-ia-ptitle{
  font-weight:700;
  color:#212121;
  font-size:14px;
  line-height:1.25;
}
.rs-ia-psub{
  margin-top:4px;
  color:#777;
  font-size:13px;
}

/* buttons */
.rs-ia-btn{
  background:#EB212E;
  border-color:#EB212E;
  color:#fff;
  font-weight:700;
  padding: 12px 18px;
  border-radius: 14px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.rs-ia-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(235,33,46,.22);
  color:#fff; background: #212121;
}
.rs-ia-btn-outline{
  border: 1px solid rgba(33,33,33,.24);
  background: transparent;
  color:#212121;
  font-weight:700;
  padding: 12px 18px;
  border-radius: 14px;
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
.rs-ia-btn-outline:hover{
  transform: translateY(-2px);
  background: rgba(33,33,33,.04);
  border-color: rgba(235,33,46,.35);
}

/* Visual container */
.rs-ia-visual{
  position:relative;
  min-height: 420px;
}

/* glows */
.rs-ia-glow{
  position:absolute;
  width:280px; height:280px;
  border-radius:50%;
  opacity:.22;
  pointer-events:none;
}
.rs-ia-glow.red{
  background: radial-gradient(circle, rgba(235,33,46,.95), rgba(235,33,46,0) 65%);
  left:-70px; top:30px;
  animation: iaGlow 8s ease-in-out infinite;
}
.rs-ia-glow.dark{
  background: radial-gradient(circle, rgba(33,33,33,.95), rgba(33,33,33,0) 65%);
  right:-90px; bottom:0;
  animation: iaGlow 10s ease-in-out infinite reverse;
}
@keyframes iaGlow{
  0%,100%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(14px,-10px) scale(1.06); }
}

/* chips */
.rs-ia-chip{
  position:absolute;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight:700;
  color:#fff;
  background: rgba(33,33,33,.82);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(6px);
  box-shadow: 0 18px 46px rgba(0,0,0,.18);
  display:flex;
  align-items:center;
  gap:10px;
  z-index:3;
}
.rs-ia-chip .dot{
  width:10px; height:10px; border-radius:50%;
  background:#EB212E;
}
.rs-ia-chip .dot.dark{ background:#fff; opacity:.8; }

.rs-ia-chip.c1{ left: 30px; top: 30px; animation: iaChip 6s ease-in-out infinite; }
.rs-ia-chip.c2{ right: 20px; top: 90px; animation: iaChip2 7s ease-in-out infinite; }
@keyframes iaChip{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}
@keyframes iaChip2{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-12px); }
}

/* phone mockups */
.rs-ia-phone{
  position:absolute;
  width: 290px;
  border-radius: 34px;
  padding: 14px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 22px 60px rgba(0,0,0,.20);
  backdrop-filter: blur(6px);
}
.rs-ia-phone.p1{
  left: 20px;
  bottom: 10px;
  transform: rotate(-2deg);
  animation: iaPhone1 7s ease-in-out infinite;
}
.rs-ia-phone.p2{
  right: 10px;
  bottom: 40px;
  width: 250px;
  transform: rotate(3deg);
  animation: iaPhone2 8.2s ease-in-out infinite;
}
@keyframes iaPhone1{
  0%,100%{ transform: translateY(0) rotate(-2deg); }
  50%{ transform: translateY(-12px) rotate(-1deg); }
}
@keyframes iaPhone2{
  0%,100%{ transform: translateY(0) rotate(3deg); }
  50%{ transform: translateY(-14px) rotate(2deg); }
}

.rs-ia-phone .notch{
  width: 120px; height: 18px;
  background: rgba(33,33,33,.16);
  border-radius: 999px;
  margin: 0 auto 12px;
}
.rs-ia-phone .notch.small{ width: 90px; height: 16px; }

.rs-ia-phone .screen{
  border-radius: 26px;
  overflow:hidden;
  background:#fff;
  padding: 14px;
}
.rs-ia-phone .screen.dark{
  background: #212121;
}

.rs-ia-phone .topbar{
  display:flex; gap:7px;
  margin-bottom: 12px;
}
.rs-ia-phone .topbar span{
  width:10px; height:10px; border-radius:50%;
  background: rgba(33,33,33,.22);
}
.rs-ia-phone .hero{
  height: 120px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(235,33,46,.22), rgba(33,33,33,.10));
  position:relative;
  overflow:hidden;
}
.rs-ia-phone .hero::after{
  content:"";
  position:absolute;
  top:-40%;
  left:-70%;
  width: 60%;
  height: 180%;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.7), rgba(255,255,255,0));
  transform: rotate(18deg);
  animation: iaShine 3.4s ease-in-out infinite;
}
@keyframes iaShine{
  0%{ left:-80%; }
  60%{ left:140%; }
  100%{ left:140%; }
}
.rs-ia-phone .hero.dark{
  background: linear-gradient(135deg, rgba(235,33,46,.25), rgba(255,255,255,.06));
}

.rs-ia-phone .cards{
  display:flex;
  gap:10px;
  margin-top: 12px;
}
.rs-ia-phone .card{
  flex:1;
  height: 60px;
  border-radius: 16px;
  background: rgba(33,33,33,.08);
}
.rs-ia-phone .lines i{
  display:block;
  height: 10px;
  border-radius: 999px;
  background: rgba(33,33,33,.10);
  margin-top: 10px;
}
.rs-ia-phone .lines i:nth-child(2){ width: 85%; }
.rs-ia-phone .lines i:nth-child(3){ width: 70%; }

.rs-ia-phone .lines.dark i{
  background: rgba(255,255,255,.14);
}
.rs-ia-phone .pill{
  margin-top: 12px;
  height: 34px;
  border-radius: 999px;
  background:#EB212E;
  opacity:.9;
  animation: iaPulse 1.9s ease-in-out infinite;
}
@keyframes iaPulse{
  0%,100%{ transform: scale(1); }
  50%{ transform: scale(1.06); }
}

/* ring + dots */
.rs-ia-ring{
  position:absolute;
  right:-18px;
  top: 20px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 2px dashed rgba(235,33,46,.45);
  animation: iaSpin 11s linear infinite;
}
@keyframes iaSpin{ to{ transform: rotate(360deg); } }

.rs-ia-dots{
  position:absolute;
  left: 16px;
  bottom: 10px;
  width: 92px;
  height: 92px;
  border-radius: 18px;
  background:
    radial-gradient(circle, rgba(235,33,46,.75) 2px, transparent 3px) 0 0 / 14px 14px;
  opacity: .35;
  animation: iaDots 6s ease-in-out infinite;
}
@keyframes iaDots{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

/* ICON ANIMATIONS */
.rs-ios-android .rs-ia-point:hover .rs-anim-rotate{ animation: iaRotate .9s ease both; transform-origin:center; }
.rs-ios-android .rs-ia-point:hover .rs-anim-pop{ animation: iaPop .55s ease both; transform-origin:center; }
.rs-ios-android .rs-ia-point:hover .rs-anim-pulse{ animation: iaPulseI .9s ease both; transform-origin:center; }

/* draw icon visible default, redraw on hover */
.rs-ia-dash{ stroke-dasharray: 150; stroke-dashoffset: 0; }
.rs-ios-android .rs-ia-point:hover .rs-anim-draw .rs-ia-dash{
  stroke-dashoffset: 150;
  animation: iaDraw .9s ease forwards;
}
@keyframes iaDraw{ to{ stroke-dashoffset: 0; } }

@keyframes iaRotate{
  0%{ transform: rotate(0) scale(1); }
  60%{ transform: rotate(12deg) scale(1.08); }
  100%{ transform: rotate(0) scale(1); }
}
@keyframes iaPop{
  0%{ transform: scale(.96); }
  60%{ transform: scale(1.10); }
  100%{ transform: scale(1); }
}
@keyframes iaPulseI{
  0%{ transform: scale(1); }
  50%{ transform: scale(1.12); }
  100%{ transform: scale(1); }
}

/* responsive */
@media (max-width: 991px){
  .rs-ia-visual{ min-height: 360px; }
  .rs-ia-phone.p1{ left: 0; }
  .rs-ia-phone.p2{ right: 0; }
}



.rs-secure{
  background: linear-gradient(180deg,#ffffff 0%, #f7f7f7 100%);
  overflow:hidden;
}

/* wrapper */
.rs-secure-wrap{
  background:#fff;
  border:1px solid #eee;
  border-radius: 24px;
  padding: 34px;
  box-shadow: 0 22px 70px rgba(0,0,0,.10);
}

/* headings */
.rs-secure-badge{
  display:inline-block;
  padding:7px 12px;
  border-radius:999px;
  background: rgba(235,33,46,.10);
  color:#EB212E;
  font-weight:700;
  font-size:13px;
}
.rs-secure-title{
  color:#212121;
  font-weight:700;
  font-size: clamp(26px, 3vw, 44px);
  line-height:1.12;
}
.rs-secure-text{
  margin-top: 12px;
  color:#666;
  font-size:16px;
  line-height:1.75;
}
.rs-secure-mini{
  margin: 0;
  font-weight:700;
  color:#212121;
  font-size:14px;
}

/* list */
.rs-secure-list{ display:flex; flex-direction:column; gap:12px; }
.rs-secure-item{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 16px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.rs-secure-item:hover{
  transform: translateY(-4px);
  border-color: rgba(235,33,46,.28);
  box-shadow: 0 18px 48px rgba(0,0,0,.12);
}
.rs-secure-ico{
  width:46px; height:46px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  flex:0 0 auto;
}
.rs-secure-ico.red{ background:#EB212E; }
.rs-secure-ico.dark{ background:#212121; }

.rs-secure-svg{ width:24px; height:24px; display:block; }

.rs-secure-st{
  font-weight:700;
  color:#212121;
  font-size:14px;
  line-height:1.25;
}
.rs-secure-sb{
  margin-top:4px;
  color:#777;
  font-size:13px;
}

/* buttons */
.rs-secure-btn{
  background:#EB212E;
  border-color:#EB212E;
  color:#fff;
  font-weight:700;
  padding: 12px 18px;
  border-radius: 14px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.rs-secure-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(235,33,46,.22);
  color:#fff; background: #212121;
}
.rs-secure-btn-outline{
  border: 1px solid rgba(33,33,33,.24);
  background: transparent;
  color:#212121;
  font-weight:700;
  padding: 12px 18px;
  border-radius: 14px;
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
.rs-secure-btn-outline:hover{
  transform: translateY(-2px);
  background: rgba(33,33,33,.04);
  border-color: rgba(235,33,46,.35);
}

/* ---------- RIGHT VISUAL ---------- */
.rs-secure-visual{
  position:relative;
  min-height: 420px;
}

/* glows */
.rs-secure-glow{
  position:absolute;
  width:280px; height:280px;
  border-radius:50%;
  opacity:.22;
  pointer-events:none;
}
.rs-secure-glow.red{
  background: radial-gradient(circle, rgba(235,33,46,.95), rgba(235,33,46,0) 65%);
  left:-70px; top:20px;
  animation: secGlow 8s ease-in-out infinite;
}
.rs-secure-glow.dark{
  background: radial-gradient(circle, rgba(33,33,33,.95), rgba(33,33,33,0) 65%);
  right:-80px; bottom:0;
  animation: secGlow 10s ease-in-out infinite reverse;
}
@keyframes secGlow{
  0%,100%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(14px,-10px) scale(1.06); }
}

/* dashboard mock */
.rs-dashboard{
  position:absolute;
  left: 40px;
  top: 40px;
  right: 30px;
  border-radius: 20px;
  overflow:hidden;
  background: #212121;
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 22px 60px rgba(0,0,0,.20);
  animation: dashFloat 7.2s ease-in-out infinite;
}
@keyframes dashFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-12px); }
}
.rs-db-top{
  display:flex;
  align-items:center;
  gap:7px;
  padding: 14px 16px;
  background: rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.rs-db-top span{
  width:10px; height:10px;
  border-radius:50%;
  background: rgba(255,255,255,.22);
}
.rs-db-top b{ margin-left:6px; font-weight:700; font-size:14px; }

.rs-db-body{ padding: 18px; }
.rs-db-shield{
  display:flex;
  gap:14px;
  align-items:center;
  padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}
.rs-shield-ico{
  width:54px; height:54px;
  border-radius: 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#EB212E;
  color:#fff;
  position:relative;
  overflow:hidden;
}
.rs-shield-ico svg{ width:26px; height:26px; display:block; }

.rs-shield-ico::after{
  content:"";
  position:absolute;
  inset:-40%;
  background: radial-gradient(circle, rgba(255,255,255,.55), transparent 55%);
  opacity:.55;
  animation: shieldPulse 2.2s ease-in-out infinite;
}
@keyframes shieldPulse{
  0%,100%{ transform: scale(.7); opacity:.35; }
  50%{ transform: scale(1.05); opacity:.75; }
}

.rs-db-kpis{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.rs-db-kpis .kpi{
  font-weight:800;
  font-size:12px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  display:flex;
  align-items:center;
  gap:8px;
}
.rs-db-kpis .dot{
  width:8px; height:8px;
  border-radius:50%;
  background:#EB212E;
}

.rs-db-metrics{ margin-top: 14px; display:grid; gap:12px; }
.metric{
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}
.metric .label{ font-weight:700; font-size:12px; opacity:.9; }
.metric .bar{
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  margin-top: 10px;
  overflow:hidden;
}
.metric .bar i{
  display:block;
  height:100%;
  width: 72%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(235,33,46,.95), rgba(255,255,255,.18));
  animation: barMove 2.8s ease-in-out infinite;
}
.metric:nth-child(2) .bar i{ width: 86%; animation-duration: 3.2s; }
.metric:nth-child(3) .bar i{ width: 64%; animation-duration: 2.6s; }
@keyframes barMove{
  0%,100%{ transform: translateX(-8px); }
  50%{ transform: translateX(8px); }
}

/* floating cards */
.rs-float{
  position:absolute;
  padding: 12px 14px;
  border-radius: 18px;
  background:#fff;
  border:1px solid #eee;
  box-shadow: 0 18px 48px rgba(0,0,0,.12);
}
.rs-float .t{
  font-weight:700;
  color:#212121;
  font-size:13px;
  margin-bottom:10px;
}
.rs-float.f1{
  left: 10px; text-align: center;
  bottom: 30px;
  width: 200px;
  animation: floatA 6.4s ease-in-out infinite;
}
.rs-float.f2{
  right: 10px;
  bottom: 60px;text-align: center;
  width: 200px;
  animation: floatB 7.2s ease-in-out infinite;
}
@keyframes floatA{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-12px); }
}
@keyframes floatB{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-14px); }
}
.mini-bars{
  display:flex;
  gap:10px;
  align-items:flex-end;
}
.mini-bars span{
  flex:1;
  height: 52px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(235,33,46,.25), rgba(33,33,33,.08));
}
.mini-bars span:nth-child(2){ height: 38px; }
.mini-bars span:nth-child(3){ height: 66px; }
.mini-bars span:nth-child(4){ height: 46px; }

.mini-nodes{
  position:relative;
  height: 54px;
}
.mini-nodes i{
  position:absolute;
  width:12px; height:12px;
  border-radius:50%;
  background:#EB212E;
  opacity:.9;
}
.mini-nodes i:nth-child(1){ left:10px; top:10px; }
.mini-nodes i:nth-child(2){ left:85px; top:26px; background:#212121; opacity:.75; }
.mini-nodes i:nth-child(3){ right:10px; top:12px; }
.mini-nodes::after{
  content:"";
  position:absolute;
  left:16px; right:16px; top:26px;
  height:2px;
  background: rgba(33,33,33,.14);
  border-radius:999px;
}

/* decor */
.rs-secure-ring{
  position:absolute;
  right:-18px;
  top: 10px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 2px dashed rgba(235,33,46,.45);
  animation: secSpin 11s linear infinite;
}
@keyframes secSpin{ to{ transform: rotate(360deg); } }

.rs-secure-dots{
  position:absolute;
  left: 26px;
  top: 0px;
  width: 92px;
  height: 92px;
  border-radius: 18px;
  background:
    radial-gradient(circle, rgba(235,33,46,.75) 2px, transparent 3px) 0 0 / 14px 14px;
  opacity: .30;
  animation: secDots 6s ease-in-out infinite;
}
@keyframes secDots{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

/* ---------- ICON HOVER ANIMATIONS ---------- */
.rs-secure-item:hover .rs-anim-rise{ animation: riseBars .8s ease both; transform-origin: bottom; }
.rs-secure-item:hover .rs-anim-link{ animation: linkWiggle .8s ease both; transform-origin:center; }
.rs-secure-item:hover .rs-anim-rotate{ animation: spinMini .8s ease both; transform-origin:center; }
.rs-secure-item:hover .rs-anim-pop{ animation: popMini .55s ease both; transform-origin:center; }

@keyframes riseBars{
  0%{ transform: scaleY(.92); }
  60%{ transform: scaleY(1.12); }
  100%{ transform: scaleY(1); }
}
@keyframes linkWiggle{
  0%{ transform: rotate(0) scale(1); }
  60%{ transform: rotate(10deg) scale(1.06); }
  100%{ transform: rotate(0) scale(1); }
}
@keyframes spinMini{
  0%{ transform: rotate(0) scale(1); }
  100%{ transform: rotate(180deg) scale(1.05); }
}
@keyframes popMini{
  0%{ transform: scale(.96); }
  60%{ transform: scale(1.10); }
  100%{ transform: scale(1); }
}

/* responsive */
@media (max-width: 991px){
  .rs-secure-wrap{ padding: 24px; }
  .rs-secure-visual{ min-height: 360px; }
  .rs-dashboard{ left: 0; right: 0; }
}
/******************/


.rs-whyus{
  background: linear-gradient(180deg,#ffffff 0%, #f7f7f7 100%);
  overflow:hidden;
}

/* header */
.rs-wy-badge{
  display:inline-block;
  padding:7px 12px;
  border-radius:999px;
  background: rgba(235,33,46,.10);
  color:#EB212E;
  font-weight:700;
  font-size:13px;
}
.rs-wy-title{
  color:#212121;
  font-weight:700;
  font-size: clamp(26px, 3vw, 44px);
  line-height:1.12;
}
.rs-wy-sub{
  color:#555;
  margin-top:10px;
  max-width: 820px;
  margin-left:auto;
  margin-right:auto;
}

/* cards */
.rs-wy-card{
  background:#fff;
  border:1px solid #eee;
  border-radius: 20px;
  padding: 22px;
  box-shadow: 0 18px 48px rgba(0,0,0,.10);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  position:relative;
  overflow:hidden;
}
.rs-wy-card::before{
  content:"";
  position:absolute;
  inset:auto -40px -60px -40px;
  height: 160px;
  background: radial-gradient(circle, rgba(235,33,46,.16), transparent 60%);
  opacity:.55;
  transform: translateY(20px);
  transition: transform .35s ease;
}
.rs-wy-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 24px 70px rgba(0,0,0,.14);
  border-color: rgba(235,33,46,.28);
}
.rs-wy-card:hover::before{
  transform: translateY(0);
}

/* wide cards */
.rs-wy-wide{
  display:flex;
  gap:14px;
  align-items:flex-start;
}

/* icon */
.rs-wy-ico{
  width:54px;
  height:54px;
  border-radius: 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff; /* currentColor stroke */
  flex:0 0 auto;
  position:relative;
  overflow:hidden;
}
.rs-wy-ico.red{ background:#EB212E; }
.rs-wy-ico.dark{ background:#212121; }

.rs-wy-svg{ width:26px; height:26px; display:block; }

/* text */
.rs-wy-h5{
  margin: 14px 0 0;
  font-weight:700;
  color:#212121;
  font-size: 16px;
}
.rs-wy-wide .rs-wy-h5{ margin-top:0; }
.rs-wy-p{
  margin: 8px 0 0;
  color:#666;
  line-height:1.65;
  font-size: 14px;
}

/* button */
.rs-wy-btn{
  background:#EB212E;
  border-color:#EB212E;
  color:#fff;
  font-weight:600;
  padding: 12px 18px;
  border-radius: 14px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.rs-wy-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(235,33,46,.22);
  color:#fff; background: #212121;
}

/* ---- icon animations (safe) ---- */
/* subtle idle */
.rs-wy-ico svg{ animation: rsWyIdle 3.2s ease-in-out infinite; }
@keyframes rsWyIdle{
  0%,100%{ transform: scale(1); }
  50%{ transform: scale(1.05); }
}

/* hover triggers */
.rs-wy-card:hover .rs-wy-rotate{ animation: rsWyRotate .85s ease both; transform-origin:center; }
.rs-wy-card:hover .rs-wy-pop{ animation: rsWyPop .55s ease both; transform-origin:center; }
.rs-wy-card:hover .rs-wy-pulse{ animation: rsWyPulse .9s ease both; transform-origin:center; }

/* draw is visible by default, redraw on hover */
.rs-wy-dash{ stroke-dasharray: 140; stroke-dashoffset: 0; }
.rs-wy-card:hover .rs-wy-draw .rs-wy-dash{
  stroke-dashoffset: 140;
  animation: rsWyDraw .9s ease forwards;
}
@keyframes rsWyDraw{ to{ stroke-dashoffset: 0; } }

@keyframes rsWyRotate{
  0%{ transform: rotate(0) scale(1); }
  100%{ transform: rotate(180deg) scale(1.05); }
}
@keyframes rsWyPop{
  0%{ transform: scale(.96); }
  60%{ transform: scale(1.10); }
  100%{ transform: scale(1); }
}
@keyframes rsWyPulse{
  0%{ transform: scale(1); }
  50%{ transform: scale(1.12); }
  100%{ transform: scale(1); }
}
/****************/



.rs-support{
  background: linear-gradient(180deg,#ffffff 0%, #f7f7f7 100%);
  overflow:hidden;
}

.rs-support-wrap{
  background:#fff;
  border:1px solid #eee;
  border-radius: 24px;
  padding: 34px;
  box-shadow: 0 22px 70px rgba(0,0,0,.10);
}

/* right content */
.rs-sup-badge{
  display:inline-block;
  padding:7px 12px;
  border-radius:999px;
  background: rgba(235,33,46,.10);
  color:#EB212E;
  font-weight:700;
  font-size:13px;
}
.rs-sup-title{
  color:#212121;
  font-weight:700;
  font-size: clamp(26px, 3vw, 44px);
  line-height:1.12;
}
.rs-sup-text{
  margin-top: 12px;
  color:#666;
  font-size:16px;
  line-height:1.75;
}

/* points */
.rs-sup-points{ display:flex; flex-direction:column; gap:12px; }
.rs-sup-point{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 16px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.rs-sup-point:hover{
  transform: translateY(-4px);
  border-color: rgba(235,33,46,.28);
  box-shadow: 0 18px 48px rgba(0,0,0,.12);
}
.rs-sup-pico{
  width:46px; height:46px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  flex:0 0 auto;
}
.rs-sup-pico.red{ background:#EB212E; }
.rs-sup-pico.dark{ background:#212121; }

.rs-sup-svg-sm{ width:24px; height:24px; display:block; }

.rs-sup-pt{
  font-weight:700;
  color:#212121;
  font-size:14px;
  line-height:1.25;
}
.rs-sup-ps{
  margin-top:4px;
  color:#777;
  font-size:13px;
}

/* buttons */
.rs-sup-btn{
  background:#EB212E;
  border-color:#EB212E;
  color:#fff;
  font-weight:700;
  padding: 12px 18px;
  border-radius: 14px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.rs-sup-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(235,33,46,.22);
  color:#fff;
}
.rs-sup-btn-outline{
  border: 1px solid rgba(33,33,33,.24);
  background: transparent;
  color:#212121;
  font-weight:700;
  padding: 12px 18px;
  border-radius: 14px;
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
.rs-sup-btn-outline:hover{
  transform: translateY(-2px);
  background: rgba(33,33,33,.04);
  border-color: rgba(235,33,46,.35);
}

/* left visual */
.rs-support-visual{
  position:relative;
  min-height: 420px;
}

/* glows */
.rs-sup-glow{
  position:absolute;
  width:280px; height:280px;
  border-radius:50%;
  opacity:.22;
  pointer-events:none;
}
.rs-sup-glow.red{
  background: radial-gradient(circle, rgba(235,33,46,.95), rgba(235,33,46,0) 65%);
  left:-70px; top:20px;
  animation: supGlow 8s ease-in-out infinite;
}
.rs-sup-glow.dark{
  background: radial-gradient(circle, rgba(33,33,33,.95), rgba(33,33,33,0) 65%);
  right:-90px; bottom:0;
  animation: supGlow 10s ease-in-out infinite reverse;
}
@keyframes supGlow{
  0%,100%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(14px,-10px) scale(1.06); }
}

/* board */
.rs-sup-board{
  position:absolute;
  left: 20px;
  right: 40px;
  top: 40px;
  background:#212121;
  color:#fff;
  border-radius: 22px;
  border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
  box-shadow: 0 22px 60px rgba(0,0,0,.20);
  animation: supFloat 7.2s ease-in-out infinite;
}
@keyframes supFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-12px); }
}
.rs-sup-top{
  display:flex;
  align-items:center;
  gap:7px;
  padding: 14px 16px;
  background: rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.rs-sup-top span{
  width:10px; height:10px;
  border-radius:50%;
  background: rgba(255,255,255,.22);
}
.rs-sup-top b{ margin-left:6px; font-weight:700; font-size:14px; }

.rs-sup-body{ padding: 18px; }

.rs-sup-ticket{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}
.rs-sup-ticket + .rs-sup-ticket{ margin-top: 12px; }

.rs-sup-ico{
  width:46px; height:46px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  flex:0 0 auto;
}
.rs-sup-ico.red{ background:#EB212E; }
.rs-sup-ico.dark{ background: rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.14); }

.rs-sup-svg{ width:24px; height:24px; display:block; }

.rs-sup-t1{ font-weight:700; font-size:14px; }
.rs-sup-t2{ margin-top:4px; color: rgba(255,255,255,.75); font-size:13px; line-height:1.55; }

/* meters */
.rs-sup-meter{
  margin-top: 14px;
  display:grid;
  gap:12px;
}
.rs-sup-mrow span{
  display:block;
  font-weight:700;
  font-size:12px;
  opacity:.9;
  margin-bottom:8px;
}
.rs-sup-mrow .bar{
  height:10px;
  border-radius:999px;
  background: rgba(255,255,255,.10);
  overflow:hidden;
}
.rs-sup-mrow .bar i{
  display:block;
  height:100%;
  width: 86%;
  border-radius:999px;
  background: linear-gradient(90deg, rgba(235,33,46,.95), rgba(255,255,255,.16));
  animation: supBar 2.8s ease-in-out infinite;
}
.rs-sup-mrow:nth-child(2) .bar i{ width: 72%; animation-duration: 3.2s; }
.rs-sup-mrow:nth-child(3) .bar i{ width: 64%; animation-duration: 2.6s; }
@keyframes supBar{
  0%,100%{ transform: translateX(-8px); }
  50%{ transform: translateX(8px); }
}

/* floating cards */
.rs-sup-float{
  position:absolute;
  background:#fff;
  border:1px solid #eee;
  border-radius: 18px;
  padding: 12px 14px;
  box-shadow: 0 18px 48px rgba(0,0,0,.12);
}
.rs-sup-float .h{
  font-weight:700;
  color:#212121;
  font-size:13px;
  margin-bottom:10px;
}
.rs-sup-float.f1{
  left: 0;
  bottom: 40px;
  width: 210px;
  animation: supCardA 6.4s ease-in-out infinite;
}
.rs-sup-float.f2{
  right: 0;
  bottom: 70px;
  width: 210px;
  animation: supCardB 7.2s ease-in-out infinite;
}
@keyframes supCardA{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-12px); }
}
@keyframes supCardB{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-14px); }
}
.rs-sup-float .lines span{
  display:block;
  height:10px;
  border-radius:999px;
  background: rgba(33,33,33,.10);
  margin-top:10px;
}
.rs-sup-float .lines span:nth-child(2){ width: 85%; }
.rs-sup-float .lines span:nth-child(3){ width: 70%; }

.rs-sup-float .pill{
  height: 34px;
  border-radius: 999px;
  background:#EB212E;
  opacity:.9;
  animation: supPill 1.9s ease-in-out infinite;
}
@keyframes supPill{
  0%,100%{ transform: scale(1); }
  50%{ transform: scale(1.06); }
}

/* decor */
.rs-sup-ring{
  position:absolute;
  right:-18px;
  top: 0px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 2px dashed rgba(235,33,46,.45);
  animation: supSpin 11s linear infinite;
}
@keyframes supSpin{ to{ transform: rotate(360deg); } }

.rs-sup-dots{
  position:absolute;
  left: 26px;
  top: 0px;
  width: 92px;
  height: 92px;
  border-radius: 18px;
  background:
    radial-gradient(circle, rgba(235,33,46,.75) 2px, transparent 3px) 0 0 / 14px 14px;
  opacity: .30;
  animation: supDots 6s ease-in-out infinite;
}
@keyframes supDots{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

/* icon animations */
.rs-support .rs-sup-point:hover .rs-anim-rotate{ animation: supRotate .8s ease both; transform-origin:center; }
.rs-support .rs-sup-point:hover .rs-anim-bounce{ animation: supBounce .7s ease both; transform-origin:center; }
.rs-support .rs-sup-point:hover .rs-anim-pop{ animation: supPop .55s ease both; transform-origin:center; }

.rs-sup-dash{ stroke-dasharray: 150; stroke-dashoffset: 0; }
.rs-sup-ticket:hover .rs-anim-draw .rs-sup-dash{
  stroke-dashoffset: 150;
  animation: supDraw .9s ease forwards;
}
@keyframes supDraw{ to{ stroke-dashoffset: 0; } }

@keyframes supRotate{
  0%{ transform: rotate(0) scale(1); }
  100%{ transform: rotate(180deg) scale(1.05); }
}
@keyframes supBounce{
  0%{ transform: translateY(0) scale(1); }
  45%{ transform: translateY(-4px) scale(1.08); }
  100%{ transform: translateY(0) scale(1); }
}
@keyframes supPop{
  0%{ transform: scale(.96); }
  60%{ transform: scale(1.10); }
  100%{ transform: scale(1); }
}

/* responsive */
@media (max-width: 991px){
  .rs-support-wrap{ padding: 24px; }
  .rs-support-visual{ min-height: 380px; }
  .rs-sup-board{ left: 0; right: 0; }
}
/*************/



.rs-ctaimg{
  background: linear-gradient(180deg,#ffffff 0%, #f7f7f7 100%);
  overflow:hidden;
}

/* wrapper */
.rs-ctaimg-wrap{
  position:relative;
  background:#212121;
  border-radius: 24px;
  padding: 44px 34px;
  color:#fff;
  overflow:hidden;
  box-shadow: 0 22px 70px rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.08);
}

/* subtle background glow */
.rs-ctaimg-wrap::before{
  content:"";
  position:absolute;
  width: 320px; height: 320px;
  border-radius:50%;
  background: radial-gradient(circle, rgba(235,33,46,.90), rgba(235,33,46,0) 65%);
  left:-120px; top:-120px;
  opacity:.26;
  animation: rsCtaGlow 8s ease-in-out infinite;
  pointer-events:none;
}
.rs-ctaimg-wrap::after{
  content:"";
  position:absolute;
  width: 320px; height: 320px;
  border-radius:50%;
  background: radial-gradient(circle, rgba(255,255,255,.16), rgba(255,255,255,0) 65%);
  right:-140px; bottom:-140px;
  opacity:.22;
  animation: rsCtaGlow 10s ease-in-out infinite reverse;
  pointer-events:none;
}
@keyframes rsCtaGlow{
  0%,100%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(14px,-12px) scale(1.06); }
}

/* text */
.rs-ctaimg-badge{
  display:inline-block;
  padding:7px 12px;
  border-radius: 999px;
  background: rgba(235,33,46,.18);
  border: 1px solid rgba(235,33,46,.38);
  color:#fff;
  font-weight:700;
  font-size:13px;
  letter-spacing:.2px;
  position:relative;
  z-index:2;
}
.rs-ctaimg-title{
  margin-top:14px;
  font-weight:700;
  font-size: clamp(26px, 3vw, 44px);
  line-height:1.12;
  position:relative;
  z-index:2;
}
.rs-ctaimg-text{
  color: rgba(255,255,255,.86);
  margin-top: 14px;
  font-size: 16px;
  line-height: 1.7;
  position:relative;
  z-index:2;
}
.rs-ctaimg-text b{ color:#fff; }

/* buttons */
.rs-ctaimg-btn{
  background:#EB212E;
  border-color:#EB212E;
  color:#fff;
  font-weight:700;
  padding: 12px 18px;
  border-radius: 14px;
  position:relative;
  overflow:hidden;
  transition: transform .25s ease, box-shadow .25s ease;
  z-index:2;
}
.rs-ctaimg-btn::after{
  content:"";
  position:absolute;
  top:-40%;
  left:-70%;
  width: 55%;
  height: 180%;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.65), rgba(255,255,255,0));
  transform: rotate(18deg);
  animation: rsBtnShine 3.4s ease-in-out infinite;
}
@keyframes rsBtnShine{
  0%{ left:-80%; }
  60%{ left:140%; }
  100%{ left:140%; }
}
.rs-ctaimg-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(235,33,46,.25);
  color:#fff;
}
.rs-ctaimg-btn-outline{
  border: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.06);
  color:#fff;
  font-weight:700;
  padding: 12px 18px;
  border-radius: 14px;
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
  z-index:2;
}
.rs-ctaimg-btn-outline:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.10);
  border-color: rgba(235,33,46,.35);
  color:#fff;
}

/* image card */
.rs-ctaimg-media{
  position:relative;
  border-radius: 22px;
  overflow:hidden;
  box-shadow: 0 22px 60px rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.10);
  min-height: 320px;
  animation: rsImgFloat 7s ease-in-out infinite;
}
@keyframes rsImgFloat{
  0%,100%{ transform: translateY(0) rotate(0.6deg); }
  50%{ transform: translateY(-10px) rotate(-0.6deg); }
}
.rs-ctaimg-img{
  width:100%;
  height: 360px;
  object-fit: cover;
  display:block;
  transform: scale(1.02);
}

/* overlay + glow */
.rs-ctaimg-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(33,33,33,.18), rgba(33,33,33,.70)),
    radial-gradient(circle at 30% 25%, rgba(235,33,46,.35), transparent 55%);
  pointer-events:none;
}
.rs-ctaimg-glow{
  position:absolute;
  inset:-40%;
  background: radial-gradient(circle, rgba(255,255,255,.45), transparent 55%);
  opacity:.22;
  animation: rsGlowPulse 2.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes rsGlowPulse{
  0%,100%{ transform: scale(.8); opacity:.14; }
  50%{ transform: scale(1.05); opacity:.30; }
}

/* floating tag */
.rs-ctaimg-tag{
  position:absolute;
  left: 14px;
  bottom: 14px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(33,33,33,.72);
  border: 1px solid rgba(255,255,255,.14);
  color:#fff;
  font-weight:700;
  font-size: 12px;
  letter-spacing:.2px;
  display:flex;
  align-items:center;
  gap:10px;
  backdrop-filter: blur(8px);
  box-shadow: 0 16px 40px rgba(0,0,0,.28);
  animation: rsTagFloat 5.8s ease-in-out infinite;
}
@keyframes rsTagFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-8px); }
}
.rs-ctaimg-tag .dot{
  width:10px; height:10px;
  border-radius:50%;
  background:#EB212E;
}

/* responsive */
@media (max-width: 991px){
  .rs-ctaimg-wrap{ padding: 34px 22px; }
  .rs-ctaimg-img{ height: 320px; }
}




/**************/


/* ---------- COLORS: #EB212E, #212121 (No :root) ---------- */
.rs-eco{
  background: linear-gradient(180deg,#ffffff 0%, #f7f7f7 100%);
  overflow:hidden;
}
.rs-eco-badge{
  display:inline-block;
  padding:7px 12px;
  border-radius:999px;
  background: rgba(235,33,46,.10);
  color:#EB212E;
  font-weight:700;
  font-size:13px;
}
.rs-eco-title{
  color:#212121;
  font-weight:700;
  font-size: clamp(26px, 3vw, 44px);
  line-height:1.12;
}
.rs-eco-sub{
  color:#666;
  max-width: 900px;
  line-height:1.7;
}
.rs-eco-sub b{ color:#212121; }

/* Left panel */
.rs-eco-panel{
  background:#fff;
  border:1px solid #eee;
  border-radius: 24px;
  padding: 26px;
  box-shadow: 0 22px 70px rgba(0,0,0,.10);
  position:relative;
  overflow:hidden;
}
.rs-eco-panel::before{
  content:"";
  position:absolute;
  width: 320px; height: 320px;
  border-radius:50%;
  left:-160px; top:-160px;
  background: radial-gradient(circle, rgba(235,33,46,.22), transparent 65%);
  opacity:.8;
  animation: ecoGlow 8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes ecoGlow{
  0%,100%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(18px,10px) scale(1.06); }
}
.rs-eco-panel-top{
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.rs-eco-heroicon{
  width:60px; height:60px;
  border-radius: 20px;
  background:#212121;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  box-shadow: 0 18px 44px rgba(0,0,0,.12);
}
.rs-eco-hero-svg{ width:28px; height:28px; display:block; }

.rs-eco-h3{
  margin:0;
  font-weight:700;
  font-size:20px;
  color:#212121;
}
.rs-eco-p{
  margin-top:8px;
  color:#666;
  line-height:1.7;
  font-size:15px;
}
.rs-eco-divider{
  height:1px;
  background: rgba(0,0,0,.08);
  margin: 18px 0;
}
.rs-eco-mini{
  font-weight:700;
  font-size:14px;
  color:#212121;
}

/* mini items */
.rs-eco-miniitem{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.70);
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.rs-eco-miniitem:hover{
  transform: translateY(-4px);
  border-color: rgba(235,33,46,.28);
  box-shadow: 0 18px 48px rgba(0,0,0,.12);
}
.rs-eco-miniico{
  width:44px;height:44px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  flex:0 0 auto;
}
.rs-eco-miniico.red{ background:#EB212E; }
.rs-eco-miniico.dark{ background:#212121; }
.rs-eco-ico-sm{ width:22px;height:22px; display:block; }
.rs-eco-mini-title{ font-weight:700; color:#212121; font-size:14px; line-height:1.25; }
.rs-eco-mini-sub{ margin-top:4px; color:#777; font-size:13px; }

/* buttons */
.rs-eco-btn{
  background:#EB212E;
  border-color:#EB212E;
  color:#fff;
  font-weight:700;
  padding: 12px 18px;
  border-radius: 14px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.rs-eco-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(235,33,46,.22);
  color:#fff; background: #212121;
}
.rs-eco-btn-outline{
  border: 1px solid rgba(33,33,33,.22);
  background: transparent;
  color:#212121;
  font-weight:700;
  padding: 12px 18px;
  border-radius: 14px;
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
.rs-eco-btn-outline:hover{
  transform: translateY(-2px);
  background: rgba(33,33,33,.04);
  border-color: rgba(235,33,46,.35);
}

/* Right head + shape */
.rs-eco-right{
  background:#212121;
  border-radius: 24px;
  padding: 26px;
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 22px 70px rgba(0,0,0,.16);
  position:relative;
  overflow:hidden;
}
.rs-eco-right::before{
  content:"";
  position:absolute;
  inset:auto -80px -120px -80px;
  height: 220px;
  background: radial-gradient(circle, rgba(235,33,46,.24), transparent 60%);
  opacity:.8;
  animation: ecoGlow2 9s ease-in-out infinite;
}
@keyframes ecoGlow2{
  0%,100%{ transform: translateY(16px) scale(1); }
  50%{ transform: translateY(0) scale(1.06); }
}
.rs-eco-right-head{ position:relative; z-index:2; }
.rs-eco-shape{
  position:absolute;
  right:-20px;
  top:-20px;
  width: 140px;
  height: 140px;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(235,33,46,.38), rgba(255,255,255,.06));
  transform: rotate(14deg);
  animation: ecoShape 7.5s ease-in-out infinite;
}
@keyframes ecoShape{
  0%,100%{ transform: rotate(14deg) translateY(0); }
  50%{ transform: rotate(10deg) translateY(10px); }
}
.rs-eco-right .rs-eco-h3{ color:#fff; }
.rs-eco-right .rs-eco-p{ color: rgba(255,255,255,.82); }

/* ---------- FLIP CARDS ---------- */
.rs-flip{
  perspective: 1000px;
  height: 190px;
  position:relative;
  z-index:2;
}
.rs-flip-inner{
  width:100%;
  height:100%;
  position:relative;
  transform-style: preserve-3d;
  transition: transform .75s cubic-bezier(.2,.8,.2,1);
}
.rs-flip:hover .rs-flip-inner{
  transform: rotateY(180deg);
}

.rs-flip-face{
  position:absolute;
  inset:0;
  border-radius: 20px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  padding: 18px;
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 48px rgba(0,0,0,.22);
}

.rs-flip-face.front{
  background: rgba(255,255,255,.06);
}

.rs-flip-face.back{
  background: #212121;
  transform: rotateY(180deg);
}

/* flip icon */
.rs-flip-ico{
  width:46px;height:46px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  margin-bottom: 12px;
  overflow:hidden;
  position:relative;
}
.rs-flip-ico.red{ background:#EB212E; }
.rs-flip-ico.dark{ background: rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.14); }

.rs-flip-title{
  font-weight:700;
  font-size:14px;
  color:#fff;
  line-height:1.25;
}
.rs-flip-sub{
  margin-top:6px;
  font-size:13px;
  color: rgba(255,255,255,.78);
  line-height:1.55;
}

/* back content */
.rs-flip-back-title{
  font-weight:700;
  font-size:15px;
  color:#fff;
}
.rs-flip-back-p{
  margin-top:10px;
  color: rgba(255,255,255,.86);
  font-size:13px;
  line-height:1.65;
}
.rs-flip-back-tag{
  display:inline-block;
  margin-top: 10px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(33,33,33,.55);
  border:1px solid rgba(255,255,255,.12);
  font-weight:700;
  font-size:12px;
}

/* ---------- ICON ANIMATIONS ---------- */
.rs-flip:hover .rs-eco-anim-draw .rs-eco-dash{
  stroke-dashoffset: 140;
  animation: ecoDraw .9s ease forwards;
}
.rs-eco-dash{ stroke-dasharray: 140; stroke-dashoffset: 0; }
@keyframes ecoDraw{ to{ stroke-dashoffset: 0; } }

.rs-eco-miniitem:hover .rs-eco-anim-rotate{ animation: ecoRot .85s ease both; transform-origin:center; }
.rs-eco-miniitem:hover .rs-eco-anim-pop{ animation: ecoPop .55s ease both; transform-origin:center; }
.rs-eco-miniitem:hover .rs-eco-anim-pulse{ animation: ecoPulse .9s ease both; transform-origin:center; }
.rs-eco-miniitem:hover .rs-eco-anim-bounce{ animation: ecoBounce .7s ease both; transform-origin:center; }

/* hero icon float */
.rs-eco-anim-float{ animation: ecoFloat 3.2s ease-in-out infinite; transform-origin:center; }
@keyframes ecoFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-6px); }
}

@keyframes ecoRot{
  0%{ transform: rotate(0) scale(1); }
  100%{ transform: rotate(180deg) scale(1.05); }
}
@keyframes ecoPop{
  0%{ transform: scale(.96); }
  60%{ transform: scale(1.10); }
  100%{ transform: scale(1); }
}
@keyframes ecoPulse{
  0%{ transform: scale(1); }
  50%{ transform: scale(1.12); }
  100%{ transform: scale(1); }
}
@keyframes ecoBounce{
  0%{ transform: translateY(0) scale(1); }
  45%{ transform: translateY(-4px) scale(1.08); }
  100%{ transform: translateY(0) scale(1); }
}

/* responsive */
@media (max-width: 991px){
  .rs-flip{ height: 180px; }
}









/* ===== FAQ SECTION (No :root) ===== */
.rs-faq{
  background: linear-gradient(180deg,#ffffff 0%, #f7f7f7 100%);
  overflow:hidden;
}
.rs-faq-wrap{
  background:#fff;
  border:1px solid #eee;
  border-radius: 24px;
  padding: 34px;
  box-shadow: 0 22px 70px rgba(0,0,0,.10);
}

/* left */
.rs-faq-badge{
  display:inline-block;
  padding:7px 12px;
  border-radius:999px;
  background: rgba(235,33,46,.10);
  color:#EB212E;
  font-weight:700;
  font-size:13px;
}
.rs-faq-title{
  color:#212121;
  font-weight:700;
  font-size: clamp(24px, 2.7vw, 40px);
  line-height:1.12;
}
.rs-faq-sub{
  color:#666;
  line-height:1.7;
}
.rs-faq-sub b{ color:#212121; }

/* side visual */
.rs-faq-side{
  border-radius: 22px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 18px 50px rgba(0,0,0,.10);
  background:#212121;
  color:#fff;
  animation: rsSideFloat 7.2s ease-in-out infinite;
}
@keyframes rsSideFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}
.rs-faq-side-top{
  display:flex;
  align-items:center;
  gap:7px;
  padding: 14px 16px;
  background: rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.rs-faq-side-top span{
  width:10px;height:10px;border-radius:50%;
  background: rgba(255,255,255,.22);
}
.rs-faq-side-top b{
  margin-left:6px;
  font-weight:700;
  font-size:13px;
}
.rs-faq-side-body{ padding: 16px; }

.rs-faq-chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius:999px;
  background: rgba(235,33,46,.20);
  border: 1px solid rgba(235,33,46,.38);
  font-weight:700;
  font-size:12px;
  margin: 6px 6px 0 0;
}
.rs-faq-chip .dot{
  width:10px;height:10px;border-radius:50%;
  background:#EB212E;
}
.rs-faq-chip.dark{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
}
.rs-faq-chip .dot.dark{
  background:#fff;
  opacity:.8;
}
.rs-faq-progress .rowx{ margin-top: 14px; }
.rs-faq-progress span{
  display:block;
  font-weight:700;
  font-size:12px;
  opacity:.9;
  margin-bottom:8px;
}
.rs-faq-progress .bar{
  height:10px;border-radius:999px;
  background: rgba(255,255,255,.10);
  overflow:hidden;
}
.rs-faq-progress .bar i{
  display:block;height:100%;
  width: 86%;
  border-radius:999px;
  background: linear-gradient(90deg, rgba(235,33,46,.95), rgba(255,255,255,.16));
  animation: rsBarMove 2.8s ease-in-out infinite;
}
.rs-faq-progress .rowx:nth-child(2) .bar i{
  width: 72%;
  animation-duration: 3.2s;
}
@keyframes rsBarMove{
  0%,100%{ transform: translateX(-8px); }
  50%{ transform: translateX(8px); }
}

/* button */
.rs-faq-btn{
  background:#EB212E;
  border-color:#EB212E;
  color:#fff;
  font-weight:700;
  padding: 12px 18px;
  border-radius: 14px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.rs-faq-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(235,33,46,.22);
  color:#fff; background:#212121;
}

/* accordion styling */
.rs-acc .accordion-item{
  border:0;
  background: transparent;
  margin-bottom: 14px;
}
.rs-acc-item{
  border-radius: 18px;
  overflow:hidden;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 16px 46px rgba(0,0,0,.08);
  background:#fff;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.rs-acc-item:hover{
  transform: translateY(-3px);
  border-color: rgba(235,33,46,.22);
  box-shadow: 0 22px 60px rgba(0,0,0,.12);
}

.rs-acc-btn{
  font-weight:700;
  color:#212121;
  background:#fff;
  padding: 18px 18px;
  box-shadow:none !important;
}
.rs-acc-btn::after{
  background-size: 18px;
  opacity: .75;
}
.rs-acc-btn:not(.collapsed){
  color:#212121;
  background: linear-gradient(90deg, rgba(235,33,46,.10), rgba(255,255,255,1));
}
.rs-acc-body{
  color:#666;
  line-height:1.7;
  padding: 0 18px 18px;
}

/* icon in question */
.rs-qicon{
  width:42px;height:42px;
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#EB212E;
  color:#fff;
  margin-right: 12px;
  flex:0 0 auto;
  position:relative;
  overflow:hidden;
}
.rs-qicon.dark{ background:#212121; }

.rs-ico-svg{
  width:22px;height:22px;
  display:block;
}

/* animations */
.rs-acc-item:hover .rs-anim-rotate{ animation: rsRot .9s ease both; transform-origin:center; }
.rs-acc-item:hover .rs-anim-pop{ animation: rsPop .55s ease both; transform-origin:center; }
.rs-acc-item:hover .rs-anim-pulse{ animation: rsPulse .9s ease both; transform-origin:center; }
.rs-acc-item:hover .rs-anim-bounce{ animation: rsBounce .7s ease both; transform-origin:center; }

/* draw visible by default and redraw on hover */
.rs-dash{ stroke-dasharray: 140; stroke-dashoffset: 0; }
.rs-acc-item:hover .rs-anim-draw .rs-dash{
  stroke-dashoffset: 140;
  animation: rsDraw .9s ease forwards;
}
@keyframes rsDraw{ to{ stroke-dashoffset: 0; } }

@keyframes rsRot{
  0%{ transform: rotate(0) scale(1); }
  100%{ transform: rotate(180deg) scale(1.05); }
}
@keyframes rsPop{
  0%{ transform: scale(.96); }
  60%{ transform: scale(1.10); }
  100%{ transform: scale(1); }
}
@keyframes rsPulse{
  0%{ transform: scale(1); }
  50%{ transform: scale(1.12); }
  100%{ transform: scale(1); }
}
@keyframes rsBounce{
  0%{ transform: translateY(0) scale(1); }
  45%{ transform: translateY(-4px) scale(1.08); }
  100%{ transform: translateY(0) scale(1); }
}

/* responsive */
@media (max-width: 991px){
  .rs-faq-wrap{ padding: 24px; }
}




/*******/

/* ---------- Payment Section (No :root) ---------- */
.rs-pay{
  background: linear-gradient(180deg,#ffffff 0%, #f7f7f7 100%);
  overflow:hidden;
}
.rs-pay-wrap{
  background:#fff;
  border:0px solid #eee;
  border-radius: 24px;
  padding: 34px;

  position:relative;
}

/* headings */
.rs-pay-badge{
  display:inline-block;
  padding:7px 12px;
  border-radius:999px;
  
  color:#EB212E;
  font-weight:700;
  font-size:13px;
}
.rs-pay-title{
  color:#212121;
  font-weight:700;
  font-size: clamp(26px, 3vw, 44px);
  line-height:1.12;
}
.rs-pay-text{
  margin-top: 12px;
  color:#666;
  font-size:16px;
  line-height:1.75;
}
.rs-pay-mini{
  margin:0;
  font-weight:700;
  color:#212121;
  font-size:14px;
}

/* media */
.rs-pay-media{
  position:relative;
  border-radius: 22px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.08);
  box-shadow: 0 22px 60px rgba(0,0,0,.18);
  min-height: 420px;
  transform: scale(1);
  transition: transform .6s cubic-bezier(.2,.8,.2,1);
}
.rs-pay-media:hover{
  transform: scale(1.04); /* zoom effect */
}
.rs-pay-img{
  width:100%;
  height: 480px;
  object-fit: cover;
  display:block;
  transform: scale(1.02);
  transition: transform .9s ease;
}
.rs-pay-media:hover .rs-pay-img{
  transform: scale(1.08); /* inner zoom */
}
.rs-pay-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(33,33,33,.10), rgba(33,33,33,.72)),
    radial-gradient(circle at 30% 25%, rgba(235,33,46,.35), transparent 55%);
  pointer-events:none;
}
.rs-pay-glow{
  position:absolute;
  inset:-40%;
  background: radial-gradient(circle, rgba(255,255,255,.45), transparent 55%);
  opacity:.22;
  animation: payGlow 2.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes payGlow{
  0%,100%{ transform: scale(.8); opacity:.14; }
  50%{ transform: scale(1.05); opacity:.30; }
}

/* floating badge */
.rs-pay-float{
  position:absolute;
  left: 14px;
  bottom: 14px;
  right: 14px;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(33,33,33,.72);
  border: 1px solid rgba(255,255,255,.14);
  color:#fff;
  display:flex;
  gap:12px;
  align-items:flex-start;
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 48px rgba(0,0,0,.25);
  animation: payFloat 6.8s ease-in-out infinite;
}
@keyframes payFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}
.rs-pay-fico{
  width:44px;height:44px;
  border-radius: 16px;
  background:#EB212E;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.rs-pay-ft{ font-weight:700; font-size:14px; }
.rs-pay-fs{ margin-top:4px; color: rgba(255,255,255,.80); font-size:13px; line-height:1.55; }

/* chips */
.rs-pay-chip{
  position:absolute;
  top: 14px;
  left: 14px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(33,33,33,.65);
  border: 1px solid rgba(255,255,255,.14);
  color:#fff;
  font-weight:700;
  font-size:12px;
  display:flex;
  align-items:center;
  gap:10px;
  backdrop-filter: blur(10px);
  animation: chipA 5.8s ease-in-out infinite;
}
.rs-pay-chip.c2{
  left:auto;
  right: 14px;
  top: 62px;
  animation: chipB 6.4s ease-in-out infinite;
}
.rs-pay-chip .dot{
  width:10px;height:10px;border-radius:50%;
  background:#EB212E;
}
.rs-pay-chip .dot.dark{ background:#fff; opacity:.85; }
@keyframes chipA{ 0%,100%{ transform: translateY(0);} 50%{ transform: translateY(-8px);} }
@keyframes chipB{ 0%,100%{ transform: translateY(0);} 50%{ transform: translateY(-10px);} }

/* right cards */
.rs-pay-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius: 20px;
  padding: 18px;
  box-shadow: 0 16px 46px rgba(0,0,0,.08);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  position:relative;
  overflow:hidden;
}
.rs-pay-card::before{
  content:"";
  position:absolute;
  inset:auto -40px -60px -40px;
  height: 160px;
  background: radial-gradient(circle, rgba(235,33,46,.16), transparent 60%);
  opacity:.55;
  transform: translateY(18px);
  transition: transform .35s ease;
  pointer-events:none;
}
.rs-pay-card:hover{
  transform: translateY(-5px) scale(1.02); /* subtle zoom */
  box-shadow: 0 24px 70px rgba(0,0,0,.12);
  border-color: rgba(235,33,46,.26);
}
.rs-pay-card:hover::before{ transform: translateY(0); }

.rs-pay-ico{
  width:52px;height:52px;
  border-radius: 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  margin-bottom: 12px;
}
.rs-pay-ico.red{ background:#EB212E; }
.rs-pay-ico.dark{ background:#212121; }

.rs-pay-svg{ width:24px;height:24px; display:block; }
.rs-pay-h5{
  margin: 0;
  font-weight:700;
  color:#212121;
  font-size:16px;
}
.rs-pay-p{
  margin-top: 8px;
  color:#666;
  line-height:1.65;
  font-size:14px;
}

/* buttons */
.rs-pay-btn{
  background:#EB212E;
  border-color:#EB212E;
  color:#fff;
  font-weight:700;
  padding: 12px 18px;
  border-radius: 14px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.rs-pay-btn:hover{
  background: #212121;
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(235,33,46,.22);
  color:#fff; 
  
}
.rs-pay-btn-outline{
  border: 1px solid rgba(0,0,0,.84);
  background: transparent;
  color:#111;
  font-weight:700;
  padding: 12px 18px;
  border-radius: 14px;
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
.rs-pay-btn-outline:hover{
  transform: translateY(-2px);
  background: #fff;
  border-color: rgba(235,33,46,.35);
}

/* icon animations */
.rs-pay-card:hover .rs-anim-rotate{ animation: payRot .85s ease both; transform-origin:center; }
.rs-pay-card:hover .rs-anim-pop{ animation: payPop .55s ease both; transform-origin:center; }
.rs-pay-card:hover .rs-anim-pulse{ animation: payPulse .9s ease both; transform-origin:center; }
.rs-pay-card:hover .rs-anim-bounce{ animation: payBounce .7s ease both; transform-origin:center; }

/* draw */
.rs-pay-dash{ stroke-dasharray: 140; stroke-dashoffset: 0; }
.rs-pay-card:hover .rs-anim-draw .rs-pay-dash{
  stroke-dashoffset: 140;
  animation: payDraw .9s ease forwards;
}
@keyframes payDraw{ to{ stroke-dashoffset: 0; } }

@keyframes payRot{ 0%{ transform: rotate(0) scale(1);} 100%{ transform: rotate(180deg) scale(1.05);} }
@keyframes payPop{ 0%{ transform: scale(.96);} 60%{ transform: scale(1.10);} 100%{ transform: scale(1);} }
@keyframes payPulse{ 0%{ transform: scale(1);} 50%{ transform: scale(1.12);} 100%{ transform: scale(1);} }
@keyframes payBounce{
  0%{ transform: translateY(0) scale(1); }
  45%{ transform: translateY(-4px) scale(1.08); }
  100%{ transform: translateY(0) scale(1); }
}

/* responsive */
@media (max-width: 991px){
  .rs-pay-wrap{ padding: 24px; }
  .rs-pay-media{ min-height: 340px; }
  .rs-pay-img{ height: 380px; }
}



/************/


/* ===== Scalable + SEO section (No :root) ===== */
.rs-scale{
  background: linear-gradient(180deg,#ffffff 0%, #f7f7f7 100%);
  overflow:hidden;
}
.rs-scale-wrap{
  background:#fff;
  border:1px solid #eee;
  border-radius: 24px;
  padding: 34px;
  box-shadow: 0 22px 70px rgba(0,0,0,.10);
}

/* cards */
.rs-scale-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius: 24px;
  padding: 26px;
  box-shadow: 0 18px 60px rgba(0,0,0,.10);
  position:relative;
  overflow:hidden;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.rs-scale-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 26px 80px rgba(0,0,0,.14);
  border-color: rgba(235,33,46,.24);
}

/* dark card (SEO) */
.rs-scale-card.dark{
  background:#212121 url("../img/ecom-seo.png") 0 0 no-repeat; background-size: cover;
  border-color: rgba(255,255,255,.10);
  box-shadow: 0 22px 70px rgba(0,0,0,.18);
}
.rs-scale-card.dark:hover{
  border-color: rgba(235,33,46,.26);
}

/* badges */
.rs-scale-badge{
  display:inline-block;
  padding:7px 12px;
  border-radius:999px;
  background: rgba(235,33,46,.10);
  color:#EB212E;
  font-weight:700;
  font-size:13px;
}
.rs-scale-badge.dark{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color:#fff;
}

/* icon blocks */
.rs-scale-ico{
  width:58px; height:58px;
  border-radius: 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  flex:0 0 auto;
  box-shadow: 0 16px 44px rgba(0,0,0,.10);
}
.rs-scale-ico.red{ background:#EB212E; }
.rs-scale-ico.dark{ background: rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.14); }

.rs-scale-svg{ width:26px; height:26px; display:block; }
.rs-scale-svg-sm{ width:22px; height:22px; display:block; }

/* text */
.rs-scale-title{
  margin:0;
  font-weight:700;
  color:#212121;
  font-size: 20px;
  line-height:1.22;
}
.rs-scale-title.dark{ color:#fff; }
.rs-scale-text{
  margin-top:10px;
  color:#666;
  line-height:1.75;
  font-size:15px;
}
.rs-scale-text.dark{ color: rgba(255,255,255,.82); }

.rs-scale-divider{
  height:1px;
  background: rgba(0,0,0,.08);
  margin: 18px 0;
}
.rs-scale-divider.dark{ background: rgba(255,255,255,.10); }

.rs-scale-mini{
  margin:0;
  font-weight:700;
  color:#212121;
  font-size:14px;
}
.rs-scale-mini.dark{ color:#fff; }

/* list (left) */
.rs-scale-list{ display:flex; flex-direction:column; gap:12px; }
.rs-scale-item{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 18px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.rs-scale-item:hover{
  transform: translateY(-4px);
  border-color: rgba(235,33,46,.26);
  box-shadow: 0 18px 48px rgba(0,0,0,.12);
}
.rs-scale-miniico{
  width:44px; height:44px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  flex:0 0 auto;
}
.rs-scale-miniico.red{ background:#EB212E; }
.rs-scale-miniico.dark{ background:#212121; }

.rs-scale-it{ font-weight:700; color:#212121; font-size:14px; line-height:1.25; }
.rs-scale-is{ margin-top:4px; color:#777; font-size:13px; }

/* SEO chips (right) */
.rs-seo-chip{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 14px;
  border-radius: 20px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 16px 46px rgba(0,0,0,.22);
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.rs-seo-chip:hover{
  transform: translateY(-4px);
  border-color: rgba(235,33,46,.24);
  box-shadow: 0 22px 64px rgba(0,0,0,.26);
}
.rs-seo-ico{
  width:46px; height:46px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  flex:0 0 auto;
}
.rs-seo-ico.red{ background:#EB212E; }
.rs-seo-ico.dark{ background: rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.14); }

.rs-seo-t{ font-weight:700; color:#fff; font-size:14px; line-height:1.25; }
.rs-seo-s{ margin-top:4px; color: rgba(255,255,255,.78); font-size:13px; }

/* decorative shape on dark card */
.rs-scale-shape{
  position:absolute;
  right:-30px;
  bottom:-30px;
  width: 160px;
  height: 160px;
  border-radius: 34px;
  background: linear-gradient(135deg, rgba(235,33,46,.38), rgba(255,255,255,.06));
  transform: rotate(12deg);
  animation: rsShapeFloat 7.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes rsShapeFloat{
  0%,100%{ transform: rotate(12deg) translateY(10px); }
  50%{ transform: rotate(8deg) translateY(0); }
}

/* ---------- ICON ANIMATIONS ---------- */
.rs-anim-float{ animation: rsIconFloat 3.2s ease-in-out infinite; transform-origin:center; }
@keyframes rsIconFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-6px); }
}

.rs-scale-item:hover .rs-anim-rise{ animation: rsRiseBars .8s ease both; transform-origin: bottom; }
.rs-scale-item:hover .rs-anim-link{ animation: rsLinkWiggle .8s ease both; transform-origin:center; }
.rs-scale-item:hover .rs-anim-rotate{ animation: rsSpinMini .8s ease both; transform-origin:center; }
.rs-scale-item:hover .rs-anim-pop{ animation: rsPopMini .55s ease both; transform-origin:center; }

.rs-seo-chip:hover .rs-anim-link{ animation: rsLinkWiggle .8s ease both; transform-origin:center; }
.rs-seo-chip:hover .rs-anim-pop{ animation: rsPopMini .55s ease both; transform-origin:center; }
.rs-seo-chip:hover .rs-anim-rotate{ animation: rsSpinMini .8s ease both; transform-origin:center; }

/* draw for structure icon */
.rs-scale-dash{ stroke-dasharray: 140; stroke-dashoffset: 0; }
.rs-seo-chip:hover .rs-anim-draw .rs-scale-dash{
  stroke-dashoffset: 140;
  animation: rsDrawLine .9s ease forwards;
}
@keyframes rsDrawLine{ to{ stroke-dashoffset: 0; } }

@keyframes rsRiseBars{
  0%{ transform: scaleY(.92); }
  60%{ transform: scaleY(1.12); }
  100%{ transform: scaleY(1); }
}
@keyframes rsLinkWiggle{
  0%{ transform: rotate(0) scale(1); }
  60%{ transform: rotate(10deg) scale(1.06); }
  100%{ transform: rotate(0) scale(1); }
}
@keyframes rsSpinMini{
  0%{ transform: rotate(0) scale(1); }
  100%{ transform: rotate(180deg) scale(1.05); }
}
@keyframes rsPopMini{
  0%{ transform: scale(.96); }
  60%{ transform: scale(1.10); }
  100%{ transform: scale(1); }
}

/* responsive */
@media (max-width: 991px){
  .rs-scale-wrap{ padding: 24px; }
}





/****************************************/

/* ===== FULL WIDTH DARK WHY US (No :root) ===== */


.rs-why-dark-wrap{
  position:relative;
  color:#fff;
  padding:70px 0;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg,rgba(33,33,33,.95),rgba(33,33,33,.92)),
    url("../img/whycom.jpg") center/cover no-repeat;
}


/* header */
.rs-why-badge{
  display:inline-block;
  padding:7px 12px;
  border-radius:999px;
  background: rgba(235,33,46,.18);
  border: 1px solid rgba(235,33,46,.35);
  color:#fff;
  font-weight:700;
  font-size:13px;
  letter-spacing:.2px;
}
.rs-why-title{
  margin:0;
  font-weight:700;
  font-size: clamp(26px, 3vw, 44px);
  line-height:1.12;
}
.rs-why-sub{
  margin-top: 12px;
  color: rgba(255,255,255,.80);
  font-size: 16px;
  line-height: 1.75;
  max-width: 900px;
}

/* cards */
.rs-why-card{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 60px rgba(0,0,0,.25);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  position:relative;
  overflow:hidden;
  z-index:2;
}
.rs-why-card::before{
  content:"";
  position:absolute;
  inset:auto -40px -70px -40px;
  height: 180px;
  background: radial-gradient(circle, rgba(235,33,46,.24), transparent 60%);
  opacity:.55;
  transform: translateY(20px);
  transition: transform .35s ease;
  pointer-events:none;
}
.rs-why-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 26px 88px rgba(0,0,0,.32);
  border-color: rgba(235,33,46,.28);
}
.rs-why-card:hover::before{ transform: translateY(0); }

.rs-why-wide{
  display:flex;
  gap:14px;
  align-items:flex-start;
}

/* icons */
.rs-why-ico{
  width:54px; height:54px;
  border-radius: 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  flex:0 0 auto;
  position:relative;
  overflow:hidden;
}
.rs-why-ico.red{ background:#EB212E; }
.rs-why-ico.dark{ background: rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.14); }
.rs-why-svg{ width:26px; height:26px; display:block; }

/* text */
.rs-why-h5{
  margin: 14px 0 0;
  font-weight:700;
  color:#fff;
  font-size: 16px;
  line-height:1.25;
}
.rs-why-wide .rs-why-h5{ margin-top:0; }
.rs-why-p{
  margin: 8px 0 0;
  color: rgba(255,255,255,.78);
  line-height:1.65;
  font-size: 14px;
}

/* decorative glows */
.rs-why-glow{
  position:absolute;
  width: 360px;
  height: 360px;
  border-radius:50%;
  opacity:.20;
  pointer-events:none;
  z-index:1;
}
.rs-why-glow.red{
  left:-160px;
  top:-140px;
  background: radial-gradient(circle, rgba(235,33,46,.95), rgba(235,33,46,0) 65%);
  animation: rsWhyGlow 9s ease-in-out infinite;
}
.rs-why-glow.white{
  right:-180px;
  bottom:-160px;
  background: radial-gradient(circle, rgba(255,255,255,.30), rgba(255,255,255,0) 65%);
  animation: rsWhyGlow 11s ease-in-out infinite reverse;
}
@keyframes rsWhyGlow{
  0%,100%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(18px,-12px) scale(1.06); }
}

/* ring + dots */
.rs-why-ring{
  position:absolute;
  right: 20px;
  top: 30px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border: 2px dashed rgba(235,33,46,.45);
  animation: rsWhySpin 12s linear infinite;
  opacity:.65;
  pointer-events:none;
  z-index:1;
}
@keyframes rsWhySpin{ to{ transform: rotate(360deg); } }

.rs-why-dots{
  position:absolute;
  left: 22px;
  bottom: 26px;
  width: 120px;
  height: 120px;
  border-radius: 22px;
  background:
    radial-gradient(circle, rgba(235,33,46,.75) 2px, transparent 3px) 0 0 / 14px 14px;
  opacity: .30;
  animation: rsWhyDots 6.2s ease-in-out infinite;
  pointer-events:none;
  z-index:1;
}
@keyframes rsWhyDots{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

/* icon animations (idle + hover) */
.rs-why-ico svg{ animation: rsWhyIdle 3.2s ease-in-out infinite; }
@keyframes rsWhyIdle{
  0%,100%{ transform: scale(1); }
  50%{ transform: scale(1.06); }
}

/* hover triggers */
.rs-why-card:hover .rs-anim-rotate{ animation: rsWhyRotate .85s ease both; transform-origin:center; }
.rs-why-card:hover .rs-anim-pop{ animation: rsWhyPop .55s ease both; transform-origin:center; }
.rs-why-card:hover .rs-anim-pulse{ animation: rsWhyPulse .9s ease both; transform-origin:center; }

/* draw (redraw on hover but visible by default) */
.rs-why-dash{ stroke-dasharray: 140; stroke-dashoffset: 0; }
.rs-why-card:hover .rs-anim-draw .rs-why-dash{
  stroke-dashoffset: 140;
  animation: rsWhyDraw .9s ease forwards;
}
@keyframes rsWhyDraw{ to{ stroke-dashoffset: 0; } }

@keyframes rsWhyRotate{
  0%{ transform: rotate(0) scale(1); }
  100%{ transform: rotate(180deg) scale(1.05); }
}
@keyframes rsWhyPop{
  0%{ transform: scale(.96); }
  60%{ transform: scale(1.10); }
  100%{ transform: scale(1); }
}
@keyframes rsWhyPulse{
  0%{ transform: scale(1); }
  50%{ transform: scale(1.12); }
  100%{ transform: scale(1); }
}

/* responsive spacing */
@media (max-width: 991px){
  .rs-why-dark-wrap{ padding: 55px 0; }
}



/**************/


/* ===== CTA Phone (No :root) ===== */
.rs-cta-phone{
  background: linear-gradient(180deg,#ffffff 0%, #f7f7f7 100%);
  overflow:hidden;
}
.rs-cta-phone-wrap{
  position:relative;
  background:#212121;
  color:#fff;
  border-radius: 26px;
  padding: 44px 34px;
  box-shadow: 0 22px 70px rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.10);
  overflow:hidden;
}
.rs-cta-phone-wrap::before{
  content:"";
  position:absolute;
  width: 360px; height: 360px;
  border-radius:50%;
  left:-170px; top:-170px;
  background: radial-gradient(circle, rgba(235,33,46,.75), rgba(235,33,46,0) 65%);
  opacity:.25;
  animation: rsCtaGlow 8s ease-in-out infinite;
  pointer-events:none;
}
.rs-cta-phone-wrap::after{
  content:"";
  position:absolute;
  width: 360px; height: 360px;
  border-radius:50%;
  right:-190px; bottom:-190px;
  background: radial-gradient(circle, rgba(255,255,255,.22), rgba(255,255,255,0) 65%);
  opacity:.22;
  animation: rsCtaGlow 10s ease-in-out infinite reverse;
  pointer-events:none;
}
@keyframes rsCtaGlow{
  0%,100%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(16px,-12px) scale(1.06); }
}

/* text */
.rs-cta-phone-badge{
  display:inline-block;
  padding:7px 12px;
  border-radius:999px;
  background: rgba(235,33,46,.18);
  border: 1px solid rgba(235,33,46,.38);
  color:#fff;
  font-weight:700;
  font-size:13px;
  letter-spacing:.2px;
  position:relative;
  z-index:2;
}
.rs-cta-phone-title{
  margin:0;
  font-weight:700;
  font-size: clamp(26px, 3vw, 44px);
  line-height:1.12;
  position:relative;
  z-index:2; color: #fff;
}
.rs-cta-phone-text{
  margin-top: 14px;
  color: rgba(255,255,255,.86);
  font-size: 16px;
  line-height: 1.75;
  position:relative;
  z-index:2;
}
.rs-cta-phone-text b{ color:#fff; }

/* right stage */
.rs-phone-stage{
  position:relative;
  min-height: 360px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
}

/* rings */
.rs-phone-ring{
  position:absolute;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  border: 2px solid rgba(235,33,46,.25);
  animation: rsRing 2.8s ease-in-out infinite;
  pointer-events:none;
}
.rs-phone-ring.r2{
  width: 320px;
  height: 320px;
  border-color: rgba(255,255,255,.14);
  animation-duration: 3.4s;
}
@keyframes rsRing{
  0%{ transform: scale(.85); opacity:.55; }
  70%{ transform: scale(1.08); opacity:.15; }
  100%{ transform: scale(1.12); opacity:0; }
}

/* phone card */
.rs-phone-card{
  width: 320px;
  border-radius: 24px;
  overflow:hidden;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 22px 70px rgba(0,0,0,.30);
  animation: rsFloatCard 7s ease-in-out infinite;
  transform-style: preserve-3d;
}
@keyframes rsFloatCard{
  0%,100%{ transform: translateY(0) rotate(1deg); }
  50%{ transform: translateY(-12px) rotate(-1deg); }
}
.rs-phone-top{
  display:flex;
  align-items:center;
  gap:7px;
  padding: 14px 16px;
  background: rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.rs-phone-top .dot{
  width:10px;height:10px;border-radius:50%;
  background: rgba(255,255,255,.22);
}
.rs-phone-top b{
  margin-left:6px;
  font-weight:700;
  font-size:13px;
}
.rs-phone-body{ padding: 18px; }

/* phone icon box */
.rs-phone-ico{
  position:relative;
  height: 96px;
  border-radius: 22px;
  background: rgba(235,33,46,.18);
  border: 1px solid rgba(235,33,46,.35);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  overflow:hidden;
}
.rs-phone-svg{
  width: 46px;
  height: 46px;
  display:block;
  animation: rsPhoneWobble 1.8s ease-in-out infinite;
  transform-origin: bottom center;
}
@keyframes rsPhoneWobble{
  0%,100%{ transform: rotate(0deg); }
  25%{ transform: rotate(-5deg); }
  50%{ transform: rotate(0deg); }
  75%{ transform: rotate(5deg); }
}

/* waves */
.rs-wave{
  position:absolute;
  right: 16px;
  top: 18px;
  width: 46px;
  height: 46px;
  opacity: .95;
  animation: rsWavePulse 1.5s ease-in-out infinite;
}
@keyframes rsWavePulse{
  0%,100%{ transform: scale(.95); opacity:.55; }
  50%{ transform: scale(1.08); opacity:1; }
}

/* metrics */
.rs-phone-metric .label{
  font-weight:700;
  font-size:12px;
  color: rgba(255,255,255,.88);
  margin-bottom:8px;
}
.rs-phone-metric .bar{
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  overflow:hidden;
}
.rs-phone-metric .bar i{
  display:block;
  height:100%;
  width: 82%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(235,33,46,.95), rgba(255,255,255,.16));
  animation: rsBarMove 2.8s ease-in-out infinite;
}
.rs-phone-metric .bar.b2 i{ width: 74%; animation-duration: 3.2s; }
@keyframes rsBarMove{
  0%,100%{ transform: translateX(-8px); }
  50%{ transform: translateX(8px); }
}

/* chips */
.rs-phone-chips{ display:flex; gap:10px; flex-wrap:wrap; }
.rs-phone-chips .chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(235,33,46,.20);
  border: 1px solid rgba(235,33,46,.36);
  font-weight:700;
  font-size:12px;
}
.rs-phone-chips .chip.dark{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
}
.rs-phone-chips .c-dot{
  width:10px;height:10px;border-radius:50%;
  background:#EB212E;
}
.rs-phone-chips .c-dot.dark{ background:#fff; opacity:.85; }

/* floating mini badges */
.rs-mini-badge{
  position:absolute;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(33,33,33,.72);
  border: 1px solid rgba(255,255,255,.14);
  color:#fff;
  font-weight:700;
  font-size:12px;
  display:flex;
  gap:10px;
  align-items:center;
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 48px rgba(0,0,0,.25);
  animation: rsMiniFloat 6.2s ease-in-out infinite;
}
.rs-mini-badge.b1{ left: 10px; top: 30px; }
.rs-mini-badge.b2{ right: 10px; bottom: 44px; animation-duration: 7s; }
@keyframes rsMiniFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}
.rs-mini-badge .b-dot{ width:10px;height:10px;border-radius:50%; background:#EB212E; }
.rs-mini-badge .b-dot.dark{ background:#fff; opacity:.85; }

/* responsive */
@media (max-width: 991px){
  .rs-cta-phone-wrap{ padding: 34px 22px; }
  .rs-phone-stage{ min-height: 320px; }
  .rs-phone-card{ width: 100%; max-width: 340px; }
}


/* ===== FAQ FULL WIDTH (900px container) ===== */
.rs-faq-full{
  background:#f7f7f7;
}
.rs-faq-wrap1 {
  max-width:900px;
  margin:0 auto;
  padding:20px 16px;
}

/* header */
.rs-faq-badge{
  display:inline-block;
  padding:7px 14px;
  border-radius:999px;
  background:rgba(235,33,46,.12);
  color:#EB212E;
  font-weight:700;
  font-size:13px;
}
.rs-faq-title{
  margin:0;
  font-weight:700;
  font-size:clamp(26px,3vw,40px);
  color:#212121;
}
.rs-faq-sub{
  margin-top:12px;
  color:#666;
  font-size:16px;
  line-height:1.7;
}

/* accordion */
.rs-faq-acc .accordion-item{
  border:none;
  background:transparent;
  margin-bottom:14px;
}
.rs-faq-item{
  background:#fff;
  border-radius:18px;
  box-shadow:0 14px 44px rgba(0,0,0,.08);
  overflow:hidden;
  transition:transform .3s ease, box-shadow .3s ease;
}
.rs-faq-item:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 60px rgba(0,0,0,.12);
}

.rs-faq-acc .accordion-button{
  background:#fff;
  font-weight:700;
  font-size:16px;
  color:#212121;
  padding:18px 22px;
  box-shadow:none;
}
.rs-faq-acc .accordion-button:not(.collapsed){
  color:#EB212E;
}
.rs-faq-acc .accordion-button::after{
  background-size:14px;
  transform:scale(.9);
}

.rs-faq-acc .accordion-body{
  padding:0 22px 22px;
  color:#555;
  line-height:1.7;
  font-size:15px;
  animation:faqFade .35s ease;
}

@keyframes faqFade{
  from{opacity:0;transform:translateY(-6px)}
  to{opacity:1;transform:translateY(0)}
}







/********/

.rs-logo-note{
  position:relative;
  color:#fff;
  border-radius:24px; display: flex; flex-direction: column; justify-content: space-between;
  padding:28px;
  overflow:hidden; 
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 22px 70px rgba(0,0,0,.22);
  background:
    linear-gradient(180deg,rgba(33,33,33,.75),rgba(33,33,33,.92)),
    url("../img/app-support.jpg") 0 0 no-repeat; background-size: cover;
}

/* red accent glow (existing animation stays) */
.rs-note-dot{
  position:absolute;
  inset:-60px auto auto -60px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(235,33,46,.75),rgba(235,33,46,0) 65%);
  opacity:.25;
  animation:rsGlow 8s ease-in-out infinite;
  pointer-events:none;
}

/* text */
.rs-note-title{
  margin:0; color: #fff;
  font-weight:700;
  font-size:20px;
  line-height:1.25;
  position:relative;
  z-index:2;
}
.rs-note-text{
  margin-top:14px;
  color:rgba(255,255,255,.86);
  line-height:1.75;
  position:relative;
  z-index:2;
}
.rs-note-text b{color:#fff}

/* ===== Logo Section (No :root) ===== */
.rs-logo{background:linear-gradient(180deg,#ffffff 0%,#f7f7f7 100%);overflow:hidden}
.rs-logo-wrap{
  position:relative;background:#fff;border:0px solid #eee;border-radius:26px;
  padding:40px 34px; overflow:hidden
}

/* background graphics */
.rs-bg-glow{position:absolute;width:380px;height:380px;border-radius:50%;pointer-events:none;z-index:0;opacity:.20}
.rs-bg-glow.g1{left:-180px;top:-160px;background:radial-gradient(circle,rgba(235,33,46,.85),rgba(235,33,46,0) 65%);animation:rsGlow 8s ease-in-out infinite}
.rs-bg-glow.g2{right:-200px;bottom:-190px;background:radial-gradient(circle,rgba(33,33,33,.35),rgba(33,33,33,0) 65%);animation:rsGlow 10s ease-in-out infinite reverse}
@keyframes rsGlow{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(14px,-10px) scale(1.06)}}
.rs-bg-grid{
  position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.18;
  background:radial-gradient(circle,rgba(33,33,33,.28) 1px,transparent 2px) 0 0/18px 18px;
  mask-image:radial-gradient(circle at 30% 20%,#000 0 40%,transparent 70%)
}
.rs-bg-shape{
  position:absolute;width:160px;height:160px;border-radius:34px;pointer-events:none;z-index:0;opacity:.55;
  background:linear-gradient(135deg,rgba(235,33,46,.25),rgba(33,33,33,.06));
  animation:rsShape 7.2s ease-in-out infinite
}
.rs-bg-shape.s1{right:-35px;top:30px;transform:rotate(12deg)}
.rs-bg-shape.s2{left:-40px;bottom:20px;transform:rotate(-10deg);animation-duration:8.4s}
@keyframes rsShape{0%,100%{transform:translateY(10px) rotate(12deg)}50%{transform:translateY(0) rotate(8deg)}}

/* typography */
.rs-logo-badge{
  display:inline-block;padding:7px 12px;border-radius:999px;
  background:rgba(235,33,46,.10);color:#EB212E;font-weight:700;font-size:13px;position:relative;z-index:2
}
.rs-logo-title{margin:0;font-weight:700;font-size:clamp(26px,3vw,44px);line-height:1.12;color:#212121;position:relative;z-index:2}
.rs-logo-text{margin-top:14px;color:#666;font-size:16px;line-height:1.75;position:relative;z-index:2}
.rs-logo-text b{color:#212121}
.rs-logo-mini{margin:0;font-weight:700;color:#212121;font-size:14px;position:relative;z-index:2}

/* list */
.rs-logo-list{display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}
.rs-logo-item{
  display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:18px;
  background:rgba(255,255,255,.78);border:1px solid rgba(0,0,0,.06);
  box-shadow:0 14px 34px rgba(0,0,0,.08);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease
}
.rs-logo-item:hover{transform:translateY(-4px);box-shadow:0 18px 48px rgba(0,0,0,.12);border-color:rgba(235,33,46,.24)}
.rs-logo-ico{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto;overflow:hidden}
.rs-logo-ico.red{background:#EB212E}
.rs-logo-ico.dark{background:#212121}
.rs-ico{width:22px;height:22px;display:block}
.rs-logo-it{font-weight:700;color:#212121;font-size:14px;line-height:1.25}
.rs-logo-is{margin-top:4px;color:#777;font-size:13px}

/* visual */
.rs-logo-visual{position:relative;min-height:420px;z-index:2}
.rs-mock-card{
  width:100%;max-width:420px;margin-left:auto;
  border-radius:24px;overflow:hidden;background:#212121;color:#fff;
  border:1px solid rgba(255,255,255,.10);box-shadow:0 22px 70px rgba(0,0,0,.25);
  animation:rsFloat 7s ease-in-out infinite
}
@keyframes rsFloat{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-12px) rotate(-1deg)}}
.rs-mock-top{display:flex;align-items:center;gap:7px;padding:14px 16px;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.10)}
.rs-mock-top span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.22)}
.rs-mock-top b{margin-left:6px;font-weight:700;font-size:13px}
.rs-mock-body{padding:16px}
.rs-mark{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
.rs-mark-left{display:flex;gap:12px;align-items:center}
.rs-mark-icon{
  width:48px;height:48px;border-radius:18px;background:#EB212E;color:#fff;
  display:flex;align-items:center;justify-content:center
}
.rs-mark-svg{width:22px;height:22px;display:block}
.rs-mark-title{font-weight:700;font-size:14px}
.rs-mark-sub{margin-top:3px;color:rgba(255,255,255,.78);font-size:12px}
.rs-mark-badge{
  padding:7px 10px;border-radius:999px;background:rgba(235,33,46,.18);
  border:1px solid rgba(235,33,46,.30);font-weight:700;font-size:12px
}

/* bars */
.rs-bars .brow{margin-top:12px}
.rs-bars span{display:block;font-weight:700;font-size:12px;color:rgba(255,255,255,.86);margin-bottom:8px}
.rs-bars .bar{height:10px;border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden}
.rs-bars .bar i{display:block;height:100%;width:84%;border-radius:999px;background:linear-gradient(90deg,rgba(235,33,46,.95),rgba(255,255,255,.16));animation:rsBar 2.8s ease-in-out infinite}
.rs-bars .bar.b2 i{width:76%;animation-duration:3.2s}
.rs-bars .bar.b3 i{width:88%;animation-duration:2.6s}
@keyframes rsBar{0%,100%{transform:translateX(-8px)}50%{transform:translateX(8px)}}

/* floating images */
.rs-float-img{
  position:absolute;width:180px;border-radius:18px;overflow:hidden;
  border:1px solid rgba(0,0,0,.08);box-shadow:0 18px 52px rgba(0,0,0,.18);
  background:#fff;animation:rsFloatImg 6.8s ease-in-out infinite
}
.rs-float-img img{width:100%;height:120px;object-fit:cover;display:block;transform:scale(1.02);transition:transform .7s ease}
.rs-float-img:hover img{transform:scale(1.10)}
.rs-float-img .cap{display:block;padding:10px 12px;font-weight:700;font-size:12px;color:#212121}
.rs-float-img.fi1{left:0;top:24px;animation-duration:7.5s}
.rs-float-img.fi2{right:0;top:86px;animation-duration:6.4s}
.rs-float-img.fi3{left:22px;bottom:10px;animation-duration:8.2s}
@keyframes rsFloatImg{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* bottom */
.rs-logo-bottom{position:relative;z-index:2}
.rs-note-dot{position:absolute;inset:-60px auto auto -60px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(235,33,46,.75),rgba(235,33,46,0) 65%);opacity:.25;animation:rsGlow 8s ease-in-out infinite}
.rs-note-title{margin:0;font-weight:700;font-size:20px;line-height:1.2}
.rs-note-text{margin-top:12px;color:rgba(255,255,255,.84);line-height:1.75}
.rs-logo-grid{
  background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:24px;padding:22px;
  box-shadow:0 18px 60px rgba(0,0,0,.10)
}
.rs-logo-chip{
  display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:20px;
  border:1px solid rgba(0,0,0,.06);box-shadow:0 14px 34px rgba(0,0,0,.08);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;margin-bottom:12px
}
.rs-logo-chip:hover{transform:translateY(-4px);box-shadow:0 18px 48px rgba(0,0,0,.12);border-color:rgba(235,33,46,.22)}
.chip-ico{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto;overflow:hidden}
.chip-ico.red{background:#EB212E}
.chip-ico.dark{background:#212121}
.rs-ico-sm{width:22px;height:22px;display:block}
.rs-logo-chip .t{font-weight:700;color:#212121;font-size:14px;line-height:1.25}
.rs-logo-chip .s{margin-top:4px;color:#777;font-size:13px}
.rs-logo-grid-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}

/* animations on hover */
.rs-logo-item:hover .rs-anim-rotate{animation:rsRot .85s ease both;transform-origin:center}
.rs-logo-item:hover .rs-anim-pop{animation:rsPop .55s ease both;transform-origin:center}
.rs-logo-item:hover .rs-anim-bounce{animation:rsBounce .7s ease both;transform-origin:center}
.rs-logo-item:hover .rs-anim-draw .rs-dash{stroke-dashoffset:140;animation:rsDraw .9s ease forwards}
.rs-dash{stroke-dasharray:140;stroke-dashoffset:0}
@keyframes rsDraw{to{stroke-dashoffset:0}}
@keyframes rsRot{0%{transform:rotate(0) scale(1)}100%{transform:rotate(180deg) scale(1.05)}}
@keyframes rsPop{0%{transform:scale(.96)}60%{transform:scale(1.10)}100%{transform:scale(1)}}
@keyframes rsBounce{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-4px) scale(1.08)}100%{transform:translateY(0) scale(1)}}
.rs-anim-pulse{animation:rsPulse 1.8s ease-in-out infinite}
@keyframes rsPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* draw 2 */
.rs-dash2{stroke-dasharray:120;stroke-dashoffset:0}
.rs-logo-chip:hover .rs-anim-draw .rs-dash2{stroke-dashoffset:120;animation:rsDraw2 .85s ease forwards}
@keyframes rsDraw2{to{stroke-dashoffset:0}}

@media (max-width:991px){
  .rs-logo-wrap{padding:34px 20px}
  .rs-logo-visual{min-height:360px}
  .rs-float-img{display:none}
  .rs-mock-card{margin:0 auto}
}




/****************************************/

/* ===== FULL WIDTH PROCESS (No :root) ===== */
.rs-process-wrap{
  position:relative;
  padding: 70px 0;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(180deg, rgba(0,0,0,.90), rgba(33,33,33,.92)),
    url("../img/meaning-logo.jpg") center no-repeat; background-size: cover;
   border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* header */
.rs-process-badge{
  display:inline-block;
  padding:7px 12px;
  border-radius:999px;
  background: rgba(235,33,46,.18);
  border: 1px solid rgba(235,33,46,.35);
  color:#fff;
  font-weight:700;
  font-size:13px;
  letter-spacing:.2px;
}
.rs-process-title{
  margin:0;
  font-weight:700; color: #fff;
  font-size: clamp(26px, 3vw, 44px);
  line-height:1.12;
}
.rs-process-sub{
  margin-top: 12px;
  color: rgba(255,255,255,.82);
  font-size: 16px;
  line-height: 1.75;
  max-width: 920px;
}

/* decorative */
.rs-process-glow{position:absolute;width:360px;height:360px;border-radius:50%;opacity:.20;pointer-events:none;z-index:1}
.rs-process-glow.red{left:-170px;top:-170px;background:radial-gradient(circle,rgba(235,33,46,.95),rgba(235,33,46,0) 65%);animation:rsProcGlow 9s ease-in-out infinite}
.rs-process-glow.white{right:-190px;bottom:-180px;background:radial-gradient(circle,rgba(255,255,255,.30),rgba(255,255,255,0) 65%);animation:rsProcGlow 11s ease-in-out infinite reverse}
@keyframes rsProcGlow{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(18px,-12px) scale(1.06)}}

.rs-process-ring{
  position:absolute;right: 22px;top: 26px;width: 170px;height: 170px;border-radius: 50%;
  border: 2px dashed rgba(235,33,46,.45);
  animation: rsProcSpin 12s linear infinite;
  opacity:.65;pointer-events:none;z-index:1
}
@keyframes rsProcSpin{to{transform:rotate(360deg)}}

.rs-process-dots{
  position:absolute;left: 22px;bottom: 26px;width: 130px;height: 130px;border-radius: 22px;
  background: radial-gradient(circle, rgba(235,33,46,.75) 2px, transparent 3px) 0 0 / 14px 14px;
  opacity: .28;
  animation: rsProcDots 6.2s ease-in-out infinite;
  pointer-events:none;z-index:1
}
@keyframes rsProcDots{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* steps */
.rs-step{
  position:relative;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 60px rgba(0,0,0,.25);
  overflow:hidden;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.rs-step::before{
  content:"";
  position:absolute;
  inset:auto -40px -70px -40px;
  height: 180px;
  background: radial-gradient(circle, rgba(235,33,46,.24), transparent 60%);
  opacity:.55;
  transform: translateY(20px);
  transition: transform .35s ease;
  pointer-events:none;
}
.rs-step:hover{
  transform: translateY(-6px);
  box-shadow: 0 26px 88px rgba(0,0,0,.32);
  border-color: rgba(235,33,46,.26);
}
.rs-step:hover::before{ transform: translateY(0); }

.rs-step-ico{
  width:54px;height:54px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;overflow:hidden;
}
.rs-step-ico.red{background:#EB212E}
.rs-step-ico.dark{background: rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.14)}
.rs-step-svg{width:26px;height:26px;display:block}

.rs-step-h{
  margin: 14px 0 0;
  font-weight:700;
  font-size:16px;
  line-height:1.25;
  color:#fff;
}
.rs-step-p{
  margin: 8px 0 0;
  color: rgba(255,255,255,.78);
  line-height:1.65;
  font-size:14px;
}
.rs-step-no{
  position:absolute;
  right: 14px;
  top: 14px;
  font-weight:700;
  font-size:12px;
  color: rgba(255,255,255,.85);
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(33,33,33,.45);
  border: 1px solid rgba(255,255,255,.12);
}

/* footer line */
.rs-process-foot{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 16px 18px;
  border-radius: 20px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 60px rgba(0,0,0,.25);
}
.rs-foot-ico{
  width:44px;height:44px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background: rgba(235,33,46,.18);
  border: 1px solid rgba(235,33,46,.30);
  color:#fff;flex:0 0 auto;
}
.rs-foot-svg{width:22px;height:22px;display:block}
.rs-process-foottext{
  color: rgba(255,255,255,.84);
  line-height:1.75;
  font-size:15px;
}

/* icon animations (idle + hover) */
.rs-step-ico svg{ animation: rsProcIdle 3.2s ease-in-out infinite; }
@keyframes rsProcIdle{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}

.rs-step:hover .rs-anim-rotate{ animation: rsProcRotate .85s ease both; transform-origin:center; }
.rs-step:hover .rs-anim-pop{ animation: rsProcPop .55s ease both; transform-origin:center; }
.rs-step:hover .rs-anim-bounce{ animation: rsProcBounce .7s ease both; transform-origin:center; }
.rs-step:hover .rs-anim-pulse{ animation: rsProcPulse .9s ease both; transform-origin:center; }

.rs-step-dash{ stroke-dasharray: 140; stroke-dashoffset: 0; }
.rs-step:hover .rs-anim-draw .rs-step-dash{ stroke-dashoffset: 140; animation: rsProcDraw .9s ease forwards; }
@keyframes rsProcDraw{ to{ stroke-dashoffset: 0; } }

@keyframes rsProcRotate{0%{transform:rotate(0) scale(1)}100%{transform:rotate(180deg) scale(1.05)}}
@keyframes rsProcPop{0%{transform:scale(.96)}60%{transform:scale(1.10)}100%{transform:scale(1)}}
@keyframes rsProcBounce{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-4px) scale(1.08)}100%{transform:translateY(0) scale(1)}}
@keyframes rsProcPulse{0%{transform:scale(1)}50%{transform:scale(1.12)}100%{transform:scale(1)}}

/* responsive */
@media (max-width:991px){
  .rs-process-wrap{padding:55px 0}
}



/******************/


/* ===== Light Background + Dark Text (No :root) ===== */
.rs-hflip{background:linear-gradient(180deg,#fff 0%,#f7f7f7 100%);overflow:hidden}
.rs-hflip-wrap{
  position:relative;
  background:#fff;
  color:#212121;
  border-radius:26px;
  padding:42px 34px;
  box-shadow:0 22px 70px rgba(0,0,0,.10);
  border:1px solid rgba(0,0,0,.06);
  overflow:hidden;
}
.rs-hflip-wrap::before{
  content:"";
  position:absolute;inset:-40%;
  background:radial-gradient(circle at 18% 20%,rgba(235,33,46,.16),transparent 55%);
  opacity:1;
  pointer-events:none;
}

/* arrows background */
.rs-hflip-arrows{
  position:absolute;
  left:0;right:0;
  top: 96px;
  width:100%;
  height:220px;
  pointer-events:none;
  z-index:1;
  opacity:.9;
}

/* header */
.rs-hflip-badge{
  display:inline-block;padding:7px 12px;border-radius:999px;
  background:rgba(235,33,46,.10);
  border:1px solid rgba(235,33,46,.18);
  color:#EB212E;font-weight:700;font-size:13px;letter-spacing:.2px
}
.rs-hflip-title{margin:0;font-weight:700;font-size:clamp(26px,3vw,44px);line-height:1.12}
.rs-hflip-sub{margin-top:12px;color:#666;font-size:16px;line-height:1.75;max-width:920px}

/* flip card */
.rs-flip{height:100%;perspective:1000px;animation:rsFloat 6.8s ease-in-out infinite}



.rs-flip.step1{animation-delay:0s}
.rs-flip.step2{animation-delay:.2s}
.rs-flip.step3{animation-delay:.4s}
.rs-flip.step4{animation-delay:.6s}
.rs-flip.step5{animation-delay:.8s}
@keyframes rsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

.rs-flip-inner{
  position:relative;
  width:100%;
  height:100%;
  min-height:190px;
  transform-style:preserve-3d;
  transition:transform .75s cubic-bezier(.2,.8,.2,1);
  will-change:transform;
}
.rs-flip:hover .rs-flip-inner{transform:rotateY(180deg)}



/* faces */
.rs-flip-front,
.rs-flip-back{
  position:absolute;
  inset:0;
  border-radius:22px;
  padding:18px 16px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 18px 60px rgba(0,0,0,.10);

  backface-visibility:hidden;
  -webkit-backface-visibility:hidden; /* IMPORTANT */
  transform-style:preserve-3d;
}
.rs-flip-front{background:#fff;z-index:2;transform:rotateY(0) translateZ(1px)}

.rs-flip-front::before{
  content:"";
  position:absolute;
  inset:auto -40px -70px -40px;
  height:180px;
  background:radial-gradient(circle,rgba(235,33,46,.18),transparent 100%);
  opacity:.7;
  transform:translateY(22px);
  transition:transform .35s ease;
  pointer-events:none;
}
.rs-flip:hover .rs-flip-front::before{transform:translateY(0)}

.rs-flip-back{
  background:#212121;
  color:#fff;
  z-index:1;
  transform:rotateY(180deg) translateZ(1px);
  border-color:rgba(0,0,0,.08);
  box-shadow:0 22px 70px rgba(0,0,0,.18);
}
.rs-flip-back::before{
  content:"";
  position:absolute;
  inset:-30%;
  background:#212121;
  opacity:.9;
  pointer-events:none;
}

/* number */
.rs-flip-no{
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px 12px;border-radius:999px;
  font-weight:700;font-size:12px;letter-spacing:.6px;
  background:rgba(235,33,46,.10);
  border:1px solid rgba(235,33,46,.18);
  color:#EB212E;
  position:relative;z-index:2;
}


/* swap stacking when flipped */
.rs-flip:hover .rs-flip-front{z-index:1}
.rs-flip:hover .rs-flip-back{z-index:2}

/* front text */
.rs-flip-t{margin:14px 0 0;font-weight:700;font-size:15px;line-height:1.25;color:#212121;position:relative;z-index:2}
.rs-flip-p{margin:8px 0 0;color:#777;font-size:13.5px;line-height:1.65;position:relative;z-index:2}

/* back content */
.rs-back-ico{
  width:54px;height:54px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;overflow:hidden;
  position:relative;z-index:2;
}
.rs-back-ico.red{background:#EB212E}
.rs-back-ico.dark{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14)}
.rs-ico{width:26px;height:26px;display:block;animation:rsIcon 3.2s ease-in-out infinite}
@keyframes rsIcon{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.rs-back-h{margin:14px 0 0;font-weight:700;position:relative;z-index:2; color: #fff;}
.rs-back-p{margin:8px 0 0;color:rgba(255,255,255,.80);line-height:1.65;font-size:13.5px;position:relative;z-index:2}

/* responsive */
@media (max-width:991px){
  .rs-hflip-wrap{padding:34px 20px}
  .rs-hflip-arrows{display:none}
  .rs-flip-inner{min-height: 175px}
}


/* Required class for jQuery toggle */
.rs-flip.is-flipped .rs-flip-inner{transform:rotateY(180deg)}





/*************/

/* ===== Why Logo V2 (No :root) ===== */
.rs-logo-why2{background:#fff;overflow:hidden}
.rs-why2-wrap{position:relative;padding:70px 0;overflow:hidden}

/* background image with overlay */
.rs-why2-bg{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.96)),
    url("assets/img/logo-why-bg.jpg") center/cover no-repeat;
  z-index:0;
}

/* floating blobs + grid */
.rs-why2-blob{
  position:absolute;width:220px;height:220px;border-radius:42px;pointer-events:none;z-index:1;opacity:.55;
  background:linear-gradient(135deg,rgba(235,33,46,.14),rgba(33,33,33,.06));
  animation:rsWhy2Blob 7.2s ease-in-out infinite;
}
.rs-why2-blob.b1{left:-60px;top:80px;transform:rotate(-10deg)}
.rs-why2-blob.b2{right:-70px;bottom:70px;transform:rotate(12deg);animation-duration:8.4s}
@keyframes rsWhy2Blob{0%,100%{transform:translateY(10px) rotate(12deg)}50%{transform:translateY(0) rotate(8deg)}}

.rs-why2-grid{
  position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.14;
  background:radial-gradient(circle,rgba(33,33,33,.35) 1px,transparent 2px) 0 0/18px 18px;
  mask-image:radial-gradient(circle at 35% 25%,#000 0 45%,transparent 74%);
}

/* brandboard */
.rs-brandboard{
  background:#212121;color:#fff;border-radius:26px;overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 22px 70px rgba(0,0,0,.18);
  animation:rsBoardFloat 7s ease-in-out infinite;
}
@keyframes rsBoardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.rs-board-top{
  display:flex;align-items:center;gap:7px;
  padding:14px 16px;background:rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.rs-board-top .dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.22)}
.rs-board-top b{margin-left:6px;font-weight:700;font-size:13px}
.rs-board-body{padding:18px;position:relative}
.rs-board-mark{
  display:flex;gap:12px;align-items:center;
  padding:14px;border-radius:22px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}
.rs-board-ico{
  width:52px;height:52px;border-radius:18px;background:#EB212E;color:#fff;
  display:flex;align-items:center;justify-content:center;
}
.rs-bmark{width:24px;height:24px;display:block}
.rs-board-title{font-weight:700;font-size:14px}
.rs-board-sub{margin-top:4px;color:rgba(255,255,255,.78);font-size:12px}

/* swatches */
.rs-swatches{display:flex;gap:10px;flex-wrap:wrap}
.rs-swatches .sw{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:999px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);
  font-weight:700;font-size:12px
}
.rs-swatches .sw span{width:14px;height:14px;border-radius:50%}
.rs-swatches .sw.red span{background:#EB212E}
.rs-swatches .sw.dark span{background:#fff;opacity:.85}
.rs-swatches .sw.light span{background:#fff}
.rs-swatches .sw b{color:#fff}

/* mini tiles */
.rs-mini-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rs-mini-tiles .tile{
  padding:14px;border-radius:22px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);
  transition:transform .35s ease
}
.rs-mini-tiles .tile:hover{transform:translateY(-4px)}
.rs-mini-tiles .k{font-weight:700;font-size:12px;color:rgba(255,255,255,.78)}
.rs-mini-tiles .v{margin-top:6px;font-weight:700;font-size:13px}

/* stickers */
.rs-sticker{
  position:absolute;
  padding:9px 12px;border-radius:999px;
  font-weight:700;font-size:12px;color:#fff;
  background:rgba(235,33,46,.20);border:1px solid rgba(235,33,46,.30);
  box-shadow:0 18px 48px rgba(0,0,0,.25);
  animation:rsSticker 6.2s ease-in-out infinite;
  pointer-events:none;
}
.rs-sticker.s1{left:18px;bottom:18px}
.rs-sticker.s2{right:18px;top:18px;animation-duration:7s;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.14)}
@keyframes rsSticker{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* header */
.rs-why2-badge{
  display:inline-block;padding:7px 12px;border-radius:999px;
  background:rgba(235,33,46,.10);border:1px solid rgba(235,33,46,.18);
  color:#EB212E;font-weight:700;font-size:13px;letter-spacing:.2px
}
.rs-why2-title{margin:0;font-weight:700;font-size:clamp(26px,3vw,44px);line-height:1.12;color:#212121}
.rs-why2-sub{margin-top:12px;color:#666;font-size:16px;line-height:1.75;max-width:900px}

/* path list */
.rs-path{position:relative}
.rs-path-row{
  display:flex;gap:12px;align-items:flex-start;
  padding:14px;border-radius:22px;background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 14px 44px rgba(0,0,0,.08);
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
  position:relative;
}
.rs-path-row + .rs-path-row{margin-top:12px}
.rs-path-row:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,0,0,.12);border-color:rgba(235,33,46,.22)}
.rs-path-ico{
  width:52px;height:52px;border-radius:18px;background:#EB212E;color:#fff;
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden
}
.rs-path-ico.dark{background:#212121}
.rs-path-svg{width:26px;height:26px;display:block}
.rs-path-txt .h{font-weight:700;color:#212121;font-size:15px;line-height:1.25}
.rs-path-txt .p{margin-top:6px;color:#777;font-size:13.5px;line-height:1.65}

/* animated path line */
.rs-path-line{
  position:absolute;
  left: 26px;
  top: 52px;
  bottom: 26px;
  width: 2px;
  background: repeating-linear-gradient(
    to bottom,
    rgba(235,33,46,.55) 0 10px,
    transparent 10px 18px
  );
  border-radius:999px;
  opacity:.65;
  animation:rsLineMove 2.6s linear infinite;
  z-index:-1;
}
@keyframes rsLineMove{to{background-position:0 40px}}

/* CTA strip */
.rs-why2-cta{
  display:flex;gap:14px;align-items:flex-start;
  padding:18px;border-radius:26px;
  background:#212121;color:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 22px 70px rgba(0,0,0,.12);
  animation:rsCtaFloat2 7s ease-in-out infinite;
}
@keyframes rsCtaFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.rs-why2-cta-ico{
  width:54px;height:54px;border-radius:18px;background:#EB212E;color:#fff;
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden
}
.rs-cta-ico{width:24px;height:24px;display:block}
.rs-why2-cta-title{font-weight:700;color:#fff}
.rs-why2-cta-text{color:rgba(255,255,255,.86);line-height:1.75}
.rs-why2-cta-text b{color:#fff}

/* icon animations */
.rs-anim-pulse{animation:rsPulse 1.8s ease-in-out infinite}
@keyframes rsPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.rs-path-row:hover .rs-anim-rotate{animation:rsRot .85s ease both;transform-origin:center}
.rs-path-row:hover .rs-anim-pop{animation:rsPop .55s ease both;transform-origin:center}
.rs-path-dash{stroke-dasharray:140;stroke-dashoffset:0}
.rs-path-row:hover .rs-anim-draw .rs-path-dash{stroke-dashoffset:140;animation:rsDraw .9s ease forwards}
@keyframes rsDraw{to{stroke-dashoffset:0}}
@keyframes rsRot{0%{transform:rotate(0) scale(1)}100%{transform:rotate(180deg) scale(1.05)}}
@keyframes rsPop{0%{transform:scale(.96)}60%{transform:scale(1.10)}100%{transform:scale(1)}}

@media (max-width:991px){
  .rs-why2-wrap{padding:55px 0}
  .rs-path-line{display:none}
}




/***********/

/* ===== Creative Preview V2 (No :root) ===== */
.rs-bro-preview-v2{
  position:relative;
  border-radius:26px;
  padding:18px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 22px 70px rgba(0,0,0,.10);
  backdrop-filter: blur(10px);
  overflow:hidden;
}
.rs-bro-preview-v2::before{
  content:"";
  position:absolute;inset:-40%;
  background:
    radial-gradient(circle at 22% 18%, rgba(235,33,46,.18), transparent 55%),
    radial-gradient(circle at 80% 88%, rgba(33,33,33,.08), transparent 60%);
  opacity:1;
  pointer-events:none;
}
.rs-bro-preview-v2::after{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(circle, rgba(0,0,0,.10) 1px, transparent 2px) 0 0/18px 18px;
  opacity:.10;
  mask-image: radial-gradient(circle at 30% 18%, #000 0 42%, transparent 72%);
  pointer-events:none;
}

/* stage */
.rs-stage{
  position:relative;
  height: 320px;
  margin-top: 14px;
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(33,33,33,.06), rgba(33,33,33,0)),
    radial-gradient(circle at 25% 30%, rgba(235,33,46,.10), transparent 60%);
  border:1px dashed rgba(235,33,46,.22);
  overflow:hidden;
}

/* orbit ring */
.rs-orbit{
  position:absolute;
  right: 18px;
  top: 18px;
  width: 160px;
  height: 160px;
  border-radius:50%;
  border:2px dashed rgba(235,33,46,.35);
  opacity:.6;
  animation: rsOrbit 12s linear infinite;
  pointer-events:none;
}
@keyframes rsOrbit{to{transform:rotate(360deg)}}

/* sparkle */
.rs-spark{
  position:absolute;
  left: 16%;
  top: 18%;
  width: 14px;
  height: 14px;
  border-radius:6px;
  background:#EB212E;
  box-shadow:
    0 0 0 6px rgba(235,33,46,.14),
    0 0 0 14px rgba(235,33,46,.06);
  animation: rsSpark 4.6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes rsSpark{
  0%,100%{transform:translate(0,0) scale(1);opacity:.9}
  50%{transform:translate(10px,-8px) scale(1.12);opacity:1}
}

/* doc base */
.rs-doc{
  position:absolute;
  border-radius:22px;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 22px 70px rgba(0,0,0,.14);
  background:#fff;
  overflow:hidden;
  transform-style:preserve-3d;
}

/* cover */
.rs-doc-cover{
  left: 18px;
  top: 18px;
  width: 62%;
  height: 72%;
  background: linear-gradient(180deg,#212121 0%, #151515 100%);
  color:#fff;
  border-color: rgba(0,0,0,.10);
  animation: rsFloatCover 7s ease-in-out infinite;
}
@keyframes rsFloatCover{
  0%,100%{transform:translateY(8px) rotate(-2deg)}
  50%{transform:translateY(0) rotate(-1deg)}
}
.rs-doc-cover::before{
  content:"";
  position:absolute;inset:-40%;
  background: radial-gradient(circle at 22% 20%, rgba(235,33,46,.32), transparent 55%);
  opacity:.95;
  pointer-events:none;
}
.rs-doc-head{
  display:flex;align-items:center;gap:7px;
  padding:12px 14px;
  background:rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.10);
  position:relative;z-index:2;
}
.rs-doc-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.22)}
.rs-doc-badge{
  margin-left:auto;
  padding:6px 10px;border-radius:999px;
  background:rgba(235,33,46,.18);
  border:1px solid rgba(235,33,46,.30);
  font-weight:700;font-size:11px;letter-spacing:.6px;
}
.rs-doc-brand{
  display:flex;gap:12px;align-items:center;
  padding:16px 16px 10px;
  position:relative;z-index:2;
}
.rs-doc-mark{width:18px;height:18px;border-radius:6px;background:#EB212E;display:inline-block}
.rs-doc-name{font-weight:700;font-size:14px}
.rs-doc-sub{margin-top:2px;color:rgba(255,255,255,.80);font-size:12px}
.rs-doc-wave{
  position:absolute;
  left:-30%;
  bottom:-30%;
  width: 220px;
  height: 220px;
  border-radius:34px;
  background:linear-gradient(135deg,rgba(235,33,46,.22),rgba(255,255,255,.06));
  transform:rotate(18deg);
  animation: rsWave 8.8s ease-in-out infinite;
  opacity:.9;
  pointer-events:none;
}
@keyframes rsWave{
  0%,100%{transform:translateY(8px) rotate(18deg)}
  50%{transform:translateY(0) rotate(14deg)}
}
.rs-doc-lines{
  position:absolute;
  left:16px;right:16px;bottom:16px;
  display:flex;flex-direction:column;gap:8px;
  z-index:2;
}
.rs-doc-lines span{height:10px;border-radius:999px;background:rgba(255,255,255,.10)}
.rs-doc-lines span.w{width:78%}

/* pages */
.rs-doc-page{
  width: 46%;
  height: 54%;
  background:#fff;
  animation: rsFloatPage 6.6s ease-in-out infinite;
}
@keyframes rsFloatPage{
  0%,100%{transform:translateY(10px) rotate(2deg)}
  50%{transform:translateY(0) rotate(1deg)}
}
.rs-doc-page.p1{
  right: 18px;
  top: 64px;
  transform: rotate(6deg);
  animation-delay:.2s;
}
.rs-doc-page.p2{
  right: 34px;
  bottom: 22px;
  transform: rotate(-3deg);
  animation-delay:.6s;
  opacity:.96;
}
.rs-doc-page::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(235,33,46,.06),transparent 55%);
  opacity:.9;
  pointer-events:none;
}
.rs-page-bar{
  height:10px;border-radius:999px;
  background:rgba(235,33,46,.32);
  margin:14px 14px 0;
}
.rs-page-bar.dark{background:rgba(33,33,33,.14)}
.rs-page-ln{
  height:8px;border-radius:999px;
  background:rgba(0,0,0,.06);
  margin:10px 14px 0;
}
.rs-page-ln.sm{width:72%}
.rs-page-block{
  height:56px;border-radius:16px;
  margin:12px 14px 0;
  background:linear-gradient(180deg,rgba(33,33,33,.06),rgba(235,33,46,.08));
}

/* responsive */
@media (max-width:991px){
  .rs-stage{height:300px}
  .rs-doc-cover{width:66%}
}







/*********************************/
/* ===== Graphic Design Dark Section (No :root) ===== */
.rs-gd-dark{background:#212121;overflow:hidden}
.rs-gd-wrap{
  position:relative;
  padding:70px 0;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#fff;
}

/* background image + overlay (change image path) */
.rs-gd-bg{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(33,33,33,.72),rgba(33,33,33,.94)),
    url("assets/img/graphic-design-bg.jpg") center/cover no-repeat;
  z-index:0;
}

/* decorative elements */
.rs-gd-glow{position:absolute;width:380px;height:380px;border-radius:50%;opacity:.22;pointer-events:none;z-index:1}
.rs-gd-glow.red{left:-170px;top:-170px;background:radial-gradient(circle,rgba(235,33,46,.95),rgba(235,33,46,0) 65%);animation:rsGdGlow 9s ease-in-out infinite}
.rs-gd-glow.white{right:-190px;bottom:-180px;background:radial-gradient(circle,rgba(255,255,255,.30),rgba(255,255,255,0) 65%);animation:rsGdGlow 11s ease-in-out infinite reverse}
@keyframes rsGdGlow{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(18px,-12px) scale(1.06)}}

.rs-gd-ring{
  position:absolute;right:24px;top:34px;width:170px;height:170px;border-radius:50%;
  border:2px dashed rgba(235,33,46,.45);
  animation:rsGdSpin 12s linear infinite;
  opacity:.65;pointer-events:none;z-index:1
}
@keyframes rsGdSpin{to{transform:rotate(360deg)}}

.rs-gd-dots{
  position:absolute;left:22px;bottom:26px;width:130px;height:130px;border-radius:22px;
  background:radial-gradient(circle,rgba(235,33,46,.75) 2px,transparent 3px) 0 0/14px 14px;
  opacity:.28;animation:rsGdDots 6.2s ease-in-out infinite;pointer-events:none;z-index:1
}
@keyframes rsGdDots{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

.rs-gd-swoosh{
  position:absolute;inset:auto -25% 10% -25%;
  height:200px;
  background:
    radial-gradient(circle at 20% 50%,rgba(235,33,46,.18),transparent 55%),
    radial-gradient(circle at 80% 50%,rgba(255,255,255,.10),transparent 60%);
  filter:blur(2px);
  opacity:.9;
  animation:rsGdSwoosh 9.2s ease-in-out infinite;
  pointer-events:none;z-index:1
}
@keyframes rsGdSwoosh{0%,100%{transform:translateX(0)}50%{transform:translateX(18px)}}

/* header */
.rs-gd-badge{
  display:inline-block;padding:7px 12px;border-radius:999px;
  background:rgba(235,33,46,.18);border:1px solid rgba(235,33,46,.35);
  color:#fff;font-weight:700;font-size:13px;letter-spacing:.2px
}
.rs-gd-title{margin:0;font-weight:700;font-size:clamp(26px,3vw,44px);line-height:1.12}
.rs-gd-sub{margin-top:12px;color:rgba(255,255,255,.82);font-size:16px;line-height:1.75;max-width:920px}
.rs-gd-sub b{color:#fff}

/* services grid */
.rs-gd-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
@media (max-width:767px){.rs-gd-grid{grid-template-columns:1fr}}

.rs-gd-card{
  display:flex;gap:12px;align-items:flex-start;
  padding:16px;border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 60px rgba(0,0,0,.25);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  position:relative;overflow:hidden;
}
.rs-gd-card::before{
  content:"";
  position:absolute;inset:auto -40px -70px -40px;height:180px;
  background:radial-gradient(circle,rgba(235,33,46,.22),transparent 60%);
  opacity:.55;transform:translateY(20px);transition:transform .35s ease;pointer-events:none
}
.rs-gd-card:hover{transform:translateY(-5px);box-shadow:0 26px 88px rgba(0,0,0,.32);border-color:rgba(235,33,46,.22)}
.rs-gd-card:hover::before{transform:translateY(0)}

.rs-gd-ico{
  width:52px;height:52px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;flex:0 0 auto;overflow:hidden;
}
.rs-gd-ico.red{background:#EB212E}
.rs-gd-ico.dark{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14)}
.rs-gd-svg{width:26px;height:26px;display:block}
.rs-gd-h{font-weight:700;color:#fff;font-size:15px;line-height:1.25}
.rs-gd-p{margin-top:6px;color:rgba(255,255,255,.78);font-size:13.5px;line-height:1.65}

/* right panel */
.rs-gd-panel{
  position:relative;
  border-radius:26px;
  padding:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 22px 70px rgba(0,0,0,.22);
  overflow:hidden;
  animation:rsPanelFloat 7s ease-in-out infinite;
}
@keyframes rsPanelFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.rs-gd-panel::before{
  content:"";
  position:absolute;inset:-40%;
  background:radial-gradient(circle at 22% 20%,rgba(235,33,46,.22),transparent 55%);
  opacity:.9;pointer-events:none;
}

.rs-gd-panel-top{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:2}
.rs-gd-pill{
  padding:8px 12px;border-radius:999px;
  background:rgba(235,33,46,.18);
  border:1px solid rgba(235,33,46,.30);
  color:#fff;font-weight:700;font-size:12px
}
.rs-gd-pill.dark{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.14)}

.rs-gd-canvas{
  position:relative;
  height:240px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,0));
  border:1px dashed rgba(255,255,255,.18);
  overflow:hidden;
  z-index:2;
}
.rs-gd-tile{
  position:absolute;border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 60px rgba(0,0,0,.22);
  animation:rsTileFloat 6.8s ease-in-out infinite;
}
.rs-gd-tile.t1{width:160px;height:110px;left:16px;top:18px;transform:rotate(-7deg)}
.rs-gd-tile.t2{width:170px;height:120px;right:18px;top:44px;transform:rotate(6deg);animation-delay:.4s}
.rs-gd-tile.t3{width:190px;height:120px;left:44px;bottom:18px;transform:rotate(3deg);animation-delay:.8s}
@keyframes rsTileFloat{0%,100%{transform:translateY(10px) rotate(var(--r,0deg))}50%{transform:translateY(0) rotate(var(--r,0deg))}}

.rs-gd-center{
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:18px;
}
.rs-gd-center-ico{
  width:60px;height:60px;border-radius:22px;background:#EB212E;color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
}
.rs-center-svg{width:28px;height:28px;display:block}
.rs-gd-center-t{margin-top:12px;color:rgba(255,255,255,.86);line-height:1.6}
.rs-gd-center-t b{color:#fff}

.rs-gd-panel-note{
  display:flex;gap:12px;align-items:flex-start;
  padding:14px;border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  position:relative;z-index:2;
}
.rs-gd-mini-ico{
  width:44px;height:44px;border-radius:16px;background:rgba(235,33,46,.18);
  border:1px solid rgba(235,33,46,.30);
  display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto;
}
.rs-mini-svg{width:22px;height:22px;display:block}
.rs-gd-note-h{font-weight:900}
.rs-gd-note-p{margin-top:6px;color:rgba(255,255,255,.78);font-size:13.5px;line-height:1.6}

/* stickers */
.rs-gd-sticker{
  position:absolute;
  padding:9px 12px;border-radius:999px;
  font-weight:700;font-size:12px;color:#fff;
  background:rgba(33,33,33,.88);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 48px rgba(0,0,0,.25);
  animation:rsStickerFloat 6.2s ease-in-out infinite;
  pointer-events:none;z-index:2;
}
.rs-gd-sticker.s1{left:16px;bottom:16px}
.rs-gd-sticker.s2{right:16px;top:74px;background:rgba(235,33,46,.88);border-color:rgba(235,33,46,.25);animation-duration:7s}
@keyframes rsStickerFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* icon animations */
.rs-gd-ico svg{animation:rsIconIdle 3.2s ease-in-out infinite}
@keyframes rsIconIdle{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.rs-gd-dash{stroke-dasharray:140;stroke-dashoffset:0}
.rs-gd-card:hover .rs-anim-draw .rs-gd-dash{stroke-dashoffset:140;animation:rsDraw .9s ease forwards}
@keyframes rsDraw{to{stroke-dashoffset:0}}
.rs-gd-card:hover .rs-anim-rotate{animation:rsRot .85s ease both;transform-origin:center}
.rs-gd-card:hover .rs-anim-pop{animation:rsPop .55s ease both;transform-origin:center}
.rs-gd-card:hover .rs-anim-pulse{animation:rsPulse .9s ease both;transform-origin:center}
@keyframes rsRot{0%{transform:rotate(0) scale(1)}100%{transform:rotate(180deg) scale(1.05)}}
@keyframes rsPop{0%{transform:scale(.96)}60%{transform:scale(1.10)}100%{transform:scale(1)}}
@keyframes rsPulse{0%{transform:scale(1)}50%{transform:scale(1.12)}100%{transform:scale(1)}}

@media (max-width:991px){
  .rs-gd-wrap{padding:55px 0}
  .rs-gd-canvas{height:220px}
}



/*****************/


/* ===== Brand Reflect Section (No :root, No icon backgrounds) ===== */
.rs-gd-brand{background:linear-gradient(180deg,#fff 0%,#f7f7f7 100%)}
.rs-gd-badge-lite{
  display:inline-block;padding:7px 12px;border-radius:999px;
  background:rgba(235,33,46,.10);border:1px solid rgba(235,33,46,.18);
  color:#EB212E;font-weight:700;font-size:13px;letter-spacing:.2px
}
.rs-gd-brand-title{margin:0;font-weight:700;font-size:clamp(26px,3vw,42px);line-height:1.12;color:#212121}
.rs-gd-brand-sub{margin-top:12px;color:#666;font-size:16px;line-height:1.75;max-width:640px}

/* note box */
.rs-gd-brand-note{
  position:relative;
  padding:14px 16px 14px 18px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 14px 44px rgba(0,0,0,.08);
  color:#666;
  line-height:1.7;
}
.rs-gd-line{
  position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:999px;
  background:linear-gradient(180deg,#EB212E,rgba(235,33,46,.35));
}

/* grid items */
.rs-gd-brand-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
@media (max-width:767px){.rs-gd-brand-grid{grid-template-columns:1fr}}

.rs-gd-brand-item{
  display:flex;gap:12px;align-items:flex-start;
  padding:16px;border-radius:22px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 14px 44px rgba(0,0,0,.08);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  position:relative;
}
.rs-gd-brand-item::after{
  content:"";
  position:absolute;inset:auto -40px -70px -40px;height:180px;
  background:radial-gradient(circle,rgba(235,33,46,.14),transparent 60%);
  opacity:.6;transform:translateY(20px);
  transition:transform .35s ease;
  pointer-events:none;
}
.rs-gd-brand-item:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 60px rgba(0,0,0,.12);
  border-color:rgba(235,33,46,.20);
}
.rs-gd-brand-item:hover::after{transform:translateY(0)}

/* ICONS: no background (only stroke color) */
.rs-gd-ico-plain{
  width:28px;height:28px;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  color:#212121; /* default */
  margin-top:2px;
}
.rs-gd-ico-plain.red{color:#EB212E}
.rs-gd-ico-plain.dark{color:#212121}
.rs-gd-plain-svg{width:28px;height:28px;display:block}

/* text */
.rs-gd-brand-h{font-weight:700;color:#212121;font-size:15px;line-height:1.25}
.rs-gd-brand-p{margin-top:6px;color:#777;font-size:13.5px;line-height:1.65}

/* idle icon motion */
.rs-gd-ico-plain svg{animation:rsPlainIdle 3.2s ease-in-out infinite}
@keyframes rsPlainIdle{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}

/* hover triggers */
.rs-gd-brand-item:hover .rs-anim-rotate{animation:rsPlainRot .85s ease both;transform-origin:center}
.rs-gd-brand-item:hover .rs-anim-pop{animation:rsPlainPop .55s ease both;transform-origin:center}
.rs-gd-brand-item:hover .rs-anim-pulse{animation:rsPlainPulse .9s ease both;transform-origin:center}

/* draw (visible by default) */
.rs-gd-plain-dash{stroke-dasharray:140;stroke-dashoffset:0}
.rs-gd-brand-item:hover .rs-anim-draw .rs-gd-plain-dash{
  stroke-dashoffset:140;
  animation:rsPlainDraw .9s ease forwards;
}
@keyframes rsPlainDraw{to{stroke-dashoffset:0}}

@keyframes rsPlainRot{0%{transform:rotate(0) scale(1)}100%{transform:rotate(180deg) scale(1.05)}}
@keyframes rsPlainPop{0%{transform:scale(.96)}60%{transform:scale(1.10)}100%{transform:scale(1)}}
@keyframes rsPlainPulse{0%{transform:scale(1)}50%{transform:scale(1.12)}100%{transform:scale(1)}}





/****************/

/* ===== Digital + Print (No :root) ===== */
.rs-dp{background:linear-gradient(180deg,#fff 0%,#f7f7f7 100%)}
.rs-dp-badge{
  display:inline-block;padding:7px 12px;border-radius:999px;
  background:rgba(235,33,46,.10);border:1px solid rgba(235,33,46,.18);
  color:#EB212E;font-weight:700;font-size:13px;letter-spacing:.2px
}
.rs-dp-title{margin:0;font-weight:700;font-size:clamp(26px,3vw,42px);line-height:1.12;color:#212121}
.rs-dp-sub{margin-top:12px;color:#666;font-size:16px;line-height:1.75;max-width:640px}

/* note */
.rs-dp-note{
  position:relative;
  padding:14px 16px 14px 18px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 14px 44px rgba(0,0,0,.08);
  color:#666;line-height:1.7;
}
.rs-dp-note-line{
  position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:999px;
  background:linear-gradient(180deg,#EB212E,rgba(235,33,46,.35));
}

/* cards */
.rs-dp-card{
  position:relative;
  padding:16px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 14px 44px rgba(0,0,0,.08);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  overflow:hidden;
}
.rs-dp-card::before{
  content:"";
  position:absolute;inset:auto -40px -70px -40px;height:180px;
  background:radial-gradient(circle,rgba(235,33,46,.14),transparent 60%);
  opacity:.65;transform:translateY(20px);transition:transform .35s ease;
  pointer-events:none;
}
.rs-dp-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 60px rgba(0,0,0,.12);
  border-color:rgba(235,33,46,.20);
}
.rs-dp-card:hover::before{transform:translateY(0)}

/* icon (no background block, just vector) */
.rs-dp-icon{
  color:#EB212E;
  width:30px;height:30px;
  display:flex;align-items:center;justify-content:center;
}
.rs-dp-svg{width:30px;height:30px;display:block}
.rs-dp-h{margin-top:12px;font-weight:700;color:#212121;font-size:15px;line-height:1.25}
.rs-dp-p{margin-top:6px;color:#777;font-size:13.5px;line-height:1.65}

/* tag */
.rs-dp-tag{
  position:absolute;right:14px;top:14px;
  padding:7px 10px;border-radius:999px;
  background:rgba(235,33,46,.10);
  border:1px solid rgba(235,33,46,.18);
  color:#EB212E;
  font-weight:700;font-size:11px;
  animation:rsTagFloat 6.2s ease-in-out infinite;
}
.rs-dp-tag.dark{
  background:rgba(33,33,33,.08);
  border-color:rgba(33,33,33,.12);
  color:#212121;
}
@keyframes rsTagFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* icon idle + hover triggers */
.rs-dp-icon svg{animation:rsDpIdle 3.2s ease-in-out infinite}
@keyframes rsDpIdle{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}

.rs-dp-card:hover .rs-anim-rotate{animation:rsDpRot .85s ease both;transform-origin:center}
.rs-dp-card:hover .rs-anim-pop{animation:rsDpPop .55s ease both;transform-origin:center}
.rs-dp-card:hover .rs-anim-pulse{animation:rsDpPulse .9s ease both;transform-origin:center}

/* draw */
.rs-dp-dash{stroke-dasharray:140;stroke-dashoffset:0}
.rs-dp-card:hover .rs-anim-draw .rs-dp-dash{stroke-dashoffset:140;animation:rsDpDraw .9s ease forwards}
@keyframes rsDpDraw{to{stroke-dashoffset:0}}

@keyframes rsDpRot{0%{transform:rotate(0) scale(1)}100%{transform:rotate(180deg) scale(1.05)}}
@keyframes rsDpPop{0%{transform:scale(.96)}60%{transform:scale(1.10)}100%{transform:scale(1)}}
@keyframes rsDpPulse{0%{transform:scale(1)}50%{transform:scale(1.12)}100%{transform:scale(1)}}

@media (max-width:991px){
  .rs-dp-title{font-size:clamp(24px,6vw,34px)}
}



/**************/

/* ===== Industry Focused (No :root) ===== */
.rs-industry-gd{background:linear-gradient(180deg,#fff 0%,#f7f7f7 100%)}

/* header */
.rs-ind-badge{
  display:inline-block;padding:7px 12px;border-radius:999px;
  background:rgba(235,33,46,.10);border:1px solid rgba(235,33,46,.18);
  color:#EB212E;font-weight:700;font-size:13px;letter-spacing:.2px
}
.rs-ind-title{margin:0;font-weight:700;font-size:clamp(26px,3vw,42px);line-height:1.12;color:#212121}
.rs-ind-sub{margin-top:12px;color:#666;font-size:16px;line-height:1.75;max-width:820px}

/* visual */
.rs-ind-visual{
  position:relative;
  border-radius:28px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 22px 70px rgba(0,0,0,.10);
  padding:14px;
  animation:rsIndFloat 7s ease-in-out infinite;
}
@keyframes rsIndFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

.rs-ind-img{
  width:100%;
  height:360px;
  object-fit:cover;
  border-radius:22px;
  display:block;
  filter:saturate(1.02) contrast(1.03);
}

/* overlay gradient on image */
.rs-ind-visual::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(33,33,33,0) 0%,rgba(33,33,33,.38) 92%);
  pointer-events:none;
}

/* floating mini labels */
.rs-ind-float{
  position:absolute;
  padding:9px 12px;
  border-radius:999px;
  font-weight:700;
  font-size:12px;
  color:#fff;
  background:rgba(33,33,33,.86);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 48px rgba(0,0,0,.22);
  display:flex;align-items:center;gap:8px;
  animation:rsFloatTag 6.2s ease-in-out infinite;
  z-index:2;
}
.rs-ind-float .dot{width:10px;height:10px;border-radius:50%;background:#EB212E}
.rs-ind-float .dot.dark{background:#fff;opacity:.85}
.rs-ind-float.f1{left:26px;top:28px}
.rs-ind-float.f2{right:24px;top:64px;animation-duration:7.2s}
.rs-ind-float.f3{left:34px;bottom:28px;animation-duration:6.8s}
@keyframes rsFloatTag{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* decorative scribble + ring */
.rs-ind-scribble{
  position:absolute;
  right: 18px;
  bottom: 18px;
  width: 140px;
  height: 90px;
  border-radius:26px;
  background:
    radial-gradient(circle at 20% 40%, rgba(235,33,46,.28), transparent 55%),
    radial-gradient(circle at 80% 70%, rgba(255,255,255,.22), transparent 55%);
  opacity:.85;
  filter:blur(.2px);
  animation:rsScrib 8.2s ease-in-out infinite;
  z-index:1;
  pointer-events:none;
}
@keyframes rsScrib{0%,100%{transform:translateX(0)}50%{transform:translateX(-10px)}}

.rs-ind-ring{
  position:absolute;
  left: 18px;
  top: 52%;
  width: 170px;
  height: 170px;
  border-radius:50%;
  border:2px dashed rgba(235,33,46,.35);
  opacity:.75;
  animation:rsRingSpin 12s linear infinite;
  z-index:1;
  pointer-events:none;
}
@keyframes rsRingSpin{to{transform:rotate(360deg)}}

/* panel */
.rs-ind-panel{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:26px;
  padding:18px;
  box-shadow:0 14px 44px rgba(0,0,0,.08);
  position:relative;
  overflow:hidden;
}
.rs-ind-panel::before{
  content:"";
  position:absolute;inset:auto -40px -70px -40px;height:180px;
  background:radial-gradient(circle,rgba(235,33,46,.14),transparent 60%);
  opacity:.65;transform:translateY(20px);
  transition:transform .35s ease;
  pointer-events:none;
}
.rs-ind-panel:hover::before{transform:translateY(0)}

.rs-ind-kicker{font-weight:700;color:#212121;font-size:13px;letter-spacing:.2px}
.rs-ind-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.rs-chip{
  padding:10px 12px;border-radius:999px;
  background:rgba(235,33,46,.10);
  border:1px solid rgba(235,33,46,.18);
  color:#212121;
  font-weight:700;
  font-size:12px;
  transition:transform .25s ease;
}
.rs-chip.red{color:#EB212E}
.rs-chip.dark{background:rgba(33,33,33,.06);border-color:rgba(33,33,33,.10)}
.rs-chip:hover{transform:translateY(-2px)}

.rs-ind-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
@media (max-width:575px){.rs-ind-row{grid-template-columns:1fr}}
.rs-ind-stat{
  padding:14px;border-radius:22px;
  background:linear-gradient(180deg,rgba(33,33,33,.03),transparent);
  border:1px solid rgba(0,0,0,.05);
}
.rs-ind-stat .k{font-weight:700;color:#777;font-size:12px}
.rs-ind-stat .v{margin-top:6px;font-weight:700;color:#212121}

/* responsive image height */
@media (max-width:991px){
  .rs-ind-img{height:320px}
}


/******************************************************/

/* ====== Section base ====== */
  .rs-support{
    background: radial-gradient(1200px 600px at 15% 20%, rgba(235,33,46,.10), transparent 55%),
                radial-gradient(900px 500px at 85% 65%, rgba(0,0,0,.08), transparent 55%),
                #fff;
  }

  .rs-badge{
    padding: .45rem .75rem;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 999px;
    background: rgba(255,255,255,.75);
    backdrop-filter: blur(8px);
    animation: rs-fadeUp .8s ease both;
  }
  .rs-dot{
    width: 10px; height: 10px; border-radius: 999px;
    background: #EB212E;
    box-shadow: 0 0 0 6px rgba(235,33,46,.12);
  }

  .rs-title{ animation: rs-fadeUp .9s .05s ease both; }
  .rs-text{ animation: rs-fadeUp .9s .12s ease both; }

  /* ====== Features list ====== */
  .rs-feature-list{ display: grid; gap: .9rem; }
  .rs-feature{
    display: flex; gap: .85rem; align-items: flex-start;
    padding: .95rem 1rem;
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,.08);
    background: rgba(255,255,255,.7);
    backdrop-filter: blur(10px);
    transform: translateY(10px);
    opacity: 0;
    animation: rs-fadeUp .9s ease both;
  }
  .rs-feature:nth-child(1){ animation-delay: .18s; }
  .rs-feature:nth-child(2){ animation-delay: .25s; }
  .rs-feature:nth-child(3){ animation-delay: .32s; }

  .rs-icon{
    width: 44px; height: 44px; border-radius: 14px;
    display: grid; place-items: center;
    background: rgba(235,33,46,.10);
    color: #EB212E;
    flex: 0 0 auto;
    transition: transform .25s ease;
  }
  .rs-feature:hover .rs-icon{ transform: rotate(-6deg) scale(1.06); }

  /* ====== Buttons ====== */
  .rs-btn{
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(235,33,46,.18);
    transform: translateY(0);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
    animation: rs-fadeUp .9s .38s ease both;
  }
  .rs-btn:hover{ transform: translateY(-2px); filter: saturate(1.05); box-shadow: 0 14px 30px rgba(235,33,46,.22); }

  .rs-btn-ghost{
    border-radius: 14px;
    transition: transform .2s ease, background .2s ease;
    animation: rs-fadeUp .9s .44s ease both;
  }
  .rs-btn-ghost:hover{ transform: translateY(-2px); background: rgba(0,0,0,.04); }

  .rs-micro{ animation: rs-fadeUp .9s .50s ease both; }

  /* ====== Right card ====== */
  .rs-card{
    border-radius: 24px;
    padding: 1px;
    background: linear-gradient(135deg, rgba(235,33,46,.28), rgba(0,0,0,.12));
    box-shadow: 0 18px 48px rgba(0,0,0,.10);
    transform: translateY(12px);
    opacity: 0;
    animation: rs-cardIn 1s .12s ease both;
  }
  .rs-card-inner{
    position: relative;
    border-radius: 23px;
    background: rgba(255,255,255,.85);
    backdrop-filter: blur(12px);
    padding: 1.35rem 1.35rem;
    overflow: hidden;
  }

  .rs-glow{
    position: absolute; inset: -60px;
    background: radial-gradient(circle at 30% 20%, rgba(235,33,46,.22), transparent 45%),
                radial-gradient(circle at 70% 60%, rgba(0,0,0,.10), transparent 48%);
    filter: blur(16px);
    opacity: .9;
    pointer-events: none;
  }

  .rs-chip{
    display: inline-flex;
    padding: .25rem .55rem;
    border-radius: 999px;
    font-size: .78rem;
    border: 1px solid rgba(0,0,0,.10);
    background: rgba(235,33,46,.08);
    color: #8f0f18;
    font-weight: 600;
  }

  .rs-orb{
    width: 54px; height: 54px; border-radius: 18px;
    background: rgba(0,0,0,.04);
    border: 1px solid rgba(0,0,0,.08);
    display: grid; place-items: center;
    overflow: hidden;
    flex: 0 0 auto;
  }
  .rs-orb span{
    width: 26px; height: 26px; border-radius: 999px;
    background: #EB212E;
    box-shadow: 0 0 0 10px rgba(235,33,46,.12);
    animation: rs-pulse 2.2s ease-in-out infinite;
  }

  .rs-mini{
    border-radius: 16px;
    padding: .9rem 1rem;
    border: 1px solid rgba(0,0,0,.08);
    background: rgba(255,255,255,.75);
    display: flex; gap: .8rem; align-items: center;
    transition: transform .25s ease, box-shadow .25s ease;
  }
  .rs-mini:hover{
    transform: translateY(-3px);
    box-shadow: 0 14px 26px rgba(0,0,0,.08);
  }
  .rs-mini-icon{
    width: 42px; height: 42px; border-radius: 14px;
    display: grid; place-items: center;
    background: rgba(0,0,0,.04);
    border: 1px solid rgba(0,0,0,.06);
  }

  .rs-cta{
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,.10);
    background: linear-gradient(135deg, rgba(235,33,46,.10), rgba(0,0,0,.03));
    padding: 1rem 1rem;
    display: flex; gap: 1rem; align-items: center; justify-content: space-between;
  }
  .rs-cta-btn{
    border-radius: 14px;
    transition: transform .2s ease;
    white-space: nowrap;
  }
  .rs-cta-btn:hover{ transform: translateY(-2px); }

  /* Floating decor */
  .rs-float{
    position: absolute;
    border-radius: 999px;
    opacity: .9;
    pointer-events: none;
    filter: blur(.2px);
    animation: rs-float 5.5s ease-in-out infinite;
  }
  .rs-float-1{
    width: 14px; height: 14px;
    background: rgba(235,33,46,.55);
    top: 18%; left: 10%;
  }
  .rs-float-2{
    width: 10px; height: 10px;
    background: rgba(0,0,0,.35);
    top: 72%; left: 16%;
    animation-duration: 6.2s;
  }
  .rs-float-3{
    width: 18px; height: 18px;
    background: rgba(235,33,46,.22);
    top: 12%; right: 14%;
    animation-duration: 7s;
  }

  /* Keyframes */
  @keyframes rs-fadeUp{
    from{ opacity: 0; transform: translateY(12px); }
    to{ opacity: 1; transform: translateY(0); }
  }
  @keyframes rs-cardIn{
    from{ opacity: 0; transform: translateY(18px) scale(.985); }
    to{ opacity: 1; transform: translateY(0) scale(1); }
  }
  @keyframes rs-pulse{
    0%,100%{ transform: scale(1); }
    50%{ transform: scale(1.12); }
  }
  @keyframes rs-float{
    0%,100%{ transform: translateY(0); }
    50%{ transform: translateY(-10px); }
  }

  /* Accessibility: reduce motion */
  @media (prefers-reduced-motion: reduce){
    .rs-badge,.rs-title,.rs-text,.rs-feature,.rs-btn,.rs-btn-ghost,.rs-micro,.rs-card,
    .rs-orb span,.rs-float{ animation: none !important; transition: none !important; }
  }




  /*********************/


  /* ===== FAQ ALT SECTION ===== */
.rs-faq-alt{
  background:
    radial-gradient(900px 500px at 15% 20%, rgba(235,33,46,.08), transparent 55%),
    #fff;
}

/* Left intro */
.rs-faq-intro{
  position: sticky;
  top: 100px;
}

.rs-pill{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .45rem .85rem;
  border-radius: 999px;
  font-size: .85rem;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.8);
}
.rs-pill i{ color:#EB212E; }

/* FAQ Card */
.rs-faq-card{
  position: relative;
  height: 100%;
  padding: 1.25rem 1.25rem 1.3rem 1.25rem;
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.9);
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  transition: all .35s ease;
  overflow: hidden;
}

.rs-faq-card h6{
  font-weight: 600;
  margin: .75rem 0 .5rem;
}

.rs-faq-card p{
  font-size: .95rem;
  color: rgba(0,0,0,.7);
  margin: 0;
}

/* Icon */
.rs-faq-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(235,33,46,.1);
  color: #EB212E;
  font-size: 1.1rem;
}

/* Hover effect */
.rs-faq-card::after{
  content:"";
  position:absolute;
  inset:auto -40% -40% auto;
  width:120px;
  height:120px;
  border-radius:50%;
  background: rgba(235,33,46,.12);
  transition: .45s ease;
}

.rs-faq-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

.rs-faq-card:hover::after{
  inset:auto -10% -10% auto;
}

/* Mobile */
@media (max-width: 991px){
  .rs-faq-intro{
    position: relative;
    top: auto;
    margin-bottom: 1.5rem;
  }
}



/********************/

 /* ===== Section background ===== */
  .rsHostUAE{
    background:
      radial-gradient(1100px 520px at 15% 20%, rgba(235,33,46,.10), transparent 55%),
      radial-gradient(900px 520px at 85% 70%, rgba(0,0,0,.06), transparent 60%),
      #fff;
  }

  /* Badge */
  .rsHostUAE__badge{
    padding: .45rem .75rem;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 999px;
    background: rgba(255,255,255,.75);
    backdrop-filter: blur(10px);
    animation: rsHostUAE_fadeUp .8s ease both;
  }
  .rsHostUAE__dot{
    width: 10px; height: 10px; border-radius: 999px;
    background: #EB212E;
    box-shadow: 0 0 0 6px rgba(235,33,46,.12);
  }

  .rsHostUAE__title{ animation: rsHostUAE_fadeUp .9s .05s ease both; }
  .rsHostUAE__text{ animation: rsHostUAE_fadeUp .9s .12s ease both; }

  /* List */
  .rsHostUAE__list{ display: grid; gap: .9rem; }
  .rsHostUAE__item{
    display: flex; gap: .85rem; align-items: flex-start;
    padding: .95rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,.08);
    background: rgba(255,255,255,.75);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 24px rgba(0,0,0,.05);
    animation: rsHostUAE_fadeUp .9s ease both;
  }
  .rsHostUAE__item:nth-child(1){ animation-delay: .18s; }
  .rsHostUAE__item:nth-child(2){ animation-delay: .25s; }
  .rsHostUAE__item:nth-child(3){ animation-delay: .32s; }
  .rsHostUAE__item:nth-child(4){ animation-delay: .39s; }

  .rsHostUAE__icon{
    width: 44px; height: 44px; border-radius: 16px;
    display: grid; place-items: center;
    background: rgba(235,33,46,.10);
    border: 1px solid rgba(235,33,46,.14);
    color: #EB212E;
    flex: 0 0 auto;
    transition: transform .25s ease;
  }
  .rsHostUAE__item:hover .rsHostUAE__icon{ transform: rotate(-6deg) scale(1.06); }

  /* Buttons */
  .rsHostUAE__btn{
    border-radius: 14px;
    box-shadow: 0 10px 26px rgba(235,33,46,.18);
    transition: transform .2s ease, box-shadow .2s ease;
  }
  .rsHostUAE__btn:hover{ transform: translateY(-2px); box-shadow: 0 14px 34px rgba(235,33,46,.22); }

  .rsHostUAE__btnGhost{
    border-radius: 14px;
    transition: transform .2s ease, background .2s ease;
  }
  .rsHostUAE__btnGhost:hover{ transform: translateY(-2px); background: rgba(0,0,0,.03); }

  /* Right card */
  .rsHostUAE__card{
    border-radius: 26px;
    padding: 1px;
    background: linear-gradient(135deg, rgba(235,33,46,.28), rgba(0,0,0,.12));
    box-shadow: 0 18px 50px rgba(0,0,0,.10);
    position: relative;
    animation: rsHostUAE_cardIn 1s .08s ease both;
  }

  .rsHostUAE__glow{
    position: absolute; inset: -60px;
    background:
      radial-gradient(circle at 30% 20%, rgba(235,33,46,.22), transparent 45%),
      radial-gradient(circle at 70% 70%, rgba(0,0,0,.10), transparent 55%);
    filter: blur(18px);
    opacity: .9;
    pointer-events: none;
  }

  .rsHostUAE__cardInner{
    position: relative;
    border-radius: 25px;
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(12px);
    padding: 1.35rem 1.35rem;
    overflow: hidden;
  }

  .rsHostUAE__chip{
    display: inline-flex; align-items: center; gap: .5rem;
    padding: .25rem .6rem;
    border-radius: 999px;
    font-size: .82rem;
    border: 1px solid rgba(0,0,0,.10);
    background: rgba(235,33,46,.08);
    color: #8f0f18;
    font-weight: 600;
  }
  .rsHostUAE__chip i{ color:#EB212E; }

  .rsHostUAE__pulse{
    width: 54px; height: 54px;
    border-radius: 18px;
    background: rgba(0,0,0,.03);
    border: 1px solid rgba(0,0,0,.08);
    display: grid; place-items: center;
    flex: 0 0 auto;
  }
  .rsHostUAE__pulse span{
    width: 24px; height: 24px; border-radius: 999px;
    background: #EB212E;
    box-shadow: 0 0 0 10px rgba(235,33,46,.12);
    animation: rsHostUAE_pulse 2.1s ease-in-out infinite;
  }

  .rsHostUAE__stats{
    display: grid;
    grid-template-columns: 1fr;
    gap: .8rem;
  }
  @media (min-width: 992px){
    .rsHostUAE__stats{ grid-template-columns: 1fr 1fr; }
    .rsHostUAE__stats .rsHostUAE__stat:nth-child(3){ grid-column: 1 / -1; }
  }

  .rsHostUAE__stat{
    display: flex; gap: .8rem; align-items: center;
    padding: .9rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,.08);
    background: rgba(255,255,255,.75);
    transition: transform .25s ease, box-shadow .25s ease;
  }
  .rsHostUAE__stat:hover{ transform: translateY(-3px); box-shadow: 0 16px 34px rgba(0,0,0,.08); }
  .rsHostUAE__stat i{
    width: 42px; height: 42px; border-radius: 16px;
    display: grid; place-items: center;
    background: rgba(0,0,0,.04);
    border: 1px solid rgba(0,0,0,.06);
    color: rgba(0,0,0,.6);
    flex: 0 0 auto;
  }

  /* Decorative server blocks */
  .rsHostUAE__servers{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: .7rem;
  }
  .rsHostUAE__server{
    height: 44px;
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,.08);
    background:
      linear-gradient(90deg, rgba(235,33,46,.10), rgba(0,0,0,.02));
    position: relative;
    overflow: hidden;
  }
  .rsHostUAE__server::after{
    content:"";
    position:absolute;
    left:-40%;
    top:0;
    width:40%;
    height:100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent);
    animation: rsHostUAE_shimmer 2.6s ease-in-out infinite;
  }
  .rsHostUAE__server:nth-child(2)::after{ animation-delay: .35s; }
  .rsHostUAE__server:nth-child(3)::after{ animation-delay: .7s; }

  /* Floating dots */
  .rsHostUAE__float{
    position:absolute;
    border-radius: 999px;
    pointer-events:none;
    animation: rsHostUAE_float 6s ease-in-out infinite;
    opacity: .9;
  }
  .rsHostUAE__float1{ width: 14px; height: 14px; background: rgba(235,33,46,.55); top: 16%; left: 8%; }
  .rsHostUAE__float2{ width: 10px; height: 10px; background: rgba(0,0,0,.35); bottom: 22%; left: 14%; animation-duration: 7s; }
  .rsHostUAE__float3{ width: 18px; height: 18px; background: rgba(235,33,46,.20); top: 10%; right: 12%; animation-duration: 8s; }

  /* Keyframes */
  @keyframes rsHostUAE_fadeUp{
    from{ opacity: 0; transform: translateY(12px); }
    to{ opacity: 1; transform: translateY(0); }
  }
  @keyframes rsHostUAE_cardIn{
    from{ opacity: 0; transform: translateY(18px) scale(.985); }
    to{ opacity: 1; transform: translateY(0) scale(1); }
  }
  @keyframes rsHostUAE_pulse{
    0%,100%{ transform: scale(1); }
    50%{ transform: scale(1.12); }
  }
  @keyframes rsHostUAE_float{
    0%,100%{ transform: translateY(0); }
    50%{ transform: translateY(-10px); }
  }
  @keyframes rsHostUAE_shimmer{
    0%{ transform: translateX(0); }
    100%{ transform: translateX(240%); }
  }

  /* Reduced motion */
  @media (prefers-reduced-motion: reduce){
    .rsHostUAE__badge,.rsHostUAE__title,.rsHostUAE__text,.rsHostUAE__item,
    .rsHostUAE__card,.rsHostUAE__pulse span,.rsHostUAE__float,.rsHostUAE__server::after{
      animation: none !important;
    }
    .rsHostUAE__btn,.rsHostUAE__btnGhost,.rsHostUAE__icon,.rsHostUAE__stat{
      transition: none !important;
    }
  }

  /********/

  /* ===== Section BG ===== */
  .rsHPHost{
    background:
      radial-gradient(1100px 520px at 80% 20%, rgba(235,33,46,.10), transparent 55%),
      radial-gradient(900px 520px at 10% 75%, rgba(0,0,0,.06), transparent 60%),
      #fff;
  }

  /* Badge */
  .rsHPHost__badge{
    padding: .45rem .75rem;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 999px;
    background: rgba(255,255,255,.75);
    backdrop-filter: blur(10px);
    animation: rsHPHost_fadeUp .8s ease both;
  }
  .rsHPHost__dot{
    width: 10px; height: 10px; border-radius: 999px;
    background: #EB212E;
    box-shadow: 0 0 0 6px rgba(235,33,46,.12);
  }
  .rsHPHost__title{ animation: rsHPHost_fadeUp .9s .05s ease both; }
  .rsHPHost__text{ animation: rsHPHost_fadeUp .9s .12s ease both; }

  /* Benefits */
  .rsHPHost__benefits{ display: grid; gap: .9rem; }
  .rsHPHost__benefit{
    display:flex; gap:.85rem; align-items:flex-start;
    padding: .95rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,.08);
    background: rgba(255,255,255,.78);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 24px rgba(0,0,0,.05);
    animation: rsHPHost_fadeUp .9s ease both;
  }
  .rsHPHost__benefit:nth-child(1){ animation-delay: .18s; }
  .rsHPHost__benefit:nth-child(2){ animation-delay: .25s; }
  .rsHPHost__benefit:nth-child(3){ animation-delay: .32s; }
  .rsHPHost__benefit:nth-child(4){ animation-delay: .39s; }

  .rsHPHost__bIcon{
    width: 44px; height: 44px; border-radius: 16px;
    display:grid; place-items:center;
    background: rgba(235,33,46,.10);
    border: 1px solid rgba(235,33,46,.14);
    color: #EB212E;
    flex: 0 0 auto;
    transition: transform .25s ease;
  }
  .rsHPHost__benefit:hover .rsHPHost__bIcon{ transform: rotate(-6deg) scale(1.06); }

  /* Buttons */
  .rsHPHost__btn{
    border-radius: 14px;
    box-shadow: 0 10px 26px rgba(235,33,46,.18);
    transition: transform .2s ease, box-shadow .2s ease;
  }
  .rsHPHost__btn:hover{ transform: translateY(-2px); box-shadow: 0 14px 34px rgba(235,33,46,.22); }
  .rsHPHost__btnGhost{
    border-radius: 14px;
    transition: transform .2s ease, background .2s ease;
  }
  .rsHPHost__btnGhost:hover{ transform: translateY(-2px); background: rgba(0,0,0,.03); }

  /* Left Visual Card */
  .rsHPHost__card{
    border-radius: 26px;
    padding: 1px;
    background: linear-gradient(135deg, rgba(235,33,46,.28), rgba(0,0,0,.12));
    box-shadow: 0 18px 50px rgba(0,0,0,.10);
    position: relative;
    animation: rsHPHost_cardIn 1s .08s ease both;
  }
  .rsHPHost__glow{
    position: absolute; inset: -60px;
    background:
      radial-gradient(circle at 30% 20%, rgba(235,33,46,.22), transparent 45%),
      radial-gradient(circle at 70% 70%, rgba(0,0,0,.10), transparent 55%);
    filter: blur(18px);
    opacity: .9;
    pointer-events: none;
  }
  .rsHPHost__inner{
    position: relative;
    border-radius: 25px;
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(12px);
    padding: 1.35rem 1.35rem;
    overflow: hidden;
  }

  .rsHPHost__chip{
    display: inline-flex; align-items: center; gap: .5rem;
    padding: .25rem .6rem;
    border-radius: 999px;
    font-size: .82rem;
    border: 1px solid rgba(0,0,0,.10);
    background: rgba(235,33,46,.08);
    color: #8f0f18;
    font-weight: 600;
  }
  .rsHPHost__chip i{ color:#EB212E; }

  .rsHPHost__pulse{
    width: 54px; height: 54px;
    border-radius: 18px;
    background: rgba(0,0,0,.03);
    border: 1px solid rgba(0,0,0,.08);
    display:grid; place-items:center;
    flex: 0 0 auto;
  }
  .rsHPHost__pulse span{
    width: 24px; height: 24px; border-radius: 999px;
    background: #EB212E;
    box-shadow: 0 0 0 10px rgba(235,33,46,.12);
    animation: rsHPHost_pulse 2.1s ease-in-out infinite;
  }

  /* Animated bars */
  .rsHPHost__bars{
    display: grid;
    grid-template-columns: 1fr;
    gap: .65rem;
  }
  .rsHPHost__bar{
    height: 12px;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,.08);
    background: rgba(0,0,0,.03);
    overflow: hidden;
    position: relative;
  }
  .rsHPHost__bar::after{
    content:"";
    position:absolute;
    inset:0;
    width: 55%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(235,33,46,.12), rgba(235,33,46,.35));
    transform: translateX(-85%);
    animation: rsHPHost_slide 2.6s ease-in-out infinite;
  }
  .rsHPHost__bar:nth-child(2)::after{ animation-delay: .18s; width: 72%; }
  .rsHPHost__bar:nth-child(3)::after{ animation-delay: .34s; width: 64%; }
  .rsHPHost__bar:nth-child(4)::after{ animation-delay: .52s; width: 80%; }

  /* Tiles */
  .rsHPHost__tile{
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,.08);
    background: rgba(255,255,255,.78);
    padding: .9rem 1rem;
    height: 100%;
    transition: transform .25s ease, box-shadow .25s ease;
  }
  .rsHPHost__tile:hover{ transform: translateY(-3px); box-shadow: 0 16px 34px rgba(0,0,0,.08); }
  .rsHPHost__tile i{
    width: 40px; height: 40px; border-radius: 14px;
    display:grid; place-items:center;
    background: rgba(0,0,0,.04);
    border: 1px solid rgba(0,0,0,.06);
    color: rgba(0,0,0,.6);
    margin-bottom: .55rem;
  }

  /* Floating dots */
  .rsHPHost__float{
    position:absolute;
    border-radius: 999px;
    pointer-events:none;
    animation: rsHPHost_float 6s ease-in-out infinite;
    opacity: .9;
  }
  .rsHPHost__float1{ width: 14px; height: 14px; background: rgba(235,33,46,.55); top: 16%; left: 8%; }
  .rsHPHost__float2{ width: 10px; height: 10px; background: rgba(0,0,0,.32); bottom: 22%; left: 14%; animation-duration: 7s; }
  .rsHPHost__float3{ width: 18px; height: 18px; background: rgba(235,33,46,.20); top: 10%; right: 12%; animation-duration: 8s; }

  /* Keyframes */
  @keyframes rsHPHost_fadeUp{ from{opacity:0; transform:translateY(12px);} to{opacity:1; transform:translateY(0);} }
  @keyframes rsHPHost_cardIn{ from{opacity:0; transform:translateY(18px) scale(.985);} to{opacity:1; transform:translateY(0) scale(1);} }
  @keyframes rsHPHost_pulse{ 0%,100%{transform:scale(1);} 50%{transform:scale(1.12);} }
  @keyframes rsHPHost_float{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);} }
  @keyframes rsHPHost_slide{ 0%,100%{transform:translateX(-85%);} 50%{transform:translateX(55%);} }

  /* Reduce motion */
  @media (prefers-reduced-motion: reduce){
    .rsHPHost__badge,.rsHPHost__title,.rsHPHost__text,.rsHPHost__benefit,
    .rsHPHost__card,.rsHPHost__pulse span,.rsHPHost__float,.rsHPHost__bar::after{
      animation: none !important;
    }
    .rsHPHost__btn,.rsHPHost__btnGhost,.rsHPHost__bIcon,.rsHPHost__tile{
      transition: none !important;
    }
  }


  /**********/


  /* ===== Section BG ===== */
  .rsDubHostSecure{
    background:
      radial-gradient(1100px 560px at 18% 20%, rgba(235,33,46,.10), transparent 55%),
      radial-gradient(900px 520px at 86% 70%, rgba(0,0,0,.06), transparent 60%),
      #fff;
  }

  /* Panel base */
  .rsDubHostSecure__panel{
    position: relative;
    border-radius: 26px;
    padding: 1px;
    background: linear-gradient(135deg, rgba(235,33,46,.26), rgba(0,0,0,.12));
    box-shadow: 0 18px 52px rgba(0,0,0,.10);
    overflow: hidden;
    animation: rsDubHostSecure_in .9s ease both;
  }

  .rsDubHostSecure__panel--alt{
    background: linear-gradient(135deg, rgba(0,0,0,.12), rgba(235,33,46,.18));
  }

  .rsDubHostSecure__panelGlow{
    position:absolute; inset:-60px;
    background:
      radial-gradient(circle at 30% 20%, rgba(235,33,46,.22), transparent 45%),
      radial-gradient(circle at 70% 70%, rgba(0,0,0,.10), transparent 55%);
    filter: blur(18px);
    opacity: .9;
    pointer-events:none;
  }

  .rsDubHostSecure__panelGlow--alt{
    background:
      radial-gradient(circle at 35% 25%, rgba(0,0,0,.10), transparent 50%),
      radial-gradient(circle at 75% 70%, rgba(235,33,46,.20), transparent 55%);
  }

  .rsDubHostSecure__panelInner{
    position: relative;
    border-radius: 25px;
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(12px);
    padding: 1.4rem 1.4rem;
  }

  /* Top row */
  .rsDubHostSecure__top{
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 1rem;
  }

  .rsDubHostSecure__badge{
    display:inline-flex;
    align-items:center;
    gap:.6rem;
    padding:.45rem .8rem;
    border-radius:999px;
    border:1px solid rgba(0,0,0,.08);
    background: rgba(255,255,255,.75);
    backdrop-filter: blur(10px);
    font-weight: 600;
    font-size: .9rem;
  }
  .rsDubHostSecure__badge--alt{ background: rgba(0,0,0,.03); }

  .rsDubHostSecure__dot{
    width: 10px; height: 10px; border-radius: 999px;
    background: #EB212E;
    box-shadow: 0 0 0 6px rgba(235,33,46,.12);
  }
  .rsDubHostSecure__dot--alt{
    background: rgba(0,0,0,.55);
    box-shadow: 0 0 0 6px rgba(0,0,0,.08);
  }

  .rsDubHostSecure__orb{
    width: 56px; height: 56px;
    border-radius: 18px;
    display:grid; place-items:center;
    border: 1px solid rgba(0,0,0,.10);
    background: rgba(235,33,46,.08);
    color: #EB212E;
    flex: 0 0 auto;
    animation: rsDubHostSecure_float 5.2s ease-in-out infinite;
  }
  .rsDubHostSecure__orb--alt{
    background: rgba(0,0,0,.03);
    color: rgba(0,0,0,.65);
    animation-duration: 6.4s;
  }

  /* List items */
  .rsDubHostSecure__list{ display:grid; gap:.9rem; }
  .rsDubHostSecure__item{
    display:flex; gap:.85rem; align-items:flex-start;
    padding: .95rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,.08);
    background: rgba(255,255,255,.78);
    box-shadow: 0 10px 24px rgba(0,0,0,.05);
    transition: transform .25s ease, box-shadow .25s ease;
  }
  .rsDubHostSecure__item:hover{
    transform: translateY(-3px);
    box-shadow: 0 16px 34px rgba(0,0,0,.08);
  }

  .rsDubHostSecure__icon{
    width: 44px; height: 44px;
    border-radius: 16px;
    display:grid; place-items:center;
    background: rgba(235,33,46,.10);
    border: 1px solid rgba(235,33,46,.14);
    color: #EB212E;
    flex: 0 0 auto;
    transition: transform .25s ease;
  }
  .rsDubHostSecure__icon--alt{
    background: rgba(0,0,0,.04);
    border: 1px solid rgba(0,0,0,.06);
    color: rgba(0,0,0,.65);
  }
  .rsDubHostSecure__item:hover .rsDubHostSecure__icon{ transform: rotate(-6deg) scale(1.06); }

  /* Buttons */
  .rsDubHostSecure__btn{
    border-radius: 14px;
    box-shadow: 0 10px 26px rgba(235,33,46,.18);
    transition: transform .2s ease, box-shadow .2s ease;
  }
  .rsDubHostSecure__btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(235,33,46,.22);
  }
  .rsDubHostSecure__btnGhost{
    border-radius: 14px;
    transition: transform .2s ease, background .2s ease;
  }
  .rsDubHostSecure__btnGhost:hover{ transform: translateY(-2px); background: rgba(0,0,0,.03); }

  /* CTA box (right panel) */
  .rsDubHostSecure__cta{
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,.10);
    background: linear-gradient(135deg, rgba(235,33,46,.08), rgba(0,0,0,.02));
  }
  .rsDubHostSecure__ctaBtn{
    border-radius: 14px;
    white-space: nowrap;
    transition: transform .2s ease;
  }
  .rsDubHostSecure__ctaBtn:hover{ transform: translateY(-2px); }

  /* Floating decor */
  .rsDubHostSecure__float{
    position:absolute;
    border-radius:999px;
    pointer-events:none;
    opacity:.9;
    animation: rsDubHostSecure_float 6s ease-in-out infinite;
  }
  .rsDubHostSecure__float1{ width:14px; height:14px; background: rgba(235,33,46,.55); top: 16%; left: 7%; }
  .rsDubHostSecure__float2{ width:10px; height:10px; background: rgba(0,0,0,.35); bottom: 22%; left: 13%; animation-duration: 7s; }
  .rsDubHostSecure__float3{ width:18px; height:18px; background: rgba(235,33,46,.20); top: 10%; right: 12%; animation-duration: 8s; }
  .rsDubHostSecure__float4{ width:14px; height:14px; background: rgba(0,0,0,.22); top: 14%; right: 9%; }
  .rsDubHostSecure__float5{ width:10px; height:10px; background: rgba(235,33,46,.28); bottom: 22%; right: 16%; animation-duration: 7.4s; }
  .rsDubHostSecure__float6{ width:18px; height:18px; background: rgba(0,0,0,.08); bottom: 10%; left: 10%; animation-duration: 8.2s; }

  /* Keyframes */
  @keyframes rsDubHostSecure_in{
    from{ opacity: 0; transform: translateY(18px) scale(.99); }
    to{ opacity: 1; transform: translateY(0) scale(1); }
  }
  @keyframes rsDubHostSecure_float{
    0%,100%{ transform: translateY(0); }
    50%{ transform: translateY(-10px); }
  }

  /* Reduced motion */
  @media (prefers-reduced-motion: reduce){
    .rsDubHostSecure__panel,.rsDubHostSecure__orb,.rsDubHostSecure__float{ animation: none !important; }
    .rsDubHostSecure__item,.rsDubHostSecure__btn,.rsDubHostSecure__btnGhost,.rsDubHostSecure__ctaBtn,.rsDubHostSecure__icon{
      transition: none !important;
    }
  }

  /*******************/



  /* ===== Dark Section Base ===== */
.rsMailDomainDark{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Overlay */
.rsMailDomainDark__overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(135deg, rgba(0,0,0,.88), rgba(0,0,0,.72));
  z-index:0;
}

/* Badge */
.rsMailDomainDark__badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.45rem .85rem;
  border-radius:999px;
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-weight:600;
}

/* List */
.rsMailDomainDark__list{
  display:grid;
  gap:.9rem;
}

.rsMailDomainDark__item{
  display:flex;
  gap:.85rem;
  align-items:flex-start;
  padding:1rem 1rem;
  border-radius:18px;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(6px);
  transition: transform .25s ease, background .25s ease;
}
.rsMailDomainDark__item:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.08);
}

.rsMailDomainDark__icon{
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background: rgba(235,33,46,.22);
  color:#EB212E;
  flex:0 0 auto;
}

/* Buttons */
.rsMailDomainDark__btn{
  border-radius:14px;
  box-shadow:0 12px 30px rgba(235,33,46,.35);
}
.rsMailDomainDark__btnGhost{
  border-radius:14px;
}

/* Right cards */
.rsMailDomainDark__card{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
@media (max-width: 991px){
  .rsMailDomainDark__card{
    grid-template-columns:1fr;
  }
}

.rsMailDomainDark__cardItem{
  text-align:center;
  padding:1.4rem 1rem;
  border-radius:20px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(6px);
  transition: transform .3s ease, background .3s ease;
}
.rsMailDomainDark__cardItem:hover{
  transform: translateY(-6px);
  background: rgba(255,255,255,.1);
}
.rsMailDomainDark__cardItem i{
  font-size:1.6rem;
  color:#EB212E;
  margin-bottom:.6rem;
}
.rsMailDomainDark__cardItem h6{
  color:#fff;
  margin-bottom:.25rem;
}
.rsMailDomainDark__cardItem p{
  color:rgba(255,255,255,.7);
  font-size:.9rem;
  margin:0;
}


/************/

/* ===== Section Background ===== */
.rsWhyHostDubai{
  background:
    radial-gradient(1000px 520px at 15% 20%, rgba(235,33,46,.08), transparent 55%),
    radial-gradient(900px 520px at 85% 75%, rgba(0,0,0,.05), transparent 60%),
    #fff;
}

/* Badge */
.rsWhyHostDubai__badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.45rem .85rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.8);
  font-weight:600;
}

/* List */
.rsWhyHostDubai__list{
  display:grid;
  gap:.9rem;
}
.rsWhyHostDubai__item{
  display:flex;
  gap:.85rem;
  align-items:flex-start;
  padding:1rem 1rem;
  border-radius:18px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.85);
  box-shadow:0 10px 24px rgba(0,0,0,.05);
  transition:transform .25s ease, box-shadow .25s ease;
}
.rsWhyHostDubai__item:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(0,0,0,.08);
}
.rsWhyHostDubai__icon{
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(235,33,46,.12);
  color:#EB212E;
  flex:0 0 auto;
}

/* CTA Card */
.rsWhyHostDubai__card{
  position:relative;
  border-radius:28px;
  padding:1px;
  background:linear-gradient(135deg, rgba(235,33,46,.28), rgba(0,0,0,.12));
  box-shadow:0 20px 54px rgba(0,0,0,.12);
}
.rsWhyHostDubai__cardGlow{
  position:absolute;
  inset:-60px;
  background:
    radial-gradient(circle at 30% 20%, rgba(235,33,46,.25), transparent 45%),
    radial-gradient(circle at 70% 70%, rgba(0,0,0,.12), transparent 55%);
  filter:blur(20px);
  opacity:.9;
}
.rsWhyHostDubai__cardInner{
  position:relative;
  border-radius:27px;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(12px);
  padding:2rem 1.8rem;
}

/* Chip */
.rsWhyHostDubai__chip{
  display:inline-block;
  padding:.25rem .6rem;
  border-radius:999px;
  font-size:.8rem;
  font-weight:600;
  background:rgba(235,33,46,.1);
  color:#8f0f18;
}

/* CTA */
.rsWhyHostDubai__cta{
  display:flex;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
}
.rsWhyHostDubai__btn{
  border-radius:14px;
  box-shadow:0 10px 26px rgba(235,33,46,.25);
}
.rsWhyHostDubai__note{
  font-size:.9rem;
  color:rgba(0,0,0,.6);
}

/* Floating dots */
.rsWhyHostDubai__float{
  position:absolute;
  border-radius:999px;
  animation:rsWhyHostDubai_float 6s ease-in-out infinite;
  opacity:.9;
}
.rsWhyHostDubai__float1{
  width:14px; height:14px;
  background:rgba(235,33,46,.55);
  top:14%; left:8%;
}
.rsWhyHostDubai__float2{
  width:10px; height:10px;
  background:rgba(0,0,0,.35);
  bottom:20%; right:14%;
  animation-duration:7s;
}
.rsWhyHostDubai__float3{
  width:18px; height:18px;
  background:rgba(235,33,46,.22);
  top:10%; right:10%;
  animation-duration:8s;
}

/* Animation */
@keyframes rsWhyHostDubai_float{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-10px); }
}

/* Mobile */
@media (max-width:991px){
  .rsWhyHostDubai__cardInner{
    padding:1.6rem 1.4rem;
  }
}


/*********/

/* ===== FAQ Section ===== */
.rsHostFAQ{
  background:
    radial-gradient(1000px 500px at 50% 0%, rgba(235,33,46,.06), transparent 60%),
    #fff;
}

/* Badge */
.rsHostFAQ__badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.45rem .85rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.85);
  font-weight:600;
}

/* Accordion */
.rsHostFAQ__accordion .rsHostFAQ__item{
  border-radius:18px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.9);
  box-shadow:0 10px 24px rgba(0,0,0,.05);
  margin-bottom:1rem;
  overflow:hidden;
}

.rsHostFAQ__accordion .accordion-button{
  font-weight:600;
  padding:1.1rem 1.2rem;
  background:transparent;
  box-shadow:none;
}

.rsHostFAQ__accordion .accordion-button:not(.collapsed){
  background:linear-gradient(90deg, rgba(235,33,46,.08), transparent);
  color:#111;
}

.rsHostFAQ__accordion .accordion-button::after{
  transform:scale(.9);
}

.rsHostFAQ__accordion .accordion-body{
  padding:0 1.2rem 1.2rem;
  color:rgba(0,0,0,.75);
  line-height:1.6;
}

/* Mobile */
@media (max-width:575px){
  .rsHostFAQ__accordion .accordion-button{
    font-size:.95rem;
  }
}

/*****************/


/* ===== Full-width background ===== */
.rsEmailMkFull{
  background: #fff;
  position: relative;
}

.rsEmailMkFull__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(1100px 520px at 18% 12%, rgba(235,33,46,.10), transparent 60%),
    radial-gradient(900px 520px at 86% 70%, rgba(0,0,0,.05), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.02), transparent 35%, rgba(0,0,0,.02));
  pointer-events:none;
}

/* Badge */
.rsEmailMkFull__badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.5rem .9rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.85);
  font-weight:600;
}

/* Cards */
.rsEmailMkFull__card{
  border-radius:22px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.9);
  box-shadow: 0 14px 34px rgba(0,0,0,.06);
  padding: 1.3rem 1.25rem 1.35rem;
  transition: transform .25s ease, box-shadow .25s ease;
  position: relative;
  overflow: hidden;
}

.rsEmailMkFull__card::after{
  content:"";
  position:absolute;
  inset:auto -35% -35% auto;
  width:140px;
  height:140px;
  border-radius:50%;
  background: rgba(235,33,46,.10);
  transition: .45s ease;
}

.rsEmailMkFull__card:hover{
  transform: translateY(-6px);
  box-shadow: 0 20px 48px rgba(0,0,0,.10);
}
.rsEmailMkFull__card:hover::after{
  inset:auto -10% -10% auto;
}

/* Animated icon */
.rsEmailMkFull__icon{
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  margin-bottom: .9rem;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.8);
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
  animation: rsEmailMkFull_float 4.8s ease-in-out infinite;
}

.rsEmailMkFull__icon i{
  font-size: 1.25rem;
  color: #EB212E;
}

/* staggered animation timings */
.rsEmailMkFull__icon--a{ animation-duration: 5.2s; }
.rsEmailMkFull__icon--b{ animation-duration: 4.6s; animation-delay: .15s; }
.rsEmailMkFull__icon--c{ animation-duration: 5.6s; animation-delay: .25s; }
.rsEmailMkFull__icon--d{ animation-duration: 4.9s; animation-delay: .35s; }

@keyframes rsEmailMkFull_float{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

/* CTA strip */
.rsEmailMkFull__cta{
  border-radius:24px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.9);
  box-shadow: 0 18px 46px rgba(0,0,0,.08);
  padding: 1.2rem 1.2rem;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.rsEmailMkFull__btn{
  border-radius:14px;
  box-shadow: 0 12px 30px rgba(235,33,46,.22);
}
.rsEmailMkFull__btnGhost{ border-radius:14px; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .rsEmailMkFull__icon{ animation: none !important; }
  .rsEmailMkFull__card, .rsEmailMkFull__cta{ transition:none !important; }
}

/* Smaller screens */
@media (max-width: 575px){
  .rsEmailMkFull__cta{
    text-align: left;
  }
}





/********************/

/* ===== Full Width Section ===== */
.rsEmailStrategyFull{
  background:
    radial-gradient(1000px 520px at 15% 15%, rgba(235,33,46,.08), transparent 60%),
    radial-gradient(900px 520px at 85% 80%, rgba(0,0,0,.05), transparent 60%),
    #fff;
}

/* Box */
.rsEmailStrategyFull__box{
  height: 100%;
  padding: 2rem 1.8rem;
  border-radius: 26px;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 18px 46px rgba(0,0,0,.08);
}

.rsEmailStrategyFull__box--alt{
  background: rgba(255,255,255,.95);
}

/* Badge */
.rsEmailStrategyFull__badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.45rem .9rem;
  border-radius:999px;
  font-weight:600;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.85);
}
.rsEmailStrategyFull__badge--alt{
  background: rgba(235,33,46,.08);
  color:#8f0f18;
}

/* List */
.rsEmailStrategyFull__list{
  display:grid;
  gap:.95rem;
}

.rsEmailStrategyFull__item{
  display:flex;
  gap:.85rem;
  align-items:flex-start;
  padding:.95rem 1rem;
  border-radius:18px;
  background: rgba(255,255,255,.9);
  border:1px solid rgba(0,0,0,.08);
  transition: transform .25s ease, box-shadow .25s ease;
}

.rsEmailStrategyFull__item:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(0,0,0,.08);
}

/* Icons */
.rsEmailStrategyFull__icon{
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background: rgba(235,33,46,.12);
  color:#EB212E;
  flex:0 0 auto;
}
.rsEmailStrategyFull__icon--alt{
  background: rgba(0,0,0,.05);
  color: rgba(0,0,0,.7);
}

/* Mobile */
@media (max-width: 991px){
  .rsEmailStrategyFull__box{
    padding: 1.6rem 1.4rem;
  }
}



/************/


/* ===== Section BG ===== */
.rsEmailAltDark{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.rsEmailAltDark__overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(135deg, rgba(8,10,14,.92), rgba(8,10,14,.76));
  z-index:0;
}

/* Badge */
.rsEmailAltDark__badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.5rem .9rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color:#fff;
  font-weight:600;
}

/* Panels */
.rsEmailAltDark__panel{
  position: relative;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(8px);
  box-shadow: 0 18px 50px rgba(0,0,0,.30);
  padding: 1.7rem 1.6rem;
  overflow: hidden;
}
.rsEmailAltDark__panel--alt{
  background: rgba(255,255,255,.05);
}

/* Top header */
.rsEmailAltDark__panelTop{
  display:flex;
  gap: 1rem;
  align-items:flex-start;
}
.rsEmailAltDark__kicker{
  display:inline-flex;
  align-items:center;
  padding:.22rem .6rem;
  border-radius:999px;
  font-size:.82rem;
  font-weight:600;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.85);
  margin-bottom: .55rem;
}

.rsEmailAltDark__titleIcon{
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(235,33,46,.18);
  border: 1px solid rgba(235,33,46,.22);
  color: #EB212E;
  flex: 0 0 auto;
  animation: rsEmailAltDark_float 5.2s ease-in-out infinite;
}
.rsEmailAltDark__titleIcon--alt{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.85);
  animation-duration: 6.4s;
}

/* Strategy steps (timeline-like) */
.rsEmailAltDark__steps{
  display:grid;
  gap: .9rem;
}
.rsEmailAltDark__step{
  display:flex;
  gap: .85rem;
  align-items:flex-start;
  padding: .95rem 1rem;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  transition: transform .25s ease, background .25s ease;
}
.rsEmailAltDark__step:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.06);
}
.rsEmailAltDark__stepIcon{
  width: 44px; height: 44px;
  border-radius: 16px;
  display:grid; place-items:center;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.85);
  flex: 0 0 auto;
}

/* Note */
.rsEmailAltDark__note{
  display:flex;
  align-items:center;
  gap:.6rem;
  padding: .9rem 1rem;
  border-radius: 18px;
  border: 1px solid rgba(235,33,46,.24);
  background: rgba(235,33,46,.10);
  color: rgba(255,255,255,.92);
}

/* Mini feature cards */
.rsEmailAltDark__mini{
  height: 100%;
  display:flex;
  gap: .85rem;
  align-items:flex-start;
  padding: 1rem 1rem;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  transition: transform .25s ease, background .25s ease;
}
.rsEmailAltDark__mini:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.06);
}
.rsEmailAltDark__miniIcon{
  width: 44px; height: 44px;
  border-radius: 16px;
  display:grid; place-items:center;
  background: rgba(235,33,46,.18);
  border: 1px solid rgba(235,33,46,.22);
  color:#EB212E;
  flex: 0 0 auto;
}

/* CTA */
.rsEmailAltDark__cta{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1rem;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  flex-wrap: wrap;
}
.rsEmailAltDark__btn{
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(235,33,46,.28);
}

/* Floating shapes */
.rsEmailAltDark__float{
  position:absolute;
  border-radius: 999px;
  pointer-events:none;
  opacity:.9;
  animation: rsEmailAltDark_float 6.5s ease-in-out infinite;
  z-index: 1;
}
.rsEmailAltDark__f1{ width: 16px; height:16px; background: rgba(235,33,46,.55); top: 18%; left: 8%; }
.rsEmailAltDark__f2{ width: 12px; height:12px; background: rgba(255,255,255,.22); bottom: 18%; right: 10%; animation-duration: 7.4s; }
.rsEmailAltDark__f3{ width: 22px; height:22px; background: rgba(235,33,46,.18); top: 12%; right: 14%; animation-duration: 8.4s; }

@keyframes rsEmailAltDark_float{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .rsEmailAltDark__titleIcon,
  .rsEmailAltDark__float{ animation: none !important; }
  .rsEmailAltDark__step,
  .rsEmailAltDark__mini{ transition: none !important; }
}




/*****************************/


/* ===== Full Width Background ===== */
.rsAutoEmailFull{
  background:#fff;
  position:relative;
}
.rsAutoEmailFull__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(1100px 520px at 18% 20%, rgba(235,33,46,.10), transparent 60%),
    radial-gradient(900px 520px at 86% 75%, rgba(0,0,0,.05), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.02), transparent 35%, rgba(0,0,0,.02));
  pointer-events:none;
}

/* Badge */
.rsAutoEmailFull__badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.5rem .9rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.85);
  font-weight:600;
}

/* Note */
.rsAutoEmailFull__note{
  display:flex;
  align-items:center;
  gap:.65rem;
  padding:.9rem 1rem;
  border-radius:18px;
  border:1px solid rgba(235,33,46,.18);
  background:rgba(235,33,46,.08);
  color:rgba(0,0,0,.75);
}
.rsAutoEmailFull__note i{ color:#EB212E; }

/* Buttons */
.rsAutoEmailFull__btn{
  border-radius:14px;
  box-shadow:0 12px 30px rgba(235,33,46,.22);
}
.rsAutoEmailFull__btnGhost{ border-radius:14px; }

/* Cards */
.rsAutoEmailFull__card{
  border-radius:22px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.9);
  box-shadow:0 14px 34px rgba(0,0,0,.06);
  padding:1.25rem 1.2rem 1.35rem;
  transition: transform .25s ease, box-shadow .25s ease;
  position:relative;
  overflow:hidden;
}
.rsAutoEmailFull__card::after{
  content:"";
  position:absolute;
  inset:auto -35% -35% auto;
  width:150px;
  height:150px;
  border-radius:50%;
  background:rgba(235,33,46,.10);
  transition:.45s ease;
}
.rsAutoEmailFull__card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 48px rgba(0,0,0,.10);
}
.rsAutoEmailFull__card:hover::after{
  inset:auto -10% -10% auto;
}

/* Animated Icons */
.rsAutoEmailFull__icon{
  width:56px;
  height:56px;
  border-radius:18px;
  display:grid;
  place-items:center;
  margin-bottom:.85rem;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.85);
  box-shadow:0 10px 26px rgba(0,0,0,.06);
  animation: rsAutoEmailFull_float 4.9s ease-in-out infinite;
}
.rsAutoEmailFull__icon i{
  font-size:1.28rem;
  color:#EB212E;
}

/* stagger durations */
.rsAutoEmailFull__i1{ animation-duration: 5.6s; }
.rsAutoEmailFull__i2{ animation-duration: 4.7s; animation-delay:.12s; }
.rsAutoEmailFull__i3{ animation-duration: 5.2s; animation-delay:.22s; }
.rsAutoEmailFull__i4{ animation-duration: 4.8s; animation-delay:.32s; }

@keyframes rsAutoEmailFull_float{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .rsAutoEmailFull__icon{ animation:none !important; }
  .rsAutoEmailFull__card{ transition:none !important; }
}



/********/



/* ===== Background ===== */
.rsEmailReportWhy{
  background:#fff;
  position: relative;
}
.rsEmailReportWhy__bg{
  position:absolute;
  inset:0;
pointer-events: none;}

/* Panels */
.rsEmailReportWhy__panel{
  position: relative;
  border-radius: 28px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  box-shadow: 0 20px 52px rgba(0,0,0,.09);
  padding: 1.8rem 1.7rem;
  overflow: hidden;
  animation: rsEmailReportWhy_in .9s ease both;
}
.rsEmailReportWhy__panel--alt{
  background: rgba(255,255,255,.95);
}

/* Top row */
.rsEmailReportWhy__top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
}
.rsEmailReportWhy__badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.5rem .9rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.85);
  font-weight:600;
}
.rsEmailReportWhy__badge--alt{
  background: rgba(235,33,46,.08);
  color:#8f0f18;
  border-color: rgba(235,33,46,.16);
}

.rsEmailReportWhy__orb{
  width: 56px; height: 56px;
  border-radius: 18px;
  display:grid; place-items:center;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(235,33,46,.10);
  color:#EB212E;
  animation: rsEmailReportWhy_float 5.6s ease-in-out infinite;
  flex: 0 0 auto;
}
.rsEmailReportWhy__orb--alt{
  background: rgba(0,0,0,.03);
  color: rgba(0,0,0,.65);
  animation-duration: 6.6s;
}

/* Metrics list */
.rsEmailReportWhy__list{ display:grid; gap:.95rem; }
.rsEmailReportWhy__item{
  display:flex; gap:.85rem; align-items:flex-start;
  padding: 1rem 1rem;
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.88);
  transition: transform .25s ease, box-shadow .25s ease;
}
.rsEmailReportWhy__item:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0,0,0,.10);
}

.rsEmailReportWhy__icon{
  width: 46px; height: 46px;
  border-radius: 16px;
  display:grid; place-items:center;
  flex: 0 0 auto;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(235,33,46,.10);
  color:#EB212E;
  animation: rsEmailReportWhy_bob 4.9s ease-in-out infinite;
}
.rsEmailReportWhy__icon--a{ animation-duration: 5.6s; }
.rsEmailReportWhy__icon--b{ animation-duration: 4.7s; animation-delay:.1s; }
.rsEmailReportWhy__icon--c{ animation-duration: 5.1s; animation-delay:.2s; }
.rsEmailReportWhy__icon--d{ animation-duration: 4.8s; animation-delay:.3s; }

@keyframes rsEmailReportWhy_bob{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-8px); }
}

/* Report strip */
.rsEmailReportWhy__strip{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 1.05rem 1.05rem;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.10);
  background: linear-gradient(135deg, rgba(235,33,46,.08), rgba(0,0,0,.02));
}
.rsEmailReportWhy__stripLeft{
  display:flex;
  gap:.85rem;
  align-items:center;
}
.rsEmailReportWhy__spark{
  width: 52px; height: 52px;
  border-radius: 18px;
  border: 1px solid rgba(235,33,46,.18);
  background: rgba(235,33,46,.10);
  position: relative;
  overflow: hidden;
}
.rsEmailReportWhy__spark::after{
  content:"";
  position:absolute;
  left:-40%;
  top:0;
  width:40%;
  height:100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.75), transparent);
  animation: rsEmailReportWhy_shimmer 2.8s ease-in-out infinite;
}
@keyframes rsEmailReportWhy_shimmer{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(260%); }
}

.rsEmailReportWhy__btn{
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(235,33,46,.20);
}

/* Pill grid (Why choose) */
.rsEmailReportWhy__grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: .85rem;
}
@media (min-width: 576px){
  .rsEmailReportWhy__grid{ grid-template-columns: 1fr 1fr; }
  .rsEmailReportWhy__grid .rsEmailReportWhy__pill:nth-child(5){ grid-column: 1 / -1; }
}
.rsEmailReportWhy__pill{
  display:flex;
  gap:.7rem;
  align-items:flex-start;
  padding: 1rem 1rem;
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.88);
  transition: transform .25s ease, box-shadow .25s ease;
}
.rsEmailReportWhy__pill:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0,0,0,.10);
}
.rsEmailReportWhy__pill i{
  width: 42px; height: 42px;
  border-radius: 16px;
  display:grid; place-items:center;
  background: rgba(0,0,0,.04);
  border: 1px solid rgba(0,0,0,.06);
  color: rgba(0,0,0,.65);
  flex: 0 0 auto;
}

/* CTA (right) */
.rsEmailReportWhy__cta{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 1.05rem 1.05rem;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.9);
}
.rsEmailReportWhy__ctaBtn,
.rsEmailReportWhy__ctaBtnGhost{
  border-radius: 14px;
}

/* Mini decor cards */
.rsEmailReportWhy__miniWrap{
  display:flex;
  gap: .8rem;
  justify-content: flex-end;
}
.rsEmailReportWhy__mini{
  width: 120px;
  height: 56px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.75);
  display:flex;
  align-items:center;
  justify-content:center;
  gap: .35rem;
  overflow:hidden;
}
.rsEmailReportWhy__mini span{
  width: 10px; height: 10px;
  border-radius: 999px;
  background: rgba(235,33,46,.35);
  animation: rsEmailReportWhy_dots 1.4s ease-in-out infinite;
}
.rsEmailReportWhy__mini span:nth-child(2){ animation-delay: .15s; opacity:.75; }
.rsEmailReportWhy__mini span:nth-child(3){ animation-delay: .3s; opacity:.55; }
.rsEmailReportWhy__mini--2 span{ background: rgba(0,0,0,.25); }

@keyframes rsEmailReportWhy_dots{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-6px); }
}

/* Floating dots */
.rsEmailReportWhy__float{
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  opacity:.9;
  animation: rsEmailReportWhy_float 6.2s ease-in-out infinite;
}
.rsEmailReportWhy__f1{ width: 14px; height:14px; background: rgba(235,33,46,.55); top: 18%; left: 6%; }
.rsEmailReportsEmailReportWhy__f2{ /* (typo-safe) */ }
.rsEmailReportWhy__f2{ width: 10px; height:10px; background: rgba(0,0,0,.35); bottom: 20%; right: 8%; animation-duration: 7.2s; }
.rsEmailReportWhy__f3{ width: 20px; height:20px; background: rgba(235,33,46,.18); top: 10%; right: 14%; animation-duration: 8.2s; }

@keyframes rsEmailReportWhy_float{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}
@keyframes rsEmailReportWhy_in{
  from{ opacity:0; transform: translateY(18px) scale(.99); }
  to{ opacity:1; transform: translateY(0) scale(1); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .rsEmailReportWhy__orb,
  .rsEmailReportWhy__icon,
  .rsEmailReportWhy__spark::after,
  .rsEmailReportWhy__mini span,
  .rsEmailReportWhy__float{
    animation:none !important;
  }
  .rsEmailReportWhy__item,
  .rsEmailReportWhy__pill{ transition:none !important; }
}

/* Mobile padding */
@media (max-width: 991px){
  .rsEmailReportWhy__panel{ padding: 1.55rem 1.35rem; }
}



/***********/


/* ===== CTA Wrap ===== */
.rsEmailCTA__wrap{
  border-radius: 28px;
  padding: 2.2rem 2rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 22px 60px rgba(0,0,0,.25);
}

/* Dark overlay */
.rsEmailCTA__overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(135deg, rgba(8,10,14,.92), rgba(8,10,14,.70));
  z-index:0;
}

/* Badge */
.rsEmailCTA__badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.5rem .95rem;
  border-radius:999px;
  color:#fff;
  font-weight:600;
  border:1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  position: relative;
  z-index: 1;
}

/* Actions box */
.rsEmailCTA__actions{
  display:flex;
  flex-direction: column;
  gap: .75rem;
  align-items: stretch;
  position: relative;
  z-index: 1;
}

.rsEmailCTA__btn,
.rsEmailCTA__btnGhost{
  border-radius: 14px;
}

.rsEmailCTA__btn{
  box-shadow: 0 12px 30px rgba(235,33,46,.35);
  transition: transform .2s ease, box-shadow .2s ease;
}
.rsEmailCTA__btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(235,33,46,.40);
}
.rsEmailCTA__btnGhost{
  transition: transform .2s ease, background .2s ease;
}
.rsEmailCTA__btnGhost:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.08);
}

.rsEmailCTA__note{
  font-size: .92rem;
  color: rgba(255,255,255,.70);
  padding-top: .25rem;
}

/* Floating dots */
.rsEmailCTA__float{
  position:absolute;
  border-radius: 999px;
  pointer-events:none;
  opacity:.9;
  animation: rsEmailCTA_float 6.2s ease-in-out infinite;
  z-index: 1;
}
.rsEmailCTA__f1{ width: 14px; height: 14px; background: rgba(235,33,46,.60); top: 18%; left: 8%; }
.rsEmailCTA__f2{ width: 10px; height: 10px; background: rgba(255,255,255,.25); bottom: 18%; right: 10%; animation-duration: 7.2s; }
.rsEmailCTA__f3{ width: 20px; height: 20px; background: rgba(235,33,46,.18); top: 12%; right: 14%; animation-duration: 8.2s; }

@keyframes rsEmailCTA_float{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

/* Responsive padding */
@media (max-width: 991px){
  .rsEmailCTA__wrap{ padding: 1.8rem 1.4rem; }
}


/********/


/* ===== Section BG ===== */
.rsEmailFaqCards{
  background:
    radial-gradient(1000px 520px at 50% 0%, rgba(235,33,46,.06), transparent 62%),
    #fff;
}

/* Badge */
.rsEmailFaqCards__badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.5rem .95rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.9);
  font-weight:600;
}

/* Card */
.rsEmailFaqCards__card{
  position: relative;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  box-shadow: 0 16px 44px rgba(0,0,0,.06);
  padding: 1.25rem 1.2rem;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}

/* subtle corner glow */
.rsEmailFaqCards__card::after{
  content:"";
  position:absolute;
  inset:auto -40% -40% auto;
  width:160px;
  height:160px;
  border-radius:50%;
  background: rgba(235,33,46,.10);
  transition: .45s ease;
}
.rsEmailFaqCards__card:hover{
  transform: translateY(-6px);
  box-shadow: 0 22px 60px rgba(0,0,0,.10);
}
.rsEmailFaqCards__card:hover::after{
  inset:auto -12% -12% auto;
}

/* Question row */
.rsEmailFaqCards__q{
  display:flex;
  gap:.85rem;
  align-items:flex-start;
}

/* Answer */
.rsEmailFaqCards__a{
  margin-top: .9rem;
  color: rgba(0,0,0,.72);
  line-height: 1.7;
}

/* Icon */
.rsEmailFaqCards__icon{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  flex: 0 0 auto;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.9);
  box-shadow: 0 10px 26px rgba(0,0,0,.05);
  animation: rsEmailFaqCards_float 5s ease-in-out infinite;
}
.rsEmailFaqCards__icon i{
  color:#EB212E;
  font-size: 1.15rem;
}

/* Stagger animation */
.rsEmailFaqCards__i1{ animation-duration: 5.6s; }
.rsEmailFaqCards__i2{ animation-duration: 4.8s; animation-delay: .15s; }
.rsEmailFaqCards__i3{ animation-duration: 5.2s; animation-delay: .25s; }
.rsEmailFaqCards__i4{ animation-duration: 4.9s; animation-delay: .35s; }
.rsEmailFaqCards__i5{ animation-duration: 5.8s; animation-delay: .45s; }

@keyframes rsEmailFaqCards_float{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-9px); }
}

/* Wide cards on large screens */
@media (min-width: 992px){
  .rsEmailFaqCards__card--wide{
    padding: 1.35rem 1.3rem;
  }
}

/* CTA Strip */
.rsEmailFaqCards__strip{
  border-radius: 24px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 50px rgba(0,0,0,.08);
  padding: 1.15rem 1.2rem;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.rsEmailFaqCards__btn{
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(235,33,46,.20);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .rsEmailFaqCards__icon{ animation:none !important; }
  .rsEmailFaqCards__card{ transition:none !important; }
}


/***SMS css page***/



/* ===== Background ===== */
.rsSMSDubai{
  background:#fff;
  position:relative;
}
.rsSMSDubai__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(1050px 520px at 20% 20%, rgba(235,33,46,.10), transparent 60%),
    radial-gradient(900px 520px at 85% 80%, rgba(0,0,0,.05), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.02), transparent 35%, rgba(0,0,0,.02));
  pointer-events:none;
}

/* Badge */
.rsSMSDubai__badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.5rem .9rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.88);
  font-weight:600;
}

/* Note */
.rsSMSDubai__note{
  display:flex;
  align-items:center;
  gap:.65rem;
  padding:.95rem 1rem;
  border-radius:18px;
  border:1px solid rgba(235,33,46,.18);
  background:rgba(235,33,46,.08);
  color:rgba(0,0,0,.75);
}
.rsSMSDubai__note i{ color:#EB212E; }

/* Buttons */
.rsSMSDubai__btn{ border-radius:14px; box-shadow:0 12px 30px rgba(235,33,46,.22); }
.rsSMSDubai__btnGhost{ border-radius:14px; }

/* Cards */
.rsSMSDubai__card{
  border-radius:22px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.92);
  box-shadow:0 14px 34px rgba(0,0,0,.06);
  padding:1.25rem 1.2rem 1.35rem;
  transition: transform .25s ease, box-shadow .25s ease;
  position:relative;
  overflow:hidden;
}
.rsSMSDubai__card::after{
  content:"";
  position:absolute;
  inset:auto -38% -38% auto;
  width:160px;
  height:160px;
  border-radius:50%;
  background:rgba(235,33,46,.10);
  transition:.45s ease;
}
.rsSMSDubai__card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 48px rgba(0,0,0,.10);
}
.rsSMSDubai__card:hover::after{
  inset:auto -12% -12% auto;
}

/* Animated Icons */
.rsSMSDubai__icon{
  width:56px;
  height:56px;
  border-radius:18px;
  display:grid;
  place-items:center;
  margin-bottom:.85rem;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 26px rgba(0,0,0,.06);
  animation: rsSMSDubai_float 4.9s ease-in-out infinite;
}
.rsSMSDubai__icon i{
  font-size:1.28rem;
  color:#EB212E;
}
.rsSMSDubai__i1{ animation-duration: 5.6s; }
.rsSMSDubai__i2{ animation-duration: 4.7s; animation-delay:.12s; }
.rsSMSDubai__i3{ animation-duration: 5.2s; animation-delay:.22s; }
.rsSMSDubai__i4{ animation-duration: 4.8s; animation-delay:.32s; }

@keyframes rsSMSDubai_float{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

/* Bottom strip */
.rsSMSDubai__strip{
  border-radius:24px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 50px rgba(0,0,0,.08);
  padding:1.05rem 1.1rem;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.rsSMSDubai__stripLeft{
  display:flex;
  gap:.8rem;
  align-items:center;
}
.rsSMSDubai__pulse{
  width:14px; height:14px;
  border-radius:999px;
  background:#EB212E;
  box-shadow: 0 0 0 8px rgba(235,33,46,.14);
  animation: rsSMSDubai_pulse 2.1s ease-in-out infinite;
}
@keyframes rsSMSDubai_pulse{
  0%,100%{ transform: scale(1); }
  50%{ transform: scale(1.12); }
}
.rsSMSDubai__stripBtn{
  border-radius:14px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .rsSMSDubai__icon, .rsSMSDubai__pulse{ animation:none !important; }
  .rsSMSDubai__card{ transition:none !important; }
}







/***********/

/* ===== Section Base ===== */
.rsBulkSMSDash{
  background: #fff;
}

/* Dashed arrows background */
.rsBulkSMSDash__arrows{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}

/* Badge */
.rsBulkSMSDash__badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.45rem .9rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  font-weight:600;
}

/* CTA button */
.rsBulkSMSDash__btn{
  border-radius:14px;
  box-shadow:0 12px 30px rgba(235,33,46,.25);
}

/* LEFT rail */
.rsBulkSMSDash__rail{
  display:grid;
  gap:1.1rem;
  border-left:2px dashed rgba(235,33,46,.35);
  padding-left:1.2rem;
}
.rsBulkSMSDash__railItem{
  display:flex;
  gap:.75rem;
  align-items:flex-start;
}
.rsBulkSMSDash__dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#EB212E;
  box-shadow:0 0 0 6px rgba(235,33,46,.15);
  flex:0 0 auto;
  animation: rsBulkSMSDash_pulse 2.4s ease-in-out infinite;
}
@keyframes rsBulkSMSDash_pulse{
  0%,100%{ transform:scale(1); }
  50%{ transform:scale(1.15); }
}

/* RIGHT tiles */
.rsBulkSMSDash__tiles{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
.rsBulkSMSDash__tile{
  border-radius:18px;
  border:1px dashed rgba(0,0,0,.18);
  background:#fff;
  padding:1.1rem .9rem;
  text-align:center;
  box-shadow:0 10px 26px rgba(0,0,0,.06);
  transition:transform .25s ease, box-shadow .25s ease;
}
.rsBulkSMSDash__tile i{
  font-size:1.3rem;
  color:#EB212E;
  display:block;
  margin-bottom:.35rem;
}
.rsBulkSMSDash__tile:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(0,0,0,.10);
}

/* Responsive */
@media (max-width: 991px){
  .rsBulkSMSDash__tiles{
    grid-template-columns:1fr;
  }
  .rsBulkSMSDash__rail{
    border-left:none;
    border-top:2px dashed rgba(235,33,46,.35);
    padding-left:0;
    padding-top:1rem;
  }
}



/********/



/* ===== Section BG ===== */
.rsTargetSMSDark{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.rsTargetSMSDark__overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(135deg, rgba(8,10,14,.92), rgba(8,10,14,.72));
  z-index:0;
}

/* Badge */
.rsTargetSMSDark__badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.5rem .95rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color:#fff;
  font-weight:600;
  position: relative;
  z-index: 1;
}

/* Buttons */
.rsTargetSMSDark__btn,
.rsTargetSMSDark__btnGhost{
  border-radius:14px;
}
.rsTargetSMSDark__btn{
  box-shadow:0 12px 30px rgba(235,33,46,.35);
}

/* Cards */
.rsTargetSMSDark__card{
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(6px);
  padding:1.15rem 1.1rem 1.25rem;
  box-shadow: 0 16px 48px rgba(0,0,0,.30);
  transition: transform .25s ease, background .25s ease;
  position: relative;
  overflow: hidden;
}
.rsTargetSMSDark__card:hover{
  transform: translateY(-6px);
  background: rgba(255,255,255,.08);
}

/* Icons + animation */
.rsTargetSMSDark__icon{
  width:52px;
  height:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  margin-bottom:.75rem;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(235,33,46,.18);
  color:#EB212E;
  animation: rsTargetSMSDark_float 5s ease-in-out infinite;
}
.rsTargetSMSDark__icon i{ font-size:1.22rem; }
.rsTargetSMSDark__i1{ animation-duration: 5.6s; }
.rsTargetSMSDark__i2{ animation-duration: 4.7s; animation-delay:.12s; }
.rsTargetSMSDark__i3{ animation-duration: 5.2s; animation-delay:.22s; }
.rsTargetSMSDark__i4{ animation-duration: 4.8s; animation-delay:.32s; }

@keyframes rsTargetSMSDark_float{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

/* Strip */
.rsTargetSMSDark__strip{
  border-radius:24px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(6px);
  padding:1.05rem 1.1rem;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.rsTargetSMSDark__pulse{
  width:14px; height:14px;
  border-radius:999px;
  background:#EB212E;
  box-shadow: 0 0 0 8px rgba(235,33,46,.16);
  animation: rsTargetSMSDark_pulse 2.1s ease-in-out infinite;
}
@keyframes rsTargetSMSDark_pulse{
  0%,100%{ transform: scale(1); }
  50%{ transform: scale(1.12); }
}
.rsTargetSMSDark__stripBtn{
  border-radius:14px;
}

/* Floating dots */
.rsTargetSMSDark__float{
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  opacity:.9;
  animation: rsTargetSMSDark_dot 6.2s ease-in-out infinite;
  z-index:1;
}
.rsTargetSMSDark__f1{ width:14px; height:14px; background: rgba(235,33,46,.60); top: 18%; left: 7%; }
.rsTargetSMSDark__f2{ width:10px; height:10px; background: rgba(255,255,255,.25); bottom: 18%; right: 10%; animation-duration: 7.2s; }
.rsTargetSMSDark__f3{ width:20px; height:20px; background: rgba(235,33,46,.18); top: 12%; right: 14%; animation-duration: 8.2s; }

@keyframes rsTargetSMSDark_dot{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .rsTargetSMSDark__icon,
  .rsTargetSMSDark__pulse,
  .rsTargetSMSDark__float{ animation:none !important; }
  .rsTargetSMSDark__card{ transition:none !important; }
}



/**********************/


/* ===== Background ===== */
.rsSmsTypesFull{
  background:#fff;
  position:relative;
}
.rsSmsTypesFull__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(1000px 520px at 20% 20%, rgba(235,33,46,.10), transparent 60%),
    radial-gradient(900px 520px at 85% 80%, rgba(0,0,0,.05), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.02), transparent 35%, rgba(0,0,0,.02));
  pointer-events:none;
}

/* Badge */
.rsSmsTypesFull__badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.5rem .95rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.9);
  font-weight:600;
}

/* Blocks (different: diagonal highlight + stamp) */
.rsSmsTypesFull__block{
  border-radius:28px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  box-shadow: 0 20px 56px rgba(0,0,0,.10);
  padding: 1.7rem 1.6rem;
  position: relative;
  overflow:hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.rsSmsTypesFull__block::after{
  content:"";
  position:absolute;
  inset:-40% -50% auto auto;
  width:320px;
  height:220px;
  transform: rotate(18deg);
  background: rgba(235,33,46,.10);
  border-radius: 40px;
}
.rsSmsTypesFull__block--right::after{
  background: rgba(0,0,0,.05);
}
.rsSmsTypesFull__block:hover{
  transform: translateY(-6px);
  box-shadow: 0 26px 70px rgba(0,0,0,.12);
}

.rsSmsTypesFull__blockTop{
  display:flex;
  gap: 1rem;
  align-items:flex-start;
  position: relative;
  z-index: 1;
}

.rsSmsTypesFull__stamp{
  width:62px;
  height:62px;
  border-radius:22px;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,0,0,.08);
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
  flex:0 0 auto;
  animation: rsSmsTypesFull_float 5.4s ease-in-out infinite;
}
.rsSmsTypesFull__stamp--t{
  background: rgba(235,33,46,.12);
  color:#EB212E;
}
.rsSmsTypesFull__stamp--p{
  background: rgba(0,0,0,.04);
  color: rgba(0,0,0,.70);
  animation-duration: 6.3s;
}
@keyframes rsSmsTypesFull_float{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

.rsSmsTypesFull__kicker{
  display:inline-flex;
  padding:.22rem .65rem;
  border-radius:999px;
  font-size:.82rem;
  font-weight:700;
  background: rgba(235,33,46,.10);
  color:#8f0f18;
  border:1px solid rgba(235,33,46,.14);
  margin-bottom:.5rem;
}

/* List */
.rsSmsTypesFull__list{
  display:grid;
  gap:.95rem;
  position: relative;
  z-index: 1;
}

.rsSmsTypesFull__item{
  display:flex;
  gap:.85rem;
  align-items:flex-start;
  padding: 1rem 1rem;
  border-radius:22px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.88);
  transition: transform .25s ease, box-shadow .25s ease;
}
.rsSmsTypesFull__item:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(0,0,0,.10);
}

.rsSmsTypesFull__icon{
  width:46px; height:46px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background: rgba(235,33,46,.10);
  border:1px solid rgba(0,0,0,.08);
  color:#EB212E;
  flex: 0 0 auto;
  animation: rsSmsTypesFull_bob 4.8s ease-in-out infinite;
}
.rsSmsTypesFull__icon--t1{ animation-duration: 5.4s; }
.rsSmsTypesFull__icon--t2{ animation-duration: 4.6s; animation-delay:.12s; }
.rsSmsTypesFull__icon--t3{ animation-duration: 5.1s; animation-delay:.24s; }
.rsSmsTypesFull__icon--p1{ animation-duration: 4.7s; animation-delay:.10s; }
.rsSmsTypesFull__icon--p2{ animation-duration: 5.5s; animation-delay:.22s; }
.rsSmsTypesFull__icon--p3{ animation-duration: 4.9s; animation-delay:.32s; }

@keyframes rsSmsTypesFull_bob{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-8px); }
}

/* Foot highlight */
.rsSmsTypesFull__foot{
  display:flex;
  align-items:center;
  gap:.6rem;
  padding: .95rem 1rem;
  border-radius:22px;
  border:1px solid rgba(235,33,46,.16);
  background: rgba(235,33,46,.08);
  color: rgba(0,0,0,.78);
  position: relative;
  z-index: 1;
}
.rsSmsTypesFull__foot--alt{
  border-color: rgba(0,0,0,.10);
  background: rgba(0,0,0,.03);
}

/* CTA strip */
.rsSmsTypesFull__cta{
  border-radius:26px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  box-shadow: 0 20px 56px rgba(0,0,0,.10);
  padding: 1.2rem 1.2rem;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.rsSmsTypesFull__ctaBtn,
.rsSmsTypesFull__ctaBtnGhost{
  border-radius:14px;
}
.rsSmsTypesFull__ctaBtn{
  box-shadow: 0 12px 30px rgba(235,33,46,.20);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .rsSmsTypesFull__stamp,
  .rsSmsTypesFull__icon{ animation:none !important; }
  .rsSmsTypesFull__block,
  .rsSmsTypesFull__item{ transition:none !important; }
}

/* Responsive padding */
@media (max-width: 991px){
  .rsSmsTypesFull__block{ padding: 1.55rem 1.35rem; }
}


/********************************/


/* ===== Background ===== */
.rsSmsSecureUAE{
  background:#fff;
  position:relative;
}
.rsSmsSecureUAE__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(1000px 520px at 15% 20%, rgba(235,33,46,.10), transparent 60%),
    radial-gradient(900px 520px at 88% 78%, rgba(0,0,0,.05), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.02), transparent 35%, rgba(0,0,0,.02));
  pointer-events:none;
}

/* Badge */
.rsSmsSecureUAE__badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.5rem .95rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.88);
  font-weight:600;
}

/* Note */
.rsSmsSecureUAE__note{
  display:flex;
  align-items:center;
  gap:.65rem;
  padding:.95rem 1rem;
  border-radius:18px;
  border:1px solid rgba(235,33,46,.18);
  background:rgba(235,33,46,.08);
  color:rgba(0,0,0,.78);
}
.rsSmsSecureUAE__note i{ color:#EB212E; }

/* Buttons */
.rsSmsSecureUAE__btn,
.rsSmsSecureUAE__btnGhost{ border-radius:14px; }
.rsSmsSecureUAE__btn{ box-shadow:0 12px 30px rgba(235,33,46,.22); }

/* Tiles */
.rsSmsSecureUAE__tile{
  border-radius:26px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 54px rgba(0,0,0,.08);
  padding:1.25rem 1.2rem;
  display:flex;
  gap:1rem;
  align-items:flex-start;
  transition: transform .25s ease, box-shadow .25s ease;
  position:relative;
  overflow:hidden;
}
.rsSmsSecureUAE__tile:hover{
  transform: translateY(-6px);
  box-shadow:0 26px 72px rgba(0,0,0,.12);
}
.rsSmsSecureUAE__tile--wide{
  align-items: center;
}
.rsSmsSecureUAE__wideText{
  flex: 1 1 auto;
}

/* Different icon animation: rotating ring + inner bounce */
.rsSmsSecureUAE__ring{
  width: 72px;
  height: 72px;
  border-radius: 999px;
  padding: 3px;
  background: conic-gradient(from 0deg, rgba(235,33,46,.55), rgba(235,33,46,.10), rgba(0,0,0,.10), rgba(235,33,46,.55));
  animation: rsSmsSecureUAE_spin 4.6s linear infinite;
  flex: 0 0 auto;
}
.rsSmsSecureUAE__ringInner{
  width: 100%;
  height: 100%;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.95);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
  animation: rsSmsSecureUAE_bounce 2.8s ease-in-out infinite;
}
.rsSmsSecureUAE__ringInner i{
  font-size: 1.35rem;
  color:#EB212E;
}

/* Slight variations */
.rsSmsSecureUAE__ring--a{ animation-duration: 4.4s; }
.rsSmsSecureUAE__ring--b{ animation-duration: 5.2s; animation-direction: reverse; }
.rsSmsSecureUAE__ring--c{ animation-duration: 4.8s; }

@keyframes rsSmsSecureUAE_spin{
  to{ transform: rotate(360deg); }
}
@keyframes rsSmsSecureUAE_bounce{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-6px); }
}

/* Chips */
.rsSmsSecureUAE__chips{
  display:flex;
  gap:.5rem;
  flex-wrap: wrap;
}
.rsSmsSecureUAE__chip{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.35rem .7rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.9);
  font-size:.85rem;
  color: rgba(0,0,0,.72);
}
.rsSmsSecureUAE__chip i{ color:#EB212E; }

/* Bottom strip */
.rsSmsSecureUAE__strip{
  border-radius:26px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  box-shadow:0 20px 56px rgba(0,0,0,.10);
  padding:1.1rem 1.15rem;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.rsSmsSecureUAE__stripBtn{ border-radius:14px; }
.rsSmsSecureUAE__pulse{
  width:14px; height:14px;
  border-radius:999px;
  background:#EB212E;
  box-shadow: 0 0 0 8px rgba(235,33,46,.14);
  animation: rsSmsSecureUAE_pulse 2.1s ease-in-out infinite;
}
@keyframes rsSmsSecureUAE_pulse{
  0%,100%{ transform: scale(1); }
  50%{ transform: scale(1.12); }
}

/* Floating particles */
.rsSmsSecureUAE__float{
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  opacity:.9;
  animation: rsSmsSecureUAE_float 6.2s ease-in-out infinite;
}
.rsSmsSecureUAE__f1{ width:14px; height:14px; background: rgba(235,33,46,.55); top: 18%; left: 6%; }
.rsSmsSecureUAE__f2{ width:10px; height:10px; background: rgba(0,0,0,.35); bottom: 18%; right: 8%; animation-duration: 7.2s; }
.rsSmsSecureUAE__f3{ width:20px; height:20px; background: rgba(235,33,46,.18); top: 10%; right: 14%; animation-duration: 8.2s; }
@keyframes rsSmsSecureUAE_float{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .rsSmsSecureUAE__ring,
  .rsSmsSecureUAE__ringInner,
  .rsSmsSecureUAE__pulse,
  .rsSmsSecureUAE__float{ animation:none !important; }
  .rsSmsSecureUAE__tile{ transition:none !important; }
}



/*********************/


/* ===== Base ===== */
.rsSmsWhyDark{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.rsSmsWhyDark__overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(135deg, rgba(8,10,14,.93), rgba(8,10,14,.72));
  z-index:0;
}

/* Animated routes */
.rsSmsWhyDark__routes{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:1;
  opacity:.95;
}
.rsSmsWhyDark__routes path{
  animation: rsSmsWhyDark_dash 11s linear infinite;
}
.rsSmsWhyDark__routes path:nth-child(2){
  animation-duration: 14s;
  opacity:.7;
}
@keyframes rsSmsWhyDark_dash{
  to{ stroke-dashoffset: -240; }
}

/* Blobs */
.rsSmsWhyDark__blob{
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  z-index:1;
  filter: blur(1px);
}
.rsSmsWhyDark__blob--1{
  width: 280px; height: 280px;
  left:-90px; top:16%;
  background: radial-gradient(circle at 30% 30%, rgba(235,33,46,.55), rgba(235,33,46,.10));
  opacity:.75;
  animation: rsSmsWhyDark_float1 8.2s ease-in-out infinite;
}
.rsSmsWhyDark__blob--2{
  width: 240px; height: 240px;
  right:-110px; bottom:10%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.20), rgba(255,255,255,.02));
  opacity:.65;
  animation: rsSmsWhyDark_float2 9.6s ease-in-out infinite;
}
@keyframes rsSmsWhyDark_float1{
  0%,100%{ transform: translateY(0) translateX(0); }
  50%{ transform: translateY(-16px) translateX(12px); }
}
@keyframes rsSmsWhyDark_float2{
  0%,100%{ transform: translateY(0) translateX(0); }
  50%{ transform: translateY(-14px) translateX(-12px); }
}

/* Ring */
.rsSmsWhyDark__ring{
  position:absolute;
  width: 360px;
  height: 360px;
  border-radius:999px;
  border: 2px solid rgba(235,33,46,.16);
  top: 6%;
  right: 18%;
  z-index:1;
  pointer-events:none;
  opacity:.55;
  animation: rsSmsWhyDark_spin 18s linear infinite;
}
@keyframes rsSmsWhyDark_spin{
  to{ transform: rotate(360deg); }
}

/* Panels */
.rsSmsWhyDark__panel{
  position: relative;
  z-index:2;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(8px);
  box-shadow: 0 22px 60px rgba(0,0,0,.35);
  padding: 2rem 1.8rem;
  overflow:hidden;
}
.rsSmsWhyDark__panel::after{
  content:"";
  position:absolute;
  inset:auto -35% -35% auto;
  width:240px;
  height:240px;
  border-radius:50%;
  background: rgba(235,33,46,.14);
  z-index:-1;
}
.rsSmsWhyDark__panel--cta::after{
  background: rgba(255,255,255,.08);
}

/* Badge */
.rsSmsWhyDark__badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.5rem .95rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color:#fff;
  font-weight:600;
}
.rsSmsWhyDark__badge--alt{
  background: rgba(235,33,46,.14);
  border-color: rgba(235,33,46,.18);
}

/* Grid pills */
.rsSmsWhyDark__grid{
  display:grid;
  gap: .9rem;
  margin-top: 1rem;
}
.rsSmsWhyDark__pill{
  display:flex;
  gap:.9rem;
  align-items:flex-start;
  padding: 1rem 1rem;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  transition: transform .25s ease, background .25s ease;
}
.rsSmsWhyDark__pill:hover{
  transform: translateY(-5px);
  background: rgba(255,255,255,.07);
}
.rsSmsWhyDark__pill--wide{
  grid-column: 1 / -1;
}

/* Animated icons (different: pulse + orbit dot) */
.rsSmsWhyDark__icon{
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(235,33,46,.18);
  color:#EB212E;
  flex:0 0 auto;
  position: relative;
  animation: rsSmsWhyDark_tilt 3.2s ease-in-out infinite;
}
.rsSmsWhyDark__icon::after{
  content:"";
  position:absolute;
  width:10px; height:10px;
  border-radius:999px;
  background: rgba(255,255,255,.35);
  top:-6px; left:50%;
  transform: translateX(-50%);
  box-shadow: 0 0 0 7px rgba(235,33,46,.10);
  animation: rsSmsWhyDark_orbit 2.8s linear infinite;
}
.rsSmsWhyDark__i1{ animation-duration: 3.4s; }
.rsSmsWhyDark__i2{ animation-duration: 3.0s; animation-delay:.12s; }
.rsSmsWhyDark__i3{ animation-duration: 3.6s; animation-delay:.20s; }
.rsSmsWhyDark__i4{ animation-duration: 3.1s; animation-delay:.30s; }
.rsSmsWhyDark__i5{ animation-duration: 3.8s; animation-delay:.38s; }

@keyframes rsSmsWhyDark_tilt{
  0%,100%{ transform: rotate(0deg); }
  50%{ transform: rotate(-6deg); }
}
@keyframes rsSmsWhyDark_orbit{
  to{ transform: translateX(-50%) rotate(360deg); }
}

/* Buttons */
.rsSmsWhyDark__btn,
.rsSmsWhyDark__btnGhost{
  border-radius:14px;
}
.rsSmsWhyDark__btn{
  box-shadow:0 12px 30px rgba(235,33,46,.35);
}

/* Mini cards */
.rsSmsWhyDark__miniWrap{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: .9rem;
}
.rsSmsWhyDark__mini{
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  padding: 1rem 1rem;
  display:flex;
  gap:.85rem;
  align-items:flex-start;
}
.rsSmsWhyDark__miniIcon{
  width: 48px; height: 48px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.85);
  flex:0 0 auto;
}

/* Note */
.rsSmsWhyDark__note{
  border-radius: 22px;
  border: 1px solid rgba(235,33,46,.22);
  background: rgba(235,33,46,.12);
  color: rgba(255,255,255,.90);
  padding: .95rem 1rem;
  display:flex;
  align-items:center;
  gap:.65rem;
}

/* Responsive */
@media (max-width: 991px){
  .rsSmsWhyDark__panel{ padding: 1.7rem 1.35rem; }
  .rsSmsWhyDark__miniWrap{ grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce){
  .rsSmsWhyDark__routes path,
  .rsSmsWhyDark__blob,
  .rsSmsWhyDark__ring,
  .rsSmsWhyDark__icon,
  .rsSmsWhyDark__icon::after{ animation:none !important; }
  .rsSmsWhyDark__pill{ transition:none !important; }
}



/* ===== Background ===== */
.rsSmsFaqFloat{
  background:#fff;
  position:relative;
}
.rsSmsFaqFloat__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 520px at 18% 16%, rgba(235,33,46,.08), transparent 60%),
    radial-gradient(900px 520px at 88% 80%, rgba(0,0,0,.05), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.02), transparent 35%, rgba(0,0,0,.02));
  pointer-events:none;
}

/* Badge */
.rsSmsFaqFloat__badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.5rem .95rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.9);
  font-weight:600;
}

/* FAQ list */
.rsSmsFaqFloat__list{
  display:grid;
  gap:.95rem;
}

/* details styling */
.rsSmsFaqFloat__item{
  border-radius:22px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
  overflow:hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.rsSmsFaqFloat__item:hover{
  transform: translateY(-4px);
  box-shadow: 0 20px 56px rgba(0,0,0,.10);
}

.rsSmsFaqFloat__q{
  list-style:none;
  display:flex;
  align-items:center;
  gap:.85rem;
  padding: 1.05rem 1.05rem;
  cursor:pointer;
  user-select:none;
}
.rsSmsFaqFloat__q::-webkit-details-marker{ display:none; }

.rsSmsFaqFloat__qIcon{
  width:44px; height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(235,33,46,.10);
  color:#EB212E;
  flex:0 0 auto;
}

.rsSmsFaqFloat__chev{
  margin-left:auto;
  width:40px; height:40px;
  border-radius:14px;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.03);
  transition: transform .25s ease;
}

.rsSmsFaqFloat__item[open] .rsSmsFaqFloat__chev{
  transform: rotate(180deg);
}

.rsSmsFaqFloat__a{
  padding: 0 1.05rem 1.05rem 1.05rem;
  color: rgba(0,0,0,.72);
  line-height: 1.7;
}

/* CTA */
.rsSmsFaqFloat__cta{
  border-radius:24px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 52px rgba(0,0,0,.08);
  padding: 1.1rem 1.15rem;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.rsSmsFaqFloat__btn{
  border-radius:14px;
  box-shadow: 0 12px 30px rgba(235,33,46,.20);
}

/* Right image floating */
.rsSmsFaqFloat__imgWrap{
  position: sticky;
  top: 100px;
}
@media (max-width: 991px){
  .rsSmsFaqFloat__imgWrap{ position: relative; top: 0; }
}

.rsSmsFaqFloat__img{
  width: 100%;
  height: 520px;
  border-radius: 30px;
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 28px 70px rgba(0,0,0,.15);
  position: relative;
  overflow:hidden;
}

/* soft overlay on image */
.rsSmsFaqFloat__img::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.20));
}

/* Floating chips */
.rsSmsFaqFloat__chip{
  position:absolute;
  left: 18px;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.55rem .85rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.24);
  background: rgba(10,12,16,.55);
  color:#fff;
  backdrop-filter: blur(8px);
  box-shadow: 0 16px 44px rgba(0,0,0,.25);
  animation: rsSmsFaqFloat_float 5.6s ease-in-out infinite;
}
.rsSmsFaqFloat__chip i{ color:#EB212E; }

.rsSmsFaqFloat__chip--1{ top: 18px; animation-duration: 5.8s; }
.rsSmsFaqFloat__chip--2{ top: 74px; animation-duration: 6.6s; animation-delay:.2s; }
.rsSmsFaqFloat__chip--3{ top: 130px; animation-duration: 6.1s; animation-delay:.35s; }

@keyframes rsSmsFaqFloat_float{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

/* Floating dots */
.rsSmsFaqFloat__dot{
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  opacity:.9;
  animation: rsSmsFaqFloat_dot 6.2s ease-in-out infinite;
}
.rsSmsFaqFloat__d1{ width:14px; height:14px; background: rgba(235,33,46,.55); right: 18px; top: 24px; }
.rsSmsFaqFloat__d2{ width:10px; height:10px; background: rgba(255,255,255,.30); right: 26px; bottom: 34px; animation-duration: 7.1s; }
.rsSmsFaqFloat__d3{ width:20px; height:20px; background: rgba(235,33,46,.16); left: 20px; bottom: 28px; animation-duration: 8.1s; }

@keyframes rsSmsFaqFloat_dot{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .rsSmsFaqFloat__chip,
  .rsSmsFaqFloat__dot{ animation:none !important; }
  .rsSmsFaqFloat__item{ transition:none !important; }
}




.btn-outline-dark.darkhover-btn:hover{  background: #fff; color: #EB212E; border-color: #EB212E;}





/* =========================================================
  UNIQUE PARENT: rsMobileAppWrap
  (Styles apply ONLY within this wrapper)
========================================================= */
.rsMobileAppWrap{}

/* Shared */
.rsMobileAppWrap__sec{ position: relative; }
.rsMobileAppWrap__badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.5rem .95rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.9);
  font-weight:600;
}
.rsMobileAppWrap__badge--alt{
  background: rgba(235,33,46,.08);
  border-color: rgba(235,33,46,.16);
  color:#8f0f18;
}

/* =========================================
  SECTION 1: DEV (Different style: device stack)
========================================= */
.rsMobileAppWrap__dev{ background:#fff; }
.rsMobileAppWrap__devBg{
  position:absolute; inset:0;
  background:
    radial-gradient(1000px 520px at 18% 18%, rgba(235,33,46,.10), transparent 60%),
    radial-gradient(900px 520px at 86% 76%, rgba(0,0,0,.05), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.02), transparent 35%, rgba(0,0,0,.02));
  pointer-events:none;
}

/* animated orbs + glow grid */
.rsMobileAppWrap__orb{
  position:absolute; border-radius:999px; pointer-events:none; opacity:.9;
  filter: blur(1px);
}
.rsMobileAppWrap__orb--1{
  width:220px; height:220px; left:-80px; top:18%;
  background: radial-gradient(circle at 30% 30%, rgba(235,33,46,.35), rgba(235,33,46,.05));
  animation: rsMobileAppWrap_float1 7.8s ease-in-out infinite;
}
.rsMobileAppWrap__orb--2{
  width:180px; height:180px; right:-70px; bottom:12%;
  background: radial-gradient(circle at 30% 30%, rgba(0,0,0,.10), transparent 65%);
  animation: rsMobileAppWrap_float2 9.2s ease-in-out infinite;
}
.rsMobileAppWrap__gridGlow{
  position:absolute; inset:0; pointer-events:none; opacity:.55;
  background-image:
    linear-gradient(to right, rgba(0,0,0,.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0,0,0,.04) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(circle at 30% 30%, #000 0%, transparent 60%);
  animation: rsMobileAppWrap_grid 9s linear infinite;
}
@keyframes rsMobileAppWrap_grid{
  to{ transform: translateY(18px); }
}
@keyframes rsMobileAppWrap_float1{
  0%,100%{ transform: translateY(0) translateX(0); }
  50%{ transform: translateY(-14px) translateX(10px); }
}
@keyframes rsMobileAppWrap_float2{
  0%,100%{ transform: translateY(0) translateX(0); }
  50%{ transform: translateY(-12px) translateX(-10px); }
}

/* ticks */
.rsMobileAppWrap__ticks{
  display:grid;
  gap:.9rem;
}
.rsMobileAppWrap__tick{
  display:flex;
  gap:.85rem;
  align-items:flex-start;
  padding: 1rem 1rem;
  border-radius: 22px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
  transition: transform .25s ease, box-shadow .25s ease;
}
.rsMobileAppWrap__tick:hover{
  transform: translateY(-4px);
  box-shadow: 0 20px 56px rgba(0,0,0,.10);
}
.rsMobileAppWrap__tickIcon{
  width:46px; height:46px; border-radius:18px;
  display:grid; place-items:center;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(235,33,46,.10);
  color:#EB212E;
  flex:0 0 auto;
  animation: rsMobileAppWrap_bob 4.8s ease-in-out infinite;
}
@keyframes rsMobileAppWrap_bob{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-8px); }
}

/* buttons */
.rsMobileAppWrap__btn{ border-radius:14px; box-shadow:0 12px 30px rgba(235,33,46,.22); }
.rsMobileAppWrap__btnGhost{ border-radius:14px; }

/* device stack */
.rsMobileAppWrap__stack{
  position: relative;
  min-height: 460px;
}
.rsMobileAppWrap__card{
  border-radius: 30px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 26px 70px rgba(0,0,0,.14);
  position:absolute;
  overflow:hidden;
}
.rsMobileAppWrap__card--phone{
  width: 88%;
  height: 420px;
  right: 0;
  top: 20px;
  transform: rotate(2deg);
  animation: rsMobileAppWrap_stack1 6.2s ease-in-out infinite;
}
.rsMobileAppWrap__card--panel{
  width: 70%;
  height: 240px;
  left: 0;
  bottom: 18px;
  transform: rotate(-4deg);
  background: rgba(255,255,255,.88);
  animation: rsMobileAppWrap_stack2 7.2s ease-in-out infinite;
}
@keyframes rsMobileAppWrap_stack1{
  0%,100%{ transform: rotate(2deg) translateY(0); }
  50%{ transform: rotate(2deg) translateY(-10px); }
}
@keyframes rsMobileAppWrap_stack2{
  0%,100%{ transform: rotate(-4deg) translateY(0); }
  50%{ transform: rotate(-4deg) translateY(10px); }
}
.rsMobileAppWrap__cardTop{
  display:flex; gap:.4rem;
  padding: 1rem 1rem .6rem;
}
.rsMobileAppWrap__dot{
  width:10px; height:10px; border-radius:999px; background: rgba(235,33,46,.55);
}
.rsMobileAppWrap__dot--2{ background: rgba(0,0,0,.18); }
.rsMobileAppWrap__dot--3{ background: rgba(235,33,46,.18); }

.rsMobileAppWrap__cardBody{
  padding: 1.1rem;
  display:grid;
  gap:.85rem;
}
.rsMobileAppWrap__metric{
  display:flex;
  gap:.8rem;
  align-items:flex-start;
  padding: .95rem 1rem;
  border-radius: 22px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
}
.rsMobileAppWrap__metricIcon{
  width:44px; height:44px; border-radius:18px;
  display:grid; place-items:center;
  background: rgba(0,0,0,.03);
  border:1px solid rgba(0,0,0,.06);
  color: rgba(0,0,0,.70);
  flex:0 0 auto;
}

/* panel lines */
.rsMobileAppWrap__panelLine{
  position:absolute; left: 18px; right: 18px;
  height: 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.06);
  top: 24px;
}
.rsMobileAppWrap__panelLine--2{ top: 56px; width: 70%; }
.rsMobileAppWrap__panelLine--3{ top: 88px; width: 55%; }
.rsMobileAppWrap__panelChip{
  position:absolute;
  left: 18px;
  bottom: 18px;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.5rem .85rem;
  border-radius:999px;
  border:1px solid rgba(235,33,46,.18);
  background: rgba(235,33,46,.10);
  color:#8f0f18;
  font-weight:600;
}

/* floating dots */
.rsMobileAppWrap__float{
  position:absolute; border-radius:999px; pointer-events:none; opacity:.9;
  animation: rsMobileAppWrap_floatDot 6.2s ease-in-out infinite;
}
.rsMobileAppWrap__float--a{ width:14px; height:14px; background: rgba(235,33,46,.55); top: 18px; left: 22px; }
.rsMobileAppWrap__float--b{ width:20px; height:20px; background: rgba(235,33,46,.16); bottom: 14px; right: 24px; animation-duration: 7.6s; }
@keyframes rsMobileAppWrap_floatDot{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

/* =========================================
  SECTION 2: DESIGN (Different style: flow steps)
========================================= */
.rsMobileAppWrap__design{ background:#fff; }
.rsMobileAppWrap__designBg{
  position:absolute; inset:0;
  background:
    radial-gradient(1000px 520px at 85% 20%, rgba(235,33,46,.08), transparent 60%),
    radial-gradient(900px 520px at 15% 80%, rgba(0,0,0,.05), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.02), transparent 35%, rgba(0,0,0,.02));
  pointer-events:none;
}

/* animated dashed wave */
.rsMobileAppWrap__wave{
  position:absolute;
  left:0; right:0;
  top: 18%;
  width: 100%;
  height: 260px;
  pointer-events:none;
  opacity:.9;
}
.rsMobileAppWrap__wave path{
  animation: rsMobileAppWrap_dash 12s linear infinite;
}
.rsMobileAppWrap__wave path:nth-child(2){
  animation-duration: 15s;
  opacity:.7;
}
@keyframes rsMobileAppWrap_dash{
  to{ stroke-dashoffset: -240; }
}

/* flow */
.rsMobileAppWrap__flow{
  position: relative;
  border-radius: 30px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  box-shadow: 0 26px 70px rgba(0,0,0,.12);
  padding: 1.4rem 1.2rem;
  overflow:hidden;
}
.rsMobileAppWrap__flowLine{
  position:absolute;
  left: 28px;
  top: 18px;
  bottom: 18px;
  width: 2px;
  background: linear-gradient(to bottom, rgba(235,33,46,.35), rgba(235,33,46,.05));
  border-radius:999px;
}
.rsMobileAppWrap__flowStep{
  display:flex;
  gap: 1rem;
  align-items:flex-start;
  padding: 1rem 1rem 1rem 1.6rem;
  border-radius: 22px;
  transition: transform .25s ease, background .25s ease;
  position: relative;
}
.rsMobileAppWrap__flowStep:hover{
  transform: translateX(6px);
  background: rgba(0,0,0,.02);
}
.rsMobileAppWrap__flowStep--highlight{
  background: rgba(235,33,46,.06);
  border: 1px solid rgba(235,33,46,.12);
}

.rsMobileAppWrap__flowNum{
  width: 54px; height: 54px;
  border-radius: 18px;
  display:grid; place-items:center;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(235,33,46,.10);
  color:#8f0f18;
  font-weight:800;
  flex:0 0 auto;
  position: relative;
  animation: rsMobileAppWrap_num 3.6s ease-in-out infinite;
}
@keyframes rsMobileAppWrap_num{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-7px); }
}

/* chips */
.rsMobileAppWrap__chips{
  display:flex;
  gap:.55rem;
  flex-wrap: wrap;
}
.rsMobileAppWrap__chip{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.35rem .75rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  color: rgba(0,0,0,.72);
  font-size:.9rem;
}
.rsMobileAppWrap__chip i{ color:#EB212E; }

.rsMobileAppWrap__btnDark{ border-radius:14px; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .rsMobileAppWrap__gridGlow,
  .rsMobileAppWrap__orb,
  .rsMobileAppWrap__tickIcon,
  .rsMobileAppWrap__card,
  .rsMobileAppWrap__float,
  .rsMobileAppWrap__wave path,
  .rsMobileAppWrap__flowNum{ animation:none !important; }
  .rsMobileAppWrap__tick,
  .rsMobileAppWrap__flowStep{ transition:none !important; }
}

/* Responsive tweaks */
@media (max-width: 991px){
  .rsMobileAppWrap__stack{ min-height: 420px; }
  .rsMobileAppWrap__card--phone{ width: 100%; }
  .rsMobileAppWrap__card--panel{ width: 86%; }
}