html, body {
  font-family: "Inter", sans-serif;
  font-weight: 500; font-feature-settings: normal; font-optical-sizing: auto;
  text-rendering: optimizeLegibility; font-size:16px;}
body {background: #F5F5F7;}
a {cursor: pointer;}
.big-p {font-family: "Inter", sans-serif;}

h2, h3, h4, .inter {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

h2 {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -.5px;
  line-height: 42px;
}

h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 32px;
}

h3.osm-heading {
  font-size: 22px;
  letter-spacing: 0;
  line-height: 30px;
}


h4 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -.5px;
  line-height: 32px;
}

h5 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
}

.osm-message {
  padding: 10px 15px;
}

.required {
  padding-left: 2px;}
@media screen and (min-width: 768px) {
#osm_form .col-md-3.form-control-label {width: 27%;}
#osm_form .col-md-9.eb-form-control {width: 73%;}
joomla-tab[orientation="horizontal"] {flex-direction: row;align-items: flex-start;}
joomla-tab > joomla-tab-element[active] {width: 87.1%;}
.hide-desktop {display: none;}

}

@media screen and (min-width: 1438px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1420px;}
}

@media screen and (min-width: 1530px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1500px;}
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span 
{padding: 0px 5px;line-height: 1;font-size: 16px;color: #111;font-weight: 500;margin:0px 10px;}
.sp-megamenu-parent > li:hover > a {color: #111;}
.sp-megamenu-parent > li > a.login-menu {padding-right:10px;padding-left:0px;}
.sp-megamenu-parent > li > a.login-menu:hover {background:#F5F5F7; color:#000; border-radius:10px; text-decoration:none;}
.sp-megamenu-parent > li:hover > a.login-menu:hover {text-decoration:none;}
.sp-megamenu-parent > li > a.dark-button {background: #000; color:#fff; padding:10px 25px; border-radius:20px;}
.sp-megamenu-parent > li:hover > a.dark-button {background: #222; text-decoration:none;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {color: #81D143;}


.login-menu > .fa-user {
  background:#F5F5F7;
  padding:10px;
    padding-right: 10px;
  border-radius:10px;
  font-size: 13px;
  margin-right: 10px;
}

.text-right {text-align: right;}
.py-3 {padding-bottom: .75rem;padding-top: .75rem;}


small {
  font-family: Inter,serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
}

.itemid-101 .article-details  {text-align: center;}
.logout .page-header {text-align: center;}
.logout .form-horizontal .controls {
  margin-left: 0;
  margin:25px auto;
  text-align: center;
  border-bottom:1px solid #ddd;
  padding-bottom: 20px;
  max-width: 360px;
}

#sp-header {height: 75px;box-shadow: none;}
#sp-main-body {padding:25px 0; }
#sp-component {
  background: #fff;
  min-height: 400px;
  border-radius:10px; 
  padding:30px; border-top: 5px solid #81D143;
  box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
}

h1 {
    font-family: 'Neue Haas Grotesk Display Pro', sans-serif;
    font-weight: bold;
    font-style: normal; letter-spacing: 0; line-height: 42px;
  font-size: 36px;}

@media screen and (min-width: 1024px) {
  h1 {
    font-size: 80px;
    line-height: 90px;
  }
}
@media screen and (min-width: 768px) {
  h1 {
    font-size: 64px;
    letter-spacing: 2px;
    line-height: 72px;}
h1.osm-page-title {
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 1px;
}
  
  h2 {
    font-size: 64px;
    letter-spacing: -1px;
    line-height: 72px;}

  h2.osm-form-heading, h2#osm-form-heading, h2#osm-existing-user-login, h2#osm-new-user-register 
  {font-size: 40px; line-height: 46px;}
  
 h3 {
    font-size: 36px;
    letter-spacing: -.5px;
    line-height: 42px;}
  h4 {
    font-size: 32px;
    line-height: 42px;}
  h5 {
    font-size: 24px;
    line-height: 32px;}
}

#mod-custom114 .full.bg-lightgrey.text-center
{padding-bottom: .75rem;padding-top: .75rem; color: #222; font-size: 14px;
  font-weight: 500;letter-spacing: 0;line-height: 20px;}
a {color: 000; cursor: pointer;}
a.font-semibold {font-weight: 600; cursor: pointer; color: #111;}

.login h1 {
  text-align: center;
  font-size: 42px;
  line-height: 1;
  letter-spacing: 0;
}

.login a.list-group-item {
  width: auto;
  border:0;
  text-align: center;
}


#com-users-login__form {
  border-bottom:1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

#com-users-login__form a,
#mod-custom122 a, #mod-custom122 a:link
{color:#3E1A6A; text-decoration:underline;}

#com-users-login__form a:hover,
#mod-custom122 a:hover {color:#111;}



.btn.btn-primary.validate {
  width: 100%;}


#sp-bottom {
  background-color: #000000;
  color: #FFFFFF; font-size: 16px;
  border-radius:10px 10px 0px 0px;}
 
#sp-footer {
  background-color: #000000;
  color: #FFFFFF;
  border-radius:0px 0px 10px 10px; margin-bottom:20px;}

#sp-bottom > .container, #sp-footer > .container {padding:0 60px;}

 
.items-center {align-items: center;}
#sp-bottom1 .sp-module ul.flex {display: flex;} 
#sp-bottom1 i {font-size: 30px;}
#sp-bottom1 .sp-module ul {margin-top:100px;}

#sp-footer .btn.green-btn, .green-btn {
  background-color: #87B938;
  color: #111;
  transition-duration: .3s;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.green-btn:hover  {background-color:rgba(28,215,96,.8);}

#sp-footer .btn.green-btn:hover, .green-btn:hover {background-color: #0E9941;color: #fff;}

.btn {
  border-radius:7px;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  padding: .5rem 1.3rem;
  text-align: center;
}

.btn-primary, .sppb-btn-primary {
  border-color:#92C551;
  background-color: #92C551;
  border-radius:7px;
}

.btn-primary:hover, .sppb-btn-primary:hover, .btn-primary:focus {
  border-color:#111;
  background-color: #111;
}

a.login {
  font-size: 16px;
  display: inline-block;
  font-weight: normal;
  padding:.5rem .3rem;
}

a.login:hover {background-color: rgba(245,245,247,.3); border-radius:5px;}
 
.w-28 {width: 7rem;}
 

.text-white.login::before {
  content: "\f007";
  font-family: "Font Awesome 6 Free";
  font-weight: bold;
  color: #000;
  background:#F5F5F7;
  padding:4px;
  border-radius:5px;
  margin-right: 5px;
}

#mod-custom118 {text-align: right;}
#sp-footer #sp-footer2 {text-align: center;}
#sp-footer2 {align-items: center;}
#sp-footer #sp-footer2 ul,#sp-footer2 ul {justify-content: space-between; text-align: center; padding-top: 10px;}

.green-underline-hover-group li a:hover, #sp-footer2 li a:hover, .sp-megamenu-parent li a:hover {
  text-decoration-color: #1cd760;
  text-underline-offset: 8px;
}

.green-underline-hover-group li a, .sp-megamenu-parent li a, #sp-footer2 li a {
  text-decoration-color: transparent;
  text-decoration-line: underline;
  text-underline-offset: 4px;
  transition-duration: .3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}

#sp-bottom1  a:hover > i.text-white, #sp-bottom1 ul a > i.text-white:hover  {color: #1CD760 !important;}

.duration-300 {transition-duration: .3s;}

.transition-colors {
  transition-duration: .15s;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}

@media screen and (max-width: 640px) {
#sp-header {height: 65px;}  
#sp-main-body {margin: 0 20px;}  
#sp-bottom > .container,#sp-footer > .container {padding:0 30px;}
#sp-bottom1 .sp-module ul {margin-top:30px; justify-content: space-between;} 
.hide-mobile {display: none;} 
#sp-bottom {padding: 30px 0 0px; width: 90%;}
#sp-footer { width: 90%;}
 #mod-custom118 {text-align: center;} 
#sp-footer1 {order: 3; text-align: center;max-width: 260px;margin: 10px auto;}
#sp-position3 {order: 1;}
#sp-footer #sp-footer2 {order: 2;}
#sp-footer ul.menu, #sp-footer ul.menu li {display: block;}  
#sp-footer .container-inner {padding: 10px 0 20px 0;}
#sp-footer ul.menu li {margin: 15px 10px; font-size: 15px;} 
#sp-footer ul.menu {margin-bottom:15px;}  
.burger-icon > span {height: 3px;}
.burger-icon {width: 30px;}
#sp-menu {order: 1;}
#sp-logo {order: 2;}  
.offcanvas-menu .offcanvas-inner ul.menu > li > a.dark-button {
  background: #000; color: #fff; opacity: 1; width: 100px;
  padding: 10px 5px;text-align: center;border-radius: 15px;}
}

.offcanvas-overlay {background: rgba(255, 255, 255, 0.7);}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {left: 0;right: auto;width: 99%;}
.offcanvas-overlay {background: transparent;-webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px);}
body.ltr .close-offcanvas {left: 20px;right: auto;}

joomla-tab button[aria-expanded="true"]::after, 
joomla-tab button[aria-selected="true"]::after {opacity: 1;background-color: #81D143;}
joomla-tab[view="accordion"] > button:focus, joomla-tab[view="accordion"] > button[aria-expanded="true"] 
{background-color: #F3F8EB;background-image: none;}
joomla-tab > joomla-tab-element {
  background-color: #fefefe;
  border: 0;
  border-radius: 0;
  padding: 30px;}



joomla-tab[view="tabs"] > div[role="tablist"] {
  display: block;
  box-shadow: none;
  background-color: #F8F9FA;
  border: 0;
  width: 240px;
}

joomla-tab button[role="tab"][aria-selected="true"] {
  background-color: #F3F8EB;
  background-image: none;
  box-shadow: none;
  border: 0;
  width: 100%; border-left: 4px solid #81D143;
  text-align: left;
}

joomla-tab button[role="tab"]:hover {background-color: #F3F8EB;}

joomla-tab button[aria-selected="true"]::after {
  display: none;}

joomla-tab button[role="tab"] {
  border: 0; border-left: 4px;
  color: #111;
  background-color: #F8F9FA;
  text-decoration: none;
  display: block;
  box-shadow: none;
  width: 100%;
  text-align: left;
}



#profile-page > .form-row {max-width: 680px;}
 

#osm_form {background: #F8F9FA;}