.play-pause-btn i,.play-pause-btn:focus{color:#000}.imgload,.vocabimage{object-fit:cover;width:100%}.modal-title,.phrase-text{text-align:center}.submenu-hover-color .fleg_btn:hover,.submenu-hover-color .mobile_mega:hover{background-color:#ca0101!important;border-color:#ca0101!important}.show-trans{line-height:1.2;font-size:16px;font-weight:300}.btn-group-lg>.btn,.btn-lg,.sbm-submenu .sbm-main-submenu>li{display:inline-block;padding:1px 9px;height:29px;line-height:20px}.subPopupCust h5{font-size:20px}.modal-body .slide-arrow a i{height:30px;width:30px;background:#222;color:#fff;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:12px!important}.dropdown-menu>li>a:hover,.language-group a:hover{background-color:#1b5e80!important;color:#fff!important}.audio-btn,.dropbtn,.play-pause-btn:hover i,.vocab-title{color:#fff}.sbm-submenu ul>li.dropdown.dropdown-mega li a.active{background:#1b5d7f;color:#fff}.memo-category li.active a,.memo-category li.active a:hover{background-color:#1b5e80;color:#fff!important}.dropdown-menu>li>a{padding:5px 8px;border-radius:4px}.sbm-nav-wrapper .sbm-submenu .dropdown-menu{top:calc(100% - 17px)!important}.btn-group-lg>.btn,.btn-lg{border:1px solid #fff!important;border-radius:8px;vertical-align:middle;display:flex;align-items:center;justify-content:center;font-size:16px!important}.btn-clsPopupFlagss,.play-pause-btn{background-color:#015e7f;padding:5px!important;width:40px!important;border-radius:4px!important;height:40px!important;display:inline-flex!important;vertical-align:middle!important;justify-content:center!important;align-items:center!important;margin:0 2px 5px!important}.sbm-main-submenu .dropdown-toggle{display:flex!important;padding-top:3px;align-items:center;gap:2px;position:relative;padding-right:10px}.sbm-submenu ul>li.dropdown>.dropdown-toggle:after{font-family:FontAwesome;content:"\f0d7";font-size:10px;position:absolute;top:50%;right:0;line-height:1;transform:translateY(-50%)}@media (max-width:1199px){.submenu_responsive{justify-content:center}}@media (max-width:991px){.submenu_responsive{display:flex}}.fleg_btn::active{background:0 0!important}.feature-box-info a:focus:not(.link),.play-pause-btn:focus{background-color:#d5d5d5!important}html .btn-primary:hover{background:0 0!important;text-decoration:none!important}a:focus:not(.link),a:hover:not(.link){background:0 0;text-decoration:none!important}.topheaddd_top+.col-xs-12{padding-left:0;padding-right:0}.feature-box-info .pluse_center:focus{background:#d5d5d5!important}.sub-pop-custm-bg{background:rgb(0 0 0 / 35%)}span#clsPopupFlags:hover{background:#1b5e80!important}span#clsPopupFlags:hover,span#clsPopupFlags:hover>button{color:#fff!important}.large-dd.sbm-submenu ul.sbm-main-submenu{border:none;padding:3px}body .sbm-submenu{background-color:#1b5e80!important;border-radius:8px;padding:6px 10px}.sbm-submenu .sbm-main-submenu>li{margin-right:5px;border:1px solid #fff!important;border-radius:8px;vertical-align:middle}.sbm-submenu .sbm-main-submenu>.mainsubmenus-eq{width:37px}.sbm-submenu .sbm-main-submenu>.mainsubmenus-eq a{display:flex;justify-content:center;align-items:center}.sbm-main-submenu>li,.sbm-main-submenu>li>a{color:#fff!important;font-size:16px!important;line-height:22px}.mainsubmenus-minc,.mainsubmenus-plus{min-width:38px}.imaglod{position:relative}.imgload{max-width:60px;height:60px;position:absolute;top:-15px;left:0}@media (max-width:360px){.sbm-main-submenu>li>a{font-size:12px!important}}.submenu_responsive{flex-wrap:wrap!important;display:flex!important}@media (max-width:658px){.submenu_responsive{justify-content:center!important}}.sbm-submenu ul>li.dropdown>a.dropdown-toggle:after{top:0!important}.sbm-submenu ul.sbm-main-submenu a i{color:#fff!important;margin:0 2px;font-size:20px!important}.main ul.sbm-main-submenu li.dropdown-mega,.main ul.sbm-main-submenu li.dropdown-mega>a{font-size:13px!important}body .vocabimage{border-radius:0;padding:0;border:0;box-shadow:none;cursor:pointer}span#clsPopupFlags{background-color:#d5d5d5;padding:0 5px;line-height:31px!important;border-radius:4px;font-size:21px!important;display:inline-flex;color:#000}span#clsPopupFlags>button{color:#000!important}.vocabimage{height:auto;max-width:210px}h4+p.v_style1{margin-top:0;margin-bottom:0!important;line-height:1}.feature-box{margin-bottom:10px}.feature-box-info>h4+p{border:0!important}.feature-box-info>h4{margin-bottom:3px!important;line-height:1.3;margin-top:3px}img.vocabimage{transition:.3s;border-radius:15px;padding:5px;border:1px solid #aaa;box-shadow:2px 2px 5px #ccc}.vocabimage:hover{box-shadow:6px 6px 13px 0 #0000004a}.vacab{background-size:cover!important;width:100%;height:100%;background-position:center center!important}#clsPopupFlags{display:flex;justify-items:center;align-items:center}.pluse_center{display:inline-flex!important;align-items:center;justify-content:center}.section-padding-top{padding:0!important;height:338px}.modal-767 .modal-content{max-height:auto!important}.modal-body .btn{min-height:29px!important}.vocab-title{margin:0;position:relative;top:35%;font-weight:500}.vocab-para{font-weight:100!important}.vocab-para span{font-weight:700}.vocab-para small{font-size:21px;color:#5d5d5d}.modal-dialog{overflow:hidden;height:auto!important}.close span{font-size:22px}.slide-arrow{position:absolute;top:20px;width:88%}.loading,.overlay{position:fixed;display:block}.slide-arrow i.fa.fa-chevron-right{right:-10px;position:absolute}.slide-arrow i.fa.fa-chevron-left{left:-10px;position:absolute}#clsPopupFlags button{padding:0;margin:0;line-height:0}.click-flag{padding-top:0;margin-bottom:0;letter-spacing:1px}.flagwrap,.phrase-text{margin-bottom:25px}.phrase-text{padding-top:0;text-transform:unset}.modal-body{width:300px}.loading{border:16px solid #d3d5d6;border-top:16px solid #ca0101;border-radius:50%;width:90px;height:90px;animation:2s linear infinite spin;left:50%;margin:-100px auto auto -50px;right:0;z-index:10006;top:50%;transform:translateY(-50%)}.overlay{background:rgb(0,0,0,.5);width:100%;height:100vh;z-index:9999;top:0}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mobile_sticky_ad{visibility:hidden}.add_language{display:inline-block;float:right;position:absolute;left:0;top:-7px;width:40px;max-width:20px}.add_language select{width:40px}.modal-title div{float:left}.modal-body p{margin-bottom:0;font-size:12px}.dropdown.clsCustLangDrp,.modal-content1 .modal-footer{margin-top:20px}.modal-footer{text-align:right;border-top:1px solid #e5e5e5;padding:10px 12px!important}.feature-box-info p{padding-bottom:12px}.feature-box.feature-box-style-3 .feature-box-info h4{padding-bottom:0}.popup .modal-body{margin-top:20px;padding-bottom:70px}.modal-backdrop.in+div{display:none!important}.modal-dialog.modal-dialog-custom,.modal-dialog.modal-dialog-custom1{max-width:300px;overflow:hidden}.modal-body{position:relative;text-align:center;margin:0 auto;height:100%!important;max-height:160px;overflow:auto}.modal-body a.popup-youtube{display:block;margin:20px 10px 25px}.hover_content{width:42px;font-size:14px;cursor:pointer;left:0;letter-spacing:1px;margin:auto}.dropdown{position:relative;display:inline-block;font-size:10px}.dropdown-content a{color:#000;padding:12px 14px;text-decoration:none;text-align:left;font-size:14px!important;display:block}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:120px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;max-height:150px;overflow:scroll;overflow-x:hidden;left:0;top:42px}.audio-btn,.flagwrap{display:inline-block}.dropbtn,.dropdown:hover .dropbtn{background-color:#e36159}.flagwrap{position:relative;margin-right:5px;margin-left:5px}.dropdown-content a div{margin-right:15px}.dropbtn{padding:10px;font-size:12px;border:none;cursor:pointer;margin-bottom:25px}.audio-btn{font-size:18px;vertical-align:middle;margin-left:0;background-color:#999!important;border:0 solid;padding:0 15px;margin-top:10px;border-radius:0}button.close.close-audio{top:-10px}.modal-content1{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:6px;max-width:300px;width:100%;outline:0;height:auto;margin:0 auto}.popup .modal-dialog.modal-dialog-custom{margin-top:0;margin-bottom:0;width:300px;height:100%}.modal-767 .modal-dialog{margin-top:0;margin-bottom:0;top:50%}.popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}#exampleModal1 .modal-dialog.modal-dialog-custom{max-width:200px;margin:57px auto}#exampleModal1 .modal-body{position:relative;padding:15px;text-align:center;width:200px;margin:auto}div#exampleModal1{max-width:200px;margin:auto;width:200px}.table-hover button{border-radius:0}.clsSpanLang{width:100%;display:block;position:absolute;left:0;right:0;text-align:center;padding-left:0;padding-top:5px}.hover_content_play{display:block;background:0 0;border:none;color:#000;cursor:pointer;bottom:-18px!important;position:absolute;top:auto;right:18px;padding:0 4px}.mfp-bg,.mfp-wrap,.oh.modal-open .modal-backdrop+div{display:none}.flagwrap button.btn.btn-default{padding:10px 3px;border-radius:4px}.flagwrap:hover .hover_content{display:block;background:0 0;border:none;text-align:center;color:#000;width:42px}.hover_content i.fa.fa-pencil{border:1px solid #ccc;width:40px;color:#000;border-radius:4px;height:25px;vertical-align:middle;padding-top:4px;font-size:12px!important;line-height:16px}.hover_content{display:none;position:absolute;top:-6px;right:5px;background:#fff;padding:0 4px;border-radius:3px;border:1px solid #e6e6e6;line-height:19px}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.popup .modal-footer{float:none;text-align:center;position:relative;top:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal.fade{opacity:1;-webkit-transition:opacity linear;-o-transition:opacity linear;transition:opacity linear}body{padding:0!important}.oh.modal-open .modal-backdrop.fade{opacity:.35}.modal-body{padding:15px}.main .modal-dialog .modal-content{width:100%!important}a.audio-btn{line-height:1!important}@media screen and (max-width:1022px){.modal-dialog.modal-dialog-custom{max-width:300px;margin:40px auto}.flagwrap{padding-top:15px}.modal-body .flagwrap a.popup-youtube{margin-bottom:20px}.modal-body{text-align:center;margin:0 auto!important;max-height:28vh;width:300px!important}.modal-dialog{max-width:300px;overflow:hidden;margin:10px auto}.hover_content{padding:4px 2px;border-radius:4px;left:0;font-size:12px;top:-21px;width:42px;right:0}.modal-body a.popup-youtube{margin-right:10px;display:block;margin-bottom:35px;margin-left:10px}.modal-header{padding:10px}.dropdown:hover .dropbtn{background-color:#e36159}.no_print button.btn.btn-default.btn-lg{font-size:15px;margin-bottom:15px}.slide-arrow i.fa.fa-chevron-left{left:40px}.clsSpanLang{top:auto;padding-top:14px}.slide-arrow i.fa.fa-chevron-right{right:40px}span#clsPopupFlags{font-size:24px!important;line-height:32px!important;margin:0 auto!important;height:35px!important}.btn-clsPopupFlagss,.play-pause-btn{width:40px!important;height:35px!important;line-height:1!important}.hover_content_play{bottom:-12px!important;position:absolute;top:auto;right:18px;padding:0 4px}.hover_content,.hover_content_play{display:block;background:0 0;border:none;padding-left:0;text-align:center;color:#000}}@media (max-width:767px){.modal-header{padding:10px}.sbm-main-submenu .dropdown-menu{display:none}.modal-footer{padding:10px!important}.feature-box.feature-box-style-3 .feature-box-info{margin-bottom:10px}.click-flag{padding-top:2px}}@media (max-width:400px){.modal-body{width:280px!important}.title-main_seccc_inner{padding:0 3px}}.flag-show{width:45px;height:30px;margin-bottom:20px}
 .People-btn, .first-flag{ background: #d5d5d5 !important; color: #000 !important; }
    .People-btn:hover, .People-btn:focus, .first-flag:hover, .first-flag:focus{color: #fff !important;  background: #1b5e80 !important; }
    .phrase-text{ margin-bottom: 7px !important;}
    .flagwrap button.btn.btn-default { padding: 10px 3px !important; border-radius: 4px !important; background: #f0f0f0 !important;}
    .modal-open .body { height: 100vh; overflow: hidden;}
    .section-overlay-tooltip {position: absolute;top: 0; left: 0; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0);opacity: 0; transition: opacity 0.3s ease; z-index: 1;}
    .section-tooltip {position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.8); color: white; padding: 10px;border-radius: 5px; opacity: 0; visibility: hidden; transition:opacity 0.3s ease;z-index: 2;}
    .title-main_seccc:hover .section-tooltip { opacity: 1;visibility: visible;right: 0; left: auto; z-index: 0; top: auto;  bottom: 0;transform: none; background: black;}
    .slide-arrow { width: calc(100% - 30px); }
    a#clsPopupFlags:hover i, a#clsPopupFlags i {color: inherit !important; }
    a#clsPopupFlags { color: #000 !important;}
    a#clsPopupFlags:hover { background: #015e7f !important; color: #fff !important;}
    .popup.subPopupCust.sub-pop-custm-bg  a.play-audio-btn.audio-btn { background: #d5d5d5 !important;color: #000;}
    .popup.subPopupCust.sub-pop-custm-bg  a.play-audio-btn.audio-btn:hover { background: #015e7f !important;color: #fff;}
    body #clsPopupFlags {
    display: inline-flex !important;
    margin: 5px !important;
}
body .modal-body {
    padding: 15px 15px 60px;
}
.subPopupCust  
 .modal-dialog.modal-dialog-custom {
    max-height: 90% !important;
}
.sbm-main-submenu .dropdown-toggle {
    padding-top: 0;
    line-height: 19px;
}

.vocabulary_aavn #settings{
        padding: 15px;
    }
    .vocabulary_aavn #settings label{
        font-size: 14px;
    }
    .vocabulary_aavn .filters{
        justify-content: end;
    }
    .vocab_box .example{
        font-weight: normal;
    }

    .phonetics_box .transliteration_word, .phonetics_box .transliteration_string{
        color: #630 !important;
        font-style: italic;
        direction: ltr !important;
    }
    .native_box .from_lang_word, .native_box .from_lang_eg{
        color: #666 !important;
    }

    .show_translation:hover{
        background-color: #015e7f !important;
        border-color: #015e7f !important;
        color: #fff !important;
    }
    .main_row{
            margin-bottom: 50px !important;
        }
    .card{
        border-radius: 8px;
        border: none;
        box-shadow: 1px 2px 7px 0px #808080bd;
        margin-bottom: 20px;
    }
    .card-body{
        padding: 10px;
        

    }
    .card-header{
        padding: 4px;
    }
    .vocabimage{
        max-width: unset !important;
        border-radius: unset !important;
        padding: unset !important;
        border: unset !important;
        box-shadow: unset !important;
        border-top-right-radius: 8px !important;
        left: 8px !important;
    }


.sbm-submenu ul>li.dropdown>a.dropdown-toggle:after {
    top: 52% !important;
}
.btn-dropdown-menu:active, html .btn-primary:hover {
    background: #015e7f !important;
}
@media (min-width: 768px) {
    .modal-body { max-width: 600px ; width: 100%; }
    .slide-arrow i.fa.fa-chevron-left { left: 0;}
    .slide-arrow i.fa.fa-chevron-right {  right: 0px;  }
}
@media (max-width: 767.98px) {
    .hover_content { top: 2px;}
    .slide-arrow i.fa.fa-chevron-left { left: 0;}
    .slide-arrow i.fa.fa-chevron-right { right: 0px;}
    .hover_content_play { bottom: -18px !important; }
    .lang-drop-cs > li > span { margin-bottom: 0px !important; }
    .lang-drop-cs > li { margin-bottom: 15px !important; }
    .lang-drop-cs .btn.btn-default { width: 100% !important; }
    .lang-drop-cs > li { max-width:300px;width:100%; }
    .resp-btnns a.btn { padding: 10px 15px !important; display: inline-block; height: 42px; font-size: 16px !important; }
}
@media (max-width: 420.98px) {
    .resp-btnns a.btn { width: calc(50% - 10px); margin-inline: 5px; margin-bottom: 10px; }
}
    .vocab-height {
        max-height: none;
    }
    .main_row {
    margin-bottom: 0px !important;
}
@media (max-width: 767.98px) {
.mobile-padingg-15 {
    padding-inline: 15px;
}
ul.pagination {
    padding-bottom: 50px;
    flex-wrap: wrap;
}
.to_lang_eg, .from_lang_eg {
    font-size: 16px !important;
}
.to_lang_word, .from_lang_word {
    font-size: 18px !important;
}
}
@media (max-width: 420.98px) {
.filters, .sorted {
    flex-wrap: wrap;
    width: 100%;
}
.filters > label, .sorted > label {
    width: 100%;
}
.sorted > div {
    width: 50%;
     margin-right: 0 !important;
}
.filters > div {
    width: 27%;
    margin-right: 0 !important;
}
.filters > div:nth-child(3) {
    width: 50%;
}
.filters > div:nth-child(2) {
    width: 23%;
}
}