@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;700&display=swap');


@font-face {
    font-family  : "ZurichExtendedBT";
    src          : url('../../assets/fonts/ZurichExtendedBT.ttf');
    font-weight  : 400;
    font-style   : normal;
    font-display : swap;
    font-stretch : normal;
}


* {
    padding    : 0;
    margin     : 0;
    box-sizing : border-box;
}

/* Works on Firefox */
* {
    scrollbar-width : thin;
    scrollbar-color : #121212 #000;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width : 12px;
}

*::-webkit-scrollbar-track {
    background : #000;
}

*::-webkit-scrollbar-thumb {
    background-color : #121212;
    border-radius    : 20px;
    border           : 3px solid #000;
}

body {
    margin           : 0;
    padding          : 0;
    font-family      : "Assistant", "Inter", sans-serif;
    overflow-x       : hidden;
    background-color : #000000;
    font-weight      : 400;
    color            : #ffffff;
    font-size        : 20px;
    line-height      : 1.5;
}

a {
    color : #ffffff;
}

.navbar {
    --bs-navbar-padding-x           : 0;
    --bs-navbar-padding-y           : 20px;
    --bs-navbar-color               : var(--bs-white);
    --bs-navbar-hover-color         : rgba(255, 255, 255, 0.8);
    --bs-navbar-disabled-color      : var(--bs-white);
    --bs-navbar-active-color        : var(--bs-white);
    --bs-navbar-brand-padding-y     : 0.3125rem;
    --bs-navbar-brand-margin-end    : 1rem;
    --bs-navbar-brand-font-size     : 1rem;
    --bs-navbar-nav-link-padding-x  : 1rem;
    position                        : relative;
    display                         : flex;
    flex-wrap                       : wrap;
    align-items                     : center;
    justify-content                 : space-between;
    padding                         : var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
    /*background                     : #121212;*/
    --bs-navbar-toggler-icon-bg     : url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path stroke="%23fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"/></svg>');
    --bs-navbar-toggler-focus-width : 0;
    /*BY SADDAM*/
    position                        : relative;
}

.navbar .nav-link {
    position : relative;
    padding  : 4px 0 !important;
    margin   : 0 16px;
}

.navbar .nav-link:after {
    content    : "";
    position   : absolute;
    bottom     : -4px;
    left       : 0;
    width      : 0;
    height     : 2px;
    background : #ffffff;
    transition : .3s ease-in-out;
}

.navbar .nav-link:hover:after {
    width : 100%;
}

.rightNavbar .nav-link {
    padding : 8px 8px;
}

.rightNavbar .list-inline-item {
    margin-right : 0;
}

.cSection {
    padding : 100px 0;
}

.cDivider hr {
    margin       : 0;
    border-color : #ffffff;
    opacity      : 1;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family : "ZurichExtendedBT", "Assistant", sans-serif;
    font-weight : 400;
    color       : #ffffff;
}

h1, .h1 {
    font-size   : 48px;
    line-height : 58px;
}

h2, .h2 {
    font-size   : 32px;
    line-height : 38px;
}

h3, .h3 {
    font-size   : 24px;
    line-height : 30px;
}

.contentWrapper {
    /*margin-top : -120px;*/
}

.bannerWrapper {
    background : #121212;
}

.banner {
    max-height  : 450px;
    min-height  : 450px;
    display     : flex;
    align-items : center;
    /*padding-top : 300px;*/
}

.banner .content {
    width : 60%;
}

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


