html {
    direction: rtl;
    font-family: DIN Next LT Arabic;
}

body {
    font-family: DIN Next LT Arabic;
    --bs-primary: #ff314b;
    --bs-primary-rgb: 255,49,75;
    --bs-secondary: #00b75b;
    --bs-secondary-rgb: 0,183,91;
}

a:focus,a:hover {
    color: #8b8b8b;
}

/* Customize website's scrollbar like Mac OS Not supports in Firefox and IE */
/* total width */
::-webkit-scrollbar {
    background-color: #4c4c4c00;
    width: 16px;
}

/* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track {
    background-color: #0000;
}

/* scrollbar itself */
::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 2px solid #433e3e;
}

/* set button(top and bottom of the scrollbar) */
::-webkit-scrollbar-button {
    display: none;
}

/* * * fullPage 2.6.6 * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo */
html.fp-enabled, .fp-enabled body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#superContainer {
    height: 100%;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
}

.fp-section {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fp-slide {
    float: left;
}

.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-out;
}

.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.fp-slidesContainer {
    float: left;
    position: relative;
}

.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
    overflow: scroll;
}

.fp-notransition {
    transition: none !important;
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}

#fp-nav.right {
    left: 27px;
}

#fp-nav.left {
    left: 17px;
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}

.fp-slidesNav.bottom {
    bottom: 17px;
}

.fp-slidesNav.top {
    top: 17px;
}

#fp-nav ul, .fp-slidesNav ul {
    margin: 0;
    padding: 0;
}

#fp-nav ul li, .fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative;
}

.fp-slidesNav ul li {
    display: inline-block;
}

#fp-nav ul li a, .fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #fff;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}

#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip {
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}

/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (min-width: 992px) {
    @keyframes zoom {
        0% {
            background-size: 100%;
        }

        50% {
            background-size: 110%;
        }

        100% {
            background-size: 100%;
        }
    }
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 992px) {
    @keyframes zoom {
        0% {
            background-size: 300%;
        }

        50% {
            background-size: 350%;
        }

        100% {
            background-size: 300%;
        }
    }
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switchbox {
    position: fixed;
    left: 10px;
    top: 106px;
    z-index: 99;
    color: white;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #dc3545;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.lastupdate {
    position: absolute;
    bottom: 83px;
    right: 15px;
    color: #dadada8c;
    z-index: 999;
}

a.nav-link.active {
    color: #ff314c !important;
    filter: grayscale(0);
}

.secondmenu a {
    filter: grayscale(1);
}

#map {
    /* position: absolute; */
    /* top: 120PX; */
    /* bottom: 0; */
    height: 100%;
    width: 100%;
}

/* The side navigation menu */
.sidebar {
    /* margin: 0; */
    /* padding: 0; */
    /* width: 300px; */
    /* display: inline-block; */
    /* background-color: #131313 !important; */
    /* position: fixed; */
    /* height: calc(100% - 123px); */
    /* overflow-x: hidden; */
    /* overflow-y: hidden; */
    /* top: 123px; */
}

/* Sidebar links */
.sidebar a {
    display: block;
    color: white;
    border-bottom: 1px solid #3a3a3a;
    padding: 10px;
    text-decoration: none;
}

/* Active/current link */
.sidebar a.active {
    border-right: #ffc008 5px solid;
    color: white;
}

/* Links on mouse-over */
.sidebar a:hover:not(.active) {
    /* background-color: #555;
     */
    /* color: white;
     */
    border-right: #ffffff 5px solid;
    color: white;
}

/* Page content. The value of the margin-left property should match the value of the sidebar's width property */
div.content {
    margin-right: 300px;
    /* padding: 1px 16px; */
    /* height: 100vh; */
}

/* On screens that are less than 700px wide, make the sidebar into a topbar */
@media screen and (max-width: 700px) {
    ::-webkit-scrollbar {
        display: none;
    }

    .navbar-collapse {
        margin-top: 35px;
    }

    .sidebar a {
        display: inline-block;
        color: white;
        width: max-content;
        border-bottom: none;
        padding: 10px;
        text-decoration: none;
        white-space: nowrap;
    }

    /* Active/current link */
    .sidebar a.active {
        border-right: none;
        border-bottom: #ffc008 5px solid;
        color: white;
    }

    /* Links on mouse-over */
    .sidebar a:hover:not(.active) {
        /* background-color: #555;
         */
        /* color: white;
         */
        border-right: none;
        border-bottom: #ffffff 5px solid;
        color: white;
    }

    .sidebar {
        width: 100%;
        height: auto;
        /* position: relative; */
        z-index: 99;
    }

    .list {
        overflow-x: auto;
        display: flex;
        flex-flow: nowrap;
        text-wrap: nowrap;
        /* display: inline-flex;
         */
    }

    #map {
        /* position: absolute; */
        /* top: 280px; */
        /* bottom: 0; */
        /* width: 100%!important; */
    }

    .sidebar a {
        float: right;
        border-left: solid #333 1px;
    }

    div.content {
        margin-right: 0;
        margin-top: 115px;
    }
}

/* On screens that are less than 400px, display the bar vertically, instead of horizontally */
@media screen and (max-width: 430px) {
                .image-martyr { display:inline-block;width: 100%;height: 200px; background-size: cover!important;   cursor: pointer;  }

    .sub-nav-icon {
        /* margin: auto !important; */ /* display: block; */
    }

    .sidebar a {
        text-align: center;
        /* float: none;
         */
    }

    .share-btn {
        display: none;
    }
}

/* Styles for wrapping the search box */
.main {
    width: 50%;
    margin: 50px auto;
}

/* Bootstrap 5 text input with search icon */
.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    /* position: absolute; */
    z-index: 2;
    /* display: block; */
    /* left: 20px; */
    /* width: 2.375rem; */
    /* height: 2.375rem; */
    /* line-height: 2.375rem; */
    /* text-align: center; */
    /* pointer-events: none; */
    /* color: #aaa; */
}

.list {
    overflow-x: auto;
    overflow-y: scroll;
    height: 100%;
}

/* The overlay effect with black background */
.overlaysearch {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    /* Black with a little bit see-through */
}

/* The content */
.overlaysearch-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

/* Close button */
.overlaysearch .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}

.overlaysearch .closebtn:hover {
    color: #ccc;
}

/* Style the search field */
.overlaysearch input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    /* float: left;
     */
    width: 90%;
    margin: auto;
    background: white;
}

.overlaysearch input[type=text]:hover {
    background: #f1f1f1;
}

/* Style the submit button */
.overlaysearch button {
    float: left;
    width: 20%;
    padding: 15px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
}

.overlaysearch button:hover {
    background: #bbb;
}

.linetime {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.linetime:before {
    content: "";
    top: 0;
    right: 40px;
    height: 100%;
    width: 2px;
    background-color: black;
    border: 1px solid gray;
    position: absolute;
    margin-right: 1px;
}

.linetime li {
    position: relative;
    margin-bottom: 2rem;
    min-height: 80px;
}

.lineime li:before, .linetime li:after {
    display: table;
    content: "";
}

.linetime li:after {
    clear: both;
}

.linetime-panel {
    position: relative;
    padding-right: 100px;
}

.linetime-img {
    position: absolute;
    width: 80px;
    height: 80px;
    border: 6px solid #000;
    overflow: hidden;
    background: #ff314c;
    color: #fff;
}

.linetime-img h4 {
    font-size: .8rem;
    margin-top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 768px) {
                        .image-martyr { display:inline-block;width: 100%;height: 150px; background-size: cover!important;   cursor: pointer;  }


    .linetime li {
        position: relative;
        margin-bottom: 2rem;
        min-height: 50px;
    }

    .linetime-panel {
        width: 40%;
        padding: 0;
        float: right;
        text-align: left;
    }

    .linetime-img {
        right: 50%;
        transform: translateX(48%);
        width: 120px;
        height: 120px;
    }

    .linetime-img h4 {
        font-size: 1rem;
    }

    .inverted {
        float: left;
        text-align: right;
    }
}

@media (min-width: 992px) {
  .linetime li {
        position: relative;
        margin-bottom: 4rem;
        min-height: 140px;
    }

    .linetime-img {
        width: 170px;
        height: 170px;
    }

    .linetime-img h4 {
        font-size: calc(1.275rem + 0.3vw);
    }

    .linetime-panel {
        padding: 0 1.25rem;
    }
}

.linetime-panel-heading {
    color: #ff314c;
}

.linetime-panel-heading h2 {
    font-size: 20px;
}

.radius {
    border-radius: 10px;
}

div.dataTables_wrapper {
    direction: rtl;
}

/* Ensure that the demo table scrolls */
th, td {
    white-space: nowrap;
    text-align: right !important;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left !important;
}

header {
    position: sticky;
    /* position: fixed; */
    width: 100%;
    top: 0;
    z-index: 100;
}

.fit-cover {
    object-fit: cover;
}

nav#mainNav {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.search-btn {
    margin: 0px;
    margin-bottom: 0;
    margin-left: 10px;
}

