/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 16 2026 | 18:22:21 */
/*=====================================================================
=======================================================================
	Accordions
=====================================================================
======================================================================*/

.smk_accordion {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 20px;
}
/**
 * --------------------------------------------------------------
 * Section
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in {
	border: 1px solid #e4e4e4;
	position: relative;
	z-index: 10;
	margin-top: -1px;
	overflow: hidden;
}
.smk_accordion .accordion_in.st2 {
	border: none;
}
/**
 * --------------------------------------------------------------
 * Head
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_head {
	position: relative;
	background: #fff;
	padding: 10px;
	color: #161616;
	font-size: 14px;
	display: block;
	cursor: pointer;
}
.smk_accordion .accordion_in .acc_head .acc_icon_expand {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	background: url('https://freetoolsengine.com/wp-content/uploads/2026/06/plusminus.png') center 0;
}
.smk_accordion .accordion_in.two .acc_head .acc_icon_expand {
	background:  url('https://freetoolsengine.com/wp-content/uploads/2026/06/plusminus.png') center 0;
}
/**
 * --------------------------------------------------------------
 * Content
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_content {
	background: #fff;
	color: #7B7E85;
	padding: 15px 10px 20px 10px;
}
.smk_accordion .accordion_in.st2 .acc_content {
	background: none;
	color: #7B7E85;
}
.smk_accordion .accordion_in .acc_content h1:first-of-type, .smk_accordion .accordion_in .acc_content h2:first-of-type, .smk_accordion .accordion_in .acc_content h3:first-of-type, .smk_accordion .accordion_in .acc_content h4:first-of-type, .smk_accordion .accordion_in .acc_content h5:first-of-type, .smk_accordion .accordion_in .acc_content h6:first-of-type {
	margin-top: 5px;
}
/**
 * --------------------------------------------------------------
 * General
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in:first-of-type, .smk_accordion .accordion_in:first-of-type .acc_head {
	border-radius: 3px 3px 0 0;
}
.smk_accordion .accordion_in:last-of-type, .smk_accordion .accordion_in:last-of-type .acc_content {
	border-radius: 0 0 3px 3px;
}
.smk_accordion .accordion_in.acc_active > .acc_content {
	display: block;
}
.smk_accordion .accordion_in.acc_active > .acc_head {
	background: #f5f5f5;
}
.smk_accordion .accordion_in.orange.acc_active > .acc_head {
	color: #fff;
	background: #1990ff;
}
.smk_accordion .accordion_in.yellow.acc_active > .acc_head {
	color: #fff;
	background: #ffc000;
}
.smk_accordion .accordion_in.st2.acc_active > .acc_head {
	background: #fff;
	color: #1990ff;
}
/*style 3*/
.smk_accordion .accordion_in.style3.acc_active > .acc_head {
	background: #fff;
	color: #161616;
	border: 1px solid #161616;
}
.smk_accordion .accordion_in.style3:last-of-type, .smk_accordion .accordion_in.style3:last-of-type .acc_content {
	border-radius: 0 0 0px 0px;
}
.smk_accordion .accordion_in.style3:first-of-type, .smk_accordion .accordion_in.style3:first-of-type .acc_head {
	border-radius: 0 0 0 0;
}
.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {
	background:  url('https://freetoolsengine.com/wp-content/uploads/2026/06/plusminus.png') center -18px;
}
.smk_accordion .accordion_in.two.acc_active > .acc_head .acc_icon_expand {
	background: url('https://freetoolsengine.com/wp-content/uploads/2026/06/plusminus.png') center -18px;
}
.smk_accordion.acc_with_icon .accordion_in .acc_head, .smk_accordion.acc_with_icon .accordion_in .acc_content {
	padding-left: 40px;
}
.smk_accordion.acc_with_icon .accordion_in.st2 .acc_head, .smk_accordion.acc_with_icon .accordion_in.st2 .acc_content {
	padding-left: 40px;
	margin-top: 7px;
}
/*style three*/


