.prepa_btn_mobile{
display:none;
}

.content .bubbles{
height: fit-content;
width:626px;
}

.bubbles {
  font-size:13px;
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap to the next line */
    gap: 10px; /* This gap will apply between the spans */
 
    margin: 0 auto; /* Center the entire bubbles container */
}

.bubbles span {
       display: flex;
    margin: 0;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 1px solid var(--HCLSW-Alias-Grayscale-N0-Line, #D9DBE9);
    background: #E6F1F7;
    text-align: center;
    height: fit-content;
  line-height:16px;
}


#hs_cos_wrapper_widget_1724324247518 > div.button-section {
    display: flex !important;
    justify-content: space-between;

}

.prepa_btn {
      width: 480px;
    margin-bottom: 0px;
    color: #000;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 18px;
    font-family: 'nexaa';
    font-weight: 400;
    border-radius: 20px 20px 0px 0px;
}

.prepa_btn:hover {
   color: #34548D;
}
.prepa_btn.selected{
  color: #34548D;
background-color:#fff;
  border-bottom: 1px solid #597AA6;
}



.content img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.content p {
    font-size: 18px;
    color: #14142B;
}

.content {
    display: none; /* Hide all contents initially */
}

.content.active {
    display: flex; /* Show only the active content */
      justify-content: space-between;

}


.header-text{
width: 100%;
color:#14142B;
font-family: Inter;
font-size: 18px;
font-weight: 700;
line-height: 21.6px;
}

#content-0 > div > img,#content-1 > div > img,#content-2 > div > img {
border-radius:20px ;
}






/**************accordion******************/


.content-section{
border-radius: 20px;
    padding: 20px;
    background-color: #fff;
}

.accordion-header {
    position: relative;
    cursor: pointer;
    padding-right: 20px; /* Add some padding for the icon */
}

.accordion-header {
    position: relative;
    padding-right: 20px; /* Add space for the icon */
}

.accordion-header::after {
    content: '';
    position: absolute;
    right: 10px; /* Adjust position as needed */
    top: 50%;
    transform:rotate(0deg) translateY(-50%) ;
    width: 14px;
    height: 12px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2214%22 height=%2212%22 viewBox=%220%200%2014%2012%22 fill=%22none%22%3E%3Cg clip-path=%22url(%23clip0_75_246)%22%3E%3Cpath d=%22M1.64697 3.10315L6.89697 8.35315L12.147 3.10315%22 stroke=%22%2314142B%22 stroke-width=%222.25%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%22clip0_75_246%22%3E%3Crect width=%2210.5%22 height=%2213.5%22 fill=%22white%22 transform=%22translate(13.75 0.75) rotate(90)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 14px 12px; /* Ensure correct size */
    transition: transform 0.3s ease;
}

.accordion-header.selected::after {
    transform: rotate(180deg) !important;
}



.accordion {
    width: 100%;
    max-width: 626px;
}

.accordion-item {
    border-radius: 10px;
    margin-bottom: 10px;
}

.accordion-header {
    padding-bottom: 16px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.accordion-content {
    display: none; /* Hide content by default */
    padding-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.accordion-content span {
    padding: 8px;
    border-radius: 50px;
    border: 1px solid #D9DBE9;
    background: #E6F1F7;
  font-size:13px;
  line-height:16px;
}
#content-0 > div.accordion > div > h3{
margin-bottom:0px;

}
.accordion-content {
    display: none;
}

.accordion-content.open {
    display: flex;
}
.bubbles > h3{
margin-bottom:0px;
  
  

}

#hs_cos_wrapper_widget_1724246036879_ > h1{

color: #132573;
font-family: Nexaa;
font-size: 44px;
font-weight: 900;
line-height: 59.4px;
}


#hs_cos_wrapper_widget_1724323325443_{

color: #14142B;
font-family: Inter;
font-size: 20px;
font-weight: 400;
line-height: 30px;
}

body > div.body-wrapper.banner-fix.hs-content-id-112744432613.hs-landing-page.hs-page > main > div > div.row-fluid-wrapper > div > div > div.row-fluid-wrapper.row-depth-1.row-number-21.dnd-section.dnd_area-row-5-max-width-section-centering.dnd_area-row-5-background-layers.dnd_area-row-5-padding.dnd_area-row-5-background-color > div > div > div.row-fluid-wrapper.row-depth-1.row-number-23.dnd-row{
width:698px;

}
















/****************mobile****************/




@media (max-width:480px){
  
  
  .accordion-content span {
  font-size:12px;
}
  
  
  #content-0 > div > img,#content-1 > div > img,#content-2 > div > img {
border:1px solid black ;
}

  
  #hs_cos_wrapper_widget_1724246036879_ > h1{

font-size: 28px;
font-weight: 900;
line-height: 36.4px;
}
  #hs_cos_wrapper_widget_1724323325443_{

