/*! Tailwind Utility Bundle for Sokonia Turnkey cPanel */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:inherit}
body{margin:0;line-height:inherit}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type='search']{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
button,[role="button"]{cursor:pointer}
:disabled{cursor:default}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}

/* Displays & Layout */
.block{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.flex{display:flex}
.inline-flex{display:inline-flex}
.grid{display:grid}
.hidden{display:none}

/* Position */
.static{position:static}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.sticky{position:sticky}
.top-0{top:0px}
.bottom-0{bottom:0px}
.left-0{left:0px}
.right-0{right:0px}
.top-2{top:8px}
.right-2{right:8px}
.top-3{top:12px}
.right-3{right:12px}
.top-4{top:16px}
.right-4{right:16px}
.left-2{left:8px}
.left-3{left:12px}
.left-4{left:16px}
.top-1\/2{top:50%}
.-translate-y-1\/2{transform:translateY(-50%)}
.inset-0{top:0;right:0;bottom:0;left:0}
.z-10{z-index:10}
.z-20{z-index:20}
.z-30{z-index:30}
.z-40{z-index:40}
.z-50{z-index:50}

/* Flex & Grid */
.flex-row{flex-direction:row}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.flex-nowrap{flex-wrap:nowrap}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.items-center{align-items:center}
.items-baseline{align-items:baseline}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.flex-1{flex:1 1 0%}
.flex-shrink-0{flex-shrink:0}
.flex-grow{flex-grow:1}

.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}

.col-span-1{grid-column:span 1 / span 1}
.col-span-2{grid-column:span 2 / span 2}
.col-span-3{grid-column:span 3 / span 3}
.col-span-4{grid-column:span 4 / span 4}
.col-span-8{grid-column:span 8 / span 8}
.col-span-12{grid-column:span 12 / span 12}

.gap-1{gap:4px}
.gap-1\.5{gap:6px}
.gap-2{gap:8px}
.gap-2\.5{gap:10px}
.gap-3{gap:12px}
.gap-4{gap:16px}
.gap-5{gap:20px}
.gap-6{gap:24px}
.gap-8{gap:32px}
.gap-10{gap:40px}

/* Spacing */
.p-1{padding:4px}
.p-2{padding:8px}
.p-2\.5{padding:10px}
.p-3{padding:12px}
.p-3\.5{padding:14px}
.p-4{padding:16px}
.p-5{padding:20px}
.p-6{padding:24px}
.p-8{padding:32px}
.px-2{padding-left:8px;padding-right:8px}
.px-2\.5{padding-left:10px;padding-right:10px}
.px-3{padding-left:12px;padding-right:12px}
.px-3\.5{padding-left:14px;padding-right:14px}
.px-4{padding-left:16px;padding-right:16px}
.px-5{padding-left:20px;padding-right:20px}
.px-6{padding-left:24px;padding-right:24px}
.px-8{padding-left:32px;padding-right:32px}
.px-10{padding-left:40px;padding-right:40px}
.py-1{padding-top:4px;padding-bottom:4px}
.py-1\.5{padding-top:6px;padding-bottom:6px}
.py-2{padding-top:8px;padding-bottom:8px}
.py-2\.5{padding-top:10px;padding-bottom:10px}
.py-3{padding-top:12px;padding-bottom:12px}
.py-3\.5{padding-top:14px;padding-bottom:14px}
.py-4{padding-top:16px;padding-bottom:16px}
.py-6{padding-top:24px;padding-bottom:24px}
.py-8{padding-top:32px;padding-bottom:32px}
.py-12{padding-top:48px;padding-bottom:48px}
.py-16{padding-top:64px;padding-bottom:64px}
.pt-2{padding-top:8px}
.pt-3{padding-top:12px}
.pt-4{padding-top:16px}
.pt-6{padding-top:24px}
.pt-8{padding-top:32px}
.pt-12{padding-top:48px}
.pt-16{padding-top:64px}
.pb-2{padding-bottom:8px}
.pb-3{padding-bottom:12px}
.pb-4{padding-bottom:16px}
.pb-6{padding-bottom:24px}
.pb-8{padding-bottom:32px}
.pb-12{padding-bottom:48px}
.pb-16{padding-bottom:64px}
.pl-3{padding-left:12px}
.pl-9{padding-left:36px}
.pr-3{padding-right:12px}

.m-0{margin:0}
.m-auto{margin:auto}
.my-1{margin-top:4px;margin-bottom:4px}
.my-2{margin-top:8px;margin-bottom:8px}
.my-3{margin-top:12px;margin-bottom:12px}
.my-4{margin-top:16px;margin-bottom:16px}
.my-6{margin-top:24px;margin-bottom:24px}
.mx-auto{margin-left:auto;margin-right:auto}
.mt-1{margin-top:4px}
.mt-1\.5{margin-top:6px}
.mt-2{margin-top:8px}
.mt-2\.5{margin-top:10px}
.mt-3{margin-top:12px}
.mt-4{margin-top:16px}
.mt-5{margin-top:20px}
.mt-6{margin-top:24px}
.mt-8{margin-top:32px}
.mt-10{margin-top:40px}
.mt-12{margin-top:48px}
.mt-16{margin-top:64px}
.mb-1{margin-bottom:4px}
.mb-1\.5{margin-bottom:6px}
.mb-2{margin-bottom:8px}
.mb-3{margin-bottom:12px}
.mb-4{margin-bottom:16px}
.mb-6{margin-bottom:24px}
.mb-8{margin-bottom:32px}
.ml-1{margin-left:4px}
.ml-2{margin-left:8px}
.ml-auto{margin-left:auto}
.mr-1{margin-right:4px}
.mr-2{margin-right:8px}
.mr-auto{margin-right:auto}

