.container-fluid {
    max-width:100%;
}
.no-padding{
	padding:0
}
 .mini-btn {
    display: inline-block;
    padding: 0 14px;
    color: #fff;
    font-size: 21px;
    line-height: 30px;
    vertical-align: middle;
 }
 .wrap-mini-btn .widget_mini_btn .mini-btn.cart-btn {
    cursor: pointer;
    position: relative;
 }
 .wrap-mini-btn .widget_mini_btn .mini-btn .icon-commerce span{
	     display: block;
    width: 17px;
    height: 17px;
    font-size: 12px;
    position: absolute;
    top: 7px;
    right: 3px;
    background: #02c873;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    color: #fff;
    font-family: Poppins;
 }
.widget_mini_btn .mini-btn a {
    display: block;
    text-decoration: none;
    color: #fff;
 }
 .apply-now {
    display: inline-block;
    margin-top: 30px;
    /* background: none !important; */
    z-index: 7;
    white-space: nowrap;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: rgb(48, 96, 219) !important;
    letter-spacing: 1px;
    font-family: Poppins;
    background-color: rgba(2, 200, 115, 0.01);
    border-color: rgb(45, 92, 222);
    border-style: solid;
    border-width: 2px;
    border-radius: 30px;
    outline: none;
    box-shadow: rgb(153, 153, 153) 0px 0px 0px 0px;
    box-sizing: border-box;
    cursor: pointer;
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: inherit;
    margin: 0px;
    padding: 9px 28px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
 }
 .gse-content {
    padding: 0 20px 0;
}
.gse-content h4 {
    font-size: 18px;
    counter-increment: icon-counter;
    text-transform: none;
    font-weight: bold;
    margin-top: 0;
	    margin-bottom: 20px;
}
.gse-content h4 span {
    transition: all 0.3s linear 0s;
}
.gse-content h4 span {
    content: counter(icon-counter, decimal-leading-zero);
    color: #d3d3d3;
}
.gse-content h4 span {
    padding-right: 8px;
}
.gse-content p {
    clear: both;
    line-height: 24px;
    margin-bottom: 10px;
    font-size: 14px;
}
.single-feature{
	    position: relative;
	    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.single-feature .image {
	width: 180px;
    height: auto;
    border: none;
    margin: 0;
    display: inline-block;
}
.single-feature:before {
		    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    content: "";
    -webkit-mask-image: url(../../assets/img/cloud1.png);
    mask-image: url(../../assets/img/cloud1.png); 
    width: 177px;
    height: 147px;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: left top;
    position: absolute;
    left: -55px;
    top: -54px;
    mask-position: left top;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    opacity: 0;
}
.single-feature:before{
	    background-color: #00eda4;    
	    background-image: linear-gradient(to bottom, #05add2, #214093);
}
.single-feature:after {
		    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    content: "";
    -webkit-mask-image: url(../../assets/img/cloud2.png);
    mask-image: url(../../assets/img/cloud2.png);
    width: 91px;
    height: 93px;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: right bottom;
    position: absolute;
    right: -33px;
    bottom: -17px;
    mask-position: right bottom;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    opacity: 0;
}
.single-feature:after{
    background-color: #f58a22;
    background-image: linear-gradient(to bottom, #f2931f, #e52421);
}
.single-feature:hover:before, .single-feature:hover:after {
    opacity: 1;
}
.single-feature:hover {
    box-shadow: 0px 15px 30px 5px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 15px 30px 5px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 15px 30px 5px rgba(0,0,0,0.15);
}
.what-learn-sec .nav-tabs {
    border-bottom: 0px solid #dee2e6;
    background-image: linear-gradient(to right,#009fce 0%,#f58a22 100%);
	margin-bottom: 40px;
}
.what-learn-sec .tab-content {
	margin-bottom: 40px;
	overflow: hidden;
}
.what-learn-sec .nav-justified .nav-item{
	text-align: center;
    border-radius: 0;
    color: #fff;
    float: none;
    display: inline-block;
    font-weight: 500;
    font-size: 20px;
    text-transform: capitalize;
    padding: 40px 5px;
    min-width: 100px;
    margin: 0 33px;
    position: relative;
    border: none;
    border-color: rgba(0, 0, 0, 0.1);
}
.what-learn-sec .nav-tabs .nav-item.show .nav-link, .what-learn-sec .nav-tabs .nav-link.active{
    color: #000;
    background-color: initial;
    border-color: #dee2e6 #dee2e6 #fff;
}
.what-learn-sec .nav-tabs .nav-item.show .nav-link, .what-learn-sec .nav-tabs .nav-link.active:after {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 18px solid #FFF;
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    opacity: 0;
}
.what-learn-sec .nav-tabs .nav-item.show .nav-link, .what-learn-sec .nav-tabs .nav-link.active:after {
    opacity: 1;
}
.home-drop-qry {
	background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
.jws-page-title {
    text-align: center;
    line-height: 1;
}
.jws-page-title .before-title {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 18px;
    color: #fff;
}
.jws-page-title .title {
    display: block;
    font-weight: 400;
    font-size: 36px;
    margin: 0 0 30px 0;
    color: #fff;
}
.home-drop-qry input, .home-drop-qry select{
        -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    border-radius: 22px;
    padding: 0 15px;
    color: #fff;
    border: 2px solid #fff;
    font-size: 14px;
    left: .5px;
    width: 100%;
    background: transparent;
    height: 40px;
    display: block;
    margin-bottom: 30px;
    outline: none;
}

input::placeholder { 
  color: red;
}
.home-drop-qry .wrap-submit-btn {
    position: relative;
}
.home-drop-qry .wrap-submit-btn i.fa {
    transition: .5s all;
    -o-transition: .5s all;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
    position: absolute;
    top: 13px;
    left: 10px;
    color: #2d5cde;
}
.home-drop-qry .wpcf7-form input[type="submit"]{
    border-radius: 22px;
    padding: 0 33px;
    font-size: 14px;
    left: .5px;
    width: auto;
    color: #2d5cde;
    background: #fff;
    margin: 0;
    border-color: #fff;
    transition: .5s all;
    -o-transition: .5s all;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
    font-weight: 600;
    box-shadow: none;
    background-image: none !important;
}
.wpb_single_image {
    text-align: center;
    margin-bottom: 25px;
    margin-top: 20px;
}
.wpb_single_image .vc_figure {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    max-width: 100%;
}
.wpb_single_image .vc_single_image-wrapper {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}
.wpb_single_image img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}
.widget_social_icon {
	margin-top: 30px;
}
.dt-sc-contact-info {
    float: left;
    margin: 0px;
    padding: 0px;
    clear: both;
    width: 100%;
    line-height: 27px;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    font-size: 14px;
}
.dt-sc-contact-info span {
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    color: #2d5cde;
    margin: 4px 0px 0px 0px;
    font-size: 16px;
    text-align: left;
    width: auto;
}
.statics-bg {
	    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
	    position: relative;
}
.bg-overlay-m:before {
	    content: '';
    top: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    background-image: -webkit-linear-gradient(left,#2441e7 0%,#ff1053 100%);
    background-image: -o-linear-gradient(left,#2441e7 0%,#ff1053 100%);
    background-image: linear-gradient(to right,#009fce 0%,#f58a22 100%);
    background-repeat: repeat-x;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    opacity: .8;
    filter: alpha(opacity=80);
}
.wpb_single_image {
 /*    display: inline-block; */
    vertical-align: top;
    max-width: 100%;
}
.type14 {
    padding: 5px;
	    background: none;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    min-height: 216px;
	border-left: 1px solid rgba(0,0,0,0.03);
	    text-align: center;
    width: 100%;
}
.no-bottom-border {
    border-bottom: none;
}
.no-right-border {
    border-right: none;
}
.statics-bg  .type14 .gse-wrapper {
    margin: 30px 0 10px;
    text-align: center;
    width: 100%;
}
.statics-bg .type14 .gse-wrapper img {
    max-width: 65px;
    height: auto;
    display: inline-block;
    position: static;
}
.statics-bg .type14 .gse-content h5{
    margin-bottom: 10px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    line-height: 22px
}
.statics-bg .type14 .gse-content h4{
	    text-transform: uppercase;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 500;
    margin-top: 10px;
    color: #fff;
}
.testimonial-sec {
		    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
	    position: relative;
}
.bg-overlay-test:before {
	    background-size: initial;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../../assets/img/circular-path-1.gif);
    background-attachment: scroll;
    min-width: 1349px;
    left: 0px;
    width: 1348px;
    background-position: 50% -37px;
	content: '';
    top: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    opacity: .8;
    filter: alpha(opacity=80);
}
.testimonial {
    position: relative;
    padding-top: 60px;
}
.testimonial .testimonial-inner {
    box-shadow: 2px 3px 30px 0 rgba(0,0,0,.08);
    padding: 70px 20px 20px 20px;
    position: relative;
    text-align: left;
}
.testimonial .testimonial-inner .testimonial-avatar {
    position: absolute;
    top: -50px;
    left: 40px;
}
.testimonial .testimonial-inner .testimonial-avatar img {
    margin: 0 auto 26px;
}
.testimonial .testimonial-inner .testimonial-avatar img {
    box-shadow: 2px 3px 21px 0 rgba(255,17,67,.13);
    border-radius: 50%;
    border: 9px solid #fff;
}
.testimonial .testimonial-inner .test-info {
    line-height: 1;
    margin: 0 0 10px 0;
}
.testimonial .testimonial-inner .test-info .name {
    font-size: 16px;
    font-weight: 600;
    color: #3f3f3f;
    margin: 0;
    display: inline-block;
}
.testimonial .testimonial-inner .test-info .subtitle {
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    margin-left: 0;
    padding-left: 10px;
    margin-top: 10px;
}
.testimonial .testimonial-inner .test-info .subtitle:before {
    content: '';
    left: 0;
    top: 0;
    height: 12px;
    width: 2px;
    background-color: #000;
    position: absolute;
}
.testimonial .testimonial-inner .testimonial-content {
    font-size: 14px!important;
    color: #8f8f8f;
    line-height: 21px!important;
    font-weight: 400!important;
    margin-bottom: 0!important;
        min-height: 190px;
    margin: 0 auto 34px;
}
.testimonial .testimonial-inner .quote_image {
    position: absolute;
    right: 30px;
    top: 30px;
}
.testimonial .testimonial-inner .quote_image img {
    display: block;
}
.wrap-lp-item {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 30px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: .5s all;
    -o-transition: .5s all;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
}
ul.learn-press-courses .wrap-lp-thumbnail .lp-thumbnail {
    position: relative;
}
.lp-thumbnail:before, .lp-thumbnail:after {
    display: table;
    content: '';
    clear: both;
}
.lp-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
	    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.wrap-lp-content {
    padding: 15px 10px 10px;
}
.wrap-lp-content .lp-title {
    margin: 0 0 5px 0;
    line-height: 25px;
    font-size: 18px;
    color: #000;
}
.lp-title a {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    display: block;
    line-height: 25px;
    text-decoration: none;
}
.lp-content {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    min-height: 260px;
}
.wrap-lp-content .lp-info {
    margin-bottom: 4px;
    line-height: 1;
}
.course-item .wrap-lp-content p{
    margin-bottom: 5px;
}
.lp-info ul {
    padding: 0;
    list-style: none;
}
.lp-info ul li {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: #727272;
    text-transform: uppercase;
    margin-bottom: 8px;
    margin-right: 20px;
}
.lp-info ul li i {
    color: #2d5cde;
    margin-right: 5px;
}
.course-meta {
    margin-bottom: 5px;
}
.course-meta span.price {
    background: transparent;
    color: #fff;
    float: left;
    margin-top: 4px;
    padding: 6px 15px 5px;
    margin: 0;
    line-height: normal;
    border-radius: 50px;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0;
    background-image: linear-gradient(to right,#2bcfdb 0%,#024aae 100%);
}	
.archive-lp-rating {
    margin-top: 3px;
    float: right;
    font-size: 11px;
    font-weight: 500;
}
.review-stars-rated {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.review-stars-rated  ul {
	    padding: 0;
    list-style-type: none;
    font-size: 13px;
    color: #f58a22;
	    margin: 0;
}
.review-stars-rated  ul li{
	    display: inline-block;
}
.our-course-sec {
	background: #f0f4fa;
}
.our-course-sec .owl-carousel.owl-drag .owl-item {
    padding-left: 15px;
    padding-right: 15px;
}
.our-course-sec .owl-dots{
	    text-align: center;
    margin-top: 20px;
}
.what-learn-sec .tab-content h2 {
	    font-size: 25px;
}
.what-learn-sec .tab-content .fade {
	opacity: 1;
}
.myaccordion {
  max-width: 500px;
  margin: 30px auto;
}

.myaccordion .card,
.myaccordion .card:last-child .card-header {
  border: none;
}

.myaccordion .card-header {
    background: transparent;
    background: #222222;
	    background-image: linear-gradient(to right, #2bcfdb, #024aae);
    border: none;
    -webkit-border-radius: 30px 5px 5px;
    -moz-border-radius: 30px 5px 5px;
    border-radius: 30px 5px 5px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.04em;
    margin: 0 0 15px;
    border: 0;
}
.myaccordion  .card-body{
	    padding-top: 0;
    text-align: left;
	    font-size: 14px;
}
.myaccordion .fa-stack {
  font-size: 18px;
}

.myaccordion .avr {
  width: 100%;
  font-weight: bold;
  color: #004987;
  padding: 0;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  color: #fff !important;
}

.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
  text-decoration: none;
}

.myaccordion li + li {
  margin-top: 10px;
}
.info-content {
	font-size: 14px;
}
.bg-gry {
	background: #f0f4fa;
}
.what-learn-sec .collapse{
	height: auto;
}
body#page-login-index .loginbox input[type="text"], body#page-login-index .loginbox input[type="password"] {
    box-shadow: none;
    background-color: transparent;
    border: 1px solid #e8ecf3;
    width: 100%;
    margin: 0 auto;
    display: inherit;
    margin-bottom: 0;
    font-size: 14px;
    color: #3f3f3f;
    height: 36px;
    letter-spacing: 0;
    border-radius: 4px;
}
body#page-login-index .loginpanel, body#page-login-index .signuppanel {
    color: #3f3f3f;
    padding: 20px;
    font-size: 14px;
    box-shadow: 2px 3px 30px 0 rgba(0,0,0,.08);
	    font-family: 'Barlow', sans-serif;
}
#adminsettings .error, .loginpanel .error, .mform .error {
    color: #988e8e !important;
}
.loginerrors span.error img{
	display: none;
}
.loginbox, body#page-login-signup #page-content, body#page-login-change_password #page-content{
	margin-top: 5% !important;
    margin-bottom: 4% !important;
}
#page-my-index #page-content {
	margin-top: 10%;
    margin-bottom: 4%;
}
#page-login-index header, #page-my-index header, #page-site-index header, #page-login-signup header, #page-login-change_password header {
	/* background-image: url(../../assets/img/slider_1.png); */
	background-image: linear-gradient(to right,#f58a22 0%,#009fce 100%) !important;
}
/* .pagelayout-admin header {
	background-image: url(../../assets/img/slider_1.png);
} */
body#page-login-index .loginbox .form-label label {
	    display: block;
    color: #3f3f3f;
}
body#page-login-index .loginbox .loginform .form-input {
    margin: 0 auto 10px;
}
.loginbox .loginform .form-label {
    text-align: left;
}
body#page-login-index .loginbox input[type="submit"] {
    border: 2px solid #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-transform: capitalize;
    padding: 8px 20px;
    font-size: 15px;
    letter-spacing: 0;
    background-image: linear-gradient(to right,#2bcfdb 0%,#024aae 100%) !important;
    font-weight: 500;
}
body#page-login-index .loginbox .rememberpass{
	text-align: left;
}
body#page-login-index .signuppanel {
	display:none;
}
.rounded-circle {
    border-radius: 50%!important;
}
.avatar-sm {
    font-size: .875rem;
    width: 36px;
    height: 36px;
}

.wrap-account-btn .navbar-nav .dropdown-menu-arrow:before {
    position: absolute;
    z-index: -5;
    bottom: 100%;
    left: 20px;
    display: block;
    width: 12px;
    height: 12px;
    content: '';
    transform: rotate(-45deg) translateY(12px);
    border-radius: 2px;
    background: #fff;
    box-shadow: none;
}
.wrap-account-btn .navbar-nav .dropdown-menu-right:before {
    right: 20px;
    left: auto;
}
.wrap-account-btn ul:not(.social_icon_list) li a:before {
	display:none;
}
.wrap-account-btn ul:not(.social_icon_list) li a{
	    padding: 0;
}
.wrap-account-btn ul:not(.social_icon_list) li .dropdown-item {
    display: block;
    width: 100%;
    padding: .5rem 1.5rem !important;
    clear: both;
    font-weight: 400;
    color: #000 !important;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    text-shadow: none;
    font-size: 14px;
    line-height: 25px;
    text-transform: capitalize;
}
.dropdown-menu {
    top: 100% !important;
	    border: 1px solid rgb(240, 244, 250);
		    transform: translate3d(-44px, 0px, 0px) !important;
}
/* Start User Dashboard */

.sptb {
    padding-top: 3rem;
    padding-bottom: 3rem;  
	background: #edeff7;
}

