:root{
  --ps-bg: #f6f7fb;
  --ps-surface: #ffffff;
   --ps-card: rgba(255,255,255,.92);
   --ps-card-2: rgba(255,255,255,.86);
  --ps-text: #111827;
  --ps-muted: #4b5563;
  --ps-border: rgba(17, 24, 39, .12);
  --ps-primary: #2563eb;
  --ps-primary-2: #1d4ed8;
   --ps-primary-ink: #ffffff;
   --ps-focus: rgba(37, 99, 235, .35);
  --ps-glow: rgba(37, 99, 235, .18);
  --ps-glow-2: rgba(29, 78, 216, .12);
  --ps-scroll: 0;
   --ps-shadow-sm: 0 8px 24px rgba(2, 6, 23, .10);
   --ps-shadow-md: 0 18px 60px rgba(2, 6, 23, .16);
   --ps-radius: 16px;
   --ps-radius-sm: 12px;
   --ps-container: 1180px;
 }
 
 html{
   scroll-behavior: smooth;
  background: var(--ps-bg);
 }
 
 body{
   font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
   color: var(--ps-text);
  background: transparent;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
  position: relative;
 }
 
body::before{
  content: "";
  position: fixed;
  inset: -20%;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(900px 520px at 10% 10%, rgba(37,99,235,.18), transparent 60%),
    radial-gradient(760px 520px at 85% 15%, rgba(29,78,216,.14), transparent 60%),
    radial-gradient(980px 640px at 40% 95%, rgba(2,6,23,.06), transparent 60%),
    radial-gradient(560px 560px at var(--ps-gx,50%) var(--ps-gy,30%), rgba(37,99,235,.22), transparent 62%),
    radial-gradient(760px 760px at var(--ps-gx2,50%) var(--ps-gy2,30%), rgba(29,78,216,.12), transparent 66%);
  transform: translate3d(0,0,0);
  animation: psDrift 18s ease-in-out infinite alternate;
}

body::after{
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .16;
  background:
    linear-gradient(transparent 0 0),
    linear-gradient(90deg, rgba(17,24,39,.08) 1px, transparent 1px),
    linear-gradient(rgba(17,24,39,.06) 1px, transparent 1px);
  background-size: 100% 100%, 72px 72px, 72px 72px;
  background-position: 0 0, 0 0, 0 0;
  mask-image: radial-gradient(600px 380px at 50% 22%, rgba(0,0,0,.9), transparent 70%);
  -webkit-mask-image: radial-gradient(600px 380px at 50% 22%, rgba(0,0,0,.9), transparent 70%);
  animation: psGrid 26s linear infinite;
}

html.ps-js body{
  --ps-gx: 50%;
  --ps-gy: 30%;
  --ps-gx2: 50%;
  --ps-gy2: 30%;
}

@keyframes psDrift{
  0%{ transform: translate3d(-1%, -1%, 0) scale(1.02); filter: saturate(1.02); }
  100%{ transform: translate3d(1%, 1%, 0) scale(1.02); filter: saturate(1.08); }
}

@keyframes psGrid{
  0%{ background-position: 0 0, 0 0, 0 0; }
  100%{ background-position: 0 0, 72px 72px, -72px -72px; }
}

 a{
   color: inherit;
 }
 
 a:focus-visible,
 button:focus-visible,
 [role="button"]:focus-visible{
   outline: 3px solid var(--ps-focus);
   outline-offset: 2px;
   border-radius: 10px;
 }
 
 .container-fluid{
   max-width: var(--ps-container);
   padding-left: 20px;
   padding-right: 20px;
 }
 
 .container_wapper{
   background: transparent;
 }
 
 .copyrights{
   display: none;
 }
 
 #templatemo_banner_menu{
  height: auto;
  border-bottom: 1px solid rgba(37, 99, 235, .08);
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transition: background-color .3s ease, box-shadow .3s ease, border-color .3s ease;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5500;
}

