.rd-fixed-hero{

  width:100%;

  padding:22px 0 18px;

  position:relative;

  overflow:hidden;

}



.rd-fixed-hero *{

  box-sizing:border-box;

}



.rd-fixed-hero__wrap{

  position:relative;

  max-width:1460px;

  margin:0 auto;

  padding:0 18px;

}



.rd-fixed-hero__bg-text{

  position:absolute;

  top:-24px;

  left:50%;

  transform:translateX(-50%);

  font-family:Arial, sans-serif;

  font-size:clamp(58px, 8vw, 150px);

  font-weight:900;

  line-height:1;

  color:#edf0f3;

  white-space:nowrap;

  pointer-events:none;

  user-select:none;

  z-index:0;

}



/* باکس اصلی آبی */

.rd-fixed-hero__card{

  position:relative;

  z-index:2;

  min-height:360px;

  border-radius:22px;

  overflow:visible;

  background:#04518d;

  display:grid;

  grid-template-columns:0.95fr 1.05fr;

  align-items:center;

  padding:18px 58px 8px;

}



/* متن */

.rd-fixed-hero__content{

  order:1;

  text-align:center;

  z-index:3;

}



.rd-fixed-hero__content h2{

  margin:0 0 26px;

  color:#fff;

  font-size:clamp(28px, 2.5vw, 58px);

  line-height:1.45;

  font-weight:600;

}



/* دکمه */

.rd-fixed-hero__button{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  min-width:300px;

  min-height:68px;

  padding:12px 32px;

  background:#f9c700;

  color:#0a4f88 !important;

  text-decoration:none !important;

  border-radius:999px;

  font-size:clamp(18px, 1.35vw, 26px);

  font-weight:600;

  box-shadow:0 10px 20px rgba(0,0,0,.12);

}



/* تصویر مودم */

.rd-fixed-hero__image{

  order:2;

  position:relative;

  display:flex;

  align-items:flex-end;

  justify-content:center;

  min-height:300px;

}



.rd-fixed-hero__image img{

  display:block;

  width:min(500px, 100%);

  height:auto;

  object-fit:contain;

  margin-top:-85px;

  margin-bottom:-10px;

  margin-right:-6px;

  filter:drop-shadow(0 18px 18px rgba(0,0,0,.18));

}



/* نوارهای زرد پایین */

.rd-fixed-hero__bars{

  position:relative;

  z-index:1;

  margin-top:-8px;

  height:34px;

}



.rd-fixed-hero__bars .bar{

  position:absolute;

  display:block;

  background:#f9c700;

  border-radius:0 0 14px 14px;

}



.rd-fixed-hero__bars .bar-1{

  top:0;

  right:8%;

  left:8%;

  height:16px;

}



.rd-fixed-hero__bars .bar-2{

  top:10px;

  right:18%;

  left:18%;

  height:18px;

  opacity:.95;

}



.rd-fixed-hero__bars .bar-3{

  top:20px;

  right:26%;

  left:26%;

  height:18px;

  opacity:.9;

}



/* تبلت */

@media (max-width:1200px){

  .rd-fixed-hero{

    padding:18px 0 16px;

  }



  .rd-fixed-hero__wrap{

    max-width:1380px;

  }



  .rd-fixed-hero__card{

    min-height:330px;

    padding:16px 36px 6px;

  }



  .rd-fixed-hero__content h2{

    font-size:clamp(26px, 2.2vw, 50px);

  }



  .rd-fixed-hero__image{

    min-height:270px;

  }



  .rd-fixed-hero__image img{

    width:min(430px, 100%);

    margin-top:-55px;

    margin-bottom:-28px;

    margin-right:0;

  }



  .rd-fixed-hero__button{

    min-width:250px;

    min-height:60px;

    font-size:19px;

  }

}



/* موبایل */

