:root{--color-primary: #455465;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #0074be;--color-state-hover: #006ab4;--color-state-focus: #006ab4;--color-state-active: #0059a3;--color-state-highlight: #f6f9d7;--color-state-highlight-neutral: var(--color-neutral-3);--color-state-disabled: var(--color-neutral-5);--color-neutral-1: #fff;--color-neutral-2: #fafafa;--color-neutral-3: #f7f7f7;--color-neutral-4: #e6e4e4;--color-neutral-5: #c7c7c7;--color-neutral-6: #767676;--color-neutral-7: #262626;--color-background: var(--color-neutral-1);--color-border: var(--color-neutral-5);--color-text: var(--color-neutral-7);--color-text-disabled: var(--color-neutral-5);--color-text-hint: var(--color-neutral-6);--link-color: var(--color-state);--link-color-hover: var(--color-state-hover);--nav-bg-color: #fafafa;--nav-text-color: var(--color-text);--nav-selected-color: var(--color-state);--nav-border-colour: rgba(128, 128, 128, 0.2);--nav-width: 15rem;--nav-collapsed-width: 5rem;--nav-button-size: 1.25rem;--nav-logo-width: 7.5rem;--nav-logo-height: 7.5rem;--nav-logomark-width: 2.5rem;--nav-logomark-height: 2.5rem;--footer-bg-color: #fff;--footer-text-color: var(--color-text);--footer-text-color-hover: var(--footer-text-color);--btn-accent-color: var(--color-state);--btn-accent-color-active: var(--color-state-active);--btn-accent-color-hover: var(--color-state-hover);--btn-accent-color-disabled: var(--color-state-disabled);--page-content-padding-desktop: calc(var(--gap-base) * 8)}.tui-theme_inspire-navItem{--tui-theme_inspire-navItem-height: 2.75rem;--tui-theme_inspire-navItem-indicator-height: 2rem;--tui-theme_inspire-navItem-top-level-nav-item-padding: 10px;--tui-theme_inspire-navItem-nav-item-padding: 6px;display:flex;flex-grow:1;flex-wrap:wrap;height:var(--tui-theme_inspire-navItem-height);padding-top:calc(var(--gap-base) * 1);color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem--navExpanded{height:100%}.tui-theme_inspire-navItem__icon{width:1.2em;height:1.2em;margin:auto}.tui-theme_inspire-navItem__icon--navExpanded{margin:calc(var(--gap-base) * 3) auto auto calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem .tui-theme_inspire-navItem{padding-top:0}.tui-theme_inspire-navItem--selected{color:var(--nav-selected-color)}.tui-theme_inspire-navItem--selected:before{height:var(--tui-theme_inspire-navItem-indicator-height);margin-top:calc(var(--gap-base) * 1);border-right:calc(var(--gap-base) * 1) solid var(--nav-selected-color);border-top-right-radius:calc(var(--gap-base) * 1);border-bottom-right-radius:calc(var(--gap-base) * 1);content:""}.tui-theme_inspire-navItem .tui-theme_inspire-navItem--selected:before{margin-top:0}.tui-theme_inspire-navItem--link{flex-wrap:nowrap}.tui-theme_inspire-navItem__heading{display:flex;flex-grow:1;align-items:flex-start;padding:0;background-color:inherit;border:none;border-radius:var(--btn-radius)}.tui-theme_inspire-navItem__heading--childSelected{color:var(--nav-selected-color)}.tui-theme_inspire-navItem__heading--depth-0{margin-left:calc(var(--gap-base) * 5);font-weight:600}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--navExpanded{margin-left:calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 4)}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--selected.tui-theme_inspire-navItem__heading--navExpanded{margin-left:calc(var(--gap-base) * 2)}.tui-theme_inspire-navItem__heading--depth-0 .tui-theme_inspire-navItem__headingAction{margin:calc(var(--gap-base) * 2)}.tui-theme_inspire-navItem__heading--depth-1{margin-left:calc(var(--gap-base) * 10);font-weight:400}.tui-theme_inspire-navItem__heading--depth-1.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 9)}.tui-theme_inspire-navItem__heading--depth-2{margin-left:calc(var(--gap-base) * 13)}.tui-theme_inspire-navItem__heading--depth-2.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 12)}.tui-theme_inspire-navItem__heading--link{color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem__heading--link:hover,.tui-theme_inspire-navItem__heading--link:focus{color:var(--nav-tab-text-color);text-decoration:none}.tui-theme_inspire-navItem__heading--link.tui-theme_inspire-navItem__heading--selected{color:var(--nav-selected-color)}@media (hover:hover){.tui-theme_inspire-navItem__heading:hover{background-color:color-mix(in srgb, var(--nav-tab-text-color) 10%, transparent)}}.tui-theme_inspire-navItem__heading:focus-visible{outline:2px solid var(--nav-tab-text-color)}.tui-theme_inspire-navItem__headingText{flex-grow:1;margin:auto;padding:var(--tui-theme_inspire-navItem-nav-item-padding) calc(var(--gap-base) * 1) var(--tui-theme_inspire-navItem-nav-item-padding) calc(var(--gap-base) * 3);text-align:left;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.tui-theme_inspire-navItem__headingText--depth-0{padding:var(--tui-theme_inspire-navItem-top-level-nav-item-padding) calc(var(--gap-base) * 1) var(--tui-theme_inspire-navItem-top-level-nav-item-padding) calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem__headingAction{flex-basis:1.5rem;flex-shrink:0;height:1.5rem;margin:calc(var(--gap-base) * 1) calc(var(--gap-base) * 2);padding:var(--tui-theme_inspire-navItem-nav-item-padding);color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem__children{flex-basis:100%;margin-bottom:calc(var(--gap-base) * 2);margin-left:0;list-style:none}.tui-theme_inspire-navigation__toggle{position:absolute;z-index:1;width:var(--nav-button-size);height:var(--nav-button-size);margin:calc(var(--gap-base) * 4);color:var(--color-text)}.tui-theme_inspire-navigation__toggle--overlay{display:block}.tui-theme_inspire-navigation__toggle--expand{display:none}@media (min-width:992px){.tui-theme_inspire-navigation__toggle{left:var(--nav-collapsed-width);margin-left:calc(var(--gap-base) * 5)}.tui-theme_inspire-navigation__toggle--overlay{display:none}.tui-theme_inspire-navigation__toggle--expand{display:block}.tui-theme_inspire-navigation__toggle--navExpanded{left:var(--nav-width)}}.tui-theme_inspire-navigation__toggle--navHidden{left:0}.tui-theme_inspire-navigation{position:relative;z-index:var(--zindex-navbar);display:none;flex-direction:column;overflow:visible}@media (min-width:992px){.tui-theme_inspire-navigation{display:flex;width:var(--nav-collapsed-width)}}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__nav{position:fixed;display:flex;flex-direction:column;width:var(--nav-collapsed-width);height:100%;background-color:var(--nav-bg-color);border-right:1px inset var(--nav-border-colour)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__heading{margin:auto;border-bottom:1px inset var(--nav-border-colour)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logomark-width);max-height:var(--nav-logomark-height);margin:calc(var(--gap-base) * 8) 0}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__collapse{float:right;width:var(--nav-button-size);height:var(--nav-button-size);margin-top:calc(var(--gap-base) * 4);margin-right:calc(var(--gap-base) * -3);color:var(--nav-tab-text-color)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__collapse:focus-visible{outline:2px solid var(--nav-tab-text-color)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__items{display:flex;flex-direction:column;gap:calc(var(--gap-base) * 1);height:100%;margin:0;padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 5) calc(var(--gap-base) * 5) 0;overflow-y:auto;list-style:none}.tui-theme_inspire-navigation--overlaid{position:fixed;z-index:var(--zindex-nav-overlay);display:flex;width:var(--nav-width)}@media (min-width:992px){.tui-theme_inspire-navigation--overlaid{position:relative;width:var(--nav-collapsed-width)}}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__nav{width:var(--nav-width)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__heading{margin:0 calc(var(--gap-base) * 6)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logo-width);max-height:var(--nav-logo-height)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__items{padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 3) calc(var(--gap-base) * 5) 0}.tui-theme_inspire-navigation--desktopExpanded{display:none}@media (min-width:992px){.tui-theme_inspire-navigation--desktopExpanded{display:flex;width:var(--nav-width)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__nav{width:var(--nav-width)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__heading{margin:0 calc(var(--gap-base) * 6)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logo-width);max-height:var(--nav-logo-height)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__items{padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 3) calc(var(--gap-base) * 5) 0}}.tui-theme_inspire-navigation--hidden{display:none}.tui-settingsFormBrand__testEmailInfoButton{align-self:center}.tui-themeSettings__content{margin-top:var(--gap-8)}.tui-themeSettings__forms>*+*{margin-top:var(--gap-8)}:root{--nav-bg-color: #E9FFF6;--nav-text-color: #E9FFF6;--nav-selected-color: #FF5000;--color-primary: #009B7A;--color-state: #009B7A;--color-text: #1E1E1E;--footer-bg-color: #ffffff;--footer-text-color: #FFFFFF;--color-state-hover: #009170;--color-state-focus: #009170;--color-state-active: #00805f;--footer-text-color-hover: #f5f5f5;}
#chat-overlay-global{
display:none;
}

