body {
font-family: 'Montserrat', sans-serif;
    color: white;
    background: url(https://holatik.com/assets/img/site-background.webp) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;



}



.btn:hover {

    color: black !important;

}



.pink {

    color: #fe2c55 !important;

}



.pink-bg {

    background-color: #fe2c55 !important;;

}



.download-button span {

    margin-left: -6px;

}



.tiktok-shadow {

    text-shadow: 1px -1px 0px rgba(254, 44, 85, 1), -1px 0px 2px rgba(0, 242, 234, 0.6);

}



.logo {

    width: 200px;

}



.navbar {

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

}



.mega-dropdown .dropdown-item {

    padding: 0.5rem !important;

}



/*

.hover {

       border: 4px solid;

       border-image: repeating-linear-gradient(136deg, #000000 0 10px, #ff0050 0 20px, #00f2ea 0 30px) 8;

       -webkit-mask: conic-gradient(from 180deg at top 8px right 8px, #0000 90deg, #000 0) var(--_i, 200%) 0  /200% var(--_i, 8px) border-box no-repeat,

       conic-gradient(at bottom 8px left 8px, #0000 90deg, #000 0) 0 var(--_i, 200%)/var(--_i, 8px) 200% border-box no-repeat,

       linear-gradient(#000 0 0) padding-box no-repeat;

       transition: .3s, -webkit-mask-position .3s .3s;

       --_i: 100%;

       color: #CC333F;

       transition: .3s, -webkit-mask-size .3s .3s;

   }



.hover:hover {

    --_i: 100%;

    color: #CC333F;

    transition: .3s, -webkit-mask-size .3s .3s;

}

 */





.video-download-area .download-button:active {

    background: #ffffff !important;

}



.video-download-area .download-button {

    border: 2px solid;

    /*border-image: repeating-linear-gradient(136deg, #000000 0 10px, #ff0050 0 20px, #00f2ea 0 30px) 8;*/

    /*-webkit-mask: conic-gradient(from 180deg at top 8px right 8px, #0000 90deg, #000 0) var(--_i, 200%) 0  /200% var(--_i, 8px) border-box no-repeat,*/

    /*conic-gradient(at bottom 8px left 8px, #0000 90deg, #000 0) 0 var(--_i, 200%)/var(--_i, 8px) 200% border-box no-repeat,*/

    /*linear-gradient(#000 0 0) padding-box no-repeat;*/

    /*transition: .3s, -webkit-mask-position .3s .3s;*/

    /*--_i: 100%;*/

    /*color: #CC333F;*/

    /*transition: .3s, -webkit-mask-size .3s .3s;*/

    /*color: black !important;*/



    font-size: 25px !important;

    background: #ffffff;

    font-weight: 600;



}



.video-download-area .paste_button {

    color: white !important;

    font-size: 25px !important;

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

}





.video-download-area {

    background: url("https://holatik.com/assets/img/tiktok-video-down.webp");

    background-size: cover; /* Resmi div'in boyutuna oturtur */

    background-position: center; /* Resmi div'in ortasına hizalar */

    background-repeat: no-repeat; /* Resmin tekrarlanmasını engeller */

    display: flex;

    align-items: center;

    height: 300px;

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

}



.video-download-area .card {

    width: 75%;



}



.video-download-area .input-group {

    width: 50%;

}



.video-result-area .download-button {

    border: 2px solid;

    /*border-image: repeating-linear-gradient(136deg, #000000 0 10px, #ff0050 0 20px, #00f2ea 0 30px) 8;*/

    /*-webkit-mask: conic-gradient(from 180deg at top 8px right 8px, #0000 90deg, #000 0) var(--_i, 200%) 0  /200% var(--_i, 8px) border-box no-repeat,*/

    /*conic-gradient(at bottom 8px left 8px, #0000 90deg, #000 0) 0 var(--_i, 200%)/var(--_i, 8px) 200% border-box no-repeat,*/

    /*linear-gradient(#000 0 0) padding-box no-repeat;*/

    /*transition: .3s, -webkit-mask-position .3s .3s;*/

    /*--_i: 100%;*/

    /*color: #CC333F;*/

    /*transition: .3s, -webkit-mask-size .3s .3s;*/

    /*color: black !important;*/

    font-size: 19px !important;

    background: #ffffff;

    font-weight: 600;



}





.video-result-area h2 {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    max-width: 700px;

}



.video-result-area {

    display: flex;

    padding-top: 15px;

    justify-content: center;

    align-items: center;

}



.video-result-area .card img {

    width: 150px;

}



.video-result-area .buttons {

    display: flex;

    justify-content: center;

    flex-direction: column;

    gap: 1rem;

}



.video-result-area .card {

    display: flex;

    align-items: center;

    flex-direction: row;

    padding-right: 25px;

    justify-content: space-between;



    background: rgb(108 108 108 / 5%);

    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );

    backdrop-filter: blur( 4px );

    -webkit-backdrop-filter: blur( 4px );

    border-radius: 10px;

    border: 1px solid rgba( 255, 255, 255, 0.18 );

    color: white;

}





