@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

::-webkit-scrollbar {
    width: 5px;
    background-color: #000;
}

::-webkit-scrollbar-thumb {
    background-color: #FF6839;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
}

::-moz-scrollbar {
    width: 5px;
    background-color: #000;
}

::-moz-scrollbar-thumb {
    background-color: #FF6839;
    border-radius: 10px;
}

::-moz-scrollbar-track {
    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
}

::-ms-scrollbar {
    width: 5px;
    background-color: #000;
}

::-ms-scrollbar-thumb {
    background-color: #FF6839;
    border-radius: 10px;
}

::-ms-scrollbar-track {
    -ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
}

::-o-scrollbar {
    width: 5px;
    background-color: #000;
}

::-o-scrollbar-thumb {
    background-color: #FF6839;
    border-radius: 10px;
}

::-o-scrollbar-track {
    -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
}

         

.scrollbar {
    background-color: #F5F5F5;
    float: left;
    height: 100%;
    width: 100%;
    overflow-y: scroll;
}


body {
    padding: 0px;
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #000;
    overflow-x: hidden;
	font-size: 14px;
}

* ul li,
a {text-decoration: none;list-style-type: none;color:#FF6839;}
a:hover {text-decoration: none;}

h1,
h2,
h3,
h4,
h5,
h6 {padding: 0px;margin: 0px;}

/*.btn {color: #fff;background-color: #FF6839;border-color: #FF6839;font-size: 14px;font-weight: bold;line-height: 25px;border-radius: 4px;padding: 8px 15px;}*/

.btn:active,
.btn.active,
.btn:focus,
.btn.focus,
.btn:hover {color: #fff;background-color: #252424;border-color: #FF6839;/*box-shadow: 0px 2px 20px 0.2rem rgb(255 104 57 / 30%)*/;}

.input-group-append {margin-left: 0px;}
.border_none {border:none !important;}

.clear {clear: both;}

.bg_img_01 {background: url(../img/bg_img_01.png);width: 100%;background-size: cover;background-position: center center;height: auto;min-height: 100vh;padding: 8% 15px;}
.login_form {margin: 0 auto;width: 100%;max-width: 650px;background: #fff;padding: 30px 0;border-radius: 4px;box-shadow: 0px 0 20px #232323;}
.login_form_heading {text-align: center;border-bottom: #bcbcbc solid 1px;padding: 0 0 20px;}
.login_form_heading h1 {font-size: 22px;text-transform: uppercase;margin: 5px 0 0;}
.login_form_heading p {font-size: 12px;margin: 0;color:#999999;}
.login_form form {padding: 30px 70px;}
.login_form .btn {background: #ffad80; /* Old browsers */
background: -moz-linear-gradient(top,  #ffad80 0%, #ff769d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffad80 0%,#ff769d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffad80 0%,#ff769d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffad80', endColorstr='#ff769d',GradientType=0 ); /* IE6-9 */
width: 100%;border-radius: 100px;font-size: 14px;font-weight: 400;text-transform: uppercase;height: 45px;box-shadow: 0px 2px 10px #ff91a2;margin: 10px 0 18px;}
.login_form .btn:hover {
background: #ffad80; /* Old browsers */
background: -moz-linear-gradient(left,  #ffad80 0%, #ff769d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffad80 0%,#ff769d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffad80 0%,#ff769d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffad80', endColorstr='#ff769d',GradientType=1 ); /* IE6-9 */
transition: all 0.3s linear;}
.login_form label {color: #696969;font-size: 12px;font-weight: 400;margin: 0 0 2px;}
.login_form .form-control {position: relative;height: 55px;border-radius: 100px;padding: 0 45px;}
.login_form form img {position: relative;margin-top: -68px;margin-left: 20px;}
.login_form .form-control {position: relative;height: 45px;border-radius: 100px;padding: 0 20px 0 48px;font-size: 12px;color: #9b9b9b;}
.login_form form .form-group {margin: 0;}
.login_form form .form-control:focus {box-shadow: none;border:#ff91a2 solid 1px;}
.login_form form p {text-align: center;margin: 0;}
.login_form form a {text-align: center;margin: 4px 0 0;width: 100%;display: inline-block;font-size: 12px;color: #2697e9;}
.login_form form a:hover {color: #12142d;}


.navbar {padding: 10px 0px;border: none;border-radius: 0;background: #f55b20;background: -moz-linear-gradient(left, #f55b20 0%, #de2a12 100%);
background: -webkit-linear-gradient(left, #f55b20 0%,#de2a12 100%);
background: linear-gradient(to right, #f55b20 0%,#de2a12 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f55b20', endColorstr='#de2a12',GradientType=1 );}
.navbar-btn {box-shadow: none;outline: none !important;border: none;}
.menu_top button {background: none;border: none;color: #fff;font-size: 18px;padding: 0;margin: 0;cursor: pointer;}
button:focus {outline: none;}
#navbarSupportedContent li a {color: #f4f4f4;font-size: 14px;font-weight: 400;letter-spacing: 0.3px;border-left: #ef9082 solid 1px;padding: 6px 12px;}
#navbarSupportedContent li a:hover {color: #12142d;}

.wrapper {display: flex;width: 100%;align-items: stretch;}
.sidebar-header {height: auto;text-align: center;min-height: 55px;line-height: 55px;background: #fff;}
#sidebar {min-width: 280px;max-width: 280px;transition: all 0.3s;background: #12142d;}
#sidebar.active {margin-left: -280px;}
#sidebar ul li a {font-size: 14px;display: block;color: #cdcdd0;padding: 12px 22px;border-left: 3px solid #12142d;position:relative;}
#sidebar ul li a:hover {background: #2a2b42;color: #fff;border-left: #f1521d solid 3px;}
#sidebar ul li ul li a img {width: 24px;}
#sidebar ul li ul li a {padding: 12px 0 12px 45px;}

.components {background: #12142d;color: #cdcdd0;display: inline-block;width: 100%;}
.components h1 {background: #2697e9;margin: 22px 20px;height: 45px;text-align: center;color: #fff;font-size: 18px;text-transform: uppercase;font-weight: 400;letter-spacing: 1px;line-height: 45px;border-radius: 8px;box-shadow: 0px 2px 20px 0.2rem rgb(38 151 233 / 30%)}
.components li a.active {background: #2a2b42;color: #fff !important;border-left: #f1521d solid 3px !important;}
.components li a img {margin: 0 12px 0 0;}

.master_icon_cirlce {background: #e7f3ff;width: 35px;height: 35px;display: inline-block;text-align: center;line-height: 23px;border-radius: 50%;border: #fff solid 5px;position: relative;margin-top: 0px;box-shadow: 0px 2px 20px 0.2rem rgb(0 0 0 / 15%);}
.master_icon_cirlce em {background: #408bfd;width: 10px;height: 10px;border-radius: 50px;position: absolute;right: -5px;top: -3px;box-shadow: 0px 2px 20px 0.2rem rgb(0 0 0 / 15%);}
.heading_top_box {background: #ffffff;width: 100%;border-radius: 0 0 20px 20px;box-shadow: 0px 2px 20px 0.2rem rgb(0 0 0 / 10%);margin: 0 0 24px;height: auto;min-height: 45px;}
.heading_top_box h1 {color: #666666;font-size: 16px;padding: 15px 30px;font-weight: 400;letter-spacing: 0.3px;}

#sidebar .dropdown-toggle::after {display: block;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);width: 16px;height: 8px;background: url(../img/menu_arrow_down.png);border:none;}
.abacus_img_box {background: #fff;margin: 50px 15px 0;border-radius: 8px;float: left;width: 90%;}
.abacus_img_box img {position: relative;float: right;margin: 0 30px;}

#content {background: #f4faff;width: 100%;padding: 0px;min-height: 100vh;transition: all 0.3s;}


.welcome_box {
    background: none;
    border-radius: 0;
    padding: 0 15px;
    width: 100%;
    float: left;
    /* background-image: url(../img/boy_img_new.png); */
    background-repeat: no-repeat;
    background-position: 100% 100%;
    height: auto;
    min-height: 118px;
    margin: 0 0 10px;
}

.welcome_box_left {float: left;width: 70%;margin: 28px 0 30px;}
.welcome_box_left h1 {font-size: 24px;color: #000; line-height: 35px;}
.welcome_box_left p {font-size: 12px;color: #304156;margin: 10px 0;}
.welcome_box_left a {background: #2697e9;color: #fff;border-radius: 30px;width: 140px;height: 40px;display: block;text-align: center;font-size: 12px;line-height: 40px;box-shadow: 0px 2px 20px 0.2rem rgb(38 151 233 / 30%);}
.welcome_box_left a:hover {background: #12142d;color: #fff;}
.welcome_box_right {float: right;width: 30%;margin: 0;    text-align: right;}
.welcome_box_right img {width: 100%;}
 .welcome_box_right img {width: 50%;vertical-align: bottom;/*display: flex;margin: 10% 0 0;*/} 

.welcome_bottom {width: 100%;float: left;margin: 0 0 20px 0;}
.welcome_bottom h1 {font-size: 15px;text-transform: uppercase;font-weight: 400;color: #222222;}
.welcome_bottom b {font-weight: normal;font-size: 14px;color: #a9a9a9;}
.welcome_bottom button {background: none;padding: 0;margin: 0;border: none;font-size: 12px;color: #a9a9a9;}
.welcome_bottom .dropdown-toggle::after {border: none;}
.welcome_bottom i {color: #000;font-size: 18px;position: relative;top: 3px;}

.mozilla_full {float: left;width: 100%;}

[class*="dropdown-menu-tip-"]::after {
  content: '';
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  background-color: white;
  border: solid 1px rgba(0, 0, 0, .15);
  border-bottom: none;
  border-left: none;
}
.dropdown-menu-tip-n::after {
  top: calc(-.25rem - 1px);
  left: calc(50% - .25rem);
  transform: rotate(-45deg);
}
.dropdown-menu-tip-ne::after {
  top: calc(-.25rem - 1px);
  right: 1rem;
  transform: rotate(-45deg);
}
.dropdown-menu-tip-nw::after {
  top: calc(-.25rem - 1px);
  left: 1rem;
  transform: rotate(-45deg);
}
.dropdown-menu-tip-s::after {
  left: calc(50% - .25rem);
  bottom: calc(-.25rem - 1px);
  transform: rotate(135deg);
}
.dropdown-menu-tip-se::after {
  right: 1rem;
  bottom: calc(-.25rem - 1px);
  transform: rotate(135deg);
}
.dropdown-menu-tip-sw::after {
  left: 1rem;
  bottom: calc(-.25rem - 1px);
  transform: rotate(135deg);
}

.three_box {padding: 12px 10px;width: 100%;margin: 0 0 0px;border-radius: 15px;float: left;height: auto;min-height: 270px;background: url(../img/g_1.png);background-size: cover;background-position: center top;background-repeat: no-repeat;}
.three_box1 {background: url(../img/g_2.png);background-size: cover;background-position: center top;background-repeat: no-repeat;}
.three_box2 {background: url(../img/g_3.png);background-size: cover;background-position: center top;background-repeat: no-repeat;}
      
.three_box .dropdown {width: 100%;text-align: right;}
.three_box button {background: none;padding: 0;margin: 0;border: none;font-size: 13px;color: #a9a9a9;}
.three_box .dropdown-toggle::after {border: none;}
.three_box i {color: #fff;font-size: 18px;}


.last_box {padding: 12px 10px;width: 100%;margin: 0 0 0px;border-radius: 15px;float: left;height: auto;min-height: 65px;background: url(../img/g_3.png);background-size: cover;background-position: center top;background-repeat: no-repeat;}

.last_box .dropdown {width: 100%;text-align: right;}
.last_box button {background: none;padding: 0;margin: 0;border: none;font-size: 13px;color: #a9a9a9;}
.last_box .dropdown-toggle::after {border: none;}
.last_box i {color: #fff;font-size: 18px;}


.last_boxsinquiry {padding: 22px 10px; margin: 0 0 0px;border-radius: 15px;float: left;height: auto;min-height: 65px;background: url(../img/g_3.png);background-size: cover;background-position: center top;background-repeat: no-repeat; font-size:30px;}


.three_box2_last {background: url(../img/g_3.png);background-size: cover;background-position: center top;background-repeat: no-repeat; margin-bottom: 0px;}
.three_box3_last {background: url(../img/g_2.png);background-size: cover;background-position: center top;background-repeat: no-repeat; margin-bottom: 30px;}
.padding_force { padding-right: 5px !important;     padding-left: 5px !important;}

.padding_force_zero { padding-right: 0px !important;     padding-left: 0px !important;}
.class_box {float: left;width: 100%;margin: 5px 0 0;height: auto;/*min-height: 65px;*/}
.class_left {
background: rgb(104,140,246); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(104,140,246,1) 0%, rgba(105,133,245,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(104,140,246,1) 0%,rgba(105,133,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(104,140,246,1) 0%,rgba(105,133,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#688cf6', endColorstr='#6985f5',GradientType=1 ); /* IE6-9 */
float: left;border-radius: 100px;width: 70px;height: 70px;margin: 0 10px 0 0;}

.padding-custom {
    padding: 22px 23px 8px;
}

.inner_btn_two {margin: 15px 0 0 !important;}
.three_box2_last_new {
    height: auto;
    min-height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.heading-step {font-size: 18px;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    font-weight: 400;
    text-transform: uppercase;
    margin: 5px 0 10px;}
.upcoming-box {
    width: 100%;
    margin: 0 auto;
    max-width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.class_top {
background: rgb(104,140,246); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(104,140,246,1) 0%, rgba(105,133,245,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(104,140,246,1) 0%,rgba(105,133,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(104,140,246,1) 0%,rgba(105,133,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#688cf6', endColorstr='#6985f5',GradientType=1 ); /* IE6-9 */
border-radius: 100px;width: 100px;height: 100px;margin: 0 auto 15px;}

.three_box1 .class_left {background: #4f00ba;
background: -moz-linear-gradient(left, #4f00ba 0%, #6100bf 49%, #6205be 51%, #6303c0 55%, #6307bf 56%, #6507c0 60%, #650cbf 61%, #670ac1 65%, #6a12c1 72%, #6b10c2 77%, #6d16c2 83%, #6f15c2 88%, #7018c1 89%, #7217c3 93%, #751cc3 100%);
background: -webkit-linear-gradient(left, #4f00ba 0%,#6100bf 49%,#6205be 51%,#6303c0 55%,#6307bf 56%,#6507c0 60%,#650cbf 61%,#670ac1 65%,#6a12c1 72%,#6b10c2 77%,#6d16c2 83%,#6f15c2 88%,#7018c1 89%,#7217c3 93%,#751cc3 100%);
background: linear-gradient(to right, #4f00ba 0%,#6100bf 49%,#6205be 51%,#6303c0 55%,#6307bf 56%,#6507c0 60%,#650cbf 61%,#670ac1 65%,#6a12c1 72%,#6b10c2 77%,#6d16c2 83%,#6f15c2 88%,#7018c1 89%,#7217c3 93%,#751cc3 100%); }
/* .three_box1 .class_right h1 {margin: 10px 0;} */

.three_box2 .class_left {background: rgb(255,137,147); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,137,147,1) 0%, rgba(255,113,160,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,137,147,1) 0%,rgba(255,113,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,137,147,1) 0%,rgba(255,113,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8993', endColorstr='#ff71a0',GradientType=1 ); /* IE6-9 */}
.three_box2 .class_right h1 {margin: 10px 0 31px;}
.class_left_inner {background: #fff;float: left;border-radius: 100px;padding: 15px;width: 64px;height: 64px;margin: 3px;text-align: center;line-height: 30px;}
.class_left_inner_top {background: #fff;float: left;border-radius: 100px;padding: 28px;width: 90px;height: 90px;margin: 5px;text-align: center;line-height: 30px;}
.class_right h1 {font-size: 16px;line-height: 24px;color: #fff;/*text-transform: uppercase;*/font-weight: 400;vertical-align: middle; width: 100%;    text-align: center;}
.class_btn {float: left;width: 100%;margin: 20px 0;}
.class_btn a {width: auto;border: #fff solid 2px;border-radius: 50px;height: 35px;display: block;text-align: left;padding: 7px 15px;color: #fff;font-weight: 400;margin: 0 0px;}
.class_btn a:hover {background: #12142d;border:#12142d solid 2px}
.class_btn img {text-align: right;float: right;padding: 2px 0;}


.inner_btn {width: 100%;margin: 10px 0; text-align: center;}
.inner_btn a {width: auto;border: #fff solid 2px;border-radius: 50px;height: 35px;display: block;text-align: left;padding: 7px 14px;color: #fff;font-weight: 400;}
.inner_btn a:hover {background: #12142d;border:#12142d solid 2px}
.inner_btn img {
    text-align: right;
    float: right;
    padding: 5px 0px;
    position: relative;
    left: 8px;
}

.inner_btnmtop {width: 100%;text-align: center; font-size: 20px;}
.inner_btnmtop a {width: auto;border: #fff solid 2px;border-radius: 50px;height: 35px;display: block;text-align: left;padding: 2px 20px;color: #fff;font-weight: 400;}

.medals-box-inner {display: flex;width: 100%;gap: 10px;margin: 15px 0;align-items: center;justify-content: center;}
.medals-box-inner-img {text-align: center;}
.medals-box-inner-img img {width: 85%;}

.call_us_box {background: #fff;border-radius: 15px;padding: 8px 15px;box-shadow: 0px 1px 5px 0.1rem rgb(38 151 233 / 10%);width: 100%;float: left;margin:0 0 30px;}
/* .call_us_box img {float: left;} */
.call_us_box h1 {display: inline-block;color: #FF6839;font-size: 18px;text-transform: uppercase;line-height: 50px;padding: 0 15px;text-align: center;}
.call_us_box span {color: #000;}
.call_us_box a {border: #2697e9 solid 1px;display: inline-block;border-radius: 20px;height: 35px;width: 100%;text-align: center;color: #2697e9;font-size: 15px;padding: 7px 15px;margin: 4px 0;box-shadow: 0px 1px 5px 0.1rem rgb(38 151 233 / 10%);float: right;}
.call_us_box a:hover {background: #12142d;border: #12142d solid 1px;}

.right_box {background: #fff;border-radius: 15px;padding: 25px 15px;box-shadow: 0px 1px 5px 0.1rem rgb(38 151 233 / 10%);width: 100%;float: left;height: auto;/*min-height: 590px;*/}
#arc, #arc::before {display: block;box-sizing: border-box;border-radius: 100%;width: 90px;height: 90px;position: absolute;background-color: transparent;padding: 0;margin: 0;}
#arc {margin: -4px 0;border: solid #c6d6e3 5px;clip: rect(0px, 100px, 75px, 0px);border-radius: 50px;}
#arc::before {content: '';border: solid #ee1b58 5px;top: -5px;left: -5px;clip: rect(0px, 100px, 70px, 0px);transform: rotate(-80deg);}
.progress_box {float: left;width: 100%;}
.progress_box_left img {
    position: relative;
    left: -2px;
    top: 12px;
    width: 45px;
    margin: 0 auto;
    text-align: center;
}
/*.progress_box_left img {position: relative;left: 23px;top: 21px;width: 45px;}*/
.progress_box_left {
    float: left;
    width: 90px;
    text-align: center;
}
.progress_box_right {
    width: 64%;
    float: left;
    text-align: center;
}
.progress_box_right h1 {font-size: 28px;color: #e94219;font-weight: 400;}
.progress_box_right h2 {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

.store {float: left;width: 100%;background: #e7f3ff;text-align: center;height: 50px;border-radius: 8px;margin: 0px 0 10px;}
.store h1 {
    font-size: 22px;
    font-weight: 600;
    line-height: 52px;
    text-transform: uppercase;
}
.store h1 img {position: relative;top: 8px;}

.my_madels {float: left;width: 100%; text-align: center;}
.my_madels ul {margin: 0;padding: 0;}
.my_madels ul li {background: #fff;width: 45%;height: auto;border-radius: 15px;float: left;border: #d3f0ff solid 1px;text-align: center;margin: 20px 20px 0 0;box-shadow: 0px 1px 15px 0.1rem rgb(38 151 233 / 10%);padding: 10px;min-height: 100px;}
.my_madels ul li h2 {color: #4f4f4f;font-size: 18px;margin: 5px 0 0;}
.my_madels ul li img {width: 70px;}
.my_madels img.img-fluid {position: relative;top: -7px; width: 50%;}

.class_right {
    margin: 0 auto;
    width: 100%;
    max-width: 225px;
}

.store_gift {float: left;width: 100%; text-align: center;}
.store_gift ul {margin: 0;padding: 0;}
.store_gift ul li {
    background: #fff;
    width: 27%;
    height: auto;
    border-radius: 15px;
    float: left;
    border: none;
    text-align: center;
    margin: 9px 8px 0;
    box-shadow: none;
    padding: 0px;
    min-height: 100px;
}
.store_gift ul li h2 {color: #4f4f4f;font-size: 18px;margin: 5px 0 0;}
.store_gift ul li img {width: 90px;}

.level-1 {
    margin: 0px 0 30px;
}
.overlay {position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(4, 78, 190, 0.6);z-index: 1;border-radius: 20px 20px 0 0;}

.overlay_game {position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(240, 90, 74, 0.6);z-index: -1;border-radius: 20px 20px 0 0;}

.video_bar_bottom img, .video_bar img {width: 100%;}
.video_full {background: #fff;width: 100%;border-radius: 15px;height: auto;min-height: 445px;box-shadow: 0px 1px 5px 0.1rem rgb(38 151 233 / 10%);margin:0 0 20px 0;}
.video_full_inner {padding: 8px;}
.video_full_screen {min-height: 549px;height: 100%;width: 100%;position: relative;border-radius: 20px 20px 0 0;text-align: center;line-height: 520px;}
.video_bar_bottom {margin: 10px 0 0;}
.video_bar {padding: 0 0 10px;}
.btn_up {position: relative;z-index: 9;}

.teacher_video_full {background: #fff;width: 100%;border-radius: 15px;height: auto;min-height: 165px;box-shadow: 0px 1px 5px 0.1rem rgb(38 151 233 / 10%);margin: 0 0 20px 0;}
.teacher_video {height: 100%;width: 100%;position: relative;border-radius: 20px;text-align: center;line-height: 165px;}
.teacher_video .overlay {background-color: rgba(0, 0, 0, 0.2);z-index: 1;border-radius: 20px;}
.teacher_video_inner {padding: 5px;}
.teacher_video h1 {position: absolute;bottom: 10px;font-size: 14px;text-align: center;color: #fff;z-index: 9;left: 25%;right: 25%;}

.right_box2 {background: #fff;border-radius: 15px;padding: 10px 0;margin:0 0 20px;box-shadow: 0px 1px 5px 0.1rem rgb(38 151 233 / 10%);width: 100%;float: left;height: auto;}
.heading_01 {padding: 10px 20px;border-bottom: #f6f6f6 solid 1px;width: 100%;position: relative;margin: 0 0 8px;}
.heading_01 img {position: relative;top:-6px}
.heading_01 h1 {font-size: 14px;color: #95a5a6;font-weight: 400;padding: 0;}
.heading_01::before {content: '';position: absolute;bottom: 0;left: 50px;width: 65px;height: 2px;background: #f4764a;}


.heading_02 {padding: 31px 20px;border-bottom: #f6f6f6 solid 1px;width: 100%;position: relative;margin: 0 0 17px;}
.heading_02 img {position: relative;top:-6px}
.heading_02 h1 {font-size: 14px;color: #95a5a6;font-weight: 400;padding: 0;}
.heading_02::before {content: '';position: absolute;bottom: 0;left: 50px;width: 65px;height: 2px;background: #f4764a;}

.point {height: 382px;overflow-y: auto;}
.point2 {height: 482px;}
.point::-webkit-scrollbar-thumb {background-color: #408bfd;border-radius: 50px;}
.point::-webkit-scrollbar {width: 5px;}

.point::-moz-scrollbar-thumb {background-color: #408bfd;border-radius: 50px;}
.point::-moz-scrollbar {width: 5px;}

.point::-ms-scrollbar-thumb {background-color: #408bfd;border-radius: 50px;}
.point::-ms-scrollbar {width: 5px;}

.point ul {margin: 0;padding: 0;}
.point ul li {float: left;width: 100%;border-bottom: #e9ebec solid 1px;padding: 0px;}
.point ul li a {float: left;width: 100%;border-bottom: #e9ebec solid 1px;padding: 10px 10px;border-left: #fff solid 2px;}
.point ul li a:hover {background: #fff4f3;box-shadow: 0px 1px 12px 0.3rem rgb(251 228 225 / 60%);border-left: #f1541d solid 2px;}
.point ul li a.active {background: #fff4f3;box-shadow: 0px 1px 12px 0.3rem rgb(251 228 225 / 60%);border-left: #f1541d solid 2px;}

.sp1 {float: left;background: #dbefff;border: #fff solid 5px;border-radius: 100%;width: 40px;height: 40px;box-shadow: -1px 0px 3px 3px #f4f4f4;text-align: center;}
.sp1 img {width: 17px;position: relative;top: 3px;left: -1px;}
.sp2 {float: left;color: #3498db;line-height: 35px;font-size: 12px;padding: 0 8px;}
.sp3 {float: right;font-size: 12px;color: #de2b12;line-height: 35px;}
.sp3 img {width: 24px;position: relative;top: -1px;left: 0px;}

.sp4 img {position: relative;top: 7px;left: 0px;}
.sp4 {float: left;width: 26px;height: 37px;text-align: center; background: url(../img/football_deactive.png);background-repeat: no-repeat;background-position: left;}
.point ul li a:hover .sp4 {background: url(../img/football_active.png);background-repeat: no-repeat;background-position: left;float: left;}
.point ul li a.active .sp4 {background: url(../img/football_active.png);background-repeat: no-repeat;background-position: left;float: left;}

.sp5 {float: right;width: 30px;height: 35px;text-align: center; background: url(../img/video_play_deactive.png);background-repeat: no-repeat;background-position: right;}
.point ul li a:hover .sp5 {background: url(../img/video_play_active.png);background-repeat: no-repeat;background-position: right;}
.point ul li a.active .sp5 {background: url(../img/video_play_active.png);background-repeat: no-repeat;background-position: right;}

.sp51 {float: right;width: 30px;height: 35px;text-align: center; background: url(../img/right_sign.png);background-repeat: no-repeat;background-position: right;}
.point ul li a:hover .sp51 {background: url(../img/video_play_active.png);background-repeat: no-repeat;background-position: right;}
.point ul li a.active .sp51 {background: url(../img/video_play_active.png);background-repeat: no-repeat;background-position: right;}

.sp6 {float: left;width: 27px;height: 37px;text-align: center; background: url(../img/video_deactive.png);background-repeat: no-repeat;background-position: left;}
.point ul li a:hover .sp6 {background: url(../img/video_active.png);background-repeat: no-repeat;background-position: left;float: left;}
.point ul li a.active .sp6 {background: url(../img/video_active.png);background-repeat: no-repeat;background-position: left;float: left;}

.ratio {float: left;width: 100%;}
.ratio h2 {float: left;width: 100%;font-size: 12px;color: #222222;background: #e9f4fd;padding: 12px;}
.ratio h2 i {float: right;color: #c2cedb;}
.ratio .progress {width: 100%;margin: 15px auto 8px;padding: 0;float: left;height: 10px;}
.progress_inner {padding: 12px;}
.completion_ratio h3 {font-size: 12px;margin: 0 0 10px;float: left;width: 100%;color: #777777;font-weight: 400;}

.no_class {background: #fff2ef;border-radius: 20px;width: 100%;position: relative;top: 40%;box-shadow: 0px 1px 10px 0.1rem rgb(0 0 0 / 20%);}
.no_class_first {padding: 35px 35px 25px;width: 100%;text-align: center;}
.no_class_first h1 {color: #304156;font-weight: bold;font-size: 45px;line-height: 55px;}
.no_class_first p {color: #304156;font-weight: 400;font-size: 14px;}
.no_class_second {width: 100%;background: url(../img/strip_01.png);background-color: #ffae80;height: auto;min-height: 70px;background-repeat: repeat-x;background-size: auto;background-position: center bottom;border-radius: 0 0 20px 20px;padding: 0 12px;}
.no_class_second h1 {display: inline-block;color: #ffffff;font-size: 24px;text-transform: uppercase;line-height: 50px;padding: 10px 12px;}
.no_class_second a {border: #fff solid 1px;display: inline-block;border-radius: 20px;height: 40px;width: 100%;text-align: center;color: #2697e9;font-size: 18px;padding: 6px 15px;margin: 15px 0;box-shadow: 0px 1px 5px 0.1rem rgb(38 151 233 / 10%);float: right;background: #fff;}
.no_class_second a:hover {background: #12142d;border: #12142d solid 1px;}
.no_class_second img.img-fluid {position: relative;top: -7px;}

div#DataTables_Table_0_filter {
    margin: 0 0 15px;
}

.notification_faqs .panel-group .panel {border-radius: 15px;background-color: #ffffff;border-color: #EEEEEE;padding: 8px;margin: 0 0 10px;box-shadow: 0px 1px 5px 0.1rem rgb(38 151 233 / 10%);}
.notification_faqs .panel-title b {float: left;margin: 0 15px 0 0;}
.notification_faqs .panel-title {font-size: 16px;font-weight: 400;}
.notification_faqs .panel-title > a {display: block;padding: 12px;text-decoration: none;color: #4f4f4f;}
.notification_faqs .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top: #c7dae9 solid 1px;padding: 12px 10px;color: #4f4f4f;line-height: 19px;margin: 15px 0 0;}
.notification_faqs .panel-title > a span {float: right;padding: 0 20px;color: #e53816;font-size: 14px;}
.more-less {float: right;color: #cccccc;font-size: 25px;position: relative;top: -5px;}
i.more-less.fa-chevron-circle-up.fas {color: #408bfd;font-size: 25px;position: relative;top: -5px;}

.three_box_big {min-height: 175px;padding: 12px 20px;margin:0 0 20px;}
.class_left_big {width: 100px;height: 100px;margin: 0 20px 0 0;}
.class_left_inner_big {width: 90px;height: 90px;margin: 5px;padding: 18px;}
.class_right_big {margin: 24px 0 0;width: 60%;float: left;}
.class_right_big h1 {font-size: 50px;font-weight: 400;margin: 0 !important;}
.class_right_big strong {font-size: 20px;font-weight: 400;color: #fff;text-transform: uppercase;margin: 14px 0 0;display: inline-block;}

.dp ul {margin: 0;padding: 0;}
.dp li.dropdown-item {padding: 6px 8px;border-bottom: #f2f4f5 solid 1px;font-size: 12px;color: #737980;width: 190px;float: left;text-align: left;}
.dp ul li b {float: right;color: #0081ff;font-weight: normal;}
.dp ul li span {background: #daf0ff;width: 20px;height: 20px;display: inline-block;text-align: center;border-radius: 60px;font-size: 12px;line-height: 20px;margin:0 5px 0 0;}
.dropdown-menu.dropdown-menu-tip-nw.dp {margin: 7px -17px;}
.dp li.dropdown-item:last-child {border: none;padding-bottom: 3px;}

.store_section {background: #fff;border-radius: 20px;width: 100%;float: left;height: auto;min-height: 240px;box-shadow: 0px 1px 5px 0.1rem rgb(38 151 233 / 10%);}
.store_section h1 {text-align: center;font-size: 28px;color: #4f4f4f;text-transform: uppercase;font-weight: 400;padding: 18px 0 10px;border-bottom: #f3f7fb solid 1px;}
.store_section h1 img {position: relative;top: -5px;}
.store_section ul {margin: 0 auto;padding: 0;width: 100%;max-width: 1060px;}
.store_section ul li {background: #fff;width: 14%;height: auto;border-radius: 15px;float: left;border: #d3f0ff solid 1px;text-align: center;margin: 25px 30px 35px 0;box-shadow: 0px 1px 15px 0.1rem rgb(38 151 233 / 10%);padding: 15px;min-height: 115px;}
.store_section ul li h2 {color: #4f4f4f;font-size: 22px;margin: 5px 0 0;}
.store_section ul li:last-child {margin: 25px 0;}

.profile_form {margin: 0 auto;width: 100%;max-width: 455px;background: #fff;padding: 30px 20px;border-radius: 15px;box-shadow: 0px 1px 5px 0.1rem rgb(38 151 233 / 10%);}
.profile_form label {color: #b8c2cc;font-size: 12px;font-weight: 400;margin: 0 0 2px;}
.profile_form .form-control {position: relative;height: 55px;border-radius: 100px;padding: 0 45px;}
.profile_form form img {position: relative;margin-top: -28px;margin-left: 18px;}
.profile_form img {position: relative;margin-top: -61px;margin-left: 18px;}
.profile_form .form-control {border: #ebeef0 solid 1px;position: relative;height: 40px;border-radius: 100px;padding: 0 20px 0 42px;font-size: 12px;color: #9b9b9b;}
.profile_form form .form-group {margin: 0;}
.profile_form form .form-control:focus {box-shadow: none;border:#ff91a2 solid 1px;}
.profile_form form p {text-align: center;margin: 0;}
.profile_form form a {text-align: center;margin: 4px 0 0;width: 100%;display: inline-block;font-size: 12px;color: #2697e9;}
.profile_form form a:hover {color: #12142d;}
.profile_form form .btn img {margin: 0;}
.profile_form button.btn.btn-primary {width: 100%;border-radius: 50px;height: 42px;background: #2697e9;border: #2697e9 solid 1px;font-weight: 400;font-size: 15px;text-transform: uppercase;margin: 20px 0 0;box-shadow: 0px 1px 10px 0.1rem rgb(38 151 233 / 30%);}
.profile_form button.btn.btn-primary:hover {background: #12142d;border: #12142d solid 1px;box-shadow: none;}
.login_person_wrp {width: 100%;margin: 0 auto;max-width: 160px;}
.login_person_img {width: 160px;height: 160px;background: #ffeeea;border-radius: 100px;/* padding: 10px;border: #fff solid 5px; */box-shadow: 0px 1px 5px 0.1rem rgb(0 0 0 / 20%);text-align: center;position: relative;margin: 0 0 40px;}
.login_person_img img {margin: 0 !important;border-radius: 100px;height: 160px;width: 160px;}
.login_person_img span a {position: absolute;bottom: 0;width: 40px;height: 40px;border-radius: 100px;background: #ec491a;box-shadow: 0px 1px 5px 0.1rem rgb(236 73 26 / 20%);right: 15px;}
.login_person_img span a img {margin: 11px 0 !important;border-radius: 0px;}
.login_person_img span img {width: auto;height: auto;border-radius: 0;padding: 11px 0 0;position: relative;left: 1px;}

.profile_form_right {margin: 0 auto;width: 100%;background: #fff;border-radius: 15px;box-shadow: 0px 1px 5px 0.1rem rgb(38 151 233 / 10%);}
.profile_form_right h1 {font-size: 15px;color: #505050;text-transform: uppercase;padding: 10px 0 5px;}
.profile_form_right h1 a img {position: relative;top: 0px;}
.profile_form_right h1 a {font-size: 11px;color: #acacac;text-transform: capitalize;padding: 5px;float: right;border: #b6b4b4 solid 1px;height: 24px;width: 100px;text-align: center;border-radius: 100px;}
.profile_form_right h1 a:hover {background:#505050;border:#505050 solid 1px;}
.profile_form_right .heading_01::before {left: 20px;background: #678eb9;}

form#seform {padding: 0 15px 0 48px;}
.form_right {padding: 17.5px 20px;}
.form_right .form-group {margin: 0;}
.form_right label {color: #b8c2cc;font-size: 12px;font-weight: 400;margin: 0 0 2px;}
.form_right .form-control {border: #ebeef0 solid 1px;position: relative;height: 40px;border-radius: 100px;padding: 0 20px 0 42px;font-size: 12px;color: #9b9b9b;}
.form_right img {position: relative;margin-top: -61px;margin-left: 18px;}
.form_right .form-control:focus {box-shadow: none;border:#ff91a2 solid 1px;}
.form_right textarea.form-control {padding: 10px;height: 95px;border-radius: 15px;}
.form_right .form-check-inline .form-check-input {margin-top: -3px;}
.male {float: left;margin: 0 15px 15px 0px;color: #b8c2cc;}
.male img {margin: 0 5px 0;}
.attachment {display: inline-block;padding: 13px 0 0;}
.attachment .btn {border: 1px #ebeef0 dashed;color: #737980;background-color: white;padding: 8px 20px;border-radius: 8px;font-size: 12px;font-weight: 400;width: 100%;height: 55px;}
.attachment .btn span {color: #0081ff;}
.upload-btn-wrapper {position: relative;overflow: hidden;display: inline-block;width:100%;}
.upload-btn-wrapper input[type=file] {font-size: 100px;position: absolute;left: 0;top: 0;opacity: 0;}

.custom_table {background: #fff;box-shadow: 0px 1px 5px 0.1rem rgb(38 151 233 / 10%);border-radius: 20px;}
.form-group.has-search {position: relative;}

.has-search .form-control {padding: 8px 40px;background: #64b4ef;border: none;border-radius: 100px;color: #fff;height: 47px;}
.has-search .form-control-feedback {position: absolute;z-index: 2;display: block;width: 2.375rem;height: 2.375rem;line-height: 3rem;text-align: center;pointer-events: none;color: #fff;font-size: 20px;}
.has-search ::-webkit-input-placeholder {color: #ffffff;}
.has-search :-ms-input-placeholder {color: #ffffff;}
.has-search ::placeholder {color: #ffffff;}

.view_btn button {background: none;padding: 9px 30px;margin: 0;font-size: 18px;color: #fff;border: #fff solid 1px;border-radius: 100px;text-transform: uppercase;font-weight: 400;}
.view_btn .dropdown-toggle::after {border: none;}
.view_btn i {color: #fff;font-size: 18px;}
.blue_header {background: #2697e9;height: 55px;border-radius: 70px;border: none;}
.blue_header h1 {color: #f2f6fc;font-size: 22px;font-weight: 400;vertical-align: middle;}
.blue_header td {vertical-align: middle;padding: 15px 20px;white-space: nowrap;}
.blue_header .form-group {margin: 0;}
.blue_header .btn {background: #f2f6fc !important;border-radius: 100px;border: #f2f6fc solid 1px;color: #2697e9;font-weight: 400;text-transform: uppercase;width: 130px;height: 47px;}

.table_design th {text-transform: uppercase;color: #95a5a6;font-size: 12px;font-weight: normal;white-space: nowrap;}
.table_design input[type=checkbox], input[type=radio] {margin: 4px 0;position: relative;}
.table_design i.fas.fa-star {margin: 0px 10px;position: relative;top: -2px;}
.table_design td span {color: #3498db;text-transform: uppercase;}
.table_design td {color:#2c3e50;}
.table_design b img {width: 20px;}
.table_design b {font-size: 14px;font-weight: 500;color:#de2b12;}
.table_design ul {margin: 0;padding: 0;}
.table_design ul li {margin: 0;padding: 0;list-style: none;float: left;}
.table_design ul li a {width: 20px;height: 20px;border-radius: 100px;background: #fff;display: block;text-align: center;border: #2697e9 solid 1px;margin: 2px;line-height: 16px;}
.table_design ul li a.red {border: #f11f1e solid 1px;box-shadow: 0px 1px 10px 0.1rem rgb(241 31 30 / 30%);}
.table_design ul li a.orange {border: #f69b53 solid 1px;box-shadow: 0px 1px 10px 0.1rem rgb(246 155 83 / 30%);}
.table_design ul li a.blue {border: #2697e9 solid 1px;box-shadow: 0px 1px 10px 0.1rem rgb(38 151 233 / 30%);}
.table_design ul li a.green {border: #21ca4b solid 1px;box-shadow: 0px 1px 10px 0.1rem rgb(33 202 75 / 30%);}
a.btn.approve {background: #21ca4b;border: #21ca4b solid 1px;height: 20px;width: 75px;margin: 0;padding: 0;font-size: 10px;font-weight: 400;line-height: 18px;border-radius: 100px;box-shadow: 0px 1px 10px 0.1rem rgb(33 202 75 / 30%);}
a.btn.pending {background: #2697e9;border: #2697e9 solid 1px;box-shadow: 0px 1px 10px 0.1rem rgb(38 151 233 / 30%);}
a.btn.rejected {background: #f11f1e;border: #f11f1e solid 1px;box-shadow: 0px 1px 10px 0.1rem rgb(241 31 30 / 30%);}

.table-hover tbody tr {border-left: #fff solid 2px;}
.table-hover tbody tr:hover {background: #fff4f3;box-shadow: 0px 1px 12px 0.3rem rgb(251 228 225 / 60%);border-left: #f1541d solid 2px;}
tr.tr_white {background: #fff;}
.mark_box {float: left;}
.mark_box select {background: #fff;border: #e1e7f0 solid 1px;color: #515974;border-radius: 100px;font-size: 14px;padding: 8px 24px;margin: 0 29px 0 0;}
.check_box {float: left;}
.check_box .form-check {background: #fff;border: #e1e7f0 solid 1px;color: #515974;border-radius: 100px;font-size: 14px;padding: 8px 35px;margin: 0 29px 0 0;font-weight: normal;}
.pagination p {font-size: 15px;font-weight: normal;color: #515974;margin: 0;padding: 13px 10px 0 0;float: left;}
.pagination ul {margin:0;padding:0;}
.pagination ul li {margin:0;padding:0;float: left;}
.pagination ul li a {background: #fff;border: #e1e7f0 solid 1px;color: #515974;border-radius: 100px;font-size: 16px;padding: 8px 0 0;margin: 0 5px;font-weight: normal;width: 40px;height: 40px;display: inline-block;text-align: center;}
.pagination ul li a:hover {color: #fff;background:#515974;border:#515974 solid 1px;}

.view_btn .dropdown-menu.dropdown-menu-tip-nw.dp {margin: 7px -48px;}
.view_btn .dropdown-menu-tip-nw::after {left: 5rem;}

.dp li.dropdown-item strong {
  width: 30px;
  height: 30px;
  float: left;
  background: #ecf2f5;
  border-radius: 50px;
  margin: 0 5px 0 0;
}
.view_btn li.dropdown-item {
  white-space: normal;
  font-size: 10px;
}
.view_btn li.dropdown-item em {
  font-style: normal;
  float: left;
  width: 135px;
}

.dt-button {
    border-radius: 50px !important;
    padding: 8px 30px !important;
    margin: 0 2px 8px !important;
    background: #f1521d !important;
    border: #f1521d solid 1px !important;
    color: #fff !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 12px !important;
}
.dt-button:hover {background: #12142d !important;
    border: #12142d solid 1px !important;
    color: #fff !important;}

#example_filter [type=search] {padding: 8px 40px;
    padding: 8px 20px;
    background: #64b4ef;
    border: none;
    border-radius: 100px;
    color: #fff;
    height: 47px;
    width: 280px;}
#example_filter input[type="search"]:focus {
    outline: none;
}
#example_filter label {
    font-size: 15px;
    text-transform: uppercase;
    color: #000;
}
table.dataTable tbody th, table.dataTable tbody td {padding: 12px 10px !important;}
.dataTables_wrapper .dataTables_paginate {
    padding-top: 2em !important;
}
.dataTables_wrapper .dataTables_info {
    padding-top: 2.5em !important;
}
a.paginate_button.current {
    background: #FF6839 !important;
    border: #FF6839 solid 1px !important;
    border-radius: 60px !important;
    width: 30px;
    height: 30px;
    line-height: 18px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {border-radius: 60px !important;}

button.btn1 {
        cursor: pointer;
    border-radius: 50px !important;
    padding: 2px 18px !important;
    margin: 0 !important;
    background: #f1521d !important;
    border: #f1521d solid 1px !important;
    color: #fff !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 12px !important;
}
button.btn1:hover {
  background:#000;
color: #fff;
}

button.btn2 {
        cursor: pointer;
    border-radius: 50px !important;
    padding: 2px 18px !important;
    margin: 0 !important;
   
    color: #fff !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 12px !important;
}
button.btn2:hover {
  background:#000;
color: #fff;
}
button.btn2.approve {background: #21ca4b;border: #21ca4b solid 1px;height: 40px;width: 80px;margin: 0;padding: 0;font-size: 10px;font-weight: 400;line-height: 18px;border-radius: 100px;box-shadow: 0px 1px 10px 0.1rem rgb(33 202 75 / 30%);}
button.btn2.pending {background: #2697e9;border: #2697e9 solid 1px;box-shadow: 0px 1px 10px 0.1rem rgb(38 151 233 / 30%);}
button.btn2.rejected {background: #f11f1e;border: #f11f1e solid 1px;box-shadow: 0px 1px 10px 0.1rem rgb(241 31 30 / 30%);}


.bg-light_stu {
    background-color: #fff !important;
    box-shadow: 0 0 10px rgb(0 0 0 / 13%);
}
.disable {
   pointer-events: none;
   cursor: default;
}

.modal-header {
    background: #e94219;
    text-align: center;
    color: #fff !important;
}
.modal-header h5{
   
    color: #fff !important;
}
.close {
    color: #fff;
    opacity: 1;
}
.modal-body .table-responsive {
    display: inline-table;
}
.modal-body .table-hover tbody tr {
    border-left: 1px solid #dee2e6;
}
/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media only screen and (min-width: 200px) and (max-width: 1024px) {
  .bg_img_01 {padding: 15% 15px;}
  .login_form_heading h1 {font-size: 18px;}
  .login_form form {padding: 20px 15px;}
  .login_form_heading p {font-size: 12px;}
  .navbar {padding: 20px 15px;}
  #sidebar {margin-left: -280px;}
  #sidebar.active {margin-left: 0;}
  #sidebarCollapse span {display: none;}
  #navbarSupportedContent li a {border:none;}
  .master_icon_cirlce {margin-top: 10px;margin-bottom: 5px;}
  .welcome_box_left {width: 100%;}
  .welcome_box {background-image: none;}
  .call_us_box {text-align: center;}
  .call_us_box a {width: 100%;}
  .call_us_box img {float: none;}
  .call_us_box h1 {line-height: 28px;padding: 14px 15px;}
  .store_gift ul li {margin: 25px 18px 0 0;}
  .no_class {top: 5%;}
  .no_class_second h1 {font-size: 15px;line-height: 25px;padding: 5px 12px;}
  .no_class_second {text-align: center;padding: 30px 20px 0;}
  .notification_faqs .panel-title b {display: none;}
  .notification_faqs .panel-title > a span {float:left;padding: 12px 0 0;font-size: 12px;}
  .notification_faqs .panel-title {display: inline-block;font-size: 12px;font-weight: 400;margin: 0 0 0;}
  .class_right_big {width: 55%;}
  .store_section ul li {width: 40%;margin: 15px 12px;}
  .store_section ul li:last-child {margin: 15px 12px;}
  .table_design i.fas.fa-star {margin: 0px;}
  .has-search .form-control {width: 200px;}
  .progress_box_left {width: 30%;}
}



 .white-border-shadow{
    background: #fff;
    border-radius: 15px;
    padding: 25px 15px;
    box-shadow: 0px 1px 5px 0.1rem rgb(38 151 233 / 10%);
    width: 100%;
    float: left;
}
.white-border-shadow-home{
    background: #fff;
    border-radius: 15px;
    padding: 25px 15px;
    box-shadow: 0px 1px 5px 0.1rem rgb(38 151 233 / 10%);
    width: 100%;
}
 .white-border{
background: #fffff;    border-radius: 15px;    padding: 20px 20px;    box-shadow: 0px 1px 0px 0.1rem rgb(38 151 233 / 10%);    width: 100%;    border-color: #1f2b2b;
 }
 

.font-new {font-weight: 600;font-size: 22px;}

.font-color-pink {color:#cd1a57 !important;}
.background-color-pink {background:#cd1a57;}

.font-color-green {color:#8bc34a !important;}
.background-color-green {background:#8bc34a;}

.font-color-yellow {color:#ff9800 !important;}
.background-color-yellow {background:#ff9800;}

.font-color-blue {color:#00a5ba !important;}
.background-color-blue {
    background: #00a5ba;
    margin: 39px 0 0 !important;
    display: block;
    height: auto;min-height: 118px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.font-color-purple {color:#7600c8 !important;}
.background-color-purple {background:#7600c8;}
.session-text {
    display: flex;
    align-items: center;
    height: auto;
    min-height: 140px;
    justify-content: center;
}

.session-text h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}
.session-text h2 span {
    color: #f7f7f7;
    font-size: 16px;
    font-weight: 400;
}
.exam-marging {
    margin: 39px 0 0px !important;
}

.steps-heading {font-size: 16px;font-weight: 400;text-transform: uppercase;margin: 10px 0 0;display: block;}
.total-sessions {
    border-radius: 10px;
    margin-top: 5px;
    height: auto;
    min-height: 140px;
    font-weight: 600;
    font-size: 24px;
    line-height: 20px;
}

.triangle-right {
    margin-top: 35px;
    width: 0;
    height: 0;
    border-top: 70px solid transparent;
    border-left: 85px solid #7600c8;
    border-bottom: 70px solid transparent;
    display: flex;
    align-items: center;
}
.triangle-right-text {
    color: #fff;
    margin-left: -73px;
    font-weight: 600;
}
/*
.btn {
		    color: #fff;
    background-color: #212529;
    border-color: #007bff;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
*/
.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
}


.exam_bg {background: url(../img/color_backgroung.jpg);width: 100%;background-size: cover;background-position: center center;height: auto;min-height: 100vh;}
.exam_p_border{
   background: rgba(255, 255, 255, 0.2)!important;  backdrop-filter: blur(8px);  border-radius: 15px;    padding: 20px 20px;    box-shadow: 0px 1px 0px 0.1rem rgb(38 151 233 / 10%);    width: 100%;    border-color: #1f2b2b; color: #000;     line-height: 25px;
 }
 .exam_div_border {
    background: #fff !important;
    backdrop-filter: blur(8px);
    border-radius: 15px;
    padding: 30px 30px;
    box-shadow: 0px 1px 0px 0.1rem rgb(38 151 233 / 10%);
    margin: 100px;
    border-color: #1f2b2b;
    color: #000;
    line-height: 25px;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
}
 .exam_div_border h1{ text-transform: uppercase; font-weight:bold;}
 .exam_div_border div{ text-align:left;}
 
 .exam_div_border ul {margin: 10px;padding: 10px;}
.exam_div_border ul li {margin: 0;padding: 5px;list-style: disc; font-size: 20px; line-height: 40px; font-weight:400; color: #000;}
.exam_div_border ul li span{color: #FF6839;}
.exam_div_border ul li a {border-radius: 100px;text-align: center;margin: 2px;line-height: 16px;}
.exam_div_border ul li a.red {border: #f11f1e solid 1px;box-shadow: 0px 1px 10px 0.1rem rgb(241 31 30 / 30%);}
.exam_div_border ul li a.orange {border: #f69b53 solid 1px;box-shadow: 0px 1px 10px 0.1rem rgb(246 155 83 / 30%);}
.exam_div_border ul li a.blue {border: #2697e9 solid 1px;box-shadow: 0px 1px 10px 0.1rem rgb(38 151 233 / 30%);}
.exam_div_border ul li a.green {border: #21ca4b solid 1px;box-shadow: 0px 1px 10px 0.1rem rgb(33 202 75 / 30%);}
.belowbutton{ font-size: 27px; font-weight:bold;}
.exam_footer h1 {display: inline-block;color: #4f4f4f;font-size: 33px;text-transform: uppercase;line-height: 50px;text-align: center; vertical-align: baseline !important;}
.exam_footer span {color: #2697e9;}
.exam_child{width:150px; margin-top: 15px;}
.exam_start_button {
    margin-right: 0;
    color: #fff;
    border: 1px solid #f58634;
    background: #f58634;
    text-align: inherit;
    line-height: 20px;
    border-width: 1px;
    margin: 0px;
    padding: 15px 45px;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 25px;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
    margin-top: 6px;
    cursor: pointer;
}

.start-btn-new {
    margin-right: 0;
    color: #fff;
    border: 1px solid #f58634;
    background: #f58634;
    text-align: inherit;
    line-height: 20px;
    border-width: 1px;
    margin: 0px;
    padding: 15px 45px;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 25px;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
    margin-top: 6px;
    height: 78px;
    cursor: pointer;
}
.start-btn-new input {
border: none;
background: none;
color: #fff;
font-size: 32px;
font-weight: 600;
padding: 10px 10px 10px 0;
position: relative;
top: 2px;cursor: pointer;
}
.belowbutton_new {
background: #fff;
color: #000;
padding: 0 20px;
border-radius: 5px;
font-weight: 400;
font-size: 22px;
}

.text-orange {
    color: #f75510;
}
.exam_div_questions{
   background: rgba(255, 255, 255, 0.2)!important;  backdrop-filter: blur(8px);  border-radius: 15px;    padding: 20px 20px;    box-shadow: 0px 1px 0px 0.1rem rgb(38 151 233 / 10%);    margin: 30px;    border-color: #1f2b2b; color: #000;     line-height: 25px;
 }
 .exam_div_questions h1{ text-transform: uppercase; font-weight:bold; font-size:18px;}
 .exam_div_questions span {color: #ff9700;}
 .exam_div_questions div{ text-align:left;}
 
 .exam_div_questions .exam_header{ /*height:60px;*/ background: #00a5b9!important; color: #fff !important; padding: 20px 20px; font-size: 22px;}
.exam_header span {color: #ffd; font-size:28px;}


.exam_div_questions .exam_questions{  background: #d2d3d5!important; color: #fff !important; padding: 10px 10px; font-size: 22px; display: flex;   flex-wrap: nowrap;   overflow-x: auto;   -webkit-overflow-scrolling: touch;   -ms-overflow-style: -ms-autohiding-scrollbar; }
.exam_header span {color: #ffff96; font-size:28px;}
.btn-white{background-color:#fff;}
.exam_questions_options{min-height:400px;  /*background: #fff!important;*/ padding: 30px 150px; display:block;}
.exam_questions_options_hide{min-height:400px;  background: #fff!important; padding: 30px 150px; display: none !important;}
.exam_div_questions_options{
   background-color: #ff9700!important;  backdrop-filter: blur(8px);  border-radius: 15px;    padding: 20px 20px;    box-shadow: 0px 1px 0px 0.1rem rgb(38 151 233 / 10%);    /*margin: 30px;*/    border-color: #1f2b2b;     line-height: 25px;
 }
 .exam_div_final_confirm {
    background-color: #f1f1f1 !important;
    backdrop-filter: blur(8px);
    border-radius: 15px;
    padding: 20px 20px;
    box-shadow: 0px 1px 0px 0.1rem rgb(38 151 233 / 30%);
    /* margin: 30px; */
    border-color: #1f2b2b;
    line-height: 25px;
    text-align: center !important;
}
.exam_div_final_confirm span{
 color: #211c1a;
 font-size:28px;
}
 .btn-outline-white{background-color:#fff;}

 .program_overview_video{ padding-top: 10px; padding-right: 300px; padding-left: 300px; }
.benefits_video{ padding-top: 30px; padding-right: 300px; padding-left: 300px; }
@media only screen and (min-width: 150px) and (max-width: 420px) {
   .exam_div_border{ margin: 10px;  }
   .exam_div_border ul li {font-size: 17px; line-height: 30px; }
 .exam_child{width:40%}
 .user-notification {display:none;}
 .user-info-dropdown {display:none;}
 .exam_footer h1{font-size: 20px; line-height: 20px;}
 .program_overview_video{ padding-top: 10px; padding-right: 10px; padding-left: 10px;  }
 .benefits_video{ padding-top: 10px; padding-right: 10px; padding-left: 10px;  }
	}

@media only screen and (min-width: 361px) and (max-width: 569px) {
   .user-info-dropdown {display: block;
    position: absolute;
    z-index: 9999;
    top: -70px;
    right: 0px;}
 }
	
.helpdeskbutton a{
    font-size: 21px;
    color: #fff;
    padding: 9px;
    border-radius: 7px;
    font-weight: bold;
    display: inline-block;
}
.helpdeskbutton a:hover{
    font-size: 21px;
    color: #fff;
   
}