@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,500;1,600;1,900&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Aclonica&family=Borel&family=Roboto+Condensed:ital@0;1&family=Roboto+Flex:opsz,wght@8..144,300;8..144,400;8..144,500;8..144,600;8..144,700&family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,400;1,500&family=Roboto+Slab:wght@100&family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Aclonica&family=Borel&family=Inter:wght@200;300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700;800&family=Roboto+Condensed:ital@0;1&family=Roboto+Flex:opsz,wght@8..144,300;8..144,400;8..144,500;8..144,600;8..144,700&family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,400;1,500&family=Roboto+Slab:wght@100&family=Roboto:wght@100;300;400;500;700;900&display=swap');
:root {
    --bs-blue: #0d6efd;
    --bs-blue-rgb: rgb(13 110 253 / 0.03);
    --bs-indigo: #171766;
    --bs-dark-indigo: #15195B;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #ed1c24;
    --bs-orange: #fd7e14;
    --bs-yellow: #ecce17;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-yellow-dark: #FFCE5D;
    --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: 236, 206, 23;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-dark-rgb1: rgba(51, 53, 69);
    --bs-dark-rgb2: rgba(31, 37, 51);
    --bs-dark-rgb3: rgba(43, 49, 72);
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --col-primary-color: #171766;
    --col-secondary-color: #ed1c24;
    --tc-offcanvas-width: 800px;
    --tc-offcanvas-width-0: 600px;
    --tc-offcanvas-width-1: 450px;
    --tc-offcanvas-width-2: 1800px;
    --tc-offcanvas-width-3: 270px;
    --tc-offcanvas-width-50: 95%;
}
.ratio-50x25 {
    --bs-aspect-ratio: 57%;
}
.image-black-white {
    filter: grayscale(100%);
}

/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--col-primary-color) !important;
}*/
::selection {
    background: var(--col-secondary-color);color: #fff;
}

.primary-col-bg {
    background: var(--col-primary-color) !important;
}
.secondary-col-bg {
    background: var(--col-secondary-color) !important;
}
.primary-col-col {
    color: var(--col-primary-color) !important;
}
.secondary-col-col {
    color: var(--col-secondary-color) !important;
}
.border-primary-col {
    border-color: var(--col-primary-color) !important;
}
.border-secondary-col {
    border-color: var(--col-secondary-color) !important;
}
.btn-outline-primary {
    border: 1px solid var(--col-primary-color) !important;color: var(--col-primary-color) !important;
}
.btn-outline-danger {
    border: 1px solid var(--col-secondary-color) !important;color: var(--col-secondary-color) !important;
}
.border-secondary {
    --bs-border-opacity: 1;border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity)) !important;
}
.btn-primary-c, .btn-primary-c:hover, .btn-primary-c:active, .btn-outline-primary:hover {
    color:#fff !important;background: var(--col-primary-color) !important;
}
.btn-secondary-c, .btn-secondary-c:hover, .btn-secondary-c:active, .btn-outline-danger:hover {
    color: #fff !important;background: var(--col-secondary-color) !important;
}
/*.btn-primary-c:hover, .btn-primary-c:active, .btn-outline-primary:hover, 
.btn-secondary-c:hover, .btn-secondary-c:active, .btn-outline-danger:hover {
    border: 1px solid #fff !important;
}*/

.btn-check:checked + .btn, .btn.active {
    color: #fff !important;background-color: var(--col-primary-color) !important;border-color: var(--col-primary-color) !important;
}

.border-indigo {
    border-color: var(--bs-indigo) !important;
}
.offcanvas-w-600 {
    width: var(--tc-offcanvas-width-0) !important;
}
.offcanvas-w-20 {
    width: var(--tc-offcanvas-width-1) !important;
}
.offcanvas-w-270 {
    width: var(--tc-offcanvas-width-3) !important;
}
.offcanvas-w-40 {
    width: var(--tc-offcanvas-width) !important;
}
.offcanvas-w-95 {
    width: var(--tc-offcanvas-width-95) !important;
}
.offcanvas-xl {
    width: var(--tc-offcanvas-width-2) !important;
}
.text-danger2 {
    color: var(--bs-danger);
}
.text-red-col, .mandatory {
    color: var(--bs-red);
}
.text-black {
    color:var(--bs-black);
}
.text-orange {
    color:var(--bs-orange);
}
.bg-black {
    background-color:var(--bs-black);
}
.text-blue {
    color: var(--bs-blue);
}
.text-dark-indigo {
    color: var(--bs-dark-indigo);
}
.bg-indigo-opa {
    background: #CED2F4;
}
.bg-dark-1 {
    background: #101130;
}
.social-icon-bg {
    background: #373851;
}
.text-white {
    --bs-text-opacity: 1;color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important;
}
.bg-dark {
    --bs-bg-opacity: 1;background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;
}
.bg-indigo-opa-title {
    background: #B4BCFF;
}
.text-indigo {
    color: var(--bs-indigo);
}
.text-blue {
    color: var(--bs-blue);
}
.bg-brown {
    background-color: #E8C7AB;
}
.bg-brown-light {
    background-color: #FF7F5C;
}
.text-gray {
    color: #595959;
}
.bg-dark-blue {
    background-color: #120823;
}
.bg-blue-light {
    background-color: #3B5998;
}
.bg-footer {
    background-color: #002c62;
}
.raffle-bg {
    background: linear-gradient(178deg, #ededed -2.19%, #f3f3f3 110.15%);
}
.pink-gradient {
    color : #BEACE9;
}
.btn-new{
    background-size: 300%;
}
/*
.black {
    color: black;background-image: linear-gradient(90deg, white 50%, black 50%);
}
.green {
    color: green;background-image: linear-gradient(-120deg, green 50%, white 50%);
}

.orange {
    color: orange;background-image: linear-gradient(120deg, white 50%, orange 50%);
}

.blue {
    color: blue;background-image: linear-gradient(160deg, white 50%, blue 50%);
}
*/
.red-new {
    color: var(--col-secondary-color);
    background-image: linear-gradient(20deg, white 50%, var(--col-secondary-color) 50%);
}

.btn-new:hover {
    color: #fff;background-position: 100%;transform: translateX(0.1rem);
}


/*.dropdown-menu.show {
    transform: translate(0px, 27px) !important;
}*/
.iconSize-bac + .dropdown-menu.show {
    transform: translate(-4px, 32px) !important;
}
#navbarMenuList .dropdown-menu.show {
    transform: translate(0px, 0px) !important;
}
.modal-xxl {
    max-width: 75% !important;
}
.small, small {
    font-size: .83em;
}
.text-darkblue {
    color: #033067;
}
.text-pink {
    color: #d63384;
}
.twitter-color {
    color: #1DA1F2;
}
.green_light_bg_1{
    background-color:aquamarine;
}
.green_light_bg_2 {
    background-color: #D1FADF;
}
.bg-pink-opacity {
    background-color: rgba(247,59,139,0.2);
}
.bg-yellow-dark {
    background-color: var(--bs-yellow-dark);
}
.bg-blue-rgb {
    background-color: var(--bs-blue-rgb);
}
.bg-blue {
    background-color: var(--bs-blue);
}
.bg-indigo {
    background-color: var(--bs-indigo);
}
.bg-indigo2 {
    background-color: #14234b
}
.bg-dark1 {
    background: var(--bs-dark-rgb1) !important;
}
.bg-dark2 {
    background: var(--bs-dark-rgb2) !important;
}
.bg-dark3 {
    background: var(--bs-dark-rgb3) !important;
}
.bg-light-yellow {
    background-color: #FEDD5B;
}
.bg-dark-indigo {
    background-color: var(--bs-dark-indigo);
}
.yellow-light-bg {
    background-color: #FFF2CD
}
.text-yellow {
    color:var(--bs-yellow);
}
.bg-pink {
    background-color: var(--bs-pink) !important;
}
.pink-light-bg {
    background-color: #FE9DA0
}
.pink-light2-bg {
    background-color: #FFDADB
}
.gray-light-bg {
    background-color: #F4F7FF;
}
.bg-purple {
    background-color: #F1F3FE;
}
.bg-skyblue {
    background-color: #cfe2ff;
}
.dark-blue {
    color: #002C62;
}.dark-blue-bg {
    background-color: #002C62;
}
.gray-dark-bg {
    background-color: #E3E3E3;
}
.gray-bg {
    background-color: #F9F9F9;
}
.text-gray {
    color: #6E6E6E;
}
.bg-red-col {
    background-color: var(--bs-red);
}
.text-indigo-border {
    border-color: var(--bs-indigo) !important;
}
.text-white-border {
    border-color: var(--bs-white) !important;
}
*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 10px;
}
*::-webkit-scrollbar {
    width: 6px;height:6px;border-radius: 10px; background-color: var(--col-secondary-color) !important;
}
/*#sponsorslist .overflow-auto::-webkit-scrollbar {
    background-color: #ff0000;
}*/
#boothActivity-block .overflow-auto::-webkit-scrollbar {
    width: 2px;height: 2px;background-color: #F5F5F5;border-radius: 10px;
}
*::-webkit-scrollbar-thumb {
    background-color: var(--col-secondary-color) !important;border-radius: 10px;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent)
}
.about-content-box #overview::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #d4d8e4;border-radius: 10px;
}
.about-content-box #overview::-webkit-scrollbar {
    width: 6px;height: 10px;background-color: #d4d8e4;border-radius: 10px;
}
.about-content-box #overview::-webkit-scrollbar-thumb {
    background-color: #004192;border-radius: 10px;
    background-image: -webkit-linear-gradient(26deg, rgba(255, 255, 255, .3) 14%, transparent 17%, transparent 41%, rgba(255, 255, 255, .3) 45%, rgba(255, 255, 255, .3) 67%, transparent 64%, transparent);
}

