@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
/*
Medicum palette (from www.medicum.ee, Bootstrap 5 tokens):
  primary        #000055
  primary hover  #000033
  secondary      #0000FF
  info tint      #F2F2FF
  light surface  #F7F7FF
  border         #DEE2E6
  muted          #9999BB
font-family: 'Inter', sans-serif;  (site headings use Aktiv Grotesk Ex, a licensed face, which falls back to Inter)
*/
:root{
  --primary:#000055;
  --primarySurface:#F2F2FF;
  --secondary:#0000FF;
  --secondarySurface:#F7F7FF;
  --text:#000055;
  --shades01:#ffffff;
  --shades02:#000000;
  --shades03:#F7F7FF;
  --shades04:#DEE2E6;
  --shades05:#9999BB;
  --shades06:#000022;
  --colorSuccess:#00663C;
  --colorDanger:#E03131;
  --colorInfo:#0EA5E9;
  --colorWarning:#FD7E14;

  --bgBody:#F7F7FF;
  --textBody:#000055;
  --bgHeader:#ffffff;
  --textMenu:#000055;
  --textMenuActive:#0000FF;
  --bgMenuToggle:#F2F2FF;
  --textMenuToggle:#000055;
  --textLanguage:#000055;
  --textLanguageActive:#0000FF;
  --textUsername:#000055;
  --bgFilter:#000055;
  --borderFilter:#000055;
  --textFilterIcon:#000055;
  --textMenu:#000055;
  --textMenuTitle:#000055;
  --bgFooter:#000055;
  --textFooter:#ffffff;
  --textFooterTitle:#ffffff;
  --textFooterLink:#ffffff;
  --textFooterLinkHover:#CCCCFF;

  --textDPWeek:#000055;
  --bgDPDayActive:#ffffff;
  --textDPDayActive:#000055;
  --borderDPDayActive:#000055;
  --bgDPDay:#F2F2FF;
  --bgDPDayHover:#000055;
  --textDPDay:#000055;
  --textDPDayHover:#ffffff;
  --bgDPDaySelected:#000055;
  --borderDPDaySelected:#000055;
  --bgDPOptionsHover:#F2F2FF;
  --textDPOptions:#000055;
  --bgDPOptionsActive:#000055;
  --textDPOptionsActive:#ffffff;
  --bgAbbreviation-01:#000055;
  --borderAbbreviation-01:#000055;
  --bgAbbreviation-02:#ffffff;
  --borderAbbreviation-02:#000055;
  --bgAbbreviation-03:#F2F2FF;
  --borderAbbreviation-03:#F2F2FF;

  --bgTab:#ffffff;
  --borderTab:#DEE2E6;
  --textTab:#000055;
  --bgTabActive:#000055;
  --borderTabActive:#000055;
  --textTabActive:#ffffff;

  --bgTabSecondary:#ffffff;
  --textTabSecondary:#9999BB;
  --bgTabSecondaryActive:#ffffff;
  --textTabSecondaryActive:#000055;

  --textNote:#000055;
  --textNoteIcon:#0000FF;
  --textNoteLink:#0000FF;

  --bgNotAllowed:#F7F7FF;
  --textNotAllowed:#0000FF;

  --bgBtn:#ffffff;
  --textBtn:#000055;
  --borderBtn:#DEE2E6;
  --bgBtnHover:#F2F2FF;
  --textBtnHover:#000055;
  --borderBtnHover:#DEE2E6;

  --bgBtnAlt:#F2F2FF;
  --textBtnAlt:#000055;
  --borderBtnAlt:#DEE2E6;
  --bgBtnAltHover:#ffffff;
  --textBtnAltHover:#000055;
  --borderBtnAltHover:#DEE2E6;

  --bgBtnDark:#000055;
  --textBtnDark:#ffffff;
  --borderBtnDark:#000055;
  --bgBtnDarkHover:#000033;
  --textBtnDarkHover:#ffffff;
  --borderBtnDarkHover:#000033;

  --bgModalBody:#F7F7FF;

  --bgPageHeader:#000055;
  --textPageHeader:#ffffff;
  --borderPageHeader:#000055;

  --bgLogin:#DEE2E6;

  --primary-rgb:0, 0, 85;
  --primarySurface-rgb:242, 242, 255;
  --secondary-rgb:0, 0, 255;
  --secondarySurface-rgb:247, 247, 255;
  --text-rgb:0, 0, 85;
  --shades01-rgb:255, 255, 255;
  --shades02-rgb:0, 0, 0;
  --shades03-rgb:247, 247, 255;
  --shades04-rgb:222, 226, 230;
  --shades05-rgb:153, 153, 187;
  --colorSuccess-rgb:0, 102, 60;
  --colorDanger-rgb:224, 49, 49;
  --colorInfo-rgb:14, 165, 233;
  --colorWarning-rgb:253, 126, 20;

  --headerHeight:70px;
}

/* ********|| INITIALIZATION STARTS ||******** */
body, html{ width: 100%; line-height:18px; margin:0 auto !important;padding:0 !important;font-family: 'Inter', sans-serif; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: 14px;  color: var(--textBody); background:var(--bgBody);position: relative; z-index: 0;}
*:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
a {text-decoration: none;}
a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:focus{ outline: none;text-decoration: none;}
button{cursor: pointer; outline: none; border: 0;}
input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important; box-shadow: none !important;}
/* ********|| INITIALIZATION ENDS ||******** */

/* ********|| PSEUDO ELEMENTS STARTS ||******** */
::selection{ background-color:var(--primary); color:var(--shades01)}
::-moz-selection{ background-color:var(--primary); color:var(--shades01)}
::-webkit-selection{ background-color:var(--primary); color:var(--shades01)}

:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }

select:-webkit-focusring { color: var(--shades01) !important;text-shadow: 0 0 0 var(--text);}
select:-moz-focusring {color: var(--shades01) !important;text-shadow: 0 0 0 var(--text);}
select:focusring {color: var(--shades01) !important; text-shadow: 0 0 0 var(--text);}

::input-placeholder{ color:var(--text);}
::-moz-input-placeholder{ color:var(--text);}
::-webkit-input-placeholder{ color:var(--text);}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}
input[type=number]{-moz-appearance: textfield;}

.dropdown-inner::-webkit-scrollbar-track{background-color: var(--shades01);border-radius: 30px;}
.dropdown-inner::-webkit-scrollbar{width: 5px;height: 5px;border-radius: 30px;}
.dropdown-inner::-webkit-scrollbar-thumb{background-color:var(--shades04); border-radius: 30px;}

.scrollbar::-webkit-scrollbar-track{background-color: transparent;border-radius: 30px;}
.scrollbar::-webkit-scrollbar{width: 5px;height: 5px;border-radius: 30px;}
.scrollbar::-webkit-scrollbar-thumb{background-color:var(--shades04); border-radius: 30px;}

/* ********|| PSEUDO ELEMENTS ENDS ||******** */

/* ********|| ADJUSTMENT CLASSES STARTS ||******** */
*,::after,::before{box-sizing: border-box;}
a, button{color:var(--shades02); border:0; transition: all 0.3s ease;}
a:hover, a:focus{color:var(--shades02);}
p { margin: 0 0 10px; }
hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid var(--shades05);}
strong{font-weight:600;}

.form-row{margin-right: -5px;margin-left: -5px;}
.form-row > .col,.form-row > [class*="col-"]{padding-right: 5px;padding-left: 5px;}


/* /////////////////////////////////////////////////////////////// */
/*             			   	 	BOOTSTRAP FIX            			   				 */
/* /////////////////////////////////////////////////////////////// */
@media (min-width: 576px){
  .container {max-width: none;}
  .modal-dialog {max-width: 700px;}
  .modal-sm {max-width: 400px;}
  .modal-lg {max-width: 1024px;}
  .modal-xl {max-width: 1280px;}
}
@media (min-width: 768px){
  .container {max-width: 740px;}
}
@media (min-width: 992px){
  .container {max-width: 960px;}
}
@media (min-width: 1200px){
  .container {max-width: 1170px;}
}
@media (min-width: 1440px){
  .container {max-width: 1340px;}
}
@media (min-width: 1600px){
  .container {max-width: 1400px;}
}
@media (min-width: 1900px){
  .container {max-width: 1440px;}
}

.modal-open {overflow: auto;}
.modal{ overflow-x: hidden; overflow-y: auto;}
.overflow-hidden{overflow:hidden !important;}
.dropdown .dropdown-toggle{padding-right: 30px !important;position: relative;}
.dropdown .dropdown-toggle::after{content: "\f078";font-family: "Font Awesome 6 Pro";font-size: 14px;font-weight: 500;display: block;position: absolute;margin: 0;vertical-align: unset;top: 50%;right: 10px;transform: translateY(-50%);border: 0; color: var(--secondary); opacity: 1; margin-top: 0; transition: all 0.3s ease;}
.dropdown .dropdown-toggle.show::after{transform: translateY(-50%) rotate(-180deg);}
/* .dropdown .dropdown-menu{display:block;top: 100% !important;left: 50% !important;transform: translate(-50%,50px) !important;visibility: hidden;opacity:0;transition:0.3s ease all;}
.dropdown .dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:0.3s ease all;} */
.dropdown-menu .dropdown-item{display: flex;padding: 5px 15px;color: var(--shades04);}
.dropdown-menu .dropdown-item:focus,.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:active{background: var(--primary);color: #fff;}
.mega-dropdown .mega-dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:.5s ease all;}