#skillup-chat-icon .skillup-icon-img{
    filter: none !important;
}

#skillup-chat-overlay .skillup-chat-header h3:first-letter{
text-transform: lowercase;
}

#skillup-chat-overlay .skillup-send-button{
background:#00BF86 !important;
    color: #003932;
}

#skillup-chat-overlay .skillup-send-button:hover{
background:#00E7A2 !important;
}

#skillup-chat-overlay  .skillup-chat-input{
padding: 12px;
}

#skillup-chat-overlay #skillup-message-input{
    max-height: 45px;
    padding: 5px 6px !important;
}

/*LeaderBoard-start*/
#page-local-boardleadership-index{
    background-color: #F6FCFB;
   /* background-image: url(https://rootsacademy.tree.com.sa/files/share/Artboard%209%20copy.png);*/
    background-size: cover;
    background-position: center;
}
#page-local-boardleadership-index .btn-primary , .board-leadership-dashboard .toggle-slider  {
    background: #00E7A2 !important;
color:#003932;


}

#page-local-boardleadership-index .btn-primary , .board-leadership-dashboard .toggle-slider:hover  {
    background: #00E7A2 !important;

}

#page-local-boardleadership-index .board-leadership-dashboard .view-all ,#page-local-boardleadership-index .board-leadership-dashboard h2  {
 color : #002B26 !important;
    font-weight: bold;
}

