/* ========================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, ::before, ::after { box-sizing:border-box; -webkit-box-sizing:border-box; }

html { overflow:hidden; overflow-y:auto; }

html, body{
    height:100%;
}
body{
    padding:0px;
    margin:0px;
    font-family: 'Poppins', sans-serif;
    background-color: #F5F3FF;
}
h1, h2, h3, h4, h5, h6, p, ul{
    padding:0px;
    margin:0px;
}
p{
    word-break:break-word;
}
a, a:hover{
    text-decoration:none;
    
}
ul{
    list-style:none;
}
button:focus, input:focus, .form-control:focus, select:focus,button.btn:focus, .navbar-toggler:focus, .accordion-button:focus, :focus-visible {
     outline: unset;
     box-shadow: none;
     outline: -webkit-focus-ring-color auto 0px;
}
img {
    max-width: 100%;
    height: auto;
}
:root {
  --main-color: #1B3775;
  --main-fadebg-color: #1b377580;
  --background-color: rgb(27 55 117 / 13%);
}
.blue {
    --main-color: #1B3775;
  --main-fadebg-color: #1b377580;
  --background-color: rgb(27 55 117 / 13%);
}
.green {
    --main-color:#2fa97c ;
    --background-color: rgb(47 169 124 / 13%);

}
.red{
    --main-color:#f96565;
    --background-color: rgb(249 101 101 / 13%);
}
.yellow{
    --main-color:#cb930d;
    --background-color: rgb(203 147 13 / 13%);
}
.brown{
    --main-color:#6b534c;
    --background-color: rgb(107 83 76 / 13%);
}
.pink{
    --main-color:#ff5e97;
    --background-color: rgb(255 94 151 / 13%);
}
.orange{
    --main-color:#f57d1b;
    --background-color: rgb(245 125 27 / 13%);
}
.purple{
    --main-color:#9463f7;
    --background-color: rgb(148 99 247 / 13%);
}

.clear:before, .clear:after, .entry-content:before, .entry-content:after, .entry-footer:before, .entry-footer:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .nav-links:before, .nav-links:after, .pagination:before, .pagination:after, .comment-author:before, .comment-author:after, .widget-area:before, .widget-area:after, .widget:before, .widget:after, .comment-meta:before, .comment-meta:after {
    content: ""; display: table; table-layout: fixed; 
}
.clear:after, .entry-content:after, .entry-footer:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after, .pagination:after, .comment-author:after, .widget-area:after, .widget:after, .comment-meta:after { 
    clear: both; 
}
.clearfix:before, .clearfix:after {
    visibility:hidden; 
    display:block; 
    font-size:0; 
    content:" "; 
    clear:both; 
    height:0;
}
.form-control:focus{
    color: #212529;
    background-color: #fff;
    border-color: #E0E0E4;
    outline: 0;
    box-shadow: none;
}
.form-control:disabled, .form-control[readonly]{
    background-color: #e9ecefa3 !important;
    opacity: .7;
}
.form-control:disabled{
    color: rgb(78 78 78 / 55%);
}
.form-select:focus {
    border-color: #E0E0E4;
    outline: 0;
    box-shadow: none;
}
.page-link:focus {
    z-index: 3;
    color: transparent;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: none;
}
.btn-close:focus {
    outline: 0;
    box-shadow: none;
    opacity: 1;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
@font-face {
    font-family: "Halaney-Demo";
    src: url(../font-size/Halaney-Demo.otf);
  }

/*-----sidebar------*/
.logo img {
    max-width: 165px;
    max-height: 100px;
}
.gurully-wrapper {
    display: flex;
}
.gurully-rigt-content {
    padding-left: 20px;
    width: calc(100% - 310px);
    margin-left: auto;
    margin-right: 0;
}
.gurully-wrapper {
    padding: 24px 19px 24px 24px;
}
nav.navigation {
    border-radius: 14px;
    background: #FFF;
    box-shadow: 4px 2px 10px 0px rgba(0, 0, 0, 0.10);
    width: 310px;
    min-height: calc(100vh - 48px);
    position: fixed;
    top: 24px;
    z-index: 3;
    left: 24px;
    overflow: hidden;
    bottom: 24px;
    display: flex;
    flex-direction: column;
    z-index: 5;
}
.logo {
    padding: 14px;
    text-align: center;
    border-bottom: 1px solid #D6D6D6;
}
ul.navigation-list {
    padding: 25px 26px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 14px;
}
ul.navigation-list::-webkit-scrollbar {
    width: 4px;
}
ul.navigation-list::-webkit-scrollbar-track {
    background: transparent; 
    border-radius:0 0 0 10px;
}
ul.navigation-list::-webkit-scrollbar-thumb {
    background: #afafaf; 
}
ul.navigation-list li a, ul.navigation-list li button {
    border-radius: 10px;
    background: #FBFBFB;
    width: 100%;
    display: flex;
    padding: 14px 20px;
    align-items: center;
    margin-bottom: 7px;
    color: #343434;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    transition: all .4s;
    position: relative;
    z-index: 2;
    border: 0;
}
span.nav-list-icon svg {
    width: 24px;
    height: 24px;
}
ul.navigation-list li a:before, ul.navigation-list li button:before {
    position: absolute;
    content: "";
    background: var(--main-color);
    z-index: -1;
    left: auto;
    right: 0;
    width: 0;
    height: 100%;
    opacity: .1;
    border-radius: 10px;
    transition: all .4s;
}
ul.navigation-list li a:hover:before, ul.navigation-list li button:hover:before, 
ul.navigation-list li a.active:before{
    right: auto;
    left: 0;
    width: 100%;
}
ul.navigation-list li a:hover, ul.navigation-list li a.active {
    color: var(--main-color);
}
ul.navigation-list li a.active, ul.navigation-list li button.active{
    background: var(--main-color);
    color: #fff;
}
/* ul.navigation-list li {
    overflow: hidden;
} */
span.nav-list-icon {
    margin-right: 15px;
}
span.nav-list-icon svg path {
    stroke:  var(--main-color);
    transition: all .4s;
}
ul.navigation-list li a:hover svg path, ul.navigation-list li button:hover svg path{
    stroke: var(--main-color);
}
ul.navigation-list li a.active svg path, ul.navigation-list li button.active svg path{
    stroke: #fff;
}
ul.navigation-list li a:hover span.nav-list-icon svg, ul.navigation-list li button:hover span.nav-list-icon svg {
    transform: rotatey(360deg) rotatex(0deg);
    transition: all .5s;
}
li.dropstart span.dropdown-icon {
    display: flex !important;
    align-items: center;
}
li.navigation-border {
    width: 100%;
    height: 2px;
    background: #6e6e6e;
    margin: 20px auto 30px;
    border-radius: 5px;
}
ul.navigation-list .dropdown-toggle::after{
    display: none;
}
ul.navigation-list span.dropdown-icon {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dropstart .dropdown-toggle::before{
    border: none;
}
a.dropdown-item.active {
    background: transparent !important;
    color: var(--main-color) !important;
}
.navigation-list a.dropdown-item.active span:after {
    left: -12px;
    background: var(--main-color) !important;
}
ul.navigation-list .dropdown-item:focus, ul.navigation-list .dropdown-item:hover {
    color: var(--main-color) !important;
    background-color: transparent !important; 
}
ul.navigation-list span.dropdown-icon svg{
    transition: all .4s;
}
ul.navigation-list ul.dropdown-menu {
    position: relative !important;
    transform: translate(0px, 0px) !important;
}
ul.navigation-list .dropdown-toggle.show .dropdown-icon svg {
    transform: rotate(90deg);
}
ul.navigation-list li a:hover span.dropdown-icon svg path{
    stroke: var(--main-color);
    fill:transparent;
}
ul.navigation-list li a.active:hover span.dropdown-icon svg path {
    stroke: #fff;
}
ul.navigation-list li .active span.dropdown-icon svg path{
    fill:transparent;
    stroke: #fff;
}
.gurully-header-outer {
    display: flex;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 6;
    transition: all .4s;
    background: #F5F3FF;
    border-radius: 10px;
}
.gurully-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: var(--main-color);
    border-radius: 10px;
    padding:10px 10px 10px 16px;
    border: 1px solid #f5f3ff;
}
.gurully-header-right-side {
    display: flex;
    align-items: center;
    padding-left: 24px;
}
.navigation-list a.dropdown-item {
    font-size: 14px;
    padding: 6px 24px 6px 60px;
    background: transparent;
    position: relative;
}
ul.navigation-list ul.dropdown-menu {
    border: 0;
    height: 100%;
    max-height: 0;
    padding: 0;
    transition: .5s ;
    opacity: 0;
    display: block !important;
    z-index: -1;
    height: 0;
}
ul.navigation-list ul.dropdown-menu.show {
    padding: 10px 0 20px;
    max-height: 600px;
    opacity: 1;
    z-index: 1;
    height: auto;
}
.navigation-list a.dropdown-item span{
    display: inline-block;
    position: relative;
}
ul.submenu.dropdown-menu {
    padding-left: 20px !important;
    padding-bottom: 10px !important;
}
.navigation-list a.dropdown-item span:after {
    position: absolute;
    content: "";
    left: 0;
}
.navigation-list a.dropdown-item span:after {
    position: absolute;
    content: "";
    left: -18px;
    width: 8px;
    height: 2px;
    background: #6e6e6e;
    top: 9px;
    transition: all .4s;
}
.navigation-list a.dropdown-item:hover span:after {
    left: -12px;
}
ul.navigation-list li a.active a.dropdown-item span:after, ul.navigation-list li a a.dropdown-item:hover span:after {
    background: var(--main-color)  !important;
}
.gurully-header-input input {
    border-radius: 10px;
    background: #ECF3FB;
    border: 0;
    height: 48px;
    max-width: 510px;
    padding: 24px 70px 24px 16px;
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    width: 100%;
}
.gurully-header-input {
    display: flex;
    align-items: center;
    position: relative;
}
.gurully-header-left-side {
    width: 100%;
    max-width: 510px;
}
.header-input-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.header-input-icon svg {
    width: 34px;
    height: 34px;
}
.header-anoucement-button a, .header-help-button a {
    color: #F5F3FF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-right: 24px;
    transition: all .4s;
    display: flex;
    align-items: center;
}
.header-anoucement-button a svg, .header-help-button a svg{
    margin-right: 8px;
}
.header-profile.dropdown {
    display: flex;
    
}
.header-profile.dropdown .dropdown-toggle{
    border-radius: 10px;
    background: #F5F3FF;
    padding: 4px 12px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    min-width: 200px 
}
span.custmor-name + svg {
    margin: 0 0 0 auto;
}
.header-profile.dropdown span{
    display: flex ;
    align-items: center;
}
span.login-img img {
    display: flex;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    flex: 0 0 46px;
    max-width: 46px;
    object-fit: cover;
    border: 1px solid #3d3d3d45;
}
span.custmor-name {
    color: var(--main-color);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin:0 6px 0 12px;
    text-overflow: ellipsis;
    display: inline-block !important;
    overflow: hidden;
    max-width: 120px;
}
.dropdown-toggle::after{
    display: none;
}
.header-profile.dropdown ul.dropdown-menu {
    border-radius: 0 0 10px 10px;
    background: #FFF;
    inset: 46px auto auto 0px !important;
    width: 100%;
    transform: unset !important;
    box-shadow: 0px 1px 16px rgb(10 44 68 / 24%);
    border: 0;
    padding: 18px 6px 6px;
    z-index: 0;
}
.header-profile.dropdown ul.dropdown-menu li a {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 6px;
    padding: 15px 19px;
    transition: all 0.4s;
    border-radius: 6px;
    background: #F5F3FF;
    display: flex;
    align-items: center;
}
.header-profile.dropdown ul.dropdown-menu li:last-child a{
    margin-bottom: 0;
}
.header-profile.dropdown ul.dropdown-menu li a svg{
    margin-right: 16px;
}
.header-profile.dropdown ul.dropdown-menu li a:hover svg{
    transform: rotatey(360deg);
    transition: all .4s;
}
.header-profile.dropdown ul.dropdown-menu li a:hover {
    background: transparent;
    color:var(--main-color);
}
.header-profile.dropdown ul.dropdown-menu li a svg path {
    stroke: var(--main-color);
}
.header-profile.dropdown ul.dropdown-menu li:nth-child(2) a svg path {
    fill: transparent;
    stroke: var(--main-color);
}
.content-heading-bar {
    padding: 40px 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.content-heading-bar.dashboard {
    padding: 24px 0;
}
.content-heading-bar h1 {
    color: #343434;
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.content-heading-bar.student-list {
    padding: 40px 0 24px;
}
.content-heading-bar-right {
    display: flex;
    align-items: center;
}
span.student-list-watch-now-box {
    position: relative;
}
.student-list-watch-now a {
    display: flex;
    align-items: center;
    color: #0E8FF7;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-right: 12px;
}
.student-list-watch-now a svg {
    margin-right: 10px;
    width: 30px;
    height: auto;
    overflow: unset;
}
.student-list-add-new a {
    border-radius: 8px;
    background: var(--main-color);
    display: flex;
    padding: 14px 18px;
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    align-items: center;
}
div#studenWatchNow video {
    max-width: 100%;
}
.student-list-detail-box {
    border-radius: 10px;
    background: #FFF;
    padding: 24px 10px 0;
}
.student-list-detail-box-filter-outer {
    display: flex;
    border-radius: 6px;
    background: #ECF3FB;
    padding: 12px;
    position: relative;
    z-index: 4;
}
.table-action-btn-group-outer {
    display: none;
    margin-top: 9px;
    margin-bottom: -20px;
}
.student-list-detail-box-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.student-list-detail-box-filter-left {
    display: flex;
    align-items: center;
}
div#reportrange {
    border-radius: 6px;
    background: #FFF;
    padding: 12px 28px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    position: relative;
    flex-flow: nowrap;
    white-space: nowrap;
}
.student-list-detail-box-filter-left select, .student-list-detail-box-filter-left .custom-select-trigger {
    border-radius: 6px;
    background: #FFF;
    height: 46px;
    border: 0;
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding: 14px;
    appearance: none;
    display:flex;
    align-items: center;
    background-image: url(../images/arrow-right.svg);
    background-position: center right 9%;
    background-repeat: no-repeat;
    cursor: pointer;
}
.branch-select {
    margin: 0px 20px 0px 10px;
}
.branch-select, .product-select{
    position: relative;
}
.branch-select svg, .product-select svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 13px;
    display: none;
}
.product-select .select {
    min-width: 160px;
}
.branch-select .select {
    min-width: 168px;
}
div#reportrange span {
    color: #6e6e6e;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    font-family: 'Inter', sans-serif;
}
.calender-left {
    display: flex;
    margin-right: 4px;
}
span.calander-to {
    display: inline-block;
    margin: 0 65px 0 39px;
}
.calender-right {
    position: absolute;
    right: 123px;
}
button.reset-filter {
    border-radius: 6px;
    background: #FFF;
    border: 0;
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.student-list-detail-box-filter-right {
    display: flex;
    align-items: center;
}
button.search-filter {
    border-radius: 6px;
    background: var(--main-color);
    border: 0;
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding: 14px 18px;
    border: 0;
}
.daterangepicker .ranges li.active {
    background-color: var(--main-color) !important;
    color: #fff;
}
.daterangepicker td.active, .daterangepicker td.active:hover, td.active.end-date.in-range.available {
    background-color: var(--main-color) !important;
}
.btn-primary.disabled, .btn-primary:disabled, button.applyBtn.btn.btn-sm.btn-primary {
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus{
    box-shadow: none;
}
.daterangepicker td.in-range {
    background-color: var(--main-fadebg-color) !important;
}
.daterangepicker{
    font-family: 'Poppins', sans-serif !important;
}
.table-action-btn-group {
    display: flex;
    padding: 10px 0;
}
.table-action-btn-group button {
    border: 2px solid var(--main-color) !important;
    color: var(--main-color);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    background: transparent;
    padding: 12px 21px;
    border-radius: 10px;
    margin-right: 10px;
}
.header-toggle input[type="checkbox"].toggle {
    opacity: 0;
    position: absolute;
    left: -99999px;
}
.header-toggle input[type="checkbox"].toggle + label {
    height: auto;
    background-color: #fff;
    padding: 4px 12px;
    border-radius: 40px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 91px;
}
.header-toggle input[type="checkbox"].toggle + label:before, .header-toggle [type="checkbox"].toggle + label:hover:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 5px;
    width: 20px;
    height: 20px;
    background: #FF1616;
    z-index: 2;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: all .4s;
}
.header-toggle input[type="checkbox"].toggle + label .off, .header-toggle [type="checkbox"].toggle + label .on {
    color: #fff;
}
.header-toggle input[type="checkbox"].toggle + label .off {
    margin-left: 16px;
    display: inline-block;
    transition: all .4s;
    color: #131313;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.header-toggle input[type="checkbox"].toggle + label .on {
    display: none;
    opacity: 0;
}
.header-toggle input[type="checkbox"].toggle + label .off {
    opacity: 1;
    text-align: right;
    transition: all .4s;
}
.header-toggle input[type="checkbox"].toggle:checked + label .off {
    display: none;
    opacity: 0;
    text-align: right;
    transition: all .4s;
}
.header-toggle [type="checkbox"].toggle:checked + label .on {
    margin-right: 22px;
    display: inline-block;
    transition: all .4s;
    color: #343434;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    width: auto;
    opacity: 1;
}
.header-toggle input[type="checkbox"].toggle + label .off {
    opacity: 1;
    text-align: right;
    transition: all .4s;
}

.header-toggle [type="checkbox"].toggle:checked + label, .header-toggle input[type="checkbox"].toggle:focus:checked + label {
    background-color: #fff;
}
.header-toggle input[type="checkbox"].toggle:checked + label:before, .header-toggle input[type="checkbox"].toggle:focus:checked + label:before, .header-toggle input[type="checkbox"].toggle:checked + label:hover:before, [type="checkbox"].toggle:focus:checked + label:hover:before {
    background-position: 0 0;
    top: 50%;
    left: 100%;
    margin-left: -25px;
    transform: translateY(-50%);
    transition: all .4s;
    background: #28A745;
}
.header-toggle {
    display: inline-flex;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.10));
    border-radius: 40px;
    background: #FFF;
}
.header-toggle label span {
    color: #343434 !important;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
div.dataTables_filter {
    display: none;
}
thead.studet-table-head {
    border-radius: 6px !important;
    overflow: hidden;
}
thead.studet-table-head th{
    background: #ECF3FB;
    padding: 16px 8px 16px 0;
}
thead.studet-table-head tr th:first-child {
    border-radius: 6px 0 0px 6px !important;
    padding-left: 10px;
    padding-right: 10px;
    width: 36px !important;
}
thead.studet-table-head tr th:last-child{
    border-radius: 0px 6px 6px 0px !important;
}
thead.studet-table-head th p {
    color: #343434;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom:0px;
    white-space: nowrap;
    text-transform: capitalize;
}
thead.studet-table-head tr th:last-child {
    padding-right: 15px;
}
thead.studet-table-head tr th:first-child {
    padding-left: 15px;
}
p.student-table-head-checkbox {
    width: 46px;
    height: 46px;
    margin: auto 0 0 !important;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d6d6d6;
}
p.student-table-head-checkbox input {
    border-radius: 4px;
    border: 2px solid #D9D9D9;
    height: 20px;
    width: 20px;
    margin: 0;
    cursor: pointer;
}
.form-check-input:focus {
    border-color: var(--main-color);
    outline: 0;
    box-shadow: none;
}
.form-check-input:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
thead.studet-table-head th .student-table-name input {
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.05);
    border: 0;
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding: 17px 10px;
    width: 100%;
    height: 46px;
}
thead.studet-table-head th select, thead.studet-table-head th .custom-select-trigger {
    background: #fff;
    width: 100%;
    border: 0;
    height: 46px;
    padding: 11px 10px;
    color: #6e6e6e;
    -webkit-appearance: none;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    appearance: none;
    position: relative;
    z-index: 3;
    cursor: pointer;
    background-image: url(../images/arrow-right.svg);
    background-position: center right 14px;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 6px;
    min-width: 140px;
}
thead.studet-table-head th .custom-select, thead.studet-table-head th .custom-select-wrapper{
    width: 100%;
} 
.student-table-select-header {
    position: relative;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.05);
    width: 100%;
}
.student-table-select-header svg {
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
}
tbody.student-table-body-box tr td{
    padding-top: 16px;
    padding-bottom: 16px;
    background: #FCFCFC;
    vertical-align: middle;
    border: 0;
}
.student-list-box table {
    border-spacing: 0 10px !important;
}
.student-list-box table tbody tr td:first-child {
    border-radius: 6px 0 0 6px;
    padding-left: 12px;
}
.student-list-box table tbody tr td:last-child {
    border-radius: 0px 6px 6px 0px;
}
tbody.student-table-body-box tr td:first-child input {
    border-radius: 4px;
    border: 2px solid #D9D9D9;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.student-name-table-heading h4 {
    color: var(--main-color);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    white-space: nowrap;
}
.student-name-table-heading h4 a{
    color: var(--main-color);
}
.student-name-table-heading {
    display: flex;
    align-items: center;
    margin-bottom:8px;
}
.student-name-table-heading span, .duolingo, .ielts, .pte, .celpip{
    border-radius: 4px;
    background: var(--main-color);
    color: #FFF;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding: 2px 4px 1px;
    margin-left: 6px;
}
.student-name-table-heading .duolingo, .duolingo {
    background: #FDC40B;
}
.student-name-table-heading .ielts, .ielts {
    background: #EC6562;
}
.student-name-table-heading .pte, .pte {
    background: #4775B4;
}
.student-name-table-heading .celpip, .celpip {
    background: #CAA346;
}
.student-extra-detail ul {
    display: flex;
    align-items: center;
    column-gap: 25px;
}
.student-extra-detail ul li{
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    position: relative;
    white-space: nowrap;
}
.student-extra-detail ul li:nth-child(2):after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 50%;
    left: -15px;
    top: 6px;
}
tbody.student-table-body-box td p {
    color: #343434;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.student-list-watch-naow-popup .modal-dialog {
    max-width: 900px;
}
.student-list-watch-naow-popup .modal-content {
    border: 0;
    border-radius: 10px;
}
.student-list-watch-naow-popup .modal-body {
    padding: 30px;
    position: relative;
}
.student-list-watch-naow-popup .btn-close-modal {
    position: absolute;
    top: -15px;
    right: -15px;
    background: var(--main-color);
    border: 0;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.student-list-watch-naow-popup .btn-close-modal svg {
    transition: all .4s;
    width: 15px;
    height: 15px;
}
.student-list-watch-naow-popup .btn-close-modal:hover svg {
    transform: rotate(90deg);
}
.student-list-watch-naow-popup .btn-close-modal svg path{
    fill: #fff;
}
/** Custom Select **/
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
  }