.dropdown{width: 100%;}
.dropdown .dropdown-toggle{height: 40px; padding: 0 16px;background-color: var(--shades01);border-radius: 4px;width: 100%;border:1px solid var(--shades04); text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dropdown .dropdown-menu{border: 0;box-shadow: rgb(0 0 0 / 10%) 0 2px 10px; margin:4px 0 0 !important;}
.dropdown .dropdown-menu::-webkit-scrollbar-track{background-color:transparent; border-radius: 10px;}
.dropdown .dropdown-menu::-webkit-scrollbar{width: 5px;height: 5px;background-color:transparent; border-radius: 10px;}
.dropdown .dropdown-menu::-webkit-scrollbar-thumb{background-color: var(--primary); border-radius: 10px;}
.dropdown .dropdown-menu-wrap{max-height: 200px; overflow: auto;}
.dropdown .dropdown-item{color: var(--shades02);font-size: 13px;padding: 0 15px;height: 40px;display: flex;justify-content: flex-start;align-items: center;}
.dropdown .dropdown-item:hover{background-color: var(--primary);color: var(--shades01);}
.dropdown .dropdown-item+.dropdown-item{border-top:1px solid var(--shades04);}

.form-group{position:relative; margin: 0 0 20px;}
.control-label{font-size: 13px;font-weight: 400;margin: 0 0 2px;color: var(--shades02);}
.form-control{border-radius: 4px;box-shadow: none;color: var(--shades02);background: var(--shades01);min-width: 50px;min-height: 40px;width: 100%;padding: 6px 12px;font-family: inherit;font-size: 14px;border: 1px solid rgba(var(--shades04-rgb), 25%); box-shadow: 0 2px 10px rgba(var(--shades04-rgb), 50%);}
.form-control:focus{ border-color:rgba(var(--shades04-rgb), 25%);background: inherit; box-shadow: 0 2px 10px rgba(var(--shades04-rgb), 50%) !important;}
.form-control::-webkit-input-placeholder{ color: var(--shades04) !important;}
.form-control:-moz-placeholder{color:var(--shades04) !important;opacity:  1 !important;}
.form-control::-moz-placeholder{color:var(--shades04) !important; opacity:1 !important;}
.form-control:-ms-input-placeholder{color:var(--shades04) !important;}
.form-control::-ms-input-placeholder{color:var(--shades04) !important;}
textarea.form-control{ resize:none; min-height: 120px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color: rgba(var(--shades04-rgb), 25%);border-color: rgba(var(--shades04-rgb), 50%); opacity: 1; cursor: not-allowed;}

.custom-checkbox{position:relative;padding:5px 0 5px 30px;margin:3px 0;display:inline-block;}
.custom-checkbox .custom-checkbox-input{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}
.custom-checkbox .custom-checkbox-label{position:relative;margin:0;line-height:18px;font-size:14px;}
.custom-checkbox .custom-checkbox-label:before{content:'';position:absolute;width:18px;height:18px;background:var(--shades01);border:2px solid var(--shades04);top:50%;left:-24px;transform:translateY(-50%);border-radius:4px}
.custom-checkbox .custom-checkbox-label:after{content:"\f00c";position:absolute;font-family:"Font Awesome 6 Pro";width:18px;height:18px;top:50%;left:-24px;transform:translateY(-50%);font-weight:600;font-size:14px;display:none;color:var(--shades01);text-align:center}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:after{display:block}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:before{border-color:var(--primary);background:var(--primary);}
.custom-checkbox .custom-checkbox-input:disabled{cursor: not-allowed;}
.custom-checkbox .custom-checkbox-input:disabled ~ .custom-checkbox-label:before{border-color:var(--shades04);background:var(--shades04);}
.custom-checkbox .checkbox-link{position: relative; z-index: 2; text-decoration: underline; color: var(--primary);}


.custom-switch{position:relative;padding:5px 0 5px 60px;margin:3px 0;display:inline-block;}
.custom-switch .custom-switch-input{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}
.custom-switch .custom-switch-label{position:relative;margin:0;line-height:18px;font-size:14px;}
.custom-switch .custom-switch-label:before{content:'';position: absolute;width: 48px;height: 24px;background: var(--shades01);border: 1px solid var(--shades04);top: 50%;left: -60px;transform: translateY(-50%);border-radius: 30px;transition: all 0.3s ease;}
.custom-switch .custom-switch-label:after{content:"";position: absolute;width: 16px;height: 16px;top: 50%;left: -56px;transform: translateY(-50%);background-color: var(--primary);border-radius: 50%; transition: all 0.3s ease;}
.custom-switch .custom-switch-input:checked ~ .custom-switch-label:before{background-color: var(--primary); border-color:var(--primary);}
.custom-switch .custom-switch-input:checked ~ .custom-switch-label:after{left: -32px; background-color: var(--shades01);}
.custom-switch .custom-switch-input:checked ~ .custom-switch-label:before{border-color:var(--primary);background:var(--primary);}

.custom-radio{position:relative;padding:5px 0 5px 30px;margin:3px 0;display:inline-block}
.custom-radio .custom-radio-input{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}
.custom-radio .custom-radio-label{position:relative;margin:0;line-height:18px;font-size:14px}
.custom-radio .custom-radio-label:before{content:'';position:absolute;width:18px;height:18px;background:transparent;border:2px solid var(--shades04);top:50%;left:-24px;transform:translateY(-50%);border-radius:50%}
.custom-radio .custom-radio-label:after{content:'';position:absolute;width:8px;height:8px;top:50%;left:-19px;transform:translateY(-50%);font-weight:600;font-size:7px;display:none;background-color: var(--primary);text-align:center;border-radius: 50%;}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:after{display:block}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:before{background:transparent;border-color:var(--primary)}
.custom-radio .custom-radio-input:disabled{cursor: not-allowed;}
.custom-radio .custom-radio-input:disabled ~ .custom-radio-label:before{border-color:var(--shades04);background:var(--shades04);}

.datepicker{width:100%;font-family:'Inter',sans-serif;padding:20px}
.datepicker table{width:100%;max-width:420px;border-spacing:14px 10px;border-collapse:separate;margin:0 auto}
.datepicker table tfoot{display: none;}
.datepicker table tr td{width:44px;max-width:44px;height:44px;border-radius:50%;background-color:var(--bgDPDay);font-weight:400;color:var(--textDPDay);font-size:16px;border:1px solid transparent}
.datepicker table tr th{width:44px;max-width:44px;height:44px;font-weight:500;color:var(--textDPWeek);font-size:16px}
.datepicker table tr td.today, .datepicker table tr td.today:active, .datepicker table tr td.today:focus, .datepicker table tr td.today:active:focus, .datepicker table tr td.today:active:hover{color:var(--textDPDayActive);background-color:var(--bgDPDayActive);border-color:var(--borderDPDayActive)}
.datepicker table tr td.today:hover{color:var(--textDPDayHover) !important;border-color:var(--bgDPDayHover)}
.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{color:var(--shades05)!important;background-color:var(--shades04)!important;border-color:var(--shades04)!important;opacity:.5}
.datepicker table tr td.new,.datepicker table tr td.old{opacity:0;pointer-events: none;}
.datepicker table tr td:hover{background-color:var(--bgDPDayHover)!important;color:var(--textDPDayHover)}
.datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active:active{background-color:var(--bgDPDaySelected)!important;border-color:var(--borderDPDaySelected)!important}
.datepicker .next,.datepicker .prev{font-size:0 !important;position:relative;border-radius:50%}
.datepicker .next:hover,.datepicker .prev:hover{background-color:var(--bgDPOptionsHover)}
.datepicker .prev:after{content:"\f053";font-family:"Font Awesome 6 Pro";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:400;color:var(--shades02)}
.datepicker .next:after{content:"\f054";font-family:"Font Awesome 6 Pro";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:400;color:var(--shades02)}
.datepicker .datepicker-switch:hover{background-color:var(--bgDPOptionsHover)}
.datepicker .datepicker-months td,.datepicker .datepicker-years td,.datepicker .datepicker-decades td,.datepicker .datepicker-centuries td{width:auto;height:auto;max-width:none;border-radius:0;background-color:transparent}
.datepicker .datepicker-months td:hover,.datepicker .datepicker-years td:hover,.datepicker .datepicker-decades td:hover,.datepicker .datepicker-centuries td:hover{background-color:transparent!important;color:var(--textDPOptions)!important}
.datepicker .datepicker-months .month,.datepicker .datepicker-years .year,.datepicker .datepicker-decades .decade,.datepicker .datepicker-centuries .century{background-color:rgba(var(--shades04-rgb),40%);color:var(--textDPOptions)}
.datepicker .datepicker-months .month:hover,.datepicker .datepicker-years .year:hover,.datepicker .datepicker-decades .decade:hover,.datepicker .datepicker-centuries .century:hover{background-color:var(--bgDPOptionsHover)}
.datepicker .datepicker-months .month.focused,.datepicker .datepicker-months .month.active,.datepicker .datepicker-years .year.focused,.datepicker .datepicker-years .year.active,.datepicker .datepicker-decades .decade.focused,.datepicker .datepicker-decades .decade.active,.datepicker .datepicker-centuries .century.focused,.datepicker .datepicker-centuries .century.active{background-color:var(--bgDPOptionsActive)!important;color:var(--textDPOptionsActive)}
.datepicker table tr td span{display:flex;align-items:center;justify-content:center;height:89px;line-height:1}
.datepicker.datepicker-dropdown{width:100%; max-width: 340px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);border-radius: 6px; border: 0; padding: 0;}
.datepicker.datepicker-dropdown:before{border:0;}
.datepicker.datepicker-dropdown table{max-width:340px;border-spacing:10px 6px;}
.datepicker.datepicker-dropdown table tr td{width:36px;max-width:36px;height:36px;font-size:14px;}
.datepicker.datepicker-dropdown table tr th{width:36px;max-width:36px;height:36px;font-size:14px}
.datepicker.datepicker-dropdown table tr td span{height:72px;}