#templatemo_banner_menu::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  transform-origin: 0 50%;
  transform: scaleX(var(--ps-scroll));
  background: linear-gradient(90deg, rgba(37,99,235,.96), rgba(29,78,216,.92));
  opacity: .85;
}

body.ps-scrolled #templatemo_banner_menu{
 background: rgba(255,255,255,.95);
 border-bottom-color: rgba(37, 99, 235, .15);
 box-shadow: 0 4px 20px rgba(37, 99, 235, .08);
}

#templatemo_banner_menu .container-fluid{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#templatemo_banner_menu .hidden-xs{
  position: relative;
}

#templatemo_banner_menu .templatemo_logo{
  width: auto;
}

#templatemo_banner_menu #logo_img{
  height: 42px;
  max-height: 42px;
  width: auto;
  filter: drop-shadow(0 2px 4px rgba(37,99,235,.1));
}

#templatemo_banner_menu ul.nav{
  margin: 0;
  padding: 0;
}

#templatemo_banner_menu ul li a,
#templatemo_banner_menu ul li a:focus{
  padding: 10px 18px;
  font-size: 15px;
  line-height: 20px;
  color: #334155;
  background: transparent;
  border-radius: 99px;
  font-weight: 500;
  transition: all .25s ease;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
}

#templatemo_banner_menu ul li a:hover{
 background: rgba(37,99,235,.08);
 color: #1d4ed8;
}

#templatemo_banner_menu ul li a.current{
 background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
 color: #ffffff;
 box-shadow: 0 4px 12px rgba(37, 99, 235, .25);
 transform: translateY(-1px);
 border-color: transparent;
}

#templatemo_banner_menu ul li a.current::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent);
  transform: skewX(-20deg) translateX(-150%);
  transition: transform .5s;
}

#templatemo_banner_menu ul li a.current:hover::before{
  transform: skewX(-20deg) translateX(150%);
  transition: transform .7s;
}
 
 #templatemo_banner_menu #mobile_menu{
   padding-top: 0;
   font-size: 26px;
  color: rgba(17, 24, 39, .92);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(17,24,39,.10);
  background: rgba(255,255,255,.98);
  box-shadow: 0 10px 24px rgba(2,6,23,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
 }

#templatemo_banner_menu #mobile_menu:hover{
  transform: translateY(-1px);
  border-color: rgba(37,99,235,.18);
  box-shadow: 0 16px 40px rgba(2,6,23,.10);
}

#templatemo_banner_menu #mobile_menu:active{
  transform: translateY(0);
  box-shadow: 0 10px 24px rgba(2,6,23,.08);
}
 
 #templatemo_mobile_menu{
  background: rgba(255,255,255,.98);
  border-left: 1px solid rgba(17, 24, 39, .10);
   box-shadow: var(--ps-shadow-md);
 }
 
 #templatemo_mobile_menu ul{
   margin: 0;
   padding: 14px;
 }
 
 #templatemo_mobile_menu ul li{
   margin: 10px 0;
 }
 
 #templatemo_mobile_menu ul li a{
  background: rgba(17, 24, 39, .04);
  color: rgba(17, 24, 39, .92);
   border-radius: 14px;
 }
 
 #templatemo_mobile_menu ul li:hover a{
  background: rgba(37,99,235,.10);
  color: rgba(17, 24, 39, .96);
 }
 
 .banner{
   margin-top: 72px;
   min-height: 540px;
   height: auto;
 }
 
 #templatemo_banner_slide{
   position: relative;
   isolation: isolate;
 }
 
 #templatemo_banner_slide::before{
   content: "";
   position: absolute;
   inset: 0;
   z-index: 1;
   background:
    radial-gradient(1000px 500px at 15% 20%, rgba(37,99,235,.25), transparent 60%),
    radial-gradient(900px 600px at 85% 15%, rgba(29,78,216,.15), transparent 55%),
    linear-gradient(180deg, rgba(15, 23, 42, .2) 0%, rgba(15, 23, 42, .1) 55%, rgba(246,247,251,1) 100%);
 }
 