.ampiconBodyClass *::-webkit-scrollbar-thumb, .ampiconBodyClass::-webkit-scrollbar-thumb {
    background-color: #ff0000;
}

a{
    text-decoration:none;
}
.after-content::after, .before-content::before {
    content: none;
}
* {
    font-family: 'Poppins', sans-serif;
}
body {
    /*background: #f8f9fa;font-family: 'Roboto', sans-serif;*/
    background: var(--bs-blue-rgb);font-family: 'Poppins', sans-serif;
}
.newClass *, .description-content *, #sponsorcancellationbody *, #pEventDesc * {
    /*font-family: 'Roboto', sans-serif !important;*/ font-family: 'Poppins', sans-serif !important; line-height: 30px;
}
.newClass p, .newClass span, .newClass text, .description-content p, .description-content span, .description-content text,
#sponsorcancellationbody p, #sponsorcancellationbody p span, #sponsorcancellationbody span, #sponsorcancellationbody text,
#pEventDesc p, #pEventDesc p span, #pEventDesc p text, #pEventDesc p text, #pEventDesc span text {
    font-size: 16px !important;
}
.description-content p {
    margin:0 !important;
}
.transform-1 {
    transform: scale(1.1);
}
.progress-h {
    height: 0.5rem !important;
}
.dropdown-item:hover {
    background-color: #eee;
}
.dropdown-item:active {
    background-color: var(--bs-dropdown-link-active-bg);
}
.shadow-tc {
    box-shadow: 0px 0px 18px rgb(47 49 53 / 15%) !important;
}
.form-control, .form-select {
    line-height: 2.2;
}
.transform-12 {
    transform: rotate(12deg);
}
.transform-45 {
    transform: rotate(45deg);
}
.transform-320 {
    transform: rotate(320deg);
}
.transform-136 {
    transform: rotate(136deg);
}
.transform-90 {
    transform: rotate(90deg);
}
.transform-180 {
    transform: rotate(180deg);
}
.fs-xxxs {
    font-size: 0.5rem !important;
}
.fs-xxs {
    font-size: 0.6rem !important;
}
.fs-xs {
    font-size: 0.7rem !important;
}
.fs-sm {
    font-size: 0.8rem !important;
}
.fs-nor {
    font-size: 0.9rem !important;
}
.fs-md {
    font-size: 2.7rem !important;
}
.fs-lg {
    font-size: 3rem !important;
}
.fs-xl {
    font-size: 3.5rem !important;
}
.fs-xxl {
    font-size: 4rem !important;
}
.fs-xxxl {
    font-size: 5rem !important;
}
.fs-7rem {
    font-size: 6rem !important;letter-spacing: -8px;
}
.btn {
    --bs-btn-line-height: 1.9;
}

