@charset "UTF-8";
/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
/**
 * Typography
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
/*-- Variables --*/
:root {
  --color-primary: #5163FF;
  --color-secondary: #FD4382;
  --color-primary-alt: #708BFD;
  --color-secondary-alt: #FE71B9;
  --color-secondary-shade: #EEEFFF;
  --color-white-shade: #F3F4F6;
  --color-primary-100: #FAFAFF;
  --color-primary-200: #F5F6FF;
  --color-primary-300: #F0F1FF;
  --color-primary-400: #EBEDFF;
  --color-primary-500: #D6DAFF;
  --color-primary-600: #B2BAFF;
  --color-primary-700: #808CFF;
  --color-primary-800: #6675FF;
  --color-primary-900: #5163FF;
  --color-primary-alt-100: #F5F7FF;
  --color-primary-alt-200: #F0F3FF;
  --color-primary-alt-300: #E6EBFF;
  --color-primary-alt-400: #D7DEFE;
  --color-primary-alt-500: #CDD6FE;
  --color-primary-alt-600: #B4C2FE;
  --color-primary-alt-700: #9AADFE;
  --color-primary-alt-800: #8199FD;
  --color-primary-alt-900: #708BFD;
  --color-secondary-100: #FFF5F8;
  --color-secondary-200: #FFF0F5;
  --color-secondary-300: #FFE6EE;
  --color-secondary-400: #FFD6E4;
  --color-secondary-500: #FFC2D6;
  --color-secondary-600: #FFA8C5;
  --color-secondary-700: #FF8AB1;
  --color-secondary-800: #FD689A;
  --color-secondary-900: #FD4382;
  --color-secondary-alt-100: #FFF5FA;
  --color-secondary-alt-200: #FFF0F8;
  --color-secondary-alt-300: #FFEBF5;
  --color-secondary-alt-400: #FFE6F3;
  --color-secondary-alt-500: #FFD6EB;
  --color-secondary-alt-600: #FFCCE6;
  --color-secondary-alt-700: #FFB3DA;
  --color-secondary-alt-800: #FE9ACD;
  --color-secondary-alt-900: #FE71B9;
  --color-primary-opacity-0: rgb(81, 99, 255, 0);
  --color-primary-opacity-50: rgb(81, 99, 255, 0.05);
  --color-primary-opacity-100: rgb(81, 99, 255, 0.1);
  --color-primary-opacity-200: rgb(81, 99, 255, 0.2);
  --color-primary-opacity-300: rgb(81, 99, 255, 0.3);
  --color-primary-opacity-400: rgb(81, 99, 255, 0.4);
  --color-primary-opacity-500: rgb(81, 99, 255, 0.5);
  --color-primary-opacity-600: rgb(81, 99, 255, 0.6);
  --color-primary-opacity-700: rgb(81, 99, 255, 0.7);
  --color-primary-opacity-800: rgb(81, 99, 255, 0.8);
  --color-primary-opacity-900: rgb(81, 99, 255, 0.9);
  --color-secondary-alt-opacity-0: rgb(254, 113, 185, 0);
  --color-secondary-alt-opacity-50: rgb(254, 113, 185, 0.05);
  --color-secondary-alt-opacity-100: rgb(254, 113, 185, 0.1);
  --color-secondary-alt-opacity-200: rgb(254, 113, 185, 0.2);
  --color-secondary-alt-opacity-300: rgb(254, 113, 185, 0.3);
  --color-secondary-alt-opacity-400: rgb(254, 113, 185, 0.4);
  --color-secondary-alt-opacity-500: rgb(254, 113, 185, 0.5);
  --color-secondary-alt-opacity-600: rgb(254, 113, 185, 0.6);
  --color-secondary-alt-opacity-700: rgb(254, 113, 185, 0.7);
  --color-secondary-alt-opacity-800: rgb(254, 113, 185, 0.8);
  --color-secondary-alt-opacity-900: rgb(254, 113, 185, 0.9);
  --color-white-opacity-0: rgb(255, 255, 255, 0);
  --color-white-opacity-50: rgb(255, 255, 255, 0.05);
  --color-white-opacity-100: rgb(255, 255, 255, 0.1);
  --color-white-opacity-200: rgb(255, 255, 255, 0.2);
  --color-white-opacity-300: rgb(255, 255, 255, 0.3);
  --color-white-opacity-400: rgb(255, 255, 255, 0.4);
  --color-white-opacity-500: rgb(255, 255, 255, 0.5);
  --color-white-opacity-600: rgb(255, 255, 255, 0.6);
  --color-white-opacity-700: rgb(255, 255, 255, 0.7);
  --color-white-opacity-800: rgb(255, 255, 255, 0.8);
  --color-white-opacity-900: rgb(255, 255, 255, 0.9);
  --color-black-opacity-0: rgb(0, 35, 75, 0);
  --color-black-opacity-50: rgb(0, 35, 75, 0.05);
  --color-black-opacity-100: rgb(0, 35, 75, 0.1);
  --color-black-opacity-200: rgb(0, 35, 75, 0.2);
  --color-black-opacity-300: rgb(0, 35, 75, 0.3);
  --color-black-opacity-400: rgb(0, 35, 75, 0.4);
  --color-black-opacity-500: rgb(0, 35, 75, 0.5);
  --color-black-opacity-600: rgb(0, 35, 75, 0.6);
  --color-black-opacity-700: rgb(0, 35, 75, 0.7);
  --color-black-opacity-800: rgb(0, 35, 75, 0.8);
  --color-black-opacity-900: rgb(0, 35, 75, 0.9);
  --color-purple: #C872F2;
  --color-green: #4BDE80;
  --color-orange: #F2994A;
  --color-red: #FF4141;
  --color-black-opacity: rgba(2, 1, 41, 0.702);
  --color-white: #FFFFFF;
  --color-heading: #00234B;
  --color-black: #140249;
  --color-black-2: #0C0129;
  --color-body: #838A95;
  --color-body-2: #B6B5BB;
  --color-light: #F5F6FE;
  --color-gray-light: #E6E9ED;
  --color-gray: #838A95;
  --color-gray-2: #767689;
  --color-gray-3: #B6B5BB;
  --color-gray-4: #CCD3DB;
  --color-gray-5: #F3F5FB;
  --border-width: 2px;
  --border-width-1: 1px;
  --color-border: rgb(217, 211, 255);
  --color-border-1: rgb(228, 228, 228);
  --color-border-2: rgb(237, 237, 237);
  --color-border-3: rgb(227, 224, 245);
  --color-border-4: rgba(255, 255, 255, 0.2);
  --color-border-5: rgba(203, 208, 226, 0.302);
  --color-border-6: rgba(81, 99, 255, 0.102);
  --color-dark: #00234b26;
  --color-dark-2: #2D2730;
  --color-rating: #FFC36E;
  --color-rating-green: #219653;
  --radius-full: 100%;
  --radius-100: 100px;
  --radius-48: 48px;
  --radius-xxl: 20px;
  --radius-xl: 16px;
  --radius-lg: 12px;
  --radius-md: 10px;
  --radius-sm: 8px;
  --radius: 4px;
  --f-light: 300;
  --f-regular: 400;
  --f-medium: 500;
  --f-semibold: 600;
  --f-bold: 700;
  --f-extrabold: 800;
  --f-black: 900;
  --transition: 0.2s;
  --transition-1: all 0.3s ease-in-out;
  --transition-2: 256ms ease-in-out;
  --transition-3: transform .85s cubic-bezier(.23, 1, .32, 1), background .3s, border .3s, border-radius .3s, box-shadow .3s;
  --transition-4: all .25s cubic-bezier(.645, .045, .355, 1);
  --transition-5: all 0.5s ease-in-out;
  --transition-6: all 0.3s linear;
  --font-primary: "Inter", sans-serif;
  --font-autograph: 'autograph', sans-serif;
  --display-font: 100px;
  --display-font-1: 80px;
  --display-font-2: 70px;
  --display-font-3: 60px;
  --font-size-b1: 18px;
  --font-size-b2: 16px;
  --font-size-b3: 15px;
  --font-size-b4: 14px;
  --font-size-b5: 12px;
  --font-size-b6: 10px;
  --letter-spacing-b1: -0.18px;
  --letter-spacing-b3: -0.15px;
  --letter-spacing-b5: -0.12px;
  --h1: 48px;
  --h2: 40px;
  --h3: 32px;
  --h4: 24px;
  --h5: 22px;
  --h6: 20px;
  --line-height-b1: 1.78;
  --line-height-b2: 1.75;
  --line-height-b3: 1.47;
  --line-height-b4: 1.57;
  --line-height-b5: 1.5;
  --line-height-h1: 1.25;
  --line-height-h2: 1.5;
  --line-height-h3: 1.32;
  --line-height-h4: 1.5;
  --line-height-h5: 1.55;
  --line-height-h6: 1.6;
  --letter-spacing-h1: -0.48px;
  --letter-spacing-h3: -0.32px;
  --letter-spacing-h4: -0.24px;
  --letter-spacing-h5: -0.22px;
  --letter-spacing-h6: -0.2px;
  --letter-spacing-normal: normal;
  --gradient-1: linear-gradient(90deg, var(--color-primary) 0%, var(--color-purple) 50%, var(--color-secondary-alt) 100%);
  --gradient-2: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary-alt) 100%);
  --gradient-3: linear-gradient(135deg, var(--color-primary) 3.15%, var(--color-secondary-alt) 96.28%);
  --gradient-light1: linear-gradient(135deg, #F6F7FF 0%, #FFF6F9 100%);
  --gradient-light2: linear-gradient(135deg, var(--color-secondary-alt-100) 0%, #F5F5FF 100%);
  --text-shadow-1: 1px 2px 1px rgba(12, 4, 66, 0.30);
  --text-shadow-2: 1px 1px 1px rgba(0, 0, 0, 0.25);
  --shadow-1: 0px 2px 12px 0px rgba(3, 7, 27, 0.10);
  --shadow-2: -3px -4px 7px 0px var(--color-white-opacity-200) inset, 4px 10px 20px 0px var(--color-primary-opacity-50);
  --shadow-3: 0px 20px 46.3px 0px var(--color-primary-opacity-100) inset, 2.25px -7px 43.7px 0px var(--color-primary-opacity-0) inset;
}

/**
 * Reset Styels
 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

a {
  color: var(--color-primary);
  text-decoration: none;
  outline: none;
  transition: 0.2s;
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}

a:focus {
  outline: none;
}

address {
  margin: 0 0 24px;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

mark {
  background: var(--color-primary);
  color: #ffffff;
}

code,
kbd,
pre,
samp {
  font-size: var(--font-size-b3);
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  color: var(--color-primary);
}

kbd,
ins {
  color: #ffffff;
}

pre {
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: var(--font-size-b3);
  margin: 10px 0;
  overflow: auto;
  padding: 20px;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  color: var(--color-body);
  background: var(--color-lighter);
}

small {
  font-size: smaller;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl {
  margin-top: 0;
  margin-bottom: 10px;
}

dd {
  margin: 0 15px 15px;
}

dt {
  font-weight: bold;
  color: var(--color-heading);
}

menu,
ol,
ul {
  margin: 16px 0;
  padding: 0 0 0 40px;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

li > ul,
li > ol {
  margin: 0;
}

ol ul {
  margin-bottom: 0;
}

img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 1px solid var(--color-border);
  margin: 0 2px;
  min-width: inherit;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  max-width: 100%;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  cursor: pointer;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input[type=checkbox],
input[type=radio] {
  padding: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  appearance: textfield;
  padding-right: 2px;
  width: 270px;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

caption,
th,
td {
  font-weight: normal;
}

th {
  font-weight: 500;
}

td,
.wp-block-calendar tfoot td {
  border: 1px solid var(--color-border);
  padding: 7px 10px;
}

del {
  color: #333;
}

ins {
  background: rgba(255, 47, 47, 0.4);
  text-decoration: none;
}

hr {
  background-size: 4px 4px;
  border: 0;
  height: 1px;
  margin: 0 0 24px;
}

table a,
table a:link,
table a:visited {
  text-decoration: underline;
}

dt {
  font-weight: bold;
  margin-bottom: 10px;
}

dd {
  margin: 0 15px 15px;
}

caption {
  caption-side: top;
}

kbd {
  background: var(--color-heading);
}

dfn,
cite,
em {
  font-style: italic;
}

/* BlockQuote  */
blockquote,
q {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

blockquote {
  font-size: var(--font-size-b1);
  font-style: italic;
  font-weight: var(--f-light);
  margin: 24px 40px;
}

blockquote blockquote {
  margin-right: 0;
}

blockquote cite,
blockquote small {
  font-size: var(--font-size-b3);
  font-weight: normal;
}

blockquote strong,
blockquote b {
  font-weight: 700;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--color-heading);
  transition: var(--transition-1);
}

@font-face {
  font-family: "autograph";
  src: url("../fonts/autography.otf") format("woff2");
}
* {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
  font-size: 10px;
}

body {
  font-size: 16px;
  line-height: 1.5;
  font-family: var(--font-primary);
  color: var(--color-body);
  font-weight: var(--f-light);
  scroll-behavior: auto;
  position: relative;
  overflow-y: scroll;
  scrollbar-width: thin;
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 1.5;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
address,
p,
pre,
blockquote,
menu,
ol,
ul,
table,
hr {
  margin: 0;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  address,
  p,
  pre,
  blockquote,
  menu,
  ol,
  ul,
  table,
  hr {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  address,
  p,
  pre,
  blockquote,
  menu,
  ol,
  ul,
  table,
  hr {
    margin-bottom: 12px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  word-break: break-word;
  font-family: var(--font-primary);
  line-height: 1.4074;
  color: var(--color-heading);
}

h1,
.h1 {
  font-size: var(--h1);
  line-height: var(--line-height-h1);
  letter-spacing: var(--letter-spacing-h1);
}

h2,
.h2 {
  font-size: var(--h2);
  line-height: var(--line-height-h2);
  letter-spacing: var(--letter-spacing-normal);
}

h3,
.h3 {
  font-size: var(--h3);
  line-height: var(--line-height-h3);
  letter-spacing: var(--letter-spacing-h3);
}

h4,
.h4 {
  font-size: var(--h4);
  line-height: var(--line-height-h4);
  letter-spacing: var(--letter-spacing-h4);
}

h5,
.h5 {
  font-size: var(--h5);
  line-height: var(--line-height-h5);
  letter-spacing: var(--letter-spacing-h5);
}

h6,
.h6 {
  font-size: var(--h6);
  line-height: var(--line-height-h6);
  letter-spacing: var(--letter-spacing-h6);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  color: inherit;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  h1,
  .h1 {
    font-size: var(--h2);
  }
  h2,
  .h2 {
    font-size: var(--h3);
  }
  h3,
  .h3 {
    font-size: var(--h4);
  }
  h4,
  .h4 {
    font-size: var(--h5);
  }
  h5,
  .h5 {
    font-size: var(--h6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h1,
  .h1 {
    font-size: var(--h3);
  }
  h2,
  .h2 {
    font-size: var(--h4);
  }
  h3,
  .h3 {
    font-size: var(--h5);
  }
  h4,
  .h4 {
    font-size: var(--h6);
  }
  h5,
  .h5,
  h6,
  .h6 {
    font-size: var(--font-size-b1);
  }
}
@media only screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: var(--h3);
  }
  h2,
  .h2 {
    font-size: var(--h4);
  }
  h3,
  .h3 {
    font-size: var(--h5);
  }
  h4,
  .h4 {
    font-size: var(--h6);
  }
  h5,
  .h5 {
    font-size: var(--font-size-b1);
  }
  h6,
  .h6 {
    font-size: var(--font-size-b2);
  }
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  font-weight: var(--f-semibold);
}

h4,
.h4,
h5,
.h5 {
  font-weight: var(--f-semibold);
}

h6,
.h6 {
  font-weight: var(--f-semibold);
}

p {
  font-size: var(--font-size-b2);
  line-height: 1.7;
  margin-bottom: 30px;
  font-weight: var(--f-light);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  p {
    font-size: 16px;
  }
}
p:last-child {
  margin-bottom: 0;
}

.b1 {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
}
@media only screen and (max-width: 767px) {
  .b1 {
    font-size: var(--font-size-b2);
    line-height: 28px;
  }
}

.b2 {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
}
@media only screen and (max-width: 767px) {
  .b2 {
    font-size: var(--font-size-b2);
    line-height: 28px;
  }
}

.b3 {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
}
@media only screen and (max-width: 767px) {
  .b3 {
    font-size: var(--font-size-b2);
    line-height: 28px;
  }
}

.b4 {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
@media only screen and (max-width: 767px) {
  .b4 {
    font-size: var(--font-size-b2);
    line-height: 28px;
  }
}

.b5 {
  font-size: var(--font-size-b5);
  line-height: var(--line-height-b5);
}

.b6 {
  font-size: var(--font-size-b6);
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 20px;
  width: 100%;
}

table a,
table a:link,
table a:visited {
  text-decoration: none;
}

cite,
.wp-block-pullquote cite,
.wp-block-pullquote.is-style-solid-color blockquote cite,
.rbt-block-quote cite {
  color: var(--heading-color);
}

var {
  font-family: "Courier 10 Pitch", Courier, monospace;
}

/*---------------------------
     List Style 
 ---------------------------*/
ul,
ol {
  padding-left: 18px;
}

li {
  position: relative;
}

li::marker {
  color: var(--color-gray-2);
}

ul {
  list-style: disc;
  margin-bottom: 30px;
  padding-left: 20px;
}
ul.liststyle.bullet li {
  font-size: 18px;
  line-height: 30px;
  color: var(--color-body);
  position: relative;
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  ul.liststyle.bullet li {
    padding-left: 19px;
  }
}
ul.liststyle.bullet li::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: var(--color-body);
  left: 0;
  top: 10px;
}
ul.liststyle.bullet li + li {
  margin-top: 8px;
}
ul li {
  margin-top: 15px;
  margin-bottom: 15px;
  color: var(--color-body);
}
ul li a {
  text-decoration: none;
  transition: var(--transition);
}
ul li a:hover {
  color: var(--color-primary);
}
ul ul {
  margin-bottom: 0;
}

ol {
  margin-bottom: 30px;
}
ol li {
  color: var(--color-body);
  margin-top: 10px;
  margin-bottom: 10px;
}
ol li a {
  color: var(--heading-color);
  transition: var(--transition);
  text-decoration: none;
}
ol li a:hover {
  color: var(--color-primary);
}
ol ul {
  padding-left: 30px;
}

.nav-pills {
  margin-bottom: 30px;
}
.nav-pills li {
  margin: 0;
}
.nav-pills li button {
  font-size: 16px;
  line-height: 15px;
  font-weight: 500;
  color: var(--color-heading);
  padding: 15px 30px;
  transition: 0.3s;
}
.nav-pills li button:hover {
  color: var(--color-heading);
}

.entry-content a {
  text-decoration: underline;
}

.rbt-display-font {
  font-size: var(--display-font);
  letter-spacing: -2px;
  line-height: 1.1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-display-font {
    font-size: var(--display-font-2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-display-font {
    font-size: var(--h1);
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-display-font {
    font-size: var(--h2);
    letter-spacing: normal;
  }
}

.rbt-display-font-1 {
  font-size: var(--display-font-1);
  letter-spacing: -1.64px;
  color: var(--color-heading);
  line-height: 1.15;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-display-font-1 {
    font-size: 66px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-display-font-1 {
    font-size: 56px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-display-font-1 {
    font-size: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-display-font-1 {
    font-size: 32px;
  }
}

.rbt-display-font-2 {
  font-size: var(--display-font-2);
}

.rbt-display-font-3 {
  font-size: var(--display-font-3);
}

.rbt-wdt-20 {
  width: 20px;
}

.rbt-ht-20 {
  height: 20px;
}

.rbt-wdt-35 {
  width: 35px;
}

.rbt-ht-35 {
  height: 35px;
}

.rbt-wdt-46 {
  width: 46px;
}

.rbt-ht-46 {
  height: 46px;
}

.height--400 {
  height: 400px !important;
}
@media only screen and (max-width: 767px) {
  .height--400 {
    height: 200px !important;
  }
}

.rbt-bg-none {
  background: none !important;
}

.rbt_xl-col-gap-30 {
  column-gap: 30px !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt_xl-col-gap-30 {
    column-gap: 16px !important;
  }
}

.z-4 {
  z-index: 4 !important;
}

.rbt-text-line-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rbt-text-line-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rbt-rounded-48 {
  border-radius: var(--radius-48) !important;
}

/*=====================
    All Extend Here
=======================*/
/* -----------------------------
    Hover Dropdown Extend  
--------------------------------*/
.rbt-mainmenu li.has-dropdown .submenu, .rbt-mainmenu li.with-megamenu .rbt-megamenu {
  position: absolute;
  top: 100%;
  left: 0;
  visibility: hidden;
  clip: rect(0px, 200vw, 0, 0px);
  opacity: 0;
  transition: opacity 0.4s linear, clip 0.6s linear, visibility 0s 0.4s;
  transform: translateZ(0);
}

.rbt-mainmenu li.has-dropdown:hover > .submenu, .rbt-mainmenu li.with-megamenu:hover .rbt-megamenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
  clip: rect(0px, 100vw, 200vh, -30px);
  transition: clip 0.6s linear, opacity 0.4s linear;
}

/*-----------------------------
    Rbt Background Gradient
-------------------------------*/
.bg-gradient-9 {
  position: relative;
  z-index: 1;
  background: linear-gradient(270deg, var(--color-secondary) 0%, var(--color-primary) 100%) !important;
}
.bg-gradient-9::after {
  background: linear-gradient(rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.1) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}

/*----------------------
    Bg Image  
------------------------*/
/*-----------------------------
    Rbt Background Gradient
-------------------------------*/
.rbt-gradient {
  position: relative;
}
.rbt-gradient::before {
  content: "";
  width: 100%;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0px;
  right: 0px;
  height: 100%;
}
.rbt-gradient.bottom-theme-gradient {
  bottom: 0;
  height: 800;
}
.rbt-gradient.bottom-theme-gradient::before {
  background: var(--gradient-3);
}

.theme-mainbg-gradient {
  background-color: var(--color-light);
  position: relative;
  background-image: url(../images/bg/bg-g1.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/*-------------------------------------
    Background Opacity With Text Colors  
---------------------------------------*/
.bg-primary-opacity {
  background: var(--primary-opacity) !important;
  color: var(--color-primary) !important;
}

.bg-secondary-opacity {
  background: var(--secondary-opacity) !important;
  color: var(--color-secondary) !important;
}

.bg-coral-opacity {
  background: var(--coral-opacity) !important;
  color: var(--color-coral) !important;
}

.bg-violet-opacity {
  background: var(--violet-opacity) !important;
  color: var(--color-violet) !important;
}

.bg-pink-opacity {
  background: var(--pink-opacity) !important;
  color: var(--color-secondary-alt) !important;
}

.bg-white-opacity {
  background: var(--white-opacity) !important;
  color: var(--color-white) !important;
}

.bg-warning-opacity {
  background: var(--warning-opacity) !important;
  color: var(--color-warning) !important;
}

/*---------------------- 
    Common Css 
--------------------------*/
.liststyle {
  padding: 0;
  margin: 0;
  list-style: none;
}

.height-auto {
  height: auto !important;
}

.max-width-auto {
  max-width: inherit !important;
}

.radius-72 {
  border-radius: 72px !important;
}

/*-------------------------------------------------------------------------
                            Utilities
-------------------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.fix {
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-right: 15px;
    padding-left: 15px;
  }
}
/*-------------------------------------------------------------------------
                                Height and width 
--------------------------------------------------------------------------*/
.fullscreen {
  min-height: 100vh;
  width: 100%;
}

.w-full {
  width: 100%;
}

.w-fit-content {
  width: fit-content;
}

@media screen and (min-width: 576px) {
  .w-sm-fit-content {
    width: fit-content;
  }
}

@media screen and (min-width: 768px) {
  .w-md-fit-content {
    width: fit-content;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-fit-content {
    width: fit-content;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-fit-content {
    width: fit-content;
  }
}

@media screen and (min-width: 1400px) {
  .w-xxl-fit-content {
    width: fit-content;
  }
}

/*-------------------------------------------------------------------------
                                    Custom Row
-------------------------------------------------------------------------*/
.row--0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row--0 > [class*=col] {
  padding-left: 0px;
  padding-right: 0px;
}

.row--5 {
  margin-left: -5px;
  margin-right: -5px;
}
.row--5 > [class*=col] {
  padding-left: 5px;
  padding-right: 5px;
}

.row--8 {
  margin-left: -8px;
  margin-right: -8px;
}
.row--8 > [class*=col] {
  padding-left: 8px;
  padding-right: 8px;
}

.row--10 {
  margin-left: -10px;
  margin-right: -10px;
}
.row--10 > [class*=col] {
  padding-left: 10px;
  padding-right: 10px;
}

.row--12 {
  margin-left: -12px;
  margin-right: -12px;
}
.row--12 > [class*=col] {
  padding-left: 12px;
  padding-right: 12px;
}

.row--15 {
  margin-left: -15px;
  margin-right: -15px;
}
.row--15 > [class*=col] {
  padding-left: 15px;
  padding-right: 15px;
}

.row--20 {
  margin-left: -20px;
  margin-right: -20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--20 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--20 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--20 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .row--20 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.row--20 > [class*=col], .row--20 > [class*=col-] {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--20 > [class*=col], .row--20 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--20 > [class*=col], .row--20 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--20 > [class*=col], .row--20 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--20 > [class*=col], .row--20 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.row--24 {
  margin-left: -24px;
  margin-right: -24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--24 {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--24 {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--24 {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: 767px) {
  .row--24 {
    margin-left: -12px !important;
    margin-right: -12px !important;
  }
}
.row--24 > [class*=col], .row--24 > [class*=col-] {
  padding-left: 24px;
  padding-right: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--24 > [class*=col], .row--24 > [class*=col-] {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--24 > [class*=col], .row--24 > [class*=col-] {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--24 > [class*=col], .row--24 > [class*=col-] {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--24 > [class*=col], .row--24 > [class*=col-] {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

.row--25 {
  margin-left: -25px;
  margin-right: -25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--25 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--25 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--25 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .row--25 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.row--25 > [class*=col], .row--25 > [class*=col-] {
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--25 > [class*=col], .row--25 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--25 > [class*=col], .row--25 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--25 > [class*=col], .row--25 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--25 > [class*=col], .row--25 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.row--30 {
  margin-left: -30px;
  margin-right: -30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--30 {
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--30 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--30 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .row--30 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.row--30 > [class*=col], .row--30 > [class*=col-] {
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--30 > [class*=col], .row--30 > [class*=col-] {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--30 > [class*=col], .row--30 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--30 > [class*=col], .row--30 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--30 > [class*=col], .row--30 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.row--40 {
  margin-left: -40px;
  margin-right: -40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--40 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--40 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--40 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .row--40 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.row--40 > [class*=col], .row--40 > [class*=col-] {
  padding-left: 40px;
  padding-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--40 > [class*=col], .row--40 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--40 > [class*=col], .row--40 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--40 > [class*=col], .row--40 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--40 > [class*=col], .row--40 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.row--45 {
  margin-left: -45px;
  margin-right: -45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--45 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--45 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--45 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .row--45 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.row--45 > [class*=col], .row--45 > [class*=col-] {
  padding-left: 45px;
  padding-right: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--45 > [class*=col], .row--45 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--45 > [class*=col], .row--45 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--45 > [class*=col], .row--45 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--45 > [class*=col], .row--45 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.row--60 {
  margin-left: -60px;
  margin-right: -60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--60 {
    margin-left: -60px;
    margin-right: -60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--60 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--60 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .row--60 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.row--60 > [class*=col], .row--60 > [class*=col-] {
  padding-left: 60px;
  padding-right: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--60 > [class*=col], .row--60 > [class*=col-] {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--60 > [class*=col], .row--60 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--60 > [class*=col], .row--60 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--60 > [class*=col], .row--60 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/*--------------------------------------------
        Input Placeholder
--------------------------------------------*/
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*-------------------------------------------
        Overlay styles 
-------------------------------------------*/
[data-overlay],
[data-black-overlay],
[data-white-overlay],
[data-gradient-overlay] {
  position: relative;
}

[data-overlay] > div,
[data-overlay] > *,
[data-black-overlay] > div,
[data-black-overlay] > *,
[data-white-overlay] > div,
[data-white-overlay] > *,
[data-gradient-overlay] > div,
[data-gradient-overlay] > * {
  position: relative;
  z-index: 2;
}

[data-overlay]:before,
[data-black-overlay]:before,
[data-white-overlay]:before,
[data-gradient-overlay]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}

[data-overlay]:before {
  background: var(--color-primary);
}

[data-black-overlay]:before {
  background-color: #020129;
}

[data-white-overlay]:before {
  background-color: #ffffff;
}

[data-gradient-overlay]:before {
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
}

[data-overlay="1"]:before,
[data-black-overlay="1"]:before,
[data-white-overlay="1"]:before,
[data-gradient-overlay="1"]:before {
  opacity: 0.1;
}

[data-overlay="2"]:before,
[data-black-overlay="2"]:before,
[data-white-overlay="2"]:before,
[data-gradient-overlay="2"]:before {
  opacity: 0.2;
}

[data-overlay="3"]:before,
[data-black-overlay="3"]:before,
[data-white-overlay="3"]:before,
[data-gradient-overlay="3"]:before {
  opacity: 0.3;
}

[data-overlay="4"]:before,
[data-black-overlay="4"]:before,
[data-white-overlay="4"]:before,
[data-gradient-overlay="4"]:before {
  opacity: 0.4;
}

[data-overlay="5"]:before,
[data-black-overlay="5"]:before,
[data-white-overlay="5"]:before,
[data-gradient-overlay="5"]:before {
  opacity: 0.5;
}

[data-overlay="6"]:before,
[data-black-overlay="6"]:before,
[data-white-overlay="6"]:before,
[data-gradient-overlay="6"]:before {
  opacity: 0.6;
}

[data-overlay="7"]:before,
[data-black-overlay="7"]:before,
[data-white-overlay="7"]:before,
[data-gradient-overlay="7"]:before {
  opacity: 0.7;
}

[data-overlay="8"]:before,
[data-black-overlay="8"]:before,
[data-white-overlay="8"]:before,
[data-gradient-overlay="8"]:before {
  opacity: 0.8;
}

[data-overlay="9"]:before,
[data-black-overlay="9"]:before,
[data-white-overlay="9"]:before,
[data-gradient-overlay="9"]:before {
  opacity: 0.9;
}

[data-overlay="10"]:before,
[data-black-overlay="10"]:before,
[data-white-overlay="10"]:before,
[data-gradient-overlay="10"]:before {
  opacity: 1;
}

[data-overlay="1"]:after,
[data-black-overlay="1"]:after,
[data-white-overlay="1"]:after,
[data-gradient-overlay="1"]:after {
  opacity: 0.1;
}

[data-overlay="2"]:after,
[data-black-overlay="2"]:after,
[data-white-overlay="2"]:after,
[data-gradient-overlay="2"]:after {
  opacity: 0.2;
}

[data-overlay="3"]:after,
[data-black-overlay="3"]:after,
[data-white-overlay="3"]:after,
[data-gradient-overlay="3"]:after {
  opacity: 0.3;
}

[data-overlay="4"]:after,
[data-black-overlay="4"]:after,
[data-white-overlay="4"]:after,
[data-gradient-overlay="4"]:after {
  opacity: 0.4;
}

[data-overlay="5"]:after,
[data-black-overlay="5"]:after,
[data-white-overlay="5"]:after,
[data-gradient-overlay="5"]:after {
  opacity: 0.5;
}

[data-overlay="6"]:after,
[data-black-overlay="6"]:after,
[data-white-overlay="6"]:after,
[data-gradient-overlay="6"]:after {
  opacity: 0.6;
}

[data-overlay="7"]:after,
[data-black-overlay="7"]:after,
[data-white-overlay="7"]:after,
[data-gradient-overlay="7"]:after {
  opacity: 0.7;
}

[data-overlay="8"]:after,
[data-black-overlay="8"]:after,
[data-white-overlay="8"]:after,
[data-gradient-overlay="8"]:after {
  opacity: 0.8;
}

[data-overlay="9"]:after,
[data-black-overlay="9"]:after,
[data-white-overlay="9"]:after,
[data-gradient-overlay="9"]:after {
  opacity: 0.9;
}

[data-overlay="10"]:after,
[data-black-overlay="10"]:after,
[data-white-overlay="10"]:after,
[data-gradient-overlay="10"]:after {
  opacity: 1;
}

[data-rbt-position-top="0"] {
  top: 0%;
}

[data-rbt-position-top="1"] {
  top: 1%;
}

[data-rbt-position-top="2"] {
  top: 2%;
}

[data-rbt-position-top="3"] {
  top: 3%;
}

[data-rbt-position-top="4"] {
  top: 4%;
}

[data-rbt-position-top="5"] {
  top: 5%;
}

[data-rbt-position-top="6"] {
  top: 6%;
}

[data-rbt-position-top="7"] {
  top: 7%;
}

[data-rbt-position-top="8"] {
  top: 8%;
}

[data-rbt-position-top="9"] {
  top: 9%;
}

[data-rbt-position-top="10"] {
  top: 10%;
}

[data-rbt-position-top="11"] {
  top: 11%;
}

[data-rbt-position-top="12"] {
  top: 12%;
}

[data-rbt-position-top="13"] {
  top: 13%;
}

[data-rbt-position-top="14"] {
  top: 14%;
}

[data-rbt-position-top="15"] {
  top: 15%;
}

[data-rbt-position-top="16"] {
  top: 16%;
}

[data-rbt-position-top="17"] {
  top: 17%;
}

[data-rbt-position-top="18"] {
  top: 18%;
}

[data-rbt-position-top="19"] {
  top: 19%;
}

[data-rbt-position-top="20"] {
  top: 20%;
}

[data-rbt-position-top="21"] {
  top: 21%;
}

[data-rbt-position-top="22"] {
  top: 22%;
}

[data-rbt-position-top="23"] {
  top: 23%;
}

[data-rbt-position-top="24"] {
  top: 24%;
}

[data-rbt-position-top="25"] {
  top: 25%;
}

[data-rbt-position-top="26"] {
  top: 26%;
}

[data-rbt-position-top="27"] {
  top: 27%;
}

[data-rbt-position-top="28"] {
  top: 28%;
}

[data-rbt-position-top="29"] {
  top: 29%;
}

[data-rbt-position-top="30"] {
  top: 30%;
}

[data-rbt-position-top="31"] {
  top: 31%;
}

[data-rbt-position-top="32"] {
  top: 32%;
}

[data-rbt-position-top="33"] {
  top: 33%;
}

[data-rbt-position-top="34"] {
  top: 34%;
}

[data-rbt-position-top="35"] {
  top: 35%;
}

[data-rbt-position-top="36"] {
  top: 36%;
}

[data-rbt-position-top="37"] {
  top: 37%;
}

[data-rbt-position-top="38"] {
  top: 38%;
}

[data-rbt-position-top="39"] {
  top: 39%;
}

[data-rbt-position-top="40"] {
  top: 40%;
}

[data-rbt-position-top="41"] {
  top: 41%;
}

[data-rbt-position-top="42"] {
  top: 42%;
}

[data-rbt-position-top="43"] {
  top: 43%;
}

[data-rbt-position-top="44"] {
  top: 44%;
}

[data-rbt-position-top="45"] {
  top: 45%;
}

[data-rbt-position-top="46"] {
  top: 46%;
}

[data-rbt-position-top="47"] {
  top: 47%;
}

[data-rbt-position-top="48"] {
  top: 48%;
}

[data-rbt-position-top="49"] {
  top: 49%;
}

[data-rbt-position-top="50"] {
  top: 50%;
}

[data-rbt-position-top="51"] {
  top: 51%;
}

[data-rbt-position-top="52"] {
  top: 52%;
}

[data-rbt-position-top="53"] {
  top: 53%;
}

[data-rbt-position-top="54"] {
  top: 54%;
}

[data-rbt-position-top="55"] {
  top: 55%;
}

[data-rbt-position-top="56"] {
  top: 56%;
}

[data-rbt-position-top="57"] {
  top: 57%;
}

[data-rbt-position-top="58"] {
  top: 58%;
}

[data-rbt-position-top="59"] {
  top: 59%;
}

[data-rbt-position-top="60"] {
  top: 60%;
}

[data-rbt-position-top="61"] {
  top: 61%;
}

[data-rbt-position-top="62"] {
  top: 62%;
}

[data-rbt-position-top="63"] {
  top: 63%;
}

[data-rbt-position-top="64"] {
  top: 64%;
}

[data-rbt-position-top="65"] {
  top: 65%;
}

[data-rbt-position-top="66"] {
  top: 66%;
}

[data-rbt-position-top="67"] {
  top: 67%;
}

[data-rbt-position-top="68"] {
  top: 68%;
}

[data-rbt-position-top="69"] {
  top: 69%;
}

[data-rbt-position-top="70"] {
  top: 70%;
}

[data-rbt-position-top="71"] {
  top: 71%;
}

[data-rbt-position-top="72"] {
  top: 72%;
}

[data-rbt-position-top="73"] {
  top: 73%;
}

[data-rbt-position-top="74"] {
  top: 74%;
}

[data-rbt-position-top="75"] {
  top: 75%;
}

[data-rbt-position-top="76"] {
  top: 76%;
}

[data-rbt-position-top="77"] {
  top: 77%;
}

[data-rbt-position-top="78"] {
  top: 78%;
}

[data-rbt-position-top="79"] {
  top: 79%;
}

[data-rbt-position-top="80"] {
  top: 80%;
}

[data-rbt-position-top="81"] {
  top: 81%;
}

[data-rbt-position-top="82"] {
  top: 82%;
}

[data-rbt-position-top="83"] {
  top: 83%;
}

[data-rbt-position-top="84"] {
  top: 84%;
}

[data-rbt-position-top="85"] {
  top: 85%;
}

[data-rbt-position-top="86"] {
  top: 86%;
}

[data-rbt-position-top="87"] {
  top: 87%;
}

[data-rbt-position-top="88"] {
  top: 88%;
}

[data-rbt-position-top="89"] {
  top: 89%;
}

[data-rbt-position-top="90"] {
  top: 90%;
}

[data-rbt-position-top="91"] {
  top: 91%;
}

[data-rbt-position-top="92"] {
  top: 92%;
}

[data-rbt-position-top="93"] {
  top: 93%;
}

[data-rbt-position-top="94"] {
  top: 94%;
}

[data-rbt-position-top="95"] {
  top: 95%;
}

[data-rbt-position-top="96"] {
  top: 96%;
}

[data-rbt-position-top="97"] {
  top: 97%;
}

[data-rbt-position-top="98"] {
  top: 98%;
}

[data-rbt-position-top="99"] {
  top: 99%;
}

[data-rbt-position-top="100"] {
  top: 100%;
}

[data-rbt-position-top="101"] {
  top: 101%;
}

[data-rbt-position-top="102"] {
  top: 102%;
}

[data-rbt-position-top="103"] {
  top: 103%;
}

[data-rbt-position-top="104"] {
  top: 104%;
}

[data-rbt-position-top="105"] {
  top: 105%;
}

[data-rbt-position-top="106"] {
  top: 106%;
}

[data-rbt-position-top="107"] {
  top: 107%;
}

[data-rbt-position-top="108"] {
  top: 108%;
}

[data-rbt-position-top="109"] {
  top: 109%;
}

[data-rbt-position-top="110"] {
  top: 110%;
}

[data-rbt-position-top="111"] {
  top: 111%;
}

[data-rbt-position-top="112"] {
  top: 112%;
}

[data-rbt-position-top="113"] {
  top: 113%;
}

[data-rbt-position-top="114"] {
  top: 114%;
}

[data-rbt-position-top="115"] {
  top: 115%;
}

[data-rbt-position-top="116"] {
  top: 116%;
}

[data-rbt-position-top="117"] {
  top: 117%;
}

[data-rbt-position-top="118"] {
  top: 118%;
}

[data-rbt-position-top="119"] {
  top: 119%;
}

[data-rbt-position-top="120"] {
  top: 120%;
}

[data-rbt-position-top="121"] {
  top: 121%;
}

[data-rbt-position-top="122"] {
  top: 122%;
}

[data-rbt-position-top="123"] {
  top: 123%;
}

[data-rbt-position-top="124"] {
  top: 124%;
}

[data-rbt-position-top="125"] {
  top: 125%;
}

[data-rbt-position-top="126"] {
  top: 126%;
}

[data-rbt-position-top="127"] {
  top: 127%;
}

[data-rbt-position-top="128"] {
  top: 128%;
}

[data-rbt-position-top="129"] {
  top: 129%;
}

[data-rbt-position-top="130"] {
  top: 130%;
}

[data-rbt-position-top="131"] {
  top: 131%;
}

[data-rbt-position-top="132"] {
  top: 132%;
}

[data-rbt-position-top="133"] {
  top: 133%;
}

[data-rbt-position-top="134"] {
  top: 134%;
}

[data-rbt-position-top="135"] {
  top: 135%;
}

[data-rbt-position-top="136"] {
  top: 136%;
}

[data-rbt-position-top="137"] {
  top: 137%;
}

[data-rbt-position-top="138"] {
  top: 138%;
}

[data-rbt-position-top="139"] {
  top: 139%;
}

[data-rbt-position-top="140"] {
  top: 140%;
}

[data-rbt-position-top="141"] {
  top: 141%;
}

[data-rbt-position-top="142"] {
  top: 142%;
}

[data-rbt-position-top="143"] {
  top: 143%;
}

[data-rbt-position-top="144"] {
  top: 144%;
}

[data-rbt-position-top="145"] {
  top: 145%;
}

[data-rbt-position-top="146"] {
  top: 146%;
}

[data-rbt-position-top="147"] {
  top: 147%;
}

[data-rbt-position-top="148"] {
  top: 148%;
}

[data-rbt-position-top="149"] {
  top: 149%;
}

[data-rbt-position-top="150"] {
  top: 150%;
}

[data-rbt-position-top="151"] {
  top: 151%;
}

[data-rbt-position-top="152"] {
  top: 152%;
}

[data-rbt-position-top="153"] {
  top: 153%;
}

[data-rbt-position-top="154"] {
  top: 154%;
}

[data-rbt-position-top="155"] {
  top: 155%;
}

[data-rbt-position-top="156"] {
  top: 156%;
}

[data-rbt-position-top="157"] {
  top: 157%;
}

[data-rbt-position-top="158"] {
  top: 158%;
}

[data-rbt-position-top="159"] {
  top: 159%;
}

[data-rbt-position-top="160"] {
  top: 160%;
}

[data-rbt-position-top="161"] {
  top: 161%;
}

[data-rbt-position-top="162"] {
  top: 162%;
}

[data-rbt-position-top="163"] {
  top: 163%;
}

[data-rbt-position-top="164"] {
  top: 164%;
}

[data-rbt-position-top="165"] {
  top: 165%;
}

[data-rbt-position-top="166"] {
  top: 166%;
}

[data-rbt-position-top="167"] {
  top: 167%;
}

[data-rbt-position-top="168"] {
  top: 168%;
}

[data-rbt-position-top="169"] {
  top: 169%;
}

[data-rbt-position-top="170"] {
  top: 170%;
}

[data-rbt-position-top="171"] {
  top: 171%;
}

[data-rbt-position-top="172"] {
  top: 172%;
}

[data-rbt-position-top="173"] {
  top: 173%;
}

[data-rbt-position-top="174"] {
  top: 174%;
}

[data-rbt-position-top="175"] {
  top: 175%;
}

[data-rbt-position-top="176"] {
  top: 176%;
}

[data-rbt-position-top="177"] {
  top: 177%;
}

[data-rbt-position-top="178"] {
  top: 178%;
}

[data-rbt-position-top="179"] {
  top: 179%;
}

[data-rbt-position-top="180"] {
  top: 180%;
}

[data-rbt-position-top="181"] {
  top: 181%;
}

[data-rbt-position-top="182"] {
  top: 182%;
}

[data-rbt-position-top="183"] {
  top: 183%;
}

[data-rbt-position-top="184"] {
  top: 184%;
}

[data-rbt-position-top="185"] {
  top: 185%;
}

[data-rbt-position-top="186"] {
  top: 186%;
}

[data-rbt-position-top="187"] {
  top: 187%;
}

[data-rbt-position-top="188"] {
  top: 188%;
}

[data-rbt-position-top="189"] {
  top: 189%;
}

[data-rbt-position-top="190"] {
  top: 190%;
}

[data-rbt-position-top="191"] {
  top: 191%;
}

[data-rbt-position-top="192"] {
  top: 192%;
}

[data-rbt-position-top="193"] {
  top: 193%;
}

[data-rbt-position-top="194"] {
  top: 194%;
}

[data-rbt-position-top="195"] {
  top: 195%;
}

[data-rbt-position-top="196"] {
  top: 196%;
}

[data-rbt-position-top="197"] {
  top: 197%;
}

[data-rbt-position-top="198"] {
  top: 198%;
}

[data-rbt-position-top="199"] {
  top: 199%;
}

[data-rbt-position-top="200"] {
  top: 200%;
}

[data-rbt-position-bottom="0"] {
  bottom: 0%;
}

[data-rbt-position-bottom="1"] {
  bottom: 1%;
}

[data-rbt-position-bottom="2"] {
  bottom: 2%;
}

[data-rbt-position-bottom="3"] {
  bottom: 3%;
}

[data-rbt-position-bottom="4"] {
  bottom: 4%;
}

[data-rbt-position-bottom="5"] {
  bottom: 5%;
}

[data-rbt-position-bottom="6"] {
  bottom: 6%;
}

[data-rbt-position-bottom="7"] {
  bottom: 7%;
}

[data-rbt-position-bottom="8"] {
  bottom: 8%;
}

[data-rbt-position-bottom="9"] {
  bottom: 9%;
}

[data-rbt-position-bottom="10"] {
  bottom: 10%;
}

[data-rbt-position-bottom="11"] {
  bottom: 11%;
}

[data-rbt-position-bottom="12"] {
  bottom: 12%;
}

[data-rbt-position-bottom="13"] {
  bottom: 13%;
}

[data-rbt-position-bottom="14"] {
  bottom: 14%;
}

[data-rbt-position-bottom="15"] {
  bottom: 15%;
}

[data-rbt-position-bottom="16"] {
  bottom: 16%;
}

[data-rbt-position-bottom="17"] {
  bottom: 17%;
}

[data-rbt-position-bottom="18"] {
  bottom: 18%;
}

[data-rbt-position-bottom="19"] {
  bottom: 19%;
}

[data-rbt-position-bottom="20"] {
  bottom: 20%;
}

[data-rbt-position-bottom="21"] {
  bottom: 21%;
}

[data-rbt-position-bottom="22"] {
  bottom: 22%;
}

[data-rbt-position-bottom="23"] {
  bottom: 23%;
}

[data-rbt-position-bottom="24"] {
  bottom: 24%;
}

[data-rbt-position-bottom="25"] {
  bottom: 25%;
}

[data-rbt-position-bottom="26"] {
  bottom: 26%;
}

[data-rbt-position-bottom="27"] {
  bottom: 27%;
}

[data-rbt-position-bottom="28"] {
  bottom: 28%;
}

[data-rbt-position-bottom="29"] {
  bottom: 29%;
}

[data-rbt-position-bottom="30"] {
  bottom: 30%;
}

[data-rbt-position-bottom="31"] {
  bottom: 31%;
}

[data-rbt-position-bottom="32"] {
  bottom: 32%;
}

[data-rbt-position-bottom="33"] {
  bottom: 33%;
}

[data-rbt-position-bottom="34"] {
  bottom: 34%;
}

[data-rbt-position-bottom="35"] {
  bottom: 35%;
}

[data-rbt-position-bottom="36"] {
  bottom: 36%;
}

[data-rbt-position-bottom="37"] {
  bottom: 37%;
}

[data-rbt-position-bottom="38"] {
  bottom: 38%;
}

[data-rbt-position-bottom="39"] {
  bottom: 39%;
}

[data-rbt-position-bottom="40"] {
  bottom: 40%;
}

[data-rbt-position-bottom="41"] {
  bottom: 41%;
}

[data-rbt-position-bottom="42"] {
  bottom: 42%;
}

[data-rbt-position-bottom="43"] {
  bottom: 43%;
}

[data-rbt-position-bottom="44"] {
  bottom: 44%;
}

[data-rbt-position-bottom="45"] {
  bottom: 45%;
}

[data-rbt-position-bottom="46"] {
  bottom: 46%;
}

[data-rbt-position-bottom="47"] {
  bottom: 47%;
}

[data-rbt-position-bottom="48"] {
  bottom: 48%;
}

[data-rbt-position-bottom="49"] {
  bottom: 49%;
}

[data-rbt-position-bottom="50"] {
  bottom: 50%;
}

[data-rbt-position-bottom="51"] {
  bottom: 51%;
}

[data-rbt-position-bottom="52"] {
  bottom: 52%;
}

[data-rbt-position-bottom="53"] {
  bottom: 53%;
}

[data-rbt-position-bottom="54"] {
  bottom: 54%;
}

[data-rbt-position-bottom="55"] {
  bottom: 55%;
}

[data-rbt-position-bottom="56"] {
  bottom: 56%;
}

[data-rbt-position-bottom="57"] {
  bottom: 57%;
}

[data-rbt-position-bottom="58"] {
  bottom: 58%;
}

[data-rbt-position-bottom="59"] {
  bottom: 59%;
}

[data-rbt-position-bottom="60"] {
  bottom: 60%;
}

[data-rbt-position-bottom="61"] {
  bottom: 61%;
}

[data-rbt-position-bottom="62"] {
  bottom: 62%;
}

[data-rbt-position-bottom="63"] {
  bottom: 63%;
}

[data-rbt-position-bottom="64"] {
  bottom: 64%;
}

[data-rbt-position-bottom="65"] {
  bottom: 65%;
}

[data-rbt-position-bottom="66"] {
  bottom: 66%;
}

[data-rbt-position-bottom="67"] {
  bottom: 67%;
}

[data-rbt-position-bottom="68"] {
  bottom: 68%;
}

[data-rbt-position-bottom="69"] {
  bottom: 69%;
}

[data-rbt-position-bottom="70"] {
  bottom: 70%;
}

[data-rbt-position-bottom="71"] {
  bottom: 71%;
}

[data-rbt-position-bottom="72"] {
  bottom: 72%;
}

[data-rbt-position-bottom="73"] {
  bottom: 73%;
}

[data-rbt-position-bottom="74"] {
  bottom: 74%;
}

[data-rbt-position-bottom="75"] {
  bottom: 75%;
}

[data-rbt-position-bottom="76"] {
  bottom: 76%;
}

[data-rbt-position-bottom="77"] {
  bottom: 77%;
}

[data-rbt-position-bottom="78"] {
  bottom: 78%;
}

[data-rbt-position-bottom="79"] {
  bottom: 79%;
}

[data-rbt-position-bottom="80"] {
  bottom: 80%;
}

[data-rbt-position-bottom="81"] {
  bottom: 81%;
}

[data-rbt-position-bottom="82"] {
  bottom: 82%;
}

[data-rbt-position-bottom="83"] {
  bottom: 83%;
}

[data-rbt-position-bottom="84"] {
  bottom: 84%;
}

[data-rbt-position-bottom="85"] {
  bottom: 85%;
}

[data-rbt-position-bottom="86"] {
  bottom: 86%;
}

[data-rbt-position-bottom="87"] {
  bottom: 87%;
}

[data-rbt-position-bottom="88"] {
  bottom: 88%;
}

[data-rbt-position-bottom="89"] {
  bottom: 89%;
}

[data-rbt-position-bottom="90"] {
  bottom: 90%;
}

[data-rbt-position-bottom="91"] {
  bottom: 91%;
}

[data-rbt-position-bottom="92"] {
  bottom: 92%;
}

[data-rbt-position-bottom="93"] {
  bottom: 93%;
}

[data-rbt-position-bottom="94"] {
  bottom: 94%;
}

[data-rbt-position-bottom="95"] {
  bottom: 95%;
}

[data-rbt-position-bottom="96"] {
  bottom: 96%;
}

[data-rbt-position-bottom="97"] {
  bottom: 97%;
}

[data-rbt-position-bottom="98"] {
  bottom: 98%;
}

[data-rbt-position-bottom="99"] {
  bottom: 99%;
}

[data-rbt-position-bottom="100"] {
  bottom: 100%;
}

[data-rbt-position-bottom="101"] {
  bottom: 101%;
}

[data-rbt-position-bottom="102"] {
  bottom: 102%;
}

[data-rbt-position-bottom="103"] {
  bottom: 103%;
}

[data-rbt-position-bottom="104"] {
  bottom: 104%;
}

[data-rbt-position-bottom="105"] {
  bottom: 105%;
}

[data-rbt-position-bottom="106"] {
  bottom: 106%;
}

[data-rbt-position-bottom="107"] {
  bottom: 107%;
}

[data-rbt-position-bottom="108"] {
  bottom: 108%;
}

[data-rbt-position-bottom="109"] {
  bottom: 109%;
}

[data-rbt-position-bottom="110"] {
  bottom: 110%;
}

[data-rbt-position-bottom="111"] {
  bottom: 111%;
}

[data-rbt-position-bottom="112"] {
  bottom: 112%;
}

[data-rbt-position-bottom="113"] {
  bottom: 113%;
}

[data-rbt-position-bottom="114"] {
  bottom: 114%;
}

[data-rbt-position-bottom="115"] {
  bottom: 115%;
}

[data-rbt-position-bottom="116"] {
  bottom: 116%;
}

[data-rbt-position-bottom="117"] {
  bottom: 117%;
}

[data-rbt-position-bottom="118"] {
  bottom: 118%;
}

[data-rbt-position-bottom="119"] {
  bottom: 119%;
}

[data-rbt-position-bottom="120"] {
  bottom: 120%;
}

[data-rbt-position-bottom="121"] {
  bottom: 121%;
}

[data-rbt-position-bottom="122"] {
  bottom: 122%;
}

[data-rbt-position-bottom="123"] {
  bottom: 123%;
}

[data-rbt-position-bottom="124"] {
  bottom: 124%;
}

[data-rbt-position-bottom="125"] {
  bottom: 125%;
}

[data-rbt-position-bottom="126"] {
  bottom: 126%;
}

[data-rbt-position-bottom="127"] {
  bottom: 127%;
}

[data-rbt-position-bottom="128"] {
  bottom: 128%;
}

[data-rbt-position-bottom="129"] {
  bottom: 129%;
}

[data-rbt-position-bottom="130"] {
  bottom: 130%;
}

[data-rbt-position-bottom="131"] {
  bottom: 131%;
}

[data-rbt-position-bottom="132"] {
  bottom: 132%;
}

[data-rbt-position-bottom="133"] {
  bottom: 133%;
}

[data-rbt-position-bottom="134"] {
  bottom: 134%;
}

[data-rbt-position-bottom="135"] {
  bottom: 135%;
}

[data-rbt-position-bottom="136"] {
  bottom: 136%;
}

[data-rbt-position-bottom="137"] {
  bottom: 137%;
}

[data-rbt-position-bottom="138"] {
  bottom: 138%;
}

[data-rbt-position-bottom="139"] {
  bottom: 139%;
}

[data-rbt-position-bottom="140"] {
  bottom: 140%;
}

[data-rbt-position-bottom="141"] {
  bottom: 141%;
}

[data-rbt-position-bottom="142"] {
  bottom: 142%;
}

[data-rbt-position-bottom="143"] {
  bottom: 143%;
}

[data-rbt-position-bottom="144"] {
  bottom: 144%;
}

[data-rbt-position-bottom="145"] {
  bottom: 145%;
}

[data-rbt-position-bottom="146"] {
  bottom: 146%;
}

[data-rbt-position-bottom="147"] {
  bottom: 147%;
}

[data-rbt-position-bottom="148"] {
  bottom: 148%;
}

[data-rbt-position-bottom="149"] {
  bottom: 149%;
}

[data-rbt-position-bottom="150"] {
  bottom: 150%;
}

[data-rbt-position-bottom="151"] {
  bottom: 151%;
}

[data-rbt-position-bottom="152"] {
  bottom: 152%;
}

[data-rbt-position-bottom="153"] {
  bottom: 153%;
}

[data-rbt-position-bottom="154"] {
  bottom: 154%;
}

[data-rbt-position-bottom="155"] {
  bottom: 155%;
}

[data-rbt-position-bottom="156"] {
  bottom: 156%;
}

[data-rbt-position-bottom="157"] {
  bottom: 157%;
}

[data-rbt-position-bottom="158"] {
  bottom: 158%;
}

[data-rbt-position-bottom="159"] {
  bottom: 159%;
}

[data-rbt-position-bottom="160"] {
  bottom: 160%;
}

[data-rbt-position-bottom="161"] {
  bottom: 161%;
}

[data-rbt-position-bottom="162"] {
  bottom: 162%;
}

[data-rbt-position-bottom="163"] {
  bottom: 163%;
}

[data-rbt-position-bottom="164"] {
  bottom: 164%;
}

[data-rbt-position-bottom="165"] {
  bottom: 165%;
}

[data-rbt-position-bottom="166"] {
  bottom: 166%;
}

[data-rbt-position-bottom="167"] {
  bottom: 167%;
}

[data-rbt-position-bottom="168"] {
  bottom: 168%;
}

[data-rbt-position-bottom="169"] {
  bottom: 169%;
}

[data-rbt-position-bottom="170"] {
  bottom: 170%;
}

[data-rbt-position-bottom="171"] {
  bottom: 171%;
}

[data-rbt-position-bottom="172"] {
  bottom: 172%;
}

[data-rbt-position-bottom="173"] {
  bottom: 173%;
}

[data-rbt-position-bottom="174"] {
  bottom: 174%;
}

[data-rbt-position-bottom="175"] {
  bottom: 175%;
}

[data-rbt-position-bottom="176"] {
  bottom: 176%;
}

[data-rbt-position-bottom="177"] {
  bottom: 177%;
}

[data-rbt-position-bottom="178"] {
  bottom: 178%;
}

[data-rbt-position-bottom="179"] {
  bottom: 179%;
}

[data-rbt-position-bottom="180"] {
  bottom: 180%;
}

[data-rbt-position-bottom="181"] {
  bottom: 181%;
}

[data-rbt-position-bottom="182"] {
  bottom: 182%;
}

[data-rbt-position-bottom="183"] {
  bottom: 183%;
}

[data-rbt-position-bottom="184"] {
  bottom: 184%;
}

[data-rbt-position-bottom="185"] {
  bottom: 185%;
}

[data-rbt-position-bottom="186"] {
  bottom: 186%;
}

[data-rbt-position-bottom="187"] {
  bottom: 187%;
}

[data-rbt-position-bottom="188"] {
  bottom: 188%;
}

[data-rbt-position-bottom="189"] {
  bottom: 189%;
}

[data-rbt-position-bottom="190"] {
  bottom: 190%;
}

[data-rbt-position-bottom="191"] {
  bottom: 191%;
}

[data-rbt-position-bottom="192"] {
  bottom: 192%;
}

[data-rbt-position-bottom="193"] {
  bottom: 193%;
}

[data-rbt-position-bottom="194"] {
  bottom: 194%;
}

[data-rbt-position-bottom="195"] {
  bottom: 195%;
}

[data-rbt-position-bottom="196"] {
  bottom: 196%;
}

[data-rbt-position-bottom="197"] {
  bottom: 197%;
}

[data-rbt-position-bottom="198"] {
  bottom: 198%;
}

[data-rbt-position-bottom="199"] {
  bottom: 199%;
}

[data-rbt-position-bottom="200"] {
  bottom: 200%;
}

[data-rbt-position-left="0"] {
  left: 0%;
}

[data-rbt-position-left="1"] {
  left: 1%;
}

[data-rbt-position-left="2"] {
  left: 2%;
}

[data-rbt-position-left="3"] {
  left: 3%;
}

[data-rbt-position-left="4"] {
  left: 4%;
}

[data-rbt-position-left="5"] {
  left: 5%;
}

[data-rbt-position-left="6"] {
  left: 6%;
}

[data-rbt-position-left="7"] {
  left: 7%;
}

[data-rbt-position-left="8"] {
  left: 8%;
}

[data-rbt-position-left="9"] {
  left: 9%;
}

[data-rbt-position-left="10"] {
  left: 10%;
}

[data-rbt-position-left="11"] {
  left: 11%;
}

[data-rbt-position-left="12"] {
  left: 12%;
}

[data-rbt-position-left="13"] {
  left: 13%;
}

[data-rbt-position-left="14"] {
  left: 14%;
}

[data-rbt-position-left="15"] {
  left: 15%;
}

[data-rbt-position-left="16"] {
  left: 16%;
}

[data-rbt-position-left="17"] {
  left: 17%;
}

[data-rbt-position-left="18"] {
  left: 18%;
}

[data-rbt-position-left="19"] {
  left: 19%;
}

[data-rbt-position-left="20"] {
  left: 20%;
}

[data-rbt-position-left="21"] {
  left: 21%;
}

[data-rbt-position-left="22"] {
  left: 22%;
}

[data-rbt-position-left="23"] {
  left: 23%;
}

[data-rbt-position-left="24"] {
  left: 24%;
}

[data-rbt-position-left="25"] {
  left: 25%;
}

[data-rbt-position-left="26"] {
  left: 26%;
}

[data-rbt-position-left="27"] {
  left: 27%;
}

[data-rbt-position-left="28"] {
  left: 28%;
}

[data-rbt-position-left="29"] {
  left: 29%;
}

[data-rbt-position-left="30"] {
  left: 30%;
}

[data-rbt-position-left="31"] {
  left: 31%;
}

[data-rbt-position-left="32"] {
  left: 32%;
}

[data-rbt-position-left="33"] {
  left: 33%;
}

[data-rbt-position-left="34"] {
  left: 34%;
}

[data-rbt-position-left="35"] {
  left: 35%;
}

[data-rbt-position-left="36"] {
  left: 36%;
}

[data-rbt-position-left="37"] {
  left: 37%;
}

[data-rbt-position-left="38"] {
  left: 38%;
}

[data-rbt-position-left="39"] {
  left: 39%;
}

[data-rbt-position-left="40"] {
  left: 40%;
}

[data-rbt-position-left="41"] {
  left: 41%;
}

[data-rbt-position-left="42"] {
  left: 42%;
}

[data-rbt-position-left="43"] {
  left: 43%;
}

[data-rbt-position-left="44"] {
  left: 44%;
}

[data-rbt-position-left="45"] {
  left: 45%;
}

[data-rbt-position-left="46"] {
  left: 46%;
}

[data-rbt-position-left="47"] {
  left: 47%;
}

[data-rbt-position-left="48"] {
  left: 48%;
}

[data-rbt-position-left="49"] {
  left: 49%;
}

[data-rbt-position-left="50"] {
  left: 50%;
}

[data-rbt-position-left="51"] {
  left: 51%;
}

[data-rbt-position-left="52"] {
  left: 52%;
}

[data-rbt-position-left="53"] {
  left: 53%;
}

[data-rbt-position-left="54"] {
  left: 54%;
}

[data-rbt-position-left="55"] {
  left: 55%;
}

[data-rbt-position-left="56"] {
  left: 56%;
}

[data-rbt-position-left="57"] {
  left: 57%;
}

[data-rbt-position-left="58"] {
  left: 58%;
}

[data-rbt-position-left="59"] {
  left: 59%;
}

[data-rbt-position-left="60"] {
  left: 60%;
}

[data-rbt-position-left="61"] {
  left: 61%;
}

[data-rbt-position-left="62"] {
  left: 62%;
}

[data-rbt-position-left="63"] {
  left: 63%;
}

[data-rbt-position-left="64"] {
  left: 64%;
}

[data-rbt-position-left="65"] {
  left: 65%;
}

[data-rbt-position-left="66"] {
  left: 66%;
}

[data-rbt-position-left="67"] {
  left: 67%;
}

[data-rbt-position-left="68"] {
  left: 68%;
}

[data-rbt-position-left="69"] {
  left: 69%;
}

[data-rbt-position-left="70"] {
  left: 70%;
}

[data-rbt-position-left="71"] {
  left: 71%;
}

[data-rbt-position-left="72"] {
  left: 72%;
}

[data-rbt-position-left="73"] {
  left: 73%;
}

[data-rbt-position-left="74"] {
  left: 74%;
}

[data-rbt-position-left="75"] {
  left: 75%;
}

[data-rbt-position-left="76"] {
  left: 76%;
}

[data-rbt-position-left="77"] {
  left: 77%;
}

[data-rbt-position-left="78"] {
  left: 78%;
}

[data-rbt-position-left="79"] {
  left: 79%;
}

[data-rbt-position-left="80"] {
  left: 80%;
}

[data-rbt-position-left="81"] {
  left: 81%;
}

[data-rbt-position-left="82"] {
  left: 82%;
}

[data-rbt-position-left="83"] {
  left: 83%;
}

[data-rbt-position-left="84"] {
  left: 84%;
}

[data-rbt-position-left="85"] {
  left: 85%;
}

[data-rbt-position-left="86"] {
  left: 86%;
}

[data-rbt-position-left="87"] {
  left: 87%;
}

[data-rbt-position-left="88"] {
  left: 88%;
}

[data-rbt-position-left="89"] {
  left: 89%;
}

[data-rbt-position-left="90"] {
  left: 90%;
}

[data-rbt-position-left="91"] {
  left: 91%;
}

[data-rbt-position-left="92"] {
  left: 92%;
}

[data-rbt-position-left="93"] {
  left: 93%;
}

[data-rbt-position-left="94"] {
  left: 94%;
}

[data-rbt-position-left="95"] {
  left: 95%;
}

[data-rbt-position-left="96"] {
  left: 96%;
}

[data-rbt-position-left="97"] {
  left: 97%;
}

[data-rbt-position-left="98"] {
  left: 98%;
}

[data-rbt-position-left="99"] {
  left: 99%;
}

[data-rbt-position-left="100"] {
  left: 100%;
}

[data-rbt-position-left="101"] {
  left: 101%;
}

[data-rbt-position-left="102"] {
  left: 102%;
}

[data-rbt-position-left="103"] {
  left: 103%;
}

[data-rbt-position-left="104"] {
  left: 104%;
}

[data-rbt-position-left="105"] {
  left: 105%;
}

[data-rbt-position-left="106"] {
  left: 106%;
}

[data-rbt-position-left="107"] {
  left: 107%;
}

[data-rbt-position-left="108"] {
  left: 108%;
}

[data-rbt-position-left="109"] {
  left: 109%;
}

[data-rbt-position-left="110"] {
  left: 110%;
}

[data-rbt-position-left="111"] {
  left: 111%;
}

[data-rbt-position-left="112"] {
  left: 112%;
}

[data-rbt-position-left="113"] {
  left: 113%;
}

[data-rbt-position-left="114"] {
  left: 114%;
}

[data-rbt-position-left="115"] {
  left: 115%;
}

[data-rbt-position-left="116"] {
  left: 116%;
}

[data-rbt-position-left="117"] {
  left: 117%;
}

[data-rbt-position-left="118"] {
  left: 118%;
}

[data-rbt-position-left="119"] {
  left: 119%;
}

[data-rbt-position-left="120"] {
  left: 120%;
}

[data-rbt-position-left="121"] {
  left: 121%;
}

[data-rbt-position-left="122"] {
  left: 122%;
}

[data-rbt-position-left="123"] {
  left: 123%;
}

[data-rbt-position-left="124"] {
  left: 124%;
}

[data-rbt-position-left="125"] {
  left: 125%;
}

[data-rbt-position-left="126"] {
  left: 126%;
}

[data-rbt-position-left="127"] {
  left: 127%;
}

[data-rbt-position-left="128"] {
  left: 128%;
}

[data-rbt-position-left="129"] {
  left: 129%;
}

[data-rbt-position-left="130"] {
  left: 130%;
}

[data-rbt-position-left="131"] {
  left: 131%;
}

[data-rbt-position-left="132"] {
  left: 132%;
}

[data-rbt-position-left="133"] {
  left: 133%;
}

[data-rbt-position-left="134"] {
  left: 134%;
}

[data-rbt-position-left="135"] {
  left: 135%;
}

[data-rbt-position-left="136"] {
  left: 136%;
}

[data-rbt-position-left="137"] {
  left: 137%;
}

[data-rbt-position-left="138"] {
  left: 138%;
}

[data-rbt-position-left="139"] {
  left: 139%;
}

[data-rbt-position-left="140"] {
  left: 140%;
}

[data-rbt-position-left="141"] {
  left: 141%;
}

[data-rbt-position-left="142"] {
  left: 142%;
}

[data-rbt-position-left="143"] {
  left: 143%;
}

[data-rbt-position-left="144"] {
  left: 144%;
}

[data-rbt-position-left="145"] {
  left: 145%;
}

[data-rbt-position-left="146"] {
  left: 146%;
}

[data-rbt-position-left="147"] {
  left: 147%;
}

[data-rbt-position-left="148"] {
  left: 148%;
}

[data-rbt-position-left="149"] {
  left: 149%;
}

[data-rbt-position-left="150"] {
  left: 150%;
}

[data-rbt-position-left="151"] {
  left: 151%;
}

[data-rbt-position-left="152"] {
  left: 152%;
}

[data-rbt-position-left="153"] {
  left: 153%;
}

[data-rbt-position-left="154"] {
  left: 154%;
}

[data-rbt-position-left="155"] {
  left: 155%;
}

[data-rbt-position-left="156"] {
  left: 156%;
}

[data-rbt-position-left="157"] {
  left: 157%;
}

[data-rbt-position-left="158"] {
  left: 158%;
}

[data-rbt-position-left="159"] {
  left: 159%;
}

[data-rbt-position-left="160"] {
  left: 160%;
}

[data-rbt-position-left="161"] {
  left: 161%;
}

[data-rbt-position-left="162"] {
  left: 162%;
}

[data-rbt-position-left="163"] {
  left: 163%;
}

[data-rbt-position-left="164"] {
  left: 164%;
}

[data-rbt-position-left="165"] {
  left: 165%;
}

[data-rbt-position-left="166"] {
  left: 166%;
}

[data-rbt-position-left="167"] {
  left: 167%;
}

[data-rbt-position-left="168"] {
  left: 168%;
}

[data-rbt-position-left="169"] {
  left: 169%;
}

[data-rbt-position-left="170"] {
  left: 170%;
}

[data-rbt-position-left="171"] {
  left: 171%;
}

[data-rbt-position-left="172"] {
  left: 172%;
}

[data-rbt-position-left="173"] {
  left: 173%;
}

[data-rbt-position-left="174"] {
  left: 174%;
}

[data-rbt-position-left="175"] {
  left: 175%;
}

[data-rbt-position-left="176"] {
  left: 176%;
}

[data-rbt-position-left="177"] {
  left: 177%;
}

[data-rbt-position-left="178"] {
  left: 178%;
}

[data-rbt-position-left="179"] {
  left: 179%;
}

[data-rbt-position-left="180"] {
  left: 180%;
}

[data-rbt-position-left="181"] {
  left: 181%;
}

[data-rbt-position-left="182"] {
  left: 182%;
}

[data-rbt-position-left="183"] {
  left: 183%;
}

[data-rbt-position-left="184"] {
  left: 184%;
}

[data-rbt-position-left="185"] {
  left: 185%;
}

[data-rbt-position-left="186"] {
  left: 186%;
}

[data-rbt-position-left="187"] {
  left: 187%;
}

[data-rbt-position-left="188"] {
  left: 188%;
}

[data-rbt-position-left="189"] {
  left: 189%;
}

[data-rbt-position-left="190"] {
  left: 190%;
}

[data-rbt-position-left="191"] {
  left: 191%;
}

[data-rbt-position-left="192"] {
  left: 192%;
}

[data-rbt-position-left="193"] {
  left: 193%;
}

[data-rbt-position-left="194"] {
  left: 194%;
}

[data-rbt-position-left="195"] {
  left: 195%;
}

[data-rbt-position-left="196"] {
  left: 196%;
}

[data-rbt-position-left="197"] {
  left: 197%;
}

[data-rbt-position-left="198"] {
  left: 198%;
}

[data-rbt-position-left="199"] {
  left: 199%;
}

[data-rbt-position-left="200"] {
  left: 200%;
}

[data-rbt-position-right="0"] {
  right: 0%;
}

[data-rbt-position-right="1"] {
  right: 1%;
}

[data-rbt-position-right="2"] {
  right: 2%;
}

[data-rbt-position-right="3"] {
  right: 3%;
}

[data-rbt-position-right="4"] {
  right: 4%;
}

[data-rbt-position-right="5"] {
  right: 5%;
}

[data-rbt-position-right="6"] {
  right: 6%;
}

[data-rbt-position-right="7"] {
  right: 7%;
}

[data-rbt-position-right="8"] {
  right: 8%;
}

[data-rbt-position-right="9"] {
  right: 9%;
}

[data-rbt-position-right="10"] {
  right: 10%;
}

[data-rbt-position-right="11"] {
  right: 11%;
}

[data-rbt-position-right="12"] {
  right: 12%;
}

[data-rbt-position-right="13"] {
  right: 13%;
}

[data-rbt-position-right="14"] {
  right: 14%;
}

[data-rbt-position-right="15"] {
  right: 15%;
}

[data-rbt-position-right="16"] {
  right: 16%;
}

[data-rbt-position-right="17"] {
  right: 17%;
}

[data-rbt-position-right="18"] {
  right: 18%;
}

[data-rbt-position-right="19"] {
  right: 19%;
}

[data-rbt-position-right="20"] {
  right: 20%;
}

[data-rbt-position-right="21"] {
  right: 21%;
}

[data-rbt-position-right="22"] {
  right: 22%;
}

[data-rbt-position-right="23"] {
  right: 23%;
}

[data-rbt-position-right="24"] {
  right: 24%;
}

[data-rbt-position-right="25"] {
  right: 25%;
}

[data-rbt-position-right="26"] {
  right: 26%;
}

[data-rbt-position-right="27"] {
  right: 27%;
}

[data-rbt-position-right="28"] {
  right: 28%;
}

[data-rbt-position-right="29"] {
  right: 29%;
}

[data-rbt-position-right="30"] {
  right: 30%;
}

[data-rbt-position-right="31"] {
  right: 31%;
}

[data-rbt-position-right="32"] {
  right: 32%;
}

[data-rbt-position-right="33"] {
  right: 33%;
}

[data-rbt-position-right="34"] {
  right: 34%;
}

[data-rbt-position-right="35"] {
  right: 35%;
}

[data-rbt-position-right="36"] {
  right: 36%;
}

[data-rbt-position-right="37"] {
  right: 37%;
}

[data-rbt-position-right="38"] {
  right: 38%;
}

[data-rbt-position-right="39"] {
  right: 39%;
}

[data-rbt-position-right="40"] {
  right: 40%;
}

[data-rbt-position-right="41"] {
  right: 41%;
}

[data-rbt-position-right="42"] {
  right: 42%;
}

[data-rbt-position-right="43"] {
  right: 43%;
}

[data-rbt-position-right="44"] {
  right: 44%;
}

[data-rbt-position-right="45"] {
  right: 45%;
}

[data-rbt-position-right="46"] {
  right: 46%;
}

[data-rbt-position-right="47"] {
  right: 47%;
}

[data-rbt-position-right="48"] {
  right: 48%;
}

[data-rbt-position-right="49"] {
  right: 49%;
}

[data-rbt-position-right="50"] {
  right: 50%;
}

[data-rbt-position-right="51"] {
  right: 51%;
}

[data-rbt-position-right="52"] {
  right: 52%;
}

[data-rbt-position-right="53"] {
  right: 53%;
}

[data-rbt-position-right="54"] {
  right: 54%;
}

[data-rbt-position-right="55"] {
  right: 55%;
}

[data-rbt-position-right="56"] {
  right: 56%;
}

[data-rbt-position-right="57"] {
  right: 57%;
}

[data-rbt-position-right="58"] {
  right: 58%;
}

[data-rbt-position-right="59"] {
  right: 59%;
}

[data-rbt-position-right="60"] {
  right: 60%;
}

[data-rbt-position-right="61"] {
  right: 61%;
}

[data-rbt-position-right="62"] {
  right: 62%;
}

[data-rbt-position-right="63"] {
  right: 63%;
}

[data-rbt-position-right="64"] {
  right: 64%;
}

[data-rbt-position-right="65"] {
  right: 65%;
}

[data-rbt-position-right="66"] {
  right: 66%;
}

[data-rbt-position-right="67"] {
  right: 67%;
}

[data-rbt-position-right="68"] {
  right: 68%;
}

[data-rbt-position-right="69"] {
  right: 69%;
}

[data-rbt-position-right="70"] {
  right: 70%;
}

[data-rbt-position-right="71"] {
  right: 71%;
}

[data-rbt-position-right="72"] {
  right: 72%;
}

[data-rbt-position-right="73"] {
  right: 73%;
}

[data-rbt-position-right="74"] {
  right: 74%;
}

[data-rbt-position-right="75"] {
  right: 75%;
}

[data-rbt-position-right="76"] {
  right: 76%;
}

[data-rbt-position-right="77"] {
  right: 77%;
}

[data-rbt-position-right="78"] {
  right: 78%;
}

[data-rbt-position-right="79"] {
  right: 79%;
}

[data-rbt-position-right="80"] {
  right: 80%;
}

[data-rbt-position-right="81"] {
  right: 81%;
}

[data-rbt-position-right="82"] {
  right: 82%;
}

[data-rbt-position-right="83"] {
  right: 83%;
}

[data-rbt-position-right="84"] {
  right: 84%;
}

[data-rbt-position-right="85"] {
  right: 85%;
}

[data-rbt-position-right="86"] {
  right: 86%;
}

[data-rbt-position-right="87"] {
  right: 87%;
}

[data-rbt-position-right="88"] {
  right: 88%;
}

[data-rbt-position-right="89"] {
  right: 89%;
}

[data-rbt-position-right="90"] {
  right: 90%;
}

[data-rbt-position-right="91"] {
  right: 91%;
}

[data-rbt-position-right="92"] {
  right: 92%;
}

[data-rbt-position-right="93"] {
  right: 93%;
}

[data-rbt-position-right="94"] {
  right: 94%;
}

[data-rbt-position-right="95"] {
  right: 95%;
}

[data-rbt-position-right="96"] {
  right: 96%;
}

[data-rbt-position-right="97"] {
  right: 97%;
}

[data-rbt-position-right="98"] {
  right: 98%;
}

[data-rbt-position-right="99"] {
  right: 99%;
}

[data-rbt-position-right="100"] {
  right: 100%;
}

[data-rbt-position-right="101"] {
  right: 101%;
}

[data-rbt-position-right="102"] {
  right: 102%;
}

[data-rbt-position-right="103"] {
  right: 103%;
}

[data-rbt-position-right="104"] {
  right: 104%;
}

[data-rbt-position-right="105"] {
  right: 105%;
}

[data-rbt-position-right="106"] {
  right: 106%;
}

[data-rbt-position-right="107"] {
  right: 107%;
}

[data-rbt-position-right="108"] {
  right: 108%;
}

[data-rbt-position-right="109"] {
  right: 109%;
}

[data-rbt-position-right="110"] {
  right: 110%;
}

[data-rbt-position-right="111"] {
  right: 111%;
}

[data-rbt-position-right="112"] {
  right: 112%;
}

[data-rbt-position-right="113"] {
  right: 113%;
}

[data-rbt-position-right="114"] {
  right: 114%;
}

[data-rbt-position-right="115"] {
  right: 115%;
}

[data-rbt-position-right="116"] {
  right: 116%;
}

[data-rbt-position-right="117"] {
  right: 117%;
}

[data-rbt-position-right="118"] {
  right: 118%;
}

[data-rbt-position-right="119"] {
  right: 119%;
}

[data-rbt-position-right="120"] {
  right: 120%;
}

[data-rbt-position-right="121"] {
  right: 121%;
}

[data-rbt-position-right="122"] {
  right: 122%;
}

[data-rbt-position-right="123"] {
  right: 123%;
}

[data-rbt-position-right="124"] {
  right: 124%;
}

[data-rbt-position-right="125"] {
  right: 125%;
}

[data-rbt-position-right="126"] {
  right: 126%;
}

[data-rbt-position-right="127"] {
  right: 127%;
}

[data-rbt-position-right="128"] {
  right: 128%;
}

[data-rbt-position-right="129"] {
  right: 129%;
}

[data-rbt-position-right="130"] {
  right: 130%;
}

[data-rbt-position-right="131"] {
  right: 131%;
}

[data-rbt-position-right="132"] {
  right: 132%;
}

[data-rbt-position-right="133"] {
  right: 133%;
}

[data-rbt-position-right="134"] {
  right: 134%;
}

[data-rbt-position-right="135"] {
  right: 135%;
}

[data-rbt-position-right="136"] {
  right: 136%;
}

[data-rbt-position-right="137"] {
  right: 137%;
}

[data-rbt-position-right="138"] {
  right: 138%;
}

[data-rbt-position-right="139"] {
  right: 139%;
}

[data-rbt-position-right="140"] {
  right: 140%;
}

[data-rbt-position-right="141"] {
  right: 141%;
}

[data-rbt-position-right="142"] {
  right: 142%;
}

[data-rbt-position-right="143"] {
  right: 143%;
}

[data-rbt-position-right="144"] {
  right: 144%;
}

[data-rbt-position-right="145"] {
  right: 145%;
}

[data-rbt-position-right="146"] {
  right: 146%;
}

[data-rbt-position-right="147"] {
  right: 147%;
}

[data-rbt-position-right="148"] {
  right: 148%;
}

[data-rbt-position-right="149"] {
  right: 149%;
}

[data-rbt-position-right="150"] {
  right: 150%;
}

[data-rbt-position-right="151"] {
  right: 151%;
}

[data-rbt-position-right="152"] {
  right: 152%;
}

[data-rbt-position-right="153"] {
  right: 153%;
}

[data-rbt-position-right="154"] {
  right: 154%;
}

[data-rbt-position-right="155"] {
  right: 155%;
}

[data-rbt-position-right="156"] {
  right: 156%;
}

[data-rbt-position-right="157"] {
  right: 157%;
}

[data-rbt-position-right="158"] {
  right: 158%;
}

[data-rbt-position-right="159"] {
  right: 159%;
}

[data-rbt-position-right="160"] {
  right: 160%;
}

[data-rbt-position-right="161"] {
  right: 161%;
}

[data-rbt-position-right="162"] {
  right: 162%;
}

[data-rbt-position-right="163"] {
  right: 163%;
}

[data-rbt-position-right="164"] {
  right: 164%;
}

[data-rbt-position-right="165"] {
  right: 165%;
}

[data-rbt-position-right="166"] {
  right: 166%;
}

[data-rbt-position-right="167"] {
  right: 167%;
}

[data-rbt-position-right="168"] {
  right: 168%;
}

[data-rbt-position-right="169"] {
  right: 169%;
}

[data-rbt-position-right="170"] {
  right: 170%;
}

[data-rbt-position-right="171"] {
  right: 171%;
}

[data-rbt-position-right="172"] {
  right: 172%;
}

[data-rbt-position-right="173"] {
  right: 173%;
}

[data-rbt-position-right="174"] {
  right: 174%;
}

[data-rbt-position-right="175"] {
  right: 175%;
}

[data-rbt-position-right="176"] {
  right: 176%;
}

[data-rbt-position-right="177"] {
  right: 177%;
}

[data-rbt-position-right="178"] {
  right: 178%;
}

[data-rbt-position-right="179"] {
  right: 179%;
}

[data-rbt-position-right="180"] {
  right: 180%;
}

[data-rbt-position-right="181"] {
  right: 181%;
}

[data-rbt-position-right="182"] {
  right: 182%;
}

[data-rbt-position-right="183"] {
  right: 183%;
}

[data-rbt-position-right="184"] {
  right: 184%;
}

[data-rbt-position-right="185"] {
  right: 185%;
}

[data-rbt-position-right="186"] {
  right: 186%;
}

[data-rbt-position-right="187"] {
  right: 187%;
}

[data-rbt-position-right="188"] {
  right: 188%;
}

[data-rbt-position-right="189"] {
  right: 189%;
}

[data-rbt-position-right="190"] {
  right: 190%;
}

[data-rbt-position-right="191"] {
  right: 191%;
}

[data-rbt-position-right="192"] {
  right: 192%;
}

[data-rbt-position-right="193"] {
  right: 193%;
}

[data-rbt-position-right="194"] {
  right: 194%;
}

[data-rbt-position-right="195"] {
  right: 195%;
}

[data-rbt-position-right="196"] {
  right: 196%;
}

[data-rbt-position-right="197"] {
  right: 197%;
}

[data-rbt-position-right="198"] {
  right: 198%;
}

[data-rbt-position-right="199"] {
  right: 199%;
}

[data-rbt-position-right="200"] {
  right: 200%;
}

/*-----------------------------------------
        Scroll Up 
-----------------------------------------*/
#scrollUp {
  width: 70px;
  height: 80px;
  right: 100px;
  bottom: 60px;
  text-align: center;
  z-index: 9811 !important;
  text-decoration: none;
  background: #fff;
  line-height: 80px;
  color: #757589;
  font-size: 15px;
  font-weight: 400;
  transition: var(--transition);
  display: inline-block;
  background: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #scrollUp {
    right: 20px;
    bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #scrollUp {
    right: 20px;
    bottom: 40px;
  }
}
#scrollUp::before {
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: rgba(0, 2, 72, 0.1);
  content: "";
  position: absolute;
  z-index: -1;
  transform-style: preserve-3d;
  transform: rotateY(-10deg);
  filter: blur(50px);
}
#scrollUp::after {
  background: #ffffff;
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform-style: preserve-3d;
  transform: rotateY(-10deg);
}
@media only screen and (max-width: 767px) {
  #scrollUp {
    right: 20px;
    bottom: 30px;
    width: 50px;
    height: 60px;
    line-height: 60px;
  }
}
#scrollUp span.text {
  position: relative;
  display: inline-block;
  margin-top: 7px;
}
@media only screen and (max-width: 767px) {
  #scrollUp span.text {
    margin-top: 3px;
  }
}
#scrollUp span.text::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 7px 5px;
  border-color: transparent transparent var(--color-primary) transparent;
  position: absolute;
  content: "";
  left: 50%;
  top: 21%;
  transform: translateX(-50%);
}
#scrollUp:hover span.text {
  color: var(--color-primary);
}

/*------------------------------------------
        Contact Form 
-------------------------------------------*/
.form-message {
  margin-bottom: 0;
  text-align: center;
}
.form-message.error {
  margin-top: 20px;
  color: #f80707;
}
.form-message.success {
  margin-top: 20px;
  color: #0d8d2d;
}

.rbt-scroll-max-height {
  max-height: 500px !important;
  overflow-y: scroll;
}

.rbt-scroll::-webkit-scrollbar {
  width: 10px;
}

.rbt-scroll::-webkit-scrollbar-thumb {
  background-color: #e8e6e9 !important;
  outline: 0;
  border-radius: 10px;
}

.rbt-scroll::-webkit-scrollbar-track {
  box-shadow: 0 0 1px #cecdcd;
  background: #f6f6f6 !important;
  padding: 1px;
  border-radius: 8px;
}

/*-------------------------------------------
        position styles 
--------------------------------------------*/
[data-rbt-position-vertical="1"] {
  top: 1%;
}

[data-rbt-position-vertical="2"] {
  top: 2%;
}

[data-rbt-position-vertical="3"] {
  top: 3%;
}

[data-rbt-position-vertical="4"] {
  top: 4%;
}

[data-rbt-position-vertical="5"] {
  top: 5%;
}

[data-rbt-position-vertical="6"] {
  top: 6%;
}

[data-rbt-position-vertical="7"] {
  top: 7%;
}

[data-rbt-position-vertical="8"] {
  top: 8%;
}

[data-rbt-position-vertical="9"] {
  top: 9%;
}

[data-rbt-position-vertical="10"] {
  top: 10%;
}

[data-rbt-position-vertical="11"] {
  top: 11%;
}

[data-rbt-position-vertical="12"] {
  top: 12%;
}

[data-rbt-position-vertical="13"] {
  top: 13%;
}

[data-rbt-position-vertical="14"] {
  top: 14%;
}

[data-rbt-position-vertical="15"] {
  top: 15%;
}

[data-rbt-position-vertical="16"] {
  top: 16%;
}

[data-rbt-position-vertical="17"] {
  top: 17%;
}

[data-rbt-position-vertical="18"] {
  top: 18%;
}

[data-rbt-position-vertical="19"] {
  top: 19%;
}

[data-rbt-position-vertical="20"] {
  top: 20%;
}

[data-rbt-position-vertical="21"] {
  top: 21%;
}

[data-rbt-position-vertical="22"] {
  top: 22%;
}

[data-rbt-position-vertical="23"] {
  top: 23%;
}

[data-rbt-position-vertical="24"] {
  top: 24%;
}

[data-rbt-position-vertical="25"] {
  top: 25%;
}

[data-rbt-position-vertical="26"] {
  top: 26%;
}

[data-rbt-position-vertical="27"] {
  top: 27%;
}

[data-rbt-position-vertical="28"] {
  top: 28%;
}

[data-rbt-position-vertical="29"] {
  top: 29%;
}

[data-rbt-position-vertical="30"] {
  top: 30%;
}

[data-rbt-position-vertical="31"] {
  top: 31%;
}

[data-rbt-position-vertical="32"] {
  top: 32%;
}

[data-rbt-position-vertical="33"] {
  top: 33%;
}

[data-rbt-position-vertical="34"] {
  top: 34%;
}

[data-rbt-position-vertical="35"] {
  top: 35%;
}

[data-rbt-position-vertical="36"] {
  top: 36%;
}

[data-rbt-position-vertical="37"] {
  top: 37%;
}

[data-rbt-position-vertical="38"] {
  top: 38%;
}

[data-rbt-position-vertical="39"] {
  top: 39%;
}

[data-rbt-position-vertical="40"] {
  top: 40%;
}

[data-rbt-position-vertical="41"] {
  top: 41%;
}

[data-rbt-position-vertical="42"] {
  top: 42%;
}

[data-rbt-position-vertical="43"] {
  top: 43%;
}

[data-rbt-position-vertical="44"] {
  top: 44%;
}

[data-rbt-position-vertical="45"] {
  top: 45%;
}

[data-rbt-position-vertical="46"] {
  top: 46%;
}

[data-rbt-position-vertical="47"] {
  top: 47%;
}

[data-rbt-position-vertical="48"] {
  top: 48%;
}

[data-rbt-position-vertical="49"] {
  top: 49%;
}

[data-rbt-position-vertical="50"] {
  top: 50%;
}

[data-rbt-position-vertical="51"] {
  top: 51%;
}

[data-rbt-position-vertical="52"] {
  top: 52%;
}

[data-rbt-position-vertical="53"] {
  top: 53%;
}

[data-rbt-position-vertical="54"] {
  top: 54%;
}

[data-rbt-position-vertical="55"] {
  top: 55%;
}

[data-rbt-position-vertical="56"] {
  top: 56%;
}

[data-rbt-position-vertical="57"] {
  top: 57%;
}

[data-rbt-position-vertical="58"] {
  top: 58%;
}

[data-rbt-position-vertical="59"] {
  top: 59%;
}

[data-rbt-position-vertical="60"] {
  top: 60%;
}

[data-rbt-position-vertical="61"] {
  top: 61%;
}

[data-rbt-position-vertical="62"] {
  top: 62%;
}

[data-rbt-position-vertical="63"] {
  top: 63%;
}

[data-rbt-position-vertical="64"] {
  top: 64%;
}

[data-rbt-position-vertical="65"] {
  top: 65%;
}

[data-rbt-position-vertical="66"] {
  top: 66%;
}

[data-rbt-position-vertical="67"] {
  top: 67%;
}

[data-rbt-position-vertical="68"] {
  top: 68%;
}

[data-rbt-position-vertical="69"] {
  top: 69%;
}

[data-rbt-position-vertical="70"] {
  top: 70%;
}

[data-rbt-position-vertical="71"] {
  top: 71%;
}

[data-rbt-position-vertical="72"] {
  top: 72%;
}

[data-rbt-position-vertical="73"] {
  top: 73%;
}

[data-rbt-position-vertical="74"] {
  top: 74%;
}

[data-rbt-position-vertical="75"] {
  top: 75%;
}

[data-rbt-position-vertical="76"] {
  top: 76%;
}

[data-rbt-position-vertical="77"] {
  top: 77%;
}

[data-rbt-position-vertical="78"] {
  top: 78%;
}

[data-rbt-position-vertical="79"] {
  top: 79%;
}

[data-rbt-position-vertical="80"] {
  top: 80%;
}

[data-rbt-position-vertical="81"] {
  top: 81%;
}

[data-rbt-position-vertical="82"] {
  top: 82%;
}

[data-rbt-position-vertical="83"] {
  top: 83%;
}

[data-rbt-position-vertical="84"] {
  top: 84%;
}

[data-rbt-position-vertical="85"] {
  top: 85%;
}

[data-rbt-position-vertical="86"] {
  top: 86%;
}

[data-rbt-position-vertical="87"] {
  top: 87%;
}

[data-rbt-position-vertical="88"] {
  top: 88%;
}

[data-rbt-position-vertical="89"] {
  top: 89%;
}

[data-rbt-position-vertical="90"] {
  top: 90%;
}

[data-rbt-position-vertical="91"] {
  top: 91%;
}

[data-rbt-position-vertical="92"] {
  top: 92%;
}

[data-rbt-position-vertical="93"] {
  top: 93%;
}

[data-rbt-position-vertical="94"] {
  top: 94%;
}

[data-rbt-position-vertical="95"] {
  top: 95%;
}

[data-rbt-position-vertical="96"] {
  top: 96%;
}

[data-rbt-position-vertical="97"] {
  top: 97%;
}

[data-rbt-position-vertical="98"] {
  top: 98%;
}

[data-rbt-position-vertical="99"] {
  top: 99%;
}

[data-rbt-position-vertical="100"] {
  top: 100%;
}

[data-rbt-position-horigental="1"] {
  left: 1%;
}

[data-rbt-position-horigental="2"] {
  left: 2%;
}

[data-rbt-position-horigental="3"] {
  left: 3%;
}

[data-rbt-position-horigental="4"] {
  left: 4%;
}

[data-rbt-position-horigental="5"] {
  left: 5%;
}

[data-rbt-position-horigental="6"] {
  left: 6%;
}

[data-rbt-position-horigental="7"] {
  left: 7%;
}

[data-rbt-position-horigental="8"] {
  left: 8%;
}

[data-rbt-position-horigental="9"] {
  left: 9%;
}

[data-rbt-position-horigental="10"] {
  left: 10%;
}

[data-rbt-position-horigental="11"] {
  left: 11%;
}

[data-rbt-position-horigental="12"] {
  left: 12%;
}

[data-rbt-position-horigental="13"] {
  left: 13%;
}

[data-rbt-position-horigental="14"] {
  left: 14%;
}

[data-rbt-position-horigental="15"] {
  left: 15%;
}

[data-rbt-position-horigental="16"] {
  left: 16%;
}

[data-rbt-position-horigental="17"] {
  left: 17%;
}

[data-rbt-position-horigental="18"] {
  left: 18%;
}

[data-rbt-position-horigental="19"] {
  left: 19%;
}

[data-rbt-position-horigental="20"] {
  left: 20%;
}

[data-rbt-position-horigental="21"] {
  left: 21%;
}

[data-rbt-position-horigental="22"] {
  left: 22%;
}

[data-rbt-position-horigental="23"] {
  left: 23%;
}

[data-rbt-position-horigental="24"] {
  left: 24%;
}

[data-rbt-position-horigental="25"] {
  left: 25%;
}

[data-rbt-position-horigental="26"] {
  left: 26%;
}

[data-rbt-position-horigental="27"] {
  left: 27%;
}

[data-rbt-position-horigental="28"] {
  left: 28%;
}

[data-rbt-position-horigental="29"] {
  left: 29%;
}

[data-rbt-position-horigental="30"] {
  left: 30%;
}

[data-rbt-position-horigental="31"] {
  left: 31%;
}

[data-rbt-position-horigental="32"] {
  left: 32%;
}

[data-rbt-position-horigental="33"] {
  left: 33%;
}

[data-rbt-position-horigental="34"] {
  left: 34%;
}

[data-rbt-position-horigental="35"] {
  left: 35%;
}

[data-rbt-position-horigental="36"] {
  left: 36%;
}

[data-rbt-position-horigental="37"] {
  left: 37%;
}

[data-rbt-position-horigental="38"] {
  left: 38%;
}

[data-rbt-position-horigental="39"] {
  left: 39%;
}

[data-rbt-position-horigental="40"] {
  left: 40%;
}

[data-rbt-position-horigental="41"] {
  left: 41%;
}

[data-rbt-position-horigental="42"] {
  left: 42%;
}

[data-rbt-position-horigental="43"] {
  left: 43%;
}

[data-rbt-position-horigental="44"] {
  left: 44%;
}

[data-rbt-position-horigental="45"] {
  left: 45%;
}

[data-rbt-position-horigental="46"] {
  left: 46%;
}

[data-rbt-position-horigental="47"] {
  left: 47%;
}

[data-rbt-position-horigental="48"] {
  left: 48%;
}

[data-rbt-position-horigental="49"] {
  left: 49%;
}

[data-rbt-position-horigental="50"] {
  left: 50%;
}

[data-rbt-position-horigental="51"] {
  left: 51%;
}

[data-rbt-position-horigental="52"] {
  left: 52%;
}

[data-rbt-position-horigental="53"] {
  left: 53%;
}

[data-rbt-position-horigental="54"] {
  left: 54%;
}

[data-rbt-position-horigental="55"] {
  left: 55%;
}

[data-rbt-position-horigental="56"] {
  left: 56%;
}

[data-rbt-position-horigental="57"] {
  left: 57%;
}

[data-rbt-position-horigental="58"] {
  left: 58%;
}

[data-rbt-position-horigental="59"] {
  left: 59%;
}

[data-rbt-position-horigental="60"] {
  left: 60%;
}

[data-rbt-position-horigental="61"] {
  left: 61%;
}

[data-rbt-position-horigental="62"] {
  left: 62%;
}

[data-rbt-position-horigental="63"] {
  left: 63%;
}

[data-rbt-position-horigental="64"] {
  left: 64%;
}

[data-rbt-position-horigental="65"] {
  left: 65%;
}

[data-rbt-position-horigental="66"] {
  left: 66%;
}

[data-rbt-position-horigental="67"] {
  left: 67%;
}

[data-rbt-position-horigental="68"] {
  left: 68%;
}

[data-rbt-position-horigental="69"] {
  left: 69%;
}

[data-rbt-position-horigental="70"] {
  left: 70%;
}

[data-rbt-position-horigental="71"] {
  left: 71%;
}

[data-rbt-position-horigental="72"] {
  left: 72%;
}

[data-rbt-position-horigental="73"] {
  left: 73%;
}

[data-rbt-position-horigental="74"] {
  left: 74%;
}

[data-rbt-position-horigental="75"] {
  left: 75%;
}

[data-rbt-position-horigental="76"] {
  left: 76%;
}

[data-rbt-position-horigental="77"] {
  left: 77%;
}

[data-rbt-position-horigental="78"] {
  left: 78%;
}

[data-rbt-position-horigental="79"] {
  left: 79%;
}

[data-rbt-position-horigental="80"] {
  left: 80%;
}

[data-rbt-position-horigental="81"] {
  left: 81%;
}

[data-rbt-position-horigental="82"] {
  left: 82%;
}

[data-rbt-position-horigental="83"] {
  left: 83%;
}

[data-rbt-position-horigental="84"] {
  left: 84%;
}

[data-rbt-position-horigental="85"] {
  left: 85%;
}

[data-rbt-position-horigental="86"] {
  left: 86%;
}

[data-rbt-position-horigental="87"] {
  left: 87%;
}

[data-rbt-position-horigental="88"] {
  left: 88%;
}

[data-rbt-position-horigental="89"] {
  left: 89%;
}

[data-rbt-position-horigental="90"] {
  left: 90%;
}

[data-rbt-position-horigental="91"] {
  left: 91%;
}

[data-rbt-position-horigental="92"] {
  left: 92%;
}

[data-rbt-position-horigental="93"] {
  left: 93%;
}

[data-rbt-position-horigental="94"] {
  left: 94%;
}

[data-rbt-position-horigental="95"] {
  left: 95%;
}

[data-rbt-position-horigental="96"] {
  left: 96%;
}

[data-rbt-position-horigental="97"] {
  left: 97%;
}

[data-rbt-position-horigental="98"] {
  left: 98%;
}

[data-rbt-position-horigental="99"] {
  left: 99%;
}

[data-rbt-position-horigental="100"] {
  left: 100%;
}

/*----------------------------------------------
        text & bg-color class generate
------------------------------------------------*/
.rbt-text-primary {
  color: var(--color-primary) !important;
}

.rbt-text-hover-primary {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary:hover {
  color: var(--color-primary) !important;
}

.rbt-bg-primary {
  background-color: var(--color-primary) !important;
}

.rbt-text-primary-100 {
  color: var(--color-primary-100) !important;
}

.rbt-text-hover-primary-100 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-100:hover {
  color: var(--color-primary-100) !important;
}

.rbt-bg-primary-100 {
  background-color: var(--color-primary-100) !important;
}

.rbt-text-primary-200 {
  color: var(--color-primary-200) !important;
}

.rbt-text-hover-primary-200 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-200:hover {
  color: var(--color-primary-200) !important;
}

.rbt-bg-primary-200 {
  background-color: var(--color-primary-200) !important;
}

.rbt-text-primary-300 {
  color: var(--color-primary-300) !important;
}

.rbt-text-hover-primary-300 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-300:hover {
  color: var(--color-primary-300) !important;
}

.rbt-bg-primary-300 {
  background-color: var(--color-primary-300) !important;
}

.rbt-text-primary-400 {
  color: var(--color-primary-400) !important;
}

.rbt-text-hover-primary-400 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-400:hover {
  color: var(--color-primary-400) !important;
}

.rbt-bg-primary-400 {
  background-color: var(--color-primary-400) !important;
}

.rbt-text-primary-500 {
  color: var(--color-primary-500) !important;
}

.rbt-text-hover-primary-500 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-500:hover {
  color: var(--color-primary-500) !important;
}

.rbt-bg-primary-500 {
  background-color: var(--color-primary-500) !important;
}

.rbt-text-primary-600 {
  color: var(--color-primary-600) !important;
}

.rbt-text-hover-primary-600 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-600:hover {
  color: var(--color-primary-600) !important;
}

.rbt-bg-primary-600 {
  background-color: var(--color-primary-600) !important;
}

.rbt-text-primary-700 {
  color: var(--color-primary-700) !important;
}

.rbt-text-hover-primary-700 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-700:hover {
  color: var(--color-primary-700) !important;
}

.rbt-bg-primary-700 {
  background-color: var(--color-primary-700) !important;
}

.rbt-text-primary-800 {
  color: var(--color-primary-800) !important;
}

.rbt-text-hover-primary-800 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-800:hover {
  color: var(--color-primary-800) !important;
}

.rbt-bg-primary-800 {
  background-color: var(--color-primary-800) !important;
}

.rbt-text-primary-900 {
  color: var(--color-primary-900) !important;
}

.rbt-text-hover-primary-900 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-900:hover {
  color: var(--color-primary-900) !important;
}

.rbt-bg-primary-900 {
  background-color: var(--color-primary-900) !important;
}

.rbt-text-primary-alt {
  color: var(--color-primary-alt) !important;
}

.rbt-text-hover-primary-alt {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-alt:hover {
  color: var(--color-primary-alt) !important;
}

.rbt-bg-primary-alt {
  background-color: var(--color-primary-alt) !important;
}

.rbt-text-primary-alt-100 {
  color: var(--color-primary-alt-100) !important;
}

.rbt-text-hover-primary-alt-100 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-alt-100:hover {
  color: var(--color-primary-alt-100) !important;
}

.rbt-bg-primary-alt-100 {
  background-color: var(--color-primary-alt-100) !important;
}

.rbt-text-primary-alt-200 {
  color: var(--color-primary-alt-200) !important;
}

.rbt-text-hover-primary-alt-200 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-alt-200:hover {
  color: var(--color-primary-alt-200) !important;
}

.rbt-bg-primary-alt-200 {
  background-color: var(--color-primary-alt-200) !important;
}

.rbt-text-primary-alt-300 {
  color: var(--color-primary-alt-300) !important;
}

.rbt-text-hover-primary-alt-300 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-alt-300:hover {
  color: var(--color-primary-alt-300) !important;
}

.rbt-bg-primary-alt-300 {
  background-color: var(--color-primary-alt-300) !important;
}

.rbt-text-primary-alt-400 {
  color: var(--color-primary-alt-400) !important;
}

.rbt-text-hover-primary-alt-400 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-alt-400:hover {
  color: var(--color-primary-alt-400) !important;
}

.rbt-bg-primary-alt-400 {
  background-color: var(--color-primary-alt-400) !important;
}

.rbt-text-primary-alt-500 {
  color: var(--color-primary-alt-500) !important;
}

.rbt-text-hover-primary-alt-500 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-alt-500:hover {
  color: var(--color-primary-alt-500) !important;
}

.rbt-bg-primary-alt-500 {
  background-color: var(--color-primary-alt-500) !important;
}

.rbt-text-primary-alt-600 {
  color: var(--color-primary-alt-600) !important;
}

.rbt-text-hover-primary-alt-600 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-alt-600:hover {
  color: var(--color-primary-alt-600) !important;
}

.rbt-bg-primary-alt-600 {
  background-color: var(--color-primary-alt-600) !important;
}

.rbt-text-primary-alt-700 {
  color: var(--color-primary-alt-700) !important;
}

.rbt-text-hover-primary-alt-700 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-alt-700:hover {
  color: var(--color-primary-alt-700) !important;
}

.rbt-bg-primary-alt-700 {
  background-color: var(--color-primary-alt-700) !important;
}

.rbt-text-primary-alt-800 {
  color: var(--color-primary-alt-800) !important;
}

.rbt-text-hover-primary-alt-800 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-alt-800:hover {
  color: var(--color-primary-alt-800) !important;
}

.rbt-bg-primary-alt-800 {
  background-color: var(--color-primary-alt-800) !important;
}

.rbt-text-primary-alt-900 {
  color: var(--color-primary-alt-900) !important;
}

.rbt-text-hover-primary-alt-900 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-primary-alt-900:hover {
  color: var(--color-primary-alt-900) !important;
}

.rbt-bg-primary-alt-900 {
  background-color: var(--color-primary-alt-900) !important;
}

.rbt-text-secondary {
  color: var(--color-secondary) !important;
}

.rbt-text-hover-secondary {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary:hover {
  color: var(--color-secondary) !important;
}

.rbt-bg-secondary {
  background-color: var(--color-secondary) !important;
}

.rbt-text-secondary-100 {
  color: var(--color-secondary-100) !important;
}

.rbt-text-hover-secondary-100 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-100:hover {
  color: var(--color-secondary-100) !important;
}

.rbt-bg-secondary-100 {
  background-color: var(--color-secondary-100) !important;
}

.rbt-text-secondary-200 {
  color: var(--color-secondary-200) !important;
}

.rbt-text-hover-secondary-200 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-200:hover {
  color: var(--color-secondary-200) !important;
}

.rbt-bg-secondary-200 {
  background-color: var(--color-secondary-200) !important;
}

.rbt-text-secondary-300 {
  color: var(--color-secondary-300) !important;
}

.rbt-text-hover-secondary-300 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-300:hover {
  color: var(--color-secondary-300) !important;
}

.rbt-bg-secondary-300 {
  background-color: var(--color-secondary-300) !important;
}

.rbt-text-secondary-400 {
  color: var(--color-secondary-400) !important;
}

.rbt-text-hover-secondary-400 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-400:hover {
  color: var(--color-secondary-400) !important;
}

.rbt-bg-secondary-400 {
  background-color: var(--color-secondary-400) !important;
}

.rbt-text-secondary-500 {
  color: var(--color-secondary-500) !important;
}

.rbt-text-hover-secondary-500 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-500:hover {
  color: var(--color-secondary-500) !important;
}

.rbt-bg-secondary-500 {
  background-color: var(--color-secondary-500) !important;
}

.rbt-text-secondary-600 {
  color: var(--color-secondary-600) !important;
}

.rbt-text-hover-secondary-600 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-600:hover {
  color: var(--color-secondary-600) !important;
}

.rbt-bg-secondary-600 {
  background-color: var(--color-secondary-600) !important;
}

.rbt-text-secondary-700 {
  color: var(--color-secondary-700) !important;
}

.rbt-text-hover-secondary-700 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-700:hover {
  color: var(--color-secondary-700) !important;
}

.rbt-bg-secondary-700 {
  background-color: var(--color-secondary-700) !important;
}

.rbt-text-secondary-800 {
  color: var(--color-secondary-800) !important;
}

.rbt-text-hover-secondary-800 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-800:hover {
  color: var(--color-secondary-800) !important;
}

.rbt-bg-secondary-800 {
  background-color: var(--color-secondary-800) !important;
}

.rbt-text-secondary-900 {
  color: var(--color-secondary-900) !important;
}

.rbt-text-hover-secondary-900 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-900:hover {
  color: var(--color-secondary-900) !important;
}

.rbt-bg-secondary-900 {
  background-color: var(--color-secondary-900) !important;
}

.rbt-text-secondary-alt {
  color: var(--color-secondary-alt) !important;
}

.rbt-text-hover-secondary-alt {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-alt:hover {
  color: var(--color-secondary-alt) !important;
}

.rbt-bg-secondary-alt {
  background-color: var(--color-secondary-alt) !important;
}

.rbt-text-secondary-alt-100 {
  color: var(--color-secondary-alt-100) !important;
}

.rbt-text-hover-secondary-alt-100 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-alt-100:hover {
  color: var(--color-secondary-alt-100) !important;
}

.rbt-bg-secondary-alt-100 {
  background-color: var(--color-secondary-alt-100) !important;
}

.rbt-text-secondary-alt-200 {
  color: var(--color-secondary-alt-200) !important;
}

.rbt-text-hover-secondary-alt-200 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-alt-200:hover {
  color: var(--color-secondary-alt-200) !important;
}

.rbt-bg-secondary-alt-200 {
  background-color: var(--color-secondary-alt-200) !important;
}

.rbt-text-secondary-alt-300 {
  color: var(--color-secondary-alt-300) !important;
}

.rbt-text-hover-secondary-alt-300 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-alt-300:hover {
  color: var(--color-secondary-alt-300) !important;
}

.rbt-bg-secondary-alt-300 {
  background-color: var(--color-secondary-alt-300) !important;
}

.rbt-text-secondary-alt-400 {
  color: var(--color-secondary-alt-400) !important;
}

.rbt-text-hover-secondary-alt-400 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-alt-400:hover {
  color: var(--color-secondary-alt-400) !important;
}

.rbt-bg-secondary-alt-400 {
  background-color: var(--color-secondary-alt-400) !important;
}

.rbt-text-secondary-alt-500 {
  color: var(--color-secondary-alt-500) !important;
}

.rbt-text-hover-secondary-alt-500 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-alt-500:hover {
  color: var(--color-secondary-alt-500) !important;
}

.rbt-bg-secondary-alt-500 {
  background-color: var(--color-secondary-alt-500) !important;
}

.rbt-text-secondary-alt-600 {
  color: var(--color-secondary-alt-600) !important;
}

.rbt-text-hover-secondary-alt-600 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-alt-600:hover {
  color: var(--color-secondary-alt-600) !important;
}

.rbt-bg-secondary-alt-600 {
  background-color: var(--color-secondary-alt-600) !important;
}

.rbt-text-secondary-alt-700 {
  color: var(--color-secondary-alt-700) !important;
}

.rbt-text-hover-secondary-alt-700 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-alt-700:hover {
  color: var(--color-secondary-alt-700) !important;
}

.rbt-bg-secondary-alt-700 {
  background-color: var(--color-secondary-alt-700) !important;
}

.rbt-text-secondary-alt-800 {
  color: var(--color-secondary-alt-800) !important;
}

.rbt-text-hover-secondary-alt-800 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-alt-800:hover {
  color: var(--color-secondary-alt-800) !important;
}

.rbt-bg-secondary-alt-800 {
  background-color: var(--color-secondary-alt-800) !important;
}

.rbt-text-secondary-alt-900 {
  color: var(--color-secondary-alt-900) !important;
}

.rbt-text-hover-secondary-alt-900 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-alt-900:hover {
  color: var(--color-secondary-alt-900) !important;
}

.rbt-bg-secondary-alt-900 {
  background-color: var(--color-secondary-alt-900) !important;
}

.rbt-text-white-opacity-100 {
  color: var(--color-white-opacity-100) !important;
}

.rbt-text-hover-white-opacity-100 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-white-opacity-100:hover {
  color: var(--color-white-opacity-100) !important;
}

.rbt-bg-white-opacity-100 {
  background-color: var(--color-white-opacity-100) !important;
}

.rbt-text-white-opacity-200 {
  color: var(--color-white-opacity-200) !important;
}

.rbt-text-hover-white-opacity-200 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-white-opacity-200:hover {
  color: var(--color-white-opacity-200) !important;
}

.rbt-bg-white-opacity-200 {
  background-color: var(--color-white-opacity-200) !important;
}

.rbt-text-white-opacity-300 {
  color: var(--color-white-opacity-300) !important;
}

.rbt-text-hover-white-opacity-300 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-white-opacity-300:hover {
  color: var(--color-white-opacity-300) !important;
}

.rbt-bg-white-opacity-300 {
  background-color: var(--color-white-opacity-300) !important;
}

.rbt-text-white-opacity-400 {
  color: var(--color-white-opacity-400) !important;
}

.rbt-text-hover-white-opacity-400 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-white-opacity-400:hover {
  color: var(--color-white-opacity-400) !important;
}

.rbt-bg-white-opacity-400 {
  background-color: var(--color-white-opacity-400) !important;
}

.rbt-text-white-opacity-500 {
  color: var(--color-white-opacity-500) !important;
}

.rbt-text-hover-white-opacity-500 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-white-opacity-500:hover {
  color: var(--color-white-opacity-500) !important;
}

.rbt-bg-white-opacity-500 {
  background-color: var(--color-white-opacity-500) !important;
}

.rbt-text-white-opacity-600 {
  color: var(--color-white-opacity-600) !important;
}

.rbt-text-hover-white-opacity-600 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-white-opacity-600:hover {
  color: var(--color-white-opacity-600) !important;
}

.rbt-bg-white-opacity-600 {
  background-color: var(--color-white-opacity-600) !important;
}

.rbt-text-white-opacity-700 {
  color: var(--color-white-opacity-700) !important;
}

.rbt-text-hover-white-opacity-700 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-white-opacity-700:hover {
  color: var(--color-white-opacity-700) !important;
}

.rbt-bg-white-opacity-700 {
  background-color: var(--color-white-opacity-700) !important;
}

.rbt-text-white-opacity-800 {
  color: var(--color-white-opacity-800) !important;
}

.rbt-text-hover-white-opacity-800 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-white-opacity-800:hover {
  color: var(--color-white-opacity-800) !important;
}

.rbt-bg-white-opacity-800 {
  background-color: var(--color-white-opacity-800) !important;
}

.rbt-text-white-opacity-900 {
  color: var(--color-white-opacity-900) !important;
}

.rbt-text-hover-white-opacity-900 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-white-opacity-900:hover {
  color: var(--color-white-opacity-900) !important;
}

.rbt-bg-white-opacity-900 {
  background-color: var(--color-white-opacity-900) !important;
}

.rbt-text-secondary-shade {
  color: var(--color-secondary-shade) !important;
}

.rbt-text-hover-secondary-shade {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-secondary-shade:hover {
  color: var(--color-secondary-shade) !important;
}

.rbt-bg-secondary-shade {
  background-color: var(--color-secondary-shade) !important;
}

.rbt-text-purple {
  color: var(--color-purple) !important;
}

.rbt-text-hover-purple {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-purple:hover {
  color: var(--color-purple) !important;
}

.rbt-bg-purple {
  background-color: var(--color-purple) !important;
}

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

.rbt-text-hover-green {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-green:hover {
  color: var(--color-green) !important;
}

.rbt-bg-green {
  background-color: var(--color-green) !important;
}

.rbt-text-orange {
  color: var(--color-orange) !important;
}

.rbt-text-hover-orange {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-orange:hover {
  color: var(--color-orange) !important;
}

.rbt-bg-orange {
  background-color: var(--color-orange) !important;
}

.rbt-text-red {
  color: var(--color-red) !important;
}

.rbt-text-hover-red {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-red:hover {
  color: var(--color-red) !important;
}

.rbt-bg-red {
  background-color: var(--color-red) !important;
}

.rbt-text-rating {
  color: var(--color-rating) !important;
}

.rbt-text-hover-rating {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-rating:hover {
  color: var(--color-rating) !important;
}

.rbt-bg-rating {
  background-color: var(--color-rating) !important;
}

.rbt-text-light {
  color: var(--color-light) !important;
}

.rbt-text-hover-light {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-light:hover {
  color: var(--color-light) !important;
}

.rbt-bg-light {
  background-color: var(--color-light) !important;
}

.rbt-text-white {
  color: var(--color-white) !important;
}

.rbt-text-hover-white {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-white:hover {
  color: var(--color-white) !important;
}

.rbt-bg-white {
  background-color: var(--color-white) !important;
}

.rbt-text-black {
  color: var(--color-black) !important;
}

.rbt-text-hover-black {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-black:hover {
  color: var(--color-black) !important;
}

.rbt-bg-black {
  background-color: var(--color-black) !important;
}

.rbt-text-black-2 {
  color: var(--color-black-2) !important;
}

.rbt-text-hover-black-2 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-black-2:hover {
  color: var(--color-black-2) !important;
}

.rbt-bg-black-2 {
  background-color: var(--color-black-2) !important;
}

.rbt-text-dark {
  color: var(--color-dark) !important;
}

.rbt-text-hover-dark {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-dark:hover {
  color: var(--color-dark) !important;
}

.rbt-bg-dark {
  background-color: var(--color-dark) !important;
}

.rbt-text-heading {
  color: var(--color-heading) !important;
}

.rbt-text-hover-heading {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-heading:hover {
  color: var(--color-heading) !important;
}

.rbt-bg-heading {
  background-color: var(--color-heading) !important;
}

.rbt-text-body {
  color: var(--color-body) !important;
}

.rbt-text-hover-body {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-body:hover {
  color: var(--color-body) !important;
}

.rbt-bg-body {
  background-color: var(--color-body) !important;
}

.rbt-text-body-2 {
  color: var(--color-body-2) !important;
}

.rbt-text-hover-body-2 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-body-2:hover {
  color: var(--color-body-2) !important;
}

.rbt-bg-body-2 {
  background-color: var(--color-body-2) !important;
}

.rbt-text-gray {
  color: var(--color-gray) !important;
}

.rbt-text-hover-gray {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-gray:hover {
  color: var(--color-gray) !important;
}

.rbt-bg-gray {
  background-color: var(--color-gray) !important;
}

.rbt-text-gray-light {
  color: var(--color-gray-light) !important;
}

.rbt-text-hover-gray-light {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-gray-light:hover {
  color: var(--color-gray-light) !important;
}

.rbt-bg-gray-light {
  background-color: var(--color-gray-light) !important;
}

.rbt-text-gray-2 {
  color: var(--color-gray-2) !important;
}

.rbt-text-hover-gray-2 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-gray-2:hover {
  color: var(--color-gray-2) !important;
}

.rbt-bg-gray-2 {
  background-color: var(--color-gray-2) !important;
}

.rbt-text-gray-3 {
  color: var(--color-gray-3) !important;
}

.rbt-text-hover-gray-3 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-gray-3:hover {
  color: var(--color-gray-3) !important;
}

.rbt-bg-gray-3 {
  background-color: var(--color-gray-3) !important;
}

.rbt-text-gray-4 {
  color: var(--color-gray-4) !important;
}

.rbt-text-hover-gray-4 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-gray-4:hover {
  color: var(--color-gray-4) !important;
}

.rbt-bg-gray-4 {
  background-color: var(--color-gray-4) !important;
}

.rbt-text-gray-5 {
  color: var(--color-gray-5) !important;
}

.rbt-text-hover-gray-5 {
  transition: color 0.3s ease-in-out;
}
.rbt-text-hover-gray-5:hover {
  color: var(--color-gray-5) !important;
}

.rbt-bg-gray-5 {
  background-color: var(--color-gray-5) !important;
}

/*----------------------------------------------
        border color class generate
------------------------------------------------*/
.rbt-border-color {
  border-color: var(--color-border) !important;
}

.rbt-border-color-1 {
  border-color: var(--color-border-1) !important;
}

.rbt-border-color-2 {
  border-color: var(--color-border-2) !important;
}

.rbt-border-color-3 {
  border-color: var(--color-border-3) !important;
}

.rbt-border-color-4 {
  border-color: var(--color-border-4) !important;
}

.rbt-border-color-5 {
  border-color: var(--color-border-5) !important;
}

.rbt-border-color-6 {
  border-color: var(--color-border-6) !important;
}

.rbt-border-color-gray-light {
  border-color: var(--color-gray-light) !important;
}

/*---------------------------------------------
        font weight class generate
----------------------------------------------*/
.rbt-fw-light {
  font-weight: var(--f-light) !important;
}

.rbt-fw-regular {
  font-weight: var(--f-regular) !important;
}

.rbt-fw-medium {
  font-weight: var(--f-medium) !important;
}

.rbt-fw-semibold {
  font-weight: var(--f-semibold) !important;
}

.rbt-fw-bold {
  font-weight: var(--f-bold) !important;
}

.rbt-fw-extrabold {
  font-weight: var(--f-extrabold) !important;
}

.rbt-fw-black {
  font-weight: var(--f-black) !important;
}

/*------------------------------------------
        gap class generate
--------------------------------------------*/
.rbt-gap-0 {
  gap: 0px !important;
}

.rbt-col-gap-0 {
  column-gap: 0px !important;
}

.rbt-row-gap-0 {
  row-gap: 0px !important;
}

.rbt-gap-5 {
  gap: 5px !important;
}

.rbt-col-gap-5 {
  column-gap: 5px !important;
}

.rbt-row-gap-5 {
  row-gap: 5px !important;
}

.rbt-gap-10 {
  gap: 10px !important;
}

.rbt-col-gap-10 {
  column-gap: 10px !important;
}

.rbt-row-gap-10 {
  row-gap: 10px !important;
}

.rbt-gap-15 {
  gap: 15px !important;
}

.rbt-col-gap-15 {
  column-gap: 15px !important;
}

.rbt-row-gap-15 {
  row-gap: 15px !important;
}

.rbt-gap-20 {
  gap: 20px !important;
}

.rbt-col-gap-20 {
  column-gap: 20px !important;
}

.rbt-row-gap-20 {
  row-gap: 20px !important;
}

.rbt-gap-25 {
  gap: 25px !important;
}

.rbt-col-gap-25 {
  column-gap: 25px !important;
}

.rbt-row-gap-25 {
  row-gap: 25px !important;
}

.rbt-gap-30 {
  gap: 30px !important;
}

.rbt-col-gap-30 {
  column-gap: 30px !important;
}

.rbt-row-gap-30 {
  row-gap: 30px !important;
}

.rbt-gap-35 {
  gap: 35px !important;
}

.rbt-col-gap-35 {
  column-gap: 35px !important;
}

.rbt-row-gap-35 {
  row-gap: 35px !important;
}

.rbt-gap-40 {
  gap: 40px !important;
}

.rbt-col-gap-40 {
  column-gap: 40px !important;
}

.rbt-row-gap-40 {
  row-gap: 40px !important;
}

.rbt-gap-45 {
  gap: 45px !important;
}

.rbt-col-gap-45 {
  column-gap: 45px !important;
}

.rbt-row-gap-45 {
  row-gap: 45px !important;
}

.rbt-gap-50 {
  gap: 50px !important;
}

.rbt-col-gap-50 {
  column-gap: 50px !important;
}

.rbt-row-gap-50 {
  row-gap: 50px !important;
}

.rbt-gap-55 {
  gap: 55px !important;
}

.rbt-col-gap-55 {
  column-gap: 55px !important;
}

.rbt-row-gap-55 {
  row-gap: 55px !important;
}

.rbt-gap-60 {
  gap: 60px !important;
}

.rbt-col-gap-60 {
  column-gap: 60px !important;
}

.rbt-row-gap-60 {
  row-gap: 60px !important;
}

.rbt-gap-65 {
  gap: 65px !important;
}

.rbt-col-gap-65 {
  column-gap: 65px !important;
}

.rbt-row-gap-65 {
  row-gap: 65px !important;
}

.rbt-gap-70 {
  gap: 70px !important;
}

.rbt-col-gap-70 {
  column-gap: 70px !important;
}

.rbt-row-gap-70 {
  row-gap: 70px !important;
}

.rbt-gap-75 {
  gap: 75px !important;
}

.rbt-col-gap-75 {
  column-gap: 75px !important;
}

.rbt-row-gap-75 {
  row-gap: 75px !important;
}

.rbt-gap-80 {
  gap: 80px !important;
}

.rbt-col-gap-80 {
  column-gap: 80px !important;
}

.rbt-row-gap-80 {
  row-gap: 80px !important;
}

.rbt-gap-85 {
  gap: 85px !important;
}

.rbt-col-gap-85 {
  column-gap: 85px !important;
}

.rbt-row-gap-85 {
  row-gap: 85px !important;
}

.rbt-gap-90 {
  gap: 90px !important;
}

.rbt-col-gap-90 {
  column-gap: 90px !important;
}

.rbt-row-gap-90 {
  row-gap: 90px !important;
}

.rbt-gap-95 {
  gap: 95px !important;
}

.rbt-col-gap-95 {
  column-gap: 95px !important;
}

.rbt-row-gap-95 {
  row-gap: 95px !important;
}

.rbt-gap-100 {
  gap: 100px !important;
}

.rbt-col-gap-100 {
  column-gap: 100px !important;
}

.rbt-row-gap-100 {
  row-gap: 100px !important;
}

.rbt-gap-105 {
  gap: 105px !important;
}

.rbt-col-gap-105 {
  column-gap: 105px !important;
}

.rbt-row-gap-105 {
  row-gap: 105px !important;
}

.rbt-gap-110 {
  gap: 110px !important;
}

.rbt-col-gap-110 {
  column-gap: 110px !important;
}

.rbt-row-gap-110 {
  row-gap: 110px !important;
}

.rbt-gap-115 {
  gap: 115px !important;
}

.rbt-col-gap-115 {
  column-gap: 115px !important;
}

.rbt-row-gap-115 {
  row-gap: 115px !important;
}

.rbt-gap-120 {
  gap: 120px !important;
}

.rbt-col-gap-120 {
  column-gap: 120px !important;
}

.rbt-row-gap-120 {
  row-gap: 120px !important;
}

.rbt-gap-125 {
  gap: 125px !important;
}

.rbt-col-gap-125 {
  column-gap: 125px !important;
}

.rbt-row-gap-125 {
  row-gap: 125px !important;
}

.rbt-gap-130 {
  gap: 130px !important;
}

.rbt-col-gap-130 {
  column-gap: 130px !important;
}

.rbt-row-gap-130 {
  row-gap: 130px !important;
}

.rbt-gap-135 {
  gap: 135px !important;
}

.rbt-col-gap-135 {
  column-gap: 135px !important;
}

.rbt-row-gap-135 {
  row-gap: 135px !important;
}

.rbt-gap-140 {
  gap: 140px !important;
}

.rbt-col-gap-140 {
  column-gap: 140px !important;
}

.rbt-row-gap-140 {
  row-gap: 140px !important;
}

.rbt-gap-145 {
  gap: 145px !important;
}

.rbt-col-gap-145 {
  column-gap: 145px !important;
}

.rbt-row-gap-145 {
  row-gap: 145px !important;
}

.rbt-gap-150 {
  gap: 150px !important;
}

.rbt-col-gap-150 {
  column-gap: 150px !important;
}

.rbt-row-gap-150 {
  row-gap: 150px !important;
}

.rbt-gap-155 {
  gap: 155px !important;
}

.rbt-col-gap-155 {
  column-gap: 155px !important;
}

.rbt-row-gap-155 {
  row-gap: 155px !important;
}

.rbt-gap-160 {
  gap: 160px !important;
}

.rbt-col-gap-160 {
  column-gap: 160px !important;
}

.rbt-row-gap-160 {
  row-gap: 160px !important;
}

.rbt-gap-165 {
  gap: 165px !important;
}

.rbt-col-gap-165 {
  column-gap: 165px !important;
}

.rbt-row-gap-165 {
  row-gap: 165px !important;
}

.rbt-gap-170 {
  gap: 170px !important;
}

.rbt-col-gap-170 {
  column-gap: 170px !important;
}

.rbt-row-gap-170 {
  row-gap: 170px !important;
}

.rbt-gap-175 {
  gap: 175px !important;
}

.rbt-col-gap-175 {
  column-gap: 175px !important;
}

.rbt-row-gap-175 {
  row-gap: 175px !important;
}

.rbt-gap-180 {
  gap: 180px !important;
}

.rbt-col-gap-180 {
  column-gap: 180px !important;
}

.rbt-row-gap-180 {
  row-gap: 180px !important;
}

.rbt-gap-185 {
  gap: 185px !important;
}

.rbt-col-gap-185 {
  column-gap: 185px !important;
}

.rbt-row-gap-185 {
  row-gap: 185px !important;
}

.rbt-gap-190 {
  gap: 190px !important;
}

.rbt-col-gap-190 {
  column-gap: 190px !important;
}

.rbt-row-gap-190 {
  row-gap: 190px !important;
}

.rbt-gap-195 {
  gap: 195px !important;
}

.rbt-col-gap-195 {
  column-gap: 195px !important;
}

.rbt-row-gap-195 {
  row-gap: 195px !important;
}

.rbt-gap-200 {
  gap: 200px !important;
}

.rbt-col-gap-200 {
  column-gap: 200px !important;
}

.rbt-row-gap-200 {
  row-gap: 200px !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-gap_lg-0 {
    gap: 0px !important;
  }
  .rbt-col-gap_lg-0 {
    column-gap: 0px !important;
  }
  .rbt-row-gap_lg-0 {
    row-gap: 0px !important;
  }
  .rbt-gap_lg-5 {
    gap: 5px !important;
  }
  .rbt-col-gap_lg-5 {
    column-gap: 5px !important;
  }
  .rbt-row-gap_lg-5 {
    row-gap: 5px !important;
  }
  .rbt-gap_lg-10 {
    gap: 10px !important;
  }
  .rbt-col-gap_lg-10 {
    column-gap: 10px !important;
  }
  .rbt-row-gap_lg-10 {
    row-gap: 10px !important;
  }
  .rbt-gap_lg-15 {
    gap: 15px !important;
  }
  .rbt-col-gap_lg-15 {
    column-gap: 15px !important;
  }
  .rbt-row-gap_lg-15 {
    row-gap: 15px !important;
  }
  .rbt-gap_lg-20 {
    gap: 20px !important;
  }
  .rbt-col-gap_lg-20 {
    column-gap: 20px !important;
  }
  .rbt-row-gap_lg-20 {
    row-gap: 20px !important;
  }
  .rbt-gap_lg-25 {
    gap: 25px !important;
  }
  .rbt-col-gap_lg-25 {
    column-gap: 25px !important;
  }
  .rbt-row-gap_lg-25 {
    row-gap: 25px !important;
  }
  .rbt-gap_lg-30 {
    gap: 30px !important;
  }
  .rbt-col-gap_lg-30 {
    column-gap: 30px !important;
  }
  .rbt-row-gap_lg-30 {
    row-gap: 30px !important;
  }
  .rbt-gap_lg-35 {
    gap: 35px !important;
  }
  .rbt-col-gap_lg-35 {
    column-gap: 35px !important;
  }
  .rbt-row-gap_lg-35 {
    row-gap: 35px !important;
  }
  .rbt-gap_lg-40 {
    gap: 40px !important;
  }
  .rbt-col-gap_lg-40 {
    column-gap: 40px !important;
  }
  .rbt-row-gap_lg-40 {
    row-gap: 40px !important;
  }
  .rbt-gap_lg-45 {
    gap: 45px !important;
  }
  .rbt-col-gap_lg-45 {
    column-gap: 45px !important;
  }
  .rbt-row-gap_lg-45 {
    row-gap: 45px !important;
  }
  .rbt-gap_lg-50 {
    gap: 50px !important;
  }
  .rbt-col-gap_lg-50 {
    column-gap: 50px !important;
  }
  .rbt-row-gap_lg-50 {
    row-gap: 50px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-gap_md-0 {
    gap: 0px !important;
  }
  .rbt-col-gap_md-0 {
    column-gap: 0px !important;
  }
  .rbt-row-gap_md-0 {
    row-gap: 0px !important;
  }
  .rbt-gap_md-5 {
    gap: 5px !important;
  }
  .rbt-col-gap_md-5 {
    column-gap: 5px !important;
  }
  .rbt-row-gap_md-5 {
    row-gap: 5px !important;
  }
  .rbt-gap_md-10 {
    gap: 10px !important;
  }
  .rbt-col-gap_md-10 {
    column-gap: 10px !important;
  }
  .rbt-row-gap_md-10 {
    row-gap: 10px !important;
  }
  .rbt-gap_md-15 {
    gap: 15px !important;
  }
  .rbt-col-gap_md-15 {
    column-gap: 15px !important;
  }
  .rbt-row-gap_md-15 {
    row-gap: 15px !important;
  }
  .rbt-gap_md-20 {
    gap: 20px !important;
  }
  .rbt-col-gap_md-20 {
    column-gap: 20px !important;
  }
  .rbt-row-gap_md-20 {
    row-gap: 20px !important;
  }
  .rbt-gap_md-25 {
    gap: 25px !important;
  }
  .rbt-col-gap_md-25 {
    column-gap: 25px !important;
  }
  .rbt-row-gap_md-25 {
    row-gap: 25px !important;
  }
  .rbt-gap_md-30 {
    gap: 30px !important;
  }
  .rbt-col-gap_md-30 {
    column-gap: 30px !important;
  }
  .rbt-row-gap_md-30 {
    row-gap: 30px !important;
  }
  .rbt-gap_md-35 {
    gap: 35px !important;
  }
  .rbt-col-gap_md-35 {
    column-gap: 35px !important;
  }
  .rbt-row-gap_md-35 {
    row-gap: 35px !important;
  }
  .rbt-gap_md-40 {
    gap: 40px !important;
  }
  .rbt-col-gap_md-40 {
    column-gap: 40px !important;
  }
  .rbt-row-gap_md-40 {
    row-gap: 40px !important;
  }
  .rbt-gap_md-45 {
    gap: 45px !important;
  }
  .rbt-col-gap_md-45 {
    column-gap: 45px !important;
  }
  .rbt-row-gap_md-45 {
    row-gap: 45px !important;
  }
  .rbt-gap_md-50 {
    gap: 50px !important;
  }
  .rbt-col-gap_md-50 {
    column-gap: 50px !important;
  }
  .rbt-row-gap_md-50 {
    row-gap: 50px !important;
  }
  .rbt-gap_md-55 {
    gap: 55px !important;
  }
  .rbt-col-gap_md-55 {
    column-gap: 55px !important;
  }
  .rbt-row-gap_md-55 {
    row-gap: 55px !important;
  }
  .rbt-gap_md-60 {
    gap: 60px !important;
  }
  .rbt-col-gap_md-60 {
    column-gap: 60px !important;
  }
  .rbt-row-gap_md-60 {
    row-gap: 60px !important;
  }
  .rbt-gap_md-65 {
    gap: 65px !important;
  }
  .rbt-col-gap_md-65 {
    column-gap: 65px !important;
  }
  .rbt-row-gap_md-65 {
    row-gap: 65px !important;
  }
  .rbt-gap_md-70 {
    gap: 70px !important;
  }
  .rbt-col-gap_md-70 {
    column-gap: 70px !important;
  }
  .rbt-row-gap_md-70 {
    row-gap: 70px !important;
  }
  .rbt-gap_md-75 {
    gap: 75px !important;
  }
  .rbt-col-gap_md-75 {
    column-gap: 75px !important;
  }
  .rbt-row-gap_md-75 {
    row-gap: 75px !important;
  }
  .rbt-gap_md-80 {
    gap: 80px !important;
  }
  .rbt-col-gap_md-80 {
    column-gap: 80px !important;
  }
  .rbt-row-gap_md-80 {
    row-gap: 80px !important;
  }
  .rbt-gap_md-85 {
    gap: 85px !important;
  }
  .rbt-col-gap_md-85 {
    column-gap: 85px !important;
  }
  .rbt-row-gap_md-85 {
    row-gap: 85px !important;
  }
  .rbt-gap_md-90 {
    gap: 90px !important;
  }
  .rbt-col-gap_md-90 {
    column-gap: 90px !important;
  }
  .rbt-row-gap_md-90 {
    row-gap: 90px !important;
  }
  .rbt-gap_md-95 {
    gap: 95px !important;
  }
  .rbt-col-gap_md-95 {
    column-gap: 95px !important;
  }
  .rbt-row-gap_md-95 {
    row-gap: 95px !important;
  }
  .rbt-gap_md-100 {
    gap: 100px !important;
  }
  .rbt-col-gap_md-100 {
    column-gap: 100px !important;
  }
  .rbt-row-gap_md-100 {
    row-gap: 100px !important;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-gap_sm-0 {
    gap: 0px !important;
  }
  .rbt-col-gap_sm-0 {
    column-gap: 0px !important;
  }
  .rbt-row-gap_sm-0 {
    row-gap: 0px !important;
  }
  .rbt-gap_sm-5 {
    gap: 5px !important;
  }
  .rbt-col-gap_sm-5 {
    column-gap: 5px !important;
  }
  .rbt-row-gap_sm-5 {
    row-gap: 5px !important;
  }
  .rbt-gap_sm-10 {
    gap: 10px !important;
  }
  .rbt-col-gap_sm-10 {
    column-gap: 10px !important;
  }
  .rbt-row-gap_sm-10 {
    row-gap: 10px !important;
  }
  .rbt-gap_sm-15 {
    gap: 15px !important;
  }
  .rbt-col-gap_sm-15 {
    column-gap: 15px !important;
  }
  .rbt-row-gap_sm-15 {
    row-gap: 15px !important;
  }
  .rbt-gap_sm-20 {
    gap: 20px !important;
  }
  .rbt-col-gap_sm-20 {
    column-gap: 20px !important;
  }
  .rbt-row-gap_sm-20 {
    row-gap: 20px !important;
  }
  .rbt-gap_sm-25 {
    gap: 25px !important;
  }
  .rbt-col-gap_sm-25 {
    column-gap: 25px !important;
  }
  .rbt-row-gap_sm-25 {
    row-gap: 25px !important;
  }
  .rbt-gap_sm-30 {
    gap: 30px !important;
  }
  .rbt-col-gap_sm-30 {
    column-gap: 30px !important;
  }
  .rbt-row-gap_sm-30 {
    row-gap: 30px !important;
  }
  .rbt-gap_sm-35 {
    gap: 35px !important;
  }
  .rbt-col-gap_sm-35 {
    column-gap: 35px !important;
  }
  .rbt-row-gap_sm-35 {
    row-gap: 35px !important;
  }
  .rbt-gap_sm-40 {
    gap: 40px !important;
  }
  .rbt-col-gap_sm-40 {
    column-gap: 40px !important;
  }
  .rbt-row-gap_sm-40 {
    row-gap: 40px !important;
  }
  .rbt-gap_sm-45 {
    gap: 45px !important;
  }
  .rbt-col-gap_sm-45 {
    column-gap: 45px !important;
  }
  .rbt-row-gap_sm-45 {
    row-gap: 45px !important;
  }
  .rbt-gap_sm-50 {
    gap: 50px !important;
  }
  .rbt-col-gap_sm-50 {
    column-gap: 50px !important;
  }
  .rbt-row-gap_sm-50 {
    row-gap: 50px !important;
  }
  .rbt-gap_sm-55 {
    gap: 55px !important;
  }
  .rbt-col-gap_sm-55 {
    column-gap: 55px !important;
  }
  .rbt-row-gap_sm-55 {
    row-gap: 55px !important;
  }
  .rbt-gap_sm-60 {
    gap: 60px !important;
  }
  .rbt-col-gap_sm-60 {
    column-gap: 60px !important;
  }
  .rbt-row-gap_sm-60 {
    row-gap: 60px !important;
  }
  .rbt-gap_sm-65 {
    gap: 65px !important;
  }
  .rbt-col-gap_sm-65 {
    column-gap: 65px !important;
  }
  .rbt-row-gap_sm-65 {
    row-gap: 65px !important;
  }
  .rbt-gap_sm-70 {
    gap: 70px !important;
  }
  .rbt-col-gap_sm-70 {
    column-gap: 70px !important;
  }
  .rbt-row-gap_sm-70 {
    row-gap: 70px !important;
  }
  .rbt-gap_sm-75 {
    gap: 75px !important;
  }
  .rbt-col-gap_sm-75 {
    column-gap: 75px !important;
  }
  .rbt-row-gap_sm-75 {
    row-gap: 75px !important;
  }
  .rbt-gap_sm-80 {
    gap: 80px !important;
  }
  .rbt-col-gap_sm-80 {
    column-gap: 80px !important;
  }
  .rbt-row-gap_sm-80 {
    row-gap: 80px !important;
  }
  .rbt-gap_sm-85 {
    gap: 85px !important;
  }
  .rbt-col-gap_sm-85 {
    column-gap: 85px !important;
  }
  .rbt-row-gap_sm-85 {
    row-gap: 85px !important;
  }
  .rbt-gap_sm-90 {
    gap: 90px !important;
  }
  .rbt-col-gap_sm-90 {
    column-gap: 90px !important;
  }
  .rbt-row-gap_sm-90 {
    row-gap: 90px !important;
  }
  .rbt-gap_sm-95 {
    gap: 95px !important;
  }
  .rbt-col-gap_sm-95 {
    column-gap: 95px !important;
  }
  .rbt-row-gap_sm-95 {
    row-gap: 95px !important;
  }
  .rbt-gap_sm-100 {
    gap: 100px !important;
  }
  .rbt-col-gap_sm-100 {
    column-gap: 100px !important;
  }
  .rbt-row-gap_sm-100 {
    row-gap: 100px !important;
  }
}
/*-----------------------------------------
        margin decrease class generate
------------------------------------------*/
.mt_dec--0 {
  margin-top: 0px !important;
}

.mt_dec--5 {
  margin-top: -5px !important;
}

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

.mt_dec--15 {
  margin-top: -15px !important;
}

.mt_dec--20 {
  margin-top: -20px !important;
}

.mt_dec--25 {
  margin-top: -25px !important;
}

.mt_dec--30 {
  margin-top: -30px !important;
}

.mt_dec--35 {
  margin-top: -35px !important;
}

.mt_dec--40 {
  margin-top: -40px !important;
}

.mt_dec--45 {
  margin-top: -45px !important;
}

.mt_dec--50 {
  margin-top: -50px !important;
}

.mt_dec--55 {
  margin-top: -55px !important;
}

.mt_dec--60 {
  margin-top: -60px !important;
}

.mt_dec--65 {
  margin-top: -65px !important;
}

.mt_dec--70 {
  margin-top: -70px !important;
}

.mt_dec--75 {
  margin-top: -75px !important;
}

.mt_dec--80 {
  margin-top: -80px !important;
}

.mt_dec--85 {
  margin-top: -85px !important;
}

.mt_dec--90 {
  margin-top: -90px !important;
}

.mt_dec--95 {
  margin-top: -95px !important;
}

.mt_dec--100 {
  margin-top: -100px !important;
}

.mt_dec--105 {
  margin-top: -105px !important;
}

.mt_dec--110 {
  margin-top: -110px !important;
}

.mt_dec--115 {
  margin-top: -115px !important;
}

.mt_dec--120 {
  margin-top: -120px !important;
}

.mt_dec--125 {
  margin-top: -125px !important;
}

.mt_dec--130 {
  margin-top: -130px !important;
}

.mt_dec--135 {
  margin-top: -135px !important;
}

.mt_dec--140 {
  margin-top: -140px !important;
}

.mt_dec--145 {
  margin-top: -145px !important;
}

.mt_dec--150 {
  margin-top: -150px !important;
}

.mt_dec--155 {
  margin-top: -155px !important;
}

.mt_dec--160 {
  margin-top: -160px !important;
}

.mt_dec--165 {
  margin-top: -165px !important;
}

.mt_dec--170 {
  margin-top: -170px !important;
}

.mt_dec--175 {
  margin-top: -175px !important;
}

.mt_dec--180 {
  margin-top: -180px !important;
}

.mt_dec--185 {
  margin-top: -185px !important;
}

.mt_dec--190 {
  margin-top: -190px !important;
}

.mt_dec--195 {
  margin-top: -195px !important;
}

.mt_dec--200 {
  margin-top: -200px !important;
}

.mt_dec--205 {
  margin-top: -205px !important;
}

.mt_dec--210 {
  margin-top: -210px !important;
}

.mt_dec--215 {
  margin-top: -215px !important;
}

.mt_dec--220 {
  margin-top: -220px !important;
}

.mt_dec--225 {
  margin-top: -225px !important;
}

/*------------------------------------------
        top class generate
--------------------------------------------*/
.rbt-top-0 {
  top: 0px !important;
}

.rbt-top-5 {
  top: 5px !important;
}

.rbt-top-10 {
  top: 10px !important;
}

.rbt-top-15 {
  top: 15px !important;
}

.rbt-top-20 {
  top: 20px !important;
}

.rbt-top-25 {
  top: 25px !important;
}

.rbt-top-30 {
  top: 30px !important;
}

.rbt-top-35 {
  top: 35px !important;
}

.rbt-top-40 {
  top: 40px !important;
}

.rbt-top-45 {
  top: 45px !important;
}

.rbt-top-50 {
  top: 50px !important;
}

.rbt-top-55 {
  top: 55px !important;
}

.rbt-top-60 {
  top: 60px !important;
}

.rbt-top-65 {
  top: 65px !important;
}

.rbt-top-70 {
  top: 70px !important;
}

.rbt-top-75 {
  top: 75px !important;
}

.rbt-top-80 {
  top: 80px !important;
}

.rbt-top-85 {
  top: 85px !important;
}

.rbt-top-90 {
  top: 90px !important;
}

.rbt-top-95 {
  top: 95px !important;
}

.rbt-top-100 {
  top: 100px !important;
}

.rbt-top-105 {
  top: 105px !important;
}

.rbt-top-110 {
  top: 110px !important;
}

.rbt-top-115 {
  top: 115px !important;
}

.rbt-top-120 {
  top: 120px !important;
}

.rbt-top-125 {
  top: 125px !important;
}

.rbt-top-130 {
  top: 130px !important;
}

.rbt-top-135 {
  top: 135px !important;
}

.rbt-top-140 {
  top: 140px !important;
}

.rbt-top-145 {
  top: 145px !important;
}

.rbt-top-150 {
  top: 150px !important;
}

.rbt-top-155 {
  top: 155px !important;
}

.rbt-top-160 {
  top: 160px !important;
}

.rbt-top-165 {
  top: 165px !important;
}

.rbt-top-170 {
  top: 170px !important;
}

.rbt-top-175 {
  top: 175px !important;
}

.rbt-top-180 {
  top: 180px !important;
}

.rbt-top-185 {
  top: 185px !important;
}

.rbt-top-190 {
  top: 190px !important;
}

.rbt-top-195 {
  top: 195px !important;
}

.rbt-top-200 {
  top: 200px !important;
}

.rbt-top-205 {
  top: 205px !important;
}

.rbt-top-210 {
  top: 210px !important;
}

.rbt-top-215 {
  top: 215px !important;
}

.rbt-top-220 {
  top: 220px !important;
}

.rbt-top-225 {
  top: 225px !important;
}

.rbt-top-230 {
  top: 230px !important;
}

.rbt-top-235 {
  top: 235px !important;
}

.rbt-top-240 {
  top: 240px !important;
}

.rbt-top-245 {
  top: 245px !important;
}

.rbt-top-250 {
  top: 250px !important;
}

.rbt-top-255 {
  top: 255px !important;
}

.rbt-top-260 {
  top: 260px !important;
}

.rbt-top-265 {
  top: 265px !important;
}

.rbt-top-270 {
  top: 270px !important;
}

.rbt-top-275 {
  top: 275px !important;
}

.rbt-top-280 {
  top: 280px !important;
}

.rbt-top-285 {
  top: 285px !important;
}

.rbt-top-290 {
  top: 290px !important;
}

.rbt-top-295 {
  top: 295px !important;
}

.rbt-top-300 {
  top: 300px !important;
}

/*=========================
    Section Separation 
==========================*/
radius-smposition-to-top {
  position: relative;
  margin-top: -300px;
}

.rbt-section-gap {
  padding: 120px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-section-gap {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gap {
    padding: 40px 0;
  }
}

.rbt-section-gapHalf {
  padding: 60px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gapHalf {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gapHalf {
    padding: 30px 0;
  }
}

.rbt-section-gap2 {
  padding: 100px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-section-gap2 {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap2 {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gap2 {
    padding: 40px 0;
  }
}

.rbt-section-gap3 {
  padding: 80px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap3 {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gap3 {
    padding: 30px 0;
  }
}

.rbt-section-gapBottom {
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-section-gapBottom {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gapBottom {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gapBottom {
    padding-bottom: 40px;
  }
}

.rbt-section-gap2xBottom {
  padding-bottom: 170px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-section-gap2xBottom {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap2xBottom {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gap2xBottom {
    padding-bottom: 40px;
  }
}

.rbt-section-gap2Bottom {
  padding-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-section-gap2Bottom {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap2Bottom {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gap2Bottom {
    padding-bottom: 40px;
  }
}

.rbt-section-gap3Bottom {
  padding-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap3Bottom {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gap3Bottom {
    padding-bottom: 30px;
  }
}

.rbt-section-gapBottom-half {
  padding-bottom: 50px;
}

.rbt-section-gap2Bottom-half {
  padding-bottom: 50px;
}

.rbt-section-gapTop {
  padding-top: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-section-gapTop {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gapTop {
    padding-top: 50px;
  }
}

.rbt-section-gap2xTop {
  padding-top: 170px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-section-gap2xTop {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap2xTop {
    padding-top: 50px;
  }
}

.rbt-section-gap2Top {
  padding-top: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-section-gap2Top {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap2Top {
    padding-top: 50px;
  }
}

.rbt-section-gap3Top {
  padding-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap3Top {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gap3Top {
    padding-top: 30px;
  }
}

.rbt-section-gapTop-half {
  padding-top: 60px;
}

.ptb--0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.plr--0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.pt--0 {
  padding-top: 0px !important;
}

.pb--0 {
  padding-bottom: 0px !important;
}

.pl--0 {
  padding-left: 0px !important;
}

.pr--0 {
  padding-right: 0px !important;
}

.mt--0 {
  margin-top: 0px !important;
}

.mb--0 {
  margin-bottom: 0px !important;
}

.mr--0 {
  margin-right: 0px !important;
}

.ml--0 {
  margin-left: 0px !important;
}

.ptb--5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.plr--5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.pt--5 {
  padding-top: 5px !important;
}

.pb--5 {
  padding-bottom: 5px !important;
}

.pl--5 {
  padding-left: 5px !important;
}

.pr--5 {
  padding-right: 5px !important;
}

.mt--5 {
  margin-top: 5px !important;
}

.mb--5 {
  margin-bottom: 5px !important;
}

.mr--5 {
  margin-right: 5px !important;
}

.ml--5 {
  margin-left: 5px !important;
}

.ptb--10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.plr--10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.pt--10 {
  padding-top: 10px !important;
}

.pb--10 {
  padding-bottom: 10px !important;
}

.pl--10 {
  padding-left: 10px !important;
}

.pr--10 {
  padding-right: 10px !important;
}

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

.mb--10 {
  margin-bottom: 10px !important;
}

.mr--10 {
  margin-right: 10px !important;
}

.ml--10 {
  margin-left: 10px !important;
}

.ptb--15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.plr--15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.pt--15 {
  padding-top: 15px !important;
}

.pb--15 {
  padding-bottom: 15px !important;
}

.pl--15 {
  padding-left: 15px !important;
}

.pr--15 {
  padding-right: 15px !important;
}

.mt--15 {
  margin-top: 15px !important;
}

.mb--15 {
  margin-bottom: 15px !important;
}

.mr--15 {
  margin-right: 15px !important;
}

.ml--15 {
  margin-left: 15px !important;
}

.ptb--20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.plr--20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.pt--20 {
  padding-top: 20px !important;
}

.pb--20 {
  padding-bottom: 20px !important;
}

.pl--20 {
  padding-left: 20px !important;
}

.pr--20 {
  padding-right: 20px !important;
}

.mt--20 {
  margin-top: 20px !important;
}

.mb--20 {
  margin-bottom: 20px !important;
}

.mr--20 {
  margin-right: 20px !important;
}

.ml--20 {
  margin-left: 20px !important;
}

.ptb--25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.plr--25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.pt--25 {
  padding-top: 25px !important;
}

.pb--25 {
  padding-bottom: 25px !important;
}

.pl--25 {
  padding-left: 25px !important;
}

.pr--25 {
  padding-right: 25px !important;
}

.mt--25 {
  margin-top: 25px !important;
}

.mb--25 {
  margin-bottom: 25px !important;
}

.mr--25 {
  margin-right: 25px !important;
}

.ml--25 {
  margin-left: 25px !important;
}

.ptb--30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.plr--30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.pt--30 {
  padding-top: 30px !important;
}

.pb--30 {
  padding-bottom: 30px !important;
}

.pl--30 {
  padding-left: 30px !important;
}

.pr--30 {
  padding-right: 30px !important;
}

.mt--30 {
  margin-top: 30px !important;
}

.mb--30 {
  margin-bottom: 30px !important;
}

.mr--30 {
  margin-right: 30px !important;
}

.ml--30 {
  margin-left: 30px !important;
}

.ptb--35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.plr--35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.pt--35 {
  padding-top: 35px !important;
}

.pb--35 {
  padding-bottom: 35px !important;
}

.pl--35 {
  padding-left: 35px !important;
}

.pr--35 {
  padding-right: 35px !important;
}

.mt--35 {
  margin-top: 35px !important;
}

.mb--35 {
  margin-bottom: 35px !important;
}

.mr--35 {
  margin-right: 35px !important;
}

.ml--35 {
  margin-left: 35px !important;
}

.ptb--40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.plr--40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.pt--40 {
  padding-top: 40px !important;
}

.pb--40 {
  padding-bottom: 40px !important;
}

.pl--40 {
  padding-left: 40px !important;
}

.pr--40 {
  padding-right: 40px !important;
}

.mt--40 {
  margin-top: 40px !important;
}

.mb--40 {
  margin-bottom: 40px !important;
}

.mr--40 {
  margin-right: 40px !important;
}

.ml--40 {
  margin-left: 40px !important;
}

.ptb--45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.plr--45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.pt--45 {
  padding-top: 45px !important;
}

.pb--45 {
  padding-bottom: 45px !important;
}

.pl--45 {
  padding-left: 45px !important;
}

.pr--45 {
  padding-right: 45px !important;
}

.mt--45 {
  margin-top: 45px !important;
}

.mb--45 {
  margin-bottom: 45px !important;
}

.mr--45 {
  margin-right: 45px !important;
}

.ml--45 {
  margin-left: 45px !important;
}

.ptb--50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.plr--50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.pt--50 {
  padding-top: 50px !important;
}

.pb--50 {
  padding-bottom: 50px !important;
}

.pl--50 {
  padding-left: 50px !important;
}

.pr--50 {
  padding-right: 50px !important;
}

.mt--50 {
  margin-top: 50px !important;
}

.mb--50 {
  margin-bottom: 50px !important;
}

.mr--50 {
  margin-right: 50px !important;
}

.ml--50 {
  margin-left: 50px !important;
}

.ptb--55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.plr--55 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

.pt--55 {
  padding-top: 55px !important;
}

.pb--55 {
  padding-bottom: 55px !important;
}

.pl--55 {
  padding-left: 55px !important;
}

.pr--55 {
  padding-right: 55px !important;
}

.mt--55 {
  margin-top: 55px !important;
}

.mb--55 {
  margin-bottom: 55px !important;
}

.mr--55 {
  margin-right: 55px !important;
}

.ml--55 {
  margin-left: 55px !important;
}

.ptb--60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.plr--60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.pt--60 {
  padding-top: 60px !important;
}

.pb--60 {
  padding-bottom: 60px !important;
}

.pl--60 {
  padding-left: 60px !important;
}

.pr--60 {
  padding-right: 60px !important;
}

.mt--60 {
  margin-top: 60px !important;
}

.mb--60 {
  margin-bottom: 60px !important;
}

.mr--60 {
  margin-right: 60px !important;
}

.ml--60 {
  margin-left: 60px !important;
}

.ptb--65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

.plr--65 {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

.pt--65 {
  padding-top: 65px !important;
}

.pb--65 {
  padding-bottom: 65px !important;
}

.pl--65 {
  padding-left: 65px !important;
}

.pr--65 {
  padding-right: 65px !important;
}

.mt--65 {
  margin-top: 65px !important;
}

.mb--65 {
  margin-bottom: 65px !important;
}

.mr--65 {
  margin-right: 65px !important;
}

.ml--65 {
  margin-left: 65px !important;
}

.ptb--70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.plr--70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.pt--70 {
  padding-top: 70px !important;
}

.pb--70 {
  padding-bottom: 70px !important;
}

.pl--70 {
  padding-left: 70px !important;
}

.pr--70 {
  padding-right: 70px !important;
}

.mt--70 {
  margin-top: 70px !important;
}

.mb--70 {
  margin-bottom: 70px !important;
}

.mr--70 {
  margin-right: 70px !important;
}

.ml--70 {
  margin-left: 70px !important;
}

.ptb--75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

.plr--75 {
  padding-left: 75px !important;
  padding-right: 75px !important;
}

.pt--75 {
  padding-top: 75px !important;
}

.pb--75 {
  padding-bottom: 75px !important;
}

.pl--75 {
  padding-left: 75px !important;
}

.pr--75 {
  padding-right: 75px !important;
}

.mt--75 {
  margin-top: 75px !important;
}

.mb--75 {
  margin-bottom: 75px !important;
}

.mr--75 {
  margin-right: 75px !important;
}

.ml--75 {
  margin-left: 75px !important;
}

.ptb--80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.plr--80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.pt--80 {
  padding-top: 80px !important;
}

.pb--80 {
  padding-bottom: 80px !important;
}

.pl--80 {
  padding-left: 80px !important;
}

.pr--80 {
  padding-right: 80px !important;
}

.mt--80 {
  margin-top: 80px !important;
}

.mb--80 {
  margin-bottom: 80px !important;
}

.mr--80 {
  margin-right: 80px !important;
}

.ml--80 {
  margin-left: 80px !important;
}

.ptb--85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}

.plr--85 {
  padding-left: 85px !important;
  padding-right: 85px !important;
}

.pt--85 {
  padding-top: 85px !important;
}

.pb--85 {
  padding-bottom: 85px !important;
}

.pl--85 {
  padding-left: 85px !important;
}

.pr--85 {
  padding-right: 85px !important;
}

.mt--85 {
  margin-top: 85px !important;
}

.mb--85 {
  margin-bottom: 85px !important;
}

.mr--85 {
  margin-right: 85px !important;
}

.ml--85 {
  margin-left: 85px !important;
}

.ptb--90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.plr--90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.pt--90 {
  padding-top: 90px !important;
}

.pb--90 {
  padding-bottom: 90px !important;
}

.pl--90 {
  padding-left: 90px !important;
}

.pr--90 {
  padding-right: 90px !important;
}

.mt--90 {
  margin-top: 90px !important;
}

.mb--90 {
  margin-bottom: 90px !important;
}

.mr--90 {
  margin-right: 90px !important;
}

.ml--90 {
  margin-left: 90px !important;
}

.ptb--95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}

.plr--95 {
  padding-left: 95px !important;
  padding-right: 95px !important;
}

.pt--95 {
  padding-top: 95px !important;
}

.pb--95 {
  padding-bottom: 95px !important;
}

.pl--95 {
  padding-left: 95px !important;
}

.pr--95 {
  padding-right: 95px !important;
}

.mt--95 {
  margin-top: 95px !important;
}

.mb--95 {
  margin-bottom: 95px !important;
}

.mr--95 {
  margin-right: 95px !important;
}

.ml--95 {
  margin-left: 95px !important;
}

.ptb--100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.plr--100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.pt--100 {
  padding-top: 100px !important;
}

.pb--100 {
  padding-bottom: 100px !important;
}

.pl--100 {
  padding-left: 100px !important;
}

.pr--100 {
  padding-right: 100px !important;
}

.mt--100 {
  margin-top: 100px !important;
}

.mb--100 {
  margin-bottom: 100px !important;
}

.mr--100 {
  margin-right: 100px !important;
}

.ml--100 {
  margin-left: 100px !important;
}

.ptb--105 {
  padding-top: 105px !important;
  padding-bottom: 105px !important;
}

.plr--105 {
  padding-left: 105px !important;
  padding-right: 105px !important;
}

.pt--105 {
  padding-top: 105px !important;
}

.pb--105 {
  padding-bottom: 105px !important;
}

.pl--105 {
  padding-left: 105px !important;
}

.pr--105 {
  padding-right: 105px !important;
}

.mt--105 {
  margin-top: 105px !important;
}

.mb--105 {
  margin-bottom: 105px !important;
}

.mr--105 {
  margin-right: 105px !important;
}

.ml--105 {
  margin-left: 105px !important;
}

.ptb--110 {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
}

.plr--110 {
  padding-left: 110px !important;
  padding-right: 110px !important;
}

.pt--110 {
  padding-top: 110px !important;
}

.pb--110 {
  padding-bottom: 110px !important;
}

.pl--110 {
  padding-left: 110px !important;
}

.pr--110 {
  padding-right: 110px !important;
}

.mt--110 {
  margin-top: 110px !important;
}

.mb--110 {
  margin-bottom: 110px !important;
}

.mr--110 {
  margin-right: 110px !important;
}

.ml--110 {
  margin-left: 110px !important;
}

.ptb--115 {
  padding-top: 115px !important;
  padding-bottom: 115px !important;
}

.plr--115 {
  padding-left: 115px !important;
  padding-right: 115px !important;
}

.pt--115 {
  padding-top: 115px !important;
}

.pb--115 {
  padding-bottom: 115px !important;
}

.pl--115 {
  padding-left: 115px !important;
}

.pr--115 {
  padding-right: 115px !important;
}

.mt--115 {
  margin-top: 115px !important;
}

.mb--115 {
  margin-bottom: 115px !important;
}

.mr--115 {
  margin-right: 115px !important;
}

.ml--115 {
  margin-left: 115px !important;
}

.ptb--120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.plr--120 {
  padding-left: 120px !important;
  padding-right: 120px !important;
}

.pt--120 {
  padding-top: 120px !important;
}

.pb--120 {
  padding-bottom: 120px !important;
}

.pl--120 {
  padding-left: 120px !important;
}

.pr--120 {
  padding-right: 120px !important;
}

.mt--120 {
  margin-top: 120px !important;
}

.mb--120 {
  margin-bottom: 120px !important;
}

.mr--120 {
  margin-right: 120px !important;
}

.ml--120 {
  margin-left: 120px !important;
}

.ptb--125 {
  padding-top: 125px !important;
  padding-bottom: 125px !important;
}

.plr--125 {
  padding-left: 125px !important;
  padding-right: 125px !important;
}

.pt--125 {
  padding-top: 125px !important;
}

.pb--125 {
  padding-bottom: 125px !important;
}

.pl--125 {
  padding-left: 125px !important;
}

.pr--125 {
  padding-right: 125px !important;
}

.mt--125 {
  margin-top: 125px !important;
}

.mb--125 {
  margin-bottom: 125px !important;
}

.mr--125 {
  margin-right: 125px !important;
}

.ml--125 {
  margin-left: 125px !important;
}

.ptb--130 {
  padding-top: 130px !important;
  padding-bottom: 130px !important;
}

.plr--130 {
  padding-left: 130px !important;
  padding-right: 130px !important;
}

.pt--130 {
  padding-top: 130px !important;
}

.pb--130 {
  padding-bottom: 130px !important;
}

.pl--130 {
  padding-left: 130px !important;
}

.pr--130 {
  padding-right: 130px !important;
}

.mt--130 {
  margin-top: 130px !important;
}

.mb--130 {
  margin-bottom: 130px !important;
}

.mr--130 {
  margin-right: 130px !important;
}

.ml--130 {
  margin-left: 130px !important;
}

.ptb--135 {
  padding-top: 135px !important;
  padding-bottom: 135px !important;
}

.plr--135 {
  padding-left: 135px !important;
  padding-right: 135px !important;
}

.pt--135 {
  padding-top: 135px !important;
}

.pb--135 {
  padding-bottom: 135px !important;
}

.pl--135 {
  padding-left: 135px !important;
}

.pr--135 {
  padding-right: 135px !important;
}

.mt--135 {
  margin-top: 135px !important;
}

.mb--135 {
  margin-bottom: 135px !important;
}

.mr--135 {
  margin-right: 135px !important;
}

.ml--135 {
  margin-left: 135px !important;
}

.ptb--140 {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}

.plr--140 {
  padding-left: 140px !important;
  padding-right: 140px !important;
}

.pt--140 {
  padding-top: 140px !important;
}

.pb--140 {
  padding-bottom: 140px !important;
}

.pl--140 {
  padding-left: 140px !important;
}

.pr--140 {
  padding-right: 140px !important;
}

.mt--140 {
  margin-top: 140px !important;
}

.mb--140 {
  margin-bottom: 140px !important;
}

.mr--140 {
  margin-right: 140px !important;
}

.ml--140 {
  margin-left: 140px !important;
}

.ptb--145 {
  padding-top: 145px !important;
  padding-bottom: 145px !important;
}

.plr--145 {
  padding-left: 145px !important;
  padding-right: 145px !important;
}

.pt--145 {
  padding-top: 145px !important;
}

.pb--145 {
  padding-bottom: 145px !important;
}

.pl--145 {
  padding-left: 145px !important;
}

.pr--145 {
  padding-right: 145px !important;
}

.mt--145 {
  margin-top: 145px !important;
}

.mb--145 {
  margin-bottom: 145px !important;
}

.mr--145 {
  margin-right: 145px !important;
}

.ml--145 {
  margin-left: 145px !important;
}

.ptb--150 {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}

.plr--150 {
  padding-left: 150px !important;
  padding-right: 150px !important;
}

.pt--150 {
  padding-top: 150px !important;
}

.pb--150 {
  padding-bottom: 150px !important;
}

.pl--150 {
  padding-left: 150px !important;
}

.pr--150 {
  padding-right: 150px !important;
}

.mt--150 {
  margin-top: 150px !important;
}

.mb--150 {
  margin-bottom: 150px !important;
}

.mr--150 {
  margin-right: 150px !important;
}

.ml--150 {
  margin-left: 150px !important;
}

.ptb--155 {
  padding-top: 155px !important;
  padding-bottom: 155px !important;
}

.plr--155 {
  padding-left: 155px !important;
  padding-right: 155px !important;
}

.pt--155 {
  padding-top: 155px !important;
}

.pb--155 {
  padding-bottom: 155px !important;
}

.pl--155 {
  padding-left: 155px !important;
}

.pr--155 {
  padding-right: 155px !important;
}

.mt--155 {
  margin-top: 155px !important;
}

.mb--155 {
  margin-bottom: 155px !important;
}

.mr--155 {
  margin-right: 155px !important;
}

.ml--155 {
  margin-left: 155px !important;
}

.ptb--160 {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}

.plr--160 {
  padding-left: 160px !important;
  padding-right: 160px !important;
}

.pt--160 {
  padding-top: 160px !important;
}

.pb--160 {
  padding-bottom: 160px !important;
}

.pl--160 {
  padding-left: 160px !important;
}

.pr--160 {
  padding-right: 160px !important;
}

.mt--160 {
  margin-top: 160px !important;
}

.mb--160 {
  margin-bottom: 160px !important;
}

.mr--160 {
  margin-right: 160px !important;
}

.ml--160 {
  margin-left: 160px !important;
}

.ptb--165 {
  padding-top: 165px !important;
  padding-bottom: 165px !important;
}

.plr--165 {
  padding-left: 165px !important;
  padding-right: 165px !important;
}

.pt--165 {
  padding-top: 165px !important;
}

.pb--165 {
  padding-bottom: 165px !important;
}

.pl--165 {
  padding-left: 165px !important;
}

.pr--165 {
  padding-right: 165px !important;
}

.mt--165 {
  margin-top: 165px !important;
}

.mb--165 {
  margin-bottom: 165px !important;
}

.mr--165 {
  margin-right: 165px !important;
}

.ml--165 {
  margin-left: 165px !important;
}

.ptb--170 {
  padding-top: 170px !important;
  padding-bottom: 170px !important;
}

.plr--170 {
  padding-left: 170px !important;
  padding-right: 170px !important;
}

.pt--170 {
  padding-top: 170px !important;
}

.pb--170 {
  padding-bottom: 170px !important;
}

.pl--170 {
  padding-left: 170px !important;
}

.pr--170 {
  padding-right: 170px !important;
}

.mt--170 {
  margin-top: 170px !important;
}

.mb--170 {
  margin-bottom: 170px !important;
}

.mr--170 {
  margin-right: 170px !important;
}

.ml--170 {
  margin-left: 170px !important;
}

.ptb--175 {
  padding-top: 175px !important;
  padding-bottom: 175px !important;
}

.plr--175 {
  padding-left: 175px !important;
  padding-right: 175px !important;
}

.pt--175 {
  padding-top: 175px !important;
}

.pb--175 {
  padding-bottom: 175px !important;
}

.pl--175 {
  padding-left: 175px !important;
}

.pr--175 {
  padding-right: 175px !important;
}

.mt--175 {
  margin-top: 175px !important;
}

.mb--175 {
  margin-bottom: 175px !important;
}

.mr--175 {
  margin-right: 175px !important;
}

.ml--175 {
  margin-left: 175px !important;
}

.ptb--180 {
  padding-top: 180px !important;
  padding-bottom: 180px !important;
}

.plr--180 {
  padding-left: 180px !important;
  padding-right: 180px !important;
}

.pt--180 {
  padding-top: 180px !important;
}

.pb--180 {
  padding-bottom: 180px !important;
}

.pl--180 {
  padding-left: 180px !important;
}

.pr--180 {
  padding-right: 180px !important;
}

.mt--180 {
  margin-top: 180px !important;
}

.mb--180 {
  margin-bottom: 180px !important;
}

.mr--180 {
  margin-right: 180px !important;
}

.ml--180 {
  margin-left: 180px !important;
}

.ptb--185 {
  padding-top: 185px !important;
  padding-bottom: 185px !important;
}

.plr--185 {
  padding-left: 185px !important;
  padding-right: 185px !important;
}

.pt--185 {
  padding-top: 185px !important;
}

.pb--185 {
  padding-bottom: 185px !important;
}

.pl--185 {
  padding-left: 185px !important;
}

.pr--185 {
  padding-right: 185px !important;
}

.mt--185 {
  margin-top: 185px !important;
}

.mb--185 {
  margin-bottom: 185px !important;
}

.mr--185 {
  margin-right: 185px !important;
}

.ml--185 {
  margin-left: 185px !important;
}

.ptb--190 {
  padding-top: 190px !important;
  padding-bottom: 190px !important;
}

.plr--190 {
  padding-left: 190px !important;
  padding-right: 190px !important;
}

.pt--190 {
  padding-top: 190px !important;
}

.pb--190 {
  padding-bottom: 190px !important;
}

.pl--190 {
  padding-left: 190px !important;
}

.pr--190 {
  padding-right: 190px !important;
}

.mt--190 {
  margin-top: 190px !important;
}

.mb--190 {
  margin-bottom: 190px !important;
}

.mr--190 {
  margin-right: 190px !important;
}

.ml--190 {
  margin-left: 190px !important;
}

.ptb--195 {
  padding-top: 195px !important;
  padding-bottom: 195px !important;
}

.plr--195 {
  padding-left: 195px !important;
  padding-right: 195px !important;
}

.pt--195 {
  padding-top: 195px !important;
}

.pb--195 {
  padding-bottom: 195px !important;
}

.pl--195 {
  padding-left: 195px !important;
}

.pr--195 {
  padding-right: 195px !important;
}

.mt--195 {
  margin-top: 195px !important;
}

.mb--195 {
  margin-bottom: 195px !important;
}

.mr--195 {
  margin-right: 195px !important;
}

.ml--195 {
  margin-left: 195px !important;
}

.ptb--200 {
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}

.plr--200 {
  padding-left: 200px !important;
  padding-right: 200px !important;
}

.pt--200 {
  padding-top: 200px !important;
}

.pb--200 {
  padding-bottom: 200px !important;
}

.pl--200 {
  padding-left: 200px !important;
}

.pr--200 {
  padding-right: 200px !important;
}

.mt--200 {
  margin-top: 200px !important;
}

.mb--200 {
  margin-bottom: 200px !important;
}

.mr--200 {
  margin-right: 200px !important;
}

.ml--200 {
  margin-left: 200px !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mt_xl--0 {
    margin-top: 0px !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt_lg--0 {
    margin-top: 0px !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .plr_lg--0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr_lg--0 {
    padding-right: 0px !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .plr_xl--0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pr_xl--0 {
    padding-right: 0px !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pb_xl--70 {
    padding-bottom: 70px !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt_lg--80 {
    padding-top: 80px !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .ptb_lp--0 {
    padding: 0px 0 !important;
  }
  .plr_lp--0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pt_lp--0 {
    padding-top: 0px !important;
  }
  .pb_lp--0 {
    padding-bottom: 0px !important;
  }
  .pl_lp--0 {
    padding-left: 0px !important;
  }
  .pr_lp--0 {
    padding-right: 0px !important;
  }
  .mt_lp--0 {
    margin-top: 0px !important;
  }
  .mb_lp--0 {
    margin-bottom: 0px !important;
  }
  .ptb_lp--5 {
    padding: 5px 0 !important;
  }
  .plr_lp--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .pt_lp--5 {
    padding-top: 5px !important;
  }
  .pb_lp--5 {
    padding-bottom: 5px !important;
  }
  .pl_lp--5 {
    padding-left: 5px !important;
  }
  .pr_lp--5 {
    padding-right: 5px !important;
  }
  .mt_lp--5 {
    margin-top: 5px !important;
  }
  .mb_lp--5 {
    margin-bottom: 5px !important;
  }
  .ptb_lp--10 {
    padding: 10px 0 !important;
  }
  .plr_lp--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pt_lp--10 {
    padding-top: 10px !important;
  }
  .pb_lp--10 {
    padding-bottom: 10px !important;
  }
  .pl_lp--10 {
    padding-left: 10px !important;
  }
  .pr_lp--10 {
    padding-right: 10px !important;
  }
  .mt_lp--10 {
    margin-top: 10px !important;
  }
  .mb_lp--10 {
    margin-bottom: 10px !important;
  }
  .ptb_lp--15 {
    padding: 15px 0 !important;
  }
  .plr_lp--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .pt_lp--15 {
    padding-top: 15px !important;
  }
  .pb_lp--15 {
    padding-bottom: 15px !important;
  }
  .pl_lp--15 {
    padding-left: 15px !important;
  }
  .pr_lp--15 {
    padding-right: 15px !important;
  }
  .mt_lp--15 {
    margin-top: 15px !important;
  }
  .mb_lp--15 {
    margin-bottom: 15px !important;
  }
  .ptb_lp--20 {
    padding: 20px 0 !important;
  }
  .plr_lp--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pt_lp--20 {
    padding-top: 20px !important;
  }
  .pb_lp--20 {
    padding-bottom: 20px !important;
  }
  .pl_lp--20 {
    padding-left: 20px !important;
  }
  .pr_lp--20 {
    padding-right: 20px !important;
  }
  .mt_lp--20 {
    margin-top: 20px !important;
  }
  .mb_lp--20 {
    margin-bottom: 20px !important;
  }
  .ptb_lp--25 {
    padding: 25px 0 !important;
  }
  .plr_lp--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .pt_lp--25 {
    padding-top: 25px !important;
  }
  .pb_lp--25 {
    padding-bottom: 25px !important;
  }
  .pl_lp--25 {
    padding-left: 25px !important;
  }
  .pr_lp--25 {
    padding-right: 25px !important;
  }
  .mt_lp--25 {
    margin-top: 25px !important;
  }
  .mb_lp--25 {
    margin-bottom: 25px !important;
  }
  .ptb_lp--30 {
    padding: 30px 0 !important;
  }
  .plr_lp--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .pt_lp--30 {
    padding-top: 30px !important;
  }
  .pb_lp--30 {
    padding-bottom: 30px !important;
  }
  .pl_lp--30 {
    padding-left: 30px !important;
  }
  .pr_lp--30 {
    padding-right: 30px !important;
  }
  .mt_lp--30 {
    margin-top: 30px !important;
  }
  .mb_lp--30 {
    margin-bottom: 30px !important;
  }
  .ptb_lp--35 {
    padding: 35px 0 !important;
  }
  .plr_lp--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .pt_lp--35 {
    padding-top: 35px !important;
  }
  .pb_lp--35 {
    padding-bottom: 35px !important;
  }
  .pl_lp--35 {
    padding-left: 35px !important;
  }
  .pr_lp--35 {
    padding-right: 35px !important;
  }
  .mt_lp--35 {
    margin-top: 35px !important;
  }
  .mb_lp--35 {
    margin-bottom: 35px !important;
  }
  .ptb_lp--40 {
    padding: 40px 0 !important;
  }
  .plr_lp--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .pt_lp--40 {
    padding-top: 40px !important;
  }
  .pb_lp--40 {
    padding-bottom: 40px !important;
  }
  .pl_lp--40 {
    padding-left: 40px !important;
  }
  .pr_lp--40 {
    padding-right: 40px !important;
  }
  .mt_lp--40 {
    margin-top: 40px !important;
  }
  .mb_lp--40 {
    margin-bottom: 40px !important;
  }
  .ptb_lp--45 {
    padding: 45px 0 !important;
  }
  .plr_lp--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .pt_lp--45 {
    padding-top: 45px !important;
  }
  .pb_lp--45 {
    padding-bottom: 45px !important;
  }
  .pl_lp--45 {
    padding-left: 45px !important;
  }
  .pr_lp--45 {
    padding-right: 45px !important;
  }
  .mt_lp--45 {
    margin-top: 45px !important;
  }
  .mb_lp--45 {
    margin-bottom: 45px !important;
  }
  .ptb_lp--50 {
    padding: 50px 0 !important;
  }
  .plr_lp--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .pt_lp--50 {
    padding-top: 50px !important;
  }
  .pb_lp--50 {
    padding-bottom: 50px !important;
  }
  .pl_lp--50 {
    padding-left: 50px !important;
  }
  .pr_lp--50 {
    padding-right: 50px !important;
  }
  .mt_lp--50 {
    margin-top: 50px !important;
  }
  .mb_lp--50 {
    margin-bottom: 50px !important;
  }
  .ptb_lp--55 {
    padding: 55px 0 !important;
  }
  .plr_lp--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .pt_lp--55 {
    padding-top: 55px !important;
  }
  .pb_lp--55 {
    padding-bottom: 55px !important;
  }
  .pl_lp--55 {
    padding-left: 55px !important;
  }
  .pr_lp--55 {
    padding-right: 55px !important;
  }
  .mt_lp--55 {
    margin-top: 55px !important;
  }
  .mb_lp--55 {
    margin-bottom: 55px !important;
  }
  .ptb_lp--60 {
    padding: 60px 0 !important;
  }
  .plr_lp--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .pt_lp--60 {
    padding-top: 60px !important;
  }
  .pb_lp--60 {
    padding-bottom: 60px !important;
  }
  .pl_lp--60 {
    padding-left: 60px !important;
  }
  .pr_lp--60 {
    padding-right: 60px !important;
  }
  .mt_lp--60 {
    margin-top: 60px !important;
  }
  .mb_lp--60 {
    margin-bottom: 60px !important;
  }
  .ptb_lp--65 {
    padding: 65px 0 !important;
  }
  .plr_lp--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .pt_lp--65 {
    padding-top: 65px !important;
  }
  .pb_lp--65 {
    padding-bottom: 65px !important;
  }
  .pl_lp--65 {
    padding-left: 65px !important;
  }
  .pr_lp--65 {
    padding-right: 65px !important;
  }
  .mt_lp--65 {
    margin-top: 65px !important;
  }
  .mb_lp--65 {
    margin-bottom: 65px !important;
  }
  .ptb_lp--70 {
    padding: 70px 0 !important;
  }
  .plr_lp--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .pt_lp--70 {
    padding-top: 70px !important;
  }
  .pb_lp--70 {
    padding-bottom: 70px !important;
  }
  .pl_lp--70 {
    padding-left: 70px !important;
  }
  .pr_lp--70 {
    padding-right: 70px !important;
  }
  .mt_lp--70 {
    margin-top: 70px !important;
  }
  .mb_lp--70 {
    margin-bottom: 70px !important;
  }
  .ptb_lp--75 {
    padding: 75px 0 !important;
  }
  .plr_lp--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .pt_lp--75 {
    padding-top: 75px !important;
  }
  .pb_lp--75 {
    padding-bottom: 75px !important;
  }
  .pl_lp--75 {
    padding-left: 75px !important;
  }
  .pr_lp--75 {
    padding-right: 75px !important;
  }
  .mt_lp--75 {
    margin-top: 75px !important;
  }
  .mb_lp--75 {
    margin-bottom: 75px !important;
  }
  .ptb_lp--80 {
    padding: 80px 0 !important;
  }
  .plr_lp--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .pt_lp--80 {
    padding-top: 80px !important;
  }
  .pb_lp--80 {
    padding-bottom: 80px !important;
  }
  .pl_lp--80 {
    padding-left: 80px !important;
  }
  .pr_lp--80 {
    padding-right: 80px !important;
  }
  .mt_lp--80 {
    margin-top: 80px !important;
  }
  .mb_lp--80 {
    margin-bottom: 80px !important;
  }
  .ptb_lp--85 {
    padding: 85px 0 !important;
  }
  .plr_lp--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .pt_lp--85 {
    padding-top: 85px !important;
  }
  .pb_lp--85 {
    padding-bottom: 85px !important;
  }
  .pl_lp--85 {
    padding-left: 85px !important;
  }
  .pr_lp--85 {
    padding-right: 85px !important;
  }
  .mt_lp--85 {
    margin-top: 85px !important;
  }
  .mb_lp--85 {
    margin-bottom: 85px !important;
  }
  .ptb_lp--90 {
    padding: 90px 0 !important;
  }
  .plr_lp--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .pt_lp--90 {
    padding-top: 90px !important;
  }
  .pb_lp--90 {
    padding-bottom: 90px !important;
  }
  .pl_lp--90 {
    padding-left: 90px !important;
  }
  .pr_lp--90 {
    padding-right: 90px !important;
  }
  .mt_lp--90 {
    margin-top: 90px !important;
  }
  .mb_lp--90 {
    margin-bottom: 90px !important;
  }
  .ptb_lp--95 {
    padding: 95px 0 !important;
  }
  .plr_lp--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .pt_lp--95 {
    padding-top: 95px !important;
  }
  .pb_lp--95 {
    padding-bottom: 95px !important;
  }
  .pl_lp--95 {
    padding-left: 95px !important;
  }
  .pr_lp--95 {
    padding-right: 95px !important;
  }
  .mt_lp--95 {
    margin-top: 95px !important;
  }
  .mb_lp--95 {
    margin-bottom: 95px !important;
  }
  .ptb_lp--100 {
    padding: 100px 0 !important;
  }
  .plr_lp--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .pt_lp--100 {
    padding-top: 100px !important;
  }
  .pb_lp--100 {
    padding-bottom: 100px !important;
  }
  .pl_lp--100 {
    padding-left: 100px !important;
  }
  .pr_lp--100 {
    padding-right: 100px !important;
  }
  .mt_lp--100 {
    margin-top: 100px !important;
  }
  .mb_lp--100 {
    margin-bottom: 100px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ptb_lg--0 {
    padding: 0px 0 !important;
  }
  .plr_lg--0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pt_lg--0 {
    padding-top: 0px !important;
  }
  .pb_lg--0 {
    padding-bottom: 0px !important;
  }
  .pl_lg--0 {
    padding-left: 0px !important;
  }
  .pr_lg--0 {
    padding-right: 0px !important;
  }
  .mt_lg--0 {
    margin-top: 0px !important;
  }
  .mb_lg--0 {
    margin-bottom: 0px !important;
  }
  .ml_lg--0 {
    margin-left: 0px !important;
  }
  .mr_lg--0 {
    margin-right: 0px !important;
  }
  .ptb_lg--5 {
    padding: 5px 0 !important;
  }
  .plr_lg--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .pt_lg--5 {
    padding-top: 5px !important;
  }
  .pb_lg--5 {
    padding-bottom: 5px !important;
  }
  .pl_lg--5 {
    padding-left: 5px !important;
  }
  .pr_lg--5 {
    padding-right: 5px !important;
  }
  .mt_lg--5 {
    margin-top: 5px !important;
  }
  .mb_lg--5 {
    margin-bottom: 5px !important;
  }
  .ml_lg--5 {
    margin-left: 5px !important;
  }
  .mr_lg--5 {
    margin-right: 5px !important;
  }
  .ptb_lg--10 {
    padding: 10px 0 !important;
  }
  .plr_lg--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pt_lg--10 {
    padding-top: 10px !important;
  }
  .pb_lg--10 {
    padding-bottom: 10px !important;
  }
  .pl_lg--10 {
    padding-left: 10px !important;
  }
  .pr_lg--10 {
    padding-right: 10px !important;
  }
  .mt_lg--10 {
    margin-top: 10px !important;
  }
  .mb_lg--10 {
    margin-bottom: 10px !important;
  }
  .ml_lg--10 {
    margin-left: 10px !important;
  }
  .mr_lg--10 {
    margin-right: 10px !important;
  }
  .ptb_lg--15 {
    padding: 15px 0 !important;
  }
  .plr_lg--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .pt_lg--15 {
    padding-top: 15px !important;
  }
  .pb_lg--15 {
    padding-bottom: 15px !important;
  }
  .pl_lg--15 {
    padding-left: 15px !important;
  }
  .pr_lg--15 {
    padding-right: 15px !important;
  }
  .mt_lg--15 {
    margin-top: 15px !important;
  }
  .mb_lg--15 {
    margin-bottom: 15px !important;
  }
  .ml_lg--15 {
    margin-left: 15px !important;
  }
  .mr_lg--15 {
    margin-right: 15px !important;
  }
  .ptb_lg--20 {
    padding: 20px 0 !important;
  }
  .plr_lg--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pt_lg--20 {
    padding-top: 20px !important;
  }
  .pb_lg--20 {
    padding-bottom: 20px !important;
  }
  .pl_lg--20 {
    padding-left: 20px !important;
  }
  .pr_lg--20 {
    padding-right: 20px !important;
  }
  .mt_lg--20 {
    margin-top: 20px !important;
  }
  .mb_lg--20 {
    margin-bottom: 20px !important;
  }
  .ml_lg--20 {
    margin-left: 20px !important;
  }
  .mr_lg--20 {
    margin-right: 20px !important;
  }
  .ptb_lg--25 {
    padding: 25px 0 !important;
  }
  .plr_lg--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .pt_lg--25 {
    padding-top: 25px !important;
  }
  .pb_lg--25 {
    padding-bottom: 25px !important;
  }
  .pl_lg--25 {
    padding-left: 25px !important;
  }
  .pr_lg--25 {
    padding-right: 25px !important;
  }
  .mt_lg--25 {
    margin-top: 25px !important;
  }
  .mb_lg--25 {
    margin-bottom: 25px !important;
  }
  .ml_lg--25 {
    margin-left: 25px !important;
  }
  .mr_lg--25 {
    margin-right: 25px !important;
  }
  .ptb_lg--30 {
    padding: 30px 0 !important;
  }
  .plr_lg--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .pt_lg--30 {
    padding-top: 30px !important;
  }
  .pb_lg--30 {
    padding-bottom: 30px !important;
  }
  .pl_lg--30 {
    padding-left: 30px !important;
  }
  .pr_lg--30 {
    padding-right: 30px !important;
  }
  .mt_lg--30 {
    margin-top: 30px !important;
  }
  .mb_lg--30 {
    margin-bottom: 30px !important;
  }
  .ml_lg--30 {
    margin-left: 30px !important;
  }
  .mr_lg--30 {
    margin-right: 30px !important;
  }
  .ptb_lg--35 {
    padding: 35px 0 !important;
  }
  .plr_lg--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .pt_lg--35 {
    padding-top: 35px !important;
  }
  .pb_lg--35 {
    padding-bottom: 35px !important;
  }
  .pl_lg--35 {
    padding-left: 35px !important;
  }
  .pr_lg--35 {
    padding-right: 35px !important;
  }
  .mt_lg--35 {
    margin-top: 35px !important;
  }
  .mb_lg--35 {
    margin-bottom: 35px !important;
  }
  .ml_lg--35 {
    margin-left: 35px !important;
  }
  .mr_lg--35 {
    margin-right: 35px !important;
  }
  .ptb_lg--40 {
    padding: 40px 0 !important;
  }
  .plr_lg--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .pt_lg--40 {
    padding-top: 40px !important;
  }
  .pb_lg--40 {
    padding-bottom: 40px !important;
  }
  .pl_lg--40 {
    padding-left: 40px !important;
  }
  .pr_lg--40 {
    padding-right: 40px !important;
  }
  .mt_lg--40 {
    margin-top: 40px !important;
  }
  .mb_lg--40 {
    margin-bottom: 40px !important;
  }
  .ml_lg--40 {
    margin-left: 40px !important;
  }
  .mr_lg--40 {
    margin-right: 40px !important;
  }
  .ptb_lg--45 {
    padding: 45px 0 !important;
  }
  .plr_lg--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .pt_lg--45 {
    padding-top: 45px !important;
  }
  .pb_lg--45 {
    padding-bottom: 45px !important;
  }
  .pl_lg--45 {
    padding-left: 45px !important;
  }
  .pr_lg--45 {
    padding-right: 45px !important;
  }
  .mt_lg--45 {
    margin-top: 45px !important;
  }
  .mb_lg--45 {
    margin-bottom: 45px !important;
  }
  .ml_lg--45 {
    margin-left: 45px !important;
  }
  .mr_lg--45 {
    margin-right: 45px !important;
  }
  .ptb_lg--50 {
    padding: 50px 0 !important;
  }
  .plr_lg--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .pt_lg--50 {
    padding-top: 50px !important;
  }
  .pb_lg--50 {
    padding-bottom: 50px !important;
  }
  .pl_lg--50 {
    padding-left: 50px !important;
  }
  .pr_lg--50 {
    padding-right: 50px !important;
  }
  .mt_lg--50 {
    margin-top: 50px !important;
  }
  .mb_lg--50 {
    margin-bottom: 50px !important;
  }
  .ml_lg--50 {
    margin-left: 50px !important;
  }
  .mr_lg--50 {
    margin-right: 50px !important;
  }
  .ptb_lg--55 {
    padding: 55px 0 !important;
  }
  .plr_lg--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .pt_lg--55 {
    padding-top: 55px !important;
  }
  .pb_lg--55 {
    padding-bottom: 55px !important;
  }
  .pl_lg--55 {
    padding-left: 55px !important;
  }
  .pr_lg--55 {
    padding-right: 55px !important;
  }
  .mt_lg--55 {
    margin-top: 55px !important;
  }
  .mb_lg--55 {
    margin-bottom: 55px !important;
  }
  .ml_lg--55 {
    margin-left: 55px !important;
  }
  .mr_lg--55 {
    margin-right: 55px !important;
  }
  .ptb_lg--60 {
    padding: 60px 0 !important;
  }
  .plr_lg--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .pt_lg--60 {
    padding-top: 60px !important;
  }
  .pb_lg--60 {
    padding-bottom: 60px !important;
  }
  .pl_lg--60 {
    padding-left: 60px !important;
  }
  .pr_lg--60 {
    padding-right: 60px !important;
  }
  .mt_lg--60 {
    margin-top: 60px !important;
  }
  .mb_lg--60 {
    margin-bottom: 60px !important;
  }
  .ml_lg--60 {
    margin-left: 60px !important;
  }
  .mr_lg--60 {
    margin-right: 60px !important;
  }
  .ptb_lg--65 {
    padding: 65px 0 !important;
  }
  .plr_lg--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .pt_lg--65 {
    padding-top: 65px !important;
  }
  .pb_lg--65 {
    padding-bottom: 65px !important;
  }
  .pl_lg--65 {
    padding-left: 65px !important;
  }
  .pr_lg--65 {
    padding-right: 65px !important;
  }
  .mt_lg--65 {
    margin-top: 65px !important;
  }
  .mb_lg--65 {
    margin-bottom: 65px !important;
  }
  .ml_lg--65 {
    margin-left: 65px !important;
  }
  .mr_lg--65 {
    margin-right: 65px !important;
  }
  .ptb_lg--70 {
    padding: 70px 0 !important;
  }
  .plr_lg--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .pt_lg--70 {
    padding-top: 70px !important;
  }
  .pb_lg--70 {
    padding-bottom: 70px !important;
  }
  .pl_lg--70 {
    padding-left: 70px !important;
  }
  .pr_lg--70 {
    padding-right: 70px !important;
  }
  .mt_lg--70 {
    margin-top: 70px !important;
  }
  .mb_lg--70 {
    margin-bottom: 70px !important;
  }
  .ml_lg--70 {
    margin-left: 70px !important;
  }
  .mr_lg--70 {
    margin-right: 70px !important;
  }
  .ptb_lg--75 {
    padding: 75px 0 !important;
  }
  .plr_lg--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .pt_lg--75 {
    padding-top: 75px !important;
  }
  .pb_lg--75 {
    padding-bottom: 75px !important;
  }
  .pl_lg--75 {
    padding-left: 75px !important;
  }
  .pr_lg--75 {
    padding-right: 75px !important;
  }
  .mt_lg--75 {
    margin-top: 75px !important;
  }
  .mb_lg--75 {
    margin-bottom: 75px !important;
  }
  .ml_lg--75 {
    margin-left: 75px !important;
  }
  .mr_lg--75 {
    margin-right: 75px !important;
  }
  .ptb_lg--80 {
    padding: 80px 0 !important;
  }
  .plr_lg--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .pt_lg--80 {
    padding-top: 80px !important;
  }
  .pb_lg--80 {
    padding-bottom: 80px !important;
  }
  .pl_lg--80 {
    padding-left: 80px !important;
  }
  .pr_lg--80 {
    padding-right: 80px !important;
  }
  .mt_lg--80 {
    margin-top: 80px !important;
  }
  .mb_lg--80 {
    margin-bottom: 80px !important;
  }
  .ml_lg--80 {
    margin-left: 80px !important;
  }
  .mr_lg--80 {
    margin-right: 80px !important;
  }
  .ptb_lg--85 {
    padding: 85px 0 !important;
  }
  .plr_lg--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .pt_lg--85 {
    padding-top: 85px !important;
  }
  .pb_lg--85 {
    padding-bottom: 85px !important;
  }
  .pl_lg--85 {
    padding-left: 85px !important;
  }
  .pr_lg--85 {
    padding-right: 85px !important;
  }
  .mt_lg--85 {
    margin-top: 85px !important;
  }
  .mb_lg--85 {
    margin-bottom: 85px !important;
  }
  .ml_lg--85 {
    margin-left: 85px !important;
  }
  .mr_lg--85 {
    margin-right: 85px !important;
  }
  .ptb_lg--90 {
    padding: 90px 0 !important;
  }
  .plr_lg--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .pt_lg--90 {
    padding-top: 90px !important;
  }
  .pb_lg--90 {
    padding-bottom: 90px !important;
  }
  .pl_lg--90 {
    padding-left: 90px !important;
  }
  .pr_lg--90 {
    padding-right: 90px !important;
  }
  .mt_lg--90 {
    margin-top: 90px !important;
  }
  .mb_lg--90 {
    margin-bottom: 90px !important;
  }
  .ml_lg--90 {
    margin-left: 90px !important;
  }
  .mr_lg--90 {
    margin-right: 90px !important;
  }
  .ptb_lg--95 {
    padding: 95px 0 !important;
  }
  .plr_lg--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .pt_lg--95 {
    padding-top: 95px !important;
  }
  .pb_lg--95 {
    padding-bottom: 95px !important;
  }
  .pl_lg--95 {
    padding-left: 95px !important;
  }
  .pr_lg--95 {
    padding-right: 95px !important;
  }
  .mt_lg--95 {
    margin-top: 95px !important;
  }
  .mb_lg--95 {
    margin-bottom: 95px !important;
  }
  .ml_lg--95 {
    margin-left: 95px !important;
  }
  .mr_lg--95 {
    margin-right: 95px !important;
  }
  .ptb_lg--100 {
    padding: 100px 0 !important;
  }
  .plr_lg--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .pt_lg--100 {
    padding-top: 100px !important;
  }
  .pb_lg--100 {
    padding-bottom: 100px !important;
  }
  .pl_lg--100 {
    padding-left: 100px !important;
  }
  .pr_lg--100 {
    padding-right: 100px !important;
  }
  .mt_lg--100 {
    margin-top: 100px !important;
  }
  .mb_lg--100 {
    margin-bottom: 100px !important;
  }
  .ml_lg--100 {
    margin-left: 100px !important;
  }
  .mr_lg--100 {
    margin-right: 100px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb_md--0 {
    padding: 0px 0 !important;
  }
  .plr_md--0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pt_md--0 {
    padding-top: 0px !important;
  }
  .pb_md--0 {
    padding-bottom: 0px !important;
  }
  .pl_md--0 {
    padding-left: 0px !important;
  }
  .pr_md--0 {
    padding-right: 0px !important;
  }
  .pt_md--0 {
    padding-top: 0px !important;
  }
  .mt_md--0 {
    margin-top: 0px !important;
  }
  .mb_md--0 {
    margin-bottom: 0px !important;
  }
  .ptb_md--5 {
    padding: 5px 0 !important;
  }
  .plr_md--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .pt_md--5 {
    padding-top: 5px !important;
  }
  .pb_md--5 {
    padding-bottom: 5px !important;
  }
  .pl_md--5 {
    padding-left: 5px !important;
  }
  .pr_md--5 {
    padding-right: 5px !important;
  }
  .pt_md--5 {
    padding-top: 5px !important;
  }
  .mt_md--5 {
    margin-top: 5px !important;
  }
  .mb_md--5 {
    margin-bottom: 5px !important;
  }
  .ptb_md--10 {
    padding: 10px 0 !important;
  }
  .plr_md--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pt_md--10 {
    padding-top: 10px !important;
  }
  .pb_md--10 {
    padding-bottom: 10px !important;
  }
  .pl_md--10 {
    padding-left: 10px !important;
  }
  .pr_md--10 {
    padding-right: 10px !important;
  }
  .pt_md--10 {
    padding-top: 10px !important;
  }
  .mt_md--10 {
    margin-top: 10px !important;
  }
  .mb_md--10 {
    margin-bottom: 10px !important;
  }
  .ptb_md--15 {
    padding: 15px 0 !important;
  }
  .plr_md--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .pt_md--15 {
    padding-top: 15px !important;
  }
  .pb_md--15 {
    padding-bottom: 15px !important;
  }
  .pl_md--15 {
    padding-left: 15px !important;
  }
  .pr_md--15 {
    padding-right: 15px !important;
  }
  .pt_md--15 {
    padding-top: 15px !important;
  }
  .mt_md--15 {
    margin-top: 15px !important;
  }
  .mb_md--15 {
    margin-bottom: 15px !important;
  }
  .ptb_md--20 {
    padding: 20px 0 !important;
  }
  .plr_md--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pt_md--20 {
    padding-top: 20px !important;
  }
  .pb_md--20 {
    padding-bottom: 20px !important;
  }
  .pl_md--20 {
    padding-left: 20px !important;
  }
  .pr_md--20 {
    padding-right: 20px !important;
  }
  .pt_md--20 {
    padding-top: 20px !important;
  }
  .mt_md--20 {
    margin-top: 20px !important;
  }
  .mb_md--20 {
    margin-bottom: 20px !important;
  }
  .ptb_md--25 {
    padding: 25px 0 !important;
  }
  .plr_md--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .pt_md--25 {
    padding-top: 25px !important;
  }
  .pb_md--25 {
    padding-bottom: 25px !important;
  }
  .pl_md--25 {
    padding-left: 25px !important;
  }
  .pr_md--25 {
    padding-right: 25px !important;
  }
  .pt_md--25 {
    padding-top: 25px !important;
  }
  .mt_md--25 {
    margin-top: 25px !important;
  }
  .mb_md--25 {
    margin-bottom: 25px !important;
  }
  .ptb_md--30 {
    padding: 30px 0 !important;
  }
  .plr_md--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .pt_md--30 {
    padding-top: 30px !important;
  }
  .pb_md--30 {
    padding-bottom: 30px !important;
  }
  .pl_md--30 {
    padding-left: 30px !important;
  }
  .pr_md--30 {
    padding-right: 30px !important;
  }
  .pt_md--30 {
    padding-top: 30px !important;
  }
  .mt_md--30 {
    margin-top: 30px !important;
  }
  .mb_md--30 {
    margin-bottom: 30px !important;
  }
  .ptb_md--35 {
    padding: 35px 0 !important;
  }
  .plr_md--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .pt_md--35 {
    padding-top: 35px !important;
  }
  .pb_md--35 {
    padding-bottom: 35px !important;
  }
  .pl_md--35 {
    padding-left: 35px !important;
  }
  .pr_md--35 {
    padding-right: 35px !important;
  }
  .pt_md--35 {
    padding-top: 35px !important;
  }
  .mt_md--35 {
    margin-top: 35px !important;
  }
  .mb_md--35 {
    margin-bottom: 35px !important;
  }
  .ptb_md--40 {
    padding: 40px 0 !important;
  }
  .plr_md--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .pt_md--40 {
    padding-top: 40px !important;
  }
  .pb_md--40 {
    padding-bottom: 40px !important;
  }
  .pl_md--40 {
    padding-left: 40px !important;
  }
  .pr_md--40 {
    padding-right: 40px !important;
  }
  .pt_md--40 {
    padding-top: 40px !important;
  }
  .mt_md--40 {
    margin-top: 40px !important;
  }
  .mb_md--40 {
    margin-bottom: 40px !important;
  }
  .ptb_md--45 {
    padding: 45px 0 !important;
  }
  .plr_md--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .pt_md--45 {
    padding-top: 45px !important;
  }
  .pb_md--45 {
    padding-bottom: 45px !important;
  }
  .pl_md--45 {
    padding-left: 45px !important;
  }
  .pr_md--45 {
    padding-right: 45px !important;
  }
  .pt_md--45 {
    padding-top: 45px !important;
  }
  .mt_md--45 {
    margin-top: 45px !important;
  }
  .mb_md--45 {
    margin-bottom: 45px !important;
  }
  .ptb_md--50 {
    padding: 50px 0 !important;
  }
  .plr_md--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .pt_md--50 {
    padding-top: 50px !important;
  }
  .pb_md--50 {
    padding-bottom: 50px !important;
  }
  .pl_md--50 {
    padding-left: 50px !important;
  }
  .pr_md--50 {
    padding-right: 50px !important;
  }
  .pt_md--50 {
    padding-top: 50px !important;
  }
  .mt_md--50 {
    margin-top: 50px !important;
  }
  .mb_md--50 {
    margin-bottom: 50px !important;
  }
  .ptb_md--55 {
    padding: 55px 0 !important;
  }
  .plr_md--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .pt_md--55 {
    padding-top: 55px !important;
  }
  .pb_md--55 {
    padding-bottom: 55px !important;
  }
  .pl_md--55 {
    padding-left: 55px !important;
  }
  .pr_md--55 {
    padding-right: 55px !important;
  }
  .pt_md--55 {
    padding-top: 55px !important;
  }
  .mt_md--55 {
    margin-top: 55px !important;
  }
  .mb_md--55 {
    margin-bottom: 55px !important;
  }
  .ptb_md--60 {
    padding: 60px 0 !important;
  }
  .plr_md--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .pt_md--60 {
    padding-top: 60px !important;
  }
  .pb_md--60 {
    padding-bottom: 60px !important;
  }
  .pl_md--60 {
    padding-left: 60px !important;
  }
  .pr_md--60 {
    padding-right: 60px !important;
  }
  .pt_md--60 {
    padding-top: 60px !important;
  }
  .mt_md--60 {
    margin-top: 60px !important;
  }
  .mb_md--60 {
    margin-bottom: 60px !important;
  }
  .ptb_md--65 {
    padding: 65px 0 !important;
  }
  .plr_md--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .pt_md--65 {
    padding-top: 65px !important;
  }
  .pb_md--65 {
    padding-bottom: 65px !important;
  }
  .pl_md--65 {
    padding-left: 65px !important;
  }
  .pr_md--65 {
    padding-right: 65px !important;
  }
  .pt_md--65 {
    padding-top: 65px !important;
  }
  .mt_md--65 {
    margin-top: 65px !important;
  }
  .mb_md--65 {
    margin-bottom: 65px !important;
  }
  .ptb_md--70 {
    padding: 70px 0 !important;
  }
  .plr_md--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .pt_md--70 {
    padding-top: 70px !important;
  }
  .pb_md--70 {
    padding-bottom: 70px !important;
  }
  .pl_md--70 {
    padding-left: 70px !important;
  }
  .pr_md--70 {
    padding-right: 70px !important;
  }
  .pt_md--70 {
    padding-top: 70px !important;
  }
  .mt_md--70 {
    margin-top: 70px !important;
  }
  .mb_md--70 {
    margin-bottom: 70px !important;
  }
  .ptb_md--75 {
    padding: 75px 0 !important;
  }
  .plr_md--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .pt_md--75 {
    padding-top: 75px !important;
  }
  .pb_md--75 {
    padding-bottom: 75px !important;
  }
  .pl_md--75 {
    padding-left: 75px !important;
  }
  .pr_md--75 {
    padding-right: 75px !important;
  }
  .pt_md--75 {
    padding-top: 75px !important;
  }
  .mt_md--75 {
    margin-top: 75px !important;
  }
  .mb_md--75 {
    margin-bottom: 75px !important;
  }
  .ptb_md--80 {
    padding: 80px 0 !important;
  }
  .plr_md--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .pt_md--80 {
    padding-top: 80px !important;
  }
  .pb_md--80 {
    padding-bottom: 80px !important;
  }
  .pl_md--80 {
    padding-left: 80px !important;
  }
  .pr_md--80 {
    padding-right: 80px !important;
  }
  .pt_md--80 {
    padding-top: 80px !important;
  }
  .mt_md--80 {
    margin-top: 80px !important;
  }
  .mb_md--80 {
    margin-bottom: 80px !important;
  }
  .ptb_md--85 {
    padding: 85px 0 !important;
  }
  .plr_md--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .pt_md--85 {
    padding-top: 85px !important;
  }
  .pb_md--85 {
    padding-bottom: 85px !important;
  }
  .pl_md--85 {
    padding-left: 85px !important;
  }
  .pr_md--85 {
    padding-right: 85px !important;
  }
  .pt_md--85 {
    padding-top: 85px !important;
  }
  .mt_md--85 {
    margin-top: 85px !important;
  }
  .mb_md--85 {
    margin-bottom: 85px !important;
  }
  .ptb_md--90 {
    padding: 90px 0 !important;
  }
  .plr_md--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .pt_md--90 {
    padding-top: 90px !important;
  }
  .pb_md--90 {
    padding-bottom: 90px !important;
  }
  .pl_md--90 {
    padding-left: 90px !important;
  }
  .pr_md--90 {
    padding-right: 90px !important;
  }
  .pt_md--90 {
    padding-top: 90px !important;
  }
  .mt_md--90 {
    margin-top: 90px !important;
  }
  .mb_md--90 {
    margin-bottom: 90px !important;
  }
  .ptb_md--95 {
    padding: 95px 0 !important;
  }
  .plr_md--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .pt_md--95 {
    padding-top: 95px !important;
  }
  .pb_md--95 {
    padding-bottom: 95px !important;
  }
  .pl_md--95 {
    padding-left: 95px !important;
  }
  .pr_md--95 {
    padding-right: 95px !important;
  }
  .pt_md--95 {
    padding-top: 95px !important;
  }
  .mt_md--95 {
    margin-top: 95px !important;
  }
  .mb_md--95 {
    margin-bottom: 95px !important;
  }
  .ptb_md--100 {
    padding: 100px 0 !important;
  }
  .plr_md--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .pt_md--100 {
    padding-top: 100px !important;
  }
  .pb_md--100 {
    padding-bottom: 100px !important;
  }
  .pl_md--100 {
    padding-left: 100px !important;
  }
  .pr_md--100 {
    padding-right: 100px !important;
  }
  .pt_md--100 {
    padding-top: 100px !important;
  }
  .mt_md--100 {
    margin-top: 100px !important;
  }
  .mb_md--100 {
    margin-bottom: 100px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ptb_sm--0 {
    padding: 0px 0 !important;
  }
  .plr_sm--0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pt_sm--0 {
    padding-top: 0px !important;
  }
  .pb_sm--0 {
    padding-bottom: 0px !important;
  }
  .pl_sm--0 {
    padding-left: 0px !important;
  }
  .pr_sm--0 {
    padding-right: 0px !important;
  }
  .mt_sm--0 {
    margin-top: 0px !important;
  }
  .ml_sm--0 {
    margin-left: 0px !important;
  }
  .mr_sm--0 {
    margin-right: 0px !important;
  }
  .mb_sm--0 {
    margin-bottom: 0px !important;
  }
  .ptb_sm--5 {
    padding: 5px 0 !important;
  }
  .plr_sm--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .pt_sm--5 {
    padding-top: 5px !important;
  }
  .pb_sm--5 {
    padding-bottom: 5px !important;
  }
  .pl_sm--5 {
    padding-left: 5px !important;
  }
  .pr_sm--5 {
    padding-right: 5px !important;
  }
  .mt_sm--5 {
    margin-top: 5px !important;
  }
  .ml_sm--5 {
    margin-left: 5px !important;
  }
  .mr_sm--5 {
    margin-right: 5px !important;
  }
  .mb_sm--5 {
    margin-bottom: 5px !important;
  }
  .ptb_sm--10 {
    padding: 10px 0 !important;
  }
  .plr_sm--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pt_sm--10 {
    padding-top: 10px !important;
  }
  .pb_sm--10 {
    padding-bottom: 10px !important;
  }
  .pl_sm--10 {
    padding-left: 10px !important;
  }
  .pr_sm--10 {
    padding-right: 10px !important;
  }
  .mt_sm--10 {
    margin-top: 10px !important;
  }
  .ml_sm--10 {
    margin-left: 10px !important;
  }
  .mr_sm--10 {
    margin-right: 10px !important;
  }
  .mb_sm--10 {
    margin-bottom: 10px !important;
  }
  .ptb_sm--15 {
    padding: 15px 0 !important;
  }
  .plr_sm--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .pt_sm--15 {
    padding-top: 15px !important;
  }
  .pb_sm--15 {
    padding-bottom: 15px !important;
  }
  .pl_sm--15 {
    padding-left: 15px !important;
  }
  .pr_sm--15 {
    padding-right: 15px !important;
  }
  .mt_sm--15 {
    margin-top: 15px !important;
  }
  .ml_sm--15 {
    margin-left: 15px !important;
  }
  .mr_sm--15 {
    margin-right: 15px !important;
  }
  .mb_sm--15 {
    margin-bottom: 15px !important;
  }
  .ptb_sm--20 {
    padding: 20px 0 !important;
  }
  .plr_sm--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pt_sm--20 {
    padding-top: 20px !important;
  }
  .pb_sm--20 {
    padding-bottom: 20px !important;
  }
  .pl_sm--20 {
    padding-left: 20px !important;
  }
  .pr_sm--20 {
    padding-right: 20px !important;
  }
  .mt_sm--20 {
    margin-top: 20px !important;
  }
  .ml_sm--20 {
    margin-left: 20px !important;
  }
  .mr_sm--20 {
    margin-right: 20px !important;
  }
  .mb_sm--20 {
    margin-bottom: 20px !important;
  }
  .ptb_sm--25 {
    padding: 25px 0 !important;
  }
  .plr_sm--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .pt_sm--25 {
    padding-top: 25px !important;
  }
  .pb_sm--25 {
    padding-bottom: 25px !important;
  }
  .pl_sm--25 {
    padding-left: 25px !important;
  }
  .pr_sm--25 {
    padding-right: 25px !important;
  }
  .mt_sm--25 {
    margin-top: 25px !important;
  }
  .ml_sm--25 {
    margin-left: 25px !important;
  }
  .mr_sm--25 {
    margin-right: 25px !important;
  }
  .mb_sm--25 {
    margin-bottom: 25px !important;
  }
  .ptb_sm--30 {
    padding: 30px 0 !important;
  }
  .plr_sm--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .pt_sm--30 {
    padding-top: 30px !important;
  }
  .pb_sm--30 {
    padding-bottom: 30px !important;
  }
  .pl_sm--30 {
    padding-left: 30px !important;
  }
  .pr_sm--30 {
    padding-right: 30px !important;
  }
  .mt_sm--30 {
    margin-top: 30px !important;
  }
  .ml_sm--30 {
    margin-left: 30px !important;
  }
  .mr_sm--30 {
    margin-right: 30px !important;
  }
  .mb_sm--30 {
    margin-bottom: 30px !important;
  }
  .ptb_sm--35 {
    padding: 35px 0 !important;
  }
  .plr_sm--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .pt_sm--35 {
    padding-top: 35px !important;
  }
  .pb_sm--35 {
    padding-bottom: 35px !important;
  }
  .pl_sm--35 {
    padding-left: 35px !important;
  }
  .pr_sm--35 {
    padding-right: 35px !important;
  }
  .mt_sm--35 {
    margin-top: 35px !important;
  }
  .ml_sm--35 {
    margin-left: 35px !important;
  }
  .mr_sm--35 {
    margin-right: 35px !important;
  }
  .mb_sm--35 {
    margin-bottom: 35px !important;
  }
  .ptb_sm--40 {
    padding: 40px 0 !important;
  }
  .plr_sm--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .pt_sm--40 {
    padding-top: 40px !important;
  }
  .pb_sm--40 {
    padding-bottom: 40px !important;
  }
  .pl_sm--40 {
    padding-left: 40px !important;
  }
  .pr_sm--40 {
    padding-right: 40px !important;
  }
  .mt_sm--40 {
    margin-top: 40px !important;
  }
  .ml_sm--40 {
    margin-left: 40px !important;
  }
  .mr_sm--40 {
    margin-right: 40px !important;
  }
  .mb_sm--40 {
    margin-bottom: 40px !important;
  }
  .ptb_sm--45 {
    padding: 45px 0 !important;
  }
  .plr_sm--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .pt_sm--45 {
    padding-top: 45px !important;
  }
  .pb_sm--45 {
    padding-bottom: 45px !important;
  }
  .pl_sm--45 {
    padding-left: 45px !important;
  }
  .pr_sm--45 {
    padding-right: 45px !important;
  }
  .mt_sm--45 {
    margin-top: 45px !important;
  }
  .ml_sm--45 {
    margin-left: 45px !important;
  }
  .mr_sm--45 {
    margin-right: 45px !important;
  }
  .mb_sm--45 {
    margin-bottom: 45px !important;
  }
  .ptb_sm--50 {
    padding: 50px 0 !important;
  }
  .plr_sm--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .pt_sm--50 {
    padding-top: 50px !important;
  }
  .pb_sm--50 {
    padding-bottom: 50px !important;
  }
  .pl_sm--50 {
    padding-left: 50px !important;
  }
  .pr_sm--50 {
    padding-right: 50px !important;
  }
  .mt_sm--50 {
    margin-top: 50px !important;
  }
  .ml_sm--50 {
    margin-left: 50px !important;
  }
  .mr_sm--50 {
    margin-right: 50px !important;
  }
  .mb_sm--50 {
    margin-bottom: 50px !important;
  }
  .ptb_sm--55 {
    padding: 55px 0 !important;
  }
  .plr_sm--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .pt_sm--55 {
    padding-top: 55px !important;
  }
  .pb_sm--55 {
    padding-bottom: 55px !important;
  }
  .pl_sm--55 {
    padding-left: 55px !important;
  }
  .pr_sm--55 {
    padding-right: 55px !important;
  }
  .mt_sm--55 {
    margin-top: 55px !important;
  }
  .ml_sm--55 {
    margin-left: 55px !important;
  }
  .mr_sm--55 {
    margin-right: 55px !important;
  }
  .mb_sm--55 {
    margin-bottom: 55px !important;
  }
  .ptb_sm--60 {
    padding: 60px 0 !important;
  }
  .plr_sm--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .pt_sm--60 {
    padding-top: 60px !important;
  }
  .pb_sm--60 {
    padding-bottom: 60px !important;
  }
  .pl_sm--60 {
    padding-left: 60px !important;
  }
  .pr_sm--60 {
    padding-right: 60px !important;
  }
  .mt_sm--60 {
    margin-top: 60px !important;
  }
  .ml_sm--60 {
    margin-left: 60px !important;
  }
  .mr_sm--60 {
    margin-right: 60px !important;
  }
  .mb_sm--60 {
    margin-bottom: 60px !important;
  }
  .ptb_sm--65 {
    padding: 65px 0 !important;
  }
  .plr_sm--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .pt_sm--65 {
    padding-top: 65px !important;
  }
  .pb_sm--65 {
    padding-bottom: 65px !important;
  }
  .pl_sm--65 {
    padding-left: 65px !important;
  }
  .pr_sm--65 {
    padding-right: 65px !important;
  }
  .mt_sm--65 {
    margin-top: 65px !important;
  }
  .ml_sm--65 {
    margin-left: 65px !important;
  }
  .mr_sm--65 {
    margin-right: 65px !important;
  }
  .mb_sm--65 {
    margin-bottom: 65px !important;
  }
  .ptb_sm--70 {
    padding: 70px 0 !important;
  }
  .plr_sm--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .pt_sm--70 {
    padding-top: 70px !important;
  }
  .pb_sm--70 {
    padding-bottom: 70px !important;
  }
  .pl_sm--70 {
    padding-left: 70px !important;
  }
  .pr_sm--70 {
    padding-right: 70px !important;
  }
  .mt_sm--70 {
    margin-top: 70px !important;
  }
  .ml_sm--70 {
    margin-left: 70px !important;
  }
  .mr_sm--70 {
    margin-right: 70px !important;
  }
  .mb_sm--70 {
    margin-bottom: 70px !important;
  }
  .ptb_sm--75 {
    padding: 75px 0 !important;
  }
  .plr_sm--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .pt_sm--75 {
    padding-top: 75px !important;
  }
  .pb_sm--75 {
    padding-bottom: 75px !important;
  }
  .pl_sm--75 {
    padding-left: 75px !important;
  }
  .pr_sm--75 {
    padding-right: 75px !important;
  }
  .mt_sm--75 {
    margin-top: 75px !important;
  }
  .ml_sm--75 {
    margin-left: 75px !important;
  }
  .mr_sm--75 {
    margin-right: 75px !important;
  }
  .mb_sm--75 {
    margin-bottom: 75px !important;
  }
  .ptb_sm--80 {
    padding: 80px 0 !important;
  }
  .plr_sm--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .pt_sm--80 {
    padding-top: 80px !important;
  }
  .pb_sm--80 {
    padding-bottom: 80px !important;
  }
  .pl_sm--80 {
    padding-left: 80px !important;
  }
  .pr_sm--80 {
    padding-right: 80px !important;
  }
  .mt_sm--80 {
    margin-top: 80px !important;
  }
  .ml_sm--80 {
    margin-left: 80px !important;
  }
  .mr_sm--80 {
    margin-right: 80px !important;
  }
  .mb_sm--80 {
    margin-bottom: 80px !important;
  }
  .ptb_sm--85 {
    padding: 85px 0 !important;
  }
  .plr_sm--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .pt_sm--85 {
    padding-top: 85px !important;
  }
  .pb_sm--85 {
    padding-bottom: 85px !important;
  }
  .pl_sm--85 {
    padding-left: 85px !important;
  }
  .pr_sm--85 {
    padding-right: 85px !important;
  }
  .mt_sm--85 {
    margin-top: 85px !important;
  }
  .ml_sm--85 {
    margin-left: 85px !important;
  }
  .mr_sm--85 {
    margin-right: 85px !important;
  }
  .mb_sm--85 {
    margin-bottom: 85px !important;
  }
  .ptb_sm--90 {
    padding: 90px 0 !important;
  }
  .plr_sm--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .pt_sm--90 {
    padding-top: 90px !important;
  }
  .pb_sm--90 {
    padding-bottom: 90px !important;
  }
  .pl_sm--90 {
    padding-left: 90px !important;
  }
  .pr_sm--90 {
    padding-right: 90px !important;
  }
  .mt_sm--90 {
    margin-top: 90px !important;
  }
  .ml_sm--90 {
    margin-left: 90px !important;
  }
  .mr_sm--90 {
    margin-right: 90px !important;
  }
  .mb_sm--90 {
    margin-bottom: 90px !important;
  }
  .ptb_sm--95 {
    padding: 95px 0 !important;
  }
  .plr_sm--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .pt_sm--95 {
    padding-top: 95px !important;
  }
  .pb_sm--95 {
    padding-bottom: 95px !important;
  }
  .pl_sm--95 {
    padding-left: 95px !important;
  }
  .pr_sm--95 {
    padding-right: 95px !important;
  }
  .mt_sm--95 {
    margin-top: 95px !important;
  }
  .ml_sm--95 {
    margin-left: 95px !important;
  }
  .mr_sm--95 {
    margin-right: 95px !important;
  }
  .mb_sm--95 {
    margin-bottom: 95px !important;
  }
  .ptb_sm--100 {
    padding: 100px 0 !important;
  }
  .plr_sm--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .pt_sm--100 {
    padding-top: 100px !important;
  }
  .pb_sm--100 {
    padding-bottom: 100px !important;
  }
  .pl_sm--100 {
    padding-left: 100px !important;
  }
  .pr_sm--100 {
    padding-right: 100px !important;
  }
  .mt_sm--100 {
    margin-top: 100px !important;
  }
  .ml_sm--100 {
    margin-left: 100px !important;
  }
  .mr_sm--100 {
    margin-right: 100px !important;
  }
  .mb_sm--100 {
    margin-bottom: 100px !important;
  }
}
.pl--6 {
  padding-left: 6px;
}

@media only screen and (max-width: 767px) {
  .pt_sm--160 {
    padding-top: 160px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml_md--0 {
    margin-left: 0px !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ml_xl--0 {
    margin-left: 0px !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml_lg--0 {
    margin-left: 0px !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mr_xl--0 {
    margin-right: 0px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr_md--0 {
    margin-right: 0px !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr_lg--0 {
    margin-right: 0px !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr_lg--5 {
    margin-right: 5px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .ml-desc_lgtolp--35 {
    margin-left: -35px !important;
  }
}

.mt-desc--20 {
  margin-top: -20px !important;
}

.mx-desc--10 {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

@media only screen and (min-width: 1200px) {
  .mb-desc_lgtolp--30 {
    margin-bottom: -30px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .mt-desc_lgtolp--50 {
    margin-top: -50px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .mt-desc_lgtolp--85 {
    margin-top: -85px !important;
  }
}

@media only screen and (max-width: 575px) {
  .ptb_mobile--0 {
    padding: 0px 0 !important;
  }
  .plr_mobile--0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pt_mobile--0 {
    padding-top: 0px !important;
  }
  .pb_mobile--0 {
    padding-bottom: 0px !important;
  }
  .pl_mobile--0 {
    padding-left: 0px !important;
  }
  .pr_mobile--0 {
    padding-right: 0px !important;
  }
  .mt_mobile--0 {
    margin-top: 0px !important;
  }
  .mb_mobile--0 {
    margin-bottom: 0px !important;
  }
  .ptb_mobile--5 {
    padding: 5px 0 !important;
  }
  .plr_mobile--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .pt_mobile--5 {
    padding-top: 5px !important;
  }
  .pb_mobile--5 {
    padding-bottom: 5px !important;
  }
  .pl_mobile--5 {
    padding-left: 5px !important;
  }
  .pr_mobile--5 {
    padding-right: 5px !important;
  }
  .mt_mobile--5 {
    margin-top: 5px !important;
  }
  .mb_mobile--5 {
    margin-bottom: 5px !important;
  }
  .ptb_mobile--10 {
    padding: 10px 0 !important;
  }
  .plr_mobile--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pt_mobile--10 {
    padding-top: 10px !important;
  }
  .pb_mobile--10 {
    padding-bottom: 10px !important;
  }
  .pl_mobile--10 {
    padding-left: 10px !important;
  }
  .pr_mobile--10 {
    padding-right: 10px !important;
  }
  .mt_mobile--10 {
    margin-top: 10px !important;
  }
  .mb_mobile--10 {
    margin-bottom: 10px !important;
  }
  .ptb_mobile--15 {
    padding: 15px 0 !important;
  }
  .plr_mobile--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .pt_mobile--15 {
    padding-top: 15px !important;
  }
  .pb_mobile--15 {
    padding-bottom: 15px !important;
  }
  .pl_mobile--15 {
    padding-left: 15px !important;
  }
  .pr_mobile--15 {
    padding-right: 15px !important;
  }
  .mt_mobile--15 {
    margin-top: 15px !important;
  }
  .mb_mobile--15 {
    margin-bottom: 15px !important;
  }
  .ptb_mobile--20 {
    padding: 20px 0 !important;
  }
  .plr_mobile--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pt_mobile--20 {
    padding-top: 20px !important;
  }
  .pb_mobile--20 {
    padding-bottom: 20px !important;
  }
  .pl_mobile--20 {
    padding-left: 20px !important;
  }
  .pr_mobile--20 {
    padding-right: 20px !important;
  }
  .mt_mobile--20 {
    margin-top: 20px !important;
  }
  .mb_mobile--20 {
    margin-bottom: 20px !important;
  }
  .ptb_mobile--25 {
    padding: 25px 0 !important;
  }
  .plr_mobile--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .pt_mobile--25 {
    padding-top: 25px !important;
  }
  .pb_mobile--25 {
    padding-bottom: 25px !important;
  }
  .pl_mobile--25 {
    padding-left: 25px !important;
  }
  .pr_mobile--25 {
    padding-right: 25px !important;
  }
  .mt_mobile--25 {
    margin-top: 25px !important;
  }
  .mb_mobile--25 {
    margin-bottom: 25px !important;
  }
  .ptb_mobile--30 {
    padding: 30px 0 !important;
  }
  .plr_mobile--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .pt_mobile--30 {
    padding-top: 30px !important;
  }
  .pb_mobile--30 {
    padding-bottom: 30px !important;
  }
  .pl_mobile--30 {
    padding-left: 30px !important;
  }
  .pr_mobile--30 {
    padding-right: 30px !important;
  }
  .mt_mobile--30 {
    margin-top: 30px !important;
  }
  .mb_mobile--30 {
    margin-bottom: 30px !important;
  }
  .ptb_mobile--35 {
    padding: 35px 0 !important;
  }
  .plr_mobile--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .pt_mobile--35 {
    padding-top: 35px !important;
  }
  .pb_mobile--35 {
    padding-bottom: 35px !important;
  }
  .pl_mobile--35 {
    padding-left: 35px !important;
  }
  .pr_mobile--35 {
    padding-right: 35px !important;
  }
  .mt_mobile--35 {
    margin-top: 35px !important;
  }
  .mb_mobile--35 {
    margin-bottom: 35px !important;
  }
  .ptb_mobile--40 {
    padding: 40px 0 !important;
  }
  .plr_mobile--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .pt_mobile--40 {
    padding-top: 40px !important;
  }
  .pb_mobile--40 {
    padding-bottom: 40px !important;
  }
  .pl_mobile--40 {
    padding-left: 40px !important;
  }
  .pr_mobile--40 {
    padding-right: 40px !important;
  }
  .mt_mobile--40 {
    margin-top: 40px !important;
  }
  .mb_mobile--40 {
    margin-bottom: 40px !important;
  }
  .ptb_mobile--45 {
    padding: 45px 0 !important;
  }
  .plr_mobile--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .pt_mobile--45 {
    padding-top: 45px !important;
  }
  .pb_mobile--45 {
    padding-bottom: 45px !important;
  }
  .pl_mobile--45 {
    padding-left: 45px !important;
  }
  .pr_mobile--45 {
    padding-right: 45px !important;
  }
  .mt_mobile--45 {
    margin-top: 45px !important;
  }
  .mb_mobile--45 {
    margin-bottom: 45px !important;
  }
  .ptb_mobile--50 {
    padding: 50px 0 !important;
  }
  .plr_mobile--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .pt_mobile--50 {
    padding-top: 50px !important;
  }
  .pb_mobile--50 {
    padding-bottom: 50px !important;
  }
  .pl_mobile--50 {
    padding-left: 50px !important;
  }
  .pr_mobile--50 {
    padding-right: 50px !important;
  }
  .mt_mobile--50 {
    margin-top: 50px !important;
  }
  .mb_mobile--50 {
    margin-bottom: 50px !important;
  }
  .ptb_mobile--55 {
    padding: 55px 0 !important;
  }
  .plr_mobile--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .pt_mobile--55 {
    padding-top: 55px !important;
  }
  .pb_mobile--55 {
    padding-bottom: 55px !important;
  }
  .pl_mobile--55 {
    padding-left: 55px !important;
  }
  .pr_mobile--55 {
    padding-right: 55px !important;
  }
  .mt_mobile--55 {
    margin-top: 55px !important;
  }
  .mb_mobile--55 {
    margin-bottom: 55px !important;
  }
  .ptb_mobile--60 {
    padding: 60px 0 !important;
  }
  .plr_mobile--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .pt_mobile--60 {
    padding-top: 60px !important;
  }
  .pb_mobile--60 {
    padding-bottom: 60px !important;
  }
  .pl_mobile--60 {
    padding-left: 60px !important;
  }
  .pr_mobile--60 {
    padding-right: 60px !important;
  }
  .mt_mobile--60 {
    margin-top: 60px !important;
  }
  .mb_mobile--60 {
    margin-bottom: 60px !important;
  }
  .ptb_mobile--65 {
    padding: 65px 0 !important;
  }
  .plr_mobile--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .pt_mobile--65 {
    padding-top: 65px !important;
  }
  .pb_mobile--65 {
    padding-bottom: 65px !important;
  }
  .pl_mobile--65 {
    padding-left: 65px !important;
  }
  .pr_mobile--65 {
    padding-right: 65px !important;
  }
  .mt_mobile--65 {
    margin-top: 65px !important;
  }
  .mb_mobile--65 {
    margin-bottom: 65px !important;
  }
  .ptb_mobile--70 {
    padding: 70px 0 !important;
  }
  .plr_mobile--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .pt_mobile--70 {
    padding-top: 70px !important;
  }
  .pb_mobile--70 {
    padding-bottom: 70px !important;
  }
  .pl_mobile--70 {
    padding-left: 70px !important;
  }
  .pr_mobile--70 {
    padding-right: 70px !important;
  }
  .mt_mobile--70 {
    margin-top: 70px !important;
  }
  .mb_mobile--70 {
    margin-bottom: 70px !important;
  }
  .ptb_mobile--75 {
    padding: 75px 0 !important;
  }
  .plr_mobile--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .pt_mobile--75 {
    padding-top: 75px !important;
  }
  .pb_mobile--75 {
    padding-bottom: 75px !important;
  }
  .pl_mobile--75 {
    padding-left: 75px !important;
  }
  .pr_mobile--75 {
    padding-right: 75px !important;
  }
  .mt_mobile--75 {
    margin-top: 75px !important;
  }
  .mb_mobile--75 {
    margin-bottom: 75px !important;
  }
  .ptb_mobile--80 {
    padding: 80px 0 !important;
  }
  .plr_mobile--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .pt_mobile--80 {
    padding-top: 80px !important;
  }
  .pb_mobile--80 {
    padding-bottom: 80px !important;
  }
  .pl_mobile--80 {
    padding-left: 80px !important;
  }
  .pr_mobile--80 {
    padding-right: 80px !important;
  }
  .mt_mobile--80 {
    margin-top: 80px !important;
  }
  .mb_mobile--80 {
    margin-bottom: 80px !important;
  }
  .ptb_mobile--85 {
    padding: 85px 0 !important;
  }
  .plr_mobile--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .pt_mobile--85 {
    padding-top: 85px !important;
  }
  .pb_mobile--85 {
    padding-bottom: 85px !important;
  }
  .pl_mobile--85 {
    padding-left: 85px !important;
  }
  .pr_mobile--85 {
    padding-right: 85px !important;
  }
  .mt_mobile--85 {
    margin-top: 85px !important;
  }
  .mb_mobile--85 {
    margin-bottom: 85px !important;
  }
  .ptb_mobile--90 {
    padding: 90px 0 !important;
  }
  .plr_mobile--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .pt_mobile--90 {
    padding-top: 90px !important;
  }
  .pb_mobile--90 {
    padding-bottom: 90px !important;
  }
  .pl_mobile--90 {
    padding-left: 90px !important;
  }
  .pr_mobile--90 {
    padding-right: 90px !important;
  }
  .mt_mobile--90 {
    margin-top: 90px !important;
  }
  .mb_mobile--90 {
    margin-bottom: 90px !important;
  }
  .ptb_mobile--95 {
    padding: 95px 0 !important;
  }
  .plr_mobile--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .pt_mobile--95 {
    padding-top: 95px !important;
  }
  .pb_mobile--95 {
    padding-bottom: 95px !important;
  }
  .pl_mobile--95 {
    padding-left: 95px !important;
  }
  .pr_mobile--95 {
    padding-right: 95px !important;
  }
  .mt_mobile--95 {
    margin-top: 95px !important;
  }
  .mb_mobile--95 {
    margin-bottom: 95px !important;
  }
  .ptb_mobile--100 {
    padding: 100px 0 !important;
  }
  .plr_mobile--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .pt_mobile--100 {
    padding-top: 100px !important;
  }
  .pb_mobile--100 {
    padding-bottom: 100px !important;
  }
  .pl_mobile--100 {
    padding-left: 100px !important;
  }
  .pr_mobile--100 {
    padding-right: 100px !important;
  }
  .mt_mobile--100 {
    margin-top: 100px !important;
  }
  .mb_mobile--100 {
    margin-bottom: 100px !important;
  }
}
.rbt-h-auto {
  height: auto !important;
}

.rbt-h-full {
  height: 100% !important;
}

.rbt-h-fit {
  height: fit-content !important;
}

.rbt-w-auto {
  width: auto !important;
}

.rbt-w-full {
  width: 100% !important;
}

.rbt-w-fit {
  width: fit-content !important;
}

.rbt-max-w-auto {
  max-width: auto !important;
}

.rbt-max-w-full {
  max-width: 100% !important;
}

.rbt-max-w-fit {
  max-width: fit-content !important;
}

.radius-sm {
  border-radius: var(--radius-sm);
}

.rbt-aspect-square {
  aspect-ratio: 1/1;
}

.rbt-aspect-video {
  aspect-ratio: 16/9;
}

/* ========= Forms Styles ========= */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

input,
select,
textarea {
  width: 100%;
  transition: 0.3s;
}

input {
  height: 40px;
  padding: 0 15px;
}

select {
  transition: 0.3s;
  height: 50px;
  display: inline-block;
  width: 100%;
  line-height: 135%;
  padding: 10px 20px;
  outline: none;
  color: var(--color-gray-6);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: var(--f-regular);
  padding-right: 30px;
}

input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
input[type=date],
textarea {
  font-size: 16px;
  font-family: var(--font-primary);
  font-weight: var(--f-regular);
  height: 50px;
  line-height: 1.75;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 15px;
  outline: none;
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius);
  color: var(--color-body);
  /* -- Placeholder -- */
}
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=date]::placeholder,
textarea::placeholder {
  color: var(--color-body);
  /* Firefox */
  opacity: 1;
}
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--color-body);
  opacity: 1;
}
input[type=text]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=date]::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--color-body);
  opacity: 1;
}
input[type=text].p-holder__active, .input-active input[type=text], input[type=text].input-active,
input[type=password].p-holder__active,
.input-active input[type=password],
input[type=password].input-active,
input[type=email].p-holder__active,
.input-active input[type=email],
input[type=email].input-active,
input[type=number].p-holder__active,
.input-active input[type=number],
input[type=number].input-active,
input[type=tel].p-holder__active,
.input-active input[type=tel],
input[type=tel].input-active,
input[type=date].p-holder__active,
.input-active input[type=date],
input[type=date].input-active,
textarea.p-holder__active,
textarea.input-active {
  border-color: var(--color-primary);
  /* -- Placeholder -- */
}
input[type=text].p-holder__active::placeholder, .input-active input[type=text]::placeholder, input[type=text].input-active::placeholder,
input[type=password].p-holder__active::placeholder,
.input-active input[type=password]::placeholder,
input[type=password].input-active::placeholder,
input[type=email].p-holder__active::placeholder,
.input-active input[type=email]::placeholder,
input[type=email].input-active::placeholder,
input[type=number].p-holder__active::placeholder,
.input-active input[type=number]::placeholder,
input[type=number].input-active::placeholder,
input[type=tel].p-holder__active::placeholder,
.input-active input[type=tel]::placeholder,
input[type=tel].input-active::placeholder,
input[type=date].p-holder__active::placeholder,
.input-active input[type=date]::placeholder,
input[type=date].input-active::placeholder,
textarea.p-holder__active::placeholder,
textarea.input-active::placeholder {
  color: var(--color-primary);
  /* Firefox */
  opacity: 1;
}
input[type=text].p-holder__active:-ms-input-placeholder, .input-active input[type=text]:-ms-input-placeholder, input[type=text].input-active:-ms-input-placeholder,
input[type=password].p-holder__active:-ms-input-placeholder,
.input-active input[type=password]:-ms-input-placeholder,
input[type=password].input-active:-ms-input-placeholder,
input[type=email].p-holder__active:-ms-input-placeholder,
.input-active input[type=email]:-ms-input-placeholder,
input[type=email].input-active:-ms-input-placeholder,
input[type=number].p-holder__active:-ms-input-placeholder,
.input-active input[type=number]:-ms-input-placeholder,
input[type=number].input-active:-ms-input-placeholder,
input[type=tel].p-holder__active:-ms-input-placeholder,
.input-active input[type=tel]:-ms-input-placeholder,
input[type=tel].input-active:-ms-input-placeholder,
input[type=date].p-holder__active:-ms-input-placeholder,
.input-active input[type=date]:-ms-input-placeholder,
input[type=date].input-active:-ms-input-placeholder,
textarea.p-holder__active:-ms-input-placeholder,
textarea.input-active:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--color-primary);
}
input[type=text].p-holder__active::-ms-input-placeholder, .input-active input[type=text]::-ms-input-placeholder, input[type=text].input-active::-ms-input-placeholder,
input[type=password].p-holder__active::-ms-input-placeholder,
.input-active input[type=password]::-ms-input-placeholder,
input[type=password].input-active::-ms-input-placeholder,
input[type=email].p-holder__active::-ms-input-placeholder,
.input-active input[type=email]::-ms-input-placeholder,
input[type=email].input-active::-ms-input-placeholder,
input[type=number].p-holder__active::-ms-input-placeholder,
.input-active input[type=number]::-ms-input-placeholder,
input[type=number].input-active::-ms-input-placeholder,
input[type=tel].p-holder__active::-ms-input-placeholder,
.input-active input[type=tel]::-ms-input-placeholder,
input[type=tel].input-active::-ms-input-placeholder,
input[type=date].p-holder__active::-ms-input-placeholder,
.input-active input[type=date]::-ms-input-placeholder,
input[type=date].input-active::-ms-input-placeholder,
textarea.p-holder__active::-ms-input-placeholder,
textarea.input-active::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--color-primary);
}
input[type=text].p-holder__error, .input-error input[type=text], input[type=text].input-error,
input[type=password].p-holder__error,
.input-error input[type=password],
input[type=password].input-error,
input[type=email].p-holder__error,
.input-error input[type=email],
input[type=email].input-error,
input[type=number].p-holder__error,
.input-error input[type=number],
input[type=number].input-error,
input[type=tel].p-holder__error,
.input-error input[type=tel],
input[type=tel].input-error,
input[type=date].p-holder__error,
.input-error input[type=date],
input[type=date].input-error,
textarea.p-holder__error,
textarea.input-error {
  border-color: #f4282d;
  /* -- Placeholder -- */
}
input[type=text].p-holder__error::placeholder, .input-error input[type=text]::placeholder, input[type=text].input-error::placeholder,
input[type=password].p-holder__error::placeholder,
.input-error input[type=password]::placeholder,
input[type=password].input-error::placeholder,
input[type=email].p-holder__error::placeholder,
.input-error input[type=email]::placeholder,
input[type=email].input-error::placeholder,
input[type=number].p-holder__error::placeholder,
.input-error input[type=number]::placeholder,
input[type=number].input-error::placeholder,
input[type=tel].p-holder__error::placeholder,
.input-error input[type=tel]::placeholder,
input[type=tel].input-error::placeholder,
input[type=date].p-holder__error::placeholder,
.input-error input[type=date]::placeholder,
input[type=date].input-error::placeholder,
textarea.p-holder__error::placeholder,
textarea.input-error::placeholder {
  color: #f4282d;
  /* Firefox */
  opacity: 1;
}
input[type=text].p-holder__error:-ms-input-placeholder, .input-error input[type=text]:-ms-input-placeholder, input[type=text].input-error:-ms-input-placeholder,
input[type=password].p-holder__error:-ms-input-placeholder,
.input-error input[type=password]:-ms-input-placeholder,
input[type=password].input-error:-ms-input-placeholder,
input[type=email].p-holder__error:-ms-input-placeholder,
.input-error input[type=email]:-ms-input-placeholder,
input[type=email].input-error:-ms-input-placeholder,
input[type=number].p-holder__error:-ms-input-placeholder,
.input-error input[type=number]:-ms-input-placeholder,
input[type=number].input-error:-ms-input-placeholder,
input[type=tel].p-holder__error:-ms-input-placeholder,
.input-error input[type=tel]:-ms-input-placeholder,
input[type=tel].input-error:-ms-input-placeholder,
input[type=date].p-holder__error:-ms-input-placeholder,
.input-error input[type=date]:-ms-input-placeholder,
input[type=date].input-error:-ms-input-placeholder,
textarea.p-holder__error:-ms-input-placeholder,
textarea.input-error:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #f4282d;
}
input[type=text].p-holder__error::-ms-input-placeholder, .input-error input[type=text]::-ms-input-placeholder, input[type=text].input-error::-ms-input-placeholder,
input[type=password].p-holder__error::-ms-input-placeholder,
.input-error input[type=password]::-ms-input-placeholder,
input[type=password].input-error::-ms-input-placeholder,
input[type=email].p-holder__error::-ms-input-placeholder,
.input-error input[type=email]::-ms-input-placeholder,
input[type=email].input-error::-ms-input-placeholder,
input[type=number].p-holder__error::-ms-input-placeholder,
.input-error input[type=number]::-ms-input-placeholder,
input[type=number].input-error::-ms-input-placeholder,
input[type=tel].p-holder__error::-ms-input-placeholder,
.input-error input[type=tel]::-ms-input-placeholder,
input[type=tel].input-error::-ms-input-placeholder,
input[type=date].p-holder__error::-ms-input-placeholder,
.input-error input[type=date]::-ms-input-placeholder,
input[type=date].input-error::-ms-input-placeholder,
textarea.p-holder__error::-ms-input-placeholder,
textarea.input-error::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #f4282d;
}
input[type=text].p-holder__error:focus, .input-error input[type=text]:focus, input[type=text].input-error:focus,
input[type=password].p-holder__error:focus,
.input-error input[type=password]:focus,
input[type=password].input-error:focus,
input[type=email].p-holder__error:focus,
.input-error input[type=email]:focus,
input[type=email].input-error:focus,
input[type=number].p-holder__error:focus,
.input-error input[type=number]:focus,
input[type=number].input-error:focus,
input[type=tel].p-holder__error:focus,
.input-error input[type=tel]:focus,
input[type=tel].input-error:focus,
input[type=date].p-holder__error:focus,
.input-error input[type=date]:focus,
input[type=date].input-error:focus,
textarea.p-holder__error:focus,
textarea.input-error:focus {
  border-color: #f4282d;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=date]:focus,
textarea:focus {
  border-color: var(--color-primary);
}

input[type=checkbox],
input[type=radio] {
  opacity: 0;
  position: absolute;
}
input[type=checkbox] ~ label,
input[type=radio] ~ label {
  position: relative;
  font-size: 15px;
  line-height: 25px;
  color: var(--color-body);
  font-weight: 400;
  padding-left: 25px;
  cursor: pointer;
  margin-bottom: 0;
}
input[type=checkbox] ~ label::before,
input[type=radio] ~ label::before {
  content: " ";
  position: absolute;
  top: 5px;
  left: 0;
  width: 16px;
  height: 16px;
  border: var(--border-width-1) solid var(--color-gray);
  border-radius: 3px;
  transition: all 0.3s;
}
input[type=checkbox] ~ label::after,
input[type=radio] ~ label::after {
  content: " ";
  position: absolute;
  top: 9px;
  left: 3px;
  width: 10px;
  height: 5px;
  border-bottom: var(--border-width) solid var(--color-white);
  border-left: var(--border-width) solid var(--color-white);
  border-radius: 2px;
  transform: rotate(-45deg);
  opacity: 0;
  transition: all 0.3s;
}
input[type=checkbox]:checked ~ label::before,
input[type=radio]:checked ~ label::before {
  border-color: var(--color-primary);
}
input[type=checkbox]:checked ~ label::after,
input[type=radio]:checked ~ label::after {
  opacity: 1;
  border-color: var(--color-primary);
}

input[type=checkbox].rbt-checkbox-color-black ~ label::after {
  border-color: var(--color-black);
}
input[type=checkbox].rbt-checkbox-color-black:checked ~ label::before {
  border-color: var(--color-black);
}

input[type=radio] ~ label::before {
  border-radius: 50%;
}
input[type=radio] ~ label::after {
  width: 8px;
  height: 8px;
  left: 4px;
  background: var(--color-primary);
  border-radius: 50%;
}
input[type=radio]:checked ~ label::before {
  border-color: var(--color-primary);
}
input[type=radio]:checked ~ label::after {
  opacity: 1;
  transform: none;
  border: none;
}
input[type=radio].rbt-radio-color-black:checked ~ label::before {
  border-color: var(--color-black);
}
input[type=radio].rbt-radio-color-black:checked ~ label::after {
  background: var(--color-black);
}

.form-switch {
  display: flex;
  align-items: center;
}
.form-switch input[type=checkbox] {
  opacity: 1;
  position: relative;
  margin-left: 0 !important;
  margin-top: 0;
  outline: none;
  margin-bottom: 0;
}
.form-switch input[type=checkbox]:checked {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.form-switch input[type=checkbox]:focus {
  outline: 0;
  box-shadow: none;
}
.form-switch input[type=checkbox] ~ label {
  padding-left: 10px;
}
.form-switch input[type=checkbox] ~ label::before, .form-switch input[type=checkbox] ~ label::after {
  display: none;
}
.form-switch .form-check-input {
  border: none;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  background-color: var(--color-gray-3);
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e") ;
}
.form-switch .form-check-input:checked {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:active {
  filter: none;
}

.rbt-form-group {
  margin-bottom: 20px;
  display: block;
  position: relative;
}
.rbt-form-group label {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b1);
  font-weight: var(--f-regular);
  line-height: var(--line-height-b1);
  margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .rbt-form-group label {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    margin-bottom: 8px;
  }
}
.rbt-form-group .rbt-input-field {
  display: block;
  position: relative;
}
.rbt-form-group .rbt-input-field input + .focus-border,
.rbt-form-group .rbt-input-field textarea + .focus-border {
  position: absolute;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  background: linear-gradient(90deg, var(--color-primary-alt) 0%, var(--color-secondary-alt) 100%);
  border-radius: var(--radius-lg);
  left: -1px;
  bottom: -1px;
  z-index: 1;
  opacity: 0;
  transition: 0.3s;
}
.rbt-form-group .rbt-input-field input:focus, .rbt-form-group .rbt-input-field input.rbt-active,
.rbt-form-group .rbt-input-field textarea:focus,
.rbt-form-group .rbt-input-field textarea.rbt-active {
  border-color: transparent;
}
.rbt-form-group .rbt-input-field input:focus + .focus-border, .rbt-form-group .rbt-input-field input.rbt-active + .focus-border,
.rbt-form-group .rbt-input-field textarea:focus + .focus-border,
.rbt-form-group .rbt-input-field textarea.rbt-active + .focus-border {
  opacity: 1;
}
.rbt-form-group input {
  border: none;
  border-radius: var(--radius-md);
  height: 50px;
  line-height: 50px;
  font-size: var(--font-size-b1);
  transition: var(--transition);
  padding: 8px 24px;
  width: 100%;
  position: relative;
  z-index: 2;
  background: var(--color-white);
  color: var(--color-black);
  font-weight: var(--f-regular);
}
.rbt-form-group input:focus {
  border: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-form-group input {
    height: 48px;
    line-height: 48px;
    padding: 12px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-form-group input {
    height: 44px;
    line-height: 44px;
    padding: 8px 16px;
    font-size: var(--font-size-b2);
  }
}
.rbt-form-group textarea {
  height: auto;
  min-height: 180px;
  border: none;
  border-radius: var(--radius-md);
  resize: none;
  padding: 15px;
  font-size: var(--font-size-b1);
  transition: var(--transition);
  width: 100%;
  position: relative;
  z-index: 2;
  background: var(--color-white);
  color: var(--color-black);
}
@media only screen and (max-width: 767px) {
  .rbt-form-group textarea {
    padding: 8px 16px;
    font-size: var(--font-size-b2);
  }
}

textarea {
  padding: 10px 15px;
  height: auto;
}

input[type=submit] {
  width: auto;
  letter-spacing: 2px;
  padding: 15px 20px;
  border-radius: 6px;
  display: block;
  font-weight: 500;
  transition: 0.3s;
  border: var(--border-width) solid var(--color-primary);
  background: var(--color-primary);
  color: #ffffff;
  height: 60px;
  margin-top: 30px;
}
input[type=submit]:hover {
  color: #ffffff;
  -webkit-box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1);
  box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1);
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.contact-form--1 form input::-webkit-input-placeholder,
.contact-form--1 form textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--color-body) !important;
}

.contact-form--1 form input::-moz-placeholder,
.contact-form--1 form textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--color-body) !important;
}

.contact-form--1 form input:-ms-input-placeholder,
.contact-form--1 form textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--color-body) !important;
}

.contact-form--1 form input:-moz-placeholder,
.contact-form--1 form textarea:-moz-placeholder {
  /* Firefox 18- */
  color: var(--color-body) !important;
}

.form-check {
  padding-left: 0;
}

.rbt-checkbox-wrapper {
  position: relative;
}

input[disabled] {
  display: none;
}

/* For Image Radio  */
.rbt-image-checkbox {
  display: flex;
  height: 100%;
}
.rbt-image-checkbox label {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding-left: 0 !important;
  border: 3px solid var(--color-border);
  border-radius: 6px;
}
.rbt-image-checkbox label::after {
  background-image: url(../images/icons/yes.webp) !important;
  opacity: 0;
  position: absolute !important;
  content: "" !important;
  background-attachment: scroll !important;
  background-size: cover !important;
  transform: none !important;
  width: 40px !important;
  height: 40px !important;
  border: 0 none;
  left: auto !important;
  top: -20px !important;
  right: -20px !important;
}
.rbt-image-checkbox label img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rbt-image-checkbox input[type=radio] ~ label::before {
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  left: 0;
  top: 0;
  border: 0 none;
  border-radius: 0;
}
.rbt-image-checkbox input[type=radio]:checked + label::after, .rbt-image-checkbox input[type=radio]:checked + label::before {
  opacity: 1;
}
.rbt-image-checkbox input[type=radio] {
  display: none;
}

.rbt-form {
  padding: 40px;
  max-width: 550px;
  width: 100%;
  background: var(--color-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-form {
    padding: 24px;
    max-width: 452px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-form {
    position: relative;
    margin-top: 40px;
    padding: 24px;
    max-width: 100%;
  }
}
.rbt-form::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: linear-gradient(90deg, var(--color-primary-alt) 0%, var(--color-secondary-alt) 100%);
}
.rbt-form .rbt-form-round-bg-shape {
  display: inline-block;
  height: 580px;
  width: 670px;
  border-radius: 50%;
  opacity: 0.2;
  position: absolute;
  filter: blur(100px);
}
.rbt-form .rbt-form-round-bg-shape.shape-1 {
  background: var(--color-secondary-alt);
  left: -70%;
}
.rbt-form .rbt-form-round-bg-shape.shape-2 {
  background: var(--color-primary);
  right: -70%;
  top: 30%;
}
.rbt-form .rbt-form-header {
  position: relative;
  z-index: 1;
}
.rbt-form .rbt-form-header .rbt-title {
  margin-bottom: 12px;
  line-height: 1;
}

.rbt-price-range-slider {
  position: relative;
  width: 100%;
}
.rbt-price-range-slider .rbt-price-range-slider-label {
  font-size: var(--font-size-b1);
  font-weight: var(--f-medium);
}
@media only screen and (max-width: 767px) {
  .rbt-price-range-slider .rbt-price-range-slider-label {
    font-size: var(--font-size-b3);
  }
}
.rbt-price-range-slider .rbt-range-value {
  margin: 0;
}
.rbt-price-range-slider .rbt-range-value input {
  border: none;
  position: absolute;
  top: -10px;
  right: 25px;
  max-width: 170px;
  padding: 0 10px;
  font-size: var(--font-size-b1);
  font-weight: var(--f-medium);
  color: var(--color-heading);
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .rbt-price-range-slider .rbt-range-value input {
    font-size: var(--font-size-b3);
    top: -11px;
    right: 22px;
    max-width: 112px;
  }
}
.rbt-price-range-slider .rbt-range-bar {
  border: none;
  background: var(--color-primary-opacity-200);
  border-radius: var(--radius-md);
  height: 10px;
  width: 100%;
  position: relative;
}
.rbt-price-range-slider .rbt-range-bar .ui-slider-range {
  background: var(--color-primary);
  position: absolute;
  height: 100%;
  border-radius: var(--radius-md);
}
.rbt-price-range-slider .rbt-range-bar .ui-slider-handle {
  position: absolute;
  height: 26px;
  width: 26px;
  background: var(--color-white);
  filter: drop-shadow(4px 0px 10px var(--color-primary-opacity-300));
  border-radius: var(--radius-full);
  touch-action: none;
  border: none;
  outline: none;
  cursor: pointer;
  margin-left: -15px;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
}
.rbt-price-range-slider .rbt-custom-range-btn {
  height: 30px;
  width: 30px;
  background: var(--color-white);
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -10px;
  top: -2px;
}
@media only screen and (max-width: 767px) {
  .rbt-price-range-slider .rbt-custom-range-btn {
    top: -5px;
  }
}

.rbt-form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media only screen and (max-width: 575px) {
  .rbt-form-grid {
    display: block;
  }
}
.rbt-form-grid .rbt-form-group:last-of-type {
  grid-column: span 2;
}
.rbt-form-grid input,
.rbt-form-grid textarea {
  background: var(--color-secondary-shade);
}
.rbt-form-grid .rbt-btn {
  max-width: 184px;
}

.rbt-fw-placeholder-300 input::placeholder,
.rbt-fw-placeholder-300 textarea::placeholder {
  font-weight: var(--f-light);
  font-size: var(--font-size-b2);
}

/*-------------------------
    Rbt Default
-------------------------*/
.rbt-index-upper {
  position: relative;
  z-index: 1;
}

.sticky-top {
  top: 30px;
  z-index: 7;
}

.rbt-single-group {
  margin: -5px;
}
.rbt-single-group .rbt-single-list {
  margin: 5px;
}

@media only screen and (max-width: 767px) {
  .transform-sm-none {
    transform: none !important;
  }
}

/*-------------------------
    Rbt Round Btn
-------------------------*/
.rbt-round-btn {
  width: 40px;
  height: 40px;
  line-height: 41px;
  text-align: center;
  border-radius: 100%;
  position: relative;
  z-index: 1;
  background: transparent;
  padding: 0;
  border: 0 none;
  display: block;
}
@media only screen and (max-width: 767px) {
  .rbt-round-btn {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.rbt-round-btn i {
  margin-right: 0;
}
.rbt-round-btn::after {
  background: var(--color-gray-light);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: 0.4s;
  opacity: 0;
  transform: scale(0.8);
  border-radius: 100%;
  z-index: -1;
}
.rbt-round-btn.btn-white-off {
  color: var(--color-white-off);
}
.rbt-round-btn:hover, .rbt-round-btn.open {
  color: var(--color-primary);
}
.rbt-round-btn:hover::after, .rbt-round-btn.open::after {
  opacity: 1;
  transform: scale(1);
}

/*------------------------------
    Rbt Hover Style
-------------------------------*/
.rbt-hover {
  transition: var(--transition-2);
}
.rbt-hover:hover {
  transform: scale(1.02);
}

.rbt-hover-02 {
  transition: var(--transition-2);
}
.rbt-hover-02:hover {
  transform: translateY(-10px);
}

.rbt-hover-03 {
  transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
}
.rbt-hover-03:hover {
  transform: translateY(-3px);
}

.rbt-link-hover a {
  position: relative;
}
.rbt-link-hover a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s;
}
.rbt-link-hover a:hover::after {
  transform-origin: bottom left;
  transform: scaleX(1);
}

/*------------------------------
    Rbt Theme Gradient
-------------------------------*/
.theme-gradient {
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.001);
}

.theme-gradient.new-big-heading-gradient {
  background: linear-gradient(180deg, rgb(228, 226, 250) 0%, rgba(57, 78, 244, 0.03) 80%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.001);
  white-space: nowrap;
}

/*------------------------------
    Rbt Slider Gutter
-------------------------------*/
.gutter-swiper-30 {
  margin: -15px;
}
.gutter-swiper-30 .single-slide {
  padding: 15px;
}

.gutter-swiper-20 {
  margin: -10px;
}
.gutter-swiper-20 .single-slide {
  padding: 10px;
}

.gutter-swiper-10 {
  margin: -5px;
}
.gutter-swiper-10 .single-slide {
  padding: 5px;
}

/*------------------------------
    Rbt rating
-------------------------------*/
.rating a {
  display: inline-block;
}
.rating a i {
  color: var(--color-warning);
  font-style: normal;
}

/*------------------------------
    Rbt Shape Style
-------------------------------*/
.theme-shape {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.theme-shape::before {
  position: absolute;
  left: -250px;
  top: 250px;
  right: auto;
  bottom: auto;
  z-index: -1;
  width: 500px;
  height: 500px;
  border-radius: 1000px;
  background-image: linear-gradient(45deg, var(--color-primary), var(--color-secondary));
  opacity: 0.2;
  filter: blur(100px);
  content: "";
}
.theme-shape::after {
  position: absolute;
  z-index: -1;
  width: 500px;
  height: 500px;
  border-radius: 1000px;
  opacity: 0.2;
  filter: blur(100px);
  content: "";
  left: auto;
  top: -250px;
  right: -250px;
  bottom: auto;
  background-image: linear-gradient(45deg, var(--color-violet), var(--color-secondary-alt));
}

.card-info {
  display: inline-block;
}
.card-info .inner {
  background: var(--color-white);
  box-shadow: var(--shadow-1);
  border-radius: 5px;
  padding: 20px 30px;
}
.card-info .inner .name {
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  color: var(--color-heading);
}
.card-info .inner .name span {
  font-size: 14px;
  color: var(--color-body);
  font-weight: 400;
}
.card-info .inner .rating-wrapper span {
  display: inline-block;
  margin-left: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}
@media only screen and (max-width: 575px) {
  .card-info .inner .rating-wrapper span {
    margin-left: 0;
  }
}
.card-info .inner .rating-wrapper i {
  color: #ffa41b;
}
.card-info .notify-icon {
  width: 100px;
  border-radius: 100%;
  position: absolute;
  top: -50px;
  left: -50px;
  text-align: center;
  height: 100px;
}
.card-info .notify-icon .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.card-info .notify-icon .icon svg {
  color: var(--color-white);
  width: 28px;
}
.card-info .notify-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*-------------------------
    Card Author Meta 
-------------------------*/
.rbt-author-meta {
  display: flex;
  align-items: center;
}
.rbt-author-meta .rbt-avater {
  margin-right: 10px;
}
.rbt-author-meta .rbt-avater a {
  display: block;
}
.rbt-author-meta .rbt-avater img {
  width: 40px;
  max-width: 40px;
  height: 40px;
  border-radius: 100%;
  object-fit: cover;
  border: var(--border-width) solid var(--primary-opacity);
  padding: 2px;
}
.rbt-author-meta .rbt-author-info {
  font-size: 14px;
}
.rbt-author-meta .rbt-author-info a {
  color: var(--color-heading);
  font-weight: 500;
  transition: var(--transition);
}
.rbt-author-meta .rbt-author-info a:hover {
  color: var(--color-primary);
}

/*-----------------------------
    Rbt Border Style  
------------------------------*/
.rbt-border-none {
  border: 0 none !important;
}

.rbt-border {
  border: 1px solid var(--color-border) !important;
}

.rbt-border-primary-400 {
  border: 2px solid var(--color-primary-400) !important;
}

.rbt-border-primary-200 {
  border: 2px solid var(--color-primary-200) !important;
}

.rbt-border-2 {
  border: var(--border-width) solid var(--color-border) !important;
}

.rbt-border-4 {
  border: 4px solid rgba(from var(--color-white) r g b/0.4) !important;
}

.rbt-border-4-white {
  border: 4px solid var(--color-white) !important;
}

.rbt-border-dashed {
  border: 2px dashed var(--color-border) !important;
}

.rbt-border-with-box {
  padding: 30px;
  border-radius: var(--radius);
  background: var(--color-white);
  overflow: hidden;
  border: 1px solid var(--color-border);
}
@media only screen and (max-width: 767px) {
  .rbt-border-with-box {
    padding: 15px;
  }
}

.rbt-border-white-1 {
  border: 1px solid var(--color-white);
}

.rbt-border-white-2 {
  border: 2px solid var(--color-white);
}

.rbt-border-bottom {
  border-bottom: 1px solid var(--color-border);
}

.rbt-border-top {
  border-top: 1px solid var(--color-border);
}

.rbt-border-top-heading {
  border-top: 1px solid rgba(from var(--color-heading) r g b/0.06);
}

.rbt-border-top-heading-2 {
  border-top: 2px solid rgba(from var(--color-heading) r g b/0.06);
}

.rbt-border-bottom-light {
  border-bottom: 1px solid var(--color-border-2);
}

.border-right-1 {
  border-right: 1px solid rgba(from var(--color-heading) r g b/0.1);
}

.border-right-dot-1 {
  position: relative;
  border-right: 1px solid var(--color-primary);
}
.border-right-dot-1::before, .border-right-dot-1::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: var(--radius-full);
  background: var(--color-primary);
  right: -4px;
}
@media only screen and (max-width: 575px) {
  .border-right-dot-1::before, .border-right-dot-1::after {
    content: none;
  }
}
.border-right-dot-1::before {
  top: 0;
}
.border-right-dot-1::after {
  bottom: 0;
}

@media only screen and (max-width: 575px) {
  .border-right-sm-0 {
    border-right: 1px solid transparent;
  }
}

.border-bottom-4 {
  border-bottom: 4px solid var(--color-primary);
}

.border-top-bar-primary-color {
  border-top: 5px solid var(--color-primary);
}

.border-top-bar-secondary-color {
  border-top: 5px solid var(--color-secondary);
}

.rbt-separator {
  display: block;
  height: 1px;
  width: 100%;
  background: var(--color-primary-opacity-100);
}

.rbt-separator-vertical {
  display: inline-block;
  min-height: 15px;
  height: 100%;
  width: 1px;
  background: var(--color-primary-opacity-100);
}

/*-----------------------------
    Rbt Border Radius  
-------------------------------*/
.rbt-radius-0 {
  border-radius: 0px !important;
}

.rbt-radius-5 {
  border-radius: 5px !important;
}

.rbt-radius-10 {
  border-radius: 10px !important;
}

.rbt-radius-15 {
  border-radius: 15px !important;
}

.rbt-radius-20 {
  border-radius: 20px !important;
}

.rbt-radius-25 {
  border-radius: 25px !important;
}

.rbt-radius-30 {
  border-radius: 30px !important;
}

.rbt-radius-35 {
  border-radius: 35px !important;
}

.rbt-radius-40 {
  border-radius: 40px !important;
}

.rbt-radius-45 {
  border-radius: 45px !important;
}

.rbt-radius-50 {
  border-radius: 50px !important;
}

/*-----------------------------
    Rbt Background Image
--------------------------------*/
.bgImagePosition {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image_fixed {
  background-attachment: fixed !important;
}

.bg_image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg--fixed {
  background-attachment: fixed !important;
}

.bg--sticky {
  position: sticky !important;
  top: 3.75rem;
}

.bg_image--9 {
  background-position: bottom 44% center;
}

.rbt-alert-success.alert-success {
  color: var(--color-body);
  background-color: var(--color-grey);
  border: 0 none;
  border-top: 5px solid var(--color-success);
  padding: 10px 0;
  text-align: center;
}
.rbt-alert-success.alert-success a {
  color: var(--color-heading);
}

.rbt-edit-photo-inner {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
.rbt-edit-photo-inner .rbt-edit-photo {
  background: var(--color-gray-light);
  border-radius: 100%;
  color: var(--color-primary);
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0 none;
  transition: 0.3s;
}
.rbt-edit-photo-inner .rbt-edit-photo:hover {
  background: var(--color-primary);
  color: var(--color-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bg_image--19 {
    background-position: center right 25%;
  }
}
@media only screen and (max-width: 767px) {
  .bg_image--19 {
    background-position: center right 25%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bg_image--22 {
    background-position: center right 33%;
  }
}
@media only screen and (max-width: 767px) {
  .bg_image--22 {
    background-position: center right 33%;
  }
}

.rbt-reviews {
  display: flex;
  gap: 2px;
  align-items: center;
  width: fit-content;
}
.rbt-reviews .rbt-single-star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: var(--color-rating-green);
}
.rbt-reviews .rbt-review-list {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 4px;
}
.rbt-reviews .rbt-review-list li {
  margin: 0;
  list-style: none;
  color: var(--color-rating);
}

.rbt-reviews-2 {
  background: var(--color-white);
  padding: 12px;
  border-radius: 12px;
  max-width: 236px;
  position: absolute;
  right: 270px;
  bottom: 334px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-reviews-2 {
    right: 300px;
    bottom: 230px;
  }
}

.rbt-gradient-text {
  background: linear-gradient(96deg, var(--color-secondary) -11.57%, var(--color-primary-opacity-900) 101.08%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rbt-gradient-text-2 {
  background-image: linear-gradient(90deg, #91c2fe 0%, var(--color-purple) 50%, var(--color-secondary-alt-opacity-900) 100%);
  background-repeat: no-repeat;
  background-position: right center;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rbt-gradient-text-3 {
  background: linear-gradient(180deg, var(--color-primary-opacity-900) 0%, var(--color-secondary-alt-opacity-900) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rbt-gradient-text-4 {
  background: linear-gradient(101deg, var(--color-primary-opacity-900) 0%, var(--color-secondary-alt-opacity-900) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rbt-gradient-text-5 {
  background: linear-gradient(90deg, var(--color-primary-opacity-800) 0%, var(--color-secondary-alt) 82%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rbt-gradient-text-6 {
  background: linear-gradient(90deg, var(--color-primary-alt) 12.38%, var(--color-purple) 35.8%, var(--color-secondary-alt) 55.75%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rbt-gradient-text-7 {
  background: linear-gradient(102deg, var(--color-primary) -0.32%, var(--color-secondary-alt) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rbt-gradient-text-8 {
  background: linear-gradient(342deg, var(--color-primary-alt) 32.23%, var(--color-secondary-alt) 63.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rbt-gradient-text-9 {
  background: linear-gradient(90deg, var(--color-primary-alt) 0%, var(--color-secondary-alt) 94.67%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rbt-gradient-bg-1 {
  background: linear-gradient(101deg, var(--color-primary-opacity-900) 0%, var(--color-secondary-alt-opacity-900) 100%) !important;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rbt-gradient-bg-2 {
  background: var(--gradient-light1) !important;
  box-shadow: 0 20px 46px 0 var(--color-primary-100) inset, 2.25px -7px 44px 0 var(--color-primary-100) inset !important;
}

.rbt-gradient-bg-3 {
  background: linear-gradient(145deg, rgba(254, 113, 185, 0.04) -2.12%, rgba(20, 2, 73, 0.01) 121.13%) !important;
}

.rbt-gradient-bg-light1 {
  background: var(--gradient-light1);
}

.bg-gradient-1 {
  background: var(--gradient-1) !important;
}

.bg-gradient-2 {
  background: var(--gradient-2) !important;
}

.bg-gradient-3 {
  background: var(--gradient-3) !important;
}

.bg-gradient-4 {
  background: var(--gradient-light1) !important;
}

.bg-gradient-5 {
  background: var(--gradient-light2) !important;
}

.bg-secondary-shade {
  background: var(--color-secondary-shade) !important;
}

.bg-secondary-shade-1 {
  background: #fbfcfe !important;
}

.rbt-text-white-80 {
  color: rgba(from var(--color-white) r g b/0.8) !important;
}

.rbt-text-white-90 {
  color: rgba(from var(--color-white) r g b/0.9) !important;
}

.rbt-text-white-60 {
  color: rgba(from var(--color-white) r g b/0.6) !important;
}

.rbt-text-body-90 {
  color: rgba(from var(--color-body) r g b/0.9) !important;
}

.rbt-text-heading-80 {
  color: rgba(from var(--color-heading) r g b/0.8) !important;
}

.rbt-text-heading-90 {
  color: rgba(from var(--color-heading) r g b/0.9) !important;
}

.rbt_hover-text-heading-100:hover {
  color: rgba(from var(--color-heading) r g b/1) !important;
}

.rbt-text-nowrap {
  white-space: nowrap;
}

.rbt-divider {
  display: flex;
  gap: 20px;
  align-items: center;
  white-space: nowrap;
  font-weight: var(--f-medium);
}
.rbt-divider::before {
  content: "";
  height: 1px;
  width: 100%;
  flex-grow: 1;
  background: linear-gradient(90deg, transparent 0%, var(--color-primary-opacity-900) 135%);
  opacity: 0.2;
}
.rbt-divider::after {
  content: "";
  height: 1px;
  width: 100%;
  flex-grow: 1;
  background: linear-gradient(90deg, var(--color-primary-opacity-900) 0%, transparent 79%);
  opacity: 0.2;
}
.rbt-divider.variation-two {
  height: 2px;
  background: var(--color-heading);
  opacity: 0.1;
}
.rbt-divider.variation-two::after, .rbt-divider.variation-two::before {
  content: none;
}

.rbt-radius {
  border-radius: var(--radius) !important;
}

.rbt-radius-sm {
  border-radius: var(--radius-sm) !important;
}

.rbt-radius-md {
  border-radius: var(--radius-md) !important;
}

.rbt-radius-lg {
  border-radius: var(--radius-lg) !important;
}

.rbt-radius-xl {
  border-radius: var(--radius-xl) !important;
}

.rbt-radius-xxl {
  border-radius: var(--radius-xxl) !important;
}

.rbt-radius-full {
  border-radius: var(--radius-full) !important;
}

.rbt-border-white-3 {
  border: 3px solid var(--color-white);
}

.rbt-text-uppercase {
  text-transform: uppercase;
}

.rbt-text-lowercase {
  text-transform: lowercase;
}

.rbt-text-capitalize {
  text-transform: capitalize;
}

.rbt-scroll::-webkit-scrollbar {
  width: 10px;
  height: 4px;
}

.rbt-scroll::-webkit-scrollbar-thumb {
  background-color: var(--color-gray-3) !important;
  outline: 0;
  border-radius: 10px;
}

.rbt-scroll::-webkit-scrollbar-track {
  background: var(--color-primary-200) !important;
  padding: 1px;
  border-radius: 8px;
}

.rbt-scroll-content {
  padding: 5px 0;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
}
.rbt-scroll-content::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.rbt-scroll-content::-webkit-scrollbar-track {
  background: var(--color-gray-light);
  border-radius: 100px;
}
.rbt-scroll-content::-webkit-scrollbar-thumb {
  background: var(--color-primary-900);
  border-radius: 6px;
}
.rbt-scroll-content.rbt-scrollbar-none::-webkit-scrollbar {
  display: none;
}

.rbt-shadow-1 {
  box-shadow: var(--shadow-1);
}

.rbt-shadow-2 {
  box-shadow: var(--shadow-2);
}

.rbt-shadow-3 {
  box-shadow: var(--shadow-3);
}

.rbt-shadow-inner-1 {
  box-shadow: 0 20px 46px 0 #f1f3ff inset, 2.25px -7px 44px 0 #f1f3ff inset;
}

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

.rbt-shadow-left::before, .rbt-shadow-left::after {
  position: absolute;
  content: "";
  width: 300px;
  height: 500px;
  z-index: 5;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-shadow-left::before, .rbt-shadow-left::after {
    width: 220px;
  }
}
@media only screen and (min-width: 1200px) {
  .rbt-shadow-left::before {
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    top: calc(50% - 160px);
  }
}
@media only screen and (min-width: 1200px) {
  .rbt-shadow-left::after {
    right: 0;
    background: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    top: calc(50% - 160px);
  }
}

.text-shadow-none {
  text-shadow: none !important;
}

.rbt-scroll-x {
  overflow-x: auto;
  overflow-y: visible;
}
.rbt-scroll-x::-webkit-scrollbar {
  width: 10px;
  height: 4px;
}
.rbt-scroll-x::-webkit-scrollbar-thumb {
  background-color: var(--color-gray-3) !important;
  outline: 0;
  border-radius: 10px;
}
.rbt-scroll-x::-webkit-scrollbar-track {
  background: var(--color-primary-200) !important;
  padding: 1px;
  border-radius: 8px;
}
.rbt-scroll-x.rbt-srollbar-none::-webkit-scrollbar {
  display: none;
}

.rbt-company-origin-highlight {
  position: relative;
  padding-top: 80px;
  height: 100%;
  min-height: 400px;
}
@media only screen and (max-width: 767px) {
  .rbt-company-origin-highlight {
    min-height: 290px;
  }
}
.rbt-company-origin-highlight .rbt-background-watermark-text {
  position: absolute;
  top: 0;
  left: calc(50% - 30px);
  transform: translateX(-50%);
  background: linear-gradient(180deg, #d1d3e5 -19.44%, rgba(209, 211, 229, 0.3) 96.5%);
  opacity: 0.2;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 150px;
  font-weight: var(--f-bold);
  line-height: 1;
  letter-spacing: -1.5px;
  white-space: nowrap;
  pointer-events: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-company-origin-highlight .rbt-background-watermark-text {
    font-size: 130px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-company-origin-highlight .rbt-background-watermark-text {
    font-size: 100px;
  }
}
.rbt-company-origin-highlight .rbt-content {
  display: flex;
  justify-content: end;
  align-items: baseline;
  padding-right: 100px;
}
@media only screen and (max-width: 767px) {
  .rbt-company-origin-highlight .rbt-content {
    justify-content: center;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-company-origin-highlight .rbt-content {
    justify-content: end;
  }
}
.rbt-company-origin-highlight .rbt-label {
  color: var(--color-body);
  font-size: var(--font-size-b2);
  font-weight: var(--f-semibold);
  line-height: normal;
  letter-spacing: -0.15px;
  margin: 0;
}
.rbt-company-origin-highlight .rbt-year {
  text-shadow: 2px 2px 0px rgba(12, 4, 37, 0.12);
  font-size: var(--display-font);
  font-weight: var(--f-medium);
  line-height: 1;
  letter-spacing: -5px;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-company-origin-highlight .rbt-year {
    font-size: 85px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-company-origin-highlight .rbt-year {
    font-size: 72px;
  }
}
.rbt-company-origin-highlight .rbt-background-logo-icon {
  position: absolute;
  bottom: 10px;
  right: 15%;
  z-index: 11;
  pointer-events: none;
}

@media only screen and (max-width: 767px) {
  .rbt_sm--hidden {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  .overflow-md-unset {
    overflow: unset !important;
  }
}

.rbt-text-hover-primary {
  transition: var(--transition);
}
.rbt-text-hover-primary:hover {
  transition: var(--transition);
  color: var(--color-primary) !important;
}

.rbt-text-secondary-shade {
  color: var(--color-secondary-shade) !important;
}

.rbt-lh-h1 {
  line-height: var(--line-height-h1) !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb_md--50 {
    padding-bottom: 50px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .rbt-border_xl-0 {
    border: none !important;
  }
}

.rbt-before-none::before {
  content: none !important;
}

.rbt-after-none::after {
  content: none !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .wdt_lg--100 {
    width: 100%;
  }
}

.rbt-scaleY-1 {
  transform: scaleY(1) !important;
}

.rbt-scaleX-1 {
  transform: scaleX(1) !important;
}

.rbt-top-unset {
  top: unset !important;
}

.rbt-left-unset {
  left: unset !important;
}

.rbt-right-unset {
  right: unset !important;
}

.rbt-transformY-0 {
  transform: translateY(0) !important;
}

.rbt-shadow-inset-1 {
  box-shadow: 0 2px 12.1px 0 rgba(97, 3, 65, 0.22) inset, 0 -4px 22px 0 rgba(56, 2, 44, 0.53) inset !important;
}

.rbt-shadow-inner-1 {
  position: relative;
}
.rbt-shadow-inner-1::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 26px 0 rgba(241, 243, 255, 0.6901960784) inset, 2.25px -7px 44px 0 rgba(241, 243, 255, 0.3882352941) inset;
  z-index: 1;
}

.rbt-lh-1 {
  line-height: 1;
}

.rbt-lh-2 {
  line-height: 1.2;
}

.rbt-hover-scale-1 .rbt-hover-item {
  transform: scale(1);
  transition: var(--transition-1);
  display: block;
}
.rbt-hover-scale-1:hover .rbt-hover-item {
  transform: scale(1.02);
  transition: var(--transition-1);
}

.rbt-fw-placeholder-lightinput::placeholder {
  font-weight: var(--color-light);
}
.rbt-fw-placeholder-lighttextarea::placeholder {
  font-weight: var(--color-light);
}

.rbt-hdt-unset {
  height: unset !important;
}

.rbt-wdt-unset {
  width: unset !important;
}

.rbt-max-wdt-unset {
  max-width: unset !important;
}

.rbt-min-wdt-unset {
  min-width: unset !important;
}

.rbt-text-inherit {
  color: inherit !important;
}

.rbt-cursor-default {
  cursor: default !important;
}

.rbt-utilize-area .rbt-default-sidebar {
  border-radius: 12px;
  padding: 12px 12px 16px 12px;
  background: var(--gradient-light1);
  box-shadow: 2.25px -7px 44px 0 #F1F3FF inset;
}
.rbt-utilize-area .rbt-default-sidebar .rbt-sidebar-header {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: var(--border-width) solid rgba(0, 35, 75, 0.06);
}
.rbt-utilize-area .rbt-default-sidebar .rbt-sidebar-header .rbt-sidebar-label {
  color: var(--color-body);
  font-size: var(--font-size-b4);
  font-weight: var(--f-semibold);
  line-height: normal;
  letter-spacing: -0.14px;
  margin-bottom: 0;
}
.rbt-utilize-area .rbt-default-sidebar .rbt-sidebar-header .rbt-sidebar-collapse-button {
  border-radius: var(--radius);
  border: 1px solid rgba(0, 35, 75, 0.1);
  background: var(--color-secondary-shade);
  backdrop-filter: blur(14px);
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rbt-utilize-area .rbt-default-sidebar .rbt-default-sidebar-list {
  margin: 0;
  padding-left: 20px;
  list-style: disc;
}
.rbt-utilize-area .rbt-default-sidebar .rbt-default-sidebar-list li {
  margin: 0;
  padding: 0;
}
.rbt-utilize-area .rbt-default-sidebar .rbt-default-sidebar-list li a {
  color: var(--color-body);
  font-size: var(--font-size-b3);
  font-weight: var(--f-semibold);
  line-height: normal;
  letter-spacing: -0.15px;
}
.rbt-utilize-area .rbt-default-sidebar .rbt-default-sidebar-list li a:hover {
  color: var(--color-black);
}
.rbt-utilize-area .rbt-default-sidebar .rbt-default-sidebar-list li + li {
  margin-top: 20px;
}
.rbt-utilize-area .rbt-default-sidebar .rbt-default-sidebar-list li.current > a {
  color: var(--color-heading) !important;
}
.rbt-utilize-area .sticky-top {
  position: sticky;
  top: 100px;
  position: -webkit-sticky;
}

.rbt-utilize-area .rbt-default-sidebar-list li.has-submenu .collapse-btn {
  font-size: 20px;
  color: var(--color-primary);
  background: var(--color-blackest);
  padding-left: 50px;
}
.rbt-utilize-area .rbt-default-sidebar-list li.has-submenu .collapse-btn::after {
  position: absolute;
  content: "\e996";
  font-family: "feather" !important;
  font-size: var(--font-size-b1);
  color: var(--color-blackest);
  left: 5px;
  right: unset;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.4s ease;
  height: 30px;
  width: 30px;
  background: var(--color-primary);
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
}
.rbt-utilize-area .rbt-default-sidebar-list li.has-submenu .collapse-btn.collapsed {
  background: transparent;
  color: var(--heading);
}
.rbt-utilize-area .rbt-default-sidebar-list li.has-submenu .collapse-btn.collapsed:after {
  color: var(--color-heading);
  background: var(--color-dark);
}

.mouse-cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
}

.cursor-inner {
  margin-left: -4px;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  z-index: 10000001;
  background: var(--color-primary-opacity-800);
  -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out, margin 0.5s ease-in-out, opacity 0.5s ease-in-out, transform 0.7s ease-out;
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out, margin 0.5s ease-in-out, opacity 0.5s ease-in-out, transform 0.7s ease-out;
}

.cursor-inner.cursor-hover {
  margin-left: -4px;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  background: var(--color-primary);
  mix-blend-mode: difference;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.cursor-outer {
  margin-left: -16px;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  border: var(--border-width) solid var(--color-primary-opacity-800);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out, margin 0.5s ease-in-out, opacity 0.5s ease-in-out, transform 0.5s ease-out;
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out, margin 0.5s ease-in-out, opacity 0.5s ease-in-out, transform 0.5s ease-out;
}

.main-wrapper[data-magic-cursor=hide] .mouse-cursor {
  display: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: -1111;
}

/**************************************
    Header Styles
***************************************/
/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-mainmenu {
  margin: 0;
  padding: 0;
  display: flex;
}
.rbt-mainmenu li {
  padding: 0;
  margin: 0;
}
.rbt-mainmenu li.rbt-has-dropdown svg,
.rbt-mainmenu li.rbt-has-dropdown i, .rbt-mainmenu li.rbt-has-megamenu svg,
.rbt-mainmenu li.rbt-has-megamenu i {
  position: relative;
}
.rbt-mainmenu li.rbt-has-dropdown svg.rbt-dropdown-arrow, .rbt-mainmenu li.rbt-has-megamenu svg.rbt-dropdown-arrow {
  transition: var(--transition-6);
}
.rbt-mainmenu li.rbt-has-dropdown:hover svg.rbt-dropdown-arrow, .rbt-mainmenu li.rbt-has-megamenu:hover svg.rbt-dropdown-arrow {
  transform: rotate(180deg);
}
.rbt-mainmenu li.rbt-has-dropdown:hover .rbt-megamenu, .rbt-mainmenu li.rbt-has-megamenu:hover .rbt-megamenu {
  clip: rect(0px, 100vw, 200vh, -30px);
  transition: clip 0.4s linear, opacity 0.4s linear;
}
.rbt-mainmenu li.rbt-has-dropdown:hover > a, .rbt-mainmenu li.rbt-has-megamenu:hover > a {
  color: var(--color-primary);
}
.rbt-mainmenu li > a {
  height: 70px;
  line-height: 70px;
  padding: 0 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-mainmenu li > a {
    padding: 0 12px;
  }
}
.rbt-mainmenu li a {
  color: var(--color-gray);
  font-family: var(--font-primary);
  font-size: var(--font-size-b2);
  font-weight: var(--f-medium);
  display: flex;
  gap: 6px;
}
.rbt-mainmenu li.has-dropdown .submenu {
  min-width: 300px;
  height: auto;
  z-index: 90;
  text-align: left;
  padding: 12px 0;
  border-radius: 12px;
  left: -50%;
  background-color: var(--color-white);
  box-shadow: var(--shadow-1);
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(230, 227, 241, 0.3098039216);
}
.rbt-mainmenu li.has-dropdown .submenu li {
  position: relative;
}
.rbt-mainmenu li.has-dropdown .submenu li a {
  font-weight: var(--f-medium);
  padding: 10px 20px;
  font-size: var(--font-size-b2);
  display: block;
  color: var(--color-body);
  margin: 0 10px;
  border-radius: var(--radius-sm);
  height: unset;
  line-height: 1.7;
  transition: var(--transition);
}
.rbt-mainmenu li.has-dropdown .submenu li a i {
  transition: var(--transition);
  transform: rotate(88deg);
}
.rbt-mainmenu li.has-dropdown .submenu li a:hover {
  color: var(--color-primary) !important;
  background: var(--color-secondary-shade);
}
.rbt-mainmenu li.has-dropdown .submenu li a:hover i {
  transition: var(--transition);
  transform: rotate(0deg);
}
.rbt-mainmenu li.has-dropdown .submenu li a.active {
  color: var(--color-primary) !important;
  background: var(--color-secondary-shade);
}
.rbt-mainmenu li.has-dropdown .submenu li ul.submenu {
  left: 100%;
  top: 0;
  text-align: left;
}
.rbt-mainmenu li.with-megamenu {
  position: relative;
}
.rbt-mainmenu li.with-megamenu .rbt-megamenu {
  transition: 0.3s;
  width: 100%;
  padding: 0 7px;
  border-radius: 0 0 10px 10px;
  right: 0;
}
.rbt-mainmenu li.with-megamenu .rbt-megamenu.grid-item-2 {
  width: 600px;
  margin: 0 auto;
}
.rbt-mainmenu li.with-megamenu .rbt-megamenu.grid-item-3 {
  width: 900px;
  margin: 0 auto;
}
.rbt-mainmenu li.with-megamenu .rbt-megamenu.grid-item-4 {
  width: 100%;
  margin: 0 auto;
}
.rbt-mainmenu li.with-megamenu .rbt-megamenu .wrapper {
  border-radius: 0 0 10px 10px;
  background-color: var(--color-white);
  box-shadow: var(--shadow-1);
  padding: 25px 25px;
  overflow: hidden;
  border-top: 1px solid rgba(230, 227, 241, 0.3098039216);
}
.rbt-mainmenu li.with-megamenu .rbt-megamenu .wrapper .mega-menu-item {
  padding: 0;
  margin: 0;
  height: 100%;
  margin: 0 -10px;
}
.rbt-mainmenu li.with-megamenu .rbt-megamenu .wrapper .mega-menu-item li {
  position: relative;
}
.rbt-mainmenu li.with-megamenu .rbt-megamenu .wrapper .mega-menu-item li a {
  font-weight: var(--f-medium);
  padding: 10px 20px;
  font-size: var(--font-size-b2);
  display: block;
  color: var(--color-body);
  margin: 0 10px;
  border-radius: var(--radius-sm);
  height: unset;
  line-height: 1.7;
  transition: var(--transition);
}
.rbt-mainmenu li.with-megamenu .rbt-megamenu .wrapper .mega-menu-item li a i {
  transition: var(--transition);
  transform: rotate(88deg);
}
.rbt-mainmenu li.with-megamenu .rbt-megamenu .wrapper .mega-menu-item li a:hover {
  color: var(--color-primary) !important;
  background: var(--color-secondary-shade);
}
.rbt-mainmenu li.with-megamenu .rbt-megamenu .wrapper .mega-menu-item li a:hover i {
  transition: var(--transition);
  transform: rotate(0deg);
}
.rbt-mainmenu li.with-megamenu .rbt-megamenu .wrapper .mega-menu-item li a.active {
  color: var(--color-primary) !important;
  background: var(--color-secondary-shade);
}
.rbt-mainmenu li.with-megamenu .rbt-megamenu .wrapper .mega-menu-item li ul.submenu {
  left: 100%;
  top: 0;
  text-align: left;
}
.rbt-mainmenu li.with-megamenu .rbt-megamenu .wrapper .rbt-ads-wrapper img {
  max-height: 250px;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.rbt-mainmenu li.with-megamenu .rbt-megamenu .wrapper .btn-wrapper {
  margin: -25px;
  margin-top: 0px;
}
.rbt-mainmenu li.with-megamenu .rbt-megamenu .wrapper .btn-wrapper a {
  font-size: 16px;
}
.rbt-mainmenu li.with-megamenu .rbt-megamenu.menu-skin-dark .wrapper {
  background: var(--color-bodyest);
  box-shadow: none;
  padding: 40px;
}
.rbt-mainmenu.rbt-text-heading li a {
  color: var(--color-heading);
}
.rbt-mainmenu.rbt-text-heading li a:hover {
  color: var(--color-primary);
}
.rbt-mainmenu .single-mega-item .rbt-contact-thumbnail-box .rbt-content {
  bottom: 0;
}

.rbt-3d-wrapper {
  background: var(--color-white);
  border: 2px solid var(--color-primary-200);
  box-shadow: var(--shadow-2);
  border-radius: 64px;
  padding: 0 10px;
  min-height: 60px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-3d-wrapper {
    padding: 0 2px;
    min-height: 53px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-3d-wrapper {
    min-height: 45px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-3d-wrapper .rbt-logo {
    margin-top: 0;
  }
}
.rbt-3d-wrapper .rbt-logo img {
  display: block;
  max-height: 25px;
}
.rbt-3d-wrapper ~ div {
  margin-left: -10px;
}
.rbt-3d-wrapper + .rbt-3d-separator {
  content: "";
  height: 24px;
  width: 27px;
  background: url(../images/icons/3d-middle-shape2.svg);
  position: relative;
  z-index: 1;
}
.rbt-3d-wrapper .rbt-mainmenu li > a {
  height: 60px;
  line-height: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-3d-wrapper .rbt-mainmenu li > a {
    height: 53px;
    line-height: 53px;
  }
}

/* megamenu */
.rbt-has-megamenu {
  position: static;
}

.rbt-megamenu {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  clip: rect(0px, 200vw, 0, 0px);
  transition: clip 0.4s linear, opacity 0.4s linear;
  max-width: 1347px;
}
.rbt-megamenu .rbt-inner {
  padding: 16px;
  box-shadow: 0 4px 30px 0 rgba(4, 9, 32, 0.16);
  border-radius: var(--radius-md);
}
.rbt-megamenu .rbt-inner .rbt-megamenu-item {
  padding: 0;
  margin: 0;
}
.rbt-megamenu .rbt-inner .rbt-megamenu-item li a {
  height: fit-content;
  border-radius: var(--radius);
  line-height: 1.5;
  overflow: hidden;
}
.rbt-megamenu .rbt-inner .rbt-megamenu-item li a span {
  display: inline-block;
  padding: 12px 16px;
}
.rbt-megamenu .rbt-inner .rbt-megamenu-item li a:hover, .rbt-megamenu .rbt-inner .rbt-megamenu-item li a.active {
  background: var(--color-light);
  color: var(--color-primary);
}
.rbt-megamenu .rbt-megamenu-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 25px 15px;
  border-bottom: 1px solid rgba(from var(--color-heading) r g b/0.1);
  padding: 0 0 25px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-megamenu .rbt-megamenu-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
.rbt-megamenu .rbt-megamenu-select {
  border: 1px solid rbga(from var(--color-heading) r g b/0.1);
  border-radius: var(--radius-sm);
}
.rbt-megamenu .rbt-megamenu-select .bootstrap-select button.btn-light {
  height: 35px;
  padding: 0 25px 0 10px;
}
.rbt-megamenu .rbt-megamenu-select .dropdown-menu {
  box-shadow: 0 4px 30px 0 rgba(4, 9, 32, 0.16) !important;
}
.rbt-megamenu .rbt-megamenu-select .filter-option-inner-inner {
  color: var(--color-heading);
}
.rbt-megamenu .rbt-megamenu-select .dropdown-item {
  height: 35px;
  line-height: 1.6;
  border-radius: var(--radius-sm);
}
.rbt-megamenu .rbt-megamenu-select .dropdown-item:hover {
  background: var(--color-secondary-shade);
  color: var(--color-primary);
}
.rbt-megamenu .rbt-megamenu-select .dropdown-item.active {
  background: var(--color-secondary-shade);
  color: var(--color-primary);
}

.rbt-demo .rbt-demo-name {
  position: relative;
}
.rbt-demo .rbt-demo-name::after {
  position: absolute;
  content: "";
  left: auto;
  bottom: 0;
  background: currentColor;
  width: 0;
  height: 2px;
  transition: 0.3s;
  right: 0;
}
.rbt-demo .rbt-demo-name i {
  color: var(--color-body);
  transition: var(--transition);
}
.rbt-demo:hover .rbt-demo-name::after {
  width: 100%;
  left: 0;
  right: auto;
}
.rbt-demo:hover .rbt-demo-name i {
  transition: var(--transition);
  color: var(--color-primary);
}
.rbt-demo:hover .rbt-demo-single {
  transition: var(--transition);
  transform: translateY(-2px);
}

.rbt-demo-single {
  border-radius: var(--radius-sm);
  border: 1px solid rgba(from var(--color-primary) r g b/0.1);
  padding: 0px 10px 10px 10px;
  max-width: 250px;
  width: 250px;
  height: 200px;
  overflow: hidden;
  background: var(--color-secondary-shade);
  position: relative;
  transform: translateY(0);
  transition: var(--transition);
}
.rbt-demo-single::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/single-demo/demo-shade-white.webp);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.rbt-demo-single .rbt-demo-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 5;
}
.rbt-demo-single .rbt-demo-head .rbt-demo-dots {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 4px;
}
.rbt-demo-single .rbt-demo-head .rbt-demo-dots li {
  width: 5px;
  height: 5px;
  border-radius: 100%;
}
.rbt-demo-single .rbt-demo-head .rbt-demo-dots li:nth-child(1) {
  background: var(--color-secondary);
}
.rbt-demo-single .rbt-demo-head .rbt-demo-dots li:nth-child(2) {
  background: var(--color-green);
}
.rbt-demo-single .rbt-demo-head .rbt-demo-dots li:nth-child(3) {
  background: var(--color-orange);
}
.rbt-demo-single .rbt-demo-head .rbt-demo-num {
  color: rgba(from var(--color-primary) r g b/0.2);
}
.rbt-demo-single .has-shadow {
  position: relative;
}
.rbt-demo-single .has-shadow::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  height: 4px;
  background: #F5F5FE;
  border-radius: var(--radius-md);
  z-index: 0;
}
.rbt-demo-single .has-shadow::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -5px;
  background: rgba(240, 240, 250, 0.8);
  transform: translateX(-50%);
  width: 190px;
  height: 10px;
  border-radius: var(--radius-md);
  z-index: 0;
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
header {
  position: relative;
  z-index: 99;
}
header .rbt-separator-vertical {
  min-height: 20px;
}

.rbt-header-sticky {
  position: fixed;
  width: 100%;
  top: -70px;
  left: 0;
  padding: 0;
  box-shadow: var(--shadow-1);
  transition: var(--transition-5);
}
.rbt-header-sticky.sticky {
  top: 0;
}

.rbt-header-style-1 {
  position: absolute;
  width: 100%;
}

.rbt-header-style-2 {
  padding-top: 20px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-header-style-2 {
    padding-top: 0;
  }
}
.rbt-header-style-2 .rbt-header-mainbar {
  height: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-header-style-2 .rbt-header-mainbar {
    justify-content: start;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-header-style-2 .rbt-header-mainbar {
    justify-content: start;
  }
}
.rbt-header-style-2 .rbt-header-mainbar:first-child {
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-header-style-2 .rbt-header-mainbar:first-child {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-header-style-2 .rbt-header-mainbar:first-child {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.rbt-header-style-2 .rbt-header-mainbar:last-child {
  border-bottom: 1px solid var(--color-border-6);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-header-style-2 .rbt-header-mainbar .rbt-header-right {
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-header-style-2 .rbt-header-mainbar .rbt-header-right {
    margin-left: auto;
  }
}
.rbt-header-style-2 .rbt-info-list li:hover a {
  color: var(--color-heading);
}

.rbt-header-style-4 {
  position: absolute;
  width: 100%;
}
.rbt-header-style-4 .rbt-header-content > .rbt-header-info {
  margin: 0;
}

.rbt-header-style-5 {
  position: absolute;
  width: 100%;
}
.rbt-header-style-5 .rbt-header-mainbar {
  height: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-header-style-5 .rbt-header-mainbar {
    height: 88px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-header-style-5 .rbt-header-mainbar {
    height: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-header-style-5 .rbt-header-mainbar {
    height: 78px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-header-style-5 .rbt-header-mainbar {
    height: 65px;
  }
}
.rbt-header-style-5 .rbt-header-mainbar .rbt-mainmenu li > a {
  color: var(--color-body);
  height: 70px;
  line-height: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-header-style-5 .rbt-header-mainbar .rbt-mainmenu li > a {
    font-size: var(--font-size-b3);
  }
}
.rbt-header-style-5 .rbt-header-mainbar .rbt-mainmenu .rbt-megamenu .rbt-megamenu-item li a {
  height: fit-content;
  line-height: 1.5;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-header-style-5 .rbt-header-mainbar .rbt-quick-contact-info {
    display: none;
  }
}
.rbt-header-style-5 .rbt-header-mainbar .rbt-search-field-wrapper input::placeholder {
  color: rgba(from var(--color-body) r g b/0.8);
  opacity: 1;
  font-size: var(--font-size-b3);
}
.rbt-header-style-5 .rbt-header-mainbar .rbt-search-field-wrapper input::-webkit-input-placeholder {
  color: rgba(from var(--color-body) r g b/0.8);
  font-size: var(--font-size-b3);
}
.rbt-header-style-5 .rbt-header-mainbar .rbt-search-field-wrapper input::-moz-placeholder {
  font-size: var(--font-size-b3);
  color: rgba(from var(--color-body) r g b/0.8);
  opacity: 1;
}
.rbt-header-style-5 .rbt-header-mainbar .rbt-search-field-wrapper input:-ms-input-placeholder {
  color: rgba(from var(--color-body) r g b/0.8);
  font-size: var(--font-size-b3);
}
.rbt-header-style-5 .rbt-header-mainbar .rbt-search-field-wrapper input::-ms-input-placeholder {
  color: rgba(from var(--color-body) r g b/0.8);
  font-size: var(--font-size-b3);
}
.rbt-header-style-5 .rbt-header-mainbar .rbt-search-field-wrapper input.rbt-search-field {
  width: 450px;
}
@media only screen and (min-width: 1600px) and (max-width: 1919px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-header-style-5 .rbt-header-mainbar .rbt-search-field-wrapper input.rbt-search-field {
    width: 295px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-header-style-5 .rbt-header-mainbar .rbt-search-field-wrapper input.rbt-search-field {
    width: 250px;
  }
}

.rbt-header-style-6 {
  position: absolute;
  width: 100%;
  top: 30px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-header-style-6 {
    top: 0;
  }
}
.rbt-header-style-6 .rbt-nav-wrapper {
  background: var(--color-white-opacity-500);
  border: 2px solid var(--color-white-opacity-500);
  border-radius: var(--radius-48);
  filter: drop-shadow(0px 17px 28.6px rgba(0, 35, 75, 0.04));
  backdrop-filter: blur(50px);
  padding: 0 15px;
}
.rbt-header-style-6 .rbt-mainmenu li .rbt-megamenu {
  left: 50%;
  transform: translateX(-46%);
  width: 95vw;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-header-style-6 .rbt-mainmenu li .rbt-megamenu {
    left: 53%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-header-style-6 .rbt-mainmenu li .rbt-megamenu {
    left: 33%;
  }
}
.rbt-header-style-6 .rbt-mainmenu li .rbt-megamenu .rbt-megamenu-item li a {
  padding: 0 16px;
}
.rbt-header-style-6 .rbt-mainmenu li.rbt-has-megamenu:hover .rbt-megamenu {
  transform: translateX(-46%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-header-style-6 .rbt-mainmenu li.rbt-has-megamenu:hover .rbt-megamenu {
    transform: translateX(-46%);
  }
}
.rbt-header-style-6 .rbt-mainmenu li a {
  color: var(--color-heading);
}
.rbt-header-style-6 .rbt-mainmenu li > a {
  height: 51px;
  line-height: 51px;
}

.rbt-header-mainbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-header-mainbar {
    padding: 12px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-header-mainbar {
    padding: 12px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-header-mainbar {
    padding: 8px 0;
  }
}

.rbt-header-content {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .rbt-header-content .rbt-header-info .rbt-btn {
    box-shadow: none;
    padding: 12px 20px;
    height: 40px;
  }
}
.rbt-header-content .rbt-separator::after {
  height: 30px;
}
.rbt-header-content > .rbt-header-info {
  margin: 0 15px;
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .rbt-header-content > .rbt-header-info {
    margin: 0 6px;
  }
}
.rbt-header-content > .rbt-header-info:first-child {
  margin-left: 0;
}
.rbt-header-content > .rbt-header-info:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-header-content > .rbt-header-info:last-child {
    margin-left: 0;
  }
}
.rbt-header-content > .rbt-header-info .rbt-social-transparent li a {
  height: fit-content;
}

@media only screen and (min-width: 1200px) {
  .rbt-logo a {
    display: inline-block;
  }
}

.rbt-hamberger .rbt-hamberger-btn,
.rbt-hamberger .rbt-sidebar-btn {
  border: none;
  outline: none;
  height: 44px;
  width: 44px;
  margin-left: 15px;
  background: transparent;
  border: var(--border-width) solid var(--color-border-3);
  border-radius: var(--radius-full);
}
.rbt-hamberger .rbt-hamberger-btn svg,
.rbt-hamberger .rbt-sidebar-btn svg {
  stroke: var(--color-body);
  transition: var(--transition);
}
.rbt-hamberger .rbt-hamberger-btn:hover svg,
.rbt-hamberger .rbt-sidebar-btn:hover svg {
  stroke: var(--color-primary);
}
.rbt-hamberger.rbt-hamberger-lg .rbt-hamberger-btn,
.rbt-hamberger.rbt-hamberger-lg .rbt-sidebar-btn {
  width: 50px;
  height: 50px;
}
@media only screen and (max-width: 767px) {
  .rbt-hamberger.rbt-hamberger-lg .rbt-hamberger-btn,
  .rbt-hamberger.rbt-hamberger-lg .rbt-sidebar-btn {
    width: 44px;
    height: 44px;
  }
}
.rbt-hamberger.rbt-hamberger-white .rbt-hamberger-btn,
.rbt-hamberger.rbt-hamberger-white .rbt-sidebar-btn {
  border-color: var(--color-white-opacity-400);
  transition: var(--transition-5);
}
.rbt-hamberger.rbt-hamberger-white .rbt-hamberger-btn svg,
.rbt-hamberger.rbt-hamberger-white .rbt-sidebar-btn svg {
  stroke: var(--color-white);
  transition: var(--transition-5);
}
.rbt-hamberger.rbt-hamberger-white .rbt-hamberger-btn:hover,
.rbt-hamberger.rbt-hamberger-white .rbt-sidebar-btn:hover {
  border-color: var(--color-white-opacity-700);
}
.rbt-hamberger.rbt-hamberger-white .rbt-hamberger-btn:hover svg,
.rbt-hamberger.rbt-hamberger-white .rbt-sidebar-btn:hover svg {
  transform: scale(0.9);
}

.rbt-3d-wrapper .rbt-hamberger-btn {
  border: none;
  padding: 0;
  margin: 0;
  height: 45px;
  width: 45px;
}

.rbt-startup-heading .rbt-startup-heading-x {
  margin: 0 -4px 0 -6px;
}

.rbt-header-bg {
  position: relative;
}
.rbt-header-bg .rbt-header-bg-grid {
  position: absolute;
  width: 100%;
  height: 160px;
  object-fit: cover;
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-header-top {
  padding: 10px 0;
}

.rbt-quick-contact {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-quick-contact {
    gap: 4px;
  }
}
.rbt-quick-contact .rbt-contact-info-title {
  margin: 0;
  color: var(--color-gray);
  font-family: var(--font-primary);
  font-size: var(--font-size-b5);
  font-weight: var(--f-regular);
  line-height: 1;
  margin-bottom: 6px;
}
.rbt-quick-contact .rbt-contact-info {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b2);
  font-weight: var(--f-medium);
  line-height: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .rbt-quick-contact .rbt-contact-info {
    font-size: var(--font-size-b4);
  }
}
.rbt-quick-contact .rbt-quick-contact-icon {
  border: var(--border-width) solid var(--color-border-3);
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  color: var(--color-primary);
  position: relative;
  background: unset;
  transition: var(--transition-5);
}
.rbt-quick-contact .rbt-quick-contact-icon svg path {
  transition: var(--transition);
}
.rbt-quick-contact .rbt-quick-contact-icon:hover svg path {
  fill: var(--color-primary);
}
.rbt-quick-contact .rbt-quick-contact-icon.has-vibrate:hover svg {
  animation: vibrate 0.5s linear;
}
.rbt-quick-contact .rbt-quick-contact-icon.rbt-icon-sm {
  height: 44px;
  width: 44px;
}
.rbt-quick-contact .rbt-quick-contact-icon.rbt-icon-md {
  height: 60px;
  width: 60px;
}
.rbt-quick-contact .rbt-quick-contact-icon.has-white-icon {
  border-color: var(--color-white-opacity-400);
}
.rbt-quick-contact .rbt-quick-contact-icon.has-white-icon:hover {
  border-color: var(--color-white-opacity-700);
}
.rbt-quick-contact .rbt-quick-contact-icon.has-white-icon:hover svg path {
  fill: var(--color-white);
}
.rbt-quick-contact .rbt-hover-underline {
  color: var(--color-heading);
}
.rbt-quick-contact .rbt-hover-underline::after {
  height: 1px;
}

.has-vibrate-body:hover svg,
.has-vibrate-body:hover a {
  animation: vibrate 0.5s linear;
}

/*-----------------------------------------
            count badge
-------------------------------------------*/
.rbt-count-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  background: var(--color-primary);
  border-radius: var(--radius-full);
  color: var(--color-white);
  font-size: var(--font-size-b6);
  font-weight: var(--f-bold);
  position: absolute;
  top: -5px;
  right: -5px;
}

.rbt-quick-access {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
.rbt-quick-access > li {
  padding: 0 15px;
  margin: 0;
}
.rbt-quick-access > li:first-child {
  padding-left: 0;
}
.rbt-quick-access > li + li {
  border-left: 1px solid var(--color-dark);
}
.rbt-quick-access > li a,
.rbt-quick-access > li button {
  padding: 5px;
  color: inherit;
  border: none;
  background: unset;
}
.rbt-quick-access > li a:hover,
.rbt-quick-access > li button:hover {
  color: inherit;
}

.rbt-info-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  color: var(--color-white);
  transition: var(--transition-1);
}
.rbt-info-list.color-body li {
  color: inherit;
}
.rbt-info-list.color-body li a {
  color: inherit;
}
.rbt-info-list li {
  margin: 0;
  padding: 0 10px;
  color: inherit;
  font-family: var(--font-primary);
  font-size: var(--font-size-b5);
  font-weight: var(--f-regular);
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 7px;
}
.rbt-info-list li + li {
  border-left: 1px solid var(--color-border-1);
}
.rbt-info-list li:first-child {
  padding-left: 0px;
}
.rbt-info-list li:last-child {
  padding-right: 0;
}
.rbt-info-list li a {
  color: inherit;
  opacity: 1;
  display: flex;
  align-items: center;
  gap: 7px;
}
.rbt-info-list li a:hover {
  color: inherit;
}
.rbt-info-list li span {
  line-height: 1;
}
.rbt-info-list.has-text-md li {
  font-size: var(--font-size-b4);
}

.rbt-dropdown-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.rbt-dropdown-menu.color-body li {
  color: inherit;
}
.rbt-dropdown-menu.color-body li a {
  color: inherit;
}
.rbt-dropdown-menu.color-body li a:hover {
  color: inherit;
}
.rbt-dropdown-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.rbt-dropdown-menu .rbt-has-child-menu {
  padding: 0;
  margin: 0;
  position: relative;
}
.rbt-dropdown-menu .rbt-has-child-menu a {
  color: var(--color-white);
  font-family: var(--font-primary);
  font-size: var(--font-size-b5);
  font-weight: var(--f-medium);
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 6px;
}
.rbt-dropdown-menu .rbt-has-child-menu a span {
  line-height: 1;
}
.rbt-dropdown-menu .rbt-has-child-menu a svg.chevron-down {
  transition: var(--transition);
}
.rbt-dropdown-menu .rbt-has-child-menu a:hover {
  color: var(--color-white);
}
.rbt-dropdown-menu .rbt-has-child-menu a:hover svg.chevron-down {
  transform: rotate(180deg);
}
.rbt-dropdown-menu .rbt-has-child-menu.has-text-md a {
  font-size: var(--font-size-b4);
}
.rbt-dropdown-menu .rbt-has-child-menu .rbt-submenu {
  background: var(--color-white);
  box-shadow: var(--shadow-1);
  padding: 12px 0;
  min-width: 170px;
  border-radius: var(--radius);
  position: absolute;
  right: 0;
  z-index: 1;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transform: translateZ(0);
  transition: var(--transition);
}
.rbt-dropdown-menu .rbt-has-child-menu .rbt-submenu li {
  padding: 0;
  margin: 0 16px;
}
.rbt-dropdown-menu .rbt-has-child-menu .rbt-submenu li a {
  color: var(--color-heading);
  border-radius: var(--radius);
  padding: 8px;
}
.rbt-dropdown-menu .rbt-has-child-menu .rbt-submenu li a:hover {
  background: var(--color-light);
  color: var(--color-primary);
}
.rbt-dropdown-menu .rbt-has-child-menu .rbt-submenu.rbt-language-switcher {
  transition: clip 0.8s ease-in-out, opacity 0.8s ease-in-out, visibility 0.8s ease-in-out, all 0.3s ease-in-out;
  background: transparent;
  padding: 8px 0 0 0;
}
.rbt-dropdown-menu .rbt-has-child-menu .rbt-submenu.rbt-language-switcher .rbt-language-list {
  list-style: none;
  background: var(--color-white);
  padding: 12px 0;
  border-radius: var(--radius);
}
.rbt-dropdown-menu .rbt-has-child-menu .rbt-submenu.rbt-language-switcher li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rbt-dropdown-menu .rbt-has-child-menu .rbt-submenu.rbt-language-switcher li a .flag-icon {
  height: 18px;
  width: auto;
}
.rbt-dropdown-menu .rbt-has-child-menu:hover .rbt-submenu {
  clip-path: polygon(0 1%, 100% 0, 100% 100%, 0% 100%);
  transform: translateZ(0);
}

/* header background color */
.rbt-header-bg-1 {
  background: rgba(247, 247, 252, 0.7);
  backdrop-filter: blur(4.5px);
  border-bottom: 1px solid var(--color-white);
  height: 100%;
}

.rbt-header-bg-2 {
  background: var(--color-white);
  box-shadow: 0px 20px 46px 0px var(--color-primary-opacity-50) inset, 2.25px -7px 44px 0px var(--color-primary-opacity-100) inset;
}
.rbt-header-bg-2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: transparent;
  z-index: -1;
  box-shadow: 0px -5px 14.5px 0px rgba(47, 6, 36, 0.58) inset;
  opacity: 0.1;
}

.rbt-header-bg-3 {
  background: rgba(247, 247, 252, 0.7);
  backdrop-filter: blur(4px);
  border-bottom: 1px solid var(--color-white);
}

.rbt-header-top-bg {
  background: linear-gradient(90deg, var(--color-primary-opacity-600) 0%, var(--color-secondary-alt-opacity-800) 50%, var(--color-secondary-alt-opacity-900) 100%);
  transition: var(--transition);
}

/*-----------------------------------------
        mini cart
-------------------------------------------*/
.rbt-mini-cart {
  position: relative;
}
.rbt-mini-cart .rbt-cart-count {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 19px;
  height: 19px;
  background: var(--color-primary);
  border-radius: var(--radius-full);
  padding: 0 3px;
  position: absolute;
  top: -8px;
  right: 6px;
  color: var(--color-white);
  font-family: var(--font-primary);
  font-size: var(--font-size-b6);
  font-weight: var(--f-bold);
  line-height: 1;
  letter-spacing: var(--letter-spacing-h6);
}

.rbt-search-field-wrapper input.rbt-search-field {
  border-radius: 100px;
  border: 2px solid var(--color-primary-400);
  padding-right: 44px;
  font-size: var(--font-size-b3);
}
.rbt-search-field-wrapper input.rbt-search-field::placeholder {
  color: var(--color-body);
}
.rbt-search-field-wrapper input.rbt-search-field + .focus-border {
  border-radius: 100px;
}
.rbt-search-field-wrapper .rbt-icon {
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 47%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
/*------------------------------
    Popup Menu Styles  
--------------------------------*/
.popup-mobile-menu {
  z-index: 99;
  position: fixed;
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-out;
}
@media only screen and (min-width: 1200px) {
  .popup-mobile-menu {
    display: none;
  }
}
.popup-mobile-menu .inner-wrapper {
  width: 400px;
  z-index: 12;
  position: absolute;
  background-color: var(--color-white);
  height: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  opacity: 0;
  left: -150px;
  transition: all 0.5s ease-out;
  padding: 40px 50px;
  height: 100%;
  position: relative;
  overflow-y: auto;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .popup-mobile-menu .inner-wrapper {
    padding: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .popup-mobile-menu .inner-wrapper {
    width: 300px;
    padding: 30px 20px;
  }
}
.popup-mobile-menu .inner-wrapper .inner-top {
  border-bottom: 1px solid var(--color-primary-opacity-50);
  padding-bottom: 25px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .popup-mobile-menu .inner-wrapper .inner-top {
    padding-bottom: 15px;
    margin-bottom: 0px;
  }
}
.popup-mobile-menu .inner-wrapper .inner-top .content {
  display: flex;
  justify-content: space-between;
}
.popup-mobile-menu .inner-wrapper .inner-top .logo a img {
  max-height: 45px;
}
.popup-mobile-menu .inner-wrapper .inner-top .close-button {
  background: var(--color-white);
  border: 0 none;
  color: var(--color-heading);
  width: 40px;
  height: 40px;
  font-size: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.popup-mobile-menu .inner-wrapper .content {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .popup-mobile-menu .inner-wrapper .content {
    display: block;
  }
}
.popup-mobile-menu .inner-wrapper .description {
  padding-right: 18%;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .popup-mobile-menu .inner-wrapper .description {
    padding-right: 0;
  }
}
.popup-mobile-menu.active {
  visibility: visible;
  opacity: 1;
}
.popup-mobile-menu.active .inner-wrapper {
  opacity: 1;
  left: 0;
  overflow-y: auto;
}
.popup-mobile-menu .mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 15px 0px;
}
.popup-mobile-menu .mainmenu li {
  margin: 0;
}
.popup-mobile-menu .mainmenu li a {
  padding: 8px 0;
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-heading);
}
.popup-mobile-menu .mainmenu li a.active {
  color: var(--color-primary) !important;
}
.popup-mobile-menu .mainmenu li a.open {
  color: var(--color-primary) !important;
}
.popup-mobile-menu .mainmenu li a i {
  display: none;
}
.popup-mobile-menu .mainmenu li + li {
  border-top: 1px solid var(--color-primary-opacity-100);
}
.popup-mobile-menu .mainmenu .has-dropdown .submenu {
  padding: 0;
  max-width: 100%;
  list-style: none;
  padding-left: 14px;
  display: none;
}
.popup-mobile-menu .mainmenu .has-dropdown .submenu li a {
  font-size: 15px;
}
.popup-mobile-menu .mainmenu .has-dropdown .submenu li a.active {
  color: var(--color-primary) !important;
}
.popup-mobile-menu .mainmenu .has-menu-child-item > a,
.popup-mobile-menu .mainmenu .has-dropdown > a {
  position: relative;
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
  color: var(--color-heading);
}
.popup-mobile-menu .mainmenu .has-menu-child-item > a::after,
.popup-mobile-menu .mainmenu .has-dropdown > a::after {
  position: absolute;
  content: "+";
  font-family: "Font Awesome 6 Pro" !important;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s;
}
.popup-mobile-menu .mainmenu .has-menu-child-item > a.open::after,
.popup-mobile-menu .mainmenu .has-dropdown > a.open::after {
  content: "\f068";
}
.popup-mobile-menu .mainmenu .has-menu-child-item > a .rbt-dropdown-arrow,
.popup-mobile-menu .mainmenu .has-dropdown > a .rbt-dropdown-arrow {
  transition: var(--transition-5);
}
.popup-mobile-menu .mainmenu .has-menu-child-item > a.open .rbt-dropdown-arrow,
.popup-mobile-menu .mainmenu .has-dropdown > a.open .rbt-dropdown-arrow {
  rotate: 180deg;
}
.popup-mobile-menu .mainmenu .rbt-mobile-megamenu {
  padding: 0;
  max-width: 100%;
  list-style: none;
  padding-left: 14px;
  display: none;
}
.popup-mobile-menu .mainmenu .mega-menu-item {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 0;
}
.popup-mobile-menu .mainmenu .mega-menu-item li a {
  font-size: 15px;
}
.popup-mobile-menu .mainmenu .mega-menu-item li:last-child {
  border-bottom: 1px solid var(--color-border);
}
.popup-mobile-menu .mainmenu .single-mega-item:last-child .mega-menu-item li:last-child {
  border-bottom-color: transparent;
}
.popup-mobile-menu .mainmenu .single-mega-item .rbt-short-title {
  margin-top: 8px;
}
.popup-mobile-menu .mega-top-banner {
  margin: 0;
  padding: 15px 20px;
  background-image: inherit;
  background-color: var(--color-heading);
  border-radius: var(--radius-md);
}
.popup-mobile-menu .mega-top-banner .content {
  width: 100%;
  display: block;
}
.popup-mobile-menu .nav-quick-access {
  display: block;
  margin: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: -20px;
  padding: 6px 17px;
  overflow: hidden;
}
.popup-mobile-menu .nav-quick-access li a {
  display: flex;
  font-size: 14px;
}
.popup-mobile-menu .nav-quick-access li a i {
  display: flex;
}
.popup-mobile-menu .rbt-ads-wrapper {
  margin-bottom: 20px;
  margin-top: -16px;
  margin-left: -15px;
}
@media only screen and (max-width: 1199px) {
  .popup-mobile-menu .rbt-ads-wrapper {
    margin-top: 0;
    margin-left: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .popup-mobile-menu .rbt-ads-wrapper img {
    border-radius: 10px;
  }
}
.popup-mobile-menu .btn-wrapper {
  margin-left: -14px;
  margin-bottom: 20px;
  margin-top: -14px;
}
.popup-mobile-menu .rbt-btn.btn-xl {
  padding: 0 15px !important;
  font-size: 14px !important;
  height: 50px;
  line-height: 52px;
  border-radius: 4px !important;
}
.popup-mobile-menu .rbt-btn i {
  display: block !important;
}
.popup-mobile-menu .mega-category-item {
  margin-top: -15px;
  margin-bottom: 15px;
}
.popup-mobile-menu .mega-category-item .nav-category-item {
  padding: 8px 14px;
}

@media only screen and (max-width: 767px) {
  .hamberger {
    margin-left: 10px;
  }
}
.hamberger .hamberger-button {
  background: transparent;
  border: 0 none;
  color: var(--color-body);
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  padding: 0;
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-offcanvas-panel-common {
  position: fixed;
  top: 20px;
  left: 50%;
  transform-origin: top;
  transform: translateX(-50%) translateY(0) scaleY(0);
  width: calc(100% - 40px);
  z-index: 99;
  transition: var(--transition-5);
}
.rbt-offcanvas-panel-common.rbt-offcanvas-side-panel {
  top: 0;
  right: 0;
  left: unset;
  height: 100vh;
  max-width: 670px;
  transform-origin: right;
  transform: translateX(0) translateY(0) scaleX(0);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-offcanvas-panel-common.rbt-offcanvas-side-panel {
    max-width: 570px;
  }
}
.rbt-offcanvas-panel-common.rbt-offcanvas-side-panel .rbt-panel-inner {
  border-radius: unset;
  height: 100%;
  align-items: start;
  padding: 80px 70px 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-offcanvas-panel-common.rbt-offcanvas-side-panel .rbt-panel-inner {
    padding: 50px 50px 120px;
  }
}
.rbt-offcanvas-panel-common.rbt-offcanvas-side-panel .rbt-panel-inner .rbt-offcanvas-widget {
  padding-top: 0;
}
.rbt-offcanvas-panel-common.rbt-offcanvas-side-panel .rbt-offcanvas-overlay-text.rbt-overlay-text-var-2 {
  bottom: 0;
  left: -30px;
  font-size: 280px;
}
.rbt-offcanvas-panel-common .rbt-panel-inner {
  background: var(--color-white);
  min-height: 550px;
  padding: 30px;
  border-radius: var(--radius-lg);
  display: grid;
  align-items: center;
  overflow-y: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-offcanvas-panel-common .rbt-panel-inner {
    min-height: 450px;
  }
}
.rbt-offcanvas-panel-common .rbt-panel-inner::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.rbt-offcanvas-panel-common .rbt-panel-inner::-webkit-scrollbar-track {
  background: var(--color-gray-light);
  border-radius: 100px;
}
.rbt-offcanvas-panel-common .rbt-panel-inner::-webkit-scrollbar-thumb {
  background: var(--color-primary-900);
  border-radius: 4px;
}
.rbt-offcanvas-panel-common .rbt-input-field {
  position: relative;
  margin-bottom: 25px;
}
.rbt-offcanvas-panel-common .rbt-input-field input {
  height: 70px;
  padding-right: 190px;
  border-radius: var(--radius-md);
  color: var(--color-heading);
  border-color: var(--color-border-6);
  background: var(--color-white);
}
.rbt-offcanvas-panel-common .rbt-input-field input::placeholder {
  color: var(--color-gray-3);
}
.rbt-offcanvas-panel-common .rbt-input-field input:focus {
  border-color: var(--color-primary-alt);
}
.rbt-offcanvas-panel-common .rbt-input-field input.has-placeholder-left-icon {
  padding-left: 56px;
}
.rbt-offcanvas-panel-common .rbt-input-field .rbt-placeholder-icon {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}
.rbt-offcanvas-panel-common .rbt-input-field .rbt-submit-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: var(--radius-sm);
}
.rbt-offcanvas-panel-common .rbt-offcanvas-overlay-text {
  position: absolute;
  font-size: 450px;
  font-weight: var(--f-bold);
  letter-spacing: 15px;
  color: var(--color-primary-opacity-50);
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  bottom: -220px;
  line-height: 1;
  pointer-events: none;
  opacity: 0;
}
.rbt-offcanvas-panel-common .rbt-offcanvas-overlay-text.rbt-overlay-text-var-2 {
  bottom: -170px;
  right: 0;
  opacity: 1;
  font-size: 360px;
}
.rbt-offcanvas-panel-common .rbt-light-top {
  position: absolute;
  right: 20%;
  top: -40%;
  width: 200px;
  height: 232px;
}
.rbt-offcanvas-panel-common .rbt-light-top::before {
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translateY(-50%);
  width: 168px;
  height: 128px;
  background: var(--color-secondary);
  border-radius: var(--radius-full);
  z-index: 2;
  filter: blur(120px);
}
.rbt-offcanvas-panel-common .rbt-light-top::after {
  content: "";
  position: absolute;
  top: 0%;
  right: 0;
  width: 200px;
  height: 180px;
  background: var(--color-primary-alt);
  border-radius: var(--radius-full);
  z-index: 1;
  filter: blur(100px);
}
.rbt-offcanvas-panel-common .rbt-light-bottom {
  position: absolute;
  left: 45%;
  bottom: -60%;
  width: 200px;
  height: 232px;
}
.rbt-offcanvas-panel-common .rbt-light-bottom::before {
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translateY(-50%);
  width: 168px;
  height: 128px;
  background: var(--color-secondary);
  border-radius: var(--radius-full);
  z-index: 2;
  filter: blur(120px);
}
.rbt-offcanvas-panel-common .rbt-light-bottom::after {
  content: "";
  position: absolute;
  top: 0%;
  right: 0;
  width: 200px;
  height: 180px;
  background: var(--color-primary-alt);
  border-radius: var(--radius-full);
  z-index: 1;
  filter: blur(100px);
}
.rbt-offcanvas-panel-common .rbt-offcanvas-banner-img {
  min-width: 100%;
  height: 100%;
  border-radius: var(--radius-md);
  background: var(--color-white);
  box-shadow: 0px 20px 46px 0px #F1F3FF inset, 2.25px -7px 44px 0px #F1F3FF inset;
  overflow: hidden;
}
.rbt-offcanvas-panel-common .rbt-offcanvas-banner-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.rbt-offcanvas-panel-common .rbt-offcanvas-widget {
  padding-top: 30px;
}
.rbt-offcanvas-panel-common .rbt-offcanvas-widget .rbt-title {
  display: flex;
  gap: 5px;
  align-items: center;
}
.rbt-offcanvas-panel-common .rbt-offcanvas-widget .rbt-title img {
  max-width: 28px;
  max-height: 28px;
}
.rbt-offcanvas-panel-common .rbt-offcanvas-widget .rbt-description {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: var(--font-size-b1);
}
.rbt-offcanvas-panel-common .rbt-offcanvas-widget .rbt-social li a {
  background: var(--gradient-light2);
  color: var(--color-body);
  transition: var(--transition-6);
}
.rbt-offcanvas-panel-common .rbt-offcanvas-widget .rbt-social li a svg path {
  fill: var(--color-body);
  transition: var(--transition-6);
}
.rbt-offcanvas-panel-common .rbt-offcanvas-widget .rbt-social li a:hover {
  color: var(--color-white);
}
.rbt-offcanvas-panel-common .rbt-offcanvas-widget .rbt-social li a:hover svg path {
  fill: var(--color-white);
}

.rbt-search-panel .rbt-title {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-bottom: 40px;
}
.rbt-search-panel .rbt-title img {
  max-width: 28px;
  max-height: 28px;
}

.rbt-menu-panel .rbt-offcanvas-newsletter {
  display: none;
}
.rbt-menu-panel.rbt-offcanvas-has-newsletter .rbt-offcanvas-newsletter {
  display: block;
}
.rbt-menu-panel .rbt-panel-inner {
  min-height: unset;
  padding: 30px 22px;
}

.rbt-search-panel-active .rbt-offcanvas-panel-common.rbt-search-panel {
  transform: translateX(-50%) translateY(0px) scaleY(1);
}

.rbt-menu-panel-active .rbt-offcanvas-panel-common.rbt-menu-panel,
.rbt-cart-panel-active .rbt-offcanvas-panel-common.rbt-menu-panel {
  transform: translateX(-50%) translateY(0px) scaleY(1);
}
.rbt-menu-panel-active .rbt-offcanvas-panel-common.rbt-menu-panel.rbt-menu-side-panel,
.rbt-cart-panel-active .rbt-offcanvas-panel-common.rbt-menu-panel.rbt-menu-side-panel {
  transform: translateX(0) translateY(0) scaleX(1);
}

.close_side_menu {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background-color: var(--color-black-opacity-600);
  transition: var(--transition-5);
  display: block;
}
.close_side_menu .rbt-magnetic-close-btn {
  width: fit-content;
  background: var(--color-white-opacity-200);
  border: 1px solid var(--color-white-opacity-200);
  backdrop-filter: blur(5px);
  border-radius: var(--radius-full);
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.close_side_menu .rbt-magnetic-close-btn .rbt-btn-circle-text {
  height: unset;
  width: unset;
}
.close_side_menu .rbt-magnetic-close-btn .rbt-btn-circle-text .circle-btn-center-icon {
  height: 35px;
  width: 35px;
  background: transparent;
  border: 1px solid var(--color-white-opacity-200);
}

.rbt-search-panel-active .close_side_menu,
.rbt-menu-panel-active .close_side_menu,
.rbt-cart-panel-active .close_side_menu {
  opacity: 1;
  visibility: visible;
}

.rbt-marquee-text-2.rbt-offcanvas-bottom-marquee-elem {
  position: fixed;
  bottom: -50px;
  padding-bottom: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  transition: var(--transition-5);
}

.rbt-search-panel-active .rbt-marquee-text-2.rbt-offcanvas-bottom-marquee-elem,
.rbt-menu-panel-active .rbt-marquee-text-2.rbt-offcanvas-bottom-marquee-elem,
.rbt-cart-panel-active .rbt-marquee-text-2.rbt-offcanvas-bottom-marquee-elem {
  position: fixed;
  bottom: 0px;
  opacity: 1;
  visibility: visible;
  padding-bottom: 0;
  z-index: 99;
}

.rbt-offcanvas-content-load-anim .rbt-slide-up {
  opacity: 0;
  transform: translateY(30px);
}

.rbt-close-btn {
  position: relative;
  width: 40px;
  height: 40px;
  text-decoration: none;
  background: var(--color-secondary-shade);
  border: 1px solid var(--color-secondary-shade);
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: var(--radius-full);
  position: absolute;
  right: 30px;
  top: 30px;
  transition: var(--transition-6);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-close-btn {
    top: 25px;
    right: 25px;
  }
}
.rbt-close-btn.rbt-offcanvas-close-btn {
  opacity: 0;
  transform: scale(0);
}
.rbt-close-btn:last-child {
  margin-right: 0;
}
.rbt-close-btn .rbt-inner {
  color: #FFF;
  position: absolute;
  height: 40px;
  width: 40px;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.rbt-close-btn .rbt-inner::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  height: 100%;
  width: 100%;
  background: var(--color-white);
  border-radius: var(--radius-full);
  transition: var(--transition-6);
}
.rbt-close-btn .rbt-inner svg,
.rbt-close-btn .rbt-inner i {
  position: absolute;
}
.rbt-close-btn .rbt-btn-label {
  opacity: 0;
  display: block;
  line-height: 1;
  font-size: var(--font-size-b6);
  z-index: 2;
  color: var(--color-primary);
  transition: var(--transition-5);
}
.rbt-close-btn:hover {
  background: var(--color-white);
}
.rbt-close-btn:hover .rbt-inner::after {
  transform: translate(-50%, -50%) scale(0.4);
}
.rbt-close-btn:hover .rbt-btn-label {
  opacity: 1;
}

.rbt-tag-list-wrapper {
  display: flex;
  gap: 15px;
}
.rbt-tag-list-wrapper .rbt-tag-title {
  margin: 0;
  color: var(--color-body);
  font-size: var(--font-size-b1);
}

.rbt-tag-list {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  align-items: center;
}
.rbt-tag-list a,
.rbt-tag-list button {
  border: none;
  outline: none;
  display: inline-block;
}
.rbt-tag-list .rbt-badge {
  margin: 0;
  transition: var(--transition-5);
}
.rbt-tag-list .rbt-badge .rbt-badge-text {
  font-size: var(--font-size-b4);
  line-height: 1.2;
}
.rbt-tag-list .rbt-badge:hover {
  background: var(--color-primary-500);
}

.rbt-widget-quick-info {
  margin-bottom: 10px;
}
.rbt-widget-quick-info label {
  display: block;
  margin-bottom: 5px;
}

/**************************************
    Elements Styles
***************************************/
/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-color-shades {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.rbt-color-shade-box {
  display: flex;
  gap: 12px;
}
.rbt-color-shade-box .rbt-color-shade-label {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  color: var(--color-body);
  margin-bottom: 0;
  text-align: center;
}
.rbt-color-shade-box .rbt-color-box {
  flex-grow: 1;
  height: 85px;
}
.rbt-color-shade-box.variation-2 {
  flex-direction: column;
  gap: 8px;
}
.rbt-color-shade-box.variation-2 .rbt-color-shade-value {
  margin-bottom: 0;
  font-size: 10px;
  line-height: 1.8;
  font-weight: var(--f-semibold);
  color: var(--color-body);
}
.rbt-color-shade-box.variation-2 .rbt-color-shade-title {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.57;
  font-weight: var(--f-medium);
  color: var(--color-heading);
}

.rbt-shadow-box {
  padding: 40px;
  border-radius: var(--radius-md);
  background: var(--color-white);
  box-shadow: 0 20px 46px 0 #F1F3FF inset, 2.25px -7px 44px 0 #F1F3FF inset;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-shadow-box {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-shadow-box {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-shadow-box {
    padding: 20px;
  }
}

.rbt-element-presentation-box {
  border: 2px solid var(--color-primary-400);
  border-radius: var(--radius-lg);
  padding: 12px 24px 24px;
}

.rbt-arrow-right-underline {
  display: block;
  width: 100%;
  position: relative;
  line-height: 1;
  color: var(--color-primary);
  text-align: right;
}
.rbt-arrow-right-underline::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  background: var(--color-primary);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-section-title {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-title {
    margin-bottom: 25px;
  }
}

.title-icon {
  position: absolute;
}
.title-icon.icon-1 {
  top: 18px;
  margin-left: 5px;
  z-index: -1;
  right: -44px;
  top: auto;
  bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .title-icon.icon-1 {
    z-index: 1;
    height: 56px;
  }
  .title-icon.icon-1 img {
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .title-icon.icon-1 {
    z-index: 1;
    height: 56px;
  }
  .title-icon.icon-1 img {
    height: 100%;
  }
}
.title-icon.icon-2 {
  bottom: 9px;
  margin-left: 5px;
  z-index: -1;
}
.title-icon.icon-3 {
  top: -45px;
  right: 0;
}
.title-icon.icon-4 {
  bottom: 0;
}

.rbt-title-hover a {
  background-image: linear-gradient(to left, var(--color-heading), var(--color-heading));
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 2px;
  transition: var(--transition-1);
}
.rbt-title-hover:hover a {
  background-size: 100% 2px;
  color: var(--color-primary);
  background-image: linear-gradient(to left, var(--color-primary), var(--color-primary));
}

.rbt-title-hover-heading a {
  background-image: linear-gradient(to left, var(--color-heading), var(--color-heading));
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 2px;
  transition: var(--transition-1);
}
.rbt-title-hover-heading:hover a {
  background-size: 100% 2px;
  color: var(--color-heading);
  background-image: linear-gradient(to left, var(--color-heading), var(--color-heading));
}

.rbt-section-title-bar {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-section-title-bar {
    margin-bottom: 15px;
  }
}
.rbt-section-title-bar .rbt-icon {
  min-width: 34px;
}
@media only screen and (max-width: 575px) {
  .rbt-section-title-bar .rbt-icon {
    max-width: 24px;
  }
}
.rbt-section-title-bar .rbt-divider {
  display: block;
  height: 2px;
  width: -webkit-fill-available;
  background: var(--color-heading);
  margin: 0;
  opacity: 0.1;
}
.rbt-section-title-bar .rbt-divider::before, .rbt-section-title-bar .rbt-divider::after {
  content: none;
}

.rbt-section-info-label {
  display: flex;
  gap: 15px;
  align-items: center;
}
.rbt-section-info-label .rbt-section-info-label-icon {
  max-height: 60px;
}
.rbt-section-info-label .rbt-section-info-label-icon img {
  max-height: 60px;
}
.rbt-section-info-label .rbt-section-info-value {
  font-size: var(--h4);
  font-weight: var(--f-semibold);
  line-height: 1.33;
  letter-spacing: -0.48px;
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
/*---------- button group----------*/
.rbt-button-group {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-button-group {
    gap: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-button-group {
    gap: 16px;
  }
}

.rbt-button-group-2 {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.rbt-3d-button-group {
  background: linear-gradient(145deg, rgba(112, 139, 253, 0.05) -2.12%, rgba(254, 113, 185, 0.05) 121.13%);
  box-shadow: 2px -21px 20px 0px rgba(5, 11, 61, 0.06) inset, 0px 4px 26.9px 0px rgba(81, 99, 255, 0.08) inset;
  border: 1px solid var(--color-white-opacity-900);
  border-radius: 64px;
  padding: 10px;
  min-height: 60px;
  overflow: hidden;
}
.rbt-3d-button-group .rbt-btn:hover {
  transform: translateY(0);
}
.rbt-3d-button-group.rbt-3d-button-lg, .rbt-3d-button-group.rbt-3d-button-lg-2 {
  min-height: 80px;
}
@media only screen and (max-width: 767px) {
  .rbt-3d-button-group.rbt-3d-button-lg, .rbt-3d-button-group.rbt-3d-button-lg-2 {
    min-height: unset;
  }
}
.rbt-3d-button-group.rbt-3d-button-lg-2 {
  max-width: 460px;
}

/*---------- button variation----------*/
.rbt-btn {
  cursor: pointer;
  color: var(--color-white);
  text-shadow: var(--text-shadow-2);
  font-family: var(--font-primary);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  letter-spacing: var(--letter-spacing-b3);
  font-weight: var(--f-semibold);
  display: inline-flex;
  gap: 10px;
  height: 60px;
  padding: 16px 40px;
  justify-content: center;
  align-items: center;
  background: var(--color-primary);
  border-radius: var(--radius-md);
  border: none;
  position: relative;
  white-space: nowrap;
  transition: var(--transition-1);
}
.rbt-btn:hover {
  transform: translateY(-2px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-btn {
    height: 55px;
    padding: 16px 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-btn {
    height: 50px;
    padding: 16px 28px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-btn {
    height: 45px;
    padding: 14px 24px;
    font-size: var(--font-size-b2);
  }
}
.rbt-btn {
  /*---------- color button ----------*/
}
.rbt-btn.rbt-btn-primary {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-btn.rbt-btn-primary:hover {
  background: var(--color-secondary);
}
.rbt-btn.rbt-btn-secondary {
  background: var(--color-secondary);
  color: var(--color-white);
}
.rbt-btn.rbt-btn-secondary:hover {
  background: var(--color-primary);
}
.rbt-btn.rbt-btn-success {
  background: var(--color-green);
  color: var(--color-heading);
}
.rbt-btn.rbt-btn-success:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-btn {
  /*---------- gradient text button ----------*/
}
.rbt-btn.has-left-circle-icon {
  padding: 8px 32px 8px 8px;
}
.rbt-btn.has-left-circle-icon .rbt-icon {
  height: 44px;
  width: 44px;
  background: var(--color-white);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
}
.rbt-btn.has-right-circle-icon {
  padding: 8px 8px 8px 32px;
}
.rbt-btn.has-right-circle-icon .rbt-icon {
  height: 44px;
  width: 44px;
  background: var(--color-white);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
}
.rbt-btn {
  /*---------- gradient button ----------*/
}
.rbt-btn.rbt-btn-gradient {
  background-image: radial-gradient(83.54% 74.04% at 37.13% 12%, var(--color-white-opacity-400) 0%, var(--color-primary-opacity-0) 69.79%, var(--color-primary-opacity-0) 100%), linear-gradient(var(--color-primary), var(--color-primary));
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-shadow: -3px -4px 7px 0px var(--color-white-opacity-100) inset, 0px 10px 40.6px 0px var(--color-primary-opacity-300);
}
.rbt-btn.rbt-btn-gradient-secondary {
  background: radial-gradient(83.54% 74.04% at 37.13% 12%, var(--color-white-opacity-400) 0%, var(--color-white-opacity-0) 69.79%, var(--color-white-opacity-0) 100%), var(--color-secondary) !important;
  box-shadow: -3px -4px 7px 0 var(--color-white-opacity-200) inset, 0 10px 40.6px 0 var(--color-primary-opacity-300);
}
.rbt-btn.rbt-btn-gradient-secondary.has-left-circle-icon .rbt-icon, .rbt-btn.rbt-btn-gradient-secondary.has-right-circle-icon .rbt-icon {
  color: var(--color-secondary);
}
.rbt-btn.rbt-btn-gradient-lightblue {
  background: radial-gradient(83.54% 74.04% at 37.13% 12%, var(--color-white-opacity-300) 0%, var(--color-white-opacity-0) 55.41%, var(--color-white-opacity-0) 100%), #8E80FF !important;
  box-shadow: -3px -4px 7px 0 var(--color-white-opacity-200) inset, 4px 10px 20px 0 var(--color-primary-opacity-300);
}
.rbt-btn.rbt-btn-gradient-lightpink {
  background: radial-gradient(83.54% 74.04% at 37.13% 12%, var(--color-white-opacity-300) 0%, var(--color-white-opacity-0) 55.41%, var(--color-white-opacity-0) 100%), var(--color-secondary-alt) !important;
  box-shadow: -3px -4px 7px 0 var(--color-white-opacity-100) inset, 4px 10px 20px 0 var(--color-primary-opacity-300);
}
.rbt-btn.rbt-btn-gradient-lightpurple {
  background: radial-gradient(83.54% 74.04% at 37.13% 12%, var(--color-white-opacity-300) 0%, var(--color-white-opacity-0) 55.41%, var(--color-white-opacity-0) 100%), #C872F2;
  box-shadow: -3px -4px 7px 0 var(--color-white-opacity-100) inset, 4px 10px 20px 0 v var(--color-primary-opacity-300);
}
.rbt-btn.rbt-btn-gradient-2 {
  background-image: radial-gradient(83.54% 74.04% at 37.13% 12%, var(--color-white-opacity-400) 0%, var(--color-white-opacity-0) 69.79%, var(--color-white-opacity-0) 100%), linear-gradient(180deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  background-repeat: no-repeat;
  box-shadow: -3px -4px 7px 0 var(--color-white-opacity-100) inset, 0 10px 40.6px 0 var(--color-primary-opacity-300);
}
.rbt-btn.rbt-btn-gradient-3 {
  background-image: radial-gradient(83.54% 74.04% at 37.13% 12%, var(--color-white-opacity-400) 0%, var(--color-white-opacity-0) 69.79%, var(--color-white-opacity-0) 100%), linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  background-repeat: no-repeat;
  box-shadow: -3px -4px 7px 0 var(--color-white-opacity-100) inset, 0 10px 40.6px 0 var(--color-primary-opacity-300);
}
.rbt-btn.rbt-btn-gradient-4 {
  background: radial-gradient(83.54% 74.04% at 37.13% 12%, var(--color-white-opacity-300) 0%, var(--color-white-opacity-0) 55.41%, var(--color-white-opacity-0) 100%), linear-gradient(102deg, var(--color-primary) -0.32%, var(--color-secondary-alt) 100%);
  box-shadow: -3px -4px 7px 0 var(--color-white-opacity-100) inset, 4px 10px 20px 0 var(--color-primary-opacity-300);
}
.rbt-btn.rbt-btn-gradient-5 {
  background: radial-gradient(83.54% 74.04% at 37.13% 12%, var(--color-white-opacity-400) 0%, var(--color-white-opacity-0) 55.41%, var(--color-white-opacity-0) 100%), linear-gradient(90deg, #F7A51E 0%, #FE295D 100%);
  box-shadow: -3px -4px 7px 0 var(--color-white-opacity-0) inset, 4px 10px 20px 0 var(--color-primary-opacity-300);
}
.rbt-btn.rbt-btn-gradient-6 {
  background: radial-gradient(83.54% 74.04% at 37.13% 12%, var(--color-white-opacity-300) 0%, var(--color-white-opacity-0) 55.41%, var(--color-white-opacity-0) 100%), linear-gradient(263deg, var(--color-primary-alt) 0.13%, var(--color-purple) 56.26%, var(--color-secondary) 100.13%);
  box-shadow: -3px -4px 7px 0 var(--color-white-opacity-0) inset, 4px 10px 20px 0 var(--color-primary-opacity-300);
}
.rbt-btn {
  /*---------- split button ------------------*/
}
.rbt-btn.rbt-btn-split .inner {
  position: relative;
  overflow: hidden;
  padding: 0;
  line-height: 1;
}
.rbt-btn.rbt-btn-split .inner .default-text {
  display: inline-block;
  transition: var(--transition-5);
}
.rbt-btn.rbt-btn-split .inner .hover-text {
  transform: translateY(300%) rotate(20deg);
  position: absolute;
  left: 0;
  transition: var(--transition-5);
  bottom: -5px;
}
.rbt-btn.rbt-btn-split:hover {
  transform: translateY(0px);
}
.rbt-btn.rbt-btn-split:hover .default-text {
  transform: translateY(-210%) rotate(10deg);
}
.rbt-btn.rbt-btn-split:hover .hover-text {
  transform: translateY(0) rotate(0);
  bottom: 0;
}
.rbt-btn.rbt-btn-split-2 .inner {
  overflow: hidden;
  transition: var(--transition-6);
  height: 100%;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
}
.rbt-btn.rbt-btn-split-2 .inner .default-text,
.rbt-btn.rbt-btn-split-2 .inner .hover-text {
  position: relative;
  display: block;
  perspective: 108px;
}
.rbt-btn.rbt-btn-split-2 .inner .default-text span,
.rbt-btn.rbt-btn-split-2 .inner .hover-text span {
  display: inline-block;
  transition: var(--transition-6);
}
.rbt-btn.rbt-btn-split-2 .inner .default-text span {
  transform-origin: top;
}
.rbt-btn.rbt-btn-split-2 .inner .hover-text {
  position: absolute;
}
.rbt-btn.rbt-btn-split-2 .inner .hover-text span {
  opacity: 0;
  transform: rotateX(-90deg) scaleX(0.9) translate3d(0, 10px, 0);
  transform-origin: bottom;
}
.rbt-btn.rbt-btn-split-2:hover {
  transform: translateY(0px);
}
.rbt-btn.rbt-btn-split-2:hover .default-text span {
  opacity: 0;
  transform: rotateX(90deg) scaleX(0.9) translate3d(0, -10px, 0);
}
.rbt-btn.rbt-btn-split-2:hover .hover-text span {
  opacity: 1;
  transform: rotateX(0deg) scaleX(1) translateZ(0);
  transition: var(--transition-6);
}
.rbt-btn {
  /*---------- gradient text button ----------*/
}
.rbt-btn.btn-gradient-text {
  background: linear-gradient(90deg, var(--color-primary-opacity-900) 0%, var(--color-secondary-alt-opacity-900) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  height: fit-content;
  padding: 0;
  border-radius: 0;
  padding-inline-end: 20px;
  overflow: hidden;
  font-size: var(--font-size-b2);
  font-weight: var(--f-medium);
  line-height: normal;
}
.rbt-btn.btn-gradient-text .btn-icon {
  position: absolute;
  transition: var(--transition-6);
}
.rbt-btn.btn-gradient-text .btn-icon.btn-default-icon {
  right: 2px;
}
.rbt-btn.btn-gradient-text .btn-icon.btn-hover-icon {
  right: 2px;
  transform: translate(-20px, 20px);
}
.rbt-btn.btn-gradient-text .default-text {
  display: inline-block;
  transition: var(--transition-6);
  background: inherit;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: inherit;
}
.rbt-btn.btn-gradient-text .hover-text {
  transform: translateY(160%) rotate(8deg);
  position: absolute;
  left: 0;
  transition: var(--transition-6);
  background: inherit;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: inherit;
}
.rbt-btn.btn-gradient-text:hover, .rbt-btn.btn-gradient-text.rbt-active {
  transform: none;
}
.rbt-btn.btn-gradient-text:hover .default-text, .rbt-btn.btn-gradient-text.rbt-active .default-text {
  transform: translateY(-160%) rotate(8deg);
}
.rbt-btn.btn-gradient-text:hover .hover-text, .rbt-btn.btn-gradient-text.rbt-active .hover-text {
  transform: translateY(0) rotate(0);
  font-weight: var(--f-bold);
}
.rbt-btn.btn-gradient-text:hover .btn-default-icon, .rbt-btn.btn-gradient-text.rbt-active .btn-default-icon {
  transform: translate(20px, -20px);
}
.rbt-btn.btn-gradient-text:hover .btn-hover-icon, .rbt-btn.btn-gradient-text.rbt-active .btn-hover-icon {
  transform: translate(2px, 0px);
}
.rbt-btn {
  /*---------- transparent button ----------*/
}
.rbt-btn.btn-transparent {
  background: transparent;
  color: var(--color-primary);
  text-shadow: none;
  height: fit-content;
  padding: 0;
  border-radius: 0;
  padding-inline-end: 20px;
  overflow: hidden;
  font-size: var(--font-size-b2);
  font-weight: var(--f-medium);
  line-height: normal;
}
.rbt-btn.btn-transparent svg stop {
  stop-color: var(--color-primary);
}
.rbt-btn.btn-transparent .default-text {
  display: inline-block;
  transition: var(--transition-6);
}
.rbt-btn.btn-transparent .hover-text {
  transform: translateY(145%) rotate(8deg);
  position: absolute;
  left: 1px;
  transition: var(--transition-6);
}
.rbt-btn.btn-transparent .btn-icon {
  transition: var(--transition-6);
}
.rbt-btn.btn-transparent .btn-icon.btn-default-icon {
  transform: translate(-3px, 0px);
}
.rbt-btn.btn-transparent .btn-icon.btn-hover-icon {
  position: absolute;
  right: 2px;
  transform: translate(-20px, 20px);
}
.rbt-btn.btn-transparent:hover {
  transform: none;
}
.rbt-btn.btn-transparent:hover .default-text {
  transform: translateY(-160%) rotate(8deg);
}
.rbt-btn.btn-transparent:hover .hover-text {
  transform: translateY(0) translateX(-1px) rotate(0);
}
.rbt-btn.btn-transparent:hover .btn-icon.btn-default-icon {
  transform: translate(20px, -20px);
}
.rbt-btn.btn-transparent:hover .btn-icon.btn-hover-icon {
  transform: translate(2px, 0px);
}
.rbt-btn.btn-transparent.rbt-has-underline {
  padding-bottom: 2px;
}
.rbt-btn.btn-transparent.rbt-has-underline::after {
  content: "";
  position: absolute;
  height: 2px;
  background: var(--color-heading);
  width: 25%;
  bottom: 0px;
  left: 0;
  transition: var(--transition-1);
}
.rbt-btn.btn-transparent.rbt-has-underline:hover, .rbt-btn.btn-transparent.rbt-has-underline.rbt-active {
  transform: none;
}
.rbt-btn.btn-transparent.rbt-has-underline:hover .default-text, .rbt-btn.btn-transparent.rbt-has-underline.rbt-active .default-text {
  transform: translateY(-160%) rotate(8deg);
}
.rbt-btn.btn-transparent.rbt-has-underline:hover .hover-text, .rbt-btn.btn-transparent.rbt-has-underline.rbt-active .hover-text {
  transform: translateY(0) translateX(-1px) rotate(0);
}
.rbt-btn.btn-transparent.rbt-has-underline:hover .btn-icon.btn-default-icon, .rbt-btn.btn-transparent.rbt-has-underline.rbt-active .btn-icon.btn-default-icon {
  transform: translate(20px, -20px);
}
.rbt-btn.btn-transparent.rbt-has-underline:hover .btn-icon.btn-hover-icon, .rbt-btn.btn-transparent.rbt-has-underline.rbt-active .btn-icon.btn-hover-icon {
  transform: translate(2px, 0px);
}
.rbt-btn.btn-transparent.rbt-has-underline:hover::after, .rbt-btn.btn-transparent.rbt-has-underline.rbt-active::after {
  width: 100%;
}
.rbt-btn {
  /*---------- outline button ----------*/
}
.rbt-btn.rbt-btn-outline {
  background: transparent;
  border: var(--border-width) solid var(--color-primary-opacity-100);
  color: var(--color-body);
  text-shadow: none;
  transition: var(--transition-1);
}
.rbt-btn.rbt-btn-outline::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background: radial-gradient(83.54% 74.04% at 37.13% 12%, var(--color-white-opacity-400) 0%, var(--color-primary-opacity-0) 69.79%, var(--color-primary-opacity-0) 100%), linear-gradient(var(--color-primary), var(--color-primary));
  box-shadow: -3px -4px 7px 0px var(--color-white-opacity-100) inset, 0px 10px 40.6px 0px var(--color-primary-opacity-300);
  border-radius: var(--radius-md);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition-1);
}
.rbt-btn.rbt-btn-outline:hover {
  color: var(--color-white);
}
.rbt-btn.rbt-btn-outline:hover::after {
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  opacity: 1;
  visibility: visible;
}
.rbt-btn.rbt-btn-outline .hover-text {
  color: var(--color-white);
}
.rbt-btn.rbt-btn-outline-solid {
  background: transparent;
  border: var(--border-width) solid var(--color-primary-opacity-100);
  color: var(--color-body);
  text-shadow: none;
  transition: var(--transition-1);
}
.rbt-btn.rbt-btn-outline-solid:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-btn.rbt-btn-outline-solid:hover::after {
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  opacity: 1;
  visibility: visible;
}
.rbt-btn.rbt-btn-outline-solid .hover-text {
  color: var(--color-white);
}
.rbt-btn {
  /*---------- button circle ----------*/
}
.rbt-btn.rbt-btn-circle {
  width: 110px;
  height: 110px;
  border-radius: var(--radius-full);
  background: linear-gradient(90deg, var(--color-primary-opacity-900) 0%, var(--color-secondary-alt-opacity-900) 100%);
  position: relative;
  z-index: 2;
  padding: 10px;
  transform: none;
}
@media only screen and (max-width: 575px) {
  .rbt-btn.rbt-btn-circle {
    width: 80px;
    height: 80px;
    padding: 6px;
  }
}
.rbt-btn.rbt-btn-circle::after {
  content: "";
  position: absolute;
  width: 98%;
  height: 98%;
  background: var(--color-light);
  border-radius: var(--radius-full);
  z-index: -1;
  opacity: 1;
}
.rbt-btn.rbt-btn-circle .btn-inner,
.rbt-btn.rbt-btn-circle .btn-inner-2 {
  border-radius: var(--radius-full);
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.rbt-btn.rbt-btn-circle .btn-inner::before,
.rbt-btn.rbt-btn-circle .btn-inner-2::before {
  content: attr(data-text);
  position: absolute;
  background: rgba(1, 4, 33, 0.3);
  width: 100%;
  height: 100%;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: transparent;
  font-family: var(--font-primary);
  font-size: var(--font-size-b1);
  font-weight: var(--f-semibold);
  line-height: var(--line-height-b2);
  z-index: 11;
  -webkit-text-stroke: 0.5px var(--color-primary-400);
  -webkit-text-stroke-color: var(--color-white);
}
.rbt-btn.rbt-btn-circle .btn-inner-2::before {
  background: linear-gradient(103deg, rgba(from var(--color-primary) r g b/0.9) 0%, rgba(from var(--color-purple) r g b/0.9) 49.84%, rgba(254, 114, 186, 0.8) 99.68%);
  letter-spacing: 1.02px;
  font-weight: var(--f-medium);
  -webkit-text-stroke: 1px var(--color-primary-400);
}
.rbt-btn.rbt-btn-circle img,
.rbt-btn.rbt-btn-circle video {
  border-radius: var(--radius-full);
  object-fit: cover;
  transform: scale(1.1);
  width: 100%;
  height: 100%;
  transition: var(--transition-5);
}
.rbt-btn.rbt-btn-circle:hover img,
.rbt-btn.rbt-btn-circle:hover video {
  transform: scale(1);
}
.rbt-btn.rbt-btn-circle.rbt-btn-circle-var-2 .btn-inner::before {
  color: var(--color-white);
  font-size: var(--font-size-b3);
  -webkit-text-stroke: unset;
  -webkit-text-stroke-color: unset;
}
.rbt-btn.rbt-btn-circle.rbt-circle-btn-lg {
  height: 90px;
  width: 90px;
}
.rbt-btn.rbt-btn-circle-text {
  background: transparent;
  padding: 0;
  width: 175px;
  height: 175px;
  padding: 12px;
  border-radius: var(--radius-full);
  border: 2px dashed var(--color-border-5);
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-btn-circle-text {
    width: 100px;
    height: 100px;
  }
}
.rbt-btn.rbt-btn-circle-text .rbt-circle-text {
  display: block;
  width: 100%;
  height: 100%;
}
.rbt-btn.rbt-btn-circle-text.rbt-btn-circle-bg {
  background: rgba(from var(--color-body) r g b/0.08);
  backdrop-filter: blur(13px);
  padding: 10px;
  border-radius: var(--radius-full);
}
.rbt-btn.rbt-btn-circle-text .circle-btn-center-icon {
  background: linear-gradient(101deg, var(--color-primary-opacity-900) 0%, var(--color-secondary-alt-opacity-900) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  position: absolute;
  height: 58px;
  width: 58px;
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-btn-circle-text .circle-btn-center-icon {
    height: 40px;
    width: 40px;
  }
}
.rbt-btn.rbt-btn-circle-text .circle-btn-center-icon.circle-btn-transparent {
  background: transparent !important;
}
.rbt-btn.rbt-btn-circle-text.circle-2, .rbt-btn.rbt-btn-circle-text.circle-4 {
  border: 2px dashed var(--color-border-5);
  padding: 12px;
  border-radius: var(--radius-full);
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-btn-circle-text.circle-2, .rbt-btn.rbt-btn-circle-text.circle-4 {
    padding: 5px;
  }
}
.rbt-btn.rbt-btn-circle-text.circle-2 .circle-btn-center-icon, .rbt-btn.rbt-btn-circle-text.circle-4 .circle-btn-center-icon {
  background: transparent;
  border: 2px dashed var(--color-border-5);
  height: 84px;
  width: 84px;
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-btn-circle-text.circle-2 .circle-btn-center-icon, .rbt-btn.rbt-btn-circle-text.circle-4 .circle-btn-center-icon {
    border: none;
  }
}
.rbt-btn.rbt-btn-circle-text.circle-2 .circle-btn-center-icon img, .rbt-btn.rbt-btn-circle-text.circle-4 .circle-btn-center-icon img {
  width: 45px;
  height: auto;
  margin-top: -4px;
}
.rbt-btn.rbt-btn-circle-text.circle-3 {
  border: 2px dashed var(--color-border-5);
  padding: 12px;
  border-radius: var(--radius-full);
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-btn-circle-text.circle-3 {
    padding: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-btn-circle-text.circle-3.rbt-btn-circle-text {
    width: 150px;
    height: 150px;
  }
}
.rbt-btn.rbt-btn-circle-text.circle-3 .circle-btn-center-icon {
  background: transparent;
  border: 1px solid transparent;
  height: unset;
  width: unset;
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-btn-circle-text.circle-3 .circle-btn-center-icon {
    border: none;
  }
}
.rbt-btn.rbt-btn-circle-text.circle-3 .circle-btn-center-icon img {
  width: unset;
  border: 1px solid transparent;
  height: auto;
  margin-top: 0;
  border-radius: 0;
}
.rbt-btn.rbt-btn-circle-text.circle-4 {
  border: 2px dashed var(--color-border-5);
}
.rbt-btn.rbt-btn-circle-text.circle-4 .circle-btn-center-icon {
  border: 2px solid transparent;
  height: 84px;
  width: 84px;
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-btn-circle-text.circle-4 .circle-btn-center-icon {
    height: 50px;
    width: 50px;
  }
}
.rbt-btn.rbt-btn-circle-text.circle-4 .circle-btn-center-icon img {
  width: 84px;
  margin-top: 0px;
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-btn-circle-text.circle-4 .circle-btn-center-icon img {
    width: 50px;
  }
}
.rbt-btn.rbt-btn-circle-text.rbt-btn-sm {
  width: 90px;
  height: 90px;
  padding: 6px;
}
.rbt-btn.rbt-btn-circle-text.rbt-btn-sm .circle-btn-center-icon {
  height: 36px;
  width: 36px;
}
.rbt-btn.rbt-btn-circle-text.rbt-btn-md {
  width: 110px;
  height: 110px;
  padding: 6px;
}
.rbt-btn.rbt-btn-circle-text.rbt-btn-md .circle-btn-center-icon {
  height: 40px;
  width: 40px;
}
.rbt-btn.rbt-btn-circle-text.rbt-btn-lg {
  width: 125px;
  height: 125px;
  padding: 6px;
}
.rbt-btn.rbt-btn-circle-text.rbt-btn-lg .circle-btn-center-icon {
  height: 44px;
  width: 44px;
}
.rbt-btn.rbt-btn-circle-text.rbt-btn-xl {
  width: 140px;
  height: 140px;
  padding: 6px;
}
.rbt-btn.rbt-btn-circle-text.rbt-btn-xl .circle-btn-center-icon {
  height: 44px;
  width: 44px;
}
.rbt-btn.rbt-play-btn {
  border-radius: var(--radius-full);
  height: 100px;
  width: 100px;
  padding: 0;
  background: radial-gradient(107.27% 51.89% at 36.14% 16.67%, var(--color-white-opacity-200) 0%, var(--color-secondary-alt-opacity-0) 86.18%), radial-gradient(83.94% 83.94% at 26.39% 20.83%, var(--color-white-opacity-300) 0%, var(--color-white-opacity-0) 62.51%, var(--color-white-opacity-0) 100%), var(--color-primary);
  box-shadow: -3px -4px 7px 0px var(--color-white-opacity-100) inset, 0px 18px 42.5px 0px var(--color-primary-opacity-300);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-btn.rbt-play-btn {
    height: 60px;
    width: 60px;
    padding: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-play-btn {
    height: 52px;
    width: 52px;
    padding: 18px;
  }
}
.rbt-btn.rbt-play-btn.rbt-btn-sm {
  height: 45px;
  width: 45px;
  padding: 15px;
}
.rbt-btn.rbt-play-btn.rbt-btn-md {
  height: 50px;
  width: 50px;
  padding: 20px;
}
.rbt-btn {
  /*---------- button rounded ----------*/
}
.rbt-btn.rbt-btn-rounded-full {
  width: 60px;
  padding: 5px;
  border-radius: var(--radius-full);
}
.rbt-btn.rbt-btn-rounded-full.rbt-btn-xm {
  width: 40px;
  padding: 5px;
}
.rbt-btn.rbt-btn-rounded-full.rbt-btn-md {
  width: 50px;
  padding: 5px;
}
.rbt-btn.rbt-btn-rounded {
  border-radius: 100px;
}
.rbt-btn.rbt-btn-rounded::after, .rbt-btn.rbt-btn-rounded:before {
  border-radius: 100px;
}
.rbt-btn {
  /*---------- button size ----------*/
}
.rbt-btn.rbt-btn-xxm {
  height: 22px;
  line-height: 1;
  padding: 0 10px;
  font-size: var(--font-size-b5);
  letter-spacing: var(--letter-spacing-b5);
}
.rbt-btn.rbt-btn-xm {
  height: 40px;
  padding: 12px 20px;
  font-size: var(--font-size-b5);
  line-height: normal;
  letter-spacing: var(--letter-spacing-b5);
}
.rbt-btn.rbt-btn-sm {
  height: 45px;
  padding: 14px 24px;
  font-size: var(--font-size-b4);
  line-height: normal;
  letter-spacing: normal;
}
.rbt-btn.rbt-btn-sm.has-left-circle-icon .rbt-icon, .rbt-btn.rbt-btn-sm.has-right-circle-icon .rbt-icon {
  height: 30px;
  width: 30px;
}
.rbt-btn.rbt-btn-sm.has-left-circle-icon {
  padding: 8px 20px 8px 8px;
}
.rbt-btn.rbt-btn-sm.has-right-circle-icon {
  padding: 8px 8px 8px 20px;
}
.rbt-btn.rbt-btn-mini {
  height: 28px;
  padding: 14px 12px;
  font-size: var(--font-size-b4);
  line-height: normal;
  letter-spacing: normal;
  border-radius: var(--radius);
  text-shadow: none;
}
.rbt-btn.rbt-btn-mini svg {
  transition: var(--transition-6);
}
.rbt-btn.rbt-btn-mini:hover svg {
  transform: rotate(45deg);
  transition: var(--transition-6);
}
.rbt-btn.rbt-btn-mini.btn-opacity-10 {
  background: rgba(from var(--color-body) r g b/0.1);
}
.rbt-btn.rbt-btn-md {
  height: 50px;
  padding: 16px 28px;
  font-size: var(--font-size-b3);
  letter-spacing: var(--letter-spacing-b3);
  font-weight: var(--f-medium);
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-btn-md {
    height: 45px;
    padding: 10px 24px;
  }
}
.rbt-btn.rbt-btn-md.has-left-circle-icon .rbt-icon, .rbt-btn.rbt-btn-md.has-right-circle-icon .rbt-icon {
  height: 36px;
  width: 36px;
}
.rbt-btn.rbt-btn-md.has-left-circle-icon {
  padding: 8px 20px 8px 8px;
}
.rbt-btn.rbt-btn-md.has-right-circle-icon {
  padding: 8px 8px 8px 20px;
}
.rbt-btn.rbt-btn-lg {
  height: 60px;
  padding: 16px 40px;
  font-size: var(--font-size-b1);
  letter-spacing: var(--letter-spacing-b1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-btn.rbt-btn-lg {
    height: 50px;
    padding: 16px 28px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-btn-lg {
    height: 45px;
    padding: 8px 24px;
  }
}
.rbt-btn.rbt-btn-xl {
  height: 68px;
  padding: 20px 44px;
  font-size: var(--h6);
  line-height: 1.4;
  letter-spacing: var(--letter-spacing-h6);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-btn.rbt-btn-xl {
    height: 50px;
    padding: 16px 28px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-btn-xl {
    height: 45px;
    padding: 10px 24px;
  }
}
.rbt-btn.rbt-btn-xl.has-left-circle-icon .rbt-icon, .rbt-btn.rbt-btn-xl.has-right-circle-icon .rbt-icon {
  height: 50px;
  width: 50px;
}
.rbt-btn.rbt-btn-xl.has-left-circle-icon {
  padding: 8px 28px 8px 8px;
}
.rbt-btn.rbt-btn-xl.has-right-circle-icon {
  padding: 8px 8px 8px 28px;
}
.rbt-btn.rbt-btn-xxl {
  height: 76px;
  padding: 24px 50px;
  font-size: var(--h6);
  letter-spacing: var(--letter-spacing-h6);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-btn.rbt-btn-xxl {
    height: 50px;
    padding: 16px 28px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-btn-xxl {
    height: 45px;
    padding: 14px 24px;
  }
}
.rbt-btn.rbt-btn-xxl.has-left-circle-icon .rbt-icon, .rbt-btn.rbt-btn-xxl.has-right-circle-icon .rbt-icon {
  height: 60px;
  width: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-btn.rbt-btn-xxl.has-left-circle-icon .rbt-icon, .rbt-btn.rbt-btn-xxl.has-right-circle-icon .rbt-icon {
    height: 34px;
    width: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-btn-xxl.has-left-circle-icon .rbt-icon, .rbt-btn.rbt-btn-xxl.has-right-circle-icon .rbt-icon {
    height: 30px;
    width: 30px;
  }
}
.rbt-btn.rbt-btn-xxl.has-left-circle-icon {
  padding: 8px 32px 8px 8px;
}
.rbt-btn.rbt-btn-xxl.has-right-circle-icon {
  padding: 8px 8px 8px 32px;
}

.rbt-hover-underline {
  position: relative;
}
.rbt-hover-underline.btn-transparent {
  padding-inline-end: 0;
}
.rbt-hover-underline.btn-transparent .btn-hover-icon {
  transform: translate(-18px, 20px) !important;
  position: absolute;
  right: 0;
}
.rbt-hover-underline.btn-transparent:hover .btn-hover-icon {
  transform: translate(0px, 0px) !important;
}
.rbt-hover-underline::after {
  position: absolute;
  content: "";
  left: auto;
  bottom: 0;
  background: currentColor;
  width: 0;
  height: 2px;
  transition: 0.3s;
  right: 0;
}
.rbt-hover-underline:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}
.rbt-hover-underline.rbt-underline-gradient::after {
  background: linear-gradient(-45deg, var(--color-primary) -0.32%, var(--color-secondary-alt) 100%);
}
.rbt-hover-underline.rbt-underline-gradient-2::after {
  background: linear-gradient(101deg, var(--color-primary-opacity-900) 0%, var(--color-secondary-alt-opacity-900) 100%);
}

.rbt-hover-underline-2::after,
.rbt-hover-underline-3::after {
  left: 0;
  width: 60px;
  height: 1px;
  bottom: -2px;
  background: rgba(from var(--color-white) r g b/0.6);
}
.rbt-hover-underline-2:hover .rbt-svg-rotate .fa-arrow-up-left,
.rbt-hover-underline-3:hover .rbt-svg-rotate .fa-arrow-up-left {
  transition: 0.3s;
  transform: rotate(-45deg);
}
.rbt-hover-underline-2:hover .rbt-svg-rotate .fa-arrow-up-right,
.rbt-hover-underline-3:hover .rbt-svg-rotate .fa-arrow-up-right {
  transition: 0.3s;
  transform: rotate(45deg);
}
.rbt-hover-underline-2 .rbt-svg-rotate .fa-arrow-up-left,
.rbt-hover-underline-2 .rbt-svg-rotate .fa-arrow-up-right,
.rbt-hover-underline-3 .rbt-svg-rotate .fa-arrow-up-left,
.rbt-hover-underline-3 .rbt-svg-rotate .fa-arrow-up-right {
  transform: rotate(0);
  transition: var(--transition-1);
}

.rbt-hover-underline-3::after {
  background: currentColor !important;
}

.rbt-btn-secondary-2 {
  position: relative;
  text-shadow: none;
  box-shadow: 0 3px 0 0px var(--color-primary-alt-400);
  transition: var(--transition-1);
}
.rbt-btn-secondary-2:hover {
  transition: var(--transition-1);
  box-shadow: 0 0px 0 0px var(--color-primary-alt-400);
}
.rbt-btn-secondary-2::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--color-secondary-shade);
  left: 0;
  border-radius: var(--radius-sm);
}

.rbt-icon-gradient {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  width: 70px;
  border: 2px solid var(--color-white);
  border-radius: var(--radius-full);
  background: radial-gradient(138.49% 66.88% at 36.14% 16.67%, rgba(255, 255, 255, 0.23) 0%, rgba(46, 47, 94, 0) 86.18%), radial-gradient(83.94% 83.94% at 26.39% 20.83%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), linear-gradient(155deg, #FEF5FB 15.47%, #F7F6FF 85.5%);
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.rbt-icon-gradient::after {
  content: "";
  position: absolute;
  top: 0%;
  right: 0%;
  transform: scale(0.7);
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-full);
  background: radial-gradient(138.49% 66.88% at 36.14% 16.67%, rgba(255, 255, 255, 0.23) 0%, rgba(46, 47, 94, 0) 86.18%), radial-gradient(83.94% 83.94% at 26.39% 20.83%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), linear-gradient(155deg, #5163FF 15.47%, #FE71B9 85.5%);
  transition: var(--transition);
}
.rbt-icon-gradient.rbt-solid-icon::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  transform: scale(1);
}
.rbt-icon-gradient.rbt-solid-icon .solid-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.rbt-icon-gradient.rbt-solid-icon .solid-icon.solid-icon-border {
  background: transparent;
  border: 2px dashed var(--color-border-5);
  height: 90px;
  width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

/*---------- button Circle ----------*/
.rbt-btn-circle {
  height: 150px;
  width: 150px;
  padding: 0 40px;
  font-size: var(--font-size-b2);
  background: var(--color-secondary-shade);
  border: none;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 8;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-btn-circle {
    height: 120px;
    width: 120px;
    padding: 0 20px 0 32px;
  }
  .rbt-btn-circle svg {
    max-height: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-btn-circle {
    height: 80px;
    width: 80px;
    font-size: var(--font-size-b5);
    padding: 0 16px;
  }
  .rbt-btn-circle svg {
    max-height: 35px;
    width: 12px;
  }
}
.rbt-btn-circle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  height: 95%;
  background: linear-gradient(101deg, var(--color-primary-opacity-900) 0%, var(--color-secondary-alt-opacity-900) 100%);
  border-radius: var(--radius-full);
  z-index: 1;
  opacity: 0;
  transition: var(--transition-6);
}
.rbt-btn-circle .circle-btn-inner {
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.rbt-btn-circle .circle-btn-inner .circle-btn-default {
  transition: var(--transition-6);
}
.rbt-btn-circle .circle-btn-inner .circle-btn-hover {
  transform: translateY(150%) rotate(20deg);
  position: absolute;
  left: 0;
  transition: var(--transition-6);
}
.rbt-btn-circle .circle-btn-inner .circle-btn-hover img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(27%) saturate(9%) hue-rotate(349deg) brightness(106%) contrast(100%);
}

.rbt-btn-circle-hover:hover .rbt-btn-circle::after {
  opacity: 1;
  width: 100%;
  height: 100%;
}
.rbt-btn-circle-hover:hover .rbt-btn-circle svg path {
  fill: var(--color-white);
}
.rbt-btn-circle-hover:hover .rbt-btn-circle svg {
  color: var(--color-white);
}
.rbt-btn-circle-hover:hover .rbt-btn-circle .circle-btn-inner .circle-btn-default {
  transform: translateY(-150%) rotate(20deg);
  transition: var(--transition-6);
}
.rbt-btn-circle-hover:hover .rbt-btn-circle .circle-btn-inner .circle-btn-hover {
  transform: translateY(-100%) rotate(0);
  transition: var(--transition-6);
  z-index: 4;
}

/*---------- button Shape ----------*/
.rbt-btn-shape {
  position: relative;
  bottom: -122px;
}
.rbt-btn-shape .rbt-btn-wrap {
  position: absolute;
  background-color: white;
  width: 18%;
  height: 70px;
  right: 50%;
  transform: translate(50%, 0);
  bottom: -8px;
  border-radius: 100px;
  outline: 10px solid #fff;
  display: grid;
  place-items: center;
  transition: 0.5s;
}
.rbt-btn-shape .rbt-btn-wrap::before, .rbt-btn-shape .rbt-btn-wrap::after {
  position: absolute;
  content: "";
  aspect-ratio: 1;
  width: 34px;
}
.rbt-btn-shape .rbt-btn-wrap::before {
  background: radial-gradient(circle 24px at top left, rgba(0, 0, 0, 0) 98%, #fff);
  left: -34px;
  bottom: 0;
  top: 36px;
}
.rbt-btn-shape .rbt-btn-wrap::after {
  background: radial-gradient(circle 24px at top right, rgba(0, 0, 0, 0) 98%, #fff);
  bottom: 0;
  right: -34px;
}
.rbt-btn-shape .rbt-btn-wrap a {
  overflow: hidden;
}

.rbt-btn-glass {
  width: 340px;
  height: 86px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 12px 70px 0 rgba(81, 99, 255, 0.08);
  text-shadow: none;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(from var(--color-white) r g b/0.4);
}

.rbt-circle-btn-group {
  width: 100%;
  display: grid;
  gap: 25px;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
@media only screen and (max-width: 767px) {
  .rbt-circle-btn-group {
    gap: 15px;
  }
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-progress-chart,
.rbt-progress-chart-2 {
  max-width: 552px;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-progress-chart,
  .rbt-progress-chart-2 {
    margin: 0 auto;
  }
}
.rbt-progress-chart .circles,
.rbt-progress-chart-2 .circles {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 28px;
}
.rbt-progress-chart .circles .circle,
.rbt-progress-chart-2 .circles .circle {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  color: var(--color-white);
  font-weight: bold;
  font-size: 16px;
}
.rbt-progress-chart .circles .circle-1,
.rbt-progress-chart-2 .circles .circle-1 {
  width: 230px;
  aspect-ratio: 2/1;
  border-top-left-radius: 116px;
  border-top-right-radius: 116px;
  position: absolute;
  z-index: 2;
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-progress-chart .circles .circle-1,
  .rbt-progress-chart-2 .circles .circle-1 {
    width: 230px;
    border-top-left-radius: 116px;
    border-top-right-radius: 116px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-progress-chart .circles .circle-1,
  .rbt-progress-chart-2 .circles .circle-1 {
    width: 130px;
  }
}
.rbt-progress-chart .circles .circle-1::after,
.rbt-progress-chart-2 .circles .circle-1::after {
  position: absolute;
  content: "";
  left: 0;
  background: #F6CFFC;
  width: 230px;
  aspect-ratio: 2/1;
  border-top-left-radius: 116px;
  border-top-right-radius: 116px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-progress-chart .circles .circle-1::after,
  .rbt-progress-chart-2 .circles .circle-1::after {
    width: 230px;
    border-top-left-radius: 116px;
    border-top-right-radius: 116px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-progress-chart .circles .circle-1::after,
  .rbt-progress-chart-2 .circles .circle-1::after {
    width: 130px;
  }
}
.rbt-progress-chart .circles .circle-1 span,
.rbt-progress-chart-2 .circles .circle-1 span {
  left: 50% !important;
  right: unset !important;
}
.rbt-progress-chart .circles .circle-2,
.rbt-progress-chart-2 .circles .circle-2 {
  width: 392px;
  aspect-ratio: 2/1;
  border-top-left-radius: 196px;
  border-top-right-radius: 196px;
  position: absolute;
  z-index: 1;
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-progress-chart .circles .circle-2,
  .rbt-progress-chart-2 .circles .circle-2 {
    width: 340px;
    border-top-left-radius: 170px;
    border-top-right-radius: 170px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-progress-chart .circles .circle-2,
  .rbt-progress-chart-2 .circles .circle-2 {
    width: 200px;
  }
}
.rbt-progress-chart .circles .circle-2::after,
.rbt-progress-chart-2 .circles .circle-2::after {
  position: absolute;
  content: "";
  left: 0;
  background: #D3BDFB;
  width: 392px;
  aspect-ratio: 2/1;
  border-top-left-radius: 196px;
  border-top-right-radius: 196px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-progress-chart .circles .circle-2::after,
  .rbt-progress-chart-2 .circles .circle-2::after {
    width: 340px;
    border-top-left-radius: 170px;
    border-top-right-radius: 170px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-progress-chart .circles .circle-2::after,
  .rbt-progress-chart-2 .circles .circle-2::after {
    width: 200px;
  }
}
.rbt-progress-chart .circles .circle-3,
.rbt-progress-chart-2 .circles .circle-3 {
  width: 549px;
  aspect-ratio: 2/1;
  border-top-left-radius: 274px;
  border-top-right-radius: 274px;
  position: relative;
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-progress-chart .circles .circle-3,
  .rbt-progress-chart-2 .circles .circle-3 {
    width: 420px;
    border-top-left-radius: 220px;
    border-top-right-radius: 220px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-progress-chart .circles .circle-3,
  .rbt-progress-chart-2 .circles .circle-3 {
    width: 260px;
  }
}
.rbt-progress-chart .circles .circle-3::after,
.rbt-progress-chart-2 .circles .circle-3::after {
  position: absolute;
  content: "";
  left: 0;
  background: #A2AFF8;
  width: 549px;
  aspect-ratio: 2/1;
  border-top-left-radius: 274px;
  border-top-right-radius: 274px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-progress-chart .circles .circle-3::after,
  .rbt-progress-chart-2 .circles .circle-3::after {
    width: 420px;
    border-top-left-radius: 220px;
    border-top-right-radius: 220px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-progress-chart .circles .circle-3::after,
  .rbt-progress-chart-2 .circles .circle-3::after {
    width: 260px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-progress-chart .circles .circle-3 span,
  .rbt-progress-chart-2 .circles .circle-3 span {
    right: -20px !important;
  }
}
.rbt-progress-chart .circles .circle span,
.rbt-progress-chart-2 .circles .circle span {
  position: absolute;
  bottom: 0;
  left: unset;
  right: 0;
  transform: translateX(-50%);
  font-size: 40px;
  font-weight: 500;
  line-height: 0.8;
  z-index: 5;
}
@media only screen and (max-width: 575px) {
  .rbt-progress-chart .circles .circle span,
  .rbt-progress-chart-2 .circles .circle span {
    font-size: 18px !important;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-progress-chart .circles .circle span,
  .rbt-progress-chart-2 .circles .circle span {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-progress-chart .circles .circle span,
  .rbt-progress-chart-2 .circles .circle span {
    font-size: 30px;
  }
}
.rbt-progress-chart .legend,
.rbt-progress-chart-2 .legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.rbt-progress-chart .legend-value,
.rbt-progress-chart-2 .legend-value {
  color: var(--color-body);
  font-size: var(--font-size-b4);
  font-weight: var(--f-regular);
  letter-spacing: -0.15px;
  margin: 0;
}
.rbt-progress-chart .legend .item,
.rbt-progress-chart-2 .legend .item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.rbt-progress-chart .legend .item .dot,
.rbt-progress-chart-2 .legend .item .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.rbt-progress-chart .legend .item.dev .dot,
.rbt-progress-chart-2 .legend .item.dev .dot {
  background-color: #F6CFFC;
}
.rbt-progress-chart .legend .item.promo .dot,
.rbt-progress-chart-2 .legend .item.promo .dot {
  background-color: #D3BDFB;
}
.rbt-progress-chart .legend .item.growth .dot,
.rbt-progress-chart-2 .legend .item.growth .dot {
  background-color: #A2AFF8;
}

.rbt-progress-chart-2 {
  max-width: unset;
  position: relative;
}
.rbt-progress-chart-2 .circles .circle-3 {
  width: 900px;
  height: 450px;
  border-top-left-radius: 900px;
  border-top-right-radius: 900px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-progress-chart-2 .circles .circle-3 {
    width: 800px;
    height: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-progress-chart-2 .circles .circle-3 {
    width: 700px;
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-progress-chart-2 .circles .circle-3 {
    width: 500px;
    height: 250px;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
@media only screen and (max-width: 575px) {
  .rbt-progress-chart-2 .circles .circle-3 {
    width: 320px;
    height: 320px;
    transform: none;
    left: unset;
  }
}
.rbt-progress-chart-2 .circles .circle-3::after {
  background: linear-gradient(180deg, rgba(81, 99, 255, 0.26) 0%, rgba(81, 99, 255, 0) 52.43%);
  width: 900px;
  height: 450px;
  border-top-left-radius: 900px;
  border-top-right-radius: 900px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-progress-chart-2 .circles .circle-3::after {
    width: 800px;
    height: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-progress-chart-2 .circles .circle-3::after {
    width: 700px;
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-progress-chart-2 .circles .circle-3::after {
    width: 500px;
    height: 250px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-progress-chart-2 .circles .circle-3::after {
    width: 320px;
    height: 320px;
    left: unset;
  }
}
.rbt-progress-chart-2 .circles .circle-3::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 50px;
  background: var(--color-white);
  z-index: 12;
  filter: blur(30px);
  bottom: 0;
}
.rbt-progress-chart-2 .circles .circle-3 .rbt-btn-glass {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 100px;
  gap: 16px;
  justify-content: end;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .rbt-progress-chart-2 .circles .circle-3 .rbt-btn-glass {
    width: 320px;
  }
}
.rbt-progress-chart-2 .arch-container {
  position: absolute;
  width: 900px;
  height: 900px;
  margin: 20px auto;
  border-radius: 900px;
  z-index: 1;
  left: 0;
  top: -70px;
  animation: rotation 40s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-progress-chart-2 .arch-container {
    width: 800px;
    height: 800px;
    border-radius: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-progress-chart-2 .arch-container {
    width: 700px;
    height: 700px;
    border-radius: 700px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-progress-chart-2 .arch-container {
    width: 500px;
    height: 500px;
    border-radius: 500px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-progress-chart-2 .arch-container {
    width: 320px;
    height: 320px;
    border-radius: 320px;
    display: none;
  }
}
.rbt-progress-chart-2 .arch-icon {
  position: absolute;
  width: 85px;
  height: 85px;
  background: var(--color-white);
  border: 1px solid rgba(81, 99, 255, 0.1);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: rotation 40s linear infinite reverse;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-progress-chart-2 .arch-icon {
    width: 65px;
    height: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-progress-chart-2 .arch-icon {
    width: 50px;
    height: 50px;
  }
}

.rbt-badge-glass {
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.15);
  /* more translucent white */
  box-shadow: 0 12px 70px 0 rgba(81, 99, 255, 0.15);
  display: flex;
  align-items: center;
  gap: 15px;
  position: absolute;
  z-index: 9;
  max-width: 300px;
  width: 300px;
  height: 70px;
  bottom: 98px;
  /* Glass effect core */
  backdrop-filter: blur(10px);
  /* modern browsers */
  -webkit-backdrop-filter: blur(10px);
  /* Safari support */
  /* Optional frosted look */
  border: 1px solid rgba(255, 255, 255, 0.3);
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-default-tab > ul {
  border: none;
  margin-bottom: 0;
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 5px 0;
  padding-bottom: 30px;
}
.rbt-default-tab > ul::-webkit-scrollbar {
  display: none;
}
.rbt-default-tab > ul li {
  margin: 0;
}
.rbt-default-tab .rbt-tab-btn {
  color: var(--color-body);
  font-family: var(--font-primary);
  font-size: var(--font-size-b2);
  font-weight: var(--f-semibold);
  line-height: var(--line-height-b4);
  padding: 12px 17px;
  white-space: nowrap;
  border-radius: var(--radius-lg) !important;
  transition: var(--transition-1);
  border: none;
  position: relative;
  z-index: 1;
}
.rbt-default-tab .rbt-tab-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(83.54% 74.04% at 37.13% 12%, rgba(255, 255, 255, 0.31) 0%, rgba(255, 255, 255, 0) 55.41%, rgba(255, 255, 255, 0) 100%), #4C5DEF;
  box-shadow: -3px -4px 7px 0px var(--color-white-opacity-200) inset, 4px 10px 20px 0px var(--color-primary-opacity-300);
  color: var(--color-white);
  border-radius: var(--radius-lg);
  z-index: -1;
  scale: 0.2;
  opacity: 0;
  transition: 0.3s;
}
.rbt-default-tab .rbt-tab-btn.active {
  color: var(--color-white);
  background: none;
}
.rbt-default-tab .rbt-tab-btn.active::before {
  opacity: 1;
  scale: 1;
  box-shadow: none;
}
.rbt-default-tab .rbt-tab-btn.active:hover {
  background-size: 150% 100%;
}
.rbt-default-tab .rbt-tab-btn:not(.active):hover {
  color: var(--color-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-default-tab .tab-content {
    padding: 0 20px;
  }
}
.rbt-default-tab.has-top-bottom-icon .rbt-tab-btn {
  box-shadow: -3.248px -4.33px 7.578px 0px var(--color-secondary-alt-opacity-100) inset, 4.33px 10.826px 21.651px 0px var(--color-primary-opacity-200) inset;
}
.rbt-default-tab.has-top-bottom-icon .rbt-tab-btn .rbt-icon-top svg path {
  transition: var(--transition);
}
.rbt-default-tab.has-top-bottom-icon .rbt-tab-btn .rbt-icon-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rbt-default-tab.has-top-bottom-icon .rbt-tab-btn .rbt-icon-bottom .rbt-icon-default {
  display: inline-block;
  transform: scale(1) translateX(-9px);
  transition: var(--transition);
}
.rbt-default-tab.has-top-bottom-icon .rbt-tab-btn .rbt-icon-bottom .rbt-icon-active {
  display: inline-block;
  transform: scale(0) translateX(8px);
  transform: scale(1) translateX(8px);
  transition: var(--transition);
}
.rbt-default-tab.has-top-bottom-icon .rbt-tab-btn.active .rbt-icon-top svg path, .rbt-default-tab.has-top-bottom-icon .rbt-tab-btn.hovered .rbt-icon-top svg path {
  fill: var(--color-white);
  stroke: var(--color-white);
}
.rbt-default-tab.has-top-bottom-icon .rbt-tab-btn.active .rbt-icon-bottom .rbt-icon-default, .rbt-default-tab.has-top-bottom-icon .rbt-tab-btn.hovered .rbt-icon-bottom .rbt-icon-default {
  display: inline-block;
  transform: scale(0) translateX(-9px);
}
.rbt-default-tab.has-top-bottom-icon .rbt-tab-btn.active .rbt-icon-bottom .rbt-icon-active, .rbt-default-tab.has-top-bottom-icon .rbt-tab-btn.hovered .rbt-icon-bottom .rbt-icon-active {
  transform: scale(1) translateX(8px);
}
.rbt-default-tab.rbt-primary-tab .rbt-tab-btn::before {
  background: var(--color-primary);
}
.rbt-default-tab .rbt-brand-tabs {
  position: relative;
  padding: 0;
  margin-bottom: 35px;
  border: none;
  overflow-x: unset;
}
@media only screen and (max-width: 767px) {
  .rbt-default-tab .rbt-brand-tabs {
    overflow-x: auto !important;
    padding: 10px 0 40px 0 !important;
    margin: 0 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  .rbt-default-tab .rbt-brand-tabs {
    overflow-x: unset !important;
  }
}
.rbt-default-tab .rbt-brand-tabs::before {
  position: absolute;
  content: "";
  background: var(--color-secondary-shade);
  border-radius: 8px;
  width: 100%;
  height: 4px;
  bottom: -5px;
  left: 0;
  transition: var(--transition-6);
}
@media only screen and (max-width: 767px) {
  .rbt-default-tab .rbt-brand-tabs::before {
    bottom: 35px;
  }
}
.rbt-default-tab .rbt-brand-tabs li {
  max-width: 318px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .rbt-default-tab .rbt-brand-tabs li {
    max-width: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-default-tab .rbt-brand-tabs li {
    max-width: 170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-default-tab .rbt-brand-tabs li {
    max-width: 200px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-default-tab .rbt-brand-tabs li {
    max-width: 270px;
  }
}
.rbt-default-tab .rbt-brand-tabs li button {
  border: none !important;
  padding: 0;
  margin: auto !important;
}
.rbt-default-tab .rbt-brand-tabs li button::before {
  position: absolute;
  content: "";
  background: var(--color-primary);
  transform: scale(0);
  border-radius: 8px;
  width: 100%;
  height: 4px;
  bottom: -5px;
  left: 0;
  transition: var(--transition-6);
}
@media only screen and (max-width: 767px) {
  .rbt-default-tab .rbt-brand-tabs li button img {
    transform: scale(1.9) translate(0, -4px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-default-tab .rbt-brand-tabs li button img {
    transform: scale(1.4);
  }
}
.rbt-default-tab .rbt-brand-tabs li button.active {
  width: 100%;
}
.rbt-default-tab .rbt-brand-tabs li button.active img {
  filter: brightness(0.4);
}
.rbt-default-tab .rbt-brand-tabs li button.active::before {
  transform: scale(1);
  transition: var(--transition-6);
}

.rbt-tab-style-2 {
  position: relative;
  background: var(--color-black-opacity);
}
.rbt-tab-style-2 .tab-content figure {
  width: 100%;
  height: 800px;
  max-height: 800px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .rbt-tab-style-2 .tab-content figure {
    max-height: 600px;
  }
}
.rbt-tab-style-2 .tab-content figure::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-black-opacity);
}
.rbt-tab-style-2 .tab-content figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rbt-tab-style-2 .tab-content.tab-content-2 {
  position: absolute;
  top: 120px;
  z-index: 12;
}
@media only screen and (max-width: 767px) {
  .rbt-tab-style-2 .tab-content.tab-content-2 {
    top: 50px;
  }
}
.rbt-tab-style-2 .tab-content.tab-content-2 .rbt-badge {
  margin-bottom: 10px;
}
.rbt-tab-style-2 .tab-content.tab-content-2 .rbt-title {
  margin-bottom: 5px;
}
.rbt-tab-style-2 .tab-content.tab-content-2 .rbt-description {
  margin-bottom: 25px;
  max-width: 65%;
}
@media only screen and (max-width: 767px) {
  .rbt-tab-style-2 .tab-content.tab-content-2 .rbt-description {
    max-width: 80%;
  }
}
.rbt-tab-style-2 .nav-tabs {
  border: none;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9;
}
.rbt-tab-style-2 .nav-tabs li {
  margin: 0;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.rbt-tab-style-2 .nav-tabs li + li {
  border-right: 0.5px solid var(--color-white-opacity-100);
}
.rbt-tab-style-2 .nav-tabs li .nav-link {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: end;
  padding: 40px 0 0 30px;
  color: rgba(from var(--color-white) r g b/0.5);
  border: none;
  font-size: var(--font-size-b3);
  font-weight: var(--f-regular);
}
.rbt-tab-style-2 .nav-tabs li .nav-link.active, .rbt-tab-style-2 .nav-tabs li .nav-link:hover {
  background: rgba(2, 1, 39, 0.3);
}
.rbt-tab-style-2 .nav-tabs li .nav-link.active .nav-text, .rbt-tab-style-2 .nav-tabs li .nav-link:hover .nav-text {
  background: linear-gradient(0, var(--color-primary-opacity-900) 2.37%, var(--color-secondary-alt-opacity-900) 97.63%);
  background-repeat: no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rbt-tab-style-3 .rbt-custom-tab,
.rbt-tab-style-5 .rbt-custom-tab {
  min-width: 180px;
  width: 180px;
  height: 505px;
  padding: 40px 50px;
  border-radius: 50px;
  border: 2px solid var(--color-white);
  background: var(--color-secondary-shade);
  text-align: center;
  cursor: pointer;
  transition: var(--transition-5);
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-tab-style-3 .rbt-custom-tab,
  .rbt-tab-style-5 .rbt-custom-tab {
    min-width: 180px;
    width: 180px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-tab-style-3 .rbt-custom-tab,
  .rbt-tab-style-5 .rbt-custom-tab {
    min-width: 145px;
    width: 145px;
    height: 475px;
    padding: 35px 30px;
    border-radius: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-tab-style-3 .rbt-custom-tab,
  .rbt-tab-style-5 .rbt-custom-tab {
    min-width: 125px;
    width: 125px;
    height: 415px;
    padding: 25px 15px;
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-tab-style-3 .rbt-custom-tab,
  .rbt-tab-style-5 .rbt-custom-tab {
    min-width: 125px;
    width: 125px;
    height: 395px;
    padding: 25px 15px;
    border-radius: 20px;
  }
}
.rbt-tab-style-3 .rbt-custom-tab::after,
.rbt-tab-style-5 .rbt-custom-tab::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  background: var(--gradient-light2);
  transition: var(--transition-5);
}
.rbt-tab-style-3 .rbt-custom-tab .rbt-icon,
.rbt-tab-style-5 .rbt-custom-tab .rbt-icon {
  display: inline-block;
  height: 80px;
  width: 80px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  transition: var(--transition-5);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-tab-style-3 .rbt-custom-tab .rbt-icon,
  .rbt-tab-style-5 .rbt-custom-tab .rbt-icon {
    width: 65px;
    height: 65px;
  }
}
.rbt-tab-style-3 .rbt-custom-tab .rbt-icon svg,
.rbt-tab-style-5 .rbt-custom-tab .rbt-icon svg {
  position: relative;
  z-index: 1;
}
.rbt-tab-style-3 .rbt-custom-tab .rbt-icon svg stop,
.rbt-tab-style-5 .rbt-custom-tab .rbt-icon svg stop {
  transition: var(--transition-5);
}
.rbt-tab-style-3 .rbt-custom-tab .rbt-icon::before,
.rbt-tab-style-5 .rbt-custom-tab .rbt-icon::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  background: var(--color-white);
  box-shadow: 0px -2px 4px 0px var(--color-secondary-alt-opacity-200) inset, 0px -4px 4px 0px var(--color-primary-200) inset;
  border-radius: var(--radius-full);
  transition: var(--transition-5);
}
.rbt-tab-style-3 .rbt-custom-tab .rbt-icon::after,
.rbt-tab-style-5 .rbt-custom-tab .rbt-icon::after {
  content: "";
  position: absolute;
  height: 0%;
  width: 0%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  background: linear-gradient(102deg, var(--color-primary) -0.32%, var(--color-secondary-alt) 100%);
  border-radius: var(--radius-full);
  transition: var(--transition-5);
}
.rbt-tab-style-3 .rbt-custom-tab .rbt-card-content,
.rbt-tab-style-5 .rbt-custom-tab .rbt-card-content {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 117px;
  transform: translateX(-50%);
}
.rbt-tab-style-3 .rbt-custom-tab .rbt-card-content .rbt-card-title,
.rbt-tab-style-5 .rbt-custom-tab .rbt-card-content .rbt-card-title {
  white-space: nowrap;
  transform: scale(0);
  transition: var(--transition-5);
}
.rbt-tab-style-3 .rbt-custom-tab .rbt-card-content .rbt-card-description,
.rbt-tab-style-5 .rbt-custom-tab .rbt-card-content .rbt-card-description {
  min-width: 390px;
  transform: scale(0);
  transition: var(--transition-5);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-tab-style-3 .rbt-custom-tab .rbt-card-content .rbt-card-description,
  .rbt-tab-style-5 .rbt-custom-tab .rbt-card-content .rbt-card-description {
    min-width: 360px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-tab-style-3 .rbt-custom-tab .rbt-card-content .rbt-card-description,
  .rbt-tab-style-5 .rbt-custom-tab .rbt-card-content .rbt-card-description {
    min-width: 205px;
  }
}
.rbt-tab-style-3 .rbt-custom-tab .rbt-card-bottom .rbt-overlay-text,
.rbt-tab-style-5 .rbt-custom-tab .rbt-card-bottom .rbt-overlay-text {
  color: var(--color-heading);
  opacity: 0.05;
  font-size: 80px;
  font-weight: var(--f-semibold);
  line-height: 0.75;
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%) scale(1);
  z-index: 1;
  transition: var(--transition-5);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-tab-style-3 .rbt-custom-tab .rbt-card-bottom .rbt-overlay-text,
  .rbt-tab-style-5 .rbt-custom-tab .rbt-card-bottom .rbt-overlay-text {
    font-size: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-tab-style-3 .rbt-custom-tab .rbt-card-bottom .rbt-overlay-text,
  .rbt-tab-style-5 .rbt-custom-tab .rbt-card-bottom .rbt-overlay-text {
    font-size: var(--h1);
  }
}
.rbt-tab-style-3 .rbt-custom-tab .rbt-card-bottom .rbt-card-img,
.rbt-tab-style-5 .rbt-custom-tab .rbt-card-bottom .rbt-card-img {
  width: 378px;
  border-radius: 100px;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%) scale(0);
  transition: var(--transition-5);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-tab-style-3 .rbt-custom-tab .rbt-card-bottom .rbt-card-img,
  .rbt-tab-style-5 .rbt-custom-tab .rbt-card-bottom .rbt-card-img {
    width: 270px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-tab-style-3 .rbt-custom-tab .rbt-card-bottom .rbt-card-img,
  .rbt-tab-style-5 .rbt-custom-tab .rbt-card-bottom .rbt-card-img {
    width: 205px;
  }
}
.rbt-tab-style-3 .rbt-custom-tab .rbt-vertical-text,
.rbt-tab-style-5 .rbt-custom-tab .rbt-vertical-text {
  position: absolute;
  z-index: 1;
  left: 38%;
  bottom: 22px;
  transition: var(--transition-5);
}
.rbt-tab-style-3 .rbt-custom-tab.active,
.rbt-tab-style-5 .rbt-custom-tab.active {
  min-width: 550px;
  width: 550px;
  border-radius: 100px;
  cursor: unset;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-tab-style-3 .rbt-custom-tab.active,
  .rbt-tab-style-5 .rbt-custom-tab.active {
    min-width: 545px;
    width: 545px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-tab-style-3 .rbt-custom-tab.active,
  .rbt-tab-style-5 .rbt-custom-tab.active {
    min-width: 462px;
    width: 462px;
    border-radius: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-tab-style-3 .rbt-custom-tab.active,
  .rbt-tab-style-5 .rbt-custom-tab.active {
    min-width: 405px;
    width: 405px;
    border-radius: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-tab-style-3 .rbt-custom-tab.active,
  .rbt-tab-style-5 .rbt-custom-tab.active {
    min-width: 245px;
    width: 245px;
    border-radius: 40px;
    padding: 25px 15px;
  }
}
.rbt-tab-style-3 .rbt-custom-tab.active::after,
.rbt-tab-style-5 .rbt-custom-tab.active::after {
  opacity: 0;
}
.rbt-tab-style-3 .rbt-custom-tab.active .rbt-icon::before,
.rbt-tab-style-5 .rbt-custom-tab.active .rbt-icon::before {
  height: 70%;
  width: 70%;
}
.rbt-tab-style-3 .rbt-custom-tab.active .rbt-icon::after,
.rbt-tab-style-5 .rbt-custom-tab.active .rbt-icon::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  transform: translate(-50%, -50%);
}
.rbt-tab-style-3 .rbt-custom-tab.active .rbt-icon svg stop,
.rbt-tab-style-5 .rbt-custom-tab.active .rbt-icon svg stop {
  stop-color: var(--color-white);
}
.rbt-tab-style-3 .rbt-custom-tab.active .rbt-card-content .rbt-card-title,
.rbt-tab-style-5 .rbt-custom-tab.active .rbt-card-content .rbt-card-title {
  transform: scale(1);
}
.rbt-tab-style-3 .rbt-custom-tab.active .rbt-card-content .rbt-card-description,
.rbt-tab-style-5 .rbt-custom-tab.active .rbt-card-content .rbt-card-description {
  transform: scale(1);
}
.rbt-tab-style-3 .rbt-custom-tab.active .rbt-card-bottom .rbt-overlay-text,
.rbt-tab-style-5 .rbt-custom-tab.active .rbt-card-bottom .rbt-overlay-text {
  bottom: 160px;
  transform: translateX(-50%) scale(1);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-tab-style-3 .rbt-custom-tab.active .rbt-card-bottom .rbt-overlay-text,
  .rbt-tab-style-5 .rbt-custom-tab.active .rbt-card-bottom .rbt-overlay-text {
    bottom: 145px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-tab-style-3 .rbt-custom-tab.active .rbt-card-bottom .rbt-overlay-text,
  .rbt-tab-style-5 .rbt-custom-tab.active .rbt-card-bottom .rbt-overlay-text {
    bottom: 105px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-tab-style-3 .rbt-custom-tab.active .rbt-card-bottom .rbt-overlay-text,
  .rbt-tab-style-5 .rbt-custom-tab.active .rbt-card-bottom .rbt-overlay-text {
    bottom: 88px;
  }
}
.rbt-tab-style-3 .rbt-custom-tab.active .rbt-card-bottom .rbt-card-img,
.rbt-tab-style-5 .rbt-custom-tab.active .rbt-card-bottom .rbt-card-img {
  transform: translateX(-50%) scale(1);
}
.rbt-tab-style-3 .rbt-custom-tab.active .rbt-vertical-text,
.rbt-tab-style-5 .rbt-custom-tab.active .rbt-vertical-text {
  transform: rotate(180deg) scale(0);
}

.rbt-tab-style-4 {
  position: relative;
}
.rbt-tab-style-4.height-full {
  height: calc(100% - 80px);
}
.rbt-tab-style-4.rbt-tab-btn {
  margin: 0 0 0 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-tab-style-4.rbt-tab-btn {
    margin: 0 0 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-tab-style-4.rbt-tab-btn {
    margin: 0 0 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-tab-style-4.rbt-tab-btn {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-tab-style-4 .h2 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-tab-style-4 .b1 {
    font-size: 14px;
  }
}
.rbt-tab-style-4 .rbt-tab-img {
  max-width: 782px;
  width: 782px;
  transition: var(--transition-6);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (max-width: 1199px) {
  .rbt-tab-style-4 .rbt-tab-img {
    max-width: 100% !important;
    width: unset !important;
  }
}
.rbt-tab-style-4 .rbt-tab-nav-content {
  margin: 0 0 25px 35px;
}
@media only screen and (max-width: 575px) {
  .rbt-tab-style-4 .rbt-tab-nav-content {
    margin: 0 0 25px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-tab-style-4 .rbt-tab-nav-content {
    margin: 0 0 15px 25px;
  }
}
.rbt-tab-style-4.rbt-tab-nav {
  margin: 32px 0 0 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-tab-style-4.rbt-tab-nav {
    margin: 32px 0 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-tab-style-4.rbt-tab-nav {
    margin: 32px 0 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-tab-style-4.rbt-tab-nav {
    margin: 30px 0 0 0;
  }
}
.rbt-tab-style-4.rbt-tab-nav::before {
  position: absolute;
  content: "";
  width: 1px;
  height: calc(100% - 60px);
  background: var(--color-body);
  top: 15px;
  opacity: 0.1;
}
@media only screen and (max-width: 767px) {
  .rbt-tab-style-4.rbt-tab-nav::before {
    top: 10px;
    height: calc(100% - 20px);
  }
}
.rbt-tab-style-4.rbt-tab-nav button,
.rbt-tab-style-4.rbt-tab-nav a {
  text-align: start;
  background-color: transparent !important;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-tab-style-4.rbt-tab-nav button,
  .rbt-tab-style-4.rbt-tab-nav a {
    padding: 0 8px 0 0;
  }
}
.rbt-tab-style-4.rbt-tab-nav button.active .rbt-title-hover,
.rbt-tab-style-4.rbt-tab-nav a.active .rbt-title-hover {
  color: var(--color-heading) !important;
}
.rbt-tab-style-4.rbt-tab-nav button.active .btn-hover-icon,
.rbt-tab-style-4.rbt-tab-nav a.active .btn-hover-icon {
  transform: translate(0, -30px) !important;
}
@media only screen and (max-width: 767px) {
  .rbt-tab-style-4.rbt-tab-nav button.active .btn-hover-icon,
  .rbt-tab-style-4.rbt-tab-nav a.active .btn-hover-icon {
    transform: translate(8px, -5px) !important;
  }
  .rbt-tab-style-4.rbt-tab-nav button.active .btn-hover-icon svg,
  .rbt-tab-style-4.rbt-tab-nav a.active .btn-hover-icon svg {
    width: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-tab-style-4.rbt-tab-nav button.active .btn-hover-icon,
  .rbt-tab-style-4.rbt-tab-nav a.active .btn-hover-icon {
    transform: translate(5px, -3px) !important;
  }
  .rbt-tab-style-4.rbt-tab-nav button.active .btn-hover-icon svg,
  .rbt-tab-style-4.rbt-tab-nav a.active .btn-hover-icon svg {
    width: 16px;
  }
}
.rbt-tab-style-4.rbt-tab-nav button.active .default-text,
.rbt-tab-style-4.rbt-tab-nav a.active .default-text {
  transform: translateY(-160%) rotate(8deg) !important;
}
.rbt-tab-style-4.rbt-tab-nav button.active .hover-text,
.rbt-tab-style-4.rbt-tab-nav a.active .hover-text {
  transform: translateY(0) translateX(-1px) rotate(0) !important;
}
.rbt-tab-style-4.rbt-tab-nav button .rbt-title-hover,
.rbt-tab-style-4.rbt-tab-nav a .rbt-title-hover {
  transition: var(--transition-6);
  color: var(--color-body);
  white-space: wrap !important;
}
.rbt-tab-style-4.rbt-tab-nav button .btn-hover-icon,
.rbt-tab-style-4.rbt-tab-nav a .btn-hover-icon {
  transform: translate(-36px, 80px) !important;
}
.rbt-tab-style-4.rbt-tab-nav button:hover .btn-hover-icon,
.rbt-tab-style-4.rbt-tab-nav a:hover .btn-hover-icon {
  transform: translate(0, 0px) !important;
}
@media only screen and (max-width: 767px) {
  .rbt-tab-style-4.rbt-tab-nav button:hover .btn-hover-icon,
  .rbt-tab-style-4.rbt-tab-nav a:hover .btn-hover-icon {
    transform: translate(8px, -5px) !important;
  }
  .rbt-tab-style-4.rbt-tab-nav button:hover .btn-hover-icon svg,
  .rbt-tab-style-4.rbt-tab-nav a:hover .btn-hover-icon svg {
    width: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-tab-style-4.rbt-tab-nav button:hover .btn-hover-icon,
  .rbt-tab-style-4.rbt-tab-nav a:hover .btn-hover-icon {
    transform: translate(5px, -3px) !important;
  }
  .rbt-tab-style-4.rbt-tab-nav button:hover .btn-hover-icon svg,
  .rbt-tab-style-4.rbt-tab-nav a:hover .btn-hover-icon svg {
    width: 16px;
  }
}
.rbt-tab-style-4.rbt-tab-nav button:hover .rbt-title-hover,
.rbt-tab-style-4.rbt-tab-nav a:hover .rbt-title-hover {
  transition: var(--transition-6);
  color: var(--color-heading);
}
.rbt-tab-style-4.rbt-tab-pane {
  position: relative;
  opacity: 0;
  transition: var(--transition-6);
}
.rbt-tab-style-4.rbt-tab-pane .rbt-badge {
  position: absolute;
  content: "";
  top: 38px;
  left: 10px;
  transform: rotate(270deg);
}
.rbt-tab-style-4.rbt-tab-pane.show.active {
  opacity: 1;
}

.rbt-tab-style-5 .rbt-custom-tab .rbt-icon::before {
  box-shadow: 0 -2px 4px 0 rgba(255, 255, 255, 0.25) inset, 0 -4px 4px 0 rgba(255, 255, 255, 0.19) inset;
}
.rbt-tab-style-5 .rbt-custom-tab .rbt-icon::after {
  background: linear-gradient(90deg, #708BFD 0%, #FE71B9 100%);
  box-shadow: 0 -2px 4px 0 rgba(255, 255, 255, 0.25) inset, 0 -4px 4px 0 rgba(255, 255, 255, 0.19) inset;
}

.rbt-shape-snake {
  position: absolute;
  bottom: 0;
  right: -210px;
  z-index: -1;
}

/*----------------------
VenoBox Video Styles  
-----------------------*/
.vbox-close {
  top: 50px !important;
  right: 70px !important;
  font-size: 22px;
  font-weight: 400;
  transition: 0.4s;
  opacity: 1;
  width: 48px;
  height: 48px;
  background: var(--color-border-4);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  color: var(--color-white);
  box-shadow: var(--shadow-1);
}

.vbox-backdrop {
  background: rgba(0, 0, 0, 0.8) !important;
  backdrop-filter: blur(15px);
}

.vbox-child {
  background: transparent !important;
  max-width: 100vh !important;
  border-radius: var(--radius-lg) !important;
}
.vbox-child > iframe {
  border-radius: var(--radius-lg) !important;
}

/*----------------------
Elastic tab effect 
-----------------------*/
.rbt-nav-effect-activation {
  position: relative;
}
.rbt-nav-effect-activation .rbt-elastic-btn-list .rbt-tab-btn:not(.active):hover {
  color: var(--color-primary);
}
.rbt-nav-effect-activation .rbt-elastic-btn-list .rbt-tab-btn.active::before {
  scale: 0;
  opacity: 0;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-nav-effect-activation .rbt-elastic-btn-list .rbt-tab-btn.active::before {
    scale: 1;
    opacity: 1;
  }
}
.rbt-nav-effect-activation .rbt-bg-highlight {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: var(--color-primary);
  border-radius: 8px;
  transition: var(--transition-1);
  transition: width 0.3s, left 0.3s;
  z-index: 0;
  border-radius: var(--radius-lg);
}
.rbt-nav-effect-activation .rbt-bg-highlight.rbt-bg-gradient {
  background-image: radial-gradient(83.54% 74.04% at 37.13% 12%, var(--color-white-opacity-400) 0%, var(--color-primary-opacity-0) 69.79%, var(--color-primary-opacity-0) 100%), linear-gradient(var(--color-primary), var(--color-primary));
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-shadow: -3px -4px 7px 0px var(--color-white-opacity-200) inset, 4px 10px 20px 0px var(--color-primary-opacity-300);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-nav-effect-activation .rbt-bg-highlight {
    display: none;
  }
}
.rbt-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav:hover, .rbt-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav.active {
  background: transparent;
}
.rbt-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav.active {
  background: var(--color-primary);
}

.rbt-bg-light-shadow {
  position: relative;
}
.rbt-bg-light-shadow::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  background: var(--color-primary-600);
  opacity: 0.4;
  filter: blur(100px);
  top: 35%;
  left: 0;
}

/*---------------------------------
tab content changing animation
-----------------------------------*/
@keyframes tabZoomIn {
  from {
    transform: scale(1.1);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes tabZoomOut {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.1);
    opacity: 0;
  }
}
.rbt-content-zoom-out .tab-pane .layout-img,
.rbt-content-zoom-out .tab-pane .layout-bg {
  opacity: 1;
}
.rbt-content-zoom-out .tab-pane.show figure img {
  animation: tabZoomIn 0.5s ease-out forwards;
}
.rbt-content-zoom-out .tab-pane:not(.show) figure img {
  animation: tabZoomOut 0.5s ease-out forwards;
}

@keyframes tabContentSlideUp {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
.rbt-content-slide-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 70px 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-content-slide-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 575px) {
  .rbt-content-slide-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-list {
  padding: 0;
  margin: 0;
  margin-left: 5px;
}
.rbt-list li {
  position: relative;
  display: flex;
  gap: 20px;
  align-items: center;
  padding-left: 26px;
  color: var(--color-body);
  font-family: var(--font-primary);
  font-size: var(--font-size-b1);
  font-weight: var(--f-light);
  line-height: var(--line-height-b1);
  margin: 0 0 15px -10px;
  overflow: hidden;
}
.rbt-list li:last-child {
  margin: 0 0 0 -10px;
}
.rbt-list li::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: rgba(from var(--color-gray-2) r g b/0.8);
  border-radius: var(--radius-full);
  position: absolute;
  top: 12px;
  transform: translateX(-15px) translateY(0);
  transition: var(--transition-1);
}
.rbt-list.rbt-list-default li::before {
  content: none;
}
.rbt-list.is-gradient-hover a {
  color: rgba(from var(--color-white) r g b/0.9);
  padding-left: 0px !important;
  transition: var(--transition-6);
}
.rbt-list.is-gradient-hover a:hover {
  background: linear-gradient(101deg, var(--color-primary-opacity-900) 0%, var(--color-secondary-alt-opacity-900) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-left: 20px !important;
  transition: var(--transition-6);
}
.rbt-list.is-gradient-hover a:hover i,
.rbt-list.is-gradient-hover a:hover svg {
  color: var(--color-primary);
  transform: translateY(-13px) translateX(4px);
  opacity: 1;
}
.rbt-list.rbt-list-2 li {
  overflow: visible;
  display: flex;
  gap: 16px;
  margin-left: 0;
  padding-left: 40px;
  font-size: var(--font-size-b1);
}
.rbt-list.rbt-list-2 li::before {
  height: 8px;
  width: 8px;
  top: 11px;
  left: 24px;
  z-index: 1;
  background: radial-gradient(83.54% 74.04% at 37.13% 12%, var(--color-white-opacity-400) 0%, var(--color-primary-opacity-0) 69.79%, var(--color-primary-opacity-0) 100%), linear-gradient(var(--color-primary), var(--color-primary));
}
.rbt-list.rbt-list-2 li::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 26px;
  height: 26px;
  background: var(--color-white);
  box-shadow: var(--shadow-1);
  border-radius: var(--radius-full);
}
.rbt-list.rbt-list-2 li:hover::before {
  transform: scale(1.15) translateX(-12.5px);
}
.rbt-list.rbt-list-3 li {
  display: flex;
  gap: 16px;
  align-items: start;
  margin-left: 0;
  padding-left: 0;
}
.rbt-list.rbt-list-3 li::before {
  display: none;
}
.rbt-list.rbt-list-3 li img {
  width: 20px;
  height: 20px;
  margin-top: 8px;
}
.rbt-list.rbt-list-4 li, .rbt-list.rbt-list-5 li {
  display: flex;
  gap: 10px;
  align-items: start;
  margin: 0;
  padding: 18px;
  border-radius: var(--radius-md);
  background: linear-gradient(145deg, var(--color-primary-opacity-50) -2.12%, var(--color-secondary-alt-opacity-0) 121.13%);
  box-shadow: 0px 20px 46.3px 0px var(--color-primary-opacity-100) inset, 2.25px -7px 43.7px 0px var(--color-primary-opacity-0) inset;
  color: inherit;
  font-size: var(--font-size-b1);
  font-weight: inherit;
  height: fit-content;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-list.rbt-list-4 li, .rbt-list.rbt-list-5 li {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    padding: 10px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-list.rbt-list-4 li, .rbt-list.rbt-list-5 li {
    font-size: var(--font-size-b2);
    padding: 15px;
  }
}
.rbt-list.rbt-list-4 li::before, .rbt-list.rbt-list-5 li::before {
  display: none;
}
.rbt-list.rbt-list-4 li img, .rbt-list.rbt-list-5 li img {
  margin-top: 10px;
}
.rbt-list.rbt-list-4.rbt-list-column, .rbt-list.rbt-list-5.rbt-list-column {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-list.rbt-list-4.rbt-list-column, .rbt-list.rbt-list-5.rbt-list-column {
    gap: 18px;
  }
}
.rbt-list.rbt-list-4.rbt-list-column li, .rbt-list.rbt-list-5.rbt-list-column li {
  flex-basis: 48%;
}
@media only screen and (max-width: 767px) {
  .rbt-list.rbt-list-4.rbt-list-column li, .rbt-list.rbt-list-5.rbt-list-column li {
    flex-basis: 100%;
  }
}
.rbt-list.rbt-list-5 li {
  background: var(--gradient-light1);
}
.rbt-list.rbt-list-has-left-icon li {
  padding-left: 0;
  width: fit-content;
}
.rbt-list.rbt-list-has-left-icon li::before {
  transform: translateX(6px) translateY(0);
}
.rbt-list.rbt-list-has-left-icon li i,
.rbt-list.rbt-list-has-left-icon li svg {
  position: absolute;
  top: 23px;
  left: -1%;
  transform: translateY(0) translateX(-6px);
  transition: var(--transition-1);
  opacity: 0;
}
.rbt-list.rbt-list-has-left-icon li:hover::before, .rbt-list.rbt-list-has-left-icon li.rbt-active::before {
  transform: translateX(14px) translateY(-8px);
  opacity: 0;
}
.rbt-list.rbt-list-has-left-icon li:hover a, .rbt-list.rbt-list-has-left-icon li.rbt-active a {
  color: var(--color-primary);
}
.rbt-list.rbt-list-has-left-icon li:hover a i,
.rbt-list.rbt-list-has-left-icon li:hover a svg, .rbt-list.rbt-list-has-left-icon li.rbt-active a i,
.rbt-list.rbt-list-has-left-icon li.rbt-active a svg {
  color: var(--color-primary);
  transform: translateY(-13px) translateX(4px);
  opacity: 1;
}
.rbt-list.rbt-list-has-left-icon li a {
  color: var(--color-body);
  padding-left: 20px;
}
.rbt-list.rbt-list-has-left-icon li a:hover {
  color: var(--color-primary);
}
.rbt-list.rbt-list-has-left-icon li a:hover i,
.rbt-list.rbt-list-has-left-icon li a:hover svg {
  color: var(--color-primary);
  transform: translateY(-13px) translateX(4px);
  opacity: 1;
}
.rbt-list.rbt-list-marker-none li::before {
  content: none;
}
.rbt-list.rbt-list-marker-none li a {
  padding-left: 0;
  transition: var(--transition-1);
  color: rgba(from var(--color-white) r g b/0.9);
}
.rbt-list.rbt-list-marker-none.rbt-list-has-left-icon li i,
.rbt-list.rbt-list-marker-none.rbt-list-has-left-icon li svg {
  position: absolute;
  left: 6px;
  top: 16px;
  transform: translateY(10%) translateX(-17px);
  transition: var(--transition-1);
  opacity: 0;
}
.rbt-list.rbt-list-marker-none.rbt-list-has-left-icon li a:hover {
  padding-left: 26px;
  color: var(--color-primary);
}
.rbt-list.rbt-list-marker-none.rbt-list-has-left-icon li a:hover i,
.rbt-list.rbt-list-marker-none.rbt-list-has-left-icon li a:hover svg {
  color: var(--color-primary);
  transform: translateY(-65%) translateX(0px);
  opacity: 1;
}
.rbt-list.has-transparent-text li > *:hover {
  background: linear-gradient(102deg, var(--color-primary) -0.32%, var(--color-secondary-alt) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-list.rbt-list-gripped li {
  margin: 0 0 12px 0;
}
.rbt-list.rbt-list-gripped li:last-child {
  margin-bottom: 0;
}
.rbt-list.list-row {
  display: flex;
  gap: 10px;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .rbt-list.list-row {
    flex-direction: column;
    align-items: start;
  }
}
.rbt-list.list-row li {
  margin-bottom: 0;
  padding-left: 24px;
  color: inherit;
}
.rbt-list.list-row li:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-list.list-row li:first-child {
    padding-left: 24px;
  }
}
.rbt-list.list-row li:first-child::before {
  content: none;
}
@media only screen and (max-width: 767px) {
  .rbt-list.list-row li:first-child::before {
    content: "";
  }
}
.rbt-list.list-row li a {
  color: inherit;
}
.rbt-list.with-avatar li {
  padding-left: 10px;
  margin-bottom: 20px;
}
.rbt-list.with-avatar li::before {
  content: none;
}
.rbt-list.with-avatar li:last-child {
  margin-bottom: 0;
}
.rbt-list.with-avatar li .rbt-avatar {
  border-color: transparent;
  transition: var(--transition-1);
}
.rbt-list.with-avatar li .rbt-avatar img {
  transition: var(--transition);
}
.rbt-list.with-avatar li:hover .rbt-avatar {
  border-color: var(--color-primary);
}
.rbt-list.with-avatar li:hover .rbt-avatar img {
  transform: scale(1.1);
}
.rbt-list.rbt-list-bg-dark {
  color: var(--color-gray-4);
}
.rbt-list.rbt-list-bg-dark li a:hover {
  color: var(--color-white);
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-avatar-group-box {
  padding: 22px 22px 40px 22px;
  backdrop-filter: blur(3px);
  width: fit-content;
  border-radius: var(--radius-lg);
  min-width: 250px;
  background: url(../images/section-bg/shape39.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.rbt-avatar-group-box-wrap {
  align-items: baseline;
  justify-content: end;
}
@media only screen and (min-width: 1600px) and (max-width: 1919px), only screen and (max-width: 767px) {
  .rbt-avatar-group-box-wrap {
    justify-content: start;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 2519px) {
  .rbt-avatar-group-box-wrap {
    justify-content: center;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-avatar-group-box-wrap {
    justify-content: start;
    align-items: center;
  }
}

.rbt-avatar-group-box-2 {
  padding: 20px 35px 40px 25px;
  margin: 60px 0 0 0;
  backdrop-filter: blur(3px);
  border-radius: var(--radius-lg);
  max-width: 182px;
  background: url(../images/section-bg/shape41.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
  max-height: 200px;
  height: 100%;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1920px) and (max-width: 2519px) {
  .rbt-avatar-group-box-2 {
    margin: 0 0 0 -210px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-avatar-group-box-2 {
    margin: 10px 30px 0 0;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-avatar-group-box-2 {
    margin: 0 0;
  }
}

.rbt-avatar-group {
  display: flex;
  align-items: center;
}
.rbt-avatar-group .rbt-avatar + .rbt-avatar {
  margin-left: -18px;
}
.rbt-avatar-group .rbt-avatar:hover {
  transform: translateY(-6px);
}
.rbt-avatar-group .more-peoples .total-joined {
  color: var(--color-body);
  font-family: var(--font-primary);
  font-size: var(--font-size-b2);
  font-weight: var(--f-regular);
  line-height: 1.5;
}
.rbt-avatar-group.rbt-has-shadow {
  filter: drop-shadow(0px 5px 17.8px rgba(42, 48, 61, 0.15));
}
.rbt-avatar-group .rbt-avatar-heart {
  width: 55px;
}

.rbt-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: var(--radius-full);
  border: 3px solid var(--color-white);
  overflow: hidden;
  position: relative;
  transition: var(--transition-1);
}
.rbt-avatar.rbt-avatar-status-icon {
  overflow: visible;
  height: 80px;
  width: 80px;
  border-radius: var(--radius-full);
  border: 2px solid var(--color-white);
  box-shadow: 0px 18px 30.7px 0px rgba(10, 5, 44, 0.12);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-avatar.rbt-avatar-status-icon {
    height: 70px;
    width: 70px;
  }
}
.rbt-avatar.rbt-avatar-status-icon .rbt-qoutation-icon {
  position: absolute;
  right: -3px;
  top: -3px;
}
.rbt-avatar.rbt-border-white-2 {
  border: 2px solid var(--color-white) !important;
}
.rbt-avatar.rbt-avatar-overlay::after {
  content: "+";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  line-height: 1;
  background-color: var(--color-secondary-alt-opacity-700);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  color: var(--color-white);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition-1);
}
.rbt-avatar.rbt-avatar-overlay.rbt-avatar-overlay-primary::after {
  background-color: var(--color-primary-opacity-700);
}
.rbt-avatar.rbt-avatar-overlay.rbt-more-avatar::after {
  opacity: 1;
  visibility: visible;
  font-size: var(--h4);
}
.rbt-avatar.gradient-border, .rbt-avatar.gradient-border-2 {
  border: none;
  overflow: visible;
  z-index: 11;
  box-shadow: 0 8px 18.1px rgba(7, 15, 85, 0.18);
}
.rbt-avatar.gradient-border::after, .rbt-avatar.gradient-border-2::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background: linear-gradient(180deg, rgba(15, 52, 248, 0.55), rgb(255, 255, 255));
  border-radius: var(--radius-full);
  z-index: -1;
}
.rbt-avatar.gradient-border img, .rbt-avatar.gradient-border-2 img {
  background: var(--color-white);
}
.rbt-avatar.gradient-border-2 {
  transition: var(--transition-6);
}
.rbt-avatar.gradient-border-2::after {
  background: linear-gradient(180deg, rgba(15, 52, 248, 0.4705882353), rgba(9, 31, 146, 0));
  transition: var(--transition-6);
}
.rbt-avatar.gradient-border-2::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background: linear-gradient(180deg, rgba(15, 52, 248, 0.4705882353), rgba(9, 31, 146, 0));
  border-radius: var(--radius-full);
  z-index: -1;
  transition: var(--transition-6);
  opacity: 0;
}
.rbt-avatar.has-active-status::before {
  content: "";
  position: absolute;
  height: 14px;
  width: 14px;
  top: 0px;
  right: 0px;
  background: var(--color-green);
  border-radius: var(--radius-full);
  border: 2px solid var(--color-white);
}
.rbt-avatar.rbt-avatar-xl {
  height: 100px;
  width: 100px;
}
@media only screen and (max-width: 767px) {
  .rbt-avatar.rbt-avatar-xl {
    height: 70px;
    width: 70px;
  }
}
.rbt-avatar.rbt-tooltip-activator:hover.gradient-border-2::before {
  opacity: 1;
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-purple) 50%, var(--color-secondary-alt) 100%);
  transition: var(--transition-6);
}
.rbt-avatar.rbt-avatar-lg {
  height: 80px;
  width: 80px;
}
.rbt-avatar.rbt-avatar-md {
  height: 70px;
  width: 70px;
}
@media only screen and (max-width: 767px) {
  .rbt-avatar.rbt-avatar-md {
    height: 60px;
    width: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-avatar.rbt-avatar-md {
    height: 55px;
    width: 55px;
  }
}
.rbt-avatar.rbt-avatar-md + .rbt-avatar-md {
  margin-left: -30px;
}
.rbt-avatar.rbt-avatar-sm {
  width: 40px;
  height: 40px;
}
.rbt-avatar.rbt-avatar-sm.has-active-status::before {
  height: 12px;
  width: 12px;
  top: -2px;
  right: -2px;
}
.rbt-avatar.rbt-avatar-xs {
  width: 30px;
  height: 30px;
}
.rbt-avatar img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  border-radius: var(--radius-full);
  object-fit: cover;
}

.rbt-founder {
  border: var(--border-width) solid var(--color-border-6);
  border-radius: var(--radius-100);
  display: flex;
  gap: 50px;
  align-items: center;
  padding: 10px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-founder {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-founder {
    gap: 24px;
    flex-direction: column;
    align-items: normal;
    border-radius: var(--radius-lg);
    text-align: center;
  }
}
.rbt-founder::before {
  content: "";
  position: absolute;
  left: 105%;
  bottom: 100%;
  width: 200px;
  height: 350px;
  background: var(--color-primary-alt);
  border-radius: var(--radius-full);
  -webkit-filter: blur(300px);
  -moz-filter: blur(300px);
  -o-filter: blur(300px);
  -ms-filter: blur(300px);
  filter: blur(300px);
}
.rbt-founder::after {
  content: "";
  position: absolute;
  left: 100%;
  bottom: 100%;
  height: 200px;
  width: 150px;
  background: var(--color-secondary);
  border-radius: var(--radius-full);
  -webkit-filter: blur(170px);
  -moz-filter: blur(170px);
  -o-filter: blur(170px);
  -ms-filter: blur(170px);
  filter: blur(170px);
}
.rbt-founder > div + div {
  border-left: var(--border-width) solid var(--color-border-6);
  padding-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-founder > div + div {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-founder > div + div {
    padding-top: 24px;
    border-top: var(--border-width) solid var(--color-border-6);
    border-left: none;
    padding-left: 0;
  }
}
.rbt-founder .founder-inner {
  display: flex;
  gap: 35px;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-founder .founder-inner {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-founder .founder-inner {
    gap: 30px;
    flex-direction: column;
  }
}
.rbt-founder .founder-inner .founder-thumbnail {
  width: 160px;
  height: 160px;
  background: var(--gradient-light2);
  border-radius: var(--radius-full);
}
.rbt-founder .founder-inner .founder-thumbnail img {
  width: 100%;
  height: 100%;
  border-radius: var(--radius-full);
  object-fit: cover;
}
.rbt-founder .founder-inner .founder-name {
  margin-bottom: 10px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-founder .founder-inner .founder-name {
    margin-bottom: 8px;
  }
}

.rbt-singature .singature {
  display: block;
  color: var(--color-heading);
  font-family: var(--font-autograph);
  font-size: var(--h4);
  font-weight: var(--f-regular);
  line-height: 1;
  border-bottom: 1px solid var(--color-gray-light);
  padding-bottom: 5px;
  margin-bottom: 5px;
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-tooltip,
.rbt-tooltip-2 {
  position: absolute;
  left: calc(100% - 10px);
  border-radius: var(--radius-48);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition-1);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-tooltip,
  .rbt-tooltip-2 {
    transition: unset;
  }
}
.rbt-tooltip.rbt-tooltip-position,
.rbt-tooltip-2.rbt-tooltip-position {
  top: -50%;
  left: 100%;
}
.rbt-tooltip::before,
.rbt-tooltip-2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-purple) 50%, var(--color-secondary-alt) 100%);
  border-radius: var(--radius-48);
}
.rbt-tooltip::after,
.rbt-tooltip-2::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: white;
  border: 2px solid var(--color-primary);
  right: calc(100% - 8px);
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-tooltip::after,
  .rbt-tooltip-2::after {
    border: 2px solid var(--color-secondary-alt);
    left: calc(100% - 8px);
  }
}
.rbt-tooltip .rbt-inner,
.rbt-tooltip-2 .rbt-inner {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 230px;
  padding: 15px 30px;
  background: var(--color-white);
  border-radius: var(--radius-48);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 575px) {
  .rbt-tooltip .rbt-inner,
  .rbt-tooltip-2 .rbt-inner {
    min-width: 200px;
    padding: 12px 15px;
  }
}
.rbt-tooltip .rbt-inner::after,
.rbt-tooltip-2 .rbt-inner::after {
  content: "";
  position: absolute;
  height: 130%;
  width: 100%;
  background: transparent;
  right: 50%;
  border-radius: var(--radius-48);
}
.rbt-tooltip .rbt-member-rating,
.rbt-tooltip-2 .rbt-member-rating {
  min-width: 36px;
  height: 40px;
  padding: 5px;
  background: var(--gradient-light2);
  border: 1px solid var(--color-dark);
  border-radius: var(--radius);
  display: flex;
  gap: 2px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.rbt-tooltip .rbt-member-rating span,
.rbt-tooltip-2 .rbt-member-rating span {
  line-height: 1;
}

.rbt-tooltip-2 .rbt-inner {
  min-width: 170px;
  padding: 8px 22px;
}

.rbt-tooltip-activator,
.rbt-tooltip-activator-2 {
  cursor: pointer;
}
.rbt-tooltip-activator.tooltip-active .rbt-tooltip,
.rbt-tooltip-activator-2.tooltip-active .rbt-tooltip {
  left: calc(100% + 15px);
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-tooltip-activator.tooltip-active .rbt-tooltip,
  .rbt-tooltip-activator-2.tooltip-active .rbt-tooltip {
    left: unset;
    right: calc(100% + 15px);
  }
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-animate-rotaion-forward {
  animation: rbt-rotation-forward 20s infinite linear;
}
.rbt-animate-rotaion-forward.rbt-rotate-faster {
  animation: rbt-rotation-forward 10s infinite linear;
}

.rbt-animate-rotaion-backward {
  animation: rbt-rotation-backward 20s infinite linear;
}
.rbt-animate-rotaion-backward.rbt-rotate-faster {
  animation: rbt-rotation-forward 10s infinite linear;
}

.moving-content-wrapper {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.moving-animation-content-gradient {
  opacity: 0.8;
  background: linear-gradient(90deg, #FE71B9 0%, #708BFD 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: initial;
  -webkit-text-stroke: 1px transparent !important;
}
.moving-animation-content-gradient:hover span:hover {
  background: linear-gradient(90deg, #FE71B9 0%, #708BFD 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px transparent;
  color: inherit !important;
}

.moving-animation-content {
  -webkit-text-stroke: 1px var(--color-primary-400);
  font-family: var(--font-primary);
  font-size: var(--display-font);
  font-weight: var(--f-bold);
  line-height: 1;
  text-transform: uppercase;
  color: transparent;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: 75px;
}
@media only screen and (max-width: 767px) {
  .moving-animation-content {
    font-size: var(--h1);
  }
}
.moving-animation-content.animation-content-sm {
  font-size: var(--display-font-3);
  padding: 18px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .moving-animation-content.animation-content-sm {
    font-size: var(--h2);
  }
}
@media only screen and (max-width: 767px) {
  .moving-animation-content.animation-content-sm {
    font-size: var(--h3);
    padding: 10px 0;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .moving-animation-content.animation-content-sm img {
    max-height: 40px;
  }
}

.scroll-animation-wrapper {
  position: relative;
  z-index: 1;
}
.scroll-animation-wrapper::before, .scroll-animation-wrapper::after {
  position: absolute;
  height: 100%;
  width: 100px;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0)));
  background: -webkit-linear-gradient(left, #fff, hsla(0, 0%, 100%, 0));
  background: -moz-linear-gradient(left, #fff 0, hsla(0, 0%, 100%, 0) 100%);
  background: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0));
  z-index: 2;
  content: "";
}
@media only screen and (max-width: 767px) {
  .scroll-animation-wrapper::before, .scroll-animation-wrapper::after {
    width: 50px;
  }
}
.scroll-animation-wrapper::before {
  top: 0;
  left: 0;
}
.scroll-animation-wrapper::after {
  top: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.scroll-animation-wrapper.no-overlay::before, .scroll-animation-wrapper.no-overlay::after {
  display: none;
}

.scroll-animation {
  display: flex;
  gap: 20px;
  width: -webkit-calc((420px * 16) + (30px * 16));
  width: -moz-calc((420px * 16) + (30px * 16));
  width: 7200px;
  position: relative;
}
.scroll-animation.scroll-right-left {
  -webkit-animation: scroll 80s linear infinite;
  -moz-animation: scroll 80s linear infinite;
  animation: scroll 80s linear infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.scroll-animation.scroll-left-right {
  -webkit-animation: scrollLeft 80s linear infinite;
  -moz-animation: scrollLeft 80s linear infinite;
  animation: scrollLeft 80s linear infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.scroll-animation .rbt-brand-single {
  width: 256px;
}

.moving-animation {
  display: flex;
  width: -webkit-calc((85px * 4) + (90px * 4) + (496px * 4) + (585px * 2) + (530px * 2) + (393px * 2));
  width: -moz-calc((85px * 4) + (90px * 4) + (496px * 4) + (585px * 2) + (530px * 2) + (393px * 2));
  width: 5700px;
  position: relative;
}
.moving-animation.scroll-right-left {
  -webkit-animation: scroll 20s linear infinite;
  -moz-animation: scroll 20s linear infinite;
  animation: scroll 20s linear infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.moving-animation.scroll-left-right {
  -webkit-animation: scrollLeft 20s linear infinite;
  -moz-animation: scrollLeft 20s linear infinite;
  animation: scrollLeft 20s linear infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.moving-animation .moving-text {
  display: inline-block;
  white-space: nowrap;
  transition: var(--transition);
}
.moving-animation:hover.scroll-right-left {
  animation-play-state: paused;
}

.rbt-marquee-text-2 {
  position: relative;
  padding: 24px 0;
}
.rbt-marquee-text-2 .marquee-text-bg,
.rbt-marquee-text-2 .marquee-dashed-border {
  background: linear-gradient(90deg, var(--color-primary-alt) 0%, var(--color-secondary-alt-opacity-900) 100%);
}
.rbt-marquee-text-2 .marquee-text-bg::before, .rbt-marquee-text-2 .marquee-text-bg::after,
.rbt-marquee-text-2 .marquee-dashed-border::before,
.rbt-marquee-text-2 .marquee-dashed-border::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 82px;
  opacity: 0.2;
  z-index: -1;
  bottom: 30px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-marquee-text-2 .marquee-text-bg::before, .rbt-marquee-text-2 .marquee-text-bg::after,
  .rbt-marquee-text-2 .marquee-dashed-border::before,
  .rbt-marquee-text-2 .marquee-dashed-border::after {
    height: 52px;
  }
}
.rbt-marquee-text-2 .marquee-text-bg::before,
.rbt-marquee-text-2 .marquee-dashed-border::before {
  background: linear-gradient(96deg, var(--color-secondary) -11.57%, var(--color-primary-opacity-900) 101.08%);
  left: 0;
  transform: rotate(-1.2deg);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-marquee-text-2 .marquee-text-bg::before,
  .rbt-marquee-text-2 .marquee-dashed-border::before {
    bottom: 20px;
  }
}
.rbt-marquee-text-2 .marquee-text-bg::after,
.rbt-marquee-text-2 .marquee-dashed-border::after {
  background: linear-gradient(96deg, var(--color-secondary) -11.57%, var(--color-primary-opacity-900) 101.08%);
  right: 0;
  transform: rotate(1.2deg);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-marquee-text-2 .marquee-text-bg::after,
  .rbt-marquee-text-2 .marquee-dashed-border::after {
    bottom: 34px;
  }
}
.rbt-marquee-text-2 .marquee-text-bg-2 {
  background: linear-gradient(90deg, var(--color-primary-alt) 0%, var(--color-secondary-alt) 100%);
}
.rbt-marquee-text-2 .marquee-text-bg-white {
  background: linear-gradient(135deg, #FFF5FA 0%, #F5F5FF 100%);
}
.rbt-marquee-text-2 .marquee-dashed-border {
  background: linear-gradient(90deg, var(--color-primary-alt) 0%, var(--color-secondary-alt-opacity-900) 100%);
}
.rbt-marquee-text-2 .marquee-dashed-border::before {
  background: transparent;
  left: 0;
  border: 2px dashed var(--color-primary-alt);
  opacity: 0.4;
  transform: rotate(-1.2deg);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-marquee-text-2 .marquee-dashed-border::before {
    bottom: 20px;
  }
}
.rbt-marquee-text-2 .marquee-dashed-border::after {
  background: transparent;
  right: 0;
  border: 2px dashed var(--color-secondary-alt-opacity-900);
  opacity: 0.4;
  transform: rotate(1.2deg);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-marquee-text-2 .marquee-dashed-border::after {
    bottom: 20px;
  }
}

.rbt-marquee-rotate {
  transform: rotate(5deg);
}

.rbt-marquee-rotate-2 {
  transform: rotate(-1.2deg);
}

.rbt-bell-icon {
  animation-name: bellRing;
  animation: bellRing 5s 0.5s ease-in-out infinite;
}

.rbt-clock-vibrate {
  animation: clockVibrate 0.5s linear infinite;
  animation-play-state: paused;
}
.rbt-clock-vibrate.active {
  animation-play-state: running;
}

/* rotate animation */
@keyframes rbt-rotation-forward {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rbt-rotation-backward {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-2200px);
    -moz-transform: translateX(-2200px);
    transform: translateX(-2200px);
  }
}
@keyframes scrollLeft {
  0% {
    -webkit-transform: translateX(-2200px);
    -moz-transform: translateX(-2200px);
    transform: translateX(-2200px);
  }
  to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes vibrate {
  0% {
    transform: translate(-1px, 1px) rotate(0);
  }
  25% {
    transform: translate(2px, -2px) rotate(-3deg);
  }
  50% {
    transform: translate(0, 0) rotate(0);
  }
  75% {
    transform: translate(1px, -1px) rotate(3deg);
  }
  100% {
    transform: translate(0, 0) rotate(0);
  }
}
@keyframes clockVibrate {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-8deg);
  }
  20% {
    transform: rotate(8deg);
  }
  30% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(8deg);
  }
  50% {
    transform: rotate(-8deg);
  }
  60% {
    transform: rotate(0deg);
  }
  70% {
    transform: rotate(-8deg);
  }
  80% {
    transform: rotate(8deg);
  }
  90% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-8deg);
  }
}
@keyframes burnup {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 30px;
  }
}
@keyframes bellRing {
  0% {
    transform: rotate(0);
  }
  1% {
    transform: rotate(30deg);
  }
  3% {
    transform: rotate(-28deg);
  }
  5% {
    transform: rotate(34deg);
  }
  7% {
    transform: rotate(-32deg);
  }
  9% {
    transform: rotate(30deg);
  }
  11% {
    transform: rotate(-28deg);
  }
  13% {
    transform: rotate(26deg);
  }
  15% {
    transform: rotate(-24deg);
  }
  17% {
    transform: rotate(22deg);
  }
  19% {
    transform: rotate(-20deg);
  }
  21% {
    transform: rotate(18deg);
  }
  23% {
    transform: rotate(-16deg);
  }
  25% {
    transform: rotate(14deg);
  }
  27% {
    transform: rotate(-12deg);
  }
  29% {
    transform: rotate(10deg);
  }
  31% {
    transform: rotate(-8deg);
  }
  33% {
    transform: rotate(6deg);
  }
  35% {
    transform: rotate(-4deg);
  }
  37% {
    transform: rotate(2deg);
  }
  39% {
    transform: rotate(-1deg);
  }
  41% {
    transform: rotate(1deg);
  }
  43% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes arrowMoving {
  0%, 100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  33% {
    transform: translate(0, -20px) rotate(5deg);
  }
  80% {
    transform: translate(0, 10px) rotate(-10deg);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rbt-up-down-anim {
  -webkit-animation: up-down-anim 1s infinite alternate;
  animation: up-down-anim 1s infinite alternate;
}

@-webkit-keyframes up-down-anim {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
@keyframes up-down-anim {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-header-campaign.rbt-campaign-1 {
  background: linear-gradient(90deg, #90C2FD 0%, #C171F8 47.5%, #FE71B9 100%);
}
.rbt-header-campaign.rbt-campaign-1 .rbt-campaign-content {
  display: flex;
  gap: 10px;
  padding: 8px 0;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .rbt-header-campaign.rbt-campaign-1 .rbt-campaign-content {
    padding: 4px 0;
  }
}
.rbt-header-campaign .rbt-campaign-text {
  font-size: var(--font-size-b4);
  color: var(--color-white);
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-header-campaign .rbt-campaign-text {
    font-size: var(--font-size-b5);
  }
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-category-card {
  position: relative;
}
.rbt-category-card .rbt-category-thumb {
  position: relative;
  border-radius: var(--radius-md);
  overflow: hidden;
  aspect-ratio: 600/550;
}
.rbt-category-card .rbt-category-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 35, 75, 0) 0%, var(--color-heading) 100%);
  box-shadow: 0px 20px 46.3px 0px var(--color-primary-opacity-100) inset, 2.25px -7px 43.7px 0px var(--color-primary-opacity-0) inset;
  z-index: 1;
}
.rbt-category-card .rbt-category-thumb img {
  transform: scale(1.03);
  transition: var(--transition-5);
}
.rbt-category-card .rbt-category-info {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-category-card .rbt-category-info {
    gap: 12px;
  }
}
.rbt-category-card .rbt-category-info .rbt-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  width: 70px;
  flex-shrink: 0;
  background: radial-gradient(138.49% 66.88% at 36.14% 16.67%, rgba(255, 115, 115, 0.23) 0%, rgba(94, 46, 46, 0) 86.18%), radial-gradient(83.94% 83.94% at 26.39% 20.83%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), var(--color-primary);
  box-shadow: -3px -4px 7px 0px var(--color-white-opacity-200) inset, 4px 38px 62px 0px rgba(0, 0, 0, 0.5);
  border-radius: var(--radius-full);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-category-card .rbt-category-info .rbt-icon {
    height: 50px;
    width: 50px;
  }
}
.rbt-category-card .rbt-cat-event-count {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  background: linear-gradient(102deg, #5163ff -0.32%, #fe71b9 100%);
  border: 1px solid var(--color-heading);
  border-radius: var(--radius-full);
  color: var(--color-white);
  font-size: var(--font-size-b4);
}
.rbt-category-card:hover .rbt-category-thumb img {
  transform: scale(1);
}
.rbt-category-card.rbt-variation-1 {
  max-width: 318px;
}
.rbt-category-card.rbt-variation-1 .rbt-category-thumb {
  aspect-ratio: 318/360;
}
.rbt-category-card.rbt-variation-1 .rbt-category-info {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 1;
}
.rbt-category-card.rbt-variation-1 .rbt-category-info .rbt-title {
  color: var(--color-white);
}
.rbt-category-card.rbt-variation-1 .rbt-icon {
  position: relative;
}
.rbt-category-card.rbt-variation-1 .rbt-icon .rbt-cat-event-count {
  position: absolute;
  top: 0;
  right: 0;
}
.rbt-category-card.rbt-variation-2 .rbt-category-info {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 1;
}
.rbt-category-card.rbt-variation-2 .rbt-category-info .rbt-title {
  color: var(--color-white);
}
.rbt-category-card.rbt-variation-2 .rbt-icon {
  position: relative;
}
.rbt-category-card.rbt-variation-2 .rbt-icon .rbt-cat-event-count {
  position: absolute;
  top: 0;
  right: 0;
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-social-area {
  display: flex;
  justify-content: center;
}

.rbt-social,
.rbt-social-2 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 12px;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-social,
  .rbt-social-2 {
    gap: 8px;
  }
}
.rbt-social li,
.rbt-social-2 li {
  margin: 0;
  padding: 0;
}
.rbt-social li a,
.rbt-social-2 li a {
  border-radius: var(--radius-md);
  overflow: hidden;
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  background: rgba(from var(--color-white) r g b/0.1);
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-social li a,
  .rbt-social-2 li a {
    height: 35px;
    width: 35px;
  }
}
.rbt-social li a::after,
.rbt-social-2 li a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0.8);
  background: linear-gradient(90deg, var(--color-primary-alt) 0%, var(--color-secondary-alt-opacity-900) 100%);
  border-radius: var(--radius-sm);
  z-index: -1;
  opacity: 0;
  transition: var(--transition-6);
}
.rbt-social li a:hover,
.rbt-social-2 li a:hover {
  color: var(--color-white);
}
.rbt-social li a:hover::after,
.rbt-social-2 li a:hover::after {
  opacity: 1;
  transform: scale(1);
}
.rbt-social.rbt-social-circle li a,
.rbt-social-2.rbt-social-circle li a {
  border-radius: 100%;
}
.rbt-social.rbt-social-circle li a::after,
.rbt-social-2.rbt-social-circle li a::after {
  border-radius: 100%;
}
.rbt-social.rbt-social-primary li a,
.rbt-social-2.rbt-social-primary li a {
  background: var(--color-secondary-shade);
  color: var(--color-body);
}
.rbt-social.rbt-social-primary li a::after,
.rbt-social-2.rbt-social-primary li a::after {
  background: var(--color-primary);
}
.rbt-social.rbt-social-primary li a:hover,
.rbt-social-2.rbt-social-primary li a:hover {
  color: var(--color-white);
}
.rbt-social.rbt-social-secondary-shade li a,
.rbt-social-2.rbt-social-secondary-shade li a {
  background: var(--color-secondary-shade);
  color: var(--color-body);
}
.rbt-social.rbt-social-secondary-shade li a:hover,
.rbt-social-2.rbt-social-secondary-shade li a:hover {
  color: var(--color-white);
}
.rbt-social.rbt-social-white-shade li a,
.rbt-social-2.rbt-social-white-shade li a {
  background: var(--color-white-shade);
  color: var(--color-body);
}
.rbt-social.rbt-social-white-shade li a:hover,
.rbt-social-2.rbt-social-white-shade li a:hover {
  color: var(--color-white);
}
.rbt-social.rbt-social-transparent,
.rbt-social-2.rbt-social-transparent {
  gap: 2px;
  color: var(--color-white);
  margin-left: -6px;
  margin-right: -6px;
}
.rbt-social.rbt-social-transparent.hover-color-primary li a:hover,
.rbt-social-2.rbt-social-transparent.hover-color-primary li a:hover {
  color: var(--color-primary);
}
.rbt-social.rbt-social-transparent li,
.rbt-social-2.rbt-social-transparent li {
  color: inherit;
}
.rbt-social.rbt-social-transparent li a,
.rbt-social-2.rbt-social-transparent li a {
  height: 32px;
  width: fit-content;
  padding: 0 8px;
  background: transparent;
  color: inherit;
  opacity: 0.8;
}
.rbt-social.rbt-social-transparent li a:hover,
.rbt-social-2.rbt-social-transparent li a:hover {
  opacity: 1;
  color: var(--color-white);
}
.rbt-social.rbt-social-transparent li a::after,
.rbt-social-2.rbt-social-transparent li a::after {
  content: none;
}

.rbt-social-2 li a {
  background: rgba(from var(--color-white) r g b/0.1);
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-sidebar-fixed-btn {
  position: fixed;
  right: 0;
  top: 150px;
  z-index: 99;
  outline: none;
  border: 1px solid var(--color-border-6);
  padding: 10px 12px 10px 15px;
  border-radius: 25px 0 0 25px;
  background: var(--color-primary-400);
  color: var(--color-body);
  font-size: 16px;
}

.rbt-sidebar-offcanvas.offcanvas {
  max-width: 450px;
  width: 100%;
  border: none;
}
@media only screen and (max-width: 767px) {
  .rbt-sidebar-offcanvas.offcanvas {
    max-width: 400px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-sidebar-offcanvas.offcanvas {
    max-width: 320px;
  }
}
.rbt-sidebar-offcanvas .offcanvas-header {
  border-bottom: 1px solid var(--color-border-6);
  justify-content: space-between;
}
.rbt-sidebar-offcanvas .offcanvas-header .close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: 1px solid var(--color-border-6);
  background: transparent;
  color: var(--color-body);
}
.rbt-sidebar-offcanvas .offcanvas-header .close-btn:active, .rbt-sidebar-offcanvas .offcanvas-header .close-btn:hover {
  color: var(--color-primary);
  border: 1px solid var(--color-primary-400);
}
.rbt-sidebar-offcanvas .offcanvas-body {
  padding: 12px 10px;
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-service-card-area {
  z-index: 2;
}

.rbt-card {
  position: relative;
  transition: var(--transition-1);
}
.rbt-card.rbt-card-1 {
  padding: 40px 35px;
  background: linear-gradient(145deg, var(--color-primary-opacity-50) -2.12%, var(--color-secondary-alt-opacity-0) 121.13%);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-3);
  transition: var(--transition-6);
  z-index: 1;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-card.rbt-card-1 {
    padding: 30px;
  }
}
.rbt-card.rbt-card-1::after {
  content: attr(data-text);
  color: var(--color-gray-4);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  font-weight: var(--f-medium);
  line-height: normal;
  position: absolute;
  top: 30px;
  right: 30px;
}
.rbt-card.rbt-card-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--radius-md);
  background: transparent;
  box-shadow: 0px 26px 32px -16px rgba(0, 35, 75, 0.08), 0px 20px 50px 0px #F1F3FF inset, 2.25px -7px 44px 0px #F1F3FF inset;
  opacity: 0;
  transition: var(--transition-6);
}
.rbt-card.rbt-card-1 .rbt-card-inner {
  position: relative;
  z-index: 1;
}
.rbt-card.rbt-card-1 .rbt-card-icon {
  height: 80px;
  width: 80px;
  object-fit: cover;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card.rbt-card-1 .rbt-card-icon {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-1 .rbt-card-icon {
    margin-bottom: 10px;
  }
}
.rbt-card.rbt-card-1 .rbt-title {
  line-height: normal;
  margin-bottom: 14px;
}
.rbt-card.rbt-card-1:hover {
  transform: translateY(-5px);
}
.rbt-card.rbt-card-1:hover::before {
  opacity: 1;
}
.rbt-card.rbt-card-2 {
  overflow: hidden;
  padding: 1px;
  border-radius: var(--radius-md);
}
.rbt-card.rbt-card-2::before {
  content: "";
  position: absolute;
  top: var(--y);
  left: var(--x);
  transform: translate(-50%, -50%);
  background: radial-gradient(var(--color-primary), transparent, transparent);
  width: 200%;
  height: 200%;
  opacity: 0;
  transition: 0.5s, top 0s, left 0s;
  border-radius: 12px;
}
.rbt-card.rbt-card-2::after {
  content: "";
  position: absolute;
  top: 1.5px;
  left: 1.5px;
  bottom: 1.5px;
  right: 1.5px;
  background: var(--color-white);
  border-radius: var(--radius-md);
}
.rbt-card.rbt-card-2 .rbt-card-inner {
  background: white;
  background: linear-gradient(145deg, var(--color-secondary-alt-opacity-100) -1.01%, var(--color-primary-opacity-0) 40.94%);
  padding: 40px 30px;
  border-radius: var(--radius-md);
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-2 .rbt-card-inner {
    padding: 30px 0 30px 20px;
  }
}
.rbt-card.rbt-card-2.rbt-banner-card::after, .rbt-card.rbt-card-2.rbt-banner-card::before {
  opacity: 0;
  background: transparent;
  visibility: hidden;
}
.rbt-card.rbt-card-2:hover {
  transform: translateY(-5px);
}
.rbt-card.rbt-card-2:hover .rbt-overlay-text {
  scale: 1.04;
}
.rbt-card.rbt-card-2:hover::before {
  opacity: 1;
}
.rbt-card.rbt-card-2 .service-icon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  background: linear-gradient(90deg, var(--color-primary-opacity-50) 0%, var(--color-secondary-alt-opacity-100) 100%);
  box-shadow: 0px -2px 4px 0px var(--color-secondary-alt-opacity-200) inset, 0px -4px 4px 0px var(--color-primary-opacity-200) inset;
  border-radius: var(--radius-full);
}
.rbt-card.rbt-card-2 .service-icon svg {
  max-width: fit-content;
  max-height: fit-content;
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-2 .service-icon {
    width: 60px;
    height: 60px;
  }
  .rbt-card.rbt-card-2 .service-icon svg {
    width: 28px;
  }
}
.rbt-card.rbt-card-2 .service-icon.service-icon-md {
  width: 60px;
  height: 60px;
}
.rbt-card.rbt-card-2 .rbt-overlay-text {
  position: absolute;
  top: 40%;
  right: 12%;
  transform: translateY(-50%);
  color: rgba(217, 211, 255, 0.2);
  color: var(--color-primary-200);
  font-family: var(--font-primary);
  font-size: 200px;
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -4px;
  z-index: -1;
  transition: var(--transition-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-card.rbt-card-2 .rbt-overlay-text {
    top: 40%;
    right: 15%;
    font-size: 118px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-card.rbt-card-2 .rbt-overlay-text {
    top: 35%;
    right: 10%;
    font-size: 118px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card.rbt-card-2 .rbt-overlay-text {
    top: 35%;
    right: 10%;
    font-size: 118px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-2 .rbt-overlay-text {
    top: 35%;
    right: 10%;
    font-size: 118px;
  }
}
.rbt-card.rbt-card-2 .rbt-title {
  line-height: 1.16;
}
.rbt-card.rbt-card-2.rbt-card-bg-dark {
  background: var(--color-heading);
}
.rbt-card.rbt-card-2.rbt-card-bg-dark::after {
  background: linear-gradient(140deg, var(--color-heading) -15%, var(--color-heading) 25%);
}
.rbt-card.rbt-card-2.rbt-card-bg-dark .rbt-overlay-text {
  color: var(--color-primary-opacity-50);
  z-index: unset;
}
.rbt-card.rbt-card-3, .rbt-card.rbt-card-10, .rbt-card.rbt-card-11 {
  padding: 50px 0 0 0;
  border: var(--border-width) solid var(--color-border-5);
  border-radius: var(--radius-md);
  background: url(../images/card/card-3/bg-shape-4.webp) no-repeat;
  background-size: cover;
  transition: var(--transition-1);
  max-width: 318px;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-card.rbt-card-3, .rbt-card.rbt-card-10, .rbt-card.rbt-card-11 {
    padding: 30px 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-3, .rbt-card.rbt-card-10, .rbt-card.rbt-card-11 {
    padding: 25px 0 0 0;
  }
}
.rbt-card.rbt-card-3:hover, .rbt-card.rbt-card-10:hover, .rbt-card.rbt-card-11:hover {
  border-color: var(--color-primary);
  transform: translateY(-5px);
}
.rbt-card.rbt-card-3.bg-variation-1, .rbt-card.rbt-card-10.bg-variation-1, .rbt-card.rbt-card-11.bg-variation-1 {
  background: url(../images/card/card-3/bg-shape-1.webp) no-repeat;
  background-size: cover;
}
.rbt-card.rbt-card-3.bg-variation-2, .rbt-card.rbt-card-10.bg-variation-2, .rbt-card.rbt-card-11.bg-variation-2 {
  background: url(../images/card/card-3/bg-shape-2.webp) no-repeat;
  background-size: cover;
}
.rbt-card.rbt-card-3.bg-variation-3, .rbt-card.rbt-card-10.bg-variation-3, .rbt-card.rbt-card-11.bg-variation-3 {
  background: url(../images/card/card-3/bg-shape-3.webp) no-repeat;
  background-size: cover;
}
.rbt-card.rbt-card-3.bg-variation-4, .rbt-card.rbt-card-10.bg-variation-4, .rbt-card.rbt-card-11.bg-variation-4 {
  background: url(../images/card/card-3/bg-shape-5.webp) no-repeat, var(--color-white);
  background-size: cover;
}
.rbt-card.rbt-card-3 .rbt-card-inner, .rbt-card.rbt-card-10 .rbt-card-inner, .rbt-card.rbt-card-11 .rbt-card-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.rbt-card.rbt-card-3 .rbt-card-content, .rbt-card.rbt-card-10 .rbt-card-content, .rbt-card.rbt-card-11 .rbt-card-content {
  padding: 0 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rbt-card.rbt-card-3 .rbt-title, .rbt-card.rbt-card-10 .rbt-title, .rbt-card.rbt-card-11 .rbt-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: var(--transition-1);
}
.rbt-card.rbt-card-3 .rbt-title:hover a, .rbt-card.rbt-card-10 .rbt-title:hover a, .rbt-card.rbt-card-11 .rbt-title:hover a {
  color: var(--color-primary);
}
.rbt-card.rbt-card-3 .rbt-description, .rbt-card.rbt-card-10 .rbt-description, .rbt-card.rbt-card-11 .rbt-description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rbt-card.rbt-card-3.card-variation-2, .rbt-card.rbt-card-10.card-variation-2, .rbt-card.rbt-card-11.card-variation-2 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.rbt-card.rbt-card-3.card-variation-2 .rbt-card-content, .rbt-card.rbt-card-10.card-variation-2 .rbt-card-content, .rbt-card.rbt-card-11.card-variation-2 .rbt-card-content {
  padding: 0 20px;
}
.rbt-card.rbt-card-3.card-variation-2 .rbt-card-content .rbt-title, .rbt-card.rbt-card-10.card-variation-2 .rbt-card-content .rbt-title, .rbt-card.rbt-card-11.card-variation-2 .rbt-card-content .rbt-title {
  transition: var(--transition);
}
.rbt-card.rbt-card-3.card-variation-2 .rbt-card-bottom, .rbt-card.rbt-card-10.card-variation-2 .rbt-card-bottom, .rbt-card.rbt-card-11.card-variation-2 .rbt-card-bottom {
  margin-top: 70px;
  padding: 0 20px;
  position: relative;
  aspect-ratio: 314/180;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-3.card-variation-2 .rbt-card-bottom, .rbt-card.rbt-card-10.card-variation-2 .rbt-card-bottom, .rbt-card.rbt-card-11.card-variation-2 .rbt-card-bottom {
    margin-top: 50px;
  }
}
.rbt-card.rbt-card-3.card-variation-2 .rbt-card-bottom .rbt-img-wrapper, .rbt-card.rbt-card-10.card-variation-2 .rbt-card-bottom .rbt-img-wrapper, .rbt-card.rbt-card-11.card-variation-2 .rbt-card-bottom .rbt-img-wrapper {
  display: block;
  border-radius: var(--radius-md);
  overflow: hidden;
  aspect-ratio: 274/180;
  background: var(--color-primary-300);
}
.rbt-card.rbt-card-3.card-variation-2 .rbt-card-bottom .rbt-img-wrapper img, .rbt-card.rbt-card-10.card-variation-2 .rbt-card-bottom .rbt-img-wrapper img, .rbt-card.rbt-card-11.card-variation-2 .rbt-card-bottom .rbt-img-wrapper img {
  transition: var(--transition-6);
}
.rbt-card.rbt-card-3.card-variation-2 .rbt-card-bottom .rbt-icon, .rbt-card.rbt-card-10.card-variation-2 .rbt-card-bottom .rbt-icon, .rbt-card.rbt-card-11.card-variation-2 .rbt-card-bottom .rbt-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  width: 70px;
  border: 2px solid var(--color-white);
  border-radius: var(--radius-full);
  background: radial-gradient(138.49% 66.88% at 36.14% 16.67%, rgba(255, 255, 255, 0.23) 0%, rgba(46, 47, 94, 0) 86.18%), radial-gradient(83.94% 83.94% at 26.39% 20.83%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), linear-gradient(155deg, #FEF5FB 15.47%, #F7F6FF 85.5%);
  box-shadow: -3px -4px 7px 0px rgba(255, 255, 255, 0.15) inset, 2px 20px 30px 0px rgba(81, 99, 255, 0.2);
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.rbt-card.rbt-card-3.card-variation-2 .rbt-card-bottom .rbt-icon::after, .rbt-card.rbt-card-10.card-variation-2 .rbt-card-bottom .rbt-icon::after, .rbt-card.rbt-card-11.card-variation-2 .rbt-card-bottom .rbt-icon::after {
  content: "";
  position: absolute;
  top: 0%;
  right: 0%;
  transform: scale(0.7);
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-full);
  background: radial-gradient(138.49% 66.88% at 36.14% 16.67%, rgba(255, 255, 255, 0.23) 0%, rgba(46, 47, 94, 0) 86.18%), radial-gradient(83.94% 83.94% at 26.39% 20.83%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), linear-gradient(155deg, #5163FF 15.47%, #FE71B9 85.5%);
  box-shadow: -3px -4px 7px 0px rgba(255, 255, 255, 0.15) inset, 2px 20px 30px 0px rgba(81, 99, 255, 0.2);
  transition: var(--transition);
}
.rbt-card.rbt-card-3.card-variation-2 .rbt-card-bottom .rbt-icon .hover-icon, .rbt-card.rbt-card-10.card-variation-2 .rbt-card-bottom .rbt-icon .hover-icon, .rbt-card.rbt-card-11.card-variation-2 .rbt-card-bottom .rbt-icon .hover-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-160%, 28%);
  opacity: 0;
  transition: var(--transition-1);
  z-index: 2;
}
.rbt-card.rbt-card-3.card-variation-2 .rbt-card-bottom .rbt-icon.rbt-solid-icon::after, .rbt-card.rbt-card-10.card-variation-2 .rbt-card-bottom .rbt-icon.rbt-solid-icon::after, .rbt-card.rbt-card-11.card-variation-2 .rbt-card-bottom .rbt-icon.rbt-solid-icon::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  transform: scale(1);
}
.rbt-card.rbt-card-3.card-variation-2 .rbt-card-bottom .rbt-icon.rbt-solid-icon .solid-icon, .rbt-card.rbt-card-10.card-variation-2 .rbt-card-bottom .rbt-icon.rbt-solid-icon .solid-icon, .rbt-card.rbt-card-11.card-variation-2 .rbt-card-bottom .rbt-icon.rbt-solid-icon .solid-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.rbt-card.rbt-card-3.card-variation-2:hover .rbt-card-bottom img, .rbt-card.rbt-card-10.card-variation-2:hover .rbt-card-bottom img, .rbt-card.rbt-card-11.card-variation-2:hover .rbt-card-bottom img {
  scale: 1.05;
}
.rbt-card.rbt-card-3.card-variation-2:hover .rbt-icon::after, .rbt-card.rbt-card-10.card-variation-2:hover .rbt-icon::after, .rbt-card.rbt-card-11.card-variation-2:hover .rbt-icon::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  transform: scale(1);
}
.rbt-card.rbt-card-3.card-variation-2:hover .rbt-icon .hover-icon, .rbt-card.rbt-card-10.card-variation-2:hover .rbt-icon .hover-icon, .rbt-card.rbt-card-11.card-variation-2:hover .rbt-icon .hover-icon {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.rbt-card.rbt-card-3.card-variation-3, .rbt-card.rbt-card-3.card-variation-5, .rbt-card.rbt-card-10.card-variation-3, .rbt-card.rbt-card-10.card-variation-5, .rbt-card.rbt-card-11.card-variation-3, .rbt-card.rbt-card-11.card-variation-5 {
  overflow: hidden;
}
.rbt-card.rbt-card-3.card-variation-3 .rbt-bottom-shape, .rbt-card.rbt-card-3.card-variation-5 .rbt-bottom-shape, .rbt-card.rbt-card-10.card-variation-3 .rbt-bottom-shape, .rbt-card.rbt-card-10.card-variation-5 .rbt-bottom-shape, .rbt-card.rbt-card-11.card-variation-3 .rbt-bottom-shape, .rbt-card.rbt-card-11.card-variation-5 .rbt-bottom-shape {
  display: inline-block;
  width: 100%;
  background: transparent;
  position: absolute;
  height: 245px;
  width: 100%;
  background: linear-gradient(102deg, #5163FF -0.32%, #FE71B9 100%);
  transform: translate(10px, 10px);
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  opacity: 0;
  bottom: 0;
  left: 0;
  transition: var(--transition-1);
}
.rbt-card.rbt-card-3.card-variation-3 .rbt-bottom-shape::after, .rbt-card.rbt-card-3.card-variation-5 .rbt-bottom-shape::after, .rbt-card.rbt-card-10.card-variation-3 .rbt-bottom-shape::after, .rbt-card.rbt-card-10.card-variation-5 .rbt-bottom-shape::after, .rbt-card.rbt-card-11.card-variation-3 .rbt-bottom-shape::after, .rbt-card.rbt-card-11.card-variation-5 .rbt-bottom-shape::after {
  content: "";
  position: absolute;
}
.rbt-card.rbt-card-3.card-variation-3 .rbt-bottom-shape .rbt-inner, .rbt-card.rbt-card-3.card-variation-5 .rbt-bottom-shape .rbt-inner, .rbt-card.rbt-card-10.card-variation-3 .rbt-bottom-shape .rbt-inner, .rbt-card.rbt-card-10.card-variation-5 .rbt-bottom-shape .rbt-inner, .rbt-card.rbt-card-11.card-variation-3 .rbt-bottom-shape .rbt-inner, .rbt-card.rbt-card-11.card-variation-5 .rbt-bottom-shape .rbt-inner {
  width: fit-content;
  position: absolute;
  bottom: 40px;
  right: 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: var(--color-white);
}
.rbt-card.rbt-card-3.card-variation-3 .rbt-bottom-shape .rbt-inner span, .rbt-card.rbt-card-3.card-variation-5 .rbt-bottom-shape .rbt-inner span, .rbt-card.rbt-card-10.card-variation-3 .rbt-bottom-shape .rbt-inner span, .rbt-card.rbt-card-10.card-variation-5 .rbt-bottom-shape .rbt-inner span, .rbt-card.rbt-card-11.card-variation-3 .rbt-bottom-shape .rbt-inner span, .rbt-card.rbt-card-11.card-variation-5 .rbt-bottom-shape .rbt-inner span {
  opacity: 0;
  transition: var(--transition-5);
}
.rbt-card.rbt-card-3.card-variation-3 .rbt-bottom-shape .rbt-inner svg, .rbt-card.rbt-card-3.card-variation-5 .rbt-bottom-shape .rbt-inner svg, .rbt-card.rbt-card-10.card-variation-3 .rbt-bottom-shape .rbt-inner svg, .rbt-card.rbt-card-10.card-variation-5 .rbt-bottom-shape .rbt-inner svg, .rbt-card.rbt-card-11.card-variation-3 .rbt-bottom-shape .rbt-inner svg, .rbt-card.rbt-card-11.card-variation-5 .rbt-bottom-shape .rbt-inner svg {
  opacity: 0;
  transition: var(--transition-5);
}
.rbt-card.rbt-card-3.card-variation-3:hover .rbt-bottom-shape, .rbt-card.rbt-card-3.card-variation-5:hover .rbt-bottom-shape, .rbt-card.rbt-card-10.card-variation-3:hover .rbt-bottom-shape, .rbt-card.rbt-card-10.card-variation-5:hover .rbt-bottom-shape, .rbt-card.rbt-card-11.card-variation-3:hover .rbt-bottom-shape, .rbt-card.rbt-card-11.card-variation-5:hover .rbt-bottom-shape {
  transform: translate(0, 0);
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  opacity: 1;
}
.rbt-card.rbt-card-3.card-variation-3:hover .rbt-bottom-shape .rbt-inner span, .rbt-card.rbt-card-3.card-variation-5:hover .rbt-bottom-shape .rbt-inner span, .rbt-card.rbt-card-10.card-variation-3:hover .rbt-bottom-shape .rbt-inner span, .rbt-card.rbt-card-10.card-variation-5:hover .rbt-bottom-shape .rbt-inner span, .rbt-card.rbt-card-11.card-variation-3:hover .rbt-bottom-shape .rbt-inner span, .rbt-card.rbt-card-11.card-variation-5:hover .rbt-bottom-shape .rbt-inner span {
  opacity: 1;
  animation: textSlideFormRight 0.4s linear 0s;
}
.rbt-card.rbt-card-3.card-variation-3:hover .rbt-bottom-shape .rbt-inner svg, .rbt-card.rbt-card-3.card-variation-5:hover .rbt-bottom-shape .rbt-inner svg, .rbt-card.rbt-card-10.card-variation-3:hover .rbt-bottom-shape .rbt-inner svg, .rbt-card.rbt-card-10.card-variation-5:hover .rbt-bottom-shape .rbt-inner svg, .rbt-card.rbt-card-11.card-variation-3:hover .rbt-bottom-shape .rbt-inner svg, .rbt-card.rbt-card-11.card-variation-5:hover .rbt-bottom-shape .rbt-inner svg {
  opacity: 1;
  animation: textSlideFormLeft 0.4s linear 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card.rbt-card-3.card-variation-5, .rbt-card.rbt-card-10.card-variation-5, .rbt-card.rbt-card-11.card-variation-5 {
    max-width: unset;
  }
}
.rbt-card.rbt-card-3.card-variation-4, .rbt-card.rbt-card-10.card-variation-4, .rbt-card.rbt-card-11.card-variation-4 {
  padding: 30px 0 10px 0;
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(112, 139, 253, 0.05) -2.12%, var(--color-secondary-alt-opacity-0) 121.13%);
  box-shadow: 0px 20px 46.3px 0px var(--color-primary-opacity-100) inset, 2.25px -7px 43.7px 0px var(--color-primary-opacity-50) inset;
  border: none;
  height: 100%;
}
.rbt-card.rbt-card-3.card-variation-4 .rbt-card-content, .rbt-card.rbt-card-10.card-variation-4 .rbt-card-content, .rbt-card.rbt-card-11.card-variation-4 .rbt-card-content {
  padding: 0 30px;
}
.rbt-card.rbt-card-3.card-variation-4 .rbt-card-content .rbt-badge, .rbt-card.rbt-card-10.card-variation-4 .rbt-card-content .rbt-badge, .rbt-card.rbt-card-11.card-variation-4 .rbt-card-content .rbt-badge {
  font-size: var(--font-size-b3);
}
.rbt-card.rbt-card-3.card-variation-4 .rbt-card-bottom, .rbt-card.rbt-card-10.card-variation-4 .rbt-card-bottom, .rbt-card.rbt-card-11.card-variation-4 .rbt-card-bottom {
  margin-top: 35px;
  padding: 0 10px;
  position: relative;
}
.rbt-card.rbt-card-3.card-variation-4 .rbt-card-bottom .rbt-img-wrapper, .rbt-card.rbt-card-10.card-variation-4 .rbt-card-bottom .rbt-img-wrapper, .rbt-card.rbt-card-11.card-variation-4 .rbt-card-bottom .rbt-img-wrapper {
  display: block;
  border-radius: var(--radius-md);
  overflow: hidden;
}
.rbt-card.rbt-card-3.card-variation-4 .rbt-card-bottom .rbt-img-wrapper img, .rbt-card.rbt-card-10.card-variation-4 .rbt-card-bottom .rbt-img-wrapper img, .rbt-card.rbt-card-11.card-variation-4 .rbt-card-bottom .rbt-img-wrapper img {
  transition: var(--transition-6);
}
.rbt-card.rbt-card-3.card-variation-4 .rbt-card-bottom .rbt-icon, .rbt-card.rbt-card-10.card-variation-4 .rbt-card-bottom .rbt-icon, .rbt-card.rbt-card-11.card-variation-4 .rbt-card-bottom .rbt-icon {
  display: none;
}
.rbt-card.rbt-card-3.card-variation-4:hover .rbt-card-bottom img, .rbt-card.rbt-card-10.card-variation-4:hover .rbt-card-bottom img, .rbt-card.rbt-card-11.card-variation-4:hover .rbt-card-bottom img {
  scale: 1.05;
}
.rbt-card.rbt-card-4 {
  background: var(--gradient-light1);
  box-shadow: var(--shadow-3);
  border-radius: var(--radius-md);
  overflow: hidden;
  border: var(--border-width) solid transparent;
  transition: var(--transition-6);
}
.rbt-card.rbt-card-4:hover {
  transform: translateY(-2px);
  border-color: var(--color-primary);
}
.rbt-card.rbt-card-4:hover .rbt-card-content {
  border-color: transparent;
}
.rbt-card.rbt-card-4:hover .rbt-read-time-continue .rbt-btn {
  transform: translateY(-120%) rotate(0);
}
.rbt-card.rbt-card-4:hover .rbt-read-time-continue .rbt-read-time {
  transform: translateY(-100%) rotateY(30deg);
}
.rbt-card.rbt-card-4.rbt-card-white {
  background: var(--color-white);
}
.rbt-card.rbt-card-4 .rbt-card-top .rbt-card-thumb {
  display: block;
  height: 250px;
  overflow: hidden;
}
.rbt-card.rbt-card-4 .rbt-card-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rbt-card.rbt-card-4 .rbt-card-top.is-blur::before {
  position: absolute;
  content: "";
  bottom: 0;
  width: 100%;
  height: 51%;
  border-radius: 8px 8px 0 0;
  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 70%);
  pointer-events: none;
}
.rbt-card.rbt-card-4 .rbt-card-content {
  padding: 20px;
  border: var(--border-width) solid transparent;
  border-top: none;
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  transition: var(--transition-1);
}
.rbt-card.rbt-card-4 .rbt-read-time-continue {
  overflow: hidden;
  position: relative;
}
.rbt-card.rbt-card-4 .rbt-read-time-continue .rbt-read-time {
  display: block;
  transform: translateY(0%);
  transition: var(--transition-1);
  color: var(--color-body);
  font-weight: var(--f-regular) !important;
}
.rbt-card.rbt-card-4 .rbt-read-time-continue .rbt-btn {
  transform: translateY(240%) rotate(30deg);
  position: absolute;
  left: 0;
}
.rbt-card.rbt-card-4 .rbt-meta .rbt-single-meta {
  color: rgba(from var(--color-heading) r g b/0.9);
  font-weight: var(--f-regular);
}
.rbt-card.rbt-card-5 {
  background: var(--color-white);
  box-shadow: var(--shadow-3);
  border-radius: var(--radius-md);
  padding: 50px 20px 20px;
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-5 {
    padding: 30px 10px 10px;
  }
}
.rbt-card.rbt-card-5:hover .rbt-card-thumb img {
  transform: scale(1.02);
}
.rbt-card.rbt-card-5 .rbt-card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rbt-card.rbt-card-5 .rbt-badge {
  box-shadow: none;
  padding: 8px 15px;
}
.rbt-card.rbt-card-5 .rbt-badge .rbt-badge-text {
  font-size: var(--h6);
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-5 .rbt-badge .rbt-badge-text {
    font-size: var(--font-size-b4);
  }
}
.rbt-card.rbt-card-5 .rbt-avatar {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -30px;
}
.rbt-card.rbt-card-5 .rbt-card-thumb {
  display: block;
  position: relative;
  height: 328px;
  overflow: hidden;
  border-radius: var(--radius-md);
}
.rbt-card.rbt-card-5 .rbt-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-md);
  transform: scale(1);
  transition: var(--transition-6);
}
.rbt-card.rbt-card-5.card-list {
  padding: 10px;
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-5.card-list {
    padding-top: 30px;
  }
}
.rbt-card.rbt-card-5.card-list .rbt-card-inner {
  display: flex;
  gap: 30px;
  flex-direction: row-reverse;
  justify-content: start;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-card.rbt-card-5.card-list .rbt-card-inner {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-5.card-list .rbt-card-inner {
    flex-direction: column;
  }
}
.rbt-card.rbt-card-5.card-list .rbt-card-content {
  align-items: start;
  justify-content: center;
}
.rbt-card.rbt-card-5.card-list .rbt-card-thumb {
  width: 245px;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-card.rbt-card-5.card-list .rbt-card-thumb {
    width: 190px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-5.card-list .rbt-card-thumb {
    width: 100%;
  }
}
.rbt-card.rbt-card-5.card-list-2 {
  background: transparent;
  box-shadow: none;
}
.rbt-card.rbt-card-5.card-list-2 .rbt-card-inner {
  gap: 0px;
  justify-content: space-between;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card.rbt-card-5.card-list-2 .rbt-card-inner {
    gap: 20px;
  }
}
.rbt-card.rbt-card-5.card-list-2:hover .rbt-card-thumb {
  transform: rotate(-2deg);
  transition: var(--transition-3);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card.rbt-card-5.card-list-2 .rbt-title {
    font-size: var(--font-size-b1);
  }
}
.rbt-card.rbt-card-5.card-list-2 .rbt-description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card.rbt-card-5.card-list-2 .rbt-description {
    font-size: 14px;
  }
}
.rbt-card.rbt-card-5.card-list-2 .rbt-card-thumb {
  max-width: 550px;
  width: 100%;
  height: 100%;
  transform: rotate(0deg);
  transition: var(--transition-3);
}
.rbt-card.rbt-card-5.card-list-2 .rbt-btn-circle {
  padding: 0 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card.rbt-card-5.card-list-2 .rbt-btn-circle {
    padding: 0 20px 0 26px;
    font-size: var(--font-size-b4);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-5.card-list-2 .rbt-btn-circle {
    height: 100px;
    width: 100px;
    padding: 0 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-card.rbt-card-5.card-list-2 .rbt-btn-circle {
    height: 130px;
    width: 130px;
    padding: 0 27px;
    font-size: var(--font-size-b4);
  }
}
.rbt-card.rbt-card-6 {
  position: relative;
  z-index: 1;
  transition: var(--transition-6);
}
.rbt-card.rbt-card-6::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: 90%;
  background: linear-gradient(132deg, var(--color-primary-opacity-900) 2.37%, var(--color-secondary-alt-opacity-900) 97.63%);
  z-index: -1;
  border-radius: var(--radius-lg);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition-6);
}
.rbt-card.rbt-card-6 .rbt-card-inner {
  padding: 25px 30px 30px 30px;
  background: var(--color-white);
  box-shadow: 0px 20px 46px 0px var(--color-primary-300) inset, 2.25px -7px 44px 0px var(--color-primary-300) inset;
  border-radius: var(--radius-lg);
  display: grid;
  gap: 30px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-6 .rbt-card-inner {
    padding: 15px;
  }
}
.rbt-card.rbt-card-6 .rbt-meta .rbt-single-meta + .rbt-single-meta {
  padding-left: 15px;
  border-left: 1px solid var(--color-primary-400);
}
.rbt-card.rbt-card-6 .rbt-read-time-continue {
  position: relative;
}
.rbt-card.rbt-card-6 .rbt-read-time-continue .rbt-read-time {
  display: block;
  transform: translateY(0%);
  transition: var(--transition-6);
}
.rbt-card.rbt-card-6 .rbt-read-time-continue .rbt-btn {
  opacity: 0;
  transform: translateY(-90%) translateX(0%) rotate(0deg);
  position: absolute;
  left: 0;
  transition: var(--transition-6);
}
.rbt-card.rbt-card-6 .rbt-card-thumb {
  display: block;
  border-radius: var(--radius-md);
  overflow: hidden;
  height: 245px;
  position: relative;
}
.rbt-card.rbt-card-6 .rbt-card-thumb::before {
  content: "";
  position: absolute;
  bottom: -60px;
  left: -40px;
  height: 120px;
  width: 80px;
  border-radius: var(--radius-full);
  background: var(--color-secondary);
  filter: blur(50px);
  z-index: 1;
}
.rbt-card.rbt-card-6 .rbt-card-thumb::after {
  content: "";
  position: absolute;
  top: -60px;
  right: -40px;
  height: 120px;
  width: 80px;
  border-radius: var(--radius-full);
  background: var(--color-primary);
  filter: blur(50px);
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card.rbt-card-6 .rbt-card-thumb {
    height: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-6 .rbt-card-thumb {
    height: 200px;
  }
}
.rbt-card.rbt-card-6 .rbt-card-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transform: scale(1.03);
  transition: var(--transition-6);
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-6 .rbt-badge {
    padding: 4px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-6 .rbt-badge .rbt-badge-text {
    font-size: var(--font-size-b6);
  }
}
.rbt-card.rbt-card-6:hover {
  transform: translateY(-5px);
  border-color: var(--color-primary);
}
.rbt-card.rbt-card-6:hover::after {
  width: 99%;
  opacity: 1;
  visibility: visible;
}
.rbt-card.rbt-card-6:hover .rbt-card-content {
  border-color: transparent;
}
.rbt-card.rbt-card-6:hover .rbt-read-time-continue .rbt-btn {
  opacity: 1;
  transform: translateY(-100%) translateX(0%) rotate(0) scale(1);
}
.rbt-card.rbt-card-6:hover .rbt-read-time-continue .rbt-read-time {
  opacity: 0;
  transform: translateY(-5%);
}
.rbt-card.rbt-card-6:hover .rbt-card-thumb img {
  transform: scale(1);
}
.rbt-card.rbt-card-7 {
  border-radius: var(--radius-md);
  background: var(--color-white);
  box-shadow: 0px 20px 46px 0px var(--color-primary-400) inset, 2.25px -7px 44px 0px var(--color-primary-400) inset;
  padding: 50px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card.rbt-card-7 {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-card.rbt-card-7 {
    padding: 25px;
  }
}
.rbt-card.rbt-card-7 .rbt-card-top-line {
  height: 4px;
  width: 50px;
  background: var(--color-primary-500);
  border-radius: var(--radius-lg);
  position: relative;
}
.rbt-card.rbt-card-7 .rbt-card-top-line::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: linear-gradient(102deg, var(--color-primary) -0.32%, var(--color-secondary-alt) 100%);
  border-radius: var(--radius-lg);
  transition: var(--transition);
}
.rbt-card.rbt-card-7 .rbt-overlay-text {
  font-family: var(--font-primary);
  font-size: 148px;
  font-weight: var(--f-semibold);
  letter-spacing: -1.6px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-45%, -65%);
  white-space: nowrap;
  user-select: none;
  background: linear-gradient(135deg, var(--color-secondary-alt-opacity-50) 0%, var(--color-secondary-alt-opacity-0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-card.rbt-card-7 .rbt-overlay-text {
    font-size: 86px;
  }
}
.rbt-card.rbt-card-7 .rbt-overlay-text .rbt-counter-suffix {
  margin-left: -40px;
}
.rbt-card.rbt-card-7 .rbt-card-content {
  position: relative;
  z-index: 1;
}
.rbt-card.rbt-card-7:hover {
  transform: translateY(-5px);
}
.rbt-card.rbt-card-7:hover .rbt-card-top-line::after {
  width: 100%;
}
.rbt-card.rbt-card-8 .rbt-card-top .rbt-card-thumb {
  display: block;
  border-radius: var(--radius-md);
  overflow: hidden;
}
.rbt-card.rbt-card-8 .rbt-card-top .rbt-card-thumb img {
  width: 100%;
  max-height: 350px;
  object-fit: cover;
  transform: scale(1.04);
  transition: var(--transition-5);
}
.rbt-card.rbt-card-8 .rbt-card-top .rbt-badge {
  position: absolute;
  top: 20px;
  left: 20px;
  background: var(--gradient-light1);
}
.rbt-card.rbt-card-8 .rbt-card-content {
  padding: 24px 24px 24px 0;
}
.rbt-card.rbt-card-8 .rbt-card-content .rbt-meta {
  margin-bottom: 15px;
}
.rbt-card.rbt-card-8:hover .rbt-card-thumb img {
  transform: scale(1);
}
.rbt-card.rbt-card-9 {
  background: transparent;
  border: 2px solid transparent;
  border-radius: var(--radius-md);
  transition: var(--transition-6);
  padding: 32px 35px 32px 100px;
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-9 {
    padding: 30px 20px;
  }
}
.rbt-card.rbt-card-9:hover {
  transition: var(--transition-6);
  background: var(--color-white);
  border: 2px solid rgba(from var(--color-primary) r g b/0.1);
}
.rbt-card.rbt-card-9:hover .rbt-card-title {
  transition: var(--transition-6);
  color: var(--color-primary);
}
.rbt-card.rbt-card-9:hover .rbt-card-shape {
  transition: var(--transition-6);
  opacity: 1;
  visibility: visible;
}
.rbt-card.rbt-card-9 .rbt-card-title {
  transition: var(--transition-6);
}
.rbt-card.rbt-card-9 .rbt-card-shape {
  transition: var(--transition-6);
  opacity: 0;
  visibility: hidden;
}
.rbt-card.rbt-card-9 .rbt-hover-img-animtaion {
  position: relative;
}
.rbt-card.rbt-card-9 .rbt-img-animtaion {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 344px;
  height: 376px;
  object-fit: cover;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 5;
  transition: opacity 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-9 .rbt-img-animtaion {
    width: 180px;
    height: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card.rbt-card-9 .rbt-img-animtaion {
    width: 230px;
    height: 250px;
  }
}
.rbt-card.rbt-card-10 {
  padding: 2px;
  max-width: 435px;
  border-radius: var(--radius-md);
  border: 2px solid var(--color-secondary-shade) !important;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card.rbt-card-10 {
    max-width: 320px;
  }
}
.rbt-card.rbt-card-10.rbt-border-gradient::after {
  opacity: 0;
  border-radius: var(--radius-xl);
}
.rbt-card.rbt-card-10 .rbt-card-inner {
  position: relative;
  z-index: 3;
  background: var(--color-white);
  border-radius: var(--radius-md);
}
.rbt-card.rbt-card-10:hover {
  border-color: var(--color-primary);
  transform: translateY(-5px);
  box-shadow: 0 4px 36px 0 rgba(from var(--color-heading) r g b/0.1);
  border: 2px solid transparent !important;
}
.rbt-card.rbt-card-10:hover.rbt-border-gradient::after {
  transition: all 0.3s;
  opacity: 1;
}
.rbt-card.rbt-card-11 {
  max-height: 400px;
}
.rbt-card.rbt-card-small .rbt-title-hover {
  line-height: var(--line-height-b3);
}
.rbt-card.rbt-card-small .rbt-card-small-list {
  gap: 10px;
}
.rbt-card.rbt-card-small .rbt-card-small-list li:first-child {
  margin: 0;
  padding: 0;
}
.rbt-card.rbt-card-small .rbt-card-small-list li:first-child::before {
  opacity: 0;
  visibility: hidden;
}
.rbt-card.rbt-card-small .rbt-card-small-list li::before {
  top: 50%;
  transform: translateX(-16px) translateY(-50%);
}
.rbt-card.rbt-card-small .rbt-card-small-img img {
  max-width: 70px;
  height: 70px;
  border-radius: 100%;
}
.rbt-card.rbt-card-border-gradient {
  position: relative;
  padding: 2px;
  border-color: transparent !important;
}
.rbt-card.rbt-card-border-gradient::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  background: linear-gradient(102deg, var(--color-primary) -0.32%, var(--color-secondary-alt) 100%);
  border-radius: var(--radius-md);
  z-index: -1;
  opacity: 0;
  transform: scale(0.95);
}
.rbt-card.rbt-card-border-gradient:hover::before {
  opacity: 1;
  transform: scale(1);
  transition: var(--transition-1);
}
.rbt-card.rbt-card-border-gradient:hover .is-bg-white {
  background: var(--color-white);
}
.rbt-card.rbt-card-small-borderBottom {
  border-bottom: 2px solid var(--color-primary-300);
}
.rbt-card.rbt-card-overlay {
  overflow: hidden;
  border-radius: 10px;
  background: linear-gradient(208deg, rgba(238, 239, 255, 0) 63.7%, var(--color-secondary-shade) 100%);
  backdrop-filter: blur(8px);
  max-height: 595px;
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-overlay {
    max-height: unset;
    height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card.rbt-card-overlay {
    height: 530px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-card.rbt-card-overlay {
    height: 560px;
  }
}
.rbt-card.rbt-card-overlay::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 200px;
  border-radius: 10px;
  background: linear-gradient(208deg, rgba(238, 239, 255, 0) 63.7%, rgba(from var(--color-secondary-shade) r g b/0) 100%);
  backdrop-filter: blur(2px);
  bottom: 0;
  z-index: 0;
  clip-path: polygon(0% 1%, 40% 42%, 108% 100%, 0% 100%);
  bottom: -16%;
  left: -11px;
  transform: rotate(5deg);
}
.rbt-card.rbt-card-overlay .card-img-overlay {
  margin: 0;
  top: unset;
  padding: 0 0 30px 35px;
  z-index: 4;
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-overlay .card-img-overlay {
    top: 15px;
    padding: 0 30px 30px 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card.rbt-card-overlay .card-img-overlay {
    padding: 0 0 30px 20px;
  }
}
.rbt-card.rbt-card-overlay .rbt-bg-light {
  position: relative;
}
.rbt-card.rbt-card-overlay .rbt-bg-light::after, .rbt-card.rbt-card-overlay .rbt-bg-light::before {
  position: absolute;
  content: "";
  border-radius: 315px;
  filter: blur(100px);
}
.rbt-card.rbt-card-overlay .rbt-bg-light::after {
  background: var(--color-primary-alt);
  width: 315px;
  height: 178px;
  bottom: 10px;
}
.rbt-card.rbt-card-overlay .rbt-bg-light::before {
  width: 308px;
  height: 130px;
  background: var(--color-secondary);
  bottom: 40px;
  left: 12%;
}
.rbt-card.rbt-card-overlay .rbt-card-inner {
  position: absolute;
  max-width: 324px;
  width: 100%;
  top: 24px;
  right: 24px;
  border-radius: 10px;
  border: 1px solid rgba(from var(--color-white) r g b/0.8);
  background: linear-gradient(145deg, rgba(245, 247, 255, 0.6) -2.12%, rgba(255, 245, 250, 0.6) 121.13%);
  backdrop-filter: blur(13px);
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-overlay .rbt-card-inner {
    max-width: unset;
    width: calc(100% - 10px);
    top: unset;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card.rbt-card-overlay .rbt-card-inner {
    max-width: 310px;
  }
}
.rbt-card.rbt-card-overlay .rbt-card-inner .rbt-card-inner-wrap {
  padding: 16px 24px 20px 24px;
}
.rbt-card.rbt-card-overlay .rbt-card-inner .rbt-card-head img {
  width: 100px;
  height: 28px;
  filter: brightness(0.3);
}
@media only screen and (max-width: 767px) {
  .rbt-card.rbt-card-overlay .rbt-card-inner .rbt-card-head img {
    transform: scale(2.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  .rbt-card.rbt-card-overlay .rbt-card-inner .rbt-card-head img {
    transform: scale(2);
  }
}
.rbt-card.rbt-card-overlay .rbt-card-inner .rbt-divider {
  background: var(--color-white);
  opacity: 0.5;
}
.rbt-card.rbt-card-overlay .rbt-card-inner .rbt-card-inner-list ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.rbt-card.rbt-card-overlay .rbt-card-inner .rbt-card-inner-list ul li {
  margin: 0;
  list-style: none;
  position: relative;
}
.rbt-card.rbt-card-overlay .rbt-card-inner .rbt-card-inner-list ul li::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 100%;
  border-radius: 8px;
  background: var(--color-primary);
}
.rbt-card.rbt-card-overlay .rbt-card-inner .rbt-card-inner-list ul li:nth-child(2)::before {
  background: var(--color-secondary);
}
.rbt-card.rbt-card-overlay .rbt-card-inner .rbt-card-inner-list ul li:nth-child(3)::before {
  background: var(--color-orange);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-card.rbt-card-overlay .rbt-card-inner .rbt-list-title {
    font-size: 34px;
  }
}

.rbt-card-chart {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: var(--color-white);
  backdrop-filter: blur(13px);
  max-width: 324px;
  position: absolute;
  right: 75px;
  bottom: calc(100% - 370px);
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-card-chart {
    max-width: 260px;
    position: absolute;
    right: 220px;
    bottom: calc(100% - 422px);
  }
  .rbt-card-chart .rbt-card-inner-wrap .b2 {
    font-size: var(--font-size-b5);
  }
  .rbt-card-chart .rbt-card-inner-wrap .rbt-list-title {
    font-size: 30px;
  }
}
.rbt-card-chart .rbt-card-inner-list ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.rbt-card-chart .rbt-card-inner-list ul li {
  margin: 0;
  list-style: none;
  position: relative;
}
.rbt-card-chart .rbt-card-inner-list ul li::before {
  position: absolute;
  content: "";
  width: 2px;
  height: calc(100% - 18px);
  border-radius: 8px;
  background: var(--color-primary);
  top: 50%;
  transform: translate(0, -50%);
}
.rbt-card-chart .rbt-card-inner-wrap {
  padding: 12px 0 0 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-card-chart .rbt-list-title {
    font-size: 34px;
  }
}
.rbt-card-chart .rbt-card-chart-img {
  margin: -18px 0 0 0;
}
.rbt-card-chart .rbt-card-border {
  position: absolute;
  top: 40px;
  left: -162px;
  z-index: -5;
}

.rbt-border-gradient {
  border: unset !important;
  padding: 2px;
}
.rbt-border-gradient::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--color-secondary-alt-opacity-900) 0%, var(--color-primary-opacity-900) 100%);
  z-index: 0;
  opacity: 1;
  border-radius: var(--radius-md);
}
.rbt-border-gradient img {
  border-radius: var(--radius-md);
}

@keyframes textSlideFormRight {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes textSlideFormLeft {
  0% {
    opacity: 0;
    transform: translateX(-40px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px 50px;
}
@media only screen and (max-width: 575px) {
  .rbt-grid-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rbt-banner-box-gradient {
  position: relative;
  background: linear-gradient(174deg, var(--color-primary-alt) -2.12%, var(--color-secondary-alt-opacity-900) 121.13%);
  box-shadow: 0px 20px 46.3px 0px rgba(20, 2, 73, 0.08) inset, 2.25px -7px 43.7px 0px rgba(20, 2, 73, 0.22) inset;
  border: none;
  padding: 0 0 40px 0;
  border-radius: var(--radius-lg);
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-banner-box-gradient {
    padding: 0 0px 30px 0px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-banner-box-gradient {
    padding: 0 20px 20px 20px;
  }
}
.rbt-banner-box-gradient::before {
  position: absolute;
  content: "";
  max-width: 280px;
  width: 400px;
  height: 35px;
  background: #6d79e1;
  transform: translate(-50%, 0);
  border-radius: 20px 20px 0 1px;
  top: -11px;
  z-index: -1;
  left: 50%;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-box-gradient::before {
    width: 200px;
  }
}
.rbt-banner-box-gradient::after {
  position: absolute;
  content: "";
  max-width: 280px;
  width: 400px;
  height: 35px;
  background: linear-gradient(145deg, var(--color-primary-alt) -2.12%, var(--color-secondary-alt-opacity-900) 121.13%);
  transform: translate(50%, 0);
  border-radius: 20px 20px 0 1px;
  top: -11px;
  z-index: -1;
}
.rbt-banner-box-gradient .rbt-banner-box-body {
  padding: 0 60px;
}
@media only screen and (max-width: 575px) {
  .rbt-banner-box-gradient .rbt-banner-box-body {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-box-gradient .rbt-banner-box-body {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-banner-box-gradient .rbt-banner-box-body {
    padding: 0 !important;
  }
}
.rbt-banner-box-gradient .rbt-banner-box-head {
  padding: 10px 60px 15px 60px;
  margin: 0 0 40px 0;
}
@media only screen and (max-width: 479px) {
  .rbt-banner-box-gradient .rbt-banner-box-head {
    padding: 10px 30px 15px 30px;
  }
}

.rbt-banner-box-item {
  padding: 0 0 15px 0;
  border-bottom: 2px solid rgba(from var(--color-white) r g b/0.15);
}
.rbt-banner-box-item:nth-child(5) {
  border-bottom: 2px solid transparent;
  padding: 0;
}
@media only screen and (max-width: 575px) {
  .rbt-banner-box-item:nth-child(5) {
    padding: 0 0 15px 0;
    border-bottom: 2px solid rgba(from var(--color-white) r g b/0.15);
  }
}
.rbt-banner-box-item:nth-child(6) {
  border-bottom: 2px solid transparent;
}
.rbt-banner-box-item .rbt-banner-box-heading {
  color: var(--color-white);
  line-height: 1.6;
  font-weight: var(--f-bold);
}
.rbt-banner-box-item .rbt-banner-box-text {
  color: rgba(from var(--color-white) r g b/0.9);
}

.rbt-swiper-center-slide-activation .img-card {
  aspect-ratio: 354/295;
}
.rbt-swiper-center-slide-activation .img-card img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.rbt-swiper-center-slide-activation .swiper-slide-active {
  transform: scale(1.7);
  transition: var(--transition-5);
}
@media only screen and (max-width: 767px) {
  .rbt-swiper-center-slide-activation .swiper-slide-active {
    transform: scale(1);
  }
}
.rbt-swiper-center-slide-activation .swiper-slide-active .img-card {
  transition: var(--transition-5);
}
.rbt-swiper-center-slide-activation .swiper-slide-prev .img-card,
.rbt-swiper-center-slide-activation .swiper-slide-next .img-card {
  transform: scaleY(1) scaleX(1);
  transition: var(--transition-5);
}

.bottom--40 {
  bottom: -40px !important;
}

.img-card {
  position: relative;
  width: 100%;
  max-width: 666px;
  overflow: hidden;
  border-radius: 12px;
}
.img-card:hover {
  transition: var(--transition-1);
}
.img-card:hover .img-card-overlay {
  transition: var(--transition-1);
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.img-card .img-card-overlay {
  position: absolute;
  content: "";
  background: rgba(from var(--color-white) r g b/0.1);
  border: 1px solid rgba(from var(--color-white) r g b/0.15);
  width: 80%;
  height: 80%;
  z-index: 9;
  border-radius: var(--radius-sm);
  transition: var(--transition-1);
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%) scale(1.1);
  top: 50%;
  left: 50%;
  backdrop-filter: blur(4px);
  opacity: 0;
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-blog-banner-slider .rbt-gradient-navigation-btn {
  width: 100%;
  top: 50%;
  position: absolute;
  z-index: 10;
  transform: translateY(-50%);
}
.rbt-blog-banner-slider .rbt-category-card {
  max-width: 600px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-blog-banner-slider .rbt-category-card {
    max-width: unset;
  }
}

.rbt-blog-thumb {
  border: 4px solid rgba(from var(--color-white) r g b/0.6);
}

.rbt-blog-card-1 .rbt-card-inner {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-blog-card-1 .rbt-blog-card-share {
    right: -40px !important;
  }
}
.rbt-blog-card-1 .rbt-blog-card-content {
  padding: 0 30px 30px 30px;
}
@media only screen and (max-width: 767px) {
  .rbt-blog-card-1 .rbt-blog-card-content {
    padding: 0 20px 20px 20px;
  }
}
.rbt-blog-card-1 .rbt-card-thumb {
  border-radius: 10px 10px 0 0 !important;
  height: 500px !important;
}
@media only screen and (max-width: 767px) {
  .rbt-blog-card-1 .rbt-card-thumb {
    height: 200px !important;
  }
}
.rbt-blog-card-1 .rbt-card-thumb::before, .rbt-blog-card-1 .rbt-card-thumb::after {
  opacity: 0;
  visibility: hidden;
}

.rbt-blog-card-action {
  background: var(--color-white);
  border: 2px solid var(--color-primary-400);
  margin: 0;
  padding: 6px 14px;
  list-style: none;
  display: flex;
  border-radius: var(--radius-xl);
  gap: 10px;
}
@media only screen and (max-width: 767px) {
  .rbt-blog-card-action {
    padding: 4px 10px;
  }
  .rbt-blog-card-action svg {
    width: 16px;
    height: 16px;
  }
}
.rbt-blog-card-action li {
  margin: 0;
  padding: 0 14px 0 0;
  border-right: 1px solid var(--color-primary-400);
}
@media only screen and (max-width: 767px) {
  .rbt-blog-card-action li {
    padding: 0 10px 0 0;
  }
}
.rbt-blog-card-action li:last-child {
  border-right: none;
  padding: 0;
}
.rbt-blog-card-action button {
  background: transparent;
  border: 1px solid transparent;
  padding: 0;
  color: var(--color-primary);
  font-weight: var(--f-medium);
}
@media only screen and (max-width: 767px) {
  .rbt-blog-card-action button {
    font-size: var(--font-size-b4);
  }
}
.rbt-blog-card-action button:hover svg path {
  fill: var(--color-primary);
}

.rbt-card-box {
  margin: 0 0 0 auto;
  background: var(--color-white);
  box-shadow: 0px 20px 46px 0px var(--color-primary-300) inset, 2.25px -7px 44px 0px var(--color-primary-300) inset;
  padding: 30px;
  border-radius: 10px;
}
@media only screen and (max-width: 1199px) {
  .rbt-card-box {
    padding: 20px;
  }
}
.rbt-card-box .rbt-card-box-info {
  bottom: unset;
  top: 0;
}

.rbt-blog-card-categories .rbt-blog-card-categories-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rbt-blog-card-categories .rbt-blog-card-categories-list li {
  padding: 0;
  margin: 0 0 10px 0;
}
.rbt-blog-card-categories .rbt-blog-card-categories-list li:last-child {
  margin: 0;
}
.rbt-blog-card-categories .rbt-blog-card-categories-list li a {
  background: linear-gradient(90deg, var(--color-primary-opacity-50) 0%, var(--color-secondary-alt-opacity-100) 100%);
  padding: 10px;
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rbt-blog-card-categories .rbt-blog-card-categories-list li a:hover h6 {
  color: var(--color-black);
  transition: var(--transition-6);
}
.rbt-blog-card-categories .rbt-blog-card-categories-list li a:hover .rbt-icon::before {
  transition: var(--transition-6);
  opacity: 1;
}
.rbt-blog-card-categories .rbt-blog-card-categories-list li a:hover .rbt-icon h6,
.rbt-blog-card-categories .rbt-blog-card-categories-list li a:hover .rbt-icon span {
  color: var(--color-white) !important;
}
.rbt-blog-card-categories .rbt-blog-card-categories-list li a h6,
.rbt-blog-card-categories .rbt-blog-card-categories-list li a span {
  color: var(--color-body);
  transition: var(--transition-6);
}
.rbt-blog-card-categories .rbt-blog-card-categories-list li a .rbt-icon-2 {
  width: 45px !important;
  height: 45px !important;
}
.rbt-blog-card-categories .rbt-blog-card-categories-list li a .rbt-icon-2 h6,
.rbt-blog-card-categories .rbt-blog-card-categories-list li a .rbt-icon-2 i {
  color: var(--color-body) !important;
}
.rbt-blog-card-categories .rbt-blog-card-categories-list li a .rbt-icon-2::before {
  opacity: 0;
  display: none;
  visibility: hidden;
}
.rbt-blog-card-categories .rbt-blog-card-categories-list li a .rbt-icon {
  background: var(--color-white);
  width: 30px;
  height: 30px;
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.rbt-blog-card-categories .rbt-blog-card-categories-list li a .rbt-icon::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--gradient-3);
  opacity: 0;
  transition: var(--transition-6);
  left: 0;
}

.rbt-newsletter-blog-form input {
  height: 60px;
  border-radius: 6px;
  border: 2px solid var(--color-white);
  background: var(--gradient-light1);
}
.rbt-newsletter-blog-form input::placeholder {
  color: var(--color-body);
}

.text-border-gradient .line {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  background: linear-gradient(96deg, var(--color-secondary) -11.57%, var(--color-primary-opacity-900) 101.08%);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-stroke: 2px transparent;
  text-shadow: 0 0 0 var(--color-white);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: var(--color-primary);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-stroke: 2px;
  -webkit-text-stroke-color: transparent;
  background-image: linear-gradient(96deg, var(--color-secondary) -11.57%, var(--color-primary-opacity-900) 101.08%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-stroke: 2px;
  -webkit-text-stroke-color: transparent;
  paint-order: stroke;
}

.blog-content-wrapper {
  position: relative;
  z-index: 1;
}
.blog-content-wrapper p {
  font-size: var(--font-size-b1);
  color: var(--color-body);
  line-height: var(--line-height-b2);
  font-weight: var(--f-light);
}
.blog-content-wrapper strong {
  color: var(--color-heading);
}
.blog-content-wrapper figure {
  margin-bottom: 15px;
}
.blog-content-wrapper figcaption {
  margin-top: 15px;
  text-align: center;
}
.blog-content-wrapper h3 {
  margin-bottom: 15px;
}
.blog-content-wrapper .rbt-block-quote {
  background: var(--gradient-light1);
  box-shadow: 0 20px 46px 0 var(--color-primary-100) inset, 2.25px -7px 44px 0 var(--color-primary-100) inset;
  border-radius: var(--radius-sm);
  padding: 24px 36px;
  font-style: normal;
}
.blog-content-wrapper .rbt-block-quote p {
  font-size: var(--h6);
  color: var(--color-heading);
  font-weight: var(--f-semibold);
  margin: 10px 0 25px 0;
}
.blog-content-wrapper .rbt-block-quote h5 {
  color: var(--color-heading);
  font-weight: var(--f-bold);
  font-size: var(--font-size-b1);
  margin: 0;
}
.blog-content-wrapper .rbt-block-quote h6 {
  color: var(--color-body);
  font-weight: var(--f-regular);
  font-size: var(--font-size-b4);
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .rbt-blog-details-area .rbt-blog-card-share {
    right: 0px !important;
  }
}

.rbt-comnt-accordion {
  margin: 0;
}
.rbt-comnt-accordion .accordion-item {
  border: 1px solid transparent;
}
.rbt-comnt-accordion .accordion-button {
  background-color: transparent;
  border: 1px solid transparent;
  box-shadow: none;
  max-width: 250px;
  margin: 0;
  padding: 0;
}
.rbt-comnt-accordion .accordion-button::after {
  margin-left: 12px;
  width: 25px;
  height: 25px;
  background-size: 25px;
}

.rbt-comnt-reply {
  position: relative;
}
.rbt-comnt-reply::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 10px;
  bottom: 10px;
  border-left: 2px dashed rgba(100, 116, 139, 0.1);
  height: calc(100% - 122px);
}
@media only screen and (max-width: 767px) {
  .rbt-comnt-reply::before {
    height: calc(100% - 150px);
  }
}
@media only screen and (max-width: 575px) {
  .rbt-comnt-reply::before {
    height: calc(100% - 176px);
  }
}
@media only screen and (max-width: 479px) {
  .rbt-comnt-reply::before {
    height: calc(100% - 295px);
  }
}
.rbt-comnt-reply .is-reply {
  position: relative;
}
.rbt-comnt-reply .is-reply::before {
  content: "";
  position: absolute;
  left: -17px;
  top: 6.5px;
  width: 18px;
  height: 16px;
  border-left: 2px dashed rgba(100, 116, 139, 0.1);
  border-bottom: 2px dashed rgba(100, 116, 139, 0.1);
  border-bottom-left-radius: var(--radius-xxl);
  background: transparent;
}

.rbt-comnt-box {
  display: flex;
  gap: 12px;
  position: relative;
}
.rbt-comnt-box .rbt-comnt-author {
  width: 40px;
  height: 40px;
}
.rbt-comnt-box .rbt-comnt-author-name {
  color: var(--color-black);
  transform: var(--transition);
}
.rbt-comnt-box .rbt-comnt-author-name:hover {
  transform: var(--transition);
  color: var(--color-primary);
}
.rbt-comnt-box .rbt-comnt-feedback {
  display: flex;
  margin: 0;
  padding: 0;
  gap: 15px;
}
.rbt-comnt-box .rbt-comnt-feedback li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.rbt-comnt-box .rbt-comnt-feedback li a {
  color: var(--color-body);
  transform: var(--transition);
}
.rbt-comnt-box .rbt-comnt-feedback li a i {
  transform: var(--transition);
}
.rbt-comnt-box .rbt-comnt-feedback li a:hover i {
  transform: var(--transition);
  color: var(--color-primary);
}

.progress-blog {
  height: 5px;
  background-color: rgba(from var(--color-primary) r g b/0.15);
}
.progress-blog .progress-bar {
  border-radius: 10px;
}

.rbt-blog-dots {
  width: 140px;
  height: auto;
  top: unset !important;
  left: -20% !important;
  bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .rbt-blog-dots {
    left: unset !important;
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-blog-dots {
    left: -40% !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-blog-dots {
    left: -30% !important;
  }
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-filter-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rbt-filter-wrapper .rbt-modern-select {
  border-radius: 4px;
}
.rbt-filter-wrapper .rbt-modern-select .bootstrap-select button.btn-light {
  height: 50px;
  border: 2px solid var(--color-primary-400);
  border-radius: 4px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-filter-wrapper .rbt-modern-select .bootstrap-select button.btn-light {
    height: 40px;
  }
}

.rbt-filter-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 10px;
}
.rbt-filter-icon-list li {
  margin: 0;
  padding: 0;
}

.rbt-filter-icon-btn {
  border: 2px solid var(--color-primary-400);
  border-radius: 4px;
  background: transparent;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-body);
  text-shadow: none;
  transition: var(--transition);
}
.rbt-filter-icon-btn:hover {
  background: var(--color-primary-400);
  color: var(--color-primary);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-filter-icon-btn {
    height: 40px;
    width: 40px;
  }
}

.rbt-search-form {
  position: relative;
  max-width: 464px;
}
.rbt-search-form input {
  padding: 0 55px 0 15px;
  height: 50px;
  background: var(--color-white);
  color: var(--color-heading);
  border: var(--border-width) solid var(--color-primary-400);
}
.rbt-search-form input::placeholder {
  font-weight: var(--f-light);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-search-form input {
    height: 40px;
    font-size: var(--font-size-b4);
  }
}
.rbt-search-form .rbt-btn-search {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-search-form .rbt-btn-search {
    right: 4px;
  }
}

.rbt-btn-search {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  background: var(--gradient-3);
  border-radius: var(--radius-md) 0 var(--radius-md) var(--radius-md);
  overflow: hidden;
  border: none;
}
.rbt-btn-search i {
  color: var(--color-white);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-btn-search {
    height: 32px;
    width: 32px;
    border-radius: var(--radius) 0 var(--radius) var(--radius);
  }
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.grid-container {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 12px;
  max-width: 1760px;
  margin: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .grid-container {
    gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .grid-container {
    gap: 10px;
  }
}

.item-1 {
  grid-column: 1/span 7;
  grid-row: 1/span 18;
}

.item-2 {
  grid-column: 8/-1;
  grid-row: 1/span 14;
}

.item-3 {
  grid-column: 8/-1;
  grid-row: 15/span 15;
}

.item-4 {
  grid-column: 1/span 4;
  grid-row: 19/span 20;
}

.item-5 {
  grid-column: 5/span 3;
  grid-row: 19/span 11;
}

.item-6 {
  grid-column: 1/span 4;
  grid-row: 39/span 10;
}

.item-7 {
  grid-column: 5/-1;
  grid-row: 30/span 15;
}

.item-8 {
  grid-column: 1/span 4;
  grid-row: 49/span 10;
}

.item-9 {
  grid-column: 5/span 3;
  grid-row: 45/span 14;
}

.item-10 {
  grid-column: 8/-1;
  grid-row: 45/span 14;
}

.rbt-img-card-2 {
  max-width: unset;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .grid-container {
    grid-template-columns: repeat(8, 1fr);
    grid-auto-rows: 12px;
  }
  .item-1 {
    grid-column: 1/span 5;
    grid-row: 1/span 22;
  }
  .item-2 {
    grid-column: 6/-1;
    grid-row: 1/span 18;
  }
  .item-3 {
    grid-column: 6/-1;
    grid-row: 19/span 14;
  }
  .item-4 {
    grid-column: 1/span 3;
    grid-row: 23/span 22;
  }
  .item-5 {
    grid-column: 4/span 2;
    grid-row: 23/span 10;
  }
  .item-6 {
    grid-column: 1/span 3;
    grid-row: 45/span 12;
  }
  .item-7 {
    grid-column: 4/-1;
    grid-row: 33/span 24;
  }
  .item-8 {
    grid-column: 1/span 3;
    grid-row: 57/span 12;
  }
  .item-9 {
    grid-column: 4/span 2;
    grid-row: 57/span 12;
  }
  .item-10 {
    grid-column: 6/-1;
    grid-row: 57/span 12;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grid-container {
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 10px;
  }
  .item-1 {
    grid-column: 1/-1;
    grid-row: 1/span 24;
  }
  .item-2 {
    grid-column: 1/span 3;
    grid-row: 25/span 16;
  }
  .item-3 {
    grid-column: 4/span 3;
    grid-row: 25/span 16;
  }
  .item-4 {
    grid-column: 1/span 3;
    grid-row: 41/span 22;
  }
  .item-5 {
    grid-column: 4/span 3;
    grid-row: 41/span 16;
  }
  .item-6 {
    grid-column: 1/span 3;
    grid-row: 63/span 14;
  }
  .item-7 {
    grid-column: 4/-1;
    grid-row: 57/span 20;
  }
  .item-8 {
    grid-column: 1/span 3;
    grid-row: 77/span 17;
  }
  .item-9 {
    grid-column: 4/span 3;
    grid-row: 77/span 17;
  }
  .item-10 {
    grid-column: 1/-1;
    grid-row: 94/span 18;
  }
}
@media only screen and (max-width: 767px) {
  .grid-container {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
  }
  .item-1 {
    grid-column: 1/-1;
  }
  .item-2 {
    grid-column: 1/span 1;
  }
  .item-3 {
    grid-column: 2/span 1;
  }
  .item-4 {
    grid-column: 1/span 1;
  }
  .item-5 {
    grid-column: 2/span 1;
  }
  .item-6 {
    grid-column: 1/span 1;
  }
  .item-7 {
    grid-column: 2/span 1;
  }
  .item-8 {
    grid-column: 1/span 1;
  }
  .item-9 {
    grid-column: 2/span 1;
  }
  .item-10 {
    grid-column: 1/-1;
  }
  .grid-item {
    grid-row: auto !important;
  }
}
@media only screen and (max-width: 575px) {
  .grid-container {
    grid-template-columns: 1fr;
  }
  .grid-item {
    grid-column: 1/-1 !important;
    grid-row: auto !important;
  }
}
@media only screen and (max-width: 479px) {
  .grid-container {
    grid-template-columns: 1fr;
  }
}
/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-pagination-list {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.rbt-pagination-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rbt-pagination .rbt-pagination-box {
  position: relative;
  max-width: 60px;
  width: 40px;
  height: 40px;
  padding: 10px;
  overflow: hidden;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--color-body);
  box-shadow: none;
  text-shadow: none;
  font-weight: var(--f-regular);
  transition: var(--transition-5);
}
.rbt-pagination .rbt-pagination-box::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  background: linear-gradient(0, var(--color-primary-opacity-900) 2.37%, var(--color-secondary-alt-opacity-900) 97.63%);
  border-radius: var(--radius-full);
  z-index: -11;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition-5);
}
.rbt-pagination .rbt-pagination-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  border-radius: var(--radius-full);
  border: var(--border-width) solid var(--color-border-5);
  transition: var(--transition-5);
}
.rbt-pagination .rbt-pagination-box .rbt-default-num {
  transition: var(--transition-5);
  display: flex;
  align-items: center;
  gap: 6px;
}
.rbt-pagination .rbt-pagination-box svg path {
  transition: var(--transition-5);
}
.rbt-pagination .rbt-pagination-box:hover .rbt-default-num, .rbt-pagination .rbt-pagination-box:focus .rbt-default-num, .rbt-pagination .rbt-pagination-box.active .rbt-default-num {
  transition: var(--transition-5);
  color: var(--color-white);
}
.rbt-pagination .rbt-pagination-box:hover .rbt-default-num svg path, .rbt-pagination .rbt-pagination-box:focus .rbt-default-num svg path, .rbt-pagination .rbt-pagination-box.active .rbt-default-num svg path {
  transition: var(--transition-5);
  fill: var(--color-white);
}
.rbt-pagination .rbt-pagination-box:hover::after, .rbt-pagination .rbt-pagination-box:focus::after, .rbt-pagination .rbt-pagination-box.active::after {
  opacity: 1;
  visibility: visible;
}
.rbt-pagination .rbt-pagination-box:hover::before, .rbt-pagination .rbt-pagination-box:focus::before, .rbt-pagination .rbt-pagination-box.active::before {
  border-color: transparent;
}
.rbt-pagination .rbt-pagination-box-next,
.rbt-pagination .rbt-pagination-box-prev {
  max-width: 100px;
  width: 100px;
  height: 40px;
  border-radius: 20px;
}
.rbt-pagination .rbt-pagination-box-next::before, .rbt-pagination .rbt-pagination-box-next::after,
.rbt-pagination .rbt-pagination-box-prev::before,
.rbt-pagination .rbt-pagination-box-prev::after {
  max-width: 100px;
  width: 100px;
  height: 40px;
  border-radius: 20px;
}

.rbt-pagination-card {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-pagination-card {
    gap: 20px;
    max-width: 322px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-pagination-card {
    gap: 16px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-pagination-card .rbt-pagination-card-text {
    font-size: var(--font-size-b1);
  }
}
.rbt-pagination-card img {
  border-radius: var(--radius-sm);
  max-width: 120px;
  object-fit: cover;
  width: 100%;
  height: 100px;
}
@media only screen and (max-width: 479px) {
  .rbt-pagination-card img {
    max-width: unset;
    width: 100px;
    height: 85px;
  }
}
.rbt-pagination-card:hover .rbt-pagination-gradient-text .hover-text {
  transform: translateY(0) rotate(0);
  font-weight: var(--f-bold);
}
.rbt-pagination-card:hover .rbt-pagination-default-text {
  transform: translateY(-160%) rotate(8deg);
}
.rbt-pagination-card:hover .rbt-pagination-hover-icon {
  transform: translateY(0) rotate(0);
  font-weight: var(--f-bold);
}
.rbt-pagination-card:hover .rbt-pagination-icon {
  transform: translate(20px, -20px);
}
.rbt-pagination-card .rbt-pagination-icon-left {
  right: unset !important;
  left: 0;
}
.rbt-pagination-card .rbt-pagination-icon-left svg {
  rotate: 280deg;
}
.rbt-pagination-card .rbt-pagination-hover-icon {
  position: absolute;
  transition: var(--transition-6);
  right: 2px;
  transform: translate(-20px, 20px);
}
.rbt-pagination-card .rbt-pagination-icon {
  position: absolute;
  transition: var(--transition-6);
  right: 2px;
}
.rbt-pagination-card .rbt-pagination-default-text {
  display: inline-block;
  transition: var(--transition-6);
  background: inherit;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: inherit;
}
.rbt-pagination-card .rbt-pagination-gradient-text {
  position: relative;
  background: linear-gradient(90deg, var(--color-primary-opacity-900) 0%, var(--color-secondary-alt-opacity-900) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  height: fit-content;
  padding: 0;
  border-radius: 0;
  padding-inline-end: 20px;
  overflow: hidden;
  font-size: var(--font-size-b2);
  font-weight: var(--f-medium);
  line-height: normal;
}
.rbt-pagination-card .rbt-pagination-gradient-text .hover-text {
  transform: translateY(145%) rotate(6deg);
  position: absolute;
  right: 20px;
  transition: var(--transition-6);
  background: inherit;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: inherit;
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-badge {
  border-radius: var(--radius-48);
  background: linear-gradient(90deg, var(--color-primary-opacity-50) 0%, var(--color-secondary-alt-opacity-100) 100%);
  box-shadow: 0px -2px 4px 0px var(--color-secondary-alt-opacity-200) inset, 0px -4px 4px 0px var(--color-primary-opacity-200) inset;
  display: inline-flex;
  align-items: center;
  padding: 8px 22px;
  max-width: fit-content;
  gap: 10px;
  margin-bottom: 30px;
  color: var(--color-gray-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-badge {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-badge {
    padding: 4px 14px;
    margin-bottom: 10px;
    gap: 5px;
  }
}
.rbt-badge.rbt-badge-1-hover {
  position: relative;
  overflow: hidden;
}
.rbt-badge.rbt-badge-1-hover::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--gradient-3);
  opacity: 0;
  transition: var(--transition-6);
  left: 0;
}
.rbt-badge.rbt-badge-1-hover:hover {
  color: var(--color-white);
}
.rbt-badge.rbt-badge-1-hover:hover::before {
  transition: var(--transition-6);
  opacity: 1;
}
.rbt-badge .rbt-badge-text {
  font-family: var(--font-primary);
  font-size: var(--font-size-b2);
  font-weight: var(--f-medium);
  line-height: 1.73;
  display: inline-flex;
  gap: 12px;
}
@media only screen and (max-width: 767px) {
  .rbt-badge .rbt-badge-text {
    font-size: var(--font-size-b4);
    gap: 6px;
  }
}
.rbt-badge.rbt-badge-2, .rbt-badge.rbt-badge-10 {
  background: linear-gradient(90deg, var(--color-primary-alt) 0%, var(--color-secondary-alt) 100%);
  box-shadow: 0px -2px 4px 0px var(--color-primary-opacity-0) inset, 0px -4px 18.5px 0px var(--color-white-opacity-800) inset;
  color: var(--color-white);
  font-family: var(--font-primary);
  font-size: var(--font-size-b4);
  font-weight: var(--f-medium);
  line-height: 1.73;
  letter-spacing: -0.15px;
}
.rbt-badge.rbt-badge-3 {
  display: flex;
  gap: 5px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(132deg, var(--color-primary-alt) 2.37%, var(--color-secondary-alt) 97.63%);
  border-radius: var(--radius);
  min-width: 60px;
  width: 60px;
  height: 60px;
  padding: 8px;
}
.rbt-badge.rbt-badge-3 .rbt-date {
  color: var(--color-white);
  font-family: var(--font-primary);
  font-size: var(--h4);
  font-weight: var(--f-semibold);
  line-height: 1;
}
.rbt-badge.rbt-badge-3 .rbt-month {
  color: var(--color-white);
  text-align: center;
  font-family: var(--font-primary);
  font-size: var(--font-size-b5);
  font-weight: var(--f-regular);
  line-height: 1;
  text-transform: uppercase;
}
.rbt-badge.rbt-badge-4 {
  background: transparent;
  color: var(--color-white);
  position: relative;
  z-index: 1;
}
.rbt-badge.rbt-badge-4::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(102deg, var(--color-primary) -0.32%, var(--color-secondary-alt) 100%);
  border-radius: inherit;
  z-index: -1;
}
.rbt-badge.rbt-badge-5 {
  padding: 0;
  margin: 0;
  background: none;
  box-shadow: none;
  border-radius: 0;
  position: relative;
}
.rbt-badge.rbt-badge-5 svg {
  max-width: fit-content;
  max-height: fit-content;
}
.rbt-badge.rbt-badge-5 .badge-text {
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  color: var(--color-white);
}
.rbt-badge.rbt-badge-6 {
  background: var(--color-primary-300);
  box-shadow: none;
}
.rbt-badge.rbt-badge-7 {
  padding: 15px 20px;
  gap: 15px;
  box-shadow: 0px 20px 46.3px 0px rgba(81, 99, 255, 0) inset, 2.25px -7px 43.7px 0px rgba(81, 99, 255, 0.12) inset;
  border: 2px solid var(--color-white);
  background: var(--color-white);
  font-size: var(--h4);
  margin: 0;
  color: var(--color-body);
}
@media only screen and (max-width: 479px) {
  .rbt-badge.rbt-badge-7 {
    font-size: var(--font-size-b1);
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    border-radius: var(--radius-lg);
  }
}
.rbt-badge.rbt-badge-8 {
  background: radial-gradient(107.08% 85.59% at 86.3% 87.5%, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 86.18%), radial-gradient(83.94% 83.94% at 26.39% 20.83%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 76.6%, rgba(255, 255, 255, 0) 100%), rgba(244, 243, 254, 0.13);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: -3px -4px 7px 0px var(--color-white-opacity-200) inset;
  backdrop-filter: blur(3px);
  color: var(--color-white);
  padding: 10px 15px;
}
@media only screen and (max-width: 767px) {
  .rbt-badge.rbt-badge-8 {
    padding: 5px 12px;
  }
}
.rbt-badge.rbt-badge-9 {
  height: 60px;
  gap: 8px;
}
.rbt-badge.rbt-badge-10 {
  box-shadow: 0 -2px 4px 0 rgba(255, 255, 255, 0.25) inset, 4px 2px 10.6px 0 rgba(255, 255, 255, 0.19) inset !important;
}
.rbt-badge.rbt-badge-md {
  padding: 10px 18px;
  font-size: var(--font-size-b4);
  line-height: 1;
}
.rbt-badge.rbt-badge-md .rbt-badge-text {
  font-size: var(--font-size-b4);
  line-height: 1;
}
.rbt-badge.rbt-badge-sm, .rbt-badge.rbt-badge-mini {
  padding: 4px 8px;
  font-size: var(--font-size-b5);
  line-height: 1;
}
.rbt-badge.rbt-badge-sm .rbt-badge-text, .rbt-badge.rbt-badge-mini .rbt-badge-text {
  font-size: var(--font-size-b5);
  line-height: 1;
}
.rbt-badge.rbt-badge-mini {
  width: 80px;
  height: 25px;
}
.rbt-badge svg {
  max-width: 20px;
  max-height: 24px;
}
@media only screen and (max-width: 767px) {
  .rbt-badge svg {
    max-height: 20px;
  }
}

.rbt-badge-style-2 {
  position: relative;
}
.rbt-badge-style-2 .rbt-badge-text {
  position: absolute;
  background: transparent;
  top: 10px;
  left: 10px;
  box-shadow: none;
  color: var(--color-gray-3);
  font-size: var(--font-size-b5);
  font-weight: var(--f-semibold);
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-testimonial-area .counter .odometer {
  margin-top: 5px;
}
.rbt-testimonial-area .counter .rbt-counter-suffix {
  margin-left: -8px;
}
.rbt-testimonial-area .rbt-round-blur-shape.rbt-round-blur-top-left {
  z-index: 1;
}

.rbt-testimonial-box {
  position: relative;
}
.rbt-testimonial-box.rbt-testimonial-1 {
  background: var(--color-white);
  border-radius: var(--radius-xl);
  max-width: 1130px;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-testimonial-box.rbt-testimonial-1 {
    box-shadow: var(--shadow-1);
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-testimonial-box.rbt-testimonial-1 {
    max-width: 960px;
    margin: 0 auto;
    box-shadow: var(--shadow-1);
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-testimonial-box.rbt-testimonial-1 {
    max-width: 720px;
    margin: 0 auto;
    box-shadow: var(--shadow-1);
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-box.rbt-testimonial-1 {
    max-width: 625px;
    margin: 0 auto;
    box-shadow: var(--shadow-1);
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-testimonial-box.rbt-testimonial-1 {
    box-shadow: none;
  }
}
.rbt-testimonial-box.rbt-testimonial-1 .rbt-testimonial-inner {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-box.rbt-testimonial-1 .rbt-testimonial-inner {
    flex-direction: column;
    align-items: start;
  }
}
.rbt-testimonial-box.rbt-testimonial-1 .rbt-testimonial-thumb {
  max-width: 370px;
  max-height: 450px;
  min-width: 362px;
  min-height: 440px;
  position: relative;
}
.rbt-testimonial-box.rbt-testimonial-1 .rbt-testimonial-thumb::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  width: 104px;
  height: 100%;
  background: linear-gradient(270deg, var(--color-white) 0%, var(--color-primary-opacity-0) 100%);
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-box.rbt-testimonial-1 .rbt-testimonial-thumb::after {
    content: none;
  }
}
.rbt-testimonial-box.rbt-testimonial-1 .rbt-testimonial-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.rbt-testimonial-box.rbt-testimonial-1 .rbt-testimonial-content {
  padding: 0 86px 0 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-testimonial-box.rbt-testimonial-1 .rbt-testimonial-content {
    padding: 20px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-box.rbt-testimonial-1 .rbt-testimonial-content {
    padding: 20px;
  }
}
.rbt-testimonial-box.rbt-testimonial-1 .rbt-testimonial-content .rbt-description {
  max-width: 595px;
  letter-spacing: normal;
}
.rbt-testimonial-box.rbt-testimonial-1 .rbt-testimonial-content .rbt-qoutation {
  position: absolute;
}
.rbt-testimonial-box.rbt-testimonial-1 .rbt-client-info {
  display: flex;
  gap: 16px;
  align-items: center;
}
.rbt-testimonial-box.rbt-testimonial-1 .rbt-client-info .rbt-avatar {
  width: 60px;
  height: 60px;
}
.rbt-testimonial-box.rbt-testimonial-1 .rbt-client-info .rbt-title {
  line-height: 1;
  font-weight: var(--f-medium);
  font-size: var(--h6);
  color: var(--color-heading);
}
.rbt-testimonial-box.rbt-testimonial-1 .rbt-client-info .rbt-client-profession {
  display: inline-block;
  color: var(--color-body);
  font-family: var(--font-primary);
  font-size: var(--font-size-b4);
  font-weight: var(--f-regular);
  line-height: 1;
  padding: 10px 20px;
  border-radius: var(--radius-48);
  border: 1px solid var(--color-border-5);
}
.rbt-testimonial-box.rbt-testimonial-2 .rbt-testimonial-inner {
  display: flex;
  gap: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-testimonial-box.rbt-testimonial-2 .rbt-testimonial-inner {
    gap: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-testimonial-box.rbt-testimonial-2 .rbt-testimonial-inner {
    gap: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-box.rbt-testimonial-2 .rbt-testimonial-inner {
    flex-direction: column;
    gap: 16px;
  }
}
.rbt-testimonial-box.rbt-testimonial-2 .rbt-client-info {
  padding: 0 50px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-testimonial-box.rbt-testimonial-2 .rbt-client-info {
    padding: 0 8px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-box.rbt-testimonial-2 .rbt-client-info {
    align-items: start;
    padding: 0;
  }
}
.rbt-testimonial-box.rbt-testimonial-2 .rbt-client-info .rbt-testimonial-thumb {
  width: 143px;
  height: 143px;
  border-radius: var(--radius-full);
  overflow: hidden;
  margin-bottom: 25px;
}
.rbt-testimonial-box.rbt-testimonial-2 .rbt-client-info .rbt-testimonial-thumb img {
  width: 102%;
  height: 102%;
  object-fit: cover;
}
.rbt-testimonial-box.rbt-testimonial-2 .rbt-client-info .title {
  white-space: nowrap;
  margin-bottom: 10px;
}
.rbt-testimonial-box.rbt-testimonial-2 .rbt-testimonial-content {
  max-width: 744px;
}
.rbt-testimonial-box.rbt-testimonial-2 .rbt-testimonial-content .title {
  margin-bottom: 16px;
}
.rbt-testimonial-box.rbt-testimonial-3 {
  position: relative;
}
.rbt-testimonial-box.rbt-testimonial-3 .rbt-quotation {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.rbt-testimonial-box.rbt-testimonial-3 .rbt-testimonial-content {
  position: relative;
  z-index: 1;
}
.rbt-testimonial-box.rbt-testimonial-3 .rbt-testimonial-content .rbt-badge {
  height: 50px;
  width: 50px;
  min-width: 50px;
  border-radius: var(--radius-full);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rbt-testimonial-box.rbt-testimonial-6 {
  background: linear-gradient(135deg, #F6F7FF 0%, #FFF6F9 100%);
  padding: 45px 30px 15px;
  border-radius: var(--radius-md);
  position: relative;
  border: 2px solid var(--color-white);
  transition: var(--transition-1);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-testimonial-box.rbt-testimonial-6 {
    padding: 45px 20px 20px;
  }
}
.rbt-testimonial-box.rbt-testimonial-6 .rbt-testimonial-thumb {
  position: absolute;
  top: -50px;
  left: 30px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-testimonial-box.rbt-testimonial-6 .rbt-testimonial-thumb {
    top: -40px;
  }
}
.rbt-testimonial-box.rbt-testimonial-6 .rbt-testimonial-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-full);
}
.rbt-testimonial-box.rbt-testimonial-6 .rbt-company-logo {
  position: absolute;
  right: 30px;
  top: 30px;
}
.rbt-testimonial-box.rbt-testimonial-6.is-scroll {
  max-width: 435px;
}

.rbt-description-wrap {
  max-width: 745px;
  width: 100%;
}
.rbt-description-wrap .rbt-icon-hover {
  transition: var(--transition-4);
  transform: scale(1);
}
.rbt-description-wrap:hover .rbt-icon-hover {
  transition: var(--transition-4);
  transform: scale(1.05);
}
.rbt-description-wrap:nth-child(1) {
  margin-left: 235px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-description-wrap:nth-child(1) {
    margin-left: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-description-wrap:nth-child(1) {
    margin-left: 180px;
  }
}
.rbt-description-wrap:nth-child(2) {
  margin-left: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-description-wrap:nth-child(2) {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-description-wrap:nth-child(2) {
    margin-left: 90px;
  }
}
.rbt-description-wrap:nth-child(3) {
  margin-left: 4px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-description-wrap:nth-child(1), .rbt-description-wrap:nth-child(2), .rbt-description-wrap:nth-child(3) {
    margin-left: 0;
  }
}

.rbt-testimonial-var-1 {
  position: relative;
}
.rbt-testimonial-var-1 .rbt-testimonial-bg-light {
  height: 100%;
  width: 100%;
  position: absolute;
  background: transparent;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-testimonial-var-1 .rbt-testimonial-bg-light {
    display: none;
  }
}
.rbt-testimonial-var-1 .rbt-testimonial-bg-light::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--color-white-opacity-800);
  backdrop-filter: blur(100px);
  z-index: 3;
}
.rbt-testimonial-var-1 .rbt-testimonial-bg-light::after {
  content: "";
  height: 457px;
  width: 132px;
  border-radius: var(--radius-full);
  background: var(--color-secondary);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.rbt-testimonial-var-1 .rbt-testimonial-bg-light .rbt-testimonial-bg-light-inner {
  height: 457px;
  width: 132px;
  border-radius: var(--radius-full);
  background: transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.rbt-testimonial-var-1 .rbt-testimonial-bg-light .rbt-testimonial-bg-light-inner::before {
  content: "";
  position: absolute;
  height: 490px;
  width: 850px;
  background: var(--color-primary-alt);
  border-radius: var(--radius-full);
  right: 80%;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-testimonial-var-1 .rbt-testimonial-bg-light .rbt-testimonial-bg-light-inner::before {
    width: 450px;
  }
}
.rbt-testimonial-var-1 .rbt-testimonial-bg-light .rbt-testimonial-bg-light-inner::after {
  content: "";
  position: absolute;
  height: 500px;
  width: 600px;
  background: var(--color-primary-alt);
  border-radius: var(--radius-full);
  left: 80%;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-testimonial-var-1 .rbt-testimonial-bg-light .rbt-testimonial-bg-light-inner::after {
    width: 350px;
  }
}
.rbt-testimonial-var-1 .rbt-swiper-activation-1 {
  position: relative;
  z-index: 4;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-testimonial-var-4 {
    padding: 100px 0;
  }
}
.rbt-testimonial-var-4 .rbt-section-title .rbt-title .rbt-badge svg {
  max-width: unset;
  max-height: unset;
}
.rbt-testimonial-var-4 .rbt-testimonial-slide-activation .rbt-swiper-pagination {
  width: fit-content;
  right: 0;
  left: unset;
}

.rbt-testimonial-var-5 {
  position: relative;
}
.rbt-testimonial-var-5::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0.5;
  background: url(../images/testimonial/map2.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.rbt-testimonial-var-5 .rbt-navigate-prev {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.rbt-testimonial-var-5 .rbt-navigate-next {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.rbt-testimonial-var-5 .rbt-testimonial-inner {
  display: grid;
  gap: 40px;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-var-5 .rbt-testimonial-inner {
    gap: 20px;
  }
}
.rbt-testimonial-var-5 .rbt-testimonial-inner .rbt-testimonial-text {
  font-size: var(--h4);
  color: var(--color-heading);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-testimonial-var-5 .rbt-testimonial-inner .rbt-testimonial-text {
    font-size: var(--h6);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-var-5 .rbt-testimonial-inner .rbt-testimonial-text {
    font-size: var(--font-size-b1);
  }
}
.rbt-testimonial-var-5 .rbt-client-info {
  display: grid;
  justify-items: center;
}
.rbt-testimonial-var-5 .rbt-client-info .rbt-testimonial-thumb {
  width: 130px;
  height: 130px;
  border-radius: var(--radius-full);
  position: relative;
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-var-5 .rbt-client-info .rbt-testimonial-thumb {
    width: 100px;
    height: 100px;
  }
}
.rbt-testimonial-var-5 .rbt-client-info .rbt-testimonial-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-full);
}
.rbt-testimonial-var-5 .rbt-client-info .rbt-testimonial-thumb .rbt-qoutation-icon {
  position: absolute;
  bottom: -5%;
  left: 0%;
}

.rbt-testimonial-var-6 {
  position: relative;
  transition: var(--transition-6);
}
.rbt-testimonial-var-6::before {
  position: absolute;
  content: "";
  max-width: 1650px;
  width: 100%;
  height: 639px;
  background-image: url(../images/testimonial/map3.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0.3;
  left: 50%;
  transform: translate(-50%, 0);
}
.rbt-testimonial-var-6 .rbt-testimonial-6:hover {
  border: 2px solid var(--color-primary);
  box-shadow: 0 25px 31.1px -20px rgba(81, 99, 255, 0.14);
}

.rbt-testimonial-7 {
  display: flex;
  gap: 16px;
}
.rbt-testimonial-7 .rbt-testimonial-content {
  padding: 40px 36px 25px 36px;
  border-radius: var(--radius-xl);
  max-width: 644px;
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-7 .rbt-testimonial-content {
    padding: 20px;
  }
}
.rbt-testimonial-7 .rbt-testimonial-content-logo {
  max-width: 190px;
  width: 100%;
  height: 40px;
}
.rbt-testimonial-7 .rbt-project-showcase-card {
  width: 100%;
  height: 450px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-testimonial-7 .rbt-project-showcase-card {
    height: 390px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-7 .rbt-project-showcase-card {
    height: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  .rbt-testimonial-7 .rbt-project-showcase-card {
    max-width: 354px;
  }
}
.rbt-testimonial-7 .rbt-testimonial-divider {
  background: rgba(from var(--color-heading) r g b/0.1);
}
.rbt-testimonial-7 .rbt-testimonial-queto {
  position: absolute;
  bottom: 40px;
  right: 36px;
}
.rbt-testimonial-7 .testimonial-thumb-img {
  max-width: 175px;
  width: 130px;
  margin: 0 0 0 auto;
}
.rbt-testimonial-7 .testimonial-thumb-img.rbt-contact-thumbnail-box::after {
  background: transparent !important;
}
.rbt-testimonial-7 .testimonial-thumb-img.rbt-contact-thumbnail-box .rbt-inner::before {
  top: 10px;
  width: calc(100% - 40px);
  width: calc(100% - 20px);
  left: calc(50% + 5px);
  height: calc(100% - 10px);
}
.rbt-testimonial-7 .testimonial-thumb-img.rbt-contact-thumbnail-box .rbt-inner::after {
  top: 0;
  width: calc(100% - 20px);
  width: calc(100% - 20px);
  left: calc(50% + 10px);
  height: 100%;
}
.rbt-testimonial-7 .rbt-swiper-activation-5-alt-2 {
  max-width: 150px;
  top: -20px;
  margin: 0 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-testimonial-7 .rbt-swiper-activation-5-alt-2 {
    margin: 0 auto;
  }
}
.rbt-testimonial-7 .rbt-swiper-activation-5-alt-2.swiper-3d .swiper-slide-shadow {
  background: transparent;
}
.rbt-testimonial-7 .rbt-swiper-activation-5-alt-2 .swiper-slide-active {
  opacity: 1 !important;
}
.rbt-testimonial-7 .rbt-swiper-activation-5-alt-2 .swiper-slide {
  opacity: 0.8;
}
.rbt-testimonial-7 .rbt-section-light {
  bottom: unset !important;
  left: unset !important;
  top: 0;
  right: 0;
}
.rbt-testimonial-7 .rbt-slide-scroll-wrap .rbt-swiper-pagination {
  gap: 6px;
  justify-content: start;
  bottom: unset !important;
  right: unset !important;
  top: 0;
  left: 0;
}
.rbt-testimonial-7 .swiper-pagination-current {
  color: var(--color-heading);
}
.rbt-testimonial-7 .rbt-desc {
  line-height: 48px;
  letter-spacing: -0.32px;
}

@media only screen and (max-width: 767px), only screen and (min-width: 1600px) and (max-width: 1919px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-team-group-wrapper .rbt-tooltip-activator .rbt-tooltip {
    left: unset;
    right: calc(100% + 15px);
  }
  .rbt-team-group-wrapper .rbt-tooltip-activator .rbt-tooltip::after {
    border: 2px solid var(--color-secondary-alt);
    left: calc(100% - 8px);
  }
}
.rbt-team-group-wrapper .rbt-tooltip-activator .rbt-tooltip .rbt-inner {
  min-width: 210px;
  padding: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-team-group-wrapper .rbt-tooltip-activator .rbt-tooltip .rbt-inner {
    min-width: 180px;
    padding: 12px;
  }
}
.rbt-team-group-wrapper .rbt-tooltip-activator .rbt-tooltip .rbt-member-rating {
  min-width: 36px;
  height: 36px;
  padding: 8px;
}
@media only screen and (max-width: 767px) {
  .rbt-team-group-wrapper .rbt-tooltip-activator .rbt-tooltip .rbt-member-rating {
    min-width: 30px;
    height: 34px;
    padding: 6px;
  }
  .rbt-team-group-wrapper .rbt-tooltip-activator .rbt-tooltip .rbt-inner {
    min-width: 165px;
    padding: 6px;
  }
  .rbt-team-group-wrapper .rbt-tooltip-activator .rbt-tooltip .rbt-text {
    font-size: 14px;
    line-height: 24px;
  }
}
.rbt-team-group-wrapper .rbt-tooltip-activator:nth-child(2) .rbt-tooltip {
  right: unset !important;
}
.rbt-team-group-wrapper .rbt-tooltip-activator:nth-child(2) .rbt-tooltip::after {
  left: unset;
  border: 2px solid var(--color-primary);
}
.rbt-team-group-wrapper .rbt-tooltip-activator:nth-child(3) .rbt-tooltip {
  right: unset !important;
  left: calc(100% + 10px);
}
.rbt-team-group-wrapper .rbt-tooltip-activator:nth-child(3) .rbt-tooltip::after {
  left: unset;
  border: 2px solid var(--color-primary);
}
.rbt-team-group-wrapper .rbt-tooltip-activator:nth-child(4) .rbt-tooltip {
  right: unset !important;
}
.rbt-team-group-wrapper .rbt-tooltip-activator:nth-child(4) .rbt-tooltip::after {
  left: unset;
  border: 2px solid var(--color-primary);
}
.rbt-team-group-wrapper .rbt-tooltip-img {
  position: relative;
}
.rbt-team-group-wrapper .rbt-tooltip-img:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100px;
  filter: blur(54px);
  bottom: 0;
  background: linear-gradient(180deg, #eeefff 100%, rgb(238, 239, 255) 100%);
}

.rbt-testimonial-brand-img img {
  width: 216px;
  height: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-testimonial-brand-img img {
    width: 150px;
    height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-brand-img img {
    width: 180px;
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .rbt-testimonial .rbt-testimonial-text {
    font-size: var(--font-size-b4);
  }
}
@media only screen and (max-width: 575px) {
  .rbt-testimonial .rbt-testimonial-text {
    font-size: var(--font-size-b5) !important;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-testimonial .rbt-testimonial-gap {
    gap: 16px !important;
  }
}

.rbt-testimonial-map-wrapper {
  position: relative;
  padding: 0 80px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-testimonial-map-wrapper {
    padding: 0;
  }
}
.rbt-testimonial-map-wrapper .rbt-testimonial-map-img img {
  width: 100%;
}
.rbt-testimonial-map-wrapper .rbt-lookbook-portion {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition);
  height: 80px;
  width: 80px;
  border-radius: var(--radius-full);
  border: 2px solid var(--color-white);
  box-shadow: 0px 18px 30.7px 0px rgba(38, 43, 53, 0.27);
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion {
    width: 35px;
    height: 35px;
  }
}
.rbt-testimonial-map-wrapper .rbt-lookbook-portion.portion-xm {
  height: 35px;
  width: 35px;
}
.rbt-testimonial-map-wrapper .rbt-lookbook-portion.portion-sm {
  height: 40px;
  width: 40px;
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion.portion-sm {
    width: 35px;
    height: 35px;
  }
}
.rbt-testimonial-map-wrapper .rbt-lookbook-portion.portion-md {
  height: 45px;
  width: 45px;
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion.portion-md {
    width: 35px;
    height: 35px;
  }
}
.rbt-testimonial-map-wrapper .rbt-lookbook-portion.portion-lg {
  height: 60px;
  width: 60px;
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion.portion-lg {
    width: 35px;
    height: 35px;
  }
}
.rbt-testimonial-map-wrapper .rbt-lookbook-portion.portion-xl {
  height: 70px;
  width: 70px;
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion.portion-xl {
    width: 35px;
    height: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion.active .rbt-lookbook-content-box-wrapper {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5019607843);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
  }
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion.active .rbt-lookbook-content-box-wrapper .rbt-lookbook-close-btn {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion.active .rbt-lookbook-content-box {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: visible;
  }
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion.active .rbt-lookbook-content-box.placed-bottom {
    transform: translateX(-90%) translateY(15px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion.active .rbt-lookbook-content-box.placed-bottom {
    transform: unset;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion.active .rbt-lookbook-content-box.placed-top {
    transform: translateX(-88%) translateY(-22px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion.active .rbt-lookbook-content-box.placed-top {
    transform: translateX(-50%) translateY(-15%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion.active .rbt-lookbook-content-box.placed-top {
    transform: unset;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion.active .rbt-lookbook-content-box.placed-left {
    transform: translateX(0) translateY(-50%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion.active .rbt-lookbook-content-box.placed-left {
    transform: unset;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion.active .rbt-lookbook-content-box.placed-right {
    transform: translateX(40px) translateY(-50%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion.active .rbt-lookbook-content-box.placed-right {
    transform: unset;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion:hover .rbt-lookbook-content-box-wrapper {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5019607843);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
  }
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion:hover .rbt-lookbook-content-box-wrapper .rbt-lookbook-close-btn {
    display: block;
  }
}
.rbt-testimonial-map-wrapper .rbt-lookbook-portion:hover .rbt-lookbook-content-box {
  opacity: 1;
  visibility: visible;
  transform: none;
  pointer-events: visible;
}
.rbt-testimonial-map-wrapper .rbt-lookbook-portion:hover .rbt-lookbook-content-box.placed-bottom {
  transform: translateX(-90%) translateY(15px);
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion:hover .rbt-lookbook-content-box.placed-bottom {
    transform: unset;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
  }
}
.rbt-testimonial-map-wrapper .rbt-lookbook-portion:hover .rbt-lookbook-content-box.placed-top {
  transform: translateX(-88%) translateY(-22px);
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion:hover .rbt-lookbook-content-box.placed-top {
    transform: translateX(-50%) translateY(-15%);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion:hover .rbt-lookbook-content-box.placed-top {
    transform: unset;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
  }
}
.rbt-testimonial-map-wrapper .rbt-lookbook-portion:hover .rbt-lookbook-content-box.placed-left {
  transform: translateX(0) translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion:hover .rbt-lookbook-content-box.placed-left {
    transform: unset;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
  }
}
.rbt-testimonial-map-wrapper .rbt-lookbook-portion:hover .rbt-lookbook-content-box.placed-right {
  transform: translateX(40px) translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-portion:hover .rbt-lookbook-content-box.placed-right {
    transform: unset;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
  }
}
.rbt-testimonial-map-wrapper .rbt-lookbook-thumb,
.rbt-testimonial-map-wrapper .rbt-lookbook-thumb img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.rbt-testimonial-map-wrapper .rbt-lookbook-content-box {
  border-radius: 6px;
  padding: 2px;
  background: linear-gradient(132deg, var(--color-primary-alt) 2.37%, var(--color-secondary-alt) 97.63%);
  position: absolute;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}
.rbt-testimonial-map-wrapper .rbt-lookbook-content-box.placed-bottom {
  top: 105%;
  left: 50%;
  transform: translateX(-90%) translateY(0) translateZ(0);
}
.rbt-testimonial-map-wrapper .rbt-lookbook-content-box.placed-bottom .rbt-message-shape {
  top: -5px;
  left: 80%;
}
.rbt-testimonial-map-wrapper .rbt-lookbook-content-box.placed-top {
  bottom: 105%;
  left: 50%;
  transform: translateX(-88%) translateY(-15px) translateZ(0);
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-content-box.placed-top {
    bottom: 25px;
    transform: unset;
  }
}
.rbt-testimonial-map-wrapper .rbt-lookbook-content-box.placed-left {
  top: 50%;
  right: 105%;
  transform: translateX(10px) translateY(-50%) translateZ(0);
}
.rbt-testimonial-map-wrapper .rbt-lookbook-content-box.placed-left .rbt-message-shape {
  top: 45%;
  left: 94%;
}
.rbt-testimonial-map-wrapper .rbt-lookbook-content-box.placed-right {
  top: 50%;
  left: 55%;
  transform: translateX(20px) translateY(-50%) translateZ(0);
}
.rbt-testimonial-map-wrapper .rbt-lookbook-content-box.placed-right .rbt-message-shape {
  top: 45%;
  left: -5px;
}
.rbt-testimonial-map-wrapper .rbt-lookbook-content-box .rbt-inner {
  padding: 20px;
  max-width: 312px;
  width: 312px;
  background: var(--color-white);
  border-radius: var(--radius);
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-content-box .rbt-inner {
    padding: 15px;
    width: 300px;
  }
}
.rbt-testimonial-map-wrapper .rbt-lookbook-content-box .rbt-message-shape {
  top: 91%;
  left: 80%;
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-content-box .rbt-message-shape {
    left: 55%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-map-wrapper .rbt-lookbook-content-box .rbt-message-shape {
    display: none;
  }
}
.rbt-testimonial-map-wrapper .rbt-testimonial-bottom-area {
  padding-bottom: 60px;
  text-align: center;
  margin-top: -6px;
  position: relative;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-testimonial-map-wrapper .rbt-testimonial-bottom-area {
    padding-bottom: 30px;
    margin-top: 20px;
  }
}
.rbt-testimonial-map-wrapper .rbt-counter .odometer-inside {
  display: flex;
  gap: 2px;
}

.rbt-message-shape {
  position: absolute;
  background: linear-gradient(132deg, var(--color-primary-alt) 2.37%, var(--color-secondary-alt) 97.63%);
  width: 24px;
  height: 24px;
  transform: rotate(45deg);
}
.rbt-message-shape::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: var(--color-white);
}

.rbt-qoutation-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  background: var(--color-primary);
  border-radius: var(--radius-full);
}
@media only screen and (max-width: 767px) {
  .rbt-qoutation-icon {
    height: 32px;
    width: 32px;
  }
  .rbt-qoutation-icon svg {
    max-width: 15px;
  }
}
.rbt-qoutation-icon.rbt-qoutation-icon-sm {
  height: 30px;
  width: 30px;
}
.rbt-qoutation-icon.has-border {
  border: 2px solid var(--color-white);
}

.rbt-lookbook-close-btn {
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
  height: 32px;
  background: var(--color-white);
  font-size: 16px;
  line-height: 30px;
  border: 0;
  color: var(--color-heading);
  border-radius: var(--radius-full);
  font-size: 16px;
  display: none;
  z-index: 3;
}

.rbt-lookbook-dot {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rbt-lookbook-dot::before, .rbt-lookbook-dot::after {
  position: absolute;
  content: "";
  border-radius: var(--radius-full);
}
.rbt-lookbook-dot::after {
  width: 36px;
  height: 36px;
  background: rgba(from var(--color-white) r g b/0.3);
  box-shadow: 0 8px 15.7px 0 rgba(12, 4, 66, 0.07);
}
.rbt-lookbook-dot::before {
  width: 28px;
  height: 28px;
  background: rgba(from var(--color-white) r g b/0.5);
  box-shadow: 0 8px 15.7px 0 rgba(12, 4, 66, 0.07);
}
.rbt-lookbook-dot .show-rbt-lookbook-dot::before, .rbt-lookbook-dot .show-rbt-lookbook-dot::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: var(--radius-full);
}
.rbt-lookbook-dot .show-rbt-lookbook-dot::before {
  transition: var(--transition-1);
  height: 8px;
  width: 8px;
  z-index: 1;
  background: radial-gradient(83.54% 74.04% at 37.13% 12%, var(--color-white-opacity-400) 0%, var(--color-primary-opacity-0) 69.79%, var(--color-primary-opacity-0) 100%), linear-gradient(var(--color-primary), var(--color-primary));
}
.rbt-lookbook-dot .show-rbt-lookbook-dot::after {
  width: 20px;
  height: 20px;
  background: var(--color-white);
  box-shadow: 0 8px 15.7px 0 rgba(12, 4, 66, 0.07);
}

@keyframes rbt-dot-scaler {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}
/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.ml-container {
  max-width: calc(1362px + (100% - 1362px) / 2);
  margin-left: auto;
  margin-right: 0;
  padding-left: 7.5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .ml-container {
    max-width: calc(1362px + (100% - 1362px) / 2);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ml-container {
    max-width: calc(1140px + (100% - 1140px) / 2);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-container {
    max-width: calc(960px + (100% - 960px) / 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-container {
    max-width: calc(720px + (100% - 720px) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .ml-container {
    max-width: calc(540px + (100% - 540px) / 2);
    padding-left: 15px;
  }
}

.swiper .swiper-slide {
  width: fit-content;
}

.rbt-gradient-navigation-btn .rbt-navigate-prev,
.rbt-gradient-navigation-btn .rbt-navigate-next {
  position: absolute;
  width: 60px;
  height: 60px;
  padding: 10px;
  overflow: hidden;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 11;
  background: var(--color-white);
  transition: var(--transition-5);
}
.rbt-gradient-navigation-btn .rbt-navigate-prev.swiper-button-disabled,
.rbt-gradient-navigation-btn .rbt-navigate-next.swiper-button-disabled {
  cursor: not-allowed;
  opacity: 0.3;
  background: var(--color-light);
}
.rbt-gradient-navigation-btn .rbt-navigate-prev.swiper-button-disabled svg path,
.rbt-gradient-navigation-btn .rbt-navigate-next.swiper-button-disabled svg path {
  fill: var(--color-gray-4);
}
.rbt-gradient-navigation-btn .rbt-navigate-prev.swiper-button-disabled::after,
.rbt-gradient-navigation-btn .rbt-navigate-next.swiper-button-disabled::after {
  background: var(--color-light);
  box-shadow: var(--shadow-3);
}
.rbt-gradient-navigation-btn .rbt-navigate-prev.swiper-button-disabled::before,
.rbt-gradient-navigation-btn .rbt-navigate-next.swiper-button-disabled::before {
  border-color: transparent;
}
.rbt-gradient-navigation-btn .rbt-navigate-prev.swiper-button-disabled:hover::after,
.rbt-gradient-navigation-btn .rbt-navigate-next.swiper-button-disabled:hover::after {
  opacity: 0.3;
  transform: scale(0.9);
  background: var(--color-light);
}
.rbt-gradient-navigation-btn .rbt-navigate-prev.swiper-button-disabled:hover .rbt-default-icon svg,
.rbt-gradient-navigation-btn .rbt-navigate-next.swiper-button-disabled:hover .rbt-default-icon svg {
  transform: scaleX(1) translateX(10px);
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-gradient-navigation-btn .rbt-navigate-prev.swiper-button-disabled:hover .rbt-default-icon svg,
  .rbt-gradient-navigation-btn .rbt-navigate-next.swiper-button-disabled:hover .rbt-default-icon svg {
    transform: scaleX(1) translateX(8px) translateY(-2px);
  }
}
.rbt-gradient-navigation-btn .rbt-navigate-prev.swiper-button-disabled:hover .rbt-hover-icon svg,
.rbt-gradient-navigation-btn .rbt-navigate-next.swiper-button-disabled:hover .rbt-hover-icon svg {
  transform: none;
  opacity: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-gradient-navigation-btn .rbt-navigate-prev,
  .rbt-gradient-navigation-btn .rbt-navigate-next {
    height: 48px;
    width: 48px;
  }
  .rbt-gradient-navigation-btn .rbt-navigate-prev svg,
  .rbt-gradient-navigation-btn .rbt-navigate-next svg {
    max-width: 20px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-gradient-navigation-btn .rbt-navigate-prev,
  .rbt-gradient-navigation-btn .rbt-navigate-next {
    height: 40px;
    width: 40px;
  }
  .rbt-gradient-navigation-btn .rbt-navigate-prev svg,
  .rbt-gradient-navigation-btn .rbt-navigate-next svg {
    max-width: 15px;
  }
}
.rbt-gradient-navigation-btn .rbt-navigate-prev::after,
.rbt-gradient-navigation-btn .rbt-navigate-next::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  background: linear-gradient(0, var(--color-primary-opacity-900) 2.37%, var(--color-secondary-alt-opacity-900) 97.63%);
  border-radius: var(--radius-full);
  z-index: -11;
  transform: scale(0.85);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition-5);
}
.rbt-gradient-navigation-btn .rbt-navigate-prev::before,
.rbt-gradient-navigation-btn .rbt-navigate-next::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  border-radius: var(--radius-full);
  border: var(--border-width) solid var(--color-border-5);
  transition: var(--transition-5);
}
.rbt-gradient-navigation-btn .rbt-navigate-prev:hover::after,
.rbt-gradient-navigation-btn .rbt-navigate-next:hover::after {
  transform: scale(1.05);
  opacity: 1;
  visibility: visible;
}
.rbt-gradient-navigation-btn .rbt-navigate-prev:hover::before,
.rbt-gradient-navigation-btn .rbt-navigate-next:hover::before {
  border-color: transparent;
}
.rbt-gradient-navigation-btn .rbt-navigate-next .rbt-default-icon svg {
  transform: scaleX(1) translateX(10px) translateY(-1px);
  transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .rbt-gradient-navigation-btn .rbt-navigate-next .rbt-default-icon svg {
    transform: scaleX(1) translate(8px, -2px);
  }
}
.rbt-gradient-navigation-btn .rbt-navigate-next .rbt-hover-icon svg {
  transform: scaleX(0.7) translateX(-40px);
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.rbt-gradient-navigation-btn .rbt-navigate-next:hover .rbt-default-icon svg {
  transform: scaleX(0.7) translateX(40px);
  opacity: 0;
}
.rbt-gradient-navigation-btn .rbt-navigate-next:hover .rbt-hover-icon svg {
  transform: scaleX(1) translateX(-10px);
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-gradient-navigation-btn .rbt-navigate-next:hover .rbt-hover-icon svg {
    transform: scaleX(1) translateX(-8px) translateY(-2px);
  }
}
.rbt-gradient-navigation-btn .rbt-navigate-prev .rbt-default-icon svg {
  transform: scaleX(1) translateX(10px) translateY(-1px);
  transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .rbt-gradient-navigation-btn .rbt-navigate-prev .rbt-default-icon svg {
    transform: scaleX(1) translate(8px, -2px);
  }
}
.rbt-gradient-navigation-btn .rbt-navigate-prev .rbt-hover-icon svg {
  transform: scaleX(0.7) translateX(20px);
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.rbt-gradient-navigation-btn .rbt-navigate-prev:hover .rbt-default-icon svg {
  transform: scaleX(0.7) translateX(-20px);
  opacity: 0;
}
.rbt-gradient-navigation-btn .rbt-navigate-prev:hover .rbt-hover-icon svg {
  transform: scaleX(1) translateX(-10px) translateY(-1px);
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-gradient-navigation-btn .rbt-navigate-prev:hover .rbt-hover-icon svg {
    transform: scaleX(1) translateX(-8px) translateY(-2px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  .rbt-gradient-navigation-btn.is-btn {
    width: fit-content;
    position: absolute;
    bottom: 0;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    z-index: 9;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-gradient-navigation-btn.is-btn {
    width: auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-gradient-navigation-btn.is-btn.rbt-gradient-navigation-btn .rbt-gradient-arrow-btn {
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-gradient-navigation-btn.is-btn .rbt-btn {
    font-size: var(--font-size-b5);
    padding-inline-end: 0;
    gap: 5px;
  }
}

.rbt-swiper-pagination {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
.rbt-swiper-pagination .swiper-pagination-bullet {
  margin: 0 !important;
  width: 9px;
  height: 9px;
  background: radial-gradient(107.08% 85.59% at 86.3% 87.5%, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0) 86.18%), radial-gradient(83.94% 83.94% at 26.39% 20.83%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), rgba(81, 99, 255, 0.2);
  position: relative;
  opacity: 1;
}
.rbt-swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  height: 9px;
  width: 9px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  border-radius: var(--radius-full);
  background: radial-gradient(83.54% 74.04% at 37.13% 12%, var(--color-white-opacity-400) 0%, var(--color-primary-opacity-0) 69.79%, var(--color-primary-opacity-0) 100%), linear-gradient(var(--color-primary), var(--color-primary));
  box-shadow: var(--shadow-1);
  transition: var(--transition-6);
}
.rbt-swiper-pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  width: 280%;
  height: 280%;
  background: var(--color-white);
  box-shadow: var(--shadow-1);
  border-radius: var(--radius-full);
  opacity: 0;
  transition: var(--transition-6);
}
.rbt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.rbt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  transform: translate(-50%, -50%) scale(1);
  background: radial-gradient(83.54% 74.04% at 37.13% 12%, var(--color-white-opacity-400) 0%, var(--color-primary-opacity-0) 69.79%, var(--color-primary-opacity-0) 100%), linear-gradient(var(--color-primary), var(--color-primary));
}

.swiper-scrollbar {
  background: var(--color-border-6);
  position: static !important;
}

.swiper-scrollbar-drag {
  background: linear-gradient(90deg, var(--color-primary-alt) 0%, var(--color-secondary-alt-opacity-900) 100%);
}

.rbt-swiper-activation-1 .rbt-navigate-prev,
.rbt-swiper-activation-1 .rbt-navigate-next {
  top: 195px;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .rbt-swiper-activation-1 .rbt-navigate-prev,
  .rbt-swiper-activation-1 .rbt-navigate-next {
    top: 12px;
  }
}
.rbt-swiper-activation-1 .rbt-navigate-prev {
  left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-swiper-activation-1 .rbt-navigate-prev {
    left: -30px;
    top: 170px;
    transform: translate(0, 50%);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-swiper-activation-1 .rbt-navigate-prev {
    left: auto;
    right: 6px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-swiper-activation-1 .rbt-navigate-prev {
    left: auto;
    right: 55px;
  }
}
.rbt-swiper-activation-1 .rbt-navigate-next {
  right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-swiper-activation-1 .rbt-navigate-next {
    right: -30px;
    top: 170px;
    transform: translate(0, 50%);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-swiper-activation-1 .rbt-navigate-next {
    right: -46px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-swiper-activation-1 .rbt-navigate-next {
    right: 0;
  }
}

.rbt-swiper-activation-1-btn-prev {
  right: calc(100% - 30px);
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
}

.rbt-swiper-activation-1-btn-next {
  left: calc(100% - 30px);
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
}

.rbt-swiper-activation-2 .swiper-wrapper {
  transition-timing-function: linear;
}
.rbt-swiper-activation-2 .swiper-slide {
  padding-bottom: 30px;
}

.rbt-swiper-activation-3 {
  padding-top: 10px;
  padding-bottom: 78px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-swiper-activation-3 {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-swiper-activation-3 .swiper-slide {
    width: fit-content;
  }
}

.rbt-swiper-activation-4 {
  position: relative;
}
.rbt-swiper-activation-4 .swiper-wrapper {
  padding: 0 0 30px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-swiper-activation-4 .swiper-wrapper {
    padding: 0 0 54px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-swiper-activation-4 .swiper-wrapper {
    padding: 0 0 50px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-swiper-activation-4 .swiper-wrapper {
    padding: 0 0 56px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-swiper-activation-4 .swiper-wrapper {
    padding: 0 0 60px 0;
  }
}
.rbt-swiper-activation-4 .rbt-swiper-pagination {
  bottom: 5px !important;
  left: 532px !important;
  width: fit-content;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-swiper-activation-4 .rbt-swiper-pagination {
    left: 448px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-swiper-activation-4 .rbt-swiper-pagination {
    left: 362px !important;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-swiper-activation-4 .rbt-swiper-pagination {
    left: 2px !important;
  }
}

.rbt-swiper-activation-5 .swiper-wrapper,
.rbt-swiper-activation-7 .swiper-wrapper {
  padding: 5px 0 40px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-swiper-activation-5 .swiper-wrapper,
  .rbt-swiper-activation-7 .swiper-wrapper {
    padding: 5px 0 0px;
  }
}
.rbt-swiper-activation-5 .rbt-slide-scroll-wrap,
.rbt-swiper-activation-7 .rbt-slide-scroll-wrap {
  position: relative;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: end;
  flex-grow: 1;
}
.rbt-swiper-activation-5 .rbt-slide-scroll-wrap .rbt-swiper-pagination,
.rbt-swiper-activation-7 .rbt-slide-scroll-wrap .rbt-swiper-pagination {
  color: var(--color-body);
  font-size: var(--font-size-b2);
  font-family: var(--font-primary);
  font-weight: var(--f-regular);
  position: static;
  gap: 8px;
  width: fit-content;
}
.rbt-swiper-activation-5 .swiper-scrollbar,
.rbt-swiper-activation-7 .swiper-scrollbar {
  width: -webkit-fill-available;
}
.rbt-swiper-activation-5 .swiper-scrollbar.swiper-scrollbar-horizontal,
.rbt-swiper-activation-7 .swiper-scrollbar.swiper-scrollbar-horizontal {
  height: 6px;
}
.rbt-swiper-activation-5 .swiper-scrollbar-drag,
.rbt-swiper-activation-7 .swiper-scrollbar-drag {
  height: 4px;
  margin-top: 1px;
}

.rbt-swiper-activation-6 {
  padding: 15px;
  padding-top: 188px;
  border-radius: var(--radius-xl);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-swiper-activation-6 {
    padding-top: 165px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-swiper-activation-6 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-swiper-activation-6 {
    padding-top: 0;
    border-radius: 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-swiper-activation-16 {
    padding-left: 35px;
  }
}
.rbt-swiper-activation-16 .swiper-slide {
  padding-right: 30px;
}

.rbt-gradient-arrow-btn {
  overflow: hidden;
}
.rbt-gradient-arrow-btn svg linearGradient stop {
  transition: var(--transition);
}

.rbt-blog-card-slide-activation {
  padding-top: 5px;
  padding-bottom: 90px;
}
@media only screen and (max-width: 479px) {
  .rbt-blog-card-slide-activation {
    padding-bottom: 50px;
  }
}
.rbt-blog-card-slide-activation .rbt-card.rbt-card-6 {
  max-width: 435px;
}

.marquee-swiper,
.marquee-swiper-reverse {
  max-width: 2180px;
  width: 100%;
  overflow: hidden;
}
.marquee-swiper .swiper-wrapper,
.marquee-swiper-reverse .swiper-wrapper {
  transition-timing-function: linear;
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-banner-main {
  background: url(../images/banner/bg-image1.webp) no-repeat center;
  background-size: cover;
  padding-top: 267px;
  padding-bottom: 120px;
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .rbt-banner-main {
    background-size: 100% 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-main {
    padding-top: 240px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-main {
    padding-top: 160px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-main {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-main {
    padding-top: 96px;
    padding-bottom: 46px;
  }
}
.rbt-banner-main .rbt-banner-description {
  max-width: 562px;
}
.rbt-banner-main .rbt-banner-content {
  padding-top: 0px;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-main .rbt-banner-content {
    padding-top: 0;
  }
}
.rbt-banner-main .rbt-banner-images {
  position: relative;
  min-height: 524px;
  height: 100%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-main .rbt-banner-images {
    min-height: unset;
    display: grid;
    gap: 25px;
    grid-template-columns: 1fr 1fr;
  }
}
.rbt-banner-main .rbt-banner-images .rbt-banner-img {
  position: absolute;
  object-fit: cover;
  border-radius: var(--radius-md);
}
.rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-1 {
  max-width: 120px;
  max-height: 120px;
  top: -10%;
  left: 20%;
  border-color: var(--color-gray-5);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-1 {
    left: 31%;
    top: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-1 {
    left: 20%;
    top: 6%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-1 {
    top: 20%;
    left: 12%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-1 {
    max-height: unset;
  }
}
.rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-2 {
  max-width: 300px;
  top: -76px;
  right: -16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-2 {
    right: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-2 {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-2 {
    top: -3%;
    right: 5%;
    max-width: 220px;
  }
}
.rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-2::after {
  content: "";
  position: absolute;
  left: 100%;
  bottom: 100%;
  width: 30px;
  height: 30px;
  background: url(../images/banner/img-top-3line.svg);
}
@media only screen and (max-width: 767px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-2::after {
    display: none;
  }
}
.rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-3 {
  max-width: 400px;
  bottom: 4%;
  left: 0%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-3 {
    max-width: 320px;
    left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-3 {
    max-width: 280px;
    left: -4%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-3 {
    bottom: 0%;
    left: -6%;
    max-width: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-3 {
    max-width: unset;
  }
}
.rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-4 {
  max-width: 220px;
  bottom: -15%;
  right: 9%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-4 {
    bottom: 0;
    right: 16%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-4 {
    bottom: 0;
    right: 9%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-4 {
    max-width: 180px;
    bottom: 10%;
    right: 6%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-4 {
    max-width: unset;
  }
}
.rbt-banner-main .rbt-banner-images .rbt-banner-img img {
  border: 4px solid var(--color-white);
  border-radius: var(--radius-md);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-1, .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-2, .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-3, .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-4 {
    position: static;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-1 img, .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-2 img, .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-3 img, .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-4 img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-3 {
    margin-top: -40px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-main .rbt-banner-images .rbt-banner-img.rbt-banner-img-3 {
    margin-top: -28px;
  }
}
.rbt-banner-main .rbt-banner-images.rbt-banner-img-right {
  position: absolute;
  bottom: 28px;
  right: 0;
  max-width: 980px;
  max-height: 775px;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-main .rbt-banner-images.rbt-banner-img-right {
    position: unset;
    bottom: unset;
    min-height: unset;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .rbt-banner-main .rbt-banner-images.rbt-banner-img-right {
    max-width: 930px;
    bottom: -10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-main .rbt-banner-images.rbt-banner-img-right {
    bottom: unset;
    top: 62%;
    max-width: 440px;
    max-height: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-main .rbt-banner-images.rbt-banner-img-right {
    max-width: 500px;
    top: 50%;
    bottom: unset;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-main .rbt-banner-images.rbt-banner-img-right {
    max-width: 680px;
    top: 44%;
    bottom: unset;
  }
}
.rbt-banner-main .rbt-banner-images:hover .rbt-banner-img-2::after {
  animation: burnup 1s;
}

.rbt-banner-2 {
  padding: 110px 0 0;
  position: relative;
  overflow: hidden;
  background: url(../images/banner/bg-shape.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-2 {
    padding-bottom: 365px;
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-2 {
    padding-bottom: 355px;
    padding-top: 50px;
  }
}
.rbt-banner-2 .rbt-banner-content {
  position: relative;
  z-index: 7;
}
.rbt-banner-2 .rbt-banner-content .rbt-banner-title {
  position: relative;
  max-width: 71%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-banner-2 .rbt-banner-content .rbt-banner-title {
    max-width: 68%;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-2 .rbt-banner-content .rbt-banner-title {
    max-width: 100%;
  }
}
.rbt-banner-2 .rbt-banner-content .rbt-banner-title .title-icon {
  margin: 0;
}
.rbt-banner-2 .rbt-banner-content .rbt-banner-description {
  max-width: 41%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-2 .rbt-banner-content .rbt-banner-description {
    max-width: 66%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-2 .rbt-banner-content .rbt-banner-description {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-2 .rbt-banner-content .rbt-banner-description {
    max-width: 100%;
  }
}
.rbt-banner-2 .rbt-tooltip-container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.rbt-banner-2 .banner-img-area {
  position: relative;
  padding-bottom: 160px;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-2 .banner-img-area {
    padding-bottom: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-2 .banner-img-area {
    bottom: -365px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-2 .banner-img-area {
    bottom: -365px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-2 .banner-img-area {
    bottom: -370px;
  }
}
.rbt-banner-2 .banner-img-area .play-btn-area {
  position: absolute;
  top: -307%;
  right: 20%;
  z-index: 7;
  background: var(--color-white);
  border-radius: var(--radius-full);
  padding: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-2 .banner-img-area .play-btn-area {
    top: -200%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-banner-2 .banner-img-area .play-btn-area {
    right: 8%;
    top: -252%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-2 .banner-img-area .play-btn-area {
    top: -187%;
  }
}
.rbt-banner-2 .banner-img-area .play-btn-area::after {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  background: transparent;
  border-radius: 50%;
  bottom: 13px;
  right: -31px;
  box-shadow: -20px -36px 0px 0px var(--color-white);
  z-index: -9;
}
.rbt-banner-2 .banner-img-area .play-btn-area::before {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  background: transparent;
  border-radius: 50%;
  bottom: 13px;
  left: -31px;
  box-shadow: 16px -36px 0px 0px var(--color-white);
  z-index: -9;
}
.rbt-banner-2 .banner-img-area .play-btn-area .rbt-btn {
  padding: 12px;
  border-radius: var(--radius-full);
  border: 2px dashed var(--color-border-5);
}
@media only screen and (max-width: 767px) {
  .rbt-banner-2 .banner-img-area .play-btn-area .rbt-btn {
    padding: 8px;
  }
}
.rbt-banner-2 .banner-img-area .banner-skew {
  width: 1135px;
  height: 510px;
  position: absolute;
  right: -66px;
  bottom: 0;
  border-radius: 100px 0 0 0;
  transform: skewX(-12deg);
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-2 .banner-img-area .banner-skew {
    width: 948px;
    height: 462px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-banner-2 .banner-img-area .banner-skew {
    width: 820px;
    height: 425px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-2 .banner-img-area .banner-skew {
    width: 800px;
  }
}
.rbt-banner-2 .banner-img-area .banner-skew::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../images/banner/img-overlay.webp);
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
}
.rbt-banner-2 .banner-img-area .banner-skew img {
  object-fit: cover;
  transform: skewX(10deg) scale(1.1);
}

.rbt-banner-3 {
  background: url(../images/banner/bg-image2.webp) no-repeat center;
  background-size: cover;
  position: relative;
}
.rbt-banner-3 .rbt-banner-content {
  padding-top: 120px;
  padding-bottom: 152px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-3 .rbt-banner-content {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-banner-3 .rbt-banner-content {
    padding-top: 40px;
    padding-bottom: 0;
  }
}
.rbt-banner-3 .rbt-banner-content .rbt-banner-description {
  padding-right: 148px;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-3 .rbt-banner-content .rbt-banner-description {
    padding-right: 0;
  }
}
.rbt-banner-3 .rbt-banner-images {
  position: relative;
  min-height: 524px;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-3 .rbt-banner-images {
    min-height: 395px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-3 .rbt-banner-images {
    min-height: 460px;
  }
}
@media only screen and (max-width: 400px) {
  .rbt-banner-3 .rbt-banner-images {
    min-height: 434px;
  }
}
.rbt-banner-3 .rbt-banner-images .image {
  position: absolute;
  bottom: 0;
  left: -100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-3 .rbt-banner-images .image {
    max-height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-3 .rbt-banner-images .image {
    max-height: 558px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-3 .rbt-banner-images .image {
    left: 0;
  }
}
.rbt-banner-3 .rbt-banner-images .rbt-avatar-group-box {
  position: absolute;
  right: -6%;
  top: 18%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-3 .rbt-banner-images .rbt-avatar-group-box {
    right: 18%;
    top: 24%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-banner-3 .rbt-banner-images .rbt-avatar-group-box {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-3 .rbt-banner-images .rbt-avatar-group-box {
    right: 12%;
    top: -22%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-3 .rbt-banner-images .rbt-avatar-group-box {
    right: -2%;
    top: 60%;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-banner-3 .rbt-banner-images .rbt-avatar-group-box {
    right: 15%;
    top: 60%;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-banner-3 .rbt-banner-images .rbt-avatar-group-box {
    right: 0;
    top: 60%;
  }
}
.rbt-banner-3 .rbt-vertical-text-wrapper {
  position: absolute;
  bottom: 180px;
  right: 80px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-banner-3 .rbt-vertical-text-wrapper {
    right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-3 .rbt-vertical-text-wrapper {
    bottom: 356px;
    right: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-banner-3 .rbt-vertical-text-wrapper {
    bottom: 200px;
    right: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-banner-3 .rbt-vertical-text-wrapper {
    bottom: 190px;
    right: 10px;
  }
}
.rbt-banner-3 .rbt-shape-image-4 {
  max-width: 40px;
}

.rbt-banner-4 {
  background: url(../images/section-bg/shape25.webp) no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-4 {
    padding: 100px 0 50px 0;
  }
}
.rbt-banner-4 .rbt-banner-content {
  padding: 240px 0 135px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-banner-4 .rbt-banner-content {
    padding: 140px 0 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-4 .rbt-banner-content {
    padding: 110px 0 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-4 .rbt-banner-content {
    padding: 120px 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-4 .rbt-banner-content {
    padding: 75px 0 20px;
  }
}
.rbt-banner-4 .rbt-banner-title-text-xl {
  font-family: var(--font-primary);
  color: transparent;
  font-size: 200px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -4px;
  padding: 0 5px 0 0;
  background: var(--Liniear-Color-for-Text, linear-gradient(103deg, #5163FF 0%, #C872F2 49.84%, #FE72BA 99.68%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-4 .rbt-banner-title-text-xl {
    font-size: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-4 .rbt-banner-title-text-xl {
    font-size: 96px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-4 .rbt-banner-title-text-xl {
    font-size: 40px;
    letter-spacing: 0px !important;
  }
}
.rbt-banner-4 .rbt-banner-title {
  font-size: var(--display-font-1);
  font-weight: var(--f-semibold);
  color: var(--color-heading);
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-4 .rbt-banner-title {
    font-size: var(--display-font-3);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-4 .rbt-banner-title {
    font-size: var(--h2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-4 .rbt-banner-title img {
    max-width: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-4 .rbt-banner-title img {
    max-width: 36px;
  }
}
.rbt-banner-4 .rbt-banner-images {
  position: relative;
  min-height: 100%;
}
.rbt-banner-4 .rbt-banner-images .rbt-banner-image {
  position: absolute;
  bottom: -14%;
  right: 9%;
  z-index: -1;
  max-width: unset;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-4 .rbt-banner-images .rbt-banner-image {
    max-width: 100%;
    right: 10%;
    bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-4 .rbt-banner-images .rbt-banner-image {
    max-width: 100%;
    right: 35%;
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-4 .rbt-banner-images .rbt-banner-image {
    max-width: 70%;
    right: -10%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-4 .rbt-banner-images .rbt-banner-image {
    position: static;
    max-width: 100%;
  }
}
.rbt-banner-4 .rbt-banner-images .shape-umbrella {
  position: absolute;
  bottom: -3%;
  right: -10%;
  z-index: -2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-4 .rbt-banner-images .shape-umbrella {
    max-width: 70%;
  }
}
.rbt-banner-4 .rbt-banner-images .rbt-banner-image-position-1 {
  position: absolute;
  bottom: -20px;
  left: -40%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-4 .rbt-banner-images .rbt-banner-image-position-1 {
    left: auto;
    right: 12%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-4 .rbt-banner-images .rbt-banner-image-position-1 {
    bottom: 0;
    left: -10%;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-banner-4 .rbt-banner-images .rbt-banner-image-position-1 {
    left: -40%;
  }
}
.rbt-banner-4 .rbt-tooltip-slider {
  position: absolute;
  right: -21%;
  top: 32%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-4 .rbt-tooltip-slider {
    right: 0;
    top: 40%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-4 .rbt-tooltip-slider {
    top: 45%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-4 .rbt-tooltip-slider {
    top: 16%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-4 .rbt-tooltip-slider {
    top: auto;
    bottom: 35px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-banner-4 .rbt-tooltip-slider {
    right: 0%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-4 .rbt-tooltip-slider {
    position: relative;
    margin-left: auto;
    margin-top: -180px;
    margin-bottom: 15px;
  }
}
.rbt-banner-4 .rbt-tooltip-border-shape {
  position: absolute;
  top: calc(100% - 4px);
  right: 50%;
}

.rbt-gradient-borderTop {
  position: relative;
}
.rbt-gradient-borderTop::before {
  position: absolute;
  content: "";
  background: var(--color-white);
  width: 100%;
  height: 100%;
  top: 0;
  border-radius: var(--radius-md);
}
.rbt-gradient-borderTop::after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: 99%;
  background: linear-gradient(90deg, var(--color-primary-alt) 0%, var(--color-secondary-alt-opacity-900) 100%);
  z-index: -1;
  border-radius: var(--radius-lg);
  opacity: 1;
  visibility: visible;
  transition: var(--transition-6);
}

.rbt-banner-5 {
  background: url(../images/section-bg/shape29.webp) no-repeat;
  background-size: 100% 104%;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-5 {
    background-size: contain;
  }
}
.rbt-banner-5 .rbt-banner-content {
  padding: 230px 0 140px;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-5 .rbt-banner-content {
    padding: 140px 0 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-5 .rbt-banner-content {
    padding: 110px 0 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-5 .rbt-banner-content {
    padding: 100px 0 0px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-5 .rbt-banner-content {
    padding: 105px 0 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-5 .rbt-banner-content .rbt-badge.rbt-badge-7 {
    font-size: var(--font-size-b2);
    padding: 6px 6px 6px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-5 .rbt-banner-content .rbt-badge.rbt-badge-7 {
    font-size: var(--font-size-b4);
    padding: 4px 4px 4px 12px;
    border-radius: var(--radius-48);
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-5 .rbt-banner-content .rbt-badge.rbt-badge-7 {
    font-size: var(--font-size-b5);
    padding: 4px 4px 4px 8px;
    border-radius: var(--radius-100);
    margin-bottom: 15px;
  }
}
.rbt-banner-5 .rbt-banner-content .rbt-badge.rbt-badge-2 {
  font-weight: var(--f-light);
  padding: 4px 14px;
  gap: 8px;
  background: linear-gradient(90deg, var(--color-primary-alt-900) 0%, var(--color-secondary-alt) 100%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-5 .rbt-banner-content .rbt-badge.rbt-badge-2 {
    padding: 4px 12px;
    font-size: var(--font-size-b4);
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-5 .rbt-banner-content .rbt-badge.rbt-badge-2 {
    font-size: var(--font-size-b6);
    padding: 4px 12px;
  }
}
.rbt-banner-5 .rbt-banner-content .rbt-badge.rbt-badge-2 .rbt-badge-2-icon {
  transform: translate(2px, -2px);
}
.rbt-banner-5 .rbt-banner-content .rbt-badge.rbt-badge-7 {
  padding: 12px 24px;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-5 .rbt-banner-content .rbt-badge.rbt-badge-7 {
    padding: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-5 .rbt-banner-content .rbt-badge.rbt-badge-7 {
    padding: 8px 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-5 .rbt-banner-title img {
    max-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-5 .rbt-banner-title img {
    max-height: 40px;
  }
}
.rbt-banner-5 .rbt-banner-title .rbt-title-highlight {
  padding: 0px 10px;
  border-radius: var(--radius-xl);
  background: linear-gradient(90deg, #F7DCF5 0%, rgba(from var(--color-white) r g b/0) 100%);
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-5 .rbt-banner-title .rbt-title-highlight {
    padding: 0px 5px;
    border-radius: var(--radius);
  }
}
.rbt-banner-5 .rbt-banner-description {
  font-size: var(--font-size-b1);
  color: var(--color-body);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-5 .rbt-banner-images {
    margin-top: -90px;
  }
}
.rbt-banner-5 .rbt-banner-images .rbt-banner-image {
  max-width: unset;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-5 .rbt-banner-images .rbt-banner-image {
    max-width: 115%;
    right: 32%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-5 .rbt-banner-images .rbt-banner-image {
    max-width: 132%;
    right: 35%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-5 .rbt-banner-images .rbt-banner-image {
    max-width: 100%;
    right: -15%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-5 .rbt-banner-images .rbt-banner-image {
    max-width: 100%;
    top: 0%;
  }
}
.rbt-banner-5 .rbt-banner-images .rbt-health-shape {
  max-width: unset;
  position: relative;
  right: 10%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-5 .rbt-banner-images .rbt-health-shape {
    max-width: 100%;
    position: static;
  }
}
.rbt-banner-5 .rbt-banner-images .rbt-round-shape {
  position: absolute;
  bottom: 0;
  right: -20%;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-5 .rbt-banner-images .rbt-round-shape {
    right: 0;
  }
}
.rbt-banner-5 .rbt-tooltip-slider {
  position: absolute;
  right: -20%;
  top: 36%;
  padding: 20px 25px;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-5 .rbt-tooltip-slider {
    right: 0;
    top: 40%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-5 .rbt-tooltip-slider {
    top: 52%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-5 .rbt-tooltip-slider {
    top: auto;
    right: auto;
    bottom: 29%;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-banner-5 .rbt-tooltip-slider {
    right: 0%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-5 .rbt-tooltip-slider {
    position: relative;
    margin-left: auto;
  }
}
.rbt-banner-5 .rbt-tooltip-slider .rbt-avatar-info {
  display: grid;
  padding: 10px 10px 10px 25px;
  border-radius: var(--radius-md);
  margin-left: -25px;
  width: 150px;
  position: relative;
}
.rbt-banner-5 .rbt-tooltip-slider .rbt-avatar-info * {
  position: relative;
  z-index: 1;
}
.rbt-banner-5 .rbt-tooltip-slider .rbt-avatar-info::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  background: linear-gradient(135deg, #FFF5FA 0%, #F5F5FF 100%);
  border: 1px solid var(--color-white);
  box-shadow: var(--shadow-3);
  border-radius: var(--radius-md);
  transition: var(--transition-5);
}
.rbt-banner-5 .rbt-tooltip-slider .swiper-slide.swiper-slide-next .rbt-avatar-info {
  border: 1px solid var(--color-white);
}
.rbt-banner-5 .rbt-tooltip-slider .swiper-slide.swiper-slide-next .rbt-avatar-info::after {
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.rbt-banner-5 .rbt-tooltip-slider .rbt-tooltip-border-shape {
  position: absolute;
  top: 100%;
  right: 48%;
}
.rbt-banner-5 .rbt-tooltip-slider .rbt-more-item-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary-alt));
  border-radius: var(--radius-full);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  z-index: 1;
}

.rbt-banner-6 {
  background: url(../images/banner/bg-image4.webp);
  background-repeat: no-repeat;
  background-size: 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-6 {
    background-size: 60% 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-6 {
    background-size: 50% 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-6 {
    background-size: 100% 65%;
    padding: 125px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-6 {
    background-size: 100% 65%;
    padding: 80px 0 0;
  }
}
.rbt-banner-6 .rbt-banner-content {
  padding: 200px 0 140px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-6 .rbt-banner-content {
    padding: 180px 0 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-6 .rbt-banner-content {
    padding: 125px 0 40px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-6 .rbt-banner-content {
    padding: 0;
  }
}
.rbt-banner-6 .rbt-banner-content .rbt-banner-image-area {
  position: relative;
  max-width: 100%;
}
.rbt-banner-6 .rbt-banner-title {
  font-size: var(--display-font);
  line-height: 1.1;
  letter-spacing: -4px;
  color: var(--color-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-banner-6 .rbt-banner-title {
    font-size: var(--display-font-1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-6 .rbt-banner-title {
    font-size: var(--display-font-3);
    line-height: 1.2;
    letter-spacing: -2px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-6 .rbt-banner-title {
    font-size: var(--h3);
    line-height: 1.2;
    letter-spacing: -1px;
  }
}
.rbt-banner-6 .rbt-banner-description {
  color: var(--color-body);
}
.rbt-banner-6 .rbt-banner-image-area {
  position: absolute;
  max-width: 56%;
  height: 132%;
  overflow: hidden;
  top: 0;
  right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-6 .rbt-banner-image-area {
    height: 120%;
  }
}
.rbt-banner-6 .rbt-banner-image-area .rbt-banner-img {
  max-width: 100%;
  height: 118%;
  clip-path: polygon(100% 0, 100% 62%, 0 74%, 0 100%, 0 0);
}
.rbt-banner-6 .rbt-banner-image-area .rbt-banner-img img {
  max-width: unset;
  width: 110%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-6 .rbt-banner-image-area .rbt-banner-img img {
    max-width: unset;
    width: 120%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-6 .rbt-banner-image-area .rbt-banner-img {
    height: 120%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-6 .rbt-banner-image-area .rbt-banner-img {
    clip-path: polygon(100% 0, 100% 80%, 0 98%, 0 100%, 0 0);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-6 .rbt-banner-image-area .rbt-banner-img {
    clip-path: polygon(100% 0, 100% 76%, 0 98%, 0 100%, 0 0);
  }
}
.rbt-banner-6 .rbt-banner-image-area .img-bottom-shape {
  position: absolute;
  width: 131%;
  height: 80px;
  background: var(--color-white);
  bottom: 14%;
  right: -50px;
  rotate: -11deg;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-6 .rbt-banner-image-area .img-bottom-shape {
    bottom: 60px;
    rotate: -11deg;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-6 .rbt-banner-image-area .img-bottom-shape {
    bottom: 10%;
    height: 60px;
  }
}
.rbt-banner-6 .rbt-banner-image-area .img-bottom-shape::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, rgba(247, 248, 252, 0.25) 19%, var(--color-primary) 100%);
  bottom: 0px;
  right: 0;
  z-index: -2;
}

.rbt-banner-7 {
  padding: 170px 0 86px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-7 {
    padding: 100px 0 45px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-7 {
    padding: 80px 0 15px;
  }
}
.rbt-banner-7 .rbt-banner-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rbt-banner-7 .rbt-banner-content .rbt-watermark {
  left: -12%;
  top: 0;
  transform: unset;
  background: linear-gradient(302deg, rgba(81, 99, 255, 0.04) 52.13%, rgba(254, 113, 185, 0.02) 92.06%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-7 .rbt-banner-content .rbt-watermark {
    left: 0;
  }
}
.rbt-banner-7 .rbt-banner-content .rbt-watermark + .rbt-watermark {
  left: unset;
  right: -18%;
  top: 31%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-7 .rbt-banner-content .rbt-watermark + .rbt-watermark {
    right: 0;
    top: 35%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-7 .rbt-banner-content .rbt-watermark + .rbt-watermark {
    right: 0;
    top: 54%;
  }
}
.rbt-banner-7 .rbt-banner-badge {
  display: flex;
  gap: 5px;
  background: var(--color-primary-200);
  border-radius: var(--radius-48);
  padding: 0 20px 0 0;
}
.rbt-banner-7 .rbt-banner-badge .rbt-figure {
  height: 64px;
  width: 64px;
  border-radius: var(--radius-full);
  overflow: hidden;
  padding: 3px;
  background: var(--color-primary-200);
  border: 3px solid var(--color-white);
}
.rbt-banner-7 .rbt-banner-badge .rbt-figure img {
  width: 100%;
  height: 100%;
  border-radius: var(--radius-full);
  object-fit: cover;
}
.rbt-banner-7 .rbt-banner-badge .rbt-badge-text {
  display: flex;
  gap: 5px;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-7 .rbt-banner-title img {
    max-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-7 .rbt-banner-title img {
    max-height: 40px;
  }
}
.rbt-banner-7 .rbt-banner-images .rbt-figure {
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.rbt-banner-7 .rbt-video-popup-group {
  margin-top: -60px;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-7 .rbt-video-popup-group {
    margin-top: -45px;
  }
}

.rbt-banner-8 {
  padding: 200px 0 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-8 {
    padding: 180px 0 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-8 {
    padding: 100px 0 45px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-8 {
    padding: 90px 0 25px;
  }
}
.rbt-banner-8 .rbt-banner-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rbt-banner-8 .rbt-banner-content .rbt-badge {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-8 .rbt-banner-content .rbt-badge {
    margin-bottom: 15px;
  }
}
.rbt-banner-8 .rbt-banner-content .rbt-banner-title {
  line-height: 1;
}
.rbt-banner-8 .rbt-banner-content .rbt-banner-description {
  margin-top: 20px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-8 .rbt-banner-content .rbt-banner-description {
    margin-top: 15px;
  }
}
.rbt-banner-8 .rbt-banner-image-wrapper {
  position: relative;
  max-width: 600px;
  margin: 0 0 0 auto;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-8 .rbt-banner-image-wrapper {
    margin: 0;
    max-width: unset;
  }
}
.rbt-banner-8 .rbt-banner-image-wrapper::after {
  content: "";
  position: absolute;
  top: -45px;
  left: 95%;
  bottom: 100%;
  width: 30px;
  height: 30px;
  background: url(../images/banner/img-top-3line.svg);
}
@media only screen and (max-width: 767px) {
  .rbt-banner-8 .rbt-banner-image-wrapper::after {
    display: none;
  }
}
.rbt-banner-8 .rbt-banner-image-wrapper img {
  border-radius: var(--radius-md);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-8 .rbt-banner-image-wrapper img {
    border-radius: var(--radius);
  }
}
.rbt-banner-8 .rbt-banner-image-wrapper:hover::after {
  animation: burnup 1s;
}

.rbt-banner-9 {
  background: url(../images/banner/bg-image5.webp) no-repeat center;
  background-size: cover;
  padding-top: 163px;
  padding-bottom: 261px;
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .rbt-banner-9 {
    background-size: 100% 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-9 {
    padding-top: 200px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-9 {
    padding-top: 160px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-9 {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-9 {
    padding-top: 96px;
    padding-bottom: 46px;
  }
}
.rbt-banner-9 .rbt-banner-content {
  position: relative;
  z-index: 1;
}
.rbt-banner-9 .rbt-banner-content .rbt-banner-title {
  max-width: 674px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-9 .rbt-banner-content .rbt-banner-title {
    font-size: 44px;
  }
}
.rbt-banner-9 .rbt-banner-content .rbt-banner-description {
  max-width: 504px;
}
.rbt-banner-9 .rbt-banner-images {
  position: relative;
  min-height: 524px;
  height: 100%;
}
.rbt-banner-9 .rbt-banner-images .rbt-avatar-group-box-2 {
  margin: 0;
  position: absolute;
  top: 10%;
  left: 10%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-9 .rbt-banner-images .rbt-avatar-group-box-2 {
    top: -10%;
    left: 10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-9 .rbt-banner-images .rbt-avatar-group-box-2 {
    top: 10%;
    left: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-9 .rbt-banner-images .rbt-avatar-group-box-2 {
    top: 5%;
    left: 5%;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-banner-9 .rbt-banner-images .rbt-avatar-group-box-2 {
    top: 0;
    left: 0;
  }
}
.rbt-banner-9 .rbt-banner-images.rbt-banner-img-right {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 996px;
  max-height: 842px;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-9 .rbt-banner-images.rbt-banner-img-right {
    position: relative;
    bottom: unset;
    min-height: unset;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .rbt-banner-9 .rbt-banner-images.rbt-banner-img-right {
    max-width: 930px;
    bottom: -10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-9 .rbt-banner-images.rbt-banner-img-right {
    bottom: unset;
    top: 62%;
    max-width: 100%;
    max-height: unset;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-9 .rbt-banner-images.rbt-banner-img-right {
    max-width: 500px;
    top: 50%;
    bottom: unset;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-9 .rbt-banner-images.rbt-banner-img-right {
    max-width: 680px;
    top: 44%;
    bottom: unset;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-9 .rbt-banner-shape-2 {
    left: auto;
    right: 15%;
    top: 15%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-9 .rbt-banner-shape-2 {
    left: auto;
    right: 15%;
    top: 10%;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-9 .rbt-banner-shape-2 {
    display: none;
  }
}

.rbt-banner-10,
.rbt-banner-11 {
  padding: 186px 0;
  background: var(--color-white);
  box-shadow: 0 20px 46px 0 var(--color-white-shade) inset, 2.25px -7px 44px 0 var(--color-white-shade) inset;
  z-index: 0;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-10,
  .rbt-banner-11 {
    padding: 50px 0 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-10,
  .rbt-banner-11 {
    padding: 80px 0 0 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-10,
  .rbt-banner-11 {
    padding: 150px 0 186px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-banner-10,
  .rbt-banner-11 {
    padding: 100px 0 186px 0;
  }
}
.rbt-banner-10 .rbt-banner-images,
.rbt-banner-11 .rbt-banner-images {
  position: relative;
}
.rbt-banner-10 .rbt-banner-images img,
.rbt-banner-11 .rbt-banner-images img {
  position: absolute;
  bottom: -840px;
  left: -37%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-10 .rbt-banner-images img,
  .rbt-banner-11 .rbt-banner-images img {
    bottom: -390px;
    left: -20px;
    height: 750px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-10 .rbt-banner-images img,
  .rbt-banner-11 .rbt-banner-images img {
    bottom: -200px;
    left: -67px;
    height: 550px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-10 .rbt-banner-images img,
  .rbt-banner-11 .rbt-banner-images img {
    bottom: -560px;
    left: 0;
    height: 500px;
  }
}
.rbt-banner-10 .rbt-banner-image-court,
.rbt-banner-11 .rbt-banner-image-court {
  position: relative;
}
.rbt-banner-10 .rbt-banner-image-court img,
.rbt-banner-11 .rbt-banner-image-court img {
  position: absolute;
  left: unset;
  right: 100%;
  bottom: -186px;
  max-height: 775px;
  height: 775px;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-10 .rbt-banner-image-court img,
  .rbt-banner-11 .rbt-banner-image-court img {
    left: unset;
    right: 50%;
    transform: translateX(50%);
    bottom: -160px;
    height: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-10 .rbt-banner-image-court img,
  .rbt-banner-11 .rbt-banner-image-court img {
    left: unset;
    right: unset;
    bottom: -386px;
    height: 600px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-10 .rbt-banner-image-court img,
  .rbt-banner-11 .rbt-banner-image-court img {
    left: 0;
    right: unset;
    bottom: -200px;
    max-height: 775px;
    height: 775px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-banner-10 .rbt-banner-image-court img,
  .rbt-banner-11 .rbt-banner-image-court img {
    right: 50%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-10 .rbt-banner-image-court img,
  .rbt-banner-11 .rbt-banner-image-court img {
    right: 70%;
  }
}
.rbt-banner-10 .rbt-banner-image-shape,
.rbt-banner-11 .rbt-banner-image-shape {
  position: absolute;
  top: -150px;
  right: -450px;
  transform: rotate(-114deg);
  width: 600px;
  max-width: 600px;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-10 .rbt-banner-image-shape,
  .rbt-banner-11 .rbt-banner-image-shape {
    top: -170px;
    right: -302px;
    transform: rotate(-114deg);
    width: 400px;
  }
}

.rbt-banner-10 .rbt-banner-content {
  position: relative;
  z-index: 1;
}
.rbt-banner-10 .rbt-banner-images {
  position: static;
}
.rbt-banner-10 .rbt-banner-images img {
  bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-10 .rbt-banner-images img {
    position: static;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-10 .rbt-banner-images img {
    position: static;
    height: 300px;
  }
}

.rbt-banner-11 {
  box-shadow: none;
  padding: 120px 0 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-11 {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-11 {
    padding: 60px 0 40px 0;
  }
}
.rbt-banner-11 .rbt-banner-image-court img {
  position: absolute;
  left: unset;
  right: calc(100% - 130px);
  bottom: 10px;
  max-height: 540px;
  height: 540px;
  z-index: -1;
  opacity: 0.5;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-11 .rbt-banner-image-court img {
    right: 50%;
    transform: translate(50%, 0%);
  }
}
.rbt-banner-11 .rbt-separator-vertical-2::before {
  position: absolute;
  content: "";
  left: -32px;
  top: 90px;
  max-height: 594px;
  height: 594px;
  width: 2px;
  background: var(--color-body);
  opacity: 0.1;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-11 .rbt-separator-vertical-2::before {
    content: none;
  }
}
@media only screen and (min-width: 1200px) {
  .rbt-banner-11 .rbt-separator-vertical-2 .rbt-btn {
    position: absolute;
    bottom: -118px;
  }
}
.rbt-banner-11 .rbt-separator-vertical-2 .rbt-separator-content {
  position: absolute;
  left: -40px;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-11 .rbt-separator-vertical-2 .rbt-separator-content {
    visibility: hidden;
    opacity: 0;
  }
}
.rbt-banner-11 .rbt-separator-vertical-2 .rbt-text-vertical {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 12px;
  color: var(--color-body);
  margin: 0;
  text-transform: uppercase;
  transform: rotate(-180deg);
  letter-spacing: 0.24px;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-11 .rbt-separator-vertical-2 .rbt-text-vertical {
    visibility: hidden;
    opacity: 0;
  }
}

.rbt-banner-5 .rbt-slider-in-title,
.rbt-banner-6 .rbt-slider-in-title,
.rbt-banner-7 .rbt-slider-in-title {
  display: inline-block;
  height: 60px;
  width: 105px;
  padding-bottom: 3px;
  border-radius: 45px;
  position: relative;
  font-size: initial;
  color: var(--color-heading);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-5 .rbt-slider-in-title,
  .rbt-banner-6 .rbt-slider-in-title,
  .rbt-banner-7 .rbt-slider-in-title {
    height: 52px;
    width: 98px;
    margin-bottom: -4px;
    padding-bottom: 1px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-5 .rbt-slider-in-title,
  .rbt-banner-6 .rbt-slider-in-title,
  .rbt-banner-7 .rbt-slider-in-title {
    height: 40px;
    width: 102px;
    padding-bottom: 2px;
    margin-bottom: -4px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-5 .rbt-slider-in-title,
  .rbt-banner-6 .rbt-slider-in-title,
  .rbt-banner-7 .rbt-slider-in-title {
    height: 34px;
    width: 68px;
    padding-bottom: 1px;
    margin-bottom: -6px;
  }
}
.rbt-banner-5 .rbt-slider-in-title::after,
.rbt-banner-6 .rbt-slider-in-title::after,
.rbt-banner-7 .rbt-slider-in-title::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 50%;
  transform: translateX(-50%);
  width: 98%;
  height: 100%;
  border-radius: 45px;
  background: linear-gradient(90deg, var(--color-primary-700), var(--color-secondary-alt-700));
}
.rbt-banner-5 .rbt-slider-in-title.rbt-title-slider-var-2,
.rbt-banner-6 .rbt-slider-in-title.rbt-title-slider-var-2,
.rbt-banner-7 .rbt-slider-in-title.rbt-title-slider-var-2 {
  width: 80px;
  height: 73px;
  border-radius: var(--radius);
  padding-bottom: 0;
  padding-top: 6px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-5 .rbt-slider-in-title.rbt-title-slider-var-2,
  .rbt-banner-6 .rbt-slider-in-title.rbt-title-slider-var-2,
  .rbt-banner-7 .rbt-slider-in-title.rbt-title-slider-var-2 {
    width: 76px;
    height: 52px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-5 .rbt-slider-in-title.rbt-title-slider-var-2,
  .rbt-banner-6 .rbt-slider-in-title.rbt-title-slider-var-2,
  .rbt-banner-7 .rbt-slider-in-title.rbt-title-slider-var-2 {
    height: 56px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-5 .rbt-slider-in-title.rbt-title-slider-var-2,
  .rbt-banner-6 .rbt-slider-in-title.rbt-title-slider-var-2,
  .rbt-banner-7 .rbt-slider-in-title.rbt-title-slider-var-2 {
    width: 74px;
    height: 40px;
  }
}
.rbt-banner-5 .rbt-slider-in-title.rbt-title-slider-var-2::after,
.rbt-banner-6 .rbt-slider-in-title.rbt-title-slider-var-2::after,
.rbt-banner-7 .rbt-slider-in-title.rbt-title-slider-var-2::after {
  border-radius: var(--radius);
}
.rbt-banner-5 .rbt-slider-in-title.rbt-title-slider-var-2 .rbt-slider-img-wrapper,
.rbt-banner-6 .rbt-slider-in-title.rbt-title-slider-var-2 .rbt-slider-img-wrapper,
.rbt-banner-7 .rbt-slider-in-title.rbt-title-slider-var-2 .rbt-slider-img-wrapper {
  border-radius: var(--radius);
}
.rbt-banner-5 .rbt-slider-in-title .rbt-slider-img-wrapper,
.rbt-banner-6 .rbt-slider-in-title .rbt-slider-img-wrapper,
.rbt-banner-7 .rbt-slider-in-title .rbt-slider-img-wrapper {
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 45px;
  position: relative;
  z-index: 1;
}
.rbt-banner-5 .rbt-slider-in-title .rbt-slider-img-wrapper img,
.rbt-banner-6 .rbt-slider-in-title .rbt-slider-img-wrapper img,
.rbt-banner-7 .rbt-slider-in-title .rbt-slider-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rbt-banner-12 {
  background-image: url(../images/section-bg/bg-shape.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  margin: 0 8px;
  padding: 170px 0 170px 0;
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-12 {
    padding: 70px 0 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-12 {
    padding: 70px 0 100px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-12 {
    padding: 100px 0 100px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-12 {
    padding: 120px 0;
  }
}
.rbt-banner-12 .rbt-it-person {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 950px;
  height: 820px;
  z-index: 4;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-banner-12 .rbt-it-person {
    display: none;
    opacity: 0;
    visibility: hidden;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-12 .rbt-it-person {
    height: auto;
    width: 500px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-banner-12 .rbt-it-person {
    height: auto;
    width: 630px !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-12 .rbt-it-person {
    height: auto;
    width: 730px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-12 .rbt-avatar {
    width: 35px;
    height: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-12 .rbt-banner-content {
    margin-left: 30px;
  }
}

.rbt-tooltip-slider {
  max-width: fit-content;
  padding: 30px 40px 30px 30px;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-white);
  background: var(--color-white);
  box-shadow: 0px 20.928px 48.448px 0px var(--color-primary-opacity-100) inset, 2.354px -7.325px 45.727px 0px var(--color-primary-opacity-0) inset;
}
.rbt-tooltip-slider .rbt-tooltip-slider-active {
  max-width: 145px;
}
@media only screen and (max-width: 767px) {
  .rbt-tooltip-slider {
    padding: 20px;
  }
}
.rbt-tooltip-slider .rbt-tooltip-slider-active-2 {
  max-height: 250px;
  padding: 0 35px;
}
.rbt-tooltip-slider .rbt-tooltip-slider-active-2 .swiper-slide {
  min-height: 70px;
}

.rbt-noise-bg {
  position: absolute;
  opacity: 0.2;
  top: 0;
  left: 0;
}

.rbt-banner-shape-dots {
  position: absolute;
  z-index: 99;
  bottom: 25%;
  left: -5%;
}

.rbt-banner-shape-1,
.rbt-banner-shape-2 {
  position: absolute;
  left: 14%;
  top: 22%;
}
@media only screen and (max-width: 1199px) {
  .rbt-banner-shape-1,
  .rbt-banner-shape-2 {
    left: 40%;
    top: 30%;
  }
}

@media only screen and (min-width: 1920px) and (max-width: 2519px) {
  .rbt-banner-shape-2 {
    left: 0%;
  }
}

.rbt-banner-shape-group .rbt-shape-image {
  position: absolute;
  left: 40%;
}
.rbt-banner-shape-group .rbt-shape-image.rbt-shape-image-1 {
  top: 10%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-shape-group .rbt-shape-image.rbt-shape-image-1 {
    top: 1%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-shape-group .rbt-shape-image.rbt-shape-image-1 {
    top: 1%;
    left: 20%;
  }
}
.rbt-banner-shape-group .rbt-shape-image.rbt-shape-image-2 {
  bottom: 10%;
}
.rbt-banner-shape-group .rbt-shape-image.rbt-shape-image-3 {
  top: 14%;
  left: 85%;
}
.rbt-banner-shape-group .rbt-shape-image.rbt-shape-image-4 {
  top: 8%;
  left: 42%;
}
.rbt-banner-shape-group .rbt-shape-image.rbt-shape-image-5 {
  bottom: 10%;
  left: 88%;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-shape-group .rbt-shape-image.rbt-shape-image-5 {
    bottom: 25%;
    left: 14%;
  }
}
.rbt-banner-shape-group .rbt-shape-image.rbt-shape-image-6 {
  top: 25%;
  left: 55%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-shape-group .rbt-shape-image.rbt-shape-image-6 {
    top: 41%;
  }
}
.rbt-banner-shape-group .rbt-shape-image.rbt-shape-image-7 {
  top: 40%;
  left: 8%;
}
.rbt-banner-shape-group .rbt-shape-image.rbt-shape-image-8 {
  top: 3%;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-shape-group .rbt-shape-image.rbt-shape-image-8 {
    display: none;
  }
}
.rbt-banner-shape-group .rbt-shape-image.rbt-shape-image-9 {
  top: 8%;
  left: unset;
  right: 35%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-shape-group .rbt-shape-image.rbt-shape-image-9 {
    right: 40%;
  }
}

.rbt-vertical-text {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  color: var(--color-heading);
  margin-bottom: 16px;
}

.rbt-light-common .rbt-light-left {
  height: 75%;
  width: 8%;
  background: linear-gradient(0deg, #91C2FE 27.02%, #C872F2 58.12%, #FE72BA 89.23%);
  filter: blur(120px);
  position: absolute;
  top: 0%;
  left: 15%;
  transform: rotate(-34deg);
}
.rbt-light-common .rbt-light-right {
  height: 75%;
  width: 20%;
  background: linear-gradient(0deg, #FE72BA 29.9%, #C872F2 59.78%, #91C2FE 75.61%);
  border-radius: 100% 0 0 0;
  filter: blur(120px);
  opacity: 0.4;
  position: absolute;
  right: 12%;
  top: -10%;
  transform: rotate(34deg);
}

.breadcrumb-style-max-width {
  max-width: 942px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-style-max-width {
    max-width: 960px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-style-max-width {
    max-width: 720px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb-style-max-width {
    max-width: 540px;
  }
}
@media only screen and (max-width: 575px) {
  .breadcrumb-style-max-width {
    max-width: inherit;
  }
}

.rbt-shape-line .shape-left {
  position: absolute;
  top: -10px;
  left: -10%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-shape-line .shape-left {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-shape-line .shape-left {
    left: 0%;
  }
}
.rbt-shape-line .shape-bottom-left {
  position: absolute;
  bottom: 140px;
  left: 50px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-shape-line .shape-bottom-left {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  .rbt-lawer {
    background-image: url(../images/banner/law-banner-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: none;
  }
}

.rbt-curved-notch,
.rbt-curved-notch-md {
  min-height: 55px;
  min-width: 200px;
  border-radius: 40px 40px 0 0;
  background: var(--color-white);
  position: absolute;
  z-index: 4;
}
.rbt-curved-notch::before, .rbt-curved-notch::after,
.rbt-curved-notch-md::before,
.rbt-curved-notch-md::after {
  content: "";
  display: inline-block;
  height: 55px;
  width: 55px;
  -webkit-border-radius: 0;
  border-radius: 0;
  box-shadow: 0 20px 0 0 var(--color-white);
  position: absolute;
}
.rbt-curved-notch::before,
.rbt-curved-notch-md::before {
  border-bottom-right-radius: 30px;
  bottom: 0;
  left: -54px;
}
.rbt-curved-notch::after,
.rbt-curved-notch-md::after {
  border-bottom-left-radius: 30px;
  bottom: 0;
  right: -54px;
}
.rbt-curved-notch.bottom-center,
.rbt-curved-notch-md.bottom-center {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.rbt-curved-notch.right-center,
.rbt-curved-notch-md.right-center {
  bottom: initial;
  left: initial;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.rbt-curved-notch-md {
  min-height: 70px;
  min-width: 280px;
}
@media only screen and (max-width: 767px) {
  .rbt-curved-notch-md {
    min-height: 55px;
    min-width: 200px;
  }
}
.rbt-curved-notch-md::before, .rbt-curved-notch-md::after {
  height: 55px;
  width: 55px;
}
.rbt-curved-notch-md::before {
  bottom: 5px !important;
  left: -55px !important;
  transform: rotate(-16deg);
}
@media only screen and (max-width: 767px) {
  .rbt-curved-notch-md::before {
    bottom: 0px !important;
    left: -52px !important;
    transform: rotate(0);
  }
}
.rbt-curved-notch-md::after {
  bottom: 5px !important;
  right: -55px !important;
  transform: rotate(16deg);
}
@media only screen and (max-width: 767px) {
  .rbt-curved-notch-md::after {
    bottom: 0px !important;
    right: -52px !important;
    transform: rotate(0);
  }
}

.rbt-curved-notch-badge {
  top: calc(100% - 20px);
  z-index: 4;
}

.rbt-shape-left {
  position: absolute;
  top: calc(50% - 30px);
  left: 0;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-shape-left {
    left: -4px;
  }
  .rbt-shape-left svg {
    height: 350px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-shape-left {
    top: 50%;
  }
}

.rbt-shape-right {
  position: absolute;
  top: 5%;
  right: 0;
}

.rbt-text-right,
.rbt-text-left {
  position: absolute;
  right: -45px;
  top: 20%;
  transform: rotate(-90deg);
}
@media only screen and (max-width: 767px) {
  .rbt-text-right,
  .rbt-text-left {
    right: -70px;
    top: 24%;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-text-right,
  .rbt-text-left {
    right: -82px;
    top: 22%;
  }
}
.rbt-text-right .rbt-text,
.rbt-text-left .rbt-text {
  color: var(--color-gray-3);
  font-size: var(--font-size-b5);
  font-style: normal;
  font-weight: var(--f-medium);
  line-height: 100%;
  letter-spacing: var(--font-size-b5);
  text-transform: uppercase;
}

.rbt-text-left {
  right: unset;
  left: -50px;
  bottom: 15%;
  top: unset;
}
@media only screen and (max-width: 767px) {
  .rbt-text-left {
    left: -70px;
    bottom: 24%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-text-left {
    left: -60px;
    bottom: 25%;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-text-left {
    left: -82px;
    bottom: 22%;
  }
}

.rbt-shape-top-left {
  position: absolute;
  top: -5px;
  left: 112px;
}

.rbt-shape-top-right,
.rbt-shape-bottom-left {
  position: absolute;
  top: 0;
  right: 100px;
  background: var(--color-white);
  height: 80px;
  width: 10px;
  border-radius: 0 0 0 10px;
}

.rbt-shape-bottom-right {
  position: absolute;
  bottom: -5px;
  right: 100px;
}

.rbt-shape-bottom-left {
  position: absolute;
  top: unset;
  bottom: 0;
  right: unset;
  left: 190px;
  border-radius: 0 10px 0 0;
}

.rbt-line-bottom-right,
.rbt-line-bottom-right-2 {
  position: absolute;
  bottom: 20%;
  right: 10%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-line-bottom-right,
  .rbt-line-bottom-right-2 {
    bottom: 10%;
    right: 5%;
  }
}

.rbt-line-bottom-right-2 {
  bottom: 70%;
}

.rbt-line-top-left {
  position: absolute;
  top: calc(50% - 40px);
  left: 6%;
}

.rbt-gradient-top-left {
  left: -30px;
  top: calc(50% - 80px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-gradient-top-left {
    top: calc(50% - 150px);
  }
}

.rbt-line.rbt-line-top-right, .rbt-line.rbt-line-bottom-left {
  position: absolute;
}
.rbt-line.rbt-line-top-right {
  top: 15%;
  right: -20%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-line.rbt-line-top-right {
    right: -5%;
  }
  .rbt-line.rbt-line-top-right svg {
    width: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-line.rbt-line-top-right {
    right: 0%;
  }
  .rbt-line.rbt-line-top-right svg {
    width: 200px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-line.rbt-line-top-right {
    right: 0%;
  }
  .rbt-line.rbt-line-top-right svg {
    width: 160px;
  }
}
.rbt-line.rbt-line-bottom-left {
  bottom: 40px;
  left: 25%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-line.rbt-line-bottom-left {
    left: 20%;
  }
}

.rbt-banner-element {
  position: relative;
}
.rbt-banner-element .rbt-shape-image {
  position: absolute;
  right: 0;
  bottom: 0;
}
.rbt-banner-element .rbt-shape-image img {
  width: 50px;
}

.rbt-breadcrumb-star {
  position: absolute;
  z-index: -1;
  top: -12px;
  left: 170px;
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-callto-action {
  position: relative;
}
.rbt-callto-action .rbt-callto-action-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 50px 20px 130px;
  background: var(--color-white);
  border-radius: var(--radius-lg);
  box-shadow: 0px -2px 34.5px 0px var(--color-primary-opacity-100) inset, -3px 143px 6px 0px var(--color-primary-opacity-0), 0px 7px 9.7px 0px var(--color-primary-opacity-50) inset;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-callto-action .rbt-callto-action-inner {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-callto-action .rbt-callto-action-inner {
    padding: 20px;
    flex-direction: column;
    gap: 20px;
  }
}
.rbt-callto-action .rbt-callto-action-inner .rbt-callto-action-icon {
  position: absolute;
  bottom: 10px;
  left: 0;
  z-index: 11;
  height: 96px;
  width: 140px;
}
@media only screen and (max-width: 767px) {
  .rbt-callto-action .rbt-callto-action-inner .rbt-callto-action-icon {
    bottom: auto;
    top: -50px;
  }
}
.rbt-callto-action .rbt-callto-action-inner .rbt-callto-action-shape {
  position: absolute;
}
.rbt-callto-action .rbt-callto-action-inner .rbt-callto-action-shape.rbt-callto-action-shape-1 {
  left: 31px;
  bottom: 4px;
}
@media only screen and (max-width: 767px) {
  .rbt-callto-action .rbt-callto-action-inner .rbt-callto-action-shape.rbt-callto-action-shape-1 {
    top: 24px;
  }
}
.rbt-callto-action .rbt-callto-action-inner .rbt-callto-action-shape.rbt-callto-action-shape-2 {
  right: 20%;
  bottom: 15px;
}
.rbt-callto-action .rbt-callto-action-inner .rbt-callto-action-shape.rbt-callto-action-shape-3 {
  right: -40px;
  bottom: -20px;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-callto-action .rbt-callto-action-inner .rbt-callto-action-shape.rbt-callto-action-shape-3 {
    right: 0;
    bottom: -25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-callto-action .rbt-callto-action-inner .rbt-callto-action-shape.rbt-callto-action-shape-3 {
    right: 0;
    bottom: -25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-callto-action .rbt-callto-action-inner .rbt-callto-action-shape.rbt-callto-action-shape-3 {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-callto-action .rbt-callto-action-inner .rbt-callto-action-shape.rbt-callto-action-shape-3 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-callto-action .rbt-callto-action-inner .rbt-callto-action-content {
    flex-basis: 75%;
  }
}
.rbt-callto-action .rbt-callto-action-inner .rbt-avatar {
  height: 29px;
  width: 29px;
}
.rbt-callto-action .rbt-callto-action-inner .rbt-avatar + .rbt-avatar {
  margin-left: -12px;
}
.rbt-callto-action .rbt-callto-action-inner .rbt-avatar::after {
  font-size: var(--font-size-b1);
  background-color: var(--color-primary-opacity-800);
}
.rbt-callto-action .rbt-animate-rotaion-forward {
  animation-duration: 20s;
}

.rbt-callto-action-area-2 {
  border-radius: var(--radius-sm);
  overflow: hidden;
  padding-right: 12px;
  padding-left: 12px;
  position: relative;
}
.rbt-callto-action-area-2.rbt-callto-action-area-space {
  padding: 255px 0;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-callto-action-area-2.rbt-callto-action-area-space {
    padding: 128px 0;
  }
}
.rbt-callto-action-area-2 .rbt-section-bg-shape {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .rbt-callto-action-area-2 {
    margin: 0 8px;
  }
}
.rbt-callto-action-area-2 .rbt-callto-action .rbt-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 62px;
  width: 62px;
  border-radius: var(--radius-full);
  margin: 0 auto 10px;
  position: relative;
}
.rbt-callto-action-area-2 .rbt-callto-action .rbt-title {
  font-size: var(--display-font-3);
  color: var(--color-white);
  line-height: 1.1;
  letter-spacing: -0.6px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-callto-action-area-2 .rbt-callto-action .rbt-title {
    font-size: var(--h1);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-callto-action-area-2 .rbt-callto-action .rbt-title {
    font-size: var(--h3);
  }
}

.rbt-callto-action-area-3 .rbt-callto-action {
  background: url(../images/section-bg/shape23.webp);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 78px 70px;
  border-radius: var(--radius-lg);
}
@media only screen and (max-width: 767px) {
  .rbt-callto-action-area-3 .rbt-callto-action {
    padding: 20px 20px 25px;
  }
}
.rbt-callto-action-area-3 .rbt-callto-action.rbt-call-bg-variation-2 {
  background: url(../images/section-bg/shape37.webp);
  background-size: 100% 100%;
  padding: 104px 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-callto-action-area-3 .rbt-callto-action.rbt-call-bg-variation-2 {
    background-size: cover;
    padding: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-callto-action-area-3 .rbt-callto-action.rbt-call-bg-variation-2 {
    background-size: cover;
    padding: 20px 20px 25px;
  }
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-section-bg-common {
  background: var(--color-white);
  box-shadow: 0px 20px 46px 0px var(--color-primary-100) inset, 2.25px -7px 44px 0px var(--color-primary-300) inset;
}

.rbt-section-bg-1 {
  background: url(../images/section-bg/shape3.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.rbt-section-bg-1-alt {
  position: relative;
  overflow: hidden;
}
.rbt-section-bg-1-alt::before {
  position: absolute;
  content: "";
  right: -110px;
  max-width: 583px;
  width: 300px;
  height: 300px;
  background: url(../images/section-bg/shape-alt.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.rbt-section-bg-2 {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-bg-2 {
    background: none;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-bg-2 {
    padding-top: 60px;
    background: none;
  }
}
.rbt-section-bg-2::before {
  content: "";
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  height: 1200px;
  width: 1200px;
  background: linear-gradient(174deg, rgba(81, 99, 255, 0.62) 6.48%, rgba(254, 113, 185, 0) 43.82%);
  border-radius: var(--radius-full);
  opacity: 0.05;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-bg-2::before {
    top: 25px;
  }
}
.rbt-section-bg-2 .rbt-section-light {
  position: absolute;
  width: 250px;
  height: 250px;
  top: 20%;
  right: 0;
  background: transparent;
}
.rbt-section-bg-2 .rbt-section-light::after {
  content: "";
  position: absolute;
  right: 50%;
  top: 25%;
  background: var(--color-secondary-alt-opacity-300);
  width: 130px;
  height: 180px;
  border-radius: var(--radius-full);
  filter: blur(100px);
}
.rbt-section-bg-2 .rbt-section-light::before {
  content: "";
  position: absolute;
  top: 0%;
  right: 0%;
  width: 200px;
  height: 250px;
  background: var(--color-primary-opacity-200);
  border-radius: var(--radius-full);
  filter: blur(100px);
}

.rbt-section-bg-3 {
  background: linear-gradient(125deg, rgb(255, 255, 255) -9.09%, rgba(255, 255, 255, 0) 70.79%), url(../images/section-bg/shape7.webp);
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  box-shadow: 0px 20px 46px 0px #F1F3FF inset, 2.25px -7px 44px 0px #F1F3FF inset;
}
@media only screen and (max-width: 767px) {
  .rbt-section-bg-3 {
    background-size: 0;
  }
}

.rbt-section-bg-4 {
  position: relative;
  overflow: hidden;
}
.rbt-section-bg-4::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(192deg, #F1F3FF 11.69%, rgba(241, 243, 255, 0) 30%);
  clip-path: polygon(34% 25%, 100% 0%, 100% 10%, 38% 33%);
  z-index: -1;
}
.rbt-section-bg-4::before {
  content: "";
  position: absolute;
  top: -20%;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(193deg, rgba(255, 241, 248, 0) 39%, #FFF1F8 54%, rgba(255, 255, 255, 0) 68%, rgba(255, 255, 255, 0) 56%);
  clip-path: polygon(28% 67%, 68% 52%, 100% 29%, 20% 60%);
  z-index: -1;
  opacity: 0.4;
}

.rbt-section-bg-5 {
  background: url(../images/section-bg/shape12.webp);
  background-repeat: no-repeat;
  background-size: 90% 100%;
  background-position: bottom left;
}

.rbt-section-bg-6 {
  background: url(../images/section-bg/bg-img1.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.rbt-section-bg-7 {
  background: url(../images/section-bg/shape13.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.rbt-section-bg-8 {
  background: url(../images/section-bg/shape14.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  box-shadow: 0 20px 46px 0 #F1F3FF inset, 2.25px -7px 44px 0 #F1F3FF inset;
}

.rbt-section-bg-9 {
  background: url(../images/section-bg/shape15.webp);
  background-repeat: no-repeat;
  background-position: right;
}

.rbt-section-bg-10 {
  background: url(../images/section-bg/shape16.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.rbt-section-bg-11 {
  background: url(../images/section-bg/shape18.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.rbt-section-bg-12 {
  background: url(../images/section-bg/shape19.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.rbt-section-bg-13 {
  background: url(../images/section-bg/shape22.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-shadow: 2px -23px 46.5px 0px rgba(5, 11, 61, 0.1) inset, 0px 33px 150px 0px rgba(81, 99, 255, 0.1) inset;
}

.rbt-section-bg-14 {
  background: url(../images/section-bg/shape26.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-bg-14 {
    background-size: 0;
  }
}

.rbt-section-bg-15 {
  background: url(../images/section-bg/shape27.webp);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
}

.rbt-section-bg-16 {
  background: var(--color-white);
  box-shadow: 0px 20px 46px 0px #F1F3FF inset, 2.25px -7px 44px 0px #F1F3FF inset;
  position: relative;
  overflow: hidden;
}
.rbt-section-bg-16::before {
  content: "";
  position: absolute;
  height: 588px;
  width: 335px;
  background: #FFD2DD;
  opacity: 0.5;
  left: 0;
  top: 6%;
  filter: blur(100px);
}
@media only screen and (max-width: 767px) {
  .rbt-section-bg-16::before {
    content: none;
  }
}
.rbt-section-bg-16::after {
  content: "";
  position: absolute;
  height: 600px;
  width: 600px;
  background: var(--color-primary-alt);
  opacity: 0.2;
  left: 35%;
  top: 27%;
  border-radius: 50%;
  filter: blur(100px);
}
@media only screen and (max-width: 767px) {
  .rbt-section-bg-16::after {
    content: none;
  }
}

.rbt-section-bg-17 {
  background: var(--color-white);
  box-shadow: 0px 20px 46px 0px var(--color-primary-300) inset, 2.25px -7px 44px 0px var(--color-primary-300) inset;
  position: relative;
}
.rbt-section-bg-17::after {
  content: "";
  position: absolute;
  width: 208px;
  height: 36px;
  background: var(--color-secondary);
  opacity: 0.4;
  top: 35%;
  left: 7%;
  filter: blur(85px);
}

.rbt-section-bg-18 {
  background: url(../images/section-bg/shape30.webp);
  background-repeat: no-repeat;
}

.rbt-section-bg-19 {
  background: url(../images/section-bg/shape32.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  clip-path: polygon(100% 0%, 100% 54.5%, 6.5% 97%, 0% 89.5%, 0% 0%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-section-bg-19 {
    clip-path: polygon(100% 0%, 100% 80%, 6.5% 97%, 0% 89.5%, 0% 0%);
    background-size: cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-bg-19 {
    clip-path: polygon(100% 0%, 100% 89.5%, 6.5% 97%, 0% 89.5%, 0% 0%);
    background-size: cover;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-bg-19 {
    clip-path: unset;
    background-size: cover;
  }
}

.rbt-section-bg-20::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 71%, var(--color-primary) 120%);
  clip-path: polygon(66% 75.5%, 100% 63%, 100% 70%, 67% 82%);
}
.rbt-section-bg-20 .inner-shape {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--color-secondary-alt-opacity-50);
  clip-path: polygon(100% 0, 100% 63%, 0 100%, 0 90%, 9% 85%, 0 89%, 0 38%);
}

.rbt-section-bg-21,
.rbt-section-bg-27 {
  background-image: url(../images/section-bg/shape44.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  box-shadow: 0 20px 46px 0 var(--color-white-shade) inset, 2.25px -7px 44px 0 var(--color-white-shade) inset;
}

.rbt-section-bg-23 {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-bg-23 {
    background: none;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-bg-23 {
    padding-top: 60px;
    background: none;
  }
}
.rbt-section-bg-23 .rbt-section-bg-shape-4 {
  left: 6%;
  bottom: 8%;
  right: unset !important;
  top: unset !important;
  z-index: 9;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-section-bg-23 .rbt-section-bg-shape-4 {
    bottom: 4%;
  }
}
.rbt-section-bg-23 .rbt-section-light {
  position: absolute;
  width: 100px;
  height: 130px;
  bottom: 7%;
  left: 3%;
  background: transparent;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-section-bg-23 .rbt-section-light {
    width: 80px;
    height: 100px;
    bottom: 0%;
  }
}
.rbt-section-bg-23 .rbt-section-light::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 2%;
  background: var(--color-secondary-alt-opacity-300);
  width: 129px;
  height: 174px;
  border-radius: var(--radius-full);
  filter: blur(30px);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-section-bg-23 .rbt-section-light::after {
    width: 100px;
    height: 120px;
    bottom: 50%;
  }
}

.rbt-section-bg-24 {
  position: relative;
  overflow: hidden;
  background: url(../images/section-bg/shape47.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.rbt-section-bg-25 {
  background: url(../images/section-bg/bg-grid-shape.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 0 8px;
  border-radius: 20px;
  padding: 100px 0 140px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-section-bg-25 {
    padding: 80px 30px 120px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-bg-25 {
    padding: 60px 0 90px 0;
  }
}

.rbt-section-bg-26 {
  box-shadow: 0 20px 46px 0 #F1F3FF inset, 2.25px -7px 44px 0 #F1F3FF inset;
  max-width: 1920px;
  width: 100%;
  border-radius: 20px;
  margin: auto;
}

.rbt-section-bg-27 {
  background-image: url(../images/section-bg/shape57.webp);
}

.rbt-section-bg-28 {
  background: url(../images/section-bg/shape53.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.rbt-section-bg-29 {
  background: url(../images/section-bg/shape55.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.rbt-section-bg-30 {
  position: relative;
}
.rbt-section-bg-30::before {
  content: "";
  position: absolute;
  width: 208px;
  height: 36px;
  background: var(--color-primary);
  opacity: 0.8;
  top: 28%;
  left: 14%;
  filter: blur(85px);
}
.rbt-section-bg-30::after {
  content: "";
  position: absolute;
  width: 208px;
  height: 36px;
  background: var(--color-secondary);
  opacity: 0.8;
  top: 50%;
  right: 10%;
  z-index: -1;
  filter: blur(85px);
}

.rbt-blog-post-area-2 {
  overflow: hidden;
  position: relative;
}
.rbt-blog-post-area-2::after {
  content: "";
  position: absolute;
  top: 25%;
  left: 30%;
  transform: rotate(-20deg);
  height: 122px;
  width: 2115px;
  background: linear-gradient(193deg, rgba(112, 139, 253, 0) 41.48%, rgba(240, 116, 192, 0.09) 66.3%, rgba(255, 255, 255, 0) 95.63%, rgba(255, 255, 255, 0) 100.55%);
  z-index: -1;
}

.rbt-wider-section {
  margin: 0 50px;
  border-radius: var(--radius-md);
}
@media only screen and (min-width: 2560px) {
  .rbt-wider-section {
    max-width: 2460px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-wider-section {
    margin: 0 16px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-wider-section {
    margin: 0 8px;
  }
}

.overlay-section {
  margin-top: -160px;
}

.section-bg-shape {
  width: 310px;
  height: 450px;
  background: linear-gradient(0, var(--color-primary-opacity-900) 2.37%, var(--color-secondary-alt-opacity-900) 97.63%);
  filter: blur(113px);
  position: absolute;
  top: 20%;
  left: 10%;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .section-bg-shape {
    width: 286px;
  }
}

.rbt-service-area .rbt-round-blur-shape.rbt-round-blur-top-left {
  top: 0;
}

.rbt-showcase-area .showcase-badge {
  width: fit-content;
  margin: 0 auto;
}

.rbt-watermark {
  font-size: 200px;
  font-weight: var(--f-bold);
  background: linear-gradient(180deg, rgba(from var(--color-primary) r g b/0.08) 8.26%, rgba(254, 113, 185, 0) 80.17%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  line-height: 0.85;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-watermark {
    font-size: 170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-watermark {
    font-size: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-watermark {
    font-size: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-watermark {
    font-size: 48px;
    top: -25px;
  }
}
.rbt-watermark.rbt-text-rotate {
  writing-mode: vertical-lr;
  rotate: 180deg;
  background: linear-gradient(270deg, var(--color-primary-opacity-100) 8.26%, var(--color-secondary-alt-opacity-0) 80.17%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-watermark.rbt-text-rotate.rbt-position-left {
  left: -8%;
  top: 4%;
}
.rbt-watermark.rbt-text-rotate.rbt-position-right {
  right: 15%;
  top: 5%;
  left: unset;
}
.rbt-watermark.watermark-variation-2 {
  letter-spacing: 26px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-watermark.watermark-variation-2 {
    letter-spacing: 7px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-watermark.watermark-variation-2 {
    letter-spacing: normal;
  }
}
.rbt-watermark.watermark-variation-3, .rbt-watermark.watermark-variation-4 {
  background: linear-gradient(131deg, var(--color-primary-opacity-100) 27.01%, var(--color-secondary-alt-opacity-50) 113.08%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  left: calc(50% - 120px);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-watermark.watermark-variation-3, .rbt-watermark.watermark-variation-4 {
    font-size: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-watermark.watermark-variation-3, .rbt-watermark.watermark-variation-4 {
    left: 50%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-watermark.watermark-variation-3, .rbt-watermark.watermark-variation-4 {
    left: calc(50% - 30px);
  }
}
.rbt-watermark.watermark-variation-3 {
  background: linear-gradient(131deg, rgba(from var(--color-primary) r g b/0.08) 27.01%, rgba(254, 113, 185, 0.02) 113.08%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-watermark.watermark-variation-4 {
  left: calc(50% - 40px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-watermark.watermark-variation-4 {
    left: calc(50% - 40px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-watermark.watermark-variation-4 {
    left: 50%;
    top: 0;
  }
}
.rbt-watermark.watermark-variation-5 {
  background: linear-gradient(180deg, rgba(from var(--color-primary) r g b/0.08) 8.26%, rgba(from var(--color-secondary) r g b/0) 80.17%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-watermark.rbt-watermark-lf {
  right: 6% !important;
}

.rbt-section-bg-shape-wrap {
  position: absolute;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  top: 0;
}

.rbt-section-bg-shape {
  position: absolute;
  z-index: -1;
}
.rbt-section-bg-shape.rbt-section-bg-shape-1 {
  left: 0;
  top: -41%;
}
.rbt-section-bg-shape.rbt-section-bg-shape-2, .rbt-section-bg-shape.rbt-section-bg-shape-50 {
  right: 0;
  top: -24%;
}
.rbt-section-bg-shape.rbt-section-bg-shape-50 {
  top: 40%;
}
.rbt-section-bg-shape.rbt-section-bg-shape-3 {
  left: 0%;
  bottom: 38%;
}
@media only screen and (max-width: 767px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-3 {
    display: none;
  }
}
.rbt-section-bg-shape.rbt-section-bg-shape-4 {
  right: 7%;
  top: 20%;
}
.rbt-section-bg-shape.rbt-section-bg-shape-4 img {
  width: 90px;
  height: 90px;
}
.rbt-section-bg-shape.rbt-section-bg-shape-5 {
  bottom: -7%;
  left: 50%;
  transform: translateX(-50%);
  width: 54%;
  z-index: 3;
}
.rbt-section-bg-shape.rbt-section-bg-shape-6 {
  right: 14%;
  bottom: 8%;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-6 {
    right: 54%;
    bottom: 22%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-6 {
    right: 46%;
    bottom: 26%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-6 {
    right: 28%;
    bottom: 38%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-6 {
    right: 12%;
    bottom: 40%;
  }
}
.rbt-section-bg-shape.rbt-section-bg-shape-7 {
  left: -130px;
}
.rbt-section-bg-shape.rbt-section-bg-shape-8 {
  top: 18%;
  left: -80px;
  z-index: 1;
}
.rbt-section-bg-shape.rbt-section-bg-shape-9 {
  left: 5%;
  z-index: 1;
}
.rbt-section-bg-shape.rbt-section-bg-shape-10 {
  right: 10%;
  bottom: 20%;
  z-index: 1;
}
.rbt-section-bg-shape.rbt-section-bg-shape-11 {
  right: 0;
  top: 52%;
}
.rbt-section-bg-shape.rbt-section-bg-shape-12 {
  right: 84px;
  bottom: 70px;
}
.rbt-section-bg-shape.rbt-section-bg-shape-13 {
  right: -220px;
  top: 70px;
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-13 {
    max-width: 290px;
    opacity: 0.5;
  }
}
.rbt-section-bg-shape.rbt-section-bg-shape-13-alt {
  left: 0;
  bottom: -250px;
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-13-alt {
    max-width: 290px;
    opacity: 0.5;
  }
}
.rbt-section-bg-shape.rbt-section-bg-shape-14, .rbt-section-bg-shape.rbt-section-bg-shape-48, .rbt-section-bg-shape.rbt-section-bg-shape-50 {
  width: 500px;
  height: 550px;
  border-radius: 50%;
  background: url(../images/section-bg/shape21.webp);
  left: 42%;
  top: -12%;
}
@media only screen and (max-width: 767px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-14, .rbt-section-bg-shape.rbt-section-bg-shape-48, .rbt-section-bg-shape.rbt-section-bg-shape-50 {
    display: none;
  }
}
.rbt-section-bg-shape.rbt-section-bg-shape-15 {
  top: 20%;
  left: 5%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-15 {
    display: none;
  }
}
.rbt-section-bg-shape.rbt-section-bg-shape-16 {
  top: 25%;
  left: 5%;
  z-index: 2;
}
.rbt-section-bg-shape.rbt-section-bg-shape-17 {
  top: 0;
  right: 8%;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-17 {
    top: -24px;
  }
}
.rbt-section-bg-shape.rbt-section-bg-shape-18 {
  top: 25%;
  right: 5%;
  z-index: 1;
}
.rbt-section-bg-shape.rbt-section-bg-shape-19 {
  top: 25%;
  right: 0;
}
.rbt-section-bg-shape.rbt-section-bg-shape-20 {
  width: 2569px;
  height: 108px;
  background: linear-gradient(45deg, var(--color-secondary-alt-opacity-50) 57.15%, var(--color-primary-opacity-0) 67.83%);
  transform: rotate(-30deg);
  position: absolute;
  left: -15%;
  top: 0%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-20 {
    display: none;
  }
}
.rbt-section-bg-shape.rbt-section-bg-shape-21 {
  width: 100%;
  height: 55px;
  background: var(--color-secondary);
  top: -4%;
  left: 50%;
  transform: translateX(-50%);
  filter: blur(200px);
}
.rbt-section-bg-shape.rbt-section-bg-shape-22 {
  width: 100%;
  height: 100%;
}
.rbt-section-bg-shape.rbt-section-bg-shape-23 {
  z-index: 1;
  right: 5%;
  top: 1%;
}
.rbt-section-bg-shape.rbt-section-bg-shape-24 {
  z-index: 1;
  top: 20%;
  left: calc(50% - 80px);
  transform: translateX(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-24 {
    top: 15%;
    left: calc(50% - 50px);
  }
}
.rbt-section-bg-shape.rbt-section-bg-shape-25 {
  z-index: 1;
  top: 25%;
  left: 35%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-25 {
    top: 16%;
    left: 22%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-25 {
    left: 25%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-25 {
    top: 11%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-25 {
    top: 7%;
  }
}
.rbt-section-bg-shape.rbt-section-bg-shape-26 {
  left: 70px;
  top: 300px;
  opacity: 0.8;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-26 {
    display: none;
  }
}
.rbt-section-bg-shape.rbt-section-bg-shape-27 {
  right: -35px;
  bottom: 25px;
}
.rbt-section-bg-shape.rbt-section-bg-shape-28 {
  top: 25%;
  left: 0;
}
.rbt-section-bg-shape.rbt-section-bg-shape-29 {
  top: -240px;
  opacity: 1;
  left: -124px;
  z-index: 1;
}
.rbt-section-bg-shape.rbt-section-bg-shape-30 {
  top: -30px;
  left: 40%;
  opacity: 1;
  z-index: 1;
}
.rbt-section-bg-shape.rbt-section-bg-shape-31 {
  height: 75px;
  width: 75px;
  background: var(--color-secondary);
  top: 15%;
  left: 10%;
  filter: blur(85px);
  border-radius: var(--radius-full);
  z-index: 1;
}
.rbt-section-bg-shape.rbt-section-bg-shape-32 {
  height: 75px;
  width: 75px;
  background: var(--color-secondary);
  bottom: 4%;
  right: 4%;
  filter: blur(74px);
  border-radius: var(--radius-full);
  z-index: 1;
}
.rbt-section-bg-shape.rbt-section-bg-shape-33 {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0.2;
}
.rbt-section-bg-shape.rbt-section-bg-shape-34 {
  position: absolute;
  width: fit-content;
  top: -35%;
}
.rbt-section-bg-shape.rbt-section-bg-shape-34 span {
  display: inline-block;
}
.rbt-section-bg-shape.rbt-section-bg-shape-34 span:first-child {
  width: 420px;
  height: 290px;
  background: var(--color-primary-alt);
  border-radius: var(--radius-full);
  transform: rotate(45deg);
  filter: blur(100px);
}
.rbt-section-bg-shape.rbt-section-bg-shape-34 span:last-child {
  width: 190px;
  height: 130px;
  background: var(--color-secondary-alt);
  border-radius: var(--radius-full);
  transform: rotate(45deg);
  position: absolute;
  left: 0%;
  bottom: 48%;
  filter: blur(80px);
}
.rbt-section-bg-shape.rbt-section-bg-shape-35 {
  position: absolute;
  width: fit-content;
  top: 65%;
  left: unset;
  right: -5%;
}
.rbt-section-bg-shape.rbt-section-bg-shape-35 span {
  display: inline-block;
}
.rbt-section-bg-shape.rbt-section-bg-shape-35 span:first-child {
  width: 420px;
  height: 290px;
  background: var(--color-primary-alt);
  border-radius: var(--radius-full);
  transform: rotate(90deg);
  filter: blur(100px);
}
.rbt-section-bg-shape.rbt-section-bg-shape-35 span:last-child {
  width: 190px;
  height: 130px;
  background: var(--color-secondary-alt);
  border-radius: var(--radius-full);
  transform: rotate(90deg);
  position: absolute;
  left: 0%;
  bottom: 48%;
  filter: blur(80px);
}
.rbt-section-bg-shape.rbt-section-bg-shape-36 {
  top: -4%;
  left: 2%;
}
.rbt-section-bg-shape.rbt-section-bg-shape-37 {
  top: -2%;
  right: -4%;
}
.rbt-section-bg-shape.rbt-section-bg-shape-38 {
  top: -4%;
  right: 0%;
}
.rbt-section-bg-shape.rbt-section-bg-shape-39 {
  top: -10%;
  right: -7%;
}
.rbt-section-bg-shape.rbt-section-bg-shape-40 {
  top: -32%;
  right: -2%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-40 {
    right: 2%;
  }
}
.rbt-section-bg-shape.rbt-section-bg-shape-41 {
  top: 35%;
  left: 0%;
}
.rbt-section-bg-shape.rbt-section-bg-shape-42 {
  left: 8%;
  top: 25%;
}
.rbt-section-bg-shape.rbt-section-bg-shape-43 {
  right: 3%;
  bottom: -9%;
  z-index: 1;
}
.rbt-section-bg-shape.rbt-section-bg-shape-43 {
  right: 0;
  top: 0;
}
.rbt-section-bg-shape.rbt-section-bg-shape-44 {
  right: 50%;
  bottom: 60px;
  opacity: 0.8;
  transform: translate(50%, 50%) !important;
  z-index: -1;
}
.rbt-section-bg-shape.rbt-section-bg-shape-45 {
  left: calc(50% - 30px);
  bottom: calc(50% + 90px);
  opacity: 0.3;
  transform: translate(50%, 50%) !important;
  z-index: -1;
  width: 250px;
  height: 250px;
}
@media only screen and (max-width: 575px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-45 {
    left: unset;
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-45 {
    left: calc(50% - 100px);
  }
}
.rbt-section-bg-shape.rbt-section-bg-shape-46, .rbt-section-bg-shape.rbt-section-bg-shape-47 {
  left: unset;
  top: 0;
  right: -45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-46, .rbt-section-bg-shape.rbt-section-bg-shape-47 {
    top: -18px;
    right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-section-bg-shape.rbt-section-bg-shape-46, .rbt-section-bg-shape.rbt-section-bg-shape-47 {
    top: -25px;
    right: -18px;
  }
}
.rbt-section-bg-shape.rbt-section-bg-shape-47 {
  top: unset;
  right: -30px;
  bottom: -30px;
}
.rbt-section-bg-shape.rbt-section-bg-shape-47 img {
  width: 166px;
  height: 166px;
}
.rbt-section-bg-shape.rbt-section-bg-shape-48 {
  left: 26%;
}
.rbt-section-bg-shape.rbt-section-bg-shape-49 {
  top: 80px !important;
  right: 115px !important;
}
.rbt-section-bg-shape.rbt-section-bg-shape-49 img {
  rotate: -89deg;
}
.rbt-section-bg-shape.rbt-section-bg-shape-50 {
  top: -90px !important;
  right: 115px !important;
  left: 38%;
  filter: blur(40px);
}
.rbt-section-bg-shape.rbt-section-bg-shape-50 img {
  rotate: -89deg;
}

.rbt-section-shape-handcuff {
  top: 15% !important;
  right: -170px !important;
}

.rbt-round-blur-shape {
  width: fit-content;
  position: absolute;
  z-index: -3;
}
.rbt-round-blur-shape .blur-shape-inner,
.rbt-round-blur-shape .blur-shape-inner-2 {
  height: 500px;
  width: 510px;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(40px);
  border-radius: 50%;
  position: relative;
  z-index: 4;
}
@media only screen and (max-width: 575px) {
  .rbt-round-blur-shape .blur-shape-inner,
  .rbt-round-blur-shape .blur-shape-inner-2 {
    max-width: 320px;
  }
}
.rbt-round-blur-shape .blur-shape-inner-2 {
  background: rgba(253, 253, 253, 0.6);
}
.rbt-round-blur-shape::before {
  content: "";
  position: absolute;
  width: 100px;
  height: 200px;
  background: var(--color-secondary);
  border-radius: 50%;
  left: 30%;
  top: 40%;
  z-index: -1;
}
.rbt-round-blur-shape::after {
  content: "";
  position: absolute;
  height: 140px;
  width: 95px;
  background: var(--color-primary);
  border-radius: 50%;
  left: 40%;
  top: 32%;
  z-index: -2;
}
.rbt-round-blur-shape.rbt-blur-primary::before {
  background: var(--color-primary);
}
.rbt-round-blur-shape.rbt-blur-primary::after {
  background: var(--color-primary);
}
.rbt-round-blur-shape.rbt-blur-primary .blur-shape-inner {
  backdrop-filter: blur(40px);
}
.rbt-round-blur-shape.rbt-blur-secondary::before {
  background: var(--color-secondary-alt);
}
.rbt-round-blur-shape.rbt-blur-secondary::after {
  background: var(--color-secondary-alt);
}
.rbt-round-blur-shape.rbt-blur-secondary .blur-shape-inner {
  backdrop-filter: blur(40px);
}
.rbt-round-blur-shape.shape-blur-level-1 .blur-shape-inner {
  backdrop-filter: blur(90px);
}
.rbt-round-blur-shape.rbt-round-blur-bottom-left {
  bottom: -20%;
  left: 0;
}
.rbt-round-blur-shape.rbt-round-blur-bottom-right {
  bottom: 0;
  right: 0;
}
.rbt-round-blur-shape.rbt-round-blur-bottom-center {
  bottom: -12%;
  left: 50%;
  transform: translateX(-80%);
}
.rbt-round-blur-shape.rbt-round-blur-top-left, .rbt-round-blur-shape.rbt-round-blur-top-left-2 {
  top: -20%;
  left: -5%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-round-blur-shape.rbt-round-blur-top-left, .rbt-round-blur-shape.rbt-round-blur-top-left-2 {
    left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1600px) and (max-width: 1919px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-round-blur-shape.rbt-round-blur-top-left, .rbt-round-blur-shape.rbt-round-blur-top-left-2 {
    top: 0%;
  }
}
.rbt-round-blur-shape.rbt-round-blur-top-left-2 {
  bottom: -15%;
  top: unset;
}
.rbt-round-blur-shape.rbt-round-blur-top-left-2 .rbt-shape-dots {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 240px;
  top: 45%;
  z-index: 10;
}
.rbt-round-blur-shape.rbt-round-blur-top-left-2.rbt-round-blur-shape::after, .rbt-round-blur-shape.rbt-round-blur-top-left-2.rbt-round-blur-shape::before {
  opacity: 0.7;
}
.rbt-round-blur-shape.rbt-round-blur-top-right {
  top: -20%;
  right: 0;
}
.rbt-round-blur-shape.rbt-round-blur-top-center {
  top: -12%;
  left: 50%;
  transform: translateX(-80%);
}
.rbt-round-blur-shape.rbt-round-blur-left-center {
  left: -7%;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-round-blur-shape.rbt-round-blur-left-center {
    left: 0;
  }
}
.rbt-round-blur-shape.rbt-round-blur-right-center {
  right: -7%;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-round-blur-shape.rbt-round-blur-right-center {
    right: 0;
  }
}
.rbt-round-blur-shape.rbt-round-blur-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rbt-round-blur-shape.rbt-it-blur-bottom-right {
  bottom: 115px;
  right: -230px;
}

.dots.dots-1 {
  position: absolute;
  left: -70px;
  top: -36px;
  z-index: -1;
}
.dots.dots-2 {
  position: absolute;
  bottom: -70px;
  right: 25px;
  transform: rotate(90deg);
  z-index: 1;
}
.dots.dots-3 {
  position: absolute;
  transform: translate(0, 50%);
  top: 50%;
  left: 48px;
  z-index: 1;
}

.rbt-qoute-img {
  position: absolute;
  bottom: 0;
  right: -7%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-qoute-img {
    right: 0;
    max-width: 50%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-qoute-img {
    right: 0;
    max-width: 46%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-qoute-img {
    right: 0;
    filter: blur(5px);
    max-width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-qoute-img {
    right: 0;
    filter: blur(25px);
    max-width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-qoute-img {
    right: 0;
    filter: blur(3px);
  }
}

.rbt-intro-video-area {
  text-align: center;
  font-family: var(--font-primary);
  font-size: 160px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -3.2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-intro-video-area {
    font-size: 115px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-intro-video-area {
    font-size: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-intro-video-area {
    font-size: 48px;
  }
}
.rbt-intro-video-area .rbt-intro-video-wrapper {
  height: 94px;
  width: 164px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-intro-video-area .rbt-intro-video-wrapper {
    height: 78px;
    width: 135px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-intro-video-area .rbt-intro-video-wrapper {
    height: 48px;
    width: 84px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-intro-video-area .rbt-intro-video-wrapper {
    height: 40px;
    width: 70px;
  }
}
.rbt-intro-video-area .rbt-intro-video-wrapper video {
  width: 100%;
  height: 100%;
}
.rbt-intro-video-area.has-bg-shape::after {
  content: "";
  height: 130px;
  width: 952px;
  background: linear-gradient(192deg, rgba(112, 139, 253, 0.1) 11.69%, rgba(254, 113, 185, 0) 96.59%);
  position: absolute;
  top: 0;
  right: 5%;
  z-index: -1;
  transform: rotate(-20deg);
}
.rbt-intro-video-area.has-bg-shape::before {
  content: "";
  height: 130px;
  width: 2078px;
  background: linear-gradient(193deg, rgba(112, 139, 253, 0) 41.48%, rgba(240, 116, 192, 0.09) 66.3%, rgba(255, 255, 255, 0) 95.63%, rgba(255, 255, 255, 0) 100.55%);
  position: absolute;
  z-index: -1;
  transform: rotate(-15deg);
}

.rbt-wider-container {
  margin-left: -100px;
  margin-right: -100px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-wider-container {
    margin-left: 0;
    margin-right: 0;
  }
}

.rbt-bg-fixed-line {
  background: url(../images/section-bg/bg-fixed-line.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 41% 76%;
}

.rbt-slide-up-wrapper {
  overflow: hidden;
}

.onepagenav .current a {
  color: var(--color-heading) !important;
}

.rbt-side-menu {
  background: var(--gradient-light1);
  border: 1px solid var(--color-white);
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 20px 46px 0 var(--color-primary-100) inset, 2.25px -7px 44px 0 var(--color-primary-100) inset;
}
.rbt-side-menu.rbt-side-menu-2 {
  background: transparent;
  border: 1px solid transparent;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}
.rbt-side-menu.rbt-side-menu-2 .rbt-side-menu-list-2 {
  background: var(--gradient-light1);
  border: 1px solid var(--color-white);
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 20px 46px 0 var(--color-primary-100) inset, 2.25px -7px 44px 0 var(--color-primary-100) inset;
}
.rbt-side-menu .rbt-side-menu-list ul {
  margin: 0;
  padding: 0 0;
}
.rbt-side-menu .rbt-side-menu-list ul li {
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}
.rbt-side-menu .rbt-side-menu-list .top {
  padding: 0;
  margin: 0;
}
.rbt-side-menu .rbt-side-menu-list .top button {
  padding: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  background: var(--color-secondary-shade);
  border: 1px solid rgba(from var(--color-heading) r g b/0.1);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  color: var(--color-body);
  font-size: 14px;
  box-shadow: none;
}
.rbt-side-menu .rbt-side-menu-list .top button::after {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.rbt-side-menu .rbt-side-menu-list-2 .rbt-list.rbt-list-2 {
  margin: 0 0 0 12px;
}
.rbt-side-menu .rbt-side-menu-list-2 .rbt-list.rbt-list-2 .current::before {
  background: radial-gradient(83.54% 74.04% at 37.13% 12%, var(--color-white-opacity-400) 0%, var(--color-primary-opacity-0) 69.79%, var(--color-primary-opacity-0) 100%), linear-gradient(var(--color-primary), var(--color-primary));
}
.rbt-side-menu .rbt-side-menu-list-2 .rbt-list.rbt-list-2 li::before {
  height: 4px;
  width: 4px;
  top: 10px;
  transform: translateY(3px);
  left: -15px;
  background: radial-gradient(107.08% 85.59% at 86.3% 87.5%, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0) 86.18%), radial-gradient(83.94% 83.94% at 26.39% 20.83%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), #D9D9D9;
}
.rbt-side-menu .rbt-side-menu-list-2 .rbt-list.rbt-list-2 li::after {
  top: 10px;
  left: -18px;
  width: 10px;
  height: 10px;
}

.rbt-meta-default {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  align-items: center;
}
.rbt-meta-default a {
  color: inherit;
  transition: var(--transition-6);
}
.rbt-meta-default:hover a {
  color: var(--color-heading);
}
.rbt-meta-default .rbt-single-meta {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: var(--font-size-b4);
}
.rbt-meta-default .rbt-single-meta:hover a {
  color: var(--color-heading);
}
.rbt-meta-default .rbt-single-meta + .rbt-single-meta {
  padding-left: 15px;
  border-left: 1px solid rgba(from var(--color-body) r g b/0.2);
}

.side-menu {
  transition: var(--transition-1);
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-thumbnail-content {
  position: relative;
  height: 600px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-thumbnail-content {
    height: 550px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumbnail-content {
    height: unset;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
}
.rbt-thumbnail-content.thumbnail-content-2 {
  height: 600px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumbnail-content.thumbnail-content-2 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-thumbnail-content.thumbnail-content-2 {
    height: 460px;
  }
}
.rbt-thumbnail-content.thumbnail-content-2 .rbt-thumbnail-img img {
  border: 4px solid var(--color-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  .rbt-thumbnail-content.thumbnail-content-2 .thumbnail-img-6 img {
    height: 360px;
    width: 300px;
  }
}
.rbt-thumbnail-content.thumbnail-content-3 {
  position: relative;
  height: 500px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumbnail-content.thumbnail-content-3 {
    height: 450px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-content.thumbnail-content-3 {
    height: 300px;
  }
}
.rbt-thumbnail-content.thumbnail-content-3 .thumbnail-img-7 img {
  border: 4px solid var(--color-white);
  border-radius: var(--radius-lg);
}
.rbt-thumbnail-content.has-bg-light::before {
  content: "";
  position: absolute;
  bottom: 20%;
  left: 20%;
  width: 185px;
  height: 223px;
  background: var(--color-secondary);
  filter: blur(100px);
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-content.has-bg-light::before {
    height: 100px;
    width: 70px;
  }
}
.rbt-thumbnail-content.has-bg-light::after {
  content: "";
  position: absolute;
  top: 8%;
  left: 50%;
  width: 163px;
  height: 221px;
  background: var(--color-primary-alt);
  filter: blur(100px);
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-content.has-bg-light::after {
    height: 100px;
    width: 70px;
  }
}
.rbt-thumbnail-content.has-bg-light.bg-light-var-2::before {
  background: linear-gradient(180deg, #5163ff 0%, #fd4382 100%);
}
.rbt-thumbnail-content.has-bg-light.bg-light-var-2::after {
  background: var(--color-secondary-alt);
}
.rbt-thumbnail-content.has-bg-light * {
  position: relative;
  z-index: 1;
}
.rbt-thumbnail-content .rbt-thumbnail-info-inner {
  padding: 50px 8px 0 8px;
  display: flex;
  max-width: 250px;
  width: 250px;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background: url(../images/about-us/bg-shape.webp), linear-gradient(145deg, rgba(112, 139, 253, 0.05) -2.12%, rgba(254, 113, 185, 0) 121.13%);
  box-shadow: 0px 20px 46.3px 0px #f6f7ff inset, 2.25px -7px 43.7px 0px #f6f7ff inset;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  border-radius: var(--radius-md);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-thumbnail-content .rbt-thumbnail-info-inner {
    width: 220px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-content .rbt-thumbnail-info-inner {
    padding-top: 20px;
    gap: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-thumbnail-content .rbt-thumbnail-info-inner {
    width: 160px;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-info-inner.rbt-thumbnail-info-inner-bg {
  background: url(../images/about-us/bg-shape.webp), var(--color-secondary-shade);
}
.rbt-thumbnail-content .rbt-thumbnail-info-inner .rbt-count {
  font-family: var(--font-primary);
  font-size: var(--display-font-2);
  font-weight: var(--f-extrabold);
  text-align: center;
  justify-content: center;
  line-height: 1;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-content .rbt-thumbnail-info-inner .rbt-count {
    font-size: var(--h2);
    justify-content: center;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-info-inner .rbt-thumbnail-badge {
  background: var(--gradient-light1);
  box-shadow: 2.25px -7px 43.7px 0px var(--color-secondary-alt-opacity-50) inset;
  padding: 50px;
  max-width: 250px;
  width: 250px;
  border-radius: 200px 200px 10px 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-thumbnail-content .rbt-thumbnail-info-inner .rbt-thumbnail-badge {
    max-width: 220px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-thumbnail-content .rbt-thumbnail-info-inner .rbt-thumbnail-badge {
    padding: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-thumbnail-content .rbt-thumbnail-info-inner .rbt-thumbnail-badge {
    width: auto;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-info-inner .rbt-thumbnail-badge.rbt-bg-variation-2 {
  background: url(../images/about-us/bg-shape4.webp);
  width: 100%;
  background-repeat: no-repeat;
  background-position: top center;
}
.rbt-thumbnail-content .rbt-thumbnail-img {
  position: absolute;
}
.rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-1 {
  left: 0;
  top: 0;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-1 {
    position: static;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-1 img {
    max-width: 160px;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-2 {
  right: 165px;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-2 {
    top: -40px;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-3 {
  right: 126px;
  bottom: 14px;
  width: 308px;
  height: 360px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-3 {
    top: -40px;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-4 {
  top: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-4 {
    top: -40px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-4 img {
    max-height: 348px;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-5 {
  top: 10%;
  z-index: 2;
  right: 20%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-5 {
    right: 12%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-5 {
    background: white;
    width: fit-content;
    border-radius: 50%;
    right: 16%;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-5 {
    top: 8%;
    right: 10%;
    z-index: 2;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-6 {
  bottom: -40px;
  left: 40%;
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-6 {
    bottom: 40px;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-7 {
  bottom: 60px;
  right: -55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-7 {
    bottom: 0;
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-7 {
    bottom: auto;
    right: auto;
    top: 60px;
    max-width: 300px;
    left: 220px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-7 {
    bottom: auto;
    right: auto;
    top: 20px;
    max-width: 200px;
    left: 140px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-8 {
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-8 {
    bottom: auto;
    right: 0;
    top: 20px;
    max-width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-content .rbt-thumbnail-img.thumbnail-img-8 {
    bottom: auto;
    right: 0;
    top: 20px;
    max-width: 200px;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-info {
  position: absolute;
  z-index: 11;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-1 {
    position: static;
    max-height: fit-content;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-1, .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-6 {
  top: 2px;
  right: 47px;
}
.rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-1.has-border, .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-6.has-border {
  border: 2px solid var(--color-white);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-1, .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-6 {
    right: 55px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-1, .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-6 {
    right: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-1, .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-6 {
    right: 96px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-1, .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-6 {
    right: 0;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-1, .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-6 {
    top: auto;
    right: 0;
    width: fit-content;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-1 .rbt-thumbnail-badge, .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-6 .rbt-thumbnail-badge {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-1 .rbt-thumbnail-badge, .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-6 .rbt-thumbnail-badge {
    margin-top: 0;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-2, .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-5, .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-7 {
  bottom: 0px;
  left: 78px;
}
.rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-2.has-border, .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-5.has-border, .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-7.has-border {
  border: 5px solid var(--color-white);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-2, .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-5, .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-7 {
    position: static;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.rbt-hi-thumbnail-info {
    bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-2 {
    position: static;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-3 {
  top: 5px;
  right: 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-3 {
    right: 59px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-3 {
    right: 50px;
    top: 45px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-3 {
    right: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-3 {
    margin-top: 84px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-3 {
    position: static;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-3 .rbt-thumbnail-info-inner {
  background: url(../images/about-us/image8.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  max-width: 250px;
  padding-top: 164px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-3 .rbt-thumbnail-info-inner {
    max-width: 230px;
    padding-top: 70px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-3 .rbt-thumbnail-info-inner {
    max-width: 160px;
    padding-top: 70px;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-3 .rbt-thumbnail-info-inner.rbt-bg-variation-2 {
  background-image: url(../images/about-us/image20.webp);
  background-position: center 0;
}
.rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-3 .rbt-thumbnail-badge {
  background: url(../images/about-us/bg-shape3.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 50px 20px;
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-3 .rbt-thumbnail-badge {
    padding: 30px 10px;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-3 .rbt-thumbnail-badge .badge-icon {
  margin-bottom: 8px;
}
.rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-4 {
  top: -73px;
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-4 {
    width: unset;
    position: unset !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-4 {
    top: -100px;
    right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-5 {
    left: 40px;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-5 .rbt-award-single {
  top: unset !important;
  background: transparent;
}
.rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-5 .rbt-thumbnail-info-text {
  background: transparent;
  width: auto;
  overflow: visible;
}
.rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-5 .rbt-award-box-wrapper {
  border-radius: 12px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  background: rgba(163, 172, 210, 0.1);
  box-shadow: 0 4px 100px 0 rgba(0, 35, 75, 0.06);
  backdrop-filter: blur(16px);
  max-width: 500px;
  min-height: 200px;
  width: 500px;
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-5 .rbt-award-box-wrapper {
    max-width: 500px;
    min-height: 160px;
    width: 340px;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-6 {
  top: 5px;
  right: 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-6 {
    right: 59px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-6 {
    right: 42px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-6 {
    right: 30px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-6 {
    position: static;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-7 {
  bottom: -8px;
  left: 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-thumbnail-content .rbt-thumbnail-info.thumbnail-info-7 {
    left: 0;
    bottom: 12px;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-info-text {
  display: flex;
  align-items: center;
  background: var(--color-light);
  width: 420px;
  border-radius: var(--radius-md);
  overflow: hidden;
}
.rbt-thumbnail-content .rbt-thumbnail-info-text.is-border {
  border: 3px solid var(--color-white);
}
@media only screen and (max-width: 479px) {
  .rbt-thumbnail-content .rbt-thumbnail-info-text {
    width: 290px;
  }
}
.rbt-thumbnail-content .rbt-thumbnail-info-text .thumbnail-bottom {
  max-width: 120px;
  margin: 30px;
  font-size: var(--h5);
  line-height: var(--line-height-b3);
  z-index: 2;
}
@media only screen and (max-width: 575px) {
  .rbt-thumbnail-content .rbt-thumbnail-info-text .thumbnail-bottom {
    margin: 10px 20px;
    font-size: var(--h6);
  }
}
.rbt-thumbnail-content .rbt-thumbnail-info-text .thumbnail-bottom-icon {
  position: absolute;
  right: -22px;
  bottom: 0;
  height: 100%;
}

.rbt-about-thumbnail {
  max-height: 450px;
  max-width: 735px;
  background: var(--color-gray-light);
  border-radius: 10px;
}

.rbt-thumbnail-img img {
  border-radius: var(--radius-md);
  max-width: fit-content;
  max-height: 480px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumbnail-img img {
    max-height: 480px;
    max-width: 350px;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-img img {
    max-height: 480px;
    max-width: 230px;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}

.rbt-thumbnail-img-2 img,
.rbt-thumbnail-img-3 img {
  border-radius: var(--radius-md);
  max-width: 350px;
  height: 540px;
  width: 318px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumbnail-img-2 img,
  .rbt-thumbnail-img-3 img {
    max-height: 480px;
    max-width: 350px;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}

.rbt-thumbnail-img-2 img {
  border-radius: var(--radius-md);
  max-height: 480px;
  max-width: 400px;
  width: 396px;
  height: 481px;
  object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-thumbnail-img-2 img {
    max-width: 335px;
    height: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-thumbnail-img-2.thumbnail-img-1 img {
    max-width: 200px;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-img-2.thumbnail-img-1 img {
    max-width: 180px;
    height: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-thumbnail-img-2.thumbnail-img-1 img {
    max-width: 160px;
  }
}

.rbt-thumbnail-img-3 img {
  max-height: 480px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.rbt-about-box,
.rbt-about-box-2 {
  padding: 60px 80px;
  background: var(--color-primary-100);
  border: 5px solid var(--color-white);
  border-radius: var(--radius-md);
  position: absolute;
  bottom: -76px;
  right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-about-box,
  .rbt-about-box-2 {
    padding: 45px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-about-box,
  .rbt-about-box-2 {
    position: static;
    padding: 20px;
    bottom: unset;
    top: 100%;
  }
}

.rbt-about-box-2 {
  right: 50px;
  bottom: -100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-about-box-2 {
    right: 0px;
  }
}

.rbt-quick-info {
  display: flex;
  gap: 15px;
  align-items: center;
}
.rbt-quick-info .rbt-icon {
  background: linear-gradient(102deg, var(--color-primary-opacity-100) -0.32%, var(--color-secondary-alt-opacity-100) 100%);
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
}

.rbt-custom-sticky {
  top: 105px;
}
@media only screen and (min-width: 1200px) {
  .rbt-custom-sticky {
    position: static !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-meeting-img {
    width: 100%;
    max-height: 400px;
    object-fit: cover;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-meeting-img {
    width: 100%;
    max-height: 350px;
    object-fit: cover;
  }
}
.rbt-meeting-img.rbt-shape-bottom-right {
  bottom: 10px;
  right: 25px;
  rotate: -30deg;
}
.rbt-meeting-img.rbt-shape-left-center {
  top: 50%;
  left: -120px;
  rotate: 35deg;
  position: absolute;
}

@media only screen and (max-width: 767px) {
  .rbt-about-area .rbt-intro-video-popup {
    margin-left: auto;
    margin-right: auto;
  }
}

.rbt-intro-video-hh {
  margin: 220px 0 0 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-intro-video-hh {
    margin: 170px 0 0 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-intro-video-hh {
    margin: 20px 0 0 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-intro-video-hh {
    margin: 150px 0 0 0;
  }
}

.rbt-flexible-about-content-grid {
  position: relative;
  min-height: 661px;
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-flexible-about-content-grid {
    min-height: 550px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-flexible-about-content-grid {
    min-height: 460px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-flexible-about-content-grid {
    min-height: 380px;
  }
}
.rbt-flexible-about-content-grid::before {
  content: "";
  width: 301px;
  height: 338px;
  border-radius: var(--radius-full);
  background: var(--color-primary-alt);
  filter: blur(75px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .rbt-flexible-about-content-grid::before {
    width: 180px;
    height: 180px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-flexible-about-content-grid.rbt-flexible-about-content-grid-2 .rbt-content-grid-item:nth-child(2) {
    z-index: 1;
    top: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-flexible-about-content-grid.rbt-flexible-about-content-grid-2 .rbt-content-grid-item:nth-child(3) {
    transform: translate(-30%, -16%);
  }
}
.rbt-flexible-about-content-grid .rbt-content-grid-item {
  width: 100%;
  height: 100%;
  border: 2px solid var(--color-white);
  border-radius: var(--radius-lg);
  overflow: hidden;
  position: relative;
}
.rbt-flexible-about-content-grid .rbt-content-grid-item:nth-child(1) {
  max-width: 294px;
  max-height: 266px;
  transform: translate(0%, 40%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-flexible-about-content-grid .rbt-content-grid-item:nth-child(1) {
    max-width: 240px;
    max-height: 217px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-flexible-about-content-grid .rbt-content-grid-item:nth-child(1) {
    max-width: 200px;
    max-height: 181px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-flexible-about-content-grid .rbt-content-grid-item:nth-child(1) {
    max-width: 160px;
    max-height: 145px;
  }
}
.rbt-flexible-about-content-grid .rbt-content-grid-item:nth-child(2) {
  max-width: 318px;
  max-height: 347px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-flexible-about-content-grid .rbt-content-grid-item:nth-child(2) {
    max-width: 260px;
    max-height: 284px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-flexible-about-content-grid .rbt-content-grid-item:nth-child(2) {
    max-width: 220px;
    max-height: 240px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-flexible-about-content-grid .rbt-content-grid-item:nth-child(2) {
    max-width: 180px;
    max-height: 197px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-flexible-about-content-grid .rbt-content-grid-item:nth-child(2) {
    max-width: 120px;
    max-height: 131px;
  }
}
.rbt-flexible-about-content-grid .rbt-content-grid-item:nth-child(3) {
  max-width: 377px;
  max-height: 393px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -16%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-flexible-about-content-grid .rbt-content-grid-item:nth-child(3) {
    max-width: 300px;
    max-height: 313px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-flexible-about-content-grid .rbt-content-grid-item:nth-child(3) {
    max-width: 240px;
    max-height: 250px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-flexible-about-content-grid .rbt-content-grid-item:nth-child(3) {
    max-width: 200px;
    max-height: 209px;
  }
}

.rbt-light-wrap {
  position: relative;
  overflow: hidden;
}
.rbt-light-wrap::before {
  position: absolute;
  content: "";
  width: 70px;
  height: 723px;
  border-radius: 723px;
  background: linear-gradient(90deg, var(--color-primary-alt-900) 0%, var(--color-secondary-alt) 100%);
  filter: blur(100px);
  top: 50%;
  left: 0;
  transform: translate(0px, -50%);
}
.rbt-light-wrap::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 210px;
  filter: blur(50px);
  border-radius: 723px;
  background: linear-gradient(90deg, var(--color-primary-alt-900) 0%, var(--color-secondary-alt) 100%);
  top: 70%;
  right: 0;
  transform: translate(0px, -50%);
}
@media only screen and (max-width: 767px) {
  .rbt-light-wrap .rbt-anim-img {
    height: 250px;
  }
}

@media only screen and (max-width: 767px) {
  .rbt-magnetic-btn-2 {
    transform: translate(50%, 50%) !important;
    right: 50%;
  }
}

.rbt-law-image-wrap {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .rbt-law-image-wrap {
    margin: 40px 0 20px 0;
  }
}
.rbt-law-image-wrap .img1 {
  position: absolute;
  z-index: -1;
  max-width: 455px;
  top: -110px;
  left: -190px;
}
.rbt-law-image-wrap .img2 {
  max-width: 564px;
  position: relative;
  top: -30px;
  left: -50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-law-image-wrap .img2 {
    width: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-law-image-wrap .img2 {
    width: 310px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-law-image-wrap .img2 {
    width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-law-image-wrap .img2 {
    max-width: 300px;
    width: 100%;
    left: -32px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-law-image-wrap .img2 {
    left: 0;
  }
}
.rbt-law-image-wrap .img3 {
  top: 80px;
  right: 30px;
  z-index: -1;
  left: unset;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-law-image-wrap .img3 {
    top: 50px;
  }
}

.rbt-law-badge-list {
  transform: translate(0, -10px);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-law-badge-list {
    transform: translate(0, 0);
  }
}
.rbt-law-badge-list.is-hover ul li img {
  transition: var(--transition-6);
}
.rbt-law-badge-list.is-hover ul li:hover img {
  transition: var(--transition-6);
  transform: scale(1.02);
}
.rbt-law-badge-list ul {
  margin: 0;
  padding: 0 0;
  max-width: 228px;
  width: 228px;
}
@media only screen and (max-width: 767px) {
  .rbt-law-badge-list ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0 20px;
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-law-badge-list ul {
    padding: 0 0 !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-law-badge-list ul {
    padding: 0 0 0 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-law-badge-list ul {
    padding: 0 0 0 35px;
  }
}
.rbt-law-badge-list ul li {
  margin: 0;
  padding: 15px 0;
  display: flex;
  gap: 10px;
  align-items: center;
  border-bottom: 1px solid rgba(from var(--color-heading) r g b/0.1);
}
.rbt-law-badge-list ul li:first-child {
  padding-top: 0;
}
.rbt-law-badge-list ul li:last-child {
  border-bottom: none;
}
.rbt-law-badge-list ul li img {
  max-width: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-law-badge-list ul li img {
    max-width: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-law-badge-list ul li img {
    max-width: 75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-law-badge-list ul li .rbt-law-badge-text {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-law-badge-list ul li .rbt-law-badge-text {
    font-size: 14px;
  }
}

.rbt-handcuff-img {
  rotate: 330deg;
  left: -30% !important;
  top: 31px !important;
  opacity: 0.1;
  width: auto;
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-newsletter-area {
  background: url(../images/newsletter/curve-shape.svg), linear-gradient(102deg, var(--color-primary) -0.32%, var(--color-secondary-alt) 100%);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: var(--radius-md);
  padding: 50px 70px 50px 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-newsletter-area {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-newsletter-area {
    padding: 24px;
  }
}
.rbt-newsletter-area .newsletter-left {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .rbt-newsletter-area .newsletter-left {
    flex-direction: column;
  }
}
.rbt-newsletter-area .newsletter-title {
  color: var(--color-white);
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-newsletter-area .newsletter-title {
    text-align: center;
  }
}
.rbt-newsletter-area.rbt-newsletter-var-2 {
  background: url(../images/section-bg/shape35.webp), linear-gradient(102deg, var(--color-primary) -0.32%, var(--color-secondary-alt) 100%);
  background-repeat: no-repeat;
  background-position: right;
  padding: 75px 70px 115px 80px;
  clip-path: polygon(0 0, 100% 0, 100% 86%, 0% 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-newsletter-area.rbt-newsletter-var-2 {
    padding: 56px;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-newsletter-area.rbt-newsletter-var-2 {
    padding: 32px;
    clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-newsletter-area.rbt-newsletter-var-2 {
    padding: 24px 24px 32px 24px;
    clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-newsletter-area.rbt-newsletter-var-2 .newsletter-title {
    text-align: start;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-newsletter-area.rbt-newsletter-var-2 .newsletter-title svg {
    width: 32px;
    height: 32px;
  }
}
.rbt-newsletter-area.rbt-newsletter-var-2 input[type=email] {
  background: var(--color-white);
  color: var(--color-heading);
  outline: 2px solid transparent;
}
.rbt-newsletter-area.rbt-newsletter-var-2 input[type=email]::placeholder {
  color: var(--color-body);
}
.rbt-newsletter-area.rbt-newsletter-var-2 input[type=email]:focus {
  outline: 2px solid var(--color-primary);
}

.rbt-round-icon {
  min-width: 80px;
  width: 80px;
  height: 80px;
  background: var(--color-white);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-round-icon {
    min-width: 70px;
    width: 70px;
    height: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-round-icon {
    min-width: 70px;
    width: 70px;
    height: 70px;
  }
}
.rbt-round-icon.with-outline {
  position: relative;
}
.rbt-round-icon.with-outline::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  border: var(--border-width) solid var(--color-white);
  border-radius: var(--radius-full);
  opacity: 0.2;
  background: transparent;
}

.rbt-newsletter-form {
  position: relative;
  max-width: 510px;
  width: 100%;
}
.rbt-newsletter-form.newsletter-form-sm input[type=email] {
  padding: 0 20px;
  height: 54px;
  padding-right: 130px;
}
@media only screen and (max-width: 767px) {
  .rbt-newsletter-form.newsletter-form-sm input[type=email] {
    padding: 0 20px;
  }
}
.rbt-newsletter-form.newsletter-form-sm .rbt-btn {
  right: 6px;
}
@media only screen and (max-width: 767px) {
  .rbt-newsletter-form.newsletter-form-sm .rbt-btn {
    height: 52px;
    padding: 0 20px;
  }
}
.rbt-newsletter-form .rbt-input-field {
  position: relative;
}
.rbt-newsletter-form input[type=email] {
  background: linear-gradient(153deg, var(--color-white-opacity-400) -3.36%, var(--color-secondary-alt-opacity-0) 149.26%);
  border-radius: var(--radius-md);
  border: var(--border-width) solid var(--color-white-opacity-300);
  height: 70px;
  padding: 0 25px;
  padding-right: 148px;
  color: var(--color-white);
  font-size: 17px;
}
@media only screen and (max-width: 767px) {
  .rbt-newsletter-form input[type=email] {
    height: 56px;
    padding: 0 20px;
  }
}
.rbt-newsletter-form input[type=email]::placeholder {
  color: var(--color-white-opacity-600);
}
.rbt-newsletter-form input[type=email]:focus {
  border-color: var(--color-white-opacity-700);
}
.rbt-newsletter-form input[type=email].rbt-input-field-rounded {
  border-radius: var(--radius-100);
}
.rbt-newsletter-form input[type=email].rbt-input-bg-var-2 {
  background: var(--color-secondary-shade);
  box-shadow: 0px 20px 122px 0px rgba(13, 7, 75, 0.08) inset, -2px -1px 7.8px 0px rgba(255, 255, 255, 0.15) inset;
  color: var(--color-heading);
}
.rbt-newsletter-form input[type=email].rbt-input-bg-var-2::placeholder {
  color: var(--color-body);
}
.rbt-newsletter-form .rbt-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  background: radial-gradient(83.54% 74.04% at 37.13% 12%, rgba(255, 255, 255, 0.31) 0%, rgba(255, 255, 255, 0) 55.41%, rgba(255, 255, 255, 0) 100%), #4C5DEF;
  box-shadow: -3px -4px 7px 0 rgba(255, 255, 255, 0.15) inset, 4px 10px 20px 0 rgba(81, 99, 255, 0.26);
}
@media only screen and (max-width: 767px) {
  .rbt-newsletter-form .rbt-btn {
    position: relative;
    left: auto;
    transform: translateY(0);
    width: 100%;
    left: 0;
    height: 56px;
    margin-top: 20px;
  }
}
.rbt-newsletter-form .rbt-btn:hover {
  transform: translateY(-50%);
}
.rbt-newsletter-form input[type=checkbox] {
  height: auto;
}
/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-meta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  align-items: center;
}
.rbt-meta a {
  color: inherit;
  transition: var(--transition-6);
}
.rbt-meta a svg path {
  transition: var(--transition-6);
}
.rbt-meta .rbt-single-meta {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: var(--font-size-b4);
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-meta .rbt-single-meta {
    font-size: var(--font-size-b5);
  }
}
.rbt-meta .rbt-single-meta svg {
  margin-top: -8px;
}
.rbt-meta .rbt-single-meta.rbt-meta-hover {
  transition: var(--transition-6);
}
.rbt-meta .rbt-single-meta.rbt-meta-hover .rbt-meta-text {
  transition: var(--transition-6);
}
.rbt-meta .rbt-single-meta.rbt-meta-hover:hover .rbt-meta-text {
  transition: var(--transition-6);
  color: var(--color-heading);
}
.rbt-meta.meta-variation-2 .rbt-single-meta + .rbt-single-meta, .rbt-meta.meta-variation-3 .rbt-single-meta + .rbt-single-meta {
  padding-left: 15px;
  border-left: 1px solid var(--color-border-5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-meta.meta-variation-2 {
    gap: 10px;
  }
  .rbt-meta.meta-variation-2 .rbt-single-meta + .rbt-single-meta {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-meta.meta-variation-3 {
    gap: 6px;
    justify-content: center;
  }
  .rbt-meta.meta-variation-3 .rbt-single-meta + .rbt-single-meta {
    padding-left: 6px !important;
  }
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
@media only screen and (max-width: 767px) {
  .rbt-brand-area .rbt-divider {
    flex-wrap: wrap;
    white-space: wrap;
  }
}

.rbt-brand-area-2,
.rbt-brand-area-3,
.rbt-brand-area-4 {
  background: var(--color-white);
  box-shadow: 0px 20px 46px 0px #f1f3ff inset, 2.25px -7px 44px 0px #f1f3ff inset;
  padding: 60px 120px;
  border-radius: var(--radius-lg);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-brand-area-2,
  .rbt-brand-area-3,
  .rbt-brand-area-4 {
    padding: 30px 35px;
  }
}
.rbt-brand-area-2::before, .rbt-brand-area-2::after,
.rbt-brand-area-3::before,
.rbt-brand-area-3::after,
.rbt-brand-area-4::before,
.rbt-brand-area-4::after {
  content: "";
  position: absolute;
  height: 15%;
  width: 8%;
  background: var(--color-secondary);
  filter: blur(75px);
}
.rbt-brand-area-2::before,
.rbt-brand-area-3::before,
.rbt-brand-area-4::before {
  left: 10%;
  top: -25%;
}
.rbt-brand-area-2::after,
.rbt-brand-area-3::after,
.rbt-brand-area-4::after {
  right: 18%;
  bottom: -25%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-brand-area-2 {
    padding: 30px 40px;
  }
}

.rbt-brand-area-3,
.rbt-brand-area-4 {
  padding: 50px 2px;
}
@media only screen and (max-width: 767px) {
  .rbt-brand-area-3,
  .rbt-brand-area-4 {
    padding: 25px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-brand-area-3 .rbt-brand-single,
  .rbt-brand-area-4 .rbt-brand-single {
    width: 200px;
    height: 100px;
  }
}
.rbt-brand-area-3 .img-map,
.rbt-brand-area-4 .img-map {
  position: absolute;
  left: 0;
  top: 240px;
  opacity: 0.1;
}

.rbt-brand-area-4 {
  padding: 30px;
}
@media only screen and (max-width: 575px) {
  .rbt-brand-area-4 {
    padding: 30px 10px;
  }
}
.rbt-brand-area-4 .rbt-counterup-area {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 80px 55px;
}
@media only screen and (max-width: 575px) {
  .rbt-brand-area-4 .rbt-counterup-area {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-brand-area-4 .rbt-counterup-area {
    gap: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-brand-area-4 .rbt-counterup-area {
    gap: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-brand-area-4 .rbt-counterup {
    min-width: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-brand-area-4 .rbt-counterup {
    min-width: 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-brand-area-4 .rbt-counterup {
    min-width: 170px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-brand-area-4 .rbt-counterup .counter {
    font-size: var(--display-font-3) !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-brand-area-4 .rbt-counterup .counter {
    font-size: var(--h2);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .rbt-brand-area-4 .rbt-counterup .rbt-counter-text {
    font-size: var(--font-size-b4);
  }
}

.rbt-brand-group {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(253px, 1fr));
}

.rbt-brand-single {
  height: 130px;
  min-width: 256px;
  background: var(--gradient-light1);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-brand-single {
    height: 100px;
    min-width: unset;
  }
  .rbt-brand-single svg {
    max-height: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-brand-single {
    height: 80px;
  }
  .rbt-brand-single svg {
    max-height: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-brand-single.has-image-logo {
    height: 105px;
  }
}
.rbt-brand-single.has-border {
  border: 1px solid rgba(from var(--color-heading) r g b/0.06);
  background: var(--color-white) !important;
}
.rbt-brand-single::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  height: 95%;
  background: linear-gradient(101deg, var(--color-primary-opacity-900) 0%, var(--color-secondary-alt-opacity-900) 100%);
  border-radius: var(--radius-md);
  z-index: 1;
  opacity: 0;
  border: var(--border-width) solid var(--color-white);
  filter: drop-shadow(0px 12px 12px rgba(5, 8, 87, 0.13));
  transition: var(--transition);
}
.rbt-brand-single .brand-inner {
  position: relative;
  overflow: hidden;
}
.rbt-brand-single .brand-inner .brand-default-logo {
  transition: var(--transition-1);
}
.rbt-brand-single .brand-inner .brand-hover-logo {
  transform: translateY(150%) rotate(20deg);
  position: absolute;
  left: 0;
  transition: var(--transition-1);
}
.rbt-brand-single .brand-inner .brand-hover-logo img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(27%) saturate(9%) hue-rotate(349deg) brightness(106%) contrast(100%);
}
.rbt-brand-single svg {
  position: relative;
  z-index: 11;
  color: var(--color-body);
}
.rbt-brand-single:hover::after {
  opacity: 1;
  width: 100%;
  height: 100%;
}
.rbt-brand-single:hover svg {
  color: var(--color-white);
}
.rbt-brand-single:hover .brand-inner .brand-default-logo {
  transform: translateY(-150%) rotate(20deg);
}
.rbt-brand-single:hover .brand-inner .brand-hover-logo {
  transform: translateY(0%) rotate(0);
}
.rbt-brand-single.has-image-logo .brand-inner .brand-default-logo {
  padding: 0 50px;
}
@media only screen and (max-width: 575px) {
  .rbt-brand-single.has-image-logo .brand-inner .brand-default-logo {
    padding: 0 15px !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-brand-single.has-image-logo .brand-inner .brand-default-logo {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-brand-single.has-image-logo .brand-inner .brand-default-logo {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-brand-single.has-image-logo .brand-inner .brand-default-logo {
    padding: 0 20px;
  }
}
.rbt-brand-single.has-image-logo .brand-inner .brand-hover-logo {
  padding: 0 50px;
  z-index: 2;
  transform: translateY(60%) rotate(20deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-brand-single.has-image-logo .brand-inner .brand-hover-logo {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-brand-single.has-image-logo .brand-inner .brand-hover-logo {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-brand-single.has-image-logo .brand-inner .brand-hover-logo {
    padding: 0 20px;
  }
}
.rbt-brand-single.has-image-logo:hover .brand-hover-logo {
  transform: translateY(-100%) rotate(0deg);
}

.rbt-brand-box-group {
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .rbt-brand-box-group {
    overflow-x: auto;
  }
  .rbt-brand-box-group::-webkit-scrollbar {
    display: none;
  }
}
.rbt-brand-box-group.rbt-brand-box-untidy {
  position: relative;
  min-height: 500px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-brand-box-group.rbt-brand-box-untidy {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-brand-box-group.rbt-brand-box-untidy {
    min-height: unset;
  }
}
.rbt-brand-box-group.rbt-brand-box-untidy .rbt-brand-box {
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .rbt-brand-box-group.rbt-brand-box-untidy .rbt-brand-box {
    position: unset;
  }
}
.rbt-brand-box-group.rbt-brand-box-untidy .rbt-brand-box.rbt-brand-box-1 {
  right: 60%;
  top: -10%;
}
.rbt-brand-box-group.rbt-brand-box-untidy .rbt-brand-box.rbt-brand-box-2 {
  top: -25%;
  right: 25%;
}
.rbt-brand-box-group.rbt-brand-box-untidy .rbt-brand-box.rbt-brand-box-3 {
  right: 0;
  top: 10%;
}
.rbt-brand-box-group.rbt-brand-box-untidy .rbt-brand-box.rbt-brand-box-4 {
  right: 64%;
  top: 40%;
  z-index: 6;
}
.rbt-brand-box-group.rbt-brand-box-untidy .rbt-brand-box.rbt-brand-box-5 {
  top: 25%;
  right: 35%;
}
.rbt-brand-box-group.rbt-brand-box-untidy .rbt-brand-box.rbt-brand-box-6 {
  top: 60%;
  left: 50%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-brand-box {
    width: 195px;
    height: 166px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-brand-box {
    width: 224px;
    height: 210px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-brand-box {
    min-width: 155px;
    height: 148px;
  }
}
.rbt-brand-box .rbt-brand-box-inner,
.rbt-brand-box .rbt-brand-box-inner-2 {
  width: 240px;
  height: 220px;
  padding: 20px;
  border-radius: var(--radius-md);
  background: linear-gradient(145deg, var(--color-primary-alt-100) -2.12%, var(--color-secondary-alt-100) 121.13%);
  box-shadow: 0px 18.787px 43.492px 0px var(--color-primary-opacity-100) inset, 2.113px -6.575px 41.05px 0px var(--color-primary-opacity-0) inset;
  display: flex;
  gap: 25px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-brand-box .rbt-brand-box-inner,
  .rbt-brand-box .rbt-brand-box-inner-2 {
    width: 195px;
    height: 166px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-brand-box .rbt-brand-box-inner,
  .rbt-brand-box .rbt-brand-box-inner-2 {
    width: 224px;
    height: 210px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-brand-box .rbt-brand-box-inner,
  .rbt-brand-box .rbt-brand-box-inner-2 {
    min-width: 155px;
    height: 130px;
    width: 150px;
    padding: 10px;
  }
}
.rbt-brand-box .rbt-brand-box-inner-2 {
  transform: var(--transition-6);
  border: 1px solid transparent;
}
.rbt-brand-box .rbt-brand-box-inner-2:hover {
  transform: var(--transition-6);
  border: 1px solid var(--color-white);
  background: linear-gradient(145deg, var(--color-primary-alt-100) -2.12%, var(--color-secondary-alt-100) 121.13%);
  box-shadow: 0 28px 38.4px -21px rgba(81, 99, 255, 0.42), 0 18.787px 43.492px 0 rgba(81, 99, 255, 0.08) inset, 2.113px -6.575px 41.05px 0 rgba(81, 99, 255, 0.02) inset;
}
.rbt-brand-box .rbt-brand-logo {
  filter: invert(61%) sepia(24%) saturate(152%) hue-rotate(178deg) brightness(85%) contrast(89%);
  transform: translateY(27px);
  transition: var(--transition-6);
}
@media only screen and (max-width: 767px) {
  .rbt-brand-box .rbt-brand-logo {
    width: 66px;
  }
}
.rbt-brand-box .rbt-brand-logo-unset {
  filter: unset;
  transform: translateY(8px);
}
@media only screen and (max-width: 767px) {
  .rbt-brand-box .rbt-brand-logo-unset svg {
    width: 66px;
    height: 66px;
  }
}
.rbt-brand-box .rbt-brand-name {
  color: var(--color-heading);
  font-weight: var(--f-medium);
  font-size: var(--h6);
  transform: translateY(-10px);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition-6);
}
@media only screen and (max-width: 767px) {
  .rbt-brand-box .rbt-brand-name {
    font-size: var(--font-size-b2);
  }
}
.rbt-brand-box .rbt-brand-name-unset {
  transform: translateY(-8px);
  opacity: 1;
  visibility: visible;
}
.rbt-brand-box:hover {
  z-index: 6;
}
.rbt-brand-box:hover .rbt-brand-logo {
  transform: translateY(0);
  filter: unset;
}
@media only screen and (max-width: 767px) {
  .rbt-brand-box:hover .rbt-brand-logo {
    transform: translateY(8px);
    width: 66px;
  }
}
.rbt-brand-box:hover .rbt-brand-name {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 767px) {
  .rbt-brand-box:hover .rbt-brand-name {
    transform: translateY(-8px);
  }
}

@media only screen and (max-width: 575px) {
  .rbt-icon-large {
    position: absolute;
    width: 400px;
    opacity: 0.5;
    margin: 0 !important;
    bottom: unset !important;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-icon-large {
    position: absolute;
    width: 320px;
    opacity: 0.5;
    bottom: 0;
    margin: 0 !important;
  }
}

.rbt-brand-default .rbt-single-brand {
  max-width: 160px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rbt-brand-default .scroll-animation {
  gap: 55px;
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-team-area .rbt-navigation-position .rbt-navigate-next {
  right: 0;
}
.rbt-team-area .rbt-navigation-position .rbt-navigate-prev {
  right: 70px;
}

.rbt-team-card-wrapper .rbt-team-card {
  border-radius: var(--radius-md);
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .rbt-team-card-wrapper .rbt-team-card {
    background: var(--color-primary-100);
  }
}
.rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb {
  background: linear-gradient(142deg, #F6F8FE 2.07%, #FDF4F9 91.38%);
  border-radius: var(--radius-md);
  overflow: hidden;
  position: relative;
}
.rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb .rbt-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px 10px;
  width: calc(100% - 30px);
  background: var(--color-white-opacity-500);
  backdrop-filter: blur(6px);
  border: 2px solid var(--color-white-opacity-400);
  border-radius: var(--radius-md);
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: var(--transition-6);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb .rbt-overlay {
    padding: 10px;
  }
}
.rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb.img-md img {
  min-height: 500px;
}
.rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb img {
  width: 100%;
  height: 100%;
  min-height: 350px;
  object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb img {
    min-height: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb img {
    min-height: 270px;
  }
}
.rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb .rbt-social {
  padding: 4px 0;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px) scaleX(0.6);
  transition: var(--transition-6);
}
.rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb .rbt-social a {
  background: var(--gradient-light1);
  transition: var(--transition-6);
}
.rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb .rbt-social a svg path {
  fill: var(--color-body);
  transition: var(--transition-6);
}
.rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb .rbt-social a::after {
  transform: scale(1);
  transition: var(--transition-6);
}
.rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb .rbt-social a:hover {
  transform: translateY(-2px);
}
.rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb .rbt-social a:hover svg path {
  fill: var(--color-white);
}
.rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb .rbt-social a:hover::after {
  opacity: 1;
}
.rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb:hover .rbt-overlay {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0px);
}
.rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb:hover .rbt-social {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px) scaleX(1);
}
.rbt-team-card-wrapper .rbt-team-card .member-info {
  padding: 20px 0;
}
@media only screen and (max-width: 767px) {
  .rbt-team-card-wrapper .rbt-team-card .member-info {
    padding: 12px;
  }
}
.rbt-team-card-wrapper .rbt-team-card .member-info .title {
  letter-spacing: normal;
  margin-bottom: 5px;
}
.rbt-team-card-wrapper .rbt-team-card .member-info .description {
  font-size: var(--font-size-b4);
  font-weight: var(--f-medium);
  padding-right: 20%;
}
@media only screen and (max-width: 767px) {
  .rbt-team-card-wrapper .rbt-team-card .member-info .description {
    padding-right: 0%;
  }
}

.rbt-team-style-2 .rbt-team-card-wrapper {
  display: flex;
  align-items: center;
  gap: 50px;
}
@media only screen and (max-width: 767px) {
  .rbt-team-style-2 .rbt-team-card-wrapper {
    gap: 20px;
  }
}
.rbt-team-style-2 .rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb,
.rbt-team-style-2 .rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb-2 {
  background: none;
  max-width: unset;
  height: unset;
}
.rbt-team-style-2 .rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb::before,
.rbt-team-style-2 .rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb-2::before {
  content: "";
  position: absolute;
  height: 230px;
  width: 100%;
  background: var(--gradient-light2);
  bottom: 0;
  clip-path: polygon(0 32%, 100% 0, 100% 100%, 0% 100%);
}
.rbt-team-style-2 .rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb::after,
.rbt-team-style-2 .rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb-2::after {
  content: none;
}
.rbt-team-style-2 .rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb img,
.rbt-team-style-2 .rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb-2 img {
  position: relative;
  z-index: 1;
}
.rbt-team-style-2 .rbt-team-card-wrapper .rbt-team-card .rbt-team-thumb-2::before {
  content: none;
}

.rbt-team-social li a {
  background: linear-gradient(90deg, rgba(112, 139, 253, 0.1) 0%, rgba(254, 113, 185, 0.1) 100%);
  color: var(--color-body);
}

@media only screen and (max-width: 575px) {
  .rbt-team-icon {
    width: 30px;
    height: 30px;
    margin: -4px 0 0 4px;
  }
}

.team-info-box {
  border-radius: 10px;
  background: var(--color-white);
  box-shadow: 0 20px 46px 0 #F1F3FF inset, 2.25px -7px 44px 0 #F1F3FF inset;
  padding: 30px;
}
@media only screen and (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-info-box {
    padding: 20px;
  }
}
.team-info-box .team-info-box-borderBottom {
  border-bottom: 2px solid var(--color-primary-400);
}
@media only screen and (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-info-box .rbt-badge.rbt-badge-md {
    padding: 10px 10px;
    font-size: 10px;
  }
}
.team-info-box .rbt-badge.rbt-badge-md .rbt-badge-text {
  font-size: 12px;
}
@media only screen and (min-width: 1200px) {
  .team-info-box .rbt-badge.rbt-badge-md .rbt-badge-text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .team-info-box h5 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-info-box h5 {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-info-box h5 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-info-box h6 {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-info-box h6 {
    font-size: 14px;
  }
}

.info-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}
.info-table tr {
  border-bottom: 2px solid var(--color-primary-400);
}
.info-table tr:last-child {
  border: none;
}
.info-table tr:last-child td {
  padding-bottom: 0;
  border: none;
}
.info-table tr:first-child td {
  padding-top: 0;
}
.info-table td {
  padding: 15px 0;
  border: none;
  vertical-align: top;
  font-size: var(--font-size-b2);
}
@media only screen and (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .info-table td {
    font-size: 14px;
  }
}

.rbt-team-card .rbt-card-inner {
  padding: 30px !important;
  background: transparent !important;
  box-shadow: var(--shadow-3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-team-card .rbt-card-inner {
    padding: 20px !important;
  }
}
.rbt-team-card .rbt-card-inner .rbt-overlay-text {
  top: 35%;
  left: 12%;
  right: unset;
  color: var(--color-primary-400);
  font-size: 20px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .rbt-team-card .rbt-card-inner .rbt-overlay-text {
    top: 45%;
    left: 8%;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-team-card .rbt-card-inner .rbt-overlay-text {
    top: 35%;
    left: 14%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .rbt-team-card .rbt-card-inner .rbt-card-content h4 {
    font-size: 18px;
  }
}
.rbt-team-card .rbt-team-card-top {
  display: flex;
  gap: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .rbt-team-card .rbt-team-card-top {
    gap: 10px;
  }
}
.rbt-team-card .rbt-team-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rbt-team-card .rbt-team-card-bottom .progress {
  max-width: 255px;
  height: 8px;
  width: 100%;
  margin: 0 10px;
  background-color: rgba(from var(--color-heading) r g b/0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
  .rbt-team-card .rbt-team-card-bottom .progress {
    max-width: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-team-card .rbt-team-card-bottom .progress {
    max-width: 180px;
  }
}
.rbt-team-card .rbt-team-card-bottom .progress .progress-bar {
  background-color: var(--color-primary);
  border-radius: var(--radius-md);
}
.rbt-team-card .service-icon {
  max-width: 50px;
  width: 100% !important;
  height: 50px !important;
}
.rbt-team-card .service-icon svg {
  padding: 8px;
}
@media only screen and (max-width: 767px) {
  .rbt-team-card .service-icon svg {
    width: unset !important;
  }
}

.rbt-progress-default .progress {
  height: 6px;
  width: 100%;
  background-color: var(--color-white);
}
.rbt-progress-default .progress .progress-bar {
  background-color: var(--color-primary);
  border-radius: var(--radius-md);
}

.rbt-progress-wrapper {
  border-radius: var(--radius-md);
  border: 1px solid #F6F7FF;
  background: var(--gradient-light2);
  padding: 20px 24px;
  max-width: 100%;
  width: 100%;
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-purchase-table,
.rbt-purchase-table-2 {
  background: #FFF;
  box-shadow: 0px 20px 46px 0px #F1F3FF inset, 2.25px -7px 44px 0px #FCFCFF inset;
  border-radius: var(--radius-md);
  padding: 10px 0 0;
  position: relative;
  transition: var(--transition-1);
}
.rbt-purchase-table:hover,
.rbt-purchase-table-2:hover {
  transform: translateY(-3px);
}
.rbt-purchase-table:hover .purchase-table-bottom .bottom-shape,
.rbt-purchase-table-2:hover .purchase-table-bottom .bottom-shape {
  transform: scale(1.1);
}
.rbt-purchase-table .rbt-badge,
.rbt-purchase-table-2 .rbt-badge {
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 15px;
  background: linear-gradient(90deg, var(--color-secondary-alt) 0%, var(--color-primary) 100%);
}
.rbt-purchase-table .purchase-table-header,
.rbt-purchase-table-2 .purchase-table-header {
  margin: 0 10px;
  padding: 30px;
  background: var(--gradient-light1);
  box-shadow: 0 20px 46.3px 0 rgba(2, 5, 30, 0.08) inset, 2.25px -7px 43.7px 0 rgba(3, 7, 48, 0.01) inset;
  border: var(--border-width) solid var(--color-white);
  border-radius: var(--radius-sm);
  text-align: center;
}
.rbt-purchase-table .purchase-price,
.rbt-purchase-table-2 .purchase-price {
  display: flex;
  align-items: end;
  width: fit-content;
  margin: 0 auto 12px;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-purchase-table .purchase-price,
  .rbt-purchase-table-2 .purchase-price {
    font-size: 36px;
  }
}
.rbt-purchase-table .purchase-price .h5,
.rbt-purchase-table-2 .purchase-price .h5 {
  margin-bottom: 16px;
}
.rbt-purchase-table .price-list,
.rbt-purchase-table-2 .price-list {
  list-style: none;
  padding: 0;
}
.rbt-purchase-table .price-list li,
.rbt-purchase-table-2 .price-list li {
  text-align: center;
  margin: 0 0 10px;
  line-height: 1.87;
}
.rbt-purchase-table .purchase-table-bottom,
.rbt-purchase-table-2 .purchase-table-bottom {
  border-radius: 100px 100px 10px 10px;
  overflow: hidden;
}
.rbt-purchase-table .purchase-table-bottom .bottom-shape,
.rbt-purchase-table-2 .purchase-table-bottom .bottom-shape {
  width: 100%;
  transition: var(--transition-1);
}
.rbt-purchase-table.active .purchase-table-header,
.rbt-purchase-table-2.active .purchase-table-header {
  background: linear-gradient(117deg, var(--color-primary) -5.2%, var(--color-secondary-alt) 105.8%);
  box-shadow: 0px 20px 46.3px 0px rgba(20, 2, 73, 0.08) inset, 2.25px -7px 43.7px 0px rgba(20, 2, 73, 0.22) inset;
  border: none;
  padding: 30px 32px;
}
.rbt-purchase-table.active .purchase-table-header *,
.rbt-purchase-table-2.active .purchase-table-header * {
  -webkit-text-fill-color: var(--color-white);
}

.rbt-purchase-table-2 {
  box-shadow: 0 20px 46.3px 0 rgba(20, 2, 73, 0.08) inset, 2.25px -7px 43.7px 0 rgba(20, 2, 73, 0.22) inset;
  padding: 25px 35px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) {
  .rbt-purchase-table-2 {
    background-image: url(../images/section-bg/shape51.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: none;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-purchase-table-2 {
    padding: 25px;
  }
}
.rbt-purchase-table-2.rbt-table-gradient {
  background: linear-gradient(117deg, #5163FF -5.2%, #FE71B9 105.8%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) {
  .rbt-purchase-table-2.rbt-table-gradient {
    background-image: url(../images/section-bg/shape50.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: none;
  }
}
.rbt-purchase-table-2.rbt-table-gradient .rbt-purchase-table-list li {
  color: var(--color-white);
}
.rbt-purchase-table-2.rbt-table-gradient .rbt-purchase-table-list li svg path {
  fill: var(--color-white);
}
.rbt-purchase-table-2 .rbt-purchase-table-list {
  margin: 0;
  padding: 0;
}
.rbt-purchase-table-2 .rbt-purchase-table-list li {
  margin: 0;
  padding: 0 0 15px 0;
  list-style: none;
  display: flex;
  gap: 12px;
  color: var(--color-heading);
}
.rbt-purchase-table-2 .rbt-purchase-table-list li:first-child {
  padding-top: 0;
}
.rbt-purchase-table-2 .rbt-purchase-table-list li:last-child {
  padding-bottom: 0;
}
.rbt-purchase-table-2 .rbt-purchase-table-list li svg path {
  fill: var(--color-heading);
}

.rbt-pricing-shape {
  position: relative;
}
.rbt-pricing-shape .rbt-pricing-shape-left {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  z-index: -1;
}
.rbt-pricing-shape .rbt-pricing-shape-right {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  z-index: -1;
}

.rbt-purchase-deal .rbt-purchase-info {
  display: flex;
  gap: 5px;
}
.rbt-purchase-deal .rbt-purchase-info .rbt-icon {
  min-width: 60px;
  filter: drop-shadow(4px 4px 26px var(--color-primary-opacity-600));
}
.rbt-purchase-deal .rbt-badge-5 {
  position: absolute;
  bottom: 100%;
  left: 70%;
}

.rbt-patched-arrow {
  position: absolute;
  left: -60px;
  top: 60px;
  animation: arrowMoving 8s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-patched-arrow {
    left: -16px;
  }
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-accordion-area {
  background: url(../images/section-bg/shape8.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  border-radius: var(--radius-md);
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-accordion-area {
    padding: 60px 14px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-accordion-area {
    background: linear-gradient(145deg, rgba(112, 139, 253, 0.05) -2.12%, rgba(254, 113, 185, 0) 121.13%);
    padding: 60px 14px;
  }
}
.rbt-accordion-area .accordion-bg-shape {
  position: absolute;
  z-index: -1;
  bottom: -50px;
  right: 0;
  opacity: 0.5;
  pointer-events: none;
}

.rbt-accordion .accordion-item {
  background: transparent;
  color: var(--color-body);
  border: none;
  border-top: var(--border-width) solid var(--color-border-6);
  border-radius: 0;
  padding: 24px 16px 24px 0;
}
.rbt-accordion .accordion-item:last-child {
  border-bottom: var(--border-width) solid var(--color-border-6);
}
@media only screen and (max-width: 767px) {
  .rbt-accordion .accordion-item {
    padding: 16px 0 16px 0;
  }
}
.rbt-accordion .accordion-header .accordion-button {
  font-size: var(--h6);
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
  background: transparent;
  padding: 0;
  display: flex;
  gap: 30px;
  align-items: start;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .rbt-accordion .accordion-header .accordion-button {
    gap: 16px;
    font-size: var(--font-size-b1);
  }
}
.rbt-accordion .accordion-header .accordion-button:focus {
  box-shadow: none;
}
.rbt-accordion .accordion-header .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.rbt-accordion .accordion-header .accordion-button::after {
  content: none;
}
.rbt-accordion .accordion-header .accordion-button .rbt-accordion-arrow {
  transform: rotate(0deg);
  transition: var(--transition);
}
.rbt-accordion .accordion-header .accordion-button.collapsed .rbt-accordion-arrow {
  transform: rotate(90deg);
}
.rbt-accordion .accordion-header .accordion-button.collapsed .rbt-accordion-arrow svg stop {
  stop-color: var(--color-gray-light);
}
.rbt-accordion .accordion-header .accordion-button.collapsed .rbt-accordion-arrow svg stop:last-child {
  stop-color: var(--color-primary);
}
.rbt-accordion .accordion-body {
  padding: 0;
  padding-right: 30px;
  position: relative;
  z-index: 7;
}

.rbt-faq-area .rbt-accordion {
  padding-right: 60px;
}
@media only screen and (max-width: 767px) {
  .rbt-faq-area .rbt-accordion {
    padding-right: 0;
  }
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-counterup-area {
  display: flex;
  flex-wrap: wrap;
  gap: 70px;
}
@media only screen and (min-width: 1200px) {
  .rbt-counterup-area {
    column-gap: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-counterup-area {
    column-gap: 30px;
    row-gap: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-counterup-area {
    column-gap: 22px;
    row-gap: 45px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-counterup-area {
    column-gap: 20px;
    row-gap: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-counterup-area {
    column-gap: 10px;
    row-gap: 10px;
  }
}

.rbt-counterup {
  border-radius: 5px;
  position: relative;
  min-width: 200px;
  padding-top: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-counterup {
    min-width: 170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-counterup {
    min-width: 156px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-counterup {
    min-width: 140px;
  }
}
.rbt-counterup::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background: var(--color-primary);
  opacity: 0.15;
}
.rbt-counterup::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  width: 0%;
  background: var(--color-primary);
  opacity: 0.15;
  transition: var(--transition);
}
.rbt-counterup:hover::before {
  opacity: 1;
  width: 100%;
}
.rbt-counterup .rbt-counter-inner .rbt-counter-content .counter {
  margin: 10px 0;
  width: fit-content;
  padding-right: 24px;
  display: flex;
  align-items: center;
}
.rbt-counterup .rbt-counter-inner .rbt-counter-content .counter .odometer {
  margin-top: 5px;
}
.rbt-counterup.rbt-counterup-2 {
  padding-top: 0;
}
.rbt-counterup.rbt-counterup-2 .rbt-counter-inner .counter {
  margin: 4px 0;
  font-size: var(--display-font-1);
  font-weight: var(--f-regular);
  align-items: end;
  line-height: 1.3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-counterup.rbt-counterup-2 .rbt-counter-inner .counter {
    font-size: var(--display-font-2);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-counterup.rbt-counterup-2 .rbt-counter-inner .counter {
    font-size: var(--display-font-3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-counterup.rbt-counterup-2 .rbt-counter-inner .counter {
    font-size: var(--h2);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-counterup.rbt-counterup-2 .rbt-counter-inner .counter {
    font-size: var(--h3);
    margin-bottom: 0;
  }
}
.rbt-counterup.rbt-counterup-2 .rbt-counter-inner .counter .rbt-counter-suffix {
  font-size: 50px;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-counterup.rbt-counterup-2 .rbt-counter-inner .counter .rbt-counter-suffix {
    font-size: var(--h3);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-counterup.rbt-counterup-2 .rbt-counter-inner .counter .rbt-counter-suffix {
    font-size: var(--h5);
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-counterup.rbt-counterup-2 .rbt-counter-inner .rbt-counter-text {
    font-size: 12px;
  }
}
.rbt-counterup .odometer-formatting-mark {
  display: none;
}
.rbt-counterup.is-dot .odometer-formatting-mark {
  display: inline;
}

.rbt-counter {
  display: flex;
  align-items: center;
}
.rbt-counter .odometer.odometer-auto-theme {
  line-height: 1;
}
.rbt-counter .odometer-digit {
  margin-top: 2px;
}
.rbt-counter .odometer-value,
.rbt-counter .rbt-counter-suffix {
  line-height: 1;
}
.rbt-counter .odometer-inside {
  line-height: 1;
}
.rbt-counter.rbt-counter-gradient .odometer-value,
.rbt-counter.rbt-counter-gradient .rbt-counter-suffix {
  background: linear-gradient(180deg, var(--color-primary-opacity-900) 0%, var(--color-secondary-alt-opacity-900) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-counter.rbt-counter-gradient .odometer-formatting-mark {
  font-size: 0;
  padding: 3px;
  border-radius: var(--radius-full);
  background: linear-gradient(180deg, var(--color-primary-opacity-900) 0%, var(--color-secondary-alt-opacity-900) 100%);
}
.rbt-counter.rbt-counter-gradient-2 .odometer-value,
.rbt-counter.rbt-counter-gradient-2 .rbt-counter-suffix {
  background: linear-gradient(135deg, var(--color-secondary-alt-opacity-50) 0%, var(--color-primary-opacity-0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-counter.rbt-counter-gradient-2 .odometer-formatting-mark {
  font-size: 0;
  padding: 3px;
  background: linear-gradient(180deg, var(--color-primary-opacity-900) 0%, var(--color-secondary-alt-opacity-900) 100%);
  border-radius: var(--radius-full);
}

.rbt-counter-box,
.rbt-counter-box-2 {
  width: fit-content;
}

@media only screen and (min-width: 1200px) {
  .rbt-counter-box-2 {
    position: absolute;
    top: 54px;
  }
}

.rbt-counter-large {
  font-weight: var(--f-medium);
  max-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rbt-counter-large .rbt-counter-suffix {
  font-size: var(--display-font-1);
}

.odometer-value,
.odometer-digit {
  display: inline-block;
  line-height: 1 !important;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-timeline {
  position: relative;
  margin-bottom: 60px;
}
.rbt-timeline.rbt-timeline-none::after {
  content: "";
  position: absolute;
  display: none;
  opacity: 0;
  visibility: hidden;
}
.rbt-timeline::after {
  content: "";
  position: absolute;
  top: 25px;
  left: 37.5px;
  bottom: 25px;
  background: var(--color-heading);
  width: 2px;
  z-index: -1;
  opacity: 0.1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-timeline::after {
    bottom: 100px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-timeline::after {
    left: 25px;
    bottom: 100px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-timeline {
    margin-bottom: 30px;
  }
}
.rbt-timeline .rbt-timeline-line {
  position: absolute;
  top: 0;
  left: 37.5px;
  width: 2px;
  height: 0%;
  background: linear-gradient(90deg, var(--color-primary-alt) 0%, var(--color-secondary-alt-opacity-900) 100%);
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-timeline .rbt-timeline-line {
    left: 25px;
  }
}
.rbt-timeline .rbt-timeline-list {
  display: grid;
  gap: 40px;
}
.rbt-timeline .rbt-timeline-grid {
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 575px) {
  .rbt-timeline .rbt-timeline-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rbt-timeline .rbt-timeline-item,
.rbt-timeline .rbt-timeline-item-2 {
  display: flex;
  gap: 50px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-timeline .rbt-timeline-item,
  .rbt-timeline .rbt-timeline-item-2 {
    gap: 25px;
  }
}
.rbt-timeline .rbt-timeline-item .rbt-timeline-point,
.rbt-timeline .rbt-timeline-item-2 .rbt-timeline-point {
  min-width: 75px;
  width: 75px;
  height: 77px;
  background: var(--gradient-light1);
  box-shadow: 0px -2px 4px 0px var(--color-secondary-alt-opacity-200) inset, 0px -4px 4px 0px var(--color-primary-opacity-200) inset;
  border-radius: var(--radius-full);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-body);
  font-family: var(--font-primary);
  font-size: var(--h4);
  font-weight: var(--f-semibold);
  line-height: normal;
  z-index: 1;
  transition: var(--transition-1);
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-timeline .rbt-timeline-item .rbt-timeline-point,
  .rbt-timeline .rbt-timeline-item-2 .rbt-timeline-point {
    width: 50px;
    min-width: 50px;
    height: 52px;
    font-size: var(--font-size-b1);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-timeline .rbt-timeline-item .rbt-timeline-point,
  .rbt-timeline .rbt-timeline-item-2 .rbt-timeline-point {
    width: 50px;
    min-width: 50px;
    height: 52px;
    font-size: var(--font-size-b1);
  }
}
.rbt-timeline .rbt-timeline-item .rbt-timeline-point::after,
.rbt-timeline .rbt-timeline-item-2 .rbt-timeline-point::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--color-primary-alt) 0%, var(--color-secondary-alt-opacity-900) 100%);
  box-shadow: 0px -2px 4px 0px rgba(20, 1, 11, 0.25) inset, 0px -4px 4px 0px rgba(8, 28, 111, 0.19) inset;
  border-radius: var(--radius-full);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-white);
  font-family: var(--font-primary);
  font-size: var(--h4);
  font-weight: var(--f-semibold);
  line-height: normal;
  transform: scale(0.95);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition-1);
  z-index: -1;
}
.rbt-timeline .rbt-timeline-item .rbt-title,
.rbt-timeline .rbt-timeline-item-2 .rbt-title {
  margin-bottom: 5px;
}
.rbt-timeline .rbt-timeline-item:hover .rbt-timeline-point, .rbt-timeline .rbt-timeline-item.active-item .rbt-timeline-point,
.rbt-timeline .rbt-timeline-item-2:hover .rbt-timeline-point,
.rbt-timeline .rbt-timeline-item-2.active-item .rbt-timeline-point {
  color: var(--color-white);
}
.rbt-timeline .rbt-timeline-item:hover .rbt-timeline-point::after, .rbt-timeline .rbt-timeline-item.active-item .rbt-timeline-point::after,
.rbt-timeline .rbt-timeline-item-2:hover .rbt-timeline-point::after,
.rbt-timeline .rbt-timeline-item-2.active-item .rbt-timeline-point::after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.rbt-timeline .rbt-timeline-item:hover .rbt-timeline-point-text svg path, .rbt-timeline .rbt-timeline-item.active-item .rbt-timeline-point-text svg path,
.rbt-timeline .rbt-timeline-item-2:hover .rbt-timeline-point-text svg path,
.rbt-timeline .rbt-timeline-item-2.active-item .rbt-timeline-point-text svg path {
  fill: var(--color-white);
}
.rbt-timeline .rbt-timeline-item-2 .rbt-timeline-point {
  box-shadow: none;
  min-width: 50px;
  width: 50px;
  height: 50px;
}
.rbt-timeline .rbt-timeline-item-2 .rbt-timeline-point::after {
  box-shadow: none;
}
.rbt-timeline .rbt-timeline-item-2 .rbt-timeline-point-text {
  transition: var(--transition-1);
}

.rbt-about-sec-thumbnail {
  height: 734px;
  position: relative;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-about-sec-thumbnail {
    height: unset;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-about-sec-thumbnail {
    gap: 15px;
  }
}
.rbt-about-sec-thumbnail .rbt-thumbnail-img {
  position: absolute;
  max-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-about-sec-thumbnail .rbt-thumbnail-img {
    position: static;
    max-width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-about-sec-thumbnail .rbt-thumbnail-img {
    position: static;
    max-width: 200px;
    max-height: 280px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-about-sec-thumbnail .rbt-thumbnail-img {
    max-width: 160px;
    max-height: 280px;
  }
}
.rbt-about-sec-thumbnail .rbt-thumbnail-img img {
  border: 4px solid var(--color-white);
  border-radius: var(--radius-md);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-about-sec-thumbnail .rbt-thumbnail-img.thumbnail-1 {
    left: 0;
    top: 0;
    width: 350px;
    height: 420px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-about-sec-thumbnail .rbt-thumbnail-img.thumbnail-1 {
    position: static;
  }
}
.rbt-about-sec-thumbnail .rbt-thumbnail-img.thumbnail-1, .rbt-about-sec-thumbnail .rbt-thumbnail-img.thumbnail-1-alt {
  left: 105px;
  top: -50px;
  width: 377px;
  height: 477px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-about-sec-thumbnail .rbt-thumbnail-img.thumbnail-1, .rbt-about-sec-thumbnail .rbt-thumbnail-img.thumbnail-1-alt {
    top: 0;
    left: 0;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-about-sec-thumbnail .rbt-thumbnail-img.thumbnail-1, .rbt-about-sec-thumbnail .rbt-thumbnail-img.thumbnail-1-alt {
    height: auto;
    width: 100%;
  }
}
.rbt-about-sec-thumbnail .rbt-thumbnail-img.thumbnail-1 img, .rbt-about-sec-thumbnail .rbt-thumbnail-img.thumbnail-1-alt img {
  width: 101%;
  height: 101%;
  max-width: unset;
  max-height: unset;
  object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-about-sec-thumbnail .rbt-thumbnail-img.thumbnail-1-alt {
    top: 0;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-about-sec-thumbnail .rbt-thumbnail-img.thumbnail-1-alt {
    left: 0;
  }
}
.rbt-about-sec-thumbnail .rbt-thumbnail-img.thumbnail-2 {
  left: auto;
  top: auto;
  right: 0;
  bottom: -30px;
  border: none;
  height: 500px;
  width: 350px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-about-sec-thumbnail .rbt-thumbnail-img.thumbnail-2 {
    bottom: -25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-about-sec-thumbnail .rbt-thumbnail-img.thumbnail-2 {
    position: static;
    height: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-about-sec-thumbnail .rbt-thumbnail-img.thumbnail-2 {
    position: static;
    height: auto;
    width: 100%;
  }
}
.rbt-about-sec-thumbnail .rbt-thumbnail-img.thumbnail-2 img {
  border-radius: var(--radius-lg) var(--radius-48) var(--radius-lg) var(--radius-lg);
  max-height: unset;
  max-width: unset;
  height: 101%;
  width: 101%;
  object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-about-sec-thumbnail .rbt-intro-video-popup {
    bottom: 100px !important;
    left: 12px !important;
  }
}
.rbt-about-sec-thumbnail .rbt-intro-video-popup,
.rbt-about-sec-thumbnail .rbt-intro-video-popup-alt {
  position: absolute;
  bottom: 55px;
  left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-about-sec-thumbnail .rbt-intro-video-popup,
  .rbt-about-sec-thumbnail .rbt-intro-video-popup-alt {
    bottom: -75px;
    left: 0;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-about-sec-thumbnail .rbt-intro-video-popup,
  .rbt-about-sec-thumbnail .rbt-intro-video-popup-alt {
    gap: 16px;
    position: static;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-about-sec-thumbnail .rbt-intro-video-popup-alt {
    bottom: 0;
  }
}
.rbt-about-sec-thumbnail .rbt-section-bg-shape {
  right: -25px;
  top: 100px;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-about-sec-thumbnail .rbt-section-bg-shape {
    right: 10px;
    top: 130px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-about-sec-thumbnail .rbt-section-bg-shape {
    right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-about-sec-thumbnail .rbt-section-bg-shape {
    right: 85px;
    top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-about-sec-thumbnail .rbt-section-bg-shape {
    right: 190px;
    top: 100px;
  }
}
.rbt-about-sec-thumbnail .rbt-info-badge,
.rbt-about-sec-thumbnail .rbt-info-badge-2 {
  background: var(--color-secondary-shade);
  padding: 40px 35px 40px 100px;
  border: 2px solid var(--color-white);
  border-radius: var(--radius-md);
  position: absolute;
  bottom: 100px;
  left: 20px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-about-sec-thumbnail .rbt-info-badge,
  .rbt-about-sec-thumbnail .rbt-info-badge-2 {
    bottom: 0px;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-about-sec-thumbnail .rbt-info-badge,
  .rbt-about-sec-thumbnail .rbt-info-badge-2 {
    gap: 16px;
  }
}
.rbt-about-sec-thumbnail .rbt-info-badge .rbt-logo-shape,
.rbt-about-sec-thumbnail .rbt-info-badge-2 .rbt-logo-shape {
  position: absolute;
  left: -48px;
  top: -10px;
}
.rbt-about-sec-thumbnail .rbt-info-badge .rbt-year,
.rbt-about-sec-thumbnail .rbt-info-badge-2 .rbt-year {
  margin-bottom: 0;
  background: linear-gradient(103deg, var(--color-primary-alt) 0%, var(--color-purple) 49.84%, var(--color-secondary-alt) 99.68%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 2px 2px 0px rgba(12, 4, 37, 0.12);
  font-size: var(--display-font);
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-about-sec-thumbnail .rbt-info-badge .rbt-year,
  .rbt-about-sec-thumbnail .rbt-info-badge-2 .rbt-year {
    font-size: var(--h1);
  }
}
.rbt-about-sec-thumbnail .rbt-info-badge-2 {
  bottom: 40px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-about-sec-thumbnail .rbt-info-badge-2 {
    position: relative;
    bottom: unset;
    margin-top: -40px;
  }
}

.rbt-video-popup-group {
  display: flex;
  gap: 20px;
  align-items: center;
  width: fit-content;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .rbt-video-popup-group {
    gap: 15px;
  }
}

.rbt-intro-video-popup,
.rbt-intro-video-popup-alt {
  background: var(--color-light);
  padding: 20px 30px;
  border: 4px solid var(--color-white);
  border-radius: var(--radius-md);
  width: fit-content;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .rbt-intro-video-popup,
  .rbt-intro-video-popup-alt {
    padding: 15px 20px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-intro-video-popup,
  .rbt-intro-video-popup-alt {
    padding: 10px 14px;
  }
}
.rbt-intro-video-popup .rbt-inner,
.rbt-intro-video-popup-alt .rbt-inner {
  display: flex;
  gap: 50px;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .rbt-intro-video-popup .rbt-inner,
  .rbt-intro-video-popup-alt .rbt-inner {
    gap: 10px;
  }
}
.rbt-intro-video-popup.has-bottom-shade::before,
.rbt-intro-video-popup-alt.has-bottom-shade::before {
  content: "";
  position: absolute;
  top: 12%;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 40px);
  height: 100%;
  background: var(--color-white-opacity-500);
  box-shadow: 0px 3px 3px 0px var(--color-primary-opacity-50);
  border-radius: var(--radius-md);
  z-index: -1;
}
.rbt-intro-video-popup.has-bottom-shade::after,
.rbt-intro-video-popup-alt.has-bottom-shade::after {
  content: "";
  position: absolute;
  top: 24%;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 80px);
  height: 100%;
  background: var(--color-white-opacity-500);
  box-shadow: 0px 3px 3px -2px var(--color-primary-opacity-50);
  border-radius: var(--radius-md);
  z-index: -1;
}
.rbt-intro-video-popup.has-bottom-shade .rbt-inner::after,
.rbt-intro-video-popup-alt.has-bottom-shade .rbt-inner::after {
  content: "";
  width: calc(100% - 110px);
  height: 100%;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-white-opacity-500);
  border-radius: var(--radius-md);
  z-index: -2;
}
.rbt-intro-video-popup.has-bg-gradient,
.rbt-intro-video-popup-alt.has-bg-gradient {
  background: linear-gradient(102deg, #91C2FE -11.71%, #C872F2 46.27%, #FE72BA 73.68%, #FFF6EA 104.26%);
}
.rbt-intro-video-popup.has-bg-gradient .rbt-btn.rbt-btn-circle,
.rbt-intro-video-popup-alt.has-bg-gradient .rbt-btn.rbt-btn-circle {
  background: transparent;
  border: 2px solid var(--color-white-opacity-200);
}
.rbt-intro-video-popup.has-bg-gradient .rbt-btn.rbt-btn-circle::after,
.rbt-intro-video-popup-alt.has-bg-gradient .rbt-btn.rbt-btn-circle::after {
  background: transparent;
}
.rbt-intro-video-popup .icon,
.rbt-intro-video-popup-alt .icon {
  position: absolute;
  bottom: 50%;
  left: 65px;
  z-index: 1;
  transform: translateY(50%);
  top: auto;
  pointer-events: none;
}
.rbt-intro-video-popup .h5,
.rbt-intro-video-popup-alt .h5 {
  color: var(--color-body);
  font-weight: 500;
  margin: 0;
  max-width: 120px;
  line-height: var(--line-height-b3);
}
@media only screen and (max-width: 575px) {
  .rbt-intro-video-popup .h5,
  .rbt-intro-video-popup-alt .h5 {
    max-width: 100px;
  }
}
.rbt-intro-video-popup.rbt-variation-2,
.rbt-intro-video-popup-alt.rbt-variation-2 {
  padding: 0;
  border: none;
  background: var(--color-white);
}
.rbt-intro-video-popup.rbt-variation-2 .rbt-inner,
.rbt-intro-video-popup-alt.rbt-variation-2 .rbt-inner {
  padding: 20px 25px;
  flex-direction: column;
  gap: 5px;
  align-items: start;
  border-radius: var(--radius-md);
  position: relative;
  border-radius: var(--radius-md);
  background: var(--color-secondary-shade);
  min-width: 350px;
}
@media only screen and (max-width: 767px) {
  .rbt-intro-video-popup.rbt-variation-2 .rbt-inner,
  .rbt-intro-video-popup-alt.rbt-variation-2 .rbt-inner {
    min-width: 295px;
    padding: 15px;
  }
}
.rbt-intro-video-popup.rbt-variation-2 .rbt-inner::before,
.rbt-intro-video-popup-alt.rbt-variation-2 .rbt-inner::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  background: linear-gradient(102deg, var(--color-primary) -0.32%, var(--color-secondary-alt) 100%);
  border-radius: var(--radius-md);
  z-index: -1;
  opacity: 0;
  transform: scale(0.95);
  transition: var(--transition-1);
}
.rbt-intro-video-popup.rbt-variation-2 .rbt-inner .rbt-icon,
.rbt-intro-video-popup-alt.rbt-variation-2 .rbt-inner .rbt-icon {
  max-height: 20px;
}
.rbt-intro-video-popup.rbt-variation-2 .rbt-title,
.rbt-intro-video-popup-alt.rbt-variation-2 .rbt-title {
  background: linear-gradient(102deg, var(--color-primary) -0.32%, var(--color-secondary-alt) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
}
.rbt-intro-video-popup.rbt-variation-2 .rbt-btn,
.rbt-intro-video-popup-alt.rbt-variation-2 .rbt-btn {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media only screen and (max-width: 767px) {
  .rbt-intro-video-popup.rbt-variation-2 .rbt-btn,
  .rbt-intro-video-popup-alt.rbt-variation-2 .rbt-btn {
    top: 10px;
    right: 12px;
  }
}
.rbt-intro-video-popup.rbt-variation-2:hover .rbt-inner::before,
.rbt-intro-video-popup-alt.rbt-variation-2:hover .rbt-inner::before {
  opacity: 1;
  transform: scale(1);
}
.rbt-intro-video-popup.rbt-variation-2.has-bottom-shade::before,
.rbt-intro-video-popup-alt.rbt-variation-2.has-bottom-shade::before {
  top: 10%;
  background: var(--color-secondary-shade);
  box-shadow: 0px 4px 10.8px 0px rgba(81, 99, 255, 0.33);
  opacity: 0.2;
}
.rbt-intro-video-popup.rbt-variation-2.has-bottom-shade::after,
.rbt-intro-video-popup-alt.rbt-variation-2.has-bottom-shade::after {
  top: 20%;
  background: var(--color-secondary-shade);
  box-shadow: 0px 4px 32.1px 0px rgba(81, 99, 255, 0.33);
  opacity: 0.2;
}
.rbt-intro-video-popup.rbt-variation-2.has-bottom-shade .rbt-inner::after,
.rbt-intro-video-popup-alt.rbt-variation-2.has-bottom-shade .rbt-inner::after {
  content: none;
}

.rbt-intro-video-transparent {
  border: 1px solid transparent;
  border-radius: 100%;
  background: transparent;
}
.rbt-intro-video-transparent .rbt-btn-circle {
  background: transparent;
  border: 1px solid var(--color-white);
}
.rbt-intro-video-transparent .rbt-btn-circle::after {
  background: transparent;
}

@media only screen and (max-width: 575px) {
  .rbt-intro-video-icon img {
    width: 80px;
    height: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .rbt-service-offer .rbt-card-3 {
    max-width: unset !important;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-service-offer .rbt-card-3 {
    max-width: 280px;
  }
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-contact-info-area {
  margin-bottom: 200px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-contact-info-area {
    margin-bottom: 116px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-contact-info-area {
    margin-bottom: 0;
  }
}
.rbt-contact-info-area.variation-2 .rbt-form, .rbt-contact-info-area.variation-3 .rbt-form {
  margin-top: 0;
  top: 120px;
  z-index: 1;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-contact-info-area.variation-2 .rbt-form, .rbt-contact-info-area.variation-3 .rbt-form {
    top: 0;
  }
}
.rbt-contact-info-area.variation-2::before, .rbt-contact-info-area.variation-3::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  max-width: 385px;
  top: 0%;
  right: 0;
  clip-path: polygon(0% 63.5%, 100% 54.5%, 100% 62%, 0% 71%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--color-primary) 140%);
  z-index: 1;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-contact-info-area.variation-2::before, .rbt-contact-info-area.variation-3::before {
    content: none;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-contact-info-area.variation-2 .rbt-title svg, .rbt-contact-info-area.variation-3 .rbt-title svg {
    display: none;
  }
}
.rbt-contact-info-area.variation-3::before {
  content: none;
}
.rbt-contact-info-area.variation-3 .rbt-contact-shape {
  position: absolute;
  top: -70px;
  right: -115px;
  z-index: -1;
}

.rbt-contact-info-list {
  display: flex;
  column-gap: 40px;
  row-gap: 35px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-contact-info-list {
    column-gap: 20px;
    row-gap: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-contact-info-list {
    column-gap: 20px;
    row-gap: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-contact-info-list {
    row-gap: 24px;
  }
}
.rbt-contact-info-list .rbt-info-single-box {
  display: flex;
  gap: 20px;
  width: 340px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-contact-info-list .rbt-info-single-box {
    column-gap: 20px;
    width: 312px;
  }
}
.rbt-contact-info-list .rbt-info-single-box .icon {
  display: block;
  height: 80px;
  min-width: 80px;
}
.rbt-contact-info-list .rbt-info-single-box .rbt-info-content .rbt-title {
  margin-bottom: 5px;
  font-size: var(--font-size-b1);
}
@media only screen and (max-width: 767px) {
  .rbt-contact-info-list .rbt-info-single-box .rbt-info-content .rbt-title {
    font-size: var(--font-size-b2);
  }
}
.rbt-contact-info-list .rbt-info-single-box .rbt-info-content span,
.rbt-contact-info-list .rbt-info-single-box .rbt-info-content a {
  color: var(--color-body);
  font-family: var(--font-primary);
  font-size: var(--font-size-b2);
  line-height: 1.5;
  font-weight: var(--f-light);
  margin: 0;
}
.rbt-contact-info-list .rbt-info-single-box .rbt-info-content a:hover {
  color: var(--color-heading);
}

.rbt-contact-thumbnail-box {
  position: relative;
  max-width: 348px;
  border-radius: var(--radius-md);
}
.rbt-contact-thumbnail-box::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, var(--color-primary-opacity-0) 32.58%, var(--color-heading) 100%);
  border-radius: var(--radius-md);
  z-index: 1;
}
.rbt-contact-thumbnail-box.rbt-thumbnail-box-primary::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(81, 99, 255, 0) 51.69%, #5163FF 103.56%);
  border-radius: var(--radius-md);
  z-index: 1;
}
.rbt-contact-thumbnail-box.rbt-thumbnail-box-secondary::after {
  background: linear-gradient(180deg, rgba(81, 99, 255, 0) 32.58%, #00234B 100%) !important;
}
.rbt-contact-thumbnail-box.box-wdth-unset {
  max-width: unset;
}
.rbt-contact-thumbnail-box .rbt-inner::before {
  content: "";
  position: absolute;
  top: -32px;
  left: 50%;
  transform: translateX(-50%);
  height: 92px;
  width: calc(100% - 80px);
  background: rgba(127, 132, 234, 0.06);
  border-radius: var(--radius-md);
  z-index: -1;
}
.rbt-contact-thumbnail-box .rbt-inner::after {
  content: "";
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  height: 116px;
  width: calc(100% - 40px);
  background: rgba(127, 132, 234, 0.06);
  border-radius: var(--radius-md);
  z-index: -1;
}
.rbt-contact-thumbnail-box .rbt-thumbnail-img {
  border-radius: var(--radius-md);
  max-width: 100%;
}
.rbt-contact-thumbnail-box .rbt-content {
  position: absolute;
  bottom: 40px;
  width: 100%;
  text-align: center;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .rbt-hfa-contact-thumbnail-box {
    max-width: unset;
    margin: 40px 0 0 0;
  }
  .rbt-hfa-contact-thumbnail-box .rbt-thumbnail-img {
    width: 100%;
  }
}

.split-line {
  overflow: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-contact-info-area-2 {
    margin-bottom: 320px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-contact-info-area-2 {
    margin-bottom: -80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-contact-info-area-2 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-contact-info-area-2 {
    margin-bottom: 40px;
  }
}
.rbt-contact-info-area-2 .rbt-form {
  top: 20%;
  right: 0px;
}
@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-contact-info-area-2 .rbt-form {
    right: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-contact-info-area-2 .rbt-form {
    top: 15%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-contact-info-area-2 .rbt-form {
    top: unset;
    right: unset;
  }
}

@media only screen and (min-width: 1200px) {
  .bg-image-1 {
    background-image: url(../images/testimonial/map2.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-showcase-card-wrapper,
.rbt-showcase-card-wrapper-2 {
  margin-left: -15px;
  margin-right: -15px;
}
.rbt-showcase-card-wrapper .swiper-slide,
.rbt-showcase-card-wrapper-2 .swiper-slide {
  width: fit-content;
  z-index: 1;
  position: relative;
}
.rbt-showcase-card-wrapper .swiper-slide .rbt-project-showcase-card,
.rbt-showcase-card-wrapper-2 .swiper-slide .rbt-project-showcase-card {
  overflow: unset;
  height: 465px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-showcase-card-wrapper .swiper-slide .rbt-project-showcase-card,
  .rbt-showcase-card-wrapper-2 .swiper-slide .rbt-project-showcase-card {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-showcase-card-wrapper .swiper-slide .rbt-project-showcase-card,
  .rbt-showcase-card-wrapper-2 .swiper-slide .rbt-project-showcase-card {
    height: 320px;
  }
}
.rbt-showcase-card-wrapper .swiper-slide .rbt-project-showcase-card .rbt-showcase-project-thumb img,
.rbt-showcase-card-wrapper-2 .swiper-slide .rbt-project-showcase-card .rbt-showcase-project-thumb img {
  border-radius: var(--radius-lg);
  transform: scaleY(1) scaleX(1);
  transition: var(--transition-5);
  border: 2px solid var(--color-white);
  box-shadow: var(--shadow-1);
}
.rbt-showcase-card-wrapper .swiper-slide .rbt-project-showcase-card .rbt-showcase-project-info-text,
.rbt-showcase-card-wrapper-2 .swiper-slide .rbt-project-showcase-card .rbt-showcase-project-info-text {
  opacity: 0;
}
.rbt-showcase-card-wrapper .swiper-slide.swiper-slide-active,
.rbt-showcase-card-wrapper-2 .swiper-slide.swiper-slide-active {
  z-index: 5 !important;
}
.rbt-showcase-card-wrapper .swiper-slide.swiper-slide-active .rbt-project-showcase-card .rbt-showcase-project-thumb img,
.rbt-showcase-card-wrapper-2 .swiper-slide.swiper-slide-active .rbt-project-showcase-card .rbt-showcase-project-thumb img {
  transform-origin: bottom left;
  transform: scaleY(1.4) scaleX(1.38);
  transition: var(--transition-5);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-showcase-card-wrapper .swiper-slide.swiper-slide-active .rbt-project-showcase-card .rbt-showcase-project-thumb img,
  .rbt-showcase-card-wrapper-2 .swiper-slide.swiper-slide-active .rbt-project-showcase-card .rbt-showcase-project-thumb img {
    transform: scaleY(1.2) scaleX(1.2);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-showcase-card-wrapper .swiper-slide.swiper-slide-active .rbt-project-showcase-card .rbt-showcase-project-thumb img,
  .rbt-showcase-card-wrapper-2 .swiper-slide.swiper-slide-active .rbt-project-showcase-card .rbt-showcase-project-thumb img {
    transform: scaleY(1) scaleX(1);
  }
}
.rbt-showcase-card-wrapper .swiper-slide.swiper-slide-active .rbt-project-showcase-card .rbt-showcase-project-info-text,
.rbt-showcase-card-wrapper-2 .swiper-slide.swiper-slide-active .rbt-project-showcase-card .rbt-showcase-project-info-text {
  bottom: 30px;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-showcase-card-wrapper .swiper-slide.swiper-slide-active .rbt-project-showcase-card .rbt-showcase-project-info-text,
  .rbt-showcase-card-wrapper-2 .swiper-slide.swiper-slide-active .rbt-project-showcase-card .rbt-showcase-project-info-text {
    bottom: 20px;
  }
}
.rbt-showcase-card-wrapper .swiper-slide.swiper-slide-active .rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title,
.rbt-showcase-card-wrapper-2 .swiper-slide.swiper-slide-active .rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title {
  opacity: 1;
}
.rbt-showcase-card-wrapper .swiper-slide.swiper-slide-prev .rbt-project-showcase-card .rbt-showcase-project-thumb img,
.rbt-showcase-card-wrapper-2 .swiper-slide.swiper-slide-prev .rbt-project-showcase-card .rbt-showcase-project-thumb img {
  transform-origin: bottom right;
  transform: scaleY(1.3) scaleX(1.3);
  transition: var(--transition-5);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-showcase-card-wrapper .swiper-slide.swiper-slide-prev .rbt-project-showcase-card .rbt-showcase-project-thumb img,
  .rbt-showcase-card-wrapper-2 .swiper-slide.swiper-slide-prev .rbt-project-showcase-card .rbt-showcase-project-thumb img {
    transform: scaleY(1.15) scaleX(1.15);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-showcase-card-wrapper .swiper-slide.swiper-slide-prev .rbt-project-showcase-card .rbt-showcase-project-thumb img,
  .rbt-showcase-card-wrapper-2 .swiper-slide.swiper-slide-prev .rbt-project-showcase-card .rbt-showcase-project-thumb img {
    transform: scaleY(1) scaleX(1);
  }
}
.rbt-showcase-card-wrapper .swiper-slide.swiper-slide-next,
.rbt-showcase-card-wrapper-2 .swiper-slide.swiper-slide-next {
  z-index: 4 !important;
}
.rbt-showcase-card-wrapper .swiper-slide.swiper-slide-next .rbt-project-showcase-card .rbt-showcase-project-thumb img,
.rbt-showcase-card-wrapper-2 .swiper-slide.swiper-slide-next .rbt-project-showcase-card .rbt-showcase-project-thumb img {
  transform-origin: bottom left;
  transform: scaleY(1.15) scaleX(1.15);
  transition: var(--transition-5);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-showcase-card-wrapper .swiper-slide.swiper-slide-next .rbt-project-showcase-card .rbt-showcase-project-thumb img,
  .rbt-showcase-card-wrapper-2 .swiper-slide.swiper-slide-next .rbt-project-showcase-card .rbt-showcase-project-thumb img {
    transform: scaleY(1) scaleX(1);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-showcase-card-wrapper .swiper-slide.swiper-slide-next .rbt-project-showcase-card .rbt-showcase-project-thumb img,
  .rbt-showcase-card-wrapper-2 .swiper-slide.swiper-slide-next .rbt-project-showcase-card .rbt-showcase-project-thumb img {
    transform: scaleY(1) scaleX(1);
  }
}
.rbt-showcase-card-wrapper .swiper-slide.active-slide,
.rbt-showcase-card-wrapper-2 .swiper-slide.active-slide {
  z-index: 3;
}
.rbt-showcase-card-wrapper .rbt-navigate-prev,
.rbt-showcase-card-wrapper .rbt-navigate-next,
.rbt-showcase-card-wrapper .rbt-navigate-prev-2,
.rbt-showcase-card-wrapper .rbt-navigate-next-2,
.rbt-showcase-card-wrapper-2 .rbt-navigate-prev,
.rbt-showcase-card-wrapper-2 .rbt-navigate-next,
.rbt-showcase-card-wrapper-2 .rbt-navigate-prev-2,
.rbt-showcase-card-wrapper-2 .rbt-navigate-next-2 {
  top: 0;
  right: 15px;
}
@media only screen and (max-width: 767px) {
  .rbt-showcase-card-wrapper .rbt-navigate-prev,
  .rbt-showcase-card-wrapper .rbt-navigate-next,
  .rbt-showcase-card-wrapper .rbt-navigate-prev-2,
  .rbt-showcase-card-wrapper .rbt-navigate-next-2,
  .rbt-showcase-card-wrapper-2 .rbt-navigate-prev,
  .rbt-showcase-card-wrapper-2 .rbt-navigate-next,
  .rbt-showcase-card-wrapper-2 .rbt-navigate-prev-2,
  .rbt-showcase-card-wrapper-2 .rbt-navigate-next-2 {
    top: 50% !important;
    transform: translateY(-50%);
  }
}
.rbt-showcase-card-wrapper .rbt-navigate-prev-3,
.rbt-showcase-card-wrapper .rbt-navigate-next-3,
.rbt-showcase-card-wrapper-2 .rbt-navigate-prev-3,
.rbt-showcase-card-wrapper-2 .rbt-navigate-next-3 {
  top: unset !important;
  right: unset !important;
  left: unset !important;
  bottom: unset !important;
}
@media only screen and (max-width: 767px) {
  .rbt-showcase-card-wrapper .rbt-navigate-prev-3,
  .rbt-showcase-card-wrapper .rbt-navigate-next-3,
  .rbt-showcase-card-wrapper-2 .rbt-navigate-prev-3,
  .rbt-showcase-card-wrapper-2 .rbt-navigate-next-3 {
    transform: none;
  }
}
.rbt-showcase-card-wrapper .rbt-navigate-prev-2,
.rbt-showcase-card-wrapper .rbt-navigate-next-2,
.rbt-showcase-card-wrapper-2 .rbt-navigate-prev-2,
.rbt-showcase-card-wrapper-2 .rbt-navigate-next-2 {
  top: -70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-showcase-card-wrapper .rbt-navigate-prev-2,
  .rbt-showcase-card-wrapper .rbt-navigate-next-2,
  .rbt-showcase-card-wrapper-2 .rbt-navigate-prev-2,
  .rbt-showcase-card-wrapper-2 .rbt-navigate-next-2 {
    top: -60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-showcase-card-wrapper .rbt-navigate-prev-2,
  .rbt-showcase-card-wrapper .rbt-navigate-next-2,
  .rbt-showcase-card-wrapper-2 .rbt-navigate-prev-2,
  .rbt-showcase-card-wrapper-2 .rbt-navigate-next-2 {
    top: -30px;
  }
}
.rbt-showcase-card-wrapper .rbt-navigate-prev,
.rbt-showcase-card-wrapper .rbt-navigate-prev-2,
.rbt-showcase-card-wrapper-2 .rbt-navigate-prev,
.rbt-showcase-card-wrapper-2 .rbt-navigate-prev-2 {
  right: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-showcase-card-wrapper .rbt-navigate-prev,
  .rbt-showcase-card-wrapper .rbt-navigate-prev-2,
  .rbt-showcase-card-wrapper-2 .rbt-navigate-prev,
  .rbt-showcase-card-wrapper-2 .rbt-navigate-prev-2 {
    right: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-showcase-card-wrapper .rbt-navigate-prev,
  .rbt-showcase-card-wrapper .rbt-navigate-prev-2,
  .rbt-showcase-card-wrapper-2 .rbt-navigate-prev,
  .rbt-showcase-card-wrapper-2 .rbt-navigate-prev-2 {
    right: auto;
    left: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-showcase-card-wrapper .rbt-navigate-next,
  .rbt-showcase-card-wrapper .rbt-navigate-next-2,
  .rbt-showcase-card-wrapper-2 .rbt-navigate-next,
  .rbt-showcase-card-wrapper-2 .rbt-navigate-next-2 {
    right: 5px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1920px) and (max-width: 2519px) {
  .rbt-showcase-card-wrapper-3 .rbt-navigate-prev,
  .rbt-showcase-card-wrapper-3 .rbt-navigate-next {
    top: -70px;
  }
}

.rbt-showcase-btn-center {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.rbt-case-project-info-text-two {
  bottom: -30px !important;
  left: unset !important;
  opacity: 1 !important;
  width: 100%;
  padding: 0 30px;
}
.rbt-case-project-info-text-two .rbt-showcase-title {
  opacity: 1 !important;
  box-shadow: 0 4px 46px 0 rgba(81, 99, 255, 0.12);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-case-project-info-text-two .rbt-showcase-title {
    min-width: unset !important;
  }
  .rbt-case-project-info-text-two .rbt-showcase-title .rbt-title {
    font-size: 18px;
  }
}

.rbt-project-showcase-card,
.rbt-project-showcase-card-2 {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-sm);
  min-height: 240px;
  height: 100%;
}
.rbt-project-showcase-card.rbt-project-case-card,
.rbt-project-showcase-card-2.rbt-project-case-card {
  overflow: visible !important;
}
.rbt-project-showcase-card.rbt-project-case-card .rbt-showcase-project-thumb img,
.rbt-project-showcase-card-2.rbt-project-case-card .rbt-showcase-project-thumb img {
  border-radius: 12px;
}
.rbt-project-showcase-card .rbt-showcase-project-thumb,
.rbt-project-showcase-card-2 .rbt-showcase-project-thumb {
  height: 100%;
}
.rbt-project-showcase-card .rbt-showcase-project-thumb img,
.rbt-project-showcase-card-2 .rbt-showcase-project-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rbt-project-showcase-card .rbt-showcase-project-thumb .rbt-btn,
.rbt-project-showcase-card-2 .rbt-showcase-project-thumb .rbt-btn {
  position: absolute;
  top: 20px;
  right: 20px;
}
.rbt-project-showcase-card .rbt-showcase-project-thumb.rbt-showcase-project-thumb-2,
.rbt-project-showcase-card-2 .rbt-showcase-project-thumb.rbt-showcase-project-thumb-2 {
  max-height: 480px;
}
@media only screen and (max-width: 767px) {
  .rbt-project-showcase-card .rbt-showcase-project-thumb.rbt-showcase-project-thumb-2,
  .rbt-project-showcase-card-2 .rbt-showcase-project-thumb.rbt-showcase-project-thumb-2 {
    max-height: 280px;
  }
}
.rbt-project-showcase-card .rbt-showcase-project-thumb .rbt-item-count,
.rbt-project-showcase-card-2 .rbt-showcase-project-thumb .rbt-item-count {
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 6px 8px;
  color: var(--color-secondary-shade);
  font-size: var(--font-size-b2);
  border-radius: var(--radius-100);
  border: 2px solid var(--color-white-opacity-50);
  background: var(--color-white-opacity-100);
  box-shadow: -4px -4px 4px 0px var(--color-white-opacity-50) inset, 4px 6px 4px 0px rgba(6, 2, 19, 0.18) inset;
}
.rbt-project-showcase-card .rbt-showcase-project-thumb .rbt-item-count-2,
.rbt-project-showcase-card-2 .rbt-showcase-project-thumb .rbt-item-count-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  top: unset;
  bottom: 20px;
  left: 20px;
  right: unset;
  border-radius: 8px;
  border: 1px solid rgba(from var(--color-white) r g b/0.2);
  background: rgba(from var(--color-white) r g b/0.4);
  backdrop-filter: blur(18px);
  color: var(--color-heading);
  width: 50px;
  height: 28px;
  padding: 1px 6px;
  box-shadow: none;
}
.rbt-project-showcase-card .rbt-showcase-project-thumb .rbt-item-count-3,
.rbt-project-showcase-card-2 .rbt-showcase-project-thumb .rbt-item-count-3 {
  background: var(--color-secondary-shade);
  color: var(--color-body);
  font-size: var(--font-size-b2);
  box-shadow: none;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 2px 2px;
  max-width: 90px;
  width: 100%;
  left: 10px;
  top: 10px;
}
.rbt-project-showcase-card .rbt-showcase-project-thumb .rbt-item-count-3 .icon,
.rbt-project-showcase-card-2 .rbt-showcase-project-thumb .rbt-item-count-3 .icon {
  color: var(--color-white);
  background: var(--color-primary);
  border: 1px solid rgba(from var(--color-white) r g b/0.16);
  padding: 10px;
  border-radius: var(--radius-full);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rbt-project-showcase-card .rbt-showcase-project-info-text,
.rbt-project-showcase-card-2 .rbt-showcase-project-info-text {
  position: absolute;
  bottom: -70px;
  left: 30px;
  transition: var(--transition-5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-project-showcase-card .rbt-showcase-project-info-text,
  .rbt-project-showcase-card-2 .rbt-showcase-project-info-text {
    left: 16px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-project-showcase-card .rbt-showcase-project-info-text,
  .rbt-project-showcase-card-2 .rbt-showcase-project-info-text {
    left: 12px;
    bottom: -51px;
  }
}
.rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title,
.rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title {
  background: var(--color-white);
  border-radius: var(--radius-sm);
  padding: 10px 10px 10px 22px;
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
  max-width: 460px;
  min-width: 532px;
  opacity: 0;
  transition: var(--transition-5);
}
@media only screen and (max-width: 767px) {
  .rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title,
  .rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title {
    min-width: unset;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title,
  .rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title {
    min-width: 350px;
  }
}
.rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title.has-circle-icon,
.rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title.has-circle-icon {
  border-radius: var(--radius-100);
}
.rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title.has-circle-icon .rbt-icon,
.rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title.has-circle-icon .rbt-icon {
  border-radius: var(--radius-full);
}
.rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title.has-circle-icon .rbt-icon::after,
.rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title.has-circle-icon .rbt-icon::after {
  border-radius: var(--radius-full);
}
.rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title.rbt-showcase-title-md,
.rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title.rbt-showcase-title-md {
  min-width: 370px;
  margin-right: 30px;
  margin-top: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title.rbt-showcase-title-md,
  .rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title.rbt-showcase-title-md {
    min-width: 320px;
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title,
  .rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title {
    padding: 8px;
    min-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title .rbt-title,
  .rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title .rbt-title {
    font-size: var(--font-size-b1);
  }
}
.rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title .rbt-icon,
.rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title .rbt-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  background: var(--gradient-light2);
  border-radius: var(--radius-xxl) 0 var(--radius-xxl) var(--radius-xxl);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title .rbt-icon::after,
.rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title .rbt-icon::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: var(--gradient-1);
  border-radius: var(--radius-xxl) 0 var(--radius-xxl) var(--radius-xxl);
  transform: scale(0.8);
  opacity: 0;
  transition: var(--transition-1);
}
@media only screen and (max-width: 767px) {
  .rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title .rbt-icon,
  .rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title .rbt-icon {
    height: 35px;
    width: 35px;
  }
  .rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title .rbt-icon svg,
  .rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title .rbt-icon svg {
    max-width: 12px;
  }
}
.rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title .rbt-icon *,
.rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title .rbt-icon * {
  z-index: 1;
}
.rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title .rbt-icon span,
.rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title .rbt-icon span {
  display: inline-block;
  padding: 5px 10px;
  overflow: hidden;
}
.rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title .rbt-icon span svg stop,
.rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title .rbt-icon span svg stop {
  transition: var(--transition-1);
}
.rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title:hover .rbt-icon::after,
.rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title:hover .rbt-icon::after {
  transform: scale(1);
  opacity: 0.8;
}
.rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title:hover .rbt-icon svg,
.rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title:hover .rbt-icon svg {
  animation: arrowMove 0.3s linear;
}
.rbt-project-showcase-card .rbt-showcase-project-info-text .rbt-showcase-title:hover .rbt-icon svg stop,
.rbt-project-showcase-card-2 .rbt-showcase-project-info-text .rbt-showcase-title:hover .rbt-icon svg stop {
  stop-color: var(--color-white);
}
.rbt-project-showcase-card:hover .rbt-showcase-project-info-text,
.rbt-project-showcase-card-2:hover .rbt-showcase-project-info-text {
  bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .rbt-project-showcase-card:hover .rbt-showcase-project-info-text,
  .rbt-project-showcase-card-2:hover .rbt-showcase-project-info-text {
    bottom: 20px;
  }
}
.rbt-project-showcase-card:hover .rbt-showcase-project-info-text .rbt-showcase-title,
.rbt-project-showcase-card-2:hover .rbt-showcase-project-info-text .rbt-showcase-title {
  opacity: 1;
}
.rbt-project-showcase-card:hover .rbt-showcase-project-info-text .rbt-showcase-title-md,
.rbt-project-showcase-card-2:hover .rbt-showcase-project-info-text .rbt-showcase-title-md {
  opacity: 1;
  margin-top: 5px;
}
.rbt-project-showcase-card.rbt-card-md .rbt-showcase-project-info-text .rbt-title,
.rbt-project-showcase-card-2.rbt-card-md .rbt-showcase-project-info-text .rbt-title {
  font-size: var(--h5);
}
.rbt-project-showcase-card.rbt-card-md .rbt-showcase-project-info-text .rbt-icon,
.rbt-project-showcase-card-2.rbt-card-md .rbt-showcase-project-info-text .rbt-icon {
  height: 45px;
  width: 45px;
}
.rbt-project-showcase-card.rbt-card-md .rbt-showcase-project-info-text .rbt-icon svg,
.rbt-project-showcase-card-2.rbt-card-md .rbt-showcase-project-info-text .rbt-icon svg {
  max-width: 14px;
}
.rbt-project-showcase-card.rbt-showcase-card-var-2, .rbt-project-showcase-card.rbt-showcase-card-var-3,
.rbt-project-showcase-card-2.rbt-showcase-card-var-2,
.rbt-project-showcase-card-2.rbt-showcase-card-var-3 {
  height: fit-content;
  background: var(--color-white);
  box-shadow: 0px -23px 25.3px 0px var(--color-primary-100) inset, 0px 33px 101.1px 0px var(--color-primary-300) inset;
  display: flex;
  gap: 60px;
  padding: 50px;
  border-radius: var(--radius-lg);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-2, .rbt-project-showcase-card.rbt-showcase-card-var-3,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-2,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 {
    padding: 25px;
    flex-direction: column;
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-2, .rbt-project-showcase-card.rbt-showcase-card-var-3,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-2,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 {
    padding: 20px;
    flex-direction: column;
    gap: 20px;
  }
}
.rbt-project-showcase-card.rbt-showcase-card-var-2 .rbt-showcase-project-thumb, .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-project-thumb,
.rbt-project-showcase-card-2.rbt-showcase-card-var-2 .rbt-showcase-project-thumb,
.rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-project-thumb {
  min-width: 414px;
  height: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-2 .rbt-showcase-project-thumb, .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-project-thumb,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-2 .rbt-showcase-project-thumb,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-project-thumb {
    max-height: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-2 .rbt-showcase-project-thumb, .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-project-thumb,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-2 .rbt-showcase-project-thumb,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-project-thumb {
    min-width: 100%;
    max-height: 200px;
  }
}
.rbt-project-showcase-card.rbt-showcase-card-var-2 .rbt-showcase-project-thumb img, .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-project-thumb img,
.rbt-project-showcase-card-2.rbt-showcase-card-var-2 .rbt-showcase-project-thumb img,
.rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-project-thumb img {
  object-fit: cover;
}
.rbt-project-showcase-card.rbt-showcase-card-var-2 .rbt-content, .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-content,
.rbt-project-showcase-card-2.rbt-showcase-card-var-2 .rbt-content,
.rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-content {
  padding-right: 185px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-2 .rbt-content, .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-content,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-2 .rbt-content,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-content {
    padding-right: 0;
  }
}
.rbt-project-showcase-card.rbt-showcase-card-var-3,
.rbt-project-showcase-card-2.rbt-showcase-card-var-3 {
  max-width: 1362px;
  padding: 16px;
  gap: 30px;
  height: auto !important;
  border: 1px solid rgba(from var(--color-heading) r g b/0.08);
}
@media only screen and (max-width: 767px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-3,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 {
    gap: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-3,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 {
    flex-direction: row;
    gap: 20px;
  }
}
.rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-project-thumb,
.rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-project-thumb {
  min-width: 650px;
  min-height: 645px;
  height: 645px;
}
@media only screen and (max-width: 575px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-project-thumb,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-project-thumb {
    min-width: 250px !important;
    min-height: 350px !important;
    height: 350px !important;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-project-thumb,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-project-thumb {
    min-width: 450px;
    min-height: 430px;
    height: 430px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-project-thumb,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-project-thumb {
    min-width: 350px;
    min-height: 400px;
    height: 635px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-project-thumb,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-project-thumb {
    min-width: 450px;
    min-height: 550px;
    height: 550px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-project-thumb,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-project-thumb {
    min-width: 550px;
    min-height: 610px;
    height: 550px;
  }
}
.rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-project-thumb:hover a img,
.rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-project-thumb:hover a img {
  transition: var(--transition-6);
  transform: scale(1.02) !important;
}
.rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-project-thumb a img,
.rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-project-thumb a img {
  transition: var(--transition-6);
}
.rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-card-badge,
.rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-card-badge {
  position: absolute;
  right: 24px;
  top: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-project-serial,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-project-serial {
    position: absolute;
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-project-serial,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-project-serial {
    position: absolute;
    top: unset;
    right: 15px;
    bottom: unset;
    z-index: -1;
  }
}
.rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-project-serial .rbt-project-serial-num,
.rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-project-serial .rbt-project-serial-num {
  font-size: 200px;
  font-weight: 800;
  margin: 0 0 80px 0;
  background: linear-gradient(180deg, #eeefff -62.01%, rgba(238, 239, 255, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}
.rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-card-count,
.rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-card-count {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-card-count,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-card-count {
    padding: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-card-count .rbt-showcase-card-desc,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-card-count .rbt-showcase-card-desc {
    font-size: 14px;
  }
}
.rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-card-count ul,
.rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-card-count ul {
  margin: 0 0;
  padding: 20px;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(3, 1fr);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.21);
  background: rgba(163, 172, 210, 0.1);
  backdrop-filter: blur(16px);
}
@media only screen and (max-width: 575px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-card-count ul,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-card-count ul {
    grid-template-columns: repeat(1, 1fr);
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-card-count ul,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-card-count ul {
    padding: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-card-count ul,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-card-count ul {
    padding: 16px 12px;
  }
}
.rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-card-count ul li,
.rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-card-count ul li {
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border-right: 1px solid rgba(from var(--color-white) r g b/0.2);
}
.rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-card-count ul li:last-child,
.rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-card-count ul li:last-child {
  border-right: 1px solid transparent;
}
@media only screen and (max-width: 575px) {
  .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-card-count ul li,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-card-count ul li {
    border-right: 1px solid transparent;
    border-bottom: 1px solid rgba(from var(--color-white) r g b/0.2);
    padding: 10px 0;
  }
  .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-card-count ul li:first-child,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-card-count ul li:first-child {
    padding-top: 0;
  }
  .rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-showcase-card-count ul li:last-child,
  .rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-showcase-card-count ul li:last-child {
    padding-bottom: 0;
    border-bottom: 1px solid transparent;
  }
}
.rbt-project-showcase-card.rbt-showcase-card-var-3 .rbt-content,
.rbt-project-showcase-card-2.rbt-showcase-card-var-3 .rbt-content {
  padding-right: 0;
}
.rbt-project-showcase-card.has-border,
.rbt-project-showcase-card-2.has-border {
  border: 2px solid var(--color-white);
}

.rbt-project-showcase-card-2 .rbt-showcase-project-thumb::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  background: linear-gradient(102deg, var(--color-primary) -0.32%, var(--color-secondary-alt) 100%);
  border-radius: var(--radius-md);
  z-index: -1;
  opacity: 0;
  transform: scale(0.95);
  transition: var(--transition-1);
}
.rbt-project-showcase-card-2 .rbt-border-gradient::after {
  opacity: 0;
}
.rbt-project-showcase-card-2:hover .rbt-showcase-project-thumb::before {
  opacity: 1;
  transform: scale(1);
  transition: var(--transition-1);
}
.rbt-project-showcase-card-2:hover .rbt-border-gradient::after {
  transition: all 0.3s;
  opacity: 1;
}
.rbt-project-showcase-card-2:hover .rbt-icon::after {
  transform: scale(1) !important;
  opacity: 0.8 !important;
}
.rbt-project-showcase-card-2:hover .rbt-icon svg {
  animation: arrowMove 0.3s linear;
}
.rbt-project-showcase-card-2:hover .rbt-icon svg stop {
  stop-color: var(--color-white);
}

.rbt-component-sticky {
  position: sticky;
  top: 0;
}

.rbt-blog-thumb-img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.rbt-showcase-card-wrapper-2 .rbt-showcase-project-thumb {
  position: relative;
  border-radius: var(--radius-sm);
  background: var(--color-white);
  overflow: hidden;
}
.rbt-showcase-card-wrapper-2 .rbt-showcase-project-thumb .rbt-showcase-badge {
  border-radius: var(--radius);
  position: absolute;
  left: 16px;
  top: 16px;
}
.rbt-showcase-card-wrapper-2 .rbt-showcase-project-info-text {
  position: relative;
  bottom: unset !important;
  left: unset;
}
.rbt-showcase-card-wrapper-2 .rbt-showcase-project-info-text .rbt-showcase-title {
  opacity: 1;
  min-width: unset;
}

@keyframes arrowMove {
  0% {
    transform: translate(0);
  }
  40% {
    opacity: 0;
    transform: translate(17px, -20px);
  }
  60% {
    opacity: 0;
    transform: translate(-19px, 18px);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-overlap-layout {
  position: relative;
}
.rbt-overlap-layout.rbt-overlap-layout-1 {
  min-height: 636px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-overlap-layout.rbt-overlap-layout-1 {
    min-height: 530px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-overlap-layout.rbt-overlap-layout-1 {
    min-height: 518px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-overlap-layout.rbt-overlap-layout-1 {
    min-height: 380px;
  }
}
.rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content {
  width: fit-content;
  position: absolute;
}
.rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content img {
  border: 4px solid var(--color-white);
  border-radius: var(--radius-md);
}
.rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-1, .rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-6 {
  right: 56%;
  top: 14%;
}
.rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-2, .rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-4 {
  right: 0;
  top: -20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-2, .rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-4 {
    top: 10%;
    max-width: 205px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-2, .rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-4 {
    right: 80px;
    max-width: 270px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-2, .rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-4 {
    max-width: 200px;
  }
}
.rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-3, .rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-5 {
  right: 88px;
  top: 40%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-3, .rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-5 {
    right: 58px;
    max-width: 248px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-3, .rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-5 {
    right: 170px;
    max-width: 310px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-3, .rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-5 {
    max-width: 230px;
  }
}
.rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-4 {
  right: -16px;
  top: -30px;
}
.rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-5 {
  top: 48%;
}
.rbt-overlap-layout.rbt-overlap-layout-1 .rbt-overlap-content.rbt-overlap-content-6 {
  top: 23%;
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
/*-------------------
    Bootstrap Select  
----------------------*/
.rbt-modern-select .bootstrap-select {
  border-radius: var(--radius-md);
  background-color: var(--color-white);
}
.rbt-modern-select .bootstrap-select button.btn-light {
  border: 0 none;
  height: 50px;
  padding: 0 20px;
  outline: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  font-weight: var(--f-regular);
  padding-right: 30px;
  background-color: transparent;
  color: var(--color-body);
}
.rbt-modern-select.bg-transparent .bootstrap-select button.btn-light {
  box-shadow: none;
  background-color: transparent;
  border: 1px solid var(--color-border);
}
.rbt-modern-select.height-45 .bootstrap-select button.btn-light {
  height: 45px;
}
.rbt-modern-select.height-36 .bootstrap-select button.btn-light {
  height: 36px;
}
.rbt-modern-select .bootstrap-select button.actions-btn {
  padding: 7px 6px;
  font-size: 13px;
  box-shadow: none;
  background: #f8f9fa;
  height: 38px;
  line-height: 24px;
  transition: var(--transition);
}
.rbt-modern-select .bootstrap-select button.actions-btn:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-modern-select .bootstrap-select .dropdown-menu.inner {
  display: block;
  padding: 10px;
  margin: 0;
}
.rbt-modern-select .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  top: 11px;
}
.rbt-modern-select .dropdown-menu {
  padding: 0;
  box-shadow: var(--shadow-2) !important;
  border: 0 none;
  border-radius: 6px !important;
  background-color: var(--color-white);
  min-width: 100%;
  max-width: 100%;
  z-index: 10;
}
.rbt-modern-select .dropdown-item {
  padding: 5px 10px;
  color: var(--color-body);
  border-radius: 4px;
  font-size: var(--font-size-b3);
  font-weight: 500;
}
.rbt-modern-select .bootstrap-select .dropdown-menu li {
  margin: 2px 0;
  padding: 0;
}
.rbt-modern-select .bootstrap-select .dropdown-menu li.no-results {
  padding: 4px 8px;
  background: transparent;
  white-space: nowrap;
  font-size: 12px;
  color: var(--color-danger);
  padding-bottom: 10px;
}
.rbt-modern-select .dropdown-item.active,
.rbt-modern-select .dropdown-item:active {
  background-color: var(--color-gray-100);
  color: var(--color-heading);
}
.rbt-modern-select .bootstrap-select .dropdown-menu li a span.text {
  font-size: var(--font-size-b3);
}
.rbt-modern-select .bootstrap-select .dropdown-toggle .filter-option {
  display: flex;
  width: 100%;
  position: relative;
  flex: inherit;
  min-width: 100%;
  align-items: center;
}
.rbt-modern-select .filter-option-inner {
  display: block;
  width: 100%;
}
.rbt-modern-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow-x: scroll;
  display: block;
  position: relative;
  padding-bottom: 0;
  scrollbar-width: none;
  z-index: 1;
}
.rbt-modern-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner::-webkit-scrollbar {
  display: none;
}
.rbt-modern-select .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
.rbt-modern-select .dropdown-toggle {
  transition: var(--transition);
}
.rbt-modern-select .dropdown-toggle::after {
  content: "\f0d7";
  font-size: 16px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  border: 0;
  margin-left: 6px;
  z-index: 1;
  position: relative;
}
.rbt-modern-select .dropdown-toggle.show::after {
  content: "\f077";
}
.rbt-modern-select .btn-check:active + .btn-light:focus,
.rbt-modern-select .btn-check:checked + .btn-light:focus,
.rbt-modern-select .btn-light.active:focus,
.rbt-modern-select .btn-light:active:focus,
.rbt-modern-select .show > .btn-light.dropdown-toggle:focus {
  box-shadow: none;
}
.rbt-modern-select .bs-searchbox .form-control {
  outline: none;
  box-shadow: none;
  border: 2px solid var(--color-border);
  border-radius: var(--radius);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-body);
  height: 30px;
}
.rbt-modern-select .bs-searchbox .form-control::placeholder {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-body);
}
.rbt-modern-select .dropdown-item:focus,
.rbt-modern-select .dropdown-item:hover {
  color: var(--color-heading);
  background-color: var(--color-gray-100);
}
.rbt-modern-select .btn-group > .btn-group:not(:last-child) > .btn,
.rbt-modern-select .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.rbt-modern-select .bs-actionsbox,
.rbt-modern-select .bs-donebutton,
.rbt-modern-select .bs-searchbox {
  padding: 10px;
  padding-bottom: 0px;
}
.rbt-modern-select .bs-searchbox + .bs-actionsbox {
  padding: 0 10px 4px;
}
.rbt-modern-select .bs-actionsbox .btn-group button {
  width: calc(50% - 10px);
  margin: 5px;
  margin-left: 5px !important;
}
.rbt-modern-select .bs-actionsbox .btn-group {
  display: block;
  margin: -5px;
}
.rbt-modern-select .bootstrap-select > select {
  left: 0;
}
.rbt-modern-select.rbt-rounded-styled .bootstrap-select button.btn-light {
  border-radius: 60px;
  border: 2px solid var(--color-gray-200);
  background: var(--color-brand-50);
  box-shadow: none;
}
.rbt-modern-select.rbt-sm-size .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto;
  min-width: 120px;
}
.rbt-modern-select.rbt-sm-size button.btn-light {
  padding: 6px 12px;
  padding-right: 30px;
  background-color: transparent;
  border: 2px solid var(--color-gray-200);
  height: 36px;
  box-shadow: none;
  color: var(--color-heading);
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-insta-card.rbt-insta-var-1 {
  width: 100%;
  max-height: 240px;
  border-radius: var(--radius-md);
  overflow: hidden;
  position: relative;
  border: 2px solid var(--color-white-opacity-400);
}
.rbt-insta-card.rbt-insta-var-1::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: calc(100% - 40px);
  width: calc(100% - 40px);
  border-radius: 8px;
  border: 2px solid var(--color-white-opacity-200);
  background: var(--color-white-opacity-50);
  backdrop-filter: blur(3px);
  transform: translate(-50%, -50%) scale(1.1);
  opacity: 0;
  transition: var(--transition-1);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-insta-card.rbt-insta-var-1::after {
    height: calc(100% - 15px);
    width: calc(100% - 15px);
  }
}
.rbt-insta-card.rbt-insta-var-1 .rbt-insta-img img {
  transform: scale(1);
  transition: var(--transition-1);
}
.rbt-insta-card.rbt-insta-var-1 .rbt-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  z-index: 1;
  transition: var(--transition-1);
}
@media only screen and (max-width: 767px) {
  .rbt-insta-card.rbt-insta-var-1 .rbt-icon svg,
  .rbt-insta-card.rbt-insta-var-1 .rbt-icon i {
    max-width: 20px;
  }
}
.rbt-insta-card.rbt-insta-var-1:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.rbt-insta-card.rbt-insta-var-1:hover .rbt-icon {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.rbt-insta-card.rbt-insta-var-1:hover img {
  transform: scale(1.03);
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.fancybox__backdrop {
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(10px);
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1254901961);
}

.fancybox__content {
  border-radius: var(--radius-md);
}
.fancybox__content .is-close-btn {
  background: var(--color-white-opacity-300);
  backdrop-filter: blur(60px);
  height: 40px;
  width: 40px;
  border-radius: var(--radius-full);
  position: absolute;
  top: -20px !important;
  right: -20px !important;
  opacity: 1 !important;
  transition: var(--transition-1);
}
.fancybox__content .is-close-btn svg {
  transition: var(--transition-1);
}
.fancybox__content .is-close-btn:hover {
  background: var(--color-white-opacity-500);
  transform: scale(0.9);
}
.fancybox__content .is-close-btn:hover svg {
  transform: scale(0.8);
  color: var(--color-heading);
}

.fancybox__iframe {
  border-radius: var(--radius-md);
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
/*-------------------------
    Back To Top  
---------------------------*/
@-webkit-keyframes border-transform {
  0%, 100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }
  70% {
    border-radius: var(--radius-full) 50% 34% 66%/56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}
.paginacontainer {
  height: 3000px;
}

.rbt-progress-parent {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px var(--color-primary-opacity-100);
  z-index: 355;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
@media only screen and (max-width: 1199px) {
  .rbt-progress-parent {
    bottom: 30px;
  }
}
.rbt-progress-parent::after {
  position: absolute;
  font-family: "Font Awesome 6 Pro", sans-serif;
  content: "\f062";
  text-align: center;
  line-height: 46px;
  font-size: 20px;
  color: var(--color-primary);
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.rbt-progress-parent::before {
  position: absolute;
  font-family: "Font Awesome 6 Pro", sans-serif;
  content: "\f062";
  text-align: center;
  line-height: 46px;
  font-size: 24px;
  opacity: 0;
  background: #0d0d12;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  color: var(--color-secondary);
}
.rbt-progress-parent:hover::after {
  color: var(--color-primary);
}
.rbt-progress-parent.rbt-progress-var-2 {
  border-radius: unset;
  box-shadow: unset;
  width: unset;
  height: unset;
}
.rbt-progress-parent.rbt-progress-var-2::after, .rbt-progress-parent.rbt-progress-var-2::before {
  content: none;
}
.rbt-progress-parent.rbt-progress-var-2.back-to-top-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: fit-content;
  width: fit-content;
  padding: 16px 0;
  position: fixed;
  right: 50px;
  top: 40vh;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  transform: translateY(50px);
  transition: var(--transition-6);
}
@media only screen and (max-width: 767px) {
  .rbt-progress-parent.rbt-progress-var-2.back-to-top-btn {
    padding: 6px 12px;
    right: 10px;
    top: 76svh;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-progress-parent.rbt-progress-var-2.back-to-top-btn {
    top: 68svh;
  }
}
.rbt-progress-parent.rbt-progress-var-2 .rbt-back-to-top-text {
  writing-mode: tb;
  transform: rotate(-180deg);
  background: var(--color-white);
  mix-blend-mode: difference;
  color: var(--color-heading);
  box-shadow: var(--shadow-1);
  padding: 10px 5px;
  margin-bottom: 5px;
  border-radius: var(--radius-100);
  line-height: 1;
}
.rbt-progress-parent.rbt-progress-var-2 .back-top-bar {
  position: relative;
}
.rbt-progress-parent.rbt-progress-var-2 .back-top-bar svg {
  position: relative;
  z-index: 22;
}
.rbt-progress-parent.rbt-progress-var-2 .back-top-bar::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 92%;
  background: var(--color-primary-opacity-100);
}
.rbt-progress-parent.rbt-progress-var-2 svg path {
  fill: none;
}
.rbt-progress-parent.rbt-progress-var-2 svg.rbt-back-circle path {
  stroke: var(--color-primary);
  stroke-width: 4;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  opacity: 0.6;
}
.rbt-progress-parent.rbt-progress-var-2.rbt-backto-top-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.rbt-progress-parent.rbt-progress-var-2 .back-top-icon {
  color: var(--color-dark-1);
}
.rbt-progress-parent.rbt-backto-top-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.rbt-progress-parent svg path {
  fill: none;
}
.rbt-progress-parent svg.rbt-back-circle path {
  stroke: var(--color-primary);
  stroke-width: 4;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  opacity: 0.6;
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-footer-style-1 {
  background-image: url(../images/footer/bg-shape-1.webp);
  background-position: center;
  background-size: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-footer-style-1 .rbt-footer-box {
    padding: 50px 40px;
  }
}
.rbt-footer-style-1 .rbt-hover-underline::after {
  height: 1px;
}
.rbt-footer-style-1 .rbt-newsletter-form input[type=email] {
  background: var(--color-black-2);
  box-shadow: 0px 20px 122px 0px var(--color-black-2) inset, -2px -1px 7.8px 0px var(--color-white-opacity-200) inset;
}
.rbt-footer-style-1 .rbt-newsletter-form.rbt-newsletter-light input[type=email] {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.07) -2.12%, rgba(81, 99, 255, 0.08) 121.13%);
  box-shadow: 0 20px 122px 0 rgba(13, 7, 75, 0.08) inset, -2px -1px 7.8px 0 rgba(255, 255, 255, 0.15) inset;
}
.rbt-footer-style-1 .rbt-footer-contact-widget {
  position: relative;
  z-index: 1;
}
.rbt-footer-style-1 .rbt-footer-contact-widget::after {
  content: "";
  position: absolute;
  width: 70px;
  height: 136px;
  border-radius: var(--radius-full);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #5163FF 26.47%, #708BFD 100%);
  filter: blur(100px);
  z-index: -1;
}
.rbt-footer-style-1 .rbt-footer-widget ul,
.rbt-footer-style-1 .rbt-footer-widget .rbt-list {
  min-width: 176px;
}

.rbt-footer-style-2 .rbt-hover-underline::after {
  height: 1px;
}
.rbt-footer-style-2 .rbt-copyright-area {
  padding: 60px 0;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-footer-style-2 .rbt-copyright-area {
    padding: 30px 0 !important;
  }
}

.rbt-footer-style-3 .rbt-list.rbt-list-has-left-icon a {
  color: var(--color-gray-3);
}
.rbt-footer-style-3 .rbt-list.rbt-list-has-left-icon a:hover {
  color: var(--color-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-footer-style-3 .rbt-footer-logo-shade {
    width: 46%;
  }
}

.rbt-footer-style-4 {
  position: relative;
  background: var(--color-black-2);
}
.rbt-footer-style-4::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/section-bg/bg-line.webp);
  opacity: 0.15;
}

.rbt-footer-style-8 {
  position: relative;
  background: var(--color-black-2);
}
.rbt-footer-style-8::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/section-bg/footer-bg.png);
  opacity: 0.8;
}
.rbt-footer-style-8 .rbt-footer-shape.shape-2 {
  left: 0;
  top: 10%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-footer-style-8 .rbt-footer-shape.shape-2 {
    top: 62%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-footer-style-8 .rbt-footer-shape.shape-2 {
    top: 32%;
    opacity: 0.3;
  }
}

.rbt-footer-style-5,
.rbt-footer-style-7 {
  margin-top: 300px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-footer-style-5,
  .rbt-footer-style-7 {
    margin-top: 230px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-footer-style-5,
  .rbt-footer-style-7 {
    margin-top: 190px;
  }
}
.rbt-footer-style-5 .rbt-newsletter-area,
.rbt-footer-style-7 .rbt-newsletter-area {
  position: absolute;
  top: -280px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-footer-style-5 .rbt-newsletter-area,
  .rbt-footer-style-7 .rbt-newsletter-area {
    top: -230px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-footer-style-5 .rbt-newsletter-area,
  .rbt-footer-style-7 .rbt-newsletter-area {
    top: -170px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-footer-style-5 .rbt-newsletter-area,
  .rbt-footer-style-7 .rbt-newsletter-area {
    top: -300px;
  }
}

.rbt-footer-style-5 .rbt-footer-widget-wrapper {
  padding-top: 230px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-footer-style-5 .rbt-footer-widget-wrapper {
    padding-top: 0;
  }
}
.rbt-footer-style-5 .rbt-footer-widget-pt {
  padding-top: 230px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-footer-style-5 .rbt-footer-widget-pt {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-footer-style-5 .rbt-footer-widget-pt {
    padding-top: 120px;
  }
}

.rbt-footer-style-6 {
  overflow: hidden;
  background: url(../images/section-bg/shape40.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
.rbt-footer-style-6 .rbt-footer-shape.shape-2 {
  left: 0;
  top: 20%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-footer-style-6 .rbt-footer-shape.shape-2 {
    top: 62%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-footer-style-6 .rbt-footer-shape.shape-2 {
    top: 32%;
  }
}
.rbt-footer-style-6 .rbt-list li a {
  color: var(--color-gray-4);
}
.rbt-footer-style-6 .rbt-copyright-area {
  padding: 60px 0;
}

.rbt-footer-style-7 {
  margin: 0;
}
.rbt-footer-style-7 .rbt-footer-widget-wrapper {
  padding-top: 80px;
}
.rbt-footer-style-7 .rbt-footer-widget ul,
.rbt-footer-style-7 .rbt-footer-widget .rbt-list {
  min-width: unset;
}

.rbt-footer-shape {
  position: absolute;
}
.rbt-footer-shape.shape-1 {
  left: 0;
  top: -35%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-footer-shape.shape-1 {
    top: -20%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-footer-shape.shape-1 {
    top: -10%;
  }
}
.rbt-footer-shape.shape-2, .rbt-footer-shape.shape-10 {
  left: 0;
  top: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-footer-shape.shape-2, .rbt-footer-shape.shape-10 {
    top: 62%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-footer-shape.shape-2, .rbt-footer-shape.shape-10 {
    top: 32%;
  }
}
.rbt-footer-shape.shape-3 {
  right: 4%;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-footer-shape.shape-3 {
    bottom: 3%;
  }
}
.rbt-footer-shape.shape-4 {
  top: 0;
  left: 3%;
  bottom: 0;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .rbt-footer-shape.shape-4 {
    display: none;
  }
}
.rbt-footer-shape.shape-5 {
  bottom: 0;
  right: 3%;
  pointer-events: none;
}
.rbt-footer-shape.shape-6 {
  right: 14%;
  top: -3%;
}
.rbt-footer-shape.shape-7 {
  right: 0;
  top: -3%;
}
.rbt-footer-shape.shape-8 {
  bottom: 0;
  left: -2%;
}
.rbt-footer-shape.shape-9 {
  top: -13%;
  right: -8%;
}
.rbt-footer-shape.shape-10 {
  top: 20%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-footer-shape.shape-10 {
    top: 50%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-footer-logo-shape {
    height: 300px;
  }
}

.rbt-footer-box,
.rbt-footer-box-2 {
  padding: 50px 40px;
  border-radius: var(--radius-md);
  background: linear-gradient(145deg, #1A1554 -2.12%, #3C0E3B 121.13%);
  box-shadow: 0 2px 40.4px 0 rgba(238, 239, 255, 0.06) inset, 2.25px -7px 43.7px 0 rgba(255, 255, 255, 0.02) inset;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-footer-box,
  .rbt-footer-box-2 {
    padding: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-footer-box,
  .rbt-footer-box-2 {
    padding: 25px;
  }
}
.rbt-footer-box.rbt-variation-2,
.rbt-footer-box-2.rbt-variation-2 {
  background: var(--color-heading);
  box-shadow: 0px 2px 40.4px 0px rgba(238, 239, 255, 0.04) inset, 2.25px -7px 62.4px 0px rgba(81, 99, 255, 0.13) inset;
}
.rbt-footer-box.rbt-variation-3,
.rbt-footer-box-2.rbt-variation-3 {
  background: linear-gradient(145deg, rgba(254, 113, 185, 0.04) -2.12%, rgba(20, 2, 73, 0.01) 121.13%);
  box-shadow: 0 20px 122px 0 rgba(19, 7, 150, 0.08) inset, 2.25px -7px 43.7px 0 rgba(255, 255, 255, 0.02) inset;
}
.rbt-footer-box.rbt-light-shape,
.rbt-footer-box-2.rbt-light-shape {
  position: relative;
  overflow: hidden;
}
.rbt-footer-box.rbt-light-shape::before,
.rbt-footer-box-2.rbt-light-shape::before {
  position: absolute;
  content: "";
  width: 104.55px;
  height: 143.273px;
  transform: rotate(-45.416deg);
  background: linear-gradient(180deg, rgba(253, 67, 130, 0.22) 0%, #5163FF 100%);
  filter: blur(100px);
  bottom: -10px;
  right: 50px;
  opacity: 0.6;
}

.rbt-footer-box-2 {
  background: linear-gradient(145deg, rgba(254, 113, 185, 0.04) -2.12%, rgba(20, 2, 73, 0.01) 121.13%);
  box-shadow: 0 20px 122px 0 rgba(19, 7, 150, 0.08) inset, 2.25px -7px 43.7px 0 rgba(255, 255, 255, 0.02) inset;
}

.top-indicator {
  position: relative;
}
.top-indicator::before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 40px;
  height: 2px;
  background: linear-gradient(90deg, var(--color-primary-alt) 0%, var(--color-secondary-alt-opacity-900) 100%);
  opacity: 0.2;
}
.top-indicator.indicator-md::before {
  width: 50px;
}
.top-indicator.indicator-lg::before {
  width: 70px;
}
.top-indicator.indicator-xl::before {
  width: 70px;
}

.rbt-footer-widget ul,
.rbt-footer-widget .rbt-list {
  min-width: 200px;
}
.rbt-footer-widget ul li,
.rbt-footer-widget .rbt-list li {
  font-size: var(--font-size-b2);
}
.rbt-footer-widget .rbt-newsletter-form input[type=email] {
  border: none;
}
.rbt-footer-widget .rbt-newsletter-form input[type=email]::placeholder {
  color: var(--color-gray-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-footer-widget .widget-inner {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-footer-widget .widget-inner {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
  }
}
.rbt-footer-widget .widget-inner > div {
  flex-basis: 45%;
}
.rbt-footer-widget .widget-inner .rbt-newsletter-form {
  flex-basis: 45%;
}
.rbt-footer-widget p {
  color: rgba(from var(--color-white) r g b/0.9);
}
.rbt-footer-widget input[type=checkbox] ~ label,
.rbt-footer-widget input[type=radio] ~ label {
  color: var(--color-gray-3);
}
.rbt-footer-widget input[type=checkbox] ~ label::before,
.rbt-footer-widget input[type=radio] ~ label::before {
  border-color: var(--color-gray-2);
}
.rbt-footer-widget input[type=checkbox]:checked ~ label::before,
.rbt-footer-widget input[type=radio]:checked ~ label::before {
  border-color: var(--color-primary);
}

.rbt-copyright-area {
  padding: 30px 0;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-copyright-area {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-copyright-area {
    padding: 20px 0;
    flex-direction: column;
  }
  .rbt-copyright-area .rbt-copyright {
    order: 2;
  }
  .rbt-copyright-area .rbt-social {
    order: 1;
  }
}

.rbt-footer-widget-wrapper {
  border-left: 1px solid rgba(from var(--color-white) r g b/0.1);
  padding-left: 0;
  padding-top: 180px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-footer-widget-wrapper {
    padding-top: 0;
  }
}

.rbt-footer-shape-2 {
  position: absolute;
  top: -150px;
  right: -450px;
  transform: rotate(-114deg);
  width: 600px;
  max-width: 600px;
}
@media only screen and (max-width: 767px) {
  .rbt-footer-shape-2 {
    top: -170px;
    right: -302px;
    transform: rotate(-114deg);
    width: 400px;
  }
}

.rbt-footer-img {
  position: relative;
  background-image: url(../images/footer/shape-6.webp);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.rbt-footer-widget-img {
  position: absolute;
  bottom: 10%;
  left: 0%;
  width: 500px;
  height: 660px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-footer-widget-img {
    display: none;
    opacity: 0;
    visibility: hidden;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-footer-widget-img {
    left: -10%;
  }
}

.rbt-copyright-wrapper .rbt-copyright {
  color: var(--color-body);
  font-size: var(--font-size-b2);
}
.rbt-copyright-wrapper .rbt-copyright a {
  color: var(--color-primary);
  font-weight: var(--f-regular);
  transition: var(--transition-1);
}
.rbt-copyright-wrapper .rbt-copyright a:hover {
  color: var(--color-secondary);
}

/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-splash-header {
  position: absolute;
  width: 100%;
  padding-top: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-header {
    padding-top: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-header {
    padding-top: 0;
  }
}

.rbt-splash-header-mainbar-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1720px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-header-mainbar-wrapper {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-splash-header-mainbar-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

.rbt-splash-offer-badge {
  gap: 8px;
}
.rbt-splash-offer-badge .rbt-splash-offer-stars {
  flex-shrink: 0;
  overflow: visible;
}
.rbt-splash-offer-badge .rbt-splash-offer-stars path {
  transform-box: fill-box;
  transform-origin: center;
  animation: rbt-splash-star-tip 1.8s ease-in-out infinite;
}
.rbt-splash-offer-badge .rbt-splash-offer-stars path:nth-child(1) {
  animation-duration: 2.2s;
}
.rbt-splash-offer-badge .rbt-splash-offer-stars path:nth-child(2) {
  animation-delay: 0.2s;
}
.rbt-splash-offer-badge .rbt-splash-offer-stars path:nth-child(3) {
  animation-delay: 0.45s;
}
.rbt-splash-offer-badge .rbt-splash-offer-stars path:nth-child(4) {
  animation-delay: 0.7s;
}
.rbt-splash-offer-badge .rbt-splash-offer-text {
  background: linear-gradient(90deg, #5163ff 0%, #b361f4 28%, #fe71b9 50%, #b361f4 72%, #5163ff 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: rbt-splash-offer-gradient 2.8s linear infinite;
}

@keyframes rbt-splash-star-tip {
  0%, 100% {
    opacity: 0.7;
    transform: scale(0.72) rotate(0deg);
  }
  35% {
    opacity: 1;
    transform: scale(1.16) rotate(8deg);
  }
  60% {
    opacity: 0.88;
    transform: scale(0.92) rotate(-5deg);
  }
}
@keyframes rbt-splash-offer-gradient {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 220% 50%;
  }
}
.rbt-splash-hero-section {
  padding-top: 180px;
  padding-bottom: 180px;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  background: url(../images/splash/splash-bg-column-pattern-2.png) right top no-repeat;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-hero-section {
    padding-top: 130px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-hero-section {
    padding-top: 130px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-hero-section {
    padding-top: 90px;
    padding-bottom: 0;
  }
}
.rbt-splash-hero-section .rbt-splash-hero-wrapper {
  margin-left: 100px;
  margin-right: 100px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-hero-section .rbt-splash-hero-wrapper {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-splash-hero-section .rbt-splash-hero-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
.rbt-splash-hero-section .rbt-splash-hero-image {
  width: fit-content;
  position: absolute;
  right: 0;
  top: 110px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-hero-section .rbt-splash-hero-image {
    max-width: 800px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-hero-section .rbt-splash-hero-image {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-hero-section .rbt-splash-hero-image {
    position: static;
  }
}
.rbt-splash-hero-section .rbt-splash-hero-images {
  aspect-ratio: 134/121;
  max-width: 670px;
  margin: 0 auto;
  position: relative;
}
.rbt-splash-hero-section .rbt-splash-hero-images .rbt-inner {
  flex-grow: 1;
}
.rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-single-image {
  filter: drop-shadow(0 4px 36px rgba(0, 35, 75, 0.16));
  border-radius: 6px;
  z-index: 1;
  transform-origin: center center;
  will-change: transform, opacity, filter;
}
.rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-1 {
  aspect-ratio: 324/305;
  max-width: 324px;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-1 {
    max-width: 224px;
    margin-top: -24px;
    z-index: 3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-1 {
    max-width: 280px;
    margin-top: 8px;
  }
}
.rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-2 {
  position: absolute;
  top: 42%;
  left: 1%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-2 {
    top: 40%;
    left: 1%;
    max-width: 294px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-2 {
    top: 22%;
    left: 1%;
    max-width: 220px;
    z-index: 2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-2 {
    top: 33%;
    left: 6%;
    max-width: 300px;
  }
}
.rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-3 {
  position: absolute;
  right: 0;
  top: 38%;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-3 {
    right: 3%;
    top: 63%;
    max-width: 250px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-3 {
    right: 25%;
    top: 49%;
    max-width: 217px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-3 {
    right: 25%;
    top: 49%;
    max-width: 180px;
    z-index: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-3 {
    right: 7%;
    top: 49%;
    max-width: 260px;
  }
}
.rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-4 {
  position: absolute;
  right: 103%;
  bottom: 5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-4 {
    position: absolute;
    right: 98%;
    bottom: -7%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-4 {
    position: absolute;
    right: 89%;
    bottom: 12%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-4 {
    position: absolute;
    right: 82%;
    bottom: 2%;
  }
}
.rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-5 {
  position: absolute;
  top: 105%;
  left: -6%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-5 {
    display: none;
  }
}
.rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-6 {
  position: absolute;
  left: 96%;
  bottom: 64%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-6 {
    position: absolute;
    left: 81%;
    bottom: 50%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-6 {
    left: 72%;
    bottom: 54%;
    max-width: 148px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-6 {
    left: 70%;
    bottom: 38%;
    max-width: 133px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-6 {
    left: 75%;
    bottom: 60%;
  }
}
.rbt-splash-hero-section .rbt-splash-hero-images .rbt-splash-hero-image-7 {
  position: absolute;
  top: 11%;
  right: -24%;
  min-width: 832px;
  aspect-ratio: 832/644;
  z-index: 0;
}
.rbt-splash-hero-section .rbt-splash-hero-content {
  position: relative;
  z-index: 2;
}
.rbt-splash-hero-section .rbt-splash-hero-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  margin-bottom: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-hero-section .rbt-splash-hero-badge {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-hero-section .rbt-splash-hero-badge {
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
  }
}
.rbt-splash-hero-section .rbt-splash-hero-badge img {
  max-width: 100%;
}
.rbt-splash-hero-section .rbt-splash-hero-title {
  font-size: 80px;
  font-weight: var(--f-semibold);
  color: var(--color-heading);
  line-height: 1.12;
  letter-spacing: -1.6px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-hero-section .rbt-splash-hero-title {
    font-size: 50px;
    letter-spacing: -1.4px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-hero-section .rbt-splash-hero-title {
    font-size: 45px;
    letter-spacing: -1.2px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-hero-section .rbt-splash-hero-title {
    font-size: 45px;
    letter-spacing: -1px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-hero-section .rbt-splash-hero-title {
    font-size: 40px;
    letter-spacing: -0.8px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-splash-hero-section .rbt-splash-hero-title {
    font-size: 36px;
    letter-spacing: -0.6px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-splash-hero-section .rbt-splash-hero-title {
    font-size: 32px;
    letter-spacing: -0.5px;
  }
}
.rbt-splash-hero-section .rbt-splash-hero-title .gradient-text {
  position: relative;
  background: linear-gradient(90deg, #7b67ff 0%, #fe71b9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}
.rbt-splash-hero-section .rbt-splash-hero-title .title-underline {
  position: relative;
  display: inline-block;
}
.rbt-splash-hero-section .rbt-splash-hero-title .title-underline .underline-svg {
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
}
.rbt-splash-hero-section .rbt-splash-hero-desc {
  color: var(--color-body);
  font-size: 22px;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: -0.22px;
  margin-bottom: 35px;
  max-width: 600px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-hero-section .rbt-splash-hero-desc {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-hero-section .rbt-splash-hero-desc {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
.rbt-splash-hero-section .rbt-splash-hero-btn {
  margin-bottom: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-hero-section .rbt-splash-hero-btn {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-hero-section .rbt-splash-hero-btn {
    margin-bottom: 20px;
  }
}
.rbt-splash-hero-section .rbt-splash-hero-powered .powered-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: var(--f-semibold);
  color: var(--color-body-2);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.rbt-splash-hero-section .rbt-splash-hero-powered .powered-title img {
  width: 20px;
}
.rbt-splash-hero-section .rbt-splash-hero-powered .powered-list {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.rbt-splash-hero-section .rbt-splash-hero-powered .powered-list li {
  background: linear-gradient(107deg, rgba(235, 236, 255, 0.6) 38.54%, rgba(255, 255, 255, 0.6) 94.22%);
  box-shadow: 0 4.286px 13.071px 0 rgba(0, 35, 75, 0.1);
  backdrop-filter: blur(7.0714292526px);
  border: 2px solid var(--color-white);
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -20px;
  transition: var(--transition-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-hero-section .rbt-splash-hero-powered .powered-list li {
    width: 60px;
    height: 60px;
    margin-left: -15px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-hero-section .rbt-splash-hero-powered .powered-list li {
    width: 50px;
    height: 50px;
    margin-left: -10px;
  }
}
.rbt-splash-hero-section .rbt-splash-hero-powered .powered-list li:first-child {
  margin-left: 0;
}
.rbt-splash-hero-section .rbt-splash-hero-powered .powered-list li:hover {
  transform: translateY(-3px);
  z-index: 2;
}
.rbt-splash-hero-section .rbt-splash-hero-powered .powered-list li img {
  max-width: 55%;
  height: auto;
}
.rbt-splash-hero-section .rbt-splash-hero-shape-item {
  position: absolute;
}
.rbt-splash-hero-section .rbt-splash-hero-shape-item.rbt-shape-item-1 {
  top: 30%;
  right: 44%;
}
.rbt-splash-hero-section .rbt-splash-hero-shape-item.rbt-shape-item-2 {
  left: 30%;
  bottom: 27%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-hero-section .rbt-splash-hero-shape-item.rbt-shape-item-2 {
    left: 4%;
    bottom: 37%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-hero-section .rbt-splash-hero-shape-item.rbt-shape-item-2 {
    left: 3%;
    bottom: 22%;
  }
}
.rbt-splash-hero-section .rbt-splash-hero-shape-item.rbt-shape-item-3 {
  right: 17%;
  bottom: 14%;
}

.rbt-splash-hero-scroll {
  position: absolute;
  right: 50px;
  bottom: 110px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(102deg, #5163FF -0.32%, #FE71B9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 18px;
  font-weight: var(--f-medium);
  line-height: 1;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transition: var(--transition-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-hero-scroll {
    bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-hero-scroll {
    display: none;
  }
}
.rbt-splash-hero-scroll:hover {
  color: #5163ff;
  transform: translateY(6px);
}
.rbt-splash-hero-scroll span {
  display: inline-block;
}
.rbt-splash-hero-scroll i {
  font-size: 14px;
  line-height: 1;
  transform: rotate(90deg);
}

.rbt-splash-hero-light-left {
  position: absolute;
  left: 0;
  top: 20%;
}

.rbt-splash-features-section {
  position: relative;
}
.rbt-splash-features-section .rbt-splash-features-light-shape-wrapper {
  position: absolute;
  top: -30px;
  left: 12%;
}
.rbt-splash-features-section .rbt-splash-features-flower-shape {
  position: absolute;
  right: 0;
  bottom: 70%;
  max-height: 470px;
}
.rbt-splash-features-section .rbt-splash-features-header {
  position: relative;
  max-width: 980px;
  margin: 0 auto 44px;
  padding-top: 40px;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-features-section .rbt-splash-features-header {
    margin-bottom: 20px;
    padding-top: 20px;
  }
}
.rbt-splash-features-section .rbt-splash-features-bg-word {
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(88px, 16vw, 200px);
  font-weight: var(--f-bold);
  line-height: 0.82;
  letter-spacing: -0.05em;
  background: linear-gradient(179deg, rgba(81, 99, 255, 0.08) 1%, rgba(254, 113, 185, 0.02) 130%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  white-space: nowrap;
  user-select: none;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-features-section .rbt-splash-features-bg-word {
    top: -25px;
    font-size: clamp(66px, 22vw, 110px);
  }
}
.rbt-splash-features-section .rbt-splash-features-title {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--color-heading);
  font-size: clamp(40px, 5.2vw, 62px);
  font-weight: var(--f-semibold);
  line-height: 1.1;
  letter-spacing: -0.06em;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-features-section .rbt-splash-features-title {
    font-size: clamp(30px, 9.2vw, 42px);
  }
}
.rbt-splash-features-section .rbt-splash-features-text {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  color: var(--color-body);
  font-size: clamp(16px, 2.2vw, 20px);
  line-height: 1.6;
}

.rbt-splash-feature-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-md);
  background: #ffffff;
  box-shadow: 0 20px 46px 0 #f1f3ff inset, 2.25px -7px 44px 0 #f1f3ff inset;
}
.rbt-splash-feature-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/splash/bg-grid-line.png) center center/cover no-repeat;
  opacity: 0.22;
  pointer-events: none;
}
.rbt-splash-feature-card::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(0deg, #91c2fe -40.05%, #c872f2 19.64%, #fe72ba 79.33%);
  pointer-events: none;
  opacity: 0.5;
  filter: blur(30px);
  width: 48.707px;
  height: 280.454px;
  transform: rotate(33deg);
  top: -190px;
  right: -40px;
}
.rbt-splash-feature-card > * {
  position: relative;
  z-index: 1;
}

.rbt-splash-feature-card {
  min-height: 274px;
  padding: 22px 20px 20px;
}
.rbt-splash-feature-card.rbt-splash-feature-card--typography {
  --splash-feature-glow: rgba(254, 113, 185, 0.15);
}
.rbt-splash-feature-card.rbt-splash-feature-card--semantic {
  --splash-feature-glow: rgba(81, 99, 255, 0.15);
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
}
.rbt-splash-feature-card.rbt-splash-feature-card--semantic .rbt-splash-feature-semantic-bg {
  position: absolute;
  top: 12px;
  right: 5px;
  max-width: 100%;
  z-index: 0;
  pointer-events: none;
}
.rbt-splash-feature-card.rbt-splash-feature-card--semantic .rbt-splash-feature-semantic-top,
.rbt-splash-feature-card.rbt-splash-feature-card--semantic .rbt-splash-feature-semantic-content,
.rbt-splash-feature-card.rbt-splash-feature-card--semantic .rbt-splash-feature-semantic-bottom {
  position: relative;
  z-index: 1;
}
.rbt-splash-feature-card.rbt-splash-feature-card--semantic .rbt-splash-feature-semantic-icon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border-radius: 50%;
  border: 2px solid var(--color-white);
  background: radial-gradient(138.49% 66.88% at 36.14% 16.67%, rgba(255, 255, 255, 0.23) 0%, rgba(46, 47, 94, 0) 86.18%), radial-gradient(83.94% 83.94% at 26.39% 20.83%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), linear-gradient(155deg, #fef5fb 15.47%, #f7f6ff 85.5%);
  box-shadow: -3px -4px 7px 0 rgba(255, 255, 255, 0.15) inset, 0 16px 30px 0 rgba(81, 99, 255, 0.1);
}
.rbt-splash-feature-card.rbt-splash-feature-card--semantic .rbt-splash-feature-semantic-icon img {
  max-width: 55%;
  height: auto;
}
.rbt-splash-feature-card.rbt-splash-feature-card--semantic .rbt-splash-feature-semantic-bottom {
  margin-top: auto;
  margin-inline: -20px;
  /* offset the card horizontal padding (20px) to make image span full width */
  margin-bottom: 0;
  text-align: center;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.rbt-splash-feature-card.rbt-splash-feature-card--semantic .rbt-splash-feature-semantic-bottom img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed {
  --splash-feature-glow: rgba(81, 99, 255, 0.15);
  display: flex;
  flex-direction: column;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-top {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
  position: relative;
  z-index: 2;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-icon {
  width: 70px;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-icon img {
  width: 100%;
  height: auto;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-text {
  position: relative;
  z-index: 1;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-text .rbt-splash-feature-card-title {
  margin-bottom: 4px;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-text .rbt-splash-feature-card-label {
  margin-top: 0;
  font-size: 15px;
  color: var(--color-body);
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-widget {
  position: relative;
  margin-top: auto;
  background: var(--color-white);
  border-radius: var(--radius-md);
  border: 1px solid rgba(81, 99, 255, 0.08);
  box-shadow: 0 10px 30px rgba(81, 99, 255, 0.05);
  padding: 18px 20px;
  overflow: hidden;
  z-index: 1;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-widget .rbt-splash-feature-speed-widget-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 0;
  pointer-events: none;
  opacity: 0.8;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-widget .rbt-splash-feature-speed-widget-inner {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-widget .rbt-splash-feature-speed-left {
  flex: 1;
  padding-right: 20px;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-widget .rbt-splash-feature-speed-brand {
  display: flex;
  align-items: baseline;
  gap: 2px;
  margin-bottom: 12px;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-widget .rbt-splash-feature-speed-brand img {
  width: 20px;
  height: auto;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-widget .rbt-splash-feature-speed-brand .name {
  font-size: 16px;
  font-weight: var(--f-bold);
  color: var(--color-heading);
  line-height: 1;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-widget .rbt-splash-feature-speed-bar {
  height: 6px;
  border-radius: 999px;
  margin-bottom: 14px;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-widget .rbt-splash-feature-speed-bar.is-primary {
  background: var(--color-primary);
  width: 100%;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-widget .rbt-splash-feature-speed-bar.is-secondary {
  background: #e2e4ea;
  width: 75%;
  margin-bottom: 0;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-widget .rbt-splash-feature-speed-others {
  font-size: 13px;
  font-weight: var(--f-medium);
  color: var(--color-body);
  margin-bottom: 8px;
  display: block;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-widget .rbt-splash-feature-speed-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-widget .rbt-splash-feature-speed-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  min-width: 38px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid rgba(81, 99, 255, 0.2);
  color: var(--color-primary);
  font-size: 18px;
  font-weight: var(--f-bold);
  background: rgba(81, 99, 255, 0.05);
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-widget .rbt-splash-feature-speed-score {
  font-size: 46px;
  font-weight: var(--f-bold);
  color: var(--color-primary);
  line-height: 1;
  margin-top: 20px;
  letter-spacing: -0.04em;
  display: flex;
}
.rbt-splash-feature-card.rbt-splash-feature-card--speed .rbt-splash-feature-speed-widget .rbt-splash-feature-speed-score .unit {
  font-size: 26px;
}
.rbt-splash-feature-card.rbt-splash-feature-card--support {
  --splash-feature-glow: rgba(254, 113, 185, 0.15);
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: 0;
}
.rbt-splash-feature-card.rbt-splash-feature-card--support::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 250px;
  height: 250px;
  background: radial-gradient(circle at top right, rgba(239, 219, 245, 0.6) 0%, rgba(255, 255, 255, 0) 70%);
  pointer-events: none;
  z-index: 0;
}
.rbt-splash-feature-card.rbt-splash-feature-card--support svg.rbt-feature-card-support-light-shape {
  position: absolute;
  right: 0;
  top: 0;
}
.rbt-splash-feature-card.rbt-splash-feature-card--support .rbt-splash-feature-support-top {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}
.rbt-splash-feature-card.rbt-splash-feature-card--support .rbt-splash-feature-support-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.rbt-splash-feature-card.rbt-splash-feature-card--support .rbt-splash-feature-support-badges {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  z-index: 2;
}
.rbt-splash-feature-card.rbt-splash-feature-card--support .rbt-splash-support-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 15px;
  line-height: 1.2;
  backdrop-filter: blur(10px);
}
.rbt-splash-feature-card.rbt-splash-feature-card--support .rbt-splash-support-badge .label {
  color: var(--color-body);
}
.rbt-splash-feature-card.rbt-splash-feature-card--support .rbt-splash-support-badge.is-blue {
  background: rgba(246, 247, 255, 0.8);
  box-shadow: 0 4px 14px rgba(81, 99, 255, 0.05);
  margin-left: 20px;
  transform: rotate(-2deg);
}
.rbt-splash-feature-card.rbt-splash-feature-card--support .rbt-splash-support-badge.is-blue .value {
  color: var(--color-primary);
  font-weight: var(--f-medium);
}
.rbt-splash-feature-card.rbt-splash-feature-card--support .rbt-splash-support-badge.is-pink {
  background: rgba(255, 243, 248, 0.8);
  box-shadow: 0 4px 14px rgba(254, 113, 185, 0.05);
  margin-left: 40px;
  transform: rotate(3deg);
}
@media only screen and (max-width: 575px) {
  .rbt-splash-feature-card.rbt-splash-feature-card--support .rbt-splash-support-badge.is-pink {
    margin-left: 0;
  }
}
.rbt-splash-feature-card.rbt-splash-feature-card--support .rbt-splash-support-badge.is-pink .value {
  color: #fc4479;
  font-weight: var(--f-medium);
}
.rbt-splash-feature-card.rbt-splash-feature-card--support .rbt-splash-feature-support-illustration {
  margin-top: auto;
  margin-inline: -20px;
  margin-bottom: 0;
  text-align: center;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.rbt-splash-feature-card.rbt-splash-feature-card--support .rbt-splash-feature-support-illustration img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.rbt-splash-feature-card.rbt-splash-feature-card--docs {
  --splash-feature-glow: rgba(132, 97, 255, 0.15);
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: 0;
}
.rbt-splash-feature-card.rbt-splash-feature-card--docs::after {
  content: none;
}
.rbt-splash-feature-card.rbt-splash-feature-card--docs .rbt-feature-card-docs-light-shape {
  position: absolute;
  right: 0;
  top: 0;
}
.rbt-splash-feature-card.rbt-splash-feature-card--docs .rbt-splash-feature-docs-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.rbt-splash-feature-card.rbt-splash-feature-card--docs .rbt-splash-feature-docs-text {
  margin-bottom: 24px;
  position: relative;
  z-index: 2;
}
.rbt-splash-feature-card.rbt-splash-feature-card--docs .rbt-splash-feature-docs-text .rbt-splash-feature-card-desc {
  color: var(--color-body);
  font-size: 16px;
  line-height: 1.5;
  margin-top: 12px;
  margin-bottom: 24px;
}
.rbt-splash-feature-card.rbt-splash-feature-card--docs .rbt-splash-feature-docs-text .rbt-splash-feature-docs-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 28px;
  border-radius: 10px;
  background: linear-gradient(135deg, #606af9 0%, #5471ff 100%);
  color: var(--color-white);
  font-size: 15px;
  font-weight: var(--f-semibold);
  text-decoration: none;
  transition: var(--transition-1);
}
.rbt-splash-feature-card.rbt-splash-feature-card--docs .rbt-splash-feature-docs-text .rbt-splash-feature-docs-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(81, 99, 255, 0.15);
  color: var(--color-white);
}
.rbt-splash-feature-card.rbt-splash-feature-card--docs .rbt-splash-feature-docs-illustration {
  position: absolute;
  z-index: 1;
  right: -12px;
  bottom: 0;
  max-width: 248px;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-feature-card.rbt-splash-feature-card--docs .rbt-splash-feature-docs-illustration {
    max-width: 180px;
  }
}
.rbt-splash-feature-card.rbt-splash-feature-card--docs .rbt-splash-feature-docs-illustration img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
}
.rbt-splash-feature-card.rbt-splash-feature-card--docs .rbt-splash-feature-docs-decoration {
  position: absolute;
  bottom: 20px;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 1;
  pointer-events: none;
}
.rbt-splash-feature-card.rbt-splash-feature-card--docs .rbt-splash-feature-docs-decoration span {
  display: block;
  height: 3px;
  background: rgba(81, 99, 255, 0.08);
  border-radius: 4px;
}
.rbt-splash-feature-card.rbt-splash-feature-card--docs .rbt-splash-feature-docs-decoration span:nth-child(1) {
  width: 50px;
}
.rbt-splash-feature-card.rbt-splash-feature-card--docs .rbt-splash-feature-docs-decoration span:nth-child(2) {
  width: 65px;
  margin-left: 15px;
}
.rbt-splash-feature-card.rbt-splash-feature-card--docs .rbt-splash-feature-docs-decoration span:nth-child(3) {
  width: 40px;
  margin-left: 15px;
}

.rbt-splash-feature-card-title {
  color: var(--color-heading);
  font-size: clamp(22px, 2.2vw, 24px);
  font-weight: var(--f-semibold);
  line-height: normal;
  letter-spacing: var(--letter-spacing-h4);
  margin-bottom: 10px;
}

.rbt-splash-feature-card-label {
  color: var(--color-body);
  font-size: var(--font-size-b2);
  line-height: 1.5;
}

.rbt-splash-feature-card-label {
  color: var(--color-heading);
  font-size: var(--font-size-b3);
  font-weight: var(--f-medium);
  line-height: normal;
  letter-spacing: -0.15px;
}

.rbt-splash-feature-icon {
  position: relative;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  border-radius: 50%;
  border: 2px solid var(--color-white);
  background: radial-gradient(138.49% 66.88% at 36.14% 16.67%, rgba(255, 255, 255, 0.23) 0%, rgba(46, 47, 94, 0) 86.18%), radial-gradient(83.94% 83.94% at 26.39% 20.83%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), linear-gradient(155deg, #fef5fb 15.47%, #f7f6ff 85.5%);
  box-shadow: -3px -4px 7px 0 rgba(255, 255, 255, 0.15) inset, 0 16px 30px 0 rgba(81, 99, 255, 0.1);
}

.rbt-splash-feature-icon-letter {
  position: absolute;
  font-size: 25px;
  font-weight: var(--f-bold);
  line-height: 1;
}
.rbt-splash-feature-icon-letter.is-primary {
  left: 16px;
  top: 12px;
  color: var(--color-primary);
}
.rbt-splash-feature-icon-letter.is-accent {
  right: 14px;
  bottom: 12px;
  color: var(--color-secondary);
  font-size: 20px;
}

.rbt-splash-feature-selects {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.7fr);
  gap: 16px;
  margin-top: 12px;
}
@media only screen and (max-width: 479px) {
  .rbt-splash-feature-selects {
    grid-template-columns: 1fr;
  }
}

.rbt-splash-feature-select {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 34px;
  padding: 0 10px;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(81, 99, 255, 0.08);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 6px 16px rgba(81, 99, 255, 0.05);
  color: var(--color-body);
  font-size: var(--font-size-b4);
  line-height: 1;
}
.rbt-splash-feature-select i {
  color: var(--color-body-2);
  font-size: 11px;
}

.rbt-splash-feature-typography-preview {
  position: relative;
  margin-top: 24px;
  padding: 10px 14px;
  border-radius: var(--radius-sm);
  border: 1px dashed rgba(81, 99, 255, 0.15);
  background: rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 84px;
}
.rbt-splash-feature-typography-preview .rbt-splash-feature-typography-text {
  font-size: clamp(38px, 4vw, 80px);
  font-weight: var(--f-bold);
  line-height: 0.9;
  letter-spacing: -0.05em;
  background: linear-gradient(180deg, var(--color-primary) -75%, rgba(255, 255, 255, 0) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  user-select: none;
}
.rbt-splash-feature-typography-preview .rbt-splash-feature-typography-handle {
  position: absolute;
  width: 8px;
  height: 8px;
  background: var(--color-secondary-shade);
  border: 1px solid var(--color-white);
  border-radius: 1px;
}
.rbt-splash-feature-typography-preview .rbt-splash-feature-typography-handle.top-left {
  top: -4px;
  left: -4px;
}
.rbt-splash-feature-typography-preview .rbt-splash-feature-typography-handle.top-right {
  top: -4px;
  right: -4px;
}
.rbt-splash-feature-typography-preview .rbt-splash-feature-typography-handle.bottom-left {
  bottom: -4px;
  left: -4px;
}
.rbt-splash-feature-typography-preview .rbt-splash-feature-typography-handle.bottom-right {
  bottom: -4px;
  right: -4px;
}

.rbt-splash-feature-stats-panel {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-md);
  background: #ffffff;
  box-shadow: 0 20px 46px 0 #f1f3ff inset, 2.25px -7px 44px 0 #f1f3ff inset;
  padding: 18px;
}
.rbt-splash-feature-stats-panel > * {
  position: relative;
  z-index: 1;
}
.rbt-splash-feature-stats-panel .rbt-splash-feature-stats-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}

.rbt-splash-feature-stats-inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  height: 100%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-feature-stats-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}

.rbt-splash-feature-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 10px;
  border-radius: var(--radius-lg);
  text-align: center;
  border: 1px solid var(--color-white);
  background: var(--color-white);
  box-shadow: 0 6px 14.4px 0 #F1F3FF inset, 0 -3px 6.2px 0 #F1F3FF inset, 0 4px 16px 0 rgba(0, 35, 75, 0.06);
}
.rbt-splash-feature-stat .rbt-counter {
  display: flex;
  align-items: baseline;
  justify-content: center;
  line-height: 1 !important;
}
.rbt-splash-feature-stat .rbt-splash-feature-stat-number,
.rbt-splash-feature-stat .rbt-counter-suffix,
.rbt-splash-feature-stat .odometer-value,
.rbt-splash-feature-stat .odometer-digit {
  font-size: clamp(30px, 4.5vw, 48px);
  font-weight: var(--f-semibold);
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary-alt) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.rbt-splash-feature-stat-label {
  display: block;
  color: var(--color-body);
  font-size: var(--font-size-b2);
  font-weight: var(--f-medium);
  line-height: 1.25;
  margin-top: 4px;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-feature-stat-label {
    font-size: var(--font-size-b3);
  }
}

.rbt-feature-rocket-move-anim {
  -webkit-animation: feature-rocket-move-anim 1.5s infinite alternate;
  animation: feature-rocket-move-anim 1.5s infinite alternate;
}

@-webkit-keyframes feature-rocket-move-anim {
  0% {
    transform: translateY(0) translateX(0);
  }
  100% {
    transform: translateY(-10px) translateX(5px);
  }
}
@keyframes feature-rocket-move-anim {
  0% {
    transform: translateY(0) translateX(0);
  }
  100% {
    transform: translateY(-10px) translateX(5px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-feature-card-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-splash-feature-card {
    min-height: 0;
  }
}
.rbt-splash-demos-section {
  position: relative;
}
.rbt-splash-demos-section .rbt-splash-demos-top-left-shape {
  max-height: 346px;
  position: absolute;
}
.rbt-splash-demos-section .rbt-splash-demos-top-right-shape {
  max-height: 346px;
  position: absolute;
  right: 0;
}
.rbt-splash-demos-section .rbt-splash-demos-section-light-wrapper {
  width: 613px;
  height: 675px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.rbt-splash-demos-section .rbt-splash-demos-section-light-wrapper .rbt-splash-demos-section-light-primary {
  width: 160px;
  height: 232px;
  border-radius: 50%;
  background: var(--color-primary);
}
.rbt-splash-demos-section .rbt-splash-demos-section-light-wrapper .rbt-splash-demos-section-light-secondary {
  width: 77px;
  height: 150px;
  border-radius: 50%;
  background: var(--color-secondary);
  position: absolute;
}
.rbt-splash-demos-section .rbt-splash-demos-section-light-wrapper .rbt-splash-demos-section-light-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(50px);
}
.rbt-splash-demos-section .rbt-splash-demos-header {
  max-width: 760px;
  margin: 0 auto 60px;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-demos-section .rbt-splash-demos-header {
    margin-bottom: 28px;
  }
}
.rbt-splash-demos-section .rbt-splash-demos-mark {
  width: 90px;
  height: fit-content;
  mix-blend-mode: difference;
  margin: 0 auto;
}
.rbt-splash-demos-section .rbt-splash-demos-mark img {
  transform: scale(1.5);
}
.rbt-splash-demos-section .rbt-splash-demos-title-icon {
  margin-top: -60px;
  max-width: 100%;
  position: relative;
}
.rbt-splash-demos-section .rbt-splash-demos-title {
  position: relative;
  margin-bottom: 8px;
  color: var(--color-heading);
  font-size: clamp(34px, 5vw, 62px);
  font-weight: var(--f-semibold);
  line-height: 1.12;
  letter-spacing: -0.02em;
  margin-top: -40px;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-demos-section .rbt-splash-demos-title {
    font-size: clamp(30px, 9vw, 42px);
  }
}
.rbt-splash-demos-section .rbt-splash-demos-text {
  position: relative;
  color: var(--color-body);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
}
@media only screen and (max-width: 767px) {
  .rbt-splash-demos-section .rbt-splash-demos-text {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
  }
}
.rbt-splash-demos-section .rbt-splash-demos-grid {
  --row-gap: 70px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: var(--row-gap);
  column-gap: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-demos-section .rbt-splash-demos-grid {
    row-gap: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-demos-section .rbt-splash-demos-grid {
    grid-column: 1fr 1fr;
    column-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-demos-section .rbt-splash-demos-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

.rbt-splash-demo-card {
  --margin-right: 60px;
  position: relative;
  display: block;
  height: 100%;
  padding: 5px;
  margin-right: var(--margin-right);
  border-radius: var(--radius-md);
  box-shadow: inset 0 20px 46px rgba(241, 243, 255, 0.9), inset 2.25px -7px 44px rgba(241, 243, 255, 0.75), 0 16px 40px rgba(81, 99, 255, 0.06);
  text-decoration: none;
  color: inherit;
  background: #ffffff;
  box-shadow: 0 20px 46px 0 #f1f3ff inset, 2.25px -7px 44px 0 #f1f3ff inset;
  transition: var(--transition-1);
}
.rbt-splash-demo-card:nth-child(odd)::after {
  content: "";
  position: absolute;
  left: calc(100% + (var(--margin-right) - 22px) / 2);
  bottom: calc(100% + 10px);
  width: 49px;
  height: 49px;
  background: url(../images/splash/splash-demos-section-plus-icon.png);
  z-index: 1;
  pointer-events: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-demo-card:nth-child(odd)::after {
    bottom: calc(100% + 2px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-demo-card:nth-child(odd)::after {
    left: calc(100% + (var(--margin-right) - 29px) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-demo-card:nth-child(odd)::after {
    content: none;
  }
}
.rbt-splash-demo-card:first-child::after {
  content: none;
}
.rbt-splash-demo-card:hover {
  transform: translateY(-4px);
}
.rbt-splash-demo-card:hover .rbt-splash-demo-card-preview img {
  transform: scale(1.02);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-demo-card {
    --margin-right: 30px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-demo-card {
    --margin-right: 0px;
  }
}
.rbt-splash-demo-card .rbt-splash-demo-card-inner {
  padding: 22px 22px 18px;
  border: 1px solid #ffffff;
  border-radius: 8px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-demo-card .rbt-splash-demo-card-inner {
    padding: 18px 18px 16px;
  }
}
.rbt-splash-demo-card .rbt-splash-demo-mobile-preview {
  width: 296px;
  aspect-ratio: 296/370;
  position: absolute;
  bottom: -5%;
  right: -15%;
  z-index: 1;
  pointer-events: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-demo-card .rbt-splash-demo-mobile-preview {
    right: -12%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-demo-card .rbt-splash-demo-mobile-preview {
    width: 155px;
    right: -5%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-demo-card .rbt-splash-demo-mobile-preview {
    width: 155px;
    right: 0;
  }
}
.rbt-splash-demo-card .rbt-splash-demo-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-demo-card .rbt-splash-demo-card-head {
    flex-direction: column;
    gap: 10px;
  }
}
.rbt-splash-demo-card .rbt-splash-demo-card-number {
  display: block;
  margin-bottom: 4px;
  color: var(--color-body-2);
  font-size: var(--font-size-b4);
  line-height: 1;
}
.rbt-splash-demo-card .rbt-splash-demo-card-title {
  margin-bottom: 0;
  color: var(--color-heading);
  font-size: var(--h4);
  font-weight: var(--f-semibold);
  line-height: var(--line-height-h4);
  letter-spacing: var(--letter-spacing-h4);
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-demo-card .rbt-splash-demo-card-title {
    font-size: 22px;
    line-height: 1.35;
  }
}
.rbt-splash-demo-card .rbt-splash-demo-card-text {
  margin-bottom: 16px;
  color: var(--color-body);
  font-size: var(--font-size-b4);
  line-height: 24px;
  max-width: 267px;
}
.rbt-splash-demo-card .rbt-splash-demo-card-preview {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
  border: 2px solid rgba(255, 255, 255, 0.92);
  box-shadow: 0 4px 16px rgba(0, 35, 75, 0.1);
  background: linear-gradient(180deg, rgba(245, 246, 255, 0.9) 0%, rgba(255, 255, 255, 0.98) 100%);
  width: 100%;
  aspect-ratio: 588/550;
}
.rbt-splash-demo-card .rbt-splash-demo-card-preview::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  height: 4px;
  border-radius: 999px;
  background: #f5f5fe;
  z-index: 1;
}
.rbt-splash-demo-card .rbt-splash-demo-card-preview img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.45s ease;
}
.rbt-splash-demo-card .rbt-splash-demo-card-badge {
  position: absolute;
  top: -11px;
  right: 15px;
}
.rbt-splash-demo-card .rbt-view-demo-button {
  position: absolute;
  z-index: 18;
  top: 50%;
  left: 50%;
  width: 121px;
  aspect-ratio: 1/1;
  background: rgba(1, 35, 75, 0.3);
  border: 1px solid var(--color-white);
  border-radius: 50%;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(6px);
  pointer-events: none;
  will-change: transform, opacity;
}
.rbt-splash-demo-card .rbt-view-demo-button .rbt-view-demo-button-text {
  pointer-events: none;
}
.rbt-splash-demo-card .rbt-view-demo-button .rbt-view-demo-button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rbt-splash-demo-card-badge {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 4px 12px;
  min-width: 165px;
  border-radius: 999px;
  color: var(--color-white);
  font-size: 12px;
  font-weight: var(--f-bold);
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  position: relative;
  isolation: isolate;
  background: var(--rbt-badge-bg, linear-gradient(90deg, #5163ff 0%, #91c2fe 100%));
}
@supports (-webkit-mask-image: url("")) or (mask-image: url("")) {
  .rbt-splash-demo-card-badge {
    background: transparent;
    border-radius: 0;
  }
  .rbt-splash-demo-card-badge::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--rbt-badge-bg);
    -webkit-mask-image: url(../images/splash/badge-bg-01.png);
    mask-image: url(../images/splash/badge-bg-01.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
}
.rbt-splash-demo-card-badge.is-hot {
  --rbt-badge-bg: linear-gradient(90deg, #7b67ff 0%, #fe71b9 100%);
}
.rbt-splash-demo-card-badge.is-popular {
  --rbt-badge-bg: linear-gradient(90deg, #fd689a 0%, #fe71b9 100%);
}
.rbt-splash-demo-card-badge.is-trending {
  --rbt-badge-bg: linear-gradient(103deg, #f16529 49.84%, #f8e570 99.68%);
}
.rbt-splash-demo-card-badge.is-unique {
  --rbt-badge-bg: linear-gradient(90deg, #36c275 0%, #83e09f 100%);
}
.rbt-splash-demo-card-badge.is-new {
  --rbt-badge-bg: linear-gradient(90deg, #5163ff 0%, #91c2fe 100%);
}
.rbt-splash-demo-card-badge.is-top {
  --rbt-badge-bg: linear-gradient(90deg, #7c6bff 0%, #aa8bff 100%);
}

.rbt-splash-countdown-section .rbt-splash-countdown-panel {
  padding: 10px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 20px 46px 0 #f1f3ff inset, 2.25px -7px 44px 0 #f1f3ff inset;
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-md);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.92) 38%, rgba(247, 248, 255, 0.94) 100%), url(../images/splash/bg-noise.png) center center/360px repeat, url(../images/splash/bg-grid-line.png) center center/cover no-repeat;
}
.rbt-splash-countdown-section .rbt-splash-countdown-inner {
  padding: 50px 80px 50px 48px;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 8px;
}
.rbt-splash-countdown-section .rbt-splash-countdown-inner::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(55px);
  opacity: 0.55;
  pointer-events: none;
}
.rbt-splash-countdown-section .rbt-splash-countdown-inner::after {
  width: 150px;
  height: 150px;
  bottom: -75px;
  left: 32%;
  background: rgba(81, 99, 255, 0.12);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-countdown-section .rbt-splash-countdown-inner {
    padding: 32px 18px;
  }
}
.rbt-splash-countdown-section .rbt-splash-countdown-inner .rbt-splash-countdown-section-light {
  position: absolute;
  right: 0;
  top: 0px;
}
.rbt-splash-countdown-section .rbt-splash-countdown-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 558px);
  align-items: center;
  gap: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-countdown-section .rbt-splash-countdown-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
    gap: 24px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-countdown-section .rbt-splash-countdown-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.rbt-splash-countdown-section .rbt-splash-countdown-content {
  position: relative;
  z-index: 2;
  max-width: 430px;
}
.rbt-splash-countdown-section .rbt-splash-countdown-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 18px;
  color: var(--color-body-2);
  font-size: var(--font-size-b1);
  font-weight: var(--f-medium);
  line-height: 30px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-countdown-section .rbt-splash-countdown-kicker {
    margin-bottom: 5px;
  }
}
.rbt-splash-countdown-section .rbt-splash-countdown-kicker .is-faded {
  color: rgba(182, 181, 187, 0.2);
}
.rbt-splash-countdown-section .rbt-splash-countdown-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 16px;
  color: var(--color-heading);
  font-size: clamp(38px, 4vw, 48px);
  font-weight: var(--f-semibold);
  line-height: var(--line-height-h1);
  letter-spacing: var(--letter-spacing-h1);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-countdown-section .rbt-splash-countdown-title {
    font-size: clamp(32px, 9vw, 40px);
    margin-bottom: 0;
  }
}
.rbt-splash-countdown-section .rbt-splash-countdown-emoji {
  font-size: clamp(32px, 4vw, 44px);
  line-height: 1;
  transform: translateY(-30px) translateX(-15px);
}
.rbt-splash-countdown-section .rbt-splash-countdown-link {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  transition: var(--transition-1);
}
.rbt-splash-countdown-section .rbt-splash-countdown-link:hover {
  transform: translateX(3px);
}
.rbt-splash-countdown-section .rbt-splash-countdown-link:hover .rbt-splash-countdown-link-icon {
  box-shadow: inset -3px -4px 7px 0 rgba(255, 255, 255, 0.18), 0 12px 26px rgba(81, 99, 255, 0.12);
}
.rbt-splash-countdown-section .rbt-splash-countdown-link:hover .rbt-splash-countdown-link-arrow {
  transform: translateX(4px);
}
.rbt-splash-countdown-section .rbt-splash-countdown-link-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #FFF;
  background: radial-gradient(138.49% 66.88% at 36.14% 16.67%, rgba(255, 255, 255, 0.23) 0%, rgba(46, 47, 94, 0) 86.18%), radial-gradient(83.94% 83.94% at 26.39% 20.83%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), linear-gradient(155deg, #FEF5FB 15.47%, #F7F6FF 85.5%);
  box-shadow: -3px -4px 7px 0 rgba(255, 255, 255, 0.15) inset, 0 16px 30px 0 rgba(81, 99, 255, 0.1);
  color: var(--color-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 24px;
  transition: var(--transition-1);
}
.rbt-splash-countdown-section .rbt-splash-countdown-link-text {
  background: var(--gradient-3);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: var(--h6);
  font-weight: var(--f-bold);
  line-height: var(--line-height-h6);
}
.rbt-splash-countdown-section .rbt-splash-countdown-link-arrow {
  max-width: 35px;
  transition: var(--transition-1);
}
.rbt-splash-countdown-section .rbt-splash-countdown-card {
  position: relative;
  z-index: 2;
  margin-left: auto;
  width: 100%;
  min-height: 180px;
  border-radius: 10px;
  border: var(--border-width) solid rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 16px 40px rgba(81, 99, 255, 0.08);
  backdrop-filter: blur(10px);
  padding: 28px 24px 24px;
  text-align: center;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-countdown-section .rbt-splash-countdown-card {
    max-width: none;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-countdown-section .rbt-splash-countdown-card {
    padding: 24px 16px 20px;
  }
}
.rbt-splash-countdown-section .rbt-splash-countdown-card-leaf-shape {
  position: absolute;
}
.rbt-splash-countdown-section .rbt-splash-countdown-card-leaf-shape.left {
  left: -5%;
  bottom: 5%;
}
.rbt-splash-countdown-section .rbt-splash-countdown-card-leaf-shape.right {
  right: -5%;
  top: 5%;
}
.rbt-splash-countdown-section .rbt-splash-countdown-card-title {
  margin-bottom: 24px;
  color: var(--color-heading);
  font-size: var(--h6);
  font-weight: var(--f-semibold);
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-countdown-section .rbt-splash-countdown-card-title {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 18px;
  }
}
.rbt-splash-countdown-section .rbt-splash-countdown-timer {
  display: grid;
  grid-template-columns: repeat(4, minmax(48px, 1fr));
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-countdown-section .rbt-splash-countdown-timer {
    gap: 12px;
  }
}
.rbt-splash-countdown-section .rbt-splash-countdown-unit {
  position: relative;
}
.rbt-splash-countdown-section .rbt-splash-countdown-unit:not(:last-child)::after {
  content: ":";
  position: absolute;
  top: 4px;
  right: -13px;
  color: var(--color-heading);
  font-size: var(--h5);
  font-weight: var(--f-semibold);
  line-height: var(--line-height-h5);
  letter-spacing: var(--letter-spacing-h5);
}
@media only screen and (max-width: 767px) {
  .rbt-splash-countdown-section .rbt-splash-countdown-unit:not(:last-child)::after {
    right: -10px;
    font-size: 18px;
  }
}
.rbt-splash-countdown-section .rbt-splash-countdown-value {
  display: block;
  color: var(--color-primary);
  font-size: clamp(30px, 3.8vw, 40px);
  font-weight: var(--f-semibold);
  line-height: 1.1;
}
.rbt-splash-countdown-section .rbt-splash-countdown-label {
  display: block;
  margin-top: 8px;
  color: var(--color-body);
  font-size: var(--font-size-b4);
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: none;
}
.rbt-splash-countdown-section .rbt-splash-countdown-bg {
  position: absolute;
  right: 60px;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}

.rbt-splash-innerpage-panel .rbt-splash-innerpage-header {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-innerpage-panel .rbt-splash-innerpage-header {
    margin-bottom: 30px;
  }
}
.rbt-splash-innerpage-panel .rbt-splash-innerpage-header svg {
  max-width: 100%;
}
.rbt-splash-innerpage-panel .rbt-splash-innerpage-title {
  font-size: clamp(var(--h5), 3vw, var(--display-font-3));
  color: var(--color-heading);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  margin-top: -48px;
}
.rbt-splash-innerpage-panel .rbt-inner-page-panel-indicator {
  --indicator-x: 0px;
  --indicator-y: 0px;
  width: 259px;
  height: 255px;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(calc(-50% + var(--indicator-x)), calc(-50% + var(--indicator-y)));
  will-change: transform;
  z-index: 2;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 6px 6px rgba(81, 99, 255, 0.08), 0 0 20px rgba(81, 99, 255, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-innerpage-panel .rbt-inner-page-panel-indicator {
    width: 230px;
    height: 230px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-innerpage-panel .rbt-inner-page-panel-indicator {
    width: 200px;
    height: 200px;
  }
}
.rbt-splash-innerpage-panel .rbt-inner-page-panel-indicator .rbt-indicator-content {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.rbt-splash-innerpage-panel .rbt-inner-page-panel-indicator .rbt-inner-page-panel-indicator-text {
  margin-bottom: 0;
  font-size: var(--h5);
  font-weight: var(--f-semibold);
  line-height: var(--line-height-h5);
  letter-spacing: var(--letter-spacing-h5);
  color: var(--color-heading);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-innerpage-panel .rbt-inner-page-panel-indicator .rbt-inner-page-panel-indicator-text {
    font-size: var(--h6);
    line-height: var(--line-height-h6);
    letter-spacing: var(--letter-spacing-h6);
  }
}
.rbt-splash-innerpage-panel .rbt-inner-page-panel-indicator {
  --lg-bg-color: rgba(255, 255, 255, 0.15);
  --lg-highlight: rgba(255, 255, 255, 0.75);
}
.rbt-splash-innerpage-panel .rbt-inner-page-panel-indicator .glass-filter,
.rbt-splash-innerpage-panel .rbt-inner-page-panel-indicator .glass-overlay,
.rbt-splash-innerpage-panel .rbt-inner-page-panel-indicator .glass-specular {
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
.rbt-splash-innerpage-panel .rbt-inner-page-panel-indicator .glass-filter {
  z-index: 0;
  backdrop-filter: blur(7px);
  filter: url(#lensFilter) saturate(120%) brightness(1.15);
}
.rbt-splash-innerpage-panel .rbt-inner-page-panel-indicator .glass-overlay {
  z-index: 1;
  background: var(--lg-bg-color);
}
.rbt-splash-innerpage-panel .rbt-inner-page-panel-indicator .glass-specular {
  z-index: 2;
  box-shadow: inset 1px 1px 0 var(--lg-highlight), inset 0 0 5px var(--lg-highlight);
}
.rbt-splash-innerpage-panel .rbt-inner-page-panel-indicator .glass-content {
  position: relative;
  z-index: 3;
}
.rbt-splash-innerpage-panel .rbt-splash-innerpage-slider,
.rbt-splash-innerpage-panel .rbt-splash-innerpage-slider-reverse {
  padding: 2px 0;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);
}
.rbt-splash-innerpage-panel .rbt-splash-innerpage-slider .swiper-wrapper,
.rbt-splash-innerpage-panel .rbt-splash-innerpage-slider-reverse .swiper-wrapper {
  transition-timing-function: linear;
}
.rbt-splash-innerpage-panel .rbt-splash-innerpage-slider .swiper-wrapper .swiper-slide,
.rbt-splash-innerpage-panel .rbt-splash-innerpage-slider-reverse .swiper-wrapper .swiper-slide {
  max-width: 500px;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-innerpage-panel .rbt-splash-innerpage-slider .swiper-wrapper .swiper-slide,
  .rbt-splash-innerpage-panel .rbt-splash-innerpage-slider-reverse .swiper-wrapper .swiper-slide {
    max-width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-innerpage-panel .rbt-splash-innerpage-slider .swiper-wrapper .swiper-slide,
  .rbt-splash-innerpage-panel .rbt-splash-innerpage-slider-reverse .swiper-wrapper .swiper-slide {
    max-width: 250px;
  }
}

.rbt-splash-innerpage-card {
  --inner-card-bg: #f3f4fb;
  --inner-card-border: #d8dbea;
  --inner-card-url-bg: #ffffff;
  --inner-card-url-color: #838aa6;
  max-width: 1080px;
  margin: 0 auto;
  border-radius: 20px;
  border: 1px solid var(--inner-card-border);
  background: var(--inner-card-bg);
  overflow: hidden;
  display: block;
  text-decoration: none;
  color: inherit;
  transition: var(--transition-1);
}
.rbt-splash-innerpage-card:hover {
  transform: translateY(-2px);
}
.rbt-splash-innerpage-card .rbt-splash-innerpage-card-topbar {
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 20px;
}
.rbt-splash-innerpage-card .rbt-window-control-dots {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.rbt-splash-innerpage-card .rbt-splash-innerpage-card-url {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 240px;
  height: 34px;
  border-radius: 999px;
  padding: 0 16px;
  background: var(--inner-card-url-bg);
  color: var(--inner-card-url-color);
  font-size: var(--font-size-b2);
  line-height: 1;
  font-weight: var(--f-medium);
}
.rbt-splash-innerpage-card .rbt-splash-innerpage-card-media {
  padding: 0 16px 16px;
}
.rbt-splash-innerpage-card .rbt-splash-innerpage-card-media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
  border: 1px solid #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 35, 75, 0.1);
}

.rbt-splash-elements-section .rbt-bg-leaf {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.rbt-splash-elements-section .rbt-bg-leaf.rbt-left-leaf {
  left: -14%;
}
.rbt-splash-elements-section .rbt-bg-leaf.rbt-right-leaf {
  right: -14%;
}
.rbt-splash-elements-section .rbt-splash-elements-panel {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-xl);
  background: url(../images/splash/bg-pattern.webp) center center no-repeat;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-elements-section .rbt-splash-elements-panel {
    padding-bottom: 0;
  }
}
.rbt-splash-elements-section .rbt-splash-elements-layout {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(360px, 395px) minmax(180px, 1fr);
  align-items: center;
  gap: 8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-elements-section .rbt-splash-elements-layout {
    grid-template-columns: minmax(145px, 400px) minmax(225px, 225px) minmax(180px, 1fr);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-elements-section .rbt-splash-elements-layout {
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-elements-section .rbt-splash-elements-layout {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.rbt-splash-elements-section .rbt-splash-elements-column {
  min-width: 0;
}
.rbt-splash-elements-section .rbt-splash-elements-slider {
  height: 820px;
  perspective: 600px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-elements-section .rbt-splash-elements-slider {
    height: 400px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-elements-section .rbt-splash-elements-slider {
    height: 280px;
  }
}
.rbt-splash-elements-section .rbt-splash-elements-slider.rbt-splash-elements-slider-left {
  padding-left: 220px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-elements-section .rbt-splash-elements-slider.rbt-splash-elements-slider-right {
    padding-left: 220px;
  }
}
.rbt-splash-elements-section .rbt-splash-elements-slider .swiper-wrapper {
  transition-timing-function: linear;
}
.rbt-splash-elements-section .rbt-splash-elements-slider .swiper-slide {
  height: auto;
  display: flex;
  justify-content: center;
  transition: var(--transition-6);
}
.rbt-splash-elements-section .rbt-splash-elements-chip {
  min-width: 210px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 24px 10px 10px;
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  background: rgba(238, 239, 255, 0.5);
}
.rbt-splash-elements-section .rbt-splash-elements-chip-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-secondary-shade);
  color: var(--color-primary);
  font-size: 14px;
  flex-shrink: 0;
}
.rbt-splash-elements-section .rbt-splash-elements-chip-text {
  color: var(--color-heading);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  font-weight: var(--f-semibold);
  white-space: nowrap;
}
.rbt-splash-elements-section .rbt-splash-elements-center {
  position: relative;
  z-index: 1;
  max-width: 440px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-elements-section .rbt-splash-elements-center {
    grid-column: span 2;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-elements-section .rbt-splash-elements-center {
    padding: 20px 0;
  }
}
.rbt-splash-elements-section .rbt-splash-elements-badge {
  display: block;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  font-weight: var(--f-medium);
}
@media only screen and (max-width: 767px) {
  .rbt-splash-elements-section .rbt-splash-elements-badge {
    margin-top: 10px;
  }
}
.rbt-splash-elements-section .rbt-splash-elements-title {
  margin-top: 10px;
  margin-bottom: 0;
  color: var(--color-heading);
  font-size: clamp(var(--h4), 4vw, var(--h2));
  font-weight: var(--f-bold);
  line-height: 1.2;
}
.rbt-splash-elements-section .rbt-splash-elements-note {
  margin-top: 16px;
  color: var(--color-body);
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  max-width: 348px;
}

.rbt-splash-responsive-section .rbt-splash-responsive-light-shape-left {
  position: absolute;
  left: 0;
  bottom: 0;
}
.rbt-splash-responsive-section .rbt-splash-responsive-light-shape-right {
  position: absolute;
  right: 0;
}
.rbt-splash-responsive-section .rbt-splash-responsive-panel {
  --splash-responsive-heading: var(--color-heading);
  --splash-responsive-body: var(--color-body);
  --splash-responsive-icon-ring: var(--color-primary-opacity-100);
  --splash-responsive-icon-stroke: var(--color-primary);
  position: relative;
  overflow: hidden;
  padding-top: 120px;
  border-radius: var(--radius-xl);
  box-shadow: 0 20px 46px 0 #f1f3ff inset, 2.25px -7px 44px 0 #f1f3ff inset;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-panel {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-panel {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.rbt-splash-responsive-section .rbt-splash-responsive-header-icon {
  display: flex;
  justify-content: center;
}
.rbt-splash-responsive-section .rbt-splash-responsive-title {
  color: var(--splash-responsive-heading);
  font-size: clamp(var(--h3), 4vw, var(--h1));
  font-weight: var(--f-bold);
  letter-spacing: var(--letter-spacing-h3);
  line-height: var(--line-height-h3);
}
.rbt-splash-responsive-section .rbt-splash-responsive-subtitle {
  color: var(--splash-responsive-body);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  max-width: 410px;
  margin-left: auto;
  margin-right: auto;
}
.rbt-splash-responsive-section .rbt-splash-responsive-visual {
  position: relative;
  margin-top: clamp(28px, 5vw, 40px);
  min-height: 0;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-visual {
    min-height: 520px;
  }
}
@media only screen and (min-width: 1200px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-visual {
    min-height: 560px;
  }
}
.rbt-splash-responsive-section .rbt-splash-responsive-stage {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 0 auto;
  max-width: min(92vw, 894px);
}
.rbt-splash-responsive-section .rbt-splash-responsive-monitor {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 18px 40px var(--color-black-opacity-100));
}
.rbt-splash-responsive-section .rbt-splash-responsive-mobile {
  position: absolute;
  left: 50%;
  bottom: 14%;
  width: min(30%, 280px);
  height: auto;
  transform: translateX(-50%);
  z-index: 2;
  filter: drop-shadow(0 12px 28px var(--color-black-opacity-200));
  border-radius: var(--radius-md);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
    margin-top: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 28px;
  }
}
@media (min-width: 1200px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-cards {
    position: absolute;
    inset: 0;
    z-index: 2;
  }
}
.rbt-splash-responsive-section .rbt-splash-responsive-card {
  background: url(../images/splash/responsive-card-bg.png) center center/cover no-repeat, var(--color-white);
  border-radius: var(--radius-sm);
  padding: 25px;
  width: 100%;
  filter: drop-shadow(0 27px 29.6px rgba(0, 35, 75, 0.06));
  transition: var(--transition-1);
}
@media only screen and (min-width: 1200px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-card {
    position: absolute;
    width: 100%;
    padding: 18px 20px;
    max-width: 190px;
  }
}
@media (min-width: 1400px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-card {
    position: absolute;
    max-width: 252px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-card {
    position: relative;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-card {
    padding: 15px;
  }
  .rbt-splash-responsive-section .rbt-splash-responsive-card:hover {
    transform: translateY(-2px);
  }
}
@media only screen and (min-width: 1200px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-card--tl {
    top: -10px;
    left: -115px;
    transform: rotate(-16deg);
  }
}
@media (min-width: 1400px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-card--tl {
    top: -25px;
    left: -200px;
  }
}
.rbt-splash-responsive-section .rbt-splash-responsive-card--tl:hover {
  transform: rotate(-12deg);
}
@media only screen and (min-width: 1200px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-card--tr {
    top: -50px;
    right: -100px;
    transform: rotate(-14deg);
  }
}
@media (min-width: 1400px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-card--tr {
    top: -60px;
    right: -185px;
  }
}
.rbt-splash-responsive-section .rbt-splash-responsive-card--tr:hover {
  transform: rotate(-10deg);
}
@media only screen and (min-width: 1200px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-card--bl {
    bottom: 190px;
    left: -100px;
    transform: rotate(14deg);
  }
}
@media (min-width: 1400px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-card--bl {
    bottom: 190px;
    left: -150px;
  }
}
.rbt-splash-responsive-section .rbt-splash-responsive-card--bl:hover {
  transform: rotate(10deg);
}
@media only screen and (min-width: 1200px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-card--br {
    bottom: 200px;
    right: -90px;
    transform: rotate(19deg);
  }
}
@media (min-width: 1400px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-card--br {
    bottom: 200px;
    right: -135px;
  }
}
.rbt-splash-responsive-section .rbt-splash-responsive-card--br:hover {
  transform: rotate(15deg);
}
.rbt-splash-responsive-section .rbt-splash-responsive-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 2px solid var(--color-white);
  background: radial-gradient(138.49% 66.88% at 36.14% 16.67%, rgba(255, 255, 255, 0.23) 0%, rgba(46, 47, 94, 0) 86.18%), radial-gradient(83.94% 83.94% at 26.39% 20.83%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), linear-gradient(155deg, #fef5fb 15.47%, #f7f6ff 85.5%);
  box-shadow: -3px -4px 7px 0 rgba(255, 255, 255, 0.15) inset, 0 16px 30px 0 rgba(81, 99, 255, 0.1);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-card-icon {
    width: 60px;
    height: 60px;
  }
}
.rbt-splash-responsive-section .rbt-splash-responsive-card-title {
  color: var(--splash-responsive-heading);
  font-size: var(--h6);
  font-weight: var(--f-medium);
  margin: 0;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-card-title {
    font-size: var(--font-size-b2);
  }
}
.rbt-splash-responsive-section .rbt-splash-responsive-card-meta {
  color: var(--splash-responsive-heading);
  font-size: var(--font-size-b1);
  font-weight: var(--f-medium);
  margin: 0;
  line-height: 1.6;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-responsive-section .rbt-splash-responsive-card-meta {
    font-size: var(--font-size-b3);
  }
}

.rbt-up-down-anim-2 {
  -webkit-animation: up-down-anim-2 1s infinite alternate;
  animation: up-down-anim-2 1s infinite alternate;
}

@-webkit-keyframes up-down-anim-2 {
  0% {
    transform: translateY(0) translateX(-50%);
  }
  100% {
    transform: translateY(-10px) translateX(-50%);
  }
}
@keyframes up-down-anim-2 {
  0% {
    transform: translateY(0) translateX(-50%);
  }
  100% {
    transform: translateY(-10px) translateX(-50%);
  }
}
.rbt-splash-accordion .accordion-body {
  max-width: 712px;
}
.rbt-splash-accordion .accordion-body > p {
  font-size: var(--font-size-b1);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-accordion .accordion-body > p {
    font-size: var(--font-size-b2);
  }
}

.rbt-splash-faq-support {
  background: url(../images/splash/bg-column-pattern.png) left top repeat-x, #eff0fa;
  padding: 48px 30px 58px;
}
.rbt-splash-faq-support.rbt-contact-thumbnail-box::after {
  content: none;
}
.rbt-splash-faq-support.rbt-contact-thumbnail-box .rbt-content {
  position: static;
  margin-top: 20px;
}
.rbt-splash-faq-support .rbt-author-logo {
  position: absolute;
  left: 30px;
  top: 30px;
}
.rbt-splash-faq-support .rbt-right-shape {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.rbt-splash-faq-support .rbt-right-shape svg {
  max-height: 100%;
}
.rbt-splash-faq-support .rbt-media-box {
  height: 292px;
}
.rbt-splash-faq-support .rbt-media-box .rbt-splash-faq-support-image {
  position: relative;
  width: 160px;
  height: 160px;
  outline: 1px solid rgba(81, 99, 255, 0.05);
  border: 4px solid transparent;
  border-radius: 50%;
  overflow: hidden;
  transform-origin: center center;
  will-change: transform;
  animation: rbt-splash-faq-avatar-float 4.8s ease-in-out infinite;
  background: var(--color-primary-opacity-100);
}
.rbt-splash-faq-support .rbt-media-box .rbt-splash-faq-support-image.image-1 {
  margin-left: auto;
  margin-right: 10%;
  animation-delay: -0.8s;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-faq-support .rbt-media-box .rbt-splash-faq-support-image.image-1 {
    margin-right: 150px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-splash-faq-support .rbt-media-box .rbt-splash-faq-support-image.image-1 {
    margin-right: 14%;
  }
}
.rbt-splash-faq-support .rbt-media-box .rbt-splash-faq-support-image.image-1 img {
  background: #f9f8f6;
}
.rbt-splash-faq-support .rbt-media-box .rbt-splash-faq-support-image.image-2 {
  margin-top: -32px;
  animation-delay: -2s;
}
.rbt-splash-faq-support .rbt-media-box .rbt-splash-faq-support-image.image-3 {
  margin-left: auto;
  margin-right: 70px;
  margin-top: -40px;
  animation-delay: -3.1s;
}
.rbt-splash-faq-support .rbt-media-box .rbt-splash-faq-support-image.size-lg {
  width: 100px;
  height: 100px;
}
.rbt-splash-faq-support .rbt-media-box .rbt-splash-faq-support-image.size-md {
  width: 80px;
  height: 80px;
}
.rbt-splash-faq-support .rbt-media-box .rbt-splash-faq-support-image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center center;
  will-change: opacity;
}

@keyframes rbt-splash-faq-avatar-float {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -8px, 0);
  }
}
.rbt-splash-cta {
  position: relative;
  background: url(../images/splash/bg-grid-line.png) center center, url(../images/splash/cta-gradient-bg.svg) center center no-repeat, url(../images/splash/bg-noise.png) center center no-repeat, #00234b;
  padding: 90px 0;
  box-shadow: 0 20px 46px 0 rgba(255, 255, 255, 0.15) inset, 2.25px -7px 44px 0 rgba(241, 243, 255, 0.3) inset;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-cta {
    padding: 70px 0 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-cta {
    padding: 110px 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-cta {
    padding: 90px 0 70px;
  }
}
.rbt-splash-cta .rbt-splash-cta-inner {
  position: relative;
  z-index: 1;
}
.rbt-splash-cta .rbt-splash-cta-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.rbt-splash-cta .rbt-splash-cta-icon img {
  width: 52px;
  height: 52px;
  filter: drop-shadow(0 0 20px var(--color-primary-opacity-600));
}
.rbt-splash-cta .rbt-splash-cta-heading {
  font-size: 68px;
  font-weight: var(--f-semibold);
  line-height: 1.12;
  letter-spacing: -0.62px;
  background: linear-gradient(180deg, #fff 41.43%, rgba(255, 255, 255, 0.6) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-cta .rbt-splash-cta-heading {
    font-size: var(--h2);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-cta .rbt-splash-cta-heading {
    font-size: var(--h3);
    line-height: 1.4;
  }
}
.rbt-splash-cta .rbt-splash-cta-emoji {
  font-style: normal;
}
.rbt-splash-cta .rbt-splash-cta-btn {
  display: flex;
  justify-content: center;
}
.rbt-splash-cta .rbt-splash-cta-note {
  color: var(--color-white);
  font-size: var(--font-size-b2);
  line-height: 1.75;
  margin: 0;
}
.rbt-splash-cta .rbt-splash-floats {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
.rbt-splash-cta .rbt-splash-float {
  position: absolute;
  pointer-events: none;
}
.rbt-splash-cta .rbt-splash-float img {
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-1);
  border: var(--border-width-1) solid var(--color-white-opacity-100);
  display: block;
}
.rbt-splash-cta .rbt-splash-float.rbt-splash-float-1 {
  top: 30%;
  left: 4%;
}
.rbt-splash-cta .rbt-splash-float.rbt-splash-float-1 img {
  width: 249px;
}
.rbt-splash-cta .rbt-splash-float.rbt-splash-float-2 {
  top: 60%;
  left: 8%;
}
.rbt-splash-cta .rbt-splash-float.rbt-splash-float-2 img {
  width: 56px;
}
.rbt-splash-cta .rbt-splash-float.rbt-splash-float-3 {
  top: 8%;
  left: 20%;
}
.rbt-splash-cta .rbt-splash-float.rbt-splash-float-3 img {
  width: 150px;
}
.rbt-splash-cta .rbt-splash-float.rbt-splash-float-4 {
  top: 8%;
  right: 18%;
}
.rbt-splash-cta .rbt-splash-float.rbt-splash-float-4 img {
  width: 182px;
}
.rbt-splash-cta .rbt-splash-float.rbt-splash-float-5 {
  top: 45%;
  right: 23%;
}
.rbt-splash-cta .rbt-splash-float.rbt-splash-float-5 img {
  width: 46px;
}
.rbt-splash-cta .rbt-splash-float.rbt-splash-float-6 {
  top: 58%;
  right: 4%;
}
.rbt-splash-cta .rbt-splash-float.rbt-splash-float-6 img {
  width: 194px;
}
.rbt-splash-cta .rbt-splash-float.rbt-splash-float-7 {
  bottom: 15%;
  left: 16%;
}
.rbt-splash-cta .rbt-splash-float.rbt-splash-float-7 img {
  width: 169px;
}
.rbt-splash-cta .rbt-splash-float.rbt-splash-float-8 {
  bottom: 10%;
  right: 22%;
}
.rbt-splash-cta .rbt-splash-float.rbt-splash-float-8 img {
  width: 200px;
}

.rbt-window-control-dots {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff5f57;
  box-shadow: 18px 0 0 #febc2e, 36px 0 0 #28c840;
}

/**************************************
    Other Pages
***************************************/
/*********************************************************************************
  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
  Note: This is style css.
**********************************************************************************/
/**************************************************************
  STYLESHEET INDEXING
  |
  |
  |___ Default Styles
  | |
  | |___ variables
  | |___ mixins
  | |___ reset
  | |___ typography
  | |___ extend
  | |___ shortcode
  | |___ spacing
  | |___ forms
  | |___ common
  | |___ utilize
  | |___ cursor-anim
  |
  |
  |___Header Styles
  | |___ nav
  | |___ header
  | |___ header-common
  | |___ mobilemenu
  | |___ offcanvas/offcanvas
  |
  |
  |___Elements Styles
  | |___ style-guide
  | |___ section-title
  | |___ button
  | |___ advantage
  | |___ tabs
  | |___ list-style
  | |___ avatar
  | |___ tooltip
  | |___ animation
  | |___ campaign
  | |___ category
  | |___ social-share
  | |___ sidebar
  | |___ card
  | |___ case
  | |___ blog
  | |___ filter
  | |___ gallery
  | |___ pagination
  | |___ badge
  | |___ testimonial
  | |___ swiper
  | |___ banner
  | |___ call-to-action
  | |___ section-common
  | |___ about-us
  | |___ newsletter
  | |___ meta
  | |___ purchase-table
  | |___ accordion
  | |___ counter
  | |___ timeline
  | |___ contact
  | |___ project-showcase
  | |___ overlap-layout
  | |___ select-style
  | |___ insta
  | |___ fancybox-style
  | |___ back-to-top
  | |___ footer
  |
  |
  |___Others styles
  | |___ others
  |
  |
  |___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
.rbt-award-box-wrapper {
  position: relative;
  display: flex;
  gap: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-award-box-wrapper {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-award-box-wrapper {
    gap: 10px;
  }
}
.rbt-award-box-wrapper.rbt-award-box-grid, .rbt-award-box-wrapper.rbt-award-box-grid-2 {
  max-width: 445px;
  min-height: 300px;
  display: flex;
  gap: 0;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .rbt-award-box-wrapper.rbt-award-box-grid, .rbt-award-box-wrapper.rbt-award-box-grid-2 {
    max-width: 325px;
    min-height: 250px;
    margin: 0 auto;
  }
}
.rbt-award-box-wrapper.rbt-award-box-grid .rbt-award-single:nth-child(2), .rbt-award-box-wrapper.rbt-award-box-grid-2 .rbt-award-single:nth-child(2) {
  top: 150px;
}
.rbt-award-box-wrapper.rbt-award-box-grid .rbt-award-single:nth-child(4), .rbt-award-box-wrapper.rbt-award-box-grid-2 .rbt-award-single:nth-child(4) {
  position: absolute;
  top: 100%;
  transform: translateY(200%);
}
.rbt-award-box-wrapper.rbt-award-box-grid .rbt-award-single:nth-child(5), .rbt-award-box-wrapper.rbt-award-box-grid-2 .rbt-award-single:nth-child(5) {
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(200%);
}
.rbt-award-box-wrapper.rbt-award-box-grid-2 {
  max-width: 500px;
}

.rbt-award-single,
.rbt-award-single-2 {
  height: 150px;
  width: 150px;
  padding: 15px;
  background: linear-gradient(135deg, #FFF5FA 0%, #F5F5FF 100%);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .rbt-award-single,
  .rbt-award-single-2 {
    height: 125px;
    width: 125px;
  }
}
.rbt-award-single img,
.rbt-award-single-2 img {
  max-width: 100%;
  max-height: 100%;
}
.rbt-award-single .rbt-winning-year,
.rbt-award-single .rbt-winning-text,
.rbt-award-single-2 .rbt-winning-year,
.rbt-award-single-2 .rbt-winning-text {
  position: absolute;
  padding: 3px 6px;
  border: 1px solid var(--color-white);
  border-radius: var(--radius);
  font-size: var(--font-size-b4);
  font-weight: var(--f-medium);
  line-height: 1;
  top: calc(100% - 10px);
}
.rbt-award-single .rbt-winning-year::after,
.rbt-award-single .rbt-winning-text::after,
.rbt-award-single-2 .rbt-winning-year::after,
.rbt-award-single-2 .rbt-winning-text::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(135deg, #FFF5FA 0%, #F5F5FF 100%);
}
.rbt-award-single .rbt-winning-year > *,
.rbt-award-single .rbt-winning-text > *,
.rbt-award-single-2 .rbt-winning-year > *,
.rbt-award-single-2 .rbt-winning-text > * {
  position: relative;
  z-index: 1;
  background: var(--Liniear-For-Badge, linear-gradient(102deg, #5163FF -0.32%, #FE71B9 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-award-single .rbt-winning-text,
.rbt-award-single-2 .rbt-winning-text {
  top: calc(100% + 12px);
  border: none;
  color: var(--color-body);
}
.rbt-award-single .rbt-winning-text span,
.rbt-award-single-2 .rbt-winning-text span {
  background: transparent;
  background-clip: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}
.rbt-award-single .rbt-winning-text::after,
.rbt-award-single-2 .rbt-winning-text::after {
  background: transparent;
}

.rbt-award-single-2 {
  padding-bottom: 25px;
  top: unset !important;
  background: linear-gradient(239deg, rgba(254, 113, 185, 0.1) -1.01%, rgba(81, 99, 255, 0) 40.94%);
}
.rbt-award-single-2 .rbt-winning-year {
  top: calc(100% - 16px);
}

.rbt-diagonal-shape {
  position: relative;
}
.rbt-diagonal-shape .rbt-section-img {
  padding-bottom: 70px;
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 81%, 0 100%);
}
@media only screen and (max-width: 767px) {
  .rbt-diagonal-shape .rbt-section-img {
    clip-path: polygon(0% 0%, 100% 0%, 100% 64%, 0% 88%);
  }
}
.rbt-diagonal-shape .rbt-section-img img {
  width: 100%;
  height: 100%;
  max-height: 90vh;
  object-fit: cover;
}
.rbt-diagonal-shape .rbt-section-img .img-bottom-shape {
  position: absolute;
  bottom: 0;
  height: 250px;
  width: 100%;
  clip-path: polygon(0 71%, 100% 0%, 100% 100%, 0% 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-diagonal-shape .rbt-section-img .img-bottom-shape {
    clip-path: polygon(0 71%, 114% 0%, 100% 50%, 0% 100%);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-diagonal-shape .rbt-section-img .img-bottom-shape {
    clip-path: polygon(0 71%, 100% 0%, 100% 30%, 0% 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-diagonal-shape .rbt-section-img .img-bottom-shape {
    clip-path: polygon(0 72%, 100% 0%, 100% 30%, 0% 100%);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-diagonal-shape .rbt-section-img .img-bottom-shape {
    clip-path: polygon(0 68%, 100% 41%, 100% 62%, 0% 90%);
  }
}
.rbt-diagonal-shape .rbt-section-img .img-bottom-shape::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-white);
}
.rbt-diagonal-shape .rbt-section-img .img-bottom-shape::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #5163FF 56%);
  z-index: 1;
}
.rbt-diagonal-shape .rbt-shape-content {
  background: var(--color-white);
  padding: 162px 272px 72px 270px;
  clip-path: polygon(65% 12%, 100% 0%, 100% 100%, 49% 100%);
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-diagonal-shape .rbt-shape-content {
    padding: 100px 0px 80px;
    clip-path: polygon(63% 13%, 100% 0%, 100% 100%, 44% 100%);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-diagonal-shape .rbt-shape-content {
    padding: 80px 30px 30px;
    clip-path: polygon(49% 15%, 100% 0%, 100% 100%, 34% 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-diagonal-shape .rbt-shape-content {
    padding: 70px 20px 20px;
    clip-path: polygon(41% 16%, 100% 0%, 100% 100%, 26% 100%);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-diagonal-shape .rbt-shape-content {
    background: var(--color-white);
    padding: 30px 0;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    position: static;
  }
}
.rbt-diagonal-shape .rbt-shape-content .rbt-shape-light {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  background: var(--color-secondary-alt);
  filter: blur(70px);
  position: absolute;
  top: -15%;
  right: 22%;
}

.magnetic-area-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
  z-index: 2;
}

.rbt-magnetic-btn,
.rbt-default-btn {
  position: absolute;
  z-index: 1;
  display: grid;
  gap: 10px;
  color: var(--color-white);
  font-size: var(--h4);
  font-weight: var(--f-medium);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-magnetic-btn,
  .rbt-default-btn {
    transform: translateX(0) translateY(60px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-magnetic-btn,
  .rbt-default-btn {
    transform: translateX(0) translateY(45px);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-magnetic-btn,
  .rbt-default-btn {
    transform: translateX(0) translateY(16px);
    font-size: var(--h6);
  }
}
.rbt-magnetic-btn.play-btn-area,
.rbt-default-btn.play-btn-area {
  background: var(--color-white-opacity-600);
  border-radius: 50%;
  backdrop-filter: blur(4px);
}
.rbt-magnetic-btn.play-btn-area .rbt-btn.rbt-btn-circle-text,
.rbt-default-btn.play-btn-area .rbt-btn.rbt-btn-circle-text {
  width: unset;
  height: unset;
}
.rbt-magnetic-btn.play-btn-area .rbt-btn.rbt-btn-circle-text .circle-btn-center-icon,
.rbt-default-btn.play-btn-area .rbt-btn.rbt-btn-circle-text .circle-btn-center-icon {
  max-width: 40px;
  max-height: 40px;
}
.rbt-magnetic-btn.play-btn-area .rbt-btn.rbt-btn-circle-text .circle-btn-center-icon svg,
.rbt-default-btn.play-btn-area .rbt-btn.rbt-btn-circle-text .circle-btn-center-icon svg {
  max-width: 12px;
}
.rbt-magnetic-btn.play-btn-area.play-btn-blur,
.rbt-default-btn.play-btn-area.play-btn-blur {
  background: rgba(from var(--color-white) r g b/0.2);
  backdrop-filter: blur(18px);
}
.rbt-magnetic-btn.play-btn-area.play-btn-blur .rbt-circle-text,
.rbt-default-btn.play-btn-area.play-btn-blur .rbt-circle-text {
  filter: brightness(0) invert(1);
}

@media only screen and (max-width: 767px) {
  .rbt-hbc-circle-text {
    width: 175px !important;
    height: 175px !important;
    padding: 12px !important;
  }
  .rbt-hbc-circle-text .circle-btn-center-icon {
    border: 2px dashed var(--color-border-5) !important;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-hbc-circle-text {
    width: 100px !important;
    height: 100px !important;
    padding: 5px !important;
  }
  .rbt-hbc-circle-text .circle-btn-center-icon {
    border: none !important;
  }
}

.split-line {
  overflow: hidden !important;
}
/*# sourceMappingURL=../maps/style.css.map */