#page-local-boardleadership-index .board-leadership-dashboard .my-points {
background: #004B42;
}
 #page-local-boardleadership-index .board-leadership-dashboard h2{
display:none;
}


 #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-widget{
background: #0A6459;
 background-image: url(https://rootsacademy.tree.com.sa/files/share/Artboard%209%20copy.png);
    background-size: cover;
    background-position: center;
}


#page-local-boardleadership-index .board-leadership-dashboard .view-toggle{
    background-color: #00BF86;
    border-radius: 8px ;
}


#page-local-boardleadership-index  .board-leadership-dashboard .view-toggle-option.active{
color:#003932;

}

#page-local-boardleadership-index  .board-leadership-dashboard .toggle-slider{
width: calc(50% - 8px);
border-radius: 4px;
}

#page-local-boardleadership-index .board-leadership-dashboard .leaderboard-title{
color: #F0F8F6;
margin-bottom:40px;
}



#page-local-boardleadership-index  .board-leadership-dashboard .leaderboard-top3 .top-player .player-score{
    color: #E24802;
}

#page-local-boardleadership-index  .board-leadership-dashboard .leaderboard-top3 .top-player .player-name{
padding:3px;
font-size:13px;
}




#page-local-boardleadership-index .filter-toggle-btn{
    margin-left: calc(62% - 40px) !important;
margin-right: 0px;
}

#page-local-boardleadership-index  .board-leadership-dashboard .leaderboard-top3 .top-player.gold{
border: 2px solid;
    padding: 7px 12px;
    border-radius: 20px;
background: #00393285;
backdrop-filter: blur(10px);
}

#page-local-boardleadership-index  .board-leadership-dashboard .leaderboard-top3 .top-player.silver{
    border: 2px solid;
    padding: 5px 5px;
    border-radius: 20px;
background: #00393285;
backdrop-filter: blur(10px);
}
#page-local-boardleadership-index  .board-leadership-dashboard .leaderboard-top3 .top-player.bronze{
    border: 2px solid;
    padding: 2px 0px;
    border-radius: 20px;
background: #00393285;
backdrop-filter: blur(10px);

}


#page-local-boardleadership-index .board-leadership-dashboard .filter-options{
display:none !important;
}

#page-local-boardleadership-index  .board-leadership-dashboard .leaderboard-item{
  
    background: #00393285;
    backdrop-filter: blur(10px);
}