.content-conner {
    background        : linear-gradient(#fff, #fff) top left,
    linear-gradient(#fff, #fff) top left,
    linear-gradient(#fff, #fff) top right,
    linear-gradient(#fff, #fff) top right,
    linear-gradient(#fff, #fff) bottom left,
    linear-gradient(#fff, #fff) bottom left,
    linear-gradient(#fff, #fff) bottom right,
    linear-gradient(#fff, #fff) bottom right;
    background-size   : 1px 50px, 50px 1px;
    background-repeat : no-repeat;
}

.content-conner p:last-child {
    margin-bottom : 0;
}

.phoneDayBanner .content-conner {
    background-size : 1px 20px, 20px 1px;
    max-width       : 300px;
    margin          : 0 auto;
}

.phoneDayBanner .content {
    width : 80%;
}

.content-conner.began {
    min-height : 180px;
}

.form-control {
    border        : 1px solid #FFFFFF;
    filter        : drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background    : transparent;
    border-radius : 0;
    min-height    : 50px;
    font-size     : 28px;
    line-height   : 30px;
    color         : #FFFFFF;
    padding       : 6px 24px;
}

.form-control:focus {
    color            : #FFFFFF;
    background-color : transparent;
    border-color     : #FFFFFF;
    outline          : 0;
    box-shadow       : none;
}

.form-control::-webkit-input-placeholder { /* Edge */
    color : #ffffff;
}

.form-control:-ms-input-placeholder { /* Internet Explorer */
    color : #ffffff;
}

.form-control::placeholder {
    color : #ffffff;
}

.form-control.sm {
    font-size   : 16px;
    min-height  : 35px;
    line-height : normal;
}

.btn {
    --bs-btn-padding-x   : 28px;
    --bs-btn-padding-y   : 8px;
    --bs-btn-font-size   : 28px;
    --bs-btn-font-weight : 400;
    --bs-btn-line-height : 1.5;
    border-radius        : 0;

}

.btn-sm {
    font-size : 16px;
}

.btn-primary {
    --bs-btn-color                 : #fff;
    --bs-btn-bg                    : #000;
    --bs-btn-border-color          : #fff;
    --bs-btn-hover-color           : #000;
    --bs-btn-hover-bg              : #fff;
    --bs-btn-hover-border-color    : #000;
    --bs-btn-focus-shadow-rgb      : none;
    --bs-btn-active-color          : #000;
    --bs-btn-active-bg             : #fff;
    --bs-btn-active-border-color   : #000;
    --bs-btn-active-shadow         : none;
    --bs-btn-disabled-color        : #fff;
    --bs-btn-disabled-bg           : #000;
    --bs-btn-disabled-border-color : #fff;
}

.btn-outline-primary {
    --bs-btn-color                 : #fff;
    --bs-btn-border-color          : #fff;
    --bs-btn-hover-color           : #000;
    --bs-btn-hover-bg              : #fff;
    --bs-btn-hover-border-color    : #fff;
    --bs-btn-focus-shadow-rgb      : none;
    --bs-btn-active-color          : #000;
    --bs-btn-active-bg             : #fff;
    --bs-btn-active-border-color   : #fff;
    --bs-btn-active-shadow         : none;
    --bs-btn-disabled-color        : #fff;
    --bs-btn-disabled-bg           : transparent;
    --bs-btn-disabled-border-color : #fff;
    --bs-gradient                  : none;
}

.btn-secondary {
    --bs-btn-color                 : #fff;
    --bs-btn-bg                    : #e16161;
    --bs-btn-border-color          : #e16161;
    --bs-btn-hover-color           : #fff;
    --bs-btn-hover-bg              : #e16161;
    --bs-btn-hover-border-color    : #e16161;
    --bs-btn-focus-shadow-rgb      : none;
    --bs-btn-active-color          : #fff;
    --bs-btn-active-bg             : #e16161;
    --bs-btn-active-border-color   : #e16161;
    --bs-btn-active-shadow         : none;
    --bs-btn-disabled-color        : #fff;
    --bs-btn-disabled-bg           : #e16161;
    --bs-btn-disabled-border-color : #e16161;
}

.btn-outline-link {
    color                 : rgba(255, 255, 255, .75);
    text-decoration       : underline;
    text-underline-offset : 4px;
}

.btn-outline-link:hover,
.btn-outline-link:focus,
.btn-outline-link:active,
.btn-outline-link.active {
    color : rgba(255, 255, 255, 1);
}

.customTooltip {
    --bs-tooltip-max-width     : 300px;
    --bs-tooltip-padding-x     : 16px;
    --bs-tooltip-padding-y     : 14px;
    --bs-tooltip-font-size     : 12px;
    --bs-tooltip-color         : #fff;
    --bs-tooltip-bg            : #000;
    --bs-tooltip-border-radius : 0;
    --bs-tooltip-opacity       : 1;
    font-family                : "Assistant", "Inter", sans-serif;
    font-style                 : normal;
    font-weight                : 400;
    line-height                : 1.5;
    min-width                  : 300px;
}

.customTooltip .tooltip-inner {
    border     : 1px solid #ffffff;
    text-align : left;
}

.customTooltip .tooltip-arrow {
    display : none;
}

.customTooltip :is(h3, h4) {
    font-weight   : normal;
    font-size     : 18px;
    line-height   : 24px;
    margin-bottom : 8px;
    margin-top    : 0;

}

.customTooltip h3 {
    font-weight : bold;
}

.customTooltip h4 {
    margin-bottom  : 18px;
    padding-bottom : 14px;
    border-bottom  : 1px solid #ffffff;
}

.customTooltip .btn {
    font-size   : 14px;
    line-height : 19px;
}

.bannerForm .btn {
    height  : 50px;
    padding : 4px 24px;
}

.eventListing {
    max-height    : 350px;
    overflow-y    : auto;
    padding-right : 15px;
    margin-right  : -15px;
}

.eventListing .btn-primary {
    --bs-btn-color               : #fff;
    --bs-btn-bg                  : #000;
    --bs-btn-border-color        : #fff;
    --bs-btn-hover-color         : #fff;
    --bs-btn-hover-bg            : #000;
    --bs-btn-hover-border-color  : #fff;
    --bs-btn-focus-shadow-rgb    : none;
    --bs-btn-active-color        : #fff;
    --bs-btn-active-bg           : #000;
    --bs-btn-active-border-color : #fff;
    width                        : 100%;
    text-align                   : left;

}

@media screen and (max-width : 767.99px) {
    .cSection {
        padding : 80px 0;
    }

    .banner {
        max-height : 100%;
        /*padding-top : 200px;*/
    }

    .banner .content {
        width : 100%;
    }
}


.ps-timeline-sec .container {
    position : relative;
}

.ps-timeline-sec .container ol:before {
    background    : #348e80;
    content       : "";
    width         : 10px;
    height        : 10px;
    border-radius : 100%;
    position      : absolute;
    left          : 8px;
    top           : 49.5%;
    display       : none;
}

.ps-timeline-sec .container ol:after {
    background    : #348e80;
    content       : "";
    width         : 10px;
    height        : 10px;
    border-radius : 100%;
    position      : absolute;
    right         : 8px;
    top           : 49.5%;
    display       : none;
}

.ps-timeline-sec .container ol.ps-timeline {
    margin          : 390px 0;
    padding         : 0;
    /*border-top      : 2px solid rgba(255, 255, 255, 0.5);*/
    list-style      : none;
    display         : flex;
    flex-direction  : row;
    justify-content : space-between;
    /*transition      : border-top 10s ease-in-out;*/
}


.ps-timeline-sec .container ol.ps-timeline li {
    float       : left;
    width       : 25%;
    padding-top : 30px;
    position    : relative;
    /*animation: drawBorder 2s ease forwards;*/
}


/*.ps-timeline-sec .container ol.ps-timeline li{*/
/*    height: 2px;*/
/*    width: 0;*/
/*    background: #ffffff;*/
/*   */
/*}*/

.ps-timeline-sec .container ol.ps-timeline li:after {
    position   : absolute;
    content    : '';
    height     : 6px;
    top        : 0;
    width      : 100%;
    left       : 46%;
    border     : 1px solid #ffffff;
    background : #ffffff;
    /*background : linear-gradient(280deg, #FAF9FC 4.91%, #EBC784 12.13%, #E0A229 18.44%, #DF982A 21.14%, #DF7A2D 29.26%, #DF672F 37.37%, #DF6130 42.78%, #B9326F 55.4%, #6B2C8E 68.02%, #181937 95.07%);*/
}

.ps-timeline-sec .container ol.ps-timeline li:first-child {
    /*margin-left : -80px;*/
}

.ps-timeline-sec .container ol.ps-timeline li:first-child:before,
.ps-timeline-sec .container ol.ps-timeline li:first-child:after {
    position : absolute;
    content  : '';
    /*margin-left : 80px;*/
}

.ps-timeline-sec .container ol.ps-timeline li:first-child:before {
    width      : 100%;
    background : #ffffff;
    height     : 6px;
    top        : 0;
    left       : 46%;
}

.ps-timeline-sec .container ol.ps-timeline li:first-child:after {
    width               : 0%;
    background          : linear-gradient(280deg, #FAF9FC 4.91%, #EBC784 12.13%, #E0A229 18.44%, #DF982A 21.14%, #DF7A2D 29.26%, #DF672F 37.37%, #DF6130 42.78%, #B9326F 55.4%, #6B2C8E 68.02%, #181937 95.07%);
    animation-fill-mode : forwards;
    -webkit-animation   : drawBorder 2s infinite;
    -moz-animation      : drawBorder 2s infinite;
    -o-animation        : drawBorder 2s infinite;
    animation           : drawBorder 2s infinite;

}

.ps-timeline-sec .container ol.ps-timeline li:last-child:after {
    content : none;
}

.ps-timeline-sec .container ol.ps-timeline li:last-child {
    /*margin-right : -110px;*/
}

.ps-timeline-sec .container ol.ps-timeline li span {
    position      : absolute;
    width         : 20px;
    height        : 20px;
    margin-left   : -25px;
    border        : 3px solid #fff;
    border-radius : 50%;
    text-align    : center;
    top           : -8px;
    left          : 50%;
    background    : #ffffff;
    /*background    : linear-gradient(96.67deg, #FAF9FC 4.91%, #EBC784 12.13%, #E0A229 18.44%, #DF982A 21.14%, #DF7A2D 29.26%, #DF672F 37.37%, #DF6130 42.78%, #B9326F 55.4%, #6B2C8E 68.02%, #181937 95.07%);*/
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
    content     : "";
    color       : #fff;
    width       : 2px;
    height      : 100px;
    background  : transparent;
    position    : absolute;
    top         : -100px;
    left        : 50%;
    border      : 2px dashed #fff;
    margin-left : -2px;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
    content       : "";
    color         : #348e80;
    width         : 8px;
    height        : 8px;
    background    : #348e80;
    position      : absolute;
    bottom        : 90px;
    left          : 44%;
    border-radius : 100%;
    display       : none;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
    content     : "";
    height      : 100px;
    position    : absolute;
    bottom      : -100px;
    left        : 50%;
    border      : 2px dashed #fff;
    background  : transparent;
    width       : 2px;
    margin-left : -2px;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
    content       : "";
    color         : #fff;
    width         : 10px;
    height        : 10px;
    background    : #fff;
    position      : absolute;
    top           : 120px;
    left          : 40%;
    border-radius : 100%;
    margin-left   : -4px;
    display       : none;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
    position      : absolute;
    bottom        : 0;
    margin-bottom : 160px;
    width         : 100%;
    margin-left   : -15px;
    cursor        : pointer;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
    /*display : table;*/
    /*margin  : 0 auto;*/
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
    position    : absolute;
    margin-top  : 100px;
    width       : 100%;
    margin-left : -15px;
    cursor      : pointer;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
    /*display : table;*/
    /*margin  : 0 auto;*/
}

.ps-timeline-sec .container ol.ps-timeline li p {
    text-align : center;
    width      : 80%;
    margin     : 0 auto;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-top {
    position      : absolute;
    bottom        : 0;
    margin-bottom : 100px;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
    position   : absolute;
    margin-top : 35px;
}

.ps-timeline-sec .imgDiv {
    position        : relative;
    overflow        : hidden;
    width           : 120px;
    height          : 75px;
    margin          : auto;
    display         : flex;
    justify-content : center;
    align-items     : center;
}

.ps-timeline-sec .imgDiv img {
    position : absolute;
    margin   : auto;
    inset    : 0;
    width    : 100%;
    height   : auto;

}

@keyframes drawBorder {
    from {
        width : 0%;
    }
    to {
        width : 100%;
    }
}

@media screen and (max-width : 991.99px) {
    .ps-timeline-sec .container ol.ps-timeline {
        margin         : 100px 100px 30px 100px;
        /*border-left    : 2px solid #348e80;*/
        padding-left   : 0;
        padding-top    : 0;
        flex-direction : column;
        width          : 6px;
        height         : 100%;
        background     : #ffffff;
        /*background     : linear-gradient(280deg, #FAF9FC 4.91%, #EBC784 12.13%, #E0A229 18.44%, #DF982A 21.14%, #DF7A2D 29.26%, #DF672F 37.37%, #DF6130 42.78%, #B9326F 55.4%, #6B2C8E 68.02%, #181937 95.07%);*/
        border         : 1px solid #ffffff;
    }

    .ps-timeline-sec .container ol:before {
        background    : #348e80;
        content       : "";
        width         : 10px;
        height        : 10px;
        border-radius : 100%;
        position      : absolute;
        top           : 130px;
        left          : 36px;
    }

    .ps-timeline-sec .container ol:after {
        background    : #348e80;
        content       : "";
        width         : 10px;
        height        : 10px;
        border-radius : 100%;
        position      : absolute;
        top           : inherit;
        left          : 36px;
    }


    .ps-timeline-sec .container ol.ps-timeline li {
        height      : 150px;
        float       : none;
        width       : 100%;
        /*border: 1px solid;*/
        padding     : 20px 0;
        display     : flex;
        align-items : center;
    }

    .ps-timeline-sec .container ol.ps-timeline li:nth-child(2) .img-handler-bot img {
        width : 70px;
    }

    .ps-timeline-sec .container ol.ps-timeline li:last-child {
        margin : 0;
        bottom : 0;
        height : 120px;
    }

    .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
        bottom      : 40px;
        width       : 40%;
        margin-left : 25px;
        margin-top  : 0;
    }

    .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot img {
        width : 100%;
    }

    .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
        margin-bottom : 0;
        top           : 20px;
        width         : 50%;
    }

    .ps-timeline-sec .container ol.ps-timeline li span {
        left        : 0;
        top         : 50%;
        margin-left : -8px;
    }

    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
        /*content : none;*/
        transform   : rotate(90deg);
        top         : -50px;
        margin-left : 60px;
        margin-top  : 7px;
    }

    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
        /*content : none;*/
    }

    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
        /*content : none;*/
        bottom      : 0;
        transform   : rotate(90deg);
        top         : -50px;
        margin-left : 60px;
        margin-top  : 7px;
    }

    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
        /*content : none;*/
    }

    .ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
        position : relative;
        bottom   : 0;
        width    : 100%;
        float    : none;
        margin   : 20px 0 0 0;
    }

    .ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
        /*margin : 0 auto;*/
        /*width  : 80%;*/
    }

    .ps-timeline-sec .container ol.ps-timeline li:after {
        content : none;

        /*top        : 8px;*/
        /*width      : 27%;*/
        /*left       : -13.5%;*/
        /*border     : 1px solid #ffffff;*/
        /*background : linear-gradient(280deg, #FAF9FC 4.91%, #EBC784 12.13%, #E0A229 18.44%, #DF982A 21.14%, #DF7A2D 29.26%, #DF672F 37.37%, #DF6130 42.78%, #B9326F 55.4%, #6B2C8E 68.02%, #181937 95.07%);*/
        /*transform  : rotate(90deg);*/
    }

    .ps-timeline-sec .container ol.ps-timeline li:first-child {
        margin-left : 0;
        margin-top  : -80px;
    }

    .ps-timeline-sec .container ol.ps-timeline li:last-child {
        margin-right  : 0;
        margin-bottom : -50px;
    }

    .ps-timeline-sec .container ol.ps-timeline li:first-child:before,
    .ps-timeline-sec .container ol.ps-timeline li:first-child:after {
        content : none;
        /*margin-left : 80px;*/
    }


    .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
        position : relative;
        bottom   : 0;
        width    : 100%;
        float    : none;
        margin   : 0;
    }

    .ps-timeline-sec .container ol.ps-timeline li p {
        text-align : left;
        width      : 100%;
        margin     : 0 auto;
    }

    .ps-timeline-sec .container ol.ps-timeline li .ps-top {
        width : 60%;
        float : right;
        right : 0;
        top   : -40px;
    }

    .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
        width : 60%;
        float : right;
        right : 0;
        top   : -40px;
    }

    .ps-timeline-sec .imgDiv {
        margin-left : 150px;
    }

    .ps-timeline-sec .container ol.ps-timeline li:first-child:before,
    .ps-timeline-sec .container ol.ps-timeline li:first-child:after {
        /*content : none;*/

    }
}

