@charset "UTF-8";
/*-----------------------------------------------------------------------------------
    Template Name: Deadfire
    Description: Gaming and eSports HTML5 Template
    Author: Codezion 
    Author URI: https://www.templatemonster.com/authors/codezion/
    Version: 1.0

-----------------------------------------------------------------------------------
    
    >>> TABLE OF CONTENTS:
    =======================

    01. Common/Reusable CSS
        1.1 - Animations
        1.2 - General
        1.3 - Section Title
        1.4 - Video Button
        1.5 - Slick Arrows
        1.6 - Slick Dots
        1.7 - Typography
        1.8 - Tables
        1.9 - Modals
        1.10 - Forms
        1.11 - Buttons
        1.12 - Pagination
        1.13 - Colors
        1.14 - Accordion
    02. Homepage
        2.1 - Header
        2.2 - Slider
        2.3 - About Us
        2.4 - Type of Games
        2.5 - Gallery
        2.6 - Counter
        2.7 - Download App
        2.8 - How To Play
        2.9 - Testimonials
        2.10 - Blog
        2.11 - Newsletter
        2.12 - Footer
            2.12.1 - Copyright
            2.12.2 - Back To Top
    03. About Us
    04. Matches
    05. Match Details
    06. Blog Grid
    07. Blog List
    08. Blog Details
    09. Games
    10. Game Details
    11. Player
    12. Player Details
    13. FAQ's
    14. Login/SignUp
    15. Contact Us
    
-----------------------------------------------------------------------------------*/

/*Google Fonts*/

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,600;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,700;1,900&family=Montserrat:ital,wght@0,100;0,200;1,100;1,300;1,500;1,700;1,800&family=Open+Sans:ital,wght@0,500;0,600;1,400&family=Playfair+Display:ital,wght@0,400;0,500;0,700;0,800;0,900;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Teko:wght@300;400;500;600;700&display=swap');
:root {
    --thm-font: 'Rajdhani', sans-serif;
    /* Headings */
    --thm-b-font: 'Rajdhani', sans-serif;
    /* Body font */
    --thm-icon-font: "Font Awesome 5 Pro";
    --thm-bs-icon-font: "bootstrap-icons";
    /*Icon Font*/
    --thm-color-one: #780cba;
    --thm-color-two: #000000;
    --thm-color-three: #14074c;
    --thm-color-four: #090029;
    --thm-color-five: #f24646;
    /*Light Color*/
    --thm-color-light: #eff0ef;
    /*RGB Colors*/
    --thm-color-one-rgb: 120, 12, 186;
    --thm-color-two-rgb: 0, 0, 0;
    --thm-color-three-rgb: 20, 7, 76;
    --thm-color-four-rgb: 9, 0, 41;
    --thm-color-five-rgb: 242, 70, 70;
    /*Light Color*/
    --thm-color-light-rgb: 239, 240, 239;
    /*Theme Colors*/
    --thm-body-color: #797979;
    --thm-body-bg: #080029;
    /*Body Colors*/
    --thm-white: #ffffff;
    /*White Color*/
    --thm-border: #d1d1d1;
    /*Border Color*/
}

/*Animations*/

@keyframes fadeHeaderInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes animateBtn {
    0% {
        transform: translate(-50%, -75%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -75%) rotate(360deg);
    }
}

@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    30% {
        opacity: 0.40;
    }
    100% {
        transform: scale(1.7);
        opacity: 0;
    }
}

@keyframes rotateme {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(1turn);
    }
}

@keyframes slideTop {
    0% {
        opacity: 1;
        transform: translateY(2px);
    }
    20% {
        opacity: 1;
        transform: translateY(4px);
    }
    40% {
        opacity: 1;
        transform: translateY(6px);
    }
    60% {
        opacity: 1;
        transform: translateY(6px);
    }
    80% {
        opacity: 1;
        transform: translateY(4px);
    }
    100% {
        opacity: 1;
        transform: translateY(2px);
    }
}

/*General*/

::selection {
    background-color: var(--thm-color-two);
    color: var(--thm-white);
}