.share-btn {
    margin: 0px;
    margin-bottom: 0;
    margin-left: 10px;
}

.logo-img {
    height: 32px;
}

.nav-btn {
    margin-right: auto;
    position: absolute;
    top: 18px;
    left: 20px;
}

.progress-home {
    height: 9px;
    top: 72px;
    border-radius: 0px;
    position: absolute;
    z-index: 99999;
    width: 100%;
}

.list-nav-btn {
    margin: 0px;
    margin-bottom: 0;
    margin-left: 5px;
    color: #444;
    font-size: 28px;
    text-decoration: none;
}

.list-nav-txt {
    font-size: 16px;
    padding: 0px;
    position: relative;
    left: 9px;
    top: 8px;
    float: right;
}

.sub-nav-icon {
    height: 23px;
    margin-left: 5px;
    margin-top: -2px;
}

.navbar-toggler {
    margin-left: auto;
}

.video-gallery {
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
    text-align: center;
}

.video-gallery .gallery-item {
    position: relative;
    float: right;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 320px;
    max-width: 580px;
    max-height: 360px;
    width: 48%;
    background: #000;
    cursor: pointer;
}

.video-gallery .gallery-item img {
    position: relative;
    display: block;
    opacity: .45;
    width: 105%;
    height: 300px;
    transition: opacity 0.35s, transform 0.35s;
    transform: translate3d(23px, 0, 0);
    backface-visibility: hidden;
}

.video-gallery .gallery-item .gallery-item-caption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
}

.video-gallery .gallery-item .gallery-item-caption, .video-gallery .gallery-item .gallery-item-caption > a {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.video-gallery .gallery-item h2 {
    font-weight: 300;
    overflow: hidden;
    padding: 0.5em 0;
}

.video-gallery .gallery-item h2, .video-gallery .gallery-item p {
    position: relative;
    margin: 0;
    z-index: 10;
}

.video-gallery .gallery-item p {
    letter-spacing: 1px;
    font-size: 68%;
    padding: 1em 0;
    opacity: 0;
    transition: opacity 0.35s, transform 0.35s;
    transform: translate3d(-10%, 0, 0);
}

.video-gallery .gallery-item:hover img {
    opacity: .3;
    transform: translate3d(0, 0, 0);
}

.video-gallery .gallery-item .gallery-item-caption {
    text-align: right;
}

.video-gallery .gallery-item h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15%;
    height: 1px;
    background: #fff;
    transition: transform 0.3s;
    transform: translate3d(100%, 0, 0);
}

.video-gallery .gallery-item:hover h2::after {
    transform: translate3d(0, 0, 0);
}

.video-gallery .gallery-item:hover p {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 50em) {
    .video-gallery .gallery-item {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}

.mapboxgl-map {
    font-family: DIN Next LT Arabic !important;
}

.badge-danger {
    background: #ff314c;
}

.dz-default.dz-message {
    color: #3a3a3a;
}

.dropzone {
    border-radius: 10px;
}

#mapdetails {
    height: 473px;
}

.modal {
    top: 20%;
}

.btn-close {
    box-shadow: none;
    border: none;
    outline: none;
}

.modal-body .icons {
    margin: 15px 0px 20px 0px;
}

.modal-body .icons a {
    text-decoration: none;
    border: 1px solid transparent;
    width: 40px;
    background: white;
    height: 40px;
    border-radius: 50%;
    margin-left: 20px;
    transition: all 0.3s ease-in-out;
}

.modal-body .icons a:nth-child(1) {
    color: #1877F2;
    border-color: #B7D4FB;
}

.modal-body .icons a:nth-child(1):hover {
    background-color: #1877F2;
    color: #fff;
}

.modal-body .icons a:nth-child(2) {
    color: #ffffff;
    border-color: #d3d3d3;
}

.modal-body .icons a:nth-child(2):hover {
    background-color: #dc3644;
    color: #fff;
}

.modal-body .icons a:nth-child(3) {
    color: #e1306c;
    border-color: #f5bccf;
}

.modal-body .icons a:nth-child(3):hover {
    background-color: #e1306c;
    color: #fff;
}

.modal-body .icons a:nth-child(3) {
    color: #25d366;
    border-color: #bef4d2;
}

.modal-body .icons a:nth-child(3):hover {
    background-color: #25d366;
    color: #fff;
}

.modal-body .icons a:nth-child(4) {
    color: #0088cc;
    border-color: #b3e6ff;
}

.modal-body .icons a:nth-child(4):hover {
    background-color: #0088cc;
    color: #fff;
}

.modal-body .icons a:hover {
    border-color: transparent;
}

.modal-body .icons a span {
    transition: all 0.09s ease-in-out;
}

.modal-body .icons a:hover span {
    transform: scaleX(1.1);
}

.modal-body .field {
    margin: 15px 0px -5px 0px;
    height: 45px;
    border: 1px solid #3c3a3a;
    border-radius: 5px;
    padding: 0 0px;
}

.modal-body .field.active {
    border-color: #dc3545;
}

.field span {
    width: 50px;
    font-size: 1.1rem;
}

.field.active span {
    color: #dc3545;
}

.field input {
    border: none;
    outline: none;
    font-size: 0.89rem;
    width: 100%;
    height: 100%;
    background: transparent;
    color: white;
}

.field button {
    padding: 5px 16px;
    color: #fff;
    background: #dc3545;
    margin: 0px;
    border: 2px solid transparent;
    border-radius: 5px;
    height: 45px;
    width: 110px;
    font-weight: 500;
}

@media (max-width: 330px) {
    .sub-nav-icon {
        margin: auto;
        display: block;
    }

    .modal-body .icons a {
        margin-left: 15px;
        width: 35px;
        height: 35px;
    }

}

.modal-body {
    color: #a7a7a7;
}

.modal-header {
    background: transparent !important;
    color: white;
    border-bottom: 1px grey solid;
}

.modal-content {
    background: #000000;
    backdrop-filter: blur(10px);
}

button.btn-close {
    background-color: white;
}

html {
    direction: rtl;
    font-family: DIN Next LT Arabic;
}

body {
    font-family: DIN Next LT Arabic;
    --bs-primary: #ff314b;
    --bs-primary-rgb: 255,49,75;
    --bs-secondary: #00b75b;
    --bs-secondary-rgb: 0,183,91;
}

a:focus,a:hover {
    color: #8b8b8b;
}

/* Customize website's scrollbar like Mac OS Not supports in Firefox and IE */
/* total width */
::-webkit-scrollbar {
    background-color: #4c4c4c00;
    width: 16px;
}

/* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track {
    background-color: #0000;
}

/* scrollbar itself */
::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 2px solid #433e3e;
}

/* set button(top and bottom of the scrollbar) */
::-webkit-scrollbar-button {
    display: none;
}

/* * * fullPage 2.6.6 * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo */
html.fp-enabled, .fp-enabled body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#superContainer {
    height: 100%;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
}

.fp-section {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fp-slide {
    float: left;
}

.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-out;
}

.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.fp-slidesContainer {
    float: left;
    position: relative;
}

.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
    overflow: scroll;
}

.fp-notransition {
    transition: none !important;
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}

#fp-nav.right {
    left: 27px;
}

