@charset "UTF-8";

/*-- Variables --*/
:root {
  --color-primary: #7e0b19;
  --color-primary-alt: #9a1530;
  --color-secondary: #c9a96e;
  --color-secondary-alt: #e07bc7;
  --color-tertiary: #f604b9;
  --color-tertiary-alt: #e07bc7;
  --color-yellow: #e3f800;
  --color-yellow-alt: #e7f368;
  --color-card: #1b1b1c;
  --color-lessdark: #232324;
  --color-primary-opacity-1: rgba(126, 11, 25, 0.12);
  --color-primary-opacity-2: rgba(126, 11, 25, 0.22);
  --color-tertiary-opacity-1: rgba(224, 123, 199, .15);
  --color-tertiary-opacity-2: rgba(224, 123, 199, .25);
  --color-yellow-opacity-1: rgba(231, 243, 104, .15);
  --color-yellow-opacity-2: rgba(231, 243, 104, .25);
  --color-dark: #000000;
  --color-bg-alt: #121326;
  --color-dark-alt: #171930;
  --color-darker: #16172e;
  --color-heading: #ffffff;
  --heading-opacity-2: #e9e9e950;
  --color-body: #534841;
  --color-white: #ffffff;
  --color-pink: #e07bc7;
  --color-light-green: #36C6F0;
  --color-coral: #E9967A;
  --color-violet: #800080;
  --color-white-off: #FFFFFFAB;
  --color-bodyest: #273041;
  --color-darkest: #232d40;
  --color-black: #111113;
  --color-grey: rgba(207,207,207,.24);
  --color-grey2: #f4f5f7;
  --color-gray: #A1A9AC;
  --color-gray-light: #F6F6F6;
  --color-gray-lighter: #ebebeb;
  --color-light: #F5F7FA;
  --color-lighter: #F2F5F9;
  --primary-opacity: rgba(126, 11, 25, 0.13);
  --secondary-opacity: #b966e721;
  --coral-opacity: #E9967A21;
  --violet-opacity: #80008021;
  --pink-opacity: #DB709321;
  --white-opacity: #ffffff21;
  --danger-opacity: #FF000310;
  --warning-opacity: #FF8F3C10;
  --success-opacity: #3EB75E10;
  --black-opacity: rgba(0, 0, 0, 0.04);
  --heading-opacity: #19233550;
  --color-card-1: #fffccf;
  --color-card-2: #ffedff;
  --color-card-3: #ffe8eb;
  --color-card-4: #faf4ea;
  --color-card-5: #7e0b19;
  --color-card-6: #3B3B46;
  --color-success: #3EB75E;
  --color-danger: #FF0003;
  --color-warning: #FF8F3C;
  --color-info: #9a1530;
  --color-primary-light: #fdf9f3;
  --color-primary-lighter: #faf4ea;
  --color-secondary-alt: #fef4f4;
  --color-extra: #fdf9f3;
  --color-extra2: #fdf9f3;
  --color-border: rgba(126, 11, 25, 0.14);
  --color-border-2: #21262d4f;
  --color-border-3: #484646;
  --color-badge-1: #303F5B;
  --color-badge-2: #F2C94C;
  --color-facebook: #3B5997;
  --color-twitter: #1BA1F2;
  --color-youtube: #ED4141;
  --color-linkedin: #0077B5;
  --color-pinterest: #E60022;
  --color-instagram: #C231A1;
  --color-vimeo: #00ADEF;
  --color-twitch: #6441A3;
  --color-discord: #7289da;
  --radius-10: 10px;
  --radius-big: 16px;
  --radius-small: 6px;
  --border-width: 2px;
  --radius: 6px;
  --f-light: 300;
  --f-regular: 400;
  --f-medium: 500;
  --f-semi-bold: 600;
  --f-bold: 700;
  --f-extra-bold: 800;
  --f-black: 900;
  --shadow-primary: 0px 4px 10px rgba(37, 47, 63, 0.1);
  --shadow-light: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
  --shadow-dark: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  --shadow-1: 0px 6px 34px rgba(0, 0, 0, 0.41);
  --shadow-slide-item: 0px 0 10px 0 rgba(215, 216, 222, 0.20);
  --shadow-2: 0 15px 34px 0 rgba(175, 181, 204, 0.32);
  --shadow-3: 0 5px 15px 0 rgba(85, 74, 101, 0.37);
  --shadow-5: 0px 20px 70px 0px rgba(0, 0, 0, 0.1);
  --shadow-7: 0 0 20px 5px rgba(126, 11, 25, 0.28);
  --shadow-8: -5px 18px 60px 0 rgba(210, 210, 234, 0.4);
  --shadow-9: 0 13px 48px 0 rgba(215, 216, 222, 0.44);
  --shadow-10: 0 13px 14px 0 rgba(129, 104, 145, 0.05);
  --shadow-11: 0 0 10px 0 rgba(0, 0, 0, 0.06);
  --transition: 0.3s;
  --transition-2: 256ms ease-in-out;
  --transition-3: transform .85s cubic-bezier(.23,1,.32,1),background .3s,border .3s,border-radius .3s,box-shadow .3s;
  --transition-4: all .25s cubic-bezier(.645,.045,.355,1);
  --font-primary: "Plus Jakarta Sans", sans-serif;
  --font-secondary: "Plus Jakarta Sans", sans-serif;
  --font-alt: "Source Serif Pro", serif;
  --font-awesome: "Font Awesome 5 Pro";
  --font-size-b1: 18px;
  --font-size-b2: 16px;
  --font-size-b3: 14px;
  --font-size-b4: 12px;
  --line-height-b1: 1.67;
  --line-height-b2: 1.7;
  --line-height-b3: 1.6;
  --line-height-b4: 1.3;
  --h1: 46px;
  --h2: 44px;
  --h3: 36px;
  --h4: 24px;
  --h5: 18px;
  --h6: 16px;
  --div-gap-1: 10px;
  --p-light: 300;
  --p-regular: 400;
  --p-medium: 500;
  --p-semi-bold: 600;
  --p-bold: 700;
  --p-extra-bold: 800;
  --p-black: 900;
  --gradient-1: linear-gradient(90deg, var(--color-primary), var(--color-primary) 33%, var(--color-secondary) 66%, var(--color-secondary));
  --gradient-2: radial-gradient(circle, rgba(123, 97, 255, 0.2), rgba(123, 97, 255, 0.05));
  --gradient-3: linear-gradient(90deg, #8DA9FC 0%, #B48DD5 100%);
  --gradient-4: linear-gradient(180deg,#fff,#f6f9ff);
  --gradient-5: linear-gradient(rgb(239, 241, 255) 0%, rgb(239, 241, 255) 100%);
  --gradient-6: linear-gradient(180deg, #6827FF 0%, #E3F0FF 100%);
  --gradient-7: linear-gradient(218.15deg, var(--color-secondary) 0%, var(--color-primary) 100%);
  --gradient-8: linear-gradient(270deg, #9e77ff 0%, #4460ff 100%);
  --gradient-9: linear-gradient(to right, rgba(255, 255, 255, 0.15), rgba(251, 199, 226, 0.15), rgba(220, 217, 254, 0.15));
}

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


footer,
header,
nav {
  display: block;
}


video {
  display: inline-block;
}

a {
  color: var(--color-heading);
  text-decoration: none;
  outline: none;
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
  color: var(--color-secondary);
}

a:focus {
  outline: none;
}

b {
  font-weight: bold;
}

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

small {
  font-size: smaller;
}

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

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

li > ul {
  margin: 0;
}

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

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

form {
  margin: 0;
}

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

button,
input {
  line-height: normal;
}

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

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

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

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

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

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

/* BlockQuote  */

/**
 * Typography
 */
* {
  box-sizing: border-box;
}

html {
  overflow: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  font-size: 10px;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: auto;
  }
}
body {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  font-family: var(--font-primary);
  color: var(--color-body);
  font-weight: var(--f-regular);
  margin: 0;
  padding: 0;
  scroll-behavior: auto;
  position: relative;
  overflow-x: hidden;
  z-index: 1;
  background-color: #121214;
}
body::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/icons/noise.gif);
  z-index: -1;
  background-color: rebeccapurple;
  opacity: 0.03;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p,
pre,
menu,
ul {
  margin: 0;
  margin-bottom: 20px;
}

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

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

h2,
.h2 {
  font-size: var(--h2);
  line-height: 1.33;
}

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

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

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

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

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

a {
  color: var(--color-body);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  h1,
  .h1 {
    font-size: 38px;
  }
  h2,
  .h2 {
    font-size: 32px;
  }
  h3,
  .h3 {
    font-size: 28px;
  }
  h4,
  .h4 {
    font-size: 24px;
  }
  h5,
  .h5 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 34px;
  }
  h2,
  .h2 {
    font-size: 28px;
  }
  h3,
  .h3 {
    font-size: 24px;
  }
  h4,
  .h4 {
    font-size: 20px;
  }
  h5,
  .h5 {
    font-size: 16px;
  }
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  font-weight: var(--p-bold);
}

h4,
.h4,
h5,
.h5 {
  font-weight: var(--p-bold);
}

h6,
.h6 {
  font-weight: var(--p-medium);
}

p {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  font-weight: var(--f-regular);
  color: var(--color-body);
  margin: 0 0 30px;
}
@media only screen and (max-width: 767px) {
  p {
    margin: 0 0 20px;
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
  }
}
p.b1 {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
}
p.b3 {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
}
@media only screen and (max-width: 767px) {
  p br {
    display: none;
  }
}

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

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

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

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

ul {
  list-style: square;
  margin-bottom: 30px;
  padding-left: 20px;
}
ul li {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  margin-top: 10px;
  margin-bottom: 10px;
  color: var(--color-body);
  font-weight: 400;
}
ul li a {
  text-decoration: none;
  color: var(--color-body);
}
ul li a:hover {
  color: var(--color-secondary);
}
ul ul {
  margin-bottom: 0;
}

/*=====================
All Extend Here
=======================*/

/* Radius */
 .radius-small {
  border-radius: var(--radius-small);
}

.radius-small {
  border-radius: var(--radius-small);
}

.radius {
  border-radius: var(--radius);
}

/* Font Weight */

.w-600 {
  font-weight: 600 !important;
}

.w-700 {
  font-weight: 700 !important;
}

/* Shadows */

/*=============== Style Css =============*/

 .tmp-card .inner .content .title a, .tmp-card, .card-box .inner .content .title a, .service.service__style--1 .content p, .service.service__style--1 .content .title a, .service.service__style--1 .content .title, .service.service__style--1 .icon, .mainmenu-nav .mainmenu li.has-droupdown .submenu li a, .form-group textarea, .form-group input, ul li a {
  transition: var(--transition);
}

.bg_image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/*----------------------
    Animation Css  
-----------------------*/
.tmponhover {
  position: relative;
  overflow: hidden;
}
.tmponhover::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);
}
.tmponhover:hover::before {
  opacity: 1;
}
.tmponhover::after {
  content: "";
  position: absolute;
  inset: 2px;
  background: var(--color-card);
  border-radius: var(--radius);
}
.tmponhover > * {
  z-index: 2;
  position: relative;
}

@keyframes customOne {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}
@keyframes customTwo {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(100px, 0px);
  }
  100% {
    transform: translate(50px, 50px);
  }
}