#templatemo_banner_slide::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: .12;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.10) 0 1px, transparent 1px 22px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.08) 0 1px, transparent 1px 22px);
  mask-image: radial-gradient(520px 360px at 50% 26%, rgba(0,0,0,.9), transparent 70%);
  -webkit-mask-image: radial-gradient(520px 360px at 50% 26%, rgba(0,0,0,.9), transparent 70%);
  animation: psScan 10s linear infinite;
}

@keyframes psScan{
  0%{ transform: translateY(0); }
  100%{ transform: translateY(22px); }
}

 #templatemo_banner_slide > ul{
   position: relative;
   z-index: 0;
 }
 
 #templatemo_banner_slide .slide_caption{
   position: relative;
   z-index: 2;
   max-width: 920px;
   padding: 18px 18px 0 18px;
 }
 
 .banner div.slide_caption h1,
 .banner div.slide_caption p{
   text-shadow: 0 2px 10px rgba(0,0,0,.2), 0 10px 30px rgba(0,0,0,.15);
 }
 
 .banner div.slide_caption h1{
   font-size: clamp(28px, 4vw, 44px);
   line-height: 1.25;
   white-space: normal;
   font-weight: 700;
   letter-spacing: -0.01em;
 }
 
 .banner div.slide_caption p{
   font-size: clamp(16px, 2vw, 20px);
   line-height: 1.9;
   color: #fff;
   font-weight: 500;
 }
 
 #templatemo_about,
 #templatemo_timeline,
 #templatemo_events,
 #templatemo_evaluations,
 #templatemo_contact{
   float: none;
 }
 
 #templatemo_about{
   background: #ffffff;
   padding-top: 26px;
   padding-bottom: 34px;
  position: relative;
  overflow: hidden;
 }

#templatemo_about::before{
  content: "";
  position: absolute;
  inset: -40% -20% -50% -20%;
  pointer-events: none;
  background:
    radial-gradient(520px 320px at 16% 25%, rgba(37,99,235,.14), transparent 60%),
    radial-gradient(520px 320px at 84% 18%, rgba(29,78,216,.12), transparent 60%),
    radial-gradient(520px 320px at 50% 90%, rgba(2,6,23,.05), transparent 60%);
  opacity: .9;
}

#templatemo_about .row{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
  margin-left: 0;
  margin-right: 0;
  align-items: stretch;
}

#templatemo_about .about_icon{
  float: none;
  width: auto;
}

#templatemo_about .about_icon:nth-child(1){ grid-column: 1 / span 6; }
#templatemo_about .about_icon:nth-child(2){ grid-column: 7 / span 6; }
#templatemo_about .about_icon:nth-child(3){ grid-column: 1 / span 6; }
#templatemo_about .about_icon:nth-child(4){ grid-column: 7 / span 6; }
 
 #templatemo_timeline{
  background: var(--ps-bg);
   padding-top: 28px;
   padding-bottom: 36px;
  height: auto !important;
 }
 
 #templatemo_events{
   background: #ffffff;
   padding-top: 30px;
   padding-bottom: 18px;
 }
 
 #templatemo_evaluations{
  background: var(--ps-bg);
   padding-top: 26px;
   padding-bottom: 34px;
 }
 
 #templatemo_contact{
  background:
    radial-gradient(1000px 600px at 15% 0%, rgba(37,99,235,.14), transparent 60%),
    radial-gradient(900px 600px at 85% 10%, rgba(29,78,216,.10), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(246,247,251,1) 100%);
   padding-top: 30px;
   padding-bottom: 22px;
 }
 
#templatemo_footer{
  border-top: 1px solid rgba(255,255,255,.05);
  background: #0f172a;
  position: relative;
  overflow: hidden;
}

