.sect-home-intro {color: var(--color-black);line-height: 1.5;background-color: var(--color-white);background: linear-gradient(0deg, var(--color-purple-100) 50%, var(--color-white) 100%);padding-bottom: 0;text-align: center;}
.sect-home-intro .btn-container {display: flex;flex-direction: row;align-items: center;gap:1rem;justify-content: center;}
.sect-home-intro img {width: 100%;margin: auto;}
@media screen and (max-width:768px) {
	.sect-home-intro {padding-left: 1rem;padding-right: 1rem;}
	.sect-home-intro img {margin-top: 1rem;}
	.sect-home-intro .btn-container {flex-direction: column}
	.sect-home-intro .btn-container .btn {min-width:18rem}
}

/**/

.sect-home-specs { text-align: center; }
.sect-home-specs .container { position: relative; }
.sect-home-specs ul {display: grid;grid-template-columns: repeat(2, 1fr);margin: 2rem 0;gap: 1rem;}
.sect-home-specs ul li {display: flex;text-align: left;align-items: center;gap: .5rem;background: var(--color-purple-100);padding: 1.4rem;border-radius: var(--border-radius);}
.sect-home-specs ul li .h5 {color: var(--color-black);}
.sect-home-specs ul li .icon {height: 7rem;margin: 0 1rem;}
.sect-home-specs ul li div {display: flex;flex-direction: column;gap: .5rem;}
@media screen and (max-width:768px) {
    .sect-home-specs { }
    .sect-home-specs ul {grid-template-columns: repeat(1, 1fr);}
    .sect-home-specs ul li {width: 100%;}
    .sect-home-specs ul li .icon {height: 6rem;margin: 0;}
}

/**/

.sect-home-steps { text-align: center; background-color: var(--color-purple-100); padding-bottom: 0; background: linear-gradient(180deg, var(--color-purple-100) 50%, var(--color-white) 100%); }
.sect-home-steps ul { display: grid; grid-template-columns: repeat(3, 1fr); text-align: left; background-color: var(--color-white); border-radius: var(--border-radius); margin-top: 2rem; }
.sect-home-steps ul li {padding: 1.75rem;display: flex;flex-direction: column;justify-content: space-between;gap: .5rem;position: relative;}
.sect-home-steps ul li .h6 { color: var(--color-black); margin-bottom: .5rem; display: flex; align-items: center; justify-content: start; gap: .5rem; }
.sect-home-steps ul li .h6 n { height: 2rem; width: 2rem; display: inline-flex; text-align: center; align-items: center; justify-content: center; border: 1px solid var(--color-purple-500); border-radius: 50%; color: var(--color-purple-500); }
.sect-home-steps ul li .home-steps {width: 80%;height: auto;margin-left: 10%;}
.sect-home-steps ul li .icon-arrow-right {height: 2rem;width: 2rem;position: absolute;right: -1rem;top: 0;bottom: 0;margin: auto;}
@media screen and (max-width:768px) { 
    .sect-home-steps ul { grid-template-columns: repeat(1, 1fr); padding: 1rem; } 
    .sect-home-steps ul li { padding: 1rem; text-align: center; } 
    .sect-home-steps ul li .h6 { justify-content: center; } 
    .sect-home-steps ul li .icon-arrow-right {display: none}
}

/**/

