/*----------------- LANDIG PAGE ----------------*/

:root {
    --dark-gray: #231f20;
    --white: #ffffff;
    --light-box-action: #daebff;
    --dark-blue: #0c0d19;
    --deep-blue: #1823a0;
    --light-yellow: #fefdbd;
    --light-purple: rgba(221, 69, 199, 0.15);
    --light-green: #e7f5e3;
    --green: #4fc642;
    --yellow: #fdd900;
    --purple: #f7146c;
    --light-purple: rgba(247,20,108,0.1);
    --white: #ffffff;
    --light-blue: #dbdbee;
    --light-box:#f2f2f9;
    --gray-light-bord:#dbdbee;

  }


h2{
    font-size: 40px;
    color: var(--deep-blue);
    font-weight: 900;
    line-height: 50px;
    font-family: 'Poppins', sans-serif;
}

h3{
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 0px;
    color: var(--dark-gray);
    font-family: 'Poppins', sans-serif;
}

h4{
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-gray); 
    margin: 40px 0px 0px 0px;
    font-family: roboto, Arial, Helvetica, sans-serif;
}

p{
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: var(--dark-gray);
    margin: 15px 0px;
    font-family: roboto, Arial, Helvetica, sans-serif;
}

.cr{
    color: var(--blue-dark);
}

.navbar-brand {
    padding: 0;
    margin: auto 0;
}

.sid-menu-hold{
    align-self: start;
    position: sticky;
    top: 60px;
    height: 100vh;
    padding: 30px 30px 0 0;
    border-right: 1px solid var(--light-blue);
}

.cta{
    position: relative;
    background-color: var(--deep-blue);
    overflow: hidden;
}

.fe{
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.cta h2{
    color: white;
    text-transform: uppercase;
}

.cta h3{
    color: white;
}

.is-sticky .default-header{
    background-color: var(--white);
    box-shadow: 0px 0px 20px 0px rgba(158, 158, 158, 0.2);
    transition: all 0.0s ease 0s;
}

.footer-area {
    margin: 0;
    padding: 0px 0;
    background-color: var(--dark-blue);
}

.footer-area h2{
    background: linear-gradient(65deg, rgba(6, 119, 255, 1) 0%, rgba(221, 69, 199, 1) 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
}

.footer-empt{
    border-right: 1px solid #000000;
}

.footer-bottom p{
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
}

.footer-nav{
    display: flex;
    gap: 20px;
    margin: auto;

}

.footer-area .footer-nav li {
    margin:0 ;
  }


.footer-hold{
    background-color: #000;
  }

  .footer-bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    padding: 30px 0px;
    align-items: center;
}  


.footer_main{
    display: grid;
    justify-content: space-between;
    align-items: center;
}

.footer_main_logo{
    height: 30px;
    filter: brightness(50);
}

.footer-area .footer-nav li a {
    font-size: 15px;
    color: #ffffff;
    font-weight: 300;
}

.footer-area .footer-nav li a:hover{
    color: #fff;
    opacity: 0.8;
}

.sup_hold{
    position: relative;
    padding: 60px;
    justify-content: center;
    max-width: 800px;
    margin: 0 auto;
    z-index: 1;
}


code {
    padding: 0.2rem 0.4rem;
    font-size: 90%;
    color: var(--deep-blue);
    background-color: var(--light-box);
    border-radius: 0.25rem;
}

.hljs {
    background: var(--light-box)!important;
    border-radius: 6px;
}

pre code.hljs {
    overflow-x: auto;
}

.int-note{
    display: flex;
    gap: 20px;
    padding: 10px 15px;
    margin: 20px 0px;
    border-radius: 6px;
    background-color: var(--light-box-action);
    border: 1px solid var(--blue);
}

.int-caution{
    display: flex;
    gap: 20px;
    padding: 10px 20px;
    margin: 20px 0px;
    border-radius: 6px;
    border: 1px solid var(--light-purple);
    background-color: var(--light-purple);
}

.sdk-cont-hold{
    padding: 0 0 0 0px;
    width: 100%;
    background:rgba(6,119,255,0.05);


}

.sdk-cont .int-caution img{
    border: 0px;
    border-radius: 0px;
}

.hold_st_arr{
    display: flex;
    justify-self: center;
}

.word_break{
    word-break: break-all;
}

.line_title.dev_name{
    text-decoration: underline;
    color: var(--blue);
}
 
.st_arr{
    width: 15px; 
}

.step_icon{
    display: flex;
    justify-content: end;
}

#in-sim-page.lp_page{
    background-color: #000730;
}

.inner_sim ul>li{
    list-style: disc;
}

.inner_sim .l-alpha ol>li {
    list-style: lower-alpha;
}

.pp .inner_sim_sec ol>li {
    padding-left: 10px;
    margin-left: 20px;
    list-style: lower-alpha;
}


.dots_set_a{
    max-width: 100%;
    position: absolute;
    top: -100px;
    left: 0;
    right: 0;
    margin: auto;
    transition: transform .1s;
}

.dots_set_b{
    max-width: 100%;
    position: absolute;
    top: -100px;
    left: 0;
    right: 0;
    margin: auto;
    transition: transform .1s;
}
ד
span u{
    color: var(--blue);
    font-weight: 400;
    cursor: pointer;
}

u a{
    color: var(--blue);
    font-weight: 400;
    cursor: pointer;
}


.dots_back span{
    display: none;
}


.dots_back {
    animation:0.3s ease 0.4s normal forwards 1 fadein;
    -webkit-animation:0.4s ease 0.4s normal forwards 1 fadein;
    opacity:0;
    z-index: -1;
    }
    
    @keyframes fadein{from{opacity:0, }
    to{opacity:1}
    }
    
    @-webkit-keyframes fadein{from{opacity:0}
    to{opacity:1}
    }


.blue_title_sep{
    display: flex;
    align-items: center;
    margin-top: 120px;
}

.inner_sim_sec .inner_sim .blue_title{
    width: 550px;
    color: var(--blue);
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 15px;
    text-align: center;
    text-transform: uppercase;
    padding-left: 15px;
}

.bor_blue{
    width: 50%;
    border-top: 1px solid rgba(0 154 255 / 40%);
}


.sep_ap{
    width: 50px;
    margin-bottom: 10px;
}

.sid_grid{
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 0px;
    justify-content: space-around;
}


.st_num_a{
    width: 60%;
}
.st_num_b{
    width: 80%;
}

.st_icon{
    height: 90px;
    justify-content: flex-end;
    display: flex;
}

.ap_cont{
    height: 100px;
}

.inner_sim .lp_bottom p{
    color: #fff;
    font-size: 25px;
    line-height: 2.2rem;
}