#fp-nav.left {
    left: 17px;
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}

.fp-slidesNav.bottom {
    bottom: 17px;
}

.fp-slidesNav.top {
    top: 17px;
}

#fp-nav ul, .fp-slidesNav ul {
    margin: 0;
    padding: 0;
}

#fp-nav ul li, .fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative;
}

.fp-slidesNav ul li {
    display: inline-block;
}

#fp-nav ul li a, .fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #fff;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}

#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip {
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}

/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (min-width: 992px) {
                    .image-martyr { display:inline-block;width: 100%;height: 150px;         background-size: cover !important;  cursor: pointer;  }

    @keyframes zoom {
        0% {
            background-size: 100%;
        }

        50% {
            background-size: 110%;
        }

        100% {
            background-size: 100%;
        }
    }
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 992px) {
    @keyframes zoom {
        0% {
            background-size: 300%;
        }

        50% {
            background-size: 350%;
        }

        100% {
            background-size: 300%;
        }
    }
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switchbox {
    position: fixed;
    left: 10px;
    top: 106px;
    z-index: 99;
    color: white;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #dc3545;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.lastupdate {
    position: absolute;
    bottom: 83px;
    right: 15px;
    color: #dadada8c;
    z-index: 999;
}

a.nav-link.active {
    color: #ff314c !important;
    filter: grayscale(0);
}

.secondmenu a {
    filter: grayscale(1);
}

#map {
    /* top: 120PX; */
    /* bottom: 0; */
    /* width: calc(100% - 300px); */
}

/* The side navigation menu */
.sidebar {
    margin: 0;
    padding: 0;
    /* width: 300px; */
    /* display: inline-block; */
    background-color: #131313 !important;
    /* position: fixed; */
    height: 100vh;
    overflow-x: hidden;
    overflow-y: hidden;
    /* top: 123px; */
}

/* Sidebar links */
.sidebar a {
    display: block;
    color: white;
    border-bottom: 1px solid #3a3a3a;
    padding: 10px;
    text-decoration: none;
}

/* Active/current link */
.sidebar a.active {
    border-right: #ffc008 5px solid;
    color: white;
}

/* Links on mouse-over */
.sidebar a:hover:not(.active) {
    /* background-color: #555;
     */
    /* color: white;
     */
    border-right: #ffffff 5px solid;
    color: white;
}

/* Page content. The value of the margin-left property should match the value of the sidebar's width property */
div.content {
    margin-right: 300px;
    /* padding: 1px 16px; */
    /* height: 100vh; */
}

/* On screens that are less than 700px wide, make the sidebar into a topbar */
@media screen and (max-width: 700px) {
    ::-webkit-scrollbar {
        display: none;
    }

    .navbar-collapse {
        margin-top: 35px;
    }

    .sidebar a {
        display: inline-block;
        color: white;
        width: max-content;
        border-bottom: none;
        padding: 10px;
        text-decoration: none;
        white-space: nowrap;
    }

    /* Active/current link */
    .sidebar a.active {
        border-right: none;
        border-bottom: #ffc008 5px solid;
        color: white;
    }

    /* Links on mouse-over */
    .sidebar a:hover:not(.active) {
        /* background-color: #555;
         */
        /* color: white;
         */
        border-right: none;
        border-bottom: #ffffff 5px solid;
        color: white;
    }

    .sidebar {
        width: 100%;
        margin: 0px;
        padding: 0px !important;
        height: auto;
        /* position: relative; */
        z-index: 99;
    }

    .list {
        overflow-x: auto;
        display: flex;
        flex-flow: nowrap;
        text-wrap: nowrap;
        /* display: inline-flex;
         */
    }

    #map {
        /* position: absolute; */
        /* top: 280px; */
        height: 500px;
        /* bottom: 0; */
        /* width: 100%; */
        width: 100%!important;
    }

    .sidebar a {
        float: right;
        border-left: solid #333 1px;
    }

    div.content {
        margin-right: 0;
        margin-top: 115px;
    }
}

/* On screens that are less than 400px, display the bar vertically, instead of horizontally */
@media screen and (max-width: 430px) {
    .sub-nav-icon {
        /* margin: auto !important; */ /* display: block; */
    }

    .sidebar a {
        text-align: center;
        /* float: none;
         */
    }

    .share-btn {
        display: none;
    }
}

/* Styles for wrapping the search box */
.main {
    width: 50%;
    margin: 50px auto;
}

/* Bootstrap 5 text input with search icon */
.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    right: 240px;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.list {
    overflow-x: auto;
    overflow-y: scroll;
    height: calc(100% - 215px);
}

/* The overlay effect with black background */
.overlaysearch {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    /* Black with a little bit see-through */
}

/* The content */
.overlaysearch-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

/* Close button */
.overlaysearch .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}

.overlaysearch .closebtn:hover {
    color: #ccc;
}

/* Style the search field */
.overlaysearch input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    /* float: left;
     */
    width: 90%;
    margin: auto;
    background: white;
}

.overlaysearch input[type=text]:hover {
    background: #f1f1f1;
}

/* Style the submit button */
.overlaysearch button {
    float: left;
    width: 20%;
    padding: 15px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
}

.overlaysearch button:hover {
    background: #bbb;
}

.linetime {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.linetime:before {
    content: "";
    top: 0;
    right: 40px;
    height: 100%;
    width: 2px;
    background-color: black;
    border: 1px solid gray;
    position: absolute;
    margin-right: 1px;
}

.linetime li {
    position: relative;
    margin-bottom: 2rem;
    min-height: 80px;
}

.lineime li:before, .linetime li:after {
    display: table;
    content: "";
}

.linetime li:after {
    clear: both;
}

.linetime-panel {
    position: relative;
    padding-right: 100px;
}

.linetime-img {
    position: absolute;
    width: 80px;
    height: 80px;
    border: 6px solid #000;
    overflow: hidden;
    background: #ff314c;
    color: #fff;
}

.linetime-img h4 {
    font-size: .8rem;
    margin-top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 768px) {
    .linetime:before {
        right: 50%;
    }

    .linetime li {
        position: relative;
        margin-bottom: 2rem;
        min-height: 50px;
    }

    .linetime-panel {
        width: 40%;
        padding: 0;
        float: right;
        text-align: left;
    }

    .linetime-img {
        right: 50%;
        transform: translateX(48%);
        width: 120px;
        height: 120px;
    }

    .linetime-img h4 {
        font-size: 1rem;
    }

    .inverted {
        float: left;
        text-align: right;
    }
}

@media (min-width: 992px) {
 .linetime li {
        position: relative;
        margin-bottom: 4rem;
        min-height: 140px;
    }

    .linetime-img {
        width: 170px;
        height: 170px;
    }

    .linetime-img h4 {
        font-size: calc(1.275rem + 0.3vw);
    }

    .linetime-panel {
        padding: 0 1.25rem;
    }
}

.linetime-panel-heading {
    color: #ff314c;
}

.linetime-panel-heading h2 {
    font-size: 20px;
}

.radius {
    border-radius: 10px;
}

div.dataTables_wrapper {
    direction: rtl;
}

/* Ensure that the demo table scrolls */
th, td {
    white-space: nowrap;
    text-align: right !important;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left !important;
}

header {
    position: sticky;
    /* position: fixed; */
    width: 100%;
    top: 0;
    z-index: 100;
}

.fit-cover {
    object-fit: cover;
}

nav#mainNav {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.search-btn {
    margin: 0px;
    margin-bottom: 0;
    margin-left: 10px;
}

.share-btn {
    margin: 0px;
    margin-bottom: 0;
    margin-left: 10px;
}

.logo-img {
    height: 48px;
}

.nav-btn {
    margin-right: auto;
    position: absolute;
    top: 18px;
    left: 20px;
}

.progress-home {
    height: 9px;
    top: 72px;
    border-radius: 0px;
    position: absolute;
    z-index: 99999;
    width: 100%;
}

.list-nav-btn {
    margin: 0px;
    margin-bottom: 0;
    margin-left: 5px;
    color: #444;
    font-size: 28px;
    text-decoration: none;
}