@media (max-width:767px){

  .rd-fixed-hero{

    padding:14px 0 12px;

  }



  .rd-fixed-hero__wrap{

    padding:0 10px;

  }



  .rd-fixed-hero__bg-text{

    top:-2px;

    font-size:42px;

  }



  .rd-fixed-hero__card{

    min-height:auto;

    display:flex;

    flex-direction:column-reverse;

    padding:0 18px 20px;

    border-radius:18px;

  }



  .rd-fixed-hero__image{

    min-height:auto;

    width:100%;

    justify-content:center;

  }



  .rd-fixed-hero__image img{

    width:min(320px, 92vw);

    margin-top:-28px;

    margin-bottom:-18px;

    margin-right:0;

  }



  .rd-fixed-hero__content{

    width:100%;

  }



  .rd-fixed-hero__content h2{

    font-size:24px;

    line-height:1.6;

    margin:8px 0 18px;

  }



  .rd-fixed-hero__button{

    min-width:220px;

    min-height:50px;

    font-size:17px;

    padding:10px 24px;

  }



  .rd-fixed-hero__bars{

    height:22px;

    margin-top:-4px;

  }



  .rd-fixed-hero__bars .bar-1{

    top:0;

    right:8%;

    left:8%;

    height:10px;

  }



  .rd-fixed-hero__bars .bar-2{

    top:6px;

    right:16%;

    left:16%;

    height:12px;

  }



  .rd-fixed-hero__bars .bar-3{

    top:12px;

    right:24%;

    left:24%;

    height:12px;

  }

}

/* =========================

   MOBILE FIX

   ========================= */



@media (max-width:767px){



  .rd-fixed-hero{

    /* فضای لازم برای بیرون‌زدگی مودم */

    padding:48px 0 14px;

    overflow:hidden;

  }



  .rd-fixed-hero__wrap{

    padding:0 10px;

  }



  .rd-fixed-hero__bg-text{

    top:4px;

    font-size:40px;

  }



  .rd-fixed-hero__card{

    display:flex;

    flex-direction:column-reverse;



    min-height:400px;



    padding:0 18px 24px;



    border-radius:18px;



    /* خود تصویر اجازه دارد از کادر آبی بیرون بزند */

    overflow:visible;

  }



  .rd-fixed-hero__image{

    position:relative;



    width:100%;

    height:230px;

    min-height:230px;

    flex:0 0 230px;



    display:flex;

    align-items:flex-start;

    justify-content:center;



    overflow:visible;

  }



  .rd-fixed-hero__image img{

    display:block;



    width:min(300px, 82vw);

    max-width:100%;

    max-height:275px;



    margin:0;



    /* فقط کمی از بالای کادر بیرون بزند */

    transform:translateY(-25px);



    object-fit:contain;



    filter:drop-shadow(

      0 14px 14px rgba(0,0,0,.16)

    );

  }



  .rd-fixed-hero__content{

    position:relative;

    z-index:3;



    width:100%;

    text-align:center;

  }



  .rd-fixed-hero__content h2{

    margin:5px 0 18px;



    font-size:22px;

    line-height:1.55;

  }



  .rd-fixed-hero__button{

    min-width:210px;

    min-height:49px;



    padding:9px 20px;



    font-size:16px;

  }



  .rd-fixed-hero__bars{

    margin-top:-4px;

    height:21px;

  }



}

/* =========================================================

   ROYALDIGI PROMO BANNERS

========================================================= */



.rd-promo-grid {



  --rd-blue-dark: #052f54;

  --rd-blue: #074377;

  --rd-blue-light: #1a699f;

  --rd-yellow: #ffcc00;



  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));



  gap: 28px;



  width: 100%;



  padding:

    28px

    0

    34px;



  direction: rtl;

}





/* =========================================================

   CARD

========================================================= */



.rd-promo {



  position: relative;



  min-height: 310px;



  display: flex;

  align-items: center;



  border-radius: 28px;



  isolation: isolate;



  overflow: visible;



  box-shadow:

    0 18px 50px

    rgba(7, 67, 119, .13);



  transition:

    transform .4s ease,

    box-shadow .4s ease;

}





.rd-promo:hover {



  transform: translateY(-5px);



  box-shadow:

    0 24px 65px

    rgba(7, 67, 119, .20);

}





/* =========================================================

   BACKGROUND

========================================================= */