/*////////////////////////////////////////////////////////////////*/
/*             		          	 HOME PAGE      	      				  	*/
/*////////////////////////////////////////////////////////////////*/

/* ********|| HEADER STARTS ||******** */
header{position: sticky;top: 0;z-index: 9;background-color: var(--bgHeader);display: flex;align-items: center;height: var(--headerHeight);}
header .container{display: flex; justify-content: flex-end; align-items: center;}
header .brand{position: relative; height: 60px; max-width: 200px; margin-right: auto;}
header .brand .logo{display: block; width: 100%; height: 100%;}
header .brand .logo img{width: 100%; height: 100%; object-fit: contain; object-position: center left;}
header .navigation{position: relative; margin: 0 40px 0 auto;}
header .navigation .navigation-inner{position: relative;}
header .navigation-menu{padding-left: 0;margin: 0;list-style: none;display: flex;align-items: center;}
header .navigation-menu > li{position: relative;}
header .navigation-menu > li .navigation-link{display: block; padding: 0 20px;color: var(--textMenu);position: relative;}
header .navigation-menu > li.active .navigation-link{color: var(--textMenuActive); font-weight: 700;}
header .navigation-menu > li.form-indicator .navigation-link:after{content:''; position: absolute;width: 6px;height: 6px;background-color: var(--colorDanger);border-radius: 50%;top: 0;right: 10px;}
header .language{display: flex;align-items: center; margin: 0 20px 0 40px;gap:5px}
header .language .item{position: relative;overflow: hidden;}
header .language .item .item-input{position: absolute;top: 0;left: 0;z-index: 1;opacity: 0;cursor: pointer;width: 100%;height: 100%;}
header .language .item .item-label{font-size: 16px;font-weight: 400;width: 28px;height: 24px;display: flex;align-items: center;justify-content: center; color: var(--textLanguage);}
header .language .item .item-input:checked ~ .item-label{color: var(--textLanguageActive); font-weight: 700;}
header .btn-menu{width: 40px;min-width: 40px;height: 40px;display: none;align-items: center;justify-content: center;border: 0;background-color: var(--bgMenuToggle);color: var(--textMenuToggle);border-radius: 6px;font-size: 20px;}
header .user-options{position: relative; margin: 0 0 0 20px;}
header .user-options .dropdown-toggle{display: flex;align-items: center;height: 50px;padding: 0 !important;border: 0;gap: 6px; background-color: transparent;}
header .user-options .dropdown-toggle:after{display: none;}
header .user-options .user-image{width: 32px;height: 32px;overflow: hidden;border-radius: 50%;}
header .user-options .user-image img{width: 100%; height: 100%; object-fit: cover;}
header .user-options .user-name{font-weight: 500; color: var(--textUsername);}
/* ********|| HEADER ENDS ||******** */