.inner_sim .sup_hold.lp_bottom h3{
    font-size: 55px;
    color: #fff;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}

.lp_page-pub .sup_hold {
    width: 100%;
    padding-bottom: 250px;
}

.lp_page{
    background-image: url(../img/lp_galaxy_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

#inner.lp_page-pub{
    background-color: #000730;
}

.green-mark{
    padding: 4px 12px 6px;
    color:rgba(79,197,66,1);
    background:rgba(79,197,66,0.2);
    border-radius: 50px;
    font-weight: 400;
}

.yellow-mark{
    padding: 4px 12px 6px;
    color:rgba(250,215,0,1);
    background:rgba(250,215,0,0.15);
    border-radius: 50px;
    font-weight: 400;
}

.hold-box.box-two-step p{
    color: #fff;
    font-weight: 300;
    font-size: 25px;
    line-height: 3.2rem;
}

.hold-box.box-two-step h1{
    color: #fff;
    font-weight: 700;
    margin: 30px 0px;
}

.hold-box{
    border-radius: 20px;
    padding: 35px;
    background: linear-gradient(#010d3e, #010d3e) padding-box,
    linear-gradient(145deg, rgba(0,154,255,1) 0%, rgba(0,46,104,1) 45%) border-box;
    border-image: linear-gradient(to right, red, blue) 1;
    border: 3px solid transparent;
}

.hold-box.green-bord{
    border-radius: 20px;
    padding: 35px;
    background: linear-gradient(#010d3e, #010d3e) padding-box,
    linear-gradient(145deg, rgba(79,197,66,1) 0%, rgba(0,46,104,1) 45%) border-box;
    border-image: linear-gradient(to right, red, blue) 1;
    border: 3px solid transparent;
}
.hold-box.yellow-bord{
    border-radius: 20px;
    padding: 35px;
    background: linear-gradient(#010d3e, #010d3e) padding-box,
    linear-gradient(145deg, rgba(250,215,0,1) 0%, rgba(0,46,104,1) 45%) border-box;
    border-image: linear-gradient(to right, red, blue) 1;
    border: 3px solid transparent;
}
  
.adshead .grid_line_thr {
    margin-top: 100px;
    grid-template-columns: repeat(3, 30%);
    justify-content: space-between;
}

.inner_sim .navbar-nav{
    background-color: rgba(0,0,0,0);
}

.adshead .inner_sim .grid_line_thr p{
    font-weight: 300;
    color: #fff;
}
.adshead .inner_sim .grid_line_thr h2{
    margin: 20px 0 30px 0;
}


.adshead{
    background-image: url(../img/lp_galaxy_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-color: #000730;
    padding: 100px 0 100px 0;
}

.adstxt-top-hold{
    margin: 60px 0 100px 0;
    padding: 30px 35px;
    border-radius: 10px;
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.adstxt-bg{
    margin: 60px 0 100px 0;
    padding: 30px 35px;
    border-radius: 10px;
    background-color: RGBA(0,58,130,0.7);
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.adstxt-wel-bg{
    text-align: center;
    margin: 0px 0 80px 0;
    padding: 20px 25px;
    border-radius: 10px;
    background-color: RGBA(0,58,130,0.7);
}

.ads-inn-con .inner_sim h3{
    margin-top: 80px;
    text-transform: none;
    width: 100%;
}


.ads-inn-con .inner_sim h2{
    width: 70%;
    margin: 0 auto;
}

.ads-page .bold_title_head {
    font-weight: 700;
    border-bottom: 0px solid var(--blue);
    color: var(--blue);
    padding: 0px!important;
}

.ads-page .bold_title_head_green {
    color: #4fc542;
    font-weight: 700;
}

.wo_sp{
    margin: auto 3px;
}

.st_sep{
    border-left: 1px solid rgb(0 154 255 / 40%);
    height: 65px;
    width: 20px;
    position: absolute;
    left: 45px;
    top: 95px;
    bottom: 0;
}


/*-----------------END LANDIG PAGE ----------------*/

.single-footer-widget .cont-us{
    margin-left: auto;
}

 .two_btn{
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin: 0 auto;
}

.hold_more_app{
    display: grid;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: start;
    grid-template-columns: repeat(6, 1fr);
}

.hold_more_app_all{
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-width);
}

.hold_more_app_all .app_img{
    width: 100%;
}

.miss_line{
    border-bottom: 4px solid #4fc542;
    padding-bottom: 0px;
}



.loading_icon{
        width: 100px;
        position: fixed;
        z-index: 9999;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

.toggle-text-content span {
    display: none;
}

.toggle-text{
    animation:0.3s ease 0.1s normal forwards 1 fadein;
    -webkit-animation:0.3s ease 0.1s normal forwards 1 fadein;
    opacity:0
    }
    
    @keyframes fadein{from{opacity:0, }
    to{opacity:1}
    }
    
    @-webkit-keyframes fadein{from{opacity:0}
    to{opacity:1}
    }


.wave {
    background: url(../img/wave.svg) repeat-x;
    
    position: absolute;
    top: -198px;
    width: 6400px;
    height: 198px;
    animation: wave 40s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.2;
}

.wave_up {
    background: url(../img/wave.svg) repeat-x;
    
    position: absolute;
    top: -198px;
    width: 6400px;
    height: 198px;
    animation: wave 40s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.2;
}

.wave:nth-of-type(2) {
    top: 50%;
    animation: wave 40s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
    opacity: 0.15;
}

@keyframes wave {
    100% {
        margin-left: 0;
   }
    0% {
        margin-left: -1600px;
   }
}


.inner_sim .count-main h1{
    font-size: 80px;
    font-weight: 500;
    text-align: center;
    color:var(--blue);
}

.inner_sim .count-main p{
    font-size: 25px;
    text-align: center;
    color:var(--blue);
    font-weight: 500;
    margin-top: 20px;
}

.inner_sim.count-main-cont{
    padding-top: 100px;
}

.hold-wave{
    background-image: url(../img/blue_wave.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


.app_desc{
    margin-top: 30px;
    font-size: 15px;
    line-height: 22px;
    font-family: roboto;
}

.count-number{
    margin-left: -20px;
    width: 290px;
}


#more {display: none;}

.ba_icon{
    width: 18px;
    margin-right: 8px;
}

.imput_wrapper {
    position: relative;
    background: #ebeff2;
    padding: 0px;
    font-family: roboto;
    border-radius: 4px;
    line-height: 40px;
}

  
  .label_b{
    position: absolute;
    left: 0px;
    font-size: 13px;
    transition: transform .2s;
    transform-origin: top left;
    font-weight: 400;
  }
  
  .input_b {
    font-size: inherit;
    box-sizing: border-box;
    width: 100%;
    background-color: var(--white);
    border: none;
    border-bottom: 1px solid var(--deep-blue);
    padding-left: 8px;
  }
  
  .input_b:invalid {
    border-bottom: 1px solid var(--purple);
  }
  
  .input_b:focus {
    outline: none;
    background: var(--light-box-action);
  }

 
  
  .input_b:is(:focus, :not([value=""]))+.label_b,
  .input_b:not(:placeholder-shown) +.label_b
  {
    transform: translateY(-1.85em) translateX(0em) scale(0.85);
    font-weight: 400;
    color: var(--blue);
    opacity: 0.7;
  }

.main_text{
    opacity: 1;
}

.exitpopup-modal-window .edit_icon {
    height: 50px;
}

.exitpopup-modal-window .ed_hold {
    height: 50px;
    width: 50px;
    background-color: rgba(0 154 255 / 0);
}

.btn_cir_lang {
    transform: rotate(90deg);
    width: 20px;
    height: 20px;
    background-color: rgba(0 154 255 / 0%);
    color: var(--blue);
    border: 0px;
    border-radius: 20px;
    cursor: pointer;
    font-family: roboto;
    display: flex;
    justify-content: space-around;
    font-family: monospace;
    font-size: 25px;
    padding: 0px;
    margin-right: 2px;
}

 .dropbtn {
    color: white;
    padding: 0px;
    font-size: 13px;
    font-family: "Poppins", sans-serif;
    border: none;
    cursor: pointer;
    width: auto;
    text-align: left;
    background-color: rgba(0,0,0,0);
    font-weight: 500;
}
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown_lang {
    position: relative;
    z-index: 20;
    display: flex;
    margin-left: 25px;
    font-weight: 500;

  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content_lang {
    display: none;
    position: absolute;
    background-color: rgba(0 154 255 / 90%);
    min-width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    color: #fff;
  }
  
  /* Links inside the dropdown */
  .dropdown-content_lang a {
    color: #ffffff;
    padding: 10px;
    text-decoration: none;
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 400;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content_lang a:hover {background-color:  rgba(255 255 255 / 30%)}
  
  /* Show the dropdown menu on hover */
  .dropdown_lang:hover .dropdown-content_lang {
    display: block;
  }
  
  /* Change the background color of the dropdown button when the dropdown content is shown */
  .dropdown_lang:hover .dropbtn_lang {
    background-color: #3e8e41;
  }






.lo_le{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.selectlan{
    margin-left: 20px;
    margin-top: 7px;

}

.selectlan select{
    background-color: rgba(0,0,0,0);
    color: #ffffff;
    border: 0px;
}



.ad_tx_bg{
    background-color: #fbd800;
    padding: 5px 10px;
    border-radius: 50px;
}



.pu_tx_bg{
    background-color: #4fc642;
    padding: 5px 10px;
    border-radius: 50px;
}


.faq_teaser{
    margin-top: -250px;
    float: right;
    width: 50%;
}


  .answers a{
    color:#33bffa;
   }
  
  .faqs{
     background-image: url(../img/top_bg_lines_2.jpg);
     background-repeat: no-repeat;
     background-position: top right;
   }
  
  .botton-lines-bg{
        background-image: url(../img/top_bg_lines_bottom.jpg);
        background-repeat: no-repeat;
        background-position: bottom left;
        background-size: contain;
    margin-top: -450px;
    height: 590px;
    z-index: -1;
    position: relative;
  
  }
  
   .faqs_imdex{
        background-color: #33bffa;
      padding: 3%;
   }
   
   .faqs_imdex .container {
      padding-left: 15%;
      padding-right: 15%;
   }
   
  .faqs_bg{
      margin-top:12%;
  }	
      
  /* header settings */
  .header > input { display: none; }
  
  .header > label {
    display: none;
    width: 3em;
    height: 3em;
    margin-left: 1em;
    margin-top: .5em;
    background-size: contain;
    background-image: url("https://drive.google.com/uc?export=view&id=0B6od18BhWGl5eWhtZzJUaFA0SjA");
    background-repeat: no-repeat;
  }
  
  
  
  /* end header settings */
  
  .inner-faqs{
    margin-top:150px;
  }
  
  .faqs .inner-faqs .container{
      max-width: 1250px;
    background-color: #e7edf0;
    border-radius: 10px;
    padding: 4%;
  
  }
  
  
  
  .faqs_index .question:hover {
    color: #ffffff;
  }
  
  
  .question:hover {
    color: var(--blue);
  }
  
  .faqs-main-title{
    height: 200px;
    color: #000000;
    margin-top: 60px;
    align-items: center;
  }
  
  
  
  .content {
    width: 100%;
    padding: 30px;
    margin: 0 auto;
    padding: 0 0px 0 0;
  }
  
  .leftplease {
    margin: 0 auto;
    width: 100vw;
    font-size: 150%;
    text-align: left;
    margin-top: 3em;
    padding: 5px;
  }
  
  .question {
    position: relative;
    background: rgba(0,0,0,0);
    margin: 0;
    padding: 15px 10px 15px 50px;
    display: block;
    width:100%;
    cursor: pointer;
    text-align: left;
    border-top: 1px solid rgba(0, 7, 48, 0.15);
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    color: #000730;
    font-size: 17px;
  }
  .question.q_bottom {
      border-bottom: 1px solid rgba(0, 7, 48, 0.15);
      
  }
  
  .ans-b-bordder{
    border-bottom: 1px solid rgba(0,0,0,0.3);
  }
  
  .ans_bottom{
      border-bottom: 1px solid #000000;
  }
  
  .answers {
    background: rgba(255,255,255,0);
    padding: 0px 0px;
    margin: 0px 0;
    height: 0;
    overflow: hidden;
    z-index: 15;
    position: relative;
    opacity: 0;
    -webkit-transition: .7s ease;
    -moz-transition: .7s ease;
    -o-transition: .7s ease;
    transition: .7s ease;
    font-weight: 400;
    text-align: left;
  }
  
  .questions:checked ~ .answers{
    height: auto;
    opacity: 1;
    padding: 20px 15px 20px 50px;
    text-align: left;
    font-weight: 400;
    font-family: roboto;
    color: #000730;
    font-size: 17px;
  }
  
  .plus {
    margin-top: 11px;
    position: absolute;
    color: var(--blue);
    margin-left: 0px;
    font-size: 2.5em;
    line-height: 100%;
    -webkit-user-select: none;    
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
  }
  
  .faqs_tab{
      text-transform: none;
  }
  .questions:checked ~ .plus {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    color:#48b7e3;
  }
  
  .faqs_index .questions:checked ~ .plus {
    color:#ffffff;
  }
  
  .questions {
    display: none;
  }
  
  .faq_title{
      background-color:rgba(255,255,255,0.8);
      padding:5%;
  }
  
  
  .right_faqs{
      background-color:rgba(255,255,255,1);
  }
  .faqs_index .row{
      margin-right: -4px;
      margin-left: -4px;
      
  }
  
  .faqs_index .faq_title{
      padding-top:5%;
      padding-bottom:5%;
      padding-right:5%;
      padding-bottom:0%;
      background-color:rgba(255,255,255,1);
      
  }
  
  .faqs_index .right_faqs{
      padding: 6%;
  }

  
  .faqs_index .container{
      max-width: 100%;
      padding-left: 15%;
      padding-right: 15%;
      
  }
  
  .faqs_index .faqs_bg{
      background-color: #47b8e6;
      margin-top: 0%;
      margin-bottom: 0%;
      padding-left:3%;
      padding-right:3%;
      padding-top:0%;
      padding-bottom:3%;
      position: relative;
  
  }
  
  .faqs_index .right_faqs{
      background-color: #47b8e6;
      border: 7px solid #fff;
  }
  

.ads-inn-con .title_dom{
    margin-bottom: 0px;
}


.title_dom{
    margin-bottom: 120px;
}

.sep_wave.sw_left{
    left: 70px;
}

.sep_wave.sw_right{
    right: 70px;
}

.sw_rev{
   transform:  rotate(180deg);
}
.sep_wave{
    height: 270px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 350px;
    opacity: 0.5;
}

.sep_wave.sw_top{
    right: 18px;
    margin-top: -4px;
    transform: rotate(178deg);
}

.title_pur {
    margin-bottom: 120px;
}


.sup_hiw{
    margin-top: 100px;
}

.step_cir_pur {
    width: 20px;
    height: 20px;
    margin: auto;
    border-radius: 50%;
    background-color: #c322ff;
    margin-top: 15px;
}

.grid_rtl{
    direction: rtl;
}

.step_cir_dom{
    width: 20px;
    height: 20px;
    margin: auto;
    border-radius: 50%;
    background-color: #c322ff;
    margin-top: 15px;
 
}


.step_grid{
    display: grid;
    grid-template-columns: 49% 51%;
  
}

.step_title_work p{
    font-size: 20px!important;
    font-weight: 500;
    padding: 15px;
}

.teaser_step{
    width: 550px;
}

.step_title_work{
    display: flex;
    align-items: center;
}



.inner_sim li {
    color: #000730;
    font-size: 17px;
    font-family: roboto;
}

.inner_sim .fb-bull > li {
    color: #fff;
    font-weight: 300;
    list-style: none;
    line-height: 26px;

}

.fb-bull{
    margin-left: 20px;
    position: relative;
}


.fb-bull li::before {
    content: "• ";
    color: var(--blue);
    margin-left: -20px;
    padding-right: 5px;
    font-size: 32px;
    font-family: 'Poppins';

    position: absolute;
    right: 10p;
}

.inner_sim_sec h5 {
    color:#000730;
    font-size: 20px;
    font-weight: 600;
}

.inner_sim.is_center h3 {
    width: 100%;
    text-align: center;
}

.inner_sim.is_center h2 {
    width: 100%;
    text-align: center;
}


.sup_icon{
    width: 120px;
    margin-bottom: 30px;
}


.inner_sim .sup_hold h3 {
    width: 100%;
    font-size: 45px;
    font-weight: 500;
    color: #000730;
}


.inner-dark-header .p-u-btn {
    display: none!important;
}


#in-sim-page .p-u-btn {
    display: none!important;
}


.par_grid{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 90px;
  margin-top: 80px;
  margin-bottom: 60px;
  align-items: center;
}

.colorblock{
    width: 100%;
    height: 100%;
    background-color: rgba(0,43,117,1);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    mix-blend-mode: color;
}


.colorblock:hover{
    background-color: rgba(0,43,117,0);

}


.ads-inn-con .log_par{
    opacity: 0.85;
}

.ads-inn-con > .log_par:hover{
    opacity: 1;
}


.ads-page .par_grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 40px 80px;
    margin-top: 80px;
    margin-bottom: 0px;
    align-items: center;
}

.lp_page-pub .log_par{
    filter: invert(0.5) sepia(100%) hue-rotate(160deg) saturate(500%);
}


.log_par{
    max-width: 100%;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}

.log_par:hover{
    transform: scale(1.15);
    margin: auto;
}

.log_par.par_small{
    max-width: 85%;
    margin: auto;
}

.container.inner_sim{
    padding-left: 0px;
    padding-right: 0px;
    max-width: 1280px;
    
}


.container.inner_sim.top_main_teaser{
    z-index: 999;
    max-width: 1280px;
}

.top-tease-hold{
    background-image: url(../img/hit_top_bg.jpg);
    background-size: cover;
    background-position: center center;
}


.in_top_title{
    height: 280px;
    padding-top: 130px;
}


.sid-page .in_top_title{
    height: 10px;
    padding-top: 0px;
}

.int-note .inner_sim_sec ul>li {
    padding-left: 0px;
    margin-left: 20px;
}

.sdk-cont li {
    font-size: 15px;
    line-height: 26px;
}

.sdk-cont li::marker{
    color: var(--deep-blue);
}

.footer-area .sdk-cont img{
    border: 0px solid var(--light-blue);
    border-radius: 0px;
}

.sdk-cont img{
    border: 1px solid var(--light-blue);
    border-radius: 6px;
    overflow: hidden;
}

.sid-page .submenu {
    display: block;
    background: rgba(255,255,255,0);
    font-size: 13px;
    padding: 0px 0px;
    margin-bottom: 5px;
    border: 0px;
    border-radius: 0px;
}



.sid-page .submenu-b {
    display: none;
    background: rgba(255,255,255,0);
    font-size: 13px;
    padding: 0px 0px;
    margin: 0px 0px 0px 23px;
    border: 0px;
    border-radius: 0px;
}

.sid-page .accordion {
    margin: 0px auto 20px;
    background: rgba(255,255,255,0);
}

.sid-page .accordion .submenu li a {
    border-top: 0cap solid #d9dceb;
    border-bottom: 0px solid #d9dceb;
    padding: 8px 0px 8px 35px;
    font-size: 14px;
}

.sid-page .accordion li i {
    top: 14px;
}

.footer-area .sdk-cont ul>li {
    padding: 5px;
}

.sdk-cont ul>li {
    padding-left: 10px;
    margin-left: 20px;
}

.sdk-cont h3{
    margin: 40px 0px 0px 0px;
    
}


codeview {
    padding: 5px 8px;
    border-radius: 4px;
    background: #dbdbee;
    font-weight: 300;
    font-family: Consolas, Menlo, "courier new", monospace;
}

.sid-menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 30px;
    border: none;
    cursor: pointer;
    padding: 4px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0);
    border-radius: 50%;
}

.sid-menu-toggle div {
    width: 100%;
    height: 2px;
    background-color: var(--purple);
    transition: all 0.3s ease;
    margin: auto;
    border-radius: 5px;
}

.sid-menu-toggle.change .bar1 {
    transform: rotate(-45deg) translate(-5px, 5px);
}

.sid-menu-toggle.change .bar2 {
    opacity: 0;
}

.sid-menu-toggle.change .bar3 {
    transform: rotate(45deg) translate(-5px, -5px);
}





.sid-mobile-menu {
    display: none;
    flex-direction: column;
    background-color: #444;
    width: 100%;
}

.sid-mobile-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sid-mobile-menu li {
    border-bottom: 1px solid #555;
}

.sid-mobile-menu a {
    display: block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
}

.note-ic{
    width: 31px;
}

.note-grid{
    display: flex;
    gap: 20px;
}


.sdk-cont .mess-title {
   font-weight: 600;
}

.note-sep{
    width: 8px;
    height: auto;
    border-radius: 50px;
    background: var(--blue);
}

.sid-page .accordion .link {
    border-radius: 0px;
    border-bottom: 1px solid var(--light-blue);
    color: #47b7e4;
    margin: 1px 0px 1px 0px;
    padding: 8px 10px;
    cursor: pointer;
    display: block;
    color: var(--blue-dark);
    font-size: 15px;
    font-weight: 700;
    position: relative;
    -webkit-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all 0.0s ease;
}

.sid-page .accordion-b .link-b, .sid-page .accordion-b-mob .link-b {
    margin: 0px;
    padding: 8px 0px 8px 35px;
    cursor: pointer;
    display: flex;
    color: var(--blue-dark);
    font-size: 15px;
    font-weight: 500;
    position: relative;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.sid-page .accordion li a {
    font-family: 'HELVETICA', sans-serif, Arial;
    font-size: 15px;
    color: var(--blue-dark);
    padding: 10px 0px;
    display: block;
    border-top: 0px;
    border-bottom: 0px solid #dbdbee;
}

.sid-page .accordion li a:hover {
    color:var(--purple);
}

.sid-menu-head{
    position: fixed;
    justify-items: normal;
    background: #f3f5f7;
    width: 100%;
    z-index: 2;
    margin-top: -4px;
}

.sid-menu-hold-mob {
    top: 50px;
    width: 100%;
    padding: 15px;
    background-color: #fff;
    position: fixed;
    height: 100vh;
    overflow: scroll;
}

.in_top_title.top_grid_title{
    height: 500px;
    display:grid;
    grid-template-columns: 50% 50%;
    justify-content: space-between;
}

.top_desk{
    margin-top: 20%;
}

.inner_sim h1{
    color:#000730;
    font-size: 55px;
    line-height: 58px!important;
    font-weight: 900;
    text-transform: uppercase;
}


.inner_sim_grid{
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: space-between;
}



.hiw-ads .inner_sim_grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    gap: 80px;
}

.cir_title{
    margin-top: 20px;
    height: 36px;
}

.in_top_teaser{
    width: 100%;
}

button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color!important;
}

.bott-cal{
    margin: 80px 0;
}

.inner_sim .hiw-title p{
    font-size: 25px;
    text-align: center;
    margin: 30px 0 80px 0;
}

.bott-cal .title_dom{
    margin-bottom: 0px;
}

.bott-cal .inner_sim .hiw-title p {
    font-size: 25px;
    text-align: center;
    margin: 20px 0 60px 0;
}

.inner_sim .title_dom h2{
    text-transform: none;
    font-size: 45px;
    font-weight: 500;
    color: #000730;
}

.ads-page .inner_sim_grid{
    margin: 80px 0;
}

.inner_sim h3{
    width: 80%;
    font-size: 45px;
    font-weight: 500;
    color: #000730;
}

.inner_sim_grid h2 {
    text-transform: none;
    width: 80%;
    font-size: 45px;
    font-weight: 500;
    color: #000730;
}

.su_form .single-input {
    background: #ebeff2;
    padding: 2px 10px;
    font-family: roboto;
    border-radius: 4px;
    line-height: 36px;
}

.single-input{
    background-color: ;
}

.su_form{
padding: 10px 30px;
}

.sn_icon{
    width: 75px;
    margin-top: 50%;
}

.su-l h1 {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    font-family: roboto, Arial, Helvetica, sans-serif;
}

.su-title {
    font-size: 25px;
    font-weight: 500;
    color: #000730;
    margin: 10px 0;
}

.copy_btn{
    width: 22px;
    margin-top: 6px;
    filter: grayscale(1);
    opacity: 0.5;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}

.copy_btn:hover{
    filter: grayscale(0);
    opacity: 1;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}


.copy_btn:hover{
    opacity: 0.8;
}


.thx_icon{
    width: 130px;
}

.wel_icon{
    max-width: 100%;
}

.vertical-center{
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.full_sc{
    height: 100vh;
    position: relative;
    background-color: #d9f0ff;
}

.oh_no{
    height: 100vh;
    position: relative;
    background-color: #000730;
}

.oh_no h1{
    color:#ffffff!important;
    margin-top: 30px;
}

.oh_no h3{
    color:#ffffff!important;
}

.thx_hold{
    position: absolute;
    max-width: 450px;
    height: 500px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.wel_hold.thx_hold{
    position: absolute;
    max-width: 100%;
    height: 650px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;

}


.wel_page{
    background-color: #d9f0ff;
}


.thx_hold h1{
    color: #000730;
    font-size: 55px;
    line-height: 58px!important;
    font-weight: 900;
}

.thx_hold h3{
    color: #000730;
    font-size: 20px;
    line-height: 28px!important;
    font-weight: 500;
    width: 80%;
    margin: 20px auto;
}

.in_info.mt-30{
    margin-bottom: -20px;
}

.in_inform{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap:  0 50px;
    margin-top: -20px;
}

.ct_bg{
    padding: 6px;
    background-color: #ededff;
    border-radius: 50px;
    margin-bottom: 8px;
}

.grid_line.gnl{
    border-bottom: 0px solid #dbdbee;
}

.rm_btn {
    background-color: #c320ff;
    padding: 15px 20px 15px 20px!important;
    text-transform: uppercase!important;
    border-radius: 30px;
    border: 0px;
    color: #ffffff!important;
    font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: 600;
    cursor: pointer;
    width: max-content;
    margin: auto;
    display: block;
}

.rm-hold{
    text-align: center;
    padding: 40px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    /*background-color: #f6deff;*/
    border-radius: 6px;
    margin-top: 40px;
}

.rm_btn:hover{
  opacity: 0.8; 
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
}


.rm-hold h3{
    line-height: 40px!important;
}


button:hover{
    opacity: 0.8;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}

.txt_ed{
    display: flex;
}

.ed_hold{
    margin-left: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    background-color: rgba(0 154 255 / 15%);

}
.edit_icon {
    height: 16px;
    margin-left: 6px;
}

.copy_icon {
    height: 18px;
    margin-left: 0px;
    margin-top: 0;
    margin-left: 10px;
    margin-right: -5px;
}

.ver_icon{
    height: 12px;
    margin-right: 5px;
    float: right;
    margin-top: 8px;
}

.hold_step_miss h4 {
    font-size: 35px;
    color:#4fc542;
    margin-right: 10px;
    margin-bottom: 15px;
}

.row_box .hold_step_miss h3 {
    margin-bottom: 35px;
}

/*.hold_step_miss{
    display: flex;
    align-items: center;
}
*/
.step_cir{
    height: 60px!important;
    width: 60px!important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: #e7f5e3;
    text-align: center;
}

.miss_hold{
    display: flex;
    flex-direction: column;
}


.ads-page .mhf p{
    padding: 0 30%;
    margin:20px auto;
}

.mh_bord{
    border: 1px solid #dbdbee;
    padding: 25px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
}

.miss_btns{
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    gap: 10px;
}

.int_btns{
    display: flex;
    margin-top: auto;
    gap: 0px;
    margin-top: 20px;
}

.tag-btn .int_btns{
    display: flex;
    margin-top: auto;
    gap: 0px;
    margin-top: 20px;
    justify-content: end;
}


.int_btns .view-btn{
    margin-top: 0px;
    max-width: 100%;
}

.int_btns .api_miss_btn{
    margin-top: 0px;
}

.t-bor{
    margin-top: 15px;
    border-top:2px solid rgba(0 154 255 / 10%);
}
.orsep-line{
    width: 1px;
    background-color:#000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.orwor{
    background-color: #e5f5ff;
    z-index: 1;
    position: relative;
    margin-top: 10px;
    width: 40px;
    text-align: center;
}

.or-sep{
    font-weight: 400;
    z-index: 2;
    line-height: 20px!important;
}

.sephold{
    position:relative;
    height:40px;
    opacity: 0.3;
}

.toggle-text-link{
    width: 110px;
    height: 40px!important;
    background-color: rgba(0 154 255 / 15%);
    color: var(--blue);
    border: 0px;
    border-radius: 20px;
    cursor: pointer;
    font-family: roboto;
    font-weight: 400;
    margin-top: 15px;
    padding: 0px 15px;
    display: block;
    line-height: 38px;
    text-align: center;
}

.show_all_apps{
    width: 110px;
    height: 40px!important;
    background-color: rgba(0 154 255 / 15%);
    color: var(--blue);
    border: 0px;
    border-radius: 20px;
    cursor: pointer;
    font-family: roboto;
    font-weight: 400;
    margin-top: 0px;
    padding: 0px 15px;
    display: block;
    line-height: 38px;
    text-align: center;
}

.all-apps{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.all-apps .toggle-text-link{
    margin-top: 0px;
}

.back_btn:hover{
    opacity: 0.8;
}

.toggle-text-link:hover{
    opacity: 0.8;
}

.help_btn{
    height: 40px!important;
    background-color: rgba(0 154 255 / 15%);
    color: var(--blue);
    border: 0px;
    border-radius: 20px;
    cursor: pointer;
    font-family: roboto;
    font-weight: 400;
    margin-top: 20px;
    padding: 0px 15px;
    display: block;
    
}

.api_miss_btn{
    height: 40px!important;
    background-color: rgba(255 255 255 / 0%);
    color: var(--blue);
    border: 1px solid var(--blue);
    border-radius: 20px;
    cursor: pointer;
    font-family: roboto;
    font-weight: 400;
    margin-top: 20px;
    padding: 0px 15px;
    display: block;
    line-height: 38px;
    
}
.api_miss_btn:hover{
    color: var(--blue); 
    opacity: 0.7; 
}

.edit_btn{
    background-color: rgba(0 154 255 / 0%);
    color: var(--blue);
    border: 0px;
    border-radius: 20px;
    cursor: pointer;
    font-family: roboto;
    font-weight: 400;
    position: absolute;
    top: 25px;
    right: 25px;
    padding: 5px 10px;
}

.all-apps .edit_btn{
    top: 40px;
}

.doll-min{
    margin-right: -20px;
}


.adstxt_num .line_title{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbee;
}

 .regular.slider {
    margin-bottom: 100px;
    margin-top: -20px;
}

.regular .slick-prev{
        border-radius: 20px;
        padding: 0px;
        border: solid 0px rgba(255,255,255,0.6);
        width: 50px;
        height: 50px;
        border-radius: 25px;
        color: #ffffff;
        background: rgba(0,0,0,0);
        -webkit-transition: all .2s ease 0s;
        -moz-transition: all .2s ease 0s;
        -o-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
        cursor: pointer;
        position: absolute;
        z-index: 1;
        left: -20px;
        top: 0;
        bottom: 0;
        margin: auto;
}


.regular .slick-next{
    border-radius: 20px;
    padding: 0px;
    border: solid 0px rgba(255,255,255,0.6);
    width: 50px;
    height: 50px;
    border-radius: 25px;
    color: #ffffff;
    background: rgba(0,0,0,0);
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    cursor: pointer;
    z-index: 1;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.regular_dev .slick-next{
    width: 30px;
    height: 30px;
}


.regular_dev .slick-prev {
    width: 30px;
    height: 30px;
}


.regular_dev .slick-prev:before {
    font-size: 30px;
    color: rgba(0,0,0,0.5);
}

.regular_dev .slick-next:before {
    font-size: 30px;
    color: rgba(0,0,0,0.5);
}
.regular_dev .slick-prev {
    z-index: 10;
}

.regular_dev .slick-slide {
    margin-left: 0px!important;
}


.slider{
    margin-left: 80px;
}

.slider.sli_dev{
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.slick-slide{

    margin-left: 20px!important;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;

    &:focus {
        outline: none;
    }

    &.dragging {
        cursor: pointer;
        cursor: hand;
    }
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    padding: 10px 0px; 
}

.regular_dev .slick-track{

    padding: 0px 0px; 
}

.regular_dev .slick-list {
    padding: 0px 0px; 
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;

    &:before,
    &:after {
        content: "";
        display: table;
    }

    &:after {
        clear: both;
    }

    .slick-loading & {
        visibility: hidden;
    }
}
.slick-slide {
    float: right;
    height: 100%;
    min-height: 1px;
    [dir="rtl"] & {
        float: right;
    }
    img {
        display: block;
    }
    &.slick-loading img {
        display: none;
    }


    &.dragging img {
        pointer-events: none;
    }

    .slick-initialized & {
        display: block;
    }

    .slick-loading & {
        visibility: hidden;
    }

    .slick-vertical & {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-next:before, .slick-prev:before {
    font-size: 60px;
    color: rgba(0,0,0,0.2);

}






















.prev.btn_arrow{
    font-size: 44px;
    line-height: 45px;
    font-family: monospace;
}

.next.btn_arrow{
    font-size: 44px;
    line-height: 45px;
    font-family: monospace;
}


#widget{
    position: relative;
    width: 2500px;
    overflow: hidden;
}

.all_brands gallery{
    position: relative;
}


.line_container {
    height: 200px;
    width: 188px;
    margin-top: 5px;
    margin-left: 5px;
    border-radius: 0px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0);
    background: #e5e5e5;
   
        
}

.no_border{
    border-bottom: 0px solid #d7d7d7; 
}



.rank_num_hold{
    height: 40px;
    width: 10px;
    margin: 0 auto;
    text-align: center;
    font-weight: 700;
    background: #ffffff;
    display: inline-block;
    vertical-align: top;
    margin-left: 2px;
    border-radius: 5px 0px 0px 5px;
    
}


 .rank_num{
    font-size: 15px;
    color: #6649ef;
    font-weight: 900;
    font-family: roboto, Arial, Helvetica, sans-serif; 
    margin-top: 9px;
    display: inline-block;
}

.image_frame{
    width: 188px;
    height: 112px; 
    overflow: hidden;
}

.slick-slide img {
    display: block;
    }

.logo_img {
    width: 188px;
    height: auto;
    border-radius: 0px;
    cursor: pointer;
    float: left;
    overflow: hidden;
    object-fit: contain;
    -webkit-transition: all .6s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .6s ease 0s;
    transition: all .6s ease 0s;
}

  .logo_img:hover {
    object-fit: contain;
    transform: scale(1.1);
    overflow: hidden;
    -webkit-transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    transition: all .6s ease 0s;
}

.right_content{
    width: 100%;
    height: 90px;
    text-align: center;
    position: relative;
    
}


.logo_title{
    font-size: 14px;
    line-height: 17px;
    font-weight: 800;
    width: 130px;
    height: 45px;
    font-weight: 500;
    margin: auto;
    color: #161991;
    font-family: roboto, Arial, Helvetica, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}

.desc{
    font-size: 11px;
    font-weight: 400;
    text-align: left;
    color:#999999;  
    width: 140px;
    bottom: 8px;
    left: 55px;
    line-height: 13px;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
}

.review_btn {
    font-size: 13px;
    letter-spacing: 0.3px;
    font-weight: 700;
    line-height: 26px;
    color: #ffffff;
    width: 85px;
    height: 27px;
    text-align: center;
    margin: auto;
    position: absolute;
    left:0;
    right:0;
    bottom: 12px;
    border-radius: 3px;
    font-family: roboto, Arial, Helvetica, sans-serif;
    cursor: pointer;
    background: rgb(246,35,117);
    background: -moz-linear-gradient(180deg, rgba(246,35,117,1) 0%, rgba(22,25,145,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(246,35,117,1) 0%, rgba(22,25,145,1) 100%);
    background: linear-gradient(180deg, rgba(246,35,117,1) 0%, rgba(22,25,145,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f62375",endColorstr="#161991",GradientType=1);
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}

.review_btn:hover {
    filter: brightness(1.15);
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}

.btn:focus{
    border:0px!important;
}

.rate {
    transform: scale(0.55);
    text-align: left;
    position: absolute;
    bottom: 2px;
    left: 35px;
}

.slider_car{
    padding: 0px 8px 0px 8px;
    bottom: 0;
    top: 40px;
    right: 0;
    padding-left: 65px;
    padding-right: 20px;
    height: 40px;
    width: 100%;
    z-index: 1;
    text-align: center;
    margin: auto;
    width: 100%;
    position: absolute;


 }
               
.slider_btns{
    display: flex;
    margin-right: 5px;
    margin-top: 7px;
    justify-content: space-between;
}
    .btn_arrow {
        border-radius: 20px;
        padding: 0px;
        border: solid 0px rgba(255,255,255,0.6);
        width: 50px;
        height: 50px;
        border-radius: 25px;
        color: #ffffff;
        background: rgba(0,0,0,0);
        -webkit-transition: all .2s ease 0s;
        -moz-transition: all .2s ease 0s;
        -o-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
        cursor: pointer;
        background-color: rgba(0,0,0,0.15);
}


.btn_arrow:hover{
    background-color: rgba(0 154 255 / 50%);
    border: solid 0px rgba(255,255,255,1);
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}


.checked {
    color: #4d4d4d;  
}

.star_no{
    color:#d7d7d7;
}


.gallery .movable{
    display: flex;
    transition: transform 1s;
}

.gallery .movable > div {
    flex:1;
    min-width:100%;
}

.glyphicon{
    font-weight: 600;
    font-size: 10px;
    top: 1px;
}

.glyphicon-triangle-left{
    right: 1px;
    height: 60px;
    width: 60px;
    background-color: red;
}

 .glyphicon-triangle-right{
    left: 1px;
}

.bottom_links{
    float: left;
    font-size: 13px;
    font-weight: 600;
    margin-top: 7px;
    letter-spacing: 0.3px;
    width: 150px;
    color: #46b1f3;
    text-align: left;
    margin-left: 8px;
    display: flex;
  
    
} 

.in_link{
    font-weight: 500;
    text-decoration: underline; 
}

.glyphicon-search{
    font-size: 15px;
    margin-top: 2px;
    padding-right: 5px;
    font-weight: 400;
    color: #46b1f3;
}

.in_link{
    margin-left: 8px;
}

.box_desk_all.empty_graph_box .in_info {
    flex: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.no_data_hold{
    background-image: url(../img/no_data_icon_bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    padding: 50px;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.data_locked{
    background-image: url(../img/data_locked.svg);
    background-position: center;
    background-repeat: no-repeat;
    padding: 50px;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}



.adva_icon{
    height: 40px;
}

.no_data_icon{
    width: 200px;
    margin-bottom: 20px;
    z-index: 99;
}


.adva_cont_hol{
    height: 180px;
    padding: 20px;
}

.btn_box{
    height: 160px;
    width: 100%;
    padding: 25px;
    display: flex;
    justify-content: center;
    position: relative;
}

.btn_box_log{
    width: 100%;
    padding: 40px;
    display: flex;
    justify-content: center;
    position: relative;
}

.comso{
    pointer-events: none;
}

.comso .btn_box .btn_cir{
    display: none;
}

.comso-tag{
    position: absolute;
    top: -1px;
    right: -1px;
    width: 90px;
}

.comso{
    pointer-events: none;
}

.comso .btn_box .btn_cir{
    display: none;
}

.comso-tag{
    position: absolute;
    top: -1px;
    right: -1px;
    width: 90px;
}

.info_plat_av{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 20px;
    position: relative;
}
.info_plat_dom{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.dem_grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: auto;
    justify-content: center;
    margin-bottom: 40px;
    width: 100%;
}

.info_plat{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

.plat_log_hol{
    height: 140px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.plat_btn_ic{
    font-size: 20px!important;
    font-family: 'Poppins'!important;
    line-height: 40px!important;
    color: #fff;
}
.log-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 40px;
}

#inner .log-grid p {
    word-break: normal;
}

.dem_btn{
    width: 100%;
    background-color: rgba(0 154 255 / 13%);
    border: 1px solid rgba(0 154 255 / 20%);
    border-radius: 6px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.dem_log{
    width: 100%;
    background-color: RGBA(251,216,0,0.15);
    border: 1px solid RGBA(251,216,0,0.5);
    border-radius: 6px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


.dem_btn:hover {
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
    -webkit-transition: all 0.15s ease 0s;
    -moz-transition: all 0.15s ease 0s;
    -o-transition: all 0.15s ease 0s;
    transition: all 0.15s ease 0s;
}

.dem_btn .btn_box p{
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    color:var(--blue);
    margin: auto;
}
.box_adva{
    width: 100%;
    height: 200px;
    border: 1px solid var(--blue);
    border-radius: 6px;
    position: relative;
}

.box_adva:hover{
    box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
    -webkit-transition: all 0.15s ease 0s;
    -moz-transition: all 0.15s ease 0s;
    -o-transition: all 0.15s ease 0s;
    transition: all 0.15s ease 0s;
}

.box_plat{
    width: 100%;
    height: 200px;
    border: 1px solid #dbdbee;
    border-radius: 6px;
    padding: 0px 20px;
}

.box_plat_dom{
    width: 100%;
    height: 140px;
    border: 0px solid #dbdbee;
    border-radius: 6px;
}

.box_plat_dom .plat_logo{
    width: auto;
}

.top_mt{
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 6px solid rgba(0 154 255 / 10%);
}

.box_plat_dom p{
    color:var(--blue);
    padding: 10px;
    border-radius: 6px;
    background-color: rgba(0 154 255 / 10%);
}

.box_plat_dom h1{
    color:var(--blue);
    padding: 10px;
    border-radius: 6px;
    background-color: rgba(0 154 255 / 10%);
}

.plat_logo{
    max-width: 130px;
    margin: auto;
    display: flex;
}


.gen_icon{
    width: 50px;
    margin: auto;
    display: flex;
}

.plat_logo_b{
    height: 70px;
    display: flex;
    margin: auto;
}


.plat_logo_form{
    width: 130px;
    margin-top: -20px;
}

.graph_wave{
    width: 100%;
}

  .box_desk_all .selectdiv {
    position: relative;
    /*Don't really need this just for demo styling*/
    width: fit-content;
  }
  
  .box_desk_all .selectdiv:after {
      content: '\f0d7';
      font: normal normal normal 20px/1 FontAwesome;
      color: var(--blue);
      right: 11px;
      top: 9px;
      position: absolute;
      pointer-events: none;
}
  
  /* IE11 hide native button (thanks Matt!) */
  .box_desk_all select::-ms-expand {
  display: none;
 }
  
  .box_desk_all .selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 160px;
    max-width: 320px;
    height: 36px;
    border-radius: 20px;
    float: right;
    margin: auto;
    padding: 0px 10px;
    font-size: 15px;
    font-family: roboto;
    line-height: 1.75;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #dbdbee;
    -ms-word-break: normal;
    word-break: normal;
}


.inner-custom-size{
    margin-bottom: 30px;

}

.container.inner-custom-size{
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px;
    overflow: hidden;
    position: relative;
}

.row_box {
    background-color: #fff;
    border-radius: 10px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}


.all_apps_hold.row_box {
    background-color: rgba(0,0,0,0);
    border-radius: 0px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}


.row_box.slide_box {
    background-color: #fff;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 100%;
}


.row_box_op {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}


.in_grid_inf{
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 30px;
}

.in_grid_inf.geo-grid{
    gap: 60px;
    align-items: center;
}

.app_inf_grid{
    display: grid;
    grid-template-columns:150px 75%; 
    gap: 30px;

}

.inner-custom-size .out-title{
    font-size: 25px;
    font-weight: 500;
    color: #000730;
    margin-bottom: 30px;
    font-family: roboto, Arial, Helvetica, sans-serif;
}

.app_inf_all{
    display: flex;
}
.in_grid_graph p{
    color: #000730;
    font-size: 17px;
    font-family: roboto;
    margin-bottom: 20px;
    font-weight: 500;
}

#more_op .in_grid_graph p{
    margin-bottom: 0px;
}

.in_grid_graph {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.in_grid_graph_ap {
    display: grid;
    grid-template-columns: 74.6% 1fr;
    gap: 30px;
}


.in_grid_inf_one{
    display: grid;
    grid-template-columns: repeat(1, 1fr); 
    gap: 40px;
}


.grid_line{
    border-bottom: 1px solid #dbdbee;
    padding-top: 20px;
    padding-bottom: 20px;
    display: grid;
    grid-template-columns: 150px 150px 150px;
}

.grid_line_det{
    border-bottom: 1px solid #dbdbee;
    padding-top: 20px;
    padding-bottom: 20px;
    display: grid;
    gap: 0px;
    grid-template-columns: 130px 1fr;
    word-break: break-all;
}

.grid_line_det .line_title{
    width: 100%;
}

.grid_line_inf{
    border-bottom: 1px solid #dbdbee;
    padding-top: 20px;
    padding-bottom: 20px;
    word-break: break-all;
}
.grid_line_inf p{
    margin-top: 10px;
}

.grid_line.non_line{
    border-bottom: 0px solid #dbdbee!important;
}

.grid_line_det.non_line{
    border-bottom: 0px solid #dbdbee!important;
}

.line_title.non_line{
    border-bottom: 0px solid #dbdbee!important;
}

.pie_graph {
    max-width: 100%;
    margin-bottom: 30px;
    margin: 30px auto;
    display: flex;
}

.grid_line_pie{
        border-bottom: 0px solid #dbdbee;
        padding-top: 20px;
        padding-bottom: 5px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding: 1% 6%;
        justify-items: center;
}

.grid_line_thr{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:20px;
}

.graph_col{
    height: 20px;
    width: 20px;
    border-radius: 20px;
    background-color: var(--blue);
    margin: 0px 0px 5px 0px;
}

.graph_col p{
    margin-left: 25px;
}

.store_logo{
    height: 22px;
    margin-right: 20px;
}

.store_logo.sl_min{
    height: 19px;
}

.line_title{
    width: max-content;
    color: #000730;
    font-family: roboto;
}

.row_box p{
    font-size: 15px;
    line-height: 22px;
    font-family: roboto;
}


.row_box h3{
    font-size: 25px;
    line-height: 40px!important;
    font-weight: 500;
    color:#000730;
    margin-bottom: 15px;
}

.row_box h2{
    font-size: 25px;
    font-weight: 500;
    color:#000730;
    margin: -8px 0px 30px 0px;
    font-family: roboto, Arial, Helvetica, sans-serif;
}

.ads-inn-con .teaser_step{
    max-width: 100%;
    filter: drop-shadow(0px -15px 10px #d7efff);
}

.hiw-icon {
    width: 50px;
    margin-bottom: 20px;
}

.sec_step{
    margin-left: -7px;
}

.ads-inn-con{
    background-color: #fff;
    padding: 60px 0;

}

.wel-header{
    padding: 20px 0;
}

.wel-header h2{
    font-size: 25px;
    text-align: center;
    margin-bottom: 20px;
    font-family: "Poppins", sans-serif!important;
}

.wel_dev{
    background-color: rgba(0,154,255,0.15);
    border-radius: 10px;
    padding: 15px;
}


#inner .wel-header p{
    font-size: 17px;
    line-height: 25px!important;
    letter-spacing: 0.5px;
    text-align: center;
    color: #000730;
}

#inner .lp-mes .wel-header p {
    font-weight: 300;
    color: #ffffff;
}

#inner .lp-mes .wel-header h2 {
    font-weight: 500;
    margin: -8px auto 10px;
}



.navbar-nav.wel-header{
    background-color: rgba(0,0,0,0);
}

.wel-header .head-li{
    color: var(--blue)!important;
    font-weight: 400;
    text-decoration: underline;
    border-bottom: 0px;
    padding: 0px;
}

.dev_place .hiw-title h2{
    font-size: 25px;
    font-weight: 400;
    text-align: left;
    line-height: 40px!important;
    font-family: roboto, Arial, Helvetica, sans-serif;
    width: 70%;
    text-align: center;
    margin: 60px auto 60px;
    text-transform: none;
}

.page_head p{
    font-size: 23px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
    color: #000730;
    border-radius: 50px;
    padding: 20px;
    background-color: rgba(0 154 255 / 10%);
}

.wel-box .page_head p{
    color: var(--blue);
    margin-bottom: 0px;
    border-radius: 10px;
    padding: 30px;
}


#inner .navbar-nav.page_head a{
    color: var(--blue);
    font-size: 28px;
    line-height: 45px;
    text-align: center;
    font-weight: 500;
    font-family: roboto, Arial, Helvetica, sans-serif!important; 
    color: var(--blue);
}

.navbar-nav.page_head{
    background-color: rgba(0 154 255 / 10%);
    padding: 40px 20% 40px 20%;
    border-radius: 10px;
}

.cont-prom{
    text-align: center;
    background-color: var(--light-blue);
    padding: 40px;
    border-radius: 6px;
    margin-bottom: 40px;
}

.strong-blue{
    color: var(--blue); 
}

.strong-blue b{
    color: var(--blue); 
}

.cont-prom h3{
    margin: 0px;
    font-weight: 400;
}

.dom .navbar-nav.page_head{
    background-color: var(--blue-al);
}


.page_head h3{
    font-size: 25px;
    line-height: 40px!important;
    text-align: center;
    font-weight: 500;
    color:#000730;
}

.bold_title_head{
    border-bottom: 3px solid var(--blue);
    color: var(--blue);
    padding: 0px!important;
}
.bold_title_head:hover{
    opacity: 0.7;
}


.bold_title_head_green{
    color: #4fc542;
}

.row_box_op h3{
    font-size: 25px;
    font-weight: 500;
    color:#000730;
    margin-bottom: 0px;
}

.step_title {
    color: #000730;
    font-weight: 500;
}

.box_desc{
    display: flex;
}

.hold-prof-img{
    width: 180px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.hold-flag-img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.hold-prof-img img{
    max-width: 100%;
    width: 100%;
    margin: 20px;
}

.hold-flag-img img{
    max-width: 100%;
    margin: auto;

}



.box_desk h1{
    font-size: 28px;
}

.int_place h2 {
        margin-bottom: 22px;
}


.int_place ul {
    list-style: disc;
    margin-left: 20px;
}

.int_place ul>li{
   color:#c322ff;
   font-size: 18px;
}

#more-op .sec-tex{
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}
#more-op{
    padding: 0px 50px 50px 50px;
    background-color: rgba(0 154 255 / 10%);
}

#more-op .cont-hold{
    padding: 5% 15%;
    margin-bottom: 0px;
    background-color:rgba(0 154 255 / 10%);
}

#more-op .input_b{
    background-color: #fff;
}

.int_place .container.inner-custom-size{
    max-width: 70%;
}
 
.int_place h1{
    font-size: 30px;
}

.int_place h2{
    font-size: 20px;
    line-height: 1.5em !important;
} 
.int_place p{
    font-size: 15px;
    line-height: 27px;
    color: #000;
}

.btn_hold{
    margin-top: 0px;
    padding: 25px;
    background-color: rgba(0 154 255 / 10%);
}


.cat_title{
    color:#000730;
    font-weight: 700;
}

.app_img_in{
    width: 150px;
    height: 150px;
    border-radius: 30px;
    margin-right: 70px;
}



.count-main-cont .par-sec{
    font-size: 25px;
    letter-spacing: 0.3px;
    font-weight: 300;
    width: 750px;
    line-height: 40px!important;
    margin: 80px auto 30px;
    text-align: center;
    color: #ffffff;
}

.app_info h1{
    display: flex;
    margin: auto 0;
    color: #000730;
}

.box_app_icon{
    padding: 70px;
    display: flex;
    padding-right: 50%;
    position: relative;
}
.hold-all-prof{
    height: 180px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.box_desk_all{
    padding: 40px;
    position: relative;

}

.box_desk_all.prof-head{
    padding: 0px;
    display: block;
}

.prof-head .box_desk{
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}


.box_hold_boxes{
    grid-template-columns: 1fr;
    display: grid;
    gap: 30px;
}

.dem{
    background: var(--blue-al);
    width: max-content;
    padding: 4px 12px;
    border-radius: 50px;
}

.box_hold_boxes p{
    color: var(--blue-dark);
}

#inner .box_hold_boxes .count-num{
    font-size: 3.5rem;
    line-height: 3.5rem;
    font-weight: 500;
    margin-top: 15px;
}

.count-a{
    border-radius: 10px;
    padding: 40px;
    width: 100%;
    height: 180px;
    background-color: rgba(0 154 255 / 10%);
}
.count-a h2{
    margin-bottom: 10px;
    color: var(--blue)
}

.count-a .grid_line{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-top: 15px;
    border-bottom: 0px;
}

.count-a .line_title {
    font-weight: 600;
    margin-bottom: 10px;
}

.count-b{
    border-radius: 10px;
    padding: 40px;
    width: 100%;
    height: 180px;
    background-color: RGBA(195,34,255,0.10);
}

.count-b h2{
    color: var(--purple)
}

.count-c{
    border-radius: 10px;
    padding: 40px;
    width: 100%;
    height: 180px;
    background-color: RGBA(79,197,66,0.15);
}

.count-c h2{
    color: var(--green)
}

.row_box.no-bg{
    background: rgba(0,0,0,0);
}


.in_info_big{
    padding-top: 20px;
}

.inner-top-teaser {
    height: 95px;
    padding-top: 0px;
}

.back-btn-hold{
    margin-top: 90px;
}

.back_btn .fa{
    color: var(--blue);
    margin-right: 10px;
    font-size: 15px;
    line-height: 5px;
}

.back_btn {
    font-size: 17px;
    font-family: roboto;
    letter-spacing: 0.1px;
    font-weight: 400;
    background-color: rgba(0 154 255 / 0%);
    padding: 0px!important;
    text-transform: none!important;
    border-radius: 20px;
    color: var(--blue)!important;
    display: flex;
}

.inner-top-teaser h1{
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 700;
    margin-top: 20px;
}

.fa-arrow-right{
    font-size: 11px;
    color: var(--blue);
    margin-left: 8px;
    line-height: 10px;
}

.layout_shift{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    width: 36px;
    background-color: transparent;
    border: 1px solid #dbdbee;
    border-radius: 50%;
    padding: 9px;
    cursor: pointer;
}

.layout_shift.shift_selected{
    border: 1px solid var(--blue);
}

.layout_shift:active{
    opacity: .3;
}

.hold-main-line{
    display: flex;
    justify-content: space-between;
}


.basket-btn{
    height: 36px;
    width: auto;
    z-index: 999;
    display: flex;
    justify-content: space-between;
    justify-items: center;
}

.bask_hold{
    margin-top: 10px;
    position: relative;
    margin-left: 10px;
}

.bask_circle{
    color: #fff;
    height: 18px;
    width: 18px;
    border-radius: 10px;
    background-color: var(--green);
    position: absolute;
    left: 3px;
    right: 0;
    top: -10px;
    margin: auto;
    font-size: 0.6rem;
    padding: 4px;
    line-height: 10px;
    font-family: arial;
    display: flex;
    justify-content: center;
}

.basket_img{
    height: 24px;
}

.adv-pab-btn{
    justify-content: center;
}


.loadmore-place{
    justify-content: center;
    display: flex;
    margin-bottom: 50px;
    display: none;
}

.plat_btn_apply{
    width: auto;
    margin: auto;
    height: 40px!important;
    background-color: #b6c0c7;
    color: #ffffff;
    border: 0px;
    padding: 0px 12px 0px 12px;
    border-radius: 20px;
    cursor: pointer;
    font-family: roboto;
    line-height: 40px;
    display: flex;
    justify-content: space-around;
    gap: 8px;

  }

.plat_btn_em{
    width: auto;
    margin: auto;
    height: 40px !important;
    background-color: var(--blue);
    color: #ffffff;
    border: 0px;
    padding: 0px 15px 0px 15px;
    border-radius: 20px;
    cursor: pointer;
    font-family: roboto;
    line-height: 40px;
    display: flex;
    justify-content: space-around;
    gap: 6px;
  }

  .btn_cir{
    width: 35px;
    height: 35px;
    background-color: var(--blue);
    color: #ffffff;
    border: 0px;
    padding: 7px 3px 3px 5px;
    border-radius: 20px;
    cursor: pointer;
    font-family: roboto;
    display: flex;
    justify-content: space-around;
    font-family: 'Poppins';
    font-size: 25px;
    position: absolute;
    bottom: 15px;
    right: 15px;
  }

  .btn_box .btn_cir{
    background-color: rgba(0,0,0,0);
    color: var(--blue);
    border: 0px;
    padding: 5px 3px 3px 4px;
    border-radius: 20px;
    cursor: pointer;
    font-family: roboto;
    display: flex;
    justify-content: space-around;
    font-family: 'Poppins';
    font-size: 50px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-weight: 300;
  }

  .plat_btn_em:hover{
    opacity: 0.8;
  }
 .plat_btn_apply:hover{
    opacity: 0.8;
  }

.crown-ic{
  height: 16px;
  margin-left: 10px;
  margin-top: -3px;
}

  .top-trend-btn{
    line-height: 30px;
    background-color: var(--light-yellow);
    color: #000730;
    border: 0px;
    border-radius: 20px;
    cursor: pointer;
    font-family: roboto;
    font-size: 15px;
    color: #000730;
    font-weight: 500;
    padding: 3px 15px;
    width: max-content;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }

  .hold-box-tags{
    display: flex;
    gap: 5px;
    position: absolute;
    right: 20px;
    top: -10px;
    filter: drop-shadow(0px 1px 5px rgb(0 0 0 / 0.15));
}

.bt-left{
    transform: translateX(0px);
}

.box_tags{
    height: 30px;
}

  .top-trend-btn.trend-now-btn{
    background-color: var(--light-purple);
  }

  .top-trend-btn:hover{
    opacity: 0.8;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }

  .btnarrow {
    height: 8px;
    margin: 0px 0px 2px 8px;
  }


.view-btn{
  line-height: 30px;
  background-color: var(--blue);
  color: #ffffff;
  border: 0px;
  border-radius: 20px;
  cursor: pointer;
  font-family: roboto;
  margin-top: 10px;
  padding: 5px 15px;
  font-size: 15px;
}

.tag-btn .view-btn{
    height: 40px!important;
    line-height: 30px;
    background-color:rgba(0 154 255 / 15%);
    color: var(--blue);
    border: 0px;
    border-radius: 20px;
    cursor: pointer;
    font-family: roboto;
    padding: 0 20px;
  }

.hold_step_miss .ver_fin{
    margin: auto;
    padding-top: 40px;
}


.exitpopup-modal-window .miss_btns{
    position: relative;
}



.tags{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: auto 0 15px;
    gap: 5px;
}

.inner_widgets .tags{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 15px 0px 15px;
    gap: 7px;
}

.top-main-pannel {
    display: grid;
    grid-template-columns: 220px 1fr 130px;
    gap: 25px;
    justify-content: space-between;
    padding: 25px 0px;
}

.search-filt{
    width: 17px;
}
.drop-filter{
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;  
}

.hold-pannel{
    max-width: 100%;
    margin-left: 25px;
    margin-right: 25px;
}

.top_filter_pannel{
    font-size: 20px;
    height: 100%;
    align-items: center;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-left: 0px;
}

.widgets {
    padding: 25px;
    background-color: #f3f5f7;
    border-radius: 6px;
    position: relative;
}

.row.lm{
    margin: 0 !important;
}

.main_teaser{
    height: 450px;
    max-width: 100%;
    align-items: center;
    background-image: url("../img/main_teaser_bg.jpg");
    background-size: cover;
    background-position: center center;
    z-index: 999;
}


.main_teaser h3{
    font-size: 18px;
    color:#ffffff;
    font-weight: 500;
}

.widget_promo{
    height: 100%;
  }

.inner_widgets {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 25px;
}

.inner_widgets.list {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}

.inner_widgets.list .widget_box {
    height: auto;
    gap: 15px;
    padding: 10px;
    flex-direction: row;
    display: grid;
    grid-template-columns: 30% 1fr;
    justify-content: space-between;
}


.inner_widgets.list .widget_box .app_img {
    width: 65px;
    border-radius: 15px;
}

.inner_widgets.list .widget_box .tags {
    margin: auto 0 0 auto;
    display: flex;
    margin-left: 0;
}


.inner_widgets.list .widget_box .widget_desc {
    margin: 0px 0 10px;
    justify-content: end;
}

.inner_widgets.list .widget_box .uu-cont {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px;
    border: 0px;
}

.inner_widgets.list .widget_box .uu-cont p{
    font-size: 17px;
    text-align: left;
}

.inner_widgets.list .widget_box .box-desc-hold {
    padding: 15px;
}

.inner_widgets.list .widget_box .head-box {
    margin: 0px 0px 0px 0px;
}


.inner_widgets.list .widget_box .head-box {
    height: 100%;
}

.inner_widgets.list .widget_box .prof-img {
    width: 80px;
}


.inner_widgets.list .widget_box .flag-img {
    width: 50px;
}

.inner_widgets.list .widget_box h2 {
    height: auto;
    margin-bottom: 25px;
}

.inner_widgets.list .widget_box .hold-box-tags {
    left: 20px;
}




.inn-hold{
    position: relative;
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 25px;
}


#home{
    position: relative;
}

#inner {
    background-color: #ebeff1;
}


#home .is-sticky .default-header {
    background-color: rgba(0,0,0,0);
    box-shadow: -21.213px 21.213px 30px 0px rgb(158 158 158 / 0%);
    z-index: 99;
}

#home .sticky-wrapper.is-sticky .navbar {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    background-color: #000730;
    box-shadow: -21.213px 21.213px 30px 0px rgb(158 158 158 / 0%);
    
}

.w_s_all{
    border-bottom: 1px solid #dbdbee;
    padding-bottom: 20px;
}
.w_s_min{
    border-bottom: 1px solid #dbdbee;
    padding-bottom: 20px;
}


#inner-teaser{
    max-width: 100%;
    padding-top: 5%;
    justify-content: center;
    align-items: center;
    background-image: url(../img/main_teaser.jpg);
    background-size: cover;
    background-position: center center;
    height: 270px;
}

.navbar{
    padding: 0rem;
}


.main_logo{
    height: 40px;
}


#home .navbar-nav a {
    color: #ffffff;
}

#inner .navbar-nav a {
    color: #ffffff;
}

/*.navbar-nav a {
    text-transform: none;
    font-weight: 500;
    color: #222;
    padding: 20px;
    font-size: 13px;
    letter-spacing: -0.3px;
    font-family: "Poppins", sans-serif;
}
*/

.navbar-nav a {
    text-transform: none;
}

.navbar-nav a:hover {
    color: var(--blue);
}


.main_teaser h1 {
    font-size: 55px;
    line-height: 58px!important;
    font-weight: 900;
    text-transform: uppercase;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}


.p-u-btn{
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.2px;
    font-weight: 400;
    background-color: rgba(0 154 255 / 30%);
    padding: 6px 20px 6px 20px!important;
    text-transform:none!important;
    border-radius: 20px;
    color: #ffffff!important; 
    margin: auto 10px;
}

.p-u-btn:hover{
    background-color: rgba(0 154 255 / 60%);
}

.sign_up_free{
    background: #ffffff;
    padding: 6px 10px 6px 10px!important;
    text-transform:none!important;
    border-radius: 20px;
    color: #00053d!important; 
	webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;	
}

.my_account{
    background: #f7146c;
    padding: 7px 12px 8px 12px!important;
    text-transform:none!important;
    border-radius: 20px; 
    color: #ffffff!important; 
	webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;	
}

.cont-us {
    border: 0px;
    padding: 5px 20px 5px 20px;
    text-transform: none !important;
    border-radius: 8px;
    color: white;
    background: var(--purple);
    text-transform: uppercase !important;
    font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: 600;
    cursor: pointer;
    margin: auto;
    margin-top: 30px;
    width: max-content;
    display: block;
}

.cont-us:hover{
    color: var(--deep-blue);
}

.ayd {
    width: max-content;
    background: var(--blue);
    border: 0px;
    padding: 18px 50px 18px 50px!important;
    text-transform: none!important;
    border-radius: 30px;
    color: #ffffff!important;
    text-transform: uppercase!important;
    font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: 600;
    cursor: pointer;
    margin: auto;
}

.ayd-hold{
    display: flex;
}

.footer-btn .cont-us{
    margin-right: 0;
}

.cont-us-lp{
    background: var(--blue);
    border: 0px;
    padding: 15px 25px 15px 25px!important;
    text-transform: none!important;
    border-radius: 30px;
    color: #ffffff!important;
    text-transform: uppercase!important;
    font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: 600;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    width: max-content;
}

    .jt-btn{
        box-shadow: 0px 0px 25px rgba(0,154,255,0.6);
    }

    .hiw-ads .cont-us-lp{
        text-transform: none!important;
        font-weight: 400;
        margin-top: 60px;
    }

    .hiw-ads.bott-cal h2{
        font-weight: 700;
    }

    .hiw-ads a{

    }

.main_teaser .cont-us{
    box-shadow: 0px 0px 20px rgb(0 154 255 / 55%);
}

.main_teaser .cont-us:hover{
    box-shadow: 0px 0px 20px rgb(0 154 255 / 100%);
}



.create-widget{
    background: #f7146c;
    padding: 15px 22px 15px 22px!important;
    text-transform:none!important;
    border-radius: 6px;
    color: #ffffff; 
    text-transform:uppercase!important;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 600;
	cursor:pointer;
}




.top_title {
    font-size: 20px;
    height: 90px;
    align-items: center;
    z-index: 10;
    display: flex;
    justify-content: space-between;
}

#myHeader{
    width: 100%;
}

.sticky-hed {
    background-color: #e7e8f4;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.20);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


.top_title h2 {
	font-size: 18px;
	color:#1823a0;
}

.multi-filter{
    display: flex;
    justify-content: space-around;
    gap: 25px;
    width: 100%;
	z-index:999;
}

.m-f-mob{
	width: 320px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	margin-top: 30px;
}

.filt-btns{
    display: flex;
    gap: 15px;
    margin-right: 10px;
}


.filtet-btn{
	width: 170px;
	border:1px solid #dbdbee;
	border-radius:6px;
	background:#ffffff;
	padding-left: 11px;
	display: flex;
	align-items: center;
	text-align:left;
	font-size:15px;
	color: #000730;
	font-weight:400;
	font-family:roboto;
	position:relative;
	cursor: pointer;
    justify-content: space-between;
}

.filtet-btn .fa-chevron-down{
    margin-right: 10px;
    color: var(--blue);
}

.filtet-btn-mob .fa-chevron-down{
    margin-right: 10px;
    color: var(--blue);
    margin-left: auto;
    padding-right: 10px;
}

.filtet-inner{
	width: 200px;
	height:36px;
	border:1px solid #dbdbee;
	border-radius:50px;
	background:#ffffff;
	padding-left: 11px;
	display: flex;
	align-items: center;
	text-align:left;
	font-size:15px;
	color: #000730;
	font-weight:400;
	font-family:roboto;
	position:relative;
	cursor: pointer;
}


.filter-cell .checkbox{
    margin-right: 5px;
}


.filter-drop-arrow{
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 10px solid var(--blue);
        transform: rotate(-180deg);
        position: absolute;
        display: block;
        right: 12px;
        top: 12px;
        bottom: 0;
}

#filter-drop-geo {
    position: absolute;
    width: 100%;
    left: -1px; 
    right: 0;
    top: 34px;
    display: grid;
    padding: 10px;
    border: 1px solid #dbdbee;
    border-radius: 6px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
    width: 101%;
    background: #ffffff;
    z-index: 1;
}

#filter-drop-geo .filter-inn {
    border: 0px solid #dbdbee;
    display: grid;
    grid-template-columns: 1fr;
}

			
#filter-drop{
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 90px;
    display: grid;
    padding: 10px;
	border:1px solid #dbdbee;
	border-radius: 12px;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.15);
    width: 1131px;
    background: #ffffff;
    z-index: 1;
}

.filter-cell{
    padding: 20px;
}



.filter-inn{
	border: 0px solid #dbdbee;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(15%, 1fr));

}

.filter-title{
	color:#000000;
	font-weight: 700;
	text-align:left;
	font-size: 13px;
	line-height: 5px;
    border-bottom: 1px solid var(--blue);
    padding: 0px 0px 20px;
    margin-bottom: 20px;
}

.filter-inn label {
	font-family: roboto;
	color:#262626;
	font-size: 13px;
    font-weight:400;
    margin-bottom: 0.1rem;
}

.apply-filter {
	background: var(--blue);
	padding: 6px 15px 8px 15px!important;
	text-transform: none!important;
	border-radius: 20px;
	color: #ffffff !important;
	font-size: 13px;
	letter-spacing: 0.5px;
	font-weight: 500;
	font-family:roboto;
	cursor: pointer;
}

.apply-filter:hover{
	opacity: 0.8;
}

.exp a:hover{
	color:var(--blue);
}

.filter-reset{
	color:var(--blue) !important;
	margin-right: 15px;
	display: flex;
	align-items: center;
	font-family:Roboto;
	font-weight:400;
    font-size:14px;
    cursor: pointer;
}


.filter-reset:hover{
	opacity:0.6;
}



.filter-btns{
	float: right;
	margin-right:10px;
}

.custom-dropdown .drop-in{
	height:300px;
	font-size:50px;
	background:red;
	padding:100px;
}

.f-left{

	padding-left: 15px;
}

.f-sep{
	border-left: 1px solid #dbdbee;
	padding-left: 15px;
}

.f-type{
	padding-left: 15px;
}
			
			

input[type="checkbox"] {
    cursor: pointer;
}
		


.sign_logo{
	position: absolute;
    left: 0;
    bottom: 20px;
    right: 0;
    width: 50%;
    margin: auto;
}



#su-page{
	top: 0px;
    background-color: #d9f0ff;
}




.su.adv-su{
	background-color:#ffffff;
	border-radius: 12px;
	padding: 2% 3% 4% 3%;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.20);
}
.right-teaser-adv{
	background-image: url("../img/adv_page_right_teaser_b.png");
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
}


.right-teaser-custom{
	background-image: url("../img/disign_teaser_g.jpg");
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
}


.right-teaser-aff-all{
	background-image: url("../img/affiliates_bg_e.jpg");
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.aff-all h3{
	font-size: 2.7vw;
	color:#f7146c;
}

.adv-hol p {
    font-weight: 400;
    font-size: 19px;
    color: #000000;
}

.container.adv-hol{
	max-width:1400px;

}

.inner {
    position: relative;
    z-index: 2;
}

.top_title_bg {
    height: 100px;
    max-width: 100%;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.su-all{
    display: grid;
    grid-template-columns: 250px 400px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.20);
    border-radius: 10px;
    background-color: #ffffff;
    margin: auto;
}

.su-l{
    position: relative;
    background-color: #000730;
    border-radius: 10px 0px 0px 10px;
}

.su-all .signup-left-teaser {
    height: 480px;
}

.su-all .signup-left-teaser.adv-title {
    height: 510px;
}

.inner .container{
    max-width: 1450px;
}


.top_title_bg{
    height: 90px;
    max-width: 100%;
    background-color:#ffffff;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.w_menu{
    width: 100%;
    margin-top: -5px;
    height: 100%;
    color: #2d2d2d;
    background-color: #ffffff;
    padding: 0px 0px 20px 0px;
    z-index: 80;
}

.w_menu a{
    padding-bottom: 10px;
}

.w_menu .navbar-nav {
    display: block;
}

.w_menu .navbar-nav a {
    display: block;
}


.w_menu .navbar {
    height: auto;
    padding: 0px;
    margin-top: 5%
}

.search_box{
    width: 220px;
    margin-left: 0px;
    margin-right: 25px;
}

.fa.fa-search{
    color:#dbdbee;
    font-size: 16px;
    opacity: 0.7;
}

.search-btn {
   margin-top: 4px;
   margin-right: 7px;
   border: 0px;
   background: rgba(0,0,0,0);
   cursor: pointer;
   
}

#mySidenav{
	padding-top: 0px;

}

#mySidenav .navbar-nav {
    background-color: #fff;
    padding: 0px;
}