#templatemo_footer::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(37,99,235,.5), transparent);
  opacity: .5;
}

#templatemo_footer a{
  color: rgba(255,255,255,.7);
  transition: color .2s ease;
  position: relative;
  display: inline-block;
  text-decoration: none;
}

#templatemo_footer a::after{
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--ps-primary);
  transition: width .25s cubic-bezier(0.4, 0, 0.2, 1);
}

#templatemo_footer a:hover{
  color: #fff;
}

#templatemo_footer a:hover::after{
  width: 100%;
}
 
 #templatemo_about > .container-fluid > h1,
 #templatemo_events > .container-fluid > h1,
 #templatemo_evaluations > .container-fluid > h1,
 #templatemo_contact > .container-fluid > h1{
   margin-top: 28px;
   margin-bottom: 22px;
   font-size: clamp(24px, 3.2vw, 34px);
   line-height: 1.25;
   letter-spacing: -0.01em;
   color: var(--ps-text);
 }
 
 #templatemo_contact > .container-fluid > h1{
  color: var(--ps-text);
 }
 
 #templatemo_events > .container-fluid > h1{
   color: var(--ps-text);
 }
 
#templatemo_about .about_icon{
  padding: 18px 14px;
  border-radius: var(--ps-radius);
  border: 1px solid rgba(17, 24, 39, .10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 30px rgba(2, 6, 23, .06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
  min-height: 156px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  overflow: hidden;
  opacity: 1 !important;
  cursor: default;
  height: 100%;
  transform: translateZ(0) rotateX(var(--ps-tilt-x,0deg)) rotateY(var(--ps-tilt-y,0deg));
  will-change: transform;
  transform-style: preserve-3d;
}

#templatemo_about .about_icon::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--ps-radius);
  pointer-events: none;
  padding: 1px;
  background: linear-gradient(135deg, rgba(37,99,235,.44), rgba(29,78,216,.16), rgba(17,24,39,.10));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .16;
  transition: opacity .18s ease;
}

#templatemo_about .about_icon::after{
  content: "";
  position: absolute;
  inset: -40%;
  pointer-events: none;
  background:
    radial-gradient(360px 260px at var(--ps-mx,50%) var(--ps-my,20%), rgba(37,99,235,.26), transparent 62%),
    radial-gradient(260px 220px at calc(var(--ps-mx,50%) + 10%) calc(var(--ps-my,20%) + 10%), rgba(29,78,216,.18), transparent 60%),
    linear-gradient(120deg, rgba(37,99,235,0) 42%, rgba(37,99,235,.22) 50%, rgba(37,99,235,0) 58%);
  background-size: auto, auto, 220% 220%;
  background-position: 0 0, 0 0, 0% 0%;
  opacity: 0;
  filter: blur(10px);
  transform: translate3d(0,0,0);
  transition: opacity .18s ease;
  animation: psFlow 4.8s linear infinite;
}

#templatemo_about .about_icon:hover{
  border-color: rgba(37,99,235,.22);
  box-shadow: 0 18px 50px rgba(2, 6, 23, .10);
  filter: saturate(1.06);
}

#templatemo_about .about_icon.is-active{
  border-color: rgba(37,99,235,.22);
  box-shadow: 0 18px 50px rgba(2, 6, 23, .10);
  filter: saturate(1.06);
}

#templatemo_about .about_icon:hover::before{
  opacity: .9;
}

#templatemo_about .about_icon:hover::after{
  opacity: .95;
}

#templatemo_about .about_icon.is-active::before{
  opacity: .9;
}

#templatemo_about .about_icon.is-active::after{
  opacity: .95;
}

#templatemo_about .about_icon:active{
  transform: translateY(-1px) rotateX(var(--ps-tilt-x,0deg)) rotateY(var(--ps-tilt-y,0deg));
}

