:root { --f-spinner-width: 36px; --f-spinner-height: 36px; --f-spinner-color-1: rgba(0, 0, 0, 0.1); --f-spinner-color-2: rgba(17, 24, 28, 0.8); --f-spinner-stroke: 2.75; } /* Owl Carousel CSS Start */ .owl-carousel .owl-dots { text-align: center; } .owl-carousel .owl-dots .owl-dot span { width: 12px; height: 12px; border-radius: 25px; background-color: var(--primary-color); display: inline-block; opacity: 0.4; margin: 0 5px; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; } .owl-carousel .owl-dots .owl-dot.active span { width: 40px; opacity: 1; } /* Owl Carousel CSS End */ .f-spinner { margin: auto; padding: 0; width: var(--f-spinner-width); height: var(--f-spinner-height); } .f-spinner svg { width: 100%; height: 100%; vertical-align: top; animation: f-spinner-rotate 2s linear infinite; } .f-spinner svg * { stroke-width: var(--f-spinner-stroke); fill: none; } .f-spinner svg *:first-child { stroke: var(--f-spinner-color-1); } .f-spinner svg *:last-child { stroke: var(--f-spinner-color-2); animation: f-spinner-dash 2s ease-in-out infinite; } @keyframes f-spinner-rotate { 100% { transform: rotate(360deg); } } @keyframes f-spinner-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .f-throwOutUp { animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp; } .f-throwOutDown { animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown; } @keyframes f-throwOutUp { to { transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0); opacity: 0; } } @keyframes f-throwOutDown { to { transform: translate3d(0, var(--f-throw-out-distance, 150px), 0); opacity: 0; } } .f-zoomInUp { animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp; } .f-zoomOutDown { animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown; } @keyframes f-zoomInUp { from { transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } to { transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @keyframes f-zoomOutDown { to { transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } } .f-fadeIn { animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn; z-index: 2; } .f-fadeOut { animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut; z-index: 1; } @keyframes f-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-fadeOut { 100% { opacity: 0; } } .f-fadeFastIn { animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn; z-index: 2; } .f-fadeFastOut { animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut; z-index: 2; } @keyframes f-fadeFastIn { 0% { opacity: 0.75; } 100% { opacity: 1; } } @keyframes f-fadeFastOut { 100% { opacity: 0; } } .f-fadeSlowIn { animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn; z-index: 2; } .f-fadeSlowOut { animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut; z-index: 1; } @keyframes f-fadeSlowIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-fadeSlowOut { 100% { opacity: 0; } } .f-crossfadeIn { animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn; z-index: 2; } .f-crossfadeOut { animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut; z-index: 1; } @keyframes f-crossfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-crossfadeOut { 100% { opacity: 0; } } .f-slideIn.from-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext; } .f-slideIn.from-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev; } .f-slideOut.to-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext; } .f-slideOut.to-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev; } @keyframes f-slideInPrev { 0% { transform: translateX(100%); } 100% { transform: translate3d(0, 0, 0); } } @keyframes f-slideInNext { 0% { transform: translateX(-100%); } 100% { transform: translate3d(0, 0, 0); } } @keyframes f-slideOutNext { 100% { transform: translateX(-100%); } } @keyframes f-slideOutPrev { 100% { transform: translateX(100%); } } .f-classicIn.from-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext; z-index: 2; } .f-classicIn.from-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev; z-index: 2; } .f-classicOut.to-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext; z-index: 1; } .f-classicOut.to-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev; z-index: 1; } @keyframes f-classicInNext { 0% { transform: translateX(-75px); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes f-classicInPrev { 0% { transform: translateX(75px); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes f-classicOutNext { 100% { transform: translateX(-75px); opacity: 0; } } @keyframes f-classicOutPrev { 100% { transform: translateX(75px); opacity: 0; } } :root { --f-button-width: 40px; --f-button-height: 40px; --f-button-border: 0; --f-button-border-radius: 0; --f-button-color: #374151; --f-button-bg: #f8f8f8; --f-button-hover-bg: #e0e0e0; --f-button-active-bg: #d0d0d0; --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-stroke-width: 1.5; --f-button-svg-fill: none; --f-button-svg-filter: none; --f-button-svg-disabled-opacity: 0.65; } .f-button { display: flex; justify-content: center; align-items: center; box-sizing: content-box; position: relative; margin: 0; padding: 0; width: var(--f-button-width); height: var(--f-button-height); border: var(--f-button-border); border-radius: var(--f-button-border-radius); color: var(--f-button-color); background: var(--f-button-bg); box-shadow: var(--f-button-shadow); pointer-events: all; cursor: pointer; transition: var(--f-button-transition); } @media (hover: hover) { .f-button:hover:not([disabled]) { color: var(--f-button-hover-color); background-color: var(--f-button-hover-bg); } } .f-button:active:not([disabled]) { background-color: var(--f-button-active-bg); } .f-button:focus:not(:focus-visible) { outline: none; } .f-button:focus-visible { outline: none; box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)); } .f-button svg { width: var(--f-button-svg-width); height: var(--f-button-svg-height); fill: var(--f-button-svg-fill); stroke: currentColor; stroke-width: var(--f-button-svg-stroke-width); stroke-linecap: round; stroke-linejoin: round; transition: opacity 0.15s ease; transform: var(--f-button-transform); filter: var(--f-button-svg-filter); pointer-events: none; } .f-button[disabled] { cursor: default; } .f-button[disabled] svg { opacity: var(--f-button-svg-disabled-opacity); } .f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next { position: absolute; z-index: 1; } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next { top: 50%; transform: translateY(-50%); } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev { left: var(--f-button-prev-pos); } .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next { right: var(--f-button-next-pos); } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev { left: auto; right: var(--f-button-next-pos); } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next { right: auto; left: var(--f-button-prev-pos); } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next { top: auto; left: 50%; transform: translateX(-50%); } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev { top: var(--f-button-next-pos); } .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next { bottom: var(--f-button-next-pos); } .is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg { transform: rotate(90deg); } .f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled { pointer-events: none; } html.with-fancybox { width: auto; overflow: visible; scroll-behavior: auto; } html.with-fancybox body { touch-action: none; } html.with-fancybox body.hide-scrollbar { width: auto; margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px)); overflow: hidden !important; overscroll-behavior-y: none; } .fancybox__container { --fancybox-color: #dbdbdb; --fancybox-hover-color: #fff; --fancybox-bg: rgba(24, 24, 27, 0.65); --fancybox-slide-gap: 10px; --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-color-1: rgba(255, 255, 255, 0.1); --f-spinner-color-2: #bbb; --f-spinner-stroke: 3.65; position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; display: flex; flex-direction: column; box-sizing: border-box; margin: 0; padding: 0; color: #f8f8f8; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: visible; z-index: var(--fancybox-zIndex, 1050); outline: none; transform-origin: top left; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%; text-size-adjust: 100%; overscroll-behavior-y: contain; } .fancybox__container *, .fancybox__container *::before, .fancybox__container *::after { box-sizing: inherit; } .fancybox__container::backdrop { background-color: rgba(0, 0, 0, 0); } .fancybox__backdrop { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: var(--fancybox-bg); opacity: var(--fancybox-opacity, 1); will-change: opacity; } .fancybox__carousel { position: relative; box-sizing: border-box; flex: 1; min-height: 0; z-index: 10; overflow-y: visible; overflow-x: clip; } .fancybox__viewport { width: 100%; height: 100%; } .fancybox__viewport.is-draggable { cursor: move; cursor: grab; } .fancybox__viewport.is-dragging { cursor: move; cursor: grabbing; } .fancybox__track { display: flex; margin: 0 auto; height: 100%; } .fancybox__slide { flex: 0 0 auto; position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; margin: 0 var(--fancybox-slide-gap) 0 0; padding: 4px; overflow: auto; overscroll-behavior: contain; transform: translate3d(0, 0, 0); backface-visibility: hidden; } .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 40px; } .fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video { overflow: hidden; } .fancybox__slide.has-image { overflow: hidden; } .fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected { overflow: visible; } .fancybox__slide::before, .fancybox__slide::after { content: ""; flex: 0 0 0; margin: auto; } .fancybox__backdrop:empty, .fancybox__viewport:empty, .fancybox__track:empty, .fancybox__slide:empty { display: block; } .fancybox__content { align-self: center; display: flex; flex-direction: column; position: relative; margin: 0; padding: 2rem; max-width: 100%; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); cursor: default; border-radius: 0; z-index: 20; } .is-loading .fancybox__content { opacity: 0; } .is-draggable .fancybox__content { cursor: move; cursor: grab; } .can-zoom_in .fancybox__content { cursor: zoom-in; } .can-zoom_out .fancybox__content { cursor: zoom-out; } .is-dragging .fancybox__content { cursor: move; cursor: grabbing; } .fancybox__content [data-selectable], .fancybox__content [contenteditable] { cursor: auto; } .fancybox__slide.has-image>.fancybox__content { padding: 0; background: rgba(0, 0, 0, 0); min-height: 1px; background-repeat: no-repeat; background-size: contain; background-position: center center; transition: none; transform: translate3d(0, 0, 0); backface-visibility: hidden; } .fancybox__slide.has-image>.fancybox__content>picture>img { width: 100%; height: auto; max-height: 100%; } .is-animating .fancybox__content, .is-dragging .fancybox__content { will-change: transform, width, height; } .fancybox-image { margin: auto; display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; user-select: none; filter: blur(0px); } .fancybox__caption { align-self: center; max-width: 100%; flex-shrink: 0; margin: 0; padding: 14px 0 4px 0; overflow-wrap: anywhere; line-height: 1.375; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); cursor: auto; visibility: visible; } .is-loading .fancybox__caption, .is-closing .fancybox__caption { opacity: 0; visibility: hidden; } .is-compact .fancybox__caption { padding-bottom: 0; } .f-button.is-close-btn { --f-button-svg-stroke-width: 2; position: absolute; top: 0; right: 8px; z-index: 40; } .fancybox__content>.f-button.is-close-btn { --f-button-width: 34px; --f-button-height: 34px; --f-button-border-radius: 4px; --f-button-color: var(--fancybox-color, #fff); --f-button-hover-color: var(--fancybox-color, #fff); --f-button-bg: transparent; --f-button-hover-bg: transparent; --f-button-active-bg: transparent; --f-button-svg-width: 22px; --f-button-svg-height: 22px; position: absolute; top: -38px; right: 0; opacity: 0.75; } .is-loading .fancybox__content>.f-button.is-close-btn { visibility: hidden; } .is-zooming-out .fancybox__content>.f-button.is-close-btn { visibility: hidden; } .fancybox__content>.f-button.is-close-btn:hover { opacity: 1; } .fancybox__footer { padding: 0; margin: 0; position: relative; } .fancybox__footer .fancybox__caption { width: 100%; padding: 24px; opacity: var(--fancybox-opacity, 1); transition: all 0.25s ease; } .is-compact .fancybox__footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 20; background: rgba(24, 24, 27, 0.5); } .is-compact .fancybox__footer .fancybox__caption { padding: 12px; } .is-compact .fancybox__content>.f-button.is-close-btn { --f-button-border-radius: 50%; --f-button-color: #fff; --f-button-hover-color: #fff; --f-button-outline-color: #000; --f-button-bg: rgba(0, 0, 0, 0.6); --f-button-active-bg: rgba(0, 0, 0, 0.6); --f-button-hover-bg: rgba(0, 0, 0, 0.6); --f-button-svg-width: 18px; --f-button-svg-height: 18px; --f-button-svg-filter: none; top: 5px; right: 5px; } .fancybox__nav { --f-button-width: 50px; --f-button-height: 50px; --f-button-border: 0; --f-button-border-radius: 50%; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: transparent; --f-button-hover-bg: rgba(24, 24, 27, 0.3); --f-button-active-bg: rgba(24, 24, 27, 0.5); --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 26px; --f-button-svg-height: 26px; --f-button-svg-stroke-width: 2.5; --f-button-svg-fill: none; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5)); --f-button-svg-disabled-opacity: 0.65; --f-button-next-pos: 1rem; --f-button-prev-pos: 1rem; opacity: var(--fancybox-opacity, 1); } .fancybox__nav .f-button:before { position: absolute; content: ""; top: -30px; right: -20px; left: -20px; bottom: -30px; z-index: 1; } .is-idle .fancybox__nav { animation: 0.15s ease-out both f-fadeOut; } .is-idle.is-compact .fancybox__footer { pointer-events: none; animation: 0.15s ease-out both f-fadeOut; } .fancybox__slide>.f-spinner { position: absolute; top: 50%; left: 50%; margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5)); z-index: 30; cursor: pointer; } .fancybox-protected { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 40; user-select: none; } .fancybox-ghost { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 0; object-fit: contain; z-index: 40; user-select: none; pointer-events: none; } .fancybox-focus-guard { outline: none; opacity: 0; position: fixed; pointer-events: none; } .fancybox__container:not([aria-hidden]) { opacity: 0; } .fancybox__container.is-animated[aria-hidden="false"]>*:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden="false"] .fancybox__carousel>*:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden="false"] .fancybox__slide>*:not(.fancybox__content) { animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn; } .fancybox__container.is-animated[aria-hidden="false"] .fancybox__backdrop { animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn; } .fancybox__container.is-animated[aria-hidden="true"]>*:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden="true"] .fancybox__carousel>*:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden="true"] .fancybox__slide>*:not(.fancybox__content) { animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut; } .fancybox__container.is-animated[aria-hidden="true"] .fancybox__backdrop { animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut; } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { max-width: 100%; flex-shrink: 1; min-height: 1px; overflow: visible; } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content { width: calc(100% - 120px); height: 90%; } .fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content { width: 100%; height: 100%; } .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100%; } .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { padding: 0; background: rgba(24, 24, 27, 0.9); color: #fff; } .has-map .fancybox__content { background: #e5e3df; } .fancybox__html5video, .fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0); } .fancybox-placeholder { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .f-carousel__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-outline: 0; --f-thumb-outline-color: #5eb0ef; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; --f-thumb-border-radius: 2px; --f-thumb-offset: 0px; --f-button-next-pos: 0; --f-button-prev-pos: 0; } .f-carousel__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; } .f-carousel__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 16px; --f-thumb-clip-width: 46px; } .f-thumbs { position: relative; flex: 0 0 auto; margin: 0; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; perspective: 1000px; transform: translateZ(0); } .f-thumbs .f-spinner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; background-image: linear-gradient(#ebeff2, #e2e8f0); z-index: -1; } .f-thumbs .f-spinner svg { display: none; } .f-thumbs.is-vertical { height: 100%; } .f-thumbs__viewport { width: 100%; height: auto; overflow: hidden; transform: translate3d(0, 0, 0); } .f-thumbs__track { display: flex; } .f-thumbs__slide { position: relative; flex: 0 0 auto; box-sizing: content-box; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; width: var(--f-thumb-width); height: var(--f-thumb-height); overflow: visible; cursor: pointer; } .f-thumbs__slide.is-loading img { opacity: 0; } .is-classic .f-thumbs__viewport { height: 100%; } .is-modern .f-thumbs__track { width: max-content; } .is-modern .f-thumbs__track::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc((var(--f-thumb-clip-width, 0)) * -0.5); width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0)); cursor: pointer; } .is-modern .f-thumbs__slide { width: var(--f-thumb-clip-width); transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); transition: none; pointer-events: none; } .is-modern.is-resting .f-thumbs__slide { transition: transform 0.33s ease; } .is-modern.is-resting .f-thumbs__slide__button { transition: clip-path 0.33s ease; } .is-using-tab .is-modern .f-thumbs__slide:focus-within { filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color)); } .f-thumbs__slide__button { appearance: none; width: var(--f-thumb-width); height: 100%; margin: 0 -100% 0 -100%; padding: 0; border: 0; position: relative; border-radius: var(--f-thumb-border-radius); overflow: hidden; background: rgba(0, 0, 0, 0); outline: none; cursor: pointer; pointer-events: auto; touch-action: manipulation; opacity: var(--f-thumb-opacity); transition: opacity 0.2s ease; } .f-thumbs__slide__button:hover { opacity: var(--f-thumb-hover-opacity); } .f-thumbs__slide__button:focus:not(:focus-visible) { outline: none; } .f-thumbs__slide__button:focus-visible { outline: none; opacity: var(--f-thumb-selected-opacity); } .is-modern .f-thumbs__slide__button { --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0)); clip-path: var(--clip-path); } .is-classic .is-nav-selected .f-thumbs__slide__button { opacity: var(--f-thumb-selected-opacity); } .is-classic .is-nav-selected .f-thumbs__slide__button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: auto; bottom: 0; border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent); border-radius: var(--f-thumb-border-radius); animation: f-fadeIn 0.2s ease-out; z-index: 10; } .f-thumbs__slide__img { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: var(--f-thumb-offset); box-sizing: border-box; pointer-events: none; object-fit: cover; border-radius: var(--f-thumb-border-radius); } .f-thumbs.is-horizontal .f-thumbs__track { padding: 8px 0 12px 0; } .f-thumbs.is-horizontal .f-thumbs__slide { margin: 0 var(--f-thumb-gap) 0 0; } .f-thumbs.is-vertical .f-thumbs__track { flex-wrap: wrap; padding: 0 8px; } .f-thumbs.is-vertical .f-thumbs__slide { margin: 0 0 var(--f-thumb-gap) 0; } .fancybox__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-border-radius: 2px; --f-thumb-outline: 2px; --f-thumb-outline-color: #ededed; position: relative; opacity: var(--fancybox-opacity, 1); transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1); } .fancybox__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; } .fancybox__thumbs.is-classic .f-spinner { background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); } .fancybox__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 16px; --f-thumb-clip-width: 46px; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; } .fancybox__thumbs.is-modern .f-spinner { background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); } .fancybox__thumbs.is-horizontal { padding: 0 var(--f-thumb-gap); } .fancybox__thumbs.is-vertical { padding: var(--f-thumb-gap) 0; } .is-compact .fancybox__thumbs { --f-thumb-width: 64px; --f-thumb-clip-width: 32px; --f-thumb-height: 48px; --f-thumb-extra-gap: 10px; } .fancybox__thumbs.is-masked { max-height: 0px !important; } .is-closing .fancybox__thumbs { transition: none !important; } .fancybox__toolbar { --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94)); --f-button-width: 46px; --f-button-height: 46px; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: rgba(24, 24, 27, 0.65); --f-button-hover-bg: rgba(70, 70, 73, 0.65); --f-button-active-bg: rgba(90, 90, 93, 0.65); --f-button-border-radius: 0; --f-button-svg-width: 24px; --f-button-svg-height: 24px; --f-button-svg-stroke-width: 1.5; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15)); --f-button-svg-fill: none; --f-button-svg-disabled-opacity: 0.65; display: flex; flex-direction: row; justify-content: space-between; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5)); pointer-events: none; z-index: 20; } .fancybox__toolbar:focus-visible { z-index: 1; } .fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar { position: absolute; top: 0; left: 0; right: 0; } .is-idle .fancybox__toolbar { pointer-events: none; animation: 0.15s ease-out both f-fadeOut; } .fancybox__toolbar__column { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; } .fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right { flex-grow: 1; flex-basis: 0; } .fancybox__toolbar__column.is-right { display: flex; justify-content: flex-end; flex-wrap: nowrap; } .fancybox__infobar { padding: 0 5px; line-height: var(--f-button-height); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased; cursor: default; user-select: none; } .fancybox__infobar span { padding: 0 5px; } .fancybox__infobar:not(:first-child):not(:last-child) { background: var(--f-button-bg); } [data-fancybox-toggle-slideshow] { position: relative; } [data-fancybox-toggle-slideshow] .f-progress { height: 100%; opacity: 0.3; } [data-fancybox-toggle-slideshow] svg g:first-child { display: flex; } [data-fancybox-toggle-slideshow] svg g:last-child { display: none; } .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child { display: none; } .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child { display: flex; } [data-fancybox-toggle-fullscreen] svg g:first-child { display: flex; } [data-fancybox-toggle-fullscreen] svg g:last-child { display: none; } :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none; } :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: flex; } .f-progress { position: absolute; top: 0; left: 0; right: 0; height: 3px; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff)); z-index: 30; user-select: none; pointer-events: none; } :root { --font-jakarta: "Plus Jakarta Sans", sans-serif; --font-inter: "Inter", sans-serif; --primary-color: #12395f; --secondary-color: #aae2e7; --secondary-light-color: #69b3bd; --secondary-lighter-color: #7c98ac; --secondary-dark-color: #56c5d0; --secondar-light-bg-color: #e6f6f8; --secondary-lighten-color: #d5ecef; --secondary-lighten-01-color: #dedede; --secondary-lighten-02-color: #357780; --secondary-lighten-03-color: rgb(235 235 235 / 75%); --paragraph-color: #424446; --dark-grey-color: #999999; --primary-dark-bg: #003b45; --menu-color: #6f7275; --white-color: #ffffff; --white-light: rgba(255, 255, 255, 0.98); --white-lighten: #f7f7f7; --white-lighten-01: #f5f5f5; --black-color: #000000; --border-color: #7ad1da; --border-color2: #eee; --border-color3: #e9e9e9; --border-color4: rgba(124, 152, 172, 0.4); --shadow-color: #b5b5b529; --lighten-accordion-color: #ceeef1; --bg-light-color: #e6f6f8; --bg-color-light-grey: #f9f9f9; --fancybox-bg: rgba(24, 24, 27, 0.85) !important; --box-shadow-01: #dbe8e9ab; --box-shadow-02: #dbedef; --box-shadow-03: rgba(0, 0, 0, 0.24) 0px 3px 8px; --box-shadow-04: 0 0 0 0px rgba(126, 214, 222, 0.75); --box-shadow-05: 0 0 0 10px rgba(170, 226, 231, 0); --box-shadow-06: rgba(0, 0, 0, 0.15) 0px 2px 8px; --box-shadow-07: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; --header-sticky-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.025), 0px 1px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 50px 0px rgba(0, 0, 0, 0.07); --header-navbar-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; --item-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, 0.05); --light-border-color: var(--light-border-color); --seperator-color: #f2f2f2; --li-seperator-color: #dddddd; --orange-text-color: #f97989; --icon-bg: #ededed; --scrollbar-track-color: #f1f1f1; } /* icomoon font css S */ @font-face { font-family: "icomoon"; src: url("../fonts/icomoon.eot?n5bk2y"); src: url("../fonts/icomoon.eot?n5bk2y#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?n5bk2y") format("truetype"), url("../fonts/icomoon.woff?n5bk2y") format("woff"), url("../fonts/icomoon.svg?n5bk2y#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-previous-arrow:before { content: "\e976"; } .icon-next-arrow:before { content: "\e977"; } .icon-Member:before { content: "\e952"; } .icon-Coupon-Code:before { content: "\e937"; } .icon-Dependent-User:before { content: "\e940"; } .icon-Multiple-Currency:before { content: "\e947"; } .icon-Product-Variants:before { content: "\e949"; } .icon-Notification:before { content: "\e94c"; } .icon-Mobile-Application:before { content: "\e94e"; } .icon-Online-Booking:before { content: "\e950"; } .icon-Data-Export:before { content: "\e925"; } .icon-Multi-Payment-Option:before { content: "\e931"; } .icon-Special-Deals-Promotions:before { content: "\e932"; } .icon-Staff-Access-Management:before { content: "\e933"; } .icon-Multi-Location:before { content: "\e934"; } .icon-Wallet-Functionality:before { content: "\e935"; } .icon-Email-Support:before { content: "\e936"; } .icon-Hosting-Support:before { content: "\e938"; } .icon-Gift-Card:before { content: "\e939"; } .icon-Gamification:before { content: "\e93b"; } .icon-Funnel:before { content: "\e93c"; } .icon-Attendance-Tracker:before { content: "\e93d"; } .icon-System-Setting:before { content: "\e93e"; } .icon-Reports:before { content: "\e93f"; } .icon-Inventory-Management:before { content: "\e941"; } .icon-Payment-Integration:before { content: "\e942"; } .icon-Multiple-Payment-Options:before { content: "\e943"; } .icon-Payroll-Management:before { content: "\e944"; } .icon-Invoice-Management:before { content: "\e945"; } .icon-Sports-Academy:before { content: "\e92d"; } .icon-Music-Center:before { content: "\e92e"; } .icon-Pet-Care-Grooming:before { content: "\e92f"; } .icon-Healthcare:before { content: "\e930"; } .icon-POS-Services:before { content: "\e926"; } .icon-Calendar-Feature:before { content: "\e927"; } .icon-Class-Scheduling:before { content: "\e928"; } .icon-Class-Management:before { content: "\e929"; } .icon-Package-Management:before { content: "\e92a"; } .icon-Customer-Management:before { content: "\e92b"; } .icon-Employee-Management:before { content: "\e92c"; } .icon-Mental-Health:before { content: "\e91f"; } .icon-tatoo:before { content: "\e923"; } .icon-all-fitness:before { content: "\e924"; } .icon-yoga:before { content: "\e91d"; } .icon-Pilates-01:before { content: "\e91e"; } .icon-Nutritionist:before { content: "\e920"; } .icon-Physical-Therapy:before { content: "\e921"; } .icon-Acupuncture:before { content: "\e922"; } .icon-pdf:before { content: "\e91c"; } .icon-comment:before { content: "\e91a"; } .icon-eye:before { content: "\e91b"; } .icon-youtube:before { content: "\e915"; } .icon-insta:before { content: "\e916"; } .icon-link:before { content: "\e917"; } .icon-tw:before { content: "\e918"; } .icon-fb:before { content: "\e919"; } .icon-right-arrow:before { content: "\e913"; } .icon-left-arrow:before { content: "\e914"; } .icon-our-team:before { content: "\e912"; } .icon-contact:before { content: "\e910"; } .icon-career:before { content: "\e911"; } .icon-CMS:before { content: "\e908"; } .icon-package:before { content: "\e909"; } .icon-marketplace:before { content: "\e90a"; } .icon-booking:before { content: "\e90b"; } .icon-application:before { content: "\e90c"; } .icon-POS:before { content: "\e90d"; } .icon-payroll:before { content: "\e90e"; } .icon-calendar:before { content: "\e90f"; } .icon-pilates:before { content: "\e906"; } .icon-saloon:before { content: "\e900"; } .icon-gym:before { content: "\e901"; } .icon-spa:before { content: "\e902"; } .icon-therapy:before { content: "\e903"; } .icon-cycle:before { content: "\e904"; } .icon-dance:before { content: "\e905"; } .icon-beauty:before { content: "\e907"; } .icon-contact-us:before { content: "\e975"; } .icon-comment-new:before { content: "\e93a"; } .icon-eye-new:before { content: "\e946"; } .icon-Check-Circle:before { content: "\e948"; } .icon-dollar-secondary:before { content: "\e94a"; } .icon-curv-arrow:before { content: "\e94b"; color: #12395f; } .icon-Add-to-Account:before { content: "\e94d"; color: #12395f; } .icon-ePOS-Electronic-Point-of-Sale:before { content: "\e94f"; color: #12395f; } .icon-Multi-Currency-Option:before { content: "\e951"; color: #12395f; } .icon-Multiple-Payment-Option:before { content: "\e953"; color: #12395f; } .icon-Payment-Integration1:before { content: "\e954"; color: #12395f; } .icon-Class-Scheduling1:before { content: "\e955"; color: #12395f; } .icon-Multi-location-access:before { content: "\e956"; color: #12395f; } .icon-No-show-and-waitlist-features:before { content: "\e957"; color: #12395f; } .icon-Staff-Access-Management1:before { content: "\e958"; color: #12395f; } .icon-Data-Export1:before { content: "\e959"; color: #12395f; } .icon-Invoice-management:before { content: "\e95a"; color: #12395f; } .icon-Reports1:before { content: "\e95b"; color: #12395f; } .icon-Staff-Payroll:before { content: "\e95c"; color: #12395f; } .icon-Client-reward:before { content: "\e95d"; color: #12395f; } .icon-CMS-Content-Management-System:before { content: "\e95e"; color: #12395f; } .icon-Inventory-Management1:before { content: "\e95f"; color: #12395f; } .icon-Marketplace:before { content: "\e960"; color: #12395f; } .icon-Mobile-Application1:before { content: "\e961"; color: #12395f; } .icon-Pre-recorded-video-classes:before { content: "\e962"; color: #12395f; } .icon-Timesheet-feature:before { content: "\e963"; color: #12395f; } .icon-Email-Campaign:before { content: "\e964"; color: #12395f; } .icon-Notification1:before { content: "\e965"; color: #12395f; } .icon-Promo-Coupon-Codes:before { content: "\e966"; color: #12395f; } .icon-Attendance-Tracker1:before { content: "\e967"; color: #12395f; } .icon-Calendar1:before { content: "\e968"; color: #12395f; } .icon-Class-Scheduling2:before { content: "\e969"; color: #12395f; } .icon-Funnel1:before { content: "\e96a"; color: #12395f; } .icon-Gamification1:before { content: "\e96b"; color: #12395f; } .icon-Payroll:before { content: "\e96c"; color: #12395f; } .icon-Staff-Access-Management2:before { content: "\e96d"; color: #12395f; } .icon-Calendar:before { content: "\e96e"; color: #12395f; } .icon-Dynamic-Packages:before { content: "\e96f"; color: #12395f; } .icon-e-Wallet-Functionality:before { content: "\e970"; color: #12395f; } .icon-Family-Packages:before { content: "\e971"; color: #12395f; } .icon-Gift-Card1:before { content: "\e972"; color: #12395f; } .icon-Membership-packages:before { content: "\e973"; color: #12395f; } .icon-Online-Booking1:before { content: "\e974"; color: #12395f; } /* icomoon font css e */ .fancybox__container { background-color: var(--fancybox-bg) !important; } * { margin: 0; padding: 0; scroll-behavior: smooth; } ::-webkit-scrollbar { width: 4px; height: 5px; } /* Track */ ::-webkit-scrollbar-track { background-color: var(--scrollbar-track-color); } /* Handle */ ::-webkit-scrollbar-thumb { background-color: var(--primary-dark-bg); } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background-color: #2b3a4a; } .form-control::-moz-placeholder { color: var(--dark-grey-color); font-size: 16px; line-height: 24px; font-family: var(--font-jakarta); font-weight: 500; opacity: 1; letter-spacing: 0.16px; } .form-control::placeholder { color: var(--dark-grey-color); font-size: 16px; line-height: 24px; font-family: var(--font-jakarta); font-weight: 500; opacity: 1; letter-spacing: 0.16px; } body { margin: 0; padding: 0; font-family: var(--font-jakarta); color: var(--primary-color); font-size: 16px; font-weight: 400; line-height: 26px; background-color: var(--white-color); overflow-x: hidden; } html { font-size: 100%; scroll-behavior: smooth; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-jakarta); font-weight: 700; line-height: 1.4; color: var(--primary-color); letter-spacing: 0.22px; } img { max-width: 100%; height: auto; } a { text-decoration: none; transition: 0.45s all ease-in-out; -webkit-transition: 0.45s all ease-in-out; } p { color: var(--menu-color); font-size: 18px; font-weight: 400; line-height: 26px; font-family: var(--font-inter); opacity: 1; } p+p { margin: 20px 0 0px 0; } ul { margin: 0; padding: 0; list-style: none; } /* ========================================================================== PRELOAD ANIMATION S ========================================================================== */ #loading { background-color: rgba(255, 255, 255, 0.95); height: 100%; width: 100%; position: absolute; z-index: 1; margin-top: 0px; top: 0; left: 0; z-index: 99999999; } #loading-center { width: 100%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center; } #loading-center-absolute { display: inline-block; height: 60px; width: 60px; -webkit-animation: loading-center-absolute 1s infinite; animation: loading-center-absolute 1s infinite; } .object { width: 20px; height: 20px; background-color: #2c3e50; float: left; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; margin-right: 20px; margin-bottom: 20px; } .object:nth-child(2n + 0) { margin-right: 0px; } #object_one { background-color: var(--primary-color); -webkit-animation: object_one 1s infinite; animation: object_one 1s infinite; } #object_two { background-color: var(--primary-color); -webkit-animation: object_two 1s infinite; animation: object_two 1s infinite; } #object_three { background-color: var(--secondary-light-color); -webkit-animation: object_three 1s infinite; animation: object_three 1s infinite; } #object_four { background-color: var(--secondary-light-color); -webkit-animation: object_four 1s infinite; animation: object_four 1s infinite; } @-webkit-keyframes loading-center-absolute { 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading-center-absolute { 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes object_one { 50% { -ms-transform: translate(20px, 20px); -webkit-transform: translate(20px, 20px); transform: translate(20px, 20px); } } @keyframes object_one { 50% { -ms-transform: translate(20px, 20px); -webkit-transform: translate(20px, 20px); transform: translate(20px, 20px); } } @-webkit-keyframes object_two { 50% { -ms-transform: translate(-20px, 20px); -webkit-transform: translate(-20px, 20px); transform: translate(-20px, 20px); } } @keyframes object_two { 50% { -ms-transform: translate(-20px, 20px); -webkit-transform: translate(-20px, 20px); transform: translate(-20px, 20px); } } @-webkit-keyframes object_three { 50% { -ms-transform: translate(20px, -20px); -webkit-transform: translate(20px, -20px); transform: translate(20px, -20px); } } @keyframes object_three { 50% { -ms-transform: translate(20px, -20px); -webkit-transform: translate(20px, -20px); transform: translate(20px, -20px); } } @-webkit-keyframes object_four { 50% { -ms-transform: translate(-20px, -20px); -webkit-transform: translate(-20px, -20px); transform: translate(-20px, -20px); } } @keyframes object_four { 50% { -ms-transform: translate(-20px, -20px); -webkit-transform: translate(-20px, -20px); transform: translate(-20px, -20px); } } /* ========================================================================== PRELOAD ANIMATION E ========================================================================== */ .dropdown-item.active, .dropdown-item:active { color: var(--white-color); text-decoration: none; background-color: var(--primary-color); border-radius: 4px; } .dropdown-item:focus, .dropdown-item:hover { color: var(--white-color); text-decoration: none; background-color: var(--primary-color); } .smooth-scroll { scroll-behavior: smooth; } .pt-150 { padding-top: 150px; } .pt-100 { padding-top: 100px; } .pb-150 { padding-bottom: 150px; } .pt-60 { padding-top: 60px; } .pb-60 { padding-bottom: 60px; } .pt-120 { padding-top: 120px; } .pb-120 { padding-bottom: 120px; } .pb-100 { padding-bottom: 100px; } .pl-125 { padding-left: 125px; } .pl-100 { padding-left: 100px; } .pr-125 { padding-right: 110px; } .pr-80 { padding-right: 80px; } .pb-30 { padding-bottom: 30px; } .mb-150 { margin-bottom: 150px; } .btn-primary { background-color: var(--primary-color); color: var(--white-color); border-radius: 5px; padding: 12px 22px; font-weight: 600; font-size: 16px; line-height: 20px; display: inline-flex; align-items: center; justify-content: center; transition: 0.45s all ease-in-out; -webkit-transition: 0.45s all ease-in-out; border-color: transparent; } .btn-primary:hover { background-color: var(--secondary-light-color); color: var(--white-color); border-color: transparent; opacity: 1; } .btn-primary:active, .btn-primary.active, .btn-primary:focus { background-color: var(--primary-color); color: var(--white-color); } .btn-secondary { background-color: var(--secondary-light-color); color: var(--white-color); border-radius: 5px; padding: 12px 22px; font-weight: 600; font-size: 16px; line-height: 20px; display: inline-flex; align-items: center; justify-content: center; transition: 0.45s all ease-in-out; -webkit-transition: 0.45s all ease-in-out; border-color: transparent; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { background-color: var(--primary-color); color: var(--white-color); border-color: transparent; } @media (max-width: 1366px) { .btn-primary, .btn-secondary { font-size: 15px; padding: 8px 18px; } } @media (max-width: 1024px) { .btn-primary, .btn-secondary { font-size: 13px; padding: 8px 15px; } } .btn-text { background-color: transparent; color: var(--primary-color); border-radius: 0; padding: 0; font-weight: 600; font-size: 16px; line-height: 20px; transition: 0.45s all ease-in-out; -webkit-transition: 0.45s all ease-in-out; position: relative; } .btn-text::after { content: ""; position: absolute; left: 0; bottom: -5px; width: 100%; height: 2px; background-color: var(--primary-color); } .btn-text svg { fill: var(--primary-color); transition: 0.5s; } .btn-text:hover { color: var(--secondary-light-color); } .btn-text:hover::after { background-color: var(--secondary-light-color); } .btn-text:hover svg { transform: rotate(45deg); fill: var(--secondary-light-color); } .section-title { text-align: left; font-size: 3vw; font-weight: 700; line-height: 72px; font-family: var(--font-jakarta); letter-spacing: -1.2px; color: var(--primary-color); opacity: 1; margin: 0 0 30px 0; } .section-sub-title { text-align: left; font-size: 40px; font-weight: 600; line-height: 72px; font-family: var(--font-jakarta); color: var(--white-color); letter-spacing: -0.8px; opacity: 1; margin: 0 0 60px 0; } .section-description { text-align: left; font-size: 18px; font-weight: 500; line-height: 26px; font-family: var(--font-inter); color: var(--paragraph-color); text-align: left; letter-spacing: 0px; opacity: 1; } .common-badge { background-color: var(--secondar-light-bg-color); border-radius: 5px; opacity: 1; padding: 4px 17px; text-align: center; margin: 0 0 23px 0; display: inline-flex; } .common-badge .badge-text { display: inline-flex; align-items: center; justify-content: center; font-size: 14px; line-height: 17px; font-weight: 500; font-family: var(--font-inter); letter-spacing: 0.7px; color: var(--secondary-light-color); text-transform: uppercase; opacity: 1; } /* header section css S */ .header { padding: 15px 0; position: absolute; width: 100%; top: 0; z-index: 1; transition: all 0.2s ease-in-out; background-color: #ffffff; } .header-logo { max-width: 250px; } .header .navbar-nav .nav-item .nav-link { text-align: left; letter-spacing: 0.16px; color: var(--menu-color); font-size: 16px; font-weight: 600; line-height: 20px; font-family: var(--font-inter); opacity: 1; padding-left: 0; padding-right: 0; } .header .navbar-nav .nav-item .nav-link:hover, .header .navbar-nav .nav-item .nav-link:focus, .header .navbar-nav .nav-item .nav-link.active { color: var(--primary-color); } .header .navbar-nav .nav-item { padding: 0 15px; } .header .navbar-nav .nav-item:first-child { padding-left: 0; } .header .navbar-nav .nav-item:last-child { padding-right: 0; } .header .schedule-demo .demo-btn { display: none; } .header .schedule-demo .demo-btn img { width: 18px; } .header .navbar-nav .mega-menu { background: var(--white-color); color: var(--black-color); font-weight: 500; font-size: 16px; box-shadow: var(--box-shadow-03); min-width: 550px; padding: 20px; margin: 0; border: none; border-radius: 6px; } .header .navbar-nav .mega-menu.single-column { min-width: 160px; } .header .navbar-nav .mega-menu.single-column .mega-menu-list-wrap .mega-menu-sub-ul li { width: 100%; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-top { display: flex; align-items: center; justify-content: space-between; padding: 0 15px; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-top .btn-text { font-size: 12px; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-top .btn-text svg { width: 10px; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-top .navigationSub-head { color: var(--primary-color); font-weight: 600; font-size: 18px; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul { display: flex; flex-wrap: wrap; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li { width: 50%; margin: 0 0 10px 0; } .header .header-logo-mobile { display: none; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item { font-size: 14px; font-weight: 500; padding: 5px 0; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item:hover { background-color: transparent; color: #12395f; } /* header section css E */ /* common min height 500 px set section css S */ .min-h-500 { min-height: 500px; display: flex; flex-direction: column; align-items: center; justify-content: center; } /* common min height 500 px set section css E */ /* Banner-Section CSS S */ .banner-section { position: relative; padding-top: 125px; } .banner-section.banner-pattern::before { content: ""; position: absolute; background-image: url(../images/banner-pattern-image.png); background-position: center; background-repeat: no-repeat; background-size: contain; height: 248px; width: 250px; top: 220px; left: 0; } .banner-section.banner-pattern::after { content: ""; position: absolute; background-image: url(../images/banner-pattern-image.png); background-position: center; background-repeat: no-repeat; background-size: contain; height: 248px; width: 250px; top: 220px; right: 0; } .inner-banner-new-section::before { content: ""; position: absolute; background-image: url(../images/inner-banner-pattern-image.svg); background-position: center; background-repeat: no-repeat; background-size: contain; height: 191px; width: 287px; top: 165px; left: 0; } .inner-banner-new-section::after { content: ""; position: absolute; background-image: url(../images/inner-banner-pattern-image.svg); background-position: center; background-repeat: no-repeat; background-size: contain; height: 191px; width: 287px; top: 165px; right: 0; } .banner-section .banner-left-part .banner-title { text-align: left; letter-spacing: -1.2px; color: var(--primary-color); opacity: 1; font-size: 60px; line-height: 72px; font-weight: 700; font-family: var(--font-jakarta); margin: 0 0 34px 0; } .banner-section .banner-left-part .banner-title .bg-text { position: relative; display: inline-block; } .banner-section .banner-left-part .banner-title .bg-text::after { content: ""; position: absolute; background-color: var(--border-color); height: 1vw; width: calc(100% + 5px); z-index: -1; left: 0; bottom: 0; } .banner-section .banner-left-part .description { margin: 0 0 57px 0; padding: 0 40px 0 0; } .banner-section .banner-left-part .btn-group .video-btn, .track-section .track-inner .track-left-part .btn-group .video-btn { text-align: left; letter-spacing: 0.16px; font-size: 16px; line-height: 20px; font-weight: 600; font-family: var(--font-inter); color: var(--primary-color); opacity: 1; margin: 0 0 0 30px; } .banner-section .banner-left-part .btn-group .video-btn:hover { color: var(--dark-grey-color); } .track-section .track-inner .track-left-part .btn-group .video-btn:hover { color: var(--dark-grey-color); } .banner-section .banner-left-part .btn-group .video-btn svg path { fill: var(--primary-color); } .banner-section .banner-left-part .btn-group .video-btn:hover svg path { fill: var(--dark-grey-color); } .track-section .track-inner .track-left-part .btn-group .video-btn svg path { fill: var(--dark-grey-color); } .track-section .track-inner .track-left-part .btn-group .video-btn:hover svg path { fill: var(--primary-color); } .banner-section .banner-right-part { min-width: 37.604166666666664vw; display: inline-block; } .banner-section .banner-right-part .video-wrapper { overflow: hidden; display: flex; justify-content: center; } .banner-section .banner-right-part .video-wrapper video { width: 85%; margin: 0 0 30px auto; } /* Banner-Section CSS E */ .brand-section { position: relative; padding: 25px 0 50px 0; z-index: 0; } .brand-section .brand-inner .brand-top .brand-title { font-family: var(--font-inter); font-weight: 600; letter-spacing: 0.16px; color: var(--menu-color); font-size: 16px; line-height: 20px; margin: 0 0 35px 0; opacity: 1; text-align: center; } .brand-section .brand-inner .brand-slider-wrap .item img { aspect-ratio: auto; width: auto; } .brand-section .brand-slider-wrap .brand-slider .owl-stage-outer .owl-stage { display: flex; align-items: center; justify-content: center; } .brand-section .brand-slider-wrap .brand-slider .owl-stage-outer .owl-stage .owl-item { display: flex; align-items: center; justify-content: center; } /* Banner-Section CSS E */ /* Solution-Section CSS S */ .solutions-section { position: relative; z-index: 0; background-color: var(--secondary-color); padding: 50px 0; } .solutions-section .solution-left-part img { max-width: 37vw; } .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button { background: var(--white-color); box-shadow: 0px 8px 12px var(--shadow-color); border: 1px solid var(--border-color); border-radius: 5px; padding: 15px 30px; text-align: left; font-size: 22px; line-height: 32px; font-weight: 700; letter-spacing: 0.22px; font-family: var(--font-jakarta); color: var(--primary-color); opacity: 1; /* text-transform: capitalize; */ } .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button::after { background-image: none; width: 14px; height: 14px; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; background-color: var(--lighten-accordion-color); animation: pulse-animation 3s infinite; } @keyframes pulse-animation { 0% { box-shadow: var(--box-shadow-04); } 100% { box-shadow: var(--box-shadow-05); } } .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { transform: none; background-image: none; width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; background-color: var(--secondary-color); animation: none; } .accordion-wrap .accordion .accordion-item { background-color: transparent; border: none; margin: 0 0 30px 0; } .accordion-wrap .accordion .accordion-item:last-child { margin: 0; } .accordion-wrap .accordion .accordion-item .accordion-body { padding: 26px 40px 26px 30px; text-align: left; font-size: 18px; line-height: 26px; font-weight: 400; font-family: var(--font-inter); color: var(--paragraph-color); letter-spacing: 0px; opacity: 1; } /* Solution-Section CSS E */ /* Features-Section CSS S */ /* Home Service Section CSS S */ .service-section .service-top { margin: 0 0 50px 0; } .service-section .items .items-image { margin: 0 0 20px 0; } .service-section .items .items-image .image-wrap { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 100%; background-color: var(--secondar-light-bg-color); padding: 22px; } .service-section .items .items-image .image-wrap svg path { fill: var(--primary-color); } .service-section .items .items-details .items-title { text-align: left; font-size: 22px; line-height: 30px; font-family: var(--font-jakarta); font-weight: 700; letter-spacing: 0.22px; color: var(--primary-color); margin: 0 0 15px 0; display: block; opacity: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .service-section .items .items-details .items-title:hover { /*    color: var(--secondary-lighter-color);*/ } .service-section .items .items-details .items-description { text-align: left; font-size: 18px; line-height: 26px; font-family: var(--font-inter); font-weight: 400; letter-spacing: 0px; color: var(--paragraph-color); opacity: 1; margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .service-section .items:hover { box-shadow: var(-box-shadow-06); -webkit-box-shadow: var(-box-shadow-06); -moz-box-shadow: var(-box-shadow-06); -ms-box-shadow: var(-box-shadow-06); } .service-section .items { transition: 0.5s all ease-in-out; padding: 35px 15px; border-radius: 6px; } /* Home Service Section CSS E */ /* Why-choose Section CSS S */ .why-choose-section { position: relative; z-index: 1; } .why-choose-section .section-inner { position: relative; background-color: var(--secondary-color); padding: 70px 56px; border-radius: 12px; margin-bottom: -365px; } .why-choose-section .why-choose-top .section-description { text-align: center; max-width: 80%; margin: 0 auto; } .why-choose-section .why-choose-top { margin: 0 0 60px 0; } .why-choose-section .items { padding: 40px 30px; border-radius: 12px; background-color: var(--white-color); } .why-choose-section .items .items-image { margin: 0 0 30px 0; } .why-choose-section .items .items-image .image-wrap { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 100%; background-color: var(--secondar-light-bg-color); padding: 22px; } .why-choose-section .items .items-image .image-wrap svg path { fill: var(--primary-color); } .why-choose-section .items .items-details .items-title { text-align: left; font-size: 22px; line-height: 30px; font-family: var(--font-jakarta); font-weight: 700; letter-spacing: 0.22px; color: var(--primary-color); margin: 0 0 30px 0; display: block; opacity: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .why-choose-section .items .items-details .items-title:hover { /*    color: var(--secondary-lighter-color);*/ } .why-choose-section .items .items-details .items-description { text-align: left; font-size: 18px; line-height: 26px; font-family: var(--font-inter); font-weight: 400; letter-spacing: 0px; color: var(--paragraph-color); opacity: 1; margin: 0; min-height: 182px; } .why-choose-section .items:hover { background-color: var(--primary-color); } .why-choose-section .items:hover .items-title { color: var(--white-color); } .why-choose-section .items:hover .items-details .items-description { color: var(--white-color); } .why-choose-section .items { transition: 0.5s all ease-in-out; } /* Why-choose Section CSS E */ /* Industries Section CSS S */ .industries-section { background: transparent linear-gradient(180deg, var(--secondary-lighten-color) 25%, var(--secondary-light-color) 100%) 0% 0% no-repeat padding-box; opacity: 1; padding-top: 500px; position: relative; z-index: 0; } .industries-section .industries-top { margin: 0 0 95px 0; } .industries-section .industries-top .section-title { margin: 0 0 60px 0; } .industries-section .industries-top .industries-wrap { max-width: 80%; display: flex; align-items: center; justify-content: center; margin: 0 auto; } .industries-section .industries-top .industries-wrap ul { display: flex; align-items: center; } .industries-section .industries-top .industries-wrap ul li { display: inline-flex; width: 50%; } .industries-section .industries-top .industries-wrap ul li:last-child { justify-content: flex-end; } .industries-section .industries-top .industries-wrap ul li .industries-details { display: flex; align-items: center; } .industries-section .industries-top .industries-wrap ul li:first-child .industries-details { border-right: 1px solid var(--secondary-light-color); } .industries-section .industries-top .industries-wrap ul li .industries-details .count-details { text-align: left; font-size: 60px; line-height: 72px; font-family: var(--font-jakarta); font-weight: 700; letter-spacing: -1.2px; color: var(--primary-color); opacity: 1; margin: 0 30px 0 0; display: block; } .industries-section .industries-top .industries-wrap ul li .industries-details .content-details { text-align: left; font-size: 18px; line-height: 26px; font-family: var(--font-inter); font-weight: 400; letter-spacing: 0px; color: var(--paragraph-color); opacity: 1; } .industries-section .industries-slider-wrap .industries-slider .item { background-color: var(--secondary-lighten-02-color); border-radius: 10px; opacity: 1; padding: 11px 11px 20px 11px; -webkit-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; } .industries-section .industries-slider-wrap .industries-slider .item .item-image { margin: 0 0 15px 0; } .industries-section .industries-slider-wrap .industries-slider .item .item-details { display: flex; justify-content: space-between; align-items: center; } .industries-section .industries-slider-wrap .industries-slider .item .item-details .item-title { text-align: left; font-size: 18px; line-height: 29px; font-family: var(--font-jakarta); font-weight: 700; letter-spacing: 0.18px; color: var(--white-color); opacity: 1; } .industries-section .industries-slider-wrap .industries-slider .item .item-details span { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; cursor: pointer; margin: 7px 0 0 0; } .industries-section .industries-slider-wrap .industries-slider .item .item-details span path { fill: var(--white-color); } .industries-section .industries-slider-wrap .industries-slider .item .item-details span:hover { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .industries-section .industries-slider-wrap .industries-slider .item:hover { background-color: var(--white-color); } .industries-section .industries-slider-wrap .industries-slider .item:hover .item-details .item-title { color: var(--primary-color); } .industries-section .industries-slider-wrap .industries-slider .item:hover .item-details span path { fill: var(--primary-color); } /* Industries Section CSS E */ /* Testimonial Section CSS S */ .testimonial-section .testimonial-top .section-title { margin: 0 0 60px 0; } .testimonial-section .testimonial-left { background-image: url(../images/planet-earth-background.webp); background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 0; position: relative; width: 100%; padding: 175px 146px 68px 43px; border-radius: 5px; overflow: hidden; } .testimonial-section .testimonial-left::before { content: ""; position: absolute; background-color: var(--primary-color); height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; opacity: 0.74; } .testimonial-section .testimonial-right { background-image: url(../images/testimonial-bg.png); background-position: center; background-size: contain; background-repeat: repeat; z-index: 0; position: relative; width: 100%; padding: 35px; border-radius: 5px; overflow: hidden; } .testimonial-section .testimonial-left .items-details .section-sub-title { margin: 0 0 25px 0; } .testimonial-section .testimonial-left .items-details .items-description { text-align: left; font-size: 20px; line-height: 30px; font-weight: 400; font-family: var(--font-inter); letter-spacing: 0px; color: var(--white-color); opacity: 1; } .testimonial-slider-wrap .testimonial-slider .item .item-description { text-align: left; font-size: 18px; line-height: 26px; font-weight: 400; font-family: var(--font-inter); letter-spacing: 0px; color: var(--paragraph-color); opacity: 1; margin: 0 0 15px 0; padding: 0 0 0 0; } .testimonial-slider-wrap .testimonial-slider .item .item-author .author-image { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 100%; box-shadow: var(--box-shadow-07); overflow: hidden; } .testimonial-slider-wrap .testimonial-slider .item .item-author .item-name { text-align: left; font-size: 22px; line-height: 20px; font-weight: 700; font-family: var(--font-jakarta); letter-spacing: 0.18px; opacity: 1; } .testimonial-slider-wrap .testimonial-slider .item .item-author .item-name a { color: var(--primary-color); } .testimonial-slider-wrap .testimonial-slider .item .item-author .item-name a:hover { color: var(--secondary-color); } .testimonial-slider-wrap .testimonial-slider .item .item-author .item-designation { text-align: left; font-size: 16px; line-height: 100%; font-weight: 500; font-family: var(--font-jakarta); letter-spacing: 0.18px; color: var(--paragraph-color); opacity: 1; margin-bottom: 5px; } .testimonial-slider-wrap .testimonial-slider .item .item-author { padding: 20px 0 0 0; } .testimonial-slider-wrap { position: relative; } .testimonial-slider-wrap .item{ display: flex; } .testimonial-slider-wrap .testimonial-content{ display: flex; flex-direction: column; justify-content: space-between; } .testimonial-slider-wrap .testimonial-icon { margin-bottom: 20px; } .testimonial-slider-wrap .testimonial-icon img{ max-width: 25px; } .testimonial-slider-wrap .item .author-image { max-width: 18%; width: 100%; margin-right: 50px; } .testimonial-slider-wrap .testimonial-icon .testimonial-icon-wrap { display: inline-flex; align-items: center; justify-content: center; border-radius: 7px; width: 52px; height: 52px; background-color: var(--primary-color); } .testimonial-slider-wrap .testimonial-slider .owl-nav { position: absolute; bottom: 0; right: 0; } .testimonial-slider-wrap .testimonial-slider .owl-nav .owl-prev, .testimonial-slider-wrap .testimonial-slider .owl-nav .owl-next { width: 45px; height: 45px; border-radius: 100%; background-color: var(--secondary-light-color); color: var(--white-color); opacity: 0.4; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; } .testimonial-slider-wrap .testimonial-slider .owl-nav .owl-prev:hover, .testimonial-slider-wrap .testimonial-slider .owl-nav .owl-next:hover{ opacity: 0.75; } .testimonial-slider-wrap .testimonial-slider .owl-nav .owl-prev.disabled, .testimonial-slider-wrap .testimonial-slider .owl-nav .owl-next.disabled { opacity: 0.24; } .testimonial-slider-wrap .testimonial-slider .owl-nav .owl-prev { margin: 0 15px 0 0; } .testimonial-slider-wrap .testimonial-slider .owl-nav .owl-prev span, .testimonial-slider-wrap .testimonial-slider .owl-nav .owl-next span { font-size: 42px; } @media(max-width:1366px){ .testimonial-slider-wrap .item .author-image{ margin-right: 30px; } .testimonial-slider-wrap .testimonial-slider .item .item-description{ font-size: 16px; } } @media(max-width:1024px){ .testimonial-slider-wrap .item .author-image{ min-width: 200px; } } @media(max-width:767px){ .testimonial-slider-wrap .item .author-image{ min-width: 150px; } .testimonial-slider-wrap .testimonial-icon .testimonial-icon-wrap{ width: 40px; height: 40px; } .testimonial-slider-wrap .testimonial-icon img{ max-width: 18px; } .testimonial-slider-wrap .testimonial-slider .item .item-description{ font-size: 14px; line-height: 150%; } .testimonial-slider-wrap .testimonial-slider .item .item-author .item-name{ font-size: 18px; } .testimonial-slider-wrap .testimonial-slider .item .item-author .item-designation{ font-size: 14px; } } @media(max-width:575px){ .testimonial-slider-wrap .item{ flex-direction: column; } .testimonial-slider-wrap .testimonial-slider .owl-nav .owl-prev, .testimonial-slider-wrap .testimonial-slider .owl-nav .owl-next{ width: 35px; height: 35px; } .testimonial-slider-wrap .testimonial-slider .owl-nav .owl-prev span, .testimonial-slider-wrap .testimonial-slider .owl-nav .owl-next span{ font-size: 32px; } .testimonial-slider-wrap .item .author-image{ min-width: 175px; margin: 0 auto 20px; } .testimonial-slider-wrap .testimonial-icon{ display: none; } .testimonial-slider-wrap .testimonial-slider .item .item-description{ text-align: center; } .testimonial-slider-wrap .testimonial-slider .item .item-author .item-designation{ margin: 0 auto; } .testimonial-slider-wrap .testimonial-slider .item .item-author{ text-align: center; margin: 0 auto; } .testimonial-section .testimonial-right{ padding: 25px 25px 60px; } .testimonial-slider-wrap .testimonial-slider .owl-nav{ bottom: -45px; right: 0; margin: 0 auto; left: .0; text-align: center; } } /* Testimonial Section CSS E */ /* Home Mobile Application Section CSS S */ .mobile-application-section .mobile-application-top .btn-group .black-btn:hover svg { fill: var(--secondary-light-color); } .mobile-application-section .mobile-application-top .section-title { color: var(--white-color); margin: 0 0 40px 0; } .mobile-application-section .mobile-application-top .description { color: var(--white-color); max-width: 85%; margin: 0 0 20px 0; font-weight: 200; } .mobile-application-section .mobile-application-top .description:last-of-type { margin: 0 0 45px 0; } .mobile-application-section .mobile-application-top .btn-group .black-btn+.black-btn { margin: 0 0 0 20px; } .mobile-application-section { position: relative; background-image: url(../images/mobile-application-bg.webp); background-position: 0 0; background-size: cover; background-repeat: no-repeat; height: 100%; width: 100%; z-index: 0; background-color: var(--bg-light-color); } /* Home Mobile Application Section CSS E */ /* Home Blog Section CSS S */ .blog-section .blog-top .blog-top-inner .blog-details .description { max-width: 75%; text-align: left; margin: 0; } .blog-top .blog-top-inner { margin: 0 0 60px 0; } .blog-section .blog-top .blog-top-inner .section-title { margin: 0; min-width: 40%; padding-right: 30px; } .blog-section .items { margin-bottom: 20px; } .blog-section .items .items-image img { object-fit: cover; object-position: center; aspect-ratio: auto; } .blog-section .items .items-image { margin: 0 0 20px 0; } .blog-section .items .items-details .items-date { text-align: left; margin: 0 0 15px 0; } .blog-section .items .items-details .items-date .item-calender { display: flex; align-items: center; } .blog-section .items .items-details .items-date .item-calender img { width: 14px; } .blog-section .items .items-details .items-date .item-calender { text-align: left; font-size: 14px; line-height: 17px; font-family: var(--font-inter); font-weight: 500; letter-spacing: 0.14px; color: var(--primary-color); opacity: 1; } .blog-section .items .items-details .items-title { text-align: left; font-size: 20px; line-height: 28px; font-family: var(--font-inter); color: var(--primary-color); font-weight: 700; letter-spacing: 0.2px; display: block; opacity: 1; margin: 0 0 15px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .blog-section .items .items-details .items-title:hover { color: var(--secondary-light-color); } .blog-section .items .items-details .items-description { text-align: left; font-size: 18px; line-height: 26px; font-family: var(--font-inter); font-weight: 400; letter-spacing: 0px; color: var(--paragraph-color); opacity: 1; margin: 0 0 25px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .blog-section .items .items-image img { width: 100%; } /* Home Blog Section CSS E */ /* Home CTA Section CSS S */ .cta-section { position: relative; } .cta-section .cta-inner { position: relative; background-image: url(../images/cta-bg.webp); background-position: 0 0; background-size: cover; background-repeat: no-repeat; height: 100%; width: 100%; z-index: 1; background-color: var(--bg-light-color); border-radius: 5px; padding: 80px 135px 80px 135px; } .cta-section .cta-inner .cta-left-part { display: flex; align-items: center; justify-content: center; height: 100%; } .cta-section .cta-inner .cta-left-part .cta-title { text-align: left; font-size: 50px; line-height: 60px; font-family: var(--font-jakarta); font-weight: 700; letter-spacing: -1px; color: var(--white-color); margin: 0; } .cta-section .cta-inner .cta-right-part { flex-direction: column; display: flex; align-items: center; justify-content: center; } .cta-section .cta-inner .cta-right-part .cta-sub-title { text-align: left; font-size: 22px; line-height: 28px; font-weight: 700; font-family: var(--font-inter); letter-spacing: 2.2px; color: var(--white-color); text-transform: uppercase; opacity: 1; margin: 0 0 30px 0; width: 100%; } .cta-section .cta-inner .cta-right-part .cta-form .input-group-text { cursor: pointer; background-color: var(--secondary-light-color); border-radius: 0px 6px 6px 0px !important; border: none; padding: 0.975rem 1.35rem; } .cta-section .cta-inner .cta-right-part .cta-form .input-group-text:hover { background-color: var(--dark-grey-color); } .cta-section .cta-inner .cta-right-part .cta-form .form-control { padding: 0.785rem 1.25rem; color: var(--dark-grey-color); font-size: 16px; line-height: 24px; font-family: var(--font-jakarta); font-weight: 500; opacity: 1; letter-spacing: 0.16px; } /* Home CTA Section CSS E */ /* Footer Section CSS S */ .footer-section { position: relative; background-color: var(--secondar-light-bg-color); z-index: 0; padding-top: 205px; margin: -250px 0 0 0; } .footer-section::before { content: ""; position: absolute; background-image: url("../images/dotbooker-icon.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 195px; width: 131px; z-index: 0; right: 77px; top: 60px; } .footer-section .footer-top .footer-bottom-logo { max-width: 100%; margin: 0 0 65px 0; } .footer-section .footer-top .footer-top-social ul { display: flex; align-items: center; justify-self: center; } .footer-section .footer-top .footer-top-social ul li { display: inline-flex; } .footer-section .footer-top .footer-top-social ul li+li { margin-left: 15px; } .footer-section .footer-top .footer-top-social ul li a { width: 30px; height: 30px; border-radius: 5px; background-color: var(--primary-color); padding: 6px; display: flex; align-items: center; justify-content: center; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; } .footer-section .footer-top .footer-top-social ul li a:hover { background-color: var(--secondary-light-color); } .footer-section .footer-top { padding: 0 0 90px 0; border-bottom: 2px solid var(--border-color4); } .footer-section .footer-bottom { padding: 30px 0; } .footer-section .footer-bottom .copyright-area p, .footer-section .footer-bottom .footer-site-link span { text-align: left; font-size: 15px; line-height: 24px; font-family: var(--font-jakarta); font-weight: 500; letter-spacing: 0px; color: var(--secondary-lighter-color); opacity: 1; margin: 0; } .footer-section .footer-bottom .policy-links ul li { font-size: 15px; line-height: 24px; font-family: var(--font-jakarta); font-weight: 500; letter-spacing: 0px; margin: 0 35px 0 0; } .footer-section .footer-bottom .policy-links ul li:last-child { margin: 0; } .footer-section .footer-bottom .policy-links ul li a { color: var(--secondary-lighter-color); } .footer-section .footer-bottom .policy-links ul li a:hover, .footer-section .footer-bottom .policy-links ul li a:focus, .footer-section .footer-bottom .policy-links ul li.active a { color: var(--primary-color); } .footer-section .footer-bottom .policy-links ul { display: flex; align-items: center; justify-content: end; } .footer-section .footer-bottom .footer-site-link { display: flex; justify-content: flex-end; align-items: center; } .footer-section .footer-top .footer-top-menu-wrap .menu-item .menu-title { font-size: 18px; line-height: 28px; font-family: var(--font-inter); font-weight: 700; letter-spacing: 0px; color: var(--primary-color); margin: 0 0 18px 0; text-align: left; } .footer-section .footer-top .footer-top-menu-wrap .menu-item ul li { font-size: 18px; line-height: 150%; font-family: var(--font-inter); font-weight: 400; letter-spacing: 0px; text-align: left; } .footer-section .footer-top .footer-top-menu-wrap .menu-item ul li+li { margin-top: 20px; } .footer-section .footer-top .footer-top-menu-wrap .menu-item ul li a { color: var(--primary-color); } .footer-section .footer-top .footer-top-menu-wrap .menu-item ul li a:hover, .footer-section .footer-top .footer-top-menu-wrap .menu-item ul li a:focus, .footer-section .footer-top .footer-top-menu-wrap .menu-item ul li.active a { color: var(--secondary-lighter-color); } .footer-section .footer-address .address { display: block; font-size: 18px; line-height: 24px; font-family: var(--font-inter); font-weight: 600; letter-spacing: 0px; color: var(--primary-color); opacity: 1; } .footer-section .footer-address ul li { display: flex; align-items: flex-start; justify-content: flex-start; margin: 0 0 30px 0; } .footer-section .footer-address ul li:last-child { margin: 0; align-items: center; } .footer-section .footer-address ul li .address-wrap { display: inline-block; margin: 0 14px 0 0; line-height: 100%; } .footer-section .footer-address ul li .address-wrap img { min-width: 20px; } .footer-section .footer-address ul li a { text-align: left; font-size: 18px; line-height: 100%; font-family: var(--font-inter); font-weight: 600; letter-spacing: 0px; color: var(--primary-color); opacity: 1; } .footer-section .footer-address ul li a:hover { color: var(--secondary-lighter-color); } .footer-section .footer-top .footer-top-menu-wrap { margin: 0 0 0 70px; } .footer-section .footer-bottom .footer-site-link img { max-width: 25px; } @media (max-width: 767px) { .footer-section::before { content: none; } } /* Footer Section CSS E */ /* Business-Types Page CSS S */ .count-section { box-shadow: 0px 6px 6px var(--box-shadow-01); border: 1px solid var(--secondary-lighten-01-color); border-right: none; border-left: none; } .count-section .count-items { border-right: 1px solid var(--secondary-lighten-01-color); padding: 30px 55px; justify-content: center; height: 100%; } .count-section .count-items.border-end-none { border-right: none; } .count-section .count-items .count-total { margin: 0 40px 0px 0; } .count-section .count-items .count-description { line-height: 130%; } .count-section .count-items .count-description .half-star img { width: 20px; height: 19px; } .count-total .percentage { font-size: 24px; color: var(--primary-color); font-weight: 800; display: inline-flex; align-items: center; justify-content: center; margin: -5px 0 0 5px; } .select2-dropdown { z-index: 0 !important; } .business-type-section { background-color: var(--bg-color-light-grey); } .business-type-section .business-type-inner { /* padding-top: 100px; */ } .business-type-inner .navbar-list-wrap .nabvar-list .nav .nav-link { text-align: left; font-size: 18px; line-height: 120%; font-weight: 700; font-family: var(--font-inter); color: var(--paragraph-color); letter-spacing: 0px; opacity: 1; margin: 0 0 0px 0px; padding: 0 0 20px 20px; transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; position: relative; top: -10px; } .business-type-inner .navbar-list-wrap .nabvar-list .nav .nav-link { border-left: none; border-radius: 0; } .business-type-inner .navbar-list-wrap .nabvar-list .nav .nav-link.active { /* border-left: 1px solid transparent; */ } .business-type-inner .navbar-list-wrap .nabvar-list .nav .nav-link.active::before { content: ""; position: absolute; height: 9px; width: 9px; border-radius: 100%; background-color: var(--secondary-dark-color); top: 5px; left: -5px; z-index: 5; /* transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; */ } .business-type-inner .navbar-list-wrap .nabvar-list .nav .nav-link:hover, .business-type-inner .navbar-list-wrap .nabvar-list .nav .nav-link.active, .business-type-inner .navbar-list-wrap .nabvar-list .nav .nav-link:focus { background-color: transparent; color: var(--secondary-light-color); outline: none; color: var(--primary-color); /* font-family: var(--font-jakarta); */ } .business-type-section .business-type-inner .business-list-details .items .item-image { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 100%; position: relative; } .business-type-section .business-type-inner .business-list-details .items .item-image img { width: 100%; object-fit: cover; object-position: center; aspect-ratio: 1.891 / 1; } .business-type-inner .navbar-list-wrap .nabvar-list div { border-left: 1px solid var(--border-color3); } .business-type-inner .navbar-list-wrap .nabvar-list div .nav-link { display: inline-block; } .business-type-inner .navbar-list-wrap .nabvar-list div:last-child .nav-link { padding-bottom: 0; } .business-type-inner .navbar-list-wrap .nabvar-list div:last-child { border-left: 0; } .business-type-section .business-type-inner .business-list-details .items { position: relative; } /* .business-type-section .business-type-inner .business-list-details .items:first-child { padding-top: 0px; } */ .business-type-section .business-type-inner .business-list-details .items .item-image .items-top { position: absolute; top: 30px; left: 30px; } .business-type-section .business-type-inner .business-list-details .items .item-image .items-top .item-title { text-align: left; font-size: 30px; line-height: 120%; font-family: var(--font-jakarta); font-weight: 700; letter-spacing: -0.6px; color: var(--white-color); opacity: 1; margin: 0 0 0px 0; } .business-type-section .business-type-inner .business-list-details .items .item-image .items-bottom { position: absolute; bottom: 30px; left: 30px; display: flex; justify-content: space-between; align-items: center; padding-right: 30px; } .business-type-section .business-type-inner .business-list-details .items .item-image .items-bottom .item-description { text-align: left; font-size: 18px; line-height: 140%; font-family: var(--font-inter); font-weight: 400; letter-spacing: 0px; color: var(--white-color); opacity: 1; margin: 0 0 0px 0; max-width: 65%; } .business-type-section .business-type-inner .business-list-details .items .item-image .items-bottom .view-more-arrow svg path { fill: var(--white-color); transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; } .business-type-section .business-type-inner .business-list-details .items .item-image .items-bottom .view-more-arrow svg { transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; } .business-type-section .business-type-inner .business-list-details .items .item-image .items-bottom .view-more-arrow { display: inline-flex; align-items: center; justify-content: center; height: 38px; width: 38px; border-radius: 100%; border: 1px solid var(--white-color); cursor: pointer; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; } .business-type-section .business-type-inner .business-list-details .items .item-details { /* display: flex; align-items: center; justify-content: space-between; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background: transparent linear-gradient(0deg, #00000099 0%, #7e7e7e00 100%) 0% 0% no-repeat padding-box; */ } .business-type-section .business-type-inner .business-list-details .items:hover .item-image .items-bottom .view-more-arrow svg { transform: rotate(50deg); -webkit-transform: rotate(50deg); } .business-type-section .business-type-inner .business-list-details .items:hover .item-image .items-bottom .view-more-arrow { background-color: var(--secondary-light-color); border: 1px solid transparent; } .business-type-section .business-type-inner .business-list-details .items:hover .item-image .items-bottom .view-more-arrow svg path { fill: var(--white-color); } .business-type-section .business-type-inner .business-list-details .items+.items { padding: 20px 0 0 0; } .business-type-section .business-type-inner .tab-listing-wrapper .select2-container .select2-selection--single { width: 100%; border: none; box-shadow: 0px 8px 25px var(--box-shadow-02); border-radius: 6px; background-color: var(--white-color); color: var(--primary-color); font-weight: 500; font-size: 18px; min-height: 41px; display: flex; align-items: center; padding: 15px 10px; } .business-type-section .business-type-inner .tab-listing-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--primary-color) transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -10px; margin-top: 5px; position: absolute; top: 50%; width: 0; } .select2-dropdown { border: none; box-shadow: 0px 8px 25px var(--box-shadow-02); border-radius: 6px; background-color: var(--white-color); color: var(--secondary-dark-color); font-weight: 500; font-size: 16px; border: 0 !important; } .select2-results__option:hover, .select2-results__option:focus, .select2-results__option.active { background-color: #dcd8d8; color: #2f2f2f; cursor: pointer; } .select2-results__option { color: #2f2f2f; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--secondary-dark-color); color: var(--white-color); } .select2-results__option { padding: 10px 20px !important; } .select2-results__option+.select2-results__option { border-top: 1px solid #f2f2f2; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid var(--dark-grey-color); box-shadow: 0px 8px 25px var(--box-shadow-02); border-radius: 6px; background-color: var(--white-color); color: var(--primary-color); font-weight: 500; font-size: 16px; padding: 10px 20px; outline: none; } .business-type-section .business-type-inner .tab-listing-wrapper { width: 100%; } .select2 { width: 100% !important; } .business-type-section .business-type-inner .business-list-details .items .item-details { /* display: flex; align-items: center; justify-content: space-between; position: absolute; top: 0; height: 100%; width: 100%; background: transparent linear-gradient(0deg, #00000099 0%, #7e7e7e00 100%) 0% 0% no-repeat padding-box; */ } .business-type-section .business-type-inner .business-list-details .items .item-details .items-top { /* position: absolute; top: 50px; left: 20px; */ } .business-type-section .business-type-inner .business-list-details .items:first-child .item-details .items-top { /* position: absolute; top: 0px; */ } @media (max-width: 767px) { .business-type-section .business-type-inner { /* padding-top: 50px; */ } .business-type-section .business-type-inner .business-list-details .items:first-child { padding-top: 25px; } } /* Business-Types Page CSS S */ /* Features Types Page CSS S */ .features-type-section .features-type-list-section { box-shadow: 0px 6px 6px var(--box-shadow-01); border: 1px solid var(--secondary-lighten-01-color); border-right: none; border-left: none; } .features-type-section .features-type-list-section .features-lists .nav { border: none; } .features-type-section .features-type-list-section .features-lists .nav .nav-item { display: inline-flex; align-items: center; justify-content: flex-start; max-width: 125px; margin: 0 60px 0 0; } .features-type-section .features-type-list-section .features-lists .nav .nav-item .nav-link { padding: 0; text-align: left; font-size: 19px; line-height: 140%; font-family: var(--font-jakarta); font-weight: 700; letter-spacing: 0px; color: var(--primary-color); border: none; position: relative; padding: 25px 0; } .features-type-section .features-type-list-section .features-lists .nav .nav-item .nav-link.active::after { content: ""; position: absolute; bottom: 0px; left: 0; width: 100%; height: 3px; background-color: var(--primary-color); transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; } .features-type-section .features-type-list-section .features-lists .nav .nav-item .nav-link.active::before { content: ""; position: absolute; top: 8px; left: 40%; transform: translateX(-40%); -webkit-transform: translateX(-40%); width: 11px; height: 11px; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; background-color: var(--lighten-accordion-color); animation: pulse-animation 3s infinite; } .features-type-section .features-type-list-section .features-lists .nav .nav-item .nav-link:hover { color: var(--secondary-light-color); } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item { border: none; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body { padding: 0; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items { padding: 33px 33px; display: flex; align-items: center; border-bottom: 1px solid var(--secondary-lighten-01-color); } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items:focus, .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items:hover { box-shadow: 0px 8px 25px var(--box-shadow-02); background-color: var(--white-color); } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-view-more .view-more-icon svg path { transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items:hover .list-view-more .view-more-icon svg path { fill: var(--primary-color); } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-details .items-title { text-align: left; font-size: 22px; line-height: 120%; font-family: var(--font-jakarta); color: var(--primary-color); font-weight: 700; letter-spacing: 0.22px; margin: 0 0 15px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-details .description { text-align: left; font-size: 18px; line-height: 135%; font-weight: 400; font-family: var(--font-inter); letter-spacing: 0px; color: var(--paragraph-color); margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-icon { margin: 0 50px 0 0; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-icon .icon-wrap { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 100%; background-color: var(--secondar-light-bg-color); } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-icon .icon-wrap .icon { font-size: 30px; font-weight: 500; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-details { margin: 0 50px 0 0; } /* Features Types Page CSS E */ /* About Us page Business Section CSS S */ .about-business-section .about-business-inner { background: var(--secondary-color); border-radius: 12px; padding: 79px 72px 67px 68px; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-right .about-inner-title { text-align: left; font-size: 22px; line-height: 130%; font-weight: 700; font-family: var(--font-jakarta); letter-spacing: 0.22px; color: var(--primary-color); margin: 0 0 18px 0; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-right .description { color: var(--paragraph-color); } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-left { min-width: 35.604166666666664vw; display: inline-block; margin-top: -440px; margin-left: 30px; } .about-business-section .about-business-inner .about-buiness-bottom-part .items { background-color: var(--bg-light-color); border: 1px solid var(--secondary-light-color); border-radius: 94px; padding: 25px 65px; max-width: 345px; } .about-business-section .about-business-inner .about-buiness-bottom-part .items .item-details .count-details { text-align: left; font-size: 60px; line-height: 130%; font-family: var(--font-jakarta); font-weight: 700; letter-spacing: -1.2px; color: var(--primary-color); opacity: 1; margin: 0 0px 0 0; display: block; } .about-business-section .about-business-inner .about-buiness-bottom-part .items .item-details .content-details { text-align: left; font-size: 22px; line-height: 130%; font-family: var(--font-jakarta); font-weight: 700; letter-spacing: 0.22px; color: var(--primary-color); margin: 0; } .about-business-section .about-business-inner .about-buiness-bottom-part { margin-top: -150px; } .brand-section.about-us-page { padding: 25px 0 150px 0; } /* About Us page Business Section CSS E */ /* About Us page Parallex Section CSS S */ .stack-box { position: relative; z-index: 1; height: 300vh; } .stack-box .stack-box-contain { height: 100vh; position: -webkit-sticky; position: sticky; top: 0; } .stack-box .stack-item { height: 100vh; width: 100%; position: absolute; overflow: hidden; z-index: 3; display: flex; align-items: center; } .stack-box .stack-item.stack-item-02 { z-index: 2; } .stack-box .stack-item.stack-item-03 { z-index: 1; } .stack-box .stack-item .stack-item-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; display: flex; align-items: center; height: 100vh; } .cover-background { background-size: cover; background-position: center center !important; } .cover-background, .fix-background { position: relative; background-repeat: no-repeat !important; overflow: hidden; } .stack-box .stack-item .stack-item-wrapper .cover-background .StackCount { font-size: 120px; line-height: 72px; font-family: var(--font-jakarta); font-weight: 700; letter-spacing: -2.4px; color: var(--primary-color); position: absolute; right: -60px; top: 75px; z-index: 9; } .stack-box .stack-item .stack-item-wrapper .stack-details { padding: 90px 100px 65px 100px; max-width: 75%; } .full-screen { height: 100vh; } .bg-secondary-color { background: var(--secondary-color); } .bg-white-color { background: var(--white-color); } .count-total .percentage.second-div { display: none; } /* About Us page Parallex Section CSS E */ /* Inner Banner Section CSS S */ .inner-banner { background-image: url(https://img.freepik.com/free-vector/white-gradient-background-modern-design_343694-4003.jpg?t=st=1719308072~exp=1719311672~hmac=9eb8a5a6fd4165e766ebb319a29e4c5fb3ab9cd80fcc2b196a8f5864de85e468&w=1380); background-size: cover; position: relative; padding: 150px 0 80px 0; } .inner-banner:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--secondary-lighten-03-color); top: 0; } .breadcumb-wrap .breadcrumb .breadcrumb-item { text-align: left; letter-spacing: 0.16px; font-size: 16px; line-height: 20px; font-weight: 600; font-family: var(--font-inter); } .breadcumb-wrap .breadcrumb .breadcrumb-item a { color: var(--primary-color); } .breadcumb-wrap .breadcrumb .breadcrumb-item.active a { color: var(--secondary-color); } /* Inner Banner Section CSS E */ /* Inner page Header Sticky CSS S */ .header.inner-header { position: fixed; top: 0; z-index: 1; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; width: 100%; top: 0; left: 0; transition: all 0.2s ease-in-out; } .header.header-sticky { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: all 0.2s ease-in-out; background: var(--white-light); box-shadow: var(--header-sticky-shadow); padding: 10px 0; z-index: 1030; position: fixed; top: 0; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; width: 100%; top: 0; left: 0; transition: all 0.2s ease-in-out; } .header.header-sticky .navbar { padding: 0; } .header .header-logo .navbar-brand img{ transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; } .header.header-sticky .header-logo .navbar-brand img { max-width: 60%; } /* Inner page Header Sticky CSS E */ /* Blog Listing Section CSS S */ .blogListing{ padding-top: 130px; position: relative; } .blogListing:before{ position: absolute; content:""; height: 500px; width: 100%; background: transparent linear-gradient(180deg, #F5F5F5 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; top: 0; z-index: -1; } .blogListing .blogTitle { font-size: 2.29vw; font-weight: 500; color: var(--primary-color); margin: 0 0 25px; } .blogListing .blogTitle sup { font-size: 20px; /* color: var(--primary-color); */ color: var(--dark-grey-color); } .blogListing .blogCategory { display: flex; align-items: center; } .blogListing .blogCategory li { list-style: none; margin-right: 15px; } .blogListing .blogCategory li a { padding: 5px 15px; border-radius: 5px; font-size: 14px; font-weight: 500; color: var(--white-color) !important; background-color: var(--primary-color) !important; border: 1px solid var(--primary-color) !important; } .blogListing .blogCategory li a.active, .blogListing .blogCategory li a:hover { /* color: var(--secondary-light-color) !important; background-color: transparent !important; border-color: var(--dark-grey-color) !important; */ background-color: var(--white-color) !important; color: var(--secondary-light-color) !important; border: 1px solid var(--secondary-light-color) !important; } .blogListing .blogItem { margin-bottom: 40px; width: 100%; height: auto; overflow: hidden; position: relative; height: calc(100% - 40px); box-shadow: var(--item-box-shadow); border-radius: 12px; } .blogListing .blogItem .blogDetail { padding: 0 15px; } .blogListing .blogItem .blogImg { /* aspect-ratio: 1; */ } .blogListing .blogItem .blogImg img { border-radius: 6px; max-width: 100%; background-color: var(--bg-color-light-grey); aspect-ratio: 1/1; object-fit: cover; object-position: center; width: 100%; } .blogListing .blogItem .blogDetail .blogTags { display: flex; align-items: center; flex-wrap: wrap; margin: 20px 0; } .blogListing .blogItem .blogDetail .blogTags a { /* border: 1px solid #6c757d; color: var(--primary-color); */ font-size: 12px; padding: 5px 15px; /* border-radius: 6px; */ line-height: 125%; margin-right: 10px; cursor: none; } .blogListing .blogItem .blogDetail .blogTags a:hover { background-color: var(--primary-color); color: var(--white-color); } /* .blogListing .blogItem .blogDetail .blogTags a:hover { background-color: rgba(86, 197, 208, 0.25); color: var(--primary-color); border-color: rgba(86, 197, 208, 0.25); } */ .blogListing .blogItem .blogDetail .blogTags .blogDate { line-height: 125%; /* margin-right: 10px; */ font-size: 12px; font-weight: 600; font-family: var(--font-inter); padding: 4px 15px; border-radius: 6px; color: var(--primary-color); border: 1px solid var(--dark-grey-color); } .blogListing .blogItem .blogDetail .blogTags .blogDate:hover { /* background-color: var(--secondary-light-color); color: var(--white-color); */ } .blogListing .blogItem .blogDetail .blogTitle { text-align: left; font-size: 20px; line-height: 28px; font-family: var(--font-inter); font-weight: 700; letter-spacing: 0.2px; display: block; opacity: 1; margin: 0 0 15px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .blogListing .blogItem .blogDetail .blogTitle a { color: var(--primary-color); } .blogListing .blogItem .blogDetail .blogTitle a:hover { color: var(--secondary-lighter-color); } .blogListing .blogItem .blogDetail .blog_view_comments { margin: 0px 0; } .blogListing .blogItem .blogDetail .blog_view_comments .blogView { /* border-right: 1px solid var(--dark-grey-color); */ cursor: pointer; } .blogListing .blogItem .blogDetail .blog_view_comments .blogView .icon { position: relative; top: 2px; font-weight: normal; } .blogListing .blogItem .blogDetail .blog_view_comments .blogComments .icon { position: relative; top: 2px; } .blogListing .blogItem .blogDetail .blog_view_comments .blogView span, .blogListing .blogItem .blogDetail .blog_view_comments .blogView i { color: var(--paragraph-color); font-size: 14px; font-weight: 600; transition: 0.4s ease-in-out all; } .blogListing .blogItem .blogDetail .blog_view_comments .blogView:hover span, .blogListing .blogItem .blogDetail .blog_view_comments .blogView:hover i { color: var(--primary-color); transition: 0.4s ease-in-out all; } .blogListing .blogItem .blogDetail .blog_view_comments .blogView .icon-label { font-size: 12px; font-weight: 500; font-family: var(--font-inter) !important; } .blogListing .blogItem .blogDetail .blog_view_comments .blogComments { cursor: pointer; } .blogListing .blogItem .blogDetail .blog_view_comments .blogComments span, .blogListing .blogItem .blogDetail .blog_view_comments .blogComments i { color: var(--paragraph-color); font-size: 14px; font-weight: 600; transition: 0.4s ease-in-out all; } .blogListing .blogItem .blogDetail .blog_view_comments .blogComments:hover span, .blogListing .blogItem .blogDetail .blog_view_comments .blogComments:hover i { color: var(--primary-color); transition: 0.4s ease-in-out all; } @media(max-width:1366px){ .blogListing{ padding-top: 115px; position: relative; } } @media(max-width:1024px){ .blogListing{ margin-top: 75px; padding-top: 20px; position: relative; } } /* Blog Listing Section CSS E */ /* Blog Details Page CSS S */ .blogDetails .blogDetailInner .blog-description .blog-parameter { margin: 0px 0 10px 0; padding: 0; list-style-type: none; display: flex; align-items: center; justify-content: flex-start; } .blogDetails .blogDetailInner .blog-description .blog-parameter li { display: flex; align-items: center; } .blogDetails .blogDetailInner .blog-description .blog-parameter li:first-child{ margin-right: 0px; padding-right: 15px; border-right: 1px solid var(--li-seperator-color); } .blogDetails .blogDetailInner .blog-description .blog-parameter li .icon { font-size: 14px; color: var(--paragraph-color); } .blogDetails .blogDetailInner .blog-description .blog-parameter li .icon.icon-eye-new { font-size: 17px; } /* .blogDetails .recentBlogs { position: sticky; top: 100px; } */ .recentBlogs .recentBlogItem .recentBlogItemDetails .recentBlogsDates li .icon { font-size: 14px; color: var(--paragraph-color); } .recentBlogs .recentBlogItem .recentBlogItemDetails .recentBlogsDates li .icon.icon-eye-new { font-size: 17px; } .recentBlogs .recentBlogItem .recentBlogItemDetails .recentBlogsDates li .icon.icon-Calendar { font-size: 13px; line-height: 120%; } .recentBlogs .recentBlogItem .recentBlogItemDetails .recentBlogsDates li .common-label { color: var(--paragraph-color); font-family: var(--font-jakarta); font-weight: 500; font-size: 12px; line-height: 1; margin: 0 0 0 5px; text-transform: capitalize; opacity: 1; } .blogDetails .blogDetailInner .blog-description .blog-parameter li .common-label { color: var(--paragraph-color); font-family: var(--font-jakarta); font-weight: 600; font-size: 14px; line-height: 1; margin: 0px 0 0 8px; text-transform: capitalize; opacity: 0.6; } .blogDetails .blogDetailInner .blog-description .blog-parameter li:first-child .common-label{ margin: 0px; } .blogDetails .blogDetailInner .sectionTitle { font-weight: 600; color: var(--primary-color); font-family: var(--font-inter); line-height: 130%; margin: 0; letter-spacing: -0.1px; padding: 30px 0 30px 0; /* font-size: 24px; */ /* line-height: 1; */ margin: 15px 0 20px; padding: 0; } .blogDetails .blogDetailInner .blog-description .blog-parameter .blog-icon.user { max-width: 40px; border-radius: 6px; box-shadow: var(--item-box-shadow); margin-right: 10px; overflow: hidden; } .blogDetails .blogDetailInner .blogImage { margin: 20px 0 30px 0; text-align: center; } .blogDetails .blogDetailInner .blogImage img { max-width: 550px; text-align: center; /* border-radius: 16px; */ border-radius: 30px; width: 100%; object-fit: cover; object-position: center; aspect-ratio: 1 / 1; } .blogDetails .blogDetailInner .blogImage.newblogImage img { max-width: 100%; aspect-ratio: inherit; } /** Set this css for big blog img change*/ /*.blogDetails .new_blog_img .blogImage img{ border-radius: 30px !important; width: 100% !important; max-width: unset !important; object-fit: unset !important; object-position: unset !important; aspect-ratio: unset !important; } */ .blogDetails .blogDetailInner .BlogCategory .badge { background-color: #fff; color: #212529; border: 1px solid rgba(22, 147, 159, 0.8705882353); padding: 0.25rem 0.5rem; font-weight: 500; font-size: 0.875em; opacity: 0.6; } .blogDetails .blogDetailInner .socialList { margin: 20px 0 20px 0; padding-top: 20px; display: flex; align-items: start; justify-content: center; flex-direction: column; border-top: 1px solid var(--li-seperator-color); } .blogDetails .blogDetailInner .socialList .social-title { margin: 0 0px 20px 0; font-weight: 500; } .blogDetails .blogDetailInner .socialList ul li:hover .icon { color: var(--primary-color); } .recentBlogs { padding: 20px; margin-bottom: 40px; background-color: #12395f1f; /* border-radius: 6px; */ border-radius: 30px; /* box-shadow: 0px 8px 25px var(--box-shadow-02); */ padding: 15px 15px; /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */ margin: 20px 0 40px 20px; padding: 35px 30px; } .recentBlogs .sectionTitle { font-size: 22px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--light-border-color); } .recentBlogs .recentBlogItem { display: flex; } .recentBlogs .recentBlogItem .recentBlogImg { max-width: 90px; margin-right: 15px; } .recentBlogs .recentBlogItem .recentBlogImg img { border-radius: 7px; box-shadow: var(--item-box-shadow); aspect-ratio: 4 / 4; } .recentBlogs .recentBlogItem .recentBlogItemDetails { display: flex; flex-direction: column; } .recentBlogs .recentBlogItem .recentBlogItemDetails a { font-size: 17px; font-weight: 600; line-height: 135%; color: var(--primary-color); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 5px 0; } .recentBlogs .recentBlogItem .recentBlogItemDetails a:hover { color: var(--secondary-lighter-color); } .recentBlogs .recentBlogItem .recentBlogItemDetails .recentBlogsDates li { display: flex; align-items: center; } .recentBlogs .recentBlogItem .recentBlogItemDetails .recentBlogsDates { list-style: none; display: flex; align-items: center; color: var(--dark-grey-color); font-size: 13px; opacity: 0.75; } .recentBlogs .recentBlogItem .recentBlogItemDetails .recentBlogsDates li+li { margin-left: 15px; padding-left: 15px; border-left: 1px solid var(--li-seperator-color); } .recentBlogs .recentBlogItem+.recentBlogItem { /* margin-top: 10px; */ margin-top: 25px; } .recent-cta-section { background-color: var(--white-color); /* border-radius: 6px; */ border-radius: 30px; /* box-shadow: 0px 8px 25px var(--box-shadow-02); */ position: sticky; top: 100px; background-color: #12395f1f; padding: 15px 15px; /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */ margin: 20px 0 0px 20px; padding: 35px 30px; } .recent-cta-section .cta-inner .cta-title { font-weight: 700; color: var(--primary-color); font-size: 22px; line-height: 150%; margin: 0 0 15px 0; text-align: center; } .recent-cta-section .cta-inner .bg-image { display: flex; align-items: center; justify-content: center; margin: 0 0 20px 0; } .recent-cta-section .cta-inner .bg-image .cta-image { width: 150px; text-align: center; margin: 0 auto; } .recent-cta-section .cta-inner .description { color: var(--paragraph-color); font-family: var(--font-jakarta); font-weight: 600; font-size: 14px; line-height: 130%; margin: 0px 0 20px 0px; opacity: 0.6; letter-spacing: 0; text-align: center; } .recent-cta-section .cta-inner .btn-primary {} .seperator { display: block; margin: 5px 0 0 0; padding: 5px 0 0 0; border-top: 1px solid var(--seperator-color); width: 100%; } .recentBlogs .sectionTitle { border: none; padding-bottom: 5px; margin-bottom: 5px; } .recentBlogs .seperator{ border-top: 1px solid var(--primary-color); margin: 5px 0 0 0; padding: 15px 0 0 0; } .cms img { /* margin: 0 25px 25px 0; */ border-radius: 20px; max-width: 600px; max-width: 100%; width: 100%; float: left; float: none; border-radius: 16px; } .cms p { font-size: 16px; font-weight: 400; line-height: 150%; } .cms a { color: var(--primary-color); font-weight: 600; } .cms a:hover { color: var(--secondary-lighter-color); } /* Blog Details Page CSS E */ /* common social list Design CSS S */ .socialList ul { margin: 0; padding: 0; list-style-type: none; display: flex; align-items: center; } .socialList ul li a { width: 30px; height: 30px; border-radius: 5px; background-color: var(--primary-color); padding: 6px; display: flex; align-items: center; justify-content: center; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; } .socialList ul li a:hover { background-color: var(--secondary-light-color); } /* common social list Design CSS S */ /* Faq Page S 08-04-2024 */ .faq-section .verticle-text { position: sticky; top: 100px; } .faq-section .verticle-text h2 { color: var(--primary-color); font-size: 100px; font-weight: 900; line-height: 1; letter-spacing: 5px; text-transform: uppercase; writing-mode: vertical-lr; margin-bottom: 0; opacity: 0.1; } .faq-content .accordion .accordion-item { border: none; background-color: transparent; } .faq-content .accordion .accordion-item:first-child .accordion-header .accordion-button { padding-top: 0; } .faq-content .accordion .accordion-item .accordion-header .accordion-button { border: none; border-radius: unset; box-shadow: none; background-color: transparent; padding: 15px 0; border-bottom: 1px solid var(--seperator-color); color: var(--primary-color); font-family: var(--font-inter); font-weight: 600; letter-spacing: -0.75px; font-size: 1.2rem; line-height: 1.3; } .faq-content .accordion .accordion-item .accordion-header .accordion-button::after { width: unset; height: unset; content: "\f4fe"; font-family: bootstrap-icons; background-image: none; font-weight: 800; font-size: 22px; } .faq-content .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { background-color: unset; } .faq-content .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { content: "\f2ea"; } .faq-content .accordion .accordion-item .accordion-body { padding: 20px; padding-bottom: 15px; color: var(--menu-color); font-family: var(--font-inter); font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: 0.48px; } .faq-content.style-2 .accordion .accordion-item .accordion-header .accordion-button::after { content: url("../images/faq-arrow-down.svg"); } .faq-content.style-2 .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { content: url("../images/faq-arrow-down.svg"); } /* Faq Page E 08-04-2024 */ /* BOOK DEMO CSS S */ .bookDemo .contact-inner .contact-form-inner { padding-left: 30px; } .bookDemo .contact-inner .contact-form-inner .bookDemoFormTitle span { color: var(--primary-color); font-weight: 400; font-size: 18px; } .bookDemo .contact-inner .contact-form-inner .contact-field { background-color: var(--white-color); border-radius: 16px; box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px; padding: 50px 50px 40px 50px; } .bookDemo .contact-inner .contact-form-inner .contact-field form input, .bookDemo .contact-inner .contact-form-inner .contact-field form textarea { background-color: var(--white-lighten); border: none !important; border-radius: 50px !important; padding: 0 20px; } .bookDemo .contact-inner .contact-form-inner .contact-field form input:focus, .bookDemo .contact-inner .contact-form-inner .contact-field form textarea:focus { border: 0 !important; box-shadow: none !important; } .bookDemo .contact-inner .contact-form-inner .contact-field form textarea { border-radius: 15px !important; } .bookDemo .contact-inner .select-demo-date { background-color: var(--white-color); border-radius: 20px; padding: 50px 15px 65px; /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */ box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px; } .bookDemo .contact-inner .select-demo-date .book-demo-title { font-size: 20px; font-weight: 600; color: var(--primary-color); margin: 0 0 10px 0; letter-spacing: 0; font-family: var(--font-inter); } .bookDemo .contact-inner .select-demo-date .date-box { border-radius: 15px; position: relative; z-index: 0; } .bookDemo .contact-inner .select-demo-date .date-box::after { content: ""; position: absolute; height: calc(100% - 80px); width: calc(100% - 20px); background-color: var(--primary-color); bottom: 0; left: 10px; border-radius: 20px; z-index: -1; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper { background-color: transparent; border-radius: 6px; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed { width: 100%; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td { color: #fff; padding: 5px 10px; text-align: center; font-size: 18px; border-radius: 5px; cursor: pointer; transition: 0.3s all ease-in-out; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th { padding-bottom: 35px; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td:hover { background-color: #ffffff; color: #000; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.prev, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.next { position: relative; z-index: 1; transition: 0.3s all ease-in-out; color: transparent; /* opacity: 0.5; */ opacity: 1; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.prev:hover, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.next:hover { opacity: 1; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.prev::before, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.next::before { position: absolute; height: 45px; width: 45px; border-radius: 50px; left: 0; top: -3px; z-index: -1; font-family: "icomoon" !important; display: flex; justify-content: center; align-items: center; font-size: 14px; color: var(--white-color); background-color: var(--primary-color); font-weight: normal; font-size: 18px; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.datepicker-switch { text-align: center; color: var(--primary-color); } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.next { text-align: end; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td.today.day { background-color: var(--primary-color); text-align: center; color: var(--white-color); } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td.active.day { background-color: var(--white-color); color: var(--black-color); text-align: center; } /*.bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td.old.day, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td.new.day { opacity: 0 !important; pointer-events: none; }*/ .bookDemo .contact-inner .select-demo-date .bookDemoSocial { margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid var(--secondary-light-color); } .bookDemo .contact-inner .select-demo-date .bookDemoSocial span { color: var(--primary-color); font-weight: 600; font-size: 20px; display: block; margin: 0 0 20px 0; } .bookDemo .contact-inner .select-demo-date .contact-social { display: flex; justify-content: start; padding: 0; } .bookDemo .contact-inner .select-demo-date .contact-social li { list-style: none; } .bookDemo .contact-inner .select-demo-date .contact-social li a { display: flex; align-items: center; justify-content: center; color: var(--white-color); width: 40px; height: 40px; /* opacity: 0.5; */ border: 1px solid var(--white-color); border-radius: 6px; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; background-color: var(--white-color); } .bookDemo .contact-inner .select-demo-date .contact-social li a:hover { background-color: var(--primary-color); border: 1px solid var(--primary-color); } .bookDemo .contact-inner .select-demo-date .contact-social li a i { color: var(--primary-color); font-size: 20px; } .bookDemo .contact-inner .select-demo-date .contact-social li a i.icon-youtube { margin: 5px 0 0 0; } .bookDemo .contact-inner .select-demo-date .contact-social li a:hover i { color: var(--white-color); } .bookDemo .contact-inner .select-demo-date .contact-social li+li { margin-left: 20px; } .bookDemo .contact-inner .contact-form-inner .contact-field label { color: var(--primary-dark-bg); font-size: 14px; font-weight: 600; } /* -------------------------- */ .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed td span.month, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed td span.year { display: block; cursor: pointer; width: 30%; float: left; margin: 3px; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed th, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed td, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed th, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed td { color: #fff; padding: 5px 10px; text-align: center; font-size: 18px; border-radius: 5px; cursor: pointer; transition: 0.3s all ease-in-out; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed th, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed td, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed th, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed td { color: #fff; padding: 5px 10px; text-align: center; font-size: 18px; border-radius: 5px; cursor: pointer; transition: 0.3s all ease-in-out; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed th, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed th { padding-bottom: 35px; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed tfoot th.today, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed tfoot th.clear, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed tfoot th.today, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed tfoot th.clear { display: block !important; position: absolute; font-size: 12px; opacity: 0.5; top: -20px; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed td .month.focused, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed td .year.focused { background-color: #fff; color: #000; border-radius: 10px; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed td, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed td { padding: 0 0 15px 0; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed tfoot, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed tfoot { position: relative; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed tfoot th.today { display: block !important; position: absolute; font-size: 12px; opacity: 0.5; top: -20px; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed tfoot th.clear { right: 0; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.datepicker-switch, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed th.datepicker-switch, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed th.datepicker-switch { text-align: center; color: #2c3e50; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.prev::before, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed th.prev::before, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed th.prev::before { content: "\e976"; font-family: "icomoon" !important; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.prev::before, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.next::before, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed th.prev::before, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed th.next::before, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed th.prev::before, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed th.next::before { position: absolute; height: 30px; width: 30px; background-color: #2c3e50; border-radius: 50px; /* left: 0; */ top: 5px; z-index: -1; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 14px; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.next, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed th.next, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed th.next { text-align: end; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed th.next::before { left: 30px; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.next::before, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed th.next::before, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed th.next::before { content: "\e977"; font-family: "icomoon" !important; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.prev, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.next, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed th.prev, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed th.next, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed th.prev, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-years table.table-condensed th.next { position: relative; z-index: 1; transition: 0.3s all ease-in-out; color: transparent; } .datepicker .prev.disabled, .datepicker .next.disabled { pointer-events: none; opacity: 0.5 !important; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td.disabled.day, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-months table.table-condensed td span.disabled.month { pointer-events: none !important; cursor: not-allowed !important; opacity: 0.3; } /* ---------------------------- */ .form-control { appearance: none; min-height: 58px; border: 1px solid var(--li-seperator-color); } .select2-container--default .select2-selection--single .select2-selection__rendered { min-height: 58px; display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; /* border: var(--bs-border-width) solid var(--bs-border-color); */ border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .select2-container .select2-selection--single { box-sizing: border-box !important; cursor: pointer !important; display: block !important; height: 60px !important; user-select: none !important; -webkit-user-select: none !important; background-color: var(--bs-body-bg) !important; border: var(--bs-border-width) solid var(--bs-border-color) !important; border-radius: var(--bs-border-radius) !important; } .select2-results__option:hover, .select2-results__option:focus, .select2-results__option[aria-selected="true"] { background-color: rgb(18 57 95 / 25%); color: var(--primary-color); cursor: pointer; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 44px !important; color: var(--primary-color) !important; font-weight: 500 !important; font-size: 18px !important; opacity: 1 !important; padding: 0.375rem 0.75rem !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 58px !important; } /* .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--primary-color) transparent transparent transparent!important; } */ .form-label { color: var(--primary-color); font-size: 16px; font-weight: 400; } .form-select { cursor: pointer; } input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } /* BOOK DEMO CSS E */ /* Datepicker CSS S */ .date-box { border-radius: 15px; position: relative; z-index: 1; } .date-box::after { content: ""; position: absolute; height: calc(100% - 80px); width: calc(100% - 20px); background-color: rgba(0, 0, 0, 0.6); bottom: 0; left: 10px; border-radius: 20px; z-index: -1; } .date-box .wrapper { background-color: transparent; border-radius: 6px; } .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed { width: 100%; } .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th, .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td { color: var(--white-color); padding: 5px 10px; text-align: center; font-size: 18px; border-radius: 5px; cursor: pointer; transition: 0.3s all ease-in-out; } .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th { padding-bottom: 35px; } .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td:hover { background-color: var(--white-color); color: var(--black-color); } .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.prev, .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.next { position: relative; z-index: 1; transition: 0.3s all ease-in-out; color: transparent; opacity: 0.5; } .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.prev:hover, .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.next:hover { opacity: 1; } .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.prev::before, .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.next::before { position: absolute; height: 45px; width: 45px; background-color: var(--white-color); border-radius: 50px; left: 0; top: -7px; z-index: -1; font-family: "Font Awesome 6 Free"; color: var(--black-color); display: flex; justify-content: center; align-items: center; font-size: 14px; } .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.prev::before { content: "\f053"; } .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.next::before { content: "\f054"; } .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.datepicker-switch { text-align: center; } .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th.next { text-align: end; } .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td.today.day { background-color: var(--white-color); text-align: center; color: var(--white-color); } .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td.active.day { background-color: var(--white-color); color: var(--black-color); text-align: center; } .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td.old.day, .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td.new.day { opacity: 0.5; pointer-events: none; } /* Datepicker CSS E 11-04-2024 */ ::-webkit-input-placeholder, select::-webkit-input-placeholder { color: var(--dark-grey-color); font-weight: 500; font-size: 14px; opacity: 1; } ::placeholder, select::-webkit-input-placeholder { color: var(--dark-grey-color); font-weight: 400; font-size: 14px; opacity: 1; } .form-control::placeholder, .form-select::placeholder { color: var(--dark-grey-color); font-weight: 500; font-size: 14px; letter-spacing: 0.5px; opacity: 1; } .form-select { color: var(--dark-grey-color); font-weight: 500; font-size: 14px; letter-spacing: 0.5px; opacity: 1; } .form-select { background-image: url("../images/downarrow.png") !important; background-size: 20px 20px !important; } /* Faq Page CSS E */ /* Sitemap Page CSS S */ .siteMap .sitemap_pages { margin: 0 0 20px 0; } .siteMap .sitemap_pages .sitemapListing ul { padding-left: 0; margin-bottom: 0px; } .siteMap .sitemap_pages .sitemapListing ul li { list-style-type: none; padding: 5px 0 0; margin-bottom: 10px; padding-left: 25px; } .siteMap .sitemap_pages .sitemapListing ul li a { color: var(--secondary-lighter-color); font-size: 18px; font-weight: 600; transition: 0.4s ease-in-out all; position: relative; font-family: var(--font-inter); } .siteMap .sitemap_pages .sitemapListing ul li a::before { content: ""; position: absolute; height: 4px; width: 10px; border-radius: 10px; left: -25px; top: 9px; background-color: var(--primary-color); transition: 0.4s ease-in-out all; height: 7px; width: 7px; top: 7px; } .siteMap .sitemap_pages .sitemapListing ul li a:hover { color: var(--primary-color); transition: 0.4s ease-in-out all; } .siteMap .sitemap_pages .sitemapListing ul li a:hover::before { background-color: var(--secondary-lighter-color); } .siteMap .sitemap_pages .section-title { font-size: 32px; margin: 0 0 20px 0; } /* Sitemap Page CSS E */ /* Change Log Page CSS S */ .changeLog { position: relative; z-index: 0; } .changeLog .innerTitle:before { right: 110px; margin: 0 auto; } .changeLog .innerTitle:after { right: 0; margin: 0 auto; } .changeLog .section_heading .sub-title { font-size: 1rem; color: var(--primary-color); margin: 0 0 20px 0; } .changeLog .timeline_area { position: relative; z-index: 1; } .changeLog .single-timeline-area { position: relative; z-index: 1; padding-left: 225px; } .changeLog .single-timeline-area .single-timeline-content { position: relative; z-index: 1; border: none; } .changeLog .single-timeline-area .single-timeline-content .timeline-text { margin: 0 0 20px 0; } .changeLog .single-timeline-area .single-timeline-content .timeline-text .timeline-title { font-size: 22px; color: var(--primary-color); font-weight: 700; font-family: var(--font-inter); } .changeLog .single-timeline-area .single-timeline-content .timeline-text .timeline-desc { color: var(--paragraph-color); font-size: 16px; font-weight: 400; margin-bottom: 20px; line-height: 26px; word-break: break-word; text-align: left; max-width: 100%; } .changeLog .single-timeline-area .single-timeline-content .timeline-text ul li .timeline-title { font-size: 18px; color: var(--paragraph-color); } .changeLog .single-timeline-area .single-timeline-content .timeline-text ul li .timeline-desc { font-size: 14px; } .changeLog .single-timeline-area .single-timeline-content .timeline-text ul li .ChangeLogImage img { width: 100%; text-align: center; margin: 0 auto; vertical-align: middle; aspect-ratio: 2; position: relative; z-index: 1; object-fit: cover; object-position: center; border-radius: 5px; } .changeLog .single-timeline-area .single-timeline-content .timeline-text ul li .timeline-sub-item { background-color: var(--bg-light-color); padding: 15px; border-radius: 10px; margin: 0; } .changeLog .single-timeline-area .single-timeline-content .timeline-text ul li .timeline-sub-item ul { list-style-type: none; margin: 0; padding: 0; } .changeLog .single-timeline-area .single-timeline-content .timeline-text ul li .timeline-sub-item ul li { position: relative; padding: 0 0 0 20px; color: var(--primary-color); font-weight: 600; font-size: 14px; line-height: 1.5; margin: 0; padding: 15px 15px 15px 30px; margin: 0 0px 0px 0px; -webkit-box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1); box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1); border-radius: 10px; background-color: var(--white-color); } .changeLog .single-timeline-area .single-timeline-content .timeline-text ul li .timeline-sub-item ul li+li { margin: 10px 0px 0px 0px; } .changeLog .single-timeline-area .single-timeline-content .timeline-text ul li .timeline-sub-item ul li::before { content: ""; position: absolute; height: 5px; width: 5px; border-radius: 50%; background-color: var(--primary-color); left: 10px; top: 23px; } .changeLog .single-timeline-area .single-timeline-content .timeline-text ul li .timeline-sub-item+.timeline-sub-item { margin: 20px 0 0px 0; } .changeLog .single-timeline-area .single-timeline-content .timeline-icon { -webkit-transition-duration: 500ms; transition-duration: 500ms; width: 30px; height: 30px; background-color: var(--primary-color); -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; text-align: center; max-width: 30px; border-radius: 50%; margin-right: 15px; } .changeLog .single-timeline-area .single-timeline-content .timeline-icon i { color: var(--white-color); line-height: 30px; } .changeLog .single-timeline-area .timeline-date { position: absolute; width: 200px; height: 95%; top: 0px; left: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .changeLog .single-timeline-area .timeline-date:after { position: absolute; width: 1px; height: 100%; content: ""; background-color: var(--border-color3); top: 35px; right: 31px; z-index: 1; } .changeLog .single-timeline-area .timeline-date:before { position: absolute; width: 60px; height: 60px; border-radius: 7px; background-color: var(--white-color); content: ""; top: 0; right: 0; z-index: 5; -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px; box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px; } .changeLog .single-timeline-area .timeline-date p { margin-bottom: 0; color: var(--primary-color); text-transform: uppercase; font-weight: 500; font-size: 14px; line-height: 125%; margin-top: 28px; width: 100px; } .changeLog .single-timeline-area .timeline-date .change_log_ico { width: 30px; position: relative; top: 9px; right: -54px; z-index: 11; } .changeLog .single-timeline-area .timeline-date .change_log_ico img { max-width: 100%; } /* Change Log Page CSS E */ /* 404 Page CSS S */ .footer-section.error-footer { padding-top: 120px; margin: 0 0 0 0; } .not-found-page { position: relative; } .not-found-page .not-found-img img { padding: 0; } .not-found-page .sub-title { font-size: 36px; margin: 0 0 15px 0; } .not-found-page .error-text { font-size: 200px; color: var(--primary-color); font-weight: 900; font-family: var(--font-jakarta); display: inline-flex; justify-content: center; align-items: center; margin: 80px 0 40px 0; line-height: 1.2; } .not-found-page .error-text span { position: relative; } .not-found-page .error-text span::after, .not-found-page .error-text span::before { content: ""; position: absolute; height: 30px; width: 5px; background-color: var(--secondary-dark-color); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-radius: 20px; } .not-found-page .error-text span::before { bottom: -15px; -webkit-animation: line-bottom-anim 1.5s infinite linear normal; animation: line-bottom-anim 1.5s infinite linear normal; } .not-found-page .error-text span::after { top: 0px; -webkit-animation: line-top-anim 1.5s infinite linear normal; animation: line-top-anim 1.5s infinite linear normal; } /* .not-found-page::after { content: ""; position: absolute; height: 400px; width: 400px; background-image: url(../images/logoIcon.png); background-repeat: no-repeat; background-size: contain; background-position: center; left: 26%; top: 10%; -webkit-animation: 30s linear infinite rotate-icon; animation: 30s linear infinite rotate-icon; opacity: 31%; z-index: -1; left: 40%; } */ @keyframes rotate-icon { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes line-bottom-anim { 0% { bottom: -15px; } 50% { bottom: 5px; } 100% { bottom: -15px; } } @keyframes line-top-anim { 0% { top: 0px; } 50% { top: 15px; } 100% { top: 0px; } } /* 404 Page CSS E */ /* Thank you Page CSS S */ .footer-section.error-footer { padding-top: 120px; margin: 0 0 0 0; } .thank-you-page { position: relative; /* height: 100vh; */ display: flex; align-items: center; justify-content: center; } .thank-you-page .thank-you-content { padding: 25px 50px 50px; border-radius: 25px; background-color: #f8f8f8; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; max-width: 700px; /* margin: 0 auto; */ margin: 80px auto 40px auto; } .thank-you-page .not-found-img img { padding: 0; } .thank-you-page .sub-title { font-size: 36px; margin: 0 0 15px 0; } .thank-you-page .error-text { font-size: 90px; color: var(--primary-color); font-weight: 900; font-family: var(--font-jakarta); margin: 0; line-height: 1.2; display: flex; align-items: center; justify-content: center; background-image: url(../images/price-banner.png); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 0; height: 100%; width: 100%; min-height: 250px; } .thank-you-page .description { max-width: 90%; margin: 0 auto 25px auto; } .thank-you-page:before { content: ""; position: absolute; background-image: url(../images/logoIcon.png); background-position: center bottom; background-repeat: no-repeat; background-size: contain; height: 100%; width: 225px; z-index: 0; left: 50px; bottom: 50px; z-index: -1; opacity: 0.15; filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3)); } /* Thank-you Page CSS E */ /* Privacy Policy Page CSS S */ .business-type-section.privacy-policy .navbar-list-wrap { background-color: var(--white-color); padding: 25px 35px 25px 35px; margin-right: 0; border-radius: 16px; box-shadow: var(--item-box-shadow); margin-bottom: 30px; border: 1px solid var(--border-color3); margin-top: 0px; } .business-type-section.privacy-policy .navbar-list-wrap .nabvar-list .nav .nav-link { font-size: 1.25rem; line-height: 1.1; font-weight: 600; font-family: var(--font-inter); letter-spacing: -0.75px; border-bottom: 1px solid var(--seperator-color); padding: 15px 0; position: relative; text-transform: capitalize; cursor: pointer; color: var(--dark-grey-color); color: #0b0c0c4d; border-left: none; } .business-type-section.privacy-policy .navbar-list-wrap .nabvar-list .nav .nav-link:last-child { border-bottom: none; } .business-type-section.privacy-policy .navbar-list-wrap .nabvar-list .nav .nav-link.active, .business-type-section.privacy-policy .navbar-list-wrap .nabvar-list .nav .nav-link:hover, .business-type-section.privacy-policy .navbar-list-wrap .nabvar-list .nav .nav-link:focus { color: var(--primary-color); } .business-type-section.privacy-policy .navbar-list-wrap .nabvar-list .nav .nav-link.active::before { display: none; } .business-type-section.privacy-policy .business-list-details .items .item-info { padding: 0 50px 0 50px; } .business-type-section.privacy-policy .business-list-details .items .item-info .item-title { text-align: left; font-size: 32px; line-height: 130%; font-family: var(--font-inter); font-weight: 600; letter-spacing: 0.22px; color: var(--primary-color); margin: 20px 0 30px 0; opacity: 1; } .business-type-section.privacy-policy .business-list-details .items .item-info .item-description { line-height: 160%; } .business-type-section.privacy-policy .business-list-details .page-section { padding-top: 80px; } .business-type-section.privacy-policy .business-list-details .items+.items { /* padding: 50px 20px 20px 20px; */ } .business-type-section.privacy-policy .navbar-list-wrap .policy-title { font-size: 30px; font-family: var(--font-inter); font-weight: 700; letter-spacing: 0.22px; color: var(--primary-color); line-height: 120%; } .business-type-section.privacy-policy .business-list-details .items .item-info a { font-family: var(--font-inter); font-weight: 600; color: var(--primary-color); } .business-type-section.privacy-policy .business-list-details .items .item-info a:hover { color: var(--secondary-light-color); } /* Privacy Policy Page CSS E */ /* Contact us Page CSS S */ .contact-social .social-title { padding: 0 25px 0 0; font-size: 22px; position: relative; } .contact-social .social-title:before { /* content: ""; position: absolute; background-color: var(--border-color); height: 5px; width: calc(100% + 5px); z-index: -1; left: 0; right: 0; bottom: 0; margin: 0 auto; */ } .contact-social .seperator { width: 150px; } .contact-social .socialList ul { padding: 0 0 0 25px; } .contact-us-page .contact-info .contact-label { text-align: left; letter-spacing: 0.16px; color: var(--secondary-dark-color); font-size: 14px; font-weight: 600; line-height: 20px; font-family: var(--font-inter); display: block; margin: 0 0 15px 0; text-transform: uppercase; } .contact-us-page .contact-info .contact-info-title { text-align: left; font-size: 32px; font-family: var(--font-inter); font-weight: 600; letter-spacing: 0px; color: var(--primary-dark-bg); line-height: 120%; margin: 0 0 40px 0; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap { display: flex; align-items: flex-start; justify-content: flex-start; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-icon .address-icon-bg { display: inline-flex; align-items: center; justify-content: center; height: 45px; width: 45px; border-radius: 100%; background-color: #d9eef0; position: relative; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-icon .address-icon-bg img { position: absolute; right: -10px; top: 15px; width: 35px; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-icon { margin: 0 35px 0 0; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-info { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .contact-us-page .contact-info .contact-address ul .address-item { margin: 0 0 50px 0; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-info .address-title { font-family: var(--font-jakarta); font-weight: 700; line-height: 1.4; color: var(--primary-dark-bg); letter-spacing: 0px; margin-bottom: 10px; font-size: 20px; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-info p { font-family: var(--font-jakarta); font-weight: 500; line-height: 150%; letter-spacing: 0.22px; margin-bottom: 10px; font-size: 16px; color: var(--dark-grey-color); } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-info a { font-family: var(--font-jakarta); font-weight: 500; line-height: 150%; letter-spacing: 0.22px; margin-bottom: 5px; font-size: 16px; color: var(--dark-grey-color); cursor: pointer; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-info a:hover { color: var(--primary-color); } .contact-us-page .contact-form-inner { background-color: var(--white-color); border-radius: 6px; box-shadow: 0px 8px 25px var(--box-shadow-02); padding: 40px 50px 40px 50px; } .contact-us-page .contact-form-inner .contactForm .form-title { text-align: left; font-size: 60px; font-family: var(--font-inter); font-weight: 800; letter-spacing: 0px; color: var(--primary-dark-bg); line-height: 130%; margin: 0 0 40px 0; } .contact-us-page .contact-info { padding: 20px 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .contact-us-page .contact-form-inner .contact-form .form-control { border: none; border-bottom: 1px solid var(--secondary-lighten-01-color); border-radius: 0; padding-left: 0; font-size: 14px; } .contact-us-page .contact-form-inner .contact-form .input-group .input-group-text { background-color: transparent; border: none; border-bottom: 1px solid var(--secondary-lighten-01-color); border-radius: 0; } .contact-us-page .contact-form-inner .contact-form .form-control:focus { box-shadow: none; } .contact-us-page .contact-form-inner .contact-form .input-group.textarea-div .form-control, .contact-us-page .contact-form-inner .contact-form .input-group.textarea-div .input-group-text { border: none; } .contact-us-page .contact-form-inner .contact-form textarea { resize: none; } .contact-us-page .contact-form-inner .contact-form a { color: var(--primary-color); font-weight: 600; font-size: 14px; } .contact-us-page .contact-form-inner .contact-form a:hover { color: var(--secondary-light-color); } .contact-us-page .contact-form-inner .contact-form .form-check-label { font-size: 12px; color: var(--paragraph-color); margin: 0 0 0 10px; max-width: 70%; line-height: 135%; } .form-check-input:checked { background-color: var(--secondary-light-color); border-color: var(--secondary-light-color); } .contact-us-page .contact-form-inner .contact-form .form-check { display: flex; align-items: flex-start; } /* Contact us Page CSS E */ /* Business Details Slider Section Page CSS S */ .features-details-slider-section { position: relative; z-index: 0; margin: 100px 0 0 0; } .features-details-slider-section .brand-slider-wrap .business-slider .item { padding: 30px; /* box-shadow: 0px 8px 25px var(--box-shadow-02); */ background-color: var(--white-color); border-radius: 6px; border: 1px solid var(--secondary-lighten-01-color); margin: 0 0 20px 0; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-icon { margin: 0 0 20px 0; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-icon .icon-wrap { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 100%; background-color: var(--secondar-light-bg-color); } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-icon .icon-wrap img { width: 40px; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-details { margin: 0 0 0px 0; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-details .items-title { text-align: left; font-size: 22px; line-height: 120%; font-family: var(--font-jakarta); color: var(--primary-color); font-weight: 700; letter-spacing: 0.22px; margin: 0 0 15px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 55px; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-details .description { text-align: left; font-size: 16px; line-height: 135%; font-weight: 400; font-family: var(--font-inter); letter-spacing: 0px; color: var(--paragraph-color); margin: 0 0 20px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; min-height: 65px; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-icon .icon-wrap .icon { font-size: 30px; font-weight: 500; } /* Features Details Slider Section Page CSS E */ .business-details-slider-section .brand-slider-wrap .business-slider .items .item-image img /* Business Details Slider Section Page CSS S */ .business-details-slider-section { margin: 100px 0 0 0; } .business-details-slider-section .brand-slider-wrap .business-slider .items { position: relative; border-radius: 6px; overflow: hidden; } .business-details-slider-section .brand-slider-wrap .business-slider .items .item-image { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 100%; } .business-details-slider-section .brand-slider-wrap .business-slider .items .item-image img { width: 100%; object-fit: none; object-position: center; aspect-ratio: 16 / 16; height: 100%; border-radius: 6px; object-fit: cover; } .business-details-slider-section .brand-slider-wrap .business-slider .items .item-details { display: flex; align-items: center; justify-content: space-between; flex-direction: column; position: absolute; top: 0; height: 100%; width: 100%; background: transparent linear-gradient(0deg, #00000099 0%, #7e7e7e00 100%) 0% 0% no-repeat padding-box; border-radius: 6px; } .business-details-slider-section .brand-slider-wrap .business-slider .items .item-details .items-top { position: relative; display: flex; width: 100%; padding: 25px 30px; } .business-details-slider-section .brand-slider-wrap .business-slider .items .item-details .items-top .item-title { text-align: left; font-size: 24px; line-height: 120%; font-family: var(--font-jakarta); font-weight: 700; letter-spacing: -0.6px; color: var(--white-color); opacity: 1; margin: 0 0 0px 0; } .business-details-slider-section .brand-slider-wrap .business-slider .items .item-details .items-bottom { display: flex; align-items: flex-start; justify-content: space-between; padding: 25px 30px; width: 100%; } .business-details-slider-section .brand-slider-wrap .business-slider .items .item-details .items-bottom .item-description { text-align: left; font-size: 14px; line-height: 140%; font-family: var(--font-inter); font-weight: 400; letter-spacing: 0px; color: var(--white-color); opacity: 1; margin: 0 0 0px 0; max-width: 80%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .business-details-slider-section .brand-slider-wrap .business-slider .items .item-details .items-bottom .view-more-arrow { display: inline-flex; align-items: center; justify-content: center; height: 38px; width: 38px; border-radius: 100%; border: 1px solid var(--white-color); cursor: pointer; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; } .business-details-slider-section .brand-slider-wrap .business-slider .items .item-details .items-bottom .view-more-arrow svg { transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; } .business-details-slider-section .brand-slider-wrap .business-slider .items:hover .item-details .items-bottom .view-more-arrow { background-color: var(--secondary-light-color); border: 1px solid transparent; } .business-details-slider-section .brand-slider-wrap .business-slider .items:hover .item-details .items-bottom .view-more-arrow svg { transform: rotate(50deg); -webkit-transform: rotate(50deg); } .business-details-section .business-details-inner .navbar-list-wrap { padding-top: 0; } .business-details-section .business-details-inner .navbar-list-wrap .nabvar-list .nav { margin: 30px 0 0 10px; } .business-details-section .business-details-inner .navbar-list-wrap .nabvar-list .navbar-title { font-size: 24px; } .business-details-section .business-details-inner .navbar-list-wrap .nabvar-list div { border-left: 1px solid var(--border-color3); } .business-details-section .business-details-inner .navbar-list-wrap .nabvar-list div:last-child { border-left: 0; } .business-details-section .business-details-inner .navbar-list-wrap .nabvar-list div:last-child .nav-link { padding-bottom: 0; } .business-details-section .business-details-inner .navbar-list-wrap .nabvar-list .nav .nav-link { position: relative; display: inline-block; border-left: 1px solid var(--border-color3); text-align: left; font-size: 16px; line-height: 120%; font-weight: 600; font-family: var(--font-inter); color: var(--primary-color); letter-spacing: 0px; margin: 0 0 0px 0px; padding: 0 0 20px 25px; transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; border-radius: 0; top: -10px; } .business-details-section .business-details-inner .navbar-list-wrap .nabvar-list .nav .nav-link:last-child { border-left: 0; } .business-details-section .business-details-inner .navbar-list-wrap .nabvar-list .nav .nav-link:hover, .business-details-section .business-details-inner .navbar-list-wrap .nabvar-list .nav .nav-link:focus, .business-details-section .business-details-inner .navbar-list-wrap .nabvar-list .nav .nav-link.active { color: var(--secondary-light-color); } .business-details-section .business-details-inner .navbar-list-wrap .nabvar-list .nav .nav-link::before { content: ""; position: absolute; height: 9px; width: 9px; border-radius: 100%; background-color: var(--secondary-dark-color); top: 5px; left: -5px; transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; } .business-details-section .single-post-txt { max-width: 800px; width: 100%; margin: 0 auto; } .business-details-section .single-post-txt .faq-content .accordion .accordion-item .accordion-header .accordion-button { padding: 30px 0; } .business-details-slider-section { margin: 100px 0 0 0; } .features-section.business-details .features-right-part { position: relative; } .features-section.business-details .features-right-part::before { content: ""; position: absolute; height: 85%; width: 900px; background-color: #e8f6f7; z-index: -1; right: -300px; top: 25px; } .features-section.business-details .features-right-part.not-pattern::before { display: none; } .features-section.business-details .features-right-part .feature-item { background: var(--white-color); /* box-shadow: 0px 8px 12px var(--shadow-color); */ box-shadow: 0px 8px 25px var(--box-shadow-02); /* border: 1px solid var(--border-color); */ border-radius: 11px; padding: 15px 20px; text-align: left; font-size: 22px; line-height: 120%; font-weight: 700; letter-spacing: 0.22px; font-family: var(--font-jakarta); color: var(--primary-color); display: flex; flex-direction: column; margin: 0 0 25px 0; height: calc(100% - 25px); } .features-section.business-details .features-right-part .feature-item .item-top { display: flex; justify-content: flex-start; align-items: center; margin: 0 0 15px 0; } .features-section.business-details .features-right-part .feature-item .item-top .item-logo { display: inline-flex; align-items: center; justify-content: center; /* width: 80px; height: 80px; border-radius: 100%; background-color: var(--secondar-light-bg-color); */ margin: 0 15px 0 0; flex: 0 0 50px; background: #58c9ce5c; width: 50px; height: 50px; border-radius: 100%; } .features-section.business-details .features-right-part .feature-item .item-top .item-logo img { width: 55px; max-width: 100%; animation: spin-right 14s linear infinite; } @keyframes spin-right { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .features-section.business-details .features-right-part .feature-item .item-top .item-title { text-align: left; font-size: 22px; text-transform: capitalize; line-height: 120%; font-family: var(--font-jakarta); color: var(--primary-color); font-weight: 700; letter-spacing: 0.22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .features-section.business-details .features-right-part .feature-item .item-bottom .description { text-align: left; font-size: 14px; line-height: 135%; font-weight: 400; font-family: var(--font-inter); letter-spacing: 0px; color: var(--paragraph-color); margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; /* padding: 0 0 0 10px; */ } .features-section.fetaures-details .features-inner .features-left-part .feature-item { display: flex; align-items: flex-start; justify-content: flex-start; margin: 0 0 35px 0; } .features-section.fetaures-details .features-inner .features-left-part .feature-item:last-child .item-left::before { display: none; } .features-section.fetaures-details .features-inner .features-left-part .feature-item .item-left { display: flex; } .features-section.fetaures-details .features-inner .features-left-part .feature-item .item-right { position: relative; } .features-section.fetaures-details .features-inner .features-left-part .feature-item .item-right::before { content: ""; position: absolute; left: -55px; top: 50px; width: 2px; height: 100%; background-color: var(--border-color3); } .features-section.fetaures-details .features-inner .features-left-part .feature-item .item-left .item-logo { display: inline-flex; align-items: center; justify-content: center; margin: 0 30px 0 0; flex: 0 0 50px; /* background: #58c9ce5c; */ background-color: var(--primary-color); width: 50px; height: 50px; border-radius: 100%; font-size: 20px; z-index: 1; color: #fff; font-family: var(--font-inter); font-weight: 700; } .features-section.fetaures-details .features-inner .features-left-part .feature-item .item-left .item-logo img { width: 55px; max-width: 100%; animation: spin-right 14s linear infinite; } .features-section.fetaures-details .features-inner .features-left-part .feature-item .item-right .item-title { text-align: left; font-size: 26px; text-transform: capitalize; line-height: 120%; font-family: var(--font-jakarta); color: var(--primary-color); font-weight: 700; letter-spacing: 0.22px; margin: 0 0 20px 0; } .features-section.fetaures-details .features-inner .features-left-part .feature-item .item-right .description { text-align: left; font-size: 16px; line-height: 135%; font-weight: 400; font-family: var(--font-inter); letter-spacing: 0px; color: var(--paragraph-color); margin: 0; } /* .features-section.fetaures-details .features-inner .features-right-part { position: absolute; top: 50%; right: -3%; max-width: 960px; transform: translateY(-50%); } */ /* pranav  */ .features-section.fetaures-details .features-inner .features-right-part { position: sticky; top: 100px; } /* pranav  */ .features-section.fetaures-details .features-inner .features-right-part img { max-width: 100%; } .features-section.fetaures-details { position: relative; background-color: var(--secondar-light-bg-color); z-index: 0; padding: 100px 0; } .features-section.fetaures-details .features-inner .features-left-part .feature-item:last-child { margin: 0; } /* Business Details Slider Section Page CSS E */ /* Inner Banner New Section CSS S */ .inner-banner-new-section { position: relative; padding: 125px 0 60px 0; } .inner-banner-new-section .inner-banner-caption { display: flex; align-items: center; justify-content: center; background-image: url(../images/price-banner.png); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 0; height: 100%; width: 100%; min-height: 270px; } .inner-banner-new-section .inner-banner-caption .inner-banner-title { /* font-size: 4vw; line-height: 58px; letter-spacing: -1.6px; color: #12395f; font-family: var(--font-jakarta); font-weight: 700; margin: 0; */ font-weight: 600; color: var(--primary-color); font-family: var(--font-inter); line-height: 130%; margin: 0 0 25px; letter-spacing: -0.1px; font-size: 2.5rem; text-align: center; font-size: 52px; /*    line-height: 362.5%;*/ } /* Inner Banner New Section CSS E */ /* FAQ Section CSS S */ .faq-title-section { margin: 0 0 60px 0; } .faq-section .faq-title-section .description { color: #424446; font-family: var(--font-inter); margin: 0; } .faq-section .faq-title-section .description-link { color: #12395f; font-family: var(--font-inter); margin: 0; font-size: 16px; line-height: 120%; margin: 0 0 0 15px; font-weight: 600; letter-spacing: 0px; border-bottom: 1px solid; } .faq-section .faq-title-section .description-link:hover { color: var(--secondary-dark-color); } .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button { font-family: var(--font-jakarta); font-size: 22px; line-height: 130%; font-weight: 700; letter-spacing: 0.22px; color: #12395f; padding: 0; border: none; box-shadow: none; background-color: transparent; } .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-body { padding: 26px 0px 50px 0px; } .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-collapse.show .accordion-body { border-bottom: 1px solid #dedede; } .faq-accordion .accordion-wrap .accordion .accordion-item { background-color: transparent; border: none; margin: 0 0 50px 0; } .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { background-image: url(../images/faq-minus.svg); background-color: transparent; background-size: auto; border-radius: 0; animation: none; width: 20px; height: 20px; transition: 0.2s all ease-in-out; /*transform: rotate(-180deg); -webkit-transform: rotate(-180deg);*/ } .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button::after { background-image: url(../images/faq-plus.svg); background-color: transparent; background-size: auto; border-radius: 0; animation: none; width: 20px; height: 20px; transition: 0.2s all ease-in-out; } .faq-accordion .accordion-wrap .accordion .accordion-item:last-child { margin: 0 0 0px 0; } /* FAQ Section CSS E */ /* CMS Page CSS S */ .cms h2 { color: var(--primary-color); font-size: 36px; line-height: 130%; font-weight: 600; font-family: var(--font-inter); color: var(--primary-color); margin: 0 0 25px 0; letter-spacing: -0.1px; } .cms .cmsImage img { max-width: 100%; text-align: center; border-radius: 16px; width: 100%; max-height: 400px; object-fit: cover; object-position: center; } .cms img { max-width: 100%; text-align: center; border-radius: 16px; width: 100%; object-fit: cover; object-position: center; margin: 25px 0 25px 0; aspect-ratio: 16 / 9; } .cms p { font-size: 16px; line-height: 150%; color: var(--paragraph-color); font-family: var(--font-inter); font-weight: 400; } .cms .socialList { margin: 20px 0 20px 0; padding-top: 20px; display: flex; align-items: start; justify-content: center; flex-direction: column; border-top: 1px solid var(--seperator-color); } .cms .badgeCategory .badge { background-color: var(--white-color); color: var(--primary-color); border: 1px solid var(--secondary-lighter-color); padding: 0.25rem 0.5rem; font-weight: 500; font-size: 0.875em; opacity: 0.6; } .cms .socialList ul li a img { border-radius: 0; height: auto; margin: 0; max-height: 100%; aspect-ratio: auto; } .cms .bullets { padding: 0 0 0 50px; margin: 30px 0 40px 0; } .cms .bullets li { list-style-type: disc; font-size: 18px; line-height: 130%; font-weight: 500; font-family: var(--font-inter); color: var(--primary-color); margin: 0 0 10px 0; } .offcanvas.offcanvas-start { height: 100vh; } /* CMS Page CSS E */ /* blog-cms css start  19-07-2024 prnv*/ .blog-cms{ font-family: var(--font-inter) !important; } .blog-cms h2 { font-size: 30px; margin-top: 30px; } .blog-cms h3 { margin-top: 30px; font-size: 24px; } .blog-cms h4 { margin-top: 30px; font-size: 20px; } .blog-cms h5 { margin-top: 30px; font-size: 18px; } .blog-cms h6 { margin-top: 30px; font-size: 16px; } .blog-cms h1 span.bold, .blog-cms h2 span.bold, .blog-cms h3 span.bold, .blog-cms h4 span.bold, .blog-cms h5 span.bold, .blog-cms h6 span.bold, .blog-cms span.bold { font-weight: 700; color: var(--primary-color); } .blog-cms ul { list-style-type: disc; padding-left: 32px; margin: 15px 0; font-family: var(--font-inter); } .blog-cms ul li::marker, .blog-cms ol li::marker { color: var(--primary-color); font-weight: 600; } .blog-cms ul ul { list-style-type: circle; margin: 15px 0; font-family: var(--font-inter); } .blog-cms ol ol { list-style-type: upper-alpha; margin: 15px 0; font-family: var(--font-inter); } .blog-cms ol { list-style: decimal; font-family: var(--font-inter); } .blog-cms ul li, .blog-cms ol li { color: var(--paragraph-color); font-size: 16px; line-height: 150%; font-weight: 500; font-family: var(--font-inter); } .blog-cms ul li+li, .blog-cms ol li+li { margin-top: 15px; } .blog-cms tbody, .blog-cms td, .blog-cms tfoot, .blog-cms th, .blog-cms thead, .blog-cms tr { border-width: 1px; font-family: var(--font-inter); } .blog-cms p { /* color: var(--paragraph-color); */ color: #0f0f0f; font-size: 16px; font-weight: 400; font-family: var(--font-inter); } .blog-cms p+p { margin: 15px 0 0 0; } .blog-cms p a { text-decoration: underline; color: var(--primary-color); } .blog-cms p img { margin-top: 20px; border-radius: 10px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } .blog-cms table td p { font-size: 13px; } .blog-cms table.table-font-16 td p { font-size: 16px; } .blog-cms table td ul li, .blog-cms table td ol li { font-size: 13px; } .blog-cms blockqoute { padding: 20px; display: inline-block; background-color: #e2e7eb; border-radius: 0 25px 25px 0; margin-top: 20px; border-left: 7px solid; width: 100%; } .blog-cms blockqoute h4{ margin-top: 0; } @media(max-width:1366px){ .blog-cms h2 { font-size: 24px; margin-top: 15px; } .blog-cms h3 { font-size: 20px; margin-top: 15px; } .blog-cms h4 { font-size: 20px; margin-top: 15px; } .blog-cms h5 { font-size: 18px; margin-top: 15px; } .blog-cms h6 { font-size: 16px; margin-top: 15px; } .blog-cms p{ font-size: 14px; font-weight: 400; } .blog-cms ul li, .blog-cms ol li{ font-size: 15px; line-height: 150%; font-weight: 400; } } @media(max-width:767px){ .blog-cms h2 { font-size: 22px; margin-top: 10px; } .blog-cms h3 { font-size: 18px; margin-top: 10px; } .blog-cms h4 { font-size: 16px; margin-top: 10px; } .blog-cms h5 { font-size: 15px; margin-top: 10px; } .blog-cms h6 { font-size: 14px; margin-top: 10px; } .blog-cms p{ font-size: 14px; font-weight: 400; } .blog-cms ul li, .blog-cms ol li{ font-size: 14px; line-height: 150%; font-weight: 400; } } /* blog-cms css end 19-07-2024 prnv*/ /* Multiste Form Start */ #submit-massege { color: var(--secondary-color) !important; } .multi_step_form .container { margin-top: 50px; } .multi-step-form-inner { padding: 40px 25px; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; } .multi-step-form-inner .form-control:focus { box-shadow: none; border-color: #dddddd; } .step-container { position: relative; text-align: center; transform: translateY(-43%); } .step-circle { width: 30px; height: 30px; border-radius: 50%; background-color: #fff; border: 2px solid var(--primary-color); line-height: 30px; font-weight: bold; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; cursor: pointer; /* Added cursor pointer */ } .step-line { position: absolute; top: 16px; left: 50px; width: calc(100% - 100px); height: 2px; background-color: var(--primary-color); z-index: -1; } .multi_step_form { margin-top: 100px; } #multi-step-form { overflow-x: hidden; } .multi_step_form .btn { padding: 8px 20px; font-size: 15px; } .multi_step_form .progress-bar { background-color: var(--primary-color); } .multi-step-form-inner .step { margin: 0 0 0 10px; } /* Multiste Form End */ .form-check-input:focus { outline: 0; box-shadow: none; } .form-check-input:hover { cursor: pointer; } .form-control:focus { outline: none; box-shadow: none; } /* Responsive CSS S */ .ipad-menu-dropdown-icon { display: none; } @media (min-width: 768px) { .blogListing .blogCategory_mob { display: none; visibility: hidden; opacity: 0; } } @media (min-width: 992px) { .zig-zag-img img { width: 32.05vw; } .navbar-list-wrap { position: sticky; /* top: 50px;  pranav */ top: 75px; padding-top: 0px; } } @media (min-width: 1199px) { .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item { border-radius: 5px; color: #2c466b; display: flex; align-items: center; text-transform: capitalize; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item:hover, .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item:focus, .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item.active { /* background-color: var(--primary-color); color: var(--white-color); */ background-color: transparent; color: var(--secondary-lighter-color); outline: none; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item:hover .icon::before, .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item:focus .icon::before, .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item.active .icon::before { color: var(--primary-dark-bg); } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item span { white-space: normal; line-height: 125%; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item .icon { opacity: 0.75; font-weight: 500; font-size: 20px; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item .icon { opacity: 1; font-weight: 500; font-size: 20px; margin: 0 10px 0 0; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item .mega-menu-ico { opacity: 0.75; fill: #12395f; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item .mega-menu-svg-icon { opacity: 0.75; fill: #12395f; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item:hover .icon { opacity: 1; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item:hover .mega-menu-ico { opacity: 1; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item:hover .mega-menu-svg-icon { opacity: 1; } .header .navbar-nav .dropdown .mega-menu { position: absolute; top: 50px; opacity: 0; transition: all 0.3s ease-in-out; visibility: hidden; } .header .navbar-nav .nav-item.dropdown:hover>.mega-menu { opacity: 1; display: block; z-index: 1; visibility: visible; } .header .navbar-nav .nav-item .nav-link { position: relative; } .header .navbar-nav .nav-item .nav-link::before { content: ""; background-color: var(--white-color); position: absolute; top: 42px; left: 34%; height: 0.9375rem; width: 0.9375rem; border-top: solid 1px var(--white-color); border-left: solid 1px var(--white-color); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; /* transition: ease-out 0.3s; */ opacity: 0; box-shadow: var(--box-shadow-03); } .header .navbar-nav .nav-item.dropdown:hover>.nav-link::before { opacity: 1; display: block; transition: all 0.3s ease-in-out; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item .icon-svg { max-width: 100%; width: 22px; margin: 0 10px 0 0; } } @media (min-width: 1200px) { .container { max-width: 1100px; } } @media (min-width: 1399px) { .container { max-width: 1200px; } } @media (min-width: 1599px) { .container { max-width: 1320px; } .footer-section .container { max-width: 1440px; } } @media (min-width: 1601px) { .stack-box .stack-item .stack-item-wrapper .cover-background .StackCount { top: 85px; } } @media (max-width: 1699px) { .banner-section .banner-right-part .video-wrapper video { width: 95%; } .banner-section .banner-left-part .description { padding: 0 140px 0 0; } .footer-section::before { background-size: 60%; height: 195px; width: 131px; z-index: 0; right: 25px; top: 10px; } .footer-section .footer-top .footer-top-menu-wrap { margin: 0 0 0 50px; } .blog-section .blog-top .blog-top-inner .section-title { min-width: 32%; line-height: 125%; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-left { min-width: 45.604167vw; margin-top: -400px; } .about-business-section .about-business-inner .about-buiness-bottom-part .items { padding: 25px 55px; } .about-business-section .about-business-inner { padding: 60px 72px 60px 68px; } .stack-box .stack-item .stack-item-wrapper .stack-details { max-width: 90%; } .business-type-section .business-type-inner .business-list-details .items+.items { /* padding: 47px 0 0 0; */ } .business-type-section.privacy-policy .business-list-details .items+.items { padding: 10px 0px 0px 0px; } .inner-banner-new-section::before { width: 215px; top: 150px; } .inner-banner-new-section::after { width: 215px; top: 150px; z-index: -1; } .banner-section.banner-pattern::before { width: 100px; } .banner-section.banner-pattern::after { width: 100px; } .features-section.fetaures-details .features-inner .features-right-part { max-width: 825px; } .features-section.fetaures-details { /* padding: 150px 0; */ } .inner-banner-new-section .inner-banner-caption .inner-banner-title { font-size: 42px; line-height: 150%; margin-bottom: 0; } } @media (max-width: 1600px) { .industries-section .industries-slider-wrap .industries-slider .item .item-details .item-title { font-size: 16px; line-height: 24px; } .business-type-section .business-type-inner .business-list-details .items .item-image .items-bottom .item-description { font-size: 16px; } .business-type-section .business-type-inner .business-list-details .items .item-image .items-top .item-title { font-size: 24px; } } @media (max-width: 1599px) { .banner-section .banner-right-part .video-wrapper video { width: 100%; } .pt-150 { padding-top: 100px; } .pt-100 { padding-top: 100px; } .pb-150 { padding-bottom: 100px; } .brand-section.about-us-page { padding: 25px 0 100px 0; } .pt-120 { padding-top: 100px; } .pb-120 { padding-bottom: 100px; } .pb-100 { padding-bottom: 80px; } .header .header-logo { max-width: 225px; } .header .navbar-nav .nav-item { padding: 0 13px; } .header .navbar-nav .mega-menu { min-width: 600px; } .banner-section .banner-left-part .description { padding: 0 60px 0 0; } .banner-section .banner-left-part .banner-title { font-size: 55px; line-height: 130%; } .banner-section .banner-right-part { min-width: 520px; } .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button { font-size: 20px; line-height: 30px; } .section-description { font-size: 16px; } .section-title { line-height: 120%; } .section-sub-title { font-size: 36px; line-height: 120%; } .service-section .service-top { margin: 0 0 30px 0; } .why-choose-section .why-choose-top { margin: 0px 0 30px 0; } .why-choose-section .section-inner { padding: 60px 30px; } .why-choose-section .items .items-details .items-description { font-size: 14px; } .testimonial-section .testimonial-top .section-title, .industries-section .industries-top .section-title, .blog-top .blog-top-inner { margin: 0 0 40px 0; } .industries-section .industries-slider-wrap .industries-slider .item .item-details .item-title { font-size: 16px; line-height: 24px; } .footer-section::before { background-size: 60%; height: 160px; width: 100px; z-index: 0; right: 15px; top: 60px; } .service-section .items .items-details .items-title { font-size: 20px; } .footer-section .footer-top .footer-top-menu-wrap .menu-item ul li{ font-size: 16px; } .footer-section .footer-top .footer-top-social ul li a { width: 25px; height: 25px; border-radius: 3px; padding: 5px; } .footer-section .footer-top .footer-top-social ul li+li { margin-left: 8px; } .business-type-section .business-type-inner .business-list-details .items .item-details .items-top .item-title { font-size: 24px; } .business-type-section .business-type-inner .business-list-details .items .item-details .items-bottom .item-description { font-size: 16px; max-width: 75%; } .business-type-inner .navbar-list-wrap .nabvar-list .nav .nav-link { font-size: 16px; } .business-type-inner .navbar-list-wrap .nabvar-list .nav .nav-link.active::before { top: 6px; } .features-type-section .features-type-list-section .features-lists .nav .nav-item { margin: 0 30px 0 0; } .features-type-section .features-type-list-section .features-lists .nav .nav-item .nav-link { font-size: 17px; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-details .items-title { font-size: 20px; margin: 0 0 10px 0; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-details .description { font-size: 16px; } .about-business-section .about-business-inner { padding: 60px 40px 60px 40px; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-left { margin-top: -400px; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-left img { max-width: 500px; } .about-business-section .about-business-inner .about-buiness-bottom-part .items .item-details .count-details { font-size: 42px; } .about-business-section .about-business-inner .about-buiness-bottom-part .items .item-details .content-details { font-size: 20px; } .about-business-section .about-business-inner .about-buiness-bottom-part .items { padding: 25px 62px; } .business-type-section.privacy-policy .navbar-list-wrap .policy-title { font-size: 20px; } .business-type-section.privacy-policy .navbar-list-wrap .nabvar-list .nav .nav-link { font-size: 1rem; padding: 10px 0; } .contact-us-page .contact-form-inner .contactForm .form-title { font-size: 48px; margin: 0 0 25px 0; } .contact-us-page .contact-form-inner { padding: 40px 40px 40px 40px; } .contact-us-page .contact-info .contact-info-title { font-size: 36px; } .not-found-page .error-text { font-size: 160px; margin: 50px 0 40px 0; } .not-found-page::after { height: 350px; width: 350px; left: 39%; } /* .inner-banner-new-section .inner-banner-caption .inner-banner-title { line-height: 120%; } */ .faq-title-section { margin: 0 0 40px 0; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td { font-size: 14px; } .bookDemo .contact-inner .select-demo-date .book-demo-title { font-size: 18px; } .features-section.business-details .features-right-part .feature-item .item-top .item-title { font-size: 18px; } .features-section.fetaures-details .features-inner .features-left-part .feature-item .item-right .item-title { font-size: 24px; } .features-section.fetaures-details .features-inner .features-left-part .feature-item .item-right .description { font-size: 16px; } .features-section.fetaures-details .features-inner .features-right-part { max-width: 750px; } } @media (max-width: 1440px) { .banner-section .banner-right-part .video-wrapper video { margin: 0 0 25px auto; } .btn-text { font-size: 14px; } p { font-size: 16px; line-height: 150%; } .banner-section .banner-left-part .banner-title { font-size: 50px; line-height: 64px; } .banner-section .banner-left-part .description { padding: 0 20px 0 0; } .accordion-wrap .accordion .accordion-item { margin: 0px 0 15px 0; } .section-title { font-size: 38px; line-height: 120%; } .section-sub-title { font-size: 30px; line-height: 120%; } .section-description { font-size: 14px; line-height: 140%; } .pr-125 { padding-right: 80px; } .pl-100 { padding-left: 75px; } .why-choose-section .section-inner { padding: 40px 20px; } .why-choose-section .items { padding: 30px 25px; } .why-choose-section .items .items-image { margin: 0 0 20px 0; } .why-choose-section .items .items-details .items-title { margin: 0 0 20px 0; font-size: 20px; line-height: 140%; } .testimonial-section .testimonial-left { padding: 125px 100px 60px 30px; } .cta-section .cta-inner .cta-left-part .cta-title { font-size: 42px; } .cta-section .cta-inner { padding: 60px 90px; } .cta-section .cta-inner .cta-right-part .cta-form .form-control { min-width: auto; } .cta-section .cta-inner .cta-right-part .cta-sub-title { font-size: 20px; line-height: 26px; margin: 0 0 20px 0; } .footer-section .footer-address .address { font-size: 14px; line-height: 22px; } .footer-section .footer-address ul li a { font-size: 14px; } .footer-section::before { right: 5px; } .service-section .items .items-details .items-title { font-size: 18px; line-height: 140%; } .service-section .items .items-details .items-description { font-size: 16px; line-height: 150%; } .why-choose-section .items .items-details .items-description { font-size: 16px; line-height: 150%; } .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button { font-size: 16px; line-height: 135%; } .accordion-wrap .accordion .accordion-item .accordion-body { font-size: 14px; line-height: 150%; padding: 16px 40px 16px 30px; } .blog-section .items .items-details .items-title { font-size: 18px; line-height: 150%; } .blog-section .items .items-details .items-description { font-size: 15px; line-height: 150%; } .footer-section .footer-top .footer-top-menu-wrap .menu-item ul li { font-size: 14px; } .footer-section .footer-bottom .copyright-area p, .footer-section .footer-bottom .footer-site-link span, .footer-section .footer-bottom .policy-links ul li { font-size: 13px; } .footer-section .footer-bottom { padding: 15px 0; } .footer-section .footer-top .footer-top-menu-wrap .menu-item ul li+li { margin-top: 12px; } .footer-section .footer-top .footer-bottom-logo { max-width: 225px; } .header .navbar-nav .nav-item .nav-link { font-size: 15px; } .features-type-section .features-type-list-section .features-lists .nav .nav-item { margin: 0 20px 0 0; } .features-type-section .features-type-list-section .features-lists .nav .nav-item .nav-link { font-size: 14px; } .features-type-section .features-type-list-section .features-lists .nav .nav-item { max-width: 115px; } .features-type-section .features-type-list-section .features-lists .nav .nav-item { margin: 0 15px 0 0; } .about-business-section .about-business-inner .about-buiness-bottom-part .items { padding: 25px 40px; max-width: 275px; } .about-business-section .about-business-inner .about-buiness-bottom-part .items .item-details .count-details { font-size: 36px; } .about-business-section .about-business-inner .about-buiness-bottom-part .items .item-details .content-details { font-size: 18px; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-left { min-width: 38.604167vw; margin-top: -400px; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-right .about-inner-title { font-size: 20px; } .stack-box .stack-item .stack-item-wrapper .stack-details { padding: 60px 80px 60px 80px; } .features-lists-details-section { padding-top: 60px; } .business-type-inner .navbar-list-wrap .nabvar-list .nav .nav-link { font-size: 14px; } .inner-banner { padding: 130px 0 60px 0; } .cms p { font-size: 14px; line-height: 150%; margin-bottom: 10px; } .cms p+p { margin: 10px 0 0px 0; } .recentBlogs { /* padding-left: 30px; */ } .recentBlogs .recentBlogItem .recentBlogItemDetails a { font-size: 12px; } .recentBlogs .recentBlogItem .recentBlogItemDetails .recentBlogsDates li .common-label{ font-size: 11px; } .siteMap .sitemap_pages .sitemapListing ul li a { font-size: 16px; } .business-type-section.privacy-policy .business-list-details .items .item-info { padding: 0 30px 0 30px; } .business-type-section.privacy-policy .business-list-details .items .item-info .item-title { font-size: 28px; margin: 20px 0 20px 0; } .business-type-section.privacy-policy .business-list-details .items+.items { /* padding: 35px 0px 0px 0px; */ } .business-type-section.privacy-policy .navbar-list-wrap { margin-top: 0px; } .business-type-section.privacy-policy .business-list-details .page-section { padding-top: 100px; } .cms h2 { font-size: 32px; margin: 0 0 15px 0; } .cms h3 { font-size: 26px; } .cms h4 { font-size: 24px; } .cms img { margin: 20px 0 25px 0; } .cms .bullets li { font-size: 16px; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-icon .icon-wrap { width: 65px; height: 65px; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-icon .icon-wrap img { width: 30px; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-icon { margin: 0 0 15px 0; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-details .items-title { font-size: 20px; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-details .description { font-size: 14px; margin: 0 0 13px 0; min-height: 60px; } .features-details-slider-section .brand-slider-wrap .business-slider .item { padding: 25px; } .cms .socialList .social-title { font-size: 20px; } .not-found-page::after { height: 320px; width: 320px; left: 38.9%; } .not-found-page .sub-title { font-size: 30px; } .inner-banner-new-section .inner-banner-caption .inner-banner-title { font-size: 42px; } .inner-banner-new-section { /* padding: 50px 0 50px 0; */ } .inner-banner-new-section .inner-banner-caption { min-height: 200px; } .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button { font-size: 20px; } .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-collapse.show .accordion-body { font-size: 16px; } .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-body { padding: 25px 0px 35px 0px; } .faq-accordion .accordion-wrap .accordion .accordion-item { margin: 0 0 35px 0; } .bookDemo .contact-inner .select-demo-date { padding: 50px 0px 60px; } .bookDemo .contact-inner .select-demo-date .book-demo-title { font-size: 16px; max-width: 80%; margin: 0 auto; } .contact-social .social-title { padding: 0 20px 0 0; font-size: 18px; } .contact-social .socialList ul { padding: 0 0 0 20px; } .inner-banner-new-section::before { top: 130px; } .inner-banner-new-section::after { top: 130px; } .features-section.business-details .features-right-part::before { right: -400px; } .features-section.business-details .features-right-part .feature-item .item-top .item-logo img { width: 45px; } .features-section.business-details .features-right-part .feature-item .item-top .item-title { font-size: 16px; } .features-section.business-details .features-right-part .feature-item .item-bottom .description { font-size: 14px; } .business-details-section .business-details-inner .navbar-list-wrap .nabvar-list .navbar-title { font-size: 20px; } .features-section.fetaures-details .features-inner .features-right-part { max-width: 700px; } .blogDetails .blogDetailInner .sectionTitle { /* padding: 25px 0 25px 0; */ font-size: 28px; } .business-type-section .business-type-inner .business-list-details .items .item-image .items-bottom .item-description { font-size: 14px; max-width: 85%; } .business-type-section .business-type-inner .business-list-details .items .item-image .items-top .item-title { font-size: 20px; } } @media (max-width: 1366px) { .header .navbar-nav .nav-item .ipad-menu-dropdown-icon { border: 0; } .banner-section .banner-right-part .video-wrapper video { width: 90%; } .header .header-logo { max-width: 165px; } .header .navbar-nav .nav-item .nav-link { font-size: 14px; } .cta-section .cta-inner .cta-left-part .cta-title { font-size: 40px; } .cta-section .cta-inner { padding: 50px 70px; } .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button { font-size: 15px; } .solutions-section .solution-left-part img { max-width: 35vw; } .section-title { font-size: 32px; line-height: 120%; } .blog-section .blog-top .blog-top-inner .blog-details .description { font-size: 14px; } .why-choose-section .items .items-details .items-description { min-height: 170px; } .industries-section .industries-top .industries-wrap { max-width: 90%; } .count-section .count-items { padding: 30px 35px; } .count-section .count-items .count-total { margin: 0 30px 0px 0; font-size: 28px; } .count-total .percentage { margin: 0px 0 0 5px; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items { padding: 25px 25px; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-icon { margin: 0 25px 0 0; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-details { margin: 0 25px 0 0; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-icon .icon-wrap { width: 60px; height: 60px; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-icon .icon-wrap .icon { font-size: 24px; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-icon .icon-wrap .icon-svg { width: 24px !important; height: 24px !important; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-details .items-title { font-size: 18px; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-view-more .view-more-icon svg { width: 18px; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-details .description { font-size: 14px; } .features-type-section .features-type-list-section .features-lists .nav .nav-item .nav-link.active::before { width: 9px; height: 9px; } .about-business-section .about-business-inner .about-buiness-bottom-part .items .item-details .count-details { font-size: 30px; } .about-business-section .about-business-inner .about-buiness-bottom-part .items .item-details .content-details { font-size: 16px; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-left { min-width: 36.604167vw; margin-top: -350px; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-left img { max-width: 400px; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-right .about-inner-title { font-size: 18px; } .about-business-section .about-business-inner .about-buiness-bottom-part .items { padding: 25px 40px; max-width: 250px; } .stack-box .stack-item .stack-item-wrapper .cover-background .StackCount { font-size: 100px; right: -50px; top: 60px; } .inner-banner { padding: 100px 0 50px 0; } .page-title { font-size: 1.5rem; margin: 0 0 5px 0; } /* .recentBlogs { padding-left: 20px; } */ .not-found-page .not-found-img img { max-width: 70%; } .contact-us-page .contact-form-inner .contactForm .form-title { font-size: 42px; margin: 0 0 15px 0; } .contact-us-page .contact-info .contact-info-title { font-size: 28px; margin: 0 0 25px 0; } .contact-us-page .contact-info { padding: 30px 0 0px 0; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-icon .address-icon-bg img { right: -5px; width: 30px; } .inner-banner-new-section { /* padding: 0px 0 50px 0; */ } /* .inner-banner-new-section .inner-banner-caption .inner-banner-title { font-size: 42px; } */ .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button { font-size: 18px; } .bookDemo .contact-inner .contact-form-inner .contact-field { padding: 30px 30px 30px 30px; } .bookDemo .contact-inner .select-demo-date { padding: 45px 0px 45px; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-info .address-title { font-size: 18px; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-info p { font-size: 14px; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-info a { font-size: 14px; } .features-section.business-details .features-right-part::before { right: -440px; } .features-section.fetaures-details .features-inner .features-right-part { max-width: 660px; } .features-section.fetaures-details { /* padding: 120px 0; */ } .features-section.fetaures-details .features-inner .features-left-part .feature-item .item-right .item-title { font-size: 22px; margin: 0px 0 15px 0; } /* .blogDetails .blogDetailInner .sectionTitle { padding: 20px 0 20px 0; } */ .pb-100 { padding-bottom: 80px; } } @media screen and (max-width: 1366px) and (max-height: 1024px) { .header .navbar-nav .nav-item .nav-link { position: relative; padding: 0 15px 0 0; } .header .navbar-nav .nav-item .ipad-menu-dropdown-icon { /* position: absolute; font-size: 16px; right: 14px; top: 8px; display: flex; align-items: center; justify-content: center; color: #6f7275; cursor: pointer; */ position: absolute; font-size: 16px; right: 5px; top: 3px; display: flex; align-items: center; justify-content: center; color: #6f7275; cursor: pointer; padding: 5px; border: 1px solid #dedede; border-radius: 4px; } .header .navbar-nav .nav-item .nav-link.dropdown-toggle::after { display: none; } } @media (max-width: 1366px){ .header .navbar-nav .nav-item .ipad-menu-dropdown-icon { border: 0; } } @media (max-width: 1299px) { .banner-section .banner-right-part .video-wrapper video { width: 85%; } .header .navbar-nav .nav-item { padding: 0 10px; } .banner-section .banner-left-part .description { padding: 0 40px 0 0; } .banner-section .banner-left-part .banner-title { font-size: 46px; line-height: 130%; } .banner-section .banner-left-part .banner-title .bg-text::after { background-position: 0px 42px; } .mobile-application-section { background-position: center 0; } .business-type-section .business-type-inner .business-list-details .items .item-details .items-top .item-title { font-size: 20px; } .business-type-section .business-type-inner .business-list-details .items .item-details .items-bottom .item-description { font-size: 14px; max-width: 90%; } .features-type-section .features-type-list-section .features-lists .nav .nav-item .nav-link.active::after { bottom: 0px; } .features-type-section .features-type-list-section .features-lists .nav .nav-item .nav-link.active::before { top: 7px; } .about-business-section .about-business-inner .about-buiness-bottom-part .items { padding: 20px 40px; max-width: 255px; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-right .description { margin: 0 0 40px 0; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-left { min-width: 40.604167vw; margin-top: -380px; } .features-type-section .features-type-list-section .features-lists .nav .nav-item .nav-link { padding: 20px 0; } .business-details-slider-section .brand-slider-wrap .business-slider .items .item-details .items-bottom { padding: 25px 15px; } .business-details-slider-section .brand-slider-wrap .business-slider .items .item-details .items-top { padding: 25px 15px; } .business-details-slider-section .brand-slider-wrap .business-slider .items .item-details .items-top .item-title { font-size: 18px; } .bookDemo .contact-inner .contact-form-inner { padding-left: 10px; } .contact-us-page .contact-info .contact-address ul .address-item { margin: 0 0 35px 0; } .inner-banner-new-section::before { top: 120px; } .inner-banner-new-section::after { top: 120px; } .business-details-section .business-details-inner .navbar-list-wrap .nabvar-list .nav .nav-link { font-size: 14px; } .features-section.fetaures-details .features-inner .features-right-part { max-width: 610px; } .features-section.fetaures-details .features-inner .features-left-part .feature-item .item-left .item-logo { font-size: 16px; } } @media (max-width: 1199px) { .header .navbar-nav .nav-item .ipad-menu-dropdown-icon { display: none; } .banner-section .banner-right-part .video-wrapper video { width: 95%; margin: 0 0 50px auto; } .header .schedule-demo .demo-btn { display: block; } .header .schedule-demo .demo-text { display: none; } .header .schedule-demo .btn-primary { padding: 10px 12px; height: 42px; } .header .header-logo { max-width: 200px; } .header .header-logo .navbar-brand img { max-width: 75%; } .header .schedule-demo { position: absolute; right: 57px; } .header .main_menu .navbar-collapse { top: 0; max-width: 400px; left: -100%; width: 100%; background: var(--bg-light-color); color: var(--black-color); height: 100vh; position: fixed; z-index: 9; overflow-y: auto; -webkit-transform: translate3d(0, 0, 205px); -moz-transform: translate3d(0, 0, 205px); transform: translate3d(0, 0, 205px); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; padding: 15px 25px; box-shadow: var(--header-navbar-shadow); -webkit-box-shadow: var(--header-navbar-shadow); -moz-box-shadow: var(--header-navbar-shadow); -ms-box-shadow: var(--header-navbar-shadow); } .header .main_menu .navbar-collapse.collapse.show { left: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .header .navbar-nav { margin: 20px 0 0 0; } .header .navbar-nav .nav-item .nav-link { font-size: 20px; color: var(--primary-color); width: calc(100% - 50px); } .header .navbar-nav .nav-item .nav-link:focus, .header .navbar-nav .nav-item .nav-link:hover, .header .navbar-nav .nav-item.active .nav-link { color: var(--secondary-light-color); } .header .navbar-nav .nav-item { padding: 0; margin: 0 0 15px 0; padding: 20px 0; margin: 0; border-bottom: 1px solid var(--border-color4); position: relative; } .header .navbar-nav .nav-item .mobile-menu-dropdown-icon { position: absolute; font-size: 20px; right: 0; top: 20px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } .header .header-logo-mobile { display: block; text-align: center; width: 100%; margin: 0 auto; } .header .header-logo-mobile .navbar-brand { margin: 0; padding: 0; display: flex; justify-content: start; } .header .header-logo-mobile .navbar-brand img { max-width: 200px; } .header .navbar-nav .nav-item .nav-link.dropdown-toggle { position: relative; } .header .navbar-nav .nav-item .nav-link.dropdown-toggle::after { right: 0; position: absolute; top: 50%; transform: translateY(-50%); transform: rotate(0deg); transition: 0.2s all ease-in-out; } .header .navbar-nav .nav-item .nav-link.dropdown-toggle.show::after { transform: rotate(180deg); } .header .navbar-nav .mega-menu { min-width: 100%; width: 100%; padding: 15px 10px; margin: 5px 0 0 0; box-shadow: none; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-top { padding: 0 10px; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li { width: 100%; border-bottom: 1px solid var(--border-color4); padding-bottom: 8px; margin-bottom: 8px; } .main_menu .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon { background-image: url(../images/menu-close.png); } .main_menu .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { background-image: url(../images/menu-open.png); } .navbar-toggler-icon { background-image: url(../images/menu-close.png); } .navbar-toggler { background-color: var(--primary-color); color: var(--white-color); border-radius: 5px; padding: 6px 6px; font-weight: 600; border: none; } .banner-section .banner-right-part { min-width: 36.604167vw; } .banner-section .banner-left-part .description { padding: 0 20px 0 0; } .banner-section .banner-left-part .banner-title { font-size: 40px; line-height: 130%; } .banner-section .banner-left-part .banner-title .bg-text::after { bottom: 3px; } .section-title { font-size: 28px; line-height: 120%; margin: 0 0 20px 0; } .section-description { font-size: 13px; } .section-sub-title { font-size: 28px; line-height: 36px; } .pr-125 { padding-right: 50px; } .pl-100 { padding-left: 50px; } .testimonial-section .testimonial-top .section-title, .industries-section .industries-top .section-title, .blog-top .blog-top-inner { margin: 0 0 30px 0; } .industries-section .industries-top { margin: 0 0 60px 0; } .industries-section { padding-top: 450px; } .industries-section .industries-top .industries-wrap { max-width: 90%; } .industries-section .industries-top .industries-wrap ul li .industries-details .count-details { font-size: 36px; line-height: 38px; } .industries-section .industries-slider-wrap .industries-slider .item .item-details .item-title { font-size: 14px; line-height: 24px; } .blog-section .blog-top .blog-top-inner { flex-direction: column; } .blog-section .blog-top .blog-top-inner .section-title { margin: 0 0 30px 0; } .blog-section .blog-top .blog-top-inner .blog-details .description { max-width: 75%; } .blog-section .blog-top { text-align: center; } .why-choose-section .items .items-details .items-description { font-size: 14px; } .cta-section .cta-inner .cta-left-part .cta-title { font-size: 36px; line-height: 150%; } .cta-section { padding-top: 30px !important; } .cta-section .cta-inner { padding: 80px 40px 80px 40px; } .footer-section .footer-top .footer-top-menu-wrap { margin: 0; } .footer-section .footer-top .footer-top-menu-wrap .menu-item .menu-title { margin: 0px 0 15px 0; } .footer-section .footer-address ul li { margin: 0 0 20px 0; } .footer-section .footer-top .footer-bottom-logo { max-width: 250px; margin: 0 auto 20px auto; text-align: center; } .footer-section .footer-top .footer-top-social ul li+li { margin-left: 15px; } .footer-section .footer-bottom .policy-links ul li { margin: 0 20px 0 0; } .footer-section .footer-top .footer-top-social ul { justify-content: center; margin: 0 0 20px 0; } .footer-section .footer-bottom .footer-site-link img { max-width: 22px; } .footer-section .footer-bottom .copyright-area p, .footer-section .footer-bottom .footer-site-link span, .footer-section .footer-bottom .policy-links ul li { font-size: 12px; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-left { min-width: 43.604167vw; margin-top: -400px; } .stack-box { height: auto; } .stack-box .stack-box-contain { height: auto; position: relative; } .stack-box .stack-item { height: auto; position: relative; display: block; } .stack-box .stack-item .stack-item-wrapper { position: relative; display: flex; align-items: center; height: auto; } .stack-box .stack-item .stack-item-wrapper .stack-details { max-width: 100%; } .stack-box .stack-item .stack-item-wrapper .cover-background .StackCount { font-size: 80px; right: -40px; top: 40px; } .stack-box .stack-item .stack-item-wrapper .stack-details { padding: 60px 60px 60px 60px; } .inner-banner { padding: 80px 0 50px 0; } .blogDetails .blogDetailInner .blog-description .blog-parameter { margin: 0px 0 10px 0; } .blogDetails .blogDetailInner .blogImage { margin: 15px 0 20px 0; } .recentBlogs { padding-left: 15px; } .bookDemo .contact-inner .contact-form-inner { padding-left: 10px; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td { font-size: 16px; } .siteMap .sitemap_pages .sitemapListing ul li a { font-size: 12px; } .siteMap .sitemap_pages .sitemapListing ul li a::before { top: 4px; } .siteMap .sitemap_pages .sitemapListing ul { /* margin-bottom: 20px; */ } .siteMap .sitemap_pages { /* margin: 0 0 30px 0; */ } .siteMap .sitemap_pages .sitemapListing ul li { padding: 0 0 0 25px; margin-bottom: 0px; } .siteMap .sitemap_pages .section-title { font-size: 26px; } .contact-us-page .contact-form-inner .contact-form .form-check-label { max-width: 80%; } .cms h2 { font-size: 28px; margin: 0 0 10px 0; } .cms h3 { font-size: 24px; } .cms h4 { font-size: 22px; } .cms .bullets { padding: 0 0 0 50px; margin: 20px 0 30px 0; } .cms .bullets li { font-size: 14px; } .business-details-slider-section .brand-slider-wrap .business-slider .items .item-details .items-bottom .item-description { font-size: 12px; max-width: 85%; } .business-details-slider-section .brand-slider-wrap .business-slider .items .item-details .items-bottom .view-more-arrow { height: 28px; width: 28px; } .business-details-slider-section .brand-slider-wrap .business-slider .items .item-details .items-bottom .view-more-arrow svg { width: 16px; } .inner-banner-new-section .inner-banner-caption .inner-banner-title { font-size: 38px; } .inner-banner-new-section .inner-banner-caption { min-height: 160px; } .bookDemo .contact-inner .select-demo-date { padding: 35px 10px 35px 10px; } .bookDemo { padding-bottom: 60px; } .contact-us-page .contact-form-inner { padding: 30px 30px 30px 30px; } .contact-us-page .contact-info .contact-info-title { font-size: 24px; margin: 0 0 25px 0; } .contact-social .seperator { width: 120px; } .inner-banner-new-section::before { top: 95px; width: 175px; } .inner-banner-new-section::after { top: 95px; width: 175px; } .banner-section { padding-top: 100px; } .business-details-slider-section { margin: 60px 0 0 0; } .thank-you-page .description { max-width: 100%; margin: 0 auto 20px auto; } .features-section.fetaures-details .features-inner .features-right-part { max-width: 570px; } .features-section.fetaures-details .features-inner .features-left-part .feature-item { margin: 0 0 25px 0; } .banner-section .banner-left-part .banner-title { max-width: 80%; } .business-type-section .business-type-inner .business-list-details .items+.items { padding: 10px 0 0 0; } .business-type-section .business-type-inner .business-list-details .items .item-details .items-top { position: absolute; top: 40px; left: 0px; } } @media (max-width: 1024px) { .banner-section .banner-right-part .video-wrapper video { margin: 0 0 50px; } .track-section .track-inner .track-left-part .btn-group .btn-primary { font-size: 13px; } .track-section .track-inner .track-left-part .btn-group .video-btn { font-size: 13px; } .container { max-width: 850px; } .pt-150 { padding-top: 80px; } .pt-100 { padding-top: 80px; } .pb-150 { padding-bottom: 80px; } .brand-section.about-us-page { padding: 25px 0 80px 0; } .pt-120 { padding-top: 80px; } .pb-120 { padding-bottom: 80px; } p { font-size: 15px; line-height: 150%; } p+p { margin: 15px 0 0px 0; } .header .header-logo .navbar-brand img { max-width: 70%; } .header { padding: 10px 0; } .banner-section .banner-right-part { min-width: 50%; } .banner-section .banner-left-part .btn-group .video-btn { font-size: 13px; } .banner-section .banner-left-part .btn-group .video-btn span svg { width: 35px; } .brand-section .brand-inner .brand-top .brand-title { margin: 0 0 25px 0; } .brand-section { padding: 25px 0 25px 0; } .solutions-section .solution-left-part img { max-width: 400px; } .accordion-wrap .accordion .accordion-item .accordion-body { padding: 10px 15px; font-size: 13px; } .service-section .items { box-shadow: var(-box-shadow-06); -webkit-box-shadow: var(-box-shadow-06); -moz-box-shadow: var(-box-shadow-06); -ms-box-shadow: var(-box-shadow-06); margin-bottom: 20px; padding: 20px; } .service-section .items .items-image .image-wrap { width: 55px; height: 55px; padding: 15px; } .service-section .items .items-details .items-title { font-size: 20px; } .why-choose-section .items .items-image .image-wrap { width: 55px; height: 55px; padding: 15px; } .why-choose-section .items .items-details .items-title { font-size: 18px; } .why-choose-section .items .items-details .items-description { min-height: 150px; } .why-choose-section .why-choose-top .section-description { max-width: 100%; } .why-choose-section .section-inner { padding: 20px; } .section-sub-title { font-size: 26px; line-height: 120%; } .testimonial-section .testimonial-left .items-details .section-sub-title { font-size: 30px; } .blog-section .items .items-details .items-title { font-size: 18px; line-height: 24px; } .blog-section .items .items-details .items-description { margin: 0 0 15px 0; } .footer-section { margin: -250px 0 0 0; } .footer-section::before { right: 0; top: 140px; } .footer-section .footer-top { padding: 0 0 30px 0; } .count-section .count-items .count-total { margin: 0 20px 0px 0; font-size: 24px; } .features-type-section .features-type-list-section .features-lists .nav .nav-item .nav-link { font-size: 14px; } .features-type-section .features-type-list-section .features-lists .nav .nav-item { max-width: 100px; } .about-business-section .about-business-inner .about-buiness-top-part { flex-direction: column; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-left { min-width: auto; margin-top: -150px; width: 100%; margin-bottom: 40px; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-left img { max-width: 400px; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-right { display: flex; flex-direction: column; } .about-business-section .about-business-inner .about-buiness-bottom-part { margin-top: 0; } .features-lists-details-section { padding-top: 40px; } .inner-banner-new-section { padding: 70px 0 40px 0; } .page-title { font-size: 1.3rem; } .breadcumb-wrap .breadcrumb .breadcrumb-item { font-size: 14px; } .blogListing .blogCategory li { margin-bottom: 15px; } .blogListing .blogCategory { flex-wrap: wrap; } .bookDemo .contact-inner .contact-form-inner { padding-left: 0; } .bookDemo .contact-inner .contact-form-inner .contact-field { padding: 20px; } .bookDemo .contact-inner .select-demo-date .contact-social li a { width: 30px; height: 30px; } .bookDemo .contact-inner .select-demo-date .contact-social li a svg { width: 17px; } .bookDemo.contact-us .contact-info.select-demo-date { padding: 10px 25px 30px; margin: 0px 0 0 0; } .bookDemo .container { max-width: 960px; } .business-type-section.privacy-policy .navbar-list-wrap { margin-top: 0px; padding: 15px; } .business-type-section .business-type-inner { /* padding-top: 60px; */ } .business-type-section .business-type-inner .business-list-details .items:first-child { padding-top: 0px; } .business-type-section.privacy-policy .business-list-details .page-section { padding-top: 80px; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-icon .address-icon-bg img { right: 0px; width: 25px; top: 10px; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-icon .address-icon-bg { height: 40px; width: 40px; } .contact-us-page .contact-form-inner .contact-form .form-check-label { max-width: 90%; } .cms .socialList { margin: 15px 0 0px 0; padding-top: 15px; } .cms .socialList .social-title { font-size: 18px; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-details .items-title { font-size: 18px; } .not-found-page .error-text { font-size: 120px; margin: 30px 0 20px 0; } .not-found-page .sub-title { font-size: 26px; margin: 0 0 10px 0; } .not-found-page::after { height: 260px; width: 260px; left: 37.7%; } .not-found-page .error-text span::after, .not-found-page .error-text span::before { height: 20px; width: 5px; } .faq-title-section { margin: 0 0 30px 0; } .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button { font-size: 16px; } .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-collapse.show .accordion-body { font-size: 14px; } .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-body { padding: 25px 0px 25px 0px; } .faq-accordion .accordion-wrap .accordion .accordion-item { margin: 0 0 25px 0; } .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { background-size: contain; width: 15px; height: 15px; } .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button::after { background-size: contain; width: 15px; height: 15px; } .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button span { display: flex; padding: 0 50px 0 0; } .price-left-bottom .price-btn-wrap { width: 90%; max-width: 100%; } .price-left-bottom .price-btn-wrap .btn-primary { width: 100%; } .bookDemo .contact-inner .select-demo-date { padding: 25px 10px 25px 10px; } .contact-social .social-title { padding: 0 15px 0 0; font-size: 16px; } .contact-social .socialList ul { padding: 0 0 0 15px; } .contact-social .seperator { width: 100px; } .inner-banner-new-section::before { top: 60px; width: 130px; } .inner-banner-new-section::after { top: 60px; width: 130px; } .banner-section.banner-pattern::before { width: 75px; top: 200px; } .banner-section.banner-pattern::after { width: 75px; top: 200px; } .features-section.business-details .features-right-part::before { right: -87px; width: 480px; } .features-section.fetaures-details .features-inner .features-right-part { max-width: 500px; position: relative; top: auto; right: auto; transform: none; text-align: center; margin: 0 auto; } .features-section.fetaures-details .features-inner .features-left-part { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 0 60px 0; width: 100%; } .features-section.fetaures-details .features-inner .col-100 { width: 100%; } .features-section.fetaures-details { padding: 80px 0; } .features-section.fetaures-details .features-inner .features-left-part .feature-item { margin: 0 0 35px 0; } .features-details-slider-section { margin: 60px 0 0 0; } .business-type-section .business-type-inner .business-list-details .items .item-details .items-top { position: absolute; left: 0px; } .stack-box .stack-item.stack-item-02 .cover-background, .stack-box .stack-item.stack-item-03 .cover-background { background-size: cover; background-position: 16% 0% !important; } .thank-you-page .error-text { font-size: 72px; min-height: 150px; } } @media (max-width: 991px) { .stack-box .stack-item.stack-item-02 .cover-background, .stack-box .stack-item.stack-item-03 .cover-background { background-size: cover; background-position: center center !important; } .tab-content>.tab-pane { display: block; opacity: 1; } .container { max-width: 700px; } .banner-section { padding-top: 40px; } .banner-section .banner-left-part .banner-title .bg-text::after { height: 10px; } .banner-section .banner-inner { flex-direction: column; } .banner-section .banner-left-part { width: 100%; order: 1; padding: 50px 0; } .banner-section .banner-right-part { width: 100%; min-width: auto; order: 2; max-width: 500px; } .banner-section .banner-left-part .description { padding: 0; margin: 0 0 40px 0; } .solutions-section .solution-inner .solution-left-part { text-align: center; } .banner-section .banner-left-part .banner-title { max-width: 100%; text-align: center; } .banner-section .banner-left-part .banner-title br { display: none; } .solutions-section .solution-inner .solution-left-part img, .features-section .features-right-part img, .payment-section .payment-left-part img, .track-section .track-right-part img, .sales-section .sales-left-part img { max-width: 450px; } .pr-125 { padding-right: 1.5rem; } .pl-100 { padding-left: 1.5rem; } .pr-80 { padding-right: 1.5rem; } .pb-60 { padding-bottom: 30px; } .pb-100 { padding-bottom: 40px; } .why-choose-section .items { padding: 25px 20px; } .industries-section .industries-top .industries-wrap { max-width: 100%; } .why-choose-section .items .items-details .items-title { font-size: 22px; } .why-choose-section .items .items-details .items-description { font-size: 15px; } .cta-section .cta-inner .cta-right-part .cta-sub-title { font-size: 18px; line-height: 24px; margin: 0 0 15px 0; text-align: center; } .cta-section .cta-inner .cta-left-part .cta-title { font-size: 42px; line-height: 52px; margin: 0 0 25px 0; text-align: center; } .cta-section .cta-inner { padding: 60px 40px 60px 40px; } .service-section .items .items-details .items-title { font-size: 18px; } .service-section .items .items-details .items-description { font-size: 14px; } .mobile-application-section { background-position: center right -100px; position: relative; } .mobile-application-section:before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; background: linear-gradient(45deg, rgba(18, 57, 96, 1) 0%, rgba(94, 191, 213, 1) 100%); opacity: 0.85; } .mobile-application-section .section-inner { position: relative; z-index: 1; } .footer-section .footer-bottom .copyright-area, .footer-section .footer-bottom .footer-site-link { display: flex; justify-content: center; align-items: center; } .footer-section .footer-bottom .copyright-area { margin: 0 0 10px 0; } .footer-section .footer-bottom .policy-links { margin: 0 0 0px 0; } .footer-section .footer-bottom .policy-links ul li { margin: 0 15px 0 0; } .footer-section .footer-bottom .policy-links ul { justify-content: center; } .footer-section .footer-top { padding: 0 0 30px 0; } .footer-section .footer-address ul li { justify-content: center; margin: 0 0 15px 0; align-items: center; } .footer-section .footer-address { margin: 20px 0 0 0; } .footer-section .footer-top .footer-bottom-logo { max-width: 40%; } .footer-section .footer-top .footer-top-menu-wrap .menu-item .menu-title { margin: 0px 0 10px 0; } .count-section .count-items { border-right: none; padding: 15px 15px; justify-content: center; } .count-total .percentage.second-div { color: var(--white-color); margin: 0px -5px 0 0; display: block; } .count-section .count-items .count-total { width: 30%; justify-content: flex-end !important; } .count-section .count-items .count-description { width: 50%; } .banner-section .banner-right-part .video-wrapper video { margin: 0; } .features-type-section .features-type-list-section { padding: 0; box-shadow: none; border: none; } .about-business-section .about-business-inner .about-buiness-bottom-part .about-business-bottom-left { justify-content: center; margin: 0 0 15px 0; } .about-business-section .about-business-inner .about-buiness-bottom-part .about-business-bottom-right { justify-content: center; } .about-business-section .about-business-inner { padding: 40px 25px 40px 25px; } .about-business-section .about-business-inner .about-buiness-bottom-part .items { padding: 20px 25px; width: 50%; max-width: 50%; margin: 0 5px; } .about-business-section .about-business-inner .about-buiness-bottom-part .items .item-details .count-details { font-size: 20px; } .about-business-section .about-business-inner .about-buiness-bottom-part .items .item-details .content-details { font-size: 14px; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-left { margin-top: -145px; margin-bottom: 40px; text-align: center; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-left img { max-width: 400px; } .full-screen { height: auto !important; } .cover-background { height: 500px !important; } .stack-box .stack-item { margin-bottom: 0; } .stack-box .stack-item .stack-item-wrapper .cover-background .StackCount { top: auto; bottom: -30px; left: 0; right: 0; text-align: center; -webkit-text-fill-color: var(--primary-color); -webkit-text-stroke: 1px var(--white-color); } .stack-box .stack-item .stack-item-wrapper .stack-details { padding: 60px 40px 60px 40px; } .stack-box .stack-item.stack-item-03 .stack-item-wrapper .stack-details { padding-bottom: 0; } .inner-banner { padding: 80px 0 40px 0; } .header .header-logo-mobile .navbar-brand img { max-width: 200px; } .blogListing .blogTitle { text-align: center; } .blogListing .blogCategory li { list-style: none; margin-right: 5px; } .blogListing .blogCategory li a { font-size: 12px; } .recentBlogs { padding-left: 0; /* padding: 15px 25px 25px; border: 1px solid #f2f2f2; background-color: #f9f9f9; box-shadow: rgba(0,0,0,0.15) 0px 2px 8px; -webkit-box-shadow: rgba(0,0,0,0.15) 0px 2px 8px; -moz-box-shadow: rgba(0,0,0,0.15) 0px 2px 8px; -ms-box-shadow: rgba(0,0,0,0.15) 0px 2px 8px; border-radius: 10px; */ } .cms img { margin: 0 0px 25px 0; } .faq-section .verticle-text h2 { writing-mode: unset; font-size: 80px; } .bookDemo .contact-inner .contact-form-inner { margin-top: 40px; } .bookDemo .contact-inner .select-demo-date { padding: 20px 100px; } .bookDemo .container { max-width: 700px; } .changeLog .single-timeline-area { padding-left: 200px; } .changeLog .single-timeline-area .timeline-date { width: 180px; } .changeLog .single-timeline-area .timeline-date .change_log_ico { right: -35px; } .business-type-section.privacy-policy .business-list-details .items .item-info { padding: 0; } .business-type-section.privacy-policy .business-list-details .items .item-info .item-title { font-size: 26px; margin: 0px 0 20px 0; } .business-type-section.privacy-policy .business-list-details .items+.items { padding: 25px 0px 0px 0px; } .business-type-section.privacy-policy .business-list-details .items .item-info .item-description { line-height: 160%; font-size: 14px; } .business-type-section.privacy-policy .business-list-details .page-section { padding-top: 60px; } .contact-us-page .contact-form-inner .contactForm .form-title { font-size: 36px; margin: 0 0 10px 0; } .contact-us-page .contact-form-inner { padding: 30px 30px 30px 30px; } .contact-us-page .contact-info .contact-address ul .address-item { margin: 0 0 20px 0; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-icon .address-icon-bg img { right: 0px; width: 20px; top: 10px; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-icon .address-icon-bg { height: 30px; width: 30px; } .contact-us-page .contact-form-inner .contact-form .input-group .input-group-text img { max-width: 70%; } .features-details-slider-section .brand-slider-wrap .business-slider .item { padding: 20px 20px; } .not-found-page::after { height: 200px; width: 200px; left: 38.2%; } .inner-banner-new-section .inner-banner-caption .inner-banner-title { font-size: 32px; } .inner-banner-new-section .inner-banner-caption { min-height: 130px; } .inner-banner-new-section { /* padding: 0px 0 30px 0; */ } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-icon { margin: 0 25px 0 0; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-info .address-title { font-size: 16px; } .inner-banner-new-section::before { top: 40px; width: 100px; } .inner-banner-new-section::after { top: 40px; width: 100px; } .banner-section.banner-pattern::before { display: none; } .banner-section.banner-pattern::after { display: none; } .features-section.business-details .features-right-part::before { display: none; } .business-details-slider-section { margin: 30px 0 0 0; } .thank-you-page .description { max-width: 100%; margin: 0 auto 20px auto; } .features-section.fetaures-details .features-inner .features-left-part .feature-item .item-left .item-logo { margin: 0 20px 0 0; flex: 0 0 40px; width: 40px; height: 40px; font-size: 18px; } .navbar-list-wrap { display: none !important; } .thank-you-page:before { display: none; } .multi-step-form-inner .step { margin: 0 0 0 0px; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-details .items-title { min-height: 45px; } .business-type-section .business-type-inner .business-list-details .items .item-details .items-top { position: absolute; top: 30px; left: 0px; } .business-type-section .business-type-inner .business-list-details .items:first-child .item-details .items-top { position: absolute; top: -10px; } .business-type-section .business-type-inner .tab-listing-wrapper .select2-container .select2-selection--single { padding: 0; } .business-type-section .business-type-inner .tab-listing-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px !important; } } @media (max-width: 767px) { .common-badge { margin-bottom: 10px; } .pt-150 { padding-top: 60px; } .pt-100 { padding-top: 60px; } .pb-150 { padding-bottom: 60px; } .brand-section.about-us-page { padding: 25px 0 60px 0; } .pt-120 { padding-top: 60px; } .pt-60 { padding-top: 40px; } .pb-120 { padding-bottom: 60px; } p { font-size: 14px; } .header .header-logo-mobile .navbar-brand img { max-width: 75%; } .banner-section .banner-left-part { padding: 30px 0; } .banner-section .banner-left-part .banner-title { font-size: 39px; line-height: 130%; } .banner-section .banner-left-part .description { padding: 0; margin: 0 0 30px 0; } .banner-section .banner-left-part .banner-title { margin: 30px 0; } .banner-section .banner-right-part .video-wrapper video { max-width: 400px; } .accordion-wrap .accordion .accordion-item .accordion-body { padding: 15px 40px 15px 25px; } .section-title { font-size: 28px; line-height: 120%; } .section-sub-title { font-size: 22px; line-height: 120%; } .why-choose-section .section-inner { padding: 20px 20px; } .testimonial-section .testimonial-left { padding: 60px 30px 50px 30px; } .industries-section .industries-top .industries-wrap ul { flex-direction: column; } .industries-section .industries-top .industries-wrap ul li { width: 100%; justify-content: center; align-items: center; } .industries-section .industries-top .industries-wrap ul li:last-child { justify-content: flex-start; margin: 10px 0 0 0; } .industries-section .industries-top { margin: 0 0 30px 0; } .industries-section .industries-slider-wrap .industries-slider .item .item-details .item-title { font-size: 14px; line-height: 24px; } .industries-section .industries-top .industries-wrap ul li .industries-details .count-details { font-size: 24px; line-height: 34px; margin: 0 20px 0 0; } .mobile-application-section { background-position: center right -180px; } .mobile-application-section .mobile-application-top .btn-group .black-btn svg { max-width: 110px; } .mobile-application-section .mobile-application-top .btn-group .black-btn+.black-btn { margin: 0 0 0 10px; } .mobile-application-section .mobile-application-top .description { max-width: 100%; margin: 0 0 15px 0; } .mobile-application-section .mobile-application-top .section-title { margin: 0 0 30px 0; } .mobile-application-section .mobile-application-top .description:last-of-type { margin: 0 0 25px 0; } .service-section .items .items-details .items-title { font-size: 16px; line-height: 140%; } .service-section .items .items-details .items-description { font-size: 14px; line-height: 150%; } .service-section .items { padding: 15px 15px; } .why-choose-section .items .items-details .items-title { font-size: 18px; line-height: 140%; } .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button { font-size: 16px; line-height: 135%; } .accordion-wrap .accordion .accordion-item .accordion-body { font-size: 14px; line-height: 135%; } .industries-section .industries-top .industries-wrap ul li:first-child .industries-details { border-right: none; border-bottom: 1px solid var(--secondary-light-color); padding: 0 0 10px 0; } .testimonial-section .testimonial-left { padding: 70px 50px; } .features-section .features-right-part img, .payment-section .payment-left-part img, .track-section .track-right-part img, .sales-section .sales-left-part img { max-width: 300px; } .solutions-section .solution-inner .solution-left-part img { max-width: 400px; margin-left: 50px; } .solutions-section .solution-inner .solution-right-part { text-align: center; } .solutions-section .solution-inner .solution-right-part .common-badge { margin-bottom: 25px; } .cta-section .cta-inner { padding: 25px 40px; } .cta-section .cta-inner .cta-left-part .cta-title { font-size: 32px; } .footer-section { margin: -210px 0 0 0; } .business-type-section .business-type-inner .business-list-details .items .item-details .items-bottom { padding: 15px 15px; } .business-type-section .business-type-inner .business-list-details .items .item-details .items-top { padding: 15px 15px; } .business-type-section .business-type-inner .business-list-details .items .item-details .items-top .item-title { font-size: 18px; } .business-type-section .business-type-inner .business-list-details .items .item-details .items-bottom .item-description { font-size: 12px; max-width: 90%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .business-type-section .business-type-inner .business-list-details .items .item-details .items-bottom .view-more-arrow { height: 30px; width: 30px; } .business-type-section .business-type-inner .business-list-details .items:hover .item-details .items-bottom .view-more-arrow svg { width: 18px; height: 18px; } .business-type-section .business-type-inner .business-list-details .items+.items { padding: 30px 0 0 0; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items { padding: 20px 15px; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-view-more .view-more-icon svg { width: 14px; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-icon .icon-wrap { width: 44px; height: 44px; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-icon .icon-wrap .icon { font-size: 20px; } .stack-box .stack-item .stack-item-wrapper .stack-details { padding: 60px 30px 60px 30px; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-left img { max-width: 300px; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-left { margin-top: -115px; } .page-title { font-size: 1.2rem; margin: 0 0 0px 0; } .breadcumb-wrap .breadcrumb .breadcrumb-item { font-size: 12px; } .count-total .percentage { font-size: 18px; } .count-section .count-items .count-total { font-size: 18px; margin: 0 15px 0px 0; } .count-section .count-items .count-description { font-size: 12px; } .count-section .count-items .count-description ul li img { max-width: 70%; } .blogListing .blogCategory { display: none; visibility: hidden; opacity: 0; } .blogListing .blogItem .blogDetail .blogTitle { font-size: 14px; } .blogListing .blogTitle { font-size: 24px; } .blogListing .blogItem { margin-bottom: 20px; height: calc(100% - 20px); } .blogDetails .blogDetailInner .socialList { margin: 0px 0 20px 0; padding-top: 15px; } .faq-section .verticle-text h2 { font-size: 60px; } .faq-content .accordion .accordion-item .accordion-header .accordion-button { font-size: 18px; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td { font-size: 14px; } .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th, .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td { font-size: 10px; } .siteMap .sitemap_pages .sitemapListing ul { margin-bottom: 0px; } .sitemap_pages .section-title { margin: 20px 0 20px 0; } .siteMap .sitemap_pages { margin: 0 0 0px 0; } .siteMap { padding-top: 30px; } .siteMap .sitemap_pages .section-title { font-size: 24px; margin: 10px 0 10px 0; } .changeLog .single-timeline-area .single-timeline-content .timeline-text .timeline-title { font-size: 16px; } .changeLog .single-timeline-area .single-timeline-content .timeline-text .timeline-desc { font-size: 14px; line-height: 150%; } .changeLog .single-timeline-area .single-timeline-content .timeline-text ul li .timeline-title { font-size: 16px; } .business-type-section.privacy-policy .business-list-details .items .item-info ul .sub-ul li h5 { font-size: 16px; } .business-type-section.privacy-policy .business-list-details .items .item-info ul .sub-ul li h6 { font-size: 12px; } .business-type-section.privacy-policy .business-list-details .items .item-info .item-title { font-size: 24px; margin: 0px 0 15px 0; } .business-type-section.privacy-policy .business-list-details .items+.items { padding: 25px 0 0 0; } .business-type-section.privacy-policy .business-list-details .items .item-info ul h5 { font-size: 16px; } .contact-us-page .contact-info .contact-info-title { font-size: 24px; margin: 0 0 20px 0; } .contact-us-page .contact-info .contact-label { margin: 0 0 10px 0; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-icon { margin: 0 25px 0 0; } .cms p { font-size: 12px; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-icon .icon-wrap { width: 50px; height: 50px; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-icon .icon-wrap img { width: 23px; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-icon { margin: 0 0 10px 0; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-details .items-title { font-size: 16px; margin: 0 0 10px 0; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-details .description { font-size: 12px; margin: 0 0 10px 0; min-height: 50px; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-details .btn-text { font-size: 12px; } .cms .bullets { padding: 0 0 0 30px; margin: 20px 0 30px 0; } .business-details-slider-section .brand-slider-wrap .business-slider .items .item-details .items-top .item-title { font-size: 16px; } .not-found-page::after { display: none; } .not-found-page .error-text { font-size: 100px; margin: 20px 0 20px 0; } .not-found-page .sub-title { font-size: 22px; } .not-found-page .description { width: 75%; margin: 0 auto 15px auto; } .not-found-page .error-text span::before { bottom: -30px; } .bookDemo { padding-bottom: 30px; } .inner-banner-new-section::before { display: none; } .inner-banner-new-section::after { display: none; } .thank-you-page .description { max-width: 80%; } .features-section.fetaures-details { padding: 60px 0; } .features-section.fetaures-details .features-inner .features-left-part { margin: 0 0 40px 0; } .business-type-section .business-type-inner .business-list-details .items:first-child .item-details .items-top { top: 0px; } .blogDetails .blogDetailInner .blog-description .blog-parameter .blog-icon.user { margin-right: 0px; } .blogDetails .blogDetailInner .blog-description .blog-parameter .blog-icon.user .user-image { max-width: 60%; } .blogDetails .blogDetailInner .sectionTitle { /* padding: 15px 0 15px 0; */ font-size: 28px; } .business-type-section .business-type-inner .business-list-details .items .item-image .items-bottom .item-description { font-size: 12px; max-width: 85%; } .recentBlogs{ padding: 10px 15px 15px; } .recentBlogs .recentBlogItem+.recentBlogItem { margin-top: 20px; } } @media (max-width: 576px) { header{ box-shadow: var(--header-sticky-shadow); } .pt-150 { padding-top: 30px; } .pt-100 { padding-top: 30px; } .pb-150 { padding-bottom: 30px; } .brand-section.about-us-page { padding: 25px 0 30px 0; } .pb-100 { padding-bottom: 20px; } .pt-120 { padding-top: 60px; } .pb-120 { padding-bottom: 30px; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-top .navigationSub-head { font-size: 14px; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-top .btn-text { font-size: 14px; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item { font-size: 14px; padding-top: 0; padding-bottom: 0; } .header .navbar-nav .nav-item .nav-link { font-size: 18px; } .header .navbar-nav .nav-item { margin: 0 0 10px 0; padding: 10px 0; } .header .header-logo { max-width: 200px; } .header .header-logo .navbar-brand img, .header.header-sticky .header-logo .navbar-brand img { max-width: 100%; } .btn-primary, .btn-secondary { padding: 9px 11px; font-size: 14px; line-height: 20px; } .banner-section .banner-left-part .btn-group .video-btn span svg { width: 28px; } .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button::after { background-size: 75%; position: relative; top: 0; right: -5px; } .service-section .items .items-details .items-title { font-size: 18px; margin: 0 0 10px 0; } .testimonial-section .testimonial-left { padding: 40px 25px; } .testimonial-slider-wrap .testimonial-slider .item .item-description { padding: 0; font-size: 16px; } .testimonial-section .testimonial-left .items-details .items-description { font-size: 16px; line-height: 28px; } .industries-section .industries-top .industries-wrap ul li .industries-details .content-details { font-size: 14px; line-height: 22px; } .blog-section .blog-top .blog-top-inner .section-title { margin: 0 0 20px 0; } .cta-section .cta-inner .cta-left-part .cta-title { font-size: 32px; line-height: 42px; text-align: center; } .cta-section .cta-inner { min-height: auto; } .industries-section { padding-top: 420px; } .footer-section .footer-top .footer-bottom-logo { max-width: 200px; } .footer-section::before { right: 0; top: 170px; height: 130px; width: 60px; } .footer-section .footer-top .footer-top-social ul { margin: 0; } .banner-section .banner-left-part { padding: 30px 0; } .solutions-section .solution-inner .solution-left-part img, .features-section .features-right-part img, .payment-section .payment-left-part img, .track-section .track-right-part img, .sales-section .sales-left-part img { max-width: 85%; } .section-title { font-size: 26px; line-height: 130%; } .banner-section .banner-left-part .banner-title { font-size: 38px; line-height: 130%; } .footer-section .footer-top .footer-top-menu-wrap .menu-item ul li { line-height: 125%; } .footer-section .footer-top .footer-top-menu-wrap .menu-item ul li+li { margin-top: 10px; } .footer-section .footer-address .address { font-size: 12px; line-height: 150%; margin: 15px 0; text-align: center; } .footer-section .footer-address ul li .address-wrap { margin: 0 8px 0 0; } .footer-section .footer-address ul li .address-wrap.addr-icon { line-height: 150%; margin: 16px 0 15px; } .business-type-section .business-type-inner .business-list-details .items+.items { padding: 20px 0 0 0; } .count-section .count-items { justify-content: flex-start; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-details .items-title { font-size: 16px; margin: 0 0 8px 0; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-icon { margin: 0 20px 0 0; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-details { margin: 0 20px 0 0; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-left { margin: -85px 0 20px 0; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-left img { max-width: 210px; } .about-business-section .about-business-inner { padding: 30px 25px 30px 25px; } .about-business-section .about-business-inner .about-buiness-bottom-part .items { padding: 15px 25px; width: 100%; max-width: 100%; margin: 0 0 10px 0; } .about-business-section .about-business-inner .about-buiness-bottom-part .about-business-bottom-left { justify-content: center; margin: 0 0 0 0; flex-direction: column; } .about-business-section .about-business-inner .about-buiness-bottom-part .about-business-bottom-right { flex-direction: column; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-right .description { margin: 0 0 20px 0; } .about-business-section .about-business-inner { padding: 30px 15px 30px 15px; } .stack-box .stack-item .stack-item-wrapper .stack-details { padding: 60px 15px 30px 15px; } .stack-box .stack-item .stack-item-wrapper .cover-background .StackCount { font-size: 70px; } .about-business-section { margin: 50px 0 0 0; } .business-type-section .business-type-inner .tab-listing-wrapper .select2-container .select2-selection--single { font-size: 14px; min-height: 36px; padding: 0; } .business-type-section .business-type-inner .tab-listing-wrapper .select2-container .select2-selection--single .select2-selection__rendered { padding: 0; } .business-type-section .business-type-inner .business-list-details .items .item-image .items-bottom .view-more-arrow { height: 25px; width: 25px; } .business-type-section .business-type-inner .business-list-details .items .item-image .items-bottom .view-more-arrow svg { width: 18px; } .faq-content .accordion .accordion-item .accordion-body { font-size: 12px; padding: 10px 10px; } .faq-content .accordion .accordion-item .accordion-header .accordion-button { font-size: 16px; } .bookDemo .contact-inner .select-demo-date { padding: 20px 10px; } .sitemap_pages .section-title { margin: 10px 0 10px 0; } .changeLog .single-timeline-area { padding-left: 110px; } .changeLog .single-timeline-area .timeline-date { width: 100px; padding-right: 45px; } .changeLog .single-timeline-area .timeline-date:before { width: 50px; height: 50px; right: 5px; } .changeLog .single-timeline-area .timeline-date p { font-size: 12px; margin-top: 5px; } .changeLog .single-timeline-area .timeline-date .change_log_ico { width: 60px; top: 10px; right: -25px; } .changeLog .single-timeline-area .single-timeline-content .timeline-text ul li .timeline-sub-item ul li { font-size: 12px; padding: 15px 10px 15px 30px; } .not-found-page .not-found-img img { max-width: 60%; } .business-type-section.privacy-policy .business-list-details .items+.items { padding: 10px 0 0 0; } .business-type-section.privacy-policy .business-list-details .items .item-info .item-title { font-size: 20px; margin: 0px 0 10px 0; } .business-type-section.privacy-policy .business-list-details .items .item-info p { font-size: 12px; line-height: 20px; } .business-type-section.privacy-policy .business-list-details .page-section { padding-top: 30px; } .cms h2 { font-size: 24px; } .cms h3 { font-size: 22px; } .cms h4 { font-size: 20px; } .cms .bullets li { font-size: 12px; } .not-found-page .sub-title { font-size: 20px; } .not-found-page .error-text { font-size: 75px; margin: 40px 0 20px 0; } .inner-banner-new-section .inner-banner-caption .inner-banner-title { font-size: 26px; } .inner-banner-new-section .inner-banner-caption { min-height: 100px; } .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button::after { right: 0; } .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button { font-size: 14px; } .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-collapse.show .accordion-body { font-size: 12px; } .faq-accordion .accordion-wrap .accordion .accordion-item .accordion-body { padding: 15px 0px 15px 0px; } .faq-accordion .accordion-wrap .accordion .accordion-item { margin: 0 0 25px 0; } .faq-section .faq-title-section .description-link { font-size: 12px; margin: 0 0 0 10px; } .faq-title-section { margin: 0 0 20px 0; } .contact-us-page .contact-info .contact-info-title { font-size: 20px; margin: 0 0 20px 0; } .contact-us-page .contact-info .contact-address ul .address-item { margin: 0 0 15px 0; } .contact-social .seperator { width: 100px; margin: 15px 0 0 0; padding: 15px 0 0 0; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-info .address-title { margin-bottom: 5px; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-info p { font-size: 12px; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-info a { font-size: 12px; } .contact-social .social-title { padding: 0 0px 0 0; font-size: 16px; } .contact-social .socialList ul { padding: 0 0 0 0px; } .features-section.business-details .features-right-part .feature-item { font-size: 20px; margin: 0 0 15px 0; height: calc(100% - 15px); padding: 15px; } .features-section.fetaures-details .features-inner .features-left-part .feature-item .item-right .item-title { font-size: 18px; margin: 0px 0 10px 0; } .features-section.fetaures-details .features-inner .features-left-part .feature-item .item-right .description { font-size: 14px; } .features-section.fetaures-details .features-inner .features-left-part .feature-item .item-left .item-logo { margin: 0 15px 0 0; flex: 0 0 35px; width: 35px; height: 35px; font-size: 14px; } .banner-section .banner-left-part .banner-title { max-width: 100%; } .features-details-slider-section .brand-slider-wrap .business-slider .item .list-details .items-title { height: 40px; } .business-type-section .business-type-inner .business-list-details .items:first-child .item-details .items-top { top: 10px; } .blogDetails .blogDetailInner .sectionTitle { /* padding: 40px 0 15px 0; */ font-size: 24px; } .business-type-section .business-type-inner .business-list-details .items .item-image .items-bottom { bottom: 15px; left: 15px; padding-right: 15px; } .business-type-section .business-type-inner .business-list-details .items .item-image .items-top { top: 15px; left: 15px; } .business-type-section .business-type-inner .business-list-details .items .item-image .items-top .item-title { font-size: 16px; } .thank-you-page .error-text { font-size: 58px; min-height: 100px; } .header .navbar-nav .nav-item .mobile-menu-dropdown-icon { top: 0; } } @media (max-width: 479px) { .header .main_menu .navbar-collapse { max-width: 350px; } .accordion-wrap .accordion .accordion-item .accordion-header .accordion-button { padding: 12px 15px; font-size: 14px; line-height: 26px; } .accordion-wrap .accordion .accordion-item .accordion-body { padding: 15px 15px 0px 15px; font-size: 13px; line-height: 20px; } .common-badge { margin: 0 0 20px 0; } .testimonial-section .testimonial-top .section-title, .industries-section .industries-top .section-title { margin: 0 0 20px 0; } .testimonial-section .testimonial-left .items-details .section-sub-title { margin: 0px 0 15px 0; } .blog-section .blog-top .blog-top-inner .blog-details .description { max-width: 100%; margin: 0 0 15px 0; } .blog-section .blog-top .blog-top-inner .blog-details { flex-direction: column; } .cta-section .cta-inner .cta-left-part .cta-title { font-size: 24px; line-height: 36px; } .cta-section .cta-inner { padding: 30px 15px 30px 15px; } .footer-section .footer-address .address { line-height: 20px; } .footer-section .footer-address ul li a { font-size: 14px; } .footer-section .footer-address ul li .address-wrap img { width: 16px; min-width: auto; } .footer-section .footer-address { margin: 0; } .footer-section .footer-top { padding: 0 0 20px 0; } .footer-section .footer-address ul li { justify-content: center; margin: 0 0 0px 0; align-items: flex-start; } .footer-section .footer-top .footer-top-menu-wrap .menu-item ul li { font-size: 12px; } .footer-section .footer-top .footer-top-menu-wrap .menu-item .menu-title { font-size: 12px; line-height: 22px; } .footer-section .footer-top .footer-top-menu-wrap .menu-item .menu-title { margin: 0px 0 5px 0; } .footer-section .footer-bottom .copyright-area p, .footer-section .footer-bottom .footer-site-link span { font-size: 12px; line-height: 22px; } .footer-section .footer-bottom .policy-links ul li { font-size: 12px; line-height: 23px; margin: 0 10px 0 0; } .footer-section .footer-bottom .policy-links { margin: 0 0 5px 0; } .footer-section .footer-address ul li .address-wrap { font-size: 12px; } .footer-section .footer-address ul li a { font-size: 12px; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-details .items-title { font-size: 14px; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-details .description { font-size: 12px; } .about-business-section { margin: 30px 0 0 0; } .page-title { font-size: 1rem; } .breadcumb-wrap .breadcrumb .breadcrumb-item { font-size: 10px; } .inner-banner { padding: 80px 0 20px 0; } .business-type-section .business-type-inner .business-list-details .items .item-details .items-top .item-title { font-size: 20px; } .business-type-section .business-type-inner .business-list-details .items .item-details .items-bottom .item-description { font-size: 12px; max-width: 90%; } .blogDetails .blogDetailInner .blog-description .blog-parameter li .common-label { font-size: 12px; } .blogDetails .blogDetailInner .blog-description .blog-parameter .blog-icon.user { max-width: 30px; margin-right: 5px; } .faq-content .accordion .accordion-item .accordion-header .accordion-button { font-size: 14px; } .faq-section .verticle-text h2 { font-size: 48px; } .socialList ul li a { width: 25px; height: 25px; } .bookDemo .contact-inner .select-demo-date .bookDemoSocial span { font-size: 18px; margin: 0 0 10px 0; } .bookDemo .contact-inner .select-demo-date .bookDemoSocial { margin: 25px 0 0 0; padding: 15px 0 0 0; } .contact-us-page .contact-form-inner { padding: 20px 15px 20px 15px; } .contact-us-page .contact-form-inner .contactForm .form-title { font-size: 24px; margin: 0 0 0px 0; } .contact-us-page .contact-form-inner .contact-form .form-check-label { font-size: 10px; max-width: 100%; margin-bottom: 15px; } .contact-us-page .contact-form-inner .contact-form .form-check { margin-top: 10px; } .price-left-bottom .price-btn-wrap { width: 100%; max-width: 100%; } .inner-banner-new-section .inner-banner-caption .inner-banner-title { font-size: 24px; } .faq-section .faq-title-section .description { font-size: 12px; } .faq-section .faq-title-section .description-link { margin: 0 0 0 5px; } .contact-us-page .contact-info .contact-address ul .address-item .address-wrap .address-icon .address-icon-bg img { width: 18px; } .contact-us-page .contact-form-inner .contact-form a { font-size: 12px; } .not-found-page .description { width: 90%; font-size: 12px; } .thank-you-page .description { margin: 0 auto 15px auto; font-size: 12px; } .recent-cta-section .cta-inner .bg-image .cta-image { width: 110px; } .thank-you-page .error-text { font-size: 46px; min-height: 100px; } .thank-you-page .thank-you-content { padding: 25px 20px 50px; margin: 80px auto 20px auto; } } @media (max-width: 379px) { .header .main_menu .navbar-collapse { max-width: 310px; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item { padding-left: 10px; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-top { padding: 0 0 0 10px; } .banner-section .banner-left-part .description { padding: 0; margin: 0 0 20px 0; } .cta-section .cta-inner .cta-left-part .cta-title { font-size: 22px; line-height: 32px; letter-spacing: 0.25px; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-top .navigationSub-head { font-size: 12px; } .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-top .btn-text { font-size: 12px; } .btn-text svg { width: 10px; } .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed th, .bookDemo .contact-inner .select-demo-date .date-box .wrapper #datepicker-container .datepicker.datepicker-inline .datepicker-days table.table-condensed td { font-size: 12px; } .thank-you-page .description { max-width: 100%; } } @media (max-width: 320px) { .header .main_menu .navbar-collapse { max-width: 260px; } .banner-section .banner-left-part .btn-group { flex-direction: column; } .track-section .track-inner .track-left-part .btn-group { flex-direction: column; } .banner-section .banner-left-part .banner-title { margin: 0 0 20px 0; } .track-section .track-inner .track-left-part .btn-group .video-btn { margin: 10px auto 0 auto; width: 100%; text-align: center; } .banner-section .banner-left-part .btn-group .video-btn { margin: 10px auto 0 auto; width: 100%; text-align: center; } .cta-section .cta-inner { padding: 30px 15px 30px 15px; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-right .about-inner-title { font-size: 16px; } .about-business-section .about-business-inner .about-buiness-top-part .about-business-top-right .description { font-size: 12px; } .about-business-section .about-business-inner .about-buiness-bottom-part .items .item-details .count-details { font-size: 18px; } .about-business-section .about-business-inner .about-buiness-bottom-part .items .item-details .content-details { font-size: 12px; } .inner-banner-new-section .inner-banner-caption .inner-banner-title { font-size: 20px; line-height: 120%; } } /* Responsive CSS E */ /* Write to Us page Start - Dhruv */ .write-to-us { background-color: var(--white-lighten-01); padding: 75px 0; color: var(--bs-body-color); } .write-to-us p { color: var(--bs-body-color); } .write_to_image { max-width: 500px; margin: 0 auto; } .write_to_image img { filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.4)); } .write-to-us-inner { margin-top: 50px; } .write-to-us-inner ul { margin: 20px 0; } .write-to-us-inner ul li { font-size: 18px; } .write-to-us-inner .row_line { margin: 0; } .write-to-us-inner .row_line .inner_box_title { font-size: 18px; } .write-to-us-inner .row_line p { font-size: 16px; padding: 0 0 0 30px; position: relative; } .write-to-us-inner .row_line+.row_line { padding-top: 20px; margin-top: 20px; border-top: 1px solid #cccccc; } .inner_box { padding: 25px; border-radius: 25px; background-color: #f8f8f8; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; } .inner_box_list .row_line span { background-image: none; width: 14px; height: 14px; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; background-color: var(--lighten-accordion-color); animation: pulse-animation 3s infinite; margin: 0; position: absolute; top: 6px; left: 0; } @media (max-width: 1366px) { .write-to-us { padding: 50px 0; } } /* Write to Us page End - Dhruv */ /* added by mayur */ .btn-primary[disabled] { opacity: 0.5 !important; pointer-events: none; } /* 25/07/2024 Review Changes Start */ .solution-right-part .accordion-wrap .accordion .accordion-item .accordion-body { padding-bottom: 0; } /* 25/07/2024 Review Changes Ends */ /* scroll to top start prnav */ #scrollTopButton { display: inline-block; background-color: var(--primary-color); width: 40px; height: 40px; text-align: center; border-radius: 100%; position: fixed; bottom: 30px; right: 30px; transition: background-color 0.3s, opacity 0.5s, visibility 0.5s; opacity: 0; visibility: hidden; z-index: 1000; display: flex; justify-content: center; align-items: center; } #scrollTopButton::after { content: "\f062"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 24px; color: #fff; } #scrollTopButton:hover { cursor: pointer; background-color: var(--secondary-light-color); } #scrollTopButton:active { background-color: var(--secondary-light-color); } #scrollTopButton.show { opacity: 1; visibility: visible; } /* scroll to top end prnav */ .invalid-feedback { letter-spacing: 0.05px; } .submit-massege { position: absolute; bottom: -15px; left: 10px; } td.today.day:not(.active)::before { content: ''; position: absolute; height: 5px; width: 5px; background-color: #FFFFFF; border-radius: 100%; bottom: 4px; margin: 0 auto; left: 0; right: 0; } td.today.day { position: relative; } .features-type-section .features-lists-details-section .features-lists-details .accordion .accordion-item .accordion-collapse .accordion-body .list-items .list-icon .icon-wrap .icon-svg { width: 35px; height: 35px; } @media(max-width:1199px) { .header .navbar-nav .mega-menu .mega-menu-list-wrap .mega-menu-sub-ul li .dropdown-item .icon-svg { max-width: 100%; width: 16px; margin: 0 5px 0 0; } } @media(max-width:1024px) { .features-inner>.row { justify-content: center; } } /*New Price page Section CSS S - 20-11-2024*/ .price-section{ padding-top: 165px; position: relative; } @media (min-width: 1599px) { .container { max-width: 1345px; } } .price-section:before { position: absolute; content: ""; height: 500px; width: 100%; background: transparent linear-gradient(180deg, #F5F5F5 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; top: 0; z-index: -1; } .price-title-section .section-title{ margin-bottom: 25px; } .switches-container { width: 225px; position: relative; display: flex; padding: 0; position: relative; background: #E6F6F8; line-height: 34px; border-radius: 5px; padding: 8px; } .switches-container input { visibility: hidden; position: absolute; top: 0; } .switches-container label { width: 50%; padding: 0; margin: 0; text-align: center; cursor: pointer; font-weight: 600; color:var(--primary-color); } .switch-wrapper { position: absolute; top: 0; left: 0; bottom: 0; width: 50%; display: inline-block; padding: 8px; transition: transform .5s cubic-bezier(.77, 0, .175, 1); line-height: 34px; } .switch { border-radius: 5px; background: var(--primary-color); height: 100%; } .switch div { width: 100%; text-align: center; opacity: 0; display: block; color: #ffffff; transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s; will-change: opacity; position: absolute; top: 7px; left: 0; } .switches-container input:nth-of-type(1):checked~.switch-wrapper { transform: translateX(0%); } .switches-container input:nth-of-type(2):checked~.switch-wrapper { transform: translateX(100%); } .switches-container input:nth-of-type(1):checked~.switch-wrapper .switch div:nth-of-type(1) { opacity: 1; } .switches-container input:nth-of-type(2):checked~.switch-wrapper .switch div:nth-of-type(2) { opacity: 1; } .saveSec { position: relative; color: var(--primary-color); font-size: 20px; font-weight: 600; margin-left: 25px; } .saveSec:before { position: absolute; content: ""; background-image: url(../images/save-arrow.svg); background-size: contain; background-repeat: no-repeat; height: 60px; width: 100%; left: -20px; bottom: -40px; } .price-table{ font-family: var(--font-inter); } .price-table .priceTable-top{ display: flex; align-items: start; justify-content: center; padding-top: 80px; } .price-table .priceTable-top.multipleBoxes .feature-name{ font-family: var(--font-jakarta); } .price-table .feature-name { width: calc(100% - 265px); font-size: 38px; font-weight: lighter; line-height: 125%; color: #424446; padding-left: 30px; } .price-table .priceBox{ min-width: 240px; } .price-table .priceBox .priceBoxInner{ margin: 0 7px; color: var(--primary-color); padding: 15px 20px; border-radius: 5px; display: inline-block; width: calc(100% - 8px); } .price-table .priceBox .basic{ background-color: #CBF8FC; border: 1px solid #B0EDF3; } .price-table .priceBox .professional{ background-color: #FFEEB4; border: 1px solid #FCE8A5; } .price-table .priceBox .business { background-color: #fcd0d0; border: 1px solid #fcb9b9; } .price-table .priceBox .enterprise{ background-color: #E8E1FC; border: 1px solid #DBD0FC; } .price-table .priceBox .priceBoxTitle { font-size: 22px; font-weight: 600; height: 95px; margin-bottom: 25px; } .price-table .priceBox .priceBoxTitle .recommended{ font-size: 14px; background-color: #ffffff; /* box-shadow: 0px 3px 6px #EFD889;*/ box-shadow: 3px 3px 8px rgb(113 113 113 / 50%); border-radius: 5px; padding: 7px 10px; display: inline-block; margin-top: 12px; line-height: 125%; } .price-table .priceBox .priceBoxTitle .recommended span { line-height: 100%; vertical-align: text-bottom; } .price-table .priceBox .priceBoxTitle .recommended svg{ margin-right: 10px; }.priceBoxTitle small.planSubtitle {font-size: 18px;font-style: italic;color: gray;} .price-table .priceBox .priceBoxInner .priceValue{ font-size: 50px; font-weight: 600; } .price-table .priceBox .priceBoxInner .priceValue span{ font-family: var(--font-jakarta); font-weight: bold; } .price-table .priceBox .priceBoxInner .priceValue small{ font-size: 16px; color: #424446; font-weight: 400; } .price-table .priceBox .priceBoxInner .btn-primary{ margin-top: 20px; width: 100%; } .priceTableList{ position: relative; } .priceTableList .priceTableHead { font-size: 22px; color: #424446; font-weight: 600; padding-left: 30px; padding-bottom: 25px; position: relative; } .priceTableList .priceTableHead:before{ position: absolute; content: ""; height: 6px; width: 100%; border-radius: 5px; background-color: var(--primary-color); bottom: 0; left: 0; } .priceTableList .priceTable-top{ padding-top: 0; position: relative; top: 0; background-color: inherit; } .priceTableList .featureListTitle{ font-size: 18px; font-weight: 400; color: #424446; margin-right: -10px; border-bottom: 1px solid #EDEDED; } .priceTableList .featureListTitle, .priceTableList .priceBox .priceBoxInner{ height: 55px; display: flex; align-items: center; } .priceTableList .priceTableItem:last-child .featureListTitle { border-bottom: 0; } .priceTableList .priceBox .priceBoxInner{ height: 55px; border-radius: 0; padding: 0; text-align: center; justify-content: center; border: 1px solid #EDEDED; border-top: 0; background-color: #FAFAFA; } .priceTableList .priceBox .priceBoxInner.recommendedPlan{ background-color:#FFFAE8; border-color: #FCE8A5; } .priceTableList .priceBox .priceBoxInner .check{ display: inline-block; width: 22px; height: 22px; background-image: url(../images/check.svg); background-repeat: no-repeat; background-size: cover; } .priceTableList .priceBox .priceBoxInner .uncheck{ background-image: url(../images/uncheck.svg); } .priceTable-top.multipleBoxes.stickyPlan { position: sticky; top: 0; background-color: #ffffff; z-index: 9; border-bottom: 1px solid #ededed; padding-bottom: 15px; transition: 0.1s ease-in-out all; -webkit-transition: 0.1s ease-in-out all; -mos-transition: 0.1s ease-in-out all; -ms-transition: 0.1s ease-in-out all; } .priceTable-top.multipleBoxes *{ transition: 0.1s ease-in-out all; -webkit-transition: 0.1s ease-in-out all; -mos-transition: 0.1s ease-in-out all; -ms-transition: 0.1s ease-in-out all; } .priceTable-top.multipleBoxes.stickyPlan .feature-name{ font-size: 28px; } .priceTable-top.multipleBoxes.stickyPlan .priceBox .priceBoxTitle{ font-size: 18px; height: 55px; margin-bottom: 15px; } .priceTable-top.multipleBoxes.stickyPlan .priceBox .priceBoxInner .priceValue{ font-size: 30px; } .priceTable-top.multipleBoxes.stickyPlan .priceBox .priceBoxTitle .recommended{ transform: scale(0.80); transform-origin: left; margin: 0; } .priceTable-top.multipleBoxes.stickyPlan .price-table .priceBox .priceBoxInner .btn-primary{ transform: scale(0.90); transform-origin: left; margin: 0; } .mobileDropdown{ display: none; }@media(max-width:1536px){ .price-table .priceBox{ min-width: 225px; } .price-table .priceBox .priceBoxInner .priceValue{ font-size: 42px; } .price-table .priceTable-top.multipleBoxes .feature-name{ font-size: 34px; } } @media(max-width:1367px){ .price-table .feature-name{ font-size: 32px; width: calc(100% - 238px); padding-left: 20px; } .price-table .priceBox { min-width: 200px; } .price-table .priceBox .priceBoxInner{ padding: 10px 15px; } .price-table .priceBox .priceBoxInner .priceValue{ font-size: 36px; } .price-table .priceBox .priceBoxInner .btn-primary{ margin-top: 15px; } .priceTableList .featureListTitle, .priceTableList .priceBox .priceBoxInner{ font-size: 16px; text-align: left; } .priceTableList .priceTableHead{ font-size: 20px; padding-left: 20px; padding-bottom: 20px; } .priceTableList .priceTableHead:before{ height: 4px; } } @media(max-width:1024px){ .price-section .container{ max-width: 960px; } .price-section { padding-top: 90px; } .price-table .priceTable-top{ padding-top: 40px; } .price-table .priceTable-top.multipleBoxes .feature-name{ font-size: 26px; width: calc(100% - 185px); padding-left: 15px; } .price-table .priceBox { min-width: 175px; } .price-table .priceBox .priceBoxInner{ padding: 5px 10px; } .price-table .priceBox .priceBoxTitle .recommended{ font-size: 12px; margin-top: 5px; padding: 5px 8px; } .price-table .priceBox .priceBoxTitle{ font-size: 18px; height: 85px; margin-bottom: 0; } .price-table .priceBox .priceBoxTitle .recommended svg { margin-right: 3px; max-width: 12px; } .price-table .priceBox .priceBoxInner .priceValue{ font-size: 28px; } .priceTableList .featureListTitle, .priceTableList .priceBox .priceBoxInner{ font-size: 14px; } .priceTableList .priceTableHead{ font-size: 18px; padding-left: 15px; padding-bottom: 15px; } .priceTableList .priceTableHead:before{ height: 3px; } .priceTable-top.multipleBoxes.stickyPlan{ top: 40px; } .priceTable-top.multipleBoxes.stickyPlan .feature-name { font-size: 22px; } .priceTable-top.multipleBoxes.stickyPlan .priceBox .priceBoxTitle{ font-size: 15px; margin-bottom: 5px; } .priceTable-top.multipleBoxes.stickyPlan .priceBox .priceBoxInner .priceValue{ font-size: 23px; } .price-table .priceTable-top.priceTableItem{ padding-top: 0; } .priceTableList .priceBox .priceBoxInner .check{ width: 20px; height: 20px; } .price-table .priceBox .priceBoxInner .btn-primary { margin-top: 10px; } .price-table .priceBox .priceBoxInner .priceValue small{ font-size: 14px; } } @media(max-width:991px){ .price-section .container{ max-width: 100%; } .price-table .priceBox .priceBoxTitle { font-size: 13px; height: 75px; } .price-table .priceBox { min-width: 170px; } .price-table .priceBox .priceBoxInner .btn-primary { font-size: 12px; } .priceTableList .featureListTitle, .priceTableList .priceBox .priceBoxInner{ font-size: 12px; } .price-table .priceBox .priceBoxTitle .recommended{ font-size: 11px; margin-top: 5px; padding: 5px 5px; } .price-table .priceBox .priceBoxInner .priceValue{ font-size: 20px; } } @media(max-width:768px){ .price-table .priceBox { min-width: 130px; }.price-table .priceBox .priceBoxTitle .recommended span {font-size: 10px;} .price-table .priceBox .priceBoxInner { padding: 5px 8px; } .price-table .priceBox .priceBoxInner .btn-primary{ font-size: 11px; padding: 4px 15px; } .price-table .feature-name { font-size: 22px; } .priceTable-top.multipleBoxes.stickyPlan .feature-name{ font-size: 20px; } .priceTableList .featureListTitle, .priceTableList .priceBox .priceBoxInner{ font-size: 13px; } .priceTableList .priceBox .priceBoxInner .check { width: 18px; height: 18px; } .priceTable-top.multipleBoxes.stickyPlan .priceBox .priceBoxInner .priceValue{ font-size: 20px; } } @media(max-width:576px){ .price-title-section .section-title {margin-top:20px;}.mobileDropdown { display: block; max-width: 85%; margin: 0 auto; } .switches-container{ width: 200px; } .priceTableList .priceTableHead{ padding-left: 10px; } .saveSec{ font-size: 16px; margin-left: 15px; } .switch-wrapper,.switches-container label{ font-size: 14px; } .price-table .priceBox .priceBoxInner.basic, .price-table .priceBox.itemBasic, .price-table .priceBox .priceBoxInner.enterprise, .price-table .priceBox.itemEnterprise{ display: none; } .price-table .priceTable-top.multipleBoxes { display: inline-block; margin: 0 auto 20px; width: 100%; } .price-table .feature-name{ width: 100%; text-align: center; margin-bottom: 20px; } .price-table .feature-name br { display: none; } .priceTable-top.multipleBoxes.stickyPlan{ position: relative; } .priceTable-top.multipleBoxes .feature-name{ padding: 0; } .price-table .priceBox .priceBoxTitle { font-size: 22px; height: 75px; display: flex; flex-direction: column; align-items: start; } .price-table .priceBox .priceBoxTitle .recommended { font-size: 14px; margin-top: 5px; padding: 5px 12px 8px; line-height: 145%; } .price-table .priceBox .priceBoxTitle{ height: 100px; } .price-table .priceBox .priceBoxInner .priceValue{ font-size: 40px; } .priceTableList .featureListTitle, .priceTableList .priceBox .priceBoxInner{ text-align: left; } .price-table .priceBox .priceBoxInner { display: flex; width: 280px; margin: 0 auto 15px; flex-direction: column; padding: 20px 25px; } .price-table .priceBox .priceBoxInner .priceValue small { font-size: 16px; } .price-table .priceBox .priceBoxInner .btn-primary { font-size: 14px; padding: 6px 15px 9px; margin-top: 15px; } .priceTableList .featureListTitle, .priceTableList .priceBox .priceBoxInner{ margin-bottom: 0; width: 100%; padding: 10px 5px; } .price-table .priceBox{ min-width: 85px; } .price-table .priceTable-top.multipleBoxes .feature-name {width:100%; padding:0;}} .table-text{ font-weight: 600; color: var(--primary-color); } /* New Price page Section CSS E - 20-11-2024 /* New Css for pricing page change by viral on 21-11-24 */ .save_yearlt_opt { opacity: 0;} .showpboxnew {display: block !important;} /* End */ /* New CTA Social Media Start*/ .share_blog_main{ margin: 50px 0 10px; } .share_blog_main .share_blog_content_1 { color: var(--primary-color); font-size: 16px; font-weight: 700; margin-bottom: 0; text-align: center; } .share_blog_main .share_blog_content_2 { color: var(--primary-color); font-size: 14px; font-weight: 400; margin-bottom: 10px; display: block; text-align: center; } .share_blog_main .social-list { display: flex; align-items: center; gap: 30px; } .share_blog_main .social-list li{ display: block; text-align: center; } .share_blog_main .social-list li i{ color: var(--primary-color); transition: .5s; font-size: 20px; } .share_blog_main .social-list li a{ color: var(--primary-color); } .share_blog_main .social-list li a span{ color: var(--text-color); font-family: var(--font-hankenGrotesk); font-size: 12px; font-weight: 400; line-height: 1; display: block; padding-top: 2px; transition: .5s; } @media(max-width:1440px){ .share_blog_main .social-list{ gap: 15px; } .share_blog_main .social-list li i{ font-size: 16px; } .share_blog_main { margin: 30px 0 10px; } .recentBlogs .recentBlogItem .recentBlogItemDetails .recentBlogsDates li+li{ margin-left: 8px; padding-left: 8px; } .recentBlogs .sectionTitle{ font-size: 18px; } .recent-cta-section .cta-inner .cta-title{ font-size: 18px; } } @media(max-width:991px){ .recent-cta-section{ /* max-width: 400px; */ margin: 30px auto 0; } } /* New CTA Social Media End*/ .faqPage{ padding-top: 130px; position: relative; } .faqPage:before { position: absolute; content: ""; height: 500px; width: 100%; background: transparent linear-gradient(180deg, #F5F5F5 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; top: 0; z-index: -1; } @media (max-width: 1599px) { .share_blog_main { margin: 25px 0 0px; } .share_blog_main .social-list { gap: 15px; flex-wrap: wrap; } } @media (max-width: 1440px) { .recentBlogs .recentBlogItem .recentBlogImg { max-width: 70px; } } @media (max-width: 1366px) { .share_blog_main .social-list { gap: 10px; } .recentBlogs{ padding: 20px 20px; margin: 20px 0 30px 0px; } .recent-cta-section{ padding: 20px 20px; margin: 20px 0 30px 0px; } .blogDetails .blogDetailInner .sectionTitle{ font-size: 24px; } } @media (max-width: 1199px) { .recentBlogs{ margin: 15px 0 30px 0px; } .blogDetails .blogDetailInner .blogImage img{ max-width: 440px; } .share_blog_main .social-list { gap: 20px; } .blogDetails .blogDetailInner .blogImage { padding: 0px 0 20px 0; margin: 15px 0 15px 0; } } @media (max-width: 991px) { .recentBlogs .recentBlogItem+.recentBlogItem{ margin-top: 20px; } .blogDetails .blogDetailInner .sectionTitle{ margin: 10px 0 10px; } .blogDetails .blogDetailInner .blogImage{ padding: 20px 0 0px 0; } } @media (max-width: 576px) { .share_blog_main .social-list { gap: 15px; } } .blog-cms blockquote { padding: 20px 20px; background-color: #f1f1f1; color: var(--paragraph-color); border-left: 5px solid var(--primary-color); /* font-style: italic; */ font-weight: 600; border-radius: 0 20px 20px 0; margin-top: 25px; } em.policy_update { padding: 10px 30px 10px 20px; background-color: #d4eff2; border-left: 5px solid #5bc4d0; } /* Changes 23-12-2025 S */ @media(max-width: 991px){ .footer-email a + a { margin-left: 10px; padding-left: 10px; border-left: 1px solid; } } /* Changes 23-12-2025 E */
/* Content update Design Changes Start */ .blogListing .blogItem .blogImg img{border-bottom: 1px solid #f2f2f2;} .blogDetails .blogDetailInner .blogImage img{box-shadow: rgba(0,0,0,0.05) 0px 2px 8px; -webkit-box-shadow: rgba(0,0,0,0.05) 0px 2px 8px; -moz-box-shadow: rgba(0,0,0,0.05) 0px 2px 8px; -ms-box-shadow: rgba(0,0,0,0.05) 0px 2px 8px;} .solutions-section .accordion-wrap .accordion .accordion-item .accordion-body{padding:15px 15px 0;} .service-section .items .items-details .items-description{font-size: 16px; -webkit-line-clamp: none;} .why-choose-section .items .items-details .items-description{font-size: 17px;} .content-center, .content-center *{text-align:center;} .why-choose-section.innerNewSection .section-inner{margin: 0;background: transparent linear-gradient(180deg, var(--secondary-lighten-color) 25%, var(--secondary-light-color) 100%) 0% 0% no-repeat padding-box;} .why-choose-section.innerNewSection .items:hover{background-color: #ffffff;} .why-choose-section.innerNewSection .items:hover .items-details .items-description{color: inherit;} .features-section.business-details .features-right-part::before{content: none;} .features-section.business-details{position: relative;} .features-section.business-details:before { content: ""; position: absolute; height: 50%; width: 60%; background-color: #e8f6f7; z-index: -1; right: 0 !important; bottom: 0; } .features-section.business-details .features-right-part .feature-item .item-bottom .description{-webkit-line-clamp: none;} .features-section.fetaures-details .features-inner .features-left-part .feature-item .item-right .description{font-size: 15px;} .features-section.fetaures-details .features-inner .features-left-part .feature-item .item-right .description + .description{margin-top: 15px;} p.description a,a.newlink{text-decoration: underline;color: var(--primary-color); }a.newlink b{font-weight: 700 !important;} @media(max-width:1199px){ .why-choose-section .items .items-details .items-description{font-size: 13px;} .why-choose-section .items .items-details .items-title br{display: none;} .blog-section .blog-top .common-badge{margin-bottom: 15px;} .features-section.business-details .features-right-part .feature-item .item-top .item-title {font-size: 16px;margin: 0;} .why-choose-section.innerNewSection .items .items-details .items-description{font-size: 14px;} } @media(max-width:991px){ .why-choose-section.innerNewSection{max-width: 80%;margin: 0 auto;} .why-choose-section.innerNewSection .items .items-details .items-description {min-height: auto;font-size: 16px;} .innerNewSection .InnerWhiteBox{gap: 25px;} } @media(max-width:767px){ .why-choose-section.innerNewSection{max-width: 100%;margin: 0 auto;} } /* Content update Design Changes End */

/* New Blog CTA Design */
.recent-cta-section.recent-cta-section-revamp{background:#f5f8fc;border-radius:24px;padding:30px 28px 30px;position:sticky;overflow:hidden;box-shadow:rgba(0,0,0,0.15) 0px 0px 4px;-webkit-box-shadow:rgba(0,0,0,0.15) 0px 0px 4px;-moz-box-shadow:rgba(0,0,0,0.15) 0px 0px 4px;-ms-box-shadow:rgba(0,0,0,0.15) 0px 0px 4px;font-family:"Plus Jakarta Sans",sans-serif}.recent-cta-section.recent-cta-section-revamp::before{content:"";position:absolute;top:-55px;right:-55px;width:150px;height:150px;border-radius:50%;background:rgba(18,57,95,0.06);z-index:0}.recent-cta-section.recent-cta-section-revamp::after{content:"";position:absolute;top:-40px;right:50px;width:90px;height:90px;border-radius:50%;background:rgba(18,57,95,0.1);z-index:0}.recent-cta-section.recent-cta-section-revamp .cta-inner{position:relative;z-index:1;text-align:center}.recent-cta-section.recent-cta-section-revamp .cta-title{font-family:"Plus Jakarta Sans",sans-serif;font-size:26px;font-weight:600;line-height:1.3;color:#12395f;margin:0 0 8px}.recent-cta-section.recent-cta-section-revamp .cta-title strong{font-weight:800}.recent-cta-section.recent-cta-section-revamp .bg-image{display:block;margin:8px 0 12px}.recent-cta-section.recent-cta-section-revamp .bg-image .cta-image{max-width:150px;width:100%;height:auto;margin:15px auto;display:block}.recent-cta-section.recent-cta-section-revamp .description{font-family:"Plus Jakarta Sans",sans-serif;font-size:15px;font-weight:400;color:#5b6472;line-height:1.6;max-width:300px;margin:0 auto 22px}.recent-cta-section.recent-cta-section-revamp .btn-primary{font-family:"Plus Jakarta Sans",sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:260px;background:#12395f;color:#ffffff;font-size:16px;font-weight:700;padding:14px 24px;border-radius:10px;text-decoration:none;transition:all 0.3s ease}.recent-cta-section.recent-cta-section-revamp .btn-primary i{font-size:14px}.recent-cta-section.recent-cta-section-revamp .btn-primary:hover{background:#0d2c4a;color:#ffffff}.recent-cta-section.recent-cta-section-revamp .revamp-divider{display:block;position:relative;height:1px;background:#dde3eb;margin:28px 0 22px}.recent-cta-section.recent-cta-section-revamp .revamp-divider::after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#c7d0dd;transform:translate(-50%,-50%)}.recent-cta-section.recent-cta-section-revamp .share_blog_main{text-align:center}.recent-cta-section.recent-cta-section-revamp .share_blog_content_1{font-family:"Plus Jakarta Sans",sans-serif;font-size:18px;font-weight:700;color:#12395f;margin:0 0 6px}.recent-cta-section.recent-cta-section-revamp .share_blog_content_2{display:block;font-family:"Plus Jakarta Sans",sans-serif;font-size:14px;font-weight:400;color:#79828e;margin-bottom:20px}.recent-cta-section.recent-cta-section-revamp .social-list.contact-social{display:flex;align-items:flex-start;justify-content:center;list-style:none;margin:0;padding:0;gap:0}.recent-cta-section.recent-cta-section-revamp .social-list.contact-social li{position:relative;display:flex;padding:0 12px}.recent-cta-section.recent-cta-section-revamp .social-list.contact-social li:not(:last-child)::after{content:"";position:absolute;top:8px;right:0;width:1px;height:40px;background:#dde3eb}.recent-cta-section.recent-cta-section-revamp .social-list.contact-social li a{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:#12395f}.recent-cta-section.recent-cta-section-revamp .social-list.contact-social li a i{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#e7edf6;color:#12395f;font-size:16px;transition:all 0.3s ease}.recent-cta-section.recent-cta-section-revamp .social-list.contact-social li a span{font-family:"Plus Jakarta Sans",sans-serif;font-size:12px;font-weight:500;color:#46505e}.recent-cta-section.recent-cta-section-revamp .social-list.contact-social li a:hover i{background:#12395f;color:#ffffff}@media (max-width:1536px){.recent-cta-section.recent-cta-section-revamp{padding:36px 15px 26px}.recent-cta-section.recent-cta-section-revamp .cta-title{font-size:22px}.recent-cta-section.recent-cta-section-revamp .social-list.contact-social li{padding:0 8px}.recent-cta-section.recent-cta-section-revamp .social-list.contact-social li a i{width:36px;height:36px}.recent-cta-section.recent-cta-section-revamp .social-list.contact-social li a span{font-size:10px}}@media (max-width:991px){.recent-cta-section.recent-cta-section-revamp{max-width:350px;margin:0 auto}}