/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/*
yellow:#fcd450;

dark blue:#1e2f8b;

light blue:#344bbf;
*/

.bg-blue{
	background: #1e2f8b;
}

.heading-block > span.spantwo{
	text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
    color: #db6b1b;
}

.righttriangle {
    width: 0;
    height: 0;
    border-top: 80px solid #fcd450;
    border-right: 80px solid transparent;
    float: left;
}

.fbox-yel{
	color: #fcd450 !important;
}

.curvedblue{
	background-color: #1e2f8b;
	border-top-left-radius: 150px;
}

.curvedblue .heading-block h2,
.curvedblue .heading-block span{
	color: #fff;
}

.curvedwhite{
	background-color: #fff;
	border-bottom-right-radius: 150px;
}

.curvedbg-blue{
	background: #1e2f8b;
	background: linear-gradient(#fff 50%, #1e2f8b 50%) no-repeat;
}

#Whychoose .heading-block{
	padding: 2rem;
}

#Whychoose .curvedwhite img{
	float: left;
}

.content-wrap{
	padding-bottom: unset;
}


#services .flip-card-front{
	background-size: cover;
    background-repeat: no-repeat;
    height: 141px;
    width: 162px;
}

#services .flip-card-front,
#services .flip-card-back{
	height: 141px;
    border-radius: 0px;
}

#services .heading-block h2,
#services .heading-block span{
	color: #fff !important;
	text-align: left;
}

#services .heading-block h2{
	font-size: 35px;
}

#services{
	padding-top: 5rem;
	padding-bottom: 5rem;
}

#services .flip-card-back{
	background-color: #fcd450 !important;
}

#services .flip-card-inner p{
	color: #1e2f8b;
}

#services .flip-card-inner{
	padding: 1rem;
}

.float-unset{
	float: unset;
}

#footer .heading-block h2 {
    font-size: 35px;
}

#footer .heading-block {
   margin-bottom: 2px;
}

.copyrights p{
	font-size: 12px;
}

#products .clients-grid .grid-item a {
    opacity: 1;
}

#products .clients-grid .grid-item a:hover {
    opacity: .6;
}

#clients .clients-grid .grid-item a {
    opacity: 1;
}

#clients .clients-grid .grid-item a:hover {
    opacity: .6;
}

/*-------------------*/


@media (max-width: 991.98px){
	#slider {
		height: 25vh !important;
	}
	.righttriangle{
		float: unset !important;
	}
	#Whychoose .curvedwhite img{
	float: unset !important;
	}
	.heading-block {
    margin-bottom: 0px;
}
}

/*----------------------*/

#brands .portfolio, .portfolio-item {
    border: 1px solid #ccc;
}

address {
    margin-bottom: 6px;
}