/* ============================================================================
   Skillesta Design System v2 — token layer
   One job per color: navy = structure, blue = action, orange = the single
   spark. Neutrals cool-biased toward navy. Light-first (dark can follow).
   Reference these vars (they inherit into scoped component styles).
   ============================================================================ */
:root {
  --sk-ground: #f6f8fc;
  --sk-surface: #ffffff;
  --sk-panel: #eef2f9;
  --sk-panel-2: #e7edf7;

  --sk-ink: #10203f;      /* headings */
  --sk-body: #41506c;     /* body text */
  --sk-muted: #5e6f8c;    /* secondary/meta — WCAG AA (>=4.5:1) on surface & panels */
  --sk-line: #e2e9f3;
  --sk-line-strong: #d2dcea;

  --sk-brand: #153d77;        /* navy — structural */
  --sk-primary: #1866ee;      /* action blue */
  --sk-primary-press: #124fc0;
  --sk-primary-soft: #e7f0fd;

  --sk-accent: #ff6016;       /* signature orange (logo dot) */
  --sk-accent-2: #ffb916;
  --sk-accent-soft: #fff0e7;

  --sk-purple: #8248c1;       /* category tint only */
  --sk-teal: #2fa6cc;         /* category tint only */

  --sk-success: #12a150;
  --sk-warn: #d9820a;
  --sk-danger: #e0433f;

  --sk-radius: 14px;
  --sk-radius-sm: 10px;
  --sk-radius-pill: 999px;
  --sk-shadow-sm: 0 1px 2px rgba(16,32,63,.06), 0 1px 3px rgba(16,32,63,.05);
  --sk-shadow-md: 0 6px 20px -6px rgba(16,32,63,.14), 0 2px 6px rgba(16,32,63,.06);
  --sk-shadow-lg: 0 20px 46px -14px rgba(16,32,63,.26);

  --sk-font-display: 'Poppins', ui-sans-serif, system-ui, sans-serif;
  --sk-font-body: 'Open Sans', ui-sans-serif, system-ui, sans-serif;
}

/* Accessibility: honour reduced-motion globally (covers all component
   transitions/animations, not just the kit classes). */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/** Global **/
html,
body {height: 100%;overflow-x: hidden; scroll-behavior: smooth;}

body{position: relative;font-family: var(--sk-font-body);font-size: 14px;/* color: #3A4662; */}

h1, h2, h3, h4, h5, h6{line-height: 1.2em;font-weight: 600;font-family: var(--sk-font-display);}

