/*body { background-color: #f1f1f1 ;}*/
@import url('https://fonts.googleapis.com/css?family=Nunito:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap');

body {
    background-color: #ffffff;
    font-family: "Nunito", sans-serif !important;
}
.ext-menu img{
    width:22px;
    height:22px;
    margin-right:10px;
    vertical-align:middle;
}

.bate { padding: 0px 3px 0px 3px; position: absolute; background-color: #0094ff; color: #fff; right: 18px; bottom: 4px; flex: none; font-size: 10px; border-radius: 5px; font-weight: 300; }

.navbar { 
    padding:0px 15px 0px 15px !important;
}
.nav-item.active{font-weight:bolder;}

.dropdown-menu { 
    border: none; border-radius: 0px; 
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 
    padding:0px 0px 0px 0px;
}

.dropdown-toggle::after { vertical-align: middle; }

.btn-rounded { border-radius: 10em }

#spin_area { -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); visibility:hidden;}
    #spin_area input[name=protect_words] { border: none; border-bottom: 1px solid #ccc; border-radius: 0px; }
        #spin_area input[name=protect_words]::placeholder { font-size:14px; font-weight:normal; }
        #spin_area input[type=text]:focus { outline: none !important; box-shadow: none; }
    #spin_area .scroll-textarea{ border:none; }

    .paste-text { position: absolute; top: 20%; left: 0; width: 100%; display: flex; justify-content: center }
.paste-text-btn { background: #fff; color: #2f80ed; border: 1px solid #5f57db; border-radius: 5px !important; padding: 5px 15px; }
    .paste-text-btn:hover { color: #fff !important; background: #1e4dbd !important; border: 1px solid #092192 !important }
    .paste-text-btn i { font-size: 30px !important; margin-bottom: 10px !important }
.spin-txt-area { height:1080px;}
.spin-txt-area { border-radius: 0px; background: #fff; display: flex; position: relative; padding: 0px; margin: auto; }
    .spin-txt-area.active .overlay-area { opacity: 1; z-index: 50 }
    .spin-txt-area .block-info { width: 50%; min-width: 330px;position: relative; padding:0px; }
        .spin-txt-area .block-info:first-child { border-right: 1px solid #ccc; }
            .spin-txt-area .block-info:first-child .drag-area { content: ""; position: absolute; top: 0; right: -12px; bottom: 0; width: 24px; height: 100%; cursor: col-resize; z-index: 2; }
        .spin-txt-area .block-info:nth-child(2) { flex: 1; }
#old_text, #res_text { border: 0; resize: none; width: 100%; margin-bottom: 0; outline: none; font-size: 16px; font-family: 'Open Sans',sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; color: #252525 !important; font-weight: 400; line-height: 2.0; height: 50px; overflow: auto; word-wrap: break-word; word-break: keep-all; padding: 10px 10px 10px 30px; }
    #old_text p, #res_text p { margin:0px; padding:0px; }
    .sentence { padding-bottom:4px; }
    #res_text .sentence.changed { border-bottom: 2px solid #dcde06; }
    #res_text .sentence_item.changed { border-bottom: 2px solid #dcde06; }
    #res_text .sentence.waiting { color: #ccc; }
    #res_text .sentence.doing {color:#666; }
.sentence.active { background-color: #a3e9fc; }
.sentence.hover { background-color: #efefef; }
#res_text .word.synonyms { /*border-bottom: 2px dotted #64c66f;*/ }
#res_text .wordgroup .word.synonyms { cursor: pointer; border-bottom: none;}
#res_text .word.changed { color: rgb(227, 107, 0); }
#res_text .wordgroup.changed { color: rgb(227, 107, 0); }
#res_text .word.synonyms:hover { color: #0f00fa;}
#res_text .wordgroup { border-bottom: 1px dashed #797979; }
    #res_text .wordgroup:hover { border-bottom: 1px dashed blue; }
#res_text .word.long { color: rgb(0, 106, 204); }

span.text_new { border-bottom: 2px solid #5f57db; }
span.text_del { border-bottom: 2px solid #fb3f4b; }
span.text_edit{ border-bottom: 2px solid #fb3f4b; }
span.text_new:hover { border-bottom: 2px solid yellow; }
span.text_del:hover { border-bottom: 2px solid yellow; }
span.text_edit:hover { border-bottom: 2px solid yellow; }

.synonym_selector { background-color: #fff; border: 1px solid #ccc; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); position:absolute; top:60px; left:0px; padding:0px; z-index:10000; }
    .synonym_selector ul{list-style:none; padding:0px; margin:0px; max-height:300px; }
        .synonym_selector ul li { padding: 2px 15px 2px 15px; cursor: pointer; font-size: 14px; white-space: nowrap; }
            .synonym_selector ul li.active { background-color: #ddd; }
            .synonym_selector ul li:hover { background-color: #eee; }
            .synonym_selector ul li.undo { border-top: 1px solid #ccc; display:none; }
                .synonym_selector ul li.undo i { color: #666;  margin-right: 3px; margin-left:2px; }
    .synonym_selector .title { padding: 2px 15px 2px 15px; font-size: 12px; color: #838383; border-bottom: 1px solid #ccc; padding-right:30px; margin:0px; }
        .synonym_selector .title .close { font-size:16px; position:absolute; right:3px; top:3px; cursor:pointer; }
    .synonym_selector .loading { padding: 15px; display: none; font-size: 12px; }

    #old_text { padding: 10px 30px 10px 10px; }
            .spin-txt-area .block-info .add-bottom-txt { color: #737373; font-size: 12px; letter-spacing: .24px; line-height: 1.2; min-height: 50px; display: flex; align-items: center; padding: 0 20px }
            .spin-txt-area .block-info .add-bottom-txt.mobile { display: none }
            .spin-txt-area .block-info .add-bottom-txt strong { color: #5f57db; padding: 0 3px }

.spin-extra-row { display: flex; align-items: center; padding: 0px 10px 0px 10px; font-size:14px; }
    .spin-extra-row .add-txt-holder { margin-left: auto; height:40px; line-height:40px; }
    .spin-extra-row .add-txt { font-size: 14px !important; font-weight:bolder; color: #7a7a7a; margin-left: 10px; vertical-align:middle; }

.spin-btn-area { position: absolute; top: 50%; right: -30px; transform: translateY(-50%); z-index: 15 }
    .spin-btn-area .btn-exec { display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 60px; height: 60px; background-color: #2f80ed; font-size: 20px; color: #fff; line-height: 1.4; border: 1px solid #092192; }
        .spin-btn-area .btn-exec:disabled { background: #888; border-color: #888 }
            .spin-btn-area .btn-exec:disabled:hover { color: #fff; cursor: not-allowed }
        .spin-btn-area .btn-exec:hover { opacity: .95; background: #fff; color: #2f80ed; border: 1px solid #092192; }
        .spin-btn-area .btn-exec .fa.mobile { display: none }

.extra-links-area { margin: 0; padding: 0px; border-radius: 46px; width: auto; display: flex; list-style: none; }
    .extra-links-area li { margin: 0 10px 0 0; position: relative; width: auto; }
        .extra-links-area li:last-child { margin: 0 }

.form-area-row { padding-bottom: 30px }
.drag-area-active { left: 0px; right: 0px; }


.spin-bar { background-color: #fff !important; border-bottom: 1px solid #ccc; }
.spin-modes .nav-item a { color: #151515; border-bottom: 2px solid #fff; }
    .spin-modes .nav-item > a.active { color: #499557; border-bottom: 2px solid #499557; }
    .spin-modes .dropdown-toggle { text-transform: capitalize; box-shadow: none; font-size: 16px; padding: 3px 5px 3px 5px; }
    .spin-modes .dropdown-item.active { background-color: #ccc; color: #000; }

.btn-icon { cursor: pointer; color: #5F6368; font-size: 1.2rem; line-height: 1.2em; text-align: center; border: none; outline: none; background: none; vertical-align: middle; padding: 3px 5px 3px 5px; margin: 0px 3px 0px 3px; height: auto; }
    .btn-icon.active { background-color: #d3d3d3; border-radius: 5px; }
    .btn-icon:disabled { color: #d3d3d3; }

    @media(max-width:1200px) {
    .spin-modes .nav-item a { padding: 0.3rem 8px; }
    }

@media(max-width:1023px) {
    .spin-txt-area { display: block; padding: 0 }
        .spin-txt-area .block-info { min-height: auto; width: 100% !important;  padding:5px;}
            .spin-txt-area .block-info:first-child { border: solid #ccc; border-width: 0 0 1px;  }
                .spin-txt-area .block-info:first-child .drag-area { display: none }
    #old_text { padding: 0px 0px 0px 0px;}
    #res_text {padding: 20px 0px 0px 0px; }
            .spin-txt-area .block-info .add-bottom-txt { display: none }
                .spin-txt-area .block-info .add-bottom-txt.mobile { display: block; padding: 0; min-height: 1px }

                .spin-txt-area .block-info .spin-extra-row:first-child { padding-bottom:26px; }
                .spin-txt-area .block-info .spin-extra-row .add-txt-holder { text-align: right; }
    .spin-btn-area { right: auto; left: 50%; transform: translateX(-50%); top: auto; bottom: -30px }

        .spin-btn-area .btn-exec .fa { display: none }
            .spin-btn-area .btn-exec .fa.mobile { display: block }
}

@media(max-width:767px) {
    .paste-text-btn { padding: 12px 20px !important }
    .extra-links-area { padding-left: 0 }
}



/* sidebar area start */
.sidebar__area { position: fixed; right: -340px; top: 0; width: 320px; height: 100%; background: #ffffff none repeat scroll 0 0; overflow-y: hidden; -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5); box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: 9999; }
    .sidebar__area.sidebar-opened { right: 0px; }
.sidebar__wrapper { position: relative; padding: 5px 10px 5px 10px; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); }
.sidebar__close { position: absolute; top: 5px; right: 22px;  }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar-toggle-btn { margin-left: 50px; }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .sidebar-toggle-btn { margin-left: 30px; }
}
@media (max-width: 575px) {
    .sidebar-toggle-btn { margin-left: 30px; }
}
.sidebar-toggle-btn .line { width: 30px; height: 3px; background-color: blue; display: block; margin: 6px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.sidebar-toggle-btn:hover { cursor: pointer; }
    .sidebar-toggle-btn:hover .line { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); -moz-transform: rotate(-30deg); transform: rotate(-30deg); }
        .sidebar-toggle-btn:hover .line:nth-child(1) { width: 10px; }
        .sidebar-toggle-btn:hover .line:nth-child(2) { width: 20px; }
.sidebar-toggle-btn-2 .line { background-color: #2f80ed; }
.sidebar-toggle-btn-2 .line { background-color: #5d41c2; }
.sidebar-toggle-btn-5 .line { background-color: #1c7df8; }
.sidebar__close-btn i { font-size:32px; color:blue; }
.sidebar-only-show { display:none; }
.sidebar__area .sidebar-only-show { display: block !important; }

.body-overlay { background-color: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; position: fixed; top: 0; z-index: 999; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
    .body-overlay.opened { opacity: 1; visibility: visible; }

/* mean menu customize */
.mean-container a.meanmenu-reveal { display: none;  }
.mean-container .mean-nav { background: none; margin-top: 0; }
.mean-container .mean-bar { padding:20px 0px 0px 0px; min-height: auto; background: none; }
.mean-container .mean-nav > ul { padding: 0; margin: 0; width: 100%; list-style-type: none; display: block !important; }
.mean-container a.meanmenu-reveal { display: none !important; }
.mean-container .mean-nav ul li a { width:auto !important; padding: 10px; color: #222222; font-size: 16px; text-transform:none;}
    .mean-container .mean-nav ul li a:hover { color: #126208; }
.mobile-menu-2.mean-container .mean-nav ul li a:hover { color: #2f80ed; }
.mobile-menu-3.mean-container .mean-nav ul li a:hover { color: #5d41c2; }
.mobile-menu-5.mean-container .mean-nav ul li a:hover { color: #1c7df8; }
.mean-container .mean-nav ul li a.mean-expand { margin-top: 2px; height: 15px; line-height: 14px; border-bottom: none; padding: 0; display: inline-block; width: 40px; height: 44px; line-height: 44px; }
    .mean-container .mean-nav ul li a.mean-expand:hover { color: #222222; }
.mean-container .mean-nav > ul > li:first-child > a { border-top: 0; }
.mean-container .mean-nav ul li a.mean-expand.mean-clicked { color: #222222; }
    .mean-container .mean-nav ul li a.mean-expand.mean-clicked i { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); color: #222222; }


.counter { position: relative; top: -10px; left: auto; z-index: 2; padding: 1px 7px; margin-left: -23px; font-size: 11px; color: #fff; background-color:#f61d1d; border-radius: 10em; -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); }


.down-more { padding:10px 0px 10px 0px;  text-align:center; }
    .down-more button { font-size: 20px; padding: 10px 10px 0px 10px; margin: 0px; }
        .down-more button:hover { color: #499557; }


.img-border { 
border:1px solid #ccc; border-radius:0px; 
}
footer { background-color: #fff;  }
    footer * { color:#333;}
    footer a { font-size: 13px; font-weight: 300; color: #333 !important; }
footer .container { background-color: transparent; }
    footer .footer-copyright { background-color: #fff !important;  }

img[data-w] { cursor:pointer; }



    .table_functions td { padding: 8px !important; text-align: center; }
.table_functions tr td:first-child { text-align:left; }
.table_functions td i { font-size: 18px; border-radius: 50%; border: 1px solid #ccc; width: 20px; height: 20px; display: block; text-align: center; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); }
    .table_functions td i.text-danger { color: #c1b8b8 !important;  }
    .table_functions td i.fa-check-circle { color: #06aa13 !important;  }

.testimonial__slider .owl-dots { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; position: absolute; top: -30px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
    .testimonial__slider .owl-dots .owl-dot { margin: 0 5px; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #dadada; }
        .testimonial__slider .owl-dots .owl-dot.active { background: #7127ea; }
.testimonial__slider .owl-stage-outer { overflow: visible; }
    .testimonial__slider .owl-stage-outer .owl-item { opacity: 0; transition: opacity 0.5s; }
        .testimonial__slider .owl-stage-outer .owl-item.active { opacity: 1; }

.btn-price { 
    text-transform:none;
    padding:10px;
    line-height:10px;
    font-size:14px;
    display:block;
}
    .btn-price p {margin-bottom:10px; }

    /*#gift { background-image: url(../img/snow.jpg); background-color: #2cbdec; background-position:top center; background-repeat:no-repeat; }*/
#gift .card { border-top:5px solid #2f80ed; }


body.modal-open { padding-right: 0 !important; overflow: hidden; }


/*.swal2-modal { border-radius: 2px; padding: 2.5rem !important; font-family: "Roboto", sans-serif; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.11); }
    .swal2-modal .swal2-title { font-size: 1.1rem; position: relative; z-index: 1; color: #333; line-height: inherit; margin: 0 0 5px; font-weight: normal; }
    .swal2-modal .swal2-icon,
    .swal2-modal .swal2-image { margin-top: 0; margin-bottom: 1.5rem; }
    .swal2-modal .swal2-content { color: #9c9c9c; font-size: 1rem; font-weight: normal; }
    .swal2-modal .swal2-actions { margin-top: 30px; }
        .swal2-modal .swal2-actions .btn { margin: 0 3px; box-shadow: none !important; }
.swal2-container.swal2-shown { background-color: rgba(0, 0, 0, 0.2); }*/
.swal2-modal .swal2-title { font-size: 18px; line-height: 20px; }

.wd-head-des { padding: 5px !important; }
.wd-title { display: none !important; }



.eg_text { text-align: left; background-color: #fff; border-radius: 5px; overflow: hidden; padding: 0px 0px 10px 0px; position: relative; }
    .eg_text h6 { color: #000; font-size: 16px; padding: 10px 10px 0px 10px; background-color: #fff; font-weight: bolder; word-break: break-all; text-align: left; }
    .eg_text small { color: #777; padding: 0px 0px 0px 10px; font-weight: 300; font-family: 'Comic Sans MS',',sans-serif' !important; }
.eg_textbox { background-color: #f5f5f5; border-radius: 5px; /*box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.2);*/ font-size: 18px; padding: 10px; margin: 0px 10px 5px 10px; font-family: 'Comic Sans MS',',sans-serif' !important; }
    .eg_textbox span { padding: 2px 0px 1px 0px; }


#support { position: fixed; bottom: 150px; right: 10px; z-index: 99; display: none; border-radius: 50%; background-color: #266fd5; padding: 5px; }
    #support img { width: 36px; }
    #support span { position: absolute; padding: 0px 6px 0px 6px; border-radius: 50%; background-color: #ff3636; text-align: center; right: 0px; top: -5px; color: #fff; font-size: 12px; font-weight: bolder; }

.btn_support { border-radius: 50%; margin: 5px; display: inline-block; padding:10px; }
    .btn_support img { width: 36px; transition: all 1s ease; display:block; }
    .btn_support:hover img { transform: rotate(720deg); }

.QRcode {  }
.QRcode div { padding:10px; }
.QRcode img { width:100%;  }

#discord { position: fixed; bottom: 115px; right: 10px; z-index: 1060; display: none; border-radius: 50%; background-color: red; padding: 5px; text-align: center; width: 46px; height: 46px; line-height: 46px; }
    #discord i { font-size: 26px; margin:0px; padding:0px;}

.btnDiscount { display: none; }
.cd-modal-action { display: none; }
@media (max-width: 768px) {
    .cd-modal-action .cd-btn { display: none !important; }
    .btnDiscount { top: unset !important; left: auto !important; right: 10px !important; bottom: 250px !important; }
    #btnDiscount { width: 96px !important; height: 96px !important; border-radius: 50% !important; box-shadow: 0 8px 17px 0 rgb(0,0,0,0.2), 0 6px 20px 0 rgb(0,0,0,0.2) !important; border: 1px solid #666; }
    #btnDiscount { width: 48px !important; height: 48px !important; }
}

.full-screen { position: absolute; background-color: #fff; z-index: 1040; left: 0; right: 0; top: 0; height: 100%; overflow: hidden; }
    .full-screen #spin_area { overflow: auto; }
        .full-screen #spin_area + div { display: none; }

.features .card { min-height:300px; }


#article_list_container .active { z-index: 2; color: #000; background-color: #eee; border:none; }
.tooltip-info { line-height: 2rem; }



.owl-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 150px;
}
.container.container--hotest {
    display: flex;
    max-width: 1280px;
    padding: 50px 90px;
    flex-direction: column;
    align-items: center;
    border: 2px solid #ffe092;
    border-radius: 12px;
    background-color: #fffaf1;
}





.featured-item.style-2 {
    padding: 50px;
    overflow: inherit;
    height: 100%;
}

h2 {
    font-size: 44px;
    font-style: normal;
    line-height: 60px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
}
h4 {
    font-size: 22px;
    font-style: normal;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 34px;
    /*color: #322f55;*/
}
.title {
    position: relative;
    color: #322f55;
    margin-bottom: 0;
    margin-bottom: 15px;
}
p {
    font-size: 16px;
}
.featured-item.style-2::before {
    top: -6px;
    left: -6px;
    border-width: 2px 0 0 2px;
}
.featured-item.style-2::before, .featured-item.style-2::after {
    content: '';
    display: block;
    position: absolute;
    box-sizing: border-box;
    border-style: solid;
    width: 2em;
    height: 2em;
    transition: all 0.8s ease-in-out;
    border-color: #0d092c;
    z-index: -1;

}
.featured-item.style-2:hover::before, .featured-item.style-2:hover::after {
    /* width: calc(100%);*/
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    border-color: #0d092c;
    border-radius: 7px;
}
.md-tm-5 {
    width: 87%;
    margin: 0 auto;
}
@media(max-width: 992px) {
    .md-mt-5 {
        margin-top: 50px !important;
    }
    .md-tm-5 {
        width: 100% !important;
        margin: 0px;
    }
}
.featured-item.style-2::after {
    bottom: -6px;
    right: -6px;
    border-width: 0 2px 2px 0;
}
.row-equal-height{
    display:flex;
}
.featured-item.style-2:hover h4{
    color:#FFF;
}
.featured-item.style-2:hover {
    background-color: #0D092C;
    color: #fff;
    border-radius: 7px;
}
.text-theme {
    color: #1976D2;
}


.featured-item.style-8 {
    background: #0d0923;
    color: #ffffff;
}
.featured-item {
    padding: 40px 30px;
    position: relative;
    border-radius: 7px;
    overflow: hidden;
    z-index: 9;
}
.featured-item.style-8 .featured-icon {
        position: relative;
        width: 80px;
        height: 80px;
        line-height: 80px;
        text-align: center;
    }
.featured-item.style-8 .featured-icon i {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        transform: translateY(-50%);
    }
    .featured-item .featured-icon i {
        color: #1976D2;
        display: inline-block;
        font-size: 50px;
        line-height: 40px;
    }
.featured-item.style-8:before {
        animation: featured-morphing 10s infinite;
        content: "";
        position: absolute;
        left: -25%;
        bottom: -20%;
        background: rgba(255, 255, 255, 0.08);
        height: 60%;
        width: 150%;
    }

@keyframes featured-morphing {
    0% {
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    }

    25% {
        border-radius: 50% 50% 50% 70% / 50% 80% 70% 60%;
        box-shadow: -15px -15px 50px rgba(0,0,0,0.050);
    }

    50% {
        border-radius: 70% 50% 50% 70% / 50% 40% 70% 60%;
    }

    75% {
        border-radius: 50% 30% 50% 70% / 50% 50% 70% 60%;
        box-shadow: 5px -15px 50px rgba(0,0,0,0.050);
    }

    100% {
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    }
}


.featured-item.style-8 .featured-icon:before {
    background: rgb(3 142 214 / 20%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.featured-item.style-8 .featured-icon:before, .featured-item.style-4 .featured-icon:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0 solid rgba(255, 255, 255, 0.05);
    border-radius: 100%;
    animation: da-pulse 1.5s ease-in-out 0s infinite;
}
@keyframes da-pulse {
    0%, 100% {
        transform: scale(1.25);
        opacity: 0;
    }

    48%, 52% {
        transform: scale(1);
        opacity: 1;
    }
}

.rows {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
    .rows div {
        font-weight: 800;
        text-transform: none;
    }
.eg_text_hide{
    display:none;
}
.btn-check-color {
    background-color: #1976D2;
    color: #fff !important;
  
}

.synonym_selector .report-synonyms { margin: 2px 0px 0px 0px; float: right; }

.block-info>.scroll-wrapper { padding-bottom: 20px !important; }



.table_price { border-radius: 10px; border: 1px solid #DEE1E3; overflow: hidden; box-shadow: 0px 4px 22px 0px #00000033; padding: 0px; margin: 0px;  background-color:#fff;}
    .table_price td { padding: 2px 10px; border-right: 1px solid #DEE1E3; border-bottom: 1px solid #DEE1E3; text-align: left; position:relative; }
    .table_price th { font-size: 16px; font-weight: bolder; color: #fff; padding: 2px 10px; text-align: center; }
    .table_price tr:hover { background-color: #f7f7f7; }
    .table_price .fa-times { color: #FB3F4B; padding-right: 5px; width: 14px; }
    .table_price .fa-check { color: #499557; padding-right: 5px; width: 14px; }
    .table_price .fa-info-circle { color: #ccc; position:absolute; cursor:pointer; font-size:18px; right:5px; top:3px; }
        .table_price .fa-info-circle:hover { color:#000; }
    .table_price .btn-rounded { border-radius:0px !important; }
    .table_price a[data-whb-gets] p { font-size: 14px; margin-bottom: 5px; }

.tab_price .nav-tabs { justify-content: center; border-bottom: none; margin:20px 0px 0px 0px; }
    .tab_price .nav-tabs .nav-link:last-child { margin-right: 0; }
    .tab_price .nav-tabs .nav-link.active, .tab_price .nav-tabs .nav-link:hover { background: #266fd5; color: #ffffff; }
    .tab_price .nav-tabs .nav-link { background: #eee; border-radius: 7px; margin-right: 20px; font-size: 20px; font-weight: 600; color: #322f55; position: relative; display: inline-block; border: none; padding: 15px 30px; -webkit-box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1); -moz-box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1); -o-box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1); box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1); }

.price-table { padding: 50px 30px; border-radius: 7px; overflow: hidden; position: relative; background: #ffffff; text-align: center; -webkit-box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1); -moz-box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1); -o-box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1); box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1); margin-top:30px; }
    .price-table.active { padding: 80px 30px; z-index: 9; margin-top: 0px; }
    .price-table:hover, .price-table.active { -webkit-box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1); -moz-box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1); -o-box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1); box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1); }
.price-header { position: relative; z-index: 9; }
.price-title { text-transform: capitalize; font-weight: 400; color: #322f55; margin-bottom: 20px; }
.price-value { display: inline-block; margin-bottom: 0px; }
.btn.btn-circle { border-radius: 30px; }
.btn.btn-theme { background: #266fd5; color: #ffffff; }
.price-value h2 { font-size: 35px; line-height: 50px; max-height:50px; font-weight: 400; color: #266fd5; margin-bottom: 0; position: relative; display: inline-block; }
.text-theme { color: #666; }
.price-list {  }
.price-list ul li { position: relative; display: block; padding-bottom: 5px; margin-bottom: 5px; color: #000; text-align: left; border-bottom: 1px dashed #ccc; position: relative; font-size: 14px; font-weight: normal; color: #666; }
    .price-list ul li span { color:#ccc;}
    .price-list ul li i { color: #666; position: absolute; cursor: pointer; font-size: 18px; right: -10px; top: 3px; }
.price-value > span { margin: 5px 0; display: block; color: #7329c2; }
.price-value .whb-price { }
.price-value .whb-price > strong { font-weight: normal !important; }
.price-value .whb-price > s { font-size: 16px !important; color: #999; }



.number-input input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }

.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }

.number-input { display: flex; justify-content: space-around; align-items: center; }

    .number-input button { -webkit-appearance: none; background-color: transparent; border: none; align-items: center; justify-content: center; cursor: pointer; margin: 0; position: relative; }

        .number-input button:before,
        .number-input button:after { display: inline-block; position: absolute; content: ''; height: 2px; transform: translate(-50%, -50%); }

        .number-input button.plus:after { transform: translate(-50%, -50%) rotate(90deg); }

    .number-input input[type=number] { text-align: center; }

    .number-input.number-input { border: 1px solid #ced4da; width: 10rem; border-radius: .25rem; }

        .number-input.number-input button { width: 2.6rem; height: .7rem; }

            .number-input.number-input button.minus { padding-left: 10px; }

            .number-input.number-input button:before,
            .number-input.number-input button:after { width: .7rem; background-color: #495057; }

        .number-input.number-input input[type=number] { max-width: 4rem; padding: .5rem; border: 1px solid #ced4da; border-width: 0 1px; font-size: 1rem; height: 2rem; color: #495057; }

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color:transparent) {

        .number-input.def-number-input.safari_only button:before,
        .number-input.def-number-input.safari_only button:after { margin-top: -.3rem; }

        .number-input.def-number-input.safari_only button.minus:before,
        .number-input.def-number-input.safari_only button.minus:after { margin-left: .3rem; }

        .number-input.def-number-input.safari_only button.plus:before,
        .number-input.def-number-input.safari_only button.plus:after { margin-left: -.1rem; }
    }
}