ul, ol, p, form, input, textarea, select, pre, em, sub, sup, canvas, section, article, aside, img, a, li, iframe, table, nav, header, footer, body, menu, button { margin: 0; padding: 0; vertical-align: middle; box-sizing: border-box; -webkit-box-sizing: border-box; list-style: none; text-decoration: none; outline: none; border: 0; border-spacing: 0; border-collapse: collapse; font-family: 'Nunito', sans-serif;}

*, after, before { box-sizing: border-box; -webkit-box-sizing: border-box;font-family:'Nunito', sans-serif;}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family:'Josefin Sans', sans-serif;}

a { text-decoration: none !important; color: #000; display: inline-block;font-family: 'Nunito', sans-serif; }
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
a:hover {
  color: #17335f;
}

label {
  font-weight: normal !important;
}
html {
  scroll-behavior: smooth;
}
b,
strong {
 font-family: 'Nunito', sans-serif;
  font-weight: 700;
}

u {
  text-decoration: underline;
}

i,
em {
  font-style: italic;
}

img {
  max-width: 100%;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
textarea {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input:focus, input:active, input:hover, textarea:hover, textarea:active, textarea:focus{outline:none; border:0; box-shadow:unset !important}

input[type="button"],
input[type="submit"],
input[type="reset"] {
  cursor: pointer;
}

p {
  color: #000;
 font-family: 'Nunito', sans-serif;
}

a {
  transition: 0.2s ease-out;
  -webkit-transition: 0.2s ease-out;
}

button {
  outline: none !important;
}

html {
  overflow-x: hidden;
}
body { margin: 0; padding: 0;font-family: 'Nunito', sans-serif;background: #ffffff; font-size: 15px; color: #3e3e3e; width: 100%;    overflow-x: hidden;}

body.offcanvas-active{
	overflow:hidden;
}
 .course-desc-inner a.no-style {
    background: transparent !important;
    padding: 0px !important;
    border: 0px !important;
    color: #bf934c !important;
}
.display-flex {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    flex: 100%;
    align-items: center;
    justify-content: center;
}
.pricebox-head {
    background: #f6c36b;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.flex-col {
width: 33.33%;
    text-align: center;
    font-weight: 700;
    color: #222;
    font-size: 12px;
}
.price-fee h5 {
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #efe9e9;
    margin: 0 0 10px;
    padding-bottom: 5px;
}
.price-box-deatil {
    padding: 10px 30px;
}
.price-box-deatil ul li {
    position: relative;
    padding: 0 0 10px 20px;
}
.price-box-deatil ul li:before {
    position: absolute;
    content: '\F35A';
    font-family: 'Font Awesome 5 Free';
    top: 0px;
    LEFT: 0PX;
    FONT-SIZE: 13PX;
}
.price-fee {
    background: #f1bf6d;
    padding: 20px 15px;
    border-bottom-right-radius:15px;
     border-bottom-left-radius:15px;
}
.pricebox-head h3 {
    font-size: 17px;
    text-align: center;
    padding: 25px 20px 15px;
    margin: 0 0 20px;
    border-bottom: 1px solid #f7ba5e;
    text-transform: uppercase;
}
.price-box {
    display: block;
    justify-content: center;
    align-items: center;
    margin: 70px 0 0;
    border: 1px solid #f1f1f1;
    
    border-radius: 15px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 15%)
}
header.section-header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    z-index: 199;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 40%);
}
.sticky + .content {
  padding-top: 102px;
}
.offcanvas-header{ display:none; }
.footer-col img{width:180px;}
.screen-overlay {
  width:0%;
  height: 100%;
  z-index: 30;
  position: fixed;
  top: 0;
  left: 0;
  opacity:0;
  visibility:hidden;
  background-color: rgba(34, 34, 34, 0.6);
  transition:opacity .2s linear, visibility .1s, width 1s ease-in;
   }
  .navbar-expand-lg .navbar-nav .nav-link {
    color: #000;
    font-size: 15px;
	transition:0.8s all;
}
 .dropdown-menu.show li .dropdown-item
  {font-size:15px;}
  .navbar-expand-lg .navbar-nav .nav-link:hover{color:#000}
.navbar-expand-lg .navbar-nav li{padding-left:15px;}
.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #073b77;
}
ul.dropdown-menu.show li {
    padding: 9px 8px 9px 0;
    transition: 0.6s all;
	position:relative;
}
ul.dropdown-menu.show li:hover:before {
    opacity: 1;
    left: 0px;
}
ul.dropdown-menu.show .dropdown-item.active, ul.dropdown-menu.show .dropdown-item:active, ul.dropdown-menu.show li a.dropdown-item:hover, ul.dropdown-menu.show li a.dropdown-item:focus{
    background:transparent;
    color:#111;
}
ul.dropdown-menu.show li:hover {
    margin-left: 15px;
}
ul.dropdown-menu.show {
    width: 230px;
}
a.navbar-brand img {
    width: 180px;
}
ul.dropdown-menu.show li:before {
    position: absolute;
    left: 0px;
    top: 50%;
    font-size: 20px;
    color: #073b77;
    content: "";
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    width: 15px;
    height: 1px;
    background: #0c5adb;
}

#search-overlay{
  display:none;
}
#search-box {
  position: relative;
  width: 100%;
  margin: 0;
}

#search-form {
    height: 4em;
    /* border: 1px solid #999; */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: transparent;
    overflow: hidden;
    width: 50%;
    margin: auto;
    border-bottom: 1px solid #fff;
}

#search-text {
  font-size: 16px;
  color: #ddd;
  border-width: 0;
  background: transparent;
}

#search-box input[type="text"] {
    width: 100%;
    padding: 20px;
    color: #fff;
    outline: none;
    font-size: 14px;
    background: transparent !important;
    border-bottom: 1px solid #888;
}

#search-button {
  position: absolute;
  top: 0;
  right: 0;
  height: 4.7em;
  width: 100px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 42px;
  border-width: 0;
  background-color: #4d90fe;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
}
#search-overlay.block {
  position: fixed;
  top: 0;
  right: 0;
  bottom:0 ;
  left: 0;
  overflow: hidden;
  text-align: center;
  background: rgba(0, 0, 0, 0.9);
  margin: 0;
  z-index: 111;
}