i[class^="bi-"],
i[class*=" bi-"] {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

body {
    font-size: 14px;
    font-weight: 400;
    color: #5f6368;
    letter-spacing: .5px;
}

.relative {
    position: relative;
}

.section {
    position: relative;
    padding: 80px 0;
}

.section-padding {
    position: relative;
    padding: 80px 0 50px;
}

.image-fit {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.image-fits {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.image-fit-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.transform-center {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0%, -50%);
    z-index: 1;
}

.rotate_elem {
    animation-name: rotateme;
    animation-duration: 24s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.slideTop {
    animation: slideTop 1s linear infinite;
}

/*Slick Arrow*/

.arrow-layout-2 .slick-arrow,
.arrow-layout-1 .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translate(0px, -50%);
    transition: 0.3s all;
    font-size: 0;
    overflow: hidden;
    z-index: 1;
}

.arrow-layout-1 .slick-arrow:after {
    width: 50px;
    height: 50px;
    border: 1px solid #fff0;
    background: #ffffff9e;
    position: relative;
    overflow: hidden;
    color: #090909;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Flaticon;
}

.arrow-layout-1 .slick-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 0%;
    background: #ab8a62;
    z-index: -1;
    height: 100%;
    transition: 0.5s all;
}

.arrow-layout-1 .slick-arrow:hover:before {
    width: 100%;
}

.arrow-layout-1 .slick-prev {
    left: -100px;
}

.arrow-layout-1 .slick-next {
    right: -100px;
}

.arrow-layout-1 .slick-prev:after {
    content: "\f165";
}

.arrow-layout-1 .slick-next:after {
    content: "\f163";
}

.arrow-layout-1.slick-slider:hover .slick-prev {
    left: 15px;
}

.arrow-layout-1.slick-slider:hover .slick-next {
    right: 15px;
}

.arrow-layout-2 .slick-arrow {
    font-size: 0px;
    right: 15px;
    top: -70px;
}

.arrow-layout-2 .slick-arrow:after {
    background: #000;
    border-color: #000;
    color: #fff;
    font-family: flaticon;
    padding: 15px;
    font-size: 20px;
}

.arrow-layout-2 .slick-prev {
    right: 65px;
}

.arrow-layout-2 .slick-next {
    right: 15px;
}

.arrow-layout-2 .slick-prev:after {
    content: "\f164";
}

.arrow-layout-2 .slick-next:after {
    content: "\f162";
}

.arrow-layout-2 .slick-arrow:hover:after {
    color: #fff;
    background: #ab8a62;
}

.arrow-layout-2.sidebar-arrow .slick-arrow {
    transform: translate(0px, 0%);
    top: auto;
    bottom: 0;
}

.arrow-layout-2.sidebar-arrow .slick-arrow.slick-prev {
    left: 0;
}

.arrow-layout-2.sidebar-arrow .slick-arrow.slick-next {
    right: 0;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul li {
    margin-bottom: 0;
    position: relative;
}

button:focus,
*:focus {
    outline: none;
}

button {
    background: transparent;
    border: none;
    padding: 0;
}

label {
    margin-bottom: 10px;
    font-weight: 500;
    line-height: normal;
}

img {
    max-width: 100%;
}

.form-group {
    position: relative;
    margin-bottom: 30px;
}

.section-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 1;
}

.section-bg-fix {
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 1;
}

/*.section-bg:before,
.section-bg-fix:before {
    content: '';
    background-color: rgb(var(--thm-color-four-rgb), var(--overlay-value, "50%"));
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}*/

.section-bg-fix.no-overlay:before,
.section-bg.no-overlay:before {
    display: none;
}

.mask_image {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.mask_image:before {
    content: '';
    background-image: var(--mask-image);
    position: absolute;
    display: block;
    background-color: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    pointer-events: none;
}

.mask_image.contain:before {
    background-size: contain;
}

/*CUrsor*/

.df-cursor {
    width: 7px;
    height: 7px;
    background-color: var(--thm-color-five);
    top: 0;
    left: 0;
}

.df-cursor2 {
    width: 30px;
    height: 30px;
    border: 1px solid var(--thm-color-five);
    top: 9px;
    left: 9px;
}

.df-cursor,
.df-cursor2 {
    position: absolute;
    transition: none;
    pointer-events: none;
    z-index: 99999;
    display: inline-block;
    transform: skewX(-10deg);
}

/*section-title*/

.section-header {
    max-width: 550px;
    padding-bottom: 30px;
    margin: 0 auto 0 0;
    position: relative;
}

.section-header.text-center {
    margin: 0 auto;
}

.section-header .subtitle {
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 10px;
}

.section-header .title {
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.section-header .text {
    margin-bottom: 0;
}

.section-header.text-start .title {
    justify-content: flex-start;
}

.section-header.text-start {
    margin-left: 0;
}

.section-header.text-white .title {
    color: var(--thm-white);
}

/*style two*/

.section-header.style_two {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.content {
    width: 215px;
    height: 215px;
    margin: auto;
    padding: 15px;
    background-color: rgba(146, 164, 255, 0.149);
    background-clip: content-box;
    border: 1px solid rgba(99, 66, 255, 0.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.content_wrapper {
    width: 245px;
    height: 245px;
    margin: auto;
    border: 1px solid rgba(99, 66, 255, 0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

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

h4.secondary {
    text-align: center;
    font-size: 30px;
    font-weight: 900;
    margin-top: 27px;
}

.companies.d-flex.align-items-center.justify-content-center img {
    height: 100%;
    max-width: 100%;
}

.avatar a img {
    width: 60px;
    height: 61px;
    border-radius: 50px;
}

.name.flex-grow-1 h6 {
    /* text-align: center; */
    /* top: 26px; */
    /* text-decoration: none; */
    display: flex;
    justify-content: flex-start;
    position: relative;
    top: 29px;
    left: 45px;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.556;
    color: #ffffff;
}

.name.flex-grow-1 h5 {
    display: flex;
    justify-content: flex-start;
}

.image-fit {
    width: auto;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.section-2 h1 {
    color: #0F20A7;
    font-family: "Poppins", Sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.3em;
    letter-spacing: -0.6px;
}

a {
    color: #01af7b;
    text-decoration: none;
}

p {
    margin: 0 0 18px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .0142857143em;
    line-height: 1.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    max-height: 7.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.p-lr {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

@media (max-width: 991.98px) {
    .p-lr {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

section.header-sectioon-area {
    padding: 30px 0 0;
    position: relative;
}

.h5-sttta-dp-boss h5 {
    color: #202124;
    font-weight: 600;
    line-height: 1.2;
    font-size: 19px;
    margin: 0;
}

.h6-stta-dp-boss h6 {
    color: #01af7b;
    font-size: 16px;
    font-weight: 600;
}

.downlode-rewiew h6 {
    font-size: 14px;
    width: 70px;
    margin: 0;
    color: rgb(32, 33, 36);
    fill: rgb(32, 33, 36);
    stop-color: rgb(32, 33, 36);
    font-family: "Google Sans", Roboto, Arial, sans-serif;
    font-size: .875rem;
    letter-spacing: .0178571429em;
    font-weight: 500;
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    white-space: nowrap;
}

.btn-light:hover {
    color: #000;
    background-color: #d3d4d5;
    border-color: #c6c7c8;
}

a:hover {
    color: #01af7b;
}

.downlode-rewiew p {
    font-weight: 400;
    color: #5f6368;
    letter-spacing: .5px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 13px;
    text-align: start;
}

.downlode-rewiew {
    border-right: 1px solid #e8eaed;
}

.install-button button {
    width: 200px;
    height: 44px;
    background-color: #01875f;
    border-radius: 8px;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    width: 100%;
}

@media (max-width: 991.98px) {
    .p-lr {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.XkAcee:not(:disabled) {
    color: #01875f;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

span.wishlist-link svg {
    fill: #01af7b;
    width: 18px;
}

.dp-boss-logo img {
    padding: 10px;
    border-radius: 20px;
    width: 240px;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    text-align: center;
    margin-top: 35px;
}

.dp-boss-logo {
    display: flex;
    justify-content: center;
}

.info-about-app h5 {
    margin-bottom: 18px;
}

.entertainment button {
    background-color: #f5f5f5;
    border: 1px #dadce0 solid;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    min-width: auto;
    position: relative;
    text-align: center;
    border-radius: 20px;
    padding: 6px 25px;
}

.icon-img {
    height: 20px;
    margin-right: 20px;
    margin-top: 9px;
    width: 20px;
}

.data-safety-point {
    color: #5f6368;
    border-radius: 8px;
    border: 1px solid #dadce0;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 20px 20px;
}

.safety-data {
    display: flex;
    align-items: start;
}

.text-line {
    color: #5f6368;
    fill: #5f6368;
    stop-color: #5f6368;
    font-family: Roboto, Arial, sans-serif;
    line-height: 1rem;
    font-size: .75rem;
    letter-spacing: .025em;
    font-weight: 400
}

.overall-reating {
    display: flex;
    gap: 15px;
    align-items: center
}

.product-rating {
    font-size: 50px;
    color: #202124;
    font-weight: 500
}

.stars {
    color: #d7d7d7
}

.stars i,
.stars span {
    font-size: 13px
}

.rating-text {
    margin-top: 0
}

.checked {
    color: #01875f
}

.total-star-box {
    width: 15%
}

.middle {
    width: 90%
}

.row:after {
    content: "";
    display: table;
    clear: both
}

.total-reting .star-retting {
    align-items: center;
    padding: 3px 0
}

.total-reting {
    width: 90%
}

.bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: white;
    border-radius: 30px;
    height: 10px
}

.bar-5 {
    width: 60%;
    height: 10px;
    border-radius: 30px;
    background-color: #04aa6d
}

.bar-4 {
    width: 30%;
    height: 10px;
    border-radius: 30px;
    background-color: #04aa6d
}

.bar-3 {
    width: 10%;
    height: 10px;
    border-radius: 30px;
    background-color: #04aa6d
}

.bar-2 {
    width: 4%;
    height: 10px;
    border-radius: 30px;
    background-color: #04aa6d
}

.bar-1 {
    width: 15%;
    height: 10px;
    border-radius: 30px;
    background-color: #04aa6d
}

.toparea {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.username {
    display: grid;
    align-items: center;
    grid-column-gap: 16px;
    grid-template-columns: repeat(2, max-content)
}

.firstltr {
    width: 32px;
    height: 32px;
    background: #00579b;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.userreting {
    padding: 20px 0 15px;
    display: flex;
    gap: 12px;
    font-size: 13px
}

.reviews-footer {
    align-items: center;
    display: flex;
    margin-top: 25px;
    gap: 20px
}

.footinfo {
    font-size: 13px
}

.Foot-Yes-No {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.Foot-Yes-No button {
    background-color: #f5f5f5;
    border: 1px #dadce0 solid;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    min-width: auto;
    position: relative;
    text-align: center;
    border-radius: 20px;
    padding: 2px 15px
}

.Foot-Yes-No button:hover {
    background-color: #e1e1e1
}

.userstar {
    color: #d7d7d7
}

.namebox {
    font-weight: 500
}

.rightpop .dropdown-toggle::after,
.rightpop .dropstart .dropdown-toggle::before {
    display: none
}

.rightpop .dropstart button.btn {
    font-size: 36px;
    padding: 4px;
    line-height: 0;
    background: #fff;
    border-radius: 30px
}

.rightpop button.btn:hover {
    background: #f5f5f5
}

.rightpop .dropdown-menu.show {
    display: block;
    box-shadow: 0 5px 18px #c9c9c9;
    box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%), 0 6px 10px 0 rgb(0 0 0 / 14%), 0 1px 18px 0 rgb(0 0 0 / 12%);
    border: 0;
    border-radius: 0;
    padding: 10px 0;
    transform: translate(-38px, 32px) !important
}

.rightpop .dropdown-item {
    padding-top: 8px;
    padding-bottom: 8px
}

.rightpop .dropdown-item:hover {
    background-color: #f7f7f7
}

.see-all-reviews button.btn {
    color: #01af7b;
    font-weight: 500;
    background: #fff;
    border: 0
}

.see-all-reviews button.btn:hover {
    background: #f5f5f5
}

.dev-info a {
    color: #202124;
    text-decoration: none;
    padding: 12px;
    position: relative;
    border-radius: 8px;
    display: block
}

.dev-info a:hover {
    background-color: #f5f5f5
}

.dev-info .icon {
    position: absolute;
    font-size: 18px
}

.devsuport {
    padding-left: 30px
}

.devsuport strong {
    font-weight: 600;
    font-size: 13px
}

.modal-dialog {
    max-width: 750px;
    margin-right: auto;
    margin-left: auto
}

.reating-popup .applogo-area {
    text-align: center;
    margin-top: 10px;
    margin-right: 15px
}

.reating-popup .applogo-area img {
    width: 90px
}

.modal-title p {
    font-size: 13px;
    font-weight: 400
}

.reating-popup .modal-content {
    height: 550px;
    overflow-x: auto
}

.reating-popup .btn-close {
    margin-top: -80px
}

.reating-popup .rightpop .dropdown-menu.show {
    transform: translate(-20px, 45px) !important
}

.mobile-view {
    display: none
}

.mobappinfo {
    display: flex;
    gap: 20px;
    max-width: 600px;
    overflow: scroll
}

.u4ICaf .aLey0c:not(:disabled) .VfPpkd-kBDsod {
    color: #01875f
}

.XkAcee:not(:disabled) {
    color: #01875f
}

.XkAcee {
    color: #01875f;
    fill: #01875f;
    stop-color: #01875f
}

.form-control {
    font-size: 12px;
    border-radius: 0;
    padding: 10px 6px
}

.brds-0 {
    border-radius: 0
}

@media(min-width:992px) and (max-width:1199.98px) {
    h1,
    h2 {
        font-size: 36px
    }
    .applogo-area {
        margin-top: 10px
    }
}

@media(max-width:991.98px) {
    body {
        font-size: 13px;
        font-weight: 300
    }
    h1,
    h2 {
        font-size: 30px
    }
    .tittle-logo-area {
        padding: 35px 0 0
    }
    .p-lr {
        padding-left: 20px;
        padding-right: 20px
    }
    .applogo-area img {
        width: 90px
    }
    .applogo-area {
        margin-top: 0
    }
    .mobile-view {
        display: block
    }
    .desktop-view {
        display: none
    }
    .brd-right {
        padding: 0 8px
    }
    .mob-app-info .iconbox {
        font-size: 12px;
        text-align: center;
        width: 105px
    }
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-nav .owl-prev {
        top: 40%
    }
}

@media(max-width:767.98px) {
    h1,
    h2 {
        font-size: 15px
    }
    .install-btn {
        width: 100%;
        height: 36px;
        background-color: #04c177;
        border: 0;
        border-radius: 34px
    }
    .app-info-right {
        padding-top: 40px
    }
    .total-star-box {
        width: 58%
    }
    .total-reting {
        width: 96%
    }
    .total-reting .star-retting {
        align-items: center;
        padding: 0
    }
    .modal-dialog {
        width: 90%
    }
    .wishlist {
        text-align: center;
        margin-top: 10px
    }
}

.images-popup .applogo-area img {
    width: 90px;
}

.images-popup .applogo-area {
    text-align: center;
    margin-top: 10px;
    margin-right: 15px;
}

.images-popup .btn-close {
    margin-top: -80px;
}

.Apps_Screen_Slider .testimon-caption button {
    padding: 0px 0px;
}

/*rating*/

/*---reating---*/

.rate-brd {
    padding: 0px 10px;
    align-items: center;
    float: none;
    height: 55px;
    line-height: 55px;
    border: 1px solid #ced4da;
    width: 100%;
}

.rate {
    float: left;
}

.rate:not(:checked)>input {
    position: absolute;
    top: -9999px;
}

.rate:not(:checked)>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: #ccc;
}

.rate:not(:checked)>label:before {
    content: '★ ';
}

.rate>input:checked~label {
    color: #04aa6d;
}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
    color: #04aa6d;
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
    color: #04aa6d;
}

.order-1 {
    order: 1 !important;
}

.data-safety-points {
    color: #5f6368;
    border-radius: 8px;
    border: 1px solid #dadce0;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 20px 20px;
}

.dev-info.mb-2 a {
    display: flex;
}

.slider-img img {
    padding: 0px 13px;
    box-sizing: border-box;
    border-radius: 14px;
}

.update-on {
    font-size: 14px;
    font-weight: 600;
}

@media (max-width: 991.98px) .dp-boss-logo {
    margin-top: 0;
}

@media (min-width: 992px) .order-lg-2 {
    order: 2 !important;
}

@media (min-width: 992px) .order-lg-2 {
    order: 2 !important;
}

.order-1 {
    order: 1 !important;
}

@media (max-width: 991.98px) {
    .dp-boss-downlode-details-section {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .dp-boss-logo img {
        margin-top: 0;
    }
}

/*responsive*/

@media (min-width:1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "— "
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid var(--bs-border-color);
    border-radius: .375rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: #6c757d
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }
    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333333%
    }
    .offset-sm-2 {
        margin-left: 16.66666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333333%
    }
    .offset-sm-5 {
        margin-left: 41.66666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333333%
    }
    .offset-sm-8 {
        margin-left: 66.66666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333333%
    }
    .offset-sm-11 {
        margin-left: 91.66666667%
    }
    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }
    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }
    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }
    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }
    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }
    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }
    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333333%
    }
    .offset-md-2 {
        margin-left: 16.66666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333333%
    }
    .offset-md-5 {
        margin-left: 41.66666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333333%
    }
    .offset-md-8 {
        margin-left: 66.66666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333333%
    }
    .offset-md-11 {
        margin-left: 91.66666667%
    }
    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }
    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }
    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }
    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }
    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }
    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }
    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333333%
    }
    .offset-lg-2 {
        margin-left: 16.66666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333333%
    }
    .offset-lg-5 {
        margin-left: 41.66666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333333%
    }
    .offset-lg-8 {
        margin-left: 66.66666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333333%
    }
    .offset-lg-11 {
        margin-left: 91.66666667%
    }
    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }
    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }
    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }
    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }
    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }
    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0 0%
    }
    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333333%
    }
    .offset-xl-2 {
        margin-left: 16.66666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333333%
    }
    .offset-xl-5 {
        margin-left: 41.66666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333333%
    }
    .offset-xl-8 {
        margin-left: 66.66666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333333%
    }
    .offset-xl-11 {
        margin-left: 91.66666667%
    }
    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }
    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }
    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }
    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }
    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }
    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1400px) {
    .col-xxl {
        flex: 1 0 0%
    }
    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-xxl-0 {
        margin-left: 0
    }
    .offset-xxl-1 {
        margin-left: 8.33333333%
    }
    .offset-xxl-2 {
        margin-left: 16.66666667%
    }
    .offset-xxl-3 {
        margin-left: 25%
    }
    .offset-xxl-4 {
        margin-left: 33.33333333%
    }
    .offset-xxl-5 {
        margin-left: 41.66666667%
    }
    .offset-xxl-6 {
        margin-left: 50%
    }
    .offset-xxl-7 {
        margin-left: 58.33333333%
    }
    .offset-xxl-8 {
        margin-left: 66.66666667%
    }
    .offset-xxl-9 {
        margin-left: 75%
    }
    .offset-xxl-10 {
        margin-left: 83.33333333%
    }
    .offset-xxl-11 {
        margin-left: 91.66666667%
    }
    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }
    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }
    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }
    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }
    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }
    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: 2px solid currentcolor
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem .25rem
}