.custom-select-wrapper select {
    display: none;
}
.custom-select {
    position: relative;
    display: inline-block;
}
.opened span.custom-select-trigger {
    z-index: 3;
    border-radius: 6px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    position: relative;
}
.custom-options {
    position: absolute;
    display: block;
    top: 38px;
    left: 0;
    right: 0;
    min-width: 100%;
    border: 0;
    box-sizing: border-box;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
    z-index: 2;
    border-radius: 0 0px 8px 8px;
    background: #FFF;
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10);
    padding: 8px 0px 0px;
    overflow: hidden;
    border: 1px solid #d6d6d6;
}
.custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}
.custom-option {
    position: relative;
    display: block;
    padding: 14px 12px;
    border-bottom: 0;
    cursor: pointer;
    transition: all .4s ease-in-out;
    border-radius: 0px;
    background: #FFF;
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    border-bottom: 1px solid #d6d6d6;
}
.custom-option:last-child {
    border-bottom: 0px solid #d6d6d6;
}
.custom-option:hover, .custom-option.selection {
    background: #f5f3ff;
}
.student-list-box {
    position: relative;
    margin-top: 15px;
}
div.dataTables_length {
    position: absolute;
    bottom: 17px;
    left: 24px;
}
.student-list-box table.dataTable{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}
div.dataTables_length label {
    color: #6e6e6e;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}
div.dataTables_length select {
    border-radius: 4px;
    background-color: #F8F9FA;
    border: 0;
    padding: 10px 26px 10px 8px;
    margin: 0 10px;
    background-image: url(../images/show-entire-down.svg) !important;
    background-size: 10px 10px;
    background-position: center right 7px;
    cursor: pointer;
}
.student-list-box .dataTables_wrapper .row:last-child {
    border-radius: 0 0 10px 10px;
    background: #FFF;
    box-shadow: none;
    padding: 19px 24px;
    align-items: center;
    margin: 0;
    border-top: 1px solid #D6D6D6;
}
div.dataTables_info {
    color: #6e6e6e;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding: 0;
    margin: 0 0 0 168px;
    border-left: 0;
}
.student-list-box ul.pagination li:first-child a{
    margin:0 3px 0 0 !important;
}
.student-list-box ul.pagination li:first-child a, .student-list-box ul.pagination li:last-child a {
    border-radius: 4px !important;
    background-color: var(--main-color) !important;
    border: 0;
    color: #FFF !important;
    font-family: Poppins;
    font-size: 0;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding: 6px 11px 7px 30px;
    height: 32px;
    position: relative;
    background-image: url(../images/pagination-left.svg) !important;
    background-position: center left 10px !important;
    background-size: 10px 10px !important;
    background-repeat: no-repeat !important;
}
.student-list-box ul.pagination li.disabled a {
    opacity: .9;
    background-color: #bcbcbc !important;
}
.student-list-box ul.pagination li:last-child a {
    background-image: url(../images/pagination-right.svg) !important;
    background-position:center right 10px !important;
    padding: 6px 30px 7px 11px !important;
    margin:0 0 0 3px !important;
}
ul.pagination li:first-child a:after, ul.pagination li:last-child a:after {
    content: "Prev";
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
ul.pagination li:last-child a:after {
    content: "Next";
}
ul.pagination li a {
    border-radius: 4px !important;
    background: #F8F9FA !important;
    border: 0;
    color: #6e6e6e !important;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    height: 32px;
    padding: 7px 10px 10px;
    margin: 0 3px !important;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 0;
    white-space: nowrap;
    justify-content: flex-end;
}
tbody.student-table-body-box tr td:first-child input:checked {
    border: 2px solid var(--main-color);
}
ul.pagination li.active a {
    background-color: var(--main-color) !important;
    color: #fff !important;
}
.header-profile.dropdown .dropdown-toggle .custmor-name + svg path {
    fill: var(--main-color);
}
.student-list-box .dataTables_wrapper .row:last-child .col-sm-12.col-md-7 {
    padding-right: 0;
}
.student-list-box .dataTables_wrapper .row:nth-child(2) {
    overflow: auto;
}
.student-list-box .dataTables_wrapper .row:nth-child(2)::-webkit-scrollbar {
    height: 4px;
}
.student-list-box .dataTables_wrapper .row:nth-child(2)::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
.student-list-box .dataTables_wrapper .row:nth-child(2)::-webkit-scrollbar-thumb {
    background: #888; 
}
.hide-sidebar {
    display: none;
}
.filter-icon {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #FFF;
    margin-right: 17px;
}
/*--student-profile--*/
.content-heading-bar.student-profile {
    padding: 40px 0 24px;
}
.content-heading-bar.student-profile h1 {
    display: flex;
    align-items: center;
}
.content-heading-bar.student-profile h1 a {
    width: 36px;
    height: 36px;
    filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.10));
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    transition: all .4s;
    padding: 6px;
}
.content-heading-bar.student-profile h1 a svg path {
    stroke: var(--main-color);
}
.student-profile-box {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
    padding: 27px 33px 31px 25px;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.student-profile-name-box {
    display: flex;
    justify-content: space-between;
}
.student-profile-name {
    display: flex;
    align-items: center;
}
.student-profile-email-copy {
    display: flex;
    align-items: center;
}
.student-login-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    column-gap: 24px;
    position: relative;
}
.student-login-expired {
    display: none;
}
.action-disable .student-login-expired {
    position: absolute;
    top: -8px;
    left: -8px;
    z-index: 3;
    background: #000000b0;
    border-radius: 6px;
    color: #fff;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 140%;
    right: -8px;
    bottom: -8px;
}
.student-profile-action-btn {
    display: flex;
    align-items: center;
    padding-left: 25px;
}
.student-profile-image {
    width: 92px;
    flex: 0 0 92px;
    height: 92px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 16px;
}
.student-profile-other-detail .student-name-table-heading h4 {
    color: var(--main-color);
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 0;
    max-width: 280px;
    white-space: unset;
}
.student-profile-other-detail .student-name-table-heading {
    margin-bottom: 10px;
}
.student-profile-email-copy p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-right: 8px;
    padding: 0;
    border: 0;
    height: auto;
}
span.student-profile-edit-btn-icon {
    border-radius: 48px;
    background: #FAFAFA;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.student-profile-action-btn a p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin: 11px 0 0;
    text-align: center;
}
span.student-profile-edit-btn-icon svg {
    width: 28px;
    height: 28px;
}
.student-profile-btn.student-profile-edit-btn {
    margin-right: 20px;
}
.email-copy-icon {
    display: flex;
    cursor: pointer;
}
.student-login-detail a {
    width: 100%;
}
.student-login-detail-box {
    display: flex;
    align-items: center;
    border-radius: 6px;
    background: #EFF1FF;
    padding: 15px 17px;
    width: 100%;
    position: relative;
    transition: all .4s;
}
.student-login-detail-box:after {
    position: absolute;
    content: "";
    width: 3px;
    height: 36px;
    border-radius: 4px;
    background: #5E6FDC;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .4s;
}
.student-login-detail-box:hover:after {
    height: 100%;
    width: 100%;
    z-index: 0;
}
.student-login-icon {
    width: 38px;
    height: 38px;
    border-radius: 6px;
    background: #E1DBF8;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    margin-right: 14px;
    position: relative;
    z-index: 1;
}
.student-login-detail-box p {
    color: #343434;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    position: relative;
    z-index: 1;
    transition: all .4s;
}
.student-login-detail-box:hover p{
    color: #fff;
}
.student-login-detail-box-add-test {
    background: #FFF2C5;
}
.student-login-detail-box-add-test .student-login-icon {
    background: #FAE6A2;
}
.student-login-detail-box-add-test:after {
    background: #DDAF0D;
}
.student-login-detail-box-extend {
    background: #EBFFF3;
}
.student-login-detail-box-extend .student-login-icon{
    background: #CCFBCE;
}
.student-login-detail-box-extend::after{
    background: #5D9D50;
}
.student-test-detail {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
    padding: 49px 43px;
}
.student-test-detail {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
    padding: 30px;
    display: flex;
    flex-flow: wrap;
    row-gap: 25px;
    height: 100%;
}
.student-test-detail-box {
    display: flex;
    flex: 0 0 33.33%;
}
.student-test-detail-box-content h5 {
    color: #343434;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 6px;
}
.student-test-detail-box-icon {
    display: flex;
    margin: 3px 12px 0 0;
}
.student-test-detail-box-content h6 {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.student-test-detail-box-content span.student-test-detail-box-badge {
    border-radius: 4px;
    background: #C17D23;
    width: auto;
    display: inline-block;
    padding: 4px 8px 3px;
    color: #FFF;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.student-test-detail-box-content span.active, .student-test-detail-box-content span.inactive {
    border-radius: 4px;
    background: #28A745;
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    padding: 5px 11px;
    display: inline-block;
}
.student-test-detail-box-content span.inactive {
    background: #FF1616;
}
.student-test-detail-box:last-child {
    flex: 0 0 66.66%;
}
.col-md-6.student-test-detail-outer {
    padding-left: 4px;
}
.student-test-mock-box {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
    padding: 18px 0 26px;
}
.student-test-mock-box h3 {
    color: #343434;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 0 0 14px;
    padding: 0 22px;
}
.student-test-mock-detail-box-outer {
    border-top: 1px solid #6e6e6e;
    padding: 20px 20px 0;
    min-height: 394px;
    max-height: 394px;
    overflow: auto;
}
.student-test-mock-detail-box-outer::-webkit-scrollbar {
    width: 4px;
}
.student-test-mock-detail-box-outer::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.student-test-mock-detail-box-outer::-webkit-scrollbar-thumb {
    background: #888;
}
.student-test-mock-detail {
    margin-top: 18px;
}
.student-test-mock-detail-box-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.student-test-mock-detail-box-bottom ul {
    display: flex;
    align-items: center;
}
.student-test-mock-detail-box-bottom ul li {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding-right: 18px;
    margin-right: 18px;
    position: relative;
}
.student-test-mock-detail-box-bottom ul li:after{
    position: absolute;
    content: "";
    right: 0;
    top:50%;
    transform: translateY(-50%);
    width:1px;
    height: 12px;
    background-color: #B0B0B0;
}
.student-test-mock-detail-box-bottom ul li:last-child{
    padding-right: 0;
    margin-right: 0;
    border-left: 0;
}
.student-test-mock-detail-box-bottom ul li:last-child:after{
    display: none;
}
.student-test-mock-detail-box-top h4 {
    color: #343434;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.student-test-mock-detail-box-top h5 {
    color: #F00;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.student-test-mock-detail-box {
    border-bottom: 1px solid #E9E9E9;
    padding-bottom: 20px;
    padding-top: 20px;
}
.student-test-mock-detail-box:first-child {
    padding-top: 0px;
}
.student-test-mock-box-outer.mock-test-box h3 {
    padding: 0;
    margin: 0;
}
.mock-test-box-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px 16px 22px;
}
.mock-test-box-heading-box {
    display: flex;
    align-items: center;
}
.mock-test-tooltip-icon {
    margin-left: 9px;
    cursor: pointer;
    display: flex;
}
.mock-test-box-heading .header-toggle {
    display: inline-flex;
    filter: none;
    border-radius: 19px;
    border: 0.5px solid #6e6e6e;
    background: #FFF;
}
.mock-test-box-heading .header-toggle input[type="checkbox"].toggle + label:before, .mock-test-box-heading .header-toggle [type="checkbox"].toggle + label:hover:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 5px;
    width: 17px;
    height: 17px;
    background: #FF1616;
    z-index: 2;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: all .4s;
}
.mock-test-box-heading .header-toggle input[type="checkbox"].toggle + label {
    height: auto;
    background-color: #fff;
    padding: 0px 5px;
    border-radius: 40px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 56px;
}
.mock-test-box-heading .header-toggle label span {
    color: #6e6e6e !important;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.mock-test-box-heading .header-toggle input[type="checkbox"].toggle + label .off {
    opacity: 1;
    text-align: right;
    transition: all .4s;
    padding-left: 4px;
}
.mock-test-box-heading .header-toggle input[type="checkbox"].toggle:checked + label:before, 
.mock-test-box-heading .header-toggle input[type="checkbox"].toggle:focus:checked + label:before, 
.mock-test-box-heading .header-toggle input[type="checkbox"].toggle:checked + label:hover:before, 
.mock-test-box-heading [type="checkbox"].toggle:focus:checked + label:hover:before {
    background-position: 0 0;
    top: 50%;
    left: 100%;
    margin-left: -22px;
    transform: translateY(-50%);
    transition: all .4s;
    background: #28A745;
}
.student-mock-test-progrees-bar .progress {
    height: 14px;
    border-radius:10px;
    background: #F5F5F5;
}
.student-mock-test-progrees-bar .progress .skill .val {
    float: right;
    font-style: normal;
    margin: 0 20px 0 0;
}
.student-mock-test-progrees-bar .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: var(--main-color);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.student-mock-test-progrees-bar .progress-bar {
    text-align: left;
    border-radius:0px;
    transition-duration: 3s !important;
    transition-delay: 2s;
    transition: 3s;
}
.student-mock-test-progrees-bar {
    display: flex;
    align-items: center;
}
.progress.skill-bar {
    width: 100%;
}
.student-mock-test-progrees-text {
    display: flex;
    white-space: nowrap;
    margin-left: 26px;
}
.student-mock-test-progrees-text p {
    color: #6e6e6e;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.student-mock-test-progrees-box-top {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}
.student-mock-test-progrees-box {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.10);
    padding: 28px 16px 27px;
}
.student-test-mock-box.student-test-mock-box2, .student-test-mock-box.student-test-mock-box3 {
    padding-top: 14px;
}
.student-mock-test-progrees-box-top-icon {
    width: 62px;
    height: 62px;
    background: #EFF1FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}
.student-mock-test-progrees-box-top-content h5 {
    color: #343434;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin: 0 0 10px;
}
.student-mock-test-progrees-box-top-content p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.student-mock-test-progrees-box-top-icon svg {
    width: 30px;
    height: 30px;
}
.student-mock-test-progrees-box.student-mock-test-progrees-box2 {
    margin-top: 30px;
}
.student-test-mock-box.student-test-mock-box2 .student-test-mock-detail-box-outer {
    overflow: unset;
}
.student-mock-test-progrees-box.student-mock-test-progrees-box2 .student-mock-test-progrees-box-top-icon {
    background: #F9468721;
}
.student-mock-test-progrees-box.student-mock-test-progrees-box2 .progress-bar.progress-bar-primary {
    background: #F94687;
}
.mock-test-tooltip {
    position: relative;
}
.mock-test-tooltip-content {
    position: absolute;
    width: 200px;
    border-radius: 20px;
    background: var(--main-color);
    box-shadow: 1px 2px 1.25rem rgba(0, 0, 0, 0.22);
    padding: 14px 16px;
    top: 37px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}
.mock-test-tooltip-content p {
    color: #fff;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.mock-test-tooltip-content:after {
    position: absolute;
    content: "";
    border-bottom: 10px solid var(--main-color);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -10px;
    left: 52%;
    transform: translateX(-50%);
}
.mock-test-tooltip-icon:hover + .mock-test-tooltip-content {
    display: block;
}
.student-profile-other-detail .student-name-table-heading {
    margin-bottom: 8px;
    align-items: self-start;
}
.student-profile-other-detail span {
    margin-top: 5px;
}
.student-test-mock-detail .col-md-4:first-child {
    width: 490px;
}
.student-test-mock-detail .col-md-4 {
    width: calc(50% - 245px);
}
.student-profile-image img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 50%;
}
.student-login-detail-box p {
    font-size: 16px;
}
.student-login-detail-box {
    padding: 10px 14px;
}
.student-test-mock-box.student-test-mock-box3 .student-test-mock-detail-box-outer {
    overflow: unset;
}
span.student-profile-edit-btn-icon path:first-child, span.student-profile-edit-btn-icon path:nth-child(2) {
    transform: rotate(0deg);
    transform-origin: center;
    transition: all .6s;
}
a.student-profile-btn:hover .student-profile-edit-btn-icon path:first-child, a.student-profile-btn:hover  span.student-profile-edit-btn-icon path:nth-child(2) {
    transform: rotate(360deg);
    transform-origin: center;
}
.email-copy-icon svg rect {
    transition: all .4s;
}
.email-copy-icon:hover svg rect:last-child {
    transform: scale(1.1);
}

/****  floating-Lable style start ****/
.floating-label { 
    position:relative; 
}
.floating-input, .floating-select {
    display: block;
    width: 100%;
    height: 60px;

}
.floating-label label {
    position: absolute;
    pointer-events: none;
    left: 27px;
    top: 20px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    background-color: #FFF;
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
    top:1px;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    color:#4E4E4E;
    background-color: #fff;
    padding: 1px 4px;
}
.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label, .phone-floting label {
    top: -10px;
    left: 23px;
}

.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
    top:0px;
    font-size:14px;
  }
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
    width:50%;
}
.highlight {
    position:absolute;
    height:50%; 
    width:100%; 
    top:15%; 
    left:0;
    pointer-events:none;
    opacity:0.5;
}
.floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {
    -webkit-animation:inputHighlighter 0.3s ease;
    -moz-animation:inputHighlighter 0.3s ease;
    animation:inputHighlighter 0.3s ease;
}
.floating-select {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #000000;

}

/*----form-model----*/
.student-edit-detail .modal-content {
    border-radius: 20px;
    background: #FFF;
}
.student-edit-detail .modal-body {
    padding: 30px 30px 24px;
}
.student-edit-detail-box h4 {
    color: #000;
    text-align: left;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 40px;
}
.floating-label input {
    border-radius: 10px;
    border: 1px solid #6e6e6e;
    padding: 19px 26px;
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.floating-label input:focus {
    border-color: var(--main-color) !important;
}
.student-edit-detail-box .row .col-12 {
    margin: 31px 0 0;
}
.student-edit-detail-box .row .col-12:first-child {
    margin: 0px 0 0;
}
.student-edit-detail-box .iti.iti--allow-dropdown.iti--separate-dial-code.iti--show-flags {
    width: 100%;
}
.student-edit-detail-box .iti__flag-container {
    padding: 0;
}
.student-edit-detail-box .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
    background-color: transparent;
}
.student-edit-detail-box .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #6e6e6e;
    padding-left: 16px;
    width: 110px;
}
input#phone, input#mobile, input#addMobile {
    padding: 19px 46px 19px 26px !important;
    width: calc(100% - 130px);
    margin-left: auto;
}
.country-code.floating-label label {
    left: 157px;
    line-height: 120%;
}
.phone-floting label {
    top: -6px;
}
.student-edit-detail-box .iti__selected-dial-code {
    color: #6e6e6e;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.student-edit-detail-box .iti__arrow {
    border: 0;
    background-image: url(../images/country-code.svg);
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
}
.form-save-btn {
    border-radius: 6px;
    background: var(--main-color);
    border: 0;
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding: 16px 37px;
}
.model-close-btn {
    color: #6e6e6e;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    border: 0;
    border-radius: 6px;
    background: #F2F2F2;
    padding: 16px 27px;
}
.student-edit-form-btn.text-center {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 24px;
    margin-top: 14px;
}
.student-edit-detail .modal-dialog {
    max-width: 760px;
}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: #198754;
    box-shadow: none;
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: none;
}
.password-show {
    position: absolute;
    top: 23px;
    right: 21px;
    display: flex;
    cursor: pointer;
}
.password-show:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1.5px;
    background: #6e6e6e;
    transform-origin: center;
    top: 44%;
    transition: all .4s;
    left: 52%;
    transform: translateX(-50%) rotate(135deg);
}
.password-show.fa-eye-slash:after {
    width: 0%;
}
.student-delete-detail .modal-dialog {
    max-width: 600px;
    text-align: center;
}
.modal-content {
    border-radius: 20px;
    background: #FFF;
}
.student-delete-detail .modal-body {
    padding: 40px;
}
.student-delete-detail-box h4 {
    padding: 36px 0 14px;
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.student-delete-detail-box p {
    color: #6e6e6e;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 10px;
}
.student-delete-detail-box {
    max-width:100%;
    margin: 0 auto;
}
.student-delete-detail-box .student-edit-form-btn.text-center {
    margin-top: 30px;
}
.student-extent-detail-box h4{
    max-width: 356px;
    line-height: 120%;
    margin: 0 auto;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
    background-position: right 10px center;
}
.was-validated .form-control:invalid + .highlight + label{
   color: #dc3545;
}
.was-validated .form-control:valid {
    color: #6e6e6e;
}
.was-validated .password-show{
    right: 30px;
}
.floating-label .invalid-feedback {
    margin: 10px 0 -10px;
}
.mock-test-tooltip-icon svg {
    overflow: unset;
}
.anoucment-icon-box-outer {
    margin-right: 10px;
}
.header-anoucement-button a svg {
    margin-right: 0;
    margin-top: 0px;
    width: 40px;
    animation: mymove 2s infinite;
    overflow: unset;
}
#anousementline1 {
    display: none;
}

.anoucement .anoucment-icon-box{
    animation: mymove2 1.5s infinite;
    position: relative;
}
.anoucment-icon-box-outer{
    position: relative;
}

