html, body {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 15%, rgba(237,237,237,1) 85%, rgba(255,255,255,1) 100%);
}
.form-group {
    margin-bottom: 15px;
}

.WhatsappIcon {
    position: fixed;
    right: 10px;
    bottom: 65px;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--whatsapp);
    cursor: pointer;
    box-shadow: 0 0 0 0 rgba(38, 211, 103, 0.5);
    -webkit-animation: IconPulsing 3s infinite;
    animation: IconPulsing 3s infinite;
}

    .WhatsappIcon i {
        color: var(--White);
        font-size: 26px;
    }

nagishli#NagishLiTag > div#NagishLiBar > #NagishLiBarStrip {
    background: #f1f1f1 !important;
    box-shadow: none !important;
    border: solid 1px #328d6c;
}

nagishli#NagishLiTag > #NagishLiBar > #NagishLiMenus > .nl-dropdown > div.nl-dropdown-toggle, nagishli#NagishLiTag > #NagishLiBar > #NagishLiMenus.blue > .nl-dropdown > div.nl-dropdown-toggle {
    background: #3db68b !important;
    box-shadow: none !important;
    border: solid 1px #328d6c;
}

    nagishli#NagishLiTag > #NagishLiBar > #NagishLiMenus > .nl-dropdown > div.nl-dropdown-toggle:hover, nagishli#NagishLiTag > #NagishLiBar > #NagishLiMenus.blue > .nl-dropdown > div.nl-dropdown-toggle:hover, nagishli#NagishLiTag > #NagishLiBar > #NagishLiMenus::-webkit-scrollbar-thumb:active, nagishli#NagishLiTag > #NagishLiBar > #NagishLiMenus.blue::-webkit-scrollbar-thumb:active, #NagishLiOverlayContent::-webkit-scrollbar-thumb:active, #NagishLiOverlayContent.blue::-webkit-scrollbar-thumb:active {
        background: #f1f1f1 !important;
    }

        nagishli#NagishLiTag > #NagishLiBar > #NagishLiMenus > .nl-dropdown > div.nl-dropdown-toggle:hover span.nl-dropdown-title, nagishli#NagishLiTag > #NagishLiBar > #NagishLiMenus.blue > .nl-dropdown > div.nl-dropdown-toggle:hover span.nl-dropdown-title {
            color: #3db68b !important;
            text-shadow: none !important;
        }

nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip.open > #NagishLiTitle, nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip.open > #NagishLiMove, nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip.open > #NagishLiToggleMenus {
    color: #3db68b !important;
}

li#NagishLiDeveloper {
    display: none !important;
}

.loadingGif {
    position: absolute;
    width: 50px;
    top: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 35px;
}

:root {
    --brand-primary: #3db68b;
    --brand-primary-30: rgba(61,182,139,.30);
}

/* Global overlay */
#global-loader {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.65);
    backdrop-filter: blur(6px);
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility 0s linear .2s;
}

    #global-loader.show {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: opacity .2s ease;
    }

    #global-loader .spinner {
        width: 56px;
        height: 56px;
        border: 6px solid var(--brand-primary-30);
        border-top-color: var(--brand-primary);
        border-radius: 50%;
        animation: glspin 1s linear infinite;
    }

@keyframes glspin {
    to {
        transform: rotate(360deg);
    }
}

/* Button loading indicator (no DOM injection) */
.btn-loading {
    position: relative;
    opacity: .92;
}

    .btn-loading::after {
        content: "";
        position: absolute;
        right: 10px;
        top: 50%;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        border: 2px solid rgba(31,41,55,.25);
        border-top-color: var(--brand-primary);
        border-radius: 50%;
        animation: glspin .8s linear infinite;
    }

button.btn-loading, .btn.btn-loading,
.PackageAddToCartBtn.btn-loading, .SimAddToCartBtn.btn-loading {
    padding-right: 32px;
}


#topcontrol {
    color: var(--white);
    z-index: 99;
    width: 40px;
    height: 40px;
    font-size: 20px;
    position: relative;
    right: 10px !important;
    bottom: 10px !important;
    border-radius: 0px !important;
    background-image: url('../img/backToTopSquare.png');
    background-repeat: no-repeat !important;
}

    #topcontrol:after {
        top: -2px;
        right: 8.5px;
        position: absolute;
        text-align: center;
        font-family: FontAwesome;
    }

    #topcontrol:hover {
        color: var(--White);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.LangChanger {
    display: none !important;
}

    .LangChanger a {
        padding: 27px 15px 28px 15px !important;
        color: var(--TextColor333);
        font-weight: 400;
        font-size: var(--nav);
        line-height: 20px;
    }

        .LangChanger a:hover, .LangChanger a:focus {
            background-color: var(--TextColor333) !important;
            color: var(--White) !important;
        }

#header {
    width: 100%;
    min-height: 75px;
    position: relative;
    z-index: 999 !important;
}

.headerRow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fffffffa;
    border-bottom: 1px solid #ffffff;
    width: 100%;
}

@media(min-width: 1025px) {
    .headerDesktop {
        display: block;
    }

    .headerMobile {
        display: none;
    }

    .headerContent {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .headerIcons {
        width: 10%;
    }

    .headerNav {
        flex: 1;
    }

    .headerLogo {
        width: 10%;
    }

        .headerLogo a {
        }

        .headerLogo img {
            width: 100%;
            max-width: 135px;
        }

    .navIconsHolder {
    }

        .navIconsHolder a {
            color: var(--TextColor333);
            padding: 1rem;
        }

            .navIconsHolder a:hover {
                color: var(--TextColor333);
            }

            .navIconsHolder a i {
                font-size: var(--headerIcons);
                color: var(--TextColor333);
            }

    .navIcons {
    }

    .navIconsHolder {
    }

    .MenuCartLink {
        position: relative;
    }

        .MenuCartLink i {
        }

    .numberCartSpan {
        position: absolute;
        z-index: 1;
        color: var(--White);
        background-color: var(--Gold);
        border-radius: 50%;
        font-size: var(--cartIconNumber);
        line-height: 1;
        font-weight: 600;
        padding: 0.3em;
        width: 15px;
        height: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 9px;
        right: 5px;
        box-shadow: 0 0 10px rgba(0,0,0,0.15);
    }

    .DesktopPhoneDIV {
        -moz-transition: padding .6s ease;
        -o-transition: padding .6s ease;
        -webkit-transition: padding .6s ease;
        transition: padding .6s ease;
        padding: 0 0 0 0;
    }

    .DesktopPhoneHolder {
        padding: 0 0 0 0;
        -moz-transition: padding .6s ease;
        -o-transition: padding .6s ease;
        -webkit-transition: padding .6s ease;
        transition: padding .6s ease;
    }

    .DesktopPhoneHolder {
        text-align: center;
        position: absolute;
        top: 18px;
    }

    .desktopPhone {
        background-color: var(--TextColor333);
        border-radius: 0;
        padding: 0;
        box-shadow: 0 0 30px rgba(0,0,0,0.1);
    }

        .desktopPhone a {
            color: var(--White);
            font-size: 18px;
            font-weight: 400;
            padding: 0 0 0 17px;
        }

            .desktopPhone a:hover {
                color: var(--White);
            }

            .desktopPhone a:focus {
                outline: none !important;
                color: var(--White);
            }

        .desktopPhone i {
            color: var(--White);
            font-size: 18px !important;
            padding: 15px 15px 15px 15px;
            margin: 0 0 0 5px;
            background-color: var(--VeryDarkOrange);
        }

    #DesktopNavbarLogoDIV {
        padding: 0 0 0 0;
    }

        #DesktopNavbarLogoDIV a {
        }

            #DesktopNavbarLogoDIV a:hover {
            }

            #DesktopNavbarLogoDIV a:focus {
                outline: none !important;
            }

    .Rama1UL {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 0 0 0 0;
        float: none !important;
    }

    .navbar {
        background: var(--White);
        border-bottom: 0 solid var(--TextColor333) !important;
        margin: 0 !important;
    }

    .NavbarInnerPages {
        border-bottom: 1px solid var(--TextColor333) !important;
        background-color: var(--White);
    }

    .navbar-toggle {
        float: right !important;
        margin-right: 25px !important;
        padding: 10px 10px !important;
        margin-top: 10px !important;
    }

        .navbar-toggle .icon-bar {
            width: 15px !important;
            background-color: var(--White);
        }

    nav a {
        padding-bottom: 20px !important;
        padding-top: 20px !important;
    }

    .navbar-brand {
        font-size: 30px;
    }

    nav.navbar.shrink.navbar-brand {
        font-size: 25px;
    }

    nav.navbar.shrink.navbar-toggle {
        margin: 8px 15px 8px 0;
        padding: 4px 5px;
    }

    .nav > li > a:focus, .nav > li > a:hover {
        text-decoration: none;
        background-color: transparent !important;
    }

    .PersonalAreaDiv {
        padding: 0 0;
    }

    .PersonalAreaLogin {
        color: var(--MediumGray);
        border: 1px solid var(--MediumGray);
        padding: 5px 15px;
        border-radius: 4px;
        margin-right: 10px;
    }

        .PersonalAreaLogin a {
            color: var(--MediumGray);
            font-weight: 600;
        }

        .PersonalAreaLogin:hover {
            background-color: var(--MediumGray);
            transition: background-color ease .6s
        }

            .PersonalAreaLogin:hover a {
                color: var(--White);
            }

    .PersonalAreaRegister {
        float: left;
        color: var(--TextColor333);
        border: 1px solid var(--TextColor333);
        padding: 5px 15px;
        border-radius: 4px;
    }

        .PersonalAreaRegister a {
            color: var(--TextColor333);
            font-weight: 600;
        }

        .PersonalAreaRegister:hover {
            background-color: var(--TextColor333);
            transition: background-color ease .6s
        }

            .PersonalAreaRegister:hover a {
                color: var(--White);
            }

    nav {
        font-size: 14px;
        letter-spacing: 1px !important;
        padding: 0 15px 0 15px !important;
    }

    .Rama1LI .Rama1A {
        padding: 27px 15px 28px 15px !important;
        color: var(--TextColor333);
        font-weight: 400;
        font-size: var(--nav);
        line-height: 20px;
    }

    .ltr .Rama1LI .Rama1A {
        padding: 27px 13px 28px 13px !important;
        color: var(--TextColor333);
        font-weight: 400;
        font-size: var(--navLTR);
        line-height: 20px;
    }

    .Rama1LI:first-child {
    }

    @media(max-width:1200px) {
        .Rama1LI .Rama1A {
            padding: 27px 7px 28px 7px !important;
            color: var(--TextColor333);
            font-weight: 400;
            font-size: var(--nav);
        }
    }

    .Rama1LI {
        cursor: pointer;
        position: relative !important;
    }

        .Rama1LI .Rama1A:hover {
            -moz-transition: text-shadow 0.4s ease;
            -o-transition: text-shadow 0.4s ease;
            -webkit-transition: text-shadow 0.4s ease;
            transition: text-shadow 0.4s ease;
            text-shadow: 0px 0px 1px var(--TextColor333);
            background-color: transparent;
        }

        .Rama1LI.active {
            text-shadow: 0px 0px 1px var(--TextColor333);
        }

            .Rama1LI.active .Rama1A {
                text-shadow: 0px 0px 1px var(--TextColor333);
                text-decoration: underline !important;
            }

        .Rama1LI .Rama1A.active {
            text-shadow: 0px 0px 1px var(--TextColor333);
        }

    .Rama1LIIMG {
    }

    .Rama1AIMG {
    }

    .Rama1IMG {
        display: block;
        width: 35px;
        margin: 4px 0 0 0;
    }

    .Rama2UL {
        display: none;
        padding: 0;
        list-style: none;
        background-color: var(--White);
        border-top: 1px solid var(--TextColor333);
        border-bottom: 1px solid var(--TextColor333);
    }

    .Rama1LI:hover .Rama2UL {
        display: block;
        position: absolute;
    }

    .Rama2UL > .Rama2LI:hover {
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }

    .Rama2LI {
        cursor: pointer;
        padding: 8px 20px !important;
        min-width: 150px;
        position: relative !important;
        white-space: nowrap;
        font-size: var(--nav);
    }

        .Rama2LI .Rama2A {
            text-shadow: 0px 0px 0px var(--TextColor333);
            color: var(--TextColor333);
            width: 100%;
            display: block;
            padding: 0 !important;
            -moz-transition: margin 0.4s ease;
            -o-transition: margin 0.4s ease;
            -webkit-transition: margin 0.4s ease;
            transition: margin 0.4s ease;
        }

        .Rama2LI:hover .Rama2A {
            text-decoration: underline !important;
            margin-right: 5px;
            -moz-transition: margin 0.4s ease;
            -o-transition: margin 0.4s ease;
            -webkit-transition: margin 0.4s ease;
            transition: margin 0.4s ease;
        }

        .Rama2LI .Rama2A:focus {
            outline: none !important;
        }

        .Rama2LI.active .Rama2A {
            text-shadow: 0px 0px 1px var(--TextColor333);
            text-decoration: underline !important;
        }

    .Rama3UL {
        display: none;
        padding: 0;
        list-style: none;
        background-color: var(--White);
        border-top: 1px solid var(--TextColor333);
        border-bottom: 1px solid var(--TextColor333);
    }

    .Rama2LI:hover .Rama3UL {
        display: block;
        position: absolute;
        top: -1px;
        right: 100%;
    }

    .Rama3UL > .Rama3LI:hover {
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }

    .Rama3LI {
        cursor: pointer;
        padding: 8px 20px !important;
        min-width: 150px;
        position: relative !important;
        white-space: nowrap;
        font-size: var(--nav);
    }

        .Rama3LI .Rama3A {
            text-shadow: 0px 0px 0px var(--TextColor333);
            color: var(--TextColor333);
            width: 100%;
            display: block;
            padding: 0 !important;
            -moz-transition: margin 0.4s ease;
            -o-transition: margin 0.4s ease;
            -webkit-transition: margin 0.4s ease;
            transition: margin 0.4s ease;
            text-shadow: 0px 0px 0px var(--TextColor333);
        }

        .Rama3LI:hover .Rama3A {
            text-decoration: underline !important;
            margin-right: 5px;
            -moz-transition: margin 0.4s ease;
            -o-transition: margin 0.4s ease;
            -webkit-transition: margin 0.4s ease;
            transition: margin 0.4s ease;
        }

        .Rama3LI .Rama3A:focus {
            outline: none !important;
        }

        .Rama3LI.active .Rama3A {
            text-shadow: 0px 0px 1px var(--TextColor333);
            text-decoration: underline !important;
        }

    .Rama4UL {
        display: none;
        padding: 0;
        list-style: none;
        background-color: var(--White);
        border-top: 1px solid var(--TextColor333);
        border-bottom: 1px solid var(--TextColor333);
    }

    .Rama3LI:hover .Rama4UL {
        display: block;
        position: absolute;
        top: -1px;
        right: 100%;
    }

    .Rama4UL > .Rama4LI:hover {
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }

    .Rama4LI {
        cursor: pointer;
        padding: 8px 20px !important;
        min-width: 150px;
        position: relative !important;
        white-space: nowrap;
        font-size: var(--nav);
    }

        .Rama4LI .Rama4A {
            text-shadow: 0px 0px 0px var(--TextColor333);
            color: var(--TextColor333);
            width: 100%;
            display: block;
            padding: 0 !important;
            -moz-transition: margin 0.4s ease;
            -o-transition: margin 0.4s ease;
            -webkit-transition: margin 0.4s ease;
            transition: margin 0.4s ease;
        }

        .Rama4LI:hover .Rama4A {
            text-decoration: underline !important;
            margin-right: 5px;
            -moz-transition: margin 0.4s ease;
            -o-transition: margin 0.4s ease;
            -webkit-transition: margin 0.4s ease;
            transition: margin 0.4s ease;
        }

        .Rama4LI .Rama4A:focus {
            outline: none !important;
        }

        .Rama4LI.active .Rama4A {
            text-shadow: 0px 0px 1px var(--TextColor333);
            text-decoration: underline !important;
        }

    .navbar-responsive-collapse .SearchLI {
        margin-top: 21px;
    }

    .navbar-responsive-collapse.shrink .SearchLI {
        margin-top: 21px;
    }

    .navbar-responsive-collapse .SearchLI .SearchLIIcon {
        color: var(--MediumGray);
        cursor: pointer;
        min-width: 35px;
        font-size: 14px;
        text-align: center;
        display: inline-block;
        position: relative;
    }

    .navbar-responsive-collapse.shrink .SearchLI .SearchLIIcon {
        color: var(--MediumGray);
        cursor: pointer;
        min-width: 35px;
        font-size: 14px;
        text-align: center;
        display: inline-block;
        position: relative;
    }

    .navbar-responsive-collapse .SearchLI .SearchLIIcon:hover {
        color: #4b4b4b;
    }

    .navbar-responsive-collapse.shrink .SearchLI .SearchLIIcon:hover {
        color: var(--TextColor333);
    }

    .navbar-responsive-collapse .SearchLI .search-open {
        left: 0;
        top: 41px;
        display: none;
        padding: 10px 7px 10px 7px;
        position: absolute;
        background: var(--VeryLightGray);
        border-top: solid 2px #eee;
        box-shadow: 0 1px 3px #ddd;
        z-index: 99;
        width: 330px;
    }

    .navbar-responsive-collapse.shrink .SearchLI .search-open {
        left: 0;
        top: 42px;
        display: none;
        padding: 14px;
        position: absolute;
        background: var(--VeryLightGray);
        border-top: solid 2px #eee;
        box-shadow: 0 1px 3px #ddd;
        z-index: 99;
        width: 330px;
    }

    .SearchLI .search-open #free-search {
        width: 300px;
        margin: 0;
    }

    .SearchBTN {
        border: 0;
        color: var(--White);
        font-size: 14px;
        cursor: pointer;
        font-weight: 400;
        padding: 6px 13px;
        position: relative;
        background: var(--TextColor333);
        white-space: nowrap;
        display: inline-block;
        text-decoration: none;
        outline: 0 !important;
    }

        .SearchBTN:hover {
            background: var(--TextColor333);
            color: var(--White);
            text-decoration: none;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            outline: 0 !important;
        }

    .searchInputDIV {
        margin: 0 !important;
    }
}

