.elementor-237640 .elementor-element.elementor-element-b38c1fe{border-style:solid;border-width:1px 0px 0px 0px;border-color:#D5DEEC;margin-top:80px;margin-bottom:0px;}.elementor-237640 .elementor-element.elementor-element-b8e7641 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-237640 .elementor-element.elementor-element-87bbac5 .current-progress{background-color:#6938EF;}.elementor-237640 .elementor-element.elementor-element-87bbac5 .elementor-scrolling-tracker-horizontal{background-color:#EBE9FE;}.elementor-237640 .elementor-element.elementor-element-87bbac5{--horizontal-progress-border:none;--progress-border-radius:10px 30px 30px 10px;--horizontal-height:3px;--horizontal-border-style:none;}.elementor-237640 .elementor-element.elementor-element-e5f1f43 > .elementor-element-populated{padding:42px 10px 10px 10px;}.elementor-237640 .elementor-element.elementor-element-43ae88f .elementor-heading-title{font-size:16px;font-weight:600;line-height:24px;color:#5925DC;}.elementor-237640 .elementor-element.elementor-element-6853a4c{padding:0px 0px 146px 0px;}.elementor-237640 .elementor-element.elementor-element-7bcd21c > .elementor-element-populated{padding:10px 40px 10px 10px;}.elementor-237640 .elementor-element.elementor-element-7b55b9f .elementor-heading-title{font-size:36px;font-weight:600;line-height:44px;color:#283A5E;}.elementor-237640 .elementor-element.elementor-element-a8d0b0b .elementor-repeater-item-7cc24bb .elementor-icon-list-icon{width:32px;}.elementor-237640 .elementor-element.elementor-element-a8d0b0b .elementor-icon-list-item:not(:last-child):after{content:"";height:1%;border-color:#B1BBD0;}.elementor-237640 .elementor-element.elementor-element-a8d0b0b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:dotted;border-top-width:5px;}.elementor-237640 .elementor-element.elementor-element-a8d0b0b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:dotted;}.elementor-237640 .elementor-element.elementor-element-a8d0b0b .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:5px;}.elementor-237640 .elementor-element.elementor-element-a8d0b0b .elementor-icon-list-icon{width:14px;}.elementor-237640 .elementor-element.elementor-element-a8d0b0b .elementor-icon-list-icon i{font-size:14px;}.elementor-237640 .elementor-element.elementor-element-a8d0b0b .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-237640 .elementor-element.elementor-element-a8d0b0b .elementor-icon-list-text, .elementor-237640 .elementor-element.elementor-element-a8d0b0b .elementor-icon-list-text a{color:#536587;}.elementor-237640 .elementor-element.elementor-element-a8d0b0b .elementor-icon-list-item{font-size:14px;font-weight:500;line-height:20px;}.elementor-237640 .elementor-element.elementor-element-f81a08f{padding:0px 0px 4px 0px;text-align:left;}.elementor-237640 .elementor-element.elementor-element-f81a08f img{width:794px;height:446px;border-radius:24px 24px 24px 24px;}.elementor-237640 .elementor-element.elementor-element-579f15d{--box-border-color:#D5DEEC;--header-color:#536587;--item-text-color:#283A5E;--item-text-hover-color:#4A1FB8;--item-text-active-color:#5925DC;}.elementor-237640 .elementor-element.elementor-element-579f15d .elementor-toc__header-title{text-align:start;}.elementor-237640 .elementor-element.elementor-element-579f15d .elementor-toc__header, .elementor-237640 .elementor-element.elementor-element-579f15d .elementor-toc__header-title{font-weight:600;}.elementor-237640 .elementor-element.elementor-element-579f15d .elementor-toc__header{flex-direction:row;}.elementor-237640 .elementor-element.elementor-element-579f15d .elementor-toc__list-item{font-weight:400;}.elementor-237640 .elementor-element.elementor-element-dec1cff{color:#283A5E;font-size:16px;font-weight:400;line-height:28px;}.elementor-237640 .elementor-element.elementor-element-0116fcc:not(.elementor-motion-effects-element-type-background), .elementor-237640 .elementor-element.elementor-element-0116fcc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFF3F9;}.elementor-237640 .elementor-element.elementor-element-0116fcc, .elementor-237640 .elementor-element.elementor-element-0116fcc > .elementor-background-overlay{border-radius:24px 24px 24px 24px;}.elementor-237640 .elementor-element.elementor-element-0116fcc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:44px;margin-bottom:0px;}.elementor-237640 .elementor-element.elementor-element-0116fcc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-237640 .elementor-element.elementor-element-89e8475 > .elementor-element-populated{padding:32px 32px 32px 32px;}.elementor-237640 .elementor-element.elementor-element-9ff2216 .elementor-heading-title{font-size:14px;font-weight:600;line-height:20px;color:#283A5E;}.elementor-237640 .elementor-element.elementor-element-55c6dae{--divider-border-style:solid;--divider-color:#D5DEEC;--divider-border-width:1.5px;margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;}.elementor-237640 .elementor-element.elementor-element-55c6dae .elementor-divider-separator{width:100%;}.elementor-237640 .elementor-element.elementor-element-ab4290e .elementor-author-box__avatar img{width:80px;height:80px;}body.rtl .elementor-237640 .elementor-element.elementor-element-ab4290e.elementor-author-box--layout-image-left .elementor-author-box__avatar,
					 body:not(.rtl) .elementor-237640 .elementor-element.elementor-element-ab4290e:not(.elementor-author-box--layout-image-above) .elementor-author-box__avatar{margin-right:24px;margin-left:0;}body:not(.rtl) .elementor-237640 .elementor-element.elementor-element-ab4290e.elementor-author-box--layout-image-right .elementor-author-box__avatar,
					 body.rtl .elementor-237640 .elementor-element.elementor-element-ab4290e:not(.elementor-author-box--layout-image-above) .elementor-author-box__avatar{margin-left:24px;margin-right:0;}.elementor-237640 .elementor-element.elementor-element-ab4290e.elementor-author-box--layout-image-above .elementor-author-box__avatar{margin-bottom:24px;}.elementor-237640 .elementor-element.elementor-element-ab4290e .elementor-author-box__name{color:#283A5E;font-size:20px;font-weight:600;line-height:30px;margin-bottom:14px;}.elementor-237640 .elementor-element.elementor-element-ab4290e .elementor-author-box__bio{color:#283A5E;font-size:16px;font-weight:400;line-height:28px;margin-bottom:16px;}.elementor-237640 .elementor-element.elementor-element-ab4290e .elementor-author-box__button{color:#5925DC;border-color:#5925DC;font-size:16px;font-weight:600;line-height:24px;border-width:0px;border-radius:0px;padding:0px 0px 0px 0px;}.elementor-237640 .elementor-element.elementor-element-ab4290e .elementor-author-box__button:hover{border-color:#4A1FB8;color:#4A1FB8;}.elementor-237640 .elementor-element.elementor-element-989b31b > .elementor-element-populated{margin:10px 45px 0px 0px;--e-column-margin-right:45px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-237640 .elementor-element.elementor-element-ea3873b{margin-top:0px;margin-bottom:0px;z-index:0;}.elementor-237640 .elementor-element.elementor-element-8a9185b{margin:-4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:0;}@media(max-width:1024px) and (min-width:768px){.elementor-237640 .elementor-element.elementor-element-7bcd21c{width:100%;}.elementor-237640 .elementor-element.elementor-element-989b31b{width:100%;}}@media(max-width:1024px){.elementor-237640 .elementor-element.elementor-element-b38c1fe{margin-top:0px;margin-bottom:0px;}.elementor-237640 .elementor-element.elementor-element-87bbac5{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-237640 .elementor-element.elementor-element-e5f1f43 > .elementor-element-populated{padding:42px 30px 10px 30px;}.elementor-237640 .elementor-element.elementor-element-6853a4c{padding:0px 0px 30px 0px;}.elementor-237640 .elementor-element.elementor-element-7bcd21c > .elementor-element-populated{padding:30px 30px 30px 30px;}.elementor-237640 .elementor-element.elementor-element-579f15d{--box-border-width:1px;--box-border-radius:15px;--separator-width:0px;--box-padding:32px;}.elementor-237640 .elementor-element.elementor-element-579f15d .elementor-toc__header, .elementor-237640 .elementor-element.elementor-element-579f15d .elementor-toc__header-title{font-size:20px;line-height:30px;}.elementor-237640 .elementor-element.elementor-element-579f15d .elementor-toc__header{column-gap:0px;}.elementor-237640 .elementor-element.elementor-element-579f15d .elementor-toc__list-item{font-size:16px;line-height:24px;}.elementor-237640 .elementor-element.elementor-element-989b31b > .elementor-element-populated{padding:30px 30px 30px 30px;}.elementor-237640 .elementor-element.elementor-element-8a9185b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-237640 .elementor-element.elementor-element-e5f1f43 > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-237640 .elementor-element.elementor-element-7bcd21c > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-237640 .elementor-element.elementor-element-7b55b9f .elementor-heading-title{font-size:32px;}.elementor-237640 .elementor-element.elementor-element-f81a08f img{height:300px;}.elementor-237640 .elementor-element.elementor-element-8a9185b{width:100%;max-width:100%;}}/* Start custom CSS for table-of-contents, class: .elementor-element-579f15d */#learn-center-toc .elementor-toc__header{
    padding: 32px 40px 25px;
}
#learn-center-toc .elementor-toc__body{
    padding: 0px 40px 32px;
}
#learn-center-toc .elementor-toc__header-title, #learn-center-toc .elementor-toc__list-item{
    padding-left: 12px;
}
#learn-center-toc .elementor-item-active{
    font-weight: 600;
    border-left: 3px solid #5925DC !important;
    padding-left: 12px;
    margin-left: -14px;
}
#learn-center-toc .elementor-toc__list-item{
    padding-bottom: 8px;
}
#learn-center-toc .elementor-toc__list-item:last-child{
    padding-bottom: 0px;
    margin-bottom: 0px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a6746d7 */.toc-container {
  display: inline-block;
  border: 1px solid #DDE0E8;
  border-radius: 12px;
 

  cursor: pointer;
  width: 340px; /* Adjust width as necessary */
   padding-right: 20px;
    border: 1px solid #DDE0E8;
    border-radius: 12px;
    padding-top: 15px;
    /*padding-bottom: 10px;*/
    box-shadow: 0px 1px 2px 0px #1018280D !important; 
}

