:root{
  --color-primary: #111111;
  --color-secondary: #FF5833;
  --color-third:#D03737;
  --color-1: #F4F6F8;
  --color-2:#8C8D81;
  --color-3:#e7e7e7;
  --color-4:#595959;
  --color-5: #FF9529;
  --color-6: #F4F6F8;
  --color-7: #e7e7e7;
  --color-8: rgba(95,95,95,.35);
  --color-9: #5d369b;
}

.bg-color-primary
{
  background-color: var(--color-primary) !important;
}
.bg-color-secondary
{
  background-color: var(--color-secondary) !important;
}
.bg-color-third
{
  background-color: var(--color-third) !important;
}
.bg-white
{
  background-color: #ffffff !important;
}
.bg-color-1
{
  background-color: var(--color-1) !important;
}
.bg-color-2
{
  background-color: var(--color-2) !important;
}
.bg-color-3
{
  background-color: var(--color-3) !important;
}
.bg-color-4
{
  background-color: var(--color-4) !important;
}
.bg-color-5
{
  background-color: var(--color-5) !important;
}
.bg-color-6
{
  background-color: var(--color-6) !important;
}
.bg-color-7
{
  background-color: var(--color-7) !important;
}
.bg-color-8
{
  background-color: var(--color-8) !important;
}


.text-color-primary
{
  color: var(--color-primary) !important;
}
.text-color-secondary
{
  color: var(--color-secondary) !important;
}
.text-color-third
{
  color: var(--color-third) !important;
}
.text-color-1
{
  color: var(--color-1) !important;
}
.text-color-2
{
  color: var(--color-2) !important;
}
.text-color-3
{
  color: var(--color-3) !important; 
}
.text-color-4
{
  color: var(--color-4) !important;  
}
.text-color-5
{
  color: var(--color-5) !important;  
}
.text-color-6
{
  color: var(--color-6) !important;  
}
.text-color-7
{
  color: var(--color-7) !important;  
}
.text-color-8
{
  color: var(--color-8) !important;  
}
.text-color-9
{
  color: var(--color-9) !important;  
}

.min-width-100vw
{
    min-width: 100vw !important;
}
.min-height-100vh
{
    min-height: 100vh !important;
}
.min-height-400px
{
    min-height: 400px !important;
}
.min-height-250px
{
    min-height: 250px !important;
}
.min-height-130px
{
    min-height: 130px !important;
}
.min-height-100px
{
    min-height: 100px !important;
}
.max-height-100px
{
    max-height: 100px !important;
}
.height-800px
{
    height: 800px !important;
}
.height-500px
{
    height: 500px !important;
}
.height-30px
{
    height: 30px !important;
}
.height-25px
{
    height: 25px !important;
}
.height-unset
{
    height: unset !important;
}
.max-width-1200px
{
    max-width: 1200px !important;
}
.max-width-490px
{
    max-width: 490px !important;
}
.width-90px
{
    width: 90px !important;
}
.width-30px
{
    width: 30px !important;
}
.width-25px
{
    width: 25px !important;
}
.width-unset
{
    width: unset !important;
}

.video-fit
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.end-3
{
    right: 3% !important;
}
.end-1
{
    right: 1% !important;
}
.end-0
{
    right: 0 !important;
}
.start-3
{
    left: 3% !important;
}
.start-1
{
    left: 1% !important;
}
.start-0
{
    left: 0 !important;
}
.top-3
{
    top: 3% !important;
}
.top-1
{
    top: 1% !important;
}
.top-0
{
    top: 0 !important;
}
.bottom-10
{
    bottom: 10% !important;
}
.bottom-3
{
    bottom: 3% !important;
}
.bottom-1
{
    bottom: 1% !important;
}
.bottom-0
{
    bottom: 0 !important;
}
.z-index-1000
{
    z-index: 1000 !important;
}
.z-index-5
{
    z-index: 5 !important;
}

.line-height-1
{
    line-height: 1.5 !important;
}

.line-height-2
{
    line-height: 2.7 !important;
}


.page-padding
{
    padding: 5em 2em 2em 2em;
}

.mb-7
{
    margin-bottom: 3em !important;
}
.mb-6
{
    margin-bottom: 2em !important;
}

.cursor-pointer
{
    cursor: pointer !important;
}

.box-shadow-inset
{
    box-shadow: 10px 10px 71px 0px rgba(235,235,235,0.75) inset;
    -webkit-box-shadow: 10px 10px 71px 0px rgba(235,235,235,0.75) inset;
    -moz-box-shadow: 10px 10px 71px 0px rgba(235,235,235,0.75) inset;
}

.rounded-blob
{
    border-radius: 59% 41% 52% 48% / 28% 43% 57% 72% ;
}

.close-btn
{
    font-size: 10px !important;
}

.overlay-bg-1
{
    background-color: rgb(0 0 0 / 84%) !important;
}

.overlay
{
    background: rgb(0 0 0 / 84%);
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.overlay-parent.show-overlay .overlay
{
    opacity: 1;
    pointer-events: auto;
}
.overlay-parent.show-overlay-always .overlay
{
    opacity: 1;
    pointer-events: auto;
}

.text-shadow
{
    text-shadow: 1px 1px 1px #000000;
}


.white-screen
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 5000;
    display: none;
}
.white-screen.show
{
    display: block;
}