.sect-home-plans {}
.sect-home-plans .container { position: relative; }
.sect-home-plans ul { display: flex; flex-direction: row; justify-content: center; gap: 1rem; }
.sect-home-plans ul > li {background-color: #ffffff;border-radius: var(--border-radius);position: relative;min-width: 36%;display: flex;flex-direction: column;align-items: center;border: 1px solid var(--border-color);overflow: hidden;}
.sect-home-plans ul > li:first-child {}
.sect-home-plans ul > li:last-child {}
.sect-home-plans ul > li .hder {width: 100%;display: flex;flex-direction: column;text-align: left;padding: 1.5rem;border-radius: var(--border-radius);}
.sect-home-plans ul > li:first-child .hder{background: var(--color-purple-100);color: var(--color-black);}
.sect-home-plans ul > li:last-child .hder{background: var(--color-purple-500);color: var(--color-white);}
.sect-home-plans ul > li ol {padding: 0;gap: .5rem;display: flex;flex-direction: column;color: #646464;width: 100%;padding: 2rem 1.5rem;}
.sect-home-plans ul > li ol li { display: flex; align-items: center; gap: .75rem; }
.sect-home-plans ul > li ol li .icon { height: 1.5rem; width: 1.5rem; min-width: 1.5rem; }
@media screen and (max-width:768px) { 
    .sect-home-plans {padding-top: 0;}
    .sect-home-plans ul { flex-direction: column; } 
}

/**/

.sect-home-templates {background-color: var(--color-purple-500);color: var(--color-white);text-align: center;padding-left: 3rem;padding-right: 3rem;}
.sect-home-templates .slider { }
.sect-home-templates .slider figure { margin: 0; padding: .75rem; position: relative; }
.sect-home-templates .slider figure:hover { cursor: pointer; }
.sect-home-templates .slider figure img { width: 100%; border-radius: 0.25rem }
.sect-home-templates .slider figure .btn-container {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;margin: auto;display: flex;align-items: center;justify-content: center;}
.sect-home-templates .slider figure:not(:hover) .btn { opacity: 0 }
@media screen and (max-width:768px){
    .sect-home-templates {padding-left: 0;padding-right: 0;}
    .sect-home-templates .slider { padding-left: 3rem; padding-right: 3rem; }
    .sect-home-templates .slick-slider .slick-prev { left: 0; }
    .sect-home-templates .slick-slider .slick-next { right: 0; }
    .sect-home-templates .slider figure:not(:hover) .btn {opacity: 1;}
}

/**/

.sect-home-blog{}
.sect-home-blog ul{display:flex;flex-direction:column;padding: 2rem 0;}
.sect-home-blog ul li{border-bottom: 1px solid var(--border-color);padding: 2rem 0;display:flex;flex-direction:row;gap: 1.5rem;background-color: #fff;}
.sect-home-blog ul li figure{margin:0;width: 8rem;height: 8rem;min-width: 8rem;position:relative;border-radius: .5rem;overflow:hidden;background-color: var(--color-light-blue);}
.sect-home-blog ul li figure img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.sect-home-blog ul li>div{display:flex;flex-direction:column;gap:.5rem;}
.sect-home-blog ul li>div:last-child {min-width: 12rem;align-items: end;}
.sect-home-blog ul li:hover {cursor:pointer;background-color: var(--color-purple-50);}
@media screen and (max-width:768px){
    .sect-home-blog ul li{flex-direction:column;gap:1rem;}
    .sect-home-blog ul li figure{aspect-ratio:4/3;width:100%;min-width:100%;height:auto;}
	.sect-home-blog ul li>div:last-child {align-items: start;}
}

/**/

.sect-blog{padding-top: 0;}
.sect-blog ul{display:flex;flex-direction:column;padding: 2rem 0;}
.sect-blog ul li{border-bottom: 1px solid var(--border-color);padding: 2rem 0;display:flex;flex-direction:row;gap: 1.5rem;background-color: #fff;}
.sect-blog ul li figure{margin:0;width: 8rem;height: 8rem;min-width: 8rem;position:relative;border-radius: .5rem;overflow:hidden;background-color: var(--color-light-blue);}
.sect-blog ul li figure img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.sect-blog ul li>div{display:flex;flex-direction:column;gap:.5rem;}
.sect-blog ul li>div:last-child {min-width: 12rem;align-items: end;}
.sect-blog ul li:hover {cursor:pointer;background-color: var(--color-purple-50);}
.sect-blog .pagination{display:flex;align-items:center;justify-content:center;padding: 0 0 2rem 0;gap: .5rem;}
.sect-blog .pagination a{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;cursor: pointer;color: inherit;border: 1px solid var(--color-white);border-color: var(--border-color);}
.sect-blog .pagination a.disabled{pointer-events: none}
.sect-blog .pagination a.active{font-weight:bold;}
.sect-blog .pagination a:hover {background-color:var(--color-purple-50)}
@media screen and (max-width:768px){
    .sect-blog ul li{flex-direction:column;gap:1rem;}
    .sect-blog ul li figure{aspect-ratio:4/3;width:100%;min-width:100%;height:auto;}
	.sect-blog ul li>div:last-child {align-items: start;}
}

/**/

.sect-templates {padding-top:0;background-color: var(--color-purple-100);}
.sect-templates .list-templates {display: grid;grid-template-columns: repeat(4, 1fr);gap: 1rem;}
.sect-templates .list-templates li {position: relative;cursor: pointer;}
.sect-templates .list-templates li img { width: 100%; border-radius: .25rem; }
.sect-templates .list-templates li > div { position: absolute; top: 50%; text-align: center; width: 100%; display: flex; flex-direction: column; gap: .5rem; }
.sect-templates .list-templates li:not(:hover) > div { display: none; }
.sect-templates .list-templates li > div .colors { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: .25rem; }
.sect-templates .list-templates li > div .colors a { height: 1.75rem; }
.sect-templates .list-templates li > div .colors a .icon { height: 100%; filter: invert(1); }
@media screen and (max-width:1200px){
		.sect-templates .list-templates { grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width:768px){
	.sect-templates .list-templates { grid-template-columns: repeat(2, 1fr);}
	.sect-templates .list-templates li { background-color: #d7cdf4; padding: .5rem .5rem 0; border-radius: .5rem; }
	.sect-templates .list-templates li > div { display: flex !important; position: static; flex-direction: column-reverse; margin-top: -3.5rem; gap: 1rem; }
	.sect-templates .list-templates li > div .colors { padding: .5rem; }
	.sect-templates .list-templates li > div .colors a { height: 1.5rem; }
	.sect-templates .box-billing-contact {flex-direction: column;text-align: center;padding: 1.25rem; gap: .5rem;}
}
/**/

.popup-create ul {display: flex;border: 1px solid var(--border-color);border-radius: .75rem;color: var(--color-gray-600);}
.popup-create ul li:first-child {border-right: 1px solid var(--border-color);}
.popup-create ul li {width: 50%;padding: 1rem 1rem 2rem;flex-direction: column;display: flex;align-items: center;gap: .5rem;}
.popup-create ul li figure img {height: 6.5rem;}
.popup-create ul li p {line-height: 1.25;}
.popup-create ul li .btn-container {margin-top: auto;padding-top: .5rem;}
.popup-create ul li > div {display: flex;flex-direction: column;gap: .5rem;height: 100%;}
@media screen and (max-width:768px){
	.popup-create ul li { width: 100%; }
	.popup-create ul li figure img {height: 4.5rem;}
}

/**/

.popup-processing figure img {
    height: 8rem;
    animation: anim-fade infinite 2s;
}

/**/

.sect-account { padding: 3rem 0; }
.sect-account .bx {background-color: var(--color-white);padding: 2rem;border-radius: 1rem;position: relative;border: 1px solid var(--border-color);}
.sect-account .bx.bx-help { background-color: var(--color-green-50); border-color: var(--color-green-500);}
.sect-account .title {display: flex;align-items: center;gap: .5rem;position: relative;margin-bottom: 1rem;}
.sect-account .title .icon { height: 1.5rem; }
.sect-account .list-data { display: flex; flex-direction: column; gap: 1rem; max-width: 30rem; }
.sect-account .list-data li { }
.sect-account .list-data li > div { display: flex; justify-content: space-between; padding: .25rem 0; }
@media screen and (max-width:768px){
    .sect-account .bx { padding: 1.5rem; }
}

/**/

.sect-files { padding: 3rem 0; }
.sect-files .title {display: flex;align-items: center;gap: .5rem;position: relative;justify-content: space-between;}
.sect-files .title .h4 {display: flex;align-items: center;gap: .5rem;}
.sect-files .title .h4 .icon { height: 1.5rem; }
.sect-files .list-files { display: flex; gap: 1rem; flex-wrap: wrap; }
.sect-files .list-files > li { width: calc(25% - .75rem); }
.sect-files .list-files > li > div { width: 100%; padding: 1.5rem 1rem; background-color: var(--color-purple-100); border-radius: 1rem; text-align: center; position: relative; }
.sect-files .list-files > li > div figure { width: 100%; margin: 0 0 1rem 0; aspect-ratio: 1/1; position: relative; text-align: center; cursor: pointer; }
.sect-files .list-files > li > div figure img { height: 100%; width: auto; position: absolute; margin: auto; left: 0; right: 0; }
.sect-files .list-files > li > div .h6 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sect-files .list-files .options { position: absolute; top: 0; right: 0; font-family: var(--font-1); text-align: right; z-index: 1; }
.sect-files .list-files .options .icon-container { padding: .75rem; display: block; cursor: pointer;}
.sect-files .list-files .options:not(.show) ul { display: none; }
.sect-files .list-files .options ul { background-color: var(--color-white); border-radius: 1rem; padding: .75rem; box-shadow: 0 1rem 2rem 0 rgb(0 0 0 / 10%); font-family: var(--font-1); position: absolute; top: .5rem; right: .5rem; }
.sect-files .list-files .options li { display: flex; align-items: center; gap: .5rem; padding: .25rem; cursor: pointer; border-radius: .5rem; color: var(--color-black); font-size: .9rem; }
.sect-files .list-files .options li:hover { background-color: var(--color-gray-50) }
@media screen and (max-width:768px){
	.sect-files .list-files > li { width: calc(50% - .5rem); }
}

/**/

.sect-signup {padding: 0;display: flex;flex-direction: row;height: 100%;position: relative;width: 100%;min-width: 800px;min-height: 800px;}
.sect-signup > div { width: 50%; padding: 3rem; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; }
.sect-signup > div > .bx { max-width: 24rem; display: flex; flex-direction: column; position: relative; }
.sect-signup .left { color: var(--color-white); position: relative; background-color: var(--color-purple-500); }
.sect-signup .left .bg { position: absolute; width: 120%; height: auto; opacity: .75; }
.sect-signup .left .bx { gap: 2rem; align-items: center; }
.sect-signup .left .bx .icon-logo { height: 3rem; }
.sect-signup .left h4 { display: flex; align-items: center; justify-content: center; gap: .25rem; }
.sect-signup .left h4 .icon { height: 2rem; }
.sect-signup .left figure { width: 100%; max-width: 24rem; position: relative; margin: auto; }
.sect-signup .left figure img { height: 100%; width: 100%; margin: auto; border-radius: 0.25rem }
.sect-signup .left .a { display: flex; align-items: center; justify-content: center; }
.sect-signup .left .a .icon { height: 3rem; margin-bottom: -.5rem; }
.sect-signup .left .b { display: flex; align-items: center; justify-content: center; gap: .3rem; }
.sect-signup .left .b .icon { height: 1.25rem; }
.sect-signup .right { padding-bottom: 0; }
.sect-signup .right .bottom { text-align: center; width: 100%; }
.sect-signup .right .footer { font-size: .85rem; text-align: center; width: 100%; }
.sect-signup .right .footer * {color: var(--color-gray-400);display: inline-flex;line-height: 1;}
.sect-signup .right .footer *:not(:last-child) { padding-right: .5rem; margin-right: .5rem; border-right: 1px solid var(--color-gray-300); }
.sect-signup .right .price { display: flex; align-items: center; justify-content: space-between; padding: 1rem; background-color: var(--color-purple-100); color: var(--color-black); }
.sect-signup .right .price > div { }
.sect-signup .right .price .c-gray { text-decoration: line-through; opacity: .8; }
.sect-signup .right { }
@media screen and (max-width:768px){
    .sect-signup { position: static; flex-direction: column; min-width: unset; min-height: unset; }
    .sect-signup > div { width: 100%; padding: 2rem; }
    .sect-signup > div > .bx { max-width: 100%; }
    .sect-signup .left { padding: 1rem 1rem 0 1rem; }
    .sect-signup .left .bx { gap: 1rem; }
    .sect-signup .left .a .icon { height: 2.75rem; }
    .sect-signup .left .b { }
    .sect-signup .left .b .icon { }
    .sect-signup .left figure { order: 3; aspect-ratio: 2/1; width: 80%; }
    .sect-signup .left figure img { object-fit: cover; object-position: top; border-radius: .25rem .25rem 0 0; }
    .sect-signup .right .bottom { margin-left: -2rem; margin-right: -2rem; width: auto; padding: 2rem; background-color: #f5f5f5; }
}

/**/

.sect-page {}
.sect-page .box .list { margin: 0 0 1rem 0; padding-left: 1rem; }
.sect-page .box .list li { margin: 0 0 1rem 0; list-style: disc; }

/**/

.sect-seo-1 {}
.sect-seo-1 figure img { max-width: 100%; border-radius: calc(var(--border-radius) * .75); }
.sect-seo-2 {}
.sect-seo-2 {}
.sect-seo-2 ul { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 1rem; list-style: none; padding: 0; margin: 0; align-items: stretch; }
.sect-seo-2 ul li {padding: 1.5rem;border-radius: var(--border-radius);background-color: var(--color-gray-100);background: linear-gradient(0deg, var(--color-gray-100) 20%, var(--color-white) 80%);}
.sect-seo-2 ul li figure {}
.sect-seo-2 ul li figure img { height: 1.5rem }
.sect-seo-3 {background-color: var(--color-gray-100);}
.sect-seo-3 figure img { max-width: 100%; border-radius: calc(var(--border-radius) * .75); }
.sect-seo-4 {}
.sect-seo-4 ul { display: flex; flex-direction: column; margin: 0; padding-left: 0; gap: 1rem; }
.sect-seo-4 ul li {padding: 1.5rem;list-style: none;border-radius: var(--border-radius);background: linear-gradient(0deg, var(--color-gray-100) 20%, var(--color-white) 80%);}
.sect-seo-4 ul li:last-child {}
.sect-seo-4 ul li p:last-child { margin-bottom: 0; }
@media screen and (max-width:768px){
    .sect-seo-2 ul { grid-template-columns: repeat(1, 1fr); }
}

/* Section checkout inicio */
.sect-checkout { padding: 0; }
.sect-checkout .col-a { }
.sect-checkout .col-a .bx { }
.sect-checkout .col-a .bx-1 {padding: 1rem;background-color: var(--color-blue-100);color: #000;border-radius: .75rem;display: flex;flex-direction: row;align-items: start;gap: .5rem;justify-content: start;}
.sect-checkout .col-a .bx-1>* { display: flex; align-items: center; gap: .5rem; font-family: var(--font-1); }
.sect-checkout .col-a .bx-1 .icon { height: 1.25rem; }
.sect-checkout .col-a .bx-1 figure { height: 22rem; width: 100%; margin: 0; }
.sect-checkout .col-a .bx-1 figure img { height: 100%; width: 100%; object-fit: contain; }
.sect-checkout .col-a .bx-2 { display: flex; flex-direction: row; justify-content: space-between; }
.sect-checkout .col-a .bx-2 .icon { height: 1.25rem; }
.sect-checkout .col-a .bx-2>div { display: flex; align-items: center; gap: .5rem; }
.sect-checkout .col-b { }
.sect-checkout .col-b .list-options { display: flex; flex-direction: column; gap: 1rem; }
.sect-checkout .col-b .list-options>li {padding: 1.4rem;background-color: #fff;border: 1px solid var(--color-gray-400);border-radius: .75rem;}
.sect-checkout .col-b .list-options>li.active {border-color: var(--color-green-800);background-color: var(--color-green-50);}
.sect-checkout .col-b .list-options>li.active .circle { content: ""; background: radial-gradient(#000 40%, #fff 40%); }
.sect-checkout .col-b .list-options>li:not(.active)>*:not(.visible) { display: none; }
.sect-checkout .col-b .list-options>li .bx-1 { color: #000; }
.sect-checkout .col-b .list-options>li .bx-1 img { height: 1rem; margin-left: auto; }
.sect-checkout .col-b .list-options>li .bx-1 * { font-family: var(--font-1); }
.sect-checkout .col-b .list-options>li .bx-1>div { display: flex; flex-direction: row; justify-content: start; align-items: center; gap: .5rem; }
.sect-checkout .col-b .list-options>li .bx-1>div[onclick] { cursor: pointer; }
.sect-checkout .col-b .list-options>li .bx-1 i { height: 1.25rem; width: 1.25rem; display: block; }
.sect-checkout .col-b .list-options>li .bx-1 .circle {border: 1px solid #000;background-color: #fff;cursor: pointer;}
.sect-checkout .col-b .list-options li ul.list-inputs { display: flex; flex-direction: column; gap: 1rem; margin-top: 1rem; }
.sect-checkout .col-b .list-options li.active ul.list-inputs li label {color: #646464;}
.sect-checkout .col-b .list-options li ul.list-inputs li .btn-container { margin-top: .5rem; margin-bottom: .5rem; }
.sect-checkout .col-c .bx-1 {padding: 1rem 1rem 2rem;background-color: var(--color-blue-100);color: #000;border-radius: .75rem;display: flex;flex-direction: column;justify-content: space-between;}
.sect-checkout .col-c .bx-1>div {display: flex;align-items: center;gap: .5rem;font-weight: bold;justify-content: space-between;}
.sect-checkout .col-c .bx-1>div .col {display: flex;gap: .25rem;flex: 0 0 auto;}
.sect-checkout .col-c .bx-1>div .col-a {}
.sect-checkout .col-c .bx-1>div .col-a .icon { height: 1.25rem; }
.sect-checkout .col-c .bx-1>div .col-b {}
.sect-checkout .col-c .bx-1 ul {display: flex;flex-direction: column;gap: 1rem;margin-top: 1rem;line-height: 1.25;}
.sect-checkout .col-c .bx-1 ul li { display: flex; flex-direction: row; }
.sect-checkout .col-c .bx-1 ul li:first-child .col { align-items: center; }
.sect-checkout .col-c .bx-1 ul li:first-child .col b {word-break: break-all;}
.sect-checkout .col-c .bx-1 ul li .col { display: flex; gap: .75rem; }
.sect-checkout .col-c .bx-1 ul li .col-a {justify-content: start;max-width: 75%;align-items: start;padding-right: 0.75rem;color: var(--color-gray-600);}
.sect-checkout .col-c .bx-1 ul li .col-a b {color: black}
.sect-checkout .col-c .bx-1 ul li .col-a figure { width: 4rem; min-width: 4rem; margin: 0; border-radius: .5rem; overflow: hidden; }
.sect-checkout .col-c .bx-1 ul li .col-a figure img { width: 100%; }
.sect-checkout .col-c .bx-1 ul li .col-b {justify-content: end;align-items: start;max-width: 25%;}
.sect-checkout .col-c .bx-1 ul li .col-b .btn .icon {height:1.25rem}
.sect-checkout .col-d {text-align: center;}
.sect-checkout .col-d .bx {padding: 1.4rem;border-radius: .75rem;display: flex; align-items: center;justify-content: center;flex-direction: column;width: 100%;height: 30rem;}
.sect-checkout .col-d .bx-1 {background-color: var(--color-blue-100);}
.sect-checkout .col-d .bx-2 {background-color: #fff;border: 1px solid var(--border-color);}
.sect-checkout .col-d .bx figure {margin: 0;}
.sect-checkout .col-d .bx figure .icon {height: 2rem;}
.sect-checkout .col-d .bx figure .icon-loading {height: 2.5rem;}
.sect-checkout .btn-checkout {background-color: var(--color-green-800);color: #fff;font-family: var(--font-1);gap: .5rem;}
.sect-checkout .btn-checkout:hover { background-color: var(--color-green-900)}
.sect-checkout .btn-checkout .icon {filter: invert(1);}
.sect-checkout .list-specs { display: flex; flex-direction: column; gap: .5rem; }
.sect-checkout .list-specs li { display: flex; flex-direction: row; gap: .5rem; }
.sect-checkout .list-specs li .icon { height: 1.25rem; }
.sect-checkout .list-specs.two-cols { flex-direction: row; flex-wrap: wrap; }
.sect-checkout .list-specs.two-cols li { width: calc(50% - .5rem); }
.sect-checkout .btn-scroll {padding:0;min-width:unset;border-radius: 50%;box-shadow:0 .25rem 1rem rgba(0,0,0,0.2);position:fixed;right: 1rem;bottom: 1rem;z-index:1;background-color:#fff;width:3rem;height:3rem;margin:auto;}
.sect-checkout .btn-scroll .icon {height:1.5rem;}
.sect-checkout .btn-scroll.up .icon {transform: scaleY(-1);}
.rebilly-framepay.rebilly-input {padding: .75rem !important;height: 3rem !important;border-radius: .5rem !important;align-content: normal;border: none !important;box-shadow: 0 0 0 1px #cccfdb !important;background-color:#fff;}
.rebilly-framepay.rebilly-framepay-invalid {box-shadow: 0 0 0 1px #F44336!important;}

@media screen and (max-width:768px) {
.sect-checkout .col-a .bx-1 {flex-direction: column;}
.sect-checkout .col-a .bx-1 figure {height:12rem;}
.sect-checkout .list-specs.two-cols li {width:100%;}
.sect-checkout .col-c .bx-1 ul li .col-a figure {width: 3rem;min-width: 3rem;}
.sect-checkout .col-d .bx { aspect-ratio: 1/1;height: unset;}
}
/* Section checkout fin */

.sect-404 {background-color: var(--color-purple-100);padding-top: 8rem;padding-bottom: 8rem;}
.sect-404 .box-404 {text-align: center;display: flex;flex-direction: column;gap: 1rem;max-width: 40rem;margin: auto;}
.sect-404 .box-404 img {width: 100%;max-width: 28rem;}
@media screen and (max-width:768px){
    .sect-404 {padding-top: 6rem;padding-bottom: 6rem;}
}

/**/

.sect-page .box-billing-steps {border: 1px solid var(--border-color);color: var(--color-black);border-radius: var(--border-radius);padding: 1.25rem;}
.sect-page .box-billing-steps ul { margin: 0; padding-left: 0; display: flex; flex-direction: column; gap: .5rem; }
.sect-page .box-billing-steps ul li { list-style: none; display: flex; flex-direction: row; justify-content: start; }
.sect-page .box-billing-steps ul li> :first-child { min-width: 1.5rem; }
.sect-page .box-billing-contact {border-radius: var(--border-radius);background-color: var(--color-purple-500);padding: 2.5rem 1.25rem;display: flex;flex-direction: row;gap: 1rem;align-items: center;color: var(--color-white);}
.sect-page .box-billing-contact .icon { height: 2.5rem; }
.sect-page .box-billing-faq {}
.sect-page .box-billing-faq ul { display: flex; flex-direction: column; margin: 0; padding-left: 0; border: 1px solid var(--border-color); border-radius: var(--border-radius); }
.sect-page .box-billing-faq ul li { padding: 1.25rem; border-bottom: 1px solid var(--border-color); list-style: none; }
.sect-page .box-billing-faq ul li:last-child { border: 0; }
.sect-page .box-billing-img {border-radius: var(--border-radius);background-color: var(--color-purple-100);padding: 1.25rem 0 0;display: flex;flex-direction: row;gap: 1rem;align-items: center;}
.sect-page .box-billing-img figure { aspect-ratio: 13/11; width: 300px; margin: auto; position: relative; }
.sect-page .box-billing-img figure img {}
.sect-page .box-billing-img figure span { position: absolute; left: 66px; font-size: 12px; color: var(--color-black); }
.sect-page .box-billing-img figure .a { font-weight: bold; font-family: var(--font-2); top: 44px; font-size: 15px; }
.sect-page .box-billing-img figure .b { top: 96px; left: 62px; font-size: 14px; font-weight: bold; }
.sect-page .box-billing-img figure .c { left: 62px; top: 118px; color: #999; }
.sect-page .box-billing-img figure .d { top: 178px; left: 96px; }
.sect-page .box-billing-img figure .e { top: 226px; left: 96px; }

/* */

.sect-title{padding-top:6rem;padding-bottom:6rem;text-align:center;background: linear-gradient(0deg, var(--color-purple-100) 50%, var(--color-white) 100%);}
.sect-title.sm {padding-top:3rem;padding-bottom:3rem;}
.sect-title .breadcrumb{font-family:var(--font-2);font-weight:bold;letter-spacing:.2rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;gap:.25rem;color: var(--color-purple-500);}
.sect-title .breadcrumb .icon{filter: var(--filter-purple-500)}
.sect-title .breadcrumb a {text-decoration: none;color: inherit;}
.sect-title .breadcrumb a:hover {text-decoration: underline;}
@media screen and (max-width:768px) {
    .sect-title {padding-top: 4rem; padding-bottom: 4rem;}
}

/* */

.sect-post{line-height:1.5;}
.sect-post .h1, .sect-post .h2, .sect-post .h3{margin-bottom:2rem;}
.sect-post .h4, .sect-post .h5, .sect-post .h6{margin-bottom:1rem;}
.sect-post .h2{margin-bottom:1rem;}
.sect-post ol{padding-left:1.25rem;margin-bottom:1rem;}
.sect-post ol li{list-style:decimal;}
.sect-post ul{padding-left:1rem;margin-bottom:1rem;}
.sect-post ul li{list-style:disc;}
.sect-post li{margin-bottom:.5rem;}
.sect-post li p{margin-bottom:.5rem;}
.sect-post p {margin-bottom: 1rem;}
.sect-post p:last-child, .sect-post ul:last-child, .sect-post ol:last-child{margin-bottom:0;}
.sect-post a{color:inherit;text-decoration:underline;}
.sect-post .c-dark{color: var(--color-gray-600);}
.sect-post .bx{padding:2rem;border-radius:.75rem;}
.sect-post .bg-light{background-color: var(--color-gray-100);}
.sect-post .bx-border{border:1px solid var(--border-color);}
.sect-post .bx-tip{border: 0;color: var(--color-black);padding:1rem;background-color: var(--color-yellow-100);border: 1px solid var(--color-yellow-500);font-family: var(--font-2);font-weight: bold;}
.sect-post .bx-title{text-align:center;margin-bottom:1.5rem;}
.sect-post .bx-index{display:flex;flex-direction:column;align-items:center;}
.sect-post .bx-index ol{display:flex;flex-direction:column;gap:.5rem;}
.sect-post .bx-index ol li a{color:inherit;text-decoration:underline;}
.sect-post .img-container img {border-radius: .75rem;width: 100%;}
.sect-post .video-container{width:100%;aspect-ratio:16/9;}
.sect-post .video-container iframe{width:100%;height:100%;border:0;}
.sect-post .bx-cta{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;border-radius: var(--border-radius);background: linear-gradient(0deg, var(--color-gray-200) 20%, var(--color-gray-50) 80%);}
.sect-post .bx-cta .h5{margin:0;}
.sect-post .table-container{overflow:scroll;border-radius:.75rem;border:1px solid var(--border-color);}
.sect-post .table-container table{width:100%;border-collapse:collapse;line-height:1.35;min-width:440px;}
.sect-post .table-container th, .sect-post .table-container td{padding:.75rem;text-align:center;border-bottom:1px solid var(--border-color);}
.sect-post .table-container tr:last-child td{border:0;}
.sect-post .table-container th{background-color: var(--color-gray-100);font-family:var(--font-2);font-size:.9rem;}
.sect-post .accordeon-list {list-style:none;margin:auto;padding:0;display:flex;flex-direction:column;gap: 1rem;max-width:44rem;}
.sect-post .accordeon-list li {padding:1.5rem;border-radius:1rem;margin: 0;list-style: none;background-color: var(--color-gray-100);}
.sect-post .accordeon-list li .h6 {position:relative;padding-right:2rem;font-size:1rem;color: var(--color-black);margin: 0;}
@media screen and (max-width:768px) {
    .sect-post .bx-cta {flex-direction: column;}
}

/* */

.progress-steps ul {display: inline-flex;text-align: center;position: relative;color: var(--color-gray-500);min-width: 16rem;width: auto;flex-direction: column;gap: .75rem;}
.progress-steps ul li {display: flex;align-items: center;gap: .5rem;position: relative;z-index: 1;flex-direction: row;width: 100%;justify-content: space-between;}
.progress-steps ul li div span {display: inline-block;}
.progress-steps ul li .circle {height: 1.75rem;width: 1.75rem;min-width: 1.7rem;position: relative;background-color: var(--color-gray-400);display: flex;align-items: center;justify-content: center;}
.progress-steps ul li .circle .icon {filter: invert(1);height: 1.5rem;}
.progress-steps ul li .circle .icon-check {display: none;}
.progress-steps ul li .circle .icon-loading {animation: anim-rotate infinite 2s linear;}

[progress_steps][step="1"] li:nth-child(1),
[progress_steps][step="2"] li:nth-child(2),
[progress_steps][step="3"] li:nth-child(3) {
  font-weight: bold !important;
}

[progress_steps][step="1"] li:nth-child(1) .circle,
[progress_steps][step="2"] li:nth-child(2) .circle,
[progress_steps][step="3"] li:nth-child(3) .circle {
  background-color: var(--color-black) !important;
}

[progress_steps][step="2"] li:nth-child(-n+1) .circle, 
[progress_steps][step="3"] li:nth-child(-n+2) .circle,
[progress_steps][step="4"] li:nth-child(-n+3) .circle {
    background-color: var(--color-green-500) !important;
}

[progress_steps][step="2"] li:nth-child(-n+1) .icon-loading,
[progress_steps][step="3"] li:nth-child(-n+2) .icon-loading,
[progress_steps][step="4"] li:nth-child(-n+3) .icon-loading {
  display: none !important;
}

[progress_steps][step="2"] li:nth-child(-n+1) .icon-check,
[progress_steps][step="3"] li:nth-child(-n+2) .icon-check,
[progress_steps][step="4"] li:nth-child(-n+3) .icon-check {
  display: block !important;
}

[progress_steps][step="1"] li:nth-child(1),
[progress_steps][step="2"] li:nth-child(2),
[progress_steps][step="3"] li:nth-child(3) {
  color: var(--color-black) !important;
}

/**/

.sect-templates-header {
    text-align: center;
    padding: 0;
}
.sect-templates-header ul {display: flex;flex-direction: column;}
.sect-templates-header ul li {padding: 1.25rem;background-color: var(--color-purple-100);gap: .25rem;display: flex;flex-direction: column;}
.sect-templates-header ul li > * {
    display: flex;
    gap: .25rem;
    align-items: center;
    justify-content: center;
}
.sect-templates-header ul li .h5 .icon {
	height: 1.25rem;
}
.sect-templates-header ul li p .icon {
	height: 1.25rem;
	filter: var(--filter-gray-500);
}
.sect-templates-header ul li p .filename {
    overflow: hidden;
    text-overflow: ellipsis;
}