/* ********|| FILTERS START ||******** */
.section-filters{position: relative; background-color: var(--bgFilter); padding: 32px 0; border-bottom: 1px solid var(--borderFilter);}
.filters{position: relative;}
.filters .dropdown .dropdown-toggle{border: 0;}
.filters .dropdown .dropdown-toggle:after{content:'\f303'; font-weight: 400;color: var(--textFilterIcon);}
.filters .dropdown .dropdown-toggle.show::after{transform: translateY(-50%);}
.filters .dropdown .dropdown-inner{max-height: 400px; overflow: auto;}
.filters .dropdown .dropdown-menu{color: var(--textMenu);}
.filters .dropdown .dropdown-header{display: flex; align-items: center; justify-content: space-between;padding: 10px 6px;}
.filters .dropdown .dropdown-header .title{font-size: 16px;font-weight: 500;color: var(--textMenuTitle);line-height: 1.4;}
.filters .dropdown .dropdown-header .close{padding: 0px;font-size: 20px;background-color: transparent;color: var(--shades05);}
.filters .btn-modal{height: 40px;padding: 0 30px 0 16px;background-color: var(--shades01);border-radius: 4px;width: 100%;border:0;text-align: left; position: relative;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.filters .btn-modal:after{content:'\f303';display: block;position: absolute; font-family: "Font Awesome 6 Pro";font-size: 14px;font-weight: 400;margin: 0;top: 50%;right: 10px;transform: translateY(-50%);border: 0;color: var(--textFilterIcon);opacity: 1;}
/* ********|| FILTERS ENDS ||******** */

/* ********|| COMMON SECTION START ||******** */
.section-common{position: relative; padding: 80px 0;}
.booking{display: flex; flex-wrap: wrap; margin: 0 -20px;}
.calendar{width: 100%; max-width: 460px; margin: 0 20px; background-color: var(--shades01);border-radius: 4px;box-shadow: 0px 10px 44px rgba(10, 31, 68, 0.1);display: flex;align-items: center;justify-content: flex-end;flex-direction: column-reverse;}
.calendar .calendar-abbreviation{width: 100%;padding: 20px;border: solid var(--shades04);border-width: 1px 0 0;display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 0px;grid-row-gap: 0px;}
.calendar .calendar-abbreviation .abbreviation{padding: 4px 0 4px 30px; position: relative;}
.calendar .calendar-abbreviation .abbreviation:before{content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 18px;height: 18px;border-radius: 50%;background-color: rgba(var(--shades04-rgb), 50%);border: 1px solid transparent;}
.calendar .calendar-abbreviation .abbreviation:nth-child(1):before{ background-color: var(--bgAbbreviation-01);border-color:var(--borderAbbreviation-01)}
.calendar .calendar-abbreviation .abbreviation:nth-child(2):before{ background-color: var(--bgAbbreviation-02); border-color: var(--borderAbbreviation-02);}
.calendar .calendar-abbreviation .abbreviation:nth-child(3):before{ background-color: var(--bgAbbreviation-03); border-color: var(--borderAbbreviation-03);}

.calendar-events{width: 100%; max-width: calc(100% - 540px); margin: 0 20px; background-color: var(--shades01);border-radius: 4px;box-shadow: 0px 10px 44px rgba(10, 31, 68, 0.1); padding:40px 20px 20px;}
.calendar-events .current{font-size: 16px;font-weight: 500;line-height: 1.2;margin: 0 0 20px;}
.calendar-events .nav.nav-tabs{border: 0;margin: 0 -10px;}
.calendar-events .nav.nav-tabs .nav-item{width: 100%;max-width: calc(25% - 20px);margin: 0 10px;}
.calendar-events .nav.nav-tabs .nav-link{margin: 0;width: 100%;padding: 0 10px;height: 40px;border: 1px solid var(--borderTab);border-radius: 4px;text-transform: capitalize;font-weight: 500;color: var(--textTab); background-color: var(--bgTab);}
.calendar-events .nav.nav-tabs .nav-link.active{background-color: var(--bgTabActive);color: var(--textTabActive);border-color: var(--borderTabActive);}
.calendar-events .tab-content{padding: 20px 0;}

.note{position: relative; padding: 10px 0;display: flex; align-items: center;}
.note .note-icon{width: 40px;min-width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;font-size: 18px;color: var(--textNoteIcon);}
.note .note-data{color: var(--textNote);font-size: 15px;line-height: 1.2;}
.note .note-data a{color: var(--textNoteLink);}
.note .note-data a:hover{text-decoration: underline;}

.not-allowed-booking{position: relative;padding: 40px 10%;text-align: center;background-color: var(--bgNotAllowed);color: var(--textNotAllowed);border-radius: 6px;margin: 10px 0;font-weight: 500;line-height: 1.4;font-size: 15px;}


.booking-doctors{position: relative; padding: 20px 0; max-height: 400px; overflow-y: auto; margin: 0 -10px;}
.booking-doctors .doctors{position: relative;padding: 15px 20px;background-color: var(--shades01);box-shadow: 0px 1px 8px rgba(134, 155, 172, 0.24);border-radius: 4px;display: flex; align-items: center; gap: 20px; margin: 0 10px;}
.booking-doctors .doctors.alt{background-color: rgba(var(--shades04-rgb), 40%); box-shadow: none;}
.booking-doctors .doctors+.doctors{margin-top: 12px;}
.booking-doctors .doctors .doctors-image{width: 64px;height: 64px;min-width: 64px;overflow: hidden;border-radius: 50%;}
.booking-doctors .doctors .doctors-image img{width: 100%;height: 100%;object-fit: cover;}
.booking-doctors .doctors .doctors-details{width: 100%;flex-grow: 1;flex-shrink: 1;line-height: 1.5;}
.booking-doctors .doctors .doctors-title{display: flex;align-items: center;gap: 10px;}
.booking-doctors .doctors .doctors-name{font-size: 16px;font-weight: 500;color: var(--primary);}
.booking-doctors .doctors .doctors-info{padding: 0;background-color: transparent;color: var(--primary);font-size: 16px;}
.booking-doctors .doctors .doctors-text{font-weight: 400;}
.booking-doctors .doctors .doctors-subtext{font-weight: 500;}
.booking-doctors .doctors .doctor-reference{width: 15%; min-width: 15%; text-align: center;}
.booking-doctors .doctors .doctor-reference .doctor-reference-name{font-size: 14px;font-weight: 500;}
.booking-doctors .doctors .doctor-reference .doctor-reference-id{font-size: 13px;}
.booking-doctors .doctors .doctors-timing{width: 120px;min-width: 120px;text-align: center;}
.booking-doctors .doctors .doctors-timing.large{width: 20%;min-width: 20%;}
.booking-doctors .doctors .doctors-timing .time{font-size: 16px; font-weight: 600;}
.booking-doctors .doctors .doctors-timing .duration{font-size: 12px;}
.booking-doctors .doctors .doctors-action{width: 100px; min-width: 100px;}
.booking-doctors .doctors .doctors-action .btn-action{width: 100%;height: 40px;background-color: var(--bgBtn);color: var(--textBtn);font-size: 14px;border: 4px;padding: 0 10px;border-radius: 4px; font-weight: 500; border:1px solid var(--borderBtn); transition: all 0.3s ease;}
.booking-doctors .doctors .doctors-action .btn-action:hover{background-color: var(--bgBtnHover);color:var(--textBtnHover); border-color: var(--borderBtnHover);}
.doctors-action-section .btn-action{background-color: var(--bgBtnDark);color: var(--textBtnDark);}
.doctors-action-section .btn-action:hover{background-color: var(--bgBtnHover);color: var(--textBtnHover);}
/* ********|| COMMON SECTION ENDS ||******** */

/* ********|| FOOTER STARTS ||******** */
footer{position: relative;padding: 60px 0 0;background-color: var(--bgFooter); color: var(--textFooter);}
footer .brand{position: relative; height: 60px; max-width: 200px; margin: 0 0 20px;}
footer .brand .logo{display: block; width: 100%; height: 100%;}
footer .brand .logo img{width: 100%; height: 100%; object-fit: contain; object-position: center left;}
footer .footer-content{position: relative;}
footer .footer-content .footer-title{font-size: 18px;font-weight: 500;margin: 0 0 10px;color: var(--textFooterTitle);}
footer .footer-content .footer-links{padding-left: 0;margin: 0;list-style: none;}
footer .footer-content .footer-links li{position: relative;}
footer .footer-content .footer-links li a{font-size: 14px;font-weight: 500;line-height: 1.2;padding: 4px 0;display: inline-flex;color: var(--textFooterLink);}
footer .footer-content .footer-links li a:hover{color: var(--textFooterLinkHover);}
footer .footer-about{position: relative;display: flex;gap: 40px;margin: 0 0 40px;}
footer .footer-about .about-logo{height: 60px;width: 140px;min-width: 140px;}
footer .footer-about .about-logo img{width: 100%; height: 100%; object-fit: contain;}
footer .footer-about .about-text{line-height: 1.4; font-size: 14px;}
footer .footer-information{position: relative;}
footer .footer-information .information{line-height: 1.4; font-size: 14px;}
footer .footer-information .information+.information{margin: 20px 0 0;}
footer .footer-bottom{position: relative;padding: 40px 0 60px;border: solid rgba(var(--shades04-rgb), 50%);border-width: 1px 0 0;margin: 60px 0 0;}
footer .footer-bottom > .container{display: flex; align-items: center; justify-content: space-between;}
footer .footer-bottom .footer-links{padding-left: 0;margin: 0;list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 20px;}
footer .footer-bottom .footer-links li{position: relative;}
footer .footer-bottom .footer-links li a{font-size: 14px;font-weight: 400;line-height: 1.2;padding: 0 4px;display: inline-flex;color: var(--textFooterLink);}
footer .footer-bottom .footer-links li a:hover{color: var(--textFooterLinkHover);}
footer .copyright{line-height: 1.4; font-size: 14px;}
/* ********|| FOOTER ENDS ||******** */

/* *******|| OTHER PAGES START ||******* */
.section-pageheader{position: relative; background-color: var(--bgPageHeader); padding: 32px 0;border-bottom: 1px solid var(--borderPageHeader);}
.section-pageheader .pageheader-title{margin: 0;font-weight: 300;color: var(--textPageHeader);font-size: 32px;line-height: 1.25;}

.appointments{position: relative; width: 100%;background-color: var(--shades01);border-radius: 4px;box-shadow: 0px 10px 44px rgba(10, 31, 68, 0.1);padding: 40px 20px 20px;}
.appointments .appointment-title{font-size: 20px;font-weight: 500;color: var(--primary);margin: 0;}

.patients{position: relative; width: 100%;background-color: var(--shades01);border-radius: 4px;box-shadow: 0px 10px 44px rgba(10, 31, 68, 0.1);padding: 40px 20px 20px;}
.patients .patients-title{font-size: 20px;font-weight: 500;color: var(--primary);margin: 0;}
.patients .patients-text{font-size: 14px; margin: 10px 0 20px;}

.form-content{}
.form-content .input-group{ background-color: var(--shades01);border: 1px solid rgba(var(--shades04-rgb), 60%); box-shadow: 0 2px 10px rgba(var(--shades04-rgb), 50%); border-radius: 4px;}
.form-content .input-group .input-group-text{ background-color: rgba(var(--primary-rgb), 8%);border-color: rgba(var(--shades04-rgb), 25%);font-weight: 500;color: var(--primary);border-radius: 4px;border-color: transparent;}
.form-content .input-group .form-control{ border-width: 0; box-shadow: none;}
.form-content .input-group .form-control:focus{background: var(--shades01);box-shadow: none !important;}
.form-content .custom-checkbox .custom-checkbox-label:before, .patients .form-content .custom-checkbox .custom-checkbox-label:after{top: 1px;transform: none;}
.form-content .custom-input{position: relative;z-index: 2;border: 1px solid rgba(var(--shades04-rgb), 50%);box-shadow: 0 2px 10px rgba(var(--shades04-rgb), 50%);width: 40px;height: 24px;border-radius: 4px;padding: 0 10px;text-align: center;margin: 0 5px;}
.form-content .custom-input:focus{ border-color:rgba(var(--shades04-rgb), 50%);background: inherit; box-shadow: 0 2px 10px rgba(var(--shades04-rgb), 50%) !important;}
.form-content .form-text{font-size: 14px; line-height: 1.4;}
.form-content .form-actions{display: flex;align-items: center;justify-content: space-between;margin: 20px 0 0;}
.form-content .form-actions .updated-status{font-size: 13px; font-weight: 500;}
.form-content .form-actions .actions{display: flex;align-items: center;gap: 10px;}
.form-content .form-actions .save-note{font-size: 13px;font-weight: 500;color: var(--colorDanger);}
.form-content .form-actions .btn-action{height: 40px;background-color: var(--bgBtnDark);color: var(--textBtnDark);font-size: 14px;border: 4px;padding: 0 16px;border-radius: 4px; font-weight: 500; border:1px solid var(--borderBtnDark); transition: all 0.3s ease;}
.form-content .form-actions .btn-action:hover{background-color: var(--bgBtnDarkHover);color: var(--textBtnDarkHover); border-color:var(--borderBtnDarkHover);}

.nav.nav-tabs.style-2{border: 0;}
.nav.nav-tabs.style-2 .nav-item+.nav-item{margin: 0 0 0 10px;}
.nav.nav-tabs.style-2 .nav-item .nav-link{background-color: var(--bgTabSecondary);border: 0;border-radius: 0;height: 50px;font-size: 14px;font-weight: 500; color: var(--textTabSecondary); padding: 0 16px; display: flex; align-items: center; justify-content: center;}
.nav.nav-tabs.style-2 .nav-item .nav-link.active{position: relative; z-index: 1;color: var(--textTabSecondaryActive); background-color: var(--bgTabSecondaryActive);}
.tab-content .tab-pane{display: none;}
.tab-content .active{display: block;}


.information-title{font-size: 20px;font-weight: 500;color: var(--primary);margin: 0 0 10px;}
.information-banner{width: 100%;position: relative;margin: 0 0 40px;background-color: var(--shades01);border-radius: 6px;overflow: hidden;box-shadow: 0px 10px 10px rgba(10, 31, 68, 0.1);}
.information-banner img{width: 100%;}
.information-list{position: relative; margin: 0 0 20px;}
.information-list .information-item{position: relative; background-color: var(--shades01); box-shadow: 0px 10px 20px rgba(10, 31, 68, 0.1);  border-radius: 6px;}
.information-list .information-item+.information-item{margin: 20px 0 0;}
.information-list .information-item .item-header{display: flex;align-items: center;justify-content: space-between;padding:10px 20px;border-bottom: 1px solid var(--shades04);}
.information-list .information-item .item-date{display: flex; align-items: center; gap: 20px;}
.information-list .information-item .item-date .data{font-size: 14px; font-weight: 500;}
.information-list .information-item .item-date .icon{width: 20px;height: 20px;overflow: hidden;}
.information-list .information-item .item-date .icon img{width: 100%;height: 100%;object-fit: contain;}
.information-list .information-item .item-header-options{display: flex;gap: 20px;align-items: center;}
.information-list .information-item .item-options{font-weight: 400;}
.information-list .information-item .item-body{padding:10px 20px;}
.information-list .information-item .pinnad-list{position: relative; margin: 0 0 20px;}
.information-list .information-item .pinnad-list .item-pinnad{display: flex; align-items: center;}
.information-list .information-item .pinnad-list .item-pinnad+.item-pinnad{margin: 10px 0 0;}
.information-list .information-item .pinnad-list .item-pinnad-value{width: 60px;min-width: 60px;min-height: 60px;display: flex;align-items: center;justify-content: center;background-color: var(--shades01);color: var(--primary);font-weight: 500;font-size: 24px;border: 1px solid var(--shades04);border-radius: 6px;}
.information-list .information-item .pinnad-list .item-pinnad-content{width: 100%; margin: 0 0 0 20px;}
.information-list .information-item .pinnad-list .item-pinnad-title{font-size: 16px;font-weight: 500;color: var(--primary);}
.information-list .information-item .pinnad-list .item-pinnad-data{font-size: 13px; margin: 4px 0 0;}
.information-list .information-item .pinnad-list .item-pinnad-data strong{font-weight: 500;}
.information-list .information-item .toiming-list{position: relative; margin: 0 0 20px;}
.information-list .information-item .toiming-list .item-toiming-header{padding: 5px 0;font-size: 13px;text-transform: uppercase;font-weight: 500;color:rgba(var(--primary-rgb), 0.5);}
.information-list .information-item .toiming-list .item-toiming{padding: 5px 0; border:solid var(--bs-gray-200); border-width: 1px 0;}
.information-list .information-item .toiming-list .item-toiming+.item-toiming{margin: -1px 0 0;}
.information-list .information-item .toiming-list .item-toiming-title{font-size: 14px;}


.budgets{position: sticky; top: calc(var(--headerHeight) + 40px); margin: 0 0 20px;}
.budgets .budget-header{display: flex;align-items: center;justify-content: space-between;margin: 0 0 16px;}
.budgets .budget-title{margin: 0;}
.budgets .btn-action{width: 24px;height: 24px;padding: 0;display: flex;align-items: center;justify-content: center;background-color: transparent;color: var(--primary);font-size: 18px;}
.budgets .budget-list{position: relative;}
.budgets .budget-list .item{position: relative;padding: 16px;background-color: rgba(var(--primary-rgb), 0.1);display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.budgets .budget-list .item:first-child{border-radius: 6px 6px 0 0;}
.budgets .budget-list .item:last-child{border-radius: 0 0 6px 6px;}
.budgets .budget-list .item+.item{border-top:1px solid rgba(var(--primary-rgb), 20%)}
.budgets .budget-list .item .item-content{width: 100%;flex-grow: 1;flex-shrink: 1;}
.budgets .budget-list .item .item-title{font-size: 14px; font-weight: 500;}
.budgets .budget-list .item .item-text{font-size: 12px;}
.budgets .budget-list .item .item-amount{flex-grow: 0;flex-shrink: 0;font-size: 16px;font-weight: 500;color: var(--primary);}

.declarations{position: sticky; top: calc(var(--headerHeight) + 40px); margin: 0 0 20px;}
.declarations .declaration-header{display: flex;align-items: center;justify-content: space-between;margin: 0 0 16px;}
.declarations .declaration-title{margin: 0;}
.declarations .btn-action{width: 24px;height: 24px;padding: 0;display: flex;align-items: center;justify-content: center;background-color: transparent;color: var(--primary);font-size: 18px;}
.declarations .declaration-list{position: relative;}
.declarations .declaration-list .item{position: relative;padding: 16px;background-color: rgba(var(--primary-rgb), 0.1);display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.declarations .declaration-list .item:first-child{border-radius: 6px 6px 0 0;}
.declarations .declaration-list .item:last-child{border-radius: 0 0 6px 6px;}
.declarations .declaration-list .item+.item{border-top:1px solid rgba(var(--primary-rgb), 20%)}
.declarations .declaration-list .item .item-content{width: 100%;flex-grow: 1;flex-shrink: 1;}
.declarations .declaration-list .item .item-title{font-size: 14px; font-weight: 500;}
.declarations .declaration-list .item .item-text{font-size: 12px;}
.declarations .declaration-list .item .item-status{flex-grow: 0;flex-shrink: 0; display: flex; align-items: center; justify-content: flex-end;}
.declarations .declaration-list .item .item-status .status{ display: flex; justify-content: center; align-items: center; font-size: 12px;font-weight: 500;background-color: var(--primary); padding: 0 10px; border-radius: 4px; height: 24px; color: var(--shades01);}
.declarations .declaration-list .item .item-status .status.warning{ background-color: var(--colorWarning);}
.declarations .declaration-list .item .item-status .status.danger{ background-color: var(--colorDanger);}
.declarations .declaration-list .item .item-status .status.success{ background-color: var(--colorSuccess);}

/* *******|| OTHER PAGES ENDS ||******* */


/* *******|| LOGIN START ||******* */
.login-section{display: flex;}
.login-section .left-section , .login-section .right-section{width: 50%;min-height: 100vh;}
.login-section .language{display: flex;align-items: center; gap:5px}
.login-section .language .item{position: relative;overflow: hidden;}
.login-section .language .item .item-input{position: absolute;top: 0;left: 0;z-index: 1;opacity: 0;cursor: pointer;width: 100%;height: 100%;}
.login-section .language .item .item-label{font-size: 16px;font-weight: 400;width: 28px;height: 24px;display: flex;align-items: center;justify-content: center; color: var(--textLanguage);}
.login-section .language .item .item-input:checked ~ .item-label{color: var(--textLanguageActive); font-weight: 700;}
.login-section .left-section{background: var(--bgLogin);display: flex;align-items: center;justify-content: center;}
.login-section .left-section .logo-wrap{width: 100%;height: 120px;overflow: hidden;}
.login-section .left-section .logo-wrap img{width: 100%;height: 100%;object-fit: contain;}
.login-section .right-section{padding: 40px;display: flex;justify-content: center;align-items: center; background-color: var(--shades01);}
.login-section .right-content{width: 100%;display: flex;flex-direction: column;align-items: center;flex-grow: 1;flex-shrink: 1;}
.login-section .nav-tabs{border: none;gap:30px}
.login-section .nav-tabs .nav-item{}
.login-section .nav-tabs .nav-item .nav-link{display: flex;align-items: center;border: none;padding: 8px 0;}
.login-section .nav-tabs .nav-item .nav-link .img-icon .svg{filter: invert(0%) sepia(27%) saturate(16%) hue-rotate(9deg) brightness(94%) contrast(100%);}
.login-section .nav-tabs .nav-item .nav-link.active{border-bottom: 2px solid var(--primary);}
.login-section .nav-tabs .nav-item .nav-link .img-icon{width: 20px;height: 20px;overflow: hidden;margin-right: 10px;color: black;}
.login-section .nav-tabs .nav-item .nav-link .img-icon img{width: 100%;height: 100%;object-fit: contain;}
.login-section .nav-tabs .nav-item .nav-link .text{color: var(--shades02);text-transform: capitalize;font-size: 16px;font-weight: 500;}
.login-section .nav-tabs .nav-item .nav-link.active .text{color: var(--primary);}
.login-section .tab-content{}
.login-section .tab-content .id-content{}
.login-section .tab-content .body-content{padding: 60px 0;}
.login-section .tab-content .body-content .content-part{display: flex;align-items: center;justify-content: center;width: 60%;margin: 0 auto 40px;}
.login-section .tab-content .body-content .action-part{display: flex;flex-direction: column;margin: 0 auto;width: 50%;text-align: center;}
.login-section .tab-content .body-content .action-part .btn-enter{width: 180px;margin: 0 auto;background-color: var(--bgBtnDark);color: var(--textBtnDark);border-radius: 4px;height: 40px;font-size: 16px;font-weight: 500; border:1px solid var(--borderBtnDark); transition: all 0.3s ease;}
.login-section .tab-content .body-content .action-part .btn-enter:hover{background-color: var(--borderBtnDarkHover);color: var(--textBtnDarkHover);border-color:var(--borderBtnDarkHover);}

.login-section .tab-content .body-content .action-part .text-link{margin-top: 10px;color: var(--primary);font-size: 16px;font-weight: 400;}
.login-section .tab-content .body-content .icon{font-size: 20px;margin-right: 12px;}
.login-section .tab-content .body-content .icon img{}
.login-section .tab-content .body-content .text{}
.login-section .footer-content{text-align: center;}
.login-section .footer-content .link{font-weight: 500;font-size: 16px;color: var(--shades02);margin: 15px 0;}
.login-section .footer-content .footer-links{display: flex;flex-wrap: wrap;justify-content: center;padding: 10px 20px;row-gap: 10px; column-gap: 20px;}
.login-section .footer-content .footer-links .link-item{font-size: 14px;color: var(--shades02);font-weight: 400;}
.login-section .footer-content .footer-links .link-item:hover{color: var(--textFooterLinkHover);}
.login-section .id-form{margin: 50px 0;}
.login-section .id-form .input-group{box-shadow: 0px 1px 8px 0px rgb(134 155 172 / 24%);border-radius: 4px;border: 1px solid var(--secondary);}
.login-section .id-form .input-group+ .input-group{margin-top: 50px;}
.login-section .id-form .input-group .input-group-text{background: var(--primarySurface);width: 62px;justify-content: center;font-weight: 700;color: var(--primary);border:none;overflow: hidden;border-radius: 4px;}
.login-section .id-form .input-group .form-control{border: none;background: var(--shades01);border-top-right-radius:4px !important;border-bottom-right-radius:4px !important}
.login-section .id-form .form-control:focus > .input-group{border: 1px solid var(--primary);}
.login-section .id-form .input-group:focus-within {border: 1px solid var(--primary) !important;}
.login-section .id-form .btn-enter{width: 180px;margin: 40px auto;background: var(--bgBtnDark);color: var(--textBtnDark);border-radius: 4px;height: 40px;font-size: 16px;font-weight: 400;display: flex;align-items: center;justify-content: center;border:1px solid var(--borderBtnDark);transition: all 0.3s ease;}
.login-section .id-form .btn-enter:hover{background-color: var(--borderBtnDarkHover);color: var(--textBtnDarkHover);border-color:var(--borderBtnDarkHover);}

.login-section .invalid-feedback{position: absolute;bottom: -24px;font-size: 14px;font-weight: 400;}
.login-section .input-group.has-validation{border:1px solid var(--colorDanger)}
.login-section .input-group.has-validation .input-group-text{background: #FFF1F1;color: var(--colorDanger);}
/* *******|| LOGIN ENDS ||******* */

/* ********|| MODAL STARTS ||******** */
.modal-content{border: 0;border-radius: 10px;background-color: var(--bgModalBody);}
.modal-body{position: relative;padding: 40px 60px;}
.modal-body .btn-close{position: absolute;top: 10px;right: 10px;font-size: 30px;background: transparent;padding: 0;color: var(--shades6);display: flex;align-items: center;justify-content: center;box-shadow: none;z-index: 9;}
.modal-title{font-size: 32px;line-height: 1.4;font-weight: 500;}
.modal-text{font-size: 15px; line-height: 1.4; margin: 20px 0 40px;}
.modal-text a{color: var(--text);}
.modal-text a:hover{text-decoration: underline;}
.modal-action{display: flex; justify-content: flex-end; align-items: center; gap: 20px;flex-wrap: wrap;}
.modal-action .btn-action{height: 40px;background-color: var(--bgBtnDark);color: var(--textBtnDark);font-size: 14px;border: 4px;padding: 0 16px;border-radius: 4px; border:1px solid var(--borderBtnDark);}
.modal-action .btn-action:hover{background-color: var(--bgBtnDarkHover);color: var(--textBtnDarkHover);border-color: var(--borderBtnDarkHover);}
.modal-action .btn-action.alt{background-color: var(--bgBtn);color: var(--textBtn);border-color: var(--borderBtn);}
.modal-action .btn-action.alt:hover{background-color: var(--bgBtnHover);color: var(--textBtnHover);border-color: var(--borderBtnHover);}

.service-modal-content{position: relative;}
.service-modal-content .services-title{font-size: 24px;font-weight: 500;line-height: 1.4;margin: 0 0 10px;}
.service-modal-content .services-list{display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 30px;grid-row-gap: 10px; margin: 0 0 40px;}
.service-modal-content .services-list .service{display: flex;align-items: center;gap: 16px;background-color: var(--shades01);border-radius: 4px;box-shadow: 0px 1px 8px rgba(134, 155, 172, 0.24);padding: 20px;overflow: hidden; min-height: 80px; transition: all 0.3s ease;}
.service-modal-content .services-list .service .service-icon{width: 32px;height: 32px;min-width: 32px;overflow: hidden;}
.service-modal-content .services-list .service .service-icon img{width: 100%;height: 100%;object-fit: contain;}
.service-modal-content .services-list .service .service-name{width: 100%;font-size: 15px;line-height: 1.4;text-align: left;}
.service-modal-content .services-list .service:hover{background-color: var(--primarySurface);}
.service-modal-content .services-list .service:hover .service-name{color: var(--primary);transition: all 0.3s ease;}

.expert-modal-content{position: relative;}
.expert-modal-content .expert-search{position: relative; margin: 0 0 30px;}
.expert-modal-content .expert-search:after{content:'\f002'; font-family: 'Font Awesome 6 Pro'; position: absolute;top: 50%;right: 10px;transform: translateY(-50%);font-size: 20px;color: var(--primary);}
.expert-modal-content .expert-search .form-control{border-color: transparent;background-color: var(--shades01);border-radius: 4px;height: 50px;padding: 0 50px 0 16px; font-size: 15px;}
.expert-modal-content .expert-search .form-control::placeholder{color: var(--shades02) !important; opacity: 1;}
.expert-modal-content .expert-title{font-size: 24px;font-weight: 500;line-height: 1.4;margin: 0 0 10px;}
.expert-modal-content .expert-list{display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 30px;grid-row-gap: 10px; margin: 0 0 40px;}
.expert-modal-content .expert-list .expert{position: relative;display: none;align-items: center;gap: 16px;background-color: var(--shades01);border-radius: 4px;box-shadow: 0px 1px 8px rgba(134, 155, 172, 0.24);padding: 20px;overflow: hidden;transition: all 0.3s ease;}
.expert-modal-content .expert-list .expert.visible{display: flex;}
.expert-modal-content .expert-list .expert .expert-checkbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 1;cursor: pointer;}
.expert-modal-content .expert-list .expert .expert-check{position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 32px; height: 32px; display: flex; justify-content: center; align-items: center;font-size: 18px; color: var(--primary); opacity: 0; visibility: hidden;transition: all 0.3s ease;}
.expert-modal-content .expert-list .expert .expert-checkbox:checked ~ .expert-check{opacity: 1; visibility: visible;}
/* .expert-modal-content .expert-list .expert .expert-check::before{content:"\f00c"; font-family: 'Font Awesome 6 Pro';} */
.expert-modal-content .expert-list .expert .expert-icon{width: 40px;height: 40px;min-width: 40px;overflow: hidden;border-radius: 50%;}
.expert-modal-content .expert-list .expert .expert-icon img{width: 100%;height: 100%;object-fit: contain;}
.expert-modal-content .expert-list .expert .expert-name{width: 100%;font-size: 15px;line-height: 1.4;text-align: left;transition: all 0.3s ease;}
.expert-modal-content .expert-list .expert:hover{background-color: var(--primarySurface);}
.expert-modal-content .expert-list .expert:hover .expert-name{color: var(--primary);transition: all 0.3s ease;}
.expert-modal-content .expert-actions{display: flex; align-items: center;}
.expert-modal-content .expert-actions .btn-action{height: 40px;border-radius: 4px;display: none;align-items: center;justify-content: center;padding: 0 10px;gap: 10px;background-color: var(--bgBtnDark);color: var(--textBtnDark);font-size: 14px; border:1px solid var(--borderBtnDark)}
.expert-modal-content .expert-actions .btn-action i{font-size: 12px;}
.expert-modal-content .expert-actions .btn-action.active{display:flex}
.expert-modal-content .expert-actions .btn-action{background-color: var(--bgBtnDarkHover);color: var(--textBtnDarkHover);border-color:var(--borderBtnDarkHover)}

.doctor-modal-content{position: relative;}
.doctor-modal-content .doctor{display: flex;align-items: center;gap: 30px;margin: 0 0 20px;}
.doctor-modal-content .doctor .doctor-image{width: 140px;min-width: 140px;height: 140px;overflow: hidden;border-radius: 50%;}
.doctor-modal-content .doctor .doctor-image img{width: 100%; height: 100%; object-fit: cover;}
.doctor-modal-content .doctor .doctor-data{width: 100%;}
.doctor-modal-content .doctor .doctor-name{font-size: 20px;font-weight: 500;color: var(--primary);line-height: 1.4;}
.doctor-modal-content .doctor .doctor-clinic{font-weight: 500; line-height: 1.4;}
.doctor-modal-content .doctor-info{position: relative;margin: 0 0 30px;}
.doctor-modal-content .doctor-info .info{font-size: 15px; line-height: 1.4;}
.doctor-modal-content .doctor-info .info a{color: var(--primary);}
.doctor-modal-content .doctor-info .info a:hover{text-decoration: underline;}
.doctor-modal-content .doctor-additional{position: relative; margin: 0 0 30px;}
.doctor-modal-content .doctor-additional-title{font-size: 16px;font-weight: 500;line-height: 1.4;margin: 0 0 10px;}
.doctor-modal-content .doctor-additional-list{position: relative;}
.doctor-modal-content .doctor-additional-list .item{font-size: 15px; line-height: 1.4;}
.doctor-modal-content .doctor-additional-list .item+.item{margin: 10px 0 0;}

.cancel-appointment-modal-content .booking-doctors .doctors{flex-wrap: wrap;}
.cancel-appointment-modal-content .booking-doctors .doctors .doctors-details{max-width: calc(100% - 84px);}
.cancel-appointment-modal-content .booking-doctors .doctors .doctors-timing.large{margin: 0 auto 0 84px;width: auto;min-width: 0;text-align: unset;display: flex;align-items: center;gap: 20px;}
.cancel-appointment-modal-content .booking-doctors .doctors .doctors-timing.large .time{font-size: 14px; font-weight: 500;}
.cancel-appointment-modal-content .booking-doctors .doctors .doctors-timing.large .duration{font-size: 13px;}

.book-appointment-modal-content .booking-doctors .doctors{flex-wrap: wrap;}
.book-appointment-modal-content .booking-doctors .doctors .doctors-details{max-width: calc(100% - 84px);}
.book-appointment-modal-content .booking-doctors .doctors .doctors-timing.large{margin: 0 auto 0 84px;width: auto;min-width: 0;text-align: unset;display: flex;align-items: center;gap: 20px;}
.book-appointment-modal-content .booking-doctors .doctors .doctors-timing.large .time{font-size: 14px; font-weight: 500;}
.book-appointment-modal-content .booking-doctors .doctors .doctors-timing.large .duration{font-size: 13px;}

.booking-for-others{position: relative;background-color: var(--shades01);padding: 20px;margin: 0 0 30px;box-shadow: 0px 1px 8px rgba(134, 155, 172, 0.24);border-radius: 6px;}

.info-content{border: none;max-width: 90%;}
.info-content .sub-text{font-size: 18px;color: var(--text);line-height: 1.2;margin:20px 0;font-weight: 500;}
.info-content ul{margin: 0 0 40px;}
.info-content ul li{font-size: 16px;line-height: 1.5;}
.info-content ul li .link{color: var(--primary);font-weight: 400;}

.attention-note{position: relative;padding: 30px 40px;margin: 0 0 20px;background-color: var(--shades01);border-radius: 6px;}
.attention-note .title{display: flex;align-items: center;font-size: 16px;font-weight: 500;line-height: 1.4;gap: 8px;}
.attention-note .title i{font-size: 20px;}
.attention-note .text{margin: 20px 0 0;line-height: 1.5;font-size: 14px;}
.attention-note.warning{color:var(--colorWarning); background-color: rgba(var(--colorWarning-rgb), 8%);}
.attention-note.danger{color:var(--colorDanger); background-color: rgba(var(--colorDanger-rgb), 5%);}
.attention-note.success{color:var(--colorSuccess); background-color: rgba(var(--colorSuccess-rgb), 5%);}
.attention-note.info{color:var(--colorInfo); background-color: rgba(var(--colorInfo-rgb), 5%);}


/* ********|| MODAL ENDS ||******** */


/* ********|| RESPONSIVE STARTS ||******** */

@media screen and (max-width: 1560px) {

}
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1366px) {
  .booking{margin: 0 -15px;}
  .calendar{max-width: 400px;margin: 0 15px;}
  .calendar-events{max-width: calc(100% - 460px);margin: 0 15px;}
  .datepicker table{max-width: 360px;}
  .datepicker table tr td{width: 34.5px;max-width: 34.5px;height: 34.5px;font-size: 14px;}
  .datepicker table tr th{width: 34.5px;max-width: 34.5px;height: 34.5px;}
  .calendar .calendar-abbreviation .abbreviation{font-size: 12px;padding: 4px 0 4px 24px;}
  .calendar .calendar-abbreviation .abbreviation:before{width: 16px; height: 16px;}
  .note .note-data{font-size: 14px;}
  .modal-text{font-size: 14px;}
  .doctor-modal-content .doctor-info .info{font-size: 14px;}
  .doctor-modal-content .doctor-additional-list .item{font-size: 14px;}
  .service-modal-content .services-list .service .service-name{font-size: 14px;}
  .expert-modal-content .expert-list .expert .expert-name{font-size: 14px;}
}
@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 1024px) {
  header .language{margin: 0 20px;}
  header .btn-menu{display: flex;}
  header .menu-backdrop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(var(--shades02-rgb), 50%);z-index: 10; opacity: 0; visibility: hidden;transition: all 0.3s ease;}
  header .menu-backdrop.active{opacity: 1; visibility: visible;}
  header .navigation{position: fixed;top: 0;left: 0;width: 100%;max-width: 320px;height: 100%;background-color: var(--shades01);z-index: 11;box-shadow: 4px 0 40px rgba(0,0,0,0.5);margin: 0;transform: translateX(-120%);transition: all 0.3s ease;}
  header .navigation.active{transform: translateX(0%);}
  header .navigation .navigation-inner{padding: 20px 30px;}
  header .navigation-menu{display: block;}
  header .navigation-menu > li{display: flex; align-items: center;}
  header .navigation-menu > li.form-indicator .navigation-link:after{top: 50%;right: -12px;transform: translateY(-50%);}
  header .navigation-menu > li .navigation-link{padding: 10px 0;font-size: 16px;line-height: 1.4;font-weight: 500;}
  header .user-options{margin: 0 16px;}
  .booking{margin: 0 -10px;}
  .calendar{max-width: 360px; margin: 0 10px;}
  .calendar-events{max-width: calc(100% - 400px); margin: 0 10px;}
  .calendar-events .nav.nav-tabs{margin: 0 -5px;}
  .calendar-events .nav.nav-tabs .nav-item{max-width: calc(25% - 10px); margin: 0 5px;}
  .datepicker{padding: 10px;}
  .datepicker table tr td{width: 32.5px;max-width: 32.5px;height: 32.5px;}
  .datepicker table tr th{width: 32.5px;max-width: 32.5px;height: 32.5px;}
  .booking-doctors .doctors{padding: 15px;gap: 10px;}
  .booking-doctors .doctors .doctors-image{width: 50px;height: 50px;min-width: 50px;}
  .booking-doctors .doctors .doctors-details{line-height: 1.2;}
  .booking-doctors .doctors .doctors-name{font-size: 14px;}
  .booking-doctors .doctors .doctors-text, .booking-doctors .doctors .doctors-subtext{font-size: 12px;}
  footer .footer-content .footer-title{font-size: 16px;}
  footer .footer-content .footer-links li a{font-size: 12px;}
  footer .footer-information .information{font-size: 12px;}
  footer .footer-about .about-text{font-size: 12px;}
  footer .copyright,footer .footer-bottom .footer-links li a{font-size: 12px;}
  .form-content .form-actions{align-items: flex-start;}
  .form-content .form-actions .actions{flex-direction: column;align-items: flex-start;}
  .form-content .form-actions .updated-status{height: 40px; display: flex; align-items: center;}
}
@media screen and (max-width: 990px) {
  .login-section{flex-direction: column;}
  .login-section .left-section{width: 100%;min-height: 0;padding: 0 20px; height: 140px;}
  .login-section .left-section .logo-wrap{width: auto;height: 100px;}
  .login-section .right-section{width: 100%;min-height: calc(100vh - 140px);padding: 40px 20px;}
  .filters .dropdown .dropdown-menu{min-width: 280px;}
  .section-common{padding: 40px 0;}
  .booking{display: block;margin: 0;}
  .calendar{max-width: 100%;margin: 0 0 20px; flex-direction: row-reverse;align-items: unset;}
  .calendar .calendar-abbreviation{display: block;border-width: 0 0 0 1px;}
  .calendar .calendar-abbreviation .abbreviation{padding: 10px 0 10px 30px;font-size: 14px;}
  .calendar-events{max-width: 100%; margin: 0;}
  .datepicker{min-width: 360px;}
  footer .footer-content .footer-links li a{padding: 6px 0;}
  footer .footer-about{display: block;margin: 0 0 20px;}
  footer .footer-information .information+.information{margin: 10px 0 0;}
  footer .footer-bottom .footer-links{gap: 10px;}
  .booking-doctors .doctors .doctors-timing .time{font-size: 14px;font-weight: 500;}
  .form-content .form-actions{margin: 20px 0 40px;}
  .booking-doctors{max-height: none;}
}

