@charset "UTF-8";
/*-------------------------------------------------------------------------------------------

           _______  _______  ______   _______  _                _______  _______
          (  ____ )(  ___  )(  ___ \ (  ___  )( \              (  ____ \(  ____ \
          | (    )|| (   ) || (   ) )| (   ) || (              | (    \/| (    \/
          | (____)|| |   | || (__/ / | |   | || |              | (_____ | (_____
          |  _____)| |   | ||  __ (  | |   | || |              (_____  )(_____  )
          | (      | |   | || (  \ \ | |   | || |                    ) |      ) |
          | )      | (___) || )___) )| (___) || (____/\        /\____) |/\____) |
          |/       (_______)|/ \___/ (_______)(_______/        \_______)\_______)


                                http://www.pobol.net/

-------------------------------------------------------------------------------------------*/
header{position:sticky;top:0;z-index:6;background-color:#ffffff;border-bottom:1px solid var(--pbl-light-gray-color);-webkit-transition:all 400ms linear 0s;-moz-transition:all 400ms linear 0s;-ms-transition:all 400ms linear 0s;-o-transition:all 400ms linear 0s;transition:all 400ms linear 0s;}
header.sticky{box-shadow:0px 0px 10px rgb(0 0 0 / 10%);}
header.hidden{top:-100px;}
.header-top{height:100%;width:100%;display:flex;align-items:center;justify-content:flex-start;}
.logo{height:100%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;flex-direction:row;}
.logo a{display:flex;align-items:center;justify-content:flex-start;gap:10px;}
.logo img{max-height:30px;}
.logo span{font-weight:400;font-size:18px;line-height:1;color:var(--pbl-theme-color-1);}
.logo svg{}
.header-right-box{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:50px;min-height:70px;-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 100ms linear 0s;}
.header-right-box a{line-height:1;-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 200ms linear 0s;}
.header-right-box li.current a{color:var(--pbl-theme-color-2);}
.menu{}
.menu ul{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:15px;}
.menu ul li{display:flex;}
.language{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:15px;}
.language .language-item{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;}
.language .language-item a{color:var(--pbl-theme-color-1);display:flex;gap:5px;align-items:center;justify-content:flex-start;}
.language .language-item a:hover{color:var(--pbl-theme-color-2);}
.language .language-item img{max-width:20px;max-height:15px;}
.main-banner{width:100%;height:calc(100vh - var(--header-height));overflow:hidden;position:relative;}
.main-banner video{width:100%;height:100%;object-fit:cover;}
.back-to-top{position:fixed;right:50px;bottom:50px;background-color:#ffffff;border-radius:100%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:var(--pbl-theme-color-1);cursor:pointer;border:1px solid var(--pbl-theme-color-1);z-index:5;-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 200ms linear 0s;}
.back-to-top.hidden{opacity:0;visibility:hidden;pointer-events:none;}
.back-to-top:hover{color:var(--pbl-theme-color-2);border:1px solid var(--pbl-theme-color-2);}
.back-to-top-bottom-area svg{width:26px;height:26px;}
.back-to-top-bottom-area span{font-weight:300;color:var(--pbl-theme-color-1);}
.section-double-box{}
.section-double-box img{width:100%;min-height:500px;object-fit:cover;object-position:center;}
.section-text-content{font-size:16px;}
.section-link{width:100%;display:flex;flex-direction:column;align-items:flex-start;line-height:1;gap:8px;padding-top:30px;margin-top:30px;border-top:1px solid rgb(var(--pbl-gray-color-rgb) / 0.3);}
.arrow-animation{width:20px;height:20px;display:flex;position:relative;justify-content:center;transition:all 100ms linear 0s;}
.arrow-animation:before, .arrow-animation:after{position:absolute;content:"";width:7px;height:2px;background-color:var(--pbl-theme-color-2);transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);border-radius:5px;}
.arrow-animation:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);top:8px;}
.arrow-animation:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);top:12px;}
.section-link:hover .arrow-animation{-webkit-animation:arrow-animation 1s;-ms-animation:arrow-animation 1s;animation:arrow-animation 0.5s;}
.blog-content-link:hover .arrow-animation{-webkit-animation:arrow-animation 1s;-ms-animation:arrow-animation 1s;animation:arrow-animation 0.5s;}
.section-link span{font-weight:400;font-size:26px;color:var(--pbl-theme-color-1);}
.section-link small{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;flex-direction:row;}
.section-services{}
.section-services-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;--section-services-image-size:540px;min-width:var(--section-services-image-size);min-height:var(--section-services-image-size);}
.section-services-image img{max-width:var(--section-services-image-size);max-height:var(--section-services-image-size);width:auto;height:auto;}
.section-services-image > div{position:absolute;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 200ms linear 0s;}
.section-services-image > div.active{opacity:1;visibility:visible;pointer-events:all;}
.section-carousel-area{--bs-gutter-x:1.5rem;--bs-gutter-y:0;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);max-width:var(--responsive-max-width);margin-right:auto;margin-left:auto;}
.section-carousel-area *{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.section-carousel-area .swiper{padding-bottom:30px;--swiper-navigation-size:16px;}
.section-carousel-area .swiper-button-next, .section-carousel-area .swiper-button-prev{color:var(--pbl-theme-color-2)}
.section-carousel-area .swiper-button-prev{left:0;bottom:0;top:unset;}
.section-carousel-area .swiper-button-next{left:40px;bottom:0;top:unset;}
.section-carousel-area .swiper-button-next.swiper-button-disabled, .section-carousel-area .swiper-button-prev.swiper-button-disabled{color:var(--pbl-gray-color);}
.section-carousel-area .swiper-slide{height:unset;}
.section-carousel-item{max-width:300px;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;}
.section-carousel-item-icon{color:var(--pbl-theme-color-1);}
.section-carousel-item-title{font-size:36px;}
.section-carousel-item-content{font-size:14px;font-weight:300;}
.pbl-carousel.width-auto .swiper-slide{width:auto}
.pbl-carousel-item{height:100%;max-height:800px;}
.pbl-carousel-item img{height:100%;max-height:800px;object-fit:cover;}
.radius-image img{border-radius:100%;}
footer{background-color:#FAFAFC;padding-top:40px;}
footer .logo{padding:0 100px;width:100%;height:100%;}
.footer-content-menu{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;}
.footer-content-menu h3{color:#575757;margin-bottom:15px;font-weight:600;font-size:13px;}
.footer-content-menu ul{display:flex;list-style-type:none;padding:0;margin:0;flex-direction:column;align-items:flex-start;justify-content:flex-start;}
.footer-content-menu ul li{}
.footer-content-menu ul li a{color:#575757;font-size:12px;}
.footer-content-menu ul li a:hover{color:var(--pbl-theme-color-2);}
.footer-bottom-menu{padding-bottom:10px;}
.footer-bottom-menu ul{list-style-type:none;padding:15px 0;margin:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;color:var(--pbl-gray-color);font-size:13px;}
.footer-bottom-menu ul li{color:currentColor;line-height:1;display:inline-block;position:relative;}
.footer-bottom-menu ul li:not(:last-child):after{content:"";display:inline-block;width:1px;height:100%;background-color:var(--pbl-gray-color);position:absolute;top:0;right:0;}
.footer-bottom-menu ul li a{color:currentColor;line-height:1;display:inline-block;}
.footer-bottom-menu ul li, .footer-bottom-menu ul li a{padding:4px 10px;}
.footer-bottom-menu ul li:has(a){padding:0 0;}
.footer-search{color:#575757;margin-top:40px;}
.footer-search input{color:currentColor;outline:none;padding:5px 0 5px 30px;margin:0;border:none;border-bottom:1px solid rgb(87 87 87 / 35%);width:100%;background-color:transparent;font-weight:500;height:26px;border-radius:0;}
.footer-search input::-webkit-input-placeholder{color:#8f8f8f;font-weight:500;}
.footer-search input:-moz-placeholder{color:#8f8f8f;font-weight:500;}
.footer-search input::-moz-placeholder{color:#8f8f8f;font-weight:500;}
.footer-search input:-ms-input-placeholder{color:#8f8f8f;font-weight:500;}
.footer-search input::-ms-input-placeholder{color:#8f8f8f;font-weight:500;}
.footer-search input::placeholder{color:#8f8f8f;font-weight:500;}
.footer-search-button{color:#8f8f8f;position:absolute;height:26px;width:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.footer-search-button svg{width:14px;height:14px;}
.breadcrumb{padding:15px 0;}
.breadcrumb svg{width:20px;height:20px;}
.breadcrumb ul{list-style-type:none;padding:0;margin:0;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:10px;}
.breadcrumb ul li{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;font-size:14px;}
.breadcrumb ul li:after{content:"";margin-left:10px;}
.breadcrumb ul li:not(:last-child):after{content:"\276D";}
.breadcrumb ul li a{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;font-size:inherit;}
.our-team, .our-project{display:flex;gap:20px;align-items:flex-start;}
.our-team-column, .our-project-column{display:flex;flex-direction:column;gap:20px;flex:1;}
.our-team-item, .our-project-item{width:100%;}
.our-team-item h2, .our-project-item h2{margin-bottom:20px;}
.our-team-item p, .our-project-item p{font-weight:400;font-size:20px;}
.our-team-item-image, .our-project-item-image{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;}
.our-team-item-image img, .our-project-item-image img{max-width:100%;min-width:100%;width:100%;height:auto;-webkit-transition:all 500ms ease-in-out 0s;-moz-transition:all 500ms ease-in-out 0s;-ms-transition:all 500ms ease-in-out 0s;-o-transition:all 500ms ease-in-out 0s;transition:all 500ms ease-in-out 0s;}
.our-team-item:hover .our-team-item-image img, .our-project-item:hover .our-project-item-image img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.our-team-item-name, .our-project-item-name{margin-top:10px;padding-top:15px;border-top:1px solid var(--pbl-gray-color);color:var(--pbl-theme-color-1);}
.our-team-item-sub-title, .our-project-item-sub-title{color:var(--pbl-theme-color-1);}
.our-team-item-sub-title small, .our-project-item-sub-title small{}
.our-team-item-short-content, .our-project-item-short-content{font-size:14px;padding:30px 20px;}
.our-team .our-team-column:nth-child(1) .our-team-item-short-content, .our-project .our-project-column:nth-child(1) .our-project-item-short-content{color:var(--pbl-theme-color-2);}
.our-team .our-team-column:nth-child(2) .our-team-item-short-content, .our-project .our-project-column:nth-child(2) .our-project-item-short-content{color:var(--pbl-theme-color-1);}
.our-team-social{position:absolute;z-index:1;left:30px;top:30px;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:15px;color:var(--pbl-white-color);-webkit-transition:all 500ms ease-in-out 0s;-moz-transition:all 500ms ease-in-out 0s;-ms-transition:all 500ms ease-in-out 0s;-o-transition:all 500ms ease-in-out 0s;transition:all 500ms ease-in-out 0s;opacity:0;visibility:hidden;pointer-events:none;}
a.our-team-social-item{color:inherit;font-weight:500;display:flex;align-items:center;justify-content:flex-start;gap:5px;}
.our-team-social-item svg{width:16px;height:16px;}
.our-team-item:hover .our-team-social{opacity:1;visibility:visible;pointer-events:all;}
.customer-reviews{}
.customer-reviews .pbl-carousel-item{display:flex;flex-direction:column;align-items:flex-start;gap:130px;}
.customer-reviews .reviews-navigation{font-size:24px;margin-left:138px;font-weight:200;margin-bottom:40px;position:relative;height:40px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;color:var(--pbl-gray-color);line-height:1;}
.section-carousel-area .reviews-navigation .swiper-button-next{position:static;width:auto;margin:0;color:var(--pbl-gray-color);line-height:1;}
.section-carousel-area .reviews-navigation .swiper-button-prev{position:static;width:auto;margin:0;color:var(--pbl-gray-color);line-height:1;}
.section-carousel-area .reviews-navigation .swiper-button-prev:after, .section-carousel-area .reviews-navigation .swiper-button-next:after{display:none;}
.section-carousel-area .reviews-navigation .swiper-pagination{position:static;width:auto;display:flex;align-items:center;color:var(--pbl-gray-color);justify-content:flex-start;line-height:1;margin-right:10px;}
.section-carousel-area .reviews-navigation .swiper-pagination .swiper-pagination-current{min-width:26px;}
.section-carousel-area .reviews-navigation .swiper-pagination .swiper-pagination-total{min-width:26px;}
.section-carousel-area .reviews-navigation .swiper-pagination:before{content:"("}
.section-carousel-area .reviews-navigation .swiper-pagination:after{content:")\00a0\00a0-";}
.customer-reviews .reviews-text{font-size:24px;padding-left:138px;font-weight:400;}
.reviews-navigation .swiper-button-disabled{opacity:1;cursor:pointer;pointer-events:all;}
.customer-reviews .commenter{display:flex;align-items:center;justify-content:flex-start;gap:38px;}
.customer-reviews .commenter-image{width:138px;height:138px;border-radius:100%;position:relative;margin-left:2px;}
@-webkit-keyframes commenter-img-border-spinner{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(-360deg);}
}
@keyframes commenter-img-border-spinner{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(-360deg);}
}
.customer-reviews .commenter-image:before{content:"";border:1px dashed var(--pbl-theme-color-2);position:absolute;width:138px;height:138px;left:-1px;top:-1px;border-radius:100%;-webkit-animation:commenter-img-border-spinner 1.1s infinite linear;-ms-animation:commenter-img-border-spinner 1.1s infinite linear;animation:commenter-img-border-spinner 10s infinite linear;z-index:1;}
.customer-reviews .commenter-image img{max-width:136px;max-height:136px;width:136px;height:136px;object-fit:cover;}
.customer-reviews .commenter-info{display:flex;flex-direction:column;align-items:flex-start;font-size:20px;font-weight:400;gap:4px;}
.customer-reviews .commenter-name{}
.customer-reviews .commenter-sub-title{}
.about-projects{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;border:1px solid var(--pbl-black-color) !important;padding:30px 30px;color:var(--pbl-black-color);width:calc(100% - 2px) !important;height:calc(100% - 2px) !important;}
.about-projects-category{font-size:24px;margin-bottom:auto;}
.about-projects-number{font-size:100px;line-height:1;padding-left:20px;}
.about-projects-type{font-size:40px;line-height:1;padding-left:20px;}
.about-projects-link{margin-top:auto;line-height:1;}
.contact-address{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:15px;margin:0px 0px 30px -15px;padding:15px;-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 200ms linear 0s;}
.contact-address:hover, .contact-address.active{background-color:rgb(var(--pbl-gray-color-rgb) / .05);}
.contact-address .heading-5{font-size:inherit;}
.contact-address strong{font-weight:500;}
.contact-address-title{font-size:1.5rem;}
.contact-address-content{font-size:18px;}
.contact-address-map{width:100%;filter:grayscale(1);}
@keyframes background-animation {
    0% {background-color:#f1f1f1;}
    50% {background-color:#dfdfdf;}
    100% {background-color:#f1f1f1;}
}
.contact-address-map [data-map-id]{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 200ms linear 0s;animation:background-animation .7s infinite;}
.contact-address-map [data-map-id].active{opacity:1;visibility:visible;pointer-events:all;}
.contact-address-map iframe{width:100%;height:100%;}
.contact-form{}
.contact-form-item{position:relative;margin-bottom:15px;display:flex;gap:10px;}
.contact-form-item label{position:absolute;left:5px;top:10px;color:var(--pbl-black-color););font-size:20px;transition:all 0.2s ease;pointer-events:none;font-weight:300;display:flex;}
.contact-form-item.active label{opacity:0;transform:translateY(-5px);}
.contact-form-item input, .contact-form-item textarea{outline:none;border:none;border-bottom:1px solid var(--pbl-gray-color);width:100%;min-height:45px;color:var(--pbl-black-color);font-size:20px;font-weight:300;padding-left:5px;display:flex;border-radius:0;}
.contact-form-check{width:auto;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;line-height:1;color:var(--pbl-gray-color);font-size:12px;font-style:italic;align-items:center;}
.contact-form-check label.check-icon{--contact-form-check-size:32px;min-width:var(--contact-form-check-size);min-height:var(--contact-form-check-size);position:relative;top:0;left:0;cursor:pointer;pointer-events:all;font-size:13px;padding-left:40px;display:flex;align-items:center;color:var(--pbl-gray-color);}
.contact-form-check label.check-icon:before{position:absolute;left:0;top:0;content:"";display:inline-block;width:var(--contact-form-check-size);height:var(--contact-form-check-size);min-width:var(--contact-form-check-size);min-height:var(--contact-form-check-size);border:1px solid var(--pbl-theme-color-2);border-radius:5px;pointer-events:none;z-index:2;-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 200ms linear 0s;}
.contact-form-check label.check-icon:after{position:absolute;left:0;top:0;content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --%3E%3Cpath fill='%23ffffff' d='m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:22px;opacity:0;visibility:hidden;width:var(--contact-form-check-size);height:var(--contact-form-check-size);min-width:var(--contact-form-check-size);min-height:var(--contact-form-check-size);pointer-events:none;z-index:3;color:var(--pbl-white-color);font-size:22px;text-align:center;display:flex;align-items:center;justify-content:center;-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 200ms linear 0s;}
.contact-form-check input{display:none;}
.contact-form-check input[type="checkbox"]:checked + label.check-icon{}
.contact-form-check input[type="checkbox"]:checked + label.check-icon:before{background-color:var(--pbl-theme-color-2);}
.contact-form-check input[type="checkbox"]:checked + label.check-icon:after{opacity:1;visibility:visible;}
.contact-form-item button{border:none;background-color:var(--pbl-theme-color-2);color:var(--pbl-white-color);min-width:100px;min-height:40px;font-size:16px;border-radius:3px;cursor:pointer;}
.category-select{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:5px;}
.category-select label{width:100%;font-weight:300;}
.category-select select{width:100%;background-color:var(--pbl-soft-gray-color);border:none;border-bottom:1px solid var(--pbl-gray-color);border-radius:0;height:40px;cursor:pointer;color:var(--pbl-gray-color);}
.blog-item{display:flex;flex-direction:column;flex-wrap:nowrap;gap:15px;margin-bottom:1.5rem;}
.blog-image{border:1px solid var(--pbl-gray-color);display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;}
.blog-image a{width:100%;height:100%;display:flex;aspect-ratio:1/1;}
.blog-image img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}

.blog-image.cm-ratio-16-9,
.blog-image.cm-ratio-16-9 .blog-image a,
.blog-image.cm-ratio-16-9 .blog-image img{aspect-ratio: 16 / 9;}

.blog-image svg{position:static !important;width:100px !important;height:100px !important;}
.blog-content{display:flex;flex-direction:column;color:var(--pbl-theme-color-1);gap:8px;margin-top:50px;margin-bottom:30px;}
.blog-item .blog-content{max-width:100%;margin-top:0;}
.blog-content-date{font-size:14px;font-weight:300;}
.blog-content-title{font-size:18px;font-weight:500;max-width:300px;}
.blog-content-text{font-size:14px;font-weight:400;text-overflow:ellipsis;overflow:hidden;display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:300px;}
a.blog-content-link{color:inherit;font-size:13px;font-weight:300;display:flex;align-items:center;justify-content:flex-start;gap:5px;}
a.blog-content-link svg{width:20px;height:20px;}
.cm-pagination{margin:auto;display:flex;width:fit-content;justify-content:center;align-items:center;flex-wrap:wrap;overflow:hidden;gap:2px;}
.cm-pagination a{min-width:36px;min-height:34px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;order:2;text-decoration:none;line-height:0;font-size:13px;color:#000000;border-radius:5px;font-weight:500;-webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-ms-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s;}
.cm-pagination a.first-page{order:0;}
.cm-pagination a.previous-page{order:1;}
.cm-pagination a.next-page{order:3;}
.cm-pagination a.last-page{order:4;border-right:none;}
.cm-pagination a:hover, .cm-pagination a.active{background-color:var(--pbl-theme-color-2);color:#ffffff;}
.cm-pagination a svg{width:20px;height:20px;}
.services-page-section{}
.service-section-other-box .blog-image, .service-section-other-box .blog-image a, .service-section-other-box .blog-image img{aspect-ratio:16/9;}
.double-header{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;align-items:center;row-gap:20px;}
.double-header-item-left{width:100%;}
.double-header-item-right{width:100%;}
.double-header-item-title{font-size:24px;font-weight:500;}
.double-header-item-subtitle{font-size:22px;font-weight:400;}
.double-header-item-content{font-size:14px;font-weight:400;line-height:1.2;}
.double-header-item-services-detail-content{font-size:14px;font-weight:400;line-height:1.2;}
.double-header-item-services-detail-content :is(b, strong){}
.video-section-play-button{position:absolute;display:flex;z-index:5;align-items:center;justify-content:center;width:104px;height:104px;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 200ms linear 0s;cursor:pointer;border-radius:100%;clip-path:circle(50% at 50% 50%);background-color:transparent;border:none;padding:0;margin:0;opacity:1;visibility:visible;pointer-events:all;}
.video-section-play-button svg{min-width:104px;min-height:104px;}
.video-container{position:relative;overflow:hidden;}
.service-video{position:absolute;width:100%;height:100%;top:0;opacity:1;visibility:visible;pointer-events:all;-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 200ms linear 0s;}
.service-video.hidden{opacity:0;visibility:hidden;pointer-events:none;}
.service-video-thumbnail{width:100%;display:block;opacity:1;visibility:visible;pointer-events:all;-webkit-transition:all 200ms linear 200ms;-moz-transition:all 200ms linear 200ms;-ms-transition:all 200ms linear 200ms;-o-transition:all 200ms linear 200ms;transition:all 200ms linear 200ms;}
.service-video-thumbnail.hidden{opacity:0;visibility:hidden;pointer-events:none;}
.video-section-play-button.hidden{opacity:0;visibility:hidden;pointer-events:none;}
.services-detail-title{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-weight:400;font-size:14px;}
.services-detail-title h1{font-size:36px;font-weight:500;margin-bottom:15px;}
.services-detail-title p{}
.pbl-accordion{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:20px;position:relative;}
.pbl-accordion-item{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;border-bottom:1px solid var(--pbl-black-color);padding-bottom:20px;}
.pbl-accordion-item.active{gap:20px;}
.pbl-accordion-item-header{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;}
.pbl-accordion-item-header-title{font-size:20px;font-weight:500;color:var(--pbl-theme-color-1);}
.pbl-accordion-item-header-button{width:20px;height:20px;min-width:20px;min-height:20px;position:relative;cursor:pointer;}
.pbl-accordion-item-header-button:before{content:"";position:absolute;width:20px;height:2px;background-color:var(--pbl-theme-color-1);border-radius:5px;top:9px;-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 200ms linear 0s;}
.pbl-accordion-item-header-button:after{content:"";position:absolute;width:2px;height:20px;background-color:var(--pbl-theme-color-1);border-radius:5px;left:9px;-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 200ms linear 0s;}
.pbl-accordion-item.active .pbl-accordion-item-header-button:before{}
.pbl-accordion-item.active .pbl-accordion-item-header-button:after{transform:rotate(-270deg) scale(0);-webkit-transform:rotate(-270deg) scale(0);-moz-transform:rotate(-270deg) scale(0);-o-transform:rotate(-270deg) scale(0);-ms-transform:rotate(-270deg) scale(0);}
.pbl-accordion-item-content{font-size:13px;overflow:hidden;display:none;}
.pbl-accordion-item.active .pbl-accordion-item-content{display:block;}
.share-box{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;line-height:1;align-items:center;justify-content:flex-end;}
.share-box-share-title{font-size:14px;font-weight:400;color:var(--pbl-gray-color);margin-right:10px;}
.pbl-select{width:100%;max-width:500px;position:relative;}
.pbl-select-title{min-height:30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pbl-gray-color);position:relative;cursor:pointer;}
.pbl-select-title span{font-size:20px;font-weight:500;color:var(--pbl-theme-color-1);}
.pbl-select-content{display:none;width:100%;max-height:200px;position:absolute;top:100%;padding:10px 15px;background-color:rgb(var(--pbl-white-color-rgb) / 0.85);flex-direction:column;flex-wrap:nowrap;align-items:flex-start;z-index:1;}
.pbl-select-title-icon{}
.pbl-select-title-icon svg{-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 200ms linear 0s;}
.pbl-select-item{width:100%;}
.pbl-select-item label.cm-checkbox-label{width:100%;display:flex;font-size:13px;}
.pbl-select.active .pbl-select-content{display:flex;}
.pbl-select.active .pbl-select-title-icon svg{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.project-side-bar-area{width:100%;position:sticky;top:calc(var(--header-height) + 15px);-webkit-transition:all 400ms linear 0s;-moz-transition:all 400ms linear 0s;-ms-transition:all 400ms linear 0s;-o-transition:all 400ms linear 0s;transition:all 400ms linear 0s;display:flex;flex-direction:column;align-items:flex-start;}
:has(header.hidden) .project-side-bar-area{top:15px;}
.pbl-search{display:flex;width:100%;align-items:flex-end;justify-content:space-between;flex-wrap:nowrap;flex-direction:row;margin-bottom:30px;border-bottom:1px solid var(--pbl-gray-color);position:relative;}
.pbl-search-input{width:100%;}
.pbl-search-input input{width:100%;height:50px;border:none;background:none;box-shadow:none;margin:0;padding:0;color:inherit;font-size:20px;}
.pbl-search-button{width:30px;height:50px;min-width:30px;min-height:50px;}
.pbl-search-button button{width:30px;height:50px;background:none;border:none;border-radius:0;box-shadow:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;color:inherit;cursor:pointer;}
.pbl-search-button svg{width:20px;height:20px;color:inherit;}