/*
Author       : Theme-Family
Template Name: Tawwab - Online Course Landing page Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, SECTION TITLE, PRELOADER, BTN, SECTION PADDING, SCROLL etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
		--START HOME DEFALT
		-- START SLIDER DESIGN
    04.	START PROPERFTY FORM DESIGN
    05. START FEATURE DESIGN
    06. START COURSE DESIGN
		--START VIDEO  DESIGN
	07.	START CHOOSE DESIGN
	08.	START TEAM DESIGN
	09.	START GALLERY DESIGN
	10.	START COUNTER DESIGN
	11.	START CLASS  DESIGN
	12.	START SPECIAL DESIGN  
	13.	START TESTIMONIAL DESIGN
	14.	START BLOG DESIGN
		--START HIRE DESIGN
	15.	START COMPANY BRAND LOGO DESIGN  
	16. START CONTACT DESIGN 
	17.	START FOOTER DESIGN(START MAP DESIGN)
	
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/


/*START SECTION PADDING DESIGN*/

.atf-section-padding {
	 padding: 68px 0;
}

/*START SECTION TITLE DESIGN*/

.atf-section-title {
	margin-bottom: 30px;
    padding: 25px 0px 15px;
}
.atf-section-title h5 {
	color: #a70101;
	line-height: 25px;
	margin: 16px 0 5px;
	text-transform: capitalize;
	font-family: var(--thm-font);
	letter-spacing: 1px;
	font-size: 18px;
	background: #f3c12b;
	display: inline-block;
	padding: 2px 10px;
	border-radius: 75%/20%;
}
.atf-section-title h2 {
	font-weight: 700;
	font-size: 35px;
	line-height: 1.3;
	color: #a70101;
	text-transform: capitalize;
	font-family: var(--thm-font);
	margin: 10px 0px 0 0;
}
.atf-section-title p {
	font-size: 14px;
	font-family: var(--thm-font);
	color: var(--thm-p);
	font-weight: 400;
	line-height: 15px;
	margin-top: 15px;
}
.atf-section-title .atf-sec_icon  {
	position: relative;
	display:inline-block;
}
.atf-section-title .atf-sec_icon:before{
	position:absolute;
	content: '';
	width: 50px;
	height: 2px;
	background: var(--thm-color);
	top: 16px;
	left: -56px;
}
.atf-section-title .atf-sec_icon:after{	
	position:absolute;
	content: '';
	width: 50px;
	height: 2px;
	background: var(--thm-color);
	top: 16px;
	right: -56px;
}
.atf-section-title .atf-sec_icon .atf-sec_radiu i {
	margin-top: 10px;
	color: var(--thm-color);
}

@media only screen and (max-width:480px) { 
	.atf-section-title  h2  {font-size:25px;}
}

.social-box{
        margin-bottom: 30px;
    margin-top: 10px;
}
/*END SECTION TITLE DESIGN*/

/*START SCROLL TO TOP*/

.atf-scroll-top {
	position: fixed;
	right: 105%;
	bottom: 70px;
	z-index: 99;
	cursor: pointer;
	transition: 1.5s ease;
	border: none;
	background: transparent; }

.atf-scrollup-icon {
	font-size: 25px;
	width: 50px;
	height: 50px;
	background: #a70101;
	line-height: 50px;
	color: var(--thm-white);
	border-radius: 50%;
	box-shadow: 0px 0 15px rgba(242, 233, 233, 0.6);
}
.atf-scrollup-icon:hover {
	background: #f3c12b;
	transition: 0.3s;
}
.atf-scroll-top.open {
	right: 30px; }
	
/*END SCROLL TO TOP*/

/* START BTN STYLE */