.form-control {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.border-radius {
    border-radius: 10px;
}
.border-radius-bottom {
    border-radius: 0 0 10px 10px;
}
.border-radius-full {
    border-radius: 100%;
}
.border-red {
    border-color: var(--bs-red) !important;
}
.border-pink {
    border-color: var(--bs-pink) !important;
}
.d-flexy {
    display: flex;justify-content: center;align-items: center;
}
.iconSize-bac-s {
    width: 20px;height: 20px;
}
.iconSize-bac {
    width: 30px;height: 30px;
}
.iconSize {
    width: 40px;height: 40px;
}

.iconSize-nor {
    width: 50px;height: 50px;
}

.iconSize-sm {
    width: 60px;height: 60px;
}

.iconSize-md {
    width: 70px;height: 70px;
}

.iconSize-lg {
    width: 80px;height: 80px;
}

.iconSize-xl {
    width: 90px;height: 90px;
}

.iconSize-xs {
    width: 100px;height: 100px;
}

.iconSize-xxl {
    width: 110px;height: 110px;
}

.iconSize-xxxl {
    width: 120px;height: 120px;
}
.iconSize-big {
    width: 140px;height: 140px;
}
.iconSize-big1 {
    width: 160px;height: 160px;
}
.iconSize-big2 {
    width: 210px;height: 210px;
}
.iconSize-lg-logo {
    width: 100%; height: 60px;
}
.iconSize-w-10 {
    width: 10px;
}

.iconSize-w-20 {
    width: 20px;
}
.iconSize-w-15 {
    width: 15px;
}

.iconSize-w-30 {
    width: 30px;
}

.iconSize-w-40 {
    width: 40px;
}

.iconSize-w-50 {
    width: 50px;
}

.iconSize-w-60 {
    width: 60px;
}

.iconSize-w-70 {
    width: 70px;
}

.iconSize-w-80 {
    width: 80px;
}
.iconSize-w-85 {
    width: 85px;
}
.iconSize-w-90 {
    width: 90px;
}
.iconSize-w-95 {
    width: 95px;
}
.iconSize-w-100 {
    width: 100px;
}
.iconSize-w-120 {
    width: 120px;
}
.iconSize-w-130 {
    width: 130px;
}
.iconSize-w-140 {
    width: 140px;
}
.iconSize-w-160 {
    width: 160px;
}
.m-minT-70 {
    margin-top: -70px;
}
.mw-auto {
    min-width: auto !important;
}
.mw-40 {
    min-width:40px !important;
}
.mw-50 {
    min-width:50px !important;
}
.mw-15rem {
    min-width:15rem !important;
}
.mw-20rem {
    min-width:20rem !important;
}
.mw-30rem {
    min-width:30rem !important;
}
.min-w-50pr {
    min-width:50vw;
}
.w-0 {
    width:0;
}
.h-0 {
    height:0;
}
.w-10 {
    width: 10% !important;
}
.w-15 {
    width: 15% !important;
}
.w-20 {
    width: 20% !important;
}
.w-30 {
    width: 30% !important;
}
.w-35 {
    width: 35% !important;
}
.w-40 {
    width: 40% !important;
}
.w-55 {
    width: 55% !important;
}
.w-60 {
    width: 60% !important;
}
.w-65 {
    width: 65% !important;
}
.w-70 {
    width: 70% !important;
}
.w-80 {
    width: 80% !important;
}
.w-85 {
    width: 85% !important;
}
.w-90 {
    width: 90% !important;
}
.w-95 {
    width: 95% !important;
}
.vw-98{
    width:98vw;
}
.vw-95{
    width:95vw;
}
.h-85 {
    height:85%;
}
.h-90 {
    height:90%;
}
.h-95 {
    height:95%;
}
.hv-10 {
    height: 10vh;
}
.hv-15 {
    height: 15vh;
}
.hv-25 {
    height: 25vh;
}
.hv-30{
    height:30vh;
}
.hv-35{
    height:35vh;
}
.hv-40{
    height:40vh;
}
.hv-45{
    height:45vh;
}
.hv-50{
    height:50vh;
}
.hv-55{
    height:55vh;
}
.hv-60{
    height:60vh;
}
.hv-70{
    height:70vh;
}
.hv-75{
    height:75vh;
}
.hv-80{
    height:80vh;
}
.hv-85{
    height:85vh;
}
.hv-90{
    height:90vh;
}
.hv-95{
    height:93.5vh;
}
.hv-100{
    height:100vh;
}
.hv-110 {
    height: 110vh;
}
.hv-120 {
    height: 118vh;
}
.hight-20 {
    height:20px;
}
.hight-30 {
    height:30px;
}
.hight-100 {
    height:100px;
}
.mx-w-xxl {
    max-width: 70%;
}
.mm-80 {
    margin-top:-80px;
}
.common-table {
    overflow-x: auto;white-space: nowrap;
}
.ps-6 {
    padding-left:4rem;
}
.fs-9 {
    font-size:0.2rem;
}
.fs-8 {
    font-size:0.4rem;
}
.fs-7 {
    font-size:0.7rem;
}
.ms-n-1 {
    margin-left:-15px;
}
.twitter-bg-col {
    background: #1DA1F2;
}
.border-dash {
    border-style: dashed !important;
}
.trans-up {
    transform: scale(1.2,1.2);
}
.transition-1 {
    transition:all 0.1s ease-in-out;
}
.transition-2 {
    transition:all 0.2s ease-in-out;
}
.transition-3 {
    transition:all 0.3s ease-in-out;
}
.transition-4 {
    transition:all 0.4s ease-in-out;
}
.transition-5 {
    transition:all 0.5s ease-in-out;
}
.newrdi input[type=checkbox], .set input[type=checkbox], .radi-bt > label input[type=radio] {
    position: absolute;clip: rect(0, 0, 0, 0);pointer-events: none;
}
.newrdi label input[type="radio"] ~ i.nocheck {
    color: #e2e2e3;
}
.radi-bt label input[type="radio"]:checked ~ i.nocheck, .radi-bt label input[type="radio"] ~ i.yescheck, 
.set input[type=checkbox] {
    display: none;
}
.radi-bt label input[type="radio"]:checked ~ i.yescheck {
    color: #0068cf;display: inline;
}
input:checked + label.ch span {
    background: #0068cf;border: 1px solid #0068cf;transition: 1s;
}
input:checked + label.ch span i {
    opacity: 1 !important;
}
.hover:hover{
    background: #f1f1f1;
}
.hover-white:hover{
    background: rgba(255,255,255,0.9) !important;color:#000 !important;
}
.carousel-control-next, .carousel-control-prev {
    width: 6%;
}
#imageCarousel .carousel-control-next, #imageCarousel .carousel-control-prev {
    width: 12%;
}
#myCarouselT0 .carousel-control-next, #myCarouselT0 .carousel-control-prev {
    width: 15px;
}
.cursor-pointer {
    cursor: pointer;
}

ul {
    margin: 0;
}
.divdescription .curreny-sign p, #pEventDesc p, .spons_sec p {
    margin-bottom: 10px !important;
}
.divdescription .curreny-sign p br, #pEventDesc p br, .spons_sec p br {
    display:none;
}
.divdescription .curreny-sign ul, #pEventDesc ul, .spons_sec ul {
    list-style: disc;
}
.divdescription .curreny-sign ul ul, #pEventDesc ul ul, .spons_sec ul ul {
    list-style: circle;
}
.nav-pills {
    --bs-nav-pills-border-radius: 0.375rem;--bs-nav-pills-link-active-color: #fff;--bs-nav-pills-link-active-bg: rgba(43, 49, 72);
}
.nav-link {
    color: var(--col-secondary-color)
}
.nav-pills .nav-link:hover, .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    border: none;color: #fff !important;background: var(--col-primary-color) !important;
}

label.claass {
    position: absolute;pointer-events: none;left: 1rem;top: 0.8rem;transition: 0.2s ease all;color: rgba(108, 117, 125);
}