.sptb .card {
    position: relative;
    margin-bottom: 1.5rem;
    width: 100%;
}
.sptb .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid #e0e8f3;
    border-radius: 3px;
}
.sptb .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.sptb .card-header {
    background: 0 0;
    padding: .5rem 1.5rem;
    display: -ms-flexbox;
    display: flex;
    min-height: 3.5rem;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e0e8f3;
    margin-bottom: 0;
}
.sptb .card-title:only-child {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.2;
}
.sptb .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    padding: 1.5rem 1.5rem;
    position: relative;
    /*height: 100%;*/
}
.sptb .card-bottom, .sptb .card-footer {
    padding: 1rem 1.5rem;
    background: 0 0;
}
.sptb .card-footer {
    border-top: 1px solid #e0e8f3;
    color: #5f6877;
}
.sptb .card-footer:last-child {
    border-radius: 0 0 calc(3px - 1px) calc(3px - 1px);
}
.sptb .profile-pic {
    text-align: center;
}
.sptb .profile-pic-img {
    position: relative;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 2rem;
    text-align: center;
    margin: 0 auto;
}
.sptb .brround {
    border-radius: 50%;    
	border: 1px solid #f0f4fa;
}
.sptb .item1-links a {
    padding: .75rem 1.25rem;
    font-weight: 400;
    font-size: .875rem;
    color: #2e384d;
}
.sptb .item1-links a.active {
    background: #f0f4f9;
    color: #f58a22;
    border-right: 2px solid #f58a22;
}
.sptb .cours-bx {
	    margin-bottom: 30px;
    box-shadow: 0 6px 15px 0 rgba(8,0,255,0.1);
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.sptb .action-box {
    overflow: hidden;
    position: relative;
}
.sptb .cours-bx .action-box .btn {
    border-radius: 0;
    position: absolute;
    bottom: 0;
    left: -50%;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.sptb .cours-bx .info-bx {
    padding: 15px;
    font-size: 13px;
}

.sptb .ttr-box, .sptb .info-bx, .sptb .ttr-tilte, .sptb .feature-title {
    position: relative;
}
.sptb .cours-bx.style1 .cours-more-info .price h5, .sptb .cours-bx.style1 .info-bx h5 {
    color: #3f3e85;
}
.sptb .cours-more-info {
    border-top: 1px solid #edeff7;
    display: flex;
    margin: 0;
}
.sptb .cours-more-info .review {
    border-right: 1px solid #edeff7
}
.sptb .cours-more-info .price, .sptb .cours-more-info .review {
    width: 50%;
    padding: 15px 18px;
}
.sptb .cours-more-info .review span {
    font-size: 12px;
    color: #f58a22;
}
.sptb .cours-more-info .price {
    text-align: right;
}
.sptb .cours-more-info .price del {
    font-size: 12px;
    font-weight: 500;
    color: #7574a1;
}
.sptb .cours-more-info .price h5 {
    margin-bottom: 0;
    color: #3f3e85;
}
.mt-3, .my-3 {
    margin-top: 0.75rem !important;
}
.mb-0, .my-0 {
    margin-bottom: 0 !important;
}
.border-bottom {
    border-bottom: 1px solid #e0e8f3!important;
}
label {
    display: inline-block;
    margin-bottom: .375rem;
    font-weight: 500;
    font-size: 14px;
    color: #0a0a0a;
}
.custom-file-label {
    border: 1px solid #e0e8f3;
}
#course-item-content-header {
	    top: 0;
    left: 0;
    z-index: 100;
    padding: 0;
background: #edeff7;
    border-bottom: 1px solid #e0e8f3;
	    position: fixed;
    height: 70px;
    right: 0;
    line-height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 .course-title {
    font-size: 18px;
    float: left;
    clear: none;
    line-height: 27px;
    padding: 0;
    margin: 0;
    width: 100%;
	    margin-bottom: 10px;
}
#course-item-content-header .toggle-content-item {
    display: inline-block;
    width: 60px;
    height: 60px;
    float: right;
    text-align: center;
    border-left: 1px solid #DDD;
}
#course-item-content-header .toggle-content-item:before {
    content: "\f108";
    font-family: flaticon;
    font-size: 18px;
    color: #0a0a0a;
}
#course-item-content-header .form-button.lp-button-back {
    float: right;
    margin-right: 15px;
    margin: 17px 0;
}
#course-item-content-header .lp-form.lp-button-back .button {
    color: #f58a22;
    font-size: 16px;
    border: 2px solid #f58a22;
    padding: 5px 30px;
    height: 36px;
    font-family: nunito,Arial,sans-serif;
    font-weight: 400;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
 #learn-press-course-curriculum {
	width: 25%;
    position: fixed;
    top: 70px;
    bottom: 0;
    left: 0;
    background: #FFF;
    border-right: 1px solid #e0e8f3;
    overflow: auto;
    z-index: 9999;
}
.content-item-wrap {
    margin: 85px auto;
}
.learn-press-content-protected-message {
    margin-bottom: 50px;
    padding: 20px;
    background: #ffe0e0;
}
.main-top-hdr{
  /*  padding:0px 9px 0 !important;*/
    display: block !important;
 /*   overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
}
.main-topc{
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding: 10px 0;
    text-align: right;
}
.main-topc-name{
    display: initial;
    vertical-align: middle;
   /* padding: 10px 6px;*/
    color: #3f3f3f;
}
.main-topc .lest-comp {
    width: 18px;
    height: 18px;
}
/*.main-top-hdr:before{
    content:'';
    border:1px solid #ddd;
}*/
/*#learn-press-course-curriculum .section-header {
    padding: 15px;
	display: table;
    border-top: 0px solid #e0e8f3;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	font-size: 16px;
    font-weight: 600;
    line-height: 28px;
}*/
#learn-press-course-curriculum .section-header {
    padding: 10px !important;
    display: table;
    border-top: 0px solid #e0e8f3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    border-radius: 4px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
    width: 100%;
}
#learn-press-course-curriculum  .section-content {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}
#learn-press-course-curriculum  .section-content li{
    padding-left: 15px;
    padding-right: 15px;
    background: #fff;
    font-size: 13px;
    border-bottom: 0px solid #e0e8f3;
    transition: padding-left linear 0.15s;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 12px
}
#learn-press-course-curriculum  .section-content .active {
    color: #2441e7;
}
#learn-press-course-curriculum  .section-content li a .item-name{
    display: initial;
    vertical-align: middle;
    padding: 7px 20px;
}
#learn-press-course-curriculum  .section-content li a .course-item-meta {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding: 10px 0;
    text-align: right;
}
#learn-press-course-curriculum  .section-content li a .course-item-meta  .item-meta {
    font-family: nunito,Arial,sans-serif;
	    padding: 0;
		    color: #DDD;
    margin-left: 5px
	    height: 20px;
    line-height: 20px;
    text-align: center;
	    display: inline-block;
    font-weight: 600;
    font-size: 10px;
}
.course-img img {
	border-radius:5px;
}
.progress-outer{
    background: #fff;
    border-radius: 50px;
    padding: 4px;
    margin: 10px 0;
    box-shadow: 0 0  10px rgba(209, 219, 231,0.7);
}
.progress{
    height: 20px;
    margin: 0;
    overflow: visible;
    border-radius: 50px;
    background: #edeff7;
    box-shadow: inset 0 10px 10px rgba(244, 245, 250,0.9);
}
.progress .progress-bar{
    border-radius: 50px;
}
.progress .progress-value{
    position: relative;
    left: -45px;
    top: 0;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}
.progress-bar {
	    background-color: #43cb83; 
		-webkit-box-shadow: none;
    box-shadow: none;
}
.progress-bar.active{
    animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
}
@-webkit-keyframes animate-positive{
    0% { width: 0%; }
}
@keyframes animate-positive {
    0% { width: 0%; }
}
.lest-comp {
    width: 15px;
    height: 15px;
    border: 1px solid #e0e8f3;
    border-radius: 50%;
    display: block;
    line-height: 25px;
    text-align: center;
}
.lest-complete{
	color: #fff;
    background: #5fd395;
    border-color: #5fd395;
}
.widget-title {
	color: #0a0a0a;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}
.course-dtl-list {
	padding: 0;
}
.course-dtl-list li{
	    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
}.course-dtl-list li i{
	    color: #024aae;
    font-size: 14px;
}
.in-progresspra {
	    color: #f58a22;
    margin: 0;
    font-weight: 500;
    font-size: 16px;
}
.sidebar-list {
 max-height: 100vh;
  position: relative;
  overflow: auto;
}
/* End User Dashboard */

.curriculum-scrollable #accordion .show{
    display: initial;
}
.content-item-scrollable .nav-tabs .nav-link {
    border: 0px solid transparent;
}
.content-item-scrollable .nav-tabs .nav-link.active {
    background-color: transparent;
    border-bottom: 3px solid #f58a22 !important;
    border-right: none;
    border-left: none;
    border-top: none;
    font-family: nunito,Arial,sans-serif;
    font-size: 16px;
    font-weight: 700;
}
.content-item-scrollable .nav-tabs .nav-link:hover {
    border-color: transparent;
}
.content-item-scrollable .tab-content>.active {
    display: block;
    opacity: 1;
}
.content-item-wrap .tab-content {
    overflow: initial;
}
.study-material a{
        display: block;
    font-size: 15px;
    transition: padding-left linear 0.15s;
    background: #FFF;
    padding: 11px;
    background-color: #edeff7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 10px;
}
.study-material a:before{
    content: "\e960";
    font-family: 'icomoon'!important;
    padding-right: 12px;
    color: #f58a22;
}
.assignment-s{
    display: block;
    font-size: 15px;
    transition: padding-left linear 0.15s;
    background: #FFF;
    padding: 11px;
    background-color: #edeff7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 10px;
}
.assignment-s .nme-icon {
    display: inline-block;
}
.assignment-s .nme-icon:before{
    content: "\e922";
    font-family: 'icomoon'!important;
    padding-right: 12px;
    color: #f58a22;
}
.assignment-s .subt-bn {
    display: inline-block;
    float: right;
    padding: 2px 10px 1px;
    border-radius: 20px;
    background: #ffffff;
    color: #f58a22;
    border: 1px solid #f58a22;
}
table th, table td {
    border: 1px solid #edeff7;
}
table.flexible th, .generaltable th, table.flexible td, .generaltable td {
    border-top: 1px solid #edeff7;
}
.path-mod-assign #page, .path-mod-assign #page-content {
    padding-top: 3rem;
}
#region-main h2 {
        font-size: 26px;
    line-height: 1.23;
}
.assignment-s .quiz-submit-btn {
    background: none !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
    box-shadow: none !important;
    color: #3f3f3f !important;
}

#upload-button {
	width: 150px;
	display: block;
	margin: 20px auto;
}

#file-to-upload {
	display: none;
}

#pdf-main-container {
	width: 100%;
/*	margin: 20px auto;*/
}
#pdf-canvas {
	width: 100%;
    height:auto !important;
    background: #edeff7;
}
#pdf-loader {
	display: none;
	text-align: center;
	color: #999999;
	font-size: 13px;
	line-height: 100px;
	height: 100px;
}

#pdf-contents {
	display: block;
}

#pdf-meta {
    overflow: hidden;
    margin: 0;
    background: #f58a22;
    padding: 4px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-image: -webkit-linear-gradient(bottom,#f18f1f 0%,#e62821 100%);
    background-image: -o-linear-gradient(bottom,#f18f1f 0%,#e62821 100%);
    background-image: linear-gradient(to bottom,#f18f1f 0%,#e62821 100%);
}

#pdf-buttons {
	float: right;
}

#page-count-container {
	float: left;
    color: #fff;
}

#pdf-current-page {
	display: inline;
}
#pdf-prev {
    color: #fff !important;
    font-size: 14px;
    border: 0px solid #f58a22;
    font-family: nunito,Arial,sans-serif;
    font-weight: 400;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: transparent;
    box-shadow: none;
    background-image: none !important;
    text-align: center;
    text-shadow: none;
    padding: 0 5px;
}
#pdf-next {
    color: #fff !important;
    font-size: 14px;
    border: 0px solid #f58a22;
    font-family: nunito,Arial,sans-serif;
    font-weight: 400;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: transparent;
    box-shadow: none;
    background-image: none !important;
    text-align: center;
    text-shadow: none;
    padding: 0 5px;
}
#pdf-total-pages {
	display: inline;
}

#pdf-canvas {
	border: 1px solid #e0e8f3;
	box-sizing: border-box;
}

#page-loader {
	/*height: 100px; */
	line-height: 100px;
	text-align: center;
	display: none;
	color: #999999;
	font-size: 13px;
	width: 100%;
    background: #edeff7;
}
/*#learn-press-course-curriculum .section-content li, .pos-rel {
    position: relative;
}*/
#learn-press-course-curriculum .section-content li, .pos-rel {
    position: relative;
    margin: 10px 5px;
}
.line {
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: #e0e8f3;
    top: 0;
    left: 22px;
    z-index: 1;
}
.div-x {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    border: 1px solid #e0e8f3;
    margin: auto;
    left: 15px;
    top: 0;
    bottom: 14px;
    text-align: center;
    z-index: 9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
/*.pos-rel h5 {
        padding: 10px 0;
}*/
.doubt {
        margin: 11px 0;
}
.doubt .card{
        position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e0e8f3;
    border-radius: 3px;
}
.doubt .card-header {
    background: 0 0;
    padding: .5rem 1rem 0.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e0e8f3;
    margin-bottom: 0;
    text-align: right;
    display: inline-block;
}
.doubt .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.doubt .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    padding: 0.6rem 1rem .2rem;
    position: relative;
    height: 100%;
}

.doubt .card-footer:last-child {
    border-radius: 0 0 calc(3px - 1px) calc(3px - 1px);
}
.doubt .card-footer {
    text-align: right;
    border-top: 1px solid #e0e8f3;
    color: #5f6877;
    padding: 0.5rem 1.5rem;
    background: 0 0;
}
.form-control {
    box-shadow: none !important;
}
.dbt-hdng{
    color:#2441e7 !important;
    padding: 10px 0 0;
    display: block;
    cursor: pointer;
}
.frm-remv {
border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    color: #e80505 !important;
    padding: 0;
    text-shadow: none;
    opacity: 1;
    box-shadow: 0 10px 40px 0 rgba(62, 57, 107, .1), 0 2px 9px 0 rgba(62, 57, 107, .1);
    display: inline-block;
    cursor: pointer;
}

.course-detail {
 /*    padding-top: 3.5rem; */
    padding-bottom: 4.5rem;
}
.bg-background .header-text1 {
    position: relative;
    z-index: 10;
}
.course-name {
    font-size: 27px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
}
.course-bnr-pra {
    font-size: 17px;
    color: #fff;
	margin-bottom: 10px;
}
.course-bnr-ul {   
    margin: 0;
    color: #fff;
    font-size: 16px;
    list-style-type: none;
    padding: 0;
}
.course-bnr-ul li {
    margin-bottom: 8px;
}
.course-bnr-ul li i {
    border: 1px solid #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    border-radius: 50%;
}
.course-price-dtl {
    margin-top: -170px;
    margin-bottom: 50px;
}
.mb-5, .my-5 {
    margin-bottom: 1.5rem !important;
}
.BannerSection__programStats__box {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    /* height: 100%; */
    z-index: 10;
    border-radius: 4px;
    padding: 1px 10px;
    background: #fff;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08);
    margin: 0;
    margin-bottom: 10px;
	list-style-type: none;
}
.BannerSection__programStats__box li {
    padding: 0 10px;
}
.BannerSection__programStats__static__label {
    font-size: 15px;
    font-weight: 700;
    color: #252525;
    margin: 5px 0;
}
.smartness-overloaded {
    all: unset;
}
.BannerSection__programStats__static__desc {
    font-size: 14px;
    font-weight: 400;
    color: #666e75;
    margin: 5px 0;
}
.BannerSection__programStats__static__desc span {
    font-size: 17px;
    color: #f58a22;
    background-image: none;
}
.quick-enq {
    background: #fff;
    border-radius: 5px;
    padding: 15px 0;
    box-shadow: 0 0 30px 0 rgba(0, 86, 106, 0.15);
}
.quick-enq .title-heading h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 10px 12px;
}
.section-1 .quote-form .left-side {
    width: 50%;
    float: left;
}
.section-1 .quote-form form div.left-side div {
    border: 1px solid #eff3f6;
    border-left: 0;
    border-top: 0;
    height: 65px;
    background-repeat: no-repeat;
    background-position: 12px 54%;
    display: block;
}

.section-1 .quote-form form div div {
    position: relative;
}
.section-1 .quote-form label {
position: absolute;
    font-size: 14px;
    margin: 0;
    -webkit-transition: top .3s ease-in-out,opacity .3s ease-in-out;
    transition: top .3s ease-in-out,opacity .3s ease-in-out;
    line-height: 34px;
    padding: 0 0 0 10px;
    z-index: 999;
    font-weight: 400;
}
.section-1 .quote-form .active {
    top: 7px;
    color: #6a86a9;
}
.wpcf7-form-control-wrap {
    position: unset;
}
.section-1 .quote-form form input[type=text], .section-1 .quote-form form input[type=email], .section-1 .quote-form form input[type=tel] {
    border: 0;
    height: 30px;
    margin: 4px 0 0 10px;
    font-size: 15px;
    color: #6f7c82;
    max-width: 92%;
    box-shadow: none !important;
}
.section-1 .quote-form .right-side {
    width: 50%;
    float: right;
}
.section-1 .quote-form form div.right-side div {
    border: 1px solid #eff3f6;
    border-left: 0;
    border-right: 0;
    height: 195px;
    background-repeat: no-repeat;
    background-position: 12px 12%;
    display: block;
}	
textarea {
    resize: none;
}
.section-1 .quote-form form textarea {
    border: 0;
    height: 160px;
    max-height: 160px;
    min-height: 160px;
    margin: 2px 0 0 16px;
    font-size: 15px;
    color: #6f7c82;
    padding: 11px 0;
    width: 78%;
    max-width: 78%;
    min-width: 78%;
    box-shadow: none !important;
}
.section-1 .quote-form form input[type=submit], .section-1 .quote-form form input[type=button] {
    font-size: 18px;
    line-height: 34px;
    background-color: #009eec;
    border: 0;
    border-radius: 3px;
    color: #fff;
    padding: 5px 20px 5px 20px;
    background: #fe7d01;
    background-repeat: no-repeat;
    background-position: 93% 50%;
    margin-top: 15px;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
    border-radius: 5px;
}
.section-1 .quote-form form>p.submit-button {
    text-align: center;
}
.section-1 .quote-form form div.left-side div.first-input {
    border-top: 1px solid #eff3f6;
}  
.banner {
    padding-top: 80px;
    background-size: cover;
    background-position: bottom;
}
.enroll-now {
    text-align: right;
    color: #023fa9;
    float: right;
    font-size: 17px;
    font-weight: 600;
    padding-top: 13px;
}
.valid {
    color: #fe7d01;
    font-size: 12px;
    font-weight: 500;
}
.longEnough {
  max-height: 315px;
  overflow: auto;
}
.bg-background:before {
    /*background: linear-gradient(-225deg,rgba(2, 63, 169, 0.8) 35%,rgba(254, 125, 1, 0.8) 100%);*/
     /*   background: linear-gradient(to right,rgba(0, 159, 206, 0.8) 0%,rgba(245, 138, 34, 0.8) 100%);*/
}
.bg-background:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    display: block;
    z-index: 0;
    top: 0;
}
.cato-ul{
        padding: 0;
    margin: 0;
    list-style: none;
    font-size: 13px;
}
.cato-ul li:before{
    font-family: 'FontAwesome';
    content: "\f00c";
    margin-right: 5px;
    color: #2d5cde;
}
.learn-ul{
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 14px;
}
.learn-ul li:before {
    font-family: 'FontAwesome';
    content: "\f00c";
    margin-right: 10px;
    color: #2d5cde;
}
.row:before, .row:after{
 display: inline-block !important;
}

.we-dm-sec{
	box-shadow: 0 8px 9px -6px rgba(0,0,0,.08);
    margin-bottom: 30px;
}
.mst-demd {
    text-align: center;
    color: #fff;
    background: url(../../assets/img/new-icon-1.png) no-repeat;
    background-size: cover;
    padding: 52px;
    background-position: center;
}
.mst-demd h4{
	    color: #fff;
}
.gpu-dpl{
    text-align: center;
    padding: 20px;
    border-right: 2px dotted #1286c0;
}
.gpu-dpl a {
	color:#1286c0;
	    display: block;
    margin-top: 10px;
	display:none;
}
.no-border {
	border:0;
}