.atf-themes-btn {
	color: var(--thm-white);
	background-color: var(--thm-color);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: capitalize;
	padding: 0;
	border-radius: 7px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
	border: none;
}
.atf-themes-btn:before,
.atf-themes-btn:after,
.atf-themes-btn span:before,
.atf-themes-btn span:after{
    content: '';
    background: #a70101;
    width: 25%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.3s;
}
.atf-themes-btn:before{
    transform: scaleY(0.2);
    transition-delay: 0.3s;
}
.atf-themes-btn:after{
    transform: scaleY(0.45);
    right: 25%;
    transition-delay: 0.2s;
}
.atf-themes-btn span:before{
    transform: scaleY(0.65);
    right: 50%;
    z-index: -1;
    transition-delay: 0.1s;
}
.atf-themes-btn span:after{
    transform: scaleY(0.8);
    right: 75%;
    z-index: -1;
}
.atf-themes-btn span{
    padding: 10px 20px;
    display: block;
    position: relative;
    z-index: 1;
}
.atf-themes-btn:hover:before,
.atf-themes-btn:hover:after,
.atf-themes-btn:hover span:before,
.atf-themes-btn:hover span:after{
    opacity: 1;
    transform: scaleY(1);
}
.atf-themes-btn.orange:before,
.atf-themes-btn.orange:after,
.atf-themes-btn.orange span:before,
.atf-themes-btn.orange span:after{
    background: linear-gradient(to bottom, #f7b42c, #fc575e);
}
.atf-themes-btn.blue:before,
.atf-themes-btn.blue:after,
.atf-themes-btn.blue span:before,
.atf-themes-btn.blue span:after{
    background: linear-gradient(to bottom, #7f53ac, #647dee);
}
.atf-themes-btn.green:before,
.atf-themes-btn.green:after,
.atf-themes-btn.green span:before,
.atf-themes-btn.green span:after{
    background: linear-gradient(to bottom, #3bb78f, #0bab64);
}
.atf-themes-btn:hover{ color: #fff; }
@media only screen and (max-width: 767px){
    .atf-themes-btn{ margin-bottom: 20px; }
}
.events{font-weight: 700;
    font-size: 35px;
    line-height: 1.3;
    color: #a70101;
    text-transform: capitalize;
     
}
.view{
    font-weight: 500;
    font-size: 15px;
    line-height: 55px;
    color: #100f0f;
    text-transform: capitalize;
}
/* END BTN STYLE */	

/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/	
/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.atf-top-header {
	position: relative;
	z-index: 1;
	height: 40px;
	/*display: flex;*/
	justify-content: center;
	align-items: center;
	transition: all 0.4s ease;
}
.atf-top-header::after {
	background:#065c00 none repeat scroll 0 0;
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	right: calc(60% + 0px);
	-webkit-transform: skewX(-30deg);
	transform: skewX(48deg);
	border-right: 4px solid #fff;
}
.atf-header-top-auth {
	display: inline-block;
	margin-right: 10px;
    padding: 5px;
}
.atf-header-top-auth {
	color: rgba(255, 255, 255, .8);
	text-transform: capitalize;
}
.atf-header-top-auth i {
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	background: #fff;
	color: #a70101;
	border-radius: 50%;
	margin-right: 10px;
}
.atf-header-top-right {
	text-align: right;
}
.atf-header-top-social {
	display: inline-block;
}
.atf-header-top-social ul li {
	display: inline-block;
	margin-left: 10px;
}
.atf-header-top-social ul li a {
	color: rgba(255, 255, 255, 0.8);
	font-size: 16px;
}
.atf-header-top-social ul li a:hover,
.atf-header-top-auth a:hover{
	color:var(--thm-white);
} 
.atf-top-header {
	/*background-color: #a70101;*/
    background-color: #0d3c2a;
	overflow: hidden;
}
.atf-top-header .atf-top-header-in {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	transition: all 0.4s ease;
}
.atf-top-header  .atf-top-social {
	font-size: 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	transition: all 0.4s ease;
	color: var(--thm-white);
	text-align: center;
}
.atf-top-social a i:hover{
	color:var(--thm-white);
}
.atf-top-social a i {
	margin-left: 15px;
	color: rgba(255, 255, 255, 0.8);
}
.atf-sticky-active .atf-top-header  {
	height: 0; 
}
.atf-top-header-list {
	list-style: none;
	padding: 5px;
	margin: 0;
	display: flex;
	flex-wrap: wrap; 
}
.atf-top-header-list li {
	margin-right: 30px;
	color: #fff;
	font-size: 14px;
	margin-top: 3px;
}
.atf-top-header-list li:last-child {
    margin-right: 0; 
}
.atf-top-header-list li i {
    margin-right: 5px; 
}
.atf-top-header-list li a:hover {
    color: var(--thm-white);
}
.atf-site-header.atf-style1 {
	transition: all 0.4s ease; 
}
.atf-site-header.atf-style1 .atf-main-header-in {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	height: 95px; 
}
.atf-site-header.atf-style1.atf-sticky-active {
	/*background: #a70101;*/
    background: #065c00;
	color: white !important;
	box-shadow: 0 0 15px rgba(244, 231, 231, 0.48);
}
.atf-nav .atf-nav-list > li > a {
	color: black;
}
.atf-nav .atf-nav-list > li > a:hover {
    color: black;
    text-decoration: none;
}
@media screen and (max-width: 991px) {
  .atf-main-header .container {
    max-width: 100%; }

  .atf-top-header {
    /*display: none;*/ }

  .atf-site-header.atf-style1 {
    background-color: var(--thm-black); } 
}
.atf-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	/*text-transform: uppercase;*/
	font-size:14px;
}
.atf-main-header {
  position: relative;background: #fff;/*background: linear-gradient(to bottom, rgb(0 0 0 / 54%) 10%, rgb(0 0 0 / 26%) 79%, rgb(0 0 0 / 1%) 100%);*/ }

.atf-site-header.atf-style1.atf-sticky-active .atf-main-header {
    background: #065c00;
}

@media screen and (min-width: 992px) {
    .atf-main-header-right {
        margin-right: 20px;
    }
	.atf-nav .atf-nav-list {
		display: flex !important;
		flex-wrap: wrap; 
        margin-right: 0px;
	}
		
	.atf-nav .atf-nav-list > li {
		margin-right: 14px; 
		font-weight:500;
	}
	.atf-nav .atf-nav-list > li:last-child {
		margin-right: 0; 
	}
	.atf-nav .atf-nav-list > li > a {
		padding: 15px 0;
		display: inline-block;
	}
	.atf-nav .atf-nav-list > li > ul {
		left: 0;
		top: calc(100% + 15px); 
	}
	.atf-nav .atf-nav-list > li > ul:before {
		content: '';
		position: absolute;
		height: 10px;
		width: 10px;
		border: 1px solid #eaeaea;
		transform: rotate(45deg);
		background-color: #fff;
		border-right: none;
		border-bottom: none;
		top: -6px;
		left: 16px; 
	}
	.atf-nav .atf-nav-list > li:hover > ul {
		top: 100%;
		opacity: 1;
		visibility: visible;
		transition: all 0.4s ease; 
	}
	.atf-nav .atf-nav-list li {
		position: relative; 
	}
	.atf-nav .atf-nav-list li a.active {
		color: black;
	}
	.atf-nav .atf-nav-list ul {
		/*width: 170px;*/
        width:230px;
		background-color: #fff;
		position: absolute;
		border: 1px solid #eaeaea;
		border-radius: 4px;
		padding: 10px 0;
		z-index: 100;
		opacity: 0;
		visibility: hidden;
		display: block !important;
		transition: all 0.1s ease; 
	}
	.atf-nav .atf-nav-list ul li:hover ul {
		top: 0px; 
	}
	.atf-nav .atf-nav-list ul li:hover > ul {
		opacity: 1;
		visibility: visible;
		transition: all 0.4s ease; 
	}
	.atf-nav .atf-nav-list ul a {
		font-size: calc(100% - 1px);
		display: block;
		line-height: 20px;
		padding: 5px 10px;
		 color: #000000;
	}
	.atf-nav .atf-nav-list ul a:hover {
		background-color: #065c00;
		color: #ffffff;
         text-decoration: none;
	}
	.atf-nav .atf-nav-list ul ul {
		top: 15px;
		left: 100%; 
	}
	.atf-menu-toggle,
	.atf-menu-dropdown-toggle {
		display: none; 
	} 
}
@media screen and (max-width: 991px) {
	.atf-menu-dropdown-toggle {
		position: absolute;
		height: 30px;
		width: 30px;
		right: 20px;
		top: 5px; 
	}
	.atf-menu-dropdown-toggle:before, .atf-menu-dropdown-toggle:after {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		height: 2px;
		width: 10px;
		background-color:white;
		transition: all 0.3s ease; 
	}
	.atf-menu-dropdown-toggle:before {
		transform: translate(-50%, -50%) rotate(90deg); 
	}
	.atf-menu-dropdown-toggle.active:before {
		transform: translate(-50%, -50%) rotate(0deg); 
	}
	.atf-nav .atf-nav-list {
		position: absolute;
		left: 0;
		background-color: black;
		padding: 10px 0;
		display: none;
		top: 100%;
		border-top: 1px solid #eaeaea;
		border-bottom: 0px solid #eaeaea;
		overflow: auto;
		max-height: calc(100vh - 80px);
		width:100%;
	}
	.atf-nav .atf-nav-list ul {
		padding-left: 15px;
		display: none; 
	}
	.atf-nav .atf-nav-list a {
		display: block;
		padding: 8px 20px; 
		color: white !important;
	}
	.atf-nav .menu-item-has-children {
		position: relative; }

 /*Mobile Menu Button*/
 
.atf-menu-toggle {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 27px;
	margin: 15px 0px 15px 0px;
	cursor: pointer; 
}
.atf-menu-toggle span,
.atf-menu-toggle span:before,
.atf-menu-toggle span:after {
	width: 100%;
	height: 2px;
	background-color: #055c00;
	display: block; 
}
.atf-menu-toggle span {
	margin: 0 auto;
	position: relative;
	top: 12px;
	transition-duration: 0s;
	transition-delay: 0.2s; 
}
.atf-menu-toggle span:before {
	content: '';
	position: absolute;
	margin-top: -8px;
	transition-property: margin, transform;
	transition-duration: 0.2s;
	transition-delay: 0.2s, 0s; 
}
.atf-menu-toggle span:after {
	content: '';
	position: absolute;
	margin-top: 8px;
	transition-property: margin, transform;
	transition-duration: 0.2s;
	transition-delay: 0.2s, 0s;
}
.atf-toggle-active span {
	background-color: rgba(0, 0, 0, 0)!important;
	transition-delay: 0.2s; 
}
.atf-toggle-active span:before {
	margin-top: 0;
	transform: rotate(45deg);
	transition-delay: 0s, 0.2s; 
}
.atf-toggle-active span:after {
	margin-top: 0;
	transform: rotate(-45deg);
	transition-delay: 0s, 0.2s; }

.menu-item-has-children i {
    display: none;
}

}
.atf-sticky-header {
	position: fixed;
	z-index: 200;
	width: 100%;
	top: 0;
	left: 0; 
}

/*
* ----------------------------------------------------------------------------------------
* 02. END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-single-home{
	height: 600px;
}
.atf-home-overlay{
	background: rgba(0,0,0,0.4);
	height: 100%;
	width: 100%;
}
.atf-single-text{
	padding-top:250px;
}
.atf-single-text h3 {
	color: var(--thm-white);
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.atf-single-text h1 {
	color: var(--thm-white);
	font-size: 50px;
	margin-bottom: 20px;
	font-weight: 600;
}
.atf-single-text h1 span{
	font-size: 20px;
	font-weight: 300;
	text-transform: capitalize;
	letter-spacing: 0;
}
.slider-active .owl-nav .owl-next {
	border-radius: 50% 0% 0 50% !important;
}
.slider-active .owl-nav .owl-next,
.slider-active .owl-nav .owl-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	color: var(--thm-white);
	opacity: 1;
	font-size: 20px;
	transition: all 0.4s ease-in-out;
	width: 70px;
	height: 60px;
	line-height: 50px;
	background: rgba(237, 237, 237, 0.1);
	border-radius: 0 50% 50% 0;
	text-align: center;
}
.slider-active .owl-nav .owl-prev {
	left: -5px;
}
.slider-active .owl-nav .owl-next{
	right: -5px;	
}
.slider-active .owl-nav .owl-next:hover,
.slider-active .owl-nav .owl-prev:hover {
    border-color: var(--thm-color);
    background: var(--thm-color);
    color: var(--thm-white);
}
.slider-active .atf-single-home h3 {
	-webkit-animation: 1.5s .3s fadeInUp both;
	animation: 1.5s .3s fadeInUp both; }
.slider-active .atf-single-text h1 {
	-webkit-animation: 1.5s .3s fadeInUp both;
	animation: 1.5s .3s fadeInUp both; }

.slider-active .atf-single-text p {
	-webkit-animation: 1.5s .7s fadeInUp both;
	animation: 1.5s .7s fadeInUp both; }
.slider-active .atf-hero-btn{
	-webkit-animation: 1.5s 1s fadeInUp both;
	animation: 1.5s 1s fadeInUp both; }
  
@media only screen and (max-width:480px) { 
	.atf-single-text h1{font-size:40px;}
}
.atf-single-text p {
	color: var(--thm-white);
	font-size: 18px;
	margin-bottom: 40px;
	line-height: 40px;
}
@media only screen and (max-width:480px) { 
	.atf-single-text p {
	  color: var(--thm-white);
	  margin: auto;
	  width: 100%;
	  margin-bottom: 25px;
	}
}

@media only screen and (max-width:820px) { 
	.slider-active .owl-nav .owl-next,
	.slider-active .owl-nav .owl-prev {
		display: none!important;
	}
}

/* START HOME 2 */
#home{
	position:relative;
	z-index: 1;
}
.atf-home2-area {
    background-color: var(--thm-f6);
    height: 750px;
    overflow: hidden;
	z-index:1;
}
.atf-home2-area::before {
	content: '';
	position: absolute;
	right: 0px;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	opacity: 0.7;
	z-index: -1;
}
.atf-align-items-details {
	display: flex;
	align-items: center;
	min-height: 100%;
}
.atf-home2-area .atf-content-details h5 {
	font-size: 20px;
	font-weight: 600;
	line-height: 40px;
	text-transform: capitalize;
	background: var(--thm-base);
	color: var(--thm-white);
	display: inline-block;
	padding: 0px 18px;
	border-radius: 8px;
}
.atf-single-details{
	z-index:1;
}
.atf-home2-area .atf-single-details h2 {
	color: var(--thm-white);
	text-transform: capitalize;
	font-weight: 700;
	font-family: var(--thm-font);
	font-size: 50px;
	letter-spacing: 0.7px;
	line-height: 70px;
}
.atf-home2-area .atf-single-details p {
	font-size: 17px;
	line-height: 1.8;
	font-weight: 400;
	color: var(--thm-white);
	margin: 20px 0 40px;
	z-index: -1;
}
.atf-round-area{
	position: relative;
	background: var(--thm-color);
}
.atf-home2-area .atf_home_img {
	position: relative;
}
.atf-home2-area .right-col {
	position: relative;
}
.atf-home2-area .right-col .atf-img-inner {
	position: relative;
	display: block;
}
.atf-home2-area .right-col .home-image-box {
	position: relative;
	display: block;
	border-radius: 7px;
	overflow: hidden;
}
.atf-home2-area .right-col .home-image-box::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.atf-home2-area .right-col .home-image-box img {
	display: block;
	width: 100%;
	border-radius: 7px;
}
.atf-home2-area .right-col .home-image-box img:hover{
	display: block;
	width: 100%;
	border-radius: 7px;
}
@media only screen and (max-width : 992px) {
	.atf-home2-area .atf-single-details h2{
		font-size:40px;
	}
}
@media only screen and (max-width : 991px) {
	.atf-home2-area .atf-single-details h2{
		font-size:30px;
		line-height:43px;
	}
	.atf-home2-area .right-col .home-image-box{
		margin-top:30px;
	}
	.atf-width-area{
		height: 1000px;
	}
	.atf-choose-inner {
		margin-top:40px;
	}
}
@media only screen and (max-width: 767px) {
	.atf-width-area{
		height: 850px;
	}
	.navbar-nav .menu-nav a::after,
	.navbar-nav .menu-nav a::before {
		display: none;
	}
	.atf-home2-area .atf-content-details h3{
		font-size:20px;
	}
	.atf-home2-area .atf_home_img{
		margin-top:30px;
	}
	.atf-home2-area .atf-single-details h2{
		font-size:25px;
		line-height:35px;
	}
	.atf-skill-box{
		margin-top:35px;
	}
	
}

@media only screen and (max-width: 576px) {
	.atf-home2-area .atf-themes-btn{
		margin-bottom:15px;
	}
}
@media screen and (max-width: 320px) and (min-width: 0px){
	.atf-home2-area .atf-themes-btn{
		margin-bottom:15px;
	}
	.atf-home2-area .atf-content-details h3{
		font-size:17px;
	}
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04. START PROPERFTY FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-property-form {
	background: var(--thm-black1);
}
.atf-property-form-item.atf-course-content {
	background: var(--thm-base);
	text-align: center;
}
.col-lg-1.col-md-6.col-12.atf-course-search {
	background: var(--thm-base);
}
.atf-property-form-item i {
	font-size: 50px;
	color: var(--thm-white);
}
.atf-property-form-item .form-control {
	height: calc(1.5em + 0.75rem + 23px);
	border-radius: 0;
}
.atf-property-form-item label {
	margin-bottom: 12px;
	font-size: 18px;
	color: var(--thm-white);
	font-weight: 700;
	display:block;
}
.atf-property-form-item {
	padding: 30px 12px;
}
.atf-property-form h3 {
	margin-bottom: 40px;
	font-size: 40px;
	color: var(--thm-white);
}
.atf-property-form-box .nice-select {
	margin: 0;
	height: 60px;
	line-height: 58px;
	padding-right: 40px;
	padding-left: 20px;
	border-radius: 0;
	min-width: 200px;
	font-size: 16px;
	font-weight: 500;
	font-family: var(--thm-font);
	width: 100%;
}
::-moz-range-track{
    background: transparent;
    border: 0;
}
.atf-property-form-item .atf-themes-btn{
	width:100%;
}
.atf-property-form-item .atf-themes-btn span {
	padding: 20px 20px;
}
.atf-btn-wrapper.text-center {
	margin-top: 20px;
	margin-right: 20px;
}
/*
* ----------------------------------------------------------------------------------------
* 04.END PROPERFTY FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 05.START FEATURE DESIGN
* ----------------------------------------------------------------------------------------
*/
#feature{
	position:relative;
}
.serviceBox{
    color: #999;
    background: linear-gradient(transparent 65%, /* var(--thm-color); 65% */);
    font-family: var(--thm-font);
    text-align: center;
    padding: 0 15px 15px;
    border-radius: 0 0 150px 150px;
    box-shadow: 0 12px 7px -7px rgba(0, 0, 0, 0.2);
}
.serviceBox .service-icon {
	color: var(--thm-white);
	background: var(--thm-base);
	font-size: 36px;
	line-height: 68px;
	height: 80px;
	width: 85px;
	margin: 0 auto 25px;
	border-radius: 0 0 50px 50px;
}
.serviceBox .service-content{
    background: var(--thm-white);
    padding: 0 20px 20px;
    border-radius: 15px 15px 150px 150px;
    border-top: 15px solid var(--thm-base);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.serviceBox .title{
    color: var(--thm-black);
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 7px;
}
.serviceBox .description{
    font-size: 14px;
    margin: 0 0 15px;
}
.serviceBox .read-more{
    color: var(--thm-color);
    font-size: 14px;
    transition: all 0.3s ease 0s;
}
.serviceBox .read-more:hover{
    color: #999;
    border-bottom: 1px dashed #999;
}
@media only screen and (max-width:991px) {
    .serviceBox{ margin: 0 0 30px; }
    .serviceBox .service-content{ padding: 0 35px 20px; }
}
@media only screen and (max-width:359px) {
    .serviceBox .service-content{ padding: 0 20px 20px; }
}
/*
* ----------------------------------------------------------------------------------------
* 05. END FEATURE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04. START COURSE DESIGN
* ----------------------------------------------------------------------------------------
*/
#course {
	background: var(--thm-f6);
	font-family: var(--thm-font);
	
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: var(--thm-color);
	background: none;
	border-radius: 7px;
	transition: all 0.3s ease-in-out;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border: none !important;
	color: var(--thm-color);
	border-radius: 7px;

}
.nav-fill .nav-item {
	font-size: 20px;
	font-family: var(--thm-font);
	font-weight: 500;
	text-transform: capitalize;
	margin-right: 5px;
}
.nav-tabs .nav-link {
	border: none !important;
}
.nav-tabs {
	border-bottom: none !important;
	margin-bottom: 25px;
	color: var(--thm-black);
	background: var(--thm-white);
	border-radius: 8px;
}
/*
* ----------------------------------------------------------------------------------------
* START VIDEO  DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-video-area {
	position: relative;
	display: block;
	border-radius: 7px;
	overflow: hidden;
}

.atf-video-area::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	opacity: 0.1;
}
.atf-video-area  img {
	display: block;
	width: 100%;
	border-radius: 7px;
}
.atf-video-area {
	position: relative;
}
.atf-video-area  {
	display: block;
	/*width: 100%;*/
	border-radius: 7px;
}
.atf-video-area .waves-box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}
.atf-video-area .iq-video {
	display: inline-block;
	width: 70px;
	height: 70px;
	text-align: center;
	font-size: 20px;
	color: var(--thm-white);
	border-radius: 100%;
	line-height: 53px;
	z-index: 1020;
	position: relative;
	border: 8px solid var(--thm-white);
}
.atf-video-area .iq-video i {
	margin-left: 3px;
}
.atf-video-area .iq-waves {
	position: absolute;
	left: -30px;
	top: -30px;
	z-index: 2;
}
.atf-video-area .iq-waves .wave-1 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.atf-video-area .iq-waves .waves {
	position: absolute;
	width: 130px;
	height: 130px;
	background: rgba(238, 117, 58, 0.5);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-radius: 50%;
	background-clip: padding-box;
	-webkit-animation: waves 3s ease-in-out infinite;
	animation: waves 3s ease-in-out infinite;
}
.atf-video-area .iq-waves .wave-1 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.atf-video-area .iq-waves .wave-2 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.atf-video-area .iq-waves .wave-3 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
@-webkit-keyframes waves {
	0% {
		-webkit-transform: scale(0.2, 0.2);
		transform: scale(0.2, 0.2);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	50% {
		opacity: 0.9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}
	100% {
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}
@keyframes waves {
	0% {
		-webkit-transform: scale(0.2, 0.2);
		transform: scale(0.2, 0.2);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	50% {
		opacity: 0.9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}
	100% {
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}
/*
* ----------------------------------------------------------------------------------------
*  END VIDEO  DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06. END COURSE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 07. START CHOOSE DESIGN
* ----------------------------------------------------------------------------------------
*/
#choose .atf-section-title{
	margin-bottom:5px;
}
.atf-single-feature {
	position:relative;
}
.atf-feature-content {
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	/* margin: 15px 0; */
}
.atf-feature-number {
	position: absolute;
	font-size: 61px;
	opacity: 0;
	font-weight: 500;
	top: 76%;
	left: 35%;
	transform: translate(-50%, -50px);
}
.atf-feature-content:hover .atf-feature-number {
	transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
	opacity:0.1;
}
.atf-feature-text h3 {
	padding: 2px 0 6px 0;
	color: #a70101;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
}
.atf-feature-content:hover h3 {
	color: var(--thm-color);
	transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
}
.atf-single-feature {
	border: none;
	border-radius: 0px;
}
.atf-feature-icon {
	transition: .5s ease;
}
.atf-feature-icon img {
	color: var(--thm-color);
	border-radius: 30% 70% 59% 41%/30% 38% 62% 70%;
	border: 1px dashed;
	padding: 5px;
}
/*
* ----------------------------------------------------------------------------------------
* 07. END CHOOSE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08. START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
#team{
	background:var(--thm-fb);
}
.atf-single-team {
	margin-bottom: 30px;
	box-shadow: 7px 5px 30px rgba(72, 73, 121, .15);
	background: #fff none repeat scroll 0 0;
	padding: 15px;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s
}
.atf-single-team  img {
	width: 100%
}

.atf-team-pic {
	position: relative;
	overflow: hidden;
}

.atf-team-pic img {
	width: 100%;
	border-radius: 10px;
}

.atf-team-pic .atf-team-prof {
	position: absolute;
	left: 0px;
	top: 20px;
	z-index: 111
}

.atf-team-pic .atf-team-prof .atf-team_social li+li {
	margin-top: 10px;
	display: block
}

.atf-team-pic .atf-team-prof .atf-team_social li a {
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: #6861BC;
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.atf-team-pic .atf-team-prof .atf-team_social li a:hover {
	background-color: #FE9347
}

.atf-team-pic .atf-team-prof .atf-team_social li:nth-child(1) {
	position: absolute;
	top: 20px;
	-webkit-transform: translateX(-80px);
	transform: translateX(-80px);
	-webkit-transition: transform 500ms;
	-webkit-transition: -webkit-transform 500ms;
	transition: -webkit-transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
	-webkit-transition-delay: 100ms;
	transition-delay: 100ms;
}

.atf-team-pic .atf-team-prof .atf-team_social li:nth-child(2) {
	position: absolute;
	top: 60px;
	-webkit-transform: translateX(-80px);
	transform: translateX(-80px);
	-webkit-transition: transform 500ms;
	-webkit-transition: -webkit-transform 500ms;
	transition: -webkit-transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
}

.atf-team-pic .atf-team-prof .atf-team_social li:nth-child(3) {
	position: absolute;
	top: 110px;
	-webkit-transform: translateX(-80px);
	transform: translateX(-80px);
	-webkit-transition: transform 500ms;
	-webkit-transition: -webkit-transform 500ms;
	transition: -webkit-transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
	-webkit-transition-delay: 300ms;
	transition-delay: 300ms;
}

.atf-team-pic .atf-team-prof .atf-team_social li:nth-child(4) {
	position: absolute;
	top: 160px;
	-webkit-transform: translateX(-80px);
	transform: translateX(-80px);
	-webkit-transition: transform 500ms;
	-webkit-transition: -webkit-transform 500ms;
	transition: -webkit-transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
	-webkit-transition-delay: 400ms;
	transition-delay: 400ms;
}

.atf-single-team:hover .atf-team-pic .atf-team-prof .atf-team_social li:nth-child(1) {
	-webkit-transform: translateX(15px);
	transform: translateX(15px);
}

.atf-single-team:hover .atf-team-pic .atf-team-prof .atf-team_social li:nth-child(2) {
	-webkit-transform: translateX(15px);
	transform: translateX(15px);
}

.atf-single-team:hover .atf-team-pic .atf-team-prof .atf-team_social li:nth-child(3) {
	-webkit-transform: translateX(15px);
	transform: translateX(15px);
}

.atf-single-team:hover .atf-team-pic .atf-team-prof .atf-team_social li:nth-child(4) {
	-webkit-transform: translateX(15px);
	transform: translateX(15px);
}

.atf-team-pic{
	position: relative
}

.atf-team-pic:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000 none repeat scroll 0 0;
	opacity: 0.1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	border-radius: 10px
}

.atf-team-title {
	text-align: center;
	padding: 20px 15px;
}

.atf-team-title h3 {
	color: #081528;
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: capitalize;
	margin-top: 10px;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.atf-team-title p {
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease 0s;
	;
	transition: all 0.4s ease 0s;
}

.atf-team-title h3 a {
	color: #081528;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.atf-team-title h3 a:hover {
	color: #FE9347
}

/*
* ----------------------------------------------------------------------------------------
* 08. END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/**************************************
 * 09. START GALLERY DESIGN
 *************************************/
#portfolio {
    position: relative;
	overflow: hidden;
}
.atf-portfolio-area .portfolio-filter {
	margin-bottom: 20px;
}
.atf-portfolio-area .portfolio-filter button {
	font-size: 13px;
	margin: 0 15px 20px 0;
	overflow: hidden;
	text-transform: uppercase;
	display: inline-block;
	padding: 8px 15px;
	transition: 0.4s;
	outline: none;
	-webkit-transition: 0.4s;
	-ms-transition: 0.4s;
	border-radius: 4px;
	font-weight: 500;
	letter-spacing: 0.4px;
	background: var(--thm-f6);
	color: var(--thm-black);
	border: none;
}
.atf-portfolio-area .portfolio-filter button:hover,
.atf-portfolio-area .portfolio-filter button.active {
	color: var(--thm-white);
	background: var(--thm-color);
}
.atf-single-portfolio{
    font-family: var(--thm-font);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease-in-out;
}
.atf-single-portfolio:before{
    content: '';
    height: 100%;
    width: 100%;
    border: 0 solid #ff5627;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}
.atf-single-portfolio:hover:before{
    border: 15px solid #ff5627;
    border-bottom-width: 60px;
}
.atf-single-portfolio img{
    width: 100%;
    height: auto;
    transition: all 0.4s ease-in-out;
}
.atf-single-portfolio:hover img{ filter: hue-rotate(100deg) grayscale(50%); }
.atf-single-portfolio .atf-portfolio-content{
    color: #fff;
    width: 200px;
    position: absolute;
    bottom: -15px;
    left: 15px;
    z-index: 2;
    transition: all 0.4s ease-in-out;
}
.atf-single-portfolio:hover .atf-portfolio-content{ bottom: 5px; }
.atf-single-portfolio .title {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	text-shadow: 0 0 5px rgba(0,0,0,0.1);
	margin: 0;
	transition: all 0.3s ease 0s;
	color: var(--thm-white);
}
.atf-single-portfolio:hover .title{ text-shadow: none; }
.atf-single-portfolio .post{
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    display: block;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.atf-single-portfolio:hover .post{ opacity: 1; }
.atf-single-portfolio .atf-portfolio-icon{
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    position: absolute;
    top: 17px;
    right: -15px;
    z-index: 1;
    transition: all 0.4s ease-in-out 0.1s;
}
.atf-single-portfolio:hover .atf-portfolio-icon{
    opacity: 1;
    right: 15px;
}
.atf-single-portfolio .atf-portfolio-icon li a{
    color: #fff;
    background-color: #ff5627;
    font-size: 13px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    width: 30px;
    margin: 7px 0;
    display: block;
    transition: all 0.3s ease 0s;
}
.atf-single-portfolio .atf-portfolio-icon li a:hover{
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0,0,0,0.5) inset;
    transform: translateX(-2px);
}
@media only screen and (max-width:991px){
    .atf-single-portfolio { margin: 0 0 30px; }
}
/**************************************
 * 09. END GALLERY DESIGN
 *************************************/
 /*
* --------------------------------------
* 10. START COUNTER DESIGN
* --------------------------------------
*/
.atf-counter-area{
	background:var(--thm-f6);
}
.atf-counter-value {
	padding: 0px 0px 5px;
	font-size: 25px;
	font-weight: 600;
	color: var(--thm-color);
}
.atf-main-counter{
	margin:15px 0;
}
.atf-counter-content h3 {
	font-weight: 500;
	font-size: 18px;
	color: var(--thm-black);
	overflow:hidden;
}
.atf-work-area .atf-section-title{
	margin-bottom:0;
}
.atf-work-area .atf-section-title p{
	margin-bottom:0;
	color: var(--thm-p);
}
.atf-work-area{
	padding-left:15px;
}
.atf-work-area h2 {
	text-transform:capitalize;
}
.atf-work-area p {
	width:100%;
}
.atf-work-content {
	margin-top:20px;
}
.atf-work-content li {
	line-height: 40px;
	color: var(--thm-p);
}
.atf-work-content li::before {
	content: "\f00c";
	color: var(--thm-color);
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	text-align: center;
	margin-right: 15px;
	border: 1px solid var(--thm-color);
	border-radius: 50%;
	padding: 5px;
}
.atf-counter-icon{
	float:left;
}
.atf-counter-icon i {
	font-size: 25px;
	color: var(--thm-white);
	background: var(--thm-color);
	border-radius: 50%;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;

}
/*
* ----------------------------------------------------------------------------------------
* 10. END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11. START CLASS  DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-admin-area {
	padding: 20px 0;
}
.aft-autor-title {
	margin-top: 12px;
}
.atf-admin-img img {
	border-radius: 50%;
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 20px;
}
.atf-class-slide .atf-class-img{
    overflow: hidden;
}
.atf-class-slide .atf-class-img img{
    width: 100%;
    height:160px;
    /*height: auto;*/
    opacity: 0.8;
    transform: scale(1,1);
    transition:all 0.3s ease-in-out 0s;
}
.atf-class-slide:hover .atf-class-img img{
    transform: scale(1.2,1.2);
    opacity:1;
}
.atf-class-slide .atf-class-content {
	padding: 20px 20px 20px 30px;
	position: relative;
	background: var(--thm-white);
    height:165px
}
.atf-class-slide .atf-class-content  a{color:#a70101}
.atf-class-slide .atf-class-date{
    min-width:28px;
    min-height:28px;
    line-height: 28px;
    text-align: center;
    background: #f3c025;
    position: absolute;
    top: -30px;
    left: 30px;
}
.atf-class-slide .month {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: var(--thm-white);
	padding: 0 15px;
	background: #a70101;
	text-transform: uppercase;
}
.atf-class-slide .date{
    color: var(--thm-white);
    font-size: 14px;
}
.atf-class-slide .atf-class-title {
	margin: 18px 0 4px;
}
.atf-class-slide .atf-class-title a{
    color: #a70101;
    font-size: 15px;
    text-transform:capitalize;
    transition: all 0.50s ease 0s;
}
.atf-class-slide .atf-class-title a:hover{
    color:var(--thm-color);
    text-decoration: none;
}
.atf-class-slide .atf-class-description{
    font-size: 13px;
    line-height: 20px;
    color: black;
}
.atf-class-slide .atf-class-bar {
	padding: 10px 0;
	list-style: none;
	text-align: center;
	border-top: 1px solid #eee;
	background: var(--thm-white);
}
.atf-class-slide .atf-class-bar li {
	display: inline-block;
	margin: 2px 7px 0 0;
	color: var(--thm-black);
	text-align: left;
	padding: 10px 20px;
	border-radius: 5px;
}
.atf-class-slide .atf-class-bar li a {
	text-transform: capitalize;
	font-size: 14px;
	color: var(--thm-color);
	transition: 0.2s ease;
	font-weight: 600;
}
.atf-class-slide .atf-class-bar li a:hover {
	text-decoration: none;
	color: var(--thm-black);
}
.atf-class-slide .atf-class-bar li i {
	color: var(--thm-color);
	margin-right: 5px;
}
/*
* ----------------------------------------------------------------------------------------
* 11. END CLASS  DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 12. START SPECIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-special-offer .atf-home-overlay {
	background: rgba(9, 33, 159, 0.46);
	height: 100%;
	width: 100%;
}
.atf-special-content.atf-section-title h4 {
	background: var(--thm-white);
	display: inline-block;
	padding: 10px 15px;
	border-radius: 7px;
	opacity: 0.9;
	border: 2px solid var(--thm-white);
}
#countdown div{
	float: left;
	margin-left: 50px;
	margin-top: 20px;
	background:var(--thm-color);
	padding: 15px 30px;
	border-radius:7px;
	text-align: center;
	font-size: 13px;
	position: relative;
	color:var(--thm-white);
	font-weight: 400;
}
#countdown div strong{
	font-size: 30px;
	 color:var(--thm-white);
	letter-spacing: 2px;
}
.atf-single-special-img img {
	width: auto;
}
/*
* ----------------------------------------------------------------------------------------
* 12. END SPECIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 13.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-testimonial{
    background-color: #f3f3f3;
    border-radius: 5px;
    padding: 30px;
    margin: 0 15px;
}
.atf-testimonial .atf-testimonial-pic{
    width: 90px;
    height: 90px;
    margin: 0 30px 15px 0;
    float: left;
}
.atf-testimonial .atf-testimonial-pic img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.atf-testimonial .atf-testimonial-title{
    color: var(--thm-black);
    font-size: 20px;
    margin-top: 5px;
    font-weight: 400;
    text-transform: capitalize;
}
.atf-testimonial .atf-testimonial-title small {
	color: var(--thm-color);
	font-size: 13px;
	font-weight: 500;
	margin-top: 10px;
}
.atf-testimonial .atf-testimonial-review p {
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 0;
	display: block;
	overflow: hidden;
}
@media screen and (max-width: 990px){
    .testimonial-parallax h2{
        margin-bottom: 40px;
    }
    .testimonial{
        margin: 0;
    }
}
/* owl theme */
.atf-main-testimonials.owl-theme .owl-nav.disabled + .owl-dots {
    margin-left: 50px;
    line-height: .7;
}
.atf-main-testimonials .owl-controls{
	 margin-left: -25px;
}
.atf-main-testimonials.owl-theme .owl-dots .owl-dot span {
	width: 15px;
	height: 5px;
	margin: 0 8px;
	border-radius: 5px;
	background: transparent;
	border: 1px solid #f3c12b;
	transition: 0.3s all ease-in-out;
	margin-top: 30px;
}
.atf-main-testimonials.owl-theme .owl-dots .owl-dot.active span,
.atf-main-testimonials.owl-theme .owl-dots .owl-dot:hover span {
    background: #f3c12b;
    width: 35px;
    transition: 0.3s all ease-in-out;
    border: 1px solid #f3c12b;
}
/*
* ----------------------------------------------------------------------------------------
* 13.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-post-slide{
    border: 1px solid #eee;
    padding: 22px;
    position: relative;
    background: #fff;
    height: 200px
}
.atf-post-slide:before{
    content: "";
    border-top:1px solid transparent;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    transition:all 0.3s ease-in-out 0s;
}
.atf-post-slide:hover:before{
    border-top: 1px solid #a70101;
}
.atf-post-slide:hover{
   border-top: 1px solid #a70101;
   background: aliceblue;
}
.atf-post-slide .atf-post-img > img{
    width: 85%;
    height:auto;
    margin:0 auto
}
.atf-post-slide .atf-post-title > a{
    font-size: 14px;
    text-transform: capitalize;
  color: #000;
    transition:all 0.3s ease-in-out 0s;
}
.atf-post-slide .atf-post-title > a:hover {
	text-decoration: none;
	color: var(--thm-color) !important;
}
.atf-post-slide .atf-post-bar {
	padding: 0 18px;
	list-style: none;
	overflow: hidden;
	margin: 5px 0;
}
.atf-post-slide .atf-post-bar > li{
    display: inline-block;
    border-right: 1px solid var(--thm-color);
    padding: 0 10px;
    float: left;
}
.atf-post-slide .atf-post-bar > li:first-child{
    padding: 0 0px 0 0;
}
.atf-post-slide .atf-post-bar > li:last-child{
    border: 0px none;
}
.atf-post-slide .atf-post-date, .atf-post-slide .atf-author, .atf-post-slide .atf-comment {
	text-transform: capitalize;
	font-size: 14px;
	font-weight: 500;
}
.atf-post-slide .author > a,
.atf-post-slide .comment > a,
.atf-post-slide .comment > i{
    color:var(--thm-color);
    transition:all 0.3s ease-in-out 0s;
}
.atf-post-slide .atf-author > a:hover,
.atf-post-slide .atf-comment > a:hover{
    text-decoration: none;
    color:var(--thme-color);
}
.atf-post-slide .atf-post-date > i, .atf-post-slide .atf-author > i, .atf-post-slide .atf-comment > i {
	margin-right: 8px;
	font-size: 15px;
	color: #a70101;
}
.atf-post-slide .atf-post-description{
    line-height: 1.8;
    margin-bottom: 20px;
}

@media only screen and (max-width: 360px) {
    .atf-post-bar > li:last-child{
        margin-top: 8px;
        padding: 0;
    }
}
/*
* ----------------------------------------------------------------------------------------
* 14.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 15. START COMPANY BRAND LOGO DESIGN  
* ----------------------------------------------------------------------------------------
*/
#atf-brand-area {
	background: #ffe4a3b5;
	padding: 30px 0px 48px 0px;
}
#atf-brand-area .atf-section-padding {
	margin-bottom:40px;
}

#atf-brand-area .owl-controls {
	display:none;
}
.atf-brand-active{ text-align: center }
.atf-brand-active > a { display:inline-block}
/*
* ----------------------------------------------------------------------------------------
* 15. END COMPANY BRAND LOGO DESIGN 
* ----------------------------------------------------------------------------------------
*/
 /**************************************
 * START HIRE DESIGN
 *************************************/
.atf-hire-area {
	background: var(--thm-color);
	border-radius: 6px;
	padding:25px;
}
.atf-hire-content h3 {
	color: var(--thm-white);
	font-size: 26px;
	font-weight: 700;
	line-height: 1.3;
	text-align: left;
}
.atf-hire-content {
	text-align: left;
	display: inline-block;
	margin-left: 20px;
}
.atf-hire-content p {
	color: var(--thm-white);
	margin-top: 10px;
}
.atf-hire-area .atf-themes-btn {
	text-align: right;
	background: var(--thm-base);
	float: right;
	margin: 10px;
	color: var(--thm-white);
}
 /**************************************
 * END HIRE DESIGN
 *************************************/
/*
* ----------------------------------------------------------------------------------------
* 16.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-contact-info {
	padding: 35px;
	margin-right: 25px;
	box-shadow: 0px 4px 6px 4px rgba(75, 81, 91, 0.1);
	-webkit-box-shadow: 0px 4px 6px 4px rgba(75, 81, 91, 0.1);
}
.atf-contact-info .atf-section-title{margin-bottom:30px;}
.atf-main-contact{
	margin:20px 0;
}
.atf-contact-details {
	margin-bottom: 20px;
	display: block;
	overflow: hidden;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
.atf-contact-details i {
	font-size: 20px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: var(--thm-white);
	text-align: center;
	margin: 0px 0 25px;
	border-radius: 10%;
	background: var(--thm-color);
	float: left;
	margin-right: 25px;
}
.atf-contact-details h4 {
	color: var(--thm-black);
	font-size: 20px;
	line-height: 16px;
}
.atf-contact-details p {
	color: var(--thm-p);
	display: block;
	overflow: hidden;
}
.atf-contact-btn .atf-themes-btn {
	color: var(--thm-white);
}
.contact h4 {
	font-size: 30px;
	margin-bottom: 30px;
	color: var(--thm-black);
	font-weight: 600;
}
.atf-contact-area .atf-section-title p{
	width:100%;
	color: var(--thm-p);
}
.contact .form-control {
	padding: 12px 15px;
	border-radius: 7px;
	margin-bottom: 5px;
}
.contact .form-control:focus {
	border-color: var(--thm-color);
	box-shadow: none;
	outline: 0 none;
}
.contact textarea {
	border-radius: 0px;
	box-shadow: none;
	padding: 10px;
	height: 100px;
}
.contact textarea:focus {
	box-shadow: none;
	outline: 0 none;
	border-color: var(--thm-color);
}
.success {
    background: #fff none repeat scroll 0 0;
    color: #42c0d9;
    font-weight: 700;
    padding: 20px;
    text-align: center;
}
.actions .atf-themes-btn {
	width: 100%;
}
.actions .atf-themes-btn:hover {
	transform: translateY(-0px);
}
/*
* ----------------------------------------------------------------------------------------
* 16.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 17.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
#footer{
	position:relative;
}
#footer .atf-section-padding{
	padding-top:45px;
}
.atf-footer-area{
	position:relative;
	z-index:1;
}
.atf-footer-area::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--thm-black);
	/* border-radius: 50% 50% 0% 0%/100% 100% 0% 0%; */
	transform: scaleX(2.1);
	z-index: -1;
}
.atf-mailchamp-subscribe{
	position:relative;
}
.atf-mailchamp-subscribe .btn i {
	font-size: 18px;
	color: var(--thm-white);
}
.atf-mailchamp-subscribe .btn {
	position: absolute;
	right: 22px;
	background: transparent;
	box-shadow: none;
	top: 2px;
	background: var(--thm-black);
	border-radius: 30px;
}
.atf-mailchamp-border{
	border-bottom:1px dashed var(--thm-white);
}
.atf-mailchamp-headding h2 {
	font-size: 33px;
	color: var(--thm-white);
	font-weight: 600;
}
.atf-mailchamp-subscribe form input:focus {
	box-shadow: none;
	outline: 0 none;
	border-color: var(--thm-color);
}
.atf-mailchamp-subscribe form input {
	background: var(--thm-white);
	color: var(--thm-black);
	border: 1px solid #eee;
	width: 100%;
	height: 43px;
	padding-left: 15px;
	font-size: 14px;
	border-radius: 25px;
}
.atf-mailchamp-subscribe  .form-group{
	margin-bottom:0;
}
.atf-mailchamp-subscribe .atf-themes-btn {
	position: absolute;
	right: 5px;
	padding: 12px 23px;
	top: -3px;
}
.atf-mailchamp-subscribe  .atf-themes-btn:hover {
	transform: translateY(-0px); 
}
.atf-mailchamp-subscribe .atf-subscription-label {
	color: var(--thm-white);
	margin-bottom: 15px;
}
.atf-footer-boottom {
	padding: 35px 0;
	background: rgba(0,0,0, 0.4);
}
.atf-footer-box p {
    color: var(--thm-white);
    margin-bottom: 20px;
}
.atf-footer-box strong{
	font-weight:700;
}
.atf-footer-social-icon a i:hover {
	background: var(--thm-color);
	color: var(--thm-white);
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
}
.atf-footer-social-icon a i {
	font-size: 16px;
	margin-right: 10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	color: var(--thm-white);
	text-align: center;
	background: var(--thm-black);
}
.atf-footer-area .atf-footer-link {
	position: relative;
}
.atf-footer-area .atf-footer-link::after {
	content: '';
	position: absolute;
	left: 35px;
	top: 35px;
	background: var(--thm-white);
	width: 45px;
	height: 2px;
}
.atf-footer-area .atf-footer-link::before {
	content: '';
	position: absolute;
	left: 14px;
	top: 33px;
	background: var(--thm-white);
	width: 11px;
	height: 5px;
}
.atf-footer-link h5 {
	margin-bottom: 35px;
	font-size: 22px;
	color: var(--thm-white);
}
.atf-footer-link .atf-list-menu li a {
	color: var(--thm-f3);
	margin-bottom: 10px;
	display: block;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.atf-footer-link .atf-list-menu li a:hover {
	color: var(--thm-color);
	padding-left: 4px;
}
.atf-footer-link .atf-list-menu li a span {
    position: relative;
    display: block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    font-weight: 500;
    font-family: var(--thm-font);
}
.atf-footer-link p{
	color: var(--thm-white);
}
.atf-footer-boottom  p{
	color: var(--thm-white);
}
.atf-footer-boottom a {
	color: var(--thm-ase);
	font-weight: 700;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.atf-footer-boottom a:hover {
	color: var(--thm-white);
}
.atf-payment-link img{
	margin-right:6px;
}
.form-message {
	margin-top:20px;
}
/*
* ----------------------------------------------------------------------------------------
* START MAP DESIGN
* ----------------------------------------------------------------------------------------
*/
#atf-map-area iframe {
	width: 100%;
	height: 150px;
}
/*.atf-main-header-left{
    margin-top: 20px;
}*/

.life_in_sba_lhs {
    width: 31.5%;
    float: left;
    margin: 0 2px 0 0;
    padding-left: 8px;
}
@media (max-width: 1366px){
ul.life_in_sba_lhs {
    width: 31.3%;
}
.life-at-icon-bg img {
    width: 125px;
}
.life_in_sba a:hover .life-event-dtl, .life_in_sba a:hover .life-event-dtl {
    padding: 45px 30px;
}

}
.transition_all_6s h4 {
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 10px;
}
.life_in_sba p {
    margin-bottom: 15px;
}
ul.life_in_sba_lhs li {
    width: 100%;
    margin-bottom: 2px;
    overflow: hidden;
}
.life_in_sba .readmore {
    color: #fff;
    border: 1px solid #fff;
}
ul.life_in_sba_rhs li:nth-of-type(3n+3) {
    margin-right: 0;
}
.yellow1-up-arrow {
    border-bottom: 15px solid #de9f25;
}
.yellow1-bg {
    background: #de9f25;
}
.green2-up-arrow {
    border-bottom: 15px solid #077232;
}
.green2-bg {
    background: #077232;
}
.blue2-up-arrow {
    border-bottom: 15px solid #3c5a9f;
}
.blue2-bg {
    background: #3c5a9f;
}
.green1-up-arrow {
    border-bottom: 15px solid #199049;
}
.green1-bg {
    background: #199049;
}
.life_in_sba a:hover .blue1-up-arrow{border-bottom:15px solid rgba(33,48,105,0.8);}



.life_in_sba a:hover .blue2-up-arrow{border-bottom:15px solid rgba(60,90,159,0.8);}



.life_in_sba a:hover .green1-up-arrow{border-bottom:15px solid rgba(25,144,73,0.8);}



.life_in_sba a:hover .green2-up-arrow{border-bottom:15px solid rgba(7,114,50,0.8);}



.life_in_sba a:hover .yellow1-up-arrow{border-bottom:15px solid rgba(222,159,37,0.8);}

.life_in_sba a:hover .life-event-dtl, .life_in_sba  a:hover .life-event-dtl{ height:100%; text-align:left;padding:60px; vertical-align:middle;}



.life_in_sba a:hover .blue1-bg{ background:rgba(33,48,105,0.8);}



.life_in_sba a:hover .blue2-bg{ background:rgba(60,90,159,0.8);}



.life_in_sba a:hover .green1-bg{ background:rgba(25,144,73,0.8);}



.life_in_sba a:hover .green2-bg{ background:rgba(7,114,50,0.8);}



.life_in_sba a:hover .yellow1-bg{background:rgba(222,159,37,0.8);}




.readmore {
    overflow: hidden;
    display: inline-block;
    position: relative;
    z-index: 1;
    border: 1px solid #b2b2b2;
    padding: 8px 30px 8px 15px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #333;
}
.transition_all_3s {
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}
.life_in_sba_lhs .lg-img, .life_in_sba_rhs .lg-img {
    width: 100%;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
    
}
.overlay-blue {
    background: rgba(60,90,159, 0.69);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.life-at-icon-bg {
    position: absolute;
    right: 0;
    background: #3c5a9f;
    top: 0;
    bottom: 0;
    height: 100%;
    padding: 35px 20px;
    width: 285px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    font-weight: 300;
}
.life_in_sba p {
    margin-bottom: 15px;
    line-height: 25px;
}
ul.life_in_sba_lhs li {
    width: 100%;
    margin-bottom: 2px;
    overflow: hidden;
    /* height: 245px; */
}
.life_in_sba_lhs .lg-img, .life_in_sba_rhs .lg-img {
    width: 100%;
}

.transition_all_6s {
    transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
}
.blue1-up-arrow {
    border-bottom: 15px solid #213069;
}

.up-arrow {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    bottom: 40px;
    left: 30px;
    position: absolute;
}
.blue1-bg {
    background: #213069;
}

.life-event-dtl {
    position: absolute;
    bottom: 0;
    height: 40px;
    left: 0;
    right: 0;
    padding: 10px;
    color: #fff;
    text-align: right;
    font-weight: 600;
    font-size: 16px;
}
.life_in_sba .readmore {
    color: #fff;
    border: 1px solid #fff;
}
.readmore {
    overflow: hidden;
    display: inline-block;
    position: relative;
    z-index: 1;
    border: 1px solid #b2b2b2;
    padding: 8px 30px 8px 15px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #333;
}
.readmore:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #158361;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
}
.arrow-right {
   height: 5px;
    position: absolute;
    right: 15px;
    top: 10px;
}
.life_in_sba .arrow-right:before {
    background: #fff;
}
.arrow-right:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #8d8d8d;
    -webkit-transform: skew(45deg, 0deg);
    -moz-transform: skew(45deg, 0deg);
    -ms-transform: skew(45deg, 0deg);
    -o-transform: skew(45deg, 0deg);
    transform: skew(45deg, 0deg);
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}
.life_in_sba .arrow-right:after {
    background: #fff;
}
.arrow-right:after {
    content: '';
    position: absolute;
    top: 100%;
    right: 0%;
    height: 100%;
    width: 100%;
    background: #8d8d8d;
    -webkit-transform: skew(-45deg, 0deg);
    -moz-transform: skew(-45deg, 0deg);
    -ms-transform: skew(-45deg, 0deg);
    -o-transform: skew(-45deg, 0deg);
    transform: skew(-45deg, 0deg);
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}
.life_in_sba_rhs {
    padding: 0;
    width: 68.35%;
    float: left;
    margin: 0;
}
ul.life_in_sba_rhs li {
    width: 33.2%;
    float: left;
    margin: 0 2px 2px 0;
    overflow: hidden;
}
ul.life_in_sba_rhs li, ul.life_in_sba_lhs li {
    position: relative;
    height: 246px;
}
@media (max-width: 1460px){
ul.life_in_sba_rhs li {
    width: 33%;
}}
.life_in_sba a:hover .lg-img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}
.green2-up-arrow {
    border-bottom: 15px solid #077232;
}
.life_in_sba a:hover .lg-img {
    -webkit-transform: rotate(-2deg) scale(1.2);
    transform: rotate(-2deg) scale(1.2);
    -moz-transform: rotate(-2deg) scale(1.2);
    -o-transform: rotate(-2deg) scale(1.2);
    -ms-transform: rotate(-2deg) scale(1.2);
}
.life_in_sba_lhs .lg-img, .life_in_sba_rhs .lg-img {
    width: 100%;
}
.life_in_sba a:hover .yellow1-up-arrow {
    border-bottom: 15px solid rgba(222,159,37,0.8);
}
.life_in_sba a:hover .up-arrow {
    bottom: 100%;
}