.form-search {
    width: 100%;
    margin: 0px 10px 0px 15px;
    border: 0px;
    font-family: roboto;
    border: 0px!important;
    background-color: #ffffff;
    padding: 0;
}
.form-search.single-input:focus {
    background: rgba(0 154 255 / 0%);
}

.fa.fa-search:hover {
    color:#f7146c;   
}


 .search_box ::-webkit-input-placeholder { /* Edge */
  color: #000730;
  font-family:roboto;
  font-size:15px;
  font-weight: 400;
     
}

.search_box  :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #1000730;
  font-family:roboto;
  font-size:15px;
  font-weight: 400;
}

.search_box ::placeholder {
  color: #000730;
  font-family:roboto;
  font-size:15px;
  font-weight: 400;
}



.form-search:focus{
    border: 1px solid red;
}



/* stop the glowing blue shadow */
.add-on .form-search:focus {
 box-shadow:none;
 -webkit-box-shadow:none; 
 border-color:#ffffff; 
}

.navbar-nav:last-child{ border-right:0}

.topnav input[type=text] {
    padding: 6px;
    margin-top: 8px;
    font-size: 17px;
    border: none;
}



.tts{
    color:#f7146c;
    font-weight: 900;
    font-size: 20px;
    font-family: roboto;
    padding-left: 5px;
    padding-right: 5px;
}