@media screen and (max-width: 990px) and (orientation:landscape) {
  .login-section .right-content{padding: 40px 0 0;}
  footer{padding: 40px 0 0;}
  footer .footer-bottom{padding: 20px 0 40px;margin: 40px 0 0;}
  .filters .custom-checkbox .custom-checkbox-label{line-height: 20px; font-size: 16px;}
  .filters .custom-checkbox .custom-checkbox-label:before{width: 22px;height: 22px;left: -30px;}
  .filters .custom-checkbox .custom-checkbox-label:after{width: 22px; height: 22px;left: -30px;margin: 1px 0 0;}
}

@media screen and (max-width: 480px){
  header .brand{height: 50px;}
  header .language{margin: 0 10px;}
  header .language .item .item-label{font-size: 14px;width: 24px; height: 24px;}
  header .btn-tervis{margin: 0 10px 0 0;}
  header .user-options .dropdown-toggle{gap:0px;}
  header .user-options .user-name{display: none;}

  .login-section .left-section{height: 100px;}
  .login-section .left-section .logo-wrap{height: 80px;}
  .login-section .right-section{min-height: calc(100vh - 100px);}
  .login-section .right-content{padding: 40px 0 0;}
  .login-section .nav-tabs{gap: 20px;}
  .login-section .nav-tabs .nav-item .nav-link .text{font-size: 14px;}
  .login-section .tab-content .body-content .content-part{width: 100%; text-align: center;}
  .login-section .footer-content .footer-links{padding: 10px 0;margin: 0 -20px;column-gap: 10px;}
  .login-section .footer-content .footer-links .link-item{font-size: 12px;font-weight: 500;}
  .modal-body{padding: 20px;}
  .modal-title{font-size: 24px;line-height: 1.2;font-weight: 600;}
  .info-content .sub-text{font-size: 16px;}
  .info-content ul li{font-size: 14px;}
  .filters > .row{gap: 10px;}
  .filters .custom-checkbox .custom-checkbox-label{line-height: 20px; font-size: 16px;}
  .filters .custom-checkbox .custom-checkbox-label:before{width: 22px;height: 22px;left: -30px;}
  .filters .custom-checkbox .custom-checkbox-label:after{width: 22px; height: 22px;left: -30px;margin: 1px 0 0;}
  .calendar{flex-direction: column-reverse;}
  .calendar .calendar-abbreviation{border-width: 1px 0 0;}
  .calendar-events .nav.nav-tabs{overflow: auto;margin: 0; gap: 10px;}
  .calendar-events .nav.nav-tabs .nav-item{width: auto;max-width: fit-content;margin: 0;}
  .note .note-data{font-size: 12px; line-height: 1.4;}
  .not-allowed-booking{padding: 40px 20px;font-size: 14px;}
  .datepicker table{max-width: 324px;}
  .datepicker table tr td, .datepicker table tr th{width: 30px;max-width: 30px;height: 30px;}
  .datepicker table tr td span{height: 68px;}

  .datepicker.datepicker-dropdown{width:auto; max-width: 300px; min-width: 300px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);border-radius: 6px; border: 0; padding: 0;}
  .datepicker.datepicker-dropdown:before{border:0;}
  .datepicker.datepicker-dropdown table{max-width:300px;border-spacing:10px 6px;}
  .datepicker.datepicker-dropdown table tr td{width:32px;max-width:32px;height:32px;font-size:14px;}
  .datepicker.datepicker-dropdown table tr th{width:32px;max-width:32px;height:32px;font-size:14px}
  .datepicker.datepicker-dropdown table tr td span{height:72px;}


  .booking-doctors .doctors{flex-wrap: wrap;}
  .booking-doctors .doctors .doctors-details{max-width: calc(100% - 60px);}
  .booking-doctors .doctors .doctors-timing{margin: 0 auto 0 60px;width: auto;min-width: 0;text-align: unset;display: flex;align-items: center;gap: 10px;}
  .booking-doctors .doctors .doctors-action{margin: 0 0 0 auto;width: auto; min-width: 0;}
  .booking-doctors .doctors .doctors-action .btn-action{padding: 0 12px;font-size: 12px;height: 30px;width: auto;}
  footer{padding: 40px 0 0;}
  footer .brand{margin: 0 auto 20px;}
  footer .brand .logo img{object-position: center;}
  footer .footer-content .footer-links li a{font-size: 13px;}
  footer .footer-about{margin: 20px 0;}
  footer .footer-about .about-text{font-size: 13px;}
  footer .footer-information .information{font-size: 13px;}
  footer .footer-bottom{padding: 20px 0 40px;margin: 40px 0 0;}
  footer .footer-bottom > .container{flex-direction: column;align-items: center;justify-content: center;gap: 10px;}
  footer .copyright{font-size: 13px;font-weight: 500;}
  footer .footer-bottom .footer-links{justify-content: center;gap: 6px;}
  footer .footer-bottom .footer-links li a{font-size: 11px; font-weight: 500;}
  .attention-note{padding: 20px;}
  .attention-note .text{font-size: 12px;margin: 12px 0 0;}
  .service-modal-content .services-title{font-size: 20px;}
  .service-modal-content .services-list, .expert-modal-content .expert-list{grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(1, 1fr); grid-column-gap: 10px; grid-row-gap: 10px;}
  .doctor-modal-content .doctor{gap: 20px;}
  .doctor-modal-content .doctor .doctor-image{width: 80px;min-width: 80px;height: 80px;}
  .doctor-modal-content .doctor .doctor-name{font-size: 16px;}
  .section-pageheader .pageheader-title{font-size: 24px;}
  .appointments .appointment-title{font-size: 16px;}
  .booking-doctors .doctors .doctors-timing.large{width: 100%;min-width: 0;margin: 0 0 0 60px;flex-direction: column;gap: 0;align-items: flex-start;line-height: 1.2;}
  .booking-doctors .doctors .doctors-timing .time{font-size: 12px;}
  .patients .patients-title{font-size: 16px;}
  .patients h5{font-size: 16px;}
  .form-content .form-actions{display: block;}
  .information-list .information-item .item-header{flex-direction: column;align-items: flex-start; gap: 10px;}
  .information-list .information-item .pinnad-list .item-pinnad-value{width: 50px;min-width: 50px;min-height: 50px;}
  .information-list .information-item .pinnad-list .item-pinnad-title{font-size: 15px;}

  .eTervis-modal-content .nav.nav-tabs.style-3{justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden;}
  .eTervis-modal-content .nav.nav-tabs.style-3 .nav-item .nav-link{padding: 0 10px;font-size: 14px;white-space: nowrap;}
  #eTervis .modal-action{justify-content: flex-start; gap: 10px;}
  #eTervis .modal-action .btn-action{font-size: 12px;padding: 0 10px;height: 32px;}
  #eTervis .modal-action .me-auto{margin: 0 !important;width: 100%; border-top:1px solid var(--shades04);}
  .booking-doctors .doctors .doctor-reference{width: 100%; min-width: 0; text-align: left; margin: 0 0 0 60px;}
}
/* ********|| RESPONSIVE ENDS ||******** */
/* ********|| MEDICUM OVERRIDES STARTS ||******** */
/* The wordmark is ~3.4:1 wide, so the shared full-width logo slot blows it up */
.login-section .left-section .logo-wrap{width: 70%;max-width: 420px;height: auto;margin: 0 auto;overflow: visible;}
.login-section .left-section .logo-wrap img{height: auto;}