h2{font-size: 40px;color: #1C1F40;}
h3{font-size: 27px;color: #1C1F40}
h4{font-size: 22px;}
h5{font-size: 16px;}
h6{font-size: 14px;}

img{max-width: 100%;height: auto;}

a{color: #572D84;}
a{text-decoration: none;transition: .3s;}

.gray-bg{background-color: #EEEDEC;}
.light-gray-bg{background-color: #F3F4F6}

.eu-blue-link{display: inline-block;color: var(--primary-color);}
.eu-blue-link:hover{color: #1C1F40;}

.orange-link{display: inline-block;color: #FF6016;}
.orange-link:hover{color: #b93c02;}

.text-white{color: #fff !important;}
.text-black{color: #000 !important;}
.text-orange{color: #FF3400 !important;}
.text-gray{color: #9E9E9E !important;}
.text-darkblue{color: #1C1F40 !important}
.text-blue{color:var(--primary-color) !important}

.font-11{font-size: 11px !important;}
.font-12{font-size: 12px !important;}
.font-14{font-size: 14px !important;}
.font-16{font-size: 16px !important;}
.font-18{font-size: 18px !important;}
.font-20{font-size: 20px !important;}

.fw-300{font-weight: 300 !important}
.fw-400{font-weight: 400 !important}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}

.lh-17{line-height: 17px !important;}
.lh-22{line-height: 22px !important;}
.lh-24{line-height: 24px !important;}

.min-120{min-width: 120px;}
.min-148{min-width: 148px;}

.width-70{width: 70px;}

.height-38{height: 38px;}

.opacity-60{opacity: 60%}

.dark-blue-bg{background-color: #1C1F40;}

.shadow{box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) !important;}

.radius-10{border-radius: 10px;}

@media(max-width: 767px){
	h2{font-size: 30px;}
	h3{font-size: 22px;}
}


@media(min-width: 1200px){
	.container{max-width: 1160px;}
}

@media(min-width: 1400px){
	.container-lg{max-width: 1264px;}
}

/** Section title **/
.section-title h2{letter-spacing: -1.34px;}
.section-title p{font-size: 20px;color: #1C1F40;}
.section-title.light h2, .section-title.light p{color: #fff;}
.section-title p:last-of-type{margin-bottom: 0;}

@media(max-width: 767px){
	.section-title p{font-size: 18px;}
}

/** Button style **/
button{transition: .3s;}

.blue-btn{display: inline-block;background-color: var(--primary-color);border-radius: 33px;font-size: 14px;font-weight: 600;color: #fff;padding: 22px 46px;border: 0;cursor: pointer;}
.blue-btn:hover{color: #fff;background-color: #0154b5;}

.blue-small-btn{background-color: var(--primary-color);border-radius: 33px;font-size: 12px;color: #fff;padding: 8px 41px;border: 0;display: inline-block;transition: .3s;}
.blue-small-btn:hover{color: #fff;background-color: #0154b5;}
.blue-small-btn.sm{padding: 8px 25px;}

.blue-rect-btn{background-color: var(--primary-color);border-radius: 7px;font-size: 13px;color: #fff;padding: 12px 20px;border: 0;display: inline-block;transition: .3s;}
.blue-rect-btn:hover{color: #fff;background-color: #0154b5;}

.blue-ghost-btn{background-color: transparent;border-radius: 7px;font-size: 13px;color: var(--primary-color);padding: 11px 20px;border: 1px solid var(--primary-color);display: inline-block;transition: .3s;}
.blue-ghost-btn:hover{color: #fff;background-color: var(--primary-color);}

.grey-ghost-btn{background-color: transparent;border-radius: 7px;font-size: 13px;color: var(--secondary-color);padding: 11px 20px;border: 1px solid var(--primary-color);display: inline-block;transition: .3s;}
.grey-ghost-btn:hover{color: #fff;background-color: var(--secondary-color);}

.blue-small-ghost-btn{background-color: transparent;border-radius: 33px;font-size: 12px;color: var(--primary-color);padding: 7px 20px;border: 1px solid var(--primary-color);display: inline-block;transition: .3s;}
.blue-small-ghost-btn:hover{color: #fff;background-color: var(--primary-color);}

.grey-small-ghost-btn{background-color: transparent;border-radius: 33px;font-size: 12px;color: var(--secondary-color);padding: 7px 20px;border: 1px solid var(--secondary-color);display: inline-block;transition: .3s;}
.grey-small-ghost-btn:hover{color: #fff;background-color: var(--secondary-color);}

.white-btn{display: inline-block;background-color: #fff;border-radius: 6px;font-size: 14px;font-weight: 700;color: #1C1F40;padding: 17px 38px;border: 2px solid #fff;}
.white-btn:hover{background-color: transparent;color: #fff;}

.gray-btn{background-color: #9E9E9E;border-radius: 6px;font-size: 11px;color: #fff;padding: 11px 20px;border: 0;display: inline-block;transition: .3s;}
.gray-btn:hover{color: #fff;background-color: #444;}

.ghost-btn{background-color: transparent;border-radius: 33px;font-size: 12px;font-weight: 600;color: #1C1F40;padding: 7px 28px;border: 1px solid #242424;display: inline-block;transition: .3s;}
.ghost-btn:hover{color: #fff;background-color: #242424;}

.white-ghost-btn{background-color: transparent;border-radius: 7px;font-size: 12px;font-weight: 600;color: #fff;padding: 6px 28px;border: 1px solid #fff;display: inline-block;transition: .3s;}
.white-ghost-btn:hover{color: #242424;background-color: #fff;}

.arrow-btn{position: relative;display: inline-block;font-size: 14px;font-weight: 700;color: #242424;padding: 1px;border-radius: 5px;border: 2px solid rgba(28, 31, 64, .5);padding: 17px 28px 17px 52px;}
.arrow-btn:before{position: absolute;left: 24px;top: 19px;content: url(/assets/images/black_arrow.png);transition: .3s;}
.arrow-btn:hover{color: #242424;background-color: #d7d7d7}
.arrow-btn:hover:before{left: 27px;}

.arrow-link{display: inline-block;position: relative;font-size: 14px;font-weight: 700;color: #242424;padding-right: 30px;}
.arrow-link:before{position: absolute;right: 4px;top: 2px;content: url(/assets/images/red_view_more.png);transition: .3s;}
.arrow-link:hover{color: #242424;}
.arrow-link:hover:before{right: 0;}

.orange-btn{position: relative;display: inline-block;border-radius: 60px;background: #FA5D05;color: #FFF;font-size: 14px;font-weight: 500;letter-spacing: 1px;text-transform: uppercase;padding: 16px 24px;padding-right: 58px}
.orange-btn img{position: absolute;right: 24px;top: 50%;transform: translateY(-50%);}
.orange-btn:hover{background-color: #d74f03;color: #fff;}

button:disabled{opacity: .2;cursor: default;pointer-events: none;}

@media(max-width: 767px){
	.white-btn{padding: 12px 38px;}

	.arrow-btn{padding: 12px 28px 12px 52px;}
	.arrow-btn:before{top: 13px;}
}

/** Form style **/
.form-label{font-size: 12px;/* color: rgba(54, 69, 79, .6); */display: block;}
.form-control, .form-select{height: 39px;border-radius: 3px;border: 1px solid rgba(107, 100, 197, .5);padding: 4px 12px;font-size: 12px;color: #000000;}
.form-select{padding-right: 36px;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image: url(/assets/images/select_drop.png);background-repeat: no-repeat;background-position: center right 15px;background-size: auto;}
.form-control:focus, .form-select:focus{box-shadow: none;outline: none;border-color: rgba(107, 100, 197, .5);color: #000;}
.input-group-text, .form-select{background-color: #fff;border-color: rgba(107, 100, 197, .5);}
textarea.form-control{height: auto;}
.input-group-text{font-size: 12px;color: #000000;border-radius: 3px;}
.input-group .btn-outline-secondary{border-color: rgba(107, 100, 197, .5);}
.input-group .btn-outline-secondary:hover{background-color: #ececec;}

.input-holder.gray .form-control, .input-holder.gray .form-control{background-color: rgba(191, 191, 191, .25);border-color: rgba(191, 191, 191, .25);}
.input-holder.gray .input-group-text{background-color: rgba(191, 191, 191, .25);border-color: transparent;margin-left: 0 !important;}

.input-holder.disabled{opacity: .25;pointer-events: none;user-select: none;}
.form-control:disabled{background-color: #fff;color: rgba(0, 0, 0, .5);}

/** Custom checkbox **/
.eu-checkbox {position: relative;cursor: default;padding-left: 0;min-height: 18px;}
.eu-checkbox label{cursor: pointer;vertical-align: top;position: relative;padding-left: 25px;/* padding-top: 2px; */min-height: 18px;font-size: 14px;font-weight: 600;}
.eu-checkbox label:before{cursor: pointer;content: "";display: inline-block;position: absolute;width: 18px;height: 18px;top: 0;left: 0;border: 1px solid #707070;border-radius: 5px;background-color: #fff;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;}
.eu-checkbox label::after{cursor: pointer;display: inline-block;position: absolute;width: 18px;height: 18px;left: 0;top: 0;border-radius: 5px;text-align: center;line-height: 21px;}
.eu-checkbox input[type="checkbox"],
.eu-checkbox input[type="radio"] {position: absolute;left: 0;top: 0;margin-left: 0;cursor: pointer;opacity: 0;}
.eu-checkbox input[type="checkbox"]:checked + label::after,
.eu-checkbox input[type="radio"]:checked + label::after {content: url(/assets/images/white_check.png);background-color: var(--primary-color);color: #fff;}
.eu-checkbox input[type="checkbox"]:indeterminate + label::after,
.eu-checkbox input[type="radio"]:indeterminate + label::after {display: block;content: "";width: 10px;height: 3px;background-color: #555555;border-radius: 2px;margin-left: -16.5px;margin-top: 7px;}
.eu-checkbox input[type="checkbox"]:disabled + label,
.eu-checkbox input[type="radio"]:disabled + label {opacity: 0.65;}
.eu-checkbox input[type="checkbox"]:disabled + label::before,
.eu-checkbox input[type="radio"]:disabled + label::before {background-color: #e9ecef;cursor: not-allowed;}
.eu-checkbox input[type="checkbox"]:disabled + label::after,
.eu-checkbox input[type="radio"]:disabled + label::after {cursor: not-allowed;}
.eu-checkbox.checkbox-inline {margin-top: 0;}

/* .eu-checkbox.green label:before,
.eu-checkbox.blue label:before,
.eu-checkbox.gray label:before,
.eu-checkbox.orange label:before,
.eu-checkbox.red label:before{border:0 !important;} */

.eu-checkbox.green input[type="checkbox"]:checked + label::after,
.eu-checkbox.green input[type="radio"]:checked + label::after{background-color: rgba(63, 156, 88, .5);}
.eu-checkbox.blue input[type="checkbox"]:checked + label::after,
.eu-checkbox.blue input[type="radio"]:checked + label::after{background-color: rgba(0, 117, 254, .11);}
.eu-checkbox.gray input[type="checkbox"]:checked + label::after,
.eu-checkbox.gray input[type="radio"]:checked + label::after{background-color: rgba(36, 36, 36, .29);}
.eu-checkbox.orange input[type="checkbox"]:checked + label::after,
.eu-checkbox.orange input[type="radio"]:checked + label::after{background-color: rgba(255, 102, 22, .13);}
.eu-checkbox.red input[type="checkbox"]:checked + label::after,
.eu-checkbox.red input[type="radio"]:checked + label::after{background-color: rgba(217, 33, 83, .34);}


.eu-checkbox.square{min-height: 18px;}
.eu-checkbox.square label{padding-left: 26px;padding-top: 0px;min-height: 18px;font-size: 16px;font-weight: 400;color: rgba(71, 71, 71, .5);letter-spacing: -.5px;}
.eu-checkbox.square label:before{width: 18px;height: 18px;top: 3px;border: 1px solid rgba(71, 71, 71, .5);border-radius: 0;}
.eu-checkbox.square label:after{width: 18px;height: 18px;left: 0;top: 3px;border-radius: 0;}
.eu-checkbox.square input[type="checkbox"]:checked + label::after, .eu-checkbox.square input[type="radio"]:checked + label::after {content: url(/assets/images/white_check.png);line-height: 23px;}

/** Custom radio **/
.abc-radio {position: relative;cursor: default;padding-left: 0;min-height: 20px;}
.abc-radio label{cursor: pointer;vertical-align: top;position: relative;padding-left: 30px;padding-top: 2px;min-height: 20px;font-size: 14px;font-weight: 600;}
.abc-radio label::before{cursor: pointer;content: "";display: inline-block;position: absolute;	width: 20px;height: 20px;top: 2px;left: 0;border: 2px solid rgba(36, 36, 36, .8);border-radius: 50%;background-color: #fff;transition: border 0.15s ease-in-out;}
.abc-radio label::after{cursor: pointer;display: inline-block;position: absolute;content: " ";width: 10px;height: 10px;left: 5px;top: 7px;border-radius: 50%;background-color: #242424;transform: scale(0, 0);transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);}
.abc-radio input[type="radio"] {position: absolute;left: 0;top: 0;margin-left: 0;cursor: pointer;opacity: 0;}
.abc-radio input[type="radio"]:checked + label::after {transform: scale(1, 1);}
.abc-radio input[type="radio"]:disabled + label {opacity: 0.65;}
.abc-radio input[type="radio"]:disabled + label::before {cursor: not-allowed;}
.abc-radio input[type="radio"]:disabled + label::after {cursor: not-allowed;}
.abc-radio.radio-inline {margin-top: 0;}
.abc-radio input[type="radio"] + label::after {background-color: #242424;}
.abc-radio input[type="radio"]:checked + label::before {border-color: #242424;}
.abc-radio input[type="radio"]:checked + label::after {background-color: #242424;}

/*label .was-validated .form-check-input:invalid .eu-checkbox:before, label
.was-validated .form-check-input:invalid .abc-radio:before, label .form-check-input.is-invalid .eu-checkbox:before, label
.form-check-input.is-invalid .abc-radio:before{border-color: #dc3545;}*/

.checkbox-switch{display: inline-block;width: 55px;height: 28px;position: relative;}
.checkbox-switch label{position: absolute;left: 0;top: 0;width: 55px;height: 28px;display:block;background: #c6c6c6;outline: none;border-radius: 20px;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);transition: 0.7s;}
.checkbox-switch input[type="checkbox"]{left: 0;top: 0;margin-left: 0;cursor: pointer;opacity: 0;}
.checkbox-switch input[type="checkbox"]:checked + label {background: #FF3400;}
.checkbox-switch input[type="checkbox"] + label:before {content: '';position: absolute;width: 18px;height: 18px;border-radius: 20px;top: 5px;left: 5px;background: #ffffff;transition: .5s;}
.checkbox-switch input[type="checkbox"]:checked + label:before {left: 32px;}

/** Header **/
#main-header{padding: 0 65px;background-color: #fff;}
ul.login-links{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;align-items: center;}
ul.login-links li{display: inline-block;font-size: 16px;color: #000;margin-right: 15px;}
ul.login-links li:last-child{margin-right: 0;}
ul.login-links li a{font-weight: 600;color: #000;	font-size: 14px;}
ul.login-links li .white-btn{font-size: 12px;font-weight: 700;color: #1C1F40;padding: 11px 16px;}

#main-header .navbar{padding: 10px 0;flex-grow: 1;}
.navbar-brand{margin-right: 30px;padding: 0;}
.navbar-nav .nav-item{margin-right: 20px;}
.nav-link{position: relative;color: #000000;font-size: 16px;font-weight: 500;}
.navbar-nav .nav-link:before{position: absolute;content:"";width: 0;height: 4px;background-color: var(--primary-color);left: 50%;bottom: -16px;transition: .3s;transform: translateX(-50%);}
.navbar-nav .nav-link:hover:before{width: 100%;}
.navbar-nav .nav-link.active{color: #000;}
.navbar-nav .nav-link.active:before{width: 100%;}

.navbar-toggler:focus{box-shadow: none;}

@media(max-width:1199px){
	#main-header {padding: 0 30px;}
	.top-header .inner{right: 65px;}
	#main-header .navbar-collapse{z-index: 10;}
	#main-header .navbar-nav{background-color: var(--primary-color);margin-top: 16px;border-radius: 5px;box-shadow: 0 5px 10px rgba(0,0,0,0.15);}
	#main-header .nav-item{border-bottom: 1px solid #fff;}
	#main-header .nav-item:last-child{border-bottom: 0;}
	#main-header .nav-link{color: #fff;padding: 10px 20px;}
}

@media(max-width:991px){
	.top-header ul li, .top-header ul li a{color: #000;}
	.top-header ul li .white-btn{background-color: var(--primary-color);color: #fff;}
	#main-header.transparent-header{box-shadow: 0 2px 6px rgba(0,0,0,0.15);background-color: #fff;}
	#main-header .navbar-toggler{border-color: #666;padding: 4px 8px;}
}

@media(max-width:767px){
	#main-header.transparent-header{padding-top: 10px;}
	.top-header{padding-bottom: 10px;border-bottom: 1px solid #ccc;}
	.top-header .inner{position: static;text-align: right;}
	.top-header ul li{font-size: 15px;}
	.top-header ul li .white-btn{padding: 10px;}
	#main-header {padding: 0 15px;}
	#main-header .navbar{padding: 10px 0;}
}

@media(min-width: 1200px){
	.navbar-expand-xl .navbar-nav .nav-link{padding-left: 10px;padding-right: 10px;}
}
@media(min-width: 1400px){
	.navbar-expand-xl .navbar-nav .nav-link{padding-left: 13px;padding-right: 13px;}
}

/** Inside Page Header **/
.inside .top-header ul li{color: #666667}
.inside .top-header ul li a{color: #FF6616}
.inside .top-header ul li a:hover{color: #e75001;}

.inside .top-header ul li .white-btn{background-color: var(--primary-color);color: #fff}
.inside .top-header ul li .white-btn:hover{background-color: #005ecd}

/** Header after login **/
.header-in{position: relative;/*min-height: 80px;*/z-index: 10;}
.header-right{display: flex;align-items: center;padding-left: 30px;}
header .h-list{list-style: none;margin: 0;padding: 0;align-items: center; gap: 2rem;}
header .h-list > li{position: relative;}
header .h-list > li:last-child{margin-right: -10px;}
header .h-list > li > a{display: block;position: relative;}
header .h-list > li > a img{display: block;}
header .nCount{position: absolute;right: -16px;top: -13px;background-color: var(--primary-color);border-radius: 13px;font-size: 11px;font-weight: 500;color: #fff;letter-spacing: -.4px;line-height: 24px;display: inline-block;width: 24px;height: 24px;text-align: center;}

.header-wrap{display: flex;justify-content: space-between;}
/* .logged-in .header-wrap{padding-right: 200px;} */

.menu-toggle{height: 80px;width: 100px;display: flex;justify-content: center;align-items: center;}
.menu-toggle:hover{background-color: #f7f7f7}

.header-search .form-control{height: 50px; width: 40px;color: #fff;background-color: transparent;border: 2px solid #fff;border-radius: 7px; background-image: url(/assets/images/search_icon.png);background-repeat: no-repeat;background-position: center right 10px;transition: all .7s;cursor: pointer;}
.header-search.search-bx-open .form-control:focus{background-color: #F5F6FA;border-color: var(--primary-color);color: #000;width: 500px;cursor:auto;}

.header-search .form-control::placeholder {color: transparent;opacity: 1; }
.header-search .form-control::-ms-input-placeholder {color: transparent;}
.header-search .form-control:focus::placeholder {color: #666;opacity: 1; }
.header-search .form-control:focus::-ms-input-placeholder {color: #666;}

@media(max-width:991px){
	.top-bar{display: flex;justify-content: flex-end;padding: 20px 40px 10px;background-color: #f7f7f7}
	.top-bar .inner{position: static;transform: none;}
	.top-bar .h-list > li{margin-right: 30px;}
}

@media(max-width:575px){
	.header-wrap{padding-right: 15px;}
	.menu-toggle{width: 50px;}
	.header-search{max-width: 160px;}
}

.scrol-to-top {position: relative;}
.scrol-to-top .back-to-top{position: absolute;right: 100px;top: -30px;z-index: 999;}

/** Footer **/
footer{position: relative;background: rgb(49,170,207);background: linear-gradient(164deg, rgba(49,170,207,1) 0%, rgba(132,70,193,1) 100%);padding: 70px 0 55px;}
footer p{line-height: 22px;color: #fff;}
footer a{color: #fff;}

.footer-col{margin-top: 12px;margin-bottom: 30px;}
.footer-col.first{margin-top: 0;}
.f-about{max-width: 450px;}
.footer-col h4{font-size: 18px;color: #fff;font-weight: 400;margin-bottom: 20px;}
.f-menu ul{list-style: none;margin: 0;padding: 0;}
.f-menu ul li{margin-bottom: 12px;}
.f-menu ul li:last-child{margin-bottom: 0;}
.f-menu ul li a:hover{color: #fff;}

.social ul{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;}
.social ul li{margin-right: 12px;}
.social ul li:last-child{margin-right: 0;}
.social ul li a{position: relative;display: block;width: 45px;height: 45px;background-color: transparent;border-radius: 50%;transition: .3s;}
.social ul li img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.social ul li a:hover{background-color: #FF5E13;}

.footer-end{border-top: 1px solid rgba(228, 228, 228, .4);padding-top: 30px;}
.footer-end .sub-link{position: relative;padding-left: 41px;font-size: 18px;color: #fff;line-height: 33px;display: inline-block;}
.footer-end .sub-link img{position: absolute;left: 0;top: 0;}
.footer-end .sub-link:hover{color: #fff;}

.footer-end ul{list-style: none;margin: 0;padding: 0;}
.footer-end ul li{color: #fff;display: inline-block;padding-right: 13px;border-right: 1px solid #fff;margin-right: 10px;line-height: 14px;}
.footer-end ul li:last-child{padding-right: 0;margin-right: 0;border-right: 0;}
.footer-end ul li a:hover{color: #fff;}

@media(max-width: 991px){
	.footer-col{text-align: center;}
	.f-about{max-width: 100%;}
	.social ul{justify-content: center;}
}

@media(max-width: 767px){
	.back-to-top{right: 20px;top: -25px;}
	.back-to-top img{max-width: 40px;}

	footer{padding: 50px 0 30px;}
	.footer-end .sub-link{font-size: 16px;}
	.footer-end ul li{display: block;padding-right: 0;border-right: 0;margin-right: 0;margin-bottom: 10px;}
	.footer-end ul li:last-child{margin-bottom: 0;}
}

/* reCAPTCHA v3 badge: only visible on the login page (body.show-recaptcha),
   hidden app-wide otherwise. When hidden on login, Google's ToS requires the
   reCAPTCHA notice in the form — the login page already shows it. */
.grecaptcha-badge { visibility: hidden !important; }
body.show-recaptcha .grecaptcha-badge { visibility: visible !important; }

/* Inline field-level validation message, used across profile and event forms. */
.sk-field-error {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.4;
  color: #dc3545;
}