@media screen and (max-width : 575.99px) {
    .ps-timeline-sec .container ol.ps-timeline {
        margin : 100px 50px 30px 50px;
    }

}

.earthWrapper {
    display                 : -webkit-flex;
    display                 : flex;
    -webkit-flex-direction  : row;
    flex-direction          : row;
    -webkit-flex-wrap       : nowrap;
    flex-wrap               : nowrap;
    -webkit-justify-content : center;
    justify-content         : center;
    -webkit-align-items     : center;
    align-items             : center;

    position                : relative;
    width                   : 100%;
    min-height              : 500px;
}

.earthWrapper-in {
    width : 60%;
}


#earthPopover {
    position      : absolute;
    left          : -180px;
    top           : -180px;
    width         : 450px;
    min-height    : 180px;
    background    : black;
    border-radius : 0;
    transform     : scale(0.001);
    transition    : transform 0.1s ease-out;
    border        : 1px solid #fff;
    font-size     : 20px;
    font-weight   : 400;
    padding       : 0 16px;
    text-align    : left;
    transform     : scale(0.001);
    transition    : transform 0.1s ease-out;
}

#earthPopover.photo-appear {
    transition : transform 0.15s ease-out;
    transform  : scale(1);
}

#earthPopover .header {
    padding       : 16px 0;
    border-bottom : 1px solid #fff;
}