.smk_accordion .accordion_in.three .acc_head {
	position: relative;
	background: #272727;
	color: #fff;
	font-size: 14px;
	display: block;
	cursor: pointer;
 border:
}
.smk_accordion .accordion_in.three.acc_active > .acc_head {
	background: #1990ff;
}
.smk_accordion .accordion_in.three .acc_head .acc_icon_expand {
	background:  url('https://freetoolsengine.com/wp-content/uploads/2026/06/plusminus.png') center 0;
}
.smk_accordion .accordion_in.three.acc_active > .acc_head .acc_icon_expand {
	background:  url('https://freetoolsengine.com/wp-content/uploads/2026/06/plusminus.png') center -18px;
}
/*style four*/
.smk_accordion .accordion_in.four {
	border: none;
}
.smk_accordion .accordion_in.four .acc_head {
	position: relative;
	background: #fff;
	color: #272727;
	font-size: 14px;
	display: block;
	cursor: pointer;
	margin-bottom: 2px;
	border: 1px solid #e4e4e4;
	border-radius: 35px;
}
.smk_accordion .accordion_in.four.acc_active > .acc_head {
	color: #fff;
	background: #1990ff;
}
.smk_accordion .accordion_in.four .acc_head .acc_icon_expand {
	left: 510px;
	background:  url('https://freetoolsengine.com/wp-content/uploads/2026/06/plusminus.png') center 0;
}
.smk_accordion .accordion_in.four.acc_active > .acc_head .acc_icon_expand {
	background:  url('https://freetoolsengine.com/wp-content/uploads/2026/06/plusminus.png') center -18px;
}
.smk_accordion .accordion_in.four .acc_content {
	background: #fff;
}
 @media only screen and (min-width: 768px) and (max-width: 999px) {
.smk_accordion .accordion_in.four .acc_head .acc_icon_expand {
	left: 645px;
}
}
 @media only screen and (min-width: 480px) and (max-width: 639px) {
.smk_accordion .accordion_in.four .acc_head .acc_icon_expand {
	left: 15px;
}
}
 @media only screen and (max-width: 479px) {
.smk_accordion .accordion_in.four .acc_head .acc_icon_expand {
	left: 15px;
}
}


/*style five*/
.smk_accordion .accordion_in.five {
	border: none;
}
.smk_accordion .accordion_in.five .acc_head {
	position: relative;
	background: #fff;
	color: #272727;
	font-size: 14px;
	display: block;
	cursor: pointer;
	margin-bottom: 2px;
	border: 1px solid #e4e4e4;
}
.smk_accordion .accordion_in.five.acc_active > .acc_head {
	color: #fff;
	border: 1px solid #e4e4e4;
	background: #1fbef0;
}
.smk_accordion .accordion_in.five .acc_head .acc_icon_expand {
	background:  url('http://freetoolsengine.com/wp-content/uploads/2026/06/plusminus.png') center 0;
}
.smk_accordion .accordion_in.five.acc_active > .acc_head .acc_icon_expand {
	background:  url('http://freetoolsengine.com/wp-content/uploads/2026/06/plusminus.png') center -18px;
}
.smk_accordion .accordion_in.five .acc_content {
	background: #fff;
	padding: 25px 5px;
}
.row{
	padding:10px;
	width:100%;
}
.row .col-md-6{
	padding:10px;
	width:50%;
	float:left;
}
.abouttool {
	color: #161616;

}

.abouttool h2 {
	font-weight: 500;
	font-size: 26px;
	padding: 10px 0px;
	margin-bottom: 1px;
}

.abouttool h3 {
	font-weight: 500;
	font-size: 20px;
	padding: 10px 0px;
	line-height: 20px;
	margin-bottom: 1px;
}

.abouttool p {
	font-size: .9rem;
	padding: 5px 0px;
}

.abouttool .toc-box {
	background: #ebf5ff;
	border: 1px solid #8cc7ff;
	border-left: 4px solid #008fd4;
	padding: 28px 32px;
	margin: 40px 0;
}

.abouttool .toc-box h2 {
	font-size: 26px;
	color: #1a1208;
	margin-bottom: 16px;
	letter-spacing: 0.02em;
}

.abouttool .toc-box ol {
	padding-left: 20px;
	column-count: 2;
	column-gap: 40px;
}

.abouttool .toc-box ol li {
	margin-bottom: 8px;
}

.abouttool .toc-box a {
	color: 008fd4;
	text-decoration: none;
	font-size: .9rem;
	font-weight: 400;
	transition: color 0.2s;
}

.abouttool .toc-box a:hover {
	color: #1a1208;
	text-decoration: underline;
}

.abouttool .lead {
	font-size: .9rem;
	font-style: italic;
	color: #1a1208;
	border-left: 3px solid #008fd4;
	padding: 20px;
	margin-bottom: 32px;
	background-color: #ebf5ff;
}

.abouttool .fact-strip {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 10px;
	margin: 36px 0;
}

.abouttool .fact-item {
	border-radius: 10px;
	background-color: #ffffff;
	padding: 20px 16px;
	text-align: center;
}

.abouttool .fact-item .fact-number {
	font-size: 2rem;
	font-weight: 600;
	color: #008fd4;
	display: block;
}

.abouttool .fact-item .fact-label {
	font-size: .9rem;
	color: #1a1208;
	margin-top: 4px;
}

.abouttool ul.styled-list {
	list-style: disc;
	padding: 0 0 0 30px;
	margin: 20px 0 20px;
}