.yellow1-up-arrow {
    border-bottom: 15px solid #de9f25;
}
.up-arrow {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    bottom: 40px;
    left: 30px;
    position: absolute;
}
.life_in_sba a:hover .yellow1-bg {
    background: rgba(222,159,37,0.8);
}

.life_in_sba a:hover .life-event-dtl, .life_in_sba a:hover .life-event-dtl {
    height: 100%;
    text-align: left;
    padding: 40px;
    vertical-align: middle;
}
.yellow1-bg {
    background: #de9f25;
}
.life-event-dtl {
    position: absolute;
    bottom: 0;
    height: 40px;
    left: 0;
    right: 0;
    padding: 10px;
    color: #fff;
    text-align: right;
    font-weight: 600;
    font-size: 16px;
}
.life-at-icon-bg img {
    margin-bottom: 11px;
    /* line-height: 20px; */
}
 .wed-hom-footer{
    /* margin-top: 60px;
     */
    padding: 65px 0px 65px 0px;
    background: #1f272b;
    border-top: 5px solid #f3c12b;
}
 .wed-hom-footer h4{
     font-size: 14px;
     color: #f3c22d;
     padding-bottom: 25px;
     text-transform: uppercase;
}
 .wed-hom-footer p{
     font-size:13px;
     color: #ffffff;
         text-align: justify;
}
 .wed-hom-footer p a{
     font-size:13px;
     color: #ffffff;
}
 .wed-foot-link{
     border-top: 1px groove #ffffff;
     border-bottom: 1px groove #ffffff;
     padding: 35px 0px;
     /* margin-top: 35px;
     */
}
 .wed-foot-link ul{padding-left: 0;}
 .wed-foot-link ul li{
     width: 50%;
     float: left;
         line-height: 28px;
}
 .wed-foot-link ul li a{
     color: #ffffff;
     font-size: 13px;
}
 .wed-foot-link div{
     border-right: 1px groove #ffffff;
}
 .wed-foot-link div:last-child{
     border-right:0px solid #dadada;
     ;
}
 .wed-video2{
     padding: 50px 0px;
     background: #f1f1f1;
}
 .wed-foot-link-1{
     padding-top: 25px;
}
 .wed-foot-link-1 ul{
     position: relative;
     overflow: hidden;
     padding-left: 0;
}
 .wed-foot-link-1 ul li{
     float: left;
     padding-right: 8px;
}
 .wed-foot-link-1 ul li a{
}
 .wed-foot-link-1 ul li a i{
     width: 32px;
     height: 32px;
     text-align: center;
     border: 1px solid #6f6f6f;
     border-radius: 20px;
     padding: 8px;
     color: #c5c5c5;
}
 .wed-foot-link-1 ul li a img{
     width: 140px;
}
 .wed-rights{
     background: #a70101;
}
 .wed-rights p{
     text-align: center;
     margin-bottom: 0px;
     padding: 8px;
     color: #ffffff;
     font-size: 13px;
}
 .sprite-android{
     background: url(../images/sprite.html) no-repeat -12px -15px;
}
 .sprite-ios{
     background: url(../images/sprite.html) no-repeat -170px -15px;
}
 .sprite{
     width: 157px;
     height: 55px;
     display: inline-block;
}
 .sprite-call{
     width: 110px;
     height: 120px;
     display: inline-block;
     background: url(../images/sprite.html) no-repeat -22px -116px;
    /* margin-top: 51px;
     */
     float: left;
}
 /*-------------------------------------------------*/
