@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/* General */
body, button, .heading, .paragraph,
.custom-content h1, .custom-content h2, .custom-content h3, 
.custom-content h4, .custom-content h5, .custom-content h6,
.custom-content p, .custom-content span { 
    font-family: "DM Sans", sans-serif; }
/*.button { 
    border-radius: 0.25rem !important; }*/
    
/* Buttons */
.button.is-primary {
    background: linear-gradient(135deg, #f97316 0%, #9333ea 100%); color: white; transition: all 0.3s ease; }
.button.is-primary:hover {
    background: linear-gradient(135deg, #ea580c 0%, #7c3aed 100%); transform: translateY(-2px); box-shadow: 0 10px 25px rgba(249, 115, 22, 0.3); }
   
/* Header*/
.header>.header-content .content-right .button { 
    font-size: 0.875rem; padding: 0.75rem 1.5rem; } 
.header>.header-content .header-logo.larger-h { 
    width: 200px; } 
@media (min-width: 992px) {
.header[data-type="2"]>.header-content .content-left { 
    max-width: 100%; width: calc(100% - 268px); } 
.header[data-type="2"]>.header-content .content-left .header-navbar { 
    max-width: 100%; margin: 0; }
}

/* Footer*/
.footer>.footer-content { 
    background: #111; color: white; } 
.footer>.footer-content .footer-item .footer-item-title { 
    color: #f97316; font-size: 1.125rem; font-weight: 700; margin-bottom: 1rem; } 
.footer>.footer-content .wrapper .footer-item .footer-item-content .link-footer,
.footer>.footer-content .wrapper .footer-item .footer-item-content .footer-info { 
    font-size: 0.875rem; color: #9c9c9c; text-decoration: none; transition: color 0.3s ease; } 
.footer>.footer-content .wrapper .footer-item .footer-item-content .link-footer:hover { 
    color: white; } 
.footer>.footer-content .footer-item[data-content=social-content] .footer-item-content { 
    flex-flow: row wrap; } 
.footer>.footer-content .footer-item[data-content=social-content] .footer-item-content .link-footer { 
    margin: 0; } 
.footer>.footer-content .footer-item[data-content=social-content] .footer-item-content .link-footer span { 
    display: none; } 
.footer>.footer-content .footer-item[data-content=social-content] .footer-item-content .link-footer { 
    margin: 0 8px 0 0; width: 2rem; height: 2rem; background: #373737; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; text-decoration: none; transition: background 0.3s ease; text-align: center; } 
.footer>.footer-content .footer-item .footer-item-content .link-footer .icon { 
    margin: 0; } 
.footer>.footer-content .footer-item[data-content=social-content] .footer-item-content .link-footer:hover { 
    background: #f97316; }
.footer>.footer-content .footer-item[data-content="contact-content"] .footer-item-content .footer-info { 
    display: flex; align-items: center; } 
.footer>.footer-content .footer-item[data-content="contact-content"] .footer-item-content .footer-info .icon { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239c9c9c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-map-pin'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center;  background-size: 1em;  width: 1em; height: 1em; display: inline-block; color: #9c9c9c; } 
.footer>.footer-content .footer-item[data-content="contact-content"] .footer-item-content .footer-info .fa { 
 display:none; } 
.footer>.footer-content .footer-item[data-content=apps-content] .link-store { 
    border: none; padding: 1rem 1.5rem; } 
.footer>.footer-content .footer-item[data-content=apps-content] .link-store .fa { 
    font-size: 2rem; }
.footer>.footer-bar { 
    background: #111; font-size: 0.875rem; } 
.footer>.footer-bar .wrapper .footer-copyright { 
    border-top: 1px solid #333; padding: 2rem 0; color: #9c9c9c; width: 100%; }
.footer + [data-bg=brand] {
    background: #111; }
.thin-strip-base[data-type="6"] .wrapper>.content-stores .link-store {
    border: none; }
.thin-strip-base[data-type="6"]  {
    background: linear-gradient(135deg, #ff6501 0%, #670099 50%, #4f46e5 100%); }

/* Cards*/
.cards-default .cards-header,
.categories-base .categories-header { 
    flex-direction: column; margin-bottom: 2rem; }
.cards-default .cards-header>.heading,
.categories-base .categories-header>.heading { 
    font-size: 2.5rem; font-weight: 700; margin-bottom: 0.5rem; color: #1f2937; } 
.cards-default[data-bg="brand"] .cards-header>.heading,
.categories-base[data-bg="brand"] .categories-header>.heading { 
    color: white; } 
.categories-base[data-type="2"] .categories-content>.categories-list .categories-item { 
    background: white; padding: 1.5rem; border-radius: 1rem; border: 1px solid #f3f4f6; text-align: center; transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; justify-content: flex-start; gap: 2rem; border-color: #e9e9e9; font-size: 1.15rem; }
.categories-base[data-type="2"] .categories-content>.categories-list .info .title { 
    color: #1f2937; font-weight: 700; } 
.categories-base[data-type="2"] .categories-content>.categories-list .info { 
    text-align: left; margin: 0; } 
.categories-base[data-type="2"] .categories-content>.categories-list .categories-item:hover { 
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); transform: none; } 
.categories-base[data-type="2"] .categories-content>.categories-list .categories-item:hover .title { 
    color: var(--link-base,#3ebaf6); } 
.cards-default .cards-list .card { 
    transition: all 0.3s ease; border: 1px solid #e9e9e9; border-radius: 1rem; background: white; } 
.cards-default .cards-list .card .content { 
    padding: 1.5rem; margin: 0 !important; } 
.cards-default .cards-list .card:hover { 
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); }
.cards-default .cards-list .card .picture, 
.cards-default .cards-list .card .picture img { 
    border-radius: var(--border-radius, 3px) var(--border-radius, 3px) 0 0; }
.cards-default .cards-list .card .picture .badge { 
    background: linear-gradient(135deg, #ea580c 0%, #7c3aed 100%); color: white; padding: 0.5rem 0.75rem; } 
.cards-default .cards-list .card .content .title { 
    color: #1f2937; font-weight: 700; } 
.cards-default[data-bg="brand"] .cards-list .card { 
    background: none; border: 1px solid rgba(255, 255, 255, 0.25); }
.cards-default .cards-list .card.card-horizontal {
    padding: 1.5rem; } 
.cards-default .cards-list .card.card-horizontal .picture {
    border-radius: var(--border-radius, 3px); }
.cards-default[data-type=articles] .cards-list.cards-betweens {
    gap: 2rem; }
.cards-default[data-type=articles] .cards-list.cards-betweens .card {
    padding: 1.5rem; }
.categories-base[data-type="2"] .categories-content>.categories-list .categories-item .picture {
    width: 4rem; height: 4rem; border-radius: 1rem; display: flex; align-items: center; justify-content: center; margin: 0; color: white; transition: transform 0.3s ease; min-width: 4rem; background: linear-gradient(135deg, #f97316 0%, #ef4444 100%); }
.categories-base .categories-content>.categories-list .categories-item .picture img {
    height: 24px; filter: invert(1); }
.categories-base[data-type="2"] .categories-content>.categories-list .categories-item:hover .picture {
    transform: scale(1.1); }

@media (min-width: 992px) {    
.cards-default .cards-list .card.card-horizontal[data-columns="3"] .picture {
    width: 125px; }
.cards-default .cards-list .card.card-horizontal[data-columns="3"] .content {
    width: calc(100% - 125px); }
}


/* Slider*/
.hero-default[data-type="3"] .hero-slider .carousel-cell:before {
    background: none; }
.hero-default .wrapper>.hero-header .heading,
.hero-default .wrapper>.hero-header .paragraph,
.hero-default[data-type="3"] .hero-slider .slider-content .heading {
    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.35); }
.hero-default .wrapper>.hero-header .heading { 
    font-size: 4rem; font-weight: 900; } 
.hero-default .wrapper>.hero-header .paragraph { 
    font-size: 1.25rem; opacity: 0.9; }
.hero-default[data-type="4"] .content-form {
    margin-top: 48px; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(8px); padding: 1.5rem; border-radius: 1rem; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); }
@media (max-width: 992px) {
.hero-default .wrapper>.hero-header .heading {
    font-size: 2.5rem; }
}
@media (max-width: 768px) {
.hero-default .wrapper>.hero-header .heading {
    font-size: 2rem; }
}
@media (max-width: 680px) {
.hero-wrapper [data-type="4"] {
    top: 32px; }
.hero-default[data-type="4"] .content-form {
    margin-top: 24px; }
.hero-default[data-type="3"] .hero-slider .slider-content .heading {
    font-size: 1rem; }
.hero-wrapper [data-type="3"] .hero-slider .carousel-cell {
    min-height: 530px; }
.flickity-enabled.is-draggable .flickity-viewport {
    height: 530px !important; }
}
@media (max-width: 580px) {
.hero-default[data-type="3"] .hero-slider .slider-content .heading {
    display: none; }
}

/* Search */    
.content-form .input-group {
    background: white; border: 2px solid #e5e7eb; border-radius: var(--border-radius-input,3px); }
.content-form .input-group .twitter-typeahead .input,
.content-form .input-group .input-group-icon {
    background: none; border: none; padding-left: 0.5rem; }
.content-form .input-group .input-group-icon .icon {
    font-size: 16px; color: #9ca3af; }

/* Custom Content - Video Section */
.customcontent-video-section { 
    padding: 5rem 0; background: linear-gradient(135deg, #fff7ed 0%, #faf5ff 50%, #ffffff 100%); margin: -48px 0; }
.customcontent-video-section .video-grid { 
    display: grid; gap: 3rem; align-items: center; }
.customcontent-video-section .video-wrapper { 
    position: relative; aspect-ratio: 16/9; border-radius: 1rem; overflow: hidden; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); }
.customcontent-video-section .video-wrapper iframe { 
    width: 100%; height: 100%; border: none; }
.customcontent-video-section .video-text h2 { 
    font-size: 2.5rem; font-weight: 900; margin-bottom: 1rem; line-height: 1.2; }
.customcontent-video-section .video-text p { 
    font-size: 1.125rem; color: #6b7280; margin-bottom: 2rem; line-height: 1.6; }
.customcontent-video-section .feature-item { 
    display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; }
.customcontent-video-section .feature-item span {
    margin: 0; }
.customcontent-video-section .feature-dot { 
    width: 0.5rem; height: 0.5rem; border-radius: 50%; }
.customcontent-video-section .feature-dot.orange { 
    background: #f97316; }
.customcontent-video-section .feature-dot.purple { 
    background: #9333ea; }
.customcontent-video-section .video-buttons { 
    display: flex; flex-direction: column; gap: 1rem; }
.customcontent-video-section .video-buttons .button:hover {
    color: white; }
    
@media (min-width: 1024px) {
.customcontent-video-section .video-grid { grid-template-columns: 1fr 1fr; }
.customcontent-video-section .video-text h2 { font-size: 3rem; }
.customcontent-video-section .video-buttons { flex-direction: row; } 
}
@media (max-width: 992px) {
.customcontent-video-section { margin: -24px 0; padding: 3rem 0; } 
}

/* App Download */
.customcontent-app-download { 
    padding: 5rem 0; background: linear-gradient(135deg, #ff6501 0%, #670099 50%, #4f46e5 100%); color: white; position: relative; overflow: hidden; margin: -48px 0; }
.customcontent-app-download .app-bg-pattern { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; background-image:  radial-gradient(circle at 10% 10%, white 2px, transparent 2px), radial-gradient(circle at 30% 80%, white 2px, transparent 2px), radial-gradient(circle at 80% 20%, white 2px, transparent 2px), radial-gradient(circle at 70% 90%, white 2px, transparent 2px); background-size: 100px 100px, 150px 150px, 120px 120px, 180px 180px; }
.customcontent-app-download .app-grid { 
    display: grid; gap: 3rem; align-items: center; position: relative; }
.customcontent-app-download .app-content h2 { 
    font-size: 2.5rem; font-weight: 900; margin-bottom: 1.5rem; line-height: 1.2; color: white; }
.customcontent-app-download .app-content h2 span {
    color: #fed7aa; font-weight: 900; }
.customcontent-app-download .app-content p { 
    font-size: 1.25rem; color: #fed7aa; margin-bottom: 2rem; line-height: 1.6; }
.customcontent-app-download .app-features { 
    margin-bottom: 2rem; }
.customcontent-app-download .app-buttons { 
    display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2rem; }
.customcontent-app-download .app-store-btn { 
    display: flex; align-items: center; gap: 0.75rem; background: #000000; color: white; padding: 1rem 1.5rem; border: none; border-radius: 0.75rem; cursor: pointer; transition: all 0.3s ease; }
.customcontent-app-download .app-store-btn:hover { 
    background: #1f2937; }
.customcontent-app-download .app-store-btn i { 
    width: 1.5rem; height: 1.5rem; }
.customcontent-app-download .btn-subtitle { 
    font-size: 0.75rem; }
.customcontent-app-download .btn-title { 
    font-size: 1.125rem; font-weight: 600; }
.customcontent-app-download .app-stats { 
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; text-align: center; }
.customcontent-app-download .stat-number { 
    font-size: 2rem; font-weight: 700; margin-bottom: 0.25rem; }
.customcontent-app-download .stat-stars { 
    display: flex; justify-content: center; gap: 0.125rem; color: #fbbf24; margin-bottom: 0.25rem; }
.customcontent-app-download .stat-label { 
    font-size: 0.875rem; color: #fed7aa; }
.customcontent-app-download .app-phone { 
    position: relative; display: flex; justify-content: center; }
.customcontent-app-download .phone-mockup { 
    width: 20rem; height: 24rem; background: #1f2937; border-radius: 3rem; padding: 0.5rem; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); }
.customcontent-app-download .phone-screen { 
    width: 100%; height: 100%; border-radius: 2.5rem; overflow: hidden; }
.customcontent-app-download .phone-screen img { 
    width: 100%; height: 100%; object-fit: cover; }
.customcontent-app-download .floating-icon { 
    position: absolute; width: 3rem; height: 3rem; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(8px); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; }
.customcontent-app-download .floating-icon.top-right { 
    top: -1rem; right: -1rem; }
.customcontent-app-download .floating-icon.bottom-left { 
    bottom: -1rem; left: -1rem; }
.customcontent-app-download .feature-list {
    margin-bottom: 2rem; }
.customcontent-app-download .feature-item {
    display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; }
.customcontent-app-download .feature-item  span {
    color: white; margin: 0; }
.customcontent-app-download .feature-dot {
    width: 0.5rem; height: 0.5rem; border-radius: 50%;}
.customcontent-app-download .feature-dot.orange {
    background: #f97316; }
.customcontent-app-download .feature-dot.purple {
    background: #9333ea; }

@media (min-width: 768px) {
.customcontent-app-download .app-buttons { flex-direction: row; }
}

@media (min-width: 1024px) {
.customcontent-app-download .app-grid { grid-template-columns: 1fr 1fr; }
.customcontent-app-download .app-content h2 { font-size: 3.5rem;  }
}

@media (max-width: 992px) {
.customcontent-app-download { margin: -24px 0; padding: 3rem 0; } 
}

/*
.hero-default[data-type="4"] .wrapper, .hero-default[data-type="5"] .wrapper, .hero-default[data-type="6"] .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    /*align-items: flex-start;
}

.content-form {
    min-width: 10%;
    max-width: 100%;
}

.hero-default[data-type="3"] .hero-slider .carousel-cell:before {
    width: 0%;
    height: 0%;
}

.hero-default[data-type="4"] .hero-header .heading {
  font-weight: 700;
}

.header .header-navbar .navbar-link {
    font-size: var(--font-size-16, 1em);
    font-weight: 600;
}

.header .header-navbar .navbar-link.plugin-dropdown-menu {
    font-size: 20px;
    font-weight: 600;
}

.header[data-type="1"][has-opacity="false"] > .header-content {
  box-shadow: 0px 10px 20px #0c0d1452;
}

.categories-base[data-type="2"][data-bg=brand] .categories-content>.categories-list .categories-item .info .title {
    color: var(--neutral-base, #3e455e);
    font-weight: 600;
}

.details-default>.detail-body .detail-body-content .tab-content .tab-item-about .picture img {
    border-radius: var(--border-radius, 3px); }
    
.custom-content p[style="text-align: center"] img,
.custom-content p[style="text-align:center"] img {
    margin-left: auto;
    margin-right: auto;
}

.footer>.footer-content .footer-item .footer-item-content .link-footer svg {
    width: 16px;
    height: 16px;
}

.footer > .footer-content .footer-item .footer-item-content .link-footer:nth-of-type(3) svg {
    margin-top: 6px;
}

*/