.rd-promo__background {



  position: absolute;



  inset: 0;



  z-index: -4;



  border-radius: inherit;



  overflow: hidden;

}





.rd-promo--5g .rd-promo__background {



  background:



    radial-gradient(

      circle at 25% 25%,

      rgba(35, 155, 255, .30),

      transparent 35%

    ),



    linear-gradient(

      135deg,

      #052f54 0%,

      #074377 48%,

      #1a699f 100%

    );

}





.rd-promo--portable .rd-promo__background {



  background:



    radial-gradient(

      circle at 20% 25%,

      rgba(39, 225, 213, .25),

      transparent 32%

    ),



    linear-gradient(

      135deg,

      #064d61 0%,

      #087b81 48%,

      #1a699f 100%

    );

}





/* =========================================================

   DECORATIVE CIRCLES

========================================================= */



.rd-promo__circle {



  position: absolute;



  border-radius: 50%;



  border:

    1px solid

    rgba(255, 255, 255, .10);



  pointer-events: none;



  z-index: -2;

}





.rd-promo__circle--1 {



  width: 360px;

  height: 360px;



  left: -120px;

  bottom: -175px;



  animation:

    rd-circle-spin

    22s

    linear

    infinite;

}





.rd-promo__circle--2 {



  width: 250px;

  height: 250px;



  left: -50px;

  bottom: -110px;



  border-color:

    rgba(255, 204, 0, .18);



  animation:

    rd-circle-spin-reverse

    17s

    linear

    infinite;

}





/* =========================================================

   LIGHT SHINE

========================================================= */



.rd-promo__shine {



  position: absolute;



  width: 300px;

  height: 600px;



  top: -230px;

  right: 32%;



  transform:

    rotate(32deg);



  background:



    linear-gradient(

      90deg,

      transparent,

      rgba(255,255,255,.08),

      transparent

    );



  pointer-events: none;



  z-index: -1;



  animation:

    rd-shine

    7s

    ease-in-out

    infinite;

}





/* =========================================================

   CONTENT

========================================================= */



.rd-promo__content {



  position: relative;



  z-index: 5;



  width: 58%;



  padding:

    38px

    40px

    38px

    28px;



  color: #fff;

}





.rd-promo__ghost {



  position: absolute;



  top: -20px;

  right: 28px;



  font-size: 52px;

  line-height: 1;



  font-weight: 900;



  letter-spacing: -2px;



  white-space: nowrap;



  color:

    rgba(255, 255, 255, .075);



  pointer-events: none;

}





.rd-promo__label {



  display: inline-block;



  margin-bottom: 7px;



  font-size: 13px;



  color: var(--rd-yellow);



  font-weight: 700;

}





.rd-promo__title {



  margin:

    0

    0

    9px;



  font-size: 30px;



  line-height: 1.5;



  color: #fff;



  font-weight: 900;

}





.rd-promo__description {



  max-width: 440px;



  margin:

    0

    0

    14px;



  font-size: 14px;



  line-height: 2;



  color:

    rgba(255,255,255,.82);

}





/* =========================================================

   FEATURES

========================================================= */



.rd-promo__features {



  display: flex;



  flex-wrap: wrap;



  gap:

    9px

    18px;



  margin-bottom: 21px;



  font-size: 12px;



  color:

    rgba(255,255,255,.86);

}





.rd-promo__features span {



  display: flex;



  align-items: center;



  gap: 7px;

}





.rd-dot {



  width: 7px;

  height: 7px;



  flex: 0 0 auto;



  border-radius: 50%;



  background:

    var(--rd-yellow);



  box-shadow:

    0 0 12px

    rgba(255,204,0,.65);

}





/* =========================================================

   BUTTON

========================================================= */



.rd-promo__button {



  display: inline-flex;



  align-items: center;



  justify-content: center;



  gap: 10px;



  min-height: 46px;



  padding:

    0

    20px;



  border-radius: 12px;



  color:

    var(--rd-blue);



  background:

    var(--rd-yellow);



  text-decoration: none;



  font-size: 14px;



  font-weight: 800;



  box-shadow:

    0 10px 25px

    rgba(255,204,0,.18);



  transition:

    transform .28s ease,

    box-shadow .28s ease,

    background .28s ease;

}





