::selection{background:#0042ad;color:#fff;}
::-webkit-scrollbar {width: 4px;}
/* Track */
::-webkit-scrollbar-track {background:#fff;}
/* Handle */
::-webkit-scrollbar-thumb {background: linear-gradient(to right, #feca06 , #fd6900, #ff0401);}
::-webkit-scrollbar-thumb:window-inactive {background: linear-gradient(to right, #feca06 , #fd6900, #ff0401);}

/*body,html{padding:0px;margin:0px;height:100%;font-size: 15px;color: #202020;font-family: 'Inter', sans-serif;font-weight:400;background-color:#fffdd0;}*/
body,html{padding:0px;margin:0px;height:100%;font-size: 15px;color: #202020;font-family: 'Inter', sans-serif;font-weight:400;background-color: #FFE291;}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/loading.gif') 50% 50% no-repeat rgb(255 255 255);
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 99;
  font-size: 18px;
  outline: none;
  cursor: pointer;
}
/***********************  Wave animation *************************/
.air{
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: url(../images/wave.png);
  background-size: 1000px 100px;
  margin-top:-99px;
}
.air.air1{
  animation: wave 30s linear infinite;
  z-index: 1000;
  opacity: 1;
  animation-delay: 0s;
  bottom: 0;
}
@keyframes wave{
  0%{
    background-position-x: 0px; 
  }
  100%{
    background-position-x: 1000px; 
  }
}
/***********************  Wave animation *************************/

.navbar
{
	z-index:5;
	flex-wrap: wrap !important;
	animation: .75s ease-in-out 0s normal none 1 running fadeInUp;
}
.navbar-expand-md .navbar-nav .nav-link
{
	font-size:14px;
	color:#002052;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover 
{
	color: #fd6900;
}
.nav-link:focus, .nav-link:hover 
{
    color: #fd6900;
}

.fixed-top-own 
{
    animation: .75s ease-in-out 0s normal none 1 running fadeInDown;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
	top:0;
	background-color:#fffdd0 !important;
	box-shadow: 0 .2rem 0.4rem rgba(0,0,0,.15)!important;
}
.theme-yellow
{
	color:#feca06;
}
.theme-orange
{
	color:#fd6900;
}
.theme-red
{
	color:#ff0401;
}
.theme-light
{
	color:#fff;
}
.theme-dark
{
	color:#202020;
}
.bg-custom-gradient
{
	/*background-image: linear-gradient(to right, #feca06 , #fd6900, #ff0401);*/
	background-image: linear-gradient(to right, #ffdc57 , #ffa463, #ff5957);
}
.bg-dark
{
	background-color:#282828 !important;
}
.bg-cream
{
	background-color:#fffdd0 !important;
}
.bg-light
{
	background-color:#fff !important;
}
.bg-light-blue
{
	background-color:rgb(222 236 255 / 45%);
}
.bg-offwhite {
    background-color: rgb(255 225 138 / 38%);
}
.bg-lightBlack {
    background-color: rgb(0 0 0 / 50%);
}
.border-end-yellow
{
	transition: 0.5s all;
	border-left:10px solid #feca06;
}
.max-charecter-vacancy {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.c-pointer
{
	cursor:pointer;
}
.list-group-horizontal .list-group-item, .list-group-item 
{
	background-color: transparent; 
	border: 1px solid rgba(0, 0, 0, 0);
}
.inline-block
{
	display:inline-block;
}
.word-space
{
	letter-spacing:5px;
}
.custom-shadow-sm {
    box-shadow: -0.2rem 0.2rem .25rem rgba(0,0,0,.075)!important;
}

.btn-gradient 
{
    border: none;
    background-size: 200%, 1px;
    transition: all 200ms linear 0ms;
    background-image: linear-gradient(90deg, #ffdc57 0%, #ff5957 50%, #ffdc57);
	color:#202020;
	box-shadow: 0px 5px 10px 0px rgb(254 128 2 / 43%);
}
.btn-gradient:hover 
{
    color: #202020;
    transition: all 200ms linear 0ms;
    background-position: 120%;
}
.btn-check:focus+.btn-gradient, .btn-gradient:focus 
{
    color: #202020;
    background-position: 120%;
}
.header-upper .list-group-item a:hover
{
	color:#fff;
}
.shadow-yellow
{
	box-shadow: 0px 5px 10px 0px rgb(254 128 2 / 43%);
}
.list-group-item 
{
    padding: 0px;
    border: 1px solid rgb(0 0 0 / 0%);
}
.text-justify
{
	text-align:justify;
}
.text-center-justify
{
	text-align:justify;
	text-align-last:center;
}
.word-break{word-break:break-all;}

a:hover {
    color: #feca06;
}
.text-shadow {
  text-shadow: 0 2px 3px #ff895f;
}

.bg-banner
{
	background-image: url(../images/banner.webp);
    height: 80%;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bg-about-us
{
	background-image: url(../images/banner.webp);
    height: auto;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bg-aboutus
{
	background-image: url(../images/aboutus.webp);
    height: auto;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bg-services
{
	background-image: url(../images/service.webp);
    height: auto;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bg-home-services
{
	background-image: url(../images/bg-services.webp);
    height: auto;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bg-about
{
	background-image: url(../images/about.webp);
    height: auto;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bg-registration
{
	background-image: url(../images/registration.webp);
    height: auto;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bg-career
{
	background-image: url(../images/career.jpeg);
    height: auto;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bg-clients
{
	background-image: url(../images/clients.jpeg);
    height: auto;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bg-vacancies
{
	background-image: url(../images/vacancies.webp);
    height: auto;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg-shape1
{
	background-image: url(../images/bg-shape1.webp);
    height: auto;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}
.bg-shape
{
	background-image: url(../images/bg-shape.webp);
    height: auto;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}
.bg-map
{
	background-image: url(../images/bg-map.webp);
    height: auto;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bg-footer
{
	background-image: url(../images/footer.webp);
    height: auto;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #202020;
}
.breadcrumb-item.active {
    color: #202020;
}
.breadcrumb a:hover {
    color: #202020 !important;
}

.footerMain h5:after 
{
    content: "";
    width: 35px;
    height: 2px;
    display: block;
    background-color: #feca06;
    margin: 8px 2px;
}
.bg-feature-job h6
{
	font-size:12px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.max-charecter
{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}
.carousel-caption {
    position: absolute;
    right: 5%;
    top: 80px;
    left: 5%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #000;
    text-align: inherit;
}
.border-start {
    border-left: 7px solid #ffdc57 !important;
}

/*******************  For Folding of Training Section  ****************/
/* 45-degree folded corner */
.fold {
  background: 
    linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,.4) 0) no-repeat 100% 0 / 2em 2em,
    linear-gradient(-145deg, transparent 1.41em, #58a 0);
  );
}
/* 60-degree folded corner */
.sharp-fold {
  position: relative;
  background: linear-gradient(-150deg, transparent 1.5em, rgb(222 236 255 / 45%) 0);
  border-radius: .5em;
}
.sharp-fold::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(to left bottom, transparent 50%, rgb(254 200 6) 0, rgb(253 106 0)) no-repeat 100% 0;
  width: 1.73em;
  height: 3em;
  transform: translateY(-1.3em) rotate(-30deg);
  transform-origin: bottom right;
  border-bottom-left-radius: inherit;
  box-shadow: -.2em .2em .3em -.1em rgba(0,0,0,.15);
}

.sharp-fold-s{
  position: relative;
  background-image: linear-gradient(to right, #ffdc57 , #ffa463, #ff5957);
  border-radius: .5em;
}
.sharp-fold-s::before 
{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(to left bottom, transparent 50%, rgb(254 200 6) 0, rgb(253 106 0)) no-repeat 100% 0;
  width: 1.73em;
  height: 3em;
  transform: translateY(-1.3em) rotate(-30deg);
  transform-origin: bottom right;
  border-bottom-left-radius: inherit;
  box-shadow: -.2em .2em .3em -.1em rgba(0,0,0,.15);
}
.bg-creamy{
  position: relative;
  background-image: linear-gradient(to right, #fffdd0  , #fffdd0 , #fffdd0 );
  border-radius: .5em;
}
.bg-creamy::before 
{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(to left bottom, transparent 50%, rgb(254 200 6) 0, rgb(253 106 0)) no-repeat 100% 0;
  width: 1.73em;
  height: 3em;
  transform: translateY(-1.3em) rotate(-30deg);
  transform-origin: bottom right;
  border-bottom-left-radius: inherit;
  box-shadow: -.2em .2em .3em -.1em rgba(0,0,0,.15);
}

/*******************  For Career Section  ****************/
.form-floating>label {
    padding: 1rem 1rem;
}
.form-control-lg:focus, .form-control:focus {
    color: #212529;
    background-color: #fff6d4;
    border-color: #fff6d4;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(255 236 166);
}
.form-control-lg {
    min-height: calc(1.5em + (1rem + 2px));
    padding: 1rem 1rem;
    font-size: 12px;
    border-radius: 0.3rem;
}
/*
[data-aos=fade-up] {
    transform: translate3d(0,20px,0);
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s ;
}
*[data-aos="fade-up"], *[data-aos="flip-up"] {
    offset-distance: 50px !important;
}*/


@media screen and (min-width: 768px) and (max-width: 1100px)
{ 
	
}


@media screen and (max-width: 520px)
{ 
	.navbar-collapse{background-color:#fff;}
	.fixed-top-own {margin-top:0px;}
	.navbar-light .navbar-toggler {color: rgb(0 0 0 / 0%);border-color: rgb(0 0 0 / 0%);width: 10%;}
	.navbar-expand-md .navbar-nav .nav-link{font-size:14px;}
	.dropdown-menu {
		box-shadow: 0 0rem 0rem rgba(0,0,0,0)!important;
	}
	.navbar .navbar-brand .w-auto{
		width:50% !important;
	}
	.container.py-5{
		padding:15px !important;
	}
	#counter .col-md-3, #counter .col-md-9
	{
		text-align:center;
	}
	.justify-content-end {
		justify-content: center !important;
	}
	.dm-text
	{
		text-align:center;
	}
}