#earthPopover .eventTitle {
    font-size : 28px;
}

#earthPopover .body {
    padding : 16px 0;
}

#earthPopover .body p {
    margin : 0;
}

#earthPopover .logo {
    margin-right : 15px
}

#earthPopover .btn-sm {
    padding    : 2px 28px;
    min-height : auto;
}

#close-photo {
    position        : absolute;
    right           : 16px;
    top             : 16px;
    width           : 32px;
    height          : 32px;
    background      : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjQgMjAuMTg4bC04LjMxNS04LjIwOSA4LjItOC4yODItMy42OTctMy42OTctOC4yMTIgOC4zMTgtOC4zMS04LjIwMy0zLjY2NiAzLjY2NiA4LjMyMSA4LjI0LTguMjA2IDguMzEzIDMuNjY2IDMuNjY2IDguMjM3LTguMzE4IDguMjg1IDguMjAzeiIvPjwvc3ZnPg) center center no-repeat;
    background-size : 16px 16px;
    filter          : drop-shadow(0 0 3px black);
    cursor          : pointer;
    pointer-events  : all;
}

@media screen and (max-width : 1199.99px) {
    .earthWrapper-in {
        width : 100%;
    }
}


@media screen and (max-width : 575.99px) {
    .earthWrapper {
        min-height : 300px;
    }

    #earthPopover .logo {
        width : 60px;
    }

    #earthPopover .eventTitle {
        font-size : 20px;
    }

    #earthPopover {
        width     : 300px;
        font-size : 16px;
        left      : -125px;
    }

    #earthPopover .btn-sm {
        font-size : 16px;
    }

    #close-photo {
        background-size : 10px 10px;
    }
}

