/* #section{
    color: #040D12;
} */
.dot-bg{
    background-image: url(../img/dotted.png);
    background-repeat: no-repeat;
    background-position:center;
    background-size: 120%;
    height: 500px;
  
}
.bg-1 {
    border-radius: 20px;
    border: 1px solid #00ABEB;
    background: #F5F7FB;
}
.bg-bot{
    background-image: url(../img/bg-1.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 30%;      
}
.button-yellow {
    border-radius: 5px;
    background: linear-gradient(180deg, #F8B52A 0%, #E39611 100%);  
}
.bg-whole {
    background: url(../img/bg-upsell.png), #fffcfc -208.236px -139.765px / 148.76% 153.453% no-repeat;
    background-repeat: no-repeat;
    background-position:inherit;
    background-size: 100%;   
}
.bg-whole-1{
    background: rgba(134, 134, 134, 0.40);
}
.bg-affiliate {
    border-radius: 10px;
    background: #500005;
    box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.15);

}
.step {
    border-radius: 10px 10px 0px 0px;
    background: #9E4E53;
    box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.15);
    padding: 17px 45px;

}
.step-1 {
    border-radius: 10px;
    background: #F1F1F1;
    box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.15);
}
.bot-aff {
    border-radius: 15px;
    border: 1px solid #9E4E53;
    background: #F6F6F6;
}
.h-290 {
    height: 230px;
}
.bt-1 {
    border-radius: 12.37px;
    background-image: linear-gradient(90deg, #FFE600 -8%, #FFC300 81.3%);
    padding: 20px 20px;
    border: 1px solid #FFF700;;
}
.bt-2 {
    width: 209px;
    padding: 15px;
    filter: drop-shadow(0px 3.119999408721924px 6.239998817443848px rgba(0, 0, 0, 0.16));
    background: linear-gradient(0deg, rgba(121, 121, 121, 0.50) 7.99%, rgba(143, 143, 143, 0.50) 67.86%);
    border-radius: 10px;
}

.b-r-1 {
    border: 1px solid #000;
}
.b-r-2 {
    border-radius: 25px;
    background: #FFF;
    box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.25);
}
.sales-br {
    background-color: #F3F6F7;
    border: 0.825px solid #046055 ;
    border-radius: 20px;
}
.sales-br-1 {
    background-color: #ECFEEF;
    border: 0.825px solid #046055 ;
    border-radius: 20px;
}

