body{background-color: #f6f9fe;} salesmartly-chat-widget{display: none !important;} #page_main .white_box {padding: 30px;background-color: #fff;border-radius: 20px;overflow: hidden;} #page_main #company-header .header_box{display: flex;flex-direction: row;gap: 50px;padding: 35px 0;align-items: flex-start;justify-content: space-between;} #page_main #company-header .header_box .header_left{display: flex;flex-direction: row;column-gap: 25px;} #page_main #company-header .header_box .header_left .logo_box{display: flex;align-items: center;justify-content: center;width: 90px;height: 90px;min-width: 60px;min-height: 60px;border-radius: 8px;background: #ffffff;padding: 15px;box-sizing: border-box;box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);} #page_main #company-header .header_box .header_left .profile_box{display: flex;flex-direction: column;flex: 1;} #page_main #company-header .profile_box .company_mark{display: flex;flex-direction: row;column-gap: 20px;} #page_main #company-header .profile_box .company_mark .logo_box{display: none;} #page_main #company-header .profile_box .company_mark .company_name{font-size: 40px;color: #000000;flex: 1;line-height: 1.25;} #page_main #company-header .profile_box .company_website{font-size: 14px;color: #3b4659;margin-top: 10px;margin-bottom: 10px;} #page_main #company-header .profile_box .company_desc{font-size: 14px;color: #3b4659;margin-top: 5px;line-height: 26px;} /* base */ #page_main .main_box{position: relative; } #page_main .white_box:first-child{margin-top: 0;} #page_main .main_box .baseinfo{margin-bottom: 30px;padding: 50px 30px 45px;position: relative; } #page_main .main_box .basic_title{font-size: 30px;color: #000;text-transform: uppercase; } #page_main .main_box .basic{display: flex;gap: 15px;margin-top: 16px;} #page_main .main_box .basic .basic_inner{width: calc((100% - 30px) / 2);} #page_main .main_box .basic .basic_inner .rows{background: #f7f9ff; padding: 15px 20px;border-radius: 10px;margin-right: 80px;margin-top: 16px;} #page_main .main_box .basic .rows:first-child{margin-top: 0;} #page_main .main_box .basic .rows .label{font-size: 16px;color: #000;margin-bottom: 5px;font-weight: bold;} #page_main .main_box .basic .rows .value{font-size: 14px;color: #3b4659;line-height:2;} #page_main .main_box .basic .rows .tags{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 15px;} #page_main .main_box .basic .rows .tags .item{font-size: 12px;color: #0961fb;padding: 6px 15px;border: 1px solid #0961fb;border-radius: 100px;cursor: default;} #page_main .company_subheading{font-size: 26px;margin-bottom: 24px;} #page_main .core_products_services{margin-bottom: 40px;} #page_main .core_products_services .core_product_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;row-gap: 20px; margin-top:18px} #page_main .core_products_services .core_product_card{background:#f0f3ff;border-radius:14px;padding:22px;display:flex;gap:18px;align-items:flex-start} #page_main .core_products_services .core_product_card .product_image{width:96px;height:96px;border-radius:12px;object-fit:fill} #page_main .core_products_services .core_product_card .product_body{flex:1} #page_main .core_products_services .core_product_card .product_title{padding: 0px; font-size: 20px;margin:0 0 8px} #page_main .core_products_services .core_product_card .product_tag{display:inline-block;background:#ccdfff;color:#0054d2;padding:6px 10px;border-radius:14px;font-size: 12px;font-weight:600;margin-bottom:12px} #page_main .core_products_services .core_product_card .product_desc{color:#334155;line-height: 24px;font-size: 14px} #page_main .target_clientele{margin-bottom: 40px;} #page_main .target_grid{display:grid;grid-template-columns: repeat(3,1fr);row-gap: 30px;margin-top: 18px;margin-bottom: 40px;overflow: hidden;position: relative;} #page_main .target_grid .target_card{background:#fff;border-radius: 4px;overflow: hidden;display: flex;} #page_main .target_grid .target_card:nth-child(5n+1) .target_card_border{background: #16be80;} #page_main .target_grid .target_card:nth-child(5n+2) .target_card_border{background: #0ac9c9;} #page_main .target_grid .target_card:nth-child(5n+3) .target_card_border{background: #ffcc00;} #page_main .target_grid .target_card:nth-child(5n+4) .target_card_border{background: #6161ff;} #page_main .target_grid .target_card:nth-child(5n+5) .target_card_border{background: #ff71cd;} #page_main .target_grid .target_card .card_title{font-weight: 700;padding-left: 18px;margin-bottom: 12px;font-size: 20px; } #page_main .target_grid .target_card .target_card_border{width: 6px;height: 100%;z-index: 9;} #page_main .target_grid .target_card:nth-child(5n+1) .card_title{border-left: 6px solid #16be80;} #page_main .target_grid .target_card:nth-child(5n+2) .card_title{border-left: 6px solid #0ac9c9;} #page_main .target_grid .target_card:nth-child(5n+3) .card_title{border-left: 6px solid #ffcc00;} #page_main .target_grid .target_card:nth-child(5n+4) .card_title{border-left: 6px solid #6161ff;} #page_main .target_grid .target_card:nth-child(5n+5) .card_title{border-left: 6px solid #ff71cd;} #page_main .target_grid .target_card .target_list{margin-left:18px;padding:0;margin:0;list-style:none} #page_main .target_grid .target_card .target_list li{padding:12px 24px;font-size: 14px} #page_main .target_grid .target_card .target_list li .line{width: 100%;display: block;height: 1px;position: absolute;left: 0;transform: translate(0px, 12px);background: #e2e5f0;z-index: 0;} #page_main .target_grid .target_card .target_list li .first_line{transform: translate(0px, -12px);} #page_main .competitive_landscape{margin-bottom: 40px;} #page_main .competitive_landscape .competitive_landscape_grid{display:flex;align-items: flex-start;gap:24px;margin-top:18px} #page_main .competitive_landscape .competitive_left{display:flex;align-items:center;justify-content:center;height: 500px;width: 500px;flex: none;} #page_main .competitive_landscape .comp_pie_image{max-width:100%} #page_main .competitive_landscape .competitive_right{border:1px solid #d0d4e4;border-radius:14px;padding:30px 0;width: 100%; height: 500px;box-sizing: border-box;} #page_main .competitive_landscape .comp_card_head{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding: 0 25px;} #page_main .competitive_landscape .comp_logo{width:40px;height:40px;border-radius:8px;background: #0dca84;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size: 20px} #page_main .competitive_landscape .comp_title{font-size: 24px;font-weight:700} #page_main .competitive_landscape .comp_meta{display:flex;flex-direction:column;gap:10px;font-size: 14px;color: #092540;line-height: 24px; max-height: 360px; overflow: hidden; overflow-y: auto; scrollbar-width: thin; padding: 0 25px; } #page_main .competitive_landscape .comp_meta .meta_row{display:flex;gap:12px} #page_main .competitive_landscape .comp_meta .meta_row img{padding-top: 5px} #page_main .competitive_landscape .meta_icon{width:18px;height:18px;flex:0 0 18px;opacity:0.9} #page_main .competitive_landscape .meta_label{font-weight:700;margin-right:6px} #page_main .competitive_landscape .comp_list{margin-top:8px;display:flex;flex-direction:column;gap:12px} #page_main .competitive_landscape .comp_list p{margin:0;color:#092540;line-height:1.6} #page_main .latest_news{margin-bottom: 40px;} #page_main .latest_news .latest_news_grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;} #page_main .latest_news .latest_news_grid .latest_news_card{border-radius:12px;padding:20px;background:#f7f9ff;border:1px solid rgba(11,19,32,0.03);margin-bottom: 20px;} #page_main .latest_news .latest_news_grid .latest_news_card .latest_news_title{font-size: 20px;margin:0 0 8px;line-height:1.4;color: #000;} #page_main .latest_news .latest_news_grid .latest_news_card .product_title{padding: 0px; font-size: 20px;font-weight:800;margin:0 0 8px} #page_main .latest_news .latest_news_grid .latest_news_card .latest_news_tags{margin: 10px 0;} #page_main .latest_news .latest_news_grid .latest_news_card .latest_news_tag{display:inline-block;background:#d8e5ff;color:#0054d2;padding:6px 10px;border-radius:14px;font-size: 12px;font-weight:600;margin-right: 8px;} #page_main .latest_news .latest_news_grid .latest_news_card .latest_news_desc{color:#334155;line-height: 24px;font-size: 14px} #page_main .stick_banner { position: fixed;display: flex;width: max-content;align-items: center;gap: 30px; justify-content: space-between;bottom: 30px;left: 50%;transform: translateX(-50%);height: 75px;padding: 0 40px; z-index: 999;box-sizing: border-box;border-radius: 999px; background: linear-gradient(to right, #123eff, #6f54fa);} #page_main .stick_banner .text{color: #fff;font-weight: bold;font-size: 18px;} #page_main .stick_banner .btn{width: 150px;height: 45px;cursor: pointer;font-weight: bold;border-radius: 99px;background: #ffdb31;font-size: 14px;color: #000;display: flex;align-items: center;justify-content: center;gap: 6px;} @media (max-width:1200px){ #page_main #company-header .header_box{flex-direction: column;gap: 2vw;align-items: flex-start;} #page_main #company-header .header_box .header_right{flex-direction: row;gap: 10px;} #page_main .target_grid{grid-template-columns:repeat(2,1fr)} } @media (max-width:1024px) { #page_main .main_box .basic .left .rows{padding: 10px 20px;margin-right:0} #page_main .core_products_services .core_product_grid{grid-template-columns:repeat(1,1fr)} #page_main .latest_news .latest_news_grid{grid-template-columns: repeat(2, 1fr)} } @media (max-width:768px){ #page_main .white_box {padding: 4vw;border-radius: 2.6667vw;} #page_main #company-header .header_box{gap: 3vw;padding: 4.66vw 0;} #page_main #company-header .header_box .header_left{column-gap: 4.66vw;} #page_main #company-header .header_box .header_left .logo_box{display: none;} #page_main #company-header .profile_box .company_mark{column-gap: 4vw;align-items: center;} #page_main #company-header .profile_box .company_mark .logo_box{display: flex;width: 12vw;height: 12vw;padding: 2vw;} #page_main #company-header .profile_box .company_mark .company_name{font-size: 24px;} #page_main #company-header .profile_box .company_desc{margin-top: 2vw;} #page_main .main_box .basic{flex-wrap: wrap;} #page_main .main_box .basic .left, #page_main .main_box .basic .right{width: 100%;} #page_main .competitive_landscape .competitive_landscape_grid{flex-direction:column;align-items: center;gap: 15px;} #page_main .competitive_landscape .competitive_left{order:1} #page_main .competitive_landscape .competitive_right{order:2} #page_main .stick_banner { gap: 4vw; bottom: 4vw;height: 10vw;padding: 0 5.3333vw;} #page_main .stick_banner .text{font-size: 2.4vw;} #page_main .stick_banner .btn{width: 20vw;height: 6vw; font-size: 1.8667vw; gap: .8vw;} } @media (max-width:660px) { #page_main .target_grid{grid-template-columns:repeat(1,1fr)} #page_main .latest_news .latest_news_grid{grid-template-columns: repeat(1, 1fr)} } @media (max-width:600px) { #page_main .core_products_services .core_product_card .product_title{font-size: 16px;} #page_main .core_products_services .core_product_card .product_title{font-size: 18px;} #page_main .target_grid .target_card .card_title{font-size: 18px;} #page_main .latest_news .latest_news_grid .latest_news_card .latest_news_title{font-size: 18px;} } @media (max-width:500px){ #page_main .core_products_services .core_product_card{flex-direction: column;align-items: center;} #page_main .core_products_services .core_product_card .product_image{width: 30%;height: 100%;} #page_main .core_products_services .core_product_card .product_title{text-align: center;} #page_main .core_products_services .core_product_card .product_tag{display: none;} #page_main .core_products_services .core_product_card .product_desc{text-align: center;} #page_main .competitive_landscape .competitive_landscape_grid{gap: 10px;} #page_main .competitive_landscape .competitive_left{width: 70vw;height: 70vw;} #page_main .competitive_landscape .comp_logo{display: none;} #page_main .competitive_landscape .comp_title{font-size: 18px;} #page_main .competitive_landscape .competitive_right{padding: 18px 0;} #page_main .competitive_landscape .comp_card_head{padding: 0 10px;} #page_main .competitive_landscape .comp_meta{padding: 0 10px;} } @media (max-width:420px) { #page_main .core_products_services .core_product_card{padding: 18px 10px;} #page_main .target_grid .target_card .card_title{font-size: 16px;} #page_main .latest_news .latest_news_grid .latest_news_card{padding: 18px 10px;} #page_main .latest_news .latest_news_grid .latest_news_card .latest_news_title{font-size: 16px;} } @media (max-width:375px){ #page_main .core_products_services .core_product_card .product_title{font-size: 14px;} #page_main .core_products_services .core_product_card .product_desc{font-size: 14px;} }