#templatemo_about .about_icon img{
  width: 64px;
  height: 64px;
  object-fit: contain;
  display: block;
  margin: 0;
  filter: drop-shadow(0 10px 18px rgba(2, 6, 23, .12));
  transform: translateZ(22px);
}

#templatemo_about .about_icon h2{
  font-size: 15px;
  line-height: 20px;
  font-weight: 650;
  color: var(--ps-text);
  margin: 0;
  transform: translateZ(18px);
}

#templatemo_about .about_icon p{
  display: none;
}

@keyframes psFlow{
  0%{ background-position: 0 0, 0 0, 0% 0%; }
  100%{ background-position: 0 0, 0 0, 220% 220%; }
}
 
 #templatemo_timeline h2{
   margin: 20px 0 8px 0;
   font-size: clamp(18px, 2.2vw, 22px);
   line-height: 1.5;
   color: var(--ps-text);
 }
 
 #templatemo_timeline .container-fluid{
   max-width: var(--ps-container);
   background: none;
  position: relative !important;
   margin-bottom: 0;
   padding-top: 18px;
   padding-bottom: 6px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 18px 28px;
  height: auto !important;
 }
 
 #templatemo_timeline .container-fluid::before{
   content: "";
   position: absolute;
   top: 18px;
   bottom: 18px;
   left: 50%;
   width: 2px;
   transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(17,24,39,.10), rgba(37,99,235,.30), rgba(29,78,216,.22), rgba(17,24,39,.08));
   border-radius: 999px;
 }
 
 #templatemo_timeline .time_line_caption{
  background: linear-gradient(90deg, rgba(37,99,235,.96), rgba(29,78,216,.92));
   border-radius: 999px;
   height: auto;
   padding: 10px 16px;
   box-shadow: var(--ps-shadow-sm);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
 }
 
#templatemo_timeline .time_line_wap{
  display: block;
  position: relative !important;
  grid-column: 1 / span 6;
  padding-right: 22px;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  cursor: default;
}

#templatemo_timeline .time_line_wap:nth-child(even){
  grid-column: 7 / span 6;
  padding-left: 22px;
  padding-right: 0;
}

#templatemo_timeline a.left_timer,
#templatemo_timeline a.right_timer{
  display: none !important;
}

#templatemo_timeline .time_line_wap::before{
  content: "";
  position: absolute;
  top: 18px;
  right: -15px;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.96);
  border: 2px solid rgba(37,99,235,.42);
  box-shadow: 0 10px 20px rgba(2, 6, 23, .10);
  animation: psPulse 2.8s ease-in-out infinite;
}

#templatemo_timeline .time_line_wap::after{
  content: "";
  position: absolute;
  top: 23px;
  right: -15px;
  width: 15px;
  height: 2px;
  background: linear-gradient(90deg, rgba(37,99,235,.32), rgba(29,78,216,.18));
}

#templatemo_timeline .time_line_wap:nth-child(even)::before{
  left: -15px;
  right: auto;
  border-color: rgba(29,78,216,.38);
}

#templatemo_timeline .time_line_wap:nth-child(even)::after{
  left: -15px;
  right: auto;
  background: linear-gradient(90deg, rgba(29,78,216,.22), rgba(37,99,235,.16));
}

@keyframes psPulse{
  0%{ transform: scale(1); box-shadow: 0 10px 20px rgba(2, 6, 23, .10), 0 0 0 0 rgba(37,99,235,.0); }
  55%{ transform: scale(1.06); box-shadow: 0 12px 26px rgba(2, 6, 23, .14), 0 0 0 10px rgba(37,99,235,.08); }
  100%{ transform: scale(1); box-shadow: 0 10px 20px rgba(2, 6, 23, .10), 0 0 0 0 rgba(37,99,235,.0); }
}

 #templatemo_timeline .time_line_paragraph{
  background: rgba(255,255,255,.96);
   border: 1px solid var(--ps-border);
   border-radius: var(--ps-radius);
   box-shadow: var(--ps-shadow-sm);
   margin-top: 16px;
  transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
  position: relative;
  overflow: hidden;
 }
 
