:root{
	--top-pad:144px;
	--padding:100px;
	--margin:-24px;
	--body: 24px;
}
body{
	padding-inline: var(--body);
	font-family: Inter;
}
*{
	box-sizing: border-box;
} 	
button.toggle-menu{
	display: none;
}
.container{
	max-width: 1400px;
	margin: 0 auto;
	width: 100%;
	padding-inline: 15px;
}
.bg-white{
	background-color: #fff !important;
}
.col-white{
	color: #fff;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
/**/
h1,h2,h3,h4,h5,h6,p,ul{
	margin: 0;
	color: #000;
}
article,.page,.post{
	margin-bottom: 0;
}
a{
	text-decoration: none;
	transition: 0.3s ease-in-out;
}
.d-grid{
	display: grid;
}
.d-flex{
	display: flex;
	flex-wrap: wrap;
}
.flex-column{
	flex-direction: column;
}
.justify-center{
	justify-content: center;
}
.align-center{
	align-items: center;
}
/**/
.col-2-3{
  	grid-template-columns: 0.7fr 1.3fr;
}
.col-3-2{
  	grid-template-columns:  1.3fr 0.7fr;
}
.col-2-1{
  	grid-template-columns: 1.2fr 0.8fr;
}
.col-2-22{
  	grid-template-columns: 0.9fr 1.1fr;
}
.col-2{
  	grid-template-columns: repeat(2, 1fr);
}
.col-3{
  	grid-template-columns: repeat(3, 1fr);
}
.col-4{
  	grid-template-columns: repeat(4, 1fr);
}
.col-5{
  	grid-template-columns: repeat(5, 1fr);
}
.gap-100{
	gap: 100px;
}
.gap-80{
	gap: 80px;
}
.gap-60{
	gap: 60px;
}
.gap-55{
	gap: 55px;
}
.gap-50{
	gap: 50px;
}
.gap-40{
	gap:40px;
}
.gap-30{
	gap:30px;
}
.gap-25{
	gap:25px;
}
.gap-20{
	gap:20px;
}
/**/
.mb-10{
	margin-bottom: 10px;
}
.mb-20{
	margin-bottom: 20px;
}
.mb-30{
	margin-bottom: 30px;
}
.mb-40{
	margin-bottom: 40px;
}
.mb-50{
	margin-bottom: 50px;
}
.mb-60{
	margin-bottom: 60px;
}
.mb-70{
	margin-bottom: 70px;
}
/**/
.f100{
	font: 400 100px/1 Inter;
	letter-spacing: 0%;
}
.f75{
	font: 500 75px/1.33 Inter;
	letter-spacing: 0%;
}
h1,.f70{
	font: 400 70px/1.42 Inter;
	letter-spacing: 0%;
}
h2,.f60{
	font: 400 60px/1.33 Inter;
	letter-spacing: 0%;
}
h3,.f40{
	font: 400 40px/1.5 Inter;
	letter-spacing: 0%;
}
h4,.f35{
	font: 300 35px/1.7 Inter;
	letter-spacing: 0%;
}
h5,.f30{
	font: 400 30px/1.33 Inter;
	letter-spacing: 0%;
}
h6,.f26{
	font: 400 26px/1.33 Inter;
	letter-spacing: 0%;
}
.f22{
	font: 400 22px/1.9 Inter;
	letter-spacing: 0%;
}
.f20{
	font: 400 20px/1.2 Inter;
	letter-spacing: 0%;
}
.f18{
	font: 700 18px/1.77 Inter;
	letter-spacing: 0%;
}
p,.f16,li{
	font: 400 16px/2 Inter;
	letter-spacing: 0%;
}
.f14{
	font: 400 14px/1.21 Inter;
	letter-spacing: 0%;
}
.btn{
	font: 700 16px/1.18 Inter;
	padding: 16px 40px;
	border-radius: 50px;
	border: 1px solid ;
	letter-spacing: 0%;
	text-align: center;
	display: inline-flex;
	text-decoration: none;
	transition: 0.3s ease-in-out;
}
.btn-primary{
	background-color: #DA2525;
	border-color: #DA2525;
	color: #fff;
}
.btn-primary:hover,
.btn-secondary{
	background-color: #fff;
	border-color: #DA2525;
	color: #DA2525 !important;
}
.btn-secondary:hover{
	background-color: #DA2525;
	border-color: #DA2525;
	color: #fff !important;
}
/*header*/
header{
	position: absolute;
	inset: 0 0 auto;
	z-index: 99;
	padding: 15px 0;
}
.main-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.main-navigation{
	width: auto;
}
.main-nav .logo a {
    width: 175px;
}
.main-nav .logo {
    padding-right: 50px;
    margin-right: 50px;
    border-right: 1px solid rgb(0 0 0 / 20%);
}
.menu-main-menu-container ul {
    display: flex;
    gap: 30px;
    align-items: center;
}
.menu-main-menu-container ul li a {
	font:400 14px/1 Inter; 
    letter-spacing: 6%;
    text-transform: uppercase;
    color: #000;
}
.menu-main-menu-container ul li a:hover{
	color: #E54C44;
}
.right-btn {
    display: flex;
    gap: 30px;
    margin-left: auto;
}
.contact-btn {
    display: flex;
}
a.contact-btn svg {
    width: 46px;
    height: 46px;
    border-radius: 0;
    flex: 46px 0 0;
    padding: 10px;
}
a.contact-btn {
 	font: 500 20px/22px Inter;
    position: relative;
    letter-spacing: 0%;
    text-align: right;
    color: #000;
}
a.contact-btn:hover{
	color: #E54C44;
}
a.contact-btn::before {
    content: "";
    width: 46px;
    height: 46px;
    background: red;
    border-radius: 0;
    flex: 46px 0 0;
    padding: 10px;
    position: absolute;
    z-index: -1;
    border-radius: 50%;
}
a.contact-btn span {
    display: block;
    font-weight: 400;
}
a.contact-btn strong{
	padding-left: 16px;
}
/*hero*/
.hero-banner{
	padding: var(--top-pad) 0 var(--padding);
}
.hero-banner-wrap>span {
    padding: 10px 24px;
    background-color: #E54C440F;
    border-radius: 40px;
    margin: 0 auto 10px;
    color: #000;
    position: relative;
    display: inline-flex;
    align-items: center;
}
.hero-banner-wrap>span::before {
    content: "";
    width: 6px;
    height: 6px;
    flex: 6px 0 0;
    border-radius: 50%;
    background-color: #E54C44;
    display: inline-block;
    margin-right: 10px;
}
.hero-banner p{
	max-width: 1064px;
	margin-inline: auto;
	width: 100%;
}
p.info-text{
    color: #757575;
    font-style: italic;
}
/* video */
.codmash-video iframe{
	width: 100%;
	aspect-ratio: 16/9;
	height: auto;
}
.codmash-video {
    position: relative;
    aspect-ratio: 16/9;
}
.youtube-video-wrap {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.youtube-video-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.youtube-video-wrap button {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    border: none;
    padding: 0;
    width: 80px;
}
/* stats */
.stats{
	padding: 15px 0;
	border-top: 1px solid #D9D9D9;
}
.stats-content {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 10px 0;
}
.stats-content img {
    width: 55px;
    flex: 55px 0 0;
} 
.stats-wrap >div:not(:last-of-type){
	border-right:1px solid #D9D9D9;
	padding-right: 10px;
}
.stats-wrap >div:nth-of-type(2),
.stats-wrap >div:nth-of-type(3){
	justify-content: center;
	padding-inline: 10px;
}
.stats-wrap >div:nth-of-type(4){
	justify-content: flex-end;
	padding-left: 0;
}
/*who we are*/
.who-we-are {
    padding: var(--padding) 0;
    background-color: #F6F6F6;
    border-radius: 10px;
}
.who-we-are_content img {
    width: 100%;
    aspect-ratio: 922 / 413;
    border-radius: 10px;
    object-fit: cover;
}
.who-we-are_content.bg-white {
    padding: 33px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.who-we-are_content h3{
	font-weight: 700;
}
.who-we-are_content.bg-white p{
	font-style: italic;
}
/* trusted partner ================ */
.trusted-partner{
	padding: var(--padding) 0;
}
.logo-wrap {
    box-shadow: 0px 10px 24px 0px #00000026;
    padding: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.logo-wrap hr {
    width: 1px;
    height: 61px;
    margin: 0;
}
.logo-grid img{
	width: 100%;
	aspect-ratio: 226/80;
	object-fit: scale-down;
	object-position: center;
}
/*Project Delivered ====================*/
.project-delivered{
	padding: var(--padding) 0;
}
.project-delivered h2 span {
    display: block;
    font-size: 180px;
    line-height: 0.7;
}
.count-wrap {
    padding: 20px 62px 25px;
    background-color: #d9d9d959;
    border-radius: 40px;
}
.thumbnail-wrap {
	gap: 16px;
} 
.client-thumbnail img,
.expand-icon img{
    aspect-ratio: 1 / 1;
	width: 100%;
	height: auto;;
	object-fit: cover;
	object-position: center;
	border-radius: 20px;
}
.thumbnail-wrap >div:nth-of-type(even) img{
	border-radius: 50%;
}
/*services ======================*/
.services {
    background-color: #000000;
    border-radius: 10px;
    padding: var(--padding) 0;
}
.services .services-list{
	padding-bottom: 0;
}
.services *{
	color: #fff;
}
.services .heading {
	max-width: 1134px;
}
.services-list-wrap {
    padding: 14px 0;
}
.services-list-wrap+div {
    border-top: 1px solid #ffffff33;
}
.services-list-wrap .left-content {
    padding-right: 20px;
}
.services-list-wrap:not(.active) .left-content :is(p,a),
.services-list-wrap:not(.active) .right-content img{
	display: none;
}
.right-content img {
    width: 100%;
}
.services-list-wrap .left-content h3{
	padding-left: 80px;
	position: relative;
}
.services-list-wrap .left-content h3::before{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	border:1px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNyAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMTYuMDc1NSA1LjczMTI4QzE2LjM1MjggNS40NTM5NCAxNi4zNTI4IDUuMDA0MyAxNi4wNzU0IDQuNzI2OThMMTEuNTU2IDAuMjA3NzQ5QzExLjI3ODcgLTAuMDY5NTczOCAxMC44MjkgLTAuMDY5NTYzNyAxMC41NTE3IDAuMjA3NzcyQzEwLjI3NDQgMC40ODUxMDcgMTAuMjc0NCAwLjkzNDc0NiAxMC41NTE3IDEuMjEyMDdMMTQuNTY5IDUuMjI5MTZMMTAuNTUxOSA5LjI0NjQ0QzEwLjI3NDYgOS41MjM3OCAxMC4yNzQ2IDkuOTczNDEgMTAuNTUxOSAxMC4yNTA3QzEwLjgyOTMgMTAuNTI4MSAxMS4yNzg5IDEwLjUyODEgMTEuNTU2MiAxMC4yNTA3TDE2LjA3NTUgNS43MzEyOFpNMy4wNTE3NmUtMDUgNS4yMjk0OUw0LjY1MTU3ZS0wNSA1LjkzOTY0TDE1LjU3MzMgNS45MzkyOUwxNS41NzMzIDUuMjI5MTRMMTUuNTczMyA0LjUxOUwxLjQ1MTk0ZS0wNSA0LjUxOTM1TDMuMDUxNzZlLTA1IDUuMjI5NDlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
	width: 49px;
    height: 49px;
    background-repeat: no-repeat;
    background-position: center;
}
.services-list-wrap.active h3::before{ 
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxMSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNzI3NDMgMTYuMDc1NEM1LjAwNDc3IDE2LjM1MjggNS40NTQ0IDE2LjM1MjcgNS43MzE3MyAxNi4wNzU0TDEwLjI1MSAxMS41NTZDMTAuNTI4MyAxMS4yNzg2IDEwLjUyODMgMTAuODI5IDEwLjI1MDkgMTAuNTUxN0M5Ljk3MzYgMTAuMjc0NCA5LjUyMzk2IDEwLjI3NDQgOS4yNDY2NCAxMC41NTE3TDUuMjI5NTUgMTQuNTY5TDEuMjEyMjcgMTAuNTUxOUMwLjkzNDkzMyAxMC4yNzQ2IDAuNDg1Mjk1IDEwLjI3NDYgMC4yMDc5NzIgMTAuNTUxOUMtMC4wNjkzNTA5IDEwLjgyOTIgLTAuMDY5MzQwOCAxMS4yNzg5IDAuMjA3OTk0IDExLjU1NjJMNC43Mjc0MyAxNi4wNzU0Wk01LjIyOTIyIDBMNC41MTkwNyAxLjU5NjcxZS0wNUw0LjUxOTQyIDE1LjU3MzNMNS4yMjk1NyAxNS41NzMzTDUuOTM5NzEgMTUuNTczM0w1LjkzOTM2IC0xLjU5NjcxZS0wNUw1LjIyOTIyIDBaIiBmaWxsPSIjRTU0QzQ0Ii8+Cjwvc3ZnPgo=");   background-repeat: no-repeat;
    background-position: center;
    border-color: #fff;
    background-color: #fff;
}
/*solution ======================*/
.solutions {
    padding: var(--padding) 0;
}
.industry-wrap {
    display: flex;
    gap: 30px;
    padding: 29px 8px;
} 
.industry-wrap img {
    flex: 35px 0 0;
}
.industry-outer>div:nth-of-type(4)~div{
	border-top:1px solid #ccc;
}
.industry-outer>div:not(:nth-of-type(4n)){
	border-right:1px solid #ccc;
}
/*Process ======================*/
.development-process{
	overflow: hidden;
	margin-inline: var(--margin);
}
.process-wrap {
    background-color: #d9d9d952;
    border-radius: 40px;
    padding: 40px 25px;
}
.process-wrap img {
    width: 229px;
}
.process-slider .swiper-slide{
	height: initial;
	display: flex;
}
/* technologies we work ====================== */
.technologies-we-work{
	padding: var(--padding) 0;
}
.technologies-list {
    border: 1px solid #ccc;
    border-radius: 20px;
    overflow: hidden; 
}
.technologies-we-work .tech-logos-text .swiper-slide{
	background:  url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCA2NSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI4LjUiIGZpbGw9IiNFNTRDNDQiLz4KPGNpcmNsZSBjeD0iMzIuNSIgY3k9IjguNSIgcj0iOC41IiBmaWxsPSIjRTRBMTI2Ii8+CjxjaXJjbGUgY3g9IjU2LjUiIGN5PSI4LjUiIHI9IjguNSIgZmlsbD0iIzQ3Q0MzQiIvPgo8L3N2Zz4K") left 21px top 16px no-repeat;
	background-size: 65px; 
    padding: 18px 80px 0 ;
} 
ul#filters {
    display: flex;
    justify-content: space-around;
    list-style: none;
    padding: 0;
}
ul#filters li span {
    font-weight: 400;
}
ul.tech-list-icon {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    justify-content: space-around;
    align-items: center;
    padding: 0;
    gap: 20px;
} 
ul.tech-list-icon li div{
    aspect-ratio: 1/1;
    box-shadow: 0px 8.58px 8.58px 0px #00000040;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
}
ul.tech-list-icon li img {
    width: auto;
}
.technologies-list .search-wrap {
    max-width: 80%;
    width: 773px;
    margin-inline:  auto;
    border: 1px solid #ccc;
    border-radius: 160px;
    padding: 27px 85px 27px 43px;
    position: relative;
}
.technologies-list .search-wrap span{
	color: #000;
}
.technologies-list .search-wrap svg {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}
.swiper.tech-title {
    padding: 20px 0;
    width: calc(100% - 160px);
    overflow: hidden !important;
}
.swiper{
	overflow: initial !important;
}
/* portfolio =================*/
.porfolio {
    padding: var(--padding) 0;
    background-color: #F7F7F7;
    border-radius: 10px;
}
.porfolio .heading{
	max-width: 825px;
	margin: 0 auto;
}
div#gallery {
    display: grid;
    gap: 25px;
    grid-template-columns: repeat(4, 1fr);
}
.gallery-item{
	text-align: left;
}
.porfolio .filter-tabs{
	position: relative;
	padding-bottom: 0;
	background-color: transparent;
}
.porfolio .row{
	    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.porfolio .row>div {
    padding-inline: 15px;
    width: 25%;
    max-width: 25%;
}
.porfolio .row a{
	display: inline-block;
	width: 100%;
	color: inherit;
}
/*our values =========================*/
.our-values{
	padding: var(--padding) 0;
}
.our-values .heading h2{
    max-width: 1090px;
} 
.our-values .heading h2 span{
	color: #E54C44;
}
.our-values .heading p{
	padding-left: 160px;
}
.our-values .heading img {
    width: 140px;
    height: 57px;
    vertical-align: middle;
    border-radius: 10px;
    object-fit: cover;
}
.our-values .left-col{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.list-wrap {
    background-color: #0000000d;
    border-radius: 20px;
    padding: 15px 30px;
} 
.list-wrap p {
    font-weight: 400;
}
/* Client reviews ====================== */
.client-reviews{
	margin-inline: var(--margin);
	background:#000 url(../img/review-layer.png) top center no-repeat;
	background-size: contain;
	padding-bottom: var(--padding);
}
.client-reviews h2{
	padding: 135px 0 227px;
}
.reviews-left {
    background-color: #fff;
    border-radius: 20px;
} 
.reviews-left>img {
    width: 100%;
    border-radius: 20px;
    display: flex;
} 
.video-icon {
    padding: 34px;
    text-align: center;
}  
.video-icon img {
    height: 46px;
    object-fit: scale-down;
}
.reviews-right {
    border-radius: 20px;
    background-color: #ffffff24;
    padding: 30px 35px;
    overflow: hidden;
}
.reviews-right * {
    color: #fff;
}
.reviews-right .reviews-slider{
	overflow: hidden !important;
}
.review-inner .f18{
	font-weight: 400;
} 
.reviews-slider .swiper-slide{
 	width: 100% !important;
}
/*faq*/
.faq{
	padding: var(--padding) 0;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.05);
}
.accordion-item {
    background-color: #fff;
    border: 1px solid #0000003B;
    border-radius: 20px;
} 
.accordion-button {
    padding: 30px 50px;
    background: transparent;
    border: none;
    width: 100%;
    text-align: left;
    position: relative;
}
.accordion-body{
	padding: 0 50px 30px;
}
.accordion-button::after{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%) ;
	right: 42px;
	height: 25px;
	width: 2px;
	background-color: #000;
}
.accordion-button::before{
	position: absolute;
	background-color: #000;
	top: 50%;
	transform: translateY(-50%) translateX(-10px);
	content: "";
	right: 21px;
	width: 25px;
	height: 2px;
}
.accordion-collapse {
    display: none;
}  
.accordion-button[aria-expanded="true"]::after{
	opacity: 0;
}
/* blog */
.blogs{
	padding: var(--padding) 0;
}
.blog-thumbnail img{
	aspect-ratio: 449/214;
	object-fit: cover;
	object-position: center;
	width: 100%;
	border-radius: 20px;
}
.blog-listing h3 a{
	font:inherit;
	color: inherit;
}
.blog-read-more{
	color: #E54C44;
	font-weight: 700;
}
.blog-read-more:hover{
	color: #000;
}
.blog-thumbnail  {
    display: inline-block;
    width: 100%;
}
.blog-listing h3 a:hover{
	color: #E54C44;
}
/*footer*/
footer{
	background: #000;
	margin-inline: var(--margin);
}
footer *{
	color: #fff;
}
.footer-top{
	padding: 65px 0 50px;
	border-bottom:1px solid #ffffff45;
}
.footer-logo {
    max-width: 536px;
    margin-left: auto;
}
.footer-center{
	padding: 60px 0;
	border-bottom:1px solid #ffffff45;
}
.footer-bottom{
	padding: 50px 0;
}
ul.menu-links {
    margin-top: 20px;
    padding: 0;
    list-style: none;
} 
ul.menu-links li+li {
    margin-top: 12px;
} 
ul.menu-links li a {
    font: 400 16px/1 'Inter';
    color: #fff !important;
}
ul.menu-links li a:hover,
.email ul.phone-email a:hover,
.footer-copyright a:hover{
	color: #E54C44 !important;
}
.email ul {
    margin: 30px 0;
    list-style: none;
    padding: 0;
}
.email ul.phone-email{
	gap: 25px;
}
.email ul.phone-email p{
	display: flex;
	align-items: center;
	gap: 10px;
}
ul.social-links {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 21px;
    margin-top: 60px;
}
ul.social-links li{
	line-height: 0.5;
}
ul.social-links a{
	display: inline-flex;
}
footer ul.social-links a img{
	width: 25px;
	height: 25px;
	object-fit: contain;
}
.phone-email li{
	display: flex;
	justify-content: space-between;
}
.footer-copyright{
	padding: 20px 0;
}
.footer-copyright a{
	color: #fff;
}  
footer .button-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
/* Services ==============================*/
/* ======================================*/
/* =====================================*/
/* ====================================*/
/* ===================================*/
.services-banner{
	padding: var(--top-pad) 0 var(--padding);
}
.services-list{
	padding-bottom: var(--padding);
}
.services-listing{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.services-wrap {
    padding: 40px;
    background-color: #F6F6F6;
    border-radius: 20px;
}
.services-left h3 {
    color: #E54C44;
}
.services-include {
    padding-top: 30px;
    border-top: 1px solid rgb(0 0 0 / 20%);
}
.services-include-inner img {
    aspect-ratio: 318/209;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.services-include-inner figure {
    margin: 10px 0 0;
}
.services-right .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none;
    padding: 0;
}
.services-right .tags li {
    padding: 3px 14px;
    font: 400 16px/2  Inter;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #505050;
    background-color: #DADADA;
    border-radius: 13px;
}
/*sources*/
.sources{
	padding: var(--padding) 0;
	background-color: #000;
	border-radius: 10px;
}
.sources *{
	color: #fff;
}
/*cta*/
.cta-section {
    padding: var(--padding) 0;
}
.cta-section .heading {
    max-width: 830px;
    margin: 0 auto;
}
/* Services Detail =======================*/
/* ======================================*/
/* =====================================*/
/* ====================================*/
/* ===================================*/
.services-detail-banner{
	padding: var(--top-pad) 0 var(--padding);
}
.services-detail-banner img{
	width: 100%;
	border-radius: 10px;
}
.growth-inner {
    padding: 40px;
    border-radius: 10px;
    background-color: #F6F6F6;
}
.service-list {
    padding: var(--padding) 0;
} 
.services-inner {
    display: flex;
    flex-direction: column;
    gap: 15px;
} 
.services-inner-wrap {
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 30px;
    gap: 2%;
    display: flex;
    flex-wrap: wrap;
}
.services-inner-wrap>p:first-of-type {
    width: 8%;
}
.services-inner-wrap>p:nth-of-type(2) {
    width: 35%;
}
.services-inner-wrap .services-content {
    width: 53%;
}
.services-inner-wrap .services-content ul {
    gap: 0 20px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-top: 10px;
    padding: 0 0 0 21px;
}
.services-solution{
	overflow: hidden;
	margin-inline: var(--margin);
}
.services-solution{
	padding-top: var(--padding);
}
.services-solution .swiper-slide {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0 30px 30px;
    box-sizing: border-box;
    height: auto;
}
.services-solution .swiper-slide img {
    aspect-ratio: 359/222;
    object-fit: cover;
    object-position: center;
}
.development-process.dark-bg {
    background-color: #000;
    margin: 0;
    border-radius: 10px;
    padding: var(--padding) 0;
}
.development-process.dark-bg * {
    color: #fff;
}
.services-tools {
    padding: var(--padding) 0;
    background-color: #F6F6F6;
    border-radius: 10px;
}
.tool-wrap {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #ccc;
}
.why-choose-us{
	padding: var(--padding) 0;
}
.choose-inner{
	gap:50px var(--padding);
}
/* FAQ ===================================*/
/* ======================================*/
/* =====================================*/
/* ====================================*/
/* ===================================*/
.faq-banner{
	padding: var(--top-pad) 0  var(--padding);
	background-color: #fff;
}
.faq-banner input[type="text"] {
    width: 100%;
    border-radius: 20px;
    padding: 20px 40px;
    max-width: 1000px;
    margin-inline: auto;
    display: block;
    padding-left: 60px; 
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjAwMDIgMjFMMTYuNjU3MiAxNi42NTdNMTYuNjU3MiAxNi42NTdDMTcuNDAwMSAxNS45MTQxIDE3Ljk4OTQgMTUuMDMyMiAxOC4zOTE0IDE0LjA2MTVDMTguNzkzNSAxMy4wOTA5IDE5LjAwMDQgMTIuMDUwNiAxOS4wMDA0IDExQzE5LjAwMDQgOS45NDkzOSAxOC43OTM1IDguOTA5MDggMTguMzkxNCA3LjkzODQ1QzE3Ljk4OTQgNi45Njc4MiAxNy40MDAxIDYuMDg1ODggMTYuNjU3MiA1LjM0Mjk5QzE1LjkxNDMgNC42MDAxIDE1LjAzMjQgNC4wMTA4MSAxNC4wNjE4IDMuNjA4NzdDMTMuMDkxMSAzLjIwNjcyIDEyLjA1MDggMi45OTk3OSAxMS4wMDAyIDIuOTk5NzlDOS45NDk2IDIuOTk5NzkgOC45MDkyOSAzLjIwNjcyIDcuOTM4NjYgMy42MDg3N0M2Ljk2ODAzIDQuMDEwODEgNi4wODYwOSA0LjYwMDEgNS4zNDMyMSA1LjM0Mjk5QzMuODQyODggNi44NDMzMiAzIDguODc4MjEgMyAxMUMzIDEzLjEyMTggMy44NDI4OCAxNS4xNTY3IDUuMzQzMjEgMTYuNjU3QzYuODQzNTQgMTguMTU3MyA4Ljg3ODQyIDE5LjAwMDIgMTEuMDAwMiAxOS4wMDAyQzEzLjEyMiAxOS4wMDAyIDE1LjE1NjkgMTguMTU3MyAxNi42NTcyIDE2LjY1N1oiIHN0cm9rZT0iI0U1NEM0NCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: left 25px center;  
	font-family: Inter;
	font-weight: 400;
}
/* BLOGS =================================*/
/* ======================================*/
/* =====================================*/
/* ====================================*/
/* ===================================*/
.blog{
	padding: var(--top-pad) 0 var(--padding);
    margin-inline: var(--margin);
    overflow: hidden;
}
.blog .heading{
	max-width: 1064px;
	margin-inline: auto;
} 
.featured-post img {
    width: 100%;
    border-radius: 20px;
    aspect-ratio: 1319 / 637;
    object-fit: cover;
    object-position: center;
}
.blog-post{
	padding-bottom: var(--padding);
}
.meta-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.meta-info p {
	opacity: 0.5;
}
.meta-info p.tags {
	margin-left: auto;
}
/* BLOGS DETAIL ==========================*/
/* ======================================*/
/* =====================================*/
/* ====================================*/
/* ===================================*/
.blog-detail-banner{
	padding: var(--top-pad) 0 var(--padding);
}
.blog-detail-banner p{
	opacity: 0.7;
}
.blog-detail-banner img{
	width: 100%;
	border-radius: 20px;
}
.post-content .container {
    display: flex;
}
.post-content .post-left {
    width: 25%;
}
.post-content .post-right {
    width: 75%;
    padding-left: 50px;
}
.recent-post ul ,
.archive ul,
.tags ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.recent-post ul li+li {
    border-top: 1px solid #ccc;
    padding: 15px 0;
}
.recent-post ul li:first-child {
    padding-bottom: 15px;
}
.recent-post ul li .date {
    opacity: 0.5;
}
.archive ul *,
.tags ul *{ 
	color: #000; 
}
.post-content .faq{
	padding: 0 !important;
}
.post-content{
	padding-bottom: var(--padding);
}
.author-details {
    display: flex;
    margin: 50px 0;
}
.author-details .author-image {
    flex: 120px 0 0;
}
.author-details .author-image img {
    height: 120px;
    border-radius: 50%;
}
.author-details  .author-info {
    padding-left: 30px;
}
.blog-content a{
	color: #E54C44;
}
/* WORK ==================================*/
/* ======================================*/
/* =====================================*/
/* ====================================*/
/* ===================================*/
.work-banner{
	padding: var(--top-pad) 0 0;
}
.work-banner .heading{
	max-width: 1064px;
	margin-inline: auto;
} 
.filter-tabs {
    position: sticky;
    top: 0;
    padding: 15px 0;
    background-color: #fff;
    z-index: 9;
}
.filters ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    justify-content: center;
    gap: 40px;
}
.filters ul li {
    padding: 10px 30px;
    border: 1px solid #ccc;
    border-radius: 50px;
    font: 400 16px/2 Inter;
    cursor: pointer;
}
.filters ul li.active {
    border-color: #e14948;
}
.filters-content {
    background-color: #000; 
    padding: var(--padding) 0;
    border-radius: 10px;
}
.filters-content *{
	color: #fff;
}
.filters-content img{
	border-radius: 10px;
	aspect-ratio: 704/556;
	object-fit: cover;
	object-position: center;
}
.filters-content .row{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.filters-content .row>div{
	padding-inline: 15px;
	width: 50%;
	max-width: 50%;
}
.filters-content .row>div:nth-of-type(2)~div{
	margin-top: 40px;
}
/* WORK DETAIL ===========================*/
/* ======================================*/
/* =====================================*/
/* ====================================*/
/* ===================================*/
.project-banner{
	padding: var(--top-pad) 0 var(--padding);
}
.project-banner .heading {
    justify-content: space-between;
    align-items: center;
} 
.project-banner .heading p {
    max-width: 230px;
} 
.project-stat {
    border-radius: 20px;
    background-color: #F3F3F3;
    padding: 30px;
}
.project-detail img {
    border-radius: 10px;
    margin-bottom: 20px;
} 
.project-detail p+p {
    margin-top: 20px;
}

.project-detail :is(h3~h3,h4~h4) {
    margin-top: 30px;
}
.project-gallery{
	border-radius: 10px;
	background-color: #000;
	padding: var(--padding) 0;
}
.project-gallery h2{
	color: #fff;
}
.project-gallery figure img{
	border-radius: 20px;
	width: 100%;
}
.project-gallery figure+figure{
	margin-top: 40px;
}
/* ABOUT =================================*/
/* ======================================*/
/* =====================================*/
/* ====================================*/
/* ===================================*/
.about-banner{
	padding: var(--top-pad) 0 var(--padding);
}
.about-banner .heading{
	max-width: 1064px;
	margin-inline: auto;
} 
.full-img img{
	width: 100%;
	border-radius: 10px;
}
.about-codmash{
    padding: var(--padding) 0;
    background-color: #F6F6F6;
    border-radius: 10px;
}
.mission-vission{
	padding: var(--padding) 0;
}
.our-value h3{
	width: calc(20% - 40px);
}
.values-listing{
	width: 80%;
}
.values-listing  .listing-wrap{
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 20px;
}
/*what-we-do*/
.what-we-do{
	padding: var(--padding) 0;
	border-radius: 10px;
	background-color: #000;
}
.what-we-do *{
	color: #fff;
}
.what-we-listing{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.listing-wraps {
    padding: 30px;
    background-color: #171717;
    border-radius: 20px; 
}
.listing-wraps .left-col {
    width: 60%;
    padding-right: 30px;
}
.listing-wraps .right-col {
    width: 40%;
}
.listing-wraps .right-col img {
    border-radius: 20px;
    width: 100%;
}
.top-layer h4 {
    color: #E54C44;
}
.top-layer {
    padding-left: var(--padding);
    margin-bottom: 55px;
}
.bottom-layer {
    display: flex;
    gap: 50px;
}
.bottom-layer> span {
    font-size: 136px;
    line-height: 0.8;
    font-family: Inter;
    font-weight: 400;
}
.bottom-layer .tags{
	max-width: 350px;
}
.working-wit-us,.why-codmash{
	padding: var(--padding) 0;
} 
.working-wit-us{
	padding-top: 0;
}
.why-codmash-listing .listing-wrap {
    padding: 26px 280px 26px 0;
    position: relative;
}
.why-codmash-listing .listing-wrap+div {
    border-top: 1px solid #ccc;
}
.why-codmash-listing .listing-wrap img {
    width: 200px;
    height: 200px;
    border-radius: 20px;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    right: 36px;
    z-index: 1;
    opacity: 0;
    transition: 0.3s ease-in-out;
}
.why-codmash-listing .listing-wrap:hover img{
	opacity: 1;
}
/* CONTACT US ============================*/
/* ======================================*/
/* =====================================*/
/* ====================================*/
/* ===================================*/
.what-happen{
	padding: var(--padding) 0;
}
.contact-info{
	padding: 0 0 var(--padding) ;
}
.contact-us{
	padding: var(--top-pad) 0 var(--padding);
}
.form-inner {
    padding: 40px;
    background-color: #FAFAFA;
    border-radius: 20px;
} 
.form-wrap {
    display: flex;
    flex-wrap: wrap;
} 
.form-wrap .left-form {
    width: 70%;
    padding-right: 40px;
} 
.form-wrap .right-image {
    width: 30%;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
} 
.find-us iframe{
	width: 100%;
	height: 612px;
}
.steps-wrap h3{
	opacity: 0.3;
}
.contact-inner {
    border: 1px solid #B5B5B5;
    border-radius: 20px;
    padding: 30px;
    display: flex;
    flex-direction: column;
} 
.contact-inner a {
    color: inherit;
    font: inherit !important;
}
.img-social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.img-social>img {
    height: 50px;
}
.img-social ul.social-links {
    margin: 0;
    padding: 0;
    list-style: none;
    filter: brightness(0);
}
.contact-inner h3 {
    font-weight: 600;
}
.form-wraps{
	margin-top: 20px;
}
.form-wraps .d-grid {
    gap: 20px 30px;
} 
.form-wraps  label {
    font: 400 16px/1.4 Inter;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.form-wraps :is(input:not([type="submit"]),select,textarea) {
    border: 1px solid #B5B5B5;
    border-radius: 22px;
    padding: 14px 30px;
    font: 400 16px/2 Inter;
    min-height: 62px;
    width: 100%;
    background-color: #fff;
}
.form-wraps textarea{
	height: 110px;
}
.form-wraps .btn-primary {
    background-color: #E54C44;
    border-color: #E54C44;
    color: #fff;
    padding: 16px 40px;
    border-radius: 50px;
    border: 1px solid;
    line-height: 2;
    font-size: 16px;
    margin-top: 15px;
}
/* CONTACT US ============================*/
/* ======================================*/
/* =====================================*/
/* ====================================*/
/* ===================================*/
.career-banner{
	padding: var(--top-pad) 0 var(--padding);
}
.career-banner img,
.career-info img{
	border-radius: 10px;
	width: 100%;
}
.info-content :is(h3~h3,h2~h2,h4~h4,h5~h5){
	margin-top: 20px;
}
.open-vacancy{
	padding: var(--padding) 0;
} 
.vacancy-table table{
	border-spacing: 0px 20px !important;
	margin: 0;
}
.vacancy-table tbody>tr { 
    box-shadow: 0 0 0px 1px #ccc;
    border-radius: 10px;
}
.vacancy-table tbody>tr>td{
	padding : 15px;
}
.vacancy-table tbody>tr>td:first-child {
    width: 23%;
} 
.vacancy-table tbody>tr>td:nth-of-type(2) {
    width: 20%;
    padding-inline: 15px;
} 
.vacancy-table tbody>tr>td:nth-of-type(3) {
    padding-inline: 15px;
}
.vacancy-table a{
	white-space: nowrap;
}
.light-col{
	color: #757575;
}
.vacancy-table tbody>tr{
	border: 1px solid #ccc;
}