/* @font-face {
	font-family: "Montserrat Alternates";
	src: url("assets/fonts/MontserratAlternates-Bold.ttf");
} */

/*@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@100;200;300;400;500;600;700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');*/


html,body{overflow-x: hidden;}

body {
	background-color: #ffffff;
	font-family: Montserrat Alternates, sans-serif;
}

a {
	color: inherit !important;
	text-decoration: none !important;
	background-color: transparent;
}

#header .navbar-light .navbar-nav .nav-link:focus,
#header .navbar-light .navbar-nav .nav-link:hover {
	color: #f8e437;
}

#header nav {
	padding: 0px 0px;
}

h2.Lemon-PageHeader-title
#header .navbar-light .navbar-nav .nav-link {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 17.5779px;
	line-height: 30px;
	letter-spacing: 0.497204px;
	color: #474747 !important;
}

#header {
	background-color: #fff;
	float: left;
	width: 100%;
}

#header ul.navbar-nav {
	position: absolute;
	right: 0;
}

#header li.nav-item {
	margin: 0px 5px;
	position: relative;
}

#header .navbar-light .navbar-nav .active>.nav-link,
#header .navbar-light .navbar-nav .nav-link.active,
#header .navbar-light .navbar-nav .nav-link.show,
#header .navbar-light .navbar-nav .show>.nav-link {
	color: #f8e437;
}

#header .dropdown-menu.show {
	border: none;
}

.topbar {
    background-color: #f6f6f800;
	color: #fff;
	padding: 4px 0px;
}

.topbar ul {
	margin: 0px;
	padding: 0px;
}

.topbar ul li {
	/* float: left; */
	display: inline-block;
	list-style: none;
	margin: 3px 7px;
	font-size: 15px;
}

.topbar ul li a {
	color: #fff;
}

.topbar ul li i {
	font-size: 18px;
	margin-right: 3px;
}

.topbar ul li.followus-label {
	font-weight: bold;
}

#header .social-icon {
	float: right;
}

.dropdown-menu.main-header-menu {
	/* flex-direction: column;
  flex-wrap: wrap; */
	border-radius: 0px 0px 30px 30px !important;
	border-top: 3px solid #F6D137 !important;
	position: absolute;
	left: -250px !important;
	width: 550px;
	max-width: 550px;
	max-height: auto;
	background-color: #fff;
	/* box-shadow: 1px 1px 10px rgba(42, 42, 42, 0.5); */
	padding: 20px 0;
	opacity: 0;
    display: none;
    top:40px;
}
#header li.nav-item:hover .dropdown-menu.main-header-menu{
    	opacity: 1;
    display:block;
}
.dropdown-menu.main-header-menu:after {
	position: absolute;
	display: block;
	top: -13px;
	left: 50%;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #F6D137;
	content: " ";
	font-size: 0;
	line-height: 0;
	width: 0;
	transform: rotate(180deg);
}

.dropdown-menu .dropdown-item{text-transform: capitalize; padding: 5px 0;}

.dropdown-item.main-header-menu {
	padding: 0.50rem 0rem !important;
}

.dropdown-item.main-header-menu.active,
.dropdown-item.main-header-menu:active {
	background-color: #007bff00 !important;
}

.dropdown-item.main-header-menu:focus,
.dropdown-item.main-header-menu:hover {
	background-color: #f8f9fa00 !important;
}

ul.dropDown-tltp li a:after {
	content: "";
	display: inline-block;
	height: 7px;
	width: 7px;
	margin-right: 1rem;
	margin-left: 0.5rem;
	vertical-align: middle;
	border-right: 1px solid;
	border-bottom: 1px solid;
	transform: rotate(45deg);
	color: #474747;
}


/*=============Responsive css==================*/

@media (max-width: 991px) {
	.topbar ul li {
		margin: 3px 3px;
		font-size: 12px;
	}
	#header ul.navbar-nav {
		position: static;
		width: 100%;
		border-top: 1px solid #ddd;
		margin: 15px 0px 0px;
	}
}

section#home {
	background: url('../assets/images/Dots.png') no-repeat top 122px left 130px, url(../assets/images/Dotsbottom.png) no-repeat bottom 40px right 120px;
}


/*.col-lg-6.col-md-8.col-sm-10.mt-lg-0.mt-5 {*/


/*	background: url('../assets/images/Dotsbottom.png') no-repeat bottom right;*/


/*}*/

/*.video-banner {
	background: url('../assets/images/Frambg1.png') no-repeat top -40px left 120px;
}

.video-banner {
	background: url(../assets/images/Frambg2.png) no-repeat top 10px left 70px, url(../assets/images/Frambg1.png) no-repeat bottom 0px right 82px;
}*/

.aboutus-banner {
	background: url(../assets/images/Dots.png) no-repeat top left 120px, url(../assets/images/Dotsbottom.png) no-repeat bottom 75px right 120px;
}

.portfolio-banner {
	background: url('../assets/images/Dots.png') no-repeat top left 120px, url('../assets/images/Dotsbottom.png') no-repeat bottom right 120px;
}

footer {
	background-color: #1E1E1E;
	color: #fff;
	font-size: 14px;
}

footer .footer-top {
	/*background-color: #1E1E1E;*/
	padding: 70px 0px 20px;
}

footer {
	/*background: url(../assets/images/Footerbg.png) no-repeat top left -220px;*/
	/* background-repeat: no-repeat;
     background-attachment: inherit;
      background-position: center; */
	/* background: url(../assets/images/footerbgmobile.png) no-repeat top left -140px; */
	background-color: #1E1E1E;
}

footer .address p {
	font-size: 15px;
	color: #fff;
	width: 79%;
	font-style: Normal;
	font-weight: normal;
	letter-spacing: 0.308131px;
}

footer .social-links a {
	font-size: 17px;
	/* display: inline-block; */
	color: #fff;
	line-height: 1;
	padding: 0 0;
	/* margin-right: 5px; */
	/* border-radius: 100%; */
	text-align: center;
	width: 36px;
	height: auto;
	transition: 0.4s;
	padding: 0px 8px;
}

footer .footer-bottom p.text-left.mb-2 {
	margin: 0px !important;
}

footer h4 {
	font-size: 18px;
	color: #ffffff;
	padding-bottom: 12px;
}

footer .footer-menus {
	margin-bottom: 30px;
	margin-top: 30px;
}

footer .footer-menus ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

footer .footer-menus ul li {
	margin-bottom: 10px;
}

footer .footer-menus ul i {
	color: #ffffff;
	font-size: 12px;
	margin-right: 3px;
}

footer .footer-menus ul a {
	color: #fff;
	text-decoration: none;
}

footer .newsletter form {
	margin-top: 30px;
	background: #3a3a3a;
	padding: 6px 10px;
	position: relative;
	border-radius: 50px;
	border: 1px solid #3a3a3a;
}

footer .newsletter form input[type="email"] {
	border: 0;
	padding: 5px;
	background: #3a3a3a;
	color: #fff;
}

footer .newsletter form input[type="email"]:focus {
	outline: none;
}

footer .newsletter form input[type="submit"] {
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	border: 0;
	font-size: 16px;
	background: #cddc39;
	color: #000;
	border-bottom-right-radius: 50px;
	border-top-right-radius: 50px;
}

footer .newsletter form input[type="submit"]:hover {
	background: #d5e440;
}

footer .social-links{margin-bottom: 16px !important;}

.footer-bottom {
	padding: 80px 0;
	/* background-color: #00000026; */
	background-color: #fce434;
}

footer .footer-bottom a {
	color: #ffffff;
	text-decoration: none;
}

h3.mb-2.title-big.mb-4 {
	margin-right: 80px;
}

h3.mb-2.title-big.mb-4 strong {
	color: #f8e437;
}

.btn-outline-secondary:hover {
	color: #6c757d;
	background-color: #6c757d00;
	border-color: #6c757d
}

.clients-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 25px;
}

.client-grids .icon {
	/*background: #ddd;*/
	padding: 20px;
	border-radius: var(--border-radius);
	/*box-shadow: 0 25px 98px 0 rgba(0, 0, 0, 0.03);*/
}

.feature-gd {
	padding: 20px;
	text-align: left;
	position: relative;
	background: #FCE435;	
	display: flex;
	justify-content: space-between;
	    cursor: pointer;
}

.feature-gd:hover {
	background: #F6F6F8;
	padding: 20px 10px 20px 70px;
}

.feature-gd {
	position: relative;
	-webkit-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
	-o-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
	transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
	overflow: hidden;
}

section.Lemon-banner.py-5 {
	margin-top: 35px;
}


/* approch */

.area-box span {
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0 0 14px -5px rgba(0, 0, 0, 0.2);
	font-size: 36px;
	display: inline-block;
	cursor: pointer;
	margin: 15px;
	/* width: 80px; */
	/* height: 80px; */
	line-height: 84px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	color: #fff;
	background-color: #ffffff;
	transition: 300ms;
}

span.area-box-img:hover {
	background-color: #fff;
}

span.area-box-img:hover:after {
	opacity: 1;
	transform: scale(1.15);
}

span.area-box-img:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	box-sizing: content-box;
	box-shadow: 0 0 0 3px #fff;
	top: 0;
	left: 0;
	opacity: 0;
	transition: 300ms;
}

section.Lemon-bottom-grids-6 {
	background: #f8e437;
}

.Header-fixed {
	position: fixed;
	z-index: 999;
	top: 0;
}

section.Lemon-banne {
	margin-top: 90px;
}

.area-box img {
	max-width: 55px;
	display: block;
	margin: 0 auto;
}


/*-----------------------------------------------------
# Services
-----------------------------------------------------*/

.services {
	padding-bottom: 30px;
	text-align: center;
	padding: 50px 0px;
	min-height: 700px;
}

.services .section-title h2 {
	color: #444;
	font-size: 42px;
}

.services .section-title p {
	text-align: center;
	font-style: normal;
	margin-bottom: 40px;
	color: #666;
}

.services .service-box {
	margin-bottom: 30px;
	padding: 42px 34px 42px 34px;
	text-align: center;
	/* box-shadow: 0px 0 5px #bdbdbd; */
	float: left;
	/*position: relative;*/
	z-index: 1;
	overflow: hidden;
	background: #F6F6F8;
	min-height: 440px;
}

/*.services .service-box::after {
	 content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
    left: 0px;
    top: -500px;
    z-index: -1;
    transition: 1s; 
}*/

/*.services .service-box:hover::after {
	 top: 0px; 
}*/

.services i {
	display: flex;
	justify-content: center;
}

.services i {
	width: 70px;
	height: 70px;
	margin-bottom: 30px;
	background: #ffffff;
	border-radius: 100%;
	transition: 0.5s;
	color: #28a745;
	font-size: 35px;
	overflow: hidden;
	padding-top: 18px;
	box-shadow: 0px 0 5px #bdbdbd;
	margin: 10px auto 15px;
}

.services h4 {
	font-weight: 600;
	margin-bottom: 24px;
	font-size: 18px;
	position: relative;
	min-height: 80px;
}

.services h4 a {
	color: #444;
	text-decoration: none;
}

/*.services h4 a:hover {
	 color: #28a745; 
}*/

.services p {
	line-height: normal;
	font-size: 18px;
	margin-bottom: 40px;
	min-height: 180px;
}



.blog_d_content{
	/* margin-top: 144px; */
}

.blog_d_content h4{margin-top: 30px;}

.blog_d_content ul{margin: 0; padding: 0 20px;}
.blog_d_content ul li{line-height: 25px; padding: 10px 0px;}
.blog_d_content ul li strong{font-weight: 600;}
.blog_d_content ol{margin: 0; padding: 0 20px; list-style: none;}
.blog_d_content ol li{line-height: 25px; padding: 10px 0px;}

.blog_d_content ol li strong{font-weight: 600;}


/* Accordian Section css start*/

.outer-div-accordian {
	max-width: 750px;
	margin: 0;
	font-family: arial;
	line-height: 26px;
}

.faq-content {
	background-color: #f1f1f1;
	padding: 5px 20px;
	border-radius: 5px;
}

.summary {
	color: #000;
	padding: 16px;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	font-size: 20px;
	outline: none;
	margin: 20px 0px;
	border-bottom: 2px solid #ddd;
}

.details>.summary::-webkit-details-marker {
	display: none;
}

.details[open] .summary~* {
	animation: smooth 0.4s ease-in-out;
}

@keyframes smooth {
	0% {
		opacity: 0;
		margin-top: -10px;
	}
	100% {
		opacity: 1;
		margin-top: 0px;
	}
}

.details>.summary::after {
	position: absolute;
	content: "+";
	right: 25px;
}

.details[open]>.summary::after {
	position: absolute;
	content: "-";
	right: 25px;
}

a.btn.btn-outline-secondary.btn-style.mr-2.rounded-pill.bg-color {
	background: #FCE435;
	padding: 12px 20px;
	border: none;
}

.faq-buttonsection {
	width: 100%;
	float: left;
	padding: 16px 0px 16px 0px;
}

a.left-block.mt-2.mb-2 {
	text-decoration: none !important;
	color: #000;
	font-weight: 400;
	font-size: 18px;
	position: relative;
}

.accordion {
	margin: -2rem 0 0 0;
	padding: 0;
	list-style: none;
}

.accordion-item {
	border-bottom: 1px solid #ebeaed57;
}


/* Thumb */

.accordion-thumb {
	margin: 0;
	padding: 20px 0;
	cursor: pointer;
	font-weight: normal;
}

.accordion-thumb::after {
	content: "";
	display: inline-block;
	height: 7px;
	width: 7px;
	margin-right: 1rem;
	margin-left: 0.5rem;
	vertical-align: middle;
	border-right: 1px solid;
	border-bottom: 1px solid;
	transform: rotate(-45deg);
	transition: transform 0.2s ease-out;
	color: #F6D137;
}


/* Panel */

.accordion-panel {
	margin: 0;
	padding-bottom: 0.8rem;
	display: none;
}


/* Active */

.accordion-item.is-active .accordion-thumb::after {
	transform: rotate(45deg);
}


/* Accordian Section End */


/* gallary portfolio */

.button {
	display: inline-block;
	padding: 0.5em 1.0em;
	border-radius: 4px;
	background: #ffffff;
	font-family: sans-serif;
	font-size: 16px;
	cursor: pointer;
	border: 1px solid #000000;
	margin: 10px;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}

.button:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

.button:active,
.button.is-checked {
	background-color: rgba(0, 0, 0, 0.1);
	outline: none;
}

.button-group {
	margin: 0px 0 20px 0px;
	text-align: center;
}

.button-group:after {
	content: '';
	display: block;
	clear: both;
}

img {
	vertical-align: middle;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.grid article {
	background-color: #FFFFFF;
	display: block;
	float: left;
	margin: 1%;
	width: 23%;
}

@media (max-width: 1024px) {
	.grid article {
		width: 31.3%;
	}
}

@media (max-width: 767px) {
	.grid article {
		width: 48%;
	}
}

@media (max-width: 479px) {
	.grid article {
		margin: 2% 0;
		width: 100%;
	}
}


/* gallry item */

.gallery {
	display: flex;
}

.column {
	display: block;
	/* margin-right: .5vw; */
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

.col-lg-6.text-right {
	text-align: right;
	padding-left: 0px;
	margin-top: 32px;
}

.col-lg-12.col-sm-12.column.colum2 {
	display: flex;
}

.item {
	overflow: hidden;
	position: relative;
	margin-bottom: .5vw;
	/*border-radius: 1%;*/
	/*border: 2px solid rgba(0, 0, 0, 0.05);*/
	box-sizing: border-box;
	border-radius: 7.25px;
}

.item a.imglink:hover:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
}

.imginfo {
	opacity: 0;
	bottom: -.78vw;
	left: .6vw;
	padding: 4.35vw;
	color: black;
	position: absolute;
	font-size: 24px;
	transition: .2s;
}

.imglink:hover+.imginfo,
.imginfo:hover {
	opacity: 1;
	bottom: .78vw;
}

.imgdesc {
	font-size: .58vw;
	color: dimgray;
	display: block;
}

.img {
	display: block;
	position: relative;
	transition: .2s;
	width: 100%;
	height: 100%;
}




/* gallary Video */

section.video-banner.bg-white.py-5 {
	position: relative;
	width: 90%;
	margin: 60px auto 0;
}


.video-wrapper {
	width: 100%;
	 height: 85vh; 
	 /* height: 61vh; */
	overflow: hidden;
}

.video-wrapper video {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.video-banner h1 {
	font-size: 42px;
	/* margin: 100px 0 200px; */
	line-height: 42px;
	margin-bottom: 32px;
}

.video-banner .btn {
	position: relative;
	overflow: hidden;
	z-index: 9;
}

.video-banner .btn-primary {
	color: #2f2f41;
	background-color: rgba(1, 164, 121, 0.1);
	border-color: #01a479;
}

.video-banner .btn:before {
	content: "";
	background: #ed5561;
	width: 4px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

.video-banner .btn:hover:before {
	width: 100%;
}


.home-banner-CTA {text-align: center; margin-bottom: 30px;}
.home-banner-CTA h1{color: #474747; font-size: 70px; font-weight: bold;  line-height: 70px; margin-top: 30px;}
.home-banner-CTA h1 strong { color: #FCE435;}
.home-banner-CTA p{margin-bottom: 40px;}



/* ---------- Container for the orbiting circles animation ---------- */

#circle-orbit-container {
	position: relative;
	top: 25px;
	left: 105px;
	height: 350px;
	width: 350px;
	overflow: hidden;
}


/* ---------- Inner orbit - This is the circles closest to the central point ---------- */

#inner-orbit {
	/* position: absolute;    
    top: 0px;
    left: 215px;
    width: 350px;
    height: 350px; */
	/* border: 2px #4a437f dashed;
    border-radius: 100%; */
	/* width: 870px;
    min-height: 230px; */
	/* position: absolute;
    top: 0;
    left: calc(50% - 435px); */
	/* border: 2px #4a437f dashed;
    border-radius: 100%;
    -webkit-animation: spin-right 10s linear infinite;
    animation: spin-right 10s linear infinite; */
}

#inner-orbit:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 215px;
	width: 350px;
	height: 350px;
	border: 2px #ddd dashed;
	border-radius: 100%;
	-webkit-animation: spin-right 10s linear infinite;
	animation: spin-right 10s linear infinite;
}

.imgCenter1 img {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	/* max-width: 100%;
    max-height: 100%; */
	margin: auto;
	z-index: 9;
}

.imgCenter2 img {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	margin: auto;
	z-index: 9;
}

.imgCenter3 img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	margin: auto;
}

.imgCenter4 img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	margin: auto;
}

.imgCenter5 img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	margin: auto;
}


/* ---------- Repeating styles for the inner orbiting circles ---------- */

.inner-orbit-cirlces {
	/* position: absolute; */
	top: 62px;
	left: 30px;
	height: 10px;
	width: 10px;
	border-radius: 100%;
	/* background-color: #9f98e6; */
}

div#outer-orbit {
	position: absolute;
}


/* ---------- Middle orbit - This is the circles second closest to the central point ---------- */

#middle-orbit {
	/* position: absolute;
    top: -37px;
    left: 126px;
    width: 400px;
    height: 405px;
    border: 2px #4a437f dashed;
    border-radius: 100%;
    -webkit-animation: spin-right 15s linear infinite;
    animation: spin-right 15s linear infinite; */
}

#middle-orbit:after {
	content: "";
	position: absolute;
	top: -37px;
	left: 126px;
	width: 400px;
	height: 405px;
	border-radius: 100%;
	-webkit-animation: spin-right 15s linear infinite;
	animation: spin-right 15s linear infinite;
	background: url(../assets/images/tech_ring02.svg) no-repeat;
}

/*#middle-orbit:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: -37px;*/
/*    left: 110px;*/
/*    width: 400px;*/
/*    height: 405px;*/
/*    border-radius: 100%;*/
/*    -webkit-animation: spin-right 15s linear infinite;*/
/*    animation: spin-right 15s linear infinite;*/
/*    background: url(../assets/images/techciecle1svg.svg) no-repeat;*/
/*}*/

#middle-orbit {
	top: 0px;
	position: absolute;
}

div#outer-orbit {
	position: absolute;
	left: 30px;
}

.outer-orbit-cirlces.top {
	z-index: 9;
	top: 35px;
	left: -24px;
	position: absolute;
	height: 30px;
	width: 30px;
	border-radius: 100%;
}

.outer-orbit-cirlces.middle {
	z-index: 9;
	top: 173px;
	left: -45px;
	position: absolute;
	height: 30px;
	width: 30px;
	border-radius: 100%;
}

.outer-orbit-cirlces.bottom {
	z-index: 9;
	top: 305px;
	left: 10px;
	position: absolute;
	height: 30px;
	width: 30px;
	border-radius: 100%;
}

.middle-orbit-cirlces.top1 {
	position: absolute;
	top: 125px;
	left: 80px;
	height: 20px;
	width: 20px;
	border-radius: 100%;
}

.middle-orbit-cirlces.top2 {
	position: absolute;
	top: 228px;
	left: 85px;
	height: 20px;
	width: 20px;
	border-radius: 100%;
}


/* ---------- Repeating styles for the inner orbiting circles ---------- */

.middle-orbit-cirlces {
	/* position: absolute; */
	top: 25px;
	left: 72px;
	height: 20px;
	width: 20px;
	border-radius: 100%;
	/* background-color: #4a437f; */
}


/* ---------- Outer orbit - This is the circles furthest away from the central point ---------- */

#outer-orbit:after {
    content: "";
        position: absolute;
        top: -95px;
        left: 0px;
        width: 500px;
        height: 500px;
        /* border: 2px #ddd dashed; */
        border-radius: 100%;
        -webkit-animation: spin-right 20s linear infinite;
        animation: spin-right 20s linear infinite;
        background: url(../assets/images/tech_ring03.svg) no-repeat;
    }

@keyframes spin-right {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(359deg);
	}
}