.footer {
    padding    : 70px 0 0;
    /* border-top: 1px solid; */
    background : #121212;
    font-size  : 18px;
}

.footer a {
    color           : #ffffff;
    text-decoration : none;
}

.footer .nav-link {
    position      : relative;
    display       : inline-block;
    margin-bottom : 15px;
}

.footer .nav-link:after {
    content    : "";
    position   : absolute;
    bottom     : -4px;
    left       : 0;
    width      : 0;
    height     : 2px;
    background : #ffffff;
    transition : .3s ease-in-out;
}

.footer .nav-link:hover:after {
    width : 100%;
}

.footerEmailField .form-control {
    border-right : 0;
}

.footerEmailField .btn {
    border-left    : 0;
    padding-right  : 16px;
    line-height    : normal;
    padding-top    : 8px;
    padding-bottom : 8px;
}

.footerEmailField .btn img {
    position : relative;
    top      : -2px;
}

.footerEmailField .btn:hover {
    background : transparent;
}

.bottom-footer {
    padding    : 16px;
    border-top : 1px solid rgba(255, 255, 255, 0.3);
}

.owl-carousel .owl-nav button {
    width           : 45px;
    height          : 45px;
    border          : 1px solid #fff !important;
    border-radius   : 50%;
    font-size       : 30px !important;
    display         : inline-flex;
    justify-content : center;
    align-items     : center;
    position        : absolute;
    top             : 50%;
}

.owl-carousel .owl-nav button span {
    position : relative;
    top      : -2px;
}

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

