/* common css strats here */

ul {list-style-type:none; padding:0px !important; margin: 0px;}

ul li {list-style-type:none; padding:0px;}

/* a.customize{text-decoration:none;}/* for removing underline for anchor*/ 

a{text-decoration:none !important;}/* for removing underline for anchor*/

button:focus { outline: 0px !important; }

a:hover { text-decoration: none; }

textarea { resize: none;}

.w-100{width:100%;}

.h-100 {height:100%;}

/* for display */

.d-inline-flex{display:inline-flex ;}/* for display inline */

.d-flex{display:flex ;}/* for display inline */

/* for positions */

.pos-relative{position:relative;}

.pos-absolute{position:absolute;}

/* padding styles */

.p-0{padding:0px;}

.p-10p{padding:10px;}

.p-15p{padding:15px;}

.p-20p{padding:20px;}

.p-40p{padding:40px;}

.ptb-10p{padding-top:10px;padding-bottom:10px;}

.ptb-20p{padding-top:20px;padding-bottom:20px;}

.ptb-30p{padding-top:30px;padding-bottom:30px;}

.ptb-40p{padding-top:40px;padding-bottom:40px;}

.ptb-60p{padding-top:60px;padding-bottom:60px;}

.plr-10p{padding-left:10px;padding-right:10px;}

.pb-10p{padding-bottom:10px;}

.pb-20p{padding-bottom:20px;}

.pb-40p{padding-bottom:40px;}

/* margin styles */

.m-0{margin:0px;}

.m-15p{margin:15px;}

.m-lr-auto{margin:0px auto;}

.mt-10p{margin-top:10px;}

.mt-15p{margin-top:15px;}

.mt-20p{margin-top:20px;}

.mt-25p{margin-top:25px;}

.mt-30p{margin-top:30px;}

.mt-40p{margin-top:40px;}

.mt-60p{margin-top:60px;}

.mb-10p{margin-bottom:10px;}

.mb-20p{margin-bottom:20px;}

.mb-40p{margin-bottom:40px;}

.mb-60p{margin-bottom:60px;}

.mb-80p{margin-bottom:80px;}

.mtb-2040p{margin-top:20px;margin-bottom:40px;}

.mtb-4060p{margin-top:40px;margin-bottom:60px;}

.mtb-6080p{margin-top:60px;margin-bottom:80px;}

.mtb-20p{margin-top:20px;margin-bottom:20px;}

.mtb-40p{margin-top:40px;margin-bottom:40px;}

.mtb-60p{margin-top:60px;margin-bottom:60px;}

.mr-10p{margin-right:10px;}


/* for box shadow */

.head-shadow {filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.15)); background-color: #ffffff;}

.vc-shadow {filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.15));}

/* for border radius  */

.brad-50 {border-radius: 50px;}

.brad-5 {border-radius: 5px;}

/* for borders  */

