/* CSS Document */

/* FONTS */

@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sora:wght@100..800&family=Bebas+Neue&display=swap');

@font-face {
    font-family: 'GT Walsheim Tom Medium';
    src: url('https://raia.b-cdn.net/_fonts/gt/qBBPUgWmzI9eeGPfhfEkF1M8Q8.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'GT Walsheim Medium';
    src: url('https://raia.b-cdn.net/_fonts/gt/6kEeNyQwxT59TY7SpLEnehG2fc.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'GT Walsheim Bold';
    src: url('https://raia.b-cdn.net/_fonts/gt/9yxOMHiOq1YW9lyV4OoKqGTdPeY.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'GT Walsheim Regular';
    src: url('https://raia.b-cdn.net/_fonts/gt/mw33WKBOaXb1pzgQcfonv4i9zI.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'GT Walsheim Black';
    src: url('https://raia.b-cdn.net/_fonts/gt/PcJ0yzAWulkYYny8J2s5H8Dg.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'GT Walsheim Bold Oblique';
    src: url('https://raia.b-cdn.net/_fonts/gt/NNOZYI61tlbnev2X9hJIM64dg.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'GT Walsheim Medium Oblique';
    src: url('https://raia.b-cdn.net/_fonts/gt/UBprkVmS9hoSiTVpfcFuJLBRb8.woff2')format('woff2');
    font-display: swap;
} 

@font-face {
  font-display: block;
  font-family: 'bootstrap-icons';
  src: url('https://raia.b-cdn.net/_fonts/bootstrap-icons/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6') format('woff2'),
  url('https://raia.b-cdn.net/_fonts/bootstrap-icons/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6') format('woff');
}

html {
    font-size: 62.5%;
    line-height: 62.5%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    max-width: 100%;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

body {
    margin: 0;
    padding: 0;
    font-family:  "Inter Tight", Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: #FFF;;
    text-align: left;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* BEGIN CSS CONFG ------------------------------- */


.container,
.container-fluid,
.container-xxxl,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5em;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
@media (min-width: 1920px) {
  .container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1680px;
  }
}

:root {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
  --bs-breakpoint-xxxl: 1920px;
  --font-family-sans-serif: "Inter Tight", Arial, sans-serif";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-family-inter: "Inter Tight", Arial;
  --font-family-sora: "Sora", Arial;
  --font-family-lora: "Lora", Arial;
  --font-family-poppins: "Poppins", Arial;
  --font-family-gt: "GT Walsheim Tom Medium", Arial;
  --font-family-gt2: "GT Walsheim Bold", Arial;
  --font-family-dmsans: "DM Sans", Arial;
  --font-family-bevietnam: "Be Vietnam Pro", Arial;
  --font-family-montserrat: "Montserrat", Arial;
  --font-family-manrope: "Manrope", Arial;
  --font-family-lato: "Lato", Arial;
  --font-family-bebas: "Bebas Neue", Arial;
  --token-c534b380-e14e-4ddc-9802-ad88d1f94f8e:  rgba(255,  255,  255,  .12);
  --token-958e2cd1-b113-4aa3-9235-7a2b959c8feb:  rgb(0,  0,  0);
  --token-958e2cd1-b113-4aa3-9235-7a2b959c8fnf:  rgba(0,  0,  0, .3);
  --token-26e3cb56-8447-4a64-9b7d-37f16a9909d4:  rgb(255,  255,  255);
  --token-289cb3ad-ad59-4cce-aee5-0850b842d9c8:  rgba(255,  255,  255,  .8);
  --token-8f5eb515-7a13-452b-a4ab-f35e2208a3f3:  rgba(255,  255,  255,  .6);
  --token-f5637926-8ee6-41cb-a320-ec3462d62cd5:  rgba(255,  255,  255,  .4);
  --token-bd71055c-0a2c-4476-8cc9-4310acba652d:  rgb(0,  153,  255);
  --token-eb0d9e00-7216-491c-99d5-7c1c2f3d0dbe:  rgb(17,  0,  255);
  --token-0245ad54-dffa-4280-9b49-9d43ad68acaa:  rgb(102,  0,  255);
  --token-66dfdba2-b084-43a3-a18d-237c2893b6a7:  rgb(153,  0,  255);
  --token-0c4c4e00-f4fc-4e6a-9a97-509a95a3e5d4:  rgb(255,  0,  102);
  --token-88cad303-8ee5-4c22-877f-e434faf14eee:  rgb(254,  2,  34);
  --token-61e699c7-742b-47d0-bb16-f42065b06637:  rgb(253,  119,  2);
  --token-be530db7-18b2-4273-89ab-17e94ce4aa9f:  rgb(255,  187,  0);
  --token-ee053477-e115-4fec-a5f5-cdc637ed6ddc:  rgb(0,  204,  255);
  --token-893b117c-1037-4f46-becb-94bc264ede3a:  rgb(34,  221,  221);
  --app-preto1: rgb(3, 3, 3);
  --app-preto2: rgb(5, 5, 5);
  --app-preto3: rgb(9, 9, 9);
  --app-preto4: rgb(12, 12, 12);
  --app-cinza1: rgb(33, 37, 41);  
  --app-cinza2: rgb(110, 117, 125);
  --app-cinza3: rgb(153, 153, 153);
  --app-cinza4: rgb(220, 220, 220);
  --app-branco: rgb(255, 255, 255);
  --bs-body-font-size: 1.6em;
  --dark-gradient-1: linear-gradient(180deg, rgba(122, 151, 255, 0.19) 0%, rgba(248, 248, 255, 0.19) 100%);
  --dark-gradient-2: linear-gradient(90deg, #6A48F2 0%, #CD99FF 68.75%);
  --dark-gradient-3: linear-gradient(93deg, #D3E0FF 0.78%, rgba(221, 231, 255, 0.00) 97.43%);
  --dark-shadow-1: 0px 14px 36.7px 0px rgba(14, 12, 21, 0.06);
  --dark-shadow-2: 0px 26px 45.4px 0px rgba(186, 193, 225, 0.72);
  --color-bg-1: #0E0C15;
  --transition: 0.3s;
  --transition-transform: transform .65s cubic-bezier(.23, 1, .32, 1);
}


*,
:after,
:before {
    box-sizing: border-box
}

h1, h2, h3, h4, h5, h6 {
    display: block;
    margin: 0;
    padding: 0;
    font: inherit;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    text-rendering: geometricprecision;
}

#main {
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: auto;
}

.container_full {
    max-width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    display: block;
}



.titulo_colorido {
    background-size: 400% 400%;
    display: inline-block;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(309deg, rgb(33, 219, 213) 2.25225%, rgb(78, 247, 187) 100%);
    animation: txt-gradient 3s ease infinite;
}

.titulo_dashboard_colorido {
    background-size: 400% 400%;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: radial-gradient(circle, rgb(109, 230, 245), rgb(86, 158, 242));
    animation: txt-gradient 6s ease-in-out infinite;
}

@keyframes txt-gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}


.bgvid {
  z-index: -1; 
  object-fit: fill;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.centraliza {

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.texto-alert {
    color: red;
}

.text-branco {
	color: var(--app-branco);
}

/* ----------------------------------------------------------------------------------------------- */


.body_background_blue {
    background: #03051D;
}

.body_background {
    background: var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0));   
}

.body_background1 {
    background: var(--app-preto1, #000000);
}

.body_background2 {
    background: rgb(8, 8, 8);
}

.body_background_estrelas {
    background: radial-gradient(91% 83% at 50% 100%, rgba(26, 29, 255, .3) 11.09938063063063%, rgba(22, 70, 227, .37) 34.83072916666667%, rgba(0, 0, 0, .15) 100%);
}

.bg_cinza_login {
        background: radial-gradient(211.50000000000003% 113.1% at -66.4% 35.9%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, #000000)  39.13195153221485%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(3, 3, 3)) /* {"name":"BG Night"} */ 51.424349881796694%, rgb(9, 9, 9) /* {"name":"Black"} */ 67.59505338573997%, rgb(12, 12, 12) /* {"name":"Grey"} */ 84.18320664414415%);  
}

.bg_azul_dashboard  {
    background: radial-gradient(50.9% 41% at 50% 56%, rgb(0, 153, 255) 8.08875%, rgba(0, 102, 255, 0.7) 36.6536%, rgb(6, 0, 16) 100%);
}


.bg2_login_fingerprint {
    background: url('https://raia.b-cdn.net/_images/bg_fingerprint4.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    
}

.header_bg1 {
    /* {"name":"BG Night"} */
    background: radial-gradient(211.50000000000003% 113.1% at -66.4% 35.9%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, #000000)  39.13195153221485%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0)) /* {"name":"BG Night"} */ 51.424349881796694%, var(--token-bd71055c-0a2c-4476-8cc9-4310acba652d, rgb(0, 153, 255)) /* {"name":"Blue"} */ 67.59505338573997%, var(--token-ee053477-e115-4fec-a5f5-cdc637ed6ddc, rgb(0, 204, 255)) /* {"name":"Sky"} */ 84.18320664414415%);
}

.header_bg2 {
    /* {"name":"Yellow"} */
    background: radial-gradient(50% 63.6% at 50% 72.5%, var(--token-be530db7-18b2-4273-89ab-17e94ce4aa9f, #ffbb00)  0%, rgba(0, 0, 0, 0) 100%);
}

.header_bg3 {
     /* {"name":"Blue"} */
    background: radial-gradient(211.50000000000003% 113.1% at -66.4% 35.9%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, #000000) 39.13195153221485%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0)) 51.424349881796694%, var(--token-bd71055c-0a2c-4476-8cc9-4310acba652d, rgb(0, 153, 255)) 67.59505338573997%, var(--token-ee053477-e115-4fec-a5f5-cdc637ed6ddc, rgb(0, 204, 255)) 84.18320664414415%);
}

.header_bg4 {
     /* {"name":"BG Deep"} */ 
    background: radial-gradient(211.50000000000003% 113.1% at -66.4% 35.9%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, #000000) 39.13195153221485%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0)) /* {"name":"BG Night"} */ 51.424349881796694%, var(--token-eb0d9e00-7216-491c-99d5-7c1c2f3d0dbe, rgb(19, 0, 255)) /* {"name":"Deep"} */ 67.59505338573997%, var(--token-bd71055c-0a2c-4476-8cc9-4310acba652d, rgb(0, 153, 255)) /* {"name":"Blue"} */ 84.18320664414415%);       
}

.header_bg5 {
    /* {"name":"BG Pink"} */
    background: radial-gradient(211.50000000000003% 113.1% at -66.4% 35.9%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, #000000)  39.13195153221485%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0)) /* {"name":"BG Night"} */ 51.424349881796694%, var(--token-0c4c4e00-f4fc-4e6a-9a97-509a95a3e5d4, rgb(255, 0, 102)) /* {"name":"Pink"} */ 67.59505338573997%, rgb(227, 75, 166) 84.18320664414415%);
}

.header_bg6 {
     /* {"name":"BG Dark Blue"} */
    background: radial-gradient(50% 93% at 49.4% 100%, rgb(51, 28, 255) 0%, rgba(51, 28, 255, 0.9) 15.9593%, rgba(0, 3, 221, 0.65) 35.5785%, rgba(0, 2, 165, 0.365) 67%, rgba(0, 0, 0, 0) 100%);
}

.header_bg7 {
    /* {"name":"Purple"} */ 
    background: radial-gradient(211.50000000000003% 113.1% at -66.4% 35.9%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, #000000) /* {"name":"BG Night"} */ 39.13195153221485%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0)) /* {"name":"BG Night"} */ 51.424349881796694%, var(--token-0245ad54-dffa-4280-9b49-9d43ad68acaa, rgb(102, 0, 255)) /* {"name":"Dusk"} */ 67.59505338573997%, var(--token-66dfdba2-b084-43a3-a18d-237c2893b6a7, rgb(153, 0, 255)) /* {"name":"Purple"} */ 84.18320664414415%);
}

.header_bg8 {
    /* {"name":"Orange"} */
    background: radial-gradient(211.50000000000003% 113.1% at -66.4% 35.9%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, #000000)  39.13195153221485%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0)) /* {"name":"BG Night"} */ 51.424349881796694%, rgb(255, 49, 13) 67.59505338573997%, var(--token-61e699c7-742b-47d0-bb16-f42065b06637, rgb(253, 119, 2)) /* {"name":"Orange"} */ 84.18320664414415%);
}

.header_bg9 {
    /* {"name":"Teal"} */
    background: radial-gradient(211.50000000000003% 113.1% at -66.4% 35.9%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, #000000) /* {"name":"BG Night"} */ 39.13195153221485%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0)) /* {"name":"BG Night"} */ 51.424349881796694%, rgb(4, 173, 189) 67.59505338573997%, var(--token-893b117c-1037-4f46-becb-94bc264ede3a, rgb(34, 221, 221)) /* {"name":"Teal"} */ 84.18320664414415%);
}

.header_bg10 {
    /* {"name":"Purple2"} */
    background: radial-gradient(211.50000000000003% 113.1% at -66.4% 35.9%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, #000000) /* {"name":"BG Night"} */ 39.13195153221485%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0)) /* {"name":"BG Night"} */ 51.424349881796694%, var(--token-66dfdba2-b084-43a3-a18d-237c2893b6a7, rgb(153, 0, 255))  67.59505338573997%, rgb(255, 0, 251) 84.18320664414415%);
}

.header_bg11 {
    /* {"name": blue_ocean"} */
    background: radial-gradient(70% 80% at 50% 110%, #abddff 0%, rgba(0, 141, 255, 0.8) 35%, rgba(0, 111, 255, 0.4) 65%, rgb(0, 0, 0) 100%);
}

.header_bg12 {
    /* Azul radial */
    background: radial-gradient(50.9% 41% at 50% 56%, rgb(0, 153, 255) 8.08875%, rgba(0, 102, 255, 0.7) 36.6536%, rgb(6, 0, 16) 100%);
}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */.titulo_colorido {
    background-size: 400% 400%;
    display: inline-block;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(309deg, rgb(33, 219, 213) 2.25225%, rgb(78, 247, 187) 100%);
    animation: txt-gradient 3s ease infinite;
}

.titulo_dashboard_colorido {
    background-size: 400% 400%;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: radial-gradient(circle, rgb(109, 230, 245), rgb(86, 158, 242));
    animation: txt-gradient 6s ease-in-out infinite;
}

@keyframes txt-gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.texto-alert {
    color: red;
}

.text-branco {
	color: var(--app-branco);
}

.arraia {
    background-image: url('https://raiatrading.com.br/_assets/arraia.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
}

.logo_raia {
    width: 825px;
    height: 348px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ----------------------------------------------------------------------------------------------- */


.body_background {
    background: var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0));   
}

.body_background1 {
    background: var(--app-preto1, #000000);
}

.body_background2 {
    background: rgb(8, 8, 8);
}

.body_background_estrelas {
    background: radial-gradient(91% 83% at 50% 100%, rgba(26, 29, 255, .3) 11.09938063063063%, rgba(22, 70, 227, .37) 34.83072916666667%, rgba(0, 0, 0, .15) 100%);
}

.bg_cinza_login {
        background: radial-gradient(211.50000000000003% 113.1% at -66.4% 35.9%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, #000000)  39.13195153221485%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(3, 3, 3)) /* {"name":"BG Night"} */ 51.424349881796694%, rgb(9, 9, 9) /* {"name":"Black"} */ 67.59505338573997%, rgb(12, 12, 12) /* {"name":"Grey"} */ 84.18320664414415%);  
}

.bg_azul_dashboard  {
    background: radial-gradient(50.9% 41% at 50% 56%, rgb(0, 153, 255) 8.08875%, rgba(0, 102, 255, 0.7) 36.6536%, rgb(6, 0, 16) 100%);
}


.bg2_login_fingerprint {
    background: url('https://raia.b-cdn.net/_images/bg_fingerprint4.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    
}

.header_bg1 {
    /* {"name":"BG Night"} */
    background: radial-gradient(211.50000000000003% 113.1% at -66.4% 35.9%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, #000000)  39.13195153221485%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0)) /* {"name":"BG Night"} */ 51.424349881796694%, var(--token-bd71055c-0a2c-4476-8cc9-4310acba652d, rgb(0, 153, 255)) /* {"name":"Blue"} */ 67.59505338573997%, var(--token-ee053477-e115-4fec-a5f5-cdc637ed6ddc, rgb(0, 204, 255)) /* {"name":"Sky"} */ 84.18320664414415%);
}

.header_bg2 {
    /* {"name":"Yellow"} */
    background: radial-gradient(50% 63.6% at 50% 72.5%, var(--token-be530db7-18b2-4273-89ab-17e94ce4aa9f, #ffbb00)  0%, rgba(0, 0, 0, 0) 100%);
}

.header_bg3 {
     /* {"name":"Blue"} */
    background: radial-gradient(211.50000000000003% 113.1% at -66.4% 35.9%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, #000000) 39.13195153221485%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0)) 51.424349881796694%, var(--token-bd71055c-0a2c-4476-8cc9-4310acba652d, rgb(0, 153, 255)) 67.59505338573997%, var(--token-ee053477-e115-4fec-a5f5-cdc637ed6ddc, rgb(0, 204, 255)) 84.18320664414415%);
}

.header_bg4 {
     /* {"name":"BG Deep"} */ 
    background: radial-gradient(211.50000000000003% 113.1% at -66.4% 35.9%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, #000000) 39.13195153221485%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0)) /* {"name":"BG Night"} */ 51.424349881796694%, var(--token-eb0d9e00-7216-491c-99d5-7c1c2f3d0dbe, rgb(19, 0, 255)) /* {"name":"Deep"} */ 67.59505338573997%, var(--token-bd71055c-0a2c-4476-8cc9-4310acba652d, rgb(0, 153, 255)) /* {"name":"Blue"} */ 84.18320664414415%);       
}

.header_bg5 {
    /* {"name":"BG Pink"} */
    background: radial-gradient(211.50000000000003% 113.1% at -66.4% 35.9%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, #000000)  39.13195153221485%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0)) /* {"name":"BG Night"} */ 51.424349881796694%, var(--token-0c4c4e00-f4fc-4e6a-9a97-509a95a3e5d4, rgb(255, 0, 102)) /* {"name":"Pink"} */ 67.59505338573997%, rgb(227, 75, 166) 84.18320664414415%);
}

.header_bg6 {
     /* {"name":"BG Dark Blue"} */
    background: radial-gradient(50% 93% at 49.4% 100%, rgb(51, 28, 255) 0%, rgba(51, 28, 255, 0.9) 15.9593%, rgba(0, 3, 221, 0.65) 35.5785%, rgba(0, 2, 165, 0.365) 67%, rgba(0, 0, 0, 0) 100%);
}

.header_bg7 {
    /* {"name":"Purple"} */ 
    background: radial-gradient(211.50000000000003% 113.1% at -66.4% 35.9%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, #000000) /* {"name":"BG Night"} */ 39.13195153221485%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0)) /* {"name":"BG Night"} */ 51.424349881796694%, var(--token-0245ad54-dffa-4280-9b49-9d43ad68acaa, rgb(102, 0, 255)) /* {"name":"Dusk"} */ 67.59505338573997%, var(--token-66dfdba2-b084-43a3-a18d-237c2893b6a7, rgb(153, 0, 255)) /* {"name":"Purple"} */ 84.18320664414415%);
}

.header_bg8 {
    /* {"name":"Orange"} */
    background: radial-gradient(211.50000000000003% 113.1% at -66.4% 35.9%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, #000000)  39.13195153221485%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0)) /* {"name":"BG Night"} */ 51.424349881796694%, rgb(255, 49, 13) 67.59505338573997%, var(--token-61e699c7-742b-47d0-bb16-f42065b06637, rgb(253, 119, 2)) /* {"name":"Orange"} */ 84.18320664414415%);
}

.header_bg9 {
    /* {"name":"Teal"} */
    background: radial-gradient(211.50000000000003% 113.1% at -66.4% 35.9%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, #000000) /* {"name":"BG Night"} */ 39.13195153221485%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0)) /* {"name":"BG Night"} */ 51.424349881796694%, rgb(4, 173, 189) 67.59505338573997%, var(--token-893b117c-1037-4f46-becb-94bc264ede3a, rgb(34, 221, 221)) /* {"name":"Teal"} */ 84.18320664414415%);
}

.header_bg10 {
    /* {"name":"Purple2"} */
    background: radial-gradient(211.50000000000003% 113.1% at -66.4% 35.9%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, #000000) /* {"name":"BG Night"} */ 39.13195153221485%, var(--token-958e2cd1-b113-4aa3-9235-7a2b959c8feb, rgb(0, 0, 0)) /* {"name":"BG Night"} */ 51.424349881796694%, var(--token-66dfdba2-b084-43a3-a18d-237c2893b6a7, rgb(153, 0, 255))  67.59505338573997%, rgb(255, 0, 251) 84.18320664414415%);
}

.header_bg11 {
    /* {"name": blue_ocean"} */
    background: radial-gradient(70% 80% at 50% 110%, #abddff 0%, rgba(0, 141, 255, 0.8) 35%, rgba(0, 111, 255, 0.4) 65%, rgb(0, 0, 0) 100%);
}

.header_bg12 {
    /* Azul radial */
    background: radial-gradient(50.9% 41% at 50% 56%, rgb(0, 153, 255) 8.08875%, rgba(0, 102, 255, 0.7) 36.6536%, rgb(6, 0, 16) 100%);
}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */



/*----------------------
    Animation Css  
-----------------------*/
.post-scale {
  overflow: hidden;
}
.post-scale img {
  transition: 0.5s;
}
.post-scale:hover img {
  transform: scale(1.1);
}

@keyframes customOne {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}
@keyframes styles_moving-gradient {
  0% {
    background-position: 0 0;
    opacity: 0.5;
  }
  50% {
    background-position: 400% 0;
    opacity: 1;
  }
  100% {
    background-position: 0 0;
    opacity: 0.5;
  }
}
@keyframes customTwo {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(100px, 0px);
  }
  100% {
    transform: translate(50px, 50px);
  }
}
.customOne {
  animation: customOne 2s infinite;
}

/* ------------------------
    Custom Animation 01 
----------------------------*/
@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -100px;
  }
  to {
    margin-top: 0;
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -100px;
  }
  to {
    margin-top: 0;
  }
}
/*------------------------
	slidefadeinup
--------------------------*/
@-webkit-keyframes slideFadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes slideFadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.slideFadeInUp {
  -webkit-animation-name: slideFadeInUp;
  animation-name: slideFadeInUp;
}

/* -----------------------------------
    Custom Animation For All Page
---------------------------------------*/
@-webkit-keyframes moveVertical {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes moveVertical {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes moveHorizental {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes moveHorizental {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*--------------------------------
Scroll Down Button Animation  
----------------------------------*/
@keyframes scrollDown {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(10px);
    opacity: 0;
  }
}

/* -------------------------------- 

  xrotate-1 

  -------------------------------- */
.cd-headline.rotate-1 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}

.cd-headline.rotate-1 b {
  opacity: 0;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.cd-headline.rotate-1 b.is-visible {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-animation: cd-rotate-1-in 1.2s;
  -moz-animation: cd-rotate-1-in 1.2s;
  animation: cd-rotate-1-in 1.2s;
}

.cd-headline.rotate-1 b.is-hidden {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-animation: cd-rotate-1-out 1.2s;
  -moz-animation: cd-rotate-1-out 1.2s;
  animation: cd-rotate-1-out 1.2s;
}

@-webkit-keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    opacity: 1;
  }
}
@-moz-keyframes cd-rotate-1-in {
  0% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -moz-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(360deg);
    opacity: 1;
  }
}
@keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    -moz-transform: rotateX(120deg);
    -ms-transform: rotateX(120deg);
    -o-transform: rotateX(120deg);
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
  }
}
@-webkit-keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
}
@-moz-keyframes cd-rotate-1-out {
  0% {
    -moz-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -moz-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
}
@keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    -moz-transform: rotateX(-40deg);
    -ms-transform: rotateX(-40deg);
    -o-transform: rotateX(-40deg);
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
}
/* -------------------------------- 

  xtype 

  -------------------------------- */
.cd-headline.type .cd-words-wrapper {
  vertical-align: top;
  overflow: hidden;
}

.cd-headline.type .cd-words-wrapper::after {
  /* vertical bar */
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 90%;
  width: 1px;
  background-color: #aebcb9;
}

.cd-headline.type .cd-words-wrapper.waiting::after {
  -webkit-animation: cd-pulse 1s infinite;
  -moz-animation: cd-pulse 1s infinite;
  animation: cd-pulse 1s infinite;
}

.cd-headline.type .cd-words-wrapper.selected {
  background-color: #aebcb9;
}

.cd-headline.type .cd-words-wrapper.selected::after {
  visibility: hidden;
}

.cd-headline.type .cd-words-wrapper.selected b {
  color: #0d0d0d;
}

.cd-headline.type b {
  visibility: hidden;
}

.cd-headline.type b.is-visible {
  visibility: visible;
}

.cd-headline.type i {
  position: absolute;
  visibility: hidden;
}

.cd-headline.type i.in {
  position: relative;
  visibility: visible;
}

@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@-moz-keyframes cd-pulse {
  0% {
    -moz-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -moz-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    -moz-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    -o-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
/* -------------------------------- 

  xrotate-2 

  -------------------------------- */
.cd-headline.rotate-2 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}

.cd-headline.rotate-2 i,
.cd-headline.rotate-2 em {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cd-headline.rotate-2 b {
  opacity: 0;
}

.cd-headline.rotate-2 i {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-20px) rotateX(90deg);
  -moz-transform: translateZ(-20px) rotateX(90deg);
  -ms-transform: translateZ(-20px) rotateX(90deg);
  -o-transform: translateZ(-20px) rotateX(90deg);
  transform: translateZ(-20px) rotateX(90deg);
  opacity: 0;
}

.is-visible .cd-headline.rotate-2 i {
  opacity: 1;
}

.cd-headline.rotate-2 i.in {
  -webkit-animation: cd-rotate-2-in 0.4s forwards;
  -moz-animation: cd-rotate-2-in 0.4s forwards;
  animation: cd-rotate-2-in 0.4s forwards;
}

.cd-headline.rotate-2 i.out {
  -webkit-animation: cd-rotate-2-out 0.4s forwards;
  -moz-animation: cd-rotate-2-out 0.4s forwards;
  animation: cd-rotate-2-out 0.4s forwards;
}

.cd-headline.rotate-2 em {
  -webkit-transform: translateZ(20px);
  -moz-transform: translateZ(20px);
  -ms-transform: translateZ(20px);
  -o-transform: translateZ(20px);
  transform: translateZ(20px);
}

.no-csstransitions .cd-headline.rotate-2 i {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 0;
}

.no-csstransitions .cd-headline.rotate-2 i em {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
  opacity: 1;
}

@-webkit-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg);
  }
}
@-moz-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0deg);
  }
}
@keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
    -moz-transform: translateZ(-20px) rotateX(-10deg);
    -ms-transform: translateZ(-20px) rotateX(-10deg);
    -o-transform: translateZ(-20px) rotateX(-10deg);
    transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg);
    -moz-transform: translateZ(-20px) rotateX(0deg);
    -ms-transform: translateZ(-20px) rotateX(0deg);
    -o-transform: translateZ(-20px) rotateX(0deg);
    transform: translateZ(-20px) rotateX(0deg);
  }
}
@-webkit-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
  }
}
@-moz-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-90deg);
  }
}
@keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
    -moz-transform: translateZ(-20px) rotateX(0);
    -ms-transform: translateZ(-20px) rotateX(0);
    -o-transform: translateZ(-20px) rotateX(0);
    transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
    -moz-transform: translateZ(-20px) rotateX(-100deg);
    -ms-transform: translateZ(-20px) rotateX(-100deg);
    -o-transform: translateZ(-20px) rotateX(-100deg);
    transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
    -moz-transform: translateZ(-20px) rotateX(-90deg);
    -ms-transform: translateZ(-20px) rotateX(-90deg);
    -o-transform: translateZ(-20px) rotateX(-90deg);
    transform: translateZ(-20px) rotateX(-90deg);
  }
}
/* -------------------------------- 

  xloading-bar 

  -------------------------------- */
.cd-headline.loading-bar span {
  display: inline-block;
  padding: 0.2em 0;
}

.cd-headline.loading-bar .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}

.cd-headline.loading-bar .cd-words-wrapper::after {
  /* loading bar */
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background: var(--color-primary);
  z-index: 2;
  -webkit-transition: width 0.3s -0.1s;
  -moz-transition: width 0.3s -0.1s;
  transition: width 0.3s -0.1s;
}

.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
  width: 100%;
  -webkit-transition: width 3s;
  -moz-transition: width 3s;
  transition: width 3s;
}

.cd-headline.loading-bar b {
  top: 0.2em;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.cd-headline.loading-bar b.is-visible {
  opacity: 1;
  top: 0;
}

/* -------------------------------- 

  xslide 

  -------------------------------- */
.cd-headline.slide span {
  display: inline-block;
}

.cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}

.cd-headline.slide b {
  opacity: 0;
  top: 0.2em;
}

.cd-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  -webkit-animation: slide-in 0.6s;
  -moz-animation: slide-in 0.6s;
  animation: slide-in 0.6s;
}

.cd-headline.slide b.is-hidden {
  -webkit-animation: slide-out 0.6s;
  -moz-animation: slide-out 0.6s;
  animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes slide-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}
/* -------------------------------- 

  xclip 

  -------------------------------- */
.cd-headline.clip span {
  display: inline-block;
}

.cd-headline.clip .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}

.cd-headline.clip .cd-words-wrapper::after {
  /* line */
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: #aebcb9;
}

.cd-headline.clip b {
  opacity: 0;
}

.cd-headline.clip b.is-visible {
  opacity: 1;
}

/* -------------------------------- 

  xzoom 

  -------------------------------- */
.cd-headline.zoom .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}

.cd-headline.zoom b {
  opacity: 0;
}

.cd-headline.zoom b.is-visible {
  opacity: 1;
  -webkit-animation: zoom-in 0.8s;
  -moz-animation: zoom-in 0.8s;
  animation: zoom-in 0.8s;
}

.cd-headline.zoom b.is-hidden {
  -webkit-animation: zoom-out 0.8s;
  -moz-animation: zoom-out 0.8s;
  animation: zoom-out 0.8s;
}

@-webkit-keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }
}
@-moz-keyframes zoom-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0);
  }
}
@keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    -o-transform: translateZ(100px);
    transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@-webkit-keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
  }
}
@-moz-keyframes zoom-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-100px);
  }
}
@keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
    -moz-transform: translateZ(-100px);
    -ms-transform: translateZ(-100px);
    -o-transform: translateZ(-100px);
    transform: translateZ(-100px);
  }
}
/* -------------------------------- 

  xrotate-3 

  -------------------------------- */