.toc-title{
  margin-left: 5px;
  
}

.toc-button {
  background: none;
  border: none;
  padding-bottom: 15px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: #283A5E;

  width: 100%;
  text-align: left;
}



.toc-icon {
  font-size: 18px;
  margin-right: 8px;
}

.toc-arrow {
  margin-left: auto;
  font-size: 14px;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.toc-container.active .toc-arrow {
  transform: rotate(-180deg); 
}

.toc-dropdown {
  display: none;
  max-height: 420px;
    height: auto;
    overflow-y: auto;   
    padding-top: px;
}

#toc-ham{
    width: 20px;
    height: 30px;
    margin-right: 10px;
    margin-top: -3px;
    margin-left: 20px;
}

#toc-chevron-up{
      width: 18px;
    height:30px;
    vertical-align: middle;
   float: right;
}

#toc-chevron-up{
    transition: transform 0.3s ease; /* Smooth rotation */
}

.rotated {
    transform: rotate(180deg); /* Rotates the image 180 degrees */
}


 /*Set the scrollbar width and color */
.toc-container ::-webkit-scrollbar {
    width: 5px !important;
   
}

a.active{
     color: #5925DC !important;
  font-weight: 600 !important;
  border-left: 3px solid #5925DC !important;
  padding-left: 13px;
}