.rd-promo__button:hover {



  color:

    var(--rd-blue-dark);



  background:

    #ffe064;



  transform:

    translateY(-3px);



  box-shadow:

    0 15px 34px

    rgba(255,204,0,.28);

}





.rd-promo__button--light {



  background: #fff;



  color:

    var(--rd-blue);



  box-shadow:

    0 10px 25px

    rgba(0,0,0,.10);

}





.rd-promo__button--light:hover {



  background:

    #f5f9fc;

}





.rd-arrow {



  font-size: 20px;



  transition:

    transform .25s ease;

}





.rd-promo__button:hover

.rd-arrow {



  transform:

    translateX(-4px);

}





/* =========================================================

   PRODUCT

========================================================= */



.rd-promo__product-area {



  position: absolute;



  z-index: 7;



  left: -15px;

  bottom: -28px;



  width: 45%;

  height: 124%;



  display: flex;



  align-items: flex-end;



  justify-content: center;



  pointer-events: none;

}





.rd-promo__product {



  position: relative;



  z-index: 3;



  max-width: 100%;



  max-height: 365px;



  object-fit: contain;



  transform-origin:

    center

    bottom;



  filter:

    drop-shadow(

      0

      24px

      28px

      rgba(0,0,0,.28)

    );



  transition:

    transform .4s ease,

    filter .4s ease;

}





/* 5G */



.rd-promo__product--5g {



  width: 340px;



  animation:

    rd-product-float

    5s

    ease-in-out

    infinite;

}





/* Portable */



.rd-promo__product--portable {



  width: 300px;



  transform:

    rotate(-8deg);



  animation:

    rd-portable-float

    4.6s

    ease-in-out

    infinite;

}





/* =========================================================

   HALO

========================================================= */



.rd-promo__halo {



  position: absolute;



  z-index: 1;



  width: 310px;

  height: 310px;



  left: 50%;

  bottom: 12px;



  transform:

    translateX(-50%);



  border-radius: 50%;



  background:



    radial-gradient(

      circle,

      rgba(35, 158, 255, .18),

      rgba(255, 204, 0, .08) 45%,

      transparent 68%

    );



  filter:

    blur(2px);



  animation:

    rd-halo-pulse

    4s

    ease-in-out

    infinite;

}





/* =========================================================

   HOVER PRODUCT

========================================================= */



.rd-promo:hover

.rd-promo__product {



  animation-play-state:

    paused;



  filter:

    drop-shadow(

      0

      31px

      36px

      rgba(0,0,0,.34)

    );

}





.rd-promo--5g:hover

.rd-promo__product {



  transform:

    translateY(-10px)

    scale(1.035);

}





.rd-promo--portable:hover

.rd-promo__product {



  transform:

    translateY(-12px)

    rotate(-3deg)

    scale(1.04);

}





/* =========================================================

   ANIMATIONS

========================================================= */



@keyframes rd-product-float {



  0%,

  100% {



    transform:

      translateY(0)

      rotate(-1deg);

  }



  50% {



    transform:

      translateY(-13px)

      rotate(1deg);

  }



}





@keyframes rd-portable-float {



  0%,

  100% {



    transform:

      translateY(0)

      rotate(-8deg);

  }



  50% {



    transform:

      translateY(-14px)

      rotate(-4deg);

  }



}





@keyframes rd-halo-pulse {



  0%,

  100% {



    opacity: .7;



    transform:

      translateX(-50%)

      scale(.95);

  }



  50% {



    opacity: 1;



    transform:

      translateX(-50%)

      scale(1.08);

  }



}





@keyframes rd-circle-spin {



  from {

    transform:

      rotate(0deg);

  }



  to {

    transform:

      rotate(360deg);

  }



}





@keyframes rd-circle-spin-reverse {



  from {

    transform:

      rotate(360deg);

  }



  to {

    transform:

      rotate(0deg);

  }



}