@font-face {
    font-family:Droid-Sans-Regular;
    src:url(../fonts/DroidSans.ttf)
}
@font-face {
    font-family:Droid-Sans-Bold;
    src:url(../fonts/DroidSans-Bold.ttf)
}
.d-r {
    font-family:Droid-Sans-Regular;
    font-weight: 400;
}
.d-b {
    font-family:Droid-Sans-Bold;
    font-weight: 700;
}
.bg-head-1 {
    background: var(--Shade, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%));
}
.bg-w {
    background: var(--Shade, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #104ecb 0%, #206FFF 100%));
    width: 88%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-left: -35%;
    padding-right: 20px;
    padding-left: 35%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.head {
    background-image: url(../img/head.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;  
}
.header{
    background-image: url(../img/header.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain; 
    position: relative; 
}
.s-b-head {
    border-radius: 15px;
    background: var(--White, #FFF);
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10);

}
.s-b-head-1 {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10);
}
.s-b-head-2 {
    border-radius: 20px;
    background: #F3F9FB;
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10);
}

.s-2 {
    border-radius: 478px;
    background:  lightgray -166.103px -101px / 182.905% 142.259% no-repeat;
    box-shadow: 4px 4px 90px 10px #00E0FF;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;  
}
.brc {
    border-radius: 15px;
    border: 1px solid var(--800, #0E49B5);
}
.s-3{
    background-image: url(../img/s-3.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain; 
}
.bg-b-1 {
    border-radius: 20px 0px;
    background: var(--Shade, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%));
    max-width: 387px;
}
.bg-b-10 {
    border-radius: 0px 0px 15px 15px;
    border: 1px solid var(--800, #0E49B5);
    background: var(--Shade, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%));
}
.bg-s8 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, #153E90 0%, #206FFF 89.55%);
    background-repeat: no-repeat;
    background-position: right;
}
.s-9{
    background-image: url(../img/bg-s10.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain; 
}
.s-32 {
    background-image: url(../img/money-32.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain; 
}
.s-41 {
    background-image: url(../img/s-41.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain; 
}
.s-68 {
    background-image: url(../img/s-68.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain; 
}
.border-1 {
    border: 1px solid #153E90;
}
.bg-s12{
    background-image: url(../img/s-12.png), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain; 
}
.s-13{
    background: url(../img/s-13.png);
    background-repeat: no-repeat;
    background-position: left 6px ;
    background-size: cover 
}
.bg-mark-1 {
    background-image: url(../img/mark-1.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;  
}
.bg-mark-2 {
    background-image: url(../img/mark-2.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;  
}
.bg-mark-3 {
    background-image: url(../img/m-3.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 30%;  
}
.bg-mark-4 {
    background-image: url(../img/m-4.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 30%;    
}
.bg-percent {
    background: var(--Shade, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%));
    border-radius: 50%;
    width: 150px;
    height: 150px;
    padding: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bg-shade {
    border-radius: 15px;
    background: var(--Shade, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%));
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10);
}
.s-17-text {
    border-radius: 0px 0px 15px 15px;
    opacity: 0.7;
    background: var(--Black, #040D12);
    backdrop-filter: blur(65px);
    padding: 8px;
}
.text-y {
    color: var(--400, #FFFAA4)
}

.s-22 {
    border-radius: 0px 0px 15px 15px;
    border: 1px solid var(--800, #0E49B5);
    background:  url(../img/s-21.png), var(--Shade, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%));
    background-repeat: no-repeat; 
    background-position: right;
    background-size: cover;
}
.s-22-1 {
    background-image: url(../img/s-22.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain; 
}
.s-26 {
    background-image: url(../img/point.png);
    background-repeat: no-repeat;
    background-position: 657px bottom;
    background-size: 38%;
    position: relative;
}
.s-26-1 {
    background-image: url(../img/green-blong.png);
    background-repeat: no-repeat;
    background-position: 654px bottom;
    background-size: 42%;
}

.bg-back{
    background-image: url(../img/s-back.png), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain; 
}
.s-46{
    background-image: url(../img/s-46.png), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain; 
}
.bg-med-1 {
    background-image: url(../img/med.png), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #1e458c 100%);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.s-37 {
    background-image: url(../img/s-37.png), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #1e458c 100%);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.sub-manik {
    border-radius: 20px;
    background: var(--White, #FFF);
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10);

}
.sub-manik-2 {
    background-image: url(../img/s-manik.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain; 

}
.s-39 {
    background-image: url(../img/china-man.png);
    background-repeat: no-repeat;
    background-position: left 13px;
    background-size: 36%;      
}
.bg-c1 {
    color: white;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border: 10px solid #ffffff;
    border-radius: 50%; 
 
}
.br-t-b {
    border-radius: 15px 15px 0px 0px;
    border: 1px solid var(--800, #0E49B5);
    background: var(--Shade, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%));
}
.br-t-b-1 {
    border: 1px solid var(--800, #fff);
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10);

}
.br-t-b-2 {
    border-radius: 0px 0px;
    border: 1px solid var(--800, #0E49B5);
    background: var(--Shade, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%));
}
.br-t-b-3 {
    border: 1px solid var(--800, #fff);
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10);
    border-radius: 0px 0px 15px 15px;

}
.bg-s54{
    background-image: url(../img/bg-s54.png);
    background-repeat: no-repeat;
    background-position: inherit;
    background-size: cover; 
}
.br-gw {
    border: 8px solid #009045;
    height: 610px;
}
.s-holy {
    background-image: url(../img/holy.png);
    background-repeat: no-repeat;
    background-position: 436px -194px;
    background-size: 64%;
}
.sales-1 {
    border-radius: 15px 15px 0px 0px;
    background: #E4E4E4;
}
.sales-1-1 {
    border-radius:0px 0px 15px 15px ;
    background: var(--1000, #153E90);
}
.sales-6 {
    border-radius: 15px 15px 0px 0px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(100deg, #153E90 7.35%, #206FFF 78.43%);
}
.btn-source:hover {
    cursor: pointer;
    background: #D2E2FF;
}












@media only screen and (max-width:1300px) {
    .pquery {
        padding: 100px 20px 0px 10px;
    }
    .adjust-1k {
        width: 125px;
    }
    .adjust-1k-1 {
        width: 225px;
    }
    
    
}



@media only screen and (max-width:1200px) {
    .w-100 {
      width: 100%;
    }

    .pt-0{
        padding-top: 30px;
    }
    .pt--0{
        padding-top: 0px;
    }
    .pt--1{
        padding-bottom: 30px;
    }
    .mt--0{
        margin-top: 0px;
    }
    .dot-bg{
        background-image: url(../img/dotted.png);
        background-repeat: no-repeat;
        background-position:cover;
        background-size: 100%;      
    }
    .s-13{
        background: url(../img/s-13.png) #DDECF3 0px -305.283px / 100% 231.617% no-repeat;;
        background-repeat: no-repeat;
        background-position: left 6px ;
        background-size: cover 
    }
    .f-wap {
        flex-wrap: wrap;
    }
    .s-22-1 {
        background-image: url(../img/s-22.png);
        background-repeat: no-repeat;
        background-position: -120px;
        background-size: contain; 
    }
    .s-holy {
        background-image: url(../img/holy.png);
        background-repeat: no-repeat;
        background-position: 436px 94px;
        background-size: 64%;
    }
    .bg-w {
        background: var(--Shade, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #104ecb 0%, #206FFF 100%));
        width: 85%;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        margin-left: -35%;
        padding-right: 20px;
        padding-left: 37%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
 
    
 
    
  

    
    
}



@media only screen and (max-width:1000px) {
    .w-100-1 {
      width: 100%;
    }
    .bot {
        left: -7%;
    }
    .mt--44 {
        margin-top: -44px;
    }
    .pquery {
        padding: 100px 20px 0px 10px;
    }
    .h-100 {
        height: 100%;
    }
    .w-respo {
        width: 43%;
    }
    .centre-respo {
   
        justify-content: center;
        align-items: center;
    }
    .s-3{
        background-image: url(../img/s-3.png);
        background-repeat: no-repeat;
        background-position: -100px;
        background-size: contain; 
    }
    .s-9{
        background-image: url(../img/bg-s10.png);
        background-repeat: no-repeat;
        background-position: -100px;
        background-size: contain; 
    }
    .bg-s12{
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%);
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain; 
    }
    .s-13{
        background: url(../img/s-13.png) #DDECF3 0px -305.283px / 100% 231.617% no-repeat;;
        background-repeat: no-repeat;
        background-position: -100px 6px ;
        background-size: cover 
    }
    .s-22-1 {
        background-image: url(../img/s-22.png);
        background-repeat: no-repeat;
        background-position: -210px;
        background-size: contain; 
    }
    .s-37-1 {
        background-image: url(../img/china-man.png);
        background-repeat: no-repeat;
        background-position: -100px 13px;
        background-size: 36%;      
    }
    .s-32 {
        background-image: url(../img/money-32.png);
        background-repeat: no-repeat;
        background-position: 150px;
        background-size: contain; 
    }
    .s-41 {
        background-image: url(../img/s-41.png);
        background-repeat: no-repeat;
        background-position: 750px;
        background-size: contain; 
    }
    .s-68 {
        background-image: url(../img/s-68.png);
        background-repeat: no-repeat;
        background-position: 750px;
        background-size: contain; 
    }
    
    


    
  
}



@media only screen and (max-width:767px) {
    .s-unmasking, .s-deficiency, .s-effective {
        background-image: none;
    }
    .pquery {
        padding:30px 0px 0px 0px;
    }
   
    .step {
        border-radius: 10px 10px 0px 0px;
        background: #9E4E53;
        box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.15);
        padding: 10px 30px;
    
    }
    .w-respo {
        width: 80%;
    }
    .s-3{
        background-image: none; 
    }
    .s-9{
        background-image: none; 
    }
    .bg-mark-1 {
        background-image: none;  
    }
    .bg-mark-2 {
        background-image: none; 
    }
    .s-22-1 {
        background-image: none; 
    }
    .bg-back{
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%);
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain; 
    }
   
    .s-13{
        background:  #DDECF3;
        background-repeat: unset;
        background-position: unset ;
        background-size: unset;
        border-radius: 15px 15px 0px 0px;
    }
    .bg-percent {
        background: var(--Shade, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%));
        border-radius: 50%;
        width: 75px;
        height: 75px;
        padding: 49px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .bg-back{
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%);
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain; 
    }
    .bg-med-1 {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%);
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain;
    }
    .s-37 {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%);
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain;
    }
    .s-39 {
        background-image: none;      
    }
    .s-32 {
        background-image: none;
        
    }
    .s-46{
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%);
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain; 
    }
    .s-holy {
        background-image: none;
    }
    .w-80 {
        width: 80%;
    }
    .bt-1 {
        border-radius: 12.37px;
        background-image: linear-gradient(90deg, #FFE600 -8%, #FFC300 81.3%);
        padding: 15px 15px;
        border: 1px solid #FFF700;;
    }
    .header{
        background: none;
    }
    .head {
        background-image: none;  
    }
    .bg-w {
        background: var(--Shade, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #104ecb 0%, #206FFF 100%));
        width: 70%;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        padding: 20px 20px 20px 100px;
        margin-left: -9%;
    }
 
    
   
}
@media only screen and (max-width:500px) {
   
    .w-respo {
        width: 100%;
    }
    .w-60-m{
        width: 80px;
    }
    .bg-w {
        background: var(--Shade, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #104ecb 0%, #206FFF 100%));
        width: 100%;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        padding: 10px 10px 10px 40px;
        margin-left: -9%;
    }
   
}

/* TSL V2 */
.custom-white-container {
    border-radius: 15px;
    background: var(--White, #FFF);
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10);
}

.custom-whitev2-container {
    border-radius: 20px;
    background: var(--White, #FFF);
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10);
}

.custom-blue-container {
    border-radius: 15px 0px;
    background: var(--Shade, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%));
}

.custom-border-container {
    border-radius: 15px;
    border: 1px solid var(--800, #0E49B5);
    background: var(--White, #FFF);
}

.custom-border2-container {
    border-radius: 0px 0px 15px 15px;
    border: 1px solid var(--800, #0E49B5);
    background: var(--Shade, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(105deg, #153E90 0%, #206FFF 100%));
}

.custom-box {
    border-radius: 10px;
    border: 1px solid #0E49B5;
}