/*
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Color+Emoji&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
*/

:root {
  --color-primary: #df6d17;
  --color-primary-black: #171717;
  --color-primary-green: #008080;
  --color-primary-grey: #f7f7f7;
  --color-secondary: #87c130;
  --color-theme-blue: #6bd6D0;
  --border-radius-49: 49px;
  --border-radius-35: 35px;
  --border-radius-28: 28px;
  --border-radius-21: 21px;
  --border-radius-14: 14px;
  --border-radius-10: 10px;
  --border-radius-7: 7px;
}

body{
	/* font-family: "Roboto", sans-serif; */
	font-family: "Geist", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	font-variation-settings: "width" 100;
}


	
p{
	color: #444444;
	margin:0px !important;
	padding:0px !important;
}

h1, h2, h3, h4, h5, h6{
	font-weight: bold;
	color: #0a0a0a;
	margin:0px !important;
	padding:0px !important;
}

p > small{
	display: inline-block;
	line-height: 18px;
}


.geist-100 {
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

.geist-200 {
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}

.geist-30 {
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.geist-400 {
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.geist-500 {
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.geist-600 {
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.geist-700 {
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.geist-800 {
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.geist-900 {
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

.font-3{
	font-size: 3.5rem;
}


.form-control{
	outline: none !important;
	padding: 10px 14px !important;
}


.border-radius-14{
	border-radius: 14px !important;
}

.pale-bg{
	background-color: #fff9ef;
}

.light-grey-bg{
	background-color: #f4f7F0;
}

.nav-bar{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 28px;
	padding: 0px 0px;
	border: 0px solid #f00;
}

.logo-wrapper{
	border: 0px solid #f00;
	width: 140px;
}

.logo-wrapper > a > img.logo{
	width: 100%;
}

header{
	padding: 21px 0;
	border-bottom: 1px solid #eeeeee;
	
}

header ul.menu, header ul.cta-list{
	margin: 0px;
	padding:0px;
	list-style-type: none;
	display: flex;
	justify-content: center;
	gap:21px;
}

.fixed-header {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
    background-color: #ffffff;
    border-bottom: 2px solid #f7f7f7;
}

header ul.menu > li{
	display: flex;
	justify-content: flex-start;
	gap:7px;
}

header ul.menu > li > a{
	text-decoration: none;
	color: #444444 !important;
	font-size: 14px;
}

header ul.menu > li > img{
	width: 14px;
}

header ul.cta-list > li img{
	width: 21px;
}

header a.get-in-touch{
	background-color: var( --color-primary-green);
	color: #ffffff !important;
	text-decoration: none;
	padding: 10px 16px;
	border-radius: var(--border-radius-10);
	font-size: 14px;
}

.badge-wrapper small{
	display: inline-block;
	background-color: #f5f5f570;
	padding: 3px 12px;
	border-radius: var(--border-radius-10);
	border: 1px solid #e8e8e8;
	font-weight: bold;
}

.badge-wrapper.centered{
	text-align: center !important;
}

.cta-btn-flex{
	display: flex;
	margin: 0px;
	padding: 0px;	
	justify-content: flex-start;
	align-items: flex-start;
	border: 0px solid #f00;	
	gap:14px;
}

.cta-btn-flex.service{
	justify-content: center !important;
	align-items: flex-start;
	border: 0px solid #f00;	
	gap:14px;
}

.cta-btn-flex > li{
	list-style-type: none;	
}


a.start-a-project, button.start-a-project{
	background-color: var( --color-primary-green);
	color: #ffffff !important;
	padding: 14px 21px;
	border-radius: var( --border-radius-10 );
	text-decoration: none;
	border: none;
}


a.watch-reel{
	background-color: #ffffff;
	color: var( --color-primary-black) !important;
	padding: 14px 21px;
	border-radius: var( --border-radius-10 );
	border: 1px solid #cccccc;
	text-decoration: none;
}


a.start-a-project > img, button.start-a-project > img{
	width: 21px;	
}

a.watch-reel > img{
	width: 21px;
	background-color: 
}

.hero-section-img{
	border-radius: var( --border-radius-14 );
	position: relative;
}

.hero-section-img .badge-wrapper{
	position: absolute;
	top: 21px;
	right: 21px;
}

.hero-section-img .badge-wrapper small{
	color: #ffffff !important;
}

.hero-section-img img{
	width: 100%;
	border-radius: var( --border-radius-14 );
}

.deployment-status-flex{
	display: flex;
	justify-content: flex-start;
	position: absolute;
	bottom: 21px;
	left: 21px;
	gap: 10px;
	background-color: #ffffff;
	padding: 14px;
	border-radius: var( --border-radius-14 );
}

.deployment-status-flex > div:first-child{
	width: 42px;
}

.deployment-status-flex > div:first-child > img{
	width: 100%;
}

.deployment-status-flex > div:last-child > h6{
	margin:0px;
	padding:0px;
	font-weight: bold;
}

.deployment-status-flex > div:last-child > small{
	font-size:12px;
	font-weight: bold;
	display: inline-block;
	margin:0px;
	padding:0px;
	color: #777777;
	
}

.stats-section{
	background-color: #f5f5f5;	
}

.stats-label{
	color: var( --color-primary-green );
}



.services-card-1{
	border: 1px solid var( --color-primary-grey );
	border-radius: var( --border-radius-10 );
	padding: 28px;
	box-shadow: 
		0 1px 3px rgba(0, 0, 0, 0.05),
		0 7px 21px rgba(0, 0, 0, 0.06);
}

.services-icon-wrapper{
	margin-bottom: 35px;
}

.services-icon-wrapper > img{
	width: 49px;
}

a.services-learn-more{
	text-decoration: none !important;
	color: #444444;
}

a.services-learn-more img{
	width: 14px;
}

ul.services-features{
	margin:21px 0px;
	padding: 0px 14px;
}

ul.services-features > li{
	font-size: 14px;
	color: #666666;
}

.services-cta{
	margin: 14px 0 0 0; 
}

.services-cta a{
	display: block;
	padding: 7px 14px;
	border-radius: var( --border-radius-7 );
	border: 1.5px solid #cccccc;
	text-align: center;
	text-decoration: none;
}

.cta-section{
	background-color: var( --color-primary-green );
}

.cta-section-btn img{
	width: 21px;
}

.white-texts{
	color: #ffffff;
}

.grey-texts{
	color: #777777 !important;
}

.light-grey-texts{
	color: #f7f7f7;
}

.cta-section-flex{
	display: flex;
	justify-content: center;	
}

.cta-section-btn{
	display: inline-block;
	padding: 14px;
	background-color: #ffffff;
	border-radius: var( --border-radius-10 );
}

.flex1{
	flex:1;
}

.project-card-1{
	border: 1px solid var( --color-primary-grey );
	border-radius: var( --border-radius-10 );
	box-shadow: 
		0 1px 3px rgba(0, 0, 0, 0.05),
		0 7px 21px rgba(0, 0, 0, 0.06);
}

.project-thumbnail-wrapper{
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	min-height: 280px;
	padding: 21px;
}

.project-thumbnail-wrapper, .project-thumbnail-wrapper > img{
	border-radius: 10px 10px 0px 0px;
}

.project-thumbnail-wrapper > img{
	width: 100%;
}

.project-description{
	padding: 21px;
}

.why-us{
	border-top: 1px solid #eeeeee;
}

.why-us-flex{
	display: flex;
	justify-content: flex-start;
	gap: 14px;
	align-items: flex-start;
	margin-bottom: 28px;
}

.why-us-flex > div:first-child{
	width: 50px;
}

.why-us-flex > div:first-child > img{
	width: 100%;
}

.why-us-flex > div:last-child{
	flex:1;
}

.testimonial-card-1{
	border: 1px solid var( --color-primary-grey );
	border-radius: var( --border-radius-14 );
	box-shadow: 
		0 1px 3px rgba(0, 0, 0, 0.05),
		0 7px 21px rgba(0, 0, 0, 0.06);
	padding: 21px;
}

.ratings > ul{
	display: flex;
	justify-content: flex-start;
	gap: 7px;
	margin: 0;
	padding: 0;
	
}

.ratings > ul > li{
	list-style-type: none;
}


.ratings > ul > li > img{
	width: 21px;
}

.testimony-user-flex{
	display: flex;
	gap: 14px;
	align-items: flex-start;
}

.testimony-user-flex > div:first-child{
	width: 42px;
	border-radius: 50%;
	border: 1px solid #eeeeee;
}

.testimony-user-flex > div:first-child > img{
	width: 100%;
	border-radius: 50%;
}

.testimony-user-flex > div:last-child{
	flex:1;
}

.testimony-user-flex > div:last-child > h6{
	margin: 0;
	padding: 0;
}
.testimony-user-flex > div:last-child > small{
	color: #666;
}

.our-stack{
	background-color: #f5f5f5;	
}

.our-stack-flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	
}


.our-stack-flex > div:last-child > ul{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap:21px;	
	padding: 0px;
	margin: 0px;
}

.our-stack-flex > div:last-child > ul > li{
	list-style-type: none;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 7px;
}

.our-stack-flex > div:last-child > ul > li h5{
	color: #888888;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
}

.our-stack-flex > div:last-child > ul > li img{
	width: 21px;
}

.our-stack-label{
	font-size: 14px;
	color: #888888;
	padding: 0px;
	margin: 0px;
}



.cta-section-2-card{
	background-color: #f7f7f7;
	padding: 77px;
	border-radius: var( --border-radius-28 );	
}

.cta-section-3-card{
	background-color: var( --color-primary-green );
	padding: 77px;
	border-radius: var( --border-radius-28 );	
}

.cta-section-2-card > .badge-wrapper, .cta-section-3-card > .badge-wrapper{
	text-align: center !important;
}

.cta-section-3-card > .badge-wrapper > small{
	background-color: #ffffff;
	color: #444444;
}

.cta-section-3-card .cta-btn-flex{
	justify-content: center;
}

.cta-section-3-card .cta-btn-flex  a.start-a-project{
	background-color: #000000;
}


.cta-section-2-card .cta-btn-flex{
	justify-content: center !important;
}

.cta-section-4-card{
	background-color: #F0F7F7;
	padding: 49px;
	display: flex;
	border-radius: var( --border-radius-28 );
}

.cta-section-5-card{
	background-color: #f7f0f0;
	padding: 49px;
	border-radius: var( --border-radius-28 );
}

.failed-status-card{
	background-color: #f7f0f0 !important;
	padding: 49px !important;
	border-radius: var( --border-radius-28 ) !important;
}

.success-status-card{
	background-color: #F0F7F7 !important;
	padding: 49px !important;
	border-radius: var( --border-radius-28 ) !important;
}

.cta-section-4-card > div:last-child{
	min-width: 280px;
}

.cta-section-4-card .cta-section-btns{
	display: block !important;
	margin: 0px;
	padding: 0px;
}

.cta-section-4-card .cta-section-btns > li{
	display: block !important;
	list-style-type: none !important;
	margin-bottom: 21px;	
	width: 100%;
	border: 0px solid #f00;
}

.cta-section-4-card .cta-section-btns > li > a{
	display: flex !important;
	justify-content: center;
	align-items: center;
	width: 100%;
	border: 0px solid #f00;
	gap:14px;
}

.centered-texts{
	text-align: center !important;
}


.footer-logo-wrapper > img{
	width: 210px;
}

.newletter-row{
	display: flex;
	gap:7px;
}

.newletter-row > div:first-child {
	flex: 1;
}
.newletter-row > div:first-child > input{
	padding: 12px 14px;
	font-size: 12px;
	border: 1px solid #cccccc;
	width: 100%;
	border-radius: var( --border-radius-10 );
}
.newletter-row > div:last-child > button{
	border: none;
	background-color: var( --color-primary-green );
	color: #ffffff;
	padding: 12px 14px;
	font-size: 12px;
	border: 1px solid var( --color-primary-green );
	border-radius: var( --border-radius-10 );
}

.newletter-row > div:last-child > button > img{
	width: 14px;
}

.social-media-links ul{
	margin: 0px;
	padding: 0px;
	display: flex;
	gap:14px;
}

.social-media-links ul > li{
	list-style-type: none;
}

.social-media-links ul > li > a{
	display: block;
}

.social-media-links ul > li > a > img{
	width: 28px;
}

.footer-links h6{
	font-size: 14px;
	color: #303030 !important;
}


.footer-links ul > li{
	list-style-type: none;
}


.footer-links ul > li > a{
	display: block;
	padding: 4px 0 !important;
	text-decoration: none;
	color: #737373;
	font-size: 14px;
}


.footer-links ul{
	margin: 0px;
	padding: 0px;
}

.policies-and-terms-links{
	margin:0px;
	padding:0px;
	display: flex;
	justify-content: flex-end;
	gap: 14px;
	align-items: center;
}


.policies-and-terms-links > li{
	list-style-type: none;
}


.policies-and-terms-links > li > a{
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-decoration: none;
	color: #797979 !important;
}


.border-top{
	border-top:1px solid #eeeeee;
}

.boxed-form-card{
	border: 1px solid var(--color-primary-grey);
    border-radius: var(--border-radius-10);
    padding: 28px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.06);	
}

.flex-row, .contact-info-row, .services-flex{
	display: flex;
	gap:14px;
}

.service-option-flex{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:3px;
	border: 1px solid #ccc;
	padding: 6px 10px;
	border-radius: var( --border-radius-10 );
}


.service-option-flex > div{
	font-size: 14px;
}

.service-option-flex.active{
	border: 1px solid var( --color-primary-green );	
	color: var( --color-primary-green );
	font-weight: bold;
	font-size: 7px !important;	
}


textarea.min-height-110{
	min-height: 110px !important;
}

textarea.height-110{
	min-height: 110px;
}

textarea.height-210{
	min-height: 210px !important;	
}

textarea.height-220{
	min-height: 220px !important;	
}

textarea.height-290{
	min-height: 290px !important;	
}

textarea.height-180{
	min-height: 180px;
}

textarea.height-290{
	min-height: 290px !important;	
}



.service-option-flex > div:first-child{
	width: 21px;
}


.service-option-flex > div:first-child > img{
	width: 100%;
}

.flex-1, .flex1{
	flex: 1;
}

.justify-content-end{
	justify-content: flex-end;
}

.input-label{
	display: inline-block;
	margin-bottom: 10px;
}

.security-assurance{
	align-items: flex-start;
	
}

.security-assurance > div:first-child{
	width: 21px;
}

.security-assurance > div:first-child img{
	width: 100%;
}

.security-assurance > p{
	margin: 0px;
	padding: 0px;
}

.contact-info-icon{
	width: 49px;
	padding:14px;
	background-color: var( --color-primary-grey );
	border-radius: var( --border-radius-10 );
}

.contact-info-icon > img{
	width: 100%;
}

.availability-status{
	border-top: 1px solid #eeeeee;
	padding: 7px 0;
}

span.status{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

span.online{
	background-color: #5dc15d;
}

span.offline{
	background-color: #ff0000;
}


.book-a-call-cta-card{
	background-color: var( --color-primary-green );
}

.book-a-call-cta-card small{
	color: var( --color-primary-grey );
}

.book-a-call-cta-btn, a.book-a-call-cta-btn{
	display: block;
	padding: 10px 14px;
	background-color: #ffffff;
	color: var( --color-primary-green );
	font-weight: bold;
	border-radius: var( --border-radius-14 );
	text-align: center;
	text-decoration: none;
}

.logo-wrapper > a > img.menu {
	display: none;
}

.service-item, .blog-item{
    border: 1px solid var(--color-primary-grey);
    border-radius: var(--border-radius-10);
    padding: 28px 21px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 7px 21px rgba(0, 0, 0, 0.06);
	min-height: 270px;
	vertical-align: center;
}

.blog-detail{
	border: 0px solid var(--color-primary-grey);
    border-radius: var(--border-radius-10);
    vertical-align: center;
}

.blog-detail > .caption-image > img{
	width: 100%;
	border-radius: 14px;
}

.blog-detail > span.featured-tag{
	display: inline-block;
	color: #007070;
	border-radius: 21px;
	font-size: 12px;
	font-weight: bold;
}

.service-item > div{
	margin-bottom: 14px;
}

.service-item > div:first-child > img{
	width: 49px;
}

.platform-item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:14px;
	border: 1px solid var(--color-primary-grey);
    border-radius: var(--border-radius-10);
    padding: 14px 14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 7px 21px rgba(0, 0, 0, 0.06);
}

.platform-item{
	
}

.platform-item.justify-content-start, .justify-content-start{
	justify-content: flex-start !important;
}

.platform-item.align-items-start, .align-items-start{
	align-items: flex-start !important;
}

.platform-item > div:first-child {
	width:42px;
}

.platform-item > div:first-child > img{
	width:100%;
}

.platform-item.align-items-start > div:first-child{
	width: 42px;
	padding: 10px;
	background-color: #F0F7F7;
	border-radius: 50%;
}


.platform-item.align-items-start > div:first-child > img{
	width: 100%;
}

.blog-item > .caption-image{
	margin-bottom: 21px;
	border-radius: 14px;
}

.blog-item > .caption-image > img{
	width: 100%;
	border-radius: 14px;
}

.blog-item > span.featured-tag{
	display: inline-block;
	color: #007070;
	border-radius: 21px;
	font-size: 12px;
	font-weight: bold;
}

.featured-tag.opaque{
	background-color: #007070;
	color: #ffffff !important;
	padding:3px 21px;	
}

.align-items-center{
	align-items:center !important;
}

.platform-item h6{
	margin-bottom: 10px !important;
}


.platform-item.circled-icon > div:first-child{
	width: 42px;
	padding:10px;
	background-color: #F0F7F7;	
}

.border-radius-50-percent{
	border-radius: 50% !important;
}

.platform-item.circled-icon > div:first-child > img{
	width: 100%;
}

.process{
	text-align: center;
}

.process-step{
	display: inline-block;
	width: 52px;
	padding: 14px 0px;
	border: 0px solid #ff0000;
	background-color: var( --color-primary-green ) !important;
	color: #ffffff;
	border-radius: 50%;
	text-align: center;
	margin-bottom: 21px;
}

.process-linking-line{
	position: relative;
	display: block;
	width: 100%;
}

.process-linking-line::before{
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	border-top: 2px solid var( --color-primary-green );
	bottom: -28px;
	z-index: -1;
}


.scenario-item {
	border: 1px solid var(--color-primary-grey);
    border-radius: var(--border-radius-10);
    padding: 14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 7px 21px rgba(0, 0, 0, 0.06);
}

.scenario-item > div:first-child, .scenario-item  p{
	text-align: center;
}

.scenario-item  p{
	font-size: 12px;
}

.scenario-item > div:first-child > img{
	width: 49px;
}

.process-row{
	display: flex;
	justify-content: flex-start;
}

.featured-footer-flex{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:21px;
	border-top: 1px solid #eeeeee;
	padding: 14px 0 0 0;
}


.featured-header-flex{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:21px;
	border-bottom: 1px solid #eeeeee;
	padding: 0 0 14px 0;
	margin-bottom: 28px;
}


.featured-footer-flex > .left-col, .featured-header-flex > .left-col{
	flex: 1;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:21px;
}

.author-pic{
	width: 28px;
	padding: 2px 7px;
	background-color: #f7f7f7;
	border-radius: 50%;
}

.author-pic > img{
	width: 100%;
}

.right-col a{
	color: #007070 !important;
	font-weight: bold;
	text-decoration: none;
}

.right-col a > img{
	width: 21px;
}

.blog-aside-item{
	border: 1px solid var(--color-primary-grey);
    border-radius: var(--border-radius-10);
    padding: 21px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 7px 21px rgba(0, 0, 0, 0.06);
}


.blog-aside-item .card-icon{
	width: 42px;
	padding: 8px 10px;
	margin-bottom: 21px;
	background-color: #DCEAEA;
	border-radius: 7px;
}

.blog-aside-item .card-icon > img{
	width: 100%;
}

.theme-block-btn{
	background-color: var( --color-primary-green );
	color: #ffffff;
	width: 100%;
}

.bold{
	font-weight: 600 !important;
}

p.bold{
	font-weight: 600 !important;
	line-height: 21px;
	padding: 0px;
	margin-bottom: 21px;
}

.border-left-green{
	border-left: 3px solid var( --color-primary-green );
}

.search-form{
	display: block;
	position: relative;
}

.search-form > input{
	padding:24px !important;
}

.search-form > div, .search-form > button{
	display: inline-block;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 49px;
	padding: 12px;
	background-color: #DCEAEA;
	border-radius: 4px;
	border: none;
	text-align: center;
}

.search-form > div > img, .search-form > button > img{
	width: 100%;
}

.blog-categories{
	margin:0px;
	padding:0px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:21px;
}

.blog-categories > li{
	list-style-type: none;
}

.blog-categories > li > a{
	display: block;
	border: 1px solid #eee;
	padding: 7px 21px;
	border-radius: 28px;
	color: #444444;
	text-decoration: none;
}

.blog-categories > li > a.active{
	background-color: var( --color-primary-green );
	color: #ffffff;
	border: 1px solid var( --color-primary-green );
}

@media ( max-width: 768px ) {
	
	.banner-row{
		display: flex !important;
		flex-flow: column-reverse !important;
	}
	
	.stats-card, .services-card-1, .project-card-1, .footer-links{
		margin-bottom: 28px;
	}
	
	.cta-section-flex{
		display: block;
		justify-content: none;	
	}
	
	.cta-btn-flex {
		display: block !important;
		margin: 0px;
		padding: 0px;
		justify-content: flex-start;
		align-items: flex-start;
		border: 0px solid #f00;
		gap: 7px;
	}
	
	.cta-btn-flex > li{
		margin: 0px 0 14px 0;
		padding: 0px;
		
	}
	
	a.start-a-project, button.start-a-project {
		display: block;
		background-color: var(--color-primary-green);
		color: #ffffff !important;
		padding: 10px 10px;
		border-radius: var(--border-radius-10);
		text-decoration: none;
		border: none;
		text-align: center;
	}
	
	a.watch-reel {
		display: block;
		background-color: #ffffff;
		color: var(--color-primary-black) !important;
		padding: 10px 10px;
		border-radius: var(--border-radius-10);
		border: 1px solid #cccccc;
		text-decoration: none;
		text-align: center;
	}
	
	.cta-section-flex > div:first-child{
		margin-bottom: 28px;	
	}
	
	.logo-wrapper {
		border: 0px solid #f00;
		width: 100% !important;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.logo-wrapper > a > img.logo {
		width: 150px;
	}
	
	.logo-wrapper > a > img.menu {
		width: 35px;
		display: inline-block;
	}
	
	.nav-bar {
		display: block !important;
		justify-content: none;
		align-items: none;
		gap: none;		
	}
	
	header ul.menu, header ul.cta-list {
		display: none !important;
		justify-content: none;
		gap: none;
		margin: 21px 0;
	}
	
	header ul.menu li, header ul.cta-list li {
		border-bottom: 1px dotted #eee;	
	}
	
	header ul.menu li a, header ul.cta-list li a{
		display: block !important;	
		padding: 10px 0px;
	}
	
	header ul.cta-list li a.get-in-touch{
		display: block !important;	
		text-align: center;
	}
	
	header ul.menu.show, header ul.cta-list.show {
		display: block !important;
	}
	
	.hero-section-img{
		margin:0 0 49px 0;
	}
	
	.hide-in-mobile{
		display: none !important;
	}
	
	.cta-section-2-card {
		background-color: #f7f7f7;
		padding: 35px 14px;
		border-radius: var(--border-radius-28);
	}
	
	.cta-section-2-card h1{
		font-size: 28px;
	}
	.cta-section-2-card big{
		font-size: 16px;
	}
	
	
	
	.cta-btn-flex .start-a-project, .cta-btn-flex .watch-reel{
		font-size: 14px;
	}
	
	.copyright-para{
		text-align: center;
	}
	
	.policies-and-terms-links {
		justify-content: center;		
	}
	.font-3{
		font-size: 42px;
	}
	
	.services-flex, .flex-row{
		display: block;
	}
	
	.flex-row > div, .services-flex > div{
		margin: 14px 0;
	}
	
	.process-row{
		display: block;
	}
	
	.process-row > div{
		margin-bottom: 21px;
	}
	
	.process-linking-line{
		display: none;
	}
	
	.cta-btn-flex.service, .cta-btn-flex.cta-section-btns{
		display: block !important;	
		width: 100% !important;	
	}

	.cta-btn-flex.service > li a{
		display: block !important;
		margin-bottom: 21px;
		width: 100%;	
		text-align: center;
	}
	
	.cta-section-3-card {
		background-color: var(--color-primary-green);
		padding: 35px 21px;
		border-radius: var(--border-radius-28);
	}
		
	.cta-btn-flex.cta-section-btns > li{
		display: block !important;
		border: 0px solid #f00;
	}
	
	.cta-btn-flex.cta-section-btns > li a{
		display: block !important;
		margin-bottom: 21px;
		width: 100%;	
		text-align: center;
	}
	
	.cta-section-4-card{
		display: block;
		padding: 21px;
	}

	.hide-small{
		display: none !important;
	}
	
	.blog-categories{
		justify-content: center;
		gap:7px;
	}
	
	.blog-categories > li > a{
		display: block;
		border: 1px solid #eee;
		padding: 3px 14px;
		border-radius: 28px;
		color: #444444;
		text-decoration: none;
		font-size: 12px;
	}
	
	.blog-main-title{
		font-size: 28px;
	}
	
}