h3[data-v-1add1f4a] { -ms-flex-item-align: start; align-self: flex-start; margin-left: 30px; margin-right: 30px; padding-top: 30px; color: #666666; font-size: 25px; font-weight: 500; } .button-container[data-v-1add1f4a] { margin-bottom: 30px; } .base-file-container[data-v-1add1f4a] { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; overflow: hidden; } .line-pending[data-v-1add1f4a] { background-position: 0; } .line-success[data-v-1add1f4a] { background: revert; background-color: #4c55a7; } .line-failed[data-v-1add1f4a] { background-color: #E65722 } .file-container[data-v-1add1f4a] { position: relative; margin: 25px 0; } .file-icon[data-v-1add1f4a] { color: #eaeeff; font-size: 50px; } .desc-link[data-v-1add1f4a] { color: #4c55a7; font-weight: 500; cursor: pointer; } .desc-icon[data-v-1add1f4a] { color: #5E50B5; font-size: 15px; } .accept-desc[data-v-1add1f4a] { padding-left: 0; margin-top: 25px; text-align: center; color: #707070; cursor: default; } .error[data-v-1add1f4a] { color: #E65722; } .success[data-v-1add1f4a] { position: absolute; color: #5fc6e5; font-size: 22px; right: 5px; } .delete[data-v-1add1f4a] { position: absolute; cursor: pointer; color: #E65722; font-size: 22px; right: 5px; } .checkbox-content-container[data-v-1add1f4a] { margin-left: auto; margin-right: auto; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-bottom: 21px; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; } h3[data-v-233de979] { -ms-flex-item-align: start; align-self: flex-start; margin-left: 30px; margin-right: 30px; padding-top: 30px; color: #666666; font-size: 25px; font-weight: 500; } .container[data-v-233de979] { width: 100%; padding-left: 30px; padding-right: 30px; margin-left: 50px; margin-right: 50px; } .eu-input-container[data-v-233de979] { position: relative; margin-top: 21px; margin-bottom: 31px; } .eu-input-container.last[data-v-233de979] { margin-bottom: 20px; } .eu-input[data-v-233de979] { border: 3px solid #949494; padding-left: 10px; border-radius: 10px; width: 100%; height: 50px; background-color: #ffffff; outline: none; color: #707070; font-size: 16px; } .eu-input[data-v-233de979]:focus { border: solid 6px #d0c2ff; } .label-container[data-v-233de979] { position: absolute; bottom: 39px; -webkit-box-sizing: border-box; box-sizing: border-box; left: 8px; padding: 0 8px; -webkit-transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1); -webkit-transition: opacity 150ms cubic-bezier(0.4,0,0.2,1),-webkit-transform 150ms cubic-bezier(0.4,0,0.2,1); transition: opacity 150ms cubic-bezier(0.4,0,0.2,1),-webkit-transform 150ms cubic-bezier(0.4,0,0.2,1); transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1); transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1),-webkit-transform 150ms cubic-bezier(0.4,0,0.2,1); z-index: 2; width: 100%; } .label-container label[data-v-233de979] { font-size: 13px; font-weight: 500; color: #4c55a7; background: #ffffff; padding: 0px 6px 0px 10px; text-align: left; } .label-container span[data-v-233de979] { font-weight: 600; color: #E65722; padding: revert; } .button-container[data-v-233de979] { margin-bottom: 30px; } .checkbox-content-container[data-v-233de979] { margin-left: auto; margin-right: auto; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-bottom: 21px; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; } .error[data-v-233de979] { color: #E65722; } .error-border[data-v-233de979] { border-color: #E65722 !important; } .eu-notification { display: none; padding: 20px; background: #4c55a7; color: #fff; position: fixed; top: 70px; right: 60px; font-size: 14px; border-radius: 10px; } @media only screen and (max-width: 576px) { .eu-notification { right: auto; } } .eu-notification-text { padding-right: 30px; } .eu-notification-close { color: #ffffff; font-size: 16px; cursor: pointer; } .eu-notification-icon { padding-right: 10px; font-size: 16px; } .notificationActive { display: inline-block; z-index: 999; } .filter-list-item { margin-bottom: 4px; } .filter-list-item:hover { cursor: pointer; } .filter-list-item.selected { color: #5E50B5; } .dialog-container > div.modal-content { width: 50%; padding: 0px 24px 24px; text-align: center; } .dialog-title { text-align: center; margin: 20px 0 15px; } .dialog-search-container { width:100%; } .dialog-content { display: -webkit-box; display: -ms-flexbox; display: flex; height: 400px; margin-top: 15px; width: 100%; } .dialog-content-filter-container { width: 20%; text-align: left; border-right: 1px solid #ececec; } .dialog-content-list-container { width: 50%; text-align: left; border-right: 1px solid #ececec; padding: 5px 10px; overflow-y: scroll; overflow-x: hidden; } .dialog-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2px; margin-bottom: 5px; } .dialog-list-item-first { margin-bottom: 10px; } .dialog-list-item-text { max-width: 85%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dialog-list-item-text:hover { white-space: normal; word-wrap: break-word; } .dialog-list-item-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .dialog-list-item-name:hover { white-space: normal; word-wrap: break-word; } .dialog-list-item-front { max-width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; } .dialog-list-item-icon { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dialog-list-item-icon > img { width:25px; height:25px; } .dialog-list-unique-signature { color: #b4b4b4; font-size: 0.75rem; max-width: 100%; } .dialog-list-item-select { width: 18px; height: 18px; padding: 2px; border: solid 2px #949494; background-image: -webkit-gradient(linear, left top, left bottom, from(#faf8ff), to(#faf8ff)), -webkit-gradient(linear, left bottom, left top, from(#5E50B5), to(#4c55a7)); background-image: linear-gradient(to bottom, #faf8ff, #faf8ff), linear-gradient(to top, #5E50B5, #4c55a7); background-origin: border-box; border-radius: 4px; cursor: pointer; } .dialog-list-item-select-active { border-color: #5e50b5; background: transparent; background-clip: content-box; background-color: #5e50b5; } .dialog-content-selected-container { width: 30%; text-align: left; padding: 5px 10px; max-height: 100%; overflow-y: scroll; } .dialog-list-item-unselect { width: 18px; height: 18px; padding: 2px; border-radius: 4px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; color: #5e50b5; } .search { display: -webkit-box; display: -ms-flexbox; display: flex; pointer-events: none; height: 40px; background: linear-gradient(to right, #ececec,#ececec), linear-gradient(15deg, #ececec ,#ececec); background-clip: padding-box, border-box; background-origin: padding-box, border-box; pointer-events: visible; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 8px; transition: 0.3s; border: 2px solid transparent; } .search-input { width: 100%; padding: 2px 2px 2px 5px; background: transparent; border: none; outline: none; pointer-events: visible; font-size: .9em; font-weight: 500; } .search-input::-webkit-input-placeholder { color: #707070; font-weight: 500; } .search-input::-moz-placeholder { color: #707070; font-weight: 500; } .search-input:-ms-input-placeholder { color: #707070; font-weight: 500; } .search-input::-ms-input-placeholder { color: #707070; font-weight: 500; } .search-input::placeholder { color: #707070; font-weight: 500; } .search-btn { cursor: pointer; padding: 0 20px; border: none; background-color: transparent; } .search-icon { font-size: 18px; color: #5e50b5; opacity: 1; top: 4px; position: relative; } .dialog-actions { margin-top: 15px; border-top: 1px solid #ececec; padding-top: 15px; width: 100%; } .dialog-action-button { background: #00a1b3; margin-right: 8px; border-radius: 15px 15px 0px 15px; width: 100px; height: 40px; border: none; font-weight: 800; color: #fff; } .dialog-action-button:hover { cursor: pointer; background-image: -webkit-gradient(linear,left top, left bottom,from(#9cdce4),to(#00a1b3)); background-image: linear-gradient(#9cdce4,#00a1b3) } .dialog-cancel-button { background: #fff; border: 3px solid #00a1b3; margin-left: 8px; border-radius: 15px 15px 0px 15px; width: 100px; height: 40px; color: #00a1b3; font-weight: 800; } .dialog-cancel-button:hover { cursor: pointer; background: #00a1b3; color: #fff; } @media only screen and (max-width: 960px) { .dialog-container > div.modal-content { width: 80%; } } @media only screen and (max-width: 577px) { .dialog-content-list-container { width: 100%; border: none; } .dialog-content-filter-container { width: 0%; visibility: hidden; } .dialog-content-selected-container { width: 0%; visibility: hidden; padding: 0; } } @media only screen and (max-width: 390px) { .dialog-container > div.modal-content { width: 95%; } } .multiselect-custom-wrapper[data-v-aa927c22] { cursor: pointer; position:relative; } .multiselect-chevron[data-v-aa927c22] { position: absolute; right: 16px; top: 16px; color: #5E50B5; pointer-events: none; z-index: 2; } .partner-manage-section[data-v-43cd5be9] { width: 100%; } .inup-form-element-container.partner-manage[data-v-43cd5be9] { pointer-events: none; margin-top: 40px; } .multiple-input-select.partner-manage[data-v-43cd5be9] { margin-bottom: 20px; } .multiselect-wrapper.hidden__content.partner-manage[data-v-43cd5be9] { width: 100%; margin: 0; margin-bottom: 30px; position: relative; } .multiselect-wrapper.hidden__content.inactive[data-v-43cd5be9] { pointer-events: none; opacity: 0.7; }.input-base-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .input-base-wrapper.has-label { height: 48px; } .input-base-required-star { font-size: 13px; color: #e65722; font-weight: 600; } .input-base-label { background-color: #fff; padding: 0 6px 2px; color: #3b3355; font-weight: 600; font-size: 14px; position: absolute; bottom: 32px; left: 6px; width: unset !important; } .input-base-field::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .input-base-field::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .input-base-field[type=number] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; } .input-base-field { height: 40px; padding: 9px 16px; border-radius: 6px; border: solid 1.5px #95919b; width: 100%; font-size: 16px; line-height: 1.35; } .input-base-field:hover { cursor: pointer; } .input-base-field:disabled { border-color: #95919b; pointer-events: none; } .input-base-field:disabled + label { color: #95919b; } .input-base-field:disabled + label > .input-base-required-star { color: #95919b; } .input-base-field:focus { outline: none; border-color: #685df3; } .input-base-field:active { border-color: #685df3; } .input-base-field.error { border-color: #e56722 !important; color: #4A4A4A !important; } .input-base-number-arrows-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3px 0; height: 100%; } .input-base-number-arrow-button { border: none; background-color: transparent; color: #555555; font-size: 16px; width: 16px; height: 16px; border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .input-base-number-arrow-button:hover { cursor: pointer; background-color: #e7e5ec; } .input-base-number-arrow-button.disabled { pointer-events: none; } @media screen and (max-width: 576px) { .input-base-field { height: 36px; font-size: 16px; padding: 0 12px; } .input-base-number-arrows-container { display: none; } }.slide-and-fade-notification-enter-active[data-v-57307793], .slide-and-fade-notification-leave-active[data-v-57307793] { -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .slide-and-fade-notification-enter[data-v-57307793], .slide-and-fade-notification-leave-to[data-v-57307793] { right: -240px; opacity: 0; } .slide-and-fade-notification-enter-to[data-v-57307793], .slide-and-fade-notification-leave[data-v-57307793] { right: 24px; opacity: 1; } .pop-up-textbox[data-v-e8691e9d] { max-width: 310px; padding: 6px 12px; border-radius: 4px; background-color: #3b3355; color: #fff; position: relative; z-index: 2; } .pop-up-textbox[data-v-e8691e9d]::after { content: ''; position: absolute; width: 0; height: 0; top: 100%; left: 50%; border: 6px solid transparent; border-bottom: none; border-top-color: #3b3355; -webkit-filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1)); filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1)); } .container[data-v-12528416] { background: white; width: 100%; position: relative; } .content[data-v-12528416] { max-width: 1080px; height: calc(100vh - 70px); -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; gap: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .text-content[data-v-12528416] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; width: 50%; } .text-content .title[data-v-12528416] { color: #333333; font-size: 40px; line-height: 1.2; font-weight: bold; } .text-content .desc[data-v-12528416] { font-size: 20px; color: #444444; line-height: 1.5; } .video-content[data-v-12528416] { height: 330px; width: 50%; } .video-frame[data-v-12528416] { width: 100%; height: 100%; border-radius: 8px; } .quitBtn[data-v-12528416] { color: #444444; line-height: 1; font-size: 16px; font-weight: 600; cursor: pointer; margin-top: -8px; } .quitBtn[data-v-12528416]:hover { opacity: 0.7; } .welcome-btn[data-v-12528416] { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .goToDashBtn[data-v-12528416] { padding-right: 45px; cursor: pointer; color: #5e50b5; -ms-flex-item-align: center; align-self: center; border: none; font-size: 18px; font-weight: 600; } @media screen and (max-width: 1124px) { .content[data-v-12528416] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .text-content[data-v-12528416], .video-content[data-v-12528416] { width: 80%; text-align: center; } .welcome-btn[data-v-12528416] { width: auto; } } .goToDashBtn[data-v-19d625b9] { padding-right: 45px; cursor: pointer; color: #5e50b5; -ms-flex-item-align: center; align-self: center; border: none; font-size: 18px; font-weight: 600; } @media screen and (max-width: 1000px) { .first-login-wrapper.wider[data-v-19d625b9] { grid-template-columns: 1fr; } } @media screen and (max-width: 700px) { .da-global-header-logo-box[data-v-19d625b9] { padding-left: 10px !important; } .goToDashBtn[data-v-19d625b9] { padding-right: 10px; font-size: 15px; } } .multiselect[data-v-474f6f90] { background-color: #FFFFFF; -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); border: solid 1px #C3CBD6; }.select-base-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .select-base-wrapper.has-label { height: 48px; } .select-base-required-star { font-size: 13px; color: #e65722; font-weight: 600; } .select-base-label { background-color: #fff; padding: 0 6px 2px; color: #3b3355; font-weight: 600; font-size: 14px; position: absolute; bottom: 32px; left: 6px; width: unset !important; } .select-base-icon { font-size: 15px; position: absolute; top: 18px; right: 12px; color: #685df3; font-weight: 600; pointer-events: none; } .select-base-field { appearance: none; -webkit-appearance: none; -moz-appearance: none; height: 40px; padding: 9px 16px; border-radius: 6px; border: solid 1.5px #95919b; width: 100%; font-size: 16px; line-height: 1.35; } .select-base-field:hover { cursor: pointer; } .select-base-field:disabled { border-color: #95919b; pointer-events: none; } .select-base-field:disabled + label { color: #95919b; } .select-base-field:disabled + label > .select-base-required-star { color: #95919b; } .select-base-field:disabled + .select-base-icon { color: #95919b; } .select-base-field:focus { outline: none; border-color: #685df3; } .select-base-field:active { border-color: #685df3; } @media screen and (max-width: 576px) { .select-base-field { height: 36px; font-size: 16px; padding: 0 12px; } .select-base-icon { right: 12px; bottom: 10px; } }.feed-card[data-v-fe8a9ef1] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; border: 1px solid transparent; -webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.12); padding: 16px; border-radius: 8px; } .author-container[data-v-fe8a9ef1] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; } .author-text-container[data-v-fe8a9ef1] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .author-profile-image[data-v-fe8a9ef1] { width: 40px; height: 40px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 8px; } .author-details-text[data-v-fe8a9ef1] { font-size: 12px; color: #88858e; line-height: 1.2; } .action-text-container[data-v-fe8a9ef1] { font-size: 16px; color: #555; line-height: 1.15; } .action-text-container strong[data-v-fe8a9ef1] { color: #333; } .post-content-container[data-v-fe8a9ef1] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; margin-left: 48px; } .post-text[data-v-fe8a9ef1] { font-size: 16px; line-height: 1.35; color: #555555; } .post-attachments-container[data-v-fe8a9ef1] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .post-attachments-container .large-image[data-v-fe8a9ef1] { width: 224.4px; height: 144px; border-radius: 8px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .post-attachments-container .large-image[data-v-fe8a9ef1]:hover { cursor: pointer; } .post-attachments-container .multiple-files-container[data-v-fe8a9ef1] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .post-attachments-container .file-container[data-v-fe8a9ef1] { width: 100%; padding: 12px 16px; border-radius: 8px; border: 1px solid #d1d1d7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .post-attachments-container .file-container .name-container[data-v-fe8a9ef1] { color: #444; font-size: 14px; line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .post-attachments-container .file-container .name-container i[data-v-fe8a9ef1] { font-size: 24px; color: #4d88a9; } .post-attachments-container .file-container .download-button[data-v-fe8a9ef1] { border: none; background: transparent; font-size: 18px; padding: 4px; color: #88858e; } .post-attachments-container .file-container .download-button[data-v-fe8a9ef1]:hover { color: #4d88a9; cursor: pointer; } .post-attachments-container .file-container[data-v-fe8a9ef1]:hover { border-color: #22a5a0; cursor: pointer; } .post-attachments-container .multiple-images-container[data-v-fe8a9ef1] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; } .post-attachments-container .multiple-images-container .image-card[data-v-fe8a9ef1] { position: relative; overflow: hidden; cursor: pointer; width: 72px; height: 72px; } .post-attachments-container .multiple-images-container .image-card img[data-v-fe8a9ef1] { width: 72px; height: 72px; border-radius: 8px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .post-attachments-container .multiple-images-container .image-card .tint[data-v-fe8a9ef1] { position: absolute; border-radius: 8px; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .post-attachments-container .multiple-images-container .image-card .tint .number[data-v-fe8a9ef1] { color: #fff; line-height: 1.2; font-weight: 600; font-size: 20px; } @media screen and (max-width: 500px) { .feed-card[data-v-fe8a9ef1] { gap: 12px; } }.task-card[data-v-d8061545] { width: 100%; padding: 16px; -webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.12); border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; border: 1px solid transparent; } .task-card[data-v-d8061545]:hover { cursor: pointer; border-color: #685df3; } .text-container[data-v-d8061545] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .text-container .title-text[data-v-d8061545] { font-size: 16px; font-weight: 600; line-height: 1.15; color: #444; } .text-container .description-text[data-v-d8061545] { font-size: 12px; font-weight: 600; line-height: 1.2; color: #88858e; } .status-label-container[data-v-d8061545] { display: -webkit-box; display: -ms-flexbox; display: flex; } .status-label[data-v-d8061545] { padding: 1px 6px; border-radius: 4px; font-size: 12px; line-height: 1.2; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 6px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .status-label i[data-v-d8061545] { font-size: 11px; } .status-label.pending[data-v-d8061545] { background-color: #fff6d2; color: #f6764d; } .status-label.not-following[data-v-d8061545] { background-color: #d1d1d7; color: #555555; } .status-label.done[data-v-d8061545] { background-color: #dff6ed; color: #45b298; }.slide-widget-enter-active, .slide-widget-leave-active { -webkit-transition: 0.5s; transition: 0.5s; } .slide-widget-enter, .slide-widget-leave-to { -webkit-transform: translateX(100%); transform: translateX(100%); } .top-navbar-widget-button { width: 40px; height: 40px; background-color: transparent; border: none; border-radius: 4px; font-size: 22px; color: #b4b4b4; } .top-navbar-widget-button:hover { color: #22a5a0; cursor: pointer; }.request-a-demo-section[data-v-3c78d517] { margin-top: 70px; } .request-a-demo-section .mobile-form-section[data-v-3c78d517] { display: none; } .request-a-demo-section .request-a-demo-desktop-content-container[data-v-3c78d517] { width: 100%; min-height: 740px; padding: 82.5px 32px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 48px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: url("https://core-diva.sfo2.digitaloceanspaces.com/engageup/assets/request_a_demo/request-demo-bg.jpg"); background-position: center; background-size: cover; position: relative; } .request-a-demo-section .request-a-demo-desktop-content-container .white-tint[data-v-3c78d517] { background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .request-a-demo-section .request-a-demo-desktop-content-container .text-container[data-v-3c78d517] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; max-width: 536px; position: relative; } .request-a-demo-section .request-a-demo-desktop-content-container .text-container .title[data-v-3c78d517] { color: #333333; font-size: 40px; line-height: 1.2; padding: 0; } .request-a-demo-section .request-a-demo-desktop-content-container .text-container .description[data-v-3c78d517] { color: #444444; font-size: 24px; line-height: 1.45; } .request-a-demo-section .request-a-demo-desktop-content-container .text-container .list-item-container[data-v-3c78d517] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; } .request-a-demo-section .request-a-demo-desktop-content-container .text-container .list-item-container .item-icon[data-v-3c78d517] { color: #685df3; font-size: 20px; width: 25px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transform: translateY(6px); transform: translateY(6px); } .request-a-demo-section .request-a-demo-desktop-content-container .text-container .list-item-container .item-text[data-v-3c78d517] { color: #444444; font-size: 20px; line-height: 1.5; } .request-a-demo-section .form-container[data-v-3c78d517] { padding: 24px; width: 496px; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.12); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; position: relative; } .request-a-demo-section .form-container .title[data-v-3c78d517] { font-size: 24px; line-height: 1.2; font-weight: 600; color: #000; padding: 0; } .request-a-demo-section .form-container .form[data-v-3c78d517] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; gap: 16px; } .request-a-demo-section .form-container .form .two-inputs-container[data-v-3c78d517] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; gap: 12px; } .request-a-demo-section .form-container .form .input-wrapper[data-v-3c78d517] { width: 100%; } .request-a-demo-section .form-container .form .checkbox-area-container[data-v-3c78d517] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .request-a-demo-section .form-container .form .checkbox-area-container .title[data-v-3c78d517] { font-size: 14px; font-weight: 600; line-height: 1.3; color: #333; } .request-a-demo-section .form-container .form .checkbox-area-container .checkboxes-container[data-v-3c78d517] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; row-gap: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .request-a-demo-section .form-container .form .checkbox-wrapper[data-v-3c78d517] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .request-a-demo-section .form-container .form .checkbox-wrapper.align-top[data-v-3c78d517] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .request-a-demo-section .form-container .form .checkbox-wrapper .checkbox[data-v-3c78d517] { border: 1.5px solid #817e87; background-color: #f1f1f9; height: 20px; width: 20px; border-radius: 2px; } .request-a-demo-section .form-container .form .checkbox-wrapper .checkbox[data-v-3c78d517]:hover { cursor: pointer; } .request-a-demo-section .form-container .form .checkbox-wrapper .label[data-v-3c78d517] { font-size: 16px; line-height: 1.35; color: #555; } .request-a-demo-section .form-container .form .checkbox-wrapper .label.small[data-v-3c78d517] { font-size: 14px; } .request-a-demo-section .form-container .form .text-area-wrapper[data-v-3c78d517] { position: relative; margin-top: 8px; } .request-a-demo-section .form-container .form .text-area-wrapper .label-wrapper[data-v-3c78d517] { position: absolute; top: -12px; left: 6px; background-color: #fff; padding: 0 6px; } .request-a-demo-section .form-container .form .text-area-wrapper .label-wrapper .label[data-v-3c78d517] { font-size: 14px; font-weight: 600; line-height: 1.15; } .request-a-demo-section .form-container .form .text-area-wrapper .text-area[data-v-3c78d517] { resize: none; height: 72px; padding: 0.625rem 0.875rem; border: solid 1.5px #95919b; border-radius: 6px; background-color: #fff; font-size: 1rem; width: 100%; } @media screen and (max-width: 1166px) { .request-a-demo-section .request-a-demo-desktop-content-container[data-v-3c78d517] { padding: 40px 64px 96px; min-height: unset; background-image: url("https://core-diva.sfo2.digitaloceanspaces.com/engageup/assets/request_a_demo/mobile-request-demo-bg.jpg"); } .request-a-demo-section .request-a-demo-desktop-content-container .text-container[data-v-3c78d517] { max-width: 640px; } .request-a-demo-section .request-a-demo-desktop-content-container .text-container .description[data-v-3c78d517] { font-size: 20px; line-height: 1.36; } .request-a-demo-section .request-a-demo-desktop-content-container .text-container .list-item-container .item-text[data-v-3c78d517] { font-size: 18px; line-height: 1.45; } .request-a-demo-section .request-a-demo-desktop-content-container .form-container.desktop[data-v-3c78d517] { display: none; } .request-a-demo-section .mobile-form-section[data-v-3c78d517] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 64px; } .request-a-demo-section .mobile-form-section .form-container[data-v-3c78d517] { max-width: 640px; width: 100%; -webkit-transform: translateY(-64px); transform: translateY(-64px); } .request-a-demo-section .mobile-form-section .form-container.desktop[data-v-3c78d517] { display: none; } } @media screen and (max-width: 576px) { .request-a-demo-section .request-a-demo-desktop-content-container[data-v-3c78d517] { padding: 32px 24px; } .request-a-demo-section .mobile-form-section[data-v-3c78d517] { padding: 0; } .request-a-demo-section .mobile-form-section .form-container[data-v-3c78d517] { -webkit-transform: translateY(0); transform: translateY(0); } .request-a-demo-section .mobile-form-section .form-container .form .two-inputs-container[data-v-3c78d517] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }.pwi-page .welcome-to-includifi-section[data-v-68fd17dc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 48px; background-color: #fff; padding: 48px 32px 64px; } .pwi-page .welcome-to-includifi-section .title-container[data-v-68fd17dc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; max-width: 880px; text-align: center; } .pwi-page .welcome-to-includifi-section .title-container .title[data-v-68fd17dc] { font-size: 56px; line-height: 1.15; color: #333; padding: 0; } .pwi-page .welcome-to-includifi-section .title-container .description[data-v-68fd17dc] { font-size: 28px; line-height: 1.5; color: #444; } .pwi-page .welcome-to-includifi-section .content-container[data-v-68fd17dc] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 48px; max-width: 1080px; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pwi-page .welcome-to-includifi-section .content-container .image[data-v-68fd17dc] { width: 384px; height: 270px; -o-object-fit: cover; object-fit: cover; border-radius: 8px; -ms-flex-negative: 0; flex-shrink: 0; } .pwi-page .welcome-to-includifi-section .content-container .text-container[data-v-68fd17dc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; max-width: 648px; } .pwi-page .welcome-to-includifi-section .content-container .text-container .title[data-v-68fd17dc] { padding: 0; font-size: 32px; line-height: 1.2; color: #333; } .pwi-page .welcome-to-includifi-section .content-container .text-container .description[data-v-68fd17dc] { font-size: 24px; line-height: 1.45; color: #555; } .pwi-page .why-partner-section[data-v-68fd17dc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background-image: url("https://core-diva.sfo2.digitaloceanspaces.com/engageup/assets/partner_with_us/partner-with-us-bg.jpg"); background-size: cover; background-position: center; padding: 48px 32px; } .pwi-page .why-partner-section .white-tint[data-v-68fd17dc] { background-color: rgba(255, 255, 255, 0.85); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .pwi-page .why-partner-section .content-container[data-v-68fd17dc] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 48px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1080px; } .pwi-page .why-partner-section .content-container .title[data-v-68fd17dc] { font-size: 40px; line-height: 1.2; color: #333; padding: 0; } .pwi-page .why-partner-section .content-container .content-wrapper[data-v-68fd17dc] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; gap: 64px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border: none; padding: 0; margin: 0; } .pwi-page .why-partner-section .content-container .content-wrapper .item-container[data-v-68fd17dc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pwi-page .why-partner-section .content-container .content-wrapper .item-container .icon-container[data-v-68fd17dc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 72px; width: 72px; border-radius: 100px; } .pwi-page .why-partner-section .content-container .content-wrapper .item-container .icon-container i[data-v-68fd17dc] { font-size: 32px; color: #836cff; } .pwi-page .why-partner-section .content-container .content-wrapper .item-container .text-container[data-v-68fd17dc] { text-align: center; gap: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pwi-page .why-partner-section .content-container .content-wrapper .item-container .text-container .title[data-v-68fd17dc] { font-size: 24px; line-height: 1.2; font-weight: 600; color: #444; } .pwi-page .why-partner-section .content-container .content-wrapper .item-container .text-container .description[data-v-68fd17dc] { font-size: 20px; line-height: 1.45; color: #444; } .pwi-page .partner-with-us-section[data-v-68fd17dc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 64px 32px; background-color: #fff; } .pwi-page .partner-with-us-section .content-container[data-v-68fd17dc] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 64px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1080px; width: 100%; } .pwi-page .partner-with-us-section .content-container .text-container[data-v-68fd17dc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } .pwi-page .partner-with-us-section .content-container .text-container .title[data-v-68fd17dc] { padding: 0; color: #333; font-size: 40px; line-height: 1.2; } .pwi-page .partner-with-us-section .content-container .text-container .description[data-v-68fd17dc] { font-size: 24px; line-height: 1.45; color: #555; } .pwi-page .partner-with-us-section .content-container .image[data-v-68fd17dc] { width: 460px; height: 320px; -o-object-fit: cover; object-fit: cover; border-radius: 8px; -ms-flex-negative: 0; flex-shrink: 0; } .pwi-page .become-a-partner-section[data-v-68fd17dc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 56px 32px 64px; background-color: #f1f1f9; } .pwi-page .become-a-partner-section .content-container[data-v-68fd17dc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 32px; max-width: 680px; } .pwi-page .become-a-partner-section .content-container .title-container[data-v-68fd17dc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; text-align: center; } .pwi-page .become-a-partner-section .content-container .title-container .title[data-v-68fd17dc] { font-size: 40px; line-height: 1.15; color: #333; padding: 0; text-align: center; } .pwi-page .become-a-partner-section .content-container .title-container .description[data-v-68fd17dc] { font-size: 24px; line-height: 1.5; color: #444; } .pwi-page .become-a-partner-section .content-container .form-container[data-v-68fd17dc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; padding: 24px; background-color: #fff; border-radius: 8px; } .pwi-page .become-a-partner-section .content-container .form-container .two-fields-container[data-v-68fd17dc] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; width: 100%; } .pwi-page .become-a-partner-section .content-container .form-container .input-wrapper[data-v-68fd17dc] { width: 100%; } .pwi-page .become-a-partner-section .content-container .form-container .text-area-wrapper[data-v-68fd17dc] { position: relative; margin-top: 8px; } .pwi-page .become-a-partner-section .content-container .form-container .text-area-wrapper .label-wrapper[data-v-68fd17dc] { position: absolute; top: -12px; left: 6px; background-color: #fff; padding: 0 6px; } .pwi-page .become-a-partner-section .content-container .form-container .text-area-wrapper .label-wrapper .label[data-v-68fd17dc] { font-size: 14px; font-weight: 600; line-height: 1.15; } .pwi-page .become-a-partner-section .content-container .form-container .text-area-wrapper .text-area[data-v-68fd17dc] { resize: none; height: 72px; padding: 0.625rem 0.875rem; border: solid 1.5px #95919b; border-radius: 6px; background-color: #fff; font-size: 1rem; width: 100%; } .pwi-page .become-a-partner-section .content-container .actions-container[data-v-68fd17dc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 16px; } @media screen and (max-width: 950px) { .pwi-page .why-partner-section .content-container .content-wrapper[data-v-68fd17dc] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pwi-page .why-partner-section .content-container .content-wrapper .item-container[data-v-68fd17dc] { width: 100%; max-width: 450px; } .pwi-page .partner-with-us-section .content-container[data-v-68fd17dc] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pwi-page .partner-with-us-section .content-container .text-container[data-v-68fd17dc] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pwi-page .partner-with-us-section .content-container .text-container .description[data-v-68fd17dc] { text-align: center; } } @media screen and (max-width: 576px) { .pwi-page .welcome-to-includifi-section[data-v-68fd17dc] { padding: 32px 20px; gap: 40px; } .pwi-page .welcome-to-includifi-section .title-container[data-v-68fd17dc] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pwi-page .welcome-to-includifi-section .title-container .title[data-v-68fd17dc] { font-size: 48px; } .pwi-page .welcome-to-includifi-section .title-container .description[data-v-68fd17dc] { font-size: 20px; } .pwi-page .welcome-to-includifi-section .content-container[data-v-68fd17dc] { gap: 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } .pwi-page .welcome-to-includifi-section .content-container .image[data-v-68fd17dc] { width: 100%; height: unset; } .pwi-page .welcome-to-includifi-section .content-container .text-container[data-v-68fd17dc] { gap: 12px; text-align: center; padding: 0; } .pwi-page .welcome-to-includifi-section .content-container .text-container .description[data-v-68fd17dc] { font-size: 20px; } .pwi-page .why-partner-section[data-v-68fd17dc] { padding: 32px 20px; background-image: url("https://core-diva.sfo2.digitaloceanspaces.com/engageup/assets/partner_with_us/mobile-partner-with-us-bg.jpg"); } .pwi-page .why-partner-section .content-container[data-v-68fd17dc] { gap: 24px; padding: 0; } .pwi-page .why-partner-section .content-container .title[data-v-68fd17dc] { font-size: 32px; text-align: center; } .pwi-page .why-partner-section .content-container .content-wrapper[data-v-68fd17dc] { gap: 32px; } .pwi-page .why-partner-section .content-container .content-wrapper .item-container .text-container .title[data-v-68fd17dc] { font-size: 22px; line-height: 1.15; } .pwi-page .why-partner-section .content-container .content-wrapper .item-container .text-container .description[data-v-68fd17dc] { font-size: 18px; line-height: 1.4; } .pwi-page .partner-with-us-section[data-v-68fd17dc] { padding: 32px 20px; } .pwi-page .partner-with-us-section .content-container[data-v-68fd17dc] { padding: 0; gap: 24px; } .pwi-page .partner-with-us-section .content-container .text-container .title[data-v-68fd17dc] { font-size: 32px; line-height: 1.25; } .pwi-page .partner-with-us-section .content-container .text-container .description[data-v-68fd17dc] { font-size: 20px; line-height: 1.36; } .pwi-page .partner-with-us-section .content-container .image[data-v-68fd17dc] { width: 100%; height: unset; } .pwi-page .become-a-partner-section[data-v-68fd17dc] { padding: 32px 20px; } .pwi-page .become-a-partner-section .content-container[data-v-68fd17dc] { padding: 0; gap: 24px; } .pwi-page .become-a-partner-section .content-container .title-container .title[data-v-68fd17dc] { font-size: 32px; line-height: 1.25; } .pwi-page .become-a-partner-section .content-container .title-container .description[data-v-68fd17dc] { font-size: 20px; line-height: 1.36; } .pwi-page .become-a-partner-section .content-container .form-container[data-v-68fd17dc] { padding: 24px 16px; width: 100%; } .pwi-page .become-a-partner-section .content-container .form-container .two-fields-container[data-v-68fd17dc] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .pwi-page .become-a-partner-section .content-container .form-container .text-area-wrapper[data-v-68fd17dc] { margin-top: 16px; } .pwi-page .become-a-partner-section .content-container .form-container .text-area-wrapper .label-wrapper[data-v-68fd17dc] { max-width: 170px; top: -32px; } }.pwi-page .pointer[data-v-ff46639b] { cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; } .pwi-page .pointer[data-v-ff46639b]:hover { opacity: 0.8; } .pwi-page .cards-wrapper[data-v-ff46639b] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; } .pwi-page .mobile-only[data-v-ff46639b] { display: none; } .pwi-page .desktop-only[data-v-ff46639b] { display: block; } .pwi-page .card-wrapper[data-v-ff46639b] { height: auto; border-radius: 1em 1em 1em 1em; background: #ffffff; -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.04); box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.04); width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pwi-page .card-wrapper .image[data-v-ff46639b] { height: 154px; border-radius: 1em 1em 0 0; -o-object-fit: cover; object-fit: cover; } .pwi-page .card-wrapper .title[data-v-ff46639b] { font-size: 20px; font-weight: 600; line-height: 1.2; color: #444; padding: 16px; padding-bottom: 12px; } .pwi-page .card-wrapper .description[data-v-ff46639b] { color: #555555; font-size: 18px; line-height: 1.45; padding: 16px; padding-top: 0; } .pwi-page .welcome-to-includifi-section[data-v-ff46639b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 48px; background-color: #fff; padding: 48px 32px 64px; } .pwi-page .welcome-to-includifi-section .title-container[data-v-ff46639b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; max-width: 880px; text-align: center; } .pwi-page .welcome-to-includifi-section .title-container .title[data-v-ff46639b] { font-size: 56px; line-height: 1.15; color: #333; padding: 0; } .pwi-page .welcome-to-includifi-section .title-container .description-bold[data-v-ff46639b] { color: #444; line-height: 1.2; font-size: 32px; font-weight: 600; padding-bottom: 24px; } .pwi-page .welcome-to-includifi-section .content-container[data-v-ff46639b] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 48px; max-width: 1080px; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pwi-page .welcome-to-includifi-section .content-container .image[data-v-ff46639b] { width: 384px; height: 270px; -o-object-fit: cover; object-fit: cover; border-radius: 8px; -ms-flex-negative: 0; flex-shrink: 0; } .pwi-page .welcome-to-includifi-section .content-container .text-container[data-v-ff46639b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; max-width: 648px; } .pwi-page .welcome-to-includifi-section .content-container .text-container .description[data-v-ff46639b] { font-size: 24px; line-height: 1.45; color: #555; } .pwi-page .why-partner-section[data-v-ff46639b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background: #eaeeff; background-size: cover; background-position: center; padding: 48px 32px; } .pwi-page .why-partner-section .white-tint[data-v-ff46639b] { background-color: rgba(255, 255, 255, 0.85); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .pwi-page .why-partner-section .content-container[data-v-ff46639b] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 48px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1080px; } .pwi-page .why-partner-section .content-container .sub-title[data-v-ff46639b] { font-size: 28px; font-weight: 500; line-height: 1.5; color: #444444; max-width: 880px; text-align: center; } .pwi-page .why-partner-section .content-container .content-wrapper[data-v-ff46639b] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; gap: 64px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border: none; padding: 0; margin: 0; } .pwi-page .why-partner-section .content-container .content-wrapper .item-container[data-v-ff46639b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pwi-page .why-partner-section .content-container .content-wrapper .item-container .icon-container[data-v-ff46639b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 72px; width: 72px; border-radius: 100px; } .pwi-page .why-partner-section .content-container .content-wrapper .item-container .icon-container i[data-v-ff46639b] { font-size: 32px; color: #836cff; } .pwi-page .why-partner-section .content-container .content-wrapper .item-container .text-container[data-v-ff46639b] { text-align: center; gap: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pwi-page .why-partner-section .content-container .content-wrapper .item-container .text-container .title[data-v-ff46639b] { font-size: 24px; line-height: 1.2; font-weight: 600; color: #444; } .pwi-page .why-partner-section .content-container .content-wrapper .item-container .text-container .description[data-v-ff46639b] { font-size: 24px; line-height: 1.45; font-weight: 500; color: #444; } .pwi-page .partner-with-us-section[data-v-ff46639b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 64px 32px; background-color: #fff; } .pwi-page .partner-with-us-section .content-container[data-v-ff46639b] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 64px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1080px; width: 100%; } .pwi-page .partner-with-us-section .content-container .text-container[data-v-ff46639b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } .pwi-page .partner-with-us-section .content-container .text-container .description[data-v-ff46639b] { line-height: 1.5; color: #555; font-size: 28px; font-weight: 500; } .pwi-page .partner-with-us-section .content-container .image[data-v-ff46639b] { width: 460px; height: 320px; -o-object-fit: cover; object-fit: cover; border-radius: 8px; -ms-flex-negative: 0; flex-shrink: 0; } .pwi-page .become-a-partner-section[data-v-ff46639b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 56px 32px 64px; background-color: #f1f1f9; } .pwi-page .become-a-partner-section .content-container[data-v-ff46639b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 32px; max-width: 980px; } .pwi-page .become-a-partner-section .content-container .title-container[data-v-ff46639b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; text-align: center; } .pwi-page .become-a-partner-section .content-container .title-container .title[data-v-ff46639b] { font-size: 40px; line-height: 1.15; color: #333; padding: 0; text-align: center; } @media screen and (max-width: 950px) { .pwi-page .cards-wrapper[data-v-ff46639b] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pwi-page .why-partner-section .content-container .content-wrapper[data-v-ff46639b] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pwi-page .why-partner-section .content-container .content-wrapper .item-container[data-v-ff46639b] { width: 100%; max-width: 450px; } .pwi-page .partner-with-us-section .content-container[data-v-ff46639b] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pwi-page .partner-with-us-section .content-container .text-container[data-v-ff46639b] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pwi-page .partner-with-us-section .content-container .text-container .description[data-v-ff46639b] { text-align: center; } } @media screen and (max-width: 576px) { .pwi-page .mobile-only[data-v-ff46639b] { display: block; } .pwi-page .desktop-only[data-v-ff46639b] { display: none; } .pwi-page .welcome-to-includifi-section[data-v-ff46639b] { padding: 32px 20px; gap: 40px; } .pwi-page .welcome-to-includifi-section .title-container[data-v-ff46639b] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pwi-page .welcome-to-includifi-section .title-container .title[data-v-ff46639b] { font-size: 48px; } .pwi-page .welcome-to-includifi-section .title-container .description-bold[data-v-ff46639b] { font-size: 26px; } .pwi-page .welcome-to-includifi-section .content-container[data-v-ff46639b] { gap: 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } .pwi-page .welcome-to-includifi-section .content-container .image[data-v-ff46639b] { width: 100%; height: unset; } .pwi-page .welcome-to-includifi-section .content-container .text-container[data-v-ff46639b] { gap: 12px; text-align: center; padding: 0; } .pwi-page .welcome-to-includifi-section .content-container .text-container .description[data-v-ff46639b] { font-size: 20px; } .pwi-page .why-partner-section[data-v-ff46639b] { padding: 32px 20px; } .pwi-page .why-partner-section .content-container[data-v-ff46639b] { gap: 24px; padding: 0; } .pwi-page .why-partner-section .content-container .sub-title[data-v-ff46639b] { font-size: 22px; text-align: center; } .pwi-page .why-partner-section .content-container .content-wrapper[data-v-ff46639b] { gap: 32px; } .pwi-page .why-partner-section .content-container .content-wrapper .item-container .text-container .sub-title[data-v-ff46639b], .pwi-page .why-partner-section .content-container .content-wrapper .item-container .text-container .title[data-v-ff46639b] { font-size: 22px; line-height: 1.15; } .pwi-page .why-partner-section .content-container .content-wrapper .item-container .text-container .description[data-v-ff46639b] { font-size: 18px; line-height: 1.4; } .pwi-page .partner-with-us-section[data-v-ff46639b] { padding: 32px 20px; } .pwi-page .partner-with-us-section .content-container[data-v-ff46639b] { padding: 0; gap: 24px; } .pwi-page .partner-with-us-section .content-container .text-container .title[data-v-ff46639b] { font-size: 32px; line-height: 1.25; } .pwi-page .partner-with-us-section .content-container .text-container .description[data-v-ff46639b] { font-size: 20px; line-height: 1.36; } .pwi-page .partner-with-us-section .content-container .image[data-v-ff46639b] { width: 100%; height: unset; } .pwi-page .become-a-partner-section[data-v-ff46639b] { padding: 32px 20px; } .pwi-page .become-a-partner-section .content-container[data-v-ff46639b] { padding: 0; gap: 24px; } .pwi-page .become-a-partner-section .content-container .title-container .title[data-v-ff46639b] { font-size: 32px; line-height: 1.25; } } .vdatetime-fade-enter-active, .vdatetime-fade-leave-active { -webkit-transition: opacity .4s; transition: opacity .4s; } .vdatetime-fade-enter, .vdatetime-fade-leave-to { opacity: 0; } .vdatetime-overlay { z-index: 999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .5); -webkit-transition: opacity .5s; transition: opacity .5s; } .vdatetime-popup { -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1000; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 340px; max-width: calc(100% - 30px); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3); color: #444; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; line-height: 1.18; background: #fff; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .vdatetime-popup * { -webkit-box-sizing: border-box; box-sizing: border-box } .vdatetime-popup__header { padding: 18px 30px; background: #3f51b5; color: #fff; font-size: 32px; } .vdatetime-popup__title { margin-bottom: 8px; font-size: 21px; font-weight: 300; } .vdatetime-popup__year { font-weight: 300; font-size: 14px; opacity: 0.7; cursor: pointer; -webkit-transition: opacity .3s; transition: opacity .3s } .vdatetime-popup__year:hover { opacity: 1 } .vdatetime-popup__date { line-height: 1; cursor: pointer; } .vdatetime-popup__actions { padding: 0 20px 10px 30px; text-align: right; } .vdatetime-popup__actions__button { display: inline-block; border: none; padding: 10px 20px; background: transparent; font-size: 16px; color: #3f51b5; cursor: pointer; -webkit-transition: color .3s; transition: color .3s } .vdatetime-popup__actions__button:hover { color: #444 } .vdatetime-calendar__navigation--previous:hover svg path, .vdatetime-calendar__navigation--next:hover svg path { stroke: #888; } .vdatetime-calendar__navigation, .vdatetime-calendar__navigation * { -webkit-box-sizing: border-box; box-sizing: border-box; } .vdatetime-calendar__navigation { position: relative; margin: 15px 0; padding: 0 30px; width: 100%; } .vdatetime-calendar__navigation--previous, .vdatetime-calendar__navigation--next { position: absolute; top: 0; padding: 0 5px; width: 18px; cursor: pointer } .vdatetime-calendar__navigation--previous svg, .vdatetime-calendar__navigation--next svg { width: 8px; height: 13px; } .vdatetime-calendar__navigation--previous svg path, .vdatetime-calendar__navigation--next svg path { -webkit-transition: stroke .3s; transition: stroke .3s; } .vdatetime-calendar__navigation--previous { left: 25px; } .vdatetime-calendar__navigation--next { right: 25px; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .vdatetime-calendar__current--month { text-align: center; text-transform: capitalize; } .vdatetime-calendar__month { padding: 0 20px; -webkit-transition: height .2s; transition: height .2s; } .vdatetime-calendar__month__weekday, .vdatetime-calendar__month__day { display: inline-block; width: 14.28571%; line-height: 36px; text-align: center; font-size: 15px; font-weight: 300; cursor: pointer } .vdatetime-calendar__month__weekday > span, .vdatetime-calendar__month__day > span { display: block; width: 100%; position: relative; height: 0; padding: 0 0 100%; overflow: hidden; } .vdatetime-calendar__month__weekday > span > span, .vdatetime-calendar__month__day > span > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 0; border-radius: 50%; -webkit-transition: background-color .3s, color .3s; transition: background-color .3s, color .3s; } .vdatetime-calendar__month__weekday { font-weight: bold; } .vdatetime-calendar__month__day:hover > span > span { background: #eee; } .vdatetime-calendar__month__day--selected { } .vdatetime-calendar__month__day--selected > span > span, .vdatetime-calendar__month__day--selected:hover > span > span { color: #fff; background: #3f51b5; } .vdatetime-calendar__month__day--disabled { opacity: 0.4; cursor: default } .vdatetime-calendar__month__day--disabled:hover > span > span { color: inherit; background: transparent; } .vdatetime-time-picker__list::-webkit-scrollbar-thumb { background: #ccc } .vdatetime-time-picker__list::-webkit-scrollbar-track { background: #efefef } .vdatetime-time-picker * { -webkit-box-sizing: border-box; box-sizing: border-box } .vdatetime-time-picker { -webkit-box-sizing: border-box; box-sizing: border-box } .vdatetime-time-picker::after { content: ''; display: table; clear: both } .vdatetime-time-picker__list { float: left; width: 50%; height: 305px; overflow-y: scroll; -webkit-overflow-scrolling: touch } .vdatetime-time-picker__list::-webkit-scrollbar { width: 3px } .vdatetime-time-picker__with-suffix .vdatetime-time-picker__list { width: 33.3%; } .vdatetime-time-picker__item { padding: 10px 0; font-size: 20px; text-align: center; cursor: pointer; -webkit-transition: font-size .3s; transition: font-size .3s; } .vdatetime-time-picker__item:hover { font-size: 32px; } .vdatetime-time-picker__item--selected { color: #3f51b5; font-size: 32px; } .vdatetime-time-picker__item--disabled { opacity: 0.4; cursor: default; font-size: 20px !important; } .vdatetime-year-picker__list::-webkit-scrollbar-thumb { background: #ccc } .vdatetime-year-picker__list::-webkit-scrollbar-track { background: #efefef } .vdatetime-year-picker * { -webkit-box-sizing: border-box; box-sizing: border-box } .vdatetime-year-picker { -webkit-box-sizing: border-box; box-sizing: border-box } .vdatetime-year-picker::after { content: ''; display: table; clear: both } .vdatetime-year-picker__list { float: left; width: 100%; height: 305px; overflow-y: scroll; -webkit-overflow-scrolling: touch } .vdatetime-year-picker__list::-webkit-scrollbar { width: 3px } .vdatetime-year-picker__item { padding: 10px 0; font-size: 20px; text-align: center; cursor: pointer; -webkit-transition: font-size .3s; transition: font-size .3s; } .vdatetime-year-picker__item:hover { font-size: 32px; } .vdatetime-year-picker__item--selected { color: #3f51b5; font-size: 32px; } .vdatetime-year-picker__item--disabled { opacity: 0.4; cursor: default } .vdatetime-year-picker__item--disabled:hover { color: inherit; background: transparent } .vdatetime-month-picker__list::-webkit-scrollbar-thumb { background: #ccc } .vdatetime-month-picker__list::-webkit-scrollbar-track { background: #efefef } .vdatetime-month-picker * { -webkit-box-sizing: border-box; box-sizing: border-box } .vdatetime-month-picker { -webkit-box-sizing: border-box; box-sizing: border-box } .vdatetime-month-picker::after { content: ''; display: table; clear: both } .vdatetime-month-picker__list { float: left; width: 100%; height: 305px; overflow-y: scroll; -webkit-overflow-scrolling: touch } .vdatetime-month-picker__list::-webkit-scrollbar { width: 3px } .vdatetime-month-picker__item { padding: 10px 0; font-size: 20px; text-align: center; cursor: pointer; -webkit-transition: font-size .3s; transition: font-size .3s; } .vdatetime-month-picker__item:hover { font-size: 32px; } .vdatetime-month-picker__item--selected { color: #3f51b5; font-size: 32px; } .vdatetime-month-picker__item--disabled { opacity: 0.4; cursor: default } .vdatetime-month-picker__item--disabled:hover { color: inherit; background: transparent } .login-blog-section[data-v-036ddc6d] { width: 100%; } .logout-blog-section[data-v-036ddc6d] { padding: 70px 0 0; } .in-cover-title[data-v-036ddc6d] { color: #fff; position: relative; padding: 0; text-align: center; font-size: 3rem; line-height: 1.1; max-width: 70rem; } .blog-pill[data-v-036ddc6d] { background-color: #55b3d5; color: #101828; font-size: 0.875rem; font-weight: 600; line-height: 1; padding: 0.5rem 1rem; border-radius: 100px; position: relative; } .loading-container[data-v-036ddc6d] { margin: 186px auto; } .cover-image-container[data-v-036ddc6d] { position: relative; overflow: hidden; width: 100%; height: 364px; max-width: 1248px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; padding: 2rem 7.688rem; } .cover-image-container.border-radius[data-v-036ddc6d] { border-radius: 0 0 24px 24px; overflow: hidden; } .cover-image-container img[data-v-036ddc6d] { height: 364px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 0; left: 0; } .cover-image-container .tint[data-v-036ddc6d] { position: absolute; background-color: rgba(38, 34, 49, 0.55); width: 100%; height: 100%; top: 0; left: 0; } .cover-image-container .back-button-container[data-v-036ddc6d] { position: absolute; top: 2rem; left: 3.5rem; } .cover-image-container .back-button-container .back-button[data-v-036ddc6d] { padding: 0.75rem 1.5rem; color: #101828; background-color: #d8dce5; border: none; border-radius: 100px; font-size: 1rem; font-weight: 600; } .cover-image-container .back-button-container .back-button[data-v-036ddc6d]:hover { cursor: pointer; background-color: #838ea1; } .cover-image-container .back-button-container .back-button .back-arrow[data-v-036ddc6d] { color: #2d98d2; font-size: 0.875rem; font-weight: 500; } @media screen and (max-width: 576px) { .logout-blog-section[data-v-036ddc6d] { padding: 70px 0 0; } .cover-image-container[data-v-036ddc6d] { padding: 1.5rem 1rem; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cover-image-container .back-button-container[data-v-036ddc6d] { top: 1rem; left: 1rem; } .cover-image-container .back-button-container .back-button[data-v-036ddc6d] { padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 3rem; width: 3rem; } .cover-image-container .back-button-container .back-button .text[data-v-036ddc6d] { display: none; } .cover-image-container .back-button-container .back-button .back-arrow[data-v-036ddc6d] { color: #101828; } .blog-pill[data-v-036ddc6d] { display: none; } .in-cover-title[data-v-036ddc6d] { font-size: 2rem; line-height: 1.2; text-align: left; } } .blog-article-author-section[data-v-036ddc6d] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-bottom: 3rem; } .blog-article-author-card[data-v-036ddc6d] { background-color: #f2f5f7; width: 100%; max-width: 42.5rem; border-radius: 24px; padding: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; } .blog-article-author-card .author-image[data-v-036ddc6d] { height: 4rem; width: 4rem; border-radius: 100px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -ms-flex-negative: 0; flex-shrink: 0; } .blog-article-author-card .text-container[data-v-036ddc6d] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5rem; } .active[data-v-4ec59abb] { color: #2d98d2; } .slide-mobile-menu-enter-active[data-v-4ec59abb], .slide-mobile-menu-leave-active[data-v-4ec59abb] { -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; overflow: hidden; } .slide-mobile-menu-enter[data-v-4ec59abb], .slide-mobile-menu-leave-to[data-v-4ec59abb] { height: 0; padding: 0 32px; overflow: hidden; } .slide-mobile-menu-enter-to[data-v-4ec59abb], .slide-mobile-menu-leave[data-v-4ec59abb] { height: 320px; overflow: hidden; } .fade-mobile-menu-button-enter-active[data-v-4ec59abb], .fade-mobile-menu-button-leave-active[data-v-4ec59abb] { -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .fade-mobile-menu-button-enter[data-v-4ec59abb], .fade-mobile-menu-button-leave-to[data-v-4ec59abb] { opacity: 0; } .mobile-only[data-v-bfac9223] { display: none; } .desktop-only[data-v-bfac9223] { display: initial; } @media screen and (max-width: 576px) { .mobile-only[data-v-bfac9223] { display: initial; } .desktop-only[data-v-bfac9223] { display: none; } } .slide-mobile-menu-enter-active[data-v-2a31c1a7], .slide-mobile-menu-leave-active[data-v-2a31c1a7] { -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; overflow: hidden; } .slide-mobile-menu-enter[data-v-2a31c1a7], .slide-mobile-menu-leave-to[data-v-2a31c1a7] { height: 0; padding: 0 32px; overflow: hidden; } .slide-mobile-menu-enter-to[data-v-2a31c1a7], .slide-mobile-menu-leave[data-v-2a31c1a7] { height: 320px; overflow: hidden; } .fade-mobile-menu-button-enter-active[data-v-2a31c1a7], .fade-mobile-menu-button-leave-active[data-v-2a31c1a7] { -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .fade-mobile-menu-button-enter[data-v-2a31c1a7], .fade-mobile-menu-button-leave-to[data-v-2a31c1a7] { opacity: 0; } .partner-resource-dropdown[data-v-df699e57] { color: #26354a; background-color: transparent; border: none; font-size: 1.375rem; } .partner-resource-dropdown[data-v-df699e57]:hover { color: #516075; cursor: pointer; }.resource-card[data-v-9017c725] { width: 100%; height: 16.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.75rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 24px 24px 16px 16px; -webkit-box-shadow: 0 0 10px 4px rgba(20, 20, 20, 0.04); box-shadow: 0 0 10px 4px rgba(20, 20, 20, 0.04); border: none; background-color: #fff; } .resource-card.featured[data-v-9017c725] { grid-column: span 2; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; border-radius: 8px 16px 16px 8px; } .resource-card .resource-type-pill[data-v-9017c725] { top: 5px; left: 31px; position: absolute; z-index: 8; background-color: #f2f5f7; padding: 0.188rem 0.5rem; color: #516075; border-radius: 16px; font-size: 0.75rem; } .resource-card .image-wrapper[data-v-9017c725] { background-color: #000; overflow: hidden; height: 6.938rem; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 24px 24px 0 0; position: relative; } .resource-card .image-wrapper.featured[data-v-9017c725] { height: 100%; width: 15rem; border-radius: 8px 0 0 8px; } .resource-card .resource-image[data-v-9017c725] { height: 6.938rem; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: 0.3s; transition: 0.3s; opacity: 1; } .resource-card .resource-image.featured[data-v-9017c725] { height: 100%; width: 15rem; border-radius: 8px 0 0 8px; } .resource-card .resource-image[data-v-9017c725]:hover { cursor: pointer; -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0.85; } .resource-card .resource-icon-container[data-v-9017c725] { background-color: #f1f1f9; color: #22a5a0; width: 100%; height: 6.938rem; font-size: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 24px 24px 0 0; height: 6.938rem; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: font-size 0.3s, opacity 0.3s; transition: font-size 0.3s, opacity 0.3s; opacity: 1; } .resource-card .resource-icon-container.featured[data-v-9017c725] { height: 100%; width: 15rem; font-size: 64px; border-radius: 8px 0 0 8px; } .resource-card .resource-icon-container[data-v-9017c725]:hover { cursor: pointer; font-size: 59px; opacity: 0.85; } .resource-card .resource-icon-container:hover.featured[data-v-9017c725] { font-size: 67px; } .resource-card .text-container[data-v-9017c725] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; padding: 0 1rem 1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .resource-card .text-container.featured[data-v-9017c725] { gap: 1rem; padding: 1rem 1rem 1.25rem 0; width: 100%; } .resource-card .title-description-wrapper[data-v-9017c725] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.25rem; } .resource-card .title-description-wrapper.featured[data-v-9017c725] { gap: 0.5rem; } .resource-card .title[data-v-9017c725] { font-size: 1rem; font-weight: 600; line-height: 1.25; color: #333; padding: 0; } .resource-card .title.featured[data-v-9017c725] { font-size: 1.25rem; line-height: 1.2; } .resource-card .title .featured-icon[data-v-9017c725] { color: #05c1a2; font-size: 1rem; } .resource-card .title[data-v-9017c725]:hover { cursor: pointer; color: #494949; } .resource-card .description[data-v-9017c725] { font-size: 0.875rem; line-height: 1.2; color: #494949; } .resource-card .description.featured[data-v-9017c725] { font-size: 1rem; } .resource-card .bottom-container[data-v-9017c725] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .resource-card .partner-container[data-v-9017c725] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .resource-card .partner-logo[data-v-9017c725] { height: 1.25rem; width: 1.25rem; border-radius: 16px; border: 1px solid #d8dce5; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .resource-card .partner-logo .featured[data-v-9017c725] { height: 1.5rem; width: 1.5rem; } .resource-card .partner-name[data-v-9017c725] { font-size: 0.875rem; font-weight: 600; line-height: 1; color: #444444; } .resource-card .actions-container[data-v-9017c725] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.5rem; } .resource-card .action-button[data-v-9017c725] { width: 1.25rem; height: 1.25rem; color: #d8dce5; font-size: 1.25rem; border: none; background: transparent; } .resource-card .action-button[data-v-9017c725]:hover { cursor: pointer; color: #2d98d2; } .resource-card .action-button .active[data-v-9017c725] { color: #2d98d2; } .bookmark-button.partner[data-v-9017c725] { color: #26354a; font-size: 1.25rem; background-color: transparent; border: none; } .bookmark-button.partner[data-v-9017c725]:hover { color: #516075; } @media screen and (max-width: 576px) { .resource-card[data-v-9017c725] { gap: 1rem; width: 19rem; height: 21.5rem; border-radius: 24px; } .resource-card.featured[data-v-9017c725] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 24px; } .resource-card .image-wrapper[data-v-9017c725] { height: 8.5rem; width: 100%; border-radius: 24px 24px 0 0; } .resource-card .image-wrapper.featured[data-v-9017c725] { height: 8.5rem; width: 100%; border-radius: 24px 24px 0 0; } .resource-card .resource-image[data-v-9017c725] { height: 8.5rem; width: 100%; border-radius: 24px 24px 0 0; } .resource-card .resource-image.featured[data-v-9017c725] { height: 8.5rem; width: 100%; border-radius: 24px 24px 0 0; } .resource-card .resource-icon-container[data-v-9017c725] { height: 8.5rem; width: 100%; border-radius: 24px 24px 0 0; } .resource-card .resource-icon-container.featured[data-v-9017c725] { height: 8.5rem; width: 100%; border-radius: 24px 24px 0 0; } .resource-card .text-container[data-v-9017c725] { padding: 0 1rem 1rem; } .resource-card .text-container.featured[data-v-9017c725] { padding: 0 1rem 1rem; } .resource-card .description[data-v-9017c725] { -webkit-line-clamp: 5 !important; } }.resource-section[data-v-e92c91e7] { width: 100%; max-width: 1400px; } .filter-section[data-v-e92c91e7] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; margin-bottom: 2rem; } .filter-section .search-container[data-v-e92c91e7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.5rem; padding: 3rem 5rem; border-radius: 24px; position: relative; overflow: hidden; } .filter-section .tint[data-v-e92c91e7] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .filter-section .text-container[data-v-e92c91e7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.25rem; text-align: center; position: relative; } .filter-section .text-container .title[data-v-e92c91e7] { font-size: 2.5rem; line-height: 1.2; padding: 0; color: #fff; } .filter-section .text-container .subtitle[data-v-e92c91e7] { font-size: 1.25rem; line-height: 1.35; color: #fff; } .resource-content-container[data-v-e92c91e7] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }.navigation-tabs-container { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; background-color: transparent; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border-bottom: none; height: 35px; } .navigation-tabs-section { display: grid; overflow-x: scroll; } .tab-item-container { border-bottom: 3px solid transparent; position: relative; top: 0.125rem; white-space: nowrap; } .tab-item-container.active { border-bottom: 3px solid #2d98d2; } .nav-item { color: #838ea1; display: block; font-size: 1.125rem; font-weight: 600; line-height: 1; padding-bottom: 10px; } .nav-item.active { color: #2d98d2; } .nav-item:hover { cursor: pointer; }.title-container[data-v-5deea3d0] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } .title-text[data-v-5deea3d0] { font-size: 40px; padding: 0; line-height: 1.2; color: #333333; } .description-text[data-v-5deea3d0] { font-size: 16px; line-height: 1.35; color: #555; white-space: pre-line; } @media screen and (max-width: 576px) { .title-text[data-v-5deea3d0] { font-size: 32px; line-height: 1.25; } }.campus-apps-title-wrapper[data-v-ffa3dc31] { padding: 24px 0; } @media screen and (max-width: 576px) { .campus-apps-title-wrapper[data-v-ffa3dc31] { padding: 24px 0 0; } }.quest-title-wrapper[data-v-8b8d5566] { padding: 24px 0; } @media screen and (max-width: 576px) { .quest-title-wrapper[data-v-8b8d5566] { gap: 16px; } }.bookmark-ico[data-v-12fe555a] { cursor: pointer; font-size: 1.25rem; color: #26354a; opacity: 0.8; } .bookmark-ico[data-v-12fe555a]:hover { opacity: 1; } .students-wrapper[data-v-12fe555a] { font-size: 12px; font-weight: 600; color: #88858e; } .students[data-v-12fe555a] { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .student-thumb[data-v-12fe555a] { position: absolute; width: 24px; height: 24px; background-size: cover; border: 1px solid #fff; border-radius: 50%; } .details[data-v-12fe555a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 2.5rem; background: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem; border-radius: 0 0 16px 16px; -webkit-box-shadow: none; box-shadow: none; } .quest-card-wrapper[data-v-12fe555a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .detailsWrapper[data-v-12fe555a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 260px; } .recommended-item[data-v-12fe555a] { color: #fff; padding: 16px; position: relative; min-width: 220px; height: 220px; background-color: #dadada; background-size: cover; border-radius: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .recommended-item .image[data-v-12fe555a] { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 16px; -webkit-transition: all 0.3s; transition: all 0.3s; } .recommended-item .image[data-v-12fe555a]:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .recommended-item .tint[data-v-12fe555a] { position: absolute; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 16px; background-color: rgba(0, 0, 0, 0.3); } .recommended-item .tint[data-v-12fe555a]:hover { background-color: rgba(0, 0, 0, 0.6); } .recommended-item .upper[data-v-12fe555a] { z-index: 9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .recommended-item .upper .left[data-v-12fe555a] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; } .recommended-item .upper .featured-label[data-v-12fe555a], .recommended-item .upper .required-label[data-v-12fe555a] { padding: 0.25rem 0.375rem; border-radius: 4px; background: #2d98d2; font-size: 0.75rem; line-height: 1.2; font-weight: 600; } .recommended-item .upper .required-label[data-v-12fe555a] { background: #e65722; } .recommended-item .lower[data-v-12fe555a] { z-index: 9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 8px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .recommended-item .lower .left[data-v-12fe555a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .recommended-item .lower .right[data-v-12fe555a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .recommended-item .lower .info-row[data-v-12fe555a] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.5rem; } .recommended-item .lower .title[data-v-12fe555a] { font-size: 1rem; font-weight: 600; cursor: pointer; line-height: 1.2; } .recommended-item .lower .fa-wrapper[data-v-12fe555a] { font-size: 0.75rem; font-weight: 600; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.375rem; } .border-wrapper[data-v-12fe555a] { border: solid 1px #e6ebf0; border-radius: 16px; } .start-label[data-v-12fe555a] { color: #0b9d84; font-size: 0.75rem; line-height: 1.2; font-weight: 600; background: #e7fef0; padding: 0.063rem 0.375rem; border: solid 1px #c3e8de; border-radius: 4px; cursor: pointer; height: -webkit-max-content; height: -moz-max-content; height: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .start-label[data-v-12fe555a]:hover { opacity: 0.7; } .start-label span[data-v-12fe555a] { z-index: 2; } .continue-label[data-v-12fe555a] { position: relative; font-size: 0.75rem; line-height: 1.2; font-weight: 600; color: #f98a08; background: #fff9eb; border: solid 1px #ffdd88; padding: 0.063rem 0.375rem; border-radius: 4px; cursor: pointer; height: -webkit-max-content; height: -moz-max-content; height: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .continue-label[data-v-12fe555a]:hover { opacity: 0.7; } .continue-label span[data-v-12fe555a] { z-index: 2; } .ico-sm[data-v-12fe555a] { z-index: 2; font-size: 11px; margin-right: 5px; } .ico-green[data-v-12fe555a] { color: #0b9d84; } .ico-orange[data-v-12fe555a] { color: #f98a08; } .progress-bar[data-v-12fe555a] { position: absolute; left: 0; top: 0; bottom: 0; background: #ffdd88; -webkit-transition: width 0.4s; transition: width 0.4s; border-radius: 4px 0 0 4px; z-index: 1; } .badge[data-v-12fe555a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.25rem; } .badge img[data-v-12fe555a] { width: 1rem; height: 1rem; } .badge div[data-v-12fe555a] { font-size: 0.75rem; font-weight: 600; color: #444; }.title[data-v-b91b343c] { color: #444444; font-size: 24px; font-weight: 600; line-height: 1.2; border-bottom: 2px solid #e7e5ec; margin-bottom: 32px; padding: 16px 0; }.select-error[data-v-e6ce9a61] { border: solid 2px #e65722; }.table-container[data-v-208f3778] { margin: 10px 0 !important; padding: 0; -webkit-box-shadow: none; box-shadow: none; } .image-preview[data-v-208f3778] { width: 2rem; height: 2rem; }.error-container[data-v-48a644a0] { position: relative; top: -24px; font-size: 12px; color: rgb(230, 87, 34); width: 100%; }.toolbar-wrapper { margin-bottom: 14px; } .toolbar-button { cursor: pointer; border: none; background: transparent; color: #b4b4b4; height: 24px; width: 24px; font-size: 18px; } .toolbar-button:hover { color: #22a5a0; }.dialog-multiselect-wrapper[data-v-3f5a1e63] { position: relative; cursor: pointer; } .toolbar-wrapper[data-v-3f5a1e63] { margin-bottom: 14px; } .flex-space-between[data-v-3f5a1e63] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .h-max-content[data-v-3f5a1e63] { height: -webkit-max-content; height: -moz-max-content; height: max-content; } @media only screen and (min-width: 578px) { .autoW[data-v-3f5a1e63] { width: auto; } .flex-row-wrapper[data-v-3f5a1e63] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 16px; } } .open-modal-unavailable[data-v-3f5a1e63] { display: none; } .badges-header[data-v-3f5a1e63] { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .badges-header i[data-v-3f5a1e63] { color: #4c55a7; cursor: pointer; } .badges-header i[data-v-3f5a1e63]:hover { color: #3b3355; }.modal-container[data-v-255d1c20] { width: 600px; } .title-container[data-v-255d1c20] { width: 100%; text-align: center; font-size: 24px; font-weight: 600; color: #444444; line-height: 1.2; position: relative; } .close-button[data-v-255d1c20] { color: #95919b; font-size: 24px; border: none; background-color: transparent; position: absolute; right: 0; top: 0; } .close-button[data-v-255d1c20]:hover { cursor: pointer; color: #88858e; } .resource-form[data-v-255d1c20] { width: 100%; margin-top: 24px; display: grid; gap: 16px; } .multiselect-arrow[data-v-255d1c20] { position: absolute; top: 14px; z-index: 2; right: 12px; color: #685df3; font-size: 15px; font-weight: 600; pointer-events: none; } .multiselect-arrow[data-v-255d1c20]:hover { cursor: pointer; color: #9f87e0; } .multiselect-label[data-v-255d1c20] { font-size: 14px; font-weight: 600; line-height: 1.15; color: #3b3355; background-color: #fff; position: absolute; left: 12px; padding: 0 6px 2px; top: -8px; width: unset !important; } .dialog-multiselect-wrapper[data-v-255d1c20] { position: relative; cursor: pointer; } .modal-textarea[data-v-255d1c20] { padding: 12px 0 0 12px; font-size: 16px; border-radius: 6px; border: 1px solid #949494; resize: none; background-color: #fff; } .modal-textarea[data-v-255d1c20]:active { border-color: #685df3; } .modal-textarea[data-v-255d1c20]:focus { border-color: #685df3; } .two-inputs-row[data-v-255d1c20] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; gap: 8px; overflow: visible; } .dialog-error-container[data-v-255d1c20] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #b42318; font-size: 0.875rem; color: white; border-radius: 6px; height: auto; padding: 0.375rem; width: 90%; margin-bottom: 1rem; } .dialog-error-container i[data-v-255d1c20] { font-size: 0.875rem; margin-right: 0.5rem; color: white; } .dialog-actions-container[data-v-255d1c20] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 12px; } .modal-checkbox-container[data-v-255d1c20] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 32px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 632px) { .modal-checkbox-container[data-v-255d1c20] { gap: 16px; } .modal-container[data-v-255d1c20] { width: 100%; margin: 0 16px; } .two-inputs-row[data-v-255d1c20] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }.dialog-multiselect-wrapper .multiselect__tags { border-width: 1px; border-radius: 6px; }.modal-container[data-v-664c492b] { width: 600px; } .title-container[data-v-664c492b] { width: 100%; text-align: center; font-size: 24px; font-weight: 600; color: #444444; line-height: 1.2; position: relative; } .close-button[data-v-664c492b] { color: #95919b; font-size: 24px; border: none; background-color: transparent; position: absolute; right: 0; top: 0; } .close-button[data-v-664c492b]:hover { cursor: pointer; color: #88858e; } .resource-form[data-v-664c492b] { width: 100%; margin-top: 24px; display: grid; gap: 16px; } .multiselect-arrow[data-v-664c492b] { position: absolute; top: 14px; z-index: 2; right: 12px; color: #685df3; font-size: 15px; font-weight: 600; pointer-events: none; } .multiselect-arrow[data-v-664c492b]:hover { cursor: pointer; color: #9f87e0; } .multiselect-label[data-v-664c492b] { font-size: 14px; font-weight: 600; line-height: 1.15; color: #3b3355; background-color: #fff; padding: 0 6px 2px; position: absolute; left: 12px; top: -8px; width: unset !important; } .dialog-multiselect-wrapper[data-v-664c492b] { position: relative; cursor: pointer; } .modal-textarea[data-v-664c492b] { padding: 12px 0 0 12px; font-size: 16px; border-radius: 6px; border: 1px solid #949494; resize: none; background-color: #fff; } .modal-textarea[data-v-664c492b]:active { border-color: #685df3; } .modal-textarea[data-v-664c492b]:focus { border-color: #685df3; } .two-inputs-row[data-v-664c492b] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; gap: 8px; overflow: visible; } .dialog-error-container[data-v-664c492b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #b42318; font-size: 0.875rem; color: white; border-radius: 6px; height: auto; padding: 0.375rem; } .dialog-error-container i[data-v-664c492b] { font-size: 0.875rem; margin-right: 0.5rem; color: white; } .dialog-actions-container[data-v-664c492b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 12px; } .modal-checkbox-container[data-v-664c492b] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 32px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 632px) { .modal-checkbox-container[data-v-664c492b] { gap: 16px; } .modal-container[data-v-664c492b] { width: 100%; margin: 0 16px; } .two-inputs-row[data-v-664c492b] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }.dialog-multiselect-wrapper .multiselect__tags { border-width: 1px; border-radius: 6px; }.modal-container[data-v-c0b42097] { width: 600px; } .title-container[data-v-c0b42097] { width: 100%; text-align: center; font-size: 24px; font-weight: 600; color: #444444; line-height: 1.2; position: relative; } .close-button[data-v-c0b42097] { color: #95919b; font-size: 24px; border: none; background-color: transparent; position: absolute; right: 0; top: 0; } .close-button[data-v-c0b42097]:hover { cursor: pointer; color: #88858e; } .resource-form[data-v-c0b42097] { width: 100%; margin-top: 24px; display: grid; gap: 16px; } .multiselect-arrow[data-v-c0b42097] { position: absolute; top: 14px; z-index: 2; right: 12px; color: #685df3; font-size: 15px; font-weight: 600; pointer-events: none; } .multiselect-arrow[data-v-c0b42097]:hover { cursor: pointer; color: #9f87e0; } .multiselect-label[data-v-c0b42097] { font-size: 14px; font-weight: 600; line-height: 1.15; color: #3b3355; background-color: #fff; position: absolute; padding: 0 6px 2px; left: 12px; top: -8px; width: unset !important; } .dialog-multiselect-wrapper[data-v-c0b42097] { position: relative; cursor: pointer; } .modal-textarea[data-v-c0b42097] { padding: 12px 0 0 12px; font-size: 16px; border-radius: 6px; border: 1px solid #949494; resize: none; background-color: #fff; } .modal-textarea[data-v-c0b42097]:active { border-color: #685df3; } .modal-textarea[data-v-c0b42097]:focus { border-color: #685df3; } .two-inputs-row[data-v-c0b42097] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; gap: 8px; overflow: visible; } .dialog-error-container[data-v-c0b42097] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #b42318; font-size: 0.875rem; color: white; border-radius: 6px; height: auto; padding: 0.375rem; } .dialog-error-container i[data-v-c0b42097] { font-size: 0.875rem; margin-right: 0.5rem; color: white; } .dialog-actions-container[data-v-c0b42097] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 12px; } .modal-checkbox-container[data-v-c0b42097] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 32px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 632px) { .modal-checkbox-container[data-v-c0b42097] { gap: 16px; } .modal-container[data-v-c0b42097] { width: 100%; margin: 0 16px; } .two-inputs-row[data-v-c0b42097] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }.dialog-multiselect-wrapper .multiselect__tags { border-width: 1px; border-radius: 6px; }.community-library-button-override.partner[data-v-12604d41] { background-color: #2d98d2; } .community-library-button-override.partner[data-v-12604d41]:hover { background-color: #006ead; }.task-form[data-v-b8d55761] { border: 1px solid #d1d1d7; padding: 16px; border-radius: 8px; } @media only screen and (max-width: 777px) { .task-form-upload-resource-button[data-v-b8d55761] { margin-bottom: 24px; } } @media only screen and (min-width: 578px) { .autoW[data-v-b8d55761] { width: auto; } .flex-row-wrapper[data-v-b8d55761] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 16px; } }.task-card-wrapper[data-v-62605ded] { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #c3cbd6; background: #fff; padding: 16px; position: relative; border-radius: 8px; margin: 16px 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .selected[data-v-62605ded] { border: solid 1px #d0c2ff; background-color: rgba(241, 241, 249, 0.9); } .task-card[data-v-62605ded] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; width: 100%; } .top-section[data-v-62605ded] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .title[data-v-62605ded] { color: #333333; font-size: 1rem; font-weight: 600; line-height: 1.2; } .due[data-v-62605ded] { font-size: 12px; font-weight: 600; line-height: 1.2; color: #f6764d; white-space: nowrap; padding: 1px 6px; border-radius: 4px; background-color: #fff6d2; margin-left: 8px; } .itemType[data-v-62605ded] { padding: 0.063rem 0.5rem 0.188rem; border-radius: 16px; background: #f2f5f7; font-size: 12px; font-weight: 600; line-height: 1.6; color: #516075; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin-left: 8px; } .desc[data-v-62605ded] { font-size: 1rem; line-height: 1.5; color: #555555; } .item[data-v-62605ded] { padding: 9px 16px; border-radius: 4px; background: #e7e5ec; font-size: 14px; font-weight: 600; color: #444444; margin-top: 8px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; line-height: 1.4; cursor: pointer; } .item[data-v-62605ded]:hover { opacity: 0.7; } .btns[data-v-62605ded] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; } .editBtn[data-v-62605ded] { color: #22a5a0; font-size: 14px; font-weight: 600; cursor: pointer; } .editBtn[data-v-62605ded]:hover { opacity: 0.6; } .deleteBtn[data-v-62605ded] { color: #444444; font-size: 14px; font-weight: 600; cursor: pointer; } .deleteBtn[data-v-62605ded]:hover { opacity: 0.6; } .nav-icon[data-v-62605ded] { font-size: 10px; color: #137583; margin-left: 8px; } .due-icon[data-v-62605ded] { color: #f6764d; font-size: 10px; margin-right: 6px; } .drag-handle[data-v-62605ded] { color: #b6b4bf; font-size: 24px; cursor: move; margin-right: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }.additionalTaskContainer[data-v-8a30edb8] { padding-bottom: 16px; border-bottom: 2px solid #e7e5ec; } .list-move[data-v-8a30edb8] { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .ghost[data-v-8a30edb8] { opacity: 0.1; } @media only screen and (min-width: 578px) { .autoW[data-v-8a30edb8] { width: auto; } .flex-row-wrapper[data-v-8a30edb8] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 16px; } }.partner-tenant-all-features-tab-container .content-cell .title[data-v-05434b48] { height: unset; }.eu-post-multipart-btns[data-v-ea00b71a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 12px; } .dabi-searchbar[data-v-ea00b71a] { background: #fff; border: solid 1px #c3cbd6; height: 2.5rem; } .feed-file-wrapper[data-v-ea00b71a] { position: relative; bottom: 6px; } @media only screen and (max-width: 576px) { .eu-post-multipart-btns[data-v-ea00b71a] { display: block; } } /* Add any styles specific to QuestFeed */ .ratings-wrapper[data-v-33d41851] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 124px; line-height: 0; } .ratings-wrapper.disabled[data-v-33d41851] { cursor: default; pointer-events: none; opacity: 0.7; } .rating-item[data-v-33d41851] { width: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; border: 1px solid #d1d1d7; padding: 12px 15px; color: #c3cbd6; font-size: 0.875rem; font-weight: 400; cursor: pointer; } .rating-item.positive[data-v-33d41851] { cursor: default; pointer-events: none; color: #516075; background-color: white; } .rating-item.positive i[data-v-33d41851] { color: #05c1a2; } .rating-item.negative[data-v-33d41851] { cursor: default; background: white; pointer-events: none; color: #516075; } .rating-item.negative i[data-v-33d41851] { color: #de623b; } .rating-item[data-v-33d41851]:hover { opacity: 0.8; } .svg-container[data-v-33d41851] { position: absolute; top: 50%; right: -6px; width: 81px; height: 87px; background-size: cover; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .svg-container img[data-v-33d41851] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .tasks-wrapper[data-v-33d41851] { max-width: 720px; margin: 0 auto; margin-top: 32px; } .tasks-wrapper.wide[data-v-33d41851] { max-width: 100%; padding: 32px; } .task-cards-wrapper[data-v-33d41851] { background: #fff; padding: 2rem; border-radius: 16px; border: solid 1px #d8dce5; -webkit-box-shadow: none; box-shadow: none; } .space-between[data-v-33d41851] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mdTxt[data-v-33d41851] { font-size: 1.375rem; font-weight: 600; line-height: 1.2; color: #555; } .link[data-v-33d41851] { background: transparent; color: #685df3; font-size: 16px; font-weight: 600; border: none; cursor: pointer; } .link[data-v-33d41851]:hover { opacity: 0.7; } .recommendations[data-v-33d41851] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; overflow: auto; } .quest-badge-header[data-v-33d41851] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5rem; } .flex-column-24[data-v-33d41851] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .not-published[data-v-33d41851] { color: #555555; text-align: center; font-size: 16px; font-weight: 500; background: #ffe6e0; border-radius: 8px; } .bigTxt[data-v-33d41851] { font-size: 1.5rem; font-weight: 600; line-height: 1.2; color: #333333; } .overview-body-wrapper[data-v-33d41851] { display: grid; grid-template-columns: 65fr 35fr; gap: 1.5rem; padding: 2rem; max-width: 1472px; margin: 0 auto; border-bottom: 2px solid #e7e5ec; margin-bottom: 32px; } .tag-item[data-v-33d41851] { color: #516075; border-radius: 16px; font-size: 0.875rem; font-weight: 500; line-height: 1; padding: 0.25rem 0.75rem; background-color: #f2f5f7; } .start-label[data-v-33d41851] { color: #0b9d84; font-weight: 600; background: #e7fef0; padding: 1px 6px; border-radius: 4px; border: none; cursor: pointer; height: -webkit-max-content; height: -moz-max-content; height: max-content; } .start-label[data-v-33d41851]:hover { opacity: 0.7; } .ico-sm[data-v-33d41851] { color: #0b9d84; font-size: 11px; margin-right: 5px; } .ico-md[data-v-33d41851], .quest-ico[data-v-33d41851] { color: #cbe9ec; font-size: 14px; margin-right: 6px; } .quest-label[data-v-33d41851] { background: #fadef5; padding: 11px 22px; border-radius: 4px; border: solid 1px #a054c3; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-bottom: 8px; color: #a054c3; font-size: 18px; font-weight: 600; cursor: default; } .quest-ico[data-v-33d41851] { color: #a054c3; } .progress[data-v-33d41851] { position: absolute; left: 35%; top: 100%; color: #9ea9ba; line-height: 1.35; font-size: 1rem; font-weight: 600; } .quest-progress-bar[data-v-33d41851] { background-color: #e7e5ec; color: #777777; border-radius: 16px; height: 24px; font-weight: 600; text-align: center; margin-bottom: 30px; position: relative; } .quest-progress-bar-completed[data-v-33d41851] { position: absolute; height: 24px; left: 0; border-radius: 16px 0 0 16px; background-color: #77c4ca; } .card-title[data-v-33d41851] { font-size: 1.5rem; font-weight: 600; line-height: 1.2; color: #333; } .students[data-v-33d41851] { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; font-size: 1rem; font-weight: 500; line-height: 1.35; color: #555; } .student-thumb[data-v-33d41851] { position: absolute; width: 32px; height: 32px; background-size: cover; border: 1px solid #fff; border-radius: 50%; } .desc[data-v-33d41851] { color: #555555; font-size: 1.25rem; line-height: 1.45; } .boldTxt[data-v-33d41851] { color: #555555; line-height: 1.15; font-size: 16px; font-weight: 600; } .smallTxt[data-v-33d41851] { color: #95919b; font-size: 12px; font-weight: 600; line-height: 1.2; } .deadlineTxt[data-v-33d41851] { color: #95919b; font-size: 16px; font-weight: 600; } .right-bar-wrapper[data-v-33d41851] { background-color: white; padding: 1.5rem; border-radius: 16px; border: solid 1px #e6ebf0; } .image-container[data-v-33d41851] { width: 100%; min-height: 300px; max-width: 1400px; overflow: hidden; border-radius: 0 0 24px 24px; position: relative; padding: 2.5rem 2rem; } .image-container .image[data-v-33d41851] { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .image-container .tint[data-v-33d41851] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .image-container .back-button-container[data-v-33d41851] { width: 100%; position: relative; } .image-container .back-button-container .back-button[data-v-33d41851] { color: #101828; background-color: #d8dce5; border: none; padding: 0.5rem 1.5rem; border-radius: 100px; font-size: 1rem; font-weight: 600; } .image-container .back-button-container .back-button[data-v-33d41851]:hover { cursor: pointer; background-color: #838ea1; } .image-container .back-button-container .back-button .back-arrow[data-v-33d41851] { color: #2d98d2; margin-right: 4px; font-size: 0.875rem; } .text-container[data-v-33d41851] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; min-height: 170px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .text-container .title[data-v-33d41851] { font-size: 2.5rem; font-weight: bold; line-height: 1.2; color: #fff; } .quest-page-header-container[data-v-33d41851] { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: none; padding: 0 2rem; border-bottom: solid 2px #d8dce5; } .page-nav-section[data-v-33d41851] { width: 100%; position: relative; top: 0; padding-top: 0; } .action-container[data-v-33d41851] { width: 100%; max-width: 1400px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.5rem; padding: 0 0.5rem; } .action-container .buttons-container[data-v-33d41851] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.5rem; padding: 1rem 0; } .close-video-button[data-v-33d41851] { position: absolute; top: 32px; right: 32px; font-size: 32px; border: none; background: transparent; color: #fff; } .close-video-button[data-v-33d41851]:hover { color: #bababa; cursor: pointer; } .quest-section-title[data-v-33d41851] { font-size: 1.25rem; font-weight: 600; line-height: 1.2; color: #333; } .quest-badge-header-subtitle[data-v-33d41851] { font-size: 1.125rem; font-weight: 600; line-height: 1.2; color: #516075; } .quest-badge-container[data-v-33d41851] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.5rem; background-color: #ffffff; padding: 1.5rem; border-radius: 16px; border: solid 1px #e6ebf0; } .quest-details-wrapper[data-v-33d41851] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; border-bottom: 2px solid #e7e5ec; padding-bottom: 15px; margin-bottom: 20px; } .column[data-v-33d41851] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.5rem; } .about-quest[data-v-33d41851] { background-color: #ffffff; padding: 1.5rem; border-radius: 16px; border: solid 1px #e6ebf0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5rem; } .quest-nav-button[data-v-33d41851] { background-color: #2d98d2; color: #101828; border: none; padding: 0.5rem 1.5rem; border-radius: 100px; font-size: 1rem; font-weight: 600; } .quest-nav-button[data-v-33d41851]:hover { background-color: rgb(20, 140, 204); color: white; cursor: pointer; } .quest-nav-tabs[data-v-33d41851] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; background-color: transparent; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border-bottom: none; } .video-border[data-v-33d41851] { border-radius: 16px; } .desktop-version[data-v-33d41851] { display: block; } .mobile-version[data-v-33d41851] { display: none; } @media only screen and (max-width: 991px) { .desktop-version[data-v-33d41851] { display: none; } .mobile-version[data-v-33d41851] { display: block; } .overview-body-wrapper[data-v-33d41851] { grid-template-columns: 1fr; } .video-border[data-v-33d41851] { border-radius: 16px; } } @media only screen and (max-width: 576px) { .desktop-version[data-v-33d41851] { display: none; } .mobile-version[data-v-33d41851] { display: block; } .overview-body-wrapper[data-v-33d41851] { grid-template-columns: 1fr; padding: 2rem 0; } .about-quest[data-v-33d41851] { border-radius: 0; } .video-border[data-v-33d41851] { border-radius: 0; } .quest-badge-container[data-v-33d41851] { border-radius: 0; } .right-bar-wrapper[data-v-33d41851] { border-radius: 0; } .browse-all-text[data-v-33d41851] { display: none; } .image-container .text-container .title[data-v-33d41851] { font-size: 2rem; } .image-container .back-button-container[data-v-33d41851] { width: 100%; position: relative; } .image-container .back-button-container .back-button[data-v-33d41851] { color: #101828; background-color: #d8dce5; border: none; padding: 0.875rem 1.5rem; border-radius: 100px; border-radius: 100px; font-size: 1rem; font-weight: 600; } .image-container .back-button-container .back-button[data-v-33d41851]:hover { cursor: pointer; background-color: #838ea1; } .image-container .back-button-container .back-button .back-arrow[data-v-33d41851] { color: #101828; font-size: 1rem; } }@media only screen and (min-width: 577px) { .mobileOnly[data-v-7ba50c02] { display: none; } } @media only screen and (max-width: 576px) { .desktopOnly[data-v-7ba50c02] { display: none; } } .tasks-wrapper[data-v-7ba50c02] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; } .animation-wrapper[data-v-7ba50c02] { max-height: 200px; margin-top: -100px; } .modal-title[data-v-7ba50c02] { padding: 12px 24px 0px 24px; font-size: 16px; line-height: 1.35; color: #444444; font-size: 24px; font-weight: 600; } .modal-desc-wrapper[data-v-7ba50c02] { padding: 12px 0; width: 100%; } .modal-desc[data-v-7ba50c02] { color: #444; font-weight: 400; line-height: 1.25; font-size: 16px; text-align: center; margin-bottom: 24px; } .ratings-wrapper[data-v-7ba50c02] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 124px; line-height: 0; margin: 0 auto; } .rating-item[data-v-7ba50c02] { width: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; border: 1px solid #d1d1d7; padding: 12px 15px; color: #817e87; font-size: 14px; font-weight: 500; cursor: pointer; } .rating-item.positive[data-v-7ba50c02] { cursor: default; background: #e7fef0; pointer-events: none; color: black; } .rating-item.negative[data-v-7ba50c02] { cursor: default; background: #fff6d2; pointer-events: none; color: black; } .rating-item[data-v-7ba50c02]:hover { opacity: 0.8; } .checkbox-wrapper[data-v-7ba50c02] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; margin-top: 32px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .checkbox[data-v-7ba50c02] { width: 24px; height: 24px; border-radius: 50%; background-color: #f1f1f9; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 3px solid #b6b4bf; pointer-events: none; } .checkbox .ico[data-v-7ba50c02] { color: #b3d0d3; font-size: 14px; position: relative; bottom: 1px; left: 3px; } .checkbox.clickable[data-v-7ba50c02], .checkbox.active[data-v-7ba50c02] { cursor: pointer; pointer-events: all; } .checkbox.clickable[data-v-7ba50c02]:hover, .checkbox.active[data-v-7ba50c02]:hover { opacity: 0.7; } .checkbox.active[data-v-7ba50c02] { background: #685df3; border-color: #685df3; } .line[data-v-7ba50c02] { width: 2px; height: calc(100% - 32px); position: relative; bottom: 7px; background-image: -webkit-gradient(linear, left top, left bottom, from(#b6b4bf), color-stop(50%, #b6b4bf), color-stop(50%, transparent), to(transparent)); background-image: linear-gradient(to bottom, #b6b4bf 0%, #b6b4bf 50%, transparent 50%, transparent 100%); background-size: 100% 6px; } .line.active[data-v-7ba50c02] { background-color: #685df3; background-image: none; } .title-progress-wrapper[data-v-7ba50c02] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 800px; width: 100%; margin: 0 auto; text-align: center; gap: 50px; margin-top: 16px; } .title-progress-wrapper .title[data-v-7ba50c02] { color: #333333; position: relative; font-size: 32px; font-weight: 600; line-height: 1.2; } .title-progress-wrapper .progress-bar[data-v-7ba50c02] { background-color: #d1d1d7; color: #777777; border-radius: 16px; height: 12px; font-weight: 600; text-align: center; margin-bottom: 30px; position: relative; } .title-progress-wrapper .progress-bar-completed[data-v-7ba50c02] { position: absolute; height: 12px; -webkit-transition: 1s; transition: 1s; left: 0; border-radius: 16px 0 0 16px; background-color: #77c4ca; } .svg-container[data-v-7ba50c02] { position: absolute; top: 50%; right: 0; width: 72px; height: 77px; background-size: cover; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: var(--finish-ico); } .circles-container[data-v-7ba50c02] { position: absolute; top: 0; left: 0; right: 3px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .circle[data-v-7ba50c02] { width: 24px; -webkit-transition: 1s; transition: 1s; height: 24px; border-radius: 50%; background-color: #b6b4bf; position: absolute; top: 6px; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 3px solid #b6b4bf; } .circle.next[data-v-7ba50c02] { background-color: #e5f8f8; border-color: #22a5a0; } .circle.filled[data-v-7ba50c02] { background-color: #137583; border-color: #22a5a0; } .quest-mode-header[data-v-7ba50c02] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding-top: 32px; position: relative; } .backBtn[data-v-7ba50c02] { border: none; background-color: #e7e5ec; font-size: 14px; font-weight: 600; color: #444444; margin-top: 0; padding: 8px 16px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .quest-mode-label[data-v-7ba50c02] { height: 40px; gap: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1px 22px; cursor: default; border-radius: 4px; border: solid 1px #fadef5; font-size: 18px; font-weight: 600; color: #fff; background-color: #a054c3; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .item-center[data-v-7ba50c02] { margin-left: auto; /* Push it to the right */ margin-right: auto; /* Center it */ position: absolute; /* Take it out of the normal flow */ left: 0; /* Align to the left edge */ right: 0; /* Align to the right edge */ text-align: center; /* Center the text within */ } .h-w-big[data-v-7ba50c02] { height: 50px; width: 100%; margin-top: 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; } .quest-mode[data-v-7ba50c02] { min-height: calc(100vh - 60px); } .quest-mode[data-v-7ba50c02]::before { content: ""; position: absolute; top: 0; background-size: cover; right: 0; bottom: 0; left: 0; background-image: var(--bg-image); opacity: 0.3; } .tasks-title[data-v-7ba50c02] { color: #333; font-size: 24px; font-weight: 600; line-height: 1.2; } .task-cards-wrapper[data-v-7ba50c02] { background: transparent; padding: 32px; border-radius: 16px; max-width: 620px; margin: 0 auto; } .space-between[data-v-7ba50c02] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mdTxt[data-v-7ba50c02] { font-size: 18px; font-weight: 600; line-height: 1.1; }.clickable[data-v-8582e633] { cursor: pointer; } .clickable[data-v-8582e633]:hover { color: #22a5a0; }.partner-resource-card-container[data-v-a8f5f470] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.5rem; padding: 1.5rem 0; border-bottom: 1px solid #e7e5ec; } .partner-resource-card-container[data-v-a8f5f470]:last-child, .partner-resource-card-container[data-v-a8f5f470]:nth-last-child(2) { border-bottom: none; } .resource-card-text-section.partner[data-v-a8f5f470] { width: 100%; background-color: transparent; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; gap: 1rem; } .resource-card-full-height-text.partner[data-v-a8f5f470] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.25rem; } .resource-card-description.partner[data-v-a8f5f470] { min-height: unset; color: #494949; font-size: 1rem; } .resource-card-image-section.partner[data-v-a8f5f470] { width: 8.5rem; height: 8.5rem; border-radius: 16px; overflow: hidden; } .resource-card-background-icon-container.partner[data-v-a8f5f470] { border-radius: 16px; } .resource-card-bottom.partner[data-v-a8f5f470] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .resource-partner-logo[data-v-a8f5f470] { width: 1.5rem; height: 1.5rem; border: 1px solid #d8dce6; border-radius: 16px; margin-right: 0.5rem; } .resource-card-info-container[data-v-a8f5f470] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .resource-card-partner-container[data-v-a8f5f470] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .resource-card-partner-name[data-v-a8f5f470] { color: #444444; font-size: 0.875rem; font-weight: 600; line-height: 1; } .resource-date[data-v-a8f5f470] { color: #838ea1; font-size: 0.75rem; font-weight: 600; line-height: 1; } .resource-date .separator[data-v-a8f5f470] { color: #6d798c; margin: 0 0.25rem; } .resource-card-action-container.partner[data-v-a8f5f470] { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1.25rem; } .bookmark-button.partner[data-v-a8f5f470] { color: #26354a; font-size: 1.25rem; background-color: transparent; border: none; } .bookmark-button.partner[data-v-a8f5f470]:hover { color: #516075; } .resource-card-title.partner i[data-v-a8f5f470] { color: #00a1b3; } .resource-card-title.partner[data-v-a8f5f470]:hover { cursor: pointer; color: #666; } .partner-resource-card-image-section-mobile[data-v-a8f5f470] { display: none; } @media screen and (max-width: 576px) { .resource-card-image-section.partner[data-v-a8f5f470] { display: none; } .partner-resource-card-image-section-mobile[data-v-a8f5f470] { width: 6rem; height: 4.125rem; border-radius: 16px; overflow: hidden; display: initial; background-position: center; background-size: cover; } .partner-resource-card-image-section-mobile .resource-card-background-icon-container.partner[data-v-a8f5f470] { width: 6rem; height: 4.125rem; } .partner-resource-card-image-section-mobile .iu-resource-grid-checkbox[data-v-a8f5f470] { display: block; } .resource-card-full-height-text.partner[data-v-a8f5f470] { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2rem; } .resource-card-description.partner[data-v-a8f5f470] { display: none !important; } }.resource-grid-section[data-v-bd7f3a6e] { display: grid; grid-template-columns: repeat(2, 1fr); -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; } @media screen and (max-width: 760px) { .resource-grid-section[data-v-bd7f3a6e] { grid-template-columns: 1fr; } }.modal-container[data-v-951c50e7] { width: 600px; } .title-container[data-v-951c50e7] { width: 100%; text-align: center; font-size: 24px; font-weight: 600; color: #444444; line-height: 1.2; position: relative; } .close-button[data-v-951c50e7] { color: #95919b; font-size: 24px; border: none; background-color: transparent; position: absolute; right: 0; top: 0; } .close-button[data-v-951c50e7]:hover { cursor: pointer; color: #88858e; } .resource-form[data-v-951c50e7] { width: 100%; margin-top: 24px; display: grid; gap: 16px; } .multiselect-arrow[data-v-951c50e7] { position: absolute; top: 14px; z-index: 2; right: 12px; color: #685df3; font-size: 15px; font-weight: 600; pointer-events: none; } .multiselect-arrow[data-v-951c50e7]:hover { cursor: pointer; color: #9f87e0; } .multiselect-label[data-v-951c50e7] { font-size: 14px; font-weight: 600; line-height: 1.15; color: #3b3355; background-color: #fff; position: absolute; left: 12px; padding: 0 6px 2px; top: -8px; width: unset !important; } .dialog-multiselect-wrapper[data-v-951c50e7] { position: relative; cursor: pointer; } .modal-textarea[data-v-951c50e7] { padding: 12px 0 0 12px; font-size: 16px; border-radius: 6px; border: 1px solid #949494; resize: none; background-color: #fff; } .modal-textarea[data-v-951c50e7]:active { border-color: #685df3; } .modal-textarea[data-v-951c50e7]:focus { border-color: #685df3; } .two-inputs-row[data-v-951c50e7] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; gap: 8px; overflow: visible; } .dialog-error-container[data-v-951c50e7] { height: 12px; color: #f16b4c; font-size: 12px; } .dialog-actions-container[data-v-951c50e7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 12px; } .modal-checkbox-container[data-v-951c50e7] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 32px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 632px) { .modal-checkbox-container[data-v-951c50e7] { gap: 16px; } .modal-container[data-v-951c50e7] { width: 100%; margin: 0 16px; } .two-inputs-row[data-v-951c50e7] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }.dialog-multiselect-wrapper .multiselect__tags { border-width: 1px; border-radius: 6px; }.title-wrapper[data-v-cd10bf1e] { padding: 24px 0; } .search-section.partner[data-v-cd10bf1e] { margin: 0.75rem 0; } .search-wrapper[data-v-cd10bf1e] { width: 100%; } .collapse-filter-button.partner[data-v-cd10bf1e] { width: 100%; padding: 0.75rem 0; border: 1px solid #c3cbd6; border-radius: 24px; background-color: #fff; } .option-pills-container.mobile-only.partner[data-v-cd10bf1e] { margin: 0.75rem 0; } .resource-section.partner[data-v-cd10bf1e] { width: 100%; max-width: 1400px; } .filter-section[data-v-cd10bf1e] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; margin: 1.5rem 0 2rem; } .filter-section .search-container[data-v-cd10bf1e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.5rem; padding: 3rem 5rem; border-radius: 24px; position: relative; overflow: hidden; background-image: url("https://core-diva.sfo2.digitaloceanspaces.com/engageup/assets/beglobalii-community-library-hero.jpg"); background-size: cover; background-position: center; } .filter-section .tint[data-v-cd10bf1e] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .filter-section .text-container[data-v-cd10bf1e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.25rem; text-align: center; position: relative; } .filter-section .text-container .title[data-v-cd10bf1e] { font-size: 2.5rem; line-height: 1.2; padding: 0; color: #fff; } .filter-section .text-container .subtitle[data-v-cd10bf1e] { font-size: 1.25rem; line-height: 1.35; color: #fff; } .resource-content-container.partner[data-v-cd10bf1e] { margin-top: 2rem; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; } @media screen and (max-width: 1190px) { .resource-content-container.partner[data-v-cd10bf1e] { grid-template-columns: repeat(2, 1fr); } } .tab-navigation-container[data-v-cd10bf1e] { padding: 0; } @media screen and (max-width: 576px) { .navigation-tabs-container-partner[data-v-cd10bf1e] { padding: 0 1.5rem; } .resource-content-container.partner[data-v-cd10bf1e] { padding: 0 0 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; } .filter-section[data-v-cd10bf1e] { margin: 1.5rem 0 0.75rem; } .filter-section .search-container[data-v-cd10bf1e] { gap: 1.5rem; padding: 3.5rem 1.5rem; border-radius: 0; } .filter-section .text-container .title[data-v-cd10bf1e] { font-size: 2rem; } .filter-section .text-container .subtitle[data-v-cd10bf1e] { font-size: 1.125rem; line-height: 1; } } .active[data-v-3c1f6eb8]{ color: #4c55a7; pointer-events: none; } .disabled[data-v-3c1f6eb8]{ color: #707070; pointer-events: none; } .course-title-wrapper[data-v-e01066e2] { padding: 24px 0; } .disabled[data-v-23c3eb9c] { background-color: #dadada; } .disabled-label[data-v-23c3eb9c] { background-color: #dadada; border-radius: 8px; } .guide-title-wrapper[data-v-38b33183] { padding: 24px 0; }.country-guide-card[data-v-32037792] { cursor: not-allowed; overflow: visible; } .country-guide-card .image[data-v-32037792] { opacity: 0.5; border-radius: 16px; } .country-guide-card .title[data-v-32037792] { opacity: 1; } .locked-icon[data-v-32037792] { position: absolute; padding: 0.188rem 0.375rem; color: #b54708; background-color: #fffaeb; border-radius: 16px; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.75rem; font-weight: 500; top: 1rem; left: 1rem; } .locked-icon i[data-v-32037792] { color: #f79009; font-size: 0.5rem; margin-right: 0.375rem; }.breadcrumbs-container { background-color: #FFFFFF; padding: 12px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .breadcrumbs-container .breadcrumb-item-container { font-weight: 600; font-size: 16px; line-height: 1; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .breadcrumbs-container .breadcrumb-item-container:hover { cursor: default; } .breadcrumbs-container .arrow-icon { color: #9EA9BA; } .breadcrumbs-container .home { color: #2D98D2; } .breadcrumbs-container .home:hover { cursor: pointer; } .breadcrumbs-container .active-item-text { color: #2D98D2; } .breadcrumbs-container .active-item-text:hover { cursor: pointer; }.country-guides-explore-section { margin: 24px auto; width: 100%; max-width: 1200px; padding: 24px; background-color: #fff; border-radius: 24px; -webkit-box-shadow: 0px 0px 10px 4px rgba(20, 20, 20, 0.0392156863); box-shadow: 0px 0px 10px 4px rgba(20, 20, 20, 0.0392156863); max-height: 78px; overflow: hidden; -webkit-transition: max-height 0.8s ease; transition: max-height 0.8s ease; } .country-guides-explore-section.expanded { max-height: 286px; } .country-guides-explore-section .expand-button { background-color: transparent; border: none; color: #2D98D2; font-size: 24px; } .country-guides-explore-section .expand-button:hover { cursor: pointer; } .country-guides-explore-section .header-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; margin-bottom: 24px; } .country-guides-explore-section.expanded .header-container { margin-bottom: 16px; } .country-guides-explore-section .header-text { font-weight: 600; line-height: 1.2; font-size: 24px; color: #333; } @media screen and (max-width: 576px) { .country-guides-explore-section { border-radius: 0; padding: 24px 20px; } .country-guides-explore-section .guides-container .country-guide-card { width: 184px; height: 200px; } }.error-message[data-v-4e1b6a3a] { color: white; font-weight: bold; text-align: center; font-size: 1.2em; }.card-container[data-v-a2d274fc] { margin: 5px; height: 17rem; min-width: 248px; border-radius: 24px; overflow: hidden; -webkit-box-shadow: 0 0 10px 4px rgba(20, 20, 20, 0.04); box-shadow: 0 0 10px 4px rgba(20, 20, 20, 0.04); border: none; background-color: #fff; -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .card-container .card-wrapper[data-v-a2d274fc] { cursor: pointer; } .card-container .card-image[data-v-a2d274fc] { width: 100%; height: 8rem; } .card-container .card-icon-container[data-v-a2d274fc] { -ms-flex-item-align: stretch; align-self: stretch; background-color: #f1f1f9; color: #22a5a0; width: 100%; font-size: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 24px 24px 0 0; height: 8rem; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: font-size 0.3s, opacity 0.3s; transition: font-size 0.3s, opacity 0.3s; opacity: 1; } .card-container .card-text-container[data-v-a2d274fc] { height: 9rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.25rem; padding: 0.75rem 1.25rem 1rem 1rem; } .card-container .card-title[data-v-a2d274fc] { font-size: 1rem; font-weight: 600; line-height: 1.2; letter-spacing: normal; color: #333; } .card-container .card-description[data-v-a2d274fc] { font-size: 0.875rem; color: #494949; line-height: normal; font-style: normal; } .card-container .bookmark-button[data-v-a2d274fc] { position: absolute; top: 16px; right: 16px; background: transparent; color: #26354a; } .card-container .bookmark-button.active i[data-v-a2d274fc] { color: #26354a; } @media screen and (max-width: 600px) { .card-container[data-v-a2d274fc] { margin-bottom: 60px; } }.swiper-container { padding-left: 1rem; padding-right: 1rem; } swiper-container::part(pagination) { display: none; } .slider-wrapper { position: relative; } .slider-wrapper .arrow-button { background-color: #fff; border: 2px solid #C3CBD6; border-radius: 80px; height: 2.5rem; width: 2.5rem; color: #838EA1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; position: absolute; top: 7.4rem; z-index: 98; } .slider-wrapper .arrow-button.left { left: -8px; } .slider-wrapper .arrow-button.right { right: -8px; } .slider-wrapper .arrow-button .icon { font-size: 20px; } .slider-wrapper .arrow-button:hover { cursor: pointer; color: #2D98D2; border-color: #2D98D2; } .slider-wrapper .swiper-button-disabled:hover { cursor: default; color: #838EA1; border-color: #C3CBD6; } @media screen and (max-width: 600px) { .slider-wrapper swiper-container::part(pagination) { display: block; } .slider-wrapper swiper-container::part(bullet) { height: 0.5rem; width: 0.5rem; } .slider-wrapper swiper-container::part(bullet-active) { background-color: #05c1a2; height: 0.5rem; width: 1.5rem; border-radius: 88px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .slider-wrapper .custom-prev, .slider-wrapper .custom-next { display: none; } }.country-guides-featured-resources-wrapper { margin: 24px auto; width: 100%; max-width: 1200px; padding: 1.5rem; background-color: #fff; border-radius: 24px; -webkit-box-shadow: 0px 0px 10px 4px rgba(20, 20, 20, 0.0392156863); box-shadow: 0px 0px 10px 4px rgba(20, 20, 20, 0.0392156863); overflow: hidden; } .country-guides-featured-resources-wrapper .title { font-weight: 600; line-height: 1.2; font-size: 24px; color: #333; margin-bottom: 1rem; }.country-guides-details-page-container[data-v-c80c886f] { position: relative; } .node[data-v-7ea56c84]:hover{ stroke-width: 7px !important; opacity: 1 !important; } .svg-container[data-v-7ea56c84] { display: inline-block; position: relative; width: 100%; padding-bottom: 100%; vertical-align: top; overflow: hidden; } .svg-content-responsive[data-v-7ea56c84] { display: inline-block; position: absolute; top: 10px; left: 0; } svg .rect[data-v-7ea56c84] { fill: gold; stroke: steelblue; stroke-width: 5px; } .item-wrapper[data-v-26da8594] { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }.description-html-container { font-weight: 400; font-size: 20px; line-height: 1.35; color: #333; } .description-html-container p { padding-bottom: 12px !important; } .description-html-container ul { padding-left: 24px !important; } .description-html-container ol { padding-left: 24px !important; }.country-guides-slider[data-v-c1609f77] { padding: 24px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; width: 100%; border-radius: 24px; -webkit-box-shadow: 0px 0px 10px 4px rgba(20, 20, 20, 0.0392156863); box-shadow: 0px 0px 10px 4px rgba(20, 20, 20, 0.0392156863); max-width: 1200px; } .country-guides-slider .title[data-v-c1609f77] { font-weight: 600; font-size: 24px; line-height: 1.2; color: #444; padding: 0; } .country-guides-slider .images-container[data-v-c1609f77] { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; gap: 16px; } .country-guides-slider .images-container .arrow-button[data-v-c1609f77] { background-color: #fff; border: 2px solid #C3CBD6; border-radius: 80px; height: 40px; width: 40px; color: #838EA1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 90px; } .country-guides-slider .images-container .arrow-button.left[data-v-c1609f77] { left: -20px; } .country-guides-slider .images-container .arrow-button.right[data-v-c1609f77] { right: -20px; } .country-guides-slider .images-container .arrow-button .icon[data-v-c1609f77] { font-size: 20px; } .country-guides-slider .images-container .arrow-button[data-v-c1609f77]:hover { cursor: pointer; color: #2D98D2; border-color: #2D98D2; } .country-guides-slider .item[data-v-c1609f77] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 219px; position: relative; overflow: hidden; border-radius: 16px; padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; min-width: 182px; /* improve performance when animating */ will-change: transform; } .country-guides-slider .item .text-container[data-v-c1609f77] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; position: relative; } .country-guides-slider .item .text-container .label[data-v-c1609f77] { font-size: 18px; font-weight: 600; color: #fff; line-height: 1.2; padding: 0; } .country-guides-slider .item .text-container .description[data-v-c1609f77] { font-size: 16px; line-height: 1; font-weight: 400; color: #fff; } .country-guides-slider .item .image[data-v-c1609f77] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: -webkit-transform 800ms cubic-bezier(0.2, 0.8, 0.2, 1); transition: -webkit-transform 800ms cubic-bezier(0.2, 0.8, 0.2, 1); transition: transform 800ms cubic-bezier(0.2, 0.8, 0.2, 1); transition: transform 800ms cubic-bezier(0.2, 0.8, 0.2, 1), -webkit-transform 800ms cubic-bezier(0.2, 0.8, 0.2, 1); will-change: transform; } .country-guides-slider .item .tint[data-v-c1609f77] { background: -webkit-gradient(linear, left top, left bottom, color-stop(30.21%, rgba(0, 0, 0, 0.0735)), to(rgba(0, 0, 0, 0.8))); background: linear-gradient(180deg, rgba(0, 0, 0, 0.0735) 30.21%, rgba(0, 0, 0, 0.8) 100%); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .country-guides-slider .item[data-v-c1609f77]:hover { cursor: pointer; } .country-guides-slider .item:hover .tint[data-v-c1609f77] { background: -webkit-gradient(linear, left top, left bottom, color-stop(30.21%, rgba(0, 0, 0, 0.1735)), to(rgba(0, 0, 0, 0.9))); background: linear-gradient(180deg, rgba(0, 0, 0, 0.1735) 30.21%, rgba(0, 0, 0, 0.9) 100%); } .country-guides-slider .item:hover .image[data-v-c1609f77] { -webkit-transform: scale(1.08); transform: scale(1.08); } @media screen and (max-width: 576px) { .country-guides-slider[data-v-c1609f77] { padding: 24px 20px; border-radius: 0; overflow: scroll; } .country-guides-slider .images-container .arrow-button[data-v-c1609f77] { display: none; } }.item-wrapper[data-v-f9b30362] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid #D8DCE5; padding-top: 16px; } .item-wrapper.hidden[data-v-f9b30362] { gap: 16px; padding: 16px 0; height: 62px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden; } .item-wrapper.last[data-v-f9b30362] { border: none; } .item-wrapper .title-container[data-v-f9b30362] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .item-wrapper .title-container .label[data-v-f9b30362] { font-weight: 600; font-size: 24px; line-height: 1.2; color: #333333; padding: 0; } .item-wrapper .title-container .button[data-v-f9b30362] { background-color: transparent; border: none; color: #2D98D2; font-size: 24px; } .item-wrapper .title-container .button[data-v-f9b30362]:hover { cursor: pointer; } .item-wrapper .content-container[data-v-f9b30362] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; height: unset; overflow: hidden; padding-bottom: 16px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .item-wrapper .content-container .video-button[data-v-f9b30362] { background-color: #E1F2F3; border-radius: 16px; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; font-weight: 600; line-height: 1; color: #333333; padding: 16px; } .item-wrapper .content-container .video-button i[data-v-f9b30362] { font-size: 20px; line-height: 1.2; color: #2D98D2; } .item-wrapper .content-container .video-button[data-v-f9b30362]:hover { cursor: pointer; } .item-wrapper .content-container.hidden[data-v-f9b30362] { height: 0; padding-bottom: 12px; gap: 0; } .item-wrapper .content-container .description[data-v-f9b30362] { font-weight: 400; font-size: 20px; line-height: 1.35; color: #333; } .item-wrapper .content-container .image[data-v-f9b30362] { width: 100%; height: 256px; border-radius: 16px; margin-top: 12px; -o-object-fit: cover; object-fit: cover; } .item-wrapper .description-html-container[data-v-f9b30362] { font-weight: 400; font-size: 20px; line-height: 1.35; color: #333; } .item-wrapper .description-html-container p[data-v-f9b30362] { margin-bottom: 12px; } @media screen and (max-width: 576px) { .item-wrapper[data-v-f9b30362] { padding: 12px 0; } .item-wrapper .title-container .label[data-v-f9b30362] { font-size: 20px; } }.currency-conversion .conversion-inputs[data-v-a6cdc66c] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .currency-conversion .conversion-inputs .input-group[data-v-a6cdc66c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .currency-conversion .conversion-inputs .input-group label[data-v-a6cdc66c] { font-size: 0.875rem; color: #666; margin-bottom: 0.25rem; } .currency-conversion .conversion-inputs .input-group input.amount-input[data-v-a6cdc66c] { padding: 0.75rem; font-size: 1.5rem; border: 1px solid #ddd; border-radius: 12px; font-weight: bold; } .currency-conversion .conversion-inputs .input-group select.currency-select[data-v-a6cdc66c] { padding: 0.75rem; border: 1px solid #ddd; border-radius: 12px; background-color: #f9f9f9; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-weight: 600; font-size: 1rem; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 1rem; padding-right: 2.5rem; } .currency-conversion .conversion-inputs .input-group select.currency-select[data-v-a6cdc66c]:hover { cursor: pointer; } .currency-conversion .conversion-inputs .switch-icon[data-v-a6cdc66c] { font-size: 0.75rem; margin-bottom: 0.5rem; color: #444; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #444; border-radius: 50%; width: 40px; height: 40px; } .currency-conversion .conversion-inputs .switch-icon[data-v-a6cdc66c]:hover { cursor: pointer; background-color: #f0f0f0; } .currency-conversion .conversion-result[data-v-a6cdc66c] { margin-top: 2rem; } .currency-conversion .conversion-result .label[data-v-a6cdc66c] { font-size: 1rem; color: #555; margin-bottom: 0.25rem; } .currency-conversion .conversion-result .value[data-v-a6cdc66c] { font-size: 2.25rem; font-weight: 700; color: #2c2c2c; } .currency-conversion .conversion-result .value span[data-v-a6cdc66c] { font-weight: normal; color: #999; } @media screen and (max-width: 576px) { .currency-conversion .conversion-inputs[data-v-a6cdc66c] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; position: relative; } .currency-conversion .conversion-inputs .switch-icon[data-v-a6cdc66c] { position: absolute; top: 160px; left: 44%; } }.card .title { font-size: 24px; } .card .description { font-size: 20px; line-height: 1.35; font-weight: 400; } .card .items-container .item-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 12px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .card .items-container .item-wrapper .icon { color: #05C1A2; font-size: 20px; line-height: 1; } .card .items-container .item-wrapper .description { font-size: 20px; line-height: 1.35; font-weight: 400; } .full-width-card { padding: 24px; width: 100%; max-width: 1200px; } .full-width-card .card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } @media screen and (max-width: 576px) { .full-width-card { padding: 24px 20px; } .full-width-card.card { border-radius: 0; } }.large-card-section { padding: 0; width: 100%; max-width: 1200px; } .disabled[data-v-798e9a8b] { background-color: #dadada; } .disabled-label[data-v-798e9a8b] { background-color: #dadada; border-radius: 8px; } .groups-title-wrapper[data-v-18672017] { padding: 24px 0; } .iu-main-btn.solid.main.partner[data-v-fd543d45] { background-color: #2d98d2; } .iu-main-btn.solid.main.partner[data-v-fd543d45]:hover { background-color: #006ead; } @media screen and (max-width: 576px) { .iu-main-btn.solid.main.partner[data-v-fd543d45] { width: 100%; } }.resource-browse-section[data-v-f3bc9fc4] { grid-column: 2/16; min-height: 750px; margin-top: 24px; } .resource-browse-section.partner[data-v-f3bc9fc4] { margin-top: 0; padding: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .resource-browse-section.partner .full-width-content[data-v-f3bc9fc4] { width: 100%; max-width: 1400px; } @media screen and (max-width: 576px) { .resource-browse-section.partner[data-v-f3bc9fc4] { padding: 1.5rem; } }.close-video-button[data-v-45d29f95] { position: absolute; top: 32px; right: 32px; font-size: 32px; border: none; background: transparent; color: #fff; } .close-video-button[data-v-45d29f95]:hover { color: #bababa; cursor: pointer; }.mentor-connect-title-wrapper[data-v-3028a466] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 24px 0; } .appointment-section[data-v-3028a466] { position: relative; } .connect-button[data-v-3028a466] { position: absolute; top: 0; right: 0; } .title[data-v-3028a466] { margin: 0; } .header-container[data-v-3028a466] { width: 100%; max-width: 1400px; } .content-container[data-v-3028a466] { width: 100%; max-width: 1400px; } @media screen and (max-width: 576px) { .connect-button[data-v-3028a466] { width: 100%; position: unset; margin-bottom: 16px; } .mentor-connect-title-wrapper[data-v-3028a466] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .content-container[data-v-3028a466] { padding: 0 !important; } }.mentor-connect-title-wrapper[data-v-6765b497] { padding: 24px 0; } .header-container[data-v-6765b497] { margin-top: 0; } .title[data-v-6765b497] { margin: 0; }.meetings-section[data-v-58abcea4] { padding: 24px 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .meetings-content-container[data-v-58abcea4] { width: 100%; max-width: 1400px; } @media screen and (max-width: 576px) { .meetings-section[data-v-58abcea4] { padding: 24px 16px 16px; } .content-container[data-v-58abcea4] { padding: 0 !important; } } .zoom-out-enter-active[data-v-d5ef93f6], .zoom-out-leave-active[data-v-d5ef93f6] { -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; } .zoom-out-enter-active .animation-content[data-v-d5ef93f6], .zoom-out-enter-active .animation-content[data-v-d5ef93f6], .zoom-out-leave-active .animation-content[data-v-d5ef93f6], .zoom-out-leave-active .animation-content[data-v-d5ef93f6] { -webkit-transition: -webkit-transform 150ms ease-out; transition: -webkit-transform 150ms ease-out; transition: transform 150ms ease-out; transition: transform 150ms ease-out, -webkit-transform 150ms ease-out; } .zoom-out-enter[data-v-d5ef93f6], .zoom-out-leave-active[data-v-d5ef93f6] { opacity: 0; } .zoom-out-enter .animation-content[data-v-d5ef93f6], .zoom-out-enter .animation-content[data-v-d5ef93f6], .zoom-out-leave-active .animation-content[data-v-d5ef93f6], .zoom-out-leave-active .animation-content[data-v-d5ef93f6] { -webkit-transform: scale(1.05); transform: scale(1.05); } .meeting-appointment-section[data-v-cf6244f5] { padding: 24px 32px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .title[data-v-cf6244f5] { margin: 0; } .header-container[data-v-cf6244f5] { width: 100%; max-width: 1400px; } .content-container[data-v-cf6244f5] { width: 100%; max-width: 1400px; } @media screen and (max-width: 576px) { .meeting-appointment-section[data-v-cf6244f5] { padding: 24px 16px 16px; } .content-container[data-v-cf6244f5] { padding: 0 !important; } } .mentor-connect-title-wrapper[data-v-90f8ef3c] { padding: 24px 0; } .no-users-container[data-v-90f8ef3c] { text-align: center; margin-top: 20vh; } .no-users-container p[data-v-90f8ef3c] { font-size: 18px; line-height: 1.67; color: #555555; } .large-icon[data-v-90f8ef3c] { font-size: 220px; opacity: 0.6; color: #d0c2ff; } .small-icon[data-v-90f8ef3c] { font-size: 40px; opacity: 0.6; color: #d0c2ff; } .manage-mentors-section[data-v-90f8ef3c] { padding: 24px 32px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .title[data-v-90f8ef3c] { margin: 0; } .header-container[data-v-90f8ef3c] { width: 100%; max-width: 1400px; } .content-container[data-v-90f8ef3c] { width: 100%; max-width: 1400px; } @media screen and (max-width: 576px) { .mentor-connect-title-wrapper[data-v-90f8ef3c] { padding-bottom: 0; } .manage-mentors-section[data-v-90f8ef3c] { padding: 24px 16px 16px; } .content-container[data-v-90f8ef3c] { padding: 0 !important; } } .book-mentor-section[data-v-e8ea43a9] { padding: 24px 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .title[data-v-e8ea43a9] { margin: 0; } .book-mentor-content-container[data-v-e8ea43a9] { width: 100%; max-width: 1400px; } @media screen and (max-width: 576px) { .book-mentor-section[data-v-e8ea43a9] { padding: 24px 16px 16px; } }.title-wrapper[data-v-82930bb7] { width: 100%; max-width: 1400px; padding: 24px 0; } .one-stop-title-container[data-v-82930bb7] { width: 100%; max-width: 1400px; margin-bottom: 48px; } .one-stop-content-container[data-v-82930bb7] { width: 100%; max-width: 1400px; } .separator[data-v-82930bb7] { display: none; } @media screen and (max-width: 576px) { .title-wrapper[data-v-82930bb7] { padding: 24px 16px; } .one-stop-title-container[data-v-82930bb7] { padding: 24px 16px 16px; margin-bottom: 0; } .one-stop-page[data-v-82930bb7] { padding: 0; } .separator[data-v-82930bb7] { display: initial; margin: 0 16px 16px; background-color: #e7e7e9; height: 1px; width: 92%; } } .container[data-v-4bd332b2] { height: 350px; } .container[data-v-da8fefa7] { height: 250px; } .container[data-v-4ebd6203] { height: 350px; } .wrapper { max-width: 200px; padding-bottom: 10px; } .analytics-title-wrapper[data-v-cb4c7fdc] { padding: 24px 0; } .analytics-section[data-v-cb4c7fdc] { padding: 24px 32px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .analytics-header-container[data-v-cb4c7fdc] { width: 100%; max-width: 1400px; } .analytics-content-container[data-v-cb4c7fdc] { width: 100%; max-width: 1400px; } .title[data-v-cb4c7fdc] { font-size: 40px; line-height: 1.2; color: #333; } @media screen and (max-width: 576px) { .analytics-section[data-v-cb4c7fdc] { padding: 20px 16px; } }.analytics-section[data-v-3762c3b3] { padding: 24px 32px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .analytics-header-container[data-v-3762c3b3] { width: 100%; max-width: 1400px; } .analytics-content-container[data-v-3762c3b3] { width: 100%; max-width: 1400px; } .title[data-v-3762c3b3] { font-size: 40px; line-height: 1.2; color: #333; } @media screen and (max-width: 576px) { .analytics-section[data-v-3762c3b3] { padding: 20px 16px; } }.updates-title-wrapper[data-v-ca57e174] { padding: 24px 0 0; }.partner-landing-card[data-v-e7f80e51] { position: relative; border-radius: 16px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; } .partner-landing-card .image-container[data-v-e7f80e51] { height: 8.125rem; width: 100%; overflow: hidden; background-color: #000; -ms-flex-negative: 0; flex-shrink: 0; } .partner-landing-card .image-container .image[data-v-e7f80e51] { width: 100%; height: 8.125rem; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; } .partner-landing-card .image-container .image[data-v-e7f80e51]:hover { cursor: pointer; -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0.85; } .partner-landing-card .content-container[data-v-e7f80e51] { padding: 0.813rem 1.25rem 1.25rem; background-color: #f2f5f7; height: 100%; position: relative; } .partner-landing-card .content-container .text-container[data-v-e7f80e51] { padding-top: 1.25rem; } .partner-landing-card .content-container .text-container .partner-name[data-v-e7f80e51] { color: #444; font-size: 1rem; font-weight: 600; line-height: 1.25; margin-bottom: 0.5rem; } .partner-landing-card .content-container .text-container .partner-name[data-v-e7f80e51]:hover { cursor: pointer; color: #666; } .partner-landing-card .content-container .text-container .partner-description[data-v-e7f80e51] { color: #555; font-size: 1rem; } .partner-landing-card .actions-container[data-v-e7f80e51] { padding-left: 4.875rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .partner-landing-card .actions-container .followers[data-v-e7f80e51] { color: #838ea1; font-weight: 600; font-size: 0.75rem; line-height: 1; } .partner-landing-card .actions-container .follow-button[data-v-e7f80e51] { background-color: transparent; border: none; color: #2d98d2; font-weight: 600; } .partner-landing-card .actions-container .follow-button[data-v-e7f80e51]:hover { cursor: pointer; color: #006ead; } .partner-landing-card .logo-container[data-v-e7f80e51] { background-color: #000; position: absolute; left: 1.25rem; top: -1.6rem; border: 3px solid #fff; border-radius: 88px; width: 4rem; height: 4rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.08); } .partner-landing-card .logo-image[data-v-e7f80e51] { width: 4rem; height: 4rem; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; } .partner-landing-card .logo-image[data-v-e7f80e51]:hover { cursor: pointer; -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0.85; } @media screen and (max-width: 576px) { .partner-landing-card[data-v-e7f80e51] { max-width: 17rem; } }.title-wrapper[data-v-9f26108c] { padding: 24px 0; } .partner-accounts-section[data-v-9f26108c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 24px; } .partner-accounts-content-wrapper[data-v-9f26108c] { width: 100%; max-width: 1400px; } .partner-cards-container[data-v-9f26108c] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; margin-top: 2rem; } @media screen and (max-width: 1250px) { .partner-cards-container[data-v-9f26108c] { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 900px) { .partner-cards-container[data-v-9f26108c] { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 576px) { .partner-cards-container[data-v-9f26108c] { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; padding: 0 1.5rem; } } .search-wrapper[data-v-9f26108c] { width: 100%; } .filter-section[data-v-9f26108c] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; margin: 1.5rem 0 2rem; } .filter-section .search-container[data-v-9f26108c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.5rem; padding: 3rem 5rem; border-radius: 24px; position: relative; overflow: hidden; } .filter-section .search-container .image[data-v-9f26108c] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 0; left: 0; } .filter-section .tint[data-v-9f26108c] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .filter-section .text-container[data-v-9f26108c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.25rem; text-align: center; position: relative; } .filter-section .text-container .title[data-v-9f26108c] { font-size: 2.5rem; line-height: 1.2; padding: 0; color: #fff; } .filter-section .text-container .subtitle[data-v-9f26108c] { font-size: 1.25rem; line-height: 1.35; color: #fff; } @media screen and (max-width: 576px) { .partner-accounts-section[data-v-9f26108c] { padding: 24px 0; } .filter-section[data-v-9f26108c] { margin: 1.5rem 0 0.75rem; } .filter-section .search-container[data-v-9f26108c] { gap: 1.5rem; padding: 3.5rem 1.5rem; border-radius: 0; } .filter-section .text-container .title[data-v-9f26108c] { font-size: 2rem; } .filter-section .text-container .subtitle[data-v-9f26108c] { font-size: 1.125rem; line-height: 1; } }.content-cell[data-v-3cdefda8] { height: 290px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; position: relative; z-index: 8; } .content-cell .label[data-v-3cdefda8] { position: absolute; top: 1rem; left: 1rem; padding: 0.063rem 0.5rem 0.188rem; border-radius: 16px; background-color: #f2f5f7; color: #516075; font-size: 0.75rem; font-weight: 500; } .content-cell .dabi-bookmark-button[data-v-3cdefda8] { position: absolute; top: 1rem; right: 1rem; } .content-cell .image[data-v-3cdefda8] { height: 10rem; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 16px; -ms-flex-negative: 0; flex-shrink: 0; } .content-cell .title[data-v-3cdefda8] { font-size: 16px; font-weight: 600; line-height: 1.25; height: 40px; color: #444; overflow: hidden; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .content-cell .title i[data-v-3cdefda8] { color: #22a5a0; } .content-cell .location[data-v-3cdefda8] { color: #95919b; font-size: 12px; font-weight: 600; } .content-cell .partner-container[data-v-3cdefda8] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5rem; } .content-cell .partner-container .logo[data-v-3cdefda8] { border: 1px solid #d8dce5; border-radius: 16px; width: 1.5rem; height: 1.5rem; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .content-cell .partner-container .name[data-v-3cdefda8] { color: #444444; font-size: 0.875rem; font-weight: 600; } .content-cell .partner-container[data-v-3cdefda8]:hover { cursor: pointer; } .content-cell .partner-container:hover .name[data-v-3cdefda8] { color: #666; } @media screen and (max-width: 576px) { .content-cell .image[data-v-3cdefda8] { width: 15rem; } }.see-all-button-container[data-v-1c35e6f7] { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .empty-message-container[data-v-1c35e6f7] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 270px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; grid-column: 2/4; text-align: center; } .empty-message-container .message[data-v-1c35e6f7] { color: #444444; font-size: 1.25rem; font-weight: 600; line-height: 1.2; } .empty-message-container .sub-message[data-v-1c35e6f7] { color: #494949; font-size: 1rem; line-height: 1; } .resource-card[data-v-1c35e6f7] { width: unset; } .partner-tenant-all-features-tab-container .content-cell[data-v-1c35e6f7] { z-index: unset; } .content-cell[data-v-1c35e6f7] { height: 283px; } .start-date-time[data-v-1c35e6f7] { color: #838ea1; font-size: 0.875rem; line-height: 1; } @media screen and (max-width: 576px) { .partner-tenant-all-features-tab-container .content-container[data-v-1c35e6f7] { height: 284px; } }.details-page-container[data-v-2f5ad815] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2rem 0 4rem; } .details-page-container .info-cards-container[data-v-2f5ad815] { padding: 0 2rem; max-width: 1464px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .details-page-container .info-cards-container.uneven[data-v-2f5ad815] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .details-page-container .info-cards-container .card[data-v-2f5ad815] { background-color: #fff; border-radius: 24px; -webkit-box-shadow: 0 0 10px 4px rgba(20, 20, 20, 0.04); box-shadow: 0 0 10px 4px rgba(20, 20, 20, 0.04); padding: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 50%; } .details-page-container .info-cards-container .card.large[data-v-2f5ad815] { width: 100%; max-width: unset; } .details-page-container .info-cards-container .card .title[data-v-2f5ad815] { padding: 0; font-size: 1.25rem; line-height: 1.2; } .details-page-container .info-cards-container .card .description[data-v-2f5ad815] { font-size: 1.125rem; line-height: 1.4; color: #494949; } .details-page-container .info-cards-container .card .contact-content-container[data-v-2f5ad815] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5rem; padding: 0.375rem 0; } .details-page-container .info-cards-container .card .contact-content-container .contact-item-container[data-v-2f5ad815] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.563rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0.375rem 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .details-page-container .info-cards-container .card .contact-content-container .contact-item-container i[data-v-2f5ad815] { font-size: 1.125rem; line-height: 1; color: #838ea1; } .details-page-container .info-cards-container .card .contact-content-container .contact-item-container .contact-text[data-v-2f5ad815] { color: #444444; font-size: 1rem; } .details-page-container .info-cards-container .card .contact-content-container .contact-item-container .contact-text.link[data-v-2f5ad815] { color: #2d98d2; font-weight: 600; } .details-page-container .info-cards-container .card .contact-content-container .contact-item-container .contact-text.link[data-v-2f5ad815]:hover { color: #006ead; } .details-page-container .info-cards-container .card .contact-users-container[data-v-2f5ad815] { width: 100%; } .details-page-container .info-cards-container .card .contact-users-container .contact-user-item-container[data-v-2f5ad815] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.75rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .details-page-container .info-cards-container .card .contact-users-container .contact-user-item-container .image[data-v-2f5ad815] { width: 3rem; height: 3rem; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 100px; } .details-page-container .info-cards-container .card .contact-users-container .contact-user-item-container .text-container[data-v-2f5ad815] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.375rem; } .details-page-container .info-cards-container .card .contact-users-container .contact-user-item-container .text-container .name[data-v-2f5ad815] { color: #444444; font-size: 1rem; font-weight: 600; line-height: 1; } .details-page-container .info-cards-container .card .contact-users-container .contact-user-item-container .text-container .title[data-v-2f5ad815] { font-size: 0.75rem; line-height: 1; color: #838ea1; font-weight: 600; } .details-page-container .info-cards-container .card .contact-users-container .contact-user-item-container.separator-top[data-v-2f5ad815] { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #d8dce5; } .details-page-container .info-cards-container .card .links-container[data-v-2f5ad815] { width: 100%; } .details-page-container .info-cards-container .card .links-container .link-item-container[data-v-2f5ad815] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .details-page-container .info-cards-container .card .links-container .link-item-container .text-container[data-v-2f5ad815] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.375rem; } .details-page-container .info-cards-container .card .links-container .link-item-container .text-container .link[data-v-2f5ad815] { color: #494949; font-weight: 600; line-height: 1; font-size: 1rem; } .details-page-container .info-cards-container .card .links-container .link-item-container .text-container .description[data-v-2f5ad815] { font-size: 0.75rem; line-height: 1; font-weight: 600; color: #838ea1; padding: 0; } .details-page-container .info-cards-container .card .links-container .link-item-container .proceed-button[data-v-2f5ad815] { border: none; background-color: transparent; color: #05c1a2; font-size: 1rem; line-height: 1.3; } .details-page-container .info-cards-container .card .links-container .link-item-container .proceed-button[data-v-2f5ad815]:hover { cursor: pointer; color: #00a993; } .details-page-container .info-cards-container .card .links-container .link-item-container.separator-top[data-v-2f5ad815] { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #d8dce5; } .details-page-container .info-cards-container .card .separator[data-v-2f5ad815] { width: 100%; border-top: 0.063rem solid #d8dce5; } .details-page-container .info-cards-container .card .social-networks-container[data-v-2f5ad815] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .details-page-container .info-cards-container .card .social-networks-container .social-network-icon[data-v-2f5ad815] { font-size: 1.25rem; line-height: 1.05; } .details-page-container .info-cards-container .card .social-networks-container .social-network-icon .fa-facebook[data-v-2f5ad815] { color: #3b5998; } .details-page-container .info-cards-container .card .social-networks-container .social-network-icon .fa-twitter[data-v-2f5ad815] { color: #00acee; } .details-page-container .info-cards-container .card .social-networks-container .social-network-icon .fa-linkedin[data-v-2f5ad815] { color: #0e76a8; } .details-page-container .info-cards-container .card .social-networks-container .social-network-icon .fa-instagram[data-v-2f5ad815] { color: #fb3958; } .details-page-container .info-cards-container .card .social-networks-container .social-network-icon .fa-tiktok[data-v-2f5ad815] { color: #000000; } .details-page-container .video-card[data-v-2f5ad815] { width: 100%; max-width: 1464px; height: 27.5rem; padding: 0 2rem; } .details-page-container .video-card iframe[data-v-2f5ad815] { height: 100%; width: 100%; border: none; border-radius: 24px; } .recent-posts-wrapper[data-v-2f5ad815] { width: 100%; background-color: #e6ebf0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .recent-posts-wrapper.empty[data-v-2f5ad815] { gap: 1rem; } .recent-posts-wrapper.empty .empty-text-bold[data-v-2f5ad815] { padding: 0; color: #444; font-size: 1.25rem; line-height: 1.2; font-weight: 600; } .recent-posts-wrapper.empty .empty-text[data-v-2f5ad815] { font-size: 1rem; line-height: 1.25; } .recent-posts-container[data-v-2f5ad815] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2rem; padding: 2rem; width: 100%; max-width: 1464px; } .recent-posts-container .title-container[data-v-2f5ad815] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5rem; } .recent-posts-container .title-container i[data-v-2f5ad815] { color: #2d98d2; font-size: 1.5rem; line-height: 1; } .recent-posts-container .title-container .text[data-v-2f5ad815] { font-size: 2rem; line-height: 1.2; font-weight: 600; padding: 0; } .recent-posts-container .post-cards-container[data-v-2f5ad815] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .recent-posts-container .post-cards-container .card-wrapper[data-v-2f5ad815] { background-color: #fff; padding: 1rem; border-radius: 24px; width: 100%; } .recent-posts-container .post-cards-container .card-content-container[data-v-2f5ad815] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .recent-posts-container .post-cards-container .card-content-container .author-container[data-v-2f5ad815] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.75rem; } .recent-posts-container .post-cards-container .card-content-container .author-container img[data-v-2f5ad815] { width: 3rem; height: 3rem; border-radius: 100px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .recent-posts-container .post-cards-container .card-content-container .author-container .text-container[data-v-2f5ad815] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.375rem; } .recent-posts-container .post-cards-container .card-content-container .author-container .name[data-v-2f5ad815] { font-size: 1rem; color: #444; font-weight: 600; line-height: 1; } .recent-posts-container .post-cards-container .card-content-container .author-container .info-text[data-v-2f5ad815] { color: #838ea1; font-size: 0.75rem; line-height: 1; font-weight: 600; } .recent-posts-container .post-cards-container .card-content-container .post-text-container[data-v-2f5ad815] { height: 3.688rem; font-size: 1rem; line-height: 1.23; color: #494949; } .recent-posts-container .post-cards-container .card-content-container .post-attachments-container.grid[data-v-2f5ad815] { display: grid; grid-template-columns: repeat(4, 3.5rem); gap: 0.5rem; } .recent-posts-container .post-cards-container .card-content-container .post-attachments-container.grid .item[data-v-2f5ad815] { height: 3.5rem; width: 3.5rem; border-radius: 16px; border: 1px solid #c3cbd6; overflow: hidden; position: relative; } .recent-posts-container .post-cards-container .card-content-container .post-attachments-container.grid .item img[data-v-2f5ad815] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 0; left: 0; } .recent-posts-container .post-cards-container .card-content-container .post-attachments-container.grid .item .file-type-icon[data-v-2f5ad815] { background-color: #c3cbd6; color: #24a797; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .recent-posts-container .post-cards-container .card-content-container .post-attachments-container.grid .item .tint[data-v-2f5ad815] { position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .recent-posts-container .post-cards-container .card-content-container .post-attachments-container.grid .item.more[data-v-2f5ad815] { color: #fff; font-size: 1.25rem; line-height: 1.2; font-weight: 600; } .recent-posts-container .post-cards-container .card-content-container .post-attachments-container.full-width[data-v-2f5ad815] { width: 100%; } .recent-posts-container .post-cards-container .card-content-container .post-attachments-container.full-width .item[data-v-2f5ad815] { background-color: #f2f5f7; border-radius: 16px; padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.75rem; } .recent-posts-container .post-cards-container .card-content-container .post-attachments-container.full-width .item .file-type-icon[data-v-2f5ad815] { color: #24a797; font-size: 1.5rem; line-height: 1; } .recent-posts-container .post-cards-container .card-content-container .post-attachments-container.full-width .item.action-icon[data-v-2f5ad815] { color: #2d98d2; font-size: 1.5rem; line-height: 1; } .recent-posts-container .post-cards-container .card-content-container .post-attachments-container.full-width .item .text[data-v-2f5ad815] { font-size: 0.875rem; font-weight: 500; line-height: 1; } @media screen and (max-width: 951px) { .recent-posts-container .post-cards-container[data-v-2f5ad815] { overflow: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: grid; grid-template-columns: repeat(3, 1fr); } .recent-posts-container .post-cards-container .card-wrapper[data-v-2f5ad815] { width: 21.438rem; } } @media screen and (max-width: 576px) { .details-page-container[data-v-2f5ad815] { padding-top: 1.5rem; gap: 1.5rem; } .details-page-container .info-cards-container[data-v-2f5ad815] { padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .details-page-container .info-cards-container .card[data-v-2f5ad815] { width: 100%; border-radius: 0; } .details-page-container .info-cards-container .card .contact-users-container .contact-user-item-container .separator-top[data-v-2f5ad815] { margin-top: 0.75rem; padding-top: 0.75rem; } .details-page-container .video-card[data-v-2f5ad815] { height: 15rem; padding: 0; } .details-page-container .video-card iframe[data-v-2f5ad815] { border-radius: 0; } } .title.text-clamp-1[data-v-2f5ad815] { height: unset; }.event-search-manage-container.partner[data-v-69b0312b] { gap: 0.75rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 0; } .content-cell[data-v-69b0312b] { height: 283px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .content-cell .label[data-v-69b0312b] { position: absolute; top: 1rem; left: 1rem; padding: 0.063rem 0.5rem 0.188rem; border-radius: 16px; background-color: #f2f5f7; color: #516075; font-size: 0.75rem; font-weight: 500; } .content-cell .image[data-v-69b0312b] { height: 10rem; width: 16.344rem; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; border-radius: 16px; } .content-cell .dabi-bookmark-button[data-v-69b0312b] { position: absolute; top: 1rem; right: 1rem; } .content-cell .title[data-v-69b0312b] { font-size: 16px; font-weight: 600; line-height: 1.25; height: 40px; color: #444; overflow: hidden; } .content-cell .start-date-time[data-v-69b0312b] { color: #838ea1; font-size: 0.875rem; line-height: 1; } .content-cell .location[data-v-69b0312b] { color: #95919b; font-size: 12px; font-weight: 600; } .partner-events-tab-wrapper[data-v-69b0312b] { width: 100%; max-width: 1400px; } .iu-main-btn.solid.main.partner[data-v-69b0312b] { background-color: #2d98d2; } .iu-main-btn.solid.main.partner[data-v-69b0312b]:hover { color: #006ead; } .event-card-partner-container[data-v-69b0312b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .event-card-partner-name[data-v-69b0312b] { color: #444444; font-size: 0.875rem; font-weight: 600; line-height: 1; } .event-partner-logo[data-v-69b0312b] { width: 1.5rem; height: 1.5rem; border: 1px solid #d8dce6; border-radius: 16px; margin-right: 0.5rem; } @media screen and (max-width: 576px) { .content-cell[data-v-69b0312b] { width: 100%; } .content-cell .image[data-v-69b0312b] { height: 10rem; width: 100%; } .event-search-manage-container.partner[data-v-69b0312b] { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .iu-main-btn.solid.main.partner[data-v-69b0312b] { width: 100%; } .manage-button-wrapper[data-v-69b0312b] { width: 100%; } }.drag-handle { color: #b6b4bf; font-size: 24px; cursor: move; margin-right: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .group-page-header-container { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid #c3cbd6; padding: 0 2rem; } .group-page-header-container .image-container { width: 100%; min-height: 300px; max-width: 1400px; overflow: hidden; border-radius: 0 0 24px 24px; position: relative; padding: 2.5rem 2rem; min-height: 22.5rem; } .group-page-header-container .image-container .image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .group-page-header-container .image-container .tint { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .group-page-header-container .image-container .back-button-container { width: 100%; position: relative; } .group-page-header-container .image-container .back-button-container .back-button { padding: 0.75rem 1.5rem; color: #101828; background-color: #d8dce5; border: none; border-radius: 100px; font-size: 1rem; font-weight: 600; } .group-page-header-container .image-container .back-button-container .back-button:hover { cursor: pointer; background-color: #838ea1; } .group-page-header-container .image-container .back-button-container .back-button .back-arrow { color: #2d98d2; font-size: 0.875rem; font-weight: 500; } .group-page-header-container .image-container .content-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.75rem; position: relative; } .group-page-header-container .image-container .tag-pill { background-color: #e7e5ec; color: #88858e; font-size: 0.75rem; padding: 0.125rem 0.375rem 0.188rem; border-radius: 4px; } .group-page-header-container .image-container .logo { border: 3px solid #fff; border-radius: 100px; width: 6rem; height: 6rem; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .group-page-header-container .image-container .text-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .group-page-header-container .image-container .text-container .title { font-size: 2.5rem; font-weight: 600; line-height: 1.2; color: #fff; } .group-page-header-container .image-container .text-container .description { font-size: 1.25rem; line-height: 1.45; color: #fff; line-clamp: 2; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .action-container { width: 100%; max-width: 1400px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 0.75rem; gap: 1.5rem; } .action-container .buttons-container { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.5rem; } .action-container .edit-button { padding: 0.5rem 1.5rem; border-radius: 100px; border: 2px solid #838ea1; background-color: transparent; color: #101828; font-weight: 600; font-size: 1rem; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.25rem; } .action-container .edit-button i { color: #4ebaaa; font-size: 0.875rem; } .action-container .edit-button:hover { cursor: pointer; background-color: #838ea1; } .action-container .follow-button { padding: 0.5rem 1.5rem; border-radius: 100px; font-weight: 600; border: none; font-size: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #101828; background-color: #2d98d2; } .action-container .follow-button:hover { cursor: pointer; background-color: #006ead; } .partner-page-nav-section { width: 100%; position: relative; top: 5px; padding-top: 1rem; } .partner-opportunities-container { padding: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 576px) { .partner-accounts-section { padding: 0; } .group-page-header-container { padding: 0; } .group-page-header-container .image-container { padding: 1.5rem 1rem; } .group-page-header-container .image-container .back-button-container .back-button { height: 3rem; width: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .group-page-header-container .image-container .back-button-container .back-button .text { display: none; } .group-page-header-container .image-container .back-button-container .back-button .back-arrow { font-size: 1rem; color: #101828; } .group-page-header-container .image-container .text-container .title { font-size: 2rem; } .group-page-header-container .image-container .text-container .description { font-size: 1.125rem; } .partner-page-nav-section { padding: 0 1.25rem; } .action-container { padding-top: 1.5rem; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .partner-opportunities-container { padding: 1.5rem 1rem; } }.resource-icon-wrapper[data-v-449e8087] { position: relative; width: 8.5rem; height: 8.5rem; border-radius: 16px; background-color: #f1f1f9; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .resource-icon-wrapper .resource-icon[data-v-449e8087] { font-size: 54px; color: #00a1b3; opacity: 0.25; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .resource-icon-wrapper[data-v-449e8087]:hover { cursor: pointer; } .resource-icon-wrapper:hover .resource-icon[data-v-449e8087] { opacity: 0.75; } .analytic-admin-dashboard-legend[data-v-70af6d8e] { width: 25%; margin-block: auto; text-align: center; } .disabled[data-v-bd44aa93] { pointer-events: none; opacity: 0.5; } .tables[data-v-bd44aa93] { overflow: auto; max-height: 500px; } .performance[data-v-bd44aa93] { padding: 24px; width: 100%; border-radius: 8px; -webkit-box-shadow: 2px 2px 24px 16px rgba(0, 0, 0, 0.08); box-shadow: 2px 2px 24px 16px rgba(0, 0, 0, 0.08); background-color: #fff; margin-bottom: 32px; } .performance-title[data-v-bd44aa93] { color: #333; font-size: 24px; font-weight: 600; line-height: 1.4; margin-bottom: 24px; } .nav-tab[data-v-bd44aa93] { border-bottom: 1px solid #e7e5ec; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; margin-bottom: 32px; } .tab[data-v-bd44aa93] { font-size: 18px; font-weight: 600; color: #95919b; border-bottom: 3px solid #fff; padding-bottom: 8px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; cursor: pointer; } .tab.active[data-v-bd44aa93], .tab[data-v-bd44aa93]:hover { color: #00a1b3; border-bottom: 3px solid #00a1b3; } .feature-cards[data-v-bd44aa93] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; margin-bottom: 32px; } .feature-card[data-v-bd44aa93] { -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 8px; padding: 24px; -o-object-fit: contain; object-fit: contain; border-radius: 8px; -webkit-box-shadow: 2px 2px 24px 16px rgba(0, 0, 0, 0.08); box-shadow: 2px 2px 24px 16px rgba(0, 0, 0, 0.08); background-color: #fff; height: 130px; } .engagement-snapshot[data-v-bd44aa93] { padding: 32px 0; } .cards[data-v-bd44aa93] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; } .card-items-wrapper[data-v-bd44aa93] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } .snapshot-card[data-v-bd44aa93] { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 24px; padding: 24px; border-radius: 8px; background: #fff; width: 100%; height: 230px; margin-top: 24px; } .snapshot-card-sm[data-v-bd44aa93] { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 24px; padding: 24px; border-radius: 8px; background: #fff; width: 183px; min-width: 183px; height: 230px; margin-top: 24px; } .card-title[data-v-bd44aa93] { font-size: 20px; font-weight: 600; line-height: 1.4; color: #333; } .card-item[data-v-bd44aa93] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #555; line-height: 1.35; } .sm-card-title[data-v-bd44aa93] { font-size: 14px; font-weight: 600; line-height: 1; text-align: left; color: #88858e; } .sm-card-bottom[data-v-bd44aa93] { font-size: 24px; color: #333; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .feature-card-top[data-v-bd44aa93] { font-size: 20px; color: #333; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 4px; } .goto[data-v-bd44aa93] { font-size: 14px; font-weight: 600; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; } .engagement-snapshot-wrapper[data-v-bd44aa93] { position: absolute; width: 200vw; height: 100%; left: -50%; top: 0px; z-index: -1; background-color: #f1f1f9; } h3[data-v-4e66d539] { -ms-flex-item-align: start; align-self: flex-start; margin-left: 30px; margin-right: 30px; padding-top: 30px; color: #666666; font-size: 25px; font-weight: 500; } .container[data-v-4e66d539] { height: 100%; width: 100%; height: 100%; padding-left: 30px; padding-right: 30px; margin-left: 50px; margin-right: 50px; } .eu-input-container[data-v-4e66d539] { position: relative; margin-top: 21px; margin-bottom: 31px; } .eu-input-container.last[data-v-4e66d539] { margin-bottom: 20px; } .eu-input[data-v-4e66d539] { border: 3px solid #949494; padding-left: 10px; border-radius: 10px; width: 100%; height: 50px; background-color: #ffffff; outline: none; color: #707070; font-size: 16px; } .eu-input[data-v-4e66d539]:focus { border: solid 6px #d0c2ff; } .label-container[data-v-4e66d539] { position: absolute; bottom: 39px; -webkit-box-sizing: border-box; box-sizing: border-box; left: 8px; padding: 0 8px; -webkit-transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1); -webkit-transition: opacity 150ms cubic-bezier(0.4,0,0.2,1),-webkit-transform 150ms cubic-bezier(0.4,0,0.2,1); transition: opacity 150ms cubic-bezier(0.4,0,0.2,1),-webkit-transform 150ms cubic-bezier(0.4,0,0.2,1); transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1); transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1),-webkit-transform 150ms cubic-bezier(0.4,0,0.2,1); z-index: 2; width: 100%; } .label-container label[data-v-4e66d539] { font-size: 13px; font-weight: 500; color: #4c55a7; background: #ffffff; padding: 0px 6px 0px 10px; text-align: left; } .label-container span[data-v-4e66d539] { font-weight: 600; color: #E65722; padding: revert; } .button-container[data-v-4e66d539] { margin-bottom: 30px; } .checkbox-content-container[data-v-4e66d539] { margin-left: auto; margin-right: auto; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-bottom: 21px; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; } .error[data-v-4e66d539] { color: #E65722; } .header-items-between[data-v-7aa0b7a6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media screen and (max-width: 576px) { .header-items-between[data-v-7aa0b7a6] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } } h3[data-v-1d85d508] { -ms-flex-item-align: start; align-self: flex-start; margin-left: 30px; margin-right: 30px; padding-top: 30px; color: #666666; font-size: 25px; font-weight: 500; } .button-container[data-v-1d85d508] { margin-bottom: 30px; } .base-file-container[data-v-1d85d508] { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; overflow: hidden; } .line-pending[data-v-1d85d508] { background-position: 0; } .line-success[data-v-1d85d508] { background: revert; background-color: #4c55a7; } .line-failed[data-v-1d85d508] { background-color: #E65722 } .file-container[data-v-1d85d508] { position: relative; margin: 25px 0; } .file-icon[data-v-1d85d508] { color: #eaeeff; font-size: 50px; } .desc-link[data-v-1d85d508] { color: #4c55a7; font-weight: 500; cursor: pointer; } .desc-icon[data-v-1d85d508] { color: #5E50B5; font-size: 15px; } .accept-desc[data-v-1d85d508] { padding-left: 0; margin-top: 25px; text-align: center; color: #707070; cursor: default; } .error[data-v-1d85d508] { color: #E65722; } .success[data-v-1d85d508] { position: absolute; color: #5fc6e5; font-size: 22px; right: 5px; } .delete[data-v-1d85d508] { position: absolute; cursor: pointer; color: #E65722; font-size: 22px; right: 5px; } .checkbox-content-container[data-v-1d85d508] { margin-left: auto; margin-right: auto; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-bottom: 21px; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; } .accounts-title-wrapper[data-v-d6f74fbc] { padding: 24px 0; } .button-container[data-v-d6f74fbc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .no-users-container[data-v-d6f74fbc] { text-align: center; margin-top: 20px; } .no-users-container p[data-v-d6f74fbc] { font-size: 18px; line-height: 1.67; color: #828282; } .large-icon[data-v-d6f74fbc] { font-size: 220px; opacity: 0.6; color: #d0c2ff; } .small-icon[data-v-d6f74fbc] { font-size: 40px; opacity: 0.6; color: #d0c2ff; } .delete-modal-header[data-v-d6f74fbc] { margin-left: 15px; font-size: 18px; font-weight: 500; color: #666666; } .delete-text[data-v-d6f74fbc] { margin-top: 20px; margin-left: 30px; margin-right: 30px; margin-bottom: 10px; text-align: center; font-size: 16px; line-height: 1.56; color: #707070; } .container[data-v-d6f74fbc] { height: 100%; width: 100%; height: 100%; padding-left: 30px; padding-right: 30px; margin-left: 50px; margin-right: 50px; } .eu-input-container[data-v-d6f74fbc] { position: relative; margin-top: 21px; margin-bottom: 31px; } .eu-input-container.last[data-v-d6f74fbc] { margin-bottom: 20px; } .eu-input[data-v-d6f74fbc] { border: 3px solid #949494; padding-left: 10px; border-radius: 10px; width: 100%; height: 50px; background-color: #ffffff; outline: none; color: #707070; font-size: 16px; } .eu-input[data-v-d6f74fbc]:focus { border: solid 6px #d0c2ff; } .label-container[data-v-d6f74fbc] { position: absolute; bottom: 39px; -webkit-box-sizing: border-box; box-sizing: border-box; left: 8px; padding: 0 8px; -webkit-transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); z-index: 2; width: 100%; } .label-container label[data-v-d6f74fbc] { font-size: 13px; font-weight: 500; color: #4c55a7; background: #ffffff; padding: 0px 6px 0px 10px; text-align: left; } .label-container span[data-v-d6f74fbc] { font-weight: 600; color: #e65722; padding: revert; } .button-container[data-v-d6f74fbc] { margin-bottom: 30px; } .checkbox-content-container[data-v-d6f74fbc] { margin-left: auto; margin-right: auto; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-bottom: 21px; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; } .error[data-v-d6f74fbc] { color: #e65722; } @media only screen and (max-width: 768px) { .button-container[data-v-d6f74fbc] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .small-dropzone-container .row[data-v-4ccc571c] { -webkit-box-orient: horizontal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .modalSpinner[data-v-4ccc571c] { height: 440px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .permissions-desc[data-v-4ccc571c] { color: #88858e; line-height: 1.3; font-size: 13px; } .manager-created-text[data-v-4ccc571c] { margin: 24px 24px 36px 24px; font-size: 15px; line-height: 1.35; color: #555; display: block; } h3[data-v-4ccc571c] { -ms-flex-item-align: start; align-self: flex-start; margin-left: 24px; margin-right: 30px; padding-top: 30px; color: #666666; font-size: 25px; } .button-container[data-v-4ccc571c] { margin-bottom: 30px; } .errorMsg[data-v-4ccc571c] { color: #f16b4c; margin-bottom: 10px; margin-left: 5px; } .dot[data-v-4ccc571c] { width: 12px; height: 12px; border-radius: 100%; background: #d1d1d7; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: 5px; } .dot.active[data-v-4ccc571c] { background: #00a1b3; } .accounts-title-wrapper[data-v-45dedd19] { padding: 24px 0; } .event-header-btns[data-v-223ed673] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .event-header-btns .left[data-v-223ed673] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.625rem; } .calendar-carot[data-v-223ed673] { position: relative; font-size: 21px; left: -22px; top: 3px; left: 0; } .image-container[data-v-223ed673] { width: 100%; min-height: 300px; max-width: 1400px; overflow: hidden; border-radius: 0 0 24px 24px; position: relative; padding: 2.5rem 2rem; } .image-container .image[data-v-223ed673] { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .image-container .tint[data-v-223ed673] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .image-container .back-button-container[data-v-223ed673] { width: 100%; position: relative; } .image-container .back-button-container .back-button[data-v-223ed673] { padding: 0.75rem 1.5rem; color: #101828; background-color: #d8dce5; border: none; border-radius: 100px; font-size: 1rem; font-weight: 600; } .image-container .back-button-container .back-button[data-v-223ed673]:hover { cursor: pointer; background-color: #838ea1; } .image-container .back-button-container .back-button .back-arrow[data-v-223ed673] { color: #2d98d2; font-size: 0.875rem; font-weight: 500; } .text-container[data-v-223ed673] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; min-height: 170px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .text-container .title[data-v-223ed673] { font-size: 2.5rem; font-weight: 600; line-height: 1.2; color: #fff; } .opportunity-page-header-container[data-v-223ed673] { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid #c3cbd6; padding: 0 2rem; } .action-container[data-v-223ed673] { width: 100%; max-width: 1400px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem 0; } @media screen and (max-width: 740px) { .opportunity-page-header-container[data-v-223ed673] { padding: 0; } .opportunity-page-header-container .image-container[data-v-223ed673] { padding: 1.5rem 1rem; } .opportunity-page-header-container .image-container .back-button-container .back-button[data-v-223ed673] { height: 3rem; width: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .opportunity-page-header-container .image-container .back-button-container .back-button .text[data-v-223ed673] { display: none; } .opportunity-page-header-container .image-container .back-button-container .back-button .back-arrow[data-v-223ed673] { font-size: 1rem; color: #101828; } .opportunity-page-header-container .image-container .text-container .title[data-v-223ed673] { font-size: 2rem; } .partner-page-nav-section[data-v-223ed673] { padding: 0.75rem 1.25rem 0; } .action-container[data-v-223ed673] { padding-top: 0.75rem; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .event-header-btns[data-v-223ed673] { width: 100%; padding: 0 1rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } .event-header-btns .left[data-v-223ed673] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .event-header-btns .iu-main-btn[data-v-223ed673] { width: 100%; } }.avatar[data-v-0cbde70d] { width: 48px; height: 48px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .item-bg[data-v-0cbde70d] { border: none; background: #f2f5f7; } .content-item[data-v-0cbde70d] { border-radius: 16px; font-size: 12px; font-weight: 500; line-height: 1; padding: 4px 8px; color: #516075; background: #f2f5f7; } .about-text[data-v-0cbde70d] { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; font-size: 1.25rem; line-height: 1.35; color: #494949; } .about-title[data-v-0cbde70d] { font-size: 26px; font-weight: 500; color: #444444; margin: 16px 0; line-height: 1.31; } .helpful-link-description[data-v-0cbde70d] { color: #838ea1; font-size: 12px; font-weight: 600; } .item-wrapper[data-v-0cbde70d] { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; } .item-text-wrapper[data-v-0cbde70d] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } .item-icon[data-v-0cbde70d] { color: #05c1a2; width: 3rem; height: 3rem; font-size: 1.25rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #f2f5f7; padding: 12px; border-radius: 50%; } .partner-wrapper[data-v-0cbde70d] { background: #f2f5f7; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 6.5rem; padding: 1.5rem 2rem; border-radius: 24px; margin-right: 32px; } .partner-wrapper .left[data-v-0cbde70d] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .partner-text[data-v-0cbde70d] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } .partner-title[data-v-0cbde70d] { color: #333; font-size: 1.125rem; font-weight: 600; line-height: 1; } .partner-subtitle[data-v-0cbde70d] { color: #6d798c; font-size: 0.75rem; font-weight: 600; line-height: 1; } .nav-icon[data-v-0cbde70d] { color: #a9decf; font-size: 12px; margin-top: 4px; } .event-content-card[data-v-0cbde70d] { width: 100%; display: inline-block; padding: 16px 32px 16px 0; border-radius: 16px; margin-right: 0; margin-bottom: 24px; background: transparent; -webkit-box-shadow: none; box-shadow: none; } .event-header-btns[data-v-0cbde70d] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .event-header-btns .left[data-v-0cbde70d] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.625rem; } .calendar-carot[data-v-0cbde70d] { position: relative; font-size: 21px; left: -22px; top: 3px; left: 0; } .image-container[data-v-0cbde70d] { width: 100%; min-height: 300px; max-width: 1400px; overflow: hidden; border-radius: 0 0 24px 24px; position: relative; padding: 2.5rem 2rem; } .image-container .image[data-v-0cbde70d] { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .image-container .tint[data-v-0cbde70d] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .image-container .back-button-container[data-v-0cbde70d] { width: 100%; position: relative; } .image-container .back-button-container .back-button[data-v-0cbde70d] { padding: 0.75rem 1.5rem; color: #101828; background-color: #d8dce5; border: none; border-radius: 100px; font-size: 1rem; font-weight: 600; } .image-container .back-button-container .back-button[data-v-0cbde70d]:hover { cursor: pointer; background-color: #838ea1; } .image-container .back-button-container .back-button .back-arrow[data-v-0cbde70d] { color: #2d98d2; font-size: 0.875rem; font-weight: 500; } .text-container[data-v-0cbde70d] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; min-height: 170px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .text-container .title[data-v-0cbde70d] { font-size: 2.5rem; font-weight: 600; line-height: 1.2; color: #fff; } .opportunity-page-header-container[data-v-0cbde70d] { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid #c3cbd6; padding: 0 2rem; } .action-container[data-v-0cbde70d] { width: 100%; max-width: 1400px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem 0; } @media screen and (max-width: 740px) { .opportunity-page-header-container[data-v-0cbde70d] { padding: 0; } .opportunity-page-header-container .image-container[data-v-0cbde70d] { padding: 1.5rem 1rem; } .opportunity-page-header-container .image-container .back-button-container .back-button[data-v-0cbde70d] { height: 3rem; width: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .opportunity-page-header-container .image-container .back-button-container .back-button .text[data-v-0cbde70d] { display: none; } .opportunity-page-header-container .image-container .back-button-container .back-button .back-arrow[data-v-0cbde70d] { font-size: 1rem; color: #101828; } .opportunity-page-header-container .image-container .text-container .title[data-v-0cbde70d] { font-size: 2rem; } .partner-page-nav-section[data-v-0cbde70d] { padding: 0.75rem 1.25rem 0; } .action-container[data-v-0cbde70d] { padding-top: 0.75rem; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .event-header-btns[data-v-0cbde70d] { width: 100%; padding: 0 1rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } .event-header-btns .left[data-v-0cbde70d] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .event-header-btns .dabi-btn-primary[data-v-0cbde70d] { width: 100%; } } .title-wrapper[data-v-d97258ff] { padding: 24px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mobile-options[data-v-d97258ff] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; } @media screen and (max-width: 576px) { .title-wrapper[data-v-d97258ff] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; padding: 16px 0; } }.title-wrapper[data-v-082f6d73] { padding: 24px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mobile-options[data-v-082f6d73] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; } @media screen and (max-width: 576px) { .title-wrapper[data-v-082f6d73] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; padding: 16px 0; } }.title-wrapper[data-v-cdefbd23] { padding: 24px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mobile-options[data-v-cdefbd23] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; } .collapse-filter-button.partner[data-v-cdefbd23] { width: 100%; padding: 0.75rem 0; border: 1px solid #c3cbd6; border-radius: 24px; background-color: #fff; } .partner-nav-container[data-v-cdefbd23] { padding: 0; } @media screen and (max-width: 576px) { .partner-nav-container[data-v-cdefbd23] { padding: 0 1.5rem; } .title-wrapper[data-v-cdefbd23] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; padding: 16px 0; } } /* Your CSS styles go here */