@font-face {
  font-family: Rajdhani-Light;
  font-display: swap;
  src: url(fonts/Rajdhani/Rajdhani-Light.ttf) format("truetype");
}

@font-face {
  font-family: Rajdhani-Regular;
  font-display: swap;
  src: url(fonts/Rajdhani/Rajdhani-Medium.ttf) format("truetype");
}

@font-face {
  font-family: Rajdhani-Medium;
  font-display: swap;
  src: url(fonts/Rajdhani/Rajdhani-SemiBold.ttf) format("truetype");
}

@font-face {
  font-family: Rajdhani-SemiBold;
  font-display: swap;
  src: url(fonts/Rajdhani/Rajdhani-Bold.ttf) format("truetype");
}

@font-face {
  font-family: Rajdhani-Bold;
  font-display: swap;
  src: url(fonts/Rajdhani/Rajdhani-Bold.ttf) format("truetype");
}

@font-face {
  font-family: Nunito-Light;
  font-display: swap;
  src: url(fonts/Nunito/Nunito-Light.ttf) format("truetype");
}

@font-face {
  font-family: Nunito-Regular;
  font-display: swap;
  src: url(fonts/Nunito/Nunito-Regular.ttf) format("truetype");
}

@font-face {
  font-family: Nunito-Medium;
  font-display: swap;
  src: url(fonts/Nunito/Nunito-Medium.ttf) format("truetype");
}

@font-face {
  font-family: Nunito-SemiBold;
  font-display: swap;
  src: url(fonts/Nunito/Nunito-SemiBold.ttf) format("truetype");
}

@font-face {
  font-family: Nunito-Bold;
  font-display: swap;
  src: url(fonts/Nunito/Nunito-Bold.ttf) format("truetype");
}

:root {
  --primary: #0d86bb;
  --primary-light: ;
  --primary-lighter: #0d86bb0a;
  --secondary: #00a5c8;
  --secondary-light: ;
  --secondary-lighter: #00a5c817;
  --secondary-dark: ;
  --tertiary: #2d4a58;
  --tertiary-light: ;
  --tertiary-lighter: ;
  --gray: #f3f3f3;
  --gray-light: #f9f9f9;
  --gray-lighter: ;
  --white: #ffffff;
  --black: #161616;
  --text-primary: #161616;
  --text-secondary: #0d86bb;
  --text-tertiary: #00a5c8;
  --text-gray: ;
  --text-white: #fff;
  --border-primary: #0d86bb;
  --border-secondary: #00a5c8;
  --border-tertiary: ;
  --border-gray: #dadbdd;
  --border-gray-light: #f3f3f3;
  --border-gray-lighter: ;
  --border-white: #fff;
  --border-black: ;
  --font-text: 16px;
  --font-text-mobile: 16px;
  --font-family: Nunito-Regular, sans-serif;
  --filter-primary: invert(39%) sepia(48%) saturate(900%) hue-rotate(167deg)
    brightness(90%) contrast(101%);
  --filter-secondary: invert(46%) sepia(88%) saturate(3877%) hue-rotate(163deg) brightness(103%) contrast(102%);
  --filter-tertiary: invert(7%) sepia(6%) saturate(6%) hue-rotate(12deg)
    brightness(96%) contrast(96%);
  --filter-gray: ;
  --filter-white: brightness(0) invert(1);
  --filter-black: invert(0%);
  --transition-all: all 0.3s ease-out;
  --transition-color: color 0.3s ease-out;
  --transition-margin: margin 0.3s ease-out;
  --transition-transform: transform 0.5s ease-out;
  --transition-height: height 0.3s ease-out;
  --margin-top: 110px;
  --margin-top-fixed: 80px;
  --margin-top-mobile: 102px;
  --margin-top-mobile-fixed: 72px;
  --box-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
  --box-shadow-bottom: rgb(0 0 0 / 12%) 0px 1px 5px;
  --rounded: 3px;
  --rounded-large: 8px;
  --rounded-larger: 16px;
  --overlay: rgba(0, 0, 0, 0.65);
}

html {
  font-size: var(--font-text-mobile);
  overscroll-behavior: none;
}

body {
  background-color: var(--tertiary-light);
  color: var(--text-primary);
  font-family: var(--font-family);
  line-height: 1.6;
}

img {
  max-width: 100%;
}

