@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Figtree:wght@300;400;500;600;700&family=Red+Hat+Display:wght@300;400;500;600;700&display=swap"); html, body { height: 100%; margin: 0; } html { scroll-behavior: smooth; } * { -webkit-tap-highlight-color: transparent; } .font-Figtree { font-family: "Figtree", sans-serif; } .font-RedHat { font-family: "Red Hat Display", sans-serif; } [type="text"]:focus, [type="email"]:focus, [type="url"]:focus, [type="password"]:focus, [type="number"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="week"]:focus, [multiple]:focus, textarea:focus, select:focus { border-color: unset !important; box-shadow: unset !important; } input:focus, input.form-control:focus { outline: none !important; outline-width: 0 !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .sidebar-scrollbar::-webkit-scrollbar { width: 5px; height: 5px; } .sidebar-scrollbar::-webkit-scrollbar-thumb { background: rgba(137, 137, 137, 0.5); border-radius: 76px; max-height: 10px; } select { margin: 50px; width: 300px; background: #ff0; color: #000; } .has-items .ts-control>input{ margin-right: 16px !important; } .dashboardThree .full .ts-control { background-color: #f3f3f3; } /* tinymce editor customization */ .tox-tinymce { border-radius: unset !important; border: 1px solid #dfdfdf !important; height: 700px !important; } @media only screen and (min-width:1281px){ .tox-tinymce { height: 90% !important; } } @media only screen and (max-width:1280px){ .tox-tinymce { height: 500px !important; } } .tox:not(.tox-tinymce-inline) .tox-editor-header { border-bottom: 1px solid #dfdfdf !important; box-shadow: unset !important; } .ticket-select-container .ts-control{ height: 40px !important; } .ts-control { width: 100%; padding: 8px 16px !important; height: 48px !important; font-size: 16px !important; font-weight: 400 !important; line-height:24px !important; color: #141414 !important; border: 1px solid #898989 !important; border-radius: 12px !important; font-family: "Figtree", sans-serif !important; display: flex !important; align-items: center !important; } .ts-control>input{ min-width: 1rem !important; } @media only screen and (max-width:544px){ html[lang="fr"] .lang-text-h1{ font-size: 30px !important; } html[lang="fr"] .lang-text-h4{ font-size: 17px !important; } } @media only screen and (min-width:1439px) and (max-width:1470px) { html[lang="en"] .learn-more{ white-space: nowrap; } } .dark .ts-control { border: 1px solid #474746 !important; background-color: #333332; } .ts-wrapper.multi .ts-control > div { font-size: 16px; padding: unset !important; margin: unset !important; } .ts-dropdown { margin: 0px !important; } .tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary{ background-color: white ; background-image: unset!important; } .dark .tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary{ background-color: #272828 ; } /* end tinymec customization */ /* tom select customization */ .custom-dropdown-arrow { position: relative; } .dark .custom-dropdown-arrow:after { border-top: 5px solid #333332!important; } .custom-dropdown-arrow:before { content: ""; position: absolute; right: 10px; top: 44px; z-index: 2; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #898989; } .custom-dropdown-arrow:after { content: ""; position: absolute; right: 10px; top: 42px; z-index: 2; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid white; } .dark .custom-builder-dropdown:before { border-top: 5px solid #898989 !important; } .dark .custom-builder-dropdown:after { border-top: 5px solid #333332 !important; } .custom-builder-dropdown:before { content: ""; position: absolute; right: 10px; top: 51px; z-index: 2; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #898989; } .custom-builder-dropdown:after { content: ""; position: absolute; right: 10px; top: 49px; z-index: 2; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid white; } .dark .build-select:before { border-top: 5px solid #898989 !important; } .dark .build-select:after { border-top: 5px solid #333332 !important; } /* Define the SVG image for ::before */ .build-select:before { content: ""; position: absolute; right: 10px; top: 45%; z-index: 2; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #898989; } /* Define the SVG image for ::after */ .build-select:after { content: ""; position: absolute; right: 10px; top: 41%; z-index: 2; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid white; } html[dir="rtl"] .custom-dropdown-arrow:after { right: unset !important; left: 16px; } /* end tom select customization */ .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: #ff774b; border: unset !important; color: white !important; } /*mobile menu side nav additional Style */ @media only screen and (max-width: 767px) { #sidenav { height: 100vh; max-width: 70vw; min-width: 232px; transition: all 0.3s ease-in-out; transform: translate(-150%, 0px); -webkit-transform: translate(-150%, 0px); -ms-transform: translate(-150%, 0px); } #sidenav.active { transition: all 0.3s ease-in-out; transform: translate(0%, 0px); -webkit-transform: translate(0%, 0px); -ms-transform: translate(0%, 0px); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); } #overlay { width: 100vw; height: 100vh; display: none; animation: fade 5s; -webkit-animation: fade 500ms; -moz-animation: fade 500ms; -o-animation: fade 500ms; } #overlay.active { display: block; } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } .pointer { cursor: pointer; } .bg-darken-4 { background-color: rgba(0, 0, 0, 0.5); } .sidebar-nav { position: fixed !important; } } .search-input:focus { border: none; outline: none; } .search-btn { background-color: transparent; padding: 6px 9px; margin-right: -45px; border: none; color: #898989; z-index: 10; } .search-btn:focus { outline: none; color: black; } /* border custom */ .border-design-1 { border-right-width: 3px; border-style: solid; border-image: linear-gradient(to bottom, #ffcf4b, #e60c84) 1; } .border-design-2:hover { border: 1px solid transparent; border-radius: 12px; background-image: linear-gradient(white, white), linear-gradient(180deg, #a26ef7 0%, #763cd4 100%); background-origin: border-box; background-clip: content-box, border-box; } .dark .border-design-2:hover { border: 1px solid transparent; border-radius: 12px; background-image: linear-gradient(#3a3a39, #3a3a39), linear-gradient(180deg, #a26ef7 0%, #763cd4 100%); background-origin: border-box; background-clip: content-box, border-box; } .dark .border-dark:hover { border: 1px solid transparent; border-radius: 12px; background-image: linear-gradient(#141414, #141414), linear-gradient(to bottom, #a26ef6, #763cd4); background-origin: border-box; background-clip: content-box, border-box; } .border-design-3:hover { border: 1px solid transparent; border-radius: 12px; background-image: linear-gradient(white, white), linear-gradient(90deg, #fd7f57 -17.86%, #e22861 25.88%, #763cd4 107.47%); background-origin: border-box; background-clip: content-box, border-box; } .border-design-3-active { border: 1px solid transparent !important; border-radius: 12px !important; background-image: linear-gradient(white, white), linear-gradient(90deg, #fd7f57 -17.86%, #e22861 25.88%, #763cd4 107.47%) !important; background-origin: border-box !important; background-clip: content-box, border-box !important; } .dark .border-design-3-active { border: 1px solid transparent !important; border-radius: 12px !important; background-image: linear-gradient(#474746, #474746), linear-gradient(90deg, #fd7f57 -17.86%, #e22861 25.88%, #763cd4 107.47%) !important; background-origin: border-box !important; background-clip: content-box, border-box !important; } .dark .border-design-3:hover { border: 1px solid transparent; border-radius: 12px; background-image: linear-gradient(#474746, #474746), linear-gradient(90deg, #fd7f57 -17.86%, #e22861 25.88%, #763cd4 107.47%); background-origin: border-box; background-clip: content-box, border-box; } .dark .border-design-3:hover a svg path { fill: white; } /* Toggle B */ input:checked ~ .dot { transform: translateX(100%); background-color: white; } input[type="email"] :focus-visible { outline: unset !important; } .background-gradient-one { background: linear-gradient(180deg, #a26ef7 0%, #763cd4 100%) !important; } /* scroll to right left in the templates page */ .nav-scroller-content { transition: transform 0.4s ease-in-out; } .no-transition { transition: none; } .nav-scroller-btn { transition: opacity 0.3s; } .nav-scroller-btn:not(.active) { opacity: 0; pointer-events: none; } /* landing page */ .sign-in-button { border: 2px solid transparent; background-image: linear-gradient(#000000, #000000), linear-gradient(90deg, #fd7f57 -17.86%, #e22861 25.88%, #763cd4 107.47%); background-origin: border-box; background-clip: content-box, border-box; } .learn-more-button { border: 2px solid transparent; background-image: linear-gradient(#141414, #141414), linear-gradient(90deg, #fd7f57 -17.86%, #e22861 25.88%, #763cd4 107.47%); background-origin: border-box; background-clip: content-box, border-box; } .heading-1 { background: linear-gradient( 90deg, #fd7f57 -17.86%, #e22861 25.88%, #763cd4 107.47% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .heading-3 { background: linear-gradient(-2deg, #e60c84 19.27%, #ffcf4b 84.21%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .dark .heading-3 { background: linear-gradient(0deg, #FCCA19 19.27%, #FCCA19 84.21%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .background-gradient-two { background: linear-gradient(180deg, #a26ef7 0%, #763cd4 100%); height: 100%; width: 100%; } .magic-bg { background: linear-gradient(180deg, #a26ef7 0%, #763cd4 100%) !important; } .magic-shadow{ box-shadow: 0px 12px 35px -10px rgba(118, 60, 212, 0.40); } .tox-tinymce { border-radius: unset !important; border: unset !important; } /* Theme */ .dark .full .ts-control { background-color: #333332 !important; color: white !important; } .dark .ts-control input { color: white !important; } .dark .ts-dropdown { border: 1px solid #898989 !important; background: #333332 !important; color: white; } .dark .ts-dropdown .active { background-color: #898989; color: white; } .dark .tox .tox-edit-area__iframe { background-color: #272828 !important; } .dark .tox-toolbar__primary { background-color: #272828 !important; color: white !important; } .dark .tox:not(.tox-tinymce-inline) .tox-editor-header { background-color: #272828 !important; } .dark .tox:not(.tox-tinymce-inline) .tox-editor-header { border-bottom: 1px solid #474746 !important; } .dark .tox .tox-tbtn svg { fill: #ffffff !important; } .dark .tox .tox-tbtn--bespoke { background: #474746; color: white; } .dark .tox .tox-menu { background-color: #474746; } .dark .tox :not(svg):not(rect) { color: white; } .dark .tox .tox-collection--list .tox-collection__item--enabled { background-color: #727272; color: #222f3e; } .dark .tox .tox-collection--list .tox-collection__item--active { background-color: #727272; } .dark .tox .tox-tbtn:hover { background: #474746; color: white; } .dark .tox .tox-dialog { background-color: #474746; } .dark .tox .tox-dialog__header, .dark .tox .tox-dialog__footer { background-color: #474746; } .dark .free-button { background-image: linear-gradient(#141414, #141414), linear-gradient(90deg, #fd7f57 -17.86%, #e22861 25.88%, #763cd4 107.47%); } .dark .learn-more-button { background-image: unset; background-color: white; } .dark .card-border { background-image: linear-gradient(#141414, #141414), linear-gradient(90deg, #fd7f57 -17.86%, #e22861 25.88%, #763cd4 107.47%); } .dark .faq-accordion .accordion-button:not(.collapsed) { color: white !important; background-color: #141414; border-bottom: 0px; } .dark .faq-accordion .accordion-button:after { background-image: url("../../image/dark-chevron-right.svg"); } .dark .faq-accordion .accordion-button:not(.collapsed)::after { background-image: url("../../image/chevron-right-dark.svg"); transform: unset; } .latest-news .dark .swiper-button-prev { border: 0.75px solid #474746; } .latest-news .dark .swiper-button-next { border: 0.75px solid #474746; } /* Theme End*/ body.mceContentBody { background: #fff !important; color: #d41e1e !important; } .scroll-hide::-webkit-scrollbar { display: none; } .scroll-hide{ overflow: auto; -ms-overflow-style: none; /* IE 11 */ scrollbar-width: none; /* Firefox 64 */ } .free-button { box-shadow: 0px 21px 39px 0px rgba(226, 40, 97, 0.15); border: 2px solid transparent; background-image: linear-gradient(white, white), linear-gradient(90deg, #fd7f57 -17.86%, #e22861 25.88%, #763cd4 107.47%); background-origin: border-box; background-clip: content-box, border-box; } .heading-2 { background: linear-gradient(336.1deg, #e60c84 19.27%, #ffcf4b 84.21%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .card-border { border: 2px solid transparent; background-image: linear-gradient(white, white), linear-gradient(90deg, #fd7f57 -17.86%, #e22861 25.88%, #763cd4 107.47%); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 0px 50px 64px -30px rgba(226, 40, 97, 0.15); } .faq-accordion .accordion-button:not(.collapsed) { color: #141414 !important; box-shadow: unset !important; } .faq-accordion .accordion-button:after { background-image: url("../../image/chevron-right.svg"); fill: red !important; } .faq-accordion .accordion-button:not(.collapsed)::after { background-image: url("../../image/chevron-up.svg"); transform: unset; } /* image animation */ @keyframes scroll { 0% { transform: translateY(0); } 100% { transform: translateY(calc(-250px * 6)); } } @media only screen and (max-width: 1279px) { .slider-wrap { animation: scroll 22s linear infinite; width: calc(250px * 9); height: 100%; } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-250px * 3)); } } } .slider-wrap { animation: scroll 22s linear infinite; } .latest-news .slider-section .swiper-horizontal > .swiper-pagination-bullets, .latest-news .swiper-pagination-bullets.swiper-pagination-horizontal, .latest-news .swiper-pagination-custom, .latest-news .swiper-pagination-fraction { bottom: 16px !important; } .slider-section .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.5) !important; } .slider-section .swiper-pagination-bullet-active { background-color: white !important; height: 12px; width: 12px; opacity: 100% !important; } .slider-section .swiper-pagination-bullet{ opacity: 50%; } .latest-news .swiper { margin-left: auto; margin-right: -50px; } .latest-news .swiper-button-prev { border: 0.75px solid #898989; box-shadow: 0px 10px 12px -6px rgba(20, 20, 20, 0.22); height: unset !important; width: unset !important; left: auto !important; margin-left: -18px !important; } .latest-news .swiper-button-prev:after, .latest-news .swiper-button-next:after { content: unset !important; } .latest-news .swiper-button-next { right: 41px !important; border: 0.75px solid #898989; box-shadow: 0px 10px 12px -6px rgba(20, 20, 20, 0.22); height: unset !important; width: unset !important; } @media only screen and (max-width: 1279px) { .latest-news .swiper { margin-left: auto; margin-right: -316px; } } @media only screen and (max-width: 768px) { .latest-news .swiper-button-prev { margin-left: -18px !important; margin-left: 20px !important; } .latest-news .swiper-button-prev:after, .latest-news .swiper-button-next:after { content: unset !important; } .latest-news .swiper-button-next { right: 20px !important; } .latest-news .latest-slider-footer { border-radius: 21px !important; } html[dir="rtl"] #dropdowns-header{ right: unset; left: 4px; } } @media only screen and (max-width: 1151px) and (min-width: 769px) { .latest-news .swiper-button-prev { margin-left: -18px !important; margin-left: 20px !important; } .latest-news .swiper-button-prev:after, .latest-news .swiper-button-next:after { content: unset !important; } .latest-news .swiper-button-next { right: 20px !important; } .latest-slider-footer { border-radius: 24px !important; } } .latest-slider-footer { background: linear-gradient(180deg, rgba(20, 20, 20, 0) 0%, #141414 100%); backdrop-filter: blur(8px); border-radius: 25px; } .inner-img { transition: 0.3s; cursor: pointer; border-radius: 24px; } .latest-slider-footer:hover > .inner-img { transform: scale(1.1); } .latest-slider-footer:hover > .latest-slider-footer { transition: 0.3s; } .read-now { display: none; } .latest-slider-footer:hover { transition: 0.3s; } .latest-slider-footer:hover .read-now { display: block; } /* responsive landing */ .nav-sticky { position: fixed; min-width: 100%; top: 0; z-index: 99999; } .clicked::after { content: attr(data-feedback); } .progress-fill { animation: progress-forward 3s; background: rgb(34, 193, 195); background: linear-gradient( 90deg, #fd7f57 -17.86%, #e22861 25.88%, #763cd4 107.47% ); } @keyframes progress-forward { 0% { width: 0%; } } .custom-radio input[type="radio"]:checked + .radio-btn { border: 2px solid transparent; border-radius: 8px; background-image: linear-gradient(white, white), linear-gradient(90deg, #fd7f57 -17.86%, #e22861 25.88%, #763cd4 107.47%); background-origin: border-box; background-clip: content-box, border-box; color: #141414; } .dark .custom-radio input[type="radio"]:checked + .radio-btn { border: 2px solid transparent; border-radius: 8px; background-image: linear-gradient(#292929, #292929), linear-gradient(90deg, #fd7f57 -17.86%, #e22861 25.88%, #763cd4 107.47%); background-origin: border-box; background-clip: content-box, border-box; color: white; } @media only screen and (max-width: 768px) { .dark .custom-radio input[type="radio"]:checked + .radio-btn { border: 2px solid transparent; border-radius: 8px; background-image: linear-gradient(#292929, #292929), linear-gradient( 90deg, #fd7f57 -17.86%, #e22861 25.88%, #763cd4 107.47% ); background-origin: border-box; background-clip: content-box, border-box; color: white; } } body.shrink .subscription-main { justify-content: unset; } body.shrink .details-body { width: 75%; } @media only screen and (min-width: 1920px) { body.shrink .details-body { width: 100%; } } @media only screen and (max-width: 1152px) { body.shrink .details-body { width: 100%; } } .subscription-button { background-image: linear-gradient(180deg, #a26ef7 0%, #763cd4 100%) !important; } .log-bg { background: #f6f3f2; } .dark .log-bg { background: #292929; } .login-bg { background-image: url("../../image/loginbg.png"); background-repeat: no-repeat, repeat; background-position: 100%; background-size: cover; } .dark .login-bg { background-image: url("../../image/loginbg.png"); background-repeat: no-repeat, repeat; background-position: 100%; background-size: cover; } .section-bg { background-color: #f6f3f2; background-image: url("../../image/loginbg.png"); background-repeat: no-repeat, repeat; background-position: 100%; background-size: cover; } .pricing-section-bg { background-color: #292929; background-image: url("../../image/loginbg.png"); background-repeat: no-repeat, repeat; background-position: 100%; background-size: cover; } .page-section-bg { background-color: #292929; background-image: url("../../image/page-bg.svg"); background-repeat: no-repeat, repeat; background-position: 100%; background-size: cover; } .dark .section-bg { background-color: #292929; } /* delete modal */ .modal { visibility: hidden; } .modal.is-visible { visibility: visible; } .modal-overlay { background: hsla(0, 0%, 0%, 0.4); visibility: hidden; opacity: 0; } .modal.is-visible .modal-overlay { opacity: 1; visibility: visible; } .modal-wrapper { z-index: 9999; } .modal-transition { opacity: 0; } .chat-modal-transition { opacity: 0; } .modal.is-visible .chat-modal-transition { opacity: 1; } .modal.is-visible .modal-transition { opacity: 1; } .modal-content { box-shadow: 0px 24px 40px -10px rgba(20, 20, 20, 0.15); } .dropdown-shadow { box-shadow: 0px 24px 40px -10px rgba(20, 20, 20, 0.15); } #appended-data ::placeholder, #search-use-case-input::placeholder { color: #898989; } #appended-data:-ms-input-placeholder, #search-use-case-input:-ms-input-placeholder { color: #898989; } #appended-data::-ms-input-placeholder, #search-use-case-input::-ms-input-placeholder { color: #898989; } @media only screen and (min-width: 768px) { .nav-background-color { background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(24px); } .dark .nav-background-color-dark { background: rgba(20, 20, 20, 0.92); backdrop-filter: blur(24px); } .sign-in-button-light-mode { border: 2px solid transparent; background-image: linear-gradient( #000000, #000000 ), linear-gradient( 90deg, #fd7f57 -17.86%, #e22861 25.88%, #763cd4 107.47% ); background-origin: border-box; backdrop-filter: blur(24px); background-clip: content-box, border-box; } .dark .sign-in-button-light-mode { border: 2px solid transparent; background-image: linear-gradient(#000000, #000000), linear-gradient( 90deg, #fd7f57 -17.86%, #e22861 25.88%, #763cd4 107.47% ); background-origin: border-box; background-clip: content-box, border-box; } } .up-down-animation { animation: up-down-animation linear 4s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: up-down-animation linear 4s; -webkit-animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%; -moz-animation: up-down-animation linear 4s; -moz-animation-iteration-count: infinite; -moz-transform-origin: 50% 50%; -o-animation: up-down-animation linear 4s; -o-animation-iteration-count: infinite; -o-transform-origin: 50% 50%; -ms-animation: up-down-animation linear 4s; -ms-animation-iteration-count: infinite; -ms-transform-origin: 50% 50%; } @keyframes up-down-animation { 0% { transform: translate(1px, 20px); } 24% { transform: translate(1px, 30px); } 50% { transform: translate(1px, 12px); } 74% { transform: translate(1px, 30px); } 100% { transform: translate(1px, 20px); } } @-moz-keyframes up-down-animation { 0% { transform: translate(1px, 20px); } 24% { transform: translate(1px, 30px); } 50% { transform: translate(1px, 12px); } 74% { transform: translate(1px, 30px); } 100% { transform: translate(1px, 20px); } } @-webkit-keyframes up-down-animation { 0% { transform: translate(1px, 20px); } 24% { transform: translate(1px, 30px); } 50% { transform: translate(1px, 12px); } 74% { transform: translate(1px, 30px); } 100% { transform: translate(1px, 20px); } } @-o-keyframes up-down-animation { 0% { transform: translate(1px, 20px); } 24% { transform: translate(1px, 30px); } 50% { transform: translate(1px, 12px); } 74% { transform: translate(1px, 30px); } 100% { transform: translate(1px, 20px); } } @-ms-keyframes up-down-animation { 0% { transform: translate(1px, 20px); } 24% { transform: translate(1px, 30px); } 50% { transform: translate(1px, 12px); } 74% { transform: translate(1px, 30px); } 100% { transform: translate(1px, 20px); } } .image-download-button { transition: opacity .35s ease; opacity: 0; background-color: white; border-radius: 8px; } .download-image-container:hover .image-download-button { opacity: 1; } .image-hover-overlay { position: absolute; top: 0; bottom: 0; right: 0; left: 0; opacity: 0; background: linear-gradient(0deg, rgba(20, 20, 20, 0.2), rgba(20, 20, 20, 0.2)); transition: 0.4s ease-out; border-radius: 12px; } @media only screen and (max-width:768px){ .image-hover-overlay { border-radius: 8px; } } .download-image-container:hover .image-hover-overlay { opacity: 0.6; } .image-download-tooltip-text { visibility: hidden; background: rgba(20, 20, 20, 0.8); } .tooltips .image-download-tooltip-text::before { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent rgba(20, 20, 20, 0.8) transparent; } .tooltips:hover .image-download-tooltip-text { visibility: visible; } #subscription-switch { transition: .4s; } #subscription-switch::before { position: absolute; content: ""; height: 24px; width: 24px; left: 27px; top: 2px; transition: .4s; background: white; border-radius: 50%; } input:checked + #subscription-switch { background: #FD7F57; } input:checked + #subscription-switch:before { transform: translateX(-25px); } .faq-accordion-border{ border: 1px solid #898989; border-radius: 14px; background:white } .dark .faq-accordion-border{ border: 1px solid #474746; border-radius: 14px; background: #141414; } @media only screen and (max-width:1910px) and (min-width:1280px){ body.shrink .image-content1 { margin-left: 50px; margin-right:50px; } } .image-list-table thead th:first-child { border-radius: 8px 0 0 8px; } .image-list-table thead th:last-child { border-radius: 0 8px 8px 0; } .image-list-table tr:last-child { border-bottom: none; } .share-button-hover:hover{ background-image: linear-gradient(336.1deg, #E60C84 19.27%, #FFCF4B 84.21%); color:white; } .theme-toggle-switch { position: relative; height: 35px; width: 18px; } .theme-switch-slider { position: absolute; width: 100%; height: 100%; border-radius: 50px; transition: 0.3s; } input:checked ~ .theme-switch-slider { background-color: #474747; } .theme-switch-slider::before { content: ""; position: absolute; top: 3px; left: 3px; bottom: 16px; width: 12px; height: 12px; border-radius: 50%; box-shadow: none; background-color: white; transition: 0.3s; } input:checked ~ .theme-switch-slider::before { transform: translateY(18px); background-color: #474747; box-shadow: inset 4px -3px 0px 0px white; } .theme-switch-box-shadow{ box-shadow: 0px 14px 36px -10px rgba(20, 20, 20, 0.25); } @media only screen and (max-width: 768px){ .landing-header-dropdown{ left: -224px; } .language-dropdown{ left: -129px; } .theme-toggle-switch { position: relative; height: 32px; width: 18px; } input:checked ~ .theme-switch-slider::before { transform: translateY(15px); } } @media only screen and (min-width:1920px){ body.shrink .upgrade-plan-card{ width:30.5% } body.shrink .current-plan-card{ width:69.5% } body.shrink .subscription-profile-card{ width: 74.8%; } body.shrink .subs-shrink-width{ width: 63.1%; } } @media only screen and (max-width: 767px) { .modal-h::-webkit-scrollbar { display: none; scrollbar-width: none; } } .modal-box-shadow{ box-shadow: 0px 24px 40px -10px rgba(20, 20, 20, 0.15); } .dark .email-placeholder-text-color::placeholder{ color: rgba(255, 255, 255, 0.7) !important; } .email-placeholder-text-color::placeholder{ color: rgba(20, 20, 20, 0.7) !important; } .arrow-hover:hover svg { left: -0px; } .arrow-hover svg { transition: left 0.3s; left: 8px; } .process-goto:hover svg { right: -5px; } .process-goto svg { transition: right 0.2s ; right: 0px ; } .trans-2 { transition: .2s; } .trans-3 { transition: .3s; } .bg-opacity { background: rgba(255,255,255,.9); } .title-text-decoration:hover { text-decoration: underline; text-decoration-color: #FCCA19; text-decoration-thickness: 2px; } .break-all { word-break: break-all; } .grows { transition-duration: .3s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .grows:hover { transform: scale(1.2); } select { visibility: hidden; } .z-index-999999{ z-index: 999999; } .dark .tox.tox-tinymce-aux .tox-toolbar__overflow{ background-color: #2c2c2c !important; } .validation-modal-box-shadow{ box-shadow: 0px 24px 40px -10px rgba(118, 60, 212, 0.15); } .dark .main-menu linearGradient stop { stop-color: #FFFFFF; } .dark .sidebar-top linearGradient stop { stop-color: #FFFFFF; } .main-menu stop[stop-color="#E60C84"]{ stop-color: #E60C84 !important; } .main-menu stop[stop-color="#FFCF4B"]{ stop-color: #FFCF4B !important; } .ui-tooltip-content::after, .ui-tooltip-content::before { content: ""; position: absolute; border-style: solid; display: block; left: 50%; } .ui-tooltip-content::before { content: ""; position: absolute; bottom: 100%; /* left: 50%; */ margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent rgba(20, 20, 20, 0.8) transparent; } .ui-tooltip { padding: 5px 10px; border-radius: 8px; font-size: 12px; font-weight: 500; line-height: 18px; font-family: "Figtree", sans-serif; background-color:rgba(20, 20, 20, 0.8); border-style: solid; color: white; border-color: rgba(20, 20, 20, 0.8) !important; box-shadow: unset !important; } .view-image-toolips-width{ width: 88px; text-align: center; word-break: break-all; } .download-image-toolips-width{ width: 114px; text-align: center; } .delete-image-toolips-width{ width: 95px; text-align: center; } .toolips-edit-width{ width: 82px; text-align: center; word-break:break-all } .speech-edit-width{ width: 84px; text-align: center; } body.shrink .speech-edit-width .ui-tooltip-content::before { content: ""; position: absolute; bottom: 100%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent } @media only screen and (max-width:1320px){ .speech-edit-width .ui-tooltip-content::before { content: ""; position: absolute; bottom: 100%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent } } .toolips-delete-width{ width: 90px; text-align: center; } .toolips-cancel-width{ width: 200px; text-align: center; } @media only screen and (max-width:1152px){ .ui-tooltip{ display: none !important; } } .sidebar-top stop[stop-color="#E60C84"]{ stop-color: #E60C84 !important; } .sidebar-top stop[stop-color="#FFCF4B"]{ stop-color: #FFCF4B !important; } .ts-wrapper.single.input-active .ts-control{ background:white !important } .dark .ts-wrapper.single.input-active .ts-control{ background:#333332 !important } .text-gradient-1{ background: linear-gradient(0.1deg, #E60C84 24.27%, #FFCF4B 77.73%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .last-border-remove li:last-child{ border: 0; padding-bottom: 0px; } .last-border-remove li:first-child{ padding-top: 0px; } .download-button { transition: opacity .35s ease; opacity: 0; } .download-image-container:hover .download-button { opacity: 1; } /* sweet alert modifications */ .swal2-icon-success{ background-color: #763CD4!important; } .swal2-popup.swal2-toast{ padding: 16px 20px !important; } .swal2-success-circular-line-right, .swal2-success-circular-line-left, .swal2-success-fix{ display: none !important; } .swal2-popup.swal2-toast .swal2-title{ margin: 0px !important; padding-top: 10px !important; font-family: "Figtree", sans-serif !important; font-weight: 500 !important; font-size: 16px !important; line-height: 24px !important; color: #FFFFFF !important; } .swal2-popup.swal2-toast .swal2-success{ border-color: transparent !important; } .swal2-icon.swal2-success [class^=swal2-success-line]{ background-color: #FFFFFF !important; } .swal2-toast-shown .swal2-container{ width: 400px !important; } .swal2-popup{ border-radius: 12px !important; } .swal2-popup.swal2-toast{ box-shadow: 0px 24px 40px -10px rgba(118, 60, 212, 0.15) !important; } .swal2-icon-info { background-color: #0c8b9f!important; } .swal2-icon-warning { background-color: #D97706!important; } .swal2-icon.swal2-warning{ border-color: transparent !important; color: #FFFFFF !important; } .swal2-icon-error { background-color: #DF2F2F!important; } .swal2-icon.swal2-error{ border-color: transparent !important; } .swal2-icon.swal2-success .swal2-success-ring{ border: 0 !important; } .swal2-toast-shown .swal2-container.swal2-top{ top: 32px !important; z-index:99999; } .swal2-icon.swal2-error [class^=swal2-x-mark-line]{ background-color: #FFFFFF !important } .favorite-template-loader { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 50%; text-align: center; } .error-msg-text-shadow{ text-shadow: 0px 24px 60px rgba(20, 20, 20, 0.15); } .table-box-shadow{ box-shadow: 0px 24px 40px -10px rgba(20, 20, 20, 0.1); } .pricing-table table td { border-right-width: 1px; border-color: #dfdfdf; } .dark .pricing-table table td { border-color: #474747; } .pricing-table tbody > tr > td:last-child { border: 0; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { border-color: #898989; -webkit-text-fill-color: #141414; -webkit-box-shadow: 0 0 0px 1000px white inset; transition: background-color 5000s ease-in-out 0s; } .dark input:-webkit-autofill, .dark input:-webkit-autofill:hover, .dark input:-webkit-autofill:focus { border-color: #474746 !important; -webkit-text-fill-color: white; -webkit-box-shadow: 0 0 0px 1000px #333332 inset; transition: background-color 5000s ease-in-out 0s; } .line-clamp-single { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } @media only screen and (max-width:1151px){ .line-clamp-single { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } } .content-name { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .nav-tabs .nav-link{ color: #141414 !important; } .dark .nav-tabs .nav-link{ color: white !important; } input:disabled { background-color: #F6F3F2; } .dark input:disabled { background-color: #3A3A39; } .line-clamp-double { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } body.shrink .bill-table{ width:100% } @media only screen and (min-width:1920px){ .width-code{ width: 820px; } } @media only screen and (max-width:1919px) and (min-width:1700px){ .width-code{ width: 680px; } } @media only screen and (max-width:1699px) and (min-width:1251px){ .width-code{ width: 520px; } } @media only screen and (max-width:1250px) and (min-width:1151px){ .width-code{ width: 420px; } } .right-4{ right: 16px; } .table-drop-body { display: none; } .alert-danger{ background-color: #DF2F2F !important; } .alert-success{ background-color: #763CD4 !important; } .alert-warning{ background-color: #FFF3CD !important; } .alert-info{ background-color: #D1ECF1 !important; } @media only screen and (max-width:1023px) and (min-width:769px){ .pricing-width{ width:48% !important; } } .cursor-not-allowed { cursor: not-allowed; pointer-events: none; } .word-breaks{ word-break: break-word; } .unreset p { margin-top: 1rem; margin-bottom: 1rem; } .unreset p span { width: auto !important; height: auto !important; } .unreset table { width: 100%; text-align: center; } .unreset th, .unreset td { border-width: 1px; padding: 0.625rem; } @media only screen and (max-width:768px){ .bg-four{ height: 2000px; } } .bg-top { background-repeat: no-repeat, repeat; background-position: 100%; background-size: cover; } @media only screen and (min-width: 769px) and (max-width: 1024px) { .blog-image-width-height { width: 100% !important; height: 100% !important; } } @media only screen and (min-width: 280px) and (max-width: 768px) { .image-width-height { width: 100% !important; height: auto !important; } } html[lang="fr"] .height-frans{ height:225px } html[lang="bg"] .height-frans{ height:225px } html[lang="bn"] .height-frans{ height:225px } @media only screen and (min-width: 925px) and (max-width: 1024px) { .width-420px { width: 420px !important; } } @media only screen and (min-width: 885px) and (max-width: 924px) { .width-420px { width: 380px !important; } } @media only screen and (min-width: 801px) and (max-width: 884px) { .width-420px { width: 300px !important; } } @media only screen and (min-width: 768px) and (max-width: 800px) { .width-420px { width: 280px !important; } } @media only screen and (min-width: 1152px) { html[lang="en"] .top-slider-text{ line-height: 92px; } } @media only screen and (max-width:427px){ html[lang="be"] .top-slider-text{ font-size: 42px; word-break: break-all; } html[lang="zh"] .top-slider-text{ font-size: 42px; word-break: break-all; } } @media only screen and (max-width:500px){ html[lang="et"] .top-slider-text{ font-size: 42px; word-break: break-all; } html[lang="nl"] .top-slider-text{ font-size: 40px; word-break: break-all; } html[lang="bg"] .top-slider-text{ font-size: 42px; } } @media only screen and (max-width:600px){ html[lang="bg"] .sub-land-mail{ flex-wrap: wrap; } html[lang="ca"] .sub-land-mail{ flex-wrap: wrap; } } html[lang="bg"] .sub-land-button{ white-space: nowrap; } html[lang="zh"] .sub-land-button{ white-space: nowrap; } html[lang="ca"] .sub-land-button{ white-space: nowrap; } @media only screen and (max-width:1151px){ .latest-news{ position: relative; } } @media only screen and (max-width:1365px){ html[lang="fr"] .dashboard-chart{ top: 50px; height: 280px !important; } } @media only screen and (min-width:1024px){ html[lang="zh"] .dashboard-chart{ height: 285px !important; } } @media only screen and (max-width:1280px){ html[lang="ar"] .dashboard-chart{ height: 285px !important; } } @media only screen and (max-width:1280px) and (min-width:1152px){ html[lang="be"] .dashboard-chart{ height: 285px !important; } html[lang="bg"] .dashboard-chart{ height: 285px !important; } html[lang="ca"] .dashboard-chart{ height: 285px !important; } html[lang="et"] .dashboard-chart{ height: 285px !important; } html[lang="nl"] .dashboard-chart{ height: 285px !important; } } @media only screen and (min-width:1280px) and (max-width:1700px){ html[lang="be"] .dashboard-chart{ top: 50px; height: 285px !important; } html[lang="bg"] .dashboard-chart{ top: 50px; height: 285px !important; } html[lang="ru"] .dashboard-chart{ top: 50px; height: 285px !important; } } html[lang="bg"] .image-download-tooltip-text{ word-break: break-all; } .payNow-tooltip { width: 71px; text-align: center } .border-radius-bottom{ border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } html[lang="ca"] .login-width{ width: 115px; } html[lang="ca"] .et-lang-padding{ padding-right: 0px; } .feature-text { background: linear-gradient(-2deg, #e60c84 19.27%, #ffcf4b 84.21%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .bg-tem1 { background-image: url("../../../../public/assets/image/banner-1.png"); background-repeat: no-repeat, repeat; background-position: 100%; background-size: cover; } .bg-tem2 { background-image: url("../../../../public/assets/image/banner-2.png"); background-repeat: no-repeat, repeat; background-position: 100%; background-size: cover; } .ts-control .item{ word-wrap: break-word; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .bill-tooltip{ width: 73px; text-align: center; } @media only screen and (min-width: 1583px){ .bill-tooltip{ visibility: hidden; } .payNow-tooltip { visibility: hidden; } button[disabled] > .pay-tooltips{ display: none; } } @media only screen and (max-width: 1583px){ .view-bill{ display: none; } .pay-tooltips{ display: none; } } table { border-collapse: separate; text-indent: initial; border-spacing: 0px; } .accordion-content { display: none; } .accordion .accordion-header { border: 1px solid #ccc; background-color: #f2f2f2; } .dark .accordion .accordion-header { border:1px solid #292929; background-color: #292929; } .accordion.active .accordion-header { border: none; background-color: #ffff; } .dark .accordion.active .accordion-header { border: none; background-color:#141414; } .accordion.active .accordion-arrow { transform: rotate(180deg); } .accordion .accordion-arrow { transition: transform 0.3s; } .faq-accordion-border .accordion-header { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .page-description:last-child{ margin-bottom: 0px !important; padding-bottom: 30px; } body.shrink .bill-tooltip .ui-tooltip-content::before { content: ""; position: absolute; bottom: 100%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent } body.shrink .payNow-tooltip .ui-tooltip-content::before { border-color: transparent } .voiceover .custom-dropdown-arrow:before { top:24px } .voiceover .custom-dropdown-arrow:after { top:22px } .text-speech .custom-dropdown-arrow:before { top:50px } .text-speech .custom-dropdown-arrow:after { top:48px } .dark .down-img-btn{ background: linear-gradient(180deg, #a26ef7 0%, #763cd4 100%); } .wrap-anywhere{ overflow-wrap:anywhere } #waveform wave{ height: 60px !important; } .waveform wave{ height: 20px !important; } .speech-toolips-width{ width: 95px; text-align: center; } .download-speech-toolips-width{ width: 114px; text-align: center; } @media only screen and (max-width:1230px){ .speech-toolips-width .ui-tooltip-content::before , .download-speech-toolips-width .ui-tooltip-content::before { border-color: transparent } } .image-gallery .custom-dropdown-arrow:before { top: 23px; } .wrap-anywhere{ overflow-wrap:anywhere } .pending-bg{ background: rgba(118, 60, 212, 0.15); } .toolips-support-width{ width: 86px; text-align: center; word-break:break-all } /* rtl implementation */ html[dir="rtl"] .neg-transition-scale { transform: scaleX(-1); } @media only screen and (max-width:767px){ html[dir="rtl"] .rtl-lang-dropdown{ right: unset !important; left: 112px !important; } html[dir="rtl"] .rtl-profile{ right: unset !important; left: 56px !important; } html[dir="rtl"] .landing-header-dropdown{ right: -224px; left: unset; } html[dir="rtl"] .language-dropdown{ right: -129px; left: unset; } html[dir="rtl"] .rtl-floating-robo{ right: unset ; left: 0px; } /* html[dir="rtl"] .img-generator{ padding-left: unset !important; padding-right: 20px !important; } */ html[dir="rtl"] #dropdowns-header{ right: unset; left: 128px; } html[dir="rtl"] .action-rtl{ padding-right: unset; padding-left: 12px; } html[dir="rtl"] .docs-table-row-one{ padding-left: 12px; padding-right: 12px; } html[dir="rtl"] .user-logout{ margin-left: 20px; margin-right: unset; } } @media only screen and (min-width:1920px){ html[dir="rtl"] .rtl-floating-robo{ right: unset ; left: 199px ; } html[dir="rtl"] .template-floating-img{ right: unset; left: -178px; } /* html[dir="rtl"] .img-generator{ padding-left: unset; padding-right: 310px; } */ html[dir="rtl"] .blog-slider-section{ padding-left: unset !important; padding-right: 310px !important; } } @media only screen and (min-width:1680px) and (max-width:1919px){ html[dir="rtl"] .template-floating-img{ right: unset; left: -187px; } html[dir="rtl"] .blog-slider-section{ padding-left: unset; padding-right: 160px; } } @media only screen and (min-width:1600px) and (max-width:1679px){ html[dir="rtl"] .template-floating-img{ right: unset; left: -200px; } html[dir="rtl"] .blog-slider-section{ padding-left: unset; padding-right: 128px; } } @media only screen and (min-width:1279px) and (max-width:1600px){ html[dir="rtl"] .blog-slider-section{ padding-left: unset !important; padding-right: 64px !important; } } @media only screen and (min-width:1440px) and (max-width:1599px){ html[dir="rtl"] .template-floating-img{ right: unset; left: -176px; } } @media only screen and (min-width:1400px) and (max-width:1439px){ html[dir="rtl"] .template-floating-img{ right: unset; left: -170px; } } @media only screen and (min-width:1360px) and (max-width:1439px){ html[dir="rtl"] .template-floating-img{ right: unset; left: -116px; } } @media only screen and (min-width:1280px) and (max-width:1359px){ html[dir="rtl"] .template-floating-img{ right: unset; left: -155px; } } @media only screen and (min-width:1152px) and (max-width:1279px){ html[dir="rtl"] .template-floating-img{ right: unset; left: -137px; } } @media only screen and (min-width:1024px) and (max-width:1151px){ html[dir="rtl"] .template-floating-img{ right: unset; left: -118px; } } @media only screen and (max-width:1023px){ html[dir="rtl"] .template-floating-img{ right: unset; left: -112px; } html[dir="rtl"] .create-ai{ padding-right: unset !important; padding-left: 36px !important; } html[dir="rtl"] .blog-slider-section .first-side{ padding-left: unset !important; padding-right: 20px !important; } html[dir="rtl"] .latest-news-overlay{ right: unset ; left: 316px ; } html[dir="rtl"] .sub-plan-rtl{ padding-left: unset !important; padding-right: 32px !important; } html[dir="rtl"] .upgrade-title{ padding-right: unset; padding-left: 16px; } html[dir="rtl"] .any-sub-p { padding-right: unset; padding-left: 16px; } } @media only screen and (min-width:1024px) and (max-width:1599px){ /* html[dir="rtl"] .img-generator{ padding-left: unset; padding-right: 64px; } */ } @media only screen and (min-width:1024px){ html[dir="rtl"] .create-ai{ padding-right: unset !important; padding-left: 117px !important; } html[dir="rtl"] .blog-slider-section .first-side{ padding-left: unset !important; padding-right: 64px !important; } html[dir="rtl"] .latest-news-overlay{ right: unset ; left: 50px; } html[dir="rtl"] .holding-butterfly{ margin-right: 0px !important; margin-left: unset !important; } html[dir="rtl"] .sub-plan-rtl{ padding-left: unset !important; padding-right: 20px !important; } html[dir="rtl"] .sub-plan-title-rtl { text-align: right !important; } html[dir="rtl"] .upgrade-title{ padding-right: unset; padding-left: 24px; } html[dir="rtl"] .image-table-row-one{ padding-right: 34px; padding-left: unset; } html[dir="rtl"] .any-sub-p { padding-right: unset; padding-left: 24px; } } @media only screen and (min-width:1280px){ html[dir="rtl"] .blog-slider-section .first-side{ padding-left: unset !important; padding-right: 0px !important; } } @media only screen and (min-width:1400px) and (max-width:1919px) { html[dir="rtl"] .rtl-floating-robo{ right: unset ; left: 73px ; } } @media only screen and (min-width:1400px) and (max-width:1919px) { html[dir="rtl"] .rtl-floating-robo{ right: unset ; left: 73px ; } } @media only screen and (min-width:1360px) and (max-width:1399px){ html[dir="rtl"] .rtl-floating-robo{ right: unset ; left: 64px ; } } @media only screen and (min-width:768px) and (max-width:1359px){ html[dir="rtl"] .rtl-floating-robo{ right: unset ; left: 32px ; } } @media only screen and (min-width:1280px){ html[dir="rtl"] .slider-scroll-div{ padding-right: unset !important; padding-left: 36px !important; } } @media only screen and (min-width:768px){ html[dir="rtl"] .rtl-lang-dropdown , html[dir="rtl"] .landing-header-dropdown, html[dir="rtl"] .language-dropdown{ right: unset !important; left: 0px !important; } html[dir="rtl"] .rtl-profile{ right: unset !important; left: 4px !important; } html[dir="rtl"] .user-logout{ margin-left: 0px; margin-right: unset; } } html[dir="rtl"] .rtl-floating-robo-small{ right: unset !important; left: 4px !important; } html[dir="rtl"] .use-case-section{ padding-left: unset; padding-right: 26px; } html[dir="rtl"] .action-rtl{ padding-right: unset; padding-left: 34px; } @media only screen and (min-width:1024px){ html[dir="rtl"] .footer-banner{ padding-left: unset; padding-right: 72px; } } @media only screen and (min-width:1440px) { html[dir="rtl"] .use-case-section{ padding-left: unset; padding-right: 153px; } html[dir="rtl"] .sub-plan-rtl{ padding-left: unset !important; padding-right: 44px !important; } } @media only screen and (min-width:640px) and (max-width:1439px){ html[dir="rtl"] .use-case-section{ padding-left: unset; padding-right: 96px; } } html[dir="rtl"] .steps{ border-left-width: 0px !important; border-right-width: 1px; margin-left: 0px; margin-right: -3px; padding-left: 0px; padding-right: 14px; } html[dir="rtl"] .review-section-profile{ margin-right: unset !important; margin-left: 48px !important; } html[dir="rtl"] .review-section-rating{ right: unset !important; left: 18px !important; } html[dir="rtl"] .faq-accordion .accordion-button:after{ margin-left: unset !important; margin-right: auto !important; } html[dir="rtl"] .text-left{ text-align: right !important; } html[dir="rtl"] .text-right{ text-align: left !important; } html[dir="rtl"] .pr-5{ padding-right: unset; padding-left: 20px; } html[dir="rtl"] .swiper-button-prev { left: unset !important; right: auto !important; margin-right: -18px !important; margin-left: unset !important; } html[dir="rtl"] .swiper-button-next { left: 41px !important; right: unset !important; } @media only screen and (max-width: 1279px) and (min-width: 769px) { html[dir="rtl"] .swiper-button-prev { margin-right: -18px !important; margin-right: 20px !important; } html[dir="rtl"] .swiper-button-next { left: 20px !important; right: unset !important; } } html[dir="rtl"] .latest-news .swiper { margin-right: auto; margin-left: -50px; } @media only screen and (max-width: 1279px) { html[dir="rtl"] .swiper-button-prev { margin-right: -18px !important; margin-right: 20px !important; } html[dir="rtl"] .swiper-button-next { left: 20px !important; right: unset !important; } html[dir="rtl"] .latest-news .swiper { margin-right: auto; margin-left: -316px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { html[dir="rtl"] .holding-butterfly{ margin-right: 28px !important; margin-left: unset !important; } } @media only screen and (max-width: 639px) and (min-width: 428px) { html[dir="rtl"] .holding-butterfly{ margin-right: 65px !important; margin-left: unset !important; } } @media only screen and (max-width: 1279px) { html[dir="rtl"] .slider-wrap-rtl { animation: scrolls 22s linear infinite; width: calc(250px * 9); height: 100%; } @keyframes scrolls { 0% { transform: translateX(0); } 100% { transform: translateX(calc(250px * 3)); } } } html[dir="rtl"] .pass-eye{ left: 14px !important; right: unset !important; } html[dir="rtl"] .social-icon-rtl{ right: 4px !important; left: unset !important; } html[dir="rtl"] .robot-log{ right: -117px !important; left: unset !important; } html[dir="rtl"] .robot-reg{ left: -117px !important; right: unset !important; transform: scaleX(1); } html[dir="rtl"] .shrink-btn{ right: unset !important; left: 15px !important; } html[dir="rtl"] .border-design-1 { border-left-width: 3px !important; border-right-width: 0px !important; } html[dir="rtl"] .main-menu{ padding-right: 20px; padding-left: 15px; } html[dir="rtl"] .dash-switch{ padding-right: 20px; padding-left: unset; } html[dir="rtl"] .theme-swticher-rtl{ margin-left: unset ; margin-right: 12px; } html[dir="rtl"] .dashboard-robo img{ left: 0; right: unset; } html[dir="rtl"] .banner-details-rtl{ padding-left: unset; padding-right: 24px; } html[dir="rtl"] .dash-sub-plan{ padding-right: 20px; padding-left: 8px; } html[dir="rtl"] .search-btn { margin-left: -45px; margin-right: unset; } html[dir="rtl"] .toggle-favorite{ right: unset; left: 0; } html[dir="rtl"] .copy-code{ right: unset; left: 16px; } html[dir="rtl"] .image-list-table thead th:first-child { border-radius: 0 8px 8px 0; } html[dir="rtl"] .image-list-table thead th:last-child { border-radius: 8px 0px 0px 8px; } @media only screen and (min-width:1366px) { html[dir="rtl"] .par-his-border-rtl { border-right-width: 0; border-left-width: 1px; } } .loader-history { left: unset; right: 63%; } html[dir="rtl"] .password-hide, html[dir="rtl"] .password-show , html[dir="rtl"] .pass-eye{ right: unset; left: 14px; } html[dir="rtl"] .sub-plan-pack-des{ padding-left: unset; padding-right: 24px; } html[dir="rtl"] .active-package{ padding-right: 16px; padding-left: 97px; margin-right: unset; margin-left: 24px; } html[dir="rtl"] .pr-6{ padding-right: unset; padding-left: 24px; } @media only screen and (min-width:1680px){ html[dir="rtl"] .main-profile-content{ padding-right:24px; padding-left: 84px; } } html[dir="rtl"] .cross-svg{ right: unset; left: 10px; } html[dir="rtl"] .sub-robot{ right: unset; left: 0px; } /* html[dir="rtl"] .upgrade-plan-card{ padding-right: 24px !important; padding-left: 0px; } */ html[dir="rtl"] .custom-dropdown-arrow:before { left: 16px; right: unset; } html[dir="rtl"] .switch-on-off { margin-left: unset !important; margin-right: 2px !important; } html[dir="rtl"] .margin-left-button { margin-left: unset !important; margin-right: 10px !important; } html[dir="rtl"] .pr-27px-rtl { padding-left: unset !important; padding-right: 27px !important; } html[dir="rtl"] .ml-27px-rtl { margin-right: unset !important; margin-left: 27px !important; } html[dir="rtl"] .robo-target{ right: unset; left: -154px; } html[dir="rtl"] .you-tube-rtl{ right:-25px; left: unset; } html[dir="rtl"] .mike-rtl{ right:160px; left: unset; } html[dir="rtl"] .gmail-rtl{ right:88px; left: unset; } html[dir="rtl"] .ink-rtl{ left:88px; right: unset; } html[dir="rtl"] .pricing-title{ padding-right:32px; padding-left: unset; } html[dir="rtl"] .pricing-table table td { border-left-width: 1px ; border-right-width: 0px; } html[dir="rtl"] .pricing-table tbody > tr > td:last-child { border: 0; } html[dir="rtl"] .feature-title{ padding-right: 32px; padding-left: unset; } html[dir="rtl"] .option-create-ai{ padding-right: 20px; padding-left: unset; } html[dir="rtl"] .blog-menu{ margin-right: 8px; margin-left: unset; } @media only screen and (min-width:768px) and (max-width:1023px){ html[dir="rtl"] .blog-image-section{ margin-left: 30px; margin-right: unset; } html[dir="rtl"] .blog-slider-section .first-side{ padding-left: unset !important; padding-right: 40px !important; } } html[dir="rtl"] .user-details-blog{ margin-right: 4px; margin-left: unset; } html[dir="rtl"] .blog-search{ margin-right: unset; margin-left: 2px; padding-right: 12px; padding-left: 48px; } html[dir="rtl"] .search-button{ right: unset; left: 20px; } html[dir="rtl"] .process-goto:hover svg { left: -5px ; right:unset } html[dir="rtl"] .process-goto svg { transition: left 0.2s ; left: 0px; right: unset; } @media only screen and (min-width:768px){ html[dir="rtl"] .blog-details-part { margin-right: unset; margin-left: 32px; } html[dir="rtl"] .docs-table-row-one{ padding-left: 24px; padding-right: 34px; } } @media only screen and (min-width:1024px){ html[dir="rtl"] .blog-user-details { margin-right: -48px; margin-left: unset; } html[dir="rtl"] .author-name{ padding-right:unset; padding-left:0px; } html[dir="rtl"] .blog-user-des{ margin-right: -250px; margin-left: unset; } } html[dir="rtl"] .blog-user-image { margin-left: unset; margin-right: 28px; } @media only screen and (max-width:1023px){ html[dir="rtl"] .author-name{ padding-right:unset; padding-left:24px; } html[dir="rtl"] .blog-user-des{ margin-right: unset; margin-left: 30px; } html[dir="rtl"] .image-table-row-one{ padding-right: 12px; padding-left: unset; } } html[dir="rtl"] .blog-social-icon{ margin-right: unset; margin-left: 12px; } html[dir="rtl"] .blog-user-border{ margin-right: -80px; margin-left: unset; } html[dir="rtl"] .share-button-parents{ margin-right: unset; margin-left: 4px; } html[dir="rtl"] .share-button-svg{ margin-right: unset; margin-left: 7px; } html[dir="rtl"] .previous-post-rtl{ padding-right: 16px; padding-left: unset; } html[dir="rtl"] .previous-post-rtl svg{ margin-right: unset; margin-left: 8px; } html[dir="rtl"] .previous-post-rtl-svg{ margin-right: unset; margin-left: 12px; } html[dir="rtl"] .text-right{ text-align: left; } html[dir="rtl"] .text-left{ text-align: right; } html[dir="rtl"] .next-post-span{ margin-right: -20px; margin-left: unset; } html[dir="rtl"] .ml-auto{ margin-right: auto; } html[dir="rtl"] .mr-auto{ margin-left: auto; } html[dir="rtl"] .blog-date{ right: 10px; left: unset; } html[dir="rtl"] .arrow-hover:hover svg { right: -0px; left: unset; } html[dir="rtl"] .arrow-hover svg { transition: right 0.3s; right: 8px; left: unset; } html[dir="rtl"] .pre-span{ margin-left: unset; margin-right:16px } html[dir="rtl"] .bg-tem1 { transform: scaleX(-1); } html[dir="rtl"] .bg-tem2 { transform: scaleX(-1); } html[dir="rtl"] .ts-wrapper.single .ts-control{ padding-right: 16px !important; padding-left: 2rem !important; } html[dir="rtl"] .dropdown-rtl{ right: unset; left: 4px; } html[dir="rtl"] .table-dropdwon-rtl{ right: unset; left: 0; } @media only screen and (min-width:428px){ html[dir="rtl"] .docs-table-row-three{ padding-left: unset; padding-right: 24px; } } html[dir="rtl"] .border-right { border-left-width: 0; border-right-width: 1px; } html[dir="rtl"] .mr-2 { margin-left: 8px; margin-right: unset; } @media only screen and (min-width:1400px){ html[dir="rtl"] .bill-action-rtl { padding-left: 30px; padding-right: 0px; } html[dir="rtl"] .bill-table-row-first { padding-left: 0px; padding-right: 34px; } } html[dir="rtl"] .mr-4 { margin-left: 16px; margin-right: unset; } @media only screen and (max-width: 767px) { html[dir="rtl"] #sidenav { transition: all 0.3s ease-in-out; transform: translate(150%, 0px); -webkit-transform: translate(150%, 0px); -ms-transform: translate(150%, 0px); } html[dir="rtl"] #sidenav.active { transition: all 0.3s ease-in-out; transform: translate(0%, 0px); -webkit-transform: translate(0%, 0px); -ms-transform: translate(0%, 0px); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); } } html[dir="rtl"] .float-left{ float: right; } html[dir="rtl"] .float-right{ float: left; } html[dir="rtl"] .nav-scroller-btn--right { left: 0; right: unset; } html[dir="rtl"] .nav-scroller-btn--left { right: 0; left: unset; } html[dir="rtl"] .tox-toolbar__primary{ transform: scaleX(-1); } html[dir="rtl"] .right-3{ right: unset; left: 12px; } html[dir="rtl"] .modal-cross{ right: unset; left: 10px; } html[dir="ltr"] .rtl-float{ display: none; } html[dir="rtl"] .ltr-float{ display: none; } html[dir="rtl"] .latest-slider-footer:hover > .inner-img { transform: scale(-1.1, 1.1); } .radio-container-payment input[type="radio"] { display: none; } .image-gallery .custom-dropdown-arrow:after { top: 21px; } .image-gallery .ts-control { font-size: 14px !important; line-height: 22px !important; padding: 9px 12px !important; } .image-download-button { opacity: 0; transition: opacity 0.3s ease; } .gallery-image-hover-overlay { position: absolute; top: 0; bottom: 0; right: 0; left: 0; opacity: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); transition: 0.4s ease-out; } .download-image-container:hover .gallery-image-hover-overlay { opacity: 1; } .img-grow img{ transition-duration: .3s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); width: 100%; } .img-grow video{ width: 100%; } .img-grow:hover img{ transform: scale(1.05); } .download-image-container:hover .image-download-button { opacity: 1; } .delete-image-bg{ background-color: rgba(20, 20, 20, 0.60); } .line-clamp-triple { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .wrap-anywhere{ overflow-wrap: anywhere; } .dark .down-img-btn{ background: linear-gradient(180deg, #a26ef7 0%, #763cd4 100%); } .gallery-slider .swiper-slide-thumb-active img{ border: 2px solid transparent !important; border-radius: 12px !important; background-image: linear-gradient(white, white), linear-gradient(-2deg, #e60c84 19.27%, #ffcf4b 84.21%) !important; background-origin: border-box !important; background-clip: content-box, border-box !important; } .features-slide .swiper-slide-active{ opacity: 1 !important; } .features-slide .swiper-slide-next{ opacity: 0 !important; } .features-slide .swiper-slide-prev{ opacity: 0 !important; } .progress-bar { width: 135px; height:3px } .progress-input { border-radius: 8px; -webkit-appearance: none; } input[type='range']::-webkit-slider-thumb { width: 12px !important; -webkit-appearance: none !important; height: 12px !important; background: #E22861 !important; border-radius: 50%; } #gallery{ -webkit-column-count: var(--num-columns, 7); -moz-column-count: var(--num-columns, 7); column-count: var(--num-columns, 7); -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } @media (min-width:1649px){ #text-to-video-gallery, #video-gallery { -webkit-column-count: var(--num-columns, 4); -moz-column-count: var(--num-columns, 4); column-count: var(--num-columns, 4); -webkit-column-gap: 4px; -moz-column-gap: 4px; column-gap: 4px; } } @media (max-width:1200px){ #gallery{ -webkit-column-count:4; -moz-column-count:4; column-count:4; } } @media (max-width:1860px) and (min-width:1649px){ #text-to-video-gallery, #video-gallery{ -webkit-column-count:3; -moz-column-count:3; column-count:3; } } @media (max-width:1650px) and (min-width:1551px){ #text-to-video-gallery, #video-gallery{ -webkit-column-count:2; -moz-column-count:2; column-count:2; } } @media (max-width:1550px){ #text-to-video-gallery, #video-gallery{ -webkit-column-count:2; -moz-column-count:2; column-count:2; } #gallery{ -webkit-column-count:3; -moz-column-count:3; column-count:3; } } @media (max-width:800px){ #gallery{ -webkit-column-count:2; -moz-column-count:2; column-count:2; } } @media (max-width:1240px) and (min-width:1150px){ #text-to-video-gallery, #video-gallery{ -webkit-column-count:1; -moz-column-count:1; column-count: 1; } } @media (max-width:1149px) and (min-width:900px){ #text-to-video-gallery, #video-gallery{ -webkit-column-count:2; -moz-column-count:2; column-count: 2; } } @media (max-width:899px){ #text-to-video-gallery, #video-gallery{ -webkit-column-count:1; -moz-column-count:1; column-count: 1; } } @media (max-width:600px){ #gallery{ -webkit-column-count:3; -moz-column-count:3; column-count: 3; } } @media (max-width:427px){ #gallery{ -webkit-column-count:2; -moz-column-count:2; column-count: 2; } } .gallery-item { width:100%; height:auto; margin: 3px auto; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; border-radius: 8px; overflow: hidden; } .gallery-item:first-child{ margin-top: 0px; } .gallery-item .card-title-overlay { font-size: 12px; padding: 4px 8px; background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, transparent 100%); position: absolute; bottom: 0; left: 0; right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; opacity: 0; transition: opacity 0.3s ease; } .gallery-item:hover .card-title-overlay { opacity: 1; } .heading-2 { background: linear-gradient(336.1deg, #e60c84 19.27%, #ffcf4b 84.21%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .wishlist-border { border: 1px solid transparent; background-image: linear-gradient(white, white), linear-gradient(336.1deg, #e60c84 19.27%, #ffcf4b 84.21%); background-origin: border-box; background-clip: content-box, border-box; } /* Top select image with dropdown */ .img-option .ts-wrapper .ts-control .item { display: flex !important; gap: 8px !important; align-items: center !important; } .img-option .ts-wrapper .ts-control .item img { width: 32px; height: 32px; border-radius: 32px; object-fit:cover; } .img-option .ts-wrapper .ts-dropdown [data-selectable].option { display: flex; gap: 8px !important; align-items: center !important; } .img-option .ts-wrapper .ts-dropdown [data-selectable].option img { width: 32px; height: 32px; border-radius: 32px; object-fit:cover; } .img-option .ts-wrapper .ts-control{ flex-wrap: nowrap; width: 225px; padding: 8px!important; } /* Play and pause button */ .ppbutton{ font-size: 50px; cursor: pointer; } .voice-play:before { content: ""; background-image: url(./../../image/play.svg); width: 16px; height: 16px; background-position: center; display: inline-block; } .voice-pause:after { content: ""; background-image: url(./../../image/pause.svg); width: 16px; height: 16px; background-position: center; display: inline-block; } .radio-container-payment input[type="radio"] { display: none; } .radio-container-payment label { position: relative; cursor: pointer; padding-right: 32px; } .radio-container-payment label:nth-last-child(1) { padding-right: 0; } .radio-container-payment label::before { content: ""; border: 1px solid #898989; display: inline-block; width: 18px; height: 18px; margin: -4px 8px; margin-left: 0; border-radius: 50%; } .radio-container-payment label::after { content: ""; display: inline-block; position: absolute; width: 10px; height: 10px; background: rgba(34, 34, 34, 0); left: 4px; top: 10px; margin: -5px 10px; margin-left: 0; border-radius: 50%; } html[dir='rtl'] .radio-container-payment label::after { right: 2px; margin: -5px 10px; } html[dir='rtl'] .radio-container-payment label::before { margin-left: 10px; } .radio-container-payment input[type="radio"]:checked + label::after { background: #2c2c2c; } .dark .radio-container-payment input[type="radio"]:checked + label::after { background: white; } .wrap-anywhere{ overflow-wrap: anywhere; } .ticket-select .ts-control{ padding: 8px 12px !important; font-size: 14px !important; font-weight: 400 !important; line-height: 22px !important; border-radius: 8px !important; } @media only screen and (max-width:429px){ .ticket-select .ts-control{ height: 40px !important; } } .ticket-select-container .custom-dropdown-arrow:before{ top: 19px; } .ticket-select-container .custom-dropdown-arrow:after{ top: 17px; } .new-ticket-select .custom-dropdown-arrow:before{ top: 50px !important; } .new-ticket-select .custom-dropdown-arrow:after{ top: 48px !important; } #file-container img{ width: 70px; height: 70px; border-radius: 4px; } #file-container div{ position: relative; } .file-container{ padding-top: 12px; } .close-button{ background: rgba(20, 20, 20, 0.60); width: 70px; height: 70px; top: 0px; position: absolute; display: flex; justify-content: center; align-items: center; opacity: 0; border-radius: 4px; transition: all 0.3s ease-in-out; margin-top: 12px; } #file-container div:hover .close-button{ opacity: 1; } .file-icon{ background-color: #F6F3F2; height: 70px; width: 70px; border-radius: 4px; display: flex; justify-content: center; align-items: center; color: #141414; text-align: center; font-family: "Figtree", sans-serif ; font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; } .dark .file-icon{ background-color: #474746; color: white; } /* Close button */ .close { position: absolute; top: 0; right: 0; padding: 10px; cursor: pointer; } .line-clamp-single { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .dark audio::-webkit-media-controls-panel { background-color: #474746; } audio::-webkit-media-controls-play-button { background-image: url("../../image/play-black.svg"); height:16px; width: 16px; } .dark audio::-webkit-media-controls-play-button { background-image: url("../../image/play.svg"); height:16px; width: 16px; } audio::-webkit-media-controls-mute-button { background-image: url("../../image/audio-svgrepo-com.svg"); } .dark audio::-webkit-media-controls-mute-button { background-image: url("../../image/audio-svgrepo-com-dark.svg"); } audio::-webkit-media-controls-current-time-display, audio::-webkit-media-controls-time-remaining-display { color: #2c2c2c } .dark audio::-webkit-media-controls-current-time-display, .dark audio::-webkit-media-controls-time-remaining-display { color: #ffffff; } audio::-webkit-media-controls-enclosure { max-width: none } .dark audio::-webkit-media-controls-enclosure { background-color: #474746; } .bg-small-package{ background-image: url("../../../../public/assets/image/bg-small-package.png"); background-repeat: no-repeat, repeat; background-position: 100%; background-size: cover; } .placeholder-loader-animation [data-placeholder]::after { content: " "; box-shadow: 0 0 50px 9px rgba(254,254,254); position: absolute; top: 0; left: -100%; height: 100%; animation: load 10s infinite; } @keyframes load { 0%{ left: -100%} 100%{ left: 150%} } .dark .placeholder-loader-animation [data-placeholder]::after { box-shadow: 0 0 50px 9px rgb(102, 92, 92); } .subscription-plan-tab .nav-tabs .nav-item.show .nav-link, .subscription-plan-tab .nav-tabs .nav-link.active{ background: linear-gradient(180deg,#a26ef7 0,#763cd4 100%); } .nav-parent.active{ background: linear-gradient(180deg,#a26ef7 0,#763cd4 100%) !important; color: #ffffff; } .file-drop-area { position: relative; display: flex; align-items: center; justify-content:center } .file_input { position: absolute; left: 0; top: 0; height: 100%; width: 100%; cursor: pointer; opacity: 0; } .audio-speech .error{ position: absolute !important; bottom: -21px !important; left: 0px !important; } @-moz-document url-prefix() { .playPauseButton svg{ color: white; background-color: #474747; } .dark .playPauseButton svg{ background-color: #20201F; } .playPauseButton { background-color: #474747; top: 4px !important; left: 4px !important; } .dark .playPauseButton { background-color: #20201F; } } .toolips-support-delete-width{ width: 90px; text-align: center; } @media only screen and (max-width:1250px) and (min-width:1152px){ .toolips-support-width .ui-tooltip-content::before{ border-color: transparent; } .toolips-support-delete-width .ui-tooltip-content::before{ border-color: transparent; } } audio::-webkit-media-controls-time-remaining-display { display: none; } /* **** Selective Radio title Card ***** */ label.radio-card .check-icon { width: 24px; height: 24px; position: absolute; right: -10px; top: -10px; display: inline-block; border-radius: 50%; } label.radio-card .check-icon:before { content: ""; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7355 7.98463C14.4579 10.9925 11.9086 15.1333 11.1263 17.1296C11.1128 17.1835 11.0454 17.2375 10.9779 17.2375C10.9645 17.251 10.9645 17.251 10.951 17.251C10.897 17.251 10.8431 17.2375 10.8161 17.197L6.00083 12.3008C5.96036 12.2604 7.41708 10.9655 7.48452 11.0195L10.1282 13.0966C11.1533 11.8827 13.689 9.14461 17.2094 7C17.2769 7 17.7894 7.76882 17.7894 7.76882C17.8164 7.83626 17.7894 7.93068 17.7355 7.98463Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; opacity: 0; } label.radio-card input[type=radio] { appearance: none; -webkit-appearance: none; -moz-appearance: none; } label.radio-card input[type=radio]:checked + .card-content-wrapper { border: 2px solid transparent; background: linear-gradient(to right, white, white), linear-gradient(to left,#E22861 ,#7A4BC0, #f0de9d ); background-clip: padding-box, border-box; background-origin: padding-box, border-box; border-image-slice: 1; border-radius: 12px; } .radio-card-parent label.radio-card input[type=radio]:checked + .card-content-wrapper { border: 2px solid transparent; background: linear-gradient(to right, #F6F3F2, #F6F3F2), linear-gradient(to left,#E22861 ,#7A4BC0, #f0de9d ); background-clip: padding-box, border-box; background-origin: padding-box, border-box; border-image-slice: 1; border-radius: 12px; } .dark label.radio-card input[type=radio]:checked + .card-content-wrapper { border: 2px solid transparent; background: linear-gradient(to right, #3A3A39, #3A3A39), linear-gradient(to left,#E22861 ,#7A4BC0, #f0de9d ); background-clip: padding-box, border-box; background-origin: padding-box, border-box; border-image-slice: 1; border-radius: 12px; } label.radio-card input[type=radio]:checked + .card-content-wrapper .check-icon { background: #E22861; border-color: #E22861; } label.radio-card input[type=radio]:checked + .card-content-wrapper .check-icon:before { transform: scale(1); opacity: 1; } /* **** Selective Radio title Card End ***** */ .textarea-span { display: flex; width: 100%; align-items: center; overflow: hidden; resize: none; padding: 14px 0; outline: none; word-break: break-word; } /* Audio format tittle select */ input[type="radio"]:checked + label div { background-color: #E22861; height: 3px; } .valid-parent label.error { font-size: 12px; color: #df2f2f; font-weight: 500; font-family: Figtree,sans-serif; line-height: 18px; position: absolute; bottom: -27px; margin: auto; left: 0; right: 0; width: 50%; text-align: center; } .word-break { word-break: break-word !important; } .parent-table.mt-5 .mt-\[80px\]{ margin-top: 59px; } .mark-hover:hover svg{ color: #141414; transition: all 0.5s; } .mark-hover:hover span{ color: #141414; transition: all 0.5s; } .dark .mark-hover:hover svg{ color: #fff; transition: all 0.5s; } .dark .mark-hover:hover span{ color: #fff !important; transition: all 0.5s; } .dark .mark-hover span{ color: #F3F3F3 !important; } /* Web surfer responsive */ @media only screen and (max-width:1024px){ .res-audio { width: 200px !important; } .res-audio wave { width: 200px; } .res-audio wave canvas { width: 200px; } } @media only screen and (max-width:456px){ .res-audio { width: 130px !important; } .res-audio wave { width: 130px; } .res-audio wave canvas { width: 130px; } } /* Tom select image with dropdown */ .tom-select-img .ts-wrapper .ts-control .item { display: flex !important; gap: 8px !important; align-items: center !important; } .tom-select-img .ts-wrapper .ts-control .item img { width: 32px; height: 32px; border-radius: 32px; object-fit:cover; } .tom-select-img .ts-wrapper .ts-dropdown [data-selectable].option { display: flex; gap: 8px !important; align-items: center !important; } .tom-select-img .ts-wrapper .ts-dropdown [data-selectable].option img { width: 32px; height: 32px; border-radius: 32px; object-fit:cover; } .tom-select-img .ts-wrapper .ts-control{ flex-wrap: nowrap; padding: 8px!important; } #textToSpeech-0{ resize: none !important; } .blog-parent .tox-tinymce { height: 100% !important; } [dir="rtl"] .rtl\:flex-ltr { direction: ltr; } .active-border:after { border-top: 3px solid #8D56E6; content: ""; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; border-radius: 40px 40px 0px 0px; } #selectAllCheckbox:checked + label .check-icon { display: block !important; } #selectAllCheckbox:checked + label .bg-color { background-color: #763CD4 !important; } .cutom-border-active{ border-bottom: 1px solid #F3F3F3; } .dark .cutom-border-active{ border-bottom: 1px solid #474746; } .others-div .view-box { height: 100%; padding: 6px; } .others-div .drive-tittle{ position: relative; bottom: 0; width: 100%; margin-right: 0; margin-left: 3px; margin-top: 3px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 !important; } .others-div .w-\[67px\]{ width: 16px; margin-right: 9px; margin-top: 7px; } /* magnific-popup modal */ .white-popup { margin: 0 auto; } .mfp-zoom-in .mfp-with-anim { opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .mfp-close{ display: none !important; } .textarea-render textarea { resize: none; height: 200px !important; } /* subscription all plans */ .single-plan-container{ position: relative; } .plan-price{ font-size: 36px !important; } .submit-btn{ width: 87%; } .current-plan{ background: linear-gradient(180deg,#a26ef7 0,#763cd4 100%) !important; } .current-plan-text{ top: -15px; font-size: 11px; line-height: 16px; right: 28px; padding-left: 10px; padding-right: 10px; } .parent-table.mt-5 .folder-tittle { display: block; } .drive-show{ display: none !important; } .StepperFormWrapper .SingleForm { display: none; } .StepperFormWrapper .SingleForm.Active { display: block; } .FormDataWrapper .FormData { display: none; } .FormDataWrapper .FormData.Active { display: block; } .parent-table.mt-5 .bookmark-box a[data-is-favorite="false"] .unmarked-behind { display: none !important; } .parent-table.mt-5 .bookmark-folder a[data-is-favorite="false"] .unmarked-behind { display: none !important; } .others-div .grid-view{ display: flex; flex-direction: column; justify-content: space-between; } /* Global skeleton */ .skeleton-loader { position: relative; overflow: hidden; background-color: #e2e8f0; opacity: 0.8; } .dark .skeleton-loader { background-color: #4A4A49; opacity: 0.9; } .skeleton-loader::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.2)), color-stop(60%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)) ); background-image: -o-linear-gradient( left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) ); background-image: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) ); -webkit-animation: shimmer 3s infinite; animation: shimmer 3s infinite; content: ''; } @-webkit-keyframes shimmer { 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes shimmer { 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } /* Universal tooltip */ .tooltip-top, .tooltip-right, .tooltip-bottom, .tooltip-left { position: relative; } .tooltip-top:before, .tooltip-right:before, .tooltip-bottom:before, .tooltip-left:before { content: attr(data-tooltip); padding: 5px 10px; border-radius: 6px; background: #474746; color: #FFF; font-family: "Figtree", sans-serif; font-size: 12px; font-weight: 500; line-height: 18px; z-index: 998; } .tooltip-top:before, .tooltip-top:after, .tooltip-right:before, .tooltip-right:after, .tooltip-bottom:before, .tooltip-bottom:after, .tooltip-left:before, .tooltip-left:after { position: absolute; cursor: default; opacity: 0; background-color: #474746; pointer-events: none; transition: all ease-out 0.2s; box-shadow: none; } .tooltip-top:hover:before, .tooltip-top:hover:after, .tooltip-right:hover:before, .tooltip-right:hover:after, .tooltip-bottom:hover:before, .tooltip-bottom:hover:after, .tooltip-left:hover:before, .tooltip-left:hover:after { opacity: 1; margin: 0; } /* for top */ .tooltip-top:before { bottom: calc(100% + 8px + 4px); transform: translateX(-50%); } .tooltip-top:after { bottom: calc(100% + 3px + 4px); transform: translateX(-50%) rotate(-45deg); } .tooltip-top:before, .tooltip-top:after { left: 50%; margin-bottom: -4px; } /* for bottom */ .tooltip-bottom:before { top: calc(100% + 8px + 4px); transform: translateX(-50%); } .tooltip-bottom:after { top: calc(100% + 3px + 4px); transform: translateX(-50%) rotate(-225deg); } .tooltip-bottom:before, .tooltip-bottom:after { left: 50%; margin-top: -4px; } /* for right */ .tooltip-right:before { left: calc(100% + 8px + 4px); transform: translateY(-50%); } .tooltip-right:after { left: calc(100% + 3px + 4px); transform: translateY(-50%) rotate(-315deg); } .tooltip-right:before, .tooltip-right:after { top: 50%; margin-left: -4px; } /* for left */ .tooltip-left:before { right: calc(100% + 8px + 4px); transform: translateY(-50%); } .tooltip-left:after { right: calc(100% + 3px + 4px); transform: translateY(-50%) rotate(-135deg); } .tooltip-left:before, .tooltip-left:after { top: 50%; margin-right: -4px; } /* Tinymce editor custom design */ .blog-parent .tox-tinymce { height: 100% !important; } @media only screen and (min-width:1280px) { .blog-parent iframe#basic-example_ifr { width: 960px!important; } } @media only screen and (min-width:375px) { .blog-parent iframe#basic-example_ifr { width: 89.77% } } .blog-parent iframe#basic-example_ifr { border-radius: 12px; background: #fff; } .dark .blog-parent iframe#basic-example_ifr { background: #3a3a39!important; } .tox-edit-area { justify-content: center; margin: 31px 0!important; } .blog-parent .tox-sidebar-wrap { background: #f6f3f2!important; } .dark .blog-parent .tox-sidebar-wrap { background: #292929!important; } .dark button.tox-listbox, .dark input.tox-textfield { background-color: #3a3a39!important; border-color: #898989!important; } .dark button.tox-button.tox-button--secondary { background-color: #343434e6!important; border-color: #898989!important; } .dark button.tox-button.tox-button--secondary:hover { background-color: #575757e6!important; color: #fff!important; } @media only screen and (max-width:768px) { .tox-edit-area { justify-content: center; margin: 25px 0!important; } } .wow { visibility: hidden; } .video-download-tooltip-text { visibility: hidden; background: rgba(20, 20, 20, 0.8); width: 270px; z-index: 9999999999; font-weight: 400; font-size: 12px; line-height: 18px; text-align: left; } .tooltips:hover .video-download-tooltip-text { visibility: visible; } .video-edit-width{ width: 270px; text-align: center; } .video-edit-width .ui-tooltip-content::before { content: ""; position: absolute; bottom: 100%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent } #imgFile-container img{ width: 100%; border-radius: 8px; aspect-ratio: 16 / 9; } #imgFile-container div{ position: relative; } .imgClose-button{ background: rgba(20, 20, 20, 0.60); width: 34px; height: 34px; top: 12px; right:12px; position: absolute; display: flex; justify-content: center; align-items: center; border-radius: 4px; transition: all 0.3s ease-in-out; margin-top: 12px; } .image-to-video input[type='range']::-webkit-slider-thumb { width: 16px !important; -webkit-appearance: none !important; height: 16px !important; background: #E22861 !important; border: 3px solid white !important; border-radius: 50% !important; } .video-container { position: relative; } .videos-container video { width: 100%; display: block; /* height: 360px !important; */ aspect-ratio: 16/9; } .custom-controls { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; } .custom-play-pause { background-color: rgba(0, 0, 0, 0.5); border: none; padding: 10px; cursor: pointer; border-radius: 50%; outline: none; display: flex; justify-content: center; align-items: center; } .custom-play-pause svg { fill: white; } .video-container .progress-container { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 98%; height: 8px; background: #FFFFFF59; cursor: pointer; border-radius: 40px; } .video-container .progress-video-bar { border-radius: 40px; width: 0; height: 100%; background: linear-gradient(90deg, #3A86FF 0%, #8338EC 25%, #FF006E 51.04%, #FB5607 73.96%, #FFBE0B 100%); } html[dir="rtl"] .video-container .progress-container { right: 50%; transform: translateX(50%); } .loader-video { transform-origin: center !important; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } .ai-plagiarism-graph { position: relative; /* margin: 30px; */ overflow: hidden; } .ai-plagiarism-graph:before { content: ""; display: block; position: absolute; width: 100%; left: 0; bottom: 0; z-index: 20; background: white; } .bar-overflow-background { position: relative; overflow: hidden; width: 300px; height: 145px; margin: 0 0 30px; } .bar-line { position: absolute; bottom: 16px; left: 16px; width: 268px; height: 268px; border-radius: 50%; box-sizing: border-box; border-left: 1px solid #b5b5b5; } .bar-background { position: absolute; top: 0; left: 0; width: 300px; height: 300px; border-radius: 50%; box-sizing: border-box; border: 10px solid #dfdfdf; } .dark .bar-background { border: 10px solid #898989; } .progress-bars { position: absolute; top: 0; left: 0; width: 300px; height: 300px; border-radius: 50%; box-sizing: border-box; } @media screen and (max-width:640px){ .bar-background { width: 265px; height: 265px; } .progress-bars { width: 265px; height: 265px; } } .bar-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; background: url("../../../../public/assets/image/progressbar.svg"); background-size: 100%; background-repeat: no-repeat; transform: rotate(180deg); } .bar-green-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; background: url("../../../../public/assets/image/greenprogressbar.svg"); background-size: 100%; background-repeat: no-repeat; transform: rotate(180deg); } .subscription-plan-tab-bg{ background: linear-gradient(180deg,#a26ef7 0,#763cd4 100%); } .nav-link.active { background-color: #4F46E5; color: white; } .ai-detector-graph { position: relative; /* margin: 30px; */ overflow: hidden; } .ai-detector-graph:before { content: ""; display: block; position: absolute; width: 100%; left: 0; bottom: 0; z-index: 20; background: white; } /* Custom background gradient for peer-checked state */ .peer:checked ~ .peer-checked\:background-gradient-one { background: linear-gradient(180deg, #a26ef7 0%, #763cd4 100%) !important; } .image-textarea-width{ width: auto; text-align: center; word-break:break-all !important } .image-textarea-width .ui-tooltip-content::before { content: ""; position: absolute; bottom: 100%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent; word-break:break-all } .voiceover-tooltip-text { visibility: hidden; background: rgba(20, 20, 20, 0.8); width: 270px; text-align: center; } .tooltips .voiceover-tooltip-text::before { content: ""; position: absolute; bottom: 100%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent; } .tooltips:hover .voiceover-tooltip-text { visibility: visible; } .avatar-border:hover{ border: 2px solid transparent; border-radius: 8px; background-image: linear-gradient(white, white), linear-gradient(90deg, #fd7f57 -17.86%, #e22861 25.88%, #763cd4 107.47%); background-origin: border-box; background-clip: content-box, border-box; color: #141414; } .avatar-card:hover .avatar-name{ display: -webkit-box; overflow: unset; -webkit-line-clamp: unset; -webkit-box-orient: vertical; } .avatar-border-active{ background-color: #f3f3f3; } .dark .avatar-border-active{ background-color: #474746; } #ai-persona-form .dropdown { position: relative; width: 100%; } .dropdown-select { position: relative; font-size: 14px; font-weight: 400; cursor: pointer; width: 100%; height: auto; padding: 0.65rem 0.75rem 0.65rem 0px; border: none; outline: none; border-radius: 0.25rem; color: #141414; transition: all 0.3s ease-in-out; } .dark .dropdown-select { color: white; } .dropdown-menu { position: absolute; display: none; background-color: white; width: 370px; border: 1px solid rgb(137, 137, 137); left: -11px; border-radius: 8px; transition: all 0.3s ease-in-out; z-index: 9; } .dark .dropdown-menu { color: #141414; background-color: #333332; border: 1px solid #474747; } .dropdown-menu-inner { max-height: 16rem; overflow-y: scroll; overflow-x: hidden; } .dropdown-menu-inner::-webkit-scrollbar { width: 5px; height: auto; } .dropdown-menu-inner::-webkit-scrollbar-thumb { border-radius: 0.25rem; } .dropdown-menu-item { font-family: inherit; font-size: 1rem; font-weight: normal; line-height: inherit; cursor: pointer; user-select: none; padding: 0.65rem 1.25rem; background-color: var(--color-white); transition: all 0.2s ease-in-out; } .dark .dropdown-menu-item { color: white; } .dropdown-menu-item:hover { color: #141414; background-color: #dfdfdf; } .dark .dropdown-menu-item:hover { color: white; background-color: #474746; } .dropdown-menu-search { display: block; font-family: inherit; font-size: 15px; font-weight: 400; width: 92%; height: auto; padding: 13px; border: none; outline: none; color: #141414; margin: 14px; border-radius: 8px !important; background-color: white; border: 1px solid #dfdfdf } .dark .dropdown-menu-search { background: #333332; color: white; border: 1px solid #474747 } @media only screen and (max-width: 768px) { .dropdown-menu { width: 275px; } } /* Marketing Bot Icon - Dark Mode Support */ html.dark svg.marketing-bot-icon .bot-eye, .dark svg.marketing-bot-icon .bot-eye, html.dark .feature-icon svg.marketing-bot-icon .bot-eye, .dark .feature-icon svg.marketing-bot-icon .bot-eye, .dark svg.marketing-bot-icon circle.bot-eye { fill: #000000 !important; } html.dark svg.marketing-bot-icon .bot-mouth, .dark svg.marketing-bot-icon .bot-mouth, html.dark .feature-icon svg.marketing-bot-icon .bot-mouth, .dark .feature-icon svg.marketing-bot-icon .bot-mouth, .dark svg.marketing-bot-icon path.bot-mouth { stroke: #000000 !important; }.btn-ai-enhance{background:linear-gradient(90deg,#fd7f57 -17.86%,#e22861 25.88%,#763cd4 107.47%);color:#fff!important;border:none}.btn-ai-enhance:hover{background:linear-gradient(90deg,#e22861 -17.86%,#763cd4 25.88%,#fd7f57 107.47%);opacity:.95}