@keyframes mymove2 {
    0%   {transform: rotate(0deg)}
    50% {transform: rotate(-45deg)}
    100%   {transform: rotate(0deg)}
  } 
 .anoucement #anousementline2{
    transition: all .4s;
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        }
    30% {
        -webkit-transform: scale3d(.75, 0.75, 1) ;
        transform: scale3d(1.25, 0.75, 1);
        }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
        }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
        }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
        }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
        }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        }
    }
    @keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
        }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
        }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
        }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
        }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
        }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        }
} 
.header-help-button a svg {
    overflow: unset;
}
#help1{
    animation: help1 1.5s infinite;
    position: relative;
    transform-origin: center;
}
@keyframes help1 {
    0%   {transform: scale(1);}
    50% {transform: scale(1.1);}
    100%   {transform: scale(1);}
} 
#help2{
    animation: help2 1.5s infinite;
    position: relative;
    transform-origin: center;
}
@keyframes help2 {
    0%   {transform: translateY(0px);}
    50% {transform: translateY(-2px);}
    100%   {transform: translateY(0px);}
} 
.animated-watch-video svg path:nth-child(2) {
    transition: all .4s;
    animation: moove1 1.5s infinite;
    animation-delay: .4s;
}
@keyframes moove1 {
    0%   {transform: scale(1);}
    50%  {transform: scale(1.1);}
    100% {transform: scale(1);}
} 
.animated-watch-video svg path:nth-child(3) {
    transition: all .4s;
    animation: moove2 1.5s infinite;
    
    
}
@keyframes moove2 {
    0%   {transform: translateX(-10px);}
    50%  {transform: translateX(5px);}
    100% {transform: translateX(-10px);}
} 
.header-anoucement-button a span, .header-help-button a span{
    position: relative;
}
.header-anoucement-button a span:after, .header-help-button a span:after{
    position: absolute;
    content: "";
    bottom: -8px;
    left: auto;
    width: 0%;
    background: #fff;
    height: 1px;
    right: 0;
    transition: all .4s;
}
.header-anoucement-button a:hover span:after, .header-help-button a:hover span:after{
    left: 0;
    width: 100%;
    right: auto;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, input[data-autocompleted] {
    transition: background-color 5000s ease-in-out 0s;
    transition: background-color 600000s 0s, color 600000s 0s;
    background-color: transparent !important;
    font-size: inherit;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  font-size: inherit;
}
input:-webkit-autofill::first-line {
    font-size: inherit;
}

/*---profile--*/
.content-heading-bar.profile-detail {
    padding: 40px 0 24px;
}
.content-heading-bar.profile-detail a {
    display: flex;
    align-items: center;
    color: var(--main-color);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    column-gap: 10px;
}
.content-heading-bar.profile-detail a svg path {
    stroke: var(--main-color);
}
.profile-detail-box-left {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    padding: 30px;
    justify-content: space-between;
    width: 70.47%;
    flex-flow: wrap;
    row-gap: 24px;
    width: 50%;
    column-gap: 24px;
}
.profile-detail-box-left-img-box {
    display: flex;
    align-items: center;
    column-gap: 24px;
    margin: 0 auto 0 0;
}
.profile-single-img img {
    width: 92px;
    flex: 0 0 92px;
    height: 92px;
    border-radius: 50%;
    object-fit: cover;
}
.single-profile-content h4 {
    color: #343434;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 120%;
}
.single-profile-content p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.single-profile-content p span {
    color: #FF1616;
}
.change-password-btn button {
    border-radius: 0px;
    background: transparent;
    color: var(--main-color);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding:0;
    border: 0;
}
.profile-detail-box-right {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
    padding: 30px;
    width: 50%;
}
ul.profile-detail-list li:nth-child(odd) {
    width: 50%;
}
ul.profile-detail-list {
    display: flex;
    flex-flow: wrap;
    column-gap: 40px;
    row-gap: 30px;
}
ul.profile-detail-list li {
    display: flex;
    align-items: baseline;
    column-gap: 12px;
}
.profile-list-content h5 {
    color: #343434;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.profile-list-content p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin: 6px 0 0;
}
.profile-list-content .student-profile-email-copy {
    margin-top: 6px;
}
span.single-profile-badge {
    border-radius: 4px;
    background: #6897FF;
    color: #FFF;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding: 5px 10px;
    display: flex;
    margin: 12px 0 0;
    width: 38px;
}
.profile-detail-box-outer {
    display: flex;
    column-gap: 30px;
    row-gap: 30px;
}
.profile-detail-tab {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
    padding: 40px;
    margin-top: 30px;
}
.profile-detail-tab-heading .nav-link {
    text-align: left;
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    height: 54px;
    margin: 0 0 24px;
    padding: 0 28px !important;
    display: flex;
    align-items: center;
    white-space: nowrap;
    transition: all .4s;
    border-radius: 10px;
    border: 1px solid #6e6e6e;
}
.profile-detail-tab-heading .nav-link:hover {
    color: var(--main-color);
}
.profile-detail-tab-heading .nav-link:hover svg {
    transform: rotatey(360deg);
    transition: all .4s;
}
.profile-detail-tab-heading .nav-link svg {
    margin-right: 14px;
    width: 20px;
    height: auto;
}
.profile-detail-tab-heading .nav-link.active{
    background-color: var(--main-color);
    color: #fff;
    border: 1px solid var(--main-color);
}
.profile-detail-tab-heading .nav-link svg path {
    fill:#6e6e6e;
    stroke: transparent;
}
.profile-detail-tab-heading .nav-link:first-child svg path {
    stroke:transparent;
}
.profile-detail-tab-heading .nav-link.active svg path{
    stroke: transparent;
    fill:#fff;
}
.profile-detail-tab-heading .nav {
    padding-right: 40px;
    margin-right: 0px !important;
    position: sticky;
    top: 90px;
}
.profile-detail-tab-heading .tab-content {
    padding-left: 40px;
    border-left: 1px solid #E5E5E5;
    width: 100%;
    position: relative;
}
.profile-detail-tab-heading .tab-content .tab-pane{
    max-width: 780px;
}.profile-detail-tab-content-box.student-edit-detail-box h4 {
    color: #000;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin: 0 0 8px;
}
.profile-detail-tab-content-box.student-edit-detail-box p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin: 0 0 30px;
}
.profile-edit-icon svg{
    position: absolute;
    top: 20px;
    right: 18px;
    display: flex;
    z-index: 0;
    transition: all .4s;
}
.was-validated .profile-edit-icon svg {
    right: 38px;
}
.profile-detail-tab-content-box.student-edit-detail-box input {
    height: 60px;
    margin-bottom: 0px;
    background-color: transparent;
    z-index: 1;
    position: relative;
}
.profile-detail-tab-content-box.student-edit-detail-box .floating-label {
    margin-bottom: 30px;
}
.student-edit-detail-box .floating-input:focus ~ label, .student-edit-detail-box .floating-input:not(:placeholder-shown) ~ label {
    color: #6e6e6e;
}
.student-edit-detail-box .floating-input:focus ~ label, .student-edit-detail-box .floating-input:not(:placeholder-shown) ~ label, .phone-floting label {
    top: -9px;
    left: 25px;
}
.student-edit-detail-box .floating-label label {
    z-index: 2;
}
.profile-edit-icon svg path {
    fill: var(--main-color);
}
.student-edit-detail-box .phone-floting label {
    top: -6px;
}
.floting-label-popup .profile-edit-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 3;
    cursor: pointer;
}
.profile-edit-mail .student-edit-detail-box h4{
    margin-bottom: 20px;
    text-align: center;
}
.profile-edit-mail .student-edit-detail-box p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 0px;
}
.profile-edit-mail  .modal-dialog {
    max-width: 540px;
}
.profile-edit-mail .student-edit-detail-box {
    text-align: center;
}
.get-otp-box h5 {
    color: #28A745;
    margin-bottom: 29px;
    font-size: 18px;
}
.get-otp-box input {
    text-align: center;
}
.get-otp-box a {
    color: #6897FF;
    margin-left: 4px;
    transition: all .4s;
    border-bottom: 1px solid transparent;
}
.get-otp-box a:hover {
    border-bottom: 1px solid #6897FF;
}
.get-otp-box h6 {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.get-otp-box{
    display: none;
}
.mail-loader img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    border-radius: 20px;
    display: none;
}
.edit-address-box {
    padding: 30px 0 10px;
    margin: 10px 0 30px;
    border-top: 2px solid #E5E5E5;
    border-bottom: 2px solid #E5E5E5;
}
.profile-detail-tab-content-box.student-edit-detail-box .col-12 {
    margin: 0 !important;
}
.change-phone-number{
    display: none;
}
.gst-input {
    display: flex;
    align-items: center;
    column-gap: 95px;
    margin-bottom: 40px;
}
.gst-input input {
    height: 24px !important;
    width: 24px;
    border: 2px solid #6e6e6e;
    margin-right: 16px;
    margin-bottom: 0 !important;
    position: relative;
    cursor: pointer;
    flex: 0 0 24px;
    margin-left: 0 !important;
    margin-top: 0;
}
.gst-input input.form-check-input:checked {
    background-color: transparent;
    border-color: var(--main-color);
}
.gst-input input.form-check-input:checked:after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: var(--main-color);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.gst-input .form-check {
    min-height: unset !important;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
label.form-check-label {
    display: flex;
    align-items: center;
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    cursor: pointer;
}
label.form-check-label b{
    color: #000;
    font-weight: 600;
    padding: 0 4px;
}
.profile-detail-tab-content-box.student-edit-detail-box p b {
    color: #000;
    font-weight: 500;
}
.gst-detail-content h5 {
    color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin: 0 0 12px;
}
.ci-user-picture {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ci-user-picture img {
    width: auto;
    height: auto;
    border-radius: 0;
}
.btn-default {
    display: inline-block;
    padding: 14px 32px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    transition: 0.5s;
    text-align: center;
    text-transform: capitalize;
}
.filepreviewprofile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
/*----modal--------*/
.cropImageModal .modal-dialog{
    max-width: 750px;
    width: 90%;
    margin: 0.5rem auto;
}
.up-photo-title{
    padding: 8px 15px;
    text-align: center;
}
#upload-demo {
    position: relative;
    width: 92%;
    height: 250px;
    padding-bottom: 0;
    margin: 0 auto;
}
.croppie-container .cr-image{
    right: 0;
}
.croppie-container .cr-slider-wrap {
    width: 275px;
}
.cr-slider{
    width: 275px;
}
.upload-action-btn {
    margin-top: 60px;
    padding-top: 40px;
}
.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    background: #0E8FF7 !important;
    cursor: pointer;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
}
.cr-slider::-moz-range-thumb {
    width: 18px;
    height: 18px;
    background: #0E8FF7 !important;
    cursor: pointer;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
}
.cr-slider::-ms-thumb {
    width: 18px;
    height: 18px;
    background: #0E8FF7 !important;
    cursor: pointer;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
}
.cr-slider::-webkit-slider-runnable-track {
    width: 275px;
    height: 2px;
    cursor: pointer;
    box-shadow: none;
    background: var(--main-color) !important;
    border-radius: 3px;
    border:none;
}
.cr-slider:focus::-webkit-slider-runnable-track {
    background: var(--main-color) !important;
}
.cr-slider::-moz-range-track {
    width: 275px;
    height: 2px;
    cursor: pointer;
    box-shadow: none;
    background: var(--main-color) !important;
    border-radius: 3px;
    border:none;
}
.cr-slider::-ms-track {
    width: 275px;
    height: 2px;
    cursor: pointer;
    box-shadow: none;
    background: var(--main-color) !important;
    border-radius: 3px;
    border:none;
    color: transparent;
}
.upload-logo-user-btn label {
    min-width: 600px;
    height: 200px;
    max-width: 600px;
    border-radius: 10px;
    background: #FCFCFC;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    justify-content: center;
    position: relative;
    margin-right: 20px;
    cursor: pointer;
}
.uploadimg-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}
.uploadimg-content.addedimage {
    display: none;
}
.logoEditeBtn {
    display: flex;
    align-items: flex-start;
}
.edit-icon {
    width: 43px;
    height: 43px;
    background: #F3F3F3;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-image: url(../images/edit-btn-image.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.upload-action-btn button {
    border-radius: 10px;
    background: var(--main-color);
    color: #FFF;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    padding: 20px 20px;
    border:1px solid var(--main-color);
}
.upload-action-btn button.replacePhoto{
    border:1px solid var(--main-color);
    background-color: transparent;
    color: var(--main-color);
}
.upload-logo-user-btn {
    margin-top: 40px;
    display: flex;
}
.edit-icon.delete-icon {
    margin-top: 20px;
    position: relative;
    z-index: 1;
    background-image: none;
}
.profile-detail-tab-content-box.company-detail-edit h4 {
    color: #000;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    column-gap: 7px;
}
.profile-detail-tab-content-box.company-detail-edit p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.profile-detail-tab-content-box.company-detail-edit .uploadimg-content .upload-logo-text {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-top: 18PX;
}
.company-fav-ico {
    padding: 40px 0;
    margin: 40px 0;
    border-top: 2px solid #E5E5E5;
    border-bottom: 2px solid #E5E5E5;
}
.confirm-identity h6 {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-top: 20px;
}
.confirm-identity h6 b{
    color: #343434;
    font-weight: 600;
}
.theme-color {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 2px solid #E5E5E5;
}
ul#switcher li {
    border-radius: 6px;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.10);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