.toc-container ::-webkit-scrollbar-thumb {
    background: #CBD5E1 !important;
    border-radius: 32px !important;
}


.toc-container.active .toc-dropdown {
  display: block !important;
  
}

.toc-dropdown ul {
  list-style: none;
  /*padding: 0;*/
  margin: 0;
}

.toc-dropdown li {
  padding: 8px 16px;
}

.toc-dropdown li a {
   padding-left:22.5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  color: #283A5E;
  display: block;
  transition: color 0.3s ease;
}

.toc-dropdown li a:hover {
  color: #5925DC; 
}

/* Active class for the list items in TOC */
.toc-dropdown li.active {
    font-weight: bold;
    color: #5925DC;
    border-left: 3px solid #5925DC;
    padding-left: 13px;
}


/* Update the chevron styles */
#toc-chevron-up {
  margin-left: auto;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.toc-container.active #toc-chevron-up {
  transform: rotate(-180deg); /* Rotate up when active */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a9185b */.blog-Ads{
    border: 1px solid #D9D6FE;
    background:url("https://storage.googleapis.com/cdn-devwebsite-bolddesk/2024/11/189445e4-blog-bg.webp");
    background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-size: cover;
    padding: 28px 0;
    border-radius: 24px;
}

.blog_heading{
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: 0.5%;
    padding-bottom: 24px;
    text-align: center;
    color:#283A5E;
}
.button,.blog_list ul{
    padding-right: 11px;
    padding-left: 11px;
}
.button{
    padding-top:16px;
    padding-right: 10px;
    padding-left: 10px;
    display: flex;
    justify-content: center; 
}

