:root{
    --ptb150: 150;
}


body .wcf-scroll-to-top { background-color: var(--e-global-color-primary);fill: #ffffff; }
.wcf-preloader { background-color: #F8F9FA; }
.whom-we-have-logos .swiper-slide {background-color: var( --e-global-color-fc28202 )}
.whom-we-have-logos .swiper-slide img.swiper-slide-image { mix-blend-mode: multiply; max-width: 200px;width: 100%;}
body .elementor-6 .elementor-element.elementor-element-bcd644e .wcf-posts .content { border-color: #99999961; }

body .elementor-6 .global-hover-color .elementor-element.e-flex:hover .elementor-icon-box-title,body .elementor-6 .global-hover-color .elementor-element.e-flex:hover .elementor-icon-box-title,body .elementor-6 .global-hover-color .elementor-element.e-flex:hover .elementor-icon-box-title { color: var(--e-global-color-primary) !important; }

/* contact us page */
body .elementor-element .elementor-widget-wcf--contact-form-7 .wcf--form-wrapper .wpcf7-form .wpcf7-form-control-wrap textarea { height: 120px; display: block; margin-bottom: 25px; }
body .elementor-element .elementor-widget-wcf--contact-form-7 .wcf--form-wrapper .wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip { font-size: 0.7em; margin-top: -18px; margin-bottom: 13px; }
body .elementor-element .elementor-widget-wcf--contact-form-7 .wcf--form-wrapper .wpcf7-form .wpcf7-form-control-wrap { display: block; }
.form-btn { margin-top: 22px; }
body .elementor-element .elementor-widget-wcf--contact-form-7 .wcf--form-wrapper .wpcf7-form .wpcf7-submit { height: auto; padding: 15px 40px; border-radius: 70px; width: 100%;}
.form-btn>p { display: flex; align-items: center; }
.wcf--form-wrapper .wpcf7 form .wpcf7-response-output { margin-top: 20px; border: 1px solid #ffb900; padding: 10px 20px; font-size: 0.9em; }
div#map { height: 600px; }
.wcf--form-wrapper .wpcf7-spinner { margin: 0 auto; position: absolute; right: 20px; border: 2px solid #ffffff; background-color: #000000; }
.form-btn .btn-hover-cropping:hover::after {height: 800%;}


/* Blog Section */
body .wcf-posts .wcf-post .thumb::before {mask-image: url(/wp-content/uploads/2024/06/shape-top.svg);}
body .wcf-posts .wcf-post .thumb::after {mask-image: url(/wp-content/uploads/2024/06/shape-btm.svg);}
body .wcf-posts .wcf-post .thumb::before, body .wcf-posts .wcf-post .thumb::after { background: var(--e-global-color-889fc6b); }

/* About Us page */
body .stepsbox .elementor-element.elementor-widget-wcf--title { width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; background-color: #ECECEC; border-radius: 80px; }
body .stepsbox .elementor-element.elementor-widget-wcf--icon-box { width: calc(100% - 80px); padding-left: 25px; }
body .stepsbox .elementor-element.elementor-widget-wcf--title>.elementor-widget-container { display: flex; align-items: center; }
body .stepsbox .elementor-element.elementor-widget-wcf--icon-box .elementor-icon.icon { display: none; }
body .stepsbox .elementor-element.elementor-widget-wcf--icon-box .title { padding-top: 15px; }
body .stepsbox .elementor-element.elementor-widget-wcf--title .wcf--title { font-size: 30px; }
.about-logos .wcf--image img { max-height: 65px; object-fit: contain; padding: 0 15px;mix-blend-mode: multiply;}
/* Header Menu Hover */
body .wcf__nav-menu.desktop-menu-active .menu-item a:after { transform-origin: center center;; width: 80%; bottom: 0; right: 0; margin: auto;background-color: var(--e-global-color-primary); }
body .wcf__nav-menu.desktop-menu-active .menu-item a:hover:after,body .wcf__nav-menu.desktop-menu-active .menu-item.current-menu-item a::after { transform: scaleX(1); }

.elementor-widget-text-editor p+p { margin-top: 20px; }
.orange-svg .elementor-icon-box-icon svg path { fill: var(--e-global-color-primary); }

/* Footer Menu */
body .footer-menu .btn-text-flip:hover span,body .elementor-element .footer-menu .elementor-widget-wcf--arolax-button .wc-btn-wrapper .btn-text-flip.active span {transform: translate(0, -30px);color: #ffffff;}
body .footer-menu .btn-text-flip span:before {transform: rotateX(0);}
html.menu-open { overflow: hidden; position: fixed; top: 0; width: 100%; }

/* Case studies Hover Shap */
body .elementor-6 .gray-hover-shap .elementor-element .thumb::before { mask-image: url(/wp-content/uploads/2024/06/shape-top.svg); }
body .elementor-6 .gray-hover-shap .elementor-element .thumb::before,body .elementor-6 .gray-hover-shap .elementor-element .thumb::after { background: var( --e-global-color-fc28202 ); }
body .elementor-6 .gray-hover-shap .elementor-element .thumb::after { mask-image: url(/wp-content/uploads/2024/06/shape-btm.svg); }

/* Home Page Blog Section */
body .elementor-6 .elementor-element.elementor-element-bcd644e .wcf-posts .content ul.wcf-taxonomy,body .elementor-6 .elementor-element.elementor-element-bcd644e .wcf-posts .content ul.wcf-meta { border-color: #99999961; }

.home-logos.about-logos .wcf--image img { max-height: 55px; max-width: 190px; mix-blend-mode: normal; padding: 0; width: 100%; filter: grayscale(1); transition: 0.3s; }
.home-logos.about-logos .wcf--image img:hover { filter: grayscale(0); }
.elementor-widget-text-editor.medium-font p span { color: inherit !important; font-weight: 400; }

/* .custom-accordion .e-n-accordion-item .e-n-accordion-item-title-header .e-n-accordion-item-title-text {
    text-transform: uppercase;
} */

.custom-accordion .e-n-accordion-item .e-n-accordion-item-title-header .e-n-accordion-item-title-text > span { display: block; font-size: 20px; text-transform: initial; line-height: 1.4; max-width: 550px; margin-top: 5px; }
.custom-accordion .e-n-accordion-item:first-child .e-n-accordion-item-title { border-top: 0 !important; }
.custom-accordion .e-n-accordion-item:last-child .e-n-accordion-item-title { border-bottom: 0 !important; }
.custom-accordion .e-n-accordion-item { position: relative; }
.custom-accordion .e-n-accordion-item:after { content: ""; background-color: #000; width: 100%; height: calc(100% + 1px); position: absolute; inset: 0% 0% auto; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; transition: 0.5s; }
.custom-accordion .e-n-accordion-item[open]:after{ opacity: 1; visibility: visible; }
.custom-accordion .e-n-accordion-item:hover::after { opacity: 1; visibility: visible; }
.custom-accordion .e-n-accordion-item .e-n-accordion-item-title, 
.custom-accordion .e-n-accordion-item .elementor-widget-text-editor { position: relative; z-index: 1; }
.custom-accordion .e-n-accordion-item:hover .e-n-accordion-item-title, .custom-accordion .e-n-accordion-item[open] .e-n-accordion-item-title { color: #fff; }
.custom-accordion .e-n-accordion-item:hover .elementor-widget-text-editor, .custom-accordion .e-n-accordion-item[open] .elementor-widget-text-editor { color: #fff; }


.logo-white-bg .whom-we-have-logos .swiper-slide {background-color: transparent;}

.consultancy-box>.elementor-element { transition: 0.3s ease; }
.consultancy-box>.elementor-element:hover { transform: translateY(-6px) scale(1.02); box-shadow: 0 8px 22px rgba(255,69,0, 0.35); }

body .phase-steps-box>.elementor-element{transition: .25s ease !important;}
body .phase-steps-box>.elementor-element:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 24px rgba(255, 69, 0, .18); border-color: var(--e-global-color-primary); }
body .phase-step-no.elementor-widget-wcf--title .elementor-widget-container span.wcf--title { width: 40px; display: flex; height: 40px; justify-content: center; align-items: center; background-color: var(--e-global-color-primary); color: var(--e-global-color-40790bc); font-size: 18px; border-radius: 40px; }


/* body .phase-steps-box.circle-icon>.elementor-element:hover {box-shadow: 0 8px 22px rgba(16, 24, 40, .12), 0 0 0 4px var(--e-global-color-primary);} */
.circle-icon .elementor-element .elementor-widget-icon .elementor-icon-wrapper { display: flex; justify-content: center; }
.circle-icon .elementor-element .elementor-widget-icon .elementor-icon-wrapper .elementor-icon { background-color: var( --e-global-color-primary ); width: 65px; height: 65px; display: flex; justify-content: center; align-items: center; border-radius: 65px; transition: 0.3s; }
.circle-icon .elementor-element:hover .elementor-widget-icon .elementor-icon-wrapper .elementor-icon { background-color: var(--e-global-color-889fc6b); }
.circle-icon .elementor-element .elementor-widget-icon .elementor-icon-wrapper .elementor-icon>svg { width: 32px; height: 32px; }

.phase-step-section .elementor-element.phase-steps-box.circle-icon { display: flex; flex-flow: wrap; gap: 30px; justify-content: center; }
.phase-step-section .elementor-element.phase-steps-box.circle-icon>.elementor-element { width: calc(33.3% - 20px); }
body .elementor-widget-blockquote.blockquote .elementor-widget-container blockquote.elementor-blockquote { padding: 20px; border-radius: 0; }

.elementor-widget-text-editor.quote-section>.elementor-widget-container { position: relative; }
.elementor-widget-text-editor.quote-section>.elementor-widget-container::before,.elementor-widget-text-editor.quote-section>.elementor-widget-container::after {content: "";background-image: url("/wp-content/uploads/2025/09/top-quote-icon-1.svg");width: 30px;height: 30px;background-repeat: no-repeat;background-position: center center;background-size: auto;position: absolute;left: 30px;top: -15px;}
.elementor-widget-text-editor.quote-section>.elementor-widget-container::after { background-image: url("/wp-content/uploads/2025/09/bottom-quote-icon-1.svg"); left: auto; right: 30px; bottom: -15px; top: auto; }

/* .orange-fill-hover .elementor-widget-container .wc-btn-wrapper .wc-btn-group:hover .wc-btn-play { background-color: var(--e-global-color-40790bc); border-color: var(--e-global-color-40790bc); color: var(--e-global-color-primary); }
.orange-fill-hover .elementor-widget-container .wc-btn-wrapper .wc-btn-group:hover .wc-btn-primary { background-color: var(--e-global-color-40790bc); border-color: var(--e-global-color-40790bc); color: var(--e-global-color-primary); } */

body .orange-fill-hover .elementor-widget-container .wc-btn-wrapper .wc-btn-group .wc-btn-primary,body .orange-fill-hover .elementor-widget-container .wc-btn-wrapper .wc-btn-group .wc-btn-play { border-color: var(--e-global-color-primary); background-color: var(--e-global-color-40790bc); color: var(--e-global-color-889fc6b); }

.no-line .wcf-btn-underline { padding: 0; }
.no-line .wcf-btn-underline::after { content: none; }


.blog-box .e-con-inner .elementor-widget-image a img {height: 220px;object-fit: cover;}
.blog-list.elementor-widget-loop-grid .elementor-widget-container .elementor-grid { display: flex; flex-flow: wrap; gap: 30px; justify-content: center; }
.blog-list.elementor-widget-loop-grid .elementor-widget-container .elementor-grid .e-loop-item { width: calc(33.3% - 20px); }
.blog-list.elementor-widget-loop-grid .elementor-widget-container .elementor-grid .e-loop-item .elementor-widget-button .elementor-button-icon { font-size: 16px; }
.blog-list.elementor-widget-loop-grid .elementor-widget-container .elementor-grid .e-loop-item .e-con-inner>.elementor-element:last-child { height: 100%; justify-content: space-between; }
/* .subscribe-form form .form-btn { margin-top: 0; } */
.subscribe-form .wcf--form-wrapper .wpcf7 form .wpcf7-response-output { font-size: 14px; }

body .elementor-widget-loop-grid.e-loading-overlay { opacity: 1 !important; animation: inherit; }
body .elementor-widget-loop-grid.blog-list::after { width: 30px; height: 30px; margin: auto; border: 5px solid #000000; border-radius: 30px; border-right-color: #ff4500; z-index: 1; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; }
body .elementor-widget-loop-grid.blog-list::before { background-color: #ffffff; z-index: 1; border-radius: 18px;}
body .elementor-widget-loop-grid.blog-list::before,body .elementor-widget-loop-grid.blog-list::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: 0.3s; opacity: 0;     pointer-events: none;}
body .elementor-widget-loop-grid.blog-list.e-loading-overlay::before { opacity: 0.8;pointer-events: auto;}
body .elementor-widget-loop-grid.blog-list.e-loading-overlay::after { opacity: 1;pointer-events: auto;}

body:has(.show-scroll-to-top) header.elementor-element>.e-con-inner { padding-top: 10px; padding-bottom: 10px; }
body header.elementor-element>.e-con-inner,body header.elementor-element>.e-con-inner .elementor-widget-wcf--site-logo .elementor-image img {transition: 0.3s;}
body:has(.show-scroll-to-top) header.elementor-element>.e-con-inner .elementor-widget-wcf--site-logo .elementor-image img {max-width: 70px;}

.text-with-icon .elementor-widget-container p a { position: relative; padding-left: 40px; }
.text-with-icon .elementor-widget-container p a::before { content: ""; position: absolute; font-family: 'wcf-icon' !important; speak: never; font-size: 22px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; color: var( --e-global-color-primary ); left: 0; top: 3px; }
.text-with-icon.email-icon .elementor-widget-container p a::before { content: "\e923"; }
.text-with-icon.phone-icon .elementor-widget-container p a::before { content: "\e916"; }

.custom-btn .wc-btn-group .wc-btn-primary { font-family: "Kanit", Sans-serif; font-size: 14px; font-weight: 400; text-transform: uppercase; padding: 5px 30px 5px 30px; }
.custom-btn .wc-btn-group .wc-btn-play { width: 50px; height: 50px; font-size: 12px; }
.blue-btn .wc-btn-group .wc-btn-primary,.blue-btn .wc-btn-group .wc-btn-play { background-color: var(--e-global-color-6b6f83a); }
.orange-btn .wc-btn-group .wc-btn-primary,.orange-btn .wc-btn-group .wc-btn-play { background-color: var( --e-global-color-primary ); }



@media only screen and (min-width: 768px) {
.visible-mobile { display: none; }
}

@media only screen and (min-width: 1367px) and (max-width: 1500px) {
    body .elementor-6 .elementor-element.elementor-element-36b5d07 {
        width: 100%;
    }
    body .elementor-6 .elementor-element.elementor-element-11c8ca9 .wcf--title {
        font-size: 9.6vw !important;
    }
}
@media only screen and (min-width: 1367px) {
    .phase-step-section .elementor-element.phase-steps-box.circle-icon.four-column >.elementor-element { width: calc(25% - 23px); }
}
@media only screen and (max-width: 1550px) {
    .subscribe-form form .wpcf7-turnstile.cf-turnstile { transform: scale(0.75); transform-origin: 0 0; margin-bottom: -18px; }

}
@media only screen and (max-width: 1366px) {
    body .elementor-element .elementor-widget-wcf--contact-form-7 .wcf--form-wrapper .wpcf7-form .wpcf7-submit {padding: 15px 35px;}
    .phase-step-section .elementor-element.phase-steps-box.circle-icon {gap: 20px;}
    .phase-step-section .elementor-element.phase-steps-box.circle-icon>.elementor-element { width: calc(33.3% - 13px); }
    
    .blog-list.elementor-widget-loop-grid .elementor-widget-container .elementor-grid .e-loop-item { width: calc(50% - 16px); }
    .e-con-inner>.elementor-element>.elementor-element.blog-row>.blog-col { width: 70%; }
    .e-con-inner>.elementor-element>.elementor-element.blog-row>.subscribe-box { width: 30%; }


}
@media only screen and (max-width: 1200px) {
    body .stepsbox .elementor-element.elementor-widget-wcf--title { width: 70px; height: 70px; }
    body .stepsbox .elementor-element.elementor-widget-wcf--icon-box .title { padding-top: 5px; }
    body .stepsbox .elementor-element.elementor-widget-wcf--icon-box {width: calc(100% - 70px);padding-left: 25px;}
    body .stepsbox .elementor-element.elementor-widget-wcf--title .wcf--title { font-size: 22px; }
    div#map { height: 500px; }
    /* body .elementor-element .elementor-widget-wcf--contact-form-7 .wcf--form-wrapper .wpcf7-form .wpcf7-submit {width: calc(100% - 44px);}
    .wcf--form-wrapper .wpcf7-spinner {position: relative;right: 0;} */

}
@media only screen and (max-width: 1024px) {
body .wcf__nav-menu.mobile-menu-active .wcf-nav-menu-container .wcf-nav-menu-nav { flex: inherit; }
    .phase-step-section .elementor-element.phase-steps-box.circle-icon { gap: 18px; }
    
    .e-con-inner>.elementor-element>.elementor-element.blog-row {flex-flow: wrap;}
    .e-con-inner>.elementor-element>.elementor-element.blog-row>.subscribe-box { width: 50%; margin: auto; }
    .e-con-inner>.elementor-element>.elementor-element.blog-row>.blog-col { width: 100%; }
    body header .wcf-nav-menu-container ul li.current-menu-item .wcf-nav-item { color: var(--e-global-color-primary) !important; }
}
@media only screen and (max-width: 880px) {
    body .elementor-element .elementor-widget-wcf--contact-form-7 .wcf--form-wrapper .wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {margin-top: -5px;}
    body .elementor-element .elementor-widget-wcf--contact-form-7 .wcf--form-wrapper .wpcf7-form .wpcf7-form-control-wrap textarea, body .elementor-element .elementor-widget-wcf--contact-form-7 .wcf--form-wrapper .wpcf7-form .wpcf7-form-control-wrap input { margin-bottom: 15px !important; display: block; }
    body .elementor-element .elementor-widget-wcf--contact-form-7 .wcf--form-wrapper .wpcf7-form .wpcf7-submit { padding: 10px 35px; }
    .wcf--form-wrapper .wpcf7 form .wpcf7-response-output { padding: 8px 20px; font-size: 0.8em; }
    body .stepsbox .elementor-element.elementor-widget-wcf--icon-box { padding-left: 15px; width: calc(100% - 50px); }
    body .stepsbox .elementor-element.elementor-widget-wcf--title { width: 50px; height: 50px; }
    body .stepsbox .elementor-element.elementor-widget-wcf--icon-box .title { padding-top: 0; }

    .phase-step-section .elementor-element.phase-steps-box.circle-icon>.elementor-element { width: calc(50% - 9px); }
    .circle-icon .elementor-element .elementor-widget-icon .elementor-icon-wrapper .elementor-icon {width: 55px;height: 55px;}
    .circle-icon .elementor-element .elementor-widget-icon .elementor-icon-wrapper .elementor-icon>svg { width: 25px; height: 25px; }
    .wcf--form-wrapper .wpcf7-spinner {right: 15px;}


}
@media only screen and (max-width: 767px) {
    .office_room_right .right-img-box .box_counter { flex-flow: column; }
    div#map { height: 400px; }
    .phase-step-section .elementor-element.phase-steps-box.circle-icon>.elementor-element { width: 100%; }
    .phase-step-section .elementor-element.phase-steps-box.circle-icon { gap: 20px; }
    .circle-icon .elementor-element .elementor-widget-icon .elementor-icon-wrapper .elementor-icon { width: 45px; height: 45px; }
    
    .blog-list.elementor-widget-loop-grid .elementor-widget-container .elementor-grid .e-loop-item .e-con-inner { flex-flow: column; }
    .e-con-inner>.elementor-element>.elementor-element.blog-row>.subscribe-box { width: 100%; }
    body .elementor-element .subscribe-form .elementor-widget-wcf--contact-form-7 .wcf--form-wrapper .wpcf7-form .wpcf7-form-control-wrap input { margin-bottom: 18px !important; }
    .blog-list.elementor-widget-loop-grid .elementor-widget-container .elementor-grid .e-loop-item { width: 100%; }
    .blog-box .e-con-inner .elementor-widget-image a img {height: auto;}
    .blog-filter.elementor-widget-taxonomy-filter .elementor-widget-container .e-filter button.e-filter-item { padding: 5px 16px; }
    
    .wc-btn-wrapper.style-1.custom-btn { position: relative; right: -10px; }
    .custom-btn .wc-btn-group .wc-btn-primary {padding: 5px 25px 5px 25px;}
    .custom-btn .wc-btn-group .wc-btn-play { width: 40px; height: 40px; font-size: 12px; }


}
@media only screen and (max-width: 575px) {
    body .elementor-6 .elementor-element.about-logos.home-logos { --e-con-grid-template-columns: repeat(2, 1fr); --e-con-grid-template-rows: repeat(2, 1fr); }
    .word-wrap .wcf-btn-underline { word-wrap: break-word; }
    .blog-filter.elementor-widget-taxonomy-filter .elementor-widget-container .e-filter button.e-filter-item { padding: 7px 16px; width: 100%; max-width: inherit; margin: 0; box-sizing: border-box; }
    .blog-filter.elementor-widget-taxonomy-filter .elementor-widget-container .e-filter { flex-flow: column; }
    

}
@media only screen and (max-width: 480px) {
    .blog-box .e-con-inner .elementor-widget-image a img { height: 180px; }
    .wpcf7-turnstile.cf-turnstile { transform: scale(0.8); transform-origin: 0 0; margin-bottom: -18px; }

}

.custom-accordion .e-n-accordion .e-n-accordion-item {position: relative;}

.custom-accordion .e-n-accordion .e-n-accordion-item:before {
    content: "";
    border-bottom: 3px solid #000;
    position: absolute;
    bottom: -2px;
    width: calc(100vw + 50vw);
    left: -50vw;
}
.custom-accordion .e-n-accordion .e-n-accordion-item:last-child:before {
    border-bottom: 0;
}
.custom-accordion .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title {
    border: 0 !important;
    outline: none;
}
.custom-accordion .e-n-accordion .e-n-accordion-item > .elementor-element {width: 100%;max-width: 50%;margin-left: auto;margin-right: 4.5em;position: relative;}

@media only screen and (max-width: 1200px) {
    .custom-accordion .e-n-accordion-item .e-n-accordion-item-title-header .e-n-accordion-item-title-text > span { max-width: 450px; }
}
@media only screen and (max-width: 1024px) {
    .custom-accordion .e-n-accordion .e-n-accordion-item > .elementor-element {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
}