.list-nav-txt {
    font-size: 16px;
    padding: 0px;
    position: relative;
    left: 9px;
    top: 8px;
    float: right;
}

.sub-nav-icon {
    height: 23px;
    margin-left: 5px;
    margin-top: -2px;
}

.navbar-toggler {
    margin-left: auto;
}

.video-gallery {
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
    text-align: center;
}

.video-gallery .gallery-item {
    position: relative;
    float: right;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 320px;
    max-width: 580px;
    max-height: 360px;
    width: 48%;
    background: #000;
    cursor: pointer;
}

.video-gallery .gallery-item img {
    position: relative;
    display: block;
    opacity: .45;
    width: 105%;
    height: 300px;
    transition: opacity 0.35s, transform 0.35s;
    transform: translate3d(23px, 0, 0);
    backface-visibility: hidden;
}

.video-gallery .gallery-item .gallery-item-caption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
}

.video-gallery .gallery-item .gallery-item-caption, .video-gallery .gallery-item .gallery-item-caption > a {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.video-gallery .gallery-item h2 {
    font-weight: 300;
    overflow: hidden;
    padding: 0.5em 0;
}

.video-gallery .gallery-item h2, .video-gallery .gallery-item p {
    position: relative;
    margin: 0;
    z-index: 10;
}

.video-gallery .gallery-item p {
    letter-spacing: 1px;
    font-size: 68%;
    padding: 1em 0;
    opacity: 0;
    transition: opacity 0.35s, transform 0.35s;
    transform: translate3d(-10%, 0, 0);
}

.video-gallery .gallery-item:hover img {
    opacity: .3;
    transform: translate3d(0, 0, 0);
}

.video-gallery .gallery-item .gallery-item-caption {
    text-align: right;
}

.video-gallery .gallery-item h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15%;
    height: 1px;
    background: #fff;
    transition: transform 0.3s;
    transform: translate3d(100%, 0, 0);
}

.video-gallery .gallery-item:hover h2::after {
    transform: translate3d(0, 0, 0);
}

.video-gallery .gallery-item:hover p {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 50em) {
    .video-gallery .gallery-item {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}

.mapboxgl-map {
    font-family: DIN Next LT Arabic !important;
}

.badge-danger {
    background: #ff314c;
}

.dz-default.dz-message {
    color: #3a3a3a;
}

.dropzone {
    border-radius: 10px;
}

#mapdetails {
    height: 473px;
}

.modal {
    top: 20%;
}

.btn-close {
    box-shadow: none;
    border: none;
    outline: none;
}

.modal-body .icons {
    margin: 15px 0px 20px 0px;
}

.modal-body .icons a {
    text-decoration: none;
    border: 1px solid transparent;
    width: 40px;
    background: white;
    height: 40px;
    border-radius: 50%;
    margin-left: 20px;
    transition: all 0.3s ease-in-out;
}

.modal-body .icons a:nth-child(1) {
    color: #1877F2;
    border-color: #B7D4FB;
}

.modal-body .icons a:nth-child(1):hover {
    background-color: #1877F2;
    color: #fff;
}

.modal-body .icons a:nth-child(2) {
    color: #ffffff;
    border-color: #d3d3d3;
}

.modal-body .icons a:nth-child(2):hover {
    background-color: #dc3644;
    color: #fff;
}

.modal-body .icons a:nth-child(3) {
    color: #e1306c;
    border-color: #f5bccf;
}

.modal-body .icons a:nth-child(3):hover {
    background-color: #e1306c;
    color: #fff;
}

.modal-body .icons a:nth-child(3) {
    color: #25d366;
    border-color: #bef4d2;
}

.modal-body .icons a:nth-child(3):hover {
    background-color: #25d366;
    color: #fff;
}

.modal-body .icons a:nth-child(4) {
    color: #0088cc;
    border-color: #b3e6ff;
}

.modal-body .icons a:nth-child(4):hover {
    background-color: #0088cc;
    color: #fff;
}

.modal-body .icons a:hover {
    border-color: transparent;
}

.modal-body .icons a span {
    transition: all 0.09s ease-in-out;
}

.modal-body .icons a:hover span {
    transform: scaleX(1.1);
}

.modal-body .field {
    margin: 15px 0px -5px 0px;
    height: 45px;
    border: 1px solid #3c3a3a;
    border-radius: 5px;
    padding: 0 0px;
}

.modal-body .field.active {
    border-color: #dc3545;
}

.field span {
    width: 50px;
    font-size: 1.1rem;
}

.field.active span {
    color: #dc3545;
}

.field input {
    border: none;
    outline: none;
    font-size: 0.89rem;
    width: 100%;
    height: 100%;
    background: transparent;
    color: white;
}

.field button {
    padding: 5px 16px;
    color: #fff;
    background: #dc3545;
    margin: 0px;
    border: 2px solid transparent;
    border-radius: 5px;
    height: 45px;
    width: 110px;
    font-weight: 500;
}

@media (max-width: 330px) {

    .sub-nav-icon {
        margin: auto;
        display: block;
    }

    .modal-body .icons a {
        margin-left: 15px;
        width: 35px;
        height: 35px;
    }
}

.modal-body {
    color: #a7a7a7;
}

.modal-header {
    background: transparent !important;
    color: white;
    border-bottom: 1px grey solid;
    font-size: 1.2em;
}

.modal-content {
    background: #000000;
    backdrop-filter: blur(10px);
}

button.btn-close {
    background-color: white;
}

.ftco-section {
    padding: 1em 0;
}

.ftco-no-pt {
    padding-top: 0;
}

.ftco-no-pb {
    padding-bottom: 0;
}

.heading-section {
    font-size: 28px;
}

.img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.owl-carousel {
    position: relative;
}

.owl-carousel .owl-item {
    opacity: 1;
}

.owl-carousel .owl-item.active {
    opacity: 1;
}

.owl-carousel .owl-nav {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -10px;
    color: rgba(0, 0, 0, 0.2) !important;
    -webkit-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.owl-carousel .owl-nav .owl-prev span:before, .owl-carousel .owl-nav .owl-next span:before {
    font-size: 16px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    .owl-carousel .owl-nav .owl-prev span:before, .owl-carousel .owl-nav .owl-next span:before {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.owl-carousel .owl-nav .owl-prev:hover span:before, .owl-carousel .owl-nav .owl-next:hover span:before {
    color: #b063c5;
}

.owl-carousel .owl-nav .owl-prev {
    right: 0;
    margin-right: 20px;
}

.owl-carousel .owl-nav .owl-next {
    right: 0;
}

.owl-carousel .owl-dots {
    text-align: left;
    margin-top: 10px;
}

.owl-carousel .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 50%;
    background: rgb(255 255 255 / 10%);
    position: relative;
}

.owl-carousel .owl-dots .owl-dot:hover, .owl-carousel .owl-dots .owl-dot:focus {
    outline: none !important;
}

.owl-carousel .owl-dots .owl-dot.active {
    background: #ffbf0a;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.blogslider {
    width: 100%;
}

.blogslider .img {
    width: 100%;
    height: 400px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0;
}

.blogslider .img:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    z-index: -1;
    background: rgba(255, 93, 177, 0);
    background: -moz-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 93, 177, 0)), color-stop(42%, rgba(148, 54, 103, 0)), color-stop(100%, black));
    background: -webkit-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
    background: -o-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
    background: -ms-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 93, 177, 0)), color-stop(42%, rgba(148, 54, 103, 0)), to(black));
    background: linear-gradient(to bottom, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#000000', GradientType=0 );
    opacity: .9;
}

.blogslider .text {
    padding: 35px;
    padding-top: 0;
}

.blogslider .text h3 {
    font-size: 34px;
    font-weight: 400;
    /* font-family: "Playfair Display", serif; */
    margin-bottom: 0;
}

.blogslider .text h3 a {
    color: #fff;
}

.blogslider .text .cat {
    font-size: 12px;
    color: #ffffff;
    font-weight: 400;
    background: rgb(255 49 76);
    padding: 1px 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 5px;
}

.testimonieslider {
    width: 100%;
    text-align: center;
}

.testimonieslider .img {
    width: 100%;
    height: 280px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0;
}

