.truncate-1-custom {
    -webkit-line-clamp: 1
}

.truncate-1-custom,.truncate-2-custom {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.truncate-2-custom {
    -webkit-line-clamp: 2
}

.truncate-3-custom {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.show-admin-bar .mobile-header-wrapper-style {
    top: 40px
}

[data-bs-theme=dark] .logo-white {
    display: none
}

[data-bs-theme=dark] .page-item.active .page-link {
    background-color: var(--primary-color-dark)
}

[data-bs-theme=light] .logo-dark {
    display: none
}

.not-found-page img {
    max-width: calc(100vh - 29rem);
    width: 100%
}

.section-footer .social-icons svg {
    height: 16px;
    width: 16px
}

.border-muted {
    border-color: var(--tc-system-muted)!important
}

.list-unstyled {
    list-style-type: none!important
}

.card-service .service-icon {
    height: 48px;
    width: 48px
}

.hero-banner .btn {
    align-items: center;
    display: inline-flex;
    gap: .25rem
}

.hero-banner .btn svg {
    height: 20px;
    width: 20px
}

h2 span {
    font-weight: var(--tc-fw-black)
}

.features-1 .translate-middle-y {
    transform: translateY(-22%)!important
}

.features-1 .feature-item .icon svg {
    stroke-width: 1;
    color: var(--primary-color);
    height: 48px;
    width: 48px
}

@media(max-width: 767px) {
    .section-padding {
        padding:2rem 0
    }
}

.navbar-nav .nav-link svg {
    height: 24px;
    margin-inline-end:.5rem!important;width: 24px
}

.fob-comment-title {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    font-size: 38px!important;
    padding-bottom: 1.5rem
}

.fob-comment-form-section {
    margin: 5rem 0!important
}

.fob-comment-form-note {
    color: var(--tc-neutral-600);
    font-size: 16px!important;
    margin-bottom: 1.5rem!important
}

.fob-comment-form .form-label {
    color: var(--tc-neutral-900);
    font-size: 16px!important
}

.fob-comment-form .form-control {
    background: var(--tc-system-white);
    color: var(--tc-neutral-900);
    min-height: 60px
}

.fob-comment-form .form-control:focus {
    border-color: var(--primary-color)
}

.fob-comment-form .form-check-label {
    color: var(--tc-neutral-900)
}

.fob-comment-item-author {
    color: var(--tc-neutral-900)!important;
    font-size: var(--tc-fs-6)!important
}

.ck-content h5 {
    margin-bottom: 1rem!important;
    margin-top: 2rem!important
}

.ck-content h5:first-child {
    margin-top: 0!important
}

.ck-content blockquote {
    border-inline-start-width:medium;font-style: normal;
    margin-inline-end:0;margin-inline-start:0;overflow: initial;
    padding: 0 4rem!important
}

.page-item .page-link {
    align-items: center;
    background-color: var(--tc-neutral-100);
    border: 0;
    border-radius: 50%!important;
    color: var(--tc-neutral-900);
    display: inline-flex;
    font-size: var(--tc-fs-5);
    font-weight: 700;
    height: 3.5rem;
    justify-content: center;
    line-height: 3.5rem;
    width: 3.5rem
}

.page-item.active .page-link {
    background-color: var(--primary-color);
    color: var(--tc-system-white)
}

.contact-form .input-group {
    flex-direction: column
}

.contact-form .input-group .form-control {
    width: 100%
}

.contact-form .input-group .form-check-input {
    border-radius: .25em!important;
    margin-inline-start:-1.5em!important}

label.required:after {
    color: var(--bs-danger);
    content: "*";
    margin-inline-start:.25rem}

.section-team-detail-1 .team-detail-avatar {
    min-width: 374px
}

.section-team-detail-1 .team-detail-contact svg {
    color: var(--tc-theme-dark-secondary);
    height: 20px;
    width: 20px
}

.shortcode-our-mission .tab-item {
    background-color: var(--tab-bg-color)!important
}

.shortcode-our-mission .tab-item,.shortcode-our-mission .tab-item h5,.shortcode-our-mission .tab-item p {
    color: var(--tab-text-color)!important
}

.shortcode-contact-form-style-2 .contact-form-row .contact-column-12,.shortcode-contact-form-style-2 .contact-form-row .contact-column-6 {
    margin-bottom: 1rem
}

.shortcode-contact-form {
    background-image: var(--shortcode-background-image)!important;
    background-repeat: no-repeat;
    background-size: cover
}

.header-top {
    --tc-neutral-900: var(--header-top-text-color)!important;
    display: none;
}

.header-top .bg-primary-soft {
    background-color: var(--header-top-background-color)!important
}

.header-top svg.icon {
    color: var(--header-top-text-color)!important
}

footer .section-footer .container-fluid {
    background-color: var(--footer-background-color)!important
}

footer .section-footer .text-white {
    color: var(--footer-text-color)!important
}

footer .section-footer h1,footer .section-footer h1.text-white,footer .section-footer h2,footer .section-footer h2.text-white,footer .section-footer h3,footer .section-footer h3.text-white,footer .section-footer h4,footer .section-footer h4.text-white,footer .section-footer h5,footer .section-footer h5.text-white,footer .section-footer h6,footer .section-footer h6.text-white {
    color: var(--footer-heading-color)!important
}

[data-bs-theme=light] .shortcode-blog-posts,[data-bs-theme=light] .shortcode-contact-form,[data-bs-theme=light] .shortcode-information-block,[data-bs-theme=light] .shortcode-partners,[data-bs-theme=light] .shortcode-services,[data-bs-theme=light] .shortcode-site-statistics,[data-bs-theme=light] .shortcode-work-process {
    background-color: var(--shortcode-background-color)!important
}

[data-bs-theme=light] .shortcode-services-style-4.bg-linear-3 {
    --shortcode-background-color: linear-gradient(180deg,#eeebf0,#fff);
    --tc-linear-3: var(--shortcode-background-color)!important
}

[data-bs-theme=light] .shortcode-site-statistics-style-2 {
    --shortcode-background-color: #6d4df2
}

[data-bs-theme=light] .widget-newsletter-style-2 {
    background-color: var(--widget-background-color)!important
}

[data-bs-theme=light] .shortcode-platforms-featured {
    --shortcode-background-color: #f7f4ff
}

[data-bs-theme=light] .shortcode-platforms-featured .bg-1 {
    background-color: var(--shortcode-background-color)!important
}

[data-bs-theme=light] .shortcode-blog-posts-style-2 .bg-primary-soft,[data-bs-theme=light] .widget-newsletter-style-2 .bg-primary-soft {
    background-color: #fff!important
}

[data-bs-theme=light] .language-switcher-wrapper .dropdown-menu .dropdown-item {
    color: #000!important
}

.widget-newsletter-style-2 {
    background: var(--widget-background-image)!important
}

.shortcode-hero-banner-style-2 .socials ul li a .icon {
    height: 16px;
    width: 16px
}

.shortcode-teams-style-5 .tab-item .icon {
    width: 60px
}

.shortcode-instruction-steps .feature-item svg.icon {
    height: 48px;
    width: 48px
}

.shortcode-hero-banner-style-3 ul.carouselTicker__list,.shortcode-pricing-plans-style-2 ul.carouselTicker__list {
    list-style-type: none!important
}

.shortcode-contact-block {
    background: var(--shortcode-background-image)!important
}

.shortcode-newsletter .subscribe-form {
    position: relative
}

.shortcode-newsletter .subscribe-form input[name=email].custom-input {
    border-radius: var(--bs-border-radius-pill)!important;
    height: 90px
}

.shortcode-newsletter .subscribe-form button {
    position: absolute;
    right: 10px;
    top: 40%;
    transform: translateY(-50%);
    z-index: 10
}

.shortcode-newsletter .subscribe-form .invalid-feedback {
    bottom: -20px;
    position: absolute
}

.shortcode-call-to-action h6 b {
    color: #fff
}

.header-top {
    z-index: 1000
}

.header-top svg.icon {
    width: 16px
}

.language-switcher-wrapper button {
    background: transparent;
    border: none
}

.language-switcher-wrapper .dropdown-menu {
    padding: 1rem!important
}

.shortcode-partners-style-3 h5 {
    margin-bottom: 2rem!important
}

.shortcode-partners-style-3 .partners-slider-start {
    margin-bottom: 3rem
}

.shortcode-partners-style-1 .slick-slider {
    margin: 0 -15px
}

.shortcode-partners-style-1 .slick-slide {
    margin-left: 15px;
    margin-right: 15px;
    padding: 10px;
    text-align: center
}

.shortcode-platforms-featured-style-1+.shortcode-platforms-featured-style-2 .section-padding {
    padding-top: 0!important
}

.tp-footer-border {
    border-bottom: 1px solid #303234
}

.shortcode-partners-style-4 .slick-slider {
    margin: 0 -10px
}

.shortcode-partners-style-4 .slick-slide {
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    text-align: center
}

.shortcode-partners-style-4 .partner-item img {
    filter: invert(1)
}

::-moz-selection {
    color: var(--select-text-color)
}

::selection {
    color: var(--select-text-color)
}

.shortcode-features-style-7+.shortcode-blog-posts-style-2 {
    padding-top: 0!important
}

.contact-form-widget .contact-form label {
    display: none
}

.contact-form-widget .contact-form .contact-form-row {
    flex-wrap: wrap
}

.contact-form-widget .contact-form .contact-form-row .contact-column-6 {
    width: 100%
}

.contact-form-widget .contact-form .invalid-feedback,.quotation-form-widget .invalid-feedback {
    margin-bottom: .5rem
}

.section-hero-5 .img-pull .backdrop-filter.p-8.rounded-3 {
    min-height: 400px
}

.navbar-light .navbar-nav .nav-item .nav-link.active,.navbar-light .navbar-nav .nav-item .nav-link:hover {
    color: var(--primary-color)!important
}



@media(max-width: 768px) {
    .py-90 {
        padding:20px 0
    }

    .py-188 {
        padding: 50px 0
    }
}

.input-group.focus .border {
    border-color: var(--tc-theme-primary)!important
}

.navbar.navbar-expand-lg .btn {
    padding: 10px 25px
}
.newwork{
	height: 300px;
	width: 500px!important;
}
.backnew{

	background-image: url(https://copilot.microsoft.com/th/id/BCO.c712a819-1c6c-4a97-9182-d345b082b997.png);
    width: 100%;
}





.lineeffect {
	display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Georgia', serif;
  margin: 40px 0;
}

.lineeffect  {
  padding: 0 20px;
}

.lineeffect::before,
.lineeffect::after {
  content: "";
  flex: 1;
  height: 2px;
}

.lineeffect::before {
  background: linear-gradient(to right, transparent, #FFD700);
}

.lineeffect::after {
  background: linear-gradient(to left, transparent, #FFD700);
}


.line1::after {
  background: linear-gradient(to left, transparent, #FFD700);
}

.line1::after
 {
  content: "";
  flex: 1;
  height: 2px;
  display: flex;
  width: 50%;
}