/*Footer*/
.widget .widget-logo, .widget .widget-title {
    margin-bottom: 0;
}
.footer-logo {
    /*border-bottom: 1px solid #ddd;*/
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.footer .widget:last-child {
    margin-bottom: 0;
}
.footer .widget .widget-title * {
    text-transform: capitalize;
}
.footer .follow-us{
    text-align:center;
}
.footer .links{
    margin-top: 20px;
    margin-bottom: 20px;
	display:none;
}
.footer .links .widget .widget-title * {
    margin-bottom: 18px;
}
.social_icon_list {
        margin-left: 0;
}
/*Footer*/

/* Contact page */
.center {
  text-align: center; }

.contain {
  box-sizing: border-box;
  padding: 3rem 1.5rem; }

.justify-center {
  -webkit-box-pack: center;
          justify-content: center; }

.flex-wrap {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap; }

.media-text {
  margin-top: 1rem;
  text-align: center;
  padding-bottom: 1rem; }

.cards-contain {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }

.card-container {
  margin-bottom: 1.5rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.page-cn   .cards-contain, .page-cn      .cards-contain {
  margin-bottom: 1.5em; }

.page-cn   h5, .page-cn      h5 {
  font-weight: 900; }

.locations {
  padding-left: 0;
  padding-right: 0; }

.locations   .h1 {
    margin-bottom: 2.25rem; }

.locations   .map {
    position: relative;
    background: url("../../assets/img/icon-map.svg") -300px center no-repeat; }

@media screen and (min-width: 48rem) {
      .locations   .map {
        height: 360px;
        background-size: 850px auto;
        background-position: 0 0; } }

@media screen and (min-width: 62rem) {
      .locations   .map {
        height: 480px;
        background-size: 1180px auto;
        background-position: -50px 0; } }

@media screen and (min-width: 73.75rem) {
      .locations   .map {
        background-position: 0 0; } }

@media screen and (min-width: 48rem) {
    .locations   .marker {
      width: 50px;
      height: 50px;
      display: block;
      position: absolute; } }

@media screen and (min-width: 48rem) and (min-width: 48rem) {
    .locations   .marker.mountain-view-location {
      left: 99px;
      top: 66px; } }

@media screen and (min-width: 48rem) and (min-width: 62rem) {
    .locations   .marker.mountain-view-location {
      left: 95px;
      top: 96px; } }

@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
    .locations   .marker.mountain-view-location {
    left: 200px;
    top: 100px; } }

@media screen and (min-width: 48rem) and (min-width: 48rem) {
    .locations   .marker.india-location {
      left: 554px;
      top: 90px; } }

@media screen and (min-width: 48rem) and (min-width: 62rem) {
    .locations   .marker.india-location {
      left: 728px;
      top: 138px; } }

@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
    .locations   .marker.india-location {
    left: 785px;
    top: 175px; } }

@media screen and (min-width: 48rem) and (min-width: 48rem) {
    .locations   .marker.china-location {
      left: 654px;
      top: 90px; } }

@media screen and (min-width: 48rem) and (min-width: 62rem) {
    .locations   .marker.china-location {
      left: 870px;
      top: 134px; } }

@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
    .locations   .marker.china-location {
    left: 910px;
    top: 235px; } }

@media screen and (min-width: 48rem) and (min-width: 48rem) {
    .locations   .marker.germany-location {
      left: 392px;
      top: 30px; } }

@media screen and (min-width: 48rem) and (min-width: 62rem) {
    .locations   .marker.germany-location {
      left: 505px;
      top: 50px; } }

@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
    .locations   .marker.germany-location {
      left: 555px;
      top: 55px; } }

@media screen and (min-width: 48rem) and (min-width: 48rem) {
    .locations   .marker.brazil-location {
      left: 275px;
      top: 225px; } }

@media screen and (min-width: 48rem) and (min-width: 62rem) {
    .locations   .marker.brazil-location {
      left: 345px;
      top: 320px; } }

@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
    .locations   .marker.brazil-location {
      left: 390px;
      top: 325px; } }

@media screen and (min-width: 48rem) and (min-width: 48rem) {
    .locations   .marker.egypt-location {
      left: 435px;
      top: 90px; } }

@media screen and (min-width: 48rem) and (min-width: 62rem) {
    .locations   .marker.egypt-location {
      left: 565px;
      top: 135px; } }

@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
    .locations   .marker.egypt-location {
      left: 615px;
      top: 135px; } }

@media screen and (min-width: 48rem) and (min-width: 48rem) {
    .locations   .marker.uae-location {
      left: 495px;
      top: 105px; } }

@media screen and (min-width: 48rem) and (min-width: 62rem) {
    .locations   .marker.uae-location {
      left: 650px;
      top: 155px; } }

@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
    .locations   .marker.uae-location {
      left: 700px;
      top: 150px; } }

@media screen and (min-width: 48rem) {
    .locations   .pin {
      width: 12px;
      height: 12px;
      position: relative;
      top: 19px;
      left: 19px;
      border-radius: 50%;
      z-index: 1000;
          background: #009fce;
    background-image: linear-gradient(to right,#009fce 0%,#f58a22 100%);} }

.locations   .pin   .address {
    color: #2e3d49;
    margin-bottom: 3rem;
    font-size: 0.875rem; }

@media screen and (min-width: 48rem) {
      .locations   .pin   .address {
    padding: 10px;
    opacity: 0;
    color: #fff;
    width: 240px;
    position: absolute;
    left: -115px;
    top: -75px;
    visibility: hidden;
    color: #2d5cde;
    border-radius: 5px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    box-shadow: 0 0 30px 0 rgba(0, 86, 106, 0.15);  } }

@media screen and (min-width: 48rem) and (min-width: 62rem) {
    .locations   .pin   .address {
      width: 288px;
      left: -134px; } }

@media screen and (min-width: 48rem) {
        .locations   .pin   .address:after {
          content: '';
          position: absolute;
          left: 120px;
    height: 35px;
    bottom: -35px;
          display: inline-block;
          border-left: 2px solid #213e92;; } }

@media screen and (min-width: 48rem) and (min-width: 62rem) {
      .locations   .pin   .address:after {
        left: 139px; } }

@media screen and (min-width: 48rem) {
    .locations   .pin:focus   .address, .locations   .pin:hover   .address {
      opacity: 1;
      visibility: visible;
      -webkit-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; } }

@media screen and (min-width: 48rem) {
    .locations   .pin-effect {
      top: 10px;
      left: 10px;
      width: 30px;
      height: 30px;
      opacity: 1;
      display: block;
      position: absolute;
      border-radius: 50%;
      background: rgba(2, 179, 228, 0.2);
	      background-image: linear-gradient(to right,rgba(0, 159, 206, 0.3) 0%,rgba(245, 138, 34, 0.3) 100%);
      -webkit-animation: pulsing-pin 2.4s infinite;
              animation: pulsing-pin 2.4s infinite; }
      .locations   .pin-effect.india-location {
        -webkit-animation-duration: 2800ms;
                animation-duration: 2800ms;
        -webkit-animation-delay: 0.15ms;
                animation-delay: 0.15ms; }
      .locations   .pin-effect.china-location {
        -webkit-animation-duration: 3000ms;
                animation-duration: 3000ms;
        -webkit-animation-delay: 0.20ms;
                animation-delay: 0.20ms; }
      .locations   .pin-effect.germany-location {
        -webkit-animation-duration: 2800ms;
                animation-duration: 2800ms;
        -webkit-animation-delay: 0.30ms;
                animation-delay: 0.30ms; } }

@media screen and (min-width: 30rem) {
  .card-container {
    width: 66%;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (min-width: 48rem) {
  .contain {
    padding-top: 6rem;
    padding-bottom: 6rem; }
  .cards-contain {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row; }
  .card-container {
    width: calc(50% - 0.7rem); }
  .locations   .h1 {
    margin-bottom: 4.5rem; } }

@media screen and (min-width: 62rem) {
  .cards-contain {
    margin-bottom: 1.5rem; }
  .card-container {
    width: calc(33% - 0.7rem); } }

@-webkit-keyframes pulsing-pin {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; } }

@keyframes pulsing-pin {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; } }
    
    
    .contact-info .single-contact-info:not(:last-child) {
    margin-bottom: 10px;
}
.contact-form .btn {
    padding: 10px 30px;
    background-image: linear-gradient(to right,#2bcfdb 0%,#024aae 100%) !important;
    color: #fff !important;
    border-radius: 50px;
    box-shadow: none !important;
    line-height: initial;
}
button:hover{
        background-position:0 !important;
}
/* Contact page */
.alert-form-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 0 10px;
}

.alert-form-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding: 0 10px;
}

.contact-form-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 0 10px;
    margin: 10px 0;
    border-radius: 5px;
}

.contact-form-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding: 0 10px;
    margin: 10px 0;
    border-radius: 5px;
}

.join-form-error {
    color: red;
    border-color: #f5c6cb;
    padding: 0 10px;
}

.join-form-success {
    color: green;
    border-color: #c3e6cb;
    padding: 0 10px;
}
.loc-add{
    display:none;
}
.mobile-vw {
    display:none;    
}
    .disply-blk-xs {
    display: none;    
    }
    .disply-non-xs {
    display:block;
    }
@media only screen and (max-width: 1036px) and (min-width: 1024px) {
.testimonial .testimonial-inner .testimonial-content {
     min-height: 210px;
}
.statics-bg .type14 .gse-content h5 {
    font-size: 14px;}
.gse-content {
    padding: 0 10px 0;
}
.lp-content {
    min-height: 320px;
}
.mst-demd {
 padding: 45px;
}
.loginbox, body#page-login-signup #page-content, body#page-login-change_password #page-content {
 margin-top: 14% !important;
}
.locations .marker.mountain-view-location {
    left: 150px;
    top: 105px;
}
.locations .marker.india-location {
    left: 734px;
    top: 180px;
}
.locations .marker.china-location {
    left: 863px;
    top: 233px;
}

}
@media only screen and (max-width: 959px) and (min-width: 768px) {
.main-menu {
    background-color: transparent;
}
.statics-bg .type14 .gse-content h5 {
    font-size: 14px;
}
.lp-content {
    min-height: 280px;
}
.locations .marker.mountain-view-location {
    left: 137px;
    top: 64px;
}
.locations .marker.china-location {
    left: 650px;
    top: 160px;
}
.locations .marker.india-location {
    left: 557px;
    top: 122px;
}
.loc-add{
    display:none;
}
}
@media (max-width: 991px){
.sptb .cours-bx .info-bx {
    padding: 10px;
    font-size: 14px;
    min-height: initial;
}
.header .header-main.style--one .main-menu ul.nav > li > a {
    font-size: 18px;
    color: #3f3f3f;
}
.header .header-main.style--one {
    padding: 10px 0;
}
.gse-content {
    padding: 0 10px 0;
}
.text-color-bg, .owl-carousel button.owl-dot, #menu-button span, #menu-button span:before, #menu-button span:after {
    background-color: #ffffff;
}
.loginbox, body#page-login-signup #page-content, body#page-login-change_password #page-content {
    margin-top: 20% !important;
}
#page-my-index #page-content {
    margin-top: 18%;
}

}
/*Responsive Css*/
@media (max-width: 767px) {
#region-main .video-js-box {
    max-width: 100%;
    height: auto !important;
}
.sptb .cours-bx.style1 .info-bx h5 {
    line-height: 24px;
}
    #course-item-content-header .form-button.lp-button-back {
    margin: 10px 0;
}
#course-item-content-header .lp-form.lp-button-back .button {
    font-size: 15px;
    padding: 5px 8px;
}
    .disply-blk-xs {
    display:block;
    }
    .disply-non-xs {
    display: none;    
    }
.loc-add{
    display:block;
}
.mobile-vw{
    display:block;    
}
.dsk-vm{
    display: none;    
}
.locations .map {
        display: none;
}
.widget .widget-logo{
    margin-bottom: 0 !important;
} 
.ftr-logo{
    margin-top:0 !important;
}
.type14 {
    border-right: 0;
    border-left: 0;
}
.no-bottom-border {
    border-bottom: 2px solid #FFF;
}
.jws-page-title .title {
    font-size: 24px;
}
.gpu-dpl{
    border-bottom: 2px dotted #1286c0;
    border-right: 0;
}
.no-border {
    border: 0;
}
.quick-enq{
    margin-top: 20px;
}
.main-menu {
    background-color: transparent;
}
#menu-button span:after {
    background-color: #fff;
}
.course-name {
    font-size: 23px;
    line-height: 27px;
}
.course-detail {
    padding-top: 1.5rem;
}
.section-title h2 {
    font-size: 24px;
}
.what-learn-sec h2 {
    font-size: 24px;
    text-align: center;
    line-height: 27px;
}
.widget .widget-logo, .widget .widget-title {
    margin-bottom: 20px;
}
.footer-logo .widget_social_icon {
    margin-top: 20px;
}
.footer .links {
    margin: 0;
    margin-top: 20px;
    margin-right: -15px;
    margin-left: -15px;
}
.footer .links .widget .widget-title * {
    margin-top: 20px;
}
.footer .widget:last-child {
    margin-bottom: 0;
    text-align: left;
        margin-top: 10px;
}
.text-color-bg, .owl-carousel button.owl-dot, #menu-button span, #menu-button span:before, #menu-button span:after {
    background-color: #ffffff;
}
.mCSB_inside > .mCSB_container {
    margin-right: 15px;
}
#page-login-index header, #page-my-index header, #page-site-index header, #page-login-signup header, #page-login-change_password header {
    background-image: linear-gradient(to right,#009fce 0%,#f58a22 100%);
}
.loginbox, body#page-login-signup #page-content, body#page-login-change_password #page-content {
    margin-top: 21% !important;
}
#page-my-index #page-content {
    margin-top: 20%;
}
}
@media (max-width: 537px) {
body#page-login-index .loginpanel, body#page-login-index .signuppanel {
    width: 100%;
}
.loginbox, body#page-login-signup #page-content, body#page-login-change_password #page-content {
    margin-top: 41% !important;
}
#page-my-index #page-content {
    margin-top: 35%;
}
}

img.userpicture{
    border-radius: 50%;
    border: 1px solid #f0f4fa;    
}
.social_icon_list li a .fa-youtube {
    color: #f00;
}
.ftr-tp {
    padding-top: 9px;
}
.ups {
    margin-bottom: 0;
}
.disclmr {
        color: #3f3f3f;
    font-size: 14px;
    font-weight: 600;
}
.dslr ul{
        font-size: 12px;
}
.payment-icons{
    text-align:center;
    margin-bottom: 1rem;
}
#learn-press-course-curriculum .section-content .active .main-topc-name{
    color: #2441e7;
}

.side_menu {
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

/* MENU CONTAINER ----- */
	.side_menu {
		background: #fff;
		height: 100vh;
		left: -250px;
		position: absolute;
		top: 0;
		width: 250px;
		    z-index: 9999999999999;
	}
	.side_menu .container {
		padding: 0 1em;
	}

/* HAMBURGER STYLES ----- */
	.burger_box {
		display: block;
		float: right;
		margin-right: -45px;
		    margin-top: 20px;
	}
	.burger_box a.menu-icon {
		display: inline-block;
		float: none;
		height: 25px;
		padding: 0px;
		opacity: 1;
		width: 25px;
		z-index: 100;
	}
	.burger_box a.menu-icon:hover,
	.burger_box a.menu-icon.opened {
		opacity: 1;
	}
	.burger_box a.menu-icon.opened {
		background: #ff0000;
	}
	.burger_box .menu-icon_box {
		display: inline-block;
		height: 25px;
		position: relative;
		text-align: left;
		width: 25px;
	}
	.burger_box .menu-icon_line {
		background:#f58a22;
		border-radius: 2px;
		display: inline-block;
		height: 3px;
		position: absolute;
		width: 100%;
	}
	.burger_box .menu-icon_line--1 {
		top: 2px;
	}
	.burger_box .menu-icon_line--2 {
		top: 10px;
	}
	.burger_box .menu-icon_line--3 {
		top: 18px;
	}
	.burger_box .menu-icon_line--1 {
		transition: top 200ms 250ms, transform 200ms;
		-webkit-transition: top 200ms 250ms, -webkit-transform 200ms;
	}
	.burger_box .menu-icon_line--2 {
		transition: opacity 0ms 300ms;
		-webkit-transition: opacity 0ms 300ms;
	}
	.burger_box .menu-icon_line--3 {
		transition: top 100ms 300ms, transform 200ms;
		-webkit-transition: top 100ms 300ms, -webkit-transform 200ms;
	}
	.burger_box .menu-icon.opened .menu-icon_box {
		transform: scale3d(0.9, 0.9, 0.9);
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
	}
	.burger_box .menu-icon.opened .menu-icon_line {
		top: 10px;
		background: #ffffff;
	}
	.burger_box .menu-icon.opened .menu-icon_line--1 {
		transform: rotate3d(0, 0, 1, 45deg);
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transition: top 100ms, transform 200ms 250ms;
		-webkit-transition: top 100ms, -webkit-transform 200ms 250ms;
	}
	.burger_box .menu-icon.opened .menu-icon_line--2 {
		opacity: 0;
		transition: opacity 200ms;
		-webkit-transition: opacity 200ms;
	}
	.burger_box .menu-icon.opened .menu-icon_line--3 {
		transform: rotate3d(0, 0, 1, -45deg);
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transition: top 200ms, transform 200ms 250ms;
		-webkit-transition: top 200ms, -webkit-transform 200ms 250ms;
	}

/* STAGGER LIST ----- */
	.list_load {
		display: none;
		list-style: none;
		padding: 0;
	}
	.list_item {
		margin-left: -20px;
		opacity: 0;
		-webkit-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}
	.list_item a {
		color: #fff;
		display: block;
		padding: 5px 10px;
		text-decoration: none;
	}
	.list_item a:hover {
		background: rgba(255,255,255,.2);
	}
	#page-mod-quiz-attempt #page-content {
        padding-top: 3rem;
        padding-bottom: 3rem;	
	}
@media (max-width: 480px) {
    #course-item-content-header .form-button.lp-button-back {
    margin: 17px 0;
}
}
@media (max-width: 360px) {
    #course-item-content-header .form-button.lp-button-back {
    margin: 10px 0;
}
#course-item-content-header {
    height: auto;
}
}
@media (max-width: 320px) {
    #course-item-content-header .lp-form.lp-button-back .button {
    font-size: 13px;
    padding: 8px 6px;
}
.widget-logo {
    padding: 4px 0;
}
}
#feedback_complete_form .form-submit{
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
    background-image: none !important;
    filter: none !important;
    color: #fff !important;
}

.social-reviews ul {
    margin: 0 !important;
}
.social-reviews li {
    list-style: none;
    float: left;
    padding: 0 5px;    
}
#myoverview_courses_view .myoverviewimg{
	display:none;
}
#myoverview_courses_view .progress-chart-container{
	display:none;
}
#myoverview_courses_view, #myoverview_courses_view_in_progress, #myoverview_courses_view_future, #myoverview_courses_view_past{
    opacity: 1;
}
#myoverview_courses_view a.btn-default{
    padding: 0 20px !important;
}
#myoverview_courses_view .btn-group{
    display:none;
}
.block_myoverview #myoverview_courses_view .btn-group{
	display: block;
}
@media only screen and (max-width: 767px){
#learn-press-course-curriculum .section-content li, .pos-rel {
    margin: 5px 5px !important;
}
.main-top-hdr {
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
    width: 100%;
    font-size: 14px;
}
}

/* Start - 03-09-2021 */
.tm-dr{
    color: #fff;
    text-align: left;
    font-size: 16px;
}
.pdfre a{
    border: 1px solid #fff;
    color: #fff;
    padding: 7px 13px;
    font-family: 'Barlow', sans-serif;
        margin: 10px;
    display: inline-block;
}
.pdfre a i{ 
        padding-right: 5px;
}
.pdfre .checkbox {
  display: none;
}

