.table-points .row.pink-row div,
.section-carousel-products .modal-body::-webkit-scrollbar-thumb:hover,
.section-carousel-products .modal-body::-webkit-scrollbar-thumb {
    background: #ffffff;
    }
    #messageTxtx p,
    .footer-botton,
    .row-user-data .name-and-code p,
    .list-cards .card .icon-and-txt svg,
    .section-gift-boxes .item-certificate .button-price span,
    .section-two-boxes .box-item .icon-with-text .bi,
    .user-and-lang .dropdown-menu ul a span.left-icon,
    .section-carousel-products .modal-title {
    color: #ffffff!important;
    }
    .section-history-points .item-icon,
    .name-initials span {
    border: 1px solid #ffffff;
    }
    .switch-item .form-check-input:checked {
    background-color: #ffffff;
    border-color: #ffffff;
    }
    .section-history-points .inner-box-item,
    .list-boxes-account .card,
    .user-and-lang .dropdown-menu,
    .section-two-boxes .box-item,
    .section-content-page .card.authentication-left-box,
    .list-cards .card {
    background: rgba(255, 255, 255, 0.25);
    }
    .table-points .row div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    background: #040a2b;
    }
    .new-password .input-group input,
    .form-group input {
    border-bottom: 1px solid #ffffff;
    }
    .section-contactus textarea,
    .section-contactus .form-select,
    .form-control:focus {
    border-color: #ffffff;
    }
    .section-cashout-points .brown-section,
    .section-table-banefits.color-brown {
    background: #ffffff;
    }
    .section-new-password label {
    color: #ffffff !important;
    }
    .icon-person,
    .section-content-page .header-lang .dropdown-toggle:not(.userData) span {
    border: 1px solid rgba(255, 255, 255, 1);
    }
    .section-carousel-products .modal-content {
    background: rgba(255, 255, 255, 1);
    }
    .linkAbh a,
    .section-footer ul a,
    .section-content-page .header-lang,
    .section-content-page .header-lang .dropdown-menu .dropdown-item,
    .section-content-page .header-lang .dropdown-toggle:not(.userData),
    .section-boxes .boxItem .item-body,
    .list-dark-boxes .text-item,
    .section-boxes .boxItem .item-body span,
    .user-and-lang span,
    .userData .username,
    .switch-item .form-check-label,
    .section-gift-boxes .gift-box > span,
    .section-gift-boxes .gift-box .h3,
    .gift-points,
    .text-with-line-left span,
    .section-cashout-points .brown-section .section-content .h2,
    .section-cashout-points .brown-section .section-content p,
    .section-table-banefits .pt__option .pt__option__item .pt__item .table-item-row,
    .section-table-banefits .pt__option .pt__option__item .pt__item .table-item-row p,
    .section-table-banefits .pt__option .pt__option__item .pt__item .table-item-row.fs-2,
    .rewards-page h1,
    .section-carousel-products .products-list .product-subtitle,
    .section-carousel-products .products-carousel .slick-slide .product-subtitle,
    .section-carousel-products .products-list span,
    .section-carousel-products .products-carousel .slick-slide span,
    .section-carousel-products .products-list .product-title,
    .section-carousel-products .products-carousel .slick-slide .product-title,
    .section-two-boxes .box-item .icon-with-text,
    .section-two-boxes .title-with-text,
    .section-win-points .section-tlt,
    .section-win-points .dark-box,
    #otp-form .btn-resend button,
    #otp-form .btn-section,
    .section-history-points .inner-box-item .h2,
    .table-points .row div,
    .section-history-points .inner-box-item,
    .section-history-points h1,
    #NewPassword-success h2,
    .section-content,
    .section-transfer-points h1,
    .section-qrcode h1,
    .section-qrcode p,
    .section-my-account .card-body label.control-label,
    .section-my-account h1,
    .info-my-account .h2,
    .row-user-data,
    .row-user-data .name-and-code .h2,
    .header-video-item .header-title .h1,
    .form-group input,
    .new-password .input-group input,
    .form-group label,
    .section-mycard-page h1,
    .section-mycard-page h2,
    .section-mycard-page p
    {
    color: rgba(255, 255, 255, 1)!important;
    }
    .section-gift-certificates,
    .section-carousel-products .modal-body::-webkit-scrollbar-track {
    background: #040a2b;
    }
    .section-win-points .dark-box,
    .list-dark-boxes .text-item,
    .section-boxes .boxItem {
    background: #ffffff;
    }

    #submit-btn,
    .btn-primary {
    background-color: #000000;
    color: #ffffff;
    }
    #submit-btn:hover,
    .btn-primary:hover {
    background-color: #040a2b;
    color: #ffffff;
    }
    .btn:focus-visible,
    .btn:active {
    background-color: #040a2b !important;
    color: #ffffff !important;
    }
    .icon-image{
    background-color: #000000;
    color: rgba(4, 10, 43, 1);
    }
    .new-password a {
    color:#000000;
    }
    .section-reset-pass input,
    .authentication-boxes input {
    color: rgba(255, 255, 255, 1) !important;
    border-bottom: 1px solid #ffffff;
    }