.col-lg-2.w_menu{
    flex: 0 0 250px;
    max-width: 250px!important;
}

.dropdown li:focus{
	display: list;
}

.head-box{
    padding: 20px;
    background-color: var(--light-blue);
    height: 130px;
    margin: 10px 10px 60px 10px;
    border-radius: 6px;
}

.uu-cont{
    width: 100%;
    padding: 3px;
    border: 2px solid var(--green);
    border-radius: 6px;
    margin: 20px 0px 10px 0px;
}

.uu-cont p{
    color: var(--green);
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.1rem;
    font-weight: 700;
}

.inner_widgets .widget_desc {
    margin: 0px;
}

.box-desc-hold{
    padding: 0 20px 20px;
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
}

.app_img{
    width: 140px;
    border-radius: 30px;
}

.prof-img{
    width: 110px;
    border-radius: 100px;
    border: 1px solid var(--blue);
    background-color: #fff;
}

.flag-img{
    width: 65px;
    border-radius: 100px;
    margin-left: -15px;
    padding: 4px;
    border: 1px solid var(--blue);
    background: #fff;
}

.dropdown-menu{
	margin-top:-8px;
	border-bottom: 1px solid #dbdbee;
}

.dropdown-toggle::after {
    transform: rotate(-90deg);
}

.navbar-nav .dropdown-menu {
    display: none;
}

.navbar-nav .dropdown-menu {
    position: absolute;
    float: right;
	width:250px;
    top: 0;
	padding-top:0px;
	margin-top:0px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.20);
    border-radius: 12px;
}