@keyframes rd-shine {



  0%,

  100% {



    opacity: .25;



    transform:

      translateX(0)

      rotate(32deg);

  }



  50% {



    opacity: .75;



    transform:

      translateX(130px)

      rotate(32deg);

  }



}





/* =========================================================

   TABLET

========================================================= */



@media

(max-width: 1100px) {



  .rd-promo-grid {



    grid-template-columns:

      1fr;

  }





  .rd-promo {



    min-height:

      300px;

  }



}





/* =========================================================

   MOBILE

========================================================= */



@media

(max-width: 767px) {



  .rd-promo-grid {



    gap: 40px;



    padding-top: 25px;

  }





  .rd-promo {



    min-height: 500px;



    align-items:

      flex-start;



    border-radius:

      22px;

  }





  .rd-promo__content {



    width: 100%;



    padding:

      29px

      23px;

  }





  .rd-promo__ghost {



    font-size:

      34px;



    top: -9px;

  }





  .rd-promo__title {



    font-size:

      24px;

  }





  .rd-promo__description {



    font-size:

      13px;

  }





  .rd-promo__product-area {



    left: 50%;



    bottom: -30px;



    width: 90%;



    height: 55%;



    transform:

      translateX(-50%);

  }





  .rd-promo__product {



    max-height:

      280px;

  }





  .rd-promo__product--5g {



    width:

      280px;

  }





  .rd-promo__product--portable {



    width:

      235px;

  }



}





/* =========================================================

   REDUCED MOTION

========================================================= */



@media

(prefers-reduced-motion: reduce) {



  .rd-promo *,

  .rd-promo *::before,

  .rd-promo *::after {



    animation:

      none !important;



    transition:

      none !important;

  }



}

/* ==================================================

   ROYALDIGI PRODUCT SHOWCASE

   ================================================== */



.rd-tech-showcase {

    --rd-blue: #07518b;

    --rd-blue-light: #0a67b5;

    --rd-navy: #031631;

    --rd-yellow: #ffc800;

    --rd-white: #ffffff;



    width: 100%;

    display: grid;

    grid-template-columns: 1.08fr .92fr;

    gap: 20px;

    direction: rtl;

    font-family: inherit;

}



/* ---------------- CARD BASE ---------------- */



.rd-tech-card {

    position: relative;

    display: block;

    overflow: hidden;

    border-radius: 26px;

    text-decoration: none !important;

    isolation: isolate;

    transform: translateZ(0);

    transition:

        transform .45s cubic-bezier(.2,.7,.2,1),

        box-shadow .45s ease;

}



.rd-tech-card:hover {

    transform: translateY(-6px);

    box-shadow: 0 22px 55px rgba(2,22,49,.18);

}



/* ---------------- MAIN PRODUCT ---------------- */



