@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Love+Ya+Like+A+Sister&family=Questrial&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik+Wet+Paint&display=swap");
html,body{font-family:Questrial,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;margin:0;padding:0}
.hero-section-wrap{background-image:url(../img/bg-home.jpg);background-color:#eb683a;background-size: cover;}
.hero-section-wrap,.section-services{background-repeat:no-repeat;background-position:top}
.section-services{background-image:url(../img/bg-service.jpg)}
.section-client{background-image:url(../img/bg-client.jpg);background-repeat:no-repeat;background-position:top}
.line-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden}
.contact-section{background-image:url(../img/bg-contact.jpg);background-repeat:no-repeat;background-position:top;background-size:cover}
.swiper{width:100%;height:600px;overflow:visible}
.swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center;margin:0;background:#000;transition:all .3s ease}
.swiper-slide img{opacity:.7}
.swiper-slide.swiper-slide-active{color:#fff;background:linear-gradient(45deg,#f69259,#f16975);transform:scale(1.2);z-index:2}
.swiper-slide.swiper-slide-active img{opacity:1}

#pagination .paginationjs .paginationjs-pages ul {
    display: flex;
    justify-content: center;
    color: rgb(0 0 0 / 0.9);
}

.full-screan-banner {
    height: 100vh !important;
}

.page-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999;
}

.page-header.is-sticky {
    position: fixed;
    box-shadow: 0 3px 45px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(10px);
    animation: slideDown 0.35s ease-out;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
.scroll-top {
    right:10px;
    bottom:10px;
    position: fixed;
    transition: right 0.2s ease-in-out;
    z-index: 9999;
    margin: 10px;
    display: none;
}
#pagination .paginationjs .paginationjs-pages ul li.paginationjs-page,
#pagination .paginationjs .paginationjs-pages ul li.paginationjs-prev,
#pagination .paginationjs .paginationjs-pages ul li.paginationjs-next
{
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}
#pagination .paginationjs .paginationjs-pages ul li.paginationjs-page
{
    margin-left: 5px;
    margin-right: 5px;
}
#pagination .paginationjs .paginationjs-pages ul li.paginationjs-page.active
{
    border-color: rgb(242 114 34 / 1);
    color: rgb(242 114 34 / 1);
}
#pagination .paginationjs .paginationjs-pages ul li.paginationjs-prev {
    margin-right: 5px;
}
#pagination .paginationjs .paginationjs-pages ul li.paginationjs-next {
    margin-left: 5px;
}
#pagination .paginationjs .paginationjs-pages ul li.paginationjs-prev.disabled,
#pagination .paginationjs .paginationjs-pages ul li.paginationjs-next.disabled
{
    color: #D9D9D9
}
#pagination .paginationjs .paginationjs-pages ul li.paginationjs-ellipsis {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #00000040;
}

.shadow-border {
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

/* .shadow-lang:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    border-radius: 4px;
    cursor: pointer;
} */
.shadow-lang {
    border: 1px solid #f27222 ;
    border-radius: 16px;
    padding: 24px 16px;
    transition: none;
    background: #fff;
}

.under-line-active {
    position: relative;
    text-decoration: none;
}

a.under-line-active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #fff;
}

a.under-line-active:hover:after {
    width: 100%;
    left: 0;
}

a.active-page:after {
    width: 100%;
    left: 0;
}

.md:pl-5 {
    padding-left: 20rem;
}

.pt-10 {
    padding-top: 10rem;
}

.pd-t-1 {
    padding-top: 2rem;
}
.pd-b-1 {
    padding-bottom: 2rem;
}

.min-w-150{
    min-width: 150px;
}

.d-inline{
    display: inline;
}

.d-inline-block{
    display: inline-block;
}

