.bg-prod {
         background-image: url("../images/product.png");
         background-repeat: no-repeat;
         background-size: contain;
     }

     @media all and (max-width: 991px) {
         .bg-prod {
             background-image: none;
         }

         .h3 span {
             font-size: 1.555rem !important;
         }

         .mob-photo {
             width: 45.333333%;

         }

         .mob-title {
             width: 54.666667%;
             padding-right: 5px !important
         }

         h3,
         .h3 {
             font-size: 1.325rem !important;
         }
     }

     .main-color {
         color: #07D4EE;
     }

     h1,
     .h1 {
         font-size: 1.5rem;
     }

     .p3a7044ee {
         width: 2px !important;
         height: 2px !important;
         border: 0 !important;
         background: none !important;
         border-style: none !important;
         position: absolute;
         bottom: 500px;
     }

     @media (max-width: 768px) {
         .navbar {
             padding: 10px 0;
         }

         .hamburger-box {
             width: 60px;
             height: 60px;
         }

         .site-header__title {
             font-size: clamp(1rem, 0.352rem + 1.88vw, 1.875rem);
             color: #fff;
             margin-bottom: 0;
         }

         .mob-hidden {
             display: block !important;
             font-size: 0.7em !important;
             white-space: normal;
         }

     }

     @media (max-width: 360px) {
         .site-header__title {
             font-size: clamp(0.8rem, 0.352rem + 1.88vw, 1.875rem);
             color: #fff;
             margin-bottom: 0;
         }
     }

     .comment-wrap-c {
         display: flex;
         gap: 20px;
         padding: 0 15px;
     }

     .comment-box-c img {
         margin: 0px !important;
     }

     .comment-box-c textarea {
         margin: 0 0 10px 0 !important;
         width: unset !important;
         text-indent: 0 !important
     }

     .comment-image-labal-c input {
         display: none;
     }

     .comment-image-labal-c {
         width: 80px;
         height: 80px;
         display: block;
         border-radius: 50%;
         overflow: hidden;
         cursor: pointer;
         transition: box-shadow 0.3s ease-in-out;
     }

     .comment-image-labal-c:hover {
         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.2);
     }

     .comment-image-labal-c img {
         width: 100%;
         object-fit: cover;
     }

     .comment-form-c {
         display: flex;
         flex-direction: column;
         width: calc(100% - 100px);
     }

     .comment-form-text,
     .comment-form-name {
         padding: 10px;
         border-radius: 10px;
         border: none;
         font-size: 18px;
         border: 1px solid #c2a2a2;
     }

     .comment-form-name {
         width: 100%;
         display: block;
         font-size: 18px;
         outline: none;
         transition: border-color 0.3s ease-in-out;
         margin-bottom: 10px;
     }

     .comment-form-text {
         resize: none;
         outline: none;
         margin-bottom: 10px;
     }

     .comment-form-text:focus {
         border-color: #3498db;
         box-shadow: 0 0 10px rgba(52, 152, 219, 0.5);
     }

     .comment-form-name:focus {
         border-color: #3498db;
         box-shadow: 0 0 10px rgba(52, 152, 219, 0.5);
     }

     .comment-label-files-c {
         cursor: pointer;
         display: flex;
         align-items: center;
         gap: 10px;
     }

     .comment-label-files-c:hover img {
         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.2);
     }

     .comment-label-files-c input {
         display: none;
     }

     .comment-label-files-c img {
         width: 50px !important;
         aspect-ratio: 1 / 1;
     }

     .comment-label-files-c img {
         font-size: 17px;
     }

     .comment-form-bottom {
         display: flex;
         justify-content: space-between;
     }

     .comment-form-button {
         background-color: blue;
         border: none;
         color: white;
         font-size: 18px;
         cursor: pointer;
         border-radius: 10px;
         padding: 10px 20px;
     }

     @media (max-width: 524px) {
         .comment-label-files-c span {
             font-size: 13px;
         }

         .comment-label-files-c {
             gap: 3px;
         }

         .comment-form-button {
             font-size: 15px;
             cursor: pointer;
             border-radius: 10px;
             padding: 10px 8px;
         }

         .comment-image-labal-c {
             width: 50px;
             height: 50px;
         }

         .comment-form-c {
             width: calc(100% - 70px);
         }
     }

     .modal {
         display: none;
         position: fixed;
         z-index: 1;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         overflow: auto;
         background-color: rgba(0, 0, 0, 0.4);
     }

     .modal-content {
         top: 20%;
         position: relative;
         max-width: 400px;
         right: 0;
         left: 0;
         margin: 0 auto;
         background: #fff none repeat scroll 0% 0%;
         text-align: center;
         padding: 10px;
         padding-top: 10px;
         padding-bottom: 20px;
         border-radius: 10px;
         animation: 0.7s ease 0s normal none 1 running pop-up-appear;
     }

     .close {
         position: absolute;
         top: 0px;
         right: 10px;
         font-size: 30px;
         font-weight: bold;
         cursor: pointer;
     }

     .form-container {
         margin-top: 10px;
     }

     .form-container h2 {
         margin-top: 0;
     }

     .article h2 {
         font-size: 1.25em;
         margin-bottom: 16px;
     }

     .form-container form {
         align-items: center;
         display: flex;
         flex-direction: column;
         margin-top: 20px;
     }

     .form-container form {
         max-width: 525px !important;
     }

     .form-container input {
         width: 90%;
         padding: 10px;
         margin-bottom: 10px;
         border-radius: 5px;
         border: 1px solid #ccc;
         font-size: 16px;
     }

     .form-container input {
         width: 90%;
         padding: 10px;
         margin-bottom: 10px;
         border-radius: 5px;
         border: 1px solid #ccc;
         font-size: 16px;
     }

     .form-container input[type="submit"] {
         background-color: #4caf50;
         color: #fff;
         border: none;
         cursor: pointer;
     }

     .form-container input {
         width: 90%;
         padding: 10px;
         margin-bottom: 10px;
         border-radius: 5px;
         border: 1px solid #ccc;
         font-size: 16px;
     }

     .btn,
     .button,
     input[type="submit"] {
         border: none;
         border-radius: 0;
         background: #f70d28;
         color: #fff;
         padding: 0 20px;
         line-height: 40px;
         height: 40px;
         display: inline-block;
         cursor: pointer;
         text-transform: uppercase;
         font-size: 13px;
         font-weight: 700;
         letter-spacing: 1px;
         outline: 0;
         -webkit-appearance: none;
         -webkit-transition: 0.3s ease;
         transition: 0.3s ease;
     }

     .result-1 {
         display: none;
         padding: 30px 20px;
     }

     .comment-title-c {
         font-size: 22px;
         font-weight: bold;
         padding: 0 20px;
     }

     .modal {
         display: none;
         position: fixed;
         z-index: 1;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         overflow: auto;
         background-color: rgba(0, 0, 0, 0.4);
     }

     .modal-content {
         top: 20%;
         position: relative;
         max-width: 400px;
         right: 0;
         left: 0;
         margin: 0 auto;
         background: #fff none repeat scroll 0% 0%;
         text-align: center;
         padding: 10px;
         padding-top: 10px;
         padding-bottom: 20px;
         border-radius: 10px;
         animation: 0.7s ease 0s normal none 1 running pop-up-appear;
     }

     .close {
         position: absolute;
         top: 0px;
         right: 10px;
         font-size: 30px;
         font-weight: bold;
         cursor: pointer;
     }

     .form-container {
         margin-top: 10px;
     }

     .form-container h2 {
         margin-top: 0;
     }

     .article h2 {
         font-size: 1.25em;
         margin-bottom: 16px;
     }

     .form-container form {
         align-items: center;
         display: flex;
         flex-direction: column;
         margin-top: 20px;
     }

     .form-container form {
         max-width: 525px !important;
     }

     .form-container input {
         width: 90%;
         padding: 10px;
         margin-bottom: 10px;
         border-radius: 5px;
         border: 1px solid #ccc;
         font-size: 16px;
     }

     .form-container input {
         width: 90%;
         padding: 10px;
         margin-bottom: 10px;
         border-radius: 5px;
         border: 1px solid #ccc;
         font-size: 16px;
     }

     .form-container input[type="submit"] {
         background-color: #4caf50;
         color: #fff;
         border: none;
         cursor: pointer;
     }

     .form-container input {
         width: 90%;
         padding: 10px;
         margin-bottom: 10px;
         border-radius: 5px;
         border: 1px solid #ccc;
         font-size: 16px;
     }

     .btn,
     .button,
     input[type="submit"] {
         border: none;
         border-radius: 0;
         background: #f70d28;
         color: #fff;
         padding: 0 20px;
         line-height: 40px;
         height: 40px;
         display: inline-block;
         cursor: pointer;
         text-transform: uppercase;
         font-size: 13px;
         font-weight: 700;
         letter-spacing: 1px;
         outline: 0;
         -webkit-appearance: none;
         -webkit-transition: 0.3s ease;
         transition: 0.3s ease;
     }

     .result-1 {
         display: none;
         padding: 30px 20px;
     }

     .comment-title-c {
         font-size: 22px;
         font-weight: bold;
         padding: 0 20px;
     }

     .popup__comment {
         display: none;
         position: fixed;
         z-index: 49;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         backdrop-filter: blur(1px);
         font-family: sans-serif
     }

     .popup__comment-wrapper {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         width: 500px;
         background: white;
         font-size: 20px;
         text-align: center;
         padding: 20px;
         border: 2px solid #bebebe;
         border-radius: 10px;
         box-shadow: 0 4px 12px rgba(0, 0, 0, .08)
     }

     .popup__comment-input {
         box-sizing: border-box;
         width: 100%;
         padding: 15px 5px;
         border: none;
         border-radius: 10px;
         outline: none
     }

     input.popup__comment-input {
         display: block;
         width: 100%;
         padding: .75rem 1rem;
         font-size: 1rem;
         border: 1.5px solid #ccc;
         border-radius: 8px;
         transition: border 0.3s ease, box-shadow 0.3s ease;
         margin: 15px 0
     }

     input.popup__comment-input:focus {
         border-color: #007bff;
         box-shadow: 0 0 0 3px rgba(0, 123, 255, .2);
         outline: none
     }

     .popup__comment button[type="submit"] {
         font-size: 1rem;
         background: #330ea5;
         color: #fff;
         letter-spacing: 2px;
         text-transform: uppercase;
         padding: 20px;
         margin-top: 20px;
         cursor: pointer;
         border: none;
         border-radius: 10px
     }

     .input__wrapper {
         position: relative
     }

     .input__wrapper label {
         font-size: 16px;
         color: gray;
         position: absolute;
         left: 20px;
         pointer-events: none;
         top: 50%;
         transition: all 0.2s ease-in-out;
         transform: translateY(-50%)
     }

     .input__wrapper input:focus+label,
     .input__wrapper input:not(:placeholder-shown)+label {
         top: 0;
         background-color: #fff;
         padding: 5px
     }

     .popup__comment-close {
         cursor: pointer;
         position: absolute;
         top: 10px;
         right: 10px;
         transition: transform 0.3s ease-out
     }

     .popup__comment-close:hover {
         transform: rotate(180deg)
     }

     input[type="number"]::-webkit-inner-spin-button,
     input[type="number"]::-webkit-outer-spin-button {
         -webkit-appearance: none;
         margin: 0
     }

     input[type="number"] {
         -moz-appearance: textfield
     }

     @media (max-width:550px) {
         .popup__comment-wrapper {
             width: 90%;
             font-size: 20px
         }
     }

     .popup__comment .iti--allow-dropdown {
         width: 100% !important;
     }

     .iti--allow-dropdown+label {
         display: none;
     }

     .disclaimer-products p {
         font-family: Roboto, sans-serif !important;
         direction: ltr !important;
         width: 100% !important;
         color: #aaa !important;
         font-size: 12px !important;
         font-weight: 400 !important;
         line-height: 16px !important;
         text-align: center !important;
         margin: 0 auto !important;
         padding: 20px !important;
     }

     @media all and (max-width: 450px) {
         .bibliography {
             padding: 0 !important;
         }
     }

     .bibliography {
         max-width: 1000px;
         width: 100%;
         font-family: 'Roboto';
         color: #aaa;
         font-size: 12px;
         line-height: 15px;
         margin: 0 auto;
         padding: 20px;
         direction: ltr;
     }

     .bibliography h2 {
         font-size: 12px !important;
         font-weight: bold;
         float: none !important;
         width: auto !important;
         color: #aaa !important;
         margin: 2.2em 0 0 1.2em;
     }

     .level-1 {
         font-family: "Roboto";
         color: #aaa;
         font-size: 11px;
         line-height: 1.4em;
         text-align: left;
         list-style: none;
         padding-left: 3em;
         font-weight: normal;
         counter-reset: level-2-counter;
         margin: 0.5em 0 1em 0;
         padding: 0;
         position: relative;
     }

     .level-1>li {
         counter-increment: level-2-counter;
         text-indent: 0;
         line-height: 1.5em;
         margin: 0.2em 0 0 2.8em;
     }

     .level-1>li:before {
         width: 2em;
         content: counter(level-2-counter)'.';
         float: left;
         text-align: right;
         margin: 0 1em 0 3em;
         left: -2.8em;
         position: absolute;
     }

     .noselect {
         -webkit-touch-callout: none;
         /* iOS Safari */
         -webkit-user-select: none;
         /* Safari */
         -khtml-user-select: none;
         /* Konqueror HTML */
         -moz-user-select: none;
         /* Firefox */
         -ms-user-select: none;
         /* Internet Explorer/Edge */
         user-select: none;
         /* Non-prefixed version, currently
											supported by Chrome and Opera */
     }

     #ExitDiv {
         display: none;
         position: absolute;
         top: 10px;
         left: 15px;
         margin: auto;
         width: 700px;
         height: 154px;
         z-index: 1000;
         cursor: default;
         pointer-events: none;
     }

     #exitdiv_text1 {
         position: relative;
         top: 5px;
         left: 5px;
         width: 400px;
         height: 93px;
         font-family: 'Arial Narrow', Arial, sans-serif;
         font-size: 36px;
         color: #6E0606;
         font-weight: bold;
         font-stretch: condensed;
     }

     #exitdiv_text2 {
         position: absolute;
         top: 0;
         left: 400px;
         width: 300px;
         height: 93px;
         font-family: arial;
         font-size: 56px;
         color: #6E0606;
         font-weight: bold;
     }

     #exitdiv_text3 {
         position: absolute;
         left: 225px;
         top: 100px;
         width: 230px;
         height: 100px;
         font-family: arial;
         font-weight: bold;
         text-align: center;
         font-size: 24px;
         color: #04447C;
     }

     #left-wrapper {
         position: relative;
         width: 475px;
         height: 100px;
         float: left;
     }

     #left-wrapper #popup-1-top {
         position: relative;
         padding: 25px 0 0 35px;
         width: 217px;
         height: 61px;
     }

     #left-wrapper #popup-1-top #popup1-header-1 {
         margin: 0;
         padding: 0;
         font-family: arial;
         font-size: 8px;
         color: #6F77C6;
     }

     #left-wrapper #popup-1-top #popup1-header-2 {
         margin-top: 5px;
         font-family: arial;
         font-size: 7px;
         color: #353234;
     }

     #left-wrapper #exit_div_alert1 {
         width: 147px;
         margin-top: -25px;
         padding: 0 35px 5px 35px;
         background: url('images/popup_1_middle.gif') repeat-y 0% 0%;

         font-family: arial;
         font-size: 8px;
         color: #353234;
     }

     #left-wrapper #popup-1-bottom {
         width: 217px;
         height: 55px;
         background: url(images/popup_1_bottom.gif) no-repeat;
     }

     #left-wrapper #popup-1-bottom .texts {
         margin-left: 50px;
         font-family: arial;
         font-size: 9px;
         color: #151C55;
     }

     #left-wrapper #popup-1-bottom .text-1 {
         padding-top: 4px;
     }

     #left-wrapper #popup-1-bottom .text-2 {
         position: relative;
         padding-top: 8px;
     }

     #left-wrapper #popup-1-bottom .text-2 .arrow {
         position: absolute;
         bottom: -12px;
         right: -49px;
         width: 247px;
         height: 64px;
         background: url(images/arrow_1.png) no-repeat 0% 0%;

     }

     #left-wrapper #popup-3 {
         position: relative;
         width: 418px;
         height: 96px;

         float: right;

         background: url(images/popup_3.gif) no-repeat;

         font-family: arial;
     }

     #left-wrapper #popup-3 .texts {
         font-size: 9px;
         color: #000;
     }

     #left-wrapper #popup-3 .text-1 {
         padding: 33px 15px 0px 42px;
     }

     #left-wrapper #popup-3 .text-2,
     #left-wrapper #popup-3 .text-3 {
         position: absolute;
         bottom: 19px;
         left: 124px;
         width: 76px;
         height: 15px;

         font-size: 9px;
         text-align: center;
         color: #151C55;
     }

     #left-wrapper #popup-3 .text-3 {
         left: 208px;
     }

     #left-wrapper #popup-3 .text-3 .arrow {
         position: absolute;
         bottom: -7px;
         right: -14px;
         width: 101px;
         height: 137px;
         background: url(images/arrow_2.png) no-repeat 0% 0%;

     }

     #right-wrapper {
         position: relative;
         width: 225px;
         margin-top: 36px;
         float: right;
     }

     #right-wrapper #popup-2-top {
         width: 227px;
         height: 27px;
         background: url(images/popup_2_top.gif) no-repeat;
     }

     #right-wrapper #exit_div_alert3 {
         width: calc(227px - 36px);
         padding: 10px 18px;
         background: url(images/popup_2_middle.gif) repeat-y;
         font-family: arial;
         font-size: 10px;
         color: #353234;
     }

     #right-wrapper #popup-2-bottom {
         width: 227px;
         height: 42px;
         background: url(images/popup_2_bottom.gif) no-repeat;
     }

     #right-wrapper #popup-2-bottom .texts {
         position: absolute;
         font-family: arial;
         font-size: 9px;
         text-align: center;
         color: #151C55;
     }

     #right-wrapper #popup-2-bottom .text-1,
     #right-wrapper #popup-2-bottom .text-2 {
         bottom: 21px;
         left: 27px;
         width: 74px;
         height: 15px;
     }

     #right-wrapper #popup-2-bottom .text-2 {
         bottom: 21px;
         left: 105px;
         width: 100px;
     }

     #right-wrapper #popup-2-bottom .text-2 .popup {
         position: absolute;
         bottom: -10px;
         right: -7px;
         width: 280px;
         height: 133px;
         background: transparent url(images/arrow_3.png) no-repeat 0% 0%;
     }