.business-section{
	background-image: url('../img/business/banner.png');
	/* background-size: cover; */
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: 80px;
	padding-top: 280px;
    padding-bottom: 190px;
    color: #242223;
}
.for-business-top-img{
	text-align: center;
}
.for-business-top-img img{
    width: 70%;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
}

/*******************FOR BUSINESS SLIDER SECTION*****************/
.business-slide{
	width: 75%;
	margin: auto;
	display: block;
}
.business-slide .item{
	/*width: 75%;*/
	border-top-right-radius: 35px;
	border-bottom-right-radius: 35px;
	overflow: hidden;
	display: block;
	margin: auto;
}
.business-slide .item img{
	width: 100%;
	border-top-right-radius: 35px;
	border-bottom-right-radius: 35px;
	margin: auto;
	display: block;
	overflow: hidden;

}
.buss-slider-content{
	margin-top: -25px;
}
.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.business-slide .owl-nav button.owl-prev {
  left: 0;
  display: none;
}
.business-slide .owl-nav button.owl-next {
  right: 0;
  display: none;
}

.owl-dots {
  text-align: left;
  padding-top: 5px;
}
.owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background: #b9b9b9;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: #f8991f;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}


/*****************PROFESSIONAL DEVELOPMENT START **************/

.business-professional{
	background-image: url('../img/business/banner-02.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 80px 80px;
	margin-top: 20px;
}


/***************BENEFITS SECTION START**********/

ul.buss-benefits-ul li{
	list-style: none;
	font-family: proxima-semibold;
	color: #fff;
}
/*ul.buss-benefits-ul li img{
	width: 1.7%;
}*/
.buss-benefits-img{
	width: 2%;
	margin-right: 5px;
}
.buss-benefits-content{
	width: 98%;
}
.buss-benefits-img img{
	width: 85%;
}

/********************BUTTOM SLIDER SECTION START*******************/

.business-owl-item {
  	align-items: center;
  	/*display: flex;*/
  	justify-content: center;
  	color: #dcdcdc;
  	text-transform: uppercase;
  	min-height: 80px;
}
.business-owl-item h4{
	font-size: 14px;
	text-align: center;
}
.business-owl-item p{
	font-size: 14px;
	text-align: center;
}
.owl-item.active.center .business-owl-item h4{
	font-size: 21px;
}
.owl-item.active.center .business-owl-item p{
	color: #dcdcdc;
	font-family: proxima-semibold;
}
.owl-item.active.center .business-owl-item{
	color: #f8991f;
	font-size: 14px;
}
.course-owl-item {
	padding-bottom: 15px;
}


/*************************TESTIMONIAL SLIDER START********************/

.business-testimonial{
	background-color: #f2f2f2;
	padding-top: 40px;
	margin-top: 20px;
}



@media (min-width:768px) and (max-width:991px){
	.business-section{
		margin-top: 67px;
		padding-top: 90px;
    	padding-bottom: 90px;
	}
	.business-section h3{
		font-size: 22px;
	}
}

@media only screen and (max-width:767px){
	.buss-slider-content{
		margin-top: 15px;
	}
}

@media only screen and (max-width:480px){
	.business-section{
		margin-top: 67px;
		padding-top: 50px;
    	padding-bottom: 50px;
	}
	.business-section h3{
		font-size: 18px;
	}
	.business-slide{
		margin-bottom: 40px;
	}
	.buss-benefits-ul{
		padding-left: 0;
	}
	.business-professional{
		padding: 80px 0px;
	}
	.buss-benefits-img img{
		width: 85%;
	}
	.buss-benefits-img{
		width: 7%;
	}
	.buss-benefits-content{
		width: 90%;
	}
	

}



/****************ASSOCIATION business START*****************/

.business-works{
	/* background-image: url('../img/association/wave.png'); */
	/* background-size: 100% 100%; */
	/* background-position: center center; */
	/* background-repeat: no-repeat; */
	margin-top: 50px;
}
.business-works .col-md-2.col-lg-2{
	position: relative;
	padding-bottom: 150px;
}
.business-works p{
	white-space: nowrap;
}
.business-span-active{
	position: relative;
}
.business-span-active:before{
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	background-color: #f8991f;
	border-radius: 50%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/****************** business ICON FIRST *************/

.business-icon-1{
	position: absolute;
	/* left: 25%;
    top: 13%; */
	left: 0%;
    top: 5%;
    cursor: pointer;
}
.business-icon-1 img{
	/* width: 90%; */
	display: block;
	margin:auto;
	text-align: center;
}
.business-span-round-1{
	display: block;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
    border-radius: 50%;
    position: absolute;
    left: 35%;
}


/****************** business ICON SECOND *************/

.business-icon-2{
	position: absolute;
	/* left: 35%;
    top: -15px; */
	left: 15%;
    top: -30px;
    cursor: pointer;
}
.business-icon-2 img{
	/* width: 75%; */
	display: block;
	margin:auto;
	text-align: center;
}
.business-span-round-2{
	display: block;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
    border-radius: 50%;
    /* position: absolute;
    left: 7%; */
}

/****************** business ICON THIRD *************/

.business-icon-3{
	position: absolute;
	/* left: 35%;
    top: -92px; */
	left: 30%;
    top: -95px;
    cursor: pointer;
}
.business-icon-3 img{
	/* width: 50%; */
	display: block;
	margin:auto;
	text-align: center;
}
.business-span-round-3{
	display: block;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
    border-radius: 50%;
    position: absolute;
    left: 35%;
}

/****************** business ICON FOURTH *************/

.business-icon-4{
	position: absolute;
	/* left: 45%;
    top: 1px; */
	left: 25%;
    top: -5px;
    cursor: pointer;
}
.business-icon-4 img{
	/* width: 65%; */
	display: block;
	margin:auto;
	text-align: center;
}
.business-span-round-4{
	display: block;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
    border-radius: 50%;
    position: absolute;
    left: 45%;
}

/****************** business ICON FIVE *************/

.business-icon-5{
	position: absolute;
	/* left: 50%;
    top: 13px; */
    left: 45%;
    top: 0px;
	cursor: pointer;
}
.business-icon-5 img{
	/* width: 65%; */
	display: block;
	margin:auto;
	text-align: center;
}
.business-span-round-5{
	display: block;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
    border-radius: 50%;
    position: absolute;
    left: 40%;
}

/****************** business ICON SIX *************/

.business-icon-6{
	position: absolute;
	/* left: 48%;
    top: -64px; */
	left: 40%;
    top: -85px;
    cursor: pointer;
}
.business-icon-6 img{
	/* width: 75%; */
	display: block;
	margin:auto;
	text-align: center;
}
.business-span-round-6{
	display: block;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
    border-radius: 50%;
    position: absolute;
    /* left: 27%; */
    left: 40%;
}

.business-text-box{
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
    padding: 25px 20px 30px 40px;
    border-radius: 10px;
    position: relative;
}
.business-text-box:before{
	content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: white;
    top: -12px;
    left: -10px;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
}
.business-text-box:after{
	content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #f8991f;
    top: 0px;
    left: 3px;
    border-radius: 50%;
}

/*********************HOW IT business MOBILE SECTION START**********************/

.association-mobile-box{
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
    padding: 10px 15px;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 20px;
}
.association-mobile-box img{
	margin-bottom: 5px;
	width: 15%;
}

/********************SLIDER SECTION START*******************/

.business-owl-item {
  	align-items: center;
  	display: flex;
  	justify-content: center;
  	color: #dcdcdc;
  	text-transform: uppercase;
  	min-height: 80px;
}
.business-owl-item h4{
	font-size: 14px;
	text-align: center;
}
.owl-item.active.center .business-owl-item h4{
	font-size: 22px;
}
.owl-item.active.center .business-owl-item{
	color: #f8991f;
	font-size: 22px;
}
.course-owl-item {
	padding-bottom: 15px;
}
.business-span{
	margin: 0 auto !important;
}

/********************NEW CSS SECTION START*******************/

.contact-text {
	font-family: 'proxima-semibold';
}

.submit-btn {
	text-align: center;
	background: #ffffff;
	text-decoration: none;
	vertical-align: baseline;
	display: inline-block;
	color: #f8991f;
	outline: none !important;
	border: none;
	font-weight: 600;
	transition: all .1s;
	cursor: pointer;
	width: 100%;
	margin: 0;
	height: 2.8em;
	padding: 0 0.75em;
	border-radius: 0.3rem;
	border: 1px solid #f8991f;
	font-family: 'proxima-semibold';

}

.submit-btn:hover {
	background: #ffffff;
	color: #f8991f;
	transition: all .3s;
	cursor: pointer;
	border: 1px solid #f8991f;
}

input[type="text"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="date"],
input[type="time"],
textarea,
select {
	/* background: rgba(48, 48, 48, 0.05); */
	background: inherit;
	color: white;
	border: none;
	margin: 0;
	height: 2.8em;
	padding: 0 0.75em;
	display: block;
	outline: none !important;
	width: 100%;
	transition: all .2s;
	border-radius: 0.3rem;
	/* font-family: proxima-semibold; */
	font-family: 'proxima-semibold';
	font-weight: 300;
	border: 1.5px solid white;
	transition: all .3s;

}
input::placeholder{
	color: white;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

input[type="text"]:hover,
input[type="search"]:hover,
input[type="password"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="date"]:hover,
input[type="time"]:hover,
textarea:hover,
select:hover,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
textarea:focus,
select:focus {
	border: 1.5px solid #ffffff;
}
textarea:focus, input:focus {
color: #ffffff;
}
textarea:focus, input:active {
color: #ffffff;
}

.business-works ul{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
row-gap: 2rem;
list-style: none;
}
.business-works .card {
transition: var(--accent-color) .25s ease-in-out;
display: flex;
flex-direction: column;
max-width: 15rem;
--iconS: 6rem;
--iconOffsetX: calc(var(--iconS) / 4);
--iconOffsetY: calc(var(--iconS) / 2.5);
margin-top: var(--iconOffsetY);
margin-inline: var(--iconOffsetX);
border-radius: 1rem;
font-family: 'Roboto', sans-serif;
color: #333;
background-color: #fff;
--shadowSurface: 0.2rem 0.2rem 0.2rem rgb(0 0 0 / .25);
--bgGradient: radial-gradient(circle at bottom right, transparent, rgb(0 0 0 / .1));
background-image:
radial-gradient( circle at 
	calc(var(--iconOffsetX) * -1 + var(--iconS) / 2) 
	calc(var(--iconOffsetY) * -1 + var(--iconS) / 2), 
  rgb(0 0 0 / .4) calc(var(--iconS) / 2), 
  transparent calc(var(--iconS) / 1.6)
),
radial-gradient( circle at 
	calc(var(--iconOffsetX) * -1 + var(--iconS) / 2)
	calc(var(--iconOffsetY) * -1 + var(--iconS) / 2),
  var(--accent-color) calc(var(--iconS) / 1.4),
  transparent calc(var(--iconS) / 1.4 + 1px)
),
var(--bgGradient);
--shadowInsetLight: inset 0.125rem 0.125rem 0.125rem rgb(255 255 255 / .5);
--shadowInsetDark: inset -0.067rem -0.067rem 0.067rem rgb(0 0 0 / .5);
box-shadow: 
var(--shadowInsetLight),
var(--shadowInsetDark),
var(--shadowSurface)   
}
.business-works .card:hover {
cursor: pointer;
--accent-color: #EC9E38 !important;
}
.business-works .card img{
	transform: scale(1);
	transition: transform .5s ease;

}
.business-works .card:hover img{
transform: scale(1.05);
	}
.business-works .card .icon {
width: var(--iconS);
aspect-ratio: 1;
margin-top: calc(var(--iconOffsetY) * -1);
margin-left: calc(var(--iconOffsetX) * -1);
margin-bottom: calc(var(--iconS) / 4);
display: grid;
place-items: center;
color: var(--accent-color);
font-size: calc(var(--iconS) / 3);
background-color: inherit;
border-radius: 50%;
box-shadow:
var(--shadowInsetLight),
var(--shadowInsetDark);
background-image: var(--bgGradient);
}
.business-works .card .title{
font-size: 1rem;
font-weight: 700;
color: var(--accent-color);
text-align: center;
text-transform: uppercase
}
.business-works .card .content{
font-family:proxima-semibold;
padding: 1rem;
padding-bottom: 2rem;
font-size: 0.9em;
text-align: left;
}
.alert-box-after-msg{
	width: 70% !important;
	position: fixed;
	z-index: 99;
    top: 105px;
	right: 0;
	left: 0;
	margin: 0 auto;
	/* cursor: pointer; */
	transition: 0.3s;
}