.unlimited_tabs_widget.mobile {
display: none;
}
.unlimited_tabs_widget video {
width: 100%;
height: 400px;
}
#main_content .unlimited_tabs_widget .second_sect {
margin-top: 42px;
}
#main_content .unlimited_tabs_widget .tab-item.item-1,
#main_content .unlimited_tabs_widget .tab-item.item-3 {
margin-top: 25px;
}
#main_content .unlimited_tabs_widget .tab-item {
border-radius: 8px;
padding: 24px 80px 24px 24px;
margin-bottom: 6px;
cursor: pointer;
position: relative;
}
#main_content .unlimited_tabs_widget .second_sect .tab-item {
padding: 24px 24px 24px 80px;
}
#main_content .unlimited_tabs_widget .tab-item.active {
background-color: #F5EEE7;
}
#main_content .unlimited_tabs_widget .tab-item.active:after {
content: "";
display: block;
width: 28px;
height: 28px;
background: url('data:image/svg+xml;utf8,') no-repeat;
background-position: center;
position: absolute;
right: -16px;
top: calc(50% - 14px);
}
#main_content .unlimited_tabs_widget .second_sect .tab-item.active:after {
background: url('data:image/svg+xml;utf8,') no-repeat;
background-position: center;
left: -16px;
}
#main_content .unlimited_tabs_widget .tab-item .progress {
height: 2px;
width: 0px;
}
#main_content .unlimited_tabs_widget .tab-item.active .progress {
background-color: #464A53;
}
#main_content .unlimited_tabs_widget .tab-item h3 {
font-size: 20px;
line-height: 24px;
margin-top: 16px;
color: black;
}
#main_content .unlimited_tabs_widget .tab-item p {
font-size: 16px;
line-height: 24px;
color: #121216;
margin-top: 8px;
margin-bottom: 0px;
}
#main_content .unlimited_tabs_widget .tab-item.active .icon {
display: block;
position: absolute;
width: 32px;
height: 32px;
top: calc(50% - 16px);
right: 34px;
}
#main_content .unlimited_tabs_widget .second_sect .tab-item.active .icon {
left: 26px;
right: auto;
}
#main_content .unlimited_tabs_widget .tab-item.active .icon.background {
background: url('data:image/svg+xml;utf8,');
}
#main_content .unlimited_tabs_widget .tab-item.active .icon.brand_kit {
background: url('data:image/svg+xml;utf8,');
}
#main_content .unlimited_tabs_widget .tab-item.active .icon.animation {
background: url('data:image/svg+xml;utf8,');
}
#main_content .unlimited_tabs_widget .tab-item.active .icon.music {
background: url('data:image/svg+xml;utf8,');
}
@media screen and (max-width: 768px) {
#main_content .unlimited_tabs_widget .tab-item.item-1,
#main_content .unlimited_tabs_widget .tab-item.item-3 {
margin-top: 0px;
}
.unlimited_tabs_widget video {
height: 288px;
margin-top: 40px;
}
#main_content .unlimited_tabs_widget .tab-item.active .icon {
display: none;
}
#main_content .unlimited_tabs_widget .tab-item,
#main_content .unlimited_tabs_widget .second_sect .tab-item {
padding: 24px;
}
}
@media screen and (max-width: 414px) {
.unlimited_tabs_widget.mobile {
display: block;
}
.unlimited_tabs_widget.desktop {
display: none;
}
.unlimited_tabs_widget .tabs_wrapper {
display: flex;
justify-content: space-between;
}
.unlimited_tabs_widget .tabs_wrapper a {
display: inline-block;
border-radius: 8px;
padding: 19px;
}
.unlimited_tabs_widget .tabs_wrapper a.active {
background-color: #F5EEE7;
}
.unlimited_tabs_widget .tabs_wrapper a span.icon {
display: block;
width: 32px;
height: 32px;
}
.unlimited_tabs_widget .tabs_wrapper a span.icon.background {
background: url('data:image/svg+xml;utf8,');
}
.unlimited_tabs_widget .tabs_wrapper a span.icon.brand_kit {
background: url('data:image/svg+xml;utf8,');
}
.unlimited_tabs_widget .tabs_wrapper a span.icon.animation {
background: url('data:image/svg+xml;utf8,');
}
.unlimited_tabs_widget .tabs_wrapper a span.icon.music {
background: url('data:image/svg+xml;utf8,');
}
.unlimited_tabs_widget .item_wrapper {
margin-top: 16px;
}
.unlimited_tabs_widget .item_wrapper .item {
display: none;
}
.unlimited_tabs_widget .item_wrapper .item.active {
display: block;
}
.unlimited_tabs_widget .item_wrapper .item.active .wrapper {
background: #F5EEE7;
border-radius: 8px;
padding: 24px 24px 48px;
margin-bottom: 16px;
}
#main_content .unlimited_tabs_widget .item_wrapper .item.active .wrapper h3 {
font-size: 20px;
line-height: 24px;
margin-bottom: 8px;
}
#main_content .unlimited_tabs_widget .item_wrapper .item.active .wrapper p {
font-size: 16px;
line-height: 24px;
text-align: left !important;
}
#main_content .unlimited_tabs_widget .item_wrapper .item.active img {
width: 100%;
height: auto;
}
}