@charset "utf-8";
/* CSS Document */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
* {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: border-box;
}
.container {
	max-width: 1270px;
	width: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: 'Inter';
	font-style: normal
}
.navbar {
	border-bottom: 1px solid #555d6c;
	padding: 0;
}
.email {
	border-left: 1px solid #555d6c;
	height: 90px;
	padding-top: 37px;
	padding-left: 40px;
	margin-right: 24px;
}
.email span {
	padding-right: 10px;
}
.email .nav-link {
	color: #fff;
	font: 15px 'Inter';
}
strong{ color:#000000;}
.very-best {
	float: left;
}
.very-best h2 {
	color: #fff;
	font: 600 54px/60px 'Inter';
	padding-top: 90px;
}
.very-best span {
	color: #7bb542;
}
.best-future {
	float: right;
}
.best-future h2 {
	color: #fff;
	font: 600 54px/60px 'Inter';
	padding-top: 90px;
	text-align: right;
}
.best-future span {
	color: #7bb542;
}
.navbar-nav .current-menu-item a, .navbar-nav .nav-link.show {
	color: #fff;
}
.dropdown-menu .active a {
	color: #000;
}
.dropdown-menu .active .dropdown-item {
	color: #000;
}
.navbar-nav .active .nav-link {
	color: #fff !important;
}
#navbarSupportedContent ul li ul li a {
    color: #000 ;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 36px;
	padding-left: 20px;
	color: #bec2c7;
	opacity: 1;
	transition: all 0.3s ease 0s;
	padding-bottom: 30px;
	padding-top: 30px;
}
.nav-link:focus, .nav-link:hover {
	color: #fff !important;
}
.nav-link {
	display: block;
	padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
	font-size: 15px;
	font-family: 'Inter';
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	background: 0 0;
	border: 0;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.header-top {
	padding-top: 80px;
}
.Discover {
	text-align: center;
	position: relative;
	top: 65px;
}
.Discover a {
	color: #fff;
	font: 500 16px 'Suisse Intl';
	padding: 20px 35px;
	background: #7bb542;
	border: 1px solid #7bb542;
	text-decoration: none;
	opacity: 1;
	transition: all 0.3s ease 0s;
}
.Discover a span {
	padding-left: 10px;
}
.Discover a:hover {
	border: 1px solid #7bb542;
	color: #7bb542;
	background-color: transparent;
}
.Discover::before {
	content: "";
	position: absolute;
	background: url(../images/left-line.png) no-repeat;
	width: 225px;
	height: 55px;
	left: 21%;
	top: -38px;
}
.Discover::after {
	content: "";
	position: absolute;
	background: url(../images/right-line.png) no-repeat;
	width: 225px;
	height: 55px;
	right: 21%;
	top: -40px;
}
/************business-thrive css start******************************************/
.business-thrive {
	float: left;
	width: 100%;
	padding: 100px 0;
}
.will-make {
	float: left;
}
.will-make h2 {
	color: #203457;
	font: 48px 'Inter';
	margin-bottom: 30px;
	padding-top: 40px;
}
.will-make p {
	color: #777777;
	font: 300 17px 'Inter';
	margin-bottom: 25px;
	max-width: 469px;
	border-left: 1px solid #7bb542;
	padding-left: 15px;
	margin-left: 5px;
}
.will-make h4 {
	color: #1b2d4d;
	font: 18px 'Inter';
	margin-bottom: 20px;
}
.will-make ul {
	margin: 0 0 50px 0;
	padding: 0 0 0 15px;
}
.will-make ul li {
	color: #666666;
	font: 300 16px 'Inter';
	margin-bottom: 10px;
	padding-left: 8px;
	list-style-image: url("../images/bulit-left.png")
}
.will-make a {
	color: #203457;
	font: 500 16px 'Inter';
	padding: 20px 35px;
	background: #fff;
	text-decoration: none;
	border: 1px solid #7bb542;
	opacity: 1;
	transition: all 0.3s ease 0s;
}
.will-make a:hover {
	background: #7bb542;
	color: #fff;
	border: 1px solid #7bb542;
}
.will-make a span {
	padding-left: 10px;
}
/*******************our-qualities css start************************************************/
.our-qualities {
	float: left;
	width: 100%;
	padding: 80px 0 40px;
	background: #f4f5f6;
}
.Capabilities {
	text-align: center;
}
.Capabilities h2 {
	color: #203457;
	font: 48px 'Inter';
	padding-bottom: 50px;
}
.driving-value {
	float: left;
	width: 540px;
	background: #FFFFFF;
	padding: 15px;
	margin-bottom: 50px;
}
.left-icon {
	float: left;
	width: 140px;
	height: 140px;
	background: #203457;
	text-align: center;
}
.left-icon .img-fluid {
	padding-top: 40px;
}
.driving-right {
	float: left;
	padding-left: 16px;
}
.driving-right span {
	float: left;
	color: #203457;
	font: 500 18px 'Inter';
	padding-top: 10px;
	padding-bottom: 15px;
	width: 100%;
}
.driving-right ul {
	padding: 0 0 0 12px;
	margin: 0;
}
.driving-right ul li {
	color: #666666;
	font: 300 15px 'Inter';
	padding-bottom: 12px;
}
.driving-right ul li {
	list-style-image: url("../images/bulit-left.png");
	padding-left: 5px;
}
/*******************next move css start************************************************/
.next-move {
	float: left;
	width: 100%;
	padding: 70px 0 100px;
	background: url(../images/img-2.png) no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
}
.explore {
	text-align: center;
}
.explore h2 {
	color: #ffffff;
	font: 48px 'Inter';
	padding-bottom: 30px;
}
.explore p {
	color: #fff;
	font: 300 17px/28px 'Inter';
	padding-bottom: 50px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
.explore a {
	color: #fefefe;
	font: 500 16px 'Inter';
	padding: 20px 35px;
	background: #7bb542;
	text-decoration: none;
	opacity: 1;
	transition: all 0.3s ease 0s;
}
.explore a:hover {
	border: 1px solid #7bb542;
	background-color: transparent;
	color: #7bb542;
}
.explore a span {
	padding-left: 10px;
}
/*******************transform css start************************************************/
.transform {
	float: left;
	width: 100%;
	padding: 100px 0 60px;
}
.your-company {
	text-align: center;
}
.your-company h2 {
	color: #203457;
	font: 48px 'Inter';
	padding-bottom: 50px;
}
.discover-growth {
	text-align: center;
}
.discover-growth h4 {
	color: #203457;
	font: 500 20px 'Inter';
	padding-bottom: 60px;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}
.circle-1 {
	width: 285px;
	height: 285px;
	border-radius: 50%;
	background: #eeeeee;
}
.circle-1 p {
	color: #203457;
	font: 18px 'Inter';
	padding-top: 115px;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}
.left-arrow {
	float: left;
	padding-top: 120px;
	padding-left: 30px;
}
.right-arrow {
	position: absolute;
	right: 45px;
	top: 60%;
}
.discover-growth-2 {
	text-align: center;
	position: relative;
}
.discover-growth-2 h4 {
	color: #203457;
	font: 500 20px 'Inter';
	padding-bottom: 60px;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}
.circle-2 {
	width: 285px;
	height: 285px;
	border-radius: 50%;
	background: #203457;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.circle-2 p {
	color: #fff;
	font: 18px 'Inter';
	padding-top: 105px;
	width: 210px;
	margin-left: auto;
	margin-right: auto;
}
.circle-3 {
	width: 285px;
	height: 285px;
	border-radius: 50%;
	background: #7bb542;
}
.circle-3 p {
	color: #203457;
	font: 18px 'Inter';
	padding-top: 105px;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}
.will-transform {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 100px;
}
/*******************news css start************************************************/
.news {
	float: left;
	width: 100%;
}
.Insights {
	text-align: center;
}
.Insights h2 {
	color: #203457;
	font: 48px 'Inter';
	padding-bottom: 60px;
}
.news-business {
	position: relative;
	text-align: center;
	opacity: 1;
	transition: all 0.3s ease 0s;
}
.news-business:hover {
	opacity: 0.8;
}
.business-growth {
	position: absolute;
	bottom: 0px;
	padding: 0 10px 20px 20px;
}
.business-growth small {
	color: #95d25a;
	font: 13px 'Inter';
	margin-bottom: 15px;
	float: left;
	width: 100%;
	letter-spacing: 2px;
	text-align: left;
}
.business-growth span {
	color: #ffffff;
	font: 500 20px 'Inter';
	text-align: left;
	float: left;
}
.padding-1 {
	padding: 0 5px;
}
.padding-1 a:hover.news-business .img-fluid {
	background: #000;
}
/*******************providing balance css start************************************************/
.providing-balance {
	float: left;
	width: 100%;
}
.providing .img-fluid {
	width: 100%;
}
.providing {
	float: left;
}
/*******************footer css start************************************************/
footer {
	float: left;
	width: 100%;
	background: #142034;
	padding: 100px 0;
	position: relative;
}
footer::after {
	content: "";
	position: absolute;
	background: url(../images/footer-bg.png) no-repeat;
	width: 181px;
	height: 401px;
	right: 0;
	top: 0;
}
.footer-menu {
	float: left;
	padding-left: 115px;
}
.footer-menu ul {
	margin: 0;
	padding: 0;
}
.footer-menu ul li {
	padding: 0;
	margin-bottom: 30px;
}
.footer-menu ul li a {
	color: #fff;
	font: 300 20px 'Inter';
	text-decoration: none;
	opacity: 1;
	transition: all 0.3s ease 0s;
}
.footer-menu ul li a:hover {
	color: #95d25a;
}
.our-team {
	float: left;
	padding-left: 85px;
}
.our-team h4 {
	color: #fff;
	font: 500 30px 'Inter';
	margin-bottom: 15px;
}
.our-team a {
	color: #fff;
	font: 300 16px 'Inter';
	border-bottom: 2px solid #74ae3b;
	text-decoration: none;
	opacity: 1;
	transition: all 0.3s ease 0s;
}
.team-2 {
	float: left;
	padding-left: 140px;
}
.mail {
	float: left;
	width: 100%;
	margin-top: 20px;
}
.our-team p {
	color: #aaaaaa;
	font: 300 16px/28px 'Inter';
	width: 255px;
}
.investment {
	float: left;
}
.investment small {
	color: #a0a2a7;
	font: 300 13px/24px 'Inter';
	padding-left: 100px;
}
.menu-footer {
	float: right;
}
.menu-footer ul {
	margin: 0;
	padding: 0;
	float: right;
	z-index: 2;
	position: relative;
}
.menu-footer ul li {
	padding: 0;
	display: inline-block;
}
.menu-footer ul li a {
	color: #a0a2a7;
	font: 300 13px/24px 'Inter';
	text-decoration: none;
	padding: 0 10px 0 5px;
	border-right: 1px solid #a0a2a7;
	opacity: 1;
	transition: all 0.3s ease 0s;
}
.menu-footer ul li a:hover {
	color: #74ae3b;
}
.menu-footer ul li:last-child a {
	border-right: none;
}
/****************02_Our Approach css start *******************************************/
.header-2 {
	float: left;
	width: 100%;
	background: url(../images/banner-2.jpg) no-repeat;
	background-size: cover;
	padding-bottom:210px;
}
.providing-stability {
	text-align: center;
	padding: 170px 11px 0;
}
.providing-stability h1 {
	color: #fff;
	font: 50px 'Inter';
}
/****************driving-future css start *******************************************/
.driving-future {
	text-align: center;
}
.driving-future h2 {
	color: #203457;
	font: 48px 'Inter';
	margin-bottom: 40px;
}

.driving-future h3 {
	color: #203457;
	font: 40px 'Inter';
	margin-bottom: 36px;
}

.driving-future h4 {
	color: #203457;
	font: 38px 'Inter';
	margin-bottom: 32px;
}
.driving-future  ul {
    margin: 0px;
    padding: 0px;
}
.driving-future ul li {
    color: #666666;
    font: 300 20px 'Inter';
    margin-bottom: 20px;
    padding-left: 8px;
    list-style-image: url("../images/bulit-left.png");
}
.driving-future p {
	color: #777777;
	font: 300 18px/24px 'Inter';
	margin-bottom: 25px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.our-approach {
	position: absolute;
	max-width: 388px;
	top: 29%;
	z-index: 1;
}
.our-approach p {
	color: #777777;
	font: 300 17px/24px 'Inter';
}
.circle-top {
	position: relative;
}
.circle-top-1 {
	position: absolute;
	top: 63%;
	left: 32%;
	text-align: center;
}
.circle-top-2 {
	position: absolute;
	top: 18%;
	left: 44%;
	text-align: center;
}
.circle-top-3 {
	position: absolute;
	top: 62%;
	left: 55%;
	text-align: center;
}
.circle-top-1 span {
	color: #1c3356;
	font: 500 50px 'Inter';
}
.circle-top-1 p {
	color: #1c3356;
	font: 300 18px 'Suisse Int\'l';
	max-width: 150px;
}
.circle-top-2 span {
	color: #1c3356;
	font: 500 50px 'Inter';
}
.circle-top-2 p {
	color: #1c3356;
	font: 300 18px 'Suisse Int\'l';
	max-width: 150px;
}
.circle-top-3 span {
	color: #1c3356;
	font: 500 50px 'Inter';
}
.circle-top-3 p {
	color: #1c3356;
	font: 300 18px 'Suisse Int\'l';
	max-width: 150px;
}
.implement {
	float: left;
}
.implement p {
	color: #777777;
	font: 300 17px/24px 'Inter';
}
.full-circle {
	position: relative;
}
.implement {
	position: absolute;
	right: 0;
	top: 30%;
	max-width: 365px;
}
.our-qualities-2 {
	float: left;
	width: 100%;
	padding: 100px 0;
	background: #f4f5f6;
}
/****************looking-for css start *******************************************/
.looking-for {
	float: left;
	width: 100%;
	background: #ffff;
	padding: 100px 0;
}
.seeking-to {
	text-align: center;
}
.seeking-to h2 {
	color: #203457;
	font: 48px 'Inter';
	margin-bottom: 40px;
}
.seeking-to p {
	color: #777777;
	font: 300 18px/24px 'Inter';
	margin-bottom: 40px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.turnover {
	float: left;
	margin-left: 33%;
}
.turnover ul {
	margin: 0 0 50px 0;
	padding: 0 0 0 12px;
}
.turnover ul li {
    color: #777777;
    font: 300 18px/24px 'Inter';
    margin-bottom: 10px;
    padding-left: 8px;
}
.turnover ul li {
	list-style-image: url("../images/bulit-left.png")
}
.turnover a {
	color: #203457;
	font: 500 16px 'Inter';
	padding: 20px 20px;
	background: #fff;
	text-decoration: none;
	border: 1px solid #7bb542;
	margin-left: 80px;
	opacity: 1;
	transition: all 0.3s ease 0s;
}
.turnover a:hover {
	border: 1px solid #7bb542;
	background: #7bb542;
	color: #fff;
}
.turnover a span {
	padding-left: 10px;
}
/****************03_Investment Criteria css start *******************************************/

.header-3 {
	float: left;
	width: 100%;
	background: url(../images/banner-3.jpg) no-repeat;
	background-size: cover;
	padding-bottom: 140px;
}
.providing-stability-2 {
	text-align: center;
	padding-top: 130px;
	padding-bottom: 20px;
}
.providing-stability-2 h1 {
	color: #fff;
	font: 50px 'Inter';
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
}
.Discover-3 {
	text-align: center;
	margin-top: 60px;
}
.Discover-3 a {
	color: #fff;
	font: 500 16px 'Suisse Intl';
	padding: 20px 35px;
	background: #7bb542;
	text-decoration: none;
	border: 1px solid #7bb542;
	opacity: 1;
	transition: all 0.3s ease 0s;
}
.Discover-3 a:hover {
	color: #7bb542;
	border: 1px solid #7bb542;
	background-color: transparent;
}
.Discover-3 a span {
	padding-left: 10px;
}
/****************about-your css start *******************************************/
.about-your {
	float: left;
	width: 100%;
	background: #ffff;
	padding: 100px 0 0;
}
.your-business {
	text-align: center;
}
.your-business h2 {
	color: #203457;
	font: 48px 'Inter';
	margin-bottom: 40px;
}
.million {
	float: left;
	background: url(../images/business-1.png) no-repeat;
	background-size: cover;
	padding: 90px 0 40px;
	margin-bottom: 100px;
}
.million ul {
	margin: 0 0 50px 0;
	padding: 0 70px;
}
.million ul li {
	color: #666666;
	font: 300 20px 'Inter';
	margin-bottom: 30px;
	padding-left: 8px;
	list-style-image: url("../images/bulit-left.png")
}
.unvavering {
	background: url(../images/business-2.png) no-repeat;
	background-size: cover;
	padding: 100px 0 100px;
	text-align: center;
}
.unvavering p {
	color: #777777;
	font: 300 18px/24px 'Inter';
	max-width: 754px;
	margin-left: auto;
	margin-right: auto;
}
.unvavering p:first-child {
	margin-bottom: 30px !important;
}
.unvavering:last-child p {
	margin-bottom: 70px;
}
.unvavering a {
	color: #203457;
	font: 500 16px 'Inter';
	padding: 20px 35px;
	text-decoration: none;
	border: 1px solid #7bb542;
	opacity: 1;
	transition: all 0.3s ease 0s;
}
.unvavering a:hover {
	border: 1px solid #7bb542;
	background: #7bb542;
	color: #fff;
}
.unvavering a span {
	padding-left: 10px;
}
/****************04_About css start*****************************************************/
.header-4 {
	float: left;
	width: 100%;
	background: url(../images/banner-4.jpg) no-repeat;
	background-size: 100% 100%;
}
.providing-stability-3 {
	text-align: center;
	padding-top: 185px;
	padding-bottom: 280px;
}
.providing-stability-3 h1 {
	color: #fff;
	font: 50px 'Inter';
	max-width: 675px;
	margin-left: auto;
	margin-right: auto;
}
.about-eig {
	float: left;
	width: 100%;
	padding: 130px 0 100px;
}
.eig-about {
	float: left;
	padding-left: 60px;
	padding-top: 70px;
}
.eig-about h2 {
	color: #203457;
	font: 48px 'Inter';
	margin-bottom: 40px;
}
.eig-about h2 a{
	color: #203457;
	text-decoration:none;
}
.eig-about p {
	color: #777777;
	font: 300 17px/24px 'Inter';
	margin-bottom: 25px;
	max-width: 460px;
}
.eig-team-about p {
    color: #777777;
    font: 300 17px/24px 'Inter';
    margin-bottom: 25px;
}
.eig-team-about h3 {
    color: #203457;
    padding-bottom: 30px;
}
.eig-team-about {
    margin: 0 auto;
    margin-bottom: 60px;
    text-align: center;
    max-width: 75%;
}
/****************safe-hands css start*****************************************************/
.safe-hands {
	float: left;
	width: 100%;
	padding: 100px 0;
}
.client-name {
	text-align: center;
}
.client-name span {
	color: #203457;
	font: 300 24px 'Suisse Int\'l';
	padding-bottom: 20px;
	padding-top: 30px;
	float: left;
	width: 100%;
}
.client-name p {
	color: #777777;
	font: 300 17px/24px 'Inter';
	max-width: 360px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.client-name .img-fluid {
	height: 260px;
	width: 260px;
	border-radius: 50%;
}
.news-2 {
	padding-top: 100px;
}
/****************05_Contact css start*****************************************************/
.header-5 {
	float: left;
	width: 100%;
	background: url(../images/banner-5.jpg) no-repeat;
	background-size: 100% 100%;
}
.providing-stability-4 {
	text-align: center;
	padding-top: 260px;
	padding-bottom: 280px;
}
.providing-stability h2{
	color: #fff;
	font: 50px 'Inter';
	max-width: 675px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
.get-touch {
	float: left;
	width: 100%;
	padding: 100px 0 0;
}
.Equilibrium {
	text-align: center;
}
.Equilibrium h2 {
	color: #203457;
	font: 48px 'Inter';
	padding-bottom: 50px;
}
.Equilibrium p {
	color: #777777;
	font: 300 17px/24px 'Inter';
	max-width: 848px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
.contact-form {
	margin-left: 15%;
}
.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bs-body-color);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--bs-body-bg);
	background-clip: padding-box;
	border-radius: var(--bs-border-radius);
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	height: 80px;
	background: #f4f5f6;
	border: 1px solid #f4f5f6;
}
.col-form-label {
	padding-bottom: calc(.375rem + var(--bs-border-width));
	margin-bottom: 0;
	color: #777777;
	font: 300 17px/24px 'Inter';
	padding-top: 30px;
	padding-right: 15px;
	text-align: right;
}
.form-group.row {
	margin-bottom: 20px;
}
.Contact-eig {
	text-align: right;
	padding-top: 40px;
}
.Contact-eig input {
	color: #fff;
	font: 500 16px 'Suisse Intl';
	padding: 20px 35px;
	background: #7bb542;
	text-decoration: none;
	border: 1px solid #7bb542;
	opacity: 1;
	transition: all 0.3s ease 0s;
	float: right;
}
.Contact-eig input:hover {
	background-color: transparent;
	border: 1px solid #7bb542;
	color: #7bb542;
}
.Contact-eig input span {
	padding-left: 10px;
}
.get-touch hr {
	padding-top: 100px;
	margin: 0;
	border-bottom: 1px solid #777777;
	border-top: none;
}
.fixed-me {
	background: #142034 !important;
	margin-bottom: 0;
	position: fixed !important;
	z-index: 9;
	right: 0;
	left: 0;
	top: 0;
	border-bottom: 1px solid #fff;
}
.email span .img-fluid {
	margin-top: -2px;
}
/**********drop down menu css*****************/
.dropdown-menu {
	display: none;
}
.dropdown-menu li {
	display: inline-block;
	padding: 0 !important;
	font: 300 16px/24px 'Inter';
	float:left;
	width:100%;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
	position: absolute;
	top: 70px;
	padding:0;
}
.dropdown-item:focus, .dropdown-item:hover {
	background-color: transparent !important;
	border:none !important;
}

.dropdown-item{
	padding-bottom:3px !important;
}

.dropdown-item:focus, .dropdown-item:hover::after {
	display:none !important;
}
.dropdown-menu li a:hover {
	border-bottom: none !important;
	padding: 3px 16px !important;
	background: #7bb542 !important;
	color: #fff;
}

/**********Portfolio page Css Starts*****************/

.portfolio-box {
	width: 100%;
	height: 362px;
	position: relative;
	overflow: hidden;
	perspective: 1000px;
	cursor: pointer;
}
.portfolio-box:hover {
	box-shadow: 5px 5px 7px #2226;
}
.portfolio-box-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	transition: transform 0.8s ease;
}
.portfolio-box-front {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ececec;
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}
.portfolio-box-back {
	display: flex;
	justify-content: start;
	padding: 15px;
	flex-direction: column;
	background: #7bb542;
	color: #fff;
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	transform: rotateY(180deg);
}
.portfolio-box.flipped .portfolio-box-inner {
	transform: rotateY(180deg);
}
.portfolio-box img {
	max-width: 200px;
	width: 100%;
	transition: opacity 0.5s ease;
}
.portfolio-box h5,  .portfolio-box p {
	margin: 0;
}
.full-box {
	float: left;
	font-size: 16px;
}
.full-box span {
	float: right;
	font-size: 16px;
}
.full-box p {
	margin-top: 15px;
	font-size: 16px;
}
.full-box h4{
	text-align:center;
    margin-bottom:20px;
}
.my-6 {
    margin-top: 3rem!important;
    margin-bottom: 5rem!important;
}


/**********Portfolio page Css Ends*****************/