.footer {
    background: transparent;
    padding: 2em 0 0 0;
}

.footerRow {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 0 0 3em 0;
}

.FooterColumn {
    padding: 1em;
    display: flex;
    flex-direction: column;
    flex: 1;
}

    .FooterColumn p {
        font-weight: 400;
    }

.footerColumnTitle {
    font-weight: 600;
    font-size: var(--footerColumnsTitles);
    line-height: 1.3;
    padding: 0 0 1em 0;
}

.FooterColumn a {
    font-weight: 400;
    font-size: var(--footerLinks);
    line-height: 1.3;
    color: var(--TextColor333);
    padding: 0 0 0.5rem 0;
    display: block
}

    .FooterColumn a:hover {
        color: var(--Black);
    }

    .FooterColumn a i {
        font-size: 28px;
    }

.FooterColumn img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.footerClumn1 {
    text-align: center;
    flex: 2;
}

.FooterColumn .FooterContactDetailsDiv {
    padding: 0 0 1.3em 0;
}

    .FooterColumn .FooterContactDetailsDiv i {
        font-size: var(--text);
    }

    .FooterColumn .FooterContactDetailsDiv span {
        font-size: var(--text);
    }

.footerColumn6 .footerColumnTitle {
    text-align: center;
}

.footerPaymentsImgs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
}

    .footerPaymentsImgs img {
        width: 100%;
        max-width: 30px;
        margin: 0;
    }

.footerLogo {
    padding: 3em 0 2.5em 0;
}

    .footerLogo a {
        text-align: center;
    }

.footerSecurityLogos {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 350px;
    margin: 0 auto;
    padding: 0 0 1em 0;
}

    .footerSecurityLogos div {
        width: 100%;
        max-width: 25%;
        padding: 0 1em
    }

        .footerSecurityLogos div img {
            width: 100%;
            max-width: 100%;
            margin: 0;
        }

.footerAllrightsReserved {
    text-align: center;
    padding: 0 1em 0 1em;
    font-weight: 400;
    font-size: var(--text);
}

.credit {
    padding: 5em 1em 0 1em;
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
}

.creditImgDiv {
    padding: 0 0 10px 0;
}

    .creditImgDiv a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .creditImgDiv img {
        width: 100%;
        max-width: 130px;
        margin: 0 auto;
    }

    .creditImgDiv span {
        width: 100%;
        color: var(--TextColor333);
        font-size: var(--fontSize14);
        padding: 5px 0 0 0;
    }

.homeTitle {
    font-size: var(--categoriesTitles);
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    padding: 1rem;
    margin: 1rem;
}

.hero {
    padding: 1rem 1rem 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background: transparent;
}

.heroPersonImg {
    position: absolute;
    right: 10%;
    bottom: 0;
    width: 100%;
    max-width: 20%;
}

    .heroPersonImg.ltr {
        position: absolute;
        right: auto;
        left: 8%;
        bottom: 0;
        width: 100%;
        max-width: 20%;
    }

.heroContent {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 0 0;
}

.heroImg {
    padding: 0 0 1em 0;
}

    .heroImg img {
        width: 100%;
        max-width: 450px;
    }

.heroTitle {
    font-weight: 700;
    font-size: var(--headerTitle);
    line-height: 1.3;
    padding: 1rem 0 2rem;
}

