@import url('edmin.css');
@media screen and (max-width:768px){
.titleTag{border-radius: 0px !important;}
.moodch{width:28px}
.navigation-btn{position:fixed;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.5);color:#fff;border:none;padding:10px 20px;font-size:20px;cursor:pointer;z-index:1000}
.dd-button{line-height:1.9;position:relative;top:1px}
#swipeMessageOverlay{display:flex}
.titleTag{width:100%;margin-top:0!important}
.titleunderline{width:100%;background:#fff;height:2px}
.header{padding:0}
.hide-page{display:none}
.form-horizontal{height:34px}
.pull-left{padding:1px}
#ddlistPage{display:inline-block;width:auto;padding:0}
#dropdownMenuButton{padding:1px 8px}
#datetext_cal{padding:2px 4px;font-size:11px}
.btn-default{padding:5px}
.container{padding:0 0 0 2px;width:auto}
.shareit_outer{width:97%;position:relative;left:4px}
.thumbnail{width:96%;box-shadow:none;border-radius:0;padding:0;margin-left:9px;margin-top:7px;border:none}
.cal_outer input{padding:2px 0 0 4px}
.cal_outer{background:#1728c1 linear-gradient(180deg,#3a48ca,#1728c1) repeat-x;border-radius:4px;padding:0 0 3px 8px;width:87px}
.btn-crop{padding:3px 5px 3px 3px;border-radius:3px}
#content{overflow:hidden}
#newspaper-container{margin-top:0}
.arcpa{line-height:1.8}
.pull-right{padding:2px;float:right}
#navstick{height:43px!important}
.work-Area{margin-top:2px}
#newspaper-container{position:relative;width:100%;touch-action:pan-y}
#newspaperImage{width:100%;height:auto}
#swipeMessageOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:9999;color:#fff;display:flex;justify-content:center;align-items:center}
#swipeMessageOverlay h2{font-size:24px;margin:0}
#swipeMessageOverlay p{font-size:16px}
#swipeMessageOverlay button{font-size:18px;padding:10px 20px;border:none;cursor:pointer}
.button-8{font-size:14px}
.footer-bottom{height:104px}
.widget-title{font-size:14px}
}
.navbar{z-index:1000}
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table}
.cropper-container{z-index:1.0E+16!important;z-index:1.0E+16!important}
#share-crop{position:absolute;z-index:1001;background:#007bff;color:#fff;border:none;padding:5px 12px;width:70px;height:30px;cursor:pointer;display:none;box-shadow:rgba(50,50,93,.25) 0 2px 5px -1px,rgba(0,0,0,.3) 0 1px 3px -1px;text-align:center;line-height:20px;margin-top:7px;border-radius:0}
#cancel-crop{position:absolute;z-index:1001;background:#dc3545;color:#fff;border:none;padding:5px 12px;width:70px;height:30px;cursor:pointer;display:none;box-shadow:rgba(50,50,93,.25) 0 2px 5px -1px,rgba(0,0,0,.3) 0 1px 3px -1px;text-align:center;line-height:18px;margin-top:7px;border-radius:0}
.side-thumb{margin-top:10px;border-radius:5px;overflow:hidden}
#ui-datepicker-div{z-index:10!important}
.ui-state-default,.ui-widget-content .ui-state-default{border:1px solid #ddd!important;background:#fff!important;font-weight:400;color:#454545;font-weight:600!important}
a{text-decoration:none}
.footer-section{background-color:#233243;position:relative;overflow:hidden;z-index:9;padding-top:18px}
.footer-section:before{content:'';position:absolute;top:-146%;left:-18%;width:44%;height:257%;transform:rotate(54deg);background-color:#1f2f40;-webkit-transform:rotate(54deg);-moz-transform:rotate(54deg);-ms-transform:rotate(54deg);-o-transform:rotate(54deg);z-index:-10}
.footer-section:after{position:absolute;content:'';background-color:#1f2f40;top:-24%;right:4%;width:26%;height:264%;transform:rotate(44deg);-webkit-transform:rotate(44deg);-moz-transform:rotate(44deg);-ms-transform:rotate(44deg);-o-transform:rotate(44deg);z-index:-10}
.footer-top{padding-top:16px;padding-bottom:14px}
.company-footer-contact-list,.courses-link-list,.small-post-list{padding-left:0}
.company-footer-contact-list li,.footer-top p{color:#fff}
.company-footer-contact-list{margin-top:10px}
.company-footer-contact-list li{display:flex;display:-webkit-flex;align-items:center}
.company-footer-contact-list li+li{margin-top:5px}
.company-footer-contact-list li i{margin-right:10px;font-size:20px;display:inline-block}
.footer-top .site-logo{margin-bottom:25px;max-width:170px}
.widget-title{text-transform:capitalize}
.footer-top .widget-title{color:#fff;margin-bottom:20px}
.courses-link-list li+li{margin-top:10px}
.courses-link-list li a{color:#fff;text-transform:capitalize;font-family:var(--para-font);font-weight:400}
.courses-link-list li a:hover{color:#ffb606}
.courses-link-list li i{margin-right:5px}
.footer-top .small-post-title a{font-family:var(--para-font);color:#fff;font-weight:400}
.small-post-item .post-date{color:#ffb606;margin-bottom:3px;font-family:var(--para-font);font-weight:400}
.small-post-list li+li{margin-top:30px}
.news-letter-form{margin-top:15px}
.news-letter-form input{width:100%;padding:12px 25px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border:none}
.news-letter-form input[type=submit]{width:auto;border:none;background-color:#ffb606;padding:9px 30px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;color:#fff;margin-top:10px}
.footer-bottom{padding:13px 0;border-top:1px solid rgba(255,255,255,.149)}
.copy-right-text{color:#fff}
.copy-right-text a{color:#ffb606}
.terms-privacy li+li{margin-left:30px}
.terms-privacy li a{color:#fff;position:relative}
.terms-privacy li a:after{position:absolute;content:'-';color:#fff;display:inline-block;top:0;right:-18px}
.terms-privacy li+li a:after{display:none}
.pageDyfma{font-family:system-ui;font-weight:400}
.dyph1{font-weight:600;font-family:system-ui}
.modal-sub{margin-top:9%;background:url(../../img/icon-bg-min.webp) no-repeat}
.modal-dialog{display:flex;align-items:center;justify-content:center;min-height:75vh;margin:0 auto}
.modal-custom{width:96vw;max-width:600px;height:96vw;max-height:600px}
.modal-content{height:100%;border:2px solid #474747;overflow:hidden}
.modal-body{display:flex;flex-direction:column;align-items:center;height:100%}

/* Fullscreen Zoom View Modal (No Top Header) */
#zoomViewModel {
    touch-action: none;
    -webkit-overflow-scrolling: auto;
}

#zoomViewModel .modal-dialog.modal-fullscreen {
    max-width: 100% !important;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
}

#zoomViewModel .modal-content {
    background-color: #050608 !important;
    border: none !important;
    border-radius: 0 !important;
    height: 100vh !important;
    width: 100vw !important;
}

#zoomViewModel .modal-body {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden !important;
    background-color: #050608 !important;
    touch-action: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

#panzoomContainer {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    touch-action: none !important;
    user-select: none;
    -webkit-user-select: none;
    position: relative;
}

#largeepaper {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    touch-action: none !important;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    cursor: grab;
    will-change: transform;
    transition: transform 0.05s ease-out;
}

#largeepaper.is-resetting {
    transition: transform 0.25s ease-in-out;
}

#largeepaper:active {
    cursor: grabbing;
}

/* Premium Floating Bottom Action Bar */
.zoom-floating-bar {
    position: fixed !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 1060 !important;
    background: rgba(15, 18, 26, 0.88) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 40px !important;
    padding: 4px 10px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    max-width: 92vw !important;
    white-space: nowrap !important;
    touch-action: auto !important;
}

.btn-zoom-action {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.85rem !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    outline: none !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.btn-zoom-action:hover, .btn-zoom-action:active {
    background: #007bff !important;
    border-color: #007bff !important;
    color: #ffffff !important;
    transform: scale(1.06) !important;
}

.btn-zoom-reset {
    width: auto !important;
    min-width: auto !important;
    border-radius: 20px !important;
    padding: 0 12px !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
}

.btn-zoom-close {
    background: rgba(220, 53, 69, 0.25) !important;
    border-color: rgba(220, 53, 69, 0.4) !important;
    color: #ff6b6b !important;
}

.btn-zoom-close:hover, .btn-zoom-close:active {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #ffffff !important;
}

.zoom-scale-indicator {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    min-width: 42px !important;
    text-align: center !important;
    user-select: none !important;
    font-family: system-ui, -apple-system, sans-serif !important;
    flex-shrink: 0 !important;
}

.zoom-divider {
    width: 1px !important;
    height: 18px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    margin: 0 2px !important;
    flex-shrink: 0 !important;
}