.br-1p { border: 1px solid #d3d3d3;}

.br-btm-1p { border-bottom: 1px solid #d3d3d3;}

.fnt-11p {font-size: 11px;}

.fnt-14p {font-size: 14px;}

.btn-pd {padding: 12px 65px;}

.ls-1p {letter-spacing: 1px;}

.br2p {border: 2px solid #ff6a00;}

.flex-wrap {flex-flow: wrap;}

.btn-pd {padding: 12px 20px;}

/* for text-patterns*/

.txt-up {text-transform: uppercase;}

.txt-cap {text-transform: capitalize;}

.txt-undline {text-decoration: underline; }

/* for backgorund colors */

.bg-white{background-color:white;}

.bg-black{background-color:#000000;}

.bg-brown{background-color:#c95927;}

.bg-blue{background-color:#252138;}

/* for text-colors*/

.text-black{color:#000000;}

.text-white{color:#ffffff;}

.text-brown {color: #c95927;}

/* for text-alignment*/

.align-items { align-items: center;}

.justify-space {justify-content: space-between;}

.justify-center {justify-content: center;}

.wh-space {white-space: pre-line;}

/* for line-hieght */

.lh-22p {line-height: 22px;}

.lh-24p {line-height: 24px;}

.lh-26p {line-height: 26px;}

/* for font-weight */

.fw-600 {font-weight: 600;}

/* for font related css */

.fnt-gor-light{ font-family: 'Gordita-Light';}

.fnt-gor-thin{font-family: 'Gordita-Thin';}

.fnt-gor-regular{ font-family: 'Gordita-regular'; }

.fnt-gor-medium{font-family: 'Gordita-Medium';}

.fnt-gor-bold{font-family: 'Gordita-bold'; }

/* for text-alignment*/

.align-center {align-items:center;}

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

.text-right { text-align: right;}

.text-left { text-align: left;}

.text-end { text-align: end;}

.text-justify { text-align: justify;}

/* html { */
  /* scroll-behavior: smooth; */
/* } */

body {font-family: 'Gordita-regular';}

/* Return to Top */

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
   background-image: linear-gradient(
135deg
, #ffa345 0%, #ff683a 100%);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index: 999;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 19px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/* #return-to-top:hover { */
    /* background: rgba(0, 0, 0, 0.9); */
/* } */
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

.donate.extraclass a {color:#fff !important;}


/*----- button with background css -----*/

.main-btn a{
  display: inline-block;
  position: relative;
  cursor: pointer;
  background: #c95927;
  color:#fff;
}
.main-btn span{
  display: block;
}
.main-btn a::before, .main-btn a::after{
  content:"";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #c95927;
}

.main-btn span::before, .main-btn span::after{
  content:"";
  width:2px;
  height:0;
  position: absolute;
  transition: all 0.2s linear;
  background: #c95927;
}
.main-btn a:hover::before, .main-btn a:hover::after{
  width: 100%;
}
.main-btn a:hover span::before, .main-btn a:hover span::after{
  height: 100%;
}
/*----- button 1 -----*/
.btn-1::before, .btn-1::after{
  transition-delay: 0.2s;
}
.btn-1 span::before, .btn-1 span::after{
  transition-delay: 0s;
}
.btn-1::before{
  right: 0;
  top: 0;
}
.btn-1::after{
  left: 0;
  bottom: 0;
}
.btn-1 span::before{
  left: 0;
  top: 0;
}
.btn-1 span::after{
  right: 0;
  bottom: 0;
}
.btn-1:hover::before, .btn-1:hover::after{
  transition-delay: 0s;
}
.btn-1:hover span::before, .btn-1:hover span::after{
  transition-delay: 0.2s;
}
.main-btn a:hover{
 background:transparent;
 color: #c95927 !important;
}

/*----- button with border css -----*/

.button12 {
  cursor: pointer; 
  padding:15px 35px;
  position: relative;
  z-index: 0;
  background:#fff; 
  color:#000;
  border-radius: 5px;
}
.button12 span {
  transform: scaleX(0.6);
  transform-origin: center left;
  transition: color 0.3s ease;
  position: relative;
  z-index: 1;
}

.button12:before,
.button12:after {
  content: '';
  background: #c95927;
  height: 50%;
  width: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition:0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.button12:before {
  top: 0;
  left: 0;
  right: auto;
}
.button12:after {
  bottom: 0;
  right: 0;
  left: auto;
}
.button12:hover:before {
  width: 100%;
  right: 0;
  left: auto;
}
.button12:hover:after {
  width: 100%;
  left: 0;
  right: auto;
}
.button12:hover span {
    color: #fff;
}

/* HEADER CSS  */

.header-sec {
    position: fixed;
    width: 100%;
    z-index: 999;
	top: 0;
}

.header-sec .navbar {padding:0px !important;}

.navbar-toggler {background-color: #05465f;}

.logo {width: 150px; object-fit: cover;}

.menu li {margin-left: 15px;}

.menu a {font-size: 14px; color: #fff; text-transform: uppercase;}

.menu a:hover {color:#c95927;}

.header-sec.extraclass {background: #fff; filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.1));}

.header-sec.extraclass .menu a {color: #05465f;}



.header-sec.extraclass .logo {width: 110px;}

	/* banner section css */


.banner-sec video {height:630px; object-fit:cover;}

.banner-theory {
    position: absolute;
    left: 0;
    right: 0;
	bottom: 5%;
    margin: 0px auto;
    text-align: center;
}

.banner-theory h1{ font-size:45px;}

	/* service section css */

.service-sec {
    background-image: url(../images/services-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	padding-top:60px;
	padding-bottom:80px;
}

.service-heading p {width: 85%;}

/* .hp .card{ */
    /* position: relative; */
    /* cursor: pointer; */
	/* border:0px; */
	/* background:transparent; */
/* } */

/* .hp .card .face{transition: 0.5s;} */

/* .hp .card .face.face1{ */
    /* position: relative; */
    /* background: #252138; */
    /* z-index: 1; */
	/* width: 100%; */
	/* padding:40px; */
/* } */

/* .hp .card .face.face2{ */
    /* background: #252138; */
	/* color:#fff; */
    /* padding: 0px 20px 20px 20px; */
    /* box-sizing: border-box; */
	/* width: 100%; */
	/* height:0; */
	/* visibility:hidden; */
/* } */

/* .hp .card:hover .face.face2{ */
	/* height:auto; */
	/* border-bottom: 15px solid #c95927; */
	/* visibility:visible; */
/* } */
/* .hp .card:hover .more1{ */
	/* display:none; */
/* } */

#hidden {
	visibility: hidden;
	height: 0;
	transition:
	height 1s,
	visibility 0s 1s;
}
#hover-area:hover #hidden {
	height: 200px;
	visibility: visible;
	transition:
	height 1s,
	visibility 0s;
}


#hover-area:hover .more1{
	 visibility: hidden;
     height: 0;
}
#hover-area:hover {
border-bottom:15px solid #c95927;
}
#hover-area {
    padding: 20px;
    font-family: sans-serif;
    background: #252138;
    color: #fff;
    cursor: pointer;
}
    
#hidden { 
  overflow:hidden;
}

	/* button arrow css starts here */

.arrow::after {
    content: url(../images/arrow-white.png);
    /* display: inline-block; */
    padding-left: 15px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    position: absolute;
    bottom: -6px;
}
 .arrow:hover::after {
	 -webkit-transform: translateX(4px);
	 -moz-transform: translateX(4px);
	 -ms-transform: translateX(4px);
	 -o-transform: translateX(4px);
	 transform: translateX(4px);
}

/* get in touch section & about tkzus section & section */

.eng-block, .get-in {top: 32%; left: 0; right:0px;}

.eng-block h1 {font-size:85px;}

/* training & placement section */

.training-video {
    background-image: url(../images/training.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	padding-top:60px;
	padding-bottom:80px;
}

.training-content {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    column-gap: 10px;
	row-gap: 10px;
	text-align: center;
}

.training-box p {font-size:10px; margin:0px;}

.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgb(0 0 0 / 0%);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	padding: 1em 0px;
	cursor: pointer;
	background: #fff;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	border-radius: 5px;
	height: 100%;
}
.hvr-sweep-to-right a{ color: #000;}

.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #c95927;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	border-radius:5px;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active, .hvr-sweep-to-right:hover a {color: white;}

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/* We want you to love where you work section */

.benefit-box{
	position: relative;
	overflow: hidden;
	perspective:1000px;
	-webkit-perspective:1000px;
	box-shadow: 0 0.1rem 1rem rgb(0 0 0 / 10%) !important;
	border-radius: 25px;
	padding: 40px 20px 20px 20px;
}

.benefit-content{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	width: 100%;
	height: 100%;
	padding: 80px 20px;
	text-align: center;
	transition: all .5s ease;
	background-color: #c95927;
	backface-visibility:hidden;
	transform-style: preserve-3d;
	-webkit-transform: translateY(110px) rotateX(-90deg);
	-moz-transform: translateY(110px) rotateX(-90deg);
	-ms-transform: translateY(110px) rotateX(-90deg);
	-o-transform: translateY(110px) rotateX(-90deg);
	transform: translateY(110px) rotateX(-90deg);
}
.benefit-box .benefit-icon .front-content{
	position: relative;
	top:80px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.benefit-box .benefit-icon .front-content h5{margin:0px;}

.benefit-box .benefit-content h3 {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	margin-bottom:10px;
	text-transform: uppercase;
}
.benefit-box .benefit-content p {
	font-size: 13px;
	color: #fff;
	margin:0;
}

.benefit-box:hover .benefit-icon{
	opacity: 0;
	-webkit-transform: translateY(-110px) rotateX(90deg);
	-moz-transform: translateY(-110px) rotateX(90deg);
	-ms-transform: translateY(-110px) rotateX(90deg);
	-o-transform: translateY(-110px) rotateX(90deg);
	transform: translateY(-110px) rotateX(90deg);
}
.benefit-box:hover .benefit-content {
	opacity: 1;
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
}

/* footer section css */
	
.footer-sec {background: #f1f1f1; padding-top: 60px; padding-bottom: 55px;}

.footer-content ul li {margin-bottom:10px;}

.footer-content a,.footer-content p {color:#777777;}

.footer-content ul li a:hover {color:#c95927;}

	/* social icons css */
.icon {
	position:relative;
	text-align:center;
	width:0px;
	height:0px;
	padding:18px;
	border-radius:50px;
	background:#c95927;	
	color:#FFFFFF;
}
.icon i {
	font-size:16px;
	position:absolute;
	left:9px;
	top:10px;
	
}

.icon.social:hover i {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.icon.social {
	float:left;
	margin:0 5px 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}

.icon.social.fb i {
	left:13px;
	top:10px;
}
.icon.social.tw i {
	left:12px;
}
.icon.social.gp i {
	left:12px;
}
.icon.social.in i {
	left:12px;
	top: 9px;
}
.icon.social.yt i {
	left:12px;
}

/* copy right section css */

.copy-right {background: #0b475f;}

.copy-right ul {
    display: flex;
    width: 100%;
    flex-flow: wrap;
    align-items: center;
	justify-content: flex-end;
}

.copy-right ul li {border-right: 1px solid #fff; padding: 0px 8px;}

.copy-right ul li:last-child{border-right:0px solid #fff; padding-right:0px;}

.copy-right p,.copy-right a{color:#fff; font-size: 14px;}


/*Modal code*/

.close {
  /* color: #fff; */
  transform: scale(1.2)
}
.modal-content h4 {color: #c95927;}

.modal-content .form-control {margin: 1em 0;}

.modal-content .form-control:hover, .modal-content .form-control:focus {
  box-shadow: none;  
  border-color: #ced4da;
}
.modal-content .username, .modal-content .password {
  border: none;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 1px solid #ced4da;
  padding-left: 0;
  font-weight: normal;
  background: transparent;  
}
.modal-content .form-control::-webkit-input-placeholder {
  color: #ced4da;  
}

.modal-content .login {
  padding: 6px 20px;
  border-radius: 20px;
  background: none;
  border: 1px solid #c95927;
  color: #c95927;
  transition: all .5s;
  margin-top: 1em;
}
.modal-content .login:hover {
  background: #c95927;
  color: #fff;
}