.testimonieslider .img:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    z-index: -1;
    background: rgba(255, 93, 177, 0);
    background: -moz-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 93, 177, 0)), color-stop(42%, rgba(148, 54, 103, 0)), color-stop(100%, black));
    background: -webkit-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
    background: -o-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
    background: -ms-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 93, 177, 0)), color-stop(42%, rgba(148, 54, 103, 0)), to(black));
    background: linear-gradient(to bottom, rgb(0 0 0) -40%, rgba(148, 54, 103, 0) 342%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#000000', GradientType=0 );
    opacity: .9;
}

.testimonieslider .text {
    padding: 35px;
    padding-top: 0;
}

.testimonieslider .text h3 {
    font-size: 34px;
    font-weight: 400;
    /* font-family: "Playfair Display", serif; */
    margin-bottom: 0;
}

.testimonieslider .text h3 a {
    color: #fff;
}

.testimonieslider .text .cat {
    font-size: 12px;
    color: #ffffff;
    font-weight: 400;
    background: rgb(255 49 76);
    padding: 1px 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 5px;
}

.authorblock {
    margin-top: 15px;
}

.authorpicture {
    width: 50px !important;
    height: 50px !important;
    border-radius: 60px;
    margin-left: 5px;
    display: inline-block !important;
}

.authorname {
    /* padding-top: 25px; */
    display: inline;
    font-size: 15px;
    color: white;
}

.blogdate {
    margin-top: 26px;
    float: left;
    font-size: 13px;
    color: white;
    display: inline-block;
}

.authorblock-list {
    margin-top: 15px;
}

.authorpicture-list {
    width: 50px !important;
    height: 50px !important;
    border-radius: 60px;
    margin-left: 5px;
    display: inline-block !important;
}

.authorname-list {
    /* padding-top: 25px; */
    display: inline;
    font-size: 15px;
    color: #848484;
}

.blogdate-list {
    float: left;
    font-size: 13px;
    color: #848484;
    display: inline-block;
    margin-top: 16px;
}

#tracking {
    /* background: #fff; */
}

.tracking-detail {
    padding: 3rem 0;
}

#tracking {
    margin-bottom: 1rem;
}