.pdfre .switch {
  align-items: center;
  background-color: #ddd;
  border-radius: 500px;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: space-between;
  padding: 0 13px;
  position: relative;
  user-select: none;
  width: 80px;
  margin: 10px auto;
}

.pdfre .checkbox:checked ~ .switch {
  background-color: #1e2a30;
}

.pdfre .checkbox:not(:checked) ~ .switch {
  background-color: #ddd;
}

.switch__left,
.switch__right {
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}
.pagelayout-my_course_details_beta {
    background: url(../img/video-bg-1.png) ! Important;
}

.pdfre .checkbox:checked ~ .switch .switch__left {
  visibility: hidden;
}

.pdfre .checkbox:not(:checked) ~ .switch .switch__right {
  visibility: hidden;
}

.switch__circle {
  height: 40px;
  padding: 5px;
  position: absolute;
  transition: all 0.1s linear;
  width: 40px;
}

.pdfre .checkbox:checked ~ .switch .switch__circle {
  left: 0;
  right: calc(100% - 40px);
}

.pdfre .checkbox:not(:checked) ~ .switch .switch__circle {
  left: calc(100% - 40px);
  right: 0;
}

.switch__circle-inner {
  background-color: white;
  border-radius: 50%;
  display: block;
  height: 100%;
  width: 100%;
}

/* CSS talk bubble */
.talk-bubble {
    margin: 0;
    position: relative;
    width: auto;
    height: auto;
    background-color: #3bace1;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}
.talk-bubble p{
    font-size: 16px;
}
.border{
  border: 8px solid #666;
}
.round{
  border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;

}
/* Right triangle, left side slightly down */
.tri-right.border.left-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
    left: -40px;
	right: auto;
    top: 30px;
	bottom: auto;
	border: 20px solid;
	border-color: #666 #666 transparent transparent;
}
.tri-right.left-in:after{
	content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -16px;
    right: auto;
    top: 8px;
    bottom: auto;
    border: 10px solid;
    border-color: transparent #3bace1 #3bace1 transparent;
}

