/*--------------------------------------------------------------
# Root
--------------------------------------------------------------*/
:root {
  --primary: #dc4639; /* #0d768b #dc4639 */ --secondary: #0a4587; --success: #0d768b; --info: #0a4587; --warning: #ffc61d; --danger: #dc4639; --light: #f4f9fe; --dark: #fafafa; --link: #0a4587; --line: #ddd; --text : #444444; --text-bold : #000000; --text-meuted : #5a6268;

  /* Main darker Var */
  --primary-darker: #b30f00; --secondary-darker: #002b5c; --success-darker: #005668; --info-darker: #002b5c; --warning-darker: #ce9a00; --danger-darker: #b30f00; --light-darker: #e9ecef; --dark-darker: #878686; --link-darker: #002a5a; --line-darker: #ced4da; --text-darker : #212529; --text-bold-darker : #000000; --text-meuted-darker : #5a6268;
  
  /* Main darker Var */
  --primary-lighter: #f54130; /* #0d768b #dc4639 */ --secondary-lighter: #124d91; --success-lighter: #099cb9; --info-lighter: #0e5db8; --warning-lighter: #ffda6a; --danger-lighter: #dc4639; --light-lighter: #f8fafd; --dark-lighter: #c2c1c1; --link-lighter: #0358b7; --line-lighter: #dfdfdf; --text-lighter : #212529; --text-bold-lighter : #000000; --text-meuted-lighter : #5a6268;

  --text-primary-color: #444;
  --text-secondary-color: #1d467a;
  --text-section-title-color: #283742;
  --text-section-paragraph-color: #444444;
  --text-normal-color: #444444;
  --text-bolder-color: #000000;
  --text-lighter-color: #444444;

  --nav-menu-links-color: #5f6368;
  --nav-menu-links-hover-color: var(--secondary);
  --nav-menu-links-selected-color: var(--primary);

  --link-primary-color: #dc4639;
  --link-hover-primary-color: #0a4587;
  --link-selected-primary-color: #e00816;

  --link-secondary-color: #0a4587;
  --link-hover-secondary-color: #dc4639;
  --link-selected-secondary-color: #1d6b32;
}



/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
color: var(--text-normal-color);
}

.ltr{direction: ltr !important;}

.rtl{direction: rtl !important;}

h1{font-size: 2.5rem;}

h2{font-size: 2rem;}

h3{font-size: 1.21rem;}


@media only screen and (max-width: 768px){
  h2{font-size: 2rem;}

  h2{font-size: 1.665rem;}

  h3{font-size: 1.13rem;}
}
a {color: var(--link);text-decoration: none;}
a:hover {color: var(--link-lighter);}
a:focus {color: var(--link-lighter);}

a svg {fill: var(--link)}
a:hover svg {fill: var(--link-lighter)}
a:focus svg {fill: var(--link-lighter)}

.a-hover-underline:hover{text-decoration: underline !important;}

.a-hover-underline-with-icon:hover > .link-title{text-decoration: underline !important;}

.a-primary {
  cursor: pointer !important;
  color: var(--link-primary-color);
}

.a-primary:hover {
  color: var(--link-hover-primary-color);
}

.a-primary:focus {
  color: var(--link-hover-primary-color) !important;
}

.a-secondary {
  color: var(--link-secondary-color);
  cursor: pointer !important;
}

.a-secondary:hover {
  color: var(--link-hover-secondary-color);
}

.a-secondary:focus {
  color: var(--link-hover-secondary-color) !important;
}

.a-primary-important {
  color: var(--link-primary-color) !important;
}

.a-primary-important:hover {
  color: var(--link-hover-primary-color) !important;
}

.a-primary-important:focus {
  color: var(--link-hover-primary-color) !important;
}

.a-secondary-important {
  color: var(--link-secondary-color) !important;
}

.a-secondary-important:hover {
  color: var(--link-hover-secondary-color) !important;
}

.a-secondary-important:focus {
  color: var(--link-hover-secondary-color) !important;
}

.a-secondary-with-icon {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  color: var(--secondary);
}

.a-secondary-with-icon i{
color: var(--primary);
}

.a-secondary-with-icon:hover {
color: var(--primary);
}

.a-secondary-with-icon:hover > i {
color: var(--secondary);
}

.a-primary-with-icon {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
color: var(--primary);
}

.a-primary-with-icon i{
color: var(--secondary);
}

.a-primary-with-icon:hover {
color: var(--secondary);
}

.a-primary-with-icon:hover > i {
color: var(--primary);
}

.a-ul-secondary-with-icon {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
color: var(--secondary);
}

.a-ul-secondary-with-icon span{
text-decoration: underline;
}

.a-ul-secondary-with-icon i{
color: var(--primary);
}

.a-ul-secondary-with-icon:hover {
color: var(--primary);
}

.a-ul-secondary-with-icon:hover > i {
color: var(--secondary);
}

.a-ul-primary-with-icon {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
color: var(--primary);
}

.a-ul-primary-with-icon span{
text-decoration: underline;
}

.a-ul-primary-with-icon i{
color: var(--secondary);
}

.a-ul-primary-with-icon:hover {
color: var(--secondary);
}

.a-ul-primary-with-icon:hover > i {
color: var(--primary);
}

.a-darck-secondary-with-icon {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
color: #ffffff;
}

.a-darck-secondary-with-icon i{
color: var(--secondary-lighter);
}

.a-darck-secondary-with-icon:hover {
color: var(--secondary);
}

.a-darck-secondary-with-icon:hover > i {
color: #ffffff;
}

.a-darck-primary-with-icon {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
color: #ffffff;
}

.a-darck-primary-with-icon i{
color: var(--secondary-lighter);
}

.a-darck-primary-with-icon:hover {
color: var(--primary);
}

.a-darck-primary-with-icon:hover > i {
color: #ffffff;
}

.a-ul-darck-secondary-with-icon {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
color: #ffffff;
}

.a-ul-darck-secondary-with-icon span{
text-decoration: underline;
}

.a-ul-darck-secondary-with-icon i{
color: var(--primary-lighter);
}

.a-ul-darck-secondary-with-icon:hover {
color: var(--primary-lighter);
}

.a-ul-darck-secondary-with-icon:hover > i {
color: #ffffff;
}

.a-ul-darck-primary-with-icon {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
color: #ffffff;
}

.a-ul-darck-primary-with-icon span{
text-decoration: underline;
}

.a-ul-darck-primary-with-icon i{
color: var(--secondary-lighter);
}

.a-ul-darck-primary-with-icon:hover {
color: var(--primary);
}

.a-ul-darck-primary-with-icon:hover > i {
color: #ffffff;
}

.a-ul {
text-decoration: underline;
}

.a-ul-active {
text-decoration: underline;
}

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

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

.build {
font-weight: bold;
}

.ul-hover:hover {
text-decoration: underline !important;
}

.none-ul-hover:hover {
text-decoration: none !important;
}

