/* ===================================================================================

* Theme Name: Techco Child
* Theme URI: https://themeforest.net/user/xpressbuddy
* Author: XpressBuddy
* Author URI: https://wp.xpressbuddy.com/techco/
* Description: IT Solutions & Business WordPress Theme
* Version: 1.0.1
* Template: techco
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

body {
  font-family: "Noto Sans Thai", "IBM Plex Sans Thai", sans-serif;
}

h1,
h2,
h3,
h4,
.contact_method_list .text,
.tab_block_wrapper .nav button {
  font-weight: 700 !important;
}
b,
strong,
.content_layer_group span,
.review_block_2 .review_commtent,
.contact_method_list .text,
.pricing_block .pricing_price_value sub,
.tab_block_wrapper .nav button {
  font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
}

.content_layer_group span {
  font-weight: 400 !important;
}
mark {
  color: rgba(255, 224, 130, 1);
}

.software_company_hero_section h1 {
  font-size: 48px;
}
.feature_partners_section,
.feature_partners_section .title_text,
.feature_partners_section::before {
  background: var(--e-global-color-3818fe9) !important;
}
.feature_partners_section .title_text {
  color: var(--e-global-color-primary) !important;
  font-weight: 600 !important;
}
.service_block_2 .service_title a::after {
  content: none !important;
}

.case_study_block .case_title {
  margin-top: 0;
}
span.icon_list_text {
  letter-spacing: normal;
}
.btn .btn_label {
  letter-spacing: normal;
}
.review_block_2 .review_commtent {
  margin-bottom: 30px;
  font-weight: 400;
}

.rating_block li {
  font-size: 40px;
}
.deals_winner_customers .col-6 {
  width: 100%;
}
.deals_winner_customers .title_text,
.review_block_2 .review_title {
  margin-bottom: 10px;
}
.rating_block li i {
  color: rgba(255, 224, 130, 1);
}

label.input_title {
  color: var(--e-global-color-secondary);
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
  font-size: var(--e-global-typography-accent-font-size);
  font-weight: 400;
  margin-top: 20px;
}
.form-group input.form-control,
.form-group select.form-select,
.form-group textarea {
  background: rgba(233, 234, 237, 1) !important;
  border: none !important;
  box-shadow: none !important;
}
.wpcf7 .btn_label {
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
  font-size: var(--e-global-typography-secondary-font-size);
  font-weight: var(--e-global-typography-secondary-font-weight);
}
.btn-primary {
  background: rgba(10, 56, 158, 1);
}
.site_header_2 .stricked-menu,
.btn-dark {
  background: rgba(10, 56, 158, 1) !important;
}
.pricing_block .pricing_price_value,
.pricing_block .pricing_price_value sub,
.xb-pricing-nav .nav-item .nav-link,
article .post-title a,
.sidebar-area .widget.widget_block h2 {
  color: rgba(10, 56, 158, 1) !important;
}
.pricing_block .pricing_price_value {
  background-color: rgba(224, 242, 254, 1) !important;
}
.pricing_block .pricing_price_value sub {
  font-size: var(--e-global-typography-accent-font-size);
  font-weight: 700;
}
.pricing_block .btn.btn-light {
  margin: 0 auto;
  width: 300px;
  display: block;
}
.iconbox_block .iconbox_icon svg {
  max-width: 90px;
}

.pricing_policy_wrap .iconbox_block .iconbox_icon {
  width: 90px;
  height: 90px;
}

.function-sc .elementor-image-box-content {
  padding: 10px 50px 35px;
}

.function-sc .icon_block {
  width: 44px;
  height: 44px;
  background-color: #fff !important;
  color: #000 !important;
}
.breadcrumb {
  padding-top: 200px;
  padding-bottom: 80px;
}
@media screen and (max-width: 1200px) {
  .show-mobile {
    display: inline-block !important;
  }
  .site_header .header_btns_group .btn .btn_label {
    font-size: 14px !important;
    padding: 15px;
  }
  .site_header .header_btns_group > li:last-child {
    display: block !important;
  }
  .site_header .header_btns_group .btn {
    padding: 0;
  }

  .site_header .header_btns_group .btn .btn_icon {
    display: none;
  }
  header i.far.fa-bars {
    color: #fff !important;
  }
  .header_bottom.stricky.stricked-menu.stricky-fixed i.far.fa-bars {
    color: rgba(10, 56, 158, 1) !important;
  }
  .site_header .header_btns_group {
    flex-direction: row-reverse;
  }
}

.xb-menu-primary li > a:hover,
.xb-menu-primary li > a.current,
.xb-menu-primary li.current_page_item > a,
.xb-menu-primary li.current-menu-item > a,
.xb-menu-primary li.current_page_ancestor > a,
.xb-menu-primary li.current-menu-ancestor > a {
  color: rgba(10, 56, 158, 1) !important;
}

@media screen and (max-width: 767px) {
  .pricing_block .btn:hover .btn_label {
    transform: none !important;
  }
  .single-post .breadcrumb__content.text-center {
    padding: 0 !important;
  }
  .software_company_hero_section h1 {
    font-size: 35px !important;
    line-height: 50px !important;
  }
  .engine_image .image_wrap_1 {
    max-width: 100% !important;
  }
  .xb-faq .heading_block {
    text-align: center;
  }

  body .heading_focus_text.has_underline.d-inline-flex {
    background-size: contain !important;
    justify-content: center !important;
  }
  .heading_focus_text.has_underline.d-inline-flex {
    width: 200px !important;
  }
  .case_study_block .case_study_image {
    padding-left: 30px;
  }
  .pricing_policy_wrap > div .iconbox_block {
    padding: 15px 0;
  }
  .single-post .col-lg-8 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .pb-120 {
    padding-bottom: 50px !important;
  }
  .pt-120 {
    padding-top: 50px !important;
  }
  .block.elementor-widget-image img {
    display: block !important;
    margin: 0 auto;
  }
  .pricing_block .table_head {
    align-items: center;
  }
  .pricing_block .btn.btn-light {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .row.all-posts-wrapper {
    display: block !important;
  }
  .case_study_block .case_study_content {
    padding: 30px !important;
  }
  .function-sc .elementor-image-box-content {
    padding: 20px;
    padding-top: 0 !important;
  }
  .function-sc .elementor-widget-image-box .elementor-image-box-title a {
    font-size: 18px;
  }
}

.function-sc .elementor-widget-image-box {
  height: 100%;
  max-height: 100%;
}
.function-sc .elementor-widget-image-box > .elementor-widget-container {
  height: 100%;
  max-height: 100%;
}

.breadcrumb-container span {
  font-weight: 700;
  font-size: 18px;
}
.breadcrumb-container span a span {
  color: rgba(151, 198, 255, 1) !important;
}

.widget.widget_archive li a,
.widget.widget_categories li a,
.widget.widget_meta li a,
.widget.widget_nav_menu li a,
.widget.widget_pages li a,
.widget.widget_xpress_nav_menu ul li a,
.content-area .entry-content p,
.post-details-wrapper .icon_list li {
  font-size: 16px !important;
}

.post-pagination ul li a:hover,
.page-links a:hover,
.post-pagination ul li span.current,
.page-links .current {
  background: rgba(10, 56, 158, 1);
  border-color: rgba(10, 56, 158, 1);
}
.site_header_2 .main-menu ul li:hover > a span,
.site_header_2 .main-menu ul li.current-menu-ancestor > a span,
.site_header_2 .main-menu ul li.current_page_item > a span {
  border-color: #fff;
}
.contact_info_box .iconbox_block .iconbox_icon {
  width: 80px !important;
  margin-bottom: 20px !important;
  height: 80px !important;
}

.contact_info_box .iconbox_block .iconbox_icon svg {
  max-width: 60px;
  height: 60px;
}

.contact_info_box .iconbox_block {
  height: 100%;
}

.contact_info_box .iconbox_block a {
  font-weight: 400 !important;
}

.iconbox_content .flex {
  display: flex;
  gap: 20px;
  justify-content: center;
  text-align: center;
}

.iconbox_content .flex img {
  margin-bottom: 10px;
}

.contact_info_box .iconbox_block {
  padding: 30px !important;
}

.case_study_block .case_study_image {
  max-width: 600px;
}
.case_study_block .case_study_image {
  padding-left: 0 !important;
}
.case_study_block .case_study_content {
  padding: 0 50px;
}

.case_study_block {
  border-radius: 25px;
  justify-content: space-between;
}
.service_block_2 {
  clip-path: none;
  border-radius: 25px;
}

.case_study_block .case_study_content {
  display: grid;
}
.case_study_content h3 {
  order: 1;
  margin-bottom: 0 !important;
}
ul.category_list.unordered_list.text-uppercase {
  order: 2;
  margin-bottom: 15px;
}
.case_study_block p {
  order: 3;
}

.case_study_content a.btn.btn-primary {
  order: 4;
  width: 200px;
}
ul.case_technologies.unordered_list {
  margin: 0;
}

ul.icon_list.unordered_list {
  margin: 0;
}

header i.far.fa-bars {
  color: #fff;
}
.xb-logo-mobile.xb-hide-xl {
  display: none;
}
.xb-header-mobile-search.xb-hide-xl {
  display: none;
}
body .heading_focus_text {
  padding-bottom: 20px !important;
  /* background-image: url(/wp-content/uploads/2025/05/Union.svg); */
  background-size: contain !important;
  background-position: 0px 24px !important;
}