#templatemo_timeline .time_line_paragraph::before{
  content: "";
  position: absolute;
  inset: -40%;
  pointer-events: none;
  background:
    radial-gradient(360px 260px at var(--ps-mx,50%) var(--ps-my,20%), rgba(37,99,235,.20), transparent 62%),
    radial-gradient(260px 220px at calc(var(--ps-mx,50%) + 10%) calc(var(--ps-my,20%) + 10%), rgba(29,78,216,.14), transparent 60%);
  opacity: 0;
  filter: blur(10px);
  transition: opacity .18s ease;
}

#templatemo_timeline .time_line_paragraph::after{
  content: "";
  position: absolute;
  inset: -30%;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(37,99,235,0) 42%, rgba(37,99,235,.20) 50%, rgba(37,99,235,0) 58%);
  background-size: 220% 220%;
  background-position: 0% 0%;
  opacity: 0;
  filter: blur(10px);
  transition: opacity .18s ease;
  animation: psFlow 4.8s linear infinite;
}

#templatemo_timeline .time_line_wap:hover .time_line_paragraph{
  border-color: rgba(37,99,235,.22);
  box-shadow: var(--ps-shadow-md);
  transform: translateY(-2px);
}

#templatemo_timeline .time_line_wap:nth-child(even):hover .time_line_paragraph{
  border-color: rgba(37,99,235,.20);
}

#templatemo_timeline .time_line_wap:hover .time_line_caption{
  transform: translateY(-1px);
  box-shadow: 0 16px 40px rgba(2, 6, 23, .10);
  filter: saturate(1.06);
}

#templatemo_timeline .time_line_wap:hover .time_line_paragraph::before{
  opacity: .95;
}

#templatemo_timeline .time_line_wap:hover .time_line_paragraph::after{
  opacity: .9;
}

#templatemo_timeline .time_line_wap.is-active .time_line_caption{
  transform: translateY(-1px);
  box-shadow: 0 16px 40px rgba(2, 6, 23, .10);
  filter: saturate(1.06);
}

#templatemo_timeline .time_line_wap.is-active .time_line_paragraph{
  border-color: rgba(37,99,235,.22);
  box-shadow: var(--ps-shadow-md);
  transform: translateY(-2px);
}

#templatemo_timeline .time_line_wap.is-active .time_line_paragraph::before{
  opacity: .95;
}

#templatemo_timeline .time_line_wap.is-active .time_line_paragraph::after{
  opacity: .9;
}

 #templatemo_timeline .time_line_paragraph h1{
   font-size: 18px;
   line-height: 1.65;
   padding: 14px 16px 0 16px;
   color: var(--ps-text);
 }
 
 #templatemo_timeline .left_timer span,
 #templatemo_timeline .right_timer span{
   background: rgba(255,255,255,.92);
   border: 1px solid var(--ps-border);
   color: var(--ps-primary);
   box-shadow: var(--ps-shadow-sm);
 }
 
 #templatemo_events .event_box_wap{
   border-radius: var(--ps-radius);
   overflow: hidden;
   background: rgba(255,255,255,.92);
   border: 1px solid var(--ps-border);
   box-shadow: var(--ps-shadow-sm);
  transform: translateZ(0) rotateX(var(--ps-tilt-x,0deg)) rotateY(var(--ps-tilt-y,0deg));
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  will-change: transform;
  transform-style: preserve-3d;
  position: relative;
 }
 