label.claass.ms-4 {
    top: 0.8rem;
}
.nav-underline .nav-link.active, .nav-underline .show > .nav-link, .nav-underline .nav-link:focus, .nav-underline .nav-link:hover {
    color: var(--bs-red) !important;font-weight:normal !important;
    border-bottom-color: var(--bs-red) !important;
}
#raffleaccordion .nav-pills .nav-link:hover, #raffleaccordion .nav-pills .nav-link.active, #raffleaccordion .nav-pills .show > .nav-link {
    color: #000 !important;background: #fff !important;
}
.contu-email label.claass {
    left: 4rem;
}

#login-tab .nav-link:hover {
    color: black !important;background-color: white !important;
}

#login-tab .nav-link.active, .nav-pills .show > .nav-link {
    color: #1530e0 !important;background-color: white !important;border-bottom: 5px solid blue !important;font-size: 1.2rem !important;
}

#navbar-menu .nav-pills .nav-link:hover, #navbar-menu .nav-pills .nav-link.active {
    background-color: var(--bs-red) !important;color: #fff !important;
}

#navbar-menu .nav-pills .nav-link:hover i, #navbar-menu .nav-pills .nav-link.active i,
.chat-box-block .menu_login_btn #aremovecache.login-livepool:hover .text-red-col {
    color: #fff !important;
}

input:focus ~ label, textarea:focus ~ label, .iti--allow-dropdown ~ label, select ~ label.claass, .form-control_new ~ label.claass, input:disabled ~ label,
input:valid ~ label, textarea:valid ~ label, #primaryattendeephonenumdiv label, #attendeephonenumberdiv label, #sponsorcontactnumdiv label, #primaryspeakerphonenumdiv label, #exampleModalLabel input label {
    top: -0.5rem;font-size: 0.8rem;background: #fff;padding: 0 0.3rem;left: 0.6rem;border-radius:6px;
}
input:focus ~ label.claass.ms-4, input:valid ~ label.claass.ms-4 {
    top: -0.5rem;
}

