/* =====================================================================
   balkanin.css
   Spojeno iz style7.css + modern-utilities.css (isti redosled kaskade).
   Uklonjena su pravila za klase koje se ne koriste ni u jednom JSP-u/JS-u
   i identični duplikati. Generisano automatski – dalje izmene radi ovde.
   ===================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");

/* ============ 1. Tema (iz style7.css) ============ */

:root {
  --color-primary-50: #f0f0ff;
  --color-primary-100: #e0e0ff;
  --color-primary-200: #c7c6ff;
  --color-primary-300: #a5a3ff;
  --color-primary-400: #524fff;
  --color-primary-500: #06038D; 
  --color-primary-600: #050277;
  --color-primary-700: #040266;
  --color-primary-800: #030155;
  --color-primary-900: #020144;
  
  --color-primary: #06038D;
  --color-primary-dark: #050277;
  --color-primary-light: #0804b3;
  
  --color-secondary-50: #fff0f1;
  --color-secondary-100: #ffe0e3;
  --color-secondary-200: #ffc7cd;
  --color-secondary-300: #ff9aa3;
  --color-secondary-400: #ff6673;
  --color-secondary-500: #EF3340; 
  --color-secondary-600: #CC0033;
  --color-secondary-700: #aa0029;
  --color-secondary-800: #880020;
  --color-secondary-900: #660018;
  
  --color-secondary: #EF3340;
  --color-secondary-dark: #CC0033;
  
  
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-gray: #626262;
  --color-gray-light: #e7e7e7;
  --color-gray-lighter: #f9f9f9;
  --color-gray-bg: #eff3f6;
  --color-light-bg: #fff9f0;
  
  
  --gradient-primary: linear-gradient(135deg, #06038D 0%, #0804b3 100%);
  --gradient-secondary: linear-gradient(135deg, #EF3340 0%, #CC0033 100%);
  --gradient-overlay: linear-gradient(180deg, rgba(6,3,141,0) 0%, rgba(6,3,141,0.8) 100%);
  --gradient-overlay-light: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 100%);
  --gradient-shine: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  
  
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);
  --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.15);
  --shadow-2xl: 0 30px 60px rgba(0, 0, 0, 0.2);
  --shadow-primary: 0 8px 24px rgba(6, 3, 141, 0.25);
  --shadow-secondary: 0 8px 24px rgba(239, 51, 64, 0.25);
  
  
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-2xl: 32px;
  --radius-full: 9999px;
  
  
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
  
  
  --glass-bg: rgba(255, 255, 255, 0.1);
  --glass-border: rgba(255, 255, 255, 0.2);
  --glass-blur: blur(10px);
  
  
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
}
.site-text-primary {
  color:#06038D;
}
.site-bg-primary {
  background-color: #06038D;
}
.site-bg-gray {
  background-color: #eff3f6;
}
body {
  color: var(--color-gray);
  font-family: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.7;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  overflow-x: hidden;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  color: var(--color-primary);
  outline: 0px none;
  text-decoration: none;
  transition: all var(--transition-base);
}
a:hover,
a:focus {
  outline: 0px none;
  text-decoration: none;
}
a:active,
a:hover,
a:focus {
  color: inherit;
}
img {
  border-style: none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  transition: all var(--transition-base);
}
a:hover img {
  transform: scale(1.05);
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
section,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
summary {
  display: block;
}
ul {
  padding: 0px;
}
::selection {
  background: var(--color-primary);
  color: var(--color-white);
}
::-moz-selection {
  background: var(--color-primary);
  color: var(--color-white);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Mulish", sans-serif;
  line-height: 1.2;
  color: var(--color-primary);
}
h1 {
  font-size: 60px;
  font-weight: 800;
}
h2 {
  font-size: 40px;
  font-weight: 800;
}
h3 {
  font-size: 24px;
  font-weight: 800;
}
h4 {
  font-size: 18px;
  font-weight: 800;
}
h5 {
  font-size: 16px;
  font-weight: 800;
}
h6 {
  font-size: 14px;
  font-weight:800;
}
@media only screen and (max-width:767px) {
  body {
    font-size: 14px;
  }
  h1 {
    font-size: 40px;
    font-weight: 800;
  }
  h2 {
    font-size: 30px;
    font-weight: 800;
  }
  h3 {
    font-size: 22px;
    font-weight: 800;
  }
  h4 {
    font-size: 18px;
    font-weight: 800;
  }
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
dl,
ul,
ol {
  list-style-position: outside;
  padding: 0px;
}
ul,
ol {
  margin-bottom: 24px;
}
ul li {
  padding: 0px;
}
ol li {
  padding: 0px;
}
.p-a30 {
  padding: 30px;
}
.p-t120 {
  padding-top: 120px;
}
.p-b90 {
  padding-bottom: 90px;
}
.m-b30 {
  margin-bottom: 30px;
}
.m-l10 {
  margin-left: 10px;
}
.icon-content {
  overflow: hidden;
}
.site-button {
  outline: none;
  color: var(--color-white);
  padding: 10px 25px;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-table;
  background-color: var(--color-secondary);
  border: none;
  font-size: 15px;
  transition: all var(--transition-slow);
  border-radius: 15px;
  box-shadow: var(--shadow-sm);
}
.site-button:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}
.site-button i {
  padding-right: 5px;
  transition: all var(--transition-base);
}
.site-button:hover,
.site-button:active,
.site-button:focus {
  color: var(--color-black);
  outline:none;
}
.owl-carousel .owl-nav {
  margin-top: 40px;
  text-align: center;
  transition: var(--transition-base);
}
.owl-carousel .owl-nav .disabled {
  opacity: .5;
  cursor: default;
}
.owl-carousel .owl-dots {
  text-align: center;
  margin-top: 30px;
}
.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  outline: none !important;
  transition: var(--transition-fast);
}
.owl-carousel .owl-dots .owl-dot span {
  width: 6px;
  height: 6px;
  margin: 5px 7px;
  background: #8a8a8a;
  border: 2px solid transparent;
  display: block;
  border-radius: 50%;
  transition: all var(--transition-base);
}
.owl-carousel .owl-dots .owl-dot:hover span {
  background: var(--color-primary);
  transform: scale(1.2);
}
.owl-carousel .owl-dots .owl-dot.active span {
  background: none;
  border: 2px solid var(--color-primary);
  margin: 2px;
  height: 12px;
  width: 12px;
}
.owl-carousel .owl-dots .owl-dot.active span {
  background: var(--color-primary);
}
.owl-carousel .owl-item img {
  transform-style: inherit;
  transition: var(--transition-base);
}
.owl-carousel .owl-nav button.owl-prev {
  color: #fff !important;
  padding: 8px 10px !important;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block;
  cursor: pointer;
  border-radius: 0px;
  opacity: 1;
  margin-right: 5px;
  font-weight: 500;
  outline: none;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}
.owl-carousel .owl-nav button.owl-prev i {
  font-style: normal;
}
.owl-carousel .owl-nav button.owl-prev:hover {
  color: #fff;
  opacity: 0.9;
  transform: translateX(-3px);
  box-shadow: var(--shadow-md);
}
.owl-carousel .owl-nav button.owl-prev:active {
  color: #fff;
  opacity: 0.9;
  transform: translateX(-1px);
}
.owl-carousel .owl-nav button.owl-prev:focus {
  color: #fff;
  opacity: 0.9;
}
.owl-carousel .owl-nav button.owl-next {
  color: #fff !important;
  padding: 8px 10px !important;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block;
  cursor: pointer;
  border-radius: 0px;
  opacity: 1;
  margin-right: 0px;
  font-weight: 500;
  outline: none;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}