.abouttool ul.styled-list li {
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #eee;
	position: relative;
	font-size: .9rem;
}
.abouttool ul.styled-list li strong{
	color: #008fd4;
}
.disclaimer {
      border: 1px solid #eee;
      border-radius: 15px;
      padding: 1rem 1.3rem;
      font-size: 1rem;
      color: #161616;
      margin-top: 2rem;
	  font-style: italic;
    }

.abouttool .highlight-box {
	background: #ebf5ff;
	border: 1px solid #8cc7ff;
	border-left: 5px solid #008fd4;
	padding: 24px 28px;
	margin: 32px 0;
}

.abouttool .highlight-box h4 {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 10px;
	color: #008fd4;
}

.abouttool .highlight-box p {
	margin: 0;
	font-size: .9rem;
}

    .formula-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 1.1rem;
      margin: 1.4rem 0 2rem;
    }

    .formula-card {
      background: #fff;
      border: 1px solid #eee;
      border-radius: 15px;
      padding: 1.2rem 1.3rem;
    }

    .formula-card .f-label {
      font-size: .9rem;
      font-weight: 600;
      text-transform: uppercase;
      color: #161616;
      margin-bottom: .4rem;
      display: block;
    }

    .formula-card .f-name {
      font-size: 1.8rem;
      font-weight: 700;
      color: #008fd4;
      margin-bottom: .35rem;
    }

    .formula-card .f-desc {
      font-size: 1.4rem;
      color: #161616;
      line-height: 1.5;
      margin: 0;
    }

    .formula-card .f-formula {
      font-size: 1.2rem;
      background: #161616;
      border: #101010;
      border-radius: 5px;
      padding: .4rem .7rem;
      margin-top: .6rem;
      color: #fff;
      display: block;
    }

.abouttool ul.styled-list li::before {
	list-style: disc;
	position: absolute;
	left: 0;
	color: #008fd4;
	font-size: .9rem;
	top: 14px;
}

.abouttool ol.step-list {
	padding: 0;
	list-style: none;
	counter-reset: steps;
	margin: 28px 0;
}

.abouttool ol.step-list li {
	counter-increment: steps;
	display: flex;
	gap: 20px;
	margin-bottom: 10px;
	align-items: flex-start;
}

.abouttool ol.step-list li::before {
	content: counter(steps);
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	background: #008fd4;
	color: #fff;
	font-weight: 900;
	font-size: .9rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2px;
}

.abouttool ol.step-list li .step-body strong {
	display: block;
	font-weight: 700;
	font-size: .9rem;
	margin-bottom: 4px;
}

.abouttool ol.step-list li .step-body p {
	margin: 0;
	font-size: .9rem;
	color: var(--muted);
}


.abouttool details.faq-item {
	border-bottom: 1px solid #eee;
}

.abouttool details.faq-item summary {
	padding: 18px 8px;
	cursor: pointer;
	font-weight: 600;
	font-size: .9rem;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #1a1208;
	user-select: none;
}

.abouttool details.faq-item summary::-webkit-details-marker {
	display: none;
}

.abouttool details.faq-item summary::after {
	content: '+';
	font-size: 1.6rem;
	font-weight: 700;
	color: #008fd4;
	transition: transform 0.2s;
	flex-shrink: 0;
}

.abouttool details.faq-item[open] summary::after {
	content: '-;
}

.abouttool details.faq-item .faq-body {
	padding: 0 8px 20px;
	font-size: .9rem;
	color: #1a1208;
	line-height: 1.75;
}

.abouttool .conv-table-wrap {
	overflow-x: auto;
	margin: 28px 0;
}

.abouttool table.conv-table {
	width: 100%;
	border-collapse: collapse;
}

.abouttool table.conv-table thead tr {
	background: #008fd4;
	color: #fff;
}

.abouttool table.conv-table th {
	padding: 12px 16px;
	text-align: left;
	font-size: 1.1rem;
	font-weight: 500;
	color: #fff;
}

.abouttool table.conv-table td {
	padding: 11px 16px;
	border-bottom: 1px solid #ebf5ff;
	vertical-align: top;
}

.abouttool table.conv-table tbody tr:nth-child(even) {
	background: #ebf5ff;
}

.abouttool table.conv-table tbody tr:hover {
	background: #8cc7ff;
}

.abouttool table.conv-table td:first-child {
	font-weight: 600;
	color: #008fd4;
}

.abouttool table.conv-table td:nth-child(2) {
	font-size: .9rem;
	color: #000;
}

.abouttool .badge-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 24px 0;
}

.abouttool .badge {
	display: inline-block;
	background: #008fd4;
	color: #fff;
	font-size: .9rem;
	padding: 6px 14px;
	text-transform: uppercase;
	font-weight: 500;
}