.heroProviders {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.heroProvider {
    width: 100%;
    max-width: 156px;
}

    .heroProvider a {
        width: 100%;
    }

    .heroProvider img {
        width: 100%;
        height: auto;
        transition: transform 0.3s ease;
    }

@media(min-width:1025px) {
    .heroProvider:hover img {
        transform: translateY(-10px);
    }
}

.homeContentWrapper {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0 1em 0 1em;
}

    .homeContentWrapper h1 {
        margin: 0;
    }

    .homeContentWrapper h2 {
    }

    .homeContentWrapper .homeTxt {
        font-size: 20px;
        font-weight: 200;
    }

        .homeContentWrapper .homeTxt p {
            font-weight: 400;
            font-size: var(--text);
        }

.homeBoxes {
    width: 100%;
    padding: 7em 1em 7em 1em;
}

.homeBoxesRow {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2em;
}

.homeBox {
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    max-width: calc( 100% - 2em);
    text-align: center;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .homeBox img {
        width: 100%;
        max-width: 100px;
    }

.homeBoxTitle {
    font-weight: 700;
    font-size: var(--homeBoxesTitle);
    line-height: 1.3;
    padding: 0.5em 0em;
}

.homeBoxTxt {
    font-weight: 400;
    font-size: var(--homeBoxesTxt);
    line-height: 1.3;
}

    .homeBoxTxt p {
        font-weight: 400;
        font-size: var(--homeBoxesTxt);
        line-height: 1.3;
    }

.reccProductsContainer {
    width: 100%;
    padding: 0 1em 1em 1em;
}

.reccProductsRow {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.reccProductsTitle {
}

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

.reccProductsSlider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 15px;
}

.reccProductsWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 15px;
}

.reccProductWrapper {
    border-radius: 5px;
    width: 285px;
    height: auto;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    background-color: var(--White);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.reccProductDiv {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 17/6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0 15%;
    min-height: 150px;
}

.reccProductWrapper .flach {
    border: 1px solid;
    border-radius: 3px;
    width: 85px;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    background-color: white;
}

.reccProductDiv hr {
    margin: 0;
}

.reccLogo img {
    width: 120px;
}

.reccProductContent {
    position: relative;
    padding-top: 20px;
    background-color: var(--White);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .reccProductContent:has(.flach) {
        padding-top: 45px;
    }

    .reccProductContent p {
        font-size: var(--fontSize14);
        font-weight: 700;
        padding: 0 20px;
        margin-bottom: 15px;
    }

.reccProductName {
    font-size: var(--fontSize20);
    font-weight: 700;
    color: var(--White);
    text-align: center;
    padding: 0 0 0 0;
}

    .reccProductName .amount {
        font-size: var(--fontSize32);
    }

.reccProductInnerContent {
    display: grid;
    justify-content: center;
    padding: 0 20px;
    min-height: 150px;
    align-items: center;
}

.reccProductInfo {
    display: flex;
    flex-direction: column;
    row-gap: 6px;
}

.reccProductCta {
    padding: 25px 0 15px;
}

    .reccProductCta form.catPageProductForm {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 8px;
    }

.reccProductPrice {
    font-size: var(--fontSize32);
    font-weight: 700;
    color: var(--White);
    line-height: 1.3;
}

    .reccProductPrice span {
        line-height: 1.3;
    }

    .reccProductPrice .currency {
        line-height: 1.3;
    }

.reccProductCta input {
    font-size: var(--fontSize20);
    width: 75%;
    border: none;
    text-align: center;
    color: var(--graySim);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 2px;
    height: 30px;
    box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.25);
}

.reccProductCta button {
    line-height: 1;
    font-size: var(--fontSize20);
    border: none;
    width: 75%;
    height: 30px;
    background-color: var(--newGreen);
    color: #FFF;
    border-radius: 2px;
    box-shadow: 0px 0px 6.1px rgba(0, 0, 0, 0.51), inset 0px -2px 2.6px rgba(0, 0, 0, 0.25);
}

    .reccProductCta button:hover {
        background-color: var(--Black);
    }

.reccProductInfo.hul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.reccProductInfoItem {
    display: flex;
    align-items: center;
}

    .reccProductInfoItem p.light {
        font-size: 12px;
        text-align: start;
        font-weight: 100;
        margin: 0;
        padding: 0;
    }

    .reccProductInfoItem i {
        font-size: var(--fontSize14);
        margin-left: 15px;
    }

    .reccProductInfoItem span {
        font-size: var(--fontSize14);
    }

html[dir=ltr] .reccProductInfoItem {
    display: flex;
    align-items: center;
    gap: 5px;
    text-align: start;
}

.reccProductFooter {
    padding: 0.5em;
    min-height: 70px;
    width: 50%;
    margin: auto;
}

.reccProductImg {
    text-align: center;
}

    .reccProductImg img {
        width: 100%;
        max-width: 125px;
        margin: 0 auto;
    }

.reccProductFlah {
    position: absolute;
    bottom: 0.5em;
    left: 0.5em;
    pointer-events: none;
}

    .reccProductFlah span {
        position: absolute;
        top: 52%;
        left: 50%;
        transform: translate(-50%, -70%);
        color: var(--White);
        font-size: var(--fontSize14);
        font-weight: 400;
        line-height: 1;
        text-align: center;
    }

    .reccProductFlah svg {
    }

.reccProductContent.hul {
    min-height: 400px;
}

.reccProductInnerContent.hul {
    min-height: 160px;
}

.reccProductsSlider .owl-stage-outer {
}

.reccProductsSlider .owl-stage {
}

.reccProductsSlider .owl-item {
}

    .reccProductsSlider .owl-item:hover {
        cursor: grab !important;
    }

    .reccProductsSlider .owl-item .active {
    }

.reccProductsSlider .owl-nav {
    margin: 0 !important;
}

    .reccProductsSlider .owl-nav button {
        border: 1px solid var(--Black) !important;
        border-radius: 50% !important;
    }

.reccProductsSlider .owl-prev {
    position: absolute;
    right: -80px;
    font-size: 60px !important;
    background-color: transparent !important;
    width: 50px;
    height: 50px;
    color: var(--TextColor333) !important;
    display: block !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

    .reccProductsSlider .owl-prev:focus {
        outline: none !important;
    }

    .reccProductsSlider .owl-prev .disabled {
    }

    .reccProductsSlider .owl-prev span {
        position: absolute;
        top: 36%;
        right: 9%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.reccProductsSlider .owl-next {
    position: absolute;
    left: -80px;
    font-size: 60px !important;
    background-color: transparent !important;
    width: 50px;
    height: 50px;
    color: var(--TextColor333) !important;
    display: block !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

    .reccProductsSlider .owl-next:focus {
        outline: none !important;
    }

    .reccProductsSlider .owl-next .disabled {
    }

    .reccProductsSlider .owl-next span {
        position: absolute;
        top: 36%;
        right: 15%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.reccProductsSlider .owl-dots {
    display: block;
    padding: 15px 0 0 0;
}

.reccProductsSlider .owl-dot {
}

    .reccProductsSlider .owl-dot .active {
    }

    .reccProductsSlider .owl-dot span {
    }

.reccProductsSliderMobile .owl-prev {
    position: absolute;
    left: -80px;
    font-size: 60px !important;
    background-color: transparent !important;
    width: 50px;
    height: 50px;
    color: var(--TextColor333) !important;
    display: block !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

    .reccProductsSliderMobile .owl-prev span {
        position: absolute;
        top: 36%;
        left: 9%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.reccProductsSliderMobile .owl-next {
    position: absolute;
    right: -80px;
    font-size: 60px !important;
    background-color: transparent !important;
    width: 50px;
    height: 50px;
    color: var(--TextColor333) !important;
    display: block !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

    .reccProductsSliderMobile .owl-next span {
        position: absolute;
        top: 36%;
        left: 15%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.reccProductInfo.ltr {
    width: 55%;
    padding: 1em;
    text-align: left;
}

    .reccProductInfo.ltr .reccProductInfoItem {
        font-size: var(--fontSize14);
        padding: 0 0 0.3em 0;
    }

.reccProductFlah.ltr span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
    color: var(--White);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
}

.reccProductsSlider, .reccProductsSliderMobile {
    width: 100%;
}

.reccProductInnerContent.ltr:after {
    content: '';
    height: 85%;
    width: 1px;
    background-color: var(--Black);
    top: 50%;
    left: 47%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.hulProductsContainer {
    width: 100%;
    padding: 0 1em 5em 1em;
}

.hulProductsRow {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.hulProductsTitle {
}

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

.hulProductsSlider {
    width: 100%;
}

.hulProductsWrapper {
}

.hulProductWrapper {
}

.hulProductDiv {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 17/6;
}

.hulProductContent {
    padding: 1em;
    position: relative;
    background-color: var(--catPageProductsBG);
}

.hulProductName {
    font-size: var(--fontSize20);
    font-weight: 700;
    color: var(--TextColor333);
    text-align: center;
    padding: 0 0 0 0;
}

.hulProductInnerContent {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0em;
    position: relative;
    min-height: 170px;
}

    .hulProductInnerContent:after {
        content: '';
        height: 85%;
        width: 1px;
        background-color: var(--Black);
        top: 50%;
        left: 55%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

.hulProductCta {
    width: 45%;
    padding: 1em;
}

.hulProductPrice {
    font-size: var(--fontSize18);
    font-weight: 700;
    line-height: 1.3;
}

    .hulProductPrice span {
        font-size: var(--fontSize18);
        font-weight: 700;
        line-height: 1.3;
    }

    .hulProductPrice .currency {
        font-size: var(--fontSize18);
        font-weight: 700;
        line-height: 1.3;
    }

.hulProductForm {
}

.catproductnumber {
}

.hulProductCta input {
    font-size: var(--fontSize14);
    font-weight: 400;
    line-height: 1;
    padding: 0.3em 0.5em;
    margin: 0.5em auto 0.7em auto;
    width: 100%;
    display: block;
    position: relative;
    border-radius: 5px;
    border: 1px solid;
}

.hulProductCta button {
    font-size: var(--fontSize14);
    font-weight: 700;
    line-height: 1;
    color: var(--White);
    background-color: var(--Main);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    border: none;
    width: 100%;
    padding: 0.75em 0.5em;
}

    .hulProductCta button:hover {
        background-color: var(--Black);
    }

.hulProductInfo {
    width: 55%;
    padding: 1em;
    text-align: right;
}

.hulProductInfoItem {
    font-size: var(--fontSize14);
    padding: 0 0 0.3em 0;
}

    .hulProductInfoItem i {
        font-size: var(--fontSize14);
    }

    .hulProductInfoItem span {
        font-size: var(--fontSize14);
    }

.hulProductFooter {
    padding: 0.5em;
    min-height: 70px;
}

.hulProductImg {
    text-align: center;
}

    .hulProductImg img {
        width: 100%;
        max-width: 125px;
        margin: 0 auto;
    }

.hulProductFlah {
    position: absolute;
    bottom: 0.5em;
    left: 0.5em;
    pointer-events: none;
}

    .hulProductFlah span {
        position: absolute;
        top: 52%;
        left: 50%;
        transform: translate(-50%, -70%);
        color: var(--White);
        font-size: var(--fontSize14);
        font-weight: 400;
        line-height: 1;
        text-align: center;
    }

    .hulProductFlah svg {
    }

.hulProductsSlider .owl-stage-outer {
}

.hulProductsSlider .owl-stage {
}

.hulProductsSlider .owl-item {
}

    .hulProductsSlider .owl-item:hover {
        cursor: grab !important;
    }

    .hulProductsSlider .owl-item .active {
    }

.hulProductsSlider .owl-nav {
    margin: 0 !important;
}

    .hulProductsSlider .owl-nav button {
        border: 1px solid var(--Black) !important;
        border-radius: 50% !important;
    }

.hulProductsSlider .owl-prev {
    position: absolute;
    right: -80px;
    font-size: 60px !important;
    background-color: transparent !important;
    width: 50px;
    height: 50px;
    color: var(--TextColor333) !important;
    display: block !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

    .hulProductsSlider .owl-prev:focus {
        outline: none !important;
    }

    .hulProductsSlider .owl-prev .disabled {
    }

    .hulProductsSlider .owl-prev span {
        position: absolute;
        top: 36%;
        right: 9%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.hulProductsSlider .owl-next {
    position: absolute;
    left: -80px;
    font-size: 60px !important;
    background-color: transparent !important;
    width: 50px;
    height: 50px;
    color: var(--TextColor333) !important;
    display: block !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

    .hulProductsSlider .owl-next:focus {
        outline: none !important;
    }

    .hulProductsSlider .owl-next .disabled {
    }

    .hulProductsSlider .owl-next span {
        position: absolute;
        top: 36%;
        right: 15%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.hulProductsSlider .owl-dots {
    display: block;
    padding: 15px 0 0 0;
}

.hulProductsSlider .owl-dot {
}

    .hulProductsSlider .owl-dot .active {
    }

    .hulProductsSlider .owl-dot span {
    }

.hulProductsSliderMobile .owl-prev {
    position: absolute;
    left: -80px;
    font-size: 60px !important;
    background-color: transparent !important;
    width: 50px;
    height: 50px;
    color: var(--TextColor333) !important;
    display: block !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

    .hulProductsSliderMobile .owl-prev span {
        position: absolute;
        top: 36%;
        left: 9%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.hulProductsSliderMobile .owl-next {
    position: absolute;
    right: -80px;
    font-size: 60px !important;
    background-color: transparent !important;
    width: 50px;
    height: 50px;
    color: var(--TextColor333) !important;
    display: block !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

    .hulProductsSliderMobile .owl-next span {
        position: absolute;
        top: 36%;
        left: 15%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.hulProductInfo.ltr {
    width: 55%;
    padding: 1em;
    text-align: left;
}

    .hulProductInfo.ltr .hulProductInfoItem {
        font-size: var(--fontSize14);
        padding: 0 0 0.3em 0;
    }

.hulProductInfo.ltr {
    width: 55%;
    padding: 1em;
    text-align: left;
}

    .hulProductInfo.ltr .hulProductInfoItem {
        font-size: var(--fontSize14);
        padding: 0 0 0.3em 0;
    }

.hulProductFlah.ltr span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
    color: var(--White);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
}

.simProductsContainer {
    width: 100%;
    padding: 0 1em 1em 1em;
}

.simProductsRow {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.simProductsTitle {
}

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

.simProductsSlider {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.simProductWrapper {
    border-radius: 30px;
    max-width: 387px;
    height: auto;
    color: unset;
}

    .simProductWrapper .sim-title {
        font-size: 20px;
        margin: 20px 0;
        color: #262326;
    }

        .simProductWrapper .sim-title p {
            color: var(--Main);
            font-size: 24px;
            font-weight: 700;
        }

    .simProductWrapper .top-image {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }

        .simProductWrapper .top-image img {
            max-height: 94px;
        }

.simProductImg {
    padding: 0;
}

    .simProductImg img {
        width: auto;
        margin: 0 auto;
        filter: drop-shadow(4px -4px 4px #00000040);
    }

.simProducContent {
    padding: 0;
    margin-top: 30px;
}

    .simProducContent form.catPageSimPackageForm {
        position: relative;
        padding-top: 20px;
    }

.simProductTxt {
    font-weight: 400;
    font-size: var(--homeBoxesTxt);
    line-height: 1.3;
}

.simProductPrice {
    font-weight: 700;
    font-size: var(--homeProdPrice);
    line-height: 1.3;
    padding: 0.5em 0;
}

    .simProductPrice .currency {
        font-weight: 700;
        font-size: var(--homeProdPrice);
        line-height: 1.3;
    }

.simProductBtn {
    font-weight: 700;
    font-size: var(--homeProdPrice);
    line-height: 1.3;
    color: var(--White);
    background-color: var(--Main);
    box-shadow: 0 4px 10px var(--btnBoxShadow);
    padding: 7px 50px;
    border-radius: 4px;
    transition: background 0.3s ease;
}

    .simProductBtn:hover {
        background-color: var(--btnHoverBG);
    }

.simProductsSlider .owl-stage-outer {
}

.simProductsSlider .owl-stage {
}

.simProductsSlider .owl-item {
}

    .simProductsSlider .owl-item:hover {
        cursor: grab !important;
    }

    .simProductsSlider .owl-item .active {
    }

.simProductsSlider .owl-nav {
    margin: 0 !important;
}

    .simProductsSlider .owl-nav button {
        border: 1px solid var(--Black) !important;
        border-radius: 50% !important;
    }

.simProductsSlider .owl-prev {
    position: absolute;
    right: -80px;
    font-size: 60px !important;
    background-color: transparent !important;
    width: 50px;
    height: 50px;
    color: var(--TextColor333) !important;
    display: block !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

    .simProductsSlider .owl-prev:focus {
        outline: none !important;
    }

    .simProductsSlider .owl-prev .disabled {
    }

    .simProductsSlider .owl-prev span {
        position: absolute;
        top: 36%;
        right: 9%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.simProductsSlider .owl-next {
    position: absolute;
    left: -80px;
    font-size: 60px !important;
    background-color: transparent !important;
    width: 50px;
    height: 50px;
    color: var(--TextColor333) !important;
    display: block !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

    .simProductsSlider .owl-next:focus {
        outline: none !important;
    }

    .simProductsSlider .owl-next .disabled {
    }

    .simProductsSlider .owl-next span {
        position: absolute;
        top: 36%;
        right: 15%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.simProductsSlider .owl-dots {
    display: block;
    padding: 15px 0 0 0;
}

.simProductsSlider .owl-dot {
}

    .simProductsSlider .owl-dot .active {
    }

    .simProductsSlider .owl-dot span {
    }

.simProductsSliderMobile .owl-prev {
    position: absolute;
    left: -80px;
    font-size: 60px !important;
    background-color: transparent !important;
    width: 50px;
    height: 50px;
    color: var(--TextColor333) !important;
    display: block !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

    .simProductsSliderMobile .owl-prev span {
        position: absolute;
        top: 36%;
        left: 9%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.simProductsSliderMobile .owl-next {
    position: absolute;
    right: -80px;
    font-size: 60px !important;
    background-color: transparent !important;
    width: 50px;
    height: 50px;
    color: var(--TextColor333) !important;
    display: block !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

    .simProductsSliderMobile .owl-next span {
        position: absolute;
        top: 36%;
        left: 15%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

html[dir=ltr] .simProductsSlider {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bulkPrepaidSimsContainer {
    width: 100%;
    padding: 2em 1em 2em 1em;
}

.catPagebulkPrepaidSimsContainer {
    padding: 5em 1em 0em 1em;
}

.bulkPrepaidSimsRow {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

.bulkPrepaidSimsTitle {
    font-size: var(--categoriesTitles);
    line-height: 1.3;
    text-align: center;
    padding: 0 0 0.5em 0;
}

.bulkPrepaidSimsTxt {
    font-weight: 400;
    font-size: var(--homeBoxesTxt);
    line-height: 1.3;
    padding: 0 0 0.5em 0;
}

    .bulkPrepaidSimsTxt p {
        font-weight: 400;
        font-size: var(--homeBoxesTxt);
        line-height: 1.3;
    }

.bulkPrepaidSimsRow a {
    display: block;
    width: max-content;
    line-height: 1;
    font-weight: 400;
    font-size: var(--fontSize20);
    color: var(--White);
    border-radius: 4px;
    background-color: var(--Main);
    padding: 0.7em 3em;
    margin: 0 auto;
}

    .bulkPrepaidSimsRow a:hover {
        background-color: var(--Black);
        color: var(--White);
    }

.homeBottomContentWrapper {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
    padding: 0 1em 2em 1em;
}

    .homeBottomContentWrapper .homeTxt2 {
        font-weight: 400;
        font-size: var(--homeBoxesTxt);
        line-height: 1.3;
    }

        .homeBottomContentWrapper .homeTxt2 p {
            font-weight: 400;
            font-size: var(--text);
        }

article {
}

.ImgHeaderAndBreadCrumbs {
    margin: 85px 0 0 0 !important;
}

.HeaderIMG {
    position: relative !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .HeaderIMG img {
    }

    .HeaderIMG .HeaderImgOverlay {
        background-color: var(--HeaderOverlay);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.PageHeadlineAndDescription2 {
}

.headline2 {
}

    .headline2 h1 {
        font-size: 36px;
        font-weight: 400;
        color: var(--White);
    }

.description2 {
}

    .description2 h2 {
        font-size: 28px;
        font-weight: 400;
        color: var(--White);
    }

.breadcrumbBG {
}

.breadcrumbsContainer {
    max-width: 1200px;
}

.breadcrumbWrapper {
}

.breadcrumbUl {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
    padding: 0;
}

    .breadcrumbUl li {
    }

        .breadcrumbUl li a {
            color: var(--TextColor333);
        }

            .breadcrumbUl li a:hover {
                color: var(--Black);
            }

.breadcrumb {
    padding: 15px 15px !important;
    margin-bottom: 0 !important;
    background-color: transparent !important;
}

    .breadcrumb a {
        color: var(--TextColor333);
    }

        .breadcrumb a:hover {
            color: var(--Black);
        }

.breadcrumbBG2ContainerFluid {
    background-color: var(--VeryLightGray);
}

.breadcrumbBG2Container {
}

.breadcrumbBG2Row {
}

.breadcrumbBG2 {
}

.breadcrumb2 {
    background-color: transparent !important;
}

    .breadcrumb2 li {
    }

        .breadcrumb2 li a {
        }

            .breadcrumb2 li a:hover {
            }

            .breadcrumb2 li a:focus {
                outline: none !important;
            }

            .breadcrumb2 li a:active {
            }

.content-sm {
    position: relative;
    max-width: 1000px;
}

.rightdiv a {
    color: var(--TextColor333);
    font-size: 16px;
    font-weight: 400;
}

    .rightdiv a:hover {
        color: var(--TextColor333);
    }

    .rightdiv a:focus {
        color: var(--TextColor333);
        outline: none !important;
    }

.ArticleContainer {
    padding: 15px 0 20px 0 !important;
    display: block;
    margin-bottom: 0;
    max-width: 1000px;
}

.ArticleRow {
    padding: 0 0 0 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

.PageHeadlineAndDescription {
    background: transparent;
    padding: 2em 1em 1em 1em;
    text-align: center;
}

    .PageHeadlineAndDescription.thankyoucontact {
        padding: 10em 0;
        background: white;
    }

.PageHeadlineAndDescriptionRow {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.PageHeadlineAndDescription.thankyoucontact .contactPageContactDetailsDiv {
    max-width: 100%;
}

.headline {
}

    .headline h1 {
        font-size: var(--H1);
        font-weight: 700;
        color: var(--TextColor333);
    }

.description {
}

    .description h2 {
        font-weight: 400;
        color: var(--TextColor333);
        font-size: var(--H2);
    }

.aboutPageTopImg {
    padding: 2em 0 0 0;
    width: 100%;
    text-align: center;
}

    .aboutPageTopImg img {
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
    }

.aboutPageBottomImg {
    width: 100%;
    text-align: center;
    padding: 0 0 0 0;
}

    .aboutPageBottomImg img {
        margin: 0 auto;
        width: 100%;
        max-width: 350px;
    }

.contactPageContactDetailsDiv {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 1em;
    width: 100%;
    max-width: 450px;
    margin: 2em auto 2em auto;
    color: var(--Black);
}

.contactPageContactDetail {
    width: 100%;
    max-width: calc(50% - 1em);
}

.contactPageContactDetailIcon {
    font-weight: 400;
    font-size: var(--fontSize20);
    color: var(--Black);
    display: flex;
    justify-content: center;
    align-items: center;
}

    .contactPageContactDetailIcon i {
        font-weight: 400;
        font-size: var(--fontSize20);
        color: var(--Black);
        border: 1px solid;
        border-radius: 50%;
        padding: 0.3em;
        line-height: 1;
        width: 2em;
        height: 2em;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.contactPageContactDetailTitle {
    font-weight: 400;
    font-size: var(--fontSize20);
    color: var(--Black);
}

.contactPageContactDetailDetail {
    font-weight: 400;
    font-size: var(--fontSize20);
    color: var(--Black);
}

.articleBody {
}

.innerPage {
    width: 100%;
    padding: 2em 1em;
    max-width: 1000px;
    margin: 0 auto;
}

.articleBody div {
    font-size: 16px;
    font-weight: 400;
    color: var(--TextColor333);
    line-height: 1.5;
}

.articleBody p {
    font-size: 16px;
    font-weight: 400;
    color: var(--TextColor333);
    line-height: 1.5;
}

    .articleBody p strong {
        font-size: 16px;
        font-weight: 600;
        color: var(--TextColor333);
    }

    .articleBody p img {
        max-width: 100% !important;
    }

.articleBody h2 {
    font-size: 30px;
    color: var(--TextColor333);
    font-weight: 400;
}

.articleBody h3 {
    font-size: 24px;
    color: var(--TextColor333);
    font-weight: 400;
}

.articleBody h4 {
    font-size: 18px;
    color: var(--TextColor333);
    font-weight: 400;
}

.articleBody ul {
}

    .articleBody ul li {
        font-size: 16px;
        color: var(--TextColor333);
        font-weight: 400;
    }

.articleBody ol {
}

    .articleBody ol li {
        font-size: 16px;
        color: var(--TextColor333);
        font-weight: 400;
    }

.articleBody a {
    color: var(--TextColor333);
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline !important;
}

    .articleBody a:hover {
        color: var(--TextColor333);
    }

    .articleBody a:focus {
        color: var(--TextColor333);
        outline: none !important;
    }

form input .not-valid {
    background: var(--Error);
    border: 1px solid var(--Error) !important;
}

form textarea .not-valid {
    background: #ffd6d5 !important;
    border: 1px solid var(--Error) !important;
}

textarea {
    resize: vertical;
}

.MyPageWidth {
    max-width: 800px !important;
    margin: 0 auto !important;
}

.FullWidth {
    width: 100% !important;
    margin: 0 auto !important;
    max-width: 100% !important;
}

.rightdiv {
    width: 70% !important;
    float: right;
    padding-bottom: 30px;
}

.help-block {
    pointer-events: none !important;
}

.hideBTN {
    display: none !important;
}

.showBTN {
    display: block !important;
}

.minHeight {
    min-height: 600px;
}

.contentsmNoPadding {
    padding: 0 15px 0 15px !important;
}

.contentsmPadding {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.catPageHeader h1 {
}

.catPageBoxesContainer {
}

.catPageBoxesRow {
}

.catPageBoxContent {
    padding: 5em 1em 2em 1em;
}

.catPageBoxContentRow {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    gap: 1em;
}

.catPageBoxContentDiv {
    width: 100%;
    max-width: calc(25% - 1em);
    border: 1px solid;
    border-radius: 4px;
    padding: 1em 1em 1em 1em;
    text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.catPageBoxContentName {
    font-weight: 600;
    line-height: 1.3;
    font-size: var(--fontSize20);
    padding: 0 0 0.5em 0;
}

.catPageBoxContentTxt, .catPageBoxContentTxt p {
    font-weight: 400;
    line-height: 1.3;
    font-size: var(--text);
}

.catPageContent {
    display: block;
    padding: 1em 1em 1em 1em;
    margin: 0 auto;
    max-width: 850px;
}

    .catPageContent p {
        font-size: 16px;
        font-weight: 400;
        color: var(--TextColor333);
        line-height: 1.5;
    }

        .catPageContent p strong {
            font-size: 16px;
            font-weight: 600;
            color: var(--TextColor333);
        }

        .catPageContent p img {
            max-width: 100% !important;
        }

    .catPageContent h2 {
        font-size: 30px;
        color: var(--TextColor333);
        font-weight: 400;
    }

    .catPageContent h3 {
        font-size: 20px;
        color: var(--TextColor333);
        font-weight: 700;
    }

    .catPageContent h4 {
        font-size: 18px;
        color: var(--TextColor333);
        font-weight: 400;
    }

    .catPageContent ul {
    }

        .catPageContent ul li {
            font-size: 16px;
            color: var(--TextColor333);
            font-weight: 400;
        }

    .catPageContent ol {
    }

        .catPageContent ol li {
            font-size: 16px;
            color: var(--TextColor333);
            font-weight: 400;
        }

    .catPageContent a {
        color: var(--TextColor333);
        font-size: 16px;
        font-weight: 400;
        text-decoration: underline !important;
    }

        .catPageContent a:hover {
            color: var(--TextColor333);
        }

        .catPageContent a:focus {
            color: var(--TextColor333);
            outline: none !important;
        }

.catPageProductsContainer {
}

.catPageProductsRow {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.catPageProductWrapper {
    position: relative;
    background-color: var(--catPageProductsBG);
    margin: 1em 0 3em 0;
    padding: 1em 0 0 0;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
}

.catPageProductName {
    font-size: var(--fontSize20);
    font-weight: 700;
    color: var(--TextColor333);
    text-align: center;
    padding: 0 0 1em 0;
}

.catPageProductContent {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    width: 100%;
}

.catPageProductRow {
    width: 100%;
}

.catPageProductBrand {
    width: 30%;
    padding: 0 0 0 1em;
    align-self: flex-end;
}

    .catPageProductBrand img {
        width: 100%;
        max-width: 100%;
    }

.catPageProductPriceWrapper {
    width: 20%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

    .catPageProductPriceWrapper form .phone-error-message {
        bottom: 10px;
        top: unset;
        left: 0;
        right: 0;
    }

.phone-error-message {
    color: var(--Error);
    font-weight: 600;
    line-height: 1.3;
    font-size: var(--fontSize12);
    padding-bottom: 0.5em;
    position: absolute;
    width: 100%;
    margin: auto;
    bottom: 85px;
}

.catPageProductPriceWrapper form {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}

.catPageProductPrice, .catPageProductPrice .currency {
    font-size: var(--fontSize24);
    font-weight: 700;
    line-height: 1.3;
}

.catPageProductPriceWrapper form input {
    font-size: var(--text);
    font-weight: 400;
    line-height: 1;
    padding: 0.3em 0.5em;
    margin: 0.5em auto 0.5em auto;
    width: 100%;
    display: block;
    position: relative;
}

.catPageProductPriceWrapper form button {
    font-size: var(--fontSize24);
    font-weight: 700;
    line-height: 1;
    color: var(--White);
    background-color: var(--Main);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    border: none;
    width: 100%;
    padding: 0.3em 0.5em;
}

    .catPageProductPriceWrapper form button:hover {
        background-color: var(--Black);
    }

.catPageProductSeperator {
    width: 1%;
    position: relative;
}

    .catPageProductSeperator:before {
        content: '';
        position: absolute;
        border: 1px solid;
        height: 75%;
        top: 10%;
        transform: translate(-50%);
    }

.catPageProductTxt {
    width: 28%;
    padding: 0 0 1em 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.catPageProductTxtDiv {
}

.catPageProductTxtHolder {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.3em 0;
    font-size: var(--fontSize20);
    font-weight: 400;
    line-height: 1.3;
}

    .catPageProductTxtHolder i {
    }

.catPageProductDetail {
    padding: 0 1em 0 0;
}

    .catPageProductDetail.ltr {
        padding: 0 0 0 1em;
    }

.catPageProductImg3 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 21%;
}

    .catPageProductImg3 img {
        width: 100%;
        max-width: 150px;
    }

.catPageProductFlah {
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    pointer-events: none;
}

    .catPageProductFlah span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: var(--White);
        font-size: var(--fontSize20);
        font-weight: 400;
        line-height: 1;
        text-align: center;
    }

    .catPageProductFlah svg {
    }

.catPageSimContainer {
    width: 100%;
    padding: 0 1em;
}

.catPageSimRow {
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
    display: grid;
    gap: 30px;
    justify-content: center;
    grid-template-columns: repeat(2, 1fr);
}

.catPageSimDiv {
    width: 100%;
    background: var(--White);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 2em;
    max-width: 510px;
}

    .catPageSimDiv img {
        width: 100%;
        max-width: 315px;
        margin: 0 auto 2em auto;
    }

    .catPageSimDiv form {
        width: 100%;
        max-width: 315px;
        margin: 0 auto;
        position: relative;
    }

.catPageSimPackageSelect {
    font-size: var(--fontSize14);
    width: 100%;
    border: none;
    text-align: start;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 2px;
    height: 30px;
    box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.25);
    padding: 0 10px 0 30px;
    text-overflow: ellipsis;
    background-color: var(--White);
}

    .catPageSimPackageSelect::-ms-expand {
        display: none;
    }

    .catPageSimPackageSelect option {
        width: 100%;
    }

.catPageSimPriceDiv {
    width: 100%;
    margin: 1em auto;
}

.catPageSimInfo {
    background: #FFFFFF;
    box-shadow: 0px 0px 15.2px 7px rgba(0, 0, 0, 0.1);
    padding: 1rem;
    margin: 2rem 0;
    text-align: start;
}

    .catPageSimInfo .product-details {
        margin: 1.2rem 0 0;
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }

    .catPageSimInfo p {
        font-size: var(--fontSize20);
        font-weight: 700;
    }

    .catPageSimInfo .catPageSimInfoItem {
        font-size: var(--fontSize14);
        display: flex;
        column-gap: 15px;
        line-height: 100%;
        margin-bottom: 5px;
    }

        .catPageSimInfo .catPageSimInfoItem p.light {
            font-size: 12px;
            text-align: start;
            font-weight: 100;
            margin: 0;
            padding: 0;
        }

.catPageSimPriceInfo .priceInfoItems {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    font-size: var(--fontSize20);
}

.catPageSimPriceInfo .priceInfoItem {
    display: flex;
    justify-content: space-between;
}

    .catPageSimPriceInfo .priceInfoItem .price {
        font-weight: 200;
    }

.sim-error-message {
    color: var(--Error);
    font-weight: 800;
    line-height: 1.3;
    font-size: var(--fontSize12);
    padding-bottom: 0.5em;
    position: absolute;
    width: 100%;
    margin: auto;
    top: 35px;
}

.catPageSimPrice {
    font-weight: 700;
    line-height: 1.3;
    font-size: var(--fontSize32);
}

.catPageSimPriceDiv .currency {
    font-weight: 700;
    line-height: 1.3;
    font-size: var(--fontSize32);
}

.catPageSimSubmitBtn {
    line-height: 1;
    font-size: var(--fontSize20);
    border: none;
    width: 100%;
    height: 30px;
    background-color: var(--newGreen);
    color: #FFF;
    border-radius: 2px;
    box-shadow: 0px 0px 6.1px rgba(0, 0, 0, 0.51), inset 0px -2px 2.6px rgba(0, 0, 0, 0.25);
}

    .catPageSimSubmitBtn:hover {
        background-color: var(--Black);
    }

form[id^=catPageSimPackageForm]:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    transform: translateY(-50%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid var(--Main);
    pointer-events: none;
    transition: transform 0.3s ease;
}

form[id^=catPageSimPackageForm].rotate-arrow::after {
    transform: translateY(-50%) rotate(180deg);
}

.PageGalleryDiv {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 25px 0 15px 0;
}

.PageGalleryColumn {
    -ms-flex: 33.3%;
    flex: 33.3%;
    max-width: 33.3%;
    padding: 0 4px;
}

.PageGalleryA {
    display: block;
}

.PageGalleryImg {
    position: relative;
    margin-bottom: 8px;
}

    .PageGalleryImg img {
        width: 100%;
        vertical-align: top;
        margin-top: 0px;
        transition: transform 500ms ease;
    }

.PageGalleryOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, var(--Red), rgba(255, 255, 255, 0));
    transition: transform 500ms ease, opacity 500ms ease;
}

.PageGalleryTitle {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 7px 10px 7px 10px;
    color: var(--White);
    font-weight: 400;
    font-size: 14px;
}

@media(min-width:992px) {
    .PageGalleryA:hover img {
        transform: translate(0, -20px);
        box-shadow: 0px 0px 35px 0px rgba(102, 102, 102, 0.56);
        transition: transform 500ms ease;
    }

    .PageGalleryA:hover .PageGalleryOverlay {
        transform: translate(0, -20px);
        opacity: 1 !important;
        transition: transform 500ms ease, opacity 500ms ease;
    }
}

.div-big-form {
    float: left;
}

#movePanel {
    float: left;
    left: 0;
    width: 275px;
    position: absolute;
    top: 15px;
    z-index: 9;
}

.FormNameDIV2 {
    margin-bottom: 0 !important;
    position: relative !important;
}

.formforpage {
    width: 300px;
    min-height: 360px;
    text-align: center;
    line-height: 25px;
    margin-right: 25px;
    margin-bottom: 15px;
    position: relative;
    border-radius: 0 0 0 0 !important;
    border: 1px solid var(--fcfcfc);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 0 0 !important;
}

    .formforpage #SideForm {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 0 0 25px 0;
        background-color: var(--White);
        border-radius: 0 0 0 0 !important;
    }

.SideFormTitlesDIV {
    min-height: 60px;
    padding-bottom: 0;
    padding-top: 0;
    margin: 0 !important;
}

    .SideFormTitlesDIV h2 {
        font-size: 23px;
        font-weight: 400;
        padding: 15px 0 15px 0;
        color: var(--White);
        background-color: var(--TextColor333);
        border-radius: 0 0 0 0 !important;
    }

    .SideFormTitlesDIV p {
        font-size: 16px;
        font-weight: 400;
        padding: 10px 10px 3px 10px;
        color: var(--TextColor333);
    }

#mshulash {
    display: none;
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 15.5px 0 15.5px;
    border-color: var(--TextColor333) transparent transparent transparent;
    margin: 0 auto;
    margin-bottom: 20px;
}

.formforpage input[type=text] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    font-size: 18px;
    display: block;
    width: 85%;
    text-align: right;
    margin: 0 auto;
    margin-top: 15px;
    background-color: transparent;
    border-radius: 0 !important;
    border: 1px solid var(--MediumGray);
    box-shadow: none !important;
    color: var(--TextColor333);
}

.FormMessageSideForm {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px !important;
    display: block;
    width: 85% !important;
    text-align: right;
    margin: 0 auto;
    margin-top: 15px;
}

.MySideFormBTN {
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    background-color: var(--TextColor333) !important;
    border-color: var(--TextColor333) !important;
    height: 50px;
    z-index: 10;
    position: relative;
    font-size: 22px !important;
    margin: 15px auto;
    width: 85% !important;
    border-radius: 0 !important;
    color: var(--White) !important;
}

    .MySideFormBTN span {
        font-size: 26px !important;
        position: absolute;
        right: 80px;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

#SideForm .BTNGroup {
    position: relative;
    padding: 0 !important;
    min-height: 50px;
    width: 100%;
    margin: 0 auto !important;
}

.MySideFormBTN:hover {
    color: var(--White) !important;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    background-color: var(--TextColor333) !important;
    border-color: var(--TextColor333) !important;
}

.SideForm .FormAngleIon {
    -moz-transition: margin-right 0.3s ease;
    -o-transition: margin-right 0.3s ease;
    -webkit-transition: margin-right 0.3s ease;
    transition: margin-right 0.3s ease;
    color: var(--White);
    font-size: 30px !important;
    position: absolute;
    margin-right: 20px;
    top: 7px;
    z-index: 10;
    -moz-transform: scaleX(-1) rotate(30deg);
    -ms-transform: scaleX(-1) rotate(30deg);
    -o-transform: scaleX(-1) rotate(30deg);
    -webkit-transform: scaleX(-1) rotate(30deg);
    transform: scaleX(-1) rotate(30deg);
}

.SideForm .BTNGroup:hover .FormAngleIon {
    -moz-transition: margin-right 0.3s ease;
    -o-transition: margin-right 0.3s ease;
    -webkit-transition: margin-right 0.3s ease;
    transition: margin-right 0.3s ease;
    margin-right: 30px;
}

.txtcenter {
    text-align: center !important;
}

.not-valid, .has-error .form-control {
    border: 1px solid var(--Error) !important;
}

.phon-bottom-form {
    width: 300px;
    min-height: 70px;
    background-color: var(--TextColor333);
    color: var(--White);
    text-align: center;
    border-radius: 0 !important;
    position: relative;
    float: left;
    margin-left: 10px;
    margin-bottom: 15px;
    margin-right: 25px;
    padding-top: 5px;
}

.phon-bottom-form-title {
    padding-top: 5px;
}

.phon-bottom-form-phon {
    font-size: 28px;
    font-weight: bold;
}

.phon-bottom-form > .phon-bottom-form-phon > img {
    position: absolute;
    left: 30px;
    bottom: 10px;
}

.phon-bottom-form-phon a {
    color: var(--White);
}

    .phon-bottom-form-phon a:hover {
        color: var(--White);
    }

#SideFormFixed {
    display: block;
}

#rating_box .ratingBoxSpan2 {
    padding-left: 10px !important;
}

form input.formInputsAsterix2 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    font-size: 18px;
    display: block;
    width: 85%;
    text-align: right;
    margin: 0 auto;
    margin-top: 15px;
    background-color: transparent;
    border-radius: 0 !important;
    border: 1px solid var(--MediumGray);
    box-shadow: none !important;
    color: var(--TextColor333);
    padding: 0 20px 0 0;
}

form textarea.formInputsAsterixMessage2 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    font-size: 18px;
    display: block;
    width: 85%;
    text-align: right;
    margin: 0 auto;
    margin-top: 15px;
    background-color: transparent;
    border-radius: 0 !important;
    border: 1px solid var(--TextColor333);
    box-shadow: none !important;
    color: var(--TextColor333);
    padding: 0 20px 0 0;
}

.placeholderFormName2 {
    font-size: 7px;
    color: var(--Asterix);
    width: 7px;
    position: absolute;
    top: 10px;
    right: 33px;
}

.placeholderFormEmail2 {
    font-size: 7px;
    color: var(--Asterix);
    width: 7px;
    position: absolute;
    top: 10px;
    right: 33px;
}

.placeholderFormPhone2 {
    font-size: 7px;
    color: var(--Asterix);
    width: 7px;
    position: absolute;
    top: 10px;
    right: 33px;
}

.FormNameDIV2 li {
    position: absolute;
    left: 45px;
    top: 0;
    color: var(--Error);
    font-size: 12px;
    font-weight: 700;
}

.ArticleBoxImg {
    max-height: 137px !important;
    width: 100%;
    overflow: hidden;
}

.ArticleBox img {
    display: block;
    padding-bottom: 0;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    width: 100%;
}

.ArticleBox a {
    color: var(--White);
}

.ArticleBox:hover a {
    color: var(--White);
}

.ArticleBox a:focus {
    outline: none !important;
}

.ArticleBox {
}

.thumbnailBG {
    background-color: transparent !important;
    border: none !important;
    margin-bottom: 0 !important;
    overflow: hidden;
    height: 260px;
}

.ArticleReadMore1Container {
    display: none;
    -moz-transition: padding 0.6s ease;
    -o-transition: padding 0.6s ease;
    -webkit-transition: padding 0.6s ease;
    transition: padding 0.6s ease;
}

.ArticleReadMore1 {
    position: absolute;
    top: 32%;
    background-color: var(--TextColor333);
    padding: 3px;
}

.caption {
    padding: 10px 10px 10px 10px !important;
    margin-top: 0 !important;
    text-align: center;
    background-color: var(--White);
}

.articleH3 {
    margin-top: 0 !important;
    color: var(--TextColor333) !important;
    font-size: 16px;
}

@media(min-width:992px) {
    .ArticleBox:hover img {
        -moz-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
        transition: all 0.6s ease;
        -moz-transform: scale(1.1,1.1);
        -ms-transform: scale(1.1,1.1);
        -o-transform: scale(1.1,1.1);
        -webkit-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
    }

    .thumbnailBG:hover {
    }

    .ArticleBox:hover .ArticleReadMore1Container {
        padding-right: 20px;
        -moz-transition: padding 0.6s ease;
        -o-transition: padding 0.6s ease;
        -webkit-transition: padding 0.6s ease;
        transition: padding 0.6s ease;
    }

    .ArticleBox:hover .articleH3 {
        -moz-transition: color 0.6s ease;
        -o-transition: color 0.6s ease;
        -webkit-transition: color 0.6s ease;
        transition: color 0.6s ease;
        color: var(--TextColor333) !important;
    }
}

.imageboxDIV {
    margin-bottom: 25px;
}

    .imageboxDIV .imagebox {
        display: block;
        float: right;
        width: 100%;
        height: 150px;
        margin: 10px 0 0 20px;
        position: relative;
        border: 1px solid var(--ErrorDark);
        overflow: hidden;
        background-color: var(--White);
    }

        .imageboxDIV .imagebox a .imageboxIMG {
            width: 100% !important;
            height: 110px !important;
            -moz-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

    .imageboxDIV:hover .imagebox a .imageboxIMG {
        width: 110% !important;
        height: 150px !important;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .imageboxDIV .imagebox a .imagebox-desc {
        display: block;
        text-align: center;
        background: rgba(255,255,255,.8);
        padding: 9px 0 5px 0;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        -webkit-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
        color: var(--MediumGray);
        font-weight: bold;
        font-size: 16px;
    }

.ArticleMedia {
    min-height: 120px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(214, 214, 214, 0.1);
    -moz-transition: background-color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out;
    -webkit-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out;
}

    .ArticleMedia:hover {
        border: 1px solid rgba(0, 0, 0, 0.1);
        background-color: rgba(117, 117, 117, 0.1);
        -moz-transition: background-color 0.1s ease-in-out;
        -o-transition: background-color 0.1s ease-in-out;
        -webkit-transition: background-color 0.1s ease-in-out;
        transition: background-color 0.1s ease-in-out;
    }

    .ArticleMedia a {
        color: var(--TextColor333);
        float: right;
    }

        .ArticleMedia a:hover {
            color: var(--Black);
        }

        .ArticleMedia a:focus {
            outline: none !important;
        }

    .ArticleMedia .media-left .media-object {
        width: 200px;
        padding: 7px 7px 7px 7px;
    }

    .ArticleMedia .media-body {
        padding: 15px 10px 15px 10px;
    }

        .ArticleMedia .media-body .media-heading {
            margin-bottom: 5px !important;
            font-weight: 600;
            font-size: 18px;
            font-size: 20px;
            color: var(--TextColor333);
        }

        .ArticleMedia .media-body .media-bodyTxt {
            overflow: hidden;
            height: 61px;
            font-weight: 400;
            font-size: 16px;
        }

.ArticleMediaNoPicture {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(214, 214, 214, 0.1);
    -moz-transition: background-color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out;
    -webkit-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out;
    padding: 15px;
    display: flex;
}

    .ArticleMediaNoPicture:hover {
        border: 1px solid rgba(0, 0, 0, 0.1);
        background-color: rgba(117, 117, 117, 0.1);
        -moz-transition: background-color 0.1s ease-in-out;
        -o-transition: background-color 0.1s ease-in-out;
        -webkit-transition: background-color 0.1s ease-in-out;
        transition: background-color 0.1s ease-in-out;
    }

    .ArticleMediaNoPicture a {
        color: var(--TextColor333);
    }

        .ArticleMediaNoPicture a:hover {
            color: var(--Black);
        }

        .ArticleMediaNoPicture a:focus {
            outline: none !important;
        }

@media print {
    #SideFormFixed > * {
        display: none !important;
    }

    .SocialBarContainer > * {
        display: none !important;
    }

    [meta] {
        display: none !important;
    }

    .ArticleContainer > * {
        display: none !important;
    }

    .whatsappFloaingIconLink > * {
        display: none !important;
    }

    .instagramFloaingIconLink > * {
        display: none !important;
    }

    .facebookFloaingIconLink > * {
        display: none !important;
    }

    #FooterAndContactHolder > * {
        display: none !important;
    }

    .facebook-likebox > * {
        display: none !important;
    }

    .navbar > * {
        display: none !important;
    }

    .breadcrumbBG > * {
        display: none !important;
    }

    .ContactUSIMG > * {
        display: none !important;
    }

    .FooterContainer > * {
        display: none !important;
    }
}

.errorPageContainer {
    width: 100%;
    padding: 2em 1em 2em 1em;
}

.errorPageRow {
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.errorPageTitle {
    color: var(--Gray);
    font-size: 16rem;
    font-weight: 600;
    padding: 0 0 0 0;
    text-align: center;
    line-height: 1;
}

.errorPageSubTitle {
    color: var(--Main);
    font-size: 2rem;
    font-weight: 600;
    padding: 0 0 1em 0;
    text-align: center;
}

.Txt1 {
    text-align: center;
}

    .Txt1 p {
        color: var(--TextColor333);
        font-size: 2rem;
        font-weight: 600;
        padding: 0 0 1em 0;
    }

.errorPageImg {
    width: 100%;
    max-width: 500px;
}

.Txt2 {
    text-align: center;
}

    .Txt2 p {
        color: var(--TextColor333);
        font-size: 2rem;
        font-weight: 600;
        padding: 0 0 0 0;
    }

.errorPageBTN {
    border: 0;
    color: var(--White);
    font-size: 16px;
    cursor: pointer;
    font-weight: 400;
    padding: 6px 13px;
    position: relative;
    background: var(--Main);
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

    .errorPageBTN:hover {
        color: var(--White);
        text-decoration: none;
        -webkit-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        -o-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
        background-color: var(--Black);
    }

    .errorPageBTN:focus {
        outline: none !important;
    }

.SearchContainer {
    padding: 0 0 50px 0;
}

.SearchH1 {
    text-align: center;
    margin: 30px 0 50px 0;
}

.AllSiteMapContainer {
    padding-bottom: 50px;
}

.AllSiteMapRow {
    margin: 0 !important;
    max-width: 100% !important;
}

.headlinesDIV {
}

    .headlinesDIV .headline {
    }

    .headlinesDIV .headline2 {
    }

#siteMapContainer {
    margin: 20px 0 50px 0;
}

#sitemap, #sitemap ul, #sitemap li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sitemap {
}

    #sitemap ul {
        display: none;
    }

    #sitemap li {
        line-height: 200%;
        margin-top: 1px;
        background: #eee;
        position: relative;
        width: 100%;
    }

    * html #sitemap li {
        float: right;
        display: inline;
    }

        #sitemap li a {
            padding: 5px 28px;
            display: block;
            font-size: 20px;
            color: var(--MediumGray);
        }

            #sitemap li a:hover {
                color: var(--TextColor333);
                text-decoration: none;
            }

        #sitemap li span {
            float: right;
            position: absolute;
            top: 12px;
            right: 8px;
            width: 20px;
            height: 20px;
            cursor: auto;
            font-size: 0;
        }

            #sitemap li span, #sitemap li span.collapsed {
                background: url('../img/collapsed.gif') no-repeat 0 0;
            }

                #sitemap li span.expanded {
                    background: url('../img/expanded.gif') no-repeat 0 0;
                }

        #sitemap li li {
            background: var(--White);
        }

            #sitemap li li a {
                padding: 0 55px 0 20px;
                display: block;
                font-size: 16px;
            }

            #sitemap li li span {
                right: 28px;
                top: 7px;
            }

            #sitemap li li li a {
                padding-right: 84px;
                display: block;
                border-top: 1px solid rgba(0, 0, 0, 0.07);
            }

            #sitemap li li li span {
                right: 56px;
            }

#cms-main {
    float: right;
    margin: 13px 27px 0 20px;
    direction: rtl;
    border: 0 solid red;
}

.sky-form .button {
    background: var(--TextColor333);
    float: left !important;
    right: -29% !important;
}

.regiter-container {
    max-width: 1300px;
}

.registerFormWrap {
    background-color: var(--White);
    margin: 50px;
    padding: 10px;
}

.registerFormContainer {
    margin: 0 auto;
    padding: 30px;
    display: inline-block;
}

.RegisterFormBtn {
    max-width: 450px;
    height: 50px;
    border-radius: 0 !important;
    font-size: 20px !important;
    padding: 0 !important;
    z-index: 10;
    position: relative;
    display: block;
    background-color: var(--TextColor333) !important;
    border: none !important;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    margin-top: 15px;
}

.registerFormRight {
    padding: 0 35px;
}

.registerFormRightTxt {
    margin-top: 50px;
    font-size: 18px;
}

    .registerFormRightTxt p {
        color: #000;
        font-weight: 400;
    }

.registerFormRight img {
    margin: 0 auto;
    display: block;
}

.BTNGroup .RegisterFormBtn:hover {
    color: var(--White);
    background-color: var(--TextColor333) !important;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.RegisterFormBtn span {
    font-size: 18px !important;
}

.RegisterFormBtn:focus {
    outline: none !important;
}

.RegisterFormBtn .FormAngleIon {
    -moz-transition: margin-right 0.3s ease;
    -o-transition: margin-right 0.3s ease;
    -webkit-transition: margin-right 0.3s ease;
    transition: margin-right 0.3s ease;
    color: var(--White);
    font-size: 22px !important;
    position: absolute;
    margin-right: 20px;
    top: 13px;
    z-index: 10;
    -moz-transform: scaleX(-1) rotate(30deg);
    -ms-transform: scaleX(-1) rotate(30deg);
    -o-transform: scaleX(-1) rotate(30deg);
    -webkit-transform: scaleX(-1) rotate(30deg);
    transform: scaleX(-1) rotate(30deg);
}

.RegisterFormBtn:hover .FormAngleIon {
    -moz-transition: margin-right 0.3s ease;
    -o-transition: margin-right 0.3s ease;
    -webkit-transition: margin-right 0.3s ease;
    transition: margin-right 0.3s ease;
    margin-right: 30px;
}

.thankyouContent {
    padding: 0 0 5em 0;
}

    .thankyouContent h1 {
        font-size: var(--H1);
        font-weight: 700;
        color: var(--TextColor333);
    }

.thankyouBodyName {
    text-align: center;
    font-size: var(--fontSize32);
    font-weight: 400;
    line-height: 1.3;
    padding: 1em 0 0.35em 0;
}

.thankyouBodyName2 {
    text-align: center;
    font-size: var(--fontSize24);
    font-weight: 400;
    line-height: 1.3;
    padding: 0 0 1em 0;
}

.checkmarkDiv {
    text-align: center;
}

    .checkmarkDiv svg {
        margin: 0 auto;
        fill: var(--Success);
        width: 100px;
    }

.errorMessageFromApi {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 400;
    line-height: 1.3em;
    font-size: var(--fontSize32);
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    min-height: calc(100vh - 219px - 436px);
}

.cartheaderContainer {
    background: transparent;
    padding: 3em 1em 3em 1em;
    text-align: center;
}

.cartheaderRow {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

    .cartheaderRow h1 {
        font-size: var(--H1);
        font-weight: 700;
        color: var(--TextColor333);
    }

    .cartheaderRow h2 {
        font-weight: 400;
        color: var(--TextColor333);
        font-size: var(--H2);
    }

.StagesContainer {
    text-align: center;
    padding: 3em 1em 3em 1em;
}

.StagesRow {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2em;
}

    .StagesRow div {
        font-size: var(--fontSize20);
        font-weight: 600;
        line-height: 1;
        border-radius: 4px;
        background-color: var(--MediumGray);
        box-shadow: 0 4px 4px rgba(0,0,0,0.1);
        padding: 0.5em 1.5em;
    }

        .StagesRow div.active {
            border: 1px solid var(--Main);
            box-shadow: 0 4px 15px rgba(0,0,0,0.3);
        }

.cartBodyWrapper {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 1em 1em 1em 1em;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}

.cartColumnTitle {
    font-size: var(--fontSize32);
    font-weight: 600;
    line-height: 1.3;
    padding: 0 0 0.5em 0;
}

.cartBodyContainer {
    width: 100%;
    max-width: 70%;
    padding: 1em;
}

.cartBodyRow {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.CartItem {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    margin: 0 0 2em 0;
    background-color: white;
}

.CartItemImg {
    width: 20%;
    padding: 1em;
}

    .CartItemImg img {
        width: 100%;
    }

.CartItemDetails {
    flex: 1;
    padding: 1em;
}

.CartItemName {
    font-size: var(--text);
    font-weight: 600;
    line-height: 1.3;
    padding: 0 0 1em 0;
}

.CartItemPrice {
    font-size: var(--text);
    font-weight: 600;
    line-height: 1;
}

.CartItemDetails .currency {
    font-size: var(--text);
    font-weight: 600;
    line-height: 1;
}

.CartItemQuantity {
    font-size: var(--text);
    font-weight: 400;
    line-height: 1;
    padding: 1em 0 0 0;
    display: flex;
    align-items: center;
}

.quantityWrapper {
    padding: 0 0.5em 0 0;
    display: flex;
    flex-wrap: nowrap;
}

    .quantityWrapper input {
        width: 55px;
        border-radius: 0px;
        box-shadow: none;
        border: 1px solid var(--Main);
        padding: 2px 5px;
    }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
    margin: 0;
}

input.quantity:focus-visible {
    outline: none !important;
}

input[type=number] {
    -moz-appearance: textfield;
}

.quantityWrapper .minus, .quantityWrapper .plus {
    background-color: var(--Main);
    color: var(--White);
    padding: 2px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1;
}

    .quantityWrapper .minus:hover, .quantityWrapper .plus:hover {
        background-color: var(--Black);
        cursor: pointer;
    }

.PhoneNumberToChargeDiv {
    width: 35%;
    padding: 1em;
    text-align: center;
}

.PhoneNumberToChargeTitle {
    font-size: var(--text);
    font-weight: 600;
    padding: 0 0 0.5em 0;
    line-height: 1;
}

.PhoneNumberToCharge {
    font-size: var(--text);
    font-weight: 400;
    line-height: 1;
}

.CartItemTotal {
    width: 17%;
    padding: 1em;
    font-size: var(--text);
    font-weight: 600;
    line-height: 1;
}

    .CartItemTotal .currency {
        font-size: var(--text);
        font-weight: 600;
        line-height: 1;
    }

.CartITemRemove {
    width: 3%;
    font-size: var(--text);
}

    .CartITemRemove button {
        background: none;
        border: none;
    }

.backToHomePageDriv {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    padding: 4em 0 5em 0;
}

    .backToHomePageDriv div {
        font-size: var(--fontSize32);
        font-weight: 600;
        line-height: 1.3;
        padding: 0 0 1em 0;
    }

.backToHomePageBtn {
    font-size: var(--fontSize18);
    font-weight: 600;
    line-height: 1;
    color: var(--White);
    background-color: var(--Main);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    border: none;
    width: 100%;
    padding: 0.5em 1.5em;
}

    .backToHomePageBtn:hover {
        color: var(--White);
        background-color: var(--Black);
    }

.cartBodyShipment {
    background-color: var(--VeryLightGray);
    width: 100%;
    max-width: 30%;
    padding: 1em 1em 1em 1em;
    margin-top: 0em;
    height: max-content;
}

.FormInputsHolder {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

    .FormInputsHolder .FormInputDIV {
        position: relative;
        width: 50%;
        padding: 5px 10px;
        margin: 6px 0;
    }

    .FormInputsHolder .FormInputFullnameDIV {
        width: 100%;
    }

    .FormInputsHolder .FormInputPhoneDIV {
        width: 100%;
    }

    .FormInputsHolder .FormInputEmailDIV {
        width: 100%;
    }

    .FormInputsHolder .FormInputDIV input {
        width: 100%;
        font-size: var(--formInputs);
        font-weight: 400;
        line-height: 1.3;
        height: auto !important;
    }

html[dir="rtl"] .FormInputsHolder .FormInputDIV input#phone {
    direction: rtl;
}
html[dir="rtl"] [type=email], html[dir="rtl"] [type=number], html[dir="rtl"] [type=tel], html[dir="rtl"] [type=url] {
    direction: rtl;
}

.FormInputsHolder .FormInputDIV span {
    position: absolute;
    top: 40px;
    right: 10px;
    margin: 0 !important;
}

.FormInputsHolder .FormInputEmailDIV {
    width: 100%;
}

.FormInputsHolder .FormInputHouseNumberDIV {
    width: 33%;
}

.FormInputsHolder .FormInputApartmentDIV {
    width: 33%;
}

.FormInputsHolder .FormInputMikudDIV {
    width: 33%;
}

.FormInputsHolder .FormMessageDIV {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 0 auto !important;
    padding: 5px 10px;
}

    .FormInputsHolder .FormMessageDIV textarea {
        width: 100%;
        height: auto !important;
        font-size: var(--formInputs);
        font-weight: 400;
        line-height: 1.3;
    }

.ShipmentTotalContainer {
    width: 100%;
    padding: 1em 1em 1em 1em;
}

.ShipmentTotalRow {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.ShipmentTotalDetailsWrapper {
    border-top: 1px solid #1E20295E;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1em 0em 0em 0em;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
}

.ShipmentTotalDetails {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 250px;
    padding: 0em 1em 2em 1em;
}

.ShipmentTotalTitle {
    font-size: var(--fontSize20);
    font-weight: 600;
    line-height: 1;
}

.ShipmentTotalPrice {
    font-size: var(--fontSize20);
    font-weight: 600;
    line-height: 1;
}

    .ShipmentTotalPrice .currency {
        font-size: var(--fontSize20);
        font-weight: 600;
        line-height: 1;
    }

.ShipmentDivWrapper {
    width: 100%;
    border-bottom: 1px solid #1E20295E;
    margin: 0em 0em 1em 0em;
}

.ShipmentDiv {
    padding: 0em 0em 0.5em 0em;
    max-width: 350px;
    margin: 0 auto;
}

.ShipmentDivTitle {
    font-size: var(--fontSize20);
    font-weight: 600;
    padding: 0em 0em 0.5em 0em;
}

.shipmentRadioInputDiv {
    padding: 0 0 10px 0;
}

    .shipmentRadioInputDiv label {
        margin: 0 0.3em 0 0 !important;
        font-size: var(--fontSize14);
        font-weight: 600;
    }

        .shipmentRadioInputDiv label span:last-child {
            font-size: var(--fontSize14);
            font-weight: 600;
        }

.shipmentRadioInput {
    height: 0.7em;
    aspect-ratio: 1;
    border: 1px solid #7fc2fc;
    padding: 0 !important;
    background: none;
    border-radius: 50%;
    outline-offset: 0px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: inherit;
    transition: 0.3s;
    margin: 0 !important;
}

    .shipmentRadioInput:checked, .shipmentRadioInput:focus {
        border-color: #3d597b;
        background-size: 100% 100%;
        background-color: #7fc2fc;
        outline: 1px solid #3d597b !important;
        outline-offset: 2px !important;
    }

.AgreementCheckDiv {
    display: flex;
    width: 100%;
    justify-content: start;
    align-items: center;
    text-align: right;
}
html[dir="rtl"] .AgreementCheckDiv.form-check {
    padding-left: 0;
}
.AgreementCheckDiv.form-check {
    display: flex;
    width: 100%;
    justify-content: start;
    align-items: center;
    text-align: right;
    padding-left: 0;
}

.AgreementCheckDiv input {
    width: auto;
    margin: 0 !important;
    height: auto !important;
    min-width: 16px;
    min-height: 16px;
}

.AgreementCheckDiv label {
    margin: 0;
    padding: 0 10px 0 0;
    font-size: var(--text);
}

    .AgreementCheckDiv label a {
        color: var(--Black);
        text-decoration: underline !important;
        background: var(--MediumGray);
        padding: 5px;
        margin: 0 0px 0 5px;
        border-radius: 2px;
    }

.ltr .form-group.AgreementCheckDiv {
    text-align: start;
    gap: 10px;
}

#AgreementModal .modal-dialog {
    width: 100%;
    margin: 0 auto !important;
    position: relative !important;
    top: 50% !important;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    height: 80vh;
    max-width: 40vw;
    overflow-y: scroll;
}

    #AgreementModal .modal-dialog .modal-content {
        padding: 10px 10px 10px 10px;
    }

    #AgreementModal .modal-dialog .modal-content {
        padding: 10px 10px 10px 10px;
        margin: 0 !important;
        font-size: var(--text);
        font-weight: 400;
        line-height: 1.3;
        color: var(--TextColor333);
    }

    #AgreementModal .modal-dialog .modal-content {
        padding: 1em 1em 1em 1em;
        margin: 0 !important;
    }

        #AgreementModal .modal-dialog .modal-content button {
            font-size: 26px;
            opacity: 1;
            place-self: end;
        }

        #AgreementModal .modal-dialog .modal-content .AgreementModalTitle {
            font-size: var(--fontSize24);
            font-weight: 400;
            line-height: 1.3;
            color: var(--TextColor333);
            padding: 0 0 1em 0;
        }

        #AgreementModal .modal-dialog .modal-content .AgreementModalTxt {
            font-size: var(--text);
            font-weight: 400;
            line-height: 1.3;
            color: var(--TextColor333);
        }


#PrivacyModal .modal-dialog {
    width: 100%;
    margin: 0 auto !important;
    position: relative !important;
    top: 50% !important;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    height: 80vh;
    overflow-y: scroll;
}

    #PrivacyModal .modal-dialog .modal-content {
        padding: 10px 10px 10px 10px;
    }

    #PrivacyModal .modal-dialog .modal-content {
        padding: 10px 10px 10px 10px;
        margin: 0 !important;
        font-size: var(--text);
        font-weight: 400;
        line-height: 1.3;
        color: var(--TextColor333);
    }

    #PrivacyModal .modal-dialog .modal-content {
        padding: 1em 1em 1em 1em;
        margin: 0 !important;
    }

        #PrivacyModal .modal-dialog .modal-content button {
            font-size: 26px;
            opacity: 1;
            place-self: end;
        }

        #PrivacyModal .modal-dialog .modal-content .PrivacyModalTitle {
            font-size: var(--fontSize24);
            font-weight: 400;
            line-height: 1.3;
            color: var(--TextColor333);
            padding: 0 0 1em 0;
        }

        #PrivacyModal .modal-dialog .modal-content .PrivacyModalTxt {
            font-size: var(--text);
            font-weight: 400;
            line-height: 1.3;
            color: var(--TextColor333);
        }

.ShippingInfoFormBtn {
    width: 100%;
    background-color: var(--TextColor333);
    color: var(--White);
    padding: 0.5em 1.5em;
    font-size: var(--fontSize20);
    font-weight: 700;
    line-height: 1;
}

    .ShippingInfoFormBtn:hover {
        background-color: var(--Main);
        color: var(--White);
    }

@media(max-width:1200px) {
    .cartBodyContainer {
        width: 100%;
        max-width: 100%;
        padding: 1em;
    }

    .cartBodyShipment {
        width: 100%;
        max-width: 100%;
        padding: 1em;
    }
}

.checkoutContainer {
    width: 100%;
    padding: 1em 1em 2em 1em;
}

.CheckoutRow {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

    .CheckoutRow iframe {
        width: 100%;
        max-width: 500px;
        height: 450px;
        border: none !important;
    }

.qAndAContainer {
    width: 100%;
    padding: 2em 1em 1em 1em;
}

.qAndARow {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.qAndAWrapper {
    border-top: 1px solid var(--QandABorder);
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.qAndAContent {
    width: 90%;
    overflow: hidden;
}

.qAndATitle {
    display: block;
    font-size: var(--fontSize20);
    font-weight: 400;
    line-height: 1.3;
    padding: 0.3em;
    position: relative;
    z-index: 1;
    background-color: var(--White);
}

    .qAndATitle:hover {
        cursor: pointer;
    }

.qAndATxt {
    display: block;
    position: relative;
    padding: 0 0.5em 0 0.5em;
    transition: all 1s ease;
    transform-origin: top;
    transform: scaleY(0) translateY(-100%);
    height: 0px;
    opacity: 0;
    transition-delay: 100ms;
    transition-property: opacity;
}

.qAndAWrapper.active .qAndATxt {
    transform: scaleY(100%) translateY(0);
    height: auto;
    opacity: 1;
}

.qAndATxt p {
    font-size: var(--TextColor333);
    font-weight: 400;
    line-height: 1.3;
}

.qAndAIcons {
    padding: 0.5em 0 0 0;
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
}

    .qAndAIcons i {
        background-color: var(--TextColor333);
        border-radius: 50%;
        width: 24px;
        height: 24px;
        color: var(--White);
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        line-height: 1;
        margin: 0;
        display: none;
    }

        .qAndAIcons i.active {
            display: flex !important;
        }

        .qAndAIcons i:hover {
            cursor: pointer;
        }

        .qAndAIcons i.fa-plus {
        }

        .qAndAIcons i.fa-minus {
        }

.contactFormContainer {
    width: 100%;
    padding: 3em 1em 0 1em;
}

.contactFormRow {
    position: relative;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    padding: 0 0 424px 0;
}

.contactFormTitle {
    text-align: center;
}

    .contactFormTitle p {
        font-size: var(--fontSize20);
        font-weight: 700;
        line-height: 1.3;
        text-align: center;
    }

.contactFormHolder {
    padding: 1em 0 0 0;
}

.LayoutForm {
    position: relative;
    z-index: 1;
}

.FormNameDIV {
    position: relative;
}

.formInput {
    background-color: var(--inputBG) !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    font-size: var(--text) !important;
    color: var(--Main) !important;
    height: auto !important;
    border: none !important;
    padding: 0.7em 1em !important;
}

.FormNameDIV span {
    font-size: var(--fontSize12);
    color: var(--Error);
    font-weight: 700;
    position: absolute;
    top: 5%;
    left: 2%;
    margin: 0 !important;
}

html[dir="rtl"] .contactFormRow form input#FormPhone {
    direction: rtl;
}

.formTextArea {
    background-color: var(--inputBG) !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    font-size: var(--text) !important;
    color: var(--Main) !important;
    height: auto !important;
    border: none !important;
}

.BTNGroup {
    position: relative;
    text-align: center;
    min-height: 50px;
}

.formSubmitBtn {
    position: relative;
    z-index: 1;
    width: 100%;
    line-height: 1;
    font-weight: 400;
    font-size: var(--fontSize20);
    color: var(--White);
    border-radius: 4px;
    background-color: var(--Main);
    padding: 0.5em 1em;
}

    .formSubmitBtn:hover {
        background-color: var(--Black);
    }

.contactPageImg {
    position: absolute;
    width: 100%;
    max-width: 500px;
    bottom: 0;
    left: -50%;
    transform: translate(-50%);
}

.big-btn {
    background-color: var(--TextColor333);
    color: var(--White);
    padding: 8px;
    border-radius: 5px;
    position: relative;
    top: 15px;
    font-size: var(--fontSize20);
}

    .big-btn:hover {
        color: white;
        text-decoration: underline !important;
    }

.qr-code {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    margin: 30px 0;
}

    .qr-code + .qr-code {
        padding-top: 10px;
        border-top: 1px solid;
    }

    .qr-code img {
        max-width: 200px;
    }

    .qr-code .phone {
        font-weight: 700;
    }

@media(max-width:992px) {
    .checkmarkDiv svg {
        width: 50px;
    }

    .thankyouContent h1 {
        margin: 0;
    }
}