ul#switcher {
    display: flex;
    align-items: center;
    column-gap: 24px;
    margin-top: 30px;
}
li#blueButton {
    background: #1B3775;
}
li#greenButton {
    background: #2FA97C;
}
li#redButton {
    background: #F96565;
}
li#yellowButton {
    background: #CB930D;
}
li#brownButton {
    background: #6B534C;
}
li#pinkButton {
    background: #FF5E97;
}
li#orangeButton {
    background: #F57D1B;
}
li#purpleButton {
    background: #9463F7;
}
ul#switcher li svg {
    display: none;
}
ul#switcher li.active svg {
    display: flex;
}
.personal-profile-save-btn button {
    border-radius: 10px;
    background: var(--main-color);
    border: 0;
    padding: 16px 38px;
    color: #FFF;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-top: 0px;
}
.change-password-box input {
    margin-top: 34px;
}
.change-password-box .student-edit-form-btn.text-center {
    margin-top: 40px;
}
div#watchChangePasswordVideo video {
    width: 100%;
}
.profile-single-img {
    display: flex;
    flex: 0 0 92px;
}
.floating-label input {
    text-overflow: ellipsis;
}
button#openWatchChangePassword {
    border: 0;
    background: transparent;
    color: var(--main-color);
    display: inline-block;
    padding: 0;
}
button#openWatchChangePassword svg path {
    fill: var(--main-color);
}
.company-fav-ico .upload-logo-user-btn label {
    max-width: 106px;
    min-width: 106px;
    height: 106px;
}
.company-fav-ico .upload-logo-user-btn label svg {
    width: 30px;
    height: 30px;
}
.company-fav-ico .upload-logo-user-btn label p.upload-logo-text {
    font-size: 12px !important;
    margin-top: 10px !important;
}
.company-banner .upload-logo-user-btn label {
    min-width: 300px;
    height: 300px;
    max-width: 300px;
}
.change-password-detail-box p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin: 10px 0 0;
}
.edit-icon svg {
    transform: scale(1);
    overflow: unset;
    transition: all .4s;
    display: none;
}
.edit-icon.delete-icon svg{
    display: block;
}
.student-list-detail-box.invoice-list table th {
    width: 30% !important;
    padding-top: 24px;
    padding-bottom: 24px;
}
.student-list-detail-box.invoice-list thead.studet-table-head tr th:first-child{
    width: 30% !important;
    padding-left: 22px;
}
.student-list-detail-box.invoice-list tbody.student-table-body-box tr td {
    padding-left: 0;
    white-space: nowrap;
}
.student-list-detail-box.invoice-list tbody.student-table-body-box tr td:first-child {
    padding-left: 22px;
    white-space: nowrap;
}
td.invoice-download a {
    color: var(--main-color);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.profile-detail-tab-heading .tab-content .tab-pane-team{
    max-width: 100%;
}
.team-heading-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: -25px;
    margin-bottom: 40px;
    flex-flow: wrap;
    row-gap: 20px;
    column-gap: 20px;
}
.team-right-box {
    display: flex;
    align-items: center;
    column-gap: 12px;
}
.team-right-box button {
    border-radius: 6px;
    background: var(--main-color);
    border: 0;
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding: 16px 21px;
    display: flex;
    align-items: center;
    column-gap: 6px;
}
.team-box {
    border-radius: 24px;
    background: #FBFBFB;
    padding: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 24px;
    width: calc(50% - 12px);
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.10);
}
.team-box-detail {
    display: flex;
    align-items: center;
    width: 50%;
    flex: 0 0 50%;
    flex-flow: wrap;
    row-gap: 10px;
}
.team-box-img {
    flex: 0 0 66px;
    margin-right: 15px;
}
.team-box-img img {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    object-fit: cover;
}
.profile-detail-tab-content-box.company-detail-edit .team-box-detail .team-name-box h4 {
    color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 4px;
}
.profile-detail-tab-content-box.company-detail-edit .team-box-detail .team-name-box p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-align: left;
}
.team-status-box {
    display: flex;
    align-items: center;
    column-gap: 9px;
    flex-flow: wrap;
    row-gap: 9px;
    justify-content: flex-end;
}
.team-status-box button {
    border-radius: 40px;
    background: #FFF;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10);
    border: 0;
    padding: 5px 12px;
    color: #0E8FF7;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.team-status-box .header-toggle input[type="checkbox"].toggle + label {
    height: auto;
    padding: 3px 9px 3px 14px;
    border-radius: 40px;
    width: 96px;
}
.team-status-box .header-toggle input[type="checkbox"].toggle + label:before, .team-status-box .header-toggle [type="checkbox"].toggle + label:hover:before {
    width: 18px;
    height: 18px;
}
.team-card-outer {
    display: flex;
    flex-flow: wrap;
    column-gap: 24px;
    row-gap: 24px;
}
.modal video {
    width: 100%;
}
.student-edit-detail .student-edit-detail-box .floating-label label {
    z-index: 2;
}
.student-edit-detail .student-edit-detail-box .floating-input:focus ~ label, 
.student-edit-detail .student-edit-detail-box .floating-input:not(:placeholder-shown) ~ label, 
.student-edit-detail .student-edit-detail-box .phone-floting label {
    top: -9px;
}
.student-edit-detail .student-edit-detail-box .change-phone-number .phone-floting label {
    top: -5px;
}
.edit-details-team .floating-label {
    margin-bottom: 33px;
}
.team-permission {
    margin-top: 7px;
    border-top: 2px solid #E5E5E5;
    padding-top: 40px;
}
.team-permission-checkbox-outer h5 {
    display: flex;
    align-items: center;
    color: #000;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    column-gap: 12px;
    margin-bottom: 24px;
}
.team-permision-check-box label {
    border-radius: 10px;
    background: #FBFBFB;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
    padding: 22px 20px 22px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    line-height: 120%;
    column-gap: 10px;
}
.team-permision-check-box label input {
    margin: 0;
    border-radius: 4px;
    border: 3px solid var(--main-color);
    width: 22px;
    height: 22px;
    cursor: pointer;
    flex:0 0 22px;
}
.team-permision-check-box label span {
    width: calc(100% - 40px);
}
.team-permision-check-box label input:focus {
    border-color: var(--main-color);
}
.team-permision-check-box label input:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.team-permision-check-box .form-check {
    padding: 0;
    margin: 0 0 20px;
    width: 100%;
}
.team-permision-check-box:last-child .form-check {
    margin: 0;
}
.team-permission-checkbox-outer.team-my-plan-box {
    margin: 50px 0;
}
.team-permission-checkbox-outer.team-general-box {
    margin: 50px 0 50px;
}
span.back-to-team-page {
    cursor: pointer;
    display: flex;
}
.team-edit-details{
    display: none;
}
.team-fill-new-details{
    display: none;
}
.team-permission .student-edit-form-btn {
    display: flex;
    align-items: center;
    column-gap: 30px;
}
.profile-detail-tab-content-box.company-detail-edit.company-detail-setting {
    max-width: 860px;
}
.product-setting {
    margin-top: 40px;
    display: flex;
    column-gap: 20px;
    justify-content: space-between;
}
.product-detail-box-icon {
    width: 68px;
    height: 68px;
    border-radius: 10px;
    background: #F5F3FF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 68px;
}
.product-detail-box {
    display: flex;
    column-gap: 34px;
}
.product-detail-box-detail h6 {
    color: #000;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.profile-detail-tab-content-box.company-detail-edit .product-detail-box-detail p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    max-width: 278px;
}
.profile-detail-tab-content-box.company-detail-edit.company-detail-setting p b{
    color: #020000;
    font-weight: 500;
}
.product-setting-checkbox-box label {
    border-radius: 10px;
    background: #FBFBFB;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
}
.product-setting-checkbox-box .form-check {
    padding: 0 !important;
    width: 100%;
    min-height: unset;
    margin: 0px !important;
}
.product-setting-checkbox-box .form-check .form-check-input {
    margin: 0 !important;
}
.product-setting-checkbox-box label {
    border-radius: 10px;
    background: #FBFBFB;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
    width: 162px;
    padding: 15px 13px 15px 15px;
    justify-content: space-between;
    align-items: center;
}
.product-setting-checkbox-box label span{
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    display: flex;
}
.product-setting-checkbox-box input {
    border-radius: 4px;
    border: 2px solid var(--main-color);
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.product-setting-checkbox-box input:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.product-setting-checkbox-box input:focus {
    border-color: var(--main-color);
}
.product-setting-checkbox {
    display: flex;
    flex-flow: wrap;
}
.product-setting-checkbox-box {
    width: calc(50% - 10px);
}
.product-setting-checkbox {
    display: flex;
    flex-flow: wrap;
    max-width: 345px;
    column-gap: 20px;
    row-gap: 16px;
}
.product-setting-radio-box .header-toggle {
    filter: none;
    border-radius: 23px;
    border: 0.5px solid #6e6e6e;
    background: #FFF;
}
.product-setting-radio-box .header-toggle input[type="checkbox"].toggle + label {
    height: auto;
    padding: 4px 8px;
    border-radius: 23px;
    width: 71px;
}
.product-setting-radio-box .header-toggle label span {
    color: #6e6e6e !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 120%;
}
.product-setting-radio-box .header-toggle input[type="checkbox"].toggle + label .off {
    margin-left: 24px;
}
.product-detail-box.product-setting-lock-box p {
    max-width: 470px !important;
}
.product-setting-lock-border {
    border-top: 2px solid #E5E5E5;
    padding: 40px 0 0;
    margin: 40px 0;
}
.product-detail-box-detail span.badge {
    border-radius: 4px;
    background: #28a745;
    padding: 4px 6px 4px 6px;
    color: #FFF;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.product-detail-box-icon svg path {
    fill: var(--main-color);
}
.product-detail-box-icon svg {
    width: 35px;
    height: 35px;
}
.total-score-box-outer {
    margin-left: 24px;
    display: flex;
    align-items: center;
    column-gap: 30px;
}
.total-score-box svg {
    width: 20px;
    height: 20px;
}
.total-score-box span {
    display: block;
    color: #343434;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-top: 4px;
    text-align: center;
}
.total-score-box svg path {
    fill: var(--main-color);
}
.total-score-list-box {
    display: flex;
    align-items: center;
}
.total-score-list-box p {
    border-radius: 4px;
    background: var(--main-color);
    color: #fff !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.total-score-box{
    cursor: pointer;
    position: relative;
}
.score-tooltip {
    position: absolute;
    background: var(--main-color);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 10px 14px;
    border-radius: 10px;
    width: 155px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
    display: none;
    transition: all .4s;
    z-index: 3;
}
.score-tooltip h6 {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 140%;
}
.score-tooltip h6 span{
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    margin-top: 4px;
}
.score-tooltip:after {
    position: absolute;
    content: "";
    bottom: -7px;
    border-top: 7px solid var(--main-color);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    left: 50%;
    transform: translateX(-50%);
}
.total-score-box:hover .score-tooltip{
    display: block;
}
.result-stutus .done {
    background: #28A745;
}
.result-stutus .pending {
    background:   #F29339;
}
.result-stutus h6 {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    padding: 7px 12px;
    border-radius: 4px;
    display: inline-flex;
}
.student-list-box.result-table-outer table tbody tr td:first-child {
    padding-left: 22px  !important;
}
.student-list-box.result-table-outer table tbody tr td:last-child {
    padding-right: 15px  !important;
}
.student-list-box.result-table-outer table th:first-child {
    width: 30% !important;
}
.student-list-box.result-table-outer table th:last-child {
    width: 11% !important;
}
.student-list-box.result-table-outer table th:nth-child(2) {
    width: 15% !important;
}
button.search-filter.result-export-btn:after {
    position: absolute;
    content: "";
    border-left: 2px solid #AFAFAF;
    left: -18px;
    top: 50%;
    width: 1px;
    height: 90%;
    transform: translateY(-50%);
}
button.search-filter.result-export-btn {
    display: flex;
    align-items: center;
    column-gap: 10px;
    border: 2px solid var(--main-color);
    background: transparent;
    color: var(--main-color);
    padding: 12.29px 17px;
    margin-left: 30px;
    position: relative;
}
button.search-filter.result-export-btn svg path{
    fill: var(--main-color);
}

.material-action-btn {
    display: flex;
    align-items: center;
    column-gap: 15px;
}
.material-action-btn {
    display: flex;
    align-items: center;
    column-gap: 15px;
}
.material-action-btn a {
    position: relative;
    background: #fff;
    display: flex;
    box-shadow: 3px 0 15px 1px rgba(0, 0, 0, .1);
    padding: 10px;
    border-radius: 6px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
}
.material-action-btn svg {
    height: 20px;
}
.material-action-btn a span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -50px;
    background: #fff;
    font-size: 14px;
    padding: 7px 12px;
    border-radius: 6px;
    box-shadow: 3px 0 15px 1px rgba(0, 0, 0, .1);
    color: #343434;
    transition: all .4s;
    opacity: 0;
}
.material-action-btn a:hover span{
    opacity: 1;
    top: -40px;
}
.material-action-btn a span:after {
    position: absolute;
    content: "";
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
}
.add-material-btn button {
    border: 0;
    background-color: var(--main-color);
    color: #fff;
    border-radius: 8px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 500;
    margin: 40px 0 0;
    text-align: center;
}
.add-material-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/*-certificate-*/
.certificate-box-outer {
    background: #fff;
    text-align: center;
    padding: 24px;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.certificate-logo {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.certificate-logo img {
    max-width: 80px;
}
.certificate-heading h1 {
    color: #0e3151;
    font-family: "Halaney-Demo";
    text-align: center;
    font-size: 44px;
    margin-bottom: 14px;
    margin-top: 10px;
}
.certificate-heading p {
    color: #6d6d6d;
    font-weight: 500;
    text-align: center;
    font-size: 18px;
}
.certificate-heading {
    margin-bottom: 40px;
}
.certificate-details h4 {
    color: #0e3151;
    font-weight: 600;
    text-align: center;
    font-size: 24px;
    margin: 0 auto 20px;
    max-width: 440px;
    border-bottom: 2px solid;
    padding-bottom: 10px;
}
.certificate-details p {
    line-height: 140%;
    color: #6d6d6d;
    font-weight: 400;
    text-align: center;
    max-width: 285px;
    margin: 0 auto;
    margin-bottom: 30px;
    font-size: 18px;
}
.certificate-details h6 {
    font-size: 1.3vmax;
    color: #6d6d6d;
    font-weight: 400;
    text-align: center;
    margin: 80px 0 40px;
    margin: 2.1vmax 0 1.1vmax;
}
.partner-logo-image img {
    max-width: 110px;
}
.certificate-details h6 {
    font-size: 14px;
    color: #6d6d6d;
    font-weight: 400;
    text-align: center;
    margin: 20px 0 15px;
}
.certificate-box {
    border-left: 2px solid #363636;
    border-bottom: 2px solid #363636;
    position: relative;
    z-index: 2;
}
.certificate-box:after {
    position: absolute;
    content: "";
    left: 0;
    width: 28%;
    height: 2px;
    background: #363636;
    top: 0;
}
.certificate-right-side-patch {
    position: absolute;
    z-index: 0;
    top: auto;
    right: 0;
    width: 100%;
    max-width: 580px;
    bottom: 0px;
    right:-370px;
    transform: rotate(-45deg);
}
.certificate-left-side-patch {
    position: absolute;
    z-index: 0;
    top: auto;
    right: 0;
    width: 100%;
    max-width: 580px;
    top: 40px;
    left:-360px;
    transform: rotate(135deg);
}
.certificate-right-side-patch img {
    width: 400px;
    height: 400px;
}
.certificate-left-side-patch img {
    width: 250px;
    height: 250px;
}
.certificate-right-side-patch:after {
    position: absolute;
    content: "";
    top: 0;
    height: 291px;
    width: 100%;
    box-shadow: inset -20px 8px 20px 0 rgba(0, 0, 0, .1), -20px 7px 20px 20px white;
    left: 20px;
}
.certificate-left-side-patch:after {
    position: absolute;
    content: "";
    top: 0;
    height: 291px;
    width: 100%;
    box-shadow: inset -18px 8px 20px 0 rgba(0, 0, 0, .1), -20px 7px 20px 20px white;
    right: 110px;
}
/*-certificate-end-*/
.header-help-button.dropdown.header-profile .dropdown-toggle {
    background: transparent;
    padding: 0;
}
.header-help-button.dropdown.header-profile ul.dropdown-menu {
    padding-top: 10px;
    inset: unset !important;
    left: auto !important;
    right: -10px !important;
    top: 49px !important;
    width: auto;
}
.header-help-button.dropdown.header-profile {
    margin-right: 24px;
}
.credit-box h6 {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    padding: 5px 12px 4px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
}
.credit-box .credit-add {
    background: #28A745;
}
.credit-box .credit-spent {
    background: #F00;
}
.floating-label.error input[type=email] + span + label{
    color: red;
}
.annoucement-box-outer {
    position: fixed;
    border-radius: 20px 0px 0px 20px;
    background: #FFF;
    box-shadow: -5px 4px 15px 0px rgba(0, 0, 0, 0.15);
    min-height: calc(100vh - 146px);
    width: 380px;
    top: 145px;
    right: -380px;
    bottom:0px;
    z-index: 9;
    display: flex;
    transition:all .4s ease;
}
.annoucement-box-outer.openannoucement{
    right: 0px;
}
.annoucement-box-inner {
    display: flex;
    flex-direction: column;
    
}
.annoucement-box-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D6D6D6;
    padding: 20px 24px 20px 24px;
    background: rgba(15, 100, 187, 0.17);
}
.annoucement-box-heading h4 {
    color: var(--main-color);
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.annoucement-box-heading button {
    border: 0;
    background: var(--main-color);
    padding: 0;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.10));
    padding: 3px;
}
.annoucement-box-heading button svg path {
    stroke: #fff;
}
.annoucement-box {
    margin: 16px 16px 0;
    border: 0;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border-radius: 10px;
    background: #EAF6FF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);
}
.annoucement-box:last-child{
    margin-bottom: 20px;
}
.annoucement-box-content {
    background: rgba(239, 248, 255, 0.87);
    padding: 10px 12px 12px;
    display: flex;
    flex-direction: column-reverse;
}
.annoucement-box-content h5 {
    color: var(--main-color);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 134.023%;
    margin-top:0px;
}
.annoucement-box-content p {
    color: rgba(27, 55, 117, 0.60);
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: inline-block;
}
.annoucement-box-inner {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 20px 0px 0px 0px;
    overflow: hidden;
}
.annoucement-detail-heading-content {
    display: flex;
    flex-direction: column-reverse;
}
.annoucement-post {
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 20px;
}
.annoucement-post::-webkit-scrollbar {
    width: 4px;
}
.annoucement-post::-webkit-scrollbar-track {
    background: transparent;
}
.annoucement-post::-webkit-scrollbar-thumb {
    background: #888;
}
.annoucement-box-outer:after {
    position: fixed;
    content: "";
    background: #0000005e;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all .4s ease;
    display: none;
}
.annoucement-box-outer.openannoucement:after{
    display: block;
}
.annoucement-box-heading button svg{
    transition: all .4s;
}
.annoucement-box-heading button:hover svg{
    transform: rotate(180deg);
}
.annoucement-box-img {
    margin: 4px 4px 0 4px;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
.header-help-button.dropdown.header-profile ul.dropdown-menu:after {
    position: absolute;
    content: "";
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    top: -7px;
    right: 35px;
}
.header-profile.dropdown ul.dropdown-menu{
    max-height: 0;
    opacity: 0;
    transition: all .4s;
    display: block !important;
    height: 0;
    visibility: hidden;
    min-height: 0;
}
.header-profile.dropdown ul.dropdown-menu.show{
    max-height: 240px;
    opacity: 1;
    transition: all .4s;
    height: auto;
    visibility: visible;
}
h4.annoucement-detail-heading {
    display: none;
}
.annoucement-post-detail {
    display: none;
}
.annoucement-box-heading.changeHeading h4.annoucement-list-heading {
    display: none;
}
.annoucement-box-heading.changeHeading {
    background: rgba(239, 248, 255, 0.87);
}
.annoucement-box-heading.changeHeading h4.annoucement-detail-heading {
    display: flex;
    align-items: center;
    column-gap: 9px;
}
.annoucement-post-detail-img img {
    border-radius:10px;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.08);
    margin-bottom: 17px;
}
.annoucement-post-detail-heading {
    padding: 20px 20px;
}
.annoucement-detail-heading-content h5 {
    color: var(--main-color);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-top: 10px;
}
.annoucement-detail-heading-content p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}
.annoucement-detail-content {
    padding: 0 20px 0px;
    border-top: 1px solid #d6d6d6;
}
.annoucement-detail-content-box h5 {
    color: #53ABFB;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    margin-top: 16px;
}
h4.annoucement-detail-heading svg {
    width: 20px;
    height: 20px;
}
.annoucement-detail-content-box h6 {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin-top: 18px;
    margin-bottom: 0px;
}
.annoucement-detail-content-box p, 
.annoucement-detail-content-box p span, 
.annoucement-detail-content-box span {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 150% !important;
    margin-top: 10px;
}
.annoucement-detail-content-box p span{
    display: block;
    margin-bottom: 4px;
}
.annoucement-detail-content-box p span:last-child{
    margin-bottom:0px;
}
h4.annoucement-detail-heading svg {
    cursor: pointer;
}
#editStudentDetail .student-edit-detail-box .floating-label label {
    top: 20px;
    z-index: 2;
}
#editStudentDetail .student-edit-detail-box .floating-input:focus ~ label, 
#editStudentDetail .student-edit-detail-box .floating-input:not(:placeholder-shown) ~ label, 
#editStudentDetail .student-edit-detail-box .phone-floting label {
    top: -9px;
}
.add-credit-outer {
    position: relative;
    background: #fff;
    max-width: 850px;
    margin: 0 auto;
    border-radius: 10px;
    text-align: center;
    padding: 30px;
    overflow: hidden;
}
.add-credit-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.add-credit-card {
    border-radius: 20px;
    background: var(--main-color);
    margin: 0 auto;
    padding: 30px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 24px;
}
.add-credit-card-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}
.add-credit-card h5 {
    color: #FFF;
    font-family: Poppins;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
}
.add-credit-card h2 {
    color: #FFF;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.add-credit-detail {
    padding-top: 30px;
    position: relative;
    z-index: 1;
}
.add-credit-quick-payment h5 {
    color: #000;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}
.credit-quick-payment-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 15px;
    margin-bottom: 20px;
}
.credit-quick-payment-button label {
    border-radius: 10px;
    border: 1px solid var(--main-color);
    background: #FBFBFB;
    color: var(--main-color);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 141.523%;
    width: 100%;
    height: 60px;
    position: relative;
    z-index: 1;
    justify-content: center;
}
.credit-quick-payment-button .form-check {
    padding: 0;
    position: relative;
    margin: 0;
    min-height: unset;
    width: 100%;
}
.credit-quick-payment-button input {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 10px !important;
    visibility: hidden;
    background-color: transparent;
}
.credit-quick-payment-button input:checked + label{
    background-color: var(--main-color);
    color: #fff;
}
.add-credit-detail h3 {
    color: #000;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}
.add-credit-input-box button {
    border-radius: 6px;
    background: var(--main-color);
    width: 100%;
    height: 60px;
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 141.523%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    border: 0;
}
.add-credit-card-icon svg {
    width: 34px;
    height: auto;
}
.add-credit-quick-payment {
    position: relative;
}
.add-credit-quick-payment svg {
    position: absolute;
    top: -80px;
    right: 60px;
    width: 100px;
    height: auto;
}
.add-credit-icon {
    position: absolute;
    left: 70px;
    opacity: .4;
    top: 30px;
}
.add-credit-icon2 {
    left: auto;
    top: 120px;
    right: 90px;
    display: none;
}
.add-credit-icon svg {
    width: 80px;
    height: auto;
}
.plain-pricing-tab ul.nav-tabs {
    border-radius: 10px;
    background: #FBFBFB;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: 0;
    padding: 0 0px;
    z-index: 5;
}
.plain-pricing-tab .nav-tabs .nav-link {
    border: 0;
    background: transparent;
    color: #6e6e6e;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 161.523%;
    padding: 12px 0 12px;
    width: 100%;
    border-bottom: 2px solid transparent;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plain-pricing-tab .nav-tabs .nav-link.active {
    color: #fff;
    border-bottom: 2px solid var(--main-color);
    position: relative;
    background-color:var(--main-color) ;
}
.plain-pricing-tab .nav-tabs .nav-link svg {
    width: 24px;
    height: auto;
    margin-right: 10px;
}
.plain-pricing-tab .nav-tabs .nav-link.active svg path{
    fill: #fff;
}
.plain-pricing-tab .nav-tabs .nav-item{
    width: 50%;
}
.plain-pricing-tab .nav-tabs .nav-link.active:after {
    position: absolute;
    content: "";
    width: 22.044px;
    height: 22.044px;
    border: 2px solid var(--main-color);
    background: var(--main-color);
    bottom: -22px;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45.097deg);
    top: auto;
    border-top-color: transparent;
    border-left-color: transparent;
}
div#plain-pricing-tab-content {
    border-radius: 20px;
    background: #FBFBFB;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
    padding: 30px;
    margin-top: 28px;
}
.plain-pricng-detail-box {
    border-radius: 20px;
    background: #FFF;
    width: 25%;
    text-align: center;
    padding-bottom: 14px;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, .1);
}
.plain-pricng-detail-box-heading-outer{
    position: relative;
}
.plain-pricng-detail-box-heading {
    border-radius: 20px 20px 0px 0px;
    background-color: var(--main-color);
    padding: 16px 0;
    position: relative;
    overflow: hidden;
}
span.active-plan-text {
    background: #FFF;
    color: var(--main-color);
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 161.523%;
    height: 27px;
    align-items: center;
    width: 180px;
    justify-content: center;
    position: absolute;
    top: 18px;
    left: -44px;
    transform: rotate(-31.19deg);
    display: none;
}
.plain-pricng-detail-box.active span.active-plan-text {
    display: flex;
}
.plain-pricng-detail-box-heading-outer:after {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    transform: rotate(45deg) translate(-50%, 50%);
    background: var(--main-color);
    bottom: -8px;
    left: 50%;
    top: auto;
}
.plain-pricng-detail-box-heading h4 {
    color: #FFF;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 161.523%;
    
}
.price-detail-icon-box {
    margin: 0;
    position: relative;
    height: 140px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 24px;
}
.price-detail-bg-icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    z-index: 0;
    bottom: 46px;
}
.price-detail-bg-icon svg {
    width: 100px;
    height: auto;
}
.price-detail-bg-icon + svg {
    position: relative;
    z-index: 1;
    width: 80px;
    height: auto;
}
.price-plain-price h3 {
    color: #000;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 141.523%;
}
.price-plain-price h3 sub {
    bottom: 0;
    color: #6e6e6e;
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 105.523%;
}
.price-plain-student-box {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 12px;
    margin-top: 24px;
}
.price-plan-student-detail h5 {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 105.523%;
    margin-bottom: 2px;
}
.price-plan-student-detail small {
    color: #6e6e6e;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 105.523%;
}
ul.price-plain-details {
    text-align: left;
    padding: 30px 26px 2px;
}
ul.price-plain-details li {
    color: #6e6e6e;
    text-align: left;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 105.523%;
    display: flex;
    align-items: baseline;
    column-gap: 10px;
    margin-bottom: 20px;
}
ul.price-plain-details li svg {
    width: 16px;
    height: auto;
    flex: 0 0 16px;
}
ul.price-plain-details li > svg path {
    stroke: var(--main-color);
}
.plain-pricng-detail-box button {
    border-radius: 10px;
    border: 1px solid var(--main-color);
    padding: 14px;
    width: calc(100% - 18px);
    background: transparent;
    color: var(--main-color);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 151.523%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plain-pricng-detail-outer {
    display: flex;
    column-gap: 24px;
    align-items: center;
    justify-content: center;
}
.plain-pricng-detail-box.active .plain-pricng-detail-box-heading {
    background-color: var(--main-color);
    padding: 20px 0;
    border-bottom: 1px solid #ffffff5c;
}
.plain-pricng-detail-box.active .plain-pricng-detail-box-heading-outer:after {
    background: transparent;
}
.plain-pricng-detail-box.active button {
    background-color: var(--main-color);
    border: 1px solid #fff;
    color: #fff;
    pointer-events: none;
}
.plain-pricng-detail-box.active {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.17);
    z-index: 1;
    background: var(--main-color);
}
.plain-pricng-detail-box.active .price-detail-icon-box {
    height: 166px;
    padding-bottom: 38px;
}
.plain-pricng-detail-box.active .price-detail-icon-box .price-detail-bg-icon {
    bottom: 56px;
}
.plain-pricng-detail-box.active .price-plain-student-box {
    margin-top: 40px;
}
.plain-pricng-detail-box.active .price-plain-student-box img {
    width: 71px;
    height: auto;
}
.plain-pricng-detail-box.active ul.price-plain-details {
    padding-top: 40px;
    padding-bottom: 0;
}
.plain-pricng-detail-box.active ul.price-plain-details li {
    margin-bottom: 24px;
    color: #dfdfdf;
}
.price-plain-student-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    background: #fff;
    justify-content: center;
    border: 1px solid var(--main-color);
    padding: 8px;
}
.price-plain-student-box img {
    width: 66px;
    height: auto;
}
.plain-pricng-detail-box:nth-child(1) .price-detail-bg-icon + svg, .plain-pricng-detail-box:nth-child(3) .price-detail-bg-icon + svg {
    width: 70px;
    height: auto;
}
.plain-pricng-detail-box:nth-child(2) .price-detail-bg-icon + svg {
    height: 70px;
    width: auto;
}
.plain-pricng-detail-box.active .price-detail-bg-icon + svg path{
    fill:#fff;
}
.plain-pricng-detail-box.active .price-plain-price h3, 
.plain-pricng-detail-box.active .price-plan-student-detail h5{
    color:#fff;
}
.plain-pricng-detail-box.active .price-plan-student-detail small {
    color: #fff;
}
.plain-pricng-detail-box.active:nth-child(4) .price-detail-bg-icon + svg path{
    stroke: var(--main-color);
}
.plain-pricng-detail-box.active .price-plain-student-icon path {
    fill: var(--main-color);
}
.plain-pricng-detail-box.active .price-plain-student-icon {
    border: 1px solid var(--main-color);
}
.plain-pricng-detail-box.active ul.price-plain-details li > svg path {
    stroke:#fff;
}
.plain-pricng-detail-box.active ul.price-plain-details li span.price-plain-details-info svg path{
    stroke:#fff;
}
.plain-pricng-detail-box .price-plain-student-icon  path{
    fill: var(--main-color);
}
.plain-pricng-detail-box .price-plain-student-icon svg {
    width: 30px;
    height: auto;
}
span.price-plain-details-info {
    cursor: pointer;
    display: inline-block;
    position: relative;
}
span.price-plain-details-tooltip {
    position: absolute;
    width: 200px;
    border-radius: 10px;
    background: var(--main-color);
    box-shadow: 1px 2px 1.25rem rgba(0, 0, 0, 0.22);
    padding: 14px 16px;
    top: 30px;
    left: auto;
    display: none;
    right: -35px;
    z-index: 2;
}
.price-detail-bg-icon path {
    fill: #d9e5ff;
}
.plain-pricng-detail-box.active  span.price-plain-details-tooltip {
    background: #fff;
}
.plain-pricng-detail-box.active  span.price-plain-details-tooltip p{
    color: var(--main-color);
}
span.price-plain-details-info:hover span.price-plain-details-tooltip{
    display: block;
}
span.price-plain-details-tooltip p {
    color: #fff;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
span.price-plain-details-tooltip p b{
    font-weight: 600;
}
span.price-plain-details-tooltip:after {
    position: absolute;
    content: "";
    border-bottom: 10px solid var(--main-color);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -10px;
    left: auto;
    right: 33px;
}
.plain-pricng-detail-box.active  span.price-plain-details-tooltip:after {
    border-bottom: 10px solid #fff;
}
.add-on-feature-box-video {
    max-width: 640px;
    border: 3px dashed var(--main-color);
    border-radius: 10px;
    padding: 10px 10px;
    background: var(--background-color);
    min-height: 340px;
    position: relative;
    display: flex;
    align-items: center;
}
.video-thumbnail-image {
    position: relative;
    min-height: 320px;
    width: 100%;
    display: flex;
}
.video-thumbnail-image-box{
    position: relative;
}
.video-thumbnail-image-box:after {
    position: absolute;
    content: "Coming Soon";
    top: 0;
    left: 0;
    /* background: #000; */
    background-color:#c6c6c6;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    opacity: 1;
    font-size: 30px;
    color: #000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-thumbnail-image img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    display: block;
    border-radius: 10px;
    position: relative;
}
.video-thumbnail-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    display: none;
}
.video-thumbnail-btn svg {
    width: 18px;
    height: auto;
    margin-left: 3px;
}
.video-thumbnail-btn svg path {
    fill: var(--main-color);
}
.add-on-domain-box-outer svg path {
    fill: var(--main-color);
}
.add-on-feature-box-video video {
    border-radius: 10px;
    display: none;
}
.add-on-feature-box {
    display: flex;
    column-gap: 60px;
    align-items: flex-start;
}
.add-on-feature-content h6 {
    color: #343434;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 119.023%;
    margin-bottom: 20px;
}
.add-on-domain-box-outer {
    display: flex;
    align-items: center;
    column-gap: 22px;
    margin-bottom: 30px;
}
.add-n-domain-box {
    display: flex;
    align-items: center;
    border-radius: 6px;
    background: #F8F8FF;
    column-gap: 9px;
    padding: 15px;
    max-width: 320px;
    border: 1px solid #d6d6d6;
}
.add-n-domain-box p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 119.023%;
}
.add-n-domain-box p span{
    color: var(--main-color);
}
.add-on-content-text p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.023%;
    margin-bottom: 20px;
}
.helping-number {
    display: flex;
    align-items: center;
    column-gap: 16px;
}
.helping-number-icon {
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F6F6F6;
    border-radius: 8px;
}
.helping-detail h5 {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 105.523%;
    margin-bottom: 10px;
}
.add-on-feature-content h4 {
    color: var(--main-color);
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 12px;
}
.helping-detail a {
    color: #6e6e6e;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 105.523%;
}
.add-on-content-text {
    max-width: 780px;
}
.checkout-outer {
    border-radius: 20px;
    background: #FFF;
    padding: 30px;
    max-width: 980px;
    margin: 0 auto;
}
.checkout-outer h2 {
    color: #343434;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 30px;
}
.purchase-summary-box {
    display: flex;
    align-items: center;
    column-gap: 83px;
}
.purchase-summary-box-inner {
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: space-between;
    margin-bottom: 24px;
}
.purchase-summary-item h5 {
    color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 161.523%;
    margin-bottom: 4px;
}
.purchase-summary-item h6 {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 161.523%;
}
.price-box {
    padding-top: 24px;
    border-top: 1px solid #6e6e6e;
    display: flex;
    align-items: flex-end;
    column-gap: 83px;
}
.price-box-detail {
    width: 50%;
}
.price-box-promocode {
    width: 50%;
}
.price-box-promocode p {
    margin-bottom: 10px;
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 161.523%;
}
.price-box-promocode-field {
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.price-box-promocode-field input {
    height: 46px;
    padding: 14px 22px;
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 70.023%;
    max-width: 194px;
    border-radius: 4px;
    text-transform: uppercase;
}
.price-box-promocode-field .floating-label label{
    top:14px;
}
.price-box-promocode-field .floating-input:focus ~ label, .price-box-promocode-field .floating-input:not(:placeholder-shown) ~ label {
    top: -10px;
    left: 23px;
}
.add-credit-input-box .add-student-mock-test-note {
    margin-top: 0px;
}

.add-student-mock-test-note {
    padding: 8px 12px;
    border-radius: 8px;
    background: #ecf3fb;
    margin-top: 24px;
}
.price-box-promocode-field button {
    border-radius: 4px;
    background: var(--main-color);
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 70.023%;
    height: 46px;
    width: 80px;
    border: 0;
}
.price-discount {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:30px;
}
.price-discount:last-child {
    margin-bottom:10px;
}
.price-discount h4 {
    color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 161.523%;
}
.price-discount h6 {
    color: #6e6e6e;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 161.523%;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.price-total {
    padding-top: 20px;
    margin-top: 14px;
    border-top: 1px solid #6e6e6e;
}
.price-total {
    padding-top: 20px;
    margin-top: 14px;
    border-top: 1px solid #6e6e6e;
    display: flex;
    column-gap: 83px;
}
.price-total-box {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.price-total-box h5 {
    color: #000;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 161.523%;
}
.price-total-box h2 {
    color:var(--main-color);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 161.523%;
    margin: 0;
}
.checkout-pay-by {
    margin: 24px 0 24px;
}
.checkout-pay-by h4 {
    color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 161.523%;
    margin-bottom: 10px;
}
.checkout-pay-by-box label {
    border-radius: 16px;
    background: #fff;
    padding: 16px 20px 17px;
    max-width: 100%;
    column-gap: 33px;
    border: 2px solid #D6D6D6;
    color: #343434;
    transition: all .4s;
}
.checkout-pay-by-box .form-check {
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
}
.checkout-pay-by-box {
    display: flex;
    align-items: center;
    column-gap: 62px;
}
span.payment-icon {
    width: 72px;
    height: 72px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.checkout-pay-by-box .form-check-input {
    width: 24px;
    height: 24px;
    border-color: var(--main-color);
    position: absolute;
    right: 14px;
    top: 12px;
    background-image: none !important;
    margin: 0;
    background-color: transparent;
}
.checkout-pay-by-box .form-check-input:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
    background-image: url(../images/white-check.svg) !important;
    background-size: 13px;
    background-position: center;
    color: var(--main-color);
}
.checkout-pay-by-box .form-check-input:checked + label{
    border: 2px solid var(--main-color);
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.28);
}
.checkout-pay-btn button {
    border-radius: 10px;
    background: var(--main-color);
    width: 100%;
    padding: 22px;
    color: #FFF;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 77.523%;
    border: 0;
}
span.promocode-badge {
    border-radius: 4px;
    background: #28A745;
    display: flex;
    padding: 5px 7px 5px 9px;
    color: #FFF;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 70.023%;
    align-items: center;
}
span.promocode-badge-remove {
    width: 14px;
    height: 14px;
    background-color: #fff;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 4px;
    cursor: pointer;
}
.checkout-pay-by-box .form-check-input {
    width: 24px;
    height: 24px;
    border-color: #D6D6D6;
    position: absolute;
    right: 14px;
    top: 22px;
    background-image: none !important;
    margin: 0;
    background-color: transparent;
}

span.payment-icon {
    width: auto;
    height: 38px;
    background-color: transparent;
    border-radius: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    margin-bottom: 10px;
}
.checkout-pay-by-box label {
    height: 104px;
    display: block;
}
.add-material-outer {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
    padding: 40px;
}
.floating-label select {
    border-radius: 10px;
    border: 1px solid #6e6e6e;
    padding: 19px 26px;
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    cursor: pointer;
}
.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
    top: -9px;
    font-size: 14px;
}
.add-material-outer-box .row {
    row-gap: 34px;
}
.add-material-outer h4 {
    color: #343434;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 77.523%;
    margin-bottom: 40px;
}
label.filelabel {
    justify-content: center;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 60px;
    border-radius: 20px;
    border: 4px dashed var(--main-color);
    position: relative;
}
label.filelabel {
    justify-content: center;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 60px;
    border-radius: 20px;
    border: 4px dashed var(--main-color);
    position: relative;
    cursor: pointer;
}
label.filelabel div {
    text-align: center;
}
label.filelabel div span {
    display: block;
    text-align: center;
}
input#FileInput {
    opacity: 0;
    visibility: hidden;
    display: none;
}
span.title, .wrong-file{
    color: #000;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height:120%;
    margin: 30px 0 0;
}

span.upload-or {
    color: #000;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}
.add-material-btn .upload-btn {
    border-radius: 10px;
    background-color: #FF1616;
    color: #FFF;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    padding: 13px 30px;
    border: 0;
    display: none;
    margin: 40px 0 0;
}
.edit-material-btn  .upload-btn{
    display: block;
}
.upload-doc-file-icon{
    display: none;
}
.upload-pdf-icon{
    display: none;
}
.upload-mp4-icon{
    display: none;
}
label.filelabel div .wrong-file{
    display: none;
}
.knowledge-zone-outer .plain-pricing-tab .nav-tabs .nav-item {
    width: 33.33%;
}
.pte-introduction-box h4 {
    color: #000;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 161.523%;
    margin-bottom: 10px;
}
.pte-introduction-box p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 161.523%;
}
.pte-introduction-box {
    padding: 20px 24px;
    margin-bottom: 30px;
    border: 1px solid #D6D6D6;
    border-radius: 20px;
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.10);
}
.pte-introduction-box:last-child {
    margin-bottom: 0px;
}

