@charset "utf-8";

/*
***********************************
 Theme Name     : ETL-CAMPUS
 Theme URI      : etl.com.bd
 Author Name    : ETL AUTHOR
 Author URI     : etl.com.bd
 Description    : 
 Tags           : etl, training center, training, event, education, university, campus, institute, freelancer, web design, corporate, business, agency
 Text Domain    : etl
 License        : GNU General Public License v2 or later
 License URI    : http://www.gnu.org/licenses/gpl-2.0.html
 Version        : 1.0.0

* This file contains the styling for the actual theme, this is the file you need to edit to change the look of the theme.

The contents of This file are outlined below >>>>

*** SEARCH EACH SECTION AS IT COMMENTS, YOU WILL GET THE RIGHT SECTION.



****************************************
      -------*** CSS Table ***-------
             ----------------

				01. IMPORT FONTS
				02. DEFAULT CSS618
				03. PRELOADER CSS
				04. SCROLLBAR CSS
				05. HEADER TOP CSS
				06. HEADER CSS
				07. NAVIGATION CSS
				08. MAIN SLIDER CSS
				09. SERVICE ITEMS CSS
				10. SERVICE  CSS
				11. SEMINAR  CSS
				12. COURSE  CSS
				13. LEADER  CSS
				14. COUNTER  CSS
				15. FAQ  CSS
				16. CONTACT FROM  CSS
				17. FOOTER  CSS
				18. BREADCRUMB  CSS
				19. ABOUT  CSS
				20. RESULT  CSS
				21. CAREER  CSS
				22. MARKETPLACE  CSS
				23. BLOG  CSS
				24. ADMISSION FORM  CSS
    


*****************************************/


/************************************************
     -------*** 01. IMPORT FONTS ***-------
                ----------------
*************************************************/
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700;800;900&family=Lato:wght@300;400;700;900&display=swap');



/************************************************
     -------*** 02. DEFAULT CSS ***-------
                ----------------
*************************************************/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Lato', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
strong {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Kanit', sans-serif;
}

ul {
	list-style: none;
}

a,
a:hover,
a:active,
a:visited,
a:focus {
	text-decoration: none;
	display: inline-block;
	transition: 0.3s ease-in-out
}

.space-top {
	padding-top: 100px;
}

.space-btm {
	padding-bottom: 100px;
}

.space {
	padding: 100px 0;
}

img {
	width: 100%
}

.h {
	height: 500px
}

.mouse-move {
	transform-style: preserve-3d
}

.df-btn {
	display: inline-block;
	padding: 17px 43px;
	background: #21649A;
	color: #fff;
	border-radius: 5px;
	text-transform: capitalize;
	font-size: 18px;
	transition: 0.3s ease-in-out
}

.df-btn i {
	margin-left: 10px;
}

.df-btn:hover {
	background: #FF5722;
	color: #fff
}

.df-bg {
	background: #F8F8FF
}

.bg-dark {
	background: #21649A !important
}

.etl-project-title h2 {
	color: #21649A;
	margin: 6px 0 15px 0;
	text-transform: capitalize;
}

.etl-project-title p {
	margin-bottom: 30px
}

.pulse {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.btm-to-top {
	position: fixed;
	right: 15px;
	bottom: 30px;
	color: #fff;
	background: #21649A;
	z-index: 9999999999;
	border: 1px solid #ddd
}

.btm-to-top:hover {
	color: #fff;
}


/************************************************
     -------*** 03. PRELOADER CSS ***-------
                ----------------
*************************************************/


.loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: #21649A
}

.loader-bg .loader {
    border: 0 solid transparent;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: calc(50vh - 75px);
    left: calc(50vw - 75px)
}