.rd-tech-main {

    min-height: 620px;

    background:

        radial-gradient(circle at 80% 20%, rgba(22,133,201,.55), transparent 38%),

        linear-gradient(145deg, #02152e 0%, #063c70 48%, #0870ad 100%);

}



/* ---------------- SIDE ---------------- */



.rd-tech-side {

    display: grid;

    grid-template-rows: repeat(2, 1fr);

    gap: 20px;

}



.rd-tech-small {

    min-height: 300px;

}



/* D-LINK */

.rd-tech-dlink {

    background:

        radial-gradient(circle at 90% 25%, rgba(0,202,184,.35), transparent 38%),

        linear-gradient(135deg, #07364c, #087b86);

}



/* HUAWEI */

.rd-tech-huawei {

    background:

        radial-gradient(circle at 86% 18%, rgba(255,200,0,.20), transparent 36%),

        linear-gradient(135deg, #07192e, #164b75);

}



/* ---------------- CONTENT ---------------- */



.rd-tech-content {

    position: relative;

    z-index: 5;

    height: 100%;

    box-sizing: border-box;

    color: #fff;

}



.rd-tech-main .rd-tech-content {

    padding: 55px 48px;

    width: 58%;

}



.rd-tech-small .rd-tech-content {

    padding: 34px 32px;

    width: 58%;

}



.rd-tech-content h2,

.rd-tech-content h3 {

    color: #fff !important;

    margin: 0;

    line-height: 1.35;

}



.rd-tech-content h2 {

    margin-top: 15px;

    font-size: clamp(32px,3vw,50px);

    font-weight: 900;

    letter-spacing: -.8px;

}



.rd-tech-content h3 {

    margin-top: 6px;

    font-size: clamp(22px,1.9vw,30px);

    font-weight: 900;

}



.rd-tech-content p {

    color: rgba(255,255,255,.82) !important;

    font-size: 14px;

    line-height: 2;

    margin: 12px 0 20px;

    max-width: 430px;

}



/* ---------------- EXTRA TEXT ---------------- */



.rd-tech-fullname {

    margin-top: 12px;

    color: rgba(255,255,255,.92);

    font-size: 15px;

    line-height: 1.95;

    font-weight: 500;

}



.rd-tech-fullname strong {

    font-weight: 800;

    color: #fff;

}



.rd-tech-fullname-small {

    font-size: 13px;

    line-height: 1.85;

    margin-top: 9px;

}



.rd-tech-meta {

    display: inline-flex;

    flex-wrap: wrap;

    gap: 8px;

    margin-top: 12px;

    color: var(--rd-yellow);

    font-size: 13px;

    font-weight: 800;

    line-height: 1.8;

}



.rd-tech-meta-small {

    margin-top: 10px;

    font-size: 12px;

}



/* ---------------- BADGES ---------------- */



.rd-tech-badge {

    display: inline-flex;

    align-items: center;

    min-height: 32px;

    padding: 3px 15px;

    border: 1px solid rgba(255,255,255,.22);

    border-radius: 50px;

    color: #fff;

    background: rgba(255,255,255,.09);

    backdrop-filter: blur(7px);

    -webkit-backdrop-filter: blur(7px);

    font-size: 13px;

    font-weight: 700;

}



.rd-tech-mini {

    display: block;

    margin-bottom: 3px;

    color: var(--rd-yellow);

    font-size: 12px;

    font-weight: 800;

}



/* ---------------- BUTTON ---------------- */



.rd-tech-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    min-height: 47px;

    padding: 0 21px;

    border-radius: 13px;

    background: var(--rd-yellow);

    color: #032d55 !important;

    font-size: 14px;

    font-weight: 900;

    box-shadow: 0 9px 25px rgba(255,200,0,.14);

    transition:

        transform .3s ease,

        box-shadow .3s ease,

        background .3s ease;

}



.rd-tech-btn span {

    display: inline-block;

    font-size: 20px;

    transition: transform .3s ease;

}



.rd-tech-card:hover .rd-tech-btn {

    transform: translateY(-2px);

    box-shadow: 0 12px 32px rgba(255,200,0,.27);

}



.rd-tech-card:hover .rd-tech-btn span {

    transform: translateX(-5px);

}



.rd-tech-btn-small {

    min-height: 40px;

    padding: 0 17px;

    font-size: 12px;

}



/* ---------------- PRODUCT ---------------- */



.rd-tech-product {

    position: absolute;

    z-index: 4;

    display: flex;

    align-items: center;

    justify-content: center;

    pointer-events: none;

    transition: transform .65s cubic-bezier(.2,.8,.2,1);

}



.rd-tech-product img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;

    border-radius: 16px;

    filter: drop-shadow(0 25px 24px rgba(0,0,0,.24));

}



/* Main product */

.rd-tech-product-main {

    left: -1%;

    bottom: -5%;

    width: 53%;

    height: 82%;

    animation: rdProductFloat 5s ease-in-out infinite;

}



/* D-Link */

.rd-tech-product-small {

    left: -1%;

    bottom: -18%;

    width: 47%;

    height: 110%;

}



/* Huawei */

.rd-tech-product-pocket {

    left: 3%;

    bottom: -13%;

    width: 43%;

    height: 100%;

}



.rd-tech-card:hover .rd-tech-product {

    transform: translateY(-8px) scale(1.035);

}



/* ---------------- BIG BACKGROUND TEXT ---------------- */



.rd-tech-bg-text {

    position: absolute;

    z-index: 1;

    left: 28px;

    top: 15px;

    color: transparent;

    -webkit-text-stroke: 1px rgba(255,255,255,.17);

    font-family: Arial, sans-serif;

    font-size: clamp(88px,9vw,160px);

    font-weight: 900;

    line-height: 1;

    direction: ltr;

    pointer-events: none;

    user-select: none;

}



.rd-tech-small .rd-tech-bg-text {

    left: 15px;

    top: 14px;

    font-size: clamp(54px,5vw,92px);

    -webkit-text-stroke: 1px rgba(255,255,255,.13);

}



/* ---------------- 5G GLOW ---------------- */



.rd-tech-glow {

    position: absolute;

    z-index: 0;

    width: 430px;

    height: 430px;

    left: -110px;

    bottom: -130px;

    border-radius: 50%;

    background: radial-gradient(circle, rgba(0,174,255,.35), transparent 67%);

    filter: blur(4px);

}



/* ---------------- SIGNAL RINGS ---------------- */



.rd-signal {

    position: absolute;

    z-index: 1;

    left: -130px;

    bottom: -140px;

    width: 430px;

    height: 430px;

    border-radius: 50%;

    border: 1px solid rgba(255,255,255,.11);

    pointer-events: none;

}



.rd-signal-2 {

    width: 570px;

    height: 570px;

    left: -200px;

    bottom: -210px;

    opacity: .6;

}



/* ---------------- ANIMATIONS ---------------- */



@keyframes rdProductFloat {

    0%, 100% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(-10px);

    }

}