@keyframes moveright {
  from {
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  }
  to {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@keyframes moveLeft {
  from {
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
  }
  to {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@keyframes moveOut {
  0% {
    -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
.move-right {
  animation: moveright 1s linear;
}

@keyframes leftRight {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-30px);
  }
  50% {
    transform: translateX(30px);
  }
  75% {
    transform: translateX(-30px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes movedown {
  from {
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  }
  to {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}

@keyframes moveup {
  from {
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  }
  to {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@keyframes moveOut {
  0% {
    -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@keyframes toBottomLeft {
  0% {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 0, 100% 0);
    clip-path: polygon(100% 0, 100% 0, 100% 0, 100% 0);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}

/* ------------------------
    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;
  }
}

/* -----------------------------------
    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);
  }
}
/*--------------------------------
Scroll Down Button Animation  
----------------------------------*/
@keyframes scrollDown {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(10px);
    opacity: 0;
  }
}
.invers-anime {
  position: relative;
  overflow: hidden;
}
.invers-anime::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) rotate(45deg);
  z-index: 1;
  pointer-events: none;
}
.invers-anime:hover::after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}

/*==============================
 *  Utilities
=================================*/
@media only screen and (max-width: 767px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

iframe {
  width: 100%;
}

/*===============================
    Background Color 
=================================*/

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

.color-white {
  color: #FFFFFF !important;
}

/*===========================
    Background Image 
=============================*/

/* Height and width */

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

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

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

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

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

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

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

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

/*=============================
	Overlay styles 
==============================*/

[data-black-overlay] {
  position: relative;
}


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


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

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


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


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


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


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


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


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


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


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


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


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

/*------------------------------
    Scroll Up 
--------------------------------*/

/*--------------------
    Contact Form 
----------------------*/

.slick-gutter-15 {
  margin: 0 -15px;
}
.slick-gutter-15 .slick-slide {
  padding: 0 15px;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

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

/*=========================
    Section Separation 
==========================*/

.tmp-section-gap {
  padding: 120px 0 !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tmp-section-gap {
    padding: 80px 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .tmp-section-gap {
    padding: 60px 0 !important;
  }
}

.tmp-section-gapBottom {
  padding-bottom: 60px !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tmp-section-gapBottom {
    padding-bottom: 80px !important;
  }
}
@media only screen and (max-width: 767px) {
  .tmp-section-gapBottom {
    padding-bottom: 60px !important;
  }
}

.tmp-section-gapTop {
  padding-top: 60px !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tmp-section-gapTop {
    padding-top: 80px !important;
  }
}
@media only screen and (max-width: 767px) {
  .tmp-section-gapTop {
    padding-top: 60px !important;
  }
}

.pt--0 {
  padding-top: 0 !important;
}

.mt--0 {
  margin-top: 0 !important;
}

.mb--0 {
  margin-bottom: 0 !important;
}

.ml--5 {
  margin-left: 5px !important;
}

.mt--10 {
  margin-top: 10px !important;
}

.mb--10 {
  margin-bottom: 10px !important;
}

.mt--15 {
  margin-top: 15px !important;
}

.mb--15 {
  margin-bottom: 15px !important;
}

.mt--20 {
  margin-top: 20px !important;
}

.mb--20 {
  margin-bottom: 20px !important;
}

.mt--30 {
  margin-top: 30px !important;
}

.mb--30 {
  margin-bottom: 30px !important;
}

.pr--40 {
  padding-right: 40px !important;
}

.mt--40 {
  margin-top: 40px !important;
}

.mb--40 {
  margin-bottom: 40px !important;
}

.mb--60 {
  margin-bottom: 60px !important;
}

.pb--80 {
  padding-bottom: 80px !important;
}

.mt--80 {
  margin-top: 80px !important;
}

.mb--80 {
  margin-bottom: 80px !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt_md--10 {
    margin-top: 10px !important;
  }
  .mt_md--40 {
    margin-top: 40px !important;
  }
}
@media only screen and (max-width: 767px) {
  .pr_sm--0 {
    padding-right: 0 !important;
  }
  .mt_sm--0 {
    margin-top: 0 !important;
  }
  .mb_sm--0 {
    margin-bottom: 0 !important;
  }
  .mt_sm--40 {
    margin-top: 40px !important;
  }
  .pr_sm--0 {
    padding-right: 0 !important;
  }
  .mt_sm--0 {
    margin-top: 0 !important;
  }
  .mb_sm--0 {
    margin-bottom: 0 !important;
  }
}
.slick-gutter-5 {
  margin-left: -5px !important;
  margin-right: -5px !important;
}
.slick-gutter-5 .slick-slide {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.slick-gutter-10 {
  margin-left: -10px !important;
  margin-right: -10px !important;
}
.slick-gutter-10 .slick-slide {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.slick-gutter-15 {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.slick-gutter-15 .slick-slide {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.slick-gutter-20 {
  margin-left: -20px !important;
  margin-right: -20px !important;
}
.slick-gutter-20 .slick-slide {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.slick-gutter-25 {
  margin-left: -25px !important;
  margin-right: -25px !important;
}
.slick-gutter-25 .slick-slide {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.slick-gutter-30 {
  margin-left: -30px !important;
  margin-right: -30px !important;
}
.slick-gutter-30 .slick-slide {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.slick-gutter-35 {
  margin-left: -35px !important;
  margin-right: -35px !important;
}
.slick-gutter-35 .slick-slide {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.slick-gutter-40 {
  margin-left: -40px !important;
  margin-right: -40px !important;
}
.slick-gutter-40 .slick-slide {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.slick-gutter-45 {
  margin-left: -45px !important;
  margin-right: -45px !important;
}
.slick-gutter-45 .slick-slide {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.slick-gutter-50 {
  margin-left: -50px !important;
  margin-right: -50px !important;
}
.slick-gutter-50 .slick-slide {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.slick-gutter-55 {
  margin-left: -55px !important;
  margin-right: -55px !important;
}
.slick-gutter-55 .slick-slide {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.slick-gutter-60 {
  margin-left: -60px !important;
  margin-right: -60px !important;
}
.slick-gutter-60 .slick-slide {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.slick-gutter-65 {
  margin-left: -65px !important;
  margin-right: -65px !important;
}
.slick-gutter-65 .slick-slide {
  margin-left: 65px !important;
  margin-right: 65px !important;
}

.slick-gutter-70 {
  margin-left: -70px !important;
  margin-right: -70px !important;
}
.slick-gutter-70 .slick-slide {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.slick-gutter-75 {
  margin-left: -75px !important;
  margin-right: -75px !important;
}
.slick-gutter-75 .slick-slide {
  margin-left: 75px !important;
  margin-right: 75px !important;
}

.slick-gutter-80 {
  margin-left: -80px !important;
  margin-right: -80px !important;
}
.slick-gutter-80 .slick-slide {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.slick-gutter-85 {
  margin-left: -85px !important;
  margin-right: -85px !important;
}
.slick-gutter-85 .slick-slide {
  margin-left: 85px !important;
  margin-right: 85px !important;
}

.slick-gutter-90 {
  margin-left: -90px !important;
  margin-right: -90px !important;
}
.slick-gutter-90 .slick-slide {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.slick-gutter-95 {
  margin-left: -95px !important;
  margin-right: -95px !important;
}
.slick-gutter-95 .slick-slide {
  margin-left: 95px !important;
  margin-right: 95px !important;
}

.slick-gutter-100 {
  margin-left: -100px !important;
  margin-right: -100px !important;
}
.slick-gutter-100 .slick-slide {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

/*======================== 
    Common Style Css
==========================*/
.theme-gradient {
  color: var(--color-primary);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .theme-gradient {
    color: var(--color-secondary);
    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  
-------------------------*/

/* Radius */

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

.radius-round {
  border-radius: 500px !important;
}

/* Font Weight */
/* Shadows */
/* Others  */

/*------------------------
    Prs Code New  
--------------------------*/

@-webkit-keyframes pix_bounce_sm {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10%);
  }
  100% {
    transform: translateY(0);
  }
}

.rating a {
  display: inline-block;
}
.rating a i {
  color: var(--color-warning);
  font-style: normal;
}

@keyframes BgNoise {
  0% {
    transform: translate3d(0, 9rem, 0);
  }
  10% {
    transform: translate3d(-1rem, -4rem, 0);
  }
  20% {
    transform: translate3d(-8rem, 2rem, 0);
  }
  30% {
    transform: translate3d(9rem, -9rem, 0);
  }
  40% {
    transform: translate3d(-2rem, 7rem, 0);
  }
  50% {
    transform: translate3d(-9rem, -4rem, 0);
  }
  60% {
    transform: translate3d(2rem, 6rem, 0);
  }
  70% {
    transform: translate3d(7rem, -8rem, 0);
  }
  80% {
    transform: translate3d(-9rem, 1rem, 0);
  }
  90% {
    transform: translate3d(6rem, -5rem, 0);
  }
  to {
    transform: translate3d(-7rem, 0, 0);
  }
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

body {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
body::-webkit-scrollbar {
  width: 8px;
}
body::-webkit-scrollbar-track {
  background: #f1f1f1;
}
body::-webkit-scrollbar-thumb {
  background: var(--color-primary);
}
body::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.title-flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.error-msg p {
  color: var(--color-danger);
  margin-top: 10px;
  margin-bottom: 0;
}

.success-msg p {
  color: var(--color-success);
  margin-top: 10px;
  margin-bottom: 0;
}

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

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

input {
  height: 40px;
  padding: 0 15px;
}

input[type=text],
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=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=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=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]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
textarea:focus {
  border-color: var(--color-primary);
}

.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[disabled] {
  display: none;
}

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);
}

/**
 * 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="400"] {
  transition-duration: 0.4s;
}

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

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

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

[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="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="400"] {
  transition-delay: 0.4s;
}

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

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

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

/**
  * 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].sal-animate,
body.sal-disabled [data-sal|=slide] {
  opacity: 1;
  transform: none;
}

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

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


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

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

Primary style

-------------------------------- */
.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;
}

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

  xrotate-1 

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

@-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 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 

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

@-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 

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

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

  xslide 

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

@-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 

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

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

  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 

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

@-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;
}

@-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%);
  }
}
.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;
}

.mouse-cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
}

.cursor-inner {
  margin-left: -4px;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  z-index: 10000001;
  background: rgba(255, 255, 255, 0.1921568627);
  -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out, margin 0.5s ease-in-out, opacity 0.5s ease-in-out, transform 0.7s ease-out;
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out, margin 0.5s ease-in-out, opacity 0.5s ease-in-out, transform 0.7s ease-out;
}

.cursor-inner.cursor-hover {
  margin-left: -30px;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.1921568627);
  mix-blend-mode: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.cursor-outer {
  margin-left: -16px;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  border: var(--border-width) solid rgba(255, 255, 255, 0.1921568627);
  mix-blend-mode: difference;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out, margin 0.5s ease-in-out, opacity 0.5s ease-in-out, transform 0.5s ease-out;
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out, margin 0.5s ease-in-out, opacity 0.5s ease-in-out, transform 0.5s ease-out;
}

.cursor-outer.cursor-hover {
  opacity: 0;
}

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

.header-default {
  max-width: 100%;
  color: #fff;
  font-size: 12px;
  z-index: 99;
  position: relative;
  border-bottom: 1px solid var(--color-border);
}
.header-default .logo a {
  display: flex;
  height: 80px;
  line-height: 80px;
  align-items: center;
}
.header-default .logo a img {
  max-height: 50px;
}
.header-default .header-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.header-default .header-right {
  display: flex;
  justify-content: flex-end;
}
.header-default .header-right .header-btn {
  margin-left: 25px;
}
@media only screen and (max-width: 1199px) {
  .header-default .header-right .header-btn {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-default .header-right .header-btn {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .header-default .header-right .header-btn {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .header-default a.tmp-btn,
  .header-default button.tmp-btn {
    height: 36px;
    line-height: 35px;
    padding: 0 10px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .header-default a.tmp-btn.btn-small,
  .header-default button.tmp-btn.btn-small {
    height: 36px;
    line-height: 35px;
    padding: 0 10px;
    font-size: 12px;
  }
}

.hamberger-button {
  background: var(--color-blackest);
  border: 0 none;
  color: var(--color-white);
  width: 40px;
  height: 40px;
  font-size: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.hamberger-button i {
  font-size: 30px;
}
@media only screen and (max-width: 479px) {
  .hamberger-button {
    width: 25px;
  }
}

.tmp-header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgb(20, 20, 22) !important;
  width: 100%;
  height: 80px;
  animation: headerSticky 0.95s ease forwards;
  z-index: 99;
  backdrop-filter: blur(60px);
  /* background-image: linear-gradient(#0e0f1e, rgba(14, 15, 30, 0)); */
  border-bottom: 1px solid var(--color-border);
}

@keyframes headerSticky {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.with-mega-item-2.full-width-mega {
  width: 110%;
  left: -5%;
}

.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.with-mega-item-2.full-width-mega .wrapper {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.with-mega-item-2.full-width-mega .wrapper .bg-content {
  position: absolute;
  left: 30px;
  bottom: -16px;
  line-height: 1;
  font-size: 190px;
  text-transform: uppercase;
  font-weight: 800;
  z-index: -1;
  letter-spacing: 12px;
  background: -webkit-linear-gradient(var(--color-card), #222222);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.feature-image-add-header {
  display: flex;
  height: 100%;
  margin-right: 0;
  position: relative;
  margin-left: 0;
}
.feature-image-add-header img {
  object-fit: cover;
}

.mainmenu-nav .mainmenu > li:hover a {
  color: var(--color-primary);
}

.header-right.with-search .header-btn {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media only screen and (max-width: 1199px) {
  .header-right.with-search .header-btn {
    gap: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .header-right.with-search .header-btn {
    gap: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .header-right.with-search .header-btn {
    gap: 8px;
  }
}
.header-right.with-search .header-btn .search-area-btn {
  max-width: 30px;
  cursor: pointer;
}
.header-right.with-search .header-btn .search-area-btn i {
  font-size: 22px;
}
.header-right.with-search .header-btn .search-area-btn img {
  max-width: 25px;
}
@media only screen and (max-width: 1199px) {
  .header-right.with-search .header-btn .tmp-btn.round {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .header-right.with-search .header-btn .tmp-btn.round {
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  .dot-btn {
    display: none;
  }
}
.dot-btn .offcanvas-trigger {
  display: block;
  color: var(--color-heading);
  position: relative;
  cursor: pointer;
  font-size: 0.25em;
  line-height: 1;
}
.dot-btn .offcanvas-trigger .offcanvas-bars {
  display: inline-block;
  width: 21px;
  margin: 0;
  vertical-align: middle;
  height: 20px;
}
.dot-btn .offcanvas-trigger .offcanvas-bars span {
  display: inline-block;
  height: 2px;
  margin-left: 0;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  background-color: var(--color-heading);
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 5px;
  background-color: transparent;
  transition: transform 0.3s, opacity 0.3s, width 0.3s, background-color 0.3s 0.3s, -webkit-transform 0.3s;
  border-radius: 1px;
}
@media only screen and (max-width: 767px) {
  .dot-btn .offcanvas-trigger .offcanvas-bars span {
    margin-bottom: 4px;
  }
}
.dot-btn .offcanvas-trigger .offcanvas-bars span::before, .dot-btn .offcanvas-trigger .offcanvas-bars span::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-heading);
}
.dot-btn .offcanvas-trigger .offcanvas-bars span::before {
  transform: translate(-100%, 0);
  transition: all 0.325s cubic-bezier(0.38, 0.98, 0.4, 1);
}
.dot-btn .offcanvas-trigger .offcanvas-bars span::after {
  transition: all 0.325s cubic-bezier(0.38, 0.98, 0.4, 1);
}
.dot-btn .offcanvas-trigger:hover .offcanvas-bars span::before {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.dot-btn .offcanvas-trigger:hover .offcanvas-bars span::after {
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
.dot-btn .offcanvas-trigger:hover .offcanvas-bars span:first-child::before {
  -webkit-transition-delay: 0.18s;
  transition-delay: 0.18s;
}
.dot-btn .offcanvas-trigger:hover .offcanvas-bars span:nth-child(2)::before {
  -webkit-transition-delay: 0.24s;
  transition-delay: 0.24s;
}
.dot-btn .offcanvas-trigger:hover .offcanvas-bars span:nth-child(2)::after {
  -webkit-transition-delay: 0.06s;
  transition-delay: 0.06s;
}
.dot-btn .offcanvas-trigger:hover .offcanvas-bars span:last-child::before {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.dot-btn .offcanvas-trigger:hover .offcanvas-bars span:last-child::after {
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s;
}

.onapge-multipage-tab-wrapper {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 991px) {
  .onapge-multipage-tab-wrapper .tab-content {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .onapge-multipage-tab-wrapper {
    align-items: flex-start;
  }
}
.onapge-multipage-tab-wrapper .nav-pills {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 10px;
}
.onapge-multipage-tab-wrapper .tmp-btn {
  background-color: transparent;
  border: 2px solid var(--color-border) !important;
  color: var(--color-heading) !important;
  height: 45px;
}
.onapge-multipage-tab-wrapper .tmp-btn:hover {
  color: #fff !important;
}
.onapge-multipage-tab-wrapper .tmp-btn.active {
  background-color: var(--color-primary);
  color: #fff !important;
  border: 2px solid transparent !important;
}
.onapge-multipage-tab-wrapper .tab-pane {
  display: none;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease;
}
.onapge-multipage-tab-wrapper .tab-pane.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
  animation: slideInheader 1s linear;
}
@media only screen and (max-width: 991px) {
  .onapge-multipage-tab-wrapper .tab-pane.active {
    animation: none;
  }
}

@keyframes slideInheader {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*--------------------------
    Navigation Styles 
----------------------------*/
.mainmenu-nav .mainmenu {
  display: flex;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1199px) {
  .mainmenu-nav .mainmenu {
    gap: 5px;
  }
}
.mainmenu-nav .mainmenu > li > a {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 0 17px;
  display: block;
  height: 80px;
  line-height: 80px;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mainmenu-nav .mainmenu > li > a {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mainmenu-nav .mainmenu > li > a {
    padding: 0 12px;
  }
}
.mainmenu-nav .mainmenu > li > a:hover, .mainmenu-nav .mainmenu > li > a.active {
  color: var(--color-primary) !important;
}
.mainmenu-nav .mainmenu > li.current > a {
  color: var(--color-primary) !important;
}
.mainmenu-nav .mainmenu li {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}
.mainmenu-nav .mainmenu li.has-droupdown .submenu {
  min-width: 260px;
  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-card);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  transform: scaleY(0);
  clip: rect(0px, 200vw, 0, 0px);
  transform: translateZ(0);
}
.mainmenu-nav .mainmenu li.has-droupdown .submenu li a {
  font-weight: 500;
  padding: 5px 20px;
  font-size: 15px;
  display: block;
  color: var(--color-body);
  margin: 0 10px;
  border-radius: 3px;
}
.mainmenu-nav .mainmenu li.has-droupdown .submenu li a:hover, .mainmenu-nav .mainmenu li.has-droupdown .submenu li a.active {
  color: var(--color-white) !important;
  background: var(--color-dark) !important;
  margin-left: 15px;
}
.mainmenu-nav .mainmenu li.has-droupdown:hover .submenu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  clip: rect(0px, 100vw, 200vh, -30px);
  transition: clip 0.6s linear, opacity 0.4s linear;
}
.mainmenu-nav .mainmenu li.has-third-lev {
  position: relative;
}
.mainmenu-nav .mainmenu li.has-third-lev > a {
  position: relative;
}
.mainmenu-nav .mainmenu li.has-third-lev > a::after {
  font-family: "feather";
  position: absolute;
  content: "\e930";
  right: 15px;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}
.mainmenu-nav .mainmenu li.has-third-lev .submenu {
  position: absolute;
  right: 0;
  top: 15px !important;
  left: 100%;
  opacity: 0 !important;
  transition: 0.3s !important;
}
.mainmenu-nav .mainmenu li.has-third-lev:hover > a::after {
  right: 5px;
}
.mainmenu-nav .mainmenu li.has-third-lev:hover .submenu {
  top: -12px !important;
  opacity: 1 !important;
}
.mainmenu-nav .mainmenu li.with-megamenu {
  position: static;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu {
  position: absolute;
  transition: 0.3s;
  top: 100%;
  width: 100%;
  left: 0;
  right: 0;
  padding: 0 7px;
  visibility: hidden;
  opacity: 0;
  transform-origin: 0 0;
  transform: scaleY(0);
  clip: rect(0px, 200vw, 0, 0px);
  transform: translateZ(0);
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu .wrapper {
  border-radius: 0 0 10px 10px;
  background-color: var(--color-card);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu .wrapper.demos-area-drop-down {
  padding: 15px 20px 20px 20px;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu .wrapper .mega-menu-item {
  border-right: 1px solid var(--color-extra04);
  height: 100%;
  padding: 22px 10px;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu .wrapper .mega-menu-item li a {
  font-weight: 500;
  padding: 5px 14px;
  font-size: 15px;
  display: block;
  color: var(--color-body);
  margin: 0 10px;
  border-radius: 2px;
  transition: 0.3s;
  display: flex;
  align-items: center;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu .wrapper .mega-menu-item li a .tmp-badge-card {
  margin-left: 10px;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu .wrapper .mega-menu-item li a:hover, .mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu .wrapper .mega-menu-item li a.active {
  color: var(--color-white) !important;
  background: rgba(255, 255, 255, 0.0196078431);
  margin-left: 15px;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.with-mega-item-2 {
  width: 600px;
  margin: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.with-mega-item-2 {
    width: 450px;
  }
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.active {
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
  clip: rect(0px, 100vw, 200vh, -30px);
  transition: clip 0.8s linear, opacity 0.8s linear;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega {
  width: 600px;
  margin: 0 auto;
  padding: 0;
  left: -20px;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper {
  max-height: 600px;
  overflow-y: scroll !important;
  scrollbar-width: none;
  overflow: hidden;
  padding: 30px 30px;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .mega-top-banner {
  background-image: url(../images/menu-service.webp), radial-gradient(100% 100% at 100% 0%, #484C7A 0%, var(--color-primary) 100%);
  background-size: contain;
  background-position: right 30%;
  margin: -30px;
  width: auto;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  padding: 25px;
  position: relative;
  margin-bottom: 30px;
  background-size: cover;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .mega-top-banner .content {
  width: 56%;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .mega-top-banner .content .title {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .mega-top-banner .content p {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0;
  color: #fff;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .tmp-short-title {
  font-size: 18px;
  padding-bottom: 14px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
  margin-left: 10px;
  border-bottom: 1px solid var(--color-border);
  line-height: 1;
  color: #fff;
  opacity: 1;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .mega-menu-item {
  gap: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media only screen and (max-width: 991px) {
  .mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .mega-menu-item {
    margin-bottom: 25px;
  }
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .mega-menu-item li {
  margin: 0;
  padding: 0;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .mega-menu-item li a {
  padding: 8px 10px !important;
  border: none;
  font-size: 14px;
  margin: 0;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .nav-quick-access {
  display: flex;
  flex-wrap: wrap;
  background: var(--color-primary);
  margin: -25px;
  margin-top: 20px;
  padding: 16px 25px;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  list-style: none;
  border-radius: 6px;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .nav-quick-access li {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  flex-basis: calc(50% - 15px);
  padding: 5px;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .nav-quick-access li a {
  padding-left: 0;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
}
.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 .tmp-megamenu {
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
  top: 100%;
  clip: rect(0px, 100vw, 200vh, -30px);
  transition: clip 0.6s linear, opacity 0.4s linear;
}

.has-menu-child-item > a {
  position: relative;
}
.has-menu-child-item > a::after {
  content: "\e92e";
  position: absolute;
  right: -3px;
  top: 43%;
  font-family: "feather" !important;
  line-height: 1;
}
@media only screen and (max-width: 1199px) {
  .has-menu-child-item > a::after {
    right: -7px;
  }
}
.has-menu-child-item > a:hover::after {
  content: "\e931";
}

@media only screen and (max-width: 991px) {
  .mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down .bg-content {
    display: none;
  }
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  max-height: 600px;
  gap: 19px;
  overflow: hidden;
  overflow-y: scroll !important;
  scrollbar-width: none;
}
@media only screen and (max-width: 991px) {
  .mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item {
    flex-direction: column;
    max-height: unset;
    gap: 5px;
  }
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li {
  flex-basis: 18.8%;
  background: #141414;
  border-radius: 2px;
  overflow: hidden;
  display: block;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li {
    flex-basis: 18.7%;
  }
}
@media only screen and (max-width: 1199px) {
  .mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li {
    flex-basis: 18%;
  }
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:nth-child(2n) {
  background: #f3f3f3;
}
@media only screen and (max-width: 991px) {
  .mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:nth-child(2n) {
    background: transparent;
  }
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:nth-child(2n) a:nth-child(2) {
  color: #141414;
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:nth-child(2n) a:nth-child(2):hover {
  color: #141414 !important;
}
@media only screen and (max-width: 991px) {
  .mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:nth-child(2n) a:nth-child(2) {
    color: #fff;
  }
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:nth-child(2n):hover a:nth-child(2) {
  color: #141414;
}
@media only screen and (max-width: 991px) {
  .mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li {
    flex-basis: 100%;
    width: 100%;
    background: transparent;
    position: relative;
  }
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a {
  margin: 0 !important;
  border-radius: 0 !important;
  text-align: center;
  justify-content: center;
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a.thumbnail-demos {
  padding: 25px 15px 0 15px;
  position: relative;
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a.thumbnail-demos::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 5px;
  position: absolute;
  top: 10px;
  left: 25px;
  z-index: 0;
  color: rgba(0, 0, 0, 0.07);
  background-color: #F15252;
  box-shadow: 10px 0 0 #FACB34, 20px 0 0 #A7DF4B;
}
@media only screen and (max-width: 991px) {
  .mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a.thumbnail-demos {
    display: none;
  }
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a:nth-child(2) {
  padding: 6px 0 10px 5px !important;
  line-height: 1;
}
@media only screen and (max-width: 991px) {
  .mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a:nth-child(2) {
    padding: 10px 15px !important;
    text-align: left;
  }
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a.active {
  background: unset !important;
  color: var(--color-white);
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a.active.thumbnail-demos {
  background: unset !important;
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a .tmp-badge-card {
  position: absolute;
  z-index: 2;
  letter-spacing: 0.5px;
  top: 4px;
  right: 4px;
  padding: 4px 11px;
}
@media only screen and (max-width: 991px) {
  .mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a .tmp-badge-card {
    display: none;
  }
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:hover {
  transform: translateY(-10px);
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:hover .thumbnail-demos {
  background: unset !important;
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:hover a:nth-child(2) {
  background: unset !important;
  color: var(--color-white);
}
@media only screen and (max-width: 991px) {
  .mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down .load-demo-btn-wrap {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .nav-quick-access {
    list-style: none;
    padding-left: 0;
  }
}

/*--------------------------
    Header Top Styles  
-----------------------------*/
.header-top-news {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  z-index: 5;
  transition: 0.4s;
  margin-bottom: -1px;
}
.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 .close-button {
  background: transparent;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.1803921569);
  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;
}
@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 {
  margin: -8px;
}
.header-top-bar .social-default.icon-naked li {
  margin: 8px;
}
.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-top-bar.with-border-bottom {
  border-bottom: 1px solid var(--color-border);
}

/*------------------------------
    Popup Menu Styles  
--------------------------------*/
@media only screen and (min-width: 992px) {
  .popup-mobile-menu {
    display: none;
  }
}
.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 {
  width: 320px;
  z-index: 999;
  position: absolute;
  background-color: var(--color-card);
  height: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  opacity: 0;
  left: -150px;
  transition: all 0.5s ease-out;
}
.popup-mobile-menu .inner .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 .header-top .logo a img {
  max-height: 50px;
}
.popup-mobile-menu .inner .header-top .close-menu .close-button {
  background: var(--color-primary);
  border: 0 none;
  color: var(--color-white);
  width: 40px;
  height: 40px;
  font-size: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.popup-mobile-menu.active {
  visibility: visible;
  opacity: 1;
}
.popup-mobile-menu.active .inner {
  opacity: 1;
  left: 0;
  overflow-y: auto;
}
.popup-mobile-menu .mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 15px 20px;
}
.popup-mobile-menu .mainmenu li {
  margin: 0;
}
.popup-mobile-menu .mainmenu li a {
  padding: 8px 0;
  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 + li {
  border-top: 1px solid var(--color-border);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .popup-mobile-menu .mainmenu li + li {
    border-top: none;
  }
}
.popup-mobile-menu .mainmenu .has-droupdown .submenu {
  padding: 0;
  max-width: 100%;
  list-style: none;
  padding-left: 14px;
  display: none;
}
.popup-mobile-menu .mainmenu .has-droupdown .submenu li a {
  font-size: 15px;
}
.popup-mobile-menu .mainmenu .has-droupdown .submenu li a.active {
  color: var(--color-primary) !important;
}
.popup-mobile-menu .mainmenu .has-droupdown .has-third-lev > a {
  position: relative;
}
.popup-mobile-menu .mainmenu .has-droupdown .has-third-lev > a::after {
  position: absolute;
  content: "\e9b1";
  font-family: "feather" !important;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s;
}
.popup-mobile-menu .mainmenu .has-droupdown .has-third-lev > a.open {
  content: "\e996";
}
.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: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s;
}
.popup-mobile-menu .mainmenu .has-menu-child-item > a.open::after {
  content: "\e996";
}
.popup-mobile-menu .mainmenu .tmp-megamenu {
  padding: 0;
  max-width: 100%;
  list-style: none;
  padding-left: 14px;
  display: none;
}
@media only screen and (max-width: 991px) {
  .popup-mobile-menu .mainmenu .tmp-megamenu {
    padding-left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .popup-mobile-menu .mainmenu .tmp-megamenu .bg-content {
    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;
}

/*----------------------
    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: 992px) and (max-width: 1199px) {
  .mainmenu-nav.onepagenav .mainmenu li {
    margin: 0 7px;
  }
}
/**************************************
    Elements 
***************************************/
/*---------------------------
    Breadcrump Area 
-----------------------------*/

/*------------------------
    Section Title Styles 
--------------------------*/
.section-title .subtitle {
  font-size: 14px;
  line-height: 15px;
  font-weight: 500;
  margin-bottom: 15px;
  padding: 7px 12px;
  border-radius: 4px;
  display: inline-block;
  background: var(--color-primary-opacity-1);
  color: var(--color-primary-alt);
  text-transform: uppercase;
  position: relative;
}
.section-title .subtitle::before {
  content: "";
  pointer-events: none;
  user-select: none;
  position: absolute;
  inset: 0px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(55deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.05) 45%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.05) 55%, rgba(255, 255, 255, 0.05) 70%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.05) 100%);
  background-size: 400% 400%;
  -webkit-mask: linear-gradient(black, black) content-box content-box, linear-gradient(black, black);
  -webkit-mask-composite: xor;
  animation: overlayAnimate 6s ease 10s infinite reverse;
}
.section-title .title {
  margin-bottom: 0;
}
.section-title.text-center .description {
  padding: 0 23%;
  letter-spacing: -0.5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title.text-center .description {
    padding: 0 10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title.text-center .description {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-title.text-center .description {
    padding: 0;
  }
}

/*-------------------------------
    Modern Section Title  
-------------------------------*/
.line-separator {
  position: relative;
  background-image: linear-gradient(90deg, var(--color-primary), rgba(33, 38, 45, 0));
  width: 50px;
  height: 1px;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
}

.pres-line-separator-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  margin: 0 -15px;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .pres-line-separator-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.pres-line-separator-wrapper.text-center .line-separator.line-left {
  background-image: linear-gradient(-90deg, var(--color-primary), rgba(33, 38, 45, 0));
}
.pres-line-separator-wrapper.text-center .line-separator.line-right {
  background-image: linear-gradient(90deg, var(--color-primary), rgba(33, 38, 45, 0));
}
@media only screen and (max-width: 767px) {
  .pres-line-separator-wrapper .line-separator {
    display: none;
  }
}

.tmp-section-title-border .subtitle {
  display: flex;
  color: var(--color-body);
  font-size: 13px;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  align-items: center;
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  .tmp-section-title-border .subtitle {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.tmp-section-title-border .subtitle .subtitle-text {
  color: var(--color-body);
  font-weight: 700;
  width: max-content;
}
.tmp-section-title-border .subtitle .number {
  color: var(--color-body);
  transition: 0.5s;
  opacity: 0.6;
  display: none;
}

.text-start .pres-line-separator-wrapper {
  justify-content: start !important;
}

.tmp-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);
}

@keyframes overlayAnimate {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}

/*-----------------------
    Button Styles  
-------------------------*/

.tmp-btn,
.btn-default {
  padding: 0 28px;
  border-radius: 5px;
  background: var(--color-primary);
  transition-duration: 300ms;
  color: var(--color-white);
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  text-shadow: var(--shadow-light);
  display: flex;
  height: 50px;
  line-height: 49px;
  letter-spacing: 0.5px;
  width: max-content;
  transition: 0.4s;
  border: 0 none;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.6s;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .tmp-btn,
  .btn-default {
    padding: 0 16px;
    height: 42px;
    line-height: 42px;
  }
}
.tmp-btn::after,
.btn-default::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  left: 50%;
  top: 50%;
  background: var(--color-primary);
  transform: translateX(-50%) translateY(-50%) rotate(0deg);
  transition: all 0.6s;
  opacity: 0.5;
  z-index: -1;
  content: "";
  position: absolute;
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms;
  width: 200%;
  height: 200%;
  top: 110%;
  left: 50%;
  background: var(--color-primary);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;
}
.tmp-btn i,
.btn-default i {
  padding-left: 6px;
  display: inline-block;
  top: 2px;
  position: relative;
  font-size: 17px;
}
.tmp-btn.btn-small,
.btn-default.btn-small {
  height: 44px;
  line-height: 40px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 500;
}
.tmp-btn.btn-border.btn-small,
.btn-default.btn-border.btn-small {
  line-height: 36px;
}
.tmp-btn.btn-large,
.btn-default.btn-large {
  height: 60px;
  line-height: 59px;
  padding: 0 37px;
  font-size: 17px;
}
@media only screen and (max-width: 767px) {
  .tmp-btn.btn-large,
  .btn-default.btn-large {
    padding: 0 18px;
    font-size: 14px;
  }
}
.tmp-btn.hover-icon-reverse .icon-reverse-wrapper,
.btn-default.hover-icon-reverse .icon-reverse-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tmp-btn.hover-icon-reverse .btn-text,
.btn-default.hover-icon-reverse .btn-text {
  display: inline-block;
  transition: transform 0.6s 0.125s cubic-bezier(0.1, 0.75, 0.25, 1);
  margin-inline-start: -23px;
}
.tmp-btn.hover-icon-reverse .btn-icon,
.btn-default.hover-icon-reverse .btn-icon {
  display: inline-block;
  transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
  transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
}
.tmp-btn.hover-icon-reverse .btn-icon + .btn-icon,
.btn-default.hover-icon-reverse .btn-icon + .btn-icon {
  margin-inline-end: 0;
  margin-inline-start: 8px;
  display: inline-block;
  margin-inline-start: 0;
  margin-inline-end: 0;
  opacity: 0;
  transform: translateX(-10px);
  transition-delay: 0s;
  order: -2;
}
.tmp-btn.hover-icon-reverse .btn-icon + .btn-icon i,
.btn-default.hover-icon-reverse .btn-icon + .btn-icon i {
  padding-left: 0;
  padding-right: 6px;
}
.tmp-btn:hover,
.btn-default:hover {
  background-color: var(--color-secondary);
  color: var(--color-white);
  transform: translate3d(0, -2px, 0);
  box-shadow: var(--shadow-7);
  background-color: transparent;
}
.tmp-btn:hover::after,
.btn-default:hover::after {
  opacity: 1;
  top: -30%;
}
.tmp-btn:hover.hover-icon-reverse .btn-text,
.btn-default:hover.hover-icon-reverse .btn-text {
  transition-delay: 0.1s;
  transform: translateX(23px);
}
.tmp-btn:hover.hover-icon-reverse .btn-icon,
.btn-default:hover.hover-icon-reverse .btn-icon {
  opacity: 0;
  transition-delay: 0s;
  transform: translateX(10px);
}
.tmp-btn:hover.hover-icon-reverse .btn-icon + .btn-icon,
.btn-default:hover.hover-icon-reverse .btn-icon + .btn-icon {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.225s;
}
.tmp-btn:focus,
.btn-default:focus {
  box-shadow: none;
  border: none;
  background-color: unset;
  background: var(--color-primary);
}
.tmp-btn.btn-border,
.btn-default.btn-border {
  background: transparent;
  border-color: var(--color-border);
  border-width: 2px;
  border-style: solid;
}
.tmp-btn.btn-border:hover,
.btn-default.btn-border:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary) !important;
}
.tmp-btn.round,
.btn-default.round {
  border-radius: 4px;
}
.tmp-btn.rounded-player,
.btn-default.rounded-player {
  border-radius: 100%;
  width: 100px;
  height: 100px;
  padding: 0;
  line-height: 100px;
  display: inline-block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .tmp-btn.rounded-player,
  .btn-default.rounded-player {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}
.tmp-btn.rounded-player span,
.btn-default.rounded-player span {
  display: inline-block;
}
.tmp-btn.rounded-player span i,
.btn-default.rounded-player span i {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
}
.tmp-btn.rounded-player.sm-size,
.btn-default.rounded-player.sm-size {
  width: 70px;
  height: 70px;
  line-height: 70px;
}
.tmp-btn.rounded-player:focus,
.btn-default.rounded-player:focus {
  outline: none;
  color: var(--color-white);
}
.tmp-btn.rounded-player:hover,
.btn-default.rounded-player:hover {
  transform: scale(1.1);
  background: var(--color-primary);
}

.tmp-badge-card {
  background-color: transparent;
  background: transparent;
  padding: 1px 8px;
  border-radius: 100px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  position: relative;
  z-index: 2;
  letter-spacing: 0.5px;
}
.tmp-badge-card::before {
  background: var(--color-primary);
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: -1;
  border-radius: 100px;
}
.tmp-badge-card.success::before {
  background: var(--color-success);
  opacity: 1;
}

/*----------------------
    PRS 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;
}

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(--heading-opacity);
  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;
}


.popup-mobile-menu {
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(15px);
}

/*-------------------------
    Modern mdbutton  
---------------------------*/

@keyframes blinkHide {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
}
@keyframes blinkShow {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0;
  }
}
@keyframes rotateIt {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes flowtrightanim {
  0% {
    left: -200%;
  }
  to {
    left: 200%;
  }
}
@keyframes floating-points {
  0% {
    transform: translateY(0);
  }
  85% {
    opacity: 0;
  }
  to {
    transform: translateY(-55px);
    opacity: 0;
  }
}

/*--------------------
    Service Styles  
----------------------*/
.service.service__style--1 {
  padding: 30px 26px;
  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;
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .service.service__style--1 {
    padding: 30px 28px;
  }
}
@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 .shape-service-1 {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
  max-width: 150px;
  margin: auto;
  opacity: 0;
}
.service.service__style--1 .icon {
  font-size: 45px;
  font-weight: 400;
  margin-bottom: 23px;
  color: var(--color-primary);
  text-align: center;
  border-radius: 100%;
  display: flex;
  justify-content: center;
}
@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: 60px;
}
.service.service__style--1 .icon svg {
  stroke-width: 2px !important;
  width: 45px;
  height: 45px;
}
.service.service__style--1 .icon img {
  max-height: 60px;
}
.service.service__style--1 .content .title {
  margin-bottom: 19px;
}
@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);
}
.service.service__style--1 .content .discover-btn {
  text-align: center;
  display: flex;
  justify-content: center;
}
.service.service__style--1:hover {
  transform: translateY(-5px);
}
.service.service__style--1:hover .shape-service-1 {
  opacity: 0.3;
}
.service.service__style--1:hover .shape-service-1 img {
  animation: moveOut 0.4s linear;
}
.service.service__style--1.tmp-border-none {
  border: none;
}
@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.text-left .content .discover-btn, .service.service__style--1.text-start .content .discover-btn {
  justify-content: flex-start;
}
.service.service__style--1.variation-2 {
  padding-bottom: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.service-wrapper > [class*=col]:nth-child(2) .service.service__style--1 .icon {
  color: var(--color-secondary);
}
.service-wrapper > [class*=col]:nth-child(3) .service.service__style--1 .icon {
  color: var(--color-tertiary);
}
.service-wrapper > [class*=col]:nth-child(4) .service.service__style--1 .icon {
  color: var(--color-pink);
}
.service-wrapper > [class*=col]:nth-child(5) .service.service__style--1 .icon {
  color: var(--color-primary);
}
.service-wrapper > [class*=col]:nth-child(6) .service.service__style--1 .icon {
  color: var(--color-tertiary);
}

.inversweb-service-main-wrapper-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}
@media only screen and (max-width: 575px) {
  .inversweb-service-main-wrapper-list {
    justify-content: flex-start;
  }
}
.inversweb-service-main-wrapper-list .single-service-wrapper {
  display: flex;
  align-items: center;
  background: var(--color-card);
  border-radius: 6px;
  transition: all 0.3s;
}
@media only screen and (max-width: 575px) {
  .inversweb-service-main-wrapper-list .single-service-wrapper {
    width: 100%;
  }
}
.inversweb-service-main-wrapper-list .single-service-wrapper.tmponhover::after {
  border-radius: 6px;
}
.inversweb-service-main-wrapper-list .single-service-wrapper .content .title {
  margin: 0;
  padding: 0 20px;
  font-size: 24px;
  color: var(--color-body);
  font-weight: 400;
  font-family: var(--font-primary);
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 991px) {
  .inversweb-service-main-wrapper-list .single-service-wrapper .content .title {
    font-size: 16px;
  }
}
@media only screen and (max-width: 575px) {
  .inversweb-service-main-wrapper-list .single-service-wrapper .content .title {
    font-size: 16px;
  }
}
.inversweb-service-main-wrapper-list .single-service-wrapper .thumbnail {
  max-width: 94px;
  display: block;
  overflow: hidden;
  border-radius: 6px;
}
@media only screen and (max-width: 991px) {
  .inversweb-service-main-wrapper-list .single-service-wrapper .thumbnail {
    max-width: 50px;
  }
}
.inversweb-service-main-wrapper-list .single-service-wrapper .thumbnail img {
  transition: 0.6s;
}
.inversweb-service-main-wrapper-list .single-service-wrapper:hover {
  transform: translateY(-5px);
}
.inversweb-service-main-wrapper-list .single-service-wrapper:hover .thumbnail img {
  transform: scale(1.08);
}

.single-service-list-area {
  margin-bottom: 30px;
}
.single-service-list-area:last-child {
  margin-bottom: 0;
}
.single-service-list-area .thumbnail-service-list {
  border-radius: 6px;
  display: block;
  overflow: hidden;
}
.single-service-list-area .thumbnail-service-list img {
  transition: 0.4s;
}
.single-service-list-area .inner-content {
  
}
@media only screen and (max-width: 1199px) {
  .single-service-list-area .inner-content {
    max-width: 100%;
  }
}
.single-service-list-area .inner-content .head {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.single-service-list-area .inner-content .head .icon {
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  border-radius: 6px;
}
.single-service-list-area .inner-content .head .icon img {
  max-width: 30px;
}
.single-service-list-area .inner-content .head .title {
  margin-bottom: 0;
  font-size: 24px;
}
.single-service-list-area:hover .thumbnail-service-list img {
  transform: scale(1.12);
}

/*----------------------
    Card Styles  
-------------------------*/
.card-box.card-style-1 {
  box-shadow: var(--shadow-lighter);
  background-color: var(--color-card);
  padding: 20px;
  border-radius: 5px;
  margin-top: 30px;
  transition: 0.3s;
  margin-top: 0;
}
.card-box.card-style-1:hover {
  transform: translateY(-5px);
}
.card-box .inner .image a img {
  border-radius: 5px;
  width: 100%;
}
.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 .tmp-btn {
  margin-top: 20px;
}

/* Counter Style One  */

/*------------------------------
    Counterup Style Four  
-------------------------------*/

/*-----------------------
    Progress Bar 
-----------------------*/

.progress {
  height: 15px;
  overflow: hidden;
  background-color: var(--color-card);
  border-radius: 500px;
}

/*-----------------------------------
    Radial Progress 
-----------------------------------*/

.radial-progress {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .radial-progress {
    display: inline-block;
  }
}

/*--------------------------
    Accordion Styles  
---------------------------*/

/*-----------------------
    Social Icons 
-------------------------*/
.social-default {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: center;
  margin: -8px;
}
.social-default li {
  margin: 5px;
}
.social-default li a {
  width: 48px;
  background-color: var(--color-lessdark);
  height: 48px;
  line-height: 43px;
  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.icon-naked li a {
  background: transparent !important;
  width: auto;
  height: auto;
  line-height: inherit;
}
.social-default.icon-naked li a::after {
  display: none;
}
.social-default.icon-naked li a:hover {
  color: var(--color-primary) !important;
}

/*----------------------
    Team Style  
-------------------------*/
.tmp-box-card {
  margin-top: 75px;
  background: var(--color-card);
  backdrop-filter: blur(4px) opacity(0.95);
  border-radius: var(--radius-small);
}
.tmp-box-card .inner .thumbnail {
  max-width: max-content;
  max-height: max-content;
  border-radius: 100%;
  border: 6px solid var(--color-card);
  top: -75px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 150px;
  min-height: 150px;
  overflow: hidden;
}
.tmp-box-card .inner .thumbnail img {
  border-radius: 100%;
}
.tmp-box-card .inner .content {
  text-align: center;
  padding: 20px;
  padding-top: 85px;
  padding-bottom: 35px;
}
.tmp-box-card .inner .content .title {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 0;
}
.tmp-box-card .inner .content .subtitle {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 5px;
  display: inline-block;
  color: var(--color-primary);
}
.tmp-box-card .inner .content .description {
  margin-bottom: 0;
  padding: 0 5%;
}
.tmp-box-card .inner .rating img {
  margin-left: -3px;
  margin-bottom: 24px;
  max-height: 35px;
}
.tmp-box-card .inner .social-icon li a {
  color: var(--color-body);
}

/*---------------------
    Team Style Two  
-----------------------*/

/*---------------------
    Team Style Three  
-----------------------*/

/*---------------------
    Portfolio Styles  
-----------------------*/

.tmp-card {
  overflow: hidden;
}
.tmp-card .inner .thumbnail {
  position: relative;
}
.tmp-card .inner .thumbnail .video-icon {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  border-radius: 50%;
}
.tmp-card .inner .thumbnail .video-icon .tmp-btn {
  border-radius: 50%;
}
.tmp-card .inner .thumbnail .video-icon .tmp-btn.btn-small {
  width: 85px;
  height: 85px;
}
.tmp-card .inner .thumbnail .video-icon .tmp-btn.btn-small span i {
  font-size: 26px;
}
.tmp-card .inner .content {
  padding-top: 20px;
}
.tmp-card .inner .content .subtitle {
  text-transform: capitalize;
}
.tmp-card:hover {
  transform: translateY(-4px);
}

/*------------------
    No Overlay  
--------------------*/

/*----------------------
    Box Grid Layout  
------------------------*/

/*-----------------------------
    Filter Button Style  
-------------------------------*/

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

/*----------------------------------
    Portfolio Grid Layout  
----------------------------------*/

@keyframes arrowUpDown {
  0% {
    transform: translate(0);
  }
  40% {
    opacity: 0;
    transform: translate(17px, -20px);
  }
  60% {
    opacity: 0;
    transform: translate(-19px, 18px);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}

/*-------------------------
    Testimonial Styles  
--------------------------*/
.card-style-default.testimonial-style-one {
  margin-top: 0;
}
.card-style-default.testimonial-style-one .inner {
  padding-top: 0;
  padding: 30px 40px;
}
@media only screen and (max-width: 575px) {
  .card-style-default.testimonial-style-one .inner {
    padding: 20px;
  }
}
.card-style-default.testimonial-style-one .inner .thumbnail {
  overflow: visible;
  min-width: 50px;
  min-height: 50px;
  margin-left: inherit;
  max-width: 50px;
  max-height: 50px;
  border: 3px solid var(--color-primary);
  position: static;
  transform: none;
  margin-bottom: 15px;
}
.card-style-default.testimonial-style-one .inner .content {
  padding: 0;
  text-align: left;
}
.card-style-default.testimonial-style-one .inner .content .description {
  padding: 0;
  margin-bottom: 27px;
  margin-top: 0px;
}
.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 .inner .content .rating {
  display: flex;
  align-items: center;
  gap: 10px;
}
.card-style-default.testimonial-style-one .inner .content .rating img {
  max-width: 20px;
  margin-bottom: 0;
}
.card-style-default.testimonial-style-one .inner .content-bottom {
  display: flex;
  align-items: center;
}
.card-style-default.testimonial-style-one .inner .content-bottom .thumbnail {
  margin-bottom: 0;
  margin-right: 15px;
}
.card-style-default.testimonial-style-one.variation-2 .inner {
  padding: 30px 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .card-style-default.testimonial-style-one.variation-2 .inner {
    padding: 22px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .card-style-default.testimonial-style-one.variation-2 .inner {
    padding: 22px 20px;
  }
}
.card-style-default.testimonial-style-one.variation-2 .content .description {
  font-size: 16px;
}

/*-----------------------------
    Testimonial Style Two  
-------------------------------*/

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

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

/*----------------------
    Slick Dots  
------------------------*/
.tmp-slick-dot .slick-dots {
  bottom: -60px;
}
@media only screen and (max-width: 575px) {
  .tmp-slick-dot .slick-dots {
    bottom: -50px;
  }
}
.tmp-slick-dot .slick-dots li {
  width: 30px;
  margin: 0;
  opacity: 1;
  position: relative;
}
.tmp-slick-dot .slick-dots li button::before {
  display: none;
}
.tmp-slick-dot .slick-dots li button::after {
  background: var(--color-border);
  width: 100%;
  display: block;
  content: "";
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-left: 11px;
  background-color: transparent;
  box-shadow: inset 0 0 0 7px var(--color-border);
}
.tmp-slick-dot .slick-dots li.slick-active {
  opacity: 1;
}
.tmp-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;
}

/*----------------------
    Slick Arrow  
------------------------*/
.tmp-slick-arrow {
  position: relative;
}
.tmp-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) {
  .tmp-slick-arrow button.slick-arrow {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tmp-slick-arrow button.slick-arrow {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .tmp-slick-arrow button.slick-arrow {
    display: none !important;
  }
}
.tmp-slick-arrow button.slick-arrow:hover {
  background: var(--color-primary);
  border-color: var(--color-primary) !important;
  transform: translateY(-50%) scale(1.2);
}
.tmp-slick-arrow button.slick-arrow::before {
  line-height: 1;
  opacity: 0.4;
  position: relative;
  top: -2px;
  transition: 0.5s;
  z-index: 2;
}
.tmp-slick-arrow button.slick-arrow.prev-arrow {
  left: 70px;
}
@media only screen and (max-width: 767px) {
  .tmp-slick-arrow button.slick-arrow.prev-arrow {
    left: 10px;
  }
}
.tmp-slick-arrow button.slick-arrow.prev-arrow::before {
  content: url(../images/slick-arrow-left-small.png);
  vertical-align: middle;
}
.tmp-slick-arrow button.slick-arrow.prev-arrow:hover {
  left: 60px;
}
.tmp-slick-arrow button.slick-arrow.prev-arrow:hover::before {
  opacity: 1;
}
.tmp-slick-arrow button.slick-arrow.next-arrow {
  left: auto;
  right: 70px;
}
@media only screen and (max-width: 767px) {
  .tmp-slick-arrow button.slick-arrow.next-arrow {
    right: 10px;
  }
}
.tmp-slick-arrow button.slick-arrow.next-arrow::before {
  content: url(../images/slick-arrow-right-small.png);
  vertical-align: middle;
}
.tmp-slick-arrow button.slick-arrow.next-arrow:hover {
  right: 60px;
}
.tmp-slick-arrow button.slick-arrow.next-arrow:hover::before {
  opacity: 1;
}
.tmp-slick-arrow button.slick-arrow i {
  display: none;
}
.tmp-slick-arrow.slick-arrow-alignwide button.slick-arrow.prev-arrow {
  left: -105px;
}
.tmp-slick-arrow.slick-arrow-alignwide button.slick-arrow.next-arrow {
  right: -105px;
  left: auto;
}
.tmp-slick-arrow:hover button.slick-arrow {
  opacity: 1;
}

.tmp-slick-arrow-white.tmp-slick-arrow button.slick-arrow {
  color: var(--heading-opacity-2);
  border-color: var(--heading-opacity-2);
}

/* -----------------------
Timeline Area  
--------------------------*/

/*------------------------------
    Single Timeline Styles  
-------------------------------*/

@-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  
----------------------------*/

/*--------------------------------
    Call To Action Style  
--------------------------------*/

.images-left-right-float {
  right: -110px !important;
}
@media only screen and (max-width: 575px) {
  .images-left-right-float {
    right: -223px !important;
  }
}

.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;
}

.footer-message-and-form {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: var(--gap);
  align-items: end;
}
@media only screen and (max-width: 767px) {
  .footer-message-and-form {
    display: flex;
    grid-template-columns: 1fr 1.4fr;
    gap: var(--gap);
    align-items: end;
    flex-flow: column-reverse;
  }
}
@media only screen and (max-width: 575px) {
  .footer-message-and-form {
    align-items: start;
  }
}
.footer-message-and-form .colophon {
  font-size: 1.8rem;
  line-height: 1.3;
  margin: 2rem 0 0;
}
.footer-message-and-form .colophon a {
  transition: 0.3s;
}

.footer-form-wrap {
  background: var(--color-card) !important;
  padding: 30px;
  margin: -80px 0 0;
  position: relative;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: 4px solid var(--color-primary);
  z-index: 1;
}
@media only screen and (max-width: 575px) {
  .footer-form-wrap {
    padding: 15px;
  }
}
.footer-form-wrap::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/icons/noise.gif);
  z-index: -1;
  background-color: rebeccapurple;
  opacity: 0.03;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.footer-form-wrap h4 {
  font-size: 26px;
}
.footer-form-wrap form {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media only screen and (max-width: 575px) {
  .footer-form-wrap form {
    gap: 2px;
  }
}
.footer-form-wrap form input {
  height: 50px;
  background: rgba(255, 255, 255, 0);
  color: var(--color-body);
}

.footer-form-wrap h5 {
  margin-top: 0;
}

.footer-form-wrap:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 100%;
  width: 37px;
  height: 79px;
  background: var(--color-primary);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
@media only screen and (max-width: 575px) {
  .footer-form-wrap:after {
    display: none;
  }
}

.bg-cta-modern {
  background-image: url(../images/cta-bg.jpg);
  min-height: 290px;
  height: auto;
  display: flex;
  align-items: center;
}
.bg-cta-modern::before {
  z-index: 1;
}
.bg-cta-modern.large-height {
  min-height: 390px;
  height: auto;
}
.bg-cta-modern.large-height .right-wrapper p {
  font-size: 32px;
}
@media only screen and (max-width: 767px) {
  .bg-cta-modern.large-height .right-wrapper p {
    font-size: 20px;
  }
}

.call-to-action-modern-wrapper {
  display: flex;
  align-items: center;
  gap: 320px;
}
@media only screen and (max-width: 991px) {
  .call-to-action-modern-wrapper {
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .call-to-action-modern-wrapper {
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .call-to-action-modern-wrapper {
    flex-direction: column;
    gap: 10px !important;
    margin-bottom: 46px;
  }
}
.call-to-action-modern-wrapper .title {
  font-size: 54px;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  .call-to-action-modern-wrapper .title {
    font-size: 42px;
  }
}
@media only screen and (max-width: 991px) {
  .call-to-action-modern-wrapper .title {
    font-size: 36px;
  }
  .call-to-action-modern-wrapper .title br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .call-to-action-modern-wrapper .title {
    font-size: 32px;
  }
}
.call-to-action-modern-wrapper .right-wrapper {
  display: flex;
  align-items: center;
  gap: 35px;
}
.call-to-action-modern-wrapper .right-wrapper p {
  font-size: 26px;
  margin: 0;
  color: #fff;
}
.call-to-action-modern-wrapper .right-wrapper p a {
  font-weight: 600;
  color: #fff;
  transition: 0.3s;
  text-decoration: underline;
}
.call-to-action-modern-wrapper .right-wrapper p a:hover {
  color: var(--color-primary);
}

/*---------------------
    Tab Styles  
-----------------------*/

/*--------------------------
    split Area Styles  
----------------------------*/

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

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

/*------------------------------
    Gallery Styles  
--------------------------------*/

/*==========================
    Contact Address 
============================*/

/*--------------------------
    Address Area  
----------------------------*/

.brand-carousel-activation {
  padding: 0 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .brand-carousel-activation {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-carousel-activation {
    padding: 0 10px;
  }
}
@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: 1;
  transition: 0.4s;
  max-width: 120px;
}
.brand-carousel-activation li:hover a img {
  opacity: 1;
  transform: scale(1.1);
}
.brand-carousel-activation.tmp-slick-arrow button.slick-arrow {
  width: 50px;
  height: 50px;
}
.brand-carousel-activation.tmp-slick-arrow button.slick-arrow i {
  display: block;
  font-size: 24px;
  color: #fff;
}
.brand-carousel-activation.tmp-slick-arrow button.slick-arrow::before {
  display: none;
}

.brand-list .slick-track {
  display: flex;
  align-items: center;
}

.brand-carousel-activation .slick-dots {
  max-width: max-content;
  left: 50%;
  transform: translateX(-50%);
}

/*---------------------------
    Error Styles Area  
-----------------------------*/

.nav-tabs {
  border-bottom: 0;
}


.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 Pricing Table  
------------------------------*/

iframe {
  border-radius: 10px;
}

/*--------------------------
    Swicher Styles  
----------------------------*/

.show-on-scroll {
  opacity: 0;
}

.show-on-scroll.show {
  opacity: 1;
}

.show-on-scroll.hide {
  opacity: 0;
}

.scrollbar-v {
  background: var(--color-primary);
  position: fixed;
  top: calc(50% + 60px);
  right: 60px;
  width: 2px;
  transition: all linear 0.1s;
  min-height: 0%;
  z-index: 996;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .scrollbar-v {
    right: 30px;
  }
}

.scrollbar-v:before {
  content: "";
  position: absolute;
  left: 0;
  width: 2px;
  min-height: 100px;
  background: rgba(255, 255, 255, 0.15);
}

.scrollbar-v::after {
  content: "";
  position: absolute;
  left: -13px;
  width: 25px;
  min-height: 100px;
  background: transparent;
}

.float-text {
  width: 20px;
  position: fixed;
  z-index: 995;
  margin-left: 30px;
  text-align: center;
  font-size: 12px;
  top: 50%;
  right: 38px;
  transform: translate(-50%, -50%);
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .float-text {
    right: 8px;
  }
}

.float-text a {
  color: #fff;
}

.float-text span {
  margin-left: -5px;
  margin-top: 20px;
  writing-mode: vertical-rl;
  letter-spacing: 0.75px;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  color: #222;
}

.show-on-scroll span a {
  padding: 9px 5px;
  border-radius: 20px;
  background: var(--color-card);
  color: var(--color-white);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
}

/*--------------------------
    About Styles  
---------------------------*/

.about-style-4 .title {
  font-weight: 400;
  margin-bottom: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .about-style-4 .title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1199px) {
  .about-style-4 .title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 991px) {
  .about-style-4 .title {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .about-style-4 .title {
    font-size: 26px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .about-style-4 .title {
    font-size: 26px;
  }
}
.about-style-4 .feature-list {
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 1199px) {
  .about-style-4 .feature-list {
    margin-bottom: 15px;
  }
}
.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;
  
  margin-top: 13px;
}
@media only screen and (max-width: 1199px) {
  .about-style-4 .feature-list li .title-wrapper .text {
    max-width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .about-style-4 .feature-list li .title-wrapper .text {
    max-width: 100%;
  }
}

.about-2-thumbnail-left-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .about-2-thumbnail-left-wrapper {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .about-2-thumbnail-left-wrapper {
    margin-left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .about-2-thumbnail-left-wrapper {
    margin-left: 0;
  }
}
.about-2-thumbnail-left-wrapper .single-thumbnail {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-big);
}
.about-2-thumbnail-left-wrapper .single-thumbnail img {
  display: block;
  width: 100%;
  border-radius: var(--radius-big);
}
.about-2-thumbnail-left-wrapper .single-thumbnail .video-icon {
  position: absolute;
  z-index: 20;
  right: 30px;
  bottom: 30px;
}
.about-2-thumbnail-left-wrapper .absolute-rating-area {
  position: absolute;
  left: 40%;
  padding: 20px 32px;
  background: var(--color-card);
  border-radius: 6px;
  bottom: 25%;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  right: auto !important;
  border: 1px solid var(--color-border);
}
.about-2-thumbnail-left-wrapper .absolute-rating-area p {
  margin-bottom: 10px;
}
.about-2-thumbnail-left-wrapper .absolute-rating-area p .odometer {
  color: var(--color-primary);
  font-weight: 600;
  font-size: 18px;
}
.about-2-thumbnail-left-wrapper .stars-area {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 10px;
}
.about-2-thumbnail-left-wrapper .stars-area img {
  max-width: 16px;
  margin-bottom: 0;
}

.about-relative-thumb .absolute-rating-area {
  position: absolute;
  left: -10%;
  padding: 20px 32px;
  background: var(--color-card);
  border-radius: 6px;
  bottom: 9%;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  right: auto !important;
  border: 1px solid var(--color-border);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .about-relative-thumb .absolute-rating-area {
    left: 7%;
  }
}
@media only screen and (max-width: 1199px) {
  .about-relative-thumb .absolute-rating-area {
    left: 15%;
  }
}
@media only screen and (max-width: 991px) {
  .about-relative-thumb .absolute-rating-area {
    left: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .about-relative-thumb .absolute-rating-area {
    left: 15%;
  }
}
@media only screen and (max-width: 575px) {
  .about-relative-thumb .absolute-rating-area {
    padding: 5px 16px;
    bottom: 10px;
  }
}
.about-relative-thumb .absolute-rating-area img {
  margin-bottom: 15px;
}
.about-relative-thumb .absolute-rating-area .profile-share a img {
  max-width: 45px;
}
.about-relative-thumb .absolute-rating-area .stars-area {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 10px;
}
.about-relative-thumb .absolute-rating-area .stars-area img {
  max-width: 20px;
  margin-bottom: 0;
}
.about-relative-thumb .absolute-rating-area p {
  font-size: 18px;
  color: var(--color-white);
  font-weight: 500;
  margin-bottom: 0;
}

/*---------------------------
    Newsletter Styles  
----------------------------*/

/*------------------------
    Featue Styles  
--------------------------*/

/*----------------------------
    Edu Pagination Style  
------------------------------*/

.grow-thumbnail {
  transform: scaleX(1);
}

/*----------------------
 tool tip 
------------------------*/
.profile-share {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.profile-share a {
  position: relative;
  z-index: 1;
  transition: var(--transition);
}
.profile-share a:nth-child(2) {
  margin-left: -12px;
}
.profile-share a:nth-child(3) {
  margin-left: -12px;
}
.profile-share a img {
  max-width: 60px;
  border-radius: 50%;
  border: 3px solid var(--color-border);
  transition: var(--transition);
  box-shadow: var(--shadow-1);
}
.profile-share a:hover {
  z-index: 2;
  transform: translateY(-3px) scale(1.1);
}

.avatar {
  position: relative;
}
.avatar::after, .avatar::before {
  --scale: 0;
  --arrow-size: 8px;
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
  transition: 150ms transform;
  transform-origin: bottom center;
}
.avatar::before {
  --translate-y: calc(-100% - var(--arrow-size));
  content: attr(data-tooltip);
  color: var(--color-white);
  padding: 5px 8px;
  background: var(--color-primary);
  width: max-content;
  border-radius: 5px;
  text-align: center;
  font-size: 12px;
  margin: 1px;
}
.avatar::after {
  --translate-y: calc(-1 * var(--arrow-size));
  content: "";
  border: var(--arrow-size) solid transparent;
  border-top-color: var(--color-primary);
}
.avatar:hover::before, .avatar:hover::after {
  --scale: 1;
}

.tmp-search-input-area.show {
  visibility: visible;
  transform: inherit;
  opacity: 1;
  transform: scaleY(1);
  clip: rect(0px, 100vw, 200vh, -30px);
  transition: clip 0.6s linear, opacity 0.4s linear;
}

.tmp-search-input-area {
  transition: all 300ms ease;
  visibility: hidden;
  transform: translateY(-100%);
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 50px 0 90px 0;
  background: #121214;
  box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.46);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: 0 0;
  transform: scaleY(0);
  z-index: 1000;
  overflow: hidden;
  display: block;
  transform: scaleY(0);
  clip: rect(0px, 200vw, 0, 0px);
  transform: translateZ(0);
}
.tmp-search-input-area .bg-text {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  bottom: -20px;
  line-height: 1;
  font-size: 230px;
  text-transform: uppercase;
  font-weight: 800;
  z-index: -1;
  letter-spacing: 0px;
  opacity: 0.6;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.02));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tmp-search-input-area::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/icons/noise.gif);
  z-index: -1;
  background-color: #121214;
  opacity: 0.03;
}
@media only screen and (max-width: 479px) {
  .tmp-search-input-area {
    padding: 20px 0;
  }
}
.tmp-search-input-area .card-box .inner .content .title {
  font-size: 16px;
}
.tmp-search-input-area .popular-keyword {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .tmp-search-input-area .popular-keyword {
    flex-wrap: wrap;
  }
}
.tmp-search-input-area .popular-keyword .title {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
}
.tmp-search-input-area .popular-keyword .tag-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media only screen and (max-width: 767px) {
  .tmp-search-input-area .popular-keyword .tag-wrapper {
    flex-wrap: wrap;
  }
}
.tmp-search-input-area .search-input-inner {
  margin: auto;
}
@media only screen and (max-width: 1199px) {
  .tmp-search-input-area .search-input-inner {
    overflow-y: scroll;
    max-height: 90vh;
    overflow-x: hidden;
  }
  .tmp-search-input-area .search-input-inner::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .tmp-search-input-area .search-input-inner {
    max-width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp-search-input-area .search-input-inner {
    padding-top: 50px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 479px) {
  .tmp-search-input-area .search-input-inner {
    max-width: 95%;
  }
}
.tmp-search-input-area .search-input-inner .input-div {
  width: 100%;
  display: flex;
  align-items: center;
  margin: auto;
  border-radius: 6px;
}
.tmp-search-input-area .search-input-inner .input-div input {
  border-radius: 5px;
  height: 55px;
  color: var(--color-white);
}
.tmp-search-input-area .search-input-inner .input-div button {
  max-width: max-content;
  padding: 13px;
  background: var(--color-primary);
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
  display: block;
  margin-left: -9px;
  border-radius: 0 5px 5px 0;
  height: 55px;
  min-width: 55px;
  border: none;
  box-shadow: none;
}
.tmp-search-input-area .search-input-inner .input-div button img {
  max-width: 26px;
}
.tmp-search-input-area .search-close-icon {
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 30px;
  max-width: 50px;
  padding: 15px;
  background: var(--color-card);
  height: 55px;
  min-width: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tmp-search-input-area .search-close-icon::after {
  border-radius: 50%;
}
@media only screen and (max-width: 1199px) {
  .tmp-search-input-area .search-close-icon {
    height: 45px;
    min-width: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp-search-input-area .search-close-icon {
    right: 15px;
    top: 15px;
  }
}
.tmp-search-input-area .search-close-icon img {
  max-width: 16px;
}
.tmp-search-input-area .search-close-icon i {
  position: relative;
  z-index: 1;
  color: var(--color-primary);
  transition: 0.3s;
  font-size: 18px;
}
.tmp-search-input-area .search-close-icon i::after {
  position: absolute;
  height: 45px;
  width: 45px;
  content: "";
  border-radius: 5px;
  background: var(--color-primary-alta);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: 0.3s;
}
.tmp-search-input-area .search-close-icon:hover i {
  color: var(--color-primary);
}
.tmp-search-input-area .search-close-icon:hover i::after {
  background: var(--color-primary-alta);
}

#anywhere-home {
  cursor: url(../images/icons/close.png), auto;
  background: #0e1013;
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 500ms ease-in-out;
  pointer-events: none;
  z-index: 50;
}
#anywhere-home.bgshow {
  background: #0e1013;
  opacity: 70%;
  visibility: visible;
  pointer-events: visible;
  z-index: 1000;
  top: 0;
}

@keyframes tmpTestimonialAnimation {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-1750px);
  }
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}

.loaded {
  display: none;
}

#inverweb-load {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #111111;
  z-index: 999999;
}
#inverweb-load .loader {
  position: absolute;
  transform: rotateZ(45deg) translate(-50%, -50%);
  perspective: 1000px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  color: #fff;
  left: 48%;
  top: 50%;
}
#inverweb-load .loader:before,
#inverweb-load .loader:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  transform: rotateX(70deg);
  animation: 1s spin linear infinite;
}
#inverweb-load .loader:after {
  color: var(--color-primary);
  transform: rotateY(70deg);
  animation-delay: 0.4s;
}
@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}
@keyframes rotateccw {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@keyframes spin {
  0%, 100% {
    box-shadow: 0.2em 0px 0 0px currentcolor;
  }
  12% {
    box-shadow: 0.2em 0.2em 0 0 currentcolor;
  }
  25% {
    box-shadow: 0 0.2em 0 0px currentcolor;
  }
  37% {
    box-shadow: -0.2em 0.2em 0 0 currentcolor;
  }
  50% {
    box-shadow: -0.2em 0 0 0 currentcolor;
  }
  62% {
    box-shadow: -0.2em -0.2em 0 0 currentcolor;
  }
  75% {
    box-shadow: 0px -0.2em 0 0 currentcolor;
  }
  87% {
    box-shadow: 0.2em -0.2em 0 0 currentcolor;
  }
}

.inverweb-side-bar-close {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: -100%;
  width: 400px;
  padding: 20px 30px;
  padding-top: 25px;
  height: 100%;
  display: block;
  background: #121214;
  backdrop-filter: blur(7px);
  z-index: 1001;
  transition: all 600ms ease;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
@media only screen and (max-width: 575px) {
  .inverweb-side-bar-close {
    width: 375px;
  }
}
@media only screen and (max-width: 479px) {
  .inverweb-side-bar-close {
    width: 320px;
  }
}
.inverweb-side-bar-close::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/icons/noise.gif);
  z-index: -1;
  background-color: #121214;
  opacity: 0.03;
}
.inverweb-side-bar-close.show {
  right: 0;
}
.inverweb-side-bar-close .close-icon-menu {
  max-width: max-content;
  border: none;
  box-shadow: none;
  border-radius: 50%;
  display: block;
  min-height: 50px;
  min-width: 50px;
  background-color: #1d1d1d;
}
.inverweb-side-bar-close .close-icon-menu::after {
  border-radius: 50%;
}
.inverweb-side-bar-close .close-icon-menu i {
  color: #fff;
  font-size: 22px;
}
.inverweb-side-bar-close .logo-side {
  padding-bottom: 30px;
  padding-top: 30px;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 25px;
}
.inverweb-side-bar-close .logo-side a img {
  max-width: 140px;
}
.inverweb-side-bar-close .side-info .contact-list {
  margin-bottom: 20px;
}
.inverweb-side-bar-close .side-info .contact-list h4 {
  font-size: 20px;
  margin-bottom: 10px;
}
.inverweb-side-bar-close .side-info .contact-list p {
  margin-bottom: 0;
}
.inverweb-side-bar-close .side-info .contact-list a {
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
}
.inverweb-side-bar-close .side-info .contact-list a + a {
  margin-top: 8px;
}
.inverweb-side-bar-close .side-info .contact-list a i {
  flex-shrink: 0;
  font-size: 16px;
  opacity: 0.9;
}
.inverweb-side-bar-close .tmp-gallery:hover .video-icon {
  transform: translate(-50%, -50%) scale(0.5);
}
.inverweb-side-bar-close .tmp-gallery .thumbnail img {
  border-radius: 4px;
}
.inverweb-side-bar-close .shape-right-top {
  position: absolute;
  top: -150px;
  z-index: -1;
  right: -50px;
  left: auto;
  transform: scaleX(-1);
  opacity: 1;
}

/**************************************
            Blog 
***************************************/
/*----------------------
    Blog Styles  
-----------------------*/
.tmp-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background: var(--color-card);
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: var(--radius);
  overflow: hidden;
  transition: all 0.5s;
  border: 1px solid var(--color-border);
  height: 100%;
}
.tmp-card .inner .thumbnail {
  overflow: hidden;
}
.tmp-card .inner .thumbnail a {
  display: block;
  overflow: hidden;
}
.tmp-card .inner .thumbnail a img {
  width: 100%;
  transition: 0.5s;
  overflow: hidden;
}
.tmp-card .inner .content {
  padding: 30px;
  padding-top: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tmp-card .inner .content {
    padding: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp-card .inner .content {
    padding: 16px 14px;
  }
}
.tmp-card .inner .content .descriptiion {
  margin-bottom: 15px;
}
.tmp-card .inner .content .title {
  font-size: 24px;
  line-height: 1.5;
  transition: all 0.5s;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1199px) {
  .tmp-card .inner .content .title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp-card .inner .content .title {
    font-size: 20px;
  }
}
.tmp-card:hover .inner .thumbnail a img {
  transform: scale(1.1);
}

.tag-news {
  position: absolute;
  left: 10px;
  top: 10px;
  display: block;
  max-width: max-content;
  padding: 5px 15px;
  color: var(--color-white);
  background: var(--color-card);
  border-radius: 3px;
  pointer-events: none;
}

.inversweb-meta-list {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  padding-left: 15px;
  margin-bottom: 10px;
  position: relative;
}
@media only screen and (max-width: 575px) {
  .inversweb-meta-list {
    gap: 5px;
  }
}
.inversweb-meta-list::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 7px;
  width: 7px;
  background: var(--color-primary);
  border-radius: 50%;
}
.inversweb-meta-list li {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.inversweb-meta-list li span i {
  margin-right: 5px;
}
.inversweb-meta-list li.comment-area {
  margin-left: 12px;
}
.inversweb-meta-list li.comment-area i {
  margin-right: 3px;
}

/*------------------------------
    Blog Details 
----------------------------------*/

/**************************************
    Footer Styles
***************************************/
/*-----------------------
    Footer Style Here  
------------------------*/
.logo a img {
  max-height: 61px;
  max-width: 154px;
}
@media only screen and (max-width: 479px) {
  .logo a img {
    max-width: 132px;
  }
}

.footer-style-default .footer-top {
  padding: 100px 0;
  padding-bottom: 70px;
}
@media only screen and (max-width: 575px) {
  .footer-style-default .footer-top {
    padding-bottom: 40px;
  }
}
.footer-style-default .footer-top .tmp-footer-widget .title {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 14px;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.footer-style-default .footer-top .tmp-footer-widget .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
  min-width: 28px;
  max-width: 56px;
  height: 2px;
  border-radius: 1px;
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);
}

body.demo-medical.active-light-mode .footer-style-default .footer-top .tmp-footer-widget .title::after {
  background: linear-gradient(90deg, var(--amar-burgundy) 0%, var(--amar-gold-deep) 100%);
}
.footer-style-default .footer-top .tmp-footer-widget .subtitle {
  font-weight: 400;
  color: var(--color-body);
  font-size: 16px;
  
  line-height: 28px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .footer-style-default .footer-top .tmp-footer-widget .subtitle {
    padding-right: 0;
  }
}
.footer-style-default .footer-top .tmp-footer-widget .inner {
  margin-top: 13px;
}
.footer-style-default .footer-top .tmp-footer-widget .footer-link {
  list-style: none;
  padding: 0;
}
.footer-style-default .footer-top .tmp-footer-widget .footer-link li {
  margin-top: 5px;
  margin-bottom: 5px;
}
.footer-style-default .footer-top .tmp-footer-widget .footer-link li a {
  font-size: 14px;
  display: inline-block;
  color: var(--color-body);
  line-height: 25px;
  transition: 0.3s;
  text-transform: capitalize;
}
.footer-style-default .footer-top .tmp-footer-widget .footer-link li a:hover {
  color: var(--color-primary);
}
.footer-style-default .footer-top .tmp-footer-widget .footer-link li a:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}
.footer-style-default.variation-two {
  border: 1px solid var(--color-border);
  background: var(--color-card);
  border-radius: 0;
  position: relative;
  z-index: 1;
}
.footer-style-default .shape-area {
  position: absolute;
  left: 210px;
  top: -24px;
}
@media only screen and (max-width: 767px) {
  .footer-style-default .shape-area {
    left: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .footer-style-default .shape-area {
    display: none;
  }
}

.shape-right-top {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 500px;
  z-index: -1;
  opacity: 0.6;
}

.form-group.tmponhover {
  border-radius: 6px;
}

.bg-line-animatoin-area-global {
  background-image: url(../images/bg/global-line.png);
  animation: ShapeAnim 80s linear infinite;
  height: 30px;
  width: 100%;
  background-repeat: repeat;
  overflow: hidden;
  bottom: 0;
  position: absolute;
}

.tmp-footer.footer-style-default.variation-two .footer-top {
  position: relative;
}

@keyframes ShapeAnim {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top left 2000px;
  }
}

.footer-message-and-form form .input-group {
  border-radius: 4px;
}
.footer-message-and-form form .input-group::after {
  border-radius: 4px;
}

/*--------------------------
    Copyright Area  
---------------------------*/
.copyright-style-one {
  padding: 20px 0;
  border-top: 1px solid var(--color-border);
}
.copyright-style-one .copyright-text {
  margin-bottom: 0;
  font-size: 14px;
}
.copyright-style-one .copyright-text a {
  color: var(--color-body);
}
.copyright-style-one .ft-menu {
  padding: 0;
  margin: 0 -10px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .copyright-style-one .ft-menu {
    justify-content: center;
  }
}
.copyright-style-one .ft-menu li {
  margin: 0;
  padding: 0 10px;
  position: relative;
}
.copyright-style-one .ft-menu li + li::after {
  position: absolute;
  content: "";
  height: 14px;
  width: 1px;
  background: var(--color-border);
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
}
.copyright-style-one .ft-menu li a {
  font-size: 14px;
}
.copyright-style-one.variation-two {
  background: var(--color-card);
}

/*------------------------
    Banner Styles  
-------------------------*/
.slider-dot.tmp-slick-dot .slick-dots {
  bottom: 60px;
}

.height-850 {
  height: 850px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .height-850 {
    height: 710px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .height-850 {
    height: auto;
    padding: 150px 0;
  }
}
@media only screen and (max-width: 767px) {
  .height-850 {
    height: auto;
    padding: 100px 0;
  }
}

.display-one {
  font-size: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .display-one {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .display-one {
    font-size: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .display-one {
    font-size: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .display-one {
    font-size: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .display-one br {
    display: none;
  }
}

/*-----------------------
    Slider Style One  
-------------------------*/

.slider-style-2 {
  padding-top: 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-style-2 {
    padding-top: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-style-2 {
    padding-top: 150px;
  }
}
.slider-style-2 .inner .subtitle {
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 18px;
  font-size: 14px;
  border-radius: 4px;
  margin-bottom: 12px;
  display: inline-block;
  padding: 7px 14px;
  background-color: var(--color-blackest);
  box-shadow: var(--shadow-lighter);
}
.slider-style-2 .inner .title {
  font-family: var(--font-primary);
  margin-bottom: 25px;
  display: block;
  color: var(--color-white);
}
@media only screen and (max-width: 767px) {
  .slider-style-2 .inner .title.display-one {
    font-size: 40px;
  }
}
.slider-style-2.variation-2 {
  padding-top: 79px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-style-2.variation-2 {
    padding-top: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-style-2.variation-2 {
    padding-top: 170px;
  }
}
.slider-style-2.variation-2 .inner .title {
  font-weight: 900;
  font-size: 80px;
  margin-top: 0;
  margin-bottom: 38px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .slider-style-2.variation-2 .inner .title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .slider-style-2.variation-2 .inner .title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-style-2.variation-2 .inner .title {
    font-size: 54px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-style-2.variation-2 .inner .title {
    font-size: 46px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-style-2.variation-2 .inner .title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-style-2.variation-2 .inner .title {
    font-size: 32px;
  }
}
.slider-style-2.variation-2 .inner .title span {
  color: var(--color-primary);
}
.slider-style-2.variation-2 .inner .tag-title {
  color: #fff;
  margin: 0;
  letter-spacing: 1.5px;
  padding-left: 70px;
  position: relative;
  margin-bottom: 50px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .slider-style-2.variation-2 .inner .tag-title {
    padding-left: 0;
    margin-bottom: 20px;
  }
}
.slider-style-2.variation-2 .inner .tag-title::before {
  position: absolute;
  content: "";
  left: 0;
  width: 46px;
  height: 2px;
  background: var(--color-primary);
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .slider-style-2.variation-2 .inner .tag-title::before {
    display: none;
  }
}
.slider-style-2.variation-2 .inner p {
  color: #fff;
  padding-right: 46%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-style-2.variation-2 .inner p {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .slider-style-2.variation-2 .inner p {
    padding-right: 0;
  }
}
@media only screen and (max-width: 479px) {
  .slider-style-2.variation-2 .inner p {
    font-size: 14px;
  }
}

/* ----------------------
    Slider Video Bg 
------------------------*/

/*-----------------------
    Slider Style One  
-------------------------*/

/*---------------------
    Portfolio Styles  
-----------------------*/

/*-------------------------
    Slider Animation  
---------------------------*/
.slider-animation-2 .slider-style-2 .inner > * {
  animation-name: fadeOutUp;
  animation-fill-mode: both;
  animation-duration: 1s;
}
.slider-animation-2 .slider-style-2.slick-active .inner > * {
  animation-name: fadeInUp;
}
.slider-animation-2 .slider-style-2.slick-active .inner p {
  animation-delay: 1s;
}
.slider-animation-2 .slider-style-2.slick-active .inner .read-more-btn {
  animation-delay: 1.2s;
}

/* --------------------
Slider Style New  
------------------------*/

@media only screen and (max-width: 1199px) {
  .section-title .title br {
    display: none;
  }
}

.tmp-gallery .btn-default i {
  padding-left: 0;
}

.banner-slider-area-one {
  position: relative;
}

/* Hero – medical hex lattice above slide image, below copy */
body.demo-medical .banner-slider-area-one .slider-area {
  position: relative;
  overflow: hidden;
}

body.demo-medical .banner-slider-area-one .amar-hero-hex-layer,
body.demo-medical .amar-page-hero .amar-hero-hex-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  opacity: 0.3;
}

/* overflow-x: hidden on body breaks position: sticky; clip avoids horizontal bleed */
body.demo-medical {
  overflow-x: clip;
}

body.demo-medical::before {
  display: none;
}

body.demo-medical main.page-wrapper.demo-medical {
  padding-top: 0;
  margin-top: 0;
}

html,
body.demo-medical.active-light-mode {
  margin: 0 !important;
  padding: 0 !important;
}

body.demo-medical.active-light-mode > .header-top-bar.with-border-bottom {
  margin-top: 0;
}

body.demo-medical .amar-site-search-results {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.demo-medical .amar-site-search-results__item {
  margin: 0 0 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(126, 11, 25, 0.1);
}

body.demo-medical .amar-site-search-results__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

body.demo-medical .amar-site-search-results__item a {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--amar-burgundy, #7e0b19);
  text-decoration: none;
}

body.demo-medical .amar-site-search-results__item a:hover {
  color: var(--amar-gold-deep, #c99e4e);
}

body.demo-medical .banner-slider-area-one .slider-area .grid-mask {
  z-index: 2;
}

body.demo-medical .banner-slider-area-one .slider-area > .container {
  position: relative;
  z-index: 3;
}

body.amar-page-home .banner-slider-area-one .slider-area.bg_gym-1:not(.amar-slide-bg-loaded),
body.amar-page-home .banner-slider-area-one .slider-area.bg_gym-2:not(.amar-slide-bg-loaded) {
  background-image: none !important;
}

/* Home hero – ~10% shorter via reduced slide height and padding */
body.demo-medical .banner-slider-area-one .slider-area.height-850 {
  height: 765px;
}

@media only screen and (max-width: 1199px) {
  body.demo-medical .banner-slider-area-one .slider-area.height-850 {
    height: 639px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  body.demo-medical .banner-slider-area-one .slider-area.height-850 {
    padding-top: 135px;
    padding-bottom: 135px;
  }
}

@media only screen and (max-width: 767px) {
  body.demo-medical .banner-slider-area-one .slider-area.height-850 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

body.demo-medical .banner-slider-area-one .slider-style-2.variation-2 {
  padding-top: 71px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  body.demo-medical .banner-slider-area-one .slider-style-2.variation-2 {
    padding-top: 153px;
  }
}

@media only screen and (max-width: 767px) {
  body.demo-medical .banner-slider-area-one .slider-style-2.variation-2 {
    padding-top: 153px;
  }
}

.banner-slider-area-one .bg-line-animatoin-area-global {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(3deg) brightness(119%) contrast(107%);
}
.slider-style-2.slick-active .line {
  transform: scaleY(0);
}
.slider-style-2.slick-active .line-effect {
  transform: scaleY(-50px);
}
.slider-style-2 .slick-active .line {
  transform: scaleY(0);
}
.slider-style-2 .slick-active .line-effect {
  transform: scaleY(-50px);
}

.tmp-banner-right-carousel {
  position: relative;
}
@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(0.9);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
  }
  100% {
    transform: translate(-50%, -50%) scale(0.9);
  }
}

@media only screen and (max-width: 767px) {
  .title br {
    display: none;
  }
}

/*-----------------------------
    Portfolio details  
--------------------------------*/

/*--------------------------------
    Single Demo  
-------------------------------*/

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-webkit-calc(-250px * 7));
    transform: translateX(-1750px);
  }
}
@-moz-keyframes scroll {
  0% {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -moz-transform: translateX(-moz-calc(-250px * 7));
    transform: translateX(-1750px);
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-webkit-calc(-250px * 7));
    -moz-transform: translateX(-moz-calc(-250px * 7));
    transform: translateX(-1750px);
  }
}
@-webkit-keyframes scrollLeft {
  0% {
    -webkit-transform: translateX(-webkit-calc(-250px * 7));
    transform: translateX(-1750px);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes scrollLeft {
  0% {
    -moz-transform: translateX(-moz-calc(-250px * 7));
    transform: translateX(-1750px);
  }
  to {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes scrollLeft {
  0% {
    -webkit-transform: translateX(-webkit-calc(-250px * 7));
    -moz-transform: translateX(-moz-calc(-250px * 7));
    transform: translateX(-1750px);
  }
  to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes marquee-2 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes marquee {
  0% {
    transform: translateX(-20%);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes shine {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}

.zoomactive {
  transition: 1.5s;
  transform: scale(1.15);
  -webkit-transition-duration: 1.5s;
  transition-duration: 1.5s;
  filter: drop-shadow(0px 0px 2px rgba(81, 55, 249, 0.4274509804)) drop-shadow(0px 0px 4px rgba(81, 55, 249, 0.4274509804)) drop-shadow(0px 0px 10px rgba(81, 55, 249, 0.4274509804)) drop-shadow(0px 0px 20px rgba(81, 55, 249, 0.4274509804)) drop-shadow(0px 0px 35px rgba(81, 55, 249, 0.4274509804)) drop-shadow(0px 0px 60px rgba(81, 55, 249, 0.4274509804));
}
.load-demo-btn-wrap svg {
  height: 30px;
  width: 30px;
  background: rgba(0, 0, 0, 0.1490196078);
  margin-left: 10px;
  border-radius: 50%;
  padding: 7px;
}
.load-demo-btn-wrap svg path {
  fill: #fcfcfc;
}

@keyframes testimonialscroll {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}
/* Advance Tab Style Four  */

.active-light-mode {
  background: #fafafa;
  --color-heading: #1b1b1c;
  --color-white: #1b1b1b;
  --color-card: #fff;
  --color-body: #363636;
  --color-darkest: #fff;
  --color-border: rgba(126, 11, 25, 0.14);
  --shadow-1: 0px 6px 34px rgb(231 231 231 / 41%);
}
.active-light-mode .logo-light {
  display: none;
}
.active-light-mode .logo-dark {
  display: block;
}
.active-light-mode .mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .tmp-short-title {
  color: #1b1b1c;
}
.active-light-mode .mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .nav-quick-access {
  background: #f1f1f1;
}
.active-light-mode .mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .nav-quick-access * {
  color: #1b1b1b;
}
.active-light-mode .mainmenu-nav .mainmenu > li > a,
.active-light-mode .header-right.with-search .header-btn .search-area-btn i {
  color: var(--color-body);
}
.active-light-mode .tmp-header.sticky {
  background-color: rgba(255, 255, 255, 0.77) !important;
  background-image: none;
}
.active-light-mode #inverweb-load {
  background-color: #ffffff;
}
.active-light-mode #inverweb-load .loader {
  color: #1b1b1c !important;
}
.active-light-mode .load-demo-btn-wrap svg {
  height: 30px;
  width: 30px;
  background: rgba(201, 201, 201, 0.1490196078);
  margin-left: 10px;
  border-radius: 50%;
  padding: 7px;
}
.active-light-mode .load-demo-btn-wrap svg path {
  fill: #1b1b1c;
}
.active-light-mode header.header-default.sticky .dot-btn .offcanvas-trigger .offcanvas-bars span::before {
  background: #1b1b1b !important;
}
.active-light-mode header.header-default.sticky .dot-btn .offcanvas-trigger .offcanvas-bars span::after {
  background: #1b1b1b !important;
}
.active-light-mode .mfp-iframe-holder .mfp-close {
  background: #fff;
}
.active-light-mode .mfp-bg {
  background: rgba(255, 255, 255, 0.49);
  backdrop-filter: blur(36px);
}
.active-light-mode .show-on-scroll {
  mix-blend-mode: unset;
}
.active-light-mode .show-on-scroll span a {
  padding: 9px 5px;
  border-radius: 20px;
  background: #fff;
  color: var(--color-body);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.active-light-mode .mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.with-mega-item-2.full-width-mega .wrapper .bg-content {
  background: -webkit-linear-gradient(var(--color-card), #efefef);
  -webkit-background-clip: text;
}
.active-light-mode .mainmenu-nav .mainmenu li.has-droupdown .submenu li a:hover, .active-light-mode .mainmenu-nav .mainmenu li.has-droupdown .submenu li a.active {
  color: var(--color-white) !important;
  background: #ededed !important;
}
.active-light-mode .mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu .wrapper .mega-menu-item li a:hover, .active-light-mode .mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu .wrapper .mega-menu-item li a.active {
  color: var(--color-white) !important;
  background: #ededed !important;
}
.active-light-mode .scrollbar-v:before {
  background: rgba(0, 0, 0, 0.1490196078);
}
.active-light-mode .social-default li a {
  background: #f1f1f1;
}
.active-light-mode .header-top-news .close-button {
  border: 2px solid rgba(255, 255, 255, 0.1215686275);
}
.active-light-mode .inverweb-side-bar-close {
  background: #fff;
}
.active-light-mode .header-top-news .inner .content * {
  color: #fff !important;
}
.active-light-mode .inverweb-side-bar-close .logo-side a img.logo-light {
  display: none;
}
.active-light-mode .inverweb-side-bar-close .close-icon-menu {
  background: #fff;
}
.active-light-mode .inverweb-side-bar-close .close-icon-menu::after {
  background: var(--color-primary);
}
.active-light-mode .service.service__style--1 .shape-service-1 {
  display: none;
}
.active-light-mode .tmp-slick-arrow button.slick-arrow::before {
  filter: brightness(0) saturate(100%) invert(67%) sepia(2%) saturate(6145%) hue-rotate(338deg) brightness(89%) contrast(79%);
}
@media only screen and (max-width: 991px) {
  .active-light-mode .mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:nth-child(2n) a:nth-child(2) {
    color: #1b1b1c;
  }
}
.active-light-mode .tmp-slick-arrow button.slick-arrow {
  border: 2px solid rgba(126, 11, 25, 0.22);
}
.active-light-mode .brand-carousel-activation.tmp-slick-arrow button.slick-arrow i {
  color: var(--color-primary);
}
.active-light-mode .popup-mobile-menu .inner .header-top .close-menu .close-button i {
  color: #fff;
}
.active-light-mode .section-title .subtitle {
  color: var(--color-primary);
}
.active-light-mode .tmp-slick-arrow button.slick-arrow:hover::before {
  filter: brightness(0) saturate(100%) invert(11%) sepia(42%) saturate(4158%) hue-rotate(328deg) brightness(95%) contrast(101%);
}

.active-light-mode .social-default li a:hover {
  color: #fff;
}

.active-light-mode .call-to-action-modern-wrapper .right-wrapper p,
.active-light-mode .call-to-action-modern-wrapper .right-wrapper p a {
  color: #363636;
}
.active-light-mode .slider-style-2 .inner .title,
.active-light-mode .about-style-4 .feature-list li .icon i {
  color: #fff !important;
}
.active-light-mode .tmp-btn.rounded-player span i,
.active-light-mode .avatar::before,
.active-light-mode .tmp-btn.rounded-player span i, .active-light-mode .btn-default.rounded-player span i {
  color: #fff !important;
}
.active-light-mode .tmp-search-input-area {
  background: #f9f9f9;
}
.active-light-mode .mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li {
  background: #f3f3f3;
}
@media only screen and (max-width: 991px) {
  .active-light-mode .mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:nth-child(odd) a {
    background: #ddd;
  }
}
.active-light-mode .tmp-btn {
  color: #fff;
}
.active-light-mode .profile-share a img {
  box-shadow: 0px 6px 34px rgba(0, 0, 0, 0.2);
}
.active-light-mode .tmp-search-input-area .search-close-icon img {
  filter: brightness(0) saturate(100%) invert(4%) sepia(6%) saturate(16%) hue-rotate(317deg) brightness(94%) contrast(86%);
}
.active-light-mode .tmp-btn.btn-border {
  color: #1b1b1b;
  border-color: #e3e3e3 !important;
}
.active-light-mode .tmp-btn.btn-border:hover {
  color: #fff;
}
.active-light-mode .tmp-slick-dot .slick-dots li button::after {
  box-shadow: inset 0 0 0 7px rgba(126, 11, 25, 0.25);
}
.active-light-mode .tmp-slick-dot .slick-dots li.slick-active button::after {
  box-shadow: inset 0 0 0 1px var(--color-primary) !important;
}
.active-light-mode .color-white {
  color: #1b1b1c !important;
}
.active-light-mode .brand-carousel-activation li a img {
  filter: brightness(0) saturate(100%) invert(8%) sepia(1%) saturate(198%) hue-rotate(314deg) brightness(91%) contrast(91%);
}
.active-light-mode .cursor-inner {
  background: rgba(14, 14, 14, 0.4509803922);
}
.active-light-mode .cursor-inner.cursor-hover {
  background: rgba(255, 255, 255, 0.2549019608);
  mix-blend-mode: normal;
}
.active-light-mode .cursor-outer {
  border: 2px solid rgba(14, 14, 14, 0.4509803922) !important;
  mix-blend-mode: normal;
}
.active-light-mode [data-black-overlay]:before {
  background-color: #fff;
}

/**************************************
            Updates
***************************************/

.slider-gird {
  position: relative;
  z-index: 1;
}
.slider-gird .grid-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(4, 1fr);
  z-index: 1;
  pointer-events: none;
}
.slider-gird .grid-mask div {
  background-color: var(--color-white);
  width: 100%;
  height: 100%;
  transition: opacity 0.6s ease-in-out;
}
.slider-gird .slick-active .grid-mask div {
  opacity: 0;
}

.bg_gym-1 {
  background-image: url(../images/slider3.jpg);
}

.bg_gym-2 {
  background-image: url(../images/slider1.jpg);
}

.bg_gym-3 {
  background-image: url(../images/slider2.jpg);
}
.active-light-mode .slider-gird .grid-mask div {
  background-color: #fff;
}

.demo-medical .bg_gym-1 {
  background-image: url(../images/slider3.jpg);
}
.demo-medical .bg_gym-2 {
  background-image: url(../images/slider1.jpg);
}
.demo-medical .bg_gym-3 {
  background-image: url(../images/slider2.jpg);
}
.demo-medical .footer-style-default .shape-area {
  filter: brightness(0) saturate(100%) invert(11%) sepia(42%) saturate(4158%) hue-rotate(328deg) brightness(95%) contrast(101%);
}
.demo-medical .inverweb-side-bar-close .shape-right-top img {
  filter: brightness(0) saturate(100%) invert(11%) sepia(42%) saturate(4158%) hue-rotate(328deg) brightness(95%) contrast(101%);
}

/* Sidebar – contact panel (matches footer golden band) */
body.demo-medical .inverweb-side-bar-close .amar-sidebar-contact-golden {
  background: linear-gradient(
    165deg,
    #f8f0e2 0%,
    #f5ead6 22%,
    #e6c58b 52%,
    #f0ddb8 78%,
    #f5ead6 100%
  );
  border-radius: 8px;
  padding: 1rem 0.85rem;
}

body.demo-medical .inverweb-side-bar-close .amar-sidebar-contact-divider--section {
  margin: 1rem 0 1.1rem;
}

body.demo-medical .inverweb-side-bar-close .amar-sidebar-contact-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.demo-medical .inverweb-side-bar-close .amar-sidebar-contact-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

body.demo-medical .inverweb-side-bar-close .amar-sidebar-contact-divider-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.demo-medical .inverweb-side-bar-close .amar-sidebar-contact-golden .amar-sidebar-contact-icon {
  background: rgba(255, 255, 255, 0.72);
}

body.demo-medical .inverweb-side-bar-close .amar-sidebar-contact-list .amar-sidebar-contact-icon {
  background: rgba(126, 11, 25, 0.1);
}

body.demo-medical .inverweb-side-bar-close .amar-sidebar-contact-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #7e0b19;
  font-size: 18px;
  line-height: 1;
}

body.demo-medical .inverweb-side-bar-close .amar-sidebar-contact-icon i.lab {
  font-size: 20px;
}

body.demo-medical .inverweb-side-bar-close .amar-sidebar-contact-text {
  flex: 1;
  font-size: 12px;
  line-height: 1.55;
  color: #2b1b17;
  padding-top: 4px;
}

body.demo-medical .inverweb-side-bar-close .amar-sidebar-contact-link {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  color: #2b1b17;
  text-transform: none;
  padding-top: 8px;
  transition: color 0.3s ease;
}

body.demo-medical .inverweb-side-bar-close .amar-sidebar-contact-link:hover {
  color: #7e0b19;
}

body.demo-medical .inverweb-side-bar-close .amar-sidebar-contact-divider {
  border: 0;
  border-top: 1px solid rgba(43, 27, 23, 0.1);
  margin: 12px 0;
  opacity: 0.3;
}

body.demo-medical .inverweb-side-bar-close .amar-sidebar-contact-btn {
  margin-top: 1.25rem;
}

body.demo-medical .inverweb-side-bar-close .amar-sidebar-contact-btn .tmp-btn {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}

.demo-medical .brand-carousel-activation {
  padding: 0 0;
}

.active-light-mode .brand-carousel-activation-ai li a img {
  filter: none;
}

.active-light-mode .tmp-slick-arrow button.slick-arrow {
  border: 2px solid rgb(177, 151, 119);
}
.active-light-mode .tmp-slick-arrow button.slick-arrow::before {
  filter: brightness(0) saturate(100%) invert(67%) sepia(2%) saturate(6145%) hue-rotate(338deg) brightness(89%) contrast(79%);
}

/* Amar Hospitals – compact header search panel */
body.demo-medical .tmp-search-input-area.search-panel-minimal {
  padding: 0;
  overflow: visible;
  height: auto;
  min-height: 0;
}

body.demo-medical .tmp-search-input-area.search-panel-minimal.show {
  clip: auto !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  transform: none !important;
  opacity: 1;
  visibility: visible;
}

body.demo-medical .tmp-search-input-area.search-panel-minimal .container {
  width: 100%;
  max-width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 88px;
  padding-bottom: 28px;
}

body.demo-medical .tmp-search-input-area.search-panel-minimal .search-input-inner--minimal {
  width: 100%;
  max-width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  padding-top: 0 !important;
  margin: 0;
}

body.demo-medical .tmp-search-input-area.search-panel-minimal .search-input-inner--minimal .input-div {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  margin-top: 0;
}

body.demo-medical .tmp-search-input-area.search-panel-minimal .search-input-inner--minimal .input-div input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}

@media only screen and (max-width: 767px) {
  body.demo-medical .tmp-search-input-area.search-panel-minimal .container {
    padding-top: 72px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.tmp-footer .footer-top {
  padding-top: 50px;
}
.footer-google-map {
  width: 100%;
  height: 180px;
  border: 0;
  border-radius: 6px;
  display: block;
}
.tmp-footer .footer-divider {
  border-color: rgba(255, 255, 255, 0.08);
}

body.demo-medical .tmp-footer .amar-footer-golden-band {
  background: linear-gradient(
    165deg,
    #f8f0e2 0%,
    #f5ead6 22%,
    #e6c58b 52%,
    #f0ddb8 78%,
    #f5ead6 100%
  );
  padding: 2.5rem 1.25rem;
  margin-top: 0;
  border-radius: 8px;
}

@media only screen and (min-width: 768px) {
  body.demo-medical .tmp-footer .amar-footer-golden-band {
    padding: 2.75rem 2rem;
  }
}
.tmp-footer .footer-location-line {
  opacity: 0.75;
  font-size: 13px;
}

body.demo-medical .amar-page-view-stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px 20px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(126, 11, 25, 0.1);
  font-size: 11px;
  line-height: 1.2;
  color: rgba(83, 72, 65, 0.72);
  text-align: center;
}

body.demo-medical .copyright-area .amar-page-view-stats {
  width: 100%;
}

body.demo-medical .amar-page-view-stats__item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

body.demo-medical .amar-page-view-stats__item i.las {
  font-size: 13px;
  color: var(--amar-burgundy, #7e0b19);
  opacity: 0.85;
}

body.demo-medical .amar-page-view-stats__num {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}

.footer-contact-details li a,
.footer-contact-details .footer-contact-address {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.footer-contact-details li i {
  flex-shrink: 0;
  margin-top: 4px;
  font-size: 16px;
  opacity: 0.9;
}
.footer-contact-details .footer-contact-address span {
  flex: 1;
}
.footer-contact-details li a i {
  margin-top: 2px;
}
.footer-style-default .footer-top .tmp-footer-widget .footer-contact-details li a {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  text-transform: none;
}
body.demo-medical .footer-contact-details i.las {
  font-size: 16px;
  min-width: 16px;
  margin-top: 2px;
  flex-shrink: 0;
}

.tmp-footer .footer-contact-details .footer-contact-address {
  font-size: 12px;
  line-height: 1.5;
}

.tmp-footer .footer-contact-details .footer-contact-address span {
  font-size: inherit;
  line-height: inherit;
}

.tmp-footer .footer-contact-details li a[href^="tel:"],
.tmp-footer .footer-contact-details li a[href*="wa.me"] {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  align-items: center;
  text-transform: none;
}

.tmp-footer .footer-contact-details li a[href^="tel:"] i,
.tmp-footer .footer-contact-details li a[href*="wa.me"] i {
  font-size: 20px;
  margin-top: 0;
}

.footer-quick-contact-btn .tmp-btn {
  display: inline-flex;
}

.tmp-footer .footer-policies-divider {
  border: 0;
  border-top: 1px solid rgba(126, 11, 25, 0.16);
  margin: 18px 0 16px;
  opacity: 1;
}

.tmp-footer .footer-policies-actions li a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

body.demo-medical.active-light-mode .tmp-footer .footer-link li a:hover,
body.demo-medical.active-light-mode .tmp-footer .footer-contact-details li a:hover,
body.demo-medical.active-light-mode .copyright-style-one .ft-menu li a:hover {
  color: var(--amar-burgundy);
}

/* Amar Hospitals – main content section spacing (excludes top bar, header, hero, footer) */
main.page-wrapper.demo-medical > .tmp-service-area,
main.page-wrapper.demo-medical > .about-area,
main.page-wrapper.demo-medical > .my-business-service-area,
main.page-wrapper.demo-medical > .tmp-about-area,
main.page-wrapper.demo-medical > .tmp-testimonial-area,
main.page-wrapper.demo-medical > .blog-area,
main.page-wrapper.demo-medical > .tmp-brand-area,
main.page-wrapper.demo-medical > .cta-main-wrapper {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

/* CTA – two-column layout (heading + marquee | button) */
.amar-cta-modern {
  justify-content: space-between;
  gap: 48px;
}
.amar-cta-modern .cta-modern-left {
  flex: 1;
  min-width: 0;
}
.amar-cta-modern .cta-modern-action {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

/* Dual-button CTA (inner pages): stacked, equal width */
body.demo-medical .amar-cta-modern__actions {
  flex-direction: column;
  align-items: stretch;
  align-self: flex-start;
  gap: 12px;
  min-width: 240px;
  max-width: 300px;
}

body.demo-medical .amar-cta-modern__actions .tmp-btn {
  width: 100%;
  max-width: none;
  justify-content: center;
  text-align: center;
}

.cta-marquee-wrap {
  overflow: hidden;
  margin-top: 24px;
  width: 100%;
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}
.cta-marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 35s linear infinite;
}
.cta-marquee-text {
  padding-right: 4rem;
  font-size: 22px;
  line-height: 1.5;
  color: var(--color-dark, #111113);
  white-space: nowrap;
}
@media only screen and (max-width: 991px) {
  .amar-cta-modern {
    flex-wrap: wrap;
    gap: 32px;
  }
  .amar-cta-modern .cta-modern-action {
    width: 100%;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .cta-marquee-text {
    font-size: 19px;
  }
}

/* CTA band – slightly smaller type (home + inner pages) */
body.demo-medical .amar-cta-modern .title {
  font-size: 48px;
}

@media only screen and (max-width: 1199px) {
  body.demo-medical .amar-cta-modern .title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 991px) {
  body.demo-medical .amar-cta-modern .title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  body.demo-medical .amar-cta-modern .title {
    font-size: 26px;
  }
}

body.demo-medical .amar-cta-modern .cta-marquee-text {
  font-size: 24px;
  color: var(--amar-charcoal, #2b1b17);
}

body.demo-medical.active-light-mode .amar-cta-modern .cta-marquee-text {
  color: var(--amar-charcoal, #2b1b17);
}

body.demo-medical .amar-cta-modern .title {
  color: var(--amar-charcoal, #2b1b17);
}

body.demo-medical .amar-cta-modern .title .theme-gradient {
  color: var(--amar-charcoal, #2b1b17);
}

body.demo-medical .amar-cta-modern .cta-modern-left {
  position: relative;
  z-index: 2;
}

body.demo-medical .amar-cta-modern .cta-modern-action {
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  body.demo-medical .amar-cta-modern .cta-marquee-text {
    font-size: 16px;
  }

  body.demo-medical .cta-main-wrapper.bg-cta-modern,
  body.demo-medical .bg-cta-modern.large-height {
    min-height: 0;
    padding: 44px 0;
    align-items: stretch;
  }

  body.demo-medical .call-to-action-modern-wrapper.amar-cta-modern {
    flex-direction: column;
    align-items: stretch;
    gap: 22px !important;
    margin-bottom: 0 !important;
  }

  body.demo-medical .amar-cta-modern .cta-modern-left,
  body.demo-medical .amar-cta-modern .cta-modern-action,
  body.demo-medical .amar-cta-modern .amar-cta-modern__actions {
    width: 100%;
    max-width: none;
    min-width: 0;
    align-self: stretch;
  }

  body.demo-medical .amar-cta-modern .cta-marquee-wrap {
    margin-top: 14px;
  }

  body.demo-medical .amar-cta-modern .title {
    font-size: clamp(1.35rem, 5.2vw, 1.75rem);
    line-height: 1.28;
    color: var(--amar-charcoal, #2b1b17);
  }

  body.demo-medical .amar-cta-modern .title .theme-gradient {
    color: var(--amar-charcoal, #2b1b17);
  }

  body.demo-medical .amar-cta-modern .cta-marquee-text,
  body.demo-medical.active-light-mode .amar-cta-modern .cta-marquee-text {
    color: var(--amar-charcoal, #2b1b17);
  }

  body.demo-medical .amar-cta-modern .amar-cta-modern__lead,
  body.demo-medical .amar-cta-modern .amar-cta-modern__lead.b1 {
    color: var(--amar-charcoal, #2b1b17);
  }

  body.demo-medical .amar-cta-modern__actions {
    gap: 10px;
  }

  body.demo-medical .amar-cta-modern__actions .tmp-btn,
  body.demo-medical .amar-cta-modern .cta-modern-action > .tmp-btn {
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 52px;
    line-height: 1.35;
    padding: 14px 18px;
    white-space: normal;
  }

  body.demo-medical .amar-cta-modern .tmp-btn.hover-icon-reverse .icon-reverse-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
  }

  main.page-wrapper.demo-medical > .cta-main-wrapper {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media only screen and (max-width: 575px) {
  body.demo-medical .cta-main-wrapper.bg-cta-modern,
  body.demo-medical .bg-cta-modern.large-height {
    padding: 36px 0;
  }

  body.demo-medical .amar-cta-modern .amar-cta-modern__lead,
  body.demo-medical .amar-cta-modern .amar-cta-modern__lead.b1 {
    font-size: 15px;
    line-height: 1.55;
  }
}

/* Amar Hospitals – top bar tagline: single line on desktop */
.demo-medical .header-top-bar .header-left p a {
  font-size: 13px;
  line-height: 1.35;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.demo-medical .header-top-bar .header-left p a i,
.demo-medical .header-top-bar .header-left p a svg,
.demo-medical .header-top-bar .header-left p a i {
  flex-shrink: 0;
}
@media only screen and (min-width: 992px) {
  .demo-medical .header-top-bar .header-left p a {
    white-space: nowrap;
  }
}
.demo-medical .header-top-bar .header-right .address-content p,
.demo-medical .header-top-bar .header-right .address-content p a,
.demo-medical .header-top-bar .header-right .address-content p span {
  font-size: 13px;
  line-height: 1.35;
}
.demo-medical .header-top-bar .header-right .address-content p i.las,
.demo-medical .header-top-bar .header-right .address-content p svg {
  margin-right: 4px;
}

/* Our Specialities – horizontal carousel */
.demo-medical .amar-card-carousel-wrap {
  position: relative;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.demo-medical .amar-card-carousel-wrap .amar-card-carousel-activation.amar-specialities-gutter {
  margin-left: -8px !important;
  margin-right: -8px !important;
}
.demo-medical .amar-card-carousel-wrap .amar-card-carousel-activation.amar-specialities-gutter .slick-slide {
  padding: 0 !important;
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.demo-medical .amar-card-carousel-wrap .amar-card-carousel-activation .slick-track {
  display: flex !important;
  align-items: stretch;
}
.demo-medical .amar-card-carousel-wrap .amar-card-carousel-activation .slick-slide {
  height: auto;
  display: flex !important;
}
.demo-medical .amar-card-carousel-wrap .amar-card-carousel-activation .slick-slide > div {
  width: 100%;
  display: flex;
}
.demo-medical .amar-card-carousel-wrap .speciality-slide {
  width: 100%;
  display: flex;
  height: 100%;
}
.demo-medical .amar-card-carousel-wrap .amar-speciality-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 15px;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 4px 22px rgba(43, 27, 23, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.demo-medical .amar-card-carousel-wrap .amar-speciality-card:hover {
  box-shadow: 0 10px 32px rgba(126, 11, 25, 0.14);
}
.demo-medical .amar-card-carousel-wrap .amar-speciality-card.tmponhover::after {
  background: #ffffff;
}
main.page-wrapper.demo-medical > .amar-bg-cream .amar-speciality-card.tmponhover::after {
  background: #ffffff;
}
.demo-medical .amar-card-carousel-wrap .amar-speciality-card .inner .content {
  padding-top: 15px;
}
.demo-medical .amar-card-carousel-wrap .amar-speciality-card .inner {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.demo-medical .amar-card-carousel-wrap .amar-speciality-card .content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.demo-medical .amar-card-carousel-wrap .amar-speciality-card .amar-speciality-card__excerpt {
  flex: 1 1 auto;
  margin: 0 0 16px;
  min-height: 3.1em;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(43, 27, 23, 0.78);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.demo-medical #specialities .amar-speciality-card .discover-btn {
  margin-top: auto;
  padding-top: 0;
}

.demo-medical #specialities .amar-speciality-card .discover-btn .tmp-btn {
  margin-top: 10px !important;
}
.demo-medical .amar-card-carousel-wrap .amar-card-carousel-activation button.slick-arrow {
  display: flex !important;
  align-items: center;
  justify-content: center;
  opacity: 1;
  width: 44px;
  height: 44px;
}
.demo-medical .amar-card-carousel-wrap .amar-card-carousel-activation button.slick-arrow.prev-arrow {
  left: 0;
}
.demo-medical .amar-card-carousel-wrap .amar-card-carousel-activation button.slick-arrow.next-arrow {
  right: 0;
  left: auto;
}
.demo-medical .amar-card-carousel-wrap .amar-card-carousel-activation button.slick-arrow:hover {
  transform: translateY(-50%) scale(1.05);
}
.demo-medical .amar-card-carousel-wrap .amar-card-carousel-activation button.slick-arrow.prev-arrow:hover {
  left: 0;
}
.demo-medical .amar-card-carousel-wrap .amar-card-carousel-activation button.slick-arrow.next-arrow:hover {
  right: 0;
}
@media only screen and (max-width: 767px) {
  .demo-medical .amar-card-carousel-wrap {
    padding-left: 36px;
    padding-right: 36px;
  }
  .demo-medical .amar-card-carousel-wrap .amar-card-carousel-activation button.slick-arrow {
    width: 38px;
    height: 38px;
  }
}

svg.feather-svg-icon,
svg[class*="feather-"] {
  display: none !important;
}

/* Line Awesome – Amar Hospitals */
body.demo-medical i.las,
body.demo-medical i.lab,
body.demo-medical i.lar {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

body.demo-medical .header-top-bar i.las,
body.demo-medical .header-top-bar i.lab {
  font-size: 14px;
}

body.demo-medical .header-top-bar .header-left p a i {
  font-size: 12px;
}

body.demo-medical .header-default .header-right i.las {
  font-size: 18px;
}

body.demo-medical .popup-mobile-menu .close-button i.las {
  font-size: 22px;
}

body.demo-medical .tmp-btn .btn-icon i.las {
  font-size: 16px;
}

body.demo-medical .about-style-4 .feature-list li .icon i.las {
  font-size: 14px;
  color: #ffffff;
}

body.demo-medical .tmp-btn.rounded-player span i.las {
  font-size: 18px;
}

/* Slick nav – one arrow per button (Line Awesome); hide Slick font + PNG ::before */
body.demo-medical .tmp-slick-arrow button.slick-arrow {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

body.demo-medical .tmp-slick-arrow button.slick-arrow::before,
body.demo-medical .tmp-slick-arrow button.slick-arrow.slick-prev::before,
body.demo-medical .tmp-slick-arrow button.slick-arrow.slick-next::before {
  content: none !important;
  display: none !important;
}

body.demo-medical .tmp-slick-arrow button.slick-arrow i.las {
  display: block !important;
  font-size: 22px;
  line-height: 1;
  margin: 0;
}

body.demo-medical .amar-card-carousel-wrap button.slick-arrow i.las {
  font-size: 18px;
}

body.demo-medical .banner-slider-area-one .tmp-slick-arrow button.slick-arrow i.las {
  font-size: 26px;
}

body.demo-medical .brand-carousel-activation.tmp-slick-arrow button.slick-arrow i.las {
  font-size: 22px;
}

/* Advanced Facilities – image frame & row dividers */
body.demo-medical .amar-advanced-facilities .thumbnail-service-list {
  border: 5px solid #ffffff;
  box-sizing: border-box;
  background: #ffffff;
}

body.demo-medical .amar-advanced-facilities .thumbnail-service-list img {
  display: block;
  width: 100%;
}

body.demo-medical .amar-advanced-facilities .amar-facilities-row-divider {
  border: 0;
  border-top: 1px solid rgba(43, 27, 23, 0.06);
  margin: 1.5rem 0;
  opacity: 0.3;
  width: 100%;
}

body.demo-medical .amar-advanced-facilities .single-service-list-area {
  margin-bottom: 0;
}

body.demo-medical .single-service-list-area .head .icon.amar-facility-la-icon i.las {
  font-size: 28px;
  color: #ffffff;
}

body.demo-medical.active-light-mode .service-wrapper > [class*="col"] .service.service__style--1 .icon {
  color: var(--amar-burgundy);
}

body.demo-medical.active-light-mode .service-wrapper > [class*="col"]:nth-child(2) .service.service__style--1 .icon,
body.demo-medical.active-light-mode .service-wrapper > [class*="col"]:nth-child(3) .service.service__style--1 .icon,
body.demo-medical.active-light-mode .service-wrapper > [class*="col"]:nth-child(4) .service.service__style--1 .icon,
body.demo-medical.active-light-mode .service-wrapper > [class*="col"]:nth-child(5) .service.service__style--1 .icon,
body.demo-medical.active-light-mode .service-wrapper > [class*="col"]:nth-child(6) .service.service__style--1 .icon,
body.demo-medical.active-light-mode .service-wrapper > [class*="col"]:nth-child(7) .service.service__style--1 .icon,
body.demo-medical.active-light-mode .service-wrapper > [class*="col"]:nth-child(8) .service.service__style--1 .icon {
  color: var(--amar-burgundy);
}

/* Why Choose Amar Hospitals – light gold card surface */
body.demo-medical.active-light-mode .amar-why-choose {
  --amar-why-choose-card-bg: var(--amar-gold-light);
}

body.demo-medical.active-light-mode .amar-why-choose .service.service__style--1.bg-color-card {
  background-color: var(--amar-why-choose-card-bg) !important;
}

body.demo-medical.active-light-mode .amar-why-choose .service.service__style--1.tmponhover::after {
  background: var(--amar-why-choose-card-bg);
}

body.demo-medical.active-light-mode .amar-why-choose .service.service__style--1.text-start .icon,
body.demo-medical.active-light-mode .amar-why-choose .service.service__style--1.text-left .icon {
  justify-content: flex-start;
}

body.demo-medical.active-light-mode .amar-why-choose .service.service__style--1 .icon i.las {
  font-size: 60px;
  line-height: 1;
  width: 60px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--amar-burgundy);
}

/* Patient Care & Emergency Services – icon grid */
.demo-medical .amar-patient-care-area .tmp-section-title-border {
  text-align: center;
}
.demo-medical .amar-patient-care-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}
.demo-medical .amar-patient-care-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 160px;
  padding: 28px 20px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0 6px 24px rgba(43, 27, 23, 0.12);
  color: var(--color-body);
  transition: transform 0.3s ease, box-shadow 0.35s ease;
}
.demo-medical .amar-patient-care-card:hover {
  transform: translateY(-5px);
  color: var(--color-body);
  box-shadow: 0 14px 40px rgba(126, 11, 25, 0.16);
}
.demo-medical .amar-patient-care-card .title {
  margin: 16px 0 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  color: inherit;
}
.demo-medical .amar-patient-care-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #7e0b19 !important;
  color: #ffffff !important;
  flex-shrink: 0;
}
.demo-medical .amar-patient-care-icon i.las {
  font-size: 28px;
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 991px) {
  .demo-medical .amar-patient-care-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 560px;
  }
}
@media only screen and (max-width: 575px) {
  .demo-medical .amar-patient-care-grid {
    grid-template-columns: 1fr;
    max-width: 320px;
  }
  .demo-medical .amar-patient-care-card {
    min-height: 140px;
    padding: 24px 16px;
  }
  .demo-medical .amar-patient-care-card .title {
    font-size: 16px;
  }
}

/* ============================================================
   Amar Hospitals – burgundy & gold brand (flyer palette)
   ============================================================ */
body.demo-medical.active-light-mode {
  --bs-primary: #7e0b19;
  --bs-link-color: #7e0b19;
  --bs-link-hover-color: #5c0812;
  --amar-burgundy: #7e0b19;
  --amar-burgundy-dark: #5c0812;
  --amar-gold: #e6c58b;
  --amar-gold-light: #f5ead6;
  --amar-gold-deep: #c99e4e;
  --amar-cream: #fdf9f3;
  --amar-charcoal: #2b1b17;
  --color-primary: var(--amar-burgundy);
  --color-primary-alt: #9a1530;
  --color-secondary: var(--amar-gold-deep);
  --color-primary-opacity-1: rgba(126, 11, 25, 0.12);
  --color-primary-opacity-2: rgba(126, 11, 25, 0.22);
  --color-heading: var(--amar-charcoal);
  --color-body: #534841;
  --color-border: rgba(126, 11, 25, 0.14);
  --gradient-1: linear-gradient(90deg, var(--amar-burgundy) 0%, var(--amar-burgundy) 40%, var(--amar-gold-deep) 100%);
  --gradient-7: linear-gradient(218deg, var(--amar-gold-deep) 0%, var(--amar-burgundy) 100%);
  --shadow-7: 0 0 20px 5px rgba(126, 11, 25, 0.28);
  background: #ffffff;
}

body.demo-medical.active-light-mode main.page-wrapper.demo-medical {
  --color-primary: var(--amar-burgundy);
  --color-secondary: var(--amar-gold-deep);
  --color-primary-alt: #9a1530;
  --shadow-7: 0 0 20px 5px rgba(126, 11, 25, 0.28);
}

body.demo-medical.active-light-mode .theme-gradient {
  color: var(--amar-gold-deep);
}

body.demo-medical .banner-slider-area-one .slider-style-2.variation-2 .inner .title {
  color: #ffffff !important;
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.42),
    0 4px 12px rgba(0, 0, 0, 0.38),
    0 12px 32px rgba(43, 27, 23, 0.35);
}

body.demo-medical .banner-slider-area-one .slider-style-2.variation-2 .inner .title span {
  color: var(--amar-gold) !important;
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.55),
    0 3px 10px rgba(92, 8, 18, 0.45),
    0 8px 24px rgba(0, 0, 0, 0.4);
}

body.demo-medical .banner-slider-area-one .slider-style-2.variation-2 .inner .tag-title {
  color: rgba(255, 255, 255, 0.92);
}

body.demo-medical .banner-slider-area-one .slider-style-2.variation-2 .inner .tag-title::before {
  background: var(--amar-gold) !important;
}

body.demo-medical .banner-slider-area-one .slider-style-2.variation-2 .inner p {
  color: rgba(255, 255, 255, 0.88);
}

body.demo-medical .banner-slider-area-one .tmp-slick-dot .slick-dots li button::after {
  box-shadow: inset 0 0 0 7px rgba(230, 197, 139, 0.35);
}

body.demo-medical .banner-slider-area-one .tmp-slick-dot .slick-dots li.slick-active button::after {
  box-shadow: inset 0 0 0 1px var(--amar-gold) !important;
}

/* Slick arrows – white hover, burgundy/gold accents */
body.demo-medical .tmp-slick-arrow button.slick-arrow {
  color: var(--amar-burgundy, #7e0b19);
}

body.demo-medical .tmp-slick-arrow button.slick-arrow i.las {
  color: inherit;
}

body.demo-medical .tmp-slick-arrow button.slick-arrow:hover {
  background: #ffffff !important;
  border-color: var(--amar-gold, #e6c58b) !important;
  color: var(--amar-burgundy, #7e0b19);
}

body.demo-medical .banner-slider-area-one .tmp-slick-arrow-white button.slick-arrow {
  border-color: rgba(255, 255, 255, 0.7);
  color: #ffffff;
}

body.demo-medical .banner-slider-area-one .tmp-slick-arrow-white button.slick-arrow:hover {
  background: #ffffff !important;
  border-color: var(--amar-gold, #e6c58b) !important;
  color: var(--amar-burgundy, #7e0b19);
}

body.demo-medical.active-light-mode .tmp-section-title-border .title {
  color: var(--amar-charcoal);
}

body.demo-medical.active-light-mode .tmp-section-title-border .subtitle .subtitle-text {
  color: var(--amar-charcoal);
  font-weight: 700;
}

body.demo-medical.active-light-mode .pres-line-separator-wrapper.text-center .line-separator.line-left {
  background-image: linear-gradient(-90deg, var(--amar-burgundy), rgba(43, 27, 23, 0));
}

body.demo-medical.active-light-mode .pres-line-separator-wrapper.text-center .line-separator.line-right {
  background-image: linear-gradient(90deg, var(--amar-burgundy), rgba(43, 27, 23, 0));
}

body.demo-medical.active-light-mode .text-start .pres-line-separator-wrapper .line-separator {
  background-image: linear-gradient(90deg, var(--amar-burgundy), rgba(43, 27, 23, 0));
}

/* Top bar */
body.demo-medical.active-light-mode .header-top-bar {
  background: var(--amar-burgundy);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

body.demo-medical.active-light-mode .header-top-bar .header-left p a,
body.demo-medical.active-light-mode .header-top-bar .header-right .address-content p,
body.demo-medical.active-light-mode .header-top-bar .header-right .address-content p a,
body.demo-medical.active-light-mode .header-top-bar .header-right .address-content p span {
  color: rgba(255, 255, 255, 0.92) !important;
}

body.demo-medical.active-light-mode .header-top-bar .header-left p a:hover,
body.demo-medical.active-light-mode .header-top-bar .header-right .address-content p a:hover {
  color: var(--amar-gold) !important;
}

body.demo-medical.active-light-mode .header-top-bar .header-right .address-content p:nth-child(2) a {
  font-weight: 700;
}

body.demo-medical.active-light-mode .header-top-bar .social-default.icon-naked {
  margin: -2px;
}

body.demo-medical.active-light-mode .header-top-bar .social-default.icon-naked li {
  margin: 2px;
}

body.demo-medical.active-light-mode .header-top-bar .social-default.icon-naked li a {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 50%;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1 !important;
  padding: 0;
  font-size: 16px;
  transition: background 0.3s ease, color 0.3s ease;
}

body.demo-medical.active-light-mode .header-top-bar .social-default.icon-naked li a i {
  line-height: 1;
}

body.demo-medical.active-light-mode .header-top-bar .social-default.icon-naked li a:hover {
  background: var(--amar-gold) !important;
  color: var(--amar-charcoal) !important;
}

body.demo-medical.active-light-mode .header-top-bar .social-default.icon-naked li.amar-header-social-whatsapp a {
  position: relative;
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: #25d366 !important;
  background-color: #25d366 !important;
  color: #fff !important;
  overflow: visible;
  isolation: isolate;
}

body.demo-medical.active-light-mode .header-top-bar .social-default.icon-naked li.amar-header-social-whatsapp a i.lab {
  font-size: 22px;
  line-height: 1;
}

body.demo-medical.active-light-mode .header-top-bar .social-default.icon-naked li.amar-header-social-whatsapp a:hover {
  background: #20bd5a !important;
  background-color: #20bd5a !important;
  color: #fff !important;
}

body.demo-medical.active-light-mode .header-top-bar .social-default.icon-naked li.amar-header-social-whatsapp a::before,
body.demo-medical.active-light-mode .header-top-bar .social-default.icon-naked li.amar-header-social-whatsapp a::after {
  display: block;
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #25d366;
  background: transparent;
  transform: translate(-50%, -50%) scale(1);
  opacity: 0.65;
  z-index: -1;
  pointer-events: none;
  animation: amar-header-whatsapp-wave 2.2s ease-out infinite;
}

body.demo-medical.active-light-mode .header-top-bar .social-default.icon-naked li.amar-header-social-whatsapp a::after {
  animation-delay: 1.1s;
}

@keyframes amar-header-whatsapp-wave {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.55;
  }
  70% {
    opacity: 0.12;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}

/* Buttons */
body.demo-medical .tmp-btn::after,
body.demo-medical .btn-default::after {
  background: var(--amar-burgundy-dark) !important;
}

body.demo-medical.active-light-mode .tmp-btn:not(.btn-border):not(.rounded-player) {
  background: var(--amar-burgundy);
  border-color: var(--amar-burgundy);
  color: #fff;
}

body.demo-medical.active-light-mode .tmp-btn:not(.btn-border):not(.rounded-player):hover,
body.demo-medical.active-light-mode .tmp-btn:not(.btn-border):not(.rounded-player):focus {
  background: var(--amar-burgundy-dark) !important;
  background-color: var(--amar-burgundy-dark) !important;
  border-color: var(--amar-burgundy-dark) !important;
  color: #fff !important;
  box-shadow: var(--shadow-7);
}

body.demo-medical.active-light-mode .tmp-btn:not(.btn-border):not(.rounded-player):hover::after,
body.demo-medical.active-light-mode .tmp-btn:not(.btn-border):not(.rounded-player):focus::after {
  background: var(--amar-burgundy-dark) !important;
}

body.demo-medical.active-light-mode .tmp-btn.btn-border {
  color: var(--amar-burgundy);
  border-color: rgba(126, 11, 25, 0.35) !important;
  background: transparent;
}

body.demo-medical.active-light-mode .tmp-btn.btn-border::after {
  background: var(--amar-burgundy) !important;
}

body.demo-medical.active-light-mode .tmp-btn.btn-border:hover,
body.demo-medical.active-light-mode .tmp-btn.btn-border:focus {
  background: var(--amar-burgundy) !important;
  background-color: var(--amar-burgundy) !important;
  border-color: var(--amar-burgundy) !important;
  color: #fff !important;
  box-shadow: var(--shadow-7);
}

body.demo-medical.active-light-mode .tmp-btn.btn-border:hover::after,
body.demo-medical.active-light-mode .tmp-btn.btn-border:focus::after {
  background: var(--amar-burgundy-dark) !important;
}

body.demo-medical .amar-cta-modern .tmp-btn::after {
  background: var(--amar-gold-deep) !important;
}

body.demo-medical .amar-cta-modern .tmp-btn.btn-large:hover::after {
  background: #b89255 !important;
}

body.demo-medical.active-light-mode .about-style-4 .feature-list li .icon {
  background: #7e0b19;
  color: #ffffff;
}

body.demo-medical.active-light-mode .tmp-slick-dot .slick-dots li button::after {
  box-shadow: inset 0 0 0 7px rgba(126, 11, 25, 0.25);
}

body.demo-medical.active-light-mode .tmp-slick-dot .slick-dots li.slick-active button::after {
  box-shadow: inset 0 0 0 1px var(--amar-burgundy) !important;
}

body.demo-medical.active-light-mode .inverweb-side-bar-close .close-icon-menu::after {
  background: var(--amar-burgundy);
}

/* Card hover border/glow (tmponhover – blog, services, carousels) */
body.demo-medical .tmponhover::before {
  background: radial-gradient(
    circle closest-side at var(--x, 50%) var(--y, 50%),
    rgba(126, 11, 25, 0.5) 0%,
    rgba(201, 169, 110, 0.38) 32%,
    transparent 68%
  );
}

body.demo-medical.active-light-mode .tmponhover::after {
  background: #ffffff;
}

main.page-wrapper.demo-medical > .amar-bg-cream .tmponhover::after {
  background: var(--amar-cream);
}

main.page-wrapper.demo-medical > .amar-section-dark .tmponhover::after {
  background: #ffffff;
}

body.demo-medical .tmp-card {
  border-color: rgba(126, 11, 25, 0.1);
}

body.demo-medical .tmp-card:hover {
  border-color: rgba(126, 11, 25, 0.22);
  box-shadow: 0 12px 40px rgba(126, 11, 25, 0.08);
}

body.demo-medical .inversweb-meta-list::after {
  background: var(--amar-burgundy);
}

body.demo-medical .inversweb-meta-list li a:hover {
  color: var(--amar-burgundy);
}

/* Blog cards – meta row on one line */
body.demo-medical .blog-area .tmp-card .inversweb-meta-list {
  flex-wrap: nowrap;
  gap: 5px;
  padding-left: 12px;
  margin-bottom: 12px;
  max-width: 100%;
}

body.demo-medical .blog-area .tmp-card .inversweb-meta-list li {
  font-size: 12px;
  line-height: 1.35;
  white-space: nowrap;
  flex-shrink: 0;
}

body.demo-medical .blog-area .tmp-card .inversweb-meta-list li.separator {
  flex-shrink: 0;
}

body.demo-medical .blog-area .tmp-card .inversweb-meta-list li a {
  font-size: inherit;
}

body.demo-medical .blog-area .tmp-card .inversweb-meta-list li.comment-area {
  margin-left: 4px;
  flex-shrink: 0;
}

body.demo-medical .blog-area .tmp-card .inversweb-meta-list li span i,
body.demo-medical .blog-area .tmp-card .inversweb-meta-list li.comment-area i {
  font-size: 13px;
}

body.demo-medical .tmp-card .inner .content .title a:hover,
body.demo-medical .card-box .inner .content .title a:hover,
body.demo-medical .service.service__style--1 .content .title a:hover {
  color: var(--amar-burgundy);
}

body.demo-medical .tag-news {
  background: linear-gradient(135deg, var(--amar-burgundy) 0%, #9a1530 100%);
  color: #ffffff;
}

body.demo-medical .link-hover a::after {
  background: var(--amar-gold-deep);
}

/* Patient Care – stronger tmponhover border band */
body.demo-medical .amar-patient-care-area .amar-patient-care-card.tmponhover::before {
  width: 340%;
  height: 340%;
  background: radial-gradient(
    circle closest-side at var(--x, 50%) var(--y, 50%),
    var(--amar-burgundy-dark) 0%,
    #5c0812 12%,
    rgba(92, 8, 18, 0.88) 28%,
    rgba(126, 11, 25, 0.72) 48%,
    rgba(92, 8, 18, 0.38) 62%,
    transparent 90%
  );
}

body.demo-medical .amar-patient-care-area .amar-patient-care-card.tmponhover::after {
  inset: 6px;
  border-radius: 4px;
  background: #ffffff;
}

main.page-wrapper.demo-medical > .amar-bg-cream .amar-patient-care-area .amar-patient-care-card.tmponhover::after {
  background: #ffffff;
}

/* Alternating section backgrounds */
main.page-wrapper.demo-medical > .amar-bg-cream {
  background: linear-gradient(165deg, #f8f1e6 0%, #faf4ea 45%, #f8f1e6 100%);
}

main.page-wrapper.demo-medical > .amar-bg-white {
  background: linear-gradient(180deg, #ffffff 0%, #fffcfa 50%, #ffffff 100%);
}

main.page-wrapper.demo-medical > .blog-area.amar-bg-white {
  background: linear-gradient(145deg, #ffffff 0%, var(--amar-cream) 55%, #ffffff 100%);
}

/* Dark bands: Key Services & Testimonials */
main.page-wrapper.demo-medical > .amar-section-dark {
  background-color: var(--amar-burgundy);
  background-image: linear-gradient(165deg, var(--amar-burgundy-dark) 0%, var(--amar-burgundy) 55%, #6a0e1a 100%);
}

main.page-wrapper.demo-medical > .amar-section-dark .tmp-section-title-border .title,
main.page-wrapper.demo-medical > .amar-section-dark .tmp-section-title-border h3.title {
  color: #ffffff;
}

main.page-wrapper.demo-medical > .amar-section-dark .tmp-section-title-border .description,
main.page-wrapper.demo-medical > .amar-section-dark .tmp-section-title-border .description.b1 {
  color: rgba(255, 255, 255, 0.82);
}

main.page-wrapper.demo-medical > .amar-section-dark .tmp-section-title-border .subtitle .subtitle-text {
  color: var(--amar-gold);
}

main.page-wrapper.demo-medical > .amar-section-dark .pres-line-separator-wrapper.text-center .line-separator.line-left {
  background-image: linear-gradient(-90deg, var(--amar-gold), rgba(255, 255, 255, 0));
}

main.page-wrapper.demo-medical > .amar-section-dark .pres-line-separator-wrapper.text-center .line-separator.line-right {
  background-image: linear-gradient(90deg, var(--amar-gold), rgba(255, 255, 255, 0));
}

main.page-wrapper.demo-medical > .amar-section-dark .theme-gradient {
  color: var(--amar-gold) !important;
}

main.page-wrapper.demo-medical > .amar-section-dark .amar-card-carousel-wrap .amar-card-carousel-activation button.slick-arrow {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(230, 197, 139, 0.45);
  color: #fff;
}

main.page-wrapper.demo-medical > .amar-section-dark .amar-card-carousel-wrap .amar-card-carousel-activation button.slick-arrow:hover {
  background: #ffffff !important;
  border-color: var(--amar-gold);
  color: var(--amar-burgundy);
}

main.page-wrapper.demo-medical > .amar-section-dark .amar-card-carousel-wrap .amar-card-carousel-activation button.slick-arrow i {
  color: inherit;
}

main.page-wrapper.demo-medical > .amar-section-dark .tmp-slick-dot .slick-dots li button::after {
  box-shadow: inset 0 0 0 7px rgba(255, 255, 255, 0.25);
}

main.page-wrapper.demo-medical > .amar-section-dark .tmp-slick-dot .slick-dots li.slick-active button::after {
  box-shadow: inset 0 0 0 1px var(--amar-gold) !important;
}

main.page-wrapper.demo-medical > .amar-section-dark .tmp-slick-arrow.testimonial-activation-2 button.slick-arrow {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(230, 197, 139, 0.4);
  color: #fff;
}

main.page-wrapper.demo-medical > .amar-section-dark .tmp-slick-arrow.testimonial-activation-2 button.slick-arrow:hover {
  background: #ffffff !important;
  border-color: var(--amar-gold);
  color: var(--amar-burgundy);
}

main.page-wrapper.demo-medical > .amar-section-dark .tmp-box-card.testimonial-style-one {
  background: #ffffff;
}

main.page-wrapper.demo-medical > .amar-section-dark .tmp-box-card.testimonial-style-one .content * {
  color: var(--amar-charcoal);
}

main.page-wrapper.demo-medical > .amar-section-dark .tmp-box-card.testimonial-style-one .content .description {
  color: var(--color-body);
}

main.page-wrapper.demo-medical > .amar-section-dark .tmp-box-card.testimonial-style-one .content-bottom .thumbnail .amar-testimonial-initial {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 44px;
  min-height: 44px;
  border-radius: 50%;
  background: var(--amar-burgundy, #7e0b19);
  color: var(--amar-gold, #e6c58b);
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  position: relative;
  z-index: 2;
}

/* Insurance & TPA Partners – logo slider on dark band */
main.page-wrapper.demo-medical > .amar-insurance-partners.amar-section-dark .tmp-section-title-border .title {
  color: #ffffff;
}

main.page-wrapper.demo-medical > .amar-insurance-partners.amar-section-dark .tmp-section-title-border .description.b1 {
  color: rgba(255, 255, 255, 0.82);
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

body.demo-medical .amar-key-services-area .amar-speciality-card__dummy-link {
  cursor: default;
  pointer-events: none;
}

main.page-wrapper.demo-medical > .amar-insurance-partners .brand-carousel-activation li .amar-brand-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  padding: 8px 12px;
}

main.page-wrapper.demo-medical > .amar-insurance-partners .brand-carousel-activation li .amar-brand-logo img {
  filter: none;
  opacity: 1;
  max-width: 140px;
  max-height: 64px;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

main.page-wrapper.demo-medical > .amar-insurance-partners .brand-carousel-activation li:hover .amar-brand-logo img {
  transform: scale(1.06);
}

main.page-wrapper.demo-medical > .amar-insurance-partners .brand-carousel-activation.tmp-slick-arrow button.slick-arrow {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(230, 197, 139, 0.4);
  color: #fff;
}

main.page-wrapper.demo-medical > .amar-insurance-partners .brand-carousel-activation.tmp-slick-arrow button.slick-arrow:hover {
  background: #ffffff !important;
  border-color: var(--amar-gold);
  color: var(--amar-burgundy);
}

main.page-wrapper.demo-medical > .amar-insurance-partners .brand-carousel-activation.tmp-slick-arrow button.slick-arrow i {
  color: inherit;
}

main.page-wrapper.demo-medical > .amar-insurance-partners .tmp-slick-dot .slick-dots li button::after {
  box-shadow: inset 0 0 0 7px rgba(255, 255, 255, 0.25);
}

main.page-wrapper.demo-medical > .amar-insurance-partners .tmp-slick-dot .slick-dots li.slick-active button::after {
  box-shadow: inset 0 0 0 1px var(--amar-gold) !important;
}

/* Patient Feedback – equal-height testimonial cards */
body.demo-medical .tmp-testimonial-area .testimonial-activation-2 .slick-track {
  display: flex !important;
  align-items: stretch !important;
}

body.demo-medical .tmp-testimonial-area .testimonial-activation-2 .slick-slide {
  height: auto !important;
  display: flex !important;
  align-items: stretch;
  float: none;
}

body.demo-medical .tmp-testimonial-area .testimonial-activation-2 .slick-slide > div {
  display: flex !important;
  flex: 1 1 auto;
  width: 100%;
  min-height: 100%;
}

body.demo-medical .tmp-testimonial-area .testimonial-activation-2 .tmp-box-card.testimonial-style-one {
  margin-top: 0;
  width: 100%;
  min-height: 100%;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-self: stretch;
}

body.demo-medical .tmp-testimonial-area .testimonial-activation-2 .tmp-box-card.testimonial-style-one .inner {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
}

body.demo-medical .tmp-testimonial-area .testimonial-activation-2 .tmp-box-card.testimonial-style-one .inner .content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

body.demo-medical .tmp-testimonial-area .testimonial-activation-2 .tmp-box-card.testimonial-style-one .inner .content .description {
  flex: 1 1 auto;
}

body.demo-medical .tmp-testimonial-area .testimonial-activation-2 .tmp-box-card.testimonial-style-one .inner .content-bottom {
  margin-top: auto;
  flex-shrink: 0;
}

body.demo-medical .tmp-testimonial-area .content-bottom .thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
}

body.demo-medical.active-light-mode .cta-marquee-text {
  color: var(--amar-charcoal);
}

body.demo-medical.active-light-mode .amar-cta-modern .tmp-btn.btn-large {
  background: var(--amar-gold);
  border-color: var(--amar-gold);
  color: var(--amar-charcoal);
}

body.demo-medical.active-light-mode .amar-cta-modern .tmp-btn.btn-large:hover {
  background: var(--amar-gold-deep);
  border-color: var(--amar-gold-deep);
  color: var(--amar-charcoal);
  box-shadow: 0 0 20px 5px rgba(201, 169, 110, 0.38);
}

body.demo-medical.active-light-mode .single-service-list-area .inner-content .head .icon {
  background: #7e0b19;
}

/* Line Awesome font weights (solid vs brands) */
body.demo-medical i.las {
  font-family: "Line Awesome Free" !important;
  font-weight: 900;
}
body.demo-medical i.lab {
  font-family: "Line Awesome Brands" !important;
  font-weight: 400;
}
body.demo-medical i.lar {
  font-family: "Line Awesome Free" !important;
  font-weight: 400;
}

/* Nav parent dropdown chevrons (were Feather ::after glyphs) */
body.demo-medical .mainmenu-nav .mainmenu .has-menu-child-item > a {
  padding-right: 16px;
}

body.demo-medical .has-menu-child-item > a::after,
body.demo-medical .mainmenu-nav .mainmenu li.has-third-lev > a::after {
  font-family: "Line Awesome Free" !important;
  font-weight: 900;
  speak: none;
}

body.demo-medical .has-menu-child-item > a::after {
  content: "\f107";
  right: -2px;
  top: 50%;
  transform: translateY(-50%);
}

body.demo-medical .has-menu-child-item > a:hover::after {
  content: "\f106";
}

body.demo-medical .mainmenu-nav .mainmenu li.has-third-lev > a::after {
  content: "\f105";
}

body.demo-medical .popup-mobile-menu .mainmenu .has-menu-child-item > a::after,
body.demo-medical .popup-mobile-menu .mainmenu .has-droupdown .has-third-lev > a::after {
  font-family: "Line Awesome Free" !important;
  font-weight: 900;
  content: "\f107";
}

body.demo-medical .popup-mobile-menu .mainmenu .has-menu-child-item > a.open::after,
body.demo-medical .popup-mobile-menu .mainmenu .has-droupdown .has-third-lev > a.open::after {
  content: "\f106";
}

body.demo-medical .mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .nav-quick-access li a i.las {
  font-size: 16px;
  margin-right: 6px;
  color: var(--amar-burgundy, #7e0b19);
}

/* —— Inner pages (About Us, etc.) —— */
body.demo-medical .amar-page-hero {
  position: relative;
  min-height: 200px;
  padding: 42px 0 48px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}

body.demo-medical .amar-page-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

body.demo-medical .amar-page-hero__shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(105deg, rgba(43, 27, 23, 0.55) 0%, rgba(92, 8, 18, 0.42) 45%, rgba(61, 5, 12, 0.48) 100%);
  pointer-events: none;
}

body.demo-medical .amar-page-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 3;
  background:
    radial-gradient(ellipse 70% 55% at 100% 0%, rgba(230, 197, 139, 0.15) 0%, transparent 55%),
    radial-gradient(ellipse 45% 40% at 0% 100%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);
  pointer-events: none;
}

body.demo-medical .amar-page-hero__inner {
  z-index: 4;
}

body.demo-medical .amar-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.demo-medical .amar-breadcrumb__list--trail {
  margin-bottom: 10px;
}

body.demo-medical .amar-breadcrumb__headline {
  margin: 0;
  padding: 0;
  font-size: clamp(1.75rem, 4.5vw, 2.65rem);
  line-height: 1.2;
  font-weight: 700;
  color: #ffffff;
  max-width: 900px;
}

body.demo-medical .amar-breadcrumb__item {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

@media only screen and (min-width: 768px) {
  body.demo-medical .amar-breadcrumb__item {
    font-size: 17px;
  }
}

body.demo-medical .amar-breadcrumb__item a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  transition: color 0.25s ease;
}

body.demo-medical .amar-breadcrumb__item a:hover {
  color: var(--amar-gold, #e6c58b);
}

body.demo-medical .amar-breadcrumb__item span {
  color: rgba(255, 255, 255, 0.78);
}

body.demo-medical .amar-breadcrumb__sep {
  font-size: 14px;
  margin: 0 12px;
  color: rgba(230, 197, 139, 0.75);
}

body.demo-medical .amar-page-hero__eyebrow {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--amar-gold, #e6c58b);
}

body.demo-medical .amar-inner-page--white {
  background: #ffffff;
}

body.demo-medical .amar-inner-page__article {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

body.demo-medical .amar-inner-page__lead {
  margin-bottom: 36px;
}

body.demo-medical .amar-inner-page__h1 {
  font-size: clamp(2rem, 4.2vw, 2.85rem);
  line-height: 1.2;
  font-weight: 700;
  color: var(--amar-charcoal, #2b1b17);
  margin-bottom: 28px;
}

body.demo-medical .amar-inner-page__h2 {
  font-size: clamp(1.65rem, 2.9vw, 2.125rem);
  font-weight: 700;
  color: var(--amar-burgundy, #7e0b19);
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  line-height: 1.3;
}

body.demo-medical .amar-content-block {
  margin-bottom: 28px;
}

body.demo-medical .amar-content-block:last-child {
  margin-bottom: 0;
}

body.demo-medical .amar-content-block--open {
  padding: 4px 0 8px;
}

body.demo-medical .amar-content-block--open .amar-inner-page__h2 {
  padding-bottom: 12px;
  border-bottom: 3px solid rgba(126, 11, 25, 0.12);
}

body.demo-medical .amar-content-block--light {
  padding: 28px 32px 32px;
  border-radius: 14px;
  background: linear-gradient(180deg, var(--amar-gold-light, #f5ead6) 0%, #faf6ee 100%);
  border: 1px solid rgba(230, 197, 139, 0.35);
}

body.demo-medical .amar-content-block--dark {
  padding: 32px 36px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--amar-burgundy, #7e0b19) 0%, #5c0812 100%);
  border: 1px solid rgba(230, 197, 139, 0.2);
}

body.demo-medical .amar-content-block--dark .amar-inner-page__h2 {
  color: var(--amar-gold, #e6c58b);
}

body.demo-medical .amar-inner-page__article .b1 {
  color: var(--color-body, #534841);
  line-height: 1.8;
  font-size: 17px;
}

body.demo-medical .amar-inner-page__article .amar-content-block--dark .b1,
body.demo-medical .amar-inner-page__article .amar-content-block--dark p.b1 {
  color: rgba(255, 255, 255, 0.92);
}

@media only screen and (max-width: 767px) {
  body.demo-medical .amar-content-block--light,
  body.demo-medical .amar-content-block--dark {
    padding: 22px 20px 24px;
  }

  body.demo-medical .amar-page-hero {
    padding: 32px 0 36px;
    min-height: 168px;
  }
}

body.demo-medical .amar-inner-page__figure {
  margin: 0;
}

/* Vision & Mission – mission pillars (Why Choose–style cards, 2 per row) */
body.demo-medical .amar-mission-cards-wrap {
  margin-bottom: 28px;
}

body.demo-medical .amar-mission-cards .service.service__style--1 {
  margin-bottom: 0;
}

/* 2-up rows: row1 gold|white, row2 white|gold (4n pattern); stacked mobile: gold|white alternating */
body.demo-medical .amar-mission-cards > [class*="col"]:nth-child(odd) .amar-mission-card {
  background-color: var(--amar-gold-light, #f5ead6) !important;
  border: 1px solid rgba(230, 197, 139, 0.35);
  box-shadow: none;
}

body.demo-medical .amar-mission-cards > [class*="col"]:nth-child(odd) .amar-mission-card.tmponhover::after {
  background: var(--amar-gold-light, #f5ead6);
}

body.demo-medical .amar-mission-cards > [class*="col"]:nth-child(even) .amar-mission-card {
  background-color: #ffffff !important;
  border: 1px solid rgba(126, 11, 25, 0.12);
  box-shadow: 0 6px 28px rgba(43, 27, 23, 0.06);
}

body.demo-medical .amar-mission-cards > [class*="col"]:nth-child(even) .amar-mission-card.tmponhover::after {
  background: #ffffff;
}

@media only screen and (min-width: 768px) {
  body.demo-medical .amar-mission-cards > [class*="col"]:nth-child(4n + 1) .amar-mission-card,
  body.demo-medical .amar-mission-cards > [class*="col"]:nth-child(4n) .amar-mission-card {
    background-color: var(--amar-gold-light, #f5ead6) !important;
    border: 1px solid rgba(230, 197, 139, 0.35);
    box-shadow: none;
  }

  body.demo-medical .amar-mission-cards > [class*="col"]:nth-child(4n + 1) .amar-mission-card.tmponhover::after,
  body.demo-medical .amar-mission-cards > [class*="col"]:nth-child(4n) .amar-mission-card.tmponhover::after {
    background: var(--amar-gold-light, #f5ead6);
  }

  body.demo-medical .amar-mission-cards > [class*="col"]:nth-child(4n + 2) .amar-mission-card,
  body.demo-medical .amar-mission-cards > [class*="col"]:nth-child(4n + 3) .amar-mission-card {
    background-color: #ffffff !important;
    border: 1px solid rgba(126, 11, 25, 0.12);
    box-shadow: 0 6px 28px rgba(43, 27, 23, 0.06);
  }

  body.demo-medical .amar-mission-cards > [class*="col"]:nth-child(4n + 2) .amar-mission-card.tmponhover::after,
  body.demo-medical .amar-mission-cards > [class*="col"]:nth-child(4n + 3) .amar-mission-card.tmponhover::after {
    background: #ffffff;
  }
}

body.demo-medical .amar-mission-cards .service.service__style--1 .icon {
  justify-content: flex-start;
}

body.demo-medical .amar-mission-cards .service.service__style--1 .icon i.las {
  font-size: 52px;
  line-height: 1;
  color: var(--amar-burgundy, #7e0b19);
}

body.demo-medical .amar-mission-cards .service.service__style--1 .content .title {
  font-size: var(--amar-category-heading-size, clamp(1.375rem, 2.35vw, 1.5rem));
  font-weight: 700;
  line-height: 1.35;
  color: var(--amar-burgundy, #7e0b19);
  margin-bottom: 14px;
}

body.demo-medical .amar-mission-cards .service.service__style--1 .content .description {
  color: var(--color-body, #534841);
  line-height: 1.75;
  font-size: var(--font-size-b2, 16px);
  font-weight: 400;
}

/* Our Infrastructure – vertical timeline + care journey */
body.demo-medical .amar-infra-timeline {
  position: relative;
  margin: 8px 0 28px;
  padding: 0;
}

body.demo-medical .amar-infra-timeline__item {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 20px;
  margin-bottom: 0;
  padding-bottom: 22px;
}

body.demo-medical .amar-infra-timeline__item--last {
  padding-bottom: 0;
}

body.demo-medical .amar-infra-timeline__rail {
  position: relative;
  display: flex;
  justify-content: center;
}

body.demo-medical .amar-infra-timeline__rail::after {
  content: "";
  position: absolute;
  top: 52px;
  bottom: -8px;
  left: 50%;
  width: 3px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, var(--amar-burgundy, #7e0b19) 0%, rgba(230, 197, 139, 0.85) 100%);
  border-radius: 2px;
  opacity: 0.35;
}

body.demo-medical .amar-infra-timeline__item--last .amar-infra-timeline__rail::after {
  display: none;
}

body.demo-medical .amar-infra-timeline__dot {
  position: relative;
  z-index: 1;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, var(--amar-burgundy, #7e0b19) 0%, #5c0812 100%);
  color: #ffffff;
  box-shadow: 0 6px 20px rgba(126, 11, 25, 0.28);
  border: 3px solid #ffffff;
}

body.demo-medical .amar-infra-timeline__dot i.las {
  font-size: 22px;
  line-height: 1;
}

body.demo-medical .amar-infra-timeline__card {
  background: #ffffff;
  border: 1px solid rgba(126, 11, 25, 0.1);
  border-radius: 14px;
  padding: 22px 24px 24px;
  box-shadow: 0 8px 32px rgba(43, 27, 23, 0.07);
}

body.demo-medical .amar-infra-timeline__card .amar-infra-timeline__title {
  font-size: var(--amar-category-heading-size, clamp(1.375rem, 2.35vw, 1.5rem));
  font-weight: 700;
  line-height: 1.35;
  color: var(--amar-burgundy, #7e0b19);
  margin: 0 0 14px;
  padding: 0;
  border: 0;
}

body.demo-medical .amar-infra-timeline__card .b1 {
  font-size: var(--font-size-b2, 16px);
  line-height: 1.75;
  font-weight: 400;
}

body.demo-medical .amar-care-journey-block .amar-inner-page__h2 {
  margin-bottom: 14px;
}

body.demo-medical .amar-care-journey {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 10px;
}

body.demo-medical .amar-care-journey__step {
  margin: 0;
  flex: 1 1 calc(33.333% - 10px);
  min-width: 140px;
  position: relative;
}

body.demo-medical .amar-care-journey__label {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--amar-charcoal, #2b1b17);
  background: #ffffff;
  border: 1px solid rgba(126, 11, 25, 0.14);
  border-radius: 10px;
  padding: 14px 12px;
  min-height: 100%;
  box-shadow: 0 4px 16px rgba(43, 27, 23, 0.06);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body.demo-medical .amar-care-journey__step:hover .amar-care-journey__label {
  transform: translateY(-2px);
  border-color: rgba(126, 11, 25, 0.28);
  box-shadow: 0 8px 22px rgba(126, 11, 25, 0.1);
}

body.demo-medical .amar-care-journey__step::after {
  content: "\2192";
  position: absolute;
  right: -14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 700;
  color: var(--amar-burgundy, #7e0b19);
  opacity: 0.55;
  pointer-events: none;
}

body.demo-medical .amar-care-journey__step:last-child::after {
  display: none;
}

@media only screen and (min-width: 768px) {
  body.demo-medical .amar-care-journey__step:nth-child(3n)::after {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  body.demo-medical .amar-infra-timeline__item {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
  }

  body.demo-medical .amar-infra-timeline__dot {
    width: 44px;
    height: 44px;
  }

  body.demo-medical .amar-infra-timeline__dot i.las {
    font-size: 18px;
  }

  body.demo-medical .amar-infra-timeline__card {
    padding: 18px 16px 20px;
  }

  body.demo-medical .amar-care-journey__step {
    flex: 1 1 100%;
    min-width: 0;
  }

  body.demo-medical .amar-care-journey__step::after {
    content: "\2193";
    right: auto;
    left: 50%;
    top: auto;
    bottom: -12px;
    transform: translateX(-50%);
  }

  body.demo-medical .amar-care-journey__step:last-child::after {
    display: none;
  }
}

/* Hospital Facilities – stacked icon panels */
body.demo-medical .amar-facilities-stack {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-bottom: 28px;
}

body.demo-medical .amar-facility-panel {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  padding: 26px 28px;
  border-radius: 14px;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

body.demo-medical .amar-facility-panel:hover {
  box-shadow: 0 12px 36px rgba(43, 27, 23, 0.1);
  transform: translateY(-2px);
}

body.demo-medical .amar-facility-panel--gold {
  background: linear-gradient(180deg, var(--amar-gold-light, #f5ead6) 0%, #faf6ee 100%);
  border: 1px solid rgba(230, 197, 139, 0.35);
}

body.demo-medical .amar-facility-panel--white {
  background: #ffffff;
  border: 1px solid rgba(126, 11, 25, 0.1);
  box-shadow: 0 6px 28px rgba(43, 27, 23, 0.06);
}

body.demo-medical .amar-facility-panel__icon {
  flex-shrink: 0;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, var(--amar-burgundy, #7e0b19) 0%, #5c0812 100%);
  color: #ffffff;
  box-shadow: 0 6px 18px rgba(126, 11, 25, 0.25);
}

body.demo-medical .amar-facility-panel__icon i.las {
  font-size: 26px;
  line-height: 1;
}

body.demo-medical .amar-facility-panel__body {
  flex: 1;
  min-width: 0;
}

body.demo-medical .amar-facility-panel__title {
  font-size: var(--amar-category-heading-size, clamp(1.375rem, 2.35vw, 1.5rem));
  font-weight: 700;
  line-height: 1.35;
  color: var(--amar-burgundy, #7e0b19);
  margin: 0 0 12px;
  padding: 0;
  border: 0;
}

body.demo-medical .amar-facility-panel .b1 {
  margin-bottom: 0;
}

@media only screen and (max-width: 575px) {
  body.demo-medical .amar-facility-panel {
    flex-direction: column;
    align-items: stretch;
    padding: 22px 20px;
    gap: 16px;
  }

  body.demo-medical .amar-facility-panel__icon {
    width: 52px;
    height: 52px;
  }
}

body.demo-medical .amar-img-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 280px;
  border-radius: 12px;
  background: linear-gradient(145deg, var(--amar-gold-light, #f5ead6) 0%, #ebe3d4 100%);
  border: 2px dashed rgba(126, 11, 25, 0.2);
  color: var(--amar-burgundy, #7e0b19);
  text-align: center;
  padding: 24px;
}

body.demo-medical .amar-img-placeholder i {
  font-size: 48px;
  opacity: 0.55;
}

body.demo-medical .amar-img-placeholder span {
  font-size: 14px;
  font-weight: 600;
  opacity: 0.75;
}

body.demo-medical .amar-img-placeholder--photo {
  min-height: 0;
  aspect-ratio: 3 / 4;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  background: linear-gradient(165deg, #ffffff 0%, var(--amar-gold-light, #f5ead6) 100%);
  border: 2px dashed rgba(126, 11, 25, 0.22);
  box-shadow: 0 10px 32px rgba(43, 27, 23, 0.08);
}

body.demo-medical .amar-img-placeholder--photo i {
  font-size: 56px;
}

body.demo-medical .amar-inner-page__lead--no-hero-image {
  margin-bottom: 8px;
}

body.demo-medical .amar-management-page .amar-mgmt-profile__photo {
  display: block;
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  min-height: 380px;
  aspect-ratio: 3 / 4.5;
  object-fit: cover;
  object-position: center top;
  box-shadow: 0 10px 32px rgba(43, 27, 23, 0.08);
  border: 1px solid rgba(126, 11, 25, 0.1);
}

body.demo-medical .amar-mgmt-profile.amar-content-block--light .amar-inner-page__h2 {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 8px;
}

body.demo-medical .amar-mgmt-profile__name {
  font-size: clamp(1.5rem, 2.5vw, 1.85rem);
}

body.demo-medical .amar-mgmt-profile__role {
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--amar-gold-deep, #c99e4e);
  margin: 0 0 18px;
  line-height: 1.4;
}

body.demo-medical .amar-cta-modern .amar-cta-modern__lead,
body.demo-medical .amar-cta-modern .amar-cta-modern__lead.b1 {
  margin-top: 16px;
  max-width: 640px;
  color: var(--amar-charcoal, #2b1b17);
  font-size: 17px;
  line-height: 1.65;
}

/* Specialities – inner pages (shared card / category heading size) */
body.demo-medical {
  --amar-category-heading-size: clamp(1.375rem, 2.35vw, 1.8rem);
}

body.demo-medical .amar-speciality-page__kicker {
  font-size: clamp(1.3rem, 2.4vw, 1.55rem);
  font-weight: 600;
  color: var(--amar-gold-deep, #c99e4e);
  margin: 12px 0 18px;
  line-height: 1.4;
}

body.demo-medical .amar-speciality-page__kicker--on-dark {
  color: var(--amar-gold, #e6c58b);
}

body.demo-medical .amar-speciality-page__subhead {
  font-size: var(--amar-category-heading-size, clamp(1.375rem, 2.35vw, 1.5rem));
  font-weight: 700;
  color: var(--amar-burgundy, #7e0b19);
  margin: 24px 0 12px;
  line-height: 1.35;
}

body.demo-medical .amar-icon-list {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  display: grid;
  gap: 10px 16px;
}

body.demo-medical .amar-icon-list--arrow {
  grid-template-columns: 1fr;
}

@media only screen and (min-width: 576px) {
  body.demo-medical .amar-icon-list--arrow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

body.demo-medical .amar-icon-list--check {
  grid-template-columns: 1fr;
}

@media only screen and (min-width: 576px) {
  body.demo-medical .amar-icon-list--check {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

body.demo-medical .amar-icon-list li {
  position: relative;
  margin: 0;
  padding: 10px 14px 10px 40px;
  font-size: var(--font-size-b2, 16px);
  line-height: 1.55;
  color: var(--color-body, #534841);
  background: rgba(245, 234, 214, 0.45);
  border-radius: 8px;
  border: 1px solid rgba(126, 11, 25, 0.08);
}

body.demo-medical .amar-content-block--light .amar-icon-list li {
  background: #ffffff;
}

body.demo-medical .amar-icon-list--check li::before {
  content: "\f00c";
  font-family: "Line Awesome Free";
  font-weight: 900;
  position: absolute;
  left: 14px;
  top: 11px;
  font-size: 15px;
  color: var(--amar-burgundy, #7e0b19);
}

body.demo-medical .amar-icon-list--arrow li::before {
  content: "\f105";
  font-family: "Line Awesome Free";
  font-weight: 900;
  position: absolute;
  left: 14px;
  top: 10px;
  font-size: 16px;
  color: var(--amar-burgundy, #7e0b19);
}

body.demo-medical .amar-service-links {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 28px;
}

body.demo-medical .amar-service-link-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px 24px;
  border-radius: 14px;
  text-decoration: none;
  color: inherit;
  background: linear-gradient(180deg, var(--amar-gold-light, #f5ead6) 0%, #faf6ee 100%);
  border: 1px solid rgba(230, 197, 139, 0.4);
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}

body.demo-medical .amar-service-link-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 36px rgba(126, 11, 25, 0.12);
  border-color: rgba(126, 11, 25, 0.2);
  color: inherit;
}

body.demo-medical .amar-service-link-card__title {
  font-size: var(--amar-category-heading-size, clamp(1.375rem, 2.35vw, 1.5rem));
  font-weight: 700;
  color: var(--amar-burgundy, #7e0b19);
  margin: 0 0 8px;
  line-height: 1.35;
}

body.demo-medical .amar-service-link-card__action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  color: var(--amar-burgundy, #7e0b19);
}

body.demo-medical .amar-service-link-card__action i {
  font-size: 18px;
  transition: transform 0.2s ease;
}

body.demo-medical .amar-service-link-card:hover .amar-service-link-card__action i {
  transform: translateX(4px);
}

body.demo-medical .amar-service-link-card--static {
  cursor: default;
}

body.demo-medical .amar-service-link-card--static:hover {
  transform: none;
  box-shadow: none;
  border-color: rgba(230, 197, 139, 0.4);
}

body.demo-medical .amar-content-block--dark .amar-icon-list--on-dark li {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.92);
}

body.demo-medical .amar-content-block--dark .amar-icon-list--on-dark li::before {
  color: var(--amar-gold, #e6c58b);
}

body.demo-medical .amar-treatment-steps {
  margin: 0 0 28px;
}

body.demo-medical .amar-treatment-steps__item {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 18px;
  padding-bottom: 18px;
}

body.demo-medical .amar-treatment-steps__item--last {
  padding-bottom: 0;
}

body.demo-medical .amar-treatment-steps__num {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #ffffff;
  background: linear-gradient(145deg, var(--amar-burgundy, #7e0b19) 0%, #5c0812 100%);
  box-shadow: 0 6px 18px rgba(126, 11, 25, 0.22);
}

body.demo-medical .amar-treatment-steps__card {
  background: #ffffff;
  border: 1px solid rgba(126, 11, 25, 0.1);
  border-radius: 12px;
  padding: 18px 20px 20px;
  box-shadow: 0 6px 24px rgba(43, 27, 23, 0.06);
}

body.demo-medical .amar-treatment-steps__title {
  font-size: var(--amar-category-heading-size, clamp(1.375rem, 2.35vw, 1.5rem));
  font-weight: 700;
  color: var(--amar-burgundy, #7e0b19);
  margin: 0 0 10px;
  line-height: 1.35;
}

body.demo-medical .amar-care-journey--education .amar-care-journey__step {
  flex: 1 1 calc(33.333% - 10px);
  min-width: 120px;
}

body.demo-medical .amar-faq {
  margin-bottom: 28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.demo-medical .amar-faq__item {
  border: 1px solid rgba(126, 11, 25, 0.12);
  border-radius: 12px;
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(43, 27, 23, 0.05);
}

body.demo-medical .amar-faq__question {
  padding: 18px 52px 18px 22px;
  font-size: clamp(1.2rem, 2.15vw, 1.35rem);
  font-weight: 700;
  color: var(--amar-charcoal, #2b1b17);
  cursor: pointer;
  list-style: none;
  position: relative;
  line-height: 1.4;
}

body.demo-medical .amar-faq__question::-webkit-details-marker {
  display: none;
}

body.demo-medical .amar-faq__question::after {
  content: "\f107";
  font-family: "Line Awesome Free";
  font-weight: 900;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--amar-burgundy, #7e0b19);
  transition: transform 0.2s ease;
}

body.demo-medical .amar-faq__item[open] .amar-faq__question::after {
  transform: translateY(-50%) rotate(180deg);
}

body.demo-medical .amar-faq__answer {
  padding: 0 20px 18px;
  border-top: 1px solid rgba(126, 11, 25, 0.08);
}

body.demo-medical .amar-journey-stack {
  margin: 0 0 20px;
  max-width: 420px;
}

body.demo-medical .amar-journey-stack__step {
  padding: 14px 18px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--amar-charcoal, #2b1b17);
  background: #ffffff;
  border: 1px solid rgba(126, 11, 25, 0.12);
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(43, 27, 23, 0.06);
}

body.demo-medical .amar-journey-stack__arrow {
  text-align: center;
  padding: 6px 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: var(--amar-burgundy, #7e0b19);
  opacity: 0.7;
}

body.demo-medical .amar-speciality-sidebar__group {
  margin-bottom: 8px;
}

body.demo-medical .amar-speciality-sidebar__group:last-of-type {
  margin-bottom: 0;
}

body.demo-medical .amar-speciality-sidebar__group-title {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--amar-burgundy, #7e0b19);
  margin: 16px 0 6px;
  padding: 0 4px;
}

body.demo-medical .amar-speciality-sidebar__group:first-child .amar-speciality-sidebar__group-title {
  margin-top: 0;
}

body.demo-medical .amar-speciality-sidebar__check {
  color: var(--amar-burgundy, #7e0b19);
  font-size: 18px;
  flex-shrink: 0;
  margin-right: 4px;
}

body.demo-medical .amar-speciality-sidebar .amar-about-sidebar__item.is-active a {
  padding-left: 0;
}

body.demo-medical .amar-speciality-sidebar .amar-about-sidebar__item.is-active .amar-about-sidebar__icon {
  display: none;
}

body.demo-medical .amar-about-sidebar__card {
  background: #ffffff;
  border-radius: 16px;
  padding: 28px 24px 24px;
  box-shadow: 0 8px 40px rgba(43, 27, 23, 0.08);
  border: 1px solid rgba(126, 11, 25, 0.1);
}

/* Sidebar column sticks while main content scrolls (needs body overflow-x: clip, not hidden) */
@media only screen and (min-width: 992px) {
  body.demo-medical .amar-sidebar-row {
    align-items: flex-start !important;
  }

  body.demo-medical .amar-sidebar-row > .col-lg-4 {
    position: sticky;
    top: 96px;
    z-index: 2;
    align-self: flex-start;
  }

  body.demo-medical .amar-sidebar-row .amar-about-sidebar__card {
    max-height: calc(100vh - 96px - 24px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

body.demo-medical .amar-about-sidebar h2.amar-about-sidebar__title {
  font-size: clamp(1.65rem, 2.9vw, 2.125rem);
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--amar-burgundy, #7e0b19);
  margin: 0 0 18px;
  padding-bottom: 12px;
  border-bottom: 3px solid transparent;
  border-image: linear-gradient(90deg, var(--amar-burgundy, #7e0b19), var(--amar-gold, #e6c58b)) 1;
}

body.demo-medical .amar-about-sidebar__nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.demo-medical .amar-about-sidebar__item {
  margin: 0;
  border-bottom: 1px solid rgba(126, 11, 25, 0.08);
}

body.demo-medical .amar-about-sidebar__item:last-child {
  border-bottom: 0;
}

body.demo-medical .amar-about-sidebar__item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 4px;
  font-size: 15px;
  font-weight: 500;
  color: var(--amar-charcoal, #2b1b17);
  text-decoration: none;
  transition: color 0.2s ease, padding-left 0.2s ease;
}

body.demo-medical .amar-about-sidebar__item a:hover {
  color: var(--amar-burgundy, #7e0b19);
  padding-left: 6px;
}

body.demo-medical .amar-about-sidebar__item.is-active a {
  color: var(--amar-burgundy, #7e0b19);
  font-weight: 700;
}

body.demo-medical .amar-about-sidebar__icon {
  font-size: 14px;
  color: var(--amar-gold-deep, #c99e4e);
  flex-shrink: 0;
}

body.demo-medical .amar-about-sidebar__item.is-active .amar-about-sidebar__icon {
  color: var(--amar-burgundy, #7e0b19);
}

body.demo-medical .amar-about-sidebar__cta {
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid rgba(126, 11, 25, 0.1);
}

body.demo-medical .amar-inner-cta {
  padding: 56px 0;
}

body.demo-medical .amar-inner-cta__box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px 32px;
  padding: 40px 48px;
  border-radius: 16px;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.08) 0%, rgba(230, 197, 139, 0.12) 100%);
  border: 1px solid rgba(230, 197, 139, 0.25);
}

@media only screen and (max-width: 991px) {
  body.demo-medical .amar-about-sidebar__card {
    position: static;
    max-height: none;
    overflow-y: visible;
  }

  body.demo-medical .amar-inner-cta__box {
    padding: 28px 24px;
  }
}

body.demo-medical .amar-inner-cta__title {
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 10px;
}

body.demo-medical .amar-inner-cta__text {
  color: rgba(255, 255, 255, 0.85);
  max-width: 520px;
}

body.demo-medical .amar-inner-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

body.demo-medical .amar-inner-cta .tmp-btn.btn-border {
  border-color: rgba(255, 255, 255, 0.45) !important;
  color: #ffffff !important;
}

body.demo-medical .amar-inner-cta .tmp-btn.btn-border:hover {
  background: #ffffff;
  color: var(--amar-burgundy, #7e0b19) !important;
}

/* Photo & video gallery pages */
body.demo-medical .amar-gallery-page .amar-content-block {
  margin-bottom: 32px;
}

body.demo-medical .amar-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
}

@media only screen and (max-width: 991px) {
  body.demo-medical .amar-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

@media only screen and (max-width: 575px) {
  body.demo-medical .amar-gallery-grid {
    grid-template-columns: 1fr;
  }
}

body.demo-medical .amar-gallery-grid__figure {
  margin: 0;
}

body.demo-medical .amar-gallery-lightbox__link {
  display: block;
  position: relative;
  color: inherit;
  text-decoration: none;
  border-radius: 12px;
  overflow: hidden;
  outline-offset: 3px;
}

body.demo-medical .amar-gallery-lightbox__media {
  display: block;
  line-height: 0;
}

body.demo-medical .amar-gallery-lightbox__media.invers-anime {
  border-radius: 12px;
}

body.demo-medical .amar-gallery-lightbox__link:focus-visible {
  outline: 2px solid var(--amar-burgundy, #7e0b19);
}

body.demo-medical .amar-gallery-lightbox__icon {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(126, 11, 25, 0.88);
  color: #ffffff;
  font-size: 18px;
  opacity: 0;
  transform: scale(0.85);
  transition: opacity 0.25s ease, transform 0.25s ease;
  pointer-events: none;
}

body.demo-medical .amar-gallery-lightbox__link:hover .amar-gallery-lightbox__icon,
body.demo-medical .amar-gallery-lightbox__link:focus-visible .amar-gallery-lightbox__icon {
  opacity: 1;
  transform: scale(1);
}

body.demo-medical .amar-gallery-grid__photo {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 8px 28px rgba(43, 27, 23, 0.08);
  border: 1px solid rgba(126, 11, 25, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.demo-medical .amar-gallery-grid__item:hover .amar-gallery-grid__photo,
body.demo-medical .amar-gallery-lightbox__link:hover .amar-gallery-grid__photo {
  transform: translateY(-2px);
  box-shadow: 0 12px 36px rgba(126, 11, 25, 0.12);
}

body.demo-medical .amar-img-placeholder--gallery {
  min-height: 0;
  width: 100%;
  aspect-ratio: 4 / 3;
  padding: 16px;
  border-radius: 12px;
  box-shadow: 0 8px 28px rgba(43, 27, 23, 0.08);
}

body.demo-medical .amar-img-placeholder--gallery i.las:not(.la-play-circle) {
  font-size: 40px;
}

body.demo-medical .amar-img-placeholder--gallery span:not(.amar-img-placeholder__play) {
  font-size: 13px;
}

body.demo-medical .amar-img-placeholder--video {
  position: relative;
}

body.demo-medical .amar-img-placeholder__play {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

body.demo-medical .amar-img-placeholder__play i.las {
  font-size: 52px;
  opacity: 0.65;
  color: var(--amar-burgundy, #7e0b19);
}

/* Contact page */
body.demo-medical .amar-contact-page__intro {
  max-width: 720px;
  margin-top: 12px;
}

body.demo-medical .amar-contact-emergency {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 18px 20px;
  margin-bottom: 32px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(126, 11, 25, 0.08) 0%, rgba(230, 197, 139, 0.35) 100%);
  border: 1px solid rgba(126, 11, 25, 0.15);
}

body.demo-medical .amar-contact-emergency__icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--amar-burgundy, #7e0b19);
  color: #ffffff;
  font-size: 24px;
}

body.demo-medical .amar-contact-emergency__title {
  font-size: 1.9rem;
  font-weight: 700;
  color: var(--amar-burgundy, #7e0b19);
  margin: 0 0 6px;
}

body.demo-medical .amar-contact-emergency a {
  font-weight: 600;
  color: var(--amar-burgundy, #7e0b19);
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.demo-medical .amar-contact-info-panel {
  height: 100%;
  padding: 28px 24px 32px;
  border-radius: 16px;
  background: linear-gradient(
    165deg,
    #f8f0e2 0%,
    #f5ead6 22%,
    #efe4cf 55%,
    #f5ead6 100%
  );
  border: 1px solid rgba(201, 158, 78, 0.35);
  box-shadow: 0 12px 40px rgba(43, 27, 23, 0.08);
}

body.demo-medical .amar-contact-info-panel__title {
  font-size: clamp(1.35rem, 2.5vw, 1.65rem);
  font-weight: 700;
  color: var(--amar-burgundy, #7e0b19);
  margin: 0 0 14px;
}

body.demo-medical .amar-contact-info-panel__lead {
  color: var(--color-body, #534841);
  line-height: 1.65;
  margin-bottom: 22px !important;
}

body.demo-medical .amar-contact-info-list {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

body.demo-medical .amar-contact-info-list__item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.72);
  border-radius: 12px;
  border: 1px solid rgba(126, 11, 25, 0.08);
}

body.demo-medical .amar-contact-info-list__icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--amar-burgundy, #7e0b19);
  color: #ffffff;
  font-size: 20px;
}

body.demo-medical .amar-contact-info-list__icon i.lab {
  font-size: 22px;
}

body.demo-medical .amar-contact-info-list__item:has(.la-whatsapp) .amar-contact-info-list__icon {
  background-color: #25d366;
}

body.demo-medical .amar-contact-info-list__item:has(.la-whatsapp) .amar-contact-info-list__content a:hover {
  color: #20bd5a;
}

body.demo-medical .amar-contact-info-list__label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--amar-gold-deep, #c99e4e);
  margin-bottom: 4px;
}

body.demo-medical .amar-contact-info-list__content a {
  font-size: 16px;
  font-weight: 600;
  color: var(--amar-charcoal, #2b1b17);
  line-height: 1.45;
}

body.demo-medical .amar-contact-info-list__content a:hover {
  color: var(--amar-burgundy, #7e0b19);
}

body.demo-medical .amar-contact-info-panel__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 22px;
}

body.demo-medical .amar-contact-social {
  margin-bottom: 0;
  justify-content: flex-start !important;
  margin-left: -5px;
  margin-right: 0;
}

/* Social icons — brand colors (footer & contact) */
body.demo-medical .amar-social-brand {
  justify-content: flex-start !important;
}

body.demo-medical .amar-social-brand li a {
  color: #ffffff;
  background-color: var(--amar-charcoal, #2b1b17);
}

body.demo-medical .amar-social-brand li a::after {
  display: none;
}

body.demo-medical .amar-social-brand li a[aria-label="Facebook"] {
  background-color: #1877f2;
}

body.demo-medical .amar-social-brand li a[aria-label="Instagram"] {
  background: linear-gradient(45deg, #f58529 0%, #dd2a7b 50%, #8134af 100%);
}

body.demo-medical .amar-social-brand li a[aria-label="YouTube"] {
  background-color: #ff0000;
}

body.demo-medical .amar-social-brand li a[aria-label="WhatsApp"] {
  background-color: #25d366;
}

body.demo-medical .amar-social-brand li a:hover {
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(43, 27, 23, 0.18);
}

body.demo-medical .amar-social-brand li a[aria-label="Facebook"]:hover {
  background-color: #166fe0;
}

body.demo-medical .amar-social-brand li a[aria-label="Instagram"]:hover {
  background: linear-gradient(45deg, #e67a22 0%, #c91f6a 50%, #6f2c9e 100%);
}

body.demo-medical .amar-social-brand li a[aria-label="YouTube"]:hover {
  background-color: #e60000;
}

body.demo-medical .amar-social-brand li a[aria-label="WhatsApp"]:hover {
  background-color: #20bd5a;
}

body.demo-medical .amar-contact-map-full {
  margin-top: 0;
  padding-bottom: 0;
  background: linear-gradient(180deg, #faf6ee 0%, #f5ead6 100%);
  border-top: 1px solid rgba(126, 11, 25, 0.1);
}

body.demo-medical .amar-contact-map-full__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 28px 0 20px;
}

body.demo-medical .amar-contact-map-full__title {
  font-size: clamp(1.35rem, 2.5vw, 1.65rem);
  font-weight: 700;
  color: var(--amar-burgundy, #7e0b19);
  margin: 0;
}

body.demo-medical .amar-contact-map-full__embed {
  width: 100%;
  line-height: 0;
}

body.demo-medical .amar-contact-map-full__iframe {
  display: block;
  width: 100%;
  height: clamp(280px, 42vw, 480px);
  border: 0;
  margin: 0;
}

body.demo-medical .amar-contact-form-panel {
  height: 100%;
  padding: 32px 28px 36px;
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid rgba(126, 11, 25, 0.1);
  box-shadow: 0 16px 48px rgba(43, 27, 23, 0.08);
}

@media only screen and (max-width: 991px) {
  body.demo-medical .amar-contact-form-panel {
    padding: 26px 22px 30px;
  }
}

body.demo-medical .amar-contact-form-panel__title {
  font-size: clamp(1.35rem, 2.5vw, 1.65rem);
  font-weight: 700;
  color: var(--amar-burgundy, #7e0b19);
  margin: 0 0 10px;
}

body.demo-medical .amar-contact-form-panel__lead {
  margin-bottom: 22px;
  color: var(--color-body, #534841);
}

body.demo-medical .amar-contact-required {
  color: var(--amar-burgundy, #7e0b19);
  font-weight: 700;
}

body.demo-medical .amar-contact-alert {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 16px;
  border-radius: 10px;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.5;
}

body.demo-medical .amar-contact-alert i {
  font-size: 22px;
  flex-shrink: 0;
  margin-top: 2px;
}

body.demo-medical .amar-contact-alert--success {
  background: rgba(34, 120, 70, 0.1);
  border: 1px solid rgba(34, 120, 70, 0.25);
  color: #1a5c38;
}

body.demo-medical .amar-contact-alert--error {
  background: rgba(126, 11, 25, 0.08);
  border: 1px solid rgba(126, 11, 25, 0.22);
  color: var(--amar-burgundy, #7e0b19);
}

body.demo-medical .amar-contact-form .form-group {
  margin-bottom: 0;
}

body.demo-medical .amar-contact-form__label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--amar-charcoal, #2b1b17);
  margin-bottom: 8px;
}

body.demo-medical .amar-contact-form .form-group input,
body.demo-medical .amar-contact-form .form-group select,
body.demo-medical .amar-contact-form .form-group textarea {
  width: 100%;
  background: #faf8f4;
  border: 1px solid rgba(126, 11, 25, 0.14);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.demo-medical .amar-contact-form .form-group input:focus,
body.demo-medical .amar-contact-form .form-group select:focus,
body.demo-medical .amar-contact-form .form-group textarea {
  background: #ffffff;
  border-color: var(--amar-burgundy, #7e0b19);
  box-shadow: 0 0 0 3px rgba(126, 11, 25, 0.1);
  outline: none;
}

body.demo-medical .amar-contact-form .form-group select {
  height: 50px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: var(--radius, 6px);
  color: var(--amar-charcoal, #2b1b17);
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%237e0b19' d='M6 8 0 0h12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
}

body.demo-medical .amar-contact-form .form-group textarea {
  min-height: 160px;
}

body.demo-medical .amar-contact-form__group--error input,
body.demo-medical .amar-contact-form__group--error select,
body.demo-medical .amar-contact-form__group--error textarea {
  border-color: #c62828;
}

body.demo-medical .amar-contact-form__error {
  margin: 8px 0 0;
  font-size: 13px;
  color: #c62828;
  font-weight: 600;
}

body.demo-medical .amar-contact-form__submit {
  margin-top: 8px;
  width: 100%;
}

@media only screen and (min-width: 576px) {
  body.demo-medical .amar-contact-form__submit {
    width: auto;
    min-width: 220px;
  }
}

/* Book appointment page */
body.demo-medical .amar-appointment-page .amar-inner-page__lead {
  text-align: center;
}

body.demo-medical .amar-appointment-page__intro {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 28px;
  text-align: center;
}

body.demo-medical .amar-appointment-form-panel {
  margin-bottom: 32px;
}

body.demo-medical .amar-appointment-form .form-group input[type="date"] {
  height: 50px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: var(--radius, 6px);
  color: var(--amar-charcoal, #2b1b17);
  cursor: pointer;
}

body.demo-medical .amar-appointment-form-note {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(126, 11, 25, 0.1);
  color: var(--color-body, #534841);
  line-height: 1.6;
}

body.demo-medical .amar-appointment-emergency {
  max-width: 820px;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
}

body.demo-medical .amar-appointment-emergency__phones {
  margin-top: 10px !important;
  font-weight: 600;
}

body.demo-medical .amar-appointment-emergency__phones a {
  font-weight: 700;
  color: var(--amar-burgundy, #7e0b19);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Legal / policy pages */
body.demo-medical .amar-legal-page__updated {
  margin-top: 12px;
  color: rgba(43, 27, 23, 0.65);
  font-weight: 600;
}

/* News & Updates landing */
body.demo-medical .amar-news-events-landing__intro {
  max-width: 900px;
  margin-bottom: 36px;
}

body.demo-medical .amar-news-events-landing__section-title {
  font-size: clamp(1.25rem, 2.2vw, 2.8rem);
  font-weight: 700;
  color: var(--amar-burgundy, #7e0b19);
  margin: 0 0 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid rgba(126, 11, 25, 0.12);
}

body.demo-medical .amar-news-events-landing__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

body.demo-medical .amar-news-events-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 18px 20px;
  border-radius: 8px;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  box-shadow: 0 4px 18px rgba(43, 27, 23, 0.08);
}

body.demo-medical .amar-news-events-card--news {
  background: var(--amar-burgundy-dark, #5c0812);
  color: #ffffff;
}

body.demo-medical .amar-news-events-card--events {
  background: linear-gradient(90deg, var(--amar-gold-deep, #c99e4e) 0%, #a67c2e 55%, var(--amar-gold-deep, #c99e4e) 100%);
  color: var(--amar-charcoal, #2b1b17);
}

body.demo-medical .amar-news-events-card__text {
  font-size: clamp(1rem, 2vw, 1.8rem);
  font-weight: 600;
  line-height: 1.45;
  flex: 1;
  min-width: 0;
}

body.demo-medical .amar-news-events-card__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  background: rgba(255, 255, 255, 0.18);
  transition: transform 0.2s ease, background-color 0.2s ease;
}

body.demo-medical .amar-news-events-card--events .amar-news-events-card__icon {
  background: rgba(43, 27, 23, 0.12);
}

body.demo-medical .amar-news-events-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(43, 27, 23, 0.14);
}

body.demo-medical .amar-news-events-card:hover .amar-news-events-card__icon {
  transform: translateX(3px);
}

body.demo-medical .amar-news-event-detail__kicker {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--amar-gold-deep, #c99e4e);
}

body.demo-medical .amar-news-event-detail__back {
  margin-top: 32px;
}

@media only screen and (max-width: 575px) {
  body.demo-medical .amar-news-events-card {
    padding: 16px;
    align-items: flex-start;
  }

  body.demo-medical .amar-news-events-card__icon {
    width: 36px;
    height: 36px;
    font-size: 1.125rem;
  }
}

/* Home — Latest News & Updates band */
body.demo-medical .amar-news-updates-band {
  padding: 0;
  overflow: visible;
}

body.demo-medical .amar-news-updates-band__container {
  position: relative;
  overflow: visible;
}

body.demo-medical .amar-news-updates-band__row {
  min-height: 100px;
  height: 100px;
  position: relative;
  z-index: 1;
}

body.demo-medical .amar-news-updates-band__pane {
  height: 100px;
  min-height: 100px;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

body.demo-medical .amar-news-updates-band__pane--news {
  background: var(--amar-burgundy-dark, #5c0812);
  padding: 0  clamp(16px, 4vw, 48px) 0 clamp(16px, 3vw, 32px);
  padding-right: clamp(100px, 14vw, 180px);
}

body.demo-medical .amar-news-updates-band__pane--events {
  background: linear-gradient(90deg, var(--amar-gold-deep, #c99e4e) 0%, #a67c2e 55%, var(--amar-gold-deep, #c99e4e) 100%);
  padding: 0 clamp(16px, 3vw, 32px) 0 clamp(16px, 4vw, 48px);
  padding-left: clamp(100px, 14vw, 180px);
}

body.demo-medical .amar-news-ticker {
  width: 100%;
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
}

body.demo-medical .amar-news-ticker__viewport {
  --amar-ticker-slide-height: calc(1.8rem * 1.35 * 2);
  width: 100%;
  height: var(--amar-ticker-slide-height);
  min-height: var(--amar-ticker-slide-height);
  overflow: hidden;
  position: relative;
}

body.demo-medical .amar-news-ticker__track {
  transition: transform 0.55s ease;
  will-change: transform;
}

body.demo-medical .amar-news-ticker__slide {
  height: var(--amar-ticker-slide-height);
  min-height: var(--amar-ticker-slide-height);
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

body.demo-medical .amar-news-updates-band__pane--news .amar-news-ticker__link {
  color: #ffffff;
}

body.demo-medical .amar-news-updates-band__pane--events .amar-news-ticker__link {
  color: var(--amar-charcoal, #2b1b17);
}

body.demo-medical .amar-news-ticker__link {
  font-size: 1.8rem;
  line-height: 1.35;
  font-weight: 600;
  text-decoration: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: 1;
  transition: opacity 0.2s ease;
}

body.demo-medical .amar-news-ticker__link:hover {
  opacity: 0.88;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.demo-medical .amar-news-updates-band__heading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  pointer-events: none;
  text-align: center;
  width: auto;
  max-width: min(92vw, 280px);
}

body.demo-medical .amar-news-updates-band__hub {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 12px 18px 14px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 6px 24px rgba(43, 27, 23, 0.18);
  pointer-events: auto;
}

body.demo-medical .amar-news-updates-band__title {
  margin: 0;
  padding: 0;
  font-size: clamp(0.8125rem, 1.6vw, 1rem);
  font-weight: 700;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--amar-burgundy, #7e0b19);
  background: transparent;
  box-shadow: none;
  white-space: normal;
}

body.demo-medical .amar-news-updates-band__view-all {
  width: 100%;
  max-width: 160px;
  min-height: 36px;
  padding: 8px 16px !important;
  font-size: 0.8125rem !important;
  line-height: 1.2;
}

body.demo-medical .amar-news-updates-band__view-all .btn-text {
  font-size: inherit;
}

@media only screen and (max-width: 991px) {
  body.demo-medical .amar-news-updates-band__row {
    height: auto;
    min-height: 100px;
    padding-top: 0;
  }

  body.demo-medical .amar-news-updates-band__pane {
    height: auto;
    min-height: 88px;
    padding: 16px 18px !important;
  }

  body.demo-medical .amar-news-updates-band__pane--news {
    padding-top: 118px !important;
  }

  body.demo-medical .amar-news-updates-band__pane--events {
    padding-top: 16px !important;
    padding-bottom: 20px !important;
  }

  body.demo-medical .amar-news-updates-band__heading {
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 24px);
    max-width: 360px;
  }

  body.demo-medical .amar-news-updates-band__hub {
    width: 100%;
    padding: 12px 16px 14px;
  }

  body.demo-medical .amar-news-updates-band__view-all {
    max-width: 100%;
  }

  body.demo-medical .amar-news-ticker__link {
    font-size: clamp(1.125rem, 4vw, 1.8rem);
    text-align: left;
  }
}

@media only screen and (max-width: 575px) {
  body.demo-medical .amar-news-updates-band__pane--news {
    padding-top: 124px !important;
  }

  body.demo-medical .amar-news-updates-band__title {
    font-size: 0.75rem;
    letter-spacing: 0.04em;
  }
}

/* Blog detail page */
body.demo-medical .amar-blog-detail__hero {
  margin: 0 0 24px;
  border-radius: 8px;
  overflow: hidden;
}

body.demo-medical .amar-blog-detail__hero-img {
  display: block;
  object-fit: cover;
  max-height: 420px;
}

body.demo-medical .amar-blog-detail__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 0;
  margin-bottom: 16px;
  padding: 0;
  list-style: none;
}

body.demo-medical .amar-blog-detail__meta .comment-area {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

body.demo-medical .amar-blog-detail__meta-comments-label {
  margin-left: 2px;
}

body.demo-medical .amar-blog-detail__title {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  line-height: 1.25;
  margin-bottom: 20px;
  color: var(--amar-burgundy, #7e0b19);
}

body.demo-medical .amar-blog-detail__intro {
  margin-bottom: 8px;
}

body.demo-medical .amar-blog-detail__section .b1:last-child {
  margin-bottom: 0;
}

body.demo-medical .amar-blog-detail__tags {
  margin-top: 40px;
  padding-top: 28px;
  border-top: 1px solid rgba(126, 11, 25, 0.12);
}

body.demo-medical .amar-blog-detail__tags-title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 14px;
  color: var(--amar-burgundy, #7e0b19);
}

body.demo-medical .amar-blog-detail__tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.demo-medical .amar-blog-detail__tag {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 4px;
  background: rgba(126, 11, 25, 0.06);
  border: 1px solid rgba(126, 11, 25, 0.15);
  color: var(--amar-burgundy, #7e0b19);
  font-size: 1.4rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

body.demo-medical a.amar-blog-detail__tag:hover {
  background: rgba(126, 11, 25, 0.1);
  border-color: rgba(126, 11, 25, 0.28);
}

body.demo-medical .amar-blog-detail__comments {
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid rgba(126, 11, 25, 0.12);
}

body.demo-medical .amar-blog-comment-list {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

body.demo-medical .amar-blog-comment {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

body.demo-medical .amar-blog-comment__avatar {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.125rem;
  color: #ffffff;
  background: linear-gradient(135deg, var(--amar-burgundy, #7e0b19) 0%, var(--amar-gold-deep, #b8860b) 100%);
}

body.demo-medical .amar-blog-comment__body {
  flex: 1;
  min-width: 0;
  padding: 16px 18px;
  background: #faf8f6;
  border-radius: 8px;
  border: 1px solid rgba(126, 11, 25, 0.08);
}

body.demo-medical .amar-blog-comment__meta {
  margin-bottom: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
}

body.demo-medical .amar-blog-comment__author {
  color: var(--amar-burgundy, #7e0b19);
}

body.demo-medical .amar-blog-comment__date {
  font-size: 0.875rem;
  color: rgba(43, 27, 23, 0.65);
}

body.demo-medical .amar-blog-comment-form-wrap {
  margin-top: 40px;
}

body.demo-medical .amar-blog-comment-form__note {
  color: rgba(43, 27, 23, 0.72);
}

body.demo-medical .amar-blog-recent-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

body.demo-medical .amar-blog-recent-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

body.demo-medical .amar-blog-recent-item__thumb {
  flex-shrink: 0;
  width: 88px;
  height: 72px;
  border-radius: 6px;
  overflow: hidden;
  display: block;
}

body.demo-medical .amar-blog-recent-item__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.demo-medical .amar-blog-recent-item__title {
  font-size: 1.6rem;
  line-height: 1.35;
  margin: 0 0 6px;
  font-weight: 700;
}

body.demo-medical .amar-blog-recent-item__title a {
  color: inherit;
  text-decoration: none;
}

body.demo-medical .amar-blog-recent-item__title a:hover {
  color: var(--amar-burgundy, #7e0b19);
}

body.demo-medical .amar-blog-recent-item__author {
  font-size: 1.3rem;
  color: rgba(43, 27, 23, 0.7);
  display: flex;
  align-items: center;
  gap: 6px;
}

body.demo-medical .amar-blog-sidebar__cta-text {
  color: rgba(43, 27, 23, 0.8);
}

body.demo-medical .amar-blog-sidebar__cta .mt--10 {
  margin-top: 10px;
}

body.demo-medical .amar-blog-sidebar h2.amar-about-sidebar__title {
  font-size: clamp(0.825rem, 1.45vw, 3rem);
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom-width: 2px;
}

body.demo-medical .amar-blog-sidebar__contact {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(126, 11, 25, 0.12);
}

body.demo-medical .amar-blog-sidebar__contact-title {
  font-size: 1.9rem;
  font-weight: 700;
  margin: 0 0 16px;
  color: var(--amar-burgundy, #7e0b19);
}

body.demo-medical .amar-blog-sidebar__contact-list {
  margin: 0;
}

body.demo-medical .amar-blog-sidebar__address {
  display: block;
  font-size: 1.2rem;
  line-height: 1.55;
  color: rgba(43, 27, 23, 0.88);
}

body.demo-medical .amar-blog-sidebar__contact-item--address .amar-contact-info-list__content {
  align-items: flex-start;
}

/* Blog listing page */
body.demo-medical .amar-blog-page__intro {
  max-width: 900px;
  margin-bottom: 36px;
}

body.demo-medical .amar-blog-page__grid {
  margin-bottom: 48px;
}

body.demo-medical .amar-blog-pagination-wrap {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}

body.demo-medical .amar-blog-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.demo-medical .amar-blog-pagination__item.is-disabled .amar-blog-pagination__link {
  opacity: 0.35;
  pointer-events: none;
  cursor: default;
}

body.demo-medical .amar-blog-pagination__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 12px;
  border-radius: 6px;
  border: 1px solid rgba(126, 11, 25, 0.2);
  background: #ffffff;
  color: var(--amar-burgundy, #7e0b19);
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.demo-medical .amar-blog-pagination__item.is-active .amar-blog-pagination__link {
  background: var(--amar-burgundy, #7e0b19);
  border-color: var(--amar-burgundy, #7e0b19);
  color: #ffffff;
}

body.demo-medical a.amar-blog-pagination__link:hover {
  border-color: var(--amar-burgundy, #7e0b19);
  background: rgba(126, 11, 25, 0.06);
}

body.demo-medical .amar-blog-pagination__item.is-active a.amar-blog-pagination__link:hover {
  background: var(--amar-burgundy, #7e0b19);
  color: #ffffff;
}

/* Specialities listing page */
body.demo-medical .amar-specialities-page__intro {
  max-width: 900px;
  margin-bottom: 36px;
}

body.demo-medical .amar-specialities-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

body.demo-medical .amar-specialities-grid__item {
  display: flex;
  min-width: 0;
}

body.demo-medical .amar-specialities-grid .amar-speciality-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 15px;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 4px 22px rgba(43, 27, 23, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

body.demo-medical .amar-specialities-grid .amar-speciality-card:hover {
  box-shadow: 0 10px 32px rgba(126, 11, 25, 0.14);
}

body.demo-medical .amar-specialities-grid .amar-speciality-card.tmponhover::after {
  background: #ffffff;
}

body.demo-medical .amar-specialities-grid .amar-speciality-card .inner {
  flex: 1;
  display: flex;
  flex-direction: column;
}

body.demo-medical .amar-specialities-grid .amar-speciality-card .inner .content {
  padding-top: 15px;
}

body.demo-medical .amar-specialities-grid .amar-speciality-card .content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

body.demo-medical .amar-specialities-grid .amar-speciality-card .discover-btn {
  margin-top: auto;
  padding-top: 4px;
}

@media only screen and (max-width: 1199px) {
  body.demo-medical .amar-specialities-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 991px) {
  body.demo-medical .amar-specialities-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media only screen and (max-width: 575px) {
  body.demo-medical .amar-specialities-grid {
    grid-template-columns: 1fr;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Our Doctors page */
body.demo-medical .amar-doctors-page__intro {
  max-width: 900px;
  margin-bottom: 36px;
}

body.demo-medical .amar-doctors-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

@media only screen and (max-width: 1199px) {
  body.demo-medical .amar-doctors-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 991px) {
  body.demo-medical .amar-doctors-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media only screen and (max-width: 575px) {
  body.demo-medical .amar-doctors-grid {
    grid-template-columns: 1fr;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
}

body.demo-medical .amar-doctor-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid rgba(126, 11, 25, 0.1);
  box-shadow: 0 10px 32px rgba(43, 27, 23, 0.08);
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.demo-medical .amar-doctor-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(126, 11, 25, 0.12);
}

body.demo-medical .amar-doctor-card__figure {
  margin: 0;
  background: linear-gradient(180deg, var(--amar-gold-light, #f5ead6) 0%, #faf6ee 100%);
}

body.demo-medical .amar-doctor-card__photo {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center top;
}

body.demo-medical .amar-img-placeholder--doctor {
  width: 100%;
  min-height: 0;
  aspect-ratio: 4 / 5;
  border-radius: 0;
  border: none;
  border-bottom: 2px dashed rgba(126, 11, 25, 0.15);
  box-shadow: none;
}

body.demo-medical .amar-doctor-card__body {
  padding: 20px 18px 22px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

body.demo-medical .amar-doctor-card__name {
  font-size: var(--amar-category-heading-size, clamp(1.375rem, 2.35vw, 1.5rem));
  font-weight: 700;
  line-height: 1.35;
  color: var(--amar-burgundy, #7e0b19);
  margin: 0;
}

body.demo-medical .amar-doctor-card__qualifications {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  color: var(--amar-charcoal, #2b1b17);
  margin: 0;
}

body.demo-medical .amar-doctor-card__role {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  color: var(--amar-gold-deep, #c99e4e);
  margin: 0;
}

body.demo-medical .amar-doctor-card__registration {
  margin-top: 4px;
  color: var(--color-body, #534841);
  line-height: 1.5;
}

/* Amar CTA band — dark text (all viewports; wins over template/overlay rules) */
body.demo-medical .cta-main-wrapper.bg-cta-modern .call-to-action-modern-wrapper.amar-cta-modern .title,
body.demo-medical .cta-main-wrapper.bg-cta-modern .call-to-action-modern-wrapper.amar-cta-modern .title .theme-gradient,
body.demo-medical .cta-main-wrapper.bg-cta-modern .call-to-action-modern-wrapper.amar-cta-modern .cta-marquee-text,
body.demo-medical .cta-main-wrapper.bg-cta-modern .call-to-action-modern-wrapper.amar-cta-modern .amar-cta-modern__lead,
body.demo-medical .cta-main-wrapper.bg-cta-modern .call-to-action-modern-wrapper.amar-cta-modern .amar-cta-modern__lead.b1 {
  color: #2b1b17 !important;
  -webkit-text-fill-color: #2b1b17;
}