.header-auto {
           min-height: 50px;
       }

       .header-inner.text-start.py-5 {
           padding: 11px 0px !important;
       }

       .box.bg-color.p-4.mt-4 {
           background-color: #ffffff !important;
           border-radius: 4px;
           padding: 22px 25px 25px;
           margin-bottom: 20px;
           box-shadow: rgba(0, 0, 0, .08) 0 0px 0px;
       }

       .drop-down-btn {
           font-size: 0.9rem;
           color: #292828 !important;
           font-weight: 500;
           font-family: 'Poppins';
       }

       .announcement {
           background: linear-gradient(#ff7d00, #f56d08) !important;
       }

       .box.bg-color.p-4.mb-4 {
           padding: 20px 17px;
           box-shadow: 0 0 0px 0 #00000010;
           border-radius: 16px;
           background: #ffffff !important;
       }

       .row.row-cols-auto.g-2 {
           width: 100%;
       }

       .row.row-cols-auto.g-2 .col {
           width: 50%;
       }

       button.btn.btn-outline-primary.btn-md.btn-padding {
           background: #f97305;
           color: #ffffff;
           border-radius: 4px;
           text-transform: none;
           width: 100%;
           padding: inherit;
           height: 39px;
       }

       a.btn.btn-outline-secondary.btn-md.btn-padding {
           width: 100%;
           border-radius: 4px;
           padding: auto;
           height: 39px;
           color: #ffffff;
           background: #292828;
           font-size: 13px;
           font-weight: 500;
           text-transform: uppercase;
           display: flex;
           -webkit-box-align: center;
           align-items: center;
           -webkit-box-pack: center;
           justify-content: center;
           -webkit-transition: all linear .3s;
       }

       .item-info.d-flex.justify-content-between.align-items-center.gap-3 {
           display: flex;
           flex-wrap: wrap;
       }

       .item-info.d-flex.justify-content-between.align-items-center.gap-3 div {
           width: 100%;
       }

       .item {
           padding: 0px;
           border-radius: 16px !important;
       }

       .item-img img {
           border-radius: 16px 16px 0px 0px !important;
       }

       .row.row-cols-auto.g-2 .col {
           width: 50% !important;
       }

       .footer {
           margin-top: auto;
           background-color: rgb(2 2 2 / 88%);
           color: rgb(var(--footer_text_color));
           -webkit-box-flex: 0;
           -ms-flex-positive: 0;
           flex-grow: 0;
           overflow: hidden;
           position: relative;
           background-image: url(/images/footerbg.png);
           background-size: 100% auto;
           background-repeat: repeat;
           background-position: center top;
       }

       .footer .footer-lower {
           border-top: 1px solid #373737 !important;
       }

       .footer-subscribe {
           border-bottom: 1px solid #373737 !important;
       }

       .footer-subscribe .form-control,
       .footer-subscribe .form-control:disabled,
       .footer-subscribe .form-control[readonly] {
           background-color: rgb(187 187 187 / 9%) !important;
           border-color: rgba(255, 255, 255, 0.2) !important;
           color: #fff;
       }

       span.h5 {
           border-bottom: 1px solid rgb(255 255 255 / 21%);
           line-height: 47px;
       }

       span.h5:before {
           content: "";
           position: absolute;
           left: auto;
           bottom: auto;
           width: 9px;
           height: 9px;
           border-radius: 50%;
           display: inline-block;
           background: #f6661f;
           margin-top: 43px;
           margin-left: -8px;
       }

       .footer .footer-text {
           color: rgb(255 255 255);
           margin-bottom: 0;
           font-size: 14px;
           font-weight: 500;
       }

       a.logo img {
           width: 200px !important;
           height: 66px !important;
       }

       .logo {
           width: 200px !important;
           height: 66px !important;
       }

       span.h5:before {
           background: #00c753;
       }

       .announcement {
           background: linear-gradient(#15284b, #1f3c73) !important;
       }

       .footer {
           background-color: #08101e;
       }

       a.btn.btn-outline-secondary.btn-md.btn-padding {
           background: #15284b;
       }

       button.btn.btn-outline-primary.btn-md.btn-padding {
           background: rgb(var(--premium_color));
       }

       .header-image::before {
           background-color: rgb(0 0 0 / 20%);
       }

       .nav-bar .link {
           font-size: 0.9rem;
           color: #292828 !important;
           font-weight: 500;
           font-family: 'Poppins';
       }

       a.link.cart-btn.w-auto.d-none.d-xxl-block.me-2 {
           background: #172c53;
           color: #ffffff !important;
           padding: 8px 14px;
           border-radius: 7px;
           font-size: 13px;
           margin-right: 0rem !important;
       }

       @keyframes pulse-black {
           0% {
               -webkit-box-shadow: 0 0 0 0 rgba(35, 245, 10, .7);
               box-shadow: 0 0 0 0 rgba(35, 245, 10, .7);
           }
       }

       a.live-chat span {
           margin-right: 10px;
       }

       a.live-chat::after {
           width: 7px;
           height: 7px;
           border-radius: 50%;
           background: #36b915;
           content: "";
           display: block;
           margin-left: auto;
           -webkit-animation: pulse-black 2s infinite;
           animation: pulse-black 2s infinite;
       }

       a.live-chat {
           background: rgb(255 255 255 / 5%) !important;
           display: flex;
           -webkit-box-align: center;
           align-items: center;
           -webkit-box-pack: center;
           justify-content: center;
           width: 172px;
           height: 40px;
           border-radius: 5px;
           color: #fff;
           border: 0;
           outline: 0;
           margin: 9px 0px 0px 9px;
       }

       span.h5 {
           border-bottom: 1px solid rgb(255 255 255 / 21%);
           line-height: 47px;
           font-size: 15px;
           width: 175px;
       }

       @media (min-width: 576px) {
           .row-cols-sm-3>* {
               flex: 0 0 auto;
               width: 24%;
           }

           .row-cols-sm-3>* {
               padding-right: 0px !important;
               padding-left: 12px !important;
               margin-top: 48px;
           }
       }

       .drop-down .drop-down-menu .drop-down-item {
           font-size: 0.9rem;
           color: #292828 !important;
           font-weight: 500;
           font-family: 'Poppins';
       }

       .bayi-bilgisi-alert {
           width: 100%;
           border: 1px solid #1a3362;
           border-radius: 6px;
           padding: 25px 35px;
           text-align: center;
           font-size: 14px;
           font-weight: 400;
           color: #4f4f4f !important;
           margin-bottom: 20px;
           background-color: #fff;
           position: relative;
       }

       .left-icon {
           width: 30px;
           height: 30px;
           position: absolute;
           top: -13px;
           left: -10px;
           background-color: #99ffc3;
           color: #028b3c;
           display: flex;
           align-items: center;
           justify-content: center;
           font-size: 18px;
           border-radius: 100px;
           z-index: 1;
       }

       .icon-text {
           position: absolute;
           top: -13px;
           left: 4px;
           background-color: #99ffc3;
           color: #028b3c;
           font-size: 12px;
           font-weight: 600;
           z-index: 0;
           padding: 2px 25px;
           border-radius: 0 10px 10px 0;
       }

       .item-price {
           font-size: 26px;
       }

       .animated-section {
           position: relative;
           text-align: center;
           background: linear-gradient(135deg, #00c753, #17e16b);
           color: #fff;
           padding: 24px 20px 0px 20px;
           border-radius: 10px;
           box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
           margin-top: 20px;
           overflow: hidden;
       }

       .animated-section canvas {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           pointer-events: none;
           /* Mouse hareketine müdahale etmemesi için */
           z-index: 0;
       }

       .animated-section h2,
       .animated-section p,
       .animated-button {
           position: relative;
           z-index: 1;
           /* İçerik canvasın üstünde kalır */
       }

       .animated-section h2 {
           font-size: 18px;
           font-weight: 600;
       }

       .animated-section h2,
       .animated-section p,
       .animated-button {
           margin-bottom: 20px;
       }

       .row.row-cols-auto.justify-content-center.g-3 {
           display: flex;
           flex-wrap: wrap;
       }

       .row.row-cols-auto.justify-content-center.g-3 .col {
           width: 50%;
       }

       .row.row-cols-auto.justify-content-center.g-3 button {
           padding: 12px 4px !important
       }

       a.btn.btn-secondary.btn-md.px-5 {
           width: 100%;
       }

       button#screenshots {
           width: 100%;
       }

       .row.row-cols-auto.justify-content-center.g-3 a {
           padding: 12px 4px !important
       }

       .item-info.d-flex.justify-content-between.align-items-center.gap-3 div {
           width: 103%;
       }

       .gap-3 {
           gap: 3px !important;
       }

       .item-badge {
           position: absolute;
           top: 13px;
           padding: 5px 12px;
       }

       .item-meta {
           display: flex;
           justify-content: space-between;
       }

       .easy-setup {
           border: 1px solid #08101e;
           width: 48% !important;
           padding: 8px 9px;
           border-radius: 3px;
       }

       .responsive {
           border: 1px solid #08101e;
           width: 48% !important;
           padding: 8px 9px;
           border-radius: 3px;
       }

       .responsive i {
           margin-right: 6px;
       }

       .easy-setup i {
           margin-right: 5px;
       }

       .item-meta {
           padding-top: 17px;
           border-top: 1px solid #bbbbbb94;
       }

       .item-price .item-price-through {
           font-size: 18px;
       }

       a.btn.btn-outline-secondary.btn-md.btn-padding i {
           margin-right: 5px;
           font-size: 17px;
       }

       @media (min-width: 1600px) {
           .container-custom {
               max-width: 1320px;
           }
       }

       h2.section-title.aos-init.aos-animate {
           font-size: 31px;
           font-weight: bold;
           color: rgb(var(--text_color));
           text-transform: uppercase;
       }

       h2.section-title {
           font-size: 31px;
           font-weight: bold;
           color: rgb(var(--text_color));
           text-transform: uppercase;
       }

       @import url(https://fonts.googleapis.com/css?family=Lato);

       *,
       *::before,
       *::after {
           margin: 0;
           padding: 0;
           -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
           box-sizing: border-box;
       }

       body {
           font-size: 16px;
           font-family: "Lato", sans-serif;
       }

       .timeline ul {
           padding: 50px 0;
       }

       .timeline ul li {
           background: #d8031c;
           position: relative;
           margin: 0 auto;
           width: 5px;
           padding-bottom: 40px;
           list-style-type: none;
       }

       .timeline ul li:last-child {
           padding-bottom: 7px;
       }

       .timeline ul li:before {
           content: "";
           background: #faf8eb;
           position: absolute;
           left: 50%;
           top: 0;
           transform: translateX(-50%);
           -webkit-transform: translateX(-50%);
           width: 20px;
           height: 20px;
           border: 3px solid #d8031c;
           -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
           border-radius: 50%;
       }

       .timeline ul li .hidden {
           opacity: 0;
       }

       .timeline ul li .content {
           background: #67CC8E;
           position: relative;
           top: 7px;
           width: 450px;
           padding: 20px;
           transition: all 0.4s ease-in-out;
           z-index: 14;
           box-shadow: 7px 6px 15px 0px rgba(0, 0, 0, 0.25);
       }

       .timeline ul li .content * {
           color: #fff;
       }

       /* ***************** non vosible elements ***************** */
       .timeline ul li .content.non-focus::before {
           display: none;
       }

       .timeline ul li .content.non-focus {
           transform: rotate(20deg);
           opacity: 0.4;
           filter: blur(5px);
           z-index: 11;
       }

       /* ***************** non vosible elements ***************** */

       .timeline ul li .content {
           color: #d2d2d2;
           background: #e6e6e6;
       }

       .timeline ul li .content p {
           text-align: left;
       }

       .timeline ul li .content:before {
           content: "";
           background: inherit;
           position: absolute;
           top: 0px;
           width: 38px;
           height: 5px;
       }

       .timeline ul li:nth-child(odd) .content {
           left: 50px;
           background: #01016f;
           border-radius: 0px 4px 4px 4px;
       }

       .timeline ul li:nth-child(odd) .content:before {
           left: -38px;
       }

       .timeline ul li:nth-child(even) .content {
           left: calc(-450px - 45px);
           background: #01016f;
           border-radius: 4px 0px 4px 4px;
       }

       .timeline ul li:nth-child(even) .content:before {
           right: -38px;
       }

       /* **** custom css*/
       .timeline-content-info {
           display: flex;
           justify-content: space-between;
           border-radius: 4px;
           padding: 2%;
           background-color: #6497bf;
       }

       .content-skills {
           margin: 15px 0px 0px 0px;
       }

       .content-skills span {
           background: #d8031c;
           border-radius: 4px;
           padding: 2px;
       }

       /*****************/
       /* -------------------------
   ----- Media Queries ----- 
   ------------------------- */
       @media screen and (max-width: 1020px) {
           .timeline ul li .content {
               width: 41vw;
           }

           .timeline ul li:nth-child(even) .content {
               left: calc(-41vw - 45px);
           }
       }

       @media screen and (max-width: 700px) {
           .timeline ul li {
               margin-left: 20px;
           }

           .timeline ul li .content {
               width: calc(100vw - 100px);
           }

           .timeline ul li:nth-child(even) .content {
               left: 45px;
               background: #01016f;
               border-radius: 0px 4px 4px 4px;
           }

           .timeline ul li:nth-child(even) .content:before {
               left: -33px;
           }
       }

       .header-inner.text-start {
           padding: 20px 0px;
       }

       #services {
           background-color: #f9f9f9;
           padding: 20px;
           text-align: center;
       }


       .service-grid {
           display: grid;
           grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
           gap: 20px;
       }

       .service-item {
           background-color: #fff;
           border: 1px solid #ddd;
           border-radius: 8px;
           padding: 20px;
           box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
           text-align: center;
           transition: transform 0.3s ease;
       }

       .service-item i {
           font-size: 36px;
           color: rgb(255 255 255);
           margin-bottom: 10px;
           background: rgb(var(--premium_color));
           width: 60px;
           height: 60px;
           padding: 10px;
           border-radius: 10px;
       }

       .service-item:hover {
           transform: translateY(-5px);
       }

       .service-item h3 {
           font-size: 18px;
           margin-bottom: 10px;
       }

       .service-item p {
           font-size: 14px;
       }

       .service-item img {
           max-width: 50px;
           margin-bottom: 10px;
       }

       .service-item {
           border: 0px solid #dddddd6b;
           box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
       }

       #ecommerce-price {
           padding: 40px 20px;
           background: linear-gradient(135deg, #ffffff, #f9f9f9);
           text-align: center;
           font-family: Arial, sans-serif;
       }

       .price-container {
           max-width: 1200px;
           margin: 0 auto;
       }

       .price-container h2 {
           font-size: 28px;
           color: #333;
           margin-bottom: 10px;
           font-weight: bold;
       }

       .price-container p {
           font-size: 16px;
           color: #666;
           margin-bottom: 30px;
       }

       .price-cards {
           display: flex;
           flex-wrap: wrap;
           gap: 20px;
           justify-content: center;
       }

       .price-card {
           background: #fff;
           border-radius: 10px;
           box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
           padding: 20px;
           width: 250px;
           text-align: center;
           position: relative;
           transition: transform 0.3s, box-shadow 0.3s;
       }

       .price-card:hover {
           transform: scale(1.05);
           box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
       }

       .price-card.highlight {
           border: 2px solid rgb(var(--primary_color));
       }

       .price-card h3 {
           font-size: 20px;
           color: rgb(var(--primary_color));
           margin-bottom: 10px;
       }

       .original-price {
           text-decoration: line-through;
           color: #888;
           font-size: 14px;
       }

       .discounted-price {
           font-size: 24px;
           color: #28a745;
           font-weight: bold;
       }

       .discounted-price span {
           font-size: 14px;
           color: rgb(var(--primary_color));
       }

       .installment {
           font-size: 14px;
           color: #555;
           margin-bottom: 20px;
       }

       .price-card ul {
           list-style: none;
           padding: 0;
           margin: 0 0 20px;
       }

       .price-card ul li {
           font-size: 14px;
           color: #333;
           margin-bottom: 10px;
       }

       .price-card ul li i {
           color: #28a745;
           margin-right: 5px;
       }

       /* Butonlar */
       .call-button {
           background: rgb(var(--primary_color));
           color: #fff;
           border: none;
           padding: 10px 20px;
           border-radius: 5px;
           cursor: pointer;
           font-size: 14px;
           margin-bottom: 10px;
       }

       .call-button:hover {
           background: #e64400;
       }

       .details-button {
           background: transparent;
           border: 1px solid rgb(var(--primary_color));
           color: rgb(var(--primary_color));
           padding: 10px 20px;
           border-radius: 5px;
           cursor: pointer;
           font-size: 14px;
       }

       .details-button:hover {
           background: rgb(var(--primary_color));
           color: #fff;
       }

       .price-cards {
           justify-content: center;
           gap: 10px;
       }

       .price-container {
           max-width: 1320px;
       }

       .price-card {
           box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
           border: 1px solid #d4d4d46b;
           width: 24%;
       }

       .price-card ul li {
           font-size: 14px;
           color: rgb(var(--text_color));
           margin-bottom: 10px;
           font-family: "Lato", sans-serif;
           font-weight: 500;
       }

       button.call-button {
           width: 100%;
       }

       button.details-button {
           width: 100%;
       }

       button.details-button {
           border: 1px solid rgb(var(--text_color));
           color: rgb(var(--text_color));
           width: 100%;
       }

       button.details-button:hover {
           background: rgb(var(--text_color));
           color: #ffffff;
       }

       .price-card:hover {
           transform: none;
           box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
       }

       .call-button:hover {
           background: rgb(var(--primary_color));
       }

       .price-card ul {
           text-align: start;
       }

       .price-card h3 {
           font-size: 30px;
           color: rgb(var(--text_color));
           margin-bottom: 10px;
           font-weight: 600;
       }

       .price-container p {
           font-size: 16px;
           color: #666;
           margin-bottom: 0px;
       }

       p.installment {
           margin-bottom: 20px;
       }

       p.original-price {
           margin-top: 15px;
       }

       p.discounted-price {
           font-size: 30px;
           color: rgb(var(--text_color));
           margin-bottom: 0px;
           font-weight: 600;
           display: flex;
           align-items: center;
       }

       .price-card {
           text-align: start !important;
       }

       p.installment {
           color: rgb(var(--text_color));
           font-weight: 600;
           font-size: 14px;
       }

       .discounted-price span {
           font-size: 15px;
           color: rgb(var(--primary_color));
           background: #cdffe8;
           border-radius: 23%;
           width: 50px;
           height: 26px;
           margin-left: 7px;
           display: flex;
           justify-content: center;
           align-items: center;
       }

       .price-container p {
           color: rgb(var(--text_color));
       }

       p.section-text.col-lg-6.mx-auto.aos-init.aos-animate {
           font-size: 18px;
           color: rgb(var(--text_green));
       }

       .price-card ul li {
           color: rgb(var(--text_green));
       }

       .price-container p {
           color: rgb(var(--text_green));
       }

       .section-text {
           color: rgb(var(--text_green));
           font-size: 18px;
       }

       #interactive-section .intro-text {
           max-width: 1000px;
       }

       p.section-text.col-lg-6.mx-auto.aos-init.aos-animate {
           width: 1000px;
       }

       #services {
           background-color: #f7f7f7;
       }

       .price-card.highlight::before {
           content: "En Çok Tercih Edilen";
           display: block;
           position: absolute;
           top: -16px;
           left: 50%;
           transform: translateX(-50%);
           background-color: rgb(var(--primary_color));
           color: white;
           font-size: 13px;
           font-weight: 400;
           padding: 5px 10px;
           border-radius: 5px;
           box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
           z-index: 1;
       }

       #ecommerce-price {
           padding: 70px 20px;
           background: linear-gradient(135deg, #ffffff, #f9f9f9);
           text-align: center;
           font-family: Arial, sans-serif;
       }

       #interactive-section {
           position: relative;
           padding: 50px;
           background: linear-gradient(135deg, #ffffff00, #ffffff);
           overflow: hidden;
           text-align: center;
       }

       #interactive-section h2 {
           text-align: center;
           font-size: 36px;
           font-weight: bold;
           color: rgb(var(--text_color));
           margin-bottom: 30px;
           text-transform: uppercase;
       }

       #interactive-section .intro-text {
           font-size: 18px;
           color: #444;
           margin-bottom: 50px;
           max-width: 800px;
           margin-left: auto;
           margin-right: auto;
       }

       .scrollable-content {
           max-width: 1320px;
           margin: 0 auto;
           background: #fff;
           box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
           border-radius: 10px;
           overflow-y: auto;
           padding: 20px;
           font-size: 16px;
           color: #333;
           line-height: 1.8;
           height: 300px;
       }

       .scrollable-content::-webkit-scrollbar {
           width: 10px;
       }

       .scrollable-content::-webkit-scrollbar-thumb {
           background: rgb(var(--text_color));
           border-radius: 5px;
       }


       .cta-buttons {
           margin-top: 50px;
           text-align: center;
       }

       .cta-buttons .cta-button {
           display: inline-block;
           background: rgb(var(--text_color));
           color: #fff;
           padding: 12px 25px;
           font-size: 18px;
           font-weight: bold;
           border-radius: 5px;
           text-decoration: none;
           transition: transform 0.3s ease, background-color 0.3s ease;
       }

       .cta-buttons .cta-button:hover {
           background: rgb(var(--primary_color));
           transform: translateY(-5px);
       }


       .cta-button {
           display: inline-block;
           padding: 20px 40px;
           background-color: var(--color);
           color: white;
           font-family: Arial, sans-serif;
           font-size: 12px;
           text-decoration: none;
           text-align: center;
           display: flex;
           align-items: center;
           justify-content: center;
           text-transform: uppercase;
           font-weight: bold;
           width: 161px;
           height: 81px;
           clip-path: polygon(7.68786px 20.1081px,
                   7.68786px 20.1081px,
                   8.16364px 18.1351px,
                   8.88914px 16.2804px,
                   9.8446px 14.5617px,
                   11.0103px 12.9969px,
                   12.3663px 11.6038px,
                   13.8931px 10.4002px,
                   15.5708px 9.4038px,
                   17.3796px 8.63251px,
                   19.2998px 8.10411px,
                   21.3116px 7.83638px,
                   132.489px 0.710935px,
                   132.489px 0.710935px,
                   134.441px 0.714334px,
                   136.343px 0.968456px,
                   138.174px 1.46024px,
                   139.914px 2.17663px,
                   141.544px 3.10456px,
                   143.044px 4.23098px,
                   144.393px 5.54282px,
                   145.572px 7.02703px,
                   146.562px 8.67054px,
                   147.341px 10.4603px,
                   159.738px 44.9529px,
                   159.738px 44.9529px,
                   160.432px 47.6413px,
                   160.613px 50.3152px,
                   160.314px 52.9198px,
                   159.569px 55.4005px,
                   158.412px 57.7025px,
                   156.877px 59.7713px,
                   154.996px 61.5521px,
                   152.804px 62.9903px,
                   150.334px 64.0311px,
                   147.621px 64.62px,
                   16.6807px 80.5984px,
                   16.6807px 80.5984px,
                   13.7927px 80.6726px,
                   11.051px 80.2112px,
                   8.50526px 79.2659px,
                   6.20477px 77.8885px,
                   4.19901px 76.131px,
                   2.53742px 74.045px,
                   1.26946px 71.6825px,
                   0.444554px 69.0952px,
                   0.11216px 66.335px,
                   0.321718px 63.4536px,
                   7.68786px 20.1081px);
           transition: all 0.3s ease;
       }

       .cta-button:hover {
           background-color: #fff;
           color: var(--color);
       }

       section#interactive-section strong {
           color: #00c753;
       }

       .cta-buttons .cta-button:hover {
           background: rgb(var(--primary_color));
           transform: translateY(-5px);
           color: #ffffff;
       }

       .scrollable-content {
           max-width: 1320px;
           margin: 0 auto;
           background: #fff;
           box-shadow: 0 0 0px 0px rgb(202 202 202 / 10%);
           border-radius: 10px;
           overflow-y: auto;
           padding: 20px;
           border: 1px solid #d5d5d599;
           font-size: 16px;
           color: #333;
           line-height: 1.8;
           height: 300px;
       }

       @media(max-width:751px) {
           .price-card {
               width: 100%;
           }

           p.section-text.col-lg-6.mx-auto.aos-init.aos-animate {
               width: 100%;
           }

           #interactive-section {
               padding: 35px 10px;
           }
       }

       .header-inner {
           padding: 20px 0px;
       }

       button.btn-transparent {
           background: rgb(var(--primary_color));
           color: #ffffff !important;
           padding: 7px 14px;
           border-radius: 26px;
       }

       .row.row-cols-auto.justify-content-center.g-2 .col {
           width: auto !important;
       }

       .item-img {
           height: 220px;
       }

       .logo {
           height: auto !important;
       }

       a.logo img {
           height: auto !important;
       }

       a.link.cart-btn.w-auto.d-block.d-xxl-none.mb-0.me-2 {
           background: #172c53;
           color: #ffffff !important;
           padding: 8px 14px;
           border-radius: 7px;
           font-size: 13px;
           margin-right: 0rem !important;
       }