#page-mod-page-view #page-content {
    padding-top: 10%;
    background: url(../img/video-bg-1.png);
    padding-bottom: 4%;
    background-size: cover;
}
#page-mod-page-view header{
    background: linear-gradient(to left,#009fce 0%,#f58a22 100%);
}
#page-mod-page-view .page-title-bg{
    display:none;
}
#page-mod-page-view #region-main h2{
    margin-top: 0;
    font-size: 24px;
}
.scroll-top-btn {
   width:40px;
   height:40px;
   position: fixed;
   bottom: 52px;
   right: 80px;
   z-index: 99;
   display: none;
   text-align: center;
   animation-name: scrollTopAnim;
   animation-duration: 2s;
   animation-iteration-count: infinite;
   background:#FA7D01;
   border:none;
   }
   .scroll-top-btn span:before {
   font-size: 27px;
   }
   .scroll-top-top:after {
   opacity: 1;
   }
   .bg-grey{background:#FAF8F8}
   .bg-white{background:#fff; margin:20px 0; }
   h2{color:#00B5CC; text-align:center}
   /*.form-fill{padding:50px}*/
   .form-fill .row{padding:5px}
   .f-text{ border:2px solid #E8E9E9; padding:11px 15px 11px 30px;  font-family:'Barlow', sans-serif; font-size:18px; font-weight:200; color:#808083; }
   .form-fill-text{border:2px solid #E8E9E9; padding:25px;}
   .btn-full-width{width:100%}
   .button-msg-student {
   border: none;
   color: #fff !important;
   padding: 11px 30px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
   font-family: 'Barlow', sans-serif;
   margin: 24px 4px;
   font-weight: 500;
   cursor: pointer;
   border-radius: 5px;
   background: #F58220 !important;
   text-shadow: none;
   }
   .bt-arrow{
   width: 22px;
   height: 22px;
   border: 2px solid #fff;
   border-radius: 50%;
   font-size: 11px;
   line-height: 20px;
   }
   .btn-center{text-align:center}
   .bg-white-student{background:#fff; margin:20px 40px; box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;}
   .bnr-back-student{color:#fff;background-color: #FAF8F8; 
   background-image: linear-gradient(to right, #FAF8F8 , #FAF8F8); position: relative; text-align:left; background-size: cover;background-repeat: no-repeat;}
   .iconify{font-size:24px;}
   .bnr-cont-student ul{text-align:left; padding-left:50px}
   .student-fill form{padding:20px 0; /*padding-left:49%;*/ color:#808285; }
   .bnr-cont-student h1{font-size:40px; text-align:center; padding:30px;}
   .bnr-cont-student h5{text-align:center; padding:0px 100px 30px 100px;} 
   p.lft-txt{font-size:14px; padding:5px 3px 38px 10px}
   .top-f h3{font-size:18px; color:#222222; padding:4px 0}
   .student-fill{/*background-image:url('<?php echo $CFG->wwwroot;?>/theme/university/assets/img/demo-1.png');*/position: relative; text-align:left; background-repeat: no-repeat; }
   .student-fill form{padding:45px 40px 5px; /*padding-left:50%;*/ color:#808285; width:93% }
   .bg-event h3 {padding:60px 0 25px 0;}
   .bg-event h3 p{font-size:46px; color:#000;  line-height:55px; /*font-family: 'Barlow Semi Condensed'*/ font-family: 'Barlow', sans-serif; color:#F05B25; text-align:center; font-weight:600}
   .bg-event h4{font-size:24px; color:#5E5E5E; padding-bottom:30px; font-family: 'Barlow', sans-serif;text-align:center;  font-weight:500}
   .bg-event form ul, .bg-event form h4{padding-left:30px;}
   .bg-event form h4{padding-left:10px;}
   .user-txt-icon {
   background: white url('<?php echo $CFG->wwwroot;?>/theme/university/assets/img/image-02.png') right no-repeat; background-position: 97%;
   }
   .other-txt-icon{background: white url('<?php echo $CFG->wwwroot;?>/theme/university/assets/img/image-03.png') right no-repeat;   }
   .f-text:focus {
   outline: none;
   }
   .search_field {
   display: inline-block;
   border: 2px solid #E8E9E9;
   width:100%;
   }
   .search_field ul{
   padding-left: 0px;
   margin: 0;
   }
   .search_field ul li{list-style:none; display: inline;}
   .search_field input {
   border: none;
   padding: 0;
   }
   .search_field button {
   border: none;
   background: none;
   margin-top:0px;
   padding: 0;
   text-shadow: none;
   box-shadow: none;
   }
   .search_field button img{
   margin-top: -18px;
   position: absolute;}
   .search_field .f-text{
   font-family: 'Barlow', sans-serif;
   font-size: 18px;
   font-weight: 200;
   color: #808083;
   border: none;
   padding: 13px 15px 13px 25px;
   width: 85%;
   margin: 0;
   box-shadow: none !important;
   outline: none !important;
   height: auto;
   line-height: initial;
   }
.spk-img2{display:none}
.voice-sec a .spk-img1{display:inline-block;}
.voice-sec a .spk-img2{display:none;}
.voice-sec a:active .spk-img1{display:none}
.voice-sec a:active .spk-img2{display:inline-block;}
.voice-sec a.active .spk-img1{display:none}
.voice-sec a.active .spk-img2{display:inline-block;}

.desktop-vew{
    display:block;
}
.mobile-vew{
    display:none;
}

.state-of-architecture .state-cimage{
     transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
cursor: initial;
}
.state-of-architecture .state-cimage:before, .state-of-architecture .state-cimage:after {
    content: "";
    top: 6%;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: rgb(245 130 32 / 27%);
    width: 300px;
    height: 300px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    opacity: 0;
    -webkit-animation: clickMe 1.8s 333ms infinite ease-out;
    -moz-animation: clickMe 1.8s 333ms infinite ease-out;
    -o-animation: clickMe 1.8s 333ms infinite ease-out;
    -ms-animation: clickMe 1.8s 333ms infinite ease-out;
    animation: clickMe 1.8s 333ms infinite ease-out;
}
.state-of-architecture .state-cimage:after {
    -webkit-animation: clickMe 1.8s 777ms infinite ease-out;
    -moz-animation: clickMe 1.8s 777ms infinite ease-out;
    -o-animation: clickMe 1.8s 777ms infinite ease-out;
    -ms-animation: clickMe 1.8s 777ms infinite ease-out;
    animation: clickMe 1.8s 777ms infinite ease-out;
}

/* End - 03-09-2021 */

/*Start 10-11-2021*/
.chart-box{
    background: #f6f6f6;
    padding: 10px;
    border-radius: 2px;
    margin-bottom: 15px;
}
.chart-box h4{
	font-weight: 500;
    font-size: 19px;
	margin-bottom: 15px;
}
.anal-list {
    padding: 0;
    margin: 10px;
    list-style-type: none;
    border: 1px solid #f58a22;
}
.anal-list li a{
    padding: 10px 15px;
    margin: 0;
    border-radius: 0 !important;
    border: 1px solid #f58a22;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: initial;
}
.anal-list li:last-child a{
        border-right: 0;
}
.anal-list li .nav-link.active{
    background-color: #f58a22;
}
.anal-list li>a:focus{
     background-color: #f58a22 !important;   
}
.anal-list li .nav-link.active:hover{
     background-color: #fff !important;  
    color:#f58a22;
}
.time-sc-box {
    padding: 10px;
    background: #fff;
    text-align: center;
    border-radius: 2px;
}
.time-sc-box h6{
    font-weight: 400;
    font-size: 15px;
    color: #818181;
}
.over-al-t{
        padding: 6px 12px;
    border: 1px solid #f58a22;
    border-radius: 20px;
    font-size: 15px;
    line-height: normal;
    margin-right: 10px;
}
.tp-option{
    display: flex;
    margin-bottom: 20px;
}
.tp-option select{
    width:120px;
    margin-right: 10px;
 padding: 5px 12px;
    height: auto;
    border-radius: 20px;
    font-size: 15px;   
}
.video_time {
    font-size: 34px;
    color: #ff7005;
    font-weight: 600;
    line-height: normal;
    display: flex;
    justify-content: center;
    margin:5px 0;
}
.time_unit {
    font-size: 12px;
    color: #9e9e9e;
    font-weight: 500;
}

.chart-box .table-bordered {
    border: 1px solid #f58a22 !important;
    margin: 0;
}
.chart-box .table-bordered td, .chart-box .table-bordered th {
    border: 0;
}
.chart-box .table-bordered thead th {
    border-bottom-width: 1px;
    border-color:#f58a22;
        color: #f58a22;
    font-weight: 500;
    text-align: center;
    font-size: 14px;
}
.chart-box .table-bordered th {
    border-bottom: 1px solid #f58a22;
}
.chart-box .table-bordered tbody tr td{
    border-bottom: 1px solid #dee2e6;
}
.chart-box .table-bordered tbody tr:last-child{
    border-bottom: 0;
}
/*.chart-box .table-bordered tbody td:first-child{
    border-right: 1px solid #dee2e6;
}*/
.chart-box .table-bordered tbody td{
    border-right: 1px solid #dee2e6;
}
.chart-box .table-bordered tbody td:last-child{
    border-right: 0;
}
/*.chart-box .table-bordered thead th:first-child{
    border-right: 1px solid #f58a22;
}
*/
.chart-box .table-bordered thead th{
    border-right: 1px solid #f58a22;
}

.chart-box .table-bordered thead th:last-child{
    border-right: 0;
}
.behiv-h{
    min-height: 438px;
}
.chart-box canvas {
    -ms-touch-action: auto;
    max-width: 100%;
}
.top-ul {
    min-height:365px;
    max-height:365px;
    overflow:auto;
}

/*End 10-11-2021*/

/* START 01-06-2022 */
.popular-course {
   text-align: left;
    cursor: pointer;
    box-shadow: 0 10px 27px 0 rgb(154 161 171 / 18%);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative;
    display: block;
    background: #fff;
    top: 0;
}
/* .popular-course img {
	width: 100%;
	height: 100%;
} */
.popular-course .info{
	padding: 25px
}
.home-popc-title{
	color: #00527d;
    font-size: 18px;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    text-align: left;
    margin-bottom: 10px;
    line-height: 23px;
    min-height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.home-popc-content {
    color: #0b0b0b;
    max-height: 110px;
    min-height: 110px;
    width: 100%;
}
.home-popc-content ul {
    padding-left: 0px;
	margin: 0;
	font-family: 'Barlow', sans-serif;
    color: #5d5d5d;
}
.home-popc-content ul li {
list-style-type: none;
    padding: 0 0 7px 20px;
    position: relative;
    font-size: 14px;
}
.home-popc-content ul li:after {
    display: block;
    position: absolute;
    left: 0px;
    top: 2px;
    font-size: 14px;
    color: #ff9600;
    font-family: 'FontAwesome' !important;
    font-weight: 500;
    /* content: "\f00c"; */
    content: "";
	background-image: url(../../assets/img/check-crl.png);
	width: 16px;
    height: 16px;
    background-size: cover;
    background-repeat: no-repeat;
}
.popular-course-img{
	max-height: 150px;
    min-height: 150px;
    overflow: hidden;
    display: block;
    width: 100%;
}
.popular-course .view-dtls {
    color: #5d5d5d;
    padding: 8px 30px;
    display: block;
    border: 1px solid #ff9600;
    text-align: center;
    margin: 15px auto 0;
    font-family: 'Barlow', sans-serif;
}
.back-side{
	display:none;
}
.popular-course:hover .back-side {
	display: inline-grid;
    align-items: end;
    position: absolute;
    background: rgb(0 0 0 / 77%);
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    padding: 25px;
    color: #fff;
	text-align:center;
	    font-family: 'Barlow', sans-serif;
}
.popular-course:hover .back-side .view-dtls{
	color: #fff;
}
.popular-course:hover .info .view-dtl{
	visibility:hidden
}
.dsh-hd-title{
	font-size: 20px;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    color: #00527d;
    margin-bottom: 23px;
}
.tr-mdl-img {
display: block;
    text-align: center;
    box-shadow: 0 0px 7px 1px rgb(154 161 171 / 18%);
    margin-bottom: 10px;
    border-radius: 12px;
    padding: 10px;
    min-height: 168px;
    align-items: center;
    display: flex;
}
.tr-mdl-img img{
	    margin: 0 auto;
    text-align: center;
}
.intv-qus{
	background:#4aaed4;
}
.tr-mdl{
	text-align: center;
    margin-bottom: 25px;
	font-family: 'Barlow', sans-serif;
}
.tr-mdl a{
	color: #5d5d5d;
}
.rmg-top-text{
	    position: absolute;
    top: 0;
    padding: 10px 15px;
}
.rimg-1 .rmg-top-text p{
    color: #4b5da9;
    text-decoration: underline;
    margin-bottom: 7px;
}
.rimg-1 .rmg-top-text h4 {
	color: #112146;
    margin-bottom: 10px;
    line-height: 23px;
}
.rimg-1 .rmg-top-text ul{
	    margin: 0;
    list-style-type: none;
    font-size: 13px;
    font-weight: 500;
    color: #112146;
}
.rimg-1 .rmg-top-text ul li span{
	color: #4b5da9;
}
.rmg-bottom{
	    padding: 15px;
    font-family: 'Barlow', sans-serif;
    color: #5d5d5d;
}
.ris-bn{
	color: #5d5d5d;
    padding: 8px 30px;
    display: block;
    border: 1px solid #ff9600;
    text-align: center;
    margin: 15px auto 0;
    font-family: 'Barlow', sans-serif;
}
.rmg-top{
	position:relative
}
.sess-on{
    color: #072248;
    background: #fff;
    display: inline-block;
    padding: 3px 8px;
}
.sess-onh{
	    color: #fff;
    margin-bottom: 10px;
    line-height: 23px;
}
.rimg-2 .rmg-top-text ul{
margin: 0;
    list-style-type: none;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin-top: 10px;
}
.rimg-2 .rmg-top-text ul li{
	margin-bottom: 10px;
}
.rimg-2 .rmg-top-text ul li span{
	color: #ff9600;
    margin-right: 5px;
    font-size: 16px;
}
.rimg-1{
	    margin-bottom: 20px;
}
.riht-side{
    margin-top: 5.7rem;
}
.pl-pr{
	color: #00527d;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    margin-bottom: 1.5rem;
}
.stud-cert{
    background: #fbf9f9;
}
.myd-banner-sec{
	margin-top: 6.2rem;
    background-position: center;
    background-size: 100%;
    text-align: center;
    color: #fff;
    padding-top: 0;
    height: 91%;
	display:none;
}
.myd-banner-sec-new {
	  /*   margin-top: 6.2rem; */
    position: relative;
    text-align: center;
}
.myd-banner-sec-new .myd-bnr img{
	width: 100%;
}
.myd-banner-sec-new .myd-bn-txt{
	    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.myd-banner-sec-new .bnr-top{
	margin: 7rem 0 5rem;
}
.myd-banner-sec-new .bnr-top h4{
	color: #fff;
    font-size: 19px;
    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
.myd-banner-sec-new .bnr-top h3{
	color: #fff;
	    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
.myd-banner-sec-new .bnr-bot{
	max-width: 400px;
    margin: 0 auto;
}
.myd-banner-sec-new .bnr-bot p{
	color: #fff;
	    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.myd-banner-sec-new .bnr-bot a{
	color: #fff;
    padding: 6px 30px;
    display: inline-block;
    border: 1px solid #fff;
    text-align: center;
    margin: 15px auto 0;
    font-family: 'Barlow', sans-serif;
    border-radius: 2px;

	    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.top-offer-sec .close-bn {
    position: absolute;
    top: 12px;
    right: 20px;
    color: rgb(255 255 255 / 56%);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    opacity: 1;
    background: rgb(255 255 255 / 27%);
}
.top-offer-sec .close-bn .fa-close{
	line-height: 30px;
}
.top-offer-sec {
    background: #0080a8;
    text-align: center;
    color: #fff;
    padding: 10px;
	font-size: 15px;
	 font-family: 'Barlow', sans-serif;
}
.days-cnt{
	color:#112146;
	padding: 0 3px;

}
.dis-prcn{
	font-weight: 600;
}
.dicS{
	padding: 0 3px;
    font-weight: 600;
}
.reg-tp{
	color: #fff;
    padding: 4px 11px;
    display: inline-block;
    border: 1px solid #fff;
    text-align: center;
    font-family: 'Barlow', sans-serif;
    border-radius: 2px;
    margin: 0 8px;
}
.after-lgin-li a{
	text-align: center;
    line-height: 23px !important;
}
.after-lgin-li a img{
	display: block;
    margin: 0 auto;
    padding-bottom: 5px;
}
.header .header-main.style--one .main-menu .nav > li > a{
	    padding-bottom: 2px;
}
.header .header-main.style--one .main-menu .nav > li > a.active{
	border-bottom: 2px solid #fff;
}
.top-search .theme-input-group {
	    -webkit-box-shadow: none;
    box-shadow: none;
}
.top-search .theme-input-group input{
    margin-bottom: 0;
    box-shadow: none;
    color: #00527d;
    font-family: 'Barlow', sans-serif;
    height: auto;
    padding: 10px;
    padding-left: 15px;
    padding-right: 50px;
}
.top-search .theme-input-group button{
    margin-bottom: 0;
    background: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
.top-search .theme-input-group button i {
	    color: #bebebf;
    text-shadow: none;
    box-shadow: none;
    margin-top: 0;
}
.mobile-vied{
	display:none;
}
.desktop-view{
	display:block;
}
@media (max-width:767px){
.upcoming-course .popular-course {
		margin-bottom: 20px;
	}
.upcoming-course .popular-course .popular-course-img img{
	width:100%
}
.rmg-top-img img{
	width:100%
}
.left-side-sec .blog-slider .owl-nav{
	display:none;
}
.tr-mdl a{
	color: #00527d;
}
.intv-qus{
	background:#fff;
}
.blog-slider .owl-dots {
    position: relative;
    bottom: initial;
    left: initial;
}
.mobile-vied{
	display:block;
}
.desktop-view{
	display:none;
}
}
.course-bnr{
	position: relative;
    width: 100%;
    color: #fff;
    padding: 35px 0;
    max-height: 630px;
	    background-size: cover !important;
}
.desc .pra {
    font-size: 30px;
    font-weight: 500;
    line-height: 28px;
    padding-bottom: 5px;
    color: #fff;
    font-family: 'Barlow', sans-serif;
}
.desc{
	    font-family: 'Barlow', sans-serif;
    font-size: 16px;
}
.rt-sc {
    margin-top: 10px;
	 display: inline-block;
	 margin-bottom: 30px;
}
.bnr-rating {
    text-align: left;
    display: flex;
    margin-right: 20px;
    align-items: center;
}
.rt-cnt {
    display: inline-block;
    font-size: 15px;
}
.lerns {
    display: inline-block;
}
.info-course__item {
    position: relative;
    margin-bottom: 10px;
    padding-left: 15px;
    color: rgba(94, 94, 94, 0.8);
    font-size: 15px;
    font-weight: 400;
}
.info-course__item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #5d5d5d;
}
.view-course-d {
	font-family: 'Barlow', sans-serif;
    color: rgba(94, 94, 94, 0.8);
    font-size: 15px;
    font-weight: 400;
}
.view-course-d p{
	font-family: 'Barlow', sans-serif;
    color: rgba(94, 94, 94, 0.8);
    font-size: 15px;
    font-weight: 400;
}
.modules-item {
	box-shadow: 0 0px 14px 1px rgb(154 161 171 / 18%);
    background: #fff;
    font-family: 'Barlow', sans-serif;
    margin-bottom: 15px;
}
.modules-item .data h4{
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    margin-bottom: 17px;
    color: #5d5d5d;
}
.modules-item .data  ul{
	    padding: 0;
    margin: 15px 0 0;
    list-style-type: none;
	    font-size: 16px;
}
.modules-item .data  ul li{
	    display: inline-block;
    margin-right: 25px;
}
.modules-item .data ul li img{
	    width: 25px;
    margin-right: 5px;
}
.alinmtn{
	    align-items: center;
}
.data-ins h4{
	    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
}
.data-ins ul{
	    margin-left: 0;
    list-style-type: none;
	    margin-bottom: 8px;
}
.data-ins ul li{
	line-height: 26px;
	color: #a7a9ac;
}
.instructors-item{
	    margin-bottom: 40px;
}
.linked-in{
	    background: #0079b8;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    bottom: -17px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    border-radius: 50%;
    color: #fff;
    font-size: 17px;
}
.linked-in i{
    line-height: 40px;
}
.popular-clint-img{
	box-shadow: 0 1px 7px 1px rgb(154 161 171 / 18%);
    padding: 10px;
    max-height: 80px;
    min-height: 80px;
    align-items: center;
    display: flex;
    margin: 10px;
    border-radius: 3px;
}
.clients .owl-carousel .owl-stage{
	    padding-bottom: 0;
}
.clients .blog-slider .owl-dots {
    text-align: center;
    margin-top: 20px !important;
	    position: relative;
    bottom: initial;
    left: initial;
    margin-bottom: 0 !important;
}
.pplr-curs{
	background: #fbf9f9;
}
.pplr-curs .owl-nav {
    width: 30%;
}
.course-demo{
box-shadow: 0 10px 27px 0 rgb(154 161 171 / 18%);
    border-radius: 10px;
    margin-top: -240px;
    background: #fff;
}
.buy-now{
	padding: 8px 30px;
    display: block;
    border: 1px solid #ff9600;
    text-align: center;
    margin: 15px auto 0;
    font-family: 'Barlow', sans-serif;
    background: #ff9600;
    color: #fff;
    font-size: 17px;
}
.addtocrt{
	    color: #5d5d5d;
    padding: 8px 30px;
    display: block;
    border: 1px solid #5d5d5d;
    text-align: center;
    margin: 15px auto 0;
    font-family: 'Barlow', sans-serif;
    font-size: 17px;
}
.deo-list {
	    margin: 0;
    list-style-type: none;
}
.deo-list li{
    list-style-type: none;
    padding: 0 0 17px 25px;
    position: relative;
    font-size: 15px;
}
.deo-list li:after{
	display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 14px;
    color: #ff9600;
    font-family: 'FontAwesome' !important;
    font-weight: 500;
    /* content: "\f00c"; */
    content: "";
	background-image: url(../../assets/img/check-crl.png);
	width: 19px;
    height: 19px;
    background-size: cover;
    background-repeat: no-repeat;
}
.deo-list li.ft:after{
	background-image: url(../../assets/img/ft.png);
}
.deo-list li.articles:after{
	background-image: url(../../assets/img/articles.png);
}
.deo-list li.resources:after{
	background-image: url(../../assets/img/resources.png);
}
.deo-list li.access:after{
	background-image: url(../../assets/img/access.png);
}
.deo-list li.certificate:after{
	background-image: url(../../assets/img/certificate.png);
}
.course-tn-sc {
	padding: 10px 17px 20px;
}
.shre-li {
	border-top: 1px solid #9d9d9d;
    border-bottom: 1px solid #9d9d9d;
}
.shre-li ul{
	    margin: 0;
    list-style: none;
    padding: 11px 5px;
}
.shre-li ul li{
	    display: inline-block;
}
.shre-li ul li a{
	    color: rgba(94, 94, 94, 0.8);
}
.shre-li ul li a i{
	margin-right: 5px;
	color: #000;
}
.shre-li ul li:last-child{
	    display: inline-block;
    text-align: right;
    float: right;
}
.video-sec{
	    position: relative;
}
.video-sec img{
	    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.video-sec .pluc{
	    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 36%;
    background: #ff9600;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin: 0 auto;
    color: #fff;
    font-size: 23px;
}
.video-sec .pluc i{
	    line-height: 55px;
    padding-left: 5px;
}
.dura-tm{
	    text-align: center;
    font-size: 20px;
    color: #00527d;
}
.dic{
	    color:#ff9600;
    font-size: 17px;
	text-decoration:line-through;
}
.dura-tm .cross{
	    margin-right: 10px;
    font-size: 21px;
    font-weight: 600;
    color: #00527d;
}
.inline-block{
	    display: inline-block;
}
.pont-rnt{
	    font-size: 18px;
    margin-bottom: 5px;
    line-height: 19px;
    font-weight: 300;
}
.pont-rnt span{
	    font-weight: 500;
    font-size: 26px;
}
.rt-cnt{
	    font-size: 17px;
    margin-bottom: 5px;
    line-height: 19px;
    color: #fff;
    font-family: 'Barlow', sans-serif;
    font-weight: 300;
}
.bnr-rating p{
	    font-size: 17px;
    margin-bottom: 10px;
    line-height: 19px;
    font-weight: 300;
}
.max-500{
	    max-width: 500px;
    margin-bottom: 30px;
}
.max-500 p{
	font-size: 18px;
}
.module-content {
    min-height: 630px;
    height: 630px;
    overflow: hidden;
}
.catch-content-more {
    height: auto ! important;
}
.modules_readMore{
	padding: 8px 30px;
    display: inline-block;
    border: 1px solid #ff9600;
    text-align: center;
    margin: 15px auto 0;
    font-family: 'Barlow', sans-serif;
    background: #ff9600;
    color: #fff !important;
    font-size: 17px;
}
/* END 01-06-2022 */
.filt-sec{
	padding-top: 80px;
}


/*START 23-08-2021*/
.center-img{
    width: 420px;
    margin: 30px auto 0;
}
.bn-icon-1 {
    position: absolute;
    top: 60px;
    text-align: center;
    left: 40px;
}
.bn-icon-2{
    position: absolute;
    top: 0;
    text-align: center;
    right: 0;
}
.bn-icon-2 p, .bn-icon-4 p{
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
}
.bn-icon-3{
    position: absolute;
    top: 225px;
    text-align: center;
    right: 0;
}
.bn-icon-4{
    position: absolute;
    top: 270px;
    text-align: center;
    left: 0px;    
}
.bn-icon-5{
    position: absolute;
    bottom: 0px;
    text-align: center;
    right: 0;
}
.bn-icon-5{
    display:none;
}
.bn-icon-1, .bn-icon-2, .bn-icon-3, .bn-icon-4, .bn-icon-5{
     transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
/*   cursor:pointer; */
}
/* .bn-icon-2:hover, .bn-icon-3:hover, .bn-icon-4:hover, .bn-icon-5:hover{
    -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
*/
.bn-icon-1:hover.bn-icon-1:before, .bn-icon-1:hover.bn-icon-1:after, .bn-icon-1.bn-icon-1:before, .bn-icon-1.bn-icon-1:after {
    content: "";
    top: -37px;
    left: -5px;
    background: rgb(255 255 255 / 40%);
    width: 130px;
    height: 130px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    opacity: 0;
    -webkit-animation: clickMe 1.8s 333ms infinite ease-out;
    -moz-animation: clickMe 1.8s 333ms infinite ease-out;
    -o-animation: clickMe 1.8s 333ms infinite ease-out;
    -ms-animation: clickMe 1.8s 333ms infinite ease-out;
    animation: clickMe 1.8s 333ms infinite ease-out;
}
.bn-icon-1:hover.bn-icon-1:after, .bn-icon-1.bn-icon-1:after {
    -webkit-animation: clickMe 1.8s 777ms infinite ease-out;
    -moz-animation: clickMe 1.8s 777ms infinite ease-out;
    -o-animation: clickMe 1.8s 777ms infinite ease-out;
    -ms-animation: clickMe 1.8s 777ms infinite ease-out;
    animation: clickMe 1.8s 777ms infinite ease-out;
}

.bn-icon-2:hover.bn-icon-2:before, .bn-icon-2:hover.bn-icon-2:after, .bn-icon-2.bn-icon-2:before, .bn-icon-2.bn-icon-2:after {
    content: "";
    top: -7px;
    left: -10px;
    background: rgb(255 255 255 / 40%);
    width: 130px;
    height: 130px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    opacity: 0;
    -webkit-animation: clickMe 1.8s 333ms infinite ease-out;
    -moz-animation: clickMe 1.8s 333ms infinite ease-out;
    -o-animation: clickMe 1.8s 333ms infinite ease-out;
    -ms-animation: clickMe 1.8s 333ms infinite ease-out;
    animation: clickMe 1.8s 333ms infinite ease-out;
}
.bn-icon-2:hover.bn-icon-2:after, .bn-icon-2.bn-icon-2:after {
    -webkit-animation: clickMe 1.8s 777ms infinite ease-out;
    -moz-animation: clickMe 1.8s 777ms infinite ease-out;
    -o-animation: clickMe 1.8s 777ms infinite ease-out;
    -ms-animation: clickMe 1.8s 777ms infinite ease-out;
    animation: clickMe 1.8s 777ms infinite ease-out;
}
.bn-icon-3:hover.bn-icon-3:before, .bn-icon-3:hover.bn-icon-3:after, .bn-icon-3:before, .bn-icon-3:after {
    content: "";
    top: -25px;
    right: -25px;
    background: rgb(255 255 255 / 40%);
    width: 130px;
    height: 130px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    opacity: 0;
    -webkit-animation: clickMe 1.8s 333ms infinite ease-out;
    -moz-animation: clickMe 1.8s 333ms infinite ease-out;
    -o-animation: clickMe 1.8s 333ms infinite ease-out;
    -ms-animation: clickMe 1.8s 333ms infinite ease-out;
    animation: clickMe 1.8s 333ms infinite ease-out;
}
.bn-icon-3:hover.bn-icon-3:after, .bn-icon-3:after {
    -webkit-animation: clickMe 1.8s 777ms infinite ease-out;
    -moz-animation: clickMe 1.8s 777ms infinite ease-out;
    -o-animation: clickMe 1.8s 777ms infinite ease-out;
    -ms-animation: clickMe 1.8s 777ms infinite ease-out;
    animation: clickMe 1.8s 777ms infinite ease-out;
}

.bn-icon-4:hover.bn-icon-4:before, .bn-icon-4:hover.bn-icon-4:after, .bn-icon-4:before, .bn-icon-4:after {
    content: "";
    top: -9px;
    left: -9px;
    background: rgb(255 255 255 / 40%);
    width: 130px;
    height: 130px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    opacity: 0;
    -webkit-animation: clickMe 1.8s 333ms infinite ease-out;
    -moz-animation: clickMe 1.8s 333ms infinite ease-out;
    -o-animation: clickMe 1.8s 333ms infinite ease-out;
    -ms-animation: clickMe 1.8s 333ms infinite ease-out;
    animation: clickMe 1.8s 333ms infinite ease-out;
}
.bn-icon-4:hover.bn-icon-4:after, .bn-icon-4:after {
    -webkit-animation: clickMe 1.8s 777ms infinite ease-out;
    -moz-animation: clickMe 1.8s 777ms infinite ease-out;
    -o-animation: clickMe 1.8s 777ms infinite ease-out;
    -ms-animation: clickMe 1.8s 777ms infinite ease-out;
    animation: clickMe 1.8s 777ms infinite ease-out;
}
.bn-icon-5:hover.bn-icon-5:before, .bn-icon-5:hover.bn-icon-5:after, .bn-icon-5:before, .bn-icon-5:after {
    content: "";
    top: -30px;
    right: 15px;
    background: rgb(255 255 255 / 40%);
    width: 130px;
    height: 130px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    opacity: 0;
    -webkit-animation: clickMe 1.8s 333ms infinite ease-out;
    -o-animation: clickMe 1.8s 333ms infinite ease-out;
    -ms-animation: clickMe 1.8s 333ms infinite ease-out;
    -moz-animation: clickMe 1.8s 333ms infinite ease-out;
    animation: clickMe 1.8s 333ms infinite ease-out;
}
.bn-icon-5:hover.bn-icon-5:after, .bn-icon-5:after {
    -webkit-animation: clickMe 1.8s 777ms infinite ease-out;
    -moz-animation: clickMe 1.8s 777ms infinite ease-out;
    -o-animation: clickMe 1.8s 777ms infinite ease-out;
    -ms-animation: clickMe 1.8s 777ms infinite ease-out;
    animation: clickMe 1.8s 777ms infinite ease-out;
}
@-webkit-keyframes clickMe {
     0% {
         opacity: 0;
         -webkit-transform: scale(0)
     }
     5% {
         opacity: 1
     }
     100% {
         opacity: 0
     }
 }
 
 @-moz-keyframes clickMe {
     0% {
         opacity: 0;
         -moz-transform: scale(0)
     }
     5% {
         opacity: 1
     }
     100% {
         opacity: 0
     }
 }
 @-o-keyframes clickMe {
     0% {
         opacity: 0;
         -o-transform: scale(0)
     }
     5% {
         opacity: 1
     }
     100% {
         opacity: 0
     }
 }
 @-ms-keyframes clickMe {
     0% {
         opacity: 0;
         -ms-transform: scale(0)
     }
     5% {
         opacity: 1
     }
     100% {
         opacity: 0
     }
 }
 
 @keyframes clickMe {
     0% {
         opacity: 0;
         -webkit-transform: scale(0);
         -moz-transform: scale(0);
         -ms-transform: scale(0);
         -o-transform: scale(0);
         transform: scale(0)
     }
     5% {
         opacity: 1
     }
     100% {
         opacity: 0
     }
 }
.bn-icon-1 p, .bn-icon-2 p, .bn-icon-3 p, .bn-icon-4 p, .bn-icon-5 p{
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    color: #fff;
    padding-top: 5px;
}
.max {
    max-width: 520px;
    margin: 50px auto 30px;
    text-align: center;
}

.about-product-sec{
    padding-top: 50px;
    padding-bottom: 50px;
}
.ai-img{
    position: absolute;
    top: 180px;
    left: -37px;
    width: 190px;
}
.product-feature-sec{
    background: #fbf9f9;
    padding-top: 30px;
    padding-bottom: 50px;
}
.product-feature-sec .card{
    border-radius: 3px !important;
    padding: 0;
    box-shadow: -1.2px 0px 10px 0 #ebebeb;
    border: 0;
}
.product-feature-sec .card-header{
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: #fff;
}
/*
.product-feature-sec .card-header.collapsed h5{
    color:#5d5d5d;
}*/
.product-feature-sec .card-header a{
    font-size: 17px;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    display: block;
    padding: 10px 15px;
}
.product-feature-sec .side-tab{
    display: block;
}
.product-feature-sec .card-header.collapsed > a{
    color: #333;
}
.product-feature-sec .card-header:not(.collapsed) > a{
    color:  #f15a22;
}

.product-feature-sec .card-body{
    padding: 0 13px 15px;
}
.product-feature-sec .card-body p{
    margin: 0;
}
.tab-featured-image {
    box-shadow: -1.2px 0px 10px 0 #ebebeb;
    border-radius: 3px;
    padding: 10px;
    background: #fff;
}
.tab-featured-image .tab-content{
    margin: 0;
}
.htitle{
    color: #f15a22;
    font-size: 32px;
    font-weight: 600;
    font-family: 'Barlow', sans-serif;
    margin-bottom: 10px;
    line-height: 40px;
}
.hsub-title{
    color: #5d5d5d;
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
}
.alnt-cntr{
    align-items: center;
}
.state-of-architecture{
    padding-top: 30px;
    padding-bottom: 50px;
}
.state-of-architecture p{
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    padding-top: 5px;
}
.state-cimage{
    margin-top: 3rem;
    margin-bottom: 4.5rem;
}
.s-atch-1{ 
    position: absolute;
    left: 40px;
    top: -20px;
}
.s-atch-1 a img{
    width: 60px;
    display: block;
}
.s-atch-2{
        position: absolute;
    left: 0;
    top: -55px;
    right: 0;
    text-align: center;
}
.s-atch-3{
    position: absolute;
    right: 50px;
    top: 5px;
    text-align: center;
}
.s-atch-3 a img{
    width: 60px;
}
.s-atch-4{
    position: absolute;
    top: 120px;
    left: 120px;
    text-align: center;
}
.s-atch-4 a img{
    width: 100px;    
}
.s-atch-5{
    position: absolute;
    top: 107px;
    right:140px;
    text-align: center;
}
.s-atch-5 a img{
        width: 37px;
}
.s-atch-6{
    position: absolute;
    left: 20px;
    bottom: 0px;
    text-align: center;
}
.s-atch-6 a img{
        width: 75px;
}
.s-atch-7{
    position: absolute;
    left: 0;
    bottom: -50px;
    right: 0;
    text-align: center;
}
.s-atch-7 a img{
    width: 70px;
}
.s-atch-8{
    position: absolute;
    right: 0;
    bottom: 20px;
    text-align: center;
}
.s-atch-8 a img{
        width: 100px;
}
.explore-our-ai{
    background: #fbf9f9;
    padding-top: 30px;
    padding-bottom: 50px; 
}
.perspectives-visualization{
    padding-top: 30px;
    padding-bottom: 50px;
}
.footsteps-our-story{
    padding-top: 30px;
    padding-bottom: 50px;    
}
.reimagine-product{
    background: #fbf9f9;
    padding-top: 50px;
    padding-bottom: 50px;
}
.no-c-demo{
    box-shadow: -1.2px 0px 10px 0 #ebebeb;
    border-radius: 3px;
    background: #fff;
}
.demo-img{
    background: #f2f2f2;
    text-align: center;
    padding: 30px;
}
.perspectives-visualization .tab-content>.active {
    display: block;
    opacity: 1;
}
.cflip-e{
    box-shadow: -1.2px 0px 10px 0 #ebebeb;
    border-radius: 3px;
    padding: 15px 14px;
    background: #fff;
    cursor: pointer;
}
.cflip-e h4{
    color: #f15a22;
    margin: 10px 0;
    font-weight: 500;
}
.cflip-e p{
    font-weight: 400;
    color: #5d5d5d;
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
}
.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
    width:100%;
}

.backside {
    width:100%;
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}
.over-lay{
    background: rgb(0 0 0 / 90%);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    color: #fff;
    cursor: pointer;
}
.over-lay ul {
    color: #9b9bae !important;
    padding: 0;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 5px;
    margin-top: 10px;
}
.over-lay ul li {
    position: relative;
    padding: 5px;
    padding-left: 25px;
    font-size: 14px;
    font-family: 'Barlow', sans-serif;
    margin-left: 10px;
    color: #fff;
}
.over-lay ul li:before {
    content: '';
    background: url(../img/login.png);
    width: 19px;
    height: 17px;
    position: absolute;
    left: 0px;
    top: 8px;
}
.m-204px{
        min-height: 210px;
}
.m-190px{
    min-height: 190px;
}
/* .ftr-tp{
    display: none;
} */
/* .footer .footer-bottom{
 background:#000 !Important;  
}
.copyright-text{
    color:#fff;
} */
.request-demo{
    border: none;
    position: relative;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    color: #ffffff !important;
    background-color: #f15a22;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    padding: 13px 30px;
}
.vs-now{
    border: 1px solid #f15a22;
    padding: 4px 15px;
    margin-left: 40px;
    margin-top: 10px;
    display: inline-block;
    color: #ffffff !important;
}
.reimg-leftmg{
    background: #f2f2f2;
    border-right: 1px solid #e3e3e3;
}
.popup-de .modal {
    display: none !important;
}
.popup-de .modal.show.in{
    display: block !important;
    background: transparent;
    border: 0;
    margin: 0 !important;
}
.popup-de .modal-content{
    background: transparent;
    text-align: center;
    border: 0;
}
.popup-de .modal-body{
     max-height: inherit;   
}
.tm-dr{
    color: #fff;
    text-align: left;
    font-size: 16px;
}
.pdfre a{
    border: 1px solid #fff;
    color: #fff;
    padding: 7px 13px;
    font-family: 'Barlow', sans-serif;
        margin: 10px;
    display: inline-block;
}
.pdfre a i{ 
        padding-right: 5px;
}
.pdfre .checkbox {
  display: none;
}

.pdfre .switch {
  align-items: center;
  background-color: #ddd;
  border-radius: 500px;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: space-between;
  padding: 0 13px;
  position: relative;
  user-select: none;
  width: 80px;
  margin: 10px auto;
}

.pdfre .checkbox:checked ~ .switch {
  background-color: #1e2a30;
}

.pdfre .checkbox:not(:checked) ~ .switch {
  background-color: #ddd;
}

.switch__left,
.switch__right {
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

.pdfre .checkbox:checked ~ .switch .switch__left {
  visibility: hidden;
}

.pdfre .checkbox:not(:checked) ~ .switch .switch__right {
  visibility: hidden;
}

.switch__circle {
  height: 40px;
  padding: 5px;
  position: absolute;
  transition: all 0.1s linear;
  width: 40px;
}

.pdfre .checkbox:checked ~ .switch .switch__circle {
  left: 0;
  right: calc(100% - 40px);
}

.pdfre .checkbox:not(:checked) ~ .switch .switch__circle {
  left: calc(100% - 40px);
  right: 0;
}

.switch__circle-inner {
  background-color: white;
  border-radius: 50%;
  display: block;
  height: 100%;
  width: 100%;
}

/* CSS talk bubble */
.talk-bubble {
    margin: 0;
    position: relative;
    width: auto;
    height: auto;
    background-color: #3bace1;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}
.talk-bubble p{
    font-size: 16px;
}
.border{
  border: 8px solid #666;
}
.round{
  border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;

}
/* Right triangle, left side slightly down */
.tri-right.border.left-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
    left: -40px;
	right: auto;
    top: 30px;
	bottom: auto;
	border: 20px solid;
	border-color: #666 #666 transparent transparent;
}
.tri-right.left-in:after{
	content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -16px;
    right: auto;
    top: 8px;
    bottom: auto;
    border: 10px solid;
    border-color: transparent #3bace1 #3bace1 transparent;
}
.demo-img{
    background: #f2f2f2;
    align-items: center;
    display: flex;
    text-align: center;
    margin: 0 auto;
}
.demo-img img{
    margin: 0 auto;
}
.ani-txt{
    position: absolute;
    top: 90px;
    left: 250px;
}
.animation-text {
  animation: type 5s steps(277) infinite;
  overflow: hidden;
  white-space: nowrap;
    width: 10ch;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
}

@keyframes type {
  0% {
    width: 0ch;
  }
  100% {
    width: 10ch;
  }
}

#page-mod-page-view #page-content {
    padding-top: 10%;
    background: url(../img/video-bg-1.png);
    padding-bottom: 4%;
}
#page-mod-page-view header{
    background: linear-gradient(to left,#009fce 0%,#f58a22 100%);
}
#page-mod-page-view .page-title-bg{
    display:none;
}
/*#page-mod-page-view #region-main h2{
    margin-top: 0;
    font-size: 24px;
}*/
/*Start - 07-Mar-2024*/
#page-mod-page-view #region-main h2{
    margin-top: 0;
    font-size: 23px;
    color: #072148;
    font-weight: 500;
}
#page-mod-page-view #region-main .mediaplugin{
    margin-top:0;
}
#page-mod-page-view #region-main .video-js-box { 
    border-radius: 0 !important;
    border: 0 !important;
}
/*End - 07-Mar-2024*/
.scroll-top-btn {
   width:40px;
   height:40px;
   position: fixed;
   bottom: 52px;
   right: 80px;
   z-index: 99;
   display: none;
   text-align: center;
   animation-name: scrollTopAnim;
   animation-duration: 2s;
   animation-iteration-count: infinite;
   background:#FA7D01;
   border:none;
   }
   .scroll-top-btn span:before {
   font-size: 27px;
   }
   .scroll-top-top:after {
   opacity: 1;
   }
   .bg-grey{background:#FAF8F8}
   .bg-white{background:#fff; margin:20px 0; }
   h2{color:#00B5CC; text-align:center}
   /*.form-fill{padding:50px}*/
   .form-fill .row{padding:5px}
   .f-text{ border:2px solid #E8E9E9; padding:11px 15px 11px 30px;  font-family:'Barlow', sans-serif; font-size:18px; font-weight:200; color:#808083; }
   .form-fill-text{border:2px solid #E8E9E9; padding:25px;}
   .btn-full-width{width:100%}
   .button-msg-student {
   border: none;
   color: #fff !important;
   padding: 11px 30px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
   font-family: 'Barlow', sans-serif;
   margin: 24px 4px;
   font-weight: 500;
   cursor: pointer;
   border-radius: 5px;
   background: #F58220 !important;
   text-shadow: none;
   }
   .bt-arrow{
   width: 22px;
   height: 22px;
   border: 2px solid #fff;
   border-radius: 50%;
   font-size: 11px;
   line-height: 20px;
   }
   .btn-center{text-align:center}
   .bg-white-student{background:#fff; margin:20px 40px; box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;}
   .bnr-back-student{color:#fff;background-color: #FAF8F8; 
   background-image: linear-gradient(to right, #FAF8F8 , #FAF8F8); position: relative; text-align:left; background-size: cover;background-repeat: no-repeat;}
   .iconify{font-size:24px;}
   .bnr-cont-student ul{text-align:left; padding-left:50px}
   .student-fill form{padding:20px 0; /*padding-left:49%;*/ color:#808285; }
   .bnr-cont-student h1{font-size:40px; text-align:center; padding:30px;}
   .bnr-cont-student h5{text-align:center; padding:0px 100px 30px 100px;} 
   p.lft-txt{font-size:14px; padding:5px 3px 38px 10px}
   .top-f h3{font-size:18px; color:#222222; padding:4px 0}
   .student-fill{/*background-image:url('<?php echo $CFG->wwwroot;?>/theme/university/assets/img/demo-1.png');*/position: relative; text-align:left; background-repeat: no-repeat; }
   .student-fill form{padding:45px 40px 5px; /*padding-left:50%;*/ color:#808285; width:93% }
   .bg-event h3 {padding:60px 0 25px 0;}
   .bg-event h3 p{font-size:46px; color:#000;  line-height:55px; /*font-family: 'Barlow Semi Condensed'*/ font-family: 'Barlow', sans-serif; color:#F05B25; text-align:center; font-weight:600}
   .bg-event h4{font-size:24px; color:#5E5E5E; padding-bottom:30px; font-family: 'Barlow', sans-serif;text-align:center;  font-weight:500}
   .bg-event form ul, .bg-event form h4{padding-left:30px;}
   .bg-event form h4{padding-left:10px;}
   .user-txt-icon {
   background: white url('<?php echo $CFG->wwwroot;?>/theme/university/assets/img/image-02.png') right no-repeat; background-position: 97%;
   }
   .other-txt-icon{background: white url('<?php echo $CFG->wwwroot;?>/theme/university/assets/img/image-03.png') right no-repeat;   }
   .f-text:focus {
   outline: none;
   }
   .search_field {
   display: inline-block;
   border: 2px solid #E8E9E9;
   width:100%;
   }
   .search_field ul{
   padding-left: 0px;
   margin: 0;
   }
   .search_field ul li{list-style:none; display: inline;}
   .search_field input {
   border: none;
   padding: 0;
   }
   .search_field button {
   border: none;
   background: none;
   margin-top:0px;
   padding: 0;
   text-shadow: none;
   box-shadow: none;
   }
   .search_field button img{
   margin-top: -18px;
   position: absolute;}
   .search_field .f-text{
   font-family: 'Barlow', sans-serif;
   font-size: 18px;
   font-weight: 200;
   color: #808083;
   border: none;
   padding: 13px 15px 13px 25px;
   width: 85%;
   margin: 0;
   box-shadow: none !important;
   outline: none !important;
   height: auto;
   line-height: initial;
   }
   .spk-img2{display:none}
   .search_field button .spk-img1{display:inline-block;}
   .search_field button .spk-img2{display:none;}
   .search_field button:active .spk-img1{display:none}
   .search_field button:active .spk-img2{display:inline-block;}
   .search_field button.active .spk-img1{display:none}
   .search_field button.active .spk-img2{display:inline-block;margin-top:-12px;}
   /*.search_field button:hover .spk-img1{display:inline-block;}
   .search_field button:hover .spk-img2{display:none;}
   */
   .img2{display:none}
   .btn-spk{ background:#fff; border:none;  }
   
  
.desktop-vew{
    display:block;
}
.mobile-vew{
    display:none;
}

.state-of-architecture .state-cimage{
     transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
cursor: initial;
}
.state-of-architecture .state-cimage:before, .state-of-architecture .state-cimage:after {
    content: "";
    top: 6%;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: rgb(245 130 32 / 27%);
    width: 300px;
    height: 300px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    opacity: 0;
    -webkit-animation: clickMe 1.8s 333ms infinite ease-out;
    -moz-animation: clickMe 1.8s 333ms infinite ease-out;
    -o-animation: clickMe 1.8s 333ms infinite ease-out;
    -ms-animation: clickMe 1.8s 333ms infinite ease-out;
    animation: clickMe 1.8s 333ms infinite ease-out;
}
.state-of-architecture .state-cimage:after {
    -webkit-animation: clickMe 1.8s 777ms infinite ease-out;
    -moz-animation: clickMe 1.8s 777ms infinite ease-out;
    -o-animation: clickMe 1.8s 777ms infinite ease-out;
    -ms-animation: clickMe 1.8s 777ms infinite ease-out;
    animation: clickMe 1.8s 777ms infinite ease-out;
}
  
/*END 23-08-2021*/

/*START 08-02-2024*/
.new-design-sc{
    text-align: center;
    box-shadow: 0 1px 6px #b2b2b2;
    padding: 35px;
    margin: 30px 0;
}
.anay-stbtn{
    font-size: 15px;
    border-radius: 5px;
    color: #fff !important;
    padding: 8px 25px;
    background: #ff962b !important;
    border: 1px solid #ff962b;
    display: inline-block;
    cursor:pointer;
}
.anay-stbtn:hover{
    background:#fff;
    color: #ff962b;
}
.align-jcent{
    justify-content:center;
}
.tex-hdr{
        color: #072148;
    font-weight: 500;
    font-size: 23px;
    margin-bottom: 30px;
}
.pstre{
        color: #a7a9ac;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px;
}
.sart-btn{
    font-size: 15px;
    border-radius: 5px;
    color: #fff !important;
    padding: 5px 14px;
    background: #ff962b !important;
    border: 1px solid #ff962b;
    display: inline-block;
    text-shadow: none;
    box-shadow: none;
	text-align: center;
}
.stop-btn{
    font-size: 15px;
    border-radius: 5px;
    color:#ff962b !important;
    padding: 5px 14px;
    background: #fff !important;
    border: 1px solid #ff962b;
    display: inline-block;
    text-shadow: none;
    box-shadow: none;
	text-align: center;
}
#prevSectionBtn{
    padding: 0;
    background: transparent !important;
    border: 1px solid;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    color: #ff962b !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
#prevSectionBtn i{
    margin-top:0;
        background: transparent !important;
        line-height: 14px;
}
#nextSectionBtn{
    padding: 0;
    background: transparent !important;
    border: 1px solid;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    color: #ff962b !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
#nextSectionBtn i{
    margin-top:0;
        background: transparent;
        line-height: 14px;
}
 button[disabled]{
     color:#e6e7e8 !important;
         opacity: 1;
 }
 .quiz-num ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.quiz-num ul li {
display: inline-block;
    width: 40px;
    height: 40px;
    margin-bottom: 0;
    line-height: 1;
}
.quiz-mark-seq {
    cursor: pointer;
}
.quiz-num ul li span {
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
    line-height: 31px;
    border-radius: 50%;
    border: 1px solid #ff962b;
    text-align: center;
}
.alg-cli {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    margin-top: 25px;
    position: relative;
}
.alg-cli li {
    padding-left: 21px;
    position: relative;
    display: inline-block;
    margin-left: 10px;
    color: #a7a9ac;
    font-size: 15px;
}
.alg-cli li:first-child{
    margin-left:0;
}
.answered:before {
    width: 13px;
    height: 13px;
    background: #387707;
    display: inline-block;
    border-radius: 50%; 
    border: 0;
    padding: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
}
.quest:before {
    width: 13px;
    height: 13px;
    background: #fe7d01;
    border: 0;
    display: inline-block;
    border-radius: 50%;
    padding: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
}

.not-answered:before {
    width: 13px;
    height: 13px;
    background: #ed1c24;
    display: inline-block;
    border-radius: 50%; 
    border: 0;
    padding: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
}
.no-vist:before {
    width: 13px;
    height: 13px;
    border: 1px solid #fe7d01;
    display: inline-block;
    border-radius: 50%;
    padding: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
}
.section-qes{
    margin-top:50px;
}
.section-qes .row{
    align-items:baseline
} 
.vide-sec{
    margin-top: 35px;
    text-align: center;
}
.vide-sec video{
    margin: 0 auto;
}
.video-recording #visualReport{
    display:none;
}
.viw-resport{
        font-size: 15px;
    border-radius: 5px;
    color: #fff !important;
    padding:8px 29px;
    background: #ff962b !important;
    border: 1px solid #ff962b; 
    text-shadow: none;
    box-shadow: none;
        margin: 0 auto;
    margin-top: 20px;
}
.viw-resport i{
    margin-top: 2px;
    margin-right: 2px;
}
/*END 08-02-2024*/

@media screen and (min-width: 48rem) {
      .locations   .map {
        height: 360px;
        background-size: 850px auto;
        background-position: 0 0; } }

@media screen and (min-width: 62rem) {
      .locations   .map {
        height: 480px;
        background-size: 1180px auto;
        background-position: -50px 0; } }

@media screen and (min-width: 73.75rem) {
      .locations   .map {
        background-position: 0 0; } }

@media screen and (min-width: 48rem) {
    .locations   .marker {
      width: 50px;
      height: 50px;
      display: block;
      position: absolute; } }

@media screen and (min-width: 48rem) and (min-width: 48rem) {
    .locations   .marker.mountain-view-location {
      left: 99px;
      top: 66px; } }

@media screen and (min-width: 48rem) and (min-width: 62rem) {
    .locations   .marker.mountain-view-location {
      left: 95px;
      top: 96px; } }

@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
    .locations   .marker.mountain-view-location {
    left: 200px;
    top: 100px; } }

@media screen and (min-width: 48rem) and (min-width: 48rem) {
    .locations   .marker.india-location {
      left: 554px;
      top: 90px; } }

@media screen and (min-width: 48rem) and (min-width: 62rem) {
    .locations   .marker.india-location {
      left: 728px;
      top: 138px; } }

@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
    .locations   .marker.india-location {
    left: 785px;
    top: 175px; } }

@media screen and (min-width: 48rem) and (min-width: 48rem) {
    .locations   .marker.china-location {
      left: 654px;
      top: 90px; } }

@media screen and (min-width: 48rem) and (min-width: 62rem) {
    .locations   .marker.china-location {
      left: 870px;
      top: 134px; } }

@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
    .locations   .marker.china-location {
    left: 910px;
    top: 235px; } }

@media screen and (min-width: 48rem) and (min-width: 48rem) {
    .locations   .marker.germany-location {
      left: 392px;
      top: 30px; } }

@media screen and (min-width: 48rem) and (min-width: 62rem) {
    .locations   .marker.germany-location {
      left: 505px;
      top: 50px; } }

@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
    .locations   .marker.germany-location {
      left: 555px;
      top: 55px; } }

@media screen and (min-width: 48rem) and (min-width: 48rem) {
    .locations   .marker.brazil-location {
      left: 275px;
      top: 225px; } }

@media screen and (min-width: 48rem) and (min-width: 62rem) {
    .locations   .marker.brazil-location {
      left: 345px;
      top: 320px; } }

@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
    .locations   .marker.brazil-location {
      left: 390px;
      top: 325px; } }

@media screen and (min-width: 48rem) and (min-width: 48rem) {
    .locations   .marker.egypt-location {
      left: 435px;
      top: 90px; } }

@media screen and (min-width: 48rem) and (min-width: 62rem) {
    .locations   .marker.egypt-location {
      left: 565px;
      top: 135px; } }

@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
    .locations   .marker.egypt-location {
      left: 615px;
      top: 135px; } }

@media screen and (min-width: 48rem) and (min-width: 48rem) {
    .locations   .marker.uae-location {
      left: 495px;
      top: 105px; } }

@media screen and (min-width: 48rem) and (min-width: 62rem) {
    .locations   .marker.uae-location {
      left: 650px;
      top: 155px; } }

@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
    .locations   .marker.uae-location {
      left: 700px;
      top: 150px; } }

@media screen and (min-width: 48rem) {
    .locations   .pin {
      width: 12px;
      height: 12px;
      position: relative;
      top: 19px;
      left: 19px;
      border-radius: 50%;
      z-index: 1000;
          background: #009fce;
    background-image: linear-gradient(to right,#009fce 0%,#f58a22 100%);} }

.locations   .pin   .address {
    color: #2e3d49;
    margin-bottom: 3rem;
    font-size: 0.875rem; }

@media screen and (min-width: 48rem) {
      .locations   .pin   .address {
    padding: 10px;
    opacity: 0;
    color: #fff;
    width: 240px;
    position: absolute;
    left: -115px;
    top: -75px;
    visibility: hidden;
    color: #2d5cde;
    border-radius: 5px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    box-shadow: 0 0 30px 0 rgba(0, 86, 106, 0.15);  } }

@media screen and (min-width: 48rem) and (min-width: 62rem) {
    .locations   .pin   .address {
      width: 288px;
      left: -134px; } }

@media screen and (min-width: 48rem) {
        .locations   .pin   .address:after {
          content: '';
          position: absolute;
          left: 120px;
    height: 35px;
    bottom: -35px;
          display: inline-block;
          border-left: 2px solid #213e92;; } }

@media screen and (min-width: 48rem) and (min-width: 62rem) {
      .locations   .pin   .address:after {
        left: 139px; } }

@media screen and (min-width: 48rem) {
    .locations   .pin:focus   .address, .locations   .pin:hover   .address {
      opacity: 1;
      visibility: visible;
      -webkit-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; } }

@media screen and (min-width: 48rem) {
    .locations   .pin-effect {
      top: 10px;
      left: 10px;
      width: 30px;
      height: 30px;
      opacity: 1;
      display: block;
      position: absolute;
      border-radius: 50%;
      background: rgba(2, 179, 228, 0.2);
	      background-image: linear-gradient(to right,rgba(0, 159, 206, 0.3) 0%,rgba(245, 138, 34, 0.3) 100%);
      -webkit-animation: pulsing-pin 2.4s infinite;
              animation: pulsing-pin 2.4s infinite; }
      .locations   .pin-effect.india-location {
        -webkit-animation-duration: 2800ms;
                animation-duration: 2800ms;
        -webkit-animation-delay: 0.15ms;
                animation-delay: 0.15ms; }
      .locations   .pin-effect.china-location {
        -webkit-animation-duration: 3000ms;
                animation-duration: 3000ms;
        -webkit-animation-delay: 0.20ms;
                animation-delay: 0.20ms; }
      .locations   .pin-effect.germany-location {
        -webkit-animation-duration: 2800ms;
                animation-duration: 2800ms;
        -webkit-animation-delay: 0.30ms;
                animation-delay: 0.30ms; } }

@media screen and (min-width: 30rem) {
  .card-container {
    width: 66%;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (min-width: 48rem) {
  .contain {
    padding-top: 6rem;
    padding-bottom: 6rem; }
  .cards-contain {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row; }
  .card-container {
    width: calc(50% - 0.7rem); }
  .locations   .h1 {
    margin-bottom: 4.5rem; } }

@media screen and (min-width: 62rem) {
  .cards-contain {
    margin-bottom: 1.5rem; }
  .card-container {
    width: calc(33% - 0.7rem); } }

@-webkit-keyframes pulsing-pin {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; } }

@keyframes pulsing-pin {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; } }
    
    
    .contact-info .single-contact-info:not(:last-child) {
    margin-bottom: 10px;
}
.contact-form .btn {
    padding: 10px 30px;
    background-image: linear-gradient(to right,#2bcfdb 0%,#024aae 100%) !important;
    color: #fff !important;
    border-radius: 50px;
    box-shadow: none !important;
    line-height: initial;
}
button:hover{
        background-position:0 !important;
}
/* Contact page */
.alert-form-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 0 10px;
}

.alert-form-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding: 0 10px;
}

.contact-form-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 0 10px;
    margin: 10px 0;
    border-radius: 5px;
}

.contact-form-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding: 0 10px;
    margin: 10px 0;
    border-radius: 5px;
}

.join-form-error {
    color: red;
    border-color: #f5c6cb;
    padding: 0 10px;
}

.join-form-success {
    color: green;
    border-color: #c3e6cb;
    padding: 0 10px;
}
.loc-add{
    display:none;
}
.mobile-vw {
    display:none;    
}
    .disply-blk-xs {
    display: none;    
    }
    .disply-non-xs {
    display:block;
    }
@media only screen and (max-width: 1036px) and (min-width: 1024px) {
.testimonial .testimonial-inner .testimonial-content {
     min-height: 210px;
}
.statics-bg .type14 .gse-content h5 {
    font-size: 14px;}
.gse-content {
    padding: 0 10px 0;
}
.lp-content {
    min-height: 320px;
}
.mst-demd {
 padding: 45px;
}
.loginbox, body#page-login-signup #page-content, body#page-login-change_password #page-content {
 margin-top: 14% !important;
}
.locations .marker.mountain-view-location {
    left: 150px;
    top: 105px;
}
.locations .marker.india-location {
    left: 734px;
    top: 180px;
}
.locations .marker.china-location {
    left: 863px;
    top: 233px;
}

}
@media only screen and (max-width: 959px) and (min-width: 768px) {
.main-menu {
    background-color: transparent;
}
.statics-bg .type14 .gse-content h5 {
    font-size: 14px;
}
.lp-content {
    min-height: 280px;
}
.locations .marker.mountain-view-location {
    left: 137px;
    top: 64px;
}
.locations .marker.china-location {
    left: 650px;
    top: 160px;
}
.locations .marker.india-location {
    left: 557px;
    top: 122px;
}
.loc-add{
    display:none;
}
}
@media (max-width: 991px){
.header .header-main.style--one .main-menu ul.nav > li > a {
    font-size: 18px;
    color: #3f3f3f;
}
.header .header-main.style--one {
    padding: 10px 0;
}
.gse-content {
    padding: 0 10px 0;
}
.text-color-bg, .owl-carousel button.owl-dot, #menu-button span, #menu-button span:before, #menu-button span:after {
    background-color: #ffffff;
}
.loginbox, body#page-login-signup #page-content, body#page-login-change_password #page-content {
    margin-top: 20% !important;
}
#page-my-index #page-content {
    margin-top: 18%;
}

}
/*Responsive Css*/
@media (max-width: 767px) {
    #course-item-content-header .form-button.lp-button-back {
    margin: 10px 0;
}
#course-item-content-header .lp-form.lp-button-back .button {
    font-size: 15px;
    padding: 5px 8px;
}
    .disply-blk-xs {
    display:block;
    }
    .disply-non-xs {
    display: none;    
    }
.loc-add{
    display:block;
}
.mobile-vw{
    display:block;    
}
.dsk-vm{
    display: none;    
}
.locations .map {
        display: none;
}
.widget .widget-logo{
    margin-bottom: 0 !important;
} 
.ftr-logo{
    margin-top:0 !important;
}
.type14 {
    border-right: 0;
}
.no-bottom-border {
    border-bottom: 2px solid #FFF;
}
.jws-page-title .title {
    font-size: 24px;
}
.gpu-dpl{
    border-bottom: 2px dotted #1286c0;
    border-right: 0;
}
.no-border {
    border: 0;
}
.quick-enq{
    margin-top: 20px;
}
.main-menu {
    background-color: transparent;
}
#menu-button span:after {
    background-color: #fff;
}
.course-name {
    font-size: 23px;
    line-height: 27px;
}
.course-detail {
    padding-top: 1.5rem;
}
.section-title h2 {
    font-size: 24px;
}
.what-learn-sec h2 {
    font-size: 24px;
    text-align: center;
    line-height: 27px;
}
.widget .widget-logo, .widget .widget-title {
    margin-bottom: 20px;
}
.footer-logo .widget_social_icon {
    margin-top: 20px;
}
.footer .links {
    margin: 0;
    margin-top: 20px;
    margin-right: -15px;
    margin-left: -15px;
}
.footer .links .widget .widget-title * {
    margin-top: 20px;
}
.footer .widget:last-child {
    margin-bottom: 0;
    text-align: left;
        margin-top: 10px;
}
.text-color-bg, .owl-carousel button.owl-dot, #menu-button span, #menu-button span:before, #menu-button span:after {
    background-color: #ffffff;
}
.mCSB_inside > .mCSB_container {
    margin-right: 15px;
}
#page-login-index header, #page-my-index header, #page-site-index header, #page-login-signup header, #page-login-change_password header {
    background-image: linear-gradient(to right,#009fce 0%,#f58a22 100%);
}
.loginbox, body#page-login-signup #page-content, body#page-login-change_password #page-content {
    margin-top: 21% !important;
}
#page-my-index #page-content {
    margin-top: 20%;
}
}
@media (max-width: 537px) {
body#page-login-index .loginpanel, body#page-login-index .signuppanel {
    width: 100%;
}
/* .loginbox, body#page-login-signup #page-content, body#page-login-change_password #page-content {
    margin-top: 41% !important;
} */
#page-my-index #page-content {
    margin-top: 35%;
}
}

img.userpicture{
    border-radius: 50%;
    border: 1px solid #f0f4fa;    
}
.social_icon_list li a .fa-youtube {
    color: #f00;
}
.ftr-tp {
    padding-top: 9px;
}
.ups {
    margin-bottom: 0;
}
.disclmr {
        color: #3f3f3f;
    font-size: 14px;
    font-weight: 600;
}
.dslr ul{
        font-size: 12px;
}
.payment-icons{
    text-align:center;
}
#learn-press-course-curriculum .section-content .active .main-topc-name{
    color: #2441e7;
}

.side_menu {
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

/* MENU CONTAINER ----- */
	.side_menu {
		background: #fff;
		height: 100vh;
		left: -250px;
		position: absolute;
		top: 0;
		width: 250px;
		    z-index: 9999999999999;
	}
	.side_menu .container {
		padding: 0 1em;
	}

/* HAMBURGER STYLES ----- */
	.burger_box {
		display: block;
		float: right;
		margin-right: -45px;
		    margin-top: 20px;
	}
	.burger_box a.menu-icon {
		display: inline-block;
		float: none;
		height: 25px;
		padding: 0px;
		opacity: 1;
		width: 25px;
		z-index: 100;
	}
	.burger_box a.menu-icon:hover,
	.burger_box a.menu-icon.opened {
		opacity: 1;
	}
	.burger_box a.menu-icon.opened {
		background: #ff0000;
	}
	.burger_box .menu-icon_box {
		display: inline-block;
		height: 25px;
		position: relative;
		text-align: left;
		width: 25px;
	}
	.burger_box .menu-icon_line {
		background:#f58a22;
		border-radius: 2px;
		display: inline-block;
		height: 3px;
		position: absolute;
		width: 100%;
	}
	.burger_box .menu-icon_line--1 {
		top: 2px;
	}
	.burger_box .menu-icon_line--2 {
		top: 10px;
	}
	.burger_box .menu-icon_line--3 {
		top: 18px;
	}
	.burger_box .menu-icon_line--1 {
		transition: top 200ms 250ms, transform 200ms;
		-webkit-transition: top 200ms 250ms, -webkit-transform 200ms;
	}
	.burger_box .menu-icon_line--2 {
		transition: opacity 0ms 300ms;
		-webkit-transition: opacity 0ms 300ms;
	}
	.burger_box .menu-icon_line--3 {
		transition: top 100ms 300ms, transform 200ms;
		-webkit-transition: top 100ms 300ms, -webkit-transform 200ms;
	}
	.burger_box .menu-icon.opened .menu-icon_box {
		transform: scale3d(0.9, 0.9, 0.9);
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
	}
	.burger_box .menu-icon.opened .menu-icon_line {
		top: 10px;
	}
	.burger_box .menu-icon.opened .menu-icon_line--1 {
		transform: rotate3d(0, 0, 1, 45deg);
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transition: top 100ms, transform 200ms 250ms;
		-webkit-transition: top 100ms, -webkit-transform 200ms 250ms;
	}
	.burger_box .menu-icon.opened .menu-icon_line--2 {
		opacity: 0;
		transition: opacity 200ms;
		-webkit-transition: opacity 200ms;
	}
	.burger_box .menu-icon.opened .menu-icon_line--3 {
		transform: rotate3d(0, 0, 1, -45deg);
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transition: top 200ms, transform 200ms 250ms;
		-webkit-transition: top 200ms, -webkit-transform 200ms 250ms;
	}

/* STAGGER LIST ----- */
	.list_load {
		display: none;
		list-style: none;
		padding: 0;
	}
	.list_item {
		margin-left: -20px;
		opacity: 0;
		-webkit-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}
	.list_item a {
		color: #fff;
		display: block;
		padding: 5px 10px;
		text-decoration: none;
	}
	.list_item a:hover {
		background: rgba(255,255,255,.2);
	}
	#page-mod-quiz-attempt #page-content {
        padding-top: 3rem;
        padding-bottom: 3rem;	
	}
	
/*Start 10-11-2021*/
.chart-box{
    background: #f6f6f6;
    padding: 10px;
    border-radius: 2px;
    margin-bottom: 15px;
}
.chart-box h4{
	font-weight: 500;
    font-size: 19px;
	margin-bottom: 15px;
}
.anal-list {
    padding: 0;
    margin: 10px;
    list-style-type: none;
    border: 1px solid #f58a22;
}
.anal-list li a{
    padding: 10px 15px;
    margin: 0;
    border-radius: 0 !important;
    border: 1px solid #f58a22;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: initial;
}
.anal-list li:last-child a{
        border-right: 0;
}
.anal-list li .nav-link.active{
    background-color: #f58a22;
}
.anal-list li>a:focus{
     background-color: #f58a22 !important;   
}
.anal-list li .nav-link.active:hover{
     background-color: #fff !important;  
    color:#f58a22;
}
.time-sc-box {
    padding: 10px;
    background: #fff;
    text-align: center;
    border-radius: 2px;
}
.time-sc-box h6{
    font-weight: 400;
    font-size: 15px;
    color: #818181;
}
.over-al-t{
        padding: 6px 12px;
    border: 1px solid #f58a22;
    border-radius: 20px;
    font-size: 15px;
    line-height: normal;
    margin-right: 10px;
}
.tp-option{
    display: flex;
    margin-bottom: 20px;
}
.tp-option select{
    width:120px;
    margin-right: 10px;
 padding: 5px 12px;
    height: auto;
    border-radius: 20px;
    font-size: 15px;   
}
.video_time {
    font-size: 34px;
    color: #ff7005;
    font-weight: 600;
    line-height: normal;
    display: flex;
    justify-content: center;
    margin:5px 0;
}
.time_unit {
    font-size: 12px;
    color: #9e9e9e;
    font-weight: 500;
}

.chart-box .table-bordered {
    border: 1px solid #f58a22 !important;
    margin: 0;
}
.chart-box .table-bordered td, .chart-box .table-bordered th {
    border: 0;
}
.chart-box .table-bordered thead th {
    border-bottom-width: 1px;
    border-color:#f58a22;
        color: #f58a22;
    font-weight: 500;
    text-align: center;
    font-size: 14px;
}
.chart-box .table-bordered th {
    border-bottom: 1px solid #f58a22;
}
.chart-box .table-bordered tbody tr td{
    border-bottom: 1px solid #dee2e6;
}
.chart-box .table-bordered tbody tr:last-child{
    border-bottom: 0;
}
/*.chart-box .table-bordered tbody td:first-child{
    border-right: 1px solid #dee2e6;
}*/
.chart-box .table-bordered tbody td{
    border-right: 1px solid #dee2e6;
}
.chart-box .table-bordered tbody td:last-child{
    border-right: 0;
}
/*.chart-box .table-bordered thead th:first-child{
    border-right: 1px solid #f58a22;
}
*/
.chart-box .table-bordered thead th{
    border-right: 1px solid #f58a22;
}

.chart-box .table-bordered thead th:last-child{
    border-right: 0;
}
.behiv-h{
    min-height: 438px;
}
.chart-box canvas {
    -ms-touch-action: auto;
    max-width: 100%;
}
.top-ul {
    min-height:365px;
    max-height:365px;
    overflow:auto;
}

/*End 10-11-2021*/

/*Start 11-01-2022*/
#page-login-index #camera{
    position: absolute;
    top: 30%;
    align-items: center;
    vertical-align: middle;
    left: 20%;
}
#page-login-index #camera div{
    width: 100%;
    animation: MoveUpDown 5s linear infinite;
    border-radius: 25px;
    border: 1px solid #03a9f4;
    margin: 0 auto;
    top: 30px;
}
@keyframes MoveUpDown {
  0%, 100% {
    transform: translateY(30px);
  }
  50% {
    transform: translateY(150px);
  }
}
/*End 11-01-2022*/
	
@media (max-width: 480px) {
    #course-item-content-header .form-button.lp-button-back {
    margin: 17px 0;
}
}
@media (max-width: 360px) {
    #course-item-content-header .form-button.lp-button-back {
    margin: 10px 0;
}
#course-item-content-header {
    height: auto;
}
}
@media (max-width: 320px) {
    #course-item-content-header .lp-form.lp-button-back .button {
    font-size: 13px;
    padding: 8px 6px;
}
.widget-logo {
    padding: 4px 0;
}
}
#feedback_complete_form .form-submit{
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
    background-image: none !important;
    filter: none !important;
    color: #fff !important;
}

.social-reviews ul {
    margin: 0 !important;
}
.social-reviews li {
    list-style: none;
    float: left;
    padding: 0 5px;    
}
#myoverview_courses_view .myoverviewimg{
	display:none;
}
#myoverview_courses_view .progress-chart-container{
	display:none;
}
#myoverview_courses_view, #myoverview_courses_view_in_progress{
    opacity: 1;
}
#myoverview_courses_view .btn-group{
    display:none;
}
@media only screen and (max-width: 1024px){
#page-login-index #camera{
        left: 7%;
}
}
@media only screen and (max-width: 991px){
    #page-login-index #camera {
    position: absolute;
    top: 24%;
    align-items: center;
    vertical-align: middle;
    left: 0;
}
}
@media only screen and (max-width: 767px){
#learn-press-course-curriculum .section-content li, .pos-rel {
    margin: 5px 5px !important;
}
.main-top-hdr {
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
    width: 100%;
    font-size: 14px;
}
#page-login-index #camera {
    position: absolute;
    top: initial;
    align-items: center;
    vertical-align: middle;
    left: 0;
    margin: 0 auto;
    bottom: 0;
    z-index: 9999;
}
}


