﻿.about_p_my {
    font-family: 'Open Sans',sans-serif !important;
    
    text-transform: none;
    /* border:2px red;
    border-radius:25px;*/
}
.block {
    display: none;
}
.more_btn {
    color: #fff;
    text-transform: capitalize;
    background: #062333;
    border-radius: 100px !important;
    transition: all .3s ease-in-out;
    padding-left: 18px !important;
    padding-right: 18px !important;
    margin-bottom:1.5rem;
}
    .more_btn:hover{
        opacity:.77;
        color:white;
    }
    .share_link {
        color: white;
        padding: 7px 17px;
        font-size: 15px;
        border-radius: 4px;
    }
    .share_link:focus {
        outline: 0;
        outline-offset: 0;
        color: white;
        text-decoration: none;
    }
    .share_link:hover {
        color: white;
        background-color: #062333;
    }

    .share_link_bg {
        background: #3b5998;
    }
.share_link_bg_2 {
    background: #55acee;
}
.share_link_bg_3 {
    background: #F14A5D;
}
.share_link_bg_4 {
    background: #25D366;
}
.share_link_bg_5 {
    background: #0088cc;
}
    .link_ul_share {
        margin-bottom: 0;
        display:flex;
    }
.link_ul_share li{
    margin-right:10px;
}


.range_p {
    font-size: 14px;
    margin-right: 10px;
}
.range_p_2 {
    font-size: 14px;
    margin-right: 10px;
}