.productItem {
    position        : relative;
    overflow        : hidden;
    width           : 100%;
    height          : 350px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.productItem img {
    position   : absolute;
    max-width  : 100%;
    max-height : 100%;
    margin     : auto;
}

/*cart page */
.imgDiv {
    position        : relative;
    overflow        : hidden;
    display         : flex;
    justify-content : center;
    align-items     : center;
}

.imgDiv img {
    position   : absolute;
    max-width  : 100%;
    max-height : 100%;
}

.cartListing__header {
    font-size      : 12px;
    border-bottom  : 1px solid rgba(255, 255, 255, .08);
    color          : rgba(255, 255, 255, .75);
    text-transform : uppercase;
}

.cartListing__item .imgDiv {
    width  : 110px;
    height : 136px;
}

.cartListing__item {
    font-size     : 16px;
    padding       : 30px 0;
    border-bottom : 1px solid rgba(255, 255, 255, .08);
}

.cartListing__item p {
    margin-bottom : 0;
}

.cartListing__item-details p {
    color : rgba(255, 255, 255, .75);
}

.cartListing__item-details .title {
    font-family : "ZurichExtendedBT", "Assistant", sans-serif;
    color       : #ffffff;
}

.cartListing__item-details .title a {
    text-decoration : none;
}

.cartListing__item-details .title a:hover {
    text-decoration : underline;
}

.countInput {
    border : 1px solid;
    width  : 150px;
}

.countInput .btn {
    padding         : 8px;
    width           : 45px;
    height          : 47px;
    display         : flex;
    justify-content : center;
    align-items     : center;
    color           : #fff;
}

.countInput .btn:focus, .countInput .btn:active {
    outline : none;
    border  : none;
}

.countInput .form-control {
    border     : none;
    padding    : 6px 8px;
    min-height : 47px;
    font-size  : 16px;
    text-align : center;
}

.cartTotalWrapper {
    text-align : right;
    padding    : 40px 0;
    font-size  : 13px;
    color      : rgba(255, 255, 255, .75);
}

.total .total__title {
    font-size    : 15px;
    line-height  : normal;
    margin-right : 15px;
    font-family  : "ZurichExtendedBT", "Assistant", sans-serif;
    color        : rgb(255, 255, 255);
}

.total .total__price {
    font-size : 18px;

}

/*products page*/
.filterDropdown {
    margin-bottom : 8px;
}

.filterDropdown .dropdown-toggle {
    padding               : 4px;
    color                 : rgba(255, 255, 255, .75);
    font-size             : 14px;
    margin-bottom         : 8px;
    text-underline-offset : 4px;
}

.filterDropdown .dropdown-toggle:hover {
    color           : rgba(255, 255, 255, 1);
    text-decoration : underline;
}

.filterDropdown .dropdown-toggle:active,
.filterDropdown .dropdown-toggle:focus {
    border : none;
}

.filterDropdown .dropdown-menu {
    min-width        : 320px;
    width            : 320px;
    padding          : 0;
    margin           : 0;
    font-size        : 14px;
    color            : rgba(255, 255, 255, .75);
    background-color : #000000;
    border           : var(--bs-dropdown-border-width) solid rgba(255, 255, 255, 0.1);
    border-radius    : 0;
}

.filterDropdown__header {
    display         : flex;
    justify-content : space-between;
    align-items     : center;
    padding         : 15px;
    border-bottom   : 1px solid rgba(255, 255, 255, 0.2);
}

.filterDropdown__header .btn-outline-link {
    padding   : 0;
    font-size : 14px;
}

.form-check-input {
    --bs-form-check-bg : #000;
    width              : 1rem;
    height             : 1rem;
    margin-top         : .25em;
    vertical-align     : top;
    border             : var(--bs-border-width) solid rgba(255, 255, 255, 0.75);

}

.form-check-input:checked {
    background-color : #000;
    border-color     : rgba(255, 255, 255, 0.75);
}

.form-check-input[type=checkbox] {
    border-radius : 0;
}

.form-check-input:focus {
    border-color : rgba(255, 255, 255, 0.75);
    outline      : 0;
    box-shadow   : none;
}

.filterDropdown .form-check {
    padding : 10px 20px 10px 40px;
}

.filterDropdown .form-check-label {
    padding-left : 10px;
}

.filterDropdown .rangeInput {
    padding : 15px 20px;
}

.filterDropdown .rangeInput .form-control {
    padding : 10px 15px;
}

.allProductItem {
    text-decoration : none;
    display         : block;
    margin-bottom   : 30px;
}

.allProductItem .imgDiv {
    width         : 100%;
    max-width     : 270px;
    height        : 270px;
    margin-bottom : 15px;
}

.allProductItem .imgDiv img {
    object-fit      : cover;
    object-position : center center;
}

.allProductItem:hover .imgDiv img {
    transform  : scale(1.2);
    transition : .4s cubic-bezier(.25, .46, .45, .94);
}

.allProductItem .imgDiv .onHover {
    display : none;
}

.allProductItem:hover .imgDiv .onHover {
    display : block;

}

.allProductItem:hover .imgDiv .default {
    display : none;
}

.allProductItem_caption .title {
    font-family   : "ZurichExtendedBT", "Assistant", sans-serif;
    font-size     : 14px;
    line-height   : normal;
    margin-bottom : 12px;
}

.allProductItem:hover .allProductItem_caption .title {
    text-decoration       : underline;
    text-underline-offset : 4px;
}

.allProductItem_caption .price {
    font-size : 16px;
}

.allProductItem_caption .oldPrice {
    font-size       : 12px;
    text-decoration : line-through;
    opacity         : 0.7;
    margin-right    : 10px;
}

.badge {
    background    : #334FB4;
    border-color  : transparent;
    font-size     : 12px;
    font-weight   : normal;
    color         : #FFFFFF;
    padding       : 6px 13px;
    border-radius : 40px;
}

.allProductItem .badge {
    position : absolute;
    z-index  : 2;
    bottom   : 15px;
    left     : 15px;
}

/*mini-dao ------By saddam------*/
.sales-btn {
    background-color : #334FB4;
    color            : #000;
    padding          : 0.2rem 0.75rem;
    border-radius    : 20px;
    font-size        : 14px;
    margin-bottom    : 12px;
    display          : inline-block;
    pointer-events   : none;
}

.y-logo {
    height : 14px;
    width  : 59px;
}

.cart-btn {
    font-size      : 16px;
    letter-spacing : 1px;
}

.cart-btn:hover {
    background-color : transparent;
    color            : #fff;
}

.buy-btn {
    font-size        : 16px;
    background-color : #3C0DEF;
    border           : 1px transparent;
    letter-spacing   : 1px;
    padding-inline   : 0;
}

.buy-btn svg {
    height : 24px;
    width  : 82px;
}

.buy-btn:hover {
    background-color : #3C0DEF;
    color            : white;
}

.share-btn {
    background-color : transparent;
    border           : 0;
    color            : white;
    font-size        : 16px;
}

.product-section {
    border  : 1px solid #111111;
    display : flex;
}

.product-section-doubleImg {
    display         : flex;
    justify-content : space-between;
}

.product-section-doubleImg img {
    border : 1px solid #111111;
}

.text-dim {
    color : rgba(255, 255, 255, .75);
}

.product-info {
    font-size : 16px;
}

/*Accordion by saddam*/
.accordion-button {
    position         : relative;
    display          : flex;
    align-items      : center;
    width            : 100%;
    padding          : var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size        : 15px;
    color            : #ffffff;
    text-align       : left;
    background-color : #000;
    border           : 0;
    border-radius    : 0;
}

.accordion {
    --bs-accordion-bg                  : #000;
    --bs-accordion-color               : #fff;
    --bs-accordion-border-width        : 0;
    --bs-accordion-border-radius       : 0;
    --bs-accordion-inner-border-radius : 0;
    --bs-accordion-btn-padding-right   : 1.5rem;
    --bs-accordion-btn-padding-y       : .25rem;
    --bs-accordion-btn-color           : #ffffff;
    --bs-accordion-btn-bg              : #000;
    /*--bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);*/
    border-top                         : 0.1rem solid #313131;
    border-bottom                      : 0.1rem solid #313131;
}

.accordion-button:not(.collapsed) {
    color            : rgba(255, 255, 255, .75);
    background-color : #000;
}

.accordion-button:focus {
    border-color : #313131;
    box-shadow   : none;
}

.accordion-button:not(.collapsed)::after {
    background-image : var(--bs-accordion-btn-icon);
    transform        : var(--bs-accordion-btn-icon-transform);
}

.icon-accordion {
    margin-right : 15px;
    margin-left  : -15px;
}

/*Modal by saddam*/

.modal-container {
    display          : flex;
    justify-content  : space-between;
    flex-direction   : column;
    border-radius    : 5px;
    margin-bottom    : 12px;
    padding          : 9px 11px;
    background-color : #f5f5f5;
    color            : #707070;
}

.modal-title {
    display         : flex;
    justify-content : space-between;
}

.modal-info {
    display         : flex;
    justify-content : space-between;
    width           : 60%;
    margin-top      : 12px;
}

.modal-info p {
    margin-bottom : 0;
}

.close-btn {
    background-color : #fff;
    border           : 0;
    width            : 100%;
    color            : #5a31f4;
}

.close-btn:hover,
.close-btn:active {
    background-color : #fff;
    color            : #5a31f4;
    box-shadow       : none;
}

.checkout-btn {
    border          : 0;
    background      : #5a31f4;
    border-radius   : 4px;
    height          : 42px;
    text-decoration : none;
    color           : #ffffff;
    display         : flex;
    justify-content : center;
    align-items     : center;
    font-size       : 16px;
    font-weight     : 300;
    letter-spacing  : 1px;
}


.modal-description {
    color          : inherit;
    letter-spacing : 0.04rem;
    font-weight    : 300;
    font-size      : 12px;
    color          : rgba(0, 0, 0, 0.9);

}

.modal-footer {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    border-top      : 0;
}

.modal-header {
    justify-content : flex-end;
    border-bottom   : 0;
}

.modal-header button {
    border           : 0;
    background-color : transparent;
    padding          : 16px;
    border-radius    : 6px;
}

.modal-header button:hover {
    background-color : rgb(244, 241, 254);
}

.modal-header button > i {
    width  : 19px;
    height : 19px;
}

.modal-content {
    padding : 32px;
}

.affirm-text {
    display         : flex;
    font-size       : 12px;
    font-weight     : 300;
    line-height     : 150%;
    color           : rgba(0, 0, 0, 0.6);
    justify-content : center;
    align-items     : center;
}

/*CHECKOUT PAGE*/
.checkout-form {
    border-right  : 1px solid #414141;
    padding-right : 4rem;
}

.checkout-form-tags {
    list-style-type : none;
    display         : flex;
    justify-content : space-between;
    gap             : 8px;
    padding         : 0;
    margin          : 0;

}

.checkout-form-tags li {
    flex          : 1;
    text-align    : center;
    width         : 30%;
    padding       : 8px 24px;
    border-radius : 4px;
}

.s-pay-logo {
    background-color : rgb(89, 47, 244);
}

.g-pay-logo {
    background-color : rgb(255, 255, 255);
}

.pay-pal-logo {
    background-color : rgb(255, 196, 57);
}

.checkout-price {
    margin-left   : auto;
    margin-bottom : 0;
}

.form-check-input[type=checkbox] {
    border-radius : 3px;
    border-color  : #414141;
}

.form-control {
    border        : 1px solid #333333;
    /*filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));*/
    background    : transparent;
    border-radius : 6px !important;
    min-height    : 50px;
    font-size     : 0.9rem;
    line-height   : 30px;
    padding       : 6px 12px;
}

.form-select {
    border           : 1px solid #333333;
    /*--bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);*/
    background-image : var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-color : #000000;
    color            : rgb(129 129 129);
    border-radius    : 6px;
    padding          : 12px 12px;
}

.form-control::placeholder {
    color : rgb(129 129 129);
}

.form-control:focus, .form-select:focus {
    border-color : #86b7fe;
    outline      : 0;
    box-shadow   : none;
}


.shipping-btn {
    border           : 0;
    border-radius    : 4px;
    height           : 42px;
    text-decoration  : none;
    color            : #ffffff;
    display          : flex;
    justify-content  : center;
    align-items      : center;
    font-size        : 14px;
    background-color : rgb(23 115 176);
    padding          : 32px 24px;
}

.font-sm {
    font-size : 16px;
}

.hr {
    position : relative;
    margin   : 0 auto;
    color    : rgb(129 129 129);
}

.hr::before {
    content          : "";
    width            : 46%;
    height           : 1px;
    display          : block;
    background-color : #414141;
    position         : absolute;
    top              : 50%;
}

.hr::after {
    content          : "";
    width            : 46%;
    height           : 1px;
    display          : block;
    background-color : #414141;
    position         : absolute;
    top              : 50%;
    left             : 54%;
}

.checkout-img {
    position      : relative;
    border        : 1px solid #414141;
    border-radius : 8px;
    padding       : 4px 0;
    margin-right  : 8px;
}

.count-badge {
    position         : absolute;
    background-color : rgba(115, 115, 115, 0.9);
    height           : 23px;
    width            : 23px;
    border-radius    : 50%;
    display          : grid;
    place-items      : center;
    top              : 0;
    right            : 0;
}

.checkout-img .count-badge {
    top   : -10px;
    right : -10px;
}

.checkout-cart {
    padding-left : 3rem;
}

.input-group-text {
    display          : flex;
    align-items      : center;
    padding          : 0.375rem 0.75rem;
    font-size        : 1rem;
    font-weight      : 400;
    line-height      : 1.5;
    color            : var(--bs-body-color);
    text-align       : center;
    white-space      : nowrap;
    background-color : transparent;
    border           : 0;
    border-radius    : var(--bs-border-radius);
}

#basic-addon2 {
    position : absolute;
    height   : 50px;
    right    : 12px;

}