.w-max{width: max-content !important;}
.w-min{width: min-content !important;}
.minw-100{min-width: 100% !important;}
.maxw-100{min-width: 100% !important;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {background: #ffffff; padding: 15px 0; top: 0px; z-index: 9996 !important; transition-property: background, box-shadow !important; transition-duration: 0.45s, 0s !important; transition-timing-function: cubic-bezier(0.55, 0.09, 0.68, 0.53); transition-delay: 0.1s, 0s !important;}

#header.header-show {box-shadow: 0px 3px 24px rgba(40, 18, 114, 0.05); transition: all 0.5s ease;}

#header.header-collapse {background: rgb(255 255 255 / 66%); backdrop-filter: blur(3px); transition: all 0.5s ease;}

@media (max-width: 991px) {
  #header{padding: 8px 0 !important; z-index: 998 !important;}
  #header.header-show {box-shadow: 0px 3px 24px rgba(40, 18, 114, 0.05); transition: all 0.5s ease;}
  
  #header.header-collapse {background: rgb(255 255 255 / 66%); backdrop-filter: blur(3px); transition: all 0.5s ease;}

  #header.mobile-nav-active {backdrop-filter: initial !important; transition: all 0s ease;}
}

#header .logo {padding: 0px; margin: 0px; line-height: 0; z-index: 1000;}

#header .logo .logo-link{display: inline-block; position: relative;}

#header .logo .logo-link img {max-width: 300px !important;max-height: 70px !important; transition-property: position, visibility, opacity !important; transition-duration: 0s, 0.7s, 0.7s !important; transition-timing-function: cubic-bezier(0.55, 0.09, 0.68, 0.53); transition-delay: 0s, 0.1s, 0.1s !important;}

#header .logo .logo-link img.invisible{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; visibility: hidden; opacity: 0;}

@media (max-width: 991px) {
  #header .logo {display: flex !important; justify-content: center !important; align-items: center !important;}
  #header .logo .logo-link img {max-width: 250px !important; max-height: 44px !important;}
}

@media (max-width: 767px){
  #header .logo{width: 100% !important;}
}

#header.activ-nav-menu .logo .logo-link .logo-color, #header.transparent.activ-nav-menu .logo .logo-link .logo-color{visibility: visible !important; opacity: 1 !important;}
#header.activ-nav-menu .logo .logo-link .logo-white, #header.transparent.activ-nav-menu .logo .logo-link .logo-white{visibility: hidden !important; opacity: 0 !important;}

#header .link-tools .tds-icon{fill: var(--secondary); transition-property: fill, color !important; transition-duration: 0.6s !important; transition-timing-function: cubic-bezier(0.55, 0.09, 0.68, 0.53); transition-delay: 0.1s !important;}

#header.activ-nav-menu .link-tools .tds-icon{fill: var(--secondary) !important;}

#header .link-tools .btn-group .dropdown-toggle-split::after, #header .link-tools .btn-group .dropend .dropdown-toggle-split::after, #header .link-tools .btn-group .dropup .dropdown-toggle-split::after{display: none !important;}

#header .link-tools .language-dropdown-menu{
  border: solid 1px var(--line) !important;
  border-radius: 5px !important;
}

#header .link-tools .language-dropdown-menu li{
  font-size: 0.9rem !important;
  line-height: 0.95rem !important;
}

#header .link-tools{z-index: 1000;}

#header .link-tools .language-dropdown-menu li .dropdown-item{
  border-radius: 5px !important;
  line-height: 0.95rem !important;
  font-size: 0.9rem !important;
  font-family: system-ui !important;
  font-weight: 400 !important;
  color: #000000 !important;
}

#header .link-tools .language-dropdown-menu .dropdown-item:hover{
  background: var(--light) !important;
}

#header .link-tools .language-dropdown-menu .dropdown-item.active, #header .link-tools .language-dropdown-menu .dropdown-item:active{
  background-color: transparent !important;
  border: solid 1px var(--line) !important;
  color: #000000 !important;
  font-weight: 400 !important;
}

#header .link-tools .language-dropdown-menu li a .lang-code{
  font-weight: 400 !important;
  text-transform: uppercase !important;
}

html {scroll-padding-top: 99.99px;}
@media (max-width: 991px){html {scroll-padding-top: 59.99px;}}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation --------------------------- */
#header .nav-menu .main-nav-li .start-brand-figure{position: relative;}

#header .nav-menu .main-nav-li .start-brand-figure::before{
  content: "";
  background: url('../../../img/brand-figures/third/square-x-dots.svg');
  background-position: center;
  background-size: 50px;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0px;
}

#header .nav-menu .main-nav-li .start-brand-figure::after{
  content: "";
  background: url('../../../img/brand-figures/third/square-x-dots.svg');
  background-position: center;
  background-size: 55px;
  background-repeat: no-repeat;
  width: 55px;
  height: 55px;
  position: absolute;
  bottom: 0px;
}

#header .nav-menu .main-nav-li .end-brand-figure{position: relative;}

#header .nav-menu .main-nav-li .end-brand-figure::before{
  content: "";
  background: url('../../../img/brand-figures/third/square-x-dots.svg');
  background-position: center;
  background-size: 50px;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0px;
}

#header .nav-menu .main-nav-li .end-brand-figure::after{
  content: "";
  background: url('../../../img/brand-figures/third/circle-line.svg');
  background-position: center;
  background-size: 90px;
  background-repeat: no-repeat;
  width: 102px;
  height: 102px;
  position: absolute;
  top: -20px;
  z-index: -1;
}

#header .nav-menu ul li .main-nav-item{text-transform: uppercase !important;}

#header .nav-menu{z-index: 999;}

#header .nav-menu ul {margin: 0;padding: 0; list-style: none;}

#header .nav-menu > ul {display: flex;}

#header .nav-menu > ul > li {padding-top: 3px; padding-bottom: 3px; position: relative; white-space: nowrap;}

#header .nav-menu > ul > .p-li {padding-right: 5px; padding-left: 5px;}

#header .nav-menu a.main-nav-item {padding: 16px 0px 13px 0px; border-bottom: 3px solid transparent; display: block; position: relative; color: var(--nav-menu-links-color); line-height: 17px !important; font-size: 17px; font-weight: 600; transition-property: border-color, color !important; transition-duration: 0.6s, 0.6s !important; transition-timing-function: cubic-bezier(0.55, 0.09, 0.68, 0.53); transition-delay: 0.18s, 0.1s !important;}

#header.transparent.activ-nav-menu .nav-menu ul li a.main-nav-item, #header.activ-nav-menu .nav-menu ul li a.main-nav-item{color: var(--nav-menu-links-color) !important;}

#header .nav-menu li:hover > a.main-nav-item{border-color: var(--secondary) !important; color: var(--secondary) !important;
  transition-property: border-color, color !important;
  transition-duration: 0.4s, 0.4s !important;
  transition-timing-function: cubic-bezier(0.55, 0.09, 0.68, 0.53);
  transition-delay: 0s, 0s !important;
}