.owl-carousel .owl-nav button.owl-next i {
  font-style: normal;
}
.owl-carousel .owl-nav button.owl-next:hover {
  color: #fff;
  opacity: 0.9;
  transform: translateX(3px);
  box-shadow: var(--shadow-md);
}
.owl-carousel .owl-nav button.owl-next:active {
  color: #fff;
  opacity: 0.9;
  transform: translateX(1px);
}
.owl-carousel .owl-nav button.owl-next:focus {
  color: #fff;
  opacity: 0.9;
}
.sticky {
  clear: both;
}
.header-full-width .container {
  max-width: 100%;
}
.header-style-1 {
  position: relative;
}
.site-header {
  position: relative;
  z-index: 999;
  margin-bottom: 70px;
}
.extra-nav {
  display: table;
  float: right;
  height: 70px;
  position: relative;
  z-index: 13;
}
.extra-nav .extra-cell {
  display: table-cell;
  padding-left: 25px;
  vertical-align: middle;
}
.extra-nav .extra-cell:first-child {
  padding-left: 0px;
}
@media (max-width: 600px) {
  .aon-btn-login {
    font-size: 0px;
    padding: 10px 0px;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    text-align: center;
    vertical-align: middle;
    margin-left: 10px;
  }
  .aon-btn-login i {
    font-size: 14px;
    padding: 0px;
    margin: auto;
    display: table;
  }
}
@media only screen and (min-width: 768px) {
  #search-btn-hidden-on-desktop {
    display: none;
  }
}
.logo-header {
  display: table;
  float: left;
  width: 220px;
  height: 70px;
  vertical-align: middle;
  padding-left: 30px;
  font-size: 36px;
  color: #000;
  margin: 0px;
  position: relative;
  z-index: 11;
}
.color-fill .site-logo-has {
  display:none;
}
.site-logo-sticky {
  display:none;
}
.color-fill .site-logo-sticky {
  display:block;
}
.color-fill #hiddenSearchDivUntilScroll {
  display: block;
}
@media (max-width: 360px) {
  .logo-header {
    width: 120px;
  }
}
.logo-header .logo-header-inner {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.logo-header .logo-header-inner img {
  max-width: 100%;
  max-height: 100%;
  padding-bottom: 14px;
}
.site-header ul,
.site-header ol {
  margin-bottom: 0px;
}
.main-bar {
  position: relative;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.5s ease;
  background: none;
}
.main-bar .container,
.main-bar .container-fluid {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .main-bar .container,
  .main-bar .container-fluid {
    display: block;
  }
}
.main-bar:after,
.main-bar:after {
  clear: both;
  content: "";
  display: table;
}
.navbar-toggler {
  border: none;
  margin: 24px 0px 24px 15px;
  padding: 12px 10px;
}
@media (max-width: 991px) {
  .navbar-toggler {
    display: block;
      margin-top: 14px;
      margin-bottom: 14px;
      float: right;
      outline: none !important;
  }
}
.navbar-toggler .icon-bar {
  background: #000;
  height: 3px;
  border-radius: 0px;
  display: block;
  width: 22px;
}
.navbar-toggler .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (max-width: 991px) {
  .header-style-1 .navbar-toggler {
    margin-top: 18px;
      margin-bottom: 14px;
      background-color:#fff;
      min-height:36px !important;
      padding:0px 8px;
  }
}
@media (max-width: 420px) {
  .navbar-toggler {
    margin-left: 10px;
  }
}
@media (max-width: 540px) {
  .is-fixed .navbar-toggler {
    margin-bottom: 0px;
  }
}
.is-fixed.mobile-sider-drawer-menu .header-nav .nav {
  height: 100vh !important;
  width: 100%;
}
.is-fixed.mobile-sider-drawer-menu .header-style-1 .header-nav .nav > li {
  padding: 12px 15px !important;
}
.header-nav {
  position: relative;
  padding: 0px;
  z-index: 10;
}
@media (max-width: 991px) {
  .header-nav {
    clear: both;
      margin: 0px -15px;
      border-bottom: 1px solid #E9E9E9;
  }
  .header-nav.navbar-collapse {
    align-items: start;
  }
}
.header-nav .nav {
  display: flex;
  justify-content: flex-end;
  flex-direction: inherit;
}
@media (max-width: 991px) {
  .header-nav .nav {
    float: none;
      margin: 0px;
      background: #fff;
      display: block;
      width: 100%;
      left: 0px;
  }
}
@media (max-width: 991px) {
  .header-nav .nav li {
    float: none;
  }
}
.header-nav .nav li i {
  font-size: 9px;
  margin-left: 3px;
  margin-top: -3px;
  vertical-align: middle;
  opacity: 0.7;
}
@media (max-width: 991px) {
  .header-nav .nav li i {
    float: right;
  }
}
.header-nav .nav > li {
  position: relative;
  margin: -10px 0px;
  padding: 10px 0px;
}
@media (max-width: 991px) {
  .header-nav .nav > li ul {
    display: none;
      position: static;
      visibility: visible;
      width: auto;
      background: #f9f9f9;
  }
}
.header-nav .nav > li > a {
  color: var(--color-black);
  font-size: 16px;
  padding: 15px 10px;
  cursor: pointer;
  margin: 28px 0px 0px 20px;
  display: block;
  transition: all var(--transition-base);
}
.color-fill .header-nav .nav > li > a {
  color: #000;
}
@media (max-width: 991px) {
  .header-nav .nav > li > a {
    padding: 12px 15px;
      border-top: 1px solid #E9E9E9;
      color: #000;
  }
}
.header-nav .nav > li > a:hover {
  background-color: transparent;
  color: #000;
}
.header-nav .nav > li > a:active,
.header-nav .nav > li > a:focus {
  background-color: transparent;
}
@media (max-width: 991px) {
  .header-nav .nav > li.active > a {
    color: #EF3340;
  }
}
@media (max-width: 991px) {
  .header-nav .nav > li > a:hover,
  .header-nav .nav > li > a:active,
  .header-nav .nav > li > a:focus {
    background-color: #f0f0f0;
      text-decoration: none;
  }
}
.header-nav .nav > li.active > a {
  background-color: transparent;
  color: var(--color-secondary);
}
.header-nav .nav > li:hover > a {
  color: var(--color-secondary);
}
.header-nav .nav > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
  transition: all 0.3s ease;
}
.header-nav .nav > li .sub-menu {
  background-color: #fff;
  display: block;
  left: 0px;
  top: 100%;
  list-style: none;
  margin: 20px 0 0;
  opacity: 0;
  padding: 0px;
  position: absolute;
  visibility: hidden;
  width: 220px;
  z-index: 10;
}
@media (max-width: 991px) {
  .header-nav .nav > li .sub-menu {
    display: none;
      position: static;
      visibility: visible;
      width: auto;
      background: #f9f9f9;
      opacity: 1;
      margin: 0px !important;
      transition:none !important;
  }
}
.header-nav .nav > li .sub-menu li {
  border-bottom: 1px solid #f4f4f4;
  position: relative;
  text-transform: none;
}
.header-nav .nav > li .sub-menu li a {
  color: #000;
  display: block;
  font-size: 13px;
  padding: 14px 20px;
  padding-left: 20px;
  font-weight: 600;
}
.header-nav .nav > li .sub-menu li a:hover {
  color: #EF3340;
  text-decoration: none;
}
.header-nav .nav > li .sub-menu li:hover > a {
  color: #EF3340;
}
.header-nav .nav > li .sub-menu li:last-child {
  border-bottom: 0px;
}
.header-nav .nav > li .sub-menu li .fa {
  color: #000;
  display: block;
  float: right;
  position: absolute;
  right: 10px;
  top: 2px;
}
.header-nav .nav > li .sub-menu li > .sub-menu {
  left: 220px;
  margin: 0px 0px 0px 20px;
  transition: all 0.1s ease;
}
@media (max-width: 991px) {
  .header-nav .nav > li .sub-menu li > .sub-menu > li {
    float: none;
      display: block;
      width: auto;
  }
}
@media (max-width: 991px) {
  .header-nav .nav > li .sub-menu li > .sub-menu > li a {
    padding-left: 30px;
  }
}
.header-nav .nav > li .sub-menu li:hover > .sub-menu {
  left: 220px;
  margin: 0px;
  opacity: 1;
  top: -1px;
  visibility: visible;
}
.header-nav .nav > li .sub-menu li:hover > .sub-menu:before {
  background-color: transparent;
  bottom: 0px;
  content: "";
  display: block;
  height: 100%;
  left: -6px;
  position: absolute;
  top: 0px;
  width: 6px;
}
.header-nav.nav-animation .nav > li > ul.sub-menu li > a {
  transition: all 0.5s ease-out;
  position: relative;
  z-index: 1;
}
.header-nav.nav-animation .nav > li:hover > ul.sub-menu li:hover > a {
  padding-left: 40px;
}
@media (max-width: 991px) {
  .header-nav .has-child {
    position: relative;
  }
}
.header-nav .has-child .submenu-toogle {
  position: absolute;
  right: 4px;
  top: 4px;
  color: #000;
  background-color: transparent;
  z-index: 900;
  cursor: pointer;
  padding: 10px;
  font-size: 14px;
  display: none;
}
@media (max-width: 991px) {
  .header-nav .has-child .submenu-toogle {
    display: block;
  }
}
.header-nav .has-child li .submenu-toogle {
  opacity: 0.9;
}
@media (max-width: 991px) {
  .header-nav .has-child.nav-active > a + .submenu-toogle.fa.fa-angle-right::before {
    content: "";
  }
}
@media (max-width: 991px) {
  .mobile-sider-drawer-menu .header-nav {
    position: fixed;
      width: 250px !important;
      z-index: 999;
      height: 100vh !important;
      overflow-y: inherit !important;
      left: -250px;
      top: 0px;
      transition: all 0.5s linear;
      background-color: #fff;
  }
  .mobile-sider-drawer-menu .header-nav .nav > li:hover > .sub-menu {
    animation: none !important;
  }
  .mobile-sider-drawer-menu .header-nav .nav > li .sub-menu li:hover > .sub-menu {
    animation: none !important;
  }
  .mobile-sider-drawer-menu.active .header-nav {
    left: 15px;
      box-shadow: 0 0 1000px 10px #1f2126;
  }
  .mobile-sider-drawer-menu .icon-bar {
    transition: all 0.5s linear;
      position: relative;
  }
  .mobile-sider-drawer-menu #mobile-side-drawer {
    min-height: 41px;
      position: relative;
  }
  .mobile-sider-drawer-menu.active .icon-bar.icon-bar-first {
    transform: rotate(45deg) translateX(3px) translateY(2px);
  }
  .mobile-sider-drawer-menu.active .icon-bar.icon-bar-three {
    transform: rotate(-45deg) translateX(3px) translateY(-2px);
  }
  .mobile-sider-drawer-menu .icon-bar.icon-bar-two {
    position: relative;
      right: 0%;
  }
  .mobile-sider-drawer-menu.active .icon-bar.icon-bar-two {
    position: absolute;
      right: 100px;
      opacity: 0;
  }
  .mobile-sider-drawer-menu .is-fixed .header-nav .nav {
    overflow: auto;
      max-height: 100%;
  }
}
.is-fixed .main-bar {
  position: fixed;
  top: 0px;
  left: 0px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.is-fixed.color-fill .main-bar {
  background-color: #fff;
}
.is-fixed.color-fill .main-bar {
  z-index: 999;
  opacity: 1;
  visibility: visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.is-fixed.color-fill .header-nav .nav > li {
  margin: 0px;
  padding: 0px;
}
@media (max-width: 991px) {
  .header-nav .nav > li {
    margin: 0px;
      padding: 0px;
  }
  .header-nav .nav > li > a {
    margin: 0px;
      padding: 10px 12px;
  }
  .is-fixed.color-fill .header-nav .nav > li {
    margin: 0px;
      padding: 0px;
  }
}
@media (max-width: 767px) {
  .main-bar {
    padding: 0px;
  }
  .is-fixed .main-bar {
    padding: 0px;
  }
  .is-fixed.color-fill .main-bar {
    padding: 0px;
  }
}
.header-style-1 {
  position: absolute;
}
.header-style-1 .header-nav .nav > li > a {
  color: #fff;
}
.header-style-1 .header-nav .nav > li:hover > a {
  color: #EF3340;
}
.header-style-1 .header-nav .nav > li.active > a {
  color: #EF3340;
}
.header-style-1 .color-fill .header-nav .nav > li > a {
  color: #000;
}
.header-style-1 .color-fill .header-nav .nav > li:hover > a {
  color: #EF3340;
}
.header-style-1 .color-fill .header-nav .nav > li.active > a {
  color: #EF3340;
}
@media (min-width: 1200px) {
  .container {
    max-width: 1270px;
  }
}
@media (max-width: 991px) {
  .header-style-1 .header-nav .nav > li > a {
    color: #222;
  }
}
.section-head {
  position: relative;
}
.section-head .sf-title {
  margin-bottom:20px;
}
@media only screen and (max-width:540px) {
  .section-head  h2 {
    font-size: 28px;
  }
}
.widget {
  margin-bottom: 40px;
}
.widget_services ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.widget_services ul li {
  display: block;
  width: 100%;
  padding: 2px 0px;
  border: 0px;
  overflow: hidden;
  transition: var(--transition-base);
}
.widget_services ul li a {
  color: #595959;
  position: relative;
  padding: 0px 0px 6px 0px;
  display: block;
  margin-left: 0px;
  transition: all var(--transition-base);
  font-size: 16px;
  display: inline-block;
}
.widget_services ul li .badge {
  float: right;
  background: none;
  color: #111;
  font-weight: normal;
  font-size: 14px;
}
.widget_services ul li a:hover {
  color: var(--color-secondary);
  transform: translateX(5px);
}
button.scroltop {
  background: var(--color-black);
  border: none;
  position: fixed;
  right: 10px;
  bottom: 20px;
  color: #fff;
  margin: 0;
  cursor: pointer;
  display: none;
  height: 30px;
  width: 30px;
  line-height:10px;
  padding: 8px;
  text-align: center;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  z-index: 999;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}
button.scroltop:hover {
  background: var(--color-primary);
  transform: translateY(-3px);
  box-shadow: var(--shadow-lg);
}
button.scroltop span {
  line-height:1;
  display:inline-block;
}
.sf-news-l-form {
  display: flex;
    position:relative;
  min-width: 560px;
  margin-bottom: 0px;
}
.sf-news-l-form .form-control {
  height: 40px;
  width:100%;
  border-radius: 12px;
  padding-right:115px;
  transition: var(--transition-base);
}
.sf-news-l-form .sf-sb-btn {
  position:absolute;
  top:0px;
  right:0px;
  font-size: 14px;
  color: #fff;
  border: none;
  font-weight: 500;
  background-color: var(--color-secondary);
  border-radius: 12px;
  padding:8px 30px;
  margin-left:0px;
  transition: all var(--transition-base);
}
.sf-news-l-form .sf-sb-btn:hover {
  background-color: var(--color-secondary-dark);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
@media only screen and (max-width:360px) {
  .sf-news-l-form {
    display: block;
  }
  .sf-news-l-form .form-control {
    padding: 20px; margin-bottom: 10px;
  }
  .sf-news-l-form .sf-sb-btn {
    position: inherit;
  }
}
@media only screen and (max-width:991px) {
  .sf-news-l-form {
    min-width:100px;
  }
}
.footer-light {
  background-color: #f8f5ff;
  color: #000;
  font-weight: 600;
  transition: var(--transition-base);
}
.footer-light .widget-title {
  font-family: "Mulish", sans-serif;
  color: #000;
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 30px;
  padding-bottom: 10px;
  position: relative;
}
.footer-light .widget-title:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: #000;
  width: 20px;
  height: 2px;
}
.footer-light .social-icons {
  margin: 30px 0px 0px 0px;
}
.footer-light .social-icons li {
  display: inline-block;
}
.footer-light .social-icons li a {
  height: 30px;
  width: 30px;
  background-color: #000;
  line-height: 30px;
  padding: 0px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border-radius: 50%;
  margin-right: 3px;
}
.footer-light .social-icons li a:hover {
  color: #fff;
  background-color: #db5200;
}
.footer-light .footer-bottom {
  color: #fff;
  position: relative;
  z-index: 1;
  font-weight: 600;
}
.footer-light .widget_services ul li a {
  color: #000;
}
.footer-light .widget_services ul li a:hover {
  color: #db5200;
}
.footer-light .recent-posts-entry .wt-post-info .wt-post-header a {
  color: #000;
}
.footer-light .recent-posts-entry .wt-post-info .wt-post-header a:hover {
  color: #db5200;
}
.footer-light .recent-posts-entry .wt-post-info .wt-post-meta ul li {
  color: #6a6a6a;
}
.sf-footer-bottom-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-bottom {
  padding-bottom: 30px;
}
.sf-f-copyright {
  color: #535353;
  font-size: 14px;
  font-weight: 500;
}
.sf-footer-bottom-section .sf-f-social {
  position: relative;
  padding-left: 420px;
}
.sf-footer-bottom-section .sf-f-social:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  height: 1px;
  background-color: #022278;
  width: 390px;
}
.sf-footer-bottom-section .sf-f-social .socila-box {
  margin: 0px;
}
.sf-footer-bottom-section .sf-f-social .socila-box li {
  display: inline-block;
}
.sf-footer-bottom-section .sf-f-social .socila-box li a {
  color: #26418c;
  font-size: 22px;
  padding-right: 15px;
}
.sf-footer-bottom-section .sf-f-social .socila-box li:last-child a {
  padding-right: 0px;
}
@media only screen and (max-width:1100px) {
  .sf-f-logo {
    display:table; margin:0px auto 20px;
  }
  .sf-footer-bottom-section {
    display: block; text-align: center;
  }
  .sf-footer-bottom-section .sf-f-social::after {
    left:0%; top:0px; height: 1px; width:100%;
  }
  .sf-footer-bottom-section .sf-f-social {
    padding: 20px 0px 0px; margin-top: 25px;
  }
}
.acod-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}
.acod-title a {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.acod-head {
  position: relative;
}
.acod-head a {
  display: block;
  padding: 15px 20px 15px 50px;
  background-color: #f6f6f6;
}
.acod-head a.collapsed {
  color: #000;
}
.acod-head .fa {
  margin-right: 5px;
}
.acod-head a,
.acod-head:hover,
.acod-head:active,
.acod-head:focus {
  color: #000;
}
.acod-head .indicator {
  padding: 15px;
  color: #000;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  font-size: 22px;
}
.acod-head .indicator .fa {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.acod-head.acc-actives .indicator .fa:before {
  content: "";
  font-family: "FontAwesome";
}
.acod-head [aria-expanded="false"] .indicator .fa:before {
  content: "";
  font-family: "FontAwesome";
}
.acod-head .collapsed .indicator .fa:before {
  content: "";
  font-family: "FontAwesome";
}
.acod-head .collapsed [aria-expanded="false"] .indicator .fa:before {
  content: "";
  font-family: "FontAwesome";
}
.acod-head .indicator .fa:before {
  font-family: "FontAwesome";
  content: "";
}
.acod-head [aria-expanded="true"] .indicator .fa:before {
  font-family: "FontAwesome";
  content: "";
}
.form-control {
  border: 1px solid #e1e1e1;
  height: 50px;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 12px;
  border-radius:5px;
  transition: all var(--transition-base);
}
.form-control:focus {
  box-shadow: var(--shadow-sm);
  background-color: #F8F8F8;
  border-color: var(--color-primary);
}
.bootstrap-select .dropdown-menu li a {
  font-size: 14px;
}
select {
  appearance: none;
  
   
  
  padding: 10px 30px 10px 10px;
  background-color: #fff;
}
.aon-banner-wrap {
  position: relative;
  min-height: 150px;
}
.aon-banner-outer {
  position: relative;
  min-height: 150px;
  overflow: hidden;
}
.aon-banner-pic {
  width: 100%;
  min-height:100vh;
  overflow: hidden;
  transition: var(--transition-slow);
}
.aon-banner-outer:hover .aon-banner-pic {
  transform: scale(1.02);
}
.aon-banner-pic img {
  width: 100%;
  height:100vh;
  object-fit:cover;
  object-position:center;
  transition: var(--transition-slow);
}
.aon-banner-text {
  max-width: 700px;
  position: absolute;
  top: 50%;
  left: calc(50% - 250px);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 99;
  color: #fff;
  opacity: 0;
  animation: fadeInUp 1s ease forwards;
}
.aon-banner-text .container {
  width: auto;
}
.aon-banner-text .text-top-line {
  font-size: 60px;
  line-height: 1.3;
  color:#fff;
  font-weight: 300;
  transition: var(--transition-base);
}
.aon-banner-text .text-top-line span {
  color: var(--color-secondary);
  font-size: inherit;
  transition: var(--transition-base);
}
.aon-banner-text .text-bot-line {
  font-size: 60px;
  line-height: 1.3;
  font-weight: 800;
  border-bottom: 1px solid var(--color-secondary);
  display: table;
  color:#FFF;
  padding-bottom: 20px;
  transition: var(--transition-base);
}
.aon-curve-area {
  background-image: url("../images/curve-bg.png");
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
}
.aon-overlay-main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.aon-find-bar {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 50;
}
.aon-findBar-vertical {
  bottom: 0px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.aon-findBar-vertical .search-form {
  position: absolute;
  max-width: 500px;
  top: 50%;
  right: 0px;
  width: 50%;
  padding: 40px;
  border-radius: 30px;
  background-color: #fff;
  box-shadow: 0 0 70px rgba(52, 69, 113, 0.38);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.aon-findBar-vertical .container {
  position: relative;
}
.aon-findBar-vertical .aon-searchbar-left > ul {
  margin: 0px;
  list-style: none;
}
.aon-findBar-vertical .aon-searchbar-left > ul > li label {
  margin-bottom: 0px;
  color: #000;
  font-weight: normal;
  line-height: 1;
}
.aon-findBar-vertical .aon-searchbar-left > ul > li {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  margin-bottom:15px;
}
.aon-findBar-vertical .aon-searchbar-left > ul > li.active {
  background:#06038D;
}
.aon-findBar-vertical .aon-searchbar-left > ul > li > .form-control {
  border: none;
  height:44px;
  border-bottom: 1px solid #ddd;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0px;
  padding:5px 0px;
}
.aon-findBar-vertical .aon-searchbar-left > ul > li > .form-control:focus {
  background:#fff;
}
.aon-findBar-vertical .aon-searchbar-left > ul > li .sf-select-box {
  padding:0px;
}
.aon-findBar-vertical .aon-searchbar-left > ul > li .bootstrap-select .btn {
  height:44px; border: none !important; border-bottom: 1px solid #ddd !important; padding: 5px 0px;
  box-shadow:none;  background:#fff !important;
}
.aon-findBar-vertical .aon-searchbar-left > ul > li .bootstrap-select .btn:focus {
  box-shadow:none;
}
.aon-findBar-vertical .aon-searchbar-left > ul > li .bootstrap-select .dropdown-toggle::after {
  display:none;
}
.aon-findBar-vertical .bootstrap-select .dropdown-toggle .filter-option img {
  width: 22px;
}
.bs-searchbox {
  padding:7px 8px;
}
.bs-searchbox .form-control {
  height:36px; padding:5px 10px; box-shadow:none;outline:none;
}
.bs-searchbox .form-control:focus {
  border-color:#ddd;
}
.aon-findBar-vertical .aon-searchbar-left > ul > li .sf-search-icon {
  position: absolute;
  bottom: 10px;
  right: 0px;
  width: 25px;
  z-index: 2;
}
.aon-findBar-vertical .aon-searchbar-right .site-button {
  width: 100%;
  max-width: 220px;
  margin: 30px auto 0px;
  display: table;
}
.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  outline: none -webkit-focus-ring-color !important;
  outline-offset: 0px;
  box-shadow: none;
}
.aon-categories-select  ul > li img {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  margin-right: 10px;
}
.aon-categories-select .filter-option {
  display: -ms-flexbox; 
    display: flex; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap;
    -ms-flex-align: center; 
    align-items: center;
}
.aon-categories-select .filter-option img {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  margin-right: 10px;
}
.aon-findBar-vertical .filter-option img {
  width:30px; margin-right: 5px; border-radius:30px;
}
.aon-findBar-vertical .aon-searchbar-right {
  width: 100%;
}
.aon-findBar-vertical .aon-searchbar-right .btn {
  width: 100%; max-width: 220px; margin: auto;
}
@media only screen and (max-width:1600px) {
  .aon-findBar-vertical .filter-option img {
    width: 22px; height: 22px;
  }
  .aon-findBar-vertical .search-form {
    padding: 25px 35px 35px;
  }
  .aon-findBar-vertical .aon-searchbar-left > ul > li .form-control {
    height: 30px; padding-top: 0px;
  }
  .aon-findBar-vertical .aon-searchbar-left > ul > li .bootstrap-select .btn {
    height: 30px; padding-top: 0px;
  }
  .aon-findBar-vertical .aon-searchbar-left > ul > li .sf-search-icon {
    width: 22px;
  }
  .aon-findBar-vertical .aon-searchbar-left > ul > li {
    margin-bottom: 10px;
  }
  .aon-findBar-vertical .search-form {
    max-width:450px;
  }
}
@media only screen and (max-width:1440px) {
  .aon-banner-outer .aon-banner-text .text-top-line {
    font-size: 50px;
  }
  .aon-banner-outer .aon-banner-text .text-bot-line {
    font-size: 50px; padding-bottom: 15px;
  }
}
@media only screen and (max-width:1280px) {
  .aon-findBar-vertical .search-form {
    max-width:450px;
  }
  .aon-findBar-vertical .search-form {
    padding: 15px 30px 25px;
  }
  .aon-findBar-vertical .aon-searchbar-left > ul > li {
    margin-bottom: 5px;
  }
  .aon-findBar-vertical .search-form {
    max-width: 420px; right: 25px;
  }
  .aon-banner-outer .aon-banner-text .text-top-line {
    font-size:40px;
  }
  .aon-banner-outer .aon-banner-text .text-bot-line {
    font-size:40px;
  }
}
@media only screen and (max-width:1200px) {
  .aon-findBar-vertical {
    padding:80px 0px;
  }
  .aon-findBar-vertical .search-form {
    max-width:100%; width: auto; padding:30px 30px; box-shadow: 0 0 30px rgba(52, 69, 113, 0.1); border:1px solid #ececec;
  }
  .aon-banner-outer .aon-banner-text {
    max-width: 500px; height:auto; left: calc(50% - 235px);
  }
  .aon-findBar-vertical .aon-searchbar-left > ul {
    display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;
  }
  .aon-findBar-vertical .aon-searchbar-left > ul > li {
    width:calc(50% - 30px); margin:0px 15px 30px;
  }
  .aon-findBar-vertical .aon-searchbar-left > ul > li .form-control {
    height:25px; padding-bottom:5px;
  }
  .aon-findBar-vertical .aon-searchbar-left > ul > li .bootstrap-select .btn {
    height: 25px; padding-bottom: 5px; padding-top: 0px;
  }
  .aon-findBar-vertical .aon-searchbar-left > ul > li label {
    line-height: 1.2;  font-size: 14px;  display: block;
  }
  .aon-findBar-vertical {
    position:static; background:inherit;
  }
  .aon-findBar-vertical .container {
    width: 100%;
  }
  .aon-findBar-vertical .search-form {
    max-width:100%; position:relative; right:0; top:0; -moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; transform: none;
  }
  .aon-findBar-vertical .aon-searchbar-left > ul > li .form-control {
    height:40px; padding-bottom: 5px;  padding-top:5px;
  }
  .aon-findBar-vertical .aon-searchbar-left > ul > li .bootstrap-select {
    padding:0px 40px 0px 0px
  }
  .aon-findBar-vertical .aon-searchbar-left > ul > li .bootstrap-select .btn {
    height: 40px; padding-bottom: 5px; padding-top: 5px;
  }
  .aon-findBar-vertical .aon-searchbar-right .site-button {
    margin: 0px auto 0px;
  }
}
@media only screen and (max-width:991px) {
  .aon-banner-outer .aon-banner-text {
    left:0; -moz-transform: translateX(0%) translateY(-50%); -webkit-transform: translateX(0%) translateY(-50%);  -o-transform: translateX(0%) translateY(-50%);  -ms-transform: translateX(0%) translateY(-50%);  transform: translateX(0%) translateY(-50%);
  }
}
@media only screen and (max-width:991px) {
  .aon-findBar-vertical {
    padding:30px 0px;
  }
}
@media only screen and (max-width:767px) {
  .aon-banner-outer .aon-banner-text {
    z-index:1;
  }
}
@media only screen and (max-width:600px) {
  .aon-banner-outer .aon-banner-text .text-top-line {
    font-size: 25px;
  }
  .aon-banner-outer .aon-banner-text .text-bot-line {
    font-size: 25px;
  }
  .aon-findBar-vertical .aon-searchbar-left > ul > li {
    width:100%; margin: 0px 15px 20px;
  }
}
.sf-curve-pos {
  -moz-transform: skewY(-2deg);
  -webkit-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  transform: skewY(-2deg);
}
.sf-curve-pos > .container {
  -moz-transform: skewY(2deg);
  -webkit-transform: skewY(2deg);
  -o-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  transform: skewY(2deg);
}
.aon-sub-title {
  color: #EF3340;
  text-transform: uppercase;
  letter-spacing: 4px;
  display: block;
  margin-bottom: 10px;
  font-weight:700;
}
.section-head {
  margin-bottom: 50px;
}
.aon-categories-area {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width:991px) {
  .section-head {
    margin-bottom: 30px;
  }
  .aon-categories-area {
    padding-top: 40px;
      padding-bottom: 40px;
  }
}
.aon-cat-pic {
  border-radius: 30px;
  margin-bottom: 15px;
}
.aon-cat-pic img {
  border-radius: 30px;
}
.aon-cat-pic a {
  display:block;
position:relative;
}
.media-bg-animate {
  position: relative;
  z-index:1;
}
.media-bg-animate:hover::before,
.media-bg-animate:hover::after {
  display: block;
  content: "";
  position: absolute;
  width:100%;
  height:100%;
  background:#012178;
  border-radius:30px;
  z-index: -1;
  animation: 1s clockwise infinite;
}
.media-bg-animate:hover:after {
  background:#EF3340;
  animation: 2s counterclockwise infinite;
}
.aon-cat-title {
  text-align: center;
}
.aon-cat-item {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.center .aon-cat-item {
  -moz-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -o-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}
.categories-carousel-owl .owl-stage {
  padding: 30px 0px 15px;
}
.aon-owl-arrow .owl-next .ar-right::before {
  content: "";
  background-color: #EF3340;
  width: 16px;
  height: 2px;
  bottom: -5px;
  right: -3px;
  position: absolute;
  transform: rotate(-135deg);
}
.aon-how-service-area {
  background-image: url("../images/bg-curve.png");
  background-size: auto;
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 120px;
  padding-bottom: 100px;
}
@media only screen and (max-width:991px) {
  .aon-how-service-area {
    padding-top: 40px;
      padding-bottom: 40px;
  }
}
.aon-step-section {
  text-align: center;
}
.aon-step-section .aon-step-icon {
  display: inline-block;
  margin-bottom: 30px;
}
.aon-step-section .aon-step-icon span {
  display: block;
  background-color: #ef3340;
  width: 140px;
  height: 140px;
  border-radius: 50px;
  line-height: 140px;
  transform: rotate(135deg);
  overflow:hidden;
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.aon-step-section:hover .aon-step-icon span {
  border-radius:100px;
  box-shadow: 0 0 0px 15px rgba(255, 182, 0, 0.17);
}
.aon-step-section .aon-step-icon span img {
  transform: rotate(-135deg);
}
.aon-step-section .aon-step-info .sf-title {
  color: #06038D
}
.step-position-1 {
  margin-top: 0px;
}
.step-position-2 {
  margin-top: 60px;
}
.step-position-3 {
  margin-top: 120px;
}
@media only screen and (max-width:991px) {
  .aon-how-service-area {
    background-image: none;
  }
  .step-position-1 {
    margin-top: 50px;
  }
  .step-position-2 {
    margin-top: 50px;
  }
  .step-position-3 {
    margin-top: 50px;
  }
}
.aon-feature-provider-area {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width:991px) {
  .aon-feature-provider-area {
    padding:40px 0px;
  }
}
.aon-ow-provider-wrap {
  position: relative;
  background-color: #06038D;
  border-radius: 40px;
  margin-top: 50px;
  margin-bottom: 30px;
  margin-left: 30px;
}
.aon-statics-area {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width:991px) {
  .aon-statics-area {
    padding:40px 0px; overflow:hidden;
  }
}
.aon-statics-area .sf-title {
  color: #fff;
  margin-bottom: 20px;
  max-width: 450px;
}
@media only screen and (max-width:991px) {
  .aon-statics-area .sf-title {
    max-width:none;
  }
}
.aon-statics-area p {
  color: #fff;
  max-width: 550px;
  margin: 0px;
}
.aon-static-section {
  background-color: #fff;
  margin-bottom: 30px;
  text-align: center;
  border-radius: 50px;
  padding: 40px 20px
}
.aon-static-section .aon-company-static-num {
  font-weight: 700;
  font-size: 60px;
  line-height: 60px;
  overflow:hidden;
}
.aon-static-section .aon-company-static-name {
  margin-bottom: 0px;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
}
.aon-statics-blocks .aon-static-position-1 {
  margin-top: 0px;
}
.aon-statics-blocks .aon-static-position-2 {
  margin-top: 60px;
}
.aon-static-section.aon-t-blue {
  color: #022278;
}
.aon-static-section.aon-t-yellow {
  color: #EF3340;
}
.aon-static-section.aon-t-green {
  color: #ffb600;
}
.aon-static-section.aon-t-skyblue {
  color: #0cb6f5;
}
.media-bg-animate.media-statics:hover::before,
.media-bg-animate.media-statics:hover::after {
  border-radius: 50px;
}
.media-bg-animate.media-statics:hover::before {
  background: #e0e3ee;
}
.media-bg-animate.media-statics:hover::after {
  background: #EF3340;
}
@media only screen and (max-width:991px) {
  .col-md-6 {
    width: 100%;
  }
  .aon-statics-blocks {
    margin-top: 0px;
  }
  .aon-static-position-1,
  .aon-static-position-2 {
    margin: 0px -15px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width:calc(100% + 30px);
      float: none;
  }
  .aon-statics-blocks .media-statics {
    width:calc(50% - 30px);
      margin:0px 15px;
  }
  .aon-static-section {
    padding: 40px 20px;
      width: calc(100%  0px);
      margin: 0px;
  }
  .aon-statics-blocks .aon-static-position-2 {
    margin-top: 30px;
  }
}
@media only screen and (max-width:600px) {
  .aon-static-section .aon-company-static-num {
    font-size: 40px;
      line-height: 40px;
  }
  .aon-static-section .aon-company-static-name {
    font-size: 16px;
  }
}
.aon-whycoose-area {
  background-color: #f8f5ff;
}
.sf-curve-pos.aon-whycoose-area .sf-w-choose-info-left {
  -moz-transform: skewY(2deg);
  -webkit-transform: skewY(2deg);
  -o-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  transform: skewY(2deg);
}
.aon-whycoose-area .sf-w-choose-info-left {
  max-width: 695px;
  margin-left: auto;
  padding: 80px 130px 80px 15px;
}
@media only screen and (max-width:991px) {
  .aon-whycoose-area .sf-w-choose-info-left {
    padding:40px 130px 40px 15px;
  }
}
.aon-whycoose-area .sf-w-choose {
  width: 100%;
  display: block;
}
.aon-whycoose-area .sf-w-choose-icon {
  float: left;
  margin-right: 20px;
}
@media only screen and (max-width:767px) {
  .aon-whycoose-area .sf-w-choose-icon {
    float: none;
      margin-right: 0px;
      margin-bottom: 20px;
  }
}
.aon-whycoose-area .sf-w-choose-icon span {
  background-color: #fff;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 30px;
  display: block;
  text-align: center;
  box-shadow: 0px 0px 50px rgba(112, 66, 225, 0.2);
}
.aon-whycoose-area .sf-w-choose-info {
  overflow: hidden;
}
.aon-whycoose-area .sf-w-choose-info .sf-title {
  color: #022278;
  margin-bottom: 10px;
}
.aon-whycoose-area .sf-w-choose-bg-outer {
  display: flex;
}
.aon-whycoose-area .sf-w-choose-bg-wrap {
  position: relative;
  overflow: hidden;
}
.sf-w-choose-left-cell {
  width: 58.33333333%;
}
.sf-w-choose-right-cell {
  width: 41.66666667%;
}
.aon-whycoose-area .sf-w-choose-bg-wrap:after,
.aon-whycoose-area .sf-w-choose-bg-wrap:before {
  position: absolute;
  content: "";
  width:100%;
  height: 800px;
  z-index: 1;
}
.aon-whycoose-area .sf-w-choose-bg-wrap:before {
  background-color: #EF3340;
  left: -80%;
  bottom: -50%;
  transform: rotate(35deg);
  opacity: 0.7;
}
.aon-whycoose-area .sf-w-choose-bg-wrap:after {
  background-color: #06038D;
  right: -70%;
  top: -10%;
  transform: rotate(35deg);
  opacity: 0.7;
}
.aon-whycoose-area .sf-w-choose-bg-wrap:after,
.aon-whycoose-area .sf-w-choose-bg-wrap:before {
  -webkit-animation: upNdown2 5s infinite linear;
        animation: upNdown2 10s infinite linear;
}
.aon-whycoose-area .sf-w-choose-bg {
  position: absolute;
  left: 0px;
  top: 0px;
  right:0px;
  bottom: 0px;
  background-size: cover;
}
@media only screen and (max-width:1200px) {
  .aon-whycoose-area .sf-w-choose-info-left {
    max-width: 575px;
      padding-right: 50px;
  }
}
@media only screen and (max-width:991px) {
  .aon-whycoose-area .sf-w-choose-info-left {
    max-width: 440px;
      padding-right: 30px;
  }
}
@media only screen and (max-width:767px) {
  .sf-w-choose-left-cell,
  .sf-w-choose-right-cell {
    width: 100%;
  }
  .aon-whycoose-area .sf-w-choose-bg-wrap {
    min-height: 600px;
  }
  .aon-whycoose-area .sf-w-choose-info-left {
    padding: 40px 15px;
    max-width: 540px;
    margin: 0px auto;
  }
}
.slick-testimonials-thumbnails .slick-list {
  padding: 0px !important;
}
.slick-testimonials-thumbnails .slick-next,
.slick-testimonials-thumbnails .slick-prev {
  width:30px;
  height:30px;
  z-index:999;
}
.slick-testimonials-thumbnails .slick-next:before,
.slick-testimonials-thumbnails .slick-prev:before {
  width: 30px;
    height: 30px;
    background: #fff;
    font-family: "FontAwesome";
    color: #222 !important;
    font-size: 24px;
    display: block;
    border-radius: 30px;
    border: 1px solid #cbcbcb;
    opacity:1;
}
.slick-testimonials-thumbnails .slick-next:before {
  content: "";
}
.slick-testimonials-thumbnails .slick-prev:before {
  content: "";
}
@media only screen and (max-device-width:1300px) {
  .slick-testimonials-thumbnails .slick-next {
    margin:0px 20px;
  }
  .slick-testimonials-thumbnails .slick-prev {
    margin:0px 20px;
  }
}
.aon-bnr2-search-bar {
  padding: 6px;
  border-radius: 4px;
  display:block;
  max-width:800px;
}
.aon-bnr2-search-box {
  display:none;  width:100%;
}
.aon-bnr2-search-box .aon-search-input,
.aon-bnr2-search-box .aon-search-btn-wrap {
  display:table-cell; margin-right: 1px; margin:0px; vertical-align:middle;
}
.aon-bnr2-search-box .aon-search-input {
  max-width:200px; padding-right: 10px;
}
.aon-bnr2-search-box .aon-search-btn-wrap {
  width:1%;
}
.aon-bnr2-search-box .aon-search-input .form-control:focus {
  box-shadow:none; border-color:#e1e1e1; background:#fff;
}
.aon-bnr2-search-box .aon-search-input .bootstrap-select .btn {
  border-radius:5px;
}
.aon-bnr2-search-box .aon-search-input .bootstrap-select .btn:focus {
  box-shadow:none;
}
.aon-bnr2-search-bar .aon-search-btn-wrap .aon-search-btn {
  background-color: #EF3340;
  border: 0px;
  border-radius: 0px 3px 3px 0px;
  height: 50px;
  line-height: 50px;
  padding: 0px 20px;
  color: #fff;
}
@media only screen and (max-width:1200px) {
  .aon-bnr2-search-box {
    display:block;
  }
  .aon-bnr2-search-box .aon-search-input,
  .aon-bnr2-search-box .aon-search-btn-wrap {
    display:block; max-width:100%; margin-bottom:5px;
  }
  .aon-bnr2-search-box .aon-search-btn-wrap {
    width: 100%; margin-bottom:0px;
  }
  .aon-bnr2-search-box .aon-search-btn-wrap .aon-search-btn {
    width: 100%;
  }
}
.aon-btn-pos-center {
  text-align: center;
}
.aon-title-center {
  margin-left: auto;
  margin-right: auto;
  max-width: 640px;
  text-align: center !important;
}
.section-head.white .sf-title {
  color: #fff;
}
.aon-howit-area2 {
  padding-bottom: 90px;
}
@media only screen and (max-width:991px) {
  .aon-howit-area2 {
    padding-bottom: 40px;
  }
}
.aon-howit-area2-section {
  background-color: #06038D;
  border-radius: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.aon-howit-area2-bg {
  position: relative;
  padding: 60px 30px 0px 30px;
}
@media only screen and (max-width:991px) {
  .aon-howit-area2-bg {
    padding: 40px 30px 40px 30px;
  }
}
.aon-howit-area2-bg:after,
.aon-howit-area2-bg:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  z-index: -1;
}
.aon-howit-area2-bg:after {
  background-image: url(../images/how-it-work/bg-corner-right.png);
  right: 0px;
  top: 0px;
  background-position: right top;
}
.aon-howit-area2-bg:before {
  background-image: url(../images/how-it-work/bg-corner-left.png);
  left: 0px;
  bottom: 0px;
  background-position: left bottom;
}
.aon-howit-area2-iconbox {
  text-align: center;
  padding: 0px 30px 30px 30px;
  margin-bottom: 30px;
}
.aon-howit-area2-iconbox .aon-howit-area2-icon {
  text-align: center;
}
.aon-howit-area2-iconbox .aon-howit-area2-icon span {
  text-align: center;
  width: 95px;
  height: 95px;
  line-height: 95px;
  background-color: #EF3340;
  display: inline-block;
  border-radius: 50%;
  margin-bottom: 30px;
 overflow:hidden;
}
.aon-howit-area2-iconbox .aon-howit-area2-content p {
  color: #fff;margin-bottom: 0px;
}
.aon-howit-area2-iconbox .aon-howit-area2-content .aon-tilte {
  color: #fff;
}
.aon-howit-arrow {
  position: relative;
}
.aon-howit-arrow:after,
.aon-howit-arrow:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  z-index: -1;
}
.aon-howit-arrow:after {
  background-image: url(../images/how-it-work/arrow-up.png);
  right: -50px;
  top: 0px;
  background-position: right center;
}
.aon-howit-arrow:before {
  background-image: url(../images/how-it-work/arrow-down.png);
  left: -50px;
  top: 0px;
  background-position: left center;
}
.aone-howit-number {
  opacity: 0.1;
  color: #000;
  font-weight: 700;
  font-size: 80px;
  line-height: 80px;
  position: relative;
  bottom: -20px;
  margin-top: -20px;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -ms-text-fill-color: rgba(0, 0, 0, 0);
  -moz-text-fill-color: rgba(0, 0, 0, 0);
  -o-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-text-stroke-width: 1px;
  -ms-text-stroke-width: 1px;
  -moz-text-stroke-width: 1px;
  -o-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  -ms-text-stroke-color: #fff;
  -moz-text-stroke-color: #fff;
  -o-text-stroke-color: #fff;
}
@media only screen and (max-width:991px) {
  .aon-categories-area2-section .row [class*="col-"]:last-child .aon-howit-area2-iconbox {
    margin-bottom: 0px;
      padding-bottom: 0px;
  }
}
.aon-owl-arrow .owl-next {
  background: none;
  border: none;
}
.aon-owl-arrow .owl-prev {
  background: none;
  border: none;
}
.aon-owl-arrow .owl-prev .ar-left {
  width: 54px;
  height: 2px;
  background-color: #EF3340;
  display: block;
  position: relative;
}
.aon-owl-arrow .owl-prev .ar-left:after {
  content: "";
  background-color: #EF3340;
  width: 16px;
  height: 2px;
  top: -5px;
  left: -3px;
  position: absolute;
  transform: rotate(135deg);
}
.aon-owl-arrow .owl-prev .ar-left::before {
  content: "";
  background-color: #EF3340;
  width: 16px;
  height: 2px;
  bottom: -5px;
  left: -3px;
  position: absolute;
  transform: rotate(-135deg);
}
.aon-owl-arrow .owl-next .ar-right {
  width: 54px;
  height: 2px;
  background-color: #EF3340;
  display: block;
  position: relative;
}
.aon-owl-arrow .owl-next .ar-right:after {
  content: "";
  background-color: #EF3340;
  width: 16px;
  height: 2px;
  top: -5px;
  right: -3px;
  position: absolute;
  transform: rotate(-135deg);
}
.aon-owl-arrow .owl-next .ar-right::before {
  content: "";
  background-color: #EF3340;
  width: 16px;
  height: 2px;
  bottom: -5px;
  right: -3px;
  position: absolute;
  transform: rotate(135deg);
}
.aon-owl-arrow .owl-nav {
  margin-top: 10px;
}
.aon-why-choose-info .section-head {
  color: #fff;
}
.aon-why-choose-info .section-head .aon-title {
  color: #fff;
}
.aon-why-choose2-area {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width:991px) {
  .aon-why-choose2-area {
    padding-top: 40px;
      padding-bottom: 40px;
  }
}
.aon-why-choose2-box {
  padding: 50px;
  background-color: #06038D;
  border-radius: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (max-width:991px) {
  .aon-why-choose2-box {
    padding: 40px;
  }
}
.aon-why-choose2-line {
  position: relative;
  margin: 50px;
}
.aon-why-choose2-line:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 50%;
  height: calc(100% + 100px);
  margin: -50px -50px -50px 0px;
  top: 0px;
  right:0px;
  border: 5px solid #EF3340;
  border-radius: 30px;
}
.aon-why-choose2-line::after {
  -webkit-animation: upNdown222 5s infinite linear;
        animation: upNdown222 5s infinite linear;
}
.aon-why-choose2-pic {
  position: relative;
  z-index: 2;
  height: 500px;
  background-image: url("../images/whychoose/pic1.jpg");
  background-position: center;
  background-size: cover;
  border-radius: 30px;
  overflow:hidden;
}
.aon-why-choose2-pic:before {
  content:"";
    position:absolute;
    width:100%;
    height:140%;
    top:-20%;
    right:50%;
    background-color:#06038D;
    opacity:0.3;
    z-index:1;
    -webkit-animation: zoom11 10s infinite linear;
    animation: zoom11 10s infinite linear;
    -moz-transform: rotate(-50deg); -webkit-transform: rotate(-50deg); -o-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg);
}
@media only screen and (max-width:640px) {
  .aon-why-choose2-pic {
    height: 300px;
  }
  .aon-why-choose2-line:after {
    height: calc(100% + 60px);
      margin: -30px -30px -30px 0px;
  }
  .aon-why-choose2-line {
    margin: 30px;
  }
}
.aon-about-area {
  padding:120px 0px; background-color:#f8f5ff;
}
.aon-about-pic {
  position: relative;
  z-index: 2;
  height: 500px;
  background-image: url("../images/whychoose/pic1.jpg");
  background-position: center;
  background-size: cover;
  border-radius: 30px;
  overflow:hidden;
  margin-right:50px;
}
.aon-about-pic:before {
  content:"";
    position:absolute;
    width:100%;
    height:140%;
    top:-20%;
    right:50%;
    background-color:#EF3340;
    opacity:0.5;
    z-index:1;
    -webkit-animation: zoom11 10s infinite linear;
    animation: zoom11 10s infinite linear;
    -moz-transform: rotate(-50deg); -webkit-transform: rotate(-50deg); -o-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg);
}
input:checked + .slider {
  background-color: #06038D;
}
input:focus + .slider {
  box-shadow: 0 0 1px #06038D;
}
input:checked + .slider:before {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
}
@media only screen and (max-width:600px) {
  .aon-banner-outer .aon-banner-text .text-bot-line {
    font-size: 40px !important;
  }
  .aon-banner-outer .aon-banner-text .text-top-line {
    font-size: 40px !important;
  }
}
@media only screen and (max-width:500px) {
  .aon-banner-outer .aon-banner-text .text-bot-line {
    font-size: 35px !important;
  }
  .aon-banner-outer .aon-banner-text .text-top-line {
    font-size: 35px !important;
  }
}
.testimonials-two-carousel-owl .owl-stage {
  padding: 15px 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}
.testimonials-two-carousel-owl .center {
  position: relative;
  z-index: 1;
}
.aon-page-benner-area {
  position: relative;
}
.sf-banner-heading-wrap {
  display: table;
  position: relative;
  height: 400px;
  width: 100%;
  max-width: 1170px;
  margin: auto;
  text-align: center;
}
.sf-banner-heading-area {
  display: table-cell;
  padding: 50px 15px;
  vertical-align: middle;
  color: #fff;
}
.sf-banner-heading-large {
  font-size: 55px;
  margin-bottom: 15px;
  font-weight: 300;
}
@media only screen and (max-width:480px) {
  .sf-banner-heading-wrap {
    height: 290px;
  }
  .sf-banner-heading-large {
    font-size: 36px;
  }
}
.sf-banner-heading-large strong {
  font-weight: 600;
}
.sf-banner-breadcrumbs-nav ul {
  margin: 0;
}
.sf-banner-breadcrumbs-nav ul li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  padding: 0;
  margin-right: 20px;
  color: #fff;
  transition: var(--transition-base);
}
.sf-banner-breadcrumbs-nav ul li:hover {
  transform: translateX(3px);
}
.sf-banner-breadcrumbs-nav ul li a {
  color: #fff;
  transition: var(--transition-base);
}
.sf-banner-breadcrumbs-nav ul li a:hover {
  color: var(--color-secondary);
  text-shadow: 0 0 10px rgba(255,255,255,0.5);
}
.sf-banner-breadcrumbs-nav ul li:after {
  content: "";
  position: absolute;
  right: -13px;
  top: 1px;
  font-size: 1px;
  color: #fff;
  font-family: "FontAwesome";
  margin-left: 7px;
}
.sf-banner-breadcrumbs-nav ul li:last-child:after {
  display: none;
}
.sf-overlay-main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.aon-contact-area {
  padding: 80px 0px 50px 0px;
}
.sf-contact-map-area {
  padding-top: 80px;
}
@media only screen and (max-width:767px) {
  .aon-contact-area {
    padding: 30px 0px 30px 0px;
  }
  .sf-contact-map-area {
    padding-top: 30px;
  }
}
.sf-contact-info-wrap {
  margin-bottom: 30px;
}
.sf-contact-info-wrap .row {
  display: flex; justify-content: center;
}
.sf-contact-info-box {
  border-radius: 30px;
  background-color: #fff;
  margin-bottom: 30px;
  box-shadow: 0px 0px 30px rgba(46, 13, 79, 0.1);
  text-align: center;
  padding: 40px 30px;
  border-bottom: 4px solid #EF3340;
}
.sf-contact-info-box .sf-contact-info .sf-title {
  font-size: 24px;
  margin: 20px 0px;
}
.sf-contact-info-box .sf-contact-info p {
  margin-bottom: 0px;
}
.sf-contact-icon {
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}
.sf-contact-icon:after {
  content: "";
  width: 84px;
  height: 84px;
  left: 50%;
  top: 0px;
  position: absolute;
  background-color: #f5f6fa;
  border-radius: 50%;
  z-index: -1;
  transform: translateX(-50%);
  margin-left: -20px;
}
.sf-contact-icon span {
  display: block;
  line-height: 60px;
}
.sf-contact-form {
  max-width: 960px;
  margin: 0px auto;
}
.sf-contact-icon span img {
  height: 60px;
}
.sf-contact-form .form-control {
  border-radius: 14px;
  border: 2px solid #c2c8d7;
  height: 50px;
  background-color: transparent;
}
.sf-contact-form textarea.form-control {
  height: 190px;
}
.sf-contact-form .sf-contact-submit-btn {
  max-width: 260px;
  margin: 0px auto;
  text-align: center;
}
.sf-map-social-block {
  padding: 50px 50px 20px 50px;
  background-color: #f8f5ff;
  border-radius: 30px;
  box-shadow: 0px 0px 30px rgba(46, 13, 79, 0.1);
  max-width: 960px;
  margin: 0px auto;
  position: relative;
  z-index: 1;
}
.sf-map-social-block .sf-con-social li {
  margin-bottom: 30px;
}
@media only screen and (max-width:991px) {
  .sf-map-social-block {
    padding: 50px 150px 20px 150px;
  }
  .sf-map-social-block h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width:767px) {
  .sf-map-social-block {
    padding: 30px 30px 1px 30px;
  }
}
@media only screen and (max-width:480px) {
  .sf-map-social-block .sf-con-social li {
    display: block; margin-right: 0px;
  }
}
.sf-map-social-block h2 {
  max-width: 600px;
  margin: 0px auto 30px;
}
.img-pos-1 {
  position: absolute;
  left: 180px;
  top: -40px;
}
.img-pos-2 {
  position: absolute;
  left: 40px;
  top: 60px;
}
.img-pos-3 {
  position: absolute;
  left: 80px;
  top: 180px;
}
.img-pos-4 {
  position: absolute;
  right: 180px;
  top: -40px;
}
.img-pos-5 {
  position: absolute;
  right: 40px;
  top: 60px;
}
.img-pos-6 {
  position: absolute;
  right: 80px;
  top: 180px;
}
.sf-map-wrap {
  height: 430px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-top: -130px;
}
.aon-page-jobs-wrap {
  padding-top: 90px;
  padding-bottom: 90px;
}
@media only screen and (max-width:768px) {
  .aon-page-jobs-wrap {
    padding-top: 30px;
      padding-bottom: 30px;
  }
}
.bootstrap-select .dropdown-toggle {
  border: 1px solid #e1e1e1 !important;
  background-color: #fff !important;
}
.s-p-center {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.site-pagination {
  clear: both;
}
.site-pagination .pagination > li > a,
.site-pagination .pagination > li > span {
  margin: 0px 3px;
  border: none;
  border-radius: 10px !important;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}
.site-pagination .pagination > li > a:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  background-color: var(--color-primary);
  color: #fff;
}
.site-pagination .pagination > li > a .fa {
  font-size: 12px;
}
.site-pagination .pagination > li > a {
  color: var(--color-primary);
}
.site-pagination .page-item.active .page-link {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}
.site-pagination .pagination > li > a,
.site-pagination .pagination > li > span {
  margin: 0px 5px;
  border: none;
  border-radius: 10px !important;
  padding: 7px 13px;
}
.sf-provi-pic {
  width: 175px;
  height: 175px;
  border-radius: 100%;
  margin: 0px auto 20px;
}
.sf-provi-pic img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.social-share-icon ul {
  list-style: none;
  margin: 0px 0px 20px;
}
.social-share-icon ul li {
  display: inline-block;
  margin-bottom: 8px;
}
.social-share-icon ul li a {
  border: 2px solid #ddd;
  width: 36px;
  height: 36px;
  line-height: 30px;
  text-align: center;
  color: #a9a9a9;
  margin: 0 3px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.social-share-icon ul li a .fa {
  font-size: 16px;
  vertical-align: middle;
}
.share-buttons li a.fb-share {
  border-color: #3b5998;
  color: #3b5998
}
.share-buttons li a.fb-share:hover {
  background: #3b5998;
  color: #fff
}
.share-buttons li a.twitter-share:hover {
  background: #000000;
  color: #fff
}
.share-buttons li a.twitter-share {
  border-color: #fff;
  color: #000000
}
.share-buttons li a.pinterest-share:hover {
  background: #bd081c;
  color: #fff
}
.share-buttons li a.pinterest-share {
  border-color: #bd081c;
  color: #bd081c
}
.share-buttons li a.instagram-share:hover {
  background: #527fa4;
  color: #fff
}
.share-buttons li a.instagram-share {
  border-color: #527fa4;
  color: #527fa4
}
.sf-provi-gallery {
  color: #000;
  display: table;
  margin: 0px auto 10px;
  border-bottom: 1px solid #000;
  line-height: 1.2;
}
.aon-related-provi-sidebar .aon-ow-provider-wrap {
  margin-left: 15px;
  margin-bottom: 0px;
}
.sf-provi-title {
  margin: 0px 0px 40px;
}
.sf-divider-line {
  height: 2px;
  background: #ddd;
  position: relative;
  margin-bottom: 40px;
}
.sf-divider-line:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 2px;
  width: 100px;
  background: #06038D;
}
.sf-provi-bio-text {
  border-bottom: 1px solid #ddd;
}
.sf-provi-bio-text + .social-share-icon2 {
  margin-top: 30px;
}
.social-share-icon2 {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width:480px) {
  .social-share-icon2 {
    display: block;
  }
  .logo-header {
    width: 140px;
      padding-left: 0 !important;
  }
  .sticky-wrapper {
    height: 0px !important;
  }
}
.social-share-icon2 .social-share-cell {
  width: auto;
}
.social-share-icon2 .social-share-cell:first-child {
  margin-right: 10px;
}
@media only screen and (max-width:991px) {
  .social-share-icon2 .social-share-cell:first-child {
    margin-bottom:15px;
  }
}
.social-share-icon2 ul {
  margin: 0px;
}
.social-share-icon2 ul li {
  margin: 0px;
}
.sf-provi-toggle-btn {
  display: inline-block;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  background: #000;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  font-family: arial;
  cursor: pointer;
}
.sf-provi-descriptio {
  display: none;
}
.sf-provi-service-top {
  display: table;
  width: 100%;
}
@media only screen and (max-width:767px) {
  .sf-provi-service-top {
    display: block;
  }
}
.bootstrap-touchspin-up,
.bootstrap-touchspin-down {
  padding: 5px 10px;
  border: 1px solid #ddd !important;
  background: none;
}
.sf-features-list {
  list-style: none;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.sf-features-list li {
  float: left;
  width: 33.333%;
  padding: 10px 0px 10px 60px;
  position: relative;
  min-height: 46px;
  margin-bottom: 8px;
}
.sf-features-list li .features-icon {
  margin-right: 5px;
}
.sf-features-list li .features-icon img {
  height: 20px;
}
@media only screen and (max-width:767px) {
  .sf-features-list li {
    width: 50%;
  }
}
@media only screen and (max-width:575px) {
  .sf-features-list li {
    width: 100%;
  }
}
* {
  box-sizing: border-box;
}
.checked {
  color: orange;
}
.side {
  float: left;
  width: 15%;
  margin-top: 10px;
}
.middle {
  float: left;
  width: 70%;
  margin-top: 10px;
}
.right {
  text-align: right;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.bar-container {
  width: 100%;
  background-color: #f1f1f1;
  text-align: center;
  color: white;
  border-radius: 15px;
}
.bar-20 {
  width: 100%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-19 {
  width: 95%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-18 {
  width: 90%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-17 {
  width: 85%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-16 {
  width: 80%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-15 {
  width: 75%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-14 {
  width: 70%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-13 {
  width: 65%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-12 {
  width: 60%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-11 {
  width: 55%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-10 {
  width: 50%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-9 {
  width: 45%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-8 {
  width: 40%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-7 {
  width: 35%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-6 {
  width: 30%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-5 {
  width: 25%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-4 {
  width: 20%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-3 {
  width: 15%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-2 {
  width: 10%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-1 {
  width: 5%; height: 18px; background-color: orange; border-radius: 15px;
}
.bar-0 {
  width: 0%; height: 18px; background-color: orange; border-radius: 15px;
}
@media (max-width: 400px) {
  .side,
  .middle {
    width: 100%;
  }
  .right {
    display: none;
  }
}
.sf-custom-tabs .nav-tabs {
  display: table;
  margin: auto;
  border: none;
}
.sf-custom-tabs .nav-tabs > li {
  margin: 0;
}
.sf-custom-tabs .nav-tabs > li > a {
  border-radius: 0;
  -webkit-border-radius: 0px;
  padding: 15px 25px;
  border: none;
  position: relative;
  font-size: 20px;
  color: #fff;
  opacity: 0.5;
  font-weight: bold;
}
.sf-custom-tabs .nav-tabs > li > a i {
  margin-right: 5px;
}
.sf-custom-tabs .nav-tabs > li > a,
.sf-custom-tabs .nav-tabs > li > a:focus,
.sf-custom-tabs .nav-tabs > li > a:hover {
  border: none;
  background: none;
}
.sf-custom-tabs .nav-tabs > li > a:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  width: 0%;
  height: 2px;
  background-color: transparent;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sf-custom-tabs .nav-tabs > li.active > a {
  color: #fff;
  opacity: 1;
}
.sf-custom-tabs .nav-tabs > li.active > a:after {
  left: 0%;
  width: 100%;
  background-color: #fff;
}
.sf-custom-tabs .tab-content {
  padding-top: 30px;
}
.sf-custom-new .nav-tabs > li {
  display: inline-block;
}
.sf-custom-new .nav-tabs > li > a {
  display: block;
  color: #000000;
  padding: 15px 0px;
  margin-right: 40px;
}
.sf-provi-art-date {
  width: 100%;
}
.sf-custom-new .nav-tabs {
  border-bottom: 2px solid rgba(0, 0, 0, .2);
}
.sf-custom-new .nav-tabs > li > a {
  color: #000000;
  padding: 15px 0px;
  margin-right: 40px;
}
@media only screen and (max-width:767px) {
  .sf-custom-new .nav-tabs > li > a {
    margin-right:15px;
      font-size: 18px;
  }
}
@media only screen and (max-width:540px) {
  .sf-custom-new .nav-tabs > li {
    display: block;
  }
  .sf-custom-new .nav-tabs > li > a {
    margin-right: 0px;
  }
}
.sf-custom-new .nav-tabs > li.active > a {
  color: #06038D;
}
.sf-custom-new .nav-tabs {
  margin: 0px;
  width: 100%;
}
.sf-custom-new .nav-tabs > li.active > a::after {
  background-color: #06038D;
}
.sf-features-list-new li .features-icon {
  width: 46px;
  height: 46px;
  line-height: 40px;
  text-align: center;
  margin-right: 10px;
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 30px;
  position: absolute;
  left: 0px;
  top: 4px;
}
.sf-rating-outer {
  overflow: hidden;
  margin-bottom: 20px;
}
.sf-rating-outer-border {
  border: 1px solid #ddd;
  padding: 30px 40px 30px 40px;
  border-radius: 10px;
  margin-bottom: 30px;
}
@media only screen and (max-width:360px) {
  .sf-rating-outer-border {
    padding: 5px 10px;
  }
}
.sf-review-rating {
  margin: 0px -5px 30px;
  list-style: none;
}
.sf-review-rating li {
  width: 50%;
  padding: 0px 5px;
  margin-bottom:5px;
}
@media only screen and (max-width:360px) {
  .sf-review-rating li {
    width: 100%; padding: 0px;
  }
}
.sf-review-rating li .sf-ow-pro-rating {
  color: #EF3340;
}
.sf-qes-answer-list {
  list-style: none;
  margin: 0px;
}
.sf-qes-answer-list li {
  margin-bottom: 20px;
}
.sf-qestion-line {
  margin: 0px 0px 10px;
  position: relative;
}
.sf-qestion-line .fa {
  cursor:pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  -webkit-transition: all 0.56s ease;
  -moz-transition: all 0.56s ease;
  -ms-transition: all 0.56s ease;
  -o-transition: all 0.56s ease;
  transition: all 0.56s ease;
}
.sf-answer-line {
  line-height: 1.4;
  display:none;
}
.sf-qes-answer-list .sf-qestion-line.nav-active .fa {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sf-provi-bio-info {
  border: 1px solid #f2f3f4;
  background: #f9f9f9;
  padding: 50px 30px;
  text-align: center;
}
.sf-provi-bio-right {
  padding-left: 50px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .sf-provi-bio-right {
    padding-left: 0px;
        float: none;
  }
}
.sf-provi-social-row {
  padding-top: 30px;
}
.sf-provi-social-row .social-share-icon2 {
  width: auto;
}
@media only screen and (max-width:1200px) {
  .sf-provi-social-row {
    display: block !important;
  }
}
@media only screen and (max-width:991px) {
  .sf-provi-social-row .social-share-icon2 {
    display: block;
  }
}
.sf-provi-qform {
  padding: 40px;
  background: #f8fafe;
  border: 1px solid #ddd;
}
@media only screen and (max-width:767px) {
  .sf-provi-qform {
    padding: 30px;
  }
}
.sf-provi-qform .btn {
  min-width: 250px;
}
.qout-submit-btn {
  margin: 10px 0px 0px;
}
.rounded-sidebar-widget {
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  padding: 30px;
}
#chosenContainer a {
  margin-bottom: 0px !important;
}
.servi-leRi-btn .btn {
  padding:3px 12px; 
    background-color: #06038D; 
    color: #fff;
    margin-right: 2px;
}
.servi-leRi-btn .btn:last-child {
  margin-right: 0px;
}
.side-bar .widget {
  margin-bottom: 20px;
}
.side-bar .widget-title {
  display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height:1;
}
.side-bar .widget-title:before {
  content:""; background:#EF3340; width:5px; display:block; margin-right:10px;
}
@media only screen and (max-width:991px) {
  .side-bar .widget:last-child {
    margin-bottom: 0px;
  }
}
.widget_search_bx button {
  border-left-color: #FFF;
  padding: 9px 20px;
  color: #fff !important;
  background-color: #EF3340;
  border-radius: 0px 20px 20px 0px;
  border: 0px;
  height: 44px;
}
.widget_search_bx .input-group .form-control {
  border-right: 1px solid #EF3340;
  height: 44px;
  border-radius: 20px 0px 0px 20px;
  background-color: #fff;
}
.recent-posts-entry .widget-post {
  margin-bottom: 20px;
}
.recent-posts-entry .widget-post:last-child {
  border: none;
  margin-bottom: 0px;
}
.recent-posts-entry .wt-post-meta li {
  padding: 0;
  display: block;
  font-size: 14px;
}
.recent-posts-entry .wt-post-meta li:last-child {
  margin-bottom: 0px;
}
.recent-posts-entry .wt-post-meta li:after {
  content: "|";
  display: inline-block;
  font-weight: normal;
  margin-left: 5px;
  font-size: 14px;
  margin-right: 5px;
  color: #000;
}
.recent-posts-entry .wt-post-meta li:last-child::after {
  display: none;
}
.recent-posts-entry .wt-post-media {
  width: 68px;
  float: left;
  transition: var(--transition-base);
}
.recent-posts-entry .wt-post-media:hover {
  transform: scale(1.05);
}
.recent-posts-entry .wt-post-media img {
  border-radius: 10px;
  transition: var(--transition-base);
}
.recent-posts-entry .wt-post-media img:hover {
  box-shadow: var(--shadow-md);
}
.recent-posts-entry .wt-post-info {
  margin-left: 88px;
}
.recent-posts-entry .wt-post-info .wt-post-meta ul {
  margin: 0;
  list-style: none;
  padding: 0;
}
.recent-posts-entry .wt-post-info .wt-post-meta ul li {
  font-size: 14px;
  color: #6d6d6d;
}
.recent-posts-entry .wt-post-info .post-title {
  margin-top: 0px;
}
.recent-posts-entry .wt-post-info .post-title a {
  color: var(--color-primary);
  transition: var(--transition-base);
}
.recent-posts-entry .wt-post-info .post-title a:hover {
  color: var(--color-primary-dark);
}
.widget_tag_cloud a {
  padding: 8px 14px;
  overflow: hidden;
  font-size: 16px;
  display: inline-block;
  margin: 0 10px 10px 0px;
  color: #595959;
  position: relative;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  z-index: 1;
  transition: all var(--transition-base);
}
.widget_tag_cloud2 a {
  padding: 3px 10px;
  overflow: hidden;
  font-size: 14px;
  display: inline-block;
  margin: 0 5px 5px 0px;
  color: #595959;
  position: relative;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  z-index: 1;
  transition: all var(--transition-base);
}
.widget_tag_cloud a:before {
  position: absolute;
  content: "";
  right: 100%;
  top: 0px;
  background-color: var(--color-gray-light);
  width: 0%;
  height: 100%;
  z-index: -1;
  transition: all var(--transition-base);
}
.widget_tag_cloud a:hover:before {
  width: 100%;
  right: 0%;
}
.widget_tag_cloud a:hover {
  color: var(--color-secondary);
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}
.widget_social_inks ul {
  list-style: none;
  display: flex;
  margin-bottom: 0px;
}
.widget_social_inks ul li {
  display: block;
}
.widget_social_inks ul li a {
  width: 44px;
  height: 44px;
  line-height: 44px;
  border-radius: 50%;
  display: block;
  margin-right: 8px;
  text-align: center;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}
.widget_social_inks ul li a:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: var(--shadow-md);
}
.fb-1 {
  background-color: #1768d4;
}
.tw-1 {
  background-color: #1ebce9;
}
.pint-1 {
  background-color: #d63127;
}
.in-1 {
  background-color: #1768d4;
}
.sf-blog-style-1 .post-bx {
  background-color: #f9fafd;
  border-radius: 14px;
  border-bottom: 3px solid var(--color-primary);
  margin-bottom: 30px;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}
.sf-blog-style-1 .post-bx:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-lg);
}
.sf-blog-style-1 .post-bx .post-thum {
  border-radius: 20px;
  overflow: hidden;
  transition: var(--transition-base);
}
.sf-blog-style-1 .post-bx .post-thum img {
  transition: var(--transition-slow);
}
.sf-blog-style-1 .post-bx:hover .post-thum img {
  transform: scale(1.05);
}
.sf-blog-style-1 .post-info {
  background: none;
  padding: 30px 30px 15px 30px;
}
.sf-blog-style-1 .post-info .post-categories {
  position: relative;
  margin-top: -46px;
  margin-bottom: 20px;
}
.sf-blog-style-1 .post-info .post-categories a {
  display: inline-block;
  padding: 5px 20px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 10px;
  background-color: var(--color-secondary);
  margin-right: 8px;
  font-size: 14px;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}
.sf-blog-style-1 .post-info .post-categories a:hover {
  background-color: var(--color-secondary-dark);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.sf-blog-style-1 .post-info .post-categories a:last-child {
  margin-right: 0px;
}
.sf-blog-style-1 .post-meta {
  border: 0px;
  padding: 0px;
  margin: 0px;
}
.sf-blog-style-1.blog-post .post-meta ul {
  margin: 0px 0px 10px 0px;
  float: none;
  list-style: none;
}
.sf-blog-style-1 .post-title {
  font-size: 24px;
  transition: var(--transition-base);
}
.sf-blog-style-1 .post-title:hover {
  color: var(--color-primary);
}
.sf-blog-style-1.blog-list.blog-post .post-date {
  width: inherit;
  background: none;
  margin: 0px;
}
.sf-blog-style-1.blog-post .post-date span {
  background: none;
  padding: 0px;
  font-size: inherit;
  display: inherit;
  vertical-align: inherit;
}
.sf-blog-style-1.blog-post .post-meta ul li {
  color: #595959;
  position: relative;
  padding-right: 10px;
  display: inline-block;
}
.sf-blog-style-1.blog-post .post-meta ul li:last-child {
  padding-right: 0px;
}
.sf-blog-style-1.blog-post .post-meta ul li:after {
  content: "|";
  position: absolute;
  right: 0px;
  top: 0px;
}
.sf-blog-style-1.blog-post .post-meta ul li:last-child:after {
  display: none;
}
.sf-blog-style-1.blog-post .post-meta ul li a {
  color: #595959;
}
.sf-blog-style-1.blog-detail .post-bx {
  background-color: transparent;
  border-radius: 0px;
  border-bottom: 0px;
  margin-bottom: 30px;
}
.sf-blog-style-1.blog-detail.blog-post .post-date {
  width: inherit;
  background: none;
  margin: 0px;
}
.sf-blog-style-1.blog-detail .post-info {
  padding: 30px 0px 0px;
}
blockquote {
  margin: 30px 0px;
}
.sf-blog-style-1.blog-detail blockquote {
  background-color: #f0f0fb;
  border-radius: 20px;
  border-left: 3px solid #06038D;
  padding: 30px;
}
.sf-blog-style-1.blog-detail blockquote:before {
  display: none;
}
.sf-blog-style-1.blog-detail blockquote h4 {
  font-size: 24px;
  margin-top: 0px;
  margin-bottom: 15px;
}
.blog-detail .sf-con-social {
  margin: 0px;
}
.blog-detail .sf-con-social li {
  margin-bottom: 30px;
}
.sf-con-social {
  margin: 0px;
}
.sf-con-social li {
  display: inline-block;
  margin-right: 20px;
}
.sf-con-social li:last-child {
  margin-right: 0px;
}
.sf-con-social li a {
  display: block;
  border-radius: 8px;
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  padding: 12px 40px;
}
.sf-con-social li a img {
  padding-right: 5px;
}
.sf-con-social li a.sf-fb {
  background-color: #1768d4;
}
.sf-con-social li a.sf-twitter {
  background-color: #1ebce9;
}
.sf-con-social li a.sf-pinterest {
  background-color: #d63127;
}
.sf-con-social-pic span {
  display: inline-block;
  border-radius: 50%;
  border: 3px solid #EF3340;
  overflow: hidden;
}
@media only screen and (max-width:767px) {
  .sf-con-social-pic {
    display: none;
  }
}
.comments-area {
  padding: 0;
  clear: both;
}
ol.comment-list {
  list-style: none;
  margin: 0;
}
ol.comment-list li.comment {
  position: relative;
  padding: 0;
}
ol.comment-list li.comment .comment-body {
  position: relative;
  padding: 15px 20px;
  margin-bottom: 40px;
  margin-left: 80px;
  position: relative;
  border: 1px solid #e9e9e9;
}
ol.comment-list li.comment .comment-body:before,
ol.comment-list li.comment .comment-body:after {
  content: "";
  position: absolute;
  top: 20px;
  width: 0;
  height: 0;
  border-width: 10px 12px 10px 0;
  border-style: solid;
}
ol.comment-list li.comment .comment-body:before {
  border-color: transparent #fff transparent #fff;
  z-index: 1;
  left: -12px;
  top: 22px;
}
ol.comment-list li.comment .comment-body:after {
  border-color: transparent #e9e9e9 transparent #e9e9e9;
  border-width: 12px 14px 12px 0;
  left: -14px;
}
ol.comment-list li.comment .comment-author {
  display: block;
  margin-bottom: 5px;
}
ol.comment-list li.comment .comment-author .avatar {
  position: absolute;
  top: 0;
  left: -80px;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  border: 2px solid #FFF;
}
ol.comment-list li.comment .comment-author .fn {
  display: inline-block;
  color: #555555;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  font-style: normal;
}
ol.comment-list li.comment p {
  margin: 0 0 5px;
}
ol.comment-list li .children {
  list-style: none;
  margin-left: 80px;
}
ol.comment-list li .children li {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  ol.comment-list li.comment .comment-body {
    margin-bottom: 30px;
      margin-left: 70px;
  }
  ol.comment-list li.comment .comment-author .avatar {
    left: -75px;
      height: 60px;
      width: 60px;
  }
  ol.comment-list li .children {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 480px) {
  ol.comment-list li.comment .comment-body {
    margin-left: 52px;
  }
  ol.comment-list li.comment .comment-author .avatar {
    left: -55px;
      top: 12px;
      width: 40px;
      height: 40px;
  }
}
.comments-area p:before {
  font-family: "FontAwesome";
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 0;
  font-size: 16px;
  color: #ccc;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e1e1e1;
  text-align: center;
}
.sf-vender-list-wrap {
  margin-bottom: 30px;
}
.sf-vender-list-box {
  background-color: #fff;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.sf-vender-list-wrap {
  position: relative;
  z-index: 1;
}
.sf-vender-list-wrap:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: #06038D;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 30px;
}
.sf-vender-list-pic {
  width: 220px;
  min-height: 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.sf-vender-pic-link {
  width: 100%; height: 100%; display: block;
}
.sf-vender-list-info {
  width: calc(100% - 220px);
  padding: 30px;
  position: relative;
}
@media only screen and (max-width:1400px) {
  .aon-vender-list-wrap-outer [class*="col-"] {
    min-width:100%;
  }
}
@media only screen and (max-width:1200px) {
  .sf-vender-list-pic {
    width: 100%; min-height: 280px;
  }
  .sf-vender-list-info {
    width: 100%;
  }
}
@media only screen and (max-width:575px) {
  .sf-vender-list-box {
    display: block !important;
  }
}
@media only screen and (max-width:420px) {
  .sf-vender-list-pic {
    min-height: 200px;
  }
}
.sf-vender-list-info .sf-venders-title {
  margin-bottom: 15px;
}
.sf-vender-list-info .sf-venders-address .fa {
  margin-right: 5px;
}
.sf-vender-list-info .sf-ow-pro-rating {
  line-height: 1;
  margin: 10px 0px 15px;
}
.sf-vender-list-info .sf-pro-check {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  display: none;
}
.sf-vender-list-info .sf-pro-check span {
  text-align: center;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  background-color: #EF3340;
  color: #000;
  font-size: 14px;
  border-radius: 50%;
}
.sf-vender-list-info .sf-pro-favorite {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  margin-right: 10px;
}
.sf-vender-list-info .sf-pro-favorite a {
  font-size: 26px;
  color: #EF3340;
}
.sf-vender-list-info .sf-ow-pro-rating span {
  display: inline-block;
  padding-right: 2px;
  color: #EF3340;
  font-size: 16px;
}
.action-dropdown .action-button {
  color: #06038D;
  outline: none;
  border: none;
  padding: 5px 10px;
  background: none;
  color: #333;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.action-dropdown .action-button:after {
  display: none;
}
.action-dropdown .action-button:focus {
  color: #06038D;
}
.action-dropdown .dropdown-menu {
  border: none;
  padding: 5px 0px;
  margin-top: 12px;
  left: auto;
  right: 100%;
  margin-right: -50px;
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
  box-shadow: var(--shadow-lg);
  border-radius: 8px;
  transition: all var(--transition-base);
  opacity: 0;
  transform: translateY(-10px);
}
.action-dropdown.show .dropdown-menu {
  opacity: 1;
  transform: translateY(0);
}
.action-dropdown .dropdown-menu:after {
  content: "";
  position: absolute;
  top: -7px;
  right: 25px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
}
.action-dropdown .dropdown-menu > li > a {
  padding: 5px 15px;
  font-family: "Poppins";
  font-size: 12px;
  color: #99a3aa;
  transition: all var(--transition-base);
}
.action-dropdown .dropdown-menu > li > a i {
  margin-right: 5px;
  font-size: 16px;
  vertical-align: middle;
  color: #293742;
  transition: var(--transition-base);
}
.action-dropdown .dropdown-menu > li > a:hover {
  background: var(--color-primary);
  color: #fff;
  transform: translateX(5px);
  padding-left: 20px;
}
.action-dropdown .dropdown-menu > li > a:hover i {
  color: #fff;
  transform: scale(1.2);
}
.action-dropdown.dropdown-left {
  width: auto;
  position: absolute;
  top: 25px;
  right: 20px;
}
.action-dropdown.dropdown-left .fa {
  vertical-align: middle;
}
.action-dropdown.dropdown-left .dropdown-menu {
  top: 5px !important;
  margin: 0 10px 0 0;
  right: 25px;
  left: auto !important;
  transform: none !important;
  white-space:nowrap;
}
.action-dropdown .dropdown-menu:after {
  top: 10px;
  right: -14px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #fff;
}
.sf-search-sortby {
  margin: 0 -3px;
  list-style: none;
  display: inline-block;
}
.sf-search-sortby > li {
  float: left;
  width: auto;
  padding: 0 3px;
}
.sf-search-sortby > li .bootstrap-select {
  width: 100% !important;
}
.sf-search-sortby > li .bootstrap-select .dropdown-toggle {
  padding-left: 10px;
  padding-right: 20px;
}
.aon-page-benner-area2 {
  background-color: #f2f5fa;
  text-align: center;
  padding: 80px 30px;
}
.aon-all-categories-wrap2 {
  padding: 90px 0px 60px;
}
@media only screen and (max-width:768px) {
  .aon-all-categories-wrap2 {
    padding: 30px 0px 30px;
  }
}
.aon-all-cat-block {
  position: relative;
  background-position: center center;
  background-size: cover;
  height: 440px;
  border-radius: 30px;
  margin-bottom: 30px;
  margin-right: 20px;
}
.aon-all-cat-block .aon-cat-quantity {
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 1;
}
.aon-all-cat-block .aon-cat-quantity span {
  width: 75px;
  height: 75px;
  line-height: 75px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  display: block;
  font-size: 30px;
  color: #06038D;
  position: relative;
  z-index: 1;
  box-shadow: 7px 7px #EF3340;
}
.aon-all-cat-block .aon-cat-quantity span i {
  font-style: normal;
}
.aon-all-cat-block .aon-cat-name {
  position: absolute;
  right: -20px;
  bottom: 30px;
}
.aon-all-cat-block .aon-cat-name a {
  font-size: 18px;
  color: #000;
  background-color: #fff;
  padding: 12px 20px;
  border-radius: 6px;
  box-shadow: 4px 0px #073088;
}
.sf-search-bar-panel {
  position: fixed;
  overflow: auto;
  left: 0px;
  bottom: 0;
  width: 100%;
  max-width: 450px;
  height: calc(100vh - 90px);
  padding: 0px;
  background-color: #fff;
  z-index: 99;
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media only screen and (max-width:767px) {
  .sf-search-bar-panel {
    height: calc(100vh - 70px);
  }
}
.sf-search-bar-panel .slider.slider-horizontal {
  width: 100%;
}
.sf-search-bar-panel .sf-search-title label {
  font-weight:700;
  font-size: 18px;
  color: #06038D;
}
.sf-search-icon {
  width: 20px;
  display: block;
  float: right;
}
.sf-searchbar-box {
  padding: 0px 30px 30px;
}
.sf-searchbar-area {
  list-style: none;
  margin: 0px 0px 30px;
}
.sf-searchbar-area > li {
  padding: 30px 0px;
  border-bottom: 1px solid #ddd;
}
.sf-searchbar-area > li:after {
  content: "";
  clear: both;
  display: block;
}
.sf-searchbar-area .slider.slider-horizontal .slider-track {
  height: 6px;
  background: #EF3340;
}
.sf-searchbar-area .slider.slider-horizontal .slider-selection {
  background: #EF3340;
}
.sf-searchbar-area .slider.slider-horizontal .slider-handle {
  background: #06038D;
  top: -2px;
}
.sf-searchbar-area .slider .tooltip.top {
  margin-top: -40px;
}
.sf-searchbar-area .tooltip .tooltip-inner {
  padding:5px 10px 6px;
  border-radius: 10px;
 line-height:1.2;
}
.sf-searchbar-box .sf-search-btn {
  display: block;
  width: 100%;
  height: 54px;
  border-radius: 20px;
  font-size: 20px;
}
.aon-search-result-area {
  margin-left: 450px;
  padding: 30px;
  min-height: 100vh;
  margin-top: 0px;
  background-color:#f9f6ff;
  position: relative;
}
.sf-search-result-top {
  margin-bottom: 20px;
  align-items: center;
}
@media only screen and (max-width:1600px) {
  .sf-search-result-top {
    margin-bottom:0px;
  }
}
.aon-search-result-area .aon-ow-provider-wrap {
  margin-left: 15px;
}
.search-filtter-btn {
  display:none;
}
.view-map-btn {
  display:none;
}
.active-search-filter .sf-seach-vertical {
  left:0px; -webkit-box-shadow:30px 30px 30px 10px rgba(0,0,0,0.1); box-shadow:30px 30px 30px 10px rgba(0,0,0,0.1);
}
.aon-search-right-close {
  display:none; width: 24px; height: 24px; line-height:24px; text-align:center; cursor:pointer; background: red; color: #fff; position: absolute; top: 30px; right: 30px; z-index: 10;
}
.aon-search-right-close i {
  color: #fff;
}
.sf-search-vbar-panel-close {
  display:none; width: 24px; height: 24px; line-height:24px; text-align:center; cursor:pointer; background: red; color: #fff; position:fixed; top:0%; left:-30px; z-index: 10; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}
.sf-search-vbar-panel-close i {
  color: #fff;
}
@media only screen and (max-width:1600px) {
  .sf-seach-panel-close {
    top: 0px; right: 70px;
  }
}
@media only screen and (max-width:1440px) {
  .sf-search-bar-panel {
    max-width: 350px;
  }
  .sf-vender-list-info {
    padding: 25px;
  }
}
@media only screen and (max-width:1350px) {
  .view-map-btn {
    display:block;
  }
  .aon-search-right-close {
    display:block;
  }
}
@media only screen and (max-width:991px) {
  .page-content.active-search-filter {
    position:relative;
  }
  .active-search-filter .sf-search-vbar-panel-close {
    display:block; left:350px; top:90px;
  }
  .search-filtter-btn {
    display:block;
  }
}
@media only screen and (max-width:991px) {
  .sf-search-bar-panel {
    left:-100%;
  }
  .active-searchbar .sf-search-bar-panel {
    left:0%;
  }
  .active-vs-bar .sf-search-bar-panel {
    left:0%; -webkit-box-shadow: 30px 30px 30px 10px rgba(0,0,0,0.1); box-shadow: 30px 30px 30px 10px rgba(0,0,0,0.1);
  }
  .active-vs-bar .search-filter-btn {
    position: fixed; top: 90px; left: 350px; font-size: 0px; width: 24px; height: 24px; background: #f23e3e; color: #fff; z-index: 9999; padding: 0px;
  border-radius: 0px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
  }
  .active-vs-bar .search-filter-btn i {
    font-size:16px;display: block; padding:0px;
  }
  .active-vs-bar .search-filter-btn i:before {
    content: "";
  }
}
@media only screen and (max-width:767px) {
  .active-vs-bar .search-filter-btn {
    top:70px;
  }
}
@media only screen and (max-width:480px) {
  .active-vs-bar .search-filter-btn {
    left:280px;
  }
  .active-search-filter .sf-search-vbar-panel-close {
    left:280px;
  }
}
.sf-seach-panel-close {
  position: absolute;
  top: 0px;
  right: -30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  line-height: 30px;
  text-align: center;
  background: #EF3340;
  color: #fff;
}
.sf-search-result-option {
  padding: 20px 0px;
}
@media only screen and (max-width:1600px) {
  .sf-seach-panel-close {
    right:70px;
  }
}
@media only screen and (max-width:1600px) {
  .sf-search-bar-panel {
    max-width: 350px;
  }
  .aon-search-result-area {
    margin-left: 350px;
  }
}
@media only screen and (max-width:991px) {
  .aon-search-result-area {
    margin-left: 0px;
  }
}
@media only screen and (max-width:480px) {
  .sf-search-bar-panel {
    max-width: 280px;
  }
  .sf-seach-panel-close {
    right: 140px;
  }
}
@media only screen and (max-width:1200px) {
  .aon-howit-arrow::after,
  .aon-howit-arrow::before {
    display: none;
  }
}
@media only screen and (max-width:1200px) {
  .aon-why-choose2-line {
    margin-left:0px;
  }
}
@media only screen and (max-width:757px) {
  .aon-why-choose2-box {
    padding:30px;
  }
}
#header-admin {
  width:100%; height:70px; background-color:#fff;	border-bottom:1px solid #e8edf1; position:fixed;	top:0;	right:0;	z-index:99; -webkit-transition:all 0.3s; -moz-transition: all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; box-shadow:0 5px 10px 0px rgba(0, 0, 0, 0.05); z-index:1000;
}
#header-admin .container {
  width:100%; max-width:100%;	padding-left:20px;	padding-right:20px;
}
#header-admin.active {
  width:calc(100%);
}
#sidebar-admin-wraper {
  width: 250px; position: fixed; bottom: 0; left: 0; height:100vh; z-index:999; background:#fff; border-right:1px solid #e8edf1;  color: #fff; transition: all 0.3s; padding-top:70px;
}
#sidebar-admin-wraper.active {
  margin-left: -250px;
}
#content {
  width: calc(100% - 250px);  padding-top:70px;  min-height: 100vh;  transition: all 0.3s;  position: absolute;   top: 0;  right: 0;  background-color:#f7fafc;
}
#content.active {
  width: 100%;
}
@media (max-width:991px) {
  #header-admin .container {
    width:100%; max-width:100%;	padding-left:10px;	padding-right:10px;
  }
}
@media (max-width: 768px) {
  #sidebar-admin-wraper {
    margin-left: -250px;
  }
  #sidebar-admin-wraper.active {
    margin-left: 0;
  }
  #content {
    width: 100%;
  }
  #content.active {
    width: calc(100% - 250px);
  }
  #header-admin {
    width:calc(100%);
  }
  #header-admin.active {
    width: calc(100% - 0px);
  }
}
.header-left {
  float:left; display:flex; display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center ; align-items: center ;
}
.header-right {
  float:right; display:flex; display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center ; align-items: center ;
}
.header-left,
.header-right {
  height:70px;
}
.header-widget-wrap {
  margin:0px; display: -ms-flexbox; display: flex; -ms-flex-align: center ; align-items: center;
}
.header-widget-wrap > .header-widget {
  display:inline-flex; border-left:1px solid #ddd; position:relative; cursor:pointer; -ms-flex-align: center ; align-items: center ;
}
.header-widget-wrap .dropdown-menu {
  width:350px; min-width:350px; top:60px; left:auto; right:-15px; padding:0;
}
.header-widget-wrap .dropdown-menu ul {
  list-style:none;
}
.header-widget-wrap .dropdown-menu ul > li {
  position:relative; clear:both; background-color:#f7f7f7; margin:0 10px 10px 10px; border-radius:5px; -webkit-border-radius:5px;
}
.header-widget-wrap .dropdown-menu ul > li > a {
  display:block; padding:10px 75px 10px 10px; color:#777; font-size:12px;
}
.header-widget-wrap .dropdown-menu ul > li a:after {
  content:""; display:table; clear:both;
}
.header-widget-wrap .dropdown-menu ul > li > a:hover {
  color:#000;
}
.aon-admin-messange,
.aon-admin-notification {
  position:relative; color:#999; font-size:24px; width:70px; height:69px; line-height:70px; text-align:center; border-bottom:1px solid #e8edf1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.aon-admin-messange:hover,
.aon-admin-notification:hover {
  background-color:#f0f4f7;
}
.aon-admin-messange span,
.aon-admin-notification span {
  position: absolute; top:15px; right:12px; width:16px; height:16px; color: #fff; font-size: 10px; text-align: center; line-height: 16px; -webkit-border-radius: 100%;    border-radius: 100%; font-weight: bold; font-family: Arial;
}
.aon-admin-messange span {
  background-color:#00E6E6;
}
.aon-admin-notification span {
  background-color:#F04F53;
}
.feather-user-pic {
  width: 34px !important; height: 34px !important; border-radius: 30px; overflow: hidden;
}
.feather-user-pic img {
  width: 100% !important;  
    height: 100% !important; 
    object-fit: cover;       
    display: block !important;
}
@media only screen and (max-width:650px) {
  .aon-admin-messange,
  .aon-admin-notification {
    font-size: 18px; width: 50px;
  }
  .feather-user-pic {
    width:28px !important; height: 28px !important;
  }
}
.my-account-logo {
  padding:15px 5px; width:215px; transition: var(--transition-base);
}
.my-account-logo:hover {
  transform: scale(1.02);
}
.my-account-logo img {
  height:40px; transition: var(--transition-base);
}
@media only screen and (max-width:650px) {
  .my-account-logo {
    width: auto;
  }
}
#content.active {
  overflow:hidden;
}
#header-admin.active .container,
#content.active .content-admin-main {
  min-width:480px;
}
@media only screen and (max-width:480px) {
  #header-admin.active .container {
    min-width:100%;
  }
}
.has-child .submenu-toogle {
  position:absolute;    right:10px;    top:10px;    color:#fff;  z-index:1;    cursor:pointer;    padding:7px;    font-size:16px;    display:none;
}
.has-child li .submenu-toogle {
  opacity:0.9;
}
.admin-nav {
  max-height:calc(100vh - 150px);
}
.admin-nav ul {
  list-style:none; margin:0;
}
.admin-nav ul li {
  float:none;
}
.admin-nav ul > li > a {
  padding:20px 25px; font-size:14px; font-weight:500; color: #3e556b; position:relative; display:block; text-transform:uppercase; border-top:1px solid #fff; border-bottom:1px solid #fff; transition: all var(--transition-base);
}
.admin-nav ul li a > i {
  font-size:18px; margin-right:10px; color:var(--color-primary); vertical-align: middle; transition: var(--transition-base);
}
.admin-nav ul > li.active > a {
  color: #3e556b; background-color:#f7fafc; border-top:1px solid #e9eef1; border-bottom:1px solid #e9eef1;
}
.admin-nav ul > li.active > a:after {
  content:""; position:absolute; top:20%; left:0px; width:4px; height:60%; background-color:var(--color-primary); transition: var(--transition-base);
}
.admin-nav ul > li:hover > a {
  color: #3e556b; background-color:#f7fafc; border-top:1px solid #e9eef1; border-bottom:1px solid #e9eef1; transform: translateX(5px);
}
.admin-nav ul > li:hover > a:after {
  content:""; position:absolute; top:20%; left:0px; width:4px; height:60%; background-color:var(--color-primary);
}
.admin-nav ul > li > a:hover,
.admin-nav ul > li > a:active,
.admin-nav ul > li > a:focus {
  background-color:rgba(0,0,0,0.1); text-decoration: none;
}
.admin-nav ul  li .sub-menu > li a {
  padding-left:65px;
}
.admin-nav ul  li .sub-menu > li a > i {
  font-size:20px;
}
.admin-nav ul > li ul,
.admin-nav ul > li .sub-menu {
  display: none; position: static;	visibility: visible;	width:auto;	background-color:rgba(0,0,0,0.1)
}
.admin-nav ul li.has-child {
  position:relative;
}
.admin-nav ul li .sub-menu {
  opacity:1; margin:0 !important;
}
.has-child .submenu-toogle {
  display:block;
}
.content-admin-wraper {
  float:left;width:100%;	position:relative;	z-index:1
}
.content-admin-area {
  margin-left: 240px;  padding:70px 0 0;	background-color:#F6F6FA; min-height:100vh;
}
.content-admin-main {
  padding:30px;
}
.content-admin-main h2 {
  font-size:36px;
}
@media only screen and (max-width:991px) {
  .content-admin-main {
    padding:15px;
  }
}
.content-admin-main .panel {
  box-shadow:0 0 12px 0 rgba(0,0,0,.06); -webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.06);
}
.content-admin-main textarea.form-control {
  height:auto;
}
.aon-card {
  border:1px solid #e6ebf1; margin-bottom:30px; transition: all var(--transition-base); box-shadow: var(--shadow-sm);
}
.aon-card:hover {
  box-shadow: var(--shadow-md); transform: translateY(-3px);
}
.aon-card:last-child {
  margin-bottom:0px;
}
.aon-card-header {
  background-color:#fff; padding:30px 30px 30px; transition: var(--transition-base);
}
.aon-card-header2 {
  padding:30px 30px 0px; border-bottom:none;
}
.aon-card-header h4 {
  margin:0px; transition: var(--transition-base);
}
.aon-card-header h4:hover {
  color: var(--color-primary);
}
.aon-card-body {
  padding:30px;
}
.aon-card-body-signup {
  padding:15px;
	max-width:500px;
}
@media only screen and (max-width:991px) {
  .content-admin-main {
    padding:15px !important;
  }
  .aon-card-body {
    padding:15px;
  }
}
.aon-inputicon-box .error {
  position: relative;
	border: 2px solid red;
	background-color: pink;
}
.aon-inputicon-box {
  position: relative;
}
.aon-inputicon-box .form-control {
  padding-left: 35px;
}
.aon-inputicon-box .aon-input-icon {
  position: absolute; left: 0; top: 0; width: 40px; height:50px;  z-index: 5;  line-height: 50px;  text-align: center;
}
.content-admin-main .aon-inputicon-box .aon-input-icon {
  color:#06038D;
}
.content-admin-main .form-control {
  background-color:#f7fafc; border-color:#e8edf1; box-shadow:none; -webkit-box-shadow:none; border-radius:5px;
}
.content-admin-main .form-control:focus {
  background: #fff; box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
}
.content-admin-main .bootstrap-select .dropdown-toggle {
  margin-bottom: 10px; background-color:#f7fafc !important; border-color:#e8edf1 !important; box-shadow:none; -webkit-box-shadow:none; border-radius:5px; padding: 10px 12px; height: 50px;
}
.content-admin-main .bootstrap-select .dropdown-toggle {
  background-color:#f7fafc !important; border-color:#e8edf1 !important; box-shadow:none; -webkit-box-shadow:none; border-radius:5px; padding: 10px 12px; height: 50px;
}
.content-admin-main .bootstrap-select .dropdown-toggle:focus {
  background: #fff; box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
}
.editer-textarea textarea {
  border:1px solid #ddd; height:120px; border-radius:0; -webkit-border-radius:0
}
.admin-button {
  color:#fff; padding:10px 20px; display:inline-block; font-size:14px; font-weight:600; 	outline: none; cursor: pointer; outline: none; 	border-width:0; border-style:solid;
	border-color:transparent; line-height:1.42857; text-transform:uppercase;	text-decoration:none; border-radius:5px; 	-webkit-border-radius:5px;
}
.admin-button {
  background-color:#EF3340; color: #000;
}
.admin-button:active,
.admin-button:hover,
.admin-button:focus,
.active > .admin-button {
  background-color:#EF3340;
}
.aon-staff-avtar {
  border-radius:5px; overflow:hidden;
}
@media only screen and (max-width:1200px) {
  .aon-staff-avtar {
    margin-bottom:30px;
  }
}
.pro-my-account-wrap {
  color:#999; border-bottom:1px solid #ddd; padding:15px 30px;
}
.pro-pic-info-wrap .pro-pic-box {
  width:45px; height:45px; float:left; border-radius:50px; overflow:hidden; margin-right:15px;
}
.pro-pic-info-wrap strong {
  display:block; color:#06038D; line-height:1.4;
}
.pro-pic-info-wrap span {
  display:block; color:#777; line-height:1; font-size:14px;
}
.aon-admin-heading {
  border-bottom:1px solid #ddd; margin-bottom:30px;
}
@media only screen and (max-width:991px) {
  .admin-area-heading strong {
    display: block;
  }
}
.ws-toggle-popup {
  width: 410px;
	top: 60px;
	left: auto;
	right: -15px;
	padding: 0;
	margin-top:50px;

	position: absolute;
	z-index: 1000;
	float: left;
	opacity:0;
	
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow:0 0 15px 12px rgba(0,0,0,0.1);
	box-shadow:0 0 15px 12px rgba(0,0,0,0.1);
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.header-widget {
  overflow:hidden;
}
.header-widget.active {
  overflow:visible;
}
.header-widget.active .ws-toggle-popup {
  display: block;
	margin-top:0px;
	opacity:1;
	overflow:hidden;
}
.ws-toggle-popup:before {
  content: "";
    position: absolute;
    top: -8px;
    right: 25px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}
.popup-tabs-wrap-section {
  width: 410px; right:0px;
}
.popup-tabs .nav-tabs {
  padding:0px; border:none; margin:0px -7px;
}
.popup-tabs ul > li {
  clear:inherit !important
}
.popup-tabs .nav-tabs .nav-item {
  position: relative; background: none;
}
.popup-tabs .nav-tabs .nav-item .nav-link.active {
  border: 0px; color: #fff; background:#06038D;
}
.popup-tabs .nav-tabs > li > a {
  border: 0px;
}
.popup-tabs .nav-tabs > li > a:hover {
  background:#f7fafc; color:#06038D;
}
.popup-tabs .nav-tabs > li > a:focus {
  background:#f7fafc; color:#06038D;
}
.popup-tabs .nav-tabs .nav-item {
  margin: 0px 0px 15px 0px; padding:0px 7px
}
.popup-tabs .nav-tabs .nav-item:last-child {
  margin-right: 0px;
}
.popup-tabs .nav-tabs .nav-link {
  color: #293742; padding: 10px 5px 10px 5px; display: inline-flex; border-radius:5px; border: 1px solid #ddd;
}
.popup-tabs .nav-tabs .nav-link::after {
  height: 2px; background: #38aef8;
}
.popup-tabs .nav-tabs .nav-link {
  display: block; font-size: 14px; color: #8494a4; display: block; font-family: "Poppins", sans-serif;
}
.ws-poptab-list {
  padding: 15px 20px;	border-bottom: 1px solid #ddd;	position: relative;
}
.ws-poptab-list:last-child {
  border-bottom:none;
}
.ws-poptab-media {
  position:absolute; left: 15px; top: 15px; width: 44px; margin-right: 10px;
}
.ws-poptab-media img {
  width: 44px; height: 44px; border-radius:100%; height:100%;
}
.ws-poptab-info {
  padding: 0px 10px 0px 55px;
}
.ws-poptab-info strong {
  color:#222;
}
.ws-poptab-info p {
  margin-bottom:0px;
}
.ws-poptab-info .ws-time-duration {
  color: #06038D; position: absolute; top: 12px; right: 20px; font-size: 14px;
}
@media only screen and (max-width:1200px) {
  .ws-toggle-popup {
    width:300px; margin-right:-50px;
  }
  .ws-toggle-popup::before {
    right: 70px;
  }
  .ws-poptab-info {
    padding: 0px 0px 0px 45px; font-size:12px;
  }
  .ws-poptab-info .btn.btn-sm {
    padding: 3px 5px; font-size: 10px; line-height: 14px;
  }
  .ws-poptab-media {
    width: 40px; height:40px;
  }
  .ws-poptab-media img {
    width: 40px;  height: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .popup-notifica-msg.ws-toggle-popup {
    width: 280px; margin-right: -100px;
  }
}
@media only screen and (max-width:480px) {
  .header-widget-wrap > .header-widget:nth-child(2) .ws-toggle-popup {
    left: -80px;
  }
  .header-widget-wrap > .header-widget:nth-child(2) .ws-toggle-popup.ws-toggle-popup::before {
    left:90px; right:auto;
  }
  .header-widget-wrap > .header-widget:nth-child(3) .ws-toggle-popup {
    left: auto; right: 50px; width: 200px;
  }
  .header-widget-wrap > .header-widget:nth-child(3) .ws-toggle-popup.ws-toggle-popup::before {
    left:110px; right:auto;
  }
  .header-widget-wrap > .header-widget:nth-child(4) .ws-toggle-popup {
    right:-80px;
  }
  .header-widget-wrap > .header-widget:nth-child(4) .ws-toggle-popup.ws-toggle-popup::before {
    right:136px;
  }
}
.aon-admin-search-box {
  margin-left:20px;
}
.aon-admin-search {
  position:relative;
}
.aon-admin-search .form-control {
  border-radius:30px; height:36px; background:#eaeef1; min-width:250px;
}
.aon-admin-search .form-control:focus {
  box-shadow:none;
}
.aon-admin-search .admin-search-btn {
  position:absolute; top:5px; right:5px; border:none; background:none; outline:none;
}
@media only screen and (max-width:1200px) {
  .aon-admin-search .form-control {
    min-width:180px;
  }
}
@media only screen and (max-width:767px) {
  .aon-admin-search-box {
    display:none;
  }
}
.user-welcome-area {
  padding:0px; background:#fff; width:220px; overflow:hidden;
}
.user-welcome-list {
  list-style:none; margin:0px;
}
.user-welcome-list li {
  padding:8px 20px; border-bottom:1px solid #f0f2f3; font-size:14px;
}
.user-welcome-list li:last-child {
  border-bottom:none; background:#06038D;
}
.user-welcome-list li:last-child a {
  background:#06038D; color:#fff;
}
.popup-notifica-msg {
  padding:15px; background:#fff;
}
.ws-poptab-list-wrap {
  border:1px solid #ddd; margin-bottom:15px;
}
.ws-poptab-all a {
  border: 0px; color: #fff; background: #06038D; display:block; padding:10px 20px; border-radius:5px;
}
.admin-area-mid {
  position:relative;
}
.admin-area-heading {
  cursor:pointer;
}
.admin-area-heading strong {
  font-weight:normal; color:#06038D;
}
.admin-area-heading strong .fa {
  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}
.active-plan .admin-area-heading strong .fa {
  -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.aon-provi-tabs {
  background-color:#fff; border-radius:5px; padding:0; font-size:14px; border:1px solid #ddd; margin-bottom:30px;
}
.aon-provi-links {
  list-style: none; margin: 0; display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -1px; margin-bottom: -1px;
}
.aon-provi-links li {
  border-right:1px solid #ddd;
}
.aon-provi-links li a {
  padding:12px 15px; display:block;
}
.aon-provi-links li a:hover {
  background:#06038D; color:#fff;
}
.notification-scroll {
  height:208px;
}
@media only screen and (max-width:1600px) {
  .notification-scroll {
    height:180px;
  }
}
@media only screen and (max-width:1430px) {
  .aon-provi-links li {
    width:16.666%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align:center;
  }
}
@media only screen and (max-width:1200px) {
  .aon-provi-links li {
    width:25%;
  }
}
@media only screen and (max-width:767px) {
  .aon-provi-left {
    width:100%;
  }
  .aon-provi-links {
    margin:-1px;
  }
  .aon-provi-links li {
    border-bottom: 1px solid #ddd; width: 33.333%; border-right: 1px solid #ddd; text-align: center;
  }
}
@media only screen and (max-width:420px) {
  .admin-area-mid {
    width: 100%; padding-bottom: 15px; border-bottom: 1px solid #dddd; margin-bottom: 15px;
  }
  .aon-provi-links li {
    width:50%;
  }
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}
.add-more-btn {
  margin-bottom:20px;outline: 0px !important;
}
.active .add-more-btn .fa:before {
  content:"";
}
.text-white {
  color:#fff;
}
.text-gray {
  color:#f5f6f6;
}
.header-toltip {
  position: absolute;
    top: 80% !important;
    left: 50%;
    white-space: nowrap;  
    background: #06038D !important;
    display: table;
    padding: 5px 10px !important;
    font-size: 11px !important;
    color: #fff !important;
    border-radius: 3px !important;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    letter-spacing: 0.5px;
    -webkit-transition: opacity 0.5s ease, top 0.5s ease;
    -moz-transition: opacity 0.5s ease, top 0.5s ease;
    -ms-transition: opacity 0.5s ease, top 0.5s ease;
    -o-transition: opacity 0.5s ease, top 0.5s ease;
    transition: opacity 0.5s ease, top 0.5s ease;
    font-family: "arial";
    font-weight: 600 !important;
    line-height: 16px !important;
    z-index: 9999 !important;
    pointer-events: none;
}
.has-toltip:hover {
  overflow: visible !important;
    position: relative;
}
.has-toltip:hover .header-toltip {
  opacity: 1 !important;
    visibility: visible !important;
    top: 120% !important;
    pointer-events: auto;
}
@media (max-width: 576px) {
  .header-toltip {
    white-space: normal;  
          max-width: 90vw;      
          left: 5%;             
          transform: translateX(0);  
          text-align: left;
  }
  .has-toltip:hover .header-toltip {
    top: 100% !important;
  }
}
.header-menu {
  margin-right:30px;
}
.header-menu  .navbar-toggler {
  display:none;
}
.header-menu  .nav > li {
  padding:0px;
}
.header-menu  .header-nav .nav > li > a {
  padding:20px 10px; font-size:14px;
}
.admin-nav-label {
  background:#EF3340; padding: 4px 8px; margin-left: 10px; box-shadow: 0 5px 5px rgba(0,0,0,0.13); color: #fff; border-radius: 4px; text-align: center; font-weight: 100; font-size: 10px;
}
.sf-radio-check-2 {
  border: 1px solid #e8edf1; padding: 15px 15px; border-radius: 35px; background: #f7fafc; width: calc(50% - 30px)
}
.sf-radio-check-2 label {
  margin:0px;
}
@media only screen and (max-width:1200px) {
  .header-menu {
    display:none;
  }
}
@media only screen and (max-width:540px) {
  .sf-radio-check-2 {
    width: 100%;
  }
}
.sf-select-box.form-control {
  background-color:#f7fafc; border-color:#e8edf1; box-shadow:none; -webkit-box-shadow:none; border-radius:5px; height: 50px;
}
.sf-select-box.form-control:focus {
  background: #fff; box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
}
.bootstrap-select.sf-select-box .dropdown-toggle {
  background-color: #fff !important;height: 50px;
}
.sf-custom-tabs .nav-tabs > li > a.active {
  position: relative; opacity: 1;
}
.sf-custom-tabs .nav-tabs > li > a.active:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0%;
  width: 100%;
  background-color:#06038D ;
  height: 2px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sf-custom-tabs .nav-tabs > li > a.active {
  color: #06038D;
  opacity: 1;
}
.sf-custom-tabs .nav-tabs > li > a.active:after {
  left: 0%;
  width: 100%;
  background-color: #06038D;
}
.sf-bd-data-tb-head {
  margin-bottom: 30px; text-align: right;
}
.dropzone {
  min-height: 150px;
    border: 2px dashed var(--color-primary);
    background: white;
    transition: all var(--transition-base);
    border-radius: 10px;
}
.dropzone:hover {
  background-color: #f7fafc;
    border-color: var(--color-secondary);
    box-shadow: var(--shadow-md);
    padding: 20px 20px;
}
.dropzone span {
  background-color: var(--color-secondary);
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    display:table;
    margin: auto;
    transition: all var(--transition-base);
    cursor: pointer;
}
.dropzone span:hover {
  transform: scale(1.05);
    box-shadow: var(--shadow-md);
}
.table-striped tbody tr:nth-of-type(2n/**/+1) {
  background-color: rgb(247, 250, 252); transition: var(--transition-base);
}
.table-striped tbody tr:hover {
  background-color: var(--color-gray-lighter); transform: scale(1.01); box-shadow: var(--shadow-sm);
}
.page-item.active .page-link {
  background:var(--color-primary); border-color: var(--color-primary); box-shadow: var(--shadow-md);
}
.page-link {
  color: var(--color-primary); transition: all var(--transition-base);
}
.page-link:hover {
  background-color: var(--color-primary); border-color: var(--color-primary); color:#fff !important; transform: translateY(-2px); box-shadow: var(--shadow-md);
}
div.dataTables_wrapper div.dataTables_paginate {
  margin-top: 10px !important;
}
div.dataTables_wrapper div.dataTables_length select {
  min-width: 100px;
}
.ser-card-default {
  box-shadow:none; -webkit-box-shadow:none; border-radius:10px; background:none; transition: var(--transition-base);
}
.ser-card-default:hover {
  transform: translateY(-5px); box-shadow: var(--shadow-lg);
}
.ser-card-body {
  border-radius:10px; -webkit-border-radius:10px; color:#fff; padding:30px 40px; overflow:hidden; transition: all var(--transition-base); box-shadow: var(--shadow-md);
}
.ser-card-body:hover {
  transform: scale(1.02); box-shadow: var(--shadow-xl);
}
.ser-card-table {
  display:table; width:100%;
}
.ser-card-left,
.ser-card-right {
  display:table-cell;
}
.ser-card-left {
  vertical-align:bottom;
}
.ser-card-right {
  vertical-align:bottom; width:1%;
}
.ser-card-icon i:before {
  font-size:60px; line-height:60px; margin:0px; transition: var(--transition-base);
}
.ser-card-icon:hover i:before {
  transform: scale(1.1) rotate(5deg);
}
.ser-card-title {
  font-size:20px; font-weight:400; margin-bottom:20px; transition: var(--transition-base);
}
.ser-card-icons {
  margin:34px 0px; transition: var(--transition-base);
}
.ser-card-icons img {
  height:80px; transition: var(--transition-base);
}
.ser-card-icons:hover img {
  transform: scale(1.1);
}
.ser-card-amount {
  font-size:30px; line-height:48px; margin:25px 0px 10px; font-weight:700; transition: var(--transition-base);
}
.ser-card-total {
  font-weight:700; font-size:24px; transition: var(--transition-base);
}
.ser-total-table {
  display:table; width:100%;
}
.ser-total-cell1 {
  display:table-cell; vertical-align:middle;
}
.ser-total-cell1 {
  width:1%; white-space:nowrap;  font-size:16px;
}
@media only screen and (max-width:1600px) {
  .ser-card-icons img {
    height:60px;
  }
}
@media only screen and (max-width:1400px) {
  .ser-card-body {
    padding:25px 30px;
  }
}
@media only screen and (max-width:1300px) {
  .break-1300 {
    min-width:100%;
  }
}
.ser-card-body.ser-puple {
  background: rgb(145,88,248); 
background: -moz-linear-gradient(top,  rgba(145,88,248,1) 0%, rgba(111,32,255,1) 100%); 
background: -webkit-linear-gradient(top,  rgba(145,88,248,1) 0%,rgba(111,32,255,1) 100%); 
background: linear-gradient(to bottom,  rgba(145,88,248,1) 0%,rgba(111,32,255,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#9158f8", endColorstr="#6f20ff",GradientType=0 );
}
.ser-card-body.ser-orange {
  background: rgb(232,90,66); 
background: -moz-linear-gradient(top,  rgba(232,90,66,1) 0%, rgba(223,59,31,1) 100%); 
background: -webkit-linear-gradient(top,  rgba(232,90,66,1) 0%,rgba(223,59,31,1) 100%); 
background: linear-gradient(to bottom,  rgba(232,90,66,1) 0%,rgba(223,59,31,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e85a42", endColorstr="#df3b1f",GradientType=0 );
}
.ser-card-body.ser-blue {
  background: rgb(79,158,234); 
background: -moz-linear-gradient(top,  rgba(79,158,234,1) 0%, rgba(56,129,198,1) 100%); 
background: -webkit-linear-gradient(top,  rgba(79,158,234,1) 0%,rgba(56,129,198,1) 100%); 
background: linear-gradient(to bottom,  rgba(79,158,234,1) 0%,rgba(56,129,198,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4f9eea", endColorstr="#3881c6",GradientType=0 );
}
.radio-inline-box.radio-inline-box-warp {
  display: flex;
  flex-wrap: wrap;
}
.radio-inline-box.radio-inline-box-warp .sf-radio-check-2 {
  margin-bottom: 10px;
}
.admin-button.btn-sm {
  padding: 4px 8px;
  transition: var(--transition-base);
}
.admin-button.btn-sm:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
@media only screen and (max-width:641px) {
  .logo-header .logo-header-inner img {
    max-width: 130%;
  	padding-left: 0px;
  }
  .logo-header {
    padding-left: 0px;
  }
}
.action {
  width: 330px;
  display:none !important; 
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sf-upgrade-account-plans-area {
  position: relative; cursor: pointer; transition: var(--transition-base);
}
.sf-upgrade-account-plans-area:hover {
  transform: translateY(-5px);
}
#clockdiv {
  display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width:480px; border:1px solid rgba(255, 255, 255, 0.4); border-radius:10px; transition: var(--transition-base); box-shadow: var(--shadow-sm);
}
#clockdiv:hover {
  box-shadow: var(--shadow-md); transform: translateY(-3px);
}
#clockdiv > div {
  padding: 10px; display:block; width:25%; text-align:center; transition: var(--transition-base);
}
#clockdiv > div:hover {
  transform: scale(1.05);
}
#clockdiv div > span {
  display:block; font-size:24px; line-height:1.2; font-weight:600;
}
@media only screen and (max-width:1200px) {
  #clockdiv {
    max-width:100%; margin-bottom:30px;
  }
}
@media only screen and (max-width:480px) {
  #clockdiv div > span {
    font-size:20px;
  }
  #clockdiv > div {
    padding: 10px 2px;
  }
  #clockdiv {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width:436px) {
  .aon-mob-btn-marb {
    margin-bottom:15px;
  }
  .aon-mob-btn-marb .admin-button {
    margin-bottom:15px;
  }
}
button.close {
  line-height: 12px;
}
.aon-findBar-vertical .filter-option img {
  margin-right: 0; margin-left: 5px;
}
.sf-blog-style-1 .post-info {
  text-align:left;
}
.sf-custom-new .nav-tabs > li > a.active {
  color:#162f96;
}
.sf-custom-new .nav-tabs > li > a.active:after {
  background-color: #162f96;
}
.bootstrap-select .dropdown-toggle .filter-option {
  height: auto;
}
@media only screen and (max-width:767px) {
  .sf-bs-data-table div.dataTables_wrapper div.dataTables_length,
  .sf-bs-data-table div.dataTables_wrapper div.dataTables_filter,
  .sf-bs-data-table div.dataTables_wrapper div.dataTables_info,
  .sf-bs-data-table div.dataTables_wrapper div.dataTables_paginate {
    text-align: left;
  }
  .sf-bs-data-table div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child {
    padding-left: 15px;
  }
  .sf-bs-data-table div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
    padding-right: 15px;
  }
  .sf-bs-data-table div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: left !important;
  }
}
.sf-map-filter {
  text-align: right;
}
.search-filter-btn {
  display:none; margin-bottom: 30px;
}
@media only screen and (max-width:991px) {
  .search-filter-btn {
    display:inline-block;
  }
  .sf-map-filter {
    border-top:1px solid #ddd; padding-top:25px;
  }
}
.bootstrap-select .dropdown-menu li a img {
  width:30px; border-radius:30px; margin-right:10px;
}
.bootstrap-select .dropdown-toggle .filter-option img {
  width:30px; border-radius:30px; margin-right:10px;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--color-primary); transition: var(--transition-base);
}
.dropdown-item:hover {
  background-color: var(--color-gray-lighter); transform: translateX(5px);
}
.aon-icon {
  font-style: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	margin:auto;
}
.aon-icon-effect:hover .aon-icon {
  -webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}
@-moz-keyframes toTopFromBottom {
	49% {-moz-transform: translateY(-100%);}
	50% {opacity: 0;	-moz-transform: translateY(100%);	}
	51% {opacity: 1;	}
}
.shine-hover .shine-box {
  position: relative;
    overflow:hidden;
}
.shine-hover .shine-box::before {
  position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: "";
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.shine-hover .shine-box:hover::before {
  -webkit-animation: shine .75s;
	animation: shine .75s;
}
.loading-area {
  width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	overflow: hidden;
}
.loading-box {
  width: 100%;
	height: 100%;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 1;
	z-index: 9999;
}
.loading-pic {
  width: 100%;
	position: absolute;
	top: 50%;
	z-index: 99999;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.windows8 {
  position: relative;
	width: 78px;
	height:78px;
	margin:auto;
}
.windows8 .wBall {
  position: absolute;
	width: 74px;
	height: 74px;
	opacity: 0;
	transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
	animation: orbit 6.96s infinite;
		-o-animation: orbit 6.96s infinite;
		-ms-animation: orbit 6.96s infinite;
		-webkit-animation: orbit 6.96s infinite;
		-moz-animation: orbit 6.96s infinite;
}
.windows8 .wBall .wInnerBall {
  position: absolute;
	width: 10px;
	height: 10px;
	background: rgb(0,0,0);
	left:0px;
	top:0px;
	border-radius: 10px;
}
.windows8 #wBall_1 {
  animation-delay: 1.52s;
		-o-animation-delay: 1.52s;
		-ms-animation-delay: 1.52s;
		-webkit-animation-delay: 1.52s;
		-moz-animation-delay: 1.52s;
}
.windows8 #wBall_2 {
  animation-delay: 0.3s;
		-o-animation-delay: 0.3s;
		-ms-animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
		-moz-animation-delay: 0.3s;
}
.windows8 #wBall_3 {
  animation-delay: 0.61s;
		-o-animation-delay: 0.61s;
		-ms-animation-delay: 0.61s;
		-webkit-animation-delay: 0.61s;
		-moz-animation-delay: 0.61s;
}
.windows8 #wBall_4 {
  animation-delay: 0.91s;
		-o-animation-delay: 0.91s;
		-ms-animation-delay: 0.91s;
		-webkit-animation-delay: 0.91s;
		-moz-animation-delay: 0.91s;
}
.windows8 #wBall_5 {
  animation-delay: 1.22s;
		-o-animation-delay: 1.22s;
		-ms-animation-delay: 1.22s;
		-webkit-animation-delay: 1.22s;
		-moz-animation-delay: 1.22s;
}
@-o-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-o-transform: rotate(180deg);
		-o-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-o-transform: rotate(300deg);
		-o-animation-timing-function: linear;
		-o-origin:0%;
	}

	30% {
		opacity: 1;
		-o-transform:rotate(410deg);
		-o-animation-timing-function: ease-in-out;
		-o-origin:7%;
	}

	39% {
		opacity: 1;
		-o-transform: rotate(645deg);
		-o-animation-timing-function: linear;
		-o-origin:30%;
	}

	70% {
		opacity: 1;
		-o-transform: rotate(770deg);
		-o-animation-timing-function: ease-out;
		-o-origin:39%;
	}

	75% {
		opacity: 1;
		-o-transform: rotate(900deg);
		-o-animation-timing-function: ease-out;
		-o-origin:70%;
	}

	76% {
	opacity: 0;
		-o-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-o-transform: rotate(900deg);
	}
}
@-ms-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-ms-transform: rotate(180deg);
		-ms-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-ms-transform: rotate(300deg);
		-ms-animation-timing-function: linear;
		-ms-origin:0%;
	}

	30% {
		opacity: 1;
		-ms-transform:rotate(410deg);
		-ms-animation-timing-function: ease-in-out;
		-ms-origin:7%;
	}

	39% {
		opacity: 1;
		-ms-transform: rotate(645deg);
		-ms-animation-timing-function: linear;
		-ms-origin:30%;
	}

	70% {
		opacity: 1;
		-ms-transform: rotate(770deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:39%;
	}

	75% {
		opacity: 1;
		-ms-transform: rotate(900deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:70%;
	}

	76% {
	opacity: 0;
		-ms-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-ms-transform: rotate(900deg);
	}
}
@-moz-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-moz-transform: rotate(180deg);
		-moz-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-moz-transform: rotate(300deg);
		-moz-animation-timing-function: linear;
		-moz-origin:0%;
	}

	30% {
		opacity: 1;
		-moz-transform:rotate(410deg);
		-moz-animation-timing-function: ease-in-out;
		-moz-origin:7%;
	}

	39% {
		opacity: 1;
		-moz-transform: rotate(645deg);
		-moz-animation-timing-function: linear;
		-moz-origin:30%;
	}

	70% {
		opacity: 1;
		-moz-transform: rotate(770deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:39%;
	}

	75% {
		opacity: 1;
		-moz-transform: rotate(900deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:70%;
	}

	76% {
	opacity: 0;
		-moz-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-moz-transform: rotate(900deg);
	}
}
.gmap-area {
  width:100%; height:100%;
}
.gmap-area iframe {
  width:100%; height:100%; border:none;  filter: grayscale(100%);
}
.aon-login-close {
  position:absolute; top:20px; right:20px; z-index:1;
}
.aon-logon-sign-area.sf-custom-new {
  margin-top:-10px;
}
.aon-logon-sign-area.sf-custom-new .nav-tabs {
  display: -ms-flexbox; display: flex;
}
.aon-logon-sign-area.sf-custom-new .nav-tabs > li {
  width:50%; text-align:center;
}
.aon-logon-sign-area.sf-custom-new .nav-tabs > li > a {
  padding-top:0px;
}
.aon-logon-sign-area .form-group {
  margin-bottom:30px;
}
.sign-term-con {
  font-size:14px;
}
.sign-term-con a {
  color: var(--color-primary) !important; transition: var(--transition-base);
}
.sign-term-con a:hover {
  color: var(--color-secondary) !important; text-decoration: underline;
}
.page-notfound {
  padding: 0px 30px;	text-align: center;
}
.page-notfound .page-notfound-media {
  max-width: 500px;margin: 0px auto 50px;margin-bottom: 30px;
}
@media only screen and (max-width:380px) {
  .aon-login-option {
    flex-wrap: wrap;
  }
  .aon-login-opleft,
  .aon-login-opright {
    width:100%;
  }
  .aon-login-opleft {
    margin-bottom:10px;
  }
}
.aon-states-row {
  margn:0px -1px;
}
.aon-states-row .col-4 {
  padding:0px 1px;
}
.slider-horizontal.slider .tooltip.top.in {
  opacity:1;
}
.slider-horizontal.slider .tooltip-arrow {
  position:absolute; top:100%; left:50%; margin:0px -4px; width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #000 transparent transparent transparent;
}
.drag-drop-buttons {
  width:140px; display:table; overflow:hidden; margin:auto; position:relative;
}
.drag-drop-buttons input[type="file"] {
  position:absolute; bottom:0px; left:0px; opacity:0; cursor:pointer; width:100%; height:100%;
}
.g-recaptcha {
  display: table; margin: 15px auto 30px;
}

/* ============ 2. Moderne komponente (iz modern-utilities.css) ============ */

.glass-modal {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.form-floating {
  position: relative;
}
.form-floating > input,
.form-floating > textarea {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  border-radius: var(--radius-md);
  transition: border-color var(--transition-base);
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1rem 0.75rem;
  pointer-events: none;
  transform-origin: 0 0;
  transition: all var(--transition-base);
  color: var(--color-gray);
}
.form-floating > input:focus ~ label,
.form-floating > input:not(:placeholder-shown) ~ label,
.form-floating > textarea:focus ~ label,
.form-floating > textarea:not(:placeholder-shown) ~ label {
  transform: translateY(-0.5rem) scale(0.85);
  color: var(--color-primary);
  font-weight: 600;
}
.form-floating > input:focus,
.form-floating > textarea:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(6, 3, 141, 0.1);
}
*:focus-visible {
  outline: 3px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: var(--radius-xs);
  transition: outline var(--transition-fast);
}
button:focus-visible,
.btn:focus-visible {
  outline: 3px solid var(--color-primary);
  outline-offset: 4px;
}
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 0;
  box-shadow: 0 0 0 4px rgba(6, 3, 141, 0.1);
}
.smart-tooltip {
  position: fixed;
  z-index: 2147483647 !important; 
  background: rgba(6, 3, 141, 0.98);
  color: white;
  padding: 16px 20px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.6;
  max-width: 400px;
  min-width: 280px;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(255, 255, 255, 0.1);
  opacity: 0;
  display: none;
  pointer-events: none;
  transition:
    opacity 0.2s ease,
    transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(-8px);
  will-change: transform, opacity;
  isolation: isolate;
}
.visible.smart-tooltip {
  opacity: 1;
  display: block;
  transform: translateY(0);
  pointer-events: auto;
}
.smart-tooltip::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent rgba(6, 3, 141, 0.98)
    transparent;
  z-index: 1;
}
.tooltip-above.smart-tooltip::before {
  top: auto;
  bottom: -8px;
  border-width: 8px 8px 0 8px;
  border-color: rgba(6, 3, 141, 0.98) transparent transparent
    transparent;
}
.smart-tooltip strong {
  color: #ef3340;
  font-weight: 600;
}
@media (max-width: 768px) {
  .smart-tooltip {
    max-width: calc(100vw - 40px);
      min-width: 260px;
      font-size: 13px;
      padding: 14px 16px;
  }
}
.aon-card,
.card,
.sf-vender-list-wrap-modern {
  position: relative;
  z-index: auto;
}
.aon-card:hover,
.card:hover,
.sf-vender-list-wrap-modern:hover {
  z-index: auto;
}
.animate-fade-in-up {
  animation: fadeInUp 0.6s ease-out;
}
.action-btn {
  position: relative;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: var(--radius-full);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  transition: all var(--transition-base);
  overflow: hidden;
  isolation: isolate;
}
.action-btn i {
  font-size: 18px;
  color: var(--color-gray);
  transition: all var(--transition-base);
  position: relative;
  z-index: 1;
}
.action-btn:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  background: rgba(255, 255, 255, 1);
}
.action-btn:active {
  transform: translateY(-1px) scale(0.98);
}
.action-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(6, 3, 141, 0.15);
  transform: translate(-50%, -50%);
  transition:
    width 0.5s,
    height 0.5s;
  z-index: 0;
}
.action-btn:active::before {
  width: 200px;
  height: 200px;
  transition:
    width 0.3s,
    height 0.3s;
}
.action-btn-favorite i {
  color: #999;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.action-btn-favorite:hover i {
  color: var(--color-primary);
  transform: scale(1.15);
}
.action-btn-favorite[data-favorited="true"] {
  background: linear-gradient(
    135deg,
    rgba(6, 3, 141, 0.1),
    rgba(6, 3, 141, 0.15)
  ) !important;
  box-shadow: 0 4px 15px rgba(6, 3, 141, 0.2) !important;
}
.action-btn-favorite[data-favorited="true"] i {
  color: var(--color-secondary) !important;
}
.action-btn-favorite[data-favorited="true"]:hover {
  background: linear-gradient(
    135deg,
    rgba(6, 3, 141, 0.15),
    rgba(6, 3, 141, 0.2)
  ) !important;
  box-shadow: 0 6px 20px rgba(6, 3, 141, 0.3) !important;
  transform: translateY(-3px) scale(1.05);
}
.action-btn-favorite[data-favorited="true"]:hover i {
  transform: scale(1.2);
}
.action-btn-favorite[data-favorited="false"] {
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}
.action-btn-favorite[data-favorited="false"] i {
  color: #999 !important;
}
.action-btn-favorite[data-favorited="false"]:hover {
  background: rgba(255, 255, 255, 1) !important;
}
.action-btn-favorite[data-favorited="false"]:hover i {
  color: var(--color-primary) !important;
}
.action-btn-favorite:focus,
.action-btn-favorite:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(6, 3, 141, 0.2) !important;
}
.action-btn-favorite:active {
  transform: scale(0.95) !important;
  transition: transform 0.1s ease !important;
}
@media (max-width: 768px) {
  .action-btn-favorite {
    width: 44px;
      height: 44px;
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
  }
  .action-btn-favorite i {
    font-size: 20px;
  }
  .action-btn-favorite:focus,
  .action-btn-favorite:focus-visible,
  .action-btn-favorite:active {
    outline: none !important;
      -webkit-tap-highlight-color: transparent !important;
  }
}
.action-btn-share:hover {
  background: linear-gradient(
    135deg,
    rgba(6, 3, 141, 0.05),
    rgba(6, 3, 141, 0.08)
  );
}
.action-btn-share:hover i {
  color: var(--color-primary);
  transform: rotate(12deg) scale(1.1);
}
.action-btn-close:hover {
  background: linear-gradient(
    135deg,
    rgba(239, 51, 64, 0.05),
    rgba(239, 51, 64, 0.08)
  );
}
.action-btn-close:hover i {
  color: var(--color-secondary);
  transform: rotate(90deg) scale(1.1);
}
.action-btn-sm {
  width: 36px;
  height: 36px;
}
.action-btn-sm i {
  font-size: 16px;
}
.action-btn-group {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}
.action-btn-group .action-btn {
  margin: 0;
}
.action-btn.loading {
  pointer-events: none;
  opacity: 0.6;
}
.action-btn.loading i {
  animation: spin 1s linear infinite;
}
.sf-vender-list-wrap-modern {
  background: transparent; 
  backdrop-filter: none; 
  -webkit-backdrop-filter: none;
  border-radius: 16px;
  overflow: visible; 
  box-shadow: none; 
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: none; 
  cursor: pointer;
  height: auto; 
  margin-bottom: 30px; 
  position: relative;
}
.sf-vender-list-wrap-modern:hover {
  box-shadow: none; 
  transform: translateY(-6px);
  border-color: transparent;
}
.sf-vender-list-wrap-modern::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg,
    rgba(6, 3, 141, 0.02),
    rgba(6, 3, 141, 0.01)
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
  border-radius: 16px;
}
.sf-vender-list-wrap-modern:hover::after {
  opacity: 1;
}
.sf-vender-list-box {
  display: flex;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(0, 0, 0, 0.04);
  position: relative;
  z-index: 2;
}
.sf-vender-list-wrap-modern:hover .sf-vender-list-box {
  box-shadow: 0 12px 40px rgba(6, 3, 141, 0.12);
  border-color: rgba(6, 3, 141, 0.1);
}
.sf-vender-list-pic-modern {
  position: relative;
  width: 140px;
  min-width: 140px;
  height: 100%;
  min-height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.sf-vender-list-pic-modern::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg,
    rgba(6, 3, 141, 0.7) 0%,
    rgba(6, 3, 141, 0.3) 100%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.sf-vender-list-wrap-modern:hover
  .sf-vender-list-pic-modern::before {
  opacity: 1;
}
.sf-vender-list-info-modern {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.category-chips {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  margin-bottom: 4px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(6, 3, 141, 0.3) transparent;
  padding-bottom: 8px;
}
.category-chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  background: rgba(6, 3, 141, 0.06);
  color: var(--color-primary);
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  transition: all 0.3s ease;
  border: 1px solid rgba(6, 3, 141, 0.1);
  white-space: nowrap;
  flex-shrink: 0;
  cursor: pointer;
}
.category-chip:hover {
  background: rgba(6, 3, 141, 0.1);
  transform: scale(1.05);
  border-color: rgba(6, 3, 141, 0.2);
}
.info-item-modern {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  color: var(--color-gray);
  line-height: 1.5;
  position: relative;
  z-index: 10;
}
.info-item-modern i {
  color: var(--color-primary);
  font-size: 14px;
  margin-top: 2px;
  min-width: 16px;
}
.info-item-modern a {
  color: var(--color-gray);
  text-decoration: none;
  transition: color 0.3s ease;
  position: relative;
  z-index: 10;
}
.info-item-modern a:hover {
  color: var(--color-primary);
}
.sf-rating-modern {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0;
}
.sf-rating-modern .stars {
  display: flex;
  gap: 3px;
}
.sf-rating-modern .stars i {
  font-size: 16px;
  color: #fbbf24;
}
.sf-rating-modern .stars i.empty {
  color: #e5e7eb;
}
.sf-rating-modern .count {
  font-size: 13px;
  color: var(--color-gray);
  font-weight: 600;
}
.featured-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  color: white;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 4px;
}
.featured-badge i {
  font-size: 12px;
}
@media (min-width: 577px) {
  .featured-badge {
    top: 12px;
      left: 12px;
      right: auto;
  }
}
.card-lift-effect {
  
}
.card-lift-effect:hover {
  
}
@media (max-width: 576px) {
  .sf-vender-list-info-modern {
    padding-bottom: 70px;
      position: relative;
  }
}
@media (max-width: 768px) {
  .sf-vender-list-pic-modern {
    width: 100px;
      min-width: 100px;
      min-height: 160px;
  }
  .sf-vender-list-info-modern {
    padding: 16px;
  }
  .category-chip {
    font-size: 11px;
      padding: 3px 10px;
  }
}
.col-md-6 {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .col-md-6 {
    padding-left: 15px;
      padding-right: 15px;
  }
}
@media (max-width: 576px) {
  .sf-vender-list-wrap-modern .sf-vender-list-box {
    flex-direction: column !important;
  }
  .sf-vender-list-pic-modern {
    width: 100% !important;
      min-width: 100% !important;
      height: 200px !important;
      min-height: 200px !important;
  }
  .sf-vender-list-info-modern {
    width: 100%;
      padding: 20px;
  }
  .category-chips {
    margin-bottom: 12px;
  }
  .sf-rating-modern {
    margin: 10px 0;
  }
  .info-item-modern {
    font-size: 14px;
      margin-bottom: 8px;
  }
  .featured-badge {
    padding: 4px 10px;
      font-size: 10px;
  }
}
.servi-leRi-btn {
  display: flex;
  flex-wrap: nowrap !important;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 20px;
}
.servi-leRi-btn .sf-provi-title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding-right: 8px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}
.servi-leRi-btn .action-btn-group {
  flex: 0 0 auto;
  flex-shrink: 0;
  display: flex;
  gap: 8px;
  align-items: center;
}
@media (max-width: 576px) {
  .servi-leRi-btn {
    gap: 10px;
  }
  .servi-leRi-btn .sf-provi-title {
    font-size: 18px;
      line-height: 1.25;
      padding-right: 4px;
  }
  .servi-leRi-btn .action-btn-group {
    gap: 6px;
  }
  .servi-leRi-btn .action-btn {
    width: 38px;
      height: 38px;
  }
  .servi-leRi-btn .action-btn i {
    font-size: 16px;
  }
}
@media (max-width: 400px) {
  .servi-leRi-btn {
    gap: 8px;
  }
  .servi-leRi-btn .sf-provi-title {
    font-size: 16px;
  }
  .servi-leRi-btn .action-btn {
    width: 36px;
      height: 36px;
  }
  .servi-leRi-btn .action-btn i {
    font-size: 15px;
  }
}
.modal-backdrop.show {
  background: rgba(6, 3, 141, 0.25);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
#search-model .modal-dialog {
  max-width: 600px;
  margin: 100px auto;
  z-index: 10000;
}
#search-model .modal-content {
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: none;
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(6, 3, 141, 0.2);
  overflow: visible;
  position: relative;
}
#search-model .aon-login-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.05);
  border: none;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-gray);
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
}
#search-model .aon-login-close:hover {
  background: rgba(239, 51, 64, 0.1);
  color: var(--color-secondary);
  transform: rotate(90deg) scale(1.1);
}
#search-model .modal-body {
  padding: 40px;
}
.search-modal-header {
  text-align: center;
  margin-bottom: 32px;
}
.search-modal-header h3 {
  font-size: 28px;
  font-weight: 700;
  color: var(--color-black);
  margin: 0 0 8px 0;
  background: linear-gradient(
    135deg,
    var(--color-black),
    var(--color-primary)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.search-modal-header p {
  font-size: 15px;
  color: var(--color-gray);
  margin: 0;
}
#search-model .form-group {
  margin-bottom: 24px;
  position: relative;
}
#search-model .form-group:has(#searchOptions) {
  margin-bottom: 40px;
  z-index: 10;
}
#search-model .form-group:has(#searchOptions) + .form-group {
  margin-top: 20px;
}
#search-model .form-group label {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: var(--color-black);
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
#search-model .form-group label span {
  color: var(--color-primary);
  font-size: 18px;
  margin-right: 4px;
}
.aon-inputicon-box {
  position: relative;
  z-index: 1;
}
#search-model .sf-form-control {
  width: 100%;
  padding: 16px 50px 16px 20px;
  font-size: 16px;
  color: var(--color-black);
  background: rgba(255, 255, 255, 0.95);
  border: 2px solid rgba(6, 3, 141, 0.12);
  border-radius: 16px;
  outline: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  position: relative;
  z-index: 2;
}
#search-model .sf-form-control:focus {
  border-color: var(--color-primary);
  box-shadow: 0 4px 20px rgba(6, 3, 141, 0.15);
  background: white;
}
#search-model .sf-form-control::placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
}
.aon-inputicon-box .aon-input-icon {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--color-primary);
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 5;
}
#search-model .sf-form-control:focus ~ .aon-input-icon {
  color: var(--color-primary);
  transform: translateY(-50%) scale(1.1);
}
#search-model input.sf-form-control {
  padding-right: 55px !important;
}
.category-select .sf-select-box {
  width: 100%;
  padding: 16px 20px;
  font-size: 16px;
  color: var(--color-black);
  background: rgba(255, 255, 255, 0.95);
  border: 2px solid rgba(6, 3, 141, 0.12);
  border-radius: 16px;
  outline: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  cursor: pointer;
  appearance: none;
  padding-right: 50px;
  position: relative;
}
.category-select .sf-select-box:focus {
  border-color: var(--color-primary);
  box-shadow: 0 4px 20px rgba(6, 3, 141, 0.15);
  background-color: white;
}
.category-select .sf-select-box:hover {
  border-color: rgba(6, 3, 141, 0.25);
}
#search-model .bootstrap-select {
  width: 100% !important;
}
#search-model .bootstrap-select .dropdown-toggle {
  width: 100%;
  padding: 16px 20px;
  font-size: 16px;
  color: var(--color-black);
  background: rgba(255, 255, 255, 0.95) !important;
  border: 2px solid rgba(6, 3, 141, 0.12) !important;
  border-radius: 16px !important;
  outline: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  text-align: left;
}
#search-model .bootstrap-select .dropdown-toggle:focus,
#search-model .bootstrap-select.show .dropdown-toggle {
  border-color: var(--color-primary) !important;
  box-shadow: 0 4px 20px rgba(6, 3, 141, 0.15) !important;
  background-color: white !important;
}
#search-model .bootstrap-select .dropdown-toggle:hover {
  border-color: rgba(6, 3, 141, 0.25) !important;
}
#search-model .bootstrap-select .dropdown-menu {
  border-radius: 16px !important;
  border: 1px solid rgba(6, 3, 141, 0.08) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
  margin-top: 8px !important;
  padding: 8px 0 !important;
  overflow: hidden !important;
  z-index: 9999 !important;
  background: white !important;
}
#search-model .bootstrap-select .dropdown-menu li a {
  padding: 12px 20px !important;
  font-size: 15px !important;
  color: var(--color-black) !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