@-ms-keyframes spin-right {
	0% {
		-ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-keyframes spin-right {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* ---------- Repeating styles for the outer orbiting circles ---------- */

.outer-orbit-cirlces {
	z-index: 9;
	top: 5px;
	left: 0px;
	position: absolute;
	height: 30px;
	width: 30px;
	border-radius: 100%;
}


/* ---------- Animation ---------- */

@-webkit-keyframes spin-right {
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.Lemon-follow-social.py-5 {
	background: #BBD915;
	display: none;
}

.row.social-accounts h4 {
	margin: 10px 0px;
}

.Lemon-follow-social.py-5 a.btn.btn-outline-dark.btn-lg.rounded-pill:hover {
	color: #fff;
	background-color: #343a4000;
	border-color: #343a40;
}


/* conatct us */

section.contact-banner.bg-light.py-5 {
	margin-top: 90px;
}

.contact-banner h1 {
	font-size: 48px;
}

.contact-banner .btn {
	position: relative;
	overflow: hidden;
	z-index: 9;
}

.contact-banner .btn-primary {
	color: #2f2f41;
	background-color: rgba(1, 164, 121, 0.1);
	border-color: #01a479;
}

.contact-banner .btn:before {
	/* content: "";
    background: #ed5561;
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; */
}

.contact-banner .btn:hover:before {
	width: 100%;
}

section.contact-banner strong {
	color: #FCE435;
}


/* conatct us form css */

#fh5co-main {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

#fh5co-main .fh5co-narrow-content {
	position: relative;
	width: 80%;
	margin: 0 auto;
	padding: 4em 0;
}

.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	background: transparent;
	border: 2.21277px solid #D6D6D6;
	box-sizing: border-box;
	height: 54px !important;
	font-size: 14px;
	font-weight: 300;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 30px !important;
}

#message {
	height: 130px !important;
}

.btn.btn-md {
	padding: 15px 25px !important;
	border-radius: 60px !important;
}

.form-group.margin-top {
	margin-top: 42px;
}

.btn-primary {
	background: #da1212 !important;
	color: #fff !important;
	border: 2px solid #da1212 !important;
	border-radius: 0px !important;
}


.follow-us{width: 100%;}
.follow-us ul {
	list-style: none;
	margin: 0px !important;
	padding: 0px !important;
}

.follow-us ul li {
	list-style: none;
	margin: 0px !important;
	padding: 0px !important;
	margin-bottom: 24px !important;
	width: 48%;
	/* display: inline-block; */
}

.follow-us ul li.instagram{margin-left: -6px !important;}

.follow-us ul li a img {
	margin-right: 14px;
}

.address-grid {
	display: flex;
}

.address-grid span.pos-icon {
	margin-right: 16px;
}

input.btn.btn-primary.btn-md.rounded-pill {
	background: #B9D619 !important;
	border: none !important;
}


/* aboutus css start */

.aboutus-banner {
	margin-top: 95px;
	padding-bottom: 0px;
}

.aboutus-banner h1 {
	font-size: 48px;
}

.aboutus-banner .btn {
	position: relative;
	overflow: hidden;
	z-index: 9;
}

.aboutus-banner .btn-primary {
	color: #2f2f41;
	background-color: rgba(1, 164, 121, 0.1);
	border-color: #01a479;
}

.aboutus-banner .btn:before {
	content: "";
	background: #ed5561;
	width: 4px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

.aboutus-banner .btn:hover:before {
	width: 100%;
}

section.aboutus-banner.bg-white.py-5 p.lead.text-secondary strong {
	color: #FCE435;
}


/*-- About Us --*/

.author-img {
	position: relative;
}

.about-banner .author-img:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
}

.about-banner .container {
	padding-top: 15px;
	padding-bottom: 15px;
}

.about-banner .icon-box {
	background: #BBD915;
	padding: 40px 60px;
}

.about-banner .icon-box:first-child {
	background: #F6D137;
}

.about-banner .section-title h2 {
	color: #607d8b;
}

.about .section-title p {
	text-align: left;
	font-style: italic;
	color: #666;
}

.about-banner .icon-box span {
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	background: #f1f7fb;
	border-radius: 50%;
	font-size: 26px;
	color: #ff9800;
}

.about-banner .icon-box:hover i {
	/* color: #fff;
   background: #ffc107; */
}

.about-banner .icon-box .title {
	margin-left: 120px;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 0px !important;
}

.about-banner .icon-box .title a {
	color: #607d8b;
	transition: 0.8s;
	text-decoration: none;
}

.about-banner .icon-box .title a:hover {
	color: #ffc107;
}

.about-banner .icon-box .description {
	margin-left: 120px;
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 15.1507px;
	line-height: 24px;
	color: #383838;
}

#team {
	padding: 60px 0;
	text-align: center;
	/* background-color: #6f85ff; */
	/* color: #fff; */
}

#team h2 {
	position: relative;
	padding: 0px 0px 15px;
	color: #000;
}

#team p {
	font-size: 15px;
	font-style: italic;
	padding: 0px;
	margin: 25px 0px 40px;
	color: #000;
}

#team h2::after {
	content: '';
	border-bottom: 2px solid #fff;
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: 0px;
	width: 90px;
	margin: 0 auto;
	display: block;
}

#team .member {
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
	padding: 10px;
	border-radius: 50%;
	/* box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.4); */
}

#team .member .member-img{height: 280px; vertical-align: top;}
#team .member .member-img img{}

#team .member .member-info {
	display: block;
	bottom: 0px;
	left: 0px;
	transition: 0.4s;
	padding: 15px 0;
	margin-top: -24px;
	opacity: 0;
}

#team .member:hover .member-info {
	opacity: 1;
}

.member-info.example span {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	transform: matrix(0.97, 0.24, -0.27, 0.97, 0, 0);
}

#team .member:hover .member-info {
	left: 0px;
	right: 0px;
}

#team .member h4 {
	font-weight: 700;
	margin-bottom: 2px;
	font-size: 18px;
	color: #fff;
}


/*#team .member span {*/


/*	font-style: italic;*/


/*	display: block;*/


/*	font-size: 13px;*/


/*}*/

#team .member .social-links {
	margin-top: 15px;
}

#team .member .social-links a {
	transition: none;
	color: #fff;
}

#team .member .social-links a:hover {
	color: #ffc107;
}

#team .member .social-links i {
	font-size: 18px;
	margin: 0 2px;
}


/* image gallary gride */

.grid-image {
	display: grid;
	grid-template-rows: repeat(4, 180px);
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 24px;
}

.items-img:nth-child(1) {
	grid-row: 1 / 4;
}

.items-img:nth-child(2) {
	grid-column: 2 / 4;
	grid-row: 1 / 3;
}

.items-img:nth-child(3) {
	grid-column: 3 / 4;
	grid-row: 3 / 5;
}

.items-img:nth-child(4) {
	grid-column: 2 / 3;
	grid-row: 3 / 4;
}

.items-img:nth-child(5) {
	grid-column: 1 / 3;
	grid-row: 4 / 5;
}

.grid-image>.items-img {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bannerhny {
	margin-top: 90px;
	background: url(../images/banner1.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	min-height: 500px;
	position: relative;
	display: grid;
	align-items: center;
}

.bannerhny::before {
	content: "";
	background: rgb(0 0 0 /80%);
	position: absolute;
	top: 0;
	min-height: 100%;
	left: 0;
	right: 0;
}


/* /career/ */

.Career-team {
	margin-top: 90px;
	background: linear-gradient(rgb(255 225 107 / 36%), rgb(255 225 107 / 36%)), url(../assets/images/careergif.gif) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	/*min-height: 500px;*/
	position: relative;
	display: grid;
	align-items: center;
	background-color: #FFE26A;
	/*opacity: 0.76;*/
	background-blend-mode: multiply;
}

section.Career-team .container {
	background: #fff;
}

section.Career-team .container::before {
	content: "";
	background: rgb(0 0 0 /70%);
	position: absolute;
	top: 0;
	min-height: 100%;
	left: 0;
}


/* .Career-team::before {
    content: "";
    background: rgb(0 0 0 /80%);
    position: absolute;
    top: 0;
    min-height: 100%;
    left: 0;
    right: 0;
} */

section.Career-team {
	padding: 70px 0px;
	text-align: center;
}

.Career-team .member {
	text-align: center;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	transition: 0.4s;
	border-radius: 100%;
	border: 6px solid #ffffff;
}

.Career-team h2 {
	font-size: 36px;
	color: #795548;
	font-weight: normal;
}

.Career-team p {
	color: #9e9e9e;
	width: 70%;
	margin: 10px auto 10px;
}

.Career-team .member:hover {
	box-shadow: 0px 10px 0px 0px #795548;
}

.Career-team .member .member-info {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
}

.Career-team .member .member-detail {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
}

.Career-team .member .social {
	position: absolute;
	left: 0;
	bottom: -38px;
	right: 0;
	height: 48px;
	transition: bottom ease-in-out 0.4s;
	text-align: center;
}

.Career-team .member .social a {
	margin: 0 10px;
	display: inline-block;
	color: #fff;
}

.Career-team .member .social a:hover {
	color: #cda45e;
}

.Career-team .member .social i {
	font-size: 18px;
	margin: 0 2px;
}

.Career-team .member:hover .member-info {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.83) 0%, rgba(0, 0, 0, 0.57) 20%, rgba(121, 85, 72, 0.09) 100%);
	opacity: 1;
	transition: 0.4s;
}

.Career-team .member:hover .member-detail {
	bottom: 80px;
}

.Career-team .member:hover .social {
	bottom: 10px;
}


/* drop down portfolio */

.portfolio-banner {
	margin-top: 95px;
}

.dropDown-tltp .label {
	font-size: 20px;
	border-radius: 5px;
	border: none !important;
	padding: 5px 31px;
	color: #000;
	cursor: pointer;
	display: inline-block;
	background: none;
	font-family: inherit;
	position: relative;
}

.dropDown-tltp .label:focus {
	outline: 0;
	border: 0;
	box-shadow: none;
}

.dropDown-tltp .label:focus~.content {
	display: flex;
}

.dropDown-tltp .content {
	display: none;
	border-radius: 0px !important;
	border-top: 3px solid #F6D137 !important;
	position: absolute;
	width: 365px;
	max-width: 365px;
	max-height: 175px;
	background-color: #fff;
	padding: 40px;
	z-index: 9;
	transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

.dropDown-tltp .content a {
	text-align: left;
	font-size: 14px;
	padding: 0px 0 15px 0;
	color: #399bda;
	text-decoration: none;
}

.dropDown-tltp .content:after {
	content: "";
	position: absolute;
	display: block;
	top: -13px;
	left: 50%;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #F6D137;
	content: " ";
	font-size: 0;
	line-height: 0;
	width: 0;
	transform: rotate(180deg);
}


/* /new gallary css start */

.section .top-side {
	text-align: center;
}

.section .top-side .title {
	font-weight: 500;
	font-size: 15px;
	display: inline-block;
}

.section .top-side .title:after {
	content: "";
	display: block;
	width: 50%;
	border-bottom: 1px solid #494949;
	margin: 8px auto;
}

.section .top-side h2 {
	font-weight: 700;
}

.section.portfolio .filters {
	text-align: center;
	margin-top: 50px;
}

.section.portfolio .filters ul {
	padding: 0;
}

.section.portfolio .filters ul li {
	list-style: none;
	display: inline-block;
	padding: 20px 30px;
	cursor: pointer;
	position: relative;
}

.section.portfolio .filters ul li:after {
	content: "";
	display: block;
	width: calc(0% - 60px);
	position: absolute;
	height: 2px;
	background: #333;
	transition: width 350ms ease-out;
}

.section.portfolio .filters ul li:hover:after {
	width: calc(100% - 60px);
	transition: width 350ms ease-out;
}

.section.portfolio .filters ul li.active:after {
	width: calc(100% - 60px);
}

.section.portfolio .filters-content {
	margin-top: 50px;
}

.section.portfolio .filters-content .show {
	opacity: 1;
	visibility: visible;
	transition: all 350ms;
}

.section.portfolio .filters-content .hide {
	opacity: 0;
	visibility: hidden;
	transition: all 350ms;
}

.section.portfolio .filters-content .item {
	text-align: center;
	cursor: pointer;
	margin-bottom: 30px;
}

.section.portfolio .filters-content .item .p-inner {
	padding: 20px 30px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.section.portfolio .filters-content .item .p-inner h5 {
	font-size: 15px;
}

.section.portfolio .filters-content .item .p-inner .cat {
	font-size: 13px;
}

.section.portfolio .filters-content .item img {
	width: 100%;
}


/*-- Workflow Section CSS --*/

#Workflow {
	padding: 70px 0px 80px;
	/* background-color: #607D8B; */
	color: #fff;
}

#Workflow .work-process::after {
	/* content: "";
    position: absolute;
    background: #f1f3f5;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 100%;
    transition: all 0.3s;
    z-index: -1; */
}

#Workflow .work-process:hover::after {
	/* background: rgb(233 248 255 / 22%);
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 10px; */
}

#Workflow .work-process {
	background-color: #fff;
	padding: 40px 26px;
	position: relative;
	z-index: 1;
	transition: 0.5s;
	/*box-shadow: 0.3rem 0.4rem 0.4rem rgba(0, 0, 0, 0.4);*/
	box-shadow: 0px 13px 29px 0px rgba(0, 0, 0, 0.09);
	/* box-shadow: 0px 30px 0px -20px #ffffff; */
	margin-bottom: 30px;
	/* border-bottom: 3px solid #607d8b;. */
	text-align: center;
	border-radius: 12px;
}

#Workflow .work-process i {
	margin: 0 auto;
	display: table;
	background-color: #3F3E3E;
	width: 70px;
	height: 70px;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	line-height: 70px;
	border-radius: 50%;
}

#Workflow .work-process h3 {
	margin: 15px 0px;
}

#Workflow .work-process h3 a {
	font-size: 20px;
	color: #607d8b;
}

#Workflow .work-process p {
	color: #8d9ea7;
}

#Workflow .section-title h2 {
	color: #000;
}

#Workflow .section-title p {
	color: #000;
}

#Workflow .work-process h3 {
	color: #000;
}

.ourclient-grids {
	background-color: #ffffff;
}


/*-- Workflow Section CSS --*/


/*-- Photo Gallery CSS --*/

#photo-gallery {
	padding: 40px 0px 40px;
}


/* #photo-gallery .state-thumb {
    max-height: 170px;
    overflow: hidden;
    border-radius: 10px;
} */

#photo-gallery .state-thumb img {
	width: 100%;
	/* transition: 0.5s; */
}

#photo-gallery .photo-frame:hover img {
	/* transform: scale(1.3, 1.3); */
}

#photo-gallery h4 {
	margin: 10px 0px 0px;
	text-align: right;
}

#photo-gallery h4 a {
	color: #9c27b0;
	font-size: 20px;
}

#photo-gallery .photo-frame {
	/* border: 1px solid #cecece; */
	/* padding: 15px;
    margin-bottom: 30px;
    border-radius: 10px;
    background-color: #fff; */
}

#photo-gallery .photo-frame:hover {
	/* box-shadow: 0px 0px 15px 0px #d0d0d0;
    border-color: #9c27b0; */
}


/*-- End Photo Gallery CSS --*/

label.dotted-borderss {
	height: 3.87568px;
	width: 232px;
	display: block;
	position: absolute;
	left: 170px;
	top: 45px;
	/*opacity: 0.4;*/
	/*border: 0.87568px dashed #FFFFFF;*/
	background-image: linear-gradient(to right, #fff 25%, rgb(255 255 255 / 0%) 25%);
	background-position: top;
	background-size: 10px 13px;
	background-repeat: repeat-x;
	border-radius: 100%;
}


/* section new */

.main section {
	margin: 0;
	height: 100vh;
}

.main section:nth-child(1) {
	background-color: #3e5050;
}

.main section:nth-child(2) {
	background-color: #495f5f;
}

.main section:nth-child(3) {
	background-color: #546d6d;
}

.main section:nth-child(4) {
	background-color: #5f7c7c;
}

.main section:nth-child(5) {
	background-color: #6b8a8a;
}

.main section h1 {
	font-size: 38px;
	color: #fff;
	margin: 0;
	padding: 50px 0 20px;
	text-align: center;
}

#pagination {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	right: 30px;
	list-style: none;
}

#pagination li {
	position: relative;
	margin: 20px 0;
	background: #fff;
	border-radius: 100%;
	width: 8px;
	height: 8px;
	transition: all 0.2s ease;
}

#pagination li:hover {
	transform: scale(1.5);
}

#pagination a {
	position: absolute;
	text-decoration: none;
	left: 0;
	top: 0;
	color: inherit;
	width: 100%;
	height: 100%;
}

body.page-1 #pagination li:nth-of-type(1),
body.page-2 #pagination li:nth-of-type(2),
body.page-3 #pagination li:nth-of-type(3),
body.page-4 #pagination li:nth-of-type(4),
body.page-5 #pagination li:nth-of-type(5) {
	transform: scale(2);
}

.slider-vertical .slick-prev:before,
.slider-vertical .slick-next:before {
	display: none;
}

.slider-vertical .slick-prev,
.slider-vertical .slick-next {
	width: 0;
	height: 0;
	border-style: solid;
	margin: 10px;
	display: inline-block;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 10;
	cursor: pointer;
}

.slider-vertical .slick-prev {
	border-width: 0 14px 14px 14px;
	border-color: #000000 transparent;
	top: -30px;
}

.slider-vertical .slick-next {
	border-width: 14px 14px 0px 14px;
	border-color: #000000 transparent;
	bottom: -30px;
	top: auto;
}

.slider-vertical .slick-prev.slick-disabled,
.slider-vertical .slick-next.slick-disabled {
	opacity: 0.1;
	cursor: default;
}

.slider-vertical div {
	height: 250px;
	background: #333333;
	text-align: center;
	font-size: 50px;
	color: #ffffff;
}


/* testimonal 2 css start */

.testimonial-section {
	background: #ffffff;
	padding: 40px 0;
}

.inner-width {
	max-width: 1200px;
	margin: auto;
	padding: 0 20px;
}

.testimonial-section h1 {
	text-align: center;
	color: #333;
	font-size: 24px;
}

.testimoniallemon {
	background: #ffffff;
	padding: 40px;
	overflow: hidden;
	border-radius: 8px;
	cursor: pointer;
	border: 1px solid #E2E4E8;
}

.test-info {
	display: flex;
	align-items: center;
}

.test-pic {
	width: 50px !important;
	border-radius: 50%;
}

.test-name {
	font-size: 12px;
	color: #333;
}

.test-name span {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: #3498db;
}

.testimoniallemon p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
}

.testimonial-section .owl-nav {
	float: right;
	margin: 40px 0px !important;
}

.owl-theme .owl-controls .owl-page {
	display: inline-block;
}

.owl-theme .owl-controls .owl-page span {
	background: none repeat scroll 0 0 #869791;
	border-radius: 20px;
	display: block;
	height: 12px;
	margin: 5px 7px;
	opacity: 0.5;
	width: 12px;
}

i.backleft-arrow {
	padding: 14px 10px 14px 10px;
	background: #fff;
	border: 2px solid #f8e435;
	border-radius: 50%;
	margin: 0px 4px;
}

i.nextright-arrow {
	padding: 14px 10px 14px 10px;
	background: #fff;
	border: 2px solid #f8e435;
	border-radius: 50%;
	margin: 0px 4px;
	background: #f8e435;
}

.owl-next:focus,
.owl-prev:focus {
	outline: none;
}

.owl-theme .owl-nav [class*='owl-']:hover {
	background: #86979100 !important;
	color: #FFF;
	text-decoration: none;
}

.owl-dots button:focus {
	outline: none !important;
	outline: none !important;
}

.owl-theme .owl-dots .owl-dot span {
	width: 14px !important;
	height: 14px !important;
	margin: 5px 7px;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot.active:hover span {
	background: #f8e435 !important;
}

.owl-theme .owl-dots .owl-dot.active span {
	width: 45px !important;
	height: 15px !important;
	margin: 5px 7px;
	background: #f8e435;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 30px;
}

.owl-theme .owl-dots {
	/* text-align: center; */
	-webkit-tap-highlight-color: transparent;
	text-align: left !important;
	margin: 40px 0px;
}

.custom-coursepage-banner {
	width: 100%;
	background: #ffffff;
}

.custom-coursepage-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 400px;
	margin-top: -30px;
	color: #FFF;
}

.items {
	height: 370px;
	background: transparent;
	margin: 0 auto;
	overflow-x: hidden;
	overflow-y: auto;
	cursor: pointer;
	position: relative;
}

.item-vertical {
	height: auto;
	background: #FFF;
	margin-bottom: 22px;
	margin-left: auto;
	margin-right: auto;
	transition: all 2s ease;
	/*transform: translateY(142px) scale(0.9);*/
	/*opacity: .2;*/
	display: flex;
	padding: 47px 95px;
	border-radius: 16px;
	box-shadow: 0px 30px 40px rgba(212, 217, 232, 0.2);
}
.items::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
.items::-webkit-scrollbar-thumb {
    background: #FF0000;
}

.item-vertical>div {
	/*opacity: 0.2;*/
	transition: all 2s ease;
}

.active {
	opacity: 1;
}

.active>div {
	opacity: 1;
}

.custom-profilepic-wrapper {
	flex: 0.5;
}

.custom-profilepic {
	/*background: #FCE435;*/
	/*margin: 4px auto;*/
	width: 70px;
	height: 70px;
	border-radius: 8px;
	text-align: center;
	line-height: 70px;
	border-radius: 50%;
	/*padding: 18px;*/
}
.fade {
  opacity: 1;
}  

.custom-testimonial-content {
	flex: 4;
}

.custom-testimonial-title {
	font-size: 16px;
	line-height: 1.5;
	margin-top: 24px;
}

.custom-testimonial-author {
	opacity: 0.5;
}

.section-portfolio {
	padding: 30px 0;
	color: #333;
}

.section-portfolio .top-side {
	text-align: center;
}

.section-portfolio .top-side .title {
	font-weight: 500;
	font-size: 15px;
	display: inline-block;
}

.section-portfolio .top-side .title:after {
	content: "";
	display: block;
	width: 50%;
	border-bottom: 1px solid #494949;
	margin: 8px auto;
}

.section-portfolio .top-side h2 {
	font-weight: 700;
}

.section-portfolio.portfolio .filters {
	text-align: center;
	margin-top: 50px;
}

.section-portfolio.portfolio .filters ul {
	padding: 0;
}

.section-portfolio.portfolio .filters ul li {
	list-style: none;
	display: inline-block;
	padding: 0px;
	cursor: pointer;
	/*position: relative;*/
	font-size: 17px;
	color: #474747;
}