#page-local-boardleadership-index  .board-leadership-dashboard .leaderboard-item .player-name{
color: #9ECEC8;
}

#page-local-boardleadership-index  .board-leadership-dashboard .leaderboard-item .player-score{
    color: #00FFB3;
}

#page-local-boardleadership-index  .board-leadership-dashboard .leaderboard-item .rank {
    background-color: transparent;
    color: #003932;
    background-image: url("https://rootsacademy.tree.com.sa/files/share/2/Picture1.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    font-size: 12.5px !important;
    border-radius: 0px !important;

}

#page-local-boardleadership-index  .board-leadership-dashboard .badges-container .badge-icon i{
  color: #003932;
}

#page-local-boardleadership-index  .board-leadership-dashboard .badges-container .badge-item .badge-progress-text{
background-color: #00FFB3;
border-radius:8px;

}

/*LeaderBoard-end*/







/* ============================
   CALENDAR BLOCK – ROOTS STYLE
   ============================ */

/* Block container */
.block_calendar_month {
    border-radius: 20px !important;
    border: 1px solid #E0E9E6 !important;
    background: #E8F0EE !important;
    padding: 0 !important;
  
}

/* Block title bar */
.block_calendar_month .header {
    background: #004B42 !important;
    color: #FFFFFF !important;
    padding: 14px !important;
    font-weight: 700 !important;
    border-bottom: none !important;
    border-radius: 20px 20px 0 0 !important;
}
.block_calendar_month .header  h2{
font-size:20px
}
/* Month name bar */
.block_calendar_month .minicalendar td.calendar-controls,
.block_calendar_month .calendar-controls {
    background: #E24802 !important;
    color: #E24802 !important;
    font-weight: 700 !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #E0E9E6 !important;
}
.block_calendar_month .calendar-controls,
.block.block_calendar_month .content{
background: #E0E9E6 !important;

}
/* Month arrows */
.block_calendar_month .calendar-controls a {
    color: #E24802 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Calendar table */
.block_calendar_month table.minicalendar,
.block_calendar_month .minicalendar td,
.block_calendar_month .minicalendar th {
/*    border-color: #E8F0EE !important;*/
 border-color: #fff !important;
}

/* Weekday headings */
.block_calendar_month th {
    color: #34295E !important;
    font-weight: 800 !important;
}

/* Regular days */
.block_calendar_month td {
    color: #34295E !important;
}

/* TODAY cell highlight */
.block_calendar_month td.today {
    background: #00FFB3 !important;
    color: #FF5000 !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
}

/* Hover effect */
.block_calendar_month td:hover {
    background: #FFB08B !important;
    cursor: pointer;
    border-radius: 8px !important;
}

.block_calendar_month .content.block-content {
  min-height: 46vh;
  height: auto;
}

@media (min-width: 1024px) {
  .block_calendar_month .content.block-content {
    min-height: 46vh;
  }
}

@media (max-width: 1024px) {
  .block_calendar_month .content.block-content {
    min-height: 35vh;
  }
}




/*   CALENDAR BLOCK-end*/












/*block_iframeembed-processing-course-start*/

.block_iframeembed.processing-course .iframe-wrapper.iframeembed-container{
background: #E8F0EE !important;
    padding:20px 0px;   
 border-radius: 28px;
}

.block_iframeembed.processing-course .iframeembed-container iframe,
.block_iframeembed.processing-course .iframe-wrapper iframe {
opacity: 1 !important;
}


/*block_iframeembed -processing-course-end*/















#page-totara-dashboard-3 #page-header .breadcrumb-nav .breadcrumb li{
display:none;
}






/* FLOATING BADGE */

.roots-hero-badge {
  position: absolute;
  bottom: 30px;
  left: 30px;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 16px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 16px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.roots-hero-badge-circle {
  width: 48px;
  height: 48px;
  background-color: #00FFB3;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #003932;
  font-size: 14px;
}

.roots-hero-badge-label {
  margin: 0;
  font-size: 11px;
  color: #6b7280;
  font-weight: 600;
  text-transform: uppercase;
}

.roots-hero-badge-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #003932;
}

/* RESPONSIVE */

@media (max-width: 900px) {
  .roots-hero-wrap {
    padding: 40px 16px;
  }

  .roots-hero-title {
    font-size: 38px;
  }

  .roots-hero-card {
    height: 260px;
  }
}




