:root, [data-bs-theme="light"]{--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-black: #000;--bs-white: #fff;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #6c757d;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #0d6efd;--bs-secondary: #6c757d;--bs-success: #198754;--bs-info: #0dcaf0;--bs-warning: #ffc107;--bs-danger: #dc3545;--bs-light: #f8f9fa;--bs-dark: #212529;--bs-primary-rgb: 13,110,253;--bs-secondary-rgb: 108,117,125;--bs-success-rgb: 25,135,84;--bs-info-rgb: 13,202,240;--bs-warning-rgb: 255,193,7;--bs-danger-rgb: 220,53,69;--bs-light-rgb: 248,249,250;--bs-dark-rgb: 33,37,41;--bs-primary-text-emphasis: #052c65;--bs-secondary-text-emphasis: #2b2f32;--bs-success-text-emphasis: #0a3622;--bs-info-text-emphasis: #055160;--bs-warning-text-emphasis: #664d03;--bs-danger-text-emphasis: #58151c;--bs-light-text-emphasis: #495057;--bs-dark-text-emphasis: #495057;--bs-primary-bg-subtle: #cfe2ff;--bs-secondary-bg-subtle: #e2e3e5;--bs-success-bg-subtle: #d1e7dd;--bs-info-bg-subtle: #cff4fc;--bs-warning-bg-subtle: #fff3cd;--bs-danger-bg-subtle: #f8d7da;--bs-light-bg-subtle: #fcfcfd;--bs-dark-bg-subtle: #ced4da;--bs-primary-border-subtle: #9ec5fe;--bs-secondary-border-subtle: #c4c8cb;--bs-success-border-subtle: #a3cfbb;--bs-info-border-subtle: #9eeaf9;--bs-warning-border-subtle: #ffe69c;--bs-danger-border-subtle: #f1aeb5;--bs-light-border-subtle: #e9ecef;--bs-dark-border-subtle: #adb5bd;--bs-white-rgb: 255,255,255;--bs-black-rgb: 0,0,0;--bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size: 1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #212529;--bs-body-color-rgb: 33,37,41;--bs-body-bg: #fff;--bs-body-bg-rgb: 255,255,255;--bs-emphasis-color: #000;--bs-emphasis-color-rgb: 0,0,0;--bs-secondary-color: rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb: 33,37,41;--bs-secondary-bg: #e9ecef;--bs-secondary-bg-rgb: 233,236,239;--bs-tertiary-color: rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb: 33,37,41;--bs-tertiary-bg: #f8f9fa;--bs-tertiary-bg-rgb: 248,249,250;--bs-heading-color: inherit;--bs-link-color: #0d6efd;--bs-link-color-rgb: 13,110,253;--bs-link-decoration: underline;--bs-link-hover-color: #0a58ca;--bs-link-hover-color-rgb: 10,88,202;--bs-code-color: #d63384;--bs-highlight-color: #212529;--bs-highlight-bg: #fff3cd;--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: #dee2e6;--bs-border-color-translucent: rgba(0, 0, 0, 0.175);--bs-border-radius: 0.375rem;--bs-border-radius-sm: 0.25rem;--bs-border-radius-lg: 0.5rem;--bs-border-radius-xl: 1rem;--bs-border-radius-xxl: 2rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width: 0.25rem;--bs-focus-ring-opacity: 0.25;--bs-focus-ring-color: rgba(13, 110, 253, 0.25);--bs-form-valid-color: #198754;--bs-form-valid-border-color: #198754;--bs-form-invalid-color: #dc3545;--bs-form-invalid-border-color: #dc3545}
*, ::after, ::before{box-sizing: border-box}
body{margin: 0px;font-family: var(--bs-body-font-family);font-size: var(--bs-body-font-size);font-weight: var(--bs-body-font-weight);line-height: var(--bs-body-line-height);color: var(--bs-body-color);text-align: var(--bs-body-text-align);background-color: var(--bs-body-bg);text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;font-size: 13px;color: rgb(123, 123, 123);font-size: 16px;font-weight: 400;line-height: 26px;text-align: left;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-top: 0px;margin-bottom: 0.5rem;font-weight: 500;line-height: 1.2;color: var(--bs-heading-color)}
.h1, h1{font-size: calc(1.375rem + 1.5vw)}
.h2, h2{font-size: calc(1.325rem + 0.9vw)}
.h3, h3{font-size: calc(1.3rem + 0.6vw)}
.h4, h4{font-size: calc(1.275rem + 0.3vw)}
.h5, h5{font-size: 1.25rem}
.h6, h6{font-size: 1rem}
p{margin-top: 0px;margin-bottom: 1rem;font-weight: 400;font-style: normal;font-size: clamp(12px, 1.2vw, 14px);color: rgb(82, 82, 82)}
ol, ul{padding-left: 2rem}
dl, ol, ul{margin-top: 0px;margin-bottom: 1rem}
b, strong{font-weight: bolder}
a{color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration: underline;transition: 0.3s ease-out;color: rgb(16, 16, 16);text-decoration: none;color: black}
a:hover{--bs-link-color-rgb: var(--bs-link-hover-color-rgb)}
img, svg{vertical-align: middle}
button{border-radius: 0px}
button:focus:not(:focus-visible){outline: 0px}
button, input, optgroup, select, textarea{margin: 0px;font-family: inherit;font-size: inherit;line-height: inherit}
button, select{text-transform: none}
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator{display: none !important}
[type="button"], [type="reset"], [type="submit"], button{appearance: button}
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field{padding: 0px}
::-webkit-inner-spin-button{height: auto}
::-webkit-search-decoration{appearance: none}
::-webkit-color-swatch-wrapper{padding: 0px}
::-webkit-file-upload-button{font: inherit;appearance: button}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width: 100%;padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);margin-right: auto;margin-left: auto}
:root{--renewnotifybg:#f5f7fb;
 --renewnotifycard:#ffffff;
 --renewnotifymuted:#64748b;
 --renewnotifyfg:#0f172a;
 --renewnotifyon:#22c55e;
 --renewnotifyon-2:#16a34a;
 --renewnotifyoff:#cbd5e1;--bs-breakpoint-xs: 0;--bs-breakpoint-sm: 576px;--bs-breakpoint-md: 768px;--bs-breakpoint-lg: 992px;--bs-breakpoint-xl: 1200px;--bs-breakpoint-xxl: 1400px;--vtc-text-title1: #111111;--vtc-text-title2: #0061FF;--vtc-text-title3: #0B1A33;--vtc-text-title4: #030619;--vtc-text-title5: #0A0A0A;--vtc-text-title6: #10161D;--vtc-text-pera1: #415069;--vtc-text-pera2: #5D6369;--vtc-text-white: #fff;--vtc-text-white80per: rgba(255, 255, 255, 0.8274509804);--vtc-bg-main1: #FFC106;--vtc-bg-main2: #0061FF;--vtc-bg-main5: #3A0CA3;--vtc-bg-main6: #4F26AC;--vtc-bg-main7: #408BFF;--vtc-bg-main8: #0011B7;--vtc-bg-main9: linear-gradient(268deg, rgba(64, 139, 255, 0.1) 0.24%, rgba(10, 24, 161, 0.1) 98.24%);--vtc-bg-main12: #FC7327;--vtc-bg-main13: linear-gradient(180deg, #558AFF 0%, #3B63FB 100%);--vtc-bg-main14: #3064FF;--vtc-bg-main15: #03C343;--vtc-bg-main16: #1A9CBA;--vtc-bg-main17: #9D4EDD;--vtc-bg-main18: #FA450D;--vtc-bg-common-1: rgba(0, 97, 255, 0.1);--vtc-bg-common-2: #F4F7FD;--vtc-bg-common-3: #EDF2FB;--vtc-bg-common-5: rgba(58, 12, 163, 0.1);--vtc-bg-common-6: #F5F3FA;--vtc-bg-common-7: #061164;--vtc-bg-common-8: #F8FFF5;--vtc-bg-common-9: #E6F9EC;--vtc-bg-common-10: #F6F8FA;--vtc-bg-common-11: #272E34;--vtc-bg-common-12: #EBDCF8;--vtc-bg-common-13: #FFE4DC;--vtc-bg-common-14: #FFECE7;--vtc-bg-common-15: #F5EDFC;--vtc-bg-common-16: #EDE7F7;--vtc-bg-white: #ffffff;--vtc-bg-white10per: rgba(255, 255, 255, 0.1);--vtc-bg-white20per: rgba(255, 255, 255, 0.199);--vtc-bg-white30per: rgba(255, 255, 255, 0.322);--vtc-border-1: #DDE1E9;--vtc-border-2: #DDE0E5;--vtc-border-3: #E7E7E7;--vtc-border-4: #CFF4DB;--vtc-border-5: #FFDBD1;--f-fw-normal: 400;--f-fw-medium: 500;--f-fw-semibold: 600;--f-fw-bold: 700;--f-fw-ex-bold: 800;--f-ff-font-1: 'Outfit', sans-serif;--f-fs-font-16: 16px;--f-fs-font-18: 18px;--f-fs-font-20: 20px;--f-fs-font-22: 22px;--f-fs-font-24: 24px;--f-fs-font-26: 26px;--f-fs-font-28: 28px;--f-fs-font-30: 30px;--f-fs-font-32: 32px;--f-fs-font-34: 34px;--f-fs-font-36: 36px;--f-fs-font-40: 40px;--f-fs-font-42: 42px;--f-fs-font-44: 44px;--f-fs-font-48: 48px;--f-fs-font-50: 50px;--f-fs-font-52: 52px;--f-fs-font-54: 54px;--f-fs-font-56: 56px;--f-fs-font-58: 58px;--f-fs-font-60: 60px;--f-fs-font-62: 62px;--f-fs-font-64: 64px;--f-fs-font-66: 66px;--f-fs-font-68: 68px;--f-fs-font-70: 70px;--f-fs-font-72: 72px;--f-fs-font-74: 74px;--f-fs-font-76: 76px;--f-fs-font-78: 78px;--f-fs-font-80: 80px;--f-fs-font-82: 82px;--f-fs-font-84: 84px;--f-fs-font-86: 86px;--f-fs-font-88: 88px;--vtc-text-white: #ffffff;--vtc-text-white80per: rgba(255, 255, 255, 0.8);--vtc-bg-white10per: rgba(255, 255, 255, 0.06);--vtc-bg-main16: #00a3c4;--vtc-bg-main-dark: #007e98;--vtc-border-1: rgba(255, 255, 255, 0.1)}
.row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(-1 * var(--bs-gutter-y));margin-right: calc(-.5 * var(--bs-gutter-x));margin-left: calc(-.5 * var(--bs-gutter-x))}
.row > *{flex-shrink: 0;width: 100%;max-width: 100%;padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);margin-top: var(--bs-gutter-y)}
.table-active{--bs-table-color-state: var(--bs-table-active-color);--bs-table-bg-state: var(--bs-table-active-bg)}
.form-control::-webkit-date-and-time-value{min-width: 85px;height: 1.5em;margin: 0px}
.form-control::-webkit-datetime-edit{display: block;padding: 0px}
.form-control::-webkit-file-upload-button{padding: 0.375rem 0.75rem;margin: -0.375rem -0.75rem;margin-inline-end: 0.75rem;color: var(--bs-body-color);background-color: var(--bs-tertiary-bg);pointer-events: none;border-color: inherit;border-style: solid;border-width: 0px;border-inline-end-width: var(--bs-border-width);border-radius: 0px;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color: var(--bs-secondary-bg)}
.form-control-sm::-webkit-file-upload-button{padding: 0.25rem 0.5rem;margin: -0.25rem -0.5rem;margin-inline-end: 0.5rem}
.form-control-lg::-webkit-file-upload-button{padding: 0.5rem 1rem;margin: -0.5rem -1rem;margin-inline-end: 1rem}
.form-control-color::-moz-color-swatch{border: 0px !important;border-radius: var(--bs-border-radius)}
.form-control-color::-webkit-color-swatch{border: 0px !important;border-radius: var(--bs-border-radius)}
.form-select:focus-visible{color: transparent;text-shadow: 0 0 0 var(--bs-body-color)}
.form-check-input:active{filter: brightness(90%)}
.form-range:focus::-webkit-slider-thumb{box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem}
.form-range:focus::-moz-range-thumb{box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem}
.form-range::-webkit-slider-thumb{width: 1rem;height: 1rem;margin-top: -0.25rem;appearance: none;background-color: rgb(13, 110, 253);border: 0px;border-radius: 1rem;transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}
.form-range::-webkit-slider-runnable-track{width: 100%;height: 0.5rem;color: transparent;cursor: pointer;background-color: var(--bs-secondary-bg);border-color: transparent;border-radius: 1rem}
.form-range::-moz-range-thumb{width: 1rem;height: 1rem;appearance: none;background-color: rgb(13, 110, 253);border: 0px;border-radius: 1rem;transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}
.form-range::-moz-range-thumb:active{background-color: rgb(182, 212, 254)}
.form-range::-moz-range-track{width: 100%;height: 0.5rem;color: transparent;cursor: pointer;background-color: var(--bs-secondary-bg);border-color: transparent;border-radius: 1rem}
.form-range:disabled::-webkit-slider-thumb{background-color: var(--bs-secondary-color)}
.form-range:disabled::-moz-range-thumb{background-color: var(--bs-secondary-color)}
.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown){padding-top: 1.625rem;padding-bottom: 0.625rem}
.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label{color: rgba(var(--bs-body-color-rgb),.65);transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)}
.form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after{position: absolute;inset: 1rem 0.375rem;z-index: -1;height: 1.5em;content: "";background-color: var(--bs-body-bg);border-radius: var(--bs-border-radius)}
.btn:focus-visible{color: var(--bs-btn-hover-color);background-color: var(--bs-btn-hover-bg);border-color: var(--bs-btn-hover-border-color);outline: 0px;box-shadow: var(--bs-btn-focus-box-shadow)}
.btn-check:focus-visible + .btn{border-color: var(--bs-btn-hover-border-color);outline: 0px;box-shadow: var(--bs-btn-focus-box-shadow)}
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active{color: var(--bs-btn-active-color);background-color: var(--bs-btn-active-bg);border-color: var(--bs-btn-active-border-color)}
.btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible{box-shadow: var(--bs-btn-focus-box-shadow)}
.btn-check:checked:focus-visible + .btn{box-shadow: var(--bs-btn-focus-box-shadow)}
.btn-link:focus-visible{color: var(--bs-btn-color)}
.fade:not(.show){opacity: 0}
.collapse:not(.show){display: none}
.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center{position: relative}
.dropend .dropdown-menu[data-bs-popper]{top: 0px;right: auto;left: 100%;margin-top: 0px;margin-left: var(--bs-dropdown-spacer)}
.dropend .dropdown-toggle::after{display: inline-block;margin-left: 0.255em;vertical-align: 0.255em;content: "";border-width: 0.3em 0px 0.3em 0.3em;border-style: solid none solid solid;border-color: transparent currentcolor;vertical-align: 0px;border-top-style: solid;border-top-color: transparent;border-right-style: initial;border-right-color: initial;border-bottom-style: solid;border-bottom-color: transparent;border-left-style: solid;border-left-color: initial}
.dropend .dropdown-toggle:empty::after{margin-left: 0px}
.dropdown-item.active, .dropdown-item:active{color: var(--bs-dropdown-link-active-color);text-decoration: none;background-color: var(--bs-dropdown-link-active-bg)}
.dropdown-menu.show{display: block}
.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover{z-index: 1}
.dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after{margin-left: 0px}
.nav-link:focus-visible{outline: 0px;box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color: var(--bs-nav-tabs-link-active-color);background-color: var(--bs-nav-tabs-link-active-bg);border-color: var(--bs-nav-tabs-link-active-border-color)}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{color: var(--bs-nav-pills-link-active-color);background-color: var(--bs-nav-pills-link-active-bg)}
.nav-underline .nav-link.active, .nav-underline .show > .nav-link{font-weight: 700;color: var(--bs-nav-underline-link-active-color);border-bottom-color: currentcolor}
.tab-content > .active{display: block}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: var(--bs-navbar-active-color)}
.card-header-tabs .nav-link.active{background-color: var(--bs-card-bg);border-bottom-color: var(--bs-card-bg)}
.breadcrumb-item.active{color: var(--bs-breadcrumb-item-active-color)}
.active > .page-link, .page-link.active{z-index: 3;color: var(--bs-pagination-active-color);background-color: var(--bs-pagination-active-bg);border-color: var(--bs-pagination-active-border-color)}
.list-group-item-action:active{color: var(--bs-list-group-action-active-color);background-color: var(--bs-list-group-action-active-bg)}
.list-group-item.active{z-index: 2;color: var(--bs-list-group-active-color);background-color: var(--bs-list-group-active-bg);border-color: var(--bs-list-group-active-border-color)}
.list-group-item + .list-group-item.active{margin-top: calc(-1 * var(--bs-list-group-border-width));border-top-width: var(--bs-list-group-border-width)}
.list-group-horizontal > .list-group-item.active{margin-top: 0px}
.list-group-horizontal > .list-group-item + .list-group-item.active{margin-left: calc(-1 * var(--bs-list-group-border-width));border-left-width: var(--bs-list-group-border-width)}
.toast.showing{opacity: 0}
.toast:not(.show){display: none}
.modal.show .modal-dialog{transform: none}
.modal-backdrop.show{opacity: var(--bs-backdrop-opacity)}
.tooltip.show{opacity: var(--bs-tooltip-opacity)}
.carousel-item-next, .carousel-item-prev, .carousel-item.active{display: block}
.active.carousel-item-end, .carousel-item-next:not(.carousel-item-start){transform: translateX(100%)}
.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end){transform: translateX(-100%)}
.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active{z-index: 1;opacity: 1}
.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start{z-index: 0;opacity: 0;transition: opacity 0s 0.6s;transition: opacity 0.6s}
.carousel-indicators .active{opacity: 1}
.offcanvas.show:not(.hiding), .offcanvas.showing{transform: none}
.offcanvas.hiding, .offcanvas.show, .offcanvas.showing{visibility: visible}
.offcanvas-backdrop.show{opacity: 0.5}
.icon-link-hover:focus-visible > .bi, .icon-link-hover:hover > .bi{transform: var(--bs-icon-link-transform,translate3d(.25em,0,0))}
.overflow-visible{overflow: visible !important}
.overflow-x-visible{overflow-x: visible !important}
.overflow-y-visible{overflow-y: visible !important}
.d-flex{display: flex !important}
.align-items-center{align-items: center !important}
.m-auto{margin: auto !important}
.text-center{text-align: center !important}
.visible{visibility: visible !important}
.invisible{visibility: hidden !important}
.fadeInDown{animation-name: fadeInDown}
.cd-words-wrapper b.is-visible{position: relative}
.no-js .cd-words-wrapper b.is-visible{opacity: 1}
.cd-headline.rotate-1 b.is-visible{opacity: 1;transform: rotateX(0deg);animation: 1.2s cd-rotate-1-in;animation: 1.2s ease 0s 1 normal none running cd-rotate-1-in}
.cd-headline.type b.is-visible{visibility: visible}
.is-visible .cd-headline.rotate-2 i{opacity: 1}
.no-csstransitions .cd-headline.rotate-2 .is-visible i{opacity: 1}
.cd-headline.loading-bar b.is-visible{opacity: 1;top: 0px}
.cd-headline.slide b.is-visible{top: 0px;opacity: 1;animation: 0.6s slide-in;animation: 0.6s ease 0s 1 normal none running slide-in}
.cd-headline.clip b.is-visible{opacity: 1}
.cd-headline.zoom b.is-visible{opacity: 1;animation: 0.8s zoom-in;animation: 0.8s ease 0s 1 normal none running zoom-in}
.is-visible .cd-headline.rotate-3 i{transform: rotateY(0deg)}
.no-csstransitions .cd-headline.rotate-3 .is-visible i{opacity: 1}
.is-visible .cd-headline.scale i{opacity: 1}
.no-csstransitions .cd-headline.scale .is-visible i{opacity: 1}
.cd-headline.push b.is-visible{opacity: 1;animation: 0.6s push-in;animation: 0.6s ease 0s 1 normal none running push-in}
.fa{font-family: var(--fa-style-family,"Font Awesome 6 Free");font-weight: var(--fa-style,900)}
.fa, .fa-brands, .fa-regular, .fa-solid, .fab, .far, .fas{display: var(--fa-display,inline-block);font-style: normal;font-variant: normal;line-height: 1;text-rendering: auto;-webkit-font-smoothing: antialiased}
.fa-brands::before, .fa-regular::before, .fa-solid::before, .fa::before, .fab::before, .far::before, .fas::before{content: var(--fa)}
.fa-classic, .fa-regular, .fa-solid, .far, .fas{font-family: "Font Awesome 6 Free"}
.fa-door-open{--fa: "\f52b"}
.fa-comments{--fa: "\f086"}
.fa-cloud-showers-heavy{--fa: "\f740"}
.fa-face-frown-open, .fa-frown-open{--fa: "\f57a"}
.fa-folder-open{--fa: "\f07c"}
.fa-cloud-showers-water{--fa: "\e4e4"}
.fa-box-open{--fa: "\f49e"}
.fa-envelope-open{--fa: "\f2b6"}
.fa-lock-open{--fa: "\f3c1"}
.fa-teeth-open{--fa: "\f62f"}
.fa-book-open-reader, .fa-book-reader{--fa: "\f5da"}
.fa-medal{--fa: "\f5a2"}
.fa-envelope-open-text{--fa: "\f658"}
.fa-chevron-down{--fa: "\f078"}
.fa-angle-up{--fa: "\f106"}
.fa-shower{--fa: "\f2cc"}
.fa-book-open{--fa: "\f518"}
:host, :root{--fa-style-family-brands: "Font Awesome 6 Brands";--fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";--fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";--fa-style-family-classic: "Font Awesome 6 Free";--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"}
.fa-opensuse{--fa: "\e62b"}
.fa-openid{--fa: "\f19b"}
.fa-opencart{--fa: "\f23d"}
.fa-solid, .fas{font-weight: 900}
h1, h2, h3, h4, h5, h6{color: rgb(16, 18, 16);font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;font-style: normal;margin-bottom: 0px;margin-top: 11px;line-height: 1.2;font-weight: 600;transition: 0.5s;font-size: 36px}
a:focus, .btn:focus{text-decoration: none;outline: none}
a:focus, a:hover{text-decoration: none;color: rgb(16, 16, 16)}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: inherit;transition: 0.5s}
h1{font-size: 50px}
h2{font-size: 35px;font-size: clamp(26px, 3vw, 30px)}
h3{font-size: 30px}
h4{font-size: 24px}
h5{font-size: 20px}
h6{font-size: 18px}
ul{margin: 0px;padding: 0px}
input:focus, button:focus{outline-color: rgb(9, 175, 243);border: 1px solid rgb(9, 175, 243) !important}
a, i, cite, em, var, address, dfn, ol, li, ul{font-style: normal;font-weight: 400}
::-webkit-input-placeholder{color: rgb(16, 16, 16)}
.contact_area ::-webkit-input-placeholder{color: rgb(0, 29, 35)}
.blog_reply ::-webkit-input-placeholder{color: rgb(21, 25, 72)}
.mobile-menu-area{background: rgb(38, 38, 38);background: rgb(255, 255, 255) 0px 0px;background: none 0px 0px repeat scroll rgb(255, 255, 255)}
.vbox-open{overflow: hidden}
.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before{display: inline-block;font-family: bootstrap-icons !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;vertical-align: -0.125em;-webkit-font-smoothing: antialiased}
.bi-arrow-right::before{content: ""}
.bi-bar-chart::before{content: ""}
.bi-chevron-down::before{content: ""}
.bi-chevron-up::before{content: ""}
.bi-controller::before{content: ""}
.bi-door-open-fill::before{content: ""}
.bi-door-open::before{content: ""}
.bi-envelope-open-fill::before{content: ""}
.bi-envelope-open::before{content: ""}
.bi-envelope::before{content: ""}
.bi-facebook::before{content: ""}
.bi-folder2-open::before{content: ""}
.bi-gear::before{content: ""}
.bi-geo-alt::before{content: ""}
.bi-instagram::before{content: ""}
.bi-star-fill::before{content: ""}
.bi-telephone-fill::before{content: ""}
.bi-telephone::before{content: ""}
.bi-twitter::before{content: ""}
.bi-youtube::before{content: ""}
.bi-radioactive::before{content: ""}
.bi-envelope-open-heart-fill::before{content: ""}
.bi-envelope-open-heart::before{content: ""}
.user_sign .sign_up{border: 1px solid var(--bg-color-header);padding: 10px 14px;cursor: pointer;color: var(--bg-color-header);margin-left: 10px;border-radius: 5px;background-color: var(--bg-color-header)}
.user_sign .lang{color: rgb(51, 51, 51)}
.user_sign .sign_up a{color: rgb(255, 255, 255) !important}
.user_sign .sign_in{border: 1px solid var(--bg-color-header);padding: 10px 14px;border-radius: 5px;color: var(--bg-color-header)  !important;color: var(--bg-color-header) !important}
.user_sign .lang a, .user_sign .sign_up a, .user_sign .sign_in a{font-size: 17px;font-weight: 401;cursor: pointer;width: 100%}
.user_sign .sign_in.a, .user_sign .sign_in a{color: var(--bg-color-header)  !important;color: var(--bg-color-header) !important}
.user_sign .lang, .user_sign .sign_in{margin: 10px}
.user_sign .lang .phoneIcon i{transform: rotate(100deg);padding-bottom: 3px;color: rgb(111, 186, 71);font-size: 16px}
.language-switcher{display: inline-flex;align-items: center;cursor: pointer;z-index: 1000;border: 1px solid rgb(243, 243, 243);padding: 10px 8px;border-radius: 5px}
.icon-container{width: 24px;height: 24px;border-radius: 50%;overflow: hidden;display: flex;align-items: center;justify-content: center;margin-right: 8px}
.current-lang{font-size: clamp(12px, 2vw, 17px) !important;color: rgb(0, 0, 0)}
.language-switcher .dropdown{display: none;position: absolute;top: 50px;right: 55px;background-color: rgb(255, 255, 255);border: 1px solid rgb(204, 204, 204);border-radius: 5px;padding: 10px;font-size: 15px !important;width: 250px;box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 5px;flex-wrap: wrap;gap: 10px;font-weight: 500}
.language-switcher:hover .dropdown{display: flex}
.language-option{width: 100%;display: flex;align-items: center;cursor: pointer;border-radius: 3px;transition: background-color 0.3s}
.language-option:hover{color: var(--bg-color-header)}
.language-option img{width: 20px;height: 15px;margin-right: 8px}
.header-container{max-width: 100% !important}
.it-solution_nav_manu{transition: 0.5s;z-index: 999;padding: 0px 10px;margin-bottom: -101px;border-bottom: 1px solid var(--bg-header-border);background-color: var(--bg-background-header);position: fixed;width: 100%;box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em}
.sticky{left: 0px;margin: auto;position: fixed !important;top: 0px;width: 100%;box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px -2px;background: rgb(255, 255, 255) !important;transition: 0.5s !important;z-index: 922;animation: 500ms slideInDown;animation: 500ms ease 0s 1 normal none running slideInDown}
.sticky .it-solution_menu > ul > li > a{color: rgb(16, 18, 16)}
nav.it-solution_menu{position: relative;z-index: 1;margin-bottom: -3px}
nav.it-solution_menu .user_sign{float: right}
#mobileCloudArrow{margin-left: 10px;font-size: 14px;background: rgb(255, 255, 255);color: rgb(204, 204, 204);transform: rotate(0deg);transition: transform 0.3s}
.nav-item_cloud a:hover #mobileCloudArrow{transform: rotate(180deg);color: var(--bg-color-header)}
.it-solution_menu ul{padding: 0px 214px 0px 0px;list-style: none;display: inline-block}
.it-solution_menu > ul > li{display: inline-block;position: relative;z-index: 1}
.it-solution_menu > ul > li > a{display: inline-block;margin: 25px 21px;transition: 0.5s;position: relative;z-index: 1;font-size: 17px;color: rgb(10, 10, 10);font-weight: 400}
.it-solution_menu > ul > li > a:hover{color: var(--bg-color-header)}
nav.it-solution_menu span{font-size: 10px;font-weight: normal;margin-left: 2px}
.it-solution_menu li a:hover::before{width: 101%}
.logo_img{vertical-align: baseline}
.hero-section{background: var(--bg-hero-section);padding: 180px 0px 70px}
.hero-content h5{display: inline-block;margin-bottom: 18px;font-size: 16px;letter-spacing: 1px;color: rgb(9, 175, 243);font-weight: 500;border: 0.5px solid rgb(9, 175, 243);padding: 6px 32px;border-radius: 3px;position: relative;z-index: 1}
.hero-content h5::before{position: absolute;content: "";left: 18px;top: 12px;height: 6px;width: 6px;border-radius: 5px;border: 0.5px solid rgb(9, 175, 243)}
.hero-content h5::after{position: absolute;content: "";right: 18px;top: 12px;height: 6px;width: 6px;border-radius: 5px;border: 0.5px solid rgb(9, 175, 243)}
.hero-content h1{font-size: 3em;line-height: 65px;color: var(--bg-hero-section-h);font-weight: 700;margin: auto}
.hero-content h1 span{display: inline-block;color: var(--bg-main-color)}
.hero-content p{margin: 16px 0px 35px;font-size: 20px;line-height: 28px;color: rgb(79, 91, 98);font-weight: 400;width: 80%}
.section-button{display: inline}
.section-button a{display: inline-block;font-size: 18px;color: rgb(255, 255, 255);font-weight: 500;background: var(--bg-main-color);padding: 15px 40px;border-radius: 5px;transition: 0.5s;position: relative;z-index: 1;overflow: hidden}
.section-button a::before{position: absolute;content: "";inset: 0px -50px 0px 0px;border-bottom: 70px solid var(--bg-service-section-btn);border-right: 30px solid transparent;transition: 600ms;transform: translateX(-100%);z-index: -1}
.section-button a:hover::before{transform: translateX(-40%)}
.section-button a::after{position: absolute;content: "";inset: 0px 0px 0px -50px;border-left: 30px solid transparent;border-bottom: 70px solid var(--bg-service-section-btn);transition: 600ms;transform: translateX(100%);z-index: -1}
.section-button a:hover::after{transform: translateX(40%)}
.slider-thumb img{width: 100%;transform: scaleX(1)}
.section-title{margin-bottom: 58px}
.section-title h5{margin: 0px 0px 14px;font-size: 16px;color: rgb(9, 175, 243);font-weight: 500;position: relative;z-index: 1;padding-left: 17px}
.section-title h5::before{position: absolute;content: "";left: 0px;top: 6px;width: 6px;height: 6px;border-radius: 6px;border: 1px solid rgb(9, 175, 243)}
.section-title h5::after{position: absolute;content: "";left: 240px;top: 6px;width: 6px;height: 6px;border-radius: 6px;border: 1px solid rgb(9, 175, 243)}
.section-title h1{margin: 0px;font-size: 40px;line-height: 60px;color: rgb(82, 82, 82);font-weight: 600}
.section-title h2 span{color: rgb(9, 175, 243)}
.services-button{float: right}
.services-button a{display: inline-block;font-size: 18px;color: rgb(255, 255, 255);font-weight: 500;background: rgb(9, 175, 243);padding: 15px 35px;border-radius: 5px;transition: 0.5s;position: relative;z-index: 1;overflow: hidden}
.services-button a::before{position: absolute;content: "";inset: 0px -50px 0px 0px;border-bottom: 55px solid rgb(10, 10, 10);border-right: 30px solid transparent;transition: 600ms;transform: translateX(-100%);z-index: -1}
.services-button a:hover::before{transform: translateX(-40%)}
.services-button a::after{position: absolute;content: "";inset: 0px 0px 0px -50px;border-left: 30px solid transparent;border-bottom: 55px solid rgb(10, 10, 10);transition: 600ms;transform: translateX(100%);z-index: -1}
.services-button a:hover::after{transform: translateX(40%)}
.section-title p{font-size: 18px;line-height: 27px;color: rgb(122, 131, 135);font-weight: 400;margin-top: 22px}
.section-title h2{font-size: clamp(30px, 5vw, 35px);font-weight: 600;color: rgb(82, 82, 82)}
.service-section{padding: 70px 0px;background: var(--bg-service-section)}
.single-service-box{border-radius: 5px;background-color: rgb(255, 255, 255);margin-bottom: 30px;padding: 40px 0px 34px 30px;position: relative;z-index: 1;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px}
.single-service-box::before{position: absolute;content: "";height: 100%;width: 0px;inset: 0px;margin: auto;background: var(--bg-service-flip);transition: 0.5s;border-radius: 5px;z-index: -1}
.single-service-box:hover::before{width: 100%}
.service-icon img{transition: 0.5s}
.service-section p{font-size: clamp(16px, 1.2vw, 20px)}
.service-content h4{font-size: clamp(20px, 3vw, 24px);color: rgb(82, 82, 82);font-weight: 600;margin-top: 22px;transition: 0.5s}
.single-service-box:hover .service-content h4{color: var(--bg-service-fliph4)}
.service-content p{font-size: clamp(16px, 2vw, 18px);line-height: 27px;color: var(--bg-service-section-p);font-weight: 400;margin: 14px 0px 22px;width: 90%;transition: 0.5s;height: 200px}
.single-service-box:hover .service-content p{color: var(--bg-service-flipp)}
.service-button a{font-size: 16px;color: rgb(0, 43, 91);font-weight: 400;transition: 0.5s}
.single-service-box .service-button a{background-color: rgb(237, 242, 251)}
.choose-us-section{padding: 70px 0px;background-color: rgb(248, 245, 249);position: relative;z-index: 1;overflow: hidden}
.choose-us-section .section-title{margin-bottom: 50px}
.choose-us-section .section-title h5::after{left: 100px}
.choose-us-thumb{margin-right: 55px}
.choose-us-thumb img{width: 100%;transform: scaleX(1)}
.info-item{display: flex;margin-bottom: 52px}
.info-icon i{color: rgb(9, 175, 242);font-size: 32px;background: rgb(229, 246, 249);float: left;margin-right: 25px;padding: 12px 15px;border-radius: 2px;transition: 0.5s;position: relative;z-index: 1}
.info-icon i::after{position: absolute;content: "";left: 0px;top: 0px;width: 0px;height: 100%;background: rgb(9, 175, 243);border-radius: 2px;transition: 0.5s;z-index: -1}
.info-icon i:hover::after{width: 100%}
.info-icon i:hover{color: rgb(255, 255, 255)}
.info-content h4{font-size: 24px;color: rgb(82, 82, 82);font-weight: 600;margin: 0px 0px 10px;transition: 0.5s}
.info-item:hover .info-content h4{color: rgb(9, 175, 243)}
.info-content p{font-size: 18px;line-height: 27px;color: rgb(122, 131, 135);font-weight: 400;margin: auto;width: 100%}
.footer-section{background: var(--bg-footer-color);padding: 70px 0px;text-align: left}
.footer-section .footer-logo img{filter: brightness(0) invert(1)}
.footer-widget-description p{font-size: clamp(14px, 2vw, 16px);line-height: 28px;color: rgb(255, 255, 255);font-weight: 400;width: 95%;padding: 50px 0px 18px}
.footer-social-icon ul{list-style: none}
.footer-social-icon ul li{display: inline-block}
.footer-social-icon ul li a{display: inline-block;color: rgb(0, 61, 86);background: rgb(255, 255, 255);height: 38px;line-height: 38px;width: 38px;text-align: center;border-radius: 30px;font-size: 15px;margin-right: 5px;transition: 0.5s;opacity: 0.9}
.footer-social-icon ul li a:hover{background: var(--bg-footer-icon-hover)}
.footer-widget-title h3{font-size: 24px;color: rgb(255, 255, 255);font-weight: 600;margin: auto;padding-bottom: 55px}
.footer-widget-menu ul{list-style: none}
.footer-widget-menu ul li{padding-bottom: 15px}
.footer-widget-menu ul a{display: inline-block;font-size: clamp(14px, 2vw, 16px);color: rgb(255, 255, 255);font-weight: 400}
.footer-widget-menu ul a i{font-size: 15px;padding-right: 5px}
.footer-widget-menu ul a:hover{color: var(--bg-color-footer)}
.footer-widget-title-left h3{font-size: 24px;color: rgb(255, 255, 255);font-weight: 600;margin: auto;padding-bottom: 62px}
.icon-box{display: flex;padding-bottom: 16px;align-items: center}
.icon-box-content{margin: 0px 0px 0px 10px}
.widget-icon i{display: inline-block;background: rgb(229, 235, 241);height: 36px;line-height: 37px;width: 36px;text-align: center;font-size: 21px;border-radius: 50%}
.icon-box-content h4{font-size: clamp(14px, 2vw, 16px);color: rgb(255, 255, 255);font-weight: normal;margin: auto}
.copyright-section{padding: 18px 0px;width: 100%;bottom: 0px;left: 0px;z-index: 1;background: linear-gradient(to right, rgb(255, 255, 255), rgb(225, 225, 225))}
.copyright-description p{font-size: 17px;color: rgb(82, 82, 82);font-weight: 400;margin: auto}
.copyright-description p span{color: rgb(9, 175, 242)}
.accordion li.active p{display: block}
.accordion a.active::after{transform: rotate(0deg);transition: 0.2s ease-in-out;background: rgb(16, 139, 234);opacity: 1}
a.active i{transform: rotate(0deg) !important}
.accordion a.active{padding: 27px 32px 20px 40px;color: rgb(16, 139, 234) !important;border: medium;position: relative;border: none}
.accordion a.active::before{position: absolute;content: "";left: 0px;top: 0px;width: 100%;height: 200%;border: 1px solid rgb(221, 221, 221);border-radius: 5px}
.prgoress_indicator{position: fixed;right: 25px;bottom: 130px;height: 50px;width: 50px;cursor: pointer;display: block;border-radius: 50px;box-shadow: rgba(187, 247, 55, 0.2) 0px 0px 0px 2px inset;z-index: 99;opacity: 0;visibility: hidden;transform: translateY(15px) !important;transition: 200ms linear !important}
.prgoress_indicator::after{position: absolute;content: "";font-family: "Font Awesome 5 Free";text-align: center;line-height: 46px;font-size: 25px;color: rgb(82, 82, 82);left: 0px;top: 0px;height: 46px;width: 46px;cursor: pointer;display: block;font-weight: 900;z-index: 1;transition: 200ms linear !important}
.prgoress_indicator.active-progress{opacity: 1;visibility: visible;transform: translateY(0px) !important}
.prgoress_indicator svg.progress-circle path{stroke: rgb(82, 82, 82);stroke-width: 4px;box-sizing: border-box;transition: 200ms linear;stroke-width: 4}
.prgoress_indicator::before{position: absolute;content: "";font-family: "Font Awesome 5 Free";text-align: center;line-height: 46px;font-size: 18px;font-weight: 900;opacity: 0;background-clip: text;-webkit-text-fill-color: transparent;left: 0px;top: 0px;height: 46px;width: 46px;cursor: pointer;display: block;z-index: 2;transition: 200ms linear !important}
.prgoress_indicator:hover ::after{color: rgb(82, 82, 82)}
.prgoress_indicator:hover ::before{opacity: 1}
.prgoress_indicator svg path{fill: none}
.search-active .search-popup{transform: translateY(0%);margin-top: 0px}
.search-active .search-popup form{transform: scaleX(1);transition-delay: 1200ms}
.single-service-box .service-icon{height: 80px;width: 80px;text-align: center;line-height: 80px;border-radius: 50%;background-color: var(--vtc-bg-common-3)}
.single-service-box .service-icon img{transition: 0.4s}
.single-service-box:hover .service-icon{transition: 0.4s}
.single-service-box:hover .service-icon img{transition: 0.4s;transform: rotateY(180deg)}
.learn_btn2{color: var(--vtc-text-title1);background: transparent;overflow: hidden;display: inline-flex;justify-content: center;align-items: center;padding: 15px 20px;text-transform: capitalize;min-width: max-content;transition: 0.65s ease-in-out;position: relative;z-index: 4;font-size: var(--f-fs-font-18);font-style: normal;font-weight: var(--f-fw-semibold);line-height: var(--f-fs-font-18);border-radius: 111px;border: medium;border: none}
.learn_btn2 span{position: absolute;display: block;width: 0px;height: 0px;border-radius: 50%;transition: width 0.6s ease-in-out, height 0.6s ease-in-out;transform: translate(-50%, -50%);z-index: -1}
.learn_btn2:hover{transition: 0.6s}
.learn_btn2:hover span, .learn_btn2:focus span{width: 225%;height: 220px}
.learn2_active2{color: var(--vtc-text-title1);position: relative;z-index: 0;font-size: var(--f-fs-font-18);line-height: var(--f-fs-font-18)}
.learn2_active2 span{background: var(--vtc-bg-main1)}
.learn2_active2::after{content: "";position: absolute;display: flex;align-items: center;width: 100%;height: 100%;background: rgb(236, 236, 236);z-index: -3;border-radius: 9px}
.learn2_active2:hover{color: var(--vtc-text-title1)}
.heading1 h2{font-size: clamp(30px, 5vw, 35px);color: dimgrey}
.sp{padding: 70px 0px}
.tes1 .slider-boxarea2 .slider-box .content{padding-left: 12px}
.mt-60{margin-top: 60px}
.tes1, .app_cloud{position: relative;z-index: 1;overflow: hidden}
.tes1 .shape1, .app_cloud .shape1{position: absolute;left: 0px;top: 0px;z-index: -1}
.slider-area .slick-list .slick-track{margin-top: 18px}
.tes1 .testimonial-horizental-slider2{margin-top: 0px}
.tes1 .testimonial-vertical{background-color: var(--vtc-bg-white);padding: 32px;border-radius: 20px;border: 1px solid rgb(238, 238, 238);margin: 0px 5px}
.tes1 .testimonial-vertical .stars{padding-bottom: 16px;padding-top: 10px}
.tes1 .testimonial-vertical .stars ul li{color: rgb(251, 133, 0);display: inline-block;border-radius: 20px;background: rgba(17, 17, 17, 0.06);padding: 2px 4px;margin: 0px 2px;border: 1px solid rgb(238, 238, 238)}
.tes1 .testimonial-vertical p{color: rgba(17, 17, 17, 0.8);font-size: 20px;font-style: normal;font-weight: 500;line-height: 30px}
.tes1 .testimonial-vertical p i{visibility: hidden}
.tes1 .testimonial-vertical .bottom-area-all{justify-content: space-between;display: flex;align-items: center}
.tes1 .testimonial-vertical .bottom-area-all .author-area{display: flex;align-items: center}
.tes1 .testimonial-vertical .bottom-area-all .text{padding-left: 20px}
.tes1 .testimonial-vertical .bottom-area-all .text h4 a{display: inline-block;color: rgb(82, 82, 82);font-size: var(--f-fs-font-20);font-style: normal;font-weight: 600;line-height: var(--f-fs-font-20)}
.tes1 .testimonial-vertical .bottom-area-all .text p{font-size: 16px}
._relative{position: relative}
.tes1 .slider-boxarea2 .slider-box{display: flex;align-items: center;border-radius: 50px;background: var(--vtc-bg-white);padding: 10px;margin-bottom: 20px;margin-right: 30px;border: 1px solid rgb(238, 238, 238);height: 120px;width: 250px !important;overflow: hidden;margin: 20px 0px}
.tes1 .slider-boxarea2 .slider-box .img1 img{height: 50px;width: 50px;border-radius: 50%;object-fit: cover}
.tes1 .slider-boxarea2 .slider-box .content a{color: rgb(82, 82, 82);font-size: clamp(16px, 2vw, 18px);font-style: normal;font-weight: 600;line-height: var(--f-fs-font-20);display: inline-block;transition: 0.4s}
.tes1 .slider-boxarea2 .slider-box .content p{color: var(--vtc-text-pera1);font-size: 14px;font-style: normal;font-weight: var(--f-fw-normal);line-height: var(--f-fs-font-16)}
.tes1-arrows{margin-right: 10px;position: absolute;left: -90px;top: 50%;margin-top: -65px}
.tes1-arrows button{display: inline-block;border: medium;border-radius: 50%;height: 56px;width: 56px;text-align: center;line-height: 56px;font-size: var(--f-fs-font-20);color: var(--vtc-text-title1);transition: 0.4s;margin-right: 5px;border: none}
.tes1-arrows button:hover{background: rgb(255, 176, 129);color: var(--vtc-bg-white)}
.tes1-arrows button:focus{border: 1px solid rgb(82, 82, 82) !important}
.tes1-arrows .next-arrow{margin-top: 16px}
.slick-slider{position: relative;display: block;box-sizing: border-box;user-select: none;touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0px;padding: 0px}
.slick-list:focus{outline: none}
.testimonial-horizental-slider2.slick-initialized.slick-slider .slick-track{display: flex;align-items: center}
.slick-slider .slick-track, .slick-slider .slick-list{transform: translate3d(0px, 0px, 0px)}
.slick-track{position: relative;top: 0px;left: 0px;display: block;margin-left: auto;margin-right: auto}
.slick-track::before, .slick-track::after{display: table;content: ""}
.slick-track::after{clear: both}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px}
.slick-slide img{display: block}
.slick-initialized .slick-slide{display: block}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent}
.preloader{position: fixed;inset: 0px;z-index: 1000;background-color: var(--vtc-bg-white);display: flex;align-items: center;justify-content: center;opacity: 1;transition: opacity 0.5s}
.loading-container, .loading{height: 140px;width: 140px;position: relative;border-radius: 50%}
.loading-container{margin: 40px auto}
#loading-icon{position: absolute;top: 50%;left: 60%;width: 90px;transform: translate(-50%, -50%)}
.main-load{width: 75%;height: auto}
.loading{animation: 1.2s linear infinite rotate-loading;transform-origin: 50% 50% 0px;width: 100%;height: 100%;border-radius: 50%;border-top: 3px solid rgb(116, 181, 37);animation: 1.2s linear 0s infinite normal none running rotate-loading;transform-origin: 50% 50%}
.loading-container:hover .loading, .loading-container .loading{transition: 0.5s ease-in-out}
.tes1.sp.bg-cover{background: var(--bg-testimonial-color)}
.bg-cover{background-size: cover;background-position: center center;background-repeat: no-repeat}
.heading1-w h2{color: var(--vtc-text-white);font-size: clamp(30px, 5vw, 44px);font-style: normal;font-weight: var(--f-fw-semibold);line-height: var(--f-fs-font-52)}
.heading1-w p{color: var(--vtc-text-white80per);font-size: var(--f-fs-font-18);font-style: normal;font-weight: var(--f-fw-normal);line-height: var(--f-fs-font-26)}
.mt-16, .my-16{margin-top: 16px}
.btn_theme_active1{color: rgb(82, 82, 82);position: relative;z-index: 0;font-size: var(--f-fs-font-22);line-height: var(--f-fs-font-18)}
.btn_theme_active1 span{background: dimgrey}
.btn_theme_active1::after{content: "";position: absolute;display: flex;align-items: center;width: 100%;height: 100%;background: rgb(255, 216, 20);z-index: -3;border-radius: 9px}
.btn_theme_active1:hover, .btn_theme_active1:focus{color: rgb(255, 255, 255)}
.btn_theme_active2{color: rgb(255, 114, 32);position: relative;z-index: 0;font-size: var(--f-fs-font-20);line-height: var(--f-fs-font-16)}
.btn_theme_active2 span{background: dimgrey}
.btn_theme_active2::after{content: "";position: absolute;display: flex;align-items: center;width: 100%;height: 100%;background: var(--vtc-text-white);z-index: -3;border-radius: 9px}
.btn_theme_active2:hover, .btn_theme_active2:focus{color: rgb(255, 255, 255)}
.cta1-box p{margin: -10px}
.hosting-sales .hosting-sales-boxs-area{height: 350px}
.hosting-sales .hosting-sales-boxs-area .cta1-box{height: 270px;width: 270px;border-radius: 50%;border: 1px solid var(--vtc-bg-white10per);background-color: whitesmoke;display: flex;align-items: center;text-align: center;justify-content: center}
.hosting-sales .hosting-sales-boxs-area .cta1-box p{background-color: gold;border-radius: 8px;padding: 6px 10px;color: rgb(82, 82, 82);font-size: var(--f-fs-font-18);font-style: normal;font-weight: var(--f-fw-normal);line-height: var(--f-fs-font-16);display: inline-block}
.hosting-sales .hosting-sales-boxs-area .cta1-box h3{color: rgb(252, 76, 76);font-size: 65px;font-style: normal;font-weight: 600;line-height: 60px;padding: 16px 0px 0px}
.hosting-sales .hosting-sales-boxs-area .cta1-box h6{color: rgb(252, 76, 76);font-size: 40px;font-style: normal;font-weight: 600;line-height: 60px;padding: 0px 0px 16px;margin: 0px}
.hosting-sales.bg-cover{background: linear-gradient(60deg, rgb(43, 162, 174), rgb(39, 133, 234))}
.hosting-sales .hosting-sales-boxs-area .cta1-box.box1{position: absolute;left: 120px;top: 5px}
.hosting-sales .hosting-sales-boxs-area .cta1-box.box2{position: absolute;right: 60px;bottom: 5px}
.cta3-form-area{position: relative;margin-top: 30px;margin-right: 30px}
#hiox_livechat{display: none}
.hiox_livechat{position: fixed;bottom: 50px;right: 15px;z-index: 99}
.hiox_livechat a{background-color: mediumspringgreen;border-radius: 999px;width: 140px;height: 50px;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: background-color 0.3s;gap: 10px;font-weight: 600}
.hioxchat{background-size: cover;width: 40px;height: 40px}
.hiox_livechat:hover{transform: scale(1.05) rotate(-1deg)}
.hiox_livechat a.active .hioxchat{background-image: url("close-icon.png")}
.hiox_livechat .hioxchat i{margin: 6px;font-size: 25px}
.compear-pricing-section-area .compear-table ul li button.nav-link.active{cursor: pointer}
.tab-item.active{color: rgb(0, 0, 0)}
.tab-item.active::after{content: "";position: absolute;left: 0px;bottom: -1px;height: 2px;width: 100%;background-color: rgb(77, 132, 242);border-radius: 1px}
.app1::-webkit-scrollbar, .app2::-webkit-scrollbar, .app3::-webkit-scrollbar, .app4::-webkit-scrollbar, .app5::-webkit-scrollbar{display: none}
:root, [data-bs-sitetheme="all"]{--bg-hero-section: linear-gradient(to left, #d7e3ff, #f0feff);--bg-hero-section-h: #002b5b;--bg-main-color: rgb(9, 175, 243);--bg-title-text: var(--vtc-text-title2);--bg-title-bg: var(--vtc-bg-common-1);--bg-footer-color: linear-gradient(to right, #004e92, #000428);--bg-footer-icon-hover: #09aff2;--bg-footer-title: #09aff2;--bg-color-header: #09aff3;--bg-background-header: #ffffff;--bg-header-border: #e7ebf0;--bg-color-footer: #09aff3;--bg-service-section: #fff;--bg-service-flip: rgb(9, 175, 243);--bg-service-fliph4: #ffff;--bg-service-flipp: #ffff;--bg-tes1-h2: #101210;--bg-service-section-p: #818181  !important;--bg-service-section-btn: #0a0a0a;--bg-testimonial-color: url(/assets/images/resource/noise-bg1.jpg);--bg-service-section-p: #818181 !important}
:root, [data-bs-sitetheme="cloud"]{--bg-hero-section: repeating-linear-gradient(45deg, #ffa50040, transparent 1px);--bg-hero-section-h: dimgrey;--bg-main-color: #ff7220;--bg-compare-pricing: #ff7220;--bg-application-cloud: #fafbff;--bg-title-text: #ff7220;--bg-title-bg: #fae3dc;--bg-color-header: #ff7220;--bg-background-header: #ffffff;--bg-header-border: #e8e8e8;--bg-color-footer: #322f2f;--bg-footer-color: linear-gradient(90deg, rgba(236,85,38,1) 0%, rgba(238,168,25,1) 100%);--bg-footer-icon-hover: #ff9b00;--bg-footer-title: #fff;--bg-service-section: #fff0c3;--bg-service-flip: white;--bg-service-fliph4: peru;--bg-service-flipp: #7e868a;--bg-tes1-h2: dimgrey;--bg-service-section-p: ##3c3c3c  !important;--bg-service-section-btn: dimgrey;--bg-testimonial-color: #fafbff;--bg-service-section-p: ##3c3c3c !important}
.select-styled:active::after, .select-styled.active::after{top: 4px;border-color: transparent transparent rgb(255, 255, 255)}
.config_main_boxes .active{transform: scale(1)}
.config_main_boxes .active::after{content: url("../images/tick_icon3.png");background: rgb(10, 185, 167);width: 22px;height: 22px;border-radius: 50%;padding: 5px;position: absolute;top: -8px;right: -8px}
.tabs > ul li a:hover, .tabs > ul li a:focus, .tabs > ul li a:active{border-bottom: medium;outline: 0px;border-bottom: none}
.tabs > ul li a.active{background-color: rgb(255, 255, 255);color: rgb(15, 146, 133)}
.tabs section.active{display: block}
.tabs section.active-content > *{opacity: 1;transform: translateY(0px)}
.err_show, .err_shown{color: red;font-size: 12px;margin: 5px auto}
.err_shown::before{content: "❗";background-color: white;color: white;border-radius: 50%;width: 16px;height: 16px;display: inline-flex;align-items: center;justify-content: center;font-size: 9px;border: 1px solid red}
.price .buynow:active{transform: translateY(1px);box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px}
.pricing-tab-button ul li button.active{border: medium;background: rgb(9, 175, 242);font-size: 17px;font-weight: 500;color: rgb(255, 255, 255);padding: 7px 21px;border-radius: 5px;margin-right: 2px;border: none}
.tab-content.active{display: block;margin-top: 2%}
.progress-bar .step .bullet.active{border-color: rgb(75, 219, 58);background: rgb(75, 219, 58)}
.progress-bar .step .bullet.active span{display: none}
.progress-bar .step .bullet.active::after{background: rgb(75, 219, 58);transform: scaleX(0);transform-origin: left center 0px;animation: 0.3s linear forwards animate;transform-origin: left center;animation: 0.3s linear 0s 1 normal forwards running animate}
.progress-bar .step p.active{transition: 0.2s linear}
.progress-bar .step .check.active{display: block;color: rgb(255, 255, 255)}
.password-popover.visible{opacity: 1;pointer-events: auto;display: block}
.price-slider input[type="range"]::-webkit-slider-thumb{appearance: none;width: clamp(20px, 3vw, 30px);height: clamp(20px, 3vw, 30px);background: rgb(255, 114, 32);border-radius: 50%;cursor: pointer;transition: background 0.3s;box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px}
.price-slider input[type="range"]::-moz-range-thumb{width: clamp(20px, 3vw, 25px);height: clamp(20px, 3vw, 25px);background: rgb(255, 114, 32);border: medium;border-radius: 50%;cursor: pointer}
.otpmodal{position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);display: none;align-items: center;justify-content: center;z-index: 99}
.modal_content{background: rgba(255, 255, 255, 0.98);backdrop-filter: blur(10px);border-radius: 12px;width: 90%;max-width: 600px;padding: 30px;box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 30px;animation: 0.3s ease-out slideIn;max-height: unset;text-align: center;animation: 0.3s ease-out 0s 1 normal none running slideIn}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover{background-color: rgba(83, 255, 83, 0.18) !important}
.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background: rgb(255, 255, 255) !important;background: rgba(66, 133, 244, 0.1)}
.progressbar-steps li.completed .step-icon, .progressbar-steps li.active .step-icon{background: rgb(27, 171, 39)}
.popover1_cloud{display: none;position: fixed;top: 75px;left: 0px;width: 100%;min-height: 250px;background: rgb(255, 255, 255);color: rgb(82, 82, 82);box-shadow: rgba(0, 1, 0, 0.1) 0px 5px 5px;padding: 35px 30px;z-index: 999;flex-direction: row}
.popover-left_cloud{display: flex;flex-direction: column;gap: 10px;border-right: 1px solid rgb(221, 221, 221);padding-right: 10px}
.popover-right_cloud{flex: 2 1 0%;padding-left: 30px}
.category_cloud{cursor: pointer;display: flex;align-items: center;justify-content: space-between;font-size: 15px;padding: 10px;border-radius: 20px;transition: background 0.2s, color 0.2s;color: rgb(82, 82, 82);gap: 60px}
.category_cloud::after{content: "→";opacity: 0;transition: opacity 0.2s;color: rgb(82, 82, 82);font-size: 25px}
.category_cloud:hover, .category_cloud.active_cloud{background-color: rgb(249, 249, 249);color: rgb(82, 82, 82);border-radius: 5px}
.category_cloud:hover::after, .category_cloud.active_cloud::after{opacity: 1}
.sub-heading_cloud{display: flex;align-items: center;gap: 10px;font-size: 22px;margin-bottom: 15px;padding-bottom: 6px}
.sub-items-grid_cloud{display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 12px}
.cloud-heading b{font-size: 15px}
.mobile-cloud-header button{border-radius: 5px;font-size: 16px;font-weight: 500;color: rgb(82, 82, 82);padding: 0px 10px;cursor: pointer;display: flex;align-items: center;margin: 15px 20px;border: medium;border: none}
body.menu-open{overflow: hidden}
.mobile-cloud-container{overflow-y: auto}
.overlay_cloud{display: none;position: fixed;top: 60px;left: 0px;width: 100vw;height: calc(-60px + 100vh);background-color: rgba(0, 0, 0, 0.2);z-index: 998}
.proceed_btn:focus, .proceed_btn:focus-visible{outline-color: rgb(82, 82, 82);border: 1px solid rgb(82, 82, 82) !important}
.dark-theme .pricing-tab-button ul li button.active{background: rgb(9, 175, 242) !important}
.dark-theme .accordion a.active{color: rgb(255, 255, 255) !important}
[data-cue="slideInUp"], [data-cues="slideInUp"] > *{opacity: 0}
.preloader.hide{opacity: 0;pointer-events: none}
.form-range::-webkit-slider-thumb:active{background-color: rgb(182, 212, 254)}
.animated{animation-duration: 1s;animation-fill-mode: both}
a.meanmenu-reveal{display: none}
.mean-container .mean-bar{background: rgb(255, 255, 255);float: left;min-height: 60px;position: relative;width: 100%;z-index: 1;margin-top: 5px}
.mean-container a.meanmenu-reveal{width: 22px;height: 22px;padding: 12px;top: 0px;right: 0px;cursor: pointer;color: rgb(215, 227, 255);text-decoration: none;text-indent: -9999em;line-height: 22px;font-size: 1px;display: block;font-family: Arial, Helvetica, sans-serif;font-weight: 700;float: right;color: rgb(82, 82, 82)}
.mean-container a.meanmenu-reveal span{display: block;background: rgb(145, 178, 255);height: 4px;margin-top: 3px;background: rgb(82, 82, 82)}
.mean-container .mean-nav{float: left;width: 100%;background: rgb(255, 255, 255);margin-top: 12px}
.mean-container .mean-nav ul{padding: 0px;margin: 0px;width: 100%;list-style-type: none;height: auto;min-height: 100vh}
.mean-container .mean-nav ul li{background: rgb(255, 255, 255);float: left;position: relative;width: 100%;border-bottom: 1px solid rgb(236, 236, 236)}
.mean-container .mean-nav ul li a, .mean-container .mean-nav ul li a .cloud_category{background: rgb(255, 255, 255);color: rgb(82, 82, 82);display: block;float: left;font-size: 16px;margin: 0px;padding: 15px 40px;text-align: left;text-decoration: none;text-transform: capitalize;width: 90%;font-weight: 600}
.mean-container .mean-nav ul li.mean-last a{border-bottom: 0px;margin-bottom: 0px}
.mean-container .mean-nav ul li a:hover{background: none 0px 0px repeat scroll rgb(255, 255, 255);border-radius: 0px}
.mean-container .mean-push{float: left;width: 100%;padding: 0px;margin: 0px;clear: both}
.mean-container .mean-bar, .mean-container .mean-bar *{box-sizing: content-box}
.mean-container .mean-bar::after{color: rgb(255, 255, 255);content: "MENU";font-size: 21px;left: 5%;position: absolute;top: 12px;display: none}
.mean-container a.meanmenu-reveal:hover span{background: rgb(82, 82, 82)}
.mean-bar .mean-logo{vertical-align: middle;display: inline-block;top: 8px;position: absolute;padding-left: 18px}
.mean-bar .mean-logo img{width: 100px}
.mobile-menu.mean-container{overflow: hidden}
.fa-close, .fa-multiply, .fa-remove, .fa-times, .fa-xmark{--fa: "\f00d"}
.meanmenu-reveal.meanclose{color: rgb(82, 82, 82) !important}
.meanmenu-reveal.meanclose:hover{color: rgb(82, 82, 82) !important}
body.noscroll{overflow: hidden;position: fixed;width: 100%;height: 100%}
select{overflow-wrap: normal}
select:disabled{opacity: 1}
.mt-3{margin-top: 1rem !important}
.fa-arrow-right{--fa: "\f061"}
select:focus{outline-color: rgb(9, 175, 243);border: 1px solid rgb(9, 175, 243)}
form input::placeholder{font-size: 16px;color: rgb(165, 165, 165);font-weight: 400;padding-left: 6px}
.sub-title{display: inline-block;color: var(--bg-title-text);font-size: 20px;font-style: normal;font-weight: 600;line-height: var(--f-fs-font-18);text-transform: uppercase;padding: 10px 14px;border-radius: 111px;margin-bottom: 16px}
.servicebox_cloud{height: 360px;background: white;transition: transform 0.3s}
.servicebox_cloud h4{color: peru}
.servicebox_cloud:hover{transform: translateY(-10px);box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px}
.main{width: 100%;margin: 0px auto;color: rgb(82, 82, 82);padding: 120px 0px 0%;text-align: center;background: rgb(255, 255, 255);min-height: 600px;background: rgb(251, 251, 251);padding: 70px 0px 20px}
.home_page{width: 100%}
.home_page h1{font-size: clamp(24px, 5vw, 35px)}
.home_page h1, .home_page h3{color: rgb(189, 90, 3)}
.price_table{width: 100%;margin: 1rem auto 2rem;display: flex;flex-wrap: wrap;justify-content: center;overflow: visible;scroll-behavior: auto}
.plandispwidth1{flex-basis: 30%;margin-bottom: 30px;flex: 0 0 33.33%;max-width: 33.33%;box-sizing: border-box;padding-left: 20px;max-width: calc(50% - 20px)}
.price_table_wrapper{position: relative;overflow: hidden;width: 100%;padding: 5px}
.nav-arrow{position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;background: rgba(255, 255, 255, 0.9);border: 1px solid rgb(204, 204, 204);border-radius: 50%;padding: 10px;cursor: pointer;font-size: 1.5rem;color: rgb(51, 51, 51);box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px;user-select: none;display: none}
.nav-arrow.left, .comp-arrow.left{left: 5px;transform: rotate(90deg)}
.nav-arrow.right, .comp-arrow.right{right: 5px;transform: rotate(-90deg)}
.chataifooterbg{background: linear-gradient(to right, rgb(6, 100, 110), rgb(0, 151, 167)) !important}
.aichathero{background: linear-gradient(to right, rgb(6, 100, 110), rgb(0, 151, 167)) center bottom / cover no-repeat;min-height: 900px;display: flex;align-items: center;padding: 100px 0px}
.aichathero-images{text-align: end}
.aichathero-images img{max-width: 95%;height: auto;transform: scaleX(1)}
.main-heading7{padding-right: 40px;padding-top: 40px}
.main-heading7 .sub-title{display: inline-block;color: rgb(82, 82, 82);background: rgb(255, 255, 255);font-size: var(--f-fs-font-16);font-weight: var(--f-fw-medium);padding: 10px 14px 6px 10px;border-radius: 4px;margin-bottom: 16px}
.main-heading7 h1{font-size: clamp(var(--f-fs-font-36),5vw,var(--f-fs-font-44));font-weight: var(--f-fw-semibold);color: rgb(255, 255, 255)}
.main-heading7 p{font-size: var(--f-fs-font-18);font-weight: var(--f-fw-normal);line-height: var(--f-fs-font-26);padding-top: 16px;color: rgb(207, 216, 227)}
.buttons{margin-top: 30px}
.theme-btn17, .theme-btn18, .theme-btn31, .explore_btn, .trial_btn{display: inline-block;padding: 12px 24px;border-radius: 6px;background-color: var(--vtc-bg-main16);color: var(--vtc-text-white);transition: 0.3s;font-weight: 500;text-decoration: none}
.aichathero-bottom-box{padding: 28px 24px;border-radius: 8px;background-color: rgb(255, 247, 94);border: 1px solid rgba(255, 255, 255, 0.06);transition: 0.4s;height: 195px}
.aichathero-bottom-box:hover{background-color: rgb(255, 247, 94);border-color: rgb(0, 163, 196);transform: translateY(-8px)}
.aichathero-bottom-box h4 a{color: rgb(82, 82, 82);font-size: 20px;font-weight: 600}
.aichathero-bottom-box p{color: rgb(82, 82, 82);font-size: 15px;margin-top: 10px}
.use-cases-spotlight{width: 100%;padding: 60px 0px;background-color: rgb(249, 250, 252)}
.spotlight-inner-container{width: 80%;max-width: 1200px;margin: 0px auto;display: flex;flex-wrap: wrap;gap: 10px 50px}
.use-cases-spotlight h2{text-align: center;font-size: clamp(30px, 5vw, 35px);margin-bottom: 50px;color: rgb(82, 82, 82)}
.spotlight-item{display: flex;align-items: center;justify-content: space-between;gap: 30px;margin-bottom: 20px;padding: 25px;background: rgb(255, 255, 255);border-radius: 16px;box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 25px;transition: transform 0.3s;width: 47%}
.spotlight-item:hover{transform: translateY(-6px)}
.spotlight-item.reverse{flex-direction: row-reverse}
.spotlight-item.reverse .spotlight-content{text-align: right}
.spotlight-icon{font-size: clamp(36px, 5vw, 48px);flex: 0 0 100px;width: 100px;height: 100px;background-color: rgb(230, 240, 255);color: rgb(74, 144, 226);border-radius: 50%;display: flex;justify-content: center;align-items: center}
.spotlight-content{flex: 1 1 0%;min-width: 280px}
.spotlight-content h3{font-size: clamp(20px, 3vw, 24px);margin-bottom: 12px;color: rgb(44, 62, 80)}
.spotlight-content p{font-size: clamp(15px, 1vw, 16px);color: rgb(85, 85, 85);line-height: 1.7}
.faq-section{margin: 0px auto 100px;padding: 0px 15px}
.faq-inner{width: 80%;max-width: 1200px;margin: 0px auto;display: flex;flex-wrap: wrap;gap: 10px 50px;justify-content: center}
.faq-section h2{text-align: center;font-size: clamp(30px, 5vw, 35px);margin: 40px;color: rgb(82, 82, 82);font-weight: 600}
.faq-item{margin-bottom: 18px;border-radius: 10px;overflow: hidden;background-color: rgb(255, 255, 255);transition: box-shadow 0.3s;width: 60%}
.faq-question{width: 100%;background: rgb(74, 144, 226);color: rgb(255, 255, 255);border: none;padding: 20px 25px;font-size: clamp(14px, 2.5vw, 18px);text-align: left;cursor: pointer;display: flex;justify-content: space-between;align-items: center;transition: background 0.3s, color 0.3s;font-weight: 600;border-radius: 10px 10px 0px 0px;border: medium}
.faq-question:hover, .faq-question[aria-expanded="true"]{background: rgb(53, 122, 189);color: rgb(230, 240, 255)}
.faq-question .arrow{font-size: clamp(18px, 2vw, 22px);transition: transform 0.3s}
.faq-question[aria-expanded="true"] .arrow{transform: rotate(180deg)}
.faq-answer{background: rgb(232, 240, 254);padding: 0px 25px;font-size: clamp(15px, 1vw, 16px);color: rgb(34, 34, 34);line-height: 1.6;max-height: 0px;overflow: hidden;transition: max-height 0.4s, padding 0.4s;border-radius: 0px 0px 10px 10px}
.faq-answer.open{max-height: 480px;padding-top: 18px;padding-bottom: 18px}
.trial_btn{background: aquamarine;color: rgb(82, 82, 82);font-size: 1.2rem;padding: 16px 24px !important}
.explore_btn{background: rgb(255, 216, 20);color: rgb(82, 82, 82);font-size: 1.2rem;padding: 16px 24px !important}
.chatai-plan-card{background: rgb(255, 255, 255);border-radius: 20px;width: 450px;padding: 30px 35px;box-shadow: rgb(199, 203, 213) 8px 8px 16px, rgb(255, 255, 255) -8px -8px 16px;transition: 0.3s;text-align: left;border: 2px solid rgb(255, 216, 20)}
.chatai-plan-card:hover{transform: translateY(-6px);box-shadow: rgb(180, 184, 192) 10px 10px 20px, rgb(255, 255, 255) -10px -10px 20px}
.chatai-plan-header{font-size: 1.8rem;font-weight: 700;margin-bottom: 20px}
.chatai-plan-subtitle{font-family: monospace;font-size: clamp(0.8rem, 2.5vw, 1rem);letter-spacing: 0.8px;color: rgb(119, 119, 119);margin-bottom: 20px}
.chatai-plan-price{font-size: 2rem;font-weight: bold;color: rgb(82, 82, 82);margin-bottom: 20px}
select.chatai-plan-dropdown{width: 100%;padding: 20px;border-radius: 10px;border: none;background: rgb(238, 238, 238);color: rgb(82, 82, 82);margin-bottom: 20px;border: medium}
ul.chatai-plan-features{list-style: none;padding: 0px;margin: 0px 0px 20px;color: rgb(82, 82, 82)}
ul.chatai-plan-features li{margin-bottom: 15px;display: flex;align-items: center}
ul.chatai-plan-features li::before{content: "•";color: rgb(106, 27, 154);margin-right: 20px;font-weight: bold}
.chatai-buy-btn{display: block;width: 100%;padding: 12px;font-size: 1rem;font-weight: 600;color: rgb(82, 82, 82);background: rgb(255, 216, 20);border: none;border-radius: 10px;cursor: pointer;transition: background 0.3s;box-shadow: rgba(106, 27, 154, 0.2) 0px 4px 15px;border: medium}
.chatai_descriptions{background: rgb(214, 204, 194);padding: 80px 20px}
.chatai_descriptions .container{display: grid;gap: 60px}
.chatai_desc_block{background: rgb(255, 255, 255);padding: 40px;border-radius: 20px;box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 25px;transition: transform 0.3s, box-shadow 0.3s}
.chatai_desc_block h2{font-size: clamp(24px, 3vw, 28px);color: rgb(14, 116, 144);margin-bottom: 16px;opacity: 1;font-weight: bold;text-align: center}
.chatai_desc_block p{font-size: clamp(16px, 2vw, 18px);text-indent: 2em;line-height: clamp(26px, 5vw, 32px);margin: 0px !important}
.clearfix::after{display: block;clear: both;content: ""}
.base-section{background: var(--bg-hero-section);padding: 120px 0px 70px}
.logo{color: rgb(255, 255, 255);float: left;text-decoration: none;padding: 8px 0px}
.section.active{display: block}
.errorshow{color: rgb(255, 0, 0);text-align: center;padding: 5px;border: none;border-radius: 2px;background-image: radial-gradient(circle, rgba(255, 211, 211, 0.35), rgba(255, 138, 138, 0.61));width: 90%;display: none;margin: 5px 15px}
.namsbtns:active{background: lightgray}
.lognsnup:active{color: gray}
.clearfix{display: block}
.top-menu-items span a:active{color: rgb(255, 255, 255)}
.other_page_header_con_h2{color: rgb(91, 140, 61)}
.other_header > div > img{width: 100%;height: auto}
.other_header > div:last-child{width: 120%;padding: 20px 30px}
.other_header > div{width: 100%;display: table-cell;vertical-align: middle}
.other_header{margin: 0px auto;width: 100%;display: table;table-layout: fixed}
.content_new{margin: 0px auto;padding: 20px 35px}
.abouts ul{list-style: none;margin-left: 10px}
.abouts ul li{background: url("../images/bullet_2.gif") 0px 0px no-repeat;padding-left: 20px;margin: 4px 0px;color: rgb(52, 52, 52)}
.showing{color: rgb(0, 126, 126);background-color: rgb(114, 184, 203);cursor: pointer}
.slideshow{position: relative;margin-bottom: -35px}
.slideshow > nav{text-align: center;margin-top: -30px;z-index: 1000;position: relative;float: none;background: 0px 0px;content: " "}
.slideshow > nav span{display: inline-block;width: 60px;height: 60px;background-color: rgb(221, 221, 221);cursor: pointer;margin: 0px 3px;transition: background-color 0.2s;border-radius: 100%;border: 2px solid rgb(255, 255, 255)}
.slideshow > nav span:first-child{background: url("../images/slider_nav-hiox.jpg") no-repeat}
.slideshow > nav span:nth-of-type(2){background: url("../images/port-icon.jpg") no-repeat}
.slideshow > nav span:nth-of-type(3){background: url("../images/hosting-icon.jpg") no-repeat}
.slideshow > nav span:nth-of-type(4){background: url("../images/release-icon.jpg") no-repeat}
.slideshow > nav span:hover{background-color: rgb(51, 51, 51)}
.slideshow > nav span.current{background-color: rgb(170, 170, 170)}
.slides > li.current, .slides > li.show{visibility: visible}
.current .description, .show .description{opacity: 1}
.show[data-effect-in="moveUpIn"] .tiltview a{animation: 1.5s ease 0.5s 1 normal both running moveUpIn}
.show[data-effect-in="moveUpIn"] .tiltview a:nth-child(2){animation-delay: 0.75s}
.show[data-effect-in="moveDownIn"] .tiltview a{animation: 1.5s ease 0.5s 1 normal both running moveDownIn}
.show[data-effect-in="moveDownIn"] .tiltview a:nth-child(2){animation-delay: 0.75s}
.show[data-effect-in="slideUpIn"] .tiltview a{animation: 1.5s ease 0.5s 1 normal both running slideUpIn}
.show[data-effect-in="slideUpIn"] .tiltview a:nth-child(2){animation-delay: 0.75s}
.show[data-effect-in="slideDownIn"] .tiltview a{animation: 1.5s ease 0.5s 1 normal both running slideDownIn}
.show[data-effect-in="slideDownIn"] .tiltview.col a:first-child, .show[data-effect-in="slideDownIn"] .tiltview.row a:nth-child(2){animation-delay: 0.75s}
.show[data-effect-in="slideLeftIn"] .tiltview a{animation: 1.5s ease 0.5s 1 normal both running slideLeftIn}
.show[data-effect-in="slideLeftIn"] .tiltview a:nth-child(2){animation-delay: 0.75s}
.show[data-effect-in="slideRightIn"] .tiltview a{animation: 1.5s ease 0.5s 1 normal both running slideRightIn}
.show[data-effect-in="slideRightIn"] .tiltview.col a:nth-child(2), .show[data-effect-in="slideRightIn"] .tiltview.row a:first-child{animation-delay: 0.75s}
.no-csstransforms3d .hide .tiltview a, .no-csstransforms3d .show .tiltview a, .no-csstransformspreserve3d .hide .tiltview a, .no-csstransformspreserve3d .show .tiltview a{animation: auto ease 0s 1 normal none running none !important}
.row::after{content: "";display: table;clear: both}
.upitab input[type="button"].active{background: linear-gradient(to right, forestgreen, limegreen);color: rgb(255, 255, 255)}
.price button:active{transform: translateY(1px);box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px}
.tabsordapi li:hover:not(.ordapiactive){background-color: rgba(239, 186, 40, 0.11)}
.ordapiactive{background: rgb(239, 186, 40)}
hr{margin: 1rem 0px;color: inherit;border-right: 0px;border-bottom: 0px;border-left: 0px;border-image: initial;border-top: var(--bs-border-width) solid;opacity: 0.25;margin: 60px 0px;padding: 0px;border-bottom: 1px solid rgb(236, 239, 248);border-top: 0px;border-image: none}
.post_box{margin: 10px auto;padding: 0px}
.content_new h1{font-size: clamp(30px, 3vw, 34px)}
.index_container{display: flex;flex-wrap: wrap;gap: 2%}
.post_box_con{padding: 0px;display: table;background: rgb(255, 255, 255);margin: 8px;width: 48%;flex-basis: 47%}
.post_box_con h4{color: rgb(82, 82, 82);font-size: clamp(22px, 3vw, 26px)}
.post_box_con h2, h6{color: rgb(255, 255, 255)}
.post_box_con p{color: rgb(112, 112, 112);margin: 0px;text-align: justify}
.post_box_con hr{background: rgb(203, 203, 203);height: 1px;border: none;margin: 10px 0px}
.post_box_con_left{padding: 10px;display: table-cell;background: rgb(96, 144, 58);text-align: center}
.post_box_con_right{padding: 20px;display: table-cell;border-left: 2px solid rgb(61, 93, 36);word-break: break-word;word-break: normal;text-align: justify}
.post_box_con_right p{font-size: clamp(12px, 1.2vw, 16px)}
.yellow_color{color: rgb(245, 208, 5)}
.submit_resume{background: linear-gradient(rgb(255, 255, 255) 0px, rgb(231, 231, 231) 100%);padding: 0px 15px;border-radius: 10px;height: 45px;border: 1px dashed rgb(51, 51, 51);color: rgb(89, 124, 62);cursor: pointer}
.services_faq_content{margin: 15px auto;padding: 15px;background: rgb(255, 255, 255);border: 1px dashed rgb(163, 163, 163);border-radius: 10px}
.services_faq_content a{color: rgb(0, 40, 255)}
.services_faq_hilite{margin: 15px 25px;padding: 15px;background: rgb(255, 255, 255);border-left: 5px solid rgb(229, 211, 149);color: rgb(189, 99, 99)}
fieldset{min-width: 0px;padding: 0px;margin: 0px;border: 0px;border: 1px solid silver;padding: 20px;background: rgb(255, 255, 255);margin: 10px 0px}
legend{float: left;width: 100%;padding: 0px;margin-bottom: 0.5rem;font-size: calc(1.275rem + 0.3vw);line-height: inherit;padding: 0.2em 0.5em;color: rgb(51, 51, 51);text-align: right;background: rgb(255, 255, 255);border: 1px solid rgb(221, 221, 221);border: 0px}
legend + *{clear: left}
.base-section legend{float: unset;width : unset ;font-size: 16px;padding: 0.2em 0.5em;}
.select{cursor: pointer;display: inline-block;position: relative;font-size: 14px;width: 80%;height: 30px;border: 1px solid rgb(76, 87, 107);background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 85%, rgb(76, 87, 107) 85%, rgb(76, 87, 107) 100%);border-radius: 5px;margin: 5%;text-align: left;background: rgb(255, 255, 255);border: 1px solid rgb(221, 221, 221);border-radius: 4px;width: 98%;padding: 0.5%;height: 40px;color: rgb(150, 150, 150);margin: 4px 0px}
.clear{clear: both}
.content{margin-top: 50px;padding: 20px;width: 90%;margin: 0px auto;padding: 20px 0px}
.textbox{border: 1px solid rgb(221, 221, 221);border-radius: 4px;width: 98%;padding: 0px 1%;height: 35px;color: rgb(150, 150, 150);margin: 4px 0px}
.width_22{width: 22%;float: left;margin-right: 0.5%}
.para_style{color: rgb(102, 102, 102);font-size: 0.79em;line-height: 110%;margin-top: 10px;padding-left: 3px;font-weight: bold}
label{display: inline-block;color: rgb(255, 255, 255);cursor: pointer;font-size: 14px;font-weight: 400;color: rgb(82, 82, 82) !important}
textarea{resize: vertical}
textarea:focus{outline-color: rgb(9, 175, 243);border: 1px solid rgb(9, 175, 243) !important}
input[type="checkbox"]{margin-right: 10px}
.textarea{background: rgb(255, 255, 255);border: 1px solid rgb(221, 221, 221);border-radius: 4px;width: 98%;padding: 0.5% 1%;height: 35px;color: rgb(150, 150, 150);margin: 4px 0px;min-height: 150px}
.button_green{padding: 0px 7px;height: 33px;border: 1px solid rgb(53, 142, 18);border-radius: 3px;color: rgb(255, 255, 255);cursor: pointer;background: linear-gradient(rgb(180, 230, 135) 4%, rgb(102, 204, 11) 5%, rgb(81, 145, 12) 100%)}
#intro{background-color: rgb(207, 235, 247);border: 1px solid rgb(37, 128, 178);padding: 5px 13px;margin: 10px}
#intro p{line-height: 16.8667px}
td{font-size: 11px}
th{text-align: left;padding-right: 30px;font-size: 11px}
tr.high{background-color: whitesmoke}
.mobile-subitems{max-height: 300px;overflow-y: auto}
.subitem-dropdown-icon{margin-right: 8px;transition: transform 0.2s;display: inline-block;transform: rotate(0deg)}
.mobile_category_cloud{cursor: pointer;display: flex;align-items: center;justify-content: space-between;font-size: 15px;padding: 15px 20px 15px 40px;transition: background 0.2s, color 0.2s;color: rgb(82, 82, 82);font-weight: 600;border-bottom: 1px solid rgb(236, 236, 236)}
.popover-link_cloud{display: flex;align-items: flex-start;gap: 15px;font-size: 20px;color: darkslategray;padding: 15px;border-radius: 10px;transition: background 0.2s}
.popover-link_cloud:hover{background: rgb(249, 249, 249)}
.popover-link_cloud img{width: 25px;height: 25px;margin-top: 2px}
.mobile-subitem{display: flex;align-items: flex-start;padding: 15px 40px}
.mobile-subitem a{display: flex;text-decoration: none;color: inherit;width: 100%}
.subitem-icon{width: 32px;margin: 12px;flex-shrink: 0}
.subitem-icon img{width: 100%;height: auto;display: block}
.subitem-text{display: flex;flex-direction: column}
.subitem-title{font-weight: 600;font-size: 15px;margin-bottom: 4px;color: rgb(82, 82, 82)}
.subitem-desc{font-size: 14px;color: rgb(82, 82, 82);line-height: 1.4}
.L6cTce{display: none}
.LgbsSe-Bz112c{display: block}
.S9gUrf-YoZ4jf, .S9gUrf-YoZ4jf *{border: none;margin: 0px;padding: 0px;border: medium}
.nsm7Bb-HzV7m-LgbsSe{border-radius: 4px;box-sizing: border-box;transition: background-color 0.218s, border-color 0.218s;user-select: none;appearance: none;background-color: rgb(255, 255, 255);background-image: none;border: 1px solid rgb(218, 220, 224);color: rgb(60, 64, 67);cursor: pointer;font-family: "Google Sans", arial, sans-serif;font-size: 14px;height: 40px;letter-spacing: 0.25px;outline: none;overflow: hidden;padding: 0px 12px;position: relative;text-align: center;vertical-align: middle;white-space: nowrap;width: auto;height: 50px}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height: 18px;margin-right: 8px;min-width: 18px;width: 18px}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb{display: flex;-webkit-box-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-flow: row;justify-content: space-between;height: 100%;position: relative;width: 100%;-moz-box-align: center;-moz-box-orient: vertical;-moz-box-direction: normal}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId{-webkit-box-flex: 1;flex-grow: 1;font-family: "Google Sans", arial, sans-serif;font-weight: 500;overflow: hidden;text-overflow: ellipsis;vertical-align: top;-moz-box-flex: 1}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe{transition: background-color 0.218s;inset: 0px;position: absolute}
.nsm7Bb-HzV7m-LgbsSe:hover, .nsm7Bb-HzV7m-LgbsSe:focus{box-shadow: none;border-color: rgb(210, 227, 252);outline: none}
.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background: rgba(66, 133, 244, 0.08);background: rgb(255, 255, 255) !important}
.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background: rgba(255, 255, 255, 0.32)}
.L5Fo6c-sM5MNb{border: 0px;display: block;left: 0px;position: relative;top: 0px}
.L5Fo6c-bF1uUb{border-radius: 4px;inset: 0px;cursor: pointer;position: absolute}
.L5Fo6c-bF1uUb:focus{border: none;outline: none;border: medium}
[role="button"]{cursor: pointer}
iframe{border: 0px}
.fa-eye{--fa: "\f06e"}
.config{display: flex;width: 90%;margin: 1px auto 10px;gap: 2%;justify-content: center}
.config > div:nth-child(1){flex-basis: 68%}
.config > div:nth-child(2){flex-basis: 31%}
.form-group{position: relative}
.form-input{position: relative;padding: 10px;width: 100%;outline: 0px;border: 1px solid rgb(204, 204, 204);transition: box-shadow 150ms ease-out;border-radius: 5px;font-size: 14px}
.form-input:focus{outline: rgb(31, 146, 253) solid 0px}
.config_select{max-width: 900px;margin: 0px auto 20px;background: rgb(255, 255, 255);box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px;display: flex;flex-direction: column;border: 1px solid rgb(196, 196, 196);border-radius: 5px;overflow: hidden}
.config_select form{margin: 0px}
.sign_page .config_select{box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;border-radius: 20px;border: none;border: medium}
.sign_page .config_select .config_heading{padding: 40px 40px 20px}
.config_heading{padding: 20px 40px;background: rgb(240, 240, 240);display: flex;justify-content: space-between;align-items: center;min-height: 70px}
.config_heading img{margin-right: 12px}
.config_log{flex: 1.5 1 0%;padding: 40px;position: relative}
.config_log::after{content: "";position: absolute;top: 40px;bottom: 40px;right: 0px;width: 1px;background-color: rgb(223, 223, 223)}
.captcha_new{display: flex;align-items: center;justify-content: center;font-size: clamp(18px, 2vw, 22px);margin-bottom: 35px;gap: 10px}
.signup_section{flex: 1 1 0%;padding: 40px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 20px}
.captcha_new input{width: 60px;height: 40px;font-size: 18px;text-align: center;border: 1px solid rgb(204, 204, 204);border-radius: 5px}
.padclas{margin-bottom: 35px;width: 100%;display: flex;align-items: center;justify-content: center}
.padclas .form-group{flex: 1 1 0%;position: relative;margin-bottom: 0px}
.config_info{display: flex;flex-wrap: wrap;gap: 20px;border-radius: 5px;padding: 0px;justify-content: space-around}
.config_form_group{position: relative;margin-bottom: 35px;width: 100%}
.config_form_label{position: absolute;left: 15px;transform: translateY(-55%);background-color: rgb(255, 255, 255);padding: 0px 5px;color: rgb(82, 82, 82);transition: 0.2s;pointer-events: none;top: -2px;font-size: clamp(14px, 2vw, 15px);z-index: 20}
.config_form_input{position: relative;padding: 12px 13px;width: 100%;outline: 0px;border: 1px solid rgb(204, 204, 204);transition: box-shadow 150ms ease-out;border-radius: 5px;font-size: 16px !important}
#logincl{margin-top: 35px}
.auth-btn{width: 60%;padding: 10px;font-size: clamp(16px, 2vw, 18px);background-color: aliceblue;border: 1px solid rgb(187, 223, 255);color: rgb(42, 101, 192);cursor: pointer;border-radius: 5px;transition: background 0.3s}
.auth-btn:hover{background: rgb(240, 240, 240)}
.config_form_input:focus, .btn-change:focus{outline-color: rgb(237, 113, 34);border: 1px solid rgb(237, 113, 34) !important}
.field{text-align: center}
.auth-toggle-btn-header{background-color: rgb(255, 255, 255);border: 1px solid rgb(213, 217, 217);border-radius: 5px;box-shadow: rgba(213, 217, 217, 0.5) 0px 2px 5px 0px;box-sizing: border-box;color: rgb(15, 17, 17);cursor: pointer;display: inline-block;font-size: 16px;line-height: 29px;padding: 10px 28px;position: relative;text-align: center;text-decoration: none;user-select: none;touch-action: manipulation;vertical-align: middle}
.auth-toggle-btn-header::before{content: "";background-image: url("/assets/images/hilogo.png");display: inline-block;width: 30px;height: 30px;background-size: contain;background-repeat: no-repeat;vertical-align: middle;margin-right: 5px}
.password-box{position: relative}
.icons-group{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);display: flex;gap: 8px;align-items: center}
.config_form_group .form-input{background-color: rgb(255, 255, 255)}
.signuperr{position: absolute;bottom: 15px;width: 100%;left: 0px;text-align: center}
.modal_content h3{margin-bottom: 35px;color: dimgrey;font-size: clamp(16px, 2.5vw, 20px)}
.close_btn{position: absolute;top: 10px;right: 15px;text-decoration: none;font-size: 35px;color: rgb(153, 153, 153);cursor: pointer}
.background_signup{background-image: url("/assets/images/resource/bg_login.png");background-size: cover;background-repeat: no-repeat;background-position: center center;min-height: 100vh;width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center}
.gSignUpInDiv{border-radius: 5px;line-height: 29px;height: unset;box-shadow: rgba(213, 217, 217, 0.5) 0px 2px 5px 0px;background: rgb(255, 255, 255)}
.gSignUpInDiv span{font-size: 16px;color: rgb(15, 17, 17);margin-left: 18px}
.gSignUpInDiv svg{height: 25px;margin-left: 15px;margin-top: -3px;width: 25px !important}
.background_signup .config_heading{background: transparent;justify-content: center}
.background_signup .sign_title{font-size: clamp(16px, 2vw, 20px);margin-bottom: 50px;color: dimgrey}
.background_signup .config_log{padding: 0px 40px 40px 0px}
.background_signup .config > div:nth-child(1){flex-basis: 80%}
.background_signup .config_info{margin: 0px 100px}
.background_signup .logsign{padding-left: 20px}
.background_signup .signup_section{padding: 0px 4px 80px 17px;justify-content: center}
.auth-toggle-btn-header:focus{border: 1px solid rgb(213, 217, 217) !important}
.config_pswrd{display: flex;justify-content: right;font-size: clamp(14px, 2vw, 16px);color: rgb(54, 131, 220) !important}
.or-container{box-sizing: border-box;margin: 2%;padding: 0px;flex-basis: 100%;display: none}
.or-wrapper{position: relative;box-sizing: border-box;margin: 18px 0px;padding: 0px;flex-basis: 100%}
.or-label{position: absolute;top: -13px;left: 43%;z-index: 1;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(238, 241, 248);box-sizing: border-box;margin: 0px;padding: 0px;background: rgb(238, 241, 248)}
.or-text{font-weight: 400;font-size: 16px;color: rgba(22, 47, 86, 0.87);text-decoration: rgba(22, 47, 86, 0.87);text-align: left;letter-spacing: normal;line-height: 24px;overflow: visible;text-overflow: clip;max-height: none;position: relative;box-sizing: border-box;margin: 0px;padding: 0px 14px}
.or-line{background: none 0% 0% / auto repeat scroll padding-box border-box rgba(22, 47, 86, 0.1);border-radius: 2px;height: 1px;box-sizing: border-box;margin: 0px;padding: 0px;background: rgba(22, 47, 86, 0.1)}
sub, sup{position: relative;font-size: 0.75em;line-height: 0;vertical-align: baseline}
sup{top: -0.5em}
.signup-tabs{display: flex;justify-content: center;margin-bottom: 50px;width: 100%}
.signup-tab{font-size: clamp(14px, 2vw, 18px);color: rgb(82, 82, 82);cursor: pointer;border-bottom: 3px solid rgb(221, 221, 221);padding: 10px 30px}
.signup-tab img{margin-right: 15px;width: clamp(16px, 3vw, 25px)}
.signup-tab.signact{color: rgb(42, 101, 192);font-weight: normal;border-color: rgb(42, 101, 192);border-bottom-width: 3px;border-bottom-style: solid;border-bottom: 3px solid rgb(42, 101, 192)}
.popover-title{font-size: 15px;font-weight: normal;margin-top: 10px;margin-bottom: 8px;color: rgb(51, 51, 51);text-align: left}
.requirements-list{list-style: none;padding-left: 0px;font-size: 13px;color: rgb(102, 102, 102)}
.requirements-list li{display: flex;list-style: none;position: relative;padding-left: 24px;margin-bottom: 6px}
.icon-psw::before{content: "×";color: red;font-weight: bold;position: absolute;left: 0px;font-size: 20px}
.strength-indicator{display: flex;margin: 10px 0px;height: 6px;background: rgb(238, 238, 238);border-radius: 3px;overflow: hidden}
.strength-bar{height: 100%;width: 0%;background: rgb(39, 174, 96);transition: width 0.3s}
#strength-text{font-size: 14px;font-weight: bold;margin-top: 5px;color: rgb(153, 153, 153)}
.input-group-psw{position: relative}
.icons-group .icon-right{border-left: 1px solid rgb(204, 204, 204);padding-left: 10px;margin-left: 5px}
.password-popover{background: rgb(255, 255, 255);padding: 15px;border-radius: 6px;width: 100%;position: relative;margin-top: 10px;z-index: 1;display: none;opacity: 0;pointer-events: none;transition: opacity 0.3s}
.fa-eye-slash{--fa: "\f070"}
.valid .icon-psw::before{content: "✓";color: green;font-size: 20px}
.requirements-list li.valid{color: green}
.spinner-grow,.spinner-border{display: inline-block;width: var(--bs-spinner-width);height: var(--bs-spinner-height);vertical-align: var(--bs-spinner-vertical-align);border-radius: 50%;animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}
.spinner-border{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -0.125em;--bs-spinner-border-width: 0.25em;--bs-spinner-animation-speed: 0.75s;--bs-spinner-animation-name: spinner-border;border: var(--bs-spinner-border-width) solid currentcolor;border-right-color: transparent}
.spinner-border-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem;--bs-spinner-border-width: 0.2em}
.spinner-grow{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -0.125em;--bs-spinner-animation-speed: 0.75s;--bs-spinner-animation-name: spinner-grow;background-color: currentcolor;opacity: 0}
.spinner-grow-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within){width: 1px !important;height: 1px !important;padding: 0px !important;margin: -1px !important;overflow: hidden !important;clip: rect(0px, 0px, 0px, 0px) !important;white-space: nowrap !important;border: 0px !important}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption){position: absolute !important}
.text-primary{--bs-text-opacity: 1;color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important}
.btndisabled,.otp_verifybtn:disabled{cursor: not-allowed !important}
.popover-link_cloud .info_cloud{display: flex;flex-direction: column;padding-top: 2px}
.popover-link_cloud .title_cloud{margin-bottom: 2px}
.popover-link_cloud .desc_cloud{font-size: 14px;color: rgb(119, 119, 119)}
table{caption-side: bottom;border-collapse: collapse}
tbody, td, tfoot, th, thead, tr{border-color: inherit;border-style: solid;border-width: 0px}
.hero-content h3{color: var(--bg-hero-section-h)}
.theme-btn1{color: #525252;background: transparent;overflow: hidden;display: inline-flex;justify-content: center;align-items: center;padding: 10px 45px;text-transform: capitalize;min-width: max-content;transition: 0.65s ease-in-out;position: relative;z-index: 4;font-size: clamp(16px, 2vw, 20px);font-style: normal;font-weight: normal;line-height: var(--f-fs-font-18);border-radius: 111px;border: none;margin-top: 1%;border: medium}
.theme-btn1 span{position: absolute;display: block;width: 0px;height: 0px;border-radius: inherit;transition: width 0.3s ease-in-out, height 0.3s ease-in-out;transform: translate(-50%, -50%);z-index: -1}
.theme-btn1:hover{transform: translateY(-5px);transition: 0.6s}
.theme-btn1:hover span, .theme-btn1:focus span{width: 225%;height: 220px}
.animated_head{font-size: 2em;text-transform: uppercase}
#wrapper{position: relative;display: inline-block}
.wrap_cont{color: rgb(216, 106, 51);background: linear-gradient(90deg, rgb(236, 85, 38) 0%, rgb(238, 168, 25) 100%) text;-webkit-text-fill-color: transparent;background: linear-gradient(90deg, rgb(236, 85, 38) 0%, rgb(238, 168, 25) 100%) padding-box text}
.more_btn{display: block;width: fit-content;margin: 25px auto;font-size: 18px;font-weight: 500;color: white;background: linear-gradient(90deg, rgb(238, 168, 25) 0%, rgb(236, 85, 38) 100%);transition: 100ms;position: relative;padding: 8px 16px;border: none;outline: none;border-radius: 50px;float: right;border: medium}
.more_btn:hover{scale: 1.05;color: rgb(255, 255, 255)}
.pwdby_container{background: rgb(233, 236, 239)}
.pwdby_container h2{font-size: clamp(30px, 5vw, 35px);color: dimgrey;padding-bottom: 2rem;margin: 0px}
.pwdby_container .inner_container{display: inline-block;margin: 1rem 3rem;white-space: nowrap}
.pwdby_container .mid_container{width: 85%;margin: auto}
.pwdby_container img{width: 5rem;vertical-align: middle}
.apps2{background: rgb(248, 249, 250);border-bottom: 1px solid rgb(228, 228, 228)}
.apps2 .apps-item{padding: 14px 20px;border-radius: 50px;background: white;display: flex;align-items: center;justify-content: center;transition: 0.4s}
.apps2 .apps-item img{transition: 0.4s;width: 30px !important}
.apps2 .apps-item a .text{color: var(--vtc-text-title4);font-size: var(--f-fs-font-18);font-style: normal;font-weight: var(--f-fw-medium);line-height: var(--f-fs-font-18);padding-left: 10px;display: inline-block;transition: 0.4s;vertical-align: middle}
.apps2 .apps-item a:hover{transition: 0.4s;color: var(--vtc-text-title2)}
.apps2 .apps-item:hover{transition: 0.4s}
.apps2 .apps-item:hover img{transition: 0.4s;transform: rotate(360deg)}
.heading2-w{margin-bottom: 58px}
.heading2-w h2{color: dimgrey}
.mt-30{margin-top: 30px}
.apps-item{min-width: 200px;max-width: 250px;margin: auto;text-align: center;border-radius: 10px;padding: 20px;box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset}
.watch-screen{width: 1300px;height: 450px;background: rgb(255, 255, 255);border-radius: 35px;position: relative;padding: 20px;display: flex;justify-content: center}
.icons_container{display: flex}
.icons_heading{align-content: center;margin-right: 8%;color: rgb(71, 203, 25);background-image: linear-gradient(45deg, rgb(255, 176, 32), rgb(19, 130, 198) 100%);background-clip: text;-webkit-text-fill-color: transparent}
.icons1{position: relative;width: 100%;height: 100%}
.icon1{width: 60px;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 26px;position: absolute;transition: transform 0.2s;cursor: pointer;pointer-events: none}
.icon1 img{width: 75px !important}
.icon1:nth-child(1){top: 0px;left: 160px}
.icon1:nth-child(2){top: 80px;left: 90px}
.icon1:nth-child(3){top: 160px;left: 10px}
.icon1:nth-child(4){top: 230px;left: 90px}
.icon1:nth-child(5){top: 320px;left: 160px}
.icon1:nth-child(6){top: 0px;left: 260px}
.icon1:nth-child(7){top: 160px;left: 400px}
.icon1:nth-child(8){top: 155px;left: 140px}
.icon1:nth-child(9){top: 230px;left: 210px}
.icon1:nth-child(10){top: 80px;left: 210px}
.icon1:nth-child(11){top: 0px;left: 360px}
.icon1:nth-child(12){top: 80px;left: 330px}
.icon1:nth-child(13){top: 155px;left: 270px}
.icon1:nth-child(14){top: 230px;left: 330px}
.icon1:nth-child(15){top: 320px;left: 360px}
.icon1:nth-child(16){top: 0px;left: 460px}
.icon1:nth-child(17){top: 80px;left: 440px}
.icon1:nth-child(18){top: 320px;left: 260px}
.icon1:nth-child(19){top: 230px;left: 440px}
.icon1:nth-child(20){top: 320px;left: 460px}
.icon1:nth-child(21){top: 0px;left: 560px}
.icon1:nth-child(22){top: 80px;left: 560px}
.icon1:nth-child(23){top: 160px;left: 530px}
.icon1:nth-child(24){top: 230px;left: 560px}
.icon1:nth-child(25){top: 320px;left: 560px}
.icon1:nth-child(26){top: 0px;left: 660px}
.icon1:nth-child(27){top: 80px;left: 660px}
.icon1:nth-child(28){top: 160px;left: 660px}
.icon1:nth-child(29){top: 230px;left: 660px}
.icon1:nth-child(30){top: 320px;left: 660px}
.highlight{transform: translateY(5px);color: white !important}
.highlight .compare-heading, .highlight .periods, .highlight p, .highlight h3, .highlight h3 span{color: rgb(82, 82, 82) !important}
.more_btn:focus{outline-color: rgb(237, 113, 34);color: rgb(255, 255, 255);border: 1px solid rgb(237, 113, 34) !important}
.strike-price{color: rgb(210, 37, 37);font-size: clamp(14px, 2vw, 18px);font-weight: normal;text-align: left}
.price-hidden-mobile {float: left;margin: 12px;}
.highlight .strike-price{color: rgb(255, 255, 255) !important}
.price-slider{padding: 20px;text-align: center}
.priceslide-header{margin-bottom: 50px}
.price-value{font-size: 3rem;font-weight: bold;color: rgb(255, 114, 32);margin-bottom: 20px}
.price-value span{font-size: 20px;color: rgb(129, 129, 129)}
.priceslide-header button{color: rgb(0, 171, 255);font-weight: 600;font-size: 20px;background: transparent;border: none;border: medium}
.priceslide-header button:hover, .priceslide-header button:focus{color: rgb(129, 129, 129);border: none !important;border: medium !important}
.price-slider .tick-marks{width: 100%;height: 20px;display: flex;justify-content: space-between;margin-top: -28px}
.price-slider .tick{width: 12px;height: 12px;background-color: rgb(255, 255, 255);border-radius: 30px}
.price-slider input[type="range"]{width: 100%;height: 30px;border-radius: 50px;appearance: none;outline: none;transition: background 0.3s;border: 1px solid rgb(255, 226, 171);background: rgb(255, 239, 211);padding: 2px}
.price-slider .range-labels{display: flex;justify-content: space-between;font-size: clamp(16px, 2.5vw, 20px);color: rgb(85, 85, 85);margin-top: 10px;margin-bottom: 5px}
.price-slider input[type="range"]:focus{border: none !important;border: medium !important}
.stat{display: flex;justify-content: center;margin-top: 50px}
.stat-wrapper{display: flex;width: 100%;border: 1px solid rgb(221, 221, 221);border-radius: 20px;background: rgb(255, 255, 255);position: relative;overflow: scroll}
.stat-card{width: 22%;padding: 35px;position: relative}
.stat-card + .stat-card::before{content: "";position: absolute;top: 10px;bottom: 10px;width: 1px;background-color: rgb(242, 242, 242);left: 0px;transform: translateX(0%)}
.stat-header{display: flex;align-items: center;font-size: clamp(12px, 1.8vw, 20px);color: rgb(129, 129, 129);margin-bottom: 10px;justify-content: space-between;font-weight: bold;text-align: left}
.stat-value{font-size: clamp(12px, 1.8vw, 20px);color: rgb(129, 129, 129);text-align: left}
.app_cloud{background: rgb(250, 251, 255)}
.comparison-wrapper{display: flex;flex-direction: column;align-items: center;margin-top: 20px}
.label-row{display: flex;width: 100%;justify-content: space-between}
.label-placeholder{width: 18.2%}
.label-row .label{flex: 1 1 0%;text-align: center;position: relative}
.most-popular-badge{display: inline-block;background: linear-gradient(90deg, rgb(238, 168, 25) 0%, rgb(236, 85, 38) 100%);color: rgb(255, 255, 255);font-size: 14px;font-weight: bold;text-transform: uppercase;border-radius: 16px 16px 0px 0px;box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;margin-bottom: 0px;padding: 6px 24px;position: relative;width: 100%}
.comparison-table{display: flex;width: 100%;border-radius: 10px;overflow: auto;box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px}
.features-column{width: 20%;background: rgb(253, 253, 253);padding: 20px 0px;box-sizing: border-box;border-right: 1px solid rgb(221, 221, 221)}
.feature{padding: 15px 10px;border-bottom: 1px solid rgb(238, 238, 238);font-size: clamp(14px, 2vw, 16px);color: rgb(82, 82, 82)}
.plans{display: flex;width: 90%}
.plan{flex: 1 1 0%;background: rgb(253, 253, 253);display: flex;flex-direction: column;border-right: 1px solid rgb(221, 221, 221);justify-content: space-between;position: relative}
.plan:last-child{border-right: none;border-right: medium}
.plan.highlight{background: rgb(255, 240, 195);border: 2px solid rgb(238, 148, 28);z-index: 1;transform: unset}
.plan.highlight .strike-price{color: rgb(210, 37, 37) !important}
.plan-feature-title{font-size: clamp(16px, 2.5vw, 18px);font-weight: 600;color: rgb(82, 82, 82);margin: 147.5px 0px;text-align: center}
.plan-header{text-align: center;padding: 60px 6px 10px;font-weight: bold;font-size: clamp(18px, 2.5vw, 22px);color: rgb(82, 82, 82);position: relative;height: 341px}
.plan-header p{font-size: 14px;margin: 20px 0px;color: rgb(82, 82, 82)}
.plan-price{font-size: clamp(10px, 2vw, 18px);margin-top: 5px;color: rgb(82, 82, 82);text-align: center}
.plan-price div{padding: 8px}
.plan-price del{color: rgb(153, 153, 153);margin-right: 4px;font-size: 14px}
.plan .plan-offer{font-size: clamp(12px, 2vw, 15px);color: rgb(54, 176, 129);font-weight: 600;display: inline-block;padding: 0px;border-radius: 18px;margin-top: 0%;margin-left: 4px}
.plan .plan-feature{padding: 15px 10px;text-align: center;border-bottom: 1px solid rgb(238, 238, 238);font-size: 14px;color: rgb(51, 51, 51)}
.plan-feature .check-tick{color: rgb(46, 204, 113);font-weight: bold}
.plan-feature .check-cross{color: rgb(252, 76, 76);font-weight: bold}
.plans-pricing{font-size: clamp(18px, 5vw, 36px)}
.comp-arrow{position: absolute;top: 62%;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;font-size: 16px;cursor: pointer;z-index: 98;color: rgb(51, 51, 51);background: rgb(255, 255, 255);border-radius: 50%;border: 1px solid rgb(236, 236, 236);box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px;transition: background 0.3s, transform 0.2s}
.comp-arrow:hover{background: rgb(240, 240, 240)}
.animated-underline{position: relative;display: inline-block}
.animated-underline::after{content: "";position: absolute;left: 0px;bottom: -2px;width: 0px;height: 2px;background-color: rgb(216, 106, 51);animation: 5s ease 0s 1 normal forwards running underlineAnimation;animation: 5s forwards underlineAnimation}
figure{margin: 0px 0px 1rem}
.bi-check-lg::before{content: ""}
.pricing-select:focus{outline-color: rgb(237, 113, 34);color: rgba(82, 82, 82, 0.847);border: 1px solid rgb(237, 113, 34) !important}
.select-hidden{display: none;visibility: hidden;padding-right: 10px}
.select-styled{position: absolute;inset: 0px;padding: 5px 8px;transition: 0.2s ease-in;font-size: 13px}
.select-styled::after{content: "";width: 0px;height: 0px;border-width: 7px;border-style: solid;border-image: initial;border-color: rgb(255, 255, 255) transparent transparent;position: absolute;top: 10px;right: 10px;border-image: none}
.select-options{display: none;position: absolute;top: 28px;right: 0px;left: 0px;z-index: 999;margin: 0px;padding: 0px;list-style: none;background-color: rgb(255, 255, 255);border: 1px solid rgb(76, 87, 107);border-radius: 5px;font-size: 13px}
.select-options li{margin: 0px;padding: 8px 0px;text-indent: 10px;border-bottom: 1px solid rgb(76, 87, 107);transition: 0.15s ease-in;list-style: none}
.select-options li:hover, .select-options li.is-selected{color: rgb(255, 255, 255);background: rgb(76, 87, 107)}
.home_page p{padding: 30px 0px 12px;text-align: justify;font-size: clamp(16px, 2vw, 20px);line-height: clamp(26px, 4vw, 35px)}
.centered_h1{align-items: center;justify-content: center;font-weight: 800;text-transform: uppercase;background: linear-gradient(to right, rgb(85, 32, 168) 10%, rgb(236, 90, 37) 52%, rgb(34, 106, 158) 88%) text;-webkit-text-fill-color: transparent;display: inline-block;user-select: none;background: linear-gradient(to right, rgb(85, 32, 168) 10%, rgb(236, 90, 37) 52%, rgb(34, 106, 158) 88%) padding-box text}
.secondry_heading{display: inline-block;text-align: center;width: 100%;color: rgb(203, 125, 44);font-size: clamp(16px, 2.2vw, 20px);font-weight: normal}
.plandispwidth{flex-basis: 25%;margin-bottom: 30px}
.widthmax{width: 100% !important}
.price{position: relative;padding: 20px 0px;border-radius: 2rem;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;background: transparent;border: 1px solid rgb(238, 163, 26);backface-visibility: hidden;width: 90%;margin: auto;outline-style: none !important}
.price:hover{border: none;background: rgb(255, 247, 225);box-shadow: rgb(255, 179, 136) 0px 0.015em, rgb(255, 189, 152) 0px 0.1em 0.5em, rgb(255, 201, 94) 0px 0px 0px 1px inset;outline-style: none !important;border: medium}
.price select{margin: 13px}
.price li{padding: 10px 0px;text-align: left;cursor: pointer}
.price li:hover{color: rgb(236, 95, 36)}
.price .buynow::after{content: "";position: absolute;top: 0px;left: -200%;width: 200%;height: 100%;transform: skewX(-20deg);background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent)}
.price .buynow:hover::after{animation: 1.6s ease 0s infinite normal none running shine;animation: 1.6s infinite shine}
.price .buynow:focus{outline-color: rgb(237, 113, 34);border: 1px solid rgb(237, 113, 34) !important}
.price .buynow{position: relative;background: linear-gradient(90deg, rgb(236, 85, 38) 0%, rgb(238, 168, 25) 100%);border: 0px;border-radius: 2rem;cursor: pointer;overflow: hidden;font-weight: bold;color: rgb(255, 255, 255);box-shadow: rgba(255, 255, 255, 0.8) 2px 4px 8px;transition: 0.1s;margin-top: 25px;font-size: 18px;display: inline-block;width: 100%;padding: 12px 0px}
.pricing-single-items.style_one.style_3{padding: 15px 24px;border-radius: 5px;position: relative;z-index: 1}
h3.pricing-plan2{float: left;font-size: 22px;color: rgb(82, 82, 82);font-weight: 600;margin: auto;display: inline}
h4.pricing-from{font-size: 15px;color: rgb(255, 255, 255);font-weight: 600;background: rgb(54, 176, 129);display: inline-block;padding: 8px 16px;margin: -2% auto 3%;float: right;border-radius: 18px}
.pricing-plan h2{font-size: 35px;color: rgb(82, 82, 82);font-weight: 600;margin: 55px 0px 13px;text-align: left}
.pricing-plan h2 span{font-size: 18px}
.pricing-select{color: rgba(82, 82, 82, 0.847);cursor: pointer;background: rgb(255, 255, 255);border: 1px solid rgb(204, 204, 204);border-radius: 0.4em;padding: 15px;font-size: clamp(14px, 2vw, 18px);margin-left: 0px !important}
.pricing-feature ul{list-style: none}
.pricing-feature ul li{color: rgb(10, 10, 10);font-weight: 400;padding-bottom: 15px}
.pricing-feature ul li i{display: inline-block;font-size: 18px;padding-right: 5px}
.feature-v7__grid li{list-style-type: none}
.feature-v7__grid{display: grid;grid-template-columns: repeat(12, 1fr);gap: 2rem}
.feature-v7__grid-item{min-width: 0px;grid-column-end: span 12}
.feature-v7__sub-grid{display: flex;gap: 1rem}
.feature-v7__description{color: rgb(75, 75, 75);line-height: 1.58;text-align: left}
.feature-v7__img{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: 50%}
.feature-v7__img-clone{flex-shrink: 0;width: 48px}
.feature-v7{background: rgb(255, 247, 225);width: 100%}
.cd-text-center{text-align: center}
.cd-position-relative{position: relative}
.cd-z-index-1{z-index: 1}
.cd-margin-bottom-xl{margin-bottom: 4.5rem}
.tooltip{--bs-tooltip-zindex: 1080;--bs-tooltip-max-width: 200px;--bs-tooltip-padding-x: 0.5rem;--bs-tooltip-padding-y: 0.25rem;--bs-tooltip-margin:;--bs-tooltip-font-size: 0.875rem;--bs-tooltip-color: var(--bs-body-bg);--bs-tooltip-bg: var(--bs-emphasis-color);--bs-tooltip-border-radius: var(--bs-border-radius);--bs-tooltip-opacity: 0.9;--bs-tooltip-arrow-width: 0.8rem;--bs-tooltip-arrow-height: 0.4rem;z-index: var(--bs-tooltip-zindex);display: block;margin: var(--bs-tooltip-margin);font-family: var(--bs-font-sans-serif);font-style: normal;font-weight: 400;line-height: 1.5;text-align: start;text-decoration: none;text-shadow: none;text-transform: none;letter-spacing: normal;word-break: normal;white-space: normal;word-spacing: normal;line-break: auto;font-size: var(--bs-tooltip-font-size);overflow-wrap: break-word;opacity: 0}
.fa-circle-exclamation, .fa-exclamation-circle{--fa: "\f06a"}
.fa-check{--fa: "\f00c"}
.config_main_boxes{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 5%;padding: 3% 0px}
.config_types{position: relative}
.config_right{min-width: 380px;width: 100%;position: sticky;top: 15%}
.check_box{display: flex;justify-content: space-around;align-items: center;margin: auto 12%}
.check_box > div{flex-basis: 49%;padding: 2px}
.check_list{display: flex;align-items: center;text-align: left;padding: 5px;border-radius: 5px}
.check_list label{width: 100%;color: rgb(82, 82, 82);font-size: 16px;font-weight: 600}
.check_list img{height: 16px;vertical-align: middle;margin-right: 4px;width: 20px;height: auto}
.blackback{display: none;background-color: rgb(200, 198, 198);position: fixed;inset: 0px;opacity: 0.7;z-index: 999}
.summery h4{font-size: 20px;color: dimgray;margin: 0px;font-weight: normal}
.summery{background: rgb(255, 255, 255);border: 1px solid rgb(196, 196, 196);border-radius: 5px;padding-bottom: 5%;text-align: center}
.summery_content{display: table;table-layout: fixed;width: 100%;padding: 25px 20px 0px;margin: auto}
.summery_content > div{display: table-cell;text-align: left;font-size: 15px}
.summery_content > div:nth-child(1){width: 70%;font-weight: 500}
.summery_content > div:nth-child(1)::before{content: "";width: 5px;height: 5px;background: dimgrey;display: inline-block;margin-right: 5px;margin-bottom: 2px}
.summery_content > div:nth-child(2){width: 30%;text-align: right}
.sky_blue{padding: 20px 40px;border-radius: 5px 5px 0px 0px;background: aliceblue !important}
.flex{display: flex;justify-content: space-between;width: 90%;margin: 15px auto 5px}
.flex div h6{color: rgb(82, 82, 82)}
.flex h5{color: rgb(82, 82, 82)}
.check_list.highlight{scale: none;color: white !important}
#currentPlanWrapper{display: flex;align-items: center;gap: 10px}
.btn-change, .btn-cancel{padding: 5px 10px;background-color: rgb(255, 255, 255);border: 1px solid rgb(204, 204, 204);border-radius: 4px;cursor: pointer}
.config_plan{border: 1px solid rgb(196, 196, 196);text-align: left;border-radius: 5px;padding-bottom: 2%;box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px}
.config_heading p{font-size: 18px;margin: 0px;padding: 5px 0px}
.proceed_btn{width: 95%;background: rgb(255, 216, 20);color: rgb(82, 82, 82);cursor: pointer;font-size: 16px;text-transform: uppercase;transition: 0.5s;padding: 14px 30px;border-radius: 5px;margin: 0px;border: none;border: medium}
.config_info h5{margin-bottom: 10px;font-size: 15px;color: dimgrey}
.grey_head{color: dimgrey;margin-bottom: 2%;font-size: 25px}
.config_check_box{display: flex;justify-content: space-around;align-items: center;margin: 2% 14%;gap: 12%;font-size: 15px}
.config_check_box > div{flex-basis: 49%;padding: 2px}
.config_big_select{padding: 9px;background: rgb(255, 255, 255);border: 1px solid rgb(221, 214, 214);border-radius: 5px;overflow: visible;font-size: 15px !important}
.config_card{border-radius: 10px;padding: 20px;background-color: rgb(255, 255, 255);width: 160px;text-align: center;position: relative;margin-bottom: 20px;border: 1px solid rgb(221, 214, 214) !important}
.config_card:hover{border: 1px solid rgb(0, 123, 255);box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px}
.check_list input[type="checkbox"]{margin-right: 20px;width: 20px;height: 20px}
.config_card img{width: 40px;height: 40px;object-fit: contain;margin: 10px 0px}
.config_card_title{font-weight: bold;margin-bottom: 15px;color: rgb(82, 82, 82)}
.config_card select{width: 100%;padding: 8px;border: 1px solid rgb(204, 204, 204);border-radius: 5px;background-color: rgb(255, 255, 255);font-size: 15px}
.config_card select:focus{outline: none;border-color: rgb(0, 123, 255)}
.config_card label{width: 100%}
.config_main_head p{font-size: 18px;padding-bottom: 2%;padding-top: 2%;border-bottom: 1px solid rgb(236, 236, 236);width: 100%;margin-left: 0%;padding-left: 6%;background: rgb(251, 251, 251)}
.config_main_head .tooltip{position: absolute}
.remove-icon{position: relative;left: 4%;top: 10%;cursor: pointer;font-size: 25px}
.config_main_head img{width: 30px;height: auto}
.cp_display{padding: 1% 0px}
.config_check_box.config_input{padding: 2% 0px}
.oschkbx{border: 2px solid rgb(82, 82, 82);border-radius: 50%;cursor: pointer;position: absolute;top: 8px;right: 8px;height: 19px;width: 19px}
input[type="checkbox"]:checked ~ label .oschkbx{border: 2px solid rgb(0, 123, 255) !important}
input[type="checkbox"]:checked ~ label .oschkbx::after{content: "";width: 9px;height: 9px;background: rgb(0, 123, 255);border-radius: 50%;position: absolute;top: 3px;left: 3px}
.loader-wrapper .loder-section{position: fixed;top: 0;width: 50%;height: 100%;background: #111;z-index: 2}
.loader-wrapper .loder-section.left-section{left: 0;transition: 1s 0.5s ease}
.loader-wrapper .loder-section.right-section{right: 0;transition: 1s 0.5s ease}
.loaded .loder-section.left-section{left: -100%}
.loaded .loder-section.right-section{right: -100%}
.loaded .loader-wrapper{visibility: hidden}
.loaded .loader{top: -100%;opacity: 0}
.progressbar-container{width: 100%;max-width: 900px;margin: 35px auto;position: relative}
.progressbar-steps{display: flex;justify-content: space-between;list-style: none;padding: 0px;margin: 0px;position: relative}
.progress-line{position: absolute;top: 20px;left: calc(16.6667%);width: calc(66.6667%);height: 4px;background-color: rgb(202, 202, 202);z-index: 0}
.progress-fill{position: absolute;top: 20px;left: calc(16.6667%);height: 4px;width: calc(33.3333%);background: repeating-linear-gradient(45deg, rgb(27, 171, 39), rgb(27, 171, 39) 10px, rgb(22, 158, 34) 10px, rgb(22, 158, 34) 20px);z-index: 1}
.progressbar-steps li{width: 33.33%;text-align: center;position: relative;z-index: 2}
.step-icon{width: 40px;height: 40px;border-radius: 50%;background: rgb(234, 234, 234);margin: auto;display: flex;justify-content: center;align-items: center}
.step-icon i{color: rgb(255, 255, 255);font-size: 14px}
.step-content{margin-top: 8px;font-size: 14px;color: rgb(82, 82, 82)}
.proceed_btn.btndisabled{cursor: not-allowed}
.config_heading h6{font-size: 18px;text-align: left;color: rgb(82, 82, 82);font-weight: normal;margin: 0px}
.mobclass{padding: 40px;position: relative;text-align: center;width: 70%}
.gsign_btn{height: 75px}
.fa-check-circle, .fa-circle-check{--fa: "\f058"}
.tab_form{margin-top: 50px}
.padclas_sub{width: 60px;margin-left: 12px;color: rgb(26, 115, 232);font-size: 14px;text-align: left;white-space: nowrap;flex-shrink: 0;cursor: pointer}
#mobverificationmeth .padclas{margin-left: 0px}
.padclas_sub input[type="button"]:focus{outline: none;border: none !important;border: medium !important}
.otp_verifybtn{color: rgb(8, 88, 202);cursor: pointer;border: none;background: transparent;border: medium}
#smsverifycode{margin-left: 35px}
#smsverifycodebtn input{margin: auto}
.adar_iner > div{margin: 4% auto}
.animated-check{margin-left: 10px;animation: 0.5s ease 0s 1 normal forwards running popCheck;color: rgb(27, 171, 39);font-size: 24px;float: right;animation: 0.5s forwards popCheck}
.fade-out{animation: 0.5s ease 0s 1 normal forwards running fadeOutSmooth;animation: 0.5s forwards fadeOutSmooth}
.error_payment_alert{border-radius: 0.3em;padding: 5px 15px;color: rgb(255, 57, 25);display: inline-block;margin: 5% 2%;background: rgb(255, 237, 234);font-size: clamp(14px, 2vw, 16px)}
.form-input1{display: flex;position: relative;padding: 10px;width: 100%;outline: 0px;background: none;border: none;transition: box-shadow 150ms ease-out;border-radius: 0px;font-size: 14px;border: medium}
.form-group1{display: flex;width: 50%;border: 1px solid rgb(204, 204, 204)}
.form-group1 select{width: 50%}
.form-group1 input{width: 100%;border-left: 1px solid rgb(204, 204, 204)}
.hide-text{color: transparent;position: relative;z-index: 2}
.custom-country-label{position: absolute;margin-top: 10px;padding-left: 10px;pointer-events: none;font-size: 16px;z-index: 1;color: rgb(82, 82, 82)}
#country2 option{color: rgb(82, 82, 82)}
.s_msg{font-size: 16px;font-weight: 500;color: green}
.f_msg, .redtxt{font-size: 16px;font-weight: 500;color: rgb(255, 57, 25)}
.profile_tab{flex: 1 1 0%;padding: 40px;position: relative;text-align: center}
.profile_tab_row{display: flex;gap: 10%}
.dropdown-toggle{white-space: nowrap}
.dropdown-toggle::after{display: inline-block;margin-left: 0.255em;vertical-align: 0.255em;content: "";border-width: 0.3em 0.3em 0px;border-top-style: solid;border-top-color: initial;border-right-style: solid;border-right-color: transparent;border-bottom-style: initial;border-bottom-color: initial;border-left-style: solid;border-left-color: transparent;border-style: solid solid none;border-color: currentcolor transparent}
.dropdown-menu{--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: 0.5rem;--bs-dropdown-spacer: 0.125rem;--bs-dropdown-font-size: 1rem;--bs-dropdown-color: var(--bs-body-color);--bs-dropdown-bg: var(--bs-body-bg);--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-border-radius: var(--bs-border-radius);--bs-dropdown-border-width: var(--bs-border-width);--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y: 0.5rem;--bs-dropdown-box-shadow: var(--bs-box-shadow);--bs-dropdown-link-color: var(--bs-body-color);--bs-dropdown-link-hover-color: var(--bs-body-color);--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: 0.25rem;--bs-dropdown-header-color: #6c757d;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: 0.5rem;position: absolute;z-index: var(--bs-dropdown-zindex);display: none;min-width: var(--bs-dropdown-min-width);padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin: 0px;font-size: var(--bs-dropdown-font-size);color: var(--bs-dropdown-color);text-align: left;list-style: none;background-color: var(--bs-dropdown-bg);background-clip: padding-box;border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius: var(--bs-dropdown-border-radius)}
.dropdown-menu-end{--bs-position: end}
.dropdown-item{display: block;width: 100%;padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear: both;font-weight: 400;color: var(--bs-dropdown-link-color);text-align: inherit;text-decoration: none;white-space: nowrap;background-color: transparent;border: 0px;border-radius: var(--bs-dropdown-item-border-radius,0)}
.dropdown-item:focus, .dropdown-item:hover{color: var(--bs-dropdown-link-hover-color);background-color: var(--bs-dropdown-link-hover-bg)}
.dropdown-item.disabled, .dropdown-item:disabled{color: var(--bs-dropdown-link-disabled-color);pointer-events: none;background-color: transparent}
.dropdown-header{display: block;padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom: 0px;font-size: 0.875rem;color: var(--bs-dropdown-header-color);white-space: nowrap}
.position-relative{position: relative !important}
.me-0{margin-right: 0px !important}
.text-muted{--bs-text-opacity: 1;color: var(--bs-secondary-color) !important}
.pc-head-link{margin: 0px 0px 0px 16px;position: relative;font-weight: 500;padding: 0px;display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 20px}
.pc-head-link hr{margin: 1rem 0px;color: inherit;border-width: 1px 0px 0px;border-right-style: initial;border-bottom-style: initial;border-left-style: initial;border-color: initial;border-image: initial;border-top-style: solid;opacity: 0.13;border-style: solid none none;border-color: currentcolor;border-image: none}
.pc-head-link .dropdown-menu{position: absolute;right: 0px;background-color: rgb(255, 255, 255);border: 1px solid rgb(204, 204, 204);border-radius: 5px;padding: 10px;width: 280px;box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 5px;flex-wrap: wrap;gap: 10px;font-weight: 500;color: rgb(82, 82, 82);overflow: scroll;top: 40px !important;font-size: 15px !important;transform: none !important}
.pc-head-link .dropdown-item{border-radius: 8px;display: flex;align-items: center;padding: 10px;color: rgb(82, 82, 82);font-size: 19px !important}
.pc-head-link h4{font-size: clamp(0.8rem, 0.9rem + 0.5vw, 1rem);font-weight: normal}
.pc-head-link .dropdown-menu .dropdown-item i{font-size: 30px;margin-right: 10px;color: rgb(10, 10, 10)}
.pc-head-link .dropdown-menu .dropdown-item span{font-size: clamp(15px, 1.5vw, 18px);color: rgb(82, 82, 82)}
.pc-head-link .dropdown-toggle::after{display: none}
#userProfileMobile{display: none}
.desktop-user-profile{display: contents}
html, html{scroll-behavior: smooth}
[type="submit"]:not(:disabled), button:not(:disabled) {
 cursor: pointer;
}
.info-icon img {color: #09aff2;font-size: 32px;background: #e5f6f9;margin-right: 25px;padding: 12px 15px;border-radius: 2px;transition: .5s;position: relative;z-index: 1;}
@font-face { font-family: "Font Awesome 6 Brands"; src: url("../fonts/fontawesome/fa-brands-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-brands-400.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: block; }
@font-face { font-family: "Font Awesome 6 Free"; src: url("../fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-regular-400.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: block; }
@font-face { font-family: "Font Awesome 6 Free"; src: url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"); font-style: normal; font-weight: 900; font-display: block; }
@font-face { font-family: "Font Awesome 5 Brands"; src: url("../fonts/fontawesome/fa-brands-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-brands-400.ttf") format("truetype"); font-weight: 400; font-display: block; }
@font-face { font-family: "Font Awesome 5 Free"; src: url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"); font-weight: 900; font-display: block; }
@font-face { font-family: "Font Awesome 5 Free"; src: url("../fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-regular-400.ttf") format("truetype"); font-weight: 400; font-display: block; }
@font-face { font-family: "FontAwesome"; src: url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"); font-display: block; }
@font-face { font-family: "FontAwesome"; src: url("../fonts/fontawesome/fa-brands-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-brands-400.ttf") format("truetype"); font-display: block; }
@font-face { font-family: "FontAwesome"; src: url("../fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-regular-400.ttf") format("truetype"); font-display: block; unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC; }
@font-face { font-family: "FontAwesome"; src: url("../fonts/fontawesome/fa-v4compatibility.woff2") format("woff2"), url("../fonts/fontawesome/fa-v4compatibility.ttf") format("truetype"); font-display: block; unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A; }
@font-face { font-family: "Flaticon"; src: url("../fonts/Flaticon.woff2") format("woff2"), url("../fonts/Flaticon.woff") format("woff"); font-style: normal; font-weight: normal; }
@font-face { font-family: "bootstrap-icons"; src: url("./fonts/bootstrap-icons.woff2?8d200481aa7f02a2d63a331fc782cfaf") format("woff2"), url("./fonts/bootstrap-icons.woff?8d200481aa7f02a2d63a331fc782cfaf") format("woff"); font-display: block; }
@font-face { font-family: "Font Awesome 6 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url("../fonts/fontawesome/fa-brands-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-brands-400.ttf") format("truetype"); }
@font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 400; font-display: block; src: url("../fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-regular-400.ttf") format("truetype"); }
@font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 900; font-display: block; src: url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"); }
@font-face { font-family: "Font Awesome 5 Brands"; font-display: block; font-weight: 400; src: url("../fonts/fontawesome/fa-brands-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-brands-400.ttf") format("truetype"); }
@font-face { font-family: "Font Awesome 5 Free"; font-display: block; font-weight: 900; src: url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"); }
@font-face { font-family: "Font Awesome 5 Free"; font-display: block; font-weight: 400; src: url("../fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-regular-400.ttf") format("truetype"); }
@font-face { font-family: FontAwesome; font-display: block; src: url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"); }
@font-face { font-family: FontAwesome; font-display: block; src: url("../fonts/fontawesome/fa-brands-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-brands-400.ttf") format("truetype"); }
@font-face { font-family: FontAwesome; font-display: block; src: url("../fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-regular-400.ttf") format("truetype"); unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC; }
@font-face { font-family: FontAwesome; font-display: block; src: url("../fonts/fontawesome/fa-v4compatibility.woff2") format("woff2"), url("../fonts/fontawesome/fa-v4compatibility.ttf") format("truetype"); unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A; }
@font-face { font-family: Flaticon; src: url("../fonts/Flaticon.woff2") format("woff2"), url("../fonts/Flaticon.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-display: block; font-family: bootstrap-icons; src: url("./fonts/bootstrap-icons.woff2?8d200481aa7f02a2d63a331fc782cfaf") format("woff2"), url("./fonts/bootstrap-icons.woff?8d200481aa7f02a2d63a331fc782cfaf") format("woff"); }
@keyframes progress-bar-stripes {
0% { background-position-x: 1rem; }
}
@keyframes spinner-border {
100% { transform: rotate(360deg); }
}
@keyframes spinner-grow {
0% { transform: scale(0); }
50% { opacity: 1; transform: none; }
}
@keyframes placeholder-glow {
50% { opacity: 0.2; }
}
@keyframes placeholder-wave {
100% { mask-position: -200% 0%; }
}
@keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes bounce {
20%, 53%, 80%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); }
40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); }
70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); }
90% { transform: translate3d(0px, -4px, 0px); }
}
@keyframes flash {
50%, 0%, 100% { opacity: 1; }
25%, 75% { opacity: 0; }
}
@keyframes pulse {
0%, 100% { transform: scale3d(1, 1, 1); }
50% { transform: scale3d(1.05, 1.05, 1.05); }
}
@keyframes rubberBand {
0%, 100% { transform: scale3d(1, 1, 1); }
30% { transform: scale3d(1.25, 0.75, 1); }
40% { transform: scale3d(0.75, 1.25, 1); }
50% { transform: scale3d(1.15, 0.85, 1); }
65% { transform: scale3d(0.95, 1.05, 1); }
75% { transform: scale3d(1.05, 0.95, 1); }
}
@keyframes shake {
0%, 100% { transform: translate3d(0px, 0px, 0px); }
10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}
@keyframes headShake {
0% { transform: translateX(0px); }
6.5% { transform: translateX(-6px) rotateY(-9deg); }
18.5% { transform: translateX(5px) rotateY(7deg); }
31.5% { transform: translateX(-3px) rotateY(-5deg); }
43.5% { transform: translateX(2px) rotateY(3deg); }
50% { transform: translateX(0px); }
}
@keyframes swing {
20% { transform: rotate3d(0, 0, 1, 15deg); }
40% { transform: rotate3d(0, 0, 1, -10deg); }
60% { transform: rotate3d(0, 0, 1, 5deg); }
80% { transform: rotate3d(0, 0, 1, -5deg); }
100% { transform: rotate3d(0, 0, 1, 0deg); }
}
@keyframes tada {
0%, 100% { transform: scale3d(1, 1, 1); }
10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
}
@keyframes wobble {
0%, 100% { transform: translate3d(0px, 0px, 0px); }
15% { transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg); }
30% { transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg); }
45% { transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg); }
60% { transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg); }
75% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg); }
}
@keyframes jello {
11.1%, 0%, 100% { transform: translate3d(0px, 0px, 0px); }
22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
88.8% { transform: skewX(-0.195313deg) skewY(-0.195313deg); }
}
@keyframes heartBeat {
0%, 28%, 70% { transform: scale(1); }
14%, 42% { transform: scale(1.3); }
}
@keyframes bounceIn {
20%, 40%, 60%, 80%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
20% { transform: scale3d(1.1, 1.1, 1.1); }
40% { transform: scale3d(0.9, 0.9, 0.9); }
60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
80% { transform: scale3d(0.97, 0.97, 0.97); }
100% { opacity: 1; transform: scale3d(1, 1, 1); }
}
@keyframes bounceInDown {
60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
75% { transform: translate3d(0px, -10px, 0px); }
90% { transform: translate3d(0px, 5px, 0px); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes bounceInLeft {
60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
75% { transform: translate3d(-10px, 0px, 0px); }
90% { transform: translate3d(5px, 0px, 0px); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes bounceInRight {
60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
75% { transform: translate3d(10px, 0px, 0px); }
90% { transform: translate3d(-5px, 0px, 0px); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes bounceInUp {
60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
75% { transform: translate3d(0px, 10px, 0px); }
90% { transform: translate3d(0px, -5px, 0px); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes bounceOut {
20% { transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}
@keyframes bounceOutDown {
20% { transform: translate3d(0px, 10px, 0px); }
40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@keyframes bounceOutLeft {
20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@keyframes bounceOutRight {
20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@keyframes bounceOutUp {
20% { transform: translate3d(0px, -10px, 0px); }
40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeInDown {
0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInDownBig {
0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInLeft {
0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInLeftBig {
0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInRight {
0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInRightBig {
0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInUp {
0% { opacity: 0; transform: translate3d(0px, 50%, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInUpBig {
0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeOutDown {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}
@keyframes fadeOutDownBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@keyframes fadeOutLeft {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}
@keyframes fadeOutLeftBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@keyframes fadeOutRight {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}
@keyframes fadeOutRightBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@keyframes fadeOutUp {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}
@keyframes fadeOutUpBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@keyframes flip {
0% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
40% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; }
100% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; }
}
@keyframes flipInX {
0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% { transform: perspective(400px); }
}
@keyframes flipInY {
0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
100% { transform: perspective(400px); }
}
@keyframes flipOutX {
0% { transform: perspective(400px); }
30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}
@keyframes flipOutY {
0% { transform: perspective(400px); }
30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
}
@keyframes lightSpeedIn {
0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; }
60% { transform: skewX(20deg); opacity: 1; }
80% { transform: skewX(-5deg); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes lightSpeedOut {
0% { opacity: 1; }
100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}
@keyframes rotateIn {
0% { transform-origin: center center 0px; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
100% { transform-origin: center center 0px; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateInDownLeft {
0% { transform-origin: left bottom 0px; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
100% { transform-origin: left bottom 0px; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateInDownRight {
0% { transform-origin: right bottom 0px; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
100% { transform-origin: right bottom 0px; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateInUpLeft {
0% { transform-origin: left bottom 0px; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
100% { transform-origin: left bottom 0px; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateInUpRight {
0% { transform-origin: right bottom 0px; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
100% { transform-origin: right bottom 0px; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateOut {
0% { transform-origin: center center 0px; opacity: 1; }
100% { transform-origin: center center 0px; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}
@keyframes rotateOutDownLeft {
0% { transform-origin: left bottom 0px; opacity: 1; }
100% { transform-origin: left bottom 0px; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}
@keyframes rotateOutDownRight {
0% { transform-origin: right bottom 0px; opacity: 1; }
100% { transform-origin: right bottom 0px; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
@keyframes rotateOutUpLeft {
0% { transform-origin: left bottom 0px; opacity: 1; }
100% { transform-origin: left bottom 0px; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
@keyframes rotateOutUpRight {
0% { transform-origin: right bottom 0px; opacity: 1; }
100% { transform-origin: right bottom 0px; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}
@keyframes hinge {
0% { transform-origin: left top 0px; animation-timing-function: ease-in-out; }
20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: left top 0px; animation-timing-function: ease-in-out; }
40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: left top 0px; animation-timing-function: ease-in-out; opacity: 1; }
100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}
@keyframes jackInTheBox {
0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom 0px; }
50% { transform: rotate(-10deg); }
70% { transform: rotate(3deg); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes rollOut {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg); }
}
@keyframes zoomIn {
0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
50% { opacity: 1; }
}
@keyframes zoomInDown {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInLeft {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInRight {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInUp {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOut {
0% { opacity: 1; }
50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
100% { opacity: 0; }
}
@keyframes zoomOutDown {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom 0px; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutLeft {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center 0px; }
}
@keyframes zoomOutRight {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center 0px; }
}
@keyframes zoomOutUp {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom 0px; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes slideInDown {
0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInLeft {
0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInRight {
0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInUp {
0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideOutDown {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}
@keyframes slideOutLeft {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}
@keyframes slideOutRight {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}
@keyframes slideOutUp {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}
@keyframes cd-rotate-1-in {
0% { transform: rotateX(180deg); opacity: 0; }
35% { transform: rotateX(120deg); opacity: 0; }
65% { opacity: 0; }
100% { transform: rotateX(360deg); opacity: 1; }
}
@keyframes cd-rotate-1-out {
0% { transform: rotateX(0deg); opacity: 1; }
35% { transform: rotateX(-40deg); opacity: 1; }
65% { opacity: 0; }
100% { transform: rotateX(180deg); opacity: 0; }
}
@keyframes cd-pulse {
0% { transform: translateY(-50%) scale(1); opacity: 1; }
40% { transform: translateY(-50%) scale(0.9); opacity: 0; }
100% { transform: translateY(-50%) scale(0); opacity: 0; }
}
@keyframes cd-rotate-2-in {
0% { opacity: 0; transform: translateZ(-20px) rotateX(90deg); }
60% { opacity: 1; transform: translateZ(-20px) rotateX(-10deg); }
100% { opacity: 1; transform: translateZ(-20px) rotateX(0deg); }
}
@keyframes cd-rotate-2-out {
0% { opacity: 1; transform: translateZ(-20px) rotateX(0deg); }
60% { opacity: 0; transform: translateZ(-20px) rotateX(-100deg); }
100% { opacity: 0; transform: translateZ(-20px) rotateX(-90deg); }
}
@keyframes slide-in {
0% { opacity: 0; transform: translateY(-100%); }
60% { opacity: 1; transform: translateY(20%); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes slide-out {
0% { opacity: 1; transform: translateY(0px); }
60% { opacity: 0; transform: translateY(120%); }
100% { opacity: 0; transform: translateY(100%); }
}
@keyframes zoom-in {
0% { opacity: 0; transform: translateZ(100px); }
100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes zoom-out {
0% { opacity: 1; transform: translateZ(0px); }
100% { opacity: 0; transform: translateZ(-100px); }
}
@keyframes cd-rotate-3-in {
0% { transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
@keyframes cd-rotate-3-out {
0% { transform: rotateY(0deg); }
100% { transform: rotateY(-180deg); }
}
@keyframes scale-up {
0% { transform: scale(0); opacity: 0; }
60% { transform: scale(1.2); opacity: 1; }
100% { transform: scale(1); opacity: 1; }
}
@keyframes scale-down {
0% { transform: scale(1); opacity: 1; }
60% { transform: scale(0); opacity: 0; }
}
@keyframes push-in {
0% { opacity: 0; transform: translateX(-100%); }
60% { opacity: 1; transform: translateX(10%); }
100% { opacity: 1; transform: translateX(0px); }
}
@keyframes push-out {
0% { opacity: 1; transform: translateX(0px); }
60% { opacity: 0; transform: translateX(110%); }
100% { opacity: 0; transform: translateX(100%); }
}
@keyframes fa-beat {
0%, 90% { transform: scale(1); }
45% { transform: scale(var(--fa-beat-scale,1.25)); }
}
@keyframes fa-bounce {
0% { transform: scale(1) translateY(0px); }
10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); }
30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); }
50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); }
57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); }
64% { transform: scale(1) translateY(0px); }
100% { transform: scale(1) translateY(0px); }
}
@keyframes fa-fade {
50% { opacity: var(--fa-fade-opacity,.4); }
}
@keyframes fa-beat-fade {
0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); }
50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); }
}
@keyframes fa-flip {
50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); }
}
@keyframes fa-shake {
0% { transform: rotate(-15deg); }
4% { transform: rotate(15deg); }
8%, 24% { transform: rotate(-18deg); }
12%, 28% { transform: rotate(18deg); }
16% { transform: rotate(-22deg); }
20% { transform: rotate(22deg); }
32% { transform: rotate(-12deg); }
36% { transform: rotate(12deg); }
40%, 100% { transform: rotate(0deg); }
}
@keyframes fa-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(1turn); }
}
@keyframes empty {
0% { opacity: 1; }
}
@keyframes backSlideOut {
25% { opacity: 0.5; transform: translateZ(-500px); }
75% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideIn {
0%, 25% { opacity: 0.5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: 0.5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0px) translateX(0px); }
}
@keyframes scaleToFade {
100% { opacity: 0; transform: scale(0.8); }
}
@keyframes goDown {
0% { transform: translateY(-100%); }
}
@keyframes scaleUpFrom {
0% { opacity: 0; transform: scale(1.5); }
}
@keyframes scaleUpTo {
100% { opacity: 0; transform: scale(1.5); }
}
@keyframes playload {
0% { background-position: 0px center; }
100% { background-position: -576px center; }
}
@keyframes rotate {
0% { transform: translate(-50%, -50%) rotateZ(0deg); }
100% { transform: translate(-50%, -50%) rotateZ(360deg); }
}
@keyframes rotateccw {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(-360deg); }
}
@keyframes spin {
0%, 100% { box-shadow: currentcolor 0.2em 0px 0px 0px; }
12% { box-shadow: currentcolor 0.2em 0.2em 0px 0px; }
25% { box-shadow: currentcolor 0px 0.2em 0px 0px; }
37% { box-shadow: currentcolor -0.2em 0.2em 0px 0px; }
50% { box-shadow: currentcolor -0.2em 0px 0px 0px; }
62% { box-shadow: currentcolor -0.2em -0.2em 0px 0px; }
75% { box-shadow: currentcolor 0px -0.2em 0px 0px; }
87% { box-shadow: currentcolor 0.2em -0.2em 0px 0px; }
}
@keyframes FadeInUp {
0% { transform: translateY(35%); opacity: 0; }
100% { transform: translateY(0%); opacity: 1; }
}
@keyframes rotate-loading {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes underlineAnimation {
0% { width: 0px; }
100% { width: 100%; }
}
@keyframes shine {
100% { left: 200%; }
}
@keyframes cd-icon-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes animate {
100% { transform: scaleX(1); }
}
@keyframes popCheck {
0% { transform: scale(0); opacity: 0; }
80% { transform: scale(1.2); opacity: 1; }
100% { transform: scale(1); }
}
@keyframes fadeOutSmooth {
0% { opacity: 1; transform: scale(1); }
100% { opacity: 0; transform: scale(0.95); }
}
@keyframes rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes slideInLeft {
0% { opacity: 0; transform: translateX(-30px); }
100% { opacity: 1; transform: translateX(0px); }
}
@keyframes slideInRight {
0% { opacity: 0; transform: translateX(30px); }
100% { opacity: 1; transform: translateX(0px); }
}
@keyframes slideInDown {
0% { opacity: 0; transform: translateY(-30px); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes slideInUp {
0% { opacity: 0; transform: translateY(30px); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes zoomIn {
0% { opacity: 0; transform: scale(0.8); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes zoomOut {
0% { opacity: 0; transform: scale(1.2); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes rotateIn {
0% { opacity: 0; transform: rotateZ(-15deg); }
100% { opacity: 1; transform: rotateZ(0deg); }
}
@keyframes bounceIn {
0% { transform: scale3d(0.3, 0.3, 0.3); }
20% { transform: scale3d(1.1, 1.1, 1.1); }
40% { transform: scale3d(0.9, 0.9, 0.9); }
60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
80% { transform: scale3d(0.97, 0.97, 0.97); }
100% { opacity: 1; transform: scale3d(1, 1, 1); }
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 0); }
0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
75% { transform: translate3d(-10px, 0px, 0px); }
90% { transform: translate3d(5px, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 0); }
0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
75% { transform: translate3d(10px, 0px, 0px); }
90% { transform: translate3d(-5px, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInLeft {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
75% { transform: translate3d(0px, -10px, 0px); }
90% { transform: translate3d(0px, 5px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
75% { transform: translate3d(0px, 10px, 0px); }
90% { transform: translate3d(0px, -5px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes flipInX {
0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% { opacity: 1; transform: perspective(400px); }
}
@keyframes flipInY {
0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
100% { opacity: 1; transform: perspective(400px); }
}
@keyframes jello { 
  11.1%, 0%, 100% { transform: translate3d(0px, 0px, 0px); }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}
@keyframes rotateIn { 
  0% { transform-origin: center center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  100% { transform-origin: center center; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateInDownLeft { 
  0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateInDownRight { 
  0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateInUpLeft { 
  0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateInUpRight { 
  0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateOut { 
  0% { transform-origin: center center; opacity: 1; }
  100% { transform-origin: center center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}
@keyframes rotateOutDownLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}
@keyframes rotateOutDownRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
@keyframes rotateOutUpLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
@keyframes rotateOutUpRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}
@keyframes hinge { 
  0% { transform-origin: left top; animation-timing-function: ease-in-out; }
  20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: left top; animation-timing-function: ease-in-out; }
  40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; }
  100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}
@keyframes jackInTheBox { 
  0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
  50% { transform: rotate(-10deg); }
  70% { transform: rotate(3deg); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes zoomOutDown { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutLeft { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; }
}
@keyframes zoomOutRight { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; }
}
@keyframes zoomOutUp { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes moveUpOut { 
  25% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateZ(-30px); }
  100% { transform: translateZ(3000px); }
}
@keyframes moveUpIn { 
  0% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateZ(-3000px); }
  75% { transform: translateZ(30px); }
  100% { transform: translateZ(0px); }
}
@keyframes moveDownOut { 
  25% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateZ(30px); }
  100% { transform: translateZ(-3000px); }
}
@keyframes moveDownIn { 
  0% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateZ(3000px); }
  75% { transform: translateZ(-30px); }
  100% { transform: translateZ(0px); }
}
@keyframes slideUpOut { 
  25% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateY(30px); }
  100% { transform: translateY(-3000px); }
}
@keyframes slideUpIn { 
  0% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateY(3000px); }
  75% { transform: translateY(-30px); }
  100% { transform: translateY(0px); }
}
@keyframes slideDownOut { 
  25% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateY(-30px); }
  100% { transform: translateY(3000px); }
}
@keyframes slideDownIn { 
  0% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateY(-3000px); }
  75% { transform: translateY(30px); }
  100% { transform: translateY(0px); }
}
@keyframes slideLeftOut { 
  25% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateX(30px); }
  100% { transform: translateX(-5000px); }
}
@keyframes slideLeftIn { 
  0% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateX(3000px); }
  75% { transform: translateX(-30px); }
  100% { transform: translateX(0px); }
}
@keyframes slideRightOut { 
  25% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateX(-30px); }
  100% { transform: translateX(3000px); }
}
@keyframes slideRightIn { 
  0% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateX(-5000px); }
  75% { transform: translateX(30px); }
  100% { transform: translateX(0px); }
}
@keyframes animatezoom { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}
@keyframes blinkingBackground { 
  0% { background-color: rgb(238, 157, 27); }
  30% { background-color: rgb(239, 187, 105); }
  60% { background-color: rgb(234, 163, 163); }
  100% { background-color: rgb(237, 123, 123); }
}
@keyframes fadeOut { 
  0% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}
@keyframes fadeInSubMenu { 
  0% { opacity: 0; visibility: hidden; transform: translateY(-10px); }
  100% { opacity: 1; visibility: visible; transform: translateY(0px); }
}
@-webkit-keyframes bounce { 
  20%, 53%, 80%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
}
@-webkit-keyframes flash { 
  50%, 0%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}
@-webkit-keyframes pulse { 
  0%, 100% { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
}
@-webkit-keyframes rubberBand { 
  0%, 100% { transform: scale3d(1, 1, 1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
}
@-webkit-keyframes shake { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}
@-webkit-keyframes headShake { 
  0% { transform: translateX(0px); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0px); }
}
@-webkit-keyframes swing { 
  20% { transform: rotate3d(0, 0, 1, 15deg); }
  40% { transform: rotate3d(0, 0, 1, -10deg); }
  60% { transform: rotate3d(0, 0, 1, 5deg); }
  80% { transform: rotate3d(0, 0, 1, -5deg); }
  100% { transform: rotate3d(0, 0, 1, 0deg); }
}
@-webkit-keyframes tada { 
  0%, 100% { transform: scale3d(1, 1, 1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
}
@-webkit-keyframes wobble { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  15% { transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg); }
  30% { transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg); }
  45% { transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg); }
  60% { transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg); }
  75% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg); }
}
@-webkit-keyframes jello { 
  11.1%, 0%, 100% { transform: translate3d(0px, 0px, 0px); }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}
@-webkit-keyframes heartBeat { 
  0%, 28%, 70% { transform: scale(1); }
  14%, 42% { transform: scale(1.3); }
}
@-webkit-keyframes bounceIn { 
  20%, 40%, 60%, 80%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes bounceInDown { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes bounceInLeft { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes bounceInRight { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes bounceInUp { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes bounceOut { 
  20% { transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}
@-webkit-keyframes bounceOutDown { 
  20% { transform: translate3d(0px, 10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@-webkit-keyframes bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@-webkit-keyframes bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@-webkit-keyframes bounceOutUp { 
  20% { transform: translate3d(0px, -10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes fadeInDownBig { 
  0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes fadeInLeftBig { 
  0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes fadeInRight { 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes fadeInRightBig { 
  0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 50%, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes fadeInUpBig { 
  0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-webkit-keyframes fadeOutDown { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}
@-webkit-keyframes fadeOutDownBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@-webkit-keyframes fadeOutLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}
@-webkit-keyframes fadeOutLeftBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@-webkit-keyframes fadeOutRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}
@-webkit-keyframes fadeOutRightBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@-webkit-keyframes fadeOutUp { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}
@-webkit-keyframes fadeOutUpBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@-webkit-keyframes flip { 
  0% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
  40% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
  50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
  80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; }
  100% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; }
}
@-webkit-keyframes flipInX { 
  0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% { transform: perspective(400px); }
}
@-webkit-keyframes flipInY { 
  0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% { transform: perspective(400px); }
}
@-webkit-keyframes flipOutX { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}
@-webkit-keyframes flipOutY { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
}
@-webkit-keyframes lightSpeedIn { 
  0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; }
  60% { transform: skewX(20deg); opacity: 1; }
  80% { transform: skewX(-5deg); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes lightSpeedOut { 
  0% { opacity: 1; }
  100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}
@-webkit-keyframes rotateIn { 
  0% { transform-origin: center center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  100% { transform-origin: center center; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@-webkit-keyframes rotateInDownLeft { 
  0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@-webkit-keyframes rotateInDownRight { 
  0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@-webkit-keyframes rotateInUpLeft { 
  0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@-webkit-keyframes rotateInUpRight { 
  0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@-webkit-keyframes rotateOut { 
  0% { transform-origin: center center; opacity: 1; }
  100% { transform-origin: center center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}
@-webkit-keyframes rotateOutDownLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}
@-webkit-keyframes rotateOutDownRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
@-webkit-keyframes rotateOutUpLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
@-webkit-keyframes rotateOutUpRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}
@-webkit-keyframes hinge { 
  0% { transform-origin: left top; animation-timing-function: ease-in-out; }
  20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: left top; animation-timing-function: ease-in-out; }
  40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; }
  100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}
@-webkit-keyframes jackInTheBox { 
  0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
  50% { transform: rotate(-10deg); }
  70% { transform: rotate(3deg); }
  100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes rollIn { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes rollOut { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg); }
}
@-webkit-keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}
@-webkit-keyframes zoomInDown { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomInLeft { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomInRight { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomInUp { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; }
}
@-webkit-keyframes zoomOutDown { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomOutLeft { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; }
}
@-webkit-keyframes zoomOutRight { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; }
}
@-webkit-keyframes zoomOutUp { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes slideInLeft { 
  0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes slideInRight { 
  0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes slideOutDown { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}
@-webkit-keyframes slideOutLeft { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}
@-webkit-keyframes slideOutRight { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}
@-webkit-keyframes slideOutUp { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}
@-webkit-keyframes cd-rotate-1-in { 
  0% { transform: rotateX(180deg); opacity: 0; }
  35% { transform: rotateX(120deg); opacity: 0; }
  65% { opacity: 0; }
  100% { transform: rotateX(360deg); opacity: 1; }
}
@-webkit-keyframes cd-rotate-1-out { 
  0% { transform: rotateX(0deg); opacity: 1; }
  35% { transform: rotateX(-40deg); opacity: 1; }
  65% { opacity: 0; }
  100% { transform: rotateX(180deg); opacity: 0; }
}
@-webkit-keyframes cd-pulse { 
  0% { transform: translateY(-50%) scale(1); opacity: 1; }
  40% { transform: translateY(-50%) scale(0.9); opacity: 0; }
  100% { transform: translateY(-50%) scale(0); opacity: 0; }
}
@-webkit-keyframes cd-rotate-2-in { 
  0% { opacity: 0; transform: translateZ(-20px) rotateX(90deg); }
  60% { opacity: 1; transform: translateZ(-20px) rotateX(-10deg); }
  100% { opacity: 1; transform: translateZ(-20px) rotateX(0deg); }
}
@-webkit-keyframes cd-rotate-2-out { 
  0% { opacity: 1; transform: translateZ(-20px) rotateX(0deg); }
  60% { opacity: 0; transform: translateZ(-20px) rotateX(-100deg); }
  100% { opacity: 0; transform: translateZ(-20px) rotateX(-90deg); }
}
@-webkit-keyframes slide-in { 
  0% { opacity: 0; transform: translateY(-100%); }
  60% { opacity: 1; transform: translateY(20%); }
  100% { opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes slide-out { 
  0% { opacity: 1; transform: translateY(0px); }
  60% { opacity: 0; transform: translateY(120%); }
  100% { opacity: 0; transform: translateY(100%); }
}
@-webkit-keyframes zoom-in { 
  0% { opacity: 0; transform: translateZ(100px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@-webkit-keyframes zoom-out { 
  0% { opacity: 1; transform: translateZ(0px); }
  100% { opacity: 0; transform: translateZ(-100px); }
}
@-webkit-keyframes cd-rotate-3-in { 
  0% { transform: rotateY(180deg); }
  100% { transform: rotateY(0deg); }
}
@-webkit-keyframes cd-rotate-3-out { 
  0% { transform: rotateY(0deg); }
  100% { transform: rotateY(-180deg); }
}
@-webkit-keyframes scale-up { 
  0% { transform: scale(0); opacity: 0; }
  60% { transform: scale(1.2); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}
@-webkit-keyframes scale-down { 
  0% { transform: scale(1); opacity: 1; }
  60% { transform: scale(0); opacity: 0; }
}
@-webkit-keyframes push-in { 
  0% { opacity: 0; transform: translateX(-100%); }
  60% { opacity: 1; transform: translateX(10%); }
  100% { opacity: 1; transform: translateX(0px); }
}
@-webkit-keyframes push-out { 
  0% { opacity: 1; transform: translateX(0px); }
  60% { opacity: 0; transform: translateX(110%); }
  100% { opacity: 0; transform: translateX(100%); }
}
@-webkit-keyframes empty { 
  0% { opacity: 1; }
}
@-webkit-keyframes backSlideOut { 
  25% { opacity: 0.5; transform: translateZ(-500px); }
  75% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn { 
  0%, 25% { opacity: 0.5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: 0.5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0px) translateX(0px); }
}
@-webkit-keyframes scaleToFade { 
  100% { opacity: 0; transform: scale(0.8); }
}
@-webkit-keyframes goDown { 
  0% { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom { 
  0% { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo { 
  100% { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes playload { 
  0% { background-position: 0px center; }
  100% { background-position: -576px center; }
}
@-webkit-keyframes shine { 
  100% { left: 200%; }
}
@-webkit-keyframes moveUpOut { 
  25% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateZ(-30px); }
  100% { transform: translateZ(3000px); }
}
@-webkit-keyframes moveUpIn { 
  0% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateZ(-3000px); }
  75% { transform: translateZ(30px); }
  100% { transform: translateZ(0px); }
}
@-webkit-keyframes moveDownOut { 
  25% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateZ(30px); }
  100% { transform: translateZ(-3000px); }
}
@-webkit-keyframes moveDownIn { 
  0% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateZ(3000px); }
  75% { transform: translateZ(-30px); }
  100% { transform: translateZ(0px); }
}
@-webkit-keyframes slideUpOut { 
  25% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateY(30px); }
  100% { transform: translateY(-3000px); }
}
@-webkit-keyframes slideUpIn { 
  0% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateY(3000px); }
  75% { transform: translateY(-30px); }
  100% { transform: translateY(0px); }
}
@-webkit-keyframes slideDownOut { 
  25% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateY(-30px); }
  100% { transform: translateY(3000px); }
}
@-webkit-keyframes slideDownIn { 
  0% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateY(-3000px); }
  75% { transform: translateY(30px); }
  100% { transform: translateY(0px); }
}
@-webkit-keyframes slideLeftOut { 
  25% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateX(30px); }
  100% { transform: translateX(-5000px); }
}
@-webkit-keyframes slideLeftIn { 
  0% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateX(3000px); }
  75% { transform: translateX(-30px); }
  100% { transform: translateX(0px); }
}
@-webkit-keyframes slideRightOut { 
  25% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateX(-30px); }
  100% { transform: translateX(3000px); }
}
@-webkit-keyframes slideRightIn { 
  0% { animation-timing-function: cubic-bezier(1, 0, 0, 1); transform: translateX(-5000px); }
  75% { transform: translateX(30px); }
  100% { transform: translateX(0px); }
}
@-webkit-keyframes animatezoom { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}

.wrap-select1{
	position: relative;
  	width: 100%;
  	top: 65px;
  	z-index: 2;
}
.bar-select1{display:flex;align-items:center;gap:24px;flex-wrap:wrap;background:var(--renewnotifycard);border:1px solid #e5e7eb;border-radius:16px;padding:0px 16px;box-shadow:0 4px 16px rgba(15,23,42,.06);}
.title-select1{display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:700;font-size:1.1em;width:49%}
.title-row-select1{display:flex;align-items:center;gap:8px;}
.title-select1 small{color:var(--renewnotifymuted);font-weight:500}

.close-select1 {
  margin-left: auto;
  background: transparent;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: #666;
  transition: color 0.2s ease;
  top: 10%;
  right: 1%;
  position: absolute;
}
.close-select1:hover {
  color: #e63946; /* red hover */
}

/* Wrapper */
.chips-select1 {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  align-items: center;
  margin: 28px auto;
  padding: 16px;
  max-width: 900px;
  background: var(--renewnotifycard, #f9fafb);
}

/* Each chip */
.chip-select1 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
}

/* Hide native checkbox */
.chip-select1 input {
  display: none;
}

/* Base switch (toggle style) */
.switch-select1, 
.switch-select2 {
  position: relative;
  width: 56px;
  height: 28px;
  border-radius: 999px;
  border: 1px solid #e2e8f0;
  display: inline-block;
  transition: background .2s ease;
  cursor: pointer;
  background: #bdbdbd;
}

/* Knob */
.switch-select1::after,
.switch-select2::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 2px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0,0,0,.12);
  transition: transform .2s ease;
}

/* When checked (toggle switches) */
.chip-select1 input:checked + .switch-select1 {
  background: linear-gradient(180deg, var(--renewnotifyon, #4ade80), var(--renewnotifyon-2, #22c55e));
  border-color: transparent;
}
.chip-select1 input:checked + .switch-select1::after {
  transform: translateX(28px);
}

/* Permanent ON switch (Email) */
.switch-select2 {
  background: linear-gradient(180deg, var(--renewnotifyon, #3b82f6), var(--renewnotifyon-2, #2563eb)); /* blue gradient */
  border-color: transparent;
  cursor: not-allowed; /* disable toggle */
}
.switch-select2::after {
  transform: translateX(28px);
}

.partner-badge {
 position: relative;
 display: inline-block;
 font-weight: bold;
}

.partner-badge::before {
  content: "NEW";
  position: absolute;
  bottom: 65%;
  right: -70%;
  font-size: 0.7rem;
  color: red;
  background-color: yellow;
  padding: 1px 7px 0px;
  font-weight: bold;

  /* Fully rounded pill on the right side */
  border-radius: 999px 999px 999px 0;
}

@media screen and (max-width: 480px){
  .bar-select1{padding: 5px 16px;}
  .title-select1{width:99%;align-items: flex-start;}
  .chips-select1{margin:unset;}
  .close-select1{top:2%;}
  .content_new{padding: 10px 3px}
  .logo{padding: 12px 0px}
  .post_box_con{margin: 8px 0px;width: 95%}
  .services_faq_hilite{margin: 10px 12px}
  .content{padding: 20px 15px}
  .partner-badge::before {
	bottom: 50%;
	right: 0%;
  }
}
@media only screen and (max-width: 480px){
  .left-container li.active .submenu{display: block}
  .index_container{display: block}
  .services_faq_hilite img{width: 100%}
}
@media screen and (max-width: 640px){
  .aadhar_form .showptag{display: block}
  .adar_iner > div{margin: 4% auto !important}
}
@media screen and (max-width: 650px){
  .home_page{padding: 30px 0px 0px}
  .price_table > div{flex-basis: 90%;margin-bottom: 20px}
  nav > ul > li{float: none;border-top: 1px dashed rgba(0, 0, 0, 0.1);margin-top: -1px}
  .content, .content_new, .header_content, .hiox_search{width: 98%}
  .logo{margin-right: 5px}
  .other_header > div, .other_header > div:last-child{width: 100%;display: block;text-align: center}
  .progress-bar .step .bullet.active{border-color: rgb(75, 219, 58);background: rgb(75, 219, 58)}
  .progress-bar .step .bullet.active span{display: none}
}
@media (max-width: 700px){
  .step-icon{width: 30px;height: 30px}
  .step-icon i{font-size: 12px}
  .step-content{font-size: 12px}
  .progress-line, .progress-fill{top: 15px}
}
@media (max-width: 767px){
  .tes1 .slider-boxarea2 .slider-box{margin-right: 0px}
  .tes1 .testimonial-horizental-slider2{margin-top: 20px}
  .tes1 .slider-area{margin-top: 0px}
  .tes1 .testimonial-vertical .bottom-area-all{display: block}
  .hosting-sales .heading1-w{padding-top: 50px}
  .hosting-sales .hosting-sales-boxs-area{height: 580px}
  .hosting-sales .hosting-sales-boxs-area .cta1-box.box1{left: 60px}
  .hosting-sales .hosting-sales-boxs-area .cta1-box.box2{bottom: 15px}
  .compear-pricing-section-area{padding: 50px 0px}
}
@media (max-width: 768px){
  .owl-dot.active{background: rgb(82, 82, 82)}
  .tes1-arrows{z-index: 99;left: 0px;margin-top: -50px;display: flex;place-content: center;width: 100%;opacity: 1;flex-direction: row-reverse}
  .tes1-arrows button{width: 46px;height: 46px;line-height: 46px;background: rgb(255, 255, 255);box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 16px}
  .prev-arrow{transform: rotate(90deg)}
  .next-arrow{transform: rotate(90deg)}
  .tes1-arrows .next-arrow{margin-top: 0px}
  .tes1 .slider-boxarea2{display: none}
  .carousel-dots .dot.active{background-color: rgb(82, 82, 82)}
  .heading1 h2{margin-bottom: 20px}
  .price_table::-webkit-scrollbar{display: none}
  .language-switcher{padding: 4px 8px;border: medium}
  .hiox_livechat{bottom: 60px}
  .hiox_livechat a{width: 60px;height: 60px}
  .hiox_livechat span{display: none}
  .user_sign{position: fixed;bottom: 30px;width: 100%;padding: 0px;height: auto;margin: 0px auto;text-align: center}
  .language-switcher .dropdown{right: 60px;position: fixed;top: 50px;width: 33%}
  .lang{float: right;height: 22px;padding: 11px 0px}
  .paginacontainer{display: none}
  .service-content p{height: unset}
  .current-lang{display: none}
  .icon-container{margin-right: 0px}
  .footer-widget-title h3{padding-bottom: 25px}
  .footer-widget-description p, .footer-widget-title-left h3{padding: 25px 0px}
  .price_table{flex-wrap: nowrap !important;overflow-x: auto;scroll-behavior: smooth;scrollbar-width: none;scroll-snap-type: x mandatory;justify-content: space-between}
  .plandispwidth1, .plandispwidth{flex: 0 0 100%;max-width: 90%;scroll-snap-align: start;padding-left: 0;}
  .nav-arrow{display: block;width: 46px;height: 46px;line-height: 30px;background: rgb(255, 255, 255)}
  .aichathero-bottom-box, .buttons a{margin-bottom: 15px}
  .chatai-plan-card{width: 300px}
  .spotlight-inner-container{width: 90%;flex-direction: column;gap: 20px}
  .spotlight-item{width: 100%;flex-direction: column;align-items: flex-start;text-align: left;padding: 20px}
  .spotlight-item.reverse{flex-direction: column}
  .spotlight-item.reverse .spotlight-content{text-align: left}
  .spotlight-icon{width: 100px;height: 100px;margin-bottom: 15px}
  .use-cases-spotlight h2{margin-bottom: 30px}
  .faq-inner{width: 100%;flex-direction: column;gap: 20px}
  .faq-item{width: 100%;margin-bottom: 20px}
  .faq-section h2{margin: 20px 0px}
  .faq-question{padding: 16px 20px}
  .faq-answer{padding: 0px 20px}
  .faq-answer.open{padding-top: 14px;padding-bottom: 14px}
  .chatai_descriptions .container{grid-template-columns: unset}
  .chatai_desc_block{padding: 30px}
  .chatai_descriptions p{text-align: justify !important;padding: 0px !important}
  .chatai-plan-card, .chatai-plan-card:hover{box-shadow: none;transform: unset;width: 93%;margin: auto;}
  .padclas .form-group input{font-size: 14px;padding: 10px}
  .padclas{display: flex;flex-direction: column-reverse !important;align-items: end !important}
  .modal_content .padclas{flex-direction: unset;align-items: center;justify-content: center}
  .background_signup{padding: 0px}
  .background_signup .config_info{margin: unset}
  .background_signup .config_log, .config_info{padding: 0px}
  .background_signup .sign_title{margin-bottom: 25px}
  .background_signup .logsign{padding: 10px}
  .background_signup .signup_section{padding: 0px 4px 20px 17px}
  .or-container{display: flex;margin-top: 15px}
  .signuperr{bottom: 50px}
  .auth-btn{width: 60% !important;padding: 6px}
  .config_info{padding: 0px 15px}
  .config_heading{justify-content: space-between;padding: 10px}
  .config{flex-direction: column;gap: 20px;margin-top: 50px;overflow: hidden;width: 95%}
  .sign_page{overflow: unset}
  .config_log, .signup_section{border-bottom: medium !important;padding: 0px}
  .config_log::after{background-color: transparent}
  .config_form_input{padding: 8px 12px}
  .config_form_group{margin-bottom: 25px}
  .signup-tab{padding: 10px 20px;width: 50%;border-bottom: 1px solid rgb(221, 221, 221)}
  .signup-tab.signact{border-bottom: 1px solid rgb(42, 101, 192)}
  .spinner-border.text-primary{width: 2rem !important}
  .apps-item{max-width: 240px}
  .icons_container{display: none}
  .icons1{position: static !important;display: grid !important;grid-template-columns: repeat(3, 1fr);gap: 60px;padding: 10px}
  .icon1, .icons1 img{position: static !important;transform: none !important;scale: 1 !important}
  .icons_heading{text-align: center;margin: 25px}
  .icons_heading h1{font-size: 30px}
  .carousel-container{display: block !important;overflow: hidden;width: 100%;margin: 70px 0px}
  .carousel-track{display: flex;transition: transform 0.4s ease-in-out;width: 100%}
  .carousel-slide{min-width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;padding: 20px;box-sizing: border-box;padding-left: 40px}
  .icon1{width: 70px;height: 70px;display: flex;align-items: center;justify-content: center}
  .icon1 img{max-width: 100%;max-height: 100%}
  .carousel-dots{text-align: center;margin-top: 10px}
  .carousel-dots .dot{height: 10px;width: 10px;margin: 0px 6px;background-color: rgb(204, 204, 204);border-radius: 50%;display: inline-block;cursor: pointer;transition: background-color 0.3s}
  .stat-card{padding: 15px 10px}
  .price-slider{padding: 5px}
  .plan-price{display: flex;flex-direction: column;align-items: center}
  .plan-price div{padding: 0px}
  .strike-price{width: 50%}
  .plan .plan-offer{padding: 4px 8px;margin-left: 0px}
  .plan-header{margin-top: -20px}
  .features-column{width: unset;padding: 20px 0px}
  .plan .plan-feature{height: 65px}
  .feature{padding: 15px 10px;height: 65px}
  .plan-feature-title{margin: 112px 0px;display: inline-flex;font-weight: bold;flex-direction: column;align-items: center}
  .most-popular-badge1{display: inline-block !important;background: linear-gradient(90deg, rgb(238, 168, 25) 0%, rgb(236, 85, 38) 100%);color: rgb(255, 255, 255);font-size: 10px;font-weight: bold;text-transform: uppercase;margin-bottom: 0px;text-align: center;position: absolute;width: 100%}
  .most-popular-badge{display: none}
  .plans{width: 100%}
  .heading2-w{margin-bottom: 20px}
  .theme-btn1{padding: 8px 25px}
  .comparison-table .plans{display: flex;overflow-x: auto;scroll-behavior: smooth}
  .comparison-table .plan{min-width: 50%;flex-shrink: 0}
  .more_btn{float: unset}
  .feature-v7__sub-grid.cd-items-center{display: flex;justify-content: center}
  .feature-v7__img-clone{width: unset}
  .home_page p{padding: 15px;margin-bottom: 0px}
  .feature-v7__sub-grid{gap: 0px}
  .feature-v7__grid{gap: 0px}
  .price{width: 93%;display: block}
  .pricing-select{padding: 12px}
  .summery_content > div:nth-child(2){width: 50%}
  .config_purchaselist.proceed_btn{position: fixed;left: 0px;bottom: env(safe-area-inset-bottom, 0);z-index: 99;border-radius: 0px;width: 100%}
  .config_info .config_information{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid rgb(238, 238, 238);width: 100%}
  .config_right{min-width: 0px;position: initial;top: 2%;max-width: 500px}
  .config_check_box{display: block;margin: 5% 10%}
  .footer-wrapper footer{display: none}
  .footer-wrapper{padding-top: 6%}
  .mobclass{padding: 0px;width: 100%}
  .or_new{display: none}
  .padclas_sub{font-size: 13px;width: 100%;text-align: right}
  .error_payment_alert{margin: 2%}
  .form-group1{width: 100%}
  .form-group1 select{width: 50%}
  .profile_tab_row{flex-direction: column;display: flex}
  .profile_tab{padding: 40px 5px}
  .pc-head-link .dropdown-menu{position: fixed !important;z-index: 999;right: 5px !important;padding: 10px 0px;width: 225px;overflow: hidden}
  .pc-head-link h4{margin: 0px}
  .pc-head-link{float: right;height: 22px;padding: 12px 0px 12px 12px !important;margin: 0px}
  #userProfileMobile{display: flex}
  .desktop-user-profile{display: none}
}
@media (max-width: 990px){
  .btn_theme_active2::after{background: rgb(255, 114, 32)}
  .btn_theme_active2{color: white}
  .icons_container{overflow: auto}
  .highlight .compare-heading, .highlight .periods, .highlight p, .highlight h3{color: var(--vtc-text-title3)}
}
@media (max-width: 1024px){
  .stat-card{width: 50%;padding: 25px}
}
@media (max-width: 1525px){
  .watch-screen{width: 1800px}
}
@media (prefers-reduced-motion: no-preference){
  :root{scroll-behavior: smooth}
}
@media (prefers-reduced-motion: reduce){
  .form-control::-webkit-file-upload-button{transition: none}
  .form-range::-webkit-slider-thumb{transition: none}
  .form-range::-moz-range-thumb{transition: none}
  .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start{transition: none}
  .spinner-border, .spinner-grow{--bs-spinner-animation-speed: 1.5s}
}
@media (max-width: 575.98px){
  .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing{transform: none}
  .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing{visibility: visible}
}
@media (max-width: 767.98px){
  .offcanvas-md.show:not(.hiding), .offcanvas-md.showing{transform: none}
  .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing{visibility: visible}
}
@media (max-width: 991.98px){
  .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing{transform: none}
  .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing{visibility: visible}
}
@media (max-width: 1199.98px){
  .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing{transform: none}
  .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing{visibility: visible}
}
@media (max-width: 1399.98px){
  .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing{transform: none}
  .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing{visibility: visible}
}
@media (prefers-reduced-motion){
  .animated{animation: unset !important;transition: none !important}
}
@media screen and (max-width: 33.75em){
  .slideshow > nav{content: " "}
  .slideshow > nav span{width: 60px;height: 60px;margin: 0px 2px}
}
@media screen and (max-device-width: 479px){
  .slideshow{margin-bottom: -44px}
}
@media screen and (-ms-high-contrast:active){
  .nsm7Bb-HzV7m-LgbsSe{border: 2px solid windowtext;color: windowtext}
}
@media screen and (preferes-contrast:more){
  .nsm7Bb-HzV7m-LgbsSe{color: rgb(0, 0, 0)}
}
@media (min-width: 64rem){
  .feature-v7__grid-item{grid-column-end: span 6}
}
@media only screen and (min-width: 320px) and (max-width: 479px){
  .sticky{position: fixed !important}
  .it-solution_nav_manu{display: none}
  .hero-section{height: 900px}
  .hero-content h1{font-size: 30px;line-height: 40px}
  .hero-content p{width: 100%}
  .section-button a{padding: 10px 20px;font-size: 14px}
  .slider-thumb{margin-top: 40px}
  .section-title h1{font-size: 22px;line-height: 35px}
  .services-button{float: left;margin-top: -30px;margin-bottom: 40px}
  .choose-us-thumb{margin-right: 0px;margin-bottom: 40px}
  .section-title h2{font-size: 22px;line-height: 30px}
  .footer-widget-title{margin-top: 35px}
  .copyright-description p{font-size: 14px}
  .accordion a.active{font-size: 16px;padding: 27px 10px 60px}
  .pricing-single-items.style_one.style_3{padding: 30px 10px 40px 12px}
  h4.pricing-from{font-size: 14px;padding: 8px}
  .pricing-feature ul li{font-size: 17px}
}
@media only screen and (min-width: 480px) and (max-width: 599px){
  .sticky{position: fixed !important}
  .it-solution_nav_manu{display: none}
  .hero-content h1{font-size: 35px;line-height: 40px}
  .hero-content p{width: 99%}
  .slider-thumb{margin-top: 40px}
  .section-title h1{font-size: 32px;line-height: 40px}
  .services-button{float: left;margin-top: -30px;margin-bottom: 30px}
  .choose-us-thumb{margin-right: 0px;margin-bottom: 40px}
  .section-title h2{font-size: 20px}
  .footer-widget-content{margin-top: 30px}
  .accordion a.active{padding: 27px 20px 20px}
}
@media (min-width: 576px){
  .container, .container-sm{max-width: 540px}
  .list-group-horizontal-sm > .list-group-item.active{margin-top: 0px}
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active{margin-left: calc(-1 * var(--bs-list-group-border-width));border-left-width: var(--bs-list-group-border-width)}
  .d-sm-block{display: block !important}
}
@media only screen and (min-width: 600px) and (max-width: 767px){
  .sticky{position: fixed !important}
  .it-solution_nav_manu{display: none}
  .hero-section{height: 1100px}
  .hero-content h1{font-size: 35px;line-height: 40px}
  .hero-content p{width: 84%}
  .slider-thumb{margin-top: 30px}
  .section-title h1{font-size: 36px;line-height: 45px}
  .services-button{float: left;margin-top: -40px;margin-bottom: 30px}
  .service-content p{width: 95%}
  .choose-us-thumb{margin-right: 0px;margin-bottom: 40px}
  .section-title h2{font-size: 24px}
  .footer-widget-content{margin-top: 30px}
}
@media (min-width: 600px) and (max-width: 991px){
  .plandispwidth1, .plandispwidth{flex: 0 0 50%;max-width: 50%;padding-left: 20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
  .tes1 .slider-boxarea2 .slider-box{margin-right: 200px}
  .tes1 .testimonial-horizental-slider2{margin-top: 0px}
  .tes1 .tes1-arrows{position: absolute;right: 50px;top: 50%;margin-top: -75px;left: inherit}
  .tes1 .slider-area{margin-top: 40px}
  .hosting-sales .heading1-w{padding-top: 50px}
  .hosting-sales .hosting-sales-boxs-area .cta1-box.box1{left: 60px}
  .compear-pricing-section-area{padding: 50px 0px}
}
@media (min-width: 768px) and (max-width: 991px){
  .sticky{position: fixed !important}
  .it-solution_menu ul{padding: 0px 50px 0px 0px}
  .it-solution_menu > ul > li > a{margin: 32px 10px}
  .header-container .col-lg-1{flex: 0 0 auto;width: 18%}
  .header-container .col-lg-6{flex: 0 0 auto;width: 40%}
  .header-container .col-lg-5{flex: 0 0 auto;width: 42%}
  .d-md-block{display: none !important}
  .user_sign .lang, .user_sign .sign_in{margin: 10px 5px}
  .service-content p{width: 95%}
  .choose-us-thumb img, .slider-thumb img, .aichathero-images img{width: 70%;transform: scaleX(1)}
  .hero-content h1{font-size: 40px;line-height: 45px}
  .slider-thumb{margin-top: 30px}
  .services-button{float: left;margin-top: -40px;margin-bottom: 30px}
  .section-title h1{font-size: 40px;line-height: 45px}
  .choose-us-thumb{margin-bottom: 40px;margin-right: 0px}
  .current-lang{font-size: 14px !important}
  .language-switcher .dropdown{right: 60px;position: fixed;top: 50px;width: 33%}
  .plandispwidth1{display: block}
  .config{display: block}
  .plan-feature-title{margin: 121.5px 0px}
  .label-row .label{flex: unset}
  .pricing-feature ul li{font-size: 16px}
  .pricing-single-items.style_one.style_3{padding: 30px 10px 37px}
  .pc-head-link{margin-left: 5px}
}
@media (min-width: 768px){
  .container, .container-md, .container-sm{max-width: 720px}
  .col-md-4{flex: 0 0 auto;width: 33.3333%}
  .col-md-6{flex: 0 0 auto;width: 50%}
  .list-group-horizontal-md > .list-group-item.active{margin-top: 0px}
  .list-group-horizontal-md > .list-group-item + .list-group-item.active{margin-left: calc(-1 * var(--bs-list-group-border-width));border-left-width: var(--bs-list-group-border-width)}
  .d-md-block{display: block !important}
}
@media (min-width: 769px) and (max-width: 1024px){
  .aichathero-bottom-box{margin-bottom: 20px}
  .chatai-plan-subtitle{letter-spacing: unset}
  .chatai-plan-card{width: 300px}
  .spotlight-inner-container{width: 90%;flex-direction: row;justify-content: center;gap: 20px 30px}
  .spotlight-item{width: 45%;flex-direction: column;align-items: center;text-align: center;padding: 20px}
  .spotlight-item.reverse{flex-direction: column}
  .spotlight-item.reverse .spotlight-content{text-align: center}
  .spotlight-icon{width: 90px;height: 90px;margin-bottom: 15px}
  .spotlight-content{min-width: auto}
}
@media (min-width: 992px) and (max-width: 1199px){
  .it-solution_menu ul{padding: 0px 10px 0px 0px}
  .it-solution_menu > ul > li > a{margin: 32px 8px;font-size: 15px}
  .hero-content h1{font-size: 40px;line-height: 50px}
  .choose-us-thumb{margin-right: 15px}
  .section-title h1{font-size: 34px;line-height: 40px}
  .info-icon i{font-size: 25px;margin-right: 15px;padding: 8px 10px}
  .info-content h4{font-size: 19px}
  .footer-widget-menu ul a i{display: none}
  .footer-widget-menu ul a{font-size: 14px}
  .icon-box-content h4{font-size: 16px}
  .header-container .col-lg-1{flex: 0 0 auto;width: 18%}
  .header-container .col-lg-6{flex: 0 0 auto;width: 40%}
  .header-container .col-lg-5{flex: 0 0 auto;width: 40%}
  .service-content p{height: 220px;width: 95%}
  .hosting-sales .hosting-sales-boxs-area .cta1-box.box1{left: 0px}
  .hosting-sales .hosting-sales-boxs-area .cta1-box.box2{right: 0px}
  .plan-feature-title{margin: 134.5px 0px}
  h4.pricing-from{font-size: 14px;padding: 8px 10px}
  .pricing-single-items.style_one.style_3{padding: 30px 10px 40px}
}
@media (min-width: 992px){
  .container, .container-lg, .container-md, .container-sm{max-width: 960px}
  .col-lg-1{flex: 0 0 auto;width: 8.33333%}
  .col-lg-2{flex: 0 0 auto;width: 16.6667%}
  .col-lg-3{flex: 0 0 auto;width: 25%}
  .col-lg-4{flex: 0 0 auto;width: 33.3333%}
  .col-lg-5{flex: 0 0 auto;width: 41.6667%}
  .col-lg-6{flex: 0 0 auto;width: 50%}
  .col-lg-7{flex: 0 0 auto;width: 58.3333%}
  .col-lg-8{flex: 0 0 auto;width: 66.6667%}
  .col-lg-12{flex: 0 0 auto;width: 100%}
  .list-group-horizontal-lg > .list-group-item.active{margin-top: 0px}
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active{margin-left: calc(-1 * var(--bs-list-group-border-width));border-left-width: var(--bs-list-group-border-width)}
  .d-lg-none{display: none !important}
  .col-lg-9{flex: 0 0 auto;width: 75%}
}
@media (min-width: 1200px) and (max-width: 1600px){
  .it-solution_nav_manu, .popover1_cloud, .hero-section, .service-section, .choose-us-section, .hosting-sales.bg-cover, .tes1.sp.bg-cover, .footer-section, .copyright-section, .apps2, .compear-pricing-section-area, .icons_container, .pwdby_container, .aichathero, .container .home_page, .container .pages, .feature-v7, .chatai_descriptions, .aichathero, .use-cases-spotlight, .faq-section, .container.config, .modal_content{zoom: 0.85;width: 100%}
  .it-solution_menu ul{padding: 0px 90px 0px 20px}
  .hero-content h1{font-size: 45px;line-height: 60px}
  .section-title h1{font-size: 35px;line-height: 40px}
  .choose-us-thumb{margin-right: 20px}
  .info-content h4{font-size: 22px}
  .info-content p{font-size: 15px}
  .footer-widget-menu ul a{font-size: 16px}
  .hosting-sales .hosting-sales-boxs-area .cta1-box.box1{left: 70px}
  .hosting-sales .hosting-sales-boxs-area .cta1-box.box2{right: 20px}
  .pricing-single-items.style_one.style_3{padding: 30px 25px 40px}
}
@media (min-width: 1200px){
  .h1{font-size: 2.5rem}
  .h2, h2{font-size: 2rem}
  .h3, h3{font-size: 1.75rem}
  .h4, h4{font-size: 1.5rem}
  .container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 1140px}
  .list-group-horizontal-xl > .list-group-item.active{margin-top: 0px}
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active{margin-left: calc(-1 * var(--bs-list-group-border-width));border-left-width: var(--bs-list-group-border-width)}
  legend{font-size: 1.5rem}
}
@media (min-width: 1400px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1320px}
  .list-group-horizontal-xxl > .list-group-item.active{margin-top: 0px}
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active{margin-left: calc(-1 * var(--bs-list-group-border-width));border-left-width: var(--bs-list-group-border-width)}
}
@media screen and (min-width: 1500px){
  .config{max-width: 78rem}
}
@media screen and (min-width: 2049px) and (max-width: 2730px){
  .main.background_signup{padding: 20px 15px}
  .background_signup .copyright-section{margin-top: 40px;position: relative}
}
@media screen and (min-width: 2049px){
  .background_signup{margin-bottom: 0px;width: 100%}
}