.loader:before,
.loader:after {
    content: '';
    border: 1em solid #ffffff;
    border-radius: 50%;
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: loader 2s linear infinite;
            animation: loader 2s linear infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.loader:before {
    -webkit-animation-delay: .5s;
            animation-delay: .5s
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes loader {
    0% {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}


/************************************************
     -------*** 04. SCROLLBAR CSS ***-------
                ----------------
*************************************************/

::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar-track {
	background: #21649A;
}

::-webkit-scrollbar-thumb {
	background: #FF5722;
}

::-moz-selection {
	background: #FF5722;
	color: #fff
}

::selection {
	background: #FF5722;
	color: #fff
}


/************************************************
     -------*** 05. HEADER TOP CSS ***-------
                ----------------
*************************************************/
.etl-header-top-area-start {
	background: #21649A;
	color: #fff;
	padding: 5px 0;
}

.etl-header-top-left-content .media-head {
	align-self: center;
	margin-right: 10px;
}

.etl-header-top-left-content .media-head i {
	font-size: 27px;
	margin-top: 5px;
}

.etl-header-top-left-content .media-body strong {
	font-size: 13px;
}

.etl-header-top-left-content .media-body span {
	display: block;
	font-size: 11px;
	letter-spacing: 1.1px;
}

.etl-header-top-center-content {
	border-left: 1px solid #1d5888;
	border-right: 1px solid #1d5888;
	white-space: nowrap;
	overflow: hidden;
	display: flex;
}

.etl-header-top-center-content .etl-marquee-content {
	animation: marquee 17s linear infinite forwards;
}


.etl-header-top-center-content a {
	color: #fff;
	margin-top: 4px;
}

.etl-header-top-center-content .etl-marquee-content:hover {
	animation-play-state: paused
}

@keyframes marquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}


ul.etl-social-area {
	text-align: right;
}

ul.etl-social-area li {
	display: inline-block;
}

ul.etl-social-area li a {
	color: #fff;
	width: 39px;
	height: 39px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #1d5888;
}

ul.etl-social-area li a:hover {
	border-color: transparent;
}

ul.etl-social-area li:nth-child(1) a:hover {
	background: #fff;
	color: #178BE9;
}

ul.etl-social-area li:nth-child(2) a:hover {
	background: #395693;
}

ul.etl-social-area li:nth-child(3) a:hover {
	background: #00A7E7;
}

ul.etl-social-area li:nth-child(4) a:hover {
	background: #6E30B7;
}

ul.etl-social-area li:nth-child(5) a:hover {
	background: #FF0000;
}

ul.etl-social-area li:nth-child(6) a:hover {
	background: #D44837;
}


/************************************************
     -------*** 06. HEADER CSS ***-------
                ----------------
*************************************************/
.single-part .media-head {
	align-self: center;
	margin-right: 10px;
	font-size: 24px;
	font-weight: 900;
	color: #21649A;
}

.single-part .media-body span {
	line-height: 17px;
	font-size: 13px;
	display: block;
	color: #8ba6ad;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

.single-part.media {
	padding: 2px 0 19px 0;
}

header.header-area-start {
	padding-top: 10px;
	margin-bottom: -25px
}

.etl-navigation-area-start.sticky {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 999999;
	animation: fadeInDown 1.5s both;
	box-shadow: 0px 0px 20px rgb(221 221 221 / 80%)
}



/************************************************
     -------*** 07. NAVIGATION CSS ***-------
                ----------------
*************************************************/
.etl-logo-area a {
	padding: 15px 0 0;
}

.etl-navigation-area {
	position: relative;
	z-index: 99999;
	top: 0px;
	background: #21649A;
	display: flex;
	justify-content: space-between;
}


ul.etl-main-menu li {
	display: inline-block;
	float: left;
	position: relative;
}

ul.etl-main-menu li.sub-link:after {
	position: absolute;
	right: 7px;
	top: 17px;
	content: '\f107';
	font-family: 'Font Awesome 5 Pro';
	color: #fff;
	font-size: 14px;
}

.etl-navigation-area ul li.active a,
.etl-navigation-area ul li a:hover {
	background: #FF5722;
	color: #fff;
}

.Result-Sec {
    margin-left: 35px;
    margin-right: 35px;
}
.etl-navigation-area ul li a {
	padding: 15px 16px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	border-right: 1px solid #1d5888;
}

.etl-navigation-area ul li:last-child a {
	border-right: 0;
}

ul.etl-main-menu li ul.sub-menu {
	position: absolute;
	width: 250px;
	background: #21649A;
	left: 0;
	top: 70px;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s ease-in-out
}

ul.etl-main-menu li ul.sub-menu li {
	width: 100%;
	border-top: 1px solid #1d5888;
}

ul.etl-main-menu li ul.sub-menu li a {
	display: block;
	padding-left: 21px;
	transition: all 0.3s ease-in-out
}

ul.etl-main-menu li ul.sub-menu li:after {
	position: absolute;
	left: 5px;
	top: 43%;
	content: '';
	background: transparent;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #FF5722;
	transition: all 0.3s ease-in-out
}

ul.etl-main-menu li:hover a {
	background: #FF5722
}

ul.etl-main-menu li:hover ul.sub-menu {
	visibility: visible;
	opacity: 1;
	top: 51px
}

ul.etl-main-menu li:hover ul.sub-menu li:hover:after {
	background: #fff;
}

ul.etl-main-menu li:hover ul.sub-menu li a {
	background: #21649A;
}

ul.etl-main-menu li:hover ul.sub-menu li a:hover {
	padding-left: 28px;
	background: #FF5722;
}

/************************************************
     -------*** 08. MAIN SLIDER CSS ***-------
                ----------------
*************************************************/
.etl-main-slider-area-start,
.etl-single-slider-area-start {
	height: 550px;
	position: relative;
	z-index: 1
}

.etl-single-slider-area-start:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: #000;
	opacity: 0.5;
	z-index: -1
}

.etl-single-slider-area-start {
	display: flex;
	align-items: center;
	padding-left: 120px;
	color: #fff;
	justify-content: center;
}

.etl-single-slider-area-start .etl-single-slider-content {
	width: 68%
}

.etl-single-slider-content p > span {
	font-size: 73px;
	font-weight: 900;
	color: #FF5722;
}

.etl-single-slider-content p > i {
	font-size: 22px;
	margin-right: 10px;
}

.etl-single-slider-content h1 {
	font-size: 76px;
	line-height: 65px;
	text-transform: none;
	font-weight: 700;
}

.etl-single-slider-content h1 span {
	color: #FF5722;
	font-weight: 900;
	text-transform: uppercase;
	margin-top: 20px;
	display: inline-block;
}

.etl-main-slider-area-start .owl-nav {
	position: absolute;
	left: 0;
	top: 40%;
	width: 100%;
}


.etl-main-slider-area-start .owl-nav .owl-next,
.etl-main-slider-area-start .owl-nav .owl-prev {
	left: 0;
	right: auto;
	position: absolute;
	padding: 10px;
	background: transparent;
	font-size: 50px;
	font-weight: 300;
	color: #21649A;
}

.etl-main-slider-area-start .owl-nav .owl-next {
	left: auto;
	right: 0;
}

.etl-main-slider-area-start .owl-nav .owl-next:hover,
.etl-main-slider-area-start .owl-nav .owl-prev:hover {
	background: transparent
}

.etl-main-slider-area-start .owl-dots {
	position: absolute;
	right: 9px;
	bottom: 70px;
}

.etl-main-slider-area-start .owl-dots .owl-dot span {
	background: transparent;
	border: 1px solid #178BE9;
	width: 20px;
	height: 4px;
}

.etl-main-slider-area-start .owl-dots .owl-dot.active span {
	background: #21649A;
	width: 35px;
	transition: all 0.3s ease-in-out
}






/************************************************
     -------*** 09. SERVICE ITEMS CSS ***-------
                ----------------
*************************************************/
section.etl-service-items-area-start {
	position: relative;
	top: -50px;
	z-index: 9999;
}

.etl-single-service-item-area {
	padding: 50px 20px;
	background: #21649a;
	border-radius: 5px;
	color: #fff;
	box-shadow: 0 27px 15px -7px #f2f2f2;
	transition: 0.3s ease-in-out
}

.etl-single-service-item-area h5 {
	margin-top: 15px
}

.etl-single-service-item-area i {
	font-size: 70px;
}

.col-md-3:nth-child(2) .etl-single-service-item-area,
.col-md-3:nth-child(3) .etl-single-service-item-area {
	background: #2175b9
}

.etl-single-service-item-area:hover,
.col-md-3:nth-child(2) .etl-single-service-item-area:hover,
.col-md-3:nth-child(3) .etl-single-service-item-area:hover {
	background: #FF5722;
	margin-top: -20px
}


/************************************************
     -------*** 10. SERVICE  CSS ***-------
                ----------------
*************************************************/
.etl-service-area-left-content span,
.etl-project-title span {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 4.5px;
	font-weight: 400;
	padding-left: 53px;
	position: relative;
}

.etl-service-area-left-content span:after,
.etl-project-title span:after {
	position: absolute;
	content: '';
	left: 0;
	top: 7px;
	background: #21649A;
	width: 42px;
	height: 3px;
}

.etl-service-area-left-content h2 {
	font-size: 50px;
	margin: 15px 0 25px 0;
}

.etl-service-area-left-content p {
	margin-bottom: 35px;
}

.etl-single-service-content i {
	font-size: 39px;
	color: #21649A;
	margin-bottom: 20px;
	transition: all 0.3s ease-in-out
}

.etl-single-service-content {
	padding: 12px 14px;
	border: 1px solid #ddd;
	border-radius: 8px;
	transition: all 0.3s ease-in-out;
}

.etl-single-service-content:hover {
	background: #FF5722;
	color: #fff;
}

.etl-single-service-content:hover i {
	color: #fff;
}

.etl-single-service-content h5 {
	text-transform: capitalize;
	font-size: 20px;
}

.col-md-4:nth-child(4) .etl-single-service-content,
.col-md-4:nth-child(5) .etl-single-service-content,
.col-md-4:nth-child(6) .etl-single-service-content,
.col-md-4:nth-child(7) .etl-single-service-content,
.col-md-4:nth-child(8) .etl-single-service-content,
.col-md-4:nth-child(9) .etl-single-service-content {
	margin-top: 30px;
}



/************************************************
     -------*** 11. SEMINAR  CSS ***-------
                ----------------
*************************************************/
.etl-seminar-left-content div a.nav-link.active {
	background: #21649A
}

.etl-seminar-left-content div a {
	font-size: 19px;
	text-transform: capitalize;
	color: #000;
	font-weight: 300;
	margin-bottom: 20px;
	background: #f2f2f2
}

.etl-seminar-left-content div a:hover,
.etl-seminar-left-content div a.nav-link.active:hover {
	background: #FF5722;
	color: #fff;
}


.etl-seminar-table tbody a {
	background: #21649A;
	color: #fff;
	padding: 5px 18px;
	font-size: 12px;
	font-weight: 700;
}

.etl-seminar-table tbody a:hover {
	background: #FF5722
}

.etl-seminar-table tbody tr td:first-child {
	padding-left: 23px;
	position: relative;
}

.etl-seminar-table tbody tr td:first-child:after {
	position: absolute;
	left: 6px;
	top: 21px;
	content: '';
	width: 8px;
	height: 8px;
	background: #21649A;
	border-radius: 50%;
}

.etl-seminar-table tbody tr:nth-child(2n+1) td:first-child:after {
	background: #FF5722
}

.etl-seminar-table table tbody tr td {
	font-size: 13px;
}



/************************************************
     -------*** 12. COURSE  CSS ***-------
                ----------------
*************************************************/
section.etl-course-area-start.space .etl-project-title p {
	width: 34%;
}

.etl-course-area-start,
.etl-service-area-start,
.etl-weare-area-start,
.etl-faq-area-start {
	background: url(../images/section.bg-1.png) repeat scroll top center / contain;
}

.etl-single-course-content {
	background: #fff;
	box-shadow: 2px 2px 7px -1px #9996;
	transition: all 0.3s ease-in-out;
	margin-bottom: 30px;
}

.col-md-3:nth-child(8n+5) .etl-single-course-content,
.col-md-3:nth-child(8n+6) .etl-single-course-content,
.col-md-3:nth-child(8n+7) .etl-single-course-content,
.col-md-3:last-child .etl-single-course-content {
	margin-bottom: 0px
}

.etl-course-image {
	min-height: 170px;
	max-height: 170px;
	overflow: hidden;
}

.etl-course-image a > img {
	width: 100%;
	height: 170px;
	transition: all 0.3s ease-in-out;
}

.etl-course-body-top,
.etl-course-name-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 13px;
	padding: 4px 7px;
	border-bottom: 1px solid #f1f1f1;
	color: #3339;
}

.etl-course-name-top {
	border-top: 1px solid #f1f1f1;
	border-bottom: none;
}

a.etl-course-title {
	padding: 5px;
	color: #333;
	font-weight: 500;
	display: block;
	border-bottom: 1px solid #f1f1f1;
}

.etl-course-body p {
	font-size: 14px;
	font-weight: 200;
	padding: 2px 7px;
}

.etl-course-body a.learn-btn {
	padding: 5px 7px;
	color: #21649A;
	font-size: 13px;
	text-decoration: underline;
	margin-bottom: 4px;
}

.etl-course-footer {
	background: #21649A;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 13px;
	padding: 10px;
	color: #fff;
	font-weight: 900;
	text-transform: capitalize;
}

.etl-course-footer a {
	color: #fff;
	text-decoration: navajowhite;
}

.etl-single-course-content:hover a {
	color: #ff5722;
}

.etl-single-course-content:hover {
	transform: translateY(-5px)
}

.etl-single-course-content:hover .etl-course-image a > img {
	transform: scale(1.1);
}

/************************************************
     -------*** 13. LEADER  CSS ***-------
                ----------------
*************************************************/
.etl-leader-area-left-content:after {
	position: absolute;
	left: -100px;
	top: -80px;
	width: 250px;
	height: 250px;
	background: url(../images/blob.svg) no-repeat scroll center center / cover;
	content: '';
	opacity: 0.2;
	animation: bounce 5s infinite;
	z-index: -1;
}

@keyframes bounce {
	0% {
		top: -80px;
	}

	50% {
		top: 40px
	}

	100% {
		top: -80px
	}
}

.etl-leader-area-start {
	position: relative;
	overflow: hidden
}

.etl-leader-area-start:after {
	position: absolute;
	right: 0;
	top: 0;
	width: 80%;
	height: 100%;
	content: '';
	background: url(../images/shape.png) no-repeat scroll right / contain;
	z-index: -99999;
	animation: move 3s infinite
}

@keyframes move {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-80px);
	}

	100% {
		transform: translateY(0);
	}
}

