@font-face {

    font-family: "Dylan";

    src: url("https://db.onlinewebfonts.com/t/1129b1dc97884258146a6e46429daee4.eot");

    src: url("https://db.onlinewebfonts.com/t/1129b1dc97884258146a6e46429daee4.eot?#iefix")format("embedded-opentype"),

        url("https://db.onlinewebfonts.com/t/1129b1dc97884258146a6e46429daee4.woff2")format("woff2"),

        url("https://db.onlinewebfonts.com/t/1129b1dc97884258146a6e46429daee4.woff")format("woff"),

        url("https://db.onlinewebfonts.com/t/1129b1dc97884258146a6e46429daee4.ttf")format("truetype"),

        url("https://db.onlinewebfonts.com/t/1129b1dc97884258146a6e46429daee4.svg#Dylan W03 Normal")format("svg");

}



* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}







body {

    font-family: "Dylan" !important;

}



.justi_between {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.items_center {

    display: flex;

    align-items: center;

}



.pt-60 {

    padding-top: 60px;

}



.pt-25 {

    padding-top: 25px;

}



.pt-15 {

    padding-top: 15px;

}



:root {

    --primary-light-color: rgba(45, 45, 45, 0.70);

    --Primary-color: #2D2D2D;

    --pfont-size: 18px;

    --pfont-weight: 400;



    --h1font-size: 26px;

    --h1font-weight: 700;



    --h5font-size: 18px;

    --h5font-weight: 500;



    --h2font-size: 20px;

    --h2font-weight: 700;

}



p {

    font-size: var(--pfont-size);

    font-weight: var(--pfont-weight);

    color: var(--primary-light-color);

    margin-bottom: 0;

}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    margin-bottom: 0;

}



input {

    outline: none;

}



.radius_15 {

    border-radius: 15px;

}



h1 {

    font-size: var(--h1font-size);

    font-weight: var(--h1font-weight);

    color: var(--Primary-color);

}



h5 {

    font-size: var(--h5font-size);

    font-weight: var(--h5font-weight);

    color: var(--Primary-color);

}



h2 {

    font-size: var(--h2font-size);

    font-weight: var(--h2font-weight);

    color: var(--Primary-color);

    font-weight: var(--h1font-weight);

}



.container {

    max-width: 1520px;

    width: 100%;

    margin: 0 auto;

    padding: 0 20px;

}



.main-btn {

    background: #2D2D2D;

    border-radius: 6px;

    color: #fff;

    padding: 10px 20px;

    text-decoration: none;

    font-size: 16px;

    font-weight: 500;
    border: 1px solid transparent;
    transition: .3s ease;

}



.header .main-btn a {

    font-size: 16px;

    font-weight: 500;

    color: #fff;

}



.header .navbar-nav {

    width: 62%;

    justify-content: end;

    margin-right: unset !important;

}



.mobile_header {

    display: none;

}



.web-header {

    padding: 20px 0;

}