.section-portfolio.portfolio .filters ul li.active {
	color: #F6D137;
	font-weight: 500;
	font-size: 17px;
	background: #f6f6f8;
	border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.section-portfolio.portfolio .filters ul li:hover {
	color: #F6D137;
	font-weight: 500;
	font-size: 17px;
	background: #f6f6f8;
	border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}


.section-portfolio.portfolio .filters ul li{position: relative;}

.section-portfolio.portfolio .filters ul li .submenu{background: #f6f6f8; position: absolute; top: 45px; left: -380px; content: ''; display: none; width:1150px;}

.section-portfolio.portfolio .filters ul li:hover .submenu{display: block;}
.section-portfolio.portfolio .filters ul li:hover .submenu li{display: inline-block; padding: 5px 0;}

.section-portfolio.portfolio .filters ul li:hover .submenu li a:after{display: none;}



/* .section-portfolio.portfolio .filters ul li:hover:after {
  width: calc(100% - 60px);
  transition: width 350ms ease-out;
}
.section-portfolio.portfolio .filters ul li.active:after {
  width: calc(100% - 60px);
} */

.section-portfolio.portfolio .filters-content {
	margin-top: 50px;
}

.section-portfolio.portfolio .filters-content .show {
	opacity: 1;
	visibility: visible;
	transition: all 350ms;
}

.section-portfolio.portfolio .filters-content .hide {
	opacity: 0;
	visibility: hidden;
	transition: all 350ms;
}

.section-portfolio.portfolio .filters-content .item {
	text-align: center;
	cursor: pointer;
	margin-bottom: 30px;
    border-radius: inherit;
}

.section-portfolio.portfolio .filters-content .item .p-inner {
	padding: 20px 30px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.section-portfolio.portfolio .filters-content .item .p-inner h5 {
	font-size: 15px;
}

.section-portfolio.portfolio .filters-content .item .p-inner .cat {
	font-size: 13px;
}

.section-portfolio.portfolio .filters-content .item img {
	width: 100%;
}

.contact-banner {
	background: url(../assets/images/Dots.png) no-repeat top 128px left 120px, url(../assets/images/Dotsbottom.png) no-repeat top 185px right 150px;
}


/* .background-dotted{
  background: url('../assets/images/Dotsbottom.png') no-repeat bottom  right; 
} */

.section-title h5 {
	color: #000;
}

.section-title h3 {
	color: #000;
}

h3.mt-5.title-big.mb-4.text-center strong {
	font-family: Montserrat;
	font-size: 34px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.3px;
	color: #F6D137;
	margin: 0px;
}

.Video-reel-innerPlay {
	position: absolute;
	left: 46.22222222%;
	top: 43.32460733%;
	width: 7.518519%;
	height: 13.28534031%;
	z-index: 2;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(36, 36, 36, 0);
	transition: opacity 0.17s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

svg.Video-reel-innerPlay-light {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

svg.Video-reel-innerPlay-dark {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.section-header {
	text-align: center;
	margin: 60px auto 20px auto;
	font-family: "Montserrat", sans-serif;
	font-size: 36px;
	font-weight: 400;
	text-transform: uppercase;
	color: #222;
}

.section-header-underline {
	border: 1px solid #222;
	width: 3rem;
	margin: 0 auto;
	margin-bottom: 30px;
}

.video-gallery {
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
	text-align: center;
}

.video-gallery .gallery-item {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 580px;
	max-height: 360px;
	width: 48%;
	background: #000;
	cursor: pointer;
}

.video-gallery .gallery-item img {
	position: relative;
	display: block;
	opacity: 0.45;
	width: 105%;
	height: 300px;
	transition: opacity 0.35s, transform 0.35s;
	transform: translate3d(-23px, 0, 0);
	backface-visibility: hidden;
}

.video-gallery .gallery-item .gallery-item-caption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
}

.video-gallery .gallery-item .gallery-item-caption,
.video-gallery .gallery-item .gallery-item-caption>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-gallery .gallery-item h2 {
	font-weight: 300;
	overflow: hidden;
	padding: 0.5em 0;
}

.video-gallery .gallery-item h2,
.video-gallery .gallery-item p {
	position: relative;
	margin: 0;
	z-index: 10;
}

.video-gallery .gallery-item p {
	letter-spacing: 1px;
	font-size: 68%;
	padding: 1em 0;
	opacity: 0;
	transition: opacity 0.35s, transform 0.35s;
	transform: translate3d(10%, 0, 0);
}

.video-gallery .gallery-item:hover img {
	opacity: 0.3;
	transform: translate3d(0, 0, 0);
}

.video-gallery .gallery-item .gallery-item-caption {
	text-align: left;
}

.video-gallery .gallery-item h2::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 15%;
	height: 1px;
	background: #fff;
	transition: transform 0.3s;
	transform: translate3d(-100%, 0, 0);
}

.video-gallery .gallery-item:hover h2::after {
	transform: translate3d(0, 0, 0);
}

.video-gallery .gallery-item:hover p {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 50em) {
	.video-gallery .gallery-item {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}

.filters-content .row.grid .col-sm-4 {
	position: unset !important;
}

.filters-content .row.grid {
	height: auto !important;
}

ul.dropDown-tltp .dropdown-menu.show li a:after {
	content: "";
	display: inline-block;
	height: 7px;
	width: 7px;
	margin-right: 1rem;
	margin-left: 0.5rem;
	vertical-align: middle;
	border-right: 1px solid;
	border-bottom: 1px solid;
	transform: rotate(45deg);
	color: #474747;
	display: none !important;
}

ul.dropDown-tltp .col-md-12 li a:after {
	content: "";
	display: inline-block;
	height: 7px;
	width: 7px;
	margin-right: 1rem;
	margin-left: 0.5rem;
	vertical-align: middle;
	border-right: 1px solid;
	border-bottom: 1px solid;
	transform: rotate(45deg);
	color: #474747;
	display: none !important;
}

section.Lemon-servicesblock1.py-5 .icon-info h5 {
	margin: 0px !important;
}

h5.title-small.text-left.mb-2 {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.272855px;
	text-transform: uppercase;
	color: #5C5945;
	margin: 0px 0px 20px 0px !important;
}

h3.title-big.text-left.mb-5 {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 500;
	font-size: 30.131px;
	line-height: 33px;
	letter-spacing: 0.334789px;
	color: #383838;
}

.service-box.text-left h4 a {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 600;
	font-size: 19.1157px;
	line-height: 27px;
	letter-spacing: 0.540702px;
	font-feature-settings: 'liga' off;
	color: #474747;
}

.service-box.text-left p {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 15.7174px;
	line-height: 31px;
	letter-spacing: 0.309531px;
	color: #383838;
}

.service-box.text-left a {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 600;
	font-size: 15.7174px;
	line-height: 31px;
	letter-spacing: 0.309531px;
	color: #383838;
}

h3.accordion-thumb {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 500;
	font-size: 15.6463px;
	line-height: 31px;
	letter-spacing: 0.308131px;
	color: #383838;
}

p.accordion-panel {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 15.6463px;
	line-height: 31px;
	letter-spacing: 0.308131px;
	color: #383838;
}

.faq-buttonsection h5 {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 6px;
	letter-spacing: 0.272855px;
	text-transform: uppercase;
	color: #5C5945;
	line-height: 20px;
}

section.Lemon-grids-3.py-5 .faq-buttonsection p {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 600;
	font-size: 19.0293px;
	line-height: 27px;
	letter-spacing: 0.538256px;
	color: #474747;
}

a.rounded-pill.bg-color {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 600;
	font-size: 19.0293px;
	line-height: 27px;
	letter-spacing: 0.538256px;
	color: #474747;
}

.row.social-accounts h4 {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 500;
	font-size: 30.131px;
	line-height: 33px;
	letter-spacing: 0.334789px;
	color: #383838;
}

.row.social-accounts .col-lg-4 a {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 600;
	font-size: 22.5113px;
	line-height: 32px;
	letter-spacing: 0.636747px;
	color: #474747 !important;
	border: 1px solid #474747 !important;
}

.address p {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 15.6463px;
	line-height: 31px;
	letter-spacing: 0.308131px;
	color: #FFFFFF;
}

.footer-bottom p {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: normal;
	letter-spacing: 0.308131px;
	color: #000000;
	margin-bottom: 0px;
	margin: 0px !important;
}

.footer-menus h4 {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 600;
	font-size: 19.0293px;
	line-height: 40px;
	letter-spacing: 0.538256px;
	color: #FFFFFF;
}

.footer-menus ul li a {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 0.308131px;
	color: #FFFFFF;
	text-transform: capitalize;
}

h3.mb-2.title-big.mb-4 {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 28.6282px;
	line-height: 35px;
	letter-spacing: 0.2553px;
	color: #383838;
}

.aboutus-banner h3.mb-2.title-big.mb-4 {
	width: 60%;
}

h3.mb-2.title-big.mb-4 strong {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: bold;
	font-size: 28.6282px;
	line-height: 35px;
	letter-spacing: 0.2553px;
	color: #FCE438
}

a.btn.btn-outline-secondary.btn-style.mr-2.rounded-pill {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 600;
	font-size: 20.4444px;
	line-height: 13px;
	letter-spacing: 0.578285px;
	color: #474747 !important;
	padding: 16px 16px !important;
	/*border: 1px solid #474747 !important;*/
}

a.title-head {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 600;
	font-size: 19.0293px;
	line-height: 27px;
	text-align: center;
	letter-spacing: 0.538256px;
	color: #474747;
}

section.Lemon-bottom-grids-6.py-5 .area-box p {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 15.6463px;
	line-height: 31px;
	text-align: center;
	letter-spacing: 0.308131px;
	color: #383838;
}

section.Lemon-grids-3.py-5 p {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 15.6463px;
	line-height: 31px;
	letter-spacing: 0.308131px;
	color: #383838;
}

.imginfo span {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 300;
	font-size: 38.9618px;
	line-height: 43px;
	letter-spacing: 0.432909px;
	color: #383838;
}

section.Lemon-servicesblock1.py-5 .icon-info h5 {
	margin: 0px !important;
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 400;
	font-size: 17.7528px;
	line-height: 22px;
	letter-spacing: 0.502151px;
	color: #474747;
}

h1.mb-5 {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 34.3539px;
	line-height: 42px;
	letter-spacing: 0.306359px;
	color: #11143A;
}

section.contactus-banner p {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 17.5779px;
	line-height: 26px;
	letter-spacing: 0.497204px;
	color: #474747;
}

label.mb-3 {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 50px;
	letter-spacing: 0.272855px;
	text-transform: uppercase;
	color: #5C5945;
	margin-bottom:0px !important;
}

textarea#message::placeholder {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 17.5779px;
	line-height: 11px;
	letter-spacing: 0.497204px;
	color: #9A9A9A;
}

input.form-control::placeholder {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 17.5779px;
	/*line-height: 11px;*/
	letter-spacing: 0.497204px;
	color: #9A9A9A;
}

.ad-right a {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 600;
	font-size: 19.1157px;
	line-height: 27px;
	letter-spacing: 0.540702px;
	color: #474747;
}

.follow-us ul li a {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 17.5779px;
	line-height: 26px;
	letter-spacing: 0.497204px;
	color: #474747;
}

section.contact-banner h5 {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 6px;
	letter-spacing: 0.272855px;
	text-transform: uppercase;
	color: #5C5945;
}

section.contact-banner a {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 600;
	font-size: 20.4444px;
	line-height: 13px;
	letter-spacing: 0.578285px;
	color: #474747 !important;
	padding: 16px 16px;
}

.form-group.margin-top input.btn.btn-primary.btn-md.rounded-pill.send-button {
	border: 2px solid #B9D619 !important;
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 600;
	font-size: 21.1493px;
	line-height: 30px;
	letter-spacing: 0.598224px;
	color: #474747 !important;
	padding: 12px 24px !important;
	background: #b9d61900 !important;
}

.form-group.margin-top input.btn.btn-primary.btn-md.rounded-pill.send-button:hover {
	color: #474747 !important;
	background: #B9D619 !important;
}

section.about-banner h4.title {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 600;
	font-size: 19.1157px;
	line-height: 27px;
	letter-spacing: 0.540702px;
	color: #474747;
	margin-top: 20px;
}

section.aboutus-banner.bg-white.py-5 h5 {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 6px;
	letter-spacing: 0.272855px;
	text-transform: uppercase;
	color: #5C5945;
	margin-bottom: 20px;
	/*margin-top: 0px !important;*/
}

section#team h5 {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 6px;
	letter-spacing: 0.272855px;
	text-transform: uppercase;
	color: #5C5945;
}

section#team h3 {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 500;
	font-size: 30.131px;
	line-height: 33px;
	letter-spacing: 0.334789px;
	color: #383838;
}

section.Career-team h3 {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 500;
	font-size: 30.131px;
	line-height: 47px;
	text-align: center;
	letter-spacing: 0.334789px;
	color: #383838;
}

section.Career-team h5 {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 6px;
	letter-spacing: 0.272855px;
	text-transform: uppercase;
	color: #5C5945;
}

section.Career-team a.btn.btn-outline-secondary.btn-style {
	background: #BBD915;
	padding: 12px 20px;
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 600;
	font-size: 19.0293px;
	line-height: 27px;
	letter-spacing: 0.538256px;
	color: #474747 !important;
}

section.Lemon-banner.ourwork-section.py-5 p {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 17.5779px;
	line-height: 26px;
	letter-spacing: 0.497204px;
	color: #474747;
}

.custom-coursepage-banner.py-5 h5 {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0.272855px;
	text-transform: uppercase;
	color: #5C5945;
}

.custom-coursepage-banner.py-5 h3 {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 500;
	font-size: 30.131px;
	line-height: 33px;
	letter-spacing: 0.334789px;
	color: #383838;
}

p.custom-testimonial-title.mt-4 {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 19.1157px;
	line-height: 27px;
	letter-spacing: 0.540702px;
	color: #000000;
}

section.process-banner.py-5 h5 {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 6px;
	letter-spacing: 0.272855px;
	text-transform: uppercase;
	color: #5C5945;
	margin-bottom: 17px !important;
}

section.process-banner.py-5 h3 {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 500;
	font-size: 30.131px;
	line-height: 33px;
	letter-spacing: 0.334789px;
	color: #383838;
}

section.capabilities-section h5 {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 6px;
	letter-spacing: 0.272855px;
	text-transform: uppercase;
	color: #5C5945;
	margin-bottom: 17px !important;
}

section.capabilities-section h3 {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 500;
	font-size: 30.131px;
	line-height: 33px;
	letter-spacing: 0.334789px;
	color: #383838 !important;
}

.work-process h3 a {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 500;
	font-size: 19.1157px !important;
	line-height: 27px;
	text-align: center;
	letter-spacing: 0.540702px;
	color: #000000;
	margin-bottom: 17px !important;
}

#Workflow .work-process p {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 15.6463px;
	line-height: 31px;
	/* or 197% */
	text-align: center;
	letter-spacing: 0.308131px;
	color: #383838;
}

.testimonial-section h5 {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 6px;
	letter-spacing: 0.272855px;
	text-transform: uppercase;
	color: #5C5945;
	margin-bottom: 17px !important;
}

.testimonial-section h3 {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 500;
	font-size: 30.131px;
	line-height: 33px;
	letter-spacing: 0.334789px;
	color: #383838;
}

.testimoniallemon p {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 15.6463px;
	line-height: 31px;
	/* or 197% */
	letter-spacing: 0.308131px;
	color: #383838;
}

.test-name span {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: bold;
	font-size: 15.6463px;
	line-height: 31px;
	/* or 197% */
	letter-spacing: 0.308131px;
	color: #383838;
}

section.ourclient-grids.py-5 h3 {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 500;
	font-size: 30.131px;
	line-height: 33px;
	letter-spacing: 0.334789px;
	font-feature-settings: 'liga' off;
	color: #383838;
}

section.portfolio-banner.bg-white.py-0 h3 strong {
	font-family: Montserrat Alternates !important;
	font-style: normal;
	font-weight: bold !important;
	font-size: 28.9067px;
	line-height: 35px;
	letter-spacing: 0.257783px;
	color: #F6D137 !important;
}

section.portfolio-banner.bg-white.py-0 h3 {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 28.9067px;
	line-height: 35px;
	letter-spacing: 0.257783px;
	color: #383838;
}

.dropdown-menu.show a.dropdown-item {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 17.5566px;
	line-height: 21px;
	letter-spacing: 0.496601px;
	color: #474747 !important;
}

img.img-fluid.dashed-top-line {
	margin-top: -5px;
}

a.btn.btn-outline-secondary.btn-style.mr-2.rounded-pill:focus {
	background-color: #bbd916;
	border-color: #6c757d;
	box-shadow: 0 0 0 0.2rem rgb(108 117 125 / 0%);
}

.gallary video#image {
	/*width: 100%;*/
	cursor: pointer;
	display: block;
}


/* .gallary img#image {
  width: 100%;
  border-radius: 10px;
  cursor: zoom-in;
  display: block;
  border: 2px solid #f7f7f7;
} */

#FullView {
	margin: 0px auto 20px;
	display: block;
	border-radius: 10px;
	/* border: 10px solid #f9f9f9; */
}

div#imgModal video {
	/* width: 80%;
	margin: 0% 12%; */
	width: 100%;
    height: 100%;
    position: relative;
    background-color: #616161;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

#caption h3 {
	font-size: 18px;
	margin: 10px 0px;
}

#caption p {
	font-size: 14px;
	line-height: 23px;
	color: #ddd;
}

.modal {
	display: none;
	position: fixed;
	z-index: 99999;
	/*padding-top: 4%;*/
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden !important;
	background-color: rgba(0, 0, 0, 0.7);
}

#caption {
	text-align: center;
	color: #fff;
	border-radius: 20px;
}

#close {
	position: absolute;
	top: 25px;
	right: 25px;
	color: #d0d0d0;
	font-size: 40px;
	cursor: pointer;
	z-index: 99999;
}

.timeline:before {
	position: absolute;
	left: 24%;
	width: 2px;
	height: 120px;
	top: 16%;
	margin-left: 0px;
	content: "";
	/* background: rgba(221, 30, 30, 0.07); */
}

@media only screen and (max-width: 767px) {
	.timeline:before {
		left: 40px;
	}
}

.timeline-item {
	padding: 40px 0;
	opacity: 0;
	/*filter: blur(2px);*/
	transition: 0.5s;
	box-sizing: border-box;
	/* width: calc(50% - 40px); */
	width: 72%;
	display: flex;
	position: relative;
	transform: translateY(-80px);
	margin-left: 369px;
	height: 400px;
	max-height: 100%;
}

.timeline-item:before {
	content: counter(my-badass-counter);
	counter-increment: my-badass-counter;
	letter-spacing: 3px;
	width: 64px;
	height: 64px;
	position: absolute;
	right: auto;
	text-align: center;
	padding-left: 0;
	left: -129px;
	padding: 12px;
	color: #FBE335;
	font-size: 29px;
	background: #ffffff;
	border-radius: 100%;
	box-shadow: inset 0px 0px 0px 6px #f8e436;
	border: 2px solid #ffffff;
}

.timeline-item {
	align-self: flex-end;
	/* margin-left: 40px; */
}

.timeline-item--active {
	opacity: 1;
	transform: translateY(80px);
	/*filter: blur(0px);*/
}

.timeline-item--active:before {
	top: 5%;
	transition: 0.3s all 0.2s;
	opacity: 1;
}

.timeline-item--active .timeline__content-title {
	margin: -50px 0 20px 0;
}

.timeline__content h3.mb-2.title-big.mb-4 {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 500;
	font-size: 19.1157px;
	line-height: 27px;
	letter-spacing: 0.540702px;
	color: #000000;
}

.timeline__content p {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 19.1157px;
	line-height: 27px;
	letter-spacing: 0.540702px;
	color: #000000;
}

.process-menus ul {
	margin: 0px;
	padding: 0px 0px 0px 18px;
}

.col-lg-6.col-sm-6.process-menus ul li {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 13.0454px;
	line-height: 20px;
	color: #040404;
}

@media only screen and (max-width: 767px) {
	.timeline-item {
		align-self: baseline !important;
		width: 100%;
		padding: 0 30px 150px 80px;
		margin-left: 0px !important;
		height: auto;
	}
	lable.vertical-line:before {
		content: "";
		border-left: 2px dashed #454545;
		margin-left: -40px !important;
		height: 120px;
		position: absolute;
		top: 2% !important;
		z-index: -99;
	}
	.timeline-item:before {
		left: 10px !important;
		padding: 0 !important;
		top: 50px;
		text-align: center !important;
		width: 64px;
		border: none !important;
		border: 2px solid #fff !important;
	}
	.timeline-item:last-child {
		padding-bottom: 40px;
	}

}

.timeline__img {
	max-width: 100%;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}

.timeline-container {
	width: 100%;
	position: relative;
	transition: 0.3s ease 0s;
	background-attachment: fixed;
	background-size: cover;
}

.timeline-container:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/* background: rgba(99, 99, 99, 0.8); */
	content: "";
}

.timeline {
	display: flex !important;
	margin: 0 auto !important;
	flex-wrap: wrap !important;
	flex-direction: column !important;
	width: 100% !important;
	position: relative !important;
	counter-reset: my-badass-counter;
}

.magicscroll-banner {
	/* background: #f8e435; */
}