.cart-icon {
    position : relative;
}

.cart-icon .count-badge {
    top  : 18px;
    left : 10px;
}

.modal__checkout {
    position : absolute;
    left     : 24%;
}

.modal-content__checkout {
    border           : 1px solid #414141;
    border-radius    : 3px;
    background-color : #000000;
}

.table {
    --bs-table-color : rgba(255, 255, 255, .75);;
    --bs-table-bg    : #000;
}


.table th {
    font-size      : 20px;
    font-weight    : normal;
    padding-bottom : 26px;
}

@media (max-width : 800px) {
    .table th, td {
        font-size : 13px;
        padding   : 12px;
    }
}

/*letters page*/

.letterItem {
    padding       : 20px;
    border        : 1px solid;
    margin-bottom : 24px;
}

.letterItem__header {
    border-bottom  : 1px solid;
    margin-bottom  : 15px;
    padding-bottom : 15px;
}

.letterItem__description {
    margin-bottom      : 15px;
    display            : -webkit-box;
    -webkit-line-clamp : 3;
    -webkit-box-orient : vertical;
    overflow           : hidden;
}

.pare {
    margin-bottom : 50px;
}

.bannerWrapper {
    position : relative;
}

.bannerWrapper.withLayer .layer {
    position   : absolute;
    width      : 100%;
    height     : 100%;
    inset      : 0;
    background : rgba(0, 0, 0, 0.4);
}