#header.transparent.activ-nav-menu .nav-menu li:hover > a.main-nav-item, #header.activ-nav-menu .nav-menu li:hover > a.main-nav-item{border-color: var(--secondary) !important; color: var(--secondary) !important;}

#header .nav-menu .drop-down ul {
  background: #ffffff;
  padding-top: 100px;
  display: block !important;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: -5;
  opacity: 0;
  /* visibility: hidden; */
  transform: translate3d(0px, -100%, 0px);
  white-space: normal !important;
  transition-property: transform, z-index, opacity !important;
  transition-duration: 1s, 0s, 1s !important;
  transition-timing-function: ease-in-out;
  transition-delay: 0.15s, 0s, 0s !important;
}

#header .nav-menu .drop-down:hover > ul {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0px, 0px, 0px);
  box-shadow: 0px 3px 24px rgba(40, 18, 114, 0.05);
  z-index: -4;
  transition-property: transform, z-index, box-shadow, opacity !important;
  transition-duration: 1s, 0s, 0.5s, 0.5s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-delay: 0s, 0s, 0.5s, 0.15s !important;
}

.nav-menu .drop-down > ul div{opacity: 0; transition: all 0.4s ease !important;}

.nav-menu .drop-down:hover > ul div{opacity: 1; transition: all 0.9s ease-in-out !important;}

.nav-menu .drop-down ul a.link {font-size: 0.91rem; font-weight: 500; text-transform: none; color: var(--nav-menu-links-color);}

.nav-menu .drop-down .h6{line-height: 1rem !important; font-size: 1rem !important;}

.nav-menu .drop-down .secondary-border-start.h6{font-weight: 600;}

.nav-menu .drop-down ul a.link:hover, .nav-menu .drop-down ul .active > a.link, .nav-menu .drop-down ul li:hover > a.link {color: var(--nav-menu-links-hover-color) !important;}

.nav-menu .drop-down ul a.link:hover > .link-title, .nav-menu .drop-down ul .active > a.link .link-title, .nav-menu .drop-down ul li:hover > a.link .link-title{text-decoration: underline !important;}

.nav-menu .drop-down-media-center .drop-down-media-center-item a {padding-right: 0px !important; padding-left: 0px !important;}

.nav-menu .drop-down.drop-down-products .nested-container{
  background-color: #ffffff !important;
  margin-top: 29px !important;
  border-radius: 2px !important;
  box-shadow: 0px 0px 10px rgba(127, 137, 161, 0.25) !important;
}

#header .nav-menu .main-nav-li .lg-nav-menu-services-imgs-panel .lg-nav-menu-services .lg-nav-menu-service .lg-nav-menu-service-asset{
  height: 73.41px !important;
  min-height: 73.41px !important;
  max-height: 73.41px !important;
}

#header .nav-menu .main-nav-li .lg-nav-menu-services-imgs-panel .lg-nav-menu-services .lg-nav-menu-service .lg-nav-menu-service-asset .image-link{
  border-bottom: solid 1px var(--primary);
}

#header .nav-menu .main-nav-li .lg-nav-menu-services-imgs-panel .lg-nav-menu-services .lg-nav-menu-service .lg-nav-menu-service-asset .image-link img{
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  height: 73.41px !important;
  min-height: 73.41px;
  max-height: 73.41px !important;
}

#header .nav-menu .main-nav-li .lg-nav-menu-services-imgs-panel .lg-nav-menu-services .lg-nav-menu-service .lg-nav-menu-service-content .lg-nav-menu-service-title{
  line-height: 0.88rem !important;
  font-size: 0.745rem !important;
  font-weight: 700 !important;
}

#header .nav-menu .main-nav-li .lg-nav-menu-services-imgs-panel .lg-nav-menu-services .lg-nav-menu-service .lg-nav-menu-service-content .lg-nav-menu-service-links{
  line-height: 14px !important;
  font-size: 14px !important;
}

#header .nav-menu .main-nav-li .lg-nav-menu-services-imgs-panel .lg-nav-menu-services .lg-nav-menu-service .lg-nav-menu-service-content .lg-nav-menu-service-links a{
  display: block !important;
  line-height: 14px !important;
  font-size: 12px !important;
  text-decoration: underline !important;
}

#header .nav-menu .main-nav-li .lg-nav-menu-services-imgs-panel .lg-nav-menu-services .lg-nav-menu-service .lg-nav-menu-service-content .lg-nav-menu-service-links a:hover{
  font-weight: bold !important;
}

#header .drop-down-media-center-items .social-links a .svg-social-icon{
  width: 14px !important;
  height: 14px !important;
}
/* --------------------------------------------------------- */
/* Mobile Navigation --------------------------------------- */
.mobile-nav-toggle {
  background: none;
  padding: 0px !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer;
  z-index: 9998;  
  transition: all .5s ease !important;
}

#mobile_nav_toggle .icofont-navigation-menu{transition-property: color !important; transition-duration: 0.6s !important; transition-timing-function: cubic-bezier(0.55, 0.09, 0.68, 0.53); transition-delay: 0.1s !important;}

@media (max-width: 767px) {
  #mobile_nav_toggle{position: absolute !important;}
}

.mobile-nav-toggle i {
  color: var(--nav-menu-links-color) !important;
  font-size: 28px;
  line-height: 28px;
}

.mobile-nav {
  background: #ffffff;
  width: 83% !important;
  height: 100% !important;
  max-width: 25rem;
  min-width: 11.25rem;  position: fixed;
  padding: 16px 0px !important;
  border-radius: 0px;
  position: fixed;
  top: 0px;
  bottom: 0px;
  z-index: 9999 !important;
  transition: all 350ms ease !important;
}

.mobile-nav::before{
  content: "";
  background: url('../../../img/brand-figures/third/circle-line.svg');
  background-position: center;
  background-size: 100px;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  position: absolute;
  top: calc((100% - 100px) / 2);
  z-index: 2;
}