.cd-headline.rotate-3 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}

.cd-headline.rotate-3 b {
  opacity: 0;
}

.cd-headline.rotate-3 i {
  display: inline-block;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.is-visible .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.cd-headline.rotate-3 i.in {
  -webkit-animation: cd-rotate-3-in 0.6s forwards;
  -moz-animation: cd-rotate-3-in 0.6s forwards;
  animation: cd-rotate-3-in 0.6s forwards;
}

.cd-headline.rotate-3 i.out {
  -webkit-animation: cd-rotate-3-out 0.6s forwards;
  -moz-animation: cd-rotate-3-out 0.6s forwards;
  animation: cd-rotate-3-out 0.6s forwards;
}

.no-csstransitions .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 0;
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
  opacity: 1;
}

@-webkit-keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
  }
}
@-moz-keyframes cd-rotate-3-in {
  0% {
    -moz-transform: rotateY(180deg);
  }
  100% {
    -moz-transform: rotateY(0deg);
  }
}
@keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
  }
}
@-moz-keyframes cd-rotate-3-out {
  0% {
    -moz-transform: rotateY(0);
  }
  100% {
    -moz-transform: rotateY(-180deg);
  }
}
@keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}
/* -------------------------------- 

  xscale 

  -------------------------------- */
.cd-headline.scale b {
  opacity: 0;
}

.cd-headline.scale i {
  display: inline-block;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.is-visible .cd-headline.scale i {
  opacity: 1;
}

.cd-headline.scale i.in {
  -webkit-animation: scale-up 0.6s forwards;
  -moz-animation: scale-up 0.6s forwards;
  animation: scale-up 0.6s forwards;
}

.cd-headline.scale i.out {
  -webkit-animation: scale-down 0.6s forwards;
  -moz-animation: scale-down 0.6s forwards;
  animation: scale-down 0.6s forwards;
}

.no-csstransitions .cd-headline.scale i {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}

.no-csstransitions .cd-headline.scale .is-visible i {
  opacity: 1;
}

@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes scale-up {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
  }
  60% {
    -moz-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
}
@-moz-keyframes scale-down {
  0% {
    -moz-transform: scale(1);
    opacity: 1;
  }
  60% {
    -moz-transform: scale(0);
    opacity: 0;
  }
}
@keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
/* -------------------------------- 

  xpush 

  -------------------------------- */
.cd-headline.push b {
  opacity: 0;
}

.cd-headline.push b.is-visible {
  opacity: 1;
  -webkit-animation: push-in 0.6s;
  -moz-animation: push-in 0.6s;
  animation: push-in 0.6s;
}

.cd-headline.push b.is-hidden {
  -webkit-animation: push-out 0.6s;
  -moz-animation: push-out 0.6s;
  animation: push-out 0.6s;
}

@-webkit-keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes push-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -o-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
}
@-moz-keyframes push-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
}
@keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
/*==============================
 *  Utilities
=================================*/
/* 
font-family: 'Inter', sans-serif;
*/
@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;
  }
}

iframe {
  width: 100%;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.fix {
  overflow: hidden;
}

/*===============================
    Background Color 
=================================*/
.bg-color-primary {
  background: var(--color-primary);
}

.bg-color-secondary {
  background: var(--color-primary);
}

.bg-color-tertiary {
  background: var(--color-tertiary);
}

.bg-color-grey {
  background: #F0F2F5;
}

.bg-color-white {
  background: #FFFFFF;
}

.bg-color-black {
  background: #1A1A1A;
}

.bg-color-extra03 {
  background: var(--color-extra03);
}

.bg-color-lessdark {
  background: var(--color-lessdark);
}

.bg-color-2 {
  backdrop-filter: saturate(180%) blur(8px);
  background-color: var(--color-darker);
  background-image: linear-gradient(180deg, var(--color-black), transparent);
}

.color-box-inner .color-box {
  width: 100%;
  height: 100px;
  box-shadow: var(--shadow-1);
  border-radius: var(--radius-small);
}

/*===========================
    Background Image 
=============================*/
.bg_image_fixed {
  background-attachment: fixed !important;
}

/* Height and width */
.fullscreen {
  min-height: 100vh;
  width: 100%;
}

/*======================== 
    Common Style Css
==========================*/
/* Theme Gradient */
.theme-gradient, .counter-style-1 .count-number {
  background: linear-gradient(90deg, #805AF5 0%, #CE99FF 100%);
  text-transform: capitalize;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.theme-gradient-secondary {
  background: linear-gradient(to right, var(--color-secondary-gradient-start), var(--color-secondary-gradient-end));
  text-transform: capitalize;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.theme-gradient-tertiary {
  background: linear-gradient(to right, var(--color-tertiary-gradient-start), var(--color-tertiary-gradient-end));
  text-transform: capitalize;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-color-1 {
  background: var(--color-bg-1);
}

.bg-lessdark-gradient {
  background: linear-gradient(180deg, var(--color-lessdark) 20%, rgba(19, 19, 19, 0.4));
}

.bg-theme-gradient {
  background-color: transparent;
  background-image: linear-gradient(90deg, var(--color-primary) 10%, var(--color-primary) 50%, var(--color-primary) 90%);
}

.bg-primary-gradient {
  background-color: var(--color-primary);
  background: linear-gradient(95deg, var(--color-primary) 15%, var(--color-tertiary) 45%, var(--color-primary) 75%, var(--color-primary) 100%) 95%/200% 100%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .theme-gradient, .counter-style-1 .count-number {
    color: var(--color-primary);
    background: none !important;
  }
}
/* Heading Font  */
.h1 {
  font-size: var(--h1) !important;
}

.h2 {
  font-size: var(--h2) !important;
}

.h3 {
  font-size: var(--h3) !important;
}

.h4 {
  font-size: var(--h4) !important;
}

.h5 {
  font-size: var(--h5) !important;
}

.h6 {
  font-size: var(--h6) !important;
}

/* Text Color  */
.bg-color-primary {
  background-color: var(--color-primary) !important;
}

.bg-color-primary-alt {
  background-color: var(--color-primary-alt) !important;
}

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

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

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

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

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

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

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

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

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

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

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

.bg-color-border {
  background-color: var(--color-border-light) !important;
}

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

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

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

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

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

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

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

.bg-color-bg-one {
  background-color: var(--color-bg-1) !important;
}

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

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

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

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

.bg-gradient-1 {
  background: linear-gradient(to right, var(--color-primary-gradient-start), var(--color-primary-gradient-end)) !important;
}

/* Radius */
/* Font Weight */
/* Shadows */
/* Others  */
.liststyle {
  padding: 0;
  margin: 0;
  list-style: none;
}

.transition-transform {
  transition: var(--transition-transform);
}

.list-icon {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list-icon li {
  display: flex;
  align-items: center;
  margin: 15px 0;
}
@media only screen and (max-width: 767px) {
  .list-icon li {
    font-size: 16px;
  }
}
.list-icon li .icon {
  width: 30px;
  background-color: var(--color-blackest);
  height: 30px;
  border-radius: 100%;
  display: inline-block;
  position: relative;
  margin-right: 9px;
  min-width: 30px;
  min-height: 30px;
}
.list-icon li .icon.background-transparent {
  background-color: transparent;
}
.list-icon li .icon i {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rainbow-sub-badge {
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 18px;
  font-size: 16px;
  border-radius: 4px;
  margin-bottom: 12px;
  display: inline-block;
  padding: 7px 14px;
  background-color: var(--color-blackest);
  box-shadow: var(--shadow-lighter);
}

.max-width-800 {
  max-width: 800px;
}

.bg_dot-mask {
  position: absolute !important;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  background-image: url(../images/bg/dot-bg.png);
  background-position: center;
}

.bg-blend-top {
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 40%);
  mask-image: linear-gradient(180deg, transparent 0, #000 40%);
}

.feature-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.feature-list li {
  display: flex;
  align-items: center;
}
.feature-list li .icon {
  background: var(--color-primary);
  width: 20px;
  height: 20px;
  border-radius: 100%;
  color: var(--color-white);
  text-align: center;
  min-width: 20px;
  font-size: 12px;
}
.feature-list li .icon i {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 14px;
}
.feature-list li .title-wrapper {
  margin-left: 13px;
}
.feature-list li .title-wrapper .title {
  font-size: 16px;
  margin: 0;
}
.feature-list li .title-wrapper .text {
  margin-bottom: 0;
}

.rainbow-callto-action .feature-list {
  display: flex;
  margin-top: 10px;
}
.rainbow-callto-action .feature-list li + li {
  margin-left: 30px;
}

.aiwave-separator.has-position-bottom {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: -2px;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .aiwave-separator.has-position-bottom {
    bottom: -5px;
  }
}
.aiwave-separator.has-position-top {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  bottom: 100%;
  top: auto;
}

.separator-animated {
  position: relative;
  overflow: hidden;
  height: 2px;
  width: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(111, 100, 233, 0.6) 50%, rgba(0, 0, 0, 0) 100%);
}
.separator-animated.animated-true::before {
  content: "";
  position: absolute;
  width: 3%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 0%, var(--color-primary) 50%, rgba(0, 0, 0, 0) 100%);
  backdrop-filter: blur(20px);
  animation: separateline 5s ease-in-out infinite;
}

@keyframes separateline {
  0% {
    left: 0;
  }
  100% {
    left: 110%;
  }
}
.bg-blur-filter {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: -1;
  width: 100%;
  height: 500px;
  transform: translate(-50%, -50%);
  background-image: linear-gradient(45deg, var(--color-primary), var(--color-primary));
  opacity: 0.25;
  -webkit-filter: blur(100px);
  filter: blur(100px);
}

.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-primary));
  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-primary), var(--color-tertiary));
}

.gradient-btn-shadow {
  box-shadow: inset 0 0 60px whitesmoke, inset 20px 0 80px #f0f, inset -20px 0 80px #0ff, inset 20px 0 300px #f0f, inset -20px 0 300px #0ff, 0 0 50px #fff, -10px 0 80px #f0f, 10px 0 80px #0ff;
}

.chatai-sec {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  background-color: var(--color-blackest);
  gap: 0 5px;
}
.chatai-sec .box {
  position: relative;
  font-weight: var(--p-bold);
  text-transform: uppercase;
  font-size: var(--font-size-b3);
  color: var(--color-dark);
}
.chatai-sec .box:nth-child(odd):before {
  content: " chaten AI ";
}
.chatai-sec .box:nth-child(even):before {
  content: "Text transform";
  filter: hue-rotate(180deg);
}
.chatai-sec .box.coloranimate {
  color: rgba(172, 172, 172, 0.2);
  text-shadow: 0 0 5px rgba(172, 172, 172, 0.2), 0 0 20px rgba(172, 172, 172, 0.2), 0 0 50px rgba(172, 172, 172, 0.2);
}
.chatai-sec .frame-image {
  position: absolute;
  z-index: 10;
  width: 50%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

.color-off {
  opacity: 0.5;
}

.top-flashlight {
  position: relative;
}
.top-flashlight::before {
  content: "";
  width: 150px;
  height: 150px;
  background: var(--color-primary);
  position: absolute;
  left: 50%;
  top: -60px;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 100%;
  filter: blur(70px);
}
.top-flashlight.leftside::before {
  left: 0;
  top: 0;
}
.top-flashlight.light-xl::before {
  width: 300px;
  filter: blur(140px);
}

.bottom-flashlight {
  position: relative;
}
.bottom-flashlight::before {
  content: "";
  width: 50px;
  height: 50px;
  background: var(--color-primary);
  position: absolute;
  left: 50%;
  bottom: -50%;
  transform: translateY(-50%) translateX(-50%);
  filter: blur(20px);
}

.border-gradient {
  position: relative;
  overflow: hidden;
}
.border-gradient::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(to right, var(--color-primary-gradient-start), var(--color-primary-gradient-end));
  width: 200%;
  height: 200%;
  transition: 0.5s, top 0s, left 0s;
  border-radius: var(--radius);
}
.border-gradient::after {
  content: "";
  position: absolute;
  inset: 2px;
  background: var(--color-blackest);
  border-radius: var(--radius);
}
.border-gradient > * {
  z-index: 2;
  position: relative;
}
.border-gradient.bg-secondary::before {
  background: radial-gradient(var(--color-primary), transparent, transparent);
}
.border-gradient.bg-tertiary::before {
  background: radial-gradient(var(--color-tertiary), transparent, transparent);
}

.preloader {
  background: var(--color-dark);
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
}

@keyframes bgg {
  0% {
    background: var(--color-primary-light);
  }
  50% {
    background: var(--color-primary);
  }
  100% {
    background: var(--color-primary);
  }
}
.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 70px;
  height: 70px;
  margin: auto;
}

.loader .circle {
  position: absolute;
  width: 50px;
  height: 50px;
  opacity: 0;
  transform: rotate(225deg);
  animation-iteration-count: infinite;
  animation-name: orbit;
  animation-duration: 5.5s;
  left: 3px;
  top: -5px;
}

.loader .circle:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  animation: bgg 1500ms ease-in alternate infinite;
}

.loader .circle:nth-child(2) {
  animation-delay: 240ms;
}

.loader .circle:nth-child(3) {
  animation-delay: 480ms;
}

.loader .circle:nth-child(4) {
  animation-delay: 720ms;
}

.loader .circle:nth-child(5) {
  animation-delay: 960ms;
}

@keyframes orbit {
  0% {
    transform: rotate(225deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  7% {
    transform: rotate(345deg);
    animation-timing-function: linear;
  }
  30% {
    transform: rotate(455deg);
    animation-timing-function: ease-in-out;
  }
  39% {
    transform: rotate(690deg);
    animation-timing-function: linear;
  }
  70% {
    transform: rotate(815deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  75% {
    transform: rotate(945deg);
    animation-timing-function: ease-out;
  }
  76% {
    transform: rotate(945deg);
    opacity: 0;
  }
  100% {
    transform: rotate(945deg);
    opacity: 0;
  }
}
.rating-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}

.rating {
  display: flex;
  gap: 5px;
}
.rating a i {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  color: #FFB800;
}
@media only screen and (max-width: 767px) {
  .rating a i {
    font-size: 10px;
  }
}

/*----------------------------
    Edu Pagination Style  
------------------------------*/
.rbt-pagination {
  margin: -8px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .rbt-pagination {
    margin: -4px;
  }
}
.rbt-pagination li {
  margin: 8px;
}
@media only screen and (max-width: 767px) {
  .rbt-pagination li {
    margin: 4px;
  }
}
.rbt-pagination li a {
  width: 45px;
  height: 45px;
  background: var(--color-blackest);
  border-radius: 6px;
  text-align: center;
  color: var(--color-body);
  transition: 0.4s;
  font-weight: 500;
  box-shadow: var(--shadow-1);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .rbt-pagination li a {
    width: 45px;
    height: 45px;
  }
}
.rbt-pagination li a i {
  font-size: 22px;
  font-weight: 500;
}
.rbt-pagination li.active a, .rbt-pagination li:hover a {
  background: var(--color-primary);
  color: var(--color-white);
}

.aiwave-bg-gradient {
  background: linear-gradient(107deg, #171A21 0.52%, rgba(23, 26, 33, 0) 99.49%);
}

.rbt-avatars {
  min-width: 70px;
  max-width: 70px;
}
.rbt-avatars.size-lg {
  min-width: 120px;
  max-width: 120px;
  width: 120px;
  height: 120px;
}
.rbt-avatars.size-sm {
  min-width: 52px;
  max-width: 52px;
}
.rbt-avatars img {
  border-radius: 100%;
  width: 100%;
  background: var(--color-bg-1);
  padding: 4px;
  border: 2px solid var(--color-dark);
  object-fit: cover;
}

::selection {
  background-color: var(--color-primary);
  color: var(--color-white);
}

/* ========= Forms Styles ========= */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

input,
select,
textarea {
  width: 100%;
  transition: 0.3s;
}

select {
  transition: 0.3s;
  height: 60px;
  line-height: 28px;
  padding: 10px 20px;
  outline: none;
  color: var(--color-body);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius);
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  padding-right: 30px;
}

input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
textarea {
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: 28px;
  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,
textarea::placeholder {
  color: var(--body-color);
  /* 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,
textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--body-color);
  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,
textarea::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--body-color);
  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,
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,
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,
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,
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,
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,
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,
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,
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,
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,
textarea:focus {
  border-color: var(--color-primary) !important;
}

input[type=search] {
  background: transparent;
  border: 2px solid var(--color-border);
  padding: 5px 15px 5px 30px;
  border-radius: var(--radius);
  color: var(--color-body);
  font-size: var(--font-size-b3);
}
input[type=search]::placeholder {
  color: var(--color-body);
  font-size: var(--font-size-b3);
}
input[type=search]:focus, input[type=search]:focus-visible {
  border-color: var(--color-primary) !important;
  outline: none;
}
input[type=search] i {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.form-group {
  margin-bottom: 20px;
}
.form-group input {
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius);
  height: 50px;
  font-size: 16px;
  padding: 0 15px;
}
.form-group input:focus {
  border-color: var(--color-primary);
}
.form-group textarea {
  min-height: 193px;
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius);
  resize: none;
  padding: 15px;
  font-size: 16px;
}
.form-group textarea:focus {
  border-color: var(--color-primary);
}

input[type=submit] {
  width: auto;
  font-size: 16px;
  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;
}

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;
  cursor: pointer;
  margin-bottom: 0;
  padding: 2px 0;
  padding-left: 30px;
}
input[type=checkbox] ~ label::before,
input[type=radio] ~ label::before {
  content: " ";
  position: absolute;
  top: 6px;
  left: 0;
  width: 18px;
  height: 18px;
  background-color: var(--color-blackest);
  border: 2px solid var(--color-border);
  border-radius: 2px;
  transition: var(--transition);
}
input[type=checkbox] ~ label::after,
input[type=radio] ~ label::after {
  content: " ";
  position: absolute;
  top: 11px;
  left: 4px;
  width: 10px;
  height: 5px;
  background-color: transparent;
  border-bottom: 1px solid var(--color-white);
  border-left: 1px solid var(--color-white);
  border-radius: 2px;
  transform: rotate(-45deg);
  opacity: 0;
  transition: var(--transition);
}
input[type=checkbox]:checked ~ label::before,
input[type=radio]:checked ~ label::before {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
input[type=checkbox]:checked ~ label::after,
input[type=radio]:checked ~ label::after {
  opacity: 1;
}

input[type=radio] ~ label::before {
  border-radius: 50%;
}
input[type=radio] ~ label::after {
  width: 8px;
  height: 8px;
  left: 3px;
  background: var(--color-white);
  border-radius: 50%;
}

.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;
  height: 18px;
  padding: 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;
}

/*-------------------
    Bootstrap Select  
----------------------*/
.rbt-modern-select .bootstrap-select button.btn-light {
  border: 0 none;
  box-shadow: var(--shadow-1);
  height: 50px;
  padding: 10px 20px;
  outline: none;
  color: var(--color-body);
  border-radius: var(--radius);
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  padding-right: 30px;
  background-color: var(--color-white);
  outline: none;
}
.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 .bootstrap-select button.actions-btn {
  padding: 7px 6px;
  font-size: 13px;
  box-shadow: none;
  background: #f8f9fa;
  height: 38px;
  line-height: 24px;
  transition: 0.4s;
}
.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: 5px 10px !important;
  box-shadow: var(--shadow-1);
  border: 0 none;
  border-radius: 6px !important;
  background-color: var(--color-blackest);
  min-width: 100%;
  max-width: 100%;
}
.rbt-modern-select .dropdown-item {
  padding: 5px 10px;
  color: var(--color-body);
  border-radius: 4px;
}
.rbt-modern-select .bootstrap-select .dropdown-menu li {
  margin: 0;
  padding: 0;
}
.rbt-modern-select .bootstrap-select .dropdown-menu li.no-results {
  padding: 4px 8px;
  background: transparent;
  white-space: nowrap;
  font-size: 16px;
  color: var(--color-danger);
  padding-bottom: 10px;
}
.rbt-modern-select .dropdown-item.active,
.rbt-modern-select .dropdown-item:active {
  background-color: var(--black-opacity);
  color: var(--color-primary);
}
.rbt-modern-select .bootstrap-select .dropdown-menu li a span.text {
  font-size: 16px;
}
.rbt-modern-select .bootstrap-select .dropdown-menu li a span.text img {
  max-width: 18px;
  margin-right: 5px;
}
.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: hidden;
  display: block;
  color: var(--color-heading);
}
.rbt-modern-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner img {
  width: 20px;
}
.rbt-modern-select .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
.rbt-modern-select .dropdown-toggle::after {
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-bottom: 0;
  border-left: 5px solid transparent;
  opacity: 0.5;
}
.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: 6px;
  margin-bottom: 2px;
  font-size: 16px;
}
.rbt-modern-select .dropdown-item:focus, .rbt-modern-select .dropdown-item:hover {
  color: var(--color-primary);
  background-color: var(--black-opacity);
}
.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: 5px;
}
.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 .bootstrap-select > .dropdown-toggle.bs-placeholder, .rbt-modern-select .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .rbt-modern-select .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .rbt-modern-select .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: var(--color-primary);
}
.rbt-modern-select .bootstrap-select > .dropdown-toggle.bs-placeholder, .rbt-modern-select .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .rbt-modern-select .bootstrap-select > .dropdown-toggle.bs-placeholder:focus {
  border-color: var(--color-primary);
}
.rbt-modern-select .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 350px;
}

/**
 * Settings
 */
/**
  * Easings
  */
/**
  * Core
  */
[data-sal] {
  transition-duration: 0.2s;
  transition-delay: 0s;
  transition-duration: var(--sal-duration, 0.2s);
  transition-delay: var(--sal-delay, 0s);
  transition-timing-function: var(--sal-easing, ease);
}

[data-sal][data-sal-duration="200"] {
  transition-duration: 0.2s;
}

[data-sal][data-sal-duration="250"] {
  transition-duration: 0.25s;
}

[data-sal][data-sal-duration="300"] {
  transition-duration: 0.3s;
}

[data-sal][data-sal-duration="350"] {
  transition-duration: 0.35s;
}

[data-sal][data-sal-duration="400"] {
  transition-duration: 0.4s;
}

[data-sal][data-sal-duration="450"] {
  transition-duration: 0.45s;
}

[data-sal][data-sal-duration="500"] {
  transition-duration: 0.5s;
}

[data-sal][data-sal-duration="550"] {
  transition-duration: 0.55s;
}

[data-sal][data-sal-duration="600"] {
  transition-duration: 0.6s;
}

[data-sal][data-sal-duration="650"] {
  transition-duration: 0.65s;
}

[data-sal][data-sal-duration="700"] {
  transition-duration: 0.7s;
}

[data-sal][data-sal-duration="750"] {
  transition-duration: 0.75s;
}

[data-sal][data-sal-duration="800"] {
  transition-duration: 0.8s;
}

[data-sal][data-sal-duration="850"] {
  transition-duration: 0.85s;
}

[data-sal][data-sal-duration="900"] {
  transition-duration: 0.9s;
}

[data-sal][data-sal-duration="950"] {
  transition-duration: 0.95s;
}

[data-sal][data-sal-duration="1000"] {
  transition-duration: 1s;
}

[data-sal][data-sal-duration="1050"] {
  transition-duration: 1.05s;
}

[data-sal][data-sal-duration="1100"] {
  transition-duration: 1.1s;
}

[data-sal][data-sal-duration="1150"] {
  transition-duration: 1.15s;
}

[data-sal][data-sal-duration="1200"] {
  transition-duration: 1.2s;
}

[data-sal][data-sal-duration="1250"] {
  transition-duration: 1.25s;
}

[data-sal][data-sal-duration="1300"] {
  transition-duration: 1.3s;
}

[data-sal][data-sal-duration="1350"] {
  transition-duration: 1.35s;
}

[data-sal][data-sal-duration="1400"] {
  transition-duration: 1.4s;
}

[data-sal][data-sal-duration="1450"] {
  transition-duration: 1.45s;
}

[data-sal][data-sal-duration="1500"] {
  transition-duration: 1.5s;
}