/* ==================================================

   TABLET

   ================================================== */



@media (max-width: 1024px) {



    .rd-tech-showcase {

        grid-template-columns: 1fr;

    }



    .rd-tech-main {

        min-height: 520px;

    }



    .rd-tech-side {

        grid-template-columns: repeat(2,1fr);

        grid-template-rows: auto;

    }



    .rd-tech-small {

        min-height: 310px;

    }



    .rd-tech-main .rd-tech-content {

        width: 55%;

    }



    .rd-tech-small .rd-tech-content {

        width: 62%;

        padding: 30px 25px;

    }

}



/* ==================================================

   MOBILE

   ================================================== */



@media (max-width: 767px) {



    .rd-tech-showcase {

        gap: 14px;

    }



    .rd-tech-side {

        grid-template-columns: 1fr;

        gap: 14px;

    }



    .rd-tech-card {

        border-radius: 21px;

    }



    .rd-tech-main {

        min-height: 560px;

    }



    .rd-tech-main .rd-tech-content {

        width: 100%;

        padding: 30px 25px;

    }



    .rd-tech-main .rd-tech-content p,

    .rd-tech-main .rd-tech-fullname {

        max-width: 75%;

    }



    .rd-tech-product-main {

        width: 77%;

        height: 62%;

        left: -11%;

        bottom: -8%;

    }



    .rd-tech-small {

        min-height: 360px;

    }



    .rd-tech-small .rd-tech-content {

        width: 100%;

        padding: 27px 24px;

    }



    .rd-tech-small .rd-tech-content p,

    .rd-tech-small .rd-tech-fullname {

        max-width: 62%;

    }



    .rd-tech-product-small {

        width: 55%;

        height: 74%;

        left: -5%;

        bottom: -11%;

    }



    .rd-tech-product-pocket {

        width: 48%;

        height: 65%;

        left: 1%;

        bottom: -8%;

    }



    .rd-tech-bg-text {

        font-size: clamp(74px,14vw,120px);

    }



    .rd-tech-small .rd-tech-bg-text {

        font-size: clamp(42px,10vw,68px);

    }

}



/* ---------------- REDUCED MOTION ---------------- */



@media (prefers-reduced-motion: reduce) {



    .rd-tech-product-main {

        animation: none;

    }



    .rd-tech-card,

    .rd-tech-product,

    .rd-tech-btn,

    .rd-tech-btn span {

        transition: none;

    }

}