/*START RESPONSIVE 27-08-2021*/
@media(max-width: 991px){
  .course-detail {
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
}
.center-img {
    padding: 80px 100px;
}
.s-atch-4 {
    left: 0;
}
.s-atch-5 {
    right: 0;
}
.bg-white-student {
    margin: 20px 0px;
}
.student-fill form {
    padding: 45px 0px 5px;
    width: 100%;
}
.ani-txt {
    top: 139px;
    left: 153px;
}
.animation-text{
  font-size: 14px;  
}
.ai-img {
    top: 160px;
    width: 90px;
}
}
@media(max-width: 767px){
    .m-190px {
    min-height: 210px;
}
.center-img{
    width:100%;
    padding: 0;
}
.course-detail {
    padding-top: 3.5rem;
    padding-bottom: 4.5rem;
}
.frame{display: block;}
   .frame{text-align: center;
   }
   table{font-size:12px;}
   .font-tb{font-size:12px;}
   sub{font-size:8px;}
   p.cont-content {font-size:10px}
   h2{line-height:37px;}
   .form-fill {
   padding: 10px;
   }
   .f-text {
   border: 2px solid #E8E9E9;
   padding: 15px;
   width: 100%;
   margin: 10px 0;
   }
   .student-fill form{padding:45px 0 0 0; color:#808285; width:100% }
   .bg-white-student{background:#fff; margin:0px; box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;}
   
   .bg-white-student{
       margin:0px;
           padding: 0;
   }
   .ani-txt{
    top: 43px;
    left: 173px;
   }
   .animation-text{
       font-size: 15px;
   }
   .perspectives-visualization .tab-featured-image{
       margin-bottom: 30px;
   }
.bn-icon-1 {
    top: 0px;
    left: 10px;
}
.bn-icon-3 {
    top: 335px;
    right: 20px;
}
.center-img {
    padding-bottom: 15%;
    padding-top: 20%;
}
.bn-icon-1 {
    top: 40px;
    left: 20px;
}
.bn-icon-2 {
    top: -15px;
    right: 10px;
}
.bn-icon-4 {
    top: initial;
    left: 10px;
    bottom: -50px;
}
.bn-icon-3 {
    top: initial;
    right: 20px;
    bottom: 0;
}
.banner{
    background-size: 100% 100% !important;
}
.ai-img {
    top: 190px;
    left: -24px;
    width: 100px;
}
.footsteps-our-story img{
    margin-top: 30px;
}
.explore-our-ai img{
    margin-top: 30px;
}
.search_field .f-text{
    width: 80%;
}
#reg_captcha{
    width: 100%;    
    overflow: hidden;
}
.state-cimage {
    margin-top: 4rem;
    margin-bottom: 7rem;
    padding: 0 95px;
}
.s-atch-1 {
    left: 20px;
    top: -30px;
}
.s-atch-2 {
    top: -65px;
}
.s-atch-3 {
    right: 20px;
    top: -20px;
 }
 .s-atch-4 {
    top: 110px;
    left: 7px;
}
.s-atch-4 a img {
    width: 70px;
}
.s-atch-5 {
    top: 80px;
    right: 10px;
}
.s-atch-5 a img {
    width: 33px;
}
.s-atch-6 {
    left: 20px;
    bottom: 10px;
}
.s-atch-7 {
    bottom: -40px
}
.s-atch-7 a img {
    width: 60px;
}
.s-atch-8 a img {
    width: 90px;
}
.s-atch-8 {
    right: 5px;
    bottom: 30px;
}
.desktop-vew{
    display:none;
}
.mobile-vew{
    display:block;
}
#div4, #div5, #div6{
    box-shadow: -1.2px 0px 10px 0 #ebebeb;
    border-radius: 3px;
    padding: 10px;
    background: #fff;
    margin-bottom: 30px;
}
 #div6{
  margin-bottom: 0px;   
}