[class*="tracking-status-"] p {
    margin: 0;
    font-size: 1.1rem;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

[class*="tracking-status-"] {
    padding: 1.6rem 0;
}

.tracking-list {
    /* border: 1px solid #e5e5e5; */
}

.tracking-item {
    border-right: 4px solid #dc3545;
    position: relative;
    padding: 2rem 2.5rem 0.5rem 1.5rem;
    font-size: 0.9rem;
    margin-right: 3rem;
    min-height: 5rem;
}

.tracking-item:last-child {
    padding-bottom: 4rem;
}

.tracking-item .tracking-date {
    margin-bottom: 0.5rem;
}

.tracking-item .tracking-date span {
    color: #888;
    font-size: 85%;
    padding-right: 0.4rem;
}

.tracking-item .tracking-content {
    padding: 0.5rem 0.8rem;
    /* background-color: #f4f4f4; */
    border-radius: 0.5rem;
}

.tracking-item .tracking-content span {
    display: block;
    color: #767676;
    font-size: 13px;
}

.tracking-item .tracking-icon {
    position: absolute;
    right: -0.7rem;
    width: 1.1rem;
    height: 1.1rem;
    text-align: center;
    border-radius: 50%;
    font-size: 1.1rem;
    background-color: #fff;
    color: #fff;
}

.tracking-item-pending {
    border-right: 4px solid #d6d6d6;
    position: relative;
    padding: 2rem 2.5rem 0.5rem 1.5rem;
    font-size: 0.9rem;
    margin-right: 3rem;
    min-height: 5rem;
}

.tracking-item-pending:last-child {
    padding-bottom: 4rem;
}

.tracking-item-pending .tracking-date {
    margin-bottom: 0.5rem;
}

.tracking-item-pending .tracking-date span {
    color: #888;
    font-size: 85%;
    padding-right: 0.4rem;
}

.tracking-item-pending .tracking-content {
    padding: 0.5rem 0.8rem;
    background-color: #f4f4f4;
    border-radius: 0.5rem;
}

.tracking-item-pending .tracking-content span {
    display: block;
    color: #767676;
    font-size: 13px;
}

.tracking-item-pending .tracking-icon {
    line-height: 2.6rem;
    position: absolute;
    right: -0.7rem;
    width: 1.1rem;
    height: 1.1rem;
    text-align: center;
    border-radius: 50%;
    font-size: 1.1rem;
    color: #d6d6d6;
}

.tracking-item-pending .tracking-content {
    font-weight: 600;
    font-size: 17px;
}

.tracking-item .tracking-icon.status-current {
    width: 1.9rem;
    height: 1.9rem;
    right: -1.1rem;
}

.tracking-item .tracking-icon.status-intransit {
    color: #ffc109;
    font-size: 0.6rem;
}

.tracking-item .tracking-icon.status-current {
    color: #dc3545;
    font-size: 0.6rem;
}

@media (min-width: 992px) {
    .tracking-item {
        margin-right: 7rem;
    }

    .tracking-item .tracking-date {
        position: absolute;
        right: -10rem;
        width: 7.5rem;
        text-align: left;
    }

    .tracking-item .tracking-date span {
        display: block;
    }

    .tracking-item .tracking-content {
        padding: 0;
        background-color: transparent;
    }

    .tracking-item-pending {
        margin-right: 7rem;
    }

    .tracking-item-pending .tracking-date {
        position: absolute;
        right: -10rem;
        width: 7.5rem;
        text-align: left;
    }

    .tracking-item-pending .tracking-date span {
        display: block;
    }

    .tracking-item-pending .tracking-content {
        padding: 0;
        background-color: transparent;
    }
}

.tracking-item .tracking-content {
    font-weight: 600;
    font-size: 21px;
    color: white;
    min-height: 60Px;
}

.blinker {
    border: 7px solid #e9f8ea;
    animation: blink 1s;
    animation-iteration-count: infinite;
}

@keyframes blink {
    50% {
        border-color: #fff ;
    }
}

.sticky {
    position: sticky;
    top: 0;
}

.slider-background {
    background-size: cover;
}

.slider-image {
    background-size: cover;
}

.introduction {
    border-left: 3px solid yellow;
}

.blog-card {
    background: #111111;
    border-radius: 10px;
}

.blog-image {
    border-radius: 5px;
    display: inline-block;
    width: 100px;
    background-size: cover;
    background-position: center;
}

.blog-content {
    padding: 10px;
}

.view-all-link {
    border-bottom: 4px red solid;
}

.sidebar {
    background: #191919;
    /* border-radius: 10px; */
    padding: 20px;
}

.tracking-list {
    /* Add your styles for the tracking list here */
}

.order-placed-image {
    border-radius: 50px;
}

.yellow-border {
    border-left: 3px solid #ffc008;
}

.lastnews-sidebar {
    background: #191919;
    border-radius: 10px;
    padding: 20px;
}

.clock {
    background: url('data:image/svg+xml, <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.44 14.34" ><defs><style> .cls-1 { fill: %23ffc008; stroke-width: 0px; } </style></defs><g id="Layer_1-2" data-name="Layer 1"><g><path class="cls-1" d="M13.42,3.19s0,.02,0,.03c0,.08,0,.16,0,.24,0,.02,0,.04,0,.06-.02.08-.01.16-.01.23,0,.19-.06.35-.18.49,0,0-.01.01-.02.02-.06.04-.11.08-.17.11-.03,0-.06.01-.09.02-.07,0-.14.02-.21.02-.04,0-.08-.03-.12-.02-.03-.03-.06-.01-.09-.02-.06-.03-.13-.02-.2-.04-.12-.03-.25-.06-.37-.07-.07-.03-.13-.03-.2-.04,0-.02-.02-.01-.03-.02-.13-.02-.26-.05-.4-.08-.05,0-.1-.01-.15-.02,0,0,0-.01-.02-.02-.16-.02-.31-.05-.46-.1-.02-.02-.04-.03-.06-.03-.07-.05-.12-.13-.19-.19,0-.01,0-.02-.01-.03-.07-.15-.09-.31-.04-.47.06-.21.22-.32.42-.39.1-.02.21-.02.31,0,.1.02.2.04.3.06,0,0,0-.01,0-.02-.12-.11-.22-.23-.36-.33,0,0,0,0,0,0-.15-.12-.29-.26-.46-.36,0,0,0,0-.01,0,0,0-.01,0-.02-.01,0,0,0,0,0,0-.11-.08-.23-.15-.35-.22-.02-.01-.03-.04-.06-.04-.15-.09-.3-.17-.46-.24,0-.02-.02-.02-.03-.02-.12-.05-.24-.1-.37-.15-.08-.03-.16-.08-.25-.08-.01-.01-.03-.02-.04-.02-.1-.05-.21-.08-.32-.1-.13-.03-.27-.06-.4-.09-.2-.05-.41-.05-.61-.08-.21-.04-.42-.04-.63-.03-.25.02-.5.01-.75.07-.17.04-.34.05-.51.1-.2.05-.41.11-.61.18-.29.1-.57.22-.84.36-.28.15-.55.33-.81.53-.31.24-.59.5-.85.79-.19.21-.37.44-.52.68-.14.23-.27.46-.39.7-.24.47-.39.96-.49,1.48-.1.51-.13,1.03-.09,1.55.04.63.18,1.25.42,1.84.14.35.31.68.52,1,.17.25.35.49.55.72.21.24.44.46.69.66.15.12.3.24.47.35.47.32.98.56,1.52.73.37.12.75.2,1.14.24.26.03.53.03.79.04.05,0,.09,0,.14-.01.02,0,.04,0,.06,0,.33,0,.65-.06.97-.12.24-.05.47-.12.69-.2.32-.11.62-.25.92-.41.31-.17.61-.37.89-.6.28-.23.54-.48.78-.76.13-.15.25-.31.37-.47.06-.09.12-.18.19-.26.16-.16.36-.21.57-.15.25.07.4.25.42.52.02.2-.08.35-.18.5-.32.47-.7.89-1.11,1.28-.17.15-.35.3-.53.43-.2.15-.4.28-.61.41-.22.13-.45.25-.68.36-.36.17-.73.3-1.11.41-.17.05-.35.09-.53.12-.14.03-.27.05-.41.07-.14.02-.28.03-.41.04-.23.02-.46,0-.7.01-.1,0-.19,0-.29,0-.14,0-.28-.04-.42-.04-.15,0-.29-.04-.43-.06-.32-.05-.63-.14-.94-.24-.21-.07-.42-.15-.62-.24-.31-.14-.61-.3-.91-.47-.14-.08-.27-.17-.39-.26-.25-.18-.5-.38-.72-.59-.18-.18-.37-.35-.53-.56-.02-.02-.03-.06-.07-.06-.08-.1-.15-.2-.23-.29-.22-.29-.42-.59-.59-.91-.16-.3-.31-.61-.42-.93-.12-.32-.21-.65-.29-.98-.05-.2-.07-.4-.1-.6C0,7.71,0,7.32,0,6.93c0-.14-.01-.28.02-.42.02-.12.03-.23.04-.35.02-.18.07-.34.1-.52.03-.19.09-.38.14-.57.08-.28.19-.54.3-.81.09-.22.21-.43.32-.64.2-.37.44-.7.7-1.02.21-.26.46-.5.69-.74.04,0,.06-.03.08-.06.26-.23.54-.44.84-.64.16-.1.32-.2.49-.29.28-.16.57-.3.88-.41.48-.18.98-.31,1.49-.39C6.6,0,7.12-.02,7.64.01c.29.02.59.05.87.12.02,0,.04,0,.05,0,.15.05.32.07.47.11.02,0,.04.02.06.02.11.05.23.08.35.11,0,0,0,0,.01,0,.2.07.4.16.6.23l.08.03c.08.04.15.07.23.11.15.08.3.16.45.23.01,0,.02.01.03.02.11.08.21.15.33.22.01.03.04.03.07.05.16.1.31.23.46.35.02.01.03.02.05.03.16.14.31.27.46.42.01.01.03.03.05.02.03,0,.01-.03.02-.05,0-.06-.01-.12,0-.18.06-.24.2-.39.43-.45.08-.01.17-.02.25,0,.14.03.26.1.36.21,0,.02.02.04.04.05.03.07.06.14.08.21,0,.18,0,.36,0,.54,0,.08-.01.17,0,.25,0,.02,0,.03,0,.05-.02.16-.01.33-.01.49Z"></path><path class="cls-1" d="M7.64,6.58c.12.08.24.17.32.29.18.26.26.55.19.86-.01.06,0,.1.04.14.45.45.91.9,1.36,1.36.2.2.18.54.01.75-.12.14-.27.21-.44.22-.17.01-.32-.06-.45-.19-.43-.43-.86-.85-1.28-1.29-.11-.11-.22-.14-.36-.13-.18.01-.33-.05-.48-.13-.23-.13-.39-.32-.48-.56-.06-.18-.08-.36-.05-.55.05-.29.19-.51.41-.7.03-.03.03-.06.03-.09,0-1.07,0-2.14,0-3.21,0-.15.02-.29.12-.41.16-.19.37-.25.6-.19.23.05.37.22.43.45.01.05.02.11.02.16,0,1.04,0,2.07,0,3.11,0,.03,0,.06,0,.09,0,.01,0,.02.01.02ZM7.09,7.15c-.21,0-.38.17-.38.38,0,.2.17.38.38.38.21,0,.37-.17.37-.38,0-.21-.17-.38-.38-.37Z"></path></g></g></svg>');
    background-size: cover;
    width: 20px;
    height: 20px;
    display: inline-block;
    ;}

.article img {
    width: 100%;
    height: auto;
}

.article a {
    color: blue;
}

.article a:hover {
    color: blue;
}

.center {
    width: 100%;
    margin-top: 60px;
}

#social-test {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 30px;
    .social {
        padding-left: 0px;
    }

    li {
        display: inline-block;
    }

    li a {
        color: rgba(0, 0, 0, 0.6);
        border-radius: 6px;
        list-style-type: none;
        display: inline-block;
        /* width: 100px; */
        /* height: 100px; */
        /* line-height: 100px; */
        /* padding: 1%; */
        /* border: 1px solid rgba(0, 0, 0, 0.6); */
        cursor: pointer;
        margin-left: 20px;
        margin-bottom: 20px;
        transition: ease .3s;
        &: hover {
            color: rgba(0, 0, 0, 1);
            border: 1px solid rgba(0, 0, 0, 1);
        }
    }
}

.social:hover > li {
    opacity: 0.5;
}

.social:hover > li:hover {
    opacity: 1;
}

/*
 * selection-sharer: Medium like popover menu to share on Twitter or by email any text selected on the page
 *
 * -- Requires jQuery --
 * -- AMD compatible  --
 *
 * Author: Xavier Damman (@xdamman)
 * GIT: https://github.com/xdamman/selection-sharer
 * MIT License
 */
@keyframes selectionSharerPopover-animation {
    0% {
        transform: matrix(0.97, 0, 0, 1, 0, 12);
        filter: alpha(opacity=0);
        opacity: 0;
    }

    20% {
        transform: matrix(0.99, 0, 0, 1, 0, 2);
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    40% {
        transform: matrix(1, 0, 0, 1, 0, -1);
        filter: alpha(opacity=100);
        opacity: 1;
    }

    70% {
        transform: matrix(1, 0, 0, 1, 0, 0);
        filter: alpha(opacity=100);
        opacity: 1;
    }

    100% {
        transform: matrix(1, 0, 0, 1, 0, 0);
        filter: alpha(opacity=100);
        opacity: 1;
    }
}

#selectionSharerPopover {
    display: none;
    position: absolute;
    top: -100px;
    left: -100px;
    z-index: 1010;
}

#selectionSharerPopover::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -4px;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #262625;
    box-shadow: 0 0 2px #262625;
}

#selectionSharerPopover.anim {
    transition: top 0.075s ease-out;
    animation: selectionSharerPopover-animation 180ms forwards linear;
    -webkit-animation: selectionSharerPopover-animation 180ms forwards linear;
}

