.collapse{display:none}
.collapse.show{display:block}

/* Base CSS */
.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus {
    outline: 0 solid
}

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    color: #f8f9fa;
    font-family: 'Myriad Pro';
    font-weight: bold;
}

body {
    color: #545051;
    font-weight: normal;
    font-family: 'Myriad Pro';
    background: #03061C;
}



@font-face {
    font-family: 'Myriad Pro';
    src: url('MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('MyriadPro-Semibold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
        url('MyriadPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'California Sun Personal Use';
    src: url('../fonts/CaliforniaSunPersonalUse.woff2') format('woff2'),
        url('../fonts/CaliforniaSunPersonalUse.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}












.selector-for-some-widget {
    box-sizing: content-box;
}

a:hover {
    text-decoration: none
}

button:focus {
    outline: 0;
    outline: 5px auto -webkit-focus-ring-color;
}

/* Header bar section start */
.container {
    max-width: 1300px;
}


.header-area {
    background: #0065FF;
    height: 100px;
    display: flex;
    align-items: center;
    position: relative;
}

.header-menu {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-logo {
    width: 50%;
    text-align: right;
}

.header-mainmenu {
    width: 50%;
    padding-left: 120px;
}

.header-mainmenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-mainmenu li {
	display: inline-block;
	position: relative;
}
.header-mainmenu li a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: ;
    margin: 0 10px;
    font-size: 15px;
}

.header-logo {
    display: flex;
    align-items: center;
    justify-content: end;
}


.header-serch-area {
    height: 35px;
    display: flex;
    align-items: center;
}

.header-search {
    height: 35px;
    width: 50%;
    position: relative;
    margin-left: 60px;
}

.header-search input {
    width: 100%;
    border: 0;
    height: 100%;
    color: #000;
    font-weight: 600;
    padding-left: 50px;
}

.header-search a {
    position: absolute;
    content: "";
    background: ;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.header-src-btn a {
    width: 79px;
    height: 25px;
    background-color: rgb(254, 143, 3);
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 10px;
}

.header-serch-area {
    height: 35px;
    display: flex;
    align-items: center;
    background: #FBFBFB;
    z-index: 99999999;
    position: relative;
}


/* Header bar section  END */


/*hero-sider-area-start*/

.hero-slider-area .container {
  max-width: 1400px;
}
.hero-slider-area {
  height: 400px;
  display: flex;
  align-items: center;
  background-size: 100% 100%;
  background-position: center;
}
.slider-containt a img {
  padding-left: 100px;
  width: auto !important;
}
.slider-containt h3 {
  font-size: 84px;
  line-height: 145px;
  color: #fff;
  font-weight: bold;
}
.hero-slider-btn a {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid #FF8E01;
  width: 140px;
  height: 35px;
  display: inline-block;
  text-align: center;
  line-height: 35px;
  margin-right: 40px;
}
.hero-slider-btn {
  display: flex;
  align-items: center;
}
.owl-dots {
	display: none;
}

.owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 60px;
  font-size: ;
}
.owl-nav button span {
  color: #FF8E01;
  font-size: 57px;
}
.owl-next {
  left: auto !important;
  right: 60px;
}
/*hero-sider-area-end*/











/*registarr-area-style-start*/

.registar-content h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}



.registar-btn a {
    width: 333px;
    height: 40px;
    background: ;
    background-color: rgb(255, 142, 1);
    display: inline-block;
    text-align: center;
    line-height: 39px;
    border-radius: 10px;
    font-size: 25px;
    color: #030a41;
    font-weight: 700;
    left: \];
    letter-spacing: 5px;
}

.registar-content h5 {
    font-size: 25px;
    color: #fff;
    line-height: 43px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.registar-content h5 span {
    font-size: 43px;
}

.learn-content.ttr.tte {
	margin-bottom: 46px;
}



/*registarr-area-style-end*/


/*learn-area-start-style*/

.learn-area {
    padding-bottom: 50px;
}




.learn-inner {
    padding-left: 65px;
    padding-right: 65px;
    padding-top: 40px;
    padding-bottom: 40px;
}


.learn-content p {
    font-size: 18px;
    color: #030a41;
    left: ;
    letter-spacing: 2px;
    margin: 0;
}


.learn-content {
    margin-bottom: 6px;
}


.learn-single-box {
    width: 233px;
    height: 122px;
    text-align: center;
    padding-top: 41px;
    border:1px solid #1084ad;
}

.learn-single-box span {
    display: block;
    color: #fff;
}

.learn-single-box span.ttr {
    font-size: 10px;
    color: #fefeff;
}

.learn-fx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}

.learn-image img {
    width: 100%;
}

.learn-heading {
    text-align: center;
    margin-bottom: 14px;
}

.learn-heading h3 {
    font-size: 45px;
    color: #ffffff;
    margin: 0;
    font-family: 'California Sun Personal Use';
}

.learn-content.tty {
    margin-bottom: 46px;
}


.learn-content.ttr {
    margin-bottom: 34px;
}

.learn-content.mmg {
    margin-bottom: 46px;
}

.tab-img {
    width: 100%;
}

.tabs-img {
    margin-bottom: 30px;
}




/*learn-area-end-start*/



/*student-area-style*/

.student-area {
    padding: 60px 0;
    background: #FBEFCE;
}

.student-img {
    text-align: center;
}

.student-content p {
    fo: ;
    font-size: 24px;
    color: #131313;
    font-weight: 700;
    letter-spacing: 4px;
    margin: 0;
    line-height: 55px;
}


/*student-area-end*/



/*blog-area-style-start*/


.blog-area {
    padding-top: 120px;
    padding-bottom: 40px;
}


.blog-box {
	background: #FFFFFF;
	text-align: center;
	padding: 48px 30px;
	border-radius: 10px;
	width: auto;
}

.blog-image {
	margin-bottom: 25px;
}
.blog-image img {
	max-width: 50px;
    margin: auto;
}
.blog-pro-img img {
	max-width: 135px;
	margin: auto;
}
.blog-content p {
	font-size: 13px;
	line-height: 23px;
	color: #151515;
	font-size: ;
	font-weight: 700;
	left: 2px;
	letter-spacing: 2px;
	margin: 0;
}

.blog-content {
	text-align: left;
	margin-bottom: 15px;
}

.blog-pro-img h6 {
	font-size: 13px;
	color: #151515;
	margin: ;
	margin-bottom: 0;
	margin-top: 15px;
	letter-spacing: 2px;
}

.blog-wrap {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 1050px;
	margin: auto;
}


/*blog-area-style-end*/

/*descrip-area-start-style*/



.descrip-area {
	background-size: 100% 100%;
	background-position: center top;
	padding-top: 70px;
	padding-bottom: 70px;
	object-fit: cover;
}

.descrip-wrap {
	width: 680px;
	margin: auto;
	background: #455CCC;
	opacity: 0.8;
	padding: 40px 60px;
}


.descrip-box h1 {
	font-size: 100px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 2px;
	margin: 0;
}
.descrip-box h5 {
	font-size: 40px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 10px;
}

.descrip-box a {
	font-size: 40px;
	color: #ff8e01;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: #fff;
	padding: 0 15px;
}


.descrip-box p {
	font-size: 20px;
	color: #fff;
	margin: ;
	margin-bottom: 0;
	margin-top: 10px;
	font-weight: 600;
}

.descrip-list ul {
	margin: 0;
	padding: 0;
	lisst: ;
	list-style: none;
}



.descrip-list ul li {
	font-size: 19px;
	color: #fff;
	font-weight: 600;
	padding-left: 20px;
	position: relative;
}

.descrip-list ul li i {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.footer-menu.cng {
	border-bottom: 3px solid #050504;
}

/*footer-top-area-style*/

.footer-top-icon a {
	height: 40px;
	width: 40px;
	background: #000;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	color: #fff;
	border-radius: 10px;
}

.footer-top-area {
	padding-top: 40px;
	background: #FBEFCE;
}

.footer-top-icon a {
	height: 40px;
	width: 40px;
	background: #000;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	color: #fff;
	border-radius: 10px;
	font-size: 21px;
	box-shadow: 5px 5px 15px -3px #000000c9;
	margin-right: 20px;
}


.footer-top-content a {
	display: block;
	font-size: 18px;
	color: #010101;
	font-weight: 700;
}

.bdr {
	border-bottom: 3px solid #050504;
	padding-left: 50px;
}


.footer-top-icon {
	margin-top: 10px;
	padding-bottom: 10px;
}

/*copyright-area-style*/
.copyright-text {
	text-align: center;
}




.copyright-area {
	padding-top: 5px;
	padding-bottom: 5px;
}

.copyright-text p {
	font-size: 14px;
	color: #f9dab4;
	margin: 0;
	font-weight: 700;
	letter-spacing: 2px;
}







/*tab-area-start*/

.tab-area {
    background: #03061C;
/*    padding: 100px 0;
    padding-bottom: 70px;
*/
}

.tab-section ul {
    justify-content: space-between;
    margin-bottom: 50px !important;
}

.tab-section li a {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    width: 196px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: relative;
    background: transparent !important;
    letter-spacing: 2px;
}

.tab-section ul li a:before {
    position: absolute;
    content: "";
    background-image: url(../img/btn.png);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-size: 100% 100%;
}


.tab-section {
    position: relative;
    z-index: 99;
}



.single-tab {
    display: flex;
    margin-bottom: 30px;
}

.tab-img {
    width: 30%;
}

.tab-mid {
    width: 50%;
    background: #FFE6A4;
    padding: 15px;
    padding-left: 147px;
}

.tab-last {
    width: 20%;
    background: #E3E3EA;
    padding: 60px;
    text-align: center;
}

.tab-mid h3 {
    font-size: 34px;
    color: #FF8E01;
    line-height: 36px;
    letter-spacing: 4px;
}

.tab-mid p {
    font-size: 18px;
    color: #030A41;
    margin: 0;
    letter-spacing: 2px;
}

.tab-last h3 {
    font-size: 34px;
    color: #FF8E01;
    line-height: 36px;
    letter-spacing: 4px;
    text-align: left;
}

.tab-last p {
    font-size: 14px;
    color: #030A41;
    margin: 0;
    letter-spacing: 1px;
    text-align: left;
}

.tab-last p {
    margin: auto;
}

.tab-last del {
    display: block;
}


/*tab-area-end*/

/*footer-area-start*/



.footer-area {
    background: #FBEFCE;
    padding: 40px 0;
}

.footer-menu {
    padding: 0 50px;
    border-bottom: 4px solid #FF8E01;
    padding-bottom: 20px;
}

.footer-wedget-title h3 {
    font-size: 24px;
    color: #030303;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.footer-wedget-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 65%; 
}

.footer-wedget-menu {
    display: flex;
    justify-content: space-between;
}

.footer-wedget-menu ul li a {
    color: #030303;
    font-weight: ;
    font-size: 14px;
    color: ;
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
}

.footer-wedget-menu ul li:last-child a {
    margin: 0;
}

.footer-wedget-title h3 span {
    display: block;
    margin-bottom: 4px;
}

.footer-logo a img {
    width: 265px;
    margin-bottom: 17px;
}

.footer-logo {}

.footer-icon {
    display: flex;
    align-items: center;
}

.footer-icon a {
    display: ;
    font-size: 25px;
    color: #000000;
    margin-right: 10px;
}

.sooter-brand {
    text-align: center;
    padding-top: 20px;
}

.footer-brand-containt h3 {
    font-size: 18px;
    color: #010101;
    text-transform: uppercase;
    margin: 0;
    line-height: 24px;
    letter-spacing: 2px;
}

.footer-brand-containt p {
    font-size: 14px;
    color: #010101;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0;
}

.footer-brand-containt {
    margin-bottom: 10px;
}

.footer-bottom-area {
    background: #2C3694;
    padding: 30px 0;
}

.footer-blue-text {
    padding: 0 60px;
    display: flex;
    align-items: center;
}

.single-bootom-text {
    width: 33.33%;
}

.single-bootom-text a {
    display: block;
    color: #fff;
    font-weight: 600;
}

/*footer-area-end*/




/* ofcanvas   */
.header-off-btn.menu-trigger {
    display: block;
    background: rgb(88, 165, 254);
    background: -moz-linear-gradient(45deg, rgba(88, 165, 254, 1) 20%, rgba(88, 165, 254, 1) 20%, rgba(32, 209, 253, 1) 99%);
    background: -webkit-linear-gradient(45deg, rgba(88, 165, 254, 1) 20%, rgba(88, 165, 254, 1) 20%, rgba(32, 209, 253, 1) 99%);
    background: linear-gradient(45deg, rgba(88, 165, 254, 1) 20%, rgba(88, 165, 254, 1) 20%, rgba(32, 209, 253, 1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58a5fe', endColorstr='#20d1fd', GradientType=1);
    text-align: center;
    height: 40px;
    line-height: 40px;
    width: 40px;
    z-index: 9;
    position: absolute;
    right: 23px;
    top: 50%;
    border-radius: 5px;
    transform: translateY(-50%);
}


.header-off-btn.menu-trigger.right {
    display: block !important;
}

.off-canvas-menu {
    width: 300px;
    background: #fff;
    position: fixed;
    height: 100%;
    z-index: 99999;
    top: 0;
    left: -100%;
    transition: .3s;
}

.off-canvas-menu .header-btn {
    margin-top: 30px;
    text-align: center;
}

.header-btn.off a {
    margin: 0;
}

.close-menu a {
    position: absolute;
    right: 20px;
    height: 32px;
    color: #000;
    text-align: center;
    line-height: 32px;
    border-radius: 50%;
    top: 15px;
    background: #ffff;
    width: 32px;
}

.off-canvas-menu.active {
    left: 0;
}

.off-canvas-menu ul li a {
    color: #999;
    padding: 0;
    display: block;
    padding: 20px 0;
    font-size: 16px;
    border-bottom: 1px solid #dddddd87;
}

.off-canvas-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: -1;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;

}

.off-canvas-overlay.active {
    opacity: .6;
    z-index: 999;
    cursor: pointer;
}



.off-canvas-menu ul {
    margin-top: 65px;
    padding: 0;
    list-style: none;
}


.header-off-btn span {
    background: #283B91;
    height: 4px;
    width: 30px;
    display: block;
    border-radius: 14px;
    margin-bottom: 4px;
}

.header-off-btn {
    position: absolute;
    left: auto;
    z-index: 2;
    width: 30px;
    height: 22px;
    cursor: pointer;
    right: 70px;
}


.off-canvas-menu ul li {
    margin: 0 20px;
}

.off-canvas-menu {
    display: block;
}

.header-off-btn.menu-trigger a {
    color: #fff;
    font-size: 18px;
}

.ofcanvas a {
    display: block;
    padding: 7px 20px;
    color: #fff;
    text-align: ;
}




.off-canvas-overlay.active {
    opacity: .5;
    visibility: visible;
}

.header-btn.of-log {
    display: flex;
    height: auto;
    justify-content: center;
    margin-top: 50px;
}

.header-mainmenu-2 .header-off-btn.menu-trigger a {
    color: #2F6F76;
}

.header-off-btn.menu-trigger.right {
    display: none !important;
}

.registar-img {
	display: none;
}

#myVideo {
	position: absolute;
	top: 0;
	width: 74%;
	height: 100%;
	object-fit: cover;
	right: 0;
}
.registar-area {
	padding-top: 109px;
	padding-bottom: 189px;
	position: relative;
	margin-bottom: 20px;
}

.registar-wrap {
	position: relative;
	z-index: 999;
}




.registar-area::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 99;
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 12%, rgba(0,0,0,1) 22%, rgba(0,0,0,0.92) 26%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 12%,rgba(0,0,0,1) 22%,rgba(0,0,0,0.92) 26%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,1) 12%,rgba(0,0,0,1) 22%,rgba(0,0,0,0.92) 26%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}


a.hero-btn {
	color: #fff;
	background: red;
	width: 191px;
	height: 56px;
	margin-top: 10px;
	border-radius: 4px;
	font-size: ;
	letter-spacing: 0;
	line-height: 51px;
}


.header-src-btn ul {
	list-style: none;
	margin: 0;
	height: 100%;
}
.header-src-btn ul li {
	display: inline-block;
	position: relative;
	transform: unset;
}

/* Base CSS */
.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus {
    outline: 0 solid
}

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    color: #f8f9fa;
    font-family: 'Myriad Pro';
    font-weight: bold;
}