.pte-introduction-box-img img {
    width: 100%;
    max-width: 70%;
}
div#knowledge-zone-tab-content {
    border-radius: 20px;
    background: #FBFBFB;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
    padding: 30px 30px;
    margin-top: 28px;
}
.score-comparison-table thead th {
    background-color: #29A9FE;
    color: #fff;
    border: 0;
    padding: 20px 20px;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    white-space: nowrap;
}
.score-comparison-table thead th:first-child{
    border-radius: 20px 0 0px 0px;
}
.score-comparison-table tbody tr:last-child td:first-child {
    border-radius: 0px 0 0px 20px;
}
.score-comparison-table thead th:last-child {
    border-radius: 0px 20px 0px 0px  !important;
}
.score-comparison-table tbody :last-child td:last-child {
    border-radius: 0px 0px 20px 0px  !important;
}
.score-comparison-table tbody, .score-comparison-table tbody td {
    border: 0 !important;
}
.score-comparison-table:nth-child(2) {
    margin-top: 60px;
}
.score-comparison-table {
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.10);
    border-radius: 20px;
    overflow: hidden;
}
.score-comparison-table tbody td {
    padding: 20px 20px;
    color: #131313;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    background-color: #ECF3FB;
    white-space: nowrap;
}
.score-comparison-table table {
    margin: 0;
}
.score-calculation-outer table tbody tr {
    border-bottom: 1px solid #d6d6d6;
}
.score-calculation-outer tbody tr:nth-child(even) td {
    background-color: #ecf3fb0d;
}
.score-calculation-outer h4 {
    color: #000;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 30px;
}
.score-calculation-outer p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 30px;
    margin-top: 15px;
}
.score-comparison-border {
    border-top: 2px solid #E5E5E5;
    margin: 50px 0;
}
.score-calculation-outer td img {
    width: 14px;
}
.score-calculation-outer tbody td {
    padding: 20px 20px;
    color: #131313;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    background-color: #ECF3FB;
    white-space: wrap;
    max-width: 400px;
    white-space: unset;
}
.score-calculation-outer ul li {
    color: #6e6e6e;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 215.523%;
    padding-left: 20px;
    position: relative;
}
.score-calculation-outer ul li:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 2px;
    background: #6e6e6e;
    left: 0;
    top: 17px;
}
.score-calculation-outer tbody td.high {
    color: #28A745;
    font-weight: bold;
}
.score-calculation-outer tbody td.low {
    color: #FF0000;
    font-weight: bold;
}
.score-calculation-outer tbody td.moderate {
    color: #F29339;
    font-weight: bold;
}
.result-tab-box button.active:after {
    position: absolute;
    content: "";
    border-top: 10px solid var(--main-color);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}
.score-comparison-table-double {
    display: flex;
    align-items: center;
    column-gap: 40px;
}
.score-comparison-table1, .score-comparison-table2 {
    width: 50%;
    text-align: center;
}
.score-comparison-table-double h5 {
    color: #343434;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110.023%;
    text-align: center;
    margin-bottom: 20px;
}
.score-comparison-table.score-comparison-table-single {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
.pte-introduction-box a {
    display: block;
    color: var(--main-color);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 7px;
}
.score-comparison-table table tbody tr th {
    background-color: #8bccf8;
    color: #333;
    border: 0;
    padding: 20px 20px;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    white-space: nowrap;
}
.score-comparison-table.score-comparison-table-celpip tbody tr:nth-child(even) td {
    background-color: #ecf3fb0d;
}
div#knowledge-zone-tab-content .score-comparison-table table tbody tr th:first-child {
    background-color: #29a9fe !important;
}
.add-student-outer-box-left {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
    width: 100%;
}
.add-student-outer-box {
    display: flex;
    align-items: flex-start;
    column-gap: 24px;
}
.add-student-progress-bar {
    padding: 25px;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #F1F1F1;
    justify-content: space-between;
    position: relative;
}
.add-student-progress-bar-box span {
    width: 46px;
    height: 46px;
    display: flex;
    background-color: #FBFBFB;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: #6A6A68;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 161.523%;
    position: relative;
    z-index: 2;
}
.add-student-progress-bar:after {
    position: absolute;
    content: "";
    height: 2px;
    width: calc(100% - 80px);
    background-color: transparent;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-top: 2px dashed #A4AFC8;
}
.add-student-progress-bar-box {
    position: relative;
}
.add-student-detail {
    padding: 20px 25px 30px;
    position: relative;
}
.add-student-form .student-edit-detail-box .floating-label label {
    top: 21px;
    z-index: 2;
}
.add-student-form .floating-input:focus ~ label, 
.add-student-form .floating-input:not(:placeholder-shown) ~ label, 
.phone-floting label {
    top: -9px !important;
}
.add-student-progress-bar.move1 .add-student-progress-bar-box.step-one span,
.add-student-progress-bar.move2 .add-student-progress-bar-box.step-two span,
.add-student-progress-bar.move3 .add-student-progress-bar-box.step-three span,
.add-student-progress-bar.move4 .add-student-progress-bar-box.step-four span,
.add-student-progress-bar.move5 .add-student-progress-bar-box.step-five span {
    background-color: var(--main-color);
    color: #fff;
}
.add-student-detail .floating-label {
    margin-bottom: 40px;
}
.add-student-button-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
}
.add-student-button-box .preview, .add-student-button-box .next {
    border-radius: 6px;
    background: #F3F3F3;
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    display: flex;
    align-items: center;
    padding: 14px 20px;
    border: 0;
    column-gap: 10px;
}
.add-student-button-box .next{
    color: #fff;
    background: var(--main-color);
}
.add-student-step-one .add-student-button-box button.preview {
    pointer-events: none;
    visibility: hidden;
}
.add-student-detail h4 {
    color: var(--main-color);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 15px;
}
.add-student-select-product {
    display: flex;
    align-items: flex-start;
    flex-flow: wrap;
    column-gap: 24px;
    row-gap: 24px;
    margin-bottom: 50px;
}
.add-student-select-product-box {
    width: calc(50% - 12px);
    border-radius: 12px;
    background: #FBFBFB;
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.10);
    overflow: hidden;
}
.add-student-select-product-box h5 {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 122.023%;
    padding: 16px 20px;
    margin: 0;
    border-radius: 0;
}
.add-student-select-product-box .form-check-outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 22px;
    margin: 0;
    flex-flow: wrap;
    row-gap: 16px;
}
.add-student-select-product-box .form-check {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.add-student-select-product-box input {
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 2px solid #ABABAB;
    background: rgba(182, 182, 182, 0.08);
    float: none;
}
.add-student-select-product-box input:checked {
   background-color:var(--main-color) ;
    border: 2px solid var(--main-color);
}
.add-student-select-product-box input:focus {
    border-color: var(--main-color);
}
.add-student-select-product-box .form-check label {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 122.023%;
    padding: 0;
    margin: 0;
    width: 100%;
}
.add-student-type-box label {
    border-radius: 10px;
    background: #fff;
    padding: 15px 20px;
    margin: 0;
    align-items: flex-start;
    border: 1px solid #A4AFC8;
    color: #343434;
    position: relative;
    transition: all .4s;
}
.add-student-type-box .form-check {
    margin: 0 0 24px;
    padding: 0;
    position: relative;
}
.add-student-type-box .form-check .form-check-input {
    float: left;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border: 2px solid #7CBAFA;
    position: absolute;
    right: 20px;
    margin: 0;
    top: 20px;
    z-index: 1;
}
.add-student-type-box input:checked + label {
    border-color: var(--main-color);
}
.add-student-type-box .form-check .form-check-input:checked {
    border: 2px solid var(--main-color);
    background-color: rgba(182, 182, 182, 0.08);
    background-image: none;
    background-size: 13px;
    background-position: center;
}
.add-student-type-box .form-check .form-check-input:checked:after {
    position: absolute;
    content: "";
    background: var(--main-color);
    width: 11px;
    height: 11px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.add-student-type-box .form-check .form-check-input:focus{
    border-color: var(--main-color);
}
span.student-type-box-content, span.student-type-box-content span {
    display: block;
}
span.student-type-box-heading {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 3px;
    display: flex !important;
    align-items: center;
}
span.badge-recommend {
    border-radius: 4px;
    background: rgba(31, 186, 0, 0.08);
    padding: 5px 9px;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    display: flex !important;
    margin-left: 19px;
    border: 1px solid #1FBA00;
    color: #1FBA00;
}
span.student-type-box-text {
    color: #000;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 166%;
}
.add-student-mock-test-box label {
    border-radius: 10px;
    border: 1.5px solid #6e6e6e;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:14px 16px;
}
.add-student-mock-test-box-outer {
    max-width: 700px;
    display: flex;
    align-items: flex-start;
    flex-flow: wrap;
    column-gap: 24px;
    row-gap: 24px;
}
.add-student-mock-test-box {
    width: calc(50% - 12px);
}
.add-student-mock-test-box .form-check {
    margin: 0;
    padding: 00;
}
span.dd-student-mock-test-count {
    display: flex;
    align-items: center;
    column-gap: 10px;
    color: #8D8D8D;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 122.023%;
}
span.dd-student-mock-test-count b {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 122.023%;
    padding: 0;
}
.add-student-mock-test-box input {
    width: 20px;
    height: 20px;
    border: 1px solid var(--main-color);
    margin: 0;
}
.add-student-mock-test-box input:checked {
    border: 1px solid var(--main-color);
    background-color:var(--main-color);
}
.add-student-mock-test-box input:focus {
    border: 1px solid var(--main-color);
}
.add-student-mock-test-note p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.023%;
    margin-top: 0px;
}
.add-credit-input-box .add-student-mock-test-note {
    background-color: transparent;
    padding: 0;
}
.add-student-mock-test-note p b {
    color: #494949;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 122.023%;
}
.add-student-mock-test-five-sellect-all label {
    border-radius: 6px 6px 0px 0px;
    background: var(--main-color);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 122.023%;
}
.add-student-mock-test-five-sellect-all .form-check {
    padding: 0;
    margin: 0;
}
.add-student-mock-test-five-sellect-all input {
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    background-color: transparent;
    margin: 0;
    padding: 0;
}
.add-student-mock-test-five-sellect-all input:checked {
    border: 2px solid #fff;
    background-color: transparent;
}
.add-student-mock-test-five-sellect-all input:focus {
    border: 2px solid #fff;
}
.add-student-add-mock-test-box-outer {
    border-radius: 0 0 6px 6px;
    border: 1px solid #BBB;
    padding: 20px;
    border-top: 0;
}
.add-student-add-mock-test-box label.form-check-label {
    padding: 11px 12px;
    display: flex;
    align-items: center;
    justify-content:space-between;
    color: #393939;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.023%;
    transition: all .4s;
    border-radius: 10px;
    border: 1px solid #A4AFC8;
    background: #FFF;
}
.add-student-add-mock-test-box label.form-check-label b{
    color: #393939;
}
.add-student-add-mock-test-box label.form-check-label:hover {
    background: #ecf3fb;
}
.add-student-add-mock-test-box-outer hr {
    width: 100%;
    border-top: 2px dashed #000;
    margin: 0;
    background-color: transparent;
    opacity: .2;
}
.add-student-add-mock-test-box.new-test {
    width: calc(33.33% - 18px);
}
.add-student-add-mock-test-box label.form-check-label.checked {
    background: var(--main-color);
    color: #fff;
}
.add-student-add-mock-test-box label.form-check-label.checked b{
    color: #fff;
}
.add-student-add-mock-test-box label.form-check-label b{
    font-weight: 500;
}
.add-student-add-mock-test-box .form-check {
    padding: 0;
    margin: 0;
}
.add-student-add-mock-test-box .form-check input {
    border: 1px solid #B6B6B6;
    width: 20px;
    height: 20px;
    margin: 0;
}
.add-student-add-mock-test-box .form-check input:checked {
    border: 0;
    background-color: #fff;
    background-image: url(../images/add-student-blue-check.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center;
}
.add-student-add-mock-test-box .form-check input:focus {
    border: 1px solid #B6B6B6;
}
.add-student-add-mock-test-box-outer {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    column-gap: 24px;
    row-gap: 20px;
    height: 360px;
    overflow: auto;
}
.add-student-add-mock-test-box {
    width: calc(25% - 18px);
}
input{
    cursor: pointer;
}
.add-student-section-wise-test-five-inner {
    display: flex;
    align-items: flex-start;
    column-gap: 14px;
    row-gap: 20px;
    flex-flow: wrap;
}
.add-student-section-wise-test-five-inner-box {
    width: calc(50% - 7px);
    border-radius: 6px;
    padding-bottom: 26px;
    height: 230px;
    overflow: hidden;
}
.add-student-section-wise-test-five-box-scroll {
    overflow: auto;
    height: 100%;
}
.add-student-section-wise-test-five-inner .add-student-section-wise-test-five-box-title label.form-check-label.checked span.add-student-section-wise-test-title {
    color: #fff;
}

.select-test-count p {
    color: #393939;
    text-align: right;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 8px;
    opacity: 0.6;
}
.add-student-section-wise-test-five-box-scroll-outer {
    height: calc(100% - 50px);
    border: 1px solid #25A3B7;
    border-radius:0 0 10px 10px;
    border-top:0;
    overflow: hidden;
}
.add-student-section-wise-test-five-inner-box:nth-child(2) .add-student-section-wise-test-five-box-scroll-outer {
    border-color: #D04E4E;
}
.add-student-section-wise-test-five-inner-box:nth-child(3) .add-student-section-wise-test-five-box-scroll-outer {
    border-color: #461196;
}
.add-student-section-wise-test-five-inner-box:nth-child(4) .add-student-section-wise-test-five-box-scroll-outer {
    border-color: #D48310;
}
.add-student-section-wise-test-five-box-scroll::-webkit-scrollbar, .add-student-add-mock-test-box-outer::-webkit-scrollbar {
    width: 4px;
}
.add-student-section-wise-test-five-box-scroll::-webkit-scrollbar-track, .add-student-add-mock-test-box-outer::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 0 10px 10px 0;
}
.add-student-section-wise-test-five-box-scroll::-webkit-scrollbar-thumb, .add-student-add-mock-test-box-outer::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 0 10px 10px 0;
}
.add-student-section-wise-test-five-inner-box:first-child > .add-student-section-wise-test-five-box:first-child label, 
.add-student-section-wise-test-five-inner-box:nth-child(2) > .add-student-section-wise-test-five-box:nth-child(1) label, 
.add-student-section-wise-test-five-inner-box:nth-child(3) > .add-student-section-wise-test-five-box:nth-child(1) label, 
.add-student-section-wise-test-five-inner-box:nth-child(4) > .add-student-section-wise-test-five-box:nth-child(1) label {
    border-radius: 6px 6px 0px 0px;
    background: #25A3B7;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
    padding: 15px 22px 15px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 122.023%;
    margin: 0;
}
.add-student-section-wise-test-five-inner-box:nth-child(2) > .add-student-section-wise-test-five-box:nth-child(1) label{
    background-color: #D04E4E;
}
.add-student-section-wise-test-five-inner-box:nth-child(3) > .add-student-section-wise-test-five-box:nth-child(1) label{
    background-color: #461196;
}
.add-student-section-wise-test-five-inner-box:nth-child(4) > .add-student-section-wise-test-five-box:nth-child(1) label{
    background-color: #D48310;
}
.add-student-section-wise-test-five-inner-box:first-child > .add-student-section-wise-test-five-box:first-child label input, 
.add-student-section-wise-test-five-inner-box:nth-child(2) > .add-student-section-wise-test-five-box:nth-child(1) label input, 
.add-student-section-wise-test-five-inner-box:nth-child(3) > .add-student-section-wise-test-five-box:nth-child(1) label input, 
.add-student-section-wise-test-five-inner-box:nth-child(4) > .add-student-section-wise-test-five-box:nth-child(1) label input{
    border: 1px solid #fff;
}
.add-student-section-wise-test-five-inner-box:first-child > .add-student-section-wise-test-five-box:first-child label input:checked, 
.add-student-section-wise-test-five-inner-box:nth-child(2) > .add-student-section-wise-test-five-box:nth-child(1) label input:checked, 
.add-student-section-wise-test-five-inner-box:nth-child(3) > .add-student-section-wise-test-five-box:nth-child(1) label input:checked, 
.add-student-section-wise-test-five-inner-box:nth-child(4) > .add-student-section-wise-test-five-box:nth-child(1) label input:checked{
    border: 1px solid #fff;
    background-color: transparent;
}
.add-student-section-wise-test-five-inner input {
    margin: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #B6B6B6;
    background-color: transparent;
}
.add-student-section-wise-test-five-inner input:checked {
    border: 2px solid var(--main-color);
    background-color: var(--main-color);
}
.add-student-section-wise-test-five-inner input:focus {
    border: 1px solid var(--main-color);
}
.add-student-section-wise-test-five-inner label.form-check-label.checked span.add-student-section-wise-test-title {
    color: var(--main-color);
}
.add-student-section-wise-test-five-box label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 2px 5px;
    padding: 8px 12px;
    color: #8D8D8D;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.023%;
}
.add-student-detail.add-student-step-two {
    display: none;
}
.add-student-detail.add-student-step-three {
    display: none;
}
.add-student-detail.add-student-step-four-mock-test {
    display: none;
}
.add-student-detail.add-student-step-four-section-wise-test {
    display: none;
}
.add-student-detail.add-student-step-five-section-wise-test {
    display: none;
}
.add-student-detail.add-student-step-five-mock-test {
    display: none;
}
.add-student-detail.add-student-step-mock-six {
    display: none;
}
.add-student-detail.add-student-step-section-wise-six {
    display: none;
}
.add-student-progress-bar:before {
    position: absolute;
    content: "";
    border-radius: 6px;
    background: var(--main-color);
    height: 2px;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    z-index: 1;
    transition: all .4s;
}
.add-student-progress-bar.move1:before {
    width: calc(25% - 10px);
}
.add-student-progress-bar.move2:before {
    width: calc(50% - 20px);
}
.add-student-progress-bar.move3:before {
    width: calc(75% - 50px);
}
.add-student-progress-bar.move4:before {
    width: calc(100% - 80px);
}
.add-student-progress-bar.move5:before {
    width: calc(100% - 100px);
}
.add-student-progress-bar-box.step-one.active span, 
.add-student-progress-bar-box.step-two.active span, 
.add-student-progress-bar-box.step-three.active span, 
.add-student-progress-bar-box.step-five.active span, 
.add-student-progress-bar-box.step-four.active span, 
.add-student-progress-bar-box.step-six.active span {
    background-color: #F9F9F9;
    color: var(--main-color);
    border: 2px solid var(--main-color);
}
.add-student-progress-bar-box.step-six.active:after{
    display: none;
}
.add-student-mock-test-box label.checked {
    border-color: var(--main-color);
    background-color: var(--main-color);
}
.add-student-mock-test-box label.checked span.dd-student-mock-test-count,
.add-student-mock-test-box label.checked span.dd-student-mock-test-count b {
    color: #fff;
}
.add-student-mock-test-box label.form-check-label.checked input:checked {
    border-color: #fff;
    background-image: url(../images/add-student-blue-check.svg);
    background-size: 12px 12px
}
.add-student-outer-box-left .add-student-mock-test-note {
    padding: 0px 0px;
    border-radius: 5px;
    background: transparent;
    display: inline-block;
}
.add-student-outer-box-right {
    border-radius: 20px;
    background: #fff;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
    max-width: 500px;
    width: 100%;
}
.add-student-purchase-summary h4 {
    color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 15px 20px 15px;
    border-bottom: 1px solid #D7D7D7;
}
.add-student-purchase-summary-detail {
    padding: 20px 20px 20px;
}
.add-student-purchase-summary-detail-box {
    display: flex;
    justify-content: space-between;
}
.add-student-purchase-summary-detail.add-student-purchase-summary-detail2 h5.purchase-summary-highlighted {
    width: 52%;
}
.add-student-purchase-summary-detail-box h6 {
    color: #636363;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0px 0;
    display: flex;
    align-items: flex-start;
    padding: 5px 0 5px 00px;
}
.add-student-purchase-summary-detail-box h5 {
    color: var(--main-color);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 5px 0 5px 10px;
    width: 52%;
    position: relative;
    word-wrap: break-word;
    display: flex;
    align-items: center;
    word-break: break-word;
}
.add-student-purchase-summary-detail-box h5:after {
    position: absolute;
    content: ":";
    top: 5px;
    left: 0;
    font-size: 16px;
    font-weight: 600;
}
.add-student-purchase-summary-detail-box-devider {
    border-top: 1px solid #D7D7D7;
    padding: 15px 0 0;
    margin: 15px 0 0;
}
h5.purchase-summary-highlighted {
    color: var(--main-color);
    font-weight: 600;
}
.add-student-purchase-summary-detail-box.purchase-summary-detail-total h6 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.add-student-purchase-summary-detail-box.purchase-summary-detail-total h5.purchase-summary-highlighted {
    font-size: 20px;
}
.add-student-purchase-summary-detail-box.purchase-summary-detail-total h5.purchase-summary-highlighted:after {
    top: 7px;
}
.add-student-purchase-summary {
    padding: 10px 0 5px;
}
.add-student-purchase-summary-detail-box h6 input {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid var(--main-color);
    margin: 0 !important;
    float: unset !important;
    margin-right: 6px !important;
    margin-top: 7px !important;
}
.add-student-purchase-summary-detail-box h6 input:checked {
    border: 1px solid var(--main-color);
    background-color: var(--main-color);
}
.add-student-purchase-summary-detail-box h6  input:focus {
    border: 1px solid var(--main-color);
}
.add-student-purchase-summary-detail-box h6 .form-check{
    display: flex;
    min-height: unset;
}
span.free-test {
    border-radius: 4px;
    background: rgba(14, 134, 14, 0.95);
    color: #fff;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 122.023%;
    padding: 1px 6px 2px;
    margin-left: 5px;
}
.pte-test-center-outer .tab-content {
    border-radius: 20px;
    background: #FBFBFB;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
    padding: 30px 30px !important;
}
.find-pte-booking-date-outer {
    display: flex;
    align-items: center;
    column-gap: 100px;
}
.find-pte-booking-date-box a {
    border-radius: 6px;
    background: var(--main-color);
    display: inline-block;
    padding: 10px 20px;
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-top: 14px;
}
.find-pte-booking-date-box {
    position: relative;
}
.find-pte-booking-date-box:last-child:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 2px;
    background: #ddd;
    left: -50px;
    top: 0;
}
.form-save-btn:hover{
    color: #fff;
}
h6.error-msg {
    color: #F00;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 0;
    position: absolute;
    top: auto;
    right: 30px;
    bottom: 94px;
}
.invalid-input {
    color: #F00;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 0;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.add-student-type-ad-don-question label{
    border-radius: 10px;
    border: 1.5px solid #A4AFC8;
    padding: 18px;
    max-width: 600px;
    height: 60px;
    padding-left: 20px;
    width: 100%;
}
.add-student-type-ad-don h5 {
    color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 122.023%;
    margin-bottom: 15px;
}
.add-student-type-ad-don-question .form-check {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 600px;
}
.add-student-type-ad-don-question.free .form-check {
    border-radius: 10px;
}
.add-student-type-ad-don-question.free label {
    color: var(--main-color);
}
.add-student-type-ad-don-question .form-check input {
    margin: 0 20px 0 0 !important;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 1px solid #B6B6B6;
    position: absolute;
    top: 19px;
    left: auto;
    right: 0px;
}
.add-student-type-ad-don-question .form-check input:checked {
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    background-image: url(../images/add-student-blue-check.svg);
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center;
}
.add-student-type-ad-don-question .form-check.checked label {
    border: 1px solid var(--main-color);
    color: var(--main-color);
}
.add-student-type-ad-don-question label {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 122.023%;
}
.add-student-type-ad-don-question {
    margin-bottom: 40px;
}
.add-student-type-ad-don-question.free label span {
    color: #1FBA00;
    background-color: rgba(31, 186, 0, 0.08);
    padding: 0px 6px;
    border-radius: 4px;
    display: block;
    margin-left: 4px;
    border: 1px solid #1FBA00;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}
.add-student-type-ad-don p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.023%;
    margin-bottom: 20px;
}
.add-student-type-ad-don-question-outer {
    border-top: 1px solid #d6d6d6;
    padding-top: 35px;
    max-width: 600px;
}
.find-test-center-box-outer {
    display: flex;
    align-items: flex-start;
    column-gap: 40px;
}
.find-test-center-box-left {
    width: 25%;
    position: sticky;
    top: 90px;
}
.find-test-center-box-right{
    width: 75%;
}
.find-test-center-country-list, .find-test-center-country-state {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.10);
    border: 2px solid #D6D6D6;
    overflow: auto;
}
.find-test-center h4 {
    color: #000;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 30px;
}
.find-test-center-country-list ul li {
    padding: 24px;
    border-bottom: 1px solid #d6d6d6;
    color: #343434;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    cursor: pointer;
    position: relative;
}
.find-test-center-box-right li{
    padding: 20px 24px;
    border-bottom: 1px solid #d6d6d6;
    color: #343434;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    cursor: pointer;
}
.find-test-center-box-right li:last-child,
.find-test-center-box-left li:last-child{
    border-bottom: 0px solid #d6d6d6;
}
.find-test-center-country-state ul, .find-test-center-country-list ul {
    overflow: auto;
    height: 100%;
}
.find-test-center-country-state ul::-webkit-scrollbar,
.find-test-center-country-list ul::-webkit-scrollbar {
    width: 4px;
}
.find-test-center-country-state ul::-webkit-scrollbar-track,
.find-test-center-country-list ul::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
.find-test-center-country-state ul::-webkit-scrollbar-thumb,
.find-test-center-country-list ul::-webkit-scrollbar-thumb {
    background: #888; 
}
.find-test-center-box-left h5, .find-test-center-box-right h5 {
    color: var(--main-color);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-align: center;
    margin-bottom: 20px;
}
.find-tast-blank-msg p {
    color: #343434;
    font-family: Poppins;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-align: center;
}
.find-tast-blank-msg {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background: #F5FAFE;
}
.find-test-center-country-list ul li.active:after {
    position: absolute;
    content: "";
    height: 70%;
    width: 6px;
    background-color: var(--main-color);
    border-radius: 0 8px 8px 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.find-test-center-country-list ul li.active:before {
    left: 0;
    position: absolute;
    content: "";
    background-color: var(--main-color);
    top: 0;
    bottom: 0;
    width: 100%;
    opacity: 0.2;
    z-index: 0;
}
.pte-test-center-outer .profile-detail-tab-heading .nav-link {
    width: 50%;
    border-radius: 20px;
    justify-content: center;
    padding: 14px 20px !important;
    height: 60px;
    margin: 0;
    position: relative;
    border: 0;
}
.pte-test-center-outer .profile-detail-tab-heading .nav-link.active:after {
    position: absolute;
    content: "";
    width: 22.044px;
    height: 22.044px;
    border: 2px solid var(--main-color);
    background: var(--main-color);
    bottom: -22px;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45.097deg);
    top: auto;
    border-top-color: transparent;
    border-left-color: transparent;
}
.pte-test-center-outer .profile-detail-tab-heading .nav{
    background-color: #fff;
    margin-bottom: 30px;
    padding: 0;
    border-radius: 20px;
}
.pte-test-center-outer .score-comparison-table tbody td {
    white-space: wrap;
    white-space: break-spaces;
}
.score-comparison-table {
    overflow: hidden;
  }