.magicscroll-banner h5.title-small{font-family: Montserrat; font-style: normal; font-weight: 600; font-size: 14px; line-height: 30px; text-transform: uppercase;color: #5C5945;}

lable.vertical-line:before {
	content: "";
	border-left: 2px dashed #454545;
	margin-left: -96px;
	height: 120px;
	position: absolute;
	top: -2%;
	z-index: -99;
}

section.Lemon-servicesblock1.Showcase.py-5 {
	background: url(../assets/images/thingsdot1.png) no-repeat top 145px left 30px, url(../assets/images/thingsdot2.png) no-repeat top 100px right 25px;
}

.imginfo span.imgtitle.hover {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 43px;
	letter-spacing: 0.432909px;
	color: #FFFFFF;
}

section.Lemon-banner.ourwork-section.py-5 {
	padding-bottom: 0px !important;
}


.contact-form .form-group{margin-bottom: 40px;}

.contact-form label{font-family: Montserrat; font-style: normal; font-weight: 600; font-size: 14px; line-height: 50px;
letter-spacing: 0.272855px; text-transform: uppercase; color: #5C5945; margin-bottom: 0px !important;}

.contact-form .form-control{padding-left: 30px; border-radius: 30px;}

.contact-form .form-control:hover, .contact-form .form-control:focus{box-shadow: 0 0 0 0; outline: none; border-color: #EBEAED;}

textarea#message {
	border: 2.21277px solid #D6D6D6;
	box-sizing: border-box;
	border-radius: 30px !important;
	padding-top: 15px;
}


.contact-form .submit_btn{position: relative; padding: 16px 16px; transition: all 0.2s ease;
/*margin-left: 18%;*/
    
}
.contact-form .submit_btn:before { content: "";  position: absolute;  top: -2px;  left: 0;  display: block; border-radius: 28px;
    background: #B9D619; width: 56px; height: 56px; transition: all 0.3s ease;}
.contact-form .submit_btn:hover:before {width: 100%; background: #B9D619;	}
.contact-form .submit_btn span{position: relative; font-size: 20px; line-height: 20px; font-weight: 600;}
.contact-form  button{background:transparent !important; border: none !important;}
.contact-form .submit_btn:focus{outline: none;}

.contact-form .inputfile { width: 0.1px;  height: 0.1px;  opacity: 0; overflow: hidden; position: absolute; z-index: -1;}

.contact-form .inputfile:focus{outline: none;}


.contact-form  .inputfile + label { max-width: 100%; width: 100%; font-size: 18px;  font-weight: 400;
    text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden;
    padding: 2px 30px; text-transform: capitalize; font-family: Montserrat Alternates;  color: #a1a1a1;}

.no-js .inputfile + label { display: none;}

.inputfile:focus + label,
.inputfile.has-focus + label { outline: 1px dotted #000;  outline: -webkit-focus-ring-color auto 5px;}


.inputfile + label svg { width: 1em; height: 1em; vertical-align: middle;  fill: currentColor;  margin-top: -0.25em;
    margin-right: 0.25em;}

.inputfile-1 + label { color: #f1e5e6; background-color: #fff; border: 2.21277px solid #D6D6D6; border-radius: 30px;}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover { background-color: #fff; outline: none;}


.letspopup{max-width: 800px;}

.letspopup .contact-form {margin: 0px;}
.letspopup .contact-form .form-group { margin-bottom: 8px;}
.modal-header .close:hover{background: transparent;}

.letspopup #message { height: 80px !important;}

.address-grid {
	margin-bottom: 14px;
}

.contactus-banner .row h3 {
	margin-bottom: 27px;
}

#photo-gallery .col-md-6.col-lg-6:nth-child(even) {
	margin-top: -80px;
}

.Lemon-grids-3 h3.title-big.text-left.mb-5 {
	width: 70%;
}

.Lemon-grids-3 .col-lg-6.bottom-ab-left {
	margin-top: 120px;
}

.col-lg-6.col-sm-12.padding-rightleft:first-child {
	padding-left: 0px;
}

.col-lg-6.col-sm-12.padding-rightleft:last-child {
	padding-right: 0px;
}

.capabilities-section .col-md-4:nth-child(3n-1) {
	margin-top: 40px !important;
}


/*#Workflow .work-process i.fas img {*/


/*	margin-top: 14px;*/


/*}*/

section.capabilities-section {
	background: url(../assets/images/Frambg1.png) no-repeat bottom 62px right 130px;
}

.View-all-portfolio.text-right {
	text-align: right!important;
	float: right;
	width: 100%;
}

section.portfolio.section-portfolio .filters-content {
	border-bottom: 2px solid #EBEAED;
	padding-bottom: 40px;
}

.col-md-12.dropdown-secondmenu a:after {
	content: "";
	display: none;
}

.filter-dropdown-menu {
	border-radius: 0px 0px 30px 30px !important;
	border-top: 3px solid #F6D137 !important;
	position: absolute;
	left: -104px !important;
	width: auto !important;
	max-height: auto;
	background-color: #fff;
	padding: 40px;
	z-index: 9;
	opacity: 0;
	display: none;
}

.section-portfolio.portfolio .filters ul li:hover .filter-dropdown-menu {
	opacity: 1;
	display: block;
}

.filter-dropdown-menu .dropdown-item {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #212529 !important;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

.filter-dropdown-menu:after {
	position: absolute;
	display: block;
	top: -13px;
	left: 50%;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #F6D137;
	content: " ";
	font-size: 0;
	line-height: 0;
	width: 0;
	transform: rotate(180deg);
}

.service-box-icon-wrap {
	position: absolute;
	left: -25px;
	-webkit-transition: 400ms cubic-bezier(0.17, 0.67, 0, 1.01);
	-o-transition: 400ms cubic-bezier(0.17, 0.67, 0, 1.01);
	transition: 400ms cubic-bezier(0.17, 0.67, 0, 1.01);
}

.service-box-icon-wrap span.icon-browser {
	display: inline-flex;
	opacity: 0;
	transform: scale(0.7);
	-webkit-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
	-o-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
	transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}

.feature-gd:hover .service-box-icon-wrap span.icon-browser {
	opacity: 1;
	transform: scale(1);
}

.feature-gd:hover .service-box-icon-wrap {
	position: absolute;
	left: 5px;
}

.service-box-icon-wrap span.icon-browser {
	width: 45px;
	height: 45px;
	margin-top: -10px;
}

.icon-box.mb-2:hover p {
	height: auto;
	opacity: 1;
	visibility: visible;
	transition: all .50s ease;
	margin-top: 10px;
}

.about-banner .icon-box .description {
	height: 0;
	opacity: 0;
	visibility: hidden;
	line-height: normal;
}

.cta {
	position: relative;
	margin: auto;
	padding: 19px 22px;
	transition: all 0.2s ease;
}

.cta:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	border-radius: 28px;
	background: #c3d838;
	width: 56px;
	height: 56px;
	transition: all 0.3s ease;
}

.cta span {
	position: relative;
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 600;
	font-size: 20.4444px;
	line-height: 13px;
	letter-spacing: 0.578285px;
	color: #474747 !important;
}

.cta img {
	position: relative;
	top: 0;
	margin-left: 10px;
	transform: translateX(-5px);
	transition: all 0.3s ease;
}

.cta:hover:before {
	width: 100%;
	background: #c3d838;
}

.cta:hover img {
	transform: translateX(0);
}

.cta:active {
	transform: scale(0.96);
}

.View-all {
	position: relative;
	margin: auto;
	padding: 19px 22px;
	transition: all 0.2s ease;
}

.View-all:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	border-radius: 28px;
	/*background: #F6D137;*/
	width: 56px;
	height: 56px;
	transition: all 0.3s ease;
}

.View-all span {
	position: relative;
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 600;
	font-size: 17.5779px;
	line-height: 21px;
	letter-spacing: 0.497204px;
	color: #474747 !important;
}

.View-all img {
	position: relative;
	top: 0;
	margin-left: 10px;
	transform: translateX(-5px);
	transition: all 0.3s ease;
	margin-bottom: 2px;
}

.View-all:hover:before {
	width: 100%;
}

.View-all:hover img {
	transform: translateX(0);
}

.View-all:active {
	transform: scale(0.96);
}

.gallerys a.imglink img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.6s ease-in-out;
}

.gallerys a.imglink:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.pulse-button {
	cursor: pointer;
	box-shadow: 0 0 0 0 rgb(252 228 53);
	-webkit-animation: pulse 1.5s infinite;
}

.pulse-button:hover {
	-webkit-animation: none;
}

@-webkit-keyframes pulse {
	0% {
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	70% {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
		box-shadow: 0 0 0 20px rgba(90, 153, 212, 0);
	}
	100% {
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
	}
}




.articles__link {
	display: block;
	width: 100%;
	height: 100%;
}

.articles__content--lhs {
	clip-path: polygon(0 0, 51% 0, 51% 100%, 0 100%);
	-webkit-clip-path: polygon(0 0, 51% 0, 51% 100%, 0 100%);
}

.articles__content {
	background-color: #f6f6f8;
	color: #000;
	position: absolute !important;
	display: flex;
	flex-direction: column;
}

.articles__article,
.articles__article:before {
	width: 100%;
	min-height: 450px;
	height: 100%;
}

.articles__article {
	cursor: pointer;
	display: block;
	position: relative;
	perspective: 1000px;
	animation-name: animateIn;
	animation-duration: .35s;
	animation-delay: calc(var(--animation-order)*100ms);
	animation-fill-mode: both;
	animation-timing-function: ease-in-out;
}

.articles__link:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 24px;
	width: 16px;
	height: 16px;
	margin-top: 16px;
	clip-path: polygon(75% 0, 100% 50%, 75% 100%, 0 100%, 25% 50%, 0 0);
	-webkit-clip-path: polygon(75% 0, 100% 50%, 75% 100%, 0 100%, 25% 50%, 0 0);
	background-color:#f6f6f8;
	opacity: 0;
	transition: opacity .5s ease-in, transform .3s ease-in-out 0ms;
}

.articles__link:hover .articles__content--rhs {
	background-color: #f6f6f8;
	transform: rotateY(-50deg);
}

.articles__link:hover:after {
	opacity: 1;
	transform: translateX(calc(8px *1.5));
	transition: opacity .5s ease-in, transform .3s ease-in-out .25s;
}

.articles__content--rhs {
	clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
	-webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
	transition: transform .5s ease-in-out, background-color .4s ease-in-out;
}

section.about-banner .author-img img {
	animation: rotation 12s infinite linear;
	display: block;
}

@keyframes rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(359deg);
	}
}


@-ms-keyframes spin1 {
	0% {
		-ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-keyframes spin1 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


.about-top { background: url(images/about-banner1.png) no-repeat; background-position: top center; background-size: contain;}
.our-story-left{margin-top: 100px;}
.our-story-left h5.title-small.text-left.mt-5 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 6px;
    letter-spacing: 0.272855px;
    text-transform: uppercase;
    color: #5C5945;
    margin: 0px 0px 20px 0px !important;
}

.mission_block{ box-shadow: 0 2px 10px rgba(209, 133, 133, 0.25); background: #fff; padding: 50px;
	margin: 30px 0 0 30px; max-width: 100%; width: 500px; position: relative;}
.mission_block p{text-align: justify; line-height: 30px;}
.mission_block:after{background: #FCE438; max-width: 100%; width: 95%; height: 95%; content: ''; z-index: -1;
	position: absolute; left: -30px; top: -30px;}


.our-story-left p{line-height: 30px; margin: 32px 0;}

.our-story-right{margin-top:10px; margin-left: -100px; text-align: right;}
.our-story-right img {animation: storyrotation 6s infinite linear;}

.about-top #header{background-color: transparent;}

@keyframes storyrotation {
	0 {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(-15deg);
	}
	
	100% {
		transform: rotate(0deg);
	}
}


.photo-frame{margin-bottom: 30px; border-radius: 50px; overflow: hidden;}

.photo-frame .state-thumb a.imglink img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.4s ease-in-out;
	border-radius: 50px;
}

.photo-frame .state-thumb a.imglink:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	border-radius: 50px;
}

.photo-frame {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.state-thumb a.imglink:hover:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
}


#news-container{width: 400px; margin: auto;	margin-top: 30px; border: 5px solid #333333;}

#news-container ul li div{	border: 1px solid #aaaaaa;	background: #ffffff;}


.inner {
    padding: 30px 30px 30px 30px;
    margin: 20px;
}
.outer {
    max-width: 100%;
    margin: 0;
    position: relative !important;
}
.Portfolio-hover:hover>.outer>.inner {
    background-color: #f00;
}
.Portfolio-hover:hover>.outer>.inner .category {
    color: rgba(255,255,255,0.81);
}
.Portfolio-hover>.outer>.inner {
   align-items: center;
    position: absolute;
    top: 0px;
    width: 100% !important;
    height: 100% !important;
    /* left: -1px; */
       right: 0px;
    left: 0px;
    z-index: 1;
    -webkit-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    -o-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.Portfolio-hover>.outer>.inner .category {
    color: #ffffff;
    font-family: "Roboto Condensed", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}
.inner .title {
    font-family: "Poppins", Sans-serif;
    font-size: 25px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0px 0px 10px 0px;
}
.inner .title a {
    color: #000000;
}
.Portfolio-hover:hover>.outer>.inner>* {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.Portfolio-hover>.outer>.inner>* {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    -o-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
div#MagicScroll-1445460744709 {
    width: 100% !important;
    height: 400px !important;
}

.MagicScroll-vertical .mcs-item{
	font-size: unset !important;
}
.MagicScroll, .mcs-item, .mcs-wrapper, .mcs-items-container {    
    white-space: initial !important;
}
  .left {
    float: left;
    width: 50%;
}
.right {
    float: left;
    width: 50%;
}
.mcs-item:before {
	content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    letter-spacing: 3px;
    position: absolute;
    right: auto;
    text-align: center;
    padding-left: 0;
    left: 25px;
    color: #FBE335;
    font-size: 29px;
    background: #ffffff;
    border-radius: 100%;
    box-shadow: inset 0px 0px 0px 6px #f8e436;
    border: 2px solid #ffffff;
    margin-top: 24px;
    vertical-align: middle;
    padding: 24px;
}
lable.vertical-liness:after {
    content: "";
    border-left: 2px dashed #454545;
    /* margin-right: 39px; */
    height: 120px;
    position: absolute;
    top: -2%;
	z-index: -99;
	left: 60px;
}
.row.footer-p .col-lg-6.col-md-6.mt-lg-0.mt-4 {
    margin-left: 100px;
}

.mcs-items-container {
    counter-reset: my-badass-counter;
}

.row.footer-p h3.title-big {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 500;
    font-size: 19.1157px;
    line-height: 27px;
    letter-spacing: 0.540702px;
    color: #000000;
    text-align: left;
}
.row.footer-p p {
font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: normal;
    font-size: 19.1157px;
    line-height: 27px;
    letter-spacing: 0.540702px;
	color: #000000;
	text-align: left;
}
ul.footer-gd-16 {
    margin: 0px;
    padding: 0px 0px 0px 18px;
}
ul.footer-gd-16 li {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: normal;
    font-size: 13.0454px;
    line-height: 20px;
    color: #040404;
    text-align: left;
}
.MagicScroll.MagicScroll-vertical span {
    display: none !important;
}
.MagicScroll.MagicScroll-vertical >div a:first-child {
    display: none !important;
}
.MagicScroll-vertical .mcs-item {
    display: block;
    width: 100%;
     height: 100% !important;
}

/*.row.footer-p {*/
/*    height: 100% !important;*/
/*}*/
.Desktop-View{
    display:block;
}

.Mobile-responsive{
    display: none;
}


/* portfolio hover effect*/
.gridss .effect-ming {
    position: relative;
    float: left;
    overflow: hidden;
    /*margin: 10px 1%;*/
    min-width: 320px;
    max-width: 480px;
    /*max-height: 360px;*/
    width: 100%;
    height: auto;
    text-align: center;
    cursor: pointer;
}

.effect-ming:hover figcaption {
    background-color: rgb(169 131 97 / 0%);
}
.gridss .effect-ming figcaption, .gridss .effect-ming figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.gridss .effect-ming figcaption {
    padding: 1em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 20px;
}
.effect-ming:hover figcaption::before, .effect-ming:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
   	color: #474747 !important;
}
.section-portfolio.portfolio .filters-content .item.effect-ming figcaption p img {
    width: auto;
}
.section-portfolio.portfolio .filters-content .item img.img-fluid.arrow-hover-icon{
	width: auto;
}
.effect-ming figcaption::before {
    position: absolute;
    top: 12px;
    right: 12px;
    bottom: 12px;
    left: 12px;
    /*border: 2px solid #fff;*/
    box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
    content: '';
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.4,1.4,1);
    transform: scale3d(1.4,1.4,1);
}
.gridss .effect-ming figcaption::before, .gridss .effect-ming figcaption::after {
    pointer-events: none;
}
.effect-ming p {
    padding: 1em;
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.effect-ming p a:after{content: ''; background: url(images/viewall.png) no-repeat; position: relative; width: 30px; height: 13px;
    display: inline-block; background-size: contain; margin-left: 10px;}
    
    .portfolio-item .item.gridss img.arrowimg-icon {
    width: auto !important;
}

/*.portfolio-item .item.gridss a::after {*/
/*    content: '';*/
/*    background: url(https://lemondesignstudios.com/assets/images/viewall.png) no-repeat;*/
/*    position: relative;*/
/*    width: 30px;*/
/*    height: 13px;*/
/*    display: inline-block;*/
/*    background-size: contain;*/
/*    margin-left: 10px;*/
/*}*/

.effect-ming h2 {
    padding: 6em 1em 1em 1em;
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.effect-ming:hover figcaption::before, .effect-ming:hover h2 {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    	color: #474747 !important;
}
.effect-ming:hover figcaption::before {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	background: #fff;
	border-radius: 20px;
}

.effect-ming:hover a {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	border-radius: 20px;
}

.gridss .effect-ming h2 {
    margin: 0;
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 600;
    font-size: 22.7214px;
    line-height: normal;
    letter-spacing: 0.64269px;
    color: #fff;
    text-transform: capitalize;
}
.gridss .effect-ming p {
	margin: 0;
    font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: 500;
	font-size: 14.5023px;
	line-height: normal;
	letter-spacing: 0.410207px;
	color: #fff;
}

.casestudy{text-align: center; margin:10px 0 50px;}

.casestudy img{width: 100%;}

.container-send {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -65px;
	margin-top: -20px;
	width: 130px;
	height: 56px;
	text-align: center;
  }
  
  button {
	outline: none;
	height: 56px;
	text-align: center;
	width: 130px;
	border-radius: 40px;
	background: #fff;
	border: 2px solid #B9D619;
	color: #474747 !important;
	letter-spacing: 1px;
	text-shadow: 0;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.25s ease;
  }
  button:hover {
	color: white;
	background: #B9D619;
  }
  button:active {
	letter-spacing: 2px;
  }
  button:after {
	content: "";
  }
  
  /* .container-send  button:after {
	content: "SUBMIT";
  } */
.slick-slide {margin: 0px 20px; text-align: center; padding: 50px 20px; font-size: 22px;}

.slick-slide img {width: 100%;  }

.slick-prev:before, .slick-next:before {color: black;  }


.slick-slide {transition: all ease-in-out .3s; opacity: .2;  }

.slick-active {opacity: .5; }

.slick-current {opacity: 1; background: #FCE435; border-radius: 25px; box-shadow: 0px 27.2964px 36.3952px rgba(195, 203, 226, 0.22);}


.yay-nay-section{position: relative; top:0; margin-top: 150px; padding: 180px 0 180px; }

.hello_there{font-family: Montserrat Alternates; font-style: norma; font-size: 20px;}
.hello_there img{margin-left: -10px;}
.hello_there p{margin-bottom: 50px;}
.hello_there a.yaybtn{font-weight: 700; border-radius: 30px; padding: 10px 20px; background: #FFE300; color: #28270B;}
.hello_there a.naybtn{font-weight: 700; border-radius: 30px; padding: 10px 20px; margin: 0 10px; color: #686857;}

.yay-section{display: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; 
	transition: all 1s; text-align: center;}
.yay-section .owl-slider{margin-top: 50px;}
.yay-section h5{font-family: Montserrat Alternates;  font-style: normal; font-weight: 500;  font-size: 30px;
    line-height: 33px; letter-spacing: 0.334789px; color: #FCE435; }
.yay-section h3{font-family: Montserrat Alternates;  font-style: normal; font-weight: 500;  font-size: 30px;
    line-height: 33px; letter-spacing: 0.334789px; color: #383838;}




#ourproccess {}
#ourproccess .item {background: #FFFFFF;	box-shadow: 0px 10px 15px rgba(195, 203, 226, 0.22); border-radius: 14px; 
	margin: 50px 80px; padding: 30px; transition: all 0.5;
        min-height: 400px;
    height: 100%;
}
.ourproccess_front_back{}
.ourproccess_front{width: 100%; height: 100%; vertical-align: middle; padding-top: 6%;}
.ourproccess_front h5{font-size: 14px; font-family: Montserrat; font-weight: 600; color: #5C5945; text-transform: uppercase;}
.ourproccess_front h3{font-family: Montserrat Alternates, sans-serif; font-weight: 500; color: #000; font-size: 1.75rem; margin-bottom: 30px;}
.ourproccess_back{text-align: right;}
.ourproccess_back img{width: 80%; border-radius: 25px;}

#ourproccess .active .item{transform: scale(1.2);}
#ourproccess .owl-nav{text-align: right; margin-right: 15%;}
#ourproccess .owl-nav .owl-prev i.backleft-arrow, #ourproccess .owl-nav .owl-next i.nextright-arrow{ width: 55px; height: 55px;  border-radius: 100%;
    display: block;  background-position: center center !important;  background-repeat: no-repeat !important;
    background-size: 25px !important; }
#ourproccess .owl-nav .owl-prev i.backleft-arrow{border:2px solid #f8e435; background: #fff url('images/eva_arrow-back-fill.png');}
#ourproccess .owl-nav .owl-next i.nextright-arrow{border:2px solid #f8e435;  background: #f8e435 url('images/eva_arrow-next-fill.png');}

#ourproccess .owl-nav .owl-prev:hover i.backleft-arrow{border:2px solid #f8e435; background: #f8e435 url('images/eva_arrow-next-fill.png');
transform: rotate(180deg);}
#ourproccess .owl-nav .owl-next:hover i.nextright-arrow{border:2px solid #f8e435;  background: #fff url('images/eva_arrow-back-fill.png');
	transform: rotate(180deg);}

/*#ourproccess .owl-nav .owl-prev.disabled i.backleft-arrow{border:2px solid #f8e435; background: #fff url('images/eva_arrow-back-fill.png');}

#ourproccess .owl-nav .owl-next.disabledi.nextright-arrow{border:2px solid #f8e435;  background: #f8e435 url('images/eva_arrow-next-fill.png');}	

#ourproccess .owl-nav .owl-prev.disabled:hover i.backleft-arrow{border:2px solid #f8e435; background: #f8e435 url('images/eva_arrow-next-fill.png');
transform: rotate(180deg);}

#ourproccess .owl-nav .owl-next.disabled:hover i.nextright-arrow{border:2px solid #f8e435;  background: #fff url('images/eva_arrow-back-fill.png');
	transform: rotate(180deg);} */	

#ourproccess .owl-nav .owl-next, #ourproccess .owl-nav .owl-prev{width: 60px;}


.category_section{width: 100%; margin: 50px 0;}
.category_content{width: 100%; padding-top: 50px;}
.category_content ul{margin: 20px -20px; padding: 0; list-style: none;}
.category_content ul li{display: inline-block; width: 40%; margin: 0 20px; padding: 10px 0; font-size: 18px; font-weight: normal; 
	line-height: 20px; color: #212529; vertical-align: top; transition: all 0.3s ease; text-transform: capitalize;} 

.category_content ul li:hover{padding: 10px 5px;}

.category_imgbox{text-align: right;}


.lets{background: #F6F6F8; padding: 20px 0; font-size: 26px; text-align: center;}
.lets a{ border-radius: 25px;  padding: 6px 12px;  border: 1.5px solid #000;  margin-left: 40px;  font-size: 20px;  font-weight: 500;}

  
  .onclic {
	width: 56px;
	border-color: #bbbbbb;
	border-width: 3px;
	font-size: 0;
	border-left-color: #1ECD97;
	-webkit-animation: rotating 2s 0.25s linear infinite;
			animation: rotating 2s 0.25s linear infinite;
  }
  .onclic:after {
	content: "";
  }
  .onclic:hover {
	color: #1ECD97;
	background: white;
  }
  
  .validate {
	font-size: 13px;
	color: white;
	background: #B9D619;
  }
  .validate:after {
	font-family: "FontAwesome";
	content: "";
  }
  
  @-webkit-keyframes rotating {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(360deg);
	}
  }
  
  @keyframes rotating {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(360deg);
	}
  }
.container-send button#button:focus {
    outline: none !important;
}

.filters-content .row.grid .col-sm-4 img{border-radius: 20px;}

.filters-content .row.grid .col-sm-4:nth-of-type(even) {
    height: 500px;
}
.filters-content .row.grid.col-sm-4:nth-of-type(odd) {
    
    height: 500px;
}
.filters-content .row.grid .col-sm-4:nth-child(2) {
    margin-top: 0px;
	height: 500px;
}

section.contact-banner h3.mt-3.title-big.mb-4 {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: normal;
    font-size: 34.3539px;
    line-height: 42px;
    letter-spacing: 0.306359px;
    color: #11143A;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
	.social-links.mt-0.text-right {
		text-align: left !important;
	}
	footer .footer-bottom p.text-left.mb-2 {
		margin-bottom: 15px !important;
	}
	.col-lg-8.text-right {
		text-align: center !important;
	}
	section.Lemon-banner.py-5 {
		margin-top: 95px;
	}
	/* .video-banner {
		background: url('../assets/images/Frambg2.png') no-repeat top 10px left, url('../assets/images/Frambg1.png') no-repeat top 12px right;
	} */
	#circle-orbit-container {
		position: relative;
		top: 25px;
		left: 0px;
		height: 350px;
		width: 350px;
		overflow: hidden;
	}
	label.dotted-borderss {
		height: 1px;
		width: 232px;
		display: block;
		position: absolute;
		left: 170px;
		top: 30px;
		border: 1px dotted #ffffff;
		display: none;
		border-radius: 4px;
	}
	footer {
		background: url(../assets/images/footerbgmobile.png) no-repeat top left -335px;
		background-color: #1E1E1E;
	}
	.outer-orbit-cirlces.middle {
		z-index: 9;
		top: 172px;
		left: -30px;
		position: absolute;
		height: 30px;
		width: 30px;
		border-radius: 100%;
	}
	.dropdown-menu {
		border-radius: 0px !important;
		border-top: 3px solid #F6D137 !important;
		position: absolute;
		left: 0px !important;
		width: 100% !important;
		/*max-width: 488px;*/
		opacity: 0;
	}
	div#navbartoggle {
		height: 100vh;
		overflow-y: auto;
		z-index: 9;
	}
	.Video-reel-innerPlay {
		position: absolute;
		left: 46.22222222%;
		top: 72px;
	}
	.video-wrapper {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	h3.mb-2.title-big.mb-4 {
		margin-right: 0px;
		width: 100%;
	}
	section#home {
		background: url(../assets/images/Dots.png) no-repeat top 0px left 20px, url(../assets/images/Dotsbottom.png) no-repeat bottom 20px right 20px;
	}
	footer .address p {
		font-size: 15px;
		color: #fff;
		width: 100%;
		font-style: Normal;
		font-weight: normal;
		letter-spacing: 0.308131px;
	}
	.form-group.margin-top {
		margin-top: 0px;
		margin-bottom: 42px;
	}
	.aboutus-banner {
		background: url(../assets/images/Dots.png) no-repeat top 20px left 15px, url(../assets/images/Dotsbottom.png) no-repeat bottom 75px right 20px;
	}
	.nav-link {
		display: block;
		padding: 10px 1rem;
	}
	section.contact-banner.bg-white.py-5 {
		margin-top: 95px;
	}
	.contact-banner {
		background: url(../assets/images/Dots.png) no-repeat top 15px left 15px, url(../assets/images/Dotsbottom.png) no-repeat top 185px right 24px;
	}
	.Lemon-follow-social.py-5 .col-lg-4 {
		text-align: center;
	}
	.row.social-accounts h4 {
		margin: 0px 0px 20px 0px;
	}
	.about-banner .icon-box {
		padding: 40px 24px;
		width: 100%;
	}
	.about-banner .icon-box .description {
		float: left;
		width: 100%;
		margin-left: 0px;
		text-align: left;
	}
	.about-banner .icon-box .title {
		float: left;
		width: 100%;
		margin-left: 0px;
		text-align: left;
		margin-top: 20px;
	}
	section.Career-team .my-sm-5 {
		margin-bottom: 48px;
	}
	h3.accordion-thumb {
		font-size: 14.6463px;
		line-height: normal;
		letter-spacing: normal;
	}
	.col-lg-9.bottom-ab-left {
		width: 100%;
		margin-bottom: 48px;
	}
	#header .navbar-light .navbar-nav .nav-link {
		text-align: center;
	}
	.navbar button[aria-expanded="true"]>span.close {
		display: inline;
		color: #00000080;
		opacity: 1;
	}
	button[aria-expanded="true"]>span.navbar-toggler-icon {
		display: none;
	}
	button[aria-expanded="false"]>span.close {
		display: none;
	}
	.col-md-6.col-lg-6 {
		margin-top: 40px;
	}
	.Lemon-grids-3 h3.title-big.text-left.mb-5 {
		width: 100%;
	}
	.Lemon-grids-3 .col-lg-6.bottom-ab-left {
		margin-top: 0px;
	}
	section.ourclient-grids .fea-gd-vv.row .col-lg-3.col-md-6.mt-4 {
		width: 50%;
	}
	/*.col-lg-6.mt-lg-0.mt-5 {*/
	/*	margin-top: 0px !important;*/
	/*}*/
	section.capabilities-section {
		background: url(../assets/images/Frambg1.png) no-repeat bottom 20px right 20px;
	}
	.custom-profilepic {
		/*background: #FCE435;*/
		margin: 4px auto;
		/*width: 32px;*/
		/*height: 32px;*/
		border-radius: 8px;
		text-align: center;
		/*line-height: 32px;*/
		border-radius: 50%;
		padding: 8px;
	}
	.filter-dropdown-menu.show {
		border-radius: 0px 0px 30px 30px !important;
		border-top: 3px solid #F6D137 !important;
		position: absolute;
		left: 0px !important;
		width: auto !important;
		max-height: auto;
		background-color: #fff;
		padding: 40px;
	}
	.filter-dropdown-menu:after {
		position: absolute;
		display: block;
		top: -13px;
		left: 10%;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-top: 12px solid #F6D137;
		content: " ";
		font-size: 0;
		line-height: 0;
		width: 0;
		transform: rotate(180deg);
	}
	.portfolio-banner {
		background: url(../assets/images/Dots.png) no-repeat top left 40px, url(../assets/images/Dotsbottom.png) no-repeat bottom right 20px;
	}
	.gallary video#image {
		width: 100%;
		cursor: zoom-in;
		display: block;
		height: 22vh;
	}
	section.Lemon-servicesblock1.Showcase .col-lg-6.text-right {
		margin-top: -112px;
	}
	.item a.imglink:hover:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: inline-block;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
	}
	.View-all-portfolio.text-right {
		text-align: right!important;
		float: right;
		width: 100%;
		padding-right: 0px;
		padding-top: 24px;
	}
	.item-vertical {
		padding: 12px 24px;
		/* margin-top:; */
	}
	.custom-testimonial-title {
		font-size: 16px;
		line-height: 1.5;
		margin-top: 0px;
		margin-left: 18px;
	}
	.aboutus-banner h3.mb-2.title-big.mb-4 {
		width: 100%;
	}
	.row.footer-p .col-lg-6.col-md-6.mt-lg-0.mt-4 {
    margin-left: 0px;
	}

	.Mobile-responsive{
		display: block;
	}
	/* .Desktop-View{
		display:none;
	} */

	.MagicScroll-vertical .mcs-item {
		display: block;
		width: 100%;
		height: 100% !important;
	}

	.items {
		height: 401px;
		background: transparent;
		margin: 0 auto;
		overflow-x: hidden;
		overflow-y: auto;
		cursor: pointer;
		position: relative;
	}

	.row.footer-p {
		margin-top: 94px !important;
	}
	.mcs-item:before {
		margin-top: 20px;
	}

	.gridss .effect-ming {
		margin: 0px;
		min-width: 320px;
		max-width: 480px;
		max-height: 360px;
		width: 100%;
		/*padding: 15px;*/
	}

	.dropdown-menu:after {
		position: absolute;
		display: block;
		top: 50px;
		left: 50%;
	}

	.category_imgbox img{width: 100%;}

	.category_content ul{margin: 20px 0;}
	.category_content ul li{width: 100%; margin: 0 0;}
	.navbar-toggler{width: auto;}

	#photo-gallery .col-md-6.col-lg-6:nth-child(even) { margin-top: 0; }

	.our-story-left{margin-top: 52px;}
	.our-story-right{margin-left: 0;}

	.our-story-right img{width: 100%;}

	.mission_block{width: 90%; margin-bottom: 50px;}

	#header ul.navbar-nav{background-color: #fff;}

	.dropdown-menu.main-header-menu{ position: relative; left: 0 !important; top: 10px; max-width: 100%;}

	html,body{overflow-x: hidden;}


	.video-banner h1 {
		font-size: 30px;
		margin: 0 0 32px;
		line-height: 40px;
		padding: 0px 0px;
	}

	.video-banner .offset-3{margin-left: 0 !important;}


	.articles__article, .articles__article:before{min-height: 500px;  margin-bottom: 10px;}


	.Lemon-banner .img-effect img{width: 100%;}

	#ourproccess .item{margin: 50px 50px;}

	.ourproccess_front h3{font-size: 1.50rem;}

	/*.dropdown-menu.show {*/
	/*    display: none;*/
	/*}*/

}

.megamenu-li {
  position: inherit;
    margin-bottom: 40px;
}

.megamenu {
  position: absolute;
  width: 80%;
  left: 0;
  right: 0;
  padding: 15px;
   background: #f6f6f8;
    margin: 0px;
    border: none;
    margin-left: -103px;
}

ul.dropDown-tltp .dropdown-menu.megamenu a:after{
    content: "";
    display: none;
}
.dropdown-menu.megamenu.show .dropdown-item {
    display: inline-block !important;
    width: auto;
}

ul.dropDown-tltp .nav-link{padding: 10px 5px;}

/*-----------------blog----------------------*/
section.newsection-blog .card-thumbnail {
	height: 200px;
	width: 100%;
	min-width: auto;
}

section.newsection-blog .card-thumbnail img {
	min-width: auto;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}

.Lemon-BlogCard-image {
	height: 200px;
	width: 100%;
	min-width: auto;
}

.Lemon-BlogCard-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}