.mobile-nav-overly {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 9997;
  width: 100% !important;
  height: 100% !important;
  background: rgb(0 0 0 / 50%);
  backdrop-filter: blur(1.5px);
  overflow: hidden;
  display: none;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav .mobile-nav-header{
  background: #ffffffbb; backdrop-filter: blur(3px); padding: 16px 22px !important; line-height: 0 !important; position: absolute; top: 0px; right: 0px; left: 0px; z-index: 1;
}

.mobile-nav .mobile-nav-header::before{
  content: "";
  background: url('../../../img/brand-figures/lightened/semicircle.webp');
  background-position: center;
  background-size: 25px;
  background-repeat: no-repeat;
  width: 25px;
  height: 50px;
  position: absolute;
  top: 3px;
  z-index: 2;
}

.mobile-nav .mobile-nav-header::after{
  content: "";
  background: url('../../../img/brand-figures/third/diamond-circle-dots.svg');
  background-position: center;
  background-size: 60px;
  background-repeat: no-repeat;
  width: 60px;
  height: 64px;
  position: absolute;
  top: -23px;
  z-index: 2;
}

.mobile-nav .mobile-nav-header .mobile-nav-toggle{
  width: 24px !important; height: 24px !important; padding: 0px !important; margin: 0px !important; border-radius: 10px !important; font-size: 1rem !important;
}

.mobile-nav .mobile-nav-contact-info-language-links .contact-info a{
  color: var(--secondary) !important;
  font-size: 1.1rem !important;
}

.mobile-nav .mobile-nav-contact-info-language-links .contact-info a:hover{
  color: var(--primary) !important;
}

.mobile-nav .nav-ul{
  width: 100%;
  height: 100%;
  padding: 40px 24px 37px 24px !important;
  overflow-y: auto !important;
}

.mobile-nav .nav-ul .main-nav-li{
  border-bottom: 1px solid var(--line) !important;
}

.mobile-nav .nav-ul a {
  display: block;
  position: relative;
  color: var(--desctop-nav-links-color) !important;
  padding: 8px 0px;
  outline: none;
}

.mobile-nav .main-nav-item{
  font-size: 1rem !important;
  font-weight: 500 !important;
  text-transform: capitalize !important;
}

.mobile-nav .span-main-nav-item-url.active .br-b, .mobile-nav .span-sub-nav-item-url.active {
  border-bottom: solid 1px var(--secondary);
  color: var(--secondary) !important;
}

.mobile-nav .span-main-nav-item-url.active .br-b:hover {
  color: var(--text-primary-color) !important;
}

.mobile-nav .main-nav-li.active .main-nav-item, .mobile-nav .main-nav-li.active .link:hover {
  color: var(--nav-menu-links-hover-color) !important;
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\efc2";
  font-family: IcoFont;
  position: absolute;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  transition: all 350ms;
}

.mobile-nav .active.drop-down > a:after {
  content: "\efc2";
  font-size: 0.98rem !important;
  font-weight: 400 !important;
  transition: all 350ms;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
  padding: 0px 2px 8px 2px !important;
}

.mobile-nav .drop-down li {
  padding-right: 12px;
  padding-left: 12px;
}

.mobile-nav .drop-down ul li, .mobile-nav .drop-down ul li a {
  font-size: 0.90625rem !important;
  font-weight: 500;
}

.mobile-nav .secondary-border-start{font-weight: 600 !important;}

.mobile-nav .nav-display-li{
  margin-top: 15px !important;
}

.mobile-nav .nav-display-li .nav-display-title{
  display: block;
  position: relative;
  color: #2c4964 !important;
  padding: 8px 0px;
  font-weight: 500;
  outline: none;
}

.mobile-nav .nav-display-li .nav-display-ul{
  padding-bottom: 24px;
}

.mobile-nav .nav-display-li .nav-display-ul a{
  font-size: 0.90625rem !important;
}

.mobile-nav .main-nav-li.free-event-links ul li a.a-secondary-important{color: var(--secondary) !important;}

.mobile-nav .main-nav-li.free-event-links ul li a.a-primary-important{color: var(--primary) !important;}

.mobile-nav .main-nav-li.free-event-links ul li a.a-secondary-important:hover > span, .mobile-nav .main-nav-li.free-event-links ul li a.a-primary-important:hover > span{text-decoration: underline !important;}

.mobile-nav.display-mobile-nav .mobile-nav-overly-links .mobile-nav-language-links{
  width: 19.9% !important;
  padding: 16px 0px 0px 0px !important;
  position: absolute !important;
  top: 0px;
}

.mobile-nav.display-mobile-nav .mobile-nav-overly-links .mobile-nav-language-links .btn-group .mobile-language-form{
  padding: 0px !important; margin: 0px !important; line-height: 0 !important;
}

.mobile-nav.display-mobile-nav .mobile-nav-overly-links .mobile-nav-language-links .btn-group .mobile-language-form .select-language{
  background: transparent !important; width: min-content !important; border: none !important; outline: none !important; color: #ffffff !important; font-size: 1rem !important; font-weight: bolder !important; text-transform: uppercase; font-family: 'Helvetica Neue LT W02_77 Bd Cn',Helvetica,Arial !important; letter-spacing: 1px !important;
}

.mobile-nav.display-mobile-nav .mobile-nav-overly-links .mobile-nav-social-accounts{
  width: 19.9% !important;
  padding: 6.5px 0px !important;
  position: absolute !important;
  bottom: 0px;
}

@media (min-width: 425px) {
  .mobile-nav.display-mobile-nav .mobile-nav-overly-links .mobile-nav-social-accounts{
    height: 315px;
    bottom: calc((100% - 315px) / 2) !important;
  }
}

.mobile-nav.display-mobile-nav .mobile-nav-overly-links .mobile-nav-social-accounts .social-links{
  width: 20px !important;
  max-width: 20px !important;
  min-width: 20px !important;
}

.mobile-nav.display-mobile-nav .mobile-nav-overly-links .mobile-nav-social-accounts .social-links div{
  padding: 7.5px 0px !important;
  line-height: 0 !important;
}

.mobile-nav.display-mobile-nav .mobile-nav-overly-links .mobile-nav-social-accounts .social-links div a{
  width: 20px !important;
  height: 20px !important;
  padding: 0px !important;
}

.mobile-nav.display-mobile-nav .mobile-nav-overly-links .mobile-nav-social-accounts .social-links div a .svg-social-icon{
  fill: #ffffff !important;
  width: 20px !important;
  height: 20px !important;
}

.mobile-nav .mobile-nav-footer{
  background: #ffffffbb; backdrop-filter: blur(3px); padding: 0px 24px 16px 24px; line-height: 0 !important; position: absolute; right: 0px; bottom: 0px; left: 0px; z-index: 1;
}

.mobile-nav .mobile-nav-footer .mobile-nav-contact-links{
  padding-top: 16px; line-height: 0 !important;
}

.mobile-nav .mobile-nav-footer::before{
  content: "";
  background: url('../../../img/brand-figures/third/diamond-x-dots.svg');
  background-position: center;
  background-size: 26px;
  background-repeat: no-repeat;
  width: 26px;
  height: 26px;
  position: absolute;
  top: -2px;
  z-index: 2;
}

.mobile-nav .mobile-nav-footer::after{
  content: "";
  background: url('../../../img/brand-figures/third/circle-line.svg');
  background-position: center;
  background-size: 40px;
  background-repeat: no-repeat;
  width: 40px;
  height: 45px;
  position: absolute;
  top: -26px;
  z-index: 2;
}


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
.bg-primary{background-color: var(--primary) !important; color: #ffffff !important;}
.bg-secondary{background-color: var(--secondary) !important; color: #ffffff !important;}
.bg-info{background-color: var(--info) !important; color: #ffffff !important;}
.bg-success{background-color: var(--success) !important; color: #ffffff !important;}
.bg-warning{background-color: var(--warning) !important; color: #000000 !important;}
.bg-danger{background-color: var(--danger) !important; color: #ffffff !important;}
.bg-light{background-color: var(--light) !important; color: #000000;}
.bg-dark{background-color: var(--dark) !important; color: #ffffff !important;}

.bg-primary-darker{background-color: var(--primary-darker) !important; color: #ffffff !important;}
.bg-secondary-darker{background-color: var(--secondary-darker) !important; color: #ffffff !important;}
.bg-info-darker{background-color: var(--info-darker) !important; color: #ffffff !important;}
.bg-success-darker{background-color: var(--success-darker) !important; color: #ffffff !important;}
.bg-warning-darker{background-color: var(--warning-darker) !important; color: #000000 !important;}
.bg-danger-darker{background-color: var(--danger-darker) !important; color: #ffffff !important;}
.bg-light-darker{background-color: var(--light-darker) !important; color: #000000;}
.bg-dark-darker{background-color: var(--dark-darker) !important; color: #ffffff !important;}

.bg-primary-lighter{background-color: var(--primary-lighter) !important; color: #ffffff !important;}
.bg-secondary-lighter{background-color: var(--secondary-lighter) !important; color: #ffffff !important;}
.bg-info-lighter{background-color: var(--info-lighter) !important; color: #ffffff !important;}
.bg-success-lighter{background-color: var(--success-lighter) !important; color: #ffffff !important;}
.bg-warning-lighter{background-color: var(--warning-lighter) !important; color: #000000 !important;}
.bg-danger-lighter{background-color: var(--danger-lighter) !important; color: #ffffff !important;}
.bg-light-lighter{background-color: var(--light-lighter) !important; color: #000000;}
.bg-dark-lighter{background-color: var(--dark-lighter) !important; color: #ffffff !important;}


.text-primary{color: var(--primary) !important;}
.text-secondary{color: var(--secondary) !important;}
.text-info{color: var(--info) !important;}
.text-success{color: var(--success) !important;}
.text-warning{color: var(--warning) !important;}
.text-danger{color: var(--danger) !important;}
.text-light{color: var(--light) !important;}
.text-dark{color: var(--dark) !important;}

.text-primary-darker{color: var(--primary-darker) !important;}
.text-secondary-darker{color: var(--secondary-darker) !important;}
.text-info-darker{color: var(--info-darker) !important;}
.text-success-darker{color: var(--success-darker) !important;}
.text-warning-darker{color: var(--warning-darker) !important;}
.text-danger-darker{color: var(--danger-darker) !important;}
.text-light-darker{color: var(--light-darker) !important;}
.text-dark-darker{color: var(--dark-darker) !important;}

.text-primary-lighter{color: var(--primary-lighter) !important;}
.text-secondary-lighter{color: var(--secondary-lighter) !important;}
.text-info-lighter{color: var(--info-lighter) !important;}
.text-success-lighter{color: var(--success-lighter) !important;}
.text-warning-lighter{color: var(--warning-lighter) !important;}
.text-danger-lighter{color: var(--danger-lighter) !important;}
.text-light-lighter{color: var(--light-lighter) !important;}
.text-dark-lighter{color: var(--dark-lighter) !important;}

.first-section-inpage{margin-top: 100px;}
@media (max-width: 991px) {.first-section-inpage{margin-top: 60px;}}
section {
  padding: 40px 0;
  overflow: hidden;
}

.scrol-x-none-display {overflow-x: auto !important;}
.scrol-x-none-display::-webkit-scrollbar {display: none !important;}

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

.section-title{padding-bottom: 1rem;}

.section-title .section-title-content .title-content{
  position: relative; display: inline-block;
}

.section-title.brand-figure-third-circle-line .section-title-content .title-content::after{
  content: "";
  background: url('../../../img/brand-figures/third/circle-line.svg');
  background-position: center;
  background-size: 100px;
  background-repeat: no-repeat;
  width: 100px;
  height: 114px;
  position: absolute;
  top: -42px;
  z-index: 0;
}

.section-title.brand-figure-third-square-x-dots .section-title-content .title-content::after{
  content: "";
  background: url('../../../img/brand-figures/third/square-x-dots.svg');
  background-position: center;
  background-size: 65px;
  background-repeat: no-repeat;
  width: 65px;
  height: 65px;
  position: absolute;
  top: 0.8rem;
  z-index: 0;
}

.section-title.brand-figure-third-diamond-x-dots .section-title-content .title-content::after{
  content: "";
  background: url('../../../img/brand-figures/third/diamond-x-dots.svg');
  background-position: center;
  background-size: 70px;
  background-repeat: no-repeat;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0rem;
  z-index: 0;
}

.section-title.brand-figure-third-diamond-circle-dots .section-title-content .title-content::after{
  content: "";
  background: url('../../../img/brand-figures/third/diamond-circle-dots.svg');
  background-position: center;
  background-size: 70px;
  background-repeat: no-repeat;
  width: 70px;
  height: 74px;
  position: absolute;
  top: 0rem;
  z-index: 0;
}

.section-title .subtitle{
  margin: 0px 0px 1.1rem 0px;
  line-height: 1rem;
  font-size: 1rem;
  font-weight: bold;
  font-style: normal;
  color: var(--secondary); /* rgb(40 55 66 / 75%) */
}

.section-title h2 {
  padding-bottom: 1.1rem;
  margin-bottom: 0.9125rem;
  position: relative;
  display: inline-flex;
  justify-content: center;
  line-height: 2rem;
  font-size: 2rem;
  font-weight: bold;
  color: var(--text-section-title-color);
  text-align: center;
}

.section-title h2 span.title-text{min-width: 120px;}

.section-title h2::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: var(--success); /* #ddd */
  bottom: 1px;
}

.section-title h2::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: var(--primary);
  bottom: 0;
}

.section-title .describe-text {
  line-height: 1.25rem;
  font-size: 0.875rem;
}

.section-title .describe-text p{
  margin: 0px;
  line-height: 1.25rem;
  font-size: 0.875rem;
  color: rgb(40 55 66 / 95%);
}

@media only screen and (max-width: 768px){
  .section-title .subtitle{
    margin: 0px 0px 1rem 0px;
    line-height: 1rem;
    font-size: 1rem;
    font-weight: 500;
  }

  .section-title h2 {
    padding-bottom: 1rem;
    margin-bottom: 0.9125rem;
    line-height: 1.665rem;
    font-size: 1.665rem;
  }

  .section-title h2 span.title-text{min-width: 90px;}
  
  .section-title h2::before {
    width: 90px;
  }
  
  .section-title h2::after {
    width: 40px;
  }

  .section-title .describe-text {
    line-height: 1.25rem;
    font-size: 0.875rem;
  }
  
  .section-title .describe-text p{
    line-height: 1.25rem;
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 575px){
  .section-title .subtitle{
    margin: 0px 0px 1rem 0px;
    line-height: 1rem;
    font-size: 1rem;
    font-weight: 500;
  }

  .section-title h2 {
    padding-bottom: 1rem;
    margin-bottom: 0.9125rem;
    line-height: 1.365rem;
    font-size: 1.365rem;
  }
  
  .section-title h2::before {
    width: 90px;
  }
  
  .section-title h2::after {
    width: 40px;
  }

  .section-title .describe-text {
    line-height: 1.25rem;
    font-size: 0.875rem;
  }
  
  .section-title .describe-text p{
    line-height: 1.25rem;
    font-size: 0.875rem;
  }
}


.swiper-button-prev, .swiper-button-next{width: max-content !important; height: max-content !important; color: var(--secondary);}
.swiper-button-prev:hover, .swiper-button-next:hover{color: var(--primary);}


.swiper-button-prev, .swiper-rtl .swiper-button-next{left: -7px; right: auto;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right: -7px; left: auto;}

@media (max-width: 767px) {
  .swiper-button-prev, .swiper-rtl .swiper-button-next{left: -10px; right: auto;}
  .swiper-button-next, .swiper-rtl .swiper-button-prev{right: -10px; left: auto;}
}

.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after{
  content: "\ea68";
  font-family: IcoFont !important;
  font-size: 40px !important;
  line-height: 40px !important;
}

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after{
  content: "\ea69";
  font-family: IcoFont !important;
  font-size: 40px !important;
  line-height: 40px !important;
}

.autoplay-progress {
  position: absolute;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: var(--secondary);
}

.autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 3px;
  stroke: var(--secondary);
  fill: none;
  stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}


/* --------------------------------------------------------- */
/* Buttons -------------------------------------- */
.btn-primary{background: var(--primary) !important; border-color: var(--primary) !important; color: #ffffff !important;}
.btn-primary:hover{background: var(--primary-darker) !important; border-color: var(--primary-darker) !important; color: #ffffff !important;}
.btn-primary:focus{background: var(--primary-lighter) !important; border-color: var(--primary-lighter) !important; color: #ffffff !important;}
.btn-primary.loading{background: var(--primary-darker) !important; border-color: var(--primary-darker) !important; color: #ffffff !important;}
.btn-outline-primary{background: transparent !important; border-color: var(--primary) !important; color: var(--primary) !important;}
.btn-outline-primary:hover{background: var(--primary-darker) !important; border-color: var(--primary-darker) !important; color: #ffffff !important;}
.btn-outline-primary:focus{background: var(--primary-darker) !important; border-color: var(--primary-darker) !important; color: #ffffff !important;}
.btn-outline-primary.loading{background: var(--primary-darker) !important; border-color: var(--primary-darker) !important; color: #ffffff !important;}
/* btn-primary svg */
.btn-primary svg{fill: #ffffff;}
.btn-primary:hover svg{fill: #ffffff !important;}
.btn-primary.loading svg{fill: #ffffff !important;}
.btn-outline-primary svg{fill: var(--primary) !important;}
.btn-outline-primary:hover svg{fill: #ffffff !important;}
.btn-outline-primary:focus svg{fill: #ffffff !important;}
.btn-outline-primary.loading svg{fill: #ffffff !important;}

/* btn-secondary */
.btn-secondary{background: var(--secondary) !important; border-color: var(--secondary) !important; color: #ffffff !important;}
.btn-secondary:hover{background: var(--secondary-darker) !important; border-color: var(--secondary-darker) !important; color: #ffffff !important;}
.btn-secondary:focus{background: var(--secondary-lighter) !important; border-color: var(--secondary-lighter) !important; color: #ffffff !important;}
.btn-secondary.loading{background: var(--secondary-darker) !important; border-color: var(--secondary-darker) !important; color: #ffffff !important;}
.btn-outline-secondary{background: transparent !important; border-color: var(--secondary) !important; color: var(--secondary) !important;}
.btn-outline-secondary:hover{background: var(--secondary-darker) !important; border-color: var(--secondary-darker) !important; color: #ffffff !important;}
.btn-outline-secondary:focus{background: var(--secondary-darker) !important; border-color: var(--secondary-darker) !important; color: #ffffff !important;}
.btn-outline-secondary.loading{background: var(--secondary-darker) !important; border-color: var(--secondary-darker) !important; color: #ffffff !important;}
/* btn-secondary svg */
.btn-secondary svg{fill: #ffffff;}
.btn-secondary:hover svg{fill: #ffffff !important;}
.btn-secondary.loading svg{fill: #ffffff !important;}
.btn-outline-secondary svg{fill: var(--secondary) !important;}
.btn-outline-secondary:hover svg{fill: #ffffff !important;}
.btn-outline-secondary:focus svg{fill: #ffffff !important;}
.btn-outline-secondary.loading svg{fill: #ffffff !important;}

/* btn-success */
.btn-success{background: var(--success) !important; border-color: var(--success) !important; color: #ffffff !important;}
.btn-success:hover{background: var(--success-darker) !important; border-color: var(--success-darker) !important; color: #ffffff !important;}
.btn-success:focus{background: var(--success-lighter) !important; border-color: var(--success-lighter) !important; color: #ffffff !important;}
.btn-success.loading{background: var(--success-darker) !important; border-color: var(--success-darker) !important; color: #ffffff !important;}
.btn-outline-success{background: transparent !important; border-color: var(--success) !important; color: var(--success) !important;}
.btn-outline-success:hover{background: var(--success-darker) !important; border-color: var(--success-darker) !important; color: #ffffff !important;}
.btn-outline-success:focus{background: var(--success-darker) !important; border-color: var(--success-darker) !important; color: #ffffff !important;}
.btn-outline-success.loading{background: var(--success-darker) !important; border-color: var(--success-darker) !important; color: #ffffff !important;}
/* btn-success svg */
.btn-success svg{fill: #ffffff;}
.btn-success:hover svg{fill: #ffffff !important;}
.btn-success.loading svg{fill: #ffffff !important;}
.btn-outline-success svg{fill: var(--success) !important;}
.btn-outline-success:hover svg{fill: #ffffff !important;}
.btn-outline-success:focus svg{fill: #ffffff !important;}
.btn-outline-success.loading svg{fill: #ffffff !important;}

/* btn-info */
.btn-info{background: var(--info) !important; border-color: var(--info) !important; color: #ffffff !important;}
.btn-info:hover{background: var(--info-darker) !important; border-color: var(--info-darker) !important; color: #ffffff !important;}
.btn-info:focus{background: var(--info-lighter) !important; border-color: var(--info-lighter) !important; color: #ffffff !important;}
.btn-info.loading{background: var(--info-darker) !important; border-color: var(--info-darker) !important; color: #ffffff !important;}
.btn-outline-info{background: transparent !important; border-color: var(--info) !important; color: var(--info) !important;}
.btn-outline-info:hover{background: var(--info-darker) !important; border-color: var(--info-darker) !important; color: #ffffff !important;}
.btn-outline-info:focus{background: var(--info-darker) !important; border-color: var(--info-darker) !important; color: #ffffff !important;}
.btn-outline-info.loading{background: var(--info-darker) !important; border-color: var(--info-darker) !important; color: #ffffff !important;}
/* btn-info svg */
.btn-info svg{fill: #ffffff;}
.btn-info:hover svg{fill: #ffffff !important;}
.btn-info.loading svg{fill: #ffffff !important;}
.btn-outline-info svg{fill: var(--info) !important;}
.btn-outline-info:hover svg{fill: #ffffff !important;}
.btn-outline-info:focus svg{fill: #ffffff !important;}
.btn-outline-info.loading svg{fill: #ffffff !important;}

/* btn-warning */
.btn-warning{background: var(--warning) !important; border-color: var(--warning) !important; color: #000000 !important;}
.btn-warning:hover{background: var(--warning-darker) !important; border-color: var(--warning-darker) !important; color: #000000 !important;}
.btn-warning:focus{background: var(--warning-lighter) !important; border-color: var(--warning-lighter) !important; color: #000000 !important;}
.btn-warning.loading{background: var(--warning-darker) !important; border-color: var(--warning-darker) !important; color: #000000 !important;}
.btn-outline-warning{background: transparent !important; border-color: var(--warning) !important; color: var(--warning) !important;}
.btn-outline-warning:hover{background: var(--warning-darker) !important; border-color: var(--warning-darker) !important; color: #000000 !important;}
.btn-outline-warning:focus{background: var(--warning-darker) !important; border-color: var(--warning-darker) !important; color: #000000 !important;}
.btn-outline-warning.loading{background: var(--warning-darker) !important; border-color: var(--warning-darker) !important; color: #000000 !important;}
/* btn-warning svg */
.btn-warning svg{fill: #000000;}
.btn-warning:hover svg{fill: #000000 !important;}
.btn-warning.loading svg{fill: #000000 !important;}
.btn-outline-warning svg{fill: var(--warning) !important;}
.btn-outline-warning:hover svg{fill: #000000 !important;}
.btn-outline-warning:focus svg{fill: #000000 !important;}
.btn-outline-warning.loading svg{fill: #000000 !important;}

/* btn-danger */
.btn-danger{background: var(--danger) !important; border-color: var(--danger) !important; color: #ffffff !important;}
.btn-danger:hover{background: var(--danger-darker) !important; border-color: var(--danger-darker) !important; color: #ffffff !important;}
.btn-danger:focus{background: var(--danger-lighter) !important; border-color: var(--danger-lighter) !important; color: #ffffff !important;}
.btn-danger.loading{background: var(--danger-darker) !important; border-color: var(--danger-darker) !important; color: #ffffff !important;}
.btn-outline-danger{background: transparent !important; border-color: var(--danger) !important; color: var(--danger) !important;}
.btn-outline-danger:hover{background: var(--danger-darker) !important; border-color: var(--danger-darker) !important; color: #ffffff !important;}
.btn-outline-danger:focus{background: var(--danger-darker) !important; border-color: var(--danger-darker) !important; color: #ffffff !important;}
.btn-outline-danger.loading{background: var(--danger-darker) !important; border-color: var(--danger-darker) !important; color: #ffffff !important;}
/* btn-danger btn svg */
.btn-danger svg{fill: #ffffff;}
.btn-danger:hover svg{fill: #ffffff !important;}
.btn-danger.loading svg{fill: #ffffff !important;}
.btn-outline-danger svg{fill: var(--danger) !important;}
.btn-outline-danger:hover svg{fill: #ffffff !important;}
.btn-outline-danger:focus svg{fill: #ffffff !important;}
.btn-outline-danger.loading svg{fill: #ffffff !important;}
.btn-radius{border-radius: 0px 9px 9px 9px;}


/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {padding: 0px; line-height: 30px; list-style: none; margin-top: 100px;}
@media (max-width: 991px) {.breadcrumbs {margin-top: 60px !important;}}
.breadcrumbs .breadcrumb-title{width: max-content !important; min-width: max-content !important;}
.breadcrumbs .breadcrumb-title .svg-contaner .svg-icon{line-height: 0px !important;}
.breadcrumbs .breadcrumb-title .svg-contaner .svg-icon svg{width: auto !important; height: 1em !important;}
.breadcrumbs ol {display: flex; list-style: none; padding: 0;  margin: 0; font-size: 13px;}
.breadcrumbs ol li{min-width: max-content; width: max-content;}
.breadcrumbs ol li + li::before {color: var(--text-meuted);}
.back-breadcrumb-link .back-icon{width: max-content;}

/*--------------------------------------------------------------
# Get Consultation Section section
--------------------------------------------------------------*/
#get-consultation-section .get-consultation-content{position: relative;}
#get-consultation-section .get-consultation-content::before {content: ""; display: block; background: #ffffff; position: absolute; left: 0; width: calc(50% + 1px); border-top: solid 1px var(--line); border-left: solid 1px var(--line); border-radius: 16px 1px 0px 0px; height: 100px; transform-origin: right; transform: skewY(-5deg); top: 0px; z-index: 0}
#get-consultation-section .get-consultation-content::after {content: ""; display: block; background: #ffffff; position: absolute; right: 0; width: calc(50% + 1px); border-top: solid 1px var(--line); border-right: solid 1px var(--line); border-radius: 1px 16px 0px 0px; height: 100px; transform-origin: left; transform: skewY(5deg); top: 0px; z-index: 0}
#get-consultation-section .get-consultation-content .section-title{background: #ffffff; border-right: solid 1px var(--line); border-left: solid 1px var(--line); border-bottom: solid 1px var(--line); border-radius: 0px 0px 16px 16px; position: relative; z-index: 1;}
#get-consultation-section .get-consultation-content .section-title::before {content: ""; background: url(../../../img/brand-figures/third/square-x-dots.svg); background-position: center; background-size: 65px; width: 65px; height: 65px; background-repeat: no-repeat; position: absolute; bottom: 8px; z-index: 0;}
#get-consultation-section .get-consultation-content .section-title::after {content: ""; background: url(../../../img/brand-figures/third/square-x-dots.svg); background-position: center; background-size: 40px; width: 40px; height: 40px; background-repeat: no-repeat; position: absolute; top: -16px; z-index: 0;}
@media (max-width: 576px){#get-consultation-section .get-consultation-content .section-title::before{background-size: 45px; width: 45px; height: 45px;} #get-consultation-section .get-consultation-content .section-title::after{background-size: 35px; width: 35px; height: 35px; top: -32px;}}
#get-consultation-section .get-consultation-content .section-title .section-title-content .title-content .subtitle span{position: relative; z-index: 1;}
#get-consultation-section .get-consultation-content .section-title .section-title-content .title-content .subtitle span::before {content: ""; background: url(../../../img/brand-figures/third/square-x-dots.svg); background-position: center; background-size: 30px; width: 30px; height: 30px; background-repeat: no-repeat; position: absolute; top: -4px; z-index: 0;}
#get-consultation-section .get-consultation-content .section-title .section-title-content .title-content .btn-content .btn{position: relative;}
#get-consultation-section .get-consultation-content .section-title .section-title-content .title-content .btn-content .btn::after {content: ""; background: url(../../../img/brand-figures/third/circle-line.svg); background-position: center; background-size: 40px; width: 40px; height: 46px; background-repeat: no-repeat; position: absolute; top: -15px; z-index: 0;}



/*--------------------------------------------------------------
# Support Section
--------------------------------------------------------------*/
@keyframes loading-submit-svg-icon-animation { 0% {transform: translate(0px, 0px) rotate(-0deg);} 100% {transform: translate(0px, 0px) rotate(-180deg);}}
.form-loding .loading-submit-icon .svg-icon{fill:#ffffff;}
.form-loding.loading-submit-show .loading-submit-icon .svg-icon{fill:#ffffff; animation-name: loading-submit-svg-icon-animation; animation-duration: 0.95s; animation-direction: reverse; animation-iteration-count: infinite;}
.form-loding .loading-submit-content{color: #ffffff;}
.form-loding .loading-submit-content .describe{line-height: 1rem; font-weight: 400;}
.form-loding .loading-submit-content .describe .dots{padding: 0px 2px; position: relative;}
.form-loding .loading-submit-content .describe .dots i{opacity: 0;}
@keyframes loading-submit-dots-animation { 0%   {content: ".";} 25%  {content: "..";} 50%  {content: "...";} 75%  {content: "..";} 100%  {content: ".";}}
.form-loding.loading-submit-show .loading-submit-content .describe .dots::before{content: ""; width: max-content; display: inline-block; font-weight: 600; position: absolute; animation-name: loading-submit-dots-animation; animation-duration: 4.5s; animation-direction: reverse; animation-iteration-count: infinite;}
.form-loding.loading-submit-show{display: block !important;}
/* ==================================================== */






















/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.container-back-to-top-btn{box-shadow: 0px 0px 3px rgba(40, 18, 114, 0.05);}
.container-back-to-top-btn .back-to-top::after {
  content: "\ea66";
  font-family: IcoFont;
  font-size: 28px !important;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  color: #444444;
  font-size: 0.875rem;
  background: var(--light) !important;
}

#footer .footer-top {
  padding: 0px;
  background: #ffffff;
  box-shadow: 0px 0px 2px rgba(40, 18, 114, 0.05);
}

#footer .footer-top a{
  font-size: 0.875rem !important;
  font-weight: 500 !important;
}

#footer .footer-top h3 {
  font-size: 1rem;
  font-weight: bold;
  color: #444444;
  position: relative;
  padding: 8px 0px;
  margin: 0px;
}

@media (max-width: 991px) { 
  #footer .footer-top a{font-size: 0.90625rem !important;}
  #footer .footer-top .footer-links .footer-nav-ul{padding: 8px 0px; border-bottom: solid 1px var(--line); transition: all 450ms ease !important;}
  
  #footer .footer-top h3{font-size: 1rem !important; font-weight: 500 !important;}
  
  #footer .footer-top .footer-links .footer-nav-ul .footer-li-dropdown h3{text-transform: capitalize;}
  
  #footer .footer-top .footer-links .footer-nav-ul .footer-li-dropdown ul{height: 0px; display: none; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; transition: all 450ms ease !important;}
  
  #footer .footer-top .footer-links .footer-nav-ul .footer-li-dropdown.active ul{height: max-content; display: block; transition: all 450ms ease !important;}
  
  #footer .footer-top .footer-links .footer-nav-ul .footer-li-dropdown h3{display: flex; justify-content: space-between; align-items: center; font-size: 1rem !important; font-weight: 500 !important;}
  
  #footer .footer-top .footer-links .footer-nav-ul .footer-li-dropdown h3::after{
    content: "\ea99";
    font-family: IcoFont;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 0 !important;
    transition: all 200ms;
  }
  
  #footer .footer-top .footer-links .footer-nav-ul .footer-li-dropdown.active h3::after{
    transition: all 200ms;
  }

  #footer .footer-newsletter form input[type="email"]{
    font-size: 0.90625rem !important;
    font-weight: 500 !important;
    line-height: 1.3rem;
  }

  #footer .footer-top-link .footer-language .btn-footer-language{
    font-size: 0.90625rem !important;
    font-weight: 500 !important;
  }
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links .footer-nav-ul .footer-li-dropdown ul li {
  padding: 8px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: var(--nav-menu-links-color);
  transition: 0.3s;
  display: inline-flex;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: var(--nav-menu-links-hover-color);
  font-weight: 600;
}

#footer .footer-top-link .footer-language{
  padding: 18px 16px 0px 16px !important;
  text-align: center !important;
}

#footer .footer-top-link .footer-language .a-help{
  color: #202124 !important;
  font-size: 0.875rem;
  line-height: 0 !important;
}

#footer .footer-top-link .footer-language .a-help:hover > span, #footer .footer-top-link .footer-language .a-help:hover i{
  color: var(--nav-menu-links-hover-color) !important;
}

#footer .footer-top-link .footer-language .btn-group-language{
  width: calc(100% - 80px) !important;
}

#footer .footer-top-link .footer-language .btn-footer-language{
  background: #ffffff !important;
  border-top: 0px !important;
  border-right: 0px !important;
  border-bottom: solid 1px var(--line) !important;
  border-left: 0px !important;
  border-radius: 0px !important;
  padding-top: 0px;
  padding-bottom: 5px;
  color: #202124 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  outline: none !important;
}

#footer .footer-newsletter form {
  margin-top: 0px;
  background: #fff;
  padding: 4px 10px;
  position: relative;
  border-radius: 12px;
  text-align: left;
  border: 1px solid var(--line);
}

#footer .footer-newsletter form input[type="email"] {
  border: none;
  padding: 4px 8px !important;
  width: calc(100% - 100px);
  box-shadow: none !important;
  outline: none !important;
}

#footer .footer-newsletter form .btn-subscribe {
  position: absolute;
  top: 0;
  bottom: 0;
  border: none;
  background: none;
  font-size: 16px;
  padding: 0 11px;
  background: var(--secondary);
  color: #fff;
  transition: 0.3s;
  border-radius: 12px;
}

#footer .footer-newsletter form .btn-subscribe:hover {
  background: var(--primary);
}

.Footer-copyright-credits {font-size: 0.9375rem !important; font-weight: 500;}

.Footer-copyright-credits .copyright-links-col{font-size: 0.9375rem !important; font-weight: 500 !important;}

.Footer-copyright-credits .copyright-links-col a{color: var(--nav-menu-links-color); font-size: 0.9375rem !important; font-weight: 500 !important;}

.Footer-copyright-credits .copyright-links-col a:hover{color: var(--nav-menu-links-hover-color); text-decoration: underline;}

@media (max-width: 575px) {
  .Footer-copyright-credits .col-follow-us{background: #ffffff !important;}
}

@media (max-width: 767px) {
  .col-follow-us .follow-us-content{min-width: calc(100% - 30px) !important;}
}
.Footer-copyright-credits .col-follow-us .svg-icon.svg-social-icon{width: 19ox; height: 19px;}