.pte-test-center-outer  .profile-detail-tab-heading .nav {
    position: static;
}
.state-filter {
    display: flex;
    align-items: center;
}
.filter-icon-box {
    display: flex;
    align-items: center;
}
.state-filter h5 {
    margin: 0;
}
.state-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    border-radius: 20px;
    background: var(--background-color);
    padding: 10px 20px;
    height: 66px;
}
.state-filter .filter-icon {
    border: 1px solid #d6d6d6;
}
.state-filter .floating-select {
    display: block;
    width: 100%;
    height: 46px;
    padding: 10px;
    min-width: 250px;
    border: 1px solid #d6d6d6 !important;
    font-size: 16px;
}
.state-filter .floating-label label {
    left: 17px;
    top: 14px;
    background-color: transparent;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.country-search-bar .floating-label input, .country-search-bar .floating-label label {
    background-color: #fbfbfb;
}
.state-filter .floating-select:focus ~ label, .state-filter .floating-select:not([value=""]):valid ~ label {
    top: -7px;
    font-size: 14px;
    background-color: transparent;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.find-test-center-box-left h5 {
    text-align: left;
    margin-bottom: 20px;
    border-radius: 20px;
    background: var(--background-color);
    padding: 10px 20px;
    height: 66px;
    display: flex;
    align-items: center;
}
ul.pte-fees-detail-list li {
    padding: 2px 0 2px 20px;
    display: flex;
    align-items: center;
    border: 0;
}
ul.pte-fees-detail-list li p {
    margin: 0;
}
ul.pte-fees-detail-list li p b{
    color: #000;
    font-weight: 600;
}
ul.pte-fees-detail-list li:after {
    top: 13px;
}
.find-test-center-box-left.find-test-center-box-left-fee .find-test-center-country-list {
    height: 548px;
    overflow: hidden;
}
.finding-booking-date-btn a {
    border-radius: 8px;
    background: var(--main-color);
    display: inline-block;
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 84.023%;
    padding: 18px 20px;
    width: 200px;
    text-align: center;
}
.find-pte-booking-date {
    max-width: 600px;
}
div#v-pills-bookingDates .find-pte-booking-date {
    max-width: 600px;
}
div#v-pills-bookingDates .find-pte-booking-date .pte-introduction-box {
    margin-bottom: 30px;
}
div#v-pills-bookingDates .find-pte-booking-date .pte-introduction-box:last-child {
    margin-bottom: 0px;
}
.country-search-bar {
    max-width: 600px;
    margin: 0 auto 40px;
    position: relative;
}
button.search-input-icon {
    border: 0;
    background: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.10);
    border-radius: 50%;
    padding: 0;
}
button.search-input-icon svg circle {
    fill: var(--main-color);
}
button.search-input-icon svg path {
    fill: #fff;
}
.find-pte-booking-date {
    max-width: 100%;
}
.find-pte-booking-date .pte-introduction-box {
    width: 100%;
    margin: 0;
    height: 100%;
}
/*--login--*/
.login-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    /* height: 100%; */
    background: transparent;
    /* max-height: 80vh; */
    /* min-height: 100vh; */
    padding: 0px;
    max-width: 1320px;
    margin: 0 auto 0;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    width: 100%;
    column-gap: 31px;
    padding: 20px 0;
}
.login-left-side {
    width: 50%;
    border-radius: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
    margin-left: auto;
    max-width: 800px;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.login-main-image img {
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
    overflow: hidden;
}
.login-right-side {
    width: 50%;
    position: relative;
    display: flex;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: transform 1s;
    align-items: center;
    /* height: 100%; */
    border-radius: 40px;
    height: 650px;
}
.login-right-side.active {
    transform:  rotateY(-180deg);
}
.login-right-side-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 40px;
    background: #FFF;
    padding: 50px 50px 70px;
    height: 650px;
    position: relative;
}
.login-right-side h4 {
    color: #343434;
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 20px;
}
.login-right-side p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.login-choose-roll-box {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 40px;
    margin: 40px 0;
}
.login-choose-roll-box label {
    border: 2px solid #d6d6d6;
    border-radius: 10px;
    padding: 24px;
    width: 100%;
    flex-flow: wrap;
    justify-content: center;
}
.login-choose-roll-box label img {
    width: 80px;
    height: auto;
    margin: 0 0 10px;
}
.login-choose-roll-box label span {
    color: #131313;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    display: block;
    width: 100%;
    text-align: center;
}
.form-check {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.login-choose-roll-box input {
    position: absolute;
    margin: 0 !important;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
}
.login-choose-roll-box input:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
    background-image: url(../images/white-check.svg) !important;
    background-size: 13px;
    background-position: center;
}
.login-choose-roll-box input:checked + label{
    border: 2px solid var(--main-color);
}
.login-btn button {
    border-radius: 6px;
    background: var(--main-color);
    border: 0;
    width: 100%;
    margin: 20px 0 0;
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    padding: 16px;
}
.login-outer {
    width: 100%;
    /* height: 100vh; */
    position: relative;
    padding-top: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 104px 24px;
    overflow: hidden;
    background: #fff;
}
.login-shape-image {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 500px;
}
.login-shape-image::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: var(--main-color);
}
.login-shape-image img {
    height: 100%;
    position: relative;
    z-index: 1;
    width: 100%;
}
.login-main-image {
    display: flex;
    align-items: center;
    max-width: 650px;
    justify-content: center;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.login-logo-bar {
    padding: 0px 0 30px;
}
.login-logo-bar img {
    max-width: 350px;
    height: auto;
    max-height: 120px;
}
.login-change-btn button {
    border: 0;
    background: #fff;
    color: var(--main-color);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 70.023%;
    padding: 14px;
    border-radius: 10px 0px 0px 10px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin: 0 0 0 auto;
    width: 190px;
}
.login-change-btn {
    position: absolute;
    right: 0;
    transition: all 1s;
}
.login-change-btn.login-admin-btn {
    right: -190px;
}
.change-login-display.active .login-change-btn.login-admin-btn {
    right: 0px;
}
.change-login-display.active .login-change-btn.login-student-btn {
    right: -190px;
}
.student-login, .admin-login {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    transition: all 0.4s ease-in-out;
    border-radius: 40px;
    overflow: hidden;
}
.student-login {
    position: absolute;
    backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    width: 100%;
    transform: rotateY(180deg);
    z-index: 6;
    background: #fff;
}
.admin-login {
    position: absolute;
    backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    width: 100%;
    z-index: 2;
    background: #fff;
}
.change-login-display {
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 2;
}
.login-change-btn button svg path {
    fill: var(--main-color);
}
.login-forget-password {
    text-align: right;
    margin-top: 10px;
}
.login-forget-password a {
    color: #1B3775;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.login-right-side-inner .floating-label input {
    background: #F5F5F5;
    border: 0;
}
.login-right-side-inner .floating-label label {
    background-color: transparent;
    /* -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px); */
}
.login-right-side-inner .floating-label.error input {
    border: 1px solid red !important;
}
.login-right-side-inner .floating-label.error input[type=email] + span + label, 
.login-right-side-inner .floating-label.error input[type=email] + label {
    background: transparent;
    z-index: 0;
}
.login-right-side-inner .floating-label.error input[type=email] + label:after, 
.login-right-side-inner .floating-label.error input[type=email] + span + label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    background: whitesmoke;
    width: 100%;
    height: 14px;
    z-index: -1;
}
.lms-outer {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
    padding: 30px;
}
.lms-inner-box {
    padding: 20px 24px;
    margin-bottom: 30px;
    border: 1px solid #D6D6D6;
    border-radius: 20px;
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.10);
}
.lms-inner {
    display: flex;
    align-items: flex-start;
    column-gap: 40px;
    flex-flow: wrap;
}
.lms-inner-box {
    padding: 0;
    margin-bottom: 30px;
    border: 1px solid #D6D6D6;
    border-radius: 20px;
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.10);
    width: calc(50% - 20px);
}
.lms-inner-box-heading {
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.lms-inner-box-heading-icon {
    border-radius: 10px;
    background: #F5F3FF;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lms-inner-box-heading {
    background: #25A3B7;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
    padding: 20px;
    border-radius: 20px 20px 0 0;
}
.lms-inner-box-heading-content h5 {
    color: #fff;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 161.523%;
}
.lms-inner-box-heading-content p {
    color: #fff;
    font-size: 16px;
}
.lms-inner-box-content ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #d6d6d6;
    column-gap: 10px;
}
.lms-inner-box-content ul li:last-child {
    border-bottom: 0px solid #d6d6d6;
}
.lms-inner-box-content ul li a {
    display: flex;
    align-items: center;
    column-gap: 10px;
    border: 1px solid var(--main-color);
    padding: 6px 12px;
    border-radius: 10px;
    color: var(--main-color);
    font-size: 14px;
    width: 120px;
    white-space: nowrap;
}
.lms-inner-box-content ul li a svg path {
    fill: var(--main-color);
}
.lms-inner-box-heading.lms-speaking svg path {
    fill: #25a3b7;
}
.lms-inner-box-heading.lms-reading {
    background: #D04E4E;
}
.lms-inner-box-heading.lms-reading svg path{
    fill: #D04E4E;
}
.lms-inner-box-content li h5 {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 161.523%;
}
.lms-inner-box-heading.lms-writing {
    background: #461196;
}
.lms-inner-box-heading.lms-writing svg path{
    fill: #461196;
}
.lms-inner-box-heading.lms-listening {
    background: #D48310;
}
.lms-inner-box-heading.lms-listening svg path{
    fill: #D48310;
}
.lms-test-inner-box h5 {
    color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 40px;
}
.lms-test-progress {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    padding: 24px;
    border-radius: 10px;
    background: #fff;
    border: 2px solid #D6D6D6;
}
.lms-test-progress p {
    margin: 10px 0 15px;
}
.lms-test-skip-button button {
    border-radius: 6px;
    background: var(--main-color);
    border: 0;
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 162%;
    padding: 10px 30px;
    margin-bottom: 40px;
}
.lms-test-inner-box {
    position: relative;
    margin-bottom: 50px;
}
.lts-play-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00000070;
}
.lts-play-btn-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff;
}
.lts-play-btn-icon svg path{
    fill: var(--main-color);
}
.lts-play-btn-icon svg{
    margin-left: 5px;
}
.lts-play-btn-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.lms-test-progress .progress-bar {
    background-color: var(--main-color);
}
.lms-inner-test-button {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.lms-btn1 {
    border: 0;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    border-radius: 8px;
    background: #1B3775;
    color: #FFF;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.lms-btn1 svg {
    width: 8px;
    height: auto;
}
.lms-btn1 svg path{
    fill: #fff;
}
.lms-inner-result-btn-box button svg {
    width: 24px;
    height: auto;
}
.lms-inner-result-btn-box button {
    border: 0;
    padding: 0;
    background: transparent;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 70.023%;
}
span.lms-inner-result-btn-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #23c37e;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
}
.lms-inner-result-btn-box {
    display: flex;
    align-items: flex-start;
    column-gap: 40px;
    flex-flow: wrap;
    width: 100%;
    justify-content: center;
    row-gap: 40px;
    padding: 0 20px;
}
span.lms-inner-result-btn-icon svg path{
    fill: #fff;
}
.lms-answer span.lms-inner-result-btn-icon {
    background: #0081ae;
}
.lms-introduction span.lms-inner-result-btn-icon {
    background: #a30d62 ;
}
.lms-tips-tricks span.lms-inner-result-btn-icon {
    background:#d27171;
}
.lms-score span.lms-inner-result-btn-icon {
    background: #d8983c;
}
.introductionDetailBox p{
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
}
.introductionDetailBox p b{
    color:#000;
    font-weight: 600;
    border-bottom: 1px solid #fd9d01;
}
div#tipsTricksDetail li {
    display: flex;
    align-items: self-start;
    column-gap: 10px;
}
div#tipsTricksDetail li img {
    width: 14px;
    position: relative;
    top: 9px;
}
.image-type span.lms-inner-result-btn-icon {
    background: #4e9a9e;
}
button.image-type {
    position: relative;
}
button.image-type ul {
    position: absolute;
    background: #fff;
    padding: 0px;
    border-radius: 8px;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.10);
    top: 78px;
    width: 150px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}
button.image-type:hover ul {
    display: block;
}
button.image-type ul a {
    white-space: nowrap;
    color: #000;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 212.023%;
    padding: 7px 16px;
    border-bottom: 1px solid #d6d6d6;
    display: block;
}
button.image-type ul li:last-child a{
    border-bottom: 0;
}
button.image-type ul li a.active{
    background-color: var(--main-color);
    color: #fff;
}
span.image-badge.d-block {
    background-color: var(--main-color);
    color: #fff;
    font-size: 12px;
    padding: 8px;
    border-radius: 4px;
    margin-top: 7px;
}
.lms-test-progress-outer-chart .lms-test-progress-outer {
    width: 60%;
}
.lms-test-progress-outer-chart-img {
    width: 40%;
}
.lms-test-progress-outer-chart-img img{
    width: 100%;
}
.lms-test-progress-outer-chart {
    align-items: center;
}
.lms-test-skip-button {
    max-width: 600px;
    margin: 0 auto;
}
.lms-no-audio.text-center {
    min-height: calc(100% - 70px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.student-list-detail-box .plain-pricing-tab .nav-tabs .nav-item {
    width: 33.33%;
}
.student-list-detail-box .plain-pricing-tab ul.nav-tabs {
    background: #ecf3fb;
    width: 100%;
    border-radius: 6px;
    position: relative;
    z-index: 5;
}
.student-extra-detail ul li.expired {
    color: #FF1616;
}
.student-list-tab-box.plain-pricing-tab {
    display: flex;
    align-items: center;
    column-gap: 15px;
}
.student-list-tab-box.plain-pricing-tab .filter-icon {
    border-radius: 6px;
    background: #ecf3fb;
    margin-right: 0;
    height: 53.97px;
    width: 58px;
    cursor: pointer;
}
.student-list-tab-box.plain-pricing-tab .nav-tabs .nav-link {
    color: #343434;
    border-radius: 6px;
}
.student-list-tab-box.plain-pricing-tab  .nav-tabs .nav-link.active {
    color: #fff;
}
.student-list-tab-box.plain-pricing-tab .filter-icon svg path {
    fill: var(--main-color);
}
.no-data-found {
    text-align: center;
    padding-top: 60px;
}
.no-data-found h2 {
    color: #343434;
    font-family: Poppins;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    padding-top: 20px;
}
thead.studet-table-head tr:nth-child(2) th {
    background: transparent;
    padding: 10px 15px 10px 0px;
    border: 0;
}
thead.studet-table-head tr:nth-child(2) th:last-child {
    background: transparent;
    padding-right: 0;
    border: 0;
}
thead.studet-table-head tr:nth-child(2) th .student-table-name input {
    border: 1px solid #d6d6d6;
}
thead.studet-table-head tr:nth-child(2) th select, 
thead.studet-table-head tr:nth-child(2) th .custom-select-trigger{
    border: 1px solid #d6d6d6;
}
.single-profile-content span.price-plain-details-tooltip {
    background-color: var(--main-color);
}
.single-profile-content span.price-plain-details-tooltip:after {
    border-bottom: 10px solid var(--main-color);
}
.team-permission-checkbox-outer svg path {
    stroke: var(--main-color);
}
.volume-play-stop-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
}
.volume-play-stop-btn a {
    background: #a30d62;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 14px;
    color: #fff;
    width: 100px;
    margin-top: 20px;
}
.volume-play-stop-btn a.skip-audio {
    background-color: #d8983c;
}
.lms-select {
    background: #0e4166;
    color: #fff;
    border: 0;
    padding: 1px 4px;
}
.success, .text_green {
    background: #28A745;
    color: #fff !important;
    padding: 0 5px;
}
.wrong, .text_red{
    background: #F00;
    color: #fff !important;
    padding: 0 5px;
}
.alert-success {
    color: #0f5132;
    background-color: #28a74538;
    border-color: #28a74538;
    margin-left: 5px;
    padding: 2px 10px !important;
}
.lms-select-box p {
    line-height: 200%;
}
.multiple-choose-answer-box {
    margin-top: 20px;
}
.multiple-choose-answer-box h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    border-top: 1px solid #d6d6d6;
    padding-top: 20px;
}
.multiple-choose-answer-box input {
    margin: 0;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}