#search-model .bootstrap-select .dropdown-menu li a:hover {
  background: rgba(6, 3, 141, 0.06) !important;
  color: var(--color-primary) !important;
}
#search-model .bootstrap-select .dropdown-menu li.selected a {
  background: rgba(6, 3, 141, 0.1) !important;
  color: var(--color-primary) !important;
  font-weight: 600 !important;
}
#search-model .bootstrap-select .dropdown-menu .childcat-img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain;
  border-radius: 4px;
}
#search-model .bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-75%) rotate(45deg);
  border: none !important;
  width: 8px;
  height: 8px;
  border-right: 2px solid #06038d;
  border-bottom: 2px solid #06038d;
  transition: transform 0.3s ease;
}
#search-model .bootstrap-select.show .dropdown-toggle .caret {
  transform: translateY(-25%) rotate(-135deg);
}
#searchOptions {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: white;
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
  max-height: 400px;
  overflow-y: auto;
  z-index: 99999 !important;
  display: none;
  border: 1px solid rgba(6, 3, 141, 0.08);
}
#searchOptions.show {
  display: block;
  animation: slideDownFade 0.3s ease-out;
}
#search-model .site-button {
  width: 100%;
  padding: 18px 32px;
  background: linear-gradient(
    135deg,
    var(--color-primary),
    rgba(6, 3, 141, 0.9)
  );
  color: white;
  border: none;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 6px 24px rgba(6, 3, 141, 0.3);
  position: relative;
  overflow: hidden;
}
#search-model .site-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transition: left 0.5s;
}
#search-model .site-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 35px rgba(6, 3, 141, 0.4);
}
#search-model .site-button:hover::before {
  left: 100%;
}
#search-model .site-button:active {
  transform: translateY(0px);
}
#search-model .site-button:disabled {
  background: rgba(0, 0, 0, 0.2);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.search-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
}
.search-loading-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(6, 3, 141, 0.1);
  border-top-color: var(--color-primary);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
