.capital-text-transform {text-transform: capitalize; }

.sticky {z-index: 1; }

.mt-1 {margin-top: 1rem; }
.mt-4 {margin-top: 4rem; }
.pb-2 {padding-bottom: 2rem;}
.py-5 {padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-7 {padding-top: 1.75rem; padding-bottom: 1.75rem; }
.px-8 {padding-left: 2rem; padding-right: 2rem; }
.h-7 {height: 3rem; }

.bg-color {--tw-bg-opacity: 1; background-color: rgb(239 245 250 / var(--tw-bg-opacity)); }
.bg-white {--tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); }
.bg-blue-600, .dark .dark\:bg-purple-700 {background-color: rgb(0 168 255); }
.bg-\[\#FCFCFC\] {--tw-bg-opacity: 1; background-color: rgb(252 252 252 / var(--tw-bg-opacity)); }

.hover\:bg-gray-300:hover {background-color: #e1e1e1; }
.hover\:bg-gray-900:hover {--tw-bg-opacity: 1; background-color: rgb(15 23 42/var(--tw-bg-opacity)); }
.hover\:bg-\[\#F1FAFF\]:hover {--tw-bg-opacity: 1; background-color: rgb(241 250 255 / var(--tw-bg-opacity)); }
.group:hover .group-hover\:text-color {--tw-text-opacity: 1; color: rgb(0 168 255 / var(--tw-text-opacity)); }

:is(.dark .dark\:bg-color) {--tw-bg-opacity: 1; background-color: rgb(45 55 65 / var(--tw-bg-opacity)); }
:is(.dark .dark\:bg-slate-800) {--tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity)); }
:is(.dark .dark\:bg-slate-700\/50) {background-color: rgb(51 65 85 / 0.5); }
:is(.dark .dark\:border-b-slate-700) {--tw-border-opacity: 1; border-bottom-color: rgb(51 65 85 / var(--tw-border-opacity)); }
:is(.dark .dark\:bg-slate-900) {--tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity)); }
:is(.dark .dark\:hover\:bg-\[\#14314B\]:hover) {background-color: rgb(20 49 75); }
:is(.dark .dark\:text-white) {--tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity)); }
:is(.dark .dark\:text-slate-200) {--tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity)); }
:is(.dark .dark\:text-slate-300) {--tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity)); }
:is(.dark .dark\:focus\:border-blue-600:focus) {--tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity)); }

.dark .dark\:bg-gray-800 {--tw-bg-opacity: 1; background-color: rgb(30 41 59/var(--tw-bg-opacity)); }
.dark .dark\:hover\:bg-gray-900:hover {--tw-bg-opacity: 1; background-color: rgb(15 23 42/var(--tw-bg-opacity)); }
.hover\:text-blue-500:hover {--tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); }

.hover\:text-facebook:hover {color: #008cff; }
.hover\:text-linkedin:hover {color: #0065b8; }
.hover\:text-youtube:hover {color: #e20000; }


.border-color {border-color: #0080FF1A; }
.border-b-\[\#D1E2F1\] {--tw-border-opacity: 1; border-bottom-color: rgb(209 226 241 / var(--tw-border-opacity)); }
.border-b-color {border-bottom-color: #0080FF1A; }
.rounded-\[15px\] {border-radius: 15px; }

.duration-200 {transition-duration: 200ms; }
.transition-all {transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }

.max-w-\[420px\] {max-width: 420px; }
.font-medium {font-weight: 500; }
.totop {background-color: #94a3b8; }
.text-blue-500 {--tw-text-opacity: 1; color: rgb(0 168 255 / var(--tw-text-opacity)); }
.text-slate-700 {--tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity)); }

.dark .placeholder-gray-900::placeholder {--tw-placeholder-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity)); }

:-moz-focusring {outline: auto; }

.focus\:border-blue-300:focus {--tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity)); }
.focus\:outline-none:focus {outline: 5px solid transparent; outline-offset: 5px; }  
input:focus, textarea:focus, select:focus {outline: none; }

.border-\[\#0043871A\] {border-color: #0043871a; }
footer.container {max-width: 100%; }

.fa-folder {color: #ec7a20; }

.hover-effect {position: relative; }
.hover-effect:after {background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 2px; left: 50%; position: absolute; background: rgb(0 168 255); transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; }
.hover-effect:hover:after {width: 100%; left: 0; }

/*************************/
/*** Responsive layout ***/
/*************************/

@media (min-width: 640px){
    .sm\:text-3xl {font-size: 2.25rem; line-height: 2rem; }
    .sm\:text-base {font-size: 1rem; line-height: 1.5rem; }
}
@media (min-width: 768px){
    .md\:text-\[15px\] {font-size: 15px; }
}