.elementor-96374 .elementor-element.elementor-element-98305ab:not(.elementor-motion-effects-element-type-background), .elementor-96374 .elementor-element.elementor-element-98305ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFDFD;}.elementor-96374 .elementor-element.elementor-element-98305ab{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 50px 0px;}.elementor-96374 .elementor-element.elementor-element-98305ab > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-96374 .elementor-element.elementor-element-107f49d .elementor-tab-title, .elementor-96374 .elementor-element.elementor-element-107f49d .elementor-tab-title:before, .elementor-96374 .elementor-element.elementor-element-107f49d .elementor-tab-title:after, .elementor-96374 .elementor-element.elementor-element-107f49d .elementor-tab-content, .elementor-96374 .elementor-element.elementor-element-107f49d .elementor-tabs-content-wrapper{border-width:1px;}.elementor-96374 .elementor-element.elementor-element-e02384a .elementor-spacer-inner{height:50px;}/* Start custom CSS for tabs, class: .elementor-element-107f49d *//* Netanya Academic College – Guides Tabs */
.nn-guides-tabs{
  --tab-bg: #F4F6FB;
  --tab-border: #E3E8F2;
  --tab-text: #1F2A44;
  --tab-muted: #6B7A99;
  --tab-active-bg: #FFFFFF;
  --tab-active-border: #2F67D8;
  --tab-shadow: 0 10px 25px rgba(16, 24, 40, 0.08);
  --radius: 14px;
}

/* wrapper */
.nn-guides-tabs .elementor-tabs{
  border: 0 !important;
}

/* tabs header row */
.nn-guides-tabs .elementor-tabs-wrapper{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  border: 0 !important;
  padding: 10px;
  background: var(--tab-bg);
  border: 1px solid var(--tab-border);
  border-radius: calc(var(--radius) + 2px);
}

/* each tab button */
.nn-guides-tabs .elementor-tab-title{
  border: 1px solid var(--tab-border) !important;
  background: rgba(255,255,255,0.55);
  color: var(--tab-text) !important;
  border-radius: var(--radius) !important;
  padding: 14px 16px !important;
  font-weight: 700;
  line-height: 1;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  position: relative;
  overflow: hidden;
}

/* subtle hover */
.nn-guides-tabs .elementor-tab-title:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(16, 24, 40, 0.10);
  border-color: #C9D5EE !important;
}

/* active tab */
.nn-guides-tabs .elementor-tab-title.elementor-active{
  background: var(--tab-active-bg) !important;
  border-color: rgba(47, 103, 216, 0.35) !important;
  box-shadow: var(--tab-shadow);
}

/* active underline accent */
.nn-guides-tabs .elementor-tab-title.elementor-active:after{
  content:"";
  position:absolute;
  left: 12px;
  right: 12px;
  bottom: 8px;
  height: 3px;
  border-radius: 999px;
  background: var(--tab-active-border);
  opacity: 0.95;
}

/* tab description (optional if you add <small> in title) */
.nn-guides-tabs .elementor-tab-title small{
  display:block;
  margin-top: 8px;
  font-weight: 500;
  color: var(--tab-muted);
  font-size: 12px;
  line-height: 1.2;
}

/* content panels */
.nn-guides-tabs .elementor-tabs-content-wrapper{
  margin-top: 14px;
  background: #fff;
  border: 1px solid var(--tab-border);
  border-radius: var(--radius);
  box-shadow: 0 8px 20px rgba(16, 24, 40, 0.06);
  overflow: hidden;
}

/* each panel */
.nn-guides-tabs .elementor-tab-content{
  border: 0 !important;
  padding: 18px 18px 22px !important;
}

/* links inside content (clean + "list" feel) */
.nn-guides-tabs .elementor-tab-content a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid #EEF2FA;
  border-radius: 12px;
  text-decoration: none !important;
  color: #1F2A44;
  background: #FBFCFF;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* hover for guide links */
.nn-guides-tabs .elementor-tab-content a:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(16, 24, 40, 0.10);
  border-color: #D7E2F7;
}

/* add a “chevron” indicator automatically */
.nn-guides-tabs .elementor-tab-content a:after{
  content: "›";
  font-size: 20px;
  line-height: 1;
  opacity: 0.55;
  transform: rotate(180deg); /* RTL arrow */
}

/* spacing between multiple links */
.nn-guides-tabs .elementor-tab-content a + a{
  margin-top: 10px;
}

/* Mobile: stack tabs nicely */
@media (max-width: 767px){
  .nn-guides-tabs .elementor-tabs-wrapper{
    padding: 8px;
    gap: 8px;
  }
  .nn-guides-tabs .elementor-tab-title{
    flex: 1 1 calc(50% - 8px);
    text-align: center;
    padding: 12px 10px !important;
  }
  .nn-guides-tabs .elementor-tab-content{
    padding: 14px !important;
  }
}
/* Netanya College – Guides Cards */
.nn-guides-list{
  --active:#2F67D8;
  --text:#1F2A44;
  --muted:#6B7A99;
  --border:#E3E8F2;
  --soft:#F7F9FF;
  --radius:16px;
}

.nn-guides-list{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
}

.nn-guide-card{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px;
  border-radius:var(--radius);
  background:linear-gradient(180deg,#fff 0%, #FBFCFF 100%);
  border:1px solid rgba(227,232,242,.95);
  text-decoration:none!important;
  color:var(--text)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.nn-guide-card:hover{
  transform:translateY(-2px);
  border-color:rgba(47,103,216,.25);
  box-shadow:0 18px 30px rgba(16,24,40,.12);
}

.nn-guide-ic{
  width:40px; height:40px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(47,103,216,.10);
  border:1px solid rgba(47,103,216,.14);
  flex:0 0 40px;
  font-size:18px;
}

.nn-guide-body{flex:1 1 auto; min-width:0;}
.nn-guide-title{
  font-weight:900;
  line-height:1.2;
  margin:1px 0 6px;
}

.nn-guide-desc{
  color:var(--muted);
  font-size:13px;
  line-height:1.35;
  margin:0;
}

.nn-guide-meta{
  margin-top:10px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.nn-badge{
  font-size:12px;
  font-weight:800;
  padding:6px 10px;
  border-radius:999px;
  background:var(--soft);
  border:1px solid rgba(227,232,242,.95);
  color:var(--text);
}

.nn-guide-cta{
  align-self:center;
  font-weight:900;
  color:var(--active);
  white-space:nowrap;
  margin-right:auto;
}

@media (max-width: 767px){
  .nn-guides-list{grid-template-columns:1fr;}
}/* End custom CSS */