﻿/*@import url('font-awesome/css/font-awesome.css');*/
@import url('../font-awesome/css/font-awesome.css');

@media (max-width: 575.98px) {

    .AL-Background {
        background: url(../Images/Patterns-mobile.svg) right top no-repeat;
        background-position: bottom right;
    }

    .AL-Content {
        background-color: #121323 !important;
        color: #ffffff;
        z-index: 999;
    }

    .base {
        height: auto;
        padding: 2em;
        margin-right: 2em;
        font-size: 13px;
    }

    .content-padding {
        padding-top: 4em;
    }

    .policy-mr {
        margin-right: 0.6em;
    }
}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

    .AL-Background {
        background: url(../Images/Patterns-mobile.svg) right top no-repeat;
        background-position: bottom right;
    }

    .AL-Content {
        background-color: #121323 !important;
        color: #ffffff;
        z-index: 999;
    }

    .base {
        height: auto;
        padding: 2em;
        margin-right: 2em;
        font-size: 13px;
    }

    .content-padding {
        padding-top: 4em;
    }

    .policy-mr {
        margin-right: 0.6em;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 1059.98px) {
    .AL-Background {
        background: url(../Images/Patterns-Ipad.svg) right top no-repeat;
        background-position: bottom right;
    }

    .AL-Content {
        background-color: #121323 !important;
        color: #ffffff;
        z-index: 999;
    }

    .base {
        height: auto;
        margin-right: 6%;
        font-size: 13px;
    }

    .content-padding {
        padding: 10em;
    }

    .policy-mr {
        margin-right: 0.6em;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 1060px) and (max-width: 1441.98px) {
    .AL-Background {
        background: url(../Images/Patterns-Laptop.svg) right top no-repeat;
        background-position: bottom right;
    }

    .AL-Content {
        background-color: #121323 !important;
        color: #ffffff;
        z-index: 999;
    }

    .base {
        margin: 15% auto;
        width: 753px;
        height: auto;
        object-fit: contain;
        border-radius: 8px;
        -webkit-backdrop-filter: blur(5.2px);
        backdrop-filter: blur(5.2px);
        border: solid 1px #333333;
        background-color: #12132366;
        font-size: 16px;
    }

    .content-padding {
        padding: 5em;
    }

    .policy-mr {
        margin-right: 0.6em;
    }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1442px) {
    .AL-Background {
        background: url(../Images/Patterns-desktop.svg) right top no-repeat;
        background-position: bottom right;
    }

    .AL-Content {
        background-color: #121323 !important;
        color: #ffffff;
        z-index: 999;
    }

    .base {
        margin: 15% auto;
        width: 1115px;
        height: auto;
        object-fit: contain;
        border-radius: 8px;
        -webkit-backdrop-filter: blur(5.2px);
        backdrop-filter: blur(5.2px);
        border: solid 1px #333333;
        background-color: #12132366;
        font-size: 16px;
    }

    .content-padding {
        padding: 5em;
    }

    .policy-mr {
        margin-right: 0.6em;
    }
}

a {
    text-decoration: none !important;
}

.MyIcon {
}

    .MyIcon:before {
        width: 36px;
        height: 50px;
        border: 1px solid white;
        position: absolute;
        right: -54px;
        top: 0px;
        content: "\f068";
        font-family: 'FontAwesome';
        font-weight: 700;
        color: #fff;
        text-align: center;
        border-radius: 3px;
        line-height: 40px;
        font-size: 12px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }


.MyIcon-show {
}

    .MyIcon-show:before {
        width: 36px;
        height: 40px;
        border: 1px solid white;
        position: absolute;
        right: -54px;
        top: 0px;
        content: "\f067";
        font-family: 'FontAwesome';
        font-weight: 700;
        color: #fff;
        text-align: center;
        border-radius: 3px;
        line-height: 40px;
        font-size: 12px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }


.hg_accordion_element.style3 .th-accordion {
    padding: 15px;
}

    .hg_accordion_element.style3 .th-accordion .acc-group {
        margin-bottom: 8px;
        margin-right: 0;
        padding-bottom: 8px;
        border-bottom: 1px solid #e5e5e5;
    }

        .hg_accordion_element.style3 .th-accordion .acc-group:last-child {
            border-bottom: 0;
        }

        .hg_accordion_element.style3 .th-accordion .acc-group a {
            display: block;
            width: 100%;
            color: #fff;
            text-align: right;
            position: relative;
            margin: 0;
            padding: 10px 0 5px 10px;
            background: none;
            border: 0;
            font-size: 16px;
            cursor: pointer;
        }

            .hg_accordion_element.style3 .th-accordion .acc-group a.collapsed {
                color: #fff;
            }

            .hg_accordion_element.style3 .th-accordion .acc-group a:after {
                width: auto;
                height: auto;
                padding-left: 14px;
            }

            .hg_accordion_element.style3 .th-accordion .acc-group a.collapsed:before {
                content: "\f067";
                height: 40px;
            }

        .hg_accordion_element.style3 .th-accordion .acc-group .content {
            padding: 10px 0 10px 15px;
        }

            .hg_accordion_element.style3 .th-accordion .acc-group .content p:last-child {
                margin-bottom: 0;
            }