.card.my-3:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.card.my-3:hover .card-body:hover h3.card-title.Lemon-BlogCard-Label {
	opacity: .6;
}

.card.my-3:hover .card-body:hover p.card-text.Lemon-BlogCard-Description {
	opacity: .6;
}

.col-12.col-md-4.Lemon-BlogCardItem.content {
	display: none;
}

.card.my-3 {
	border: none !important;
	overflow: hidden;
}

.card-thumbnail{height: 250px; overflow: hidden;}
section.newsection-blog.py-5s.my-5 .card-body { padding: 0px !important; }

.Lemon-Header { padding: 24px 0 80px; }

.col-12.px-0.Lemon-pageHeader-Heading { margin-bottom: 32px; }

.Lemon-DividerLine-line { background: #000; height: 2px; }

.Lemon-BlogCardList { padding: 72px 0 104px; }

    h2.Lemon-PageHeader-title {
      font-family: Montserrat Alternates;
      font-style: normal;
      font-weight: normal;
      font-size: 42px;
      line-height: normal;
      letter-spacing: 0.497204px;
      color: #474747 !important;
    }

    h3.card-title.Lemon-BlogCard-Label {
      font-family: Montserrat Alternates;
      font-style: normal;
      font-weight: 700;
      font-size: 17.5779px;
      line-height: normal;
      letter-spacing: 0.497204px;
      color: #474747 !important;
      padding: 20px 0px 0px 0px;
    }

    p.card-text.Lemon-BlogCard-Description {
      font-family: Montserrat Alternates;
      font-style: normal;
      font-weight: 400;
      font-size: 17.5779px;
      line-height: normal;
      letter-spacing: 0.497204px;
      color: #474747 !important;
	  min-height: 132px;
	  height: 100%;
    }

    .Lemon-loadmore-button {     
      width: 100%;
      margin-top: 104px;
      margin-bottom: 104px;
      cursor: pointer;
      text-align: center;
    }
    .Lemon-loadmore-button #loadMore {
    border: 3px solid #000;
    background: #fff;
    padding: 12px 30px;    
    font-size: 22px;
    line-height: 28px;
    font-style: normal;
    font-weight: 500;    
    align-items: center;
    outline: none;
}
#scroll {
    position:fixed;
    right:20px;
    bottom:50px;
    cursor:pointer;
    display:none;
	color: #000;
	width: 200px;
    text-align: center;
    font-size: 14px;
	z-index: 9;
}
#scroll span {
    position:absolute;
    top:-40%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#000000;
}
/* #scroll:hover {
    background-color:#000000;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
} */


.portfolio-menu { text-align: center;  margin: 30px auto 50px;}
.portfolio-menu ul { padding:0;}
.portfolio-menu ul li { display: inline-block;  margin: 0; list-style: none;  padding:12px 10px;
    cursor: pointer;  transition: all .5 ease; position: relative;}
.portfolio-menu ul li:after {
		content: "";
		display: inline-block;
		height: 9.88px;
		width: 9.88px;
		margin-right: 1rem;
		margin-left: 0.5rem;
		vertical-align: middle;
		border-right: 1px solid;
		border-bottom: 1px solid;
		transform: rotate(45deg);
		color: #474747;
	}

.portfolio-menu ul li .submenu1{background: #f6f6f8;
    position: absolute;
    top: 46px;
    left: -380px;
    content: '';
    display: none;
    width: 1150px;
}

.portfolio-menu ul li .submenu1  li {color: #000; padding: 26px 16px;}

.portfolio-menu ul li .submenu1  li:hover{ color: #F6D137;}

.portfolio-menu ul li .submenu1 ul li:after{display: none;}

.portfolio-menu ul li:hover .submenu1{display: block;}


.portfolio-menu ul li:hover { color: #F6D137;
    background: #f6f6f8;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;}

.portfolio-menu ul li.active { color: #F6D137;
    background: #f6f6f8;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;}

.portfolio-item { max-width: 100%; margin: 86px 0 30px 0px; text-align: center;}



.portfolio-item .item.gridss{
    width: 30%;
    display: inline-block;
	margin: 0 15px;
	height: 450px;
}

.portfolio-item .item.gridss img{width: 100%; height: 100%; border-radius: 20px;}

.col-lg-8.offset-3.home-banner-CTA {
    padding: 0px 0 50px;
	/* padding: 0px 0 0px; */
}

.col-lg-8.offset-3.home-banner-CTA a.cta{
    /* margin: 20px 20px;. */
    float: left;
}

.footer-bottom p.text-center.mb-2 a:hover {
    color: #ffffff !important;
}

.layouts-two-grids {
    width: 100%;
}
.layouts-two-grids {  
    margin: 0em auto;
   
}
.mid-class {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    
}
.txt-left-side {
    width: 50%;
	/* padding: 16px 95px; */
	padding: 0px 76px 0px 0px;
}
.img-right-side {
    width: 50%;
    /* background: #F6D137; */
	text-align: center;
	margin-top: 42px;
}
.work-with-us .modal-body {
    /* padding: 0px !important; */
	padding: 40px 67px 20px 67px !important;
	height: 580px;
    overflow: auto;
}
.modal.fade.work-with-us.show .modal-header {
    padding: 0px !important;
}
.modal.fade.work-with-us.show .modal-header {
    border: none !important;
}
.modal.fade.work-with-us.show .modal-header button.close {
	padding: 0px !important;
    float: right;
    text-align: right;
    position: absolute;
    right: 34px;
    z-index: 99;
    top: 16px;
	outline: none;
	opacity: 1;
}
.modal.fade.work-with-us.show .modal-header button.close:focus {
    outline: none;
}
.text-2 {
    text-align: center;
}
.img-right-side img.img-fluid {
    margin: 0px;
	max-width: initial;
}
.text-2 img {
    margin: 0px !important;
}
.txt-left-side h1.mb-5.dropline {
    margin-bottom: 24px !important;
	font-size: 24px !important;
	color: #000;
}
.txt-left-side p {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: normal;
    font-size: 14.0663px;
    line-height: 24px;
    display: flex;
    text-align: left;
    color: #666666;
	margin-bottom: 0px !important;
}
.form-row.send-button {
    margin-top: 20px;
}
.form-row.send-button button.submit_btn {
    margin-left: 0px;
}

.thanku_content  {
    width: 838px !important;
    background: #fff;
    padding: 32px 96px 25px 96px;
    border: solid 1px #a2b2c3;
    position: relative;
	margin: 3% auto;
	height: 644px;
	border-radius: 0px;
}
.thanku_exhaustedinner {
    margin: 0 auto;
    text-align: center;
    margin-top: 22px;
}
.thankuchange_popup {
    position: absolute;
    right: 34px;
    cursor: pointer;
    z-index: 99999;
	top: 26px;
}
.thankuchnage_btn p {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: normal;
    font-size: 17.0663px;
    line-height: 29px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.336095px;
    color: #666666;
}
.modal.fade.work-with-us.show .modal-content {
    border-radius: 0px;
}
.news-letter:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 28px;
    background: #FCE435;
    width: 0px;
    height: 56px;
    transition: all 0.3s ease;
}

/* lets connect */
.modal-dialog.letspopup .modal-body {
    /* padding: 0px !important; */
	padding: 60px 67px 47px 67px !important;
}
.modal-dialog.letspopup.modal-lg .modal-header {
    padding: 0px !important;
    border-bottom: none;
}
.modal-dialog.letspopup.modal-lg .modal-header button.close {
    padding: 0px !important;
    float: right;
    text-align: right;
    position: absolute;
    right: 34px;
    z-index: 99;
    top: 16px;
    outline: none;
    opacity: 1;
}
.section-title h3 {  
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 500;
    font-size: 26.131px;
    line-height: 33px;
    letter-spacing: 0.334789px;
    color: #383838;
}
.lets a.news-letter {
    border: 1px solid black;
    width: auto;
    /* background: linear-gradient(to right, #b9d619 50%, #f8e435 50%);
    background-size: 200% 100%;
    background-position: right bottom; */
    transition: all .5s;
}
.lets a.news-letter:hover {
	color: #ffffff !important;
    background: #000000 0% 0% no-repeat padding-box;
    border: .5px solid #000000;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 12%);
}
.lets a.contact-us {
    border: 1px solid black;
    width: auto;
    /* background: linear-gradient(to right, #b9d619 50%, #f8e435 50%);
    background-size: 200% 100%;
    background-position: right bottom; */
    transition: all .5s;
}
.lets a.contact-us:hover {
	color: #ffffff !important;
    background: #000000 0% 0% no-repeat padding-box;
    border: .5px solid #000000;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 12%);
}
.txt-left-side .contact-form label {
    font-size: 10px;
    font-weight: 700 !important;
	line-height: 34px;
}
.txt-left-side .contact-form .inputfile + label{
    line-height: 34px !important;
    border: 2px solid #D6D6D6 !important;
}
.modal-dialog.modal-lg.work-with {
    max-width: 800px !important;
}
.txt-left-side .contact-form input::placeholder {
    font-size: 13px !important;
}
.txt-left-side .contact-form textarea::placeholder {
    font-size: 13px !important;
}
.txt-left-side .contact-form textarea#message {
	height: 70px !important;
}
.txt-left-side .contact-form input.form-control{
	height: 42px !important;
}
.modal-dialog.letspopup.modal-lg .txt-left-side h1.mb-5.dropline {
    margin-left: 24px;
}
.modal-dialog.letspopup.modal-lg .form-group.send-button button#button1 {
	margin-left: 0px;
}
/* thanku page css */
.lets.thank_you-bootom-strip {
    padding: 105px 0px;
}
section#thank_you {
    margin: 150px auto 0;
}
section#thank_you .banner-wrapper.text-center span.text {
    font-family: Sacramento;
    font-style: normal;
    font-weight: normal;
    font-size: 62.6099px;
    line-height: 91px;
    letter-spacing: 0.55834px;
    color: #F5E34A;
}

section#thank_you .banner-wrapper.text-center h1.mb-5.title{
font-family: Montserrat Alternates;
font-style: normal;
font-weight: normal;
font-size: 37.7168px;
line-height: 46px;
letter-spacing: 0.336349px;
color: #11143A;
margin-top: -26px;
}
section#thank_you .banner-wrapper.text-center p.mx-lg-5{
font-family: Montserrat Alternates;
font-style: normal;
font-weight: normal;
font-size: 20.5129px;
line-height: 30px;
text-align: center;
letter-spacing: -0.817071px;
color: #11143A;
}
section#thank_you .container.py-md-3 {
    margin-bottom: -70px;
}
.col-md-12.input-file-upload label {
    line-height: 34px !important;
}
.lets.thank_you-bootom-strip {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: normal;
    font-size: 22.0662px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -0.878943px;
    color: #11143A;
}
section#thank_you .banner-wrapper.text-center span.text {
    font-family: Sacramento;
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: 0.55834px;
    color: #F5E34A;
}

