✏️ Editing: _tabs.scss Writable

.elementor-widget-tabs {
	&.elementor-tabs-view-vertical{
		.elementor-tabs {
			.elementor-tabs-wrapper {
				flex-basis:39%;

.elementor-tab-title{
					@include transaction(all, 0.3s, ease);
					display: flex;
					justify-content:space-between;
					align-items:center;
					flex-wrap:wrap;
					width: 100%;
					max-width: 458px;
					border-radius: 5px;
					padding: 16px 30px;
					background-color: #1a192280;
					color: var(--heading);
					margin-bottom: 20px;
					font-size: 18px;
					font-weight: 600;

&.elementor-active{
						@include transaction(all, 0.3s, ease);
						background-color: var(--primary);
						color: #fff;

&:after , &:before{
							border-color:transparent;
						}

.ova-tab-icon{
							i{
								@include transaction(all, 0.3s, ease);
								color: #fff;
								transform: rotate(180deg);
							}
						}
					}

&:last-child{
						margin-bottom: 0;
					}

&:after , &:before{
						border-color:transparent;
					}

.ova-tab-icon{
						margin-left:20px;

i{
							@include transaction(all, 0.3s, ease);
							display: inline-flex;
							font-size: 20px;
							color: #4D505C;
						}
					}
				}
			}

.elementor-tabs-content-wrapper {
				> .elementor-tab-mobile-title {
					background-color: #1a192280;
					font-size: 18px;
					font-weight: 600;
					border-radius: 5px;

.ova-tab-icon{
						margin: 0 10px;
					}

&.elementor-active{
						background-color: var(--primary);
						color: var(--heading);

.ova-tab-icon{
							margin: 0 10px;
							i{
								@include transaction(all, 0.3s, ease);
								transform: rotate(180deg);
							}
						}
					}
				}
			}
		}
	}
	.elementor-tabs {
		.elementor-tabs-content-wrapper {
			> .elementor-tab-mobile-title {
				&:before {
					font-size: 14px;
					float: right;
					content: "\f199";
					font-family: ovaicon !important;
				    font-style: normal;
				    font-weight: normal !important;
				    font-variant: normal;
				    text-transform: none;
				    line-height: inherit;
				    -webkit-font-smoothing: antialiased;
				    -moz-osx-font-smoothing: grayscale;
				}

&.elementor-active {
					&:before {
						content: "\f19b";
					}
				}
			}
		}
	}
}

.elementor-tab-content, .elementor-accordion-title {
	font-family: var(--primary-font) !important;
}

🔐 Sid Gifari File Manager Pro