/* Reset HTML block padding */
.block_html .card-body,
.block_html .contentwithoutlink {
    padding: 0 !important;
    margin: 0 !important;
}

/* Force HTML block full width */
.block_html .no-overflow,
.block_html .contentwithoutlink {
    width: 100% !important;
    display: block !important;
}

/* Wrapper */
.roots-featured-wrapper {
   /* background-color: #F6FCFB;*/
     padding: 20px 20px 10px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 60vh;
}

/* Title */
.roots-featured-title {
    font-size: 32px;
    font-weight: 700;
    color: #003932;
    margin-bottom: 30px;
}

/* Grid */
.roots-card-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px !important;
    height: 100%;
}

/* Card */
.roots-path-card {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    border: 4px solid rgba(0, 57, 50, 0.05);
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    transition: 0.2s ease;
    cursor: pointer;
}

.roots-path-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 20px rgba(0,0,0,0.08);
}

/* Image */
.roots-card-image {
    height: 70%;
    position: relative;
}

.roots-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Tag */
.roots-tag {
    position: absolute;
    top: 20px;
    left: 20px;
    background: rgba(255,255,255,0.95);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #003932;
    display: flex;
    align-items: center;
    gap: 6px;
}

.roots-tag span {
    color: #00ffb3;
    font-size: 16px;
}

/* Body */
.roots-card-body {
    padding: 24px;
}

.roots-card-title {
    margin: 0 0 16px 0;
    font-size: 20px;
    font-weight: 700;
}

.roots-card-title a {
    color: #003932;
    text-decoration: none;
}

.roots-card-title a:hover {
    text-decoration: underline;
}

/* Meta */
.roots-meta {
    display: flex;
    gap: 10px;
    font-size: 13px;
    font-weight: 500;
    color: #666;
}

.roots-meta span {
    background: #f3f4f6;
    padding: 6px 10px;
    border-radius: 6px;
}

/* Mobile */
@media (max-width: 900px) {
    .roots-card-grid {
        grid-template-columns: 1fr !important;
    }
}







/* ROOTS - Sidebar Override */
.totara-nav-container,
[data-region="drawer"] {
    background-color: #003932 !important;
}

.totara-nav-container .totara-nav a,
[data-region="drawer"] a {
    color: #FFFFFF !important;
}

.totara-nav-container .totara-nav a:hover,
[data-region="drawer"] a:hover {
    background-color: rgba(255,255,255,0.10) !important;
}

.totara-nav-container .totara-nav .active,
[data-region="drawer"] .active {
    background-color: #00FFB3 !important;
    color: #003932 !important;
    border-radius: 8px !important;
}




/*Abanoub-Start-Nav*/
.tui-theme_inspire-navigation__nav {
  background-color: #003932 !important;
}
.tui-theme_inspire-navigation__items ~ * {
  color: #9badaf !important;
}
.tui-theme_inspire-navigation__items > li:hover {
  background-color: #00ffb3 !important;
  border-radius: 10px;

}
.tui-theme_inspire-navigation__items > li:hover a {
  color: #003932 !important;
}

.tui-theme_inspire-navigation__items > li:hover .tui-theme_inspire-navItem,
.tui-theme_inspire-navigation__items > li:hover .tui-theme_inspire-navItem__headingAction{
  color: #003932 !important;
}


/*Abanoub-End-Nav*/



 













/* Add this in Inspire theme: Custom CSS (or your theme CSS area) */
.roots-welcome {
  width: 100%;
  padding: 0;
}

.roots-welcome__inner {
  background: #004B42;
  border-radius: 28px;
  padding: 28px 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  box-shadow: 0 12px 28px rgba(0,0,0,0.08);
  border: 1px solid rgba(0,57,50,0.06);
}

.roots-welcome__title {
  margin: 0;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.15;
  color: #F6FCFB;
  letter-spacing: -0.02em;
}

.roots-welcome__name {
  color: #00FFB3;
}

.roots-welcome__subtitle {
  margin: 10px 0 0 0;
  color: #F0F8F6;
  font-size: 15px;
  font-weight: 500;
}

.roots-welcome__cta {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding:10px 25px;
  border-radius: 10px;
  text-decoration: none;
  background:#00BF86;
  border: 1px solid rgba(0,57,50,0.12);
  color: #003932;
  font-weight: 700;
  letter-spacing: 0.02em;
 transition: all 0.3s ease;
  font-size: 13px;
  white-space: nowrap;
}