.bannerWrapper.withLayer .phoneDayBanner {
    position : relative;
    z-index  : 2;
}



.customTooltip.top{

}


.imageMap {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;

}

area {
    position: absolute;
    z-index: 3;
    width: 100px;
    height: 100px;
    cursor: pointer;
}
area.one{
    top: 3%;
    right: 43%;
    width: 150px;
}
area.two{
    top: 35%;
    right: 30%;
}

area.three {
    bottom: 6%;
    right: 45%;
}

area.four {
    top: 35%;
    left: 30%;
}

.customTooltip--lg{
    --bs-tooltip-max-width: 400px;
}
@media(max-width: 1199.99px){
    area.one{
        top: 3%;
        right: 42%;
    }
    area.two{
        top: 35%;
        right: 27%;
    }

    area.three {
        bottom: 6%;
        right: 44%;
    }

    area.four {
        top: 35%;
        left: 28%;
    }
}
@media(max-width: 991.99px){
    area.one{
        top: 2%;
        right: 40%;
    }
    area.two{
        top: 35%;
        right: 15%;
    }

    area.three {
        bottom: 6%;
        right: 43%;
    }

    area.four {
        top: 35%;
        left: 15%;
    }
}
@media(max-width: 767.99px){
    area.one{
        top: 1%;
        right: 37%;
    }
    area.two{
        top: 35%;
        right: 5%;
    }

    area.three {
        bottom: 6%;
        right: 40%;
    }

    area.four {
        top: 35%;
        left: 5%;
    }
}
@media(max-width: 575.99px){
    .customTooltip--lg{
        --bs-tooltip-max-width: 96%;
    }
    area {
        width: 70px;
        height: 70px;
    }
    area.one{
        width: 70px;
    }
    area.two{
        right: 0;
    }
    area.four {
        left: 0;
    }


}


.content-conner__border{
    border: 1px solid #414141;
}

.priceLabel{
    padding-left: 5rem;
}