body {
    color: #545051;
    font-weight: normal;
    font-family: 'Myriad Pro';
    background: #03061C;
}



@font-face {
    font-family: 'Myriad Pro';
    src: url('MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('MyriadPro-Semibold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
        url('MyriadPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'California Sun Personal Use';
    src: url('../fonts/CaliforniaSunPersonalUse.woff2') format('woff2'),
        url('../fonts/CaliforniaSunPersonalUse.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}












.selector-for-some-widget {
    box-sizing: content-box;
}

a:hover {
    text-decoration: none
}

button:focus {
    outline: 0;
    outline: 5px auto -webkit-focus-ring-color;
}

/* Header bar section start */
.container {
    max-width: 1300px;
}


.header-area {
    background: #0065FF;
    height: 100px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 9999999999;
}

.header-menu {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-logo {
    width: 50%;
    text-align: right;
}

.header-mainmenu {
    width: 50%;
    padding-left: 120px;
}

.header-mainmenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-mainmenu li {
	display: inline-block;
	position: relative;
}
.header-mainmenu li a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: ;
    margin: 0 10px;
    font-size: 15px;
}

.header-logo {
    display: flex;
    align-items: center;
    justify-content: end;
}


.header-serch-area {
    height: 35px;
    display: flex;
    align-items: center;
}

.header-search {
    height: 35px;
    width: 50%;
    position: relative;
    margin-left: 60px;
}

.header-search input {
    width: 100%;
    border: 0;
    height: 100%;
    color: #000;
    font-weight: 600;
    padding-left: 50px;
}

.header-search a {
    position: absolute;
    content: "";
    background: ;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.header-src-btn a {
    width: 79px;
    height: 25px;
    background-color: rgb(254, 143, 3);
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 10px;
}

.header-serch-area {
    height: 35px;
    display: flex;
    align-items: center;
    background: #FBFBFB;
    z-index: 99999999;
    position: relative;
}


/* Header bar section  END */


/*hero-sider-area-start*/

.hero-slider-area .container {
  max-width: 1400px;
}
.hero-slider-area {
  height: 520px;
  display: flex;
  align-items: center;
  background-size: 100% 100%;
  background-position: center;
}
.slider-containt a img {
  padding-left: 100px;
  width: auto !important;
}
.slider-containt h3 {
  font-size: 84px;
  height: ;
  line-height: 145px;
  color: #fff;
  font-weight: bold;
}
.hero-slider-btn a {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid #FF8E01;
  width: 140px;
  height: 35px;
  display: inline-block;
  text-align: center;
  line-height: 35px;
  margin-right: 40px;
}
.hero-slider-btn {
  display: flex;
  align-items: center;
}
.owl-dots {
	display: none;
}

.owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 60px;
  font-size: ;
}
.owl-nav button span {
  color: #FF8E01;
  font-size: 57px;
}
.owl-next {
  left: auto !important;
  right: 60px;
}
/*hero-sider-area-end*/











/*registarr-area-style-start*/

.registar-content h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}



.registar-btn a {
    width: 333px;
    height: 40px;
    background: ;
    background-color: rgb(255, 142, 1);
    display: inline-block;
    text-align: center;
    line-height: 39px;
    border-radius: 10px;
    font-size: 25px;
    color: #030a41;
    font-weight: 700;
    left: \];
    letter-spacing: 5px;
}

.registar-content h5 {
    font-size: 25px;
    color: #fff;
    line-height: 43px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.registar-content h5 span {
    font-size: 43px;
}

.learn-content.ttr.tte {
	margin-bottom: 46px;
}



/*registarr-area-style-end*/


/*learn-area-start-style*/

.learn-area {
    padding-bottom: 50px;
}




.learn-inner {
    padding-left: 65px;
    padding-right: 65px;
    padding-top: 40px;
    padding-bottom: 40px;
}


.learn-content p {
    font-size: 18px;
    color: #030a41;
    left: ;
    letter-spacing: 2px;
    margin: 0;
}


.learn-content {
    margin-bottom: 6px;
}


.learn-single-box {
    width: 233px;
    height: 122px;
    text-align: center;
    padding-top: 41px;
}

.learn-single-box span {
    display: block;
    color: #fff;
}

.learn-single-box span.ttr {
    font-size: 10px;
    color: #fefeff;
}

.learn-fx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}

.learn-image img {
    width: 100%;
}

.learn-heading {
    text-align: center;
    margin-bottom: 14px;
}

.learn-heading h3 {
    font-size: 45px;
    color: #ffffff;
    margin: 0;
    font-family: 'California Sun Personal Use';
}

.learn-content.tty {
    margin-bottom: 46px;
}


.learn-content.ttr {
    margin-bottom: 34px;
}

.learn-content.mmg {
    margin-bottom: 46px;
}

.tab-img {
    width: 100%;
}

.tabs-img {
    margin-bottom: 30px;
}




/*learn-area-end-start*/



/*student-area-style*/

.student-area {
    padding: 60px 0;
    background: #FBEFCE;
}

.student-img {
    text-align: center;
}

.student-content p {
    fo: ;
    font-size: 24px;
    color: #131313;
    font-weight: 700;
    letter-spacing: 4px;
    margin: 0;
    line-height: 55px;
}


/*student-area-end*/



/*blog-area-style-start*/


.blog-area {
    padding-top: 120px;
    padding-bottom: 40px;
}


.blog-box {
	background: #FFFFFF;
	text-align: center;
	padding: 48px 30px;
	border-radius: 10px;
	width: auto;
}

.blog-image {
	margin-bottom: 25px;
}
.blog-image img {
	max-width: 50px;
    margin: auto;
}
.blog-pro-img img {
	max-width: 135px;
	margin: auto;
}
.blog-content p {
	font-size: 13px;
	line-height: 23px;
	color: #151515;
	font-size: ;
	font-weight: 700;
	left: 2px;
	letter-spacing: 2px;
	margin: 0;
}

.blog-content {
	text-align: left;
	margin-bottom: 15px;
}

.blog-pro-img h6 {
	font-size: 13px;
	color: #151515;
	margin: ;
	margin-bottom: 0;
	margin-top: 15px;
	letter-spacing: 2px;
}

.blog-wrap {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 1050px;
	margin: auto;
}


/*blog-area-style-end*/

/*descrip-area-start-style*/



.descrip-area {
	background-size: 100% 100%;
	background-position: center top;
	padding-top: 70px;
	padding-bottom: 70px;
	object-fit: cover;
}

.descrip-wrap {
	width: 680px;
	margin: auto;
	background: #455CCC;
	opacity: 0.8;
	padding: 40px 60px;
}


.descrip-box h1 {
	font-size: 100px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 2px;
	margin: 0;
}
.descrip-box h5 {
	font-size: 40px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 10px;
}

.descrip-box a {
	font-size: 40px;
	color: #ff8e01;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: #fff;
	padding: 0 15px;
}


.descrip-box p {
	font-size: 20px;
	color: #fff;
	margin: ;
	margin-bottom: 0;
	margin-top: 10px;
	font-weight: 600;
}

.descrip-list ul {
	margin: 0;
	padding: 0;
	lisst: ;
	list-style: none;
}



.descrip-list ul li {
	font-size: 19px;
	color: #fff;
	font-weight: 600;
	padding-left: 20px;
	position: relative;
}

.descrip-list ul li i {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.footer-menu.cng {
	border-bottom: 3px solid #050504;
}

/*footer-top-area-style*/

.footer-top-icon a {
	height: 40px;
	width: 40px;
	background: #000;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	color: #fff;
	border-radius: 10px;
}

.footer-top-area {
	padding-top: 40px;
	background: #FBEFCE;
}

.footer-top-icon a {
	height: 40px;
	width: 40px;
	background: #000;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	color: #fff;
	border-radius: 10px;
	font-size: 21px;
	box-shadow: 5px 5px 15px -3px #000000c9;
	margin-right: 20px;
}


.footer-top-content a {
	display: block;
	font-size: 18px;
	color: #010101;
	font-weight: 700;
}

.bdr {
	border-bottom: 3px solid #050504;
	padding-left: 50px;
}


.footer-top-icon {
	margin-top: 10px;
	padding-bottom: 10px;
}

/*copyright-area-style*/
.copyright-text {
	text-align: center;
}




.copyright-area {
	padding-top: 5px;
	padding-bottom: 5px;
}

.copyright-text p {
	font-size: 14px;
	color: #f9dab4;
	margin: 0;
	font-weight: 700;
	letter-spacing: 2px;
}







/*tab-area-start*/

.tab-area {
    background: #03061C;
/*    padding: 100px 0;
    padding-bottom: 70px;
*/
}

.tab-section ul {
    justify-content: space-between;
    margin-bottom: 50px !important;
}

.tab-section li a {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    width: 196px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: relative;
    background: transparent !important;
    letter-spacing: 2px;
}

.tab-section ul li a:before {
    position: absolute;
    content: "";
    background-image: url(../img/btn.png);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-size: 100% 100%;
}


.tab-section {
    position: relative;
    z-index: 99;
}



.single-tab {
    display: flex;
    margin-bottom: 30px;
}

.tab-img {
    width: 30%;
}

.tab-mid {
    width: 50%;
    background: #FFE6A4;
    padding: 15px;
    padding-left: 147px;
}

.tab-last {
    width: 20%;
    background: #E3E3EA;
    padding: 60px;
    text-align: center;
}

.tab-mid h3 {
    font-size: 34px;
    color: #FF8E01;
    line-height: 36px;
    letter-spacing: 4px;
}

.tab-mid p {
    font-size: 18px;
    color: #030A41;
    margin: 0;
    letter-spacing: 2px;
}

.tab-last h3 {
    font-size: 34px;
    color: #FF8E01;
    line-height: 36px;
    letter-spacing: 4px;
    text-align: left;
}

.tab-last p {
    font-size: 18px;
    color: #030A41;
    font-weight: bold;
    text-align: ;
    margin: 0;
    left: ;
    letter-spacing: 2px;
    text-align: left;
}

.tab-last p {
    margin: auto;
}

.tab-last del {
    display: block;
}


/*tab-area-end*/

/*footer-area-start*/



.footer-area {
    background: #FBEFCE;
    padding: 40px 0;
}

.footer-menu {
    padding: 0 50px;
    border-bottom: 4px solid #FF8E01;
    padding-bottom: 20px;
}

.footer-wedget-title h3 {
    font-size: 24px;
    color: #030303;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.footer-wedget-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 65%;
}

.footer-wedget-menu {
    display: flex;
    justify-content: space-between;
}

.footer-wedget-menu ul li a {
    color: #030303;
    font-weight: ;
    font-size: 14px;
    color: ;
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
}

.footer-wedget-menu ul li:last-child a {
    margin: 0;
}

.footer-wedget-title h3 span {
    display: block;
    margin-bottom: 4px;
}

.footer-logo a img {
    width: 265px;
    margin-bottom: 17px;
}

.footer-logo {}

.footer-icon {
    display: flex;
    align-items: center;
}

.footer-icon a {
    display: ;
    font-size: 25px;
    color: #000000;
    margin-right: 10px;
}

.sooter-brand {
    text-align: center;
    padding-top: 20px;
}

.footer-brand-containt h3 {
    font-size: 18px;
    color: #010101;
    text-transform: uppercase;
    margin: 0;
    line-height: 24px;
    letter-spacing: 2px;
}

.footer-brand-containt p {
    font-size: 14px;
    color: #010101;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0;
}

.footer-brand-containt {
    margin-bottom: 10px;
}

.footer-bottom-area {
    background: #2C3694;
    padding: 30px 0;
}

.footer-blue-text {
    padding: 0 60px;
    display: flex;
    align-items: center;
}

.single-bootom-text {
    width: 33.33%;
}

.single-bootom-text a {
    display: block;
    color: #fff;
    font-weight: 600;
}

/*footer-area-end*/




/* ofcanvas   */
.header-off-btn.menu-trigger {
    display: block;
    background: rgb(88, 165, 254);
    background: -moz-linear-gradient(45deg, rgba(88, 165, 254, 1) 20%, rgba(88, 165, 254, 1) 20%, rgba(32, 209, 253, 1) 99%);
    background: -webkit-linear-gradient(45deg, rgba(88, 165, 254, 1) 20%, rgba(88, 165, 254, 1) 20%, rgba(32, 209, 253, 1) 99%);
    background: linear-gradient(45deg, rgba(88, 165, 254, 1) 20%, rgba(88, 165, 254, 1) 20%, rgba(32, 209, 253, 1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58a5fe', endColorstr='#20d1fd', GradientType=1);
    text-align: center;
    height: 40px;
    line-height: 40px;
    width: 40px;
    z-index: 9;
    position: absolute;
    right: 23px;
    top: 50%;
    border-radius: 5px;
    transform: translateY(-50%);
}


.header-off-btn.menu-trigger.right {
    display: block !important;
}

.off-canvas-menu {
    width: 300px;
    background: #fff;
    position: fixed;
    height: 100%;
    z-index: 99999;
    top: 0;
    left: -100%;
    transition: .3s;
}

.off-canvas-menu .header-btn {
    margin-top: 30px;
    text-align: center;
}

.header-btn.off a {
    margin: 0;
}

.close-menu a {
    position: absolute;
    right: 20px;
    height: 32px;
    color: #000;
    text-align: center;
    line-height: 32px;
    border-radius: 50%;
    top: 15px;
    background: #ffff;
    width: 32px;
}

.off-canvas-menu.active {
    left: 0;
}

.off-canvas-menu ul li a {
    color: #999;
    padding: 0;
    display: block;
    padding: 20px 0;
    font-size: 16px;
    border-bottom: 1px solid #dddddd87;
}

.off-canvas-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: -1;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;

}

.off-canvas-overlay.active {
    opacity: .6;
    z-index: 999;
    cursor: pointer;
}



.off-canvas-menu ul {
    margin-top: 65px;
    padding: 0;
    list-style: none;
}


.header-off-btn span {
    background: #283B91;
    height: 4px;
    width: 30px;
    display: block;
    border-radius: 14px;
    margin-bottom: 4px;
}

.header-off-btn {
    position: absolute;
    left: auto;
    z-index: 2;
    width: 30px;
    height: 22px;
    cursor: pointer;
    right: 70px;
}


.off-canvas-menu ul li {
    margin: 0 20px;
}

.off-canvas-menu {
    display: block;
}

.header-off-btn.menu-trigger a {
    color: #fff;
    font-size: 18px;
}

.ofcanvas a {
    display: block;
    padding: 7px 20px;
    color: #fff;
    text-align: ;
}




.off-canvas-overlay.active {
    opacity: .5;
    visibility: visible;
}

.header-btn.of-log {
    display: flex;
    height: auto;
    justify-content: center;
    margin-top: 50px;
}

.header-mainmenu-2 .header-off-btn.menu-trigger a {
    color: #2F6F76;
}

.header-off-btn.menu-trigger.right {
    display: none !important;
}

.registar-img {
	display: none;
}

#myVideo {
	position: absolute;
	top: 0;
	width: 74%;
	height: 100%;
	object-fit: cover;
	right: 0;
}
.registar-area {
	padding-top: 109px;
	padding-bottom: 189px;
	position: relative;
	margin-bottom: 20px;
}

.registar-wrap {
	position: relative;
	z-index: 999;
}




.registar-area::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 99;
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 12%, rgba(0,0,0,1) 22%, rgba(0,0,0,0.92) 26%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 12%,rgba(0,0,0,1) 22%,rgba(0,0,0,0.92) 26%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,1) 12%,rgba(0,0,0,1) 22%,rgba(0,0,0,0.92) 26%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}


a.hero-btn {
	color: #fff;
	background: red;
	width: 191px;
	height: 56px;
	margin-top: 10px;
	border-radius: 4px;
	font-size: ;
	letter-spacing: 0;
	line-height: 51px;
}


.header-src-btn ul {
	list-style: none;
	margin: 0;
	height: 100%;
}
.header-src-btn ul li {
	display: inline-block;
	position: relative;
	transform: unset;
}



/* Base CSS */
.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus {
    outline: 0 solid
}

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    color: #f8f9fa;
    font-family: 'Myriad Pro';
    font-weight: bold;
}