.roots-welcome__cta:hover {
  background:#00E7A2;
  text-decoration: none;
  color: #003932;

}

.roots-welcome__ctaIcon {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #004B42;
  color: #00FFB3;
  font-size: 14px;
  box-shadow: 0 10px 18px rgba(0,57,50,0.18);
}

@media (max-width: 900px) {
  .roots-welcome__inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .roots-welcome__cta {
    width: 100%;
    justify-content: center;
  }
  .roots-welcome__title {
    font-size: 28px;
  }
}



.page-body #page-content .page-heading{
  display:none !important;
}

.tui-theme_inspire-navigation__items >  li[aria-current="page"] {
  background-color: #00ffb3 !important;
    border-radius: 10px;
}

.tui-theme_inspire-navItem__heading--link.tui-theme_inspire-navItem__heading--selected{
    color: #003932;
}

.page-body,.content.block-content,.content.block-content,.page-footer{
 /* background: linear-gradient(90deg, rgba(0, 255, 179, 0.08) 0%, rgba(246, 252, 251, 1) 45%, rgba(0, 57, 50, 0.06) 100%) !important;*/
background:#F6FCFB !important;
}








/*Start-Login-Page*/

.tui-core_auth-footer{
display:none;
}
.tui-core_auth-loginLayout{
    background: #002B26;
}
.tui-core_auth-loginLayout__panels {
  display: flex !important;
}
.tui-core_auth-loginLayout__panel-interface{
flex: none ;
    width: 100% !important;
}

.tui-core_auth-loginNav {
  z-index: 100 !important;
  background-color: transparent !important;
}
.tui-core_auth-loginLayout__contentWrap {
  z-index: 100 !important;
justify-content: flex-start;
}

.tui-core_auth-loginLayout__main {
      background: #001d1982;
    backdrop-filter: blur(10px);
    padding: 40px;
    border-radius: 15px;
    width: 100%;
    max-width: 450px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    text-align: center;}
.tui-core_auth-loginNav__image{
    filter: drop-shadow(2px 4px 6px black);
}
.tui-core_auth-loginLayout__main .tui-core_auth-login .tui-core_auth-login__title{
color: #F6FCFB;
}
.tui-core_auth-loginLayout__panel-graphic {

  width: 100% !important;
    background-image: url("https://rootsacademy.tree.com.sa/files/share/Artboard%209%20copy.png") !important;

background-blend-mode: multiply;


}

.tui-form .tui-core_auth-login__title {
  font-size: 40px !important;
  color: #490300 !important;
  font-weight: 600 !important;
}

.tui-form #uid-1-label,
.tui-form #uid-3-label {
      font-size: 18px !important;
    color: #F6FCFB !important;
}

#page-login-index  .tui-form  input[name="username"] {
padding-left:50px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="%23003932"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>') !important;
    background-repeat: no-repeat;
    background-position: 18px center;
}

#page-login-index  .tui-form  input[name="password"] {
padding-left:50px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="%23003932"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg>') !important;
    background-repeat: no-repeat;
    background-position: 18px center;
}

.tui-form
  .tui-core_auth-loginForm__submitWrap
  .tui-btn.tui-btn--variant-primary.tui-btn--hasContent {
     width: 100%;
    padding: 14px;
    background-color: #00BF86;
    color: #002823;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
}
.tui-form
  .tui-core_auth-loginForm__submitWrap
  .tui-btn.tui-btn--variant-primary.tui-btn--hasContent:hover{
background-color: #00E7A2;
}
.tui-form .tui-core_auth-loginForm__help{
color : #E8F0EE;

}
.tui-form
  .tui-core_auth-loginForm__submitWrap
  .tui-btn.tui-btn--variant-primary.tui-btn--hasContent
  .tui-btn__content {}

.tui-form .tui-core_auth-loginForm__options .tui-checkbox .tui-checkbox__label {
  font-size: 16px;
  color: #00BF86;
  font-weight: 500;
}
.tui-core_auth-loginForm__options a {
  color: #00BF86;
  font-size: 15px;
  font-weight: 500;
}
/*End-Login-Page*/

































/*Start-Welcome-image*/
.welcome-image-roots .welcome-image{
height:100%;
position: relative;
}