#templatemo_events .event_box_wap::before{
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: var(--ps-radius);
  pointer-events: none;
  background: radial-gradient(400px 220px at var(--ps-mx,50%) var(--ps-my,0%), rgba(37,99,235,.22), transparent 55%);
  opacity: 0;
  transition: opacity .18s ease;
}

 #templatemo_events .event_box_wap:hover{
  transform: translateY(-3px) rotateX(var(--ps-tilt-x,0deg)) rotateY(var(--ps-tilt-y,0deg));
   box-shadow: var(--ps-shadow-md);
  border-color: rgba(37,99,235,.22);
 }
 
#templatemo_events .event_box_wap:hover::before{
  opacity: 1;
}

 #templatemo_events .event_box_wap .event_box_img{
  position: relative;
  overflow: hidden;
}

#templatemo_events .event_box_wap .event_box_img::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,.4));
  opacity: 0;
  transition: opacity .3s ease;
  pointer-events: none;
}

#templatemo_events .event_box_wap:hover .event_box_img::after{
  opacity: 1;
}

#templatemo_events .event_box_wap .event_box_img img{
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}

#templatemo_events .event_box_wap:hover .event_box_img img{
  transform: scale(1.06);
}

#templatemo_events .event_box_wap:active{
  transform: scale(0.98) translateZ(0) !important;
}

#templatemo_events .event_box_wap .event_box_caption{
  background: rgba(255,255,255,.92);
  border-top: 1px solid var(--ps-border);
  position: relative;
  z-index: 2;
  transition: transform .3s ease, background-color .3s ease;
}

#templatemo_events .event_box_wap:hover .event_box_caption{
  transform: translateY(-4px);
  background: #ffffff;
}
 
 #templatemo_events .event_box_wap h1{
   padding: 16px 16px 10px 16px;
   font-size: 18px;
   line-height: 1.4;
   font-weight: 700;
 }
 
 #templatemo_events .event_box_wap p{
   padding: 0 16px 16px 16px;
   font-size: 14px;
   line-height: 1.9;
   color: var(--ps-muted);
 }
 
 #templatemo_evaluations .pre_next_wap{
   position: relative;
 }
 
 #templatemo_evaluations .pre_next_wap a{
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 42px;
   height: 42px;
   border-radius: 999px;
   border: 1px solid var(--ps-border);
   background: rgba(255,255,255,.90);
   box-shadow: var(--ps-shadow-sm);
   transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
 }
 
 #templatemo_evaluations .pre_next_wap a:hover{
   transform: translateY(-1px);
   box-shadow: var(--ps-shadow-md);
   background: rgba(255,255,255,.98);
 }
 
 #templatemo_evaluations .pre_next{
   font-size: 22px;
   position: static;
   margin-top: 0;
  color: rgba(17, 24, 39, .75);
 }
 
 #templatemo_evaluations .pre_next_wap a:active{
  transform: scale(0.92);
  background: #f1f5f9;
 }

 #templatemo_evaluations #testimonial_text_wap{
   background: rgba(255,255,255,.92);
   border: 1px solid var(--ps-border);
   border-radius: var(--ps-radius);
   box-shadow: var(--ps-shadow-sm);
   padding: 18px 16px;
  position: relative;
  overflow: hidden;
 }

 #templatemo_evaluations #testimonial_text_wap::before{
  content: "“";
  position: absolute;
  top: -20px;
  right: 10px;
  font-family: serif;
  font-size: 120px;
  line-height: 1;
  color: var(--ps-primary);
  opacity: 0.06;
  pointer-events: none;
 }
 
 #templatemo_evaluations #testimonial_text_wap h2{
   font-size: 18px;
   line-height: 1.2;
   padding: 0;
   margin: 0 0 10px 0;
   font-weight: 800;
   color: var(--ps-text);
 }
 
 #templatemo_evaluations #testimonial_text_wap h3{
   font-size: 15px;
   line-height: 1.85;
   padding: 0;
   margin: 0;
   color: var(--ps-muted);
   font-weight: 500;
 }
 
 #templatemo_evaluations #testimonial_text_wap img{
   border-radius: 999px;
   width: 92px;
   height: 92px;
   object-fit: cover;
  border: 2px solid rgba(37,99,235,.22);
  box-shadow: 0 0 0 4px rgba(37,99,235,0.06);
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
 }

 #templatemo_evaluations #testimonial_text_wap:hover img{
  border-color: rgba(37,99,235,.4);
  box-shadow: 0 0 0 6px rgba(37,99,235,0.12);
  transform: scale(1.05);
 }
 
 #templatemo_contact p{
   margin-top: 0;
   font-size: 16px;
   line-height: 1.9;
  color: var(--ps-muted);
 }
 
