@media only screen and (min-device-width: 320px) and (max-device-width: 765px) {
    @-webkit-keyframes animateScrollIcon {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    @-moz-keyframes animateScrollIcon {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    @-o-keyframes animateScrollIcon {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    @keyframes animateScrollIcon {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    * {
        box-sizing: border-box
    }
    html {
        margin: 0;
        height: 100%
    }
    html body {
        height: 100%;
        margin: 0px;
        font-family: 'Open Sans';
        background-color: #00659d;
    }
    html body .dp-container {
        position: relative;
        height: 100%;
        overflow-y: hidden
    }
    html body .dp-container .swiper-container {
        height: 100%
    }
    html body .dp-container .swiper-container .swiper-slide {
        min-height: 100%
    }
    html body .dp-container .swiper-container #home-section {
        position: relative
    }
    html body .dp-container .swiper-container #home-section .bg-container {
        position: fixed;
        width: 100%;
        height: 100%;
        background-image: url(../img/Home.jpg);
        background-position: 14% 75%;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -9
    }
    html body .dp-container .swiper-container #home-section .green-bar-container {
        padding: 1.5em;
        border: none;
        border-bottom: none;
        border-top: none;
        margin: 0px 0px 0px 0px;
        height: 100%;
        background-color: rgba(38, 34, 34, 0.83)
    }
    html body .dp-container .swiper-container #home-section .green-bar-container .top-green-bar {
        display: inline-block;
        height: 1px;
        background-color: transparent;
        margin-left: -5px;
        width: 60%;
        float: left
    }
    html body .dp-container .swiper-container #home-section .green-bar-container .app-logo {
        color: #fff;
        display: inline-block;
        float: left;
        width: 36%
    }
    html body .dp-container .swiper-container #home-section .green-bar-container .app-logo img {
        max-width: 100%;
        width: 100%;
        margin-left: 15px;
        margin-top: -10px;
        height: auto
    }
    html body .dp-container .swiper-container #home-section .green-bar-container .left-green-bar {
        display: block;
        height: 8px;
        background-color: #348b26;
        transform: rotate(90deg);
        transform-origin: left top 0;
        width: 440px;
        background-image: linear-gradient(left, #348b26, #000);
        background-image: -webkit-gradient(linear, left top, right top, from(#348b26), to(#000));
        background-image: -webkit-linear-gradient(left, #348b26, #000);
        background-image: -moz-linear-gradient(left, #348b26, #000);
        background-image: -ms-linear-gradient(left, #348b26, #000);
        background-image: -o-linear-gradient(left, #348b26, #000)
    }
    html body .dp-container .swiper-container #home-section .content {
        position: absolute;
        transform: translateY(-50%);
        right: 0;
        left: 2em;
        top: 45%;
        width: 100%
    }
    html body .dp-container .swiper-container #home-section .content img#home-logo-img{
        width: 70%;
        height: auto;
    }
    html body .dp-container .swiper-container #home-section .content img#home-slogan1-img{
        margin-top: 100%;
        width: 88%;
    }
    html body .dp-container .swiper-container #home-section .content img#home-slogan2-img{
        width: 88%;
    }
    html body .dp-container .swiper-container #home-section .content .dp-text {
        color: #fff;
        font-weight: 300;
        font-size: 1.5em;
        margin-top: 1px;
        margin-bottom: 15px;
        text-shadow: 3px 6px 2px transparent
    }
    html body .dp-container .swiper-container #home-section .content #home-text1 {
        margin-bottom: 15px
    }
    html body .dp-container .swiper-container #home-section .content #home-text2 {
        margin-top: 2px;
        margin-bottom: 8px
    }
    html body .dp-container .swiper-container #home-section .content #home-text4 {
        margin-bottom: 5px;
        margin-top: 15px
    }
    html body .dp-container .swiper-container #home-section .content #home-img-platinum {
        width: 295px;
        max-width: 75%;
        margin-top: 1px;
        margin-bottom: 1px
    }
    html body .dp-container .swiper-container #lifestyle-intro-section {
        position: relative
    }
    html body .dp-container .swiper-container #lifestyle-intro-section .bg-container {
        position: fixed;
        width: 100%;
        height: 100%;
        background-image: url('../img/Features2.jpg');
        background-position: 54% center;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -9
    }
    html body .dp-container .swiper-container #lifestyle-intro-section .content-container {
        padding: 1.5em;
        border: none;
        border-bottom: none;
        border-top: none;
        margin: 0px 0px 0px 0px;
        height: 100%;
        position: relative;
        /*background-color: rgba(0, 0, 0, 0.57)*/
    }
    html body .dp-container .swiper-container #lifestyle-intro-section .content-container .silver-bar {
        width: 30%;
        background-color: #fff;
        height: 5px;
        display: inline-block;
        transform: rotate(90deg);
        transform-origin: left top 0;
        position: absolute;
        top: 0;
    }
    html body .dp-container .swiper-container #lifestyle-intro-section .content-container .content {
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        width: 89%;
        max-width: 100%;
        padding-left: 0.5em
    }
    html body .dp-container .swiper-container #lifestyle-intro-section .content-container .content .dp-text {
        font-family: 'Open Sans';
        color: #fff;
        max-width: 450px;
        font-weight: 400;
        font-size: 1.5em;
        margin-top: 1px;
        margin-bottom: 25px;
        text-shadow: 3px 6px 2px #000
    }
    html body .dp-container .swiper-container #lifestyle-intro-section .content-container .content p {
        font-family: 'Open Sans';
        color: #fff;
        font-weight: 300;
        font-size: 1.1em;
        margin-top: 1px;
        margin-bottom: 15px;
        text-shadow: 3px 6px 2px #000
    }
    html body .dp-container .swiper-container #lifestyle-section .swiper-container-h .swiper-wrapper .swiper-slide {
        position: relative
    }
    html body .dp-container .swiper-container #lifestyle-section .swiper-container-h .swiper-wrapper .swiper-slide .bg-container {
        position: fixed;
        width: 100%;
        height: 100%;
        background-image: url('../img/Engineer.jpg');
        background-position: 32% center;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -9
    }
    html body .dp-container .swiper-container #lifestyle-section .swiper-container-h .swiper-wrapper .swiper-slide .content-container {
        padding: 1.5em;
        border: none;
        border-bottom: none;
        border-top: none;
        margin: 0px 0px 0px 0px;
        height: 100%;
        position: relative;
        /*background-color: rgba(0, 0, 0, 0.57)*/
    }
    html body .dp-container .swiper-container #lifestyle-section .swiper-container-h .swiper-wrapper .swiper-slide .content-container .silver-bar {
        width: 30%;
        background-color: #fff;
        height: 5px;
        display: inline-block;
        transform: rotate(90deg);
        transform-origin: left top 0;
        position: absolute;
        top: 0;
    }
    html body .dp-container .swiper-container #lifestyle-section .swiper-container-h .swiper-wrapper .swiper-slide .content-container .content {
        position: absolute;
        transform: translate(0%, -50%);
        top: 73%;
        width: 100%;
        max-width: 90%;
        padding-left: 0.5em
    }
    html body .dp-container .swiper-container #lifestyle-section .swiper-container-h .swiper-wrapper .swiper-slide .content-container .content .dp-text {
        font-family: 'Open Sans';
        color: #fff;
        opacity: 1 !important;
        max-width: 450px;
        font-weight: 600;
        font-size: 3.2em;
        margin-top: 1px;
        margin-bottom: 25px;
        text-shadow: 4px 0px 5px black;
    }
    html body .dp-container .swiper-container #lifestyle-section .swiper-container-h .swiper-wrapper .swiper-slide .content-container .content p {
        font-family: 'Open Sans';
        color: #fff;
        font-weight: 300;
        font-size: 1.5em;
        margin-top: 1px;
        margin-bottom: 15px;
    }
    html body .dp-container .swiper-container #app-intro-section {
        position: relative
    }
    html body .dp-container .swiper-container #app-intro-section .bg-container {
        position: fixed;
        width: 100%;
        height: 100%;
        background-image: url('../img/Technicians.jpg');
        background-position: 35% center;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -9
    }
    html body .dp-container .swiper-container #app-intro-section .content-container {
        padding: 1.5em;
        border: none;
        border-bottom: none;
        border-top: none;
        margin: 0px 0px 0px 0px;
        height: 100%;
        /*background-color: rgba(0, 0, 0, 0.5);*/
        position: relative
    }
    html body .dp-container .swiper-container #app-intro-section .content-container .content {
        position: absolute;
        transform: translate(0%, -50%);
        top: 73%;
        width: 100%;
        max-width: 90%;
        padding-left: 0.5em
    }
    html body .dp-container .swiper-container #app-intro-section .content-container .content .dp-text {
        font-family: 'Open Sans';
        color: #fff;
        max-width: 450px;
        font-weight: 400;
        font-size: 1.5em;
        margin-top: 1px;
        margin-bottom: 25px;
        text-shadow: 3px 6px 2px #000
    }

    html body .dp-container .swiper-container #app-intro-section .content-container .content p.header-p {
        font-family: 'Open Sans';
        color: #fff;
        opacity: 1 !important;
        max-width: 450px;
        font-weight: 600;
        font-size: 3.2em;
        margin-top: 1px;
        margin-bottom: 25px;
        text-shadow: 4px 0px 5px black;
    }

    html body .dp-container .swiper-container #app-intro-section .content-container .content p {
        font-family: 'Open Sans';
        color: #fff;
        font-weight: 300;
        font-size: 1.5em;
        margin-top: 1px;
        margin-bottom: 15px;
    }
    html body .dp-container .swiper-container #app-section {
        position: relative
    }
    html body .dp-container .swiper-container #app-section .bg-container {
        position: fixed;
        width: 100%;
        height: 100%;
        background-image: url('../img/Public.jpg');
        background-position: 20% 75%;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -9
    }
    html body .dp-container .swiper-container #app-section .content-container {
        padding: 2.5em;
        border: none;
        border-bottom: none;
        border-top: none;
        margin: 0px 0px 0px 0px;
        height: 100%;
        position: relative;
    }
    html body .dp-container .swiper-container #app-section .content-container .content{
        position: absolute;
        transform: translate(0%, -50%);
        top: 73%;
        width: 100%;
        max-width: 90%;
        padding-left: 0.5em;
    }
    html body .dp-container .swiper-container #app-section .content-container .content p.header-p{
        font-family: 'Open Sans';
        color: #fff;
        opacity: 1 !important;
        max-width: 450px;
        font-weight: 600;
        font-size: 3.2em;
        margin-top: 1px;
        margin-bottom: 25px;
        text-shadow: 4px 0px 5px black;
    }
    html body .dp-container .swiper-container #app-section .content-container .content p{
        font-family: 'Open Sans';
        color: #fff;
        font-weight: 300;
        font-size: 1.5em;
        margin-top: 1px;
        margin-bottom: 15px;
    }
    html body .dp-container .swiper-container #app-section .content-container .swiper-container-h .swiper-wrapper .swiper-slide {
        flex-direction: row;
        display: flex;
        justify-content: space-around;
        align-items: center
    }
    html body .dp-container .swiper-container #app-section .content-container .swiper-container-h .swiper-wrapper .swiper-slide .text-container {
        max-width: 600px;
        padding-right: 1.2px
    }
    html body .dp-container .swiper-container #app-section .content-container .swiper-container-h .swiper-wrapper .swiper-slide .text-container .dp-text {
        font-family: 'Open Sans';
        opacity: 1 !important;
        color: #fff;
        max-width: 450px;
        font-weight: 400;
        font-size: 1.4em;
        margin-top: 1px;
        margin-bottom: 10px;
        text-shadow: 3px 6px 2px transparent
    }
    html body .dp-container .swiper-container #app-section .content-container .swiper-container-h .swiper-wrapper .swiper-slide .text-container p {
        font-family: 'Open Sans';
        color: #fff;
        font-weight: 300;
        font-size: 1.2em;
        margin-top: 1px;
        margin-bottom: 15px;
        text-shadow: 3px 6px 2px #000
    }
    html body .dp-container .swiper-container #app-section .content-container .swiper-container-h .swiper-wrapper .swiper-slide .img-container img {
        width: 100%;
        max-width: 230px
    }
    html body .dp-container .swiper-container #app-last-section {
        position: relative
    }
    html body .dp-container .swiper-container #app-last-section .bg-container {
        position: fixed;
        width: 100%;
        height: 100%;
        background-image: url('../img/customers2.jpg');
        background-position: 20% 75%;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -9
    }
    html body .dp-container .swiper-container #app-last-section .content-container {
        padding: 2.5em;
        border: none;
        border-bottom: none;
        border-top: none;
        margin: 0px 0px 0px 0px;
        height: 100%;
        position: relative;
    }
    html body .dp-container .swiper-container #app-last-section .content-container .silver-bar {
        width: 30%;
        background-color: #fff;
        height: 5px;
        display: inline-block;
        transform: rotate(90deg);
        transform-origin: left top 0;
        position: absolute;
        top: 0;
    }
    html body .dp-container .swiper-container #app-last-section .content-container .swiper-container-h .swiper-wrapper .swiper-slide {
        flex-direction: row;
        display: flex;
        justify-content: space-around;
        align-items: center
    }
    html body .dp-container .swiper-container #app-last-section .content-container .swiper-container-h .swiper-wrapper .swiper-slide .text-container {
        max-width: 600px;
        padding-right: 1.2px
    }
    html body .dp-container .swiper-container #app-last-section .content-container .swiper-container-h .swiper-wrapper .swiper-slide .text-container .dp-text {
        font-family: 'Open Sans';
        opacity: 1 !important;
        color: #fff;
        max-width: 450px;
        font-weight: 400;
        font-size: 1.4em;
        margin-top: 1px;
        margin-bottom: 10px;
        text-shadow: 3px 6px 2px transparent
    }
    html body .dp-container .swiper-container #app-last-section .content-container .swiper-container-h .swiper-wrapper .swiper-slide .text-container p {
        font-family: 'Open Sans';
        color: #fff;
        font-weight: 300;
        font-size: 1.2em;
        margin-top: 1px;
        margin-bottom: 15px;
        text-shadow: 3px 6px 2px #000
    }
    html body .dp-container .swiper-container #app-last-section .content-container .swiper-container-h .swiper-wrapper .swiper-slide .img-container img {
        width: 100%;
        max-width: 230px
    }
    html body .dp-container .swiper-container #plans-section {
        height: auto !important;
        position: relative
    }
    html body .dp-container .swiper-container #plans-section .bg-container {
        position: fixed;
        width: 100%;
        height: 100%;
        background-position: center 75%;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -9
    }
    html body .dp-container .swiper-container #plans-section .content-container {
        padding: 2.5em 1.5em;
        border: none;
        border-bottom: none;
        border-top: none;
        margin: 0px 0px 0px 0px;
        height: 100%;
        position: relative;
        z-index: 10
    }
    html body .dp-container .swiper-container #plans-section .content-container .silver-bar {
        width: 30%;
        background-color: #fff;
        height: 5px;
        display: inline-block;
        transform: rotate(90deg);
        transform-origin: left top 0;
        position: absolute;
        top: 0;
        background-image: linear-gradient(left, #348b26, #000);
        background-image: -webkit-gradient(linear, left top, right top, from(#348b26), to(#000));
        background-image: -webkit-linear-gradient(left, #348b26, #000);
        background-image: -moz-linear-gradient(left, #348b26, #000);
        background-image: -ms-linear-gradient(left, #348b26, #000);
        background-image: -o-linear-gradient(left, #348b26, #000)
    }
    html body .dp-container .swiper-container #plans-section .content-container .content {
        width: 100%;
        max-width: 740px;
        padding-left: 0.5em
    }
    html body .dp-container .swiper-container #plans-section .content-container .content .dp-text {
        font-family: 'Open Sans';
        opacity: 1 !important;
        color: #fff;
        max-width: 450px;
        font-weight: 500;
        font-size: 1.2em;
        margin-top: 1px;
        margin-bottom: 10px;
        text-shadow: 3px 6px 2px #000
    }
    html body .dp-container .swiper-container #plans-section .content-container .content p {
        font-family: 'Open Sans';
        color: #fff;
        font-weight: 300;
        font-size: 0.6em;
        margin-top: 1px;
        margin-bottom: 4px;
        text-shadow: 3px 6px 2px #000
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container {
        flex-direction: column;
        display: block;
        justify-content: space-between;
        align-items: center;
        padding-left: 0.5em;
        width: 1000px;
        max-width: 100%;
        margin-top: 0.5em
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container .plan-box {
        color: #fff;
        background-color: #0a5628f2;
        z-index: -8;
        max-width: 100%;
        width: 220px;
        cursor: pointer;
        transition: opacity 0.3s ease 0.1s;
        z-index: 999
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container .plan-box .top-box {
        background-color: #259c53;
        text-align: center;
        padding-top: 7px;
        padding-bottom: 10px;
        position: relative
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container .plan-box .top-box:after {
        content: "";
        width: 40px;
        height: 40px;
        position: absolute;
        transform: translateX(-50%) rotateZ(-225deg);
        left: 50%;
        z-index: -9;
        bottom: -5px;
        background-color: #259c53
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container .plan-box .top-box h3 {
        color: #fff;
        margin: 1px 1px 1px 1px;
        font-weight: 700
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container .plan-box .top-box h2 {
        margin: 1px 1px
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container .plan-box .top-box div {
        border: 1px solid #fff;
        display: inline-block;
        margin: 0 auto;
        padding: 10px;
        margin-top: 5px
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container .plan-box .top-box div span {
        display: block
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container .plan-box .more-details {
        text-align: center;
        padding-top: 14px;
        display: none
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container .plan-box .more-details p {
        font-size: 0.8em;
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
        font-family: 'Open Sans';
        margin-top: 7px;
        margin-bottom: 7px
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container .plan-box .more-details p:last-of-type {
        margin-bottom: 14px
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container .plan-box .more-details a {
        display: block;
        width: 100%;
        background-color: #fff;
        color: #000;
        font-size: 0.9em;
        text-decoration: none;
        padding: 7px;
        font-weight: 600
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container #platinum-2k {
        background-color: #27641d
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container #platinum-2k .top-box {
        background-color: #348b26
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container #platinum-2k .top-box:after {
        background-color: #348b26
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container #platinum-3k {
        background-color: #026696
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container #platinum-3k .top-box {
        background-color: #008fd3
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container #platinum-3k .top-box:after {
        background-color: #008fd3
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container #platinum-5k {
        background-color: #ae782c
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container #platinum-5k .top-box {
        background-color: #e9a13d
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container #platinum-5k .top-box:after {
        background-color: #e9a13d
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container #platinum-10k {
        background-color: #7d1b19
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container #platinum-10k .top-box {
        background-color: #c82d2a
    }
    html body .dp-container .swiper-container #plans-section .content-container .plans-container #platinum-10k .top-box:after {
        background-color: #c82d2a
    }
    html body .dp-container .swiper-container #footer-section {
        position: relative
    }
    html body .dp-container .swiper-container #footer-section .bg-container {
        position: fixed;
        width: 100%;
        height: 100%;
        background-image: url('../img/FLO.jpg');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat, no-repeat;
        z-index: -9
    }
    html body .dp-container .swiper-container #footer-section .content-container {
        padding: 0.5em 1.5em;
        border: none;
        border-bottom: none;
        border-top: none;
        margin: 0px 0px 0px 0px;
        height: auto;
        position: relative;
        z-index: 99999
    }
    html body .dp-container .swiper-container #footer-section .content-container .silver-bar {
        width: 15%;
        background-color: #fff;
        height: 5px;
        display: inline-block;
        transform: rotate(90deg);
        transform-origin: left top 0;
        position: absolute;
        top: 0;
        background-image: linear-gradient(left, #348b26, #000);
        background-image: -webkit-gradient(linear, left top, right top, from(#348b26), to(#000));
        background-image: -webkit-linear-gradient(left, #348b26, #000);
        background-image: -moz-linear-gradient(left, #348b26, #000);
        background-image: -ms-linear-gradient(left, #348b26, #000);
        background-image: -o-linear-gradient(left, #348b26, #000)
    }
    html body .dp-container .swiper-container #footer-section .content-container .content {
        width: 100%;
        padding-left: 0.5em;
        position: relative;
        min-height: 100%
    }
    html body .dp-container .swiper-container #footer-section .content-container .content .platinum-logo-with-saf-container {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: flex-start
    }
    html body .dp-container .swiper-container #footer-section .content-container .content .platinum-logo-with-saf-container .logo-container img {
        width: 100%;
        max-width: 300px;
        height: auto
    }
    html body .dp-container .swiper-container #footer-section .content-container .content .platinum-logo-with-saf-container .icon-container img {
        width: 100%;
        max-width: 200px;
        height: auto
    }
    html body .dp-container .swiper-container #footer-section .footer {
        position: absolute;
        bottom: 0px;
        padding-bottom: 25px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-content: flex-end;
        justify-content: flex-end;
        height: 100%;
        text-align: center;
        z-index: 9999;
    }
    .website-link a{
        text-decoration: none;
        color: white;
        font-size: 1.4em;
        padding-bottom: 20px;
        padding-top: 10px;
        display: inline-block;
    }
    html body .dp-container .swiper-container #footer-section .footer .scroll-guide-wrapper-inner {
        text-align: center;
        z-index: 99;
        opacity: 1;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 0.5em
    }
    html body .dp-container .swiper-container #footer-section .footer .scroll-guide-wrapper-inner span {
        color: #fff;
        font-size: 0.8em;
        margin-top: 8px;
        transition: transform 0.3s ease-out, opacity 0.3s ease 0.1s
    }
    html body .dp-container .swiper-container #footer-section .footer .scroll-guide-wrapper-inner .scroll-icon {
        width: 15px;
        height: auto;
        margin-left: 8px;
        margin-right: 8px
    }
    html body .dp-container .swiper-container #footer-section .footer .footer-details {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column
    }
    html body .dp-container .swiper-container #footer-section .footer .footer-details a {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px
    }
    html body .dp-container .swiper-container #footer-section .footer .footer-details a:hover {
        opacity: 0.7
    }
    html body .dp-container .swiper-container #footer-section .footer .footer-details .social-icons {
        display: inline-block;
        margin-top: 5px;
        margin-bottom: 5px
    }
    html body .dp-container .swiper-container #footer-section .footer .footer-details .social-icons a {
        text-decoration: none
    }
    html body .dp-container .swiper-container #footer-section .footer .footer-details .social-icons a img {
        width: 30px
    }
    html body .dp-container .swiper-container .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 10px 0;
        background: transparent;
        border-color: #fff;
        border: 1px solid #fff;
        opacity: 0.8;
        border-radius: 40%;
        transform: rotate(45deg);
    }
    html body .dp-container .swiper-container .swiper-pagination-bullet-active {
        opacity: 1;
        border-color: white;
        background: white;
    }
    html body .dp-container .swiper-container .swiper-button-prev {
        left: 2em;
        bottom: 10%;
        top: auto
    }
    html body .dp-container .swiper-container .swiper-button-next {
        right: 2em;
        bottom: 10%;
        top: auto
    }
    html body .dp-container .scroll-guide-wrapper {
        position: absolute;
        bottom: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        z-index: 99;
        opacity: 1;
        display: flex;
        align-items: center
    }
    html body .dp-container .scroll-guide-wrapper span {
        color: #fff;
        font-size: 12px;
        transition: transform 0.3s ease-out, opacity 0.3s ease 0.1s
    }
    html body .dp-container .scroll-guide-wrapper .scroll-icon {
        width: 15px;
        height: auto;
        margin-left: 8px;
        margin-right: 8px;
    }
    html body .dp-container .scroll-guide-wrapper:hover span:first-child {
        transform: translateX(45px);
        opacity: 0
    }
    html body .dp-container .scroll-guide-wrapper:hover span:last-child {
        transform: translateX(-45px);
        opacity: 0
    }
    html body .dp-container .home-download-icon-wrapper {
        position: absolute;
        right: 0;
        z-index: 99;
        overflow: hidden;
        left: 0%;
        right: 0%;
        text-align: center;
        bottom: 20%;
        height: 8%;
    }
    html body .dp-container .home-download-icon-wrapper a {
        text-decoration: none
    }
    html body .dp-container .home-download-icon-wrapper a .download-icon-home {
        width: 120px;
        height: auto;
        margin-right: -10px
    }
    .table-wrapper {
        padding-left: 0;
        margin-top: 0em
    }
    .table-wrapper .show-mobile {
        border: 1px solid rgba(255, 255, 255, 0.35);
        display: block;
        width: 100%
    }
    .table-wrapper .show-mobile thead tr td {
        font-size: 8px
    }
    .table-wrapper .show-mobile tbody tr td {
        padding: 5px !important;
        font-size: 10px
    }
    .table-wrapper .pills-container {
        padding: 10px 0px 10px 0;
        overflow-x: auto
    }
    .table-wrapper .pills-container .pills-wwappet {
        display: flex
    }
    .table-wrapper .pills-container .pills-wwappet a {
        flex-shrink: 0;
        margin-left: 8px;
        overflow: hidden;
        white-space: normal;
        border: 1px solid #2b721f;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        padding: 6px;
        background-color: #2b721f;
        border-radius: 4px;
        color: #fff
    }
    .table-wrapper table {
        display: none
    }
    .pills-container {
        padding: 10px 0px 10px 0;
        overflow-x: auto;
        display: block
    }
    .pills-container .pills-wwappet {
        display: flex
    }
    .pills-container .pills-wwappet a {
        flex-shrink: 0;
        margin-left: 8px;
        overflow: hidden;
        white-space: normal;
        border: 1px solid #2b721f;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        padding: 6px;
        background-color: #2b721f;
        border-radius: 4px;
        color: #fff
    }
    .pills-container .pills-wwappet a:first-child {
        margin-left: 0px
    }
    .hidden-kabisa {
        display: block !important
    }
    #link-to-p2k {
        background-color: #d5b49d;
        border-color: #d5b49d
    }
    #link-to-p3k {
        background-color: #C37B5A;
        border-color: #C37B5A
    }
    #link-to-p5k {
        background-color: #B65435;
        border-color: #B65435
    }
    #link-to-p10k {
        background-color: #A2412B;
        border-color: #A2412B
    }
}