.try_bolddesk {
    background: #6938EF;
    border: 1.5px solid #6938EF;
    color: #FFFFFF;
    font-size: 16px;
    line-height:20px;
    font-weight: 500;
    letter-spacing:2%;
    border-radius: 10px;
    padding: 10px 37px;
    margin-right: 12px;
    white-space: nowrap;
}
 a .try_bolddesk{
    color: #FFFFFF;
     
}

.try_bolddesk:hover{
    background-color: #4A1FB8;
    border: 1.5px solid #4A1FB8;
}
.bookdemo{
    background: transparent;
    border: 1.5px solid #6938EF;
    color: #6938EF;
    font-size: 16px;
    line-height:20px;
    font-weight: 500;
    letter-spacing:2%;
    padding: 10px 37px;
    border-radius: 10px;
    white-space: nowrap;
}
a .bookdemo{
    color: #6938EF !important;
    
}
.bookdemo:hover{
   background-color:#4A1FB8;
   border-color: #4A1FB8;
   color: #FFFFFF !important;
}


.blog_list ul{
    margin: 0;
}
.blog_list{
    margin-top: 24px;
}
.blog_list li{
    color: #283A5E;
    font-size: 14px;
    line-height:22px;
    font-weight: 500;
    letter-spacing:1%;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
}
.blog_list p,.blog_list img{
display: inline;
}
.blog_list p{
    margin-bottom: 0;
}

.blog_list img{
    margin-top: 2px;
    margin-right: 7px;
    position: relative;
    align-items: center;
}

/*@media(min-width:1000px) and (max-width:1200px){*/
/*.blog-Ads{*/
/*    padding: 32px 14px !important;*/
/*}*/
/*}*/
@media(min-width:768px) and (max-width:1024px){
.blog-Ads{
    width:365px;
    margin: 60px auto 35px auto;
}
}
@media(min-width:320px) and (max-width:767px){
.blog_heading{
    font-size:18px;
    line-height:24px;
}
.blog-Ads{
    width:280px;
    margin: 40px auto 10px auto;
}
.try_bolddesk{
    padding: 10px 20px;
     margin-right: 5px;
    
}
.bookdemo{
    padding: 10px 20px;
    margin-left: 5px;
    
}
}/* End custom CSS */
/* Start custom CSS */.template_download{
    margin-top: 30px!important;
    margin-bottom: 30px!important;
    padding: 16px 28px !important;
    background-color: #6938EF !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 15px !important;
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
    border-radius: 10px 10px 10px 10px !important;
    border:1px solid #6938EF !important
}

.template_download:hover{
    background: #4A1FB8 !important;
    border-color: #4A1FB8 !important;
    box-shadow: 0px 1px 2px 0px #1018280D !important;
}

/*toc css*/
.learn-desktop .elementor-toc__header{
    padding-left: 12px;
}
.learn-desktop  .elementor-toc__body{
    padding-top: 24px
}
.learn-desktop .elementor-toc__list-item{
    padding-left: 12px;
    padding-bottom: 4px;
}
.learn-desktop .elementor-item-active{
    font-weight: 600;
}

/*post content*/

