/* Do Asssignment v1.6.7: Mobile service cards peek-and-swipe carousel.
 * Desktop / tablet >= 768px retain existing responsive grid, no JS needed to read content. */
.da-services-carousel-nav{display:none}
@media (max-width:767px){
 #services-section{overflow:hidden!important}
 #services-section > .max-w-7xl{min-width:0!important;max-width:100%!important}
 #services-section .da-services-track{
   box-sizing:border-box!important;display:grid!important;
   grid-template-columns:none!important;grid-auto-flow:column!important;
   grid-auto-columns:clamp(240px,calc(100% - 56px),420px)!important;
   grid-auto-rows:1fr!important;align-items:stretch!important;
   gap:14px!important;width:100%!important;max-width:100%!important;min-width:0!important;
   margin:0!important;padding:7px 2px 18px!important;
   overflow-x:auto!important;overflow-y:hidden!important;
   scroll-snap-type:x mandatory!important;scroll-padding-inline-start:2px!important;
   overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
   scrollbar-width:none!important;-ms-overflow-style:none!important;
 }
 #services-section .da-services-track::-webkit-scrollbar{display:none!important}
 #services-section .da-services-track > .da-peek-card{
   box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
   justify-content:space-between!important;align-self:stretch!important;
   min-width:0!important;width:100%!important;max-width:100%!important;height:100%!important;
   margin:0!important;padding:clamp(19px,5.4vw,27px)!important;
   scroll-snap-align:start!important;scroll-snap-stop:normal!important;
   border-radius:23px!important;
   transform:none!important;
   box-shadow:0 7px 21px rgba(18,17,59,.08),0 2px 4px rgba(18,17,59,.04)!important;
   background:#fff!important;
 }
 #services-section .da-services-track > .da-peek-card:hover,
 #services-section .da-services-track > .da-peek-card:active{
   transform:none!important;box-shadow:0 7px 21px rgba(18,17,59,.08),0 2px 4px rgba(18,17,59,.04)!important;
 }
 #services-section .da-services-track > .da-peek-card h3{font-size:clamp(17px,4.6vw,20px)!important;line-height:1.36!important;letter-spacing:-.025em;overflow-wrap:anywhere}
 #services-section .da-services-track > .da-peek-card p{font-size:clamp(13px,3.5vw,15px)!important;line-height:1.62!important}
 #services-section .da-services-track > .da-peek-card a{min-height:43px;display:flex;align-items:center;justify-content:center;line-height:1.35;padding-left:9px!important;padding-right:9px!important;white-space:normal;text-align:center}
 #services-section .da-services-carousel-nav{
   display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;
   column-gap:12px;row-gap:13px;margin-top:7px!important;padding:5px 2px 20px;
 }
 #services-section .da-services-progress{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
 #services-section .da-services-progress .da-services-index{color:#171345;font-weight:850;font-size:14px;letter-spacing:.05em;font-variant-numeric:tabular-nums}
 #services-section .da-services-progress .da-services-total{color:#74748b;font-weight:650}
 #services-section .da-services-progress .da-services-hint{font-size:11px;color:#62657d;display:inline-flex;align-items:center;gap:7px}
 #services-section .da-services-progress .da-services-hint i{color:#5b50ab}
 #services-section .da-services-carousel-dots{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap;max-width:100%;padding:0}
 #services-section .da-services-carousel-dots button{
   border:0!important;padding:0!important;display:block!important;cursor:pointer;
   flex:0 0 auto;min-width:8px;width:8px;height:8px;
   background:#c9c7de!important;border-radius:999px!important;
   transition:width .22s ease,background-color .22s ease;box-shadow:none!important
 }
 #services-section .da-services-carousel-dots button[aria-current="true"]{width:25px!important;background:#5250ad!important}
 #services-section .da-services-carousel-arrows{display:flex;align-items:center;gap:7px}
 #services-section .da-services-carousel-arrows button{
   appearance:none!important;box-sizing:border-box!important;display:inline-flex!important;
   align-items:center;justify-content:center;width:41px!important;height:41px!important;
   min-width:41px!important;min-height:41px!important;
   background:#1f1a51!important;color:#fff!important;border:1px solid #1f1a51!important;
   border-radius:13px!important;cursor:pointer!important;padding:0!important;
   transition:background .2s ease,opacity .2s ease!important;
 }
 #services-section .da-services-carousel-arrows button i{font-size:15px;line-height:1;color:inherit}
 #services-section .da-services-carousel-arrows button:disabled{background:#eeedf4!important;border-color:#e2dfee!important;color:#85829e!important;opacity:.75;cursor:not-allowed!important}
 #services-section .da-services-carousel-arrows button:not(:disabled):hover{background:#3a327e!important}
 #services-section .da-services-carousel-arrows button:focus-visible,
 #services-section .da-services-carousel-dots button:focus-visible{outline:3px solid #14ab81!important;outline-offset:3px}
}
@media (max-width:350px){
 #services-section .da-services-track{grid-auto-columns:clamp(225px,calc(100% - 36px),420px)!important;gap:11px!important}
 #services-section .da-services-track > .da-peek-card{padding:18px!important}
 #services-section .da-services-carousel-nav{gap:9px}
 #services-section .da-services-carousel-arrows{gap:5px}
 #services-section .da-services-carousel-arrows button{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}
}
@media (prefers-reduced-motion:reduce){
 #services-section .da-services-track{scroll-behavior:auto!important}
 #services-section .da-services-carousel-dots button{transition:none!important}
}