.navbar-nav .dropdown-menu {
  animation-name: slidenavAnimation;
  animation-duration:.3s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;

  -webkit-animation-name: slidenavAnimation;
  -webkit-animation-duration:.3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;

  -moz-animation-name: slidenavAnimation;
  -moz-animation-duration:.3s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
@keyframes slidenavAnimation {
  from {
    opacity: 0;
	left:220px;
  }
  to {
    opacity: 1;
	left:240px;
  }
}
@-webkit-keyframes slidenavAnimation {
  from {
    opacity: 0;
	left:220px;
  }
  to {
    opacity: 1;
	left:240px;
  }
}




ul li a {
    -webkit-transition: color 0.2s;

}

.blue_circle{
    width: 220px;
    height: 220px;
    position: absolute;
    background-color:#161991;
    z-index: -1;
    border-radius: 110px;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.col-lg-6.widget_box{
    flex: 0 0 480px;
    max-width: 100%;
}


.button {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.checkbox{
    display: none!imnportan;
}


.containerbox {
    display: block;
    position: relative;
    margin-bottom: 3px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: fit-content;
    padding: 4px 20px 4px 35px;
    border-radius: 20px;
    height: 30px;
    color: var(--dark-blue);
}

.subtab {
    display: block;
    position: relative;
    margin-bottom: 3px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: fit-content;
    padding: 4px 20px 4px 35px;
    border-radius: 20px;
    height: 30px;
    color: red;
}


.but{
    background: var(--light-blue);
}

.on {
    background: red;
}
.off {
    background: green;
}


.sid-menu-hold .submenu .selected, .sid-menu-hold-mob .submenu .selected {
    border-radius: 30px;
    background-color: var(--light-purple);
    color: var(--purple);
}
  
  /* Hide the browser's default checkbox */
  .containerbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark-menu {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    height: 15px;
    width: 15px;
    border-radius: 4px;
    margin: auto;
    background-color: var(--light-blue);
  }
  
  /* On mouse-over, add a grey background color */
  .containerbox:hover input ~ .checkmark-menu {
    background-color: var(--blue);
  }
  
  /* When the checkbox is checked, add a blue background */
  .containerbox input:checked ~ .checkmark-menu {
    background-color: var(--blue);
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark-menu:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .containerbox input:checked ~ .checkmark-menu:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .containerbox .checkmark-menu:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



.btn-widget-on {
    background-color: rgba(247, 20, 108, 1);
    color: #ffffff;
    font-weight: 400;
    font-family: roboto;
}

.btn-block {
    display: block;
    width: 100%;
    margin: auto;
    height: 35px;
    display: flex;
    align-items: center;
    border-radius: 20px;
    padding-left: 10px;
    cursor: pointer;
    font-weight: 400;
	margin-top:8px;
}


.btn-success {
    color: #000730;
    background-color: #ffffff;
    border-color: rgba(0,0,0,0);
    font-size: 15px;
	line-height: 19px;
    font-family: roboto;
    font-weight: 400;
}

.btn-success:hover{
    background-color: rgba(0 154 255 / 10%);
    color: #000730;
} 

.btn-widget-on:hover{
    background-color: rgba(0 154 255 / 60%);
    color: #ffffff;
}

.btn-success:focus{
    background-color: rgba(0 154 255 / 30%);
    
} 

.widget-btn{
    position: relative;
}


.btn-widget-on{
    background-color: rgba(0 154 255 / 100%);
    color: #ffffff;
    font-weight: 400;
    font-family: roboto;
}

.tab-icon{
    width: 18px;
    margin-right: 12px;
	margin-top: -3px;
}

.btn-widget-on .tab-icon{
    width: 18px;
    filter: brightness(0) invert(1);
}

.btn-block + .btn-block {
    margin-top: 0.3rem;
}


.close-tag-widget {
    cursor: pointer;
    padding: 6px 10px;
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    font-size: 18px;
    color:var(--blue);
    font-weight: 400;
    transform: rotate(45deg);
}

.btn-widget-on .close-tag-widget{
    color:#ffffff;
    transform: rotate(0deg);
    top:0;
    bottom: 0;
    right: 0;
}


#myMain{
    align-self: start;
    position: sticky;
    top: 149px;
    z-index: 11;
}

.widgetNav{
    position: sticky;
    top: 63px;
    z-index: 99;
    background-color: #fff;
}

.movable .widget_box{
    position: relative;
    width: 270px;
    border:1px solid #dbdbee;
    border-radius: 10px;
    padding: 20px;
    align-items: center;
    margin-right: 20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.dev_place .widget_box{
    display: block;
    width: 120px;
    height: auto;
    border:0px solid #dbdbee;
    border-radius: 0px;
    padding: 0px;
    align-items: center;
}

.hold_more_app_all .widget_box{
    width: 180px;
    padding: 15px;
    background-color: rgba(0,0,0,0);
}

.hold_more_app_all .widget_box .app_img {
    width: 100%;
    border-radius: 30px;
}

.regular_dev .widget_box{
    display: block;
    width: 120px;
    height: auto;
    border:0px solid #dbdbee;
    border-radius: 0px;
    padding: 0px;
    align-items: center;
    margin: auto;
}

.dev_place .widget_box:hover{
    box-shadow: 0px 0px 15px rgba(0,0,0,0.0);
}

.dev_place .app_img {
    width: 95%;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.dev_place .app_img:hover {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.text-container{
    overflow: hidden;
    height: fit-content;
}


.dev_place .widget_desc h2 {
    font-size: 14px;
    font-weight: 500;
}

.dev_place .widget_desc p{
    font-weight: 500;
    color: #000730;
}

.dev_place .widget_desc{
    margin: 10px 0 10px;
}

.widget_box{
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
    border:1px solid #dbdbee;
    background-color: #ffffff;
    border-radius: 15px;
    padding: 0px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.widget_box h2{
    font-size: 17px;
    margin-bottom: 10px;
    height: 45px;
}




.widget_box:hover{
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#widget .widget_box{
    margin: 10px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#widget .widget_box:hover{
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.bull {
    margin: 0;
    padding: 0;
    list-style: circle;
}

.boldtitle{
    color: #000730;
    font-size: 20px!important;
    font-weight: 600;
}
#widget{
    margin-left: -10px;
}

.widget_desc{
    margin: 20px 0 10px;
    text-align: left;
}

.widget_desc h2{
    font-size: 17px;
    color:#000730;
    
}

.widget_desc p{
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.45em;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.category-widget{
    font-size: 0.80em!important;
    font-weight: 400;
    font-family: roboto;
    color: var(--blue);
    background-color: var(--light-blue);
    padding: 2px 10px;
    border-radius: 20px;
    white-space: pre;
    border: 0px solid rgba(0 154 255 / 50%);
}

 .rate {
    transform: scale(1);
    text-align: left;
    bottom: 14%;
}
.rate .fa{
    padding-right: 2px;
}
            
.checked {
    color: #ffbb00;  
}

.star_no{
    color:#e7e8f4;

}

.enter-btn{
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
}

.widget-enter{
    height: 40px;
    width: 40px;
    border: 2px solid var(--blue);
    border-radius: 20px;
    position: relative;
    background-color: rgba(0 154 255 / 0%);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: none;
}

.widget-enter:hover{
    background-color: rgba(0 154 255 / 15%);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


.plus-white{
    font-size: 1.85rem;
    color: var(--blue);
    font-weight: 300;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    margin-top: -1px;
}


.lp_page-pub .footer-area {
    background-color: rgba(0,0,0,.7);
}

.footer-area h3{
    color: #fff;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 600;
}

.footer-log a{
    padding-top: 0px;
    background-color: rgba(0,0,0,0);
}

.footer-area .sdk-cont ul {
    font-family: roboto;
    list-style: none;
 }

.sdk-cont ul {
   font-family: roboto;
   list-style: disc;
   color: var(--deep-blue);
}

.nav-tag-list li {
    display: inline-block;
    margin-right: 3px;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 20px;
    padding: 2px 8px 2px 8px;
}


.pp .li{
   padding-left: 0px;
   padding-right: 20px;
}

.footer-create-text{
    width: 100%;
    text-align: right;
    float: right;
    font-size: 17px;
    letter-spacing: 0.5px;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
}

.container.h-i-w{
    max-width: 1410px;
}

.h-i-w-g{
 background-color: #f2f2f9;
    max-width: 100%;
}

.h-i-w h1{
    font-weight: 900;
}

.h-i-w p{
    font-weight: 500;
    font-size: 16px;
    color: #282939; 
    padding:0px;
}

.step-icon{
    height: 55px;
}


.inner_widgets .justify-content-start{
	margin-left:3%!important;
}

.all-widget-grid{
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
}

.all-inner-w{
	width:100%;
}

#main .row{
    margin-right: 0px;
    margin-left: 0px;
}
#inner .row{
    margin-right: 0px;
    margin-left: 0px;
}


.bottom-teaser{
    font-size: 60px;
    font-weight: 900;
    padding-top: 1%;
    padding-bottom: 1%;
    text-transform: uppercase;
    background-color:#f7146c; 
    box-shadow: 0px 0px 50px rgba(22, 25, 145, 0.1);
    border-radius: 100px;
	letter-spacing:1px;
	width: 80%;
	margin:auto;
	

}


.bottom-teaser-all{
    text-align: center;
    padding: 10% 8% 10% 8%;
    background-image: url("../img/bottom_teaser.png");
    background-size: cover;
    background-position: center center;
    border-radius: 25px;
    
}

.bottom-teaser-all h3{
    color: #ffffff;
    line-height: 35px!important;
    font-weight: 300;
    padding-left: 10%;
    padding-right: 10%;
}

.bottom-sign-up {
    padding: 15px 22px 15px 22px!important;
    text-transform: none!important;
    border: 3px solid #ffffff;
    border-radius: 8px;
    color: #ffffff!important;
    text-transform: uppercase!important;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 500;
	cursor:pointer;
}

.bottom-sign-up:hover {
    background-color: rgba(255,255,255,0.2);
}



.loadmore {
    background: #dbdbee;
    padding: 17px 25px 17px 25px!important;
    text-transform: none!important;
    border-radius: 30px;
    color: #0011aa!important;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.api-p{
	padding-left:14%;
	margin-top: 5%;
	
}

.api-p h1 {
    text-transform: uppercase;
    color: #f7146c;
    text-align: left;
}

/*----------------------DEVELOPER MAIL-----------------------*/

.dev_m {
    width: 550px;
}
.dev_m .row_box{
    border-radius: 0px;
}

.dev_m p{
    padding-bottom: 0px;
}

.dev_m .main_logo {
    height: 50px;
    margin: 10px 0px 40px;
}

.dev_m .head_email h2{
    font-size: 55px;
    font-weight: 500;
    text-align: center;
    color: #000730;
    margin-bottom: 20px;
    line-height: 55px!important;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
}
.dev_m .wave{
    display: none;
}

.dev_m .coun_hold{
    margin: 20px 0;
}

.dev_m .head_email p{
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
    font-family: roboto;
    color: #000;
}

.dev_m .coun_hold .price_counter {
    color: #4fc542;
    font-size: 60px!important;
    font-weight: 700;

}
.dev_m .container{
    max-width: 550px;
    padding-left: 0px;
    padding-right: 0px;
}

.dev_m .row_box .hold_miss_b h3{
    padding-bottom: 0px;
    border-bottom: 0px solid rgba(0 154 255 / 0%);
}

.dev_m .row_box h3 {
    font-size: 18px;
    line-height: 30px!important;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
    padding: 0 60px;
    font-family: Arial, Helvetica, sans-serif;
}

.dev_m .hold_miss_b p{
    font-size: 15px!important;
}

.dev_m .in_info{
    padding-bottom: 0px;
    border-bottom: 0px solid rgba(0 154 255 / 15%);
} 

.dev_m .in_info.no_bor{
    padding-bottom: 0px;
    border-bottom: 0px solid rgba(0 154 255 / 15%);
} 

.dev_m .box_plat_dom p {
    color: var(--blue);
    padding: 0px;
    border-radius: 0px;
    background-color: rgba(0 154 255 / 0%); 
    width: 100px;
    margin: 0 auto;
    font-size: 13px!important;
    line-height: 18px!important;
}

.dev_m .box_plat_dom {
    width: 100%;
    height: auto;
}

.dev_m .coun_hold .price_counter {
    margin: 0.5em 0;
}

.dev_m .plat_log_hol {
    height: 120px;
    background: #ffffff;
}

.dev_m .box_desk_all {
    padding: 0px;
}


.dev_m .info_plat_dom {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3px;
}

.dev_m .hold_miss_b p{
    padding:0px 40px;
}

.dev_m .hold_miss_b{
    padding: 20px;
}

.dev_m .box_desk_all.top_miss {
    padding: 0px;
}


.dev_m .in_grid_graph {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    margin-top: 0px;
}

.dev_m .hold_miss_b{
    background-color: RGBA(79,197,66,0.25);
    margin-bottom: 0px;
    border-radius: 0px;
}

.dev_m .in_info_in{
    width: 400px;
    margin: 0 auto;
}

.dev_m .box_desk_all .graph_title_top{
    padding: 30px 50px;
    border-radius: 8px;
    background-color: rgba(0 154 255 / 15%);
    margin: 0px 0px 20px;
    font-size: 25px;
    line-height: 35px!important;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

.vast_link{
    font-weight: 700;
}


/*----------------------DEVELOPER MAIL END-----------------------*/




/*----------------------sdk-integration-docs----------------------*/

.accordion li {
    font-family: 'HELVETICA', sans-serif, Arial;
}

.accordion .link:hover {
    background: white;
    border-bottom: 1px solid var(--purple);
    overflow: hidden;
}



.accordion li a {
    font-family: 'HELVETICA', sans-serif, Arial;
    font-size: 17px;
    color: #001478;
    padding: 8px 0px 8px 0px;
    display: block;
    padding: 12px 12px 12px 0px;
    border-top: 1px solid #d9dceb;
    border-bottom: 1px solid #d9dceb;
    margin-top: -1px;
}

.accordion .submenu li a {
    border-top: 0cap solid #d9dceb;
    border-bottom: 0px solid #d9dceb;
    padding: 12px 0px 12px 12px;
    font-size: 14px;
}



  .accordion {
    margin: 0px auto 20px;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    align-self: start;
    position: sticky;
  }

  .inner_sim .sid-menu-hold ul>li {
    list-style: none;
}

  
  .accordion .link {
    color: #47b7e4;
    border: 1px solid #fff;
    border-radius: 6px 6px 6px 6px;
    margin: 5px 0;
    padding: 8px;
    cursor: pointer;
    display: block;
    color: #001478;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }

  
  .accordion li i {
    margin-right: 10px;
    font-size: 14px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  .accordion-b li i {
    margin-right: 10px;
    font-size: 12px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }


  .accordion-b .link-b .fa-chevron-down{
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
  }

  .accordion-b .open-b .link-b .fa-chevron-down{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: var(--purple);
  }
  
  .accordion-b .open-b .link-b{
    color: var(--purple);
  }


  .accordion-b li i, .accordion-b-mob li i {
    top: 13px;
    left: 12px;
    font-size: 12px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  
  .accordion li i.fa-chevron-down {
    justify-content: center;
    flex-direction: column;
    color: var(--purple);
    transform: rotate(270deg);
}


/* Hide all submenus by default */
.accordion .submenu,
.accordion .submenu-b {
    display: none;
}

/* Show submenu when 'open' class is added to parent <li> */
.accordion li.open > .submenu,
.accordion li.open > .submenu-b {
    display: block;
}

/* Similarly for the sub-accordion */
.accordion-b .submenu-b {
    display: none;
}

.accordion-b li.open > .submenu-b {
    display: block;
}


.accordion li.open .link {
    background-color: white;
    border-bottom: 1px solid white;
    color: var(--purple);
}

.accordion-b-mob li.open-b .link-b {
    color: var(--blue-dark)
}

.accordion-b li.open .link-b {
    color: var(--blue-dark);
 }
 
 .accordion li.open .link-b:hover{
    color: var(--purple);
 }


 .accordion-b li i.fa-chevron-down, .accordion-b-mob li i.fa-chevron-down {
    right: 12px;
    left: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.open .accordion-b-mob .fa-chevron-down{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    color: var(--blue);
} 

.open .accordion .fa-chevron-down{
    color: var(--purple);
    transform: rotate(360deg);
}

.accordion-b-mob li.open-b i.fa-chevron-down{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
  
  .accordion link li.open i.fa-chevron-down{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  .accordion-b li.open-b i.fa-chevron-down {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .in-teaser-clear-hold{
    padding: 100px 0px;
  }

.in-teaser-clear-hold p{
    font-size: 25px;
    margin-top: 20px;
    font-weight: 300;
}

.dots_set_a {
    max-width: 100%;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
    transition: transform .1s;
}

.in-teaser-clear-hold .dots_set_a {
    top: -50px;
}

.in-teaser-clear-hold .dots_set_b {
    top: 0px;
}

.in-teaser{
    position: relative;
    z-index: 1;
}



/*----------------------SDK PAGE-----------------------*/



.full-main-teaser-hold{
    overflow: hidden;
    position: relative;
    background: radial-gradient(circle, rgba(0,12,112,1) 0%, rgba(0,7,48,1) 80%);
}


.main-teaser-hold{
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    align-items: center;
    padding: 130px 0;
    gap: 30px;
    z-index: 1;
}

.teasersdk {
    max-width: 100%;
}

.main-teaser-hold h1{
    font-size: 70px;
    line-height: 1em!important;
}

.main-teaser-hold p{
    text-transform: none;
    font-size: 25px;
    line-height: 1.5em!important;
    font-weight: 400;
    margin-top: 40px;
    font-family: roboto, Arial, Helvetica, sans-serif;
    max-width: 80%;
}

#in-sim-page .inner_sim h3 {
    font-size: 25px;
    font-weight: 600;
    color: var(--blue-dark);
}

.roundnet {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    opacity: 0.7;
}


.inner-custom-size .blue-hold{
    background: #def2ff;
    padding: 100px;
    border-radius: 10px;
    gap: 40px;
}


.big-p .inner_sim p{
    font-size: 25px;
    line-height: 1.5em;
    font-weight: 400;
    color: #000730;
}

.lr-flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}

.v-doc {
    background: #000730;
    border: 0px;
    padding: 15px 25px 15px 25px !important;
    text-transform: none !important;
    border-radius: 30px;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: 600;
    cursor: pointer;
    display: block;
    width: max-content;
    margin-top: 50px;
}

.box_bord{
    padding: 40px;
    border-left: 1px solid #dbdbee;
    border-bottom: 1px solid #dbdbee;
    margin-left: -1px;
    margin-bottom: -1px;
}


.grid_no_gap{
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #dbdbee;
}


.data_mov{
    max-width: 70%;
    margin: auto;
}


.typing-animation {
    font-weight: 600;
    position: relative;
    font-family: monospace;
    white-space: pre-wrap;
    color:#fbd800;
    text-shadow: 1px 1px rgba(0,0,0,0.15);
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    z-index: 1;
}

  @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: orange }
  }


.typecode_hold{
    position: relative;
    max-width: 70%;
    margin: auto;
}


/*----------------------ABOUT PAGE-----------------------*/

#about{
    top:0px;
}

.left-teaser-text-holder {
   z-index: 1;
}

.left-teaser-text-holder h1{
    text-transform: uppercase;
    color: #161991;
    font-weight: 900;
    text-align: left;
}



.right-teaser-holder{
    position: absolute;
    top: 0;
    right: 0;
    bottom:0;
    background-image: url("../img/about_right_teaser_b.jpg");
    background-size:contain;
    background-position: right center;
    background-repeat: no-repeat;
}

.about-right-teaser{
    width: auto;
    height: 100%;
    float: right;
    
}


.container.about-place {
    max-width: 1400px;
    position: relative;
}

.about-place p{
    font-weight: 400;
    font-size: 19px;
    color: #000000;
}


.about-cu{
    padding: 20px 22px 20px 22px!important;
    text-transform:none!important;
    border-radius: 8px;
    border: 3px solid #161991;
    color: #161991!important; 
    text-transform:uppercase!important;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 700;
    cursor: pointer;
}

.about-cu:hover{
    background: rgba(22, 25, 145, 0.1);
}


.adv-cu{
    padding: 20px 22px 20px 22px!important;
    text-transform:none!important;
    border-radius: 8px;
    border: 3px solid #161991;
    color: #161991!important; 
    text-transform:uppercase!important;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 700;
    cursor: pointer;
}

.adv-cu:hover{
    background: rgba(22, 25, 145, 0.1);
}

.right-teaser-api{
	right:0;
	background-image: url(../img/right_code_holder_code_c.png);
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;

}

.api-img{
	 max-width: 90%;
	 float: right;
	 margin-top: -20px;
	 
}

.api-code-layer{
	position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
	top: 15%;
    max-width: 55%;
    margin-right: 28%;

}

.code-demo {
    color: #161991;
    text-align: left;
    font-family: 'Courier New', arial;
    font-weight: 600;
    font-size: 13px!important;
	background-color: #f2f2f9!important;
	border:1px solid #dbdbee!important;
	padding: 2% 5% 2% 5%;
	width:100%;
	border-radius: 12px;
}

.copy-code{
	width:30px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    padding-top: 70px;
	  -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;

}

.copy-code:hover{
	opacity:0.8;
	  -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


.categ-desc{
	margin:2% 0% 0% 4%;
	font-size: 17px;
	color: #696969;
	padding:2%;
	background-color:rgba(22, 25, 145, 0.04);
	border-radius: 18px;
	width: 1005px;

}

.cc-alt{
	position: absolute;
    right: 0;
	padding-top:5px;
    width: 35px;
    height: 25px;
	text-align:left;
    font-size: 8px;
	font-weight:500;
    font-family: roboto;
	opacity:0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;

	
}
	
	.cc-alt:hover{
		font-size: 13px;
		width: 100px;
		opacity:1;
		color:#f7146c;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		
	}	



	
/*----------------------INNER PAGE-----------------------*/

.advanced-btn{
    padding: 15px 37px 15px 17px;
    border-radius: 6px;
    color: #ffffff!important;
	text-decoration:none!important;
    background: #161991;
    font-family: roboto;
    font-weight: 500;
	position:relative;
	margin-bottom:20px;
	cursor:pointer;
}


.advanced-btn:hover{
   opacity:0.8;
}

.fa-caret-down{
	font-size:22px;
	color:#ffffff;
	padding-left: 8px;
	position:absolute;
}


.fa-caret-up{
    font-size:22px;
	color:#ffffff;
    padding-right: 8px;
    position:absolute;

}

.des-inner{
	font-size:18px;
}


.sb11:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: -19px;
}

.sb11:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #dbdbee;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  left: -21px;
}


 .id-inn ::-webkit-input-placeholder { /* Edge */
  color: #161991;
  font-family:roboto;
  font-size:15px;
  font-weight: 500;
     
}

.id-inn  :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #161991;
  font-family:roboto;
  font-size:15px;
  font-weight: 500;
}

.id-inn ::placeholder {
  color: #161991;
  font-family:roboto;
  font-size:15px;
  font-weight: 500;
}



.container.final-code{
	max-width: 100%;
    padding-left: 14%;
    padding-right: 14%;
}

.id-frame{
	margin-left: auto;
	margin-right: auto;
}

.id-inn{
	width:100%;
}

.id-frame input{
	width:100%;
	border:0px;
	background:#ffffff;
	border-bottom: 1px solid #161991;
	height:35px;
}

.id-frame input:focus{
	border-bottom: 1px solid #f7146c;
}


.id-frame td{
	height:75px;
    padding: 20px;
    font-size: 15px;
    border: 1px solid #dbdbee;
	text-align: right;
	color: #161991;
	font-weight:500;
}

.id-title{
	width:30%;
}

.advanced{
	display:none;
}



 .exp-place{
	 background-color:#ffffff;
	 border: 1px solid #dbdbee;
	 display: flex;
     align-items: center;
 }
 
 .exp p{
	 font-size: 15px!important;
	 line-height: 22px!important;
	 margin-bottom: 0rem;
 }


#widget-icon {
  background-color: #f1f1f1;
  padding: 50px 10px;
  color: black;
  text-align: center;
  font-size: 90px; 
  font-weight: bold;
  position: fixed;
  top: 0;
  width: 100%;
  transition: 0.2s;
}




h5{
    font-size: 15px;
    font-weight: 600;
}


#inner .default-header{
    position:fixed!important;
    background-color: #000730;
}



.title-sep{
    width: 60px;
    height: 8px;
    background-color: #f7146c;

}

.inner-des h1{
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    width: 70%
}



.inner_title h1 {
    font-size: 40px;
}

.inner_title .category-widget{
    font-size: 12px;
    font-weight: 600;
    font-family: roboto;
    color:#ffffff;
    border: solid 2px #ffffff;
    padding: 5px 10px 5px 10px;
    border-radius: 20px;
	margin:4px;
}


.main_text{
    margin-top: 115px;
}

.widget-icon-line{
    height: 100px;
}

.main-icon{
    max-width: 100%;
    border-radius: 0px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.30);
}


.container.inner-custom-color{
    max-width: 100%;
    padding-left: 14%;
    padding-right: 0%;
}

.inner-custom-color{
    background-image: url("../img/custom_texture.png");
    background-repeat: repeat;
    background-position: top center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #dddef0;
	display:none;

}


.custom-color-box{
    background-color: #ffffff;
    padding: 2%;
    margin-top: 4%;
    margin-bottom: 4%;
    border: 1px solid #dddef0;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.10);

}


.custom-color-box.container-code{
        margin-top: 0%;
}




.container.id-place{
	max-width: 100%;
    padding-left: 14%;
    padding-right: 14%;
}


.custom-color-box p{
    padding: 3%;
    word-break: break-all;
	margin-bottom:30px;
}



.color-box{
    width: 50%;
    margin: 3%;
}


.color-boxes{
    display: flex;
}

.custom-widget-color{
    margin: auto;
}

.custom-widget{
    max-width: 100%;
}


.block-center{
   margin: 0 auto;
}
.color-picker{
  width: 100%;
  min-height: 80px;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #dfe2e5;
  padding: 10px 20px 5px 15px;
}
.color-list{
  list-style: none;
  padding: 0;
}
.color-list li{
  display: inline-block;
  margin: 3px;
}
.color{
  height: 50px;
  width: 50px;
  border: 2px solid #dbdbee;
  border-radius: 50px;
  background-color: attr(data-color);
  transition: transform 0.3s;
}
.color:not(.active):hover{
  cursor: pointer;
  transform: scale(1.2);
}
.color.active {
  border: 0px solid #ddd;
  width: 50px;
  height: 50px;
}

.form-control{
  display: block;
  width: 100%;
  border-radius: 3px;
  margin-top: 5px;
  margin-bottom: 15px;
  padding: 5px 0px 5px 5px;
  font-size: 18px;
   background-color: #dbdbee;
}

.hold-pannel .form-control {
    display: block;
    width: 100%;
    border-radius: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 4px 0px 5px 5px;
    font-size: 15px;
    background-color: #f3f5f7;
}


.border-color-widget li{
    background-image: url("../img/transparent_color.png")!important;
    background-position: center center;
    background-repeat: repeat;
}


.widget-iframe{
    width: 300px;
    height: 250px;
}




.done-colors{
    text-align: center;
    font-weight: 700;
}

.done-colors{
    margin-top: 20px;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
        
}

.done-colors.final-code{
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
        
}

.create-widget:hover{
    background-color: #ff4990;

}


.done-colors.navbar-nav a {
    font-weight: 700;
    color: #ffffff;
    height: 60px;
    line-height: 30px;
    margin: auto;
}



.done-colors.navbar-nav a:hover{
    background-color: #ff4990;

}


#container-w{
	margin: 0.3em;
    background: white;
    border-radius: 16px;   
}
#container-single{
	/* margin: 0.3em; */
    background: white;
    border-radius: 16px;   
}


.widget-size{
    width: 100%;
    /* border:1px dashed rgba(255,255,255,0.3); */
    position: relative;
	padding:3%;
	display:grid;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* .inner-widget-sizes{
  margin: 3%;
} */

.holder-banner{
    position: relative;
    height: 100%;
}


.widget-banner{
    max-width: 100%;
    padding: 3%;
    display: block;
    margin-left: auto;
    margin-right: auto;

}
.size-title{
    text-align: center;
    font-size: 16px!important;

}


.radio-btn{
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 25px;
    height: 25px;
    
    
}



/* Hide the browser's default radio button */
.container-rad input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
    
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #f7146c;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-rad:hover input ~ .checkmark {
  background-color:#f7146c;
}

/* When the radio button is checked, add a blue background */
.container-rad input:checked ~ .checkmark {
  background-color: #f7146c;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-rad input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container-rad .checkmark:after {
 	top: 7px;
	left: 7px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: white;
}

.size-grid{
    margin-bottom: 3%;
}

.container.final-code{

     -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.final-code .custom-color-box{
    border:2px solid #161991;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.25);

}


.container.inner-custom-color.final-code{
    max-width: 100%;
    padding-left: 14%;
    padding-right: 14%;
}

.arrow-up {
  width: 20px; 
  height: 20px; 
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 15px solid #161991;
}

.modal {
  position: inherit!important;
  display: none; /* Hidden by default */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  overflow: auto; /* Enable scroll if needed */
}


.code-copy-done{
	width: 370px;
    height: 50px;
    background-color: #d4f3e2;
	position:absolute;
	top:0;
	right:0;
    margin: 2%;
    display: none;
}

.check-mess{
    display: flex;
    justify-self: center;
    gap: 20px;
    margin-bottom: 30px;
}

.check-small{
    width: 50px;
    margin-top: -7px;
}
.code-coped-text{
	text-align:center;	
	color:#27c170;
	display: flex;
    /* justify-content: center; */
    align-items: center;
	line-height: 18px!important;
	font-size:16px!important;
}

.fas.fa-check {
	color: #27c170;
    font-weight: 700;
	margin-right: 15px;
    font-size: 26px;
}

.pid{
    background: #ffffff;
    padding: 2px 10px;
    font-family: roboto;
    border-radius: 4px;
    line-height: 36px;
    border: 1px solid #dbdbee;

}

.miss_hold .modal-content {
    max-height: 160px;
    overflow: overlay;
    padding-right: 10px;
}
.exitpopup-modal-window .modal-content{
    line-height: 20px;
    border-radius: 4px;
}

.exitpopup-modal-window .modal-content p{
    background: #fff;
    border:1px solid #dbdbee;
    padding: 2px 10px;
    font-family: roboto;
    border-radius: 4px;
    line-height: 36px;
}

.modal-content {
    background-color: #fff;
    border: 1px solid #dbdbee;
    border-radius: 0rem;
    padding: 10px;
    border-radius: 6px;
}

.modal-content .close{
    display: none;  
}

::selection {
    background-color: var(--light-purple);
    color:#000730;
}

.container.right-teaser{
	position:absolute;
	top:0;
	right:0;
	max-width: 100%;
}

/*----------------------POPUP-----------------------*/


.close_btn {
    display: inline-block;
    width: 25px;
    height: 25px;
    color: var(--dark-gray);
    cursor: pointer;
    border: 0;
    font-weight: inherit;
    font-size: 40px;
    font-family: "Poppins", sans-serif;
    transform: rotate(45deg)!important;
    transform: inherit;
    font-weight: 200;
    float: right;
    margin-right: -28px;
    margin-top: -28px;
}


.close_btn:hover {
    color:var(--blue);
}

#exitpopup-modal {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(1.2);
    z-index: -1000;
}
.hide_forever{
    display: none !important;
}
.popupbox_act {
    transform: scale(1) !important;
    transition: all 0.2s ease;
    top: 0 !important;
    opacity: 1 !important;
    z-index: 3000 !important;
}

.sign-up-btn{
    line-height: 30px;
    background: var(--deep-blue);
    color: #ffffff;
    border: 0px;
    border-radius: 25px;
    cursor: pointer;
    font-family: roboto;
    padding: 7px 30px;
    font-weight: 400;
    font-size: 16px;
    display: flex;
    margin-left: auto;
    justify-content: center;
}

.su-all .sign-up-btn{
    margin-bottom: 30px;
}

.popup_btn{
    line-height: 30px;
    background-color: rgba(0 154 255 / 15%);
    color: var(--blue);
    border-radius: 25px;
    cursor: pointer;
    font-family: roboto;
    padding: 8px 14px;
    font-weight: 500;
    font-size: 15px;
}

.popup_btn:hover{
    color: var(--blue);
    opacity: 0.85;
}

#exitpopup-modal .underlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-animation: fadein .7s;
    animation: fadein .7s;
    z-index: -1;
}

.edit_pop .exitpopup-modal-window {
    width: 50%!important;
}

.edit_pop.exitpopup-modal-window{
    max-width: 100%;
}


.exitpopup-modal-window {
    height: auto !important;
    border-radius: 10px;
    margin: auto;
    position: relative;
    background-color: #fff;
    padding: 40px;
    width: 400px;
}

.exitpopup-modal-window h3 {
        font-size: 25px;
        font-weight: 700;
        color: var(--purple);
        margin: 25px 0;
        width: 100%;
}


.exitpopup-modal-window ::-webkit-input-placeholder{
   font-size:13px;
   font-weight:400;
}


.exitpopup-modal-window :-ms-input-placeholder{
   font-size:13px;
   font-weight:400;
}

.exitpopup-modal-window ::-moz-placeholder{
	font-size:13px;
    font-weight:400;
}

.form_popup {
    font-size: 13px;
    text-align: left;
    padding: 10%;
    background-color: white;
    border-radius: 10px;
    line-height: 20px!important;
    max-width: 400px;
}

.form_popup h3 {
    font-size: 25px;
    font-weight: 500;
    color: #000730;
    margin-bottom: 30px;
    padding-right: 20%;
}

#exitpopup-modal .modal-body {
    font-size: 13px;
    text-align: left;
    padding: 10%;
    background-color: white;
    border-radius: 0px 12px 12px 0px;
    line-height: 20px!important;
    height: 450px;
}

#exitpopup-modal .modal-body.btob {
    font-size: 13px;
    text-align: left;
    padding: 10%;
    background-color: white;
    border-radius: 0px 12px 12px 0px;
    line-height: 20px!important;
    height: 580px;
}