.multiple-choose-answer-box .form-check {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.multiple-choose-answer-box input:checked {
    background-color:var(--main-color) ;
    border-color:var(--main-color) ;
}
.multiple-choose-answer-box input:focus {
    border-color:var(--main-color) ;
}
.multiple-choose-answer-box label.form-check-label{
    line-height: 200%;
}
.lms-drag-and-drop ul {
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    padding: 20px 50px;
    margin-top: 15px;
    min-height: 200px;
}
.lms-drag-and-drop ul li {
    border: 1px solid #434343;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    position: relative;
}
.lms-drag-and-drop ul li:last-child {
    margin-bottom: 0px;
}
.pair-icon {
    position: absolute;
    left: 0;
}
.pair-icon img {
    width: 16px;
}
.pair-icon {
    position: absolute;
    left: -38px;
    display: flex;
    align-items: center;
    column-gap: 5px;
    bottom: -50px;
}
.fill_with_drop {
    border: 1px solid#000;
    display: inline-block;
    width: auto;
    min-width: 150px;
    text-align: center;
    font-size: 14px;
    padding: 0px 12px;
    height:30px;
    vertical-align: middle;
}
.lms-fill-in-the-blanks span {
    line-height: 200%;
}
.fill-in-the-blank-answer {
    background: #E7EFFA;
    border-radius: 8px;
    margin-top: 24px;
    padding: 24px;
}
.fill-in-the-blank-answer ul {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
    flex-flow: wrap;
    row-gap: 15px;
}
.fill-in-the-blank-answer ul li {
    width: auto;
    border: 1px solid #000;
    display: inline-block;
    padding: 2px 40px;
    font-size: 14px;
    border-radius: 2px;
    background: #fff;
    cursor: pointer;
    margin-right: 10px;
    color: #000;
    height: 25px !important;
    display: flex;
    align-items: center;
}
.multiple-choose-answer-box-radio input:checked{
    background-color: transparent;
}
.multiple-choose-answer-box-radio input{
    position: relative;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}
.pte-introduction-box h3 {
    font-size: 22px;
}
.multiple-choose-answer-box-radio input:checked:after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: #0E8FF7;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.summarize-written-text textarea {
    width: 100%;
    margin-top: 40px;
    border-radius: 10px;
    border: 1px solid #6e6e6e;
    padding: 20px 20px;
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.summarize-written-text-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0 0;
}
.summarize-written-text-btn-timer {
    display: flex;
    align-items: center;
}
.summarize-written-text-btn-timer {
    display: flex;
    align-items: center;
    column-gap: 6px;
}
.summarize-written-text-btn-box button {
    border: 2px solid var(--main-color);
    background: transparent;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 16px;
    font-weight: 500;
    color: var(--main-color);
}
.summarize-written-text-btn-box {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.lms-test-inner-box.pte-introduction-box p b {
    color: #000;
    font-weight: 600;
}
.lms-listening-fill-in-the-blanks span {
    line-height: 300%;
}
.lms-listening-fill-in-the-blanks input {
    text-align: center;
}
input[type=range].styled-slider {
    height: 16px;
    -webkit-appearance: none;
    width: 100%;
}
input[type=range].styled-slider.slider-progress {
    --range: calc(var(--max) - var(--min));
    --ratio: calc((var(--value) - var(--min)) / var(--range));
    --sx: calc(0.5 * 2em + var(--ratio) * (100% - 2em));
}
input[type=range].styled-slider:focus {
    outline: none;
}
input[type=range].styled-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 2em;
    height: 2em;
    border-radius: 1em;
    background: #007cf8;
    border: none;
    box-shadow: 0 0 2px black;
    margin-top: calc(max((1em - 1px - 1px) * 0.5,0px) - 2em * 0.5);
}
input[type=range].styled-slider::-webkit-slider-runnable-track {
    height: 1em;
    border: 1px solid #b2b2b2;
    border-radius: 0.5em;
    background: #efefef;
    box-shadow: none;
}
input[type=range].styled-slider:hover::-webkit-slider-runnable-track {
    background: #e5e5e5;
    border-color: #9a9a9a;
}
input[type=range].styled-slider::-webkit-slider-thumb:active {
    background: #2f98f9;
}
input[type=range].styled-slider:active::-webkit-slider-runnable-track {
    background: #f5f5f5;
    border-color: #c1c1c1;
}
input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {
    background: linear-gradient(#007cf8,#007cf8) 0/var(--sx) 100% no-repeat, #efefef;
}
input[type=range].styled-slider.slider-progress:hover::-webkit-slider-runnable-track {
    background: linear-gradient(#0061c3,#0061c3) 0/var(--sx) 100% no-repeat, #e5e5e5;
}
input[type=range].styled-slider.slider-progress:active::-webkit-slider-runnable-track {
    background: linear-gradient(#2f98f9,#2f98f9) 0/var(--sx) 100% no-repeat, #f5f5f5;
}
input[type=range].styled-slider::-moz-range-thumb {
    width: 2em;
    height: 2em;
    border-radius: 1em;
    background: #007cf8;
    border: none;
    box-shadow: 0 0 2px black;
}
input[type=range].styled-slider::-moz-range-track {
    height: max(calc(1em - 1px - 1px),0px);
    border: 1px solid #b2b2b2;
    border-radius: 0.5em;
    background: #efefef;
    box-shadow: none;
}
input[type=range].styled-slider::-moz-range-thumb:hover {
    background: linear-gradient(to right, #0061C3, #008000);
}
input[type=range].styled-slider:hover::-moz-range-track {
    background: #e5e5e5;
    border-color: #9a9a9a;
}
input[type=range].styled-slider::-moz-range-thumb:active {
    background: #2f98f9;
}
input[type=range].styled-slider:active::-moz-range-track {
    background: #f5f5f5;
    border-color: #c1c1c1;
}
input[type=range].styled-slider.slider-progress::-moz-range-track {
    background: linear-gradient(#007cf8,#007cf8) 0/var(--sx) 100% no-repeat, #efefef;
}
input[type=range].styled-slider.slider-progress:hover::-moz-range-track {
    background: linear-gradient(#0061c3,#0061c3) 0/var(--sx) 100% no-repeat, #e5e5e5;
}
input[type=range].styled-slider.slider-progress:active::-moz-range-track {
    background: linear-gradient(#2f98f9,#2f98f9) 0/var(--sx) 100% no-repeat, #f5f5f5;
}
input[type=range].styled-slider::-ms-fill-upper {
    background: transparent;
    border-color: transparent;
}
input[type=range].styled-slider::-ms-fill-lower {
    background: transparent;
    border-color: transparent;
}
input[type=range].styled-slider::-ms-thumb {
    width: 2em;
    height: 2em;
    border-radius: 1em;
    background: #007cf8;
    border: none;
    box-shadow: 0 0 2px black;
    margin-top: 0;
    box-sizing: border-box;
}
input[type=range].styled-slider::-ms-track {
    height: 1em;
    border-radius: 0.5em;
    background: #efefef;
    border: 1px solid #b2b2b2;
    box-shadow: none;
    box-sizing: border-box;
}
input[type=range].styled-slider::-ms-thumb:hover {
    background: linear-gradient(to right, #0061C3, #008000);
}
input[type=range].styled-slider:hover::-ms-track {
    background: #e5e5e5;
    border-color: #9a9a9a;
}
input[type=range].styled-slider::-ms-thumb:active {
    background: #2f98f9;
}
input[type=range].styled-slider:active::-ms-track {
    background: #f5f5f5;
    border-color: #c1c1c1;
}
input[type=range].styled-slider.slider-progress::-ms-fill-lower {
    height: max(calc(1em - 1px - 1px),0px);
    border-radius: 0.5em 0 0 0.5em;
    margin: -1px 0 -1px -1px;
    background: #007cf8;
    border: 1px solid #b2b2b2;
    border-right-width: 0;
}
input[type=range].styled-slider.slider-progress:hover::-ms-fill-lower {
    background: #0061c3;
    border-color: #9a9a9a;
}
input[type=range].styled-slider.slider-progress:active::-ms-fill-lower {
    background: #2f98f9;
    border-color: #c1c1c1;
}
.pte-introduction-box-chart-select {
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    margin-top: 10px;
}
.pte-introduction-box-chart-select .custom-select-wrapper {
    width: 120px;
    background: var(--main-color);
    color: #fff;
    border-radius: 8px;
    
}
.pte-introduction-box-chart-select svg {
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
}
.pte-introduction-box-chart-select svg path{
    stroke: #fff;
}
.pte-introduction-box-chart-select .custom-select.select {
    display: block;
    z-index: 1;
    cursor: pointer;
}
.pte-introduction-box-chart-select span.custom-select-trigger {
    background-color: var(--main-color);
    display: block;
    padding: 8px 10px;
    position: relative;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
}
.pte-introduction-box-chart-select .custom-options {
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10);
    padding: 0px 0px 10px;
    top: auto;
    bottom: 26px;
}
.pte-introduction-box-chart-select .custom-option {
    padding: 10px 12px;
    border-radius: 0;
    background: transparent;
    font-size: 14px;
    font-weight: 400;
}
.pte-introduction-box-chart-select .custom-option:last-child {
    border-bottom: 0px solid #56a0ec;
}
.csore-conversions-detail ul {
    margin-bottom: 20px;
}
.csore-conversions-detail ul li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.csore-conversions-detail ul li b{
    margin-right: 5px;
    border-bottom: 1px solid #000;
}
.csore-conversions-detail ul li svg{
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.add-material-outer-box iframe{
    width: 100%;
    max-width: 900px;
    min-height: 600px;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    padding: 5px;
}
.add-material-outer-box video {
    width: 100%;
    max-width: 900px;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    padding: 5px;
}
.form-select:focus {
    border-color: var(--main-color) !important;
    outline: 0;
    
    box-shadow: none;
}
/*--dashboard--*/
.dashbaord-new-feature {
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    display: flex;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    background-image: none !important;
}
.new-feature-icon {
    background: #28a745;
    width: 88px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 75px;
    padding: 10px 10px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 10px;
    box-shadow: 3px 0px 0 0 rgba(40, 167, 69, 0.10);
}
.new-feature-icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 10px;
    box-shadow: 6px 0px 0 0 rgba(40, 167, 69, 0.10);
    right: 0;
}
.new-feature-icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 10px;
    box-shadow: 9px 0px 0 0 rgba(40, 167, 69, 0.10);
    right: 0;
}
.new-feature-icon svg path {
    fill: #fff;
}
.new-feature-text-box {
    display: flex;
    align-items: center;
    column-gap: 40px;
    justify-content: space-between;
    width: 100%;
}
.new-feature-text-box p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.new-feature-text {
    display: flex;
    align-items: center;
    padding: 18px 25px 18px 116px;
    width: 100%;
    position: relative;
}
.new-feature-text:after {
    display: none;
}
.new-feature-text-box h3 {
    color: #343434;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 6px;
}
.new-feature-text-box a {
    color: #027dfe;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    border-bottom: 1px solid #027dfe;
}
.student-list-tab-box.plain-pricing-tab .student-list-tab button span svg {
    width: 16px !important;
    margin: 0 0 0 7px;
}
.student-list-tab-box.plain-pricing-tab .student-list-tab span.price-plain-details-tooltip {
    background-color: var(--main-color);
}
.student-list-tab-box.plain-pricing-tab .student-list-tab span.price-plain-details-tooltip p{
    color: #fff;
}
.student-list-tab-box.plain-pricing-tab .student-list-tab .active span svg path{
    stroke: #fff;
    fill: transparent;
}
.student-list-tab-box.plain-pricing-tab .student-list-tab .active span.price-plain-details-tooltip{
    background-color: #fff;
}
.student-list-tab-box.plain-pricing-tab .student-list-tab .active span.price-plain-details-tooltip p{
    color: var(--main-color);
}
.student-list-tab-box.plain-pricing-tab .student-list-tab  span.price-plain-details-tooltip:after{
    border-bottom: 10px solid var(--main-color);
}
.student-list-tab-box.plain-pricing-tab .student-list-tab .active span.price-plain-details-tooltip:after{
    border-bottom: 10px solid #fff;
}
.price-plan-student-detail {
    text-align: left;
}
.plain-pricng-detail-box:nth-child(3) .price-detail-bg-icon + svg {
    width: 60px;
}
.find-test-center-box-right .score-comparison-table thead th,
.find-test-center-box-right .score-comparison-table {
    border-radius: 0 !important;
}
.new-feature-icon svg {
    width: 40px;
}
.new-feature-text-box a {
    color: #fff;
    border: 0;
    background: #28a745;
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 16px;
    white-space: nowrap;
}
.new-feature-error .new-feature-icon{
    background: #d74250;
    box-shadow: 3px 0px 0 0 rgb(215, 66, 80, 0.10);
}
.new-feature-error .new-feature-text-box a {
    background: #d74250;
}
.new-feature-error .new-feature-icon:before {
    box-shadow: 9px 0px 0 0 rgb(215, 66, 80, 0.10);
}
.new-feature-error .new-feature-icon:after {
    box-shadow: 6px 0px 0 0 rgb(215, 66, 80, 0.10);
}
.new-feature-text-box-text h3 .ielts1 {
    color: #EC6562;
}
.new-feature-text-box-text h3 .pte1 {
    color: #4775B4;
}
.new-feature-text-box-text h3 .duolingo1 {
    color: #FDC40B;
}
.new-feature-text-box-text h3 .celpip1 {
    color: #CAA346;
}
.dashbaord-new-feature.dashbaord-new-feature3 .new-feature-icon {
    width: 60px;
    height: 60px;
    clip-path: unset;
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    padding: 15px;
}
.dashbaord-new-feature.dashbaord-new-feature3 .new-feature-text {
    padding: 16px 34px 16px 94px;
}
.dashbaord-new-feature.dashbaord-new-feature3.mt-4 {
    background-color: #027dfe;
}
.dashbaord-new-feature.dashbaord-new-feature3 .new-feature-icon {
    width: 60px;
    height: 60px;
    clip-path: unset;
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    padding: 15px;
    background: #fff;
}
.dashbaord-new-feature.dashbaord-new-feature3.mt-4 svg path {
    fill: #027DFE;
}
.dashbaord-new-feature.dashbaord-new-feature31 svg path {
    fill: #fff !important;
}
.dashbaord-new-feature.dashbaord-new-feature3 .new-feature-text {
    padding: 16px 34px 16px 94px;
}
.dashbaord-new-feature.dashbaord-new-feature3 .new-feature-text h3,
.dashbaord-new-feature.dashbaord-new-feature3 .new-feature-text p,
.dashbaord-new-feature.dashbaord-new-feature3 .new-feature-text a{
    color:#fff;
}
.dashbaord-new-feature.dashbaord-new-feature31 .new-feature-text h3,
.dashbaord-new-feature.dashbaord-new-feature31 .new-feature-text p,
.dashbaord-new-feature.dashbaord-new-feature31 .new-feature-text a{
    color:#027DFE;
}
.dashbaord-new-feature.dashbaord-new-feature3 .new-feature-text a{
    border-color:#fff;
}
.dashbaord-new-feature.dashbaord-new-feature31 .new-feature-text a{
    border-color:#027DFE;
}
.dashbaord-new-feature.dashbaord-new-feature3 .new-feature-text:after{
    background-color:#fff;
}
.dashbaord-new-feature.dashbaord-new-feature31 .new-feature-text:after{
    background-color:#027DFE;
}
.profile-detail-tab .student-list-watch-now a svg {
    width: 24px;
    height: auto;
    margin-right: 6px;
}
div.dataTables_wrapper div.dataTables_info {
    padding-top: 0 !important;
}
.add-student-dashboard {
    background-color: var(--main-color);
    border-radius: 20px;
    padding: 25px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.dashboard-plan-detail-box-outer {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.dashboard-plan-detail-box h6 {
    color: #616161;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 70.023%;
    margin-bottom: 16px;
}
.plain-detail-box-outer .dashboard-student-detail {
    padding-top: 23px;
    margin-top: 23px;
}
.dashboard-new-feature-box {
    border-radius: 15px;
    background: linear-gradient(130deg, #FFBC58 2.07%, #A14E00 96.73%);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.20);
    margin-top: 24px;
    padding: 34px 20px;
}
.dashboard-new-feature-box h4 {
    color: #FFF;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 12px;
}
text.highcharts-credits {
    display: none;
}
.dashboard-new-feature-box.feature-box2 {
    background: linear-gradient(130deg, #D096FE 2.07%, #77008A 96.73%);
}
.dashboard-new-feature-box.feature-box3 {
    background: linear-gradient(130deg, #6EA0E4 2.07%, #003988 96.73%);
}
.dashboard-new-feature-box.feature-box4 {
    background: linear-gradient(130deg, #00D4C8 -2.66%, #005B6F 104.06%);
}
div#dashboardChart {
    height: 260px;
}
.dashboard-total-student {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.dashboard-total-student h3 {
    color: rgba(0, 0, 0, 0.79);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    display: block;
    margin-bottom: 4px;
}
.dashboard-total-student h6 {
    color: rgb(33 33 33 / 51%);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
}
.dashboard-detail-student-box.dashboard-detail-tottal-student-box .dashboard-student-detail {
    padding: 3px;
}
.dashboard-chart-box {
    margin-bottom: 0px;
    position: relative;
}
.dashboard-new-feature-box p {
    color: #DEEDFF;
    text-align: justify;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.dashboard-plan-detail-box h3 {
    color: #616161;
    font-family: Poppins;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 70.023%;
}
.add-student-dashboard-content-img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 324px;
}
.add-student-dashboard-content h4 {
    color: #FFF;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}
.add-student-dashboard-content h4 span {
    display: block;
    font-size: 25px;
    line-height: normal;
    margin-top: 4px;
}
.add-student-dashboard-content p {
    color: #fff;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 6px 0 16px;
    opacity: .9;
}
.add-student-dashboard-content-btn {
    display: inline-block;
    border-radius: 8px;
    position: relative;
    transition: 0.4s;
}
.add-student-dashboard-content a {
    background-color: #FFF;
    color: var(--main-color);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 70.023%;
    padding: 16px 20px 16px;
    display: flex;
    border-radius: 8px;
    position: relative;
    transition: 0.4s;
    z-index: 2;
}
.puls1 {
    animation: pulse 2s linear infinite;
    background: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    left: 0;
    top: 0;
    z-index: 1;
}
.puls2 {
    animation: pulse2 2s linear infinite;
    background: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    left: 0;
    top: 0;
    z-index: 1;
    animation-delay: 1s;
}
@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 0 rgba(0, 184, 255, 0);
    }
    25% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(255, 255, 255, 0.4);
    }
    75% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.04), 0 0 0 15px rgba(255, 255, 255, 0.2);
    }
    100% {
        box-shadow: 0 0 0 25px rgba(255, 255, 255, 0), 0 0 0 20px rgba(255, 255, 255, 0);
    }
  }
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 0 rgba(0, 184, 255, 0);
    }
    25% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(255, 255, 255, 0.4);
    }
    75% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.04), 0 0 0 15px rgba(255, 255, 255, 0.2);
    }
    100% {
        box-shadow: 0 0 0 25px rgba(255, 255, 255, 0), 0 0 0 20px rgba(255, 255, 255, 0);
    }
}
.dashboard-card-box {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 20px 24px 20px;
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.10);
    position: relative;
    overflow: hidden;
}
.dashboard-card-box:before {
    width: 100%;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    z-index: 0;
    height: 100%;
    border-left: 4px solid #25a3b7;
    border-radius: 10px;
}
.dashboard-card-box:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 0;
    background:  #25a3b7;
    height: 100%;
    transition: all .4s;
    z-index: 1;
}
.dashboard-card-box:hover:after{
    width: 100%;
}
.dashboard-card-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    position: relative;
    z-index: 2;
}
.dashboard-card-outer {
    margin-top: 30px;
}
.dashboard-card-icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}
.dashboard-card-icon h2 {
    color: #25A3B7;
    font-size: 28px;
    transition: all .4s;
}
.dashboard-card-box:hover .dashboard-card-icon h2 {
    color: #fff;
}
.dashboard-card-icon-box {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #25A3B7;
}
.dashboard-card-icon-box svg path {
    stroke: #fff;
}
.dashboard-card-title h4 {
    font-size: 18px;
    transition: all .4s;
}
.dashboard-card-box:hover .dashboard-card-title h4 {
    color: #fff;
}
.dashboard-card-title-icon .dropdown .dropdown-toggle{
    width: 20px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    height: 20px;
}
.dashboard-card-title-icon svg{
    transform: rotate(90deg);
}
.dashboard-card-box.dashboard-card-box-basic:before  {
    border-color: #D04E4E;
}
.dashboard-card-box.dashboard-card-box-basic:after {
    background: #D04E4E;
}
.dashboard-card-box.dashboard-card-box-basic h2{
    color: #D04E4E;
}
.dashboard-card-box.dashboard-card-box-basic .dashboard-card-icon-box{
    background-color: #D04E4E;
}
.dashboard-card-box.dashboard-card-box-student:before {
    border-color: #461196;
}
.dashboard-card-box.dashboard-card-box-student:after {
    background: #461196;
}

.dashboard-card-box.dashboard-card-box-student h2{
    color: #461196;
}
.dashboard-card-box.dashboard-card-box-student .dashboard-card-icon-box{
    background-color: #461196;
}
.dashboard-card-box.dashboard-card-box-team:before {
    border-color: #D48310;
}
.dashboard-card-box.dashboard-card-box-team:after {
    background: #D48310;
}
.dashboard-card-box.dashboard-card-box-team h2{
    color: #D48310;
}
.dashboard-card-box.dashboard-card-box-team .dashboard-card-icon-box{
    background-color: #D48310;
}
.dashboard-card-title-icon ul.dropdown-menu {
    top: 0 !important;
    right: -10px !important;
    left: auto !important;
    box-shadow: 0px 1px 16px rgb(10 44 68 / 24%);
    border: 0;
    padding: 0;
    border-radius: 10px;
    width: auto !important;
    background-color: var(--main-color);
}
.dashboard-card-title-icon ul.dropdown-menu li a {
    font-size: 14px;
    padding: 10px 20px;
    border-bottom: 1px dashed #d6d6d659;
    background-color: transparent;
    color: #fff;
}
.dashboard-card-title-icon ul.dropdown-menu li:last-child a {
    border-bottom: 0px solid #d6d6d6;
}
.dashboard-card-title-icon ul.dropdown-menu:after {
    position: absolute;
    right: 12px;
    border-bottom: 8px solid var(--main-color);
    border-left:8px solid transparent;
    top: -8px;
    content: "";
    border-right: 8px solid transparent;
}
.student-edit-detail .student-edit-detail-box .floating-input:focus ~ label, 
.student-edit-detail .student-edit-detail-box .floating-input:not(:placeholder-shown) ~ label, 
.student-edit-detail .student-edit-detail-box .phone-floting label {
    backface-visibility: visible;
    background-color: #fff;
}
#editStudentDetail .student-edit-detail-box .floating-input[readonly] + label:after, .student-edit-detail .student-edit-detail-box .floating-input[readonly] + label:after  {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    height: 100%;
    background-color: #f6f7f8;
    z-index: -1;
    top: 8px;
}
#editStudentDetail .student-edit-detail-box .floating-input[readonly] + label, .student-edit-detail .student-edit-detail-box .floating-input[readonly] + label {
    background-color: transparent;
}