@media (min-width: 1400px) {
  html {
    font-size: var(--font-text);
    overscroll-behavior: none;
  }

  .container-fluid.smaller {
    padding-left: min(140px, calc((0.07508) * 100vw + (-4.15534) * 1px));
    padding-right: min(140px, calc((0.07508) * 100vw + (-4.15534) * 1px));
  }
}

@media (min-width: 991px) {
  ::-webkit-scrollbar {
    width: 5px;
    scrollbar-color: var(--primary);
  }

  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    background-color: var(--primary);
  }
}

.h-unset {
  height: unset !important;
}

.opacity-1 {
  opacity: 1 !important;
}

.user-select-none {
  user-select: none !important;
}

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

.text-center-inner * {
  text-align: center !important;
}

.white-normal {
  white-space: normal;
}

.object-cover {
  object-fit: cover;
}

.z-1 {
  z-index: 1;
}

.z-10 {
  z-index: 10;
}

.z-100 {
  z-index: 100;
}

.z-1000 {
  z-index: 10000;
}

.cursor-pointer {
  cursor: pointer;
}

.pointer-none {
  pointer-events: none !important;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--overlay);
}

.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

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

.text-not-last p:last-child {
  margin-bottom: 0 !important;
}

.text-align-last-center {
  text-align-last: center !important;
}

.text-justify {
  text-align: justify;
}

.border-divider {
  background-color: var(--border-gray-lighter);
  width: 100%;
  height: 1px;
}

.ls-none {
  list-style: none;
}

.ls-dist {
  list-style-type: disc;
}

.m-top {
  margin-top: var(--margin-top);
  transition: var(--transition-margin);
}

.m-top.fixed {
  margin-top: var(--margin-top-fixed);
  transition: var(--transition-margin);
}

.webkit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.webkit-1 {
  -webkit-line-clamp: 1;
}

.webkit-2 {
  -webkit-line-clamp: 2;
}

.webkit-3 {
  -webkit-line-clamp: 3;
}

.webkit-4 {
  -webkit-line-clamp: 4;
}

.webkit-5 {
  -webkit-line-clamp: 5;
}

.webkit-6 {
  -webkit-line-clamp: 6;
}

.webkit-7 {
  -webkit-line-clamp: 7;
}

.webkit-8 {
  -webkit-line-clamp: 8;
}

.ff-p-light {
  font-family: Rajdhani-Light, sans-serif;
}

.ff-p-regular {
  font-family: Rajdhani-Regular, sans-serif;
}

.ff-p-medium {
  font-family: Rajdhani-Medium, sans-serif;
}

.ff-p-semi {
  font-family: Rajdhani-SemiBold, sans-serif;
}

.ff-p-bold {
  font-family: Rajdhani-Bold, sans-serif;
}

.ff-s-light {
  font-family: Nunito-Light, sans-serif;
}

.ff-s-regular {
  font-family: Nunito-Regular, sans-serif;
}

.ff-s-medium {
  font-family: Nunito-Medium, sans-serif;
}

.ff-s-semi {
  font-family: Nunito-SemiBold, sans-serif;
}

.ff-s-bold {
  font-family: Nunito-Bold, sans-serif;
}

.fs-4xl {
  font-size: 59px;
  line-height: 71px;
}

.fs-3xl {
  font-size: 43px;
  line-height: 53px;
}

.fs-3xl-custom {
  font-size: 48px;
  line-height: 57px;
}

.fs-xxl {
  font-size: 42px;
  line-height: 62px;
}

.fs-xl {
  font-size: 30px;
  line-height: 36px;
}

.fs-lg {
  font-size: 24px;
  line-height: 36px;
}

.fs-md {
  font-size: 20px;
  line-height: 27px;
}

.fs-xmd {
  font-size: 18px;
  line-height: 25px;
}

.fs-sm {
  font-size: 16px !important;
  line-height: 24px !important;
}

.fs-xsm {
  font-size: 14px;
  line-height: 21px;
}

.fs-xxsm {
  font-size: 13px;
  line-height: 18px;
}