.signup-left-teaser.btob-title {
    border-radius: 12px 0px 0px 12px;
    height: 580px;
}

.single-textarea {
    background: var(--white);
    padding: 6px 10px;
    font-family: roboto;
    line-height: 22px;
    border: 1px solid var(--dark-blue);
}

.single-textarea:focus {
    background: rgba(0 154 255 / 15%);
    border: 1px solid var(--dark-blue);
}

.edit_pop .single-textarea {
    height: 150px;
}


.signup-left-teaser{
    border-radius: 12px 0px 0px 12px;
    height: 450px;
}



.wpcf7-list-item-label{
	font-family:roboto;
}

.wpcf7-list-item-label a{
	font-family:roboto;
	font-weight:500;
}

.signup-left-teaser{
    background-image: url("../img/sign_up_left_b.jpg");
    background-repeat:no-repeat;
    background-position: left center;
    background-size: cover;
    padding: 10%; 
}

.signup-left-teaser h3{
    text-align: left;
    color: #ffffff;
    font-weight: 500;
    
}

.adv-title h1{
    text-align: left;
    font-size: 40px;
    color: #1823a0;
    text-transform: uppercase;
    font-weight: 900;
    width: 80%;
	
}

.for-free{
    font-weight: 900;
    font-size: 40px;
    line-height: 60px;
}

.facebook_btn a{
    background-color: #ffffff;
    border:1px solid #2c6ad4;
    height: 45px;
    width: 100%;
    color: #2c6ad4;
    font-size: 17px;
    font-weight: 400;
    border-radius: 0px;
    text-align: right;
    padding-right: 7%;
    line-height: 22px;
    font-family: roboto;
}


.facebook_btn a:hover{
    background-color: rgba(44, 106, 212, 0.2)!important;
}

.footer-social a:hover{
    background-size:0;
}


.google_btn a:hover{
     background-color: rgba(223, 74, 50, 0.2)!important;
}

.facebook-icon i{
    color: #2c6ad4;
    float: left;
    margin-left: 7%;
    font-size: 22px;
    margin-top: 2px;
    display: flex;
    align-items: center;
}


.google_btn a{
    background-color: #ffffff;
    border:1px solid #df4a32;
    height: 45px;
    width: 100%;
    color: #df4a32;
    font-size: 17px;
    font-weight: 400;
    border-radius: 0px;
    text-align: right;
    padding-right: 7%;
    line-height: 22px;
    font-family: roboto;
}


.google-icon i{
    color: #df4a32;
    float: left;
    margin-left: 7%;
    font-size: 24px;
}


.add-on{
    border:1px solid #dbdbee;
    border-radius: 6px;
    height: 36px;
}


.exitpopup-modal-window .single-input {
    background: #ebeff2;
    padding: 2px 10px;
	font-family:roboto;
	border-radius:4px;
    line-height: 36px;
}

.exitpopup-modal-window.edit_con  {
    max-width: 600px;
}


.exitpopup-modal-window.edit_con ::-webkit-input-placeholder{
	color:#000730!important;
    font-family: roboto;
	font-weight: 400!important;	
    font-size: 16px!important;
    
}

.exitpopup-modal-window.edit_con :-ms-input-placeholder{
	color:#000730!important;
    font-family: roboto;
	font-weight: 400!important;	
    font-size: 16px !important;
	opacity:1;
}

.exitpopup-modal-window.edit_con ::-moz-placeholder {
	color:#000730:!important;
    font-family: roboto;
	font-weight: 400!important;	
    font-size: 16px !important;
	opacity:1;
}



.exitpopup-modal-window.edit_con .single-input {
    padding: 2px 10px;
    width: 400px;
}



.single-input:focus {
    background: rgba(0 154 255 / 15%);

}


.or{
    padding: 5px;
    background: red;
    width: 30px;
    margin: auto;
     text-align: center;
    font-size: 16px;
    font-weight: 900;
    color: #d8d8d8;
    background-color: #ffffff;
        
}


.or-sap-border{
    border-top: 2px solid #e7e8f4;
    margin-top: -11px;
    display: block;
 
}

.forgot a{
    background: #ffffff;
    color:#696969;
}

#form_signup_contact ::-webkit-input-placeholder{
	color:#1823a0!important;
    font-family: roboto;
	font-weight: 400!important;	
    font-size: 14px!important;
    letter-spacing: 0.5px;
    
}

#form_signup_contact :-ms-input-placeholder{
	color:#1823a0!important;
    font-family: roboto;
	font-weight: 400!important;	
    font-size: 14px !important;
    letter-spacing: 0.5px;
	opacity:1;
}

#form_signup_contact ::-moz-placeholder {
	color:#1823a0:!important;
    font-family: roboto;
	font-weight: 400!important;	
    font-size: 14px !important;
    letter-spacing: 0.5px;
	opacity:1;
}


#pp .sticky-wrapper .default-header {
   box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
}


.inner_sim_sec ol>li {
    list-style-type: auto;
}
.inner_sim_sec ol>li {
    padding-left: 10px;
    margin-left: 20px;
}

.bull_in ol>li {
    list-style-type: di991sc;
}

.inner_sim_sec .sdk-cont ul>li {
    padding-left: 5px;
    margin-left: 17px;
}

.bull_in ul>li {
    list-style-type: disc;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.terms{
    height: 165px;
    background: rgb(247,20,108);
    background: -moz-linear-gradient(345deg, rgba(247,20,108,1) 0%, rgba(22,25,145,1) 100%);
    background: -webkit-linear-gradient(345deg, rgba(247,20,108,1) 0%, rgba(22,25,145,1) 100%);
    background: linear-gradient(345deg, rgba(247,20,108,1) 0%, rgba(22,25,145,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7146c",endColorstr="#161991",GradientType=1);
}

#pp p {
   font-size: 15px;
}

.container.terms-inn{
	max-width: 1400px;
}

.terms-inn h5 {
    font-size: 20px;
    margin-top: 30px;
    font-family: roboto, Arial, Helvetica, sans-serif;
    color: #1823a0;
}

li{
    font-family: roboto, Arial, Helvetica, sans-serif;
    color: var(--dark-gray);
    font-weight: 400;
    font-size: 15px;
}

b, i, sup, sub, u, del {
    color: #282939;
    font-weight: 900;
}

.wpcf7-list-item-label u{
	font-weight: 400;
	color:#1823a0;
}

tbody b{
    font-family: roboto, Arial, Helvetica, sans-serif;
    color:var(--blue);
}

td, th {
    border-radius: 0px;
    font-family: roboto;
    border: 1px solid var(--light-blue);
    padding: 10px;
    font-size: 15px;
    color: var(--blue-dark);
}


.mark{
    background-color: #f7146c;
}
.mark2{
    background-color: #E7F5E3;
}

.container.terms{
    max-width: 100%;
}

#pp-header h1{
   text-transform:uppercase;

}

.terms-inn a{
    color: #f7146c;
    text-decoration: underline;

}


.sidenav {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #f3f5f7;
  overflow-x: hidden;
  transition: 0.3s;
  padding-top:0%;
  padding-bottom: 10%;
  margin-top: 0px;
   
}

.inn-men{
    padding: 2%;
}

.sidenav a {
  text-decoration: none;
  font-size: 40;
  color: #000730!important;
  display: block;
  transition: 0.3s;
  position: absolute;
  right: 0;
  text-align: center;
  left: 0;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  float: right;
  margin-top: 25px;
  margin-bottom: 0%;
  margin-right: 0%;
  font-size: 40px;
}


#main {
  transition: left .3s;
  top:35px;
}



.thanks_logo{
	position:absolute;
	right:0;
	top:10%;
	height: 42px;
		
}

.thanks-logo-place{
	height:100%;
}


.nav-tag .footer-area.footer-nav li{
	display: inline-block!important;
}

.left-teaser-text-holder{
	margin-top: 10%;
}
#about .left-teaser-text-holder {
    margin-top: 8%;
}

.left-teaser-text-holder.api-text {
    margin-top: 8%;
}
.api-text p{
	padding-right:5%;
}

.container.api-bottom{
    max-width: 1400px;
}

#api-page{
	top: 0px;
}


.out-title h3{
    width: 100%;
    margin-top:20px ;
}

/*-------------------- Blue------------------*/

  .dom .in_grid_inf{
    margin: 60px 0;

}

.desc-hold{
    padding-right: 30px;
}

.dom .app_img_in{
    min-width: 300px;
    height: 100%;
    border-radius: 12px;
    margin-right: 0px;
}

.rank-desk{
    font-weight: 300;
}

.dom .app_inf_grid {
    display: flex;
    gap: 30px;
}

.dom .grid_line_thr{
    height: 100%;
}

.dom .in_grid_inf {
    gap: 0px;
}
.row_box.open_box {
    background-color: rgba(0,0,0,0);
    border-radius: 0px;
    display: block;
}