/*=  23.SOCIAL MEDIA SHARE 
/*-------------------------------------------------*/
 .icon-float {
     position: fixed;
     left: 0px;
     
     top: 35%;
     z-index: 999;
     /*right: 0px;*/
}
 .icon-float ul {
     padding: 0px;
}
 .icon-float ul li {
     list-style-type: none;
}
 .icon-float ul li a {
     display: block;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     padding: 0px;
}
 .icon-float ul li a i {
     padding: 8px;
     width: 40px;
     height: 32px;
     text-align: center;
     color: #fff;
}
 .icon-float ul li a:hover {
     transform: rotateY(-180deg);
}
 .icon-float ul li a:hover i {
     transform: rotateY(180deg);
}
 .fb1 {
     background: #3b5998;
}
 .gp1 {
     background: #dd4b39;
}
 .tw1 {
     background: #1da1f2;
}
 .li1 {
     background: #0077b5;
}
 .yt1 {
     background: #cd201f;
}
 .wa1 {
     background: #34af23;
}
 .sh {
     background: #fff;
     padding: 10px 0px;
     font-size: 11px;
     text-align: center;
     color: #333;
     border-top-left-radius: 5px;
}
 .sh1 {
     background: #333;
     border-bottom-left-radius: 5px;
}

.sticky-container {
            padding: 0px;
            margin: 0px;
            position: fixed;
            right: -174px;
            top: 350px;
            width: 210px;
            z-index: 1100;
        }
        
        .sticky li {
            list-style-type: none;
            background-color: #ffffffc4;
            color: #efefef;
            height: 39px;
            padding: 0px;
            margin: 0px 0px 10px 0px;
            -webkit-transition: all 0.25s ease-in-out;
            -moz-transition: all 0.25s ease-in-out;
            -o-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
            cursor: pointer;
            border-radius: 4px;
        }
        
        .sticky li:hover {
            margin-left: -130px;
        }
        
        .sticky li p {
            color: #000;
            /*font-family: roboto;*/
            font-size: 15px;
            font-weight: 500;
            margin-top: -29px;
            margin-left: 49px;
        }
        
        .sticky li span i {
            background: #ffffff;
            font-size: 28px;
            padding: 5px 10px;
            border-radius: 4px;
        }
        
        .sticky li p a:hover {
            text-decoration: underline;
        }
         .green {
            color: green;
        }
        
        .blue {
            color: blue
        }
        
        .white {
            color: orange;
        }