#div4, #div5, #div6{
    box-shadow: -1.2px 0px 10px 0 #ebebeb;
    border-radius: 3px;
    padding: 10px;
    background: #fff;
    margin-bottom: 30px;
}
#div6{
  margin-bottom: 0px;   
}
#div7, #div8, #div9, #div10{
    box-shadow: -1.2px 0px 10px 0 #ebebeb;
    border-radius: 3px;
    padding: 10px;
    background: #fff;
    margin-bottom: 30px;
}
#div10{
  margin-bottom: 0px;   
}

}
@media (max-width: 480px){
.ani-txt {
    left: 200px;
}
.state-of-architecture .state-cimage:before, .state-of-architecture .state-cimage:after {
    width: 240px;
    height: 240px;
    top: 11%;
}
}
@media (max-width: 380px){
.state-of-architecture .state-cimage:before, .state-of-architecture .state-cimage:after {
    top: 6%;
}
}
@media (max-width: 360px){
.ani-txt {
    left: 173px;
}
.state-of-architecture .state-cimage:before, .state-of-architecture .state-cimage:after{
    width: 230px;
    height: 230px;
    top: 5%;
}    
}
/*END RESPONSIVE 27-08-2021*/
.header .header-main.style--one .main-menu{
	min-height: 100px;
}
.header .header-main.style--one .main-menu .nav {
    margin-right: 0;
}
.header {
    font-family: 'Barlow', sans-serif;
}
.notifi-badg{
	color: #fff;
    font-size: 12px;
    position: absolute;
    left: 14px;
    right: 0;
    top: -3px;
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    border-radius: 100%;
    background: red;
}
.logut-bn{
	list-style-type: none;
    margin-bottom: 0;
    margin-left: 17px;
}
.logut-bn li a img{
	padding-bottom: 0;
}
h1, h2, h3, h4, h5, h6, .rubik, blockquote, .btn, .vdo-btn, .btn-inline, .page-title li, .single-blog-item .blog-content .posted-on, .single-blog-item .blog-content .category, .single-blog-style--two .posted-on, .single-blog-style--two .blog-content .category, #countdown li .single-countdown, #countdown li.seperator, .about-nav-tab .nav-tabs .nav-link, .single-counter p, .testimonial-slider .single-testimonial-slide .testimonial-content p, .project-nav li, .single-project-item .project-body .project-meta, .project-details .project-meta li{
	font-family: 'Barlow', sans-serif;
}
h1, h2, h3, h4, h5, h6{
	    font-weight: 500;
}
.ref-rn .input-group  input{
	    font-family: 'Barlow', sans-serif;
    border: 0 !important;
    padding: 9px 14px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.ref-rn .input-group .input-group-append button {
	    text-align: right;
    color: #f58220 !important;
    background: #fff !important;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.ref-rn {
	    margin-top: 1.3rem;
}
.cop-grop{
	    font-family: 'Barlow', sans-serif;
    color: rgba(94, 94, 94, 0.8);
    font-size: 15px;
    font-weight: 400;
	display: block;
}
#GroupDiscount .modal-header{
	    background-image: linear-gradient(to right,#f58a22 0%,#009fce 100%) !important;
    border-radius: 0;
}
#GroupDiscount .submit {
    background: #f58220 !important;
    padding: 8px 23px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    cursor: pointer;
    border-radius: 5px;
    text-shadow: none;
    outline: 0 !important;
    color: #fff !IMPORTANT;
    -webkit-transition: .3s ease-in-out .2s;
    -o-transition: .3s ease-in-out .2s;
    transition: .3s ease-in-out .2s;
    margin: 0;
    line-height: 25px;
    text-shadow: none;
}
#GroupDiscount {
	font-family: 'Barlow', sans-serif;
}
#GroupDiscount label {
    font-weight: 400;
    font-size: 15px;
}
#GroupDiscount  .modal-header h4 {
    color: #fff;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
}
#GroupDiscount  .modal-header .close {
    padding: 0;
    box-shadow: none;
    margin: 0; 
    font-weight: 500;
    line-height: 14px;
    font-size: 34px;
}
#GroupDiscount .modal-dialog{
	    max-width: 400px;
}
.notify-drop {
    font-family: 'Barlow', sans-serif !important;
}
.notify-drop.dropdown-menu {
    top: 140% !important; 
    min-width: 24rem;
    border-radius: 0;
    border: 0;
    padding: 10px !important; 
	z-index: 999 !important;
}
.notfy-scrol{
	    max-height: 200px;
    overflow: auto;
    width: 100%;
}
.notify-drop h6 {
    color: #0080a8;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
    margin-left: auto;
    font-family: 'Barlow', sans-serif !important;
    display: inline-block;
}
.totl-not {
    float: right;
}
.totl-not h6 {
    width: 30px;
    height: 30px;
    background: #d1d3d4;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    font-family: 'Barlow', sans-serif !important;
    font-weight: 500;
    color: #fff;
}
.notify-drop li {
font-weight: 400;
    font-family: 'Barlow', sans-serif;
    font-size: 14px !important;
    border-bottom: 1px solid #CCC;
    padding: 7px 0;
    line-height: 22px !important;
}
.notify-drop li span {
    display: block;
    padding-top: 3px;
    color: #bdbdbe;
}

