/* Style for the accordion */
 .accordion-activate-esim {
   border: 1px solid rgba(217, 217, 217, 1);
   margin-bottom: 20px;
   padding: 24px 20px;
   gap: 60px;
   border-radius: 8px;

 }

 .border-top-none {
   border-top: 0;
 }

 .border-bottom-none {
   border-bottom: 0;
 }

 .accordion-header-esim {
   /* background-color: #f1f1f1; */
   /* padding: 10px; */
   cursor: pointer;
 }

 .accordion-content-activate-esim {
   padding: 10px;
   display: none;
   /* Hide content by default */
   font-family: TruenoLt;
   font-size: 14px;
   font-weight: 300;
   line-height: 21px;
   letter-spacing: -0.005em;
   text-align: left;
   color: rgba(85, 85, 85, 1);
 }

 /* Style for active accordion content */
 .active-accordion {
   display: block !important;
 }

 .title-accordion {
   font-family: TruenoRg;
   font-size: 20px;
   font-weight: 400;
   line-height: 28px;
   letter-spacing: -0.01em;
   text-align: left;
   color: #000000;
 }

 .description-accordion {
   font-family: TruenoLt;
   font-size: 16px;
   font-weight: 300;
   line-height: 23px;
   letter-spacing: -0.01em;
   text-align: left;
   color: #262626;
 }

 .container-button-accordion {
   width: 390px;
   height: 48px;
   padding: 12px 12px 12px 12px;
   gap: 10px;
   border-radius: 8px;
   border: 1px solid #D9D9D9;
   opacity: 0px;
   display: flex;
   justify-content: center;
   margin: auto;
   margin-top: 25px;
   align-items: center;
   background-color: #FFFFFF;
   margin-bottom: 25px;
 }

 .wording-button {
   font-family: TruenoLt;
   font-size: 18px;
   font-weight: 600;
   line-height: 24px;
   letter-spacing: -0.02em;
   text-align: center;
   color: #000000;
 }

 .px10 {
   padding-left: 10px;
   padding-right: 10px;
 }

 .py20 {
   padding-top: 20px;
   padding-bottom: 20px;
 }

 .pb0 {
   padding-bottom: 0 !important;
 }

 .container-button-accordion:hover {
   color: #FF1659;
   cursor: pointer;
 }

 .container-icon-esim {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .image-icon-esim {
   width: 493px;
   height: 374px;
   gap: 0px;
   opacity: 0px;

 }

 .icon-accordion {
   height: 24px;
   width: 24px;
   margin-right: 5px;
 }

 .mobile-mode {
   display: none !important;
 }

 .desktop-mode {
   display: flex !important;
 }

 @media only screen and (max-width: 768px) {
   .container-button-accordion {
     width: 296px;
     height: 40px;
     border-radius: 6px;
   }

   .title-accordion {
     font-family: TruenoRg;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     letter-spacing: -0.02em;
     text-align: left;

   }

   .description-accordion {
     font-family: TruenoRg;
     font-size: 12px;
     font-weight: 300;
     line-height: 16px;
     text-align: left;

   }

   .wording-button {
     font-family: TruenoLt;
     font-size: 14px;
     font-weight: 600;
     line-height: 20px;
     letter-spacing: -0.02em;
     text-align: center;

   }

   .mobile-mode {
     display: block !important;
   }

   .desktop-mode {
     display: none !important;
   }
   .image-icon-esim{
    width: 100%;
    height: 100%;
   }
 }