/* source: index.css */
 :root { --font-size-base: 16px; --font-size-3xl: 18px; --font-size-33xl: 33px; --font-heebo: Heebo-Regular; --color-white: #ffffff; --padding-3xs: 12px; --padding-5xl: 32px; --padding-13xl: 80px; --padding-15xl: 34px; --padding-17xl: 36px; --padding-23xl: 42px; --padding-41xl: 60px; --padding-61xl: 80px; --padding-base: 16px; --padding-5xl: 24px; --padding-xl: 20px; --gap-3xs: 12px; --gap-9xs: 4px; --gap-23xl: 42px; --br-7xs: 4px; } .lets-connect { position: relative; font-size: var(--font-size-base); text-transform: uppercase; font-family: var(--font-heebo); color: var(--color-white); text-align: left; } .button, .button1 { position: relative; overflow: hidden; } .button::before, .button1::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.2), transparent ); transition: left 0.5s; } .button:hover::before, .button1:hover::before { left: 100%; } .icon-mediumicon-button-fille, .icon-mediumicon-button-fille1, .ic-previous { position: relative; overflow: hidden; } .icon-mediumicon-button-fille:hover::before, .icon-mediumicon-button-fille1:hover::before, .ic-previous:hover::before { width: 100%; height: 100%; } .tab-nav { position: relative; overflow: hidden; } .tab-nav::before { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; background: #4d359d; transform: translateX(-50%); transition: width 0.3s ease; } .tab-nav:hover::before { width: 100%; } .tab-active::before { width: 100%; } @keyframes float { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-20px) rotate(180deg); } } .slider-dot-inner, .slider-dot-child { transition: all 0.3s ease; position: relative; } .slider-dot-inner::before, .slider-dot-child::before { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: #4d359d; border-radius: 50%; transform: translate(-50%, -50%); transition: width 0.3s, height 0.3s; } .slider-dot-inner:hover::before, .slider-dot-child:hover::before { width: 100%; height: 100%; } .outer1, .outer2, .outer4 { position: relative; overflow: hidden; } .outer4 { padding: 0; } .outer1::before, .outer2::before, .outer4::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(77, 53, 157, 0.05), transparent ); transition: left 0.8s ease; } .outer1:hover::before, .outer2:hover::before, .outer4:hover::before { left: 100%; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .goTop { transition: all 0.3s ease; border-radius: 50%; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .goTop:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25); } .tab-content { opacity: 1; transform: none; } .tabContent-active { opacity: 1; transform: none; } @media (max-width: 1024px) { .banner::before { width: 200px; height: 200px; } } @media (max-width: 768px) { .banner::before { display: none; } .testimonials-card-quote .top::before { display: none; } } @media print { .banner, .button, .button1, .goTop { display: none !important; } .banner .text { color: #000000 !important; background: #ffffff !important; } } @media (prefers-contrast: high) { .banner { background: #000000 !important; color: #ffffff !important; } .button, .button1 { border: 2px solid #ffffff !important; } .testimonials-card-quote { border: 2px solid #000000 !important; } } .icon-next-previous .vector-icon7 { width: 24px !important; position: relative !important; height: 24px !important; overflow: hidden !important; flex-shrink: 0 !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; } .ic-previous { cursor: pointer; border: none; padding: var(--padding-3xs) 0; width: 40px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 50px; height: 40px; overflow: hidden; flex-shrink: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; box-sizing: border-box; transition: all 0.3s ease; } .icon-next-previous { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 20px; margin-top: 10px; padding-bottom: 10px; } .case-study1 { align-items: center; } #all-content { justify-content: flex-start !important; align-items: start !important; display: flex; flex-wrap: nowrap; gap: 24px; overflow-x: auto; scroll-behavior: smooth; padding: 20px 0; } .tab-content { overflow: scroll; scrollbar-width: none; -ms-overflow-style: none; } .tab-content::-webkit-scrollbar { display: none; } .case-study-imagesdefault { flex: 0 0 auto; min-width: 300px; max-width: 350px; } button:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } button:disabled .vector-icon7 { opacity: 0.5; } .case-studysec-inner-container { overflow: hidden; width: 100%; max-width: 944px; } @keyframes scrollCards { 0% { transform: translateX(0); } 100% { transform: translateX(-180%); } } .iot-offerings { padding: 80px 0; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); } .offerings-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .offerings-title { text-align: center; margin-bottom: 60px; } .offerings-title h2 { font-size: 48px; font-weight: 700; color: #2c3e50; margin: 0; font-family: "Heebo", sans-serif; position: relative; } .offerings-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 40px; } .offering-card { background: white; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; position: relative; } .offering-card:hover { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); } #partners-section-banner { cursor: pointer; } .offering-image { position: relative; height: 100%; overflow: hidden; } .offering-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .offering-title-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); padding: 40px 20px 20px; color: white; } .offering-title-overlay h3 { margin: 0; font-size: 20px; font-weight: 600; line-height: 1.3; font-family: "Heebo", sans-serif; } .offering-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(77, 53, 157, 0.95); color: white; padding: 30px; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; overflow-y: auto; } .offering-card:hover .offering-overlay { opacity: 1; } .offering-content h3 { margin: 0 0 20px 0; font-size: 24px; font-weight: 700; font-family: "Heebo", sans-serif; text-align: left; } .offering-content p { margin: 0; font-size: 16px; line-height: 1.2; font-family: "Open Sans", sans-serif; text-align: justify; } .offering-mobile-content { display: none; padding: 20px; background: white; } .offering-mobile-content h3 { margin: 0 0 15px 0; font-size: 20px; font-weight: 600; color: #2c3e50; font-family: "Heebo", sans-serif; line-height: 1.3; } .offering-mobile-content p { margin: 0; font-size: 14px; line-height: 1.5; color: #666; font-family: "Open Sans", sans-serif; text-align: left; } @media screen and (max-width: 1024px) { .offerings-grid { grid-template-columns: repeat(2, 1fr); gap: 25px; } .offering-card { height: auto; min-height: 450px; } .offerings-title h2 { font-size: 42px; } .offering-card:hover { transform: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .offering-overlay { display: none !important; opacity: 0 !important; pointer-events: none !important; } .offering-title-overlay { display: none !important; } .offering-mobile-content { display: block; } .offering-image { height: 250px; } .offering-content h3 { font-size: 22px; } .offering-content p { font-size: 14px; } } @media screen and (max-width: 768px) { .iot-offerings { padding: 60px 0; } .offerings-container { padding: 0 15px; } .offerings-title { margin-bottom: 40px; } .offerings-title h2 { font-size: 36px; } .offerings-grid { grid-template-columns: 1fr; gap: 25px; margin-top: 30px; } .offering-card { height: auto; min-height: 400px; } .offering-card:hover { transform: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .offering-card:hover .offering-image img { transform: none; } .offering-overlay { display: none !important; opacity: 0 !important; pointer-events: none !important; } .offering-title-overlay { display: none !important; } .offering-mobile-content { display: block; } .offering-image { height: 200px; } .offering-content h3 { font-size: 20px; margin-bottom: 15px; } .offering-content p { font-size: 14px; line-height: 1.2; } } @media screen and (max-width: 480px) { .iot-offerings { padding: 40px 0; } .offerings-container { padding: 0 10px; } .offerings-title { margin-bottom: 30px; } .offerings-title h2 { font-size: 28px; } .offerings-grid { gap: 20px; margin-top: 25px; } .offering-card { height: auto; min-height: 350px; border-radius: 15px; } .offering-card:hover { transform: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .offering-card:hover .offering-image img { transform: none; } .offering-overlay { display: none !important; opacity: 0 !important; pointer-events: none !important; } .offering-title-overlay { display: none !important; } .offering-mobile-content { display: block; } .offering-image { height: 180px; } .offering-content h3 { font-size: 18px; margin-bottom: 12px; } .offering-content p { font-size: 13px; line-height: 1.4; } } @media screen and (max-width: 360px) { .offerings-title h2 { font-size: 24px; } .offering-card { height: auto; min-height: 300px; } .offering-card:hover { transform: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .offering-card:hover .offering-image img { transform: none; } .offering-overlay { display: none !important; opacity: 0 !important; pointer-events: none !important; } .offering-title-overlay { display: none !important; } .offering-mobile-content { display: block; } .offering-image { height: 150px; } .offering-content h3 { font-size: 16px; } .offering-content p { font-size: 12px; } } @media screen and (max-height: 500px) and (orientation: landscape) { .iot-offerings { padding: 30px 0; } .offerings-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; } .offering-card { height: auto; min-height: 250px; } .offering-card:hover { transform: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .offering-card:hover .offering-image img { transform: none; } .offering-overlay { display: none !important; opacity: 0 !important; pointer-events: none !important; } .offering-title-overlay { display: none !important; } .offering-mobile-content { display: block; } .offering-image { height: 120px; } .offering-content h3 { font-size: 16px; } .offering-content p { font-size: 12px; } } @media screen and (max-width: 600px) { .case-studysec-inner-container { width: 100%; gap: 30px; } .icon-next-previous { gap: 15px; margin-top: 10px; } .ic-previous { width: 35px; height: 35px; } .icon-next-previous .vector-icon7 { width: 20px !important; height: 20px !important; } } 
/* source: CaseStudyTelemedicinePlatformsForDoctorPatientConsultationsWeb.css */
.case-study9 { width: 1240px; position: relative; display: none; } .ic-case-study-icon5 { width: 60px; height: 60px; overflow: hidden; flex-shrink: 0; object-fit: cover; } .case-study10 { position: relative; line-height: 124%; display: inline-block; max-width: 900px; } .cs-number5 { align-self: stretch; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--gap-3xs); } .nested-list-item { list-style-type: disc; padding-left: 10px !important; margin-left: 50px !important; } .pf-146 { position: relative; padding-left: 15px; } .pf-146::before { content: "•"; position: absolute; left: 0; top: 3px; font-size: 24px; color: #000; line-height: 100%; } .pf-title67 { font-size: 18px; font-weight: 700; } .description64 { margin-left: 0; font-size: 15px; line-height: 1.6; color: #333; } .replace-mcu-with43 { display: block; } .line5 { align-self: stretch; background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0)); height: 4px; } .imagemobile-icon5 { width: 100%; height: auto; overflow: hidden; flex-shrink: 0; object-fit: cover; display: none; } .telemedicine-platforms-for { align-self: stretch; position: relative; font-size: var(--vc-webpage-styles-title-4-size); line-height: 124%; font-weight: 600; margin-top: 0px; margin-bottom: 0px; } .group-icon5 { width: 20.4px; position: relative; height: 14px; } .ic-video5, .youtube-full-color-icon-20175 { width: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .youtube-full-color-icon-20175 { flex: 1; overflow: hidden; } .ic-video5 { border-radius: var(--br-11xs); background-color: var(--background-primary); height: 24px; } .watch-video5 { position: relative; font-weight: 500; } .wv5 { display: none; flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--gap-3xs); } .download-icon5, .file-text-icon5 { position: relative; overflow: hidden; flex-shrink: 0; } .download-icon5 { width: 24px; height: 24px; display: none; } .download5, .ic-download10 { display: flex; align-items: center; } .ic-download10 { width: 24px; border-radius: var(--br-11xs); background-color: var(--background-primary); height: 24px; flex-direction: column; justify-content: center; padding: var(--padding-0) var(--padding-7xs); box-sizing: border-box; } .download5 { flex-direction: row; justify-content: flex-start; gap: var(--gap-3xs); } .union-icon5 { width: 16.4px; position: relative; height: 16px; } .download-container { display: flex; flex-direction: row; align-items: center; gap: 16px; } .share-icon5 { object-fit: cover; } .bottom-links5, .title-content5 { align-self: stretch; display: flex; justify-content: space-between; } .bottom-links5 { flex-direction: row; align-items: center; flex-wrap: wrap; align-content: center; gap: 16px 24px; font-size: 18px; font-weight: 500; height: 44px; } .heading-container { display: flex; flex-direction: column; gap: 16px; } .title-content5 { background: linear-gradient(89.96deg, #ffe681 7.59%, #fff); background-size: 100% 100%; background-repeat: no-repeat; flex-direction: column; justify-content: justify-between; padding: var(--padding-5xl); gap: var(--gap-base); min-height: 100%; width: 100%; box-sizing: border-box; overflow: visible; } .main-icon5 { width: 440px; position: relative; height: 300px; overflow: hidden; flex-shrink: 0; object-fit: cover; max-width: 440px; } .case-banner5 { align-self: stretch; display: flex; flex-direction: row; align-items: center; justify-content: center; min-height: 300px; width: 100%; } .in-an-increasingly { align-self: stretch; position: relative; line-height: 135%; font-weight: 500; font-size: 18px; } .product-features19 { flex: 1; position: relative; line-height: 30px; color: #816800; font-weight: 800; } .horizontal-line { width: 100%; height: 2px; background-color: #d4d4d4; } .the-goal-was { margin-bottom: 0px; } .pf-title66 { align-self: stretch; color: #816800; font-weight: 800; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; } .replace-mcu-with43 { flex: 1; position: relative; line-height: 24px; } .pf-146 { list-style: disc !important; list-style-position: outside !important; margin-left: 5px; } .replace-mcu-with43-title { font-weight: 700; font-size: 18px; line-height: 135%; } .pf-title67 { flex-direction: row; align-items: flex-start; padding: var(--padding-11xs) var(--padding-0); } .description64, .pf-list7, .pf-title67 { align-self: stretch; display: flex; justify-content: flex-start; } .description64, .replace-mcu-with43 { flex-direction: row; align-items: center; font-size: var(--body-3-regular-size); } .pf-146, .pf-list7 { flex-direction: column; align-items: flex-start; } .pf-list7 { gap: 8px; font-size: 18px; line-height: 125%; color: var(--content-primary); } .pf-title72, .product-features18 { display: flex; align-items: flex-start; justify-content: center; } .product-features18 { flex: 1; flex-direction: column; gap: var(--gap-xs); } .pf-title72 { align-self: stretch; flex-direction: row; padding: 0px 8px 0px 0px; font-size: var(--vc-webpage-styles-body-2-bold-size); color: var(--background-primary); } .integrate-proconf-with-existin10 { width: 580px; display: none; flex-direction: row; align-items: flex-start; justify-content: flex-start; font-size: var(--body-3-regular-size); } .technical-challenges8 { align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--gap-5xs); } .webrtc-kurento { font-family: var(--font-open-sans); } .aws-cloud-infrastructure-leve { margin-bottom: 0; } .webrtc-kurento-media-server { margin: 0; font-size: inherit; padding-left: var(--padding-5xl); } .webrtc-kurento-container { flex: 1; position: relative; line-height: 28px; } .integrate-proconf-with-existin11 { align-self: stretch; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; font-size: var(--body-3-regular-size); color: var(--content-primary); } .technologies-used { align-self: stretch; flex-direction: column; gap: var(--gap-5xs); font-size: var(--vc-webpage-styles-body-2-bold-size); color: var(--background-primary); } .inner-content5, .opened-content-015, .tc-tu4, .technologies-used { display: flex; align-items: flex-start; justify-content: flex-start; } .tc-tu4 { flex: 1; flex-direction: column; gap: var(--gap-5xl); font-size: var(--vc-webpage-styles-body-1-regular-size); color: var(--content-primary); } .inner-content5, .opened-content-015 { align-self: stretch; flex-direction: row; gap: var(--gap-13xl); font-size: var(--vc-webpage-styles-body-2-bold-size); color: var(--background-primary); } .opened-content-015 { overflow: hidden; flex-direction: column; padding: var(--padding-0) var(--padding-5xl); gap: var(--gap-5xl); font-size: var(--vc-webpage-styles-body-1-regular-size); color: var(--content-primary); } .results16 { position: relative; line-height: 124%; } .pf-title79 { width: 250px; color: #000; font-weight: 800; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; padding: var(--padding-9xs) var(--padding-0) var(--padding-9xs) 0px; box-sizing: border-box; } .enhanced-accessibility-the-pl { margin: 0; font-family: inherit; font-size: inherit; padding-left: var(--padding-5xl); text-align: left; } .enhanced-accessibility-the-container { flex: 1; position: relative; line-height: 24px; font-weight: 500; text-align: left; } .results15, .text33 { align-self: stretch; display: flex; align-items: flex-start; justify-content: center; } .text33 { flex-direction: row; font-size: var(--body-3-regular-size); color: var(--content-primary); } .results15 { flex-direction: column; gap: var(--gap-3xs); } .opened-content-026 { align-self: stretch; background: linear-gradient(269.86deg, #fff5cf, #ffe37d 76.13%); overflow: hidden; justify-content: flex-start; padding: var(--padding-5xl); gap: var(--gap-5xl); font-size: var(--vc-webpage-styles-body-2-bold-size); color: #816800; font-weight: 800; } .content5, .cs5, .opened-content-026 { display: flex; flex-direction: column; align-items: flex-start; } .cs5 { align-self: stretch; background-color: var(--color-whitesmoke-100); justify-content: flex-start; gap: var(--gap-13xl); text-align: left; font-size: var(--font-size-17xl); color: var(--text-color); font-family: var(--font-open-sans); } .content5 { width: 100%; justify-content: center; gap: var(--gap-21xl); max-width: 1240px; } .case-study-telemedicine-platfo, .tps-section-v45 { display: flex; flex-direction: column; justify-content: flex-start; } .tps-section-v45 { align-self: stretch; background-color: var(--background-primary); overflow-y: auto; align-items: center; padding: var(--padding-41xl) var(--padding-3xs); z-index: 0; } .case-study-telemedicine-platfo { width: 100%; position: relative; align-items: flex-start; opacity: 0.99; text-align: center; font-size: var(--font-size-29xl); color: var(--color-darkslategray-100); font-family: var(--button-1); } .share-section { display: flex; flex-direction: row; align-items: center; gap: 11px; } .share-text { font-size: 18px; font-weight: 500; color: #000000; white-space: nowrap; } .share-icons { display: flex; flex-direction: row; align-items: center; gap: 8px; } .share-icon-link { display: inline-block; transition: transform 0.2s ease; } .share-icon-link:hover { transform: scale(1.1); } .share-icon { width: 32px; height: 32px; cursor: pointer; transition: opacity 0.2s ease; } .share-icon:hover { opacity: 0.8; } .bottom-action-bar { background-color: #f9f9f9; padding: 20px 0; width: 100%; align-items: center; } .action-container { margin: auto; display: flex; align-items: center; justify-content: center; padding: 0 20px; gap: 24px; } .download-section { display: flex; align-items: center; } .download-button { display: flex; align-items: center; gap: 11px; cursor: pointer; font-size: 18px; font-weight: 500; text-decoration: none; } .download-button:hover { text-decoration: none; color: #000000; } .download-text { font-size: 18px; font-weight: 500; color: #000000; text-decoration: none; } .share-section { display: flex; align-items: center; gap: 16px; } .share-label { font-size: 18px; font-weight: 500; color: #000000; text-decoration: none; } .share-icons { display: flex; align-items: center; gap: 11px; } .share-button { display: flex; align-items: center; justify-content: center; } .share-button:hover { background-color: #f8f9fa; text-decoration: none; } .share-icon { cursor: pointer; transition: opacity 0.2s ease; } .share-icon:hover { opacity: 0.8; } .springct-partnered-with5 { align-self: stretch; position: relative; line-height: 28px; color: black; font-weight: 500 !important; } @media (max-width: 768px) { .action-container { flex-direction: column; gap: 20px; text-align: center; } .share-section { flex-direction: column; gap: 12px; } .share-icons { justify-content: center; } .in-an-increasingly { font-size: 18px; } } 
/* source: caseStudy.css */
body { margin: 0; line-height: normal; } :root { --button-1: Heebo; --font-open-sans: "Open Sans"; --font-size-sm: 14px; --font-size-2xs: 11px; --button-1-size: 16px; --font-size-31xl: 50px; --vc-webpage-styles-title-3-size: 40px; --vc-webpage-styles-title-4-size: 32px; --body-3-regular-size: 18px; --font-size-17xl: 36px; --vc-webpage-styles-heading-1-size: 28px; --vc-webpage-styles-body-2-bold-size: 22px; --font-size-11xl: 30px; --vc-webpage-styles-title-5-bold-size: 26px; --vc-webpage-styles-body-1-regular-size: 20px; --vc-webpage-styles-body-4-size: 12px; --font-size-23xl: 42px; --font-size-5xl: 24px; --font-size-33xl: 52px; --font-size-mini: 15px; --font-size-29xl: 48px; --font-size-19xl: 38px; --title-1-size: 46px; --vc-webpage-styles-title-2-size: 44px; --font-size-3xs: 10px; --background-primary: #fff; --color-mediumseagreen: #1ed07e; --color-mediumspringgreen: #21ed8f; --background-tertiary: #fafafa; --content-primary: #1d1d1d; --color-gray-300: #0c111f; --color-gray-100: #0b0b0b; --color-gray-200: rgba(255, 255, 255, 0.8); --color-whitesmoke-100: #f9f9f9; --color-whitesmoke: #f1eeee; --content-accent-1: #b2b2b2; --color-darkgray: #9f9f9f; --text-color: #000; --color-darkslateblue: #5b336a; --color-lemonchiffon: #fff2c7; --color-lightsalmon: #ff9b7b; --color-darkslategray-100: #1b3d2f; --color-darkslategray: rgba(37, 43, 66, 0.8); --color-gainsboro: rgba(230, 230, 230, 0.67); --accent-1: #ffc67c; --color-olive: #907504; --background-secondary: #fffcf0; --accent-3: #696969; --content-accent-2: #4d359d; --gap-19xl: 38px; --gap-xl: 20px; --gap-5xl: 24px; --gap-base: 16px; --gap-23xl: 42px; --gap-xs: 12px; --gap-5xs: 8px; --gap-9xs: 4px; --gap-3xs: 10px; --gap-41xl: 60px; --gap-11xl: 30px; --gap-11xs: 2px; --gap-13xl: 32px; --gap-16xl: 35px; --gap-mini: 15px; --gap-12xl: 31px; --gap-10xs: 3px; --gap-7xs: 6px; --gap-21xl: 40px; --gap-31xl: 50px; --gap-81xl: 100px; --gap-7xl: 26px; --gap-smi: 13px; --gap-61xl: 80px; --padding-25xl: 44px; --padding-17xl: 36px; --padding-base: 16px; --padding-0: 0px; --padding-lg: 18px; --padding-xl: 20px; --padding-lgi: 19px; --padding-3xs: 10px; --padding-23xl: 42px; --padding-15xl: 34px; --padding-61xl: 80px; --padding-41xl: 60px; --padding-5xl: 24px; --padding-xs: 12px; --padding-21xl: 40px; --padding-11xl: 30px; --padding-9xs: 4px; --padding-6xl: 25px; --padding-mini: 15px; --padding-5xs: 8px; --padding-13xl: 32px; --padding-121xl: 140px; --padding-3xl: 22px; --padding-81xl: 100px; --padding-11xs: 2px; --padding-7xs: 6px; --padding-31xl: 50px; --padding-sm: 14px; --br-6xs: 7px; --br-7xs: 6px; --br-12xs: 1px; --br-131xl: 150px; --br-5xs: 8px; --br-81xl: 100px; --br-11xs: 2px; --br-xl: 20px; --br-3xs: 10px; --br-xs: 12px; --accentuate-drop-shadow: 0px 13px 19px rgba(0, 0, 0, 0.07); } a { text-decoration: none; color: unset; }