/*--------------------------------------------------------------------------------------*/
/*Genral-Css-Here
/*--------------------------------------------------------------------------------------*/

body{margin:0; padding:0; box-sizing:border-box; background:#fff;font-family: 'Jost', sans-serif !important; background: #FCFFFA}
a{-webkit-transition: 0.5s ease-out; -moz-transition:0.5s ease-out; -o-transition: 0.5s ease-out; transition:0.5s ease-out; text-decoration: none;}
ul{margin:0; padding:0; list-style:none;}
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0;}
img{max-width:100%;}
figure {margin: 0; padding: 0;margin-bottom: 0;}
/* .container {max-width: 1288px; max-width: 1312px;} */
.container-fluid {padding: 0px 100px; max-width: 1920px; margin: 0 auto;}
/*--------------------------------------------------------------------------------------*/
/*Header-Css-Here
/*--------------------------------------------------------------------------------------*/

header .top-bar {background: #01B6EF; padding: 8px 0px;}
header .top-bar ul li {list-style: none;}
header .top-bar .top-bar-left i {color: #fff; padding-right: 30px;font-size: 20px;}
.top-bar .top-bar-right ul li a {text-decoration: none; padding-right: 51px; font-family: 'Jost'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; color: #FFFFFF;}
.top-bar .top-bar-right ul li a i {padding-right: 10px;}
.top-bar-right {float: right;}
.location {padding: 0 !important;}
header .top-bar .top-bar-left i:hover {color: #DE4278 !important;}
header .navbar.navbar-expand-lg .row {width: 100%; align-items: center;}
header  .header-right {float: right;}
header .nav_menu a { padding: 0 !important; font-family: 'Jost'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 26px; color: #A9AFBE;  }
header .nav_menu li {padding-right: 30px;}
header .nav_menu li:last-child{padding-right: 0}
.nav-link.end_link {padding: 0 !important;}
.header-right .login a {display: inline-block; font-family: 'Jost'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; padding: 8px 20px; border: 1px solid #DE4278; border-radius: 5px; color: #E11E89; box-shadow: 0px 4px 4px rgba(222, 66, 120, 0.25);}
.login {padding-right: 20px;}
.login a {color: #FFFFFF;}
.top-bar .top-bar-right ul li a:hover {color: #DE4278 !important;}
.resigster a {color: #FFFFFF; background: #DE4278; padding: 10px 20px; border-radius: 5px; margin: 0; display: inline-block; border: 1px solid #DE4278 !important; box-shadow: 0px 4px 4px rgba(222, 66, 120, 0.25);}
.login a:hover {background: #DE4278; color: #fff;}
.resigster a:hover {background: #fff; color: #DE4278;}
.header-mid {padding-left: 150px;}
.navbar-brand {padding: 0 !important; margin: 0 !important;}
.navbar.navbar-expand-lg {padding: 15px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.03);}
.nav-link.active {color: #000000 !important;font-weight: 500 !important;}
header .nav_menu a:hover {color: #DE4278 !important;}
.selectpicker {font-size: 18px; background-color: #FFF !important; outline: none !important; margin-right: 20px; appearance: none; -webkit-appearance: none; background-image: url(../images/down-arrow.png) !important; background-repeat: no-repeat !important; background-position: 85% !important; border: 1px solid #DDD !important; height: auto; padding: 7px 23px 10px 11px !important; border-radius: 4px; min-width: 71px; box-shadow: 0px 4px 4px rgba(174, 174, 174, 0.25);cursor: pointer;}
.nav_menu {margin-left: 150px !important;align-items: center;}
.footer_third p a {text-decoration: underline;}
header .nav_menu li .nav-link.btn {padding: 7px 22px !important;}

/*--------------------------------------------------------------------------------------*/
/*Banner-Css-Here
/*--------------------------------------------------------------------------------------*/

.banner_main {align-items: center;}
.banner .banner-left h1 {position: relative; color: #000; font-size: 54px; margin: 0; max-width: 699px; font-weight: 600; line-height: 78px; padding-bottom: 25px;}
.banner .banner-left p {color: #707070; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; max-width: 586px; margin: 0; padding-bottom: 35px;}
.banner-left a {padding: 7px 22px; background: #DE4278; color: #fff; font-size: 16px; border-radius: 5px; display: inline-block; box-shadow: 0px 4px 4px rgba(222, 66, 120, 0.25); line-height: 28px; font-weight: 500; border: 1px solid #DE4278 !important;}
.text_number {padding-top: 98px;max-width: 285px;position: relative;}
.text-inner h5 {font-family: 'Jost'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 29px;}
.text-inner p {font-family: 'Open Sans' !important; font-weight: 600 !important; font-size: 16px !important; line-height: 28px !important; margin: 0px !important; padding: 0px !important; color: rgba(112, 112, 112, 0.8);}
.banner {padding: 105px 0px; position: relative;}
.text-inner {display: block; text-align: center; padding-right: 50px;}
.text-inner.subject {padding: 0 !important;position: relative;}
.dotted-img {position: absolute; right: -30px; top: 50%; transform: translateY(-50%); width: 158px; height: 106px; z-index: -1 }
.banner-right {position: relative; display: flex; justify-content: right; max-width: 442px; margin-left: auto; margin-right: 0;}
.crical_second {position: absolute; right: 0; bottom: -33px;}
.crical_img {position: absolute; top: -64px; left: -80px; z-index: -1;}
.banner-left a:hover {background: none; color: #DE4278;}
.banner-right .women .nick_img {position: absolute; left: -200px; bottom: -41px; z-index: -1; width: 270px; height: 68px;}
.banner-right::before {content: ''; position: absolute; left: -186px; top: -64px; width: 375px; height: 375px; border-radius: 100%; background: #DFF5F1; z-index: -1; animation: crical_img 1s infinite ease-in-out alternate;}
.banner-right::after {content: ''; background: url(../images/crical_second.png); width: 100px; height: 86px; position: absolute; bottom: -45px; animation: crical_second 2.9s infinite linear; right: -45px;}
.banner-right .women {position: relative;}
.banner-right .women::before {content: ''; background: url(../images/dotted.png); width: 158px; height: 107px; position: absolute; right: -35px; z-index: -1; top: -53px;}
.banner-right .women .share_img {position: absolute; left: -115px; top: 40px; width: 259px; height: 188px;}
@keyframes crical_img {from { transform: scale(0.8);} to { transform: scale(1);} }
.banner::before {position: absolute; content: ""; left: 0; right: 0; text-align: center !important; transform: translateY(-50%); background-image: url(../images/crose.png); background-repeat: no-repeat; background-size: contain; width: 48px; height: 48px; z-index: 9; top: 50%; bottom: 0; margin: 0 auto;}
.banner .banner-left h1 span::before {content: ""; position: absolute; right: 0; background-image: url(../images/lahr.png); background-repeat: no-repeat; background-size: contain; width: 155px; height: 47px; top: 75px; left: 0;}
.banner .banner-left h1 span {position: relative;}
.banner-right .women .market_img {position: absolute; left: -140px; bottom: 0; width: 122px; height: 125px;}
.banner-left .text_number::before {content: ''; width: 158px; height: 107px; background: url(../images/dotted.png); position: absolute; bottom: -25px; right: -25px;}


/*--------------------------------------------------------------------------------------*/
/*About-Css-Here
/*--------------------------------------------------------------------------------------*/

.About_us .about-left .deshboard {position: relative; max-width: 510px; object-fit: cover; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 10px; background: #fff;}
.About_us .about_inner_contact {background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; width: 217px; align-items: center; justify-content: space-between; padding: 5px 17px; margin-bottom: 18px;}
.About_us .about_inner_contact h5 {font-family: 'Jost'; font-style: normal; font-weight: 600; font-size: 19px; line-height: 28px; color: #DE4278;}
.About_us .about_inner_contact p {font-family: 'Jost'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; margin: 0;}
.About_us .about-left {position: relative; height: 100%; float: right;}
.About_us .about-inner {position: absolute; top: 58px; left: -112px;}
.About_us .about-left .deshboard::before {content: ''; width: 277px; height: 277px; position: absolute; bottom: -115px; border-radius: 100%; background: #DFF5F1; z-index: -1; animation: crical_img 1s infinite ease-in-out alternate; left: -115px;}

.d-flex.about_inner_contact.total {margin: 0px !important;}
.same-heading h2 {font-family: 'Jost'; font-style: normal; font-weight: 600; font-size: 54px; line-height: 60px; margin: 0; color: #000;margin-bottom: 30px; position: relative; padding-bottom: 25px;}
.same-heading h3 {font-family: 'Jost'; font-style: normal; font-weight: 600; font-size: 25px; line-height: 28px; margin: 0; padding-bottom: 13px;}
.same-heading p { font-family: 'Open Sans' !important; font-style: normal; font-weight: 400; font-size: 16px; line-height: 33px; color: #707070; margin: 0;}
.same-heading .btn {margin-top: 26px;}
.btn.btn-info {padding: 7px 22px; background: #DE4278; color: #fff; font-size: 16px; border-radius: 5px; display: inline-block; box-shadow: 0px 4px 4px rgba(222, 66, 120, 0.25); line-height: 28px; font-weight: 500; border: 1px solid #DE4278 !important;}
.about-content-right {height: 100%;position: relative; padding-left: 78px;}
.About_us .row {align-items: center;}
.btn.btn-info:hover {background: none; color: #DE4278;}
.same-heading h2::before {content: ""; position: absolute; bottom: 0; left: 0; background-size: 167px; background-repeat: no-repeat; background-image: url(../images/lahr.png); height: 19px; width: 167px;}
.about-content-right::before {content: ""; position: absolute; background: rgba(1, 182, 239, 0.5); width: 2px; height: 274px; left: 50px; top: 50%; transform: translateY(-50%); margin-top: 62px;}
.About_us {padding-top: 164px;padding-bottom: 160px; position: relative;}
.About_us::before {position: absolute; content: ""; top: 0; left: 0; right: 0; width: 100%; height: 230px; background-image: url(../images/lahr_second.png); background-size: cover; background-repeat: no-repeat; background-position: center;}
.About_us::after {z-index: -1; position: absolute; content: ""; bottom: 0; left: 0; right: 0; width: 100%; height: 228px; background-image: url(../images/lahr-third.png); background-size: cover; background-repeat: no-repeat; background-position: center;}

/*--------------------------------------------------------------------------------------*/
/*service-Css-Here
/*--------------------------------------------------------------------------------------*/

.service {padding-top: 123px; padding-bottom: 123px;position: relative;}
.service .service_contact {text-align: center; max-width: 1025px; margin: 0 auto; position: relative;}
.service .same-heading {text-align: center; max-width: 1026px; margin: auto; padding-bottom: 50px;}
.service .same-heading h2::before{margin: auto;right: 0;}
.sevice_card{width: 33.333%;}
.sevice_card .sevice_card_inner {height: 100%;background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 10px; margin-right: 32px; padding: 30px 27px;}
.sevice_card .sevice_card_inner {background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 10px; margin-right: 32px; padding: 25px 25px;position: relative;}
.sevice_card_inner h4 {font-family: 'Jost'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 32px; color: #5BC3EC; margin: 0; padding-bottom: 26px;}
.sevice_card .sevice_card_inner h5 {font-family: 'Jost'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 23px; color: #707070; padding-bottom: 12px;}
.sevice_card_inner p {font-family: 'Jost'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 23px; color: #707070; margin: 0; padding-bottom: 35px;}
.sevice_card .sevice_card_inner img {width: 354px; height: 212px; object-fit: cover;}
.service_mid h4 {color: #E684F7 !important;}
.service_right h4 {color: #90DDB4 !important;}
.sevice_card_inner.service_right {margin: 0 !important;}
.student_inner {position: relative;}
.crical_service {position: absolute; right: -82px; background-size: contain; width: 163px; height: 163px; z-index: -1; top: -82px; border-radius: 100%;}
.service .service_contact::before {content: ""; position: absolute; right: 0px; background-size: contain; background-repeat: no-repeat; background-image: url(../images/round.png); width: 57px; height: 57px; top: -100px;}
.sevice_card .sevice_card_inner::before {content: ''; width: 2px; background: rgba(1, 182, 239, 0.5); height: 102px; position: absolute; left: -2px; top: 27px;}
.sevice_card .sevice_card_inner.service_mid::before {background: rgba(230, 132, 247, 0.5);}
.sevice_card .sevice_card_inner.service_right::before {background: rgba(144, 221, 180, 0.5);}
/*--------------------------------------------------------------------------------------*/
/*Choose-Css-Here
/*--------------------------------------------------------------------------------------*/

.choose {position: relative; padding: 23px 0px 38px; background: rgba(255, 255, 255, 1);overflow-x: hidden;}
.choose::before {content: ""; position: absolute; right: -100px; background: rgba(1, 182, 239, 0.1); border-radius: 63px 0px 0px 63px; height: 341px; width: 50%; bottom: 40px; z-index: 1;}
.round_choice {position: absolute; top: 29%; left: 106px;}
.choose_main {position: relative; align-items: center;}
.choose_right {position: relative;}
.crical_second {animation: crical_second 2.9s infinite linear;}
@keyframes crical_second {from { transform: rotate(0deg);} to { transform: rotate(360deg);} }
.crical_first {animation: crical_first 1s infinite ease-in-out alternate;}
@keyframes crical_first {from { transform: scale(0.8);} to { transform: scale(1);} }
.crical_service {animation: crical_service 1s infinite ease-in-out alternate;}
@keyframes crical_service {from { transform: scale(0.8);} to { transform: scale(1);} }
.world_second {animation: world_second 2.9s infinite linear;}
@keyframes world_second {from { transform: rotate(0deg);} to { transform: rotate(360deg);} }
.round_crical {animation: round_crical 1s infinite ease-in-out alternate;}
@keyframes round_crical {from { transform: scale(0.8);} to { transform: scale(1);} }

/*--------------------------------------------------------------------------------------*/
/*Teacher-Css-Here
/*--------------------------------------------------------------------------------------*/

.Teacher_contact {position: relative;}
.Teacher_contact:before {content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 464px; background: #01B6EF;}
.Teacher_contact .item {padding-top: 118px; position: relative; z-index: -1;}
.Teacher_contact .water {position: absolute; z-index: 9; top: 40px; left: 20px;}
.Teacher_contact .world {position: absolute; right: 0; top: 73px; width: 102px; height: 212px;}
.Teacher_contact .item img {max-width: 853px; object-fit: contain; height: 481px; text-align: left; border-radius: 7px;}
.lp_images {position: absolute; top: 73px; left: 0; right: 0; margin: 0 auto; text-align: center;z-index: 9; pointer-events: none; max-width: 1137px;}
.lp_images::before {content: ''; width: 316px; height: 316px; border: 1px solid rgba(255, 255, 255, 0.2); position: absolute; left: 0; border-radius: 100%; top: 10px; z-index: -1;}
.laptop_slider {max-width: 846px; margin: 0 auto;}
.world_second {position: absolute; right: 144px; bottom: -40px;}
.form-but a:hover {background: #DE4278;}
.sigle_crical {position: absolute; top: 82px; left: 19%;}
.round_crical{position: absolute; left: 124px; top: 23%;}
/*--------------------------------------------------------------------------------------*/
/*Contact_form-Css-Here
/*--------------------------------------------------------------------------------------*/
.contact-inner {background: #FFFFFF; border-radius: 15px; padding: 36px 30px;}
.contact-inner {background: #FFFFFF; border-radius: 15px; padding: 36px 30px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); position: relative;}
.contact_form {padding-top: 150px; padding-bottom:237px; position: relative;overflow: hidden;}
.contact_form::before {content: ''; background: url(../images/footer-bg.png); width: 100%; height:173px;position: absolute; left: 0; right: 0; bottom: -2px; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.contact-inner_left {height: 100%; max-width: 409px;}
.contact_form .contact-inner_left h2 {font-family: 'Jost'; font-style: normal; font-weight: 500; font-size: 22px; line-height: 31px; color: rgba(0, 0, 0, 0.71); padding-bottom: 26px;}
.form-control {background: rgba(0, 0, 0, 0.02); border: none; border-radius: inherit; box-shadow: none; outline: none; color: rgba(0, 0, 0, 0.4); font-family: 'Jost'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 31px; padding: 12px 15px 12px 22px; margin-bottom: 12px; width: 100%;}
.form_inner.textarea .form-control {resize: none; height: 120px;}
.form-but button {background: #01B6EF; border-radius: 5.27049px; padding: 15px 15px; display:block; text-align: center; border: 0; margin: 0; font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 22px; line-height: 31px; color: #FFFFFF; width: 100%; margin-top: 12px;}
.form-control:focus{box-shadow: none;outline: none;background: rgba(0, 0, 0, 0.02);}
.form-control::placeholder {color: rgba(0, 0, 0, 0.4);}
.contact-inner_right {max-width:500px; margin:auto;}

/*--------------------------------------------------------------------------------------*/
/*Footer-Css-Here
/*--------------------------------------------------------------------------------------*/
footer {background:#000; color: #fff; padding-top: 35px;}
footer .footer_first i {padding-right: 20px; font-size: 18px;}
footer a {font-family: 'Jost'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 35px; letter-spacing: 0.01em;}
footer h2 {font-family: 'Jost'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 25px; letter-spacing: 0.01em; color: #01B6EF; padding-bottom: 6px;}
.footer_second p {margin: 0; max-width: 240px; font-family: 'Jost'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 206.5%; color: #fff;}
footer .footer_first img {line-height: 71px; padding-top: 5px;}
footer .footer_first li {padding-bottom:0;}
.footer_four .form-control {background: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); border-radius: 5px; padding: 10px 60px 10px 15px; margin-bottom: 20px !important;font-family: 'Poppins', sans-serif;}
.footer_four input::placeholder{font-family: 'Poppins', sans-serif;}
.footer_four a {background: #01B6EF; border-radius: 5px; padding: 7px 22px; font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 202.5%; letter-spacing: 0.01em; color: #FFFFFF !important; display: inline-block;}
.logo_footer {padding: 0 !important;}
.copyright { border-top: 2px solid rgba(255, 255, 255, 0.1); margin-top: 22px;}
.copyright p {font-family: 'Jost'; font-style: normal;font-weight: 400; font-size: 16px; line-height: 202.5%; letter-spacing: 0.01em; color: #FFFFFF; margin: 0; padding: 5px 0px;}
.round-form {position: absolute; top: 50%; transform: translateY(-50%); left:0px; text-align: center; right: 0; margin: auto; width: 58px; height: 58px; margin-top: -80px;}

.footer_four a:hover {background: #DE4278 !important; color: #fff !important;}
footer .footer_first li a i {color: #01b6ef;}
.logo_footer a {display: block; width: 169px;}
.logo_footer a img{width: 100%}
.footer_four button {background: #01B6EF; border-radius: 5px; padding: 7px 22px; font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 202.5%; letter-spacing: 0.01em; color: #FFFFFF !important; border: 0; margin-left: auto; display: block;}
.copyright .text-right {text-align: right;}
.copyright p a {color: rgba(1, 182, 239, 1) !important; text-decoration: underline; line-height: normal;}

/*--------------------------------------------------------------------------------------*/
/*LoginPage-Css-Here
/*--------------------------------------------------------------------------------------*/

.same-userlogin-header {padding: 55px 0px;}
.container-fluid-same {padding: 0 85px;}
.same-header-inner {display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;}
.same-userlogin-header .logo-header a {display: block;}
.same-userlogin-header .logo-header{max-width: 169px;}
.login-padding {padding: 54px 0;}
.login-padding .container-form {max-width: 408px; margin: auto;}
.header-form h2 {font-weight: 600; font-size: 104px; line-height: 130px; color: #000000; font-family: 'Jost';position: relative;display: inline-block;}
.header-form h2::before {content: ''; background: #DE4278; opacity: 0.2; width: 200px; height: 57px; position: absolute; right: -35px; top: 28px;}
.header-form {padding-bottom: 40px;}
.same-form label {font-size: 16px; line-height: 28px; color: #182D54; font-family: 'Jost'; font-weight: 500; display: block; margin-bottom: 5px;}
.same-form .form-control {border: 1px solid #E7EBF4; background: #FFF; padding: 14px 50px 14px 36px; font-weight: 500; font-size: 16px; line-height: 28px; font-family: 'Jost'; margin: 0;}
.same-form .form-group {margin-bottom: 28px;}
.user-info-link p {font-weight: 400; font-size: 16px; line-height: 28px; color: #A9AFBE; font-family: 'Jost'; margin-bottom: 5px;}
.user-info-link p a {color: rgba(1, 182, 239, 1); text-decoration: underline;}
.user-info-link {margin-bottom: 28px;}
.same-form .btn.btn-info {padding: 7px 35px;}
.skip-info {margin-top: 28px;}
.skip-info a {color: #000000; text-decoration: underline; font-weight: 500; font-size: 16px; line-height: 28px;}
.input-group-form {position: relative;}
.input-group-form .password-icon {position: absolute; top: 50%; right: 30px; transform: translateY(-50%); cursor: pointer;}

/*--------------------------------------------------------------------------------------*/
/*RegistrationPage-Css-Here
/*--------------------------------------------------------------------------------------*/

.form-bar {display: flex; flex-wrap: wrap; display: -webkit-flex; height: 100vh;}
.form-left-bar {max-width: 498px; width: 100%; background: #F4F8FF;}
.left-inner-body {height: 100%; padding: 55px 85px; position: relative;}
.form-left-header .logo-left {max-width: 170px; width: 100%;}
.form-left-header .logo-left a{display: block;}
.form-left-header .language-box {padding: 70px 0 0;}
.language-box .selectpicker {box-shadow: none;}
.left-progressbar {padding: 115px 0 0 80px;}
.form-left-footer {position: absolute; bottom: 60px; left: 0; right: 0; text-align: center; padding: 0 25px;}
.form-left-footer p {font-weight: 500; font-size: 16px; line-height: 28px; font-family: 'Jost';}
.form-left-footer p a {color: rgba(1, 182, 239, 1); text-decoration: underline;}
.left-progressbar ul li {font-weight: 400; font-size: 16px; line-height: 28px; font-family: 'Jost'; margin-bottom: 32px;padding-left: 60px;position: relative;}
.left-progressbar ul li span {width: 30px; height: 30px; background: #FFFFFF; border: 4px solid #E7EBF4; position: absolute; left: 0; border-radius: 100px; top: 50%; transform: translateY(-50%);}
.left-progressbar ul li span::before {content: ''; width: 8px; height: 8px; background: #01B6EF; border-radius: 100px; top: 50%; transform: translateY(-50%); position: absolute; left: 0; right: 0; margin: auto; opacity: 0;}
.left-progressbar ul li.active span::before{opacity: 1}
.left-progressbar ul li.active{color: #01B6EF;}
.left-progressbar ul {position: relative;}
.left-progressbar ul::before {content: ''; background: #E7EBF4; width: 5px; position: absolute; left: 13px; top: 0; bottom: 0; height: 100%;}
.inner-same fieldset {display: none;}
.inner-same fieldset:first-child{display: block;}
.form-right-bar {width: calc(100% - 498px);padding:65px 30px 30px 133px;position: relative;}
.form-right-bar .skip_header_p {text-align: right;}
.form-right-bar .skip_header_p .skip_header {font-weight: 400; font-size: 16px; line-height: 28px; text-decoration-line: underline; color: #000000;}
.form-right-bar .container-form {max-width: 848px;}
.inner-same fieldset {position: relative !important; transform: inherit !important; left: 0 !important; transition: inherit !important; opacity: 1 !important;}
.inner-same fieldset .title-content p {font-weight: 400; font-size: 16px; line-height: 28px; color: #A9AFBE;}
.inner-same fieldset .title-content {margin-bottom: 30px;}
.inner-same fieldset .form-info-content {max-width: 517px;}
.inner-same fieldset .form-info-content p {font-weight: 400; font-size: 16px; line-height: 28px; color: #A9AFBE; margin: 0;}
.inner-same fieldset .form-info-content{margin-bottom: 30px}
.form-right-bar .header-form {padding-bottom: 20px;}
.title-content h2 {font-weight: 600; font-size: 25px; line-height: 28px; color: #182D54; padding-bottom: 25px;}
.title-content span {font-weight: 400; font-size: 16px; line-height: 28px; color: rgba(169, 175, 190, 1); padding-bottom: 0px; display: block;}
.title-content span strong {color: #01B6EF; font-weight: normal;}
.upload-file-form {max-width: 518px;}
.upload-file-form .upload-file {background: #FFFFFF; border: 2px dashed rgba(169, 175, 190, 0.6); border-radius: 10px; position: relative;}
.upload-file-form .upload-file input {position: absolute; left: 0; right: 0; width: 100%; height: 100%; top: 0; bottom: 0;opacity: 0;cursor: pointer;z-index: 1;}
.upload-file-form .upload-file .upload-content {padding: 51px 30px; text-align: center;}
.upload-file-form .upload-file .upload-content p {font-weight: 400; font-size: 18px; line-height: 28px; margin: 0; text-align: center; color: #A9AFBE;}
.upload-content span {display: block; margin: auto; max-width: 104px; height: 87px; margin-bottom: 27px;}
.check-form {margin: 36px 0;}
.check-form .checkbox {position: relative;}
.check-form .checkbox .checkinput {position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0;}
.check-form .checkbox label {color: #182D54; font-weight: 500; font-size: 16px; line-height: 28px; position: relative; padding-left: 60px; margin: 0; cursor: pointer;display: inline-block;}
.check-form .checkbox label p a {color: rgba(47, 180, 99, 1); text-decoration: underline;}
.check-form .checkbox label p {margin: 0}
.check-form .checkbox label span {background: #FFFFFF; border: 4px solid #E7EBF4; width: 30px; height: 30px; display: block; position: absolute; left: 0; border-radius: 100px; top: 50%; transform: translateY(-50%);}
.check-form .checkbox label span::before{content: ''; position: absolute; left: 0; right: 0; width: 8px; height: 8px;background: #01B6EF; border-radius: 100px; top: 50%; transform: translateY(-50%); margin: auto; opacity: 0}
.check-form .checkbox .checkinput:checked + label span::before{opacity: 1}
.inner-same fieldset .title-content p {margin: 0;}
.inner-same fieldset .title-content p a {color: rgba(47, 180, 99, 1);}
.input-group-form .otp {color: #FF6430; font-weight: 500; font-size: 14px; line-height: 28px; border: 0; display: block; margin-left: auto; background: transparent;}
.opt-input {max-width: 518px;}
.platform-group .platform-content {display: flex; align-items: center;padding-bottom: 42px;}
.platform-group .platform-content h2 {display: inline-block; position: relative; margin-right: 15px; font-weight: 600; font-size: 25px; line-height: 28px; color: #182D54;}
.platform-group .platform-content h2::before {content: ''; background: rgba(222, 66, 120, 0.2); width: 170px; height: 15px; position: absolute; right: -5px; bottom: 0;}
.platform-group .platform-content span {width: 32px; height: 32px; border-radius: 100px; display: inline-block;}
.form-right-bar .header-form h2::before {width: 408px;}
.inner-same fieldset .form-info-content p a {color: rgba(1, 182, 239, 1); font-weight: 500;}
.password-input-group {max-width: 518px;}

/*--------------------------------------------------------------------------------------*/
/*BusinessPage-Css-Here
/*--------------------------------------------------------------------------------------*/
.business-section {padding: 120px 0 80px;}
.business-section .same-heading {text-align: center;}
.business-section .same-heading h2 {display: inline-block;}
.business-section .same-heading h2::before {right: 0; left: inherit;}
.business-section .table-inner {background: linear-gradient(100.96deg, #FF4066 0%, #FFF16A 100.6%); border-radius: 20px; padding: 30px; margin-top: -30px;position: relative;}
.business-section .table-inner .table {background: #FFFFFF; border-radius: 19.9513px; margin: 0;	border: 0;}
.business-section .table-inner .table th, .table-inner .table td {border: 0; padding: 11px 30px; font-weight: 500; font-size: 20px; line-height: 29px;}
.business-section .table-inner .table td {color: rgba(0, 0, 0, 0.4);text-align: center;}
.business-section .table-inner .table th{color: rgba(0, 0, 0, 0.6);}
.business-section .table-inner .table tr:nth-child(2n) {background: rgba(1, 182, 239, 0.03);}
.business-section .plan-btn {margin-left: auto; display: block; display: flex; justify-content: flex-end; z-index: 1; position: relative; margin: auto; padding-right: 0px;}


.business-section .plan-btn .same-plan {background: linear-gradient(285.5deg, #FED656 0%, #FF4AD7 96.89%); border-radius: 25px 25px 0px 0px; max-width: 100%; width: 100%; padding: 10px; text-align: center; margin: 0; overflow: hidden; position: relative; min-width: 228px;}
.business-section .plan-btn .same-plan.center-plan {background: linear-gradient(285.5deg, #5EF4FF 0%, #4AB0FF 96.89%); border-radius: 25px 25px 0px 0px;}
.business-section .plan-btn .same-plan.right-plan {background: linear-gradient(285.5deg, #ADD9FD 0%, #5687FF 96.89%); border-radius: 25px 25px 0px 0px;}
.business-inner .business-tabel {padding-top: 91px;}
.business-section .plan-btn .same-plan p {margin: 0; font-weight: 600; font-size: 22px; line-height: 32px; font-family: 'Jost'; color: #FFF; margin-bottom: 6px;}
.business-section .plan-btn .same-plan strong {font-weight: 600; font-size: 35.2634px; line-height: 51px; color: #FFF;}
.business-section .plan-btn .same-plan small {font-weight: 500; font-size: 19.8521px; line-height: 29px; color: rgba(255, 255, 255, 0.9);}
.business-section .plan-btn .same-plan::before {content: ''; border: 18.9401px solid #000000; width: 133px; height: 133px; position: absolute; right: 0; border-radius: 100px; opacity: 0.1; top: -57px; right: -57px;}
.business-section .plan-btn .same-plan::after {content: ''; border: 18.9401px solid #000000; width: 73px; height: 73px; position: absolute; right: 0; border-radius: 100px; opacity: 0.1; top: -24px; right: -24px;}
.business-section .table-inner .table td .btn-same {padding: 0 15px; background: linear-gradient(93.65deg, #FE8EE5 1.51%, #FEC566 99.25%); border: 1px solid rgba(47, 180, 99, 0.1); border-radius: 10px; font-weight: 500; font-size: 16px; color: #FFFFFF; width: 171px; height: 44px; line-height: 44px;}
.business-section .table-inner .table td .btn-same.boy-now2{background: linear-gradient(94.11deg, #4AB1FF 1.36%, #5CEEFF 100.46%); border: 1px solid rgba(47, 180, 99, 0.1);}
.business-section .table-inner .table td .btn-same.boy-now3{background: linear-gradient(93.5deg, #5889FF 0.26%, #A3D0FD 98.36%);border: 1px solid rgba(47, 180, 99, 0.1);}
.business-section .table-inner::before {content: ''; position: absolute; right: 0; width: 183px; height: 183px; top: -82px; border-radius: 100%; background: #DFF5F1; left: -82px; z-index: -1; animation: crical_service 1s infinite ease-in-out alternate;}
.business-section .plan-btn .same-plan .time-month{padding: 11px 0;}
.contact-inner::before{content: ''; position: absolute; right: 0; width: 183px; height: 183px; top: -82px; border-radius: 100%; background: #DFF5F1; right: -82px; z-index: -1; animation: crical_service 1s infinite ease-in-out alternate;}
.footer_four_logo a {text-align: right; margin-left: auto;}
.dropdown-toggle {font-size: 18px; background-color: #FFF !important; outline: none !important; margin-right: 20px; appearance: none; -webkit-appearance: none; background-image: url(../images/down-arrow.png) !important; background-repeat: no-repeat !important; background-position: 85% !important; border: 1px solid #DDD !important; height: auto; padding: 7px 23px 10px 5px !important; border-radius: 4px; min-width: 71px; box-shadow: 0px 4px 4px rgba(174, 174, 174, 0.25) !important; cursor: pointer; color: #000 !important;}
.dropdown-toggle::after{display: none;}
.dropdown-menu {padding: 0; min-width: 75px !important;}

/*--------------------------------------------------------------------------------------*/
/*OnlineTestSection-Css-Here
/*--------------------------------------------------------------------------------------*/
.online-test-section{padding: 78px 0;background: #DE4278; position: relative;}
.online-test-section::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-image: url(../images/online-before-bg.png); width: 200px; height: 400px; background-size: cover; background-repeat: no-repeat; background-position: right;}

.online-test-section .left_heading h2 {font-weight: 400; font-size: 44px; line-height: 64px; color: #FFF; padding-bottom: 17px;}
.online-test-section .left_heading h2 strong{display: block;}
.online-test-section .left_heading p {font-weight: 400; font-size: 16px; line-height: 33px; color: #FFF; margin: 0; padding-bottom: 30px;}
.online-test-section .left_heading .btn{box-shadow: 0px 4px 4px rgba(222, 66, 120, 0.25);background: #FFF; color: rgba(222, 66, 120, 1); padding: 7px 39px;}
.flex-custom {display: flex; flex-wrap: wrap; display: -webkit-flex;max-width:1920px; margin:auto;}
.flex-custom .online-services {width:65%;}
.online-test-section .left_heading {padding: 0 15px; width:35%; display:flex; align-items:center;}
.online-test-section .left_heading .heading-content {max-width: 331px; margin-left: auto;}
.online-test-section .online-item {padding: 30px 27px; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.online-test-section .online-item figure {border-radius: 10px; overflow: hidden;}
.online-test-section .online-item .item-content{padding-top: 38px;position: relative;}
.online-test-section .online-item .item-content::before {content: ''; position: absolute; left: -27px; width: 4px; top: 38px; background: rgba(1, 182, 239, 0.8); height: 102px;}
.online-test-section .online-item.center-item  .item-content::before{background: rgba(230, 132, 247, 0.8);}
.online-test-section .online-item.right-item .item-content::before{background: rgba(144, 221, 180, 0.8);}
.online-item .item-content h2 {font-weight: 600; font-size: 22px; line-height: 32px; margin-bottom: 15px;}
.online-item.left-item .item-content h2 {color: #5BC3EC;}
.online-item.center-item .item-content h2 {color: #E684F7;}
.online-item.right-item .item-content h2 {color: #90DDB4;}
.online-item .item-content p{font-weight: 400; font-size: 16px; line-height: 23px; color: #707070;max-width: 276px; padding-bottom: 15px; margin: 0}
.online-item .item-content .d-flex {justify-content: space-between; align-items: center;}
.online-item .item-content .d-flex strong{font-weight: 500; font-size: 16px; line-height: 23px; color: #707070;}
.online-item .item-content .d-flex .btn{background: #01B6EF; border-color:#01B6EF !important; color:#FFF }
.online-item .item-content .d-flex .btn:hover{background: #DE4278; border-color: #DE4278 !important}
.flex-custom .online-services .owl-dots {display: flex; position: absolute;bottom: -47px;left: 0; right: 0; margin: auto; justify-content: center; align-items: center;} .online-services .owl-dots .owl-dot {width: 16px; height: 16px; border: 1px solid #FFF; border-radius: 100px; margin: 0 9px; position: relative;}
.online-services .owl-dots .owl-dot {width: 16px; height: 16px; border: 1px solid #FFF; border-radius: 100px; margin: 0 9px; position: relative;}
.online-services .owl-dots .owl-dot:before{content: ''; position: absolute; right: -19px; top: 50%;transform: translateY(-50%); width: 18px; height: 1px; background: #FFF} 
.online-services .owl-dots .owl-dot:last-child:before{display: none;}
.online-services .owl-dots .owl-dot.active{background: #01B6EF;}
.left_heading .heading-content span {display: inline-block; margin-bottom: 15px; width: 60px; position: relative;}
.left_heading .heading-content span::before {content: ''; border: 3px dashed #FFFFFF; height: 100px; position: absolute; top: -94px; left: 0; right: 0; width: 3px; margin: auto;}
.left_heading .heading-content span::after {content: ''; border: 3px dashed #FFFFFF; width: 100px; position: absolute; bottom: 4px; right: -97px; height: 3px; margin: auto;}


/*--------------------------------------------------------------------------------------*/
/*Test-Page-Css-Here
/*--------------------------------------------------------------------------------------*/

.innercontent-left .same-heading h2 span {position: relative;}
.innercontent-left .same-heading h2 span::before {content: ''; position: absolute; bottom: 0; left: 0; background-size: 167px; background-repeat: no-repeat; background-image: url(../images/lahr.png); height: 19px; width: 167px;}
.innercontent-left .same-heading h2::before{display: none;}
.innercontent-left {max-width: 800px;}
.inner_banner {padding: 93px 0 70px;}
.innercontent-left .same-heading h2 {padding: 0;}
.innercontent-left .same-heading h3 {padding: 33px 0; font-weight: 500; font-size: 18px; line-height: 28px; color: #01B6EF;font-family: 'Open Sans' !important;}
.inner_banner_content .row {align-items: center;}
.subjects-inner .same-heading h2 {display: inline-block;}
.subjects-inner .same-heading h2::before{right: 0; left: inherit;}
.banner-img-right figure {position: relative; max-width: 453px; margin: auto; width: 100%; z-index: 0;overflow: hidden;}
.banner-img-right figure::after {content: ''; position: absolute; left: 73px; right: 0; width: 246px; background: url(../images/inner-banner-after.png); height: 383px; z-index: -1; background-repeat: no-repeat; background-position: center; background-size: cover; margin: auto;}
.banner-img-right figure::before {content: ''; position: absolute; background: url(../images/inner-banner-before.png); width: 140px; height: 140px; right: 0; z-index: -1;}
.subjects-section {padding-bottom: 85px;}
.tabing-inner ul {margin: -15px; width: auto; display: flex; flex-wrap: wrap; display: -webkit-flex;}
.tabing-inner ul li {padding: 16px; width: 33.333%;}
.tabing-inner ul .tabing-blog {padding: 28px 28px; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.tabing-blog .tabing-contant {position: relative; height: 100%; padding-bottom: 38px !important;}
.tabing-blog .tabing-contant h2 {font-weight: 600; font-size: 22px; line-height: 32px;margin-bottom:26px;}
.tabing-blog .tabing-contant p{font-weight: 400;font-size: 16px;line-height: 23px;color: #707070;max-width: 276px; margin-bottom: 22px;}
.tabing-blog .tabing-contant strong{font-weight: 500; font-size: 16px; line-height: 23px; color: #707070; display: block; margin-bottom: 24px;}
.tabing-blog .tabing-contant .tabing-contant-image {overflow: hidden; margin: 0 0 7px 0; border-radius: 5px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.07);}
.tabing-blog .tabing-contant .tabing-contant-image img {height: 192px; width: 100%; object-fit: cover;}
.tabing-blog .tabing-contant .tabing-contant-detail1 {position: relative; padding-bottom: 38px;}
.tabing-blog .tabing-contant .tabing-contant-detail h2 {display: flex; margin: 0 0 11px 0;}
.tabing-blog .tabing-contant .tabing-contant-detail h2 .price {margin-left: auto; color: #707070; font-size: 16px; font-weight: 500; line-height: normal; padding: 7px 0 0 0;}
.tabing-blog .tabing-contant .tabing-contant-detail p {max-width: 100%; margin-bottom: 16px;}
.tabing-blog .tabing-contant .buynow {border-radius: 5px; background: var(--craim-color, #01B6EF); width: 100%; color: #FFF; position: absolute; left: 0; bottom: 0; right: 0;}
.tabing-blog.colo1 .tabing-contant h2{color: #5BC3EC;}
.tabing-blog.colo2 .tabing-contant h2{color: #E684F7;}
.tabing-blog.colo3 .tabing-contant h2{color: #90DDB4;}
.tabing-blog .tabing-contant::before{content: ''; position: absolute; left: -30px; top: 19px; height: 58px; width: 2px;} 
.tabing-blog.colo1 .tabing-contant::before{background: #5BC3EC}
.tabing-blog.colo2 .tabing-contant::before{background: #E684F7}
.tabing-blog.colo3 .tabing-contant::before{background:#90DDB4}
.tabing-inner ul .tabing-blog .tabing-img {position: relative;overflow:hidden; border-radius:10px;}
.tabing-inner ul .tabing-blog .tabing-img figure{border-right: 10px; overflow: hidden;}
.tabing-inner ul .tabing-blog .tabing-img .btn{position: absolute; right: 0; bottom: 0}
.tabing-inner ul .tabing-blog .tabing-img .btn {position: absolute; right: 0; bottom: 0; padding: 8px 11px; background: #01B6EF; border-color: #01B6EF !important; color: #FFF;}
.subjects-tabing .tabing-inner {padding-top: 16px;}
.subjects-tabing .nav-item .nav-link {color: #707070 !important; font-weight: 400 !important; font-size: 18px; line-height: 26px; padding:0; background: transparent !important; border-bottom: 2px solid #FFF; border-radius: 0px;padding-bottom: 19px;}
.subjects-tabing .nav-item {margin: 0 16px;}
.subjects-tabing .nav-item .nav-link:hover, .subjects-tabing .nav-item .nav-link.active{color: #01B6EF !important; border-color:#01B6EF;}
.subjects-tabing .nav {margin-bottom: 0 !important;}
.pagection-group {padding-top: 24px; display: flex; display: -webkit-flex; justify-content: flex-end;}
.pagection-group .group-link {background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 6px;display: flex;}
.pagection-group .group-link a {width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; line-height: normal; border-radius: 100px; border: 1px solid #DDD; color: #B9B6B6; margin: 0 6px;}
.pagection-group .group-link a:hover{border-color: #01B6EF; background: #01B6EF; color: #FFF}
.subjects-tabing .tab-custom{position: relative;}
.subjects-tabing .tab-custom .group-tabing {display: flex; align-items: center; margin-bottom: 16px !important; border-bottom: 2px solid rgba(0, 0, 0, 0.03); display: -webkit-flex; justify-content: space-between;}
.search-group {max-width: 472px; position: relative; width: 100%; margin-top: -15px;}
.search-group .form-control {height: 52px; padding: 0 20px; background: rgba(169, 175, 190, 0.1); border: 1px solid rgba(196, 197, 207, 0.08); border-radius: 10px; margin: 0;}
.search-group .search-icon {position: absolute; right: 0; top: 0; background: transparent; border: 0; height: 100%; width: 70px; display: flex; align-items: center; justify-content: center;}
.subjects-tabing {padding-top: 50px;}

/*--------------------------------------------------------------------------------------*/
/*Dashboard-Css-Here
/*--------------------------------------------------------------------------------------*/
.dashboard-warpper {max-width: 1920px; margin: auto;}
.dashboard-row {display: flex; display: -webkit-flex; flex-wrap: wrap;}
.left-sidebar {max-width: 276px; width: 100%; /*position: fixed; top: 117px; height: calc(100vh - 117px); background: #FFF;*/ }
.leftside-custom {height: 100%; border-right: 2px solid rgba(0, 0, 0, 0.03);padding: 61px 0;}
.right-sidebar {/*width:100%;*/ width: calc(100% - 276px); background: #f7f7fa;/*padding-left:276px;*/ }
.rightside-custom {min-height: calc(100vh - 117px);padding: 30px;}
.title-header h2 {font-weight: 600; font-size: 20px; line-height: 28px; color: #182D54;}
.title-header {display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 32px;}
.dashboard-search-group {max-width: 472px; width: 100%;}
.dashboard-search-group .search-same {position: relative;}
.dashboard-search-group .form-control {background: #FDFDFC; border-radius: 10px; margin: 0;padding-right: 60px;}
.dashboard-search-group .search-btn {position: absolute; right: 0; top: 0; height: 100%; width: 60px; background: transparent; display: flex; align-items: center; justify-content: center; border: 0;}
.card-header ul {display: flex; display: -webkit-flex; flex-wrap: wrap; margin: -17px;}
.card-header ul li{padding: 17px; width: 25%;}
.card-header ul li a {background: #FFFFFF; box-shadow: 0px 4px 5px rgba(44, 50, 63, 0.02); border-radius: 10px; overflow: hidden; display: block; padding: 15px;border: 2px solid #FFF;}
.card-header ul li a.active{border: 2px solid rgba(225, 30, 137, 0.6);}
.card-header ul li .card-col {display: flex; justify-content: space-between; display: -webkit-flex;}
.card-col .card-img {width: 80px; height: 80px; background: #EDF4FF; border-radius: 5px; overflow: hidden;display:flex; align-items:center; justify-content:center;}
.card-title p {font-weight: 400; font-size: 18px; line-height: 28px; color: rgba(0, 0, 0, 0.6); padding-bottom: 7px;}
.card-title strong {font-weight: 600; font-size: 22px; line-height: 28px; color: rgba(0, 0, 0, 0.9);}
.card-header {padding: 0 0 30px;}
.user-info-profile figure {width: 70px; height: 70px; overflow: hidden; border-radius: 100px; background:#FFF; margin: auto auto 22px; display: flex; align-items: center; justify-content: center; padding: 5px !important;}
.user-info-profile figure img {object-fit: cover; width: 100%; height: 100%;}
.user-info-profile strong {display: block; text-align: center; font-weight: 500; font-size: 18px; line-height: 28px; color: rgba(0, 0, 0, 0.8);}
.user-info-profile {text-align: center;padding-bottom: 40px;}
.user-info-profile a {background: #01B6EF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 1px 22px; display: inline-block; font-weight: 500; font-size: 14px; line-height: 22px; color: #FFF; margin-top: 15px;}
.leftside-menu ul li a {font-weight: 400; font-size: 16px; line-height: 23px; padding: 16px 40px 16px 85px; display: block; color: #6C757D;}
.leftside-menu ul li a:hover, .leftside-menu ul li a.active{background: rgba(1, 182, 239, 0.06);color: rgba(1, 182, 239, 1)}
.leftside-menu ul li a.active {font-weight: 500;}
.leftside-menu ul li a span {width: 20px; height: 20px; display: inline-block; margin-right: 15px;}
.chart-row {display: flex; display: -webkit-flex; margin:-17px; flex-wrap: wrap;}
.chart-row .left-chart {width: 35%; padding: 17px;}
.chart-row .center-chart {width: 30%; padding: 17px;}
.chart-row .right-chart {width: 35%; padding: 17px;}
.chart-row .chart-col {height: 100%; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(44, 50, 63, 0.02); border-radius: 10px;}
.chart-col .chart-header {display: flex; justify-content: space-between; padding: 15px 20px; align-items: center; display: -webkit-flex; flex-wrap: wrap;}
.chart-col .chart-header h3 {font-weight: 500; font-size: 18px; line-height: 28px; color: rgba(0, 0, 0, 0.8);padding-bottom: 10px;border-bottom: 1px solid rgba(217, 217, 217, 0.5);position: relative;}
.chart-col .chart-header h3 a {position: absolute; right: -35px; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; top: 0;}
.chart-header .dropdown .dropdown-toggle {margin: 0; padding: 0 !important; border: 0 !important; box-shadow: none !important; color: rgba(0, 0, 0, 0.8) !important; font-weight: 400; font-size: 18px; line-height: 28px; padding-right: 40px !important;}
.chart-header .dropdown .dropdown-menu {border: 0; box-shadow: 0px 0px 10px rgba(174, 174, 174, 0.25) !important; border-radius: 0 !important; padding: 0;}
.chart-header .dropdown .dropdown-menu li a {padding: 10px 15px; display: block; border-bottom: 1px solid #DDD; font-size: 14px; color: #333;}
.chart-header .dropdown .dropdown-menu li:last-child a{border: 0} 
.chart-header .dropdown .dropdown-menu li a:hover{background: #01B6EF; color: #FFF !important}
.center-chart .chart-col .chart-blog {text-align: center; padding-top: 100px;}
.chart-inner {padding-bottom: 30px;}
.recent-inner {padding-bottom: 30px;}
.recent-inner .recent-row {display: flex; display: -webkit-flex; flex-wrap: wrap; margin: -19px;}
.recent-row .recent-col {width: 50%; padding: 17px;}
.recent-row .recent-col .recent-blog {height: 100%; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(44, 50, 63, 0.02); border-radius: 10px;}
.recent-title {padding: 15px 20px; display: flex;justify-content: space-between;display: -webkit-flex;}
.recent-title h3 {font-weight: 500; font-size: 18px; line-height: 28px; color: #182D54; position: relative; padding-bottom: 10px;}
.recent-title h3::before {content: ''; position: absolute; left: 0; bottom: 0; background: rgba(217, 217, 217, 0.5); width: 58px; height: 1px;}
.recent-blog-content ul li {padding: 15px 20px; border-bottom: 1px solid rgba(217, 217, 217, 0.3);}
.recent-blog-content ul li h3 {font-weight: 500; font-size: 15px; line-height: 23px; color: rgba(0, 0, 0, 0.8); margin-bottom: 10px;}
.recent-blog-content ul li .timer-info {display: flex; display: -webkit-flex;}
.timer-info .group p {margin: 0; font-weight: 400; font-size: 14px; line-height: 20px; color: #6A757E;}
.timer-info .group.assigne p span {color: #959595;}
.timer-info .group p span{color: #01B6EF;}
.timer-info .group {padding: 0 10px; border-right: 1px solid #DDD; display: flex;align-items: center;}
.timer-info .group:first-child{padding-left: 0}
.timer-info .group:last-child{border-right: 0}
.timer-info .group .grouo-img {width: 12px; height: 12px; display: flex; align-items: center; justify-content: center; margin-right: 10px;}
.recent-blog-content ul li .recent-opening-contant {padding-right: 170px; position: relative;}
.recent-opening-contant .ongoing-btn {background: #6A757E; border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 20px; color: #FFF; padding: 5px 23px;text-align:center;}
.info-button {position: absolute; right: 0; display: flex; flex-direction: column; top: 50%; transform: translateY(-50%);}
.info-button .view-details-info {border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 20px; color: #2FB463;padding: 5px 6px;margin-bottom: 10px;}
.recent-opening-contant .assigned-btn { background: #EE4F6D; border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 20px; color: #FFF; padding: 5px 23px;text-align:center;}
.recent-blog-content ul li .recent-opening-contant .edit-btn {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;}
.recent-blog-content ul {margin-bottom: 15px;}
.recent-blog-content .view-all {margin-bottom: 15px; display: inline-block; margin-left: 20px; font-weight: 500; font-size: 14px; line-height: 20px; color: #01B6EF; margin-right: 20px;}
.recent-user-info figure {background: #FFE4F2; width: 58px; height: 58px; bordr-r: ; border-radius: 100px; display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 18px; line-height: 12px; color: #333333;}
.recent-user-info {display: flex; align-items: center; display: -webkit-flex; flex-wrap: wrap; position: relative;padding-right: 230px;}
.recent-user-info .recent-text {width: calc(100% - 58px); padding-left: 20px;}
.recent-user-info .recent-text .active-btn {font-weight: 500; font-size: 14px; line-height: 20px; color: #FFFFFF; background: #2FB463; border-radius: 4px; padding: 5px 30px; text-align: center;}
.user-select {border-radius: 5px; overflow: hidden; display: flex; align-items: center;}
.user-select a {font-weight: 500; font-size: 16px; line-height: 12px; color: #75819E; padding: 8px 15px; display: flex; height: 100%; align-items: center; justify-content: center; border: 2px solid rgba(117, 129, 158, 0.2);}
.user-select a.blue {background: #01B6EF; color: #FFF; border-radius: 5px; position: relative;  border-color: #01B6EF;}
.table-inner .table-box {background: #FFFFFF; box-shadow: 0px 0px 10px rgba(44, 50, 63, 0.02); border-radius: 10px; overflow: hidden;position: relative;}
.table-header {padding: 32px 20px;}
.table-header h3 {font-weight: 600; font-size: 18px; line-height: 28px; color: #182D54;}
.table-inner .same-table {padding: 0 20px;}
.same-table table th {font-weight: 500; font-size: 16px; line-height: 28px; color: #495057; background: #EFF2F7; border: 0; padding: 10px 15px;}
div.same-table table td {font-weight: 400 !important; font-size: 15px !important; line-height: 23px !important; color: #6A757E !important; padding: 10px 15px !important; border: 0 !important;}
div.same-table table tr {border: 0 !important;}
div.same-table table tbody tr:nth-child(even) {background:  #F7F7FA;}
div.same-table table tbody tr.odd td {background: transparent !important; --bs-table-accent-bg: none !important;}
.table-inner #example_info {display: none;}
.table-inner div.paging_simple_numbers{display: none;}
.tab-pane .dataTables_info{display: none;}
.tab-pane .dataTables_paginate{display: none;}

.table-inner div.same-table table td a {padding: 10px; text-align: center; display: inline-block; font-weight: 500; font-size: 14px; line-height: 10px; color: #FFFFFF; width: 106px;}
.table-inner div.same-table table td a.ongoing{background: #6A757E;border-radius: 4px;}
.table-inner div.same-table table td a.compleated{background: #2FB463;border-radius: 4px;}
.table-inner div.same-table table td a.not-assigned {background: #75D9E4; border-radius: 4px;}
.table-inner div.same-table table td a.active {background: #2FB463;border-radius: 4px;}
.table-inner div.same-table table td a.in-progress {background: #FFC57F;border-radius: 4px;}
.view-all-btn {margin-bottom: 15px; display: inline-block; margin-left: 20px; font-weight: 500; font-size: 14px; line-height: 20px; color: #01B6EF;}
.dataTables_length label {font-size: 0;}
.dataTables_length select {background: #C8CED0; border-radius: 8px; padding: 12px; font-weight: 400; font-size: 15px; line-height: 23px; border: 0; background-image: url(../images/select-search-table.png); color: #FFF; appearance: none; -webkit-appearance: none; background-repeat: no-repeat; background-position: 85%; width: 72px; height: 52px;}
.dataTables_filter label {font-size: 0;}
.dataTables_filter input {background: #FDFDFC; border: 0.65px solid rgba(196, 197, 207, 0.6); border-radius: 8px; height: 52px; font-size: 15px; max-width: 253px; width: 100%; padding: 15px; box-shadow: none; outline: none;}
.dataTables_filter {position: absolute; top: 20px; right: 110px;}
.dataTables_length {position: absolute; top: 20px; right: 20px;}
.profile-dropdown .dropdown-toggle {box-shadow: none !important; width: 46px; height: 46px; border-radius: 100px; overflow: hidden; padding: 0 !important; background: #FFF !important; margin: 0 !important; min-width: inherit; display: flex; align-items: center; justify-content: center; margin-left: 10px !important; box-shadow: 0 0 15px rgb(220 218 218) !important; padding: 0px !important; border: 1px solid #01B6EF !important;}
.profile-dropdown .dropdown-menu {right: 0 !important; left: inherit;}
.profile-dropdown .dropdown-menu li a {padding: 10px 15px; display: block; border-bottom: 1px solid #DDD; font-size: 14px; color: #333;}
.profile-dropdown .dropdown-menu li:last-child a{border-bottom: 0}
.download-report-modal .modal-dialog {height: 100%; margin: 0; width: 100%; max-width: 100%; display: flex; align-items: center; justify-content: center;}
.download-report-modal .modal-dialog .modal-content {max-width: 382px; background: #FFFFFF; border-radius: 10px; border: 0;}
.download-report-modal .modal-header {padding: 30px 20px; border: 0;position: relative;}
.download-report-modal .modal-header h1 {display: inline-block; font-weight: 500; line-height: 20px; color: #182D54; font-size: 18px !important; padding-bottom: 15px; position: relative;}
.download-report-modal .modal-header h1::before {width: 58px; height: 1px; background: rgba(217, 217, 217, 0.5); position: absolute; bottom: 0; content: ''; left: 0;}
.download-report-modal .modal-header .btn-close {position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; color: red; color: ; box-shadow: none !important; outline: none !important;}
.download-date .input-border {border: 1px solid #E7EBF4; padding: 6px 12px; display: flex; align-items: center; display: -webkit-flex;}
.download-date .form-group {margin-bottom: 30px;}
.download-date .input-border span {width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; margin-right: 7px;}
.download-date .input-border .input-inlne {width: calc(100% - 35px);}
.download-date .input-border .input-inlne label {font-weight: 500; font-size: 13px; line-height: 19px; color: rgba(0, 0, 0, 0.3);}
.download-date .input-border .input-inlne .form-control {height: auto !important; padding: 0; font-weight: 600; font-size: 12px; line-height: 16px; color: rgba(1, 182, 239, 0.8); margin: 0;}
.download-date .input-border .input-inlne input::placeholder{color: rgba(1, 182, 239, 0.8) !important; opacity: 1}
.download-report-modal .modal-body {padding: 0 20px 30px;}
.inner-rightbar #example_length {display: none;}
.inner-rightbar #example_filter {display: none;}
.inner-rightbar .table-inner .same-table {padding: 0;}
.title-header .invite-info button {padding: 12px 15px; border: 0; background: #DE4278; box-shadow: 0px 4px 4px rgba(222, 66, 120, 0.25); border-radius: 5px; font-weight: 500; font-size: 16px; line-height: 28px; color: #FFF; margin-left: 15px;display:flex; align-items:center; justify-content:center }
.title-header .invite-info button span{display: inline-block; vertical-align: middle; margin-right: 10px;}
.title-header .invite-info {display: flex; align-items: center; justify-content: center;}
.table-inner div.same-table table td a.icon-link {padding: 0; width: 24px; height: 24px; margin: 0 15px;}
div.table-bgnone .table {background: #FFFFFF; box-shadow: 0px 0px 10px rgba(44, 50, 63, 0.02); border-radius: 10px; overflow: hidden; position: relative; margin: 0; padding-bottom: 30px;}
div.table-bgnone div.paging_simple_numbers {display: block; margin-left: auto; float: right; margin-top: 32px; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 6px 10px; display: flex !important;align-items: center;display: -webkit-flex !important;}
div.table-bgnone div.paging_simple_numbers .paginate_button.previous, div.table-bgnone div.paging_simple_numbers .paginate_button.next {font-size: 0;}
div.table-bgnone div.paging_simple_numbers .paginate_button {width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; line-height: normal; border-radius: 100px; border: 1px solid #DDD !important; color: #B9B6B6 !important; margin: 0 6px;padding: 0 !important;}
div.table-bgnone div.paging_simple_numbers span{display: flex;}
div.table-bgnone div.paging_simple_numbers a.paginate_button:hover, div.table-bgnone div.paging_simple_numbers a.paginate_button.current{border-color: #01B6EF !important;background: #01B6EF !important;color: #FFF !important;}
div.table-bgnone div.paging_simple_numbers .paginate_button.previous::before{content: "\f104";  font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 14px;}
div.table-bgnone div.paging_simple_numbers .paginate_button.next::before{content: "\f054";  font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 14px;}
.algin-margin-po .popup-same {height: 100%; margin: 0; display: flex; align-items: center; justify-content: center; max-width: 100%;}
.algin-margin-po .popup-same .modal-content {max-width: 428px;border: 0; width:100%;border-radius: 15px;}
.popup-same .modal-content .modal-header {padding: 30px 20px 15px; border: 0; position: relative;}
.popup-same .modal-content .modal-header h1 {font-weight: 500; font-size: 18px !important; line-height: 20px; color: #182D54; position: relative; margin: 0; padding-bottom: 15px;}
.popup-same .modal-content .modal-header h1::before {content: ''; position: absolute; left: 0; bottom: 0; background: rgba(217, 217, 217, 0.5); height: 1px; width: 58px;}
.popup-same .modal-content .modal-header .btn-close {position: absolute; padding: 0; outline: 0; box-shadow: none; width: 20px; height: 20px; top: 25px; right: 25px;background-color: transparent;}
.popup-form .form-group label {font-weight: 500; font-size: 16px; line-height: 28px; color: #495057; margin-bottom: 5px;}
.popup-form .form-group .form-control {border: 1px solid #E7EBF4; border-radius: 0; height: 56px; padding: 0 24px; font-weight: 400; font-size: 15px; line-height: 28px; color: #75819E; margin-bottom: 0}
.popup-form .form-group {margin-bottom: 15px;}
.popup-form .form-group textarea.form-control {resize: none; padding: 13px 25px;}
.popup-form .form-btn {text-align: right;}
.popup-same .delete-content figure {max-width: 118px; height: 118px; margin: auto; margin-bottom: 30px; border-radius: 100px; overflow: hidden;}
.popup-same .delete-content p {margin: 0; font-weight: 500; font-size: 18px; line-height: 28px; color: #495057; text-align: center;}
.delete-modal .modal-body, .delete-modal .modal-footer {padding: 0; border: 0; text-align: center;}
.delete-modal {padding: 32px 20px;}
.delete-modal .modal-footer {display: flex; justify-content: center; padding-top: 30px;}
.btn.btn-primary {padding: 6px 22px; background: transparent; color: #fff; font-size: 16px; border-radius: 5px; display: inline-block; box-shadow: 0px 4px 4px rgba(222, 66, 120, 0.25); line-height: 28px; font-weight: 500; border: 1px solid #DE4278; color: #DE4278;}
.delete-modal .modal-footer .btn {margin: 0 8px;}
.title-header .invite-info .dropdown .dropdown-menu {border: 0; min-width: 187px !important;  background: #FFFFFF; box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.05); border-radius: 6px;}
.invite-info .dropdown .dropdown-menu .checkbox {position: relative;}
.invite-info .dropdown .dropdown-menu .checkbox input {position: absolute; width: 0; height: 0; opacity: 0;}
.invite-info .dropdown .dropdown-menu .checkbox label {position: relative; padding: 10px 15px; font-weight: 400; font-size: 15px; line-height: 20px; color: #495057; cursor: pointer;}
.dropdown-menu .checkbox label span {border: 1px solid #C8CED0; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-right: 15px;border-radius: 5px;position:relative;}
.dropdown-menu .checkbox label span::before {content: ''; position: absolute; right: 0; top: 0; bottom: 0; left: 0; width: 9px; height: 15px; transform: rotate(46deg); border-bottom: 3px solid #FFF; border-right: 3px solid #FFF; margin: auto; margin-top: 2px;}
.dropdown-menu .checkbox input:checked ~ label span{background:#01b6ef;border-color: #01b6ef}
.title-header h2 small {font-weight: 400; font-size: 16px; line-height: 28px; color: #495057;}
.title-header h2 small a{ color: #495057;}
.table-inner.info-tabel {margin-bottom: 30px;}
.student-info-row .student-info-col {height: 100%; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(44, 50, 63, 0.02); border-radius: 10px; padding:25px 20px; overflow: hidden;position: relative;}
.student-info-row .student-info-col .edit-icon-btn a {width: 100%; justify-content: ; height: 100%; display: flex; align-items: center; justify-content: center;}
.student-info-row .student-info-col .edit-icon-btn {position: absolute; top: 10px; right: 15px; width: 40px; height: 40px; align-items: center; display: flex;}

.student-info-col .student-info-content h2 {font-weight: 600; font-size: 18px; line-height: 28px; color: #182D54; padding-bottom: 8px; margin-bottom: 15px; position: relative;}
.student-info-col .student-info-content h2::before {content: ''; background: rgba(217, 217, 217, 0.5); width: 58px; height: 1px; position: absolute; bottom: 0; left: 0;}
.student-info-content .student-info-list ul {margin: -15px; display: flex; display: -webkit-flex; flex-wrap: wrap;}
.student-info-content .student-info-list ul li {width: 50%; padding: 15px;}
.student-info-content .student-info-list ul li strong {font-weight: 500; font-size: 16px; line-height: 28px; color: #495057;}
.student-info-content .student-info-list ul li p{font-weight: 400; font-size: 15px; line-height: 23px; margin: 0; color: #6A757E;}
.student-info-row .student-info-col.students-table {padding: 0;}
.student-info-row .row + .row {margin-top: 24px;}
.students-table .table th {font-weight: 500; font-size: 16px; line-height: 28px; color: #495057; background: #EFF2F7; padding: 10px 20px; border: 0;}
.students-table .table td {border: 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #75819E; padding: 20px 20px;}
.card-header ul.nav-tabs {border: 0; padding: 0;}
.right-sidebar .larning-inner{background: #FFFFFF;box-shadow: 0px 0px 10px rgba(44, 50, 63, 0.02);border-radius: 10px;margin-bottom: 30px;padding: 30px 20px;}
.right-sidebar .larning-inner .larning-list strong {font-weight: 500; font-size: 16px; line-height: 28px; color: #495057; display: block; padding-bottom: 10px}
.right-sidebar .larning-inner .larning-list p{font-weight: 400; font-size: 15px; line-height: 23px; color: #6A757E;margin-bottom: 0}
.right-sidebar .larning-inner .larning-list {position: relative; max-width: 464px; padding-bottom: 15px; margin-bottom: 15px;}
.right-sidebar .larning-inner .larning-list::before{content: ''; position: absolute; bottom: 0; left: 0; background: rgba(217, 217, 217, 0.5); width: 58px; height: 1px;} 
.right-sidebar .larning-inner .larning-list:last-child::before{display: none}
.right-sidebar .larning-inner .larning-box ul {display: flex; display: -webkit-flex; flex-wrap: wrap; margin: 0 -15px;}
.right-sidebar .larning-inner .larning-box ul li{width:50%; padding: 0 15px;}
.larning-col strong {font-weight: 500; font-size: 16px; line-height: 28px; color: #495057; display: block; padding-bottom: 10px;}
.larning-col p {font-weight: 400; font-size: 15px; line-height: 23px; color: #6A757E;}
.larning-col{padding: 0 0 15px; margin-bottom: 15px; position: relative;}
.larning-col::before{content: ''; position: absolute; bottom: 0; left: 0; background: rgba(217, 217, 217, 0.5); width: 58px; height: 1px;}
.track-btn-group .btn {font-weight: 500; font-size: 16px; line-height: 28px; padding: 6px 20px;}
.track-btn-group .btn.btn-secondary {background: #2FB463; box-shadow: 0px 4px 4px rgba(47, 180, 99, 0.26); border-radius: 5px; border-color: #2FB463;margin-right: -15px;}
.track-btn-group .btn.btn-inline{background: rgba(1, 182, 239, 0.09);border-radius: 5px; color: #01B6EF}
.progress_inner .progress_blog {padding: 20px; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(44, 50, 63, 0.02); border-radius: 10px;}
.progress_bar .row + .row {margin-top: 24px;}
.progress_inner .progress_blog .progress_head {display: flex; justify-content: space-between; display: -webkit-flex; align-items: center;}
.progress_inner .progress_blog .progress_head h2 {font-weight: 500; font-size: 16px; line-height: 23px; color: #495057;}
.progress_inner .progress_blog .progress_head span {font-weight: 400; font-size: 14px; line-height: 23px; color: #6A757E;}
.progress_inner .progress_blog .progress_main {position: relative; background: #E8ECED; border-radius: 5px; margin: 15px 0; height: 9px; width: 100%;}
.progress_inner .progress_blog .progress_main span {background: #2FB463; border-radius: 5px; height: 9px; position: absolute; left: 0; top: 0; bottom: 0; display: block; width: 275px;}
.progress_inner .progress_blog.red .progress_main span {background: #FF0B04;}
.progress_inner .progress_blog .progress_foot .on-track {padding: 2px 23px; background: rgba(47, 180, 99, 0.1); border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 20px; color: #2FB463; display: inline-block; vertical-align: middle;}
.progress_inner .progress_blog .progress_foot .on-base {font-weight: 400; font-size: 14px; line-height: 23px; padding: 2px 10px; color: rgba(0, 0, 0, 0.8);}
.progress_inner .progress_blog .progress_foot .off-track {padding: 2px 23px; background: rgba(255, 11, 4, 0.1); border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 20px; color:rgba(255, 11, 4, 1); display: inline-block; vertical-align: middle;}
.progress_inner .progress_blog .progress_foot .on-base img {margin-right: 5px; vertical-align: middle; display: inline-block;}
.pass-btn {font-weight: 500; font-size: 14px; line-height: 10px; padding: 10px 35px; background: #2FB463; border-radius: 4px; color: #FFF !important; display: inline-block; width: 96px;}
.fail-btn {font-weight: 500; font-size: 14px; line-height: 10px; padding: 10px 35px; border-radius: 4px; color: #FFF !important; display: inline-block; width: 96px; background: #F55367;}
.create-inner.create-btn-new {display: flex; justify-content: flex-end; padding-bottom: 30px;}
.create-inner.create-btn-new .btn.btn-info:hover {background: #DE4278; border: 1px solid #DE4278 !important; color: #FFF;}
.table-inner div.same-table table td a.ongoing-btn {background: #6A757E; border-radius: 4px;}
.table-inner div.same-table table td a.inactive {background: #EE4F6D; border-radius: 4px;}
.progress_foot {display: flex; align-items: center; display: -webkit-flex;}
.progress_foot .view-details-info {border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 20px; color: #2FB463; margin-bottom: 10px; margin-left: auto;}
.update-progress-inner {padding: 15px 20px;}
.update-progress-inner .update-progress-blog {background: rgba(73, 80, 87, 0.1);padding: 15px;}
.update-progress-inner .update-progress-blog ul {margin:-15px;display: flex;display: -webkit-flex; align-items: flex-end;}
.update-progress-inner .update-progress-blog ul li {padding:15px;}
.update-progress-inner .update-progress-blog .update-form label {font-weight: 500; font-size: 14px; line-height: 28px; color: rgba(0, 0, 0, 0.58);}
.update-progress-inner .update-progress-blog .update-form .form-control {background: #FFFFFF; box-shadow: none !important; outline: none !important; color: #EE4F6D;margin: 0;text-align:center;height:39px;}
.update-progress-inner .update-progress-blog .update-form input::placeholder{ color: #EE4F6D !important;}
.update-progress-inner .update-progress-blog .update-btn {font-weight: 500; font-size: 16px; background: #2FB463; border-radius: 5px; color: #FFF; border: 0; box-shadow: none; width: 145px; height: 39px; line-height: 39px;}
.title-header .create-inner.create-btn-new {padding-bottom: 0;}
.table-inner.tasts-inner .dataTables_length {display: none;}
.table-inner.tasts-inner .dataTables_filter {right: 20px;}
.student-info-content .student-info-list ul li p span {color: rgba(47, 180, 99, 1);}



/*--------------------------------------------------------------------------------------*/
/*Plans-Css-Here
/*--------------------------------------------------------------------------------------*/
.plan_box {display: flex; align-items: center;}
.pro_plan_box {width: 44%; position: relative; margin-right: 32px;}
.pro_plan_box .pro_plan_inner {padding: 31px; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(44, 50, 63, 0.02); border-radius: 10px;}
.pro_plan_inner .plan_box_contact {display: flex; justify-content: space-between; padding-bottom: 18px;}
.pro_plan_inner .plan_box_contact .plan_box_right span {font-weight: 600; font-size: 20px; line-height: 28px; color: #495057; padding-right: 18px;}
.pro_plan_inner .plan_box_contact p {font-weight: 500; font-size: 15px; line-height: 28px; color: #6A757E; margin: 0; padding-top: 8px; font-family: 'Jost', sans-serif !important;}
.pro_plan_inner .plan_box_contact .plan_box_left sup {font-weight: 600; font-size: 33.9858px; line-height: 59px; color: #495057;}
.pro_plan_inner .plan_box_contact .plan_box_left h2 {font-weight: 600; font-size: 34px; line-height: 59px; color: #495057;}
.pro_plan_inner .plan_box_contact .plan_box_left sub {font-weight: 500; font-size: 14px; line-height: 28px; color: #6A757E;}
.pro_plan_inner .plan_box_contact:before {position: absolute; left: 0; right: 0px; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.05); content: ""; top: 79px; z-index: 9;}
.plan_box .feature_contact strong {font-weight: 500; font-size: 18px; line-height: 28px; color: #495057; margin: 0; padding-top: 18px; display: block;}
.plan_box .feature_contact p {font-weight: 500; font-size: 15px; line-height: 28px; color: #6A757E; margin: 0;}
.feature_inner_contact {display: flex; padding: 2px 0px;}
.feature_inner_contact ul {width: 100%;}
.pro_plan_inner .feature_inner_contact::after {position: absolute; left: 0; right: 0px; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.05); content: ""; bottom: 97px; z-index: 9;}
.feature_inner_contact ul li {position: relative; font-weight: 500; font-size: 15px; line-height: 22px; color: #6A757E; padding-left: 25px; margin: 16px 0px;}
.feature_inner_contact ul li:before {content: ""; position: absolute; left: 0; background-image: url(../images/tick-circle.png); background-repeat: no-repeat; background-size: contain; top: 50%; transform: translateY(-50%); width: 15px; height: 15px;}
.plan_but {background: #01B6EF; border-color: #01B6EF;}
.feature_contact .btn.btn-info.plan_but {background: #01B6EF; border-color: #01B6EF !important; margin-top: 20px;}
.feature_contact .btn.btn-info.plan_but span {margin-left: 7px;}
.feature_contact .btn.btn-info.plan_but:hover {background: none; color: #01B6EF;}
.feature_contact .btn.btn-info.plan_but:hover img{filter: invert(1);}
.plan_box_mid_contact .plan_box_inner_contact {display: flex; justify-content: space-between; padding-bottom: 16px;}
.plan_box_mid {width: 33%; position: relative;     margin-right: 32px;}
.pro_plan_left span {font-weight: 600; font-size: 15px; line-height: 17px; color: #495057; display: block; padding-bottom: 5px;}
.pro_plan_left p {font-weight: 500; font-size: 14px; line-height: 17px; color: #6A757E; margin: 0;}
.pro_plan_right sup {font-weight: 600; font-size: 21.1871px; line-height: 37px; color: #495057;}
.pro_plan_right h3 {font-weight: 600; font-size: 26.4839px; line-height: 37px; color: #495057;}
.plan_box_left sub {font-weight: 500; font-size: 11.2214px; line-height: 17px; color: #6A757E;}
.pro_plan_right sub {font-weight: 500; font-size: 11.2214px; line-height: 17px; color: #6A757E;}
.pro_feature_contact strong {font-weight: 500; font-size: 14px; line-height: 17px; color: #495057; display: block; padding-top: 12px;}
.pro_feature_contact p {font-weight: 500; font-size: 12px; line-height: 17px; color: #6A757E; margin: 0;}
.pro_feature_inner_contact {display: flex; padding: 8px 0px;}
.pro_feature_inner_contact ul {width: 50%;}
.pro_feature_inner_contact ul li {position: relative; padding-left: 20px; margin: 10px 0px; font-weight: 500; font-size: 12px; line-height: 17px; color: #6A757E;}
.btn.btn-info.pro_but {background: #6A757E; border-color: #6A757E !important; margin-top: 18px;}
.btn.btn-info.pro_but:hover {background: none; color: #6A757E;}
.btn.btn-info.pro_but span {padding-left: 5px;}
.btn.btn-info.pro_but:hover img{filter: invert(1);}
.pro_feature_inner_contact ul li:before {content: ""; position: absolute; left: 0; background-image: url(../images/tick-black.png); background-repeat: no-repeat; background-size: contain; top: 50%; transform: translateY(-50%); width: 15px; height: 15px;}
.plan_box_mid::before {position: absolute; content: ""; left: 0; right: 0; height: 1px; width: 100%; top: 79px; background: #f2f2f2;}
.plan_box_mid_contact {background: #FFFFFF; box-shadow: 0px 0px 6.2341px rgba(44, 50, 63, 0.02); border-radius: 6.2341px; padding: 26px 20px;}
.plan_box_mid::after {position: absolute; content: ""; left: 0; right: 0; height: 1px; width: 100%; bottom: 86px; background: #f2f2f2;}
.plan_box_mid.report_warpp {margin-right: 32px;}
.L_test_content {background: #FFFFFF; box-shadow: 0px 0px 10px rgba(44, 50, 63, 0.02); border-radius: 10px; height: 100%;}
.L_test_info {padding: 15px;}
.L_content_top {position: relative; padding-right: 100px;}
.L_content_top p {font-weight: 400; font-size: 15px; line-height: 23px; color: rgba(0, 0, 0, 0.8);max-width:464px;}
.L_content_top span {position: absolute; font-weight: 400; font-size: 14px; line-height: 23px; color: #6A757E; top: 50%; transform: translateY(-50%); right: 0;}
.L_progress {margin: 20px 0; display: block; background: #E8ECED; border-radius: 5px; height: 9px; position: relative;}
.L_progress span {background: #2FB463; border-radius: 5px; width: 275px; height: 9px; position: absolute; left: 0; top: 0; bottom: 0;}
.L_timer {display: flex; justify-content: space-between;}
.L_timer ul li .L_time_bar {display: flex; display: -webkit-flex;}
.L_timer ul li .L_time_bar div {font-weight: 400; font-size: 14px; line-height: 20px; color: #6A757E; border-right: 1px solid #959595; padding-right: 5px; margin-right: 5px; display: flex;align-items: center;}
.L_timer ul li .L_time_bar div:last-child{border-right: 0px; padding-right: 0; margin-right: 0;}
.L_timer ul li .L_time_bar div span {display: inline-block; margin-right: 4px;}
.L_timer ul li .L_time_bar div small {font-weight: 400; font-size: 14px; line-height: 20px; color: #959595; padding-left: 5px;}
.L_timer ul li .L_time_bar .L_center small, .L_timer ul li .L_time_bar .L_right small {color: #01B6EF;}
.L_timer a {font-weight: 500; font-size: 14px; line-height: 20px; color: #FFFFFF; width: 100px; padding: 5px; text-align: center; border-radius: 4px;}
.L_timer a.resume-btn{background: #8B9298;}
.L_timer a.start-btn{background: #2FB463;}
.L_timer a.compleated-btn{background: #2FB463;}
.L_test_inner .col-md-6 + .col-md-6 + .col-md-6 {margin-top: 24px;}
.test-instrution .instrution_inner {max-width: 500px;}
.test-instrution .instrution_inner p {font-weight: 500; font-size: 22px; line-height: 33px; color: rgba(0, 0, 0, 0.8); margin-bottom: 30px;}
.test-instrution .instrution_blog {background: #FFFFFF; box-shadow: 0px 0px 10px rgba(44, 50, 63, 0.02); border-radius: 10px; margin-bottom: 30px; padding: 15px 0;}
.test-instrution .instrution_blog h2 {padding: 0 15px; font-weight: 500; font-size: 18px; line-height: 28px; color: #182D54; padding-bottom: 15px; margin-bottom: 20px; position: relative;}
.test-instrution .instrution_blog h2::before {content: ; content: ''; width: 58px; height: 1px; background: rgba(217, 217, 217, 0.5); position: absolute; bottom: 0; left: 15px;}
.test-instrution .instrution_blog table {width: 100%;}
.test-instrution .instrution_blog table th, .test-instrution .instrution_blog table td {padding: 8px 15px; font-weight: 500; font-size: 16px; line-height: 33px;}
.test-instrution .instrution_blog table th{color: rgba(0, 0, 0, 0.8);}
.test-instrution .instrution_blog table td{color: #959595;}
.test-instrution .test-instrution-item {
	border-radius: 10px;
	border: 2px solid #01B6EF;
	box-shadow: 0px 0px 10px 0px rgba(44, 50, 63, 0.02);
	max-width: 100%;
	width: 738px;
	overflow: hidden;
    margin-bottom: 30px;
}
.test-instrution .test-instrution-item .test-instrution-item-h {
	background: #01B6EF;
	padding: 12px 25px;
}
.test-instrution .test-instrution-item .test-instrution-item-h h3 {
	color: #FFF;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
}
.test-instrution .test-instrution-item .test-instrution-item-b ul li {
	display: flex;
	justify-content: space-between;
	padding: 16px 25px;
	color: rgba(0, 0, 0, 0.80);
	font-size: 15px;
	font-weight: 500;
}
.test-instrution .test-instrution-item .test-instrution-item-b ul li:nth-child(odd){
    background: rgba(1, 182, 239, 0.05);
}
.test-instrution .test-instrution-item .test-instrution-item-b ul li .t-right {
	min-width: 84px;
	color: #959595;
	/* font-size: 16px; */
}
.test-instrution .test-instrution-imain {
	overflow: hidden;
}
.test-instrution .test-instrution-imain .test-instrution-imain-image {
	float: left;
	width: 222px;
}
.test-instrution .test-instrution-imain .test-instrution-imain-image img {
	height: 188px;
	width: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.test-instrution .test-instrution-imain .test-instrution-imain-detail {
	padding: 0 0 0 250px;
	color: #495057;
	line-height: 28px;
}
.test-instrution .test-instrution-imain .test-instrution-imain-detail h2 {
	color: #495057;
	font-size: 37px;
	margin: -8px 0 20px 0;
}
.results_section {padding: 50px 20px 85px;background: #FFFFFF; box-shadow: 0px 4px 5px rgba(44, 50, 63, 0.02); border-radius: 10px; position: relative;}
.results_section .results_inner {max-width: 1050px; margin: auto; text-align: center;}
.results_section .results_inner .results_heading {max-width: 671px; margin: auto; padding-bottom: 50px;}
.results_section .results_inner .results_heading h2 {font-weight: 500; font-size: 24px; line-height: 40px; color: #182D54;}
.results_section .results_inner .results_content h3 {font-weight: 400; font-size: 22px; line-height: 28px; color: rgba(0, 0, 0, 0.7);padding-bottom:50px;}
.downloadreport {position: absolute; right: 20px; top: 50px;}
.results-questions ul {display: flex; justify-content: center; margin: -28px;}
.results-questions ul li{width: 25%; padding: 28px;}
.same-questions-results {height: 100%; padding: 23px 10px; border-radius: 5px;}
.same-questions-results p {margin: 0; font-weight: 500; font-size: 16px; line-height: 20px; color: rgba(0, 0, 0, 0.6);padding-bottom:25px;}
.same-questions-results strong {font-weight: 600; font-size: 27px; line-height: 20px; color: rgba(0, 0, 0, 0.6);}
.questions-results-one{background: #EAF9FF;}
.questions-results-two{background: #FBEFFD;}
.questions-results-three{background: #EFFCF5;}
.questions-results-for{background: #FFDEE9;}
.results_content .results_group {padding: 50px 0;}
.results_content .results_group p {margin: 0; font-weight: 400; font-size: 22px; line-height: 28px; color: #2FB463;}
.results_content .results-mail-input {padding-top: 50px; max-width: 287px; margin: auto;}
.results_content .results-mail-input label {font-weight: 400; font-size: 22px; line-height: 28px; color: #2FB463; margin-bottom: 18px;}
.results_content .results-mail-input .form-control {border: 1px solid #E7EBF4; margin-bottom: 18px;}
.results_content .gread-box {max-width: 673px;}
.results_content .gread-box {max-width: 673px; margin: auto; display: flex; display: -webkit-flex; padding-bottom: 50px;}
.results_content .gread-box .left-gread {width: 33.333%; padding-right: 10px;}
.results_content .gread-box .center-gread {width: 33.33%; padding-right: 10px;}
.results_content .gread-box .right-gread {width: 33.333%;}
.results_content .gread-box ul {display: flex; justify-content: space-between;}
.results_content .gread-box .left-gread .gread-col span {background: #F96651; border-radius: 100px; height: 28px; width: 100%; display: block; margin-bottom: 20px;}
.results_content .gread-box .center-gread .gread-col {display: flex; justify-content: center; padding-bottom: 20px;}
.results_content .gread-box .center-gread .gread-col span {background: rgba(217, 217, 217, 0.8); border-radius: 100px; display: inline-block; width: 28px; height: 28px; margin: 0 4px;}
.results_content .gread-box .center-gread ul {justify-content: space-around;}
.results_content .gread-box .right-gread .gread-col span {border-radius: 100px; display: inline-block; width: 28px; height: 28px; margin: 0 2px; background: #2FB463;}
.results_content .gread-box .right-gread .gread-col {padding-bottom: 20px; display: flex; justify-content: space-between;}
.question-section .question-inner fieldset {display: none;}
.question-section .question-inner fieldset:first-child {display: block;}
.question-heading h2 {font-weight: 500; font-size: 22px; line-height: 33px; color: #EE4F6D;}
.question-heading {padding-bottom: 30px;}
.question-col h3 {font-weight: 500; font-size: 18px; line-height: 28px; color: #182D54; padding-bottom: 20px;}
.timeleft-box .group-time {border: 1px solid #E7EBF4; display: flex; text-align: center; justify-content: center; padding: 10px; font-weight: 500; font-size: 15px; line-height: 28px; color: #75819E;}
.timeleft-box ul {display: flex; margin: -1px; flex-wrap: wrap;padding-top:25px;}
.timeleft-box ul li {width: 47px; height: 47px; border: 1px solid #6A757E; margin: 1px; display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 16px; line-height: 28px; color: #777777;}
.timeleft-box ul li.col1{background: #2FB463;border-color:#2FB463;color:#FFF }
.timeleft-box ul li.col2{background: #FB2525;border-color:#FB2525; color: #FFF}
.timeleft-box .group-time span {width: 16px; height: 16px; display: ; margin-right: 5px; display: inline-block;}
.question-radio li {margin-bottom: 15px;}
.question-radio li label {font-weight: 500; font-size: 16px; line-height: 33px; color: #959595;}
.question-radio li label strong {color: rgba(0, 0, 0, 0.8); display: inline-block; padding-right: 5px;}
.question-form {margin-bottom: 30px;}
.question-section .question-inner fieldset .previous.btn.btn-info {background: rgba(1, 182, 239, 0.1); color: #1994BB; border-color: rgba(1, 182, 239, 0.1) !important; box-shadow: none;}
.question-section .question-inner fieldset .btn.btn-info {width: 100px;margin-right:15px;}
.question-step {
	padding: 23px 0;
}
.question-step .question-row {
	border-top: rgba(217, 217, 217, 0.50) 1px solid;
	border-bottom: rgba(217, 217, 217, 0.50) 1px solid;
	padding: 27px 0;
	margin: 0 0 35px 0;
}
.question-step .question-heading {
	padding-bottom: 15px;
}
.question-step .timeleft-box {
	width: 243px;
	max-width: 100%;
	margin: 0 auto;
	/* margin: 0 0 0 46px; */
}
.question-step .timeleft-box ul {
	padding: 44px 0;
}
.question-step .timeleft-box ul li {
	width: 47px;
	height: 40px;
	margin: 5px 1px;
}
.question-step .previous.btn.btn-info {
	border-color: rgba(1, 182, 239, 0.10) !important;
	background: rgba(1, 182, 239, 0.10);
	color: #1994BB;
}
.question-step .question-textform {
}
.question-step .question-textform .form-group {
	margin-bottom: 23px;
}
.question-step .question-textform textarea {
	width: 100%;
	border: 0;
	background: #F2F2F5;
	padding: 20px 15px;
	box-shadow: none !important;
	outline: none !important;
	min-height: 205px;
}
.question-step .question-textform .add-ansbtn {
	border-radius: 4px;
	background: #01B6EF;
	border: 0;
	color: #FFF;
	font-weight: 500;
	padding: 8px 15px;
	display: flex;
	align-items: center;
}
.question-step .question-textform .add-ansbtn img {
	margin-right: 10px;
}
.question-step .inner_quiz_contact {
	width: 848px;
	max-width: 100%;
}
.question-step .inner_quiz_contact .inner_quiz_contact_video, .question-step .inner_quiz_contact .inner_quiz_contact_ansvideo {
	height: 210px;
	width: 408px;
	max-width: 100%;
	overflow: hidden;
	border-radius: 10px;
	margin: 0 0 34px 0;
}
.question-step .inner_quiz_contact .inner_quiz_contact_anstop {
	margin-bottom: 17px;
}
.question-step .inner_quiz_contact .form-check {
	padding: 0 0 0 38px;
	line-height: 20px;
	min-height: 22px;
	position: relative;
}
.question-step .inner_quiz_contact .form-check .form-check-input {
	border-radius: 4px;
	border: 1.5px solid #6A757E;
	width: 22px;
	height: 22px;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: none !important;
	outline: none !important;
}
.question-step .inner_quiz_contact .form-check .form-check-label {
	color: #6A757E;
	font-size: 15px;
	font-weight: 500;
}
.question-step .inner_quiz_contact .form-check .form-check-input:checked {
	background-color: #01B6EF;
	border-color: #01B6EF;
}
.question-step .inner_quiz_contact .form-check .form-check-input[type="radio"] {
	border-radius: 50%;
}
.question-step .inner_quiz_contact .form-check .form-check-input[type="radio"]:checked {
	background-size: 30px 30px;
}
.question-step .inner_quiz_contact .inner_quiz_contact_video {
	position: relative;
}
.question-step .inner_quiz_contact .inner_quiz_contact_video::before {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: "";
	/* background: #000; */
	opacity: 0.5;
}
.imgbtn-upload {
	background: transparent;
	border: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.imgbtn-upload img {
	margin-right: 10px;
}

/*--------------------------------------------------------------------------------------*/
/*account-Css-Here
/*--------------------------------------------------------------------------------------*/
.account_form {max-width: 875px; margin: 0 auto; margin-top: 32px;}
.account_form .account_box {background: #FFFFFF; box-shadow: 0px 0px 10px rgba(44, 50, 63, 0.02); border-radius: 10px; padding: 30px;}
.account_form .account_box h3 {font-weight: 500; font-size: 18px; line-height: 20px; color: #182D54; margin-bottom: 23px;}
.account_inner img {border: 2.80435px solid rgba(1, 182, 239, 0.6); filter: drop-shadow(0px 2.40966px 2.40966px rgba(0, 0, 0, 0.25)); border-radius: 100%; width: 86px; height: auto;}
.account-warp h4 {font-weight: 500; font-size: 16px; line-height: 23px; color: #182D54; margin: 0;}
.account-warp p {font-weight: 400; font-size: 14px; line-height: 20px; color: #75819E; margin: 0;}
.account-warp {margin-left: 32px;}
.account_inner {align-items: center; padding-bottom: 32px;}
.tab_list_account .nav-link.active {color: #01b6ef !important; background: none; border: none; border-bottom: 2px solid;}
.tab_list_account .nav-link {padding: 0px 0px 7px 0px !important; margin-right: 23px; font-weight: 500; font-size: 16px; line-height: 20px; color: #CACED8; border: none;}
.accont_inner_form {padding-top: 32px;}
.form_wrap label {font-weight: 500; font-size: 16px; line-height: 28px; color: #182D54; margin: 0; padding-bottom: 5px;}
.form_wrap input {background: #E7EBF4; padding: 14px 36px;}
.form_wrap .form-control:focus {color: #212529; background-color: #E7EBF4; border-color: #86b7fe; outline: none; box-shadow: none;}
.accont_inner_form.password_change input {background: none; border: 1px solid rgba(0, 0, 0, 0.4);}
.accont_inner_form.password_change .form-control:focus {color: #212529; background-color: inherit; border-color: rgba(0, 0, 0, 0.4); outline: none; box-shadow: none;}
.update_btn {margin-top: 20px;}

/*--------------------------------------------------------------------------------------*/
/*chaccount-Css-Here
/*--------------------------------------------------------------------------------------*/

.tab_list_account.chaccount input {background: none; border: 1px solid #E7EBF4;}
.tab_list_account.chaccount .form-control:focus {background: none !important; border: 1px solid #E7EBF4 !important;}
.account_but .file_update {position: relative;}
.account_but .file_update input {position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 0;}
.account_but {padding-top: 9px;}
.btn.btn-info.delete_but {margin-left: 20px; background: none; color: #CACED8; border: 1px solid #E7EBF4 !important; box-shadow: none;}
/*--------------------------------------------------------------------------------------*/
/*create-Css-Here
/*--------------------------------------------------------------------------------------*/
.create_box {background: #FFFFFF; border-radius: 10px; padding: 32px 19px;}
.create_box h2 {font-weight: 500; font-size: 18px; line-height: 20px; color: #182D54; margin: 0; padding-bottom: 32px; position: relative;}
.create_box h2:before {position: absolute; content: ""; left: 0; height: 1px; width: 58px; background: rgba(217, 217, 217, 0.5); top: 37px;}
.inner_form_contact .form-label {font-weight: 500; font-size: 16px; line-height: 28px; color: #495057; margin: 0px; padding-bottom: 10px;}
.clender_inner .form-control {height: 56px; background: none; border: 1px solid #E7EBF4; margin-bottom: 16px; color: #75819E; font-weight: 400; font-size: 15px; line-height: 28px;}
.clender_inner {position: relative;}
.clender_inner span {position: absolute; display: block; top: 50%; transform: translateY(-50%); right: 36px;}
.clender_inner span img {width: 16px; height: 16px;}
.create_goal {max-width: 1035px; margin: 35px 0px;}
.choice_inner .form-select {background: none; border-radius: inherit; padding: 14px 36px; border-color: #E7EBF4; color: #75819E; box-shadow: none; outline: none;}
.choice_inner .test_inner {font-weight: 500; font-size: 16px; line-height: 28px; color: #495057; margin: 0px; padding-bottom: 10px;}
.multi_inner .select2 {width: 100% !important;}
.multi_inner h4 {font-weight: 500; font-size: 16px; line-height: 28px; color: #495057; margin: 0px; padding-bottom: 10px;}
.multi_inner .select2-selection.select2-selection--multiple {background: none; border: 1px solid #E7EBF4 !important; color: #75819E; font-weight: 400; font-size: 15px !important; line-height: 28px; margin: 0; height: 56px; padding: 10px 22px;}

.multi_inner .select2-search.select2-search--inline {width: 100%;}
.multi_inner .select2-search__field {width: 100% !important; margin: 0;}
.multi_inner .select2-selection__choice .select2-selection__choice__remove {color: #fff; position: absolute; right: 6px; border: 1px solid; border-radius: 100%; width: 24px; text-align: center; height: 28px; line-height: 1.7;}
.multi_inner .select2-selection__choice {background: rgba(1, 182, 239, 0.6) !important; border-radius: 2px !important; color: #fff !important; border: none !important; padding: 5px 40px 5px 25px !important; position: relative !important;}
.multi_inner .select2-selection__clear {border: 1px solid #000; color: #000 !important; border-radius: 100% !important; height: 30px; width: 30px; text-align: center;}
.multi_inner .select2-selection__choice .select2-selection__choice__remove:hover {color: #fd6944;}
.ui-datepicker {width: 317px !important; background: #A9AFBE;  }
.ui-datepicker .ui-datepicker-header, .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td {padding: 15px 10px;}
.ui-datepicker .ui-datepicker-calendar {width: 100%; color: #de4278; margin-top: 20px !important;}
.ui-datepicker-header .ui-datepicker-prev.ui-corner-all {color: #fff;}
.ui-datepicker-header .ui-datepicker-next.ui-corner-all {color: #fff; float: right;}
.ui-datepicker-title {color: #fff; font-size: 18px; font-weight: 500; margin-bottom: 10px; position: absolute; top: 12px; left: 0; right: 0; margin: 0 auto; justify-content: center; display: flex;}
.ui-datepicker .ui-datepicker-calendar th span {color: #000;}
.ui-datepicker-days-cell-over {color: #01b6ef;}
.ui-datepicker-header .ui-datepicker-prev.ui-corner-all {font-size: 0; position: relative;}
.ui-datepicker-header .ui-datepicker-prev.ui-corner-all::before {color: #fff; top: -20px; content: "\f104"; width: 20px; height: 20px; font-family: FontAwesome; position: absolute; left: 0; font-size: 23px; line-height: 1;}
.ui-icon.ui-icon-circle-triangle-e::before {color: #fff; top: -20px; content: "\f105"; width: 20px; height: 20px; font-family: FontAwesome; position: absolute; right: 0; font-size: 23px; line-height: 1;}
.ui-icon.ui-icon-circle-triangle-e {font-size: 0; position: relative;}
.ui-datepicker .ui-datepicker-calendar td a {color: #fff;}
.save_but a {padding: 8px 42px !important;}

/*--------------------------------------------------------------------------------------*/
/*creattest-Css-Here
/*--------------------------------------------------------------------------------------*/

.qusetion_second input.form-control:focus {color: #212529; background-color: initial; border-color: rgba(0, 0, 0, 0.4); outline: 0; box-shadow: none;}
.qusetion_second {max-width: 897px; position: relative;}
.qusetion_second input {background: none; border-bottom: 1px solid; padding: 14px 36px;}
.qusetion_second .crical {width: 20px; height: 20px; display: block; position: absolute; left: 0; border-radius: 100px; top: 50%; transform: translateY(-50%); border: 1px solid #6A757E;}
.add_qusion p a {font-weight: 400; font-size: 14px; line-height: 23px; color: #6A757E;}
.add_qusion p span a {color: #01B6EF;}
.crrose {position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #6A757E;}

/*--------------------------------------------------------------------------------------*/
/*question-Css-Here
/*--------------------------------------------------------------------------------------*/
.question_contact {max-width: 1398px;}
.question_contact .question_contact_inner {max-width: 1398px; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(44, 50, 63, 0.02); border-radius: 10px; padding: 25px 20px; margin-bottom: 32px;}
.question_contact .question_contact_inner h2 {font-weight: 600; font-size: 18px; line-height: 28px; color: #182D54; margin: 0; padding-bottom: 24px;}
.question_contact .question_contact_inner label {font-weight: 500; font-size: 16px; line-height: 28px; color: #182D54; margin: 0; padding-bottom: 5px;}
.question_contact .question_contact_inner label.c-green, .question_contact .form-check-inline.c-green label {color: #2FB463;}
.question_contact .question_contact_inner label.label-answer {width: 100%; flex-wrap: wrap; display: flex; position: relative; padding-right: 60px;}
.question_contact .question_contact_inner label.label-answer .remove {margin-left: auto; color: #A9AFBC; font-weight: 400; position: absolute; right: 0; top: 0;}
.question_contact .question_contact_inner input, .question_contact .question_contact_inner .form-control {background: #E7EBF4; padding: 14px 36px;}
/* .question_contact .question_contact_inner .qadd_modal {margin-bottom: 15px;} */
.question_contact .question_contact_inner .qadd_modal ul {display: flex; flex-wrap: wrap; margin: 0 -15px;}
.question_contact .question_contact_inner .qadd_modal ul li {padding: 15px; padding-top: 0;}
.question_contact .question_contact_inner .qadd_modal ul li .btn {padding: 0; border: 0; background: transparent; display: flex; align-items: center; color: #A9AFBC; font-weight: 500;}
.question_contact .question_contact_inner .qadd_modal ul li .btn img {margin-right: 10px;}
.question_contact .btnRow .btn.btn-primary {background: #DE4278; color: #fff;}
.question_contact .qedit_box {background: #E7EBF4; margin: 5px 0 15px 0; padding: 30px 36px 36px;}
.question_contact .qedit_box h4 {color: #75819E; font-size: 16px; margin: 0 0 30px 0;}
.question_contact .qedit_box .qedit_box_img {position: relative;}
.question_contact .qedit_box .qedit_box_img .icon-trash {position: absolute; right: -15px; top: -15px; width: 41px; height: 41px; background: #FF2727; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.question_contact .qedit_box .qedit_box_img .qedit_box_imgin {overflow: hidden; height: 309px; border-radius: 13px;}
.question_contact .qedit_box .qedit_box_img .qedit_box_imgin iframe, .question_contact .qedit_box .qedit_box_img .qedit_box_imgin img {width: 100%; height: 100%; object-fit: cover;}

.form_input input {background: none !important; border: 1px solid;}
.form_input input.form-control:focus {border-color: rgba(0, 0, 0, 0.4);}
.add_qusion {background: #FFFFFF; box-shadow: 0px 0px 10px rgba(44, 50, 63, 0.02); border-radius: 10px; padding: 25px 20px;}
.add_qusion h2 {font-weight: 600; font-size: 18px; line-height: 28px; color: #182D54; margin-bottom: 24px;}
.question_left label {font-weight: 500; font-size: 16px; line-height: 28px; color: #182D54;}
.question_main input.form-control:focus {color: #212529; background-color: #fff; border-color: rgba(0, 0, 0, 0.4); outline: 0; box-shadow: none;}
.question_main {display: flex; align-items: center;}
.question_main {display: flex; align-items: center;}
.question_main input {background: none !important; border: 1px solid; padding: 14px 36px;}
.slect_question .form-select {border: 1px solid; padding: 14px 60px; border-radius: inherit; border-color: #999; font-style: normal; font-weight: 400; font-size: 16px; line-height: 31px; margin-top: 17px; box-shadow: none; background-image: url(../images/Polygon.png);}
.slect_question {position: relative;}
.slect_question:before {content: ""; position: absolute; width: 15px; height: 15px; background: #75819E; border-radius: 100%; top: 50%; transform: translateY(-50%); left: 32px;}
.slect_question:after {content: ""; position: absolute; width: 19px; height: 19px; border-radius: 100%; top: 50%; transform: translateY(-50%); left: 30px; border: 1px solid #75819E;}
.check_click .form-check-input {position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0;}
.check_click {position: relative;}
.check_click .form-check label {font-weight: 400; font-size: 14px; line-height: 23px; color: #6A757E; position: relative; margin-left: 13px;}
.check_click .form-check label span {background: #FFFFFF; border: 1px solid #E7EBF4; width: 20px; height: 20px; display: block; position: absolute; left: -36px; border-radius: 100px; top: 50%; transform: translateY(-50%);}
.check_click .form-check {margin-bottom: 16px;}
.check_click .form-check label span:before {content: ''; position: absolute; left: 0; right: 0; width: 8px; height: 8px; background: #01B6EF; border-radius: 100px; top: 50%; transform: translateY(-50%); margin: auto; opacity: 0;}
.check_click .form-check .form-check-input:checked + label span::before {opacity: 1;}
.question_slect {position: relative;}
.question_slect .question_right {position: absolute; right: -95px; top: 50%; transform: translateY(-50%);}
.question_slect .question_right ul {background: #FFFFFF; box-shadow: 0px 0px 10px rgba(44, 50, 63, 0.02); border-radius: 10px; transform: matrix(-1, 0, 0, 1, 0, 0); padding: 5px 20px;}
.question_slect .question_right ul li {margin: 20px 0px;}
.add_qusion.second_quesion {margin-bottom: 32px;}
.view_qustion input {background: #E7EBF4 !important; border: none;}
.qadd_modal_img {padding: 15px;}
.qadd_modal_img .drag-drop .file-type {position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0;}
.qadd_modal_img .modal-dialog {max-width: 100%; width: 669px; margin-left: auto; margin-right: auto;}
.qadd_modal_img .modal-content {border-radius: 10px; background: #FFF; border: 0; padding: 19px;}
.qadd_modal_img .modal-header {padding: 5px 7px; display: flex; flex-wrap: wrap; justify-content: flex-start; border: 0;}
.qadd_modal_img .modal-header .modal-header-icon, .qadd_modal_img .drag-drop .drag-drop-icon {width: 76px; height: 76px; background: rgba(1, 182, 239, 0.10); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.qadd_modal_img .modal-header .modal-header-icon{margin-right: 26px;}
.qadd_modal_img .modal-header .modal-header-text {color: #6E7B96; font-size: 18px; font-weight: 500;}
.qadd_modal_img .modal-header .modal-header-text .modal-title {color: #495057; font-size: 25px; font-weight: 500; line-height: 28px; margin: 0 0 8px 0;}
.qadd_modal_img .modal-header .btn-close {display: none;}
.qadd_modal_img .modal-body {padding: 25px 0 49px 0;}
.qadd_modal_img .drag-drop {border-radius: 5px; border: 1px dashed rgba(0, 0, 0, 0.05); background: #F9F9F9; display: flex; flex-direction: column; align-items: center; height: 408px; justify-content: center; position: relative; color: #6E7B96; font-size: 18px; font-weight: 500; text-align: center; padding: 15px;}
.qadd_modal_img .drag-drop .drag-drop-icon {background: #01B6EF; margin-bottom: 18px;}
.qadd_modal_img .modal-footer {border: 0; padding: 0;}
.qadd_modal_img .modal-footer .btn {width: 93px; height: 40px; padding: 0; border: 0; box-shadow: none; margin: 0; border-radius: 5px; background: #01B6EF; color: #fff; font-size: 18px; font-weight: 500; line-height: 28px;}
.qadd_modal_img .modal-footer .btn.btn-secondary {background: #75819E; margin-right: 20px;}
/*--------------------------------------------------------------------------------------*/
/*testcreate-Css-Here
/*--------------------------------------------------------------------------------------*/

.question_contact_inner .title_inner h3 {font-weight: 500; font-size: 16px; line-height: 28px; color: #000000; margin: 0; padding-bottom: 6px;}
.question_contact_inner .title_inner p {font-weight: 400; font-size: 16px; line-height: 28px; color: #75819E; margin: 0;}
.title_pregrap {padding-bottom: 27px;}
.question_contact_inner.title_warp {margin-bottom: 92px;}
.question_contact_inner.title_text ol li {font-weight: 400; font-size: 15px; line-height: 23px; color: #6A757E; padding-bottom: 25px;}
.question_contact_inner.title_text ol li p {margin: 0; padding-left: 31px;}
.last_text {padding: 0 !important;}
.question_contact_inner.title_text {margin: 0px;}
.title-header .header_social_icon a {width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin-left: 15px;}
.JavaScript {max-width: 1000px; margin: 0 auto; padding: 200px;}
.search-box-filter .form-control {margin: 0; background: #FFF; font-size: 16px; height: 52px; padding: 10px 15px; border-radius: 5px;}
.search-box-filter {margin-left: 15px; display: none;}
.search-box-filter.search-btn-open{display: block;}
.registration-tabs {border: 0;padding-bottom: 35px;}
.registration-tabs .nav-link {background: rgba(1, 182, 239, 0.09);border-radius: 5px;font-weight: 500 !important;font-size: 16px;line-height: 28px;color: #01B6EF !important;padding: 10px 15px;min-width: 160px;border: 0;}
.registration-tabs .nav-link.active {font-weight: 500 !important; font-size: 16px; line-height: 28px; color: #FFF !important; background: #01B6EF; box-shadow: 0px 4px 4px rgba(1, 182, 239, 0.34); border-radius: 5px;}
#add_answer .add {color: #01B6EF; font-size: 14px;}
/*--------------------------------------------------------------------------------------*/
/*Responsive-Css-Here
/*--------------------------------------------------------------------------------------*/

@media (min-width:2601px) and (max-width:3000px) {.About_us::before{height: 307px;}
.About_us::after{height: 308px;}
.About_us{padding-top: 235px;padding-bottom: 245px;}
}
@media (min-width:2301px) and (max-width:2600px) {.About_us::before{height: 257px;}
.About_us::after{height: 260px;}
.About_us{padding-top: 235px;padding-bottom: 245px;}
}

@media(max-width:1600px) {.container-fluid {padding: 0px 65px;}
.banner .banner-left h1 span::before {width: 132px; height: 25px; top: 62px; left: 0;}
.banner .banner-left h1 {font-size:42px;max-width:552px;line-height: 60px;padding-bottom: 15px;}
.top-bar .top-bar-right ul li a {padding-right: 43px;}
.About_us {padding-top: 126px;}
.About_us::before{height: 176px;}
.About_us::after{height: 172px;}

.service {padding-top: 90px; padding-bottom: 90px; position: relative;}
.choose_left img {padding-bottom: 30px; padding-top: 0px; width: 109px;}
.world_second{right: 55px;}
.crical_img{width: 275px;height: 275px;left: 0;}
.banner-right::after{background-size: 70px; background-repeat: no-repeat; background-position: center;bottom: -42px;right: -42px;}
.banner{padding: 80px 0px;}
.banner-right .women::before{top: -57px; background-size: 135px; background-repeat: no-repeat; background-position: center;width: 135px;height: 100px;}
.banner-right::before{left: -130px; top: -55px; width: 300px; height: 300px;}
.top-bar .top-bar-right ul li a{font-size: 14px;}
header .top-bar .top-bar-left i{font-size: 18px;}
.banner .banner-left p{max-width: 500px;line-height: 25px;font-size: 14px;padding-bottom: 25px;}
.banner-left a{font-size: 14px;}
.banner-right .women .share_img{left: -85px;width: 190px;height: 130px;top: 30px;}
.same-heading h2{font-size: 48px;line-height: 55px;margin-bottom: 25px;}
.selectpicker{font-size: 18px;}
header .nav_menu a{font-size: 16px;}
.crical_service{width: 140px; height: 140px;right: -65px;top: -65px;}
.lp_images::before{width: 250px; height: 250px;}
.form-but button{font-size: 18px;}
.About_us .about-left .deshboard::before{width: 200px; height: 200px;bottom: -80px;left: -80px;}
.contact-inner_right {text-align: center; padding-right: 0;}
.header-form h2::before{height: 30px;width: 130px;right: -10px;}
.left-inner-body{padding: 30px;}
.form-right-bar{padding: 30px 30px 30px 60px;}
.header-form h2{font-size: 80px;line-height: 95px;}
.form-right-bar .header-form h2::before{width: 318px;height: 35px;}
.form-right-bar .header-form{padding-bottom: 10px;}
.inner-same fieldset .title-content {margin-bottom: 20px;}
.same-form .form-control{padding: 10px 50px 10px 20px;line-height: 25px;font-size: 14px;}
.same-form label{font-size: 14px;line-height: 25px;}
.same-form .form-group {margin-bottom: 20px;}
.left-progressbar {padding: 90px 0 0 40px;}
.form-left-footer{bottom: 25px;}
.inner-same fieldset .form-info-content {margin-bottom: 20px;}
.form-left-footer p{margin: 0}
.upload-file-form .upload-file .upload-content{padding: 30px;}
.upload-content span{max-width: 85px;height: 55px;}
.upload-file-form .upload-file .upload-content p{font-size: 16px;line-height: 25px;}
.title-content h2{font-size: 22px;line-height: 25px;padding-bottom: 10px;}
.check-form .checkbox label{padding-left: 40px;}
.platform-group .platform-content{padding-bottom: 30px;}
.platform-group .platform-content h2{font-size: 22px}
.platform-group .platform-content h2::before{height: 10px;}
.form-left-header .logo-left{max-width: 125px;}
.form-left-header .language-box{padding: 60px 0 0}
.form-left-bar{max-width: 360px;}
.form-right-bar{width: calc(100% - 360px);}
.same-userlogin-header {padding: 30px 0;}
.same-userlogin-header .logo-header {max-width: 125px;}
.container-fluid-same {padding: 0 30px;}
.same-userlogin-header .btn.btn-info {padding: 7px 25px;}
.contact_form::before{height: 145px;}
.contact_form{padding-bottom: 200px;}
.rtl  .About_us .about-left .deshboard{margin: auto;}
.rtl .About_us .about-left{float: left;}
.online-test-section .left_heading .heading-content{margin-right: 73px;}
.online-test-section::before {display: none;}
}

@media(max-width:1420px) {header .top-bar .top-bar-left i {padding-right: 15px;}
.top-bar .top-bar-right ul li a {padding-right: 15px;font-size: 14px;}
.container-fluid {padding: 0px 30px;}
.banner .banner-left h1 {font-size: 40px;line-height: 55px;}
.crical_img {top: -64px; left: -45px; z-index: -1;}
.market_img {left: -45px; bottom: 0;}
.banner .banner-left h1 span::before {width: 125px; height: 25px; top: 60px; left: 0;}
.header-mid {padding-left: 100px;}
.About_us .about-inner {top: 58px; left: -60px;}
.About_us .about_inner_contact h5 {font-size: 17px;}
.About_us .about_inner_contact {width: 190px;}
.about-right {padding: 61px 0px;}
.About_us {padding-top: 140px; padding-bottom:144px;}
.About_us .about-right h2 {font-size: 54px; line-height: 78px; padding-bottom: 50px;}
.about-right::before {height: 269px; left: -30px; top: 60%;}
.service {padding-top: 50px; padding-bottom: 60px; position: relative;}
.selectpicker{font-size: 16px;}
header .top-bar .top-bar-left i{font-size: 15px;}
.crical_service{display: none;}
.sevice_card .sevice_card_inner{padding: 15px 20px;}
.About_us .about-right h2 {font-size: 44px; line-height: 65px; padding-bottom: 40px;}
.About_us .about-right h2::before{top: 65px;height: 19px; width: 167px;background-size: 167px;}
.About_us .about-right h3{font-size: 20px;}
.service .service_contact h2{font-size: 44px; line-height: 65px; padding-bottom: 40px;}
.same-heading h2{font-size: 44px;line-height: 50px;padding-bottom: 22px;margin-bottom: 25px;}
.same-heading h3{font-size: 22px;}
.same-heading p{font-size: 15px; line-height: 30px;}
.service .same-heading{max-width: 965px;}
.world_second{right: 30px;}
.lp_images{max-width: 1000px;top: 45px;}
.Teacher_contact .item{padding-top: 66px;}
.Teacher_contact .item img{max-width: 790px;height: 434px;}
.laptop_slider{max-width: 782px;}
.world_second{bottom: -30px;right: 23px;}
.lp_images::before{width: 216px; height: 216px;}
.Teacher_contact::before{height: 410px;}
.navbar-brand{max-width: 150px;}
.nav_menu {margin-left: 75px !important;}
.banner-right::before{left: -90px;top: -70px;width: 200px;height: 200px;}
.banner-right .women .share_img {left: -55px; width: 128px; height: 90px; top: 20px;}
.banner-right .women .market_img {left: -120px; bottom: 0; width: 100px; height: 102px;}
.banner-right .women .nick_img {left: -160px; bottom: -41px; z-index: -1; width: 195px; height: 50px;}
.banner-right{padding-right: 30px;}
.banner-right::after{right: -12px;width: 80px;bottom: -37px;height: 75px}
.text-inner h5{font-size: 18px;}
.text-inner{padding-right: 40px;}
.text-inner p{font-size: 14px !important;}
.banner-left .text_number::before{background-size: 120px;background-repeat: no-repeat;background-position: right;bottom: -25px;right: 15px;width: 100px;height: 100px;}
.btn.btn-info{font-size: 14px;}
.text_number{padding-top: 60px;}
.btn.btn-info{padding: 12px 15px;}
.About_us .about-left .deshboard::before {width: 150px; height: 150px; bottom: -54px; left: -54px;}
.form-but button{padding: 12px 15px;}
.About_us::before {height: 140px;}
.About_us::after {height: 142px;}
.header-form h2 {font-size: 65px; line-height: 85px;}
.form-right-bar .header-form h2::before {width: 219px; height: 23px; right: -25px;}
.input-group-form .password-icon{right: 15px;}
.form-left-bar{max-width: 300px;}
.form-right-bar{width: calc(100% - 300px);}
.left-progressbar {padding: 90px 0 0 25px;}
.left-progressbar ul li{margin-bottom: 25px;padding-left: 45px;}
.form-left-footer p{font-size: 14px;}
.login-padding .header-form {padding-bottom: 20px;}
.contact-inner::before{display: none;}
.contact_form::before {height: 131px;}
.contact_form {padding-bottom: 170px;}
.online-test-section .left_heading .heading-content {margin-right: 80px;}
.online-test-section .online-item{padding: 20px 20px;}
.online-test-section .online-item .item-content::before{left: -20px;}

/*--------------------------------------------------------------------------------------*/
/*Responsive-RTL-Css-Here
/*--------------------------------------------------------------------------------------*/
.rtl .banner-right::before{right: -90px; top: -70px;}
.rtl .banner-right .women::before{left:-15px;}
.rtl .banner-right .women .share_img{right: -55px;}
.rtl .banner-right .women .market_img{right: -120px;}
.rtl .banner-right .women .nick_img{right: -160px;}
.rtl .banner-right::after{left: -17px;}
.rtl .banner .banner-left h1 span::before{top: 48px;}
.rtl .About_us .about-inner{right: -32px;}
.rtl .About_us .about-left .deshboard::before{display: none;}
.rtl .nav_menu{margin-right: 75px !important;}
.rtl .top-bar .top-bar-right ul li a{padding-left: 15px;}
.rtl header .top-bar .top-bar-left i{padding-left: 15px;}
.rtl  .About_us .about-left .deshboard{margin: auto;}
.rtl .About_us .about-left{float: left;}

}
@media(max-width:1299px) {.container-fluid {padding: 0px 15px;}
.banner {padding: 60px 0px;}
.banner-right::before {left: -75px; top: -55px; width: 170px; height: 170px;}
.banner-right::after{right: 0}
.banner-right .women::before{right:-28px;}
.business-section .table-inner .table th, .table-inner .table td{font-size: 16px;}
.contact_form::before {height: 121px;}
.contact_form {padding-bottom: 150px;}
/*--------------------------------------------------------------------------------------*/
/*Responsive-RTL-Css-Here
/*--------------------------------------------------------------------------------------*/
.rtl .banner-right::before {right: -75px; top: -55px;}
.rtl .banner-right::after {display: none;}
.rtl  .About_us .about-left .deshboard{margin: auto;}
.rtl .About_us .about-left{float: left;}
}
@media(max-width:1199px) {.container-fluid {padding: 0px 12px;}
.header-mid {padding-left: 50px;}
header .header-mid a {font-size: 16px; padding-right: 18px !important;}
.navbar-brand img {width: 130px;}
.header-right .login a {padding: 5px 20px;}
.resigster a {padding: 7px 20px;}
.selectpicker {margin-right: 20px;}
.banner .banner-left h1 {max-width: 699px; line-height: 55px; font-size: 37px;}
.banner .banner-left h1 span::before {width: 107px; height: 25px; top: 54px; left: 0;}
.banner {padding: 75px 0px; position: relative;}
.share_img {position: absolute; top: 35px; left: -31px; width: 230px;}
.market_img {left: -40px; bottom: 0;}
.nick_img {left: -90px; bottom: -35px; z-index: -1;}
.banner .banner-left p {font-size: 15px; line-height: 28px; max-width: 586px; margin: 0; padding-bottom: 27px;}
.about-right {padding: 58px 0px; max-width: 440px;}
.About_us .about-right p {font-size: 15px; line-height: 28px; padding-bottom: 25px;}
.About_us .about-right h2::before {top: 71px; left: 0; height: 28px; width: 151px;}
.About_us .about-right h2 {font-size: 54px; line-height: 78px; padding-bottom: 30px;}
.About_us .about-right h3 {font-size: 24px; line-height: 28px;}
.About_us .about-inner {position: initial; width: 100%; padding-top: 30px;}
.About_us .about_inner_contact {width: 100%; padding: 10px 20px;}
.About_us .about_inner_contact h5 {font-size: 20px;}
.about-right {padding: 114px 0px 114px 0px; max-width: 440px;}
.sevice_card_inner h4 {font-size: 20px; line-height: 32px; padding-bottom: 15px;}
.sevice_card .sevice_card_inner {margin-right: 18px; padding: 15px 15px;}
.choose_left img {padding-bottom: 25px; padding-top: 0px; width: 105px;}
.women img {height: 500px;}
.Teacher_contact .item img {max-width: 743px; object-fit: contain; height: 307px; text-align: center; border-radius: 7px;}
.Teacher_contact::before {content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 402px; background: #01B6EF;}
.lp_images img {max-width: 724px; height: 387px;}
.laptop_slider {max-width: 536px; margin: 0 auto;}
.Teacher_contact .item {padding-top: 131px; position: relative; z-index: -1;}
.lp_images {position: absolute; top: 103px; left: 0; right: 0; margin: 0 auto; text-align: center; z-index: 9; pointer-events: none;}
.crical_second img {width: 70px; height: 60px;}
.About_us {padding-top: 90px; padding-bottom: 80px;}
.round_crical {position: absolute; left: 69px; top: 7%;}
footer .footer_first li {padding-bottom: 8px;}
footer h2 {font-size: 15px;}
.contact_form {padding-top: 130px; padding-bottom: 60px;}
.sigle_crical {position: absolute; top: 109px; left: 11%; width: 225px;}
.world_second {position: absolute; right: 23px; bottom: -71px;}
.nav_menu {margin-left: 45px !important;}
.navbar-brand img {width: 115px;}
header .nav_menu li {padding-right: 25px;}
.top-bar .top-bar-right ul li a i {padding-right: 5px;}
.selectpicker {margin-right: 15px;}
.login {padding-right: 10px;}
.women img {height: auto;}
.banner-right::after {width: 60px; bottom: -36px; height: 60px; background-size: 60px; right: 13px;}
.banner .banner-left h1 {max-width: 435px; line-height: 45px; font-size: 33px;}
.banner-right .women .market_img {left: -100px; bottom: 0; width: 85px; height: 87px;}
.banner-right .women .nick_img {left: -130px; bottom: -30px; z-index: -1; width: 157px; height: 40px;}
.same-heading h2 {font-size: 35px; line-height: 45px; padding-bottom: 18px; margin-bottom: 20px;}
.same-heading h2::before{height: 15px;width: 120px;background-size: 120px;background-position: center;}
.same-heading h3 {font-size: 20px; padding-bottom: 7px;}
.btn.btn-info {padding: 5px 20px;}
.about-content-right{padding-left: 45px;}
.about-content-right::before{left: 15px;height: 247px;}
.lp_images{max-width: 715px;top: 55px;}
.Teacher_contact .item{padding-top: 83px;}
.laptop_slider{max-width: 542px;}
.Teacher_contact::before{height: 320px;}
.Teacher_contact .world{width: 65px;height: 143px;}
.world_second{bottom: -40px;}
.About_us::before {height: 135px;}
.business-section .plan-btn .same-plan strong{font-size: 32px;line-height: 40px;}
.business-section .plan-btn .same-plan{max-width: 197.59px;}
.business-section .plan-btn .same-plan::before{top: -40px; border: 13.94px solid #000; right: -40px;width: 85px;height: 85px;}
.business-section .plan-btn .same-plan::after {content: ''; border: 13.94px solid #000000; width: 40px; height: 40px; position: absolute; right: 0; border-radius: 100px; opacity: 0.1; top: -13px; right: -13px;}
.business-section .table-inner .table {min-width: 1021px;}
.business-section .table-inner .table-responsive {border-radius: 19.9513px;}
.contact_form::before {height: 100px;}
.contact_form {padding-bottom: 125px !important;}
.dropdown-toggle{padding: 6px 23px 6px 5px !important;}
.dropdown-menu li a {color: #000 !important;}
.online-test-section .left_heading .heading-content {margin: 0;}
.question_contact .qedit_box {padding: 20px 15px 15px;}
.question_contact .qedit_box .qedit_box_img .icon-trash {right: -9px; top: -9px;}

/*--------------------------------------------------------------------------------------*/
/*Responsive-RTL-Css-Here
/*--------------------------------------------------------------------------------------*/
.rtl .nav_menu {margin-right: 45px !important;}
.rtl .login{padding-left: 10px;}
.rtl .banner .banner-left h1 span::before {top: 38px;}
.rtl .banner-right .women::before {left: -10px;}
.rtl .about-content-right{padding-right: 45px;}
.rtl .about-content-right::before{right: 15px;}
.rtl header .header-right{float: inherit;}
.rtl .banner-right{margin: auto !important;}
.rtl .banner-right .women .market_img{right: -100px;}
.rtl .banner-right .women .nick_img{right: -130px;}
.rtl .nav_menu {margin-right: 45px !important;}
}


@media(max-width:991px) {.row.banner_main {display: flex; flex-direction: column-reverse;}
.row.banner_main .col-md-6 {width: 100%;}
.share_img {position: absolute; top: 35px; left: 40px; width: 260px;}
.market_img {left: 60px; bottom: 0;}
.banner-left {padding-top: 100px;}
.nick_img {left: 11px; bottom: -43px; z-index: -1;}
.banner .banner-left p {font-size: 15px; line-height: 28px; max-width: 100%; margin: 0; padding-bottom: 15px;}
.text_number {padding-top: 60px; margin: 0 auto; justify-content: left;}
.about-right {padding: 70px 0px 40px 0px; max-width: 100%;}
.About_us {padding-top: 30px; padding-bottom: 10px;}
.About_us .about-right p {max-width: 100%;}
.About_us .about-left {position: relative; float: initial;}
.About_us .col-md-6 {width: 100%;}
.About_us .about-left .deshboard img {width: 100%;}
.sevice_card_inner h4 {font-size: 14px; line-height: 10px; padding-bottom: 10px;}
.sevice_card_inner p {font-family: 'Jost'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 14px; color: #707070; margin: 0; padding-bottom: 15px;}
.sevice_card .sevice_card_inner h5 {line-height: 22px; color: #707070; padding-bottom: 8px;}
.sevice_card .sevice_card_inner {margin-right: 25px; padding: 12px 12px;}
.service {padding-top: 50px; padding-bottom: 50px; position: relative;}
.service {padding-top: 15px; padding-bottom: 50px; position: relative;}
.choose {position: relative; padding: 30px 0px 38px;}
.choose_main {position: relative;  }
.choose_main .col-md-6 {width: 100%;}
.choose .choose_left p {max-width: 100%;}
.choose_left {height: 100%; padding-top: 0px; padding-bottom: 0px;}
.choose_right img {width: 100%;}
.choose::before {height: 364px; width: 82%; bottom: 70px; z-index: -1;}
.contact-inner_left {height: 100%; max-width: 100%;}
.contact-inner .col-md-5 {width: 100%;}
.contact-inner_right {padding-top: 50px;}
.contact-inner_right img {width: 100% !important;}
.contact-inner .col-md-7 {width: 100%;}
.form-but a {text-align: center;}
.service .service_contact {text-align: left;}
.footer_inner .col-md-3 {width: 50%;}
.top-bar .top-bar-right ul li a i {padding-right: 7px;}
.top-bar .top-bar-right ul li a {padding-right: 8px; font-size: 13px;}
.footer_third {padding-top: 30px;}
.footer_four {padding-top: 30px;}
.world_second {position: absolute; right: 14px; bottom: -10px; width: 68px;}

.navbar-collapse {position: absolute; top: 69px; width: 100%; z-index: 9; background: #01B6EF; left: 0; right: 0; padding:0px;}
.navbar-collapse li a {color: #fff;}
header .header-right {float: inherit;}
header .header-right .selectpicker {color: #fff; border: 1px solid #FFF !important; padding: 7px 18px 7px 7px !important; width: 62px; border-radius: 4px; background-image: url(../images/down-arrow-white.png) !important; background-position: 88% !important;background-color: transparent !important;}

.header-right .login a {padding: 5px 20px; color: #fff !important; border: 1px solid #fff;}
.resigster a {color: #E11E89 !important; background: #fff; padding: 7px 20px; border-radius: 5px; margin: 0; display: inline-block; border: 1px solid #fff !important;}
.login a:hover {background: #DE4278; color: #fff !important; border-color: #DE4278;}
.resigster a:hover {background: none; border: 1px solid #E11E89 !important;}
.navbar-nav a:hover {color: #E11E89;}
.navbar-toggler:focus {box-shadow: none; outline: none;}
.navbar-toggler {border: none;}
.top-bar .top-bar-right ul li:last-child {display: none;}
.banner-right {padding-right: 0; margin: auto;}
.banner-right .women::before{display: none;}
.banner-right::after {width: 100px; bottom: -50px; height: 100px; background-size: 100px; right: -30px;}
.banner-left {padding-top:70px; max-width: 500px; margin: auto; text-align: left;}
.banner .banner-left h1 {max-width: 100%; line-height: 50px; font-size: 35px; padding-bottom: 10px;}
.banner .banner-left h1 span::before {width: 95px; height: 12px; bottom: -3px; left: 0; top: inherit; background-size: 95px;}
.text_number {margin: 0 auto; justify-content: left; border: 2px dashed #DDD; padding: 0; max-width: inherit;margin-top: 30px;}
.text_number .text-inner {padding: 15px 25px !important;  border-right: 2px dashed #DDD;width: 33.333%;}
.banner-left .text_number::before{display: none;}
.text_number .text-inner:last-child{border-right: none !important;}
.About_us .about-left{max-width: 500px;margin: auto;}
.About_us .about-inner {position: absolute; width: 200px; padding-top: 0;}
.women {padding-right: 0;}
.about-content-right {padding-left: 0; max-width: 500px; text-align: center; margin: auto;padding-bottom: 25px;text-align:left;}
.About_us .same-heading h2::before {margin: auto;}
.about-content-right::before{display: none;}
.service .same-heading {max-width: 575px;}
.about-content-right .same-heading h2 {display: inline-block;}
.choose .same-heading {max-width: 500px; margin: auto;}
.choose_right figure {max-width: 500px; margin: auto;}
.lp_images img {max-width: inherit; height: inherit;}
.choose .choose_main .col-md-6 {width: 50%;}
.lp_images {max-width: 600px; top: 55px;}
.lp_images::before {width: 150px; height: 150px;}
.laptop_slider {max-width: 462px;}
.Teacher_contact .item img {max-width: 100%; object-fit: contain; height: 252px; text-align: left; border-radius: 7px; width: 100%; margin: auto; display: block;}
.Teacher_contact .item {padding-top: 78px;}
.Teacher_contact::before {height: 250px;}
.Teacher_contact .water{top: 25px; left: 15px; width: 84px;}
.Teacher_contact .world {width: 45px; height: 100px; top: 40px;}
.sevice_card .sevice_card_inner img {width: 100%; height: auto; object-fit: cover;}
.sevice_card .sevice_card_inner{height: 100%}
.contact_form {padding-top: 80px; padding-bottom: 50px;}
.contact-inner .col-md-5, .contact-inner .col-md-7 {width: 50%;}
.contact-inner{padding: 25px;}
.form-control{padding: 10px 15px 10px 22px;font-size: 15px;margin-bottom: 15px;}
.form_inner.textarea .form-control{height: 90px;}
.form-but button {padding: 10px 15px; font-size: 16px;}
.footer_first ul {display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
footer .footer_first li {padding-bottom: 0;}
.logo_footer {padding: 0 0 15px !important;}
.logo_footer a{width: 120px;}
.copyright p{font-size: 14px;}
footer h2{font-size: 18px;}
.About_us .row{flex-direction: column-reverse;}
.nav_menu {margin: 0 !important;}
header .nav_menu li {padding-right: 0; border-bottom: 1px solid rgba(255,255,255,0.3);}
header .nav_menu li a {padding: 10px 15px !important; display: block;}
header .header-right {float: inherit; padding: 15px 15px; text-align: center; justify-content: center;}
.header-right .login a{box-shadow: none;}
.resigster a{box-shadow: none;}
.banner::before{display: none;}
.About_us {padding-top: 75px; padding-bottom: 110px;}
.header-form h2::before {height: 19px; width: 80px; right: -10px; top: 22px;}
.form-left-bar{max-width: 100%}
.left-inner-body {padding: 15px 15px 30px;}
.form-left-header .language-box {padding: 0;}
.form-left-header {display: flex; align-items: center; justify-content: space-between;}
.language-box .selectpicker {box-shadow: none; margin: 0; height: 40px;}
.language-box .selectpicker {box-shadow: none; margin: 0; height: 40px;}
.left-progressbar ul {display: flex; justify-content: center; display: -webkit-flex;}
.left-progressbar ul li {margin: 0 15px; padding: 40px 0 0;}
.left-progressbar ul li span{top: 0;transform: inherit;right: 0;margin: auto;}
.left-progressbar {padding: 30px 0;}
.form-left-footer {position: relative; bottom: 0;}
.left-progressbar ul::before {width: 280px; top: -35px; height: 5px; margin: auto; left: 0; right: 0;}
.form-right-bar {width: 100%; padding: 30px 15px;}
.header-form h2 {font-size: 48px; line-height: 55px;}
.form-right-bar .header-form h2::before {width: 219px; height: 20px; right: -10px; top: 13px;}
.form-right-bar .skip_header_p {text-align: left; padding-bottom: 20px;}
.form-bar{height: auto;}
.same-userlogin-header {padding: 18px 0;}
.container-fluid-same {padding: 0 15px;}
.business-section .plan-btn{justify-content: center;padding-right: 0;}
.business-section .plan-btn .same-plan p{font-size: 18px;}
.business-section .plan-btn .same-plan strong{font-size: 25px;line-height: 30px;}
.business-section {padding: 50px 0;}
.contact_form::before {height: 78px;}
.contact_form {padding-bottom: 90px !important;}
.dropdown-toggle{padding: 6px 23px 6px 5px !important;}
.footer_four_logo a{margin-left: 0;}
header .nav_menu li{width: 100%}
header .nav_menu li:last-child {border-bottom: 0;}
header .nav_menu li .nav-link.btn {background: transparent; border: 0 !important; box-shadow: none !important; font-size: 16px; font-weight: normal; text-align: left; padding: 10px 15px !important; display: block;}
.online-test-section .left_heading{width: 100%}
.flex-custom .online-services {width: 100%; padding: 50px 15px 0;}
.flex-custom .online-services .owl-dots{display: none !important;}
.online-test-section{padding: 78px 0 50px;}
.online-test-section .left_heading h2{font-size: 34px;line-height: 45px;}
.rtl .online-test-section .left_heading .heading-content{margin: 0}

/*--------------------------------------------------------------------------------------*/
/*Responsive-RTL-Css-Here
/*--------------------------------------------------------------------------------------*/
.rtl .nav_menu {margin-right: 0 !important;}
.rtl .banner-left{text-align: right;}
.rtl .about-content-right {padding-right: 0; text-align: right;}
.rtl .About_us .about-left {float: inherit;}
.rtl .logo_footer a {margin-right: 0;}
.rtl header .nav_menu li .nav-link.btn{text-align: right;}

}


@media(max-width:767px) {.share_img {position: absolute; top: 11px; left: -4px; width: 231px;}
.crical_img {top: -70px; left: -14px; z-index: -1; width: 290px;}
.market_img {left: 0px; bottom: 0; width: 70px;}
.nick_img {left: -16px; bottom: -24px; z-index: -1; width: 136px;}
.top-bar .top-bar-right ul li a {padding-right: 8px; font-size: 12px;}
.student_inner {display: block !important;}
.sevice_card_inner h4 {font-size: 18px; line-height: 22px; padding-bottom: 10px;}
.sevice_card .sevice_card_inner img {width: 100%; height: 445px; object-fit: cover;}
.sevice_card .sevice_card_inner {margin-right: 0px; padding: 12px 12px; margin-bottom: 12px;}
.About_us .about-right h2 {font-size: 40px; line-height: 65px; padding-bottom: 30px;}
.About_us .about-right h2::before {top: 58px; left: 0; height: 28px; width: 151px;}
.About_us .about-right h2 {font-size: 40px; line-height: 65px; padding-bottom: 20px;}
.service .service_contact h2 {font-size: 40px; line-height: 60px; color: #000; margin: 0;}
.service .service_contact img {padding-bottom: 15px;}
.choose_left img {padding-bottom: 15px; padding-top: 0px; width: 105px;}
.choose::before {height: 305px; width: 82%; bottom: 48px; z-index: -1;}
.Teacher_contact .item {padding-top: 24px; position: relative; z-index: -1;}
.Teacher_contact .item img {max-width: 523px; object-fit: contain; height: 258px; text-align: center; border-radius: 7px;}
.laptop_slider {max-width: 370px; margin: 0 auto;}
.lp_images {max-width: 400px; top: 55px;}
.lp_images::before {width: 100px; height: 100px;}
.Teacher_contact::before {height: 200px; background: #01B6EF;}
.banner-right {position: relative; display: flex; justify-content: right; max-width: 467px; margin: 0 auto;}
.round-form {z-index: -1;}
.contact-inner_right {padding-top: 50px; padding-right: 0px;}
.world_second {position: absolute; right: 3px; bottom: -131px;}
.crical_service {position: absolute; right: -13px;}
.crical_first {position: absolute; bottom: -215px; left: 0; z-index: -1;}
.footer_first ul {display: flex; flex-direction: column-reverse;}
footer .footer_first img {line-height: 71px; padding-top: 0px; padding-bottom:0px;}
.top-bar-right {float: inherit; text-align: center; justify-content: center; display: flex;}
.sigle_crical {position: absolute; top: 109px; left: 11%; width: 225px; z-index: -1;}
.banner-right::before{display: none;}
.banner-right::after{display: none;}
.banner-position {display: none;}
.banner-right{justify-content: center;}
.banner-left{padding-top: 30px;}
.banner {padding: 15px 0 60px; position: relative;}
.text_number{adding-top: 0;margin: 24px 0 0 auto;}
.About_us{padding-top: 0; padding-bottom: 60px;}
.About_us .about-inner {position: relative; width: 100%; padding-top: 0; left: 0; top: 15px;}
.About_us .about-left .deshboard::before{display: none;}
.service .same-heading{text-align: left;}
.service .same-heading h2{display: inline-block;}
.service .same-heading h2::before {margin: 0;}
.service{padding-top: 60px; padding-bottom: 60px;}
.service .same-heading{padding-bottom: 30px;}
.choose .choose_main .col-md-6 {width: 100%;}
.sevice_card .sevice_card_inner img{height: auto;}
.banner .banner-left h1{line-height: 45px;font-size: 29px;}
.world_second{display: none;}
header .top-bar .col-md-4, header .top-bar .col-md-8 {width: 50%;}
.top-bar .top-bar-right ul li a{font-size: 0}
.top-bar .top-bar-right ul li a i{font-size: 15px; padding: 0}
.top-bar .top-bar-right ul li{margin: 0 5px;}
.top-bar-right{justify-content: right;}
.laptop_slider{max-width: 300px;}
.contact_form {padding-top: 30px; padding-bottom: 60px;}
.contact-inner .col-md-5, .contact-inner .col-md-7 {width: 100%;}
.contact-inner .row {flex-direction: column-reverse;}
.contact-inner_right {padding-top: 0; margin-bottom: 30px; max-width: 300px; margin-left: auto; margin-right: auto;}
.contact_form .contact-inner_left h2{padding-bottom: 15px;}
.footer_inner .col-md-3 {width: 100%;}
.footer_four button{margin: 0}
.copyright .text-right {text-align: center;}
.copyright .text-right p {padding-bottom: 0;}
.copyright p{text-align: center;padding: 0;}
.footer_four .form-control{font-size: 14px;}
.footer_first {padding-bottom: 30px;}
.contact-inner {padding: 15px;}
.navbar.navbar-expand-lg{padding: 10px 0}
.navbar-collapse{top: 59px;}
.footer_four .form-control{margin-bottom: 10px !important}
.same-heading h2 {font-size: 32px; line-height: 40px; padding-bottom: 15px; margin-bottom: 13px;}
.same-heading h3 {font-size: 18px; padding-bottom: 5px;}
.choose::before{display: none;}
.round_crical{display: none;}
.About_us {padding-top: 75px; padding-bottom: 110px;}
.choose{padding: 60px 0px 60px;}
footer a{font-size: 15px;line-height: 30px;letter-spacing: normal;}
footer .footer_first i{padding-right: 10px;}
.footer_second p{font-size: 15px;line-height: 200.5%;}
.inner-same fieldset .title-content {margin-bottom: 15px;}
.same-form .form-control{padding: 10px 40px 10px 20px}
.check-form .checkbox label{font-size: 13px;}
.title-content h2{font-size: 18px;}
.form-left-header .logo-left {max-width: 110px;}
.input-group-form .password-icon{width: 20px;}
.same-userlogin-header .logo-header {max-width: 110px;}
.same-userlogin-header {padding: 20px 0;}
.login-padding {padding: 30px 15px;}
.same-header-inner{align-items: center;}
.user-info-link {margin-bottom: 20px;}
.skip-info {margin-top: 15px;}
.business-section .plan-btn {justify-content: center; padding-right: 0; display: block; text-align: center; width: 100%; margin: 0;}
.business-section .plan-btn .same-plan {max-width: 100%; margin: auto; border-radius: 0 !important; margin-bottom: 20px;}
.business-section .table-inner{margin: 0; padding: 15px;}
.business-inner .business-tabel{padding-top: 40px;}
.contact_form::before {height: 50px;}
.contact_form {padding-bottom: 63px !important;}
.sevice_card {width: 100%; margin: auto;}
.qadd_modal_img .modal-content {padding: 10px;}
.qadd_modal_img .modal-header .modal-header-icon {margin-right: 10px;}
.qadd_modal_img .modal-header .modal-header-icon, .qadd_modal_img .drag-drop .drag-drop-icon {width: 50px; height: 50px;}
.qadd_modal_img .modal-header .modal-header-icon img, .qadd_modal_img .drag-drop .drag-drop-icon img {width: 60%;}
.qadd_modal_img .modal-header .modal-header-text {font-size: 14px; font-weight: 400;}
.qadd_modal_img .modal-body {padding: 10px 0;}
.qadd_modal_img .modal-header .modal-header-text .modal-title {font-size: 18px; line-height: 18px; margin: 0 0 4px 0;}
.question_contact .qedit_box .qedit_box_img .qedit_box_imgin {height: 200px; border-radius: 5px;}
.test-instrution .test-instrution-imain .test-instrution-imain-detail h2 {
	font-size: 24px;
	margin: 0px 0 10px 0;
}
/*--------------------------------------------------------------------------------------*/
/*Responsive-RTL-Css-Here
/*--------------------------------------------------------------------------------------*/

.rtl .About_us .about-inner {right: 0;}
.rtl .service .same-heading{text-align: right;}
.rtl .sevice_card .sevice_card_inner{margin-left: 0;}
.rtl .business-section .plan-btn{padding: 0;}
}
@media(max-width:575px) {
.business-section .same-heading h2::before {right: 0; left: 0; margin: auto;}
.test-instrution .test-instrution-imain .test-instrution-imain-image {
    float: none;
    margin: 0 auto;
}
.test-instrution .test-instrution-imain .test-instrution-imain-detail {
	padding: 20px 0 0 0px;
	line-height: 22px;
	text-align: center;
}
.test-instrution .test-instrution-item .test-instrution-item-b ul li {
	padding: 10px 15px;
	font-size: 14px;
}
.test-instrution .test-instrution-item .test-instrution-item-h {
	padding: 7px 15px;
}
.question-step .timeleft-box {
	margin: 0;
	width: 100%;
}
.question-step .timeleft-box ul {
	padding: 0px 0;
}
}
@media(max-width:479px) {.lp_images {max-width: 300px; top: 35px;}
.laptop_slider {max-width: 228px;}
.Teacher_contact .item img{height: auto; width: auto;max-width: 100%;}
.Teacher_contact .item{padding-top: 43px;}
.Teacher_contact::before{height: 135px;}
.Teacher_contact .water{display: none;}
.Teacher_contact .world {width: 25px; height: 60px; top: 40px;}
.contact_form{padding-top: 50px;}
.footer_four button{width: 100%}
.copyright p {font-size: 13px;}
.copyright p a{font-size: 13px;}
.header-form h2::before {height: 8px; width: 50px; right: -6px; top: 18px;}
.text_number .text-inner{padding: 15px 15px !important;}
.check-form .checkbox label span{top: 0; transform: inherit;}
.left-progressbar ul li{font-size: 12px;}
.left-progressbar ul::before{width: 207px;}
.upload-file-form .upload-file .upload-content {padding: 15px;}
.platform-group .platform-content h2 {font-size: 18px;}
.platform-group .platform-content h2::before{bottom: initial; top: 8px;}
.header-form h2 {font-size: 34px; line-height: 40px;}
.form-right-bar .header-form h2::before {width: 150px; height: 15px; right: -5px; top: 7px;}
.left-progressbar ul li{margin: 0 5px;}
.same-userlogin-header .btn.btn-info {padding: 5px 15px;}

}

.question_contact_inner.title_text .quiz_contact {justify-content: space-between; padding: 16px 0px; border-bottom: 1px solid rgba(217, 217, 217, 0.50); flex-wrap: wrap;}
.inner_quiz_left .inner_quiz_contact p {font-weight: 400; font-size: 15px; line-height: 23px; color: #6A757E; margin: 0; padding-bottom: 10px;}
.inner_quiz_left .inner_quiz_contact p span {font-weight: 400; font-size: 15px; line-height: 10px; color: #666666; padding-right: 31px;}
.inner_quiz_left .inner_quiz_contact .heading {color: #182D54; font-size: 18px; line-height: 28px; margin: 0 0 11px 0;}
.inner_quiz_left .inner_quiz_contact .heading .text {display: block; color: #666; font-size: 15px; font-weight: 400;}
.inner_quiz_left .inner_quiz_contact ul li {color: #959595; font-size: 15px; font-weight: 500; padding-bottom: 11px;}
.inner_quiz_left .inner_quiz_contact ul li span {padding-right: 5px;}
.inner_quiz_contact_right .header_social_icon {padding: 10px 0 0 0;}
.inner_quiz_right .inner_quiz_contact_right .edit_icon {padding-right: 41px;}
.question_contact_inner.title_text h2 {padding-bottom: 10px;}
.inner_quiz_left .inner_quiz_contact .active {color: #01B6EF; font-weight: 500; font-size: 16px;}
.inner_quiz_left .inner_quiz_contact_video, .inner_quiz_left .inner_quiz_contact_ansvideo {width: 100px; height: 100px; border-radius: 3px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url(<path-to-image>), lightgray 50% / cover no-repeat, #D9D9D9; overflow: hidden;}
.inner_quiz_left .inner_quiz_contact_video img, .inner_quiz_left .inner_quiz_contact_ansvideo img, 
.inner_quiz_left .inner_quiz_contact_video iframe, .inner_quiz_left .inner_quiz_contact_ansvideo iframe, 
.question-step .inner_quiz_contact .inner_quiz_contact_video img, .question-step .inner_quiz_contact .inner_quiz_contact_ansvideo img {width: 100%; height: 100%; object-fit: cover;}
.inner_quiz_left .inner_quiz_contact ul.inner_quiz_contact_anslist {display: flex; flex-wrap: wrap; max-width: 100%; width: 398px; padding-top: 30px;}
.inner_quiz_left .inner_quiz_contact ul.inner_quiz_contact_anslist li {width: 50%; padding-bottom: 19px;}
.inner_quiz_left .inner_quiz_contact ul.inner_quiz_contact_anslist li .inner_quiz_contact_anstop {padding: 0 0 16px 0;}
.quiz_contact.quiz_end {border: none !important; padding-bottom: 0 !important;}
.text_bas {justify-content: center; display: flex;}
.profile-dropdown .dropdown-toggle img { height: 100%;object-fit: cover;}
.account_form .account_contact .account_inner figure {width:80px; border-radius: 50%; height: 80px; overflow: hidden;     filter: drop-shadow(0px 2.40966px 2.40966px rgba(0, 0, 0, 0.25));} 
.account_form .account_contact .account_inner figure img {width: 100%; height: 100%; object-fit: cover; border: 2.80435px solid rgba(1, 182, 239, 0.6); padding: 0;}
.create_goal .multi_inner select.js-select2.select2-hidden-accessible{display:none;} 
/* .create_goal .multi_inner span.select2-selection.select2-selection--multiple input {height: 56px; background: none; border: 1px solid #E7EBF4; margin-bottom: 16px; color: #75819E; font-weight: 400; font-size: 15px; line-height: 28px; padding: 12px 15px 12px 22px; box-shadow: none !important; outline: none !important;} */
.multi_inner .select2-selection.select2-selection--multiple{    display: block;    padding: 0;    overflow: hidden; overflow-y: auto;}
.multi_inner .select2-selection.select2-selection--multiple ul.select2-selection__rendered {height: 100%; display: flex; flex-wrap: wrap; position: relative;}
.multi_inner .select2-selection.select2-selection--multiple ul.select2-selection__rendered li {border-radius: 10px !important; margin-right: 10px; text-align: center; padding: 10px 15px !important;}
span.select2-dropdown.select2-dropdown--below{display: block;}
span.select2-dropdown.select2-dropdown--below span.select2-results{display: block;}
span.select2-dropdown.select2-dropdown--below ul#select2-assign_to-gj-results {display: block;}
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown {display: block; border: 1px solid #E7EBF4; background: #FFF; 
}
.multi_inner .select2-selection.select2-selection--multiple ul.select2-selection__rendered li {border-radius: 10px !important; margin-right: 10px; text-align: center; padding: 6px 30px 6px 15px !important; height: auto !important; position: relative; line-height: normal; margin-bottom: 10px;}
.multi_inner .select2-selection.select2-selection--multiple ul.select2-selection__rendered li span {position: absolute; right: -3px; top: -3px; background: #FFF !important; color: #000; width: 25px; height: 25px; border: 0; display: flex; align-items: center; justify-content: center;}
span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus.select2-container--open input.select2-search__field {display: none;}
.multi_inner .select2-selection.select2-selection--multiple span.select2-selection__clear {position: absolute; width: 30px; border: 1px solid #000; height: 30px; top: 10px; right: 16px;}
.multi_inner .select2-selection.select2-selection--multiple ul.select2-selection__rendered {height: 100%; display: flex; flex-wrap: wrap; position: relative; padding: 10px 55px 10px 10px;}
.multi_inner .select2-selection.select2-selection--multiple ul.select2-selection__rendered li input {display: none;}
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown li {padding: 10px 15px; border-bottom: 1px solid #E7EBF4; font-size: 14px; color: #6d6a6a;}
.multi_inner span.selection {margin-bottom: 20px; display:block;}
.tabing-inner ul .tabing-blog{    position: relative;    height: 100%;}
.tabing-inner ul .tabing-blog a.btn.btn-info {position: absolute; right: 0; bottom: 0; border-bottom-right-radius: 15px; background: #3fb7f1; box-shadow: none; border: 0 !important; color: #FFF !important;}
/*--------------------------------------------------------------------------------------*/
/*Responsive-Dashboard
/*--------------------------------------------------------------------------------------*/
@media(max-width:1829px) {.recent-blog-content ul li .recent-opening-contant{padding-right: 120px;}
.timer-info .group p{font-size: 13px;}
.center-chart .chart-col .chart-blog{padding-top: 50px;}
}
@media(max-width:1668px) {.info-button {position: relative; right: inherit; top: inherit; transform: inherit; padding-top: 30px; display: block;}
.recent-blog-content ul li .recent-opening-contant {padding-right: 0;}
div.same-table table td{font-size: 14px !important;padding: 10px 13px !important;}
.same-table table th{padding: 10px 13px;font-size: 14px; width: auto !important;}
.timer-info .group{padding: 0 6px;}
.recent-user-info{padding-right: 0}
.recent-user-info{align-items: inherit;}
.card-header ul li a {padding: 10px;}
.card-title p {font-size: 14px; line-height: normal;padding-bottom: 0;}  
.card-col .card-img {width: 60px; height: auto;}




}
@media(max-width:1399px) {.card-title p{padding-bottom: 0}
.card-col .card-img{width: 60px; height:auto;}
.card-title p{margin-bottom: 10px;}
.rightside-custom{padding: 20px;}
.center-chart .chart-col .chart-blog {padding-top: 20px;}
.chart-row .right-chart{padding: 10px;}
.chart-row .center-chart{padding: 10px;}
.chart-row .left-chart{padding: 10px;}
.recent-row .recent-col{padding: 10px;}
.recent-inner .recent-row{margin: -10px;}
.chart-row{margin: -10px;}
.recent-blog-content ul li .timer-info{flex-wrap: wrap;}
.info-button{padding-top: 20px;}
.chart-col .chart-header h3{font-size: 14px;line-height: 15px;}
.chart-header .dropdown .dropdown-toggle{font-size: 14px;}
.leftside-menu ul li a{padding: 16px 40px 16px 40px}
.card-header ul li{padding: 10px;}
.card-header ul{margin: -10px;}
.leftside-custom{padding: 30px 0}
.card-title p{font-size: 13px;}
.card-title strong{font-size: 18px;}
.card-header ul li {padding: 10px !important;}


}
@media(max-width:1199px) {.left-sidebar{max-width: 100%}
.right-sidebar{width: 100%}
.rightside-custom{min-height: inherit;}
.leftside-custom{text-align: center;}
.leftside-custom ul {display: flex; flex-wrap: wrap; border: 1px solid #DDD; border-right: 0; border-left: 0;justify-content: center;}
.leftside-menu ul li a {padding: 15px 20px;}
.user-info-profile{padding-bottom:15px;}
.leftside-custom {padding: 20px 0 0;}
.card-header ul li {width: 33% !important;}

}
@media(max-width:991px) {.leftside-menu ul li a {padding: 15px 15px; font-size: 14px;}
.dataTables_wrapper {overflow: hidden; overflow-x: auto;}
.table.dataTable {min-width: 1061px;}
.recent-row .recent-col{width: 100%}
.table-header{padding: 20px 20px;}
.dataTables_filter{top: 15px;}
.dataTables_filter input{height: 45px;padding: 10px;}
.dataTables_length select{height: 42px;}
.dataTables_length{top: 15px;}
div.table-bgnone div.paging_simple_numbers{display: none;}
}	
@media(max-width:767px) {.dataTables_length {position: relative; top: 0; right: 0; display: inline-block; margin-bottom: 20px; vertical-align: middle; margin-right: 15px;}
.dataTables_filter {position: relative; right: 0; top: 0; margin-bottom: 20px; display: inline-block; vertical-align: middle;}
.chart-row .left-chart{width: 100%}
.chart-row .center-chart{width: 100%}
.chart-row .right-chart{width: 100%}
.card-header ul li{width: 50%}
.title-header{margin-bottom: 25px;}
.title-header h2 {width: 100%; margin-bottom:0 ;}
.dashboard-search-group{max-width: 100%}
.leftside-custom ul{white-space: nowrap; flex-wrap: inherit; overflow-x: auto; justify-content: inherit;}
.recent-title{flex-wrap: wrap;}
.user-select{width: 100%; padding-top: 15px;}
.user-select a.blue{left: 0}
.recent-user-info figure{width: 40px;height:40px; font-size:14px;}
.recent-user-info .recent-text{width: calc(100% - 40px);}
.title-header .invite-info button.btn-plus {margin-left: 0;}
.title-header .invite-info button{padding: 12px 12px;font-size: 14px;}
.dashboard-search-group{margin-top: 15px;}
.title-header .invite-info{margin-top: 15px;}
.track-btn-group {margin-top: 15px;}
.leftside-menu ul li a span{margin-right: 10px;}
.right-sidebar .larning-inner .larning-box ul li{width: 100%}
.larning-col p{margin: 0}
.progress_bar .row + .row {margin-top: 24px;}
.progress_bar .col-md-6 + .col-md-6 {margin-top: 24px;}
.progress_inner .progress_blog .progress_main span{width: 150px;}
.pagection-group .group-link li {width: auto;}

.pagection-group {justify-content: center;}

.card-header ul li {width: 100% !important;}



}
@media(max-width:479px) {.card-header ul li{width: 100%}
.timer-info .group{border: 0}
.recent-user-info figure {margin:0 0 20px;}
.recent-user-info .recent-text {width: 100%; padding-left: 0;}
.progress_foot{flex-wrap: wrap;}
.progress_foot .view-details-info{margin-bottom: 0; margin-left: 0; margin-top: px; display: inline-block;}

}

/*------------------*/
/*New CSS */
/*------------------*/

.same-form .form-group{position: relative;}
.title-content p, .title-content p a{color: #000;}
.plan_box_mid.report_warpp .pro_plan_inner {padding: 20px;}
.pagection-group ul li {width: auto;}
.pagection-group ul li {width: auto; padding: 0; display: block;}
.pagection-group ul{margin: 0;display: flex;}
.pagection-group .group-link a.active{background: #3fb7f1; color: #FFF;}
header .header-right select.form-control.changeLang {margin: 0; padding: 10px 15px; line-height: normal; height: auto;}
header .header-right{    align-items: center;}
.card-header.resetheading {padding: 15px; color: #000000; font-family: 'Jost'; position: relative; font-size:24px; font-weight: 600;}
.invite-info .dropdown .dropdown-menu .custom-radio{position: relative;}

.invite-info .dropdown .dropdown-menu .custom-radio input {position: absolute; width: 0; height: 0; opacity: 0;}
.invite-info .dropdown .dropdown-menu .custom-radio label {position: relative; padding: 10px 15px; font-weight: 400; font-size: 15px; line-height: 20px; color: #495057; cursor: pointer;}
.invite-info .dropdown .dropdown-menu .custom-radio label span {border: 1px solid #C8CED0; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-right: 15px; border-radius: 5px; position: relative;}
.invite-info .dropdown .dropdown-menu .custom-radio label span::before {content: ''; position: absolute; right: 0; top: 0; bottom: 0; left: 0; width: 9px; height: 15px; transform: rotate(46deg); border-bottom: 3px solid #FFF; border-right: 3px solid #FFF; margin: auto; margin-top: 2px;}
.invite-info .dropdown .dropdown-menu .custom-radio input:checked ~ span{background: #01b6ef;  border-color: #01b6ef;}
.input-group-form.password-re span.password-icon {transform: inherit; top: 16px;}
.actionBtn .icon-link {
	margin: 0 3px;
}
table .actionBtn.actionBtn-n {
    display: flex;
    align-items: center;
}
table .actionBtn.actionBtn-n a {
    width: 24px !important;
    padding: 0 !important;
    height: 24px !important;
}
table .actionBtn.actionBtn-n a img{
    width: 100% !important;
    height: 100% !important;
	object-fit: contain;
}
table .actionBtn.actionBtn-n {
    display: flex;
    align-items: center;
    width: 120px;
    justify-content: space-between;
}
.result-anssheet-img {

}
.result-anssheet-img img {
    height: 300px;
    width: 100%;
    object-fit: cover;
	padding: 5px;
    border: #ccc 1px solid;
	display: inline-block;
}

/*--------------------------------------------------------------------------------------*/
/*MYResponsive-Dashboard
/*--------------------------------------------------------------------------------------*/
@media(max-width:1900px) {
.question_slect .question_right {position: initial;}
.question_slect .question_right ul {display: flex;}
.question_slect .question_right ul li {margin: 0px 10px;}
}

/*--------------------------------------------------------------------------------------*/
/*MYResponsive-Dashboard
/*--------------------------------------------------------------------------------------*/
@media(max-width:1668px) {.pro_plan_inner .plan_box_contact .plan_box_left sup {font-size: 25.986px;}
.pro_plan_inner .plan_box_contact .plan_box_left h2 {font-size: 27.482px;}
.pro_plan_inner .plan_box_contact .plan_box_left sub {font-size: 15px;}
.pro_plan_box .pro_plan_inner {padding: 20px;}
.same-questions-results p {font-size: 15px;}
.L_timer ul {padding-right: 20px;}
.L_timer {display: flex; justify-content: space-between; white-space: nowrap; overflow: auto;}
.student-info-content .student-info-list ul li strong {font-size: 14px;}
.form-control {font-size: 15px; padding: 10px 10px 10px 10px;}
.update-progress-inner .update-progress-blog ul li {padding: 11px;}

}

/*--------------------------------------------------------------------------------------*/
/*MYResponsive-Dashboard
/*--------------------------------------------------------------------------------------*/
@media(max-width:1399px) {.pro_plan_inner .plan_box_contact .plan_box_right span {font-size: 18px;}
.plan_box_right .btn.btn-info {padding: 5px 15px;}
.pro_plan_inner .plan_box_contact .plan_box_left h2 {font-size: 20.482px;}
.pro_plan_inner .plan_box_contact .plan_box_left sup {font-size: 20.986px;}
.feature_inner_contact ul li {font-size: 14px; line-height: 20px; padding-left: 23px;}
.pro_plan_inner .feature_inner_contact::after {bottom: 74px;}
.feature_contact .btn.btn-info.plan_but {padding: 8px 14px; margin-top: 10px;}
.pro_plan_box {width: 44%; margin-right: 20px;}
.plan_box_mid.report_warpp {margin-right: 20px;}
.pro_plan_right h3 {font-size: 18.484px;}
.btn.btn-info.pro_but {padding: 5px 13px;}
.pro_plan_right sub {font-size: 9.221px;}
.pro_plan_left p {font-size: 12px;}
.pro_plan_right sup {font-size: 15.187px;}
.same-questions-results p {font-size: 12px; padding-bottom: 20px;}
.results_section .results_inner .results_heading {max-width: 660px; margin: initial;}
.L_content_top {padding-right: 50px;}
.L_timer ul {padding-bottom: 10px;}
.L_timer {display: block;}
.L_timer a {font-size: 14px; padding: 5px; border-radius: 4px;}
.student-info-content .student-info-list ul li {padding: 10px;}
.student-info-content .student-info-list ul li p {font-size: 12px;}
.student-info-content .student-info-list ul li strong {font-size: 12px;}
.students-table .table th {font-size: 12px; padding: 10px 11px;}
.students-table .table td {padding: 15px 15px;}
.update-progress-inner .update-progress-blog ul {white-space: nowrap; overflow: auto;}

.row.user_row01 {align-items: center; margin-bottom: 15px;}

.row.user_row01 a {padding: 5px 15px;}
}


/*--------------------------------------------------------------------------------------*/
/*MYResponsive-Dashboard
/*--------------------------------------------------------------------------------------*/
@media(max-width:991px) {.title-header {margin-bottom: 20px;}
.plan_box {display: flex; flex-wrap: wrap;}
.pro_plan_box {width: 100%; margin-right: 0; margin-bottom: 20px;}
.plan_box_mid {width: 48%; position: relative;}
.results-questions ul li {width: 25%; padding: 10px;}
.results_section .results_inner .results_heading h2 {padding-top: 20px;}
.downloadreport {position: inherit;}
.results_section .results_inner .results_heading {padding-bottom: 30px; margin: 0 auto;}
.results_section {padding: 20px 20px 20px;}
.L_timer ul li .L_time_bar div small {padding-left: 10px;}
.L_timer ul li .L_time_bar div {display: block;}
.L_content_top {padding-right: 45px;}
.L_content_top p {font-size: 14px;}
.student-info-row .col-md-6 {width: 100%;} 
.student-info-row .col-md-6 +.col-md-6 {margin-top: 20px;}	
.student-info-col .student-info-content h2 {font-size: 15px; padding-bottom: 8px; margin-bottom: 10px;}

}


/*--------------------------------------------------------------------------------------*/
/*MYResponsive-Dashboard
/*--------------------------------------------------------------------------------------*/
@media(max-width:767px) {.registration-tabs .nav-link.active {font-size: 14px; line-height: 24px;}
.registration-tabs .nav-link {font-size: 14px; line-height: 28px; padding: 7px 15px; min-width: 133px;}
.tabing-inner ul li {width: 100%;}
.inner_banner {padding: 40px 0 40px;}
.subjects-section {padding-bottom: 50px;}
.innercontent-left .same-heading h2 span::before {bottom: -8px;}
.innercontent-left .same-heading h3 {padding: 20px 0;}
.L_timer {white-space: nowrap; overflow: auto;}
.L_timer ul {padding-right: 20px;}
.plan_box_mid {width: 100%; margin-bottom: 20px;}
.plan_box_mid.report_warpp {margin-right: 0px;}
.results_section .results_inner .results_heading h2 {font-size: 20px; line-height: 30px;}
.results_section .results_inner .results_content h3 {font-size: 18px; line-height: 26px; color: rgba(0, 0, 0, 0.7); padding-bottom: 40px;}
.results_content .gread-box .center-gread {padding-right: 5px;}
.results_content .gread-box .left-gread .gread-col span {height: 20px; width: 100%; margin-bottom: 20px;}
.results_content .gread-box .center-gread .gread-col span {border-radius: 100%; width: 20px; height: 20px; margin: 0 2px;}
.results_content .gread-box .right-gread .gread-col span {border-radius: 100%; width: 20px; height: 20px; margin: 0 2px;}
.results_content .results_group p {font-size: 18px; line-height: 28px;}
.results_content .results_group {padding: 40px 0;}
.results_content .results-mail-input label {font-size: 18px; margin-bottom: 10px;}
.L_timer ul li .L_time_bar div {font-size: 14px; line-height: 20px; border-right: 1px solid #959595; padding-right: 20px; margin-right: 10px;}
.L_test_inner .col-md-6 + .col-md-6 {margin-top: 25px;}
.student-info-row .col-md-4 {margin-bottom: 20px;}
.students-table .table td {padding: 15px 20px;}
.student-info-content .student-info-list ul li strong {font-size: 15px;}
.student-info-content .student-info-list ul li p {font-size: 14px;}
.question_contact_inner.title_warp {margin-bottom: 60px;}
.inner_quiz_left .inner_quiz_contact ul {padding-left: 0px; display: block !important;}
.inner_quiz_left .inner_quiz_contact ul li {padding-right: 0px;}
.inner_quiz_right .inner_quiz_contact_right .edit_icon {padding-right: 0px;}
.inner_quiz_contact_right .header_social_icon {display: block !important;}
.table-inner.tasts-inner .dataTables_filter {right: 0;}
.plan_box_mid{margin-right: 0;}
.innercontent-left .same-heading h2 span::before {bottom: -12px; width: 100px; background-size: contain;}  
.tabing-inner ul{margin: 0;}


}

/*--------------------------------------------------------------------------------------*/
/*MYResponsive-Dashboard
/*--------------------------------------------------------------------------------------*/
@media(max-width:479px) {.innercontent-left .same-heading h3 {padding: 20px 0;}
.search-group .search-icon {width: 50px;}
.search-group .form-control {height: 50px; padding: 0 10px;}
.subjects-tabing .nav-item {margin: 0;}
.innercontent-left .same-heading h2 span::before {bottom: -8px; height: 19px; width: 150px;}
.L_progress span {width: 100%;}
.plan_box_right .btn.btn-info {padding: 0px 10px; margin-top: 10px;}
.pro_plan_inner .plan_box_contact p {font-size: 12px;}
.pro_plan_inner .plan_box_contact .plan_box_right span {display: block;}
.feature_contact .btn.btn-info.plan_but {padding: 5px 10px;}
.results_section .results_inner .results_heading h2 {font-size: 15px; line-height: 26px;}
.results_section .results_inner .results_heading {padding-bottom: 16px;}
.results_section .results_inner .results_content h3 {font-size: 14px; line-height: 23px; padding-bottom: 30px;}
.results_content .gread-box .center-gread { padding: 20px 0px;}
.results_content .gread-box .center-gread .gread-col {padding-bottom: 15px;}
.results_content .gread-box .right-gread .gread-col {padding-bottom: 15px;}
.results_content .gread-box {display: block;}
.results_content .gread-box .left-gread {width: 100%; padding-right: 0;}
.results_content .gread-box .center-gread .gread-col span {margin: 0 10px;}
.results_content .gread-box .center-gread {width: 100%;}
.results_content .gread-box .right-gread {width: 100%;}
.results-questions ul {display: block;}
.results-questions ul li {width: 100%; padding: 10px 20px;}
.results_content .results_group p {font-size: 16px;}
.L_content_top {padding-right: 32px;}
.test-instrution .instrution_inner p {font-size: 18px; margin-bottom: 20px;}
.student-info-content .student-info-list ul li strong {font-size: 12px;}
.account_form .account_box {padding: 20px;}
.tab_list_account .nav-link {margin-right: 10px;}
.recent-opening-contant .assigned-btn {padding: 5px 20px;}
.student-info-row .student-info-col.students-table {padding: 0; overflow: auto;}
.inner_quiz_left .inner_quiz_contact p span {padding-right: 10px;}
.innercontent-left .same-heading h2 span::before {bottom: -12px; width: 100px; background-size: contain;} 
.chatiframe {width: 260px !important;}
.student-info-row .student-info-col {overflow: auto;}
}
header .header-right select.form-control.changeLang {background: #efeeee; border-radius: 5px;}
header .header-right .dropdown {margin-right: 15px;}
.plan_box_mid::after{display: none;}
.pro_plan_inner .feature_inner_contact::after{display: none;}
.language-register-right {display: flex;}
.language-register-right select.form-control.changeLang{background: #efeeee; border-radius: 5px;margin: 0; padding: 10px 15px; line-height: normal; height: auto; margin-right: 15px;}

.chatbuttom {position: fixed; right: 15px; width: 60px; height: 60px; padding: 13px; bottom:15px; z-index: 999; background: #FFF; border-radius: 100px; cursor: pointer;}
.chatbuttom img {width: 100%;}
.chatiframe {position: fixed; bottom: -100%; right: 30px; height: 75vh; width: 450px; opacity: 0; visibility: hidden; transition: 0.3s ease-out; z-index: 9999; border-radius: 15px;}
.chatiframe.openchatiframe {bottom: 90px; visibility: visible; opacity: 1;}
.chatiframe iframe {height: 100%; width: 100%; border-radius: 15px;}
.chatiframe span.closeiframe {position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: #FFF; border-radius: 100px; display: flex; align-items: center; color: #01b6ef; justify-content: center; cursor: pointer;}

@media(max-width:1699px) {
.business-section .plan-btn .same-plan{max-width: 200px;}
.business-section .plan-btn{padding-left: 50px;}
}
.rtl .invite-info .dropdown .dropdown-menu .custom-radio label{width: 100%;text-align: right;}
.rtl .invite-info .dropdown .dropdown-menu .custom-radio label span { margin-left: 15px; margin-right: 0;}
.rtl .popup-same .modal-content .modal-header .btn-close { right: inherit; left: 25px;}
.dataTables_wrapper .dataTables_length select{background: #FFF !important; outline: none !important    ; box-shadow: none !important; color: #000 !important  ; padding: 0 10px !important  ; border: 1px solid #DDD !important; border-radius: 0 !important;}
.rtl .input-group-form .password-icon {right: inherit; left: 30px;}
.rtl table.dataTable thead th, .rtl  table.dataTable thead td, table.dataTable tfoot th, .rtl  table.dataTable tfoot td{text-align: right}
.rtl .profile-dropdown .dropdown-menu { left: 0 !important; right: initial !important;}
.term-conditions-modal .modal-body { height: 500px; overflow: hidden; overflow-y: auto; text-align: justify;}
.rtl .form-right-bar .skip_header_p{text-align: left;}
.business-section .table-inner .table{position: relative;}
.business-section .table-inner .table tr:first-child { position: absolute; top: -171px; left: 0; right: 0; width: 100%;}
.business-section .table-inner .table-responsive{    overflow: inherit;}
.business-section .table-inner .table th:first-child { width: 360px;}
.business-inner .business-tabel { padding-top: 200px;}
.rtl  .field-icon {left: 15px; right: inherit; margin-left: 0; float: left;}
body.rtl .business-section .table-inner .table td{    width: 278px;}
.rtl .search-group .search-icon{right: inherit; left: 0;}
@media (max-width: 1699px){
.business-section .plan-btn .same-plan{width: 100%; max-width: 100%;}
.business-section .plan-btn{padding: 0;}
}
@media (max-width: 1499px){.business-section .table-inner .table th, .table-inner .table td{padding: 11px 20px;}
.business-section .table-inner .table td{width: 280px;}
}
@media (max-width: 1199px){
.business-section .table-inner .table-responsive{overflow-x:auto}
.business-section .table-inner .table tr:first-child { top: 0; position: relative;}
.business-section .table-inner .table tr:first-child th {width: 100%; display: block; padding: 0;}
.business-section .table-inner .table tr:first-child td {display: block; width: 100%; padding: 0;}
.business-section .plan-btn .same-plan{margin-bottom: 1px;text-align: left;padding: 20px 25px;}
.business-section .table-inner .table tbody{display: block;}
.business-section .table-inner .table tr:first-child { top: 0; position: relative; width: 100%; display: block;}
.business-section .table-inner .table { min-width: 790px;}
.business-section .plan-btn .same-plan{border-radius: 0 !important}
.business-inner .business-tabel {padding-top: 90px;}
body.rtl .business-section .plan-btn .same-plan{text-align: right;}
body.rtl .business-section .plan-btn .same-plan::before{right: inherit; left: -24px;top: -24px;}
body.rtl .business-section .plan-btn .same-plan::after{right: inherit; left: -10px; top: -10px;}
}
@media (max-width:767px){.business-inner .business-tabel{padding-top: 40px;}
.inner_quiz_left .inner_quiz_contact ul.inner_quiz_contact_anslist {width: 100%;}
.inner_quiz_left .inner_quiz_contact ul.inner_quiz_contact_anslist li {width: 100%;}
}
.student-info-content .tabel-responsive {overflow: auto;}
.student-info-content .tabel-responsive table.table {min-width: 692px;}
.rtl .title-header .invite-info button {margin-left: 0; margin-right: 15px;}
.progress_inner .progress_bar .col-md-6 {margin-top: 19px;}
.actionBtn-n { margin: auto;}
body.rtl .question-step .inner_quiz_contact .form-check .form-check-input { position: static !important;}
body.rtl .question-step .inner_quiz_contact .form-check .form-check-label { padding-right: 18px;}
body.rtl .question-step .inner_quiz_contact .form-check { display: flex; }
.rtl .proreport .proreport-lin .proreport-lcr-inn .input-group .input-group-append { right: auto; left: 10px; }



/********************** Schedule CSS ****************************************/
.title-header .invite-info button.btn-addstudent{padding: 8px 23px;}
.schedule{display: flex; justify-content: space-between; margin: 0 -15px;}
.schedule .schedule-l{width: 65%; padding: 0 15px;}
.schedule .schedule-r{width: 35%; padding: 0 15px;}
/* Calendar */
.calendar{background: #fff; box-shadow: rgba(44, 50, 63, 0.05) 0 0 10px; border-radius: 10px; border: #cbd5e1 1px solid; overflow: hidden; position: relative;}
.calendar .calendar-t{padding: 7px 13px; color: #495057;}
.calendar .calendar-t .year{font-weight: 400;}
.calendar .calendar-t a{color: #495057;}
.calendar .calendar-m .table{margin: 0;}
.calendar .calendar-m .table th{font-size: 16px; color: #fff; background: #01B6EF; font-weight: 400; padding: 10px 15px;}
.calendar .calendar-m .table td{border: #CBD5E1 1px solid; height: 103px; vertical-align: bottom; padding: 8px 15px; color: #495057; font-weight: 500; background: #fff; position: relative;}
.calendar .calendar-m .table td.td-grey{background: #f7f7f7;}
.calendar .calendar-m .table td.td-green{background: #EDFAED;}
.calendar .calendar-m .table tr:last-child td{border-bottom: 0;}
.calendar .calendar-m .table tr td:first-child{border-left: 0;}
.calendar .calendar-m .table tr td:last-child{border-right: 0;}
.calendar .calendar-m .table td .off{position: absolute; right: 12px; top: 8px; color: rgba(73, 80, 87, 0.30);}
.calendar .calendar-m .table td.td-pink{background: #DE4278; color: #fff;}
.calendar .calendar-m .table td .stu{position: absolute; left: 15px; top: 8px; font-size: 14px; font-weight: 700; display: none;}
.calendar .calendar-m .table td.td-pink .stu{display: block;}
.schedule-rinner{background: #fff; box-shadow: rgba(44, 50, 63, 0.05) 0 0 10px; border-radius: 10px; overflow: hidden; position: relative; margin-top: -1px;}
.schedule-rinner .schedule-rt{background: #01B6EF; border: #CBD5E1 1px solid; border-radius: 10px 10px 0 0px;}
.schedule-rinner .schedule-rt .schedule-rt-date{color: #fff; font-size: 16px; text-align: center; border-right: rgba(203, 213, 225, 0.30) 1px solid; width: 80px; padding: 3px 0;}
.schedule-rinner .schedule-rt .schedule-rt-date .text-t{font-size: 30px; font-weight: 700; margin-bottom: -2px;}
.schedule-rinner .schedule-rt .schedule-rt-hours{font-size: 14px; color: #fff; padding: 16px 13px 18px;}
.schedule-rinner .schedule-rt .schedule-rt-hours .text-t{font-size: 16px; font-weight: 600; margin-bottom: 5px;}
.schedule-rinner .schedule-table .table{margin: 0;}
.schedule-rinner .schedule-table th,
.schedule-rinner .schedule-table td{border: 0;}
.schedule-rinner .schedule-table th{color: #495057; font-weight: 500; padding: 10px 15px 14px;}
.schedule-rinner .schedule-table tr td{background: #fff; padding: 17px 14px; font-size: 14px; color: #495057; font-weight: 500;}
.schedule-rinner .schedule-table tr td:first-child{padding-left: 21px;}
.schedule-rinner .schedule-table tr:nth-child(2n+1) td{background: rgba(203, 213, 225, 0.10);}
.schedule-rinner .schedule-table td.t-actions{width: 124px;}
.schedule-rinner .schedule-table td.t-actions .icon-link{margin: 0 0 0 13px; display: inline-block;}
.schedule-rinner .schedule-table td.t-actions .icon-link:first-child{margin-left: 0;}
.schedule-rinner .schedule-table td.t-actions .icon-link img{width: 20px; height: 20px;}
.schedule-rinner .schedule-table tr:hover td{background: rgba(1, 182, 239, 0.2);}

/* New Calendar CSS Start */
.calendar .calendar-table{margin: 0;}
.calendar .calendar-table .year-head td{padding: 0;}
.calendar .calendar-t button{padding: 0; color: #495057;}
.calendar .calendar-t .year button{font-size: 16px; text-decoration: none;}
.calendar .calendar-t button.js-cal-years{margin-left: 3px !important;}
.calendar .calendar-table .c-weeks .c-name{font-size: 16px; color: #fff; background: #01B6EF; font-weight: 400; padding: 10px 15px;}
.calendar .calendar-table tbody td{border: #CBD5E1 1px solid; height: 103px; vertical-align: bottom; padding: 8px 15px; color: #495057; font-weight: 500; background: #fff; position: relative;}
.calendar .calendar-table tbody td.td-grey{background: #f7f7f7;}
.calendar .calendar-table tbody td.td-green{background: #EDFAED;}
.calendar .calendar-table tbody tr:last-child td{border-bottom: 0;}
.calendar .calendar-table tbody tr td:first-child{border-left: 0;}
.calendar .calendar-table tbody tr td:last-child{border-right: 0;}
.calendar .calendar-table thead tbody td{height: auto; border: 0; vertical-align: middle;}
.calendar .calendar-table tbody td.current.selected{background: #DE4278; color: #fff;}

.calnew #calendar {
	background: #fff;
	box-shadow: rgba(44, 50, 63, 0.05) 0 0 10px;
	border-radius: 10px;
	border: #cbd5e1 1px solid;
	overflow: hidden;
	position: relative;
}
.calnew #calendar .fc-header-toolbar {
	margin: 0;
}
.calnew #calendar .fc-header-toolbar .fc-today-button {
	display: none;
}
.calnew #calendar .fc-header-toolbar .fc-button-group {
	margin: 0;
}
.calnew #calendar .fc-header-toolbar .fc-button-group .fc-button {
	position: absolute;
	top: 6px;
	border: 0;
	background: transparent;
	box-shadow: none;
	padding: 0;
	height: auto;
	width: auto;
	margin: 0;
	color: #333;
}
.calnew #calendar .fc-header-toolbar .fc-button-group .fc-button .fc-icon {
	top: 1px;
	margin: 0;
}
.calnew #calendar .fc-header-toolbar .fc-button-group .fc-button .fc-icon::after {
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	font-size: inherit;
	top: 0;
}
.calnew #calendar .fc-header-toolbar .fc-button-group .fc-prev-button .fc-icon {
	margin-right: 5px;
}
.calnew #calendar .fc-header-toolbar .fc-button-group .fc-next-button .fc-icon {
	margin-left: 5px;
}
.calnew #calendar .fc-header-toolbar .fc-button-group .fc-prev-button .fc-icon::after {
	content: "\f053";
}
.calnew #calendar .fc-header-toolbar .fc-button-group .fc-next-button .fc-icon::after {
	content: "\f054";
}
.calnew #calendar .fc-header-toolbar .fc-button-group .fc-prev-button {
	left: 14px;
}
.calnew #calendar .fc-header-toolbar .fc-button-group .fc-prev-button::after {
	content: "Prev";
}
.calnew #calendar .fc-header-toolbar .fc-button-group .fc-next-button {
	right: 14px;
}
.calnew #calendar .fc-header-toolbar .fc-button-group .fc-next-button::before {
	content: "Next";
}
.calnew #calendar .fc-header-toolbar .fc-center {
	display: none;
}
.calnew #calendar .fc-header-toolbar .fc-left {
	float: none;
	text-align: center;
	display: flex;
	justify-content: center;
}
.calnew #calendar .fc-header-toolbar .fc-left h2 {
	font-weight: 400;
	color: #495057;
	font-size: 16px;
}
.calnew #calendar .fc-month-view .fc-head .fc-head-container {
	border: 0;
}
.calnew #calendar .fc-month-view .fc-head .fc-head-container .fc-row table {
	border: 0 !important;
	background: #01b6ef !important;
}
.calnew #calendar .fc-month-view .fc-head .fc-head-container .fc-row .fc-day-header {
	border: 0;
	background: #01b6ef;
	color: #fff;
	font-weight: 400;
	text-align: left;
	font-size: 16px;
	padding: 10px 15px;
}
.calnew #calendar .fc-month-view .fc-body > tr > .fc-widget-content {
	border: 0;
}
.calnew #calendar .fc-month-view .fc-body .fc-widget-content .fc-scroller {
	height: auto !important;
}
.calnew #calendar .fc-month-view .fc-body .fc-scroller .fc-day-grid .fc-row {
	height: 103px !important;
	background: #fff;
}
/* .calnew #calendar .fc-month-view .fc-body .fc-scroller .fc-day-grid .fc-row .fc-bg {
	z-index: 9;
} */
.calnew #calendar .fc-month-view .fc-body .fc-scroller .fc-day-grid .fc-row table thead {
	border: 0 !important;
}
.calnew #calendar .fc-month-view .fc-body .fc-scroller .fc-day-grid .fc-row .fc-content-skeleton thead .fc-day-top .fc-day-number {
	float: left;
	padding: 8px 15px;
}
.calnew #calendar .fc-month-view .fc-body .fc-scroller .fc-day-grid .fc-row .fc-bg table tbody tr .fc-sat {
	border-right: 0px !important;
}

/* New Calendar CSS End */

@media (max-width: 1599px){
.schedule{margin: 0 -5px;}
.schedule .schedule-l{width: 60%; padding: 0 5px;}
.schedule .schedule-r{width: 40%; padding: 0 5px;}
}

@media (max-width: 1399px){
.schedule-rinner .schedule-table th{padding: 10px 10px 14px;}
.schedule-rinner .schedule-table tr td{padding: 18px 4px; font-size: 13px;}
.schedule-rinner .schedule-table tr td:first-child{padding-left: 10px;}
.schedule-rinner .schedule-table td.t-actions{width: 94px;}
.schedule-rinner .schedule-table td.t-actions .icon-link{margin: 0 0 0 5px;}
.calendar .calendar-m .table td .stu{font-size: 12px; left: 10px;}
.calendar .calendar-m .table td .off{font-size: 12px; right: 10px;}
.calendar .calendar-m .table td{padding: 8px 10px; font-size: 14px;}
}

@media (max-width: 1199px){
.schedule{flex-wrap: wrap;}
.schedule .schedule-l, .schedule .schedule-r{width: 100%;}
.schedule-rinner{margin-top: 30px;}
}

@media (max-width: 767px){
.calendar .calendar-m .table th{font-size: 14px; padding: 6px 6px;}
.calendar .calendar-m .table td{padding: 6px 6px; font-size: 12px;}
.calendar .calendar-m .table td .off{right: 6px; top: 6px;}
}

/* Progress Report CSS */
.proreport .proreport-lin{background: #fff; box-shadow: rgba(44, 50, 63, 0.05) 0 0 10px; border-radius: 10px; overflow: hidden; position: relative; padding: 16px 19px;}
.proreport .proreport-lin .proreport-lrow{margin-bottom: 38px;}
.proreport .nav-pills .nav-item{margin-left: 13px;}
.proreport .nav-pills .nav-item:first-child{margin-left: 0px;}
.proreport .nav-pills .nav-link{font-size: 18px; color: #000 !important; background: #EFF2F7; border-radius: 6px; padding: 5px 10px; min-height: 38px;}
.proreport .nav-pills .nav-link.active{background: #01B6EF; color: #fff !important; font-weight: 600 !important;}
.proreport .same-table table .tb-num{min-width: 60px;}
.proreport .same-table table .tb-date{min-width: 120px;}
.proreport .same-table table .tb-result{min-width: 94px;}
.proreport .same-table table .tb-result .icon-link{margin: 0 !important;}
.proreport .same-table table .tb-result .pass{font-size: 15px; color: #2FB463; font-weight: 500; margin-right: 0px; min-width: 38px; display: inline-block;}
.proreport .same-table table .tb-result .pass.fail{color: #EE4F6D;}
.proreport .proreport-lin .proreport-lcr-inn .input-group{background: #EFF2F7; border-radius: 6px; position: relative; width: 145.21px; height: 38px; margin-left: 16px;}
.proreport .proreport-lin .proreport-lcr-inn .input-group .form-control{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; margin: 0; font-size: 14px; color: #495057; padding: 5px 10px; background: transparent;}
.proreport .proreport-lin .proreport-lcr-inn{display: flex; justify-content: flex-end;}
.proreport .proreport-lin .proreport-lcr-inn .input-group .input-group-append{position: absolute; right: 10px; top: 7px; color: #292D32;}
.proreport .proreport-r .proreport-rin{background: #fff; box-shadow: rgba(44, 50, 63, 0.05) 0 0 10px; border-radius: 10px; overflow: hidden; position: relative;}
.proreport .proreport-r .proreport-rtab-c{height: 397px; display: flex; justify-content: center; align-items: center; padding: 0 0 48px 0;}
.proreport .proreport-r .nav-pills{border-top: rgba(217, 217, 217, 0.3) 1px solid; padding: 13px;}
.datepicker .datepicker-days th, .datepicker .datepicker-days td{padding: 3px 8px;}
.passfailmodal .modal-dialog{max-width: 770px;}
.passfailmodal .modal-dialog .modal-content{overflow: hidden;}


/*  */
.comman-pagi nav {
	padding-top: 20px;
	display: flex;
	justify-content: flex-end;
}
.comman-pagi nav .pagination {
	background: #FFFFFF;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 6px;
	display: flex;
}
.comman-pagi nav .pagination .page-item .page-link {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: normal;
	border-radius: 100px;
	border: 1px solid #DDD;
	color: #B9B6B6;
	margin: 0 6px;
	box-shadow: none;
}
.comman-pagi nav .pagination .page-item.active .page-link {
	background: #3fb7f1;
	color: #fff;
}
.proreport .proreport-lin .proreport-lcr-inn .btn-refresh .btn.btn-info {
	padding: 4px 12px;
}
.dropdown-chat .select2.select2-container .select2-selection.select2-selection--single {
	height: auto;
	border: #ccc 1px solid;
	padding: 4px 0 4px;
}