.notice-announcement {padding: 0px 15px 15px 15px;background:#1a4895;height: 334px;overflow-y: scroll;overflow-x: hidden;box-shadow: 0 0 7px rgb(0 0 0 / 8%)}
.notice-vticker{height:354px !important; margin-bottom:15px}
.notice-vticker ul{list-style:none;padding:0px; margin:0px}
.notice-vticker ul li {padding-bottom: 15px;padding-top:30px;position: relative;font-weight: 700; top:8px;border-bottom: 1px solid rgba(0, 0, 0, 0.28);padding-left: 28px;}
/*.vticker ul li:before {font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f1ea";position: absolute;left: 1px; color:#fff;}*/
.notice-item i{position: absolute;left: 1px; color:#fff;}
.notice-vticker ul li a {display: block;color: #fff;font-weight: 500;font-size:11px}
.notice-vticker ul li span {display: block;}
.notice-vticker ul li .ndate {font-size: 11px;text-transform: uppercase;font-weight: 500;position: absolute;top:10px;color:#fff;}
.notice-vticker ul li .newicon,.notice-vticker ul li img{position: absolute; top:7px;}
.news-announcement .scroll {max-height: 352px;overflow-y: scroll;overflow-x: hidden;}
.vticker ul li .dsize {color: #cbcaca;font-size: 11px;}
#style-2::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
    width: 8px;
}
#style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f3c025;
}
 .full-bot-book{
     background-image:url(../images/happy-birthday-sec.html);
     padding: 40px 0px;
     position: relative;
     overflow: hidden;
         background-size: cover;
    background-attachment: fixed;
}
 .bot-book{
     position: relative;
     overflow: hidden;
     width: 100%;
     display: block;
}
 .bb-img{
}
 .bb-img img{
     width: 90px;
}
 .bb-text{
}
 .bb-text h4{
     color: #fff;
     font-size: 25px;
     text-transform: uppercase;
     padding-bottom: 15px;
}
 .bb-text p{
     color: #fff5f3;
     margin-bottom: 0px;
}
 .bb-link{
     position: relative;
     overflow: hidden;
}
 .bb-link a{
     border: 1px solid #fff;
     color: #fff;
     border-radius: 50px;
     padding: 15px 20px;
     line-height: 60px;
}

.news-announcement {
     padding: 0px 15px 15px 15px; 
    background: #f1f8ff;
    height: 330px;
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    border: 2px solid #e1e1e1;
    box-shadow: 0px 0px 12px 1px rgb(0 0 0 / 17%);
    }
.vticker{height:354px !important; margin-bottom:15px}
.vticker ul{list-style:none;padding:0px; margin:0px}
.vticker ul li {padding-bottom: 12px;padding-top: 12px;position: relative;font-weight: 700; top:8px;border-bottom: 1px solid rgba(0, 0, 0, 0.28);/* padding-left: 28px; */}
/*.vticker ul li:before {font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f1ea";position: absolute;left: 1px; color:#fff;}*/
.news-item i{position: absolute;left: 1px; color:#585858;}
.vticker ul li a {display: flex;color: #585858;font-weight: 500;font-size:11px}
.vticker ul li span {display: block;}
.vticker ul li .ndate {font-size: 11px;text-transform: uppercase;font-weight: 500;position: absolute;top:10px;color:#000;}
.vticker ul li .newicon,.vticker ul li img{position: absolute; top:7px;}
.notice-announcement {padding: 0px 15px 15px 15px;background:#1a4895;height: 332px;overflow-y: scroll;overflow-x: hidden;box-shadow: 0 0 7px rgb(0 0 0 / 8%)}
.notice-vticker{height:354px !important; margin-bottom:15px}
.notice-vticker ul{list-style:none;padding:0px; margin:0px}
.notice-vticker ul li {padding-bottom: 15px;padding-top:30px;position: relative;font-weight: 700; top:8px;border-bottom: 1px solid rgba(0, 0, 0, 0.28);padding-left: 28px;}
/*.vticker ul li:before {font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f1ea";position: absolute;left: 1px; color:#fff;}*/
.notice-item i{position: absolute;left: 1px; color:#fff;}
.notice-vticker ul li a {display: block;color: #fff;font-weight: 500;font-size:11px}
.notice-vticker ul li span {display: block;}
.notice-vticker ul li .ndate {font-size: 11px;text-transform: uppercase;font-weight: 500;position: absolute;top:10px;color:#fff;}
.notice-vticker ul li .newicon,.notice-vticker ul li img{position: absolute; top:7px;}
.media-body{width: 0%;/* float:right; */}
.paddingleft{/* padding-left:5px!important; */}
.paddingbottom{/* padding-bottom: 65px !important; */}
.vticker ul li .dsize {color: #cbcaca;font-size: 11px;}
.media-body h5{font-size: 12px;color: #787878;line-height: 18px;}
.home-demo .item {
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 20px 10px;
}
.home-demo .item img {
    max-width: 110px;
     max-height: 98px; 
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.home-demo h4 {
    font-size: 15px;
    line-height: 20px;
    color: #000;
    padding: 10px 0px;
}
span.percentage {
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    padding: 6px;
    /* border-bottom: 1px solid #d3d2d2; */
    background: #a70101;
    border-radius: 23px;
}
span.results {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    color: #154c1f;
}
.headh4{color: #000;
    margin-top: 45px;
    background: #f3f097;
    padding: 5px;
    width: 164px;
    border-radius: 23px;
    font-size: 14px;
    font-weight:600;
}
.headh5{color:#fff;font-size:14px;}
.home-demo .item img {
    max-width: 110px;
    max-height: 98px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.news-announcement .scroll {max-height: 352px;overflow-y: scroll;overflow-x: hidden;}
.white-bg {
    background-color: #fff;
}

.white-background-container {
    width: 100%;
}
.container-wrap {
    color: #212529;
}

.container-wrap {
    max-width: 1440px;
    margin: 0 auto;
    padding:140px 65px 30px;
    width: 100%;
    background: #fff;
}
.title-wrap-left {
    text-align: left;
}
.title-wrap-left .yellow-line {
    margin: 0;
}

.yellow-line {
    display: block;
    background: #fcc419;
    width: 48px;
    height: 4px;
}
.container-wrap .title-wrap-left h2 {
   
    color: #212529;
    font-size: 2em;
    margin-top: 15px;
    margin-bottom: 15px;
}
.container-wrap .research-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
.orange-margin {
    min-width: 125px;
}
.orange-margin .left-button {
    margin-bottom: 20px;
}

.left-button {
    text-align: left;
}
.container-wrap .orange-square-button {
    margin-top: 20px;
}

.orange-square-button {
    margin-right: 120px;
}
.orange-square-button a {
    width: 128px;
    height: 104px;
    border: 4px solid #e8590c;
    background-color: #fff;
    position: relative;
    display: block;
    color: #212529;
    background: transparent;
}
.white-bg .orange-square-button div {
    background: #fff;
}

.orange-square-button div {
    position: absolute;
   
    font-size: 1em;
    display: block;
    white-space: nowrap;
    font-size: 16px;
    background: #fff;
    line-height: 56px;
    margin: 0;
    top: 50%;
    left: 0;
    background: transparent;
    margin-left: 14px;
    transform: translate(0,-50%);
    -webkit-font-smoothing: antialiased;
}
.orange-square-button a .right-arrow {
    border: solid #e8590c;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    cursor: pointer;
}
.btn-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.container-wrap .research-nature .image-row {
    margin-left: 15%;
}

.container-wrap .image-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.container-wrap .image1-column {
    width: 320px;
    height: 304px;
}
.container-wrap .image1-column img {
    width: auto;
    height: 100%;
    max-width: 100%;
}

.lazyloaded {
    opacity: 1;
    transition: opacity .1s;
    transition-delay: 30ms;
}
.container-wrap .image2-column {
    margin-left: 16px;
}
.container-wrap .image2-row {
    width: 192px;
    height: 146px;
    margin-bottom: 12px;
}
.container-wrap .image2-row img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.container-wrap .image3-row {
    width: 192px;
    height: 146px;
}
.container-wrap .image3-row img {
    width: 100%;
    height: 100%;
}
.container-wrap .research-nature .image1-row {
    margin-left: 15%;
}

.container-wrap .image1-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 12px;
}
.container-wrap .image4-column {
    width: 528px;
    height: 296px;
}
.orange-margin {
    min-width: 125px;
}
.container-wrap .research-nature .greybanner-wrapper {
    margin-top: 20px;
}

@media (min-width: 770px) and (max-width: 1400px){
.greybanner-wrapper {
    min-width: 900px;
}}
.greybanner-wrapper {
    min-width: 690px;
    background-color: #343a40;
    color: #fff;
    opacity: .8;
    border-radius: 4px;
    margin-top: 10%;
    position: relative;
    z-index: 9;
}
.greybanner-wrapper .greyBannerUl {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 0;
    margin-bottom: 0;
}
.container-wrap ul {
    list-style-position: unset !important;
    padding: 0 25px;
}
.greybanner-wrapper .greyBannerUl li {
    display: block;
    font-size: 16px;
   
    line-height: 1.39;
    list-style-type: none;
    padding: 0 60px;
    border-right: 1px solid #fff;
    /*-webkit-box-flex: 1;
    -moz-box-flex: 1;*/
    /*-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;*/
}
.greybanner-wrapper .greyBannerUl li .greyBanner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.greybanner-wrapper .greyBannerUl li .greyBanner-content .numeric-detail {
    font-size: 3.5em;
   
    color: #fcc419 !important;
    padding-right: 0px;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
}

.greyBanner-content .numeric-detail, .greyBanner-content .greybanner-text-detail {
    margin: auto auto;
    display: block;
  
    color: #fff;
}
.black-background .greyBanner-content .numeric-detail, .greyBanner-content .greybanner-text-detail {
    margin: auto auto;
    display: block;
   
    font-size: 1em;
    color: #fff !important;
}
.greybanner-wrapper .greyBannerUl li:last-child {
    border: 0;
}
.research-nature p{color:#3f444a;text-align:justify;}
#personal{
    background:#fbf8f8;
    padding:25px;
    /*margin-bottom: 25px;*/
    }
    .principal-heading{
    color: black;
    text-align: justify;
    font-size: 17px;
    line-height: 27px;
    padding: 20px;
    background: white;
    margin-top: 50px;
    /*height: 300px;*/
    overflow: auto;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    }
    .principal-main-heading{
        font-weight:600;
        font-size:25px;
        margin-bottom: 25px;
        /*font-family:Roboto;*/
    }
    .principal-image{
        width:100%;
        margin: auto;
    display: block;
    }
    .adjust-principal{
        padding:0px;
        width:37%;
    }
    .adjust-principal-text{
        padding:0px;
        width:63%;
    }
    .adjust-container{
        padding-left:30px;
        padding-right:50px;
    }
    .grid-section-infra{
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    .grid-section-sport{
display:grid;
grid-template-columns:1fr 1fr 1fr;        
    }
.principal-main-heading {
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 25px;
    /*font-family: Roboto;*/
}
.staff-title {
    line-height: 25px;
    position: absolute;
    color: white;
    bottom: 0;
    width: 100%;
    left: 0;
    text-transform: capitalize;
    margin-bottom: 0;
    background: #00368959;
    padding: 5px 0;
    text-align: center;
    font-weight: 500;
}
.principal-heading {
    color: black;
    text-align: justify;
    font-size: 17px;
    line-height: 27px;
    padding: 20px;
    background: white;
    margin-top: 50px;
    /* height: 300px; */
    overflow: auto;
}
.adjust-principal-text p{text-transform:capitalize;    font-size: 14px;    color: #000;
    font-weight: 500;}
 .adjust-container{
        padding-left:30px;
        padding-right:50px;
    }
 .heading-block{
         color: rgb(167 1 1);
    visibility: visible;
    animation-name: fadeIn;    margin-bottom: 20px;    font-weight: 700;
 }
 .footer_top{
         text-align: center;
         margin-bottom: 20px;
 }
 .footer_top li {
    display: inline-block;
    width: 19%;
    vertical-align: top;
}
 .footer_top li .radius_image {
    width: 118px;
    height: 118px;
    position: relative;
    margin: 0 auto 0;
    display: block;
}
 .footer_top li .radius_image img {
    max-width: 100%;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}
 .footer_top li .radius_image span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
 .footer_top li .radius_image span img {
    max-width: 100%;
}

.footer_top li .radius_image img {
    max-width: 100%;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}
.footer_top li a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
   
    margin: 10px 0 0;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}
.footer_top li:hover img {
    transform: scale(1.1);
}
.footer_top li:hover a {
    color: #ffcb08;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}
.leadership-app-component{ width: 100%; float: left; background:#f3c025;display: inline-block;}
.lead-banner-app{ width:100%; float:left; background:url(../images/school-building.html) right no-repeat; height:450px; margin-top:10px;}
.lead-bu{     width: 895px; margin: 60px 340px 0 0px; float: right;}
.leadership-info { background: #fff; width: 100%; float: left; position:relative; box-shadow: 0px 2px 7px 0 rgb(0 0 0 / 18%); overflow:hidden}
.leadership-info figure{ margin:0px;overflow:hidden;}
.offset-t-b {
    padding: 30px 0px;
}
.lead-info{ padding:15px 20px;min-height: 90px;}
.lead-info h3{margin: 0 0 4px 0;font-size: 15px;color: #a70101;line-height: 20px;}
.lead-info span{ display:block; color:#282828; font-size:13px;text-transform: uppercase;}
.leadership-info a:hover{text-decoration:none}
.leadership-app-content{
    position: absolute;
    top: 0;
}
.leadership-app-content p {
    font-size: 12px;
    line-height: 18px;
	padding: 20px 8px 14px 8px ;
    color: #fff;
}
.leadership-app-content {
    position: absolute;    transition: ease all 0.4s;
    top: 350px;
    background:rgb(167 1 1 / 78%);
    height: 100%;
    text-align: center;
    padding:8px 6px 8px;
}
.leadership-info:hover .leadership-app-content{ top:0px;}
.leadership-app-content a{border: 1px solid #ffffff;
    color: #ffffff;
    padding: 4px 10px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 12px;}

.leadership-app-content a:hover{ background:#fff; color:#01008a}
.lead-30 .col-md-3 {
    overflow: hidden;
    flex-wrap: nowrap;
    flex-shrink: 0;
    width: 248px;
    padding: 7px 9px;
    display: inline-block!important;
}
.section-head_text-center h2 {
  color: #a70101;
    font-size: 36px;
    margin-bottom: 16px;
    font-weight: 700;
    text-align: center;
}
.section-head_text-center h2 span {
    color: #ffffff;
    font-family: 500;
}
#blog{background-image:url(../images/bg_latest_course.html);    padding: 20px 0;}
.blink-btn {
    width: 130px;
    height: 30px;
    background: #fec21c;
    font-weight: 600;
    top: 68%;
    position: fixed;
    right: 0;
    z-index: 1000;
    margin-right: -50px;
    text-align: center;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
    -webkit-animation: blink5 0.7s linear infinite;
    -moz-animation: blink5 0.7s linear infinite;
    -ms-animation: blink5 0.7s linear infinite;
    -o-animation: blink5 0.7s linear infinite;
    animation: blink5 0.7s linear infinite;
}
.blink-btn-two {
    width: 230px;
    height: 30px;
    background: #fec21c;
    font-weight: 600;
    top: 50%;
    position: fixed;
    left: 0;
    z-index: 1000;
    margin-left: -100px;
    text-align: center;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
    -webkit-animation: blink5 0.7s linear infinite;
    -moz-animation: blink5 0.7s linear infinite;
    -ms-animation: blink5 0.7s linear infinite;
    -o-animation: blink5 0.7s linear infinite;
    animation: blink5 0.7s linear infinite;
}
.blink-three {
    width: 210px;
    height: 30px;
    background: #fec21c;
    font-weight: 600;
    top: 40%;
    position: fixed;
    right: 0;
    z-index: 1000;
    margin-right: -90px;
    text-align: center;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
    -webkit-animation: blink5 0.7s linear infinite;
    -moz-animation: blink5 0.7s linear infinite;
    -ms-animation: blink5 0.7s linear infinite;
    -o-animation: blink5 0.7s linear infinite;
    animation: blink5 0.7s linear infinite;
}
.covid-19 {
    width: 240px;
    position: fixed;
    right: -207px;
    top: 30%;
    z-index: 999999;
    height: 160px;
    background: #01a9f9;
    transition: 0.3s;
    border-radius: 5px 0 0 5px;
    box-shadow: 7px 8px 15px #0000008a;
}
.covid-19:hover {
    right: 0;
}
.covid-19 a {
    float: left;
    margin-left: 50px;
    margin-top: 20px;
    background: #fbc01c;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 15px;
}
.covid-19-btn {
    font-weight: 700;
    float: left;
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    position: relative;
    left: -64px;
    border: none;
    background-color: #fec21c;
    width:160px;
    height: 32px;
    color: #000;
    cursor: pointer;
    outline: 0;
    border-radius: 5px 5px 0 0;
    top: 64px;
    font-size: 14px;
    text-align: center;
    line-height: 29px;
}
.blink_me {
    animation: blinker 1s linear infinite;
}
.blinking {
    animation: blink 1s linear infinite;
}
@keyframes blink {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

.blink {
    background: #fec21c;
    padding: 0 5px;
}
.blink_me {
    animation: blinker 1s linear infinite;
}
@keyframes blinker {
    50% {
        background-color: #000;
        color: #fff;
    }
}
.text_blinker {
    animation: blinker 1s linear infinite;
}
@keyframes blinker {
    50% {
        background-color: transparent;
        color: #fff;
    }
}
.atf-class-slide {
    /* background: #a70101; */
    border: 2px solid #a70101;
}
.atf-program-area {
    padding: 37px 0 0px;
}
.topbanner-sec {
    padding: 0px 0px;
    position: absolute;
    /* top: 9%; */
    /* bottom: 0; */
    left: 85px;
    z-index: 99;
    margin-top: -126px;
}
.upperwrap,
.bottomwrap,
.slider-sec,
.bottom-text {
    background: #f3c025 !important;
    padding: 14px 12px 12px;
    color:#fff;
    margin-bottom: 10px;
}
.upperwrap h3,
.bottomwrap h3,
.slider-sec h3,
.bottom-text h3  {
    font-size: 15px;
    font-weight:500;
    margin-top: 0;
    color: #000000;
}
.top-box {
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#000;
    padding:0 15px;
    margin-top: 10px;
}
.top-box img {
    max-width:30px;
    object-fit:cover;
}
.top-box p {
    font-size:14px;
    font-weight:bold;
    color:#444;
    /* padding-left:10px; */
    display: inline-block;
}
.bottomwrap a,
.bottomwrap a:hover {
    text-decoration:none;
    color: #a22531;
    display: block;
    font-size: 14px;
}
.notice-slider {
    position:relative;
}

.upper-right {
    background:#a22531 !important;
    padding:20px;
    color:#fff;
    margin-bottom: 10px;
}
.upper-right h3 {
    font-size: 14px;
    font-weight:500;
    line-height:25px;
    margin-top: 0;
}
.upper-right a,
.upper-right a:hover {
    text-decoration:none;
    color:#fff;
    font-size:14px;
}
.bottom-text {
     display:flex;
    align-items:center;
}
.bottom-text h3 {
    line-height:25px;
    margin-top: 0;
}
.bottom-text a,
.bottom-text a:hover {
    width: 118px;
    padding: 9px 10px;
    border: 1px solid #a22531;
    font-size:10px;
    font-weight:bold;
    color: #a22531;
    text-decoration:none;
}
.notice-slider p {
    margin-top:10px;
    font-size: 14px;
    line-height:25px;
    padding-bottom:10px;
    color: black;
}
.notice-slider a {
    text-decoration:none;
    color: #a22531;
    display: block;
    font-size: 14px;
}
.slider-sec .owl-theme .owl-nav{display:none;}
#class h2{margin: 30px 0px 0 0;}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
    color: #fff;
}
 .bot-gal {
}
 .h-gal {
     position: relative;
     overflow: hidden;
}
 .h-gal ul {
     margin-bottom: 0px;
     padding-left: 0;
     margin-top: 34px;
}
 .h-gal ul li {
     float: left;
     display: inline-block;
    /* margin: 0px 15px 14px 0px;
     */
     width: 33.333%;
}
 .h-gal ul li img {
     width: 100%;
     padding: 5px;
}
 .h-vid {
}
 .h-vid iframe {
     width: 100%;
     border: 0px;
     height: 200px;
}
 .h-blog {
}
 .h-blog ul {
     margin-bottom: 0px;
}
 .h-blog ul li {
     border-bottom: 1px solid #dcdcdc;
     padding: 12px 0px;
     position: relative;
     overflow: hidden;
}
 .h-blog ul li a {
}
 .h-blog ul li a span {
     font-family: 'Quicksand', sans-serif;
     font-size: 13px;
     display: block;
     margin-bottom: 10px;
     color: #fff;
}
 .h-blog ul li a img {
     float: left;
     width: 35px;
     height: 35px;
     border-radius: 50px;
     margin-right: 15px;
}
 .h-blog ul li a h5 {
     color: #333;
     font-size: 15px;
     margin-top: 0px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     text-transform: capitalize;
     margin-bottom: 5px;
     letter-spacing: 0px;
}
 .h-blog ul li a p {
     padding-left: 50px;
     margin-bottom: 0px;
     color: #969595;
     font-size: 12px;
     line-height: 18px;
}
 .bot-gal {
}
 .bot-gal h4 {
     margin-top: 0px;
     border-bottom: 1px solid #e0e0e0;
     padding-bottom: 14px;
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 1px;
     margin-bottom: 30px;
     color: #112842;
}
 .bot-gal h5 {
     font-size: 15px;
     text-transform: uppercase;
     margin-bottom: 8px;
     /* letter-spacing: 1px; */
     margin-top: 8px;
     color: #112842;
}
 .bot-gal p {
     margin-bottom: 0px;
     color: #333333;
     text-align: justify;
     line-height: 22px;
     font-size: 13px;
}


 @media (max-width: 991px) {
     .atf-nav .atf-nav-list {
         background: #065c00;
     }
     .icon-float {
         z-index:10 !important;
     }
     .upperwrap, .bottomwrap, .slider-sec, .bottom-text, .upper-right {
         width:330px;
     }
     .topbanner-sec {
         left: 0;
     }
     .research-nature {
         width: 100%;
         padding-top: 435px;
     }
     .yellow-line {
         display:none;
     }
     .research-nature .col-md-6 {
         padding:0 !important;
     }
     .container-wrap .title-wrap-left h2 {
         font-size: 20px;
         margin-bottom: 5px;
     }
     .image-row {
         flex-wrap: wrap !important;
         width: 100%;
     }
     .container-wrap .research-nature .image-row,
     .container-wrap .research-nature .image1-row {
         margin-left:0 !important;
     }
     .greybanner-wrapper {
         min-width:100% !important;
     }
     .greyBannerUl {
         flex-direction: column;
     }
     .greyBanner-content {
         flex-wrap:wrap;
         padding: 15px;
         flex-direction: column;
     }
     .greybanner-text-detail {
         margin-top: 15px;
     }
     .greybanner-wrapper .greyBannerUl li {
         border-right:none;
         border-bottom:1px solid #fff;
     }
     .greyBannerUl li {
         padding:0 !important;
     }
     .container-wrap .image2-column {
         margin-left:35px !important;
     }
     .container-wrap .image4-column {
         width: auto;
         height: auto;
     }
     .lead-bu {
         width: 100%;
         margin: 0;
         float: none;
         text-align:center;
     }
     .lead-banner-app {
         height:auto !important;
     }
     .atf-site-header.atf-style1 .atf-main-header-in {
         flex-wrap:nowrap !important;
     }
     .atf-white-logo img {
         max-width: 100% !important;
     }
     ul.life_in_sba_lhs,
     .life_in_sba_rhs {
         width:100% !important;
     }
     ul.life_in_sba_rhs li, ul.life_in_sba_lhs li {
         height:auto !important;
     }
     ul.life_in_sba_rhs li {
         width: 100% !important;
     }
     .footer_top {
         display:flex;
         flex-wrap:wrap;
         justify-content:center;
     }
     .footer_top li {
         width:50%;
     }
     .sticky-container {
         top: 366px !important;
     }
     .greyBanner-content .numeric-detail {
         margin-bottom:12px !important;
     }
    a.atf-site-branding.atf-white-logo img {
        width: auto;
        height: 55px !important;
    }
    .atf-site-header.atf-style1 .atf-main-header-in {
        height: 80px;
    }
 }

.sec-title-style1 {
  position: relative;
  display: block;
  margin-top: -9px;
  padding-bottom: 50px;
}
.sec-title-style1.max-width {
  position: relative;
  display: block;
  max-width: 770px;
  margin: -9px auto 0;
  padding-bottom: 52px;
}
.sec-title-style1.pabottom50 {
  padding-bottom: 42px;
}
.sec-title-style1 .title {
  position: relative;
  display: block;
  color: #131313;
  font-size: 30px;
  line-height: 46px;
  font-weight: 700;
  text-transform: uppercase;
}
.sec-title-style1 .title.clr-white {
  color: #ffffff;
}
.sec-title-style1 .decor {
  position: relative;
  display: block;
  width: 70px;
  height: 5px;
  margin: 19px 0 0;
}
.sec-title-style1 .decor:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 5px;
  height: 5px;
  background: #ffa500;
  border-radius: 50%;
  content: "";
}
.sec-title-style1 .decor:after {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 5px;
  height: 5px;
  background: #ffa500;
  border-radius: 50%;
  content: "";
}
.sec-title-style1 .decor span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 1px;
  background: #ffa500;
  margin: 2px 0;
}

.sec-title-style1 .text {
  position: relative;
  display: block;
  margin: 7px 0 0;
}
.sec-title-style1 .text p {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  color: #131313;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}
.sec-title-style1 .text.clr-yellow p {
  color: #ffa500;
}
.sec-title-style1 .text .decor-left {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 70px;
  height: 5px;
  background: transparent;
}
.sec-title-style1 .text .decor-left span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 1px;
  background: #ffa500;
  content: "";
  margin: 2px 0;
}
.sec-title-style1 .text .decor-left:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 5px;
  height: 5px;
  background: #ffa500;
  border-radius: 50%;
  content: "";
}
.sec-title-style1 .text .decor-left:after {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 5px;
  height: 5px;
  background: #ffa500;
  border-radius: 50%;
  content: "";
}

.sec-title-style1 .text .decor-right {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 70px;
  height: 5px;
  background: transparent;
}
.sec-title-style1 .text .decor-right span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 1px;
  background: #ffa500;
  content: "";
  margin: 2px 0;
}
.sec-title-style1 .text .decor-right:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 5px;
  height: 5px;
  background: #ffa500;
  border-radius: 50%;
  content: "";
}
.sec-title-style1 .text .decor-right:after {
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  width: 5px;
  height: 5px;
  background: #ffa500;
  border-radius: 50%;
  content: "";
}

.sec-title-style1 .bottom-text {
  position: relative;
  display: block;
  padding-top: 16px;
}
.sec-title-style1 .bottom-text p {
  color: #848484;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  margin: 0;
}
.sec-title-style1 .bottom-text.clr-gray p {
  color: #cdcdcd;
}
.contact-address-area {
  position: relative;
  display: block;
  background: #ffffff;
  padding: 100px 0 82px;
}
.contact-address-area .sec-title-style1.max-width {
  padding-bottom: 72px;
}
.contact-address-box {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
/*.single-contact-address-box {
  position: relative;
  display: block;
  background: #131313;
  padding: 85px 30px 77px;
}*/
.single-contact-address-box {
    position: relative;
    display: block;
    background: linear-gradient(0deg, rgb(0 0 0), rgb(0 0 0 / 30%)), url(../images/contact-us-bg.html);
    padding: 85px 26px 77px;
    background-position: center;
    background-repeat: no-repeat;
}
.single-contact-address-box .icon-holder {
  position: relative;
  display: block;
  padding-bottom: 24px;
}
.single-contact-address-box .icon-holder span:before {
  font-size: 75px;
}
.single-contact-address-box h3 {
  color: #ffffff;
  margin: 0px 0 9px;
font-size: 25px;}
.single-contact-address-box h2 {
  color: #f3c025;
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 19px;
line-height: 32px;}
.single-contact-address-box a {
  color: #ffffff;
}

.single-contact-address-box.main-branch {
  background: #f3c025;
  padding: 56px 13px 50px;
  margin-top: -20px;
  margin-bottom: -20px;
}
.single-contact-address-box.main-branch h3 {
  color: #131313;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 38px;
  text-transform: uppercase;
  text-align: center;
}
.single-contact-address-box.main-branch .inner {
  position: relative;
  display: block;
}
.single-contact-address-box.main-branch .inner ul {
  position: relative;
  display: block;
  /* overflow: hidden; */
}
.single-contact-address-box.main-branch .inner ul li {
  position: relative;
  display: block;
  padding-left: 110px;
  border-bottom: 1px solid #737373;
  padding-bottom: 23px;
  margin-bottom: 24px;
}
.single-contact-address-box.main-branch .inner ul li:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.single-contact-address-box.main-branch .inner ul li .title {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
}
.single-contact-address-box.main-branch .inner ul li .title h4 {
  color: #a70101;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  text-transform: capitalize;
  border-bottom: 2px solid #a70101;
}

.single-contact-address-box.main-branch .inner ul li .text {
  position: relative;
  display: block;
}
.single-contact-address-box.main-branch .inner ul li .text p {
  color: #000000;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}

.contact-info-area {
  position: relative;
  display: block;
  background: #ffffff;
margin-bottom: 40px;}
.contact-form {
  /*position: relative;
  display: block;
  background: #ffffff;*/
  padding: 0px 20px 20px;
  /*padding: 29px 58px 28px;*/
  /*-webkit-box-shadow: 0px 3px 8px 2px #ededed;
  box-shadow: 0px 3px 8px 2px #ededed;
  z-index: 3;*/
}
.contact-form .sec-title-style1 {
  position: relative;
  display: block;
  padding-bottom: 30px;
  /* width: 50%; */
}
.contact-form .text-box {
  position: relative;
  display: block;
  margin-top: 19px;
  width: 50%;
}
.contact-form .text p {
  color: #848484;
  line-height: 26px;
  margin: 0;
}

.contact-form .inner-box {
  position: relative;
  display: block;
  background: #ffffff;
}
.contact-form form {
  position: relative;
  display: block;
}
.contact-form form .input-box {
  position: relative;
  display: block;
}

/*.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form textarea {
  position: relative;
  display: block;
  background: #ffffff;
  border: 1px solid #eeeeee;
  width: 100%;
  height: 40px;
  font-size: 13px;
  padding-left: 19px;
  padding-right: 15px;
  border-radius: 0px;
  margin-bottom: 20px;
  transition: all 500ms ease;
}*/
.contact-form form textarea {
  height: 85px;
  padding-left: 19px;
  padding-right: 15px;
  padding-top: 14px;
  padding-bottom: 15px;
}
/*.contact-form form input[type="text"]:focus {
  color: #222222;
  border-color: #d4d4d4;
}
.contact-form form input[type="email"]:focus {
  color: #222222;
  border-color: #d4d4d4;
}
.contact-form form textarea:focus {
  color: #222222;
  border-color: #d4d4d4;
}
.contact-form form input[type="text"]::-webkit-input-placeholder {
  color: #848484;
}
.contact-form form input[type="text"]:-moz-placeholder {
  color: #848484;
}
.contact-form form input[type="text"]::-moz-placeholder {
  color: #848484;
}
.contact-form form input[type="text"]:-ms-input-placeholder {
  color: #848484;
}
.contact-form form input[type="email"]::-webkit-input-placeholder {
  color: #848484;
}
.contact-form form input[type="email"]:-moz-placeholder {
  color: #848484;
}
.contact-form form input[type="email"]::-moz-placeholder {
  color: #848484;
}
.contact-form form input[type="email"]:-ms-input-placeholder {
  color: #848484;
}*/
.contact-form form button {
  position: relative;
  display: block;
  width: 33%;
  background: #ffa500;
  border: 1px solid #ffa500;
  color: #131313;
  font-size: 15px;
  line-height: 38px;
  font-weight: 600;
  text-align: center;
  text-transform: capitalize;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  cursor: pointer;
  border-radius: 5px;
}

.contact-form form button:hover {
  color: #ffffff;
  background: #131313;
}
.divider, .parallax {
    
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%;
        padding-top: 22vw;
    padding-bottom: 60px;
   
    /*background-image: linear-gradient(0deg,rgba(1,1,1,.66),#000 4%,rgba(2,2,2,0) 62%),url(../images/bannerr-4.jpg);*/
    background-position: 0 0,50% 50%;
    background-size: auto,cover;
    background-repeat: repeat,no-repeat;
}

.layer-overlay {
    /* position: relative; */
}
.parallax {
    /* width: 100%; */
    /* height: 100%; */
    /*margin: 80px auto 0;*/
    /* background-size: cover; */
    /* background-attachment: scroll; */
    background-repeat: no-repeat;
    /* background-position: 50% 50% !important; */
}
.layer-overlay::before {
    background: linear-gradient(180deg, #000, transparent 70%);
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
}
.divider .container {
    margin-top: 90px;
    padding-bottom: 30px;
}
.inner-header .title {
    text-shadow: 0px 3px 3px #444;
  
    font-size: 36px;
    /* font-family: 'Titillium Web', sans-serif; */
/* position: absolute; */}
.inner-header .text-light {
    font-size: 28px;
    color: #f8f9fa!important;
    margin-top: 0;
    font-weight: 300;
    color: #fff;
}
/*.breadcrumb {
  
    padding: 5px 0px;
     margin-bottom: 0px; 
    list-style: none;
    border-radius: 0;
    background:none;
position: relative;}*/
/*.breadcrumb>li {
    display: inline-block;
        color: #fff;
}
.breadcrumb li a {
    color: #fff;
    font-weight: 300;
}*/

/*.breadcrumb .li span{color:#fff;}*/
.section-content{    background: #000000;padding: 0px 16px 1px 16px;}

.bd-none {
    border: 0!important;
}
.b-d-n {
    background-color: #fff;
    padding: 30px;
    margin-bottom: 20px;
    border-radius: 60px 0;
    box-shadow: 0 0 25px rgb(0 0 0 / 29%);
    margin-top: 20px;
    border: 1px #124e83;
    border-style: dashed;
}
.no-padding {
    padding: 0!important;
    overflow: hidden;
}
.pd-30 {
    padding: 50px 48px 20px 48px!important;
}
.padding-bottom0{ padding: 50px 48px 0px 48px!important;}
.padding-top0{ padding: 0px 48px 20px 48px!important;}
.quote-title {
    text-align: center;
    padding: 0 10px;
}
.quote-title p {
    color: #000;
}
.about-us-cont{
    font-size: 36px;
    color: #a70101;
}
.about-us-cont span{
    color: #f3c12b;
}
.b-d-n img{width:100%;}
  .inside-page-hero-7.contact.vision-wrap.banner-center {
    padding-top: 22vw;
    padding-bottom: 60px;
  
    background-image: linear-gradient(180deg,rgba(1,1,1,.66),#000 4%,rgba(2,2,2,0) 62%),url(../images/bannerr-4.html);
    background-position: 0 0,50% 50%;
    background-size: auto,cover;
    background-repeat: repeat,no-repeat;
z-index: 1;}
/*.inside-page-hero-7.contact {
    padding-top: 0;
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(1,1,1,.66)),color-stop(4%,#000),color-stop(62%,rgba(2,2,2,0))),url(https://assets.website-files.com/5f3a4e6�/60224cd�_contact-banner.jpg);
    background-image: linear-gradient(0deg,rgba(1,1,1,.66),#000 4%,rgba(2,2,2,0) 62%),url(https://assets.website-files.com/5f3a4e6�/60224cd�_contact-banner.jpg);
    background-position: 0 0,50% 50%;
    background-size: auto,cover;
}*/
.inside-page-hero-7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 70%;
    max-height: 500px;
    min-height: auto;
    margin-bottom: 0;
    padding-right: 4vw;
    padding-bottom: 0;
    padding-left: 4vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(62%,rgba(2,2,2,0)));
    background-image: linear-gradient(0deg,#000,rgba(2,2,2,0) 62%);
}
.div-block-280 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.heading-60.vision-wrap.curricula-h.pos-static {
    position: static;
    font-size: 24px;
    text-align: center;
}

.heading-60.vision-wrap {
    top: 24%;
}
.heading-60 {
    position: absolute;
    left: 10%;
    top: 35%;
    right: auto;
    bottom: auto;
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
}
.poppins-2.white.centre.text-wrapper.bn-text {
    text-align: center;
}

.poppins-2.white.centre.text-wrapper {
    display: block;
    margin-left: 0;
    padding-left: 0;
    background-color: transparent;
    text-align: left;
    color: #b3d2ed;
}
.white.centre {
    line-height: 24px;
}
.full-width-6 {
    /* z-index: 0; */
    display: block;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    font-family: Poppins,sans-serif;
}
.curve-wrapper {
    width: 100.000004746124%;
     margin-top: -1vw; 
}
.d-border3 {
    background: #bb2226;
    padding: 22px 30px 10px;
}
blockquote {
    font-size: 1.4em;
    width: 100%;
    margin: 50px auto;
    font-style: normal;
    color: #fff;
    line-height: 1.6;
    position: relative;
    border-left: none;
}
blockquote::before {
    font-size: 200px;
    font-family: Arial;
    content: "\201C";
    color: #fff;
    position: absolute;
    left: 10px;
    top: -100px;
}
.d-border3 p {
    color: #fff !important;
    font-size: 25px;
    text-align: center;
    /*font-family: 'Source Serif Pro', serif;*/
    margin-bottom:0;
}
.welcome-sec, .welcome-sec1 {
    background: linear-gradient(to top,#f0f4f7 0,#fff 100%);
    background: url(../images/welcome-bg-Img.html);
    /*background-size: cover;*/
    padding: 50px 0;
}
.points {
    width: 18.8%;
    float: left;
    margin: 0 7px;
        background: #fff;
    height: 250px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}
.points h3 {
    color: #a70101;
    font-weight: 400;
    font-size: 20px;
    min-height: 45px;
    margin-top: 15px;
}
.points p {
    color: #000;
    font-weight: 300;
    font-size: 13px;
    margin-top: 0px;
    text-align: justify;
    padding: 0 15px;
}
.points img{margin-top:-50px;box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;border-radius: 50%;}
.bg-white {
    background-color: #fff!important;
/* margin-bottom: 40px; */}
.padding-section {
        padding-bottom: 10px;
background: #fff;box-shadow: 0 0 25px rgb(0 0 0 / 29%);padding: 20px;border-radius: 20px;}
.milestone-placements {
    padding: 3rem 0 1rem;
    background: url(../images/section2.html) no-repeat;
    background-size: cover;
    background-position: center center;
}
h2.title-main {
    font-size: 3.9rem;
    font-weight: 600;
        color: #a70101;
}
.hr-white {
    border-color: #fff;
}

.title-hr {
    width: 40px;
    border-top:3px solid #f3c12b;
    margin-left: 0px;
    margin-top: 0rem;
}
.description ul {
    list-style: none;
    list-style: url(../images/bullate.html);
        padding-left: 16px;
}
.description ul li {
    list-style-type: circle;
    padding-top: 5px;
    padding-bottom: 5px;
font-size: 13px;}
.about-right {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.about-right {
    min-height: 450px;
    background-position: center top !important;
}
.message p{color:#000;font-size:20px;}
.internalPage .fill:before {
    content: '';
    opacity: .8;
    border-bottom: 260px solid #f4c809;
    border-left: 93px solid transparent;
    border-right: 0 solid transparent;
    height: 100%;
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    background-position: right top;
    background-size: 81%;
    z-index: 0;
}
.slider-caption {
    padding-top: 14%;
    position: relative;
}
.text-right {
    text-align: right;
}
/*.breadcrumb {
    padding: 8px 0;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
    border-radius: 0;
    padding-top: 11px;
}
.breadcrumb>li {
    display: inline-block;
}
.breadcrumb li a {
    color: #fff;
}
.breadcrumb>.active {
    color: #a70101;
}*/
.fill{
   
    background-position: 0 0,50% 50%;
    background-size: auto,cover;
    background-repeat: repeat,no-repeat;
}
.area {
	display: grid;
	grid-template-columns: 3fr 1fr;
	height: 95vh;
	/* width: 100vw; */
margin-bottom: 0;}

.zone-1 {
	/* background-image: linear-gradient(-180deg, #f78887, #f3c12b); */
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
    margin: 0px 230px 20px 70px;
	
	}

	.title h1 {
		font-weight: 600;
		font-size: xx-large;
	color: #a70101;}
	.desc {
		line-height: 1.5;
	color: #1f272b;text-align: justify;}
.credit {
    color: #333;
    margin-top:20px;
    font-size:20px;
}
	.credit	a {
			color: white;
		}
	
	

.zone-2 {
    background-color: #f2f2f2;
    position: relative;
}

	.bg-1 {
		position: absolute;
		left: -108px;
		top: 110px;
		min-height: 355px;
		min-width: 350px;
		background-image: linear-gradient(-180deg, #186e6e, #81fff2);
	}
	.bg-2 {
		position: absolute;
		left: -108px;
		top: 290px;
		min-height: 250px;
		min-width: 250px;
		background: #a70101;
	}
.bg-3 {
    position: absolute;
    left: -146px;
    top: 150px;
    min-height: 350px;
    min-width: 350px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(#000, 0.7);
    background-image: url("../images/manager-message-pic.html");
    background-size: cover;
    background-position: center;
}
.bg-5 {
    position: absolute;
    left: -146px;
    top: 150px;
    min-height: 350px;
    min-width: 350px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(#000, 0.7);
    background-image: url("../images/director-message-pic.html");
    background-size: cover;
    background-position: center;
}
.bg-6 {
    position: absolute;
    left: -146px;
    top: 150px;
    min-height: 350px;
    min-width: 350px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(#000, 0.7);
    background-image: url("../images/prrincipal-message-pic.html");
    background-size: cover;
    background-position: center;
}

	.bg-3 img {
			filter: grayscale(0.7);
			width: 100% !important;
		}
    .bg-5 img {
			filter: grayscale(0.7);
			width: 100% !important;
		}
     .bg-6 img {
			filter: grayscale(0.7);
			width: 100% !important;
		}
	
	
	.bg-4 {
		position: absolute;
		left: 22px;
		top: 455px;
		min-height: 60px;
		min-width: 230px;
		background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj48ZGVmcz48cGF0dGVybiBpZD0icGF0dGVybiIgd2lkdGg9IjgiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDQwLDQwIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBwYXR0ZXJuVHJhbnNmb3JtPSJyb3RhdGUoMTM1KSAiPjxyZWN0IGlkPSJwYXR0ZXJuLWJhY2tncm91bmQiIHdpZHRoPSI0MDAlIiBoZWlnaHQ9IjQwMCUiIGZpbGw9InJnYmEoMjU1LCAyNDUsIDI0NSwwKSI+PC9yZWN0PiA8cGF0aCBmaWxsPSJyZ2JhKDE5NywgMTMyLCAxMDAsMSkiIGQ9Ik0gLTEwIDMwIGggNjAgdjE2IGgtNjB6IE0tMTAgLTEwIGg2MCB2MTYgaC02MCI+PC9wYXRoPjxwYXRoIGZpbGw9InJnYmEoMjM2LCAyMDEsIDc1LDApIiBkPSJtIC0xMCAxMCBoIDYwIHYxIGgtNjB6IE0tMTAgLTMwIGg2MCB2MSBoLTYweiI+PC9wYXRoPjwvcGF0dGVybj4gIDwvZGVmcz4gPHJlY3QgZmlsbD0idXJsKCNwYXR0ZXJuKSIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSI+PC9yZWN0Pjwvc3ZnPg==");
	}


@media only screen and (max-width: 768px) {

    .area {
        display: grid;
        grid-template-rows: 0.7fr 1fr;
        grid-template-columns: 1fr;
        height: auto;
    }

		.zone-1 {
			order: 2;
			margin: 24px 40px;
			}

			.title {
				text-align: center;
				margin-top: 80px;
			}

			.desc:before {
				content: "";
				margin-right: 30px;
			}
			
		}
		.princi-msg{
                color: #1f272b;
		}

        /********Fee-Structure Page********/


table {
    width: 100%;
}
    tbody > tr > td {
        padding: 10px;
        /* font-family: 'Hind Guntur', sans-serif; */
    /* white-space: nowrap; *//* overflow-x: scroll; *//* border-bottom: 1px solid #eee; *//* box-shadow: 0 5px 10px #ccc; */}
    b {
        font-weight: 600;
        color: #504f4f;
    }
    .other_heading {
        margin-top: 20px;
        color: #7c0606;
        font-size: 20px;
        font-weight: 600;
    }
    .impt_note {
        line-height: 30px;
        /* letter-spacing: 1px; */
        /* margin-left: 15px; */
        margin-top: 10px;
        /* font-family: 'Hind Guntur', sans-serif; */
    }
    .points_rem {
        color: #a70101;
        font-weight: bold;
        font-size: 20px;
    }
    .para {
        color: #6b6f92;
    }
    /*.fa-check {
        padding-right: 6px;
    }*/
    .shadow_page {
        /* padding-top: 15px; */
        background-color: white;
        box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
        /* margin-top: 30px; */
        margin-bottom: 30px;
    }

     /********Admission Procedure********/

     .para1 {
         color: #767676;
     }
     .link {
         color: blue;
     }
     .margin {
         margin-bottom: 20px;
         margin-top: 20px;
     }
.admin_heading {
    color: #423e3e;
    font-size: 17px;
    font-weight: 500;
    margin-top: 15px;
}
.points_admin {
    line-height: 34px;
}
.page-bg {
    background-image: url('../images/nettingPattern.html');
    padding: 15px;
}
.school_timing h2 {
    color: #a70101;
    text-align: center;
}
.sub_heading_admin {
    color: #040404 !important;
    text-align: center;
    font-size: 25px !important;
    margin-bottom: 22px !important;
}
.school_timing p {
    color: #767676;
    font-size: 14px;
}
.margin_t {
    margin-top: 20px;
}
.margin-b {
    margin-bottom: 20px;
}
.required {
    color: red;
    font-size: 15px;
}
h2.inner-h {
    color: #a70101;
    font-size: 28px;
    margin: 0 0px 16px 16px;
    font-weight: 500;
}
/* style member component */
.list-members {
  background: #f9f6f6;
  /* width: 80%; */
  /* margin: 4% auto; */
  display: flex;
  flex-wrap: wrap;
margin-bottom: 15px;}

.member {
  flex-basis: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.member-image {
  width: 50%;
  height: 100%;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

.member-image img {
  width: 100%;
  height: 100%;
  transition: 1s;
}

.member-image:hover img {
  transform: scale(1.1);
}

.member-info {
  width: 50%;
  text-align: center;
}

.member-info p {
  margin: 20px 16px;
      color: #000;
      line-height: 25px;text-align:justify;
}


/* style social link */
.social-link .fab {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #000;
  margin: 0 7px;
  cursor: pointer;
  transition: transform .5s;
}

.social-link .fab:hover {
  background: #000;
  color: #ffe501;
  transform: translateY(-7px);
}

/* Membuat segitiga */
.member-image::after {
  content: '';
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 15px solid #f9f6f6;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}


/* Merubah posisi member-image dengan member-info */
@media screen and (min-width: 771px) {
  .member:nth-child(4n+3) .member-info,
  .member:nth-child(4n+4) .member-info {
    order: 1;
  }
  .member:nth-child(4n+3) .member-image,
  .member:nth-child(4n+4) .member-image {
    order: 2;
  }

  /* Merubah posisi sigitiga pada baris genap */
  .member:nth-child(4n+3) .member-image::after,
  .member:nth-child(4n+4) .member-image::after {
    left: 0;
    right: auto;
    transform: translateY(-50%) rotateZ(180deg);
  }
}


/* Mobile Styles */
@media screen and (max-width: 770px) {
  .list-members {
    width: 100%;
  }
  .member {
    flex-basis: 100%;
    font-size: 14px;
    display:grid;
  }
  .social-link .fab {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  .member:nth-child(even) .member-info {
    order: 1;
        width: 100%;
  }
  .member:nth-child(even) .member-image {
    order: 2;
        width: 100%;
  }
  .member-image{width:100%;}
  /* Merubah posisi sigitiga elemen genap */
  .member:nth-child(even) .member-image::after {
    left: 0;
    right: auto;
    transform: translateY(-50%) rotateZ(180deg);
  }
}
.tg-Objectives h4{color:#a70101;    margin: 18px 0px 12px 0px;}
/*---------------Photo Gallery-----------------*/
/*.video-thumb-inv p {    background: #7c0606;    color: #fff;    text-align: center;    padding: 6px;    text-transform: uppercase;    top: -6px;    position: relative;}
img.img-cl-heh.item-imgg {height: 160px;}
img.img-cl-hehtt {height: 200px;}
.gallery-row{margin-left:15px; margin-right:15px}
.gallery-row > div { margin-bottom: 10px; padding-bottom: 10px; }
.gallery-row > div { margin-bottom: 20px; }
div#bindgallery .col-lg-4 {width: 25%;margin-bottom: 15px;margin-top:15px;}
img.img-cl-heh.item-imgg {width: 100%;  transition: all 0.3s ease 0s;border: 1px solid #11202c;border-radius: 4px;}
img.img-cl-heh.item-imgg:hover {opacity: 0.8;outline: #fff solid 2px;outline-offset: -10px;}
.imgilink a:first-child span { line-height: initial; padding: 10px 0 0;color: #11202c; }
.aftervhover h4 { width: 235px; background-color: rgba(0, 0, 0, 0.5); font-size: 15px; position: absolute; color: #fff; text-transform: capitalize; position: absolute; top: 32%; left: 0; right: 0; margin: 0 auto; text-align: center; opacity: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 6px; }
.p-rr:hover .aftervhover h4 {opacity: 1;}

.entry-content .col-lg-12.m-t17 { width: 100%; }*/
/*.entry-content .col-lg-12.m-t17 .col-lg-4 { max-width: 25%; float: left; margin-bottom: 20px; }*/
/*div#bindgallery .col-lg-4 {max-width: 25%;}*/
img.img-cl-hehtt {width: 100%;}
@media (max-width: 991px) {
    .entry-content .col-lg-12.m-t17 .col-lg-4 {
        width: 50%!important;
        float: left;
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .container.div_border.margin_bootom_40 {padding: 25px!important;}
    .entry-content .col-lg-12.m-t17 .col-lg-4 {    width: 100%!important;    float: left;    margin-bottom: 20px;}
    img.alignnone.size-full.wp-image-481 {
    display: none;
}
    img.mobile-menu-img{display:block!important;}
    div#bindgallery .col-lg-4 {max-width: 100% !important;padding: 0;width:100%;margin-bottom: 10px;}
    .member-info{width:100%;}
}
.member-info h3{
        color: #a70101;
    font-size: 19px;
        padding: 0px 5px;
    /*margin-top: 0;*/
}
.school_timing_bg {
    background-image: url('../images/school_timing_bg.html');
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}
.col-md-3.vdoglrybox-x{width:33.33%; margin-bottom:15px;}
iframe.vdo{width:100%;height:200px;}

/*News and Announcement*/
.news-subsec {
    display:flex;
}
.news-item i {
    position: inherit !important;
    left: 1px;
    color: #585858;
}
.img-news img {
    max-width:150px;
    padding-top:10px;
    object-fit:cover;
}
.news-intro {
    /* padding-left:15px; */
    /* padding-top:10px; */
}
.news-intro span,
.news-intro span .fa-calendar {
    color: #f3c12b;
    margin-bottom:10px;
}
.news-intro h3 {
    font-weight:bold;
    padding: 5px 0px;
    font-weight: 500;
    color:#000;
    margin-bottom:0 !important;
font-size: 14px;line-height: 22px;margin-top: 0;}
.news-intro a,
.news-intro .fa-long-arrow-alt-right {
    color: #7c0606 !important;
}
.related-posts li {
    display:flex;
    margin-bottom:10px;
    box-shadow:0 5px 10px #ccc;
    padding:10px;
    /* width:800px; */
    margin-top: 12px;
}
.etl-related-post-right {
    padding-left:10px;
}
.etl-related-post-left img {
    width: 150px !important;
    object-fit: cover;
    height: 100px;
}
.etl-related-post-right span {
    font-size:14px;
    color:#1a4895;
}
.etl-related-post-right h3 {
    margin:5px 0px !important;
}
.etl-related-post-right h3 a {
    color:#000 !important;
    font-size:16px;
    font-weight:600;
}
.etl-related-post-right p {
    font-size:14px;
    margin-bottom:5px !important;
        color: #000;
}
.etl-related-post-right a {
    color:#000;
    font-size:14px;
}
h3.etl-blog-title {
    color: #a70101;
    font-weight: 500;
    margin-top:0;
}
.boxdefault {
    box-shadow:0 5px 10px #ccc;
    padding:10px;
background: #fff;}
.boxdefault h4 {
    color:#000 !important;
    font-size:18px;
    margin:10px 0px !important;
    font-weight:600;
}
.boxdefault span {
    font-size:14px;
    color: #a70101;
}
.boxdefault p {
    color:#000;
}
.eventdetail-slider {
    height:425px !important;
}
 .desc-img {
    display:flex;
    justify-content:space-around;
    align-items:center;
    padding:35px 0px 0px 0px;
}
.desc-img a {
    color:#fff !important;
    font-size:12px
}
.pic-date {
    color:#fff;
    font-size:12px
}

@media (max-width: 991px) {
    .related-posts li {
        width:auto;
    }
    .related-posts li,
    .news-subsec {
        flex-direction:column;
    }
}
.card-block.p-3 {
    /* padding-top: 10px; */
padding: 15px;}
.card-block p-3 h4, .card-block p{color:#000;}
.card-title{color:#000;}
.ho-ev-date {
    border-radius: 3px;
    display: inline-block;
    /* float: left; */
    color: #fff;
    text-align: center;
    padding: 11px 0;
    margin-right: 15px;
    text-transform: uppercase;
    width: 100px;
    background: #02294e;
    background: -webkit-linear-gradient(to top, #012951, #03294e);
    background: linear-gradient(to top, #7c0606, #a70101);
width: 30%;}
.ho-ev-date span:first-child {
    display: block;
    font-size: 25px;
    font-weight: 500;
    margin-top: 0px;
    line-height: 25px;
    color: #fff;
}
.ho-ev-date span:last-child {
    font-size: 13px;
    color: #fff;
}
/*-----------------notice----------------*/
div#nwwents {overflow-y: auto;display: block;/*height: 700px;*/}
.message-body {background-color: #fff;/* margin-bottom: 20px; */padding: 10px;/* border-bottom: 1px solid #eee; */}
tbody {background: white;}
.js-marquee-wrapper {/* position: absolute; */top: 0;width: 100%;}
.js-marquee-wrapper {/* height: 2px !important; *//* padding: 0px !important; *//* border-bottom: 1px solid #eee; */}
table {/* box-shadow: 0px 8px 18px rgb(7 41 77 / 20%); *//* width:97%; *//* border-bottom: 1px solid #eee; */}
table td{/* border-bottom: 1px solid rgba(0, 0, 0, 0.28); */}
.js-marquee-wrapper .news-item{position: relative;font-weight: 700;top: 8px;}
.js-marquee-wrapper .news-item { padding: 40px 20px !important; border-bottom:1px solid rgba(0, 0, 0, 0.28)}
/*.js-marquee-wrapper .news-item:last-child{border-bottom:none}*/
.js-marquee-wrapper .news-item a {display: block;color: #3f3e40;font-weight: 500;font-size: 12px;margin-bottom: 15px;}
span.arw {margin-right: 10px;}
.js-marquee-wrapper .news-item .ndate {top: 3px;}
.js-marquee-wrapper .news-item .ndate {font-size: 14px;text-transform: uppercase;font-weight: 500;position: absolute;top: 10px;color: #e0ab1b;}
.list-clean {background-color: #ffffff;padding: 20px !important;margin-bottom: 20px;box-shadow: 0px 8px 18px rgb(7 41 77 / 20%);border-radius: 0px;}
.list-clean h3 {font-size: 20px;color: #7c0606;margin-top: 0;}
.inner-cnt ul {margin: 0px 0px 0px 0px;padding: 0 0 0 0px;width: 100%;}
.inner-cnt ul li {font-size: 16px;line-height: 35px;color: #333333;background: url(../images/li.html) left 14px no-repeat;list-style: none;}
.list-clean li {border-bottom: 1px solid #cec8c8;padding: 15px 0px !important;line-height: 12px !important;}
.list-clean li:last-child{border-bottom:none}
.list-clean li a {color: #3f3e40 !important;margin-left: 5px;font-size: 14px;}
.list-clean li:before{content: "\f144";font-family: FontAwesome;font-style: normal;font-weight: 400;text-decoration: inherit;color: #a70101;font-size: 16px;padding-right: 5px;}
.date_text_wrap {/* float: left; */border-bottom: 1px solid #a70101;padding: 10px 0 10px 0;width: 100%;display: flex;}
.date_wrapper {text-align: center;line-height: 100%;/* width: 14%; */}
.date_top {background: #f3c12b !important;padding: 12px;color: #FFFFFF;font-size: 15px;}
.date_bottom {border: solid 1px #f3c12b;border-top: none;color: #000;font-size: 20px;padding: 8px;font-weight: 300;padding-bottom: 12px;background-color: #fff;}
.date_text_wrap p a {color: #000;margin-left: 20px;font-size: 15PX;/* font-weight: bold; */text-decoration: none;}
.contentAboutSchool p{font-size: 13px;text-align: justify;}
/*.tabs-nav ul {
  margin: 0;
  padding: 0;
margin-top: 22px;padding-left: 40px;margin-bottom: -20px;}*/

/*.tabs-nav li {
  display: inline-block;
  background: rgb(255 255 255 / 78%);
  color: #a70101;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #a70101;
  margin-right: 0.5px;
border-bottom: 1px solid;}

.tabs-nav a {
  display: block;
  padding: 10px 6px;
  font-weight: 600;
  color: #a70101;
}*/
/* Active tab */

/*.tabs-nav li.active {
  background: #a70101;
  color: #ffffff;
}

.tabs-nav li.active a {
  color: inherit;
}*/
/* Tab content */

/*.tabs-content {
  /* border: 1px solid #34495E; 
  padding: 40px;
  background: #FFF;
  /* margin-top: -1px; 
  /* overflow: hidden; 
}*/

/*.tabs-content IMG {
  margin-right: 10px;
}*/
/* Hide all but first content div */

/*.tabs-content div:not(:first-child) {
  display: none;
}
.tabs-content h4{color: #a70101;text-align:center;/* background: aquamarine; margin: 0;font-weight: 600;}*/

       
        .level-2 {
            padding-left:20px !important;
                padding-top: 12px;
                 padding-bottom: 20px;
        }
        .level-3 {
             padding-left:30px !important;
        }
        .level-1 > li {
        margin-top:20px;
            font-weight:bold;
            font-size: 18px;
            line-height: 45px;
        }
        .level-2 > li {
            font-weight: 500;
            font-size: 16px;
            /*width: 33.333%;*/
    display: block;
    /*float: left;*/
    line-height: 28px;
        }

        .level-2 > li:before {
         font-family:FontAwesome;
            content:'\f192';
            position: relative;
    right: 5px;
        color: #a70101;}

        .level-3 li {
            line-height: 20px;
        }
        .level-1 > li:before {
             font-family:FontAwesome;
            /* content:'\f0a4'; */
            position: relative;
    right: 5px;
        }
        .level-3 li:before {
            font-family:FontAwesome;
            content:'\f061';
            position: relative;
    right: 5px;
        color: #f3c12c;font-weight: normal;}
        .sitemap-container .col-md-4 {
            margin-top:30px;
        }

        /*.level-3 > li > a:hover {
            text-decoration:underline;
        }*/
        .mb-20 {
            margin-bottom:20px;
        }

        @media (max-width:768px) {
        .level-2 > li {
            font-weight:400;
            font-size: 15px;
            width:100%;
    float: none;
        }
        }
        .ho-ev-date_sec {
    width: 70%;
}


        .atf-class-slide p{color:black !important}
        .media-body p{color:black !important}

        #atf-class-slider{display:inline-block !important

        }
#blog-slider {
    margin-top: 34px;
}
.modal-backdrop {
    top: 0;
    right: 0;
    left: 0;
    background-color: #0000008c;
    position: fixed;
}
.modal-backdrop.in {
    opacity: 1;
}

.latest_news_img {
    height: 500px !important;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.thgt_sec {
    height: 197px;
}
#myModal .modal-dialog {
    width: 444px;
    margin: 30px auto;
}
#myModal .modal-body {
    position: relative;
     padding: 0px; 
}


/***placeholder animation***/


.textfield-outlined {
  position: relative;
  margin-bottom: 15px;
  padding-top: 6px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.4px;
}
.textfield-outlined > input, .textfield-outlined > textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 9px 13px 9px;
  font-size: 14px;
  line-height: inherit;
  color: #272e36;
  border-style: solid;
  border-width: 1px;
  border-color: transparent #92969a #92969a;
  border-radius: 4px;
  -webkit-text-fill-color: currentColor;
  background-color: transparent;
  caret-color: #3d6f9e;
  transition: border 0.2s, box-shadow 0.2s;
}
.textfield-outlined > input:not(:focus):placeholder-shown, .textfield-outlined > textarea:not(:focus):placeholder-shown {
  border-top-color: #92969a;
}
.textfield-outlined > input + label, .textfield-outlined > textarea + label {
  display: flex;
  width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  line-height: 15px;
  color: #92969a;
  cursor: text;
  transition: color 0.2s, font-size 0.2s, line-height 0.2s;
}
.textfield-outlined > input:not(:focus):placeholder-shown + label, .textfield-outlined > textarea:not(:focus):placeholder-shown + label {
  font-size: 14px;
  line-height: 54px;
}
.textfield-outlined > input + label::before, .textfield-outlined > input + label::after, .textfield-outlined > textarea + label::before, .textfield-outlined > textarea + label::after {
  content: "";
  display: block;
  box-sizing: border-box;
  height: 8px;
  min-width: 10px;
  margin-top: 6px;
  border-top: solid 1px #92969a;
  pointer-events: none;
  box-shadow: inset 0 1px transparent;
  transition: border 0.2s, box-shadow 0.2s;
}
.textfield-outlined > input + label::before, .textfield-outlined > textarea + label::before {
  margin-right: 4px;
  border-left: solid 1px transparent;
  border-radius: 4px 0;
}
.textfield-outlined > input + label::after, .textfield-outlined > textarea + label::after {
  flex-grow: 1;
  margin-left: 4px;
  border-right: solid 1px transparent;
  border-radius: 0 4px;
}
.textfield-outlined > input:not(:focus):placeholder-shown + label::before, .textfield-outlined > input:not(:focus):placeholder-shown + label::after, .textfield-outlined > textarea:not(:focus):placeholder-shown + label::before, .textfield-outlined > textarea:not(:focus):placeholder-shown + label::after {
  border-top-color: transparent;
}
.textfield-outlined ~ label:hover > input, .textfield-outlined ~ label:hover > textarea {
  border-color: transparent #272e36 #272e36;
}
.textfield-outlined label:hover > input + label::before, .textfield-outlined label:hover > input + label::after, .textfield-outlined label:hover > textarea + label::before, .textfield-outlined label:hover > textarea + label::after {
  border-top-color: #272e36;
}
.textfield-outlined label:hover > input:not(:focus):placeholder-shown, .textfield-outlined label:hover > textarea:not(:focus):placeholder-shown {
  border-color: #272e36;
}
.textfield-outlined > input:focus, .textfield-outlined > textarea:focus {
  border-color: transparent #3d6f9e #3d6f9e;
  outline: none;
}
.textfield-outlined > input:focus + label, .textfield-outlined > textarea:focus + label {
  color: #3d6f9e;
}
.textfield-outlined > input:focus + label::before, .textfield-outlined > input:focus + label::after, .textfield-outlined > textarea:focus + label::before, .textfield-outlined > textarea:focus + label::after {
  border-top-color: #3d6f9e !important;
}
.textfield-outlined > input:disabled, .textfield-outlined > input:disabled + label, .textfield-outlined > textarea:disabled, .textfield-outlined > textarea:disabled + label {
  color: rgba(189, 192, 197, 0.5);
  border-color: transparent rgba(189, 192, 197, 0.5) rgba(189, 192, 197, 0.5) !important;
  pointer-events: none;
}
.textfield-outlined > input:disabled + label::before, .textfield-outlined > input:disabled + label::after, .textfield-outlined > textarea:disabled + label::before, .textfield-outlined > textarea:disabled + label::after {
  border-top-color: rgba(189, 192, 197, 0.5) !important;
}
.textfield-outlined > input:disabled:placeholder-shown, .textfield-outlined > input:disabled:placeholder-shown + label, .textfield-outlined > textarea:disabled:placeholder-shown, .textfield-outlined > textarea:disabled:placeholder-shown + label {
  border-top-color: rgba(189, 192, 197, 0.5) !important;
}
.textfield-outlined > input:disabled:placeholder-shown + label::before, .textfield-outlined > input:disabled:placeholder-shown + label::after, .textfield-outlined > textarea:disabled:placeholder-shown + label::before, .textfield-outlined > textarea:disabled:placeholder-shown + label::after {
  border-top-color: transparent !important;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .textfield-outlined > input, .textfield-outlined > input + label, .textfield-outlined > input + label::before, .textfield-outlined > input + label::after, .textfield-outlined > textarea, .textfield-outlined > textarea + label, .textfield-outlined > textarea + label::before, .textfield-outlined > textarea + label::after {
      transition-duration: 0.1s;
    }
  }
}

@media screen and (max-width: 991px) {
    .contact-form .sec-title-style1 {
        padding-bottom: 5px;
    }

    .sec-title-style1 {
        margin-top: -74px;
    }

    #myModal .modal-dialog {
        width: 80%;
    }
    .contact-form form button {
        width: auto;
    }
    .sec-title-style1.float-left .title {
        margin-top: 75px !important;
    }
    .atf-header-top-auth {
        display: inline-block;
        margin-right: 0px;
        padding: 5px 0px;
    }
    .hide_mobile {
        display: none !important;
    }
    .atf-header-top-right {
        text-align: start;
    }
    .atf-top-header {
        height: 35px;
    }
    .atf-header-top-auth ul li {
        padding-right: 0px;
    }
    .atf-header-top-auth i {
        margin-right: 0px;
    }
    .atf-header-top-auth ul li {
        display: block !important;
    }
    .atf-header-top-auth ul li:last-child {
        display: block !important;
    }
    .atf-top-header::after {
        display: none;
    }
    .atf-header-top-auth ul {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr);
    }
    .atf-header-top-auth ul li i {
        display: none;
    }
    .banner-section {
        margin: 115px 0 0 0;
    }
    .atf-header-top-auth ul li a {
        padding: 0 10px !important;
    }
    .jctkr-wrapper ul li {
        font-size: 13px;
    }
    .jctkr-wrapper {
        height: 25px;
    }
    .sgrru-news {
        top: -10px;
    }
    .atf-main-header {
        background: #fff;
        border-top: 1px solid #7c7a7a;
    }
    .img-gradient:after {
        background: none;
    }
}
.atf-header-top-auth ul {display: inline-flex;margin-top: 3px;}    
.atf-header-top-auth ul li {display: inline-flex;padding-right: 3px;align-items: center;}
a.atf-site-branding.atf-white-logo img {width: auto; height: 80px;}
.atf-top-header-list li a {color: white;}
.atf-header-top-auth ul li a {color: white;}
.atf-header-top-auth ul li:first-child a:before {
    content: "\f0cb";
    position: relative;
    top: 0px;
    left: 0px;
    font-family: 'FontAwesome';
    font-weight: normal;
    margin-right: 7px;
}
.atf-header-top-auth ul li a {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    padding: 0 8px;
    font-style: italic;
    border-right: 1px solid #525252;
    font-family: arial;
    font-weight: bold;
}
.atf-header-top-auth ul li a :hover, .atf-header-top-auth ul li a :focus {
    text-decoration: none;outline: none;
}
.atf-nav .atf-nav-list li .atf-nav .atf-nav-list > ul > li > a:before, .atf-nav .atf-nav-list li .atf-nav .atf-nav-list > ul > li > span:before {
    content: "|";
    display: inline-block;
    margin-right: 7px;
    background: #065c00;
    width: 3px;
}
.atf-nav .atf-nav-list > li > ul >li >a:before, .atf-nav .atf-nav-list ul a:before {
    content: "|";
    display: inline-block;
    margin-right: 7px;
    background: #065c00;
    width: 3px;
}
.atf-header-top-auth ul li a:hover {
    text-decoration: none;
}
.atf-top-header-list a {
    text-decoration: none;
}

.social_icon li {
    line-height: 32px !important;
}
.social_icon li a {
    display: flex !important;
    color: #7e7e7e;
    align-items: center !important;
    margin-left: 25px;
}
.location_icon {
    width: 50px;
}
.social_icon li a svg {
    width: 20px;
    height: 20px;
    margin-left: 13px;
    position: absolute;
    left: 0px;
}
.text-center {
    text-align: center;
}
.placedstudent {
    padding: 10px;
    border: 1px solid #e5e5e5;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    background: #ffffff;
    height: 330px;
    margin-bottom: 20px;
}
.placedstudent img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-top: 25px;
    text-align: center;
    object-fit: cover;
}
.placedstudent h2 {
    margin-top: 7px;
    font-size: 20px;
    font-weight: 600;
    color: #082670;
}
.placedstudent p {
    font-weight: 500;
    line-height: 20px;
    margin: 10px 0px;
    color: #000000;
}
.placedstudent >p >b {
    color: #000000;
}

.video-thumb-inv p {
    background: #065c00;
    color: #fff;
    text-align: center;
    padding: 6px;
    text-transform: uppercase;
    top: -20px;
    position: relative;
}
.atf-sticky-active .atf-nav .atf-nav-list > li > a {color: white;}
.atf-site-header.atf-style1.atf-sticky-active .atf-menu-toggle span, .atf-sticky-active .atf-menu-toggle span:before, .atf-sticky-active .atf-menu-toggle span:after {background-color: white;}

@media(max-width:991px){
    .hide-new{
    display:none!important;
}
    .atf-top-header { height:60px; }
    .atf-header-top-auth ul {
    display: flex !important;
    margin-top: 3px;
    flex-wrap: wrap;
    justify-content: center;
    line-height:25px;
}

}

/****Inquiry Form Css Start****/
.disflex {display: inline-flex;}

.section-contact {
    /*padding: 0px 120px 10px;*/
    margin: 10px auto;
	background-color: #fff;
}

.section-contact .header-section .inquirytitle {
	position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 35px;
    letter-spacing: 0.5px;
}

.section-contact .header-section .inquirytitle .dot {
    display: inline-block;
	position: absolute;
    bottom: 8px;
    width: 8px;
    height: 8px;
    margin-left: 3px;
    background-color: #df383f;
}

.section-contact .header-section .description {
	font-family: "Roboto", sans-serif;
	color: #2a6287;
}

.section-contact .header-section .big-title {
	position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%,70%);
    font-size: 120px;
    font-weight: 700;
    opacity: 0.15;
}

.section-contact .form-contact {

}

.section-contact .form-contact .single-input {
	position: relative;
    margin-top: 40px;
}

.section-contact .form-contact .single-input i {
	position: absolute;
    top: 5px;
    left: 15px;
    color: #064402;
}

.section-contact .form-contact .single-input input,
.section-contact .form-contact .single-input textarea {
	width: 100%;
    border: none;
    border-bottom: 2px solid #07395c;
    padding-left: 50px;
    padding-bottom: 15px;
    font-size: 15px;
    font-weight: 500;
    /*text-transform: uppercase;*/
	transition: border .3s;
    outline: none;
}

.section-contact .form-contact .single-input input::placeholder,
.section-contact .form-contact .single-input textarea::placeholder {
	color: rgba(7, 57, 92, .7);
    text-transform: capitalize;
}

.section-contact .form-contact .single-input input:focus,
.section-contact .form-contact .single-input textarea:focus {
	border-color: #df383f;
}

.section-contact .form-contact .single-input textarea {
	height: 80px;
	min-height: 50px;
}

.section-contact .form-contact .submit-input button {
	margin-top: 40px;
    padding: 15px 50px;
    font-weight: 500;
    transition: background-color .3s;
    background: linear-gradient(to top right, #0d6b06 -5%, #00220a 100%);
    color: #fff;
    border: none;
    border-radius: 25px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.section-contact .form-contact .submit-input button:hover {
	background-color: #07395c;
}

@media (max-width: 575.99px) {
	.section-contact {
      padding: 5px 10px 10px;
      margin: 0px 0px 0px;
	}

	.section-contact .header-section .inquirytitle {
	    font-size: 25px;margin-bottom: 0px;
	}

	.section-contact .header-section .big-title {
		font-size: 70px;
	}

	.section-contact .header-section .description {
		font-size: 14px;
	}
    .section-contact .form-contact .submit-input input {
        margin-top: 15px;
    }
}

@media (min-width: 576px) and (max-width: 767.99px) {
	.section-contact {
	    padding: 0px 0px;
	}

	.section-contact .header-section .inquirytitle {
	    font-size: 45px;
	}

	.section-contact .header-section .big-title {
		font-size: 100px;
	}
}

@media (min-width: 768px) and (max-width: 991.99px) {
	.section-contact {
	    padding: 0px 0px;
	}

	.section-contact .header-section .inquirytitle {
	    font-size: 45px;
	}

	.section-contact .header-section .big-title {
		font-size: 100px;
	}
}

 #inquiryModal .modal-dialog {
        width: 444px;
        margin: 100px auto;
    }

    .okbtn {
        background-color: #063f08;
        color: white;
        padding: 2px 12px;
        text-transform: uppercase;
    }

        .okbtn:hover {
            color: white;
        }

 @media screen and (max-width: 991px) {
        #inquiryModal .modal-dialog {
            width: 100%;
            margin: 150px auto;
            padding: 10px;
        }
        .disflex {display: inline;}
        .inqmail_sec a {font-size: 12px;}
    }
 .justify-content-space-around {
     justify-content: space-around;
 }
 .contact_dir {margin: 15px 0px 5px !important;font-weight: 600;}
 .inqmail_sec a {
     color: #083710;
 }
 .inqmail_sec a:hover, .inqmail_sec a:focus {text-decoration: none;}
.text-black {color: black;}
.subtext {font-weight: 700;text-decoration: underline;}
 .innH-Content-new ul li {
    line-height: 24px;
    margin-bottom: 10px;
    margin-left: 15px;
}
.font-w600 {font-weight: 600;}

.menuwidth {width: 165px !important;}

@media screen and (max-width: 991px) {
    .menuwidth {width: auto !important;}
}
/* Dropdown Button */
.dropbtn {
    border: none;
    background-color: transparent;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    padding: 3px 8px;
    font-style: italic;
    border-right: 1px solid #525252;
    font-family: arial;
    font-weight: bold;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: fixed;
  background-color: #ffffff;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #292929 !important;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

.dropdown-content ul {
    display: table-caption;
    border: none;
    list-style: none;
    width: 250px;
}
    .dropdown-content ul li {
        border-bottom: 1px solid #e5e5e5;
        display: block;
        padding: 0px;
        text-align: left;
    }
.dropdown-content ul li a {
   border-right: none;font-style: normal;display: flex;padding: 5px 8px;font-weight: 500;
}
.dropdown-content ul li a:before {
   display: none;
}

a:hover {text-decoration: none;}