| @@ -150,29 +150,8 @@ | ||
| 150 | 150 | } |
| 151 | 151 | .toplevel_page_timetics .tt-page-header-wrapper .tt-header-info-dropdown.ant-btn { |
| 152 | 152 | padding: 4px 0px; |
| 153 | 153 | } |
| 154 | -.toplevel_page_timetics .tt-page-header-wrapper .tt-header-referral-link { | |
| 155 | - display: inline-flex; | |
| 156 | - align-items: center; | |
| 157 | - justify-content: center; | |
| 158 | - width: 32px; | |
| 159 | - height: 32px; | |
| 160 | - border: 1px solid #d9d9d9; | |
| 161 | - border-radius: 6px; | |
| 162 | - background: transparent; | |
| 163 | - color: rgba(0, 0, 0, 0.88); | |
| 164 | - transition: color 0.2s ease, border-color 0.2s ease; | |
| 165 | -} | |
| 166 | -.toplevel_page_timetics .tt-page-header-wrapper .tt-header-referral-link .anticon { | |
| 167 | - font-size: 19px; | |
| 168 | - line-height: 1; | |
| 169 | -} | |
| 170 | -.toplevel_page_timetics .tt-page-header-wrapper .tt-header-referral-link:hover, .toplevel_page_timetics .tt-page-header-wrapper .tt-header-referral-link:focus { | |
| 171 | - color: var(--tt-primary-color); | |
| 172 | - border-color: var(--tt-primary-color); | |
| 173 | - background: transparent; | |
| 174 | -} | |
| 175 | 154 | .toplevel_page_timetics .tt-shortcode-list .ant-input-group-addon .anticon:hover path { |
| 176 | 155 | stroke: var(--tt-primary-color); |
| 177 | 156 | } |
| 178 | 157 | .toplevel_page_timetics .tt-shortcode-list .ant-input-group-addon:last-child { |
| @@ -407,8 +386,11 @@ | ||
| 407 | 386 | font-weight: 600; |
| 408 | 387 | } |
| 409 | 388 | .tt-container-wrapper .tt-form-container { |
| 410 | 389 | padding: 30px; |
| 390 | + background-color: #ffffff; | |
| 391 | + border: 1px solid var(--tt-secondary-color-12); | |
| 392 | + border-radius: 8px; | |
| 411 | 393 | } |
| 412 | 394 | @media screen and (max-width: 768px) { |
| 413 | 395 | .tt-container-wrapper .tt-form-container { |
| 414 | 396 | padding: 20px; |
| @@ -413,13 +395,8 @@ | ||
| 413 | 395 | .tt-container-wrapper .tt-form-container { |
| 414 | 396 | padding: 20px; |
| 415 | 397 | } |
| 416 | 398 | } |
| 417 | -.tt-container-wrapper .tt-form-container { | |
| 418 | - background-color: #ffffff; | |
| 419 | - border: 1px solid var(--tt-secondary-color-12); | |
| 420 | - border-radius: 8px; | |
| 421 | -} | |
| 422 | 399 | .tt-container-wrapper .tt-form-container .ant-collapse { |
| 423 | 400 | border-radius: 8px; |
| 424 | 401 | } |
| 425 | 402 | .tt-container-wrapper .tt-form-container .ant-collapse-header-text { |
| @@ -489,12 +466,8 @@ | ||
| 489 | 466 | background-color: var(--tt-secondary-color-20); |
| 490 | 467 | box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.12); |
| 491 | 468 | border-radius: 28px; |
| 492 | 469 | } |
| 493 | -.toplevel_page_timetics .ant-switch .ant-switch-handle::before { | |
| 494 | - box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.15); | |
| 495 | - background: linear-gradient(210.38deg, #ffffff 11.21%, rgba(255, 255, 255, 0.8) 87.98%); | |
| 496 | -} | |
| 497 | 470 | .toplevel_page_timetics .ant-switch .ant-switch-handle { |
| 498 | 471 | top: 4px; |
| 499 | 472 | left: 4px; |
| 500 | 473 | width: 16px; |
| @@ -499,18 +472,22 @@ | ||
| 499 | 472 | left: 4px; |
| 500 | 473 | width: 16px; |
| 501 | 474 | height: 16px; |
| 502 | 475 | } |
| 476 | +.toplevel_page_timetics .ant-switch .ant-switch-handle::before { | |
| 477 | + box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.15); | |
| 478 | + background: linear-gradient(210.38deg, #ffffff 11.21%, rgba(255, 255, 255, 0.8) 87.98%); | |
| 479 | +} | |
| 503 | 480 | .toplevel_page_timetics .ant-switch.ant-switch-checked { |
| 504 | 481 | background: var(--tt-primary-color); |
| 505 | 482 | } |
| 483 | +.toplevel_page_timetics .ant-switch.ant-switch-checked .ant-switch-handle { | |
| 484 | + left: calc(100% - 20px); | |
| 485 | +} | |
| 506 | 486 | .toplevel_page_timetics .ant-switch.ant-switch-checked .ant-switch-handle::before { |
| 507 | 487 | background: linear-gradient(210.38deg, #ffffff 11.21%, rgba(255, 255, 255, 0.7) 87.98%); |
| 508 | 488 | box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25); |
| 509 | 489 | } |
| 510 | -.toplevel_page_timetics .ant-switch.ant-switch-checked .ant-switch-handle { | |
| 511 | - left: calc(100% - 20px); | |
| 512 | -} | |
| 513 | 490 | .toplevel_page_timetics .ant-checkbox .ant-checkbox-inner { |
| 514 | 491 | width: 20px; |
| 515 | 492 | height: 20px; |
| 516 | 493 | border-radius: 4px; |
| @@ -1527,8 +1504,10 @@ | ||
| 1527 | 1504 | background-color: #ffffff; |
| 1528 | 1505 | padding: 30px 30px 20px; |
| 1529 | 1506 | box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); |
| 1530 | 1507 | border: 1px solid rgb(238, 239, 241); |
| 1508 | + border-radius: 8px; | |
| 1509 | + position: relative; | |
| 1531 | 1510 | } |
| 1532 | 1511 | @media screen and (max-width: 570px) { |
| 1533 | 1512 | .tt-single-meeting-card { |
| 1534 | 1513 | padding: 20px; |
| @@ -1533,12 +1512,8 @@ | ||
| 1533 | 1512 | .tt-single-meeting-card { |
| 1534 | 1513 | padding: 20px; |
| 1535 | 1514 | } |
| 1536 | 1515 | } |
| 1537 | -.tt-single-meeting-card { | |
| 1538 | - border-radius: 8px; | |
| 1539 | - position: relative; | |
| 1540 | -} | |
| 1541 | 1516 | .tt-single-meeting-card.disabled-meeting-card { |
| 1542 | 1517 | background-color: #eeeff1; |
| 1543 | 1518 | border: 1px solid var(--tt-secondary-color-12); |
| 1544 | 1519 | opacity: 0.5; |
| @@ -1686,15 +1661,15 @@ | ||
| 1686 | 1661 | right: 5px; |
| 1687 | 1662 | top: 72%; |
| 1688 | 1663 | transform: translateY(-50%); |
| 1689 | 1664 | } |
| 1690 | -.tt-share-meeting-modal .tt-share-link-input input[readonly] { | |
| 1691 | - background-color: transparent; | |
| 1692 | -} | |
| 1693 | 1665 | .tt-share-meeting-modal .tt-share-link-input { |
| 1694 | 1666 | position: relative; |
| 1695 | 1667 | margin-bottom: 0; |
| 1696 | 1668 | } |
| 1669 | +.tt-share-meeting-modal .tt-share-link-input input[readonly] { | |
| 1670 | + background-color: transparent; | |
| 1671 | +} | |
| 1697 | 1672 | .tt-share-meeting-modal .tt-share-link-input::after { |
| 1698 | 1673 | content: ""; |
| 1699 | 1674 | position: absolute; |
| 1700 | 1675 | width: 156px; |
| @@ -1702,15 +1677,15 @@ | ||
| 1702 | 1677 | top: 6px; |
| 1703 | 1678 | right: 68px; |
| 1704 | 1679 | background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 3%, rgb(255, 255, 255) 75%); |
| 1705 | 1680 | } |
| 1706 | -.tt-share-meeting-modal .tt-saas-share-link-input input[readonly] { | |
| 1707 | - background-color: transparent; | |
| 1708 | -} | |
| 1709 | 1681 | .tt-share-meeting-modal .tt-saas-share-link-input { |
| 1710 | 1682 | position: relative; |
| 1711 | 1683 | margin-bottom: 0; |
| 1712 | 1684 | } |
| 1685 | +.tt-share-meeting-modal .tt-saas-share-link-input input[readonly] { | |
| 1686 | + background-color: transparent; | |
| 1687 | +} | |
| 1713 | 1688 | .tt-share-meeting-modal .tt-saas-share-link-input::after { |
| 1714 | 1689 | content: ""; |
| 1715 | 1690 | position: absolute; |
| 1716 | 1691 | width: 156px; |
| @@ -1911,8 +1886,12 @@ | ||
| 1911 | 1886 | border-color: #000; |
| 1912 | 1887 | } |
| 1913 | 1888 | .tt-schedules-container .tt-meeting-schedule { |
| 1914 | 1889 | padding: 25px 20px 20px 20px; |
| 1890 | + background-color: #ffffff; | |
| 1891 | + border: 1px solid var(--tt-secondary-color-12); | |
| 1892 | + border-radius: 6px; | |
| 1893 | + margin-top: -28px; | |
| 1915 | 1894 | } |
| 1916 | 1895 | @media screen and (max-width: 570px) { |
| 1917 | 1896 | .tt-schedules-container .tt-meeting-schedule { |
| 1918 | 1897 | padding: 0; |
| @@ -1917,14 +1896,8 @@ | ||
| 1917 | 1896 | .tt-schedules-container .tt-meeting-schedule { |
| 1918 | 1897 | padding: 0; |
| 1919 | 1898 | } |
| 1920 | 1899 | } |
| 1921 | -.tt-schedules-container .tt-meeting-schedule { | |
| 1922 | - background-color: #ffffff; | |
| 1923 | - border: 1px solid var(--tt-secondary-color-12); | |
| 1924 | - border-radius: 6px; | |
| 1925 | - margin-top: -28px; | |
| 1926 | -} | |
| 1927 | 1900 | .tt-schedules-container .tt-meeting-schedule .tt-availability-btn-area { |
| 1928 | 1901 | margin-bottom: 20px; |
| 1929 | 1902 | } |
| 1930 | 1903 | @media screen and (max-width: 570px) { |
| @@ -2458,8 +2431,10 @@ | ||
| 2458 | 2431 | } |
| 2459 | 2432 | .timetics-onboard .onboard-wizard-container { |
| 2460 | 2433 | background-color: #fff; |
| 2461 | 2434 | border-radius: 20px; |
| 2435 | + padding: 40px; | |
| 2436 | + animation: AnimationFadeIn 500ms ease-in 0s 1 normal none running; | |
| 2462 | 2437 | } |
| 2463 | 2438 | @media screen and (max-width: 570px) { |
| 2464 | 2439 | .timetics-onboard .onboard-wizard-container { |
| 2465 | 2440 | padding: 20px; |
| @@ -2464,16 +2439,13 @@ | ||
| 2464 | 2439 | .timetics-onboard .onboard-wizard-container { |
| 2465 | 2440 | padding: 20px; |
| 2466 | 2441 | } |
| 2467 | 2442 | } |
| 2468 | -.timetics-onboard .onboard-wizard-container { | |
| 2469 | - padding: 40px; | |
| 2470 | - animation: AnimationFadeIn 500ms ease-in 0s 1 normal none running; | |
| 2471 | -} | |
| 2472 | 2443 | .timetics-onboard .tt-onboard-progress-bar { |
| 2473 | 2444 | max-width: 400px; |
| 2474 | 2445 | text-align: center; |
| 2475 | 2446 | margin: 0 auto; |
| 2447 | + margin-bottom: 50px; | |
| 2476 | 2448 | } |
| 2477 | 2449 | .timetics-onboard .tt-onboard-progress-bar .ant-progress-bg { |
| 2478 | 2450 | background-color: #3161f1; |
| 2479 | 2451 | } |
| @@ -2479,11 +2451,8 @@ | ||
| 2479 | 2451 | } |
| 2480 | 2452 | .timetics-onboard .tt-onboard-progress-bar .ant-progress-inner { |
| 2481 | 2453 | background-color: #e2e2e3; |
| 2482 | 2454 | } |
| 2483 | -.timetics-onboard .tt-onboard-progress-bar { | |
| 2484 | - margin-bottom: 50px; | |
| 2485 | -} | |
| 2486 | 2455 | .timetics-onboard .tt-skip-button { |
| 2487 | 2456 | text-align: center; |
| 2488 | 2457 | margin-top: 20px; |
| 2489 | 2458 | } |
| @@ -3020,562 +2989,5 @@ | ||
| 3020 | 2989 | } |
| 3021 | 2990 | .tt-calendar-modal .tt-modal-meetings .ant-popover-inner { |
| 3022 | 2991 | margin: 12px; |
| 3023 | 2992 | min-width: 320px; |
| 3024 | -} | |
| 3025 | - | |
| 3026 | -.ss-about-us .ss-hero-section { | |
| 3027 | - position: relative; | |
| 3028 | - padding: 20px 40px 60px 60px; | |
| 3029 | - background: #fff; | |
| 3030 | - overflow: hidden; | |
| 3031 | - border-radius: 8px; | |
| 3032 | - margin-bottom: 40px; | |
| 3033 | -} | |
| 3034 | -@media screen and (max-width: 768px) { | |
| 3035 | - .ss-about-us .ss-hero-section { | |
| 3036 | - padding: 40px 20px 60px 20px; | |
| 3037 | - margin-bottom: 20px; | |
| 3038 | - } | |
| 3039 | -} | |
| 3040 | -.ss-about-us .ss-hero-section .ss-about-top-right-shape { | |
| 3041 | - position: absolute; | |
| 3042 | - top: 0; | |
| 3043 | - left: 0; | |
| 3044 | - z-index: 1; | |
| 3045 | -} | |
| 3046 | -@media screen and (max-width: 768px) { | |
| 3047 | - .ss-about-us .ss-hero-section .ss-about-top-right-shape { | |
| 3048 | - display: none; | |
| 3049 | - } | |
| 3050 | -} | |
| 3051 | -.ss-about-us .ss-hero-section .ss-about-bottom-shape { | |
| 3052 | - position: absolute; | |
| 3053 | - bottom: -6px; | |
| 3054 | - right: 0; | |
| 3055 | -} | |
| 3056 | -@media screen and (max-width: 768px) { | |
| 3057 | - .ss-about-us .ss-hero-section .ss-about-bottom-shape { | |
| 3058 | - display: none; | |
| 3059 | - } | |
| 3060 | -} | |
| 3061 | -.ss-about-us .ss-hero-section .ss-about-content-wrapper { | |
| 3062 | - display: flex; | |
| 3063 | - align-items: center; | |
| 3064 | - justify-content: space-between; | |
| 3065 | - gap: 30px; | |
| 3066 | -} | |
| 3067 | -@media screen and (max-width: 768px) { | |
| 3068 | - .ss-about-us .ss-hero-section .ss-about-content-wrapper { | |
| 3069 | - flex-direction: column; | |
| 3070 | - text-align: center; | |
| 3071 | - } | |
| 3072 | -} | |
| 3073 | -.ss-about-us .ss-hero-section .ss-about-content { | |
| 3074 | - flex-basis: 60%; | |
| 3075 | -} | |
| 3076 | -@media screen and (max-width: 768px) { | |
| 3077 | - .ss-about-us .ss-hero-section .ss-about-content { | |
| 3078 | - order: 2; | |
| 3079 | - } | |
| 3080 | -} | |
| 3081 | -.ss-about-us .ss-hero-section .ss-about-content h3 { | |
| 3082 | - font-size: 28px; | |
| 3083 | - font-weight: 700; | |
| 3084 | - margin-bottom: 20px; | |
| 3085 | - color: #111827; | |
| 3086 | -} | |
| 3087 | -@media screen and (max-width: 768px) { | |
| 3088 | - .ss-about-us .ss-hero-section .ss-about-content h3 { | |
| 3089 | - font-size: 24px; | |
| 3090 | - } | |
| 3091 | -} | |
| 3092 | -.ss-about-us .ss-hero-section .ss-about-content p { | |
| 3093 | - font-size: 16px; | |
| 3094 | - color: #595959; | |
| 3095 | - line-height: 1.6; | |
| 3096 | - margin-bottom: 16px; | |
| 3097 | -} | |
| 3098 | -.ss-about-us .ss-hero-section .ss-about-image { | |
| 3099 | - border-radius: 8px; | |
| 3100 | - flex-basis: 40%; | |
| 3101 | - position: relative; | |
| 3102 | -} | |
| 3103 | -@media screen and (max-width: 768px) { | |
| 3104 | - .ss-about-us .ss-hero-section .ss-about-image { | |
| 3105 | - width: 100%; | |
| 3106 | - margin-top: 30px; | |
| 3107 | - order: 1; | |
| 3108 | - } | |
| 3109 | -} | |
| 3110 | -.ss-about-us .ss-hero-section .ss-about-image img { | |
| 3111 | - width: 100%; | |
| 3112 | - height: auto; | |
| 3113 | - border-radius: 8px; | |
| 3114 | - display: block; | |
| 3115 | -} | |
| 3116 | -.ss-about-us .ss-hero-section .ss-about-image .ss-about-image-u-shape { | |
| 3117 | - position: absolute; | |
| 3118 | - top: 20px; | |
| 3119 | - right: 155px; | |
| 3120 | - z-index: 1; | |
| 3121 | -} | |
| 3122 | -@media screen and (max-width: 768px) { | |
| 3123 | - .ss-about-us .ss-hero-section .ss-about-image .ss-about-image-u-shape { | |
| 3124 | - display: none; | |
| 3125 | - } | |
| 3126 | -} | |
| 3127 | -.ss-about-us .ss-saas-section { | |
| 3128 | - background: #fff; | |
| 3129 | - border-radius: 8px; | |
| 3130 | - padding: 40px 60px; | |
| 3131 | - margin-bottom: 40px; | |
| 3132 | - overflow: hidden; | |
| 3133 | -} | |
| 3134 | -@media screen and (max-width: 1024px) { | |
| 3135 | - .ss-about-us .ss-saas-section { | |
| 3136 | - padding: 50px 40px; | |
| 3137 | - } | |
| 3138 | -} | |
| 3139 | -@media screen and (max-width: 768px) { | |
| 3140 | - .ss-about-us .ss-saas-section { | |
| 3141 | - padding: 40px 20px; | |
| 3142 | - margin-bottom: 20px; | |
| 3143 | - } | |
| 3144 | -} | |
| 3145 | -.ss-about-us .ss-saas-section .ss-saas-inner { | |
| 3146 | - display: flex; | |
| 3147 | - align-items: center; | |
| 3148 | - justify-content: space-between; | |
| 3149 | - gap: 64px; | |
| 3150 | -} | |
| 3151 | -@media screen and (max-width: 768px) { | |
| 3152 | - .ss-about-us .ss-saas-section .ss-saas-inner { | |
| 3153 | - flex-direction: column; | |
| 3154 | - gap: 40px; | |
| 3155 | - } | |
| 3156 | -} | |
| 3157 | -.ss-about-us .ss-saas-section .ss-saas-left-col { | |
| 3158 | - display: flex; | |
| 3159 | - flex-direction: column; | |
| 3160 | - gap: 20px; | |
| 3161 | - flex: 0 0 520px; | |
| 3162 | - max-width: 520px; | |
| 3163 | -} | |
| 3164 | -@media screen and (max-width: 1024px) { | |
| 3165 | - .ss-about-us .ss-saas-section .ss-saas-left-col { | |
| 3166 | - flex: 1; | |
| 3167 | - max-width: 100%; | |
| 3168 | - } | |
| 3169 | -} | |
| 3170 | -.ss-about-us .ss-saas-section .ss-eyebrow-chip { | |
| 3171 | - display: inline-flex; | |
| 3172 | - align-items: center; | |
| 3173 | - gap: 8px; | |
| 3174 | - background: #ebf3ff; | |
| 3175 | - border-radius: 999px; | |
| 3176 | - padding: 6px 14px; | |
| 3177 | - width: fit-content; | |
| 3178 | -} | |
| 3179 | -.ss-about-us .ss-saas-section .ss-eyebrow-chip .ss-eyebrow-dot { | |
| 3180 | - width: 7px; | |
| 3181 | - height: 7px; | |
| 3182 | - border-radius: 50%; | |
| 3183 | - background: #2f82ff; | |
| 3184 | - flex-shrink: 0; | |
| 3185 | -} | |
| 3186 | -.ss-about-us .ss-saas-section .ss-eyebrow-chip .ss-eyebrow-text { | |
| 3187 | - font-size: 12px; | |
| 3188 | - font-weight: 600; | |
| 3189 | - color: #2f82ff; | |
| 3190 | - line-height: 1.21; | |
| 3191 | -} | |
| 3192 | -.ss-about-us .ss-saas-section .ss-title-block { | |
| 3193 | - display: flex; | |
| 3194 | - flex-direction: column; | |
| 3195 | - gap: 8px; | |
| 3196 | -} | |
| 3197 | -.ss-about-us .ss-saas-section .ss-title-row { | |
| 3198 | - display: flex; | |
| 3199 | - align-items: center; | |
| 3200 | - gap: 12px; | |
| 3201 | -} | |
| 3202 | -.ss-about-us .ss-saas-section .ss-title-row .ss-saas-title { | |
| 3203 | - font-size: 32px; | |
| 3204 | - font-weight: 700; | |
| 3205 | - color: #0f172a; | |
| 3206 | - margin: 0; | |
| 3207 | - line-height: 1.21; | |
| 3208 | -} | |
| 3209 | -.ss-about-us .ss-saas-section .ss-version-badge { | |
| 3210 | - display: inline-flex; | |
| 3211 | - align-items: center; | |
| 3212 | - background: #2f82ff; | |
| 3213 | - border-radius: 6px; | |
| 3214 | - padding: 4px 10px; | |
| 3215 | - flex-shrink: 0; | |
| 3216 | -} | |
| 3217 | -.ss-about-us .ss-saas-section .ss-version-badge .ss-version-text { | |
| 3218 | - font-size: 11px; | |
| 3219 | - font-weight: 700; | |
| 3220 | - color: #fff; | |
| 3221 | - line-height: 1.21; | |
| 3222 | -} | |
| 3223 | -.ss-about-us .ss-saas-section .ss-accent-bar { | |
| 3224 | - width: 60px; | |
| 3225 | - height: 4px; | |
| 3226 | - background: #2f82ff; | |
| 3227 | - border-radius: 2px; | |
| 3228 | -} | |
| 3229 | -.ss-about-us .ss-saas-section .ss-saas-desc { | |
| 3230 | - font-size: 15px; | |
| 3231 | - font-weight: 400; | |
| 3232 | - color: #64748b; | |
| 3233 | - line-height: 1.7; | |
| 3234 | - margin: 0; | |
| 3235 | -} | |
| 3236 | -.ss-about-us .ss-saas-section .ss-divider { | |
| 3237 | - height: 1px; | |
| 3238 | - background: #f0f0f0; | |
| 3239 | - margin: 0; | |
| 3240 | - border: none; | |
| 3241 | -} | |
| 3242 | -.ss-about-us .ss-saas-section .ss-features-list { | |
| 3243 | - display: flex; | |
| 3244 | - flex-direction: column; | |
| 3245 | - gap: 12px; | |
| 3246 | -} | |
| 3247 | -.ss-about-us .ss-saas-section .ss-feature-item { | |
| 3248 | - display: flex; | |
| 3249 | - align-items: center; | |
| 3250 | - gap: 10px; | |
| 3251 | -} | |
| 3252 | -.ss-about-us .ss-saas-section .ss-feature-item .ss-feature-icon { | |
| 3253 | - display: flex; | |
| 3254 | - align-items: center; | |
| 3255 | - justify-content: center; | |
| 3256 | - width: 28px; | |
| 3257 | - height: 28px; | |
| 3258 | - background: #ebf3ff; | |
| 3259 | - border-radius: 8px; | |
| 3260 | - flex-shrink: 0; | |
| 3261 | -} | |
| 3262 | -.ss-about-us .ss-saas-section .ss-feature-item .ss-feature-icon svg { | |
| 3263 | - width: 14px; | |
| 3264 | - height: 14px; | |
| 3265 | -} | |
| 3266 | -.ss-about-us .ss-saas-section .ss-feature-item .ss-feature-text { | |
| 3267 | - font-size: 14px; | |
| 3268 | - font-weight: 400; | |
| 3269 | - color: #0f172a; | |
| 3270 | - line-height: 1.21; | |
| 3271 | -} | |
| 3272 | -.ss-about-us .ss-saas-section .ss-cta-row { | |
| 3273 | - display: flex; | |
| 3274 | - align-items: center; | |
| 3275 | - gap: 12px; | |
| 3276 | - flex-wrap: wrap; | |
| 3277 | -} | |
| 3278 | -@media screen and (max-width: 480px) { | |
| 3279 | - .ss-about-us .ss-saas-section .ss-cta-row { | |
| 3280 | - flex-direction: column; | |
| 3281 | - align-items: flex-start; | |
| 3282 | - } | |
| 3283 | -} | |
| 3284 | -.ss-about-us .ss-saas-section .ss-cta-row .ss-btn-primary { | |
| 3285 | - display: inline-flex; | |
| 3286 | - align-items: center; | |
| 3287 | - gap: 8px; | |
| 3288 | - padding: 10px 20px; | |
| 3289 | - background: #2f82ff; | |
| 3290 | - color: #fff; | |
| 3291 | - border: 1px solid #2f82ff; | |
| 3292 | - border-radius: 6px; | |
| 3293 | - font-size: 14px; | |
| 3294 | - font-weight: 600; | |
| 3295 | - text-decoration: none; | |
| 3296 | - cursor: pointer; | |
| 3297 | - transition: all 0.2s ease; | |
| 3298 | - -webkit-transition: all 0.2s ease; | |
| 3299 | - -moz-transition: all 0.2s ease; | |
| 3300 | - -ms-transition: all 0.2s ease; | |
| 3301 | -} | |
| 3302 | -.ss-about-us .ss-saas-section .ss-cta-row .ss-btn-primary svg { | |
| 3303 | - width: 16px; | |
| 3304 | - height: 16px; | |
| 3305 | -} | |
| 3306 | -.ss-about-us .ss-saas-section .ss-cta-row .ss-btn-primary:hover, .ss-about-us .ss-saas-section .ss-cta-row .ss-btn-primary:focus { | |
| 3307 | - background: #1a6fe0; | |
| 3308 | - border-color: #1a6fe0; | |
| 3309 | - color: #fff; | |
| 3310 | -} | |
| 3311 | -.ss-about-us .ss-saas-section .ss-cta-row .ss-btn-outlined { | |
| 3312 | - display: inline-flex; | |
| 3313 | - align-items: center; | |
| 3314 | - gap: 8px; | |
| 3315 | - padding: 10px 20px; | |
| 3316 | - background: transparent; | |
| 3317 | - color: #2f82ff; | |
| 3318 | - border: 1px solid #2f82ff; | |
| 3319 | - border-radius: 6px; | |
| 3320 | - font-size: 14px; | |
| 3321 | - font-weight: 600; | |
| 3322 | - text-decoration: none; | |
| 3323 | - cursor: pointer; | |
| 3324 | - transition: all 0.2s ease; | |
| 3325 | - -webkit-transition: all 0.2s ease; | |
| 3326 | - -moz-transition: all 0.2s ease; | |
| 3327 | - -ms-transition: all 0.2s ease; | |
| 3328 | -} | |
| 3329 | -.ss-about-us .ss-saas-section .ss-cta-row .ss-btn-outlined:hover, .ss-about-us .ss-saas-section .ss-cta-row .ss-btn-outlined:focus { | |
| 3330 | - background: #ebf3ff; | |
| 3331 | - color: #1a6fe0; | |
| 3332 | - border-color: #1a6fe0; | |
| 3333 | -} | |
| 3334 | -.ss-about-us .ss-saas-section .ss-saas-right-col { | |
| 3335 | - flex: 0 0 580px; | |
| 3336 | - max-width: 580px; | |
| 3337 | - position: relative; | |
| 3338 | - border-radius: 24px; | |
| 3339 | - padding: 20px; | |
| 3340 | -} | |
| 3341 | -.ss-about-us .ss-saas-section .ss-saas-right-col::before { | |
| 3342 | - content: ""; | |
| 3343 | - position: absolute; | |
| 3344 | - inset: 0; | |
| 3345 | - border-radius: 24px; | |
| 3346 | - background: radial-gradient(ellipse at center, #ddeeff 0%, #eaf4ff 35%, #f0f7ff 60%, transparent 100%); | |
| 3347 | - z-index: 0; | |
| 3348 | -} | |
| 3349 | -@media screen and (max-width: 1200px) { | |
| 3350 | - .ss-about-us .ss-saas-section .ss-saas-right-col { | |
| 3351 | - flex: 0 0 420px; | |
| 3352 | - max-width: 420px; | |
| 3353 | - } | |
| 3354 | -} | |
| 3355 | -@media screen and (max-width: 1024px) { | |
| 3356 | - .ss-about-us .ss-saas-section .ss-saas-right-col { | |
| 3357 | - flex: 1; | |
| 3358 | - max-width: 100%; | |
| 3359 | - } | |
| 3360 | -} | |
| 3361 | -.ss-about-us .ss-saas-section .ss-saas-right-col img { | |
| 3362 | - width: 100%; | |
| 3363 | - height: auto; | |
| 3364 | - border-radius: 16px; | |
| 3365 | - display: block; | |
| 3366 | - position: relative; | |
| 3367 | - z-index: 1; | |
| 3368 | -} | |
| 3369 | -.ss-about-us .ss-referral-section { | |
| 3370 | - position: relative; | |
| 3371 | - background: #fff; | |
| 3372 | - border: 1px solid #f1f5f9; | |
| 3373 | - border-radius: 16px; | |
| 3374 | - overflow: hidden; | |
| 3375 | - padding: 40px 32px; | |
| 3376 | - margin-bottom: 40px; | |
| 3377 | -} | |
| 3378 | -@media screen and (min-width: 769px) { | |
| 3379 | - .ss-about-us .ss-referral-section { | |
| 3380 | - padding: 24px 48px; | |
| 3381 | - } | |
| 3382 | -} | |
| 3383 | -@media screen and (max-width: 768px) { | |
| 3384 | - .ss-about-us .ss-referral-section { | |
| 3385 | - margin-bottom: 20px; | |
| 3386 | - } | |
| 3387 | -} | |
| 3388 | -.ss-about-us .ss-referral-section__inner { | |
| 3389 | - display: flex; | |
| 3390 | - flex-direction: column; | |
| 3391 | - align-items: center; | |
| 3392 | - justify-content: space-between; | |
| 3393 | - gap: 32px; | |
| 3394 | -} | |
| 3395 | -@media screen and (min-width: 769px) { | |
| 3396 | - .ss-about-us .ss-referral-section__inner { | |
| 3397 | - flex-direction: row; | |
| 3398 | - } | |
| 3399 | -} | |
| 3400 | -.ss-about-us .ss-referral-section__content { | |
| 3401 | - width: 100%; | |
| 3402 | - display: flex; | |
| 3403 | - flex-direction: column; | |
| 3404 | - gap: 20px; | |
| 3405 | -} | |
| 3406 | -@media screen and (min-width: 769px) { | |
| 3407 | - .ss-about-us .ss-referral-section__content { | |
| 3408 | - flex-basis: 55%; | |
| 3409 | - } | |
| 3410 | -} | |
| 3411 | -.ss-about-us .ss-referral-section__badge { | |
| 3412 | - display: inline-flex; | |
| 3413 | - align-items: center; | |
| 3414 | - gap: 8px; | |
| 3415 | - background: #2f5bff; | |
| 3416 | - color: #fff; | |
| 3417 | - padding: 8px 16px; | |
| 3418 | - border-radius: 999px; | |
| 3419 | - width: fit-content; | |
| 3420 | -} | |
| 3421 | -.ss-about-us .ss-referral-section__badge svg { | |
| 3422 | - width: 16px; | |
| 3423 | - height: 16px; | |
| 3424 | -} | |
| 3425 | -.ss-about-us .ss-referral-section__badge span { | |
| 3426 | - font-size: 14px; | |
| 3427 | - font-weight: 600; | |
| 3428 | -} | |
| 3429 | -.ss-about-us .ss-referral-section__title { | |
| 3430 | - font-size: 36px; | |
| 3431 | - font-weight: 700; | |
| 3432 | - color: rgba(0, 0, 0, 0.9); | |
| 3433 | - line-height: 1.15; | |
| 3434 | - margin: 0; | |
| 3435 | -} | |
| 3436 | -@media screen and (min-width: 769px) { | |
| 3437 | - .ss-about-us .ss-referral-section__title { | |
| 3438 | - font-size: 44px; | |
| 3439 | - } | |
| 3440 | -} | |
| 3441 | -.ss-about-us .ss-referral-section__desc { | |
| 3442 | - font-size: 16px; | |
| 3443 | - color: rgba(0, 0, 0, 0.6); | |
| 3444 | - line-height: 1.7; | |
| 3445 | - max-width: 28rem; | |
| 3446 | - margin: 0; | |
| 3447 | -} | |
| 3448 | -.ss-about-us .ss-referral-section__cta { | |
| 3449 | - display: inline-flex; | |
| 3450 | - align-items: center; | |
| 3451 | - gap: 10px; | |
| 3452 | - background: #ffb800; | |
| 3453 | - color: #000 !important; | |
| 3454 | - font-size: 16px; | |
| 3455 | - font-weight: 700; | |
| 3456 | - padding: 14px 24px; | |
| 3457 | - border-radius: 10px; | |
| 3458 | - width: fit-content; | |
| 3459 | - margin-top: 8px; | |
| 3460 | - text-decoration: none; | |
| 3461 | - transition: background-color 0.2s ease; | |
| 3462 | - -webkit-transition: background-color 0.2s ease; | |
| 3463 | - -moz-transition: background-color 0.2s ease; | |
| 3464 | - -ms-transition: background-color 0.2s ease; | |
| 3465 | -} | |
| 3466 | -.ss-about-us .ss-referral-section__cta svg { | |
| 3467 | - width: 16px; | |
| 3468 | - height: 16px; | |
| 3469 | -} | |
| 3470 | -.ss-about-us .ss-referral-section__cta:hover, .ss-about-us .ss-referral-section__cta:focus { | |
| 3471 | - background: #f0ae00; | |
| 3472 | - color: #000 !important; | |
| 3473 | -} | |
| 3474 | -.ss-about-us .ss-referral-section__illustration { | |
| 3475 | - width: 100%; | |
| 3476 | - display: flex; | |
| 3477 | - align-items: center; | |
| 3478 | - justify-content: center; | |
| 3479 | -} | |
| 3480 | -@media screen and (min-width: 769px) { | |
| 3481 | - .ss-about-us .ss-referral-section__illustration { | |
| 3482 | - flex-basis: 45%; | |
| 3483 | - justify-content: flex-end; | |
| 3484 | - } | |
| 3485 | -} | |
| 3486 | -.ss-about-us .ss-referral-section__illustration img { | |
| 3487 | - width: 100%; | |
| 3488 | - max-width: 420px; | |
| 3489 | - height: auto; | |
| 3490 | - object-fit: contain; | |
| 3491 | -} | |
| 3492 | -.ss-about-us .ss-section-title { | |
| 3493 | - margin: 40px 0 16px !important; | |
| 3494 | - font-size: 20px; | |
| 3495 | - font-weight: 700; | |
| 3496 | -} | |
| 3497 | -.ss-about-us .ss-our-plugins { | |
| 3498 | - margin-top: 40px; | |
| 3499 | -} | |
| 3500 | -.ss-about-us .ss-plugin-card { | |
| 3501 | - background: #fff; | |
| 3502 | - border: 1px solid #e8e8e8; | |
| 3503 | - border-radius: 8px; | |
| 3504 | - overflow: hidden; | |
| 3505 | - display: flex; | |
| 3506 | - flex-direction: column; | |
| 3507 | - height: 100%; | |
| 3508 | - transition: box-shadow 0.2s ease; | |
| 3509 | -} | |
| 3510 | -.ss-about-us .ss-plugin-card:hover { | |
| 3511 | - box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); | |
| 3512 | -} | |
| 3513 | -.ss-about-us .ss-plugin-card__body { | |
| 3514 | - padding: 24px 24px 16px; | |
| 3515 | - flex: 1; | |
| 3516 | -} | |
| 3517 | -.ss-about-us .ss-plugin-card__icon { | |
| 3518 | - width: 84px; | |
| 3519 | - height: 64px; | |
| 3520 | - margin-bottom: 16px; | |
| 3521 | -} | |
| 3522 | -.ss-about-us .ss-plugin-card__icon svg { | |
| 3523 | - width: 100%; | |
| 3524 | - height: 100%; | |
| 3525 | -} | |
| 3526 | -.ss-about-us .ss-plugin-card__icon img { | |
| 3527 | - width: 100%; | |
| 3528 | - height: 100%; | |
| 3529 | - object-fit: contain; | |
| 3530 | -} | |
| 3531 | -.ss-about-us .ss-plugin-card__title { | |
| 3532 | - font-size: 16px; | |
| 3533 | - font-weight: 600; | |
| 3534 | - color: #1a1a2e; | |
| 3535 | - margin: 0 0 8px !important; | |
| 3536 | -} | |
| 3537 | -.ss-about-us .ss-plugin-card__description { | |
| 3538 | - font-size: 14px; | |
| 3539 | - color: #6b7280; | |
| 3540 | - line-height: 1.6; | |
| 3541 | - margin: 0; | |
| 3542 | -} | |
| 3543 | -.ss-about-us .ss-plugin-card__footer { | |
| 3544 | - padding: 16px 24px; | |
| 3545 | - border-top: 1px solid #f0f0f0; | |
| 3546 | - display: flex; | |
| 3547 | - align-items: center; | |
| 3548 | - justify-content: space-between; | |
| 3549 | - gap: 12px; | |
| 3550 | -} | |
| 3551 | -.ss-about-us .ss-plugin-card__doc-link { | |
| 3552 | - font-size: 13px; | |
| 3553 | - color: #6b7280; | |
| 3554 | - text-decoration: none; | |
| 3555 | - display: flex; | |
| 3556 | - align-items: center; | |
| 3557 | - gap: 4px; | |
| 3558 | -} | |
| 3559 | -.ss-about-us .ss-plugin-card__doc-link:hover { | |
| 3560 | - color: #4f46e5; | |
| 3561 | -} | |
| 3562 | -.ss-about-us .ss-plugin-card__doc-link .dashicons { | |
| 3563 | - font-size: 16px; | |
| 3564 | - width: 16px; | |
| 3565 | - height: 16px; | |
| 3566 | -} | |
| 3567 | -.ss-about-us .ss-plugin-card__action-btn { | |
| 3568 | - padding: 14px 28px; | |
| 3569 | - font-size: 14px; | |
| 3570 | - font-weight: 500; | |
| 3571 | - border: none; | |
| 3572 | - border-radius: 6px; | |
| 3573 | - background: var(--tt-primary-color); | |
| 3574 | - color: #fff; | |
| 3575 | - cursor: pointer; | |
| 3576 | - transition: background 0.2s ease, opacity 0.2s ease; | |
| 3577 | -} | |
| 3578 | -.ss-about-us .ss-plugin-card__action-btn--loading, .ss-about-us .ss-plugin-card__action-btn:disabled { | |
| 3579 | - opacity: 0.65; | |
| 3580 | - cursor: not-allowed; | |
| 3581 | 2993 | } |