#search-overlay.block:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: 0;
  /* Adjusts for spacing */
  /* For visualization 
  background: #808080; width: 5px;
  */
}
i#close-btn {
    text-align: top;
    top: -102%;
    right: -48%;
    width: 100%;
    position: absolute;
    z-index: 111;
    font-size: 28px;
	 cursor: pointer;
}
#search-overlay .centered {
  display: inline-block;
  vertical-align: middle;
  width: 85%;
  padding: 10px 15px;
  color: #FFF;
  border: none;
  background: transparent;
}
.banner-inner {
    position: relative;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
	padding:100px 0 0;
	background-attachment: fixed;
}
.banner-top-inner {
    background: #fff;
    position: relative;
    padding: 25px;
	margin: 0;
}
.banner-top-img {
   width:20%;
   float:left;
}
.banner-top-para {
    width: 70%;
	padding:35px 65px 0 35px;
}
.mysliderbanner img{width:100%;}
.mysliderbanner .swiper-button-next:after, .mysliderbanner .swiper-button-prev:after{font-size:15px !important; font-weight:bold; color:#fff;}
.swiper-button-next, .swiper-button-prev{width:40px !important; height:40px !important; border-radius:50%; background:#073b77;}
.banner-top-para h6{
    text-align: left;
    line-height: 29px;
    margin: 0px;
    padding: 0px;
	color:#000;
    font-weight: 600;
    font-size: 24px;
	text-transform:uppercase;
	font-family:'Poppins' sans-serif;
}
.banner-top-para p{
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: rgb(153, 153, 153);
    text-align: left;
   padding:10px 0;
}
.banner-top-para a {
    background: #073b77;
    display: block;
    width: fit-content;
    padding: 5px 15px;
    font-size: 15px;
    color: #fff;
    border-radius: 30px;
}
.mySwiper2{width:100%;}
.banner-para-content p{
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: rgb(153, 153, 153);
    text-align: left;
   padding:10px 0;
}
.banner-video img {
    width: 100%;
}
.banner-content h1{
    margin: 0px;
    padding: 0px;
    font-weight: 600;
    font-size: 48px;
	color:#fff;
}
.banner-content p{
    padding:15px 0px;
    font-size: 20px;
	color:#fff;
}
.banner-content h1 span{color:#073b77;}
.banner-inner:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.3;
	bottom:0;
}
.banner-top-content {
    position: relative;
    z-index: 1;
}
.banner-content a {
    background: #073b77;
    display: block;
    width: fit-content;
    padding: 8px 25px;
    font-size: 16px;
    color: #fff;
    border-radius:30px;
	margin:20px 0 0;
}
.banner-position{position:absolute;
top:50%;
left:0;
transform:translate(0,-50%);
}
.banner-content {
    position: relative;
    z-index: 1;
    width: 80%;
    height: 100%;
}
.banner-content {
    position: relative;
    z-index: 1;
}
.banner-slider .owl-nav {
    top: 50%;
    left: 45%;
    position: absolute;
}
.banner-slider .owl-nav button {
    display: block;
}
.banner-slider button.owl-prev i, .banner-slider button.owl-next i{
    display: block;
    color: transparent;
    position: relative;
}
.banner-slider button.owl-prev i:after {
    position: absolute;
	content:'';
	top:0;
	left:0;
	width:70px;
	height:70px;
	background:url(../images/slider-icon-1.png) no-repeat;
	background-size:45px;
}
.banner-slider button.owl-next i:after {
    position: absolute;
	content:'';
	top:40px;
	left:0;
	width:70px;
	height:70px;
	background:url(../images/slider-icon.png) no-repeat;
	background-size:45px;
}
.inner-slider {
    position: relative;
    list-style: none;
    width:100%;
    display: inline-block;
}
.vccat-thumb {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.inner-slider a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
	color: #f8f8f8;
}
.banner-bottom-slider{padding:25px; /*background:#ddd; */}
.banner-bottom-slider-section{padding:70px 0 0;}
.banner-bottom-slider .owl-nav button{
    top: 50%;
    position: absolute;
	transition:0.5s all;
}
.image-icon img {
    width: 60px;
}
.banner-bottom-slider .owl-nav button:hover{color:#073b77;}
.banner-bottom-slider .owl-nav .owl-prev{
	left:5px;
}
.banner-bottom-slider .owl-nav .owl-next{
	right:5px;
}
.netbase-content h4 {
    font-size: 15px;
    text-transform: uppercase;
    color: #111;
    font-weight: normal;
    /* font-family: 'Poppins'; */
    font-weight: 700;
    padding: 20px 0 15px 0;
}
.netbase-content p {
    font-size: 14px;
    color: #606060;
}
.slider-iocn-row {
    padding: 45px 0 0;
}
.popular-class-section{
	padding:70px 0;
}
.title-section h2 {
    font-size: 40px;
    color: #0c0c0c;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    position: relative;
    letter-spacing: -0.5px;
}
/*.title-section h2:after{
    position:absolute;
    content:'';
    width:5px;
    height:2px;
    background:#000;
    bottom:0;
    left:0;
    right:0;
}*/

.title-section .sub-heading {
    margin-bottom: 9px;
    margin-top: 25px;
    line-height: 26px;
    color: #1e1e1e;
    font-size: 18px;
}
.class-img-thumb a, .class-item-content a {
    display: block;
}
.class-img-thumb {
    position: relative;
    overflow: hidden;
}
.class-img-thumb:hover img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}
.class-img-thumb img {
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.class-item-content a {
    font-size: 14px;
    font-weight: 700;
    color: #111;
    margin: 15px 0 5px;
    transition: 0.5s all;
    text-align:center;
}
.class-item-content a:hover{color:#073b77}
.class-review i {
    color: #d6c72f;
}
.lst-author {
    float: left;
    margin-top: 15px;
	width:100%;
}
 .lst-author img {
    margin-right: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left;
	max-width: 100%;
    height: auto;
}
span.author-vcard a {
    color: #073b77;
    padding: 0;
    margin: 0;
}
.job_profile {
    font-size: 14px;
    color: #999;
}
.class-meta {
    width: 100%;
    padding-top: 0px;
}
.class-price {
    display: inline-block;
    float: left;
    line-height: 30px;
    text-align: left;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    width: 40%;
}
.class-price a {
    margin: 0;
    color: #073b77;
    font-size:14px;
}
.buy-now-btn a {
    width: fit-content;
    padding: 5px 14px;
    background: #073b77;
    border-radius: 30px;
    color: #fff;
    border: 1px solid #073b77;
    transition: 0.5s all;
    display: inline-block;
    text-align: left;
    font-size: 13px;
    margin: 0px 0 0;
}
.course-desc-inner a{
    width: fit-content;
    padding:12px 29px;
    background: #073b77;
    border-radius: 30px;
    color: #fff;
    border: 1px solid #073b77;
    transition: 0.5s all;
    display: inline-block;
    text-align: left;
    font-size: 16px;
    margin: 0px 0 0;
}
.course-desc-inner a:hover{background:#fff; color:#073b77} 
.buy-now-btn a:hover{background:#fff;}
.buy-now-btn {
    margin: 0;
    text-align: center !important;
}
.meta-info {
    display: inline-block;
    text-align: right;
    float: right;
}
.class-students {
    color: #999;
    line-height: 30px;
    display: inline-block;
}
.class-item-row {
    padding-top: 35px;
}
.register-box-pos {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
}
.why-us-section{background:url(../images/bg-2.jpg) no-repeat ;
background-size:cover; background-position:center; padding:60px 0 0; margin:70px 0 0;}
.color-white{color:#fff !important}
.why-us-bg{background:url(../images/girl-3.png) no-repeat;
background-position: 0 0 !important;
background-position-x: center !important;
padding-top:90px;
}
.why-box.why-box-b {
    margin-bottom: 170px;
}
.why-icon{
    display: inline-block;
    float: left;
    margin-right: 20px;
    position: relative;
	width: 75px;
    height: 75px;
    font-size: 31px;
    color: #111111;
	background: #f8f8f8;
    border: 5px solid #073b77;
	border-radius: 50%;
	transition:0.4s all;
	text-align:center;
	line-height:55px;
}
.why-us-section .title-section img {
    filter: brightness(0) invert(1);
}
.why-icon:hover {
    background: #073b77;
    color: #fff;
}
.why-icon img {
    width: 35px;
    transition:0.5s all;
}
.about-what-are p b {
    color: #073b77;
}
.why-icon:hover img{
    filter: brightness(0) invert(1);
}
.why-content{
width: calc(100% - 75px);
    width: -webkit-calc(100% - 75px);
    width: -moz-calc(100% - 75px);
}
.why-box {
    display: flex;
	margin-bottom:106px;
}
.why-content h4 {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 9px;
}
.why-content p{
    font-size: 14px;
    color: #fff;
    padding-bottom: 9px;
}
.procss-box-inner {
    padding: 70px 0 0;
}
.process-section{
/*	background:url(../images/bg-1.jpg) no-repeat;
background-size:cover; background-position:center; padding:60px 0;*/
width:100%; height:100%;
}
.process-section-img img {
    width: 100%;
}
.process-custom-col{width:33.33%; float:left;}
.process-custom-col:first-child>.inner-box-process {
    background: url(../images/step-top.png) no-repeat -5px 141px;
}
.process-custom-col:nth-child(2) .inner-box-process {
    background: url(../images/step-line-two.png) no-repeat -48px 44px;
}
.process-custom-col:nth-child(3) .inner-box-process {
    background: url(../images/step-top-three.png) no-repeat -68px 141px;
}
.process-custom-col:nth-child(4) .inner-box-process {
    background: url(../images/step-bottom.png) no-repeat -48px 44px;
}
.process-custom-col:nth-child(even) {
    margin-top: 212px;
}
.process-content.even-process{margin-bottom:0; margin-top:95px;}
.process-icon1{
    display: inline-block;
    position: relative;
	width: 95px;
    height: 95px;
    font-size: 31px;
    color: #111111;
	background: #f8f8f8;
    border: 7px solid #073b77;
	border-radius: 50%;
	transition:0.4s all;
	text-align:center;
	line-height:88px;
}
.home-step-box {
    min-height: 130px;
}
.home-step-box h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
	padding-bottom:10px;
}
.process-content {
    margin-bottom: 88px;
}
.process-icon-img {
    margin: auto;
    text-align: center;
}
.home-step-box p {
    color: #fff;
}
.process-icon1:hover {
    background: #073b77;
    color: #fff;
}
.register-section{
	background:url(../images/register-bg.jpg) no-repeat;
background-size:cover; background-position:center; padding:60px 0; margin:0 0 70px;
position:relative;
}
.register-section .row{z-index:111; position:relative;}
.register-section:after {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
	opacity:0.8;
    background-color: #4d3699;
    background-image: -webkit-linear-gradient(
70deg, rgba(0, 55, 87, 0.55) 0%, rgba(0, 55, 87, 0.55) 40%, rgba(79, 0, 88, 0.55) 100%);
    background-image: linear-gradient(
20deg, rgba(0, 55, 87, 0.55) 0%, rgba(0, 55, 87, 0.55) 40%, rgba(79, 0, 88, 0.55) 100%);
}
.register-box p {
    color: #f8f8f8;
    font-size: 20px;
    font-weight: 700;
	text-transform: uppercase;
	padding-bottom:10px;
}
span.color-green {
    color: #00a5ff;
}
.register-box h2 {
    color: #f8f8f8;
    font-size: 50px;
    font-weight: 700;
    line-height: 41px;
		text-transform: uppercase;
}
.education-time-countdown>div {
    display: inline-block;
    border: 2px solid #f8f8f8;
    color: #f8f8f8;
    font-weight: 600;
    text-align: center;
    padding: 14px 10px;
    margin-left: 15px;
    margin-right: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 13px;
    text-transform: uppercase;
}
.register-box {
    margin-bottom: 50px;
}
.education-time-countdown>div>span {
    font-size: 40px;
    padding: 3px 9px;
    display: block;
    min-width: 84px;
    font-weight: 700;
    line-height: 1.27;
}
.register-title .contact-title {
    padding: 16px 25px 35px;
    line-height: 30px;
    overflow: hidden;
    margin: 0 0 41px;
    position: relative;
    background: #073b77;
    text-align: center;
    color: #f8f8f8;
    font-size: 22px;
    font-weight: 700;
}
.register-title .contact-title:after, .register-title .contact-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 50%;
    z-index: 100;
    border-bottom: 160px solid #fff;
    -moz-transform: rotate(.000001deg);
    -webkit-transform: rotate(.000001deg);
    -o-transform: rotate(.000001deg);
    -ms-transform: rotate(.000001deg);
    transform: rotate(.000001deg);
}
.register-form-box {
    background: #fff;
	padding-bottom:35px;
}
.register-title .contact-title:before {
    right: 50%;
    border-right: 1000px solid transparent;
    border-left: 1000px solid;
}
.register-title .contact-title:after {
    left: 50%;
    border-left: 1000px solid transparent;
    border-right: 1000px solid;
}
.form-control {
    border: 0;
    background: transparent;
	margin-bottom:0px;
	height:unset;
}
.register-form-inner .form-control input[type="text"]{
background: #eee; 
    color: #999;
    border-color: #cbcbcb;
    padding: 10px 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
    width:100%;
	}
.form-submit input[type="submit"] {
    background: #073b77;
    display: block;
    width: fit-content;
    padding: 8px 25px;
    font-size: 16px;
    color: #fff;
    border-radius:30px;
	margin:20px auto 0;
	position:relative;
	transition:0.5s all;
	border:1px solid #073b77;
}
.form-submit input[type="submit"]:hover{
    background:transparent;
    color:#073b77;
}
.form-submit{position:relative;}
.client-section{padding:70px 0;}
.client-auther{
	display:inline-block;
	width:100%;
}
.client-avatar {
    display: inline-block;
    float: left;
	width:70px;
	height:70px;
	overflow:hidden;
	border-radius: 50%;
	margin-right:20px;
}
.client-auther .name {
    display: inline-block;
    color: #333;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 16px;
	margin-top: 15px;
}
.client-content {
    clear: both;
    background: #f8f8f8;
    color: #666;
    padding: 25px 15px;
    position: relative;
    margin-top: 21px;
}
.client-content:before {
    content: "";
    position: absolute;
    top: -23px;
    left: 19px;
    border: 12px solid transparent;
    border-bottom-color: #f8f8f8;
    display: block;
    width: 0;
}
.client-slider button.owl-dot {
    background: #ccc;
    width: 10px;
    height: 10px;
    border-radius: 50%;
	margin-right:5px;
}
.client-slider .owl-dots {
    margin: 30px auto 0;
    text-align: center;
}
.client-slider{padding:50px 0 0}
.client-slider button.owl-dot.active {
    width: 20px;
    height: 20px;
    position: relative;
    background: transparent;
    border: 2px solid #073b77;
}
.client-slider button.owl-dot.active:after{
	position:absolute;
	content:'';
	top:50%;
	left:50%;
	width:10px;
	height:10px;
	background:#073b77;
	transform:translate(-50%,-50%);
    border-radius: 50%;
}
.client-auther .job {
    color: #999;
}

.subscribe-home{
	background: url(../images/bg-letter.png) bottom center no-repeat;
    max-width: 753px;
    margin: auto;
    text-align: center;
    padding: 75px 15px 70px;
}
.subscribe-des {
    max-width: 490px;
    margin: 20px auto 40px;
    color: #073b77;
    font-size: 26px;
    font-weight: 800;
    text-transform: capitalize;
}
.footer-col {
    margin: 0 auto;
    float: right;
}
.subscribe-home .newsletter-form input[type=email] {
    background: #f9f9f9;
    border: none;
    /* height: 32px; */
    border: 1px solid #ccc;
    border-radius: 24px;
    padding: 10px 5px 10px 20px;
    width: 64%;
	position:relative;
}
.icon-input-submit {
    position: absolute;
    top: 5px;
    right: 19%;
    z-index: 111;
    background: #073b77;
    border-radius: 30px;
    padding: 5px 15px;
    color: #fff;
    border:1px solid #073b77;
    transition:0.5s all;
}
.icon-input-submit:hover{
    background:transparent;
    color:#073b77;
}
.icon-input-submit:hover input{
    color:#073b77;
}
.icon-input-submit input{background:transparent; color:#fff; padding-left:5px;}
.input-news {
    position: relative;
}
.footer-section{background:#000;
background-position:center; background-size:cover; padding:70px 0;}
.footer-col p {
    font-size: 15px;
    color: #e1e1e1;
    padding: 20px 0;
    width: 85%;
    line-height: 1.8;
}
ul.footer-info li, ul.footer-info li a{transition:0.3s all;color:#e1e1e1; font-size:15px; padding-bottom:15px;  width:fit-content; cursor:pointer;}
ul.footer-info li:hover, ul.footer-info li a:hover{color:#c5e0ff;}
ul.footer-info li i{padding-right:15px;}
 .social-link-footer a{
    list-style: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #eee;
    border-radius: 50%;
    line-height: 31px;
    margin-right: 8px;
    transition: all .3s;
}
ul.footer-link li a {
    font-size: 15px;
    color: #e1e1e1;
    font-weight: 500;
    margin-bottom: 14px;
	transition:0.3s all;
}
.footer-img img {
    width: 100%;
}
ul.footer-link li a {
    display: block;
    width: fit-content;
}
.footer-para p {
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
}
.custom-footer.row .col-4 {
    padding: 0;
}
.custom-footer.row {
    padding-bottom: 15px;
    border-bottom: 1px solid #999;
	margin-bottom:15px;
}
ul.footer-link li:last-child .custom-footer.row{border-bottom:0;}
ul.footer-link li a:hover{color:#c5e0ff}
.footer-col h3{
    font-size: 20px;
    color: #f8f8f8;
    text-transform: uppercase;
    margin-bottom: 25px;
    font-weight: 700;
	margin-top:15px;
}
ul.footer-img-list li {
    display: inline-block;
    width: 32%;
    margin-bottom: 5px;
}
ul.footer-img-list li a{display:block;}
ul.footer-img-list li a img{width:100%;}
 .social-link-footer a:hover{background:#073b77; color:#fff;}
 .copyright-section {
    background-color: #222;
	padding:15px 0;
}
 .copyright-section p{color: #fff; font-size:12px; text-align:center}
#button {
    display: inline-block;
    background-color: #073b77;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    line-height: 50px;
    font-size: 25px;
    color: #fff;
    border-radius: 50%;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}


/* about us page css */
.inner-banner-section {
    background: url(../images/inner-bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    padding: 146px 0;
}
.blog-icon-to i.fa.fa-user {
    color: white;
    font-size: 25px;
    padding-right: 10px;
}
.blog-icon-to span {
    color: white;
    font-size: 20px;
    font-weight: 400;
}
.blog-icon-to i.fa.fa-clock-o {
    font-size: 25px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
}
.inner-title h1 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 1.25;
    color: #f8f8f8;
    width: 100%;
    font-size: 47px;
}
.breadcrumbs li {
    list-style: none;
    display: inline-block;
    padding-right: 10px;
}
.breadcrumbs li a, .breadcrumbs li.separator,.breadcrumbs li.item.current{color: #f8f8f8;}
.what-about-section{padding:70px 0;}
.title-section h2 span{color:#073b77;text-transform:uppercase; font-family: 'Josefin Sans', sans-serif;}
.about-what-are h3 {
    color: #333;
	font-size:18px;
	text-transform:uppercase;
}
.copyright-section p a {
    color: #ddd;
    /* padding: 0 5px; */
    font-weight: 700;
}
ul.footer-info li {
    display:flex;
}
ul.footer-info li i {
    padding-top: 5px;
}
.about-count-img img {
    width: 50px;
}
.about-count-img {
    width:100px;
    height: 100px;
    margin: auto;
    box-shadow: 0 0 15px 0 rgb(7 59 119 / 20%);
    line-height: 100px;
    border-radius: 50%;
}
.about-what-are p {
    margin-bottom: 0;
    line-height: 23px;
	font-size:14px;
	padding:15px 0;
}
.about-what-are ul li{
	position:relative;
	padding-left:35px;
	font-size:14px;
	padding-bottom:10px;
}
.about-what-are ul{padding-bottom:20px;}
.about-what-are ul li:after{
	position:absolute;
	top:0;
	left:0;
	content:'';
	background:url(../images/check.png) no-repeat;
	width:25px;
	height:25px;
	background-size: 17px;
}
.secondary_btn {
    background: #073b77;
    display: block;
    width: fit-content;
    padding: 8px 25px;
    font-size: 16px;
    color: #fff;
    border-radius: 30px;
	transition:0.5s all;
	border:1px solid #073b77;
}
.secondary_btn:hover{
	background:transparent;
	color:#073b77;
}
.counter { background-color: transparent; text-align:center; padding: 20px 0; border-radius: 5px;}
.count-title {
    font-size: 40px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    color: #111;
    position: relative;
}
/*.count-text:before {
    content: '';
    width: 70px;
    height: 1px;
    background: #073b77;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0%);
}*/
.count-text {
    font-size: 18px;
    font-weight: 600;
    padding-top: 0px;
    color: #999;
    position: relative;
}
.about-bg{background:url(../images/about-us-bg.jpg) no-repeat; background-position:center; background-size:cover; padding:90px 0;}
.about-bg h2 {
    font-size: 40px;
    position: relative;
    text-transform: uppercase;
    line-height: 50px;
    color: #f8f8f8;
    text-align: center;
    font-weight: 600;
}
.about-bg h2:before {
    content: '';
    position: absolute;
    width: 230px;
    height: 1px;
    background: #073b77;
    bottom: -19px;
    left: 50%;
    transform: translate(-50%,0%);
}
.about-bg h2:after {
    content: '';
    position: absolute;
    width: 170px;
    height: 1px;
    background: #999;
    bottom: -29px;
    left: 50%;
    transform: translate(-50%,0%);
}
.you-can-section{padding:70px 0;}
.you-icon {
    width: 5rem;
    height: 5rem;
    background: #f8f8f8;
    text-align: center;
    line-height: 5rem;
    border-radius: 50%;
    margin: auto;
    font-size: 24px;
	color:#222;
	border:2px solid #f8f8f8;
	transition:0.5s all;
	cursor:pointer;
}
.you-can-content h5 {
    font-size: 15px;
    font-weight: 600;
    line-height: 2.67;
    color: #222;
	margin-top:15px;
}
.you-can-box {
    text-align: center;
}
.you-icon:hover{background:#073b77; border:2px solid #073b77; color:#fff}
.team-item .name {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;
    line-height: 25px;
}
.team-item .job {
    font-size: 14px;
    color: #999;
    margin-bottom: 3px;
    margin-top: 4px;
}
.team-item .content {
    line-height: 25px;
	font-size:14px;
	color:#333;
}
.team-item {
    text-align: center;
    opacity: 0.7;
    transition: 0.4s all;
	cursor:pointer;
}
.team-item:hover{opacity:1;}
 .team-social-share {
    margin-top: 10px;
    padding-top: 15px;
    position: relative;
}
ul.about-logo-img li {
    width: 16%;
    display: inline-block;
    text-align: center;
    margin: auto;
}
ul.about-logo-img li img{
-webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
	transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
ul.about-logo-img li img:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
 .team-social-share a{
list-style: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #eee;
    border-radius: 50%;
    line-height: 31px;
    margin-right: 8px;
    transition: all .3s;
	color:#444;
}
.about-logo-section{padding-top: 20px ;   padding-bottom: 90px;}
 .team-social-share a:hover{background:#073b77; color:#fff;}
.profile-item.text-center {
    padding-bottom: 15px;
}
section.counter-section {
    background-image: url(../images/top-background.png);
    background-size: cover;
    padding: 50px 0;
}
.about-team-section{padding:0 0 70px 0}
.team-slider button.owl-dot {
    background: #ccc;
    width: 10px;
    height: 10px;
    border-radius: 50%;
	margin-right:5px;
}
.team-slider .owl-dots {
    margin: 30px auto 0;
    text-align: center;
}
.team-slider{padding:50px 0 0}
.team-slider button.owl-dot.active {
    width: 20px;
    height: 20px;
    position: relative;
    background: transparent;
    border: 2px solid #073b77;
}
.team-slider button.owl-dot.active:after{
	position:absolute;
	content:'';
	top:50%;
	left:50%;
	width:10px;
	height:10px;
	background:#073b77;
	transform:translate(-50%,-50%);
    border-radius: 50%;
}

/* contact us css */
.contact-info {
    border: 1px solid #eee;
    padding: 40px 20px;
	text-align:center;
	margin:auto;
}

.contact-info h2 {
    margin-bottom: 20px;
	font-size:18px; font-weight:600;
}
.contact-info>div {
    font-size: 14px;
    color: #999;
}
 .social-share-icon li {
    list-style: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #eee;
    border-radius: 50%;
    line-height: 31px;
    margin-right: 8px;
    transition: all .3s;
}
 .social-share-icon li:hover{background:#073b77; color:#fff;}
 .social-share-icon li:hover a{ color:#fff;}
 .contact-info-section{padding:70px 0;}
.form-contact-page input, .form-contact-page select {
    height: 43px;
    margin-top: 10px;
    border: 1px solid #cbcbcb;
    border-radius: 23px;
    width: 100%;
    padding:0 15px;
    color: #003993;
    font-size: 14px;
    font-weight: 700;
}
#basicModal .modal-dialog{
    max-width: 60%;
}
#basicModal .modal-dialog form.form-contact-page {
    padding: 0 55px;
}
#basicModal .modal-content, #myModal .modal-content{
    background-image: url(../images/top-background.png);
    background-size: contain;
    padding:35px 0;
    box-shadow: 0px  0px 10px 0px rgb(16 40 67);
}
#basicModal .contact-form h4 ,  #myModal  .contact-form h4{
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    padding-bottom: 22px;
}
#basicModal button.close ,  #myModal button.close{
    width: 30px;
    height:30px;
    border-radius: 50%;
    top: 0;
    right: 0;
    position: absolute;
    box-shadow: unset;
    opacity:1;
    z-index:111;
}
#basicModal button.close span {
    text-shadow: unset;
    color: #073b77;
}
.form-control label {
    font-size: 14px;
    color: #000;
    font-weight: 500 !important;
}
.contact-form-section{padding:0 0 70px;}
.form-contact-page textarea{
	  margin-top: 15px;
    border: 1px solid #cbcbcb;
    border-radius: 23px;
	width:100%;
	padding:15px;
}
.contact-form h4 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 15px;
    padding-left: 8px;
    color:#000;
}


/* blog css */
section.blog-section {
    padding: 70px 0;
     
}
.blog-post-box a {
    display: block;
}
.blog-post-box{margin-bottom:45px}
.blog-post-img{position:relative; transition:0.5s all; margin-bottom:20px;}
.blog-post-img img {
    width: 100%;
}
.blog-user i {
    padding-right: 7px;
}
.blog-user{color:#073b77; font-size:14px;}
.blog-post-img:hover .blog-pos-icon{opacity:1;}
.blog-pos-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.5);
	opacity:0;
	transition:0.5s all;
}
.blog-pos-icon p {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    font-size: 17px;
    color: #fff;
    font-weight: 600;
}
.blog-post-content-inner {
    text-align: center;
    padding: 10px 0 0;
}
.blog-post-content-inner h4 {
    font-size: 16px;
    color: #444;
    font-weight: 700;
	margin:5px;
}
.blog-post-content-inner p{
	   font-size: 14px;
    color: #333;
}
 .blog-post-box a.read-more-btn{
background: #073b77;
    display: block;
    width: fit-content;
    padding: 6px 20px;
    font-size: 14px;
    color: #fff;
    border-radius: 30px;
    margin: 10px auto 0;
	border:1px solid #073b77;
}
 .blog-post-box a.read-more-btn:hover{background:transparent; color:#073b77;}
.pagination.loop-pagination ul li {
    display: inline-block;
}
.pagination.loop-pagination ul{margin:auto; text-align:center;}
.pagination ul li a {
    width: 34px;
    height: 34px;
    color: #a8a8a8;
    text-align: center;
    line-height: 29px;
    margin: 0 2px;
    border: 2px solid transparent;
    border-radius: 50%;
    display: inline-block;
    -webkit-transition: .3s all;
    transition: .3s all;
    font-weight: 700;
}
.pagination ul li a.active{color:#073b77; border-color:#073b77;}
.blog-single-meta .meta-label {
    color: #b5b5b5;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
}
.blog-single-meta .meta-label:after {
    content: '';
    height: 1px;
    width: 50px;
    background: #b5b5b5;
    position: absolute;
    left: 0;
    bottom: -9px;
}
.blog-single-meta .meta-author img {
    margin-right: 15px;
    float: left;
    overflow: hidden;
    max-width: 100%;
	border-radius:50%;
}
.author-bio span {
    display: inline-block;
    width: 100%;
}
.meta-content a, .meta-content {
    color: #f8f8f8;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
}
.author-job {
    font-size: 13px;
    color: #999;
    margin-bottom: 0;
}
.author-bio {
    float: left;
}
.blog-social a{
    width: 43px;
    height: 43px;
    margin-bottom: 15px;
    line-height: 41px;
    font-size: 18px;
	border-radius:50%;
	display:block;
	text-align: center;
    background: #eee;
	transition:0.5s all;
}
.blog-social a:hover{background:#073b77; color:#fff;}
.blog-content p {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 15px;
}
.tag-blog {
    padding: 30px 0;
    border-top: 1px solid #d7d7d7;
    margin-top: 30px;
    clear: both;
}
.tag-blog ul li {
    display: inline-block;
	padding-right:5px;
}
.tag-blog ul li a{color:#073b77; font-size:13px;}
.line-avatar {
    display: inline-block;
    width: 100%;
    margin-bottom: 21px;
}
 .line-avatar img {
    border-radius: 50%;
    margin-right: 20px;
}
.line-avatar img, .line-avatar .info {
    float: left;
}
.line-avatar .info span {
    display: inline-block;
    width: 100%;
}
.blog-bio-part {
    border-top: 1px solid #eee;
    padding-top: 40px;
}
.line-avatar  span.author-name {
    font-weight: 600;
}
.author-info {
    background: #f8f8f8;
    color: #999;
    padding: 30px;
    position: relative;
}
.author-info:before {
    content: "";
    position: absolute;
    top: -30px;
    left: 25px;
    border: 15px solid transparent;
    border-bottom-color: #f8f8f8;
    display: block;
    width: 0;
}
.author-info ul.icons li {
    display: inline-block;
}
.author-info ul li a{
    display: inline-block;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border: 2px solid #073b77;
    text-align: center;
    border-radius: 50%;
    line-height: 30px;
    transition: all .3s;
	color:#073b77;
}
.author-info ul li a:hover{color:#fff; background:#073b77;}
.blog-head h5 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 30px;
    position: relative;
}
.blog-head h5:after {
    content: '';
    height: 1px;
    width: 70px;
    background: #b5b5b5;
    position: absolute;
    left: 15px;
    bottom: -10px;
}
.recent-blog {
    padding-top: 50px;
}


/*checkout page css*/
.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.col-md-4.form-group {
    width: 33%;
    float: left;
}
.setup-content h3 {
    font-size: 22px;
    color: #003993;
    padding: 35px 16px 15px;
    font-weight: 700;
    position: relative;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}
button.btn.btn-primary.nextBtn.btn-lg.pull-right:hover, button.btn.btn-primary.prevBtn:hover, button.btn-submit:hover {
    background: transparent;
    color: #073b77;
}
button.btn.btn-primary.nextBtn.btn-lg.pull-right, button.btn.btn-primary.prevBtn,  button.btn-submit {
    background: #073b77;
    display: block;
    width: fit-content;
    padding: 8px 25px;
    font-size: 16px;
    color: #fff;
    border-radius: 30px;
    margin: 20px auto 0;
    position: relative;
    transition: 0.5s all;
    border: 1px solid #073b77;
}
.stepwizard-step {
    display: inline-block;
    text-align: center;
    position: relative;
    width: 32.3%;
}
.col-md-6.form-group {
    width: 50%;
    float: left;
}
label.control-label {
    font-size: 14px;
    font-weight: 700 !important;
    padding: 0;
    margin: 0;
    color: #000;
    display: block;
}
.setup-content .form-group input, .setup-content .form-group textarea{
    height: 43px;
    margin-top: 10px;
    border: 1px solid #cbcbcb;
    border-radius: 23px;
    width: 100%;
    padding: 15px;
    color: #003993;
    font-size: 14px;
    font-weight: 700;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 0;
    font-size: 13px;
    line-height: 1.428571429;
    border-radius: 15px;
    border: 2px solid #073b77;
    background: #fff;
    line-height: 28px;
    font-weight:700;
}
a.btn.btn-default.btn-circle.btn-primary{background:#073b77;}

/* course css */
section.course-section {
    padding: 70px 0;
}
section.course-section .class-item-inner{margin-bottom:35px;}
.course-type {
    background: transparent;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
	border:1px solid #f9f9f9;
}
.course-cate h4 {
    background: #073b77;
    padding: 10px 15px;
    font-size: 15px;
    color: #fff;
}
.course-cate ul {
    padding: 15px 25px;
}
.course-cate ul li {
    padding: 10px 0;
    border-bottom: 1px solid #f3f3f3;
}
.course-cate ul li a{font-size:13px;}
.course-cate-img img {
    width: 100%;
}
.cousre-detail-col a {
    display: block;
}
.cousre-detail-col a h5 {
    font-size: 15px;
    font-weight: 600;
}
.cousre-detail-col span{color: #999; font-size:12px;
}
.latest-course-box{padding:10px;}
.inner-banner-section.bg-change	{background:url(../images/course-bg.jpg);}
.course-btn-detail h3 {
    font-size: 22px;
    font-weight: 700;
    color: #111;
}
.course-btn-detail h3 span {
    display: inline-block;
    padding: 7px 28px;
    background: #073b77;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    margin-left: 20px;
}
.cousre-btn-add button{
    display: inline-block;
    margin-right: 10px;
    border: 2px solid #073b77;
    text-align: center;
    border-radius: 30px;
    line-height: 30px;
    transition: all .3s;
	color:#fff;
	background:#073b77;
	padding:5px 25px;
}
.cousre-btn-add button:hover{color:#073b77; background:#fff;}
.faculty-section{padding:70px 0;}
.faculty-section .team-item{margin-bottom:30px;}
.bdt-timeline-container {
  display: flow-root;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  margin-top: 0px;
}




/* course page css */
.course-banner-section{
	background:#073b77;
	padding:70px 0;
}
.course-banner-img a {
    display: block;
    position: relative;
}
.hover-course-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
}
.list-group-item{border: 1px solid rgb(255 255 255 / 13%);}
.banner-course-content h2 {
    font-size: 30px;
    color: #fff;
    line-height: 1.5;
    padding-bottom: 15px;
}
.banner-course-content p {
    font-size: 14px;
    color: #ebf3ff;
    padding-bottom: 20px;
}
.badge-purple {
    color:#b8b2fd;
    background-color: #000;
}
.cousre-duration svg path {
    fill: #fff;
}
.course-detail-price del {color:#c8e2fb; font-size:14px;}
.cousre-duration span{color:#e9e9e9; padding-left:14px;}
.btn-blue {
    color: #fff;
	padding:10px 15px;
	font-size:14px;
    background-color: #196ecd;
    border:1px solid  #196ecd;
	font-weight:500;
	transition:0.5s all;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(22 28 45 / 8%);
}
.btn-blue:hover{background:#00336c; color:#fff;}
.btn-orange:hover{background:#cd9457; color:#000;}
.btn-orange {
    color: #161c2d;
	font-size:14px;
	font-weight:500;
	transition:0.5s all;
		padding:10px 15px;
    background-color: #ffc78b;
    border:1px solid  #ffc78b;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(22 28 45 / 8%);
}
.instructor-info h3.card-title {
    padding: 0;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    color: #000;
    background: transparent;
}
.instructor-info  .card-header {
    background: transparent;
}
.instructor-info .profile-pic {
    text-align: center;
}
.instructor-info .avatar-xxl {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 2rem;
	border-radius:50%;
}
.instructor-info a.text-dark {
    display: block;
}
.instructor-info a.text-dark h4{font-size:17px;}
.btn-profile-btn a {
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    width: fit-content;
}
.btn-profile-btn  .btn-primary {
    color: #fff;
    background-color: #e01c5f ;
    border-color: #e01c5f ;
}
.btn-profile-btn .btn-secondary {
    color: #fff ;
    background-color: #362ae8 ;
    border-color: #362ae8 ;
}
.btn-profile-btn .btn-info {
    color: #fff;
    background-color: #04b2e5;
    border-color: #04b2e5;
}
.card-body.item-user {
    border-top: 1px solid #e0e8f3;
}
.card-body.item-user h4 {
    font-size: 18px;
    font-weight: 100;
    text-transform: capitalize;
}
.item-user span i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f2f3f8;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
}
.item-user a.text-body {
    font-size: 12px;
}
.course-desc-inner h6 {
    font-size: 25px;
    font-weight: 700;
    color: #000;
	margin-bottom:15px;
}
.course-desc-inner p {
    font-size: 16px;
    line-height: 1.9;
    padding-bottom: 15px;
	color:#262626;
}
.chapter-box{
    position: relative;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
    background-color: #ffffff;
	padding:20px;
	margin-top:25px;
}
.chapter-icon {
    width: 50px;
    height: 50px;
    margin: auto;
}
.chpater-content h3 {
    font-size: 18px;
    font-weight: 700;
    padding: 19px 0 0;
    color: #000;
}
.app-block .inner-box {
    position: relative;
    padding: 40px 40px 0px;
    background-color: #ffffff;
    border-radius: 15px;
    max-width: 430px;
    width: 100%;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
}
.app-block .inner-box .content {
    position: relative;
    padding-left: 88px;
        padding-bottom: 35px;
}
.app-block .inner-box .content .icon-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 60px;
    height: 100%;
    color: #ffffff;
    text-align: center;
    padding-top: 24px;
    font-size: 25px;
    border-radius: 50px 50px 0px 0px;
    background-color: #ed1c24;
}
.app-block .inner-box .content .icon-box.color-blue{    background-color: #47a0e2;
}
.app-block .inner-box .content .icon-box.color-yellow {
    background-color: #ffb400;
}
.icon-box img {
    width: 30px;
}
.app-block .inner-box .content h3 {
    position: relative;
    color: #3d415b;
    font-size: 18px;
    font-weight: 700;
}
.app-block .inner-box .content .text {
    position: relative;
    color: #222222;
    font-size: 14px;
    line-height: 1.8em;
    margin-top: 14px;
}
.content-download {
    background-image: url(../images/bg13.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
    background-color: #073b77;
    margin-top: 50px;
}
.section-head.style-1.text-white a {
    box-shadow: 0 0 10px 4px rgb(31 66 135 / 10%);
    border-radius: 1.5rem!important;
    padding: 11px 33px;
    position: relative;
    font-size: 14px;
    border: 0;
    width: fit-content;
    background: #fff;
    text-align: center;
    font-weight: 700;
    color: #4b22ff;
    display: inline-block;
    margin-top: 0;
    margin-left: 35px;
}
.section-head.style-1.text-white p {
    font-size: 23px;
    font-weight: 600;
    color: #fff;
    padding: 15px 0 0;
    display: inline-block;
}
.icon-bx-wraper.style-2 {
    display: flex;
    align-items: center;
    position: relative;
    margin: 40px 0;
}
.icon-bx-wraper.style-2>[class*=icon-bx-] {
    position: relative;
    margin: 20px;
    min-width: 40px;
    transition: all .5s;
    z-index: 1;
    text-align:center;
}
.icon-content {
    padding-left: 36px;
}
h4.dlab-title {
    font-size: 20px;
    font-weight: 700;
    color: #00185b;
    padding-bottom: 10px;
}
.icon-bx-wraper.style-2>[class*=icon-bx-].text-red:before {
    background-image: url(../images/circle-1.png);
}
.icon-bx-wraper.style-2>[class*=icon-bx-].text-yellow:before {
    background-image: url(../images/circle-2.png);
}
.icon-bx-wraper.style-2>[class*=icon-bx-].text-green:before {
    background-image:  url(../images/circle-3.png);
}
.icon-bx-wraper.style-2>[class*=icon-bx-]:before {
    content: "";
    position: absolute;
    width: 105px;
    height: 105px;
    left: calc(50% - 52px);
    top: calc(50% - 52px);
    background-size: contain;
    z-index: -1;
    background-repeat: no-repeat;
}
.icon-bx-wraper.style-2>[class*=icon-bx-] .icon-cell {
    font-size: 50px;
    color: #fff;
    z-index: 2;
    position: relative;
}
.icon-bx-md img {
    vertical-align: middle;
	width:45px
}
section.course-banner-desc {
    padding: 70px 0;
}
.course-what-learn{padding:30px 0 0;}
.course-what-learn h3 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom:15px;
}
.list-style-v1 li::before {
    content: "";
    margin-right: 16px;
	position:absolute;
	top:5px;
	left:0;
	width:50px;
	height:50px;
	background:url(../images/checkcircle.png) no-repeat;
	background-size:20px;
}
.list-style-v1 li {
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    padding-left: 33px;
    line-height: 1.6;
    padding-bottom: 20px;
}
.list-style-v2 li{
	-webkit-box-align: center;
    align-items: center;
    position: relative;
    padding-left: 24px;
    line-height: 1.6;
    padding-bottom: 13px;
}
.list-style-v2 li::before {
    content: " ";
    background-color:#073b77;
    height: 6px;
    width: 6px;
    margin-right: 12px;
    flex-shrink: 0;
    margin-top: 8px;
    border-radius: 50%;
	position:absolute; 
	top:0;
	left:0;
}
.currculum-box {
    margin-bottom: 25px;
    padding: 0;
}
.currculum-box a{padding:15px !important}
.collapse-accordion-toggle[aria-expanded="false"] div svg:not(:last-child), .collapse-accordion-toggle[aria-expanded="false"] span svg:not(:last-child) {
    display: none;
}

/*login page css*/
.default-padding {
    padding-top: 70px;
    padding-bottom: 70px;
}
form.white-popup-block {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 5px;
  margin: auto;
  padding: 50px 30px;
  position: relative;
  width: 50%;
  overflow: hidden;
}

form.white-popup-block button.mfp-close {
  color: red;
}

form.white-popup-block li {
  display: inline-block;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

form.white-popup-block li a {
  background: #002147 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  width: 50px;
}

form.white-popup-block li.facebook a {
  background: #3b5998 none repeat scroll 0 0;
}

form.white-popup-block li.twitter a {
  background: #1da1f2 none repeat scroll 0 0;
}

form.white-popup-block li.pinterest a {
  background: #bd081c none repeat scroll 0 0;
}

form.white-popup-block li.g-plus a {
  background: #db4437 none repeat scroll 0 0;
}

form.white-popup-block li.linkedin a {
  background: #0077b5 none repeat scroll 0 0;
}

form.white-popup-block .col-md-6:last-child {
  border-left: 1px solid #e7e7e7;
}

form.white-popup-block .col-md-6:last-child {
  border-left: 1px solid;
}

form.white-popup-block h3,
form.white-popup-block h4 {
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: uppercase;
}

form.white-popup-block .login-social {
  padding-right: 30px;
}

form.white-popup-block .login-custom {
    padding-left: 30px;
    margin: auto;
    text-align: center;
}

form.white-popup-block input {
    height: 43px;
    margin-top: 15px;
    border: 1px solid #cbcbcb;
    border-radius: 23px;
    width: 100%;
    font-size:14px;
    color:#111;
    padding: 15px;
}

form.white-popup-block .lost-pass-link {
  float: right;
}

form.white-popup-block .lost-pass-link:hover {
  text-decoration: underline;
}

form.white-popup-block label {
  float: left;
}

form.white-popup-block label input {
  float: left;
  margin-right: 5px;
  min-height: 20px;
}

form.white-popup-block button[type="submit"] {
    background: #073b77;
    display: block;
    width: fit-content;
    padding: 8px 45px;
    font-size: 16px;
    color: #fff;
    border:1px solid #073b77;
    border-radius: 30px;
    margin: 20px auto 0;
    position: relative;
    transition:0.5s all;
}
form.white-popup-block button[type="submit"]:hover {
    background: transparent;
    color: #073b77;
}
form.white-popup-block .lost-pass-link {
    text-align: right;
    font-size: 13px;
    font-weight: 600;
    text-decoration: underline !important;
}
form.white-popup-block .link-bottom {
  display: block;
  float: left;
  margin-bottom: 0;
  margin-top: 15px;
  width: 100%;
  font-size:13px;
}
p.link-bottom a {
    font-weight: 600;
    color: #073b77;
}
.d-lg-none{display:none;}
form.white-popup-block .link-bottom a:hover {
  text-decoration: underline;
}
.form-group-check input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.form-group-check label {
  position: relative;
  cursor: pointer;
}
.whats-app-float{
	position:fixed;
	width:50px;
	height:50px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 0px 0px 3px 0 #999;
  z-index:100;
}

.whats-app-float .my-float {
    font-size: 25px;
    line-height: 50px;
    color: #fff;
}
.form-group-check label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #073b77;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}
.form-group-check input:checked + label:before{ background-color: #073b77;}

.form-group-check input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 9px;
    width: 4px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.login-area form.white-popup-block {
  width: auto;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
}
.login-custom h4, .login-social h4 {
font-size:15px;
}
.checout-form h3 {
  color: #414141;
  font-size: 35px;
  font-weight: normal; }
  .checout-form h3 span {
    font-weight: bold; }
.checout-form .form-group {
  margin: 10px 0; }
.checout-form input {
  height: 45px;
  color: #868686;
  font-size: 14px;
  border-radius: 0px;
  border: 2px solid #eeebf0; }
.checout-form button.btn.btn-place-order {
  margin: 10px 0px; }
.checout-form .form-check {
  height: 100%;
  display: flex; }
  .checout-form .form-check label {
    height: 100%;
    display: flex;
    align-items: center;
    color: #868686;
    font-size: 14px;
    font-weight: 600; }

.checkout-your-order {
    padding: 10px;
    background: #073b77;
    width: 50%;
    float: right;
    margin: 50px 0 0;
}
.dotted-box-order {
  padding: 30px;
  border: 1px dotted #fff;
  color: #fff; }
.dotted-box-order h3 {
    font-size: 21px;
    font-weight: 600;
    padding-bottom: 8px;
    border-bottom: 1px dotted #ffffff;
}
.checkout-your-order.float-none.width-100 {
    width: 100%;
    margin-top:130px;
}

.order-detail table th {
    color: #fff;
    font-size: 16px;
    border-bottom: 1px dotted #fff;
}
.form-group-check.col-12 {
    width: 100%;
    float: left;
}

.checkout-your-order.float-none.width-100 .dotted-box-order {
    padding: 32px 20px 10px;
}
.order-detail .table tr td {
  border: 0px;
  padding: 10px 0;
  color: #dfdfdf;
  font-size: 14px; }
.order-detail .table .table-pt {
  border-top: 1px dashed #fff; }
.order-detail .table .table-pb td {
  padding-bottom: 15px; }
.order-detail .table .table-pt td {
  padding-top: 30px;
  color: #fff;
  font-size: 15px;
  font-weight: 600; }

.order-payment .form-check label {
  color: #ffdeea;
  font-size: 14px; }
.order-payment .card-payment-section {
  padding-top: 15px; }
  .order-payment .card-payment-section img {
    margin: 2px 0; }

.cart-table-img {
  align-items: center;
  display: flex; }
  .cart-table-img a {
    min-width: 150px;
    font-size: 14px;
    color: #777 !important; }
  .cart-table-img .cart-add-image {
    width: 100px;
    height: 100px;
    margin: 0px;
    padding: 2px;
    float: left;
    text-align: center;
    border: 2px solid #eeebf0; }
    .cart-table-img .cart-add-image img {
      max-width: 100%;
      max-height: 100%; }

.table-responsive table {
  margin: 0; }

.cart-table-borderless tr td p {
  margin: 0;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700; }
.cart-table-borderless tr .mobie-cart-none {
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700; 
}

.mobile-cart-content {
  display: none; }
section.cart-sec {
    padding: 70px 0;
}
.cart-table-borderless thead th {
    border-bottom: 1px solid #cbcbcb;
    border-top: 0;
}

.cart-table-borderless tbody td {
    border: 0;
    vertical-align: middle;
    border-bottom: 1px solid #ebebeb;
}
.cart-table-borderless tbody td span {
    content: "x";
    /* font-family: "Architects Daughter"; */
    font-weight: bold;
    color: #9d9d9d;
    font-size: 20px;
    border: 2px solid #9d9d9d;
    width: 30px;
    height: 30px;
    display: block;
    line-height: 26px;
    border-radius: 50%;
    text-align:center;
}
.product-quality p input {
    width:35px;
    display: inline-block;
    padding: 10px;
}
.product-quality p a i {
    font-size: 11px;
    color: #073b77;
    cursor: pointer;
}
.checkout-btn {
  text-align: center; }
  .checkout-btn a {
    background-color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 0px; 
      transition:0.5s all;
  }
.checkout-btn a:hover{background:#073b77; color:#fff;}
.product-description-text p {
  color: #9b9b9b;
  font-weight: normal;
  margin: 5px 0px;
  font-size: 15px; }

.showBtn {
  display: block; }

.hideme {
  display: none; }
  
   .course-wrap {
  background: #073b77;
  position: relative;
  border-radius: 10px;
  text-align: center;
  transition: all 0.3s ease;
  overflow: hidden;
  padding: 30px;
  margin-bottom:10px;
}
 .course-wrap .front-part {
  z-index: 1;
  position: relative;
  transition: all 0.3s ease;
  opacity: 1;
  visibility: visible;
}
 .course-wrap .front-part .img-part {
  margin-bottom: 21px;
}
 .content-part a.categorie {
  color: #0a0a0a;
}
 .content-part{text-align:center; margin-bottom:50px;}
 .content-part .title {
    margin: 8px 0 0 0;
    font-size: 18px;
    font-weight: 700;
    color: #111;
}
 .course-wrap .front-part .content-part .title a {
  color: #111111;
}
 .course-wrap .inner-part {
  z-index: 1;
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  padding: 0 30px;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
 .course-wrap .inner-part .content-part .categorie {
  color: #ffffff;
}
 .course-wrap .inner-part .content-part a.categorie:hover {
  color: #111111;
}
 .course-wrap .inner-part .content-part .title {
  margin: 10px 0 25px;
}
.course-wrap .inner-part .content-part .title  {
    color: #ffffff;
    font-size: 19px;
    font-weight: 700;
}
.course-what-learn p {
font-size: 14px;
    line-height: 1.8;
    padding-bottom: 15px;
    color: #77838f;
    margin-bottom:25px;
}
 .course-wrap .inner-part .content-part .title a:hover {
  color: #111111;
}
 .course-wrap .inner-part .content-part .course-meta li {
  color: #ffffff;
  display: inline;
  margin-right: 15px;
}
 .course-wrap .inner-part .content-part .course-meta li.course-user i {
  margin-right: 6px;
}
 .course-wrap .inner-part .content-part .course-meta li.ratings i {
  margin-right: 3px;
  color: #fcb903;
}
 .course-wrap .inner-part .content-part .course-meta li:last-child {
  margin: 0;
}
 .course-wrap .price-btn {
  position: absolute;
  bottom: 0;
  padding-bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
 .course-wrap .price-btn a {
  font-weight: 500;
  background: #ffffff;
  border-radius: 3px;
  color: #111111;
  display: inline-block;
  padding: 5px 5px 5px 10px;
}
 .course-wrap .price-btn a i {
  padding-left: 5px;
}
 .course-wrap .price-btn a i:before {
  font-size: 15px;
  color: #ffffff;
  width: 41px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #21a7d0;
  display: inline-block;
  border-radius: 3px;
  transition: all 0.3s ease;
}
 .course-wrap .price-btn a:hover i:before {
  background: #111111;
}
 .course-wrap:after,
 .course-wrap:before {
  position: absolute;
  content: '';
  border-radius: 50%;
  transition: all 0.3s ease;
  z-index: 0;
  background: #064389;
}
 .course-wrap:after {
  width: 146px;
  height: 146px;
  left: -73px;
  bottom: 70px;
}
 .course-wrap:before {
  width: 412px;
  height: 412px;
  right: -133px;
  top: -80px;
}
 .course-wrap:hover {
  background:#073b77;
}
 .course-wrap:hover .front-part {
  opacity: 0;
  visibility: hidden;
}
 .course-wrap:hover .inner-part,
 .course-wrap:hover .price-btn {
  opacity: 1;
  visibility: visible;
}
 .course-wrap:hover:after,
 .course-wrap:hover:before {
  background: #073b77;
}
 section.partner-part {
    background: #fbfafd;
    padding: 0 0 60px;
}.privacy-part h3 {
    font-size: 22px;
    margin: 30px 0 13px;
}
.privacy-part h4 {
    font-size: 18px;
    margin: 20px 0 10px;
}
.privacy-part ul li {
    list-style: disc;
}
.privacy-part ul  {
padding-left:20px;
}
.privacy-part {
    margin-bottom: 70px;
}

@media (min-width: 992px){
.col-md-offset-2 {
    margin-left: 16.66666667%;
}
}

@media all and (max-width:1200px) { 
.process-custom-col>.inner-box-process{background:unset !important}
.process-custom-col:nth-child(even) { margin-top: 0px; }
}

@media all and (max-width:992px) { 
    .register-box-pos {
    position: static;
    top: unset;
    left: unset;
    transform: none;
    margin-bottom: 26px;
}
.footer-col {
    margin: 0 auto;
    float: none;
}
ul.navbar-nav.ml-auto.mobile-row {
    display: inline-block;
    width: 100%;
    text-align: right;
    vertical-align: middle;
    padding-top: 25px;
}
ul.navbar-nav.ml-auto.mobile-row li a i{font-size:20px;}
ul.navbar-nav.ml-auto.mobile-row li{display:inline-block; padding-left:20px;}
button.d-lg-none.btn-warning {
    background: transparent;
    width: 26px;
}
.d-lg-none{display:block;}
.d-md-none1{display:none;}
	.why-us-bg{background:unset;}
	.why-box.why-box-b,.why-box{margin-bottom:30px;}
	.process-custom-col {width: 50%; float: left; text-align: center;}
	.offcanvas-header{ display:block; }
.process-content.even-process{margin-top:40px;}
.process-content{margin-bottom:0px;}
	.mobile-offcanvas{
		visibility: hidden;
		transform:translateX(-100%);
	    border-radius:0; 
		display:block;
	    position: fixed;
	    top: 0; left:0;
	    height: 100%;
	    z-index: 1200;
	    width:80%;
	    overflow-y: scroll;
	    background:#111;
	    overflow-x: hidden;
	    transition: visibility .2s ease-in-out, transform .2s ease-in-out;
	}
	.upk-salf-slider-wrapper{padding:0 30px;}
	button.btn.btn-close.float-right {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #cc1928;
    font-size: 31px;
    line-height: 35px;
    font-weight: 800;
}
	ul.dropdown-menu.show {
    width: 100%;
    background: #000;
    color: #fff;
}
	ul.dropdown-menu.show  li a{color:#fff;}
.navbar-expand-lg .navbar-nav .nav-link{color:#efefef;}
	.mobile-offcanvas.show{
		visibility: visible;
    	transform: translateX(0);
	}
}
@media all and (max-width:768px) { 
.process-custom-col {margin-bottom: 35px; width: 100%; }
.process-text-img {  display: flex;  float:left;}
.process-content {    width: 70%;    float: left;}
.education-time-countdown>div{margin-bottom:30px;}
.subscribe-home .newsletter-form input[type=email]{width:100%;}
.icon-input-submit{position:absolute; top:unset; left:unset; right:unset; margin:15px auto; width:100%;}
}
@media all and (max-width:480px) { 
.subscribe-home{background-size:cover;}
ul.navbar-nav.ml-auto.mobile-row{padding-top:15px;}
}