.elementor-4195 .elementor-element.elementor-element-2a78f5c{--display:flex;}.elementor-4195 .elementor-element.elementor-element-ec57a11 .docomo-line-accordion__line-buttons{background-image:url("https://docomopacific.truebeep.com/wp-content/uploads/2026/04/gray-poly-1.webp");}.elementor-4195 .elementor-element.elementor-element-ec57a11 .docomo-line-accordion__item{background-image:url("https://docomopacific.truebeep.com/wp-content/uploads/2026/04/gray-poly-1.webp");}.elementor-4195 .elementor-element.elementor-element-ec57a11 .docomo-line-accordion__icon{width:20px;min-width:20px;height:20px;}.elementor-4195 .elementor-element.elementor-element-ec57a11 .docomo-line-accordion__icon svg{width:20px !important;height:20px !important;}.elementor-4195 .elementor-element.elementor-element-ec57a11 .docomo-line-accordion__icon i{font-size:20px !important;}.elementor-4195 .elementor-element.elementor-element-ec57a11 .docomo-line-section-title{font-size:24px;}/* Start custom CSS for docomo_link_line_template_accordion, class: .elementor-element-ec57a11 */.docomo-line-accordion{
    padding: 0 !important;
}
.docomo-line-accordion {
	div.docomo-line-accordion__line-buttons{
	    padding:48px;
    	width:580px;
	    margin:48px auto ;
	}
	
	.docomo-line-accordion__items{

	    
	    		
		article{
			border-radius:4px;

			button{		
				cursor:pointer;
				transition:.5s;
				border-radius:4px;
				overflow:hidden;
				background:#fff;
				padding:6px 16px;
				
					span{
						transition:.5s;
						font-size:18px;
							svg{
							fill:var(--docomo-red);
					}
				}
			}
			
			.docomo-mobile-service-plan-card__panel{
			    border-radius: 4px;
			}
			
				.is-selected .docomo-mobile-service-plan-card__panel{
						        border-top: 2px solid var(--docomo-red);
						        border-left: 2px solid var(--docomo-red);
						        border-right: 2px solid var(--docomo-red);

						    }
						
			
			button:disabled{
				pointer-events:none;
				span{
					opacity:.4;
				}
			}
			
			.docomo-line-accordion__panel{
				padding-top:48px;
				.docomo-line-primary-packages{
					 display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 1.5rem;
                
                .docomo-mobile-service-plan-card__heading{
                    margin-bottom: 20px;
                    font-size: 24px;
                }
                
				.docomo-mobile-service-plan-card
				{
				    
				    
				    
					.docomo-mobile-service-plan-card__panel{
						padding:24px
						
					
							
							h3{
								font-size:24px;
								margin-bottom:20px;
							}
							
							div ul li {
								margin-bottom:16px;
								.docomo-mobile-service-plan-card__feature-text{
								font-size:20px;
							    }
							}
							.docomo-mobile-service-plan-card__price{
								font-size:24px;
								font-weight:700;
							}
						}
						
						.docomo-mobile-service-plan-card__select-wrap{
						    a{
						        padding: 12px 20px;
						        color:var(--docomo-red);
						        border-radius: 4px;
						        
						        &:hover{
						            background: var(--docomo-red);
						            color:#fff;
						        }
						        
						        &[data-selected="true"] {
                                    background: var(--docomo-red);
						            color:#fff;
                                }
						    }
						}
						
					}
					
				}
				
			}
			
	
			
		}
		
		/*article*/
		
		article.is-open{
			button{		
				background:var(--docomo-red);
								border-radius:4px 4px 0 0;
					span{
				color:#fff;
						svg{
							fill:#fff;
						}
				}
			}
		}
	}
	
	.docomo-line-unlimited-extras{
	    
	     display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 1.5rem;
	    
	    .docomo-mobile-service-plan-card--extra{
	       	    margin: unset;
	       	    max-width: unset;
	       	    
	       	    .docomo-mobile-service-plan-card__panel{
	       	        padding: 20px;
	       	        margin-bottom: 20px;
	       	        
	       	         h3{
	       	            font-size: 24px;
	       	            margin-bottom: 12px;
	       	            color: var(--docomo-red);
	       	        }
	       	        
	       	        .docomo-mobile-service-plan-card__price{
	       	            font-size:24px;
	       	        }
	       	        
	       	        button{
	       	            background: none;
	       	            color:var(--docomo-red);
	       	        }
	       	    }
	       	    
	       	    a{
						        padding: 12px 20px;
						        color:var(--docomo-red);
						        border-radius: 4px;
						        
						        &:hover{
						            background: var(--docomo-red);
						            color:#fff;
						        }
						        
						        &[data-selected="true"] {
                                    background: var(--docomo-red);
						            color:#fff;
                                }
						    }
	       	    

	    }
	}

	}/* End custom CSS */