@media screen and (max-width: 990px) {
  .login-section .left-section .logo-wrap{max-width: 340px;}
}

@media screen and (max-width: 767px) {
  .login-section .left-section .logo-wrap{width: 80%;max-width: 260px;}
}

h1, h2, h3, h4, h5, h6,
.page-header .title,
.booking-title{
  font-family: 'Inter', sans-serif;
  letter-spacing: .25px;
}

/* The selected-day rule paints a background but never a colour, so the date keeps
   --textDPDay. Everywhere else that is a grey against a coloured disc; here the body
   text IS the primary, so the number was navy on navy and vanished. */
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active{color: var(--textDPDayHover) !important;}
/* ********|| MEDICUM OVERRIDES ENDS ||******** */

/* consent.css loads after this file, hence the body prefix */
body .cookie-consent {font-family: 'Inter', sans-serif;color: var(--primary);background: var(--shades01);border-top: 1px solid var(--shades04);box-shadow: 0 -4px 20px rgba(0,0,85,0.08);gap: 16px;}
body .cookie-consent .options .consent-btn {background: var(--primary);color: var(--shades01);border: 1px solid var(--primary);font-weight: 500;}
body .cookie-consent .options .consent-btn:hover {background: #000033;border-color: #000033;}
body .cookie-consent .options .consent-btn.consent-btn-decline {background: var(--shades01);color: var(--primary);}
body .cookie-consent .options .consent-btn.consent-btn-decline:hover {background: var(--primarySurface);}