.top_link {
    position: sticky;
    width: 100%;
    top: 0%;
    left: 0%;
    z-index: 4;
    background: #dadada;
    padding: 1rem;
    margin-bottom: 2rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.my_result {
    padding: 1rem;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: unset !important;
    color: white !important;
}
/*Emoticons*/
.emoticons_input {
    text-align: center;
    font-size: 22px;
    border: 2px solid;
    cursor: pointer;
    font-family: Courier New,monospace;
    margin: .25rem;
    padding: .7rem;
    width: 100%;
    border-radius: 6px;
}
    .emoticons_input:hover {
        border: 2px solid #3B81F6;
        color: #3B81F6;
    }
.emoticons_input_col{
    padding-left:4px !important;
    padding-right:4px !important;
}
.emoticons_input_title h3 {
    margin-bottom: 1rem;
    font-family: inherit;
    font-weight: 500;
    line-height: normal;
    color: inherit;
    font-size: 1.75rem;
    text-transform: capitalize;
}
.emoticons_input_new {
    padding: 4px 2px !important;
    font-size: 18px !important;
    border: 1px solid !important;
}

    .emoticons_input_new:hover {
        border: 1px solid #3B81F6 !important;
    }
/*Emoticons end*/
/*hit font*/
.hit_font_btn {
   
    border-radius: 6px;
    background: white;
    border: 1px solid #ced4da;
}
    .hit_font_btn p {
        padding: 6px 1rem;
        float: left;
        font-size: 16px;
        line-height: 2rem;
        color: #495057;
    }
    .hit_font_btn span {
        float: right;
        background-color: #a6a6a6;
        color: white;
        padding: 5px 12px;
        text-transform: capitalize;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 1px;
        border-radius: 4px;
        height: 44px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        transition:all 0.3s;
    }
        .hit_font_btn span:hover {
         background-color:   #3B81F6 ;
        }
/*hit font end*/
/*Instagram font*/
.Instagram_btn_my {
    padding: 8px 1rem;
    border-radius: 6px;
    background: white;
    border: 1px solid gray;
}

    .Instagram_btn_my:hover {
        border: 1px solid #3B81F6;
    }

        .Instagram_btn_my:hover span {
            background-color: #3B81F6;
        }

        .Instagram_btn_my:hover p {
            color: #3B81F6;
        }

    .Instagram_btn_my p {
        float: left;
        font-size: 1.1rem;
        line-height: 2rem;
    }

    .Instagram_btn_my span {
        float: right;
        background-color: gray;
        color: white;
        padding: 5px 15px;
        text-transform: capitalize;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 1px;
        border-radius: 4px;
    }
/*Instagram font end*/
/*fancy symbols*/
/*Big Text Generator*/
.fancy_symbols_btn {
    font-size: 4rem;
    padding: 5px 21px;
    border-radius: 6px;
    width: 100%;
    background: white;
    border:1px solid;
}
    .fancy_symbols_btn:hover {
        color: #3B81F6;
    }

/*fancy symbols end */
.my_new_copy_btn {
    cursor: pointer;
    position: absolute;
    top: 9%;
    right: 1%;
    z-index: 3;
    font-size: 20px;
    background-color: #E9ECEF;
    padding: 5px 16px;
    border-radius: 3px;
    border: 1px solid #3B81F6;
    transition: all 0.3s;
    font-weight: 600;
    color: #3B81F6;
}

    .my_new_copy_btn:hover {
        background-color: #3B81F6;
        color: white;
    }

.my_new_copy_btn_input {
    height: 8rem;
    width: 100%;
    padding: 1rem;
    font-size: 50px;
    color: #495057;
}
/*Big Text Generator end*/
/* emojis_*/
.emojis_nav{
    display:flex;
}
    .emojis_nav li {
        margin:auto;
    }
.emojis_btn_div .owl-theme .owl-nav [class*=owl-] {
    color: black !important;
    font-size: 27px !important;
    font-weight: bolder !important;
}
.my_top_btn2 {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    width: 14rem;
    color: black;
    border: 2px solid black !important;
    border-radius: 10px !important;
    text-transform: capitalize !important;
    font-size: 16px !important;
    text-decoration: none !important;
}

    .my_top_btn2:hover {
        color: white !important;
        border: 2px solid #5d5b5b !important;
        background: #5d5b5b;
        border-radius: 10px !important;
        transition: all 0.3s;
        text-decoration: none !important;
    }

/*emojis_end*/
.fancy_symbols_btn_sunny {
    font-size: 22px;
    padding: 21px 21px;
    border-radius: 6px;
    width: 100%;
    background: white;
    border: 1px solid;
}

    .fancy_symbols_btn_sunny:hover {
        color: #3B81F6;
    }
.text_right{
    text-align:right;
}

@media (max-width: 576px) {
  
   
    .Design_font {
        width: 100%;
    }
    .range_p_2 {
        font-size: 14px;
        margin-right: 0;
        padding-left: 15px;
    }
    .share_link {
        padding: 5px 13px;
        margin-right: 1px;
    }
        .share_link_col{
            margin-bottom:1rem;
        }
    .text_right {
        text-align: left;
    }
        .link_ul_share li {
            margin: auto;
        }

    .fancy_symbols_btn_new_2 {
        font-size: 18px !important;
    }
    .emojis_nav {
        display: block !important;
    }
    .emojis_nav {
        display: flex;
    }
        .my_new_copy_btn {
        right: 4%;
        font-size:15px;
    }
    .my_new_copy_btn_input {
        height: 8rem;
        font-size: 39px;
        padding-top: 3rem;
    }
    .Instagram_btn_my p {
        font-size: 1rem;
    }

    .Instagram_btn_my span {
        font-size: 14px;
    }
    .hit_font_btn p{
        font-size:1rem;
    }
    .hit_font_btn span {
        font-size: 14px;
    }
    .emoticons_input_title {
        text-align: center;
    }
    .emoticons_input_title h3 {
        font-size: 23px;
    }
    .emoticons_input {
        font-size: 15px;
    }
    .my_top_btn2 {
        width: 100%;
    }
    .emoticons_input_new {
        font-size: 8px !important;
    }
}


    @media (min-width: 768px) {
     

        .range_p_2 {
            font-size: 14px;
            margin-right: 0;
            padding-left: 15px;
            text-align: left;
        }

        .share_link_col {
            margin-bottom: 1rem;
        }

        .fancy_symbols_btn_new_2 {
            font-size: 18px !important;
        }

        .my_top_btn2 {
            width: 95%;
        }

        .emoticons_input {
            font-size: 14px;
        }

        .emoticons_input_new {
            font-size: 10px !important;
        }
        .Design_font {
            width: 100%;
        }
    }



    @media (min-width: 1024px) {
     

        .range_p_2 {
            font-size: 14px;
            margin-right: 10px;
            padding-left: 0;
            text-align: unset;
        }

        .share_link_col {
            margin-bottom: 0;
        }

        .fancy_symbols_btn_new_2 {
            font-size: 18px !important;
        }

        .emoticons_input {
            font-size: 16px;
        }

        .emoticons_input_new {
            font-size: 15px !important;
        }
    }


    @media (min-width: 1200px) {
       

        .fancy_symbols_btn_new_2 {
            font-size: 22px !important;
        }

        .emoticons_input {
            font-size: 22px;
        }

        .emoticons_input_new {
            font-size: 18px !important;
        }
    }






  