/* newsletter section css start */
.newsletter {
    padding: 54px 0px;
	background: #F6F6F8;
	text-align: center;
}

.newsletter .row.justify-content-center  h3 {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: normal;
    font-size: 37.4122px;
    line-height: 46px;
    text-align: center;
    letter-spacing: -0.356307px;
    color: #555555;
    margin-bottom: 53px;
}
.newsletter form {
	display: flex;  
}
.newsletter form input[type="email"] {
	padding: 18px 40px 16px 40px;
	width: 550px;
    /* width: calc(100% - 150px); */
    border: 2px solid #EBEAED;
    box-sizing: border-box;
    border-radius: 100px;
	font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    display: flex;
    align-items: center;
    color: rgba(21, 20, 57, 0.4);
}
.newsletter form input[type="submit"] {
    border: 0;
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    /* display: flex; */
    align-items: center;
    text-align: center;
    padding: 16px 34px;
    background: #FCE435;
    color: #000000;
    border-radius: 50px;
	margin: 0px 0px 0px 24px !important;
} 
input:focus, textarea:focus, select:focus{
	outline: none;
}
div#mc_embed_signup_scroll {
    width: 100%;
}
.mc-field-group {
    width: 100%;
}
.newsletter .container form#mc-embedded-subscribe-form {
    background: #f6f6f8 !important;
}
.validate:after {
    font-family: "FontAwesome";
    content: "";
	display: none;
}
#mc_embed_signup div.mce_inline_error {   
	background-color: #6b050500 !important;
    font-weight: bold;
    z-index: 1;
	color: #555555 !important;
    font-size: 18px;
	margin-top: 24px !important;
	font-weight: 400 !important;
}
#mc_embed_signup div.mce_inline_error::last-word{
	color: transparent;
}
#mc_embed_signup input.mce_inline_error {
    border-color: #f8e435 !important;
}


.lemon-dropdown-select #dLabel {
	width: 100% !important;   
    text-align: left;
    padding: 7.5px 34px;    
    border-radius: 50px;
    height: 42px !important;
	border: 2.21277px solid #EBEAED !important;
	box-sizing: border-box;
	font-size: 13px;
	color: #495057 !important;
  }
  button#dLabel {
    font-weight: normal !important;
}
  
  .lemon-dropdown-select .caret {
	float: right;
	margin-top: 9px;
	display: block;
  }
  
  .lemon-dropdown-select .dropdown-menu {
	width: 100%;
	padding: 0;
	margin: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	opacity: 1;
  }
  
  .lemon-dropdown-select .dropdown button:hover,
  .lemon-dropdown-select .dropdown button:focus {
	border: none;
	outline: 0;
  }
  
  .lemon-dropdown-select .dropdown.open button#dLabel {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;  
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
	border: solid 1px #666;
	border-bottom: none;
  }
  
  .lemon-dropdown-select .dropdown.open ul {
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
	border: solid 1px #666;
	border-top: none;
	height: 200px;
	overflow-y: scroll;
  }
  
  .lemon-dropdown-select .dropdown-menu li {
	line-height: 1.5;
	letter-spacing: 0.7px;
	color: #495057 !important;
	font-size: 14px;
	cursor: pointer;
	padding: 7.5px 34px;
	border-top: solid 1px #f3f3f3;
  }
  
  .lemon-dropdown-select .dropdown-menu li:hover {
	background-color: #ccc;
  }

  .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
   width: 310px;
}
.dropdown-widthmultiple .dropdown.bootstrap-select.show-tick.show .dropdown-menu.show div.inner.show {
   padding: 0px !important;
   margin: 0px !important;    
}
.dropdown-widthmultiple .dropdown.bootstrap-select.show-tick.show .dropdown-menu.show {
   border: 1px solid #EBEAED !important;
   box-sizing: border-box;
   border-radius: 30px !important;
}
.dropdown-widthmultiple .dropdown.bootstrap-select.show-tick.show .dropdown-menu.show div.inner.show ul.dropdown-menu.inner.show li.selected {
   background: #FCE435;
   /* border-bottom: 1px solid #EBEAED !important; */
}
.dropdown-widthmultiple button.btn.dropdown-toggle.btn-light {
   border: 2px solid #D6D6D6 !important;
   box-sizing: border-box;
   border-radius: 100px !important;
   height: 42px !important;
}
.dropdown-widthmultiple .dropdown.bootstrap-select.show-tick.show .dropdown-menu.show div.inner.show ul.dropdown-menu.inner.show li {
   border: none !important;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
	 top: 14px!important;
}
.dropdown-widthmultiple .dropdown.bootstrap-select.show-tick.show .dropdown-menu.show .dropdown-item:focus, .dropdown-widthmultiple .dropdown.bootstrap-select.show-tick.show .dropdown-menu.show .dropdown-item:hover {
   color: #ffffff;
   text-decoration: none;
   background-color: #f8f9fa00;
   outline: none;
}
ul.dropdown-menu.inner.show li:hover {
   background-color: transparent;
}
div.inner.show {
   margin: 0px !important;
   padding: 0px !important;
}
ul.dropdown-menu.inner.show li a {
   font-family: Montserrat Alternates;
   font-style: normal;
   font-weight: 500;
   font-size: 16.1702px;
   line-height: 21px;
   display: flex;
   align-items: center;
   color: rgba(21, 20, 57, 0.4) !important;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
   outline: thin dotted #33333308!important;
   outline: none;
   outline-offset: unset;
}
.dropdown.bootstrap-select {
    width: 100% !important;
}
.col-md-10.dropdown-widthmultiple .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{
	outline: none !important; 
	box-shadow: 0 0 0 -0.8rem rgb(216 217 219 / 50%) !important;
}
.dropdown-widthmultiple.select-height button.btn.dropdown-toggle.btn-light {
    border: 2px solid #D6D6D6 !important;
    box-sizing: border-box;
    border-radius: 100px !important;
    height: 54px !important;
    padding: 14px 30px;
    line-height: 1.5;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {  
    color: #000;
	font-size: 14px;
}
.filter-option-inner-inner {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.497204px;
    color: #9A9A9A;
}
.dropdown.bootstrap-select.show-tick  button.btn.dropdown-toggle.btn-light.bs-placeholder .filter-option-inner-inner {
    color: #9A9A9A;
    font-size: 17.5779px;
}
.dropdown.bootstrap-select.show-tick button.btn.dropdown-toggle.btn-light .filter-option-inner-inner {
    color: #474747;
    font-size: 14px;
}
.dropdown.bootstrap-select.dropup button.btn.dropdown-toggle.btn-light .filter-option-inner-inner {
    color: #474747;
    font-size: 14px;
}
.dropdown.bootstrap-select button.btn.dropdown-toggle.btn-light .filter-option-inner-inner {
   color: #9A9A9A;
    font-size: 17.5779px;
}
textarea#message {
    color: #474747;
    font-size: 14px
}
.form-control:focus, .form-control:active {
    background: transparent;
      background-color: #E8F0FE00 !important;
  background-image: none !important;
}
input:-webkit-autofill, input:focus:-webkit-autofill {
      -webkit-box-shadow: 0 0 0 100px rgb(250 255 189 / 0%) inset;
}
input:-internal-autofill-selected{
    -webkit-box-shadow: 0 0 0 100px rgb(250 255 189 / 0%) inset;
}input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active
{
 -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.placeholder-text .filter-option-inner-inner {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: normal;
    font-size: 12.5779px;
    letter-spacing: 0.497204px;
    color: #9A9A9A;
    padding: 4px 0px 4px 18px;

}
/* button.btn.dropdown-toggle.btn-light
{
	width: 310px;
} */
.col-md-10.dropdown-widthmultiple.select-height button.btn.dropdown-toggle.btn-light {
    width: 100%;
}
.dropdown-widthmultiple.placeholder-text button.btn.dropdown-toggle.btn-light:focus {
    outline: none !important;
    box-shadow: 0 0 0 -0.8rem rgb(216 217 219 / 50%) !important;
}
div#mc_embed_signup div#mce-responses {
    margin: 28px 0px;
}
.blog_d_content.designblog-mt {
    margin-top: 54px;
}
.mx-auto.text-center.blog-designthink-mt-5 {
    /* margin-top: 94px !important; */
}
section.portfolio.section-portfolio .portfolio-menu ul.dropDown-tltp li.active:after {
    content: "";
    display: inline-block;
	height: 9.88px;
    width: 9.88px;
    margin-right: 1rem;
    margin-left: 0.5rem;
    vertical-align: middle;
    border-right: 1px solid;
    border-bottom: 1px solid;
    transform: rotate( 
227deg
 );
    color: #474747;
}
section.portfolio.section-portfolio .portfolio-menu ul.dropDown-tltp li:hover::after {
    content: "";
    display: inline-block;
	height: 9.88px;
    width: 9.88px;
    margin-right: 1rem;
    margin-left: 0.5rem;
    vertical-align: middle;
    border-right: 1px solid;
    border-bottom: 1px solid;
    transform: rotate( 
227deg
 );
    color: #474747;
}
section.portfolio.section-portfolio .portfolio-menu ul.dropDown-tltp li .submenu1 ul li:hover::after{
	content: "";
	display: none;
}
.Your-Budget .dropdown-menu.show {
    border: 1px solid #EBEAED !important;
    box-sizing: border-box;
    border-radius: 30px !important;
}
.Your-Budget .dropdown-menu.show ul.dropdown-menu.inner.show li.selected.active {
	background: #FCE435;
}
.Your-Budget .dropdown-menu.show ul.dropdown-menu.inner.show li {
    border: none;
}
.Your-Budget ul li.dropdown-item.active, .Your-Budget ul li .dropdown-item:active {    
    background-color: #007bff00;
	outline: none;
}
.Your-Budget ul li .dropdown-item:focus, .Your-Budget ul li .dropdown-item:hover {
     background-color: #f8f9fa00 !important;
	 outline: none;
}
.Your-Budget ul li.dropdown-item.active, .Your-Budget ul li.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff00 !important;
}
.Your-Budget .dropdown-menu.show ul.dropdown-menu.inner.show li.selected.active .dropdown-item.active, .Your-Budget .dropdown-menu.show ul.dropdown-menu.inner.show li.selected.active .dropdown-item:active {
     background-color: #b10e7000 !important;
}
.footer-bottom .Footer-menulink a {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.308131px;
    color: #1E1E1E !important;
    border-right: 1px solid #1E1E1E;
}
.footer-bottom .Footer-menulink a:last-child {
    border-right: none;
}
.copyright-txt p.text-center.my-3 {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.308131px;
    color: #1E1E1E;
}
.copyright-txt {
    background: #C3D838;
}
.copyright-txt p.text-center.my-3 a:hover {
    color: #fff !important;
}
#header ul.navbar-nav li.nav-item a.nav-link.GetStarted {
    border: 0;
    align-items: center;
    text-align: center;
    background: #FCE435;
    color: #000000;
    border-radius: 50px;
	cursor: pointer;
	padding: 10px 24px;
	box-shadow: inset 0 0 0 0 #ffffff;
   
}

.img-right-side span {
    font-family: Sacramento;
    font-style: normal;
    font-weight: normal;
    font-size: 43.5334px;
    line-height: 28px;
    letter-spacing: 0.38822px;
    color: #FFE41E;
}
.img-right-side h1 {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 500;
    font-size: 11.6434px;
    line-height: normal;
    letter-spacing: 0.329343px;
    color: #11143A;
}
.dropdown-widthmultiple .dropdown.bootstrap-select.show-tick.show .dropdown-menu.show div.inner.show ul.dropdown-menu.inner.show li a {
    font-size: 14px !important;
}
.Your-Budget .dropdown-menu.show ul.dropdown-menu.inner.show li a {
    font-size: 14px !important;
}
.video-banner p.banner-contenttext {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 400;
    font-size: 18.4444px;
    line-height: normal;
    letter-spacing: 0.578285px;
    color: #474747 !important;
}
.social-links.mt-0.text-center a img {
   width: 30px;
	max-width: 100%;
}
.topbar.lemondesigntopbar ul li {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: normal;
    font-size: 13.5779px;
    line-height: 30px;
    letter-spacing: 0.497204px;
    color: #474747 !important;
}
.topbar.lemondesigntopbar ul li:first-child {
    margin-left: 60px;
}
.gallary {
    width: 100%;
    margin: 0 auto;
}
.topbar.lemondesigntopbar .col-sm-12.text-center {
    text-align: center !important;
}
.topbar.lemondesigntopbar ul li a span {
    font-weight: 600;
}
.thanku_exhaustedinner.py-md-3 h1 {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: normal;
    font-size: 22.3275px;
    line-height: 27px;
    letter-spacing: 0.199111px;
    color: #11143A;
	margin-bottom: 24px !important;
}
.thanku_exhaustedinner.py-md-3 span.text {
    font-family: Sacramento;
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    line-height: 22px;
    letter-spacing: 0.55834px;
    color: #F5E34A;
}
.thanku_exhaustedinner.py-md-3 p.mx-lg-5 {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: normal;
    font-size: 18.1431px;
    line-height: 28px;
    text-align: center;
    color: #11143A;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
section.photo-gallery.Ourclient-section .col-md-6.col-lg-6 {
    padding: 0px 72px 0px 0px;
}
section.photo-gallery.Ourclient-section .col-md-6.col-lg-6:nth-child(even) {
    padding: 0px 0px 48px 72px;
}
section.photo-gallery.Ourclient-section .photo-frame .state-thumb a.imglink img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    border-radius: 0px;
}
section.photo-gallery.Ourclient-section .photo-frame {
    margin-bottom: 0px;
    border-radius: 0px;
    overflow: hidden;
}
.photo-gallery.Ourclient-section .row:last-child {
    margin-top: 120px;
}
.photo-gallery.Ourclient-section .photo-frame .state-thumb a.imglink:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    border-radius: 0px;
}
.photo-gallery.Ourclient-section .state-thumb a.imglink:hover:after{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);

}
.photo-gallery.Ourclient-section .text-center {
    text-align: center!important;
    width: 100%;
}
/* tooltip hover effect */
#tooltip {
	position: fixed;
	display: block;
	opacity: 0; 
	visibility: hidden;
	background: #262626;
	border-radius: 0px;
	color: #ccc;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 16px;
	padding: 10px 15px;
	/* border: 2px solid #ccc; */
  
  }
  #tooltips {
	position: fixed;
	display: block;
	opacity: 0; 
	visibility: hidden;
	background: #262626;
	border-radius: 0px;
	color: #ccc;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 16px;
	padding: 10px 15px;
	/* border: 2px solid #ccc; */
  
  }
  #tooltipss {
	position: fixed;
	display: block;
	opacity: 0; 
	visibility: hidden;
	background: #262626;
	border-radius: 0px;
	color: #ccc;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 16px;
	padding: 10px 15px;
	/* border: 2px solid #ccc; */
  
  }
  #tooltipsss {
	position: fixed;
	display: block;
	opacity: 0; 
	visibility: hidden;
	background: #262626;
	border-radius: 0px;
	color: #ccc;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 16px;
	padding: 10px 15px;
	/* border: 2px solid #ccc; */
  
  }

  /* #tooltip::before {
	content: "";
	width: 20px;
	height: 20px;
	background: #262626;
	position: absolute;
	top: -20px;
	left: -20px;
	border-radius: 50%;
	border: 2px solid #ccc;
  }
  #tooltips::before{
	content: "";
	width: 20px;
	height: 20px;
	background: #262626;
	position: absolute;
	top: -20px;
	left: -20px;
	border-radius: 50%;
	border: 2px solid #ccc;
  }
  #tooltipss::before {
	content: "";
	width: 20px;
	height: 20px;
	background: #262626;
	position: absolute;
	top: -20px;
	left: -20px;
	border-radius: 50%;
	border: 2px solid #ccc;
  }
  #tooltipsss::before {
	content: "";
	width: 20px;
	height: 20px;
	background: #262626;
	position: absolute;
	top: -20px;
	left: -20px;
	border-radius: 50%;
	border: 2px solid #ccc;
  } */
  section.photo-gallery.Ourclient-section .photo-frame:hover #tooltips{
	opacity: 1;
	visibility: visible;
  }
  section.photo-gallery.Ourclient-section .photo-frame:hover #tooltipss{
	opacity: 1;
	visibility: visible;
  }
  section.photo-gallery.Ourclient-section .photo-frame:hover #tooltipsss{
	opacity: 1;
	visibility: visible;
  }
  section.photo-gallery.Ourclient-section .photo-frame:hover #tooltip{
	opacity: 1;
	visibility: visible;
  }

  section#topbar-sectionlink {
    position: relative;
    padding-top: 112px;
}
section#breadcrumb .bg-light.mt-0 nav ol {
    background: #f8e435 !important;
}
section#breadcrumb .bg-light.mt-0 {
    background: #f8e436 !important;
}
section.Lemon-banner.py-5 {
    padding-top: 0px !important;
	margin-top: 0px !important;
}
section.Lemon-banner.py-5 .container.py-lg-5.py-md-4 {
    padding-top: 0px !important;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    /* content: "/"; */
    content: "" !important;
    width: 30px;
    background: url(https://lemondesignstudios.com/assets/images/arrow.png) no-repeat !important;
    background-position: center;
	align-items: center;
    margin-top: 4px;
}
section#breadcrumb li.breadcrumb-item {
	font-family: Montserrat Alternates;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	letter-spacing: normal;
	color: #1E1E1E;
}
.our-client-info-text {
    /* margin-top: -161px; */
    padding: 12px 0px 124px 0px;
    width: 100%;
}
.our-client-info-text span.imgtitle.hover {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 500;
    font-size: 20.131px;
    line-height: 33px;
    letter-spacing: 0.334789px;
	color: #383838;
}
.ourproject-heading {
    padding: 12px 0px 0px 0px;
    width: 100%;
}
span.content-ourproject {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 800;
    font-size: 24.131px;
    line-height: 33px;
    letter-spacing: 0.334789px;
    color: #383838;
}
.thanku_exhaustedinner img.img-fluid.mt-5 {
    margin-top: 2.4rem !important;
}
.footer-bottom p.text-center.my-3 a:hover {
    color: #000000 !important;
    font-weight: bold;
}
section.photo-gallery.Ourclient-section h3 {
    margin-bottom: 0px !important;
}
section#services {
    padding-top: 0px !important;
}

.navbar-brand {
 width: 25%;   
}

/* div#header a.navbar-brand img {
    width: 25%;
    height: auto;
} */
section.video-banner.bg-white.py-5 .offset-3.home-banner-CTA {
    margin-left: 12%;
}
#header nav.navbar.navbar-expand-lg.navbar-light a img.gifLogo {
    width: 25%;
}
.photo-gallery.Ourclient-section .row.ourclient-paddinggap {
    padding: 0px 72px;
}
.state-thumb a.imglink video {
    display: none;
	opacity: 0;
	visibility: hidden;
}
video.videopalyhover {
    bottom: 0;
    /* min-width: 100%;  */
    min-height: 100%;
    width: 100%; 
    height: auto; 
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    cursor: pointer;
	object-fit: cover;
}
.state-thumb a.imglink:hover video.videopalyhover{
	display: block;
	opacity: 1;
	visibility: visible;
}

.ProjectsItem-coming {
	display: none;
	
}
.Video-reel-innerPlay {
    display: none;
}
.col-md-12:nth-child(2) .social-links.mt-0.text-center.Footer-menulink a:hover, .col-md-12:nth-child(2) .social-links.mt-0.text-center.Footer-menulink a:focus {
    font-weight: bold;
}
p.text-center.social-text {
    margin-bottom: 16px !important;
	font-size: 16px;
}
nav.breadcrumb-strip {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contact-banner lottie-player {
    margin-top: -60px;
}
.service-emailus {
    display: none;
}
.service-bradcrum nav.breadcrumb-strip ol.breadcrumb.mb-0.py-2:last-child {
    display: block;
}
.service-bradcrum {
    /*margin-top: 130px;*/
}
.casestudy.viskids-casestudy img{
    width: 100% !important;
    
}
div#mc_embed_signup {
    display: none;
}
.footer-bottom .social-links.mt-0.text-center.Footer-menulink a img {
    display: none;
}
.card:hover {
    transform: scale(1.2);
}
.card {
    transition: transform .2s;
}
ul.blog_ulposition {
	list-style: none !important;
    margin: 0px;    
}
/*.feature-gd .icon {*/
/*    position: absolute;*/
/*    right: 24px;*/
/*}*/
ul.privacy-policy-list li {
    margin-bottom: 20px !important;
}
.our-story-left.Privacy-Policy p {
    margin-top: 0px;
}
ul.privacy-policy-list {
    margin-bottom: 42px;
}
section.privacy-policy h3 {
    font-family: Buffalo;
    font-style: normal;
    font-weight: normal;
    font-size: 32.7693px;
    line-height: 47px;
    letter-spacing: 2.08662px;
    color: #000000;
}
section.privacy-policy {
    background: #FAFAFB;
    /*opacity: 0.5;*/
    padding: 68px;
}
.our-story-left.Privacy-Policy {
    margin-top: 60px;
}
.offset-3.home-banner-CTA img.img-fluid {
       margin-top: -5px;
}
.social-links.mt-0.text-center.Footer-menulink a:hover {
    font-weight: bold;
}
.cta img {
    margin-top: -5px;
}

#navbartoggle .btn {
  position: relative;
  display: inline-block;
  width: auto; height: auto;
  background-color: transparent;
  border: none;
  cursor: pointer;
      padding: 10px 24px;
      border: 1px solid #f8e435;
      border-radius: 24px;
  /*margin: 0px 25px 15px;*/
  /*min-width: 150px;*/
}
 .btn span {         
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    top: 0; left: 0;
    width: 100%;
    /*padding: 4px 4px;*/
    transition: 0.3s;
  }
 .btn-1 {
  color: rgb(255,255,255);
  /*border: 1px solid rgb(28, 31, 30);*/
  transition: 0.2s 0.1s;
}

 .btn-1::before {
     position: absolute;
    content: "";
  background-color: #FCE435;
  transition: 0.3s ease-out;
  border-radius: 50px;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #ffffff;
}
.btn.hover-filled-slide-down::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

