OwlCyberSecurity - MANAGER

Edit File: _toggle.scss

.elementor-widget-toggle {
	.elementor-toggle {
		.elementor-toggle-item {
			.elementor-tab-title {
				&.elementor-active, &:hover {
					.elementor-toggle-title {
						span {
							color: #fff;
							background-color: #323C3E;
						}
					}
				}
				.elementor-toggle-title {
					span {
						display: inline-flex;
						margin: 0 15px 0 0;
						justify-content: center;
						align-items: center;
						border-radius: 10px;
						background-color: #fff;
						border: 1px solid #E9ECED;
						width: 48px;
						height: 48px;
						@media (max-width: 1024px) {
							display: flex;
							margin: 0 0 15px 0;
						}
					}
				}

.ova-toggle-title {
					padding-right: 5px;
				}

.ova-icon {
					i {
						line-height: 26px;
					}
				}
				
				.ova-before-title {
					position: relative;

&:before {
						position: absolute;
						content: "";
						width: 4px;
						height: 24px;
						top: 50%;
						left: -12px;
						margin-top: -12px;
						background-color: var(--secondary);
					}
				}

.ova-boxes-icon {
					display: inline-flex;
					align-items: center;
					justify-content: center;
					width: 28px;
					height: 28px;
					background-color: #E9E9E9;
					border-radius: 2px;

i {
						vertical-align: middle;
					}
				}
			}
			.elementor-tab-content {
				p {
					margin: 0 0 1em;
					&:last-child {
						margin: 0;
					}
				}
			}
		}
	}
}

.elementor-widget-accordion {
	.elementor-accordion {
		.elementor-accordion-item {
			.elementor-tab-title {
				&.elementor-active, &:hover {
					.elementor-accordion-title {
						span {
							color: #fff;
							background-color: #323C3E;
						}
					}
				}
				.elementor-accordion-title {
					span {
						display: inline-flex;
						margin: 0 15px 0 0;
						justify-content: center;
						align-items: center;
						border-radius: 10px;
						background-color: #fff;
						border: 1px solid #E9ECED;
						width: 48px;
						height: 48px;
						@media (max-width: 1024px) {
							display: flex;
							margin: 0 0 15px 0;
						}
					}
				}
			}
			.elementor-tab-content {
				p {
					margin: 0 0 1em;
					&:last-child {
						margin: 0;
					}
				}
			}
		}
	}
}