@charset "UTF-8";

/*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-padding {
    position: relative;
    padding: 50px 0;
}

.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;
    padding: 0 15px;
    text-align: center;
}
/* .downlode-rewiew:first-child {
    padding-left: 0;
} */
.downlode-tale-responsive {
    display: flex;
    align-items: center;
}
.downlode-rewiew p svg {
    margin-left: 9px;
}
.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;
}

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%
}

.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:20px
}
.devsuport strong{
    font-weight:600;
    font-size:13px
}
.dev-info.mb-2 a svg {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
    border-radius: 10px;
}
.dev-info.mb-2 a img {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
    border-radius: 10px;
}
.devsuport p i {
    font-size: 12px;
}
.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:126px
    }
    .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;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
}
.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;
}
.dev-infocc{
    display: flex;
    color:#202124;
    text-decoration:none;
    padding:12px;
    position:relative;
    border-radius:8px;
    
}

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

.devsuport-p{
    padding-left:30px
}

.play-logo img{ 
    width: 35px;
    height: auto;   
}

.play-logo {
    display: flex;
    align-items: center;
    margin-left: 15px;
    margin-right: 15px;
}
section.header {
    padding: 15px 0;
}
.play-logo p {
    margin-bottom: 0;
    margin-left: 10px;
    font-size: 25px;
    font-weight: 500;
    color: #000;
    /* padding-bottom: 6px; */
    line-height: 1.3;
}
.meni-items a {
    padding: 10px 8px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-right: 20px;
}
.meni-items a:hover {
    color: #01af7b;
    border-bottom: 2px solid;
}
.meni-items .active {
    color: #01af7b !important;
    border-bottom: 2px solid;
   
}
section.header.sticky {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99999;
    background: #fff;
}
.top-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    /* background: #ccc; */
}
.top-icon:hover {
    background-color: #ccc;
}
.header-right {
    display: flex;
    align-items: center;
    justify-content: end;
    margin: 0 auto;
    margin-right: 15px;
}
.whatsapp-btn {
    background: #25D366;
    width: 70px;
    height: 70px;
    position: fixed;
    right: 4%;
    bottom: 4%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}
.whatsapp-btn i {
    color: #fff;
    font-size: 30px;
}
.h5-sttta-dp-boss h1 {
    color: #000;
}
ul.menu-list {
    display: flex;
    align-items: center;
}
.navigation-wraepper {
    display: flex;
    align-items: center;
}
.slider-img {
    margin: 15px;
}
.devsuport p {
    margin-bottom: 0;
    font-size: 16px;
}
span.fa.fa-user {
    background: #ccc;
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.ft-items li a {
    color: #000;
    font-weight: 500;
}
.ft-items li a:hover {
    color: #01875f;
}
.ft-items li {
    padding-bottom: 8px;
}
.ft-bottom-list {
    display: flex;
    align-items: center;
}
.ft-bottom-list li {
   padding-right: 15px;
}
.ft-bottom-list li a {
   color: #000;
 }

 .ft-bottom-list li a:hover {
    color: #01875f;
}
.ft-contry {
    display: flex;
    align-items: center;
    justify-content: end;
}
.ft-contry p {
    margin-bottom: 0;
    padding-left: 15px;
}