.btn-1 span:hover {
  color: rgb(28, 31, 30);
  border: #FCE435;
  transition: 0.2s 0.1s;
}


.btn.hover-filled-slide-down:hover::before {
  height: 0%;
}

.Design-scramble h1 {
    font-size: 48px;
}
.Design-scramble .btn {
    position: relative;
    overflow: hidden;
    z-index: 9;
}
.Design-scramble .btn-primary {
    color: #2f2f41;
    background-color: rgba(1, 164, 121, 0.1);
    border-color: #01a479;
}
.Design-scramble .btn:before {
    content: "";
    background: #ed5561;
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.Design-scramble .btn:hover:before {
    width: 100%;
}
.middle-div {
    /*max-width: 1200px;*/
    margin: 0 auto;
}
.review-item img {
    object-fit: cover;
    width: 100%;
}
/* Masonry Grid CSS */
.masonry-grid {
   column-count: 3;
   -webkit-column-count: 3;
   -moz-column-count:3;
   column-gap: 10px;
   -moz-column-gap: 10px;
   -webkit-column-gap: 10px;
   margin: 50px 0px;
}
.review-item {
   width: 100%;
   /*padding: 10px;*/
   margin: 10px 0px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-shadow: 0px 0px 8px 0px #c0c0c0;
   display: inline-block;
   background-color: #fff;
}
.masonry-grid-low-fidelity .review-item {
    width: 100%;
    /* padding: 10px; */
       margin: 0px 0px 10px 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*box-shadow: 0px 0px 8px 0px #c0c0c0;*/
    display: block;
    /* background-color: #fff; */
}
.container-why-use {
 /*border-top-left-radius: 37px 140px;*/
 /*   border-top-right-radius: 23px 130px;*/
 /*   border-bottom-left-radius: 110px 19px;*/
 /*   border-bottom-right-radius: 120px 24px;*/
  display: block;
    position: relative;
    padding: 40px 60px;
    max-width: 100%;
    width: 100%;
    margin: 32px auto 0;
    font-size: 17px;
    line-height: 28px;
    box-shadow: 10px 11px 0px 4px rgb(188 217 24);
    border: 1.54px solid #000000;
box-sizing: border-box;
border-radius: 46.33px;

}

.border-why-use {
  position: absolute;
}

.masonry-grid-low-fidelity{
     column-count: 5;
   -webkit-column-count: 5;
   -moz-column-count:5;
   column-gap: 10px;
   -moz-column-gap: 10px;
   -webkit-column-gap: 10px;
   margin: 50px 0px;
}
.container-why-use {
    background: url(https://lemondesignstudios.com/assets/images/Mask%20Group.svg) no-repeat;
    background-position: center bottom;
    background-size: 100%;
        padding: 200px 150px;
}
.container-why-use p {
    margin-top: -158px;
}
.container-why-use h2 {
    padding: 60px;
}

.container-No-Busy-Work {
  display: block;
    position: relative;
    padding: 40px 60px;
    max-width: 100%;
    width: 100%;
    margin: 32px auto 0;
    font-size: 17px;
    line-height: 28px;
    box-shadow: 10px 11px 0px 4px rgb(188 217 24);
    border: 1.54px solid #000000;
box-sizing: border-box;
border-radius: 46.33px;
}
.Found-my-teacher.py-5.text-center {
    background: url(https://lemondesignstudios.com/assets/images/white-concrete-wall%201.svg) no-repeat;
    background-position: center center;
    background-size: 100%;
}
.bg-white.Card-body {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 64px;
    background: #FFFFFF;
border-radius: 42.6613px;
}
.Get-answers.py-5.text-center .bg-cover.Card-image img{
    width: 400px;
}
.Get-answers.py-5.text-center .d-flex {
    position: relative;
}
.Get-answers.py-5.text-center {
    background: #F4F4F4;
    /*border-radius: 30px;*/
    /* transform: matrix(-1, 0, 0, 1, 0, 0); */
 
}
.Low-fadility-design h1.top-header span {
    display: inline;
}
.Found-my-teacher p {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: normal;
    font-size: 18.86px;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.747837px;
    color: #474747;
    margin: 0px !important;
}
.Found-my-teacher span {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    letter-spacing: 0.423383px;
    color: #383838;
}
.col-12.mt-4.step-what-did p {
    margin: 24px 0px !important;
}
.bg-white.Card-body h2.text-strong {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: normal;
    letter-spacing: 0.476084px;
    color: #383838;
    text-align: justify;
    margin: 0px 0px 16px 0px;
}
.bg-white.Card-body p {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.707046px;
    color: #474747;
    text-align: left;
}
.bg-white.Card-body strong {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 37px;
    letter-spacing: 0.707046px;
    color: #474747;
    text-align: left;
    float: left;
}
ol.Design-scramble_list {
    padding: 0px 0px 0px 16px;
}
.Card-image-inner img {
    width: 400px;
}

h1.top-header span {
    display: block;
    width: 100%;
    color: #f8e435;
}
h1.top-header {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: bold;
    font-size: 62px;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.2553px;
    color: #474747;
}
.why-use-a h1.top-header span {
    display: inline;
}


#Testimonial  .owl-nav .owl-next, #Testimonial  .owl-nav .owl-prev {
    width: 60px;
}
#Testimonial .owl-nav{text-align: right; margin-right: 15%;}
#Testimonial .owl-nav .owl-prev i.backleft-arrow, #Testimonial .owl-nav .owl-next i.nextright-arrow{ width: 55px; height: 55px;  border-radius: 100%;
    display: block;  background-position: center center !important;  background-repeat: no-repeat !important;
    background-size: 25px !important; }
#Testimonial .owl-nav .owl-prev i.backleft-arrow{border:2px solid #f8e435; background: #fff url('images/eva_arrow-back-fill.png');}
#Testimonial .owl-nav .owl-next i.nextright-arrow{border:2px solid #f8e435;  background: #f8e435 url('images/eva_arrow-next-fill.png');}

#Testimonial .owl-nav .owl-prev:hover i.backleft-arrow{border:2px solid #f8e435; background: #f8e435 url('images/eva_arrow-next-fill.png');
transform: rotate(180deg);}
#Testimonial .owl-nav .owl-next:hover i.nextright-arrow{border:2px solid #f8e435;  background: #fff url('images/eva_arrow-back-fill.png');
	transform: rotate(180deg);}
	
	section.Testimonial-banner.py-5.Desktop-View {
    background: #F4F4F4;
}
#Testimonial .item {
        margin: 0px 32px 32px;
    background: #FFFFFF;
    box-shadow: 0px 10px 15px rgb(195 203 226 / 22%);
    padding: 32px;
}
.Testimonial_image img {
    width: 42px !important;
    margin: 0 auto;
}
.Testimonial_image {
    text-align: center;
    margin: 24px 0px;
}
ol.Design-scramble_list li {
    color: #6c757d!important;
    font-size: 14px;
    margin-bottom: 4px;
}

/*Responsive Masonry Grid CSS */
@media (max-width: 1199px) {
   .masonry-grid {
      column-count: 3;
      -webkit-column-count: 3;
      -moz-column-count: 3; 
   }
    .masonry-grid-low-fidelity {
      column-count: 3;
      -webkit-column-count: 3;
      -moz-column-count: 3; 
   }
}
@media (max-width: 991px){
 .masonry-grid {
      column-count: 3;
      -webkit-column-count: 3;
      -moz-column-count: 3; 
   }
   .masonry-grid-low-fidelity {
      column-count: 3;
      -webkit-column-count: 3;
      -moz-column-count: 3; 
   }
}
@media (max-width: 767px){
    .masonry-grid {
      column-count: 3;
      -webkit-column-count: 3;
      -moz-column-count: 3; 
   }
   .masonry-grid-low-fidelity {
      column-count: 3;
      -webkit-column-count: 3;
      -moz-column-count: 3; 
   }
}

@media screen and (max-width: 1024px) {
	.portfolio-item .item.gridss {
    width: 50%;
    padding:0 15px;
	margin: 0;
}

.portfolio-item .gridss .effect-ming{max-height: 450px;}
}


@media screen and (max-width: 640px) {
	.portfolio-item .item.gridss {
    width: 100%;
	margin: 0;
}
}

@media screen and (min-width: 320px) and (max-width: 767px) { 

	.mid-class {
		display: flex;
    flex-direction: column-reverse;
	}
	.txt-left-side {
		width: 100%;
		padding: 0px;
	}
	.img-right-side {
		width: 100%;	
	}
	.modal-open .modal {	
		overflow-y: auto !important;
		padding-top: 0px !important;
	}
	.img-right-side img.img-fluid {
		margin: 32px 0px 32px 0px;
	}
	.modal-content.thanku_content {
		width: 100% !important;
		padding: 24px;
	}
	section#thank_you .container.py-md-3 {
		margin-bottom: -30px;
	}
	.newsletter form {
		display: block;  
	}
	div#mc_embed_signup_scroll {
		display: block !important;
	}
	.newsletter form input[type="email"] {
		padding: 18px 40px 16px 40px;
		width: 100%;
		border: 2px solid #EBEAED;
		box-sizing: border-box;
		border-radius: 100px;
	}
	.newsletter form input[type="submit"] {
		margin-top: 24px !important;	
		margin-left: 0px !important;	
	}
	.dropdown.bootstrap-select {
		width: 100% !important;
	}
	.col-md-12.dropdown-widthmultiple.placeholder-text button.btn.dropdown-toggle.btn-light {
		width: 100%;
	}
	section#contactus-banner form#contact-us-form .form-group {
		margin-bottom: 20px;
	}
	section#contactus-banner form#contact-us-form .form-group button.submit_btn {
		margin: 0px;
	}
	.work-with-us .modal-body {
		padding: 24px !important;
	}
	.img-right-side img.img-fluid
	{
		max-width: 100%;
	}
	.video-banner p.banner-contenttext {
		padding: 0px 24px;
	}
	.modal-dialog.letspopup .modal-body {
		padding:24px !important;
	}
	.modal-dialog.letspopup.modal-lg .form-group.send-button button#button1 {
		margin-left: 0px;
	}
	.topbar.lemondesigntopbar .col-sm-12.text-center {
		text-align: center !important;
	}
	.topbar.lemondesigntopbar ul li:first-child{
		margin-left: 0px;
	}
	.topbar.lemondesigntopbar ul li:nth-child(2){
		display: none;
	}
	.navbar-light .navbar-toggler {
		border-color: rgb(0 0 0 / 0%)!important;
	}
	.navbar-light .navbar-toggler:hover{
		border-color: rgb(0 0 0 / 0%)!important;
	}
	.navbar-light .navbar-toggler:hover{
		background: transparent !important;
	}
	.navbar-light .navbar-toggler:focus{
		outline: none;
	}
	.col-lg-8.offset-3.home-banner-CTA a.cta {
		float: left;
		margin: 0px 24px;
	}
	section.video-banner.bg-white.py-5 {
		padding-top: 0px !important;
		margin-top: 24px !important;
	}
	
	.video-banner .home-banner-CTA {
    margin-left: 0% !important;
    }

	#scroll {
		position: fixed;
		right: -30px;
		bottom: 50px;
		cursor: pointer;
		display: none;
		color: #000;
		width: 200px;
		text-align: center;
		font-size: 14px;
		z-index: 1;
	}
	section.video-banner.bg-white.py-5{
		width: 100%;
	}
	section.photo-gallery.Ourclient-section .col-md-6.col-lg-6 {
		padding: 0px 0px 0px 0px;
	}
	section.photo-gallery.Ourclient-section .col-md-6.col-lg-6:nth-child(even) {
		padding: 0px 0px 0px 0px;
	}
	section.photo-gallery.Ourclient-section .photo-frame {
		margin-bottom: 0px;
		border-radius: 0px;
		overflow: hidden;
	}
	.photo-gallery.Ourclient-section .row{
		margin-top: 0px;
	}
	section#breadcrumb li.breadcrumb-item {
		font-family: Montserrat Alternates;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 26px;
		text-align: center;
		letter-spacing: normal;
		color: #1E1E1E;
	}
	.our-client-info-text {
		/* margin-top: -161px; */
		padding: 12px 0px 60px 0px;
		width: 100%;
	}
	section#photo-gallery .row:last-child {
		padding: 15px;
		margin-top: 0px;
	}
	section#services {
		padding-top: 3rem !important;
	}
	.services {		
		padding: 24px 0px;		
	}
	.portfolio-menu ul li .submenu1{
		width: 100%;
		left: 0px;
		z-index: 99;
	}
	.footer-bottom .Footer-menulink a {
		display: block;
		width: 100%;
		border-right: none;
	}
	section#topbar-sectionlink {
		display: block;
	}
	.service-bradcrum {
		/*margin-top: 120px;*/
	}
	.ad-right a {
    font-weight: 600;
    font-size: 16.1157px;
   
}
.why-us.container .col-10 {
    flex: 0 0 100%;
    max-width: 100%;
}
.View-all-portfolio.text-right {
    text-align: center !important;
}
#team .member .member-info {
    margin-top: -10px;
}
.footer-bottom .Footer-menulink a{
        margin: 10px 0px;
}

}
@media only screen and (max-width: 991px) {
    #header nav.navbar.navbar-expand-lg.navbar-light a img.gifLogo {
        width: 207px !important;
    }
	h2.Lemon-PageHeader-title {
		font-family: Montserrat Alternates;
		font-style: normal;
		font-weight: normal;
		font-size: 38px;
		line-height: normal;
		letter-spacing: 0.497204px;
		color: #474747 !important;
	}
	.Lemon-BlogCardList {
		padding: 72px 0 32px;
	}
	.Lemon-Header {
		padding: 24px 0 50px;
	}
	.state-thumb a.imglink:hover div.ProjectsItem-coming {
		color: #fff !important;
		z-index: 9999;
		bottom: 0.875em;
	}
	
	.ProjectsItem-coming {
		position: absolute;
		letter-spacing: -0.0125em;
		line-height: 1.25;
		display: block;
		z-index: 4;
		font-size: 1.037209em;
		bottom: 0.875em;
		right: 2.04166667em;
		color: #000;
	}
	.state-thumb a.imglink:focus div.ProjectsItem-coming {
		color: #fff !important;
		z-index: 9999;
		bottom: 0.875em;
	}
	.Video-reel-innerPlay {
		display: block;
	}
	.service-emailus {
		display: block;
	}
	.service-bradcrum nav.breadcrumb-strip ol.breadcrumb.mb-0.py-2:last-child {
		display: none;
	}
	.service-bradcrum {
		margin-top: 0px;
	}
.video-wrapper video {
    object-fit: cover;
    width: 100%;
    height: 56vh;
    background-color: #fff;
}
section#lemon-blog .Lemon-Header {
    /*padding: 24px 32px 50px;*/
    margin-left: 12%;
     padding-left: 20px;
}
h2.Lemon-PageHeader-title {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.497204px;
    color: #212529 !important;
    font-size: 30px;
    line-height: 40px;
   
}
.ProjectsItem-coming {
    display: none;
}



}
@media only screen and (min-width: 678px) and (max-width: 1366px)  { 
   .video-wrapper video {
    object-fit: cover;
    width: 100%;
    height: 56vh;
    background-color: #fff;
}
    }
    
@media only screen and (min-width: 768px) and (max-width: 994px)  {    
.navbar-brand {
    width: 34% !important;
}   
}

@media only screen and (min-width: 995px) and (max-width: 1024px)  {    
.navbar-brand {
    width: 30% !important;
}   
}

@media only screen and (max-width: 488px)  {    
.navbar-brand {
    width: 60% !important;
}   
}

@media only screen and (min-width: 489px) and (max-width: 540px)  {    
.navbar-brand {
    width: 54% !important;
}   
}

@media only screen and (min-width: 541px) and (max-width: 767px)  {    
.navbar-brand {
    width: 50% !important;
}   
}

    
    @media only screen and (min-width: 1024px) and (max-width: 1366px)  { 
      .video-wrapper video {
    object-fit: cover;
    width: 100%;
    height: 56vh;
    background-color: #fff;
}
        
    }

/*@media only screen and (max-width: 1920px) {*/
/*    .video-wrapper video {*/
/*    object-fit: cover;*/
/*    width: 100%;*/
/*    height: 74vh;*/
/*}*/
        
/*    }*/

/* ------------------------------------
              WHY US 
------------------------------------*/

#why-us-section {
	height: 100%;
	width: 100%;
	background-color: #FCE435;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 80px;
	padding-bottom: 80px;
  }
  
  #why-us-section .card1 .body p {
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
  letter-spacing: 0.304618px;
  color: #383838;
  }
  
  #why-us-section .card1 .body h5 {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.272855px;
  text-transform: uppercase;
  color: #5C5945;
  margin-left: 20px;
  }
  
  #why-us-section .card1 .body .text-before::before {
	content: "";
	width: 15px;
	position: absolute;
	margin-top: 7px;
	height: 2px;
	background: #5C5945;
  }
  
  #why-us-section .card .body p {
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.747418px;
  color: #383838;
  }
  
  @media only screen and (max-width: 768px){
   
	#why-us-section .card {
	margin: 30px 0px;
	background-color: #fff;
	box-shadow: 0px 27.2964px 36.3952px rgba(195, 203, 226, 0.22);
	border-radius: 14.5581px;
  }
  
  #why-us-section .card .body .card-image {
	width: 70px;
  }
  
  #why-us-section .card .body {
	text-align: center;
	padding: 30px 10px 0px;
  }
  
  #why-us-section .card .body .card-title {
	padding: 30px 15px 10px 15px;
  }
  
  #why-us-section {
	padding-top: 40px;
	padding-bottom: 20px;
  }
  
  #why-us-section .card1 .body p {
	font-size: 26px;
	line-height: 30px;
	}
  
	#why-us-section .card1 .body {
	  text-align: left;
	  padding: 0px 20px
	}
  
  }
  
  @media only screen and (min-width: 768px){
   
	#why-us-section .cards {
	  display: grid;
	  grid-auto-flow: dense;
	  grid-template-columns: repeat(9, 1fr);
	  grid-gap: 50px;
	}
	
	#why-us-section .card {
	 grid-column: auto / span 3;
	}
  
	#why-us-section .card1 {
	  grid-column: auto / span 3;
	 }
	 
	
	 #why-us-section .cards {
	  margin: 0 auto;
	}
	
	#why-us-section .card {
	  margin: 0px 10px;
	  background: transparent;
	}
	
	#why-us-section .card-2 {
	  background-color: #fff;
	  box-shadow: 0px 27.2964px 36.3952px rgba(195, 203, 226, 0.22);
	  border-radius: 14.5581px;
	  max-width: 250px;
	  min-height: 250px;
	}
	
	#why-us-section .card-3 {
	  background-color: #fff;
	  box-shadow: 0px 27.2964px 36.3952px rgba(195, 203, 226, 0.22);
	  border-radius: 14.5581px;
	  max-width: 250px;
	  margin-top: -40px;
	  max-height: auto;
	}
	
	#why-us-section .card-4 {
	  margin-top: -60px;
	  background-color: #fff;
	  box-shadow: 0px 27.2964px 36.3952px rgba(195, 203, 226, 0.22);
	  border-radius: 14.5581px;
	  max-width: 250px;
	  max-height: auto;
	}
	
	#why-us-section .card-5 {
	  background-color: #fff;
	  box-shadow: 0px 27.2964px 36.3952px rgba(195, 203, 226, 0.22);
	  border-radius: 14.5581px;
	  max-width: 250px;
	  min-height: 250px;
	}
	
	#why-us-section .card-6 {
	  margin-top: -30px;
	  background-color: #fff;
	  box-shadow: 0px 27.2964px 36.3952px rgba(195, 203, 226, 0.2);
	  border-radius: 14.5581px;
	  max-width: 250px;
	  max-height: auto;
	}
	
	#why-us-section .card .body {
	  text-align: center;
	  padding: 30px 10px 0px;
	}
	
	#why-us-section .card .body .card-title {
	  padding: 30px 15px 10px 15px;
	}
	
	#why-us-section .card1 {
	  width: 300px;
	}
	
	#why-us-section .card1 .body {
	  padding: 30px 10px 10px;
	}
  
  }
  
  
  .jquery-background-video-wrapper1 {
    position: relative;
    overflow: hidden;
    padding: 350px;
    margin: 0px 30px;
    margin-bottom: 3rem;
  }
  
  .jquery-background-video1 {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: 820px;
    top: 50%;
    left: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    transform: translate(-50%, -50%);
  }
  
  .jquery-background-video-pauseplay1 {
    display: none !important;
  }


.video-play-button {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	display: block;
	box-sizing: content-box;
	width: 2rem;
	height: 2.75rem;
	padding: 1.125rem 1.25rem 1.125rem 1.75rem;
	border-radius: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
  
.video-play-button:before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	display: block;
	width: 4.75rem;
	height: 4.75rem;
	border-radius: 50%;
	background: #FCE434;
	animation: pulse-border 1500ms ease-out infinite;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
  
.video-play-button:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	display: block;
	width: 4.375rem;
	height: 4.375rem;
	border-radius: 50%;
	background: #FCE434;
	transition: all 200ms;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
  
.video-play-button span {
	position: relative;
	display: block;
	z-index: 3;
	top: 0.375rem;
	left: 0.25rem;
	width: 0;
	height: 0;
	border-left: 1.625rem solid #fff;
	border-top: 1rem solid transparent;
	border-bottom: 1rem solid transparent;
}
  
@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}
	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}

.mfp-iframe-holder .mfp-content {
    max-width: 1100px !important;
}

.mfp-close {
    font-size: 40px !important;
}

.mfp-bg {
    opacity: 0.9 !important;
}

 @media only screen and (max-width: 768px){
     .jquery-background-video-wrapper1 {
    padding: 120px;
    margin: 0px 10px;
    margin-bottom: 3rem;
}

.jquery-background-video1 {
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;

}
.our-story-left.Privacy-Policy {
    margin-top: 32px;
}
 }