.learn-content h2,.learn-content h3,.learn-content h4,.learn-content h5,.learn-content h6{
    color: #283A5E;
    font-weight: 600;
    margin-bottom: 24px
}
.learn-content h2{
font-size: 30px;
line-height: 38px;
margin-top: 56px;
}
.learn-content h3{
font-size: 24px;
line-height: 32px;
margin-top: 48px;
}
.learn-content h4{
font-size: 20px;
line-height: 30px;
margin-top: 32px;
}
.learn-content p{
    margin-top: 24px;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.learn-content a{
font-size: 16px;
font-weight: 500;
line-height: 28px;
color: #5925DC;
}
.learn-content a:hover{
color: #4A1FB8;
}

.learn-content blockquote p{
    color: #283A5E;
font-size: 16px;
font-weight: 500;
line-height: 28px;
border-left: 3px solid #FF4800;
padding-left: 12px;
font-style: normal;
padding-left: 12px !important;
margin-top:32px;
}
.learn-content blockquote{
    margin: 0;
    padding: 0;
    background: none;
}
.learn-content blockquote:before,
.learn-content blockquote:after {
  content: none;
}

.learn-content .learning-center-example{
    border: 13px solid #F4F3FF;
    background: #FFFFFF;
    border-radius: 16px;
    padding: 24px;
    margin-top: 24px;
}
.learn-content .learning-center-example p{
    color: #283A5E;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}
.learn-content .learning-center-example p:first-child{
    margin: 0;
}
.learn-content ul {
    list-style: disc;
     margin-top:24px;
}
.learn-content ul li::marker {
  color: #283A5E;
}
.learn-content li:not(:last-child) {
    margin-bottom: 12px;
}

#tab-menu.elementor-sticky--effects{
    background-color: white !important;
    box-shadow: 0 4px 6px -6px grey !important;
}

/*blog new ads css*/
.ads-blog-card p{
    margin:0;
}
.ads-blog-card{
    border-radius: 12px;
    display: flex;
    margin-bottom: 24px;
 
}
.ads-blog-card-col-1{
    width:65% !important;
    align-self: center !important;
    padding: 32px 10px 32px 32px;
}
.ads-blog-card-col-2{
    width:35% !important;
    text-align: center;
    margin: auto;
}
.adsTitle{
    font-style: normal;
font-weight: 600 !important;
font-size: 16px !important;
line-height: 24px !important;
letter-spacing: 0.01em;
margin-bottom: 8px !important;
}
.ads-description{
    font-style: normal;
font-weight: 500 !important;
font-size: 14px !important;
line-height: 20px !important;
letter-spacing: 0.01em;
margin-bottom: 10px !important;
margin-top: 0 !important;
}
.ads-btn{
    margin-top: 0 !important;
}
.ads-blog-card a{
    padding: 8px 18px !important;
    border-radius: 4px !important;
    text-align: center !important;
    font-style: normal !important;
font-weight: 600 !important;
font-size: 12px !important;
line-height: 18px !important;
letter-spacing: 0.01em !important;
}
.bg-dark-one{
    background-color: #7C00BD !important;
}
.bg-dark-two{
    background-color: #007639 !important;
}
.bg-dark-three{
    background-color: #002EA2 !important;
}
.bg-dark-four{
    background-color: #7A0047 !important;
}
.bg-dark-five{
    background-color: #840077 !important;
}
.bg-light-one{
    background-color: #F3EDFF !important;
    border: 1px solid #E7DBFF !important;
}
.bg-light-two{
    background-color: #E3FFFC !important;
    border: 1px solid #C2F1ED !important;
}
.bg-light-three{
    background-color: #E8F5FF !important;
    border: 1px solid #C9E8FF !important;
}
.bg-light-four{
    background-color: #FFF1F5 !important;
    border: 1px solid #FFDEE8 !important;
}
.bg-light-five{
    background-color: #FFFBE5 !important;
    border: 1px solid #F0ECD1 !important;
}
.dark-style a{
    background: #F4F3FF !important;
    border: 1px solid #F4F3FF !important;
}
.dark-style .ads-title{
    color: #FFFFFF !important;
}
.dark-style .ads-description{
    color: #FFFFFF !important;
}
.light-style a{
    color: #FFFFFF !important;
    background: #6938EF !important;
}
.light-style .ads-title{
    color: #18294C !important;
}
.light-style .ads-description{
    color: #283A5E !important;
}
.bg-dark-one a{
    color: #570084 !important;
}
.bg-dark-two a{
    color: #004C25 !important;
}
.bg-dark-three a{
    color: #012684 !important;
}
.bg-dark-four a{
    color: #65003B !important;
}
.bg-dark-five a{
    color: #500048 !important;
}

/*accordion css*/
.inner_accordion {
	max-width: 100%;
	
	}
	
	.inner_accordion h3{
		margin:0px !important;
		padding:0px !important;
	}
	
	.inner_accordion input {
	display: none;
	}
	
	.inner_accordion label {
	display: block;
	color: #283A5E;
	font-size: 20px;
	font-weight: 600;
	line-height: 32px;
	    padding: 20px 17px 17px 50px;
	border:1px solid #D5DEEC;
	border-radius: 16px;
	cursor: pointer;
	 margin-top: 12px; 
	 position: relative; /* Required for positioning the arrow */
		/*background: url('https://storage.googleapis.com/cdn-devwebsite-bolddesk/2024/05/c3d6d768-down-arrow.svg') no-repeat right 32px center;*/
		/*background-size: 14px;*/
	}
	
	.inner_accordion .inner_accordion_content {
	max-height: 0;
	overflow: hidden;
	background:#FFF;
	padding: 0px 32px;
	color: #536587;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	/*transition: max-height 0.5s ease-in-out, padding 0.3s ease-in-out;*/
	}
	
	.inner_accordion_content a{
	    color: #5925DC;
	}
	.inner_accordion_content a:hover{
	   color: #4A1FB8 !important;
	}
	
	.inner_accordion input:checked ~ label, .inner_accordion  h3:first-of-type input:checked ~ label{
        border-radius: 16px 16px 0 0;
        border-bottom: none;
	}
	
	.inner_accordion h3:has(input:checked) + .inner_accordion_content 
	 {
		max-height: 500px !important;
		padding: 0px 17px 17px 50px !important;
		border-bottom: 1px solid #D5DEEC;
        border-left: 1px solid #D5DEEC;
        border-right: 1px solid #D5DEEC;
        border-radius: 0px 0 16px 16px;
        
	}
	.inner_accordion label::before {
		content: "";
		position: absolute;
		left: 20px; /* Adjust the position */
		top: 50%;
		width: 20px;
		height: 20px;
		background: url('https://storage.googleapis.com/cdn-devwebsite-bolddesk/2024/05/9f501a68-arrow-up.svg') no-repeat center;
		background-size: contain;
		transform: translateY(-50%) rotate(180deg);
		transition: transform 0.3s ease-in-out;
	}
	
	.inner_accordion input:checked ~ label::before {
		transform: translateY(-50%) rotate(0deg);
	}
	

	/*! inner_accordion css end here*/
	
/*! inner_accordion css end here*/

/*accordion css*/
.accordion {
max-width: 100%;

}

.accordion h4{
	margin:0px !important;
}

.accordion input {
display: none;
}

.accordion label {
display: block;
color: #283A5E;
font-size: 20px;
font-weight: 600;
line-height: 32px;
padding: 24px 32px;
border-top:1px solid #D5DEEC;
cursor: pointer;
 margin-top: 12px; 
 position: relative; /* Required for positioning the arrow */
    /*background: url('https://storage.googleapis.com/cdn-devwebsite-bolddesk/2024/05/c3d6d768-down-arrow.svg') no-repeat right 32px center;*/
    /*background-size: 14px;*/
}

.accordion .content {
max-height: 0;
overflow: hidden;
background:#FFF;
padding: 0px 32px;
color: #536587;
font-size: 16px;
font-weight: 500;
line-height: 26px;
/*transition: max-height 0.5s ease-in-out, padding 0.3s ease-in-out;*/
}

.accordion h4:has(input:checked) + .content 
 {
    max-height: 500px !important;
    padding: 0px 32px 24px 32px !important;
}

.accordion input:checked ~ label, .accordion  h4:first-of-type input:checked ~ label{
border-top: 2px solid #D5DEEC;
/*background: url('https://storage.googleapis.com/cdn-devwebsite-bolddesk/2024/05/9f501a68-arrow-up.svg') no-repeat right 32px center;*/
/*    background-size: 20px;*/
}

.accordion label::after {
    content: "";
    position: absolute;
    right: 20px; /* Adjust the position */
    top: 50%;
    width: 20px;
    height: 20px;
    background: url('https://storage.googleapis.com/cdn-devwebsite-bolddesk/2024/05/9f501a68-arrow-up.svg') no-repeat center;
    background-size: contain;
    transform: translateY(-50%) rotate(180deg);
    transition: transform 0.3s ease-in-out;
}

.accordion input:checked ~ label::after {
    transform: translateY(-50%) rotate(0deg);
}

.accordion h4:last-of-type label, .accordion h4:has(input:checked) + .content:last-of-type{
    border-bottom: 1px solid #D5DEEC;
}

.accordion h4:last-of-type input:checked ~ label{
    border-bottom: 0px;
}

/* First label - Remove top border */
.accordion h4:first-of-type label {
    border-top: 0px;
}

/*! accordion css end here*//* End custom CSS */