.show {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.hlp{
	    position: fixed;
    bottom: 30px;
    width: 60px;
    height: 60px;
    background: #f58220;
    text-align: center;
    line-height: 60px;
    color: #fff !important;
    font-size: 20px;
    font-family: 'Barlow', sans-serif;
    border-radius: 50%;
    left: 10px;
    box-shadow: 0 10px 27px 0 rgb(154 161 171 / 18%);
}
.introjs-helperLayer{
	background-color: rgb(255 255 255 / 27%);
}
.introjs-helperNumberLayer{
	display:none !important;
}
.state-of-architecture a{
	cursor: initial;
}
.got-btn{
	text-align:center
}
.only-mob-noti{
	display:none
}

@media only screen and (max-width: 991px){
.header .header-main.style--one .main-menu ul.nav{
	background: linear-gradient(to right,#f58a22 33%,#009fce 100%) !important;
	top: calc(100% + 0px);
}
.header .header-main.style--one .main-menu ul.nav > li > a {
    font-size: 18px;
    color: #fff !important;
    text-align: left;
    padding: 10px 15px;
}
.header .header-main.style--one .main-menu ul.nav > li.after-lgin-li a img {
	margin: initial;
	display: inline-block;
    /* margin-right: 10px; */
	    max-width: 100%;
    height: auto; 
}
.header .header-main.style--one {
    padding: 10px 0;
}
.list-botm ul li {
    display: block;
    margin-right: 0;
    margin-top: 10px;
}
.list-botm .dte {
    margin-left: 15px;
}
.p_info_item_inner{
	    margin-top: 13px;
}
.got-btn{
	text-align: left;
	    margin-top: 10px;
}
.pro-complte{
	margin-top: 10px;
}
.myd-banner-sec-new .bnr-top {
    margin: 2rem 0 1rem;
}
.myd-banner-sec-new .bnr-top h4 {
    font-size: 15px;
}
.myd-banner-sec-new .bnr-top {
    margin: 3rem 0 0.5rem;
}
.ref-rn {
    margin-top: 0.5rem;
}
.myd-banner-sec-new .bnr-top h4 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 5px;
}
.myd-banner-sec-new .bnr-top h3 {
    line-height: 35px;
}
.myd-banner-sec-new .bnr-bot p {
    margin-bottom: 0;
}
.rimg-1 .rmg-top-text p {
    font-size: 11px;
}
.rimg-1 .rmg-top-text ul{
    font-size: 10px;
}
.sess-onh { 
    margin-bottom: 0; 
    font-size: 15px;
	line-height: 18px;
}
.rimg-2 .rmg-top-text ul{
	margin-top: 5px;
}
.sess-on { 
    margin-bottom: 0;
}
.rimg-2 .rmg-top-text ul li {
    margin-bottom: 7px;
}
}

@media only screen and (max-width: 767px){
.my-course-header h1{
    margin-bottom: 10px;
}
#page-my-index .banner{
	    padding-top: 0;
}
#page-my-index .course-detail {
    padding-top: 0.5rem;
}
.gif-im-mob{
    margin-bottom: 15px;
}
.bnr-img-ct img{
	    width: 64%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.header {
    min-height: 75px;
}
.header .header-main.style--one .main-menu {
    min-height: initial;
}
.myd-banner-sec-new .myd-bn-txt{
	    background: #34b8fe;
    padding: 10px;
    position: relative;
}
.myd-banner-sec-new .bnr-top h3{
	line-height: 34px;
}
.ref-rn {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}
.myd-banner-sec-new .bnr-top {
    margin: 0.2rem 0 0.2rem;
}
.modules-item .data h4{
	margin-top: 13px;
    line-height: 25px;
}
.modules-item .data ul li{
	    margin-bottom: 10px;
}
.instructors-item .data-ins{
	margin-top: 30px;
    text-align: center;
}
.course-demo{
    margin-top: 0;
}
.dslr{
	    padding-right: 15px;
    padding-left: 15px;
}
.notify-drop.dropdown-menu {
    min-width: 21rem;
    left: 29px !Important;
}
.filt-sec label{
    margin-bottom: 10px;
	text-align: left;
}
.text-right .add-qust{
	margin-top: 15px;
}
.list-botm {
    margin-bottom: 10px;
}
.list-botm ul li {
    display: block;
    margin-right: 0;
    margin-top: 10px;
}
.list-botm .dte {
    margin-left: 16px;
}
.pager div{
margin: 0;	
}
.pager .pageNumbers a { 
    padding: 0 7px; 
}
.pager{
	margin: 20px 10px;
}
.p_info_item_inner{
	margin-top: 13px;
}
.rimg-1 .rmg-top-text p {
    font-size: 14px;
}
.rimg-1 .rmg-top-text ul {
    font-size: 13px;
}
.sess-onh {
    margin-bottom: 10px;
    font-size: 18px;
	line-height: 23px;
}
.sess-on {
    margin-bottom: 1rem;
}
.rimg-2 .rmg-top-text ul li {
    margin-bottom: 10px;
}
.rimg-2 .rmg-top-text ul {
    margin-top: 10px;
}
.only-mob-noti{
	display: inline-block;
}
.mobi-user-ico{
    display: inline-block;
    font-size: .875rem;
    width: 26px;
    height: 26px;	
    margin-right: 10px;
}
.mob-mne-img{
	    width: 26px;
    height: 26px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}
.nti-ico .submenu-button{
	display:none !important;
}
.notifi-badg {
    left: 27px;
    right: 0;
    top: 5px;
}
.pplr-curs .owl-nav{
	display:none;
}
}
/* START 05-10-2023 */
.new-banner-sec{
	background: url(../../assets/img/home-banner.png)
}
/* END 05-10-2023 */

/*Start 30-01-2024*/
.ch-iconhdr{
        width: 45px;
    height: 45px;
    background: #fff;
    border-radius: 50%;
    padding: 0 6px;
    line-height: 41px;
}
.chatbot-message {
    margin-bottom: 0.15714rem;
    position: relative;
    background: #f6f6f6;
    display: flex;
    align-items: start;
    padding: 0.371429rem 0.857143rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    max-width: 90%;
    padding-left: 4px;
}
.bot-message {
    display: block;
    margin-left: 2rem;
}
.response-content {
    color: #58595b;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 100%;
    overflow-wrap: break-word!important;
}
.bot-full-page .response-content, .bot-full-page .user-stmgs {
    max-width: 100%;
}
.bot-avatar {
position: absolute;
    transition: top .3s ease-in-out;
    vertical-align: middle;
    width: 28px;
    height: 28px;
}
.ch-avatar{
    box-shadow: rgb(67 71 85 / 27%) 0px 0px 0.25em, rgb(90 125 188 / 5%) 0px 0.25em 1em;
    width: 27px;
    height: 27px;
    text-align: center;
    border-radius: 50%;
    line-height: 23px;
    padding: 0 4px;
    background: #fff;
}
.user-msg {
    background-color: #373738;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    max-width: 90%;
    overflow-wrap: break-word!important;
    padding: 0.371429rem 0.857143rem;
    margin-left: auto;
}
.user-msg .card-main.user {
    margin-top: 0 !important;
}
.user-msg .bot-content{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 100%;
    overflow-wrap: break-word!important;
}
.bot-msg .bot-content{
	display: block;
    margin-left: 2em;
}
.chat-body .msg-row{
    margin-bottom:3px;
}
/*.msg-row.chat-msg .bot-msg .bot-content{
    margin-left: 2.33em;
}*/
.msg-row .bot-msg {
    margin-bottom: 0.15714rem;
    position: relative;
    background: #f6f6f6;
    display: flex;
    align-items: start;
    padding: 0.371429rem 0.857143rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    max-width: 90%;
    padding-left: 4px;
}
.bot-msg .bot-ms{
    color: #58595b;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 100%;
    overflow-wrap: break-word!important;
}
.voice-sec {
    padding-right: 0 !important;
}
.voice-sec a {
    background: #cccccc;
    border: 0 !important;
    color: #fff;
    line-height: 34px !important;
    font-size: 21px;
}
.sdne-icon{
	color: #cccccc !important;
    line-height: 33px;
    font-size: 20px;
    cursor: pointer;
}
.emojs-ic{
    color: #cccccc !important;
    line-height: 33px;
    font-size: 20px;
    cursor: pointer;
    margin: 0 7px;
}
.attach{
    color: #cccccc !important;
    line-height: 33px;
    font-size: 20px;
    cursor: pointer;
    margin: 0 7px;
}
.chat_footer #userquery{
        padding-right: 0 !important;
    width: 100%;
}
.atch-icon{ 
  cursor: pointer; 
  color: #cccccc !important;
    line-height: 33px;
    font-size: 20px;
    cursor: pointer; 
        margin-bottom: 0;
}

.bot-menu {
    display:flex; 
}
.bot-menu .navbar-nav{
    list-style-type: none;
    color: #fff; 
    margin: 0;
    padding-left: 0;
    margin-right: 9px;
}
.mnbt{
        padding: 5px 10px;
    display: block;
    color: #fff !important;
    font-size: 18px;
}
.bot-menu .navbar-nav .dropdown-menu-left .dropdown-item{
    font-size: 14px;
    color: #58595b;
    background-color: #f8f9fa;
        padding: 0.25rem 1rem;
}
.bot-menu .navbar-nav .dropdown-menu-left .dropdown-item i{
 font-size:14px;
 color:#ccc;
 margin-right: 4px;
}
.bot-menu .dropdown-menu { 
    transform: translate3d(-134px, 0px, 0px) !important;
}
.chat-body{
    display: block; height: 70%; min-height: 54%;max-height: 400px;
} 
.content-section{
    background: #f8f9fa;
    padding: 10px;
    border-radius: 5px;
}
.content-section .row{
    align-items:center;
}

.answared{
    border-color: #387707 !important;
    background: #387707 !important;
    color: #fff;
}
.skiped{
    border-color: #ed1c24 !important;
    background: #ed1c24 !important;
    color: #fff;
}
.currentans{
    border-color: #ff962b !important;
    background: #ff962b !important;
    color: #fff;
}
/*End 30-01-2024*/

body#page-login-index img.iconhelp {
    background-image: none !important;
    width: 20px !important;
}

.back-to-top{
    bottom: 12%;
    right: 30px;
}
.back-to-top .top-arrow{
	left: 14.1px;
    top: 13px;
}