body {background-color: #EFF4FF;}
.aside-enabled.aside-fixed.header-fixed .header {left: 305px; transition: left 0.3s ease; border-radius: 0 0 0 10px;}
.aside-enabled.aside-fixed .wrapper{padding-left: 305px;}
.aside-fixed .aside{background: #1e4cb0; border-radius: 10px; height: 98vh; top: 1vh; left: 10px;}
#kt_header_nav{padding-left: 20px;}
#kt_header_nav h1{color: #1e4cb0 !important; font-size: 18px;}
.aside .aside-logo{height: 100px;}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{padding: 0 30px 0 0;}
.menu-column{padding: 0 16px;}
.menu-title-gray-800 .menu-item .menu-link .menu-title{color: #fff;}
.menu-icon i{color: #fff;}
.aside-menu .menu .menu-item .menu-link, .aside-menu .menu .menu-item .menu-content {padding-left: 15px; padding-right: 15px;}
.aside-menu .menu .menu-item .menu-link:hover, .aside-menu .menu .menu-item .menu-link.active{border-radius: 7px;}
.menu-state-title-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-title, .menu-state-title-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title{color: #fff;}
.menu-state-icon-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon i, .menu-state-icon-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon i{color: #fff;}
.footer{background-color: #ffffff; border-radius: 10px 0 0 0; padding-left: 20px;}
.step-block{background: #fff; position: relative; box-shadow: 0px 0px 30px 0px rgba(30, 76, 176, 0.11); border-radius: 10px; font-size: 16px; color: #565964; font-weight: 700; padding: 15px;}
.step-block .count-block{width: 36px; height: 36px; position: absolute; top: 9px; right: 9px; border-radius: 50%; text-align: center; line-height: 36px; font-size: 18px; font-weight: 700; color: #fff;}
.card{box-shadow: 0px 0px 30px 0px rgba(30, 76, 176, 0.11); border-radius: 10px;}

.info-card{background: #fff; position: relative; box-shadow: 0px 0px 30px 0px rgba(30, 76, 176, 0.11); border-radius: 10px; display: flex; align-items: center; justify-content: space-between; padding: 25px; border-left: #1e4cb0 4px solid;}
.info-card .name {font-size: 16px; font-weight: 400; line-height: 24px; text-align: right;}
.info-card .name strong{display: block; font-size: 30px; line-height: 30px; font-weight: 700;}
.info-card:hover{color: #1e4cb0;}
.info-card .svg-icon i {font-size: 50px; color: #1e4cb0;}

.qr-code-area{margin-top: 10px; background: #fff; position: relative; box-shadow: 0px 0px 30px 0px rgba(30, 76, 176, 0.11); border-radius: 10px; padding: 25px; }
.qr-code-area .code-block{width: 240px; margin: 0 auto;}
.qr-code-area .code-block img{width: 100%;}
.qr-code-area label{text-align: center; width: 100%; font-size: 16px; font-weight: 700; color: #1e4cb0; margin: 0 0 10px 0;}
.qr-code-area.blue .form-control{background: #d3e1ff; color: #1f4bae; text-align: center; font-weight: 700; border: #bacbf2  1px solid;}
/* .qr-code-area.blue .form-control{border: #bacbf2  1px solid;} */

.info-card.orange{border-left: #fd7e14 4px solid;}
.info-card.orange .name{color: #fd7e14}
.info-card.orange .svg-icon i{color: #fd7e14}
.qr-code-area.orange label{color:#fd7e14}
.qr-code-area.orange .form-control{background: #fff2e8; color: #fd7e14; border: #ffe5cf 1px solid;}

.info-card.green{border-left: #28a745 4px solid;}
.info-card.green .name{color: #28a745}
.info-card.green .svg-icon i{color: #28a745}
.qr-code-area.green label{color:#28a745}
.qr-code-area.green .form-control{background: #eaffef; color: #28a745; border: #8af0a1 1px solid;}

ul.info-list-dashboard{margin: 10px 0px 0px 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
ul.info-list-dashboard li{width: 100%;  margin: 0 0 10px 0;}
ul.info-list-dashboard li .white-block{background: #fff; position: relative; box-shadow: 0px 0px 30px 0px rgba(30, 76, 176, 0.11); border-radius: 10px; font-size: 16px; color: #1e4cb0; font-weight: 400; padding:24px 15px; display: flex; flex-direction: row-reverse; justify-content: space-between; border-left: #1e4cb0 4px solid; overflow: hidden;}
ul.info-list-dashboard li .white-block::before{background: #1e4cb0; content: ''; position: absolute; top: -14px; right: -30px; width: 100px; height: 100px; transform: rotate(45deg); border-radius: 10px;}
ul.info-list-dashboard li .white-block .number{z-index: 1; color: #fff; width: 44px; text-align: center; font-weight: 700;}
ul.info-list-dashboard li:last-child{margin: 0px;}

/* .table-row-dashed{width: 100%; border-collapse: collapse; border-spacing: 0 0px; font-family: Arial, sans-serif; background-color: #fff; border-bottom:1px solid #d0d4e4}
.table-row-dashed > * > tr > th,
.table-row-dashed > * > tr > td {white-space: nowrap; padding: 11px 15px 10px 15px; border: 1px solid #d0d4e4; vertical-align: middle; font-size: 14px; font-weight: 400;  overflow: hidden; text-overflow: ellipsis; border-bottom: none;} */

.chat-body-panel{position: fixed; top: 0px; right: -100%; width: 40%; background: #fff; height: 100vh; z-index: 999; box-shadow: 0px 0px 190px 0px rgba(30, 76, 176, 0.50); padding-top: 96px; overflow-y: scroll;  transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.chat-body-panel.open{right: 0px;  transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.chat-body-panel .top-part{position: fixed; top: 0px; right: -100%; width: 40%; border-bottom: #d0d4e4 1px solid; padding: 15px 0px 0 0px;  background: #fff; z-index: 1;  transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.chat-body-panel.open .top-part{right: 0%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.chat-body-panel .top-part h2{margin: 0px; font-size: 18px; line-height: 30px; font-weight: 400; color: #1e4cb0; padding: 0 15px;}
.chat-body-panel .top-part .btn-close-chat{position: absolute; top: 13px; right: 15px; background: transparent; border: none; padding: 0px; width: 30px; height: 30px;}
.chat-body-panel .top-part ul.nav{margin: 5px 0px -1px 0px; padding: 0px; list-style: none;}
.chat-body-panel .top-part ul.nav li .nav-link{font-size: 16px; font-weight: 400; color: #000; display: flex; align-items: center; padding: 10px 15px; border-bottom: transparent  2px solid;}
.chat-body-panel .top-part ul.nav li .nav-link i{margin-right: 10px;}
.chat-body-panel .top-part ul.nav li .nav-link.active{color: #1e4cb0; border-bottom: #1e4cb0 2px solid;}
.chat-body-panel .top-part ul.nav li .nav-link.active i{color: #1e4cb0;}
.chat-body-panel .tab-content{padding: 15px;}
.chat-body-panel .message-block{background: #ecf1fc;  border-radius: 15px; margin-top: 10px;}
.chat-body-panel .message-block .name-bar{display: flex; justify-content: space-between; padding: 10px 15px; border-bottom: #a0abc4 1px dashed;}
.chat-body-panel .message-block .name-bar .left{display: flex; align-items: center;}
.chat-body-panel .message-block .name-bar .left .code{width: 30px; height: 30px; background:#1e4cb0; border-radius: 50%; line-height: 30px; text-align: center; color: #fff; font-size: 12px; font-weight: 700; margin-right: 10px;}
.chat-body-panel .message-block .name-bar .left .name{font-size: 16px; line-height: 24px; font-weight: 700; color: #000;}
.chat-body-panel .message-block .name-bar .right .btn-sm{margin-left: 5px;}
.chat-body-panel .message-block .message-text{padding: 15px; font-size: 14px; line-height: 20px; color: #53658f;}
.chat-body-panel .message-block .reply-area{padding: 0 15px 15px 15px; position: relative;}
.chat-body-panel .message-block .reply-area .btn {position: absolute; top: 5px; right: 19px; }
.chat-body-panel .message-block .replay-block{padding: 0 15px 15px 15px;}
.chat-body-panel .message-block .replay-block .message-block{background: #d7deee; margin: 0px;}
.chat-body-panel .upload-btn-wrapper{position: relative; overflow: hidden; display: block;}
.chat-body-panel .upload-btn-wrapper .btn{border: none !important; color: #fff; background-color: #1e4cb0; padding: 10px 20px !important; border-radius: 8px; font-size: 15px; width: 100%; display: flex; align-items: center; justify-content: center;}
.chat-body-panel .upload-btn-wrapper .btn i{color: #fff; margin-right: 10px;}
.chat-body-panel .upload-btn-wrapper input[type=file]{font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0;}

.chat-body-panel ul.upload-list{margin: 15px -7px 0 -7px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.chat-body-panel ul.upload-list li{width: 33.33%; padding: 0 7px; margin-bottom: 14px;}
.chat-body-panel ul.upload-list li .inner-block{position: relative; overflow: hidden; border-radius: 10px; background: #ecf1fc;}
.chat-body-panel ul.upload-list li .inner-block .btn-icon{position: absolute; top: 15px; right: 15px;}
/* .chat-body-panel ul.upload-list li .inner-block .img-block {width: 100px; height: 100px; border-radius: 5px; position: relative;overflow: hidden; margin: 20px auto; padding-top: 20px; } */
.chat-body-panel ul.upload-list li .inner-block .img-block .icon-preview { width: 100px !important; height: 100px !important; margin: auto; }
.chat-body-panel ul.upload-list li .inner-block .img-block{width: 100%; height: 140px; border-radius: 5px; position: relative; overflow: hidden;}
.chat-body-panel ul.upload-list li .inner-block .img-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.chat-body-panel ul.upload-list li .inner-block .name{margin: 10px 15px; color: #000; font-size: 14px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  white-space: normal;}
.delete_chat_file {left: 10px; }    
.chat-body-panel .log-table table{width: 100%; border-collapse: collapse; border-spacing: 0 0px; font-family: Arial, sans-serif; background-color: #fff; border-bottom:1px solid #d0d4e4}
.chat-body-panel .log-table table > * > tr > th{white-space: nowrap; padding: 8px 15px 8px 15px; border: 1px solid #d0d4e4; vertical-align: middle; font-size: 14px; font-weight: 500;  overflow: hidden; text-overflow: ellipsis; border-bottom: none; color: #1e4cb0;}
.chat-body-panel .log-table table > * > tr > td{white-space: nowrap; padding: 8px 15px 8px 15px; border: 1px solid #d0d4e4; vertical-align: middle; font-size: 14px; font-weight: 400;  overflow: hidden; text-overflow: ellipsis; border-bottom: none;}

.register-page{background: #ebf0fc; position: relative; padding: 0 100px;}
.register-page::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 400px; background: #004aad; border-radius: 0 0 100px 100px;}
.register-page .register-logo{width: 260px; margin: 60px auto; position: relative; z-index: 2;}
.register-page .register-logo img{width: 100%;}
.register-page .card{width: 100%; border-radius: 30px 30px 0 0;}
.register-page .card .card-title{margin: 0px;}
.register-page .card .card-title h1{text-align: center; border-bottom: #004aad 1px dashed; margin: 0px; font-size: 24px; color: #004aad; line-height: 66px;}
.register-page .form-control[readonly] {background-color: #ebf0fc;}
.symbol-group{flex-wrap: nowrap;}


/* forms related code */
.menu-bullet i{ color: #fff;}
.aside-menu .menu .menu-item .menu-link:hover, .aside-menu .menu .menu-item .menu-link.active  .menu-bullet i{ color: #1E4CB0 !important;}
.aside-menu .menu .menu-item .menu-link:hover, .aside-menu .menu .menu-item .menu-link:hover .menu-bullet i{ color: #1E4CB0 !important;}

.forms-img div.upload-list{margin: 15px -7px 0 -7px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.forms-img div.upload-list {/* width: 33.33%; */ padding: 0 7px; margin-bottom: 14px;}
.forms-img div.upload-list .inner-block{position: relative; overflow: hidden; border-radius: 10px; background: #ecf1fc;}
.forms-img div.upload-list .inner-block .btn-icon{position: absolute; top: 3px; /* right: 15px; */ left: 293px;}
.forms-img div.upload-list .inner-block .img-block{width: 100%; height: 140px; border-radius: 5px; position: relative; overflow: hidden;}
.forms-img div.upload-list .inner-block .img-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.forms-img div.upload-list .inner-block .name{padding: 10px 15px; color: #000; font-size: 14px; font-weight: 400;}
.forms-img .log-table table{width: 100%; border-collapse: collapse; border-spacing: 0 0px; font-family: Arial, sans-serif; background-color: #fff; border-bottom:1px solid #d0d4e4}
.forms-img .log-table table > * > tr > th{white-space: nowrap; padding: 8px 15px 8px 15px; border: 1px solid #d0d4e4; vertical-align: middle; font-size: 14px; font-weight: 500;  overflow: hidden; text-overflow: ellipsis; border-bottom: none; color: #1e4cb0;}
.forms-img .log-table table > * > tr > td{white-space: nowrap; padding: 8px 15px 8px 15px; border: 1px solid #d0d4e4; vertical-align: middle; font-size: 14px; font-weight: 400;  overflow: hidden; text-overflow: ellipsis; border-bottom: none;}


/* Education Start */
.explore-adu-university .explore-adu-university-title h3 {  font-weight: 600; font-size: 18px; line-height: 100%; letter-spacing: 0%; color: #181C32; margin: 0; padding-bottom: 10px; }
.explore-adu-university .explore-adu-university-form {display: flex; justify-content: space-between; width: 100%; }
.explore-adu-university .explore-adu-university-form-input {  width: 660px; position: relative; border: 1px solid #E4E6EF; background: #FFFFFF; padding: 13px 13px 13px 43px; display: flex; align-items: center; border-radius: 5px;}
.explore-adu-university .explore-adu-university-form-left{    width: 100%; display: flex;  gap: 10px; align-items: center;}
.explore-adu-university .explore-adu-university-form-input input{ padding: 0 ; border: 0; margin: 0;  color: #A1A5B7; font-size: 15px; font-weight: 500; line-height: 100%; }
.explore-adu-university .explore-adu-university-form-input i { color: #1E4CB0; font-size: 18px; position: absolute; left: 14px;} 
.explore-adu-university .explore-adu-university-form-button button{ padding: 13px 30px;background: #1E4CB0; font-size: 15px; line-height: 100%; font-weight: 500;border: 1px solid #1E4CB0; border-radius: 5px; color: #fff;}
.explore-adu-university .explore-adu-university-form-right button{ padding: 13px 30px;background: #1E4CB0; font-size: 15px; line-height: 100%; font-weight: 500;border: 1px solid #1E4CB0; border-radius: 5px; color: #fff;}

.explore-adu-university .explore-adu-university-form-right .mobile-view {display: none;}
.all-courses-card  { margin-bottom: 20px;}
.all-courses-card h3 {font-size: 18px; line-height: 100%; font-weight: 600; color: #181C32; margin: 0; padding-bottom: 12px;}
.all-courses-card .inner-flex { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.all-courses-card .inner-flex .courses-card-col{ width: 100%; background-color: #FFFFFF; border-radius: 10px; padding: 20px;box-shadow: 0px 0px 30px 0px #1E4CB00F; }
.all-courses-card .inner-flex .courses-card-col .courses-card-images { padding-bottom: 20px;}
.all-courses-card .inner-flex .courses-card-col .courses-card-images img{ width: 100%; height: 191px;} 
.all-courses-card .inner-flex .courses-card-col .courses-card-items h4 { margin: 0; padding-bottom: 10px; line-height: 0;} 
.all-courses-card .inner-flex .courses-card-col .courses-card-items h4 .video-title { font-size: 18px; line-height: 100%; font-weight: 700; color: #1E4CB0; margin: 0;}
.all-courses-card .inner-flex .courses-card-col .courses-card-items .courses-card-time { display: flex; align-items: center; gap: 8px; padding-bottom: 10px;}
.all-courses-card .inner-flex .courses-card-col .courses-card-items .courses-card-time img { width: 12px; height: 12px;}
.all-courses-card .inner-flex .courses-card-col .courses-card-items .courses-card-time span { font-size: 12px; line-height: 12px; color: #49494A;}
.all-courses-card .inner-flex .courses-card-col .courses-card-items p { font-size: 15px; line-height: 22px; color: #8C8FA0; font-weight: 400; margin: 0; padding-bottom: 10px;}
.all-courses-card .inner-flex .courses-card-col .courses-card-items .video-description { font-size: 15px; line-height: 22px; color: #8C8FA0; font-weight: 400; margin: 0; padding-bottom: 10px;}
.all-courses-card .inner-flex .courses-card-col .courses-card-items>a {border: 1px solid #E4E6EF; text-align: center;  padding: 13px 10px; width: 100%; display: inline-block; font-size: 15px; line-height: 100%; font-weight: 500; color: #1E4CB0; border-radius: 5px;}
.all-courses-card .inner-flex .courses-card-col .courses-card-items .play-button {border: 1px solid #E4E6EF; background-color: transparent; text-align: center;  padding: 13px 10px; width: 100%; display: inline-block; font-size: 15px; line-height: 100%; font-weight: 500; color: #1E4CB0; border-radius: 5px;}
/* Education End */


/* Documents Start */
.card-documents h3 { font-size: 18px; line-height: 100%; font-weight: 600; margin: 0; padding-bottom: 15px;}
.card-documents .inner-grid {display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px;}
.card-documents .inner-grid .card-documents-col {padding: 15px; background: #FFFFFF;box-shadow: 0px 0px 30px 0px #1E4CB00F;  border-radius: 10px;}
.card-documents .inner-grid .card-documents-col .card-documents-img {margin-bottom: 15px; background: #F3F7FF; border-radius: 10px; display: flex; justify-content: center; align-items: center; height: 155px;}
.card-documents .inner-grid .card-documents-col .card-documents-img img { margin: 0 !important; width: 82px !important; height: 82px !important; }
.card-documents .inner-grid .card-documents-col .card-documents-items h4 { margin: 0; line-height: 0; padding-bottom: 17px; text-align: center ; width: 100%;}  
.card-documents .inner-grid .card-documents-col .card-documents-items h4 a { font-size: 16px; line-height: 100%; font-weight: 700; text-align: center; color: #5C689D;}
.card-documents .inner-grid .card-documents-col .card-documents-items button { padding: 10px 15px; border: 1px solid #E4E6EF ; display: flex; justify-content: space-between; width: 100%; background-color: #fff; border-radius: 5px; align-items: center;} 
.card-documents .inner-grid .card-documents-col .card-documents-items button span { font-size: 15px; line-height: 100%; font-weight: 500; color: #1E4CB0;}
.card-documents .inner-grid .card-documents-col .card-documents-items button  img { width: 24px; height: 24px; object-fit: contain;}
/* Documents End */


/* Detils Start */
.detils-block .inner-html { display: flex; margin: 30px 0;}
.detils-block .inner-html .leftside { width: 68.66%; margin-right: 20px;}
.detils-block .inner-html .rightside { width: 32.70%;} 
.detils-block .inner-html .agents-panel h2 { font-weight: 500; font-size: 28px; line-height: 100%; margin: 0; padding-bottom: 22px; color: #1E4CB0;}
.detils-block .inner-html .agents-panel .agents-panel-video { padding-bottom: 20px;}
.detils-block .inner-html .agents-panel .agents-panel-video video { width: 100%; height: auto; border-radius: 10px;}
.detils-block .inner-html .agents-panel .agents-panel-learn h3 { font-size: 21px; line-height: 100%; font-weight: 500; color: #022164; margin: 0; padding-bottom: 10px;}
.detils-block .inner-html .agents-panel .agents-panel-learn p { font-weight:400; font-size: 15px; line-height: 22px; color: #8C8FA0; margin: 0; padding-bottom: 15px;} 
.detils-block .inner-html .agents-panel .agents-panel-block { display: flex; align-items: center; gap: 15px;flex-wrap: wrap;}
.detils-block .inner-html .agents-panel .agents-panel-block .agents-panel-col {width: 100%; max-width: 173px; background: #EAEFFB; padding: 5px; border-radius: 30px; display: flex; align-items: center; gap: 12px; }
.detils-block .inner-html .agents-panel .agents-panel-block .agents-panel-col .agents-panel-col-img {width: 42px; height: 42px; display: flex; justify-content: center; align-items: center; background: #1E4CB0; border-radius: 50%;}
.detils-block .inner-html .agents-panel .agents-panel-block .agents-panel-col .agents-panel-col-text a { padding-bottom: 4px; font-size: 12px; line-height: 12px; text-transform: uppercase; font-weight: 700; color: #1E4CB0;}
.detils-block .inner-html .agents-panel .agents-panel-block .agents-panel-col .agents-panel-col-text p { font-size: 16px; line-height: 16px; font-weight: 400; color: #343434; margin: 0;}


.other-videos h3 { font-size: 18px; line-height: 100%; font-weight: 600; color: #181C32; padding-bottom: 14px; margin: 0;} 
.other-videos .other-videos-col { border: 1px solid #E4E6EF; padding: 8px 18px 8px 8px; border-radius: 5px; display: flex; gap: 15px; align-items: center; margin-bottom: 12px;}
.other-videos .other-videos-col:last-child { margin: 0;}
.other-videos .other-videos-col .other-videos-img img { width: 124px; height: 70px;}
.other-videos .other-videos-col .other-videos-right { display: flex; gap: 20px; justify-content: space-between; width: 100%;} 
.other-videos .other-videos-col .other-videos-right .other-videos-titel h4 { margin: 0; line-height: 0; padding-bottom: 10px;}
.other-videos .other-videos-col .other-videos-right .other-videos-titel h4 a { font-size: 18px; line-height: 100%; font-weight: 700;}
.other-videos .other-videos-col .other-videos-right .other-videos-titel .other-videos-clock { display: flex; gap: 8px; align-items: center;}
.other-videos .other-videos-col .other-videos-right .other-videos-titel .other-videos-clock img{width: 12px; height: 12px; object-fit: contain;}
.other-videos .other-videos-col .other-videos-right .other-videos-titel .other-videos-clock span { font-size: 12px; line-height: 12px; color: #49494A;}
.other-videos .other-videos-col .other-videos-right .other-videos-play {width: 40px; height: 40px; border-radius: 50%; display: flex; min-width: 40px; align-items: center; justify-content: center; background-color: #1E4CB0;}
.detils-block .inner-html .agents-panel .agents-panel-block {gap: 10px;}
.other-videos h3 { font-size: 16px; padding-bottom: 10px;}
.other-videos .other-videos-col .other-videos-right .other-videos-titel h4 a { font-size: 14px;}
.detils-block .inner-html .agents-panel .agents-panel-block .agents-panel-col .agents-panel-col-img { width: 35px; height: 35px; }
.detils-block .inner-html .agents-panel .agents-panel-block .agents-panel-col .agents-panel-col-img img { width: 18px; height: 18px; object-fit: contain;}

/* Detils End */

.no-found {background: #ffebeb; border: #b18888 1px solid; padding: 10px 15px; border-radius: 10px 0 0 10px; border-left: #b18888 4px solid; color: #9b1010; font-weight: 700; font-size: 13px; min-width: 4732px; }
.back-mobile-area{display: none;}
.mobile-msg{display: none;}

/* Medium Desktop */
@media only screen and (max-width: 1440px) {

    /* Education Start */
    .all-courses-card .inner-flex .courses-card-col .courses-card-images img { height: auto;}
    .explore-adu-university .explore-adu-university-form-input { width: 500px;} 
    .all-courses-card .inner-flex { grid-template-columns: repeat(3, 1fr);}
    /* Education End */

    /* Detils Start */
    .detils-block .inner-html .rightside { width: 40%;}
    .other-videos .other-videos-col .other-videos-img img { width: 100px; height:60px;}
    /* Detils End */
}


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

    /* Documents Start */
    .card-documents .inner-grid { grid-template-columns: repeat(3, 1fr);}
    .explore-adu-university .explore-adu-university-form-input { width: 400px;}
    /* Documents End */

    
    /* Detils Start */
    .other-videos .other-videos-col .other-videos-right { gap: 8px;}
    .other-videos .other-videos-col .other-videos-img img { width: 80px; height: 50px;}
    .other-videos .other-videos-col .other-videos-right .other-videos-play { width: 30px; min-width: 30px; height: 30px;}
    .other-videos .other-videos-col .other-videos-right .other-videos-play img { width: 20px; height: 20px;}
    .detils-block .inner-html .rightside { width: 45%;}
    .other-videos .other-videos-col .other-videos-right {flex-direction: column;}
    .other-videos .other-videos-col { padding: 8px;}
    .other-videos .other-videos-col .other-videos-right .other-videos-titel h4 { padding-bottom: 8px;}
     /* Detils End */
}

@media only screen and (max-width: 1024px) {
    .register-page{padding: 0 50px;}   
    .register-page .register-logo{width: 220px; margin: 40px auto;}
    
    .aside-fixed .aside{left: 0px; padding: 15px 0;}
    .aside-enabled.aside-fixed .wrapper{padding-left: 30px;}
    .aside-enabled.aside-fixed.header-fixed .header{left: 0;}
    .header-tablet-and-mobile-fixed .header{padding-left: 20px;}

    /* Education Start */
    .all-courses-card .inner-flex { grid-template-columns: repeat(2, 1fr);}
    .explore-adu-university .explore-adu-university-form-input {width: 360px;}
    /* Education End */


    /* Detils Start */
    .detils-block .inner-html .rightside { width: 55%;}
    .detils-block .inner-html { flex-direction: column; gap: 30px;}
    .detils-block .inner-html .leftside { margin: 0; width: 100%;}
    .other-videos .other-videos-col .other-videos-right { flex-direction: row;}
    /* Detils End */
}
@media only screen and (max-width: 767px) { 


    /* Education start */
    .review-table-area table tr td { text-align: center;}
    .review-table-area table tr td.text-end { text-align: center !important;}

    .explore-adu-university .explore-adu-university-form {flex-direction: column; gap: 15px;}
    .all-courses-card .inner-flex { grid-template-columns: repeat(1, 1fr);}
    .explore-adu-university .explore-adu-university-form-button button {padding: 10px 20px;font-size: 13px;}
    .explore-adu-university .explore-adu-university-form-input { width: 100%; padding: 10px 10px 10px 30px;}
    .explore-adu-university .explore-adu-university-form-input i {font-size: 14px; left: 11px;}
    .explore-adu-university .explore-adu-university-form-input input {font-size: 13px;}
    .explore-adu-university .explore-adu-university-form-right button {padding: 10px 20px; font-size: 13px;}
    .explore-adu-university .explore-adu-university-title h3 { font-size: 15px;}
    .all-courses-card h3 {font-size: 15px;font-size: 15px;}
    .all-courses-card .inner-flex .courses-card-col { padding: 15px;}
    .all-courses-card .inner-flex .courses-card-col .courses-card-images { padding-bottom: 15px;}
    .all-courses-card .inner-flex .courses-card-col .courses-card-items h4 a { font-size: 14px;}
    .all-courses-card .inner-flex .courses-card-col .courses-card-items p {font-size: 13px; line-height: 19px;padding-bottom: 10px;}
    .all-courses-card .inner-flex .courses-card-col .courses-card-items>a { padding: 10px ; font-size: 14px;}

    .explore-adu-university .explore-adu-university-form-right .mobile-view { display: block;}
    .explore-adu-university-form-right {display: flex; gap: 10px;}
    .explore-adu-university .explore-adu-university-form-left .explore-adu-university-form-button { display: none;}

    /* Education End */

    /* Documents Start */
    .card-documents .inner-grid{grid-template-columns: repeat(1, 1fr);}
    .card-documents h3 {font-size: 15px;padding-bottom: 10px;}
    .card-documents .inner-grid .card-documents-col .card-documents-img {margin-bottom: 10px; height: 120px; } 
    .card-documents .inner-grid .card-documents-col .card-documents-img img { width: 62px !important; height: 62px !important;}
    .card-documents .inner-grid .card-documents-col .card-documents-items h4 { padding-bottom: 10px;}
    .card-documents .inner-grid .card-documents-col .card-documents-items h4 a { font-size: 14px;}
    .card-documents .inner-grid .card-documents-col .card-documents-items button {padding: 8px 13px;}
    .card-documents .inner-grid .card-documents-col .card-documents-items button span { font-size: 13px;}
    .card-documents .inner-grid .card-documents-col .card-documents-items button img { width: 20px; height: 20px;}
    /* Documents End */

    /* Detauls Start */
    .detils-block .inner-html .rightside { width: 100%;}
    .detils-block .inner-html .agents-panel h2 {     padding-bottom: 10px; font-size: 20px;}
    .detils-block .inner-html .agents-panel .agents-panel-video { padding-bottom: 10px;}
    .detils-block .inner-html .agents-panel .agents-panel-learn h3 { font-size: 16px; padding-bottom: 8px;}
    .detils-block .inner-html .agents-panel .agents-panel-learn p {font-size: 13px; line-height: 18px; padding-bottom: 10px;}
    .detils-block .inner-html .agents-panel .agents-panel-block .agents-panel-col { max-width: 100%;}
    .detils-block .inner-html .agents-panel .agents-panel-block .agents-panel-col .agents-panel-col-text p { font-size: 12px; line-height: 12px;}
}


@media only screen and (max-width: 767px) and (orientation: portrait)  {
    .register-page{padding: 0 15px;}   
    .register-page .register-logo{width: 180px; margin: 40px auto;}
    .register-page .card .card-title h1{font-size: 18px; line-height: 50px;}
    .register-page .card .card-body{padding: 15px;}
    .register-page .card .card-body .form-control-lg {min-height: auto; padding: 6px 12px;}
    .register-page .card .card-body .mb-6{margin-bottom: 0.9rem !important;}

    .header-tablet-and-mobile-fixed .header {padding-left: 0;}
    .aside-enabled.aside-fixed .wrapper{padding-left: 0px;}
    .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{padding: 0 15px;}
    .content{padding: 0 0 15px 0;}
    .aside-enabled.aside-fixed.header-fixed .header{background: #1e4cb0;}
    .aside-enabled.aside-fixed.header-fixed .header .h-50px{height: 30px !important; }
    .header .goog-te-gadget .form-select { width: 135px; padding: 4px; margin: 0 10px 0 0;}
    .header .symbol{background: #fff;}

    .card .card-header{min-height: auto; padding: 15px !important;}
    .card .card-header .card-title{margin: 0px;}
    .card .card-body{padding: 15px !important;}
    .info-card{padding: 15px;}
    .info-card .name{font-size: 12px; line-height: 16px;}
    .info-card .svg-icon.svg-icon-4x svg {height: 3rem !important; width: 3rem !important;}
    .info-card .name strong{font-size: 20px; line-height: 20px;}
    .row.g-5.mb-5 .col-xl-4{margin-top: 8px;}

    .step-block{padding: 10px; font-size: 13px;}
    .step-block .count-block{width: 26px; height: 26px; top: 7px; right: 7px; line-height: 26px; font-size: 16px;}

    #dateRangeForm .form-control{margin-bottom: 10px;}
    .filter-area{flex-wrap: wrap; flex-direction: column-reverse;}
    .filter-area .search-block{width: 100% !important; display: block !important;}
    .filter-area .search-block .form-control{width: 100% !important;}
    .filter-area form{width: 100%;}
    .filter-area .btn-sm{margin: 10px 10px 0 0 !important;}
    .filter-area .btn-area{margin-bottom: 8px; width: 100%;}
    .filter-area .btn-area.three-btn{display: flex;}
    .filter-area .btn-area .btn{width: 100%; margin: 0px !important;}
    .filter-area .mx-3{margin: 12px 0px 0px 0px !important;}

    .mb-6{margin-bottom: 10px !important;}
    
    table{border-left: none !important;}
    table thead tr {position: absolute; top: -9999px; left: -9999px;}
    table tbody tr {border-bottom: #e9eef1 5px solid;}
    table tbody tr td {border: none !important; border-top: #e7eefc 1px solid !important; position: relative;  display: inline-block; width: 100%; padding: 10px 0px 10px 0px !important; letter-spacing: 0px; text-align: right; font-size: 12px}
    table tbody tr td:before {position: absolute; top: 13px; left: 0px;width: 100%; white-space: nowrap;  font-size: 14px;  color: #1e4cb0; font-weight: 700;  line-height: 16px; text-align: left;}
    table tbody tr td .btn{margin: 0px 0px 0px 5px !important;}
    table tbody tr td a{position: relative; z-index: 23;}
    table tbody tr td:last-child{border-bottom:#e7eefc 3px solid !important}
    table tbody tr td:last-child::before{top: 19px;}
    .user-table tbody tr td:nth-of-type(1):before {content: "#";}
    .user-table tbody tr td:nth-of-type(2):before {content: "Name";}
    .user-table tbody tr td:nth-of-type(3):before {content: "Email";}
    .user-table tbody tr td:nth-of-type(4):before {content: "Actions";}

    .user-group-table tbody tr td:nth-of-type(1):before {content: "#";}
    .user-group-table tbody tr td:nth-of-type(2):before {content: "Name";}
    .user-group-table tbody tr td:nth-of-type(3):before {content: "Number of Users";}
    .user-group-table tbody tr td:nth-of-type(4):before {content: "Actions";}

    .agent-list-table tbody tr td:nth-of-type(1):before {content: "#";}
    .agent-list-table tbody tr td:nth-of-type(2):before {content: "Tree"; top: 19px;}
    .agent-list-table tbody tr td:nth-of-type(3):before {content: "RF Code";}
    .agent-list-table tbody tr td:nth-of-type(4):before {content: "Full name";}
    .agent-list-table tbody tr td:nth-of-type(5):before {content: "Contact No.";}
    .agent-list-table tbody tr td:nth-of-type(6):before {content: "Email";}
    .agent-list-table tbody tr td:nth-of-type(7):before {content: "Referred By";}
    .agent-list-table tbody tr td:nth-of-type(8):before {content: "Date";}
    .agent-list-table tbody tr td:nth-of-type(9):before {content: "Actions";}

    .form-table tbody tr td:nth-of-type(1):before {content: "#";}
    .form-table tbody tr td:nth-of-type(2):before {content: "Title";}
    .form-table tbody tr td:nth-of-type(3):before {content: "Document"; top: 19px;}
    .form-table tbody tr td:nth-of-type(4):before {content: "Video"; top: 19px;}
    .form-table tbody tr td:nth-of-type(5):before {content: "Created at";}
    .form-table tbody tr td:nth-of-type(6):before {content: "Action";}

    .step-table tbody tr td{width: 100% !important; padding: 0px !important;}
    .step-table tbody tr td::before{background: white; width: 90px; top: 0px; height: 42px; line-height: 42px; z-index: 2;}
    .step-table tbody tr td:nth-of-type(1):before {content: "";}
    .step-table tbody tr td:nth-of-type(2):before {content: "Name";}
    .step-table tbody tr td:nth-of-type(3):before {content: "Text Color";}
    .step-table tbody tr td:nth-of-type(4):before {content: "Color";}
    .step-table tbody tr td:nth-of-type(5):before {content: "Order By"; top: 0px;}
    .step-table tbody tr td .sp-replacer{border: none; padding: 0px; background: transparent; display: block;}
    .step-table tbody tr td .sp-replacer .sp-dd{display: none;}
    .step-table tbody tr td .sp-replacer .sp-preview{width: 100%; float: none; margin: 0px; border: none; height: 42px;}
    .steps-table-area > table > * > tr > td .inline-editor{width: 170px !important; font-size: 13px;}
    .steps-table-area > table > * > tr > td .inline-editor:focus-visible{outline: none; box-shadow: none;}
    .step-table tbody tr td input[type="checkbox"]{margin: 11px auto;}

    .qr-code-area{padding: 15px; margin-bottom: 10px;}
    .qr-code-area .code-block{width: 140px;}
    ul.info-list-dashboard li .white-block{font-size: 14px; padding: 12px 13px;}
    ul.info-list-dashboard li .white-block .number{color: #1e4cb0; width: auto;}
    ul.info-list-dashboard li .white-block::before{content: none;}
    .back-mobile-area{padding: 15px 15px 0 15px; display: block; width: 100%;}
    .back-mobile-area .btn{width: 100%;}
    .hide-mobile{display: none !important;}

    .portfolio-table tbody tr td:nth-of-type(1):before {content: "Id";}
    .portfolio-table tbody tr td:nth-of-type(2):before {content: "Date";}
    .portfolio-table tbody tr td:nth-of-type(3):before {content: "Name";}
    .portfolio-table tbody tr td:nth-of-type(4):before {content: "Image";}
    .portfolio-table tbody tr td:nth-of-type(5):before {content: "Actions";}

    .review-table tbody tr td:nth-of-type(1):before {content: "Id";}
    .review-table tbody tr td:nth-of-type(2):before {content: "Date";}
    .review-table tbody tr td:nth-of-type(3):before {content: "Name";}
    .review-table tbody tr td:nth-of-type(4):before {content: "Status";}
    .review-table tbody tr td:nth-of-type(5):before {content: "Actions";}
    .mobile-msg{display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #1e4cb0; z-index: 999; }
    .mobile-msg .mobile-icon{width: 160px; height: 160px; border-radius: 20px; position: absolute; overflow: hidden; top: 50%; left: 50%; margin: -80px 0 0 -80px;}
    .mobile-msg .mobile-icon img{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover;}
}

@media only screen and (max-height: 575.98px) and (orientation: landscape) {
    .mobile-msg{display: none;}

    .register-page{padding: 0 15px;}   
    .register-page .register-logo{width: 180px; margin: 40px auto;}
    .register-page .card .card-title h1{font-size: 18px; line-height: 50px;}
    .register-page .card .card-body{padding: 15px;}
    .register-page .card .card-body .form-control-lg {min-height: auto; padding: 6px 12px;}
    .register-page .card .card-body .mb-6{margin-bottom: 0.9rem !important;}

    .header-tablet-and-mobile-fixed .header {padding-left: 0;}
    .aside-enabled.aside-fixed .wrapper{padding-left: 0px;}
    .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{padding: 0 15px;}
    .content{padding: 0 0 15px 0;}
    .aside-enabled.aside-fixed.header-fixed .header{background: #1e4cb0;}
    .aside-enabled.aside-fixed.header-fixed .header .h-50px{height: 30px !important; }
    .header .goog-te-gadget .form-select { width: 135px; padding: 4px; margin: 0 10px 0 0;}
    .header .symbol{background: #fff;}

    .card .card-header{min-height: auto; padding: 15px !important;}
    .card .card-header .card-title{margin: 0px;}
    .card .card-body{padding: 15px !important;}
    .info-card{padding: 15px;}
    .info-card .name{font-size: 12px; line-height: 16px;}
    .info-card .svg-icon.svg-icon-4x svg {height: 3rem !important; width: 3rem !important;}
    .info-card .name strong{font-size: 20px; line-height: 20px;}
    .row.g-5.mb-5 .col-xl-4{margin-top: 8px;}

    .step-block{padding: 10px; font-size: 13px;}
    .step-block .count-block{width: 26px; height: 26px; top: 7px; right: 7px; line-height: 26px; font-size: 16px;}

    #dateRangeForm .form-control{margin-bottom: 10px;}
    .filter-area{flex-wrap: wrap; flex-direction: column-reverse;}
    .filter-area .search-block{width: 100% !important;}
    .filter-area .search-block .form-control{width: 100% !important;}
    .filter-area form{width: 100%;}
    .filter-area .btn-area{margin-bottom: 8px; width: 100%;}
    .filter-area .btn-area.three-btn{display: flex;}
    .filter-area .btn-area .btn{width: 100%; margin: 0px !important;}
    .filter-area .mx-3{margin: 12px 0px 0px 0px !important;}
    .lead-btn-area{display: flex; gap:10px}

    .mb-6{margin-bottom: 10px !important;}
    
    
    

    .qr-code-area{padding: 15px; margin-bottom: 10px;}
    .qr-code-area .code-block{width: 140px;}
    ul.info-list-dashboard li .white-block{font-size: 14px; padding: 12px 13px;}
    ul.info-list-dashboard li .white-block .number{color: #1e4cb0; width: auto;}
    ul.info-list-dashboard li .white-block::before{content: none;}
    .back-mobile-area{padding: 15px 15px 0 15px; display: block; width: 100%;}
    .back-mobile-area .btn{width: 100%;}
    .hide-mobile{display: none !important;}

    .main-table-area > table{margin-left: 260px !important;}
    .main-table-area > table > * > tr > th:first-child, .main-table-area > table > * > tr > td:first-child{width: 260px !important; margin-left: -260px !important;}
    .chat-body-panel{width: 80%; padding-top: 62px;}
    .chat-body-panel .top-part{width: 80%; padding: 5px 0px 0px 0px;}
    .chat-body-panel .top-part h2{font-size: 14px; line-height: 20px;}
    .chat-body-panel .top-part ul.nav{margin: 5px 0 0 0;}
    .chat-body-panel .top-part ul.nav li .nav-link{font-size: 13px; padding: 5px 15px;}
    .message-input-area{position: relative;}
    .message-input-area .send-message{font-size: 12px; padding: 8px 15px !important; position: absolute; top: 13px; right: 10px; margin: 0px;}
    .message-input-area .cancle-message{font-size: 12px; padding: 8px 15px !important; position: absolute; top: 13px; right: 10px; margin: 0px;}
    .chat-body-panel .chat-messages{margin: 0px !important;}
    .chat-body-panel .message-block{border-radius: 5px;}
    .chat-body-panel .message-block .name-bar .right .btn{padding: 5px 10px !important;}
    .chat-body-panel .message-block .name-bar .right .btn-icon{width: 26px; height: 26px;}
    .chat-body-panel .message-block .name-bar .left .code{width: 26px; height: 26px; line-height: 26px; font-size: 10px;}
    .chat-body-panel .message-block .name-bar{padding: 6px 10px;}
    .chat-body-panel .message-block .message-text{padding: 10px; font-size: 12px; line-height: 16px;}
    .chat-body-panel .message-block .reply-area{padding: 0 10px 10px 10px;}
    .drag-drop-area{margin: 0px !important;}
    .drag-drop-area p{margin: 0px;}
    .chat-body-panel ul.upload-list li .inner-block .img-block{height: 100px;}
    .chat-body-panel ul.upload-list li .inner-block .name{padding: 0 10px; font-size: 13px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px; min-height: 36px; margin: 10px 0;}
    .chat-body-panel ul.upload-list li .inner-block .img-block img{max-height: 100%; object-fit: contain; margin: auto; max-width: 100%; width: auto; height: auto; }
    .main-table-area > table > * > tr > td .dropdown-menu.allowed h4{font-size: 14px !important; line-height: 14px !important;}
    .main-table-area > table > * > tr > td .dropdown-menu.allowed .input-block .form-control{padding: 5px 10px;}
    .main-table-area > table > * > tr > td .dropdown-menu.allowed ul.allowed-list{height: 100px !important; display: flex; flex-wrap: wrap;}
    .main-table-area > table > * > tr > td .dropdown-menu.allowed ul.allowed-list li{margin: 0 1% 5px 0 !important; width: 49%;}
    
    .main-table-area > table > * > tr > td .dropdown-menu.assign h4{font-size: 14px !important; line-height: 14px !important;}
    .main-table-area > table > * > tr > td .dropdown-menu.assign .input-block .form-control{padding: 5px 10px;}
    .main-table-area > table > * > tr > td .dropdown-menu.assign ul.assign-person-list{height: 100px !important; display: flex; flex-wrap: wrap;}
    .main-table-area > table > * > tr > td .dropdown-menu.assign ul.assign-person-list li{margin: 0 1% 5px 0 !important; width: 49%;}

    .modal-body{padding: 10px;}
    .modal-body .p-3{padding: 0px !important;}
    .modal-body .form-select.form-select-sm.column-select{width: 120px !important;}
    .filter-container .filter-row{padding: 5px 10px !important;}
    .modal-body .gap-3{gap: 10px !important;}
    .modal-footer{padding: 10px !important;}
    .modal-footer .btn{font-size: 12px; padding: 7px 15px !important;}
}