.close-btn
{
    position: relative;
    background: transparent;
    border: none;
    cursor: pointer;
    width: 20px;
    height: 20px;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}
.close-btn.close-btn-sm
{
    width: 15px !important;
    height: 15px !important;
}
.close-btn::before
{
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 1px;
    pointer-events: none !important;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.close-btn::after
{
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 1px;
    pointer-events: none !important;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.close-btn::before,
.close-btn::after
{
    background-color: var(--color-4);
}
.close-btn:active
{
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
}
.close-btn.close-btn-white::before,
.close-btn.close-btn-white::after
{
    background: #ffffff;
}

.disabled
{
    opacity: .5;
    pointer-events: none !important;
}

.no-pointer
{
    pointer-events: none !important;
}

.pointer
{
    pointer-events: auto !important;
}

.letter-spacing-2
{
    letter-spacing: 2px !important;
}

hr
{
    background: var(--color-2);
}

.custom-tooltip {
    --bs-tooltip-bg: var(--bs-primary);
}


/* End Scrollbar */
/*Tooltips Start*/
[data-tooltip-top]
{
    position: relative;
    cursor: default;
}
[data-tooltip-top]::after
{
    position: absolute;
    width: 143px;
    left: calc(50% - 73px);
    bottom: 125%;
    content: attr(data-tooltip-top);
    background: #0d0d0d;
    color: #ffffff;
    border-radius: 3px;
    padding: .6em 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    font-size: 11px !important;
    line-height: 1.5;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
            transform: translateY(10px);
}
[data-tooltip-top]:hover:after
{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
}
[data-tooltip-bottom]
{
    position: relative;
    cursor: default;
}
[data-tooltip-bottom]::after
{
    position: absolute;
    width: 143px;
    left: calc(50% - 73px);
    top: 125%;
    content: attr(data-tooltip-bottom);
    background: #0d0d0d;
    color: #ffffff;
    border-radius: 3px;
    padding: .6em 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    font-size: 11px !important;
    line-height: 1.5;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
}
[data-tooltip-bottom]:hover:after
{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
            transform: translateY(5px);
}
[data-tooltip-right]
{
    position: relative;
    cursor: default;
}
[data-tooltip-right]::after
{
    position: absolute;
    width: 143px;
    right: -150px;
    content: attr(data-tooltip-right);
    background: #0d0d0d;
    color: #ffffff;
    border-radius: 3px;
    padding: .6em 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    font-size: 11px !important;
    line-height: 1.5;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
            transform: translateX(-10px);
}
[data-tooltip-right]:hover:after
{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(5px);
        -ms-transform: translateX(5px);
            transform: translateX(5px);
}
[data-tooltip-left]
{
    position: relative;
    cursor: default;
}
[data-tooltip-left]::after
{
    position: absolute;
    width: 143px;
    left: -150px;
    content: attr(data-tooltip-left);
    background: #0d0d0d;
    color: #ffffff;
    border-radius: 3px;
    padding: .6em 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    font-size: 11px !important;
    line-height: 1.5;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
}
[data-tooltip-left]:hover:after
{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
            transform: translateX(-15px);
}
/*Tooltips End*/

.blur-3
{
    -webkit-filter: blur(3px) !important;
            filter: blur(3px) !important;
}
.blur-0
{
    -webkit-filter: blur(0) !important;
            filter: blur(0) !important;
}


.window-popup-container
{
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 84%) !important;
  z-index: 5000;
}
.window-popup-container.show
{
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.window-popup-container .window-popup-content
{
  padding: 0;
  max-width: 700px !important;
  background: #FFBE59;
  border: 1px solid rgba(0,0,0,.4);
  border-radius: 10px;
}
.window-popup-container .window-popup-content
.window-popup-header
{
  padding: 1em 1em;
  border-bottom: 1px solid #eba12e;
  position: relative;
}
.window-popup-container .window-popup-content 
.window-popup-title
{
    font-size: 2em;
}
.window-popup-container .window-popup-content
.close-button-div
{
    position: absolute;
    right: 3%;
}
.window-popup-container .window-popup-content
.window-popup-body
{
  padding: 1em 1em;
  box-shadow: 10px 10px 78px -12px rgba(255,190,89,0.75);
-webkit-box-shadow: 10px 10px 78px -12px rgba(255,190,89,0.75);
-moz-box-shadow: 10px 10px 78px -12px rgba(255,190,89,0.75);
}
.window-popup-container .window-popup-content
.window-popup-footer
{
  padding: 1em 1em;
  border-top: 1px solid #eba12e;
}
.window-popup-container .window-popup-content
.window-popup-footer
.window-popup-button
{
    background-color: #eba12e;
    border: none;
    padding: .5em 2em;
    font-size: 1.2em;
    cursor: pointer;
    border-radius: 5px;
}
.window-popup-container .window-popup-content
.window-popup-footer
.window-popup-button:hover
{
    background-color: #d38913;
}
.window-popup-container .window-popup-content
.window-popup-footer
.window-popup-button .icon
{
    display: inline-block;
    vertical-align: middle;
}