.in_grid_count {
    border-radius: 10px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.in_grid_count .cat_title{
    color: var(--blue);
}

.row_box {
    background-color: #fff;
    border-radius: 10px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

.rank-box{
    border-left: 1px solid var(--blue);
    padding-left: 25px;
}

.hold-num-rank {
    height: 104px;
    width: 100%;
    margin: auto;
    align-items: center;
    display: flex;
}

.rank-box h2{
    font-size: 50px;
    color: #000730;
    font-weight: 900;
    padding-right: 10px;
    margin-bottom: 0px;
}



.rank-sign{
    color: var(--blue);
    margin-right: 5px;
}

.rank-num{
    display: flex;
    justify-content: space-between;
}

.rank-num h2{
    margin-right: 1rem;
    line-height: 0.8em !important;
}

.pos{
    display: flex;
    gap: 5px;
    margin-top: auto;
}

.pos p{
    line-height: 15px!important;
    font-weight: 500;
    color: #000730;
}


.rank-arrow-up, .rank-arrow-down{
    height: 13px;
    filter: brightness(0);
}

.rank-arrow-down{
    transform: rotate(180deg);
}

.in_grid_count .count-box-num{
    font-size: 3.8vw;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 40px;
    line-height: 1em;
    color: #000730;
}

.dom .box_plat_dom p{
    background-color: var(--blue-al);
    color: #000730;
}


.dom-big-num h3{
    text-align: left;
}

.dom .miss_hold.dom-big-num {
    margin-bottom: 20px;
    padding: 60px 100px;
    border-radius: 6px;
    background-color: var(--blue-al);
    
}

.dom .price_counter {
    margin: 0.3em 0;
}

.dom .hold_miss_b {
    display: grid;
    justify-content: center;
    grid-template-columns: 45% 35%;
    background-color: rgba(0,0,0,0);
    align-items: center;
    gap: 5%;
    padding: 0;
}


.dom .dev_place .hiw-title h2 {
    margin: 0px auto 20px;
}

.dom .title_dom h2{
    line-height: 1.4em!important;
}


.dom .step_cir{
    background-color: var(--blue-al);
}


.dom .dem_btn {
    width: 100%;
    background-color: var(--blue-al);
    border: 1px solid rgba(195 32 255 / 20%);
    border-radius: 6px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.dom .box_adva {
    border: 1px solid var(--blue);
}

.dom .box_adva .btn_cir {
    background-color: var(--blue);
}

.dom .dem_btn .btn_box p {
    color: var(--blue);
}

.dom .btn_box .btn_cir{
    color: var(--blue);
}



 @media (min-width: 1921px){

    .in_grid_count .count-box-num {
        font-size: 70px;
    }

    .par_grid {
        grid-template-columns: repeat(9, 1fr);
        gap: 60px;
    }

    .ads-page .par_grid {
        gap: 60px 120px;
    }

    .top_desk {
        margin-top: 15%;
    }

    .container.inner_sim {
        max-width: 1920px;
    }
    .container.inner-custom-size {
        max-width: 80%;
    }

  .lp_page .inner_sim_sec{
        max-width: 1920px;
        margin: 0 auto;
    }

    .container.inner_sim.top_main_teaser {
        max-width: 1920px;
    }

    .lp_page .inner_sim_sec.hold-wave{
        max-width: 100%;
        margin: 0 auto;
    }

    .lp_page {
        background-size: auto;
    }
    .inner_widgets {
        grid-template-columns: repeat(6, 1fr);
    }
}

    @media (min-width: 992px){ 

    .footer-bottom p{
        text-align: right;
    }
        

    .default-header{
        background-color: var(--white)!important;
        height: 60px;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid var(--light-blue);
        position: fixed;
    }

    .container {
        margin-right: auto;
        margin-left: auto;
        padding-right: 30px;
        padding-left: 30px;
        width: 100%;
        }
    
    .sdk-cont{
        max-width: 1200px;
        margin: 30px 0px 30px 30px;
    }

    .sdk-cont-hold {
        padding: 0 30px;
    }

     .sid-menu-toggle{
        display: none;
    }

    .sid-menu-head{
        display: none;
    }
}

@media (max-width: 991px){ 

    .sdk-cont{
        padding: 30px 15px;
    }

    .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    .sid-page .in_top_title {
        height: 0px;
    }

    .sdk-cont-hold {
        padding: 30px 15px 15px 15px;
    }

    .footer-nav {
        display: block;
    }

    .sdk-cont img{
        max-width: 100%;
    }

    code {
        word-break: break-all;
    }

    h2 {
        font-size: 25px;
    }

    .top-main-pannel{
        display: none;
    }

    .cont-prom h3 {
        line-height: 1.8rem!important;
    }

    .cont-prom {
        padding: 15px;
        margin-bottom: 15px;
    }

    #inner .box_hold_boxes .count-num {
        font-size: 2.8rem;
        margin-top: -15px;
    }

    .flag-img {
        width: 60px;
    }

    .hold-flag-img {
        width: 80px;
        height: 80px;
    }

    .pie-grid.grid_line_thr {
        grid-template-columns: repeat(3, 1fr);
    }

    .in_grid_inf.geo-grid {
        gap: 15px;
        align-items: center;
    }

    .box_hold_boxes {
        gap: 15px;
    }

    .in_grid_graph_ap {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .count-a .grid_line {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        border-bottom: 0px;
        padding-top: 0px;
        gap: 15px;
    }

    .count-a, .count-b, .count-c {
        height: auto;
        padding: 30px;
    }

    .hold-all-prof {
        height: auto;
    }

    .hold-prof-img {
        width: 40%;
    }

    .int-note, .int-caution {
        flex-wrap: wrap;
        padding: 20px 20px;
    }

    .sdk-cont h3{
        font-size: 20px!important;
    }

    .sid-page .inner_sim_sec{
        margin-top: 0px;
    }

    .sid-mobile-menu a:hover {
        border-radius: 6px;
        background-color: var(--light-blue);
    }
    

    .sid-mobile-menu li {
        border-bottom: 0px solid #555;
    }

    .sid-menu-hold{
        display: none;
    }

    .sid_grid {
        grid-template-columns: 100%;
    }


    .box_tags {
        height: 35px;
    }

    .filt-btns {
        display: flex;
        gap: 10px;
        margin: 15px 0;
        justify-content: center;
    }


    .filtet-btn-mob a {
        text-align: left;
        margin-left: 10px;
        font-weight: 700;
        color: var(--blue)!important;
    }


    .accordion {
        background: rgba(255,255,255,0);
      }

      .accordion .link {
        background-color: #fff;
    }

    .filter-inn {
        border: 1px solid #dbdbee;
        display: grid;
        grid-template-columns: 1fr 1fr;
        background-color: #fff;
    }

    
    #filter-drop-mob-a .filter-inn {
        border: 1px solid #dbdbee;
        display: grid;
        grid-template-columns: 1fr;
        background-color: #fff;
        padding: 20px;
        margin-top: 10px;
    }

    .filter-drop-mob{
        display:block;
    }

    .in-teaser-clear-hold .inner_sim h1{
        font-size: 30px;

    }

    .in-teaser-clear-hold {
        padding: 70px 15px 50px;
    }

    .in-teaser-clear-hold p {
        font-size: 17px;
        font-weight: 400;
            margin-top: 10px;
    }

    .box-desc-hold{
        padding: 0 15px 15px;
    }

    .head-box {
        margin: 15px 15px 60px 15px;
    }

    .widgets {
        padding: 20px 15px;
    }

    .hold-pannel {
        margin-left: 0px;
        margin-right: 0px;
    }

    .inn-hold {
        grid-template-columns: 100%;
        gap: 0px;
    }
 

    .navbar-nav.logbtn{
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 20px;
    }

 
    .step_cir_pur {
        display: none;
    }

    .title_pur {
        margin-bottom: 0px;
    }


    .big-p .inner_sim p{
        font-size: 17px;
    }
    

    .typing-animation {
        word-break: break-all;
        font-size: 0.7em;
        line-height: 1.5em;
    }


    .in-small-w{
        width: 100%;
    }

    .typecode_hold {
        position: relative;
        max-width: 100%;
        margin: auto;
    }

    .box_bord {
        padding: 25px;
    }

    .grid_no_gap {
        margin-top: 30px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .data_mov {
        max-width: 100%;
        margin: auto;
    }

    .inner-custom-size .blue-hold {
        padding: 25px;
    }

    .lr-flex {
        flex-wrap:wrap;
    }

    .in-teaser{
        text-align: center;
    }

    .main-teaser-hold {
        padding: 80px 0;
    }

    .inner_sim.main-teaser-hold h1 {
        font-size: 3em;
        text-align: center;
    }

    .inner_sim.main-teaser-hold p {
        font-size: 22px;
        max-width: 90%;
        text-align: center;
        margin: 20px auto;
    }

    .teasersdk{
        width: 85%;
    }

    .main-teaser-hold{
        grid-template-columns: repeat(1, 1fr);
    }

    .r-c {
        flex-direction: column-reverse;
    }

    .mob-m-top{
        margin-top: 12px;
    }
    .pos {
        margin-top: 10px;
    }

    .rank-num {
        display: grid;
    }

    .rank-desk{
        font-weight: 400;
    }

    .dom .grid_line_thr {
        grid-template-columns: repeat(1, 1fr);
        height: auto;
    }

    dom .desc-hold {
        padding-right: 0px;
    }

    .out-text{
        margin: 40px auto 20px;
    }
 

    .dom .hold_miss_b {
        margin-bottom: 20px;
    }

    .dom-big-num h3 {
        text-align: center;
    }

    .dom .hold_miss_b {
        grid-template-columns: 100%;
        gap: 5%;
    }

    .dom .miss_hold.dom-big-num {
        margin-bottom: 15px;
        padding: 25px;
    }

    .hold-num-rank {
        height: 80px;
    }
    
    #inner .in_grid_count .count-box-num{
        margin-top: 20px;
        font-size: 50px;
        line-height: 1em;
    }

    .dom .in_grid_inf {
        margin: 0px;
    }

    .row_box .rank-box h2 {
        font-size: 28px;
    }

    .dom .in_grid_count {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .rank-box {
        border-left: 0px;
        border-top: 1px solid var(--blue);
        border-bottom: 1px solid var(--blue);
        padding: 15px 0;
        margin-bottom: 15px;
    }

    .dom .rank-hold .grid_line_thr {
        grid-template-columns: repeat(3, 1fr);
        margin-top: 0px;
        gap: 15px;
    }

    .dom .app_inf_grid {
        flex-wrap: wrap;
        gap: 0px;
        margin: 20px 0;
    }


#inner .grid_line_two p{
    font-size: 17px;
    line-height: 30px;
}

    .hold-box.box-two-step h1 {
        margin: 20px 0px;
    }

    .hold-box.green-bord{
        padding: 25px;
    }

    .hold-box.yellow-bord{
        padding: 25px;
    }

    .lp_page-pub .adshead .grid_line_two {
        margin-top: 40px;
        display: grid;
        grid-template-columns: repeat(1, 100%);
        gap: 25px;
    }

    .lp_page-pub .inner_sim.lp_inn h3 {
        width: 100%;
        margin: 40px 0;
    }

    .hold-box {
        padding: 40px 25px 25px;
    }

    .lp_page-pub .adshead .grid_line_thr {
        grid-template-columns: repeat(1, 100%);
        gap: 25px;
    }

    .count-main{
        position: relative;
        height: 80px;
        width: 30%;

    }

    .back-grad {
        height: 25%;
    }

    .count-main-cont .par-sec{
        font-size: 17px;
        letter-spacing: 0.3px;
        font-weight: 300;
        width: 100%;
        line-height: 1.5rem!important;
        margin: 50px auto 20px;
        text-align: center;
        color: #ffffff;
    }

    .inner_sim .count-main p {
        font-size: 17px;
        margin-bottom: 0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .inner_sim .count-main h1 {
        font-size: 35px;
        font-weight: 600;
        position: absolute;
        left: -4px;
        right: 0;
        top: 0;
    }


    .lp_page-pub .inner_sim_sec{
        margin-top: 20px;
    }

    .ads-page .count-main-cont .grid_line_thr{
        transform: scale(1);
        display: flex;
        justify-content: space-between;
        margin-top: -15px;
        margin-bottom: -10px;
        margin-left: -5px;
    }

    .inner_sim.count-main-cont {
        padding-top: 0px;
    }

    #inner .lp-mes .wel-header h2 {
        margin: -5px auto 10px;
    }

    .adstxt-wel-bg {
        margin: 0px 0 50px 0;
        padding: 10px 0px;

    }

    .wel_dev .navbar-nav{
        padding: 10px;
    }
    
    .wel-header h2{
        font-size: 20px;
    }

    .navbar-nav.wel-header{
        margin-top: 0px;
    }

    .doll-min {
        margin-right: -10px;
    }

    .ads-page .grid_line_thr {
        grid-template-columns: repeat(1, 1fr);
    }


 
    .title_dom .mb-60{
        margin-bottom: 20px;
    }

    .ads-inn-con {
        padding: 40px 0;
    }

    .ads-page .par_grid {
        grid-template-columns: repeat(6, 1fr);
        gap: 60px 80px;
        margin-top: 60px;
    }

    .adshead {
        background-size: 300%;
        padding: 80px 0 80px 0;
    }

    .adshead .inner_sim .grid_line_thr h2 {
        text-align: center;
    }

   .adshead .st_icon {
        margin: 0 auto;
    }

    .adshead .grid_line_thr {
        gap: 50px;
        margin-top: 30px;
    }

    .adshead .inner_sim .wel-text{
        font-weight: 600;
    }

    .adstxt-bg {
        margin: 30px 0 30px 0;
        padding: 15px;
        gap: 10px;

    }

    .inner_sim .adstxt-top-hold h2 {
        line-height: 30px!important;
        width: 100%;
        text-align: center;
    }

    .row_box h3{
        font-size: 20px;
        line-height: 30px;
    }
    

    #inner .page_head p {
        font-size: 16px;
    }

    .navbar-nav.page_head{
        padding: 15px;
    }
    

    .comso-tag {
        width: 70px;
    }

    .box_adva {
        width: 100%;
    }

    .comso-tag {
        width: 70px;
    }

    .box_adva {
        width: 100%;
    }
    #more-op .cont-hold {
        padding: 10%;
    }


    .orwor {
        background-color: #e5f5ff;
        z-index: 1;
        position: relative;
        margin-top: 10px;
        width: 21px;
        margin: 20px auto;
    }


    .sephold {
        height: 60px;
    }

    .orsep-line{
        width: 1px;
        background-color:#000;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        transform:rotate(90deg);
    }

    .int_place .btn_hold .cont-us{
        width: 100%;
    }

    .int_btns .view-btn {
        margin: auto;
    }

    .int_btns {
        gap: 0px;
        margin-top: 40px;
        margin-bottom: 20px;
        justify-content: center;
        display: grid;
        text-align: center;
    }

    .tag-btn .int_btns {
        display: grid;
        justify-content: center;
    }

    .btn_hold {
        padding: 20px;
    }

    #more-op {
        padding: 0px 20px 20px 20px;
    }

    .dem_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .dem_btn .btn_box p {
        margin: auto auto auto 0;
    }

    .btn_box .btn_cir {
        padding: 0px;
        bottom: 0;
        top: 0;
        margin: auto;
        line-height: 35px;
    }


    .dem_btn{
        border-radius: 6px;
    }

    .btn_box {
        width: 100%;
        height: 80px;
    }
    .dev_place .app_img {
        width: 100%;
    }

    .info_plat_dom {
        grid-template-columns: repeat(2, 1fr);
    }

    .no_data_hold{
        height: 140px;
        margin: 20px auto;
        display: flex;
    }

    .data_locked{
        height: 140px;
        margin: 20px auto;
        display: flex;
    }

    .no_data_icon {
        width: 150px;
    }

    .navbar-toggler{
        display: none;
    }
    
    .header-main .navbar-toggler{
        display: block;
        position: relative;
        z-index: 99;
    }

    .navbar-nav.head_num{
        margin-top: 0px;
        background-color: rgba(0,0,0,0);
        padding: 0px;
    }

    .app_inf_grid{
        display: grid;
        grid-template-columns:100%; 
        gap: 0px;
    
    }

    .app_inf_all{
        display: grid;
        grid-template-columns:100%; 
        gap: 0px;
    
    }
    
    

    .app_desc {
        margin-top: 40px;
    }

    .in_info {
        grid-template-columns: repeat(1, 1fr);
        gap: 0 20px;
    }

    .in_info .grid_line_inf {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .single-footer-widget .cont-us{
        margin: auto;
    }


    .hold_more_app {
        grid-template-columns: repeat(3, 1fr);
    }

    .footer-create-text {
        padding-left: 20%;
        padding-right: 20%;
        font-size: 18px!important;
        width: 100%;
    }

    .mail-chimp{
        margin-top: 60px;
        margin-bottom: 90px;
    }


    .st_num_a {
        width: 100%;
    }

    .st_num_b {
        width: 100%;
    }


    .st_arr {
        width: 15px;
        transform: rotate(90deg);
    }


    .lp_inn .inner_sim_trip_grid {
        margin-top: 0px;
        display: grid;
        gap: 20px;
        grid-template-columns: 1fr;
    }

    .single-footer-widget{
        text-align: center;
    }

    .lp_page {
        background-size: 300%;
    }

    .inner_sim.lp_inn p {
        color: #fff;
        font-size: 15px;
        line-height: 1.5rem;
        letter-spacing: 0.2px;
    }

    .lp_legal {
        margin-bottom: 20px;
    }

    .lp_legal.pp li {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        margin: 0 auto;
    }

    .lp-foo.lp_inn{
        overflow-x: hidden;
    }

    .lp_footer {
        height: 140px;
    }

    .lp-con-footer {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-top: 100px;
        
    }

    .lp_footer_bg_mob {
        overflow: hidden;
        max-width: 130%;
        transform: translateX(-50%)!important;
        margin-left: 50%;

    }

    .earth_desk{
        display: none;
    }

    .lp_inn .step_ab_hold p {
        font-size: 17px;
        font-weight: 500;
    }

    .inner_sim_sec .inner_sim .blue_title {
        width: 200px;
        color: var(--blue);
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 8px;
        line-height: 28px;
    }

    .blue_title_sep {
        margin-top: -20px;
    }

    .inner_sim.lp_inn h3 {
        font-size: 25px;
    }


    .st_sep {
        height: 40px;
        width: 20px;
        left: 24px;
        top: 60px;
    }

    .st_icon {
        height: 70px;
    }


    .lp_inn .step_ab_hold h1 {
        margin-right: 20px;
        width: 25px
    }

    .lp_top {
        margin-top: 50px;   
        margin-bottom: 0px;
    }

    .lp_logo {
        width: 200px;
        margin-bottom: 40px;
    }

    .inner_sim.lp_inn p {
        line-height: 1.5rem;
    }

    .ap_cont {
        height: auto;
        margin-bottom: 40px;
    }

    .lp_page .container.inner_sim {
        padding-left: 25px;
        padding-right: 25px;
    }

    .lp_page .sup_hold {
        padding: 0px;
    }

    .inner_sim .sup_hold.lp_bottom h3 {
        font-size: 30px;
        font-weight: 900;
    }

    .inner_sim .lp_bottom p {
        font-size: 20px;
        line-height: 2rem;
    }

    .lp_top h1 {
        font-size: 30px;
        line-height: 2.2rem!important;
    }

    .lp_page-pub .lp_top h1 {
        font-size: 30px;
        line-height: 2.5rem!important;
        margin-bottom: 20px;
        width: 100%;
    }

    .lp_top h3 {
        font-size: 17px;
        width: 85%;
        line-height: 1.5rem!important;
        margin-bottom: 50px;
    }

    .lp_top h2 {
        font-size: 17px;
        width: 85%;
        line-height: 1.5rem!important;
        margin-bottom: 40px;
    }

    .lp_page .sup_hold {
        width: 100%;
    }

    .lp_inn .inner_sim_grid {
        margin-top: 0px;
        grid-template-columns: 1fr;
        justify-content: space-around;
    }


    .coun_hold .price_counter {
        font-size: 12vw!important;
        margin: 0.7em 0;
    }

    .inner_widgets.list .widget_box .app_img {
        margin-bottom: 5px;
    }

    .view-btn {
        margin-top: 0px;
    }

    .grid_line_det{
        gap: 10px;
        grid-template-columns: 100px 1fr;
    }

    .inpub .exitpopup-modal-window {
        max-width: 90%;
    }

    .inner_widgets.list .widget_box {
        flex-direction: column;
        gap: 5px;
    }

    .inner_widgets.list .widget_box .tags {
        margin: 0 0 auto;
    }

    .exitpopup-modal-window.edit_con {
        max-width: 90%;
    }

    .exitpopup-modal-window.edit_con .single-input {
        width: 270px;
    }

    .navbar-nav a{
        color:#ffffff;
    }

    select{
        background-color: #000730;
        border: 0px;
        color: #ffffff;
    }

    .lang_mob{
        margin: 20px auto;
    }

    .dropdown_lang.desk{
        display: none;
    }

    .rm-hold{
        padding: 10px 10px 50px 10px;
    }
    

    .sup_hold{
        width: 100%;
        padding: 30px;
    }

    .faq_teaser {
        margin-top: -130px;
    }

    .step_title_work p {
        padding: 5px 22px 20px 22px;
    }

    .step_mob_left{
        padding-left: 22px;
    }

    .step_line_mob{
        border-left: 1px solid #c322ff;
        padding-left: 22px;

    }

    .step_line_mob.ts_sec{
        border-left: 1px solid #c322ff;
        padding-left: 14px;
        margin-left: 0px;

    }

    .step_ring{
        width: 13px;
        height: 13px;
        border: 0px solid #dbdbee;
        border-radius: 50%;
        background-color: #c322ff;
        position: absolute;
        top: 15px;
        left: -1px;
    }
        

    .inner_sim.is_center h3 {
        width: 50%;
        text-align: center;
        margin: 0 auto;
    }

    .inner_sim.is_center h2 {
        width: 50%;
        text-align: center;
        margin: 0 auto;
    }

    .sup_hiw {
        margin-top: 0px;
    }

    .top_desk {
        margin-top: 10%;
    }

    .in_top_title.top_grid_title {
        height: auto;
        display: grid;
        grid-template-columns: 100%;
        padding-bottom: 50px;
    }

    .step_title_work p {
        font-size: 15px!important;
    }


    .step_cir_dom{
        display: none;
    }

    .title_dom {
        margin-bottom: 0px;
    }

    
    .sep_wave_mob {
        width: 30px;
        height: 28%;
        background-image: url(../img/sep_wave_line.svg);
        background-size: cover;
        background-position: top left;
        margin-top: 45px;
    }
    

    .sw_top{
        display: none;
    }

    .teaser_step {
        width: 100%;
        padding-bottom: 15px;
    }

    .step_title_work {
            display: grid;
            grid-template-columns: 0% 97%;
            gap: 5px;
            position: relative;
     }
    


    .step_grid_left_step{
        display: grid;
        grid-template-columns: 10% 87%;
        gap: 5px;
    }

  

    .hiw_desk{
        display: none;
    }


    .inner.widgetNav {
        position: sticky;
        top: 45px;
    }


    .cir_title{
        margin-top: 20px;
        height: 25px;
    }

    .close_btn {
        margin-right: -15px;
    }

    .par_grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 90px;
    }

    .inner_sim_sec {
        margin-top: 50px;
    }

    .inner_sim h3 {
        width: 100%;
        font-size: 30px;
        margin-bottom: 20px;
    }

    .inner_sim .title_dom h2{
        width: 100%;
        font-size: 30px;
    }


    .inner_sim_grid h2 {
        width: 100%;
        font-size: 30px;
        margin-bottom: 20px;
    }


    .inner_sim .sup_hold h3 {
        width: 100%;
        font-size: 30px;
        margin-bottom: 20px;
    }

    .in_top_title {
        height: 180px;
        padding-top: 85px;
    }

     .in_top_teaser.mob{
        padding: 15px;
    }

    .container.inner_sim {
        padding-left: 50px;
        padding-right: 50px;
    }


    .inner_sim_grid {
        grid-template-columns: 1fr;
    }

    .in_top_teaser.desk{
        display: none;
    }

    #su-page {
        top: 0px;
        background-color: #fff;
    }

    .su_form {
        padding: 0px 20px;
    }

    .su-l h1 {
        margin-top: 20px;
    }
    .sn_icon {
        width: 60px;
        margin-top: 25%;
    }

    .su-l {
        position: relative;
        background-color: #000730;
        border-radius: 0px;
    }

    .su-l h1 {
        padding-bottom: 30px;
    }


    .sign_logo {
        position: absolute;
        left: 0;
        top: 20px;
        bottom: auto;
        right: 0;
        width: 40%;
        margin: auto;
    }

    .su-all {
        display: grid;
        grid-template-columns: 1fr;
        height: 100%;
        border-radius: 0px;
        margin: 0;
        box-shadow: 0px 0px 20px rgb(0 0 0 / 0%);

    }
    .miss_btns {
        position: relative;
        margin-top: 20px;
    }

    .miss_btns .view-btn {
        margin-top: auto;
    }

    .miss_hold {
        height: auto;
    }

    .miss_hold h3{
        margin-bottom: 15px;
    }


    .grid_line_thr {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .info_plat {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .info_plat_av {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }
 
    .movable .widget_box {
        height: 400px;
    }

    .slider_car {
        display: none;
    }

    #inner p {
        font-size: 15px;
        line-height: 25px;
        word-break: break-word;
    }

    .inner_sim .fb-bull > li {
        font-size: 14px;
        line-height: 24px;
    }

    .box_desk_all {
        padding: 15px;
        overflow: hidden;
    }

    .pie_graph {
        width: 100%;
    }

    .grid_line_pie {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        padding: 6%;
    }


    .grid_line {
        grid-template-columns: 30% 30% 30%;
        padding-top: 12px;
        padding-bottom: 12px;
        gap: 2%;
    }

    .in_grid_inf {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .in_grid_graph {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    
    .inner-custom-size {
        margin-bottom: 15px;
    }

    .inner-top-teaser {
        height: 65px;
        padding-top: 0px;
    }

    .inner-top-teaser h1 {
        text-transform: uppercase;
        font-size: 30px;
        width: 70%;
        font-weight: 700;
        margin-top: 20px;
    }

    .dev_m .container.inner-custom-size {
        padding-left: 0px;
        padding-right: 0px;
        overflow: hidden;
    }

    .dev_m .container.inner-custom-size {
        padding-left: 0px;
        padding-right: 0px;
        overflow: hidden;
    }

    .container.inner-custom-size {
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden;
    }
    .app_img_in {
        width: 150px;
        height: 150px;
        border-radius: 30px;
        margin-bottom: 30px;
    }

    .box_app_icon {
        padding: 20px;
        display: grid;
    }

    .basket-btn {
        position: absolute;
        right: 10px;
        top: 1px;
        bottom: 0;
        margin: auto;
        transform: scale(0.85);
    }

    .top_title {
        margin-left: 15px;
        margin-right: 15px;
        height: 60px;
    }

    .main_teaser h3 {
        line-height: 25px!important;
        width: 80%;
    }

    .main_teaser {
        justify-self: center;
        display: flex;
    }

    .inner {
        position: relative;
    }

    #home .sticky-hed-b {
        position: fixed;
        top: 45px;
        height: 60px;
        box-shadow: 0px 1px 3px rgb(0 0 0 / 15%);
    }

    .top_title_bg {
        height: 60px;
        max-width: 100%;
        background-color: #ffffff;
        box-shadow: 0px 1px 5px rgb(0 0 0 / 10%);

    }


    .enter-btn {
        right: 15px;
    }
    
    .category-widget {
        font-size: 0.7em;
        padding: 2px 6px;
        margin-right: 1px;
    }

    .app_img {
        width: 100px;
        border-radius: 20px;
    }

    .tags {
        display: block;
    }


    .adv-pab-btn{
        display: none!important;
    }

    .inner_widgets {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
	
    .w_s_min{
        /* transform: scale(0.7)!important; */
    }

	.inner_widgets .justify-content-start{
		justify-content: center!important;
		 margin-left: 0%!important;
	}
   .sign_up_free{
        background: #fff;
        border: 0px solid #000730;
        padding: 7px 12px 8px 12px!important;
        text-transform: none!important;
        border-radius: 20px;
    }

    .is-sticky .my_account {
        background: #f7146c;
        padding: 7px 12px 8px 12px!important;
        text-transform: none!important;
        border-radius: 20px;
        color: #ffffff!important;
		
    }

   .is-sticky .navbar {
        box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    }

    .navbar-nav li {
        text-align: center;
    }

    .main_logo {
        height: 30px;
    }
    .navbar {
        padding: 0.2rem 1rem;
        margin: auto;
        height: 50px;
        border-bottom: 1px solid var(--light-blue);
    }
    .navbar-nav {
        overflow: hidden;
        margin-top: 0px;
        width: 100%;
        border-radius: 10px;
        background-color: #000730;
        padding: 20px 0px 0px;
    }

    .navbar-nav a{
        font-size: 17px;
        font-weight: 400;
    }


    .col-md-12.widget_box{
       margin: auto;
	   height: 530px;
    }

    .widgets .justify-content-end {
        justify-content: center!important;
        margin: 0px;
    }

    .rate {
        transform: scale(1.1);
        text-align: left;
        position: absolute;
        bottom: 5%;
        left: 5%;
    }
    .main_teaser h1 {
        font-size: 35px;
        line-height: 40px!important;
        width: 95%;
    }

    .inner_sim h1 {
        font-size: 35px;
        line-height: 45px!important;
        width: 100%;
    }

    .bottom-teaser {
        font-size: 40px;
        font-weight: 900;
        padding-top: 5%;
        text-transform: uppercase;
        background-color: rgba(0,0,0,0);
        text-align: left;
		width: 100%;
    }

    .top_title {
        padding-left: 0%;
    }
    .main_text {
        margin-top: 2%;
    }
    
    .main_teaser h2 {
        margin-top: 3%;
        width: 85%;
        font-size: 22px;
    }
    
    .container.h-i-w {
        padding-left: 0%;
        padding-right: 0%;
        padding-bottom: 0%;
        margin-top: 0%;
        
    }
    
 
    
    .bottom-teaser-all {
        padding: 10% 8% 25% 8%;
        background-image: url(../img/bottom_teaser_mob_b.jpg);
    }
    .bottom-teaser-all.mt-60 {
        margin-top: 0px;

     }
    
    .bottom-teaser-all h3 {
       text-align: left;
       font-size: 18px;
        line-height: 30px!important;
       font-weight: 500;
       padding-left: 0%;
       padding-right: 0%;
    }
    
    .menu-desktop{
        display: none;
    }
    
    .col-lg-2.w_menu{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mob-t{
        margin-top: 20%;
    }

    .top_title h2 {
        font-size: 13px;
    }
    .tts{
        font-size: 13px;
    }
    
    .widgets-tags-title{
        margin-top: 12px;
        text-align: center;
    }
    
    .form-search {
        width: 100%;
        border-bottom: 1px solid #ffffff!important;
        background: rgba(255,255,255,0);
		border-radius:0;
		padding: 0px;
		border-bottom: 1px solid #1823a0;
		height: 35px;
		border-radius: 0;
		margin: 2%;
		color:#ffffff;
		font-weight:300;
    }
    .search_box {
		position:relative;
	}
    .search-btn {
        border: 0px;
        cursor: pointer;
        position: absolute;
        right: 0;
		bottom: 0;
		border: 0px;
		background: rgba(0,0,0,0);
		cursor: pointer;
		display: block;
		margin-bottom: 15px;
		margin-right: 0px;
    }
     .search_box ::-webkit-input-placeholder { /* Edge */
        color: rgba(255,255,255,0.7);
        font-weight: 300;
        font-size: 17px;
    }

    .search_box  :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: rgba(255,255,255,0.7);
        font-weight: 300;
        font-size: 17px;
    }

    .search_box ::placeholder {
        color: rgba(255,255,255,0.7);
        font-weight: 300;
        font-size: 17px;
    }
    
    .input-group {
        border-bottom: 0px solid #dbdbee;

    }

    .mobile-menu_btn{
        display: flex;
        gap: 15px;
        z-index: 99;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .top_title h2 {
        margin-left: 0%;
		text-align:center!important;
    }
    .navbar-toggler {
        padding: 0;
        border:0px;
        width: 28px;
    }
    .lnr {
        ooter-btnfont-size: 24px;
        font-weight: 800;
        color: #ffffff;
    }
  

    .choose-arrow{
        font-size: 20px;
        position: absolute;
        left: 0;

    }
    .footer-area .col-md-6, .col-sm-6{
        width: 50%;
		padding-left:15px;
		padding-right:15px;
    }
    
    .footer-create-text {
        width: 100%;
        text-align: center;
		padding-left: 10%;
        padding-right: 10%;
    }
    .footer-btn{
        text-align: center;
        margin-top: 10%;
    }

    .footer-bottom {
        grid-template-columns: 100%;
        text-align: center;
        flex-direction: column-reverse;
        padding: 15px 0px 30px;
    }

    .footer-log {
        text-align: center;
    }
    .btn-widget-on {
        font-size: 15px;
    }
     .default-header .justify-content-end{
         justify-content: flex-start !important;
      
    }
    .d-flex.pp {
        display: initial!important;
    }
    .pp li {
        padding-right: 0px;
        padding-bottom: 10px;
        height: 35px;
        margin-bottom: 30px;
    }
	
	.pp.footer-nav li {
        height: 20px;
    }
	
	.cr{
		margin-top:40px;
        margin-bottom:40px;
	}
	
    .container.inner-custom-color {
        max-width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }
    .custom-widget-color {
        margin-top: 10%;
        margin-bottom: 10%;
    }
    
    .custom-widget-color{
        transform: scale(0.9);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
    
    .inner-custom-color .iframe-mob{
        position: relative;
    }
    #inner-teaser {
        background-image: url(../img/main_teaser_mob.jpg);
        height: 220px; 
    }
    
    .btn-success:hover {
        background-color: #ffffff;
        color: #2d2d2d;
    }
    
    .btn-widget-on:hover {
        background-color: rgba(0, 154, 255, 0.5)
        color: #ffffff;
    }
	.main-icon {
		width: 180px;
		border-radius: 0px;
		margin-top: 15px;
		margin-bottom: 15px;
		text-align: center;
		
	}
	.main-widget-icon{
		text-align:center;
		transform: scale(0.85);
	}
	
    #inner-teaser .main_teaser h1 {
        font-size: 30px;
		line-height:32px!important;
    }
	 #inner-teaser .main_teaser {
        margin-top:5%;
    }
	
    #inner-teaser {
		padding-top: 0%;
        max-width: 100%;
        display:flex;
        justify-content: center;
        align-items: center;
        background-image: url(../img/main_teaser.jpg);
        background-size: cover;
        background-position: center center;
        height: 270px;
    }

    .inner_title .category-widget {
        font-size: 13px;
        display: inline-block;
    }
    .widget-size {
        margin-bottom: 0%;
		overflow:hidden;
        margin-top: 2%;
        margin-bottom: 2%;
    }
	.widget-banner {
		padding: 6%;
	}
	
    .size-grid {
        margin-bottom: 20%;
    }

    .about-desk{
        display: none;
    }
	 .adv-hol.desk{
        display: none;
    }
	.adv-all, .aff-all {
		background-size:0;
		background-color:#ffffff;
	}
	

	
		
    .container.about-place {
        padding-left: 4%;
        padding-top: 10%;
    }
  
    .about-place.about-mob h1{
        text-transform: uppercase;
        text-align: center;
        font-weight: 900;
        color: #161991;
    }
    .about-teaser-mob{
        width: 100%;
    }
    .about-cu {
        padding: 5%!important;
        text-transform: none!important;
        border-radius: 8px;
        border: 3px solid #ffffff;
        color: #ffffff!important;
        text-transform: uppercase!important;
        font-size: 16px;
        letter-spacing: 0.5px;
        font-weight: 600;
        display: block;
        text-align: center;
        width: 160px;
        left: 0;
		right: 0;
		margin:auto;
        position: absolute;
    }
    .exitpopup-modal-window {
        max-width: 90%;
        padding: 45px 30px;
    }
    .signup-left-teaser {
        border-radius: 12px 12px 0px 0px;
        height: 140px;
    }
	
	 .signup-left-teaser.btob-title{
        border-radius: 12px 12px 0px 0px;
        height: 70px;
    }
	
	.su-all .signup-left-teaser {
		height: 180px;
	}
    .footer-log {
        margin-top: 30px;
        margin-bottom: 30px;
    }
 
    .h-i-w-g.mt-100{
        margin-top: 0px;
		padding-left: 1%;
		padding-right: 1%;
        
    }

	.color-boxes {
		padding-bottom: 5%;
	}
	.custom-color-box {
		padding-bottom: 10%;

	  }
	.inner-des h1 {
		margin-top:30px;
		font-size: 30px;
		font-weight: 900;
		text-transform: uppercase;
		width: 100%;
	}
	.desc-widget{
		margin-top:20px;
	}
	.fa-list-ul{
		color: var(--blue);
	}
	.footer_main_logo {
		margin-bottom: 30px;
	}
 
	.su-all .signup-left-teaser h3 {
		margin-top: 60px;
	}

	.thanks-logo-place {
		height: auto;
	}

	.navbar-nav .dropdown-menu:active{
		position: flex;
		float: right;
	}

	.inner-text-box {
		top: 70px;
	}

	.all-widget-grid {
		grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
	}
	.exp-place{
		margin-top:-1px;
		padding: 5%;
	}
	.id-inn {
		width: 100%;
	}
	.container.id-place {
		max-width: 100%;
		padding-left: 5%;
		padding-right: 5%;
	}

	.sb11:after {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid transparent;
		border-bottom: 10px solid #fff;
		left: 48%;
		top: -19px;
	}

	.sb11:before {
	  content: "";
	  width: 0px;
	  height: 0px;
	  position: absolute;
	  border-left: 10px solid transparent;
	  border-right: 10px solid transparent;
	  border-top: 10px solid transparent;
	  border-bottom: 10px solid #dbdbee;
	  left: 48%;
	  top: -21px;
	}

	.container.final-code {
		padding-left: 5%;
		padding-right: 5%;
	}
	.about-mob h1{
		color: #161991;
	 }
	 .inn-men {
		margin-top: 40px;
        padding: 15px;
        pointer-events: none;
	}

	.adv-title h1 {
		font-size: 34px;
		margin-top: 50px;
	}
	.container.adv-hol {
		padding-left: 15px;
	}
	.adv-hol.mob p {
		font-size: 15px;
		color: #000000;
	}
	.about-mob p{
		font-size: 15px;
		color: #000000;
	}
	.adv-hol.mob h1{
		color: #161991;
	}
	.adv-form .container{
		padding-top: 1%;
		padding-bottom: 1%;
	}

	.footer-area .row{
		margin-right: 0px;
		margin-left: 0px;
	}

	#filter-drop {
		width: 450px;
		position:absolute;
		top: 33px;
		margin-top: 29px;
		padding: 10px 2px 10px 2px;
		
	}

	.filter-btns {
		margin-right: 20px;
	}


	.top_title {
		padding-right: 0px;
	}
	.m-f-desk{
	display:none;
	}
	.widgets-tags-title {
    padding: 0;
	}
	.code-demo {
		font-size: 0.65em!important;
		line-height: 12px;
		width: 100%;
		letter-spacing: -1.5px;
		font-weight:700;
		 padding: 1%;

	}
	.api-btn{
		text-align:center;
	}

	.api-img {
		margin-top: 30px;
		max-width: 105%;
		float: right;
		overflow: hidden;
	}
	.api-code-layer {
		position: absolute;
		z-index: -1;
		right: 0;
		bottom: 0;
		max-width: 65%;
		margin-right: 20%;
		margin-top: -5%;
	}
	#api-page .fullscreen{
		display: inline-table;
	}

	.signup-left-teaser.btob-title{
		padding: 7%;
	}
	.right-teaser-api{
		position:relative;
	}
	.categ-desc {
		width: 100%;
	}
	.api-desk{
		display:none;
	}
	.right-teaser-api{
			background-size:0;
	}
   .right-teaser-holder{
		background-size:0;
	}
	.right-teaser-aff-all{
		background-size:0;
	}
	.right-teaser-adv{
		background-size: 0;
	}
	.right-teaser-custom{
		background-size: 0;
	}
	#mySidenav .btn-block {
		display: block;
		width: 95%;
		margin: auto;
		height: 35px;
		display: flex;
		align-items: center;
		border-radius: 20px;
		padding-left: 10px;
		cursor: pointer;
		font-weight: 400;
		margin:auto;
		margin-top: 10px;
	}

	#mySidenav .inn-men {
		padding: 4%;
        margin-bottom: 40px;
	}


	#mySidenav .navbar-nav{
        max-height: 100%;
		margin-top:10px;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
	}
	.filtet-btn-mob {
		margin-top:50px;
		width: 100%;
		height: 36px;
		border: 1px solid #dbdbee;
		border-radius: 0px;
		background: #fff;
		padding-left: 10px;
		display: flex;
		align-items: center;
		text-align: left;
		font-size: 15px;
		color: #000730;
		font-weight: 400;
		font-family: roboto;
		position: relative;
		cursor: pointer;
		margin: auto;
		top: 10px;
		margin-bottom: -1px;
        display: flex;
        justify-content: flex-end;
	}
	



	#filter-drop-mob{
		width: 100%;
		background: #fff;
		padding: 10px 3px 10px 3px;
		border-left:1px solid #dbdbee;
		border-right:1px solid #dbdbee;
		border-bottom:1px solid #dbdbee;
		margin:auto;
		border-radius: 0px 0px 0px 0px;
        margin-bottom: 5px;
	}
	#mySidenav .navbar-nav li {
		padding: 0;
	}
	.filter-title{
        color:#001478;
        line-height: 18px;
        padding: 0px 0px 10px;

	}
	.filter-inn label {
        color:#001478;
        font-size: 11px;

	}
	.filter-inn {
		border-top: 0px solid #dbdbee;
        padding: 0 10px 0 0px;
	}
	.f-sep {
		border-left: 1px solid rgba(255,255,255,0.3);
	}
	.tab-icon {
		width: 17px;
	}
	.thanks_logo {
		margin-top: -30px;
	}
	.code-copy-done {
		width: 100%;
		position: relative;
		top: 15px;
		left: 0;
		margin: auto;
	}
	.code-coped-text {
		font-size: 14px!important;
	}
	.fas.fa-check {
		margin-right: 10px;
	}
}