body {
    color: #545051;
    font-weight: normal;
    font-family: 'Myriad Pro';
    background: #03061C;
}



@font-face {
    font-family: 'Myriad Pro';
    src: url('MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('MyriadPro-Semibold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
        url('MyriadPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'California Sun Personal Use';
    src: url('../fonts/CaliforniaSunPersonalUse.woff2') format('woff2'),
        url('../fonts/CaliforniaSunPersonalUse.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}












.selector-for-some-widget {
    box-sizing: content-box;
}

a:hover {
    text-decoration: none
}

button:focus {
    outline: 0;
    outline: 5px auto -webkit-focus-ring-color;
}

/* Header bar section start */
.container {
    max-width: 1300px;
}


.header-area {
    background: #0065FF;
    height: 100px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 999999999;
    display: none;
}

.header-menu {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-logo {
    width: 50%;
    text-align: right;
}

.header-mainmenu {
    width: 50%;
    padding-left: 120px;
}

.header-mainmenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-mainmenu li {
	display: inline-block;
	position: relative;
	transition: .3s;
}
.header-mainmenu li a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: ;
    margin: 0 10px;
    font-size: 15px;
}

.header-logo {
    display: flex;
    align-items: center;
    justify-content: end;
}


.header-serch-area {
    height: 35px;
    display: flex;
    align-items: center;
}

.header-search {
    height: 35px;
    width: 50%;
    position: relative;
    margin-left: 60px;
}

.header-search input {
    width: 100%;
    border: 0;
    height: 100%;
    color: #000;
    font-weight: 600;
    padding-left: 50px;
}

.header-search a {
    position: absolute;
    content: "";
    background: ;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.header-src-btn a {
    width: 79px;
    height: 25px;
    background-color: rgb(254, 143, 3);
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 10px;
    position: relative;
}

.header-serch-area {
    height: 35px;
    display: flex;
    align-items: center;
    background: #FBFBFB;
    z-index: 99999999;
    position: relative;
}


/* Header bar section  END */


/*hero-sider-area-start*/

.hero-slider-area .container {
  max-width: 1400px;
}
.hero-slider-area {
  height: 520px;
  display: flex;
  align-items: center;
  background-size: 100% 100%;
  background-position: center;
}
.slider-containt a img {
  padding-left: 100px;
  width: auto !important;
}
.slider-containt h3 {
  font-size: 84px;
  height: ;
  line-height: 145px;
  color: #fff;
  font-weight: bold;
}
.hero-slider-btn a {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid #FF8E01;
  width: 140px;
  height: 35px;
  display: inline-block;
  text-align: center;
  line-height: 35px;
  margin-right: 40px;
}
.hero-slider-btn {
  display: flex;
  align-items: center;
}
.owl-dots {
	display: none;
}

.owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 60px;
  font-size: ;
}
.owl-nav button span {
  color: #FF8E01;
  font-size: 57px;
}
.owl-next {
  left: auto !important;
  right: 60px;
}
/*hero-sider-area-end*/











/*registarr-area-style-start*/

.registar-content h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}



.registar-btn a {
    width: 333px;
    height: 40px;
    background: ;
    background-color: rgb(255, 142, 1);
    display: inline-block;
    text-align: center;
    line-height: 39px;
    border-radius: 10px;
    font-size: 25px;
    color: #030a41;
    font-weight: 700;
    left: \];
    letter-spacing: 5px;
}

.registar-content h5 {
    font-size: 25px;
    color: #fff;
    line-height: 43px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.registar-content h5 span {
    font-size: 43px;
}

.learn-content.ttr.tte {
	margin-bottom: 46px;
}



/*registarr-area-style-end*/


/*learn-area-start-style*/

.learn-area {
    padding-bottom: 50px;
}




.learn-inner {
    padding-left: 65px;
    padding-right: 65px;
    padding-top: 40px;
    padding-bottom: 20px;
}


.learn-content p {
    font-size: 18px;
    color: #030a41;
    letter-spacing: 2px;
    margin: 0;
}


.learn-content {
    margin-bottom: 6px;
}


.learn-single-box {
    width: 233px;
    height: 122px;
    text-align: center;
    padding-top: 41px;
    border:1px solid #1084ad;
}

.learn-single-box span {
    display: block;
    color: #fff;
}

.learn-single-box span.ttr {
    font-size: 10px;
    color: #fefeff;
}

.learn-fx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}

.learn-image img {
    width: 100%;
}

.learn-heading {
    text-align: center;
    margin-bottom: 14px;
}

.learn-heading h3 {
    font-size: 45px;
    color: #ffffff;
    margin: 0;
    font-family: 'California Sun Personal Use';
}

.learn-content.tty {
    margin-bottom: 46px;
}


.learn-content.ttr {
    margin-bottom: 34px;
}

.learn-content.mmg {
    margin-bottom: 46px;
}

.tab-img {
    width: 100%;
}

.tabs-img {
    margin-bottom: 30px;
}




/*learn-area-end-start*/



/*student-area-style*/

.student-area {
    padding: 60px 0;
    background: #FBEFCE;
}

.student-img {
    text-align: center;
}

.student-content p {
    fo: ;
    font-size: 24px;
    color: #131313;
    font-weight: 700;
    letter-spacing: 4px;
    margin: 0;
    line-height: 55px;
}


/*student-area-end*/



/*blog-area-style-start*/


.blog-area {
    padding-top: 120px;
    padding-bottom: 40px;
}


.blog-box {
	background: #FFFFFF;
	text-align: center;
	padding: 48px 30px;
	border-radius: 10px;
	width: auto;
}

.blog-image {
	margin-bottom: 25px;
}
.blog-image img {
	max-width: 50px;
    margin: auto;
}
.blog-pro-img img {
	max-width: 135px;
	margin: auto;
}
.blog-content p {
	font-size: 13px;
	line-height: 23px;
	color: #151515;
	font-size: ;
	font-weight: 700;
	left: 2px;
	letter-spacing: 2px;
	margin: 0;
}

.blog-content {
	text-align: left;
	margin-bottom: 15px;
}

.blog-pro-img h6 {
	font-size: 13px;
	color: #151515;
	margin: ;
	margin-bottom: 0;
	margin-top: 15px;
	letter-spacing: 2px;
}

.blog-wrap {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 1050px;
	margin: auto;
}


/*blog-area-style-end*/

/*descrip-area-start-style*/



.descrip-area {
	background-size: 100% 100%;
	background-position: center top;
	padding-top: 70px;
	padding-bottom: 70px;
	object-fit: cover;
}

.descrip-wrap {
	width: 680px;
	margin: auto;
	background: #455CCC;
	opacity: 0.8;
	padding: 40px 60px;
}


.descrip-box h1 {
	font-size: 100px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 2px;
	margin: 0;
}
.descrip-box h5 {
	font-size: 40px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 10px;
}

.descrip-box a {
	font-size: 40px;
	color: #ff8e01;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: #fff;
	padding: 0 15px;
}


.descrip-box p {
	font-size: 20px;
	color: #fff;
	margin: ;
	margin-bottom: 0;
	margin-top: 10px;
	font-weight: 600;
}

.descrip-list ul {
	margin: 0;
	padding: 0;
	lisst: ;
	list-style: none;
}



.descrip-list ul li {
	font-size: 19px;
	color: #fff;
	font-weight: 600;
	padding-left: 20px;
	position: relative;
}

.descrip-list ul li i {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.footer-menu.cng {
	border-bottom: 3px solid #050504;
}

/*footer-top-area-style*/

.footer-top-icon a {
	height: 40px;
	width: 40px;
	background: #000;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	color: #fff;
	border-radius: 10px;
}

.footer-top-area {
	padding-top: 40px;
	background: #FBEFCE;
}

.footer-top-icon a {
	height: 40px;
	width: 40px;
	background: #000;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	color: #fff;
	border-radius: 10px;
	font-size: 21px;
	box-shadow: 5px 5px 15px -3px #000000c9;
	margin-right: 20px;
}


.footer-top-content a {
	display: block;
	font-size: 18px;
	color: #010101;
	font-weight: 700;
}

.bdr {
	border-bottom: 3px solid #050504;
	padding-left: 50px;
}


.footer-top-icon {
	margin-top: 10px;
	padding-bottom: 10px;
}

/*copyright-area-style*/
.copyright-text {
	text-align: center;
}




.copyright-area {
	padding-top: 5px;
	padding-bottom: 5px;
}

.copyright-text p {
	font-size: 14px;
	color: #f9dab4;
	margin: 0;
	font-weight: 700;
	letter-spacing: 2px;
}







/*tab-area-start*/

.tab-area {
    background: #03061C;
/*    padding: 100px 0;
    padding-bottom: 70px;
*/
}

.tab-section ul {
    justify-content: space-between;
    margin-bottom: 50px !important;
}

.tab-section li a {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    width: 196px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: relative;
    background: transparent !important;
    letter-spacing: 2px;
}

.tab-section ul li a:before {
    position: absolute;
    content: "";
    background-image: url(../img/btn.png);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-size: 100% 100%;
}


.tab-section {
    position: relative;
    z-index: 99;
}



.single-tab {
    display: flex;
    margin-bottom: 30px;
}

.tab-img {
    width: 30%;
}

.tab-mid {
    width: 48%;
    background: #FFE6A4;
    padding: 15px;
/*    padding-left: 147px;  */
}

.tab-last {
    width: 25%;
    background: #E3E3EA;
    padding: 60px;
    text-align: center;
}

.tab-mid h3 {
    font-size: 34px;
    color: #FF8E01;
    line-height: 36px;
    letter-spacing: 4px;
}

.tab-mid p {
    font-size: 18px;
    color: #030A41;
    margin: 0;
    letter-spacing: 2px;
}

.tab-last h3 {
    font-size: 34px;
    color: #FF8E01;
    line-height: 36px;
    letter-spacing: 4px;
    text-align: left;
}

.tab-last p {
    font-size: 18px;
    color: #030A41;
    font-weight: bold;
    text-align: ;
    margin: 0;
    left: ;
    letter-spacing: 2px;
    text-align: left;
}

.tab-last p {
    margin: auto;
}

.tab-last del {
    display: block;
}


/*tab-area-end*/

/*footer-area-start*/



.footer-area {
    background: #FBEFCE;
    padding: 40px 0;
}

.footer-menu {
    padding: 0 50px;
    border-bottom: 4px solid #FF8E01;
    padding-bottom: 20px;
}

.footer-wedget-title h3 {
    font-size: 24px;
    color: #030303;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.footer-wedget-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 65%;
}

.footer-wedget-menu {
    display: flex;
    justify-content: space-between;
}

.footer-wedget-menu ul li a {
    color: #030303;
    font-weight: ;
    font-size: 14px;
    color: ;
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
}

.footer-wedget-menu ul li:last-child a {
    margin: 0;
}

.footer-wedget-title h3 span {
    display: block;
    margin-bottom: 4px;
}

.footer-logo a img {
    width: 265px;
    margin-bottom: 17px;
}

.footer-logo {}

.footer-icon {
    display: flex;
    align-items: center;
}

.footer-icon a {
    display: ;
    font-size: 25px;
    color: #000000;
    margin-right: 10px;
}

.sooter-brand {
    text-align: center;
    padding-top: 20px;
}

.footer-brand-containt h3 {
    font-size: 18px;
    color: #010101;
    text-transform: uppercase;
    margin: 0;
    line-height: 24px;
    letter-spacing: 2px;
}

.footer-brand-containt p {
    font-size: 14px;
    color: #010101;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0;
}

.footer-brand-containt {
    margin-bottom: 10px;
}

.footer-bottom-area {
    background: #2C3694;
    padding: 30px 0;
}

.footer-blue-text {
    padding: 0 60px;
    display: flex;
    align-items: center;
}

.single-bootom-text {
    width: 33.33%;
}

.single-bootom-text a {
    display: block;
    color: #fff;
    font-weight: 600;
}

/*footer-area-end*/




/* ofcanvas   */
.header-off-btn.menu-trigger {
    display: block;
    background: rgb(88, 165, 254);
    background: -moz-linear-gradient(45deg, rgba(88, 165, 254, 1) 20%, rgba(88, 165, 254, 1) 20%, rgba(32, 209, 253, 1) 99%);
    background: -webkit-linear-gradient(45deg, rgba(88, 165, 254, 1) 20%, rgba(88, 165, 254, 1) 20%, rgba(32, 209, 253, 1) 99%);
    background: linear-gradient(45deg, rgba(88, 165, 254, 1) 20%, rgba(88, 165, 254, 1) 20%, rgba(32, 209, 253, 1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58a5fe', endColorstr='#20d1fd', GradientType=1);
    text-align: center;
    height: 40px;
    line-height: 40px;
    width: 40px;
    z-index: 9;
    position: absolute;
    right: 93px;
    top: 50%;
    border-radius: 5px;
    transform: translateY(-50%);
}


.header-off-btn.menu-trigger.right {
    display: block !important;
}

.off-canvas-menu {
    width: 300px;
    background: #fff;
    position: fixed;
    height: 100%;
    z-index: 99999999999;
    top: 0;
    left: -100%;
    transition: .3s;
}

.off-canvas-menu .header-btn {
    margin-top: 30px;
    text-align: center;
}

.header-btn.off a {
    margin: 0;
}

.close-menu a {
    position: absolute;
    right: 20px;
    height: 32px;
    color: #000;
    text-align: center;
    line-height: 32px;
    border-radius: 50%;
    top: 15px;
    background: #ffff;
    width: 32px;
}

.off-canvas-menu.active {
    left: 0;
}

.off-canvas-menu ul li a {
    color: #999;
    padding: 0;
    display: block;
    padding: 20px 0;
    font-size: 16px;
    border-bottom: 1px solid #dddddd87;
}

.off-canvas-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: -1;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;

}

.off-canvas-overlay.active {
    opacity: .6;
    z-index: 999;
    cursor: pointer;
}



.off-canvas-menu ul {
    margin-top: 65px;
    padding: 0;
    list-style: none;
}


.header-off-btn span {
    background: #283B91;
    height: 4px;
    width: 30px;
    display: block;
    border-radius: 14px;
    margin-bottom: 4px;
}

.header-off-btn {
    position: absolute;
    left: auto;
    z-index: 2;
    width: 30px;
    height: 22px;
    cursor: pointer;
    right: 70px;
}


.off-canvas-menu ul li {
    margin: 0 20px;
}

.off-canvas-menu {
    display: block;
}

.header-off-btn.menu-trigger a {
    color: #fff;
    font-size: 18px;
}

.ofcanvas a {
    display: block;
    padding: 7px 20px;
    color: #fff;
    text-align: ;
}




.off-canvas-overlay.active {
    opacity: .5;
    visibility: visible;
}

.header-btn.of-log {
    display: flex;
    height: auto;
    justify-content: center;
    margin-top: 50px;
}

.header-mainmenu-2 .header-off-btn.menu-trigger a {
    color: #2F6F76;
}

.header-off-btn.menu-trigger.right {
    display: none !important;
}

.registar-img {
	display: none;
}

#myVideo {
	position: absolute;
	top: 0;
	width: 74%;
	height: 100%;
	object-fit: cover;
	right: 0;
}
.registar-area {
	padding-top: 109px;
	padding-bottom: 189px;
	position: relative;
	margin-bottom: 20px;
}

.registar-wrap {
	position: relative;
	z-index: 999;
}




.registar-area::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 99;
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 12%, rgba(0,0,0,1) 22%, rgba(0,0,0,0.92) 26%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 12%,rgba(0,0,0,1) 22%,rgba(0,0,0,0.92) 26%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,1) 12%,rgba(0,0,0,1) 22%,rgba(0,0,0,0.92) 26%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}


a.hero-btn {
	color: #fff;
	background: red;
	width: 191px;
	height: 56px;
	border-radius: 4px;
	font-size: ;
	letter-spacing: 0;
	line-height: 51px;
	margin: 0;
}


.header-src-btn ul {
	list-style: none;
	margin: 0;
	height: 100%;
	display: flex;
	align-items: center;
}
.header-src-btn ul li {
	display: inline-block;
	position: relative;
	transform: unset;
}





.submenu {
  position: absolute;
  background: #fff;
  box-shadow: 0px 1px 6px 0 rgba(0, 0, 0, 0.4);
  width: 250px;
  border-radius: 3px;
  top: 100%;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.submenu li {
  display: block;
  position: relative;
}
.submenu a {
  display: block;
  margin: 0;
}
.submenu li a {
  color: #000;
  margin: 0;
  height: 45px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  font-size: 14px;
  transition: .3s;
  justify-content: space-between;
}
.submenu li:hover > a {
  background: #F2F3F5;
  color: #0065FF;
    padding-left: 35px
        
}
.submenumaga {
  position: absolute;
  background: #fff;
  box-shadow: 0px 1px 6px 0 rgba(0, 0, 0, 0.4);
  width: 250px;
  border-radius: 3px;
  top: 100%;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.submenumaga li {
  display: block;
  position: relative;
}
.submenumaga a {
  display: block;
  margin: 0;
}
.submenumaga li a {
  color: #000;
  margin: 0;
  height: 45px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  font-size: 14px;
  transition: .3s;
  justify-content: space-between;
}
.submenumaga li:hover > a {
  background: #F2F3F5;
  color: #0065FF;
    padding-left: 35px
        
}


.submenumaga {
  left: 100%;
  top: 0;
  border-radius: 0;
  box-shadow: 0px 1px 6px 0 rgba(0, 0, 0, 0.4);
  z-index: 9;
  opacity: 0;
  visibility: hidden;
}

.submenumaga2 {
	position: absolute;
	background: #fff;
	box-shadow: 0px 1px 6px 0 rgba(0, 0, 0, 0.4);
	width: 222px;
	border-radius: 3px;
	top: 100%;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
.submenumaga2 li {
  display: block;
  position: relative;
}
.submenumaga2 a {
  display: block;
  margin: 0;
}
.submenumaga2 li a {
  color: #000;
  margin: 0;
  height: 45px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  font-size: 14px;
  transition: .3s;
  justify-content: space-between;
}
.submenumaga2 li a:hover {
  background: #F2F3F5;
  color: #0065FF;
    padding-left: 35px
        
}


.submenumaga2 {
  left: 100%;
  top: 0;
  border-radius: 0;
  box-shadow: 0px 1px 6px 0 rgba(0, 0, 0, 0.4);
  z-index: 9;
  opacity: 0;
  visibility: hidden;
}


.header-mainmenu ul li:hover > .submenu {
	opacity: 1;
	visibility: visible;
}
.header-mainmenu ul li ul li:hover > .submenumaga{
	top: 0;
	opacity: 1;
	visibility: visible;
}
.header-mainmenu ul li .submenu .submenumaga li:hover .submenumaga2{
	top: 0;
	opacity: 1;
	visibility: visible;
}

.header-src-btn ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.head {
}
.submenu.drop li {
  display: block;
  width: 100%;
  margin: 0;
}
.submenu.drop li a {
  display: block;
  width: 100%;
  margin: 0;
  background: #fff;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
}
.submenu.drop {
  padding: 0;
  top: 46px;
  height: auto;
  left: auto;
  right: 0;
  display: block;
}
.submenu.drop li a:hover {
  border: ;
  background: #F2F3F5;
}
.submenu.drop:before {
  position: absolute;
  content: "";
  background: transparent;
  height: 0;
  width: 0;
  border: 10px solid #fff;
  right: 12px;
  transform: rotate(45deg);
  top: -9px;
  z-index: 9;
  border-bottom-color: transparent;
  border-right-color: transparent;
  display: block;
}




















.head-bt a span {
  position: absolute;
  top: -9px;
  height: 20px;
  width: 20px;
  background: red;
  color: #fff;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  border-radius: 50%;
  right: -13px;
}


.header-serch-ri {
  display: flex;
}
.header-serch-ri {
}
.head-bt a {
  color: #f8f9fa;
  font-size: 20px;
  margin: 0 20px;
  position: relative;
}

.header-serch-area.spec {
  height: 50px;
}
.head-bt {
  margin-top: 0px;
}

.submenu.drop.drp-2 li a {
	display: block !important;
	text-align: left;
	border-bottom: 1px solid #CFCFCF !important;
	padding: 12px 21px;
	font-size: 16px;
	background: #E5E5E5;
    
}
.submenu.drop.drp-2 li a i {
	padding-right: 10px;
}
.submenu.drop.drp-2 li a.log-bt {
	padding: 9px 0;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	background: ;
	color: #057792;
	background: #D1D2D5;
}

.submenu.drop.drp-2 {
	width: 300px;
	height: auto;
	background: #E5E5E5;
	padding: 12px 13px;
}

.sub-img img {
	width: 100%;
	border-radius: 30px;
}
.sub-img {
	width: 50px;
	padding-right: 10px;
}

.sub-fx {
	display: flex;
	align-items: center;
}

.sub-cnt h5 {
	font-size: 18px;
	margin: 0;
	color: #9A9A9A;
	text-transform: capitalize;
}

.sub-cnt p {
	font-size: 15px;
	margin: 0;
	color: #9A9A9A;
	text-transform: capitalize;
}

.submenu.drop.drp-2 li.ttf a {
	height: 80px;
	padding: ;
	border: ;
	border-bottom: 1px solid #CFCFCF !important;
}

.btn-fx {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

#mute-video {
	background: transparent;
	color: #fff;
	border: 0;
	font-size: 32px;
}


.opn.activee {
	display: none;
}

.cls.activee {
	display: block;
}


.cls {
	display: none;
}


.aaa {
  margin: 0 !important;
}
.aaa li a {
  padding: 8px 0 !important;
  font-size: 14px !important;
  text-transform: capitalize;
}


/*coursecontent-page-css-start*/


.welcome-baner-area {
  padding: 0 30px;
  height: 90px;
  display: flex;
  align-items: center;
}
.celcome-baner-containt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.celcome-baner-containt h3 {
  font-size: 20px;
  color: ;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  font-weight: 400;
  margin: 0;
}
.welcome-baner-btn {
  display: flex;
  align-items: center;
}
.welcome-baner-btn a {
  font-size: 16px;
  color: #95979a;
  font-weight: 500;
  padding: 8px 15px;
  display: inline-block;
  border: 1px solid #95979a;
  margin-left: 5px;
  transition: .3s;
}
.welcome-baner-btn a i {
  margin-right: 10px;
}
.welcome-baner-btn a:hover {
  border-color: #fff;
  color: #fff;
}
.mll i {
	margin-left: 5px;
	margin-right: 0 !important;
}



.bootcump-pop {
  position: relative;
}
.bootcump-pop a {
  /*! position: absolute; */
  /*! left: 0px; */
  /*! top: 50%; */
  /*! transform: translateY(-50%); */
  /*! color: #fff; */
  /*! font-size: 42px; */
  /*! height: 90px; */
  /*! width: 90px; */
  /*! text-align: center; */
  /*! line-height: 92px; */
  /*! right: 0; */
  /*! margin: auto; */
  /*! transition: .3s; */
}
.bootcump-pop a:before {
  /*! position: absolute; */
  /*! content: ""; */
  /*! background: #000; */
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  /*! border-radius: 50%; */
  opacity: .7;
}
.bootcump-pop a i {
  /*! z-index: 9; */
  /*! position: relative; */
}
.bootcump-area {
  background: #29303B;
  padding: 40px 0;
}
.bootcump-pop {
  border: 5px solid #fff;
  height: 265px;
  z-index: 9;
}

.bootcump-pop a:hover {
  /*! opacity: .7; */
}


.bootcump-containt h3 {
  font-size: 24px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 20px;
}
.bootcump-containt span {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 16px;
  display: block;
}
span {
}
.bootcump-containt p {
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 20px;
}
.porg p {
  display: flex;
  align-items: center;
}
.porg span {
  width: 693px;
  height: 10px;
  background: #F44A4A;
  border-radius: 20px;
  margin: 0 !important;
  margin-right: 10px !important;
}
.porg p {
  color: #686F7A;
  margin: 0 !important;
}
.porg {
  margin-bottom: 30px;
}
.bootcump-containt a {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  color: #fff;
  background: #F44A4A;
  padding: 15px 15px;
  display: inline-flex;
  transition: .3s;
}
.bootcump-containt a:hover {
  background: #992337;
}



.bootcump-pop img {
  height: 100%;
  width: 100%;
}






.course-tab-area {
  background: #F2F3F5;
  padding: 50px 0;
  padding-bottom: 30px;
}
.coures-tab ul {
  display: flex;
  justify-content: start;
  align-items: center;
  border-bottom: 1px solid #DEE2E6;
  margin-bottom: 25px !important;
}



.coures-tab ul li a {
  color: #777777;
  font-size: 15px;
  color: ;
  font-family: 'Poppins', sans-serif;
  padding: 0 33px;
  border-bottom: 5px solid transparent;
  border-radius: 0 !important;
  margin: 0 5px;
  transition: .3s;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background: transparent !important;
  color: #29303B !important;
  margin-left: 5px;
  border-color: #0284A2 !important;
}








.recent-area {
  padding-left: 5px;
  margin-bottom: 40px;
}

.tab-title h3 {
  font-size: 20px;
  color: #29303B;
  font-weight: 600;
  margin-bottom: 0;
  font-family: 'Mulish', sans-serif;
}

.recent-fl {
  display: flex;
  justify-content: space-between;
}
.single-recent {
  width: 49%;
  border: 1px solid #DDD;
  background: #fff;
  transition: .3s;
}
.resent-title h3 {
  font-weight: 600;
  background-color: #F2F3F5;
  padding: 15px;
  margin-bottom: 0;
  border-bottom: 1px solid #DDD;
  font-size: 16px;
  font-family: 'Mulish', sans-serif;
}
.recent-mid p {
  text-align: center;
  color: #29303B;
  font-family: 'Mulish', sans-serif;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}
.recent-mid {
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recent-btn a {
  font-weight: 600;
  background-color: #F2F3F5;
  padding: 15px;
  margin-bottom: 0;
  border-bottom: 1px solid #DDD;
  display: block;
  font-size: 14px;
  color: #0284A2;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
}
.single-recent:hover {
  box-shadow: 0 0 1px 1px rgba(20,23,28,0.1), 0 3px 1px 0 rgba(20,23,28,0.1);
}

.tab-title {
  margin-bottom: 20px;
}

.tab-title.mb-30 h3 {
  margin-bottom: 20px;
}
.tab-title p {
  color: ;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
}
.tab-title.mb-30 {
  margin-bottom: 40px;
}




.table-top {
  display: flex;
  height: 80px;
  border-top: 1px solid #D9DADC;
  align-items: center;
}
.single-table-top {
  width: 30%;
}
.single-table-top:nth-child(2) {
  width: 60%;
}
.single-table-top h3 {
  font-size: 15px;
  color: #29303B;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  margin: 0;
}
.table-fl {
  display: flex;
  border-top: 1px solid#D9DADC;
  padding: 15px 0;
}
.table-left {
  width: 25%;
}
.table-right {
  width: 75%;
}
.table-left h3 {
  font-size: 15px;
  color: #29303B;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  margin: 0;
}
.table-text h3 {
  font-size: 16px;
  color: #29303B;
  font-weight: 600;
  margin-bottom: 20px;
  font-family: font-family: 'Mulish', sans-serif;
}
.table-text p {
  font-size: 15px;
  color: #29303B;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
}
.table-fl {
}
.table-fl:last-child {
  margin: ;
}
.table-adbin {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.table-adbin span {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
}
.admin-text a {
  font-size: 19px;
  color: #777777;
  display: block;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
}
.maill {
  font-size: 15px !important;
  color: #29303B !important;
  font-weight: 400 !important;
}

.table-link {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.table-link a {
  width: 38px;
  height: 38px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  border-radius: 5px;
  background: #DEDFE0;
  margin-right: 10px;
  color: #fff;
  transition: .3s;
}
.table-link a:hover {
  background: #505763;
}
.table-text.text2 p span {
  font-weight: 600;
}









/* The container */
.container-ck {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container-ck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container-ck:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-ck input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-ck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-ck .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}





.card h5 {
  color: ;
  padding: 0 !important;
  background:   #F9F9F9;
}
.card-header {
  padding: 0;
  border: 1px solid #D8D8D8;
  overflow: hidden;
}
.card-header button {
  background: #F9F9F9;
  width: 100%;
  text-align: left;
  display: flex;
  padding: 10px 15px;
  justify-content: space-between;
  text-decoration:  none !important;
}
.colap-btn {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.colap-btn label {
  width: 5%;
}
.colp-mid {
  width: 47.5%;
  text-align: left;
}
.colp-mid h3 {
  font-size: 15px;
  color: #686F7A;
  font-weight: 500;
  margin-bottom: 5px;
  font-family: 'Mulish', sans-serif;
}
.colp-mid h3:last-child {
  margin: 0;
  font-size: 16px;
  color: #686F7A !important;
  font-weight: 400;
  font-family: 'Mulish', sans-serif;
}
.colp-mid.last {
  text-align: right;
}
.card {
  margin-bottom: 10px;
  border: 0;
}
.selict-text a {
  color: #29303B;
  font-size: 15px;
  margin-bottom: 10px;
  display: block;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
}



.collapse {
  border: 0;
}
.card-body {
  border: 0 !important;
}
.card-body {
  padding: 15px 15px;
}
.class-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.class-fl {
  display: flex;
  align-items: center;
}
.class-fl a {
  color: #0284A2;
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-right: 30px;
}
.class-fl a i {
  margin-right: 5px;
}
.class-fl p {
  font-size: 14px;
  color: #0284A2;
  margin: 0;
  font-family: 'Mulish', sans-serif;
  font-weight: 500;
}
.class-type span {
  font-size: 14px;
}



.theme-btn {
  background: #F44A4A;
  padding: 12px 25px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  border-radius: 5px;
  transition: .3s;
}



.ask-area {
  display: flex;
  align-items: center;
  height: 100px;
  background: #FFFFFF;
  justify-content: space-between;
  padding: 0 33px;
}
.ask-area h3 {
  font-size: 20px;
  color: ;
  font-family: 'Mulish', sans-serif;
  margin: 0;
}


.no-area {
  padding-top: 60px;
  padding-bottom: 55px;
  text-align: center;
}
.no-area h3 {
  font-size: 36px;
  font-family: 'Mulish', sans-serif;
}
.no-area p {
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  max-width: 700px;
  margin: auto;
}


   .theme-btn:hover {
	background: #992337;
	color: #fff;
} 
   


/*coursecontent-page-css-end*/



/*training-area-start*/

.trand-heri-area {
  padding: 50px 0;
  background: #29303B;
}
.trand-hero-containt h3 {
  font-size: 36px;
  margin-bottom: 20px;
  color: #fff;
  font-family: 'Mulish', sans-serif;
}
.trand-hero-containt p {
  font-size: 21px;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
}
.trand-hero-containt ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 10px;
}
.trand-hero-containt ul li {
  display: inline-block;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  margin-right: 10px;
}
.trand-hero-containt ul li a {
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
}
.trand-hero-containt ul li a i {
  margin-right: 5px;
}
.ster {
  display: flex;
  align-items: center;
}
.ster a {
  color: #FFC902 !important;
}




.traning-area {
  background: #FFFFFF;
  padding: 50px 0;
}
.what-area {
  border: 1px solid #DEDFE0;
  background: #F9F9F9;
  padding: 20px;
}
.traning-section-title h3 {
	font-size: 20px;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	color: #29303B;
	margin: 0;
}
.traning-section-title {
  margin-bottom: 20px;
}
.what-single-list a {
  color: ;
  font-weight: ;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color: #29303B;
  font-size: 15px;
}
.what-single-list a i {
  margin-right: 10px;
}
.what-single-list {
  margin-bottom: 20px;
  width: 43%;
  margin-right: 10px;
}
.what-single-list:last-child {
  margin: 0;
}
.what-fl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}



.requer-area {
  padding: 20px 0;
}
.requer-area ul {
  padding-left: 15px;
  margin: 0;
}
.requer-area li {
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  color: #29303B;
  font-weight: 400;
}
.Description-area p {
  font-size: 15px;
  color: #29303B;
  font-family: 'Poppins', sans-serif;
  margin: 0;
}
.Description-area {
  margin-bottom: 20px;
}


.ssdl {
  display: flex;
  align-items: center;
}
.colp-mid.dd {
  width: 100%;
  margin-right: 40px;
}


.fas.fa-heart {
  -webkit-text-stroke: 1px #F44A4A;
  color: transparent;
  transition: .3s;
}
.fas.fa-heart:hover {
  color: #F44A4A;
}
.love {
  text-align: right;
}
.love a {
  color: #fff;
  display: flex;
  justify-content: end;
  align-items: center;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 400;
}
.love a i {
  margin-right: 10px;
  -webkit-text-stroke: 1px #fff !important;
}
.love a i:hover {
  color: #fff !important;
}




.card button a i {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.card button {
  padding-left: 45px;
  position: relative;
}
.card button[aria-expanded="true"] a i.fal.fa-minus  {
  opacity: 1;
  visibility: visible;
}.card button[aria-expanded="false"] a i.fal.fa-plus {
  opacity: 1;
  visibility: visible;
}

.video-preview iframe {
	width: 100%;
	height: 100%;
}
.video-preview {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 30;
	width: 100%;
	height: 100%;
}
.video-preview iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.btn-video-play i {
	margin: 0 auto;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 30;
	color: var(--text-white-color);
	font-size: 42px;
	border: 1px solid transparent;
	border-radius: 100%;
	background-color: rgba(0, 0, 0, .6);
	padding: 25px 27px;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	/*! transition: all 0.5s ease; */
	/*! right: 0; */
	/*! margin: auto; */
}
.bg_img {
	background-size: cover;
	width: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

/*training-area-end*/




/*about-area-style-start*/

.about-title h3 {
	font-size: 24px;
	color: var(--text-black-color);
	font-weight: 600;
	margin-bottom: 20px;
}


.about-image {
	height: auto;
	width: 30%;
	border-radius: 50%;
	overflow: hidden;
}

.man-content {
	width: 70%;
}

.about-fx {
	display: flex;
}
.man-content a {
	font-size: 18px;
	color: var(--text-blue-color);
	margin-bottom: 10px;
	display: block;
    transition: .3s;
}

.man-content a:hover {
	color: #007bff;
}
.man-content h4 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
	font-family: 'Poppins', sans-serif;
	color: var(--text-black-color);
}


.man-content p {
	font-size: 15px;
	color: var(--text-black-color);
	font-weight: 400;
	font-family: 'Open Sans', Arial, sans-serif;
	line-height: 1.5;
	margin: 0;
}

.man-content {
	width: 70%;
	padding-left: 25px;
}


/*student-area-style*/

.student-fs-box {
	width: 110px;
}

.student-ss-box {
	width: 560px;
	padding-left: 40px;
}

.student-rd-box {
	width: 110px;
}

.student-fx {
	display: flex;
}

.student-nb {
	text-align: center;
}

.student-nb span {
	font-size: 72px;
	color: var(--text-black-color);
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
}
.student-icon span.ttf {
	color: #FFCC01;
	font-size: 14px;
}

.student-icon span {
	font-size: 14px;
}

.student-cnt p {
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
	margin: ;
	margin-bottom: 0;
	margin-top: 11px;
	font-weight: 400;
	color: #000;
}

.student-rvw-area .progress {
	display: -ms-flexbox;
	display: flex;
	height: 26px !important;
	overflow: hidden;
	font-size: 16px !important;
	background-color: #F2F3F5;
	border-radius: 5px !important;
	width: 360px;
}

.student-rvw-area .progress-bar {
	background-color: #777777;
}



.student-rvw-fx {
  display: flex;
  align-items: center;
}
.student-revew {
	margin-left: 15px;
	margin-right: 8px;
}

.student-rd-box {
	width: 170px;
}

.student-revew span.ttf {
	color: #FFCC01;
}

.student-revew span {
	font-size: 14px;
}

.student-rx-tn span {
	font-size: 15px;
	color: #0284A2;
}

.pgrs-on-box {
	display: flex;
	align-items: center;
}

.student-rvw-area {
	padding-top: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #E5E5E5;
}

.report-jd h5 {
	width: 40px;
	height: 40px;
	background: #686F7A;
	display: ;
	display: block;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 34px;
	text-transform: uppercase;
	font-size: 15px;
	color: #fff;
	font-weight: 400;
}

.report-date span {
	font-size: 15px;
	color: #686F7A;
	font-weight: 400;
	margin-bottom: 3px;
	display: block;
}
.report-date p {
	margin: 0;
	font-size: 17px;
	color: #29303B;
	font-weight: 400;
}
.report-single-fx {
	width: 130px;
	display: flex;
	justify-content: space-between;
}

.report-area {
	padding: 20px 0;
	border-bottom: 1px solid #E5E5E5;
}


.report-content-bx {
	width: 480px;
}

.report-fx {
	display: flex;
	justify-content: space-between;
}

.student-revew.rpt {
	margin-left: 0;
	margin-bottom: 10px;
}

.report-content-bx p {
	font-size: 15px;
	color: #29303B;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}
.report-btn-area a {
	font-size: 16px;
	color: #686F7A;
	text-align: center;
	display: block;
	font-weight: 400;
}

.report-btn-area a i {
	font-size: 14px;
	padding-right: 6px;
}

.report-btn-area {
	padding-top: 30px;
}

/*about-ri-area-style*/

.chart-box {
	border: 1px solid #E7E7E8;
	padding: 30px;
}

.chart-box-content h3 {
	font-size: 36px;
	color: #777777;
	font-weight: 700;
	margin-bottom: 10px;
}

.chart-box-content span {
	font-size: 20px;
	color: #777777;
	font-weight: 400;
	position: relative;
}

.chart-box-content span::before {
	position: absolute;
	width: 40px;
	height: 1px;
	background: #777777;
	content: "";
	top: 0;
	bottom: 0;
	margin: auto;
}

.chart-btn a {
	font-size: ;
	width: 100%;
	height: 58px;
	background: #F44A4A;
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	color: #214049;
	font-weight: 500;
	text-transform: capitalize;
	border-radius: 2px;
    transition: .3s;
    font-family: 'Poppins', sans-serif;
}

.chart-btn a i {
	padding-right: 10px;
	font-size: 16px;
}

.chart-btn a:hover {
	background: #992337;
	color: #fff;
}

.chart-btn {
	margin-bottom: 20px;
}
.cart-hdn h3 {
	font-size: 20px;
	font-weight: 500;
	color: #777777;
	font-family: 'Poppins', sans-serif;
}

.cart-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.cart-list ul li a {
	font-size: 14px;
	color: #777777;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
	line-height: 30px;
	position: relative;
	padding-left: 25px;
}

.cart-list ul li a i {
	position: absolute;
	left: 0;
	top: 5px;
}

.cart-list {
	padding-bottom: 30px;
	border-bottom: 1px solid #E7E7E8;
}

.share-btn {
	text-align: center;
	padding-top: 10px;
}



.share-btn a {
	font-size: 18px;
	color: #0284A2;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
    transition: .3s;
}


.share-btn a:hover{
    color: #003845;
}

.video-area {
	position: absolute;
}

/*single-recent-area*/

.single-rexently-text {
	width: 180px;
}



.single-rexently-left img {
	width: 110px;
}

.single-rexently-text h3 {
	font-size: 14px;
	color: #0284A2;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
	margin: 0;
}

.single-rexently-text p {
	font-size: 13px;
	color: #686F7A;
	font-size: ;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}

.single-resent-icn {
	width: 69px;
	text-align: center;
}
.single-resent-icn span {
	font-size: 20px;
	color: #686F7A;
}

.single-resent-icn span i {
	font-size: 15px;
	padding-right: 3px;
}
.single-hrt-cnt {
	width: 93px;
}

.single-hrt-cnt span {
	display: block;
	font-size: 16px;
	color: #000;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
}

.single-hrt-cnt span.tty {
	position: relative;
	color: #555;
}
.single-hrt-cnt span.tty::before {
	position: absolute;
	width: 47px;
	height: 1px;
	content: "";
	background: #555;
	top: 0;
	bottom: 0;
	margin: auto;
}

.recently-fl {
	display: flex;
	justify-content: space-between;
	background: transparent;
	padding: 20px;
    transition: .3s;
}

.single-rexently-left {
	display: flex;
	width: 322px;
	justify-content: space-between;
}
.single-heart-fl {
	display: flex;
}

.recently-fl:hover {
	background: #E8E9EB;
}

.heart-icon span {
	font-size: 23px;
	color: red;
}

.Recently-area {
	padding-top: 20px;
	padding-bottom: 20px;
}


.single-hrt-cnt.tex p {
	font-size: 16px;
	font-weight: 400;
	color: #000;
	font-family: 'Poppins', sans-serif;
	margin: 0;
}




  
  .about-ri-area.header-middle.scroll-header {
	position: fixed;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 9999;
	-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	max-width: 392px !important;
	min-width: 392px;
	top: 0;
	z-index: 999999999;
	background: #fff;
	padding: 0;
}


.header-bar {
  height: 50px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #fff;
  background: #0284A2;
  position: relative;
}
.header-bar a {
  color: #fff;
  text-decoration: underline;
}
.xsd {
  position: absolute;
  right: 21px;
}.header-bar.active {
	display: none;
}

.header-bar {
	height: 50px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #fff;
	background: #0284A2;
	position: relative;
}.header-bar a {
	color: #fff;
	text-decoration: underline;
}
.header-bar a {
	color: #fff;
	text-decoration: underline;
}

.header-area-bb {
  display: flex;
  align-items: center;
  position: relative;
}
.header-fl {
  align-items: center;
  justify-content: space-between;
  display: flex;
}
.header-area-bb .header-logo {
  width: auto;
}
.header-mid {
  display: flex;
  align-items: center;
}
.header-menuu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.header-menuu li {
  display: inline-block;
  position: relative;
}
.header-menuu li a {
  color: #fff;
  font-weight: 600;
  padding: 15px;
  transition: .3s;
}
.header-menuu li:hover a {
	color: #0284A2;
}

.header-menuu ul li ul.submenu-2 {
  position: absolute;
  width: 250px;
  background: #fff !important;
  height: ;
  top: 70px;
  left: 0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.header-menuu ul li:hover ul.submenu-2 {
	opacity: 1;
	visibility: visible;
	top: 36px;
}
.header-menuu ul li ul.submenu-2 li:hover > ul.submenu-2 {
	opacity: 1;
	visibility: visible;
	left: 100%;
}
.header-menuu ul li ul.submenu-2 li {
  display: block;
  padding: 0;
  margin: 0;
}
.header-menuu ul li ul.submenu-2 li a {
  font-size: 16px;
  color: #000;
  padding: 11px 21px;
  display: flex;
  border-bottom: 1px solid #ddd;
  align-items: center;
  justify-content: space-between;
  transition: .3s;
}
.header-menuu ul li ul.submenu-2 li a:hover {
	background: #0284A2;
	color: #fff;
	padding-left: 35px;
}
.header-menuu ul li ul.submenu-2 li ul.submenu-2 {
	top: 0;
    left: 80%;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}



.header-menuu {
  /*margin-right: 60px;*/
}
.head-bt {
  margin-right: 50px;
}


.search-btn{
  padding: 0 !important;
  margin-left: -10px;
  border-radius: 0 4px 4px 0px !important;
}



.header-mi {
  width: 63px;
  height: 28px;
  line-height: 28px;
  background: #fff;
  border-radius: 60px;
  text-align: center;
  color: #000;
  position: relative;
}
.header-mi a {
  color: #000;
}.header-menuu li a i {
	color: #FF0000;
	font-weight: 700;
}



.dropdown-menu.show {
	width: 330px;
	background: #fff;
	padding-left: 0;
	padding-top: 15px;
	padding-bottom: 0;
}
.drp-heding {
	display: flex;
	align-items: center;
	padding-bottom: 11px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	padding-left: 20px;
}
.hedn-icon a {
  font-size: 31px;
  color: #CACACA;
}
.drp-content h5 {
  font-size: 21px;
  color: #CACACA;
  margin: 0;
  line-height: 1;
}
.drp-content a {
  font-size: 17px;
  color: ;
  color: #CACACA;
  font-weight: 5000;
}
.drp-content {
  padding-left: 15px;
}

.drop-down-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.drop-down-list ul li a {
  font-size: 20px;
  padding-left: 22px;
  color: #868080;
  display: block;
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 8px 21px;
}
.drop-down-list ul li a i {
  position: absolute;
  left: 0;
  top: 16px;
  font-size: 15px;
}
.drop-down-list {
	padding-left: 20px;
}
.drp-log {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #E9EAED;
}
.dropdown-menu {
	left: auto !important;
	right: -16px !important;
}
.dropdown-menu {
	transition: ;
	transform: unset !important;
	right: 0 !important;
	top: 29px !important;
}
.drp-log a {
	font-size: 22px;
	color: #0887A4;
	font-weight: 700;
	text-transform: capitalize;
}


/* ================================= */
    /*===== Filter-Page =====*/
/* ================================= */
.filter-home-main-block {
  background-color: var(--background-grey-bg-color);
}
.filter-home-main-block .catalog-heading {
  color: var(--text-light-grey-color);
}
.filter-list .form-group ul li {
  display: inline-block;
}
.filter-list .form-group ul li ul li i {
  color: #F4C150;
}
.filter-dropdown .language-select {
  border: 1px solid #CACBCC;
  background-color: var(--background-white-bg-color);
  padding: 10px 15px;
}
.filter-dropdown ul li {
  display: inline-block;
}
.filter-dropdown .language-select .select {
  color: var(--text-dark-grey-color);
}
.filter-dropdown .dropdown-select {
  border-top: 2px solid #F4C150;
}
.filter-dropdown .dropdown-select-one {
  border-top: 2px solid #CC87B4;
}
.filter-btn {
  display: inline-block;
  margin-right: 10px;
}
.filter-btn-one .btn-info {
  background-color: var(--background-white-bg-color);
  border: 1px solid var(--text-blue-color);
  color: var(--text-blue-color)
}
.filter-btn-one .btn-info:hover {
  background-color: var(--background-white-bg-color);
  border: 1px solid #003440;
  color: #003440;
}
.filter-list span {
  font-weight: 500;
}
.filter-dropdown .dropdown-menu {
  width: 290px;
}
.filter-dropdown .dropdown-menu .form-check-input {
  margin: -10px 0 0 0;
}
.filter-dropdown .dropdown-menu-one {
  width: 190px;
  padding: 20px;
}
.filter-dropdown .dropdown-menu-one ul li {
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .filter-btn {
    float: left;
  }
}
.catalog-main-block {
  /*background-color: var(--background-grey-bg-color);*/
  padding: 10px 0;
  margin-bottom: 15px;
}
.catalog-heading {
  font-size: 18px;
}
.catalog-main-block ul li {
  display: inline-block;
  border: 1px solid #CACBCC;
  padding: 10px;
  background-color: var(--background-white-bg-color);
}
.catalog-main-block ul li ul li {
  border: none;
  padding: 0;
  font-weight: 400;
}
.catalog-main-block ul li a {
  color: var(--text-dark-grey-color);
  font-weight: 500;
}
.catalog-main-block ul li a:hover {
  color: var(--text-black-color);
}
.catalog-main-block ul li  ul li i {
  color: #F4C150;
}
.catalog-main-block .dropdown-menu  {
  width: 250%;
  padding: 10px;
}

.category-filters .card {
  margin-bottom: 10px;
  border: none;
}
.category-filters .card-title {
  font-weight: 500;
  font-size: 17px;
}
.categories-content-one .form-check-label {
  font-size: 16px;
}
.category-filters .card-header {
  background-color: var(--background-light-grey-bg-color); 
}






.card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem
}

.card>hr {
	margin-right: 0;
	margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem
}

.card-title {
	margin-bottom: .75rem
}

.card-subtitle {
	margin-top: -.375rem;
	margin-bottom: 0
}

.card-text:last-child {
	margin-bottom: 0
}

.card-link:hover {
	text-decoration: none
}

.card-link+.card-link {
	margin-left: 1.25rem
}

.card-header {
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, .03);
	border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
	border-top: 0
}

.card-footer {
	padding: .75rem 1.25rem;
	background-color: rgba(0, 0, 0, .03);
	border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
	border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
	margin-right: -.625rem;
	margin-bottom: -.75rem;
	margin-left: -.625rem;
	border-bottom: 0
}

.card-header-pills {
	margin-right: -.625rem;
	margin-left: -.625rem
}

.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem
}

.card-img {
	width: 100%;
	border-radius: calc(.25rem - 1px)
}

.card-img-top {
	width: 100%;
	border-top-left-radius: calc(.25rem - 1px);
	border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
	width: 100%;
	border-bottom-right-radius: calc(.25rem - 1px);
	border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.card-deck .card {
	margin-bottom: 15px
}

@media (min-width:576px) {
	.card-deck {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-right: -15px;
		margin-left: -15px
	}
	.card-deck .card {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-right: 15px;
		margin-bottom: 0;
		margin-left: 15px
	}
}

.card-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.card-group>.card {
	margin-bottom: 15px
}

@media (min-width:576px) {
	.card-group {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap
	}
	.card-group>.card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		margin-bottom: 0
	}
	.card-group>.card+.card {
		margin-left: 0;
		border-left: 0
	}
	.card-group>.card:first-child {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0
	}
	.card-group>.card:first-child .card-header,
	.card-group>.card:first-child .card-img-top {
		border-top-right-radius: 0
	}
	.card-group>.card:first-child .card-footer,
	.card-group>.card:first-child .card-img-bottom {
		border-bottom-right-radius: 0
	}
	.card-group>.card:last-child {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0
	}
	.card-group>.card:last-child .card-header,
	.card-group>.card:last-child .card-img-top {
		border-top-left-radius: 0
	}
	.card-group>.card:last-child .card-footer,
	.card-group>.card:last-child .card-img-bottom {
		border-bottom-left-radius: 0
	}
	.card-group>.card:only-child {
		border-radius: .25rem
	}
	.card-group>.card:only-child .card-header,
	.card-group>.card:only-child .card-img-top {
		border-top-left-radius: .25rem;
		border-top-right-radius: .25rem
	}
	.card-group>.card:only-child .card-footer,
	.card-group>.card:only-child .card-img-bottom {
		border-bottom-right-radius: .25rem;
		border-bottom-left-radius: .25rem
	}
	.card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
		border-radius: 0
	}
	.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
	.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
	.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
	.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
		border-radius: 0
	}
}

.card-columns .card {
	margin-bottom: .75rem
}

@media (min-width:576px) {
	.card-columns {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
		-webkit-column-gap: 1.25rem;
		-moz-column-gap: 1.25rem;
		column-gap: 1.25rem
	}
	.card-columns .card {
		display: inline-block;
		width: 100%
	}
}











/* ================================= */
    /*======== Cart Page=====*/
/* ================================= */
.cart-main-block {
  padding: 60px 0;
}
.cart-add-block {
  border: 1px solid #DEDFE0;
  padding: 10px 20px 10px 10px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.cart-heading {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 18px;
  color: #29303b;
}
.cart-add-block:hover {
  background-color: #E8E9EB;
}
.cart-img {
  position: relative;
}
.cart-img img {
    width: 100%;
}
.cart-add-block .cart-course-name {
  font-weight: 500;
}
.cart-add-block .cart-course-update {
  font-size: 13px;
  color: var(--text-dark-grey-color);
}
.cart-add-block .cart-actions a {
  font-size: 13px;
  color: var(--text-blue-color);
  font-weight: 400;
}
.cart-add-block .cart-actions a:hover {
  color: var(--text-black-color);
}
.cart-add-block .cart-actions i {
  color: #F4C150;
}
.cart-add-block .cart-course-amount {
  text-align: right;
}
.cart-add-block .cart-course-amount ul li {
  font-size: 15px;
  font-weight: 500;
  color: #29303b;
}
.cart-add-block .cart-course-amount ul li s {
  font-size: 15px;
  font-weight: 400;
  color: #686f7a;
}
.cart-add-block .cart-course-amount ul li s i{
  font-size: 15px;
  font-weight: 400;
  color: var(--text-dark-grey-color);
}
.cart-add-block .cart-course-amount i {
  color: var(--text-black-color);
}
.cart-price {
  font-size: 36px;
  font-weight: 500;
  color: #29303b;
}
.cart-original-price {
  font-size: 15px;
  color: var(--text-dark-grey-color);
}
.cart-original-price s {
  font-size: 15px;
  color: #686f7a;
}
.checkout-btn .btn-primary {
  width: 100%;
  color: var(--text-white-color);
  background-color: #007bff;
  border: 1px solid #007bff;
  padding: 15px 0;
  margin-top: 10px;
  font-weight: 500;
  border-radius: 2px;
}
.cart-remove-btn {
  border: none;
  background-color: transparent;
  font-size: 13px;
  color: var(--text-blue-color);
  font-weight: 400;
  padding: 0;
  cursor: pointer;
}
.cart-remove-btn:hover {
  color: var(--text-black-color);
}
.cart-wishlisht-btn {
  background-color: transparent;
  border: none;
  font-size: 13px;
  color: var(--text-blue-color);
  font-weight: 400;
  padding: 0;
  cursor: pointer;
  text-align: left;
}
.coupon-apply input {
  height: 34px;
  padding: 0 10px;
  font-size: 13px;
  width: 100%;
  margin-bottom: 10px;
}
.coupon-apply button {
  height: 34px;
  padding: 0 10px;
  font-size: 13px;
  float: right;
  width: 100%;
  border-radius: 0 2px 2px 0;
}
.coupon-apply input:focus {
  outline: none;
}

.cart-price-detail span{
  float: right;
}
.cart-price-detail span{
  float: right;
}
.cart-price-detail span a {
  font-size: 12px;
  color: var(--text-blue-color);
}
.cart-price-detail ul li {
  font-size: 14px;
  margin-bottom: 12px;
  color: var(--text-dark-grey-color);
  font-weight: 400;
}
.cart-price-detail ul li a {
  color: var(--text-blue-color);
}
.cart-price-detail ul li.active a {
  color: var(--text-blue-color);
  font-weight: 500;
}
.cart-total-two a b {
  color: var(--text-black-color);
  font-weight: 500;
  font-size: 22px;
}
.cart-total-two span {
  color: var(--text-black-color);
  font-weight: 500;
  font-size: 22px;
}

.cart-coupon i {
  color:var(--text-red-color);;
  font-size: 22px;
  margin-left: -10px;
  margin-top: 10px;
}
.cart-coupon .btn-link {
  padding: 0;
  border: none;
}
.tooltip-inner {
  border: 1px solid #DEDFE0; 
  background-color: var(--background-white-bg-color) !important;
  color: var(--text-dark-grey-color);
}
.coupon-heading {
  color: var(--text-dark-grey-color);
  font-weight: 500;
}


@media (max-width: 576px) {
  .cart-main-block {
    padding: 60px 0 0;
  }
  .cart-add-block {
    margin-bottom: 20px;
  }
}

/* ================================= */
    /*======== Checkout Page=====*/
/* ================================= */
.checkout-main-block {
  padding: 60px 0;
}
.checkout-pricelist ul li {
  display: inline-block;
}
.checkout-total {
  font-weight: 500;
}
.checkout-price {
  margin-left: 10px;
  color: var(--text-dark-grey-color);
  font-size: 18px;
}
.checkout-percent {
  margin-left: 10px;
  color: var(--text-dark-grey-color);
}
.checkout-course-img {
  margin-bottom: 10px;
}
.checkout-course-user {
  color: var(--text-dark-grey-color);
    font-size: 11px;
}
.checkout-course-title {
  color: var(--text-light-grey-color);
  font-size: 13px;
  font-weight: 500;
}
.checkout-course-price {
  font-size: 15px;
  color: #686f7a;
}
.checkout-items {
  margin-bottom: 40px;
}
.payment-gateways .btn-link {
  border: none;
}
.payment-proceed-btn .btn-primary {
  padding: 10px 80px;
  font-weight: 500;
}
.panel-title label {
  margin-bottom: 0;
  cursor: pointer;
}

/*stripe payment form*/
.creditCardForm {
  max-width: 700px;
  background-color: var(--background-white-bg-color);
  overflow: hidden;
  padding: 25px;
  color: #4C4E56;
}
.creditCardForm label {
  width: 100%;
  margin-bottom: 10px;
}
.creditCardForm .heading h1 {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  color: #4C4E56;
}
.creditCardForm .payment {
  float: left;
  font-size: 18px;
  padding: 10px 25px;
  margin-top: 20px;
  position: relative;
}
.creditCardForm .payment .form-group {
  float: left;
  margin-bottom: 15px;
}
.creditCardForm .payment .form-control {
  line-height: 40px;
  height: auto;
  padding: 0 16px;
}
.creditCardForm .owner {
  width: 63%;
  margin-right: 10px;
}
.creditCardForm .CVV {
  width: 35%;
}
.creditCardForm #card-number-field {
  width: 100%;
}
.creditCardForm #expiration-date {
  width: 49%;
}
.creditCardForm #credit_cards {
  width: 50%;
  margin-top: 25px;
  text-align: right;
}
.creditCardForm #pay-now {
  width: 100%;
  margin-top: 25px;
}
.creditCardForm .payment .btn {
  width: 100%;
  margin-top: 3px;
  font-size: 24px;
  background-color: var(--background-red-bg-color);
  color: white;
}
.creditCardForm .payment select {
  padding: 10px;
  margin-right: 15px;
}
.transparent {
  opacity: 0.2;
}
@media(max-width: 650px) {
  .creditCardForm .owner,
  .creditCardForm .CVV,
  .creditCardForm #expiration-date,
  .creditCardForm #credit_cards {
    width: 100%;
  }
  .creditCardForm #credit_cards {
    text-align: left;
  }
  .creditCardForm {
    padding: 0; 
  }
}
/*stripe payment form end*/


/*rating*/
.star-ratings-css {
  unicode-bidi: bidi-override;
  color: #C5C5C5;
  font-size: 25px;
  height: 25px;
  width: 100px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  text-shadow: 0px 1px 0 #A2A2A2;
}
.star-ratings-css-top {
  color: #E7711B;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.star-ratings-css-bottom {
  padding: 0;
  display: block;
  z-index: 0;
}
.star-ratings-sprite{
  background: url("../images/rating/star-rating.png") repeat-x;
  font-size: 0;
  height: 12px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 70px;
  clear: both;
}
.star-ratings-center{
  margin: 0 auto;
  margin-bottom: 10px;
}
.star-ratings-sprite-rating {
  background: url("../images/rating/star-rating.png") repeat-x;
  background-position: 0 100%;
  float: left;
  height: 14px;
  display: block;
}
/*rating end*/

.helpful {
  display: inline-block;
}