.search-no-results {
  padding: 40px 20px;
  text-align: center;
}
.search-no-results i {
  font-size: 48px;
  color: rgba(6, 3, 141, 0.2);
  margin-bottom: 16px;
}
.search-no-results h4 {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-black);
  margin-bottom: 8px;
}
.search-no-results p {
  font-size: 14px;
  color: var(--color-gray);
}
@media (max-width: 768px) {
  #search-model .modal-dialog {
    margin: 20px;
      max-width: calc(100% - 40px);
  }
  #search-model .modal-body {
    padding: 30px 20px;
  }
  .search-modal-header h3 {
    font-size: 24px;
  }
  #searchOptions {
    max-height: 300px;
  }
}
@media (max-width: 576px) {
  #search-model .modal-dialog {
    margin: 10px;
      max-width: calc(100% - 20px);
  }
  #search-model .modal-body {
    padding: 24px 16px;
  }
  .search-modal-header h3 {
    font-size: 20px;
  }
  #search-model .sf-form-control {
    padding: 14px 45px 14px 16px;
      font-size: 15px;
  }
  .category-select .sf-select-box {
    padding: 14px 16px;
      font-size: 15px;
  }
  #search-model .site-button {
    padding: 16px 24px;
      font-size: 15px;
  }
}
.search-input-group {
  position: relative;
  z-index: 100;
}
.search-input-wrapper {
  position: relative;
}
.search-input-modern {
  width: 100%;
  padding: 16px 55px 16px 20px;
  font-size: 16px;
  color: #1a1a1a;
  background: rgba(255, 255, 255, 0.95);
  border: 2px solid rgba(6, 3, 141, 0.12);
  border-radius: 16px;
  outline: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.search-input-modern:hover {
  border-color: rgba(6, 3, 141, 0.25);
}
.search-input-modern:focus {
  border-color: #06038d;
  box-shadow: 0 4px 20px rgba(6, 3, 141, 0.15);
  background: white;
}
.search-input-modern:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: rgba(0, 0, 0, 0.02);
}
.search-input-modern::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.search-input-icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #06038d;
  pointer-events: none;
  z-index: 5;
  transition: all 0.3s ease;
}
.search-input-modern:focus ~ .search-input-icon {
  transform: translateY(-50%) scale(1.1);
}
.search-autocomplete-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: white;
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
  max-height: 400px;
  overflow-y: auto;
  z-index: 99999;
  display: none;
  border: 1px solid rgba(6, 3, 141, 0.08);
}
.search-autocomplete-dropdown.show {
  display: block;
  animation: slideDown 0.3s ease-out;
}
.autocomplete-category {
  padding: 12px 20px 8px;
  font-size: 12px;
  font-weight: 700;
  color: #06038d;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: rgba(6, 3, 141, 0.04);
  border-bottom: 1px solid rgba(6, 3, 141, 0.08);
  position: sticky;
  top: 0;
  z-index: 1;
}
.autocomplete-item {
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.autocomplete-item:hover {
  background: rgba(6, 3, 141, 0.06);
  padding-left: 24px;
}
.autocomplete-item i:first-child {
  font-size: 16px;
  color: #06038d;
  min-width: 20px;
}
.autocomplete-text {
  flex: 1;
  font-size: 15px;
  color: #1a1a1a;
  font-weight: 500;
}
.autocomplete-meta {
  font-size: 12px;
  color: #666;
  font-weight: 600;
}
.autocomplete-arrow {
  font-size: 14px;
  color: #666;
  opacity: 0;
  transition: all 0.2s ease;
}
.search-submit-btn-red {
  width: 100%;
  padding: 18px 32px;
  background: linear-gradient(
    135deg,
    #ef3340,
    rgba(239, 51, 64, 0.9)
  );
  color: white;
  border: none;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 6px 24px rgba(239, 51, 64, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.search-submit-btn-red:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 10px 35px rgba(239, 51, 64, 0.4);
  background: linear-gradient(135deg, #d42935, #ef3340);
}
.search-submit-btn-red:active:not(:disabled) {
  transform: translateY(0);
}
.search-submit-btn-red:disabled {
  background: rgba(0, 0, 0, 0.2);
  cursor: not-allowed;
  box-shadow: none;
}
.search-autocomplete-dropdown::-webkit-scrollbar {
  width: 6px;
}
.search-autocomplete-dropdown::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.search-autocomplete-dropdown::-webkit-scrollbar-thumb {
  background: rgba(6, 3, 141, 0.3);
  border-radius: 10px;
}
.search-autocomplete-dropdown::-webkit-scrollbar-thumb:hover {
  background: rgba(6, 3, 141, 0.5);
}
@media (max-width: 576px) {
  .search-input-modern {
    padding: 14px 45px 14px 16px;
      font-size: 15px;
  }
  .search-input-icon {
    right: 16px;
  }
  .search-submit-btn-red {
    padding: 16px 24px;
      font-size: 15px;
  }
}
.autocomplete-icon-img {
  width: 32px;
  height: 32px;
  min-width: 32px;
  object-fit: contain;
  flex-shrink: 0;
  display: block !important;
  border-radius: 6px;
  background: rgba(6, 3, 141, 0.04);
  padding: 4px;
  transition: all 0.3s ease;
}
.autocomplete-item:hover .autocomplete-icon-img {
  transform: scale(1.1);
  background: rgba(6, 3, 141, 0.1);
}
.autocomplete-text {
  flex: 1;
  font-size: 15px;
  font-weight: 500;
  color: #1a1a1a !important;
  line-height: 1.4;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  min-height: 20px;
}
.autocomplete-meta {
  font-size: 12px;
  color: #666 !important;
  font-weight: 600;
  background: #f5f5f5;
  padding: 4px 10px;
  border-radius: 12px;
  white-space: nowrap;
  flex-shrink: 0;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: all 0.2s ease;
}
.autocomplete-item:hover .autocomplete-meta {
  background: rgba(6, 3, 141, 0.12);
  transform: scale(1.05);
}
.autocomplete-category {
  padding: 12px 20px 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #06038d !important;
  background: linear-gradient(135deg, #f8f9ff 0%, #e8ebff 100%);
  border-bottom: 2px solid #06038d;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: sticky;
  top: 0;
  z-index: 1;
}
.autocomplete-item {
  padding: 14px 20px;
  display: flex !important;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  opacity: 0;
  animation: fadeInItem 0.3s ease forwards;
  min-height: 56px;
}
.autocomplete-item:last-child {
  border-bottom: none;
}
.autocomplete-item:hover {
  background: linear-gradient(135deg, #f8f9ff 0%, #e8ebff 100%);
  padding-left: 24px;
  transform: translateX(4px);
}
.autocomplete-arrow {
  color: #06038d;
  font-size: 14px;
  opacity: 0.3; 
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.autocomplete-item:hover .autocomplete-arrow {
  opacity: 1;
  transform: translateX(4px);
}
.search-loading {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  gap: 16px;
}
.search-loading-spinner {
  width: 40px;
  height: 40px;
  border: 3px solid #f0f0f0;
  border-top: 3px solid #06038d;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
.search-no-results {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  gap: 12px;
  text-align: center;
}
.search-no-results i {
  font-size: 48px;
  color: #ccc;
  margin-bottom: 8px;
}
.search-no-results h4 {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a !important;
  margin: 0;
  display: block !important;
  opacity: 1 !important;
}
.search-no-results p {
  font-size: 14px;
  color: #666 !important;
  margin: 0;
  display: block !important;
  opacity: 1 !important;
}
.search-autocomplete-dropdown::-webkit-scrollbar {
  width: 8px;
}
.search-autocomplete-dropdown::-webkit-scrollbar-track {
  background: #f5f5f5;
  border-radius: 0 12px 12px 0;
}
.search-autocomplete-dropdown::-webkit-scrollbar-thumb {
  background: #06038d;
  border-radius: 4px;
}
.search-autocomplete-dropdown::-webkit-scrollbar-thumb:hover {
  background: #1a11c0;
}
@media (max-width: 576px) {
  .search-autocomplete-dropdown {
    max-height: 300px;
      border-radius: 8px;
  }
  .autocomplete-item {
    padding: 12px 16px;
      gap: 10px;
  }
  .autocomplete-item:hover {
    padding-left: 20px;
  }
  .autocomplete-icon-img {
    width: 28px;
      height: 28px;
      min-width: 28px;
  }
  .autocomplete-text {
    font-size: 14px;
  }
  .autocomplete-meta {
    font-size: 11px;
      padding: 3px 8px;
  }
  .autocomplete-category {
    padding: 10px 16px 6px;
      font-size: 11px;
  }
}
.custom-region-select-wrapper {
  position: relative;
  width: 100%;
}
.custom-region-button {
  width: 100%;
  padding: 16px 50px 16px 20px;
  font-size: 16px;
  color: #1a1a1a;
  background: rgba(255, 255, 255, 0.95);
  border: 2px solid rgba(6, 3, 141, 0.12);
  border-radius: 16px;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
}
.custom-region-button:hover {
  border-color: rgba(6, 3, 141, 0.25);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.custom-region-button:focus,
.custom-region-button:active {
  border-color: #ef3340; 
  box-shadow: 0 4px 20px rgba(239, 51, 64, 0.15); 
  background: white;
}
.region-icon-wrapper {
  width: 32px;
  height: 32px;
  min-width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(6, 3, 141, 0.06);
  border-radius: 8px;
  transition: all 0.3s ease;
}
.custom-region-button:hover .region-icon-wrapper {
  background: rgba(6, 3, 141, 0.1);
  transform: scale(1.05);
}
.region-icon-img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.region-icon-default,
.region-icon-fallback {
  font-size: 16px;
  color: #06038d;
}
.region-selected-text {
  flex: 1;
  font-weight: 500;
}
.region-dropdown-arrow {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #06038d;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.custom-region-button:hover .region-dropdown-arrow {
  transform: translateY(-50%) scale(1.1);
}
.custom-region-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: white;
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
  max-height: 400px;
  overflow-y: auto;
  z-index: 99999;
  display: none;
  border: 1px solid rgba(6, 3, 141, 0.08);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
}
.custom-region-dropdown.show {
  display: block;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  animation: slideDownFade 0.3s ease-out;
}
.region-dropdown-item {
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  opacity: 0;
  animation: fadeInItem 0.3s ease forwards;
}
.region-dropdown-item:last-child {
  border-bottom: none;
}
.region-dropdown-item:hover {
  background: linear-gradient(135deg, #f8f9ff 0%, #e8ebff 100%);
  padding-left: 24px;
}
.region-name {
  flex: 1;
  font-size: 15px;
  font-weight: 500;
  color: #1a1a1a;
}
.region-check-icon {
  font-size: 16px;
  color: #06038d;
  opacity: 0;
  transition: all 0.2s ease;
}
.region-dropdown-item.selected {
  background: rgba(6, 3, 141, 0.06);
}
.region-dropdown-item.selected .region-check-icon {
  opacity: 1;
}
.region-dropdown-item.selected .region-name {
  color: #06038d;
  font-weight: 700;
}
.custom-region-dropdown::-webkit-scrollbar {
  width: 8px;
}
.custom-region-dropdown::-webkit-scrollbar-track {
  background: #f5f5f5;
  border-radius: 0 12px 12px 0;
}
.custom-region-dropdown::-webkit-scrollbar-thumb {
  background: #06038d;
  border-radius: 4px;
}
.custom-region-dropdown::-webkit-scrollbar-thumb:hover {
  background: #1a11c0;
}
@media (max-width: 576px) {
  .custom-region-button {
    padding: 14px 45px 14px 16px;
      font-size: 15px;
  }
  .region-icon-wrapper {
    width: 28px;
      height: 28px;
      min-width: 28px;
  }
  .region-icon-img {
    width: 20px;
      height: 20px;
  }
  .region-icon-default,
  .region-icon-fallback {
    font-size: 14px;
  }
  .region-selected-text {
    font-size: 15px;
  }
  .region-dropdown-arrow {
    right: 16px;
  }
  .custom-region-dropdown {
    max-height: 300px;
      border-radius: 12px;
  }
  .region-dropdown-item {
    padding: 12px 16px;
      gap: 10px;
  }
  .region-dropdown-item:hover {
    padding-left: 20px;
  }
  .region-name {
    font-size: 14px;
  }
}
.btn-filter-primary {
  padding: 14px 32px;
  background: linear-gradient(135deg, #ef3340 0%, #d62835 100%);
  color: white;
  border: none;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(239, 51, 64, 0.25);
  display: flex;
  align-items: center;
  gap: 10px;
}
.btn-filter-primary:hover {
  background: linear-gradient(135deg, #d62835 0%, #c21e2a 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(239, 51, 64, 0.35);
}
.btn-filter-primary:active {
  transform: translateY(0);
  box-shadow: 0 2px 10px rgba(239, 51, 64, 0.3);
}
.btn-filter-primary i {
  font-size: 16px;
}
.btn-reset-icon-only {
  width: 48px;
  height: 48px;
  padding: 0;
  background: white;
  color: #ef3340;
  border: 2px solid #ef3340;
  border-radius: 50%; 
  font-size: 18px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.btn-reset-icon-only:hover {
  background: #ef3340;
  color: white;
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 4px 15px rgba(239, 51, 64, 0.25);
}
.btn-reset-icon-only:active {
  transform: translateY(0) scale(1);
}
.btn-reset-icon-only i {
  transition: transform 0.3s ease;
}
.btn-reset-icon-only:hover i {
  transform: rotate(-180deg);
}
.filter-buttons-row {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 10px;
}
@media (max-width: 768px) {
  .btn-filter-primary {
    padding: 11px 24px; 
      font-size: 15px;
      gap: 8px;
  }
  .btn-reset-icon-only {
    width: 44px;
      height: 44px;
      font-size: 17px;
  }
}
@media (max-width: 576px) {
  .btn-filter-primary {
    padding: 10px 20px; 
      font-size: 14px; 
      gap: 6px;
      border-radius: 25px;
      flex: 1; 
      min-width: 0; 
      justify-content: center;
  }
  .btn-filter-primary i {
    font-size: 14px;
  }
  .btn-reset-icon-only {
    width: 42px; 
      height: 42px;
      font-size: 16px;
      flex-shrink: 0;
  }
  .filter-buttons-row {
    gap: 8px;
      padding-top: 8px;
  }
}
@media (max-width: 400px) {
  .btn-filter-primary {
    padding: 9px 16px;
      font-size: 13px;
      gap: 5px;
      border-radius: 22px;
  }
  .btn-filter-primary i {
    font-size: 13px;
  }
  .btn-reset-icon-only {
    width: 38px;
      height: 38px;
      font-size: 14px;
      border-width: 1.5px;
  }
  .filter-buttons-row {
    gap: 6px;
  }
}
@media (max-height: 500px) and (orientation: landscape) {
  .btn-filter-primary {
    padding: 8px 18px;
      font-size: 13px;
  }
  .btn-reset-icon-only {
    width: 36px;
      height: 36px;
      font-size: 14px;
  }
}
.sf-searchbar-box {
  background: white;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.sf-searchbar-box h3 {
  color: #333 !important;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  padding: 20px 24px 16px;
  text-align: center;
  background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
}
.sf-searchbar-box hr {
  margin: 0;
  border: none;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(6, 3, 141, 0.12) 50%,
    transparent 100%
  );
}
.sf-searchbar-area {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  
  scrollbar-width: thin;
  scrollbar-color: rgba(6, 3, 141, 0.3) rgba(6, 3, 141, 0.05);
}
.sf-searchbar-area::-webkit-scrollbar {
  width: 6px;
}
.sf-searchbar-area::-webkit-scrollbar-track {
  background: rgba(6, 3, 141, 0.05);
  border-radius: 10px;
}
.sf-searchbar-area::-webkit-scrollbar-thumb {
  background: rgba(6, 3, 141, 0.3);
  border-radius: 10px;
  transition: background 0.3s ease;
}
.sf-searchbar-area::-webkit-scrollbar-thumb:hover {
  background: rgba(6, 3, 141, 0.5);
}
.sf-searchbar-area > li {
  padding: 20px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  transition: background 0.3s ease;
}
.sf-searchbar-area > li:hover {
  background: rgba(6, 3, 141, 0.02);
}
.sf-searchbar-area > li:last-child {
  border-bottom: none;
}
.sf-search-title {
  margin-bottom: 12px;
}
.sf-search-title label {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  display: block;
  margin-bottom: 8px;
}
.sf-search-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: middle;
}
.sf-search-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0.7;
}
.sf-form-control {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid rgba(6, 3, 141, 0.12);
  border-radius: 12px;
  font-size: 15px;
  color: #333;
  background: white;
  transition: all 0.3s ease;
}
.sf-form-control:focus {
  outline: none;
  border-color: #ef3340;
  box-shadow: 0 0 0 4px rgba(239, 51, 64, 0.08);
  background: #fff;
}
.sf-form-control:hover {
  border-color: rgba(6, 3, 141, 0.2);
}
.sf-search-feild {
  position: relative;
}
.sf-search-feild::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #06038d;
  pointer-events: none;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(-50%);
  z-index: 1;
}
.sf-search-feild.dropdown-open::after {
  transform: translateY(-50%) rotate(180deg);
}
.sf-select-box.form-control {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  padding-right: 40px !important;
  cursor: pointer;
  position: relative;
  background-color: white !important;
  background-image: none !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.sf-select-box::-ms-expand {
  display: none;
}
.sf-select-box.form-control:hover {
  border-color: #06038d !important;
}
.sf-search-feild:hover::after {
  border-top-color: #ef3340;
}
.sf-select-box.form-control:focus {
  outline: none;
  border-color: #06038d !important;
  box-shadow: 0 0 0 4px rgba(6, 3, 141, 0.1) !important;
}
.password-toggle-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #06038d;
  cursor: pointer;
  font-size: 18px;
  transition: all 0.3s ease;
  z-index: 10;
  padding: 0px;
  border-radius: 6px;
}
.password-toggle-icon:hover {
  color: #ef3340;
  background: rgba(6, 3, 141, 0.05);
}
.password-toggle-icon:active {
  transform: translateY(-50%) scale(0.95);
}
.aon-inputicon-box input[type="password"] {
  padding-right: 50px;
}
.aon-inputicon-box input[type="text"] {
  padding-right: 50px;
}
.sf-radio-checkbox {
  margin-bottom: 12px;
  position: relative;
}
.sf-radio-checkbox input[type="checkbox"],
.sf-radio-checkbox input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  margin: 0;
}
.sf-radio-checkbox input[type="checkbox"] + label {
  display: block;
  cursor: pointer;
  font-size: 14px;
  color: #666;
  padding: 10px 12px 10px 42px;
  border-radius: 8px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
  position: relative;
  line-height: 1.4;
  font-weight: normal !important;
  margin-bottom: 0;
}
.sf-radio-checkbox input[type="checkbox"] + label:hover {
  background: rgba(6, 3, 141, 0.05);
  color: #333;
}
.sf-radio-checkbox input[type="checkbox"] + label::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid rgba(6, 3, 141, 0.3);
  border-radius: 6px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.sf-radio-checkbox
  input[type="checkbox"]
  + label:hover::before {
  border-color: #06038d;
  box-shadow: 0 2px 6px rgba(6, 3, 141, 0.15);
}
.sf-radio-checkbox input[type="checkbox"] + label::after {
  display: none !important;
  content: none !important;
}
.sf-radio-checkbox input[type="checkbox"]:checked + label {
  background: rgba(6, 3, 141, 0.08);
  color: #06038d;
  font-weight: 600 !important;
}
.sf-radio-checkbox
  input[type="checkbox"]:checked
  + label::before {
  background: linear-gradient(135deg, #06038d 0%, #0804b8 100%);
  border-color: #06038d;
  box-shadow: 0 4px 12px rgba(6, 3, 141, 0.25);
  transform: translateY(-50%) scale(1.05);
}
.sf-radio-checkbox
  input[type="checkbox"]:checked
  + label::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  left: 19px;
  top: 50%;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: translateY(-50%) translateY(-1px) rotate(45deg);
  z-index: 2;
  animation: checkmarkPop 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.sf-radio-checkbox
  input[type="checkbox"]:focus
  + label::before {
  outline: none;
  box-shadow: 0 0 0 4px rgba(6, 3, 141, 0.15);
}
.sf-radio-checkbox input[type="checkbox"]:disabled + label {
  cursor: not-allowed;
  opacity: 0.5;
  color: #999;
}
.sf-radio-checkbox
  input[type="checkbox"]:disabled
  + label::before {
  background: #f5f5f5;
  border-color: #ddd;
  cursor: not-allowed;
}
.sf-radio-checkbox input[type="radio"] + label {
  display: block;
  cursor: pointer;
  font-size: 14px;
  color: #666;
  padding: 10px 12px 10px 42px;
  border-radius: 8px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
  position: relative;
  line-height: 1.4;
  font-weight: normal !important;
  margin-bottom: 0;
}
.sf-radio-checkbox input[type="radio"] + label:hover {
  background: rgba(6, 3, 141, 0.05);
  color: #333;
}
.sf-radio-checkbox input[type="radio"] + label::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid rgba(6, 3, 141, 0.3);
  border-radius: 50%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.sf-radio-checkbox input[type="radio"] + label:hover::before {
  border-color: #06038d;
  box-shadow: 0 2px 6px rgba(6, 3, 141, 0.15);
}
.sf-radio-checkbox input[type="radio"]:checked + label {
  background: rgba(6, 3, 141, 0.08);
  color: #06038d;
  font-weight: 600 !important;
}
.sf-radio-checkbox input[type="radio"]:checked + label::before {
  border-width: 6px;
  border-color: #06038d;
  background: transparent;
  box-shadow: 0 4px 12px rgba(6, 3, 141, 0.25);
  transform: translateY(-50%) scale(1.05);
  animation: radioPulse 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.sf-radio-checkbox input[type="radio"]:focus + label::before {
  outline: none;
  box-shadow: 0 0 0 4px rgba(6, 3, 141, 0.15);
}
.sf-radio-checkbox input[type="radio"]:disabled + label {
  cursor: not-allowed;
  opacity: 0.5;
  color: #999;
}
.sf-radio-checkbox
  input[type="radio"]:disabled
  + label::before {
  background: #f5f5f5;
  border-color: #ddd;
  cursor: not-allowed;
}
.radio-inline-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.radio-inline-box .sf-radio-checkbox {
  margin-right: 20px;
  margin-bottom: 10px;
}
.radio-inline-box .sf-radio-checkbox label {
  font-size: 14px;
}
#podkategorijeLista,
#distriktLista {
  margin-top: 12px;
  padding: 12px;
  background: rgba(6, 3, 141, 0.03);
  border-radius: 10px;
  max-height: 250px;
  overflow-y: auto;
}
#podkategorijeLista::-webkit-scrollbar,
#distriktLista::-webkit-scrollbar {
  width: 4px;
}
#podkategorijeLista::-webkit-scrollbar-track,
#distriktLista::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
}
#podkategorijeLista::-webkit-scrollbar-thumb,
#distriktLista::-webkit-scrollbar-thumb {
  background: rgba(6, 3, 141, 0.3);
  border-radius: 10px;
}
@media (min-width: 992px) {
  .sf-searchbar-box {
    max-height: none;
  }
  .sf-searchbar-area {
    max-height: none;
  }
  .filter-buttons-row {
    padding: 20px 24px;
      background: white;
  }
}
@media (max-width: 991px) {
  .sf-searchbar-box {
    display: flex;
      flex-direction: column;
      height: 100vh;
      max-height: 100vh;
      border-radius: 0;
  }
  .sf-searchbar-area {
    flex: 1;
      overflow-y: auto;
      padding-bottom: 20px;
  }
  .filter-buttons-row {
    position: sticky;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 16px 20px;
      background: white;
      border-top: 1px solid rgba(0, 0, 0, 0.08);
      box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
      z-index: 10;
      flex-shrink: 0;
  }
}
@media (max-width: 768px) {
  .sf-searchbar-box h3 {
    font-size: 18px;
      padding: 16px 20px 12px;
  }
  .sf-searchbar-area > li {
    padding: 16px 20px;
  }
  .sf-search-title label {
    font-size: 14px;
  }
  .sf-form-control {
    padding: 10px 14px;
      font-size: 14px;
  }
}
@media (max-width: 576px) {
  .sf-searchbar-box h3 {
    font-size: 16px;
      padding: 14px 16px 10px;
  }
  .sf-searchbar-area > li {
    padding: 14px 16px;
  }
  .sf-search-title label {
    font-size: 13px;
      margin-bottom: 6px;
  }
  .sf-form-control {
    padding: 9px 12px;
      font-size: 13px;
      border-radius: 10px;
  }
  .sf-radio-checkbox label {
    font-size: 13px;
      padding: 8px 10px;
  }
  .filter-buttons-row {
    padding: 12px 16px;
  }
}
.sf-searchbar-area > li {
  animation: fadeInUp 0.3s ease forwards;
}
.sf-searchbar-area > li:nth-child(1) {
  animation-delay: 0.05s;
}
.sf-searchbar-area > li:nth-child(2) {
  animation-delay: 0.1s;
}
.sf-searchbar-area > li:nth-child(3) {
  animation-delay: 0.15s;
}
.sf-form-control:focus {
  transform: translateY(-1px);
}
.sf-searchbar-box.loading {
  pointer-events: none;
  opacity: 0.6;
}
.sf-searchbar-box.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border: 3px solid rgba(6, 3, 141, 0.2);
  border-top-color: #06038d;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
.sf-form-control:focus-visible,
.sf-radio-checkbox label:focus-visible {
  outline: 2px solid #ef3340;
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
  }
}
.owl-next,
.owl-prev,
button.owl-next,
button.owl-prev {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
.owl-next:focus,
.owl-prev:focus,
button.owl-next:focus,
button.owl-prev:focus,
.owl-next:focus-visible,
.owl-prev:focus-visible,
button.owl-next:focus-visible,
button.owl-prev:focus-visible {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.owl-next .ar-right,
.owl-prev .ar-left,
.owl-next span,
.owl-prev span {
  border: none !important;
  outline: none !important;
}
div[id^="socMediaDiv_"] .input-group {
  display: flex;
  align-items: stretch;
  gap: 0;
  position: relative;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  border: 2px solid rgba(6, 3, 141, 0.08);
}
div[id^="socMediaDiv_"] .input-group:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  border-color: rgba(6, 3, 141, 0.15);
  transform: translateY(-2px);
}
div[id^="socMediaDiv_"] .input-group .aon-input-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  width: 60px;
  padding: 0;
  background: linear-gradient(135deg, rgba(6, 3, 141, 0.08), rgba(6, 3, 141, 0.12));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #06038d;
  font-size: 20px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}
div[id^="socMediaDiv_"] .input-group:hover .aon-input-icon {
  background: linear-gradient(135deg, rgba(6, 3, 141, 0.12), rgba(6, 3, 141, 0.18));
  transform: scale(1.05);
}
div[id^="socMediaDiv_"] .input-group .form-control {
  flex: 1;
  border: none;
  background: transparent;
  padding: 14px 20px;
  font-size: 15px;
  color: #1a1a1a;
  transition: all 0.3s ease;
  outline: none;
  box-shadow: none;
}
div[id^="socMediaDiv_"] .input-group .form-control:focus {
  background: transparent;
  outline: none;
  box-shadow: none;
}
div[id^="socMediaDiv_"] .input-group .input-group-append {
  display: flex;
  align-items: center;
  margin: 0;
}
div[id^="socMediaDiv_"] .input-group .admin-button {
  min-width: 50px;
  width: 50px;
  height: 100%;
  border: none;
  background: linear-gradient(135deg, rgba(239, 51, 64, 0.08), rgba(239, 51, 64, 0.12));
  color: #ef3340;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: relative;
  overflow: hidden;
}
div[id^="socMediaDiv_"] .input-group .admin-button:hover {
  background: linear-gradient(135deg, #ef3340, rgba(239, 51, 64, 0.9));
  color: white;
  transform: scale(1.05);
}
div[id^="socMediaDiv_"] .input-group .admin-button:active {
  transform: scale(0.95);
}
div[id^="socMediaDiv_"] .input-group .admin-button i {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
div[id^="socMediaDiv_"] .input-group .admin-button:hover i {
  transform: rotate(15deg) scale(1.1);
}
div[id^="socMediaDiv_"] .input-group:has(.fa-facebook-f) .aon-input-icon {
  color: #1877f2;
}
div[id^="socMediaDiv_"] .input-group:has(.fa-facebook-f):hover .aon-input-icon {
  background: linear-gradient(135deg, #1877f2, rgba(24, 119, 242, 0.8));
  color: white;
}
div[id^="socMediaDiv_"] .input-group:has(.fa-twitter) .aon-input-icon,
div[id^="socMediaDiv_"] .input-group:has(.fa-x-twitter) .aon-input-icon {
  color: #000000;
}
div[id^="socMediaDiv_"] .input-group:has(.fa-twitter):hover .aon-input-icon,
div[id^="socMediaDiv_"] .input-group:has(.fa-x-twitter):hover .aon-input-icon {
  background: linear-gradient(135deg, #000000, rgba(0, 0, 0, 0.8));
  color: white;
}
div[id^="socMediaDiv_"] .input-group:has(.fa-instagram) .aon-input-icon {
  color: #e4405f;
}
div[id^="socMediaDiv_"] .input-group:has(.fa-instagram):hover .aon-input-icon {
  background: linear-gradient(135deg, #e4405f, #f77737, #fcaf45);
  color: white;
}
div[id^="socMediaDiv_"] .input-group:has(.fa-linkedin) .aon-input-icon {
  color: #0a66c2;
}
div[id^="socMediaDiv_"] .input-group:has(.fa-linkedin):hover .aon-input-icon {
  background: linear-gradient(135deg, #0a66c2, rgba(10, 102, 194, 0.8));
  color: white;
}
div[id^="socMediaDiv_"] .input-group:has(.fa-youtube) .aon-input-icon {
  color: #ff0000;
}
div[id^="socMediaDiv_"] .input-group:has(.fa-youtube):hover .aon-input-icon {
  background: linear-gradient(135deg, #ff0000, rgba(255, 0, 0, 0.8));
  color: white;
}
div[id^="socMediaDiv_"] .input-group:has(.fa-tiktok) .aon-input-icon {
  color: #000000;
}
div[id^="socMediaDiv_"] .input-group:has(.fa-tiktok):hover .aon-input-icon {
  background: linear-gradient(135deg, #00f2ea, #ff0050);
  color: white;
}
.input-group.phone-input {
  display: flex;
  align-items: stretch;
  gap: 0;
  position: relative;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  border: 2px solid rgba(6, 3, 141, 0.08);
}
.input-group.phone-input:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  border-color: rgba(6, 3, 141, 0.15);
  transform: translateY(-2px);
}
.input-group.phone-input:focus-within {
  border-color: #06038d;
  box-shadow: 0 4px 20px rgba(6, 3, 141, 0.15);
  background: rgba(255, 255, 255, 1);
}
.input-group.phone-input .aon-input-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  width: 60px;
  padding: 0;
  background: linear-gradient(135deg, rgba(6, 3, 141, 0.08), rgba(6, 3, 141, 0.12));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #06038d;
  font-size: 20px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}
.input-group.phone-input:hover .aon-input-icon {
  background: linear-gradient(135deg, rgba(6, 3, 141, 0.12), rgba(6, 3, 141, 0.18));
  transform: scale(1.05);
}
.input-group.phone-input:focus-within .aon-input-icon {
  background: linear-gradient(135deg, #06038d, rgba(6, 3, 141, 0.9));
  color: white;
  transform: scale(1.08);
}
.input-group.phone-input .form-control {
  flex: 1;
  border: none;
  background: transparent;
  padding: 14px 20px;
  font-size: 15px;
  color: #1a1a1a;
  transition: all 0.3s ease;
  outline: none;
  box-shadow: none;
}
.input-group.phone-input .form-control:focus {
  background: transparent;
  outline: none;
  box-shadow: none;
}
.input-group.phone-input .form-control::placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.input-group.email-input {
  display: flex;
  align-items: stretch;
  gap: 0;
  position: relative;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  border: 2px solid rgba(6, 3, 141, 0.08);
}
.input-group.email-input:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  border-color: rgba(6, 3, 141, 0.15);
  transform: translateY(-2px);
}
.input-group.email-input:focus-within {
  border-color: #06038d;
  box-shadow: 0 4px 20px rgba(6, 3, 141, 0.15);
  background: rgba(255, 255, 255, 1);
}
.input-group.email-input .aon-input-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  width: 60px;
  padding: 0;
  background: linear-gradient(135deg, rgba(239, 51, 64, 0.08), rgba(239, 51, 64, 0.12));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #ef3340;
  font-size: 20px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}
.input-group.email-input:hover .aon-input-icon {
  background: linear-gradient(135deg, rgba(239, 51, 64, 0.12), rgba(239, 51, 64, 0.18));
  transform: scale(1.05);
}
.input-group.email-input:focus-within .aon-input-icon {
  background: linear-gradient(135deg, #ef3340, rgba(239, 51, 64, 0.9));
  color: white;
  transform: scale(1.08);
}
.input-group.email-input .form-control {
  flex: 1;
  border: none;
  background: transparent;
  padding: 14px 20px;
  font-size: 15px;
  color: #1a1a1a;
  transition: all 0.3s ease;
  outline: none;
  box-shadow: none;
}
.input-group.email-input .form-control:focus {
  background: transparent;
  outline: none;
  box-shadow: none;
}
.input-group.email-input .form-control::placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.subcategory-item-modern {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.95);
  border: 2px solid rgba(6, 3, 141, 0.08);
  border-radius: 12px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  margin-bottom: 8px;
}
.subcategory-item-modern:hover {
  background: rgba(6, 3, 141, 0.03);
  border-color: rgba(6, 3, 141, 0.15);
  transform: translateX(4px);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.subcategory-item-modern.active {
  background: linear-gradient(135deg, rgba(6, 3, 141, 0.08), rgba(6, 3, 141, 0.05));
  border-color: #06038d;
  box-shadow: 0 4px 16px rgba(6, 3, 141, 0.15);
}
.subcategory-item-modern .subcategory-image {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.subcategory-item-modern:hover .subcategory-image {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(6, 3, 141, 0.2);
}
.subcategory-item-modern .subcategory-label {
  flex: 1;
  font-size: 15px;
  color: #333;
  font-weight: 500;
  transition: color 0.3s ease;
}
.subcategory-item-modern:hover .subcategory-label {
  color: #06038d;
}
.subcategory-item-modern.active .subcategory-label {
  color: #06038d;
  font-weight: 600;
}
.contact-address-card-modern {
  background: rgba(255, 255, 255, 0.95);
  border: 2px solid rgba(6, 3, 141, 0.08);
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 16px;
}
.contact-address-card-modern:hover {
  border-color: rgba(6, 3, 141, 0.15);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  transform: translateY(-4px);
}
.contact-address-card-modern .card-header-modern {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(6, 3, 141, 0.08);
}
.contact-address-card-modern .card-header-modern .icon-wrapper {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(6, 3, 141, 0.1), rgba(6, 3, 141, 0.05));
  display: flex;
  align-items: center;
  justify-content: center;
  color: #06038d;
  font-size: 22px;
  transition: all 0.3s ease;
}
.contact-address-card-modern:hover .card-header-modern .icon-wrapper {
  background: linear-gradient(135deg, #06038d, rgba(6, 3, 141, 0.9));
  color: white;
  transform: scale(1.1);
}
.contact-address-card-modern .card-header-modern .title {
  flex: 1;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.contact-address-card-modern .card-body-modern {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.contact-address-card-modern .info-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px;
  background: rgba(6, 3, 141, 0.02);
  border-radius: 10px;
  transition: all 0.3s ease;
}
.contact-address-card-modern .info-row:hover {
  background: rgba(6, 3, 141, 0.05);
  transform: translateX(4px);
}
.contact-address-card-modern .info-row i {
  color: #06038d;
  font-size: 16px;
  margin-top: 2px;
  min-width: 20px;
}
.contact-address-card-modern .info-row .info-text {
  flex: 1;
  font-size: 15px;
  color: #555;
  line-height: 1.5;
}
.contact-address-card-modern .info-row .info-label {
  font-weight: 600;
  color: #333;
  margin-bottom: 4px;
}
.contact-address-card-modern .action-buttons {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(6, 3, 141, 0.08);
}
.contact-address-card-modern .action-btn-modern {
  flex: 1;
  padding: 10px 16px;
  border: 2px solid rgba(6, 3, 141, 0.15);
  border-radius: 10px;
  background: transparent;
  color: #06038d;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.contact-address-card-modern .action-btn-modern:hover {
  background: linear-gradient(135deg, #06038d, rgba(6, 3, 141, 0.9));
  color: white;
  border-color: #06038d;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(6, 3, 141, 0.2);
}
.contact-address-card-modern .action-btn-modern i {
  font-size: 16px;
}
@media (max-width: 576px) {
  .input-group.phone-input,
  .input-group.email-input {
    border-radius: 12px;
  }
  .input-group.phone-input .aon-input-icon,
  .input-group.email-input .aon-input-icon {
    min-width: 50px;
      width: 50px;
      font-size: 18px;
  }
  .input-group.phone-input .form-control,
  .input-group.email-input .form-control {
    padding: 12px 16px;
      font-size: 14px;
  }
  .subcategory-item-modern {
    padding: 10px 12px;
  }
  .subcategory-item-modern .subcategory-image {
    width: 36px;
      height: 36px;
  }
  .subcategory-item-modern .subcategory-label {
    font-size: 14px;
  }
  .contact-address-card-modern {
    padding: 16px;
  }
  .contact-address-card-modern .card-header-modern .icon-wrapper {
    width: 42px;
      height: 42px;
      font-size: 20px;
  }
  .contact-address-card-modern .card-header-modern .title {
    font-size: 16px;
  }
  .contact-address-card-modern .info-row {
    padding: 8px;
  }
  .contact-address-card-modern .info-row .info-text {
    font-size: 14px;
  }
  .contact-address-card-modern .action-buttons {
    flex-direction: column;
  }
  .contact-address-card-modern .action-btn-modern {
    width: 100%;
  }
}
.admin-button-modern {
  background: linear-gradient(135deg, #ef3340, rgba(239, 51, 64, 0.9));
  color: white;
  border: none;
  padding: 10px 16px;
  border-radius: 0 16px 16px 0;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 50px;
}
.admin-button-modern:hover {
  background: linear-gradient(135deg, #ff4757, #ef3340);
  transform: scale(1.05);
  box-shadow: 0 4px 15px rgba(239, 51, 64, 0.3);
}
.admin-button-modern:active {
  transform: scale(0.98);
}
.admin-button-modern i {
  font-size: 16px;
}
.subcategory-delete-btn {
  background: linear-gradient(135deg, rgba(239, 51, 64, 0.1), rgba(239, 51, 64, 0.15));
  color: #ef3340;
  border: 2px solid rgba(239, 51, 64, 0.2);
  border-radius: 8px;
  padding: 8px 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 600;
  flex-shrink: 0;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subcategory-delete-btn:hover {
  background: linear-gradient(135deg, #ef3340, rgba(239, 51, 64, 0.9));
  color: white;
  border-color: #ef3340;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(239, 51, 64, 0.3);
}
.subcategory-delete-btn:active {
  transform: scale(0.95);
}
.subcategory-delete-btn i {
  font-size: 14px;
}
@media (max-width: 576px) {
  .admin-button-modern {
    padding: 8px 12px;
      min-width: 45px;
  }
  .admin-button-modern i {
    font-size: 14px;
  }
  .subcategory-delete-btn {
    padding: 6px 10px;
      min-width: 36px;
  }
  .subcategory-delete-btn i {
    font-size: 13px;
  }
}
.company-info-card-modern {
  background: rgba(255, 255, 255, 0.95);
  border: 2px solid rgba(6, 3, 141, 0.08);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 24px;
}
.company-info-card-modern:hover {
  border-color: rgba(6, 3, 141, 0.15);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}
.company-card-header-modern {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 28px;
  background: linear-gradient(135deg, rgba(6, 3, 141, 0.05), rgba(6, 3, 141, 0.02));
  border-bottom: 2px solid rgba(6, 3, 141, 0.08);
  position: relative;
}
.company-card-header-modern h4 {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0;
}
.company-card-header-modern h4 i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: linear-gradient(135deg, #06038d, rgba(6, 3, 141, 0.9));
  color: white;
  border-radius: 12px;
  font-size: 20px;
  transition: all 0.3s ease;
}
.company-info-card-modern:hover .company-card-header-modern h4 i {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 4px 16px rgba(6, 3, 141, 0.3);
}
.company-card-header-modern .tooltip-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(239, 51, 64, 0.1), rgba(239, 51, 64, 0.05));
  color: #ef3340;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: help;
  transition: all 0.3s ease;
  font-size: 16px;
  font-weight: 700;
}
.company-card-header-modern .tooltip-icon:hover {
  background: linear-gradient(135deg, #ef3340, rgba(239, 51, 64, 0.9));
  color: white;
  transform: scale(1.15);
  box-shadow: 0 4px 12px rgba(239, 51, 64, 0.3);
}
.company-card-body-modern {
  padding: 32px 28px;
}
.company-avatar-section-modern {
  text-align: center;
  padding: 24px;
  background: linear-gradient(135deg, rgba(6, 3, 141, 0.02), rgba(6, 3, 141, 0.01));
  border-radius: 16px;
  margin-bottom: 24px;
  transition: all 0.3s ease;
}
.company-avatar-section-modern:hover {
  background: linear-gradient(135deg, rgba(6, 3, 141, 0.04), rgba(6, 3, 141, 0.02));
  transform: translateY(-2px);
}
.avatar-wrapper-modern {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}
.avatar-image-modern {
  width: 240px;
  max-width: 100%;
  aspect-ratio: 3 / 2;          
  height: auto;
  border-radius: 16px;
  object-fit: contain;          
  background: #fff;             
  padding: 8px;
  border: 4px solid rgba(6, 3, 141, 0.1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.avatar-wrapper-modern:hover .avatar-image-modern {
  border-color: #06038d;
  transform: scale(1.05);
  box-shadow: 0 12px 32px rgba(6, 3, 141, 0.25);
}
.avatar-upload-btn-modern {
  position: absolute;
  bottom: -12px;
  right: -12px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #06038d, rgba(6, 3, 141, 0.9));
  color: white;
  border: 4px solid white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 18px;
  box-shadow: 0 4px 12px rgba(6, 3, 141, 0.3);
}
.avatar-upload-btn-modern:hover {
  background: linear-gradient(135deg, #0805b5, #06038d);
  transform: scale(1.15) rotate(15deg);
  box-shadow: 0 6px 20px rgba(6, 3, 141, 0.4);
}
.avatar-upload-btn-modern:active {
  transform: scale(1.05) rotate(15deg);
}
.avatar-description-modern {
  color: #666;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}
.form-field-modern {
  position: relative;
}
.form-field-modern label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
  transition: color 0.3s ease;
}
.input-wrapper-modern {
  position: relative;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.98);
  border: 2px solid rgba(6, 3, 141, 0.08);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.input-wrapper-modern:hover {
  border-color: rgba(6, 3, 141, 0.15);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.input-wrapper-modern:focus-within {
  border-color: #06038d;
  box-shadow: 0 4px 16px rgba(6, 3, 141, 0.15);
  background: white;
}
.input-wrapper-modern:focus-within + label {
  color: #06038d;
}
.input-icon-modern {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  height: 50px;
  background: linear-gradient(135deg, rgba(6, 3, 141, 0.06), rgba(6, 3, 141, 0.08));
  color: #06038d;
  font-size: 18px;
  transition: all 0.3s ease;
}
.input-wrapper-modern:focus-within .input-icon-modern {
  background: linear-gradient(135deg, #06038d, rgba(6, 3, 141, 0.9));
  color: white;
  transform: scale(1.08);
}
.input-wrapper-modern:hover .input-icon-modern {
  background: linear-gradient(135deg, rgba(6, 3, 141, 0.1), rgba(6, 3, 141, 0.12));
  transform: scale(1.05);
}
.input-field-modern {
  flex: 1;
  border: none;
  background: transparent;
  padding: 14px 18px;
  font-size: 15px;
  color: #1a1a1a;
  outline: none;
  transition: all 0.3s ease;
}
.input-field-modern::placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.input-field-modern:disabled {
  color: #666;
  cursor: not-allowed;
  background: rgba(0, 0, 0, 0.02);
}
.textarea-wrapper-modern {
  position: relative;
  background: rgba(255, 255, 255, 0.98);
  border: 2px solid rgba(6, 3, 141, 0.08);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.textarea-wrapper-modern:hover {
  border-color: rgba(6, 3, 141, 0.15);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.textarea-wrapper-modern:focus-within {
  border-color: #06038d;
  box-shadow: 0 4px 16px rgba(6, 3, 141, 0.15);
  background: white;
}
.textarea-icon-modern {
  position: absolute;
  top: 14px;
  left: 14px;
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, rgba(6, 3, 141, 0.06), rgba(6, 3, 141, 0.08));
  color: #06038d;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 18px;
  transition: all 0.3s ease;
  z-index: 1;
}
.textarea-wrapper-modern:focus-within .textarea-icon-modern {
  background: linear-gradient(135deg, #06038d, rgba(6, 3, 141, 0.9));
  color: white;
  transform: scale(1.08);
}
.textarea-wrapper-modern:hover .textarea-icon-modern {
  background: linear-gradient(135deg, rgba(6, 3, 141, 0.1), rgba(6, 3, 141, 0.12));
  transform: scale(1.05);
}
.textarea-field-modern {
  width: 100%;
  border: none;
  background: transparent;
  padding: 14px 18px 14px 70px;
  font-size: 15px;
  color: #1a1a1a;
  outline: none;
  resize: vertical;
  min-height: 150px;
  font-family: inherit;
  line-height: 1.6;
  transition: all 0.3s ease;
}
.textarea-field-modern::placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.save-button-wrapper-modern {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 2px solid rgba(6, 3, 141, 0.08);
}
.save-button-modern {
  padding: 14px 32px;
  background: linear-gradient(135deg, #06038d, rgba(6, 3, 141, 0.9));
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 12px rgba(6, 3, 141, 0.2);
}
.save-button-modern:hover {
  background: linear-gradient(135deg, #0805b5, #06038d);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(6, 3, 141, 0.3);
}
.save-button-modern:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(6, 3, 141, 0.2);
}
.save-button-modern i {
  font-size: 18px;
}
.save-button-modern[hidden] {
  display: none;
}
.form-grid-modern {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.form-grid-modern .form-field-modern.full-width {
  grid-column: 1 / -1;
}
@media (max-width: 992px) {
  .form-grid-modern {
    grid-template-columns: 1fr;
  }
  .company-card-header-modern {
    padding: 20px 24px;
  }
  .company-card-body-modern {
    padding: 24px 20px;
  }
}
@media (max-width: 576px) {
  .company-card-header-modern h4 {
    font-size: 18px;
  }
  .company-card-header-modern h4 i {
    width: 38px;
      height: 38px;
      font-size: 18px;
  }
  .avatar-image-modern {
    width: 110px;
      height: 110px;
  }
  .avatar-upload-btn-modern {
    width: 42px;
      height: 42px;
      font-size: 16px;
  }
  .input-icon-modern {
    min-width: 45px;
      height: 45px;
      font-size: 16px;
  }
  .input-field-modern {
    padding: 12px 16px;
      font-size: 14px;
  }
  .textarea-field-modern {
    padding: 12px 16px 12px 60px;
      font-size: 14px;
  }
  .save-button-modern {
    width: 100%;
      justify-content: center;
  }
}
.category-chips::-webkit-scrollbar {
  height: 4px;
}
.category-chips::-webkit-scrollbar-track {
  background: rgba(6, 3, 141, 0.05);
  border-radius: 4px;
}
.category-chips::-webkit-scrollbar-thumb {
  background: rgba(6, 3, 141, 0.3);
  border-radius: 4px;
  transition: background 0.3s ease;
}
.category-chips::-webkit-scrollbar-thumb:hover {
  background: rgba(6, 3, 141, 0.5);
}
@media (max-width: 768px) {
  .category-chip {
    -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none;
  }
  .action-btn {
    -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none;
  }
  button {
    -webkit-tap-highlight-color: transparent;
  }
}
html {
  scroll-behavior: smooth;
}
@media print {
  .category-chips::-webkit-scrollbar {
    display: none;
  }
  .action-btn {
    box-shadow: none !important;
  }
}
.password-strength {
  margin-top: 8px;
            height: 4px;
            background: #e0e0e0;
            border-radius: 4px;
            overflow: hidden;
            opacity: 0;
            transition: opacity 0.3s ease;
}
.password-strength.visible {
  opacity: 1;
}
.password-strength-bar {
  height: 100%;
            width: 0;
            transition: all 0.3s ease;
            border-radius: 4px;
}
.password-strength-bar.weak {
  width: 33%;
            background: #EF3340;
}
.password-strength-bar.medium {
  width: 66%;
            background: #fb923c;
}
.password-strength-bar.strong {
  width: 100%;
            background: #10b981;
}
.password-strength-text {
  font-size: 12px;
            margin-top: 4px;
            color: #666;
}
.password-requirements {
  opacity: 0;
         overflow: hidden;
            background: #f8f9ff;
            border-left: 3px solid #06038D;
            border-radius: 8px;
            padding: 16px;
            margin-top: 12px;
            font-size: 13px;
             transition: opacity 0.4s ease, max-height 0.5s ease;
}
.password-requirements.visible {
  opacity: 1;
}
.password-requirements h4 {
  font-size: 13px;
            font-weight: 600;
            color: #06038D;
            margin-bottom: 10px;
}
.requirement-item {
  display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    color: #ef3340;
    opacity: 0.6;               
    transform: translateY(5px);
    transition: opacity 0.35s ease, transform 0.35s ease, color 0.3s ease;
}
.requirement-item i {
  font-size: 12px;
    color: #ccc;
    transition: color 0.3s ease;
}
.requirement-item.valid i {
  color: #10b981;
}
.requirement-item.valid {
  opacity: 1;
    transform: translateY(0);
    color: #10b981;
}
.requirement-item:hover {
  opacity: 1;
}
.password-requirements.hidden-completely {
  display: none;
}

/* ============ 3. Animacije ============ */

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes clockwise {
  0% {
    top: -6px;
    left: 0;
  }
  12% {
    top: -3px;
    left: 3px;
  }
  25% {
    top: 0;
    left: 6px;    
  }
  37% {
    top: 3px;
    left: 3px;
  }
  50% {
    top: 6px;
    left: 0;    
  }
  62% {
    top: 3px;
    left: -3px;
  }
  75% {
    top: 0;
    left: -6px;
  }
  87% {
    top: -3px;
    left: -3px;
  }
  100% {
    top: -6px;
    left: 0;    
  }
}
@keyframes counterclockwise {
  0% {
    top: -6px;
    left: 0;
  }
  12% {
    top: -3px;
    left: 3px;
  }
  25% {
    top: 0;
    left: 6px;    
  }
  37% {
    top: 3px;
    left: 3px;
  }
  50% {
    top: 6px;
    left: 0;    
  }
  62% {
    top: 3px;
    left: -3px;
  }
  75% {
    top: 0;
    left: -6px;
  }
  87% {
    top: -3px;
    left: -3px;
  }
  100% {
    top: -6px;
    left: 0;    
  }
}
@keyframes upNdown2 {
     0% { }
     50% { transform: translateX(30px); }
     100% { }
}
@keyframes upNdown222 {
     0% { }
     50% { width:70%; }
     100% { }
}
@keyframes zoom11 {
     0% { }
     50% { -moz-transform: rotate(50deg); -webkit-transform: rotate(50deg); -o-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); }
     100% { }
}
@keyframes toTopFromBottom {
	49% {transform: translateY(-100%);}
	50% {opacity: 0;transform: translateY(100%);}
	51% {opacity: 1;	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
@-webkit-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-webkit-transform: rotate(180deg);
		-webkit-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-webkit-transform: rotate(300deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:0%;
	}

	30% {
		opacity: 1;
		-webkit-transform:rotate(410deg);
		-webkit-animation-timing-function: ease-in-out;
		-webkit-origin:7%;
	}

	39% {
		opacity: 1;
		-webkit-transform: rotate(645deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:30%;
	}

	70% {
		opacity: 1;
		-webkit-transform: rotate(770deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:39%;
	}

	75% {
		opacity: 1;
		-webkit-transform: rotate(900deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:70%;
	}

	76% {
	opacity: 0;
		-webkit-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-webkit-transform: rotate(900deg);
	}
}
@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(6, 3, 141, 0.7);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(6, 3, 141, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes heartBeat {
  0%,
  100% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.3);
  }
  50% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(1.25);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes slideDownFade {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInItem {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes checkmarkPop {
  0% {
    transform: translateY(-50%) translateY(-1px) rotate(45deg)
      scale(0);
    opacity: 0;
  }
  50% {
    transform: translateY(-50%) translateY(-1px) rotate(45deg)
      scale(1.2);
  }
  100% {
    transform: translateY(-50%) translateY(-1px) rotate(45deg)
      scale(1);
    opacity: 1;
  }
}
@keyframes radioPulse {
  0% {
    transform: translateY(-50%) scale(0.8);
    opacity: 0.5;
  }
  50% {
    transform: translateY(-50%) scale(1.1);
  }
  100% {
    transform: translateY(-50%) scale(1.05);
    opacity: 1;
  }
}