/*:root {
  --bs-blue: #1d3b53;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-red: #d6293e;
  --bs-orange: #fd7e14;
  --bs-yellow: #f7c32e;
  --bs-green: #0cbc87;
  --bs-teal: #20c997;
  --bs-cyan: #17a2b8;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #747579;
  --bs-gray-dark: #0b0a12;
  --bs-gray-100: #f5f5f6;
  --bs-gray-200: #dfdfe3;
  --bs-gray-300: #c5c5c7;
  --bs-gray-400: #96969a;
  --bs-gray-500: #85878a;
  --bs-gray-600: #747579;
  --bs-gray-700: #5e5e5f;
  --bs-gray-800: #0b0a12;
  --bs-gray-900: #0b0a12;
  --bs-primary: #1994E1;
  --bs-white: #fff;
  --bs-secondary: #85878a;
  --bs-success: #b2d336;
  --bs-info: #17a2b8;
  --bs-warning: #f7c32e;
  --bs-danger: #d6293e;
  --bs-light: #f5f5f6;
  --bs-dark: #0b0a12;
  --bs-orange: #fd7e14;
  --bs-mode: #fff;
  --bs-primary-rgb: 25, 148, 255;
  --bs-white-rgb: 255, 255, 255;
  --bs-secondary-rgb: 133, 135, 138;
  --bs-success-rgb: 178, 211, 54;
  --bs-info-rgb: 23, 162, 184;
  --bs-warning-rgb: 247, 195, 46;
  --bs-danger-rgb: 214, 41, 62;
  --bs-light-rgb: 245, 245, 246;
  --bs-dark-rgb: 11, 10, 18;
  --bs-orange-rgb: 253, 126, 20;
  --bs-mode-rgb: 255, 255, 255;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 116, 117, 121;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: DM Sans, sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #747579;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: var(--bs-gray-200);
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.5rem;
  --bs-border-radius-sm: 0.4rem;
  --bs-border-radius-lg: 1rem;
  --bs-border-radius-xl: 1.5rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #1994E1;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;

  --fs-sm : 14px;
  --fs-sm-sm : 12px;
  --fs-sm-sm-sm : 10px;
  --fs-sm-13 : 13px;
  --fs-20 : 20px;

  --shadow-sm : 0 .125rem .25rem rgba(0,0,0,.075);
  --shadow : 0 .5rem 1rem rgba(0,0,0,.15);
  --shadow-lg : 0 1rem 3rem rgba(0,0,0,.175);

  --color-violet : #804E9F;
  --color-violet-1:#F6EDFE;
  --color-violet-2:#E4C7FB;
  --color-violet-3:#D2ADF1;
  --color-violet-4:#C99AEF;
  --color-violet-5:#B77AE9;
  --color-violet-6:#A659E9;
  --color-violet-7:#8835D9;
  --color-green : #01A257;
  --color-green-light:#3ACC31;
  --color-green-light-light:#CDFD33;
  --color-yellow : #FECC0A;
  --color-yellow-light:#FBEA49;
  --color-marron : #601A28;
  --color-orange : #F3882E;
  --color-gray : #4F585F;
  --input-gray-rgb: 233, 236, 239;
}*/
:root {
  --bs-danger: #DC3545;
  --bs-light: #f5f5f5;
  --shadow-sm : 0 .125rem .25rem rgba(0,0,0,.075);
  --shadow : 0 .5rem 1rem rgba(0,0,0,.15);
  --shadow-lg : 0 1rem 3rem rgba(0,0,0,.175);
}

/*---- font size ----*/
.fs-xxl{
	font-size: 50px !important;
}
.fs-xl{
	font-size: 30px !important;
}
.fs-lg{
	font-size: 25px !important;
}
.fs-md{
	font-size: 20px !important;
}
.fs-sm{
	font-size: 15px !important;
}
.fs-xs{
	font-size: 12px !important;
}
/*---- end font size ----*/

.nav .active>.nav-link .nav-link-name::before,
.nav .nav-link.active>.nav-link-name::before {
    display: none;
}

.nav-link.active,
.nav .active>.nav-link .nav-link-name,
.nav .nav-link.active>.nav-link-name {
    color: var(--bs-danger) !important;
    font-weight: 700;
}

.rounded-15{
  border-radius: 15px;
}
.rounded-20{
  border-radius: 20px;
}
.fit-contain{
  object-fit: contain;
}
.bg-light{
  background-color: var(--bs-light) !important;
}
.cursor-circle {
    /*color: #fff;*/
}
.cursor-circle::after {
    /*background-color: var(--bs-danger);*/
    box-shadow: var(--shadow-lg);
}
.h-300px{
  height: 300px;
}
.h-350px{
  height: 350px;
}
.btn-white.active{
  background: var(--bs-danger);
  color: #fff;
}
.btn-white.btn-clean.active{
  color: var(--bs-danger);
  background: transparent;
  font-weight: 700;
}
.logo-header{
  height: 35px;
}
@media (max-width: 768px) {
  .logo-header{
    height: 27px !important;
  }
  .portfolio .card-img.rounded-20,
  .portfolio .card-img-overlay.rounded-20{
    border-radius: 0;
  }
}
.portfolio .card-img-overlay{
  background-color: rgba(14, 14, 14, .4);
  background-color: rgba(220, 53, 69, .5);
  background-color: rgba(32, 32, 32, 0.5);
}
.portfolio .media-img{
  width: 80px !important;
  height: 80px !important;
  object-fit: contain;
  top: 5% !important;
  left: 2% !important;
  box-shadow: var(--shadow-lg);
}
.black-white{
  filter: grayscale(1);
}
.list-group-flush .list-group-item{
  background-color: transparent;
  padding: 12px 0;
  border-bottom: 1px solid #343434;
}
hr{
  border-color: #343434;
}

.dropzone {
    display: flex;
    flex-direction: column;
    position: relative;
}
.dz-message {
    background-color: transparent;
    border: 1px dashed #343434;
    border-radius: 0.375rem;
    /*color: #95aac9;*/
    cursor: pointer;
    order: -1;
    padding: 5rem 1rem;
    text-align: center;
    transition: all 0.2s ease-in-out;
    z-index: 999;
}
.dz-message:hover {
    border-color: #95aac9;
    color: #95aac9;
}
.dz-button {
    background: none;
    border: 0;
    color: inherit;
    font-size: inherit;
}
.dz-drag-hover .dz-message {
    border-color: #2c7be5;
    color: #2c7be5;
}
.dropzone-multiple .dz-message {
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.dropzone-single.dz-max-files-reached .dz-message {
    background-color: rgba(18, 38, 63, 0.9);
    color: #fff;
    opacity: 0;
}
.dropzone-single.dz-max-files-reached .dz-message:hover {
    opacity: 1;
}
.dz-preview-cover,
.dz-preview-single {
    border-radius: 0.375rem;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.dz-preview-img {
    border-radius: 0.375rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.dz-preview-multiple .list-group-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
[data-dz-size] strong {
    font-weight: 400;
}
[data-dz-name]{
    color: #fff;
}
[data-dz-remove]{
    
}
[data-dz-remove] {
    color: #d2ddec !important;
    font-size: 1.0625rem;
}
label.error{
  color: var(--bs-danger);
  font-weight: 700;
}