.abouttool .cards-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 20px;
	margin: 32px 0;
}

.abouttool .card {
	background: #ebf5ff;
	border: 1px solid #8cc7ff;
	padding: 24px;
	position: relative;
	transition: box-shadow 0.2s, transform 0.2s;
}

.abouttool .card:hover {
	box-shadow: 4px 4px 0 #008fd4;
	transform: translate(-2px, -2px);
}

.abouttool .card-icon {
	font-size: 3rem;
	display: block;
	margin-bottom: 10px;
}

.abouttool .card h4 {
	font-size: 1.6rem;
	font-weight: 600;
	margin-bottom: 8px;
	color: #008fd4;
}

.abouttool .card p {
	font-size: .9rem;
	line-height: 1.6;
	color: #1a1208;
	margin: 0;
}

@media (max-width: 640px) {
	.abouttool .toc-box ol {
		column-count: 1;
	}

	.abouttool table.conv-table th,
	.abouttool table.conv-table td {
		padding: 10px 10px;
	}
}
.trust-row { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: 20px; }

    .trust-pill {
      background: rgba(255,210,210,.60);
      border: 1px solid rgba(255,188,188,1);
      border-radius: 100px;
      padding: .50rem .9rem;
      font-size: .9rem;
      font-weight: 500;
      color: #101010;
      letter-spacing: .02em;
    }
	/* ===== WORKFLOW STRIP ===== */
    .workflow {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
      gap: 0;
      margin: 1.6rem 0 2rem;
      border: 1px solid #eee;
      border-radius: 15px;
      overflow: hidden;
    }

    .wf-step {
      padding: 1.3rem 1.2rem;
      border-right: 1px solid #eee;
      position: relative;
      text-align: center;
    }

    .wf-step:last-child { border-right: none; }

    .wf-step .wf-num {
      font-size: 2.2rem;
      font-weight: 800;
      color: #161616;
      line-height: 1;
      margin-bottom: .3rem;
    }

    .wf-step .wf-icon { font-size: 2rem; display: block; margin-bottom: .4rem; }

    .wf-step .wf-name {
      font-size: .9rem;
      font-weight: 700;
      color: #008fd4;
      margin-bottom: .25rem;
    }

    .wf-step .wf-desc {
      font-size: .9rem;
      color: #161616;
      line-height: 1.45;
      margin: 0;
    }
.section-bg{
	background-color: #fff;
	padding: 0px;
}
.section-bg hr{
	margin-top: 10px;
	margin-bottom: 10px;
}
/* ===== PASSWORD STRENGTH VISUAL ===== */
    .strength-scale {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
      gap: 1rem;
      margin: 1.3rem 0 1.8rem;
    }

    .strength-level {
      border: 1px solid #eee;
      border-radius: 5px;
      padding: 1.1rem 1.2rem;
	  box-shadow: 0 1px 8px rgba(12,20,12,.06);
    }

    .strength-level .s-bar {
      height: 5px;
      border-radius: 3px;
      margin-bottom: .7rem;
    }

    .s-red    { background: #d42020; width: 25%; }
    .s-orange { background: #d07020; width: 50%; }
    .s-amber  { background: #c0a018; width: 70%; }
    .s-green  { background: #208820; width: 90%; }
    .s-teal   { background: #0c7070; width: 100%; }

    .strength-level .s-label {
      font-size: 1.4rem;
      font-weight: 600;
      color: #101010;
      margin-bottom: .3rem;
    }

    .strength-level .s-example {
      font-size: .9rem;
      color: #101010;
    }

    .strength-level .s-time {
      font-size: 1rem;
      color: #101010;
      margin-top: .25rem;
    }
	.dropzone {
      border: 2px dashed #007bff;
      padding: 30px;
      text-align: center;
      margin: 15px 0;
      border-radius: 10px;
      cursor: pointer;
      background: #f9fbff;
    }

    .dropzone.dragover {
      background: #e6f0ff;
    }
	.output {
    background: #1e1e1e;
    color: #d4d4d4;
    padding: 12px;
    border-radius: 6px;
    min-height: 250px;
    white-space: pre;
    overflow: auto;
    font-family: monospace;
}
.pt-1{
	padding-top:10px;
}
.pt-2{
	padding-top:20px;
}
.pt-3{
	padding-top:30px;
}
.pt-4{
	padding-top:40px;
}
.pt-5{
	padding-top:50px;
}
.mt-1{
	margin-top:10px;
}
.mt-2{
	margin-top:20px;
}
.mt-3{
	margin-top:30px;
}
.mt-4{
	margin-top:40px;
}
.mt-5{
	margin-top:50px;
}