/*
Theme Name: O'Hara Technologies
Theme URI: https://understrap.com
Description: Understrap Child Theme
Author: Louise Street Marketing
Author URI: https://louisestreet.com
Template: understrap
Version: 1.2.1
*/
@import url("https://fonts.googleapis.com/css2?family=Biryani:wght@200;300;400;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
.gform_wrapper
.ctm_contact_form_main_wrapper
.gform_footer
input[type="submit"],
.ctm_bg_btn {
background-color: #afabd5;
color: #fff !important;
font-family: "Montserrat", sans-serif !important;
font-weight: 800 !important;
font-size: 16px !important;
line-height: normal !important;
text-transform: uppercase !important;
padding: 10px 22px !important;
border-radius: 4px !important;
}
body {
background-color: #f8f9fa !important;
}
.grecaptcha-badge {
z-index: 999;
}
p {
text-align: start;
font-family: "Montserrat";
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Montserrat" !important;
}
.page-id-2915 .ctm_banner_page_heading,
.page-id-2031 .ctm_banner_page_heading,
.page-id-2033 .ctm_banner_page_heading {
display: none;
}
.ctm_subtitle {
font-size: 45px;
color: white;
font-weight: 700;
}
.ctm_highlight {
color: #afabd5 !important;
}
/* Hero section start here */
.ctm_hero_section_wrap {
min-height: 76vh;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
position: relative !important;
z-index: 99;
}
.swiper-button-next:after,
.swiper-button-prev:after {
color: #fff !important;
font-size: 28px !important;
font-weight: 900 !important;
}
.ctm_hero_section_wrap::before {
position: absolute;
content: "";
inset: 0;
/*background: linear-gradient(0deg, rgba(82, 64, 127, 0.75) 19.68%, rgba(0, 0, 0, 0) 138.05%);*/
z-index: -1;
}
.ctm_hero_content_wrap .ctm_hero_content {
margin-bottom: 32px;
}
.ctm_hero_content .ctm_hero_content_heading {
color: #fff;
font-family: "Montserrat", sans-serif;
font-weight: 900 !important;
font-size: 46px !important;
line-height: 58px !important;
text-align: center;
text-transform: uppercase;
}
.ctm_hero_content .ctm_hero_content_desc {
font-family: Montserrat;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #fff;
}
.ctm_hero_contact_btn {
color: #fff !important;
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: 16px;
line-height: normal;
text-transform: uppercase;
border: 1px solid #fff;
padding: 10px 22px;
border-radius: 4px;
transition: all 350ms ease;
}
/* Hero section end here */
/* Header Strat here */
.ctm_nav_main_wrap {
background-color: #afabd5;
box-shadow: 0px 7px 4.9px 0px #00000026;
}
.ctm_nav_main_wrap .ctm_bg_btn {
background-color: #52407f;
transition: 400ms ease;
}
.ctm_nav_main_wrap .dropdown-toggle::after {
display: inline-block;
margin-left: 0.625em !important;
border-top: 0.4em solid !important;
border-right: 0.4em solid transparent !important;
border-left: 0.4em solid transparent !important;
}
.ctm_nav_offcanvas_body_wrap #main-menu > .menu-item > .nav-link {
color: #fff !important;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: normal;
text-transform: uppercase;
padding: 0;
position: relative;
z-index: 99;
}
.ctm_nav_offcanvas_body_wrap #main-menu .dropdown-menu .nav-link {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 14px;
text-align: start !important;
line-height: normal;
text-transform: uppercase;
color: #000 !important;
}
.ctm_nav_offcanvas_body_wrap #main-menu .menu-item {
position: relative;
}
.ctm_nav_offcanvas_body_wrap #main-menu .dropdown-menu .nav-link:hover {
background-color: #52407f;
color: #fff !important;
opacity: 1;
}
/* -----------Product page----------- */
.ctm_product_page_main_wrap {
position: relative;
padding-top: 65px;
padding-bottom: 140px;
}
.ctm_product_page_main_wrap_overlay::before {
position: absolute;
content: "";
inset: 0;
background: url("./../../../wp-content/uploads/2025/05/news_details_frmae.png")
center !important;
z-index: -1;
}
.product_page_card_info_wrap {
background-color: #52407f;
padding: 22px 24px;
}
.product_page_card_info_wrap .product_page_card_heading {
color: #ffffff;
font-family: "Montserrat", sans-serif;
font-weight: 600 !important;
font-size: 16px;
line-height: normal;
text-transform: uppercase;
/* min-width: 200px; */
}
.product_page_img_wrap img {
aspect-ratio: 1 / 1;
object-fit: cover;
max-height: 380px;
}
.product_page_img_wrap {
position: relative;
overflow: hidden;
}
.product_page_img_wrap::before {
position: absolute;
content: "";
/* background: linear-gradient(
0deg,
rgba(82, 64, 127, 0.65) 19.68%,
rgba(0, 0, 0, 0) 98.29%
);*/
top: 50%;
right: 0;
left: 0;
bottom: 0;
}
.ctm_bg_gray,
.ctm_support_hero_main_section {
background-color: #ecf0f1;
}
body:has(.ctm_support_hero_main_section) .ctm_about_spacing#header,
body:has(.ctm_product_specification_container) .ctm_about_spacing#header,
body:has(.ctm_product_page_main_wrap) .ctm_about_spacing#header {
margin: 0 !important;
}
body:has(.ctm_support_hero_main_section)
.ctm_support_parts_section
.ctm_home_spacing {
margin-bottom: 0 !important;
}
.product_page_card_info_wrap {
gap: 32px;
}
.upcoming-events {
display: grid;
gap: 32px;
grid-template-columns: repeat(3, 1fr);
max-width: 1024px;
margin: 0 auto;
}
.event-box {
background: #fff;
border: 1px solid #bfbfbf73;
}
.ctm_event_box_data_wrap {
padding: 24px 18px 16px 18px;
}
.event_tags .badge {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: normal;
padding: 4px 8px;
color: #ffffff;
background-color: #afabd5;
border-radius: 100px;
}
.ctm_calendar_slide_data .event_title,
.ctm_event_box_data_wrap .event_heading {
font-family: "Montserrat", sans-serif;
font-weight: 700 !important;
font-size: 18px;
line-height: normal;
text-transform: uppercase;
color: #52407f;
}
.ctm_event_box_data_wrap .event_location {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #52407f;
}
.ctm_event_box_data_wrap .event_date_wrap .event_date {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 40px;
line-height: normal;
text-transform: uppercase;
color: #afabd5;
width: fit-content;
}
.ctm_event_box_data_wrap .event_date_wrap .event_month {
font-size: 18px;
font-weight: 600;
}
.event-thumb img {
width: 100%;
height: auto;
display: block;
max-height: 180px;
object-fit: cover;
}
.event-month-nav .event_calendar_control_btn {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #52407f;
transition: all 250ms ease;
}
.event-month-nav .event_calendar_control_btn:hover {
background-color: #52407f;
}
.event-month-nav .event_calendar_control_btn:hover svg path {
stroke: #fff;
}
.event-month-nav .prev_month_wrap {
position: absolute;
right: 100%;
top: 0;
}
.event-month-nav .next_month_wrap {
position: absolute;
left: 100%;
top: 0;
}
.event_data_wrap .event_data_title {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 24px;
color: #fff;
}
.events_calendar_section {
background-color: #ecf0f1;
padding-block: 60px;
}
.events_calendar_container {
display: flex;
flex-direction: column;
gap: 32px;
}
.events_calendar_container .ctm_section_heading_wrapper {
padding-bottom: 32px;
border-bottom: 1px solid #c5c5c59d;
}
.ctm_calendar_slide_data {
border-bottom: 1px solid #c5c5c59d;
}
.ctm_event_calender_btn {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 14px;
line-height: normal;
text-transform: uppercase;
color: #ffffff;
padding: 16px 30px;
background: #52407f;
}
.event_slide_date {
padding: 18px 22px;
background: #52407f;
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 32px;
line-height: normal;
text-align: center;
text-transform: uppercase;
color: #fff;
}
.event_slide_date > .event_slide_month {
font-size: 24px;
}
.event_slide_data_info_wrap {
gap: 40px;
}
.event_slide_data_info .event_meta {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #000;
}
.ctm_no_event_content {
color: #52407f;
font-family: "Montserrat", sans-serif;
font-weight: 700 !important;
font-size: 24px;
line-height: normal;
text-align: center;
text-transform: uppercase;
}
.ctm_no_event_desc {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 21px;
text-align: center;
color: #000000;
}
.ctm_past_event_content_wrap .event_date {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #52407f;
}
.ctm_past_event_slide_wrap {
border: 1px solid #bfbfbf73;
}
.ctm_past_event_img > img {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
max-height: 245px;
object-fit: cover;
width: 100%;
}
.ctm_past_event_content_wrap {
gap: 32px;
}
.ctm_support_parts_row {
justify-content: center;
}
@media (min-width: 1200px) {
.ctm_nav_offcanvas_body_wrap #main-menu > .menu-item > .nav-link {
padding: 0 22px;
}
.ctm_nav_offcanvas_body_wrap .navbar-nav {
gap: 1px !important;
}
.ctm_nav_offcanvas_body_wrap
#main-menu
> .menu-item:hover:has(.nav-link)::before,
.ctm_nav_offcanvas_body_wrap
#main-menu
> .menu-item.active:has(.nav-link)::before {
background-color: #52407f;
position: absolute;
content: "";
min-height: 90px;
top: -190%;
z-index: 1;
width: 100%;
}
}
/* Header end here */
.ctm_footer_contact_wrap {
padding: 86px 0;
}
.ctm_footer_contact_heading {
font-family: "Montserrat", sans-serif;
font-weight: 900 !important;
font-size: 32px;
line-height: normal;
text-transform: uppercase !important;
color: #fff !important;
}
.ctm_footer_contact_title {
font-family: Montserrat;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #fff;
}
.ctm_footer_social_info_wrap {
gap: 32px;
}
.ctm_footer_social_wrap .bi::before {
margin: 0 !important;
font-size: 16px !important;
color: #fff !important;
}
.ctm_footer_social_wrap .social-media-item {
display: flex;
align-items: center;
gap: 16px;
}
.ctm_footer_social_wrap .social-media-item a {
width: 32px;
height: 32px;
border-radius: 50%;
display: inline-block;
background: #afabd5;
display: flex;
justify-content: center;
align-items: center;
}
.ctm_footer_section_heading {
font-family: "Montserrat", sans-serif;
font-weight: 900;
font-size: 16px;
line-height: normal;
text-transform: uppercase;
color: #52407f;
}
.ctm_past_event_content_wrap .event_desc,
.latest_news_card .latest_news_card_excerpt,
.ctm_footer_social_info_wrap p,
.ctm_footer_section_info .nav-link {
font-family: Montserrat;
font-weight: 400 !important;
font-size: 14px !important;
line-height: 22px !important;
color: #000 !important;
margin: 0 !important;
text-align: start !important;
}
.latest_news_card .latest_news_card_date {
color: #979799 !important;
font-weight: 500 !important;
}
.ctm_footer_contact .bi::before {
color: #52407f;
font-size: 20px !important;
margin: 0 !important;
}
.ctm_footer_logo_wrap img {
max-width: 180px;
object-fit: contain;
}
.footer_main_wrap {
padding: 42px 0 80px 0;
}
.ctm_past_event_content_wrap .event_name,
.latest_news_card .latest_news_card_title {
font-family: "Montserrat", sans-serif;
font-weight: 900;
font-size: 18px;
line-height: 28px;
text-transform: uppercase;
color: #52407f !important;
}
.ctm_past_event_content_wrap .event_name {
font-weight: 700 !important;
}
.latest_news_card .latest_news_card_date {
font-family: Montserrat;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #000;
}
.about_product_info :is(.contact_btn),
.ctm_icon_btn,
.ctm_past_event_slide_wrap .ctm_past_event_slide_btn,
.latest_news_card .latest_news_card_btn {
padding: 10px !important;
color: #52407f !important;
font-family: "Montserrat", sans-serif;
font-weight: 700 !important;
font-size: 16px !important;
text-transform: uppercase !important;
border-radius: 4px !important;
background-color: transparent !important;
border: 1px solid #afabd5 !important;
transition: all 350ms ease-in-out !important;
}
.features_benefits_tabs_wrap .ctm_icon_btn {
border-color: #afabd5 !important;
color: #afabd5 !important;
}
.about_product_info :is(.contact_btn),
.ctm_icon_btn:hover,
.ctm_icon_btn.active,
.ctm_past_event_slide_wrap .ctm_past_event_slide_btn:hover,
.latest_news_card .latest_news_card_btn:hover {
background-color: #52407f !important;
color: #fff !important;
}
.extended-bg-right-half::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background: url("./../../../wp-content/uploads/2024/03/13-Contact-Us-2.jpg")
no-repeat right center !important;
background-size: cover !important;
z-index: 1 !important;
opacity: 25%;
}
.ctm_footer_top_contact_container {
z-index: 99;
}
.product_page_catalog_cards_wrap,
.product_catalog_cards_wrap,
.latest_news_cards_wrap,
.ctm_expert_support_cards_wrap {
display: grid !important;
gap: 16px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.ctm_related_products_wrap ul.products,
.ctm_our_products_wrap {
display: grid !important;
gap: 32px 16px !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.ctm_related_products_wrap ul.products {
margin: 0 !important;
}
.ctm_related_products_wrap ul.products::before,
.ctm_related_products_wrap ul.products::after {
content: unset !important;
}
.ctm_related_products_wrap ul.products li {
width: 100% !important;
}
.product_page_catalog_cards_wrap {
gap: 20px;
}
.ctm_contact_information_wrap {
display: grid !important;
gap: 16px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ctm_news_page_cards_wrap {
display: grid !important;
gap: 56px 40px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ctm_more_news_cards_wrap {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ctm_more_news_cards_wrap .latest_news_card_img img,
.ctm_news_page_cards_wrap .latest_news_card_img img {
max-height: 300px;
height: 100%;
width: 100%;
object-fit: cover;
}
.ctm_contact_information_card_wrap,
.product_category_card_wrap {
border-radius: 8px;
border: 1px solid #bfbfbf73;
padding: 36px 20px 30px;
cursor: pointer;
transition: all 350ms ease;
position: relative;
}
.ctm_contact_information_card_wrap {
padding: 20px 28px 36px;
cursor: context-menu;
}
.ctm_contact_information_card_wrap::after,
.product_category_card_wrap::after {
border-bottom: 12px solid transparent;
position: absolute;
content: "";
bottom: 0;
width: 100%;
left: 0;
border-radius: 0 0 8px 8px;
}
.ctm_contact_information_card_wrap::after,
.product_category_card_wrap:hover::after {
border-bottom: 12px solid #52407f;
}
.product_category_card_wrap:hover .product_category_card_img_wrap {
color: #fff;
background-color: #52407f;
}
.product_category_card_wrap:hover .product_category_card_img_wrap img {
filter: brightness(0) invert(1);
}
.product_category_card_wrap:hover .product_category_card_btn {
color: #52407f;
}
.ctm_contact_information_card_wrap .ctm_contact_information_card_heading,
.product_catalog_card_wrap .product_catalog_card_heading,
.product_category_card_wrap .product_category_card_heading {
font-family: "Montserrat", sans-serif;
font-weight: 900 !important;
font-size: 18px;
line-height: 28px;
text-transform: uppercase !important;
color: #52407f;
transition: all 350ms ease;
}
.ctm_contact_information_card_wrap .ctm_contact_information_card_des,
.product_catalog_card_wrap .product_catalog_card_des,
.product_category_card_wrap .product_category_card_des {
font-family: Montserrat;
font-weight: 400;
font-size: 14px !important;
line-height: 24px;
color: #000;
text-align: start;
transition: all 350ms ease;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.product_category_card_wrap .product_category_card_btn {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
color: #000;
transition: all 350ms ease;
}
.product_category_card_wrap .product_category_card_btn .bi::before {
font-size: 18px;
font-weight: 600 !important;
}
.ctm_contact_information_card_wrap .ctm_contact_information_card_img_wrap,
.product_category_card_wrap .product_category_card_img_wrap {
margin-bottom: 32px;
background-color: #eef2f8;
color: #52407f;
transition: all 350ms ease;
}
.product_category_card_wrap .product_category_card_info_wrap {
margin-bottom: 40px;
}
.product_catalog_card_wrap {
padding: 34px 20px 20px;
box-shadow: 0px 4px 30px 0px #0000000d;
border: 1px solid #bfbfbf73;
transition: all 350ms ease;
}
.ctm_contact_information_card_img_wrap img {
width: 40px !important;
height: 40px !important;
object-fit: contain !important;
}
.product_catalog_img_wrap img {
width: 80px !important;
height: 80px !important;
object-fit: contain !important;
}
.product_catalog_card_wrap .product_catalog_img_wrap {
margin-bottom: 48px;
color: #52407f;
transition: all 350ms ease;
}
.product_catalog_card_info_wrap {
margin-bottom: 16px;
}
.ctm_our_products_card .ctm_our_products_card_btn,
.ctm_contact_information_card_wrap .ctm_contact_information_card_btn,
.product_catalog_card_wrap .product_catalog_card_btn {
width: 100%;
text-align: center;
border-radius: 4px;
border: 1px solid #afabd5;
padding: 10px;
color: #52407f;
transition: all 350ms ease;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: normal;
}
.our_products_main_container {
background-color: #ecf0f1;
padding: 70px 0 !important;
}
.ctm_our_products_card_img {
background-color: #f6f6f6 !important;
border: 1px solid #bfbfbf;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
}
.ctm_our_products_card_img img {
mix-blend-mode: multiply;
}
.ctm_our_products_card_info_wrap {
display: flex;
flex-direction: column;
}
.related.products
.ctm_our_products_card_info_wrap
.ctm_our_products_card_title.woocommerce-loop-product__title {
padding: 0 !important;
}
.related.products .ctm_related_products_wrap li.product img {
margin-bottom: 16px !important;
mix-blend-mode: multiply;
background-color: #f6f6f6 !important;
border: 1px solid #bfbfbf;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
}
.related.products
.ctm_our_products_card_info_wrap
.ctm_our_products_card_title.woocommerce-loop-product__title,
.ctm_our_products_card_info_wrap .ctm_our_products_card_title {
font-family: "Montserrat", sans-serif;
font-weight: 700 !important;
font-size: 16px !important;
line-height: 28px !important;
text-transform: uppercase;
color: #000000;
margin: 0;
text-align: start !important;
}
.ctm_our_products_card {
display: flex;
flex-direction: column;
gap: 16px;
}
.ctm_product_card_wrapper {
display: flex;
flex-direction: column;
gap: 32px;
}
.ctm_key_features_container {
max-width: 1220px !important;
}
.ctm_key_features_data_wrap .wp-block-image img {
margin-bottom: 0;
}
.ctm_key_features_data_wrap p {
text-align: start !important;
}
.ctm_key_features_data_wrap .wp-block-column {
position: relative;
}
body:has(.ctm_key_features_container) {
background-color: #fff !important;
}
.ctm_products_img_info_container {
max-width: 100% !important;
}
.ctm_products_img_container .wp-block-image {
height: 100%;
}
.ctm_products_img_container img {
width: 100%;
margin: 0 !important;
height: 100%;
}
.ctm_products_info_container .wp-block-group {
height: 100%;
place-content: center;
}
body:has(.ctm_products_info_container) p {
text-align: start !important;
}
.ctm_products_img_info_container {
padding-inline: 0 !important;
}
.ctm_contact_information_card_wrap .ctm_contact_information_card_btn:hover,
.ctm_our_products_card_btn:hover,
.product_catalog_card_wrap .product_catalog_card_btn:hover {
background-color: #52407f;
color: #fff;
}
.product_catalog_card_wrap:has(.product_catalog_card_btn:hover) {
background-color: #afabd5;
}
.product_catalog_card_wrap:has(.product_catalog_card_btn:hover)
:is(
.product_catalog_img_wrap,
.product_catalog_card_heading,
.product_catalog_card_des
) {
color: #fff;
}
.product_catalog_card_wrap:has(.product_catalog_card_btn:hover)
.product_catalog_img_wrap
img {
filter: brightness(0) invert(1);
}
.ctm_about_section_main_wrap {
/* background-color: #52407F; */
}
.ctm_about_section_main_wrap::before {
position: absolute;
content: "";
inset: 0;
background: url("./../../../wp-content/uploads/2025/03/about_frame.png")
no-repeat center !important;
background-size: cover !important;
z-index: -1;
}
.ctm_about_section_wrap {
padding: 78px;
}
.ctm_about_section_main_wrap {
overflow: hidden;
}
.ctm_about_section_wrap .ctm_about_heading {
font-family: "Montserrat", sans-serif;
font-weight: 900 !important;
font-size: 40px;
line-height: normal;
text-transform: uppercase;
color: #fff;
margin: 0;
}
.ctm_right_border_frame::after {
position: absolute;
content: "";
border-bottom: 2px solid #fff;
left: 100%;
top: 40%;
width: 100vw;
}
.ctm_past_event_heading .ctm_right_border_frame::after {
border-color: #00000073;
}
.ctm_about_section_wrap .ctm_about_title {
font-family: Montserrat;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #fff;
margin: 0;
}
.ctm_our_values_heading_wrap,
.ctm_about_section_wrap .ctm_about_info_main_wrap {
margin-bottom: 40px;
}
/* Section Heading and title start here */
.ctm_section_heading_wrapper {
margin-bottom: 40px;
}
.ctm_contact_form_main_wrapper_wrapper .gform_heading .gform_title,
.ctm_section_heading_info_wrap .ctm_section_heading {
font-family: "Montserrat", sans-serif;
font-weight: 900 !important;
font-size: 32px !important;
line-height: normal;
text-align: center;
text-transform: uppercase;
color: #52407f;
}
body:has(.our_products_main_container) h2.wp-block-heading {
font-family: "Montserrat", sans-serif;
font-weight: 900 !important;
font-size: 32px !important;
line-height: normal;
text-transform: uppercase;
color: #52407f;
margin-bottom: 56px !important;
}
.ctm_contact_form_main_wrapper_wrapper .gform_heading .gform_description,
.about_product_info_desc p,
.ctm_section_heading_info_wrap .ctm_section_info {
font-family: Montserrat;
font-weight: 400 !important;
font-size: 16px !important;
line-height: 24px !important;
text-align: center;
color: #000;
}
.about_product_info_desc p {
text-align: start;
font-size: 14px !important;
line-height: 20px !important;
}
/* Section Heading and title end here */
/* Title banner section start here */
.ctm_title_banner_wrap {
min-height: 50vh !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
}
.ctm_about_section_heading_wrapper {
margin-bottom: 80px;
}
/* About page start here */
.ctm_our_values_section_wrapper {
padding: 54px 0 70px 54px;
}
.ctm_our_values_card_wrap {
padding: 40px 65px 25px 45px;
background-color: #52407f;
}
.ctm_our_values_cards_ul li {
margin-bottom: 40px;
}
.about_product_info_title,
.ctm_our_values_heading {
font-family: "Montserrat", sans-serif;
font-weight: 900 !important;
font-size: 24px !important;
line-height: normal;
text-transform: uppercase;
color: #ffffff;
}
.about_product_info_title {
color: #52407f;
}
.ctm_our_values_cards_content_wrap {
color: #ffffff;
font-family: Montserrat;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.ctm_our_values_cards_ul {
columns: 2;
column-gap: 32px;
}
.ctm_our_values_cards_img_wrap {
width: 52px;
height: 52px;
}
.ctm_our_values_section_wrapper::before {
position: absolute;
content: "";
background: url("./../../../wp-content/uploads/2025/03/3-scaled-1.jpg")
no-repeat;
inset: 0;
opacity: 12%;
background-size: cover;
z-index: -1;
}
.ctm_latest_news_container,
.global_privilege_container_fluid {
background-color: #ecf0f1;
padding: 66px 0;
}
.quaility_feature_wrapper {
gap: 32px;
}
.ctm_standards_lists li,
.quaility_desc {
font-family: Montserrat;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #000;
text-align: start;
margin: 0;
}
.quaility_feature_desc .quaility_desc {
line-height: 24px;
}
.quaility_feature_card .quaility_feature_card_img_wrap {
width: 52px;
height: 52px;
background-color: #afabd5;
}
.quaility_feature_card .quaility_feature_card_heading {
font-family: "Montserrat", sans-serif;
font-weight: 900 !important;
font-size: 16px !important;
line-height: normal;
text-transform: uppercase;
color: #52407f;
}
.ctm_standards_section_heading_wrap .ctm_standards_heading {
color: #52407f;
font-family: "Montserrat", sans-serif;
font-weight: 900 !important;
font-size: 24px !important;
line-height: normal;
text-transform: uppercase;
}
.quaility_feature_main_container {
margin-bottom: 56px;
}
.ctm_standards_section_wrap {
background-color: #ffffff;
border: 1px solid #bfbfbf73;
border-left: 10px solid #afabd5;
padding: 35px 55px 16px 55px !important;
}
.ctm_quaility_commitment_section_wrap,
.ctm_standards_section_heading_wrap {
margin-bottom: 32px;
}
.ctm_standards_lists {
columns: 2;
column-gap: 46px;
}
.ctm_standards_lists li {
list-style: none;
position: relative;
margin-bottom: 18px;
padding-left: 28px;
}
.ctm_standards_lists li::before {
position: absolute;
content: "";
background-repeat: no-repeat;
background: url('data:image/svg+xml,');
background-size: contain;
top: 0;
left: 0;
width: 20px;
height: 20px;
background-repeat: no-repeat;
}
.ctm_home_spacing {
margin-bottom: 100px !important;
}
.ctm_about_spacing {
margin-bottom: 80px;
}
.ctm_contact_spacing {
margin-bottom: 130px;
}
.ctm_quaility_commitment_info_wrap {
padding: 35px 40px;
background-color: #52407f;
}
.ctm_commitment_info_wrap .quaility_desc {
color: #ffffff;
}
.ctm_commitment_info_wrap .ctm_commitment_heading {
font-family: "Montserrat", sans-serif;
font-weight: 900 !important;
font-size: 24px !important;
line-height: normal;
text-transform: uppercase;
color: #ffffff;
}
.ctm_commitment_type_ul_wrap li {
font-family: Montserrat;
font-weight: 700;
font-size: 12px;
line-height: 24px;
text-align: center;
color: #fff;
padding: 4px 8px;
border-radius: 100px;
background-color: #afabd5;
list-style: none;
}
.ctm_timeline_wrap :is(.ctl-arrow, .ctl-labels:has(.story-date)) {
display: none;
}
.ctm_timeline_wrap .ctl-content {
background-color: #fff !important;
border: 1px solid #bfbfbf73 !important;
padding: 20px 24px !important;
}
body:has(.timeline-content) {
background-color: #ecf0f1 !important;
}
.timeline-content {
padding: 28px 30px;
background: #ffffff;
border-radius: 8px;
opacity: 32%;
display: flex;
flex-direction: column;
align-items: start;
gap: 8px;
}
.timeline-content .timeline-title {
font-family: "Montserrat", sans-serif;
font-weight: 700 !important;
font-size: 16px;
line-height: normal;
text-transform: uppercase;
color: #fff;
padding: 4px 16px;
border-radius: 100px;
background-color: #52407f;
margin: 0;
}
#timeline-year {
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: 55px;
line-height: 100%;
text-transform: uppercase;
color: #fff;
}
.timeline-content-wrap::before {
content: "";
position: absolute;
border-left: 2px solid #afabd5;
height: 100%;
top: 0;
left: 17px;
z-index: 0;
}
.timeline-content-wrapper::before {
content: "";
position: absolute;
top: -1px;
left: 11px;
width: 14px;
height: 14px;
border: 2px solid #fff;
background-color: #ef943e;
border-radius: 50%;
z-index: 9;
}
.timeline-content-wrapper::after {
content: "";
position: absolute;
bottom: -1px;
left: 11px;
width: 14px;
height: 14px;
border: 2px solid #fff;
background-color: #ef943e;
border-radius: 50%;
z-index: 9;
}
.timeline-content::before {
content: "";
position: absolute;
top: 50%;
left: -40px;
width: 20px;
height: 20px;
border: 3px solid #fff;
background-color: #52407f;
border-radius: 50%;
transform: translate(0px, -50%);
}
.timeline-badge {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
color: #fff;
padding: 4px 16px;
border-radius: 100px;
background-color: #ef943e;
}
.timeline-image {
place-content: end;
}
.timeline-image img {
max-height: 600px;
max-width: 100%;
height: auto;
width: 100%;
object-position: bottom;
}
.timeline-controls-wrap {
position: absolute;
bottom: 0;
width: 100%;
}
.timeline-content p {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 21px;
color: #000;
margin: 0;
z-index: 9;
text-align: start;
}
.ctm_timeline_wrap .ctl-content .ctl-title {
padding: 0 !important;
background: transparent !important;
color: #52407f !important;
line-height: 42px !important;
font-size: 24px;
}
.timeline-wrapper {
display: flex;
gap: 2rem;
overflow: hidden;
}
.timeline-left {
flex: 1;
overflow-y: auto;
scroll-behavior: smooth;
max-height: 600px;
}
.timeline-left::-webkit-scrollbar {
display: none;
}
.timeline-left {
-ms-overflow-style: none;
scrollbar-width: none;
}
.timeline-left ul {
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
gap: 40px;
}
.timeline-left .timeline-content.active {
opacity: 1 !important;
box-shadow: 2.5px 4.33px 30px 0px #0000000a;
}
.timeline-left .timeline-content.active .timeline-title {
background-color: #ef943e !important;
}
.timeline-controls {
display: flex;
justify-content: end;
gap: 8px;
}
.ctm_timeline_wrap .ctl-content :is(.ctl-description, .ctl-description p) {
padding: 0 !important;
margin: 0;
font-size: 14px;
}
.ctm_timeline_wrap .ctl-icondot {
border: 2px solid #fff;
}
.ctm_timeline_wrap :is(.ctl-start, .ctl-end) {
border: 2px solid #fff !important;
background-color: #ef943e !important;
width: calc(var(--ctw-line-width) * 5) !important;
height: calc(var(--ctw-line-width) * 5) !important;
left: calc(50% - var(--ctw-line-width) * 2.5) !important;
}
.ctm_timeline_wrap .ctl-wrapper .ctl-vertical-wrapper {
--ctw-ibx-position: 50;
}
.ctm_timeline_wrap
.ctl-wrapper
.ctl-vertical-wrapper:where(.ctl-both-sided, .ctl-one-sided)
.ctl-story:nth-child(2) {
margin-top: 0;
}
.product_category_card_img_wrap img {
width: 52px !important;
height: 52px !important;
object-fit: contain !important;
}
.offcanvas#navbarNavOffcanvas {
background-color: #afabd5 !important;
}
.offcanvas .offcanvas-logo-img {
width: 160px !important;
object-fit: contain;
height: 50px !important;
margin: 0 !important;
}
.offcanvas-header .btn-close {
position: absolute;
right: 16px;
}
.ctm_past_event_heading,
.ctm_banner_heading_wrap .ctm_banner_page_heading {
font-family: "Montserrat", sans-serif;
font-weight: 700 !important;
font-size: 24px;
line-height: normal;
text-transform: uppercase;
color: #fff;
}
.ctm_past_event_heading {
color: #52407f !important;
}
.ctm_banner_heading_wrap .ctm_banner_heading {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 24px;
/* line-height: normal; */
text-transform: uppercase;
color: #fff;
}
.ctm_event_data_wrapper .ctm_banner_heading {
font-size: 32px;
}
/* Contact Form start here */
.ctm_contact_form_main_wrapper .gform_fields {
gap: 40px 32px !important;
}
.ctm_contact_form_main_wrapper
.gform_fields
:is(.gfield_label, .gfield_required) {
font-family: "Montserrat", sans-serif !important;
font-weight: 600 !important;
font-size: 14px !important;
line-height: 100% !important;
color: #52407f !important;
}
.ctm_contact_form_main_wrapper .gform_fields :is(legend.gfield_label) {
line-height: normal !important;
}
.ctm_contact_form_main_wrapper
.gform_fields
:is(
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select
) {
border-width: 0 0 1px 0;
border-style: solid;
border-color: #000;
border-radius: 0;
padding: 0 8px 8px 0 !important;
background-color: transparent;
outline: none !important;
box-shadow: none !important;
}
.ctm_contact_form_main_wrapper .gform_fields :is(.ginput_address_country) {
flex: 1 !important;
}
.ctm_contact_form_main_wrapper
.gform_fields
:is(
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
textarea::placeholder,
select::placeholder
) {
font-family: Montserrat;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #00000073;
}
.ctm_contact_form_main_wrapper .gform_footer {
margin: 32px 0 0 !important;
padding: 0 !important;
}
.gform_wrapper
.ctm_contact_form_main_wrapper
.gform_footer
input[type="submit"] {
margin: 0 !important;
background: #52407f !important;
}
.ctm_contact_form_main_wrapper_wrapper {
padding: 60px 56px;
background-color: #ffffff;
border: 1px solid #bfbfbf73;
display: flex;
flex-direction: column;
gap: 48px;
max-width: 100%;
}
.ctm_contact_form_main_wrapper_wrapper
.gform_heading
:is(.gform_description, .gform_title) {
text-align: start !important;
margin: 0;
}
.ctm_contact_page_group {
padding-block: 0 !important;
}
.ctm_highlight_cards_wrap .card-title {
font-family: "Montserrat", sans-serif;
font-weight: 700 !important;
text-transform: uppercase;
color: #ffffff;
line-height: normal;
}
.ctm_highlight_cards_wrap .card-img-overlay {
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.75) 19.68%,
rgba(0, 0, 0, 0) 63.8%
);
}
.ctm_left_card_wrap .card-img,
.ctm_right_top_card_wrap .card-img {
max-height: 488px;
height: 100%;
width: 100%;
object-fit: cover;
object-position: top;
}
body:has(.ctm_right_bottom_card_wrap) .ctm_right_top_card_wrap .card-img {
max-height: 270px;
height: 100%;
width: 100%;
object-fit: cover;
object-position: top;
}
.ctm_right_bottom_card_wrap .card-img {
max-height: 210px;
height: 100%;
width: 100%;
object-fit: cover;
}
.ctm_left_card_wrap .card-title {
font-size: 30px;
}
.ctm_right_top_card_wrap .card-title {
font-size: 24px;
}
.ctm_right_bottom_card_wrap .card-title {
font-size: 20px;
}
.ctm_highlight_cards_wrap .card-text {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #ffffff;
}
.single-post
.post
:is(
h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading
) {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 24px;
text-transform: uppercase;
color: #52407f !important;
margin-bottom: 8px;
}
.single-post .post :is(p, ul, li, ol) {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #000;
margin-bottom: 26px;
text-align: start;
}
.single-post .post :is(ul li, ol li) {
margin-bottom: 6px;
}
.single-post .post a {
color: #52407f;
text-decoration: underline;
}
.single-post .post .wp-block-gallery {
margin-bottom: 40px;
gap: 16px;
}
.single-post .post .wp-block-gallery img {
margin-bottom: 0;
max-height: 525px;
height: 100%;
width: 100%;
object-fit: cover;
}
.ctm_news_head_section_main_wrap {
position: relative;
background-color: #52407f;
}
.ctm_event_data_wrapper .short_description {
font-family: "Montserrat", sans-serif !important;
font-weight: 400 !important;
font-size: 14px !important;
line-height: 24px !important;
color: #ffffff !important;
margin: 0 !important;
}
.ctm_event_register_btn_wrap .ctm_event_register_btn {
color: #52407f !important;
font-family: "Montserrat", sans-serif !important;
font-weight: 700;
font-size: 14px;
line-height: normal;
text-transform: uppercase;
padding: 16px 18px;
border-radius: 4px;
border: 1px solid #afabd5;
background-color: #ffffff;
text-decoration: none !important;
}
.ctm_news_head_section_main_wrap::before {
position: absolute;
content: "";
inset: 0;
background: url("./../../../wp-content/uploads/2025/05/news_details_frmae.png")
no-repeat center !important;
background-size: cover !important;
z-index: 3;
}
.ctm_news_head_section_main_wrap.ctm_overlay_remove::before {
content: unset !important;
}
.ctm_news_head_section_wrap {
padding: 64px 56px;
z-index: 9;
}
.ctm_event_data_wrapper.ctm_news_head_section_wrap {
padding-block: 38px;
}
.ctm_news_head_section_wrap .ctm_banner_heading {
font-family: "Montserrat", sans-serif;
font-weight: 800;
}
.ctm_news_head_info_wrap a {
color: #fff !important;
}
body:has(.ctm_news_head_section_wrapper)
.title-banner
.ctm_banner_heading_wrap {
display: none !important;
}
body:has(.ctm_news_head_section_wrapper) .ctm_about_spacing:has(.title-banner) {
margin-bottom: 0 !important;
}
.ctm_news_head_section_wrapper {
margin-top: -160px;
}
.ctm_news_head_section_wrapper:has(.ctm_event_data_wrapper) {
margin-top: -127px;
}
.ctm_more_news_main_container {
background-color: #ecf0f1;
padding: 40px 0 56px 0;
}
.ctm_featured_about_container {
background-color: #ecf0f1;
padding: 94px 0 74px 0;
}
.about_product_info_line {
height: 8px;
width: 15%;
background-color: #52407f;
display: inline-block;
}
.ctm_product_specification_container {
background-color: #ecf0f1;
padding: 78px 0 92px 0;
}
.ctm_product_specification_points ul {
padding: 0;
margin: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px 16px;
}
.ctm_product_specification_points ul li {
background-color: #f8f9fa;
border: 1px solid #bfbfbf73;
padding: 8px 26px 8px 66px;
border-radius: 8px;
position: relative;
place-content: center;
line-height: normal;
}
.ctm_product_specification_points ul li::before {
position: absolute;
content: url('data:image/svg+xml,');
width: 24px;
height: 24px;
top: 50%;
transform: translate(-50%, -50%);
left: 36px;
}
.ctm_product_specification_points ul li span {
font-family: "Montserrat", sans-serif !important;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #52407f;
}
.woocommerce-product-gallery:has(.ctm_product_gallery_wrapper) {
display: flex;
flex-direction: row-reverse;
gap: 16px;
}
.woocommerce-product-gallery .flex-viewport:has(.ctm_product_gallery_wrapper) {
width: 100%;
}
.woocommerce-product-gallery:has(.ctm_product_gallery_wrapper) ol {
flex-direction: column;
margin: 0 !important;
gap: 8px !important;
max-height: 500px;
overflow-y: overlay;
}
.woocommerce-product-gallery:has(.ctm_product_gallery_wrapper) ol li {
margin: 0 !important;
width: 100px !important;
}
.woocommerce-product-gallery:has(.ctm_product_gallery_wrapper) ol li img {
height: 100px !important;
width: 100px !important;
max-width: 100px !important;
}
.event-filter-bar select {
padding: 8px 12px;
color: #52407f !important;
font-weight: 600;
font-size: 14px;
line-height: normal;
text-transform: uppercase;
border: 1px solid #afabd5;
background: transparent;
}
.ctm_events_details_page_events_section .ctm_about_spacing {
margin-bottom: 0 !important;
}
.ctm_past_event_control .ctm_past_event_btn {
width: 32px;
height: 32px;
border-radius: 50%;
border: 1px solid #52407f;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
inset: 0;
}
.ctm_past_event_control .ctm_past_event_btn::after {
color: #52407f !important;
font-size: 14px !important;
font-weight: 900 !important;
}
.ctm_past_event_container .swiper-pagination-bullet {
border: 1px solid #52407f;
background-color: transparent;
}
.ctm_past_event_container
.swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 1px solid transparent;
background-color: #52407f;
}
.ctm_news_page_heading_wrap {
border-bottom: 3px solid #52407f;
}
.ctm_news_page_heading {
font-family: "Montserrat", sans-serif !important;
font-weight: 700;
font-size: 16px;
line-height: normal;
text-transform: uppercase;
padding: 8px 36px 5px 36px;
color: #ffffff;
background-color: #52407f;
width: fit-content;
}
.ctm_support_hero_img_section img {
margin: 0 !important;
}
.ctm_support_hero_info_section p {
text-align: start;
}
.ctm_remaining_news_pagination .page-numbers {
font-family: "Biryani", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
text-transform: uppercase;
color: #979799;
}
.ctm_remaining_news_pagination .page-numbers.current {
color: #52407f;
font-weight: 800;
}
.ctm_remaining_news_pagination :is(.prev.page-numbers, .next.page-numbers) {
width: 46px;
height: 46px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #bfbfbf73;
border-radius: 4px;
transition: all 250ms ease;
margin-inline: 16px;
}
.ctm_remaining_news_pagination
:is(.prev.page-numbers:hover, .next.page-numbers:hover) {
color: #ffffff;
background-color: #52407f;
}
@media (min-width: 768px) {
.ctm_our_values_section_wrapper::before {
margin-right: calc((100vw - 680px) / 2);
}
}
@media (min-width: 782px) {
.ctm_key_features_data_wrap .wp-block-column:not(:last-child)::after {
position: absolute;
content: "";
right: -30px;
top: 0;
height: 100%;
width: 1px;
border-right: 1px solid #bfbfbf73;
}
}
@media (min-width: 992px) {
.ctm_our_values_section_wrapper::before {
margin-right: calc((100vw - 900px) / 2);
}
}
@media (min-width: 1025px) {
.woocommerce-product-gallery:has(.ctm_product_gallery_wrapper) ol {
width: 145px;
}
.ctm_key_features_data_wrap .wp-block-column:not(:last-child)::after {
right: -40px;
}
}
@media (min-width: 1199px) {
.ctm_our_values_section_wrapper::before {
margin-right: calc((100vw - 960px) / 2);
}
}
@media (min-width: 1400px) {
.container.footer_copy_right_wrap,
.container.footer_main_wrap {
max-width: 1160px !important;
}
.ctm_products_img_container img {
max-height: 500px;
}
}
@media (max-width: 1199px) {
.ctm_nav_offcanvas_body_wrap #main-menu > .menu-item.active .nav-link {
color: #52407f !important;
font-weight: 800;
}
.wp-block-group.ctm_home_spacing:has(.ctm_product_hero_section) {
margin-top: 0 !important;
}
.ctm_product_hero_section {
gap: 150px !important;
}
#timeline-year {
font-size: 44px;
}
.ctm_right_top_card_wrap .card-img,
.ctm_left_card_wrap .card-img {
max-height: 350px;
}
.ctm_our_values_cards_ul {
columns: 1;
}
.ctm_quaility_commitment_info_wrap {
padding: 25px 30px;
}
.ctm_commitment_info_wrap .ctm_commitment_heading {
font-size: 20px !important;
line-height: 36px !important;
}
.ctm_commitment_type_ul_wrap li {
font-size: 10px;
line-height: 20px;
}
.ctm_standards_lists li,
.quaility_desc {
font-size: 12px;
line-height: 16px;
}
.ctm_left_card_wrap .card-title {
font-size: 24px;
}
.ctm_right_top_card_wrap .card-title {
font-size: 20px;
}
.ctm_right_bottom_card_wrap .card-title {
font-size: 16px;
}
}
@media (max-width: 1024px) {
.ctm_support_parts_row {
flex-wrap: wrap !important;
}
.ctm_support_parts_row > .wp-block-column {
width: 48% !important;
flex-basis: 48% !important;
}
.ctm_support_parts_row > .wp-block-column > .wp-block-heading {
font-size: 14px !important;
}
.ctm_support_hero_row {
gap: 50px !important;
}
.ctm_support_parts_section {
padding-block: 54px !important;
}
.events_calendar_section {
padding-block: 50px;
}
.ctm_no_event_svg > svg {
width: 180px;
height: auto;
}
.event_slide_date {
padding: 14px 16px;
font-size: 24px;
}
.event_slide_date > .event_slide_month {
font-size: 20px;
}
.event_slide_data_info_wrap {
gap: 30px;
}
.ctm_calendar_slide_data .event_title {
font-size: 16px;
}
.ctm_event_calender_btn {
padding: 12px 24px;
}
.ctm_hero_section_wrap {
min-height: 66vh;
}
.ctm_product_hero_section,
.ctm_key_features_data_wrap {
gap: 60px !important;
}
.ctm_products_info_container .wp-block-group {
padding: 60px 60px 60px 76px !important;
}
.ctm_products_info_container p {
font-size: 14px !important;
line-height: 20px !important;
}
.ctm_products_info_container p:not(:first-child) {
margin-top: 16px !important;
}
.ctm_product_hero_section p {
font-size: 14px !important;
line-height: 20px !important;
}
.ctm_key_features_data_wrap h5.wp-block-heading {
font-size: 16px !important;
line-height: normal !important;
}
.ctm_key_features_container .ctm_key_features_data_wrap:last-child {
margin-top: 60px !important;
}
.woocommerce-product-gallery:has(.ctm_product_gallery_wrapper) {
flex-direction: column;
}
.woocommerce-product-gallery:has(.ctm_product_gallery_wrapper) ol {
flex-direction: row;
gap: 6px !important;
overflow-x: overlay;
}
.woocommerce-product-gallery:has(.ctm_product_gallery_wrapper) ol li {
width: 60px !important;
}
.woocommerce-product-gallery:has(.ctm_product_gallery_wrapper) ol li img {
height: 60px !important;
width: 60px !important;
}
.ctm_product_specification_container {
padding: 58px 0 72px 0;
}
.our_products_main_container {
padding: 52px 0 !important;
}
.ctm_featured_about_container {
padding: 72px 0 58px 0;
}
.timeline-left ul {
gap: 34px;
}
.timeline-content {
padding: 24px 26px;
}
#timeline-year {
font-size: 34px;
}
.timeline-left {
max-height: 400px;
}
.ctm_contact_form_main_wrapper .gform_fields {
gap: 30px 22px !important;
}
.ctm_no_event_content,
.ctm_past_event_heading,
.ctm_banner_heading_wrap .ctm_banner_page_heading {
font-size: 20px;
}
.ctm_banner_heading_wrap .ctm_banner_heading {
font-size: 34px;
}
.footer_main_wrap {
padding: 42px 0 60px 0;
}
.ctm_footer_section_info .nav-link {
font-size: 12px !important;
}
.ctm_our_values_section_wrapper {
padding: 44px 0 60px 44px;
}
.ctm_timeline_wrap .ctl-content :is(.ctl-description, .ctl-description p) {
line-height: normal;
}
.ctm_timeline_wrap .ctl-wrapper .ctl-story,
.ctm_our_values_cards_ul,
.ctm_our_values_heading_wrap,
.ctm_about_section_wrap .ctm_about_info_main_wrap,
.product_category_card_wrap .product_category_card_info_wrap {
margin-bottom: 30px !important;
}
.ctm_our_values_cards_ul li {
margin-bottom: 20px;
}
.product_catalog_img_wrap img {
width: 70px !important;
height: 70px !important;
}
.ctm_hero_content .ctm_hero_content_heading {
font-size: 36px !important;
line-height: 48px !important;
}
.ctm_about_spacing,
.ctm_home_spacing {
margin-bottom: 60px !important;
}
.ctm_support_hero_main_section {
padding-block: 60px !important;
}
.ctm_product_page_main_wrap {
padding-top: 40px;
padding-bottom: 100px;
}
.ctm_contact_form_main_wrapper_wrapper .gform_heading .gform_description,
.about_product_info_desc p,
.ctm_section_heading_info_wrap .ctm_section_info {
font-size: 14px !important;
line-height: 20px !important;
}
.ctm_contact_form_main_wrapper_wrapper .gform_heading .gform_title,
.ctm_footer_contact_heading,
body:has(.our_products_main_container) h2.wp-block-heading,
.ctm_section_heading_info_wrap .ctm_section_heading {
font-size: 28px !important;
}
body:has(.our_products_main_container) h2.wp-block-heading {
margin-bottom: 46px !important;
}
.ctm_section_heading_wrapper {
margin-bottom: 30px;
}
.ctm_related_products_wrap ul.products,
.ctm_our_products_wrap,
.product_page_catalog_cards_wrap,
.upcoming-events,
.ctm_contact_information_wrap,
.product_catalog_cards_wrap,
.latest_news_cards_wrap,
.ctm_expert_support_cards_wrap {
display: grid !important;
gap: 16px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.quaility_feature_card .quaility_feature_card_heading,
.ctm_our_values_cards_content_wrap,
.ctm_footer_contact_title,
.about_product_info :is(.contact_btn),
.ctm_icon_btn,
.ctm_past_event_slide_wrap .ctm_past_event_slide_btn,
.latest_news_card .latest_news_card_btn,
.ctm_about_section_wrap .ctm_about_title {
font-size: 14px !important;
line-height: 20px !important;
}
.ctm_about_section_wrap .ctm_about_heading {
font-size: 30px;
}
.ctm_about_section_wrap {
padding: 40px;
}
.ctm_our_values_heading_wrap,
.ctm_about_section_wrap .ctm_about_info_main_wrap {
margin-bottom: 26px;
}
.gform_wrapper
.ctm_contact_form_main_wrapper
.gform_footer
input[type="submit"],
.ctm_hero_contact_btn,
.ctm_bg_btn {
font-size: 14px !important;
padding: 8px 16px !important;
}
.ctm_past_event_content_wrap .event_name,
.latest_news_card .latest_news_card_title,
.ctm_contact_information_card_wrap .ctm_contact_information_card_heading,
.product_catalog_card_wrap .product_catalog_card_heading,
.product_category_card_wrap .product_category_card_heading {
font-size: 16px;
line-height: 24px;
}
.ctm_contact_information_card_wrap .ctm_contact_information_card_btn,
.product_catalog_card_wrap .product_catalog_card_btn {
padding: 8px;
font-size: 14px;
}
.product_catalog_card_wrap .product_catalog_img_wrap {
margin-bottom: 38px;
}
.ctm_contact_form_main_wrapper_wrapper {
padding: 40px 36px;
gap: 38px;
}
.ctm_latest_news_container,
.global_privilege_container_fluid {
padding: 46px 0;
}
.ctm_footer_contact_wrap {
padding: 66px 0;
}
.about_product_info :is(.contact_btn),
.ctm_icon_btn,
.ctm_past_event_slide_wrap .ctm_past_event_slide_btn,
.latest_news_card .latest_news_card_btn,
.product_category_card_wrap .product_category_card_btn {
min-width: 160px !important;
}
.ctm_title_banner_wrap {
min-height: 40vh !important;
}
.ctm_standards_section_heading_wrap .ctm_standards_heading,
.ctm_commitment_info_wrap .ctm_commitment_heading,
.about_product_info_title,
.ctm_our_values_heading,
.ctm_timeline_wrap .ctl-content .ctl-title {
font-size: 20px !important;
line-height: 36px !important;
}
.ctm_commitment_type_ul_wrap li {
font-size: 10px;
line-height: 20px;
}
.ctm_standards_lists li,
.quaility_desc {
font-size: 12px;
line-height: 16px;
}
.quaility_feature_desc .quaility_desc {
line-height: 20px;
}
.ctm_quaility_commitment_info_wrap {
padding: 25px 30px;
}
.ctm_standards_section_wrap {
padding: 25px 45px 16px 45px !important;
}
.ctm_standards_lists li::before {
width: 18px;
height: 18px;
}
.ctm_standards_lists {
column-gap: 36px;
}
.ctm_news_head_section_wrap {
padding: 34px 40px;
}
.ctm_news_head_section_wrapper {
margin-top: -120px;
}
.single-post
.post
:is(
h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading
) {
font-size: 22px;
}
}
@media (max-width: 991px) {
.product_category_card_img_wrap img {
width: 40px !important;
height: 40px !important;
object-fit: contain !important;
}
.ctm_product_specification_points ul {
grid-template-columns: repeat(1, 1fr);
}
.position-absolute.ctm_quaility_commitment_container {
position: relative !important;
}
.quaility_feature_main_container {
margin-bottom: 46px;
}
.ctm_footer_social_info_wrap {
gap: 18px;
}
.single-post
.post
:is(
h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading
) {
font-size: 20px;
}
}
@media (max-width: 782px) {
.ctm_key_features_data_wrap .wp-block-column::after {
position: absolute;
content: "";
bottom: -20px !important;
bottom: 0;
height: 1px;
width: 100%;
border-bottom: 1px solid #bfbfbf73;
}
.ctm_product_hero_section {
gap: 0 !important;
}
.ctm_key_features_container
.ctm_key_features_data_wrap:last-child
.wp-block-column:last-child:after {
content: unset !important;
}
.ctm_key_features_data_wrap {
gap: 40px !important;
padding: 0 15px !important;
}
.ctm_product_hero_section {
padding: 0 15px !important;
}
.ctm_key_features_data_wrap h5.wp-block-heading {
font-size: 14px !important;
margin-top: 18px !important;
}
body:has(.our_products_main_container)
.ctm_product_hero_section
h2.wp-block-heading {
margin-bottom: 30px !important;
}
.ctm_product_hero_section p {
font-size: 14px !important;
}
.ctm_key_features_data_wrap p {
font-size: 12px !important;
margin-top: 8px !important;
}
.ctm_key_features_data_wrap .wp-block-image img {
margin-bottom: 0;
width: 30px;
height: 30px;
}
.ctm_key_features_container .ctm_key_features_data_wrap:last-child {
margin-top: 40px !important;
}
}
@media (max-width: 767px) {
.ctm_support_hero_row {
gap: 30px !important;
}
.ctm_support_parts_row > .wp-block-column > .wp-block-heading {
font-size: 12px !important;
}
.ctm_support_parts_row > .wp-block-column {
width: 100% !important;
flex-basis: 100% !important;
border-bottom-width: 4px !important;
}
.ctm_support_parts_section {
padding-block: 44px !important;
}
.event-month-nav :is(.prev_month_wrap, .next_month_wrap) {
position: relative !important;
inset: 0 !important;
}
.ctm_remaining_news_pagination :is(.prev.page-numbers, .next.page-numbers) {
width: 36px;
height: 36px;
margin-inline: 10px !important;
}
.ctm_no_event_svg > svg {
width: 150px;
height: auto;
}
.event_slide_date > .event_slide_month {
font-size: 16px;
}
.event-month-nav .event_calendar_control_btn {
width: 30px;
height: 30px;
}
.events_calendar_section {
padding-block: 40px;
}
.event_slide_date {
padding: 10px 12px;
font-size: 20px;
}
.ctm_calendar_slide_data .event_title {
font-size: 14px;
}
.event-thumb img {
max-height: 280px;
}
.ctm_event_box_data_wrap {
padding: 20px 14px 12px 14px;
}
.ctm_event_box_data_wrap .event_date_wrap .event_date {
font-size: 32px;
}
.event_tags .badge {
font-size: 10px;
padding: 2px 6px;
}
.ctm_event_calender_btn {
padding: 10px 20px;
}
.ctm_no_event_content,
.ctm_event_box_data_wrap .event_heading {
font-size: 16px;
}
.ctm_support_hero_info_section p,
.ctm_no_event_desc,
.ctm_product_specification_points ul li span {
font-size: 12px !important;
}
.ctm_products_info_container p {
font-size: 12px !important;
line-height: 16px !important;
}
.ctm_products_info_container .wp-block-group {
padding: 40px !important;
}
.related.products .ctm_related_products_wrap div.add-to-cart-container {
margin-top: 0 !important;
}
.ctm_product_card_wrapper {
gap: 16px;
}
.ctm_product_specification_points ul li::before {
left: 26px;
}
.ctm_product_specification_points ul li {
padding: 8px 26px 8px 56px;
}
.product_page_img_wrap img {
height: 300px;
}
.product_page_card_info_wrap .product_page_card_heading {
font-size: 14px;
min-width: auto;
}
.timeline-image {
height: 300px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 20px !important;
}
.ctm_more_news_main_container {
padding: 30px 0 36px 0;
}
.ctm_right_bottom_card_wrap .card-img,
.ctm_right_top_card_wrap .card-img,
.ctm_left_card_wrap .card-img {
max-height: 260px;
}
.single-post
.post
:is(
h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading
) {
font-size: 18px;
}
/*
.ctm_nav_main_wrap a.navbar-brand {
width: auto !important;
} */
.ctm_news_head_section_wrap {
padding: 24px 26px;
z-index: 9;
}
.ctm_news_head_section_wrapper {
margin-top: -60px;
}
.single-post .post :is(p, ul, li, ol) {
font-size: 14px;
line-height: 18px;
margin-bottom: 20px;
}
.ctm_contact_form_main_wrapper
.gform_fields
:is(
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
textarea::placeholder,
select::placeholder
),
.ctm_contact_form_main_wrapper
.gform_fields
:is(.gfield_label, .gfield_required) {
font-size: 12px !important;
}
.ctm_contact_form_main_wrapper
.gform_fields
:is(
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select
) {
padding: 0 6px 6px 0 !important;
line-height: normal !important;
}
.ctm_title_banner_wrap {
min-height: 30vh !important;
}
.ctm_past_event_heading,
.ctm_banner_heading_wrap .ctm_banner_page_heading {
font-size: 18px;
}
.ctm_banner_heading_wrap .ctm_banner_heading {
font-size: 24px;
}
.our_products_main_container,
.ctm_featured_about_container,
.ctm_product_specification_container,
.footer_main_wrap {
padding: 42px 0 !important;
}
.quaility_feature_main_container {
margin-bottom: 36px;
}
.quaility_feature_wrapper {
gap: 22px;
}
.ctm_footer_social_info_wrap {
gap: 12px;
}
.ctm_standards_lists {
columns: 1;
}
.ctm_quaility_commitment_section_wrap,
.ctm_standards_section_heading_wrap {
margin-bottom: 24px;
}
.ctm_standards_section_wrap {
padding: 25px 35px 16px 35px !important;
border-width: 0 0 0 8px !important;
}
.ctm_standards_section_heading_wrap .ctm_standards_heading,
.ctm_commitment_info_wrap .ctm_commitment_heading,
.about_product_info_title,
.ctm_our_values_heading,
.ctm_timeline_wrap .ctl-content .ctl-title {
font-size: 16px !important;
line-height: 24px !important;
}
.ctm_timeline_wrap .ctl-content :is(.ctl-description, .ctl-description p) {
font-size: 12px;
}
.ctm_hero_content .ctm_hero_content_heading {
font-size: 26px !important;
line-height: 36px !important;
}
.ctm_our_values_cards_ul,
.ctm_our_values_heading_wrap,
.ctm_about_section_wrap .ctm_about_info_main_wrap,
.product_category_card_wrap .product_category_card_info_wrap {
margin-bottom: 20px;
}
.ctm_nav_offcanvas_body_wrap #main-menu > .menu-item > .nav-link,
.ctm_footer_section_heading,
.ctm_hero_content .ctm_hero_content_desc {
font-size: 14px;
line-height: 20px;
}
.gform_wrapper
.ctm_contact_form_main_wrapper
.gform_footer
input[type="submit"],
.ctm_hero_contact_btn,
.ctm_bg_btn {
font-size: 12px !important;
padding: 7px 14px !important;
}
.ctm_about_spacing,
.ctm_home_spacing {
margin-bottom: 40px !important;
}
.ctm_support_hero_main_section {
padding-block: 40px !important;
}
.ctm_product_page_main_wrap {
padding-top: 30px;
padding-bottom: 60px;
}
.ctm_contact_form_main_wrapper_wrapper .gform_heading .gform_title,
.ctm_footer_contact_heading,
body:has(.our_products_main_container) h2.wp-block-heading,
.ctm_section_heading_info_wrap .ctm_section_heading {
font-size: 20px !important;
}
body:has(.our_products_main_container) h2.wp-block-heading {
margin-bottom: 36px !important;
}
.ctm_contact_form_main_wrapper_wrapper .gform_heading .gform_description,
.about_product_info_desc p,
.ctm_section_heading_info_wrap .ctm_section_info {
font-size: 12px !important;
line-height: 16px !important;
}
.ctm_section_heading_wrapper {
margin-bottom: 20px;
}
.ctm_related_products_wrap ul.products,
.ctm_our_products_wrap,
.product_page_catalog_cards_wrap,
.ctm_contact_information_wrap,
.upcoming-events,
.product_catalog_cards_wrap,
.latest_news_cards_wrap,
.ctm_expert_support_cards_wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.ctm_past_event_content_wrap .event_name,
.latest_news_card .latest_news_card_title,
.product_catalog_card_wrap .product_catalog_card_heading,
.ctm_contact_information_card_wrap .ctm_contact_information_card_heading,
.product_category_card_wrap .product_category_card_heading {
font-size: 14px;
line-height: 20px;
}
.ctm_contact_information_card_wrap .ctm_contact_information_card_des,
.product_catalog_card_wrap .product_catalog_card_des,
.product_category_card_wrap .product_category_card_des {
font-size: 12px !important;
line-height: 20px;
}
.ctm_contact_information_card_wrap .ctm_contact_information_card_btn,
.product_catalog_card_wrap .product_catalog_card_btn {
padding: 6px;
font-size: 12px;
}
.product_catalog_card_wrap .product_catalog_img_wrap {
margin-bottom: 30px;
}
.ctm_contact_form_main_wrapper_wrapper {
padding: 30px 26px;
gap: 30px;
}
.ctm_our_values_cards_ul li {
margin-bottom: 16px;
}
.ctm_about_section_wrap .ctm_about_heading {
font-size: 26px;
}
.ctm_past_event_content_wrap .event_date,
.ctm_our_values_cards_content_wrap,
.ctm_footer_contact_title,
.ctm_past_event_content_wrap .event_desc,
.latest_news_card .latest_news_card_excerpt,
.ctm_footer_social_info_wrap p,
.ctm_footer_section_info .nav-link,
.ctm_about_section_wrap .ctm_about_title {
font-size: 12px !important;
line-height: 16px !important;
}
.about_product_info :is(.contact_btn),
.ctm_icon_btn,
.ctm_past_event_slide_wrap .ctm_past_event_slide_btn,
.latest_news_card .latest_news_card_btn,
.product_category_card_wrap .product_category_card_btn {
font-size: 12px;
min-width: 140px !important;
}
.ctm_latest_news_container,
.global_privilege_container_fluid {
padding: 36px 0;
}
.ctm_footer_contact_wrap {
padding: 46px 0;
}
.product_catalog_img_wrap img {
width: 60px !important;
height: 60px !important;
}
.latest_news_cards_wrap {
gap: 24px;
}
.ctm_contact_form_main_wrapper_wrapper {
padding: 20px 18px;
gap: 24px;
}
.ctm_timeline_wrap .ctl-content {
padding: 12px 18px !important;
}
.ctm_our_values_card_wrap {
padding: 30px 55px 16px 35px;
}
.ctm_our_values_section_wrapper {
padding: 34px 0 0 34px;
}
.ctm_timeline_wrap
.ctl-wrapper
.ctl-vertical-wrapper
.ctl-labels
~ .ctl-icondot {
top: 16px;
}
.ctm_timeline_wrap
.ctl-wrapper
.ctl-vertical-wrapper:not(.ctl-one-sided)
.ctl-end,
.ctm_timeline_wrap
.ctl-wrapper
.ctl-vertical-wrapper:not(.ctl-one-sided)
.ctl-start {
left: calc(5% - var(--ctw-line-width) + 3px) !important;
}
.related.products
.ctm_our_products_card_info_wrap
.ctm_our_products_card_title.woocommerce-loop-product__title,
.ctm_our_products_card_info_wrap .ctm_our_products_card_title {
font-size: 14px !important;
line-height: normal !important;
}
.related.products .ctm_related_products_wrap li.product img {
margin-bottom: 12px !important;
}
.ctm_support_parts_row,
.ctm_support_hero_row {
padding-inline: 12px !important;
}
}
@media (max-width: 640px) {
.ctm_contact_form_main_wrapper .gform_fields {
gap: 20px 16px !important;
}
}
body.single-product .ctm_banner_page_heading {
color: #52407f; /* desired product heading color */
}
ol.wp-block-list {
font-family:
"Montserrat", sans-serif !important; /* change the font : Site Services list*/
}
/* ---------------------------------------- */
/* style start find-tablet-coating-solution */
/* ---------------------------------------- */
.find-tablet-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.find-tablet-content {
background-color: #f6f6f6;
width: 67%;
padding: 36px 47px;
display: flex;
border: 1px solid #bfbfbf73;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
/* hading */
.find-tablet-heading {
font-weight: 800;
font-style: normal;
font-size: 32px;
line-height: 41.6px;
letter-spacing: 0;
text-align: center;
text-transform: uppercase;
color: #52407f;
}
.tablet-coating-form {
width: 100%;
}
.coating-step-container {
width: 100%;
max-width: 1010px;
background-color: transparent;
padding-bottom: 16px;
}
/* Header Styles */
.step-header {
background-color: #52407f; /* Dark Purple from Design */
color: #ffffff;
padding: 12px 24px;
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid rgba(191, 191, 191, 0.45);
}
.step-title {
font-weight: 600;
font-size: 18px;
letter-spacing: 0.5px;
}
.step-title-other {
font-weight: 600;
font-size: 14px;
letter-spacing: 0.5px;
}
.step-number {
font-weight: 500;
font-size: 16px;
}
.step-content {
background-color: #ffffff;
padding: 32px;
border-left: 1px solid #e5e7eb;
border-right: 1px solid #e5e7eb;
border-bottom: 1px solid #e5e7eb;
}
.radio-group {
display: flex;
gap: 16px;
flex-wrap: wrap;
padding-bottom: 20px;
}
.coating-option {
position: relative;
cursor: pointer;
}
.coating-option input[type="radio"] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.option-btn {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
padding: 0 24px;
background-color: #ffffff;
border: 1px solid #afabd5;
color: #afabd5;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
transition: all 0.3s ease;
user-select: none;
}
.coating-option:hover .option-btn {
background-color: #f8f8fc;
border-color: #52407f;
color: #52407f;
}
.coating-option input[type="radio"]:checked + .option-btn {
background-color: #afabd5;
color: #ffffff;
border-color: #afabd5;
}
.batch-input-group {
display: flex;
flex-direction: row;
align-items: flex-end;
width: 68%;
gap: 16px;
font-family: "Montserrat", sans-serif;
}
.batch-input-wrapper {
display: flex;
flex-direction: column;
gap: 9px;
flex-grow: 1;
width: 60%;
}
.batch-input-wrapper-hidden {
display: none;
width: 60%;
animation: fadeIn 0.3s ease-in-out;
}
.batch-field {
width: 100%;
border: none;
outline: none;
background: transparent;
font-family: "Montserrat", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: rgba(0, 0, 0, 0.87);
padding: 0;
margin: 0;
}
.batch-field::placeholder {
color: rgba(0, 0, 0, 0.45);
}
.batch-underline {
width: 100%;
height: 1px;
background-color: #000000;
}
.batch-unit-label {
font-family: "Montserrat", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #afabd5;
white-space: nowrap;
margin-bottom: 2px;
}
.find-tablet-btn {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
width: 200px;
height: 47px;
padding: 11px 0 9px 0;
background-color: #52407f;
border: 1px solid #afabd5;
border-radius: 4px;
color: #ffffff;
font-family: "Montserrat", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 17px;
text-transform: uppercase;
text-decoration: none;
}
/* ---------------------------------------- */
/* style end find-tablet-coating-solution */
/* ---------------------------------------- */
/* ---------------------------------------- */
/* style end machine detail section */
/* ---------------------------------------- */
.machine-detail-header {
width: 90%;
padding-top: 54px;
}
.machine-img {
display: flex;
justify-content: center;
align-items: center;
}
.btf-button-container {
/* Layout & Dimensions */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 11px 24px 9px; /* Matches Figma padding */
gap: 10px;
width: 194px;
height: 47px;
/* Visual Styling */
background: #ffffff;
border: 1px solid #afabd5;
border-radius: 4px;
/* Interaction */
cursor: pointer;
text-decoration: none;
transition: all 0.2s ease;
}
.btf-button-container:hover {
background-color: #fcfcfd;
border-color: #52407f; /* Darkens border on hover */
}
.btf-icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
}
/* Using SVG for the chevron to match the vector cleanly */
.btf-icon-svg {
width: 14px;
height: 14px;
stroke: #52407f; /* Purple Icon Color */
stroke-width: 2.5;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
}
.btf-label-text {
/* Typography */
font-family: "Montserrat", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 17px;
text-transform: uppercase;
/* Color */
color: #52407f; /* Purple Text Color */
white-space: nowrap;
}
.machine-detail-container-main {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: white;
}
.res-header-wrapper {
display: flex;
flex-direction: column;
align-items: center;
padding: 0;
gap: 8px;
width: 100%;
max-width: 656px;
margin: 0 auto;
font-family: "Montserrat", sans-serif;
}
.res-main-title {
width: 100%;
margin: 0;
font-style: normal;
font-weight: 800;
font-size: 32px;
line-height: 42px;
display: flex;
align-items: center;
text-align: center;
text-transform: uppercase;
color: #52407f;
}
.res-summary-badge-container {
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 16px;
gap: 10px;
width: fit-content;
min-width: 415px;
background: #ffffff;
border: 1px solid rgba(191, 191, 191, 0.45);
border-radius: 100px;
}
.res-summary-text {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
color: #52407f;
white-space: nowrap;
}
.res-summary-span {
font-weight: 600;
}
.prod-card-main {
box-sizing: border-box;
width: 100%;
max-width: 1104px;
margin: 40px auto;
background: #f8f9fa;
border: 1px solid rgba(191, 191, 191, 0.45);
font-family: "Montserrat", sans-serif;
}
/* Dark Header Bar */
.prod-header-bar {
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 20px 32px;
background: #52407f;
border: 1px solid rgba(191, 191, 191, 0.45);
}
.prod-title-group-heading {
margin: 0;
font-weight: 700 !important;
text-transform: inherit !important;
font-size: 32px;
line-height: 1;
color: #ffffff;
}
.prod-model-label {
display: block;
margin-top: 4px;
font-weight: 600;
font-size: 14px;
color: #ffffff;
}
.prod-recommended-tag {
background: #ef943e;
color: #ffffff;
padding: 8px 16px;
border-radius: 100px;
font-weight: 600;
font-size: 14px;
border: 1px solid rgba(191, 191, 191, 0.45);
}
/* Specs Grid Layout */
.prod-specs-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin: 0px 42px;
padding: 32px 0px;
background: #f8f9fa;
border-bottom: 1px solid #bfbfbf;
}
.spec-box {
padding: 17px 74px;
background: #ffffff;
border-radius: 8px;
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0; /* Prevents overflow */
}
.spec-box-title {
font-weight: 700;
font-size: 14px;
line-height: 24px;
color: #52407f;
margin-bottom: 4px;
}
.spec-row {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.spec-label {
font-weight: 400;
font-size: 14px;
color: #000000;
}
.spec-value {
font-weight: 700;
font-size: 14px;
color: #52407f;
}
.machine-image {
height: 458px;
width: 428px;
background-size: cover;
}
.inf-main-container {
box-sizing: border-box;
width: 100%;
padding: 40px;
font-family: "Montserrat", sans-serif;
border-top: none;
}
.inf-section-title {
font-weight: 800 !important;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
color: #52407f;
margin-bottom: 4px;
}
.inf-section-subtitle {
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #000000;
margin-bottom: 24px;
}
.inf-section-title-select {
font-weight: 700 !important;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
color: #52407f;
margin-bottom: 4px;
}
/* Email Form Row */
.inf-form-row {
display: flex;
align-items: center;
gap: 24px;
margin-bottom: 32px;
}
.inf-input-group {
display: flex;
flex-direction: column;
flex-grow: 1;
max-width: 509px;
}
.inf-email-field {
border: none;
border-bottom: 1px solid #000000;
padding: 8px 0;
font-family: "Montserrat", sans-serif;
font-size: 16px;
outline: none;
background: transparent;
}
.inf-email-field::placeholder {
color: rgba(0, 0, 0, 0.45);
}
/* Document Selection Area */
.inf-docs-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin-top: 16px;
}
/* Hide default radio */
.inf-doc-card input[type="checkbox"] {
display: none;
}
.inf-doc-card {
box-sizing: border-box;
display: flex;
align-items: center;
padding: 13px 12px;
gap: 10px;
background: #ffffff;
border: 1px solid #bfbfbf;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease;
}
/* Checked Card */
.inf-doc-card
input[type="checkbox"]:checked
+ .inf-checkbox-box
+ .inf-doc-label,
.inf-doc-card input[type="checkbox"]:checked ~ .inf-doc-label {
font-weight: 600;
color: #52407f;
}
.inf-doc-card input[type="checkbox"]:checked ~ .inf-checkbox-box {
background: #52407f;
border-color: #52407f;
}
/* Card BG when checked */
.inf-doc-card input[type="checkbox"]:checked ~ * {
}
.inf-doc-card input[type="checkbox"]:checked {
}
.inf-doc-card:has(input:checked) {
background: #f1f0fe;
border: 1px solid #52407f;
}
/* Custom Checkbox */
.inf-checkbox-box {
width: 16px;
height: 16px;
border: 1.5px solid #bfbfbf;
border-radius: 3px;
background: #f8f9fa;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
/* Checkmark */
.inf-checkmark {
width: 10px;
height: 8px;
stroke: #ffffff;
stroke-width: 2;
fill: none;
display: none;
}
/* Show checkmark when checked */
.inf-doc-card
input[type="checkbox"]:checked
~ .inf-checkbox-box
.inf-checkmark {
display: block;
}
.inf-doc-label {
font-weight: 400;
font-size: 14px;
color: #000000;
}
/* Big Learn More Button */
.inf-learn-more-btn {
width: 100%;
height: 47px;
background: #52407f;
color: #ffffff;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
border: none;
border-radius: 4px;
margin-top: 32px;
cursor: pointer;
}
/* Container */
.inf-pagination-nav {
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
padding-bottom: 200px;
}
/* Buttons Base */
.inf-page-btn {
width: 46px;
height: 46px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-sizing: border-box;
border: 1px solid rgba(191, 191, 191, 0.45);
transition: all 0.2s ease;
}
/* Prev Style */
.inf-page-btn-inactive {
background: #ecf0f1;
}
.inf-page-btn-inactive .inf-page-icon {
stroke: #bfbfbf;
}
/* Active State */
.inf-page-btn-active {
background: #52407f;
}
.inf-page-btn-active .inf-page-icon {
stroke: #ffffff;
}
/* Icons */
.inf-page-icon {
width: 24px;
height: 24px;
fill: none;
stroke-width: 2.5;
}
/* */
/* recomandade solution */
/* */
.Recommended-Solution-container {
display: flex;
display: flex;
flex-direction: column;
gap: 8px;
margin: 0px 42px;
padding-top: 32px;
padding-bottom: 0px;
background: #f8f9fa;
border-bottom: 1px solid #bfbfbf;
}
.Recommended-Solution-title {
font-weight: 800 !important;
font-size: 20px;
line-height: 20px;
color: #52407f;
margin-bottom: 4px;
}
.Recommended-Solution-subtitle {
font-weight: 400;
font-size: 14px;
line-height: 21px;
color: #000000;
margin-bottom: 24px;
}
/*multistepform_css*/
/* ---------- Reset / Base ---------- */
.tcs-wrap *,
.tcs-wrap *::before,
.tcs-wrap *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.tcs-wrap {
font-family: "Nunito Sans", "Segoe UI", sans-serif;
max-width: 760px;
margin: 0 auto;
padding: 32px 16px 48px;
color: #1a1a2e;
}
/* ---------- Title ---------- */
.tcs-page-title {
text-align: center;
font-size: clamp(1.4rem, 3.5vw, 2rem);
font-weight: 900;
color: #523f7e;
text-transform: uppercase;
letter-spacing: 0.02em;
line-height: 1.2;
margin-bottom: 32px;
}
/* ---------- Stepper ---------- */
.tcs-stepper {
display: flex;
align-items: center;
justify-content: center;
gap: 0;
margin-bottom: 36px;
}
/* All steps default to gray (inactive) */
.tcs-step {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
width: 70px;
transition: opacity 0.3s;
}
.tcs-step__circle {
width: 44px;
height: 44px;
border-radius: 50%;
padding: 5px;
border: 1px solid rgb(192, 184, 211);
background: #ebeff0;
color: #bbb4cc;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 0.95rem;
transition:
background 0.3s,
color 0.3s,
border-color 0.3s;
position: relative;
}
.tcs-step__circle::before {
content: "";
position: absolute;
top: -6px;
left: -6px;
width: 54px;
height: 54px;
border-radius: 50%;
background: transparent;
border: 2px solid #523f7e30;
transition: border-color 0.3s;
}
.tcs-step.tcs-step--active .tcs-step__circle::before {
border: 2px solid #523f7e8f;
}
.tcs-step__label {
font-size: 0.72rem;
font-weight: 700;
color: #bbb4cc;
white-space: nowrap;
}
/* Active step — filled dark purple */
.tcs-step--active .tcs-step__circle {
background: #523f7e;
color: #fff;
border-color: #523f7e;
}
.tcs-step--active .tcs-step__label {
color: #523f7e;
font-weight: 700;
font-size: 0.9rem;
}
/* Done step — outlined purple */
.tcs-step--done .tcs-step__circle {
background: #523f7e;
color: #fff;
border-color: #523f7e;
}
.tcs-step--done .tcs-step__label {
color: #523f7e;
}
.tcs-step-line {
flex: 1;
height: 2px;
border-top: 2px dashed #d5cce8;
min-width: 80px;
max-width: 160px;
margin: 0 -4px;
margin-bottom: 22px;
}
/* ---------- Card ---------- */
.tcs-card {
background: #f7f5fb;
border: 1.5px solid #e0d8f0;
border-radius: 8px;
padding: 16px 22px 22px;
box-shadow: 0 2px 12px rgba(82, 63, 126, 0.06);
}
.tcs-card__header-title {
font-size: 1rem;
font-weight: 900;
color: #523f7e;
}
.tcs-card__subtitle {
font-size: 0.88rem;
color: #000000;
margin-bottom: 30px;
font-weight: 400;
text-align: left;
}
.batch_size .tcs-card__subtitle {
font-size: 0.8rem;
color: #000000;
margin-bottom: 12px;
font-weight: 400;
padding-inline: 16px;
line-height: normal;
}
/* ---------- Section — now a white container ---------- */
.tcs-section {
margin-bottom: 16px;
background: #fff;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(82, 63, 126, 0.06);
}
/* ---------- Section Bar — full-width header inside container ---------- */
.tcs-section__bar {
background: #523f7e;
color: #fff;
font-size: 0.85rem;
font-weight: 600;
padding: 8px 16px;
border-radius: 0; /* no own radius — inherits from container top */
margin-bottom: 0; /* no gap; content padding handles spacing */
display: block;
}
/* ---------- Coating Slider ---------- */
.tcs-coating-slider-wrap {
display: flex;
align-items: center;
gap: 8px;
overflow: hidden;
padding: 16px 12px 8px;
}
.tcs-section .tcs-select {
margin: 16px;
width: calc(100% - 32px);
}
.tcs-slider-arrow {
background: none;
border: 1px solid #d7d1e2;
border-radius: 50%;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
flex-shrink: 0;
color: #6c3fc4;
transition:
background 0.2s,
color 0.2s;
}
.tcs-slider-arrow:hover {
background: #523f7e2d;
color: #fff;
border-color: #523f7e63;
}
.tcs-slider-arrow svg {
width: 16px;
height: 16px;
}
.tcs-coating-options {
display: flex;
gap: 10px;
overflow: hidden;
flex: 1;
}
.tcs-coating-option {
flex-shrink: 0;
cursor: pointer;
}
.tcs-coating-option input[type="radio"],
.tcs-coating-option input[type="checkbox"] {
display: none;
}
.tcs-coating-btn {
display: flex;
align-items: center;
gap: 8px;
padding: 9px 16px;
border-radius: 8px;
border: 1.5px solid #bbb7da;
background: #fff;
font-size: 0.82rem;
font-weight: 500;
color: #afaad4;
white-space: nowrap;
transition:
border-color 0.2s,
background 0.2s,
color 0.2s;
cursor: pointer;
user-select: none;
}
/* Unchecked box — white square with light purple border */
.tcs-coating-btn::before {
content: "";
width: 16px;
height: 16px;
min-width: 16px;
border: 2px solid #bbb7da;
border-radius: 3px;
background: #fff;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: 900;
line-height: 1;
transition:
background 0.2s,
border-color 0.2s;
}
/* Checked button — medium purple fill */
.tcs-coating-option input:checked + .tcs-coating-btn {
border-color: #bbb7da;
background: #afaad4;
color: #fff;
font-weight: 700;
}
/* Checked box — white background with purple ✓ */
.tcs-coating-option input:checked + .tcs-coating-btn::before {
content: "✓";
background: #523f7e;
border-color: #523f7e;
color: #fff;
box-shadow: none;
}
.tcs-dots {
display: flex;
justify-content: center;
gap: 6px;
margin-top: 0;
padding: 4px 0 14px;
}
.tcs-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #c5b4e3;
cursor: pointer;
transition: background 0.2s;
}
.tcs-dot--active {
background: #6c3fc4;
}
/* ---------- Coating Slider Responsive ---------- */
@media (max-width: 768px) {
.tcs-coating-slider-wrap {
gap: 6px;
padding: 12px 8px 8px;
}
.tcs-coating-btn {
padding: 8px 12px;
font-size: 0.78rem;
}
.tcs-coating-options {
gap: 6px;
}
}
@media (max-width: 480px) {
.tcs-coating-slider-wrap {
gap: 4px;
padding: 10px 4px 6px;
}
.tcs-coating-btn {
padding: 7px 10px;
font-size: 0.75rem;
gap: 5px;
}
.tcs-coating-options {
gap: 5px;
}
.tcs-slider-arrow {
width: 28px;
height: 28px;
}
.tcs-slider-arrow svg {
width: 14px;
height: 14px;
}
}
/* ---------- Other Input ---------- */
.tcs-other-wrap {
margin: 0 16px 16px;
}
/* ---------- Text Input ---------- */
.tcs-text-input {
width: 100%;
border: none;
border-bottom: 1.5px solid #b0a0cc;
background: transparent;
padding: 8px 4px;
font-size: 0.9rem;
color: #333;
outline: none;
transition: border-color 0.2s;
}
.tcs-text-input:focus {
border-color: #6c3fc4;
}
/* ---------- Row / Col ---------- */
.tcs-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 24px;
}
@media (max-width: 520px) {
.tcs-row {
grid-template-columns: 1fr;
}
}
/* Col — white container matching Section style */
.tcs-col {
background: #fff;
border-radius: 6px;
overflow: hidden;
border: 1px solid #e8e0f5;
}
/* Content padding inside col */
.tcs-col .tcs-input-row {
padding: 16px 16px 12px;
}
.tcs-col .tcs-select {
margin: 16px;
width: calc(100% - 32px);
}
.tcs-input-row {
display: flex;
align-items: center;
gap: 10px;
}
.tcs-input-unit {
font-size: 0.78rem;
color: #afaad4;
white-space: nowrap;
}
/* ---------- Select ---------- */
.tcs-select {
width: 100%;
padding: 9px 36px 9px 12px;
border: 1.5px solid #c5b4e3;
border-radius: 6px;
font-size: 0.88rem;
font-weight: 600;
color: #5b3197;
background: #fff
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236c3fc4' stroke-width='1.5' fill='none'/%3E%3C/svg%3E")
no-repeat right 12px center;
-webkit-appearance: none;
appearance: none;
outline: none;
cursor: pointer;
}
.tcs-select:focus {
border-color: #6c3fc4;
}
/* ---------- Actions ---------- */
.tcs-actions {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 16px;
margin-top: 8px;
}
/* ---------- Buttons ---------- */
.tcs-btn {
padding: 13px 40px;
border-radius: 6px;
font-size: 0.88rem;
font-weight: 500;
letter-spacing: 0.08em;
cursor: pointer;
border: none;
transition:
opacity 0.2s,
transform 0.1s;
}
.tcs-btn:active {
transform: scale(0.97);
}
.tcs-btn--primary {
background: #523f7e;
color: #fff;
padding: 13px 32px;
white-space: nowrap;
}
.tcs-btn--primary:hover {
opacity: 0.88;
}
.tcs-btn--ghost {
background: transparent;
color: #523f7e;
border: none;
font-size: 0.88rem;
font-weight: 700;
cursor: pointer;
letter-spacing: 0.08em;
padding: 13px 20px;
}
.tcs-btn--ghost:hover {
text-decoration: underline;
}
/* ---------- Wrap ---------- */
.tcs-res-wrap *,
.tcs-res-wrap *::before,
.tcs-res-wrap *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.tcs-res-wrap {
font-family: "Nunito Sans", "Segoe UI", sans-serif;
max-width: 900px;
margin: 0 auto;
padding: 32px 16px 60px;
color: #1a1a2e;
}
/* ---------- Title / Badge ---------- */
.tcs-res-title {
text-align: center;
font-size: clamp(1.4rem, 3.5vw, 2rem);
font-weight: 900;
color: #523f7e;
text-transform: uppercase;
line-height: 1.2;
margin-bottom: 20px;
}
.tcs-res-badge {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 6px 10px;
font-size: 0.84rem;
color: #555;
border: 1.5px solid #ccc;
border-radius: 30px;
padding: 6px 20px;
width: fit-content;
margin: 0 auto 32px;
}
.tcs-res-badge__item {
font-weight: 500;
color: #523f7e;
}
.tcs-res-badge__item--accent {
font-weight: 700;
color: #523f7e;
}
.tcs-res-badge__sep {
color: #b0a0cc;
}
/* ---------- Layout ---------- */
.tcs-res-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
align-items: start;
}
.tcs-res-docs-row,
.tcs-res-machine-row {
grid-column: 1 / -1;
}
.tcs-res-docs-cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px;
background: #f7f5fb;
padding: 24px;
border: 1.5px solid #e0d8f0;
border-radius: 10px;
/* overflow: hidden; */
box-shadow: 0 2px 12px rgba(82, 63, 126, 0.06);
}
.tcs-res-layout--single {
grid-template-columns: 1fr;
max-width: 500px;
margin: 0 auto;
}
.tcs-res-layout--single .tcs-res-machine-row {
grid-column: 1;
}
@media (max-width: 680px) {
.tcs-res-layout {
grid-template-columns: 1fr;
}
.tcs-res-machine-row {
grid-column: 1;
}
.tcs-machine-body {
flex-direction: column;
}
.tcs-machine-img-wrap {
width: 100% !important;
min-width: unset;
padding: 16px 16px 12px;
}
}
/* ---------- Machine Card Tabs ---------- */
.tcs-machine-tabs {
display: flex;
justify-content: center;
gap: 10px;
margin-left: auto;
}
.tcs-machine-tab {
padding: 6px 12px;
font-size: 0.8rem;
font-weight: 500;
border: 1.5px solid #d0c8e0;
border-radius: 30px;
background: #fff;
color: #888;
cursor: pointer;
transition:
background 0.2s,
color 0.2s,
border-color 0.2s;
line-height: normal;
}
.tcs-machine-tab.tcs-machine-tab--active {
background: #5b3197 !important;
color: #fff !important;
border-color: #5b3197 !important;
}
/* ---------- Machine Card Body ---------- */
/* .tcs-machine-card {
border: 1.5px solid #e0d8f0;
border-radius: 16px;
overflow: hidden;
background: #fff;
box-shadow: 0 2px 12px rgba(82, 63, 126, 0.06);
} */
.tcs-machine-body {
display: flex;
gap: 20px;
}
.tcs-machine-img-wrap {
background: #f7f5fb;
padding: 16px 20px 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
width: 60%;
min-width: 200px;
gap: 14px;
border: 1.5px solid #e0d8f0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(82, 63, 126, 0.06);
}
.tcs-machine-img {
width: 100%;
max-width: 240px;
height: auto;
object-fit: contain;
flex: 1;
mix-blend-mode: multiply;
}
.tcs-machine-specs {
padding: 10px 22px;
flex: 1;
display: flex;
flex-direction: column;
background: #f7f5fb;
border: 1.5px solid #ccc;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(82, 63, 126, 0.06);
}
.tcs-machine-name {
font-size: 1.2rem;
font-weight: 700;
color: #5b3197;
line-height: normal;
margin-bottom: 4px;
}
.tcs-machine-model {
font-size: 1.1rem;
margin-bottom: 20px;
line-height: normal;
}
.tcs-spec-group {
padding: 12px 16px;
background: #fff;
margin-bottom: 8px;
}
.tcs-spec-label {
font-size: 0.9rem;
margin-bottom: 4px;
}
.tcs-spec-val {
font-size: 1.4rem;
font-weight: 800;
color: #5b3197;
line-height: normal;
}
/* ---------- Docs Panel ---------- */
/* .tcs-docs-panel {
background: #fff;
border: 1.5px solid #e0d8f0;
border-radius: 12px;
padding: 24px;
} */
.tcs-cont-heading,
.tcs-docs-heading {
font-size: 1rem;
font-weight: 700 !important;
color: #5b3197;
margin-bottom: 4px;
text-transform: none !important;
}
.tcs-cont-sub,
.tcs-docs-sub {
font-size: 0.9rem;
color: #000;
margin-bottom: 20px;
text-align: start;
line-height: normal;
}
.tcs-docs-label {
font-size: 0.9rem;
font-weight: 600;
color: #5b3197;
display: block;
line-height: normal;
}
.tcs-docs-email {
width: 100%;
border: none;
border-bottom: 1.5px solid #b0a0cc;
background: transparent;
padding: 7px 2px;
font-size: 0.88rem;
outline: none;
margin-bottom: 16px;
color: #333;
}
.tcs-docs-email:focus {
border-color: #6c3fc4;
}
.tcs-docs-checks {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 20px;
}
.tcs-check-row {
display: flex;
align-items: center;
gap: 10px;
font-size: 0.85rem;
cursor: pointer;
background: #fff;
padding: 6px 8px;
border: 1px solid #ccc;
border-radius: 4px;
line-height: normal;
font-weight: 500;
}
.tcs-check-row input[type="checkbox"] {
display: none;
}
.tcs-check-box {
width: 16px;
height: 16px;
border: 2px solid #c5b4e3;
border-radius: 3px;
flex-shrink: 0;
background: #fff;
display: inline-block;
transition:
background 0.2s,
border-color 0.2s;
}
.tcs-check-row input:checked + .tcs-check-box {
background: #5b3197;
border-color: #5b3197;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M1 3.5L3.5 6 9 1' stroke='white' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
.tcs-send-btn {
width: 100%;
padding: 10px 12px;
background: #5b3197;
color: #fff;
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.04em;
border-radius: 4px;
cursor: pointer;
margin-bottom: 12px;
transition: opacity 0.2s;
text-transform: none;
line-height: normal;
height: auto;
}
.tcs-send-btn:hover {
opacity: 0.88;
}
.tcs-send-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.tcs-back-link {
display: block;
text-align: center;
font-size: 1rem;
color: #5b3197;
text-decoration: none;
border: 1.5px solid #ddd;
border-radius: 4px;
padding: 8px 12px;
transition: border-color 0.2s;
line-height: normal;
}
.tcs-back-link:hover {
border-color: #6c3fc4;
color: #5b3197;
}
/* ---------- Right panel ---------- */
.tcs-res-right {
}
.tcs-cont-featured-img-wrap {
background: #f7f5fb;
border-bottom: 1.5px solid #ccc;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(82, 63, 126, 0.06);
padding: 12px 24px;
}
.tcs-cont-featured {
border: 1.5px solid #e0d8f0;
border-radius: 8px;
overflow: hidden;
background: #fff;
margin-bottom: 14px;
}
.tcs-cont-img {
width: 100%;
max-height: 180px;
object-fit: cover;
display: block;
mix-blend-mode: multiply;
object-fit: contain;
}
.tcs-cont-info {
padding: 14px 16px;
}
.tcs-cont-model {
font-size: 1rem;
font-weight: 700;
color: #5b3197;
}
.tcs-cont-range {
font-size: 0.85rem;
font-weight: 600;
}
.tcs-cont-desc {
font-size: 0.8rem;
margin: 2px 0 8px 0;
line-height: normal;
}
.tcs-cont-explore {
font-size: 0.82rem;
font-weight: 700;
color: #5b3197;
text-decoration: none;
}
.tcs-cont-explore:hover {
text-decoration: underline;
}
/* Explore More accordion */
.tcs-explore-more {
border: 1.5px solid #e0d8f0;
border-radius: 8px;
position: relative;
}
.tcs-explore-toggle {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 12px;
background: #fff;
border: 1px solid #5b31978c;
border-radius: 4px;
font-size: 0.88rem;
font-weight: 500;
color: #5b3197;
cursor: pointer;
}
.tcs-explore-icon {
width: 18px;
height: 18px;
transition: transform 0.2s;
}
.tcs-explore-icon--up {
transform: rotate(180deg);
}
.tcs-explore-list {
display: block;
position: absolute;
top: calc(100% + 6px);
background: rgb(255, 255, 255);
width: 100%;
z-index: 999;
border: 1px solid #5b31978c;
border-radius: 4px;
}
.tcs-explore-item {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 16px;
}
.tcs-explore-thumb {
width: 50px;
height: 50px;
object-fit: contain;
border-radius: 4px;
background: #f4f3f8;
}
.tcs-explore-name {
font-size: 0.84rem;
font-weight: 700;
color: #5b3197;
}
.tcs-explore-range {
font-size: 0.7rem;
}
.tcs-explore-link {
margin-left: auto;
font-size: 0.8rem;
font-weight: 600;
color: #5b3197;
text-decoration: none;
white-space: nowrap;
}
.tcs-explore-link:hover {
text-decoration: underline;
}
/* ---------- No result ---------- */
.tcs-noresult-card {
background: #fff;
border: 1.5px solid #e0d8f0;
border-radius: 8px;
padding: 24px;
}
.tcs-noresult-title {
font-size: 1rem;
font-weight: 800;
color: #2a1a50;
margin-bottom: 10px;
}
.tcs-noresult-body {
font-size: 0.88rem;
color: #555;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.tcs-res-docs-cards {
grid-template-columns: repeat(1, 1fr);
gap: 40px;
padding: 20px;
}
.tcs-send-btn {
padding: 8px 10px;
}
.tcs-back-link {
padding: 7px 12px;
}
.tcs-machine-specs {
padding: 10px 20px;
}
.tcs-machine-name {
font-size: 1.1rem;
}
.tcs-machine-model {
font-size: 1rem;
}
.tcs-spec-val {
font-size: 1.2rem;
}
.tcs-spec-group {
padding: 10px 14px;
}
.tcs-btn--primary {
padding: 10px 22px;
font-size: 0.75rem;
}
.tcs-btn--ghost {
font-size: 0.8rem;
padding: 8px 14px;
}
.tcs-card {
padding: 16px 20px 20px;
}
.tcs-card__header {
margin-bottom: 4px;
}
.tcs-card__subtitle {
margin-bottom: 26px;
}
.tcs-select {
padding: 8px 36px 8px 12px;
}
}
@media (max-width: 575px) {
.tcs-step-line {
min-width: 50px;
}
.tcs-step__label {
font-size: 0.62rem !important;
}
.tcs-step__circle {
width: 34px;
height: 34px;
}
.tcs-step__circle::before {
width: 44px;
height: 44px;
}
}
@media (max-width: 475px) {
.tcs-actions {
gap: 8px;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.tcs-btn--primary {
padding: 8px 12px;
}
}
/* Step transition animations */
.tcs-card,
#tcsStep3 {
animation-duration: 600ms;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation-fill-mode: both;
}
@keyframes tcs-slide-in-right {
from {
opacity: 0;
transform: translateX(80px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes tcs-slide-out-left {
from {
opacity: 1;
transform: translateX(0);
}
to {
opacity: 0;
transform: translateX(-80px);
}
}
.tcs-anim-enter {
animation-name: tcs-slide-in-right;
}
.tcs-anim-exit {
animation-name: tcs-slide-out-left;
pointer-events: none;
}
.tcs-wrap {
position: relative;
/* overflow: hidden; */
min-height: 840px;
}