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

Theme Name: Bexon Child
Theme URI: https://bexon.themejunction.net/
Author: Theme Junction
Author URI: https://themeforest.net/user/theme-junction/portfolio
Description: Bexon is a Corporate Business  WordPress Theme.
Version: 1.0.0
Template: bexon
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, 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/

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

:root {
        --tj-color-theme-primary: #0A2540;
}

.h7-faq-wrapper.style-2 .accordion-item .accordion-body {
    max-width: 100%;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
.h11-banner-section .banner-content-2 {
    max-width: 600px;
}
}
body .header-area.header-absolute .header-wrapper {background: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
backdrop-filter: blur(10px);}
.home-hero-section .h5-banner-section:before, .home-hero-section .h5-banner-section:after {display: none;}
.home-hero-section .banner-bg:before {display: none;}
.home-hero-section .h5-banner-content .banner-title {max-width: 950px;}
.home-hero-section .h5-banner-area {padding-top: 210px; flex-direction: row; gap: 20px;}
.home-hero-section .banner-desc {max-width: 570px;}
.solution-box {background: url(/wp-content/uploads/2026/06/hero-card-bg.jpg) no-repeat center / cover; max-width: 460px !important; margin-top: 130px !important;}
.solution-box h2 {font-size: 40px;line-height: 50px;text-transform: capitalize;color: #FFFFFF;}
.solution-box h2 span {color: #68DE87;}
.solution-box p {font-size: 18px;line-height: 26px;text-transform: capitalize;color: #FFFFFF; margin: 24px 0;}
.countup-wrap  {justify-content: center;}
.countup-item:last-child .count-separator {display: none;}
.testimonial-section .swiper-slide {height: auto;}
.testimonial-section .testimonial-item {backdrop-filter: blur(7.5px);}
.cta-actions .elementor-button {width: 100%; }
.cta-actions .elementor-button .elementor-button-content-wrapper {justify-content: space-between;}
.choose-card ul li {margin-bottom: 14px;}
.choose-card ul li:last-child {margin-bottom: 0;}
.accordion-item .faq-title, .accordion-item button {background: #fff !important; padding: 22px 60px 22px 0;}
.accordion-item .faq-title:after, .accordion-item button:after {display: flex; align-items: center; justify-content: center;}
.footer-text {max-width: 100% !important;}
.ns-form-wrapper {align-items: flex-end !important;}
.ns-form-wrapper > .e-con-inner {margin: 0;}
.ns-form-wrapper .footer-widget  {max-width: 100%;}
.ns-form-wrapper .title {max-width: 480px;}
.ns-form-wrapper .subscribe-form {width: calc(100% - 500px);}
.project-area .project-item .project-content .title {max-width: 340px;}
.project-area .project-item .project-content .title a:hover {font-weight: 400;}
.project-area .project-btn {opacity: 1;}
.solution-overview-thumb {width: 100%; overflow: hidden; padding-top: 53.55% !important;}
.solution-overview-thumb img {object-fit: cover;}
.solution-thumb {padding-top: 75.46% !important;}
.solution-thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.col-span-2 {grid-column: span 2;}
.col-span-2 .solution-thumb {padding-top: 37.46% !important;}
.contact-info-card .contact-item {height: 100%;}
.contact-info-card .contact-list .active a {color: #0B9444 !important;}
.contact-info-card .contact-list .active a:hover {color: #0A2540 !important;}
.career-form .tj-sidebar-widget {background: none; border-radius: 0;}
.career-form .wpcf7-form {    display: flex; flex-wrap: wrap; column-gap: 32px;}
.career-form .form-input {width: calc(50% - 16px); margin-bottom: 52px;}
.career-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #959595 !important;
}
.career-form ::-moz-placeholder { /* Firefox 19+ */
  color: #959595 !important;
}
.career-form :-ms-input-placeholder { /* IE 10+ */
  color: #959595 !important;
}
.career-form :-moz-placeholder { /* Firefox 18- */
  color: #959595 !important;
}
.career-form .form-input:nth-child(5n) {width: 100%; order: 5;}
.career-form .form-input:nth-child(2n) {order: 1;}
.career-form .form-input:nth-child(2n) {order: 2;}
.career-form .form-input:nth-child(3n) {order: 3;}
.career-form .form-input textarea {min-height: 100px !important;}
.career-form .form-input.reduce {order: 4; margin: 0;}
.career-form .tj-careers-button {order: 6;}
.career-form .form-input.reduce .label {display: none;}
.career-form .form-input.reduce input[type="file"] {border: 1px solid #959595 !important; border-radius: 6px !important; height: 36px !important; background: #ECF0F0;}
.career-form .form-input.reduce input[type="file"]::file-selector-button {
    height: 36px; color: #959595;}
.tj-primary-btn .btn-icon {width: 50px; height: 50px; background: var( --e-global-color-secondary);}
.tj-page-header {margin-top: 20px;     background-blend-mode: inherit;}
.blog-item .blog-content .title a {font-weight: 600;}
.custom-page-header .tj-page-header {margin-top: 0;}
.custom-page-header .tj-page-header .container {max-width: 1475px;}
.custom-page-header .tj-page-header .tj-page-header-content  {display: flex; text-align: left; flex-direction: column; align-items: flex-start; padding: 50px 30px; background: #79B2C4;}
body .product-listing .swiper-slide .service-item {height: auto;}
body .product-listing .swiper-slide .service-item:before, body .product-listing .swiper-slide .service-item:after {display: none;}
body .product-listing .swiper-slide .service-item .service-content {position: static; padding: 24px;}
body .product-listing .swiper-slide .service-item .service-content .title a {color: #0A2540;}
body .product-listing .swiper-slide .service-item .service-content .desc {all: unset; color: #959595;}
.sustainability-listing .h10-process-wrapper {max-width: 100%;}
.sustainability-listing .h10-process-item  {background: none;}
.sustainability-listing .h10-process-sln  {display: none;}
.sustainability-listing .title  {max-width: 100% !important;}
.sustainability-listing .h10-process-wrapper {display: flex; flex-direction: column; row-gap: 100px}
.reporting-bullets {margin-left: 34px;}
.reporting-bullets ul {list-style: none;}
.reporting-bullets ul li {position: relative; padding: 28px 0 28px 16px; font-size: 18px; line-height: 24px; font-weight: 600; color: #003B5C; border-top: 1px dashed #003B5C;}
.reporting-bullets ul li:last-child { border-bottom: 1px dashed #003B5C;}
.reporting-bullets ul li:before {content: ''; width: 6px; height: 6px; background: #003B5C; position: absolute; top: 36px; left: 0;}
.blog-listing .blog-wrapper {gap: 50px;}
.blog-listing .blog-item .blog-thumb {height: 400px !important; flex-shrink: 0; border-radius: 12px;}
.blog-listing .blog-item .blog-thumb:before {opacity: 0.05;}
.blog-listing .blog-item .blog-content {justify-content: center; row-gap: 40px;}
.blog-listing .blog-item .blog-content .text-btn {margin-top: 0;}
.project-listing .tj-project-area .row {row-gap: 50px !important;}
.project-listing .tj-project-area .row .col-xl-4 {width: 100%;}
.project-listing .tj-project-area .project-item  {display: flex; align-items: center; }
.project-listing .tj-project-area .project-item  .project-img {width: 42.6%; height: 400px; flex-shrink: 0; border-radius: 12px;}
.project-listing .project-content {width: 57.4%; flex-shrink: 0; padding-left: 40px;}
.project-listing .project-content .project-text {flex-direction: column; row-gap: 40px; align-items: flex-start;}
.project-listing .project-content .project-text a {font-weight: 600; width: 100%;}
.project-listing .project-content .project-text .title {max-width: 100%;}
.project-listing .project-content .project-text a:hover {color: var( --e-global-color-secondary);}
.project-listing .project-btn  {all: unset; display: flex; align-items: center; gap: 16px; font-weight: 400; cursor: pointer;}
.project-listing .project-btn:after {content: 'Read More';     color: var(--e-global-color-primary);}
.project-listing .project-btn i {    background-color: var(--e-global-color-secondary); width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff;     font-size: 26px; font-weight: 400;} 
.s-dtl-list .elementor-icon-list-items {display: flex; gap: 30px; flex-wrap: wrap;}
.s-dtl-list .elementor-icon-list-items .elementor-icon-list-item { width: calc(100% / 3 - 22px); padding: 40px 16px !important; border-radius: 12px; background: #fff; display: flex; gap: 24px; align-items: flex-start; height: 100%; margin: 0 !important;}
.s-dtl-list .elementor-icon-list-icon {width: 50px; height: 50px; border-radius: 6px; background: var( --e-global-color-primary ); flex-shrink: 0; margin-top: 4px; display: flex; align-items: center; justify-content: center;}
.ns-form-blk .title  {margin-bottom: 0;}
.service-card {overflow: hidden; position: relative;}
.service-card:before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #68DE87 0%, #387849 100%); transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none;}
.service-card:hover:before {opacity: 1; visibility: visible;}
.service-card .elementor-icon svg {transition: all 0.3s ease-in-out;}
.service-card:hover .elementor-icon svg {filter: brightness(100) invert(0);}
.client-carousel .client-logo {width: auto; padding: 0 70px;}
.client-carousel .client-logo img {opacity: 1; max-height: 100%;}
.home-hero-main .editor_text p {max-width: 570px;}
.testimonial-section .testimonial-item {display: flex; flex-direction: column;}
.testimonial-section .testimonial-item .testimonial-author {margin-top: auto;}
.rank-math-breadcrumb {background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(25px); border-radius: 12px; padding: 10px 20px;}
.rank-math-breadcrumb p {margin: 0; color: #fff; font-size: 16px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; gap: 8px;}
.rank-math-breadcrumb p a {display: flex; align-items: center; gap: 12px; font-size: 16px; font-weight: 600; text-transform: uppercase; color: #fff;}
.rank-math-breadcrumb p a:hover {color: var( --e-global-color-primary);}
.rank-math-breadcrumb p a:hover svg {}
.rank-math-breadcrumb p a:first-child:before {content: ''; width: 24px; height: 24px; background: url('/wp-content/uploads/2026/07/home-1.svg') no-repeat center; display: block; margin-top: -2px;}
.rank-math-breadcrumb .separator {font-size: 0; background: url('/wp-content/uploads/2026/07/bredcrumb-ic.svg'); width: 15px; height: 24px;}
.mega-menu-service-single .mega-menu-service-title {max-width: 100%;}
.mega-menu-service-single:hover {color: var( --e-global-color-secondary) !important;}
.info-box .box-area {max-width: 260px;}
.mission-card .project-card-content ul li {position: relative; padding-left: 30px; margin-bottom: 10px; list-style: none;}
.mission-card .project-card-content ul li:last-child {margin-bottom: 0;}
.mission-card .project-card-content ul li:before {content: ''; width: 20px; height: 20px; background: url(/wp-content/uploads/2026/07/bullet-star.svg) no-repeat center; position: absolute; left: 0; top: 3px;}
.footer-contact .contact-item a:hover {color: var( --e-global-color-secondary) !important;}
.footer-contact .contact-item a::before {content: ''; width: 24px; height: 24px; display: block; margin-right: 8px;} 
.footer-contact .contact-item .ftr-email::before { background: url('/wp-content/uploads/2026/07/mail.svg') no-repeat center;}
.footer-contact .contact-item .ftr-address::before { background: url('/wp-content/uploads/2026/07/map-white.svg') no-repeat center;}
.sticky-elm {position: sticky; top: 100px;}
.contact-form .form-input textarea, .contact-form .form-input select, .contact-form .form-input .nice-select, .contact-form .form-input input[type=tel], .contact-form .form-input input[type=text], .contact-form .form-input input[type=email] {border-style: solid; border-color: #959595 !important;}
.contact-form .form-input {margin-bottom: 54px;}
.body-overlay {background: rgba(0, 0, 0, 0.3); backdrop-filter: none;}
.hamburger_wrapper {  border-radius: 12px; box-shadow: none;}
.hamburger_bg { backdrop-filter: blur(7.5px); background: rgba(30, 77, 127, 0.8);}
.tj-offcanvas-area {max-width: 600px; width: auto; height: 700px; inset-inline-end: -650px; box-shadow: none;}
.hamburger_wrapper .social-links ul li a {opacity: 1;}
.hamburger_wrapper .contact-info .contact-link {font-size: 20px;}
.hamburger_wrapper .hamburger_close_btn {background: none !important;}
/*.header-area.sticky .mainmenu ul:not(.sub-menu) > li > a, .header-area.sticky .mainmenu ul:not(.sub-menu) > li > a:after {color: var(--tj-color-theme-primary) !important;}*/
.header-area.header-duplicate {top: 20px; background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px);}
.stats-block {position: relative;}
.stats-block:after {content: ''; position: absolute; left: calc(100% + 20px); border-right: 1px dashed #fff; top: 0; height: 100%;}
.stats-block:nth-child(2n):after {display: none;}
.request-form {width: 630px;}
.request-form .row {display: flex; margin: 0 0 50px;}
.request-form .row .col-50 {flex: 1;}
.request-form .row.submit-row {margin-bottom: 0;}
.request-form form {margin: 0 -15px;}
.request-form .wpcf7-form-control  {background: none; padding: 0; border: none; color: #fff; font-size: 16px; border-bottom: 1px solid #fff; height: 36px;}

.request-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff !important; font-size: 16px !important;
}
.request-form ::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important; font-size: 16px !important;
}
.request-form :-ms-input-placeholder { /* IE 10+ */
  color: #fff !important; font-size: 16px !important;
}
.request-form :-moz-placeholder { /* Firefox 18- */
  color: #fff !important; font-size: 16px !important;
}
.request-form .wpcf7-submit {background: #fff; font-weight: 400; color: var(--tj-color-theme-primary) !important;}
.request-form .wpcf7-submit .btn-text {color: var(--tj-color-theme-primary) !important;}
.tj-faq.style-2 .accordion-item.active {background: #fff;}
.tj-faq.style-2 .accordion-item.active .faq-title::after {color: var(--tj-color-theme-primary); border-color: var(--tj-color-theme-primary);}
body .quality-card:hover {background: #0FB554;}
body .professional-card:hover {background: #0969AA;}
body .mission-card:hover {background: #F8FBFF;}
/*body .mission-card {position: relative; overflow: hidden;}
body .mission-card img {transition: all 0.3s ease-in-out;}
body .mission-card:hover img {transform: scale(1.1);}*/

@media and only (min-width: 1500px) {
.custom-page-header .tj-page-header .container {max-width: 1475px;}
.home-hero-section .h5-banner-area {max-width: 1600px;}
} 

@media only screen and (min-width: 1360px) and (max-width: 1559.98px) {
.footer-top {padding-inline: 40px;}
.ns-form-blk .footer-widget {gap: 24px !important; align-items: center;}
.ns-form-blk .title { font-size: 36px !important; max-width: 320px;}
.ns-form-blk .subscribe-form .wpcf7-form label, .custom-footer .tj-footer-menu ul li a, .custom-footer .footer-text .tj-el-desc {font-size: 18px !important;}
.home-hero .home-hero-container {padding-inline: 32px;}
.home-hero .home-hero-card {padding: 40px;}
.client-carousel .client-logo {width: auto; padding: 0 35px;}
}

@media only screen and (max-width: 991.98px) {
 .menu_bar.mobile_menu_bar {width: 45px;height: 38px;background: rgba(10, 37, 64, 0.5);border-radius: 6px; padding: 10px;}
.menu_bar span:last-child, .menu_bar span:first-child {width: 100%;}   
.home-overview  {background: #fff;}
h2 {font-size: 28px;}
h3 {font-size: 18px !important;}
p, .editor_text {font-size: 14px !important; }
.sec-heading .sec-title {font-size: 28px !important; line-height: 38px !important;}
.client-carousel .client-logo {padding: 0 24px; max-height: 77px;}
.custom-show-mobile {display: block !important;}
}

@media only screen and (max-width: 767.98px) {
.sec-heading {text-align: left;}
.sec-heading .editor_text, .section-heading .editor_text {margin-top: 12px !important;}
.sec-heading .tj-btn-wrapper, .section-heading .tj-btn-wrapper {margin-top: 20px !important;}
.client-carousel {width: calc(100% - 24px); margin: auto;}
body .sec-heading .sub-title  {font-size: 13px;letter-spacing: 0;}
.service-card p {margin-top: 8px !important;}
.project-section .e-con-inner {grid-template-rows: auto !important;}
.elementor .project-card-content {padding: 16px;}
.custom-countup .countup-item {width: 50%;}
.custom-countup .count-separator {    transform: translateY(-50%); top: 50%; inset-inline-end: -5px;}
.cta-actions a {padding: 30px 16px !important; }
.cta-actions a .elementor-button-text {font-size: 28px;}
.cta-actions a .elementor-button-content-wrapper {align-items: center; gap: 8px !important;}
body .elementor-element.elementor-element-e6dad8e .header-wrapper .site_logo .logo {max-width: 140px;}
.ns-form-wrapper .footer-widget {flex-direction: column;}
.ns-form-blk .title {max-width: 100%; margin: 0 0 14px; font-size: 30px !important; line-height: 100%; padding: 0 12px;}
.ns-form-blk .subscribe-form {width: 100%;}
body .elementor-2015 .elementor-element.elementor-element-e49f2c5 .ns-form-blk .footer-widget  {padding: 36px 12px !important;}
.home-hero-main .editor_text p {max-width: 260px;}
}