/*banner start*/
.banner{

	background-image: url(../img/Home.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 550px;
	overflow: hidden;
	width: 100%;
}
.overly{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 550px;
	background-color: #021843;
	opacity: 80%;
}
.b_text h1{
	font-size: 48px;
    font-weight: 900;
    color: var(--nameColor);
	text-transform: uppercase !important;
	font-family: 'BodoniFLF-Bold';
}
.b_text p{
	    color: var(--whiteColor);
    font-size: 20px;
    font-weight: 700;
	text-transform: uppercase;
	font-family: 'BodoniFLF-Bold';
}
.common-block-card .card p, .makeup-block p{
	text-align: left !important;
}
.round{
    position: absolute;
    bottom: -70px;
    right: 53px;
    height: 350px;
    z-index: -1;
/*    margin-left: -56px;*/
}
.round1{
    position: absolute;
    bottom: -70px;
    height: 350px;
    z-index: -1;
/*    margin-left: -56px;*/
}
.video{
/*	position: absolute;*/
	z-index: 2;
}
.art{
	z-index: -1;
	position: absolute;
	height: 350px;
	top: 0;
	right: 0;
}
/*banner end*/

/*success start*/
.success{}
.success h4{
	font-size: 30px;
    color: var(--contentColor);
    font-weight: 800;
    text-align: center;
}
.s_success{
	height: 230px;
	text-align: center;
}
.s_success h2{
	font-size: 60px;
    color: var(--contentColor);
    font-weight: 800;
    text-shadow: 5px 5px 6px #525252;
}
.s_success p{
	font-size: 20px;
    color: var(--contentColor);
    font-weight: 500;
}
.borde{
	border-left: 4px solid var(--contentColor);
	border-right: 4px solid var(--contentColor);
}
/*success end*/
/*management start*/
.management{
	
}
.m_row1 h1{
	padding: 10px 0px;
    font-size: 40px;
    color: #011329;
    font-weight: 800;
    text-align: center;

}
.managemen{
	background-color: #f2f2f2;
	font-size: 20px;
    color: var(--contentColor);
    font-weight: 500;
    text-align: center;
}
/*management end*/
/*service start*/
.service{}
.s_text{
	text-align: center;
}
.s_text h1{
	padding: 10px 0px;
    font-size: 40px;
    color: #011329;
    font-weight: 800;
    text-align: center;
}
.s_text p{
	font-size: 18px;
    color: var(--contentColor);
    font-weight: 500;
    text-align: center;
}
.s_item{
 height: 200px;
 border-bottom: 9px solid #f2d19c;
 box-shadow: 0px 0px 9px -2px rgba(189, 189, 189, 0.5);
 transition: all 0.3s ease;
}
.s_item:hover{
	transform: scale(1.07);
}
.s_item img{
	height: 90px;
}
.s_item h6{
	font-size: 22px;
    color: #011329;
    font-weight: 800;
}
/*service end*/

/*card start	*/
.projcard-container {
	margin: 50px 0;
}

.projcard-container,
.projcard-container * {
	box-sizing: border-box;
}
.projcard-container {
	margin-left: auto;
	margin-right: auto;
}
.projcard {
	position: relative;
	height: 300px;
	margin-bottom: 40px;
	border-radius: 10px;
	background-color: #fff;
	border: 1px solid #f7f7f7;
	font-size: 18px;
	overflow: hidden;
	cursor: pointer;
	box-shadow: 0 4px 21px -12px rgba(0, 0, 0, .66);
	transition: all 0.3s ease;
}
.projcard:hover {
	box-shadow: 0 34px 32px -33px rgba(0, 0, 0, .18);
	transform: translate(0px, -3px);
}
.projcard::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(-70deg, #424242, transparent 50%);
	opacity: 0.07;
}
.projcard:nth-child(2n)::before {
	background-image: linear-gradient(-250deg, #424242, transparent 50%);
}
.projcard-innerbox {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.projcard-img {
	position: absolute;
	height: 300px;
	width: 400px;
	top: 0;
	left: 0;
	transition: transform 0.2s ease;
}
.projcard:nth-child(2n) .projcard-img {
	left: initial;
	right: 0;
}
.projcard:hover .projcard-img {
	transform: scale(1.05) rotate(1deg);
}
.projcard:hover .projcard-bar {
	width: 70px;
}
.projcard-textbox {
	position: absolute;
	top: 7%;
	bottom: 7%;
	left: 430px;
	width: calc(100% - 470px);
}
.projcard:nth-child(2n) .projcard-textbox {
	left: initial;
	right: 440px;
}
.projcard-textbox::before,
.projcard-textbox::after {
	content: "";
	position: absolute;
	display: block;
	background: #ff0000bb;
	background: #fff;
	top: -20%;
	left: -55px;
	height: 140%;
	width: 60px;
	transform: rotate(8deg);
}
.projcard:nth-child(2n) .projcard-textbox::before {
	display: none;
}
.projcard-textbox::after {
	display: none;
	left: initial;
	right: -60px;
}
.projcard:nth-child(2n) .projcard-textbox::after {
	display: block;
}
.projcard-textbox * {
	position: relative;
}
.projcard-title {
	font-size: 30px;
    color: var(--contentColor);
    font-weight: 800;
}
.projcard-bar {
	left: -2px;
	width: 50px;
	height: 5px;
	margin: 10px 0;
	border-radius: 5px;
	background-color: #424242;
	transition: width 0.2s ease;
}
.projcard-blue .projcard-bar { background-color: #0088FF; }
.projcard-blue::before { background-image: linear-gradient(-70deg, #0088FF, transparent 50%); }
.projcard-blue:nth-child(2n)::before { background-image: linear-gradient(-250deg, #0088FF, transparent 50%); }
.projcard-red .projcard-bar { background-color: #D62F1F; }
.projcard-red::before { background-image: linear-gradient(-70deg, #D62F1F, transparent 50%); }
.projcard-red:nth-child(2n)::before { background-image: linear-gradient(-250deg, #D62F1F, transparent 50%); }
.projcard-green .projcard-bar { background-color: #40BD00; }
.projcard-green::before { background-image: linear-gradient(-70deg, #40BD00, transparent 50%); }
.projcard-green:nth-child(2n)::before { background-image: linear-gradient(-250deg, #40BD00, transparent 50%); }
.projcard-yellow .projcard-bar { background-color: #F5AF41; }
.projcard-yellow::before { background-image: linear-gradient(-70deg, #F5AF41, transparent 50%); }
.projcard-yellow:nth-child(2n)::before { background-image: linear-gradient(-250deg, #F5AF41, transparent 50%); }
.projcard-orange .projcard-bar { background-color: #FF5722; }
.projcard-orange::before { background-image: linear-gradient(-70deg, #FF5722, transparent 50%); }
.projcard-orange:nth-child(2n)::before { background-image: linear-gradient(-250deg, #FF5722, transparent 50%); }
.projcard-brown .projcard-bar { background-color: #C49863; }
.projcard-brown::before { background-image: linear-gradient(-70deg, #C49863, transparent 50%); }
.projcard-brown:nth-child(2n)::before { background-image: linear-gradient(-250deg, #C49863, transparent 50%); }
.projcard-grey .projcard-bar { background-color: #424242; }
.projcard-grey::before { background-image: linear-gradient(-70deg, #424242, transparent 50%); }
.projcard-grey:nth-child(2n)::before { background-image: linear-gradient(-250deg, #424242, transparent 50%); }
.projcard-customcolor .projcard-bar { background-color: var(--projcard-color); }
.projcard-customcolor::before { background-image: linear-gradient(-70deg, var(--projcard-color), transparent 50%); }
.projcard-customcolor:nth-child(2n)::before { background-image: linear-gradient(-250deg, var(--projcard-color), transparent 50%); }
.projcard-description {
	z-index: 10;
	
    font-size: 22px;
    font-weight: 300;
    line-height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.projcard-tagbox {
	position: absolute;
	bottom: 3%;
	font-size: 14px;
	cursor: default;
	user-select: none;
	pointer-events: none;
}
.projcard-tag {
	display: inline-block;
	background: #E0E0E0;
	color: #777;
	border-radius: 3px 0 0 3px;
	line-height: 26px;
	padding: 0 10px 0 23px;
	position: relative;
	margin-right: 20px;
	cursor: default;
	user-select: none;
	transition: color 0.2s;
}
.projcard-tag::before {
	content: '';
	position: absolute;
	background: #fff;
	border-radius: 10px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
	height: 6px;
	left: 10px;
	width: 6px;
	top: 10px;
}
.projcard-tag::after {
	content: '';
	position: absolute;
	border-bottom: 13px solid transparent;
	border-left: 10px solid #E0E0E0;
	border-top: 13px solid transparent;
	right: -10px;
	top: 0;
}
/*card end	*/
/*lead start*/
.lead{
	padding: 40px;
	background-color: #f2f2f2;
}
.lead h2{
	font-size: 29px;
    color: #cb9c22;
    font-weight: 800;
    text-align: center;
}
.lead p{
    font-size: 20px;
    color: var(--contentColor);
    font-weight: 500;
    text-align: center;
}
/*lead end*/
/*media start*/
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.round,.round1{
		display: none;
	}
	.banner{
		padding-bottom: 0;
	}
	.banner h1 {
        padding-top: 0px;
    }
    .b_video{
    	display: none;
    }
    .p_video{
    	padding-top: 20px;
    }
    .b_text h1{
    	font-size: 30px !important;
    }
	.s_success h2 {
    	font-size: 35px;
	}
	.s_success p {
    	font-size: 16px;
	}
	.s_success{
		height: 140px;
	}
	.borde{
		border: none;
	}
	.m_row1 h1 {
    	font-size: 30px;
	}
	.projcard-img{
		display: none;
	}
		/*	card start*/
	.projcard-img {
	    width: 215px;
	}
	.projcard-textbox {
		display: flex;
		justify-content: center;
		flex-direction: column;
    	left: 0px;
	}
	.projcard-title {
	    font-size: 25px;
	}
	.projcard:nth-child(2n) .projcard-textbox {
	    right: 0px;
	}
	.projcard-textbox {
		width: calc(100% - 0px);
	}

	.projcard-textbox::after {
	    right: -21px;
	}
	.projcard-description {
	    font-size: 22px;
	    line-height: 30px;
	}
	.smtext{
		font-size: 22px;
	}
	.projcard-textbox::before, .projcard-textbox::after {
	    display: none;
	}
	.projcard-innerbox {
	    left: 20px;
	    right: 20px;
	    top: -15px;
	}
	.lead h2 {
	    font-size: 23px;
	}
	.lead p {
    font-size: 18px;}

    .overly ,.banner{
    	height: auto;
	}
	.b_text h1 {
    	font-size: 35px;
	}
	.b_text p {
	    font-size: 18px;
	}
	.round {
		display: none;
	}
	.art{
   left: 0;
	}
	.uniq_margin1{
		margin: 48px 0px;
	}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	.round,.round1{
		display: none;
	}
	.banner{
		padding-bottom: 0;
	}
	.banner h1 {
        padding-top: 0px;
    }
    .b_video{
    	display: none;
    }
	.s_success h2 {
    	font-size: 35px;
	}
	.s_success p {
    	font-size: 16px;
	}
	.s_success{
		height: 200px;
	}
	.m_row1 h1 {
    	font-size: 30px;
	}
	.s_item h6 {
    	font-size: 20px;
	}
	.s_item img {
    	height: 80px;
	}
	/*	card start*/
	.projcard-img {
	    width: 215px;
	}
	.projcard-textbox {
    	left: 248px;
	}
	.projcard-title {
	    font-size: 25px;
	}
	.projcard:nth-child(2n) .projcard-textbox {
	    right: 215px;
	}
	.projcard-textbox {
		width: calc(100% - 240px);
	}
	.projcard-textbox::after {
	    right: -21px;
	}
	.projcard-description {
	    font-size: 22px;
	    line-height: 30px;
	}
	.smtext{
		font-size: 22px;
	}
	.lead h2 {
	    font-size: 23px;
	}
	.lead p {
    font-size: 18px;}
    .banner{
    	height: auto;
    }
    .overly {
    	height: auto;
		padding-top: 40px;
        padding-bottom: 0px;
	}
	.b_video video {
		transform: none !important;
		width: auto !important;
		height: 270px !important;
		display: block ;
		opacity: 1;
		object-fit: fill;
	}
    .b_text h1 {
    	
	}
    .b_text p {
    	
	}
	.round {
    	height: 100px;
    	right: 260px;
		display: none;
	}
	.art {
    	display: none;
	}
	.uniq_margin{
		margin-top: 48px;
	}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	.uniq_margin{
		margin-top: 48px;
	}
	.round,.round1{
		display: none;
	}
	.banner h1 {
		text-align: left;
	}
	.p_video{
		display: none;
	}
	.s_success h2 {
    	font-size: 40px;
	}
	.s_success p {
    	font-size: 18px;
	}
	.s_success{
		height: 180px;
	}
	.m_row1 h1 {
    	font-size: 35px;
	}
/*	card start*/
	.projcard-img {
	    width: 290px;
	}
	.projcard-textbox {
    	left: 324px;
	}
	.projcard-title {
	    font-size: 25px;
	}
	.projcard:nth-child(2n) .projcard-textbox {
	    right: 290px;
	}
	.projcard-textbox {
		width: calc(100% - 338px);
	}
	.projcard-textbox::after {
	    right: -21px;
	}
	.projcard-description {
	    font-size: 22px;
	}
	.round {
	    height: 300px;
	    
	}
	.art {
		
		height: 250px;
	}
	.b_text h1 {
    	font-size: 48px;
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	.p_video{
		display: none;
	}
}

/*Extra Large devices (desktops, 992px and up)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
	.round {
    	right: 61px;
	}
	.p_video{
		display: none;
	}
}

/*Extra Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1400px) {
	.round {
    	right: 12%;
	}
	.p_video{
		display: none;
	}
}