[data-sal][data-sal-duration="1550"] {
  transition-duration: 1.55s;
}

[data-sal][data-sal-duration="1600"] {
  transition-duration: 1.6s;
}

[data-sal][data-sal-duration="1650"] {
  transition-duration: 1.65s;
}

[data-sal][data-sal-duration="1700"] {
  transition-duration: 1.7s;
}

[data-sal][data-sal-duration="1750"] {
  transition-duration: 1.75s;
}

[data-sal][data-sal-duration="1800"] {
  transition-duration: 1.8s;
}

[data-sal][data-sal-duration="1850"] {
  transition-duration: 1.85s;
}

[data-sal][data-sal-duration="1900"] {
  transition-duration: 1.9s;
}

[data-sal][data-sal-duration="1950"] {
  transition-duration: 1.95s;
}

[data-sal][data-sal-duration="2000"] {
  transition-duration: 2s;
}

[data-sal][data-sal-delay="50"] {
  transition-delay: 0.05s;
}

[data-sal][data-sal-delay="100"] {
  transition-delay: 0.1s;
}

[data-sal][data-sal-delay="150"] {
  transition-delay: 0.15s;
}

[data-sal][data-sal-delay="200"] {
  transition-delay: 0.2s;
}

[data-sal][data-sal-delay="250"] {
  transition-delay: 0.25s;
}

[data-sal][data-sal-delay="300"] {
  transition-delay: 0.3s;
}

[data-sal][data-sal-delay="350"] {
  transition-delay: 0.35s;
}

[data-sal][data-sal-delay="400"] {
  transition-delay: 0.4s;
}

[data-sal][data-sal-delay="450"] {
  transition-delay: 0.45s;
}

[data-sal][data-sal-delay="500"] {
  transition-delay: 0.5s;
}

[data-sal][data-sal-delay="550"] {
  transition-delay: 0.55s;
}

[data-sal][data-sal-delay="600"] {
  transition-delay: 0.6s;
}

[data-sal][data-sal-delay="650"] {
  transition-delay: 0.65s;
}

[data-sal][data-sal-delay="700"] {
  transition-delay: 0.7s;
}

[data-sal][data-sal-delay="750"] {
  transition-delay: 0.75s;
}

[data-sal][data-sal-delay="800"] {
  transition-delay: 0.8s;
}

[data-sal][data-sal-delay="850"] {
  transition-delay: 0.85s;
}

[data-sal][data-sal-delay="900"] {
  transition-delay: 0.9s;
}

[data-sal][data-sal-delay="950"] {
  transition-delay: 0.95s;
}

[data-sal][data-sal-delay="1000"] {
  transition-delay: 1s;
}

[data-sal][data-sal-easing=linear] {
  transition-timing-function: linear;
}

[data-sal][data-sal-easing=ease] {
  transition-timing-function: ease;
}

[data-sal][data-sal-easing=ease-in] {
  transition-timing-function: ease-in;
}

[data-sal][data-sal-easing=ease-out] {
  transition-timing-function: ease-out;
}

[data-sal][data-sal-easing=ease-in-out] {
  transition-timing-function: ease-in-out;
}

[data-sal][data-sal-easing=ease-in-cubic] {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

[data-sal][data-sal-easing=ease-out-cubic] {
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

[data-sal][data-sal-easing=ease-in-out-cubic] {
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

[data-sal][data-sal-easing=ease-in-circ] {
  transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

[data-sal][data-sal-easing=ease-out-circ] {
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

[data-sal][data-sal-easing=ease-in-out-circ] {
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

[data-sal][data-sal-easing=ease-in-expo] {
  transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

[data-sal][data-sal-easing=ease-out-expo] {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

[data-sal][data-sal-easing=ease-in-out-expo] {
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

[data-sal][data-sal-easing=ease-in-quad] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-sal][data-sal-easing=ease-out-quad] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-sal][data-sal-easing=ease-in-out-quad] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-sal][data-sal-easing=ease-in-quart] {
  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

[data-sal][data-sal-easing=ease-out-quart] {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-sal][data-sal-easing=ease-in-out-quart] {
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

[data-sal][data-sal-easing=ease-in-quint] {
  transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

[data-sal][data-sal-easing=ease-out-quint] {
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

[data-sal][data-sal-easing=ease-in-out-quint] {
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

[data-sal][data-sal-easing=ease-in-sine] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-sal][data-sal-easing=ease-out-sine] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-sal][data-sal-easing=ease-in-out-sine] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-sal][data-sal-easing=ease-in-back] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-sal][data-sal-easing=ease-out-back] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-sal][data-sal-easing=ease-in-out-back] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/**
  * Animations
  */
[data-sal|=fade] {
  opacity: 0;
  transition-property: opacity;
}

[data-sal|=fade].sal-animate,
body.sal-disabled [data-sal|=fade] {
  opacity: 1;
}

[data-sal|=slide] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-sal=slide-up] {
  transform: translateY(20%);
}

[data-sal=slide-down] {
  transform: translateY(-20%);
}

[data-sal=slide-left] {
  transform: translateX(20%);
}

[data-sal=slide-right] {
  transform: translateX(-20%);
}

[data-sal|=slide].sal-animate,
body.sal-disabled [data-sal|=slide] {
  opacity: 1;
  transform: none;
}

[data-sal|=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-sal=zoom-in] {
  transform: scale(0.5);
}

[data-sal=zoom-out] {
  transform: scale(1.1);
}

[data-sal|=zoom].sal-animate,
body.sal-disabled [data-sal|=zoom] {
  opacity: 1;
  transform: none;
}

[data-sal|=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-sal=flip-left] {
  transform: perspective(2000px) rotateY(-91deg);
}

[data-sal=flip-right] {
  transform: perspective(2000px) rotateY(91deg);
}

[data-sal=flip-up] {
  transform: perspective(2000px) rotateX(-91deg);
}

[data-sal=flip-down] {
  transform: perspective(2000px) rotateX(91deg);
}

[data-sal|=flip].sal-animate,
body.sal-disabled [data-sal|=flip] {
  transform: none;
}

.cd-intro {
  margin: 4em auto;
}

@media only screen and (min-width: 768px) {
  .cd-intro {
    margin: 5em auto;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-intro {
    margin: 6em auto;
  }
}
.cd-headline {
  font-size: 3rem;
  line-height: 1.2;
}

@media only screen and (min-width: 768px) {
  .cd-headline {
    font-size: 4.4rem;
    font-weight: 300;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-headline {
    font-size: 48px;
  }
}
@media only screen and (max-width: 768px) {
  .cd-headline {
    font-size: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .cd-headline {
    font-size: 26px;
  }
}
.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}

.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}

.cd-words-wrapper b.is-visible {
  position: relative;
}

.no-js .cd-words-wrapper b {
  opacity: 0;
}

.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}

/* -------------------------------- 

xclip 

-------------------------------- */
.cd-headline.clip span {
  display: inline-block;
  padding: 0;
}

.cd-headline.clip .cd-words-wrapper {
  overflow: hidden;
  vertical-align: middle;
}

.cd-headline.clip .cd-words-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 2px;
  height: 80%;
  background-color: var(--color-primary);
  transform: translateY(-50%);
}

.cd-headline.clip b {
  opacity: 0;
}

.cd-headline.clip b.is-visible {
  opacity: 1;
}

/**************************************
    Theme Styles
***************************************/
/* Theme Bg Color  */
.rainbow-gradient-circle {
  position: fixed;
  left: 90px;
  top: 250px;
  right: auto;
  bottom: auto;
  z-index: -1;
  border-radius: 1000px;
  background-image: url(../images/bg/bg-shape-one.png);
  opacity: 0.25;
  filter: blur(100px);
}
.rainbow-gradient-circle.theme-pink {
  left: auto;
  top: -250px;
  right: -250px;
  bottom: auto;
  background-image: linear-gradient(45deg, var(--color-primary), var(--color-tertiary));
}

.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-primary));
  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-primary), var(--color-tertiary));
}

.link-hover a {
  display: inline-block;
  position: relative;
}
.link-hover a::after {
  position: absolute;
  content: "";
  left: auto;
  bottom: 0;
  background: currentColor;
  width: 0;
  height: 2px;
  transition: 0.3s;
  right: 0;
}
.link-hover a:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}

/**************************************
    Header Styles
***************************************/
/*--------------------------
    Header Styles  
 --------------------------*/
.logo-dark {
  display: none;
}

.header-default {
  max-width: 100%;
  background-color: var(--color-darker);
  color: #fff;
  font-size: 12px;
  z-index: 99;
  position: relative;
}
.header-default .logo a {
  display: flex;
  height: 80px;
  line-height: 80px;
  align-items: center;
}
.header-default .logo a img {
  max-height: 35px;
}
.header-default .header-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.header-default.header-relative {
  position: relative;
}
.header-default .header-right {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-default .header-right {
    justify-content: end;
  }
}
.header-default .header-right .header-btn {
  margin-left: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-default .header-right .header-btn {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-default .header-right .header-btn {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .header-default a.btn-default,
  .header-default button.btn-default {
    height: 36px;
    line-height: 35px;
    padding: 0 10px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .header-default a.btn-default.btn-small,
  .header-default button.btn-default.btn-small {
    height: 36px;
    line-height: 35px;
    padding: 0 10px;
    font-size: 12px;
  }
}
.header-default.header-transparent {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  background: transparent !important;
  backdrop-filter: inherit;
  padding: 10px 0;
}

.header-transparent-with-topbar {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  z-index: 99;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-transparent-with-topbar {
    position: relative;
  }
}
@media only screen and (max-width: 767px) {
  .header-transparent-with-topbar {
    position: relative;
  }
}
.header-transparent-with-topbar .header-top-bar {
  background-color: transparent;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-transparent-with-topbar .header-top-bar {
    background-color: var(--color-darker);
  }
}
@media only screen and (max-width: 767px) {
  .header-transparent-with-topbar .header-top-bar {
    background-color: var(--color-darker);
  }
}
.header-transparent-with-topbar .header-default {
  background-color: transparent;
  background-image: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-transparent-with-topbar .header-default {
    background-color: var(--color-darker);
  }
}
@media only screen and (max-width: 767px) {
  .header-transparent-with-topbar .header-default {
    background-color: var(--color-darker);
  }
}

.hamberger-button {
  background: var(--color-primary-alt);
  border: 0 none;
  color: var(--color-white);
  width: 45px;
  height: 45px;
  font-size: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

.header-left-align .mainmenu-nav {
  margin-left: 30px;
}

.rainbow-header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--color-blackest) !important;
  width: 100%;
  height: 80px;
  animation: headerSticky 0.95s ease forwards;
  z-index: 9;
  padding: 0;
}

.rbt-fluid-header .container-wrapper {
  max-width: 1600px;
}

.mainmenu.one-menu-item {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mainmenu.one-menu-item li a {
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  padding-left: 17px !important;
}

@media only screen and (max-width: 767px) {
  .header-round-btn {
    padding: 5px !important;
  }
}
.header-round-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--color-white);
  border: none;
  font-size: var(--font-size-b1);
}

@keyframes headerSticky {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
/*--------------------------
    Navigation Styles 
----------------------------*/
.mainmenu-nav .mainmenu {
  display: flex;
  margin: 0;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid var(--color-border);
  border-radius: 50px;
  background: var(--color-blackest);
}
.mainmenu-nav .mainmenu > li {
  position: relative;
}
.mainmenu-nav .mainmenu > li > a {
  color: var(--color-link);
  font-size: 16px;
  font-weight: 500;
  padding: 13px 17px;
  display: block;
  transition: 0.3s;
  position: relative;
  z-index: 1;
}
.mainmenu-nav .mainmenu > li > a i {
  transition: 0.3s;
  margin-left: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mainmenu-nav .mainmenu > li > a {
    padding: 10px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mainmenu-nav .mainmenu > li > a {
    padding: 10px 12px;
  }
}
.mainmenu-nav .mainmenu > li > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url(../images/bg/nav-bg-shape.svg);
  width: 0;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.mainmenu-nav .mainmenu > li > a.active::after {
  opacity: 1;
  visibility: visible;
  color: var(--color-heading);
  width: 150%;
}
.mainmenu-nav .mainmenu > li > a.current > a {
  color: var(--color-heading);
}
.mainmenu-nav .mainmenu > li:hover a::after {
  opacity: 1;
  visibility: visible;
  color: var(--color-heading);
  width: 150%;
}
.mainmenu-nav .mainmenu > li:hover a i {
  transform: rotate(180deg);
  margin-top: 2px;
}
.mainmenu-nav .mainmenu li {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}
.mainmenu-nav .mainmenu li.has-dropdown .submenu {
  min-width: 300px;
  height: auto;
  position: absolute;
  top: 90%;
  left: 0;
  z-index: 90;
  opacity: 0;
  visibility: hidden;
  text-align: left;
  padding: 12px 0;
  transition: 0.3s;
  border-radius: 0 0 10px 10px;
  background-color: var(--color-blackest);
  box-shadow: var(--shadow-lighter);
  border: 1px solid var(--color-border);
}
.mainmenu-nav .mainmenu li.has-dropdown .submenu li a {
  font-weight: 500;
  padding: 5px 14px;
  font-size: 15px;
  display: block;
  color: var(--color-link);
  margin: 0 10px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.mainmenu-nav .mainmenu li.has-dropdown .submenu li a:hover {
  color: var(--color-heading) !important;
  background: var(--color-darker);
}
.mainmenu-nav .mainmenu li.has-dropdown .submenu li a.active {
  color: var(--color-heading) !important;
  background: var(--color-darker);
}
.mainmenu-nav .mainmenu li.has-dropdown:hover .submenu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.mainmenu-nav .mainmenu li.with-megamenu {
  position: static;
}
.mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu {
  position: absolute;
  transition: 0.3s;
  top: 90%;
  width: 100%;
  left: 0;
  right: 0;
  padding: 0 7px;
  visibility: hidden;
  opacity: 0;
  z-index: 3;
}
.mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu.right-align {
  right: 0;
  left: unset;
}
.mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu .wrapper {
  border-radius: 10px;
  background-color: var(--color-blackest);
  box-shadow: var(--shadow-lighter);
  border: 1px solid var(--color-border);
}
.mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu .wrapper .rbt-short-title {
  padding: 15px 25px;
  text-align: left;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--color-border);
  color: var(--color-link);
}
.mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu .wrapper .mega-menu-item {
  padding: 15px 10px;
  border-right: 1px solid var(--color-border);
  height: 100%;
}
.mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu .wrapper .mega-menu-item li a {
  font-weight: 500;
  padding: 5px 14px;
  font-size: 15px;
  display: block;
  color: var(--color-link);
  margin: 0 10px;
  border-radius: 4px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  text-align: left;
}
.mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu .wrapper .mega-menu-item li a .rainbow-badge-card {
  margin-left: 10px;
}
.mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu .wrapper .mega-menu-item li a.disabled:hover, .mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu .wrapper .mega-menu-item li a.disabled.active {
  background: none;
  color: var(--color-link) !important;
}
.mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu .wrapper .mega-menu-item li a:hover, .mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu .wrapper .mega-menu-item li a.active {
  color: var(--color-heading) !important;
  background: var(--color-darker);
}
.mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu.with-mega-item-2 {
  width: 600px;
  margin: inherit;
}
.mainmenu-nav .mainmenu li.with-megamenu .single-mega-item:last-child .mega-menu-item {
  border-right: 0 none;
}
.mainmenu-nav .mainmenu li.with-megamenu:hover .rainbow-megamenu {
  opacity: 1;
  visibility: visible;
  top: 85%;
}

.one-menu .mainmenu li.with-megamenu .rainbow-megamenu .wrapper {
  padding: 15px 20px;
}

.rbt-short-title {
  font-size: 12px;
  padding-bottom: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.5;
  margin-bottom: 6px;
  border-bottom: 1px solid var(--color-border);
}

.header-menu-img img {
  max-height: 460px;
}

.rbt-dashboard-header .rainbow-megamenu {
  max-width: 1320px;
  margin: 0 auto;
}

/*--------------------------
    Header Top Styles  
-----------------------------*/
.header-top-news {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  z-index: 99;
  transition: 0.4s;
  margin-bottom: -1px;
}
.header-top-news.bg-image1 {
  background-image: url(../images/header-top/top-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.header-top-news .inner {
  display: flex;
  justify-content: center;
  padding: 8px 0;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .header-top-news .inner {
    display: block;
    text-align: center;
    padding: 15px 0;
  }
}
.header-top-news .inner .content .news-text {
  display: inline-block;
  margin-left: 15px;
  color: var(--color-body);
  font-size: 14px;
}
@media only screen and (max-width: 575px) {
  .header-top-news .inner .content .news-text {
    margin-left: 0;
    margin-top: 10px;
    display: block;
    font-size: 12px;
  }
}
.header-top-news .inner .right-button {
  margin-left: 30px;
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .header-top-news .inner .right-button {
    margin: 0;
  }
}
.header-top-news .icon-close {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .header-top-news .icon-close {
    right: 10px;
    top: 9px;
    transform: none;
  }
}
.header-top-news .close-button {
  background: transparent;
  color: #fff;
  border: 2px solid var(--color-border);
  width: 35px;
  display: inline-block;
  height: 35px;
  border-radius: 100%;
  padding: 0;
  margin: 0;
  line-height: 30px;
  transition: 0.3s;
}
.header-top-news .close-button:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}
.header-top-news.deactive {
  display: none;
}

/*----------------------------
    Header Top Bar  
----------------------------*/
.header-top-bar {
  padding: 10px 0;
  border-bottom: 1px solid var(--color-border);
  background-color: var(--color-darker);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-top-bar .header-left {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .header-top-bar .header-left {
    text-align: center;
  }
}
.header-top-bar .header-left p {
  margin-bottom: 0;
}
.header-top-bar .header-left p a {
  transition: 0.3s;
}
.header-top-bar .header-left p a i {
  position: relative;
  top: 2px;
}
.header-top-bar .header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-top-bar .header-right {
    justify-content: center;
    margin-top: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .header-top-bar .header-right {
    justify-content: center;
    margin-top: 6px;
  }
}
.header-top-bar .header-right .address-content {
  display: flex;
  align-items: center;
  margin: 0 -10px;
}
.header-top-bar .header-right .address-content p {
  margin-bottom: 0;
  padding: 0 10px;
  font-size: 14px;
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 575px) {
  .header-top-bar .header-right .address-content p {
    padding: 0 8px;
  }
}
.header-top-bar .header-right .address-content p + p::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 2px;
  background: var(--color-border);
  top: 50%;
  transform: translateY(-50%);
  left: -1px;
}
.header-top-bar .header-right .address-content p a {
  transition: 0.3s;
}
.header-top-bar .header-right .address-content p i {
  margin-right: 8px;
  font-size: 16px;
}
.header-top-bar .social-default.icon-naked li {
  margin: 1px;
}
.header-top-bar .social-default.icon-naked li a {
  color: var(--color-body);
  font-size: 15px;
  line-height: 26px;
}
.header-top-bar .social-icon-wrapper {
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}
@media only screen and (max-width: 575px) {
  .header-top-bar .social-icon-wrapper {
    margin-left: 0;
    padding-left: 0;
    flex-basis: 100%;
  }
}
.header-top-bar .social-icon-wrapper::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 2px;
  background: var(--color-border);
  top: 50%;
  transform: translateY(-50%);
  left: -1px;
}
@media only screen and (max-width: 575px) {
  .header-top-bar .social-icon-wrapper::before {
    display: none;

  }
}

.header-transparent-with-topbar {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  z-index: 99;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-transparent-with-topbar {
    position: relative;
  }
}
@media only screen and (max-width: 767px) {
  .header-transparent-with-topbar {
    position: relative;
  }
}
.header-transparent-with-topbar .header-top-bar {
  background-color: transparent;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-transparent-with-topbar .header-top-bar {
    background-color: var(--color-darker);
  }
}
@media only screen and (max-width: 767px) {
  .header-transparent-with-topbar .header-top-bar {
    background-color: var(--color-darker);
  }
}
.header-transparent-with-topbar .header-default {
  background-color: transparent;
  background-image: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-transparent-with-topbar .header-default {
    background-color: var(--color-darker);
  }
}
@media only screen and (max-width: 767px) {
  .header-transparent-with-topbar .header-default {
    background-color: var(--color-darker);
  }
}

/*------------------------------
    Popup Menu Styles  
--------------------------------*/
.popup-mobile-menu {
  z-index: 9999;
  position: fixed;
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
.popup-mobile-menu .inner-popup {
  width: 320px;
  z-index: 999;
  position: absolute;
  background-color: var(--color-blackest);
  height: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  opacity: 0;
  left: -150px;
  transition: all 0.5s ease-out;
}
.popup-mobile-menu .inner-popup .header-top {
  display: flex;
  border-bottom: 1px solid var(--color-border);
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
}
.popup-mobile-menu .inner-popup .header-top .logo a img {
  max-height: 30px;
}
.popup-mobile-menu .inner-popup .header-top .close-menu .close-button {
  background: var(--color-primary);
  border: 0 none;
  color: var(--color-white);
  width: 40px;
  height: 40px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.popup-mobile-menu.active {
  visibility: visible;
  opacity: 1;
}
.popup-mobile-menu.active .inner-popup {
  opacity: 1;
  left: 0;
  overflow-y: auto;
}
.popup-mobile-menu .mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.popup-mobile-menu .mainmenu li {
  margin: 5px 0;
}
.popup-mobile-menu .mainmenu li a {
  padding: 10px 12px;
  display: block;
  font-size: 16px;
  font-weight: 500;
}
.popup-mobile-menu .mainmenu li a.active {
  color: var(--color-primary) !important;
}
.popup-mobile-menu .mainmenu li a i.fa-chevron-down {
  display: none;
}
.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 {
  position: relative;
}
.popup-mobile-menu .mainmenu .has-menu-child-item > a::after {
  position: absolute;
  content: "\e9b1";
  font-family: "feather" !important;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s;
  font-size: 18px;
}
.popup-mobile-menu .mainmenu .has-menu-child-item > a.open::after {
  content: "\e996";
}
.popup-mobile-menu .mainmenu .rainbow-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 .genarator-section .genarator-card-group li {
  flex-basis: 100%;
}
.popup-mobile-menu .mainmenu .genarator-section .genarator-card-group li + li {
  border-top: none;
}
.popup-mobile-menu .mainmenu .genarator-section .genarator-card-group .genarator-card {
  padding: 10px 15px 10px;
}
.popup-mobile-menu .mainmenu .header-menu-img {
  margin: 15px 0;
}
.popup-mobile-menu .header-btn {
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 575px) {
  .popup-mobile-menu .header-btn .btn-default {
    display: block;
    margin: 0 20px;
  }
}
.popup-mobile-menu .content {
  padding: 10px 15px;
}
.popup-mobile-menu .content .description {
  margin-bottom: 10px;
}

/*----------------------
    One Page Nav 
------------------------*/
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: auto;
  }
}
.mainmenu-nav.onepagenav .mainmenu > li > a {
  position: relative;
  padding: 0;
}

.mainmenu-nav.onepagenav .mainmenu li {
  margin: 0 17px;
}

.mainmenu-nav.onepagenav .mainmenu > li > a::after {
  position: absolute;
  content: "";
  left: 0;
  background: var(--color-primary);
  width: 0;
  height: 2px;
  bottom: 0;
  opacity: 0;
  transition: 0.4s;
}

.mainmenu-nav.onepagenav .mainmenu > li.current > a::after {
  width: 100%;
  opacity: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header-default.header-center-align .header-right .header-btn {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mainmenu-nav.onepagenav .mainmenu li {
    margin: 0 7px;
  }
}
/**************************************
            Elements 
***************************************/
/*====================
    Breadcrump Area 
======================*/
.breadcarumb-style-1 {
  background-color: var(--color-blackest) !important;
  background: url(../images/bg/breadcrumb-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.breadcrumb-inner {
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-inner .title br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb-inner .title br {
    display: none;
  }
}
.breadcrumb-inner ul.page-list {
  margin-top: 16px;
}
.breadcrumb-inner ul.page-list li {
  display: inline-block;
  color: var(--color-body);
  padding: 0 12px;
  position: relative;
  font-size: 16px;
  margin: 0;
}
.breadcrumb-inner ul.page-list li::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--color-body);
  width: 5px;
  height: 5px;
  border-radius: 100%;
  right: -5px;
}
.breadcrumb-inner ul.page-list li a {
  color: var(--color-body);
  transition: 0.5s;
}
.breadcrumb-inner ul.page-list li a:hover {
  color: var(--color-primary);
}
.breadcrumb-inner ul.page-list li.rainbow-breadcrumb-item.active {
  color: var(--color-primary);
}
.breadcrumb-inner ul.page-list li.rainbow-breadcrumb-item.active::after {
  display: none;
}

.section-title .subtitle {
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 18px;
  font-size: 16px;
  border-radius: 4px;
  margin-bottom: 12px;
  display: inline-block;
}
.section-title .subtitle.radius-rounded {
  border-radius: 100px;
}
@media only screen and (max-width: 767px) {
  .section-title .description br {
    display: none;
  }
}
.section-title p:empty {
  display: none;
}

.contact-form-1 .form-group {
  display: block;
}

.section-title-2 .title {
  color: var(--color-body);
  display: block;
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 19px;
  opacity: 0.6;
}

.rating-title .subtitle {
  margin-left: 10px;
}
.rating-title .small-title {
  text-transform: uppercase;
}

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

/* Button Styles  */
.button-group {
  margin: -10px;
}
.button-group a,
.button-group button {
  margin: 10px;
}

a.btn-default,
button.btn-default,
div.btn-default {
  padding: 0 28px;
  border-style: solid;
  border-width: 0px;
  border-color: transparent;
  border-radius: 8px;
  background-color: transparent;
  background: linear-gradient(to right, var(--color-primary-gradient-start), var(--color-primary-gradient-end));
  background-size: 200% auto;
  transition-duration: 300ms;
  color: var(--color-white);
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  letter-spacing: 0.5px;
  width: auto;
  transition: 0.4s;
}
@media only screen and (max-width: 767px) {
  a.btn-default,
  button.btn-default,
  div.btn-default {
    padding: 0 22px;
  }
}
a.btn-default.btn-gray,
button.btn-default.btn-gray,
div.btn-default.btn-gray {
  background: #2C313F;
  color: var(--color-body);
}
a.btn-default.btn-gray:hover, a.btn-default.btn-gray.active,
button.btn-default.btn-gray:hover,
button.btn-default.btn-gray.active,
div.btn-default.btn-gray:hover,
div.btn-default.btn-gray.active {
  background: var(--color-primary);
  color: var(--color-white);
  -webkit-filter: none;
  filter: none;
}
a.btn-default.color-blacked,
button.btn-default.color-blacked,
div.btn-default.color-blacked {
  color: var(--color-black);
}
a.btn-default.color-blacked:hover, a.btn-default.color-blacked.active,
button.btn-default.color-blacked:hover,
button.btn-default.color-blacked.active,
div.btn-default.color-blacked:hover,
div.btn-default.color-blacked.active {
  color: var(--color-black);
}
a.btn-default.bg-shaped,
button.btn-default.bg-shaped,
div.btn-default.bg-shaped {
  padding: 0 32px;
  position: relative;
  background: none;
  height: 50px;
  line-height: 50px;
}
a.btn-default.bg-shaped::after,
button.btn-default.bg-shaped::after,
div.btn-default.bg-shaped::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/bg/bg-shaped-btn.svg);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
}
a.btn-default.bg-solid-primary,
button.btn-default.bg-solid-primary,
div.btn-default.bg-solid-primary {
  background: var(--color-primary);
}
a.btn-default.bg-solid-primary:hover,
button.btn-default.bg-solid-primary:hover,
div.btn-default.bg-solid-primary:hover {
  box-shadow: 0 0 20px 5px rgba(112, 100, 233, 0.1);
}
a.btn-default.bg-gradient-secondary,
button.btn-default.bg-gradient-secondary,
div.btn-default.bg-gradient-secondary {
  background: linear-gradient(to right, var(--color-secondary-gradient-start), var(--color-secondary-gradient-end));
}
a.btn-default.bg-gradient-tertiary,
button.btn-default.bg-gradient-tertiary,
div.btn-default.bg-gradient-tertiary {
  background: linear-gradient(to right, var(--color-tertiary-gradient-start), var(--color-tertiary-gradient-end));
}
a.btn-default.bg-light-gradient,
button.btn-default.bg-light-gradient,
div.btn-default.bg-light-gradient {
  position: relative;
  background: radial-gradient(85% 120% at 50% 125%, #ff3bd4 0.74%, #7130c3 65%, #0f1021 100%);
  overflow: hidden;
  transition: var(--transition);
}
a.btn-default.bg-light-gradient .has-bg-light,
button.btn-default.bg-light-gradient .has-bg-light,
div.btn-default.bg-light-gradient .has-bg-light {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  background: radial-gradient(85% 142% at 50% 75%, #ff3bd4 0.74%, #7130c3 65%, #0f1021 100%);
}
a.btn-default.bg-light-gradient > span,
button.btn-default.bg-light-gradient > span,
div.btn-default.bg-light-gradient > span {
  position: relative;
}
a.btn-default.bg-light-gradient:hover,
button.btn-default.bg-light-gradient:hover,
div.btn-default.bg-light-gradient:hover {
  transform: translateY(-5px);
  box-shadow: 0px 24px 25px -21px #CE38CF;
}
a.btn-default.bg-light-gradient:hover .has-bg-light,
button.btn-default.bg-light-gradient:hover .has-bg-light,
div.btn-default.bg-light-gradient:hover .has-bg-light {
  opacity: 1;
  visibility: visible;
}
a.btn-default.btn-icon .icon,
button.btn-default.btn-icon .icon,
div.btn-default.btn-icon .icon {
  position: relative;
  top: 2px;
  padding-left: 4px;
}
a.btn-default.btn-icon .icon i,
button.btn-default.btn-icon .icon i,
div.btn-default.btn-icon .icon i {
  width: 20px;
  height: 20px;
}
a.btn-default:hover,
button.btn-default:hover,
div.btn-default:hover {
  box-shadow: var(--shadow-primary);
  -webkit-filter: brightness(125%);
  filter: brightness(125%);
  color: var(--color-white);
  text-decoration: none;
}
a.btn-default.btn-extra-small,
button.btn-default.btn-extra-small,
div.btn-default.btn-extra-small {
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 500;
}
a.btn-default.btn-small,
button.btn-default.btn-small,
div.btn-default.btn-small {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 500;
}
a.btn-default.btn-medium,
button.btn-default.btn-medium,
div.btn-default.btn-medium {
  height: 65px;
  line-height: 65px;
  padding: 0 40px;
}
a.btn-default.btn-large,
button.btn-default.btn-large,
div.btn-default.btn-large {
  height: 60px;
  line-height: 60px;
  padding: 0 37px;
  font-size: 17px;
}
@media only screen and (max-width: 767px) {
  a.btn-default.btn-large,
  button.btn-default.btn-large,
  div.btn-default.btn-large {
    padding: 0 25px;
    height: 50px;
    line-height: 50px;
  }
}
a.btn-default.btn-extra-large,
button.btn-default.btn-extra-large,
div.btn-default.btn-extra-large {
  height: 90px;
  line-height: 90px;
  padding: 0 70px;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  a.btn-default.btn-extra-large,
  button.btn-default.btn-extra-large,
  div.btn-default.btn-extra-large {
    padding: 0 44px;
  }
}
a.btn-default.btn-border,
button.btn-default.btn-border,
div.btn-default.btn-border {
  background-image: inherit;
  border-color: var(--color-border);
  color: var(--color-heading);
  border-width: 2px;
  border-style: solid;
  line-height: 46px;
}
a.btn-default.btn-border.btn-small,
button.btn-default.btn-border.btn-small,
div.btn-default.btn-border.btn-small {
  line-height: 37px;
}
a.btn-default.btn-border.btn-medium,
button.btn-default.btn-border.btn-medium,
div.btn-default.btn-border.btn-medium {
  line-height: 61px;
}
a.btn-default.btn-border.btn-large,
button.btn-default.btn-border.btn-large,
div.btn-default.btn-border.btn-large {
  line-height: 56px;
}
a.btn-default.btn-border.btn-extra-large,
button.btn-default.btn-border.btn-extra-large,
div.btn-default.btn-border.btn-extra-large {
  line-height: 87px;
}
a.btn-default.btn-border:hover,
button.btn-default.btn-border:hover,
div.btn-default.btn-border:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-heading);
  -webkit-filter: none;
  filter: none;
}
a.btn-default.text-underline,
button.btn-default.text-underline,
div.btn-default.text-underline {
  background-image: inherit;
  border-color: var(--color-white);
}
a.btn-default.text-underline span,
button.btn-default.text-underline span,
div.btn-default.text-underline span {
  position: relative;
  display: inline-block;
  line-height: 30px;
}
a.btn-default.text-underline:hover,
button.btn-default.text-underline:hover,
div.btn-default.text-underline:hover {
  box-shadow: none;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
a.btn-default.round,
button.btn-default.round,
div.btn-default.round {
  border-radius: 100px;
}
a.btn-default.square,
button.btn-default.square,
div.btn-default.square {
  border-radius: 0;
}
a.btn-default.rounded-player,
button.btn-default.rounded-player,
div.btn-default.rounded-player {
  border-radius: 100%;
  width: 100px;
  height: 100px;
  padding: 0;
  line-height: 100px;
  font-size: 30px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  a.btn-default.rounded-player,
  button.btn-default.rounded-player,
  div.btn-default.rounded-player {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}
a.btn-default.rounded-player.style-two,
button.btn-default.rounded-player.style-two,
div.btn-default.rounded-player.style-two {
  background: var(--color-dark);
  color: var(--color-white);
}
a.btn-default.rounded-player.style-two:hover,
button.btn-default.rounded-player.style-two:hover,
div.btn-default.rounded-player.style-two:hover {
  box-shadow: none;
}
a.btn-default.rounded-player.xs-size,
button.btn-default.rounded-player.xs-size,
div.btn-default.rounded-player.xs-size {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
}
a.btn-default.rounded-player span i,
button.btn-default.rounded-player span i,
div.btn-default.rounded-player span i {
  position: relative;
  top: 1px;
  left: 2px;
}
a.btn-default.rounded-player.border,
button.btn-default.rounded-player.border,
div.btn-default.rounded-player.border {
  background-image: inherit;
  border-color: var(--color-white) !important;
  border-width: 2px !important;
}
a.btn-default.rounded-player.border:hover,
button.btn-default.rounded-player.border:hover,
div.btn-default.rounded-player.border:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary) !important;
}
a.btn-default.rounded-player.sm-size,
button.btn-default.rounded-player.sm-size,
div.btn-default.rounded-player.sm-size {
  width: 70px;
  height: 70px;
  line-height: 70px;
}
a.btn-default.bg-white-dropshadow,
button.btn-default.bg-white-dropshadow,
div.btn-default.bg-white-dropshadow {
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(7.5px);
}
a.rainbow-gradient-btn,
button.rainbow-gradient-btn,
div.rainbow-gradient-btn {
  position: relative;
  display: inline-block;
  padding: 2px;
}
a.rainbow-gradient-btn span,
button.rainbow-gradient-btn span,
div.rainbow-gradient-btn span {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  position: relative;
  z-index: 3;
  background: #0e0c15;
  padding: 0 30px;
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 14px, 100% 100%, 0 100%);
  border-radius: 2px;
  font-size: 14px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
a.rainbow-gradient-btn::before, a.rainbow-gradient-btn::after,
button.rainbow-gradient-btn::before,
button.rainbow-gradient-btn::after,
div.rainbow-gradient-btn::before,
div.rainbow-gradient-btn::after {
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, var(--color-primary-gradient-start), var(--color-primary-gradient-end));
  content: "";
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 14px, 100% 100%, 0 100%);
  border-radius: 2px;
}
a.rainbow-gradient-btn::after,
button.rainbow-gradient-btn::after,
div.rainbow-gradient-btn::after {
  background: linear-gradient(to left, var(--color-primary-gradient-start), var(--color-primary-gradient-end));
  opacity: 0;
  visibility: hidden;
}
a.rainbow-gradient-btn:hover::after,
button.rainbow-gradient-btn:hover::after,
div.rainbow-gradient-btn:hover::after {
  opacity: 1;
  visibility: visible;
}
a.rainbow-gradient-btn.without-shape,
button.rainbow-gradient-btn.without-shape,
div.rainbow-gradient-btn.without-shape {
  border-radius: var(--radius);
}
a.rainbow-gradient-btn.without-shape::before, a.rainbow-gradient-btn.without-shape::after,
button.rainbow-gradient-btn.without-shape::before,
button.rainbow-gradient-btn.without-shape::after,
div.rainbow-gradient-btn.without-shape::before,
div.rainbow-gradient-btn.without-shape::after {
  clip-path: none;
  border-radius: var(--radius);
}
a.rainbow-gradient-btn.without-shape span,
button.rainbow-gradient-btn.without-shape span,
div.rainbow-gradient-btn.without-shape span {
  clip-path: none;
  border-radius: var(--radius);
}
a.rainbow-gradient-btn.without-shape-circle,
button.rainbow-gradient-btn.without-shape-circle,
div.rainbow-gradient-btn.without-shape-circle {
  border-radius: 100px;
}
a.rainbow-gradient-btn.without-shape-circle::before, a.rainbow-gradient-btn.without-shape-circle::after,
button.rainbow-gradient-btn.without-shape-circle::before,
button.rainbow-gradient-btn.without-shape-circle::after,
div.rainbow-gradient-btn.without-shape-circle::before,
div.rainbow-gradient-btn.without-shape-circle::after {
  clip-path: none;
  border-radius: 100px;
}
a.rainbow-gradient-btn.without-shape-circle span,
button.rainbow-gradient-btn.without-shape-circle span,
div.rainbow-gradient-btn.without-shape-circle span {
  clip-path: none;
  border-radius: 100px;
  background: var(--color-dark);
}