ul {

    list-style: none;



}





.dropdown-menu:active {

    --bs-dropdown-min-width: 20rem;

    right: 10px;

}

.dropdown-menu {

    --bs-dropdown-min-width: 20rem;

    right: 10px;

}



.dropdown:hover .dropdown-menu {

    display: block;

    left: -200px;

}

.dropdown-toggle:hover{

    color: white !important;

}



.navbar-toggler-icon{

    filter: invert(1);

}

.dropdown-menu {

    display: none;



}



.ads-area-square img {

    max-width: 600px;

}



.ads-area-square {



    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: row;

    gap: 3rem !important;



}



.navbar-toggler {

    display: none;

}



.video-input-area {

    display: flex;

    justify-content: center;

    align-items: center;

}



.how-to-area {

    display: flex;

    flex-direction: row;

    justify-content: center;

    gap: 3rem;

    flex: 1;

    padding-top: 50px;

    padding-bottom: 50px;

}



.how-to-area .card img {



    height: 260px !important;



}



.how-to-area .card .card-title {

    text-align: center !important;

}



.how-to-area .card {



    width: 33%;



    color: white;



    background: rgba( 255, 255, 255, 0.25 );

    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );

    backdrop-filter: blur( 4px );

    -webkit-backdrop-filter: blur( 4px );

    border-radius: 10px;

    border: 1px solid rgba( 255, 255, 255, 0.18 );



}





/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (max-width: 600px) {

    .video-result-area .card #video-res-1 {

        flex-direction: column;

    }



    .video-result-area h2 {

        max-width: 250px;

    }



    .video-result-area .card {

        flex-direction: column;

    }



    .video-result-area .buttons {

        padding-top: 15px;

    }

    .ads-area-square img {

        max-width: 300px;

    }



    .how-to-area .card {

        width: 100%;

    }



    .how-to-area {

        flex-direction: column;



    }



    .lang-drop {

        display: none;

    }



    .navbar-toggler {

        display: block;

    }



    .ads-area-square {

        flex-wrap: wrap;

    }



    .video-download-area .input-group {

        width: 100%;

    }



    .video-input-area .download-button {

        margin-top: 15px;

    }



    .video-input-area {

        flex-direction: column;

    }







}



/* Medium devices (landscape tablets, 768px and up) */

@media (min-width: 600px) and (max-width: 768px) {

    .video-result-area .card #video-res-1 {

        flex-direction: column;

    }



    .video-result-area h2 {

        max-width: 600px;

    }



    .video-result-area .card {

        flex-direction: column;

    }



    .video-result-area .buttons {

        padding-top: 15px;

    }

    .ads-area-square img {

        max-width: 300px;

    }



    .how-to-area .card {

        width: 100%;

    }



    .how-to-area {

        flex-direction: column;



    }



    .lang-drop {

        display: none;

    }



    .navbar-toggler {

        display: block;

    }



    .ads-area-square {

        flex-wrap: wrap;

    }



    .video-download-area .input-group {

        width: 100%;

    }



    .video-input-area .download-button {

        margin-top: 15px;

    }



    .video-input-area {

        flex-direction: column;

    }



}



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {



}



/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {



}





/*





 */