.header {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.header_links {

    display: flex;

    align-items: center;

    gap: 20px;

}



.header_links .nav-link {

    color: #2D2D2D !important;

    font-size: 16px;

    font-weight: 500 !important;

    text-decoration: none;

    font-family: "Dylan";

}





.become_affiliate {

    border-radius: 6px;

    border: 1px solid #2D2D2D;

    padding: 10px 20px;

    color: #2D2D2D;

    font-size: 16px;

    font-weight: 500;

    text-decoration: none;

    font-family: "Dylan";
    transition: .3s ease;
    margin-right: 15px;

}



.header_login_btn {

    width: 38%;

    display: flex;

    justify-content: end;

    gap: 10px;

}



.hero_text_highlight {

    color: #2D2D2D;

    font-weight: 600;

}



.hero-sec {

    display: flex;

    align-items: center;

}



.brand_img {

    width: 25%;
    cursor: pointer;
    text-align: center;

}



.brand_img .android_icon {
    transition: .5s ease;
    width: 96px;

}



.brand_img img {

    width: 80%;

}



.brand_info {

    width: 60%;

}



.brand_title {

    padding: 0 60px;

    text-align: center;

    line-height: 1.5;

    display: flex;

    align-items: center;

    flex-direction: column;

    gap: 40px;

}



.left_green_icon {

    width: 88px;

}



.icon_green {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 50px;

}



.home.hero_section {

    padding-top: 60px;

}





.android_information_hero-sec .inner_container {

    border: 1px solid #F1F1F1;

    border-radius: 15px;

    padding: 50px;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    position: relative;

}



.androind_icon {

    box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 0px 0px;

    position: absolute;

    top: -50px;

    left: 44%;

    border-radius: 50%;

    background: #fff;

    width: 100px;

    height: 100px;

}



.android-btn {

    background: #4CAF50;

}



.android_information_hero-sec .android_information {

    display: flex;

    align-items: center;

    gap: 15px;

}



.android_information_hero-sec .head_with_icon {

    display: flex;

    align-items: center;

    gap: 12px;

}



.android_information_hero-sec .features_div {

    display: flex;

    justify-content: space-between;

}



.features_text {

    font-size: 16px;

}



.video_div>img {

    border-radius: 20px;

}



.play_icon {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}





.How_to_install .smile_icon {

    width: 150px;

    height: 150px;

}



.private_link,

.key_pass {

    background: #F2F2F2;

    padding: 6px 20px;

    border: 1px solid #E2E2E2;

    border-radius: 6px;

    margin-top: 12px;

}



.app_install_use {

    background: #F2F2F2;

    border-radius: 15px;

}



.caption_insatll_use {

    max-width: 860px;

    margin: 0 auto;

    width: 100%;

}



table thead tr th {

    font-size: 16px;

    font-weight: 700;

    color: #2D2D2D;

    font-family: Dylan;

    padding: 14px 25px !important;

    border-bottom: 0;



}

table tbody tr th {

    font-size: 16px;

    font-weight: 700;

    color: #2D2D2D;

    font-family: Dylan;

    padding: 14px 25px !important;

    border-bottom: 0;



}

table tbody tr td {

    font-size: 16px;

    font-weight: 400;

    color: #2D2D2D;

    font-family: Dylan;

    padding: 14px 25px !important;

    border-bottom: 0;

}



.key_generation {

    max-width: 380px;

    margin: 0 auto;

}

.key_generation>img {

    max-width: 280px;

}



.dashboard_box {

    background: #F4F4F4;

    border-radius: 12px;

    display: flex;

    padding: 20px;

    justify-content: space-between;

}



.icon_box_dashboard {

    background-color: #fff;

    padding: 10px;

    border-radius: 8px;

}



.payment_page .payment_product_title p {

    color: #ABABAB;

    font-size: 16px;

    font-weight: 400;

}



.disclaimer li {

    color: var(--primary-light-color);

    padding-bottom: 10px;

}

.disclaimer label {

    color: var(--primary-light-color);

}



.cursor-pointer {

    cursor: pointer;

}

.checkbox_term_condition {
    color: var(--primary-light-color);
    text-decoration: none;
}

.input {
    padding: 13px;
}

.order_table {
    height: 270px;
    overflow-y: scroll;
}

.main-btn:hover {
    background: #fff;
    color: #2d2d2d;
    border: 1px solid #2d2d2d !important;
}

.android-btn:hover {
    border: 1px solid #4CAF50 !important;
    color: #4CAF50;
}

.main-btn:hover a {
    color: #2d2d2d;
}


.become_affiliate:hover {
    background: #2d2d2d;
    color: #fff;
}

.brand_img:hover .android_icon {
    transform: rotate(360deg);
    scale: 1.3;
}

.icon_green>img:nth-child(1) {
    animation: rotor 1.5s linear 0s infinite normal;
}

.icon_green>img:nth-child(2) {
    animation: second 1.5s linear 0s infinite normal;
}


@keyframes rotor {
    0% {
        transform: translateX(-20px);
    }

    50% {
        transform: translateX(20px);
    }

    100% {
        transform: translateX(-20px);
    }
}


@keyframes second {
    0% {
        transform: translateX(-20px);
    }

    50% {
        transform: translateX(20px);
    }

    100% {
        transform: translateX(-20px);
    }
}




/* slider  */
.projetos{
    height: 100%; 
    width: 90%; 
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    padding-top: 5%; 
    padding-bottom: 5%;
    position: relative;
  }
  
  
  .projetos h1{
    font-size: 32px; 
    text-transform: uppercase;
    color: #c7ac75;  
    letter-spacing: 3px; 
    line-height: 30px;  
    padding-bottom: 5%;
    margin: auto; 
  }
  
  
  .projetos h3{
    margin-top: 30px;
    color: #c7ac75;
    font-size: 18px; 
    letter-spacing: 2px; 
    line-height: 20px; 
    text-transform: uppercase; 
    margin-bottom: 20px;
  }
  
  
  .projetos h5{
    margin: 0;
    color: #0e0e0e; 
    font-size: 16px; 
    letter-spacing: 2px; 
    line-height: 26px; 
    margin-bottom: 10px; 
  }
  
  
  .autor{
    color: #0a0a0a;
    font-size: 14px;
  }
  
  
  .autor a{
    color: #0a0a0a;
    text-decoration: none;
  }
  
  
  .autor a:hover{
    text-decoration: underline;
  }
  
.order_tables{
    height: 575px;
    margin-bottom: 20px;
}
.iphone_keys_table{
    height: 374px;
}

.admin_btn_key{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}


.customer-card {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.customer-card div {
    display: flex;
    flex-direction: column;
}

.customer-card div label {
    font-weight: bold;
    margin-bottom: 5px;
}

.customer-card textarea {
    grid-column: span 4;
    margin-top: 10px;
}

.customer-card button {
    margin-top: 10px;
    align-self: start;
}

.highlight-red {
    background-color: #ff00002b;
    color: white;
}

.highlight-green {
    background-color: #0080003d;
    color: white;
}

.search-container {
    text-align: right;
    margin-bottom: 20px;
}

.search-container input {
    padding: 10px;
    width: 300px;
    border: 1px solid #ccc;
    border-radius: 5px;
}


 /* Style for the modal */
    #captcha-container {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8); /* Dark overlay */
        z-index: 9999;
        justify-content: center;
        align-items: center;
        backdrop-filter: blur(5px); /* Background blur */
    }

    .captcha-wrapper {
        background: #fff;
        padding: 20px;
        border-radius: 8px;
        text-align: center;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        margin: 160px auto 0;
    }

    .close-btn {
        background: #f44336;
        color: #fff;
        border: none;
        padding: 10px 15px;
        border-radius: 5px;
        cursor: pointer;
        margin-top: 10px;
    }

    .close-btn:hover {
        background: #d32f2f;
    }

    /* Blur effect for the background content */
    .blur-effect {
        filter: blur(5px);
        pointer-events: none;
    }

    /* Ensure responsiveness */
    .captcha-wrapper {
        max-width: 90%;
        width: 400px;
    }