@media (max-width: 600px){

    .dom .app_img_in {
        min-width: 50%;
        border-radius: 10px;
        margin-bottom: 10px;
    }


    .btn_hold{
        margin-top: 0px;
    }

    .top_mt {
        margin-bottom: 20px;
    }

    .bott-cal .inner_sim .hiw-title p {
        margin: 20px 0 30px 0;
    }

    .hiw-ads .grid_line_thr{
        text-align: center;
    }

    .ads-page .mhf p {
        margin: 30px auto;
    }

    .ads-page .inner_sim_grid {
        margin-top: 30px;
    }

    .ads-page .mhf p {
        padding: 0 0%;
    }

    .dev_place .hiw-title h2 {
        font-size: 20px;
        line-height: 30px!important;
        width: 100%;
        margin: 30px auto 30px;
    }

    .hiw-ads .cont-us-lp {
        text-transform: none!important;
        margin-top: 20px;
        width: 100%;
        border-radius: 60px;
        text-align: center;
    }

    .ads-page .par_grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 40px 60px;
        margin-top: 60px;
    }

    
    .lp_page-pub .par_grid {
        margin-top: 40px;
    }


    .hiw-ads .inner_sim_grid {
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center;
    }


    .wel-box .page_head p {
        padding: 20px;
    }

    .hold_miss_b {
        padding: 25px;
    }

    .plat_logo_b {
        height: 40px;
    }

    .log-grid {
        gap: 20px 20px;
        justify-content: space-between;
        padding: 20px 0;
    }

    .row_box h2 {
        margin: 0px 0px 30px 0px;
        font-size: 20px;
    }

    .hold_more_app_all .widget_box .app_img {
        border-radius: 20px;
    }

    .hold_more_app_all .widget_box {
        width: 100px!important;
        padding: 0px;
        background-color: rgba(0,0,0,0);
    }

    .hold_more_app_all{
        display: flex;
        gap: 10px;
        justify-content: space-between;

    }

    .plat_log_hol {
        height: 130px;
    }

    .box_plat_dom {
        height: 130px;
        gap: 15px;
    }

    .box_plat_dom .plat_logo {
        width: auto;
    }

    .info_plat_dom {
        grid-template-columns: repeat(2, 1fr);
    }

    .in_inform {
        grid-template-columns: repeat(1, 1fr);
        gap: 0 20px;
    }

    .two_btn {
        gap: 15px;
    }
 


    .dev_place .widget_box {
        width: 100px;
    }

    #inner .navbar-nav.page_head h3 {
        font-size: 20px;
        line-height: 30px!important;
        text-align: left;
    }

    #inner .navbar-nav.page_head a {
        font-size: 20px;
        line-height: 30px!important;
    }

    .miss_hold h3 {
        line-height: 30px!important;
    }


    .hold_more_app {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    .hold_step_miss .ver_fin {
        height: 100px;
    }

    .step_icon {
        flex-direction: column;
        justify-content: center;
    }

    .step_ab_hold {
        padding: 25px 25px 25px 0px;
        border-radius: 6px;
        display: grid;
        grid-template-columns: 1fr 1fr;

    }

    .dots_set_a {
        top: -150px;
        max-width: 95%;
    }
    .dots_set_b {
        top: -120px;
        max-width: 95%;
    }


    .footer_main_logo {
        margin-bottom: 0px;
    }    

    .hold_miss_b h1 {
        font-size: 45px;
        margin-top: 25px;
    }

    .mh_bord{
        padding: 15px;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .widget_desc h2 {
        font-size: 15px;

    }


    .widget_desc p{
        line-height: 1.30em;
    }

    .faq_teaser {;
        width: 45%;
    }

    .inner-faqs {
        margin-top: 30px;
    }

    .container.inner_sim {
        padding-left: 15px;
        padding-right: 15px;
    }


    .par_grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
        margin-top: 30px;
        margin-bottom: 30px;
        margin-left: 5px;
        margin-right: 5px;
    }


    .wel_icon {
        width: 90%;
    }

    .wel_hold.thx_hold {
        height: 500px;
    }

    .thx_hold h1 {
        font-size: 40px;
    }

    .thx_hold h3 {
        font-size: 20px;
    }

    .box_plat {
        width: 100%;
        height: 200px;
        border: 1px solid #dbdbee;
        border-radius: 6px;
        /* padding: 0px 20px; */
    }

    .sign-up-btn {
        width: 100%;
    }

    .regular.slider {
        margin-left: 0px;
        margin-bottom: 30px;
    }

    .slick-prev{
        display: none!important;
    }
    .slick-next{
        display: none!important;
    }

    .info_plat {
        gap: 15px;
    }
    .btn_cir {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 15px;
        margin: auto;
    }

   .adva_cont_hol .mt-30{
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .box_adva {
        width: 100%;
        height: 100%;
    }

    .adva_cont_hol {
        width: 80%;
        padding: 15px;
        height: 100%;

    }

    .box_plat {
        width: 100%;
        padding: 0px 10px;
    }
    .plat_logo {
        width: 100%;
    }

.w_s_min{
    transform: scale(0.33)!important;
}
.done-colors.final-code {
    width: 100%;
	padding-left: 1%;
    padding-right: 1%;

	}
	.done-colors.navbar-nav a {
		width: 100%;
	}
	.size-title {
		transform: scale(1.6);
		margin-top: 70px;
		margin-bottom: 0px;

	}
	.radio-btn {
		transform: scale(1.5);
		margin-top: 30px;
	}
	.footer-area .footer-nav li a {
		font-size: 13px;
	
	}

	.aff-all h3 {
		font-size: 10vw;
	}
	
	.categ-desc {
		margin: 0;
		width: 320px;
		margin-top: 10%;
		padding: 5%;
	}
}


@media (min-width: 576px){
    .container {
        max-width: 100%;
    }
}

@media (max-width: 350px){

	.widget_box {
		width: 250px;
	}
	  .open-widgets-mob {
		width: 250px;
	
    }
		.code-demo {
		font-size: 0.5em!important;

	}
	.filtet-btn-mob {
    width: 290px;
	}
	#filter-drop-mob {
		width: 290px;
	}

	.code-coped-text {
		font-size: 12px!important;
	}
	.fas.fa-check {
		margin-right: 10px;
		font-size: 22px;
	}	
}	
.widgets_footer>b {
    color:rgba(255,255,255,0.7);
}