:root{
    --navy:#263c5c;
    --blue:#55b7ff;
    --blue-dark:#10639f;
    --heading:#2d3e50;
    --text:#555555;
    --text-dark:#262626;
    --bg-soft:#f9f9fe;
    --card-shadow: 0 4px 24px rgba(83,105,255,.14);
    --card-shadow-lg: 0 4px 14px rgba(104,134,242,.30);
    --ease: cubic-bezier(.4,0,.2,1);
  }

  *{ box-sizing:border-box; }

  html{ scroll-behavior:smooth; }

  body{
    font-family:'Lexend Deca', sans-serif;
    color:var(--text);
    background:#fff;
    overflow-x:hidden;
  }
.container{max-width:1300px;}
.container.big-container{max-width:1400px;}
  h1,h2,h3,h4,.font-display{
    font-family:'Parkinsans', sans-serif;
  }

  .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    background:rgba(85,183,255,.1);
    border:1px solid var(--blue);
    color:var(--text-dark);
    font-size:.85rem;
    font-weight:500;
    padding:.35rem 1rem;
    border-radius:32px;
  }

  ul, li{margin:0;padding:0;}

  section{padding:70px 0px;}

  .section-title{
    color:var(--heading);
    font-weight:600;
    font-size:clamp(1.75rem, 3vw, 2.25rem);
  }
  .section-title .accent{ color:var(--blue); }
  .section-sub{ color:var(--text); font-size:1.1rem; }

  /* ---------- Buttons ---------- */
  .btn-brand{
    background:var(--blue-dark);
    color:#fff;
    border:none;
    border-radius:32px;
    padding:.85rem 1.9rem;
    font-weight:500;
    font-family:'Lexend Deca', sans-serif;
    transition: transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease);
  }
  .btn-brand:hover{
    background:#0c517f;
    color:#fff;
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(16,99,159,.35);
  }
  .btn-outline-brand{
    background:#fff;
    color:var(--blue-dark);
    border:1px solid var(--blue-dark);
    border-radius:32px;
    padding:.85rem 1.9rem;
    font-weight:500;
    transition: transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease), color .25s var(--ease);
  }
  .btn-outline-brand:hover{
    background:var(--blue-dark);
    color:#fff;
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(16,99,159,.25);
  }

  /* ---------- Hero ---------- */
  header{    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 25px 0px;transition: padding 0.3s ease;}
	
	.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
	    padding: 10px 0px;
		    box-shadow: var(--bs-box-shadow-sm) !important;
    }


	
  .hero{
    position:relative;
    overflow:hidden;
    padding:170px 0 110px;
    background-color: #F9F9FE;
    background-image: url(../image/hero_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 900px;
    display: flex;
    align-items: center;
  }
 .hero-circle-wrap{
    position:absolute;
    top:50%; left:50%;
    transform:translate(-50%,-50%);
    width:888px;
    height:888px;
    z-index:0;
    opacity:.9;
  }
  .hero-circle{
    position:absolute; inset:0;
    border-radius:50%;
   background:url(../image/bannercircle.png) no-repeat center center/cover;
    animation: spin 26s linear infinite;
  }
  
  @keyframes spin{ to{ transform:rotate(360deg); } }
  @media (prefers-reduced-motion: reduce){
    .hero-circle{ animation:none; }
  }

  .hero-content{ position:relative; z-index:2; text-align:center; }
  .hero-headline{font-weight:600;color:#000;font-size: 70px;line-height: 1.3;}
  .hero-rotator{color:#10639F;}
  .center_image{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.rotating-text{
    position:relative;
    display:inline-block;
    perspective:900px;
}
.placeholder{
    visibility:hidden;
    font-size:56px;
    font-weight:700;
    line-height:72px;
    white-space:nowrap;
    text-align:center;
}
.cube{
    position:absolute;
    inset:0;
    transform-style:preserve-3d;
    animation:rotateWords 15s cubic-bezier(.25,.46,.45,.94) infinite;
}
.face{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#10639F;
    white-space:nowrap;
    height:92px;
    line-height:72px;
    backface-visibility:hidden;
    -webkit-font-smoothing:antialiased;
}
.face1{transform:rotateX(0deg) translateZ(36px);}
.face2{transform:rotateX(-90deg) translateZ(36px);}
.face3{transform:rotateX(-180deg) translateZ(36px);}
.face4{transform:rotateX(-270deg) translateZ(36px);}

@keyframes rotateWords{
    0%,18%   {transform:rotateX(0deg);}
    25%,43%  {transform:rotateX(90deg);}
    50%,68%  {transform:rotateX(180deg);}
    75%,93%  {transform:rotateX(270deg);}
    100%     {transform:rotateX(360deg);}
}


@media (max-width: 768px){
    .placeholder{
        font-size:20px;
        line-height:28px;
    }
    .face{
        font-size:20px;
        line-height:28px;
        height:28px;
    }
    .face1{transform:rotateX(0deg)    translateZ(14px);}
    .face2{transform:rotateX(-90deg)  translateZ(14px);}
    .face3{transform:rotateX(-180deg) translateZ(14px);}
    .face4{transform:rotateX(-270deg) translateZ(14px);}
}



  /* ---------- About / hover cards ---------- */
  .about-copy{ font-size:24px; line-height:1.8; color:var(--text); }
  .about_section{background:url(../image/about_bg.png) no-repeat center right;}
  .flip-card{
    border-radius:15px;
    border:1px solid #e3e3f5;
    background:#fff;
    box-shadow:var(--card-shadow-lg);
    padding:1.5rem;
    height:108px;
    overflow:hidden;
    display:flex;
    align-items:flex-start;
    gap:1rem;
    transition: height .4s var(--ease), background .4s var(--ease), border-color .4s var(--ease), box-shadow .3s var(--ease), transform .3s var(--ease);
    cursor:default;
  }
  .hover_section{margin-top:50px;}
  .flip-card:hover, .flip-card.is-open{
    height:145px;
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(83,105,255,.22);
  }
  .flip-card .icon-box{
    width:60px; height:60px; min-width:60px;
    border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    color:#fff; font-size:1.4rem;
  }
  .flip-card .icon-1{ background:linear-gradient(135deg,#4e79f3,#1d4ed8); }
  .flip-card .icon-2{ background:linear-gradient(135deg,#ab59f2,#7e22ce); }
  .flip-card .icon-3{ background:linear-gradient(135deg,#f59e0b,#ca840e); }

  .flip-card .body h4{
    font-family:'Parkinsans', sans-serif;
    font-size:1.15rem;
    font-weight:600;
    color:#000;
    margin-bottom:.4rem;
        padding-top: 18px;
        transition: 0.5s all ease;

  }

  .flip-card.is-open .body h4{padding-top: 0px;}
  .flip-card .body p{
    font-size:.92rem;
    color:var(--text-dark);
    max-width:320px;
    opacity:0;
    transform: translateY(6px);
    transition: opacity .35s var(--ease) .05s, transform .35s var(--ease) .05s;
    margin:0;
  }
  .flip-card:hover .body p, .flip-card.is-open .body p{
    opacity:1;
    transform:translateY(0);
  }
  .card-1{ background:#dbeafe; border-color:#aac9f3; }
  .card-2{ background:#f4f3ff; border-color:#d3d0fb; }
  .card-3{ background:#fff9ec; border-color:#efe3c7; }

  /* ---------- Industries marquee ---------- */

  .industries-section{ background:var(--bg-soft) url(../image/industries.png) no-repeat center center; overflow:hidden; }
  .marquee-track{
    display:flex;
    width:max-content;
    gap:1.5rem;
    animation: marquee 28s linear infinite;
  }
  .marquee-viewport:hover .marquee-track{ animation-play-state:paused; }
  @keyframes marquee{
    from{ transform:translateX(0); }
    to{ transform:translateX(-50%); }
  }
  .industry-card{
    
    background:#fff;
    border-radius:15px;
    border-bottom:3px solid var(--blue);
    box-shadow:var(--card-shadow);
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:.4rem;
    transition: transform .3s var(--ease), box-shadow .3s var(--ease);
    padding: 15px 0px
  }

   

  .industries_slider .slick-slide {
    padding: 0 10px;
}

.industries_slider .slick-list {
    margin: 0 -10px;
        padding: 20px 0px;
}
  .industry-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 14px 30px rgba(83,105,255,.25);
  }
  .industry-card .emoji{ font-size:2.2rem; }
  .industry-card span{
    font-family:'Parkinsans', sans-serif;
    font-weight:500;
    color:var(--text-dark);
    font-size:.95rem;
  }

  /* ---------- Why ManSys cards ---------- */
  .why_mansys{ background:var(--navy) url(../image/why_bg.png) no-repeat center center/cover; overflow:hidden; }
  .why_mansys .eyebrow{
    font-size: 18px;
    font-weight: 500;
    background: var(--blue);
    color: #fff;
  }
  .why-card{
    background:#fff;
    border-radius:15px;
    box-shadow:var(--card-shadow);
    padding: 25px;
    height:100%;
    transition: transform .3s var(--ease), box-shadow .3s var(--ease);
  }
  .why-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 16px 34px rgba(83,105,255,.22);
  }
  .why-card .num{
    font-weight: 500;
    font-size: 46px;
    color: rgb(0 0 0 / 10%);
    font-family: 'Lexend Deca', sans-serif;
  }
   .why-card .num span{
    width:46px;height:46px;background:#DBEAFE;border-radius: 10px;    display: flex;
    align-items: center;
    justify-content: center;
   }
  .why_mansys .col-lg-4:nth-child(1) .num span{
    background:#DBEAFE;
  }
  .why_mansys .col-lg-4:nth-child(1) .why-card{
    background:#EEF5FF;
  }
  .why_mansys .col-lg-4:nth-child(2) .num span{
    background:#F4F3FF;
  }
  .why_mansys .col-lg-4:nth-child(3) .num span{
    background:#FFF9EC;
  }
  .why-card .q{
        font-size: 15px;
    color: #3D3D3D;
    font-weight: 500;
    margin: 0px 0px 15px;
  }
  .why-card h4{
        font-family: 'Parkinsans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #000;
    line-height: 30px;
  }
  .why-card p.desc{     font-size: 15px;
    line-height: 24px;}
  .why-card ul{ list-style:none; padding:0; margin-top:1rem; }
  .why-card ul li{
    display:flex; gap:.6rem; align-items:flex-start;
    font-size:.9rem;
    color:var(--text-dark);
    margin-bottom:.6rem;
  }
  .why-card ul li i{ color:var(--blue-dark); margin-top:.15rem; }

  /* ---------- Project spotlight accordion ---------- */
  .spotlight-item{
    background:#fff;
    border-radius:15px;
    box-shadow:var(--card-shadow);
    margin-bottom:1rem;
    overflow:hidden;
  }
  .spotlight-header{
    display:flex;
    align-items:center;
    gap:1.25rem;
    padding:1.25rem 1.5rem;
    cursor:pointer;
    user-select:none;
  }
  .spotlight-header .icon-circle{
    width:63px; height:63px; min-width:63px;
    border-radius:10px;
    background:rgba(36,93,225,.1);
    display:flex; align-items:center; justify-content:center;
    font-size:1.6rem;
    transition: background .3s var(--ease);
  }
  .spotlight-header .title{
    font-family:'Parkinsans', sans-serif;
    font-weight:500;
    font-size:1.1rem;
    letter-spacing:.02rem;
    color:var(--text-dark);
    flex:1;
  }
  .spotlight-header .toggle-btn{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: transparent;
    transition: background .3s var(--ease), color .3s var(--ease), transform .35s var(--ease);
    border: 1px solid rgb(51 51 51 / 40%);
    position: relative;
        text-align: center;
  }
  .spotlight-header .toggle-btn:before{
        content: "+";
    font-size: 24px;
    font-weight: 300;
    color: #000;
    transform: none !important;
    transition: all .3s ease;
    line-height: 31px;
  }
  .spotlight-header:hover .toggle-btn{ background: #e5f4ff; color:#fff; }

  .spotlight-header[aria-expanded="true"] .toggle-btn{
    background: transparent;
    color:#fff;
    transform:rotate(180deg);
  }
  .spotlight-header[aria-expanded="true"] .toggle-btn:before{
    content: "-";
  }
  .spotlight-body{ padding:0 1.75rem 2rem; }
  .spotlight-img{
            border-radius: 15px;
    border: 1px solid #ddd;
    padding: 10px;
  }
  .spotlight-body h5{
    font-family:'Parkinsans', sans-serif;
    font-weight:600;
    color:var(--navy);
    margin-top:1rem;
  }
  .spotlight-body p{ font-size:.95rem; }
  .spotlight-body .check-list{ list-style:none; padding:0; margin:0; }
  .spotlight-body .check-list li{
    display:flex; gap:.5rem; align-items:flex-start;
    font-size:.9rem; margin-bottom:.5rem; color:var(--text-dark);
  }
  .spotlight-body h6{    font-size: 18px;
    margin-bottom: 20px;}
    .spotlight-body li img{max-height: 20px;}
 
  .spotlight-body .impact-list{ list-style:none; padding:0; margin:0; }
  .spotlight-body .impact-list li{display:flex; gap:.5rem; align-items:flex-start;font-size:.9rem; margin-bottom:.6rem; color:var(--text-dark);}
  .spotlight-body .impact-list li i{ color:var(--blue-dark); margin-top:.2rem; }

/* ---------- Engage / process ---------- */
.engage-section{ padding:6rem 0 3rem; position:relative; }
.engage-line{ position:absolute; top:96px; left:0; width:100%; z-index:0; }
.engage-line path{stroke-dasharray: 2000; stroke-dashoffset: 2000;transition: stroke-dashoffset 1.8s var(--ease);}
.engage-line.in-view path{ stroke-dashoffset:0; }
.engage-step{ position:relative; z-index:1; text-align:center; }
.engage-step .hex{width: 120px;height: 120px;margin:0 auto 1.5rem;border-radius:32px;background:#fff;border:1px solid #e2e2ee;box-shadow:0 10px 24px rgba(83,105,255,.12);display:flex; align-items:center; justify-content:center;font-size:2.4rem;transform: rotate(40deg);transition: transform .6s var(--ease), opacity .6s var(--ease);position: relative;}
.engage-step .hex span{width: 120px;height: 120px;border-radius: 32px;overflow: hidden;position: relative;padding: 20px;background: #e8f0fd;}
.engage-step .hex span img{transform: rotate(-40deg) scale(1.2);}
.engage-step .hex:before{content: '';width: 134px;height: 134px;border-radius: 32px;position: absolute;border: 1px solid #ddd;top: -9px;left: -8px;right: 0;bottom: 0; background: #fff; z-index: 0;}

.engage-step .num{font-family:'Lexend Deca', sans-serif;font-weight:500;font-size: 52px;color:rgba(0,0,0,.08);}
.engage-step h5{font-family:'Parkinsans', sans-serif;font-weight:500;color:#111240;font-size: 20px;}
.engage-step p{font-size: 16px;color: var(--text);max-width: 300px;margin: 0 auto;}
.engage-section .col-lg-3:nth-child(1){margin-top: 120px;}
.engage-section .col-lg-3:nth-child(2){margin-top: 90px;}
.engage-section .col-lg-3:nth-child(3){margin-top: 110px;}
.engage-section .col-lg-3:nth-child(4){margin-top: 110px;}
.engage-section .col-lg-3:nth-child(1) h5, .engage-section .col-lg-3:nth-child(2) h5, .engage-section .col-lg-3:nth-child(3) h5, .engage-section .col-lg-3:nth-child(4) h5{margin-top: 36px;}

  /* ---------- Tools ---------- */
.tools-section{ background:#F9F9FE url(../image/technology-ecosystem.png) no-repeat bottom right; color:#fff; padding:5rem 0; }
.tool-chip{background: rgb(59 130 246 / 10%);border: 1px solid #3B82F6;border-radius: 50px;padding: .7rem 1.3rem;font-size: 15px;color: #262626;display: inline-flex;align-items: center;gap: .5rem; transition: background .3s var(--ease), transform .3s var(--ease);}
.tool-chip:hover{ background:rgba(85,183,255,.2); transform:translateY(-3px); }

/* ---------- Footer ---------- */
footer{background:var(--navy) url(../image/footer_bg.png) no-repeat center center/cover;color:#fff;padding:5rem 0 2rem;}
footer h2{font-family: 'Parkinsans', sans-serif;max-width: 880px;margin: 0 auto 3rem;font-size: 45px;line-height: 60px;}
footer .foot-heading{font-size: 16px;margin-bottom: .4rem; }
footer .foot-value{ font-size: 20px;font-weight: 400;margin-bottom: 0px; }
footer hr{ border-color:rgb(255 255 255 / 30%); }
footer a{color: #fff;text-decoration: none;font-size: 18px; }
footer a:hover{ opacity:1; color:var(--blue); }
.social-btn{width:60px; height:60px; border-radius:10px;display:flex; align-items:center; justify-content:center;border:2px solid rgba(255,255,255,.25);transition: border-color .3s var(--ease), transform .3s var(--ease);}
.social-btn.upwork{border: 2px solid #6FDA44;}
.social-btn.linkedin{border: 2px solid #0288D1;}
.social-btn:hover{ border-color:var(--blue); transform:translateY(-4px); }
.footer_info{margin-bottom: 30px;}
.social{margin-top: 30px;}
/* Fade-up scroll reveal (generic, subtle) */
.reveal{ opacity:0; transform:translateY(18px); transition:opacity .6s var(--ease), transform .6s var(--ease); }
.reveal.in-view{ opacity:1; transform:translateY(0); }

/* ---------- About floating pill badges (matches Figma "About Mansys" pills) ---------- */
.company-section p{font-size: 18px;line-height: 30px;}
.company-visual{ position:relative; }
.dotted-bg{bottom: 55px;right: -38px;z-index: 0;}
.world-map{top: 0;left: 0;}

/* ---------- Chat widget (bottom-right icon + animated popup) ---------- */
.chat-widget{position:fixed;right:28px;bottom:28px;z-index:1050;}
.chat-fab{position:relative;width:65px; height:65px; border-radius:50%; background:var(--blue); border:1px solid #e3e3f5;box-shadow:0 10px 30px rgba(83,105,255,.28);display:flex; align-items:center; justify-content:center;font-size:1.5rem;color:var(--blue-dark);cursor:pointer;transition: transform .3s var(--ease), box-shadow .3s var(--ease), background .3s var(--ease), color .3s var(--ease);}
.chat-fab:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(83,105,255,.35); }
.chat-fab.is-active{ background:var(--blue-dark); color:#fff; }
.chat-fab-ring{position:absolute; inset:-6px;border-radius:50%;border:2px solid rgba(85,183,255,.45);animation: fabPulse 2.4s ease-out infinite;}
@keyframes fabPulse{
  0%{ transform:scale(.9); opacity:.9; }
  70%{ transform:scale(1.35); opacity:0; }
  100%{ transform:scale(1.35); opacity:0; }
}
@media (prefers-reduced-motion: reduce){
  .chat-fab-ring{ animation:none; }
}
.chat-popup{position:absolute;right:0;bottom:80px;width:252px;background:#fff;border-radius:16px;box-shadow:0 20px 50px rgba(38,60,92,.25);padding:1.4rem 1.3rem 1.3rem;transform-origin: bottom right;opacity:0;transform: scale(.75) translateY(16px);pointer-events:none;transition: opacity .35s cubic-bezier(.34,1.56,.64,1), transform .4s cubic-bezier(.34,1.56,.64,1);}
.chat-popup:after{content: ''; background: url(../image/caret.png) no-repeat center center / cover;position: absolute;width: 24px;height: 14px;bottom: -10px;right: 20px;}
.chat-popup.is-open{opacity:1;transform: scale(1) translateY(0);pointer-events:auto;}
.chat-avatar{width:35px; height:35px;border-radius: 6px;background: linear-gradient(134.26deg, #55B7FF 0%, #336E99 110.02%);color:#fff;font-family:'Parkinsans', sans-serif;font-weight:600;display:flex; align-items:center; justify-content:center;margin-bottom:.75rem;}
.chat-title{ font-family:'Parkinsans', sans-serif;font-weight:600;font-size:1rem;color:#000;margin-bottom:.4rem;}
.chat-sub{font-size:.82rem;color:var(--text);margin-bottom:1rem;}
.chat-form{border: 1px solid var(--blue);border-radius: 6px; padding: 6px 0px;background: linear-gradient(131.55deg, #55B7FF 0%, #46ABF5 95.38%);text-align: center;}
.chat-form:hover{background: linear-gradient(131.55deg, #46ABF5 0%, #55B7FF 95.38%);}
.chat-form span{font-size: 14px;color: #ffffff;font-weight: 500;}
.chat-send{width:28px; height:28px;min-width:28px;border-radius:50%;border:none;background:var(--blue-dark);color:#fff;display:flex; align-items:center; justify-content:center;font-size:.75rem;transition: background .25s var(--ease), transform .25s var(--ease);}
.chat-send:hover{ background:#0c517f; transform:scale(1.08); }
.chat-close{position: absolute;top: 25px;right: 25px;width: 22px;height: 22px;border: none;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: .65rem;color: var(--text);transition: background .25s var(--ease), color .25s var(--ease);background: transparent;}
.chat-close:hover{ background:var(--blue-dark); color:#fff; }

@media (max-width:480px){
  .chat-popup{ width:calc(100vw - 56px); right:-6px; }
}

@media(max-width:1500px){
  .hero{min-height: 730px;}
}

.industries_slider .emoji img {
    width: auto;
    height: 100px;
    object-fit: contain;
}
.page-heading{
  color: var(--blue);
}




/*Responisve*/
@media(max-width:1200px){
	.hero-headline{font-size:50px;}
	.industry-card span{text-align:center;}
	.engage-section .col-lg-3:nth-child(1) {margin-top: 90px;}
	.engage-section .col-lg-3:nth-child(2) {margin-top: 90px;}
	.engage-section .col-lg-3:nth-child(3) {margin-top: 60px;}
	.engage-section .col-lg-3:nth-child(4) {margin-top: 40px;}
	.dotted-bg{right:0;}
}

@media(max-width:767px){
	.hero-headline{font-size:20px;}
	.hero-rotator{height: 35px;min-width: 100%;}
	.hero {min-height: 470px;}
	.hero-circle-wrap{width: 100%;height: 438px;}
	.brand_icon img{height: 60px;}
	section {padding: 40px 0px;}
	.about-copy {font-size: 20px;line-height: 1.6;margin-bottom: 40px;}
	.flip-card{margin-bottom:30px;}
	.flip-card .body h4{font-size:16px;}
	.industries_slider .slick-slide {padding: 0 6px;}
	.industries_slider .slick-list {margin: 0 -6px;padding: 20px 0px 0;}
	.spotlight-header .title{font-size:15px;}
	.engage-line{display:none;}
	.engage-step .num{display:none;}
	
	.industry-card span{text-align:center;}
	.engage-section .col-lg-3:nth-child(1) {margin-top: 40px;}
	.engage-section .col-lg-3:nth-child(2) {margin-top: 50px;}
	.engage-section .col-lg-3:nth-child(3) {margin-top: 60px;}
	.engage-section .col-lg-3:nth-child(4) {margin-top: 40px;}
	.tool-chip{padding: .6rem 1.2rem;font-size: 14px;}
	.dotted-bg{right:0;}
	.world-map{width:100%;}
	footer h2{font-size: 24px;line-height: 34px;}
	footer .foot-value{font-size: 16px;}
	.spotlight-body h5{margin-bottom: 20px;line-height: 32px;}
}