.tools-icon .icon{
    background-image: url(../images/online-tools/css_sprite_online_tools.png);
    display: inline-block
}
.tools-icon .convert-pdf {
    width: 67px;
    height: 67px;
    background-position: 0px 0px
}
.tools-icon .save-pdf {
    width: 67px;
    height: 67px;
    background-position: -67px 0px
}
.tools-icon .ocr {
    width: 67px;
    height: 67px;
    background-position: -134px 0px
}
.tools-icon .edit-pdf {
    width: 67px;
    height: 67px;
    background-position: -201px 0px
}
.tools-icon .drag-drop {
    width: 67px;
    height: 67px;
    background-position: -268px 0px
}
.tools-icon .redact {
    width: 67px;
    height: 67px;
    background-position: -335px 0px
}
.tools-icon .merge-pdf {
    width: 67px;
    height: 67px;
    background-position: -402px 0px
}
.tools-icon .compress-pdf {
    width: 67px;
    height: 67px;
    background-position: -469px 0px
}


*,
::before,
::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}
    .-rotate-90 {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.faq-collapsible-button{
    border: none;
    outline: none;
}
.faq-collapsible-button.active h3,
.faq-collapsible-button.active h2{
    color: rgb(255, 95, 0);
}
.faq-collapsible-button.active h3 svg,
.faq-collapsible-button.active h2 svg{
    transform: rotate(0deg);
}
.faq-collapsible-button.active svg path {
    stroke: rgb(255, 95, 0) !important;
}
.faq-collapsible-button:hover h3,
.faq-collapsible-button:hover h2{
    color: rgb(255, 95, 0);
}
.faq-collapsible-button:hover svg path {
    stroke: rgb(255, 95, 0) !important;
}
@media (min-width: 1200px){
    .container {
        width: 1170px;
    }
}
.font-800 {
    font-weight: 800;
}
img, video {
    max-width: inherit!important;
    height: auto;
}

.pl-1\.5xl {
    padding-left: 3.25rem;
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.text-base {
    font-size: 1rem;
}
.gap-sm {
    gap: 0.5rem;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.w-full {
    width: 100%;
}
button, [role="button"] {
    cursor: pointer;
}
button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) {
    background-color: transparent;
    background-image: none;
}
button, select {
    text-transform: none;
}
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}

.text-grey-600 {
    --tw-text-opacity: 1;
    color: rgb(117 117 117 / var(--tw-text-opacity));
}
.font-600 {
    font-weight: 600;
}
.\!font-400 {
    font-weight: 400 !important;
}
.text-sm {
    font-size: 1.5rem;
}
.\!text-md {
    font-size: 1.125rem !important;
}
.text-left {
    text-align: left;
}
.py-xsm {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.border-white-300 {
    --tw-border-opacity: 1;
    border-color: #DDDDDD!important;
}
.border-bottomnew {
    border-bottom: 1px solid #ececec;
}
.justify-between {
    justify-content: space-between;
}
.\!justify-end {
    justify-content: flex-end !important;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}
.px-md {
    padding-left: 1rem;
    padding-right: 1rem;
}

.max-w-\[1000px\] {
    max-width: 1000px;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px){
    .md\:gap-lg {
        gap: 2.5rem;
    }
    .md\:\!text-lg {
        font-size: 2rem !important;
    }
    .md\:text-base {
        font-size: 1.25rem;
    }
}
@media (min-width: 1024px){
    .lg\:\!text-lg {
        font-size: 2.25rem !important;
    }
    .lg\:text-base {
        font-size: 1.6rem;
    }
    .lg\:py-xxxl {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}
@media (min-width: 1600px){
    .xxl\:\!text-xl {
        font-size: 2.5rem !important;
    }
}
.md\:mb-xxxl {
    margin-bottom: 4rem;
}

.gap-md {
    gap: 24px;
}
.flex-col {
    flex-direction: column;
}
.flex {
    display: flex;
}
.border-cc{
    border: 1px solid #ccc;
    padding: 16px;
    border-radius: 5px;
}

.list-ul{
    padding-left: 30px;
}
.list-ul li{
    list-style: disc;
}