font-size: 16px;
font-weight: 400;
line-height: 22.4px;
}
  
body > div.body-wrapper.banner-fix.hs-content-id-112744432613.hs-landing-page.hs-page > main > div > div.row-fluid-wrapper > div > div > div.row-fluid-wrapper.row-depth-1.row-number-21.dnd-section.dnd_area-row-5-max-width-section-centering.dnd_area-row-5-background-layers.dnd_area-row-5-padding.dnd_area-row-5-background-color > div > div > div.row-fluid-wrapper.row-depth-1.row-number-23.dnd-row{
width:auto;

}

  .content-section{

    padding: 16px;
    
}
  
.prepa_btn_mobile{
display:block;
}
#hs_cos_wrapper_widget_1724324247518 > div.button-section{
display:none !important ;
}
  .content{
  
  flex-direction:column-reverse;
  }
  .bubbles{
  width:auto !important;
    font-size:12px;
  }
  .prepa_btn_mobile:not(:first-child) {
        border-top: 1px solid #d9dbe9;
    }
  .prepa_btn_mobile {
       
        margin-bottom: 32px;
        padding: 24px 16px;
    }
  .prepa_btn_mobile.active{
    border-bottom: 1px solid #597AA6;
  }
  .prepa_btn_mobile span{
  
  font-family: Nexaa;
font-size: 16px;
font-weight: 400;         
line-height: 23.4px;
  }
  .prepa_btn_mobile.active span{
  color: #34548D;

  } 
  .prepa_btn_mobile::after {
          background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDE4IDE5IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNOSAxLjg4NzZWMTcuNjM3NyIgc3Ryb2tlPSIjMzQ1NDhEIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgPHBhdGggZD0iTTEuMTI1IDkuNzYyN0wxNi44NzUgOS43NjI3IiBzdHJva2U9IiMzNDU0OEQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+
);
        background-repeat: no-repeat;
        background-size: 14px 12px;
        content: "";
        height: 12px;
        position: absolute;
        right: 41px;
        transform: translateY(-50%);
        transition: transform .3s ease;
        width: 14px;
}
  
    .prepa_btn_mobile.active::after {
          background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDE4IDE5IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMS4xMjUgOS4xOTg5N0wxNi44NzUgOS4xOTg5NyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgogIDxwYXRoIGQ9Ik0xLjEyNSA5LjE5ODk3TDE2Ljg3NSA5LjE5ODk3IiBzdHJva2U9IiMxNDE0MkIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==

);
        background-repeat: no-repeat;
        background-size: 14px 12px;
        content: "";
        height: 12px;
        position: absolute;
        right: 41px;
        transform: translateY(-50%);
        transition: transform .3s ease;
        width: 14px;
}
}


/* Tablet Styles */
@media (min-width: 481px) and (max-width: 1199px) {
  body > div.body-wrapper.banner-fix.hs-content-id-112744432613.hs-landing-page.hs-page > main > div > div.row-fluid-wrapper > div > div > div.row-fluid-wrapper.row-depth-1.row-number-21.dnd-section.dnd_area-row-5-max-width-section-centering.dnd_area-row-5-background-layers.dnd_area-row-5-padding.dnd_area-row-5-background-color > div > div > div.row-fluid-wrapper.row-depth-1.row-number-23.dnd-row{
  
  width:auto;
  }
  .prepa_btn_mobile {
    display: none; /* Hide the mobile button on tablets */
  }

  .bubbles {
    width: auto !important;
    justify-content: space-evenly; /* Spread items evenly */
  }

  .content {
    flex-direction: column; /* Adjust content for tablet */
    padding: 20px;
  }

  .prepa_btn {
    width: 100%; /* Make the button full width on tablets */
    margin-bottom: 15px;
    font-size: 16px; /* Adjust font size for readability */
    padding: 12px 16px;
    border-radius: 10px; /* Soften the corners on tablets */
  }

  .accordion {
    max-width: 100%; /* Allow accordion to use more space on tablets */
  }

  .accordion-content {
    padding: 15px 10px; /* Adjust padding for a clean layout */
  }

  .accordion-header {
    font-size: 16px;
    padding-bottom: 10px;
  }

  .content img {
    max-width: 100%; /* Ensure images are full width on tablets */
    margin-bottom: 20px; /* Increase spacing for better flow */
  }

  .content p {
    font-size: 16px;
  }

  .header-text {
    font-size: 20px; /* Slightly larger font for headers */
  }

  .content-section {
    border-radius: 15px; /* Adjust the border-radius for a more tablet-friendly design */
    padding: 25px;
  }
}










/**************correction***********/

#hs_cos_wrapper_widget_1724324247518 > div.button-section > div.prepa_btn span{

font-weight:600;
}



}