.toggle-password, .toggle-email {
    right: 10px;top: 12px;
}
.fw-sm {
    font-weight: 500 !important;
}
.ellipsis-hor {
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.ellipsis-var {
    display: -webkit-box;max-width: 100%;margin: 0;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;
}
.ellipsis-col-1 {
    -webkit-line-clamp: 1;
}
.ellipsis-col-2 {
    -webkit-line-clamp: 2;
}
.ellipsis-col-3 {
    -webkit-line-clamp: 3;
}
.ellipsis-col-4 {
    -webkit-line-clamp: 4;
}
.ellipsis-col-5 {
    -webkit-line-clamp: 5;
}
.ellipsis-col-6 {
    -webkit-line-clamp: 6;
}
.mt-7 {
    margin-top:7rem !important;
}
.right-0 {
    right: 0;
}

.right-5 {
    right: 5px;
}

.right-10 {
    right: 10px;
}

.right-15 {
    right: 15px;
}

.right-20 {
    right: 20px;
}

.right-25 {
    right: 25px;
}

.right-30 {
    right: 30px;
}

.right-35 {
    right: 35px;
}

.right-40 {
    right: 40px;
}

.right-45 {
    right: 45px;
}

.right-50 {
    right: 50px;
}

.right-60 {
    right: 60px;
}

.right-70 {
    right: 70px;
}

.right-80 {
    right: 80px;
}

.right-90 {
    right: 90px !important;
}

.right-100 {
    right: 100px;
}
.right-110 {
    right: 110px !important;
}
.right-115 {
    right: 115px !important;
}
.right-120 {
    right: 120px;
}
.right-140 {
    right: 140px;
}
.right-160 {
    right: 160px;
}
.right-120 {
    right: 120px;
}
.right-10-{
    right:-10px;
}
.right-20-{
    right:-20px;
}
.right-15-{
    right:-15px;
}
.right-30-{
    right:-30px;
}
.right-40-{
    right:-40px;
}
.right-50-{
    right:-50px;
}
.right-60-{
    right:-60px;
}
.right-70-{
    right:-70px;
}
.right-80-{
    right:-80px;
}
.right-90-{
    right:-90px;
}
.left-0 {
    left: 0 !important;
}

.left-5 {
    left: 5px;
}

.left-10 {
    left: 10px;
}

.left-15 {
    left: 15px;
}

.left-20 {
    left: 20px;
}

.left-25 {
    left: 25px;
}

.left-30 {
    left: 30px;
}

.left-35 {
    left: 35px;
}

.left-40 {
    left: 40px;
}

.left-45 {
    left: 45px;
}

.left-50 {
    left: 50px;
}
.left-60 {
    left: 60px;
}
.left-70 {
    left: 70px;
}
.left-80 {
    left: 80px;
}
.left-90 {
    left: 90px;
}
.left-100 {
    left: 100px;
}
.left-110 {
    left: 110px;
}
.left-120 {
    left: 120px;
}
.left-130 {
    left: 130px;
}
.left-140 {
    left: 140px;
}
.left-150 {
    left: 150px;
}
.left-160 {
    left: 160px;
}
.left_5-{
    left:-5px;
}
.left_10-{
    left:-10px;
}
.left_15- {
    left:-15px;
}
.left_20- {
    left:-20px;
}
.left_30- {
    left:-30px;
}
.left_40- {
    left:-40px;
}
.left_50- {
    left: -50px;
}
.left_60- {
    left: -60px;
}
.left_70- {
    left: -70px;
}
.left_80- {
    left: -80px;
}
.left_90- {
    left: -90px;
}
.left_percentage-100 {
    left:100%;
}
.top-0 {
    top: 0;
}

.top-5 {
    top: 5px;
}

.top-10 {
    top: 10px;
}

.top-15 {
    top: 15px;
}

.top-20 {
    top: 20px;
}

.top-25 {
    top: 25px;
}

.top-30 {
    top: 30px;
}

.top-35 {
    top: 35px;
}

.top-40 {
    top: 40px;
}

.top-45 {
    top: 45px;
}

.top_50 {
    top: 50px;
}
.top-55 {
    top: 55px;
}
.top-60 {
    top: 60px;
}
.top-70 {
    top: 70px;
}
.top-80 {
    top: 80px;
}
.top-90 {
    top: 90px;
}
.top-110 {
    top: 110px;
}
.top-120 {
    top: 120px;
}
.top-130 {
    top: 130px;
}
.top-140 {
    top: 140px;
}
.top-40-40 {
    top: 40%;
}
.top-40-42 {
    top: 42%;
}
.top-15-min {
    top:-15px;
}
.top-20-min {
    top:-20px;
}
.top-25-min {
    top:-25px;
}
.top-30-min {
    top:-30px;
}
.bottom-5 {
    bottom: 5px;
}

.bottom-10 {
    bottom: 10px;
}

.bottom-15 {
    bottom: 15px;
}
.bottom-20 {
    bottom: 20px;
}
.bottom-25 {
    bottom: 25px;
}
.bottom-30 {
    bottom: 30px;
}
.bottom-35 {
    bottom: 35px;
}
.bottom-40 {
    bottom: 40px;
}
.bottom-45 {
    bottom: 45px;
}
.bottom_50px {
    bottom: 50px;
}
.bottom_60 {
    bottom: 60px;
}
.bottom_70 {
    bottom: 70px;
}
.bottom_80 {
    bottom: 80px;
}
.bottom_90 {
    bottom: 90px;
}
.bottom_100 {
    bottom: 100px;
}
.bottom_110 {
    bottom: 110px;
}
.bottom_120 {
    bottom: 120px;
}
.bottom_130 {
    bottom: 130px;
}
.bottom_140 {
    bottom: 140px;
}
.bottom_150 {
    bottom: 150px;
}
.bottom-down-20{
    bottom:-20px
}
.progress{
    height:0.8rem;
}
#google_translate_element select {
    display: block;width: 100%;height: calc(2.25rem + 2px);padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;
    line-height: 1.5;color: #495057;height: 40px !important;background-color: #fff;background-clip: padding-box;border: 1px solid #b4b8bb;
    border-radius: 0.25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.z-index-0 {
    z-index: 0;
}
.z-index-1 {
    z-index: 1;
}
.z-index-2 {
    z-index: 12;
}
.z-index-3 {
    z-index: 123;
}
.z-index-3-5 {
    z-index: 1050;
}
.z-index-4 {
    z-index: 1234;
}
.z-index-5 {
    z-index: 12345;
}
.z-index-6 {
    z-index: 123456;
}
.z-index-7 {
    z-index: 1234567;
}
.z-index-8 {
    z-index: 12345678;
}
.z-index-9 {
    z-index: 123456789;
}
.bg-none {
    background: none !important;
}
.mt-min-200 {
    margin-top: -200px;
}
.shadow-et {
    box-shadow: 0px 0px 18px rgb(47 49 53 / 8%) !important;
}
.shadow-et-li {
    box-shadow: 0px 0px 10px rgb(47 49 53 / 15%) !important;
}
.shadow-et-wh {
    box-shadow: 0px 0px 6px rgb(255 255 255 / 30%) !important;
}
.shadow-et-wh-hover {
    box-shadow: 0px 0px 12px rgb(255 255 255 / 30%) !important;
}
.diymond-icon {
    bottom: 7px;
    left: -7px;
}
.radio-icon input[type="checkbox"], .radio-icon input[type="radio"] {
    position: absolute;clip: rect(0,0,0,0);pointer-events: none;
}
label input[type="radio"]:checked ~ i.icon-check_circle_outline {
    display: none
}
 label input[type="radio"] ~ i.icon-check_circle_outline {
    color: #c8c8c8;display: inline;
}
label input[type="radio"] ~ i.icon-check_circle {
    display: none;
}
label input[type="radio"]:checked ~ i.icon-check_circle {
    display: inline
}
.gradin-style {
    background: var(--col-primary-color);
    background: linear-gradient(45deg, var(--col-primary-color) 0%,var(--col-secondary-color) 100%) !important;
}
.gradin-style-50 {
    background: linear-gradient(-50deg, var(--col-primary-color) 0%,var(--col-secondary-color) 100%) !important;
}
.modal-image {
    background: url();
}

.pswd_info-left {
    display: none;position: absolute;left: -270px;top: 0;width: 256px;padding: 10px;background: #fefefe;
    font-size: .875em;border-radius: 5px;box-shadow: 0 1px 3px #ccc;border: 1px solid #b7abab;z-index: 1003;text-align: left;
}
#employerpswd_info > ul, #candidatepswd_info > ul {
    padding: 0;
}
.pswd_info-left::before {
    content: "\25B6";position: absolute;top: 24px;left: 100%;font-size: 19px;line-height: 14px;
    color: #ddd;text-shadow: none;display: block;
}
.validationfail {
    border-color: indianred !important;
}
.registervalidationfail {
    border-color: indianred;
}
.animated-gradient {
    animation: animateBg 14s linear infinite;background-image: linear-gradient(90deg,#012c61,#ce3856,#012c61,#ce3856);
    background-size: 300% 100%;
}
.pswd_info-left::before {
    content: "\25B6";position: absolute;top: 24px;color: #ddd;left: 100%;font-size: 19px;
    line-height: 14px;text-shadow: none;display: block;
}
.validationfail, .registervalidationfail {
    border-color: indianred !important;
}
.img {
    -webkit-animation: action 1s infinite alternate;animation: action 1s infinite alternate;
}

@-webkit-keyframes action {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes action {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}
.animated-gradient {
    animation: animateBg 14s linear infinite;background-image: linear-gradient(90deg,#012c61,#ce3856,#012c61,#ce3856);
    background-size: 300% 100%;
}
.pswd_info-right {
    display: none;width: 300px;background: #fefefe;
}
.pswd_info-right::before {
    content: "\25B2";color: #fff;display: block;font-size: 19px;line-height: 14px;
    position: absolute;text-shadow: 0 -1px 1px #d0d0d0;top: -14px;
}
.invalid {
    background: url(https://d2r3fkmprkayl1.cloudfront.net/cross.png) no-repeat 0 50%;color: #ec3f41;
}
.valid {
    background: url(https://d2r3fkmprkayl1.cloudfront.net/tick.png) no-repeat 0 50%;color: #3a7d34;
}
.winnerSelection-body {
    background: url(https://etmainwebsite.s3.amazonaws.com/Tickets99/Winner-Selection-bg.jpg) no-repeat center center;
    background-size:cover;
}
/*.form-check-input {
    width: 1.5em;height: 1.5em;
}*/
.form-switch .form-check-input {
    width: 2.4em;
}
.youtube-Bcol {
    background: #FF0000;
}
.facebook-Bcol {
    background: #3b5998;
}
.linkDin-Bcol {
    background: #0072b1;
}
.twitter-Bcol {
    background: #e2e3e5;
}
.instagram-Bcol {
    background: #bc2a8d;
}
.global-Bcol {
    background: #4352b0;
}
.navigate-Bcol {
    background: #008585;
}
.youtube-col {
    color: #FF0000;
}
.facebook-col {
    color: #3b5998;
}
.linkDin-col {
    color: #0072b1;
}
.twitter-col {
    color: #e2e3e5;
}
.instagram-col {
    color: #bc2a8d;
}
.global-col {
    color: #4352b0;
}
.navigate-col {
    color: #008585;
}

.templa-lis li {
    background: #570058;
}
.templa-lis li:nth-of-type(2) {
    background: #111;
}
.templa-lis li:nth-of-type(3) {
    background: #171766;
}
.templa-lis li:nth-of-type(4) {
    background: #2b3148;
}
.templa-lis li:nth-of-type(5) {
    background: #7e0005;
}
.thehed {
    width: 100%;height: 10px !important;
}
.theme1 {
    background: #111;
}
.theme2 {
    background: #171766;
}
.theme3 {
    background: #2b3148;
}
.theme4 {
    background: #7e0005;
}
.theme5 {
    background: #570058;
}
.theme1 #pagesno, .theme2 #pagesno, .theme3 #pagesno, .theme4 #pagesno, .theme5 #pagesno, 
.theme1 .Displaying-box, .theme2 .Displaying-box, .theme3 .Displaying-box, .theme4 .Displaying-box, .theme4 .Displaying-box,
.theme1 .spansurveyname, .theme2 .spansurveyname, .theme3 .spansurveyname, .theme4 .spansurveyname, .theme5 .spansurveyname {
    color: #fff !important;
}
.modal {
    animation: zoom-out 0.5s ease-out;
}
.modal.show {
    animation: zoom-in 0.5s ease-out;
}
@keyframes zoom-in {
    0% {
        opacity: 0;transform: scale(0.1);display: none;
    }

    100% {
        opacity: 1;transform: scale(1);display: block;
    }
}

@keyframes zoom-out {
    0% {
        opacity: 1;transform: scale(1);display: block;
    }

    100% {
        opacity: 0;transform: scale(0);display: none;
    }
}
.trdi, .nmbt, .redtrdi {
    border: 0 solid #012880;position: relative;
    background-image: linear-gradient(-180deg, #288d2d 0%, #288d2d 100%);
    box-shadow: 0 0 14px 0 rgba(29, 159, 35,.50), 0 -0.25rem 1.5rem rgba(29, 159, 35, 1) inset, 0 0.75rem 0.5rem rgba(255,255,255, 0.4) inset, 0 0.25rem 0.5rem 0 rgba(29, 159, 35, 1) inset;
}
.redtrdi {
    background-image: linear-gradient(-180deg, #ec2626 0%, #f33a3a 100%) !important;
    box-shadow: 0 0 14px 0 rgba(243, 58, 58,.50), 0 -0.25rem 1.5rem rgba(243, 58, 58, 1) inset, 0 0.75rem 0.5rem rgba(255,255,255, 0.4) inset, 0 0.25rem 0.5rem 0 rgba(243, 58, 58, 1) inset !important;
}
.nmbt {
    background-image: linear-gradient(-180deg, #f8f8f8 0%, #f8f8f8 100%) !important;
    box-shadow: 0 0 14px 0 rgba(208, 208, 208,.50), 0 -0.25rem 1.5rem rgba(208, 208, 208, 1) inset, 0 0.75rem 0.5rem rgba(255,255,255, 0.4) inset, 0 0.25rem 0.5rem 0 rgba(208, 208, 208, 1) inset !important;
}
.filter_b, .topicin span.active {
    border: 0 solid #012880;background-image: linear-gradient(-180deg, #04284b 0%, #04284b 100%);
    box-shadow: 0 0 14px 0 rgba(5, 55, 105,.50), 0 0rem 1rem rgba(5, 55, 101, 1) inset, 0 0.75rem 0.5rem rgba(255,255,255, 0.4) inset, 0 0.25rem 0.5rem 0 rgb(4, 41, 78) inset;
}
.trdi::before {
    content: "";display: block;height: 0.25rem;position: absolute;top: 0.5rem;left: 50%;
    transform: translateX(-50%);width: calc(100% - 7.5rem);background: #fff;border-radius: 100%;opacity: 0.7;
    background-image: linear-gradient(-270deg, rgba(255,255,255,0.00) 0%, #FFFFFF 20%, #FFFFFF 80%, rgba(255,255,255,0.00) 100%);
}
.trdi::after {
    content: "";display: block;height: 0.25rem;position: absolute;bottom: 0.75rem;left: 50%;opacity: 0.05;
    transform: translateX(-50%);width: calc(100% - 7.5rem);background: #fff;border-radius: 100%;filter: blur(1px);
    background-image: linear-gradient(-270deg, rgba(255,255,255,0.00) 0%, #FFFFFF 20%, #FFFFFF 80%, rgba(255,255,255,0.00) 100%);
}
.onliDem {
    background: #13243f;background: -moz-linear-gradient(top, #13243f 0%, #1a3051 100%);
    background: -webkit-linear-gradient(top, #13243f 0%,#1a3051 100%);background: linear-gradient(to bottom, #13243f 0%,#1a3051 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13243f', endColorstr='#1a3051',GradientType=0 );
}
.onliDem i {
    color: var(--bs-secondary-theme-color)
}
/*.ond i {
    margin-right: 2px;animation: move 3s infinite ease-in-out;
}*/
svg {
    max-width: 100%; /* Make sure the SVG doesn't exceed the container's width */
    height: auto; /* Adjust height automatically */
}
#faqExample .faq-List > h5:after {
    content: "\ed51";float: right;font-family: 'icomoon' !important;padding: 15px 10px; font-size: 24px;color: #999;position:absolute;right:0;
}
#faqExample.help-page .faq-List > h5:after {
    position:absolute;right:0;top:-12px;
}

#faqExample .faq-List > h5.collapsed:after {
    content: "\ed4e";
}
.ribbon-box {
    background: url(https://etmainwebsite.s3.amazonaws.com/Tickets99/Ribbon-1.png) no-repeat 0 center;
    background-size: 55%; height:30px;
}
.compny-date .onliDem {
    background: #f00;font-weight: bold;padding: 8px 0;font-size: 22px;
}
@keyframes move {
    0% {
        transform: scale(1) rotate(0deg);transition: 1s;
    }

    100% {
        transform: scale(1.3) rotate(0.1deg);transition: 1s;
    }
}
.glass-effect1 {
    background: rgb(49 118 177 / 60%);
}
.imageBox {
    height: 500px;cursor: move;
}
.imageBox .thumbBox {
    box-sizing: border-box;box-shadow: 0 0 0 1000px rgb(0 0 0 / 70%);background: none repeat scroll 0% 0% transparent;
}
.my-profi-crop {
    height: 420px;
}
.my-profi-crop .thumbBox {
    width: 400px;height: 400px;
}
main {
    min-height: 810px;
}
.new_login_bg {
    background: linear-gradient(180deg, #ECCE17 23%, #fff 23%);
}
.allownotificationbtn:hover > .helpshow {
    display:block !important;
}
.agenda_digital_bg {
    background: url(https://d2r3fkmprkayl1.cloudfront.net/Tickets99/didital-bg-img.png) no-repeat center 0;
    background-size: cover;
}
.rafflewinnerselection .agenda_digital_bg {
    background: url(https://etmainwebsite.s3.amazonaws.com/Tickets99/Winner-Selection-bg.jpg) no-repeat center 0;
    background-size: cover;
}
.padt th {
    padding-top: 70px !important;
}
.marquee {
    position: relative;width: 100vw;max-width: 100%;height: 40px;overflow-x: hidden;font-weight:bold;
}

.track {
    position: absolute;white-space: nowrap;will-change: transform;animation: marquee 40s linear infinite;
}
.shadow-lg1 {
    box-shadow: 1rem 1rem 0rem rgba(0, 0, 0, 0.06) !important;
}
@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
.image-animetion:after {
    content: "";position: absolute;width: 200%;height: 0%;left: 50%;top: 50%;z-index: 1;
    background-color: rgba(255, 255, 255, 0.3);transform: translate(-50%, -50%) rotate(-45deg);   
}
.image-animetion:hover:after {
    height: 250%;transition: all 600ms linear;background-color: transparent;
}
.answersview input:focus ~ label, .answersview textarea:focus ~ label, .answersview .iti--allow-dropdown ~ label,
.answersview select ~ label.claass, .answersview .form-control_new ~ label.claass, .answersview input:disabled ~ label,
.answersview input:valid ~ label, .answersview textarea:valid ~ label {
    --bs-bg-opacity: 0.25;--bs-border-opacity: 0.25;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.answersview input:checked + label.ch span {
    background: #fff;
    transition: 1s;color:#000;
}
.answersview .form-control, .answersview .form-select, .answersview .form-control::placeholder {
    color: rgba(255, 255, 255, .8) !important;
}
.answersview .form-control:focus, .answersview .form-select:focus {
    color: rgba(255, 255, 255, .8);border-color: rgb(134 183 254) !important;
    box-shadow: 0 0.5rem 1rem rgba(134, 183, 254, 0.4);
}
.answersview .fs-dropdown {
    width:98%;
}
.answersview .radi-bt label input[type="radio"]:checked ~ i.yescheck {
    color: #fff;
}
.answersview select option {
    color: #222 !important;
}

/* ============================== Animation Css Start ===========================*/
/*
:root {
    --animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);--animation-duration: 1s;
}

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;transform: translateY(25%);
    }

    100% {
        opacity: 1;transform: none;
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;transform: translateY(25%);
    }

    100% {
        opacity: 1;transform: none;
    }
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;transform: translateY(-25%);
    }

    100% {
        opacity: 1;transform: none;
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;transform: translateY(-25%);
    }

    100% {
        opacity: 1;transform: none;
    }
}

@-webkit-keyframes slideInleft {
    0% {
        opacity: 0;transform: translateX(25%);
    }

    100% {
        opacity: 1;transform: none;
    }
}

@keyframes slideInleft {
    0% {
        opacity: 0;transform: translateX(25%);
    }

    100% {
        opacity: 1;transform: none;
    }
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;transform: translateX(-25%);
    }

    100% {
        opacity: 1;transform: none;
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;transform: translateX(-25%);
    }

    100% {
        opacity: 1;transform: none;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;transform: scale(0.75);
    }

    100% {
        opacity: 1;transform: none;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;transform: scale(0.75);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@-webkit-keyframes zoomReverseIn {
    0% {
        opacity: 0;transform: scale(1.25);
    }

    100% {
        opacity: 1;transform: none;
    }
}

@keyframes zoomReverseIn {
    0% {
        opacity: 0;transform: scale(1.25);
    }
    100% {
        opacity: 1;transform: none;
    }
}

@-webkit-keyframes flipInY {
    0% {
        opacity: 0;transform: perspective(90vw) rotateY(67.5deg);
    }
    100% {
        opacity: 1;transform: none;
    }
}

@keyframes flipInY {
    0% {
        opacity: 0;transform: perspective(90vw) rotateY(67.5deg);
    }
    100% {
        opacity: 1;transform: none;
    }
}

[data-animation] {
    opacity: 0;-webkit-animation-timing-function: var(--animation-timing-function);
    animation-timing-function: var(--animation-timing-function);-webkit-animation-fill-mode: both;
    animation-fill-mode: both;-webkit-animation-duration: var(--animation-duration);
    animation-duration: var(--animation-duration);will-change: transform, opacity;
}

.animations-disabled, .animations-disabled [data-animation] {
    -webkit-animation: none !important;animation: none !important;opacity: 1 !important;
}

.slideInUp {
    -webkit-animation-name: slideInUp;animation-name: slideInUp;
}

.slideInDown {
    -webkit-animation-name: slideInDown;animation-name: slideInDown;
}

.slideInLeft {
    -webkit-animation-name: slideInleft;animation-name: slideInleft;
}

.slideInRight {
    -webkit-animation-name: slideInRight;animation-name: slideInRight;
}

.fadeIn {
    -webkit-animation-name: fadeIn;animation-name: fadeIn;
}

.zoomIn {
    -webkit-animation-name: zoomIn;animation-name: zoomIn;
}

.zoomReverseIn {
    -webkit-animation-name: zoomReverseIn;animation-name: zoomReverseIn;
}

.flipInY {
    -webkit-animation-name: flipInY;animation-name: flipInY;
}

.flipOutY {
    -webkit-animation-name: flipInY;animation-name: flipInY;animation-direction: reverse;
}*/
/* ============================== Animation Css End ===========================*/
/*========================== Loading Css Start =======================*/
.loader__wrap {
    background-color: #2c294fcc;
}

.loader {
    --sz: 7rem;
}

.loader__sq {
    --p-sz: calc(var(--sz) / 4);
}

.loader__sq::before, .loader__sq::after {
    width: var(--p-sz);height: var(--p-sz);content: "";position: relative;transform: translateY(calc((var(--sz) - var(--p-sz)) * -1));
    animation: loader-box-bounce 0.5s cubic-bezier(0.3, 0.5, 0.4, 0.95) calc(var(--i) * 0.06s) infinite alternate-reverse;
}

.loader__sq:first-of-type {
    margin-right: var(--m-offset);
}

.loader__sq:first-of-type::before {
    --i: 1;border: 3px solid #ff7ab5;border-radius: 50%;
}

.loader__sq:first-of-type::after {
    --i: 3;background-color: #c643fb;
}

@supports ((-webkit-clip-path: circle()) or (clip-path: circle())) {
    .loader__sq:first-of-type::after {
        -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
    }
}

.loader__sq:nth-of-type(2)::before {
    --i: 2;border: 3px solid #ffb650;
}

.loader__sq:nth-of-type(2)::after {
    --i: 4;background-color: #2fe2dd;border-radius: 50%;
}

@supports ((-webkit-clip-path: circle()) or (clip-path: circle())) {
    .loader__sq:nth-of-type(2)::after {
        border-radius: 0;-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
        clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    }
}

@-webkit-keyframes loader-box-bounce {
    to {
        transform: translateY(0);
    }
}

@keyframes loader-box-bounce {
    to {
        transform: translateY(0);
    }
}

/*========================== Loading Css Start =======================*/

@media (max-width: 2560px) {
    .item-type {
        width: 30%;
    }
    #PreferencesScrolling, #chatsScroll, #groupChatsScroll, #groupChatsScroll, #livePollScroll, #qAScroll,
    #donationScroll, #IndividualChatScroll, #NotificationScrolling {
        right: 85px !important;
    }
    .donation_width {
        width: 30% !important;
    }
}
@media (max-width: 1790px) {
    .h6, h6 {
        font-size: 0.9rem;
    }
}
@media (max-width: 1550px) {
    .fs-xl {
        font-size: 3rem !important;
    }
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .fs-lg {
        font-size: 2.5rem !important;
    }
    .h2, h2 {
        font-size: 1.8rem !important;
    }
}
@media (max-width: 1440px) {
    .form-control, .form-select {
        line-height: 1.5;
    }
    .h5, h5 {
        font-size: 1.1rem;
    }
    .form-control {
        font-size: 0.8rem;
    }
    label.claass {
        top: 0.3rem;
    }
    .btn {
        --bs-btn-font-size: 0.8rem;
    }
    .lh-base {
        line-height: normal !important;
    }
    .fs-5, .h6, h6 {
        font-size: 0.8rem !important;
    }
    .iconSize {
        width: 30px;height: 30px;
    }
    .iconSize-nor {
        width: 36px;height: 36px;
    }
    .iconSize-xl {
        width: 90px;height: 90px;
    }
    .iconSize-lg {
        width: 70px;height: 70px;
    }
    .fs-md {
        font-size: 2rem !important;
    }
}
@media (max-width: 1367px) {
    .fs-xxl {
        font-size: 3rem !important;
    }
    .fs-xl {
        font-size: 2.5rem !important;
    }
    .fs-md {
        font-size: 2rem !important;
    }
    .iconSize-lg {
        width: 60px;height: 60px;
    }
    .form-control, .form-select {
        line-height: 2;
    }
    .fs-7rem {
        font-size: 5rem !important;letter-spacing: -8px;
    }
}
@media (max-width: 1199px) {
    .form-control, .form-select {
        line-height: 1.5;
    }
    .login-container .form-control, .login-container .form-select {
        line-height: 2.2;
    }
    .small, small {
        font-size: .8em;
    }
    .pswd_info-left {
        left: 0px !important;top: 80px !important;
    }
    .alert {
        width:90% !important;
    }
    .modal-xxl {
        max-width: 100% !important;
    }
    .fs-7rem {
        font-size: 3.8rem !important;letter-spacing: -6px;
    }
    .fs-xxxl {
        font-size: 4rem !important;
    }
}
@media (max-width: 991px) {
    :root {
        --tc-offcanvas-width: 100%;--tc-offcanvas-width-1: 100%;
    }
    .iconSize-sm {
        width: 50px;height: 50px;
    }
    .mt-min-200 {
        margin-top: 15px;
    }
    .form-control {
        font-size: 1rem;
    }
    .fs-5, .h6, h6 {
        font-size: 1rem !important;
    }
    #PreferencesScrolling, #chatsScroll, #groupChatsScroll, #groupChatsScroll, #livePollScroll, #qAScroll,
    #donationScroll, #IndividualChatScroll, #NotificationScrolling {
        right: 0px !important;z-index: 1234;
    }
    .h-auto1 {
        height:auto !important;
    }
}
@media (max-width: 767px) {
    .form-control, .form-select {
        line-height: 1.7;
    }
    .fs-xxxl {
        font-size: 3rem !important;
    }
    .fs-lg {
        font-size: 2rem !important;
    }
    .iconSize-nor {
        width: 40px;height: 40px;
    }
    .iconSize-big {
        width: 130px;height: auto;
    }
    label.claass {
        top: 0.7rem;
    }
    .padt th {
        padding-top: 102px !important;
    }
    .iconSize-sm {
        width: 50px;height: 50px;
    }
    .border-top-m {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
}
@media (max-width: 575px) {
    [class^="icon-"].fs-8 {
        font-size: 0.4rem;
    }
    .small, small {
        font-size: .8em;
    }
    .iconSize-xl {
        width: 70px;height: 70px;
    }
    .mw-50 {
        min-width: 40px !important;
    }
    .w-m-100 {
        width:100% !important;
    }
    .form-control, .form-select {
        line-height: 1.9;
    }
    .iconSize-big {
        width: 100px;
    }
    .title-price h1 br, .tab-block2 h2 br {
        display: none;
    }
    .fs-lg {
        font-size: 1.5rem !important;
    }
    .h1, h1 {
        font-size: calc(1.5rem);
    }
    .h4, h4 {
        font-size: calc(1.2rem);
    }
    .fs-4 {
        font-size: calc(1rem + .3vw) !important;
    }
    .h5, h5 {
        font-size: 1.1rem;
    }
    .fs-7rem {
        font-size: 3.5rem !important;
    }
    .fs-xxl {
        font-size: 2rem !important;
    }
    .fs-xxxl {
        font-size: 2.5rem !important;
    }
    .iconSize-xxxl {
        width: 80px;height: 80px;
    }
    .mm-80 {
        margin-top: -40px;
    }
    .iconSize-nor {
        width:40px;height:40px;
    }
    .swarnagiri-following .iconSize-w-70 {
        width: 50px;
    }
}
@media (max-width: 430px) {
    .fs-7rem {
        font-size: 2.8rem !important;letter-spacing: -4px;
    }
    .fs-xxxl {
        font-size: 1.8rem !important;
    }
    .fs-xl {
        font-size: 1.5rem !important;
    }
    .fs-md {
        font-size: 1.3rem !important;
    }
    .iconSize-big {
        width: 80px;
    }
    .h2, h2 {
        font-size: calc(1rem + .9vw);
    }
    .top-event-body .text-md-end .pb-xl-5 h2 {
        font-size: 1.3rem;
    }
    .iconSize-sm {
        width: 45px;height: 45px;
    }
}
@media (max-width: 400px) {
    .iconSize-big {
        width: 75px;
    }
    .fs-xl {
        font-size: 1.2rem !important;
    }
    .fs-md {
        font-size: 1rem !important;
    }
    .fs-7rem {
        font-size: 2.7rem !important;
    }
}
@media (max-width: 361px) {
    .swarnagiri-following .iconSize-w-70 {
        width: 40px;
    }
}
@media (max-width: 321px) {
    .nav-link {
        --bs-nav-link-padding-x: 0.5rem;
    }
    .addNotBtn i, #divchatname .icon-tv {
        display: none;
    }
    .iconSize {
        width: 30px;height: 30px;
    }
    .iconSize-nor {
        width: 35px;height: 35px;
    }
    .iconSize-w-80 {
        width: 60px;
    }
    .iconSize-big {
        width: 85px;
    }
    .lh-lg {
        line-height: 1.5 !important;
    }
    .fs-lg {
        font-size: 1rem !important;
    }
    .h4, h4 {
        font-size: calc(1rem);
    }
    .h2, h2 {
        font-size: calc(1.1rem + .9vw);
    }
}