.btn-read-more span {
  position: relative;
  color: var(--color-heading);
  display: inline-block;
  line-height: 35px;
  transition: 0.3s;
}
.btn-read-more span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: var(--color-gray);
  transition: 0.3s;
  width: 100%;
  bottom: 2px;
}
.btn-read-more span::before {
  position: absolute;
  content: "";
  left: auto;
  bottom: 2px;
  background: var(--color-primary);
  width: 0;
  height: 2px;
  transition: 0.3s;
  right: 0;
  z-index: 1;
}
.btn-read-more span i {
  margin-left: 5px;
}
.btn-read-more.border-transparent span::after {
  background-color: transparent;
}
.btn-read-more:hover span {
  color: var(--color-primary);
}
.btn-read-more:hover span::before {
  width: 100%;
  left: 0;
  right: auto;
}

.btn-link span {
  position: relative;
  color: var(--color-heading);
  display: inline-block;
  line-height: 35px;
  transition: 0.3s;
}
.btn-link span i {
  margin-left: 5px;
}
.btn-link:hover span {
  color: var(--color-primary);
}

.rainbow-badge {
  display: inline-block;
  background-color: var(--color-primary);
  padding: 0 16px;
  height: 30px;
  line-height: 30px;
  border-radius: 100px;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.rainbow-badge.position-top-right {
  position: absolute;
  right: 10px;
  top: 10px;
}

.rainbow-badge-card {
  background-color: transparent;
  background: linear-gradient(to right, var(--color-primary-gradient-start), var(--color-primary-gradient-end));
  padding: 2px 8px;
  border-radius: 100px;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  display: inline-block;
  position: relative;
  z-index: 2;
  letter-spacing: 0.5px;
  line-height: 13px;
}
.rainbow-badge-card.badge-border {
  border: 2px solid var(--color-border);
}
.rainbow-badge-card.badge-border::before {
  content: none;
}
.rainbow-badge-card.position-top-right {
  position: absolute;
  right: 10px;
  top: 10px;
}

.btn-collaborate-play i {
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 500px;
  display: inline-block;
  background: linear-gradient(95deg, var(--color-primary) 15%, var(--color-tertiary) 45%, var(--color-primary) 75%, var(--color-primary) 100%) 95%/200% 100%;
}
.btn-collaborate-play span {
  display: inline-block;
}

.btn-collaborate-play {
  height: 30px;
  width: 30px;
  line-height: 30px;
  align-items: center;
  transition: var(--transition);
}
.btn-collaborate-play span {
  margin-left: 15px;
}
.btn-collaborate-play:hover {
  color: var(--color-white);
}

/*--------------------
    Service Styles  
----------------------*/
.service.service__style--1 {
  padding-bottom: 55px;
  transition: transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1), box-shadow 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .service.service__style--1 {
    padding: 30px 28px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service.service__style--1 {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service.service__style--1 {
    padding: 30px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .service.service__style--1 {
    padding: 30px 14px;
  }
}
.service.service__style--1 .icon {
  font-size: 45px;
  font-weight: 400;
  margin-bottom: 24px;
  color: var(--color-primary);
  text-align: center;
  border-radius: 100%;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service.service__style--1 .icon {
    margin-bottom: 11px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service.service__style--1 .icon {
    margin-bottom: 11px;
  }
}
.service.service__style--1 .icon i {
  stroke-width: 1 !important;
  font-size: 45px;
}
.service.service__style--1 .content .title {
  margin-bottom: 19px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service.service__style--1 .content .title {
    font-size: var(--h5);
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service.service__style--1 .content .title {
    margin-bottom: 8px;
  }
}
.service.service__style--1 .content .title a {
  color: inherit;
}
.service.service__style--1 .content .title a:hover {
  color: var(--color-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service.service__style--1 .content p {
    font-size: var(--font-size-b2);
    margin-bottom: 8px;
  }
}
.service.service__style--1:hover {
  transform: translateY(-5px);
}
.service.service__style--1.rbt-border-none {
  border: none;
}
.service.service__style--1.rbt-border {
  border: 1px solid var(--color-border);
}
.service.service__style--1.text-left, .service.service__style--1.text-start {
  padding: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .service.service__style--1.text-left, .service.service__style--1.text-start {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service.service__style--1.text-left, .service.service__style--1.text-start {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service.service__style--1.text-left, .service.service__style--1.text-start {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .service.service__style--1.text-left, .service.service__style--1.text-start {
    padding: 30px 20px;
  }
}
.service.service__style--1.text-left .icon, .service.service__style--1.text-start .icon {
  justify-content: left;
}
.service.service__style--1.icon-circle-style {
  background-color: transparent;
  box-shadow: none;
  padding: 0px 35px;
  margin-top: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .service.service__style--1.icon-circle-style {
    padding: 0px 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service.service__style--1.icon-circle-style {
    padding: 0px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service.service__style--1.icon-circle-style {
    padding: 0px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .service.service__style--1.icon-circle-style {
    padding: 0px 10px;
  }
}
.service.service__style--1.icon-circle-style .icon {
  font-size: 39px;
  color: var(--color-primary);
  display: flex;
  justify-content: center;
  width: 90px;
  height: 90px;
  margin: 0 auto;
  margin-bottom: 23px;
  background-color: var(--color-primary-darker);
  line-height: 90px;
  align-items: center;
}
.service.service__style--1.with-working-process {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service.service__style--1.with-working-process {
    padding: 20px 0;
  }
}
.service.service__style--1.with-working-process .icon {
  width: 180px;
  height: 180px;
  line-height: 180px;
  font-size: 60px;
  position: relative;
}
.service.service__style--1.with-working-process .line {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  width: 100%;
  left: 100%;
  background-color: var(--color-border);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service.service__style--1.with-working-process .line {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .service.service__style--1.with-working-process .line {
    display: none;
  }
}
.service.service__style--1.with-working-process:hover {
  transform: none;
}
.service.service__style--1.variation-2 {
  padding-bottom: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.service.service__style--1.aiwave-style .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.service.service__style--1.aiwave-style .content .title {
  max-width: 300px;
  margin-bottom: 12px;
  text-align: center;
}
.service.service__style--1.aiwave-style .content .description {
  max-width: 405px;
  color: var(--color-link);
}
.service.service__style--1.variation-3 {
  padding-bottom: 50px;
}
.service.service__style--1.service-bg-transparent {
  padding: 0;
}
.service.service__style--1.service-bg-transparent .icon {
  margin-bottom: 12px;
}
.service.service__style--1.service-bg-transparent .content .title {
  margin-bottom: 12px;
}
.service.service__style--1.variation-4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.service.gallery-style {
  padding: 40px 30px;
  background: var(--color-blackest);
  border-radius: 24px;
  box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.1);
  margin-top: 30px;
}
.service.gallery-style .content .image img {
  border-radius: 5px;
}
.service.gallery-style .content .title {
  margin-bottom: 19px;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
}
.service.gallery-style .content .title a {
  color: inherit;
}
.service.gallery-style .content .title a:hover {
  color: var(--color-primary);
}
.service.gallery-style .content p {
  color: var(--color-body);
  margin-bottom: 20px;
}
.service.service__style--2 {
  padding: 50px 35px;
  padding-bottom: 55px;
  transition: transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1), box-shadow 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  position: relative;
  z-index: 2;
  border-radius: 10px;
  margin-top: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .service.service__style--2 {
    padding: 10px 28px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service.service__style--2 {
    padding: 10px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service.service__style--2 {
    padding: 10px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .service.service__style--2 {
    padding: 0px 18px;
  }
}
.service.service__style--2 .image {
  margin-bottom: 23px;
}
.service.service__style--2 .image img {
  max-height: 220px;
}
.service.service__style--2 .content .title a {
  color: inherit;
}
.service.service__style--2 .content .title a:hover {
  color: var(--color-primary);
}
.service.service__style--2 .content p {
  padding: 0 5%;
}
.service.service__style--2:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 39px rgba(255, 101, 80, 0.1);
}
.service.service-eight {
  padding: 40px 30px;
  background: var(--color-lessdark);
  border-radius: var(--radius);
  box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.1);
}
.service.service-eight .inner {
  align-items: center;
}
.service.service-eight .inner .image {
  margin-right: 30px;
}
.service.service-eight .inner .image img {
  max-height: 100px;
  object-fit: cover;
  width: auto;
  min-width: 100px;
}
.service.service-eight .inner .content .title {
  margin-bottom: 0;
}

.aiwave-service-default .inner {
  padding: 40px 30px 54px;
}
.aiwave-service-default .icon {
  margin-bottom: 24px;
}
.aiwave-service-default .description.centered-shape {
  position: relative;
}
.aiwave-service-default .description.centered-shape::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url(../images/bg/service-card-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  z-index: -2;
  opacity: 0.4;
  transition: 0.4s;
}
.aiwave-service-default .description.centered-shape:hover::after {
  opacity: 1;
}
.aiwave-service-default .description .read-more-btn {
  transition: 0.4s all;
  display: inline-block;
}
.aiwave-service-default .description .read-more-btn i {
  margin-left: 8px;
}
.aiwave-service-default .description .read-more-btn:hover {
  background: linear-gradient(90deg, #805AF5 0%, #CE99FF 100%);
  text-transform: capitalize;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.4s all;
}
.aiwave-service-default.file-shaped-bg:hover, .aiwave-service-default.file-shaped-bg.active {
  box-shadow: none;
}

.ml-container {
  max-width: calc(1320px + (100% - 1320px) / 2);
  margin-left: auto;
  margin-right: 0;
  padding-left: 7.5px;
}
@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: 575px) {
  .ml-container {
    max-width: calc(540px + (100% - 540px) / 2);
  }
}
@media only screen and (max-width: 479px) {
  .ml-container {
    max-width: calc(540px + (100% - 540px) / 2);
  }
}

/*
    Card Styles  
*/
.card-box.card-style-1 {
  box-shadow: var(--shadow-lighter);
  background-color: var(--color-blackest);
  padding: 20px;
  border-radius: 5px;
  margin-top: 30px;
}
.card-box .inner .image a img {
  border-radius: 5px;
}
.card-box .inner .content {
  padding-top: 20px;
}
.card-box .inner .content .title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 14px;
}
.card-box .inner .content .title a {
  color: inherit;
}
.card-box .inner .content .title a:hover {
  color: var(--color-primary);
}
.card-box .inner .content .description {
  margin-bottom: 0;
}
.card-box .inner .content .btn-default {
  margin-top: 20px;
}

.bg-flashlight {
  position: relative;
  overflow: hidden;
}
.bg-flashlight::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: var(--radius);
}
.bg-flashlight:hover::before {
  opacity: 1;
}
.bg-flashlight::after {
  content: "";
  position: absolute;
  inset: 2px;
  background: var(--color-dark);
  border-radius: var(--radius);
}
.bg-flashlight > * {
  z-index: 2;
  position: relative;
}
.bg-flashlight.bg-secondary::before {
  background: radial-gradient(var(--color-primary), transparent, transparent);
}
.bg-flashlight.bg-tertiary::before {
  background: radial-gradient(var(--color-tertiary), transparent, transparent);
}

.bg-flashlight-static {
  position: relative;
  overflow: hidden;
}
.bg-flashlight-static::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(to bottom, var(--color-primary), rgba(39, 39, 55, 0.2));
  opacity: 0.2;
  width: 100%;
  height: 100%;
  transition: 0.5s, top 0s, left 0s;
  border-radius: var(--radius);
  transition: all 0.3s ease-in-out;
}
.bg-flashlight-static::after {
  content: "";
  position: absolute;
  inset: 2px;
  background: var(--color-dark);
  border-radius: var(--radius);
  transition: all 0.3s ease-in-out;
}
.bg-flashlight-static > * {
  z-index: 2;
  position: relative;
}
.bg-flashlight-static:hover::before {
  opacity: 1;
}
.bg-flashlight-static.bg-secondary::before {
  background: radial-gradient(var(--color-primary), transparent, transparent);
}
.bg-flashlight-static.bg-tertiary::before {
  background: radial-gradient(var(--color-tertiary), transparent, transparent);
}

.blur-flashlight {
  position: relative;
  overflow: hidden;
}
.blur-flashlight::before {
  content: "";
  position: absolute;
  top: var(--y);
  left: var(--x);
  transform: translate(-50%, -50%);
  background: radial-gradient(650px at var(--x) var(--y), rgba(227, 227, 227, 0.1), transparent 50%);
  width: 200%;
  height: 200%;
  opacity: 0;
  transition: 0.5s, top 0s, left 0s;
  border-radius: var(--radius-big);
}
.blur-flashlight:hover::before {
  opacity: 1;
}
.blur-flashlight::after {
  content: "";
  position: absolute;
  background: var(--color-blackest);
  border-radius: var(--radius);
}
.blur-flashlight > * {
  z-index: 2;
  position: relative;
}

body.active-dark-mode.modal-open {
  padding-right: 0 !important;
}

.rbt-admin-card.grid-style {
  display: flex;
  align-items: center;
}
.rbt-admin-card.grid-style a {
  padding: 15px 10px;
}
@media only screen and (max-width: 479px) {
  .rbt-admin-card.grid-style a {
    padding: 5px 3px;
  }
}
.rbt-admin-card.grid-style .img-box {
  max-width: 50px;
  height: auto;
  overflow: hidden;
  margin-right: 15px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-admin-card.grid-style .img-box {
    max-width: 45px;
    margin-right: 5px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-admin-card.grid-style .img-box {
    max-width: 35px;
    margin-right: 5px;
    height: 35px;
    width: 35px;
    border-radius: 50%;
  }
}
.rbt-admin-card.grid-style .content {
  text-align: left;
}
@media only screen and (max-width: 1199px) {
  .rbt-admin-card.grid-style .content {
    display: none;
  }
}
.rbt-admin-card.grid-style .content .title {
  margin-bottom: 0;
}
.rbt-admin-card.grid-style .content p {
  margin-bottom: 0;
}
.rbt-admin-card.grid-style .icon {
  margin-left: 34px;
}
@media only screen and (max-width: 767px) {
  .rbt-admin-card.grid-style .icon {
    margin-left: 0;
  }
}
.rbt-admin-card.grid-style .icon i {
  transition: var(--transition);
}

.rbt-admin-panel:hover .rbt-admin-card a {
  color: var(--color-white);
  background-color: var(--color-blackest);
}
@media only screen and (max-width: 767px) {
  .rbt-admin-panel:hover .rbt-admin-card a {
    background-color: transparent;
  }
}
.rbt-admin-panel:hover .rbt-admin-card a i {
  transform: rotate(180deg);
}

/* Counter Style One  */
.counter-style-1 .count-number {
  font-size: 90px;
}
@media only screen and (max-width: 767px) {
  .counter-style-1 .count-number {
    font-size: 62px;
  }
}
@media only screen and (max-width: 575px) {
  .counter-style-1 .count-number {
    font-size: 45px;
  }
}
.counter-style-1 .title {
  font-size: 20px;
  line-height: 1.3em;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
}

.counter-style-2 {
  margin-top: 30px;
}
.counter-style-2 .count-number {
  font-size: 44px;
  background-color: var(--color-blackest);
  display: inline-block;
  min-width: 150px;
  height: 150px;
  border-radius: 100%;
  text-align: center;
  line-height: 150px;
  margin-bottom: 20px;
  padding: 0 20px;
  font-weight: 500;
  color: var(--color-white);
}
.counter-style-2 .title {
  font-size: 20px;
  line-height: 1.3em;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 10px;
}
.counter-style-2 .description {
  line-height: 1.8;
  padding-right: 16%;
  margin: 0;
}
.counter-style-2.color-variation .count-number {
  background-color: var(--color-primary-darker);
  color: var(--color-primary);
}
.counter-style-2.border-style .count-number {
  background-color: transparent;
  border: 2px solid var(--color-border);
}
.counter-style-2.text-center .description {
  padding: 0 10%;
}

[class*=col]:nth-child(2) .counter-style-2.color-variation .count-number {
  background-color: var(--color-secondary-darker);
  color: var(--color-primary);
}

[class*=col]:nth-child(3) .counter-style-2.color-variation .count-number {
  background-color: var(--color-primary-darker);
  color: var(--color-primary);
}

/*------------------------------
    Counterup Style Four  
-------------------------------*/
.counter-style-4 {
  text-align: left;
  margin-top: 30px;
}
.counter-style-4 .counter-title {
  margin-top: 8px;
  font-weight: 400;
  font-size: 24px;
}
.counter-style-4 .count-number {
  font-size: 35px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--color-primary);
  display: inline-block;
  position: relative;
}
.counter-style-4 .count-number::after {
  content: "+";
}
.counter-style-4 .count-number span {
  display: inline-block;
}

/*-----------------------
    Progress Bar 
-----------------------*/
.single-progress + .single-progress {
  margin-top: 40px;
}

.single-progress {
  position: relative;
  overflow: hidden;
}
.single-progress .title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
  color: #acacac;
  color: var(--color-body);
  letter-spacing: 0.5px;
  margin-bottom: 18px;
}

.progress {
  height: 6px;
  overflow: visible;
  background-color: var(--color-blackest);
  border-radius: 10px;
}
.progress .progress-bar {
  border-radius: 10px;
  width: 0;
  height: 100%;
  background-color: var(--color-primary);
  transition: width 0.5s ease;
  overflow: visible;
}
.progress .progress-bar.bar-color-2 {
  background: rgb(251, 83, 67);
}
.progress .progress-bar.bar-color-3 {
  background: #E33FA1;
}
.progress .progress-bar.bar-color-4 {
  background: #6549D5;
}
.progress .progress-bar.bar-gradiand {
  background: radial-gradient(circle farthest-corner at 0% 0%, var(--color-primary) 25%, var(--color-primary) 45%, var(--color-primary) 65%, var(--color-primary) 85%);
}
.progress .progress-number {
  position: absolute;
  font-size: 14px;
  top: 0;
  line-height: 24px;
  right: 0;
  z-index: 1;
}

.progress-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
.progress-info .title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
  color: var(--color-body);
  letter-spacing: 0.5px;
}
.progress-info span.progress-number {
  font-size: 14px;
  color: var(--color-body);
}

.no-radius .progress {
  border-radius: 0;
}
.no-radius .progress .progress-bar {
  border-radius: 0;
}

.large-size .progress {
  height: 20px;
}

/*-----------------------------------
    Radial Progress 
-----------------------------------*/
.radial-progress-single {
  text-align: center;
}
.radial-progress-single .circle-info {
  padding-top: 20px;
  text-align: center;
}
.radial-progress-single .circle-info .title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 4px;
}
.radial-progress-single .circle-info .subtitle {
  font-style: italic;
  margin-bottom: 0;
  font-size: 14px;
  letter-spacing: 0.5px;
  color: var(--color-body);
}

.radial-progress {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .radial-progress {
    display: inline-block;
  }
}
.radial-progress .circle-text {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
}
.radial-progress .circle-text span.count {
  font-size: 28px;
  line-height: 1;
  font-weight: 600;
  color: var(--color-body);
  position: relative;
}
.radial-progress .circle-text span.count::after {
  position: absolute;
  content: "%";
  left: 100%;
  color: var(--color-body);
}

/*--------------------------
    Accordion Styles  
---------------------------*/
.rainbow-accordion-style .card {
  background: var(--color-blackest);
  border: 0;
  border-radius: var(--radius) !important;
}
.rainbow-accordion-style .card .card-header {
  background-color: transparent;
  border-bottom: 0 none;
  box-shadow: none;
  padding: 20px 30px;
  margin-bottom: 0;
}
.rainbow-accordion-style .card .card-header button {
  font-size: 18px;
  line-height: 27px;
  outline: none;
  text-decoration: none;
  box-shadow: none;
  width: 100%;
  text-align: left;
  padding: 0;
  background: transparent;
  position: relative;
  background: linear-gradient(90deg, #805AF5 0%, #CE99FF 100%);
  text-transform: capitalize;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rainbow-accordion-style .card .card-header button::before {
  position: absolute;
  content: "\e996";
  font-family: "feather" !important;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s;
  background: linear-gradient(90deg, #805AF5 0%, #CE99FF 100%);
  text-transform: capitalize;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rainbow-accordion-style .card .card-header button.collapsed {
  color: var(--color-heading);
  background: none;
  background-clip: unset;
  -webkit-text-fill-color: unset;
}
.rainbow-accordion-style .card .card-header button.collapsed::before {
  content: "\e9b1";
  background: none;
  background-clip: unset;
  -webkit-text-fill-color: unset;
}
.rainbow-accordion-style .card .card-body {
  padding: 16px;
  padding-top: 0;
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  font-weight: var(--p-regular);
  color: var(--color-body);
  padding: 30px 20px;
  border-top: 1px solid var(--color-border);
}
.rainbow-accordion-style .card + .card {
  margin-top: 20px;
}
.rainbow-accordion-style.rainbow-accordion-02 .card {
  background: transparent;
  border-radius: 0 !important;
}
.rainbow-accordion-style.rainbow-accordion-02 .card .card-header {
  border-bottom: 2px solid var(--color-border);
  padding: 0px 20px 10px 0;
}
.rainbow-accordion-style.rainbow-accordion-02 .card .card-header .accordion-button::after {
  display: none;
}
.rainbow-accordion-style.rainbow-accordion-02 .card .card-body {
  padding: 15px 20px 10px 0;
  border-top: 0;
}
.rainbow-accordion-style.rainbow-accordion-03 .card {
  background: transparent;
  border-radius: 0 !important;
}
.rainbow-accordion-style.rainbow-accordion-03 .card .card-header {
  border: 2px solid var(--color-border);
  padding: 15px 20px;
  border-radius: var(--radius) !important;
}
.rainbow-accordion-style.rainbow-accordion-03 .card .card-body {
  padding: 15px 20px 10px 0;
  border: 0;
}
.rainbow-accordion-style.rainbow-accordion-04 .card {
  border: 2px solid var(--color-border);
  background: transparent;
  border-radius: var(--radius) !important;
}
.rainbow-accordion-style.rainbow-accordion-04 .card .card-header {
  padding: 15px 20px;
  border-radius: var(--radius) !important;
}
.rainbow-accordion-style.rainbow-accordion-04 .card .card-body {
  border-top: 2px solid var(--color-border);
}

.accordion-button::after {
  visibility: hidden;
}

@media only screen and (max-width: 479px) {
  .rainbow-accordion-area .split-inner {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .rainbow-accordion-area .split-inner .contact-button {
    margin-top: 20px !important;
  }
}

/*-----------------------
    Social Icons 
-------------------------*/
.social-default {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: center;
  margin: -5px;
}
.social-default li {
  margin: 5px;
}
.social-default li a {
  width: 48px;
  background-color: var(--color-lessdark);
  height: 48px;
  line-height: 45px;
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  transition: 0.3s;
  color: var(--color-white);
  z-index: 2;
  position: relative;
}
.social-default li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: var(--color-primary);
  transform: scale(0.5);
  opacity: 0;
  transition: 0.3s;
  border-radius: 100%;
}
.social-default li a:hover {
  color: var(--color-white);
}
.social-default li a:hover::after {
  transform: scale(1);
  opacity: 1;
}
.social-default li a i {
  vertical-align: middle;
}
.social-default.transparent-with-border li a {
  line-height: 45px;
  background: transparent;
  border: 1px solid var(--color-border);
}
.social-default.transparent-with-border li a:hover {
  border-color: transparent;
}
.social-default.transparent-with-border li a::after {
  border: 1px solid var(--color-primary);
}
.social-default.with-gradient li a::after {
  background: linear-gradient(95deg, var(--color-primary) 15%, var(--color-tertiary) 45%, var(--color-primary) 75%, var(--color-primary) 100%) 95%/200% 100%;
}
.social-default.with-bg-primary li a {
  background-color: var(--color-primary);
  border: 2px solid var(--color-primary);
  transition: 0.5s;
  line-height: 44px;
}
.social-default.with-bg-primary li a::after {
  display: none;
}
.social-default.with-bg-primary li a:hover {
  background-color: transparent;
}
.social-default.icon-naked li a {
  background: transparent !important;
  width: 30px;
  height: 30px;
  line-height: 36px;
}
.social-default.icon-naked li a::after {
  display: none;
}
.social-default.icon-naked li a:hover {
  color: var(--color-primary) !important;
}

/*----------------------
    Team Style  
-------------------------*/
.rainbow-box-card .inner,
.team-style-default .inner {
  background: linear-gradient(180deg, var(--color-lessdark) 20%, rgba(19, 19, 19, 0.4));
  -webkit-backdrop-filter: blur(4px) opacity(0.95);
  backdrop-filter: blur(4px) opacity(0.95);
  border-radius: var(--radius-big);
}
.rainbow-box-card .inner .thumbnail,
.team-style-default .inner .thumbnail {
  max-width: 150px;
  max-height: 150px;
  border-radius: 100%;
  border: 6px solid var(--color-lessdark);
  top: -75px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 150px;
  min-height: 150px;
  overflow: hidden;
}
.rainbow-box-card .inner .thumbnail img,
.team-style-default .inner .thumbnail img {
  border-radius: 100%;
}
.rainbow-box-card .inner .content,
.team-style-default .inner .content {
  text-align: center;
  padding: 20px;
  padding-top: 85px;
  padding-bottom: 35px;
}
.rainbow-box-card .inner .content .title,
.team-style-default .inner .content .title {
  font-size: 34px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 6px;
}
.rainbow-box-card .inner .content .subtitle,
.team-style-default .inner .content .subtitle {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 15px;
  display: inline-block;
}
.rainbow-box-card .inner .content .team-form,
.team-style-default .inner .content .team-form {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  letter-spacing: 0.6px;
  font-style: italic;
}
.rainbow-box-card .inner .content .team-form img,
.team-style-default .inner .content .team-form img {
  padding-right: 10px;
  max-height: 18px;
}
.rainbow-box-card .inner .content .description,
.team-style-default .inner .content .description {
  margin-bottom: 0;
  padding: 0 5%;
}
.rainbow-box-card .inner .social-icon li a,
.team-style-default .inner .social-icon li a {
  color: var(--color-body);
}
.rainbow-box-card.border-gradient .thumbnail,
.team-style-default.border-gradient .thumbnail {
  background: linear-gradient(to right, var(--color-primary-gradient-start), var(--color-primary-gradient-end));
  padding: 5px;
  border: 0 none;
  animation: rotateCircle 2s linear infinite;
}
.rainbow-box-card.border-gradient-secondary .thumbnail,
.team-style-default.border-gradient-secondary .thumbnail {
  background: linear-gradient(to right, var(--color-secondary-gradient-start), var(--color-secondary-gradient-end));
  padding: 5px;
  border: 0 none;
  animation: rotateCircle 2s linear infinite;
}
.rainbow-box-card.border-gradient-tertiary .thumbnail,
.team-style-default.border-gradient-tertiary .thumbnail {
  background: linear-gradient(to right, var(--color-tertiary-gradient-start), var(--color-tertiary-gradient-end));
  padding: 5px;
  border: 0 none;
  animation: rotateCircle 2s linear infinite;
}
.rainbow-box-card.style-two,
.team-style-default.style-two {
  margin-top: 30px;
}
.rainbow-box-card.style-two .inner,
.team-style-default.style-two .inner {
  padding-top: 35px;
}
.rainbow-box-card.style-two .inner .thumbnail,
.team-style-default.style-two .inner .thumbnail {
  top: 0;
  position: static;
  left: inherit;
  transform: none;
  min-width: 150px;
  min-height: 150px;
  margin: 0 auto;
}
.rainbow-box-card.style-two .inner .content,
.team-style-default.style-two .inner .content {
  padding-top: 10px;
}

/*---------------------
    Team Style Two  
-----------------------*/
.team-style-two .inner .thumbnail img {
  width: 100%;
  border-radius: var(--radius);
}
.team-style-two .inner .content {
  padding-top: 20px;
}
.team-style-two .inner .content .title {
  font-size: 28px;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 0;
}
.team-style-two .inner .content .subtitle {
  font-size: 18px;
  line-height: 1.4;
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 0;
  opacity: 0;
  transform: translateX(30px);
  transition: transform 0.45s cubic-bezier(0.16, 0.32, 0.26, 0.92), opacity 0.45s ease-out;
  transition-delay: 0.15s;
}
.team-style-two .inner .content .team-form {
  display: block;
  font-size: 14px;
  letter-spacing: 0.6px;
  font-style: italic;
  margin-top: 11px;
}
.team-style-two .inner .content .team-form img {
  padding-right: 10px;
  max-height: 18px;
}
.team-style-two:hover .inner .content .subtitle {
  opacity: 1;
  transform: none;
}

/*---------------------
    Team Style Three  
-----------------------*/
.team-style-three .inner {
  position: relative;
}
.team-style-three .inner .thumbnail img {
  width: 100%;
  border-radius: var(--radius);
}
.team-style-three .inner .content {
  position: absolute;
  bottom: 0;
  padding: 20px;
  width: 100%;
  transition: all 0.3s;
  opacity: 0;
}
.team-style-three .inner .content .team-info {
  padding: 20px;
  background-color: rgba(58, 58, 58, 0.85);
  border-radius: var(--radius-small);
}
.team-style-three .inner .content .title {
  font-size: 17px;
  line-height: 25px;
  color: var(--color-heading);
  margin-bottom: 4px;
}
.team-style-three .inner .content .subtitle {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 4px;
}
.team-style-three .inner .content .team-form {
  display: block;
  font-style: italic;
  font-size: 14px;
  color: #ADADAD;
  letter-spacing: 0.5px;
}
.team-style-three:hover .inner .content {
  opacity: 1;
}

.team-style-default,
.rbt-default-card {
  margin-top: 75px;
  position: relative;
}
.team-style-default .inner,
.rbt-default-card .inner {
  background: var(--color-white);
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
}
.team-style-default .inner .thumbnail,
.rbt-default-card .inner .thumbnail {
  max-width: 150px;
  max-height: 150px;
  border-radius: 100%;
  border: 6px solid var(--color-border);
  top: -75px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 150px;
  min-height: 150px;
  overflow: hidden;
}
.team-style-default .inner .thumbnail img,
.rbt-default-card .inner .thumbnail img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.team-style-default .inner .content,
.rbt-default-card .inner .content {
  text-align: center;
  padding: 20px;
  padding-top: 85px;
  padding-bottom: 35px;
}
.team-style-default .inner .content .title,
.rbt-default-card .inner .content .title {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 6px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-style-default .inner .content .title,
  .rbt-default-card .inner .content .title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-style-default .inner .content .title,
  .rbt-default-card .inner .content .title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .team-style-default .inner .content .title,
  .rbt-default-card .inner .content .title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .team-style-default .inner .content .title,
  .rbt-default-card .inner .content .title {
    font-size: 22px;
  }
}
.team-style-default .inner .content .subtitle,
.rbt-default-card .inner .content .subtitle {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 15px;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-style-default .inner .content .subtitle,
  .rbt-default-card .inner .content .subtitle {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .team-style-default .inner .content .subtitle,
  .rbt-default-card .inner .content .subtitle {
    font-size: 16px;
  }
}
.team-style-default .inner .content .team-form,
.rbt-default-card .inner .content .team-form {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  letter-spacing: 0.6px;
  font-style: italic;
}
.team-style-default .inner .content .team-form img,
.rbt-default-card .inner .content .team-form img {
  padding-right: 10px;
  max-height: 18px;
}
.team-style-default .inner .content .description,
.rbt-default-card .inner .content .description {
  margin-bottom: 0;
  padding: 0 5%;
}
.team-style-default .inner .social-icon li a,
.rbt-default-card .inner .social-icon li a {
  color: var(--color-body);
}
.team-style-default.border-gradient .thumbnail,
.rbt-default-card.border-gradient .thumbnail {
  background: linear-gradient(95deg, var(--color-primary) 15%, var(--color-tertiary) 45%, var(--color-pink) 75%, var(--color-secondary) 100%) 98%/200% 100%;
  padding: 5px;
  border: 0 none;
}
.team-style-default.style-two,
.rbt-default-card.style-two {
  margin-top: 30px;
}
.team-style-default.style-two .inner,
.rbt-default-card.style-two .inner {
  padding-top: 35px;
}
.team-style-default.style-two .inner .thumbnail,
.rbt-default-card.style-two .inner .thumbnail {
  top: 0;
  position: static;
  left: inherit;
  transform: none;
  min-width: 150px;
  min-height: 150px;
  margin: 0 auto;
}
.team-style-default.style-two .inner .content,
.rbt-default-card.style-two .inner .content {
  padding-top: 10px;
}
.team-style-default.style-three,
.rbt-default-card.style-three {
  box-shadow: none;
  margin-top: 0;
}
.team-style-default.style-three .inner,
.rbt-default-card.style-three .inner {
  padding: 24px;
  background: var(--color-bg-1);
  box-shadow: none;
  border: 2px solid var(--color-border-dark);
}
@media only screen and (max-width: 767px) {
  .team-style-default.style-three .inner,
  .rbt-default-card.style-three .inner {
    padding: 15px;
  }
}
.team-style-default.style-three .inner .thumbnail,
.rbt-default-card.style-three .inner .thumbnail {
  top: 0;
  position: static;
  left: inherit;
  transform: none;
  min-width: 100%;
  min-height: inherit;
  max-height: inherit;
  margin: 0 auto;
  border-radius: 6px;
  border: 0 none;
}
.team-style-default.style-three .inner .thumbnail img,
.rbt-default-card.style-three .inner .thumbnail img {
  border-radius: 6px;
}
.team-style-default.style-three .inner .content,
.rbt-default-card.style-three .inner .content {
  padding: 16px 0 0 0;
  text-align: left;
}
.team-style-default.style-three .inner .content .subtitle,
.rbt-default-card.style-three .inner .content .subtitle {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 6px;
  display: inline-block;
  color: var(--color-body);
  font-weight: 400;
}

.team-social-icon {
  padding: 0;
  z-index: 2;
  list-style: none;
  display: flex;
  margin: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-social-icon {
    left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .team-social-icon {
    left: 20px;
  }
}
.team-social-icon li {
  margin: 0 10px;
  transform: translateY(8px) scale(0.8);
  transition: all 0.45s cubic-bezier(0.23, 0.88, 0.34, 0.99);
}
.team-social-icon li a {
  color: var(--color-body);
  font-size: 15px;
  transition: 0.3s;
}

.team {
  overflow: hidden;
  border-radius: 6px;
  position: relative;
  transition: transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1), box-shadow 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
}
.team::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 85%;
  display: block;
  z-index: 1;
  content: "";
  background: linear-gradient(to bottom, rgba(15, 15, 15, 0), rgba(15, 15, 15, 0.75) 100%);
  transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  cursor: pointer;
}
.team::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 85%;
  display: block;
  z-index: 1;
  content: "";
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--color-primary) 100%);
  transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  cursor: pointer;
  opacity: 0;
}
.team .thumbnail {
  display: block;
  position: relative;
  z-index: 1;
}
.team .thumbnail img {
  width: 100%;
}
.team .content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 35px 40px;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team .content {
    padding: 10px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .team .content {
    padding: 20px;
  }
}
.team .content .title {
  color: #ffffff;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transition-delay: 0.25s;
  transform: translateY(10px);
  transition: all 0.45s cubic-bezier(0.23, 0.88, 0.34, 0.99);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team .content .title {
    font-size: 22px;
  }
}
.team .content .title a {
  color: #ffffff;
}
.team .content .designation {
  color: #ffffff;
  font-size: 14px;
  line-height: 34px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.45s cubic-bezier(0.23, 0.88, 0.34, 0.99);
  transform: translateY(10px);
  margin-bottom: 0;
}
.team ul.social-icon {
  position: absolute;
  top: 25px;
  left: 35px;
  padding: 0;
  z-index: 2;
  list-style: none;
  display: flex;
  margin: 0 -10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team ul.social-icon {
    left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .team ul.social-icon {
    left: 20px;
  }
}
.team ul.social-icon li {
  margin: 0 10px;
  transform: translateY(8px) scale(0.8);
  opacity: 0;
  visibility: hidden;
  transition: all 0.45s cubic-bezier(0.23, 0.88, 0.34, 0.99);
}
.team ul.social-icon li a {
  color: #ffffff;
  font-size: 15px;
  transition: 0.3s;
}
.team ul.social-icon li a svg {
  transition: 0.3s;
  fill: #ffffff;
  height: 18px;
  width: 18px;
}
.team ul.social-icon li a:hover svg {
  transform: scale(1.3);
}
.team.team-style--bottom ul.social-icon {
  top: auto;
  left: 40px;
  bottom: 117px;
}
@media only screen and (max-width: 767px) {
  .team.team-style--bottom ul.social-icon {
    bottom: 97px;
    left: 20px;
  }
}
.team.team-style--bottom .content h4.title {
  margin-bottom: 6px;
}
.team.team-style--bottom.variation-2::after, .team.team-style--bottom.variation-2::before {
  display: none;
}
.team.team-style--bottom.variation-2 .thumbnail a {
  display: block;
  position: relative;
}
.team.team-style--bottom.variation-2 .thumbnail a::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 85%;
  display: block;
  z-index: 1;
  content: "";
  background: linear-gradient(to bottom, rgba(15, 15, 15, 0), rgba(15, 15, 15, 0.75) 100%);
  transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  cursor: pointer;
}
.team.team-style--bottom.variation-2 .thumbnail a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 85%;
  display: block;
  z-index: 1;
  content: "";
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
  transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  cursor: pointer;
  opacity: 0;
}
.team.team-style--bottom.variation-2 .content {
  display: flex;
  align-items: center;
}
.team.team-style--bottom.variation-2 .content .inner {
  width: 80%;
}
.team.team-style--bottom.variation-2 .content .icon-right {
  opacity: 0;
  width: 20%;
  text-align: right;
  transition: opacity 0.45s, transform 0.45s;
  transform: translateX(-20px);
  visibility: hidden;
}
.team.team-style--bottom.variation-2 .content .icon-right i {
  color: var(--color-white);
  font-size: 20px;
}
.team.team-style--bottom.variation-2:hover .thumbnail a::before {
  opacity: 0;
}
.team.team-style--bottom.variation-2:hover .thumbnail a::after {
  opacity: 1;
}
.team:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 55px rgba(253, 71, 102, 0.0022);
}
.team:hover::before {
  opacity: 0;
}
.team:hover::after {
  opacity: 1;
}
.team:hover .content .title {
  transition-delay: 0.25s;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.team:hover .content .designation {
  transition-delay: 0.33s;
  opacity: 0.7;
  visibility: visible;
  transform: translateY(0);
}
.team:hover ul.social-icon li {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.team:hover ul.social-icon li:nth-child(1) {
  -webkit-transition-delay: 0.07692s;
  transition-delay: 0.07692s;
}
.team:hover ul.social-icon li:nth-child(2) {
  -webkit-transition-delay: 0.15385s;
  transition-delay: 0.15385s;
}
.team:hover ul.social-icon li:nth-child(3) {
  -webkit-transition-delay: 0.23077s;
  transition-delay: 0.23077s;
}
.team:hover ul.social-icon li:nth-child(4) {
  -webkit-transition-delay: 0.33077s;
  transition-delay: 0.23077s;
}
.team:hover ul.social-icon li:nth-child(5) {
  -webkit-transition-delay: 0.43077s;
  transition-delay: 0.23077s;
}
.team:hover .content {
  opacity: 1;
  visibility: visible;
}
.team:hover.team-style--bottom.variation-2 .content .icon-right {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}

@keyframes rotateCircle {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*---------------------
    Portfolio Styles  
-----------------------*/
.rainbow-portfolio-area {
  position: relative;
  overflow: hidden;
}

.rainbow-card {
  overflow: hidden;
}
.rainbow-card .inner .thumbnail {
  position: relative;
}
.rainbow-card .inner .thumbnail .card-image {
  overflow: hidden;
}
.rainbow-card .inner .thumbnail .card-image a {
  display: block;
  overflow: hidden;
}
.rainbow-card .inner .thumbnail .card-image img {
  overflow: hidden;
}
.rainbow-card .inner .content {
  padding-top: 20px;
}
.rainbow-card .inner .content .subtitle {
  text-transform: capitalize;
}
.rainbow-card:hover {
  transform: translateY(-4px);
}
.rainbow-card:hover .inner .thumbnail .card-image img {
  transform: scale(1.05);
}

/*------------------
    No Overlay  
--------------------*/
.no-overlay .rainbow-card .inner .thumbnail .rainbow-overlay {
  display: none;
}

/*----------------------
    Box Grid Layout  
------------------------*/
.box-grid-layout .rainbow-card {
  border-radius: var(--radius-small);
  background-color: var(--color-blackest);
}
.box-grid-layout .rainbow-card .inner .thumbnail .card-image a {
  border-radius: var(--radius-small) var(--radius-small) 0 0;
}
.box-grid-layout .rainbow-card .inner .thumbnail .card-image a img {
  border-radius: var(--radius-small) var(--radius-small) 0 0;
}
.box-grid-layout .rainbow-card .inner .content {
  padding: 25px;
}

/*-----------------------------
    Filter Button Style  
-------------------------------*/
.filter-button-default {
  display: flex;
  justify-content: center;
  margin: 0 -5px;
  flex-wrap: wrap;
}
.filter-button-default button {
  border: 0 none;
  padding: 10px 20px;
  text-transform: capitalize;
  background: transparent;
  color: var(--color-body);
  margin: 0 5px;
}
@media only screen and (max-width: 767px) {
  .filter-button-default button {
    padding: 10px 10px;
  }
}
.filter-button-default button.is-checked, .filter-button-default button:hover {
  background-color: var(--color-primary);
  color: var(--color-white) !important;
}

/*--------------------------------
    Portfolio Read More Icon  
---------------------------------*/
.rainbow-load-more a.btn-default.btn-icon .icon,
.rainbow-load-more button.btn-default.btn-icon .icon {
  top: 0px;
  margin-left: -2px;
}
.rainbow-load-more a.btn-default.btn-icon .icon svg,
.rainbow-load-more button.btn-default.btn-icon .icon svg {
  width: 14px;
  height: 20px;
}

/*----------------------------------
    Portfolio Grid Layout  
----------------------------------*/
.grid-metro2 {
  margin: 0 -15px;
}
.grid-metro2 .portfolio-2 {
  width: 50%;
  padding: 0 15px;
  margin-top: 30px;
}
@media only screen and (max-width: 575px) {
  .grid-metro2 .portfolio-2 {
    width: 100%;
  }
}
.grid-metro2 .resizer {
  width: 50%;
}
@media only screen and (max-width: 575px) {
  .grid-metro2 .resizer {
    width: 100%;
  }
}

.grid-metro3 {
  margin: 0 -15px;
}
.grid-metro3 .portfolio-3 {
  width: 33.33%;
  padding: 0 15px;
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grid-metro3 .portfolio-3 {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .grid-metro3 .portfolio-3 {
    width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .grid-metro3 .portfolio-3 {
    width: 100%;
  }
}
.grid-metro3 .resizer {
  width: 33.33%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grid-metro3 .resizer {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .grid-metro3 .resizer {
    width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .grid-metro3 .resizer {
    width: 100%;
  }
}

.grid-metro4 {
  margin: 0 -15px;
}
.grid-metro4 .portfolio-4 {
  width: 25%;
  padding: 0 15px;
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grid-metro4 .portfolio-4 {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .grid-metro4 .portfolio-4 {
    width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .grid-metro4 .portfolio-4 {
    width: 100%;
  }
}
.grid-metro4 .resizer {
  width: 25%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grid-metro4 .resizer {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .grid-metro4 .resizer {
    width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .grid-metro4 .resizer {
    width: 100%;
  }
}
.grid-metro4.no-gutter {
  margin: 0;
}
.grid-metro4.no-gutter .portfolio-4 {
  padding: 0;
  margin-top: 0;
}
.grid-metro4.no-gutter .rainbow-card {
  border-radius: 0;
  border: 0 none;
}


.no-gutter .rainbow-card .inner .thumbnail a img,
.no-gutter .rainbow-card .inner .thumbnail a {
  border-radius: 0;
}

.no-gutter .rainbow-card:hover {
  transform: none;
}

/*-------------------------
    Testimonial Styles  
--------------------------*/
.card-style-default.testimonial-style-one .inner .thumbnail {
  overflow: visible;
}
.card-style-default.testimonial-style-one .inner .thumbnail::after {
  position: absolute;
  content: "”";
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: var(--color-blackest);
  right: 0;
  top: 0;
  color: #fff;
  z-index: 2;
  text-align: center;
  line-height: 58px;
  font-size: 39px;
}
.card-style-default.testimonial-style-one .inner .content .description {
  margin-bottom: 14px;
  font-size: var(--font-size-b2) !important;
}
.card-style-default.testimonial-style-one .inner .content .title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 2px;
  letter-spacing: 0.5px;
}
.card-style-default.testimonial-style-one .inner .content .subtitle {
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 0;
  letter-spacing: 0.5px;
}
.card-style-default.testimonial-style-one.style-two .inner .thumbnail {
  position: relative;
}
.card-style-default.testimonial-style-one.style-two .inner .description {
  margin-bottom: 19px;
  margin-top: 20px;
}

/*-----------------------------
    Testimonial Style Two  
-------------------------------*/
.testimonial-style-two .content {
  position: relative;
  z-index: 2;
}
.testimonial-style-two .content::after {
  position: absolute;
  content: "“";
  left: -20px;
  color: var(--color-lessdark);
  text-align: center;
  font-size: 320px;
  opacity: 0.7;
  line-height: 50px;
  top: 52px;
  z-index: -1;
}
.testimonial-style-two .content .form {
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}
.testimonial-style-two .content .description {
  line-height: 1.5;
  margin-bottom: 30px;
  font-size: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-style-two .content .description {
    margin-bottom: 25px;
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-style-two .content .description {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-style-two .content .description {
    font-size: 24px;
  }
}
.testimonial-style-two .content .client-info .title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 8px;
}
.testimonial-style-two .content .client-info .subtitle {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 400;
  letter-spacing: 0.5px;
  color: var(--color-body);
  font-style: italic;
}
.testimonial-style-two .thumbnail {
  background: linear-gradient(95deg, var(--color-primary) 15%, var(--color-tertiary) 45%, var(--color-primary) 75%, var(--color-primary) 100%) 98%/200% 100%;
  border-radius: 100%;
  padding: 10px;
}
.testimonial-style-two .thumbnail img {
  border-radius: 100%;
}

.testimonial-wrapper .has-show-more-inner-content.large-height {
  max-height: 60vh;
}

.testimonial-style-defalt .inner {
  padding: 30px;
}
@media only screen and (max-width: 767px) {
  .testimonial-style-defalt .inner {
    padding: 15px;
  }
}
.testimonial-style-defalt .inner .rating {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .testimonial-style-defalt .inner .rating {
    margin-bottom: 20px;
  }
}
.testimonial-style-defalt .inner .content {
  padding: 0;
  text-align: left;
}
.testimonial-style-defalt .inner .content .description {
  padding: 0;
  margin-bottom: 30px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .testimonial-style-defalt .inner .content .description {
    margin-bottom: 15px;
  }
}
.testimonial-style-defalt .inner .content .description::before {
  content: "";
  position: absolute;
  width: 38px;
  height: 32px;
  left: 0;
  top: -8px;
  background: url(../images/icons/quate-comma.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.testimonial-style-defalt .inner .content .bottom-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonial-style-defalt .inner .content .bottom-content .title-text {
  margin-bottom: 0;
}
.testimonial-style-defalt .inner .content .bottom-content .desc {
  margin-bottom: 10px;
  color: var(--color-link);
}
.testimonial-style-defalt .inner .content .bottom-content .desc-img {
  max-height: 24px;
  width: auto;
}
.testimonial-style-defalt .inner .content .bottom-content .meta-img-section {
  display: flex;
  justify-content: flex-end;
}
.testimonial-style-defalt .inner .content .bottom-content .btn-default {
  position: relative;
  transition: 0.4s;
}
@media only screen and (max-width: 767px) {
  .testimonial-style-defalt .inner .content .bottom-content .btn-default {
    height: 45px;
    width: 45px;
    line-height: 45px;
  }
}
.testimonial-style-defalt .inner .content .bottom-content .btn-default:hover {
  z-index: 2;
  transform: scale(1.1);
}
.testimonial-style-defalt .inner .content .bottom-content .image {
  position: relative;
  left: -10px;
  transition: 0.3s;
  z-index: -1;
}
.testimonial-style-defalt .inner .content .bottom-content .image img {
  border: 2px solid var(--color-border);
  padding: 2px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .testimonial-style-defalt .inner .content .bottom-content .image img {
    height: 45px;
    width: 45px;
  }
}

.file-shaped-bg {
  position: relative;
  display: inline-block;
  padding: 2px;
  transition: all 0.3s ease-in-out;
}
.file-shaped-bg::before, .file-shaped-bg::after {
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  background: #1A1A1E;
  content: "";
  clip-path: polygon(50% 10%, 100% 10%, 100% 100%, 0 100%, 0 0, 40% 0);
  border-radius: var(--radius);
  transition: all 0.3s ease-in-out;
}
.file-shaped-bg::after {
  background: linear-gradient(to right, var(--color-primary-gradient-start), var(--color-primary-gradient-end));
  opacity: 0;
  visibility: hidden;
}
.file-shaped-bg:hover, .file-shaped-bg.active {
  filter: drop-shadow(0px 20px 48.5px rgba(106, 72, 242, 0.03));
}
.file-shaped-bg:hover::after, .file-shaped-bg.active::after {
  opacity: 1;
  visibility: visible;
}
.file-shaped-bg .inner {
  position: relative;
  z-index: 3;
  clip-path: polygon(50% 10%, 100% 10%, 100% 100%, 0 100%, 0 0, 40% 0);
  border-radius: var(--radius);
  background: #0E0C15;
  border: 0;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
}

.rainbow-testimonial-area .has-show-more .rbt-show-more-btn {
  display: flex;
  justify-content: center;
  align-self: center;
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  padding: 20px 60px;
  background: var(--color-dark);
  color: var(--color-white);
  border-radius: 8px;
  margin-top: 30px;
}
.rainbow-testimonial-area .has-show-more .rbt-show-more-btn::after {
  display: none;
}
.rainbow-testimonial-area .has-show-more .rbt-show-more-btn::before {
  background: linear-gradient(180deg, rgba(14, 12, 21, 0.09) 0%, #0E0C15 100%);
  height: 250px;
  z-index: 2;
}

.card-style-default.has-bg-shaped {
  background: none;
  position: relative;
  transition: 0.4s;
}
.card-style-default.has-bg-shaped .inner {
  background: transparent;
  position: relative;
  z-index: 2;
  backdrop-filter: none;
}
.card-style-default.has-bg-shaped .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  transition: 0.4s;
  opacity: 1;
  visibility: visible;
}
.card-style-default.has-bg-shaped .bg-hover {
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.card-style-default.has-bg-shaped:hover .bg-hover, .card-style-default.has-bg-shaped.active .bg-hover {
  opacity: 1;
  visibility: visible;
}
.card-style-default.has-bg-shaped:hover .bg, .card-style-default.has-bg-shaped.active .bg {
  opacity: 0;
  visibility: hidden;
}

.slick-initialized .slick-slide {
  margin-bottom: 0;
}

.slick-grid-15 {
  margin: 0 -15px;
}
.slick-grid-15 .slide-single-layout {
  padding: 0 15px;
}

/*----------------------
    Slick Dots  
------------------------*/
.rainbow-slick-dot .slick-dots {
  bottom: -60px;
}
@media only screen and (max-width: 575px) {
  .rainbow-slick-dot .slick-dots {
    bottom: -50px;
  }
}
.rainbow-slick-dot .slick-dots li {
  width: 30px;
  margin: 0;
  opacity: 1;
  position: relative;
}
.rainbow-slick-dot .slick-dots li button::before {
  display: none;
}
.rainbow-slick-dot .slick-dots li button::after {
  background: var(--color-lessdark);
  width: 100%;
  display: block;
  content: "";
  position: absolute;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-left: 11px;
  background-color: transparent;
  box-shadow: inset 0 0 0 5px var(--color-lessdark);
}
.rainbow-slick-dot .slick-dots li.slick-active {
  opacity: 1;
}
.rainbow-slick-dot .slick-dots li.slick-active button::after {
  -webkit-transform: scale(2);
  transform: scale(2);
  box-shadow: inset 0 0 0 1px var(--color-primary);
  background-color: transparent;
  background-color: transparent !important;
}
.rainbow-slick-dot.dot-light .slick-dots li button::after {
  background: #ffffff;
  box-shadow: inset 0 0 0 5px #ffffff;
}
.rainbow-slick-dot.dot-light .slick-dots li.slick-active {
  opacity: 1;
}
.rainbow-slick-dot.dot-light .slick-dots li.slick-active button::after {
  -webkit-transform: scale(2);
  transform: scale(2);
  box-shadow: inset 0 0 0 1px var(--color-primary);
  background-color: transparent;
  background-color: transparent !important;
}

/*----------------------
    Slick Arrow  
------------------------*/
.rainbow-slick-arrow {
  position: relative;
}
.rainbow-slick-arrow button.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  transition: 0.5s;
  opacity: 0;
  width: 68px;
  height: 68px;
  border: 2px solid var(--color-border);
  border-radius: 100%;
  color: var(--color-border);
  background-color: transparent;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rainbow-slick-arrow button.slick-arrow {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rainbow-slick-arrow button.slick-arrow {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .rainbow-slick-arrow button.slick-arrow {
    display: none !important;
  }
}
.rainbow-slick-arrow button.slick-arrow:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
}
.rainbow-slick-arrow button.slick-arrow::before {
  line-height: 1;
  opacity: 0.4;
  position: relative;
  top: -2px;
  transition: 0.5s;
  z-index: 2;
}
.rainbow-slick-arrow button.slick-arrow.prev-arrow {
  left: 15px;
}
@media only screen and (max-width: 767px) {
  .rainbow-slick-arrow button.slick-arrow.prev-arrow {
    left: 10px;
  }
}
.rainbow-slick-arrow button.slick-arrow.prev-arrow::before {
  content: url(../images/slick-arrow-left-small.png);
  vertical-align: middle;
}
.rainbow-slick-arrow button.slick-arrow.prev-arrow:hover {
  left: 10px;
}
.rainbow-slick-arrow button.slick-arrow.prev-arrow:hover::before {
  opacity: 1;
}
.rainbow-slick-arrow button.slick-arrow.next-arrow {
  left: auto;
  right: 15px;
}
@media only screen and (max-width: 767px) {
  .rainbow-slick-arrow button.slick-arrow.next-arrow {
    right: 10px;
  }
}
.rainbow-slick-arrow button.slick-arrow.next-arrow::before {
  content: url(../images/slick-arrow-right-small.png);
  vertical-align: middle;
}
.rainbow-slick-arrow button.slick-arrow.next-arrow:hover {
  right: 10px;
}
.rainbow-slick-arrow button.slick-arrow.next-arrow:hover::before {
  opacity: 1;
}
.rainbow-slick-arrow button.slick-arrow i {
  display: none;
}
.rainbow-slick-arrow.slick-arrow-alignwide button.slick-arrow.prev-arrow {
  left: -105px;
}
.rainbow-slick-arrow.slick-arrow-alignwide button.slick-arrow.next-arrow {
  right: -105px;
  left: auto;
}
.rainbow-slick-arrow:hover button.slick-arrow {
  opacity: 1;
}

.rainbow-gradient-arrows {
  position: relative;
}
.rainbow-gradient-arrows button.slick-arrow {
  position: absolute;
  top: -165px;
  padding: 3px;
  z-index: 2;
  transition: 0.5s;
  border-radius: 2px;
  background: none;
  outline: none;
  border: none;
}
.rainbow-gradient-arrows button.slick-arrow.prev-arrow {
  right: 85px;
  background: url(../images/service/service-arrow-01.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 59px;
  width: 53px;
}
.rainbow-gradient-arrows button.slick-arrow.prev-arrow i {
  display: none;
}
.rainbow-gradient-arrows button.slick-arrow.prev-arrow:hover {
  background: url(../images/service/service-arrow-01-hover.png);
}
@media only screen and (max-width: 767px) {
  .rainbow-gradient-arrows button.slick-arrow.prev-arrow {
    left: 80%;
  }
}
.rainbow-gradient-arrows button.slick-arrow.next-arrow {
  right: 15px;
  background: url(../images/service/service-arrow-02.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 59px;
  width: 53px;
}
.rainbow-gradient-arrows button.slick-arrow.next-arrow i {
  display: none;
}
.rainbow-gradient-arrows button.slick-arrow.next-arrow:hover {
  background: url(../images/service/service-arrow-02-hover.png);
}
@media only screen and (max-width: 767px) {
  .rainbow-gradient-arrows button.slick-arrow.next-arrow {
    left: 85%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rainbow-gradient-arrows button.slick-arrow {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rainbow-gradient-arrows button.slick-arrow {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .rainbow-gradient-arrows button.slick-arrow {
    display: none !important;
  }
}

/* -----------------------
Timeline Area  
--------------------------*/
.timeline-line {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: hsla(0, 0%, 76.9%, 0.22);
}
.timeline-line::before, .timeline-line::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
}
.timeline-line::before {
  height: 100%;
  bottom: 0;
  background: linear-gradient(180deg, var(var(--color-blackest)), rgba(19, 19, 19, 0));
}
.timeline-line::after {
  height: 200px;
  top: 0;
  background: linear-gradient(180deg, var(var(--color-blackest)), rgba(19, 19, 19, 0));
}

.timeline-dot {
  position: absolute;
  top: 50%;
  left: 0;
}
.timeline-dot::before, .timeline-dot::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.timeline-dot::before {
  z-index: 1;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--color-primary), var(--color-primary));
  box-shadow: 0 0 15px rgba(82, 56, 255, 0.5);
}
.timeline-dot::after {
  border: 5px solid var(var(--color-blackest));
  background: radial-gradient(50% 50% at 50% 50%, var(--color-lessdark) 48.96%, var(--color-lessdark) 100%);
  z-index: 0;
  width: 31px;
  height: 31px;
}
.timeline-dot .time-line-circle {
  position: absolute;
  top: 50%;
  border-radius: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(242, 201, 76, 0) 40.62%, rgba(82, 56, 255, 0.5) 100%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  will-change: transform;
  -webkit-animation: radialanimation 2.2s cubic-bezier(0.26, 1.04, 0.54, 1) infinite;
  animation: radialanimation 2.2s cubic-bezier(0.26, 1.04, 0.54, 1) infinite;
}

/*------------------------------
    Single Timeline Styles  
-------------------------------*/
.single-timeline {
  position: relative;
  padding-left: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-timeline {
    padding-left: 54px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-timeline {
    padding-left: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .single-timeline {
    padding-left: 30px;
  }
}
.single-timeline .single-content {
  background: linear-gradient(180deg, var(--color-darkest) 20%, rgba(19, 19, 19, 0.4));
  -webkit-backdrop-filter: blur(4px) opacity(0.95);
  backdrop-filter: blur(4px) opacity(0.95);
  border-radius: var(--radius-big);
}
.single-timeline .single-content .inner {
  padding: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-timeline .single-content .inner {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .single-timeline .single-content .inner {
    padding: 20px;
  }
}
.single-timeline .single-content .inner .content .date-of-timeline {
  color: var(--color-body);
  display: block;
  margin-bottom: 30px;
  letter-spacing: 0.5px;
  font-style: italic;
  font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-timeline .single-content .inner .content .date-of-timeline {
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .single-timeline .single-content .inner .content .date-of-timeline {
    margin-bottom: 14px;
  }
}
.single-timeline .single-content .inner .content .date-of-timeline.theme-gradient, .single-timeline .single-content .inner .content .counter-style-1 .date-of-timeline.count-number, .counter-style-1 .single-timeline .single-content .inner .content .date-of-timeline.count-number {
  display: inline-block;
}
.single-timeline .single-content .inner .content .title {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-timeline .single-content .inner .content .title {
    font-size: 32px;
  }
}
.single-timeline .single-content .inner .content .description {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-timeline .single-content .inner .content .description {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-timeline .single-content .inner .content .description {
    margin-top: 15px;
  }
}
.single-timeline .single-content .thumbnail img {
  border-radius: var(--radius);
}
.single-timeline.variation-one .single-content .inner {
  padding: 30px;
}
.single-timeline.variation-one .single-content .inner .content .date-of-timeline {
  margin-bottom: 20px;
}
.single-timeline.variation-one .single-content .inner .content .title-sm {
  margin-bottom: 20px;
}
.single-timeline.variation-one .single-content .inner .content .description {
  margin: 0;
}
.single-timeline.variation-one.padding-variation {
  padding-left: 50px;
}

@-webkit-keyframes radialanimation {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.1);
    transform: translate3d(-50%, -50%, 0) scale(0.1);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
}
@keyframes radialanimation {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.1);
    transform: translate3d(-50%, -50%, 0) scale(0.1);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
}
/*----------------------------
    Timeline Style Two  
----------------------------*/
.timeline-style-two {
  position: relative;
  padding: 20px 50px 50px 50px;
  border-radius: var(--radius);
}

.rainbow-timeline-single {
  margin-top: 30px;
}
.rainbow-timeline-single .rainbow-timeline {
  text-align: center;
}
.rainbow-timeline-single .rainbow-timeline .progress-line {
  position: relative;
  border-radius: 0px;
  height: 6px;
  box-shadow: none;
  margin: 20px 0;
  width: 100%;
}
.rainbow-timeline-single .rainbow-timeline .progress-line .line-inner {
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  transition: width 0.6s ease;
  background-image: radial-gradient(circle farthest-corner at 0%, var(--color-primary) 25%, var(--color-primary) 45%, var(--color-primary) 65%, var(--color-primary) 85%);
  background-attachment: fixed;
  background-repeat: repeat-y;
  width: 100%;
  display: flex;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .rainbow-timeline-single .rainbow-timeline .progress-line .line-inner {
    display: none;
  }
}
.rainbow-timeline-single .rainbow-timeline .progress-dot {
  position: relative;
  height: 30px;
  display: block;
  width: 100%;
  margin-top: -39px;
  margin-left: -15px;
}
.rainbow-timeline-single .rainbow-timeline .progress-dot .dot-level {
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  background: linear-gradient(to right, var(--color-primary), var(--color-primary), var(--color-primary));
  background-attachment: fixed;
  background-repeat: repeat-y;
  position: absolute;
  width: 28px;
  height: 28px;
  display: block;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
}
.rainbow-timeline-single .rainbow-timeline .progress-dot .dot-level .dot-inner {
  width: 12px;
  height: 12px;
  border-radius: 50px;
  position: absolute;
  top: 8px;
  left: 8px;
  background-color: var(--color-darkest);
}
.rainbow-timeline-single:first-child .rainbow-timeline .progress-line {
  width: 50%;
  left: 50%;
}
.rainbow-timeline-single:last-child .rainbow-timeline .progress-line {
  width: 50%;
}
.rainbow-timeline-single .title {
  margin-bottom: 33px;
  font-size: 20px;
}
.rainbow-timeline-single .description {
  padding: 0 10%;
  margin-top: 15px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rainbow-timeline-single .description {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .rainbow-timeline-single .description {
    padding: 0 10px;
  }
}
.rainbow-timeline-single.no-gradient .rainbow-timeline .progress-line .line-inner {
  background-image: inherit;
  background: var(--color-primary);
}
.rainbow-timeline-single.no-gradient .rainbow-timeline .progress-dot .dot-level {
  background-image: inherit;
  background: var(--color-primary);
}
.rainbow-timeline-single.dark-line .rainbow-timeline .progress-line .line-inner {
  background-image: inherit;
  background: var(--color-primary-alt);
}
.rainbow-timeline-single.dark-line .rainbow-timeline .progress-dot .dot-level {
  background-image: inherit;
  background: var(--color-primary-alt);
}
.rainbow-timeline-single.dark-line .rainbow-timeline .progress-dot .dot-level .dot-inner {
  background-color: var(--color-primary);
}

/*--------------------------------
    Call To Action Style  
--------------------------------*/
.clltoaction-style-default {
  padding: 250px 0;
}
.clltoaction-style-default .title {
  font-size: 52px;
  font-weight: 600;
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 0;
  line-height: 1.4;
  color: var(--color-heading);
}
@media only screen and (max-width: 767px) {
  .clltoaction-style-default .title {
    font-size: 30px;
    line-height: 1.2;
  }
}
.clltoaction-style-default .subtitle {
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 18px;
  font-size: 16px;
  border-radius: 4px;
  margin-bottom: 12px;
  display: inline-block;
  padding: 7px 14px;
  background-color: var(--color-dark);
  box-shadow: var(--shadow-lighter);
}
.clltoaction-style-default .subtitle.radius-rounded {
  border-radius: 100px;
}
@media only screen and (max-width: 767px) {
  .clltoaction-style-default .description br {
    display: none;
  }
}
.clltoaction-style-default p:empty {
  display: none;
}
@media only screen and (max-width: 479px) {
  .clltoaction-style-default .theme-gradient, .clltoaction-style-default .counter-style-1 .count-number, .counter-style-1 .clltoaction-style-default .count-number {
    margin-bottom: 10px !important;
  }
}
.clltoaction-style-default .content p {
  color: var(--color-body);
}
.clltoaction-style-default .call-to-btn {
  margin-top: 30px;
}
.clltoaction-style-default .content.text-left .title::before {
  left: 0;
  transform: none;
}
.clltoaction-style-default .content.text-left .subtitle {
  padding: 0 16% 0 0;
}
.clltoaction-style-default.style-2 {
  padding: 130px 0;
}
.clltoaction-style-default.style-3 {
  padding: 150px 0;
}
.clltoaction-style-default.style-3 .content-wrapper {
  background-color: var(--color-lessdark);
  border-radius: var(--radius);
  padding: 50px 40px;
}
.clltoaction-style-default.style-3 .content .title {
  font-size: 32px;
  margin-bottom: 18px;
  padding-bottom: 10px;
  color: var(--color-white);
}
.clltoaction-style-default.style-3 .content .subtitle {
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.5px;
}
.clltoaction-style-default.style-3 .call-to-btn {
  margin-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .clltoaction-style-default.style-3 .call-to-btn {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .clltoaction-style-default.style-3 .call-to-btn {
    margin-top: 20px;
  }
}
.clltoaction-style-default.style-4 {
  padding: 0;
}
.clltoaction-style-default.style-4 .content-wrapper {
  background-color: var(--color-lessdark);
  border-radius: var(--radius);
  padding: 70px 50px;
}
.clltoaction-style-default.style-4 .content .title {
  font-size: 47px;
  margin-bottom: 33px;
  padding-bottom: 16px;
  line-height: 1.4;
}
.clltoaction-style-default.style-4 .content .subtitle {
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.5px;
}
.clltoaction-style-default.style-4 .call-to-btn {
  margin-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .clltoaction-style-default.style-4 .call-to-btn {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .clltoaction-style-default.style-4 .call-to-btn {
    margin-top: 20px;
  }
}
.clltoaction-style-default.style-5 {
  padding: 0;
}
.clltoaction-style-default.style-5 .content-wrapper {
  background-color: var(--color-blackest);
  border-radius: var(--radius);
  padding: 70px 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .clltoaction-style-default.style-5 .content-wrapper {
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .clltoaction-style-default.style-5 .content-wrapper {
    padding: 40px 20px;
  }
}
.clltoaction-style-default.style-5 .content .title {
  font-size: 47px;
  margin-bottom: 20px;
  padding-bottom: 0;
  line-height: 1.4;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .clltoaction-style-default.style-5 .content .title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .clltoaction-style-default.style-5 .content .title {
    font-size: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .clltoaction-style-default.style-5 .content .title {
    font-size: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .clltoaction-style-default.style-5 .content .title {
    font-size: 26px;
  }
}
.clltoaction-style-default.style-5 .content .title::before {
  display: none;
}
.clltoaction-style-default.style-5 .call-to-btn {
  margin-top: 30px;
}
.clltoaction-style-default.style-6 {
  padding: 80px 0;
}
.clltoaction-style-default.style-6 .content .title {
  font-size: 36px;
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 1.4;
}
.clltoaction-style-default.style-6 .content .title::before {
  display: none;
}
.clltoaction-style-default.style-6 .call-to-btn {
  margin-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .clltoaction-style-default.style-6 .call-to-btn {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .clltoaction-style-default.style-6 .call-to-btn {
    margin-top: 20px;
  }
}
.clltoaction-style-default.style-7 {
  padding: 0;
}
.clltoaction-style-default.style-7 .content-wrapper {
  padding: 40px 0;
  border-bottom: 1px solid var(--color-border);
}
.clltoaction-style-default.style-7 .content .subtitle {
  font-size: 16px;
  color: var(--color-body);
  max-width: 450px;
  line-height: 30px;
  margin-bottom: 0;
  margin-top: 13px;
  padding: 0;
}
.clltoaction-style-default.style-7 .call-to-btn {
  margin-top: 0;
  text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .clltoaction-style-default.style-7 .call-to-btn {
    margin-top: 20px;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .clltoaction-style-default.style-7 .call-to-btn {
    margin-top: 20px;
    text-align: left;
  }
}

.rainbow-call-to-action.style-8 .content-wrapper {
  padding: 40px 0;
  border-bottom: 1px solid var(--color-border);
}
.rainbow-call-to-action.style-8 .content .subtitle {
  font-size: 20px;
  color: var(--color-body);
  line-height: 1.5;
  margin-bottom: 0;
}
.rainbow-call-to-action.style-8 .call-to-btn {
  margin-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rainbow-call-to-action.style-8 .call-to-btn {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rainbow-call-to-action.style-8 .call-to-btn {
    margin-top: 20px;
  }
}

.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-primary));
  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-primary), var(--color-tertiary));
}

.bg-image {
  background-repeat: no-repeat;
  background-position: center center;
}
.bg-image.bg-image2 {
  background-image: url(../images/call-to-action/bg-image-1.jpg);
}
.bg-image.bg-image3 {
  background-image: url(../images/call-to-action/bg-image-2.jpg);
}

.data-black-overlay {
  position: relative;
}
.data-black-overlay::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  background-color: #000000;
  opacity: 0.7;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .call-to-action-alignwide .template-slider-wrapper {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action-alignwide .template-slider-wrapper {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action-alignwide .sub-title {
    padding-top: 25px;
  }
}
.call-to-action-alignwide p {
  padding-bottom: 0;
}
.call-to-action-alignwide .thumbnail {
  margin-right: -142px;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action-alignwide .thumbnail {
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .call-to-action-alignwide .thumbnail {
    margin-right: -15px;
  }
}

.call-to-action-variation-6 {
  max-width: 600px;
}

.rainbow-callto-action-area.cta_bottom {
  margin-bottom: -200px;
}

.fancy-genearate-section {
  margin-top: 120px;
  margin-bottom: -150px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .fancy-genearate-section {
    margin-top: 0;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 479px) {
  .fancy-genearate-section {
    margin-bottom: 40px;
  }
}
.fancy-genearate-section .genarator-section .genarator-card-group {
  flex-wrap: nowrap;
}
@media only screen and (max-width: 1199px) {
  .fancy-genearate-section .genarator-section .genarator-card-group {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.fancy-genearate-section .genarator-section .genarator-card-group li {
  padding: 0;
  position: relative;
  transition: var(--transition);
}
@media only screen and (max-width: 1199px) {
  .fancy-genearate-section .genarator-section .genarator-card-group li {
    top: 0 !important;
    margin: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fancy-genearate-section .genarator-section .genarator-card-group li {
    flex-basis: 30% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fancy-genearate-section .genarator-section .genarator-card-group li {
    flex-basis: 45% !important;
  }
}
@media only screen and (max-width: 767px) {
  .fancy-genearate-section .genarator-section .genarator-card-group li {
    flex-basis: 45% !important;
  }
}
@media only screen and (max-width: 479px) {
  .fancy-genearate-section .genarator-section .genarator-card-group li {
    flex-basis: 95% !important;
  }
}
.fancy-genearate-section .genarator-section .genarator-card-group li:hover {
  transform: translateY(-5px);
}
.fancy-genearate-section .genarator-section .genarator-card-group li:hover .rainbow-demo-btn {
  background: var(--color-primary);
  color: var(--color-white);
  border-color: var(--color-primary);
}
.fancy-genearate-section .genarator-section .genarator-card-group li:nth-child(1) {
  top: 0;
}
.fancy-genearate-section .genarator-section .genarator-card-group li:nth-child(2) {
  top: -30px;
}
.fancy-genearate-section .genarator-section .genarator-card-group li:nth-child(3) {
  top: -60px;
}
.fancy-genearate-section .genarator-section .genarator-card-group li:nth-child(4) {
  top: -30px;
}
.fancy-genearate-section .genarator-section .genarator-card-group li:nth-child(5) {
  top: 0;
}
.fancy-genearate-section .genarator-section .genarator-card-group li a {
  -webkit-backdrop-filter: blur(21px);
  backdrop-filter: blur(21px);
  background: var(--color-blackest);
  border: none;
  border-radius: var(--radius);
  padding: 24px;
  padding-bottom: 80px;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .fancy-genearate-section .genarator-section .genarator-card-group li a {
    padding-bottom: 24px;
  }
}

span.rainbow-demo-btn {
  font-size: 14px;
  padding: 5px 15px;
  border: 2px solid var(--color-border);
  border-radius: 10px;
  line-height: 24px;
  margin-top: 20px;
  transition: var(--transition);
}

.aiwave-cta {
  position: relative;
}
.aiwave-cta .inner {
  background: url(../images/cta-img/bg-img-01.png);
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: space-between;
  z-index: 2;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .aiwave-cta .inner {
    background: none;
    flex-wrap: wrap;
  }
}
.aiwave-cta .inner .bg-shape-one {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1199px) {
  .aiwave-cta .inner .bg-shape-one {
    display: none;
  }
}
.aiwave-cta .bg-shape-inside {
  position: absolute;
  top: -80%;
  left: -25%;
  z-index: -2;
}
@media only screen and (max-width: 767px) {
  .aiwave-cta .bg-shape-inside {
    display: none;
  }
}
.aiwave-cta .content-left {
  padding: 105px 50px;
  padding-right: 0;
}
@media only screen and (max-width: 1199px) {
  .aiwave-cta .content-left {
    padding: 0;
  }
}
.aiwave-cta .content-left .description {
  color: var(--color-link);
}
.aiwave-cta .content-left .app-store-btn {
  margin-top: 140px;
  display: flex;
  gap: 15px;
}
.aiwave-cta .content-left .app-store-btn .store-btn:hover img {
  transform: scale(1.05);
}
.aiwave-cta .content-left .app-store-btn .store-btn img {
  max-height: 55px;
}
@media only screen and (max-width: 1199px) {
  .aiwave-cta .content-left .app-store-btn {
    margin-top: 30px;
  }
}
.aiwave-cta .img-right {
  margin-top: -16px;
}
@media only screen and (max-width: 1199px) {
  .aiwave-cta .img-right {
    margin-top: 20px;
  }
}

.rainbow-rn-cta .content-wrapper {
  padding: 68px 80px 60px;
  background: var(--color-primary);
  border-radius: 12px;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rainbow-rn-cta .content-wrapper {
    padding: 30px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rainbow-rn-cta .content-wrapper {
    padding: 30px;
  }
}
.rainbow-rn-cta .content-wrapper p {
  max-width: 590px;
  color: var(--color-heading);
}
.rainbow-rn-cta .content-wrapper .bg-shape {
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
  max-width: 368px;
  height: auto;
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .rainbow-rn-cta .content-wrapper .bg-shape {
    display: none;
  }
}
.rainbow-rn-cta .content-wrapper .inner, .rainbow-rn-cta .content-wrapper .content, .rainbow-rn-cta .content-wrapper .btn-default {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .rainbow-rn-cta .content-wrapper .inner, .rainbow-rn-cta .content-wrapper .content, .rainbow-rn-cta .content-wrapper .btn-default {
    text-align: center;
  }
}
.rainbow-rn-cta .content-wrapper .right-content {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .rainbow-rn-cta .content-wrapper .right-content {
    text-align: center;
  }
}
.rainbow-rn-cta .content-wrapper .right-content .call-to-btn {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.rainbow-rn-cta .content-wrapper .right-content .team-image {
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .rainbow-rn-cta .content-wrapper .right-content .team-image {
    margin-bottom: 15px;
  }
}
.rainbow-rn-cta .content-wrapper .btn-default {
  background: var(--color-white);
  color: var(--color-black);
}
.rainbow-rn-cta .content-wrapper .btn-default:hover {
  background: var(--color-primary);
  color: var(--color-white);
}

img {
  transition: 0.3s;
}

/*---------------------
    Tab Styles  
-----------------------*/
.rainbow-default-tab {
  position: relative;
}
.rainbow-default-tab .tab-button {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
  align-items: baseline;
  border-bottom: none;
}
.rainbow-default-tab .tab-button .tabs__tab {
  margin: 0;
}
.rainbow-default-tab .tab-button .tabs__tab .nav-link {
  color: var(--color-white);
  padding: 24px 44px;
  margin-bottom: -2px;
  outline: none;
  border: 0 none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rainbow-default-tab .tab-button .tabs__tab .nav-link {
    padding: 24px 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rainbow-default-tab .tab-button .tabs__tab .nav-link {
    padding: 24px 24px;
  }
}
@media only screen and (max-width: 767px) {
  .rainbow-default-tab .tab-button .tabs__tab .nav-link {
    padding: 24px 20px;
  }
}
.rainbow-default-tab .tab-button .tabs__tab .nav-link.active {
  background: var(--color-lessdark);
  border-color: transparent;
}
.rainbow-default-tab .rainbow-tab-content {
  background: var(--color-lessdark);
  padding: 40px;
}
@media only screen and (max-width: 767px) {
  .rainbow-default-tab .rainbow-tab-content {
    padding: 30px;
  }
}
.rainbow-default-tab .rainbow-tab-content p:last-child {
  margin-bottom: 0;
}
.rainbow-default-tab.style-two .tab-button {
  margin-bottom: 30px;
}
.rainbow-default-tab.style-two .tab-button .tabs__tab button {
  border-radius: var(--radius-small);
}
.rainbow-default-tab.style-two .rainbow-tab-content {
  border-radius: var(--radius-small);
}

.generator-tab-defalt .nav-link {
  height: 68px;
  width: auto;
  padding: 2px !important;
}
.generator-tab-defalt .nav-tabs {
  gap: 16px;
  margin-bottom: 70px;
  justify-content: center;
}
.generator-tab-defalt .rainbow-tab-content {
  padding: 0;
  background: none;
}
.generator-tab-defalt button {
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0 none;
  color: var(--color-white);
}
.generator-tab-defalt button::before {
  opacity: 0;
  visibility: hidden;
}
.generator-tab-defalt button.active::after {
  visibility: visible;
  opacity: 1;
}
.generator-tab-defalt button span {
  height: 64px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.generator-tab-defalt button span img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.generator-tab-defalt .tab-pane {
  position: relative;
  padding: 2px !important;
}
.generator-tab-defalt .tab-pane::before {
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(180deg, var(--color-primary-gradient-start) 0%, var(--color-primary-gradient-start), transparent 77%);
  content: "";
  border-radius: 20px;
}
.generator-tab-defalt .tab-pane .inner {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: #16181e;
  padding: 50px;
  border-radius: 20px;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .generator-tab-defalt .tab-pane .inner {
    padding: 30px;
    height: 100%;
    width: 100%;
  }
}
.generator-tab-defalt .tab-pane .inner .title {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .generator-tab-defalt .tab-pane .inner .title {
    margin-bottom: 20px;
  }
}
.generator-tab-defalt .tab-pane .inner .features-section {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .generator-tab-defalt .tab-pane .inner .features-section {
    margin-bottom: 30px;
  }
}
.generator-tab-defalt .tab-pane .inner .features-section ul li {
  font-size: 24px;
  line-height: 36px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .generator-tab-defalt .tab-pane .inner .features-section ul li {
    font-size: 20px;
    line-height: var(--line-height-b1);
  }
}
@media only screen and (max-width: 767px) {
  .generator-tab-defalt .tab-pane .inner .features-section ul li {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    display: flex;
    align-items: baseline;
  }
}
@media only screen and (max-width: 767px) {
  .generator-tab-defalt .tab-pane .inner .btn-default {
    padding: 0 10px;
    display: block;
  }
}

.rainbow-default-tab::before {
  background: linear-gradient(95deg, var(--color-primary) 15%, var(--color-tertiary) 45%, var(--color-primary) 75%, var(--color-primary) 100%) 95%/200% 100%;
  width: 100%;
  height: 70%;
  content: "";
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  border-radius: 10px;
  opacity: 0.5;
}

.rainbow-no-padding {
  padding: 0 !important;
}

/*-------------------------
    Advance Tab Style Two  
--------------------------*/
.tab-button-style-2 {
  border-bottom: 1px solid var(--color-border);
  justify-content: center;
  margin-bottom: 30px;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .tab-button-style-2 {
    margin-bottom: 20px;
  }
}
.tab-button-style-2 li {
  margin-top: 0;
  margin-bottom: 0;
}
.tab-button-style-2 li a {
  position: relative;
  display: block;
  outline: none;
  padding: 16px 28px;
  border: 0 none;
  box-shadow: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tab-button-style-2 li a {
    padding: 16px 12px;
  }
}
@media only screen and (max-width: 767px) {
  .tab-button-style-2 li a {
    padding: 14px 10px;
  }
}
.tab-button-style-2 li a::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -2px;
  left: 0;
  background-color: var(--color-primary);
  transform: scaleX(0);
  transition: transform 0.3s;
}
.tab-button-style-2 li a.active {
  border: 0 none;
  outline: none;
  color: var(--color-primary);
}
.tab-button-style-2 li a.active::after {
  transform: scaleX(1);
}
.tab-button-style-2 li a .title {
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 500;
}

.advance-tab-content-style-2 {
  text-align: center;
  padding: 0 15%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .advance-tab-content-style-2 {
    padding: 0 6%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .advance-tab-content-style-2 {
    padding: 0 7%;
  }
}
@media only screen and (max-width: 767px) {
  .advance-tab-content-style-2 {
    padding: 0;
  }
}
.advance-tab-content-style-2.text-start {
  padding: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .advance-tab-content-style-2.text-start {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .advance-tab-content-style-2.text-start {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .advance-tab-content-style-2.text-start {
    padding: 0;
  }
}

.img-bg-shape {
  position: relative;
  position: relative;
  padding: 24px 0 24px 24px;
  background: linear-gradient(92deg, rgba(122, 151, 255, 0.1) -0.65%, rgba(14, 12, 21, 0.1) 94.77%);
  border-radius: 20px;
}
.img-bg-shape img {
  border-radius: 14px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .img-bg-shape {
    margin-top: 20px;
  }
}
.img-bg-shape .image-shape {
  content: "";
  position: absolute;
  top: 0;
  left: 85px;
  transform: translate(-50%);
  height: 100%;
  width: 100%;
  background: url(../images/bg/tab-bg-shape.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -2;
  border-radius: 2px;
}

.rainbow-default-tab .nav-link span.border-bottom-style {
  position: absolute;
  bottom: -68px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 4px;
  transition: 0.4s;
  background: linear-gradient(to right, var(--color-primary-gradient-start), var(--color-primary-gradient-end));
  visibility: hidden;
  opacity: 0;
}
.rainbow-default-tab .nav-link.active span.border-bottom-style {
  visibility: visible;
  opacity: 1;
  width: 112px;
}
@media only screen and (max-width: 1199px) {
  .rainbow-default-tab .nav-link.active span.border-bottom-style {
    display: none;
  }
}

.rainbow-pricing-area {
  background: var(--color-bg-1);
}

.aiwave-pricing-area .aiwave-tab {
  margin-bottom: 60px;
}

.rainbow-pricing .feather {
  width: 20px;
}
.rainbow-pricing .pricing-table-inner {
  padding: 40px;
  position: relative;
  z-index: 2;
  border: 2px solid var(--color-border);
  border-radius: var(--radius);
  transition: all 0.6s cubic-bezier(0.33, 0.84, 0.31, 0.98);
  transform-style: preserve-3d;
}
.rainbow-pricing .pricing-table-inner .pricing-header {
  text-align: center;
}
.rainbow-pricing .pricing-table-inner .pricing-header .title {
  margin-bottom: 20px;
}
.rainbow-pricing .pricing-table-inner .pricing-header .price-wrapper {
  display: flex;
  justify-content: center;
}
.rainbow-pricing .pricing-table-inner .pricing-header .pricing span {
  display: block;
}
.rainbow-pricing .pricing-table-inner .pricing-header .pricing span.currency {
  font-size: 28px;
  position: relative;
  top: -3px;
  left: -2px;
  opacity: 0.7;
}
.rainbow-pricing .pricing-table-inner .pricing-header .pricing span.price {
  font-size: 77px;
  color: var(--color-primary);
  line-height: 1;
  font-weight: 700;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .rainbow-pricing .pricing-table-inner .pricing-header .pricing span.price {
    font-size: 54px;
  }
}
.rainbow-pricing .pricing-table-inner .pricing-header .pricing span.subtitle {
  font-size: 14px;
  color: var(--color-body);
}
.rainbow-pricing .pricing-table-inner .pricing-body {
  text-align: center;
  margin-bottom: 30px;
}
.rainbow-pricing .pricing-table-inner .pricing-body .list-style--1 {
  list-style: none;
  padding: 0;
  margin: 0;
}
.rainbow-pricing .pricing-table-inner .pricing-body .list-style--1 li {
  display: flex;
  align-items: baseline;
}
.rainbow-pricing .pricing-table-inner .pricing-footer {
  text-align: center;
}
.rainbow-pricing.style-2 .pricing-table-inner {
  background-color: var(--color-blackest);
  border-color: transparent !important;
}
.rainbow-pricing.style-4 {
  margin-left: -1px;
  margin-right: -1px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rainbow-pricing.style-4 {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .rainbow-pricing.style-4 {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.rainbow-pricing.style-5 .pricing-table-inner {
  background-color: var(--color-blackest);
  border-color: transparent;
  padding: 0;
  padding-bottom: 40px;
  border: 0 none;
}
.rainbow-pricing.style-5 .pricing-table-inner .pricing-header {
  margin-bottom: 30px;
  padding-bottom: 0;
  border-bottom: 0 none !important;
}
.rainbow-pricing.style-5 .pricing-table-inner .pricing-header .title {
  padding: 30px 40px;
  margin-bottom: 0;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.rainbow-pricing.style-5 .pricing-table-inner .pricing-header .price-wrapper {
  margin-bottom: 5px;
}
.rainbow-pricing.style-5 .pricing-table-inner .pricing-header .pricing span.currency {
  font-size: 40px;
  position: relative;
  top: 0px;
  left: 0;
  opacity: 1;
  color: var(--color-white);
  font-weight: 700;
  line-height: 7px;
  display: flex;
  align-items: center;
}
.rainbow-pricing.style-5 .pricing-table-inner .pricing-header .pricing span.price {
  font-size: 50px;
  color: var(--color-white);
  line-height: 1;
  font-weight: 700;
  margin-bottom: 0;
}
.rainbow-pricing.style-5 .pricing-table-inner .pricing-header .pricing span.subtitle {
  color: var(--color-white);
}
.rainbow-pricing.style-5 .pricing-table-inner .pricing {
  background-color: var(--color-lessdark);
  padding: 30px;
}
.rainbow-pricing.style-aiwave {
  height: 100%;
  position: relative;
  display: inline-block;
  padding: 2px;
  transition: all 0.3s ease-in-out;
}
.rainbow-pricing.style-aiwave::before, .rainbow-pricing.style-aiwave::after {
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  background: #1A1A1E;
  content: "";
  clip-path: polygon(0 0, calc(100% - 36px) 0, 100% 30px, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, calc(100% - 36px) 0, 100% 30px, 100% 100%, 0 100%);
  border-radius: var(--radius);
  transition: all 0.3s ease-in-out;
}
.rainbow-pricing.style-aiwave::after {
  background: linear-gradient(to right, var(--color-primary-gradient-start), var(--color-primary-gradient-end));
  opacity: 0;
  visibility: hidden;
  filter: drop-shadow(0px 29px 36px rgba(190, 140, 253, 0.09));
}
.rainbow-pricing.style-aiwave:hover, .rainbow-pricing.style-aiwave.active {
  box-shadow: 0px 19px 19px rgba(190, 140, 253, 0.03);
}
.rainbow-pricing.style-aiwave:hover::after, .rainbow-pricing.style-aiwave.active::after {
  opacity: 1;
  visibility: visible;
}
.rainbow-pricing.style-aiwave .feature-badge {
  padding: 8px 32px;
  background: rgb(255, 184, 0);
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--color-blackest);
  border-radius: 3px;
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
}
.rainbow-pricing.style-aiwave .pricing-table-inner {
  position: relative;
  z-index: 3;
  padding: 30px;
  clip-path: polygon(0 0, calc(100% - 36px) 0, 100% 30px, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, calc(100% - 36px) 0, 100% 30px, 100% 100%, 0 100%);
  border-radius: var(--radius);
  background: #0E0C15;
  border: 0;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .rainbow-pricing.style-aiwave .pricing-table-inner {
    padding: 19px;
  }
}
.rainbow-pricing.style-aiwave .pricing-header {
  text-align: left;
}
.rainbow-pricing.style-aiwave .pricing-header .icon {
  height: 50px;
  width: 50px;
  border-radius: var(--radius);
  background: var(--color-blackest);
  line-height: 50px;
  font-size: var(--h4);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.rainbow-pricing.style-aiwave .pricing-header .title {
  margin-bottom: 0;
}
.rainbow-pricing.style-aiwave .pricing-header .title.color-var-one {
  color: #FFC876;
}
.rainbow-pricing.style-aiwave .pricing-header .title.color-var-two {
  color: #85EA80;
}
.rainbow-pricing.style-aiwave .pricing-header .title.color-var-three {
  color: #FF776F;
}
.rainbow-pricing.style-aiwave .pricing-header .subtitle {
  margin-bottom: 13px;
  font-size: var(--font-size-b1);
  list-style: var(--line-height-b1);
}
.rainbow-pricing.style-aiwave .pricing-header .pricing {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.rainbow-pricing.style-aiwave .pricing-header .pricing .price-text {
  font-size: var(--h2);
  line-height: 1.25;
  color: var(--color-heading);
}
.rainbow-pricing.style-aiwave .pricing-header .pricing .text {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  color: rgba(255, 255, 255, 0.5);
  margin-left: 5px;
}
.rainbow-pricing.style-aiwave .pricing-body {
  margin-bottom: 0;
}
.rainbow-pricing.style-aiwave .pricing-body ul {
  text-align: left;
}
.rainbow-pricing.style-aiwave .pricing-footer .btn-default {
  display: block;
  margin-bottom: 20px;
}

.features-section h6 {
  text-align: left;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-border);
}
.features-section .list-style--1 i {
  color: var(--color-primary);
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .rainbow-compare-table.style-1 {
    overflow-x: auto;
  }
}
.rainbow-compare-table.style-1 table {
  text-align: center;
  margin-bottom: 0;
}
.rainbow-compare-table.style-1 table th {
  border: 1px solid var(--color-border);
  z-index: 10;
  height: 60px;
}
.rainbow-compare-table.style-1 table th:nth-child(1) {
  border: none;
}
.rainbow-compare-table.style-1 table th.style-prymary {
  background-color: var(--color-blackest);
  color: var(--color-primary);
}
.rainbow-compare-table.style-1 table td {
  width: 20%;
}
.rainbow-compare-table.style-1 table td:nth-child(1) {
  border-left: 0;
  height: 60px;
  text-align: left;
}
.rainbow-compare-table.style-1 table td .icon {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background-color: var(--color-primary);
  color: var(--color-heading);
  font-size: var(--font-size-b2);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.rainbow-compare-table.style-1 table td .icon.bg-dark {
  background-color: var(--color-gray);
}
.rainbow-compare-table.style-1 table .bdr-top-0 {
  border-top: 0;
}
.rainbow-compare-table.style-1 table h6 {
  margin-bottom: 0;
}
.rainbow-compare-table.style-1 table .heading-row td {
  height: 80px !important;
}

.submit-btn-row {
  margin-top: 30px;
}
.submit-btn-row td {
  border: 0;
  padding: 0 10px;
  height: 100px;
}
.submit-btn-row td .btn-default {
  display: block;
}

.list-style--1 {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*--------------------------
    split Area Styles  
----------------------------*/
.rainbow-splite-style .thumbnail img {
  border-radius: 0;
  width: 100%;
}
.rainbow-splite-style .thumbnail.image-left-content img {
  border-radius: 0 10px 10px 0;
}
.rainbow-splite-style .split-inner {
  padding: 30px 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rainbow-splite-style .split-inner {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rainbow-splite-style .split-inner {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rainbow-splite-style .split-inner {
    padding: 20px 0;
  }
}
.rainbow-splite-style .split-inner .title {
  color: var(--color-heading);
}
@media only screen and (max-width: 767px) {
  .rainbow-splite-style .split-inner .title {
    font-size: 24px;
    line-height: 30px;
  }
}
.rainbow-splite-style .split-inner .split-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.rainbow-splite-style .split-inner .split-list li {
  color: var(--color-dark-alt);
}
.rainbow-splite-style .split-inner .features-section .single-features {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
.rainbow-splite-style .split-inner .features-section .single-features .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  width: 34px;
  line-height: 34px;
  font-size: 20px;
  margin-right: 10px;
}
.rainbow-splite-style .split-inner .features-section .single-features p {
  margin-bottom: 0;
}

.rainbow-advance-tab-area {
  position: relative;
}
.rainbow-advance-tab-area .bg-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

/*----------------------------
    Video Popup Styles  
------------------------------*/
.video-popup,
.rainbow-gallery {
  position: relative;
  display: block;
}
.video-popup .thumbnail img,
.rainbow-gallery .thumbnail img {
  width: 100%;
}
.video-popup .video-icon,
.rainbow-gallery .video-icon {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-top: 10px;
  transition: 0.4s;
}

.rainbow-gallery .video-icon {
  opacity: 0;
  transition: 0.4s;
  transform: translate(-50%, -50%) scale(0.5);
}
.rainbow-gallery:hover .video-icon {
  opacity: 1;
  margin-top: 0;
  transform: translate(-50%, -50%) scale(1);
}

.video-gallery-content {
  border-radius: 10px;
  padding-top: 300px;
  padding-bottom: 60px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-gallery-content {
    padding-bottom: 40px;
    padding-top: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .video-gallery-content {
    padding-bottom: 40px;
    padding-top: 150px;
  }
}
.video-gallery-content .overlay-content {
  padding: 0 60px;
}
@media only screen and (max-width: 767px) {
  .video-gallery-content .overlay-content {
    padding: 0 20px;
  }
}
.video-gallery-content .overlay-content .title {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 30px;
  letter-spacing: 0.5px;
  line-height: 1.4;
  color: var(--color-white);
}
@media only screen and (max-width: 767px) {
  .video-gallery-content .overlay-content .title {
    font-size: 20px;
  }
}

.vedio-caption {
  margin-top: 20px;
}
.vedio-caption a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, var(--color-secondary-gradient-start), var(--color-secondary-gradient-end));
  text-transform: capitalize;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.vedio-caption a h4 {
  margin-bottom: 0;
  margin-right: 10px;
}
.vedio-caption a i {
  font-size: 30px;
}

/*----------------------
    RBT Video Styles  
-----------------------*/
.mfp-bg {
  z-index: 9999;
}

.mfp-wrap {
  z-index: 9999;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

html.picture {
  margin: 0 !important;
}

img.mfp-img {
  padding-bottom: 0;
}

.mfp-bg {
  background: rgba(0, 0, 0, 0.8);
  opacity: 1;
  backdrop-filter: blur(15px);
}

.mfp-iframe-scaler iframe {
  border-radius: 10px;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 1;
}

.mfp-iframe-holder .mfp-close,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  top: -60px;
  right: -50px;
  font-size: 30px;
  font-weight: 400;
  transition: 0.4s;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: var(--color-blackest);
  text-align: center;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  color: var(--color-white);
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  top: -10px;
  right: -50px;
}

.side-nav-opened body::before,
.close_side_menu,
.popup-mobile-menu,
.rbt-offcanvas-side-menu {
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(15px);
}

/*------------------------------
    Gallery Styles  
--------------------------------*/
.rbt-temaplte-gallery-wrapper .thumbnail img {
  width: 100%;
  border-radius: 10px;
}

.template-slider-wrapper .sub-title {
  color: var(--color-primary);
}
.template-slider-wrapper .title {
  font-weight: var(--p-black);
}
.template-slider-wrapper .description {
  max-width: 900px;
}

/*==========================
    Contact Address 
============================*/
.contact-form-1 .form-group input {
  height: 70px;
  padding: 0 20px;
}
.contact-form-1 .form-group textarea {
  padding-top: 20px;
  padding-left: 20px;
}

.contact-address-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/*-------------------
    Address Area  
--------------------*/
.rainbow-address {
  margin-top: 30px;
  padding: 40px;
  border-radius: 10px;
  padding-top: 40px;
  background: var(--color-blackest);
  padding-bottom: 50px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rainbow-address {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rainbow-address {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rainbow-address {
    padding: 30px 20px;
  }
}
.rainbow-address .icon {
  color: var(--color-primary);
  border-radius: 100%;
  font-size: 40px;
  display: inline-block;
  margin-bottom: 17px;
  line-height: 6px;
}
.rainbow-address .inner h4.title {
  font-size: 18px;
  font-weight: 700;
}
.rainbow-address .inner p {
  font-size: 18px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rainbow-address .inner p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rainbow-address .inner p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .rainbow-address .inner p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rainbow-address .inner p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rainbow-address .inner p br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .rainbow-address .inner p br {
    display: none;
  }
}
.rainbow-address .inner p a {
  color: var(--color-body);
}
.rainbow-address .inner p a:hover {
  color: var(--color-primary);
}
.rainbow-address:hover {
  transform: translateY(-5px);
}

.google-map-style-1 {
  width: 100%;
  height: 500px;
}

.brand-carousel-activation {
  padding: 0 50px;
}
@media only screen and (max-width: 767px) {
  .brand-carousel-activation {
    padding: 0 10px;
  }
}
.brand-carousel-activation li {
  margin-top: 0;
  margin-bottom: 0;
}
.brand-carousel-activation li a {
  display: block;
}
.brand-carousel-activation li a img {
  opacity: 0.8;
  transition: 0.4s;
}
.brand-carousel-activation li:hover a img {
  opacity: 1;
  filter: contrast(0.5);
}
.brand-carousel-activation.rainbow-slick-arrow button.slick-arrow {
  width: 50px;
  height: 50px;
}
.brand-carousel-activation.rainbow-slick-arrow button.slick-arrow i {
  display: block;
  font-size: 24px;
  color: #fff;
}
.brand-carousel-activation.rainbow-slick-arrow button.slick-arrow::before {
  display: none;
}

@media only screen and (max-width: 479px) {
  .rainbow-brand-area .rating-title {
    flex-wrap: wrap;
    gap: 20px;
  }
}

.brand-style-1 {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.brand-style-1 li {
  flex-basis: 25%;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  margin: 0px 0px -2px -2px;
  border-color: var(--color-border);
  padding: 40px 0 40px 0;
  text-align: center;
}
@media only screen and (max-width: 575px) {
  .brand-style-1 li {
    flex-basis: 33.33%;
  }
}
@media only screen and (max-width: 479px) {
  .brand-style-1 li {
    flex-basis: 50%;
  }
}
.brand-style-1 li a {
  display: block;
}
.brand-style-1 li a img {
  opacity: 0.8;
  transition: 0.4s;
}
.brand-style-1 li:hover a img {
  opacity: 1;
  filter: contrast(0.5);
}

.brand-style-2 {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (max-width: 479px) {
  .brand-style-2 {
    gap: 30px;
  }
}
.brand-style-2 li {
  flex-basis: 16.666%;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-style-2 li {
    flex-basis: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .brand-style-2 li {
    flex-basis: 25%;
  }
}
@media only screen and (max-width: 575px) {
  .brand-style-2 li {
    flex-basis: 33.33%;
  }
}
@media only screen and (max-width: 479px) {
  .brand-style-2 li {
    flex-basis: 40%;
    margin: 0;
  }
}
.brand-style-2 li a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.brand-style-2 li a img {
  opacity: 0.6;
  transition: 0.3s;
  max-height: 34px;
}
.brand-style-2 li:hover a img {
  opacity: 1;
}
.brand-style-2.slider-brand {
  position: relative;
}
.brand-style-2.slider-brand::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 200px;
  background: linear-gradient(90deg, #0E0C15 0.09%, rgba(14, 12, 21, 0) 58.8%);
  z-index: 1;
}
.brand-style-2.slider-brand::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 200px;
  background: linear-gradient(270deg, #0E0C15 0%, rgba(14, 12, 21, 0) 45.61%);
  z-index: 1;
}
.brand-style-2.slider-brand .single-slider {
  position: relative;
  z-index: 5;
}
.brand-style-2.variation-2 li {
  flex-basis: 25%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .brand-style-2.variation-2 li {
    flex-basis: 33.33%;
  }
}
@media only screen and (max-width: 479px) {
  .brand-style-2.variation-2 li {
    flex-basis: 50%;
  }
}

.rainbow-brand-area {
  position: relative;
}
.rainbow-brand-area .bg-shape-left {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -3;
}

/*---------------------------
    Error Styles Area  
-----------------------------*/
.error-inner {
  text-align: center;
}
.error-inner h1 {
  font-size: 200px;
  line-height: 1;
  color: var(--color-primary);
  font-weight: var(--p-bold);
}
@media only screen and (max-width: 767px) {
  .error-inner h1 {
    font-size: 100px;
    line-height: 1;
  }
}
.error-inner .title {
  line-height: 45px;
  font-weight: var(--p-bold);
}
.error-inner .description {
  font-size: var(--font-size-b2);
  line-height: 28px;
  color: var(--color-body);
  font-weight: var(--p-regular);
  margin-bottom: 30px;
}
.error-inner .blog-search {
  display: inline-block;
}
.error-inner .blog-search input {
  min-width: 500px;
}
.error-inner .view-more-button {
  margin-top: 30px;
}

.advance-tab-button-1 .tab-button-list {
  list-style: none;
  padding: 0;
  margin: -15px 0;
  border-bottom: 0;
}
.advance-tab-button-1 .tab-button-list li {
  margin: 15px 0;
}
.advance-tab-button-1 .tab-button-list .tab-button {
  cursor: pointer;
  margin: 0 15px;
  padding-top: 24px;
  border-radius: 10px;
  position: relative;
  z-index: 2;
  background-color: transparent;
  border: 0 none;
  opacity: 0.8;
}
.advance-tab-button-1 .tab-button-list .tab-button::before {
  position: absolute;
  content: "";
  background: rgb(52, 54, 103);
  width: 100%;
  height: 2px;
  left: 0;
  top: 0;
  transition: 0.3s;
  z-index: -1;
  border-radius: 7px;
}
.advance-tab-button-1 .tab-button-list .tab-button:hover::before {
  opacity: 1;
}
.advance-tab-button-1 .tab-button-list .tab-button .title {
  color: var(--color-body);
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 10px;
  transition: 0.3s;
}
.advance-tab-button-1 .tab-button-list .tab-button .description {
  margin-bottom: 0;
  transition: 0.3s;
}
.advance-tab-button-1 .tab-button-list .tab-button .count-text {
  height: 36px;
  width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  background: url(../images/tab/tab-bg-shape.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.advance-tab-button-1 .tab-button-list .tab-button.tab-with-icon {
  padding: 25px;
  border: 1px solid var(--color-white-off) !important;
}
.advance-tab-button-1 .tab-button-list .tab-button.tab-with-icon .tab {
  display: flex;
  height: 100%;
}
.advance-tab-button-1 .tab-button-list .tab-button.tab-with-icon .tab .icon {
  display: flex;
  width: 60px;
  border-radius: 5px;
  background: var(--color-primary-darker);
  color: var(--color-primary);
  text-align: center;
  font-size: 20px;
  justify-content: center;
  align-items: center;
  min-height: 100%;
}
.advance-tab-button-1 .tab-button-list .tab-button.tab-with-icon .tab .content {
  padding-right: 24px;
  padding-left: 24px;
}
.advance-tab-button-1 .tab-button-list .tab-button.tab-with-icon .tab .content .description {
  font-size: var(--font-size-b3);
}
.advance-tab-button-1 .tab-button-list .tab-button.bg-color-white-off::before {
  background: var(--color-white-off);
}
.advance-tab-button-1 .tab-button-list .tab-button.bg-color-white-off::after {
  border-left: 20px solid var(--color-white-off);
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
.advance-tab-button-1 .tab-button-list .tab-button.tab-with-icon.active {
  border: 1px solid transparent !important;
}
.advance-tab-button-1 .tab-button-list .tab-button.active {
  opacity: 1;
}
.advance-tab-button-1 .tab-button-list .tab-button.active .title {
  color: var(--color-white);
}
.advance-tab-button-1 .tab-button-list .tab-button.active::before {
  background: linear-gradient(to right, var(--color-primary-gradient-start), var(--color-primary-gradient-end));
}

@media only screen and (max-width: 767px) {
  .rainbow-advance-tab-area.aiwave-bg-gradient .tab-button-list {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .rainbow-advance-tab-area.aiwave-bg-gradient .tab-button-list li {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .rainbow-advance-tab-area.aiwave-bg-gradient .tab {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.advance-tab-content-1 .thumbnail img {
  border-radius: 10px;
}

.advance-tab-button-1.right-align .tab-button-list .tab-button::after {
  transform: scale(0.9) rotate(-180deg);
  left: auto;
  right: 100%;
}

.advance-tab-button-1.right-align .tab-button-list .tab-button::after {
  transform: scale(1) rotate(-180deg);
}

.advance-tab-button-1.right-top .tab-button-list .tab-button::after {
  left: 50%;
  transform: scale(0.9) translateX(-50%) rotate(-92deg);
  bottom: 94%;
  top: auto;
}

.advance-tab-button-1.right-top .tab-button-list .tab-button::after {
  opacity: 0;
  transform: scale(1) translateX(-50%) rotate(-92deg);
}

.advance-tab-button-1.right-top .tab-button-list .tab-button.active::after {
  opacity: 1;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus {
  color: #495057;
  background: transparent;
  border: 0 none;
  box-shadow: none;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: transparent;
}

.advance-tab-button-1 .tab-button-list .tab-button:focus {
  outline: none;
  border: 0 none;
  box-shadow: none;
}

.service-thumbnail-offset {
  margin-right: -50px;
  margin-bottom: -50px;
  border-radius: 10px 0 10px 0;
}
.service-thumbnail-offset img {
  border-radius: 10px 0 10px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .service-thumbnail-offset {
    margin-right: -30px;
    margin-bottom: -40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-thumbnail-offset {
    margin-right: -30px;
    margin-bottom: -40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-thumbnail-offset {
    margin-right: -30px;
    margin-bottom: -40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .advance-tab-four .tab-content .thumbnail {
    margin-top: 30px;
  }
}

/*----------------------------
    Advance Pricing Table  
------------------------------*/
.advance-pricing {
  background: var(--color-blackest);
  border-radius: 10px;
}
.advance-pricing .pricing-left {
  height: 100%;
  background: var(--color-lessdark);
  padding: 60px 50px;
  border-radius: 10px 0 0 10px;
}
@media only screen and (max-width: 767px) {
  .advance-pricing .pricing-left {
    padding: 30px 20px;
  }
}
.advance-pricing .pricing-left .main-title {
  margin-bottom: 10px;
}
.advance-pricing .pricing-left .price-wrapper .price-amount {
  font-size: 60px;
  text-align: center;
  display: block;
  color: var(--color-white);
  font-weight: 700;
}
.advance-pricing .pricing-left .price-wrapper .price-amount sup {
  font-size: 16px;
  top: -34px;
}
.advance-pricing .pricing-left .btn-default {
  width: 100%;
  margin: 10px 0;
}
.advance-pricing .pricing-left .rating {
  text-align: center;
  margin-top: 5px;
}
.advance-pricing .pricing-left .rating a {
  font-weight: 700;
  color: #f1b304;
}
.advance-pricing .pricing-left .rating a svg {
  fill: #f1b304;
}
.advance-pricing .pricing-left .subtitle {
  display: block;
  color: var(--color-body);
  text-align: center;
}
.advance-pricing .pricing-right {
  padding: 60px 30px;
}
.advance-pricing .pricing-right .price-title {
  font-size: 20px;
  margin-bottom: 10px;
}
.advance-pricing .pricing-right .price-title li {
  font-size: 16px;
  margin: 8px 0;
}

.rainbow-comment-form .section-title span.subtitle {
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 18px;
  font-size: 16px;
  border-radius: 4px;
  margin-bottom: 12px;
}
.rainbow-comment-form .section-title .title {
  font-size: 50px;
  font-weight: 600;
  line-height: 62px;
  margin-bottom: 20px;
  color: var(--color-white);
}

iframe {
  border-radius: 10px;
}

.rnform-group {
  margin-bottom: 20px;
}
.rnform-group input {
  border: 2px solid var(--color-border);
  border-radius: 4px;
  height: 50px;
  font-size: 16px;
}

.rainbow-comment-form .inner .rnform-group textarea {
  min-height: 193px;
  border: 2px solid var(--color-border);
  border-radius: 4px;
  resize: none;
  padding: 15px;
  font-size: 16px;
}

.contact-details-box {
  background: var(--color-blackest);
  padding: 50px;
  border-radius: var(--radius);
}
@media only screen and (max-width: 767px) {
  .contact-details-box {
    padding: 20px;
  }
}
.contact-details-box .title {
  max-width: 400px;
  margin-bottom: 30px;
}
.contact-details-box .tab-button-style-2 {
  border: 0;
  margin-bottom: 24px;
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .contact-details-box .tab-button-style-2 li {
    width: 100%;
  }
}
.contact-details-box .tab-button-style-2 li a {
  padding: 25px 50px;
  font-size: var(--font-size-b2);
  color: var(--color-heading);
  background: var(--color-dark);
  border-radius: var(--radius-small);
}
.contact-details-box .tab-button-style-2 li a::after {
  display: none;
}
.contact-details-box .tab-button-style-2 li a span {
  display: block;
  text-align: center;
  font-size: var(--font-size-b2);
  line-height: var(--line-heght-b2);
  color: var(--color-heading);
}
.contact-details-box .tab-button-style-2 li a.active {
  background: var(--color-primary);
}
.contact-details-box .tab-button-style-2 li a.active span {
  color: var(--color-blackest);
}
.contact-details-box .form-group {
  margin-bottom: 20px;
  gap: 8px;
  display: flex;
  flex-direction: column;
}

.rainbow-contact-area .rainbow-address {
  gap: 20px;
  display: flex;
  margin-top: 0;
  padding: 30px;
}
.rainbow-contact-area .rainbow-address + .rainbow-address {
  margin-top: 30px;
}
.rainbow-contact-area .rainbow-address .inner .title {
  font-size: var(--h4);
  margin-bottom: 12px;
  font-weight: var(--p-medium);
}
.rainbow-contact-area .rainbow-address .inner p {
  font-size: var(--font-size-b2);
  line-height: var(--line-heght-b2);
}

/*--------------------------
    Switcher Styles  
---------------------------*/
.active-dark-mode .my_switcher ul {
  background: rgba(6, 6, 6, 0.7);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.05);
}

.my_switcher {
  position: fixed;
  left: 30px;
  transform: rotate(90deg);
  z-index: 97;
  bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .my_switcher {
    left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .my_switcher {
    left: 4px;
  }
}
.my_switcher ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #C2D4FF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border: 2px solid rgba(255, 255, 255, 0.05);
  border-radius: 100px;
  line-height: 40px;
}
.my_switcher ul li {
  margin: 0;
  padding: 0;
}
.my_switcher ul li a,
.my_switcher ul li button {
  position: relative;
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  text-decoration: none;
  transition: 0.4s;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  width: 40px;
  height: 40px;
}
.my_switcher ul li a img,
.my_switcher ul li button img {
  width: 15px;
}
.my_switcher ul li a span,
.my_switcher ul li button span {
  transform: rotate(-180deg);
  display: none;
}
.my_switcher ul li a.active,
.my_switcher ul li button.active {
  display: none;
}
.my_switcher ul li a.light,
.my_switcher ul li button.light {
  color: #ffffff;
  background: transparent;
  outline: 0;
  border: 0;
}
.my_switcher ul li a.dark,
.my_switcher ul li button.dark {
  color: #18191A;
  background: transparent;
  outline: 0;
  border: 0;
}

.shape-light {
  display: none !important;
}

.switcher-top {
  right: 17% !important;
  transform: rotate(0deg) !important;
  top: 20px !important;
  left: auto;
  bottom: auto;
}

/*-------------------------
    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: 50% 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(--black-opacity);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.rbt-progress-parent.rbt-backto-top-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.rbt-progress-parent::after {
  position: absolute;
  font-family: "feather" !important;
  content: "\e914";
  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:hover::after {
  color: var(--color-primary);
}
.rbt-progress-parent::before {
  position: absolute;
  font-family: "feather" !important;
  content: "\e914";
  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-primary);
}
.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;
}

/*--------------------------
    About Styles  
---------------------------*/
.about-style-4 .title {
  font-weight: 400;
  margin-bottom: 35px;
}
.about-style-4 .title strong {
  color: var(--color-primary);
}
.about-style-4 .feature-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.about-style-4 .feature-list li {
  display: flex;
}
.about-style-4 .feature-list li .icon {
  background: var(--color-primary);
  width: 30px;
  height: 30px;
  border-radius: 100%;
  color: var(--color-white);
  text-align: center;
  min-width: 30px;
}
.about-style-4 .feature-list li .icon i {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.about-style-4 .feature-list li .title-wrapper {
  margin-left: 13px;
}
.about-style-4 .feature-list li .title-wrapper .title {
  font-size: 18px;
  margin: 0;
}
.about-style-4 .feature-list li .title-wrapper .text {
  font-size: 16px;
  margin-bottom: 20px;
  max-width: 80%;
  margin-top: 13px;
}

.about-style-5 {
  position: relative;
  z-index: 2;
}
.about-style-5 .about-wrapper {
  margin-top: -150px;
  background: var(--color-blackest);
  border-radius: 10px;
  padding: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-style-5 .about-wrapper {
    margin-top: 80px;
    padding: 15px 15px 30px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .about-style-5 .about-wrapper {
    margin-top: 80px;
    padding: 15px 15px 30px 15px;
  }
}
.about-style-5 .about-wrapper .thumbnail img {
  border-radius: 10px;
}
.about-style-5 .about-wrapper .content .inner {
  padding: 0 40px;
}
@media only screen and (max-width: 767px) {
  .about-style-5 .about-wrapper .content .inner {
    padding: 0;
  }
}
.about-style-5 .about-wrapper .content .inner .title {
  font-size: 30px;
  margin-bottom: 13px;
}
.about-style-5 .about-wrapper .content .inner p {
  margin-bottom: 20px;
  width: 80%;
}

.contact-address {
  padding: 0;
  margin: 0;
  list-style: none;
}
.contact-address li {
  font-size: 16px;
}
.contact-address li i {
  color: var(--color-primary);
  margin-right: 10px;
}

.about-style-6 .rbt-progress-style-1,
.about-style-6 .wrapper {
  position: relative;
  z-index: 2;
  max-width: 850px;
  margin: 0 auto;
  border-radius: 10px;
}
.about-style-6 .wrapper {
  padding: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-style-6 .wrapper {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .about-style-6 .wrapper {
    padding: 20px;
  }
}
.about-style-6 .wrapper::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: var(--color-lessdark);
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.6;
  border-radius: 10px;
}
.about-style-6 .thumbnail img {
  max-height: 200px;
}
.about-style-6 .subtitle {
  font-size: 18px;
  font-weight: 500;
}
.about-style-6 .maintitle {
  font-size: 30px;
  line-height: 1.3;
  margin-top: 17px;
  margin-bottom: 25px;
}

/*---------------------------
    Newsletter Styles  
----------------------------*/
.border-top-bottom {
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.newsletter-area .border-top-bottom {
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.rainbow-newsletter-default .newsletter-wrapper {
  padding: 40px 0;
}
.rainbow-newsletter-default .newsletter-section-title .title {
  color: var(--color-body);
  margin-bottom: 7px;
}
.rainbow-newsletter-default .newsletter-section-title .description {
  color: var(--color-body);
  margin-bottom: 0;
}
.rainbow-newsletter-default .rainbow-newsletter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 -10px;
}
@media only screen and (max-width: 575px) {
  .rainbow-newsletter-default .rainbow-newsletter {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rainbow-newsletter-default .rainbow-newsletter {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .rainbow-newsletter-default .rainbow-newsletter {
    justify-content: flex-start;
  }
}
.rainbow-newsletter-default .rainbow-newsletter .form-group {
  margin-bottom: 0;
  margin: 0 10px;
}
.rainbow-newsletter-default .rainbow-newsletter .form-group input {
  height: 55px;
  padding: 0 24px;
  min-width: 500px;
  background: var(--color-blackest);
  border: 0 none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rainbow-newsletter-default .rainbow-newsletter .form-group input {
    min-width: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rainbow-newsletter-default .rainbow-newsletter .form-group input {
    min-width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .rainbow-newsletter-default .rainbow-newsletter .form-group input {
    min-width: 350px;
  }
}
@media only screen and (max-width: 575px) {
  .rainbow-newsletter-default .rainbow-newsletter .form-group input {
    min-width: 100%;
    margin-bottom: 20px;
  }
}
.rainbow-newsletter-default .rainbow-newsletter .form-group .btn-default {
  height: 55px;
}

/*------------------------
    Featue Styles  
--------------------------*/
.rbt-feature-main {
  padding-bottom: 0;
  border-radius: 10px;
}
.rbt-feature-main .feature-left-top {
  max-width: 500px;
}
.rbt-feature-main .feature-left-bottom {
  max-width: 500px;
}
.rbt-feature-main .feature-left-bottom .button-group {
  margin-bottom: 50px;
}
.signup-area {
  min-height: 100vh;
  height: auto;
}
.signup-area .signup-top {
  padding: 30px;
}
@media only screen and (max-width: 479px) {
  .signup-area .signup-top {
    padding: 20px;
    margin: 0;
    text-align: center;
  }
}
.signup-area .signup-top a {
  display: inline-block;
}
.signup-area .left-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.signup-area .right-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.signup-area .close-button {
  position: fixed;
  top: 20px;
  right: 14px;
  background: var(--color-dark);
  border: 0 none;
  color: var(--color-white);
  width: 56px;
  height: 56px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  transition: all 0.3s;
}
.signup-area .close-button:hover {
  background: var(--color-primary);
}
@media only screen and (max-width: 767px) {
  .signup-area .close-button {
    width: 45px;
    height: 45px;
  }
}

.sign-up-box {
  max-width: 535px;
  padding: 0 30px;
  width: 100%;
  min-height: 100vh;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sign-up-box .signup-box-top {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.sign-up-box .signup-box-bottom {
  width: 100%;
}
.sign-up-box .signup-box-bottom .signup-box-content {
  text-align: center;
}
.sign-up-box .signup-box-bottom .signup-box-content .social-btn-grp {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
@media only screen and (max-width: 767px) {
  .sign-up-box .signup-box-bottom .signup-box-content .social-btn-grp {
    flex-wrap: wrap;
  }
}
.sign-up-box .signup-box-bottom .signup-box-content .btn-default {
  flex-basis: 50%;
  padding: 0 12px;
  display: inline-block;
  text-shadow: none;
  font-weight: var(--p-medium);
  font-size: var(--font-size-b2);
}
@media only screen and (max-width: 767px) {
  .sign-up-box .signup-box-bottom .signup-box-content .btn-default {
    flex-basis: 100%;
  }
}
.sign-up-box .signup-box-bottom .signup-box-content .btn-default .icon-left {
  margin-right: 10px;
  display: inline-block;
  width: 18px;
  height: auto;
}
.sign-up-box .signup-box-bottom .signup-box-content .text-social-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
}
@media only screen and (max-width: 479px) {
  .sign-up-box .signup-box-bottom .signup-box-content .text-social-area {
    margin: 10px 0;
  }
}
.sign-up-box .signup-box-bottom .signup-box-content .text-social-area hr {
  height: 1px;
  background: var(--color-border);
  width: 100%;
}
@media only screen and (max-width: 479px) {
  .sign-up-box .signup-box-bottom .signup-box-content .text-social-area hr {
    display: none;
  }
}
.sign-up-box .signup-box-bottom .signup-box-content .text-social-area span {
  width: 100%;
}
.sign-up-box .signup-box-bottom .signup-box-content form input {
  padding: 10px 15px;
  padding-left: 50px;
}
.sign-up-box .signup-box-bottom .signup-box-content form .input-section {
  position: relative;
}
.sign-up-box .signup-box-bottom .signup-box-content form .input-section.input-section {
  margin-top: 20px;
}
.sign-up-box .signup-box-bottom .signup-box-content form .icon {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.sign-up-box .signup-box-bottom .signup-box-content form .forget-text {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.sign-up-box .signup-box-bottom .signup-box-content form .forget-text .btn-read-more {
  color: var(--color-primary);
  font-weight: var(--p-medium);
}
.sign-up-box .signup-box-bottom .signup-box-content form button {
  margin-top: 20px;
}
.sign-up-box .signup-box-bottom .signup-box-content form button.btn-default {
  display: block;
  width: 100%;
}
.sign-up-box .signup-box-bottom .signup-box-footer {
  text-align: center;
  margin-top: 15px;
}
.sign-up-box .signup-box-bottom .signup-box-footer a {
  color: var(--color-primary);
  font-weight: var(--p-medium);
}

.client-feedback-area {
  max-width: 535px;
  padding: 0 30px;
  width: 100%;
  min-height: 100vh;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.client-feedback-area .meta-img-section {
  margin-bottom: 54px;
}
.client-feedback-area .meta-img-section a img {
  border: 2px solid var(--color-white);
  padding: 2px;
  height: 100px;
  width: 100px;
  border-radius: 50%;
}
.client-feedback-area .rating {
  margin-bottom: 60px;
}
.client-feedback-area .rating a i {
  font-size: 18px;
  line-height: 30px;
}
.client-feedback-area .description {
  color: var(--color-link);
  position: relative;
}
.client-feedback-area .description::before {
  position: absolute;
  content: "";
  top: -28px;
  left: -15px;
  z-index: -2;
  background: url(../images/icons/d-comma.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 95px;
  width: 105px;
}

/*============ changelog css ===========*/
.changelog_inner {
  padding-right: 30px;
  padding-bottom: 100px;
}

.changelog_info {
  padding-top: 15px;
  justify-content: center;
}
.changelog_info .version_info {
  margin-right: 15px;
  position: relative;
  height: 100%;
}
.changelog_info .c_version {
  flex: 1;
  background: var(--color-primary);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  width: 32px;
  line-height: 32px;
  border-radius: 50%;
  color: var(--color-blackest);
  display: block;
  margin: 0 auto;
  z-index: 2;
  position: relative;
  filter: drop-shadow(0px 4px 15px var(--color-primary));
}
.changelog_info .c_version.bg-yellow {
  background: var(--color-warning);
  filter: none;
}
.changelog_info .c_version.bg-dark {
  background: var(--color-border);
  color: var(--color-link);
  filter: none;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .changelog_info .c_version {
    display: none;
  }
}
.changelog_info .changelog_date {
  display: flex;
  text-align: left;
}
.changelog_info .changelog_date .c_date h6 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
}
.changelog_info .changelog_date .c_date p {
  margin-bottom: 0;
  color: var(--color-link);
}
.changelog_info .line {
  height: calc(100% + 15px);
  width: 2px;
  background: var(--color-primary);
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 1;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .changelog_info .line {
    display: none;
  }
}
.changelog_info .line.light-bg {
  opacity: 0.7;
}
.changelog_info:last-child .line {
  height: 100%;
}
.changelog_info:last-child .changelog_content {
  padding-bottom: 0;
}

.changelog_content {
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .changelog_content {
    padding-bottom: 15px;
  }
}
.changelog_content p {
  display: flex;
  margin-bottom: 15px;
  color: var(--color-link);
}
.changelog_content p.title {
  color: var(--color-heading);
  font-weight: 700;
  margin-bottom: 10px;
}
.changelog_content span {
  font-weight: 400;
  font-size: 10px;
  color: var(--color-white);
  padding: 0 10px;
  text-transform: uppercase;
  min-width: 110px;
  display: inline-block;
  text-align: center;
  line-height: 23px;
  border-radius: 3px;
  margin-right: 20px;
  height: 22px;
  flex: 0;
  letter-spacing: 0.8px;
}
.changelog_content span.improve {
  background: var(--color-info);
}
.changelog_content span.new {
  background: var(--color-success);
}
.changelog_content span.update {
  background: var(--color-warning);
}
.changelog_content span.fixed {
  background: var(--color-danger);
}
.changelog_content .download-links {
  border-top: 1px dotted rgba(51, 51, 51, 0.2);
}
.changelog_content .changelog_btn {
  font-size: 14px;
  color: #6b707f;
  font-weight: 500;
  margin-top: 12px;
  display: inline-block;
  opacity: 0.5;
}
.changelog_content .changelog_btn i {
  margin-right: 10px;
}
.changelog_content .changelog_btn:hover {
  color: var(--color-primary);
}
.changelog_content .changelog_btn + .changelog_btn {
  margin-left: 28px;
}
.changelog_content:hover .changelog_btn {
  opacity: 1;
}

.content-list {
  margin-bottom: 15px;
  list-style: none;
  padding-left: 20px;
}
.content-list li {
  margin-bottom: 15px;
  position: relative;
  color: var(--color-link);
}
.content-list li::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 10px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
}