.table-bordered>:not(caption)>* {
    border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #bacbe6;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #cbccce;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #bcd0c7;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #badce3;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #e6dbb9;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #dfc2c4;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #dfe0e1;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #373b3e;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

/**/

.app-slider .slick-prev:after {
    content: "\f104";
}

.app-slider .slick-arrow:after {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #fff !important;
    box-shadow: 0 0 6px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    font-family: 'Font Awesome 5 Pro';
    line-height: 2;
    font-size: 22px;
    z-index: 999;
    color: rgb(95, 99, 104);
}

.app-slider .slick-prev:before {
    content: "\f105";
}

.app-slider .slick-arrow:before {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: auto;
    right: 0px;
    width: 46px;
    height: 46px;
    font-family: 'Font Awesome 5 Pro';
    border-radius: 50%;
    background-color: #fff !important;
    box-shadow: 0 0 6px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    line-height: 2;
    font-size: 22px;
    z-index: 999;
    color: rgb(95, 99, 104);
}

button.slick-prev.slick-arrow {
    font-size: 0;
}

button.slick-next.slick-arrow {
    font-size: 0;
}

.iconbox.brd-right {
    color: #202124;
}

.safety-data div {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .0142857143em;
    line-height: 1.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    max-height: 7.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.usertext {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .0142857143em;
    line-height: 1.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    max-height: 7.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.footinfo {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .0142857143em;
    line-height: 1.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    max-height: 7.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dev-info.mb-2 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .0142857143em;
    line-height: 1.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    max-height: 7.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-app.developer-contact.ms-0.ms-md-4.ms-lg-4 h5 {
    color: #202124;
}