#selectionSharerPopover-inner {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid;
    border-color: #262625 #1c1c1b #121211;
    box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.7), inset 0 0 1px rgba(255, 255, 255, 0.07), inset 0 0 2px rgba(255, 255, 255, 0.15);
    background-image: linear-gradient(to bottom, rgba(49, 49, 47, 0.97), #262625);
    background-repeat: repeat-x;
}

#selectionSharerPopover .selectionSharerPopover-clip {
    position: absolute;
    bottom: -11px;
    display: block;
    left: 50%;
    clip: rect(12px 24px 24px 0);
    margin-left: -12px;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

#selectionSharerPopover .selectionSharerPopover-arrow {
    display: block;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg) scale(0.5);
    transform: rotate(45deg) scale(0.5);
    background-color: #454543;
    border: 2px solid #121211;
    box-sizing: content-box;
}

.selectionSharer ul {
    padding: 0;
    display: inline;
}

.selectionSharer ul li {
    float: left;
    list-style: none;
    background: none;
    margin: 0;
}

.selectionSharer a.action {
    display: block;
    text-indent: -200px;
    margin: 5px 7px;
    width: 20px;
    height: 20px;
    border: none;
}

.selectionSharer a:hover {
    color: #ccc;
}

.selectionSharer a.tweet {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 462.799"><path fill="%23fff" fill-rule="nonzero" d="M403.229 0h78.506L310.219 196.04 512 462.799H354.002L230.261 301.007 88.669 462.799h-78.56l183.455-209.683L0 0h161.999l111.856 147.88L403.229 0zm-27.556 415.805h43.505L138.363 44.527h-46.68l283.99 371.278z"/></svg>') no-repeat;
    background-size: 18px;
    background-position: 2px 4px;
}

.selectionSharer a.facebook {
    background: url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 33 33' width='25' height='25' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:white' d='M 17.996,32L 12,32 L 12,16 l-4,0 l0-5.514 l 4-0.002l-0.006-3.248C 11.993,2.737, 13.213,0, 18.512,0l 4.412,0 l0,5.515 l-2.757,0 c-2.063,0-2.163,0.77-2.163,2.209l-0.008,2.76l 4.959,0 l-0.585,5.514L 18,16L 17.996,32z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat;
    background-size: 18px;
    background-position: 0 2px;
    display: none;
}

.selectionSharer a.linkedin {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve"><g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"><path fill="white" d="M343.999,2812.002C222.998,2770,155,2672.002,155,2540c0-62.002,5-85,27.998-132.998 c108.003-219.004,459.004-206.001,560,21.997c16.001,36.001,18.003,60,15,125c-5,97.002-27.998,146.001-91.997,203.003 C586.001,2827.002,453.999,2850,343.999,2812.002z"/> <path fill="white" d="M2035.996,2052.998c-150.996-31.997-257.998-92.998-365-210l-68.994-75l-7.002,79.004 c-5,42.998-10.996,100.996-14.004,127.998l-5.996,50l-253.999,2.998L1067.998,2030l6.001-62.002c3.003-35,8.999-452.998,12.002-930 L1092.998,170h288.003H1670l2.002,597.998C1675,1365,1675,1365,1697.998,1410.996c34.004,70,87.002,125.005,150,156.006 c75,36.997,192.998,38.999,257.998,5c59.004-31.001,111.006-95,137.002-172.002c21.006-64.004,22.002-77.002,25-647.002 L2270.996,170h290h290l-3.994,642.998c-2.998,547.998-6.006,652.002-20,707.002c-42.998,172.998-97.002,280-187.998,371.001 C2494.004,2037.998,2257.002,2101.001,2035.996,2052.998z"/><path fill="white" d="M167.002,2022.998c-4.004-2.998-7.002-421.997-7.002-930V170h295h295l-2.002,927.998L745,2025 l-286.001,2.998C302.002,2028.999,171.001,2027.002,167.002,2022.998z"/></g></svg>') 2px 4px/18px no-repeat;
    background-size: 18px;
    background-position: 0 2px;
}

.selectionSharer a.telegram {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path style="fill:white" d="M22.05 1.577c-.393-.016-.784.08-1.117.235-.484.186-4.92 1.902-9.41 3.64-2.26.873-4.518 1.746-6.256 2.415-1.737.67-3.045 1.168-3.114 1.192-.46.16-1.082.362-1.61.984-.133.155-.267.354-.335.628s-.038.622.095.895c.265.547.714.773 1.244.976 1.76.564 3.58 1.102 5.087 1.608.556 1.96 1.09 3.927 1.618 5.89.174.394.553.54.944.544l-.002.02s.307.03.606-.042c.3-.07.677-.244 1.02-.565.377-.354 1.4-1.36 1.98-1.928l4.37 3.226.035.02s.484.34 1.192.388c.354.024.82-.044 1.22-.337.403-.294.67-.767.795-1.307.374-1.63 2.853-13.427 3.276-15.38l-.012.046c.296-1.1.187-2.108-.496-2.705-.342-.297-.736-.427-1.13-.444zm-.118 1.874c.027.025.025.025.002.027-.007-.002.08.118-.09.755l-.007.024-.005.022c-.432 1.997-2.936 13.9-3.27 15.356-.046.196-.065.182-.054.17-.1-.015-.285-.094-.3-.1l-7.48-5.525c2.562-2.467 5.182-4.7 7.827-7.08.468-.235.39-.96-.17-.972-.594.14-1.095.567-1.64.84-3.132 1.858-6.332 3.492-9.43 5.406-1.59-.553-3.177-1.012-4.643-1.467 1.272-.51 2.283-.886 3.278-1.27 1.738-.67 3.996-1.54 6.256-2.415 4.522-1.748 9.07-3.51 9.465-3.662l.032-.013.03-.013c.11-.05.173-.055.202-.057 0 0-.01-.033-.002-.026zM10.02 16.016l1.234.912c-.532.52-1.035 1.01-1.398 1.36z" color="white" /></svg>') no-repeat;
    background-size: 18px;
    background-position: 0 2px;
}

.selectionSharer a.email {
    background: url("data:image/svg+xml;charset=utf8,%3csvg xmlns='http://www.w3.org/2000/svg' width='94' height='64'%3e%3cg transform='translate(-10, -10)' fill='transparent'%3e%3crect x='0' y='0' width='114' height='114'%3e%3c/rect%3e%3cpath d='M12,12 L102,12 L102,72 L12,72 L12,12 Z M16,12 L53,49 C55.6666667,51 58.3333333,51 61,49 L98,12 L16,12 Z M15,72 L45,42 L15,72 Z M69,42 L99,72 L69,42 Z' stroke='white' stroke-width='5'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat;
    background-size: 20px;
    background-position: 0 4px;
}

#selectionSharerPopunder.fixed {
    transition: bottom 0.5s ease-in-out;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: -50px;
}

.selectionSharer {
    transition: -webkit-transform 0.6s ease-in-out;
}

.selectionSharer.moveDown {
    -webkit-transform: translate3d(0, 60px, 0);
}

#selectionSharerPopunder {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    transition: height 0.5s ease-in-out;
    background: #ccc;
    border: none;
    box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.5), inset 0 -10px 5px -10px rgba(0, 0, 0, 0.5);
    border-radius: 0;
    overflow: hidden;
}

#selectionSharerPopunder.show {
    height: 50px;
}

.selectionSharerPlaceholder {
    height: 1em;
    margin-bottom: -2em;
    transition: height 0.5s ease-in-out;
}

.selectionSharerPlaceholder.show {
    height: 50px !important;
}

#selectionSharerPopunder-inner ul {
    overflow: hidden;
    margin: 0;
    display: inline;
}

#selectionSharerPopunder-inner ul li {
    padding: 5px;
    overflow: hidden;
}

#selectionSharerPopunder-inner label {
    color: white;
    font-weight: 300;
    line-height: 50px;
    margin: 0 20px 0 10px;
}

#selectionSharerPopunder-inner a {
    width: 30px;
    height: 30px;
    background-size: 30px;
}