/* Width & Height */
.w-full{width:100%}
.w-auto{width:auto}
.w-4{width:16px}
.w-5{width:20px}
.w-6{width:24px}
.w-7{width:28px}
.w-8{width:32px}
.w-9{width:36px}
.w-10{width:40px}
.w-11{width:44px}
.w-12{width:48px}
.w-14{width:56px}
.w-16{width:64px}
.w-20{width:80px}
.w-24{width:96px}
.w-32{width:128px}
.w-48{width:192px}
.w-64{width:256px}
.w-72{width:288px}
.w-80{width:320px}

.max-w-xs{max-width:320px}
.max-w-sm{max-width:384px}
.max-w-md{max-width:448px}
.max-w-lg{max-width:512px}
.max-w-xl{max-width:576px}
.max-w-2xl{max-width:672px}
.max-w-3xl{max-width:768px}
.max-w-4xl{max-width:896px}
.max-w-5xl{max-width:1024px}
.max-w-6xl{max-width:1152px}
.max-w-7xl{max-width:1280px}

.h-full{height:100%}
.h-auto{height:auto}
.h-4{height:16px}
.h-5{height:20px}
.h-6{height:24px}
.h-7{height:28px}
.h-8{height:32px}
.h-9{height:36px}
.h-10{height:40px}
.h-11{height:44px}
.h-12{height:48px}
.h-14{height:56px}
.h-16{height:64px}
.h-20{height:80px}
.h-24{height:96px}
.h-48{height:192px}
.h-64{height:256px}
.h-80{height:320px}
.h-96{height:384px}
.min-h-screen{min-height:100vh}

/* Typography */
.text-xs{font-size:12px;line-height:16px}
.text-sm{font-size:14px;line-height:20px}
.text-base{font-size:16px;line-height:24px}
.text-lg{font-size:18px;line-height:28px}
.text-xl{font-size:20px;line-height:28px}
.text-2xl{font-size:24px;line-height:32px}
.text-3xl{font-size:30px;line-height:36px}
.text-4xl{font-size:36px;line-height:40px}
.text-5xl{font-size:48px;line-height:1}

.font-normal{font-weight:400}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}

.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}

.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase}
.capitalize{text-transform:capitalize}

.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.line-through{text-decoration:line-through}
.leading-none{line-height:1}
.leading-tight{line-height:1.25}
.leading-snug{line-height:1.375}
.leading-normal{line-height:1.5}
.leading-relaxed{line-height:1.625}
.tracking-wide{letter-spacing:0.025em}
.tracking-wider{letter-spacing:0.05em}
.tracking-widest{letter-spacing:0.1em}

/* Colors */
.text-white{color:#ffffff}
.text-gray-400{color:#9ca3af}
.text-gray-500{color:#6b7280}
.text-gray-600{color:#4b5563}
.text-gray-700{color:#374151}
.text-gray-900{color:#111827}
.bg-white{background-color:#ffffff}
.bg-black{background-color:#000000}
.bg-transparent{background-color:transparent}

/* Borders */
.border{border-width:1px}
.border-2{border-width:2px}
.border-t{border-top-width:1px}
.border-b{border-bottom-width:1px}
.border-l{border-left-width:1px}
.border-r{border-right-width:1px}
.border-dashed{border-style:dashed}
.rounded-none{border-radius:0}
.rounded-sm{border-radius:2px}
.rounded{border-radius:3px}
.rounded-md{border-radius:3px}
.rounded-lg{border-radius:3px}
.rounded-full{border-radius:9999px}

/* Effects */
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.overflow-y-auto{overflow-y:auto}
.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}
.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}
.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}
.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}

.opacity-0{opacity:0}
.opacity-50{opacity:0.5}
.opacity-75{opacity:0.75}
.opacity-100{opacity:1}

.cursor-pointer{cursor:pointer}
.cursor-not-allowed{cursor:not-allowed}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.duration-200{transition-duration:200ms}
.duration-300{transition-duration:300ms}

/* Responsive Media Queries */
@media (min-width:640px){
  .sm\:flex{display:flex}
  .sm\:hidden{display:none}
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sm\:px-6{padding-left:24px;padding-right:24px}
}
@media (min-width:768px){
  .md\:flex{display:flex}
  .md\:hidden{display:none}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
  .md\:col-span-3{grid-column:span 3 / span 3}
  .md\:col-span-4{grid-column:span 4 / span 4}
  .md\:col-span-8{grid-column:span 8 / span 8}
  .md\:col-span-9{grid-column:span 9 / span 9}
  .md\:px-8{padding-left:32px;padding-right:32px}
  .md\:py-16{padding-top:64px;padding-bottom:64px}
}
@media (min-width:1024px){
  .lg\:flex{display:flex}
  .lg\:hidden{display:none}
  .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
  .lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
  .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
  .lg\:col-span-3{grid-column:span 3 / span 3}
  .lg\:col-span-4{grid-column:span 4 / span 4}
  .lg\:col-span-6{grid-column:span 6 / span 6}
  .lg\:col-span-8{grid-column:span 8 / span 8}
  .lg\:col-span-9{grid-column:span 9 / span 9}
  .lg\:px-10{padding-left:40px;padding-right:40px}
}

.aspect-square{aspect-ratio:1 / 1}
.aspect-video{aspect-ratio:16 / 9}
.rounded-xl{border-radius:12px}
.rounded-2xl{border-radius:16px}
.rounded-3xl{border-radius:24px}
.gap-8{gap:32px}
.gap-10{gap:40px}
.gap-12{gap:48px}