#templatemo_contact .col-md-6 p{
  padding: 8px 12px;
  border-radius: 8px;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
  cursor: pointer;
  width: fit-content;
  position: relative;
}

#templatemo_contact .col-md-6 p:hover{
  background: rgba(37,99,235,.08);
  color: var(--ps-primary);
  transform: translateX(4px);
}

#templatemo_contact .col-md-6 p:active{
  transform: translateX(2px) scale(0.98);
  background: rgba(37,99,235,.15);
}

#templatemo_contact img{
  border-radius: 14px;
  box-shadow: var(--ps-shadow-sm);
  transition: transform .3s ease, filter .3s ease, box-shadow .3s ease;
  position: relative;
  overflow: hidden;
}

#templatemo_contact img:hover{
  transform: scale(1.02);
  filter: brightness(1.05);
  box-shadow: 0 12px 30px rgba(37,99,235,.15);
}
 
 html.ps-js .ps-reveal{
   opacity: 0;
   transform: translateY(10px);
   transition: opacity .45s ease, transform .45s ease;
 }
 
 html.ps-js .ps-reveal.is-inview{
   opacity: 1;
   transform: translateY(0);
 }
 
 @media (prefers-reduced-motion: reduce){
   html{ scroll-behavior: auto; }
  body::before,
  body::after,
  #templatemo_banner_slide::after{
    animation: none;
  }
   html.ps-js .ps-reveal,
   html.ps-js .ps-reveal.is-inview{
     transition: none;
     transform: none;
   }
  #templatemo_timeline .time_line_wap::before{
    animation: none;
  }
  #templatemo_timeline .time_line_paragraph::after{
    animation: none;
  }
  #templatemo_events .event_box_wap{
    transition: none;
    transform: none;
  }
  #templatemo_events .event_box_wap:hover{
    transform: none;
  }
  #templatemo_about .about_icon{
    transition: none;
    transform: none;
  }
  #templatemo_about .about_icon:hover,
  #templatemo_about .about_icon.is-active{
    transform: none;
  }
  #templatemo_about .about_icon::after{
    animation: none;
  }
 }
 
 @media (max-width: 768px){
   #templatemo_banner_menu{
    background: rgba(255,255,255,.92);
   }
   #templatemo_timeline .container-fluid::before{
     left: 28px;
     transform: none;
   }
  #templatemo_timeline .container-fluid{
    grid-template-columns: 1fr;
    gap: 14px;
  }
  #templatemo_timeline .time_line_wap,
  #templatemo_timeline .time_line_wap:nth-child(even){
    grid-column: 1;
    padding-left: 32px;
    padding-right: 0;
  }
  #templatemo_timeline .time_line_wap::before,
  #templatemo_timeline .time_line_wap:nth-child(even)::before{
    left: 22px;
    right: auto;
  }
  #templatemo_timeline .time_line_wap::after,
  #templatemo_timeline .time_line_wap:nth-child(even)::after{
    left: 22px;
    right: auto;
    width: 18px;
  }
  #templatemo_about .row{
    grid-template-columns: 1fr;
  }
  #templatemo_about .about_icon:nth-child(1),
  #templatemo_about .about_icon:nth-child(2),
  #templatemo_about .about_icon:nth-child(3),
  #templatemo_about .about_icon:nth-child(4){
    grid-column: 1;
  }
 }