#selectionSharerPopunder-inner a.tweet {
    background-position: 0 2px;
}

.featured-carousel {
    padding-top: 15px;
    padding-bottom: 15px;
}

.footer {
    background: #191919;
}

.border-bottom {
    border-bottom: 1px solid #9e9e9e29!important;
}

.border-right {
    border-left: 1px solid #9e9e9e29!important;
}

.mr-46 {
    margin-left: 44px;
}

a {
    text-decoration: none;
    color: #fff;
}

.item-list li {
    list-style: none;
    padding: 5px;
}

.dots {
    height: 35px;
    width: 35px;
    background-color: #fff;
    color: red;
    line-height: 39px;
    padding: 1px;
    border-radius: 50%;
    display: inline-block;
}

.dots i {
    font-size: 25px;
    margin-right: 5px;
}

.text-content {
    font-size: 21px;
    color: #fff;
    padding-right: 15px;
    font-weight: 500;
}

.social-icons {
    display: inline-flex;
    font-size: x-large;
}

.social-icons li {
    padding: 10px;
    list-style: none;
}

.search {
    /*margin-bottom: auto;
    margin-top: auto;*/
    height: 53px;
    border: 1px solid #eee;
    background-color: #000000;
    border-radius: 40px;
    padding: 2px;
}

.search_input {
    color: white;
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    margin-top: 2px;
    caret-color: transparent;
    line-height: 40px;
    transition: width 0.4s linear
}

.search .search_input {
    padding: 0 10px;
    width: 100%;
    caret-color: red;
    transition: width 0.4s linear
}

.search:hover>.search_icon {
    background: #dc3545;
    color: #fff
}

.search_icon {
    height: 46px;
    width: 46px;
    margin-left: 2px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    color: white;
    padding: 20px;
    background-color: black;
}

.item-list {
    padding: 0;
}

/* Custom CSS for full-page modal */
.modal-full-page {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 !important;
    margin: 0 !important;
}

.nav-item-modal {
    padding: 5px;
    text-align: center;
    list-style: none;
    /* background: #050505; */
    margin: 0;
    margin-bottom: 5px;
    font-size: 1.1em;
}

ul.navbar-nav-modal {
    margin: 0;
    padding: 0;
}

li.nav-item-modal:hover {
    background: #ff314b;
    color: white;
}

a.active {
    color: #ff314b;
}
        

    .martyr {
      display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: rgba(0, 0, 0, 0.5);
      color: white;
      padding: 20px;
      border-radius: 5px;
      z-index: 1000;
      backdrop-filter: blur(8px);
      transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .martyr h2 {
      color: white;
    }

    #overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 999;
      transition: opacity 0.3s ease;
    }

    .martyr input[type="text"] {
      width: 100%;
      margin-bottom: 10px;
    }


    .img-fluid {
      position: relative;
      width: 100%;
    }

    .img-rip {
     position: absolute;
    top: 15px;
    rotate: 322deg;
    right: 69px;
    transform: translate(-50%, -50%);
    height: 9px;
    width: 84px;
    background-color: #000000e0;
    z-index: 1;
    }

   

    .close-btn-2 {
      position: absolute;
      top: 0px;
      left: 5px;
      color: white;
      z-index: 9999;
      font-size: 40px;
      cursor: pointer;
      background: #000000c2;
      border: none;
    }
 .close-btn-2:hover {color: #ffc008;}
    @media (min-width: 576px) {
      .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
        padding: 0;
        margin: 0;
      }
    }

    @media (max-width: 575.98px) {
      .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0;
        margin: 0;
      }
    }


.sectionClass {
  padding: 20px 0px 50px 0px;
  position: relative;
  display: block;
}

.fullWidth {
  width: 100% !important;
  display: table;
  float: none;
  padding: 0;
  min-height: 1px;
  height: 100%;
  position: relative;
}


.sectiontitle {
  background-position: center;
  margin: 30px 0 0px;
  text-align: center;
  min-height: 20px;
}

.sectiontitle h2 {
  font-size: 30px;
  color: #222;
  margin-bottom: 0px;
  padding-right: 10px;
  padding-left: 10px;
}


.headerLine {
  width: 160px;
  height: 2px;
  display: inline-block;
  background: #101F2E;
}


.projectFactsWrap{
    display: flex;
/*  margin-top: 30px;*/
  flex-direction: row;
  flex-wrap: wrap;
}


#projectFacts .fullWidth{
  padding: 0;
}

.projectFactsWrap .item{
  width: 25%;
  height: 100%;
  padding: 50px 0px;
  text-align: center;
}

.projectFactsWrap .item:nth-child(1){
     background: rgb(15 16 16);
}

.projectFactsWrap .item:nth-child(2){
      background: rgb(20 20 20);
}

.projectFactsWrap .item:nth-child(3){
      background: rgb(30 30 30);
}

.projectFactsWrap .item:nth-child(4){
      background: rgb(40 40 40);
}

.projectFactsWrap .item p.number{
  font-size: 40px;
  padding: 0;
  font-weight: bold;
}

.projectFactsWrap .item p{
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  margin: 0;
  padding: 10px;
 }


.projectFactsWrap .item span{
  width: 60px;
  background: rgba(255, 255, 255, 0.8);
  height: 2px;
  display: block;
  margin: 0 auto;
}


.projectFactsWrap .item i{
  vertical-align: middle;
  font-size: 50px;
  color: rgba(255, 255, 255, 0.8);
}


.projectFactsWrap .item:hover i, .projectFactsWrap .item:hover p{
  color: white;
}

.projectFactsWrap .item:hover span{
  background: white;
}

@media (max-width: 786px){
  .projectFactsWrap .item {
     flex: 0 0 50%;
  }
}

a.source-box {
    background: #f0f0f0;
    color: black;
    display: block;
    padding: 13px;
    rad*: 5;
    border-radius: 14px;
    font-size: 17px;
    border: solid 1px #e6e6e6;
}
.fa.fa-twitter{
    font-family:sans-serif;
}
.fa.fa-twitter::before{
    content:"𝕏";
    font-size:1.2em;
}


.sourcepicture {
    /* width: 50px !important; */
    height: 50px !important;
    /* border-radius: 60px; */
    margin-left: 5px;
    display: inline-block !important;
}

.sidebarnumber {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    font-size: 2em;
    display: block;
}

.authorPicture {
     width: 200px;
    height: 200px;
background-size: cover !important;
    border-radius: 200px;
    display: block;
    margin: auto;
}

    .author {
    color: #8d97ad;
  font-weight: 300;
}

    .authorcard {border: 1px solid #353535;background: #1e1c1c;padding: 25px;border-radius: 13px;min-height: 500px;}



.author h1, .author h2, .author h3, .author h4, .author h5, .author h6 {
  color: #3e4555;
}

.author .font-weight-medium {
    font-weight: 500;
}

.author h5 {
    line-height: 22px;
    font-size: 18px;
}

.author .subtitle {
    color: #8d97ad;
    line-height: 24px;
        font-size: 13px;
}

.author ul li a {
  color: #8d97ad;
  padding-right: 15px;
  -webkit-transition: 0.1s ease-in;
  -o-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
}

.author ul li a:hover {
  -webkit-transform: translate3d(0px, -5px, 0px);
  transform: translate3d(0px, -5px, 0px);
    color: #316ce8;
}

 

i.icon-social-twitter {
    font-family:sans-serif;

}

i.icon-social-twitter::before{
    content:"𝕏";
    font-size:1.2em;
}


.martyslist{
color:white;--bs-gradient: *;width: 100%;height: 100%;text-align: center;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;align-items: flex-end;background: rgb(0,0,0);background: linear-gradient(0deg, rgb(0 0 0 / 87%) 18%, rgba(0, 0, 0, 0) 100%);justify-content: space-evenly;   
}


.martyslist:hover{
color:Black;--bs-gradient: *;width: 100%;height: 100%;text-align: center;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;align-items: flex-end;background: rgb(0,0,0);background: linear-gradient(0deg, rgb(255 255 255 / 87%) 18%, rgba(0, 0, 0, 0) 100%);justify-content: space-evenly;   
}