.account-expire .new-feature-icon {
    background: #F00;
}
.account-expire.dashbaord-new-feature2 .new-feature-text-box a{
    background: #F00;
}
.account-expire .new-feature-text:after {
    background:#F00;
}
.add-student-purchase-summary-detail-box.free span {
    color: #fff;
    background-color: #28A745;
    padding: 0px 6px;
    border-radius: 4px;
    display: block;
    margin-left: 4px;
    font-size: 12px;
    font-weight: 500;
}
.add-student-purchase-summary-detail-box.free {
    display: flex;
    align-items: center;
}
.dashboard-detail-student-box {
    padding: 24px;
    border-radius: 20px;
    background-color: #fff;
    height: 100%;
}
.dashboard-detail-student-box h2 {
    color: #343434;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dashboard-detail-student-box h2 a{
    font-size: 14px;
    border-bottom: 1px solid;
    line-height: 1;
    color: var(--main-color);
}
.dashboard-student-detail {
    display: flex;
    flex-flow: wrap;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #E9E9E9;
    
}
.dashboard-student-detail-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    column-gap: 15px;
}
.dashboard-student-detail h4 {
    color: #343434;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.dashboard-student-detail h4 span {
    display: block;
    color: #5c5c5c;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 84.023%;
    margin-top: 5px;
}
.dashboard-student-detail h5 {
    text-align: right;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 84.023%;
    white-space: nowrap;
}
h5.expire-one {
    color: #FF5C5C;
}
h5.expire-two {
    color: #D48D4B;
}
h5.expire-three {
    color: #70D54D;
}
.dashboard-student-detail ul li::after{
    width: 0;
}
.add-student-dashboard-content {
    max-width: calc(100% - 324px);
}
.dashboard-student-detail-outer {
    width: 100%;
}
.dashboard-chart-detail-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dashboard-chart-color {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background: #EC6562;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}
.dashboard-chart-detail-box-left, .dashboard-chart-detail-box-right {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.dashboard-chart-text h4 {
    color: #393939e0;
    text-align: left;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 8px;
}
.dashboard-chart-text h5 {
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    text-align: left;
}
.dashboard-chart-detail-box-right {
    min-width: 122px;
}
.not-permitted-outer {
    border-radius: 20px;
    background-color: #000000a6;
    position: absolute;
    top: -20px;
    left: 0;
    right: -25px;
    bottom: -30px;
    z-index: 4;
    display: none;
}
.dashboard-chart-detail .dashboard-chart-detail-box:first-child {
    margin-bottom: 26px;
}
.dashboard-chart-detail-box-left.ielts-box h5 {
    color: #EC6562;
}
.dashboard-chart-detail-box-left.pte-box h5 {
    color: #4775B4;
}
.dashboard-chart-detail-box-right.duolingo-box h5 {
    color: #FDC40B;
}
.dashboard-chart-detail-box-right.celpip-box h5 {
    color: #CAA346;
}
.dashboard-chart-detail-box-left.pte-box .dashboard-chart-color {
    background: #4775B4;
}
.dashboard-chart-detail-box-right.duolingo-box .dashboard-chart-color {
    background: #FDC40B;
}
.dashboard-chart-detail-box-right.celpip-box .dashboard-chart-color {
    background: #CAA346;
}
.not-permitted .tab-pane[data-restrict="false"] .not-permitted-outer{
    display: block;
}
.not-permitted-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    padding-top: 100px;
    text-align: center;
}
.not-permitted-content svg {
    width: 100px;
    height: 100px;
}
.not-permitted-content svg path{
    fill: #fff;
}
.not-permitted-content h4 {
    font-size: 34px;
    color: #fff;
    padding-top: 24px;
    text-transform: capitalize;
}
.login-background-image {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 500px);
    bottom: 0;
    height: 100%;
}
.login-background-image img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
a.back-to-login {
    position: absolute;
    top: 30px;
    left: 30px;
    color: var(--main-color);
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    column-gap: 5px;
}
a.back-to-login svg {
    width: 20px;
    height: 20px;
}
a.back-to-login svg path{
    stroke: var(--main-color);
}
.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label {
    opacity: 1;
}
.student-list-detail-box .student-list-detail-box-filter-left .filter-icon {
    flex: 0 0 46px;
}
.image-title-wrap a {
    margin-right: 10px;
    margin-left: 10px;
}
.student-list-add-new svg {
    margin-right: 6px;
}
.student-list-add-new svg path {
    fill: var(--main-color);
}
.student-extra-detail ul li.expire-2-days {
    color: rgba(255, 22, 22, 0.70);
}
.student-extra-detail ul li.expire-3-days {
    color: rgba(199, 95, 0, 0.70);
}
.student-extra-detail ul li.expire-5-days {
    color: rgba(51, 194, 0, 0.70);
}
.add-credit-icon-card {
    position: absolute;
    transform: rotate(20deg);
    bottom: -19px;
    left: -9px;
    z-index: -1;
}
.add-credit-icon-card svg {
    width: 164px;
    height: 164px;
    opacity: 0.3;
}
.add-credit-card-left {
    text-align: left;
}
.add-credit-card-left h3 {
    color: #FFF;
    font-family: Inter;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 105.8%;
}
.add-credit-card h2 span {
    color: rgba(255, 255, 255, 0.60);
    font-family: Inter;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.student-list-detail-box .plain-pricing-tab .nav-tabs .nav-item:first-child {
    position: relative;
    z-index: 1;
}
.upload-file-icon svg path {
    fill: var(--main-color);
}
.add-new-team svg path {
    fill: var(--main-color);
}
.no-data-found-img svg path {
    fill: var(--main-color);
}
/*--dark-mode--*/
.switch {
    cursor: pointer;
    margin: 0 auto 0;
    display: block;
    width: 16px;
    height: 16px;
    position: relative;
    scale: 1.8;
}
.switch input {
    display: none;
}
.switch input:checked ~ .switch__background {
    background-position: 20% 0%;
}
.switch input:checked ~ .switch__background:before {
    opacity: 0.9;
}
.switch input:checked ~ .switch__background:after {
    opacity: 0.5;
}
.switch input:checked ~ .switch__button {
    box-shadow: inset 3px 5px 3px #edf1f9;
    background: #c3c9d2;
}
.switch input:checked ~ .switch__button:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: -1px;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background: var(--main-color);
}
.switch__button {
    top: 2px;
    left: 5px;
    width: 14px;
    height: 14px;
    border-radius: 30px;
    position: absolute;
    transition: 0.2s ease all;
}
.switch__background {
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
}
.switch__background:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 4px;
    font-size: 6px;
    color: white;
    opacity: 0;
    transition: 0.2s ease all;
}
.switch__background:after {
    content: "";
    display: block;
    transition: 0.2s ease all;
    position: absolute;
    width: 12px;
    height: 12px;
    left: 5px;
    border-radius: 25px;
}
.dark-mode {
    display: block;
    margin-right: 30px;
}
.price-detail-bg-icon + svg path {
    fill: var(--main-color);
}
.email-copy-icon svg {
    overflow: unset;
}
.switch__button svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
    height: 15px;
}
.switch__button svg path {
    fill: #f1c530;
}
.switch input:checked ~ .switch__button svg{
    display: none;
}
/*----*/
.header-profile.dropdown ul.dropdown-menu li {
    position: relative;
}
.dark-mode-toggle input {
	display : none;
}
.dark-mode-toggle label {
    position: relative;
    cursor: pointer;
    display: block;
    width: 44px;
    height: 22px;
    background: #3d3d3d;
    border-radius: 50px;
    transition: 300ms linear;
}
.dark-mode-toggle label:before {
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: #ffffff;
    border-radius: 50%;
    transition: left 300ms linear;
}
.dark-mode-toggle input:checked + label {
	background: var(--main-color);
}
.dark-mode-toggle input:checked + label:before {
	left: 23px;
    background: #fff;
}
span.dark-mode-text span.light-text{
    display: none;
}
span.dark-mode-text span.dark-text{
    margin-right: 15px;
}
span.dark-mode-text span {
    color: var(--main-color);
    margin-right: 15px;
    font-size: 14px;
}
.header-profile.dropdown span.dark-mode {
    padding: 10px;
    margin: 0;
    justify-content: space-between;
    border: 1px solid var(--main-color);
    border-radius: 6px;
    margin-bottom: 6px;
}
.plain-pricng-detail-box.active .price-detail-bg-icon path {
    opacity: .3;
}
span.light-text svg path {
    fill: #fff;
    stroke: #fff;
}
span.dark-text svg path {
    stroke: var(--main-color);
}
span.dark-mode-text span {
    column-gap: 6px;
}
span.dark-mode-text span svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}
span#upload_error {
    font-size: 14px;
}
.delete-icon svg path {
    fill: var(--main-color);
}
span.new-badge {
    position: absolute;
    top: -5px;
    left: -6px;
    background-color: #EC6562;
    padding: 0px 8px;
    color: #fff;
    font-size: 10px;
    line-height: 1.6;
    border-radius: 2px 2px 2px 0px;
}
span.new-badge:after {
    content: "";
    position: absolute;
    top: 16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 0;
    border-color: transparent #EC6562 transparent transparent;
    left: 0;
    
}
.plain-pricng-detail-box.active .price-detail-bg-icon + svg {
    transform: scale(1.1);
}
.image-type {
    text-align: center;
}
.image-type span.text-center {
    background: transparent;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 70.023%;
    display: flex;
    justify-content: center;
}
.dashboard-outer {
    margin-bottom: 26px;
}
.edit-icon-box .delete-icon svg path {
    stroke: red;
    fill: transparent;
}
.annoucement-detail-content-box ol, 
.annoucement-detail-content-box ul {
    padding: 0 0 0 15px;
    margin: 15px 0 0;
}
.annoucement-detail-content-box ol li, 
.annoucement-detail-content-box ul li {
    font-size: 14px;
}
.annoucement-detail-content-box a {
    font-size: 14px;
}
.find-test-center.last-updated-data h4 {
    margin: 0;
}
.find-test-center.last-updated-data p {
    margin-bottom: 30px;
    color: #6e6e6e;
    font-size: 16px;
    padding-top: 6px;
}
.no_data_text.text-center.align-items-center h3 {
    font-size: 24px;
}
tbody.student-table-body-box a.btn.btn-sm.btn-outline-primary {
    background: var(--main-color);
    color: #fff;
    border: 0;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 15px;
    font-family: Poppins;
}
.btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus, 
.btn-check:focus+.btn, .btn:focus, 
.btn-outline-primary:active:focus {
    box-shadow: none;
}
.gurully-right-vontent-box .page-title-box_2 .card.col-md-12.p-0 {
    border-radius: 20px;
    background: #FBFBFB;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
    padding: 30px 30px !important;
    border: 0;
}
.gurully-right-vontent-box .container{
    padding: 0;
}
.gurully-right-vontent-box .page-title-box_2 .card-body.row.p-3 {
    padding: 0 !important;
}
.gurully-right-vontent-box .page-title-box_2 .card-header_1 h5.no-padding {
    color: #000;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 30px !important;
}
.gurully-right-vontent-box .border-bottom {
    border-bottom: 0 !important;
}
.gurully-right-vontent-box .page-title-box_2 .card-body.row.p-3 label {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 161.523%;
    margin: 0 0 2px !important;
}
.gurully-right-vontent-box .form-group .input-group .form-control {
    border-radius: 10px !important;
    border: 1px solid #6e6e6e;
    padding: 15px 20px;
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 10px;
}
.gurully-right-vontent-box textarea#comment {
    display: none;
}
.gurully-right-vontent-box .note-editor.note-frame.panel.panel-default {
    border-radius: 10px !important;
    border: 1px solid #6e6e6e;
}
.gurully-right-vontent-box .card-footer.text-muted.bg-transparent.border-top {
    margin-top: 15px;
    padding: 20px 0 0 0;
    border-top: 1px solid #dee2e6!important;
}
.gurully-right-vontent-box button#updatescore_btn {
    background: var(--main-color);
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    padding: 8px 23px;
    font-weight: 400;
    border: 0;
    margin: 0 0 0 auto;
    display: flex;
}
.gurully-right-vontent-box .page-title-box_2 .container-fluid {
    padding: 0;
}
.gurully-right-vontent-box .page-title-box_2 .card-body {
    padding: 0;
    margin: 0px 0 0px;
}
.page-content-wrapper-with-second-bar h5.no-padding.bg-transparent.m-0 {
    color: #000;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 30px !important;
}
.page-content-wrapper-with-second-bar .card-body {
    padding: 0;
}
.page-content-wrapper-with-second-bar {
    border-radius: 20px;
    background: #fff;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.12);
    padding: 30px 30px !important;
}
.page-content-wrapper-with-second-bar .col-md-12.tab-content.p-3 {
    padding: 0 !important;
}
.page-content-wrapper-with-second-bar .examList .card {
    border: 0;
}
.page-content-wrapper-with-second-bar .inner_card-border.inner_card-border-half.text-card {
    padding: 0;
    margin-bottom: 30px;
    border: 1px solid #D6D6D6;
    border-radius: 20px;
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.10);
    overflow: hidden;
    width: calc(50% - 12px);
}
.page-content-wrapper-with-second-bar .inner_card-border.inner_card-border-half.text-card .card-header.border-bottom {
    padding: 14px 20px;
}
.page-content-wrapper-with-second-bar .inner_card-border.inner_card-border-half.text-card .card_second_half.padding-2 {
    padding: 20px;
}
div#speaking .card-body .row {
    column-gap: 24px;
}
.page-content-wrapper-with-second-bar .card_second_half.card_second_half_audio {
    padding: 8px 20px;
}
div#writing p.col-md-12.no-padding.sample-ans_pg {
    margin-bottom: 10px;
}
.page-content-wrapper-with-second-bar p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 161.523%;
}
.page-content-wrapper-with-second-bar p img {
    margin: 30px 0 10px;
}
.page-content-wrapper-with-second-bar .col-md-12.inner_card-border.mt-3.text-card {
    padding: 0;
    margin-bottom: 30px;
    border: 1px solid #D6D6D6;
    border-radius: 20px;
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.10);
    overflow: hidden;
}
.page-content-wrapper-with-second-bar .col-md-12.inner_card-border.mt-3.text-card .card-header.border-bottom {
    padding: 15px 20px;
}
.page-content-wrapper-with-second-bar .col-md-12.inner_card-border.mt-3.text-card .card_second_half.card_height-header-footer {
    padding: 15px 20px;
}
.page-content-wrapper-with-second-bar .col-md-12.inner_card-border.mt-3.text-card .card-footer.border-top {
    padding: 15px 20px;
}
.page-title-box_2 .pte-test-center-outer .profile-detail-tab-heading .nav-link {
    width: 25%;
}
.volume-off {
    text-align: center;
    margin: 10px 0;
}
.sidebar_card .p-0.card {
    border: 1px solid #D6D6D6 !important;
    border-radius: 20px !important;
    overflow: hidden;
    margin-bottom: 24px;
    padding: 20px !important;
}
.sidebar_card .p-0.card .card-header.bg-white.mt-0 {
    padding: 0 0 20px !important;
    margin-bottom: 0;
    border: 0;
    background: transparent !important;
}

.sidebar_card .p-0.card .col-md-6.p-3.border-left {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    border-left: 1px solid #dfdfdf;
}
.sidebar_card .p-0.card .col-md-6.p-3 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.purple_text {
    color: #461196 !important;
}
.yellow_text {
    color: #d48310 !important;
 }
.teal_text {
    color: #42bace !important;
}
.red_text {
    color: #d04e4e !important;
}
.sidebar_card .table-responsive.card.p-0 {
    padding: 0 !important;
}
.sidebar_card .table-responsive.card.p-0 thead.thead-dark tr th {
    background: var(--background-color);
    font-size: 14px;
    font-weight: 600;
    padding: 15px 5px; 
}
.sidebar_card .table-responsive.card.p-0 tbody tr td:last-child {
    width: 30%;
}
.sidebar_card .table-responsive.card.p-0 tbody tr th:first-child {
    padding-left: 15px;
}
.sidebar_card .table-responsive.card.p-0 tbody {
    display: block;
    max-height: 600px;
    overflow-y: scroll;
}
.sidebar_card .table-responsive.card.p-0 tbody tr, .sidebar_card .table-responsive.card.p-0 thead tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.sidebar_card .table-responsive.card.p-0 thead.thead-dark tr th:first-child {
    padding-left: 15px;
}
.sidebar_card .p-0.card + .card {
    border: 1px solid #D6D6D6 !important;
    border-radius: 20px !important;
    overflow: hidden;
    margin-bottom: 24px;
    padding: 20px !important;
}
.sidebar_card .p-0.card + .card .card-header.bg-white.mt-0.p-3 {
    padding: 0 0 15px !important;
    background: transparent !important;
}
.sidebar_card .p-0.card .button_show h1 {
    font-size: 30px;
}
.sidebar_card .p-0.card .card-header.bg-white.mt-0 h5 {
    font-size: 18px;
}
.page-title-box_2 {
    margin-bottom: 30px;
}
.iti__country-list {
    z-index: 4 !important;
}
.sidebar_card .p-0.card + .table-responsive.card.p-0 {
    padding: 0 !important;
}
.sidebar_card .table-responsive.card.p-0 {
    padding: 0 !important;
}
.student-username-popup input[readonly] + label {
    background: transparent;
    z-index: 0;
}
.student-username-popup input[readonly] + label:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    height: 100%;
    background-color: #f6f7f8;
    z-index: -1;
    top: 10px;
}
.four-item .student-test-mock-detail-box-bottom ul {
    display: flex;
    align-items: center;
    flex-flow: wrap;
}
.four-item .student-test-mock-detail-box-bottom ul li {
    width: calc(50% - 18px);
}
.four-item .student-test-mock-detail-box-bottom ul li:nth-child(even) {
    margin: 0;
    padding: 0;
    width: 50%;
}
.four-item .student-test-mock-detail-box-bottom ul li:nth-child(even):after {
    display: none;
}
.four-item .student-test-mock-detail-box {
    padding-bottom: 16px;
    padding-top: 15px;
}
.four-item .student-test-mock-detail-box-top {
    margin-bottom: 10px;
}
button.btn-upgrade.already-upgraded-plan {
    opacity: .4;
    cursor: no-drop;
}
.note-editable {
    background: transparent !important;
}
.page-title-box_2 .pte-test-center-outer .profile-detail-tab-heading .nav-link svg {
    width: 20px;
    height: 20px;
}
.page-content-wrapper-with-second-bar.section-wise-test .listening-row-gap
.row {
    column-gap: 24px;
}
.mdi-circle:before {
    content: "";
    width: 14px;
    height: 14px;
    background: red;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
}
span.mdi.mdi-circle.mr-2.yellow_text.p-0:before {
    background: #d48310 !important;
}
.header-help-button.dropdown.header-profile .dropdown-toggle {
    min-width: auto;
}
.daterangepicker .calendar-table th, 
.daterangepicker .calendar-table td {
    color: #000;
}
span.validation-note {
    display: inline-block;
    margin: 10px 0 0;
    font-size: 14px;
    color: #6e6e6e;
}
div#daterange button {
    right: 0;
    border: 0;
    background: transparent;
    padding: 15px 10px 15px 50px;
    width: 100%;
    border-radius: 8px;
    margin: 0;
    color: #797979;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    font-family: 'Inter', sans-serif;
}
a.ui-state-default.ui-state-hover {
    background: var(--background-color) !important;
}
.calender-left {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}
div#daterange button > span.ui-button-icon.ui-icon.ui-icon-triangle-1-s {
    background-image: url(../images/arrow-right.svg) !important;
    background-position: center right 9% !important;
    background-repeat: no-repeat !important;
}
.comiseo-daterangepicker-presets {
    display: none !important;
}
.comiseo-daterangepicker-right .comiseo-daterangepicker-calendar {
    border-left-width: 0 !important;
    padding-left: 0 !important;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-right, 
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-left {
    border: 0 !important;
    background: transparent !important;
    padding: 10px 0 10px !important;
    font-size: 14px !important;
    font-family: Poppins !important;
    font-weight: 600 !important;
    color: #444444 !important;
}
.ui-datepicker th {
    text-align: center !important;
    font-weight: 600 !important;
    border: 0 !important;
    font-family: 'Poppins' !important;
    font-size: 14px !important;
    padding: 5px 0 !important;
}
.ui-datepicker-calendar .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0 !important;
    background: transparent !important;
    color: #555 !important;
    font-size: 12px !important;
    font-family: 'Poppins' !important;
    font-weight: 600 !important;
    text-align: center !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto;
}
.comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel {
    float: right !important;
    display: flex !important;
    flex-direction: row-reverse !important;
}
.comiseo-daterangepicker.comiseo-daterangepicker-right.ui-widget.ui-widget-content.ui-corner-all.ui-front {
    padding: 0;
    border-color: #ddd !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    z-index: 6 !important;
}
.ui-helper-clearfix {
    padding: 5px 10px !important;
    border: 0 !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}
.comiseo-daterangepicker-buttonpanel button {
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 14px !important;
    font-family: 'Poppins' !important;
    font-weight: 600 !important;
}
.comiseo-daterangepicker-buttonpanel button.ui-priority-primary.ui-button.ui-corner-all.ui-widget {
    background-color: var(--main-color) !important;
    color: #fff !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    margin-left: 10px !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid var(--main-color) !important;
    background: var(--main-color) !important;
    color: #fff !important;
}
.comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default {
    background: var(--main-color) !important;
    color: #fff !important;
}
td.ui-datepicker-week-end.ui-state-highlight.ui-datepicker-current-day {
    width: 30px !important;
}
.ui-widget-content {
    border-bottom: 0px solid #ddd !important;
}
.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    background-image: none !important;
    color: #fff;
    border: solid black;
    border-width: 0 2px 2px 0 !important;
    border-radius: 0;
    display: inline-block;
    padding: 3px !important;
    width: 8px !important;
    height: 8px !important;
    transform: rotate(-45deg) ;
}
.ui-datepicker .ui-datepicker-prev span {
    transform: rotate(135deg) !important;
}
span.student-list-watch-now-box.animated-watch-video svg {
    overflow: unset;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 9px !important;
}
td.ui-state-highlight {
    opacity: .8 !important;
}
.comiseo-daterangepicker-mask {
    z-index: 5 !important;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    background: transparent !important;
    border: 0 !important;
    font-size: 14px !important;
}
.snow-container {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    pointer-events: none;
}

.snowflake {
    position: absolute;
    background-color:#fff;
    border-radius: 50%;
    opacity: 0.8;
    pointer-events: none;
}

@keyframes fall {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
        transform: translateY(100vh);
    }
}

@keyframes diagonal-fall {
    0% {
        opacity: 0;
        transform: translate(0, 0);
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
        transform: translate(10vw, 100vh);
    }
}
li.gift-img img {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 0px;
    animation: gif 2s infinite;
    transition: .6s;
}
/* @keyframes gif {
    0% {transform: translatey(10px);}
    50% { transform:  translatey(-10px);;}
    100% {transform:  translatey(10px);}
} */
.santa-cap {
    position: absolute;
    width: 70px;
    right: -1px;
    top: 8px;
}
.dashboard-outer {
    position: relative;
}
.santa-paaji {
    position: absolute;
    top: -47px;
    left: auto;
    width: 70px;
    z-index: 1;
    right: 10px;
    animation: paji 20s infinite;
    transition: 20s;
}
@keyframes paji {
    0% {right: calc(100% - 80px);}
    50% { right: 10px;}
    100% {right: calc(100% - 80px);}
}
.content-heading-bar h1 {
    position: relative;
}
.plain-detail-box-outer {
    position: relative;
}
a.ui-state-default.ui-state-highlight.ui-state-active {
    background: var(--main-color) !important;
}
a.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover, 
a.ui-datepicker-next.ui-corner-all.ui-state-disabled.ui-state-hover.ui-datepicker-next-hover, 
a.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover {
    background: transparent !important;
    border: 0 !important;
    cursor: pointer;
}
a.ui-state-default.ui-state-highlight.ui-state-hover {
    background-color: var(--main-color) !important;
}
.dashboard-plan-detail-box.gcard.gcard-success {
    text-align: right;
}

@media(max-width: 1480px){
    .santa-cap {
        top: 21px;
    }
}
@media(max-width: 850px){
    .santa-cap {
        top: 33px;
    }
}
@media(max-width: 767px){
    .santa-cap {
        display: none;
    }
}

.institute-download-app.dashboard-detail-student-box {
    height: auto;
    margin-bottom: 24px;
    /* background-color: var(--main-color); */
}
.download-app-box-outer.dashboard-student-detail {
    justify-content: space-around;
    margin-top: 14px;
}
.download-app-box img {
    max-width: 170px;
    width: 100%;
    min-width: 170px;
}
.download-app-box-outer {
    display: flex;
}
.download-app-box-outer-box {
    width:calc(60% - 24px);
}
.qe-img {
    width: 40%;
}
.download-app-box-img {
    display: flex;
    align-items: center;
    column-gap: 24px;
    margin-top: 24px;
}
.download-app-box a {
    display: flex;
    width: 100%;
}
.download-app-box-outer-box h2 {
    color: #343434;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.download-app-box-outer-box p {
    color: #6e6e6e;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.download-app-box-outer {
    display: flex;
    column-gap: 24px;
}
.download-mpbile-app p {
    color: #F5F3FF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-right: 24px;
    transition: all .4s;
    display: flex;
    align-items: center;
    cursor: pointer;
}
div#downloadApp .download-app-box-outer {
    display: flex;
    column-gap: 24px;
    align-items: center;
}
div#downloadApp .download-app-box-outer-box {
    width: calc(60% - 24px);
}
div#downloadApp .qe-img {
    width: 40%;
    text-align: center;
    position: relative;
}
div#downloadApp .qe-img img {
    max-width: 60%;
    margin: 0 0 0 auto;
    width: 100%;
    z-index: 2;
    position: relative;
}
div#downloadApp .qe-img:after {
    position: absolute;
    width: 350px;
    height: 350px;
    background: #1b377561;
    top: 50%;
    left: 50%;
    z-index: 0;
    content: "";
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
div#downloadApp .qe-img:before {
    position: absolute;
    width: 290px;
    height: 290px;
    background: #1b377561;
    top: 50%;
    left: 50%;
    z-index: 0;
    content: "";
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
div#downloadApp .qe-img img:before {
    position: absolute;
    width: 270px;
    height: 270px;
    background: #1b377561;
    top: 50%;
    left: 50%;
    z-index: 0;
    content: "";
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
.download-mpbile-app p {
    display: flex;
    align-items: center;
    column-gap: 6px;
}
.download-mpbile-app p path {
    stroke-width: 1.3px;
}
.header-input-icon svg path {
    fill: var(--main-color);
}
.download-mpbile-app svg {
    overflow: unset;
}
.download-mpbile-app svg path:last-child {
    /* transform: translateY(-9px) scale(1.1); */
    transform-origin: center;
    transition: all .4s;
    animation: app 1.5s infinite;
    /* animation-delay: .4s; */
}
@keyframes app {
    0%   {transform: translateY(0px) scale(1);}
    50% {transform: translateY(-9px) scale(1.2);}
    100%   {transform: translateY(0px) scale(1);}
} 
p.created-student-icon-box {
    display: flex;
    align-items: center;
    column-gap: 5px;
    position: relative;
}
span.created-student-icon {
    position: relative;
    cursor: pointer;
}
span.created-student-icon-tooltip {
    position: absolute;
    border-radius: 10px;
    background: var(--main-color);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 10px 14px;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    visibility: hidden;
    opacity: 0;
    transition: all .4s;
    color: #fff;
}
span.created-student-icon-tooltip:after {
    position: absolute;
    content: "";
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 8px solid var(--main-color);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.created-student-icon:hover .created-student-icon-tooltip{
    visibility: visible;
    opacity: 1;
    top: -50px;
    z-index: 3;
}
span.created-student-icon.mobile-icon svg path {
    stroke: #0095FF;
    fill: #0095FF;
}
span.created-student-icon.website-icon svg path {
    stroke: #884DFF;
}
.comman-btn{
    background-color:var( --main-color) ;
    color: #fff;
    border: 1px solid var( --main-color)  ;
    border-radius: 10px;
}
.purchase-summary-box-credit.purchase-summary-item select {
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    background: transparent;
    padding: 7px 15px 7px 15px;
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    appearance: auto;
    position: relative;
    cursor: pointer;
}
/**note**/
.dashboards-note-textarea textarea {
    padding: 15px 26px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-top: 24px;
    height: 150px;
    border-radius: 10px;
}
.dashboards-note-textarea textarea::placeholder {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.dashboard-detail-student-box.dashboards-note-textarea-box{
    margin-top: 24px;
    height: auto;
}
.dashboard-detail-student-box.dashboards-note-textarea-box .floating-input:not(:placeholder-shown) ~ label,
.dashboard-detail-student-box.dashboards-note-textarea-box .floating-input:focus ~ label{
    top: -8px  !important;
}
.institute-information-reminder-outer {
    max-height: 260px;
    overflow-y: auto;
    overflow-x: unset;
    margin-top: 30px;
    padding: 0px;
}
.institiute-information-reminder-box {
    padding: 0;
    background: transparent;
    box-shadow: none;
}
.institiute-information-reminder-box-img {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    border: 1px solid #0279FE;
    border-radius: 50%;
    padding: 3px;
    overflow: hidden;
}
.institiute-information-reminder-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.institiute-information-reminder-box-content h4 {
    color: #1A1A1A;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 4px;
}
.institiute-information-reminder-box-content-bottom {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    row-gap: 4px;
}
.institiute-information-reminder-box-content-bottom h5 {
    color: #0279FE;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-right: 10px;
    position: relative;
    margin-right: 10px;
}
.institiute-information-reminder-box-content-bottom p {
    color: #6E6E6E;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    column-gap: 5px;
    padding-right: 10px;
    white-space: nowrap;
}
.institiute-information-reminder-box-content-bottom p svg {
    flex: 0 0 15px;
}
.institiute-information-reminder-box {
    padding: 0;
    background: transparent;
    box-shadow: none;
    display: flex;
    align-items: center;
    column-gap: 15px;
    border-radius: 10px;
    margin-bottom: 30px;
    overflow: hidden;
}
.institiute-information-reminder-box-content-bottom h5:after {
    position: absolute;
    content: "";
    height: 14px;
    width: 1px;
    background: #B3B3B3;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.institute-information-reminder-outer::-webkit-scrollbar {
    width: 6px;
}
.institute-information-reminder-outer::-webkit-scrollbar-track {
    background: #EAEEF5;
    border-radius: 10px;
}
.institute-information-reminder-outer::-webkit-scrollbar-thumb {
    background: #818487;
    border-radius: 10px;
}

@media(max-width:1400px){
    .dashboard-detail-student-box{
        height: auto;
    }
}

.student-test-mock-detail-box-outer.student-test-mock-detail-empty {
    display: flex;
    align-items: center;
    justify-content: center;
}
.col-xxl-4.dashboards-note-textarea-box-outer {
    width: calc(50% + 245px);
}
@media(max-width:1600px){
    .col-xxl-4.dashboards-note-textarea-box-outer {
        width: 100%;
    }
}