.etl-leader-area-left-content {
	position: relative;
}

.etl-leader-area-left-content .online {
	position: absolute;
	right: 75px;
	bottom: 30px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: green;
	z-index: 9999;
	animation: pulse 2s infinite
}

.etl-leader-area-right-content p {
	margin-bottom: 15px;
}




/************************************************
     -------*** 14. COUNTER  CSS ***-------
                ----------------
*************************************************/

.etl-counter-area-start {
	background: #21649A;
	position: relative;
	z-index: 1
}

.etl-counter-area-start:after {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(../images/dots.png) no-repeat scroll center center / cover;
	content: '';
	z-index: -1;
	opacity: 0.6
}

.etl-single-counter-content {
	color: #fff;
	text-align: center;
}

.etl-single-counter-content i {
	font-size: 50px;
	display: block;
	margin-bottom: 0px;
}

.etl-single-counter-content span {
	display: inline-block;
	font-weight: 500;
	font-family: 'Kanit', sans-serif;
	font-size: 50px;
	letter-spacing: 3px;
	margin-bottom: 25px;
	padding-bottom: 5px;
	position: relative;
	z-index: 1;
}

.etl-single-counter-content span:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
}

.etl-weare-right-tab-content {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.etl-weare-right-tab-content a {
	float: 0 0 25%;
	max-width: 23.37%;
	padding: 20px;
	margin: 5px;
	border: 1px solid #f2f2f2;
	border-radius: 3px;
}


/************************************************
     -------*** 15. FAQ  CSS ***-------
                ----------------
*************************************************/

.etl-faq-area-content .card-header button {
	display: block;
	padding: 18px;
	margin: 0;
	outline: none;
	border: 0;
	width: 100%;
	text-align: left;
	color: #fff;
	font-size: 19px;
	border-radius: 0;
}

.etl-faq-area-content .card-header {
	padding: 0;
	border: 0;
	border-radius: 0;
}

.etl-faq-area-content .card {
	margin-bottom: 5px;
	border: 0;
}

.etl-faq-area-content .card-header button:focus {
	box-shadow: none;
}

.etl-faq-area-content .card-header button:after {
	position: absolute;
	right: 11px;
	top: 17px;
	content: '\f068';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
}

.etl-faq-area-content .card-header button.collapsed:after {
	position: absolute;
	right: 11px;
	top: 17px;
	content: '\f067';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
}

.etl-faq-area-content .card-header button.btn {
	position: relative;
	z-index: 1;
	background: #FF5722;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}

.etl-faq-area-content .card-header button.btn.collapsed {
	background: #21649A;
}

.etl-faq-area-content .card-header button.btn.collapsed:before,
.etl-faq-area-content .card-header button.btn:before {
	position: absolute;
	right: -56px;
	top: -41px;
	width: 150px;
	height: 200px;
	content: '';
	background: #FF5722;
	z-index: -1;
	transform: rotate(21deg);
}

.etl-faq-area-content .card-header button.btn:before {
	background: #21649A
}

.etl-faq-area-content .card-body {
	background: #DEEAFE;
}

.etl-faq-right-area img {
	max-height: 405px;
}


/************************************************
     -------*** 16. CONTACT FROM  CSS ***-------
                ----------------
*************************************************/
.etl-single-contact-content form input,
.etl-single-contact-content form textarea {
	margin-bottom: 15px;
	border-radius: 0;
}

.etl-single-contact-content form button {
	width: 100%;
	border: 0;
	text-transform: uppercase;
	border-radius: 0;
}

.etl-single-contact-content form button i {
	margin-right: 10px;
}

.etl-single-contact-content form button:focus {
	outline: none
}

/************************************************
     -------*** 17. FOOTER  CSS ***-------
                ----------------
*************************************************/
.etl-single-footer-area-content h5 {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 16px;
	margin-bottom: 20px;
}

.etl-single-footer-area-content strong {
	color: #a7a7a7;
	font-weight: 200;
	margin-right: 9px;
}

.etl-single-footer-area-content p {
	font-size: 15px;
	font-weight: 200;
	margin-bottom: 10px;
	width: 59%
}

ul.footer-menu li a > i {
	margin-right: 10px;
}

ul.footer-menu li a {
	color: #676767;
	font-size: 14px;
	padding-bottom: 10px;
}

ul.footer-menu li a:hover {
	color: #21649A
}

.etl-footer-area-start p.ft-btm {
	background: #fff
}





/************************************************
     -------*** 18. BREADCRUMB  CSS ***-------
                ----------------
*************************************************/

.etl-breadcrumb-area-start {
	background: #000;
	padding: 70px;
	text-align: center;
	color: #fff;
	text-transform: capitalize;
	position: relative;
	z-index: 1;
}

.etl-breadcrumb-area-start:after {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: url(../images/dots.png) no-repeat scroll top center / cover;
	z-index: -1
}

.etl-breadcrumb-tab {
	position: absolute;
	right: 96px;
	bottom: 0;
	padding: 10px 40px;
	background: #fff;
	color: #333;
}

.etl-breadcrumb-tab a {
	color: #ff5722;
	font-weight: 700;
	padding: 2px 10px;
}


/************************************************
     -------*** 19. ABOUT  CSS ***-------
                ----------------
*************************************************/
.etl-avout-right-tab-content-start {
	padding: 20px;
	background: #fff;
	border: 1px solid #ddd
}

.etl-avout-right-tab-content-start p {
	margin-bottom: 20px;
	text-align: justify;
	font-size: 15px;
	color: #0007;
}

.etl-avout-right-tab-content-start h2 {
	text-transform: capitalize;
	color: #21649A;
	margin-bottom: 30px;
	position: relative;
	border: 1px solid #f1f1f1;
	padding: 10px;
}


.etl-avout-right-tab-content-start ul {
	margin-bottom: 25px;
	margin-left: 35px;
}

.etl-avout-right-tab-content-start ul li {
	list-style: circle;
	padding: 6px 0;
	color: #0009;
}

.etl-about-left-content a.nav-link.active:after {
	position: absolute;
	right: -14px;
	top: 0px;
	width: 44px;
	height: 44px;
	background: #21649A;
	content: '';
	z-index: -1;
	transform: rotate(45deg);
	transition: all 0.3s ease-in-out;
}

.etl-about-left-content a.nav-link.active {
	position: relative;
	z-index: 1;
}

.etl-about-left-content a.nav-link.active:hover:after {
	background: #FF5722
}

.etl-about-left-content img {
	width: 100%;
	height: 250px;
	margin-bottom: 15px
}

.etl-procedure-content .tab-content ul li {
	list-style: decimal;
}

iframe {
	width: 100%;
}

/************************************************
     -------*** 20. RESULT  CSS ***-------
                ----------------
*************************************************/


.admission-result-left img {
	margin-bottom: 20px;
	padding: 7px;
	border: 1px solid #f1f1f1;
}

.admission-result-left {
	background: #fff;
	padding: 20px 20px 0 20px;
}

.etl-result-right-content {
	background: #fff;
	padding: 20px;
	border: 1px solid #ddd;
}

.etl-result-right-content h2 {
	text-align: center;
	color: #21649A;
	margin-bottom: 5px;
}

.etl-result-right-content p {
	text-align: center;
	color: #3339;
	margin-bottom: 50px;
}

.etl-result-table table tbody {
	font-size: 14px;
	color: #3339;
}

.etl-result-table table tbody tr td > a {
	color: #fff;
	padding: 5px 9px;
	background: #21649A;
	font-weight: 700;
}

.etl-result-table table tbody tr td > a:hover {
	background: #ff5722;
}

.etl-result-table table tbody tr td > a i {
	margin-right: 5px
}


/************************************************
     -------*** 21. CAREER  CSS ***-------
                ----------------
*************************************************/
.etl-career-area-start .row {
	background: #fff;
	padding: 20px;
	border: 1px solid #ddd;
}

.etl-career-area-content h2 {
	text-align: center;
	font-size: 26px;
	color: #21649A;
	margin-bottom: 15px
}

.etl-career-area-content p {
	text-align: left;
	color: #3339;
	margin-bottom: 30px
}

.etl-single-video {
	position: relative;
	margin-bottom: 25px
}

.etl-single-video button {
	position: absolute;
	left: 50%;
	top: 39%;
	transform: translateX(-50%);
	border: 0;
	outline: none;
	padding: 14px 20px;
	background: #FF5722;
	color: #fff;
	font-weight: 700;
}

.etl-single-video button i {
	margin-right: 5px;
}

.etl-single-feedback {
	width: 100%;
	height: 350px;
	border: 1px solid #ddd;
	background: #fff
}


/************************************************
     -------*** 22. MARKETPLACE  CSS ***-------
                ----------------
*************************************************/

.etl-single-marketplace {
	padding: 20px;
	background: #fff;
	display: flex;
	border: 1px solid #ddd;
	justify-content: space-between;
	margin-bottom: 20px;
}

.etl-marketplace-left {
	width: 20%;
	border-right: 1px solid #ddd;
	padding-right: 10px;
	text-align: center;
}

.etl-marketplace-left h5 {
	margin-top: 20px;
	border: 1px solid #ddd;
	padding: 15px;
}

.etl-marketplace-right {
	width: 78%;
	color: #3339;
}

.etl-marketplace-right h2 {
	font-size: 22px;
	margin-bottom: 13px;
	color: #21649A;
	text-transform: capitalize;
}

.etl-marketplace-right button {
	outline: none;
	border: 0;
	padding: 15px 43px;
	background: #21649A;
	color: #fff;
	display: inline-block;
	margin-top: 20px;
	transition: all 0.3s ease-in-out;
}

.etl-marketplace-right button:hover {
	background: #FF5722;
}

.etl-marketplace-right button i {
	margin-right: 5px
}



/************************************************
     -------*** 23. BLOG  CSS ***-------
                ----------------
*************************************************/
.etl-single-widget h3.etl-blog-title {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	display: block;
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 70;
}

.etl-single-widget {
	height: auto;
	padding-bottom: 20px;
}

.etl-blog-body {
	padding: 0 10px
}

.etl-blog-body .input-group-text button {
	border: none;
	background: none;
}

.etl-blog-body .input-group-text {
	border-left: 0;
	background: #fff;
	border-radius: 0;
}

.etl-blog-body input {
	border-right: 0;
}

ul.widget-lists {
	border: 1px solid #ddd;
}

.widget-lists li {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
	align-items: center;
	padding: 0 10px;
}

.widget-lists li a {
	display: block;
	width: 88%;
	color: #333;
	padding: 11px 0;
	text-transform: capitalize;
}

.widget-lists li a:hover {
	color: #FF5722;
	padding-left: 5px;
}

.widget-lists li span {
	padding: 1px 8px;
	border: 1px solid #ddd;
	background: #21649A;
	color: #fff;
	font-weight: 700;
}

.related-posts li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
	margin-bottom: 15px;
}

.related-posts li .etl-related-post-left {
	width: 29%;
}

.related-posts li .etl-related-post-right {
	width: 69%;
}

.related-posts li .etl-related-post-right a {
	font-size: 16px;
	line-height: 21px;
	color: #333;
}

.related-posts li .etl-related-post-right span {
	color: #3336;
	font-size: 13px;
}

.related-posts li:hover .etl-related-post-right a {
	color: #FF5722;
}

.tags-cloud {
	padding: 0 10px;
}

.tags-cloud li {
	display: inline-block;
}

.tags-cloud li a {
	padding: 8px 15px;
	border: 1px solid #ddd;
	border-radius: 1px;
	margin: 0 5px 10px 0;
	color: #21649A;
}

.tags-cloud li a:hover {
	background: #21649A;
	color: #fff;
}

.archive-list {
	padding: 0 15px;
}

.archive-list li {
	display: block;
}

.archive-list li a {
	font-size: 14px;
	color: #333;
	text-transform: capitalize;
	display: block;
	padding: 7px 10px;
	padding: 7px 10px;
}

.archive-list li a:hover {
	color: #FF5722;
	padding-left: 5px;
}

.archive-list li a > i {
	margin-right: 5px;
}

.etl-blog-image {
	max-height: 250px;
	overflow: hidden;
}

.etl-blog-image a {
	display: block;
}

.etl-blog-image a img {
	width: 100%;
	height: 100%;
	height: 250px;
}

.etl-single-blog-body {
	padding: 14px;
	background: #fff;
}

.etl-single-blog-body a > h2 {
	font-size: 24px;
	color: #333;
	line-height: 26px;
	text-transform: capitalize;
	margin-bottom: 15px;
}

.etl-single-blog-body p {
	color: #3339;
	margin-bottom: 20px;
}

.etl-single-blog-body a {
	color: #333;
	text-decoration: underline;
}

.etl-single-blog-body a:hover,
.etl-single-blog-body a:hover h2 {
	color: #FF5722;
}

.etl-blog-footer {
	display: flex;
	justify-content: space-between;
	background: #fff;
	border-top: 1px solid #ddd;
	padding: 10px 20px;
	color: #3339;
	font-size: 13px;
}

.etl-sidebar-area-start {
	background: #fff;
}

.etl-blog-footer i {
	margin-right: 5px;
	color: #21649A;
}

.etl-single-blog-content {
	margin-bottom: 25px;
}


.pagination-list {
	text-align: center;
	margin: 0;
}

.pagination-list li {
	display: inline-block;
}

.pagination-list li a {
	padding: 7px 16px;
	border: 1px solid #21649A;
	background: #21649A;
	color: #fff;
	font-weight: 600;
}

.pagination-list li.active a,
.pagination-list li a:hover {
	background: #FF5722;
	color: #fff;
	border-color: #FF5722;
}

blockquote {
	padding: 15px;
	background: #E3EEF7;
	font-style: italic;
	font-size: 20px;
}

.single-page .etl-blog-image {
	min-height: 450px !important;
	overflow: auto;
}

.single-page .etl-blog-image a img {
	min-height: 450px;
}

/************************************************
     -------*** 24. ADMISSION FORM  CSS ***-------
                ----------------
*************************************************/
.etl-admission-form-content {
	background-color: #fff;
}

.etl-form-header {
	background: #21649A;
}

.etl-form-body input,
.etl-form-body textarea,
.etl-form-body select {
	margin-bottom: 19px;
}

small {
	margin-right: 15px;
	display: inline-block;
	margin-left: 6px;
	position: relative;
	top: -2px;
}

.admission-table-head {
	background: #21649A;
	color: #fff;
}

.admission-table-form input {
	margin: 0
}

button.etl-apply-btn {
	border: 0;
	background: #FF5722;
	color: #fff;
	text-transform: uppercase;
	padding: 13px 40px;
	font-weight: 900;
	width: 22%;
	outline: none;
}

.etl-about-area-start,
.etl-procedure-area-start,
.etl-result-area-start,
.etl-career-area-start,
.etl-feedback-area-start,
.etl-blog-area-start,
.etl-admission-form-area-start {
	background: url(../images/section.bg-1.png) repeat scroll top center / contain;
}







/*

#21649A
#FF5722

font-family: 'Kanit', sans-serif;
font-family: 'Lato', sans-serif;


*/