#registration-form input {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    -webkit-background-clip: text !important;
    background-clip:  text !important;
  }
    input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active,
	textarea:-webkit-autofill,
	textarea:-webkit-autofill:hover,
	textarea:-webkit-autofill:focus,
	select:-webkit-autofill,
	select:-webkit-autofill:hover,
	select:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff !important; /* Text color */
    -webkit-box-shadow: 0 0 0px 1000px #000 inset !important; /* Override background */
    background-color: #000 !important; /* Ensure background stays white */
    transition: background-color 5000s ease-in-out 0s;
}


    .section-content-page .card-body label {
    color:#ffffff;
    }
    .section-content-page .navbar {
    border-bottom: 1px solid #ffffff;
    }
    .section-content-page .card-body p,
    .section-content-page .card-body h2,
    .forgot-password a,
    .welcome-text,
    .section-reset-pass p,
    .section-reset-pass h1,
    .welcome-section h1 {
    color: rgba(255, 255, 255, 1)!important;
    }
    .section-content-page .card-body .item-checkbox label {
    color: rgba(255, 255, 255, 1);
    border: 1px solid #ffffff;
    }

    #registration-form input {
    color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid #ffffff;
    }
	body #registration-form input::placeholder {
		color: rgba(255, 255, 255, 1)!important;
	}
    ::placeholder {
    color: rgba(255, 255, 255, 1)!important;
    opacity: 1;
    }

    ::-ms-input-placeholder {
    color: rgba(255, 255, 255, 1)!important;
    }
    .section-content-page .card-body h1,
    .copyright,
    .section-content-page footer .list-group li a,
    .copyright a {
    color: rgba(255, 255, 255, 1) !important;
    }


@font-face {
font-family: 'Chianti BT WGL4';
src: url('/UserFiles/Survey/2/bitstream---chianti-bt-wgl4.ttf')  format('truetype');
}

* {
font-family: 'Chianti BT WGL4', sans-serif;
}

.logo {
  max-width: 300px;
  width: 100%;
}

.left-part::before {
 background: linear-gradient(300deg,#0a1e8e,#1732c8,#030923,#071653);
    background-size: 240% 240%;
    animation: gradient-animation 24s ease infinite;
}
section.questionnaire-container .list-questions .question {
    background-color: transparent;
}

@media only screen and (max-width: 600px) {
 .survey-intro {
   font-size: 1.6rem;
   margin: 3rem 0;
 }
  
 .other-option-container input[type="text"] {
  	font-size: 1.2rem;
  }
  
  .multiple-select {
    max-height: 50vh;
  }
  
  .widget-container {
    margin-top: 2rem;
  }
}
}