.bg-none {
  background: 0 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-w-opacity {
  background-color: #ffffffc5;
}

.bg-p-to-t {
  background-color: var(--secondary);
  transition: var(--transition-all);
}

.bg-p-to-t:hover {
  background-color: var(--tertiary);
  transition: var(--transition-all);
}

.bg-p-to-s {
  background-color: var(--primary);
  transition: var(--transition-all);
}

.bg-p-to-s:hover {
  background-color: var(--secondary);
  transition: var(--transition-all);
}

.bg-g-to-b {
  background-color: var(--gray-lighter);
  transition: var(--transition-all);
}

.bg-g-to-b:hover {
  background-color: var(--black);
}

.bg-g-to-b p {
  transition: var(--transition-all);
}

.bg-g-to-b:hover p {
  color: var(--white) !important;
}

.bg-g-to-b:hover .button {
  background-color: var(--white) !important;
  color: var(--text-primary) !important;
}

.text-p {
  color: var(--text-primary) !important;
}

.text-s {
  color: var(--text-secondary) !important;
}

.text-t {
  color: var(--text-tertiary) !important;
}

.text-g {
  color: var(--text-gray) !important;
}

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

.icon-10xl {
  width: 250px;
}

.icon-9xl {
  width: 220px;
}

.icon-8xl {
  width: 200px;
}

.icon-7xl {
  width: 180px;
}

.icon-7xl-custom {
  width: 161px;
}

.icon-6xl {
  width: 150px;
}

.icon-5xl {
  width: 120px;
}
@media (max-width:992px) {
  .icon-5xl {
    width: 75px;
    height: auto;
  }
}
.icon-4xl {
  width: 90px;
}

.icon-3xl {
  width: 72px;
}

.icon-2xl {
  width: 52px;
  height: 52px;
}

.icon-xl {
  width: 34px;
  height: 34px;
}

.icon-lg {
  width: 24px;
}

.icon-sm-bread {
  width: 14px !important;
  height: 14px !important;
}

.icon-md {
  width: 20px !important;
  height: 20px !important;
}

.icon-sm {
  width: 16px;
  height: 16px !important;
}

.icon-xsm {
  width: 14px;
  height: 14px !important;
}

.icon-xxsm {
  width: 12px;
  height: 12px !important;
}

.icon-h {
  height: 50px;
  height: 50px !important;
}

.icon-hover {
  transition: var(--transition-transform);
  transform: scale(1) translateZ(0);
}

.icon-hover-minus:hover {
  transform: scale(0.95) translateZ(0);
}

.icon-hover-plus:hover {
  transform: scale(1.05) translateZ(0);
}

.border-t {
  border-top: 1px solid;
}

.border-e {
  border-right: 1px solid;
}

.border-b {
  border-bottom: 1px solid;
}

.border-s {
  border-left: 1px solid;
}

.border-color-transp {
  border-color: transparent !important;
}

.border-color-transp-to-p {
  border-color: transparent !important;
}

.border-color-transp-to-p:hover {
  border-color: var(--border-primary) !important;
}

.border-color-p {
  border-color: var(--border-primary) !important;
}

.border-color-p-to-s {
  border-color: var(--border-primary);
}

.border-color-p-to-s:hover {
  border-color: var(--border-secondary);
}

.border-color-p-to-t {
  border-color: var(--border-primary);
}

.border-color-p-to-t:hover {
  border-color: var(--border-tertiary);
}

.border-color-p-to-g {
  border-color: var(--border-primary);
}

.border-color-p-to-g:hover {
  border-color: var(--border-gray);
}

.border-color-p-to-w {
  border-color: var(--border-primary);
}

.border-color-p-to-w:hover {
  border-color: var(--border-white);
}

.border-color-p-to-b {
  border-color: var(--border-primary);
}

.border-color-p-to-b:hover {
  border-color: var(--border-black);
}

.border-color-s {
  border-color: var(--border-secondary) !important;
}

.border-color-s-to-p {
  border-color: var(--border-secondary);
}

.border-color-s-to-p:hover {
  border-color: var(--border-primary);
}

.border-color-s-to-t {
  border-color: var(--border-secondary);
}

.border-color-s-to-t:hover {
  border-color: var(--border-tertiary);
}

.border-color-s-to-g {
  border-color: var(--border-secondary);
}

.border-color-s-to-g:hover {
  border-color: var(--border-gray);
}

.border-color-s-to-w {
  border-color: var(--border-secondary);
}

.border-color-s-to-w:hover {
  border-color: var(--border-white);
}

.border-color-s-to-b {
  border-color: var(--border-secondary);
}

.border-color-s-to-b:hover {
  border-color: var(--border-black);
}

.border-color-t {
  border-color: var(--border-tertiary);
}

.border-color-t-to-p {
  border-color: var(--border-tertiary);
}

.border-color-t-to-p:hover {
  border-color: var(--border-primary);
}

.border-color-t-to-s {
  border-color: var(--border-tertiary);
}

.border-color-t-to-s:hover {
  border-color: var(--border-secondary);
}

.border-color-t-to-g {
  border-color: var(--border-tertiary);
}

.border-color-t-to-g:hover {
  border-color: var(--border-gray);
}

.border-color-t-to-w {
  border-color: var(--border-tertiary);
}

.border-color-t-to-w:hover {
  border-color: var(--border-white);
}

.border-color-t-to-b {
  border-color: var(--border-tertiary);
}

.border-color-t-to-b:hover {
  border-color: var(--border-black);
}

.border-color-g {
  border-color: var(--border-gray);
}

.border-color-g-to-p {
  border-color: var(--border-gray);
}

.border-color-g-to-p:hover {
  border-color: var(--border-primary) !important;
}

.border-color-g-to-s {
  border-color: var(--border-gray);
}

.border-color-g-to-s:hover {
  border-color: var(--border-secondary);
}

.border-color-g-to-t {
  border-color: var(--border-gray);
}

.border-color-g-to-t:hover {
  border-color: var(--border-tertiary);
}

.border-color-g-to-w {
  border-color: var(--border-gray);
}

.border-color-g-to-w:hover {
  border-color: var(--border-white);
}

.border-color-g-to-b {
  border-color: var(--border-gray);
}

.border-color-g-to-b:hover {
  border-color: var(--border-black);
}

.border-color-g-light {
  border-color: var(--border-gray-light) !important;
}

.border-color-g-lighter {
  border-color: var(--border-gray-lighter) !important;
}

.border-color-w {
  border-color: var(--border-white);
}

.border-color-w-to-p {
  border-color: var(--border-white);
}

.border-color-w-to-p:hover {
  border-color: var(--border-primary);
}

.border-color-w-to-s {
  border-color: var(--border-white);
}

.border-color-w-to-s:hover {
  border-color: var(--border-secondary);
}

.border-color-w-to-g {
  border-color: var(--border-white);
}

.border-color-w-to-g:hover {
  border-color: var(--border-gray);
}

.border-color-w-to-t {
  border-color: var(--border-white);
}

.border-color-w-to-t:hover {
  border-color: var(--border-tertiary);
}

.border-color-w-to-b {
  border-color: var(--border-white);
}

.border-color-w-to-b:hover {
  border-color: var(--border-black);
}

.border-color-b {
  border-color: var(--border-black);
}

.border-color-b-to-p {
  border-color: var(--border-black);
}

.border-color-b-to-p:hover {
  border-color: var(--border-primary);
}

.border-color-b-to-s {
  border-color: var(--border-black);
}

.border-color-b-to-s:hover {
  border-color: var(--border-secondary);
}

.border-color-b-to-g {
  border-color: var(--border-black);
}

.border-color-b-to-g:hover {
  border-color: var(--border-gray);
}

.border-color-b-to-t {
  border-color: var(--border-black);
}

.border-color-b-to-t:hover {
  border-color: var(--border-tertiary);
}

.border-color-b-to-w {
  border-color: var(--border-black);
}

.border-color-b-to-w:hover {
  border-color: var(--border-white);
}

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

.rounded-s {
  border-radius: var(--rounded-large);
}

.rounded-t {
  border-radius: var(--rounded-larger);
}

.rotate-90 {
  transform: rotate(-90deg);
}

.rotate-90-plus {
  transform: rotate(90deg);
}

.rotate-180 {
  transform: rotate(-180deg);
}
a {
    color: var(--secondary);
}
a:hover {
    color: var(--primary);
}
.link-in-text a {
  transition: var(--transition-color);
  color: var(--text-secondary);
  border-bottom: 1px solid var(--text-secondary);
  text-decoration: none !important;
}

.link-in-text a:hover {
  color: var(--text-tertiary) !important;
  border-bottom: 1px solid var(--text-tertiary);
}

.link {
  transition: var(--transition-color);
}

.link-p-to-s {
  color: var(--text-primary) !important;
}

.link-p-to-s:hover {
  color: var(--text-secondary) !important;
}

.link-p-to-t {
  color: var(--text-primary) !important;
}

.link-p-to-t:hover {
  color: var(--text-tertiary) !important;
}

.link-p-to-w:hover {
  color: var(--text-primary) !important;
}

.link-p-to-w:hover {
  color: var(--text-white) !important;
}

.link-s-to-p {
  color: var(--text-secondary) !important;
}

.link-s-to-p:hover {
  color: var(--text-primary) !important;
}

.link-s-to-t {
  color: var(--text-secondary) !important;
}

.link-s-to-t:hover {
  color: var(--text-tertiary) !important;
}

.link-s-to-w:hover {
  color: var(--text-secondary) !important;
}

.link-s-to-w:hover {
  color: var(--text-white) !important;
}

.link-t-to-p {
  color: var(--text-tertiary) !important;
}

.link-t-to-p:hover {
  color: var(--text-primary) !important;
}

.link-t-to-s {
  color: var(--text-tertiary) !important;
}

.link-t-to-s:hover {
  color: var(--text-secondary) !important;
}

.link-t-to-w:hover {
  color: var(--text-tertiary) !important;
}

.link-t-to-w:hover {
  color: var(--text-white) !important;
}

.link-w-to-p:hover {
  color: var(--text-white) !important;
}

.link-w-to-p:hover {
  color: var(--text-primary) !important;
}

.link-w-to-s {
  color: var(--text-white) !important;
}

.link-w-to-s:hover {
  color: var(--text-secondary) !important;
}

.link-w-to-t:hover {
  color: var(--text-white) !important;
}

.link-w-to-t:hover {
  color: var(--text-tertiary) !important;
}

.link-border {
  display: inline-block;
}

.link-border:after {
  content: "";
  display: block;
  border-bottom: solid 1px;
  transform: scaleX(0);
  transition: var(--transition-transform);
}

.link-border:after {
  transform-origin: 100% 50%;
}

.link-border:hover:after {
  transform: scaleX(1);
  transform-origin: 0% 50%;
}

.link-border-p:after {
  border-color: var(--text-primary);
}

.link-border-s:after {
  border-color: var(--text-secondary);
}

.link-border-t:after {
  border-color: var(--text-tertiary);
}

.link-border-w:after {
  border-color: var(--white);
}

.filter-p {
  filter: var(--filter-primary);
}

.filter-p-to-s {
  filter: var(--filter-primary);
}

.filter-p-to-s:hover {
  filter: var(--filter-secondary);
}

.filter-p-to-t {
  filter: var(--filter-primary);
}

.filter-p-to-t:hover {
  filter: var(--filter-tertiary);
}

.filter-p-to-w {
  filter: var(--filter-primary);
}

.filter-p-to-w:hover {
  filter: var(--filter-white);
}

.filter-p-to-b {
  filter: var(--filter-primary);
}

.filter-p-to-b:hover {
  filter: var(--filter-black);
}

.filter-p-to-g {
  filter: var(--filter-primary);
}

.filter-p-to-g:hover {
  filter: var(--filter-gray);
}

.filter-s {
  filter: var(--filter-secondary);
}

.filter-s-to-p {
  filter: var(--filter-secondary);
}

.filter-s-to-p:hover {
  filter: var(--filter-primary);
}

.filter-s-to-t {
  filter: var(--filter-secondary);
}

.filter-s-to-t:hover {
  filter: var(--filter-tertiary);
}

.filter-s-to-w {
  filter: var(--filter-secondary);
}

.filter-s-to-w:hover {
  filter: var(--filter-white);
}

.filter-s-to-b {
  filter: var(--filter-secondary);
}

.filter-s-to-b:hover {
  filter: var(--filter-black);
}

.filter-s-to-g {
  filter: var(--filter-secondary);
}

.filter-s-to-g:hover {
  filter: var(--filter-gray);
}

.filter-t {
  filter: var(--filter-tertiary);
}

.filter-t-to-p {
  filter: var(--filter-tertiary);
}

.filter-t-to-p:hover {
  filter: var(--filter-primary);
}

.filter-t-to-s {
  filter: var(--filter-tertiary);
}

.filter-t-to-s:hover {
  filter: var(--filter-secondary);
}

.filter-t-to-w {
  filter: var(--filter-tertiary);
}

.filter-t-to-w:hover {
  filter: var(--filter-white);
}

.filter-t-to-b {
  filter: var(--filter-tertiary);
}

.filter-t-to-b:hover {
  filter: var(--filter-black);
}

.filter-t-to-g {
  filter: var(--filter-tertiary);
}

.filter-t-to-g:hover {
  filter: var(--filter-gray);
}

.filter-w {
  filter: var(--filter-white);
}

.filter-w-to-p {
  filter: var(--filter-white);
}

.filter-w-to-p:hover {
  filter: var(--filter-primary);
}

.filter-w-to-s {
  filter: var(--filter-white);
}

.filter-w-to-s:hover {
  filter: var(--filter-secondary);
}

.filter-w-to-t {
  filter: var(--filter-white);
}

.filter-w-to-t:hover {
  filter: var(--filter-tertiary);
}

.filter-w-to-b {
  filter: var(--filter-white);
}

.filter-w-to-b:hover {
  filter: var(--filter-black);
}

.filter-w-to-g {
  filter: var(--filter-white);
}

.filter-t-to-g:hover {
  filter: var(--filter-gray);
}

.filter-b {
  filter: var(--filter-black);
}

.filter-b-to-p {
  filter: var(--filter-black);
}

.filter-b-to-p:hover {
  filter: var(--filter-primary);
}

.filter-b-to-s {
  filter: var(--filter-black);
}

.filter-b-to-s:hover {
  filter: var(--filter-secondary);
}

.filter-b-to-t {
  filter: var(--filter-black);
}

.filter-b-to-t:hover {
  filter: var(--filter-tertiary);
}

.filter-b-to-w {
  filter: var(--filter-black);
}

.filter-b-to-w:hover {
  filter: var(--filter-white);
}

.filter-b-to-g {
  filter: var(--filter-black);
}

.filter-t-to-g:hover {
  filter: var(--filter-gray);
}

.filter-g {
  filter: var(--filter-gray);
}

.filter-g-to-p {
  filter: var(--filter-gray);
}

.filter-g-to-p:hover {
  filter: var(--filter-primary);
}

.filter-g-to-s {
  filter: var(--filter-gray);
}

.filter-g-to-s:hover {
  filter: var(--filter-secondary);
}

.filter-g-to-t {
  filter: var(--filter-gray);
}

.filter-g-to-t:hover {
  filter: var(--filter-tertiary);
}

.filter-g-to-w {
  filter: var(--filter-gray);
}

.filter-g-to-w:hover {
  filter: var(--filter-white);
}

.filter-g-to-b {
  filter: var(--filter-gray);
}

.filter-g-to-b:hover {
  filter: var(--filter-black);
}

.box-shadow {
  box-shadow: var(--box-shadow);
}

.box-shadow-b {
  box-shadow: var(--box-shadow-bottom);
}

.toast {
  display: flex;
  justify-content: space-between;
  align-items: start;
  min-width: fit-content;
  background-color: var(--primary) !important;
  border-radius: 0 !important;
}

.toast-success .toast-close-warning,
.toast-success .toast-icon-warning,
.toast-success .toast-para-warning {
  display: none;
}

.toast-warning .toast-close-success,
.toast-warning .toast-icon-success,
.toast-warning .toast-para-success {
  display: none;
}

.toast.show {
  display: flex !important;
  right: 30px !important;
  bottom: 30px !important;
}

.toast .btn-close {
    background: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 40px;
    opacity: 1;
}

.toast .toast-icon {
  width: 40px;
  height: 40px;
}

.toast .toast-close {
  width: 20px;
  height: 20px;
}

@media (max-width: 500px) {
  .toast.show {
    right: calc(1.5rem * 0.75) !important;
    bottom: calc(1.5rem * 0.75) !important;
    max-width: 320px;
    left: unset !important;
  }
}

a[href*="tel:"] img,
a[href*="tel:"] span {
  pointer-events: none !important;
}

.accordion-button.our-team:after {
    background-image: url(/images/icons/skola-plivanja-swimway-arrow-left.svg) !important;
    filter: invert(54%) sepia(96%) saturate(7264%) hue-rotate(190deg) brightness(92%) contrast(94%);
    transform: rotate(270deg) !important;
}

.accordion-button.our-team:after {
    filter: invert(0) brightness(0);
}

.accordion-button.our-team:after {
    position: absolute;
    right: var(--mdb-accordion-btn-padding-x);
    width: 15px;
    height: 15px;
    transition: transform 0.2s ease-in-out;
    right: 1.25rem;
}

.accordion-button.our-team:not(.collapsed):after {
    background-image: var(--mdb-accordion-btn-active-icon);
    transform: rotate(90deg) !important;
}
.lightbox .bg-image {
  aspect-ratio: 4/2.5;
}

.lightbox .bg-image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}