.elementor-widget-int-faq-v2 .heading_focus_text {
  padding-bottom: 20px !important;
  background-image: url("/wp-content/uploads/2025/06/shape_title_under_line.svg);");
  background-size: contain !important;
  background-position: 0px 24px !important;
}

.elementor-widget-int-faq-v2 .heading_text {
  color: var(--e-global-color-primary);
}

.pricing_block .icon_list i,
.service_block_2 .icon_list i {
  background-image: url(/wp-content/uploads/2025/05/Icon-2.svg);
  background-position: center;
  background-size: contain;
}

.pricing_block .icon_list > li i:before,
.service_block_2 .icon_list > li i:before {
  opacity: 0;
}
.breadcrumb.blog-banner,
.single-post .breadcrumb {
  background-image: url("/wp-content/uploads/2025/06/img1.jpg") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.service_facilities_group .iconbox_block.layout_icon_left .iconbox_icon svg {
  max-width: 45px;
}

figure.elementor-image-box-img > a,
figure.elementor-image-box-img > a img {
  width: 100%;
}
.elementor-image-box-wrapper:hover img {
  transform: scale(1.1);
}
.elementor-image-box-wrapper {
  overflow: hidden;
  border-radius: 25px 25px 0 0;
}
figure.elementor-image-box-img {
  overflow: hidden;
}
.breadcrumb {
  background-image: none;
  background: rgba(10, 56, 158, 1) !important;
}

footer .elementor-icon-list-icon svg {
  width: 20px;
  margin-right: 5px;
}
footer li.elementor-icon-list-item {
  list-style: none;
}
.content-area button[type="submit"].search-submit,
.widget.widget_search button[type="submit"] {
  background: rgba(10, 56, 158, 1);
}

.elementor-tabs-wrapper {
  background: rgba(151, 198, 255, 1);
  border-radius: 15px;
  padding: 20px;
}

.elementor-tab-title.elementor-active {
  background: #fff;
  border-radius: 15px;
}
.elementor-widget-tabs .elementor-tabs-wrapper {
  flex-wrap: wrap;
  justify-content: center !important;
}
.elementor-tab-content {
  margin-top: 20px;
}
ul.support_step.unordered_list_block {
  display: none;
}
@media (max-width: 768px) {
  .sub-none .heading_focus_text.has_underline.d-inline-flex {
    display: none !important;
  }
  .xb-blog-inner .justify-content-center {
    row-gap: 30px;
  }
  ul.content_layer_group.unordered_list_block.text-center {
    display: none !important;
  }
  .contact_method_box .contact_method_list {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .elementor-tab-title {
    min-width: 195px;
    text-align: center;
    vertical-align: middle;
    align-items: center;
  }
  .elementor-tabs .elementor-tabs-wrapper {
    display: flow !important;
    overflow: scroll !important;
  }
  .elementor-tab-mobile-title {
    display: NONE !important;
  }
  .gallery-columns-6 .gallery-item {
    max-width: 33%;
    margin: 5px 0px !important;
  }
}

.elementor-widget-int-service-v2,
.elementor-widget-int-service-v2 > .elementor-widget-container,
.xb-service-block-v2,
.service_block_2 {
  height: 100%;
}
figure.gallery-item {
  margin: 15px 0 !important;
}
.heading_block .heading_text {
  letter-spacing: normal !important;
}

.cilent-logo .client_logo_item {
  border: none;
  display: flex;
  border-radius: 5px !important;
  align-items: center;
  clip-path: polygon(84% 0, 100% 40%, 100% 100%, 0 100%, 0 0);
  min-width: 167px;
  margin-right: 17px;
  background: #fff !important;
}
.cilent-logo .client_logo_item img {
  max-width: 90px !important;
}

.engine_image .image_wrap_1 {
  width: 100%;
  max-width: 90%;
}

.software_company_hero_section {
  background: transparent !important;
}

.header_bottom.stricky.stricked-menu.stricky-fixed {
  background: #fff !important;
}

.header_bottom.stricky.stricked-menu.stricky-fixed
  .main-menu
  > ul
  > li
  > a
  span {
  color: rgba(10, 56, 158, 1);
}

.site_header .header_btns_group i.fa-solid.fa-arrow-up-right {
  background-image: url(/wp-content/uploads/2025/06/Icon.svg);
  background-size: contain;
  background-position: center;
  width: 20px;
  background-repeat: no-repeat;
}
.site_header .fa-arrow-up-right::before {
  color: transparent;
}
.current-menu-item span {
  font-weight: bold;
}
.heading_description span {
  display: block;
  margin-bottom: 20px;
}

body .heading_focus_text.has_underline.d-inline-flex {
  /* background-image: url(
    "https://wp.xpressbuddy.com/techco/wp-content/uploads/2024/05/shape_title_under_line.svg"
  ) !important; */
  background-size: auto 18px !important;
  background-repeat: no-repeat !important;
  background-position: right bottom !important;
}
h3.blog_post_title.mb-0 a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-content-wrapper .post-excerpt p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.post_meta.unordered_list li:last-child {
  display: none;
}

ul.post_meta.unordered_list li:first-child {
  display: none;
}

body.blog ul.post-meta.ul_li li:first-child,
body.blog ul.post-meta.ul_li li:nth-child(2) {
  display: none !important;
}
.content-area .entry-content p {
  font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
}

.post-meta.post-details-meta ul li:first-child {
  display: none;
}
section.elementor-section.elementor-top-section.elementor-element.elementor-element-3becdee.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
  height: 0;
}
body.blog .show-archive {
  display: block !important;
}

body.blog .content-area {
  padding-top: 80px;
  padding-bottom: 50px;
}
.case_study_content a.btn.btn-primary {
  display: none;
}

.single-post .breadcrumb__content.text-center {
  padding: 0 0100px;
}

@media (min-width: 992px) {
  .row.all-posts-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
  }

  .row.all-posts-wrapper .col-lg-12 {
    display: flex;
    flex: 0 0 calc(33.333% - 20px);
  }
}

article .post-title {
  font-size: 25px;
  line-height: 1.2;
}

article .post-title a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 4.5em;
}

.single-post-item {
  height: 100%;
}

.elementor-widget-tabs .elementor-tab-title {
  line-height: 1.5em;
}
.show-mobile {
  display: none !important;
}

.otgs-development-site-front-end {
  display: none;
}
body.lang-th .footer-en {
  display: none !important;
}
body.lang-en .footer-th {
  display: none !important;
}