.gallery-item {
    height: 209px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.why-choose h3.font-medium {
    line-height: 1.2;
}

.txt-decord-highlight {
    color: inherit;
    text-underline-offset: -12px;
    text-decoration-thickness: 0.5em !important;
    text-decoration-skip-ink: none;
    /* text-decoration-color: #14e7d0 !important; */
    text-decoration-color: yellow !important;
    text-decoration: underline;
}

.txt-decord-highlight-sm {
    text-underline-offset: -5px;
    text-decoration-thickness: 0.4em !important;
}

@media (max-width: 768px) {
    .pl-mobile-2 {
        padding-left: 20px;
    }
    .mt-mobile-10 {
        margin-top: 10px;
    }
    .mt-mobile-20 {
        margin-top: 20px !important;
    }
    .mb-mobile-20 {
        margin-bottom: 20px !important;
    }
    .mt-mobile-100 {
        margin-top: 100px !important;
    }
    .section-client {
        background-repeat: repeat-y;
    }
    .gallery-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .d-none-mobile {
        display: none !important;
    }
    .gallery-item {
        height: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        background-color: #f0f0f0;
    }

    .popup-responsive {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .popup-img {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        text-align: center;
    }

    .popup-responsive .flex {
        justify-content: center !important;
        flex-wrap: wrap !important;
    }
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLDZIQUFZLENBQ1osS0FDRSw0QkFBZ0MsQ0FDaEMsd0JBQXlCLENBQ3pCLGVBQWdCLENBQ2hCLGlCQUFrQixDQU1wQixtQkFDRSxnQkFBaUIsQ0FDakIsd0NBQTJDLENBRzFDLHdCQUF5QixDQUU1QixxQ0FKRSwyQkFBNEIsQ0FDNUIsdUJBTStCLENBSGpDLGtCQUNFLDJDQUUrQixDQUdqQyxnQkFDRSwwQ0FBNkMsQ0FDN0MsMkJBQTRCLENBQzVCLHVCQUErQixDQUVqQyxZQUNFLG1CQUFvQixDQUNwQiwyQkFBNEIsQ0FDNUIsb0JBQXFCLENBQ3JCLGtCQUFtQixDQUNuQixlQUFnQixDQUVsQixpQkFDRSwyQ0FBOEMsQ0FDOUMsMkJBQTRCLENBQzVCLHVCQUErQixDQUMvQixxQkFBc0IsQ0FFeEIsUUFDRSxVQUFXLENBQ1gsWUFBYSxDQUNiLGdCQUFpQixDQUduQixjQUNFLGlCQUFrQixDQUNsQixjQUFlLENBQ2YsWUFBYSxDQUNiLHNCQUF1QixDQUN2QixrQkFBbUIsQ0FDbkIsUUFBVyxDQUNYLGVBQXdCLENBQ3hCLHVCQUF5QixDQVIzQixrQkFVSSxVQUFZLENBVmhCLGtDQWNJLFVBQVcsQ0FDWCxpREFBeUUsQ0FDekUsb0JBQXFCLENBQ3JCLFNBQVUsQ0FqQmQsc0NBbUJNLFNBQVUiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qaW1wb3J0IGZvbnQqL1xyXG5AaW1wb3J0IHVybChcImh0dHBzOi8vZm9udHMuZ29vZ2xlYXBpcy5jb20vY3NzMj9mYW1pbHk9SW50ZXI6aXRhbCxvcHN6LHdnaHRAMCwxNC4uMzIsMTAwLi45MDA7MSwxNC4uMzIsMTAwLi45MDAmZGlzcGxheT1zd2FwXCIpO1xyXG5ib2R5IHtcclxuICBmb250LWZhbWlseTogXCJJbnRlclwiLCBzYW5zLXNlcmlmO1xyXG4gIGZvbnQtb3B0aWNhbC1zaXppbmc6IGF1dG87XHJcbiAgZm9udC13ZWlnaHQ6IDQwMDtcclxuICBmb250LXN0eWxlOiBub3JtYWw7XHJcbn1cclxuLypoZWFkZXItd3JhcCovXHJcbi5oZWFkZXItd3JhcCB7XHJcbn1cclxuLypoZXJvLXNlY3Rpb24td3JhcCovXHJcbi5oZXJvLXNlY3Rpb24td3JhcCB7XHJcbiAgbWFyZ2luLXRvcDogLTk0cHg7XHJcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiLi4vaW1nL2JnLWhvbWUuanBnXCIpO1xyXG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogdG9wIGNlbnRlcjtcclxuICAgYmFja2dyb3VuZC1jb2xvcjogI0VCNjgzQTtcclxufVxyXG4uc2VjdGlvbi1zZXJ2aWNlcyB7XHJcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiLi4vaW1nL2JnLXNlcnZpY2UuanBnXCIpO1xyXG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogdG9wIGNlbnRlcjtcclxuICBcclxufVxyXG4uc2VjdGlvbi1jbGllbnQge1xyXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcIi4uL2ltZy9iZy1jbGllbnQuanBnXCIpO1xyXG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogdG9wIGNlbnRlcjtcclxufVxyXG4ubGluZS1jbGFtcCB7XHJcbiAgZGlzcGxheTogLXdlYmtpdC1ib3g7XHJcbiAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcclxuICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XHJcbiAgYWxpZ24tc2VsZjogc3RyZXRjaDtcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG59XHJcbi5jb250YWN0LXNlY3Rpb24ge1xyXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcIi4uL2ltZy9iZy1jb250YWN0LmpwZ1wiKTtcclxuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xyXG4gIGJhY2tncm91bmQtcG9zaXRpb246IHRvcCBjZW50ZXI7XHJcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcclxufVxyXG4uc3dpcGVyIHtcclxuICB3aWR0aDogMTAwJTtcclxuICBoZWlnaHQ6IDYwMHB4O1xyXG4gIG92ZXJmbG93OiB2aXNpYmxlO1xyXG59XHJcblxyXG4uc3dpcGVyLXNsaWRlIHtcclxuICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgZm9udC1zaXplOiAxOHB4O1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICBtYXJnaW46IDBweDtcclxuICBiYWNrZ3JvdW5kOiByZ2IoMCwgMCwgMCk7XHJcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcclxuICBpbWcge1xyXG4gICAgb3BhY2l0eTogMC43O1xyXG4gIH1cclxuXHJcbiAgJi5zd2lwZXItc2xpZGUtYWN0aXZlIHtcclxuICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDQ1ZGVnLCByZ2IoMjQ2LCAxNDYsIDg5KSwgcmdiKDI0MSwgMTA1LCAxMTcpKTtcclxuICAgIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcclxuICAgIHotaW5kZXg6IDI7XHJcbiAgICBpbWcge1xyXG4gICAgICBvcGFjaXR5OiAxO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0= */

/* index.blade.php styles */
.we-serve-carousel .slick-track {
  display: flex !important;
}
.we-serve-carousel .slick-slide {
  height: inherit !important;
}
.we-serve-carousel .slick-slide > div {
  height: 100%;
}
.we-serve-arrow.slick-disabled {
  opacity: 0.35;
  pointer-events: none;
}
.solution-trigger {
  transition: all 0.25s ease;
}
.solution-trigger:hover,
.solution-trigger.is-active {
  border-color: #3c9cd7;
  color: #3c9cd7;
}
.solution-trigger.is-active {
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}
.solution-trigger.is-active {
  border-color: #F27222 !important;
  color: #F27222 !important;
  background-color: #FFF6F1 !important;
  box-shadow: 0px 8px 24px rgba(242, 114, 34, 0.15) !important;
}

/* why_pacom.blade.php styles */
.why-hero-bg {
  background: #343A40;
  position: relative;
  overflow: hidden;
}
.why-hero-bg::before {
  content: '';
  position: absolute;
  top: -20%;
  right: -10%;
  width: 800px;
  height: 800px;
  background: radial-gradient(circle, rgba(242, 114, 34, 0.1) 0%, transparent 70%);
  pointer-events: none;
  z-index: 1;
}
.why-hero-bg::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, #f9fafb);
  z-index: 2;
}
.guarantee-card {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 16px;
  padding: 36px 32px;
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}
.guarantee-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, #F27222, #f5a05a);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.35s ease;
}
.guarantee-card:hover {
  box-shadow: 0 20px 60px rgba(19,42,70,0.12);
  transform: translateY(-4px);
  border-color: transparent;
}
.guarantee-card:hover::before {
  transform: scaleY(1);
}
.guarantee-card .icon-wrap {
  width: 64px;
  height: 64px;
  border-radius: 14px;
  background: linear-gradient(135deg, #fff5ef, #ffe8d6);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  transition: all 0.3s ease;
}
.guarantee-card:hover .icon-wrap {
  background: linear-gradient(135deg, #F27222, #f5a05a);
}
.guarantee-card:hover .icon-wrap svg path,
.guarantee-card:hover .icon-wrap svg g path {
  stroke: white;
}
.stats-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 100px;
  padding: 10px 20px;
}


/* Home Hero Slideshow Styles */
.home-hero-slideshow {
    position: relative;
    overflow: hidden;
    background: #0b1830;
}

.home-hero-slideshow::after {
    display: none;
}

.home-hero-slide {
    position: absolute;
    inset: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transform: scale(1.08);
    animation: homeHeroFade 20s infinite;
}

.home-hero-slide:nth-child(1) {
    animation-delay: 0s;
}

.home-hero-slide:nth-child(2) {
    animation-delay: 5s;
}

.home-hero-slide:nth-child(3) {
    animation-delay: 10s;
}

.home-hero-slide:nth-child(4) {
    animation-delay: 15s;
}

@keyframes homeHeroFade {
    0% {
        opacity: 0;
        transform: scale(1.08);
    }

    5%,
    20% {
        opacity: 1;
    }

    25% {
        opacity: 0;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

.home-hero-content {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1.5rem;
}

.home-hero-copy {
    max-width: 900px;
    padding: 1rem 1rem 1.25rem;
}

.home-hero-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 2rem;
    padding: 0.5rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 9999px;
    background: rgba(10, 18, 38, 0.45);
    backdrop-filter: blur(10px);
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.home-hero-kicker::before {
    content: "";
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 9999px;
    background: #f27222;
    box-shadow: 0 0 18px rgba(242, 114, 34, 0.85);
}

.home-hero-title {
    margin: 0;
    color: #ffffff;
    font-weight: 800;
    line-height: 0.95;
    letter-spacing: -0.04em;
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
    font-size: clamp(2.8rem, 7vw, 6rem);
}

.home-hero-title span {
    display: block;
    margin-top: 0.25rem;
    color: #ed6a00;
}

.home-hero-subtitle {
    max-width: 680px;
    margin: 1rem auto 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: clamp(1rem, 2vw, 1.2rem);
    line-height: 1.7;
    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
    .home-hero-content {
        align-items: flex-start;
        padding: calc(5.75rem + env(safe-area-inset-top)) 1rem 1.25rem;
    }

    .home-hero-copy {
        max-width: 100%;
        padding: 0.5rem;
    }

    .home-hero-kicker {
        margin-bottom: 0.85rem;
        padding: 0.45rem 0.75rem;
        font-size: 0.68rem;
        letter-spacing: 0.18em;
    }

    .home-hero-title {
        font-size: clamp(2rem, 11vw, 3rem);
        line-height: 1.02;
        letter-spacing: -0.03em;
    }

    .home-hero-title span {
        margin-top: 0.15rem;
    }

    .home-hero-subtitle {
        margin-top: 0.85rem;
        font-size: 0.95rem;
        line-height: 1.45;
    }
}

/* News Page Custom Styles */
.news-list-card {
  position: relative;
  overflow: hidden;
  transform: translateY(0);
  transition:
    transform 320ms ease,
    box-shadow 320ms ease,
    border-color 320ms ease,
    background-color 320ms ease;
}

.news-list-card::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 3px;
  background: linear-gradient(90deg, #f27222 0%, rgba(242, 114, 34, 0.18) 72%, transparent 100%);
  opacity: 0;
  transform: scaleX(0.4);
  transform-origin: left center;
  transition:
    opacity 320ms ease,
    transform 320ms ease;
}

.news-list-card:hover::after {
  opacity: 1;
  transform: scaleX(1);
}

.news-list-card .news-list-media {
  transition: transform 420ms ease;
  transform: translateZ(0);
}

.news-list-card:hover .news-list-media {
  transform: scale(1.04);
}

.news-list-card .news-list-arrow {
  transition:
    transform 260ms ease,
    color 260ms ease;
}

.news-list-card:hover .news-list-arrow {
  transform: translateX(4px);
}

.news-sidebar-card {
  transition:
    transform 260ms ease,
    border-color 260ms ease,
    background-color 260ms ease,
    box-shadow 260ms ease;
}

.news-sidebar-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}


.stat-card {
    backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.vision-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.vision-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.team-member-card {
    transition: all 0.3s ease;
}

.team-member-card:hover {
    transform: translateY(-4px);
}

.team-member-card img {
    transition: transform 0.5s ease;
}

.team-member-card:hover img {
    transform: scale(1.05);
}

.cta-gradient {
    background: linear-gradient(135deg, #132A46 0%, #1E3A5F 100%);
}

.company-info-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 245, 239, 0.9) 100%);
    backdrop-filter: blur(10px);
}

/* contact.blade.php styles */
.hero-section-wrap {
    background-image: url('../img/bg-contact.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}

@media (max-width: 768px) {
    .hero-section-wrap {
        background-attachment: scroll;
    }
}

.contact-info-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.contact-info-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.form-input {
    transition: all 0.3s ease;
}

.form-input:focus {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(242, 114, 34, 0.1);
}

.submit-button {
    transition: all 0.3s ease;
}

.submit-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(242, 114, 34, 0.3);
}