.welcome-image-roots .welcome-image .welcome-text{
 position: absolute;
    top: 26%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ff5000;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
}


.welcome-image .welcome-image-img {
    width: 100%;
    height: 60vh; /* full screen height */
    object-fit: cover;
    background-image: url("https://rootsacademy.tree.com.sa/files/share/03%201.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
border-radius: 28PX;
}

@media (max-width: 1024px) {
   .welcome-image-roots .welcome-image{
    height: 100% !important;
      }
    .welcome-image .welcome-image-img {
        height: 45vh !important;
        background-position: center top;
    background-size: cover  !important;
    }
}
@media (max-width: 998px) {
   .welcome-image-roots .welcome-image{
    height: 100% !important;
      }

     .welcome-image-roots .welcome-image .welcome-text {
       top: 32%;
        font-size: 32px;
    }
    .welcome-image .welcome-image-img {
        height: 36vh !important;
        background-position: center top;
    background-size: cover  !important;
    }
}
@media (max-width: 768px) {
.welcome-image-roots .welcome-image{
  height: 100% !important;
}

 .welcome-image-roots .welcome-image .welcome-text {
       top: 28%;
        font-size: 22px;
    }
    .welcome-image .welcome-image-img {
        height: 30vh !important;
        background-position: center;
        background-size: contain  !important;
    }
}
@media (max-width: 480px) {
.welcome-image-roots .welcome-image{
height: 100% !important;
}

.welcome-image-roots .welcome-image .welcome-text {
       top: 32%;
        font-size: 15px;
    }
    .welcome-image .welcome-image-img {
        height: 20vh  !important;
        background-position: center  !important;
        background-size: contain  !important;
    }
}



/*End-Welcome-image*/


#block-region-bottom {
  /*background: #003932 !important;
  border-radius: 28px !important;
    background-color: #F0F8F6;
    background-image: url(https://rootsacademy.tree.com.sa/files/share/Artboard%209%20copy.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
*/
}
 #inst52 {
  border-radius: 28px !important;
/*  background: none !important;*/
  border-radius: 28px !important;
    background-color: #E8F0EE!important;
   
margin-bottom:45px !important;
}
 #inst52 .content.block-content {
  background: none !important;
  border-radius: 28px;
    height: 73vh !important;
}
 #inst52 .content.block-content > div{
height: 100%;
}
 #inst52 .content.block-content > div > div{
height: 100%;
}
.roots-featured-wrapper {
/*  background: #003932 !important;*/
}
.roots-featured-title {
 color: #003932  !important;
    font-size: 28px !important;
    margin-bottom: 20px  !important;

}
.roots-card-body {
  background: #003932 !important;
height:30%;
}
.roots-card-title a {
  color: #00ffb3  !important;
}
.roots-meta span:last-child {
  background: #ff5000 !important;
  color: white !important;
}
.page-footer-main-content{
padding-bottom:0px !important;
}
.page-footer-main-content>.page-footer-poweredby{
display:none !important;
}

.mandatory-card .mandatory-card-icon img{
  width: 90% !important;
  height: 90% !important ;
}




/* start current-learning-block */
.current-learning-block{
    margin-bottom: 70px;
color: #003932;

} 

.current-learning-block > div,
.current-learning-block .panel-footer{
    background: #f6fcfb;
} 


.current-learning-block .block-header h2{

    font-size: 26px;
    font-weight: bold;
    color: #003932;
}
.current-learning-block  .block_current_learning-tile{
    background: #e8f0ee;
    border-color: #F0F8F6;
    box-shadow: none;
border-radius: 8px;
}

.current-learning-block  .block_current_learning-tile .block_current_learning-tile__link_title{
color: #003932;
}
.current-learning-block  .block_current_learning-tile .block_current_learning-tile__image_ratio_img{
    background-size: cover;
 transition: transform 0.4s ease;
}

.current-learning-block  .block_current_learning-tile:hover .block_current_learning-tile__image_ratio_img{
  transform: scale(1.1);
}

.current-learning-block  .block_current_learning-tile .block_current_learning-tile__content_progress span{
    background: #C5CECB;
    color: #003932;
    font-size: 12px;
}
.current-learning-block  .block_current_learning-tile  .block_current_learning-tile__content_component{
color: #003932;
    font-size: 14px;

}

/* end current-learning-block */












.google-app .content.block-content, .need-help .content.block-content{
padding-top:0px;
}