/*=======================better-product========================================*/
section#better-product { background: url(../assets/images/Dots.png) no-repeat top 100px left 62%;}
.better-product-content { width: 100%; text-align: center; margin: 120px 0 60px;}
.better-product-content h3 {color: #474747; font-size: 70px; font-weight: bold; line-height: 70px;}
.better-product-content h3 strong { color: #FCE435;}
.better-product-content p { margin: 20px 0 40px; font-size: 14px !important;}

.design-scramble{width: 100%;}
.design-scramble-left-content{width: 100%; padding: 30px 0;}
.design-scramble-left-content h3 {color: #474747; font-size: 60px; font-weight: 600; line-height: 60px; margin-bottom: 20px;}
.design-scramble-left-content h3 strong { color: #FCE435;font-weight: 600; }
.design-scramble-left-content p { font-size: 14px !important; margin-bottom: 20px;}
.design-scramble-left-content ol{margin: 0; padding: 0 20px 20px 20px;}
.design-scramble-left-content ol li{font-size: 14px;}
.design-scramble-left-content h5{color: #474747; font-size: 22px; font-weight: 600;}

.design-scramble .masonry { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 16px;
    -moz-column-gap: 16px; column-gap: 16px; padding: 0; -moz-column-gap: 16px; -webkit-column-gap: 16px;
    column-gap: 16px; padding-left: 25px;}

.design-scramble .masonry .item { display: inline-block; background: #fff; margin: 0 0 8px; width: 100%; -webkit-transition: 1s ease all;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; border-radius: 0; }

.app-bg{width: 100%; padding: 60px 0;}
.app-bg img{width: 100%;}

.heading-new{text-align: center; color: #383838;}
.heading-new h5{font-size: 20px;}
.heading-new h3{font-size: 60px; font-weight: 600;} 
.heading-new h3 strong { color: #FCE435; font-weight: 600;}

.why-scramble-look-wrap{padding: 50px 0;}

.why-scramble-container{background: url(../assets/images/new/why-Scramble-bg.png) repeat center center;	position: relative;
	border:1.54px solid #000000; border-radius: 25px;  text-align: center; color: #474747; padding-top: 50px; padding-bottom: 50px;; margin-top: 60px;}

.why-scramble-container::before{background: #C3D838; position: absolute; top: 10px; left: 10px; content: ''; width: 100%;
height: 100%; z-index: -1; border-radius: 25px; }
.why-scramble-container img{width: 100%;}
.why-scramble-container p{ width: 58%; margin: 0 auto; font-size: 16px;}
.why-scramble-container h5{ width: 58%; margin: 0 auto; font-size: 36px; font-weight: 600;  margin-top: 30px;}

.what-scramble-look-wrap{padding: 50px 0;}
.what-scramble-look-wrap .heading-new{width: 70%; margin: 0 auto;}

.what-scramble-look-wrap .day-block-wrap{width: 100%; margin-top: 50px;}
.what-scramble-look-wrap .day-block{ display: inline-block; width: 19%; text-align: center;  vertical-align: top; position: relative; min-height: 250px;}
.what-scramble-look-wrap .day-block:before{background: url(../assets/images/new/v-line.png) repeat-y center right; background-size: 2px;
    position: absolute; top: 0; right: -8px; content: ''; width: 6px; height: 100%; z-index: -6;}
.what-scramble-look-wrap .day-block .day{letter-spacing: 0.779802px; font-size: 20px; color: #474747; font-weight: bold; padding: 20px;}
.what-scramble-look-wrap .day-block .disc{padding: 15px; font-size: 14px;}
.what-scramble-look-wrap .day-block .title{background: url(../assets/images/new/weekly-bg.png) no-repeat center center; background-size: 100%;
	 letter-spacing: 0.779802px; font-size: 18px; color: #474747; font-weight: bold; padding: 25px 10px; position: relative; width: 112%;}

.what-scramble-look-wrap .day-block:last-child::before {background: transparent;}

.what-scramble-look-wrap .day-block:nth-child(1) .title{z-index: -1;} 
.what-scramble-look-wrap .day-block:nth-child(2) .title{z-index: -2;}  
.what-scramble-look-wrap .day-block:nth-child(3) .title{z-index: -3;}  
.what-scramble-look-wrap .day-block:nth-child(4) .title{z-index: -4;}  
.what-scramble-look-wrap .day-block:last-child .title{z-index: -5;} 


.lowfidelity-wrap{padding: 50px 0;}
.lowfidelity-wrap .masonry1 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; -webkit-column-gap: 15px;
    -moz-column-gap: 15px; column-gap: 15px; padding: 0; -moz-column-gap: 15px; -webkit-column-gap: 15px;
    column-gap: 15px; margin-top: 50px;}

.lowfidelity-wrap .masonry1 .item {  background: #fff; margin: 0 0 15px; width: 100%; -webkit-transition: 1s ease all;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; border-radius: 0; }
.lowfidelity-wrap .masonry1 .item img{width: 100%;}


.get-answer-wrap{padding: 50px 0; background: #F4F4F4;}
.get-answer-wrap .heading-new{width: 70%; margin: 0 0; text-align: left; margin-bottom: 80px;}

.get-answer-left-img-box{position: relative; border-radius: 25px; background: #C3D838;}
.get-answer-left-img-box-inner{width: 100%; overflow: hidden; border-radius: 25px;
	 position: relative; top: -10px; left: 10px; } 
.get-answer-left-img-box-inner img{width: 100%;}
.get-answer-left-content{background: #fff; width: 130%; border-radius: 25px; padding: 80px; margin: 45px 0 0 -30%;  position: relative;
    z-index: 1;}
.get-answer-left-content ul{margin: 0 0 1rem 1rem; padding: 0; list-style: none;}
.get-answer-left-content ul li{margin-bottom: 0.5rem;}
.get-answer-left-content h4{width: 100%; font-size: 20px; line-height: 30px; margin-bottom: 20px;}
.get-answer-left-content h6{width: 100%; font-size: 16px; }

.get-answer-right-img-box{position: relative; border-radius: 25px; background: #C3D838; margin-top: 80px;}
.get-answer-right-img-box-inner{width: 100%; overflow: hidden; border-radius: 25px;
	 position: relative; top: -10px; right: 10px; } 
.get-answer-right-img-box-inner img{width: 100%;}
.get-answer-right-content{background: #fff; width: 130%; border-radius: 25px; padding: 80px; margin: 150px -30% 0 0;  position: relative;
    z-index: 1;}
.get-answer-right-content h4{width: 50%; font-size: 20px; line-height: 30px; margin-bottom: 20px;}


.fmt-wrap{width: 100%; background: url(../assets/images/new/strature-bg.png) no-repeat; padding: 60px 0; text-align: center;}
.fmt-wrap img{width: 100%; margin: 50px 0;}
.fmt-wrap p{margin-bottom: 20px;}
.fmt-wrap ul{margin: 20px 0 0; padding: 0; list-style: none;}
.fmt-wrap ul li{background: url(../assets/images/new/graphic.png) no-repeat center center; text-align: left; width: 15%;
    display: inline-block; vertical-align: top; background-size: cover; min-height: 140px; padding: 25px 25px; margin: 2%; 
	font-size: 15px; }
.fmt-wrap ul li span{display: block;}

.no-busy-work-wrap{padding: 50px 0;}

.no-busy-work-container{background: url(../assets/images/new/why-Scramble-bg.png) repeat center center;	position: relative;
	border:1.54px solid #000000; border-radius: 25px;  text-align: center; color: #474747; padding: 50px; margin-top: 60px;}

.no-busy-work-container::before{background: #C3D838; position: absolute; top: 10px; left: 10px; content: ''; width: 100%;
height: 100%; z-index: -1; border-radius: 25px; }
.no-busy-work-container h2{color: #383838; font-size: 60px;  font-weight: 600; margin-bottom: 30px;}
.no-busy-work-container h2 strong{color: #FCE435; font-weight: 600;}
.no-busy-work-container p{  font-size: 15px; }
.no-busy-work-container h5{ margin: 0 auto; font-size: 20px; font-weight: 600; margin-top: 30px;}


.client-says-wrap{background:#F4F4F4; padding: 60px 0;}
.client-says-wrap .heading-new{margin-bottom: 30px;}
.client-says-wrap .heading-new h3{ font-size: 30px;}

.client-says-wrap .item{background: #FFFFFF; box-shadow: 0px 10px 15px rgb(195 203 226 / 22%);
    border-radius: 14px;  margin: 50px 80px; padding: 30px; transition: all 0.5;}
.client-says-wrap .item p{font-size: 14px;}
.client-says-wrap .active .item {transform: scale(1.2);	}
.client-says-wrap .active .item p{font-size: 13px;}
.client-says_back{text-align: center;}
.client-says_back img{width: 70px !important; margin: 20px auto 10px auto;}

.client-says-wrap .owl-nav{text-align: right; margin-right: 15%;}
.client-says-wrap .owl-nav .owl-prev i.backleft-arrow, .client-says-wrap .owl-nav .owl-next i.nextright-arrow{ width: 55px; height: 55px;  border-radius: 100%;
    display: block;  background-position: center center !important;  background-repeat: no-repeat !important;
    background-size: 25px !important; }
.client-says-wrap .owl-nav .owl-prev i.backleft-arrow{border:2px solid #f8e435; background: #fff url('images/eva_arrow-back-fill.png');}
.client-says-wrap .owl-nav .owl-next i.nextright-arrow{border:2px solid #f8e435;  background: #f8e435 url('images/eva_arrow-next-fill.png');}

.client-says-wrap .owl-nav .owl-prev:hover i.backleft-arrow{border:2px solid #f8e435; background: #f8e435 url('images/eva_arrow-next-fill.png');
transform: rotate(180deg);}
.client-says-wrap .owl-nav .owl-next:hover i.nextright-arrow{border:2px solid #f8e435;  background: #fff url('images/eva_arrow-back-fill.png');
	transform: rotate(180deg);}

.client-says-wrap .owl-nav .owl-next, .client-says-wrap .owl-nav .owl-prev{width: 60px;}

.tradecode-wrap{background: #FAFAFA; padding: 25px 0; text-align: center;}
.tradecode-wrap ul{margin: 0; padding: 0; list-style: none;}
.tradecode-wrap ul li{width: 25%; display: inline-block;}
.tradecode-wrap ul li img{width: 60%;}


.our-work-wrap{background: url(../assets/images/new/ourwork-bg.png) repeat center center; padding: 60px 0;}
.our-work-wrap .heading-new{margin-bottom: 50px;}
.our-work-block{width: 100%;}
.our-work-block img{width: 100%; margin-bottom: 15px;}
.our-work-block h4{font-size: 18px;}
.our-work-block p{font-size: 14px;}

.get-in-touch-wrap{ padding: 60px 0;}
.get-in-touch-wrap .heading-new{margin-bottom: 50px;}
.get-in-touch-wrap .text{text-align: center;}
.get-in-touch-container{background: url(../assets/images/new/why-Scramble-bg.png) repeat center center; width: 80%; margin: 50px auto 0;
	 border:1.54px solid #000000; border-radius: 25px; padding: 50px 70px;}
.get-in-touch-container .form-control{border: none; border-bottom: 1px solid #000; border-radius: 0 !important;
    margin: 0 0 20px; font-size: 14px;}
.get-in-touch-container	.content{margin: 20px 0;}
.get-in-touch-container	.content h4{font-size: 30px; margin-bottom: 30px; text-align: center;}
.get-in-touch-container	.content h4 strong{  color: #FCE435;font-weight: 600;}
.get-in-touch-container	.content h5{font-size: 16px; margin-bottom: 25px;}
.get-in-touch-container	.content h5.green{color: #C3D838;}
.get-in-touch-container	button{ width: 250px; margin: 0 auto !important; display: block; border: none;}

.blog-page-heading{text-align: center; margin-bottom: 50px;}
.blog-page-heading span{color:#F9DC11;}
.blogCard{background: #FFFFFF; border-radius: 12px; box-shadow: 0px 1px 4px 0px #00000040; padding: 15px;}
.blogCard+.blogCard{margin-top: 30px;}
.blogCard .content{padding: 0; text-align: left;}
.blogCard .content .shortDisc{min-height: auto; margin-bottom: 20px; font-size: 14px; line-height: 24px;}
.blogCard .content .tags{margin: 0; padding: 0; list-style: none; display: flex; gap: 10px;}
.blogCard .content .tags li{background: #FFF8C5; font-size: 13px; font-weight: 500; color: #474747; border-radius: 25px; padding: 5px 15px;}
.blogCard .content .blogTitle{font-size: 26px; font-weight: 500; color: #110B08; margin: 10px 0; position: relative;}
.blogCard .content .blogTitle{position: relative;}
.blogCard .content h4.blogTitle{font-size: 16px; line-height: 22px; font-weight: 500; color: #110B08;}
.blogCard .content .blogTitle a:before { position: absolute; top: -40px; right: 0; content: ''; background: #ffff url(images/blog/arrow-linear-right.png) no-repeat center; width: 42px; height: 30px; border-radius: 23px; border: 0.5px solid #000000;}
.blogCard .content .blogTitle a:hover:before { background: #FCE435 url(images/blog/arrow-linear-right.png) no-repeat center; width: 42px; height: 30px; border-radius: 23px; border: 0.5px solid #000000;}
.blogCard .content .postDate{font-size: 14px;}
.col-8 .blogCard .picture img{width: 100%; height: 500px;}
.col-4 .blogCard .picture{height: 150px; overflow: hidden;}
.col-4 .blogCard .picture img{width: 100%; height: 100%;}

.blogCardDetails img{margin-bottom: 30px; width: 100%;}
.discoverBlog{margin-top: 50px;}
.discoverBlog h2{font-size: 48px; margin-bottom: 30px;}
.discoverBlog .blogCard .content h3.blogTitle{font-size: 18px; line-height: 22px; font-weight: 500; color: #110B08; padding-right: 50px; min-height: 70px;}
.discoverBlog .blogCard .content .blogTitle a:before{top: 0;}
.discoverBlog .col-4 .blogCard .picture{height: auto; overflow: hidden;}
.discoverBlog .col-4 .blogCard .picture img{width: 100%; height: 100%;}



.floating-btns{position: fixed; left: 0; right: 0; bottom: 20px; content:''; width: 100%; display: flex; justify-content: center; gap: 10px; z-index: 9; }
.floating-btns .eb-button-anchor{padding: 10px 20px;background-color: rgba(3,83,152,1); color: #fff !important; display: flex; justify-content: center; align-items: enter; gap: 10px; cursor: pointer;}
.floating-btns .eb-button-anchor:hover{background-color: rgba(3,83,152,1); color: #fff !important;}
.floating-btns .eb-button-anchor svg{filter: brightness(0.1) invert(1); margin-top: 5px;}
.floating-btns .eb-button-anchor-whatsapp{padding: 10px 20px; background-color: rgba(30,204,7,1); color: #fff !important; display: flex; justify-content: center; align-items: enter; gap: 10px;}


@media (min-width: 768px) and (max-width: 1024px){
	.better-product-content{margin: 80px 0 60px;}
	.better-product-content h3{font-size: 50px; line-height: 50px;}
	.design-scramble-left-content h3{font-size: 40px; line-height: 40px;}
	.design-scramble-left-content h5{font-size: 18px;}
	.design-scramble .masonry {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 16px; -moz-column-gap: 16px;
		column-gap: 16px; padding: 0; -moz-column-gap: 16px; -webkit-column-gap: 16px; column-gap: 16px; padding-left: 25px; }
	.heading-new h3{font-size: 40px;}
	.why-scramble-container p{width: 90%;}
	.why-scramble-container h5{width: 90%; font-size: 30px;}
	.what-scramble-look-wrap .day-block .day{font-size: 16px; padding: 10px;}
	.what-scramble-look-wrap .day-block .title{font-size: 16px;}
	.lowfidelity-wrap .masonry1 {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 15px; -moz-column-gap: 15px;
		column-gap: 15px; padding: 0; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; margin-top: 50px; }
	.get-answer-wrap .heading-new{width: 50%;}
	.get-answer-left-content{width: 100%; margin: 50px 0 0 0; padding: 50px;}
	.get-answer-right-content{width: 100%; margin: 50px 0 0 0; padding: 50px;}
	.get-answer-right-content h4{width: 100%;}

	.fmt-wrap ul li{min-height: 90px; padding: 15px 5px;  margin: 1%; font-size: 12px;}
	.no-busy-work-container{padding: 40px;}
	.no-busy-work-container h2{font-size: 40px;}
	.client-says-wrap .item{margin: 50px 30px;}
	.get-in-touch-container{ width: 100%; padding: 30px 40px;}
	.navbar-light .navbar-toggler{width: 60px;	background: transparent; border: none;}
	.navbar-light .navbar-toggler:focus{outline: none;}
	button[aria-expanded="false"]>span.close {display: none;}
	.navbar button[aria-expanded="true"]>span.close {display: inline; color: #00000080; opacity: 1;}

	button[aria-expanded="true"]>span.navbar-toggler-icon {	display: none;}
	
	.blogCard{margin-bottom: 30px;}
	.blogCard img{width: 100%;}

}

@media (max-width: 767px){
	.better-product-content{margin: 60px 0 60px;}
	.better-product-content h3{font-size: 30px; line-height: 40px;}
	.design-scramble-left-content h3{font-size: 30px; line-height: 30px;}
	.design-scramble-left-content h5{font-size: 18px;}

	.design-scramble .masonry { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 16px;
		-moz-column-gap: 16px; column-gap: 16px; padding: 0; -moz-column-gap: 16px; -webkit-column-gap: 16px;
		column-gap: 16px; padding-left:0;}	
	.design-scramble .masonry .item img{width: 100%;}
	.heading-new h5 {font-size: 14px;}
	.heading-new h3{font-size: 30px;}
	.why-scramble-container{padding-top: 20px;}
	.why-scramble-container p{width: 90%; font-size: 14px;}
	.why-scramble-container h5{width: 90%; font-size: 18px; margin-bottom: -30px;}
	.what-scramble-look-wrap .day-block{width: 90%; min-height: auto;}
	.what-scramble-look-wrap .day-block:before{background: transparent;}

	.lowfidelity-wrap  .masonry1 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 16px;
		-moz-column-gap: 16px; column-gap: 16px; padding: 0; -moz-column-gap: 16px; -webkit-column-gap: 16px;
		column-gap: 16px; padding-left:0;}	
	.lowfidelity-wrap  .masonry1 .item img{width: 100%;}
	.get-answer-left-img-box{width: 96%;}
	.get-answer-left-content{ width: 100%; padding: 20px; margin: 20px 0 0 0;}
	.get-answer-left-content h4{font-size: 16px; line-height: 26px;}
	.get-answer-left-content h6{font-size: 14px;}
	.get-answer-right-img-box{ margin-top: 40px; width: 96%; left: 3%;}
	.get-answer-right-content{margin: 50px 0 0 0; padding: 20px; width: 100%;}
	.get-answer-right-content h4{width: 100%; font-size: 16px; line-height: 26px;}
	.get-answer-wrap p{font-size: 14px;}

	.fmt-wrap p{font-size: 14px;}
	.fmt-wrap ul li{width: 45%; background-size: contain;}
	.no-busy-work-container{padding: 20px; margin-top: 30px;}
	.no-busy-work-container h2{font-size: 30px;}
	.no-busy-work-container p{font-size: 14px;}
	.no-busy-work-container h5{font-size: 16px;}

	.client-says-wrap .item{margin: 50px 50px; padding: 15px}
	.get-in-touch-wrap .text{font-size: 14px;}
	.get-in-touch-container{width: 100%; padding: 20px 20px;}
	.get-in-touch-container .form-control::placeholder{font-size: 14px;}
	.get-in-touch-container .content h4{font-size: 20px;}
	.get-in-touch-container .content h5{font-size: 14px;}
	.get-in-touch-container{font-size: 14px;}
	
	.blogCard{margin-bottom: 30px;}
}

.testimonial-main-wrap{padding: 50px 0;}
.testimonial-block{background: #FFFFFF; box-shadow: 0px 10px 15px rgba(195, 203, 226, 0.22); border-radius: 14px; margin: 50px 20px; padding: 20px; transition: all 0.5s; min-height: 300px; height: 100%;}

.testimonial-block-fo{border-left: 4px solid #F6D137; padding-left: 15px;}
.testimonial-block-fo h5{font-size: 18px; font-weight: bold;}
.testimonial-block-fo p{font-size: 14px; font-weight: 400;}


.contact-btn {position: relative; margin: 50px auto 0; padding: 19px 22px; display: table;	transition: all 0.2s ease;}
.contact-btn:before {content: ""; position: absolute; top: 0; left: 0; display: block; border-radius: 28px;	background: #F6D137; width: 56px; height: 56px; transition: all 0.3s ease;}
.contact-btn span {position: relative; font-family: Montserrat Alternates; font-style: normal; font-weight: 600; font-size: 17.5779px; line-height: 21px; letter-spacing: 0.497204px; color: #474747 !important;}
.contact-btn img {position: relative; top: 0; margin-left: 10px; transform: translateX(-5px); transition: all 0.3s ease; margin-bottom: 2px;}
.contact-btn:hover:before {width: 100%;}
.contact-btn:hover img {transform: translateX(0); filter: brightness(0) invert(1); filter: brightness(35%);}
.contact-btn:active {transform: scale(0.96);}

.contact-btn-white {position: relative; margin: 50px auto 0; padding: 19px 22px; display: table; transition: all 0.2s ease;}
.contact-btn-white:before {content: ""; position: absolute; top: 0; left: 0; display: block; border-radius: 28px; background: #fff; width: 56px; height: 56px; transition: all 0.3s ease;}
.contact-btn-white span {position: relative; font-family: Montserrat Alternates; font-style: normal; font-weight: 600; font-size: 17.5779px; line-height: 21px; letter-spacing: 0.497204px; color: #333333 !important;}
.contact-btn-white img {position: relative; top: 0; margin-left: 10px; transform: translateX(-5px); transition: all 0.3s ease; margin-bottom: 2px; filter: brightness(35%);}
.contact-btn-white:hover:before {width: 100%;}
.contact-btn-white:hover img {transform: translateX(0);}
.contact-btn-white:active {transform: scale(0.96);}

.photo-gallery .section-title{width: 50%;}

@media(max-width: 768px){
	.photo-gallery .section-title{width: 100%;}
}