:root{
	--site--padding--12: 12rem; /* padding 120px */
	--site--padding--10: 10rem; /* padding 100px */
	--site--padding--5: 5rem; /* padding 50px */
	--site--padding--4: 4rem; /* padding 40px */
	--site--padding--3: 3rem; /* padding 30px */
	--site--padding--2: 2rem; /* padding 20px */
	--site--dark--color: #1C2023;
	--site--white--color: #FFFBFB;
	--site--black--color: #000;
	--site--lightBlack--color: #222;
	--site--blue--color: #00B5FF;
	--slider--blue-bg-color: #46A9F0;
	--site--bg--color: #1D1D1D;
	--site--bg--E9E9E9: #E9E9E9;
	--site--bg--f9f9f9: #f9f9f9;
	--site--bg--gradiant--blue: linear-gradient(180deg, #0085FF 0%, #016FD4 100%);
	--site--bg--gradiant--yellow: linear-gradient(180deg, #FDF8DF 0%, #FFFFFF 100%);
	--site--bg--gradiant--light--blue: linear-gradient(180deg, #DFFDFB 0%, #FFFFFF 100%);
	--site--bg--gradient--horizontal--light--blue: linear-gradient(270deg, #FFFFFF 0%, #D3EDFF 100%);
	--site--bg--gradiant--green: linear-gradient(270deg, #D7EDEB 0%, #D7EDEB 100%);
	--site--bg--gradiant--grey: linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);
	--yellow--color: #FFF04B;
	--shoho--color: #00004d;
	--vita--mojo--color: #4D33B2;
	--kishu--color: #0fbdf5;
	--otaxi--color: #f36f21;
	--eatfit--color: #003DBD;
	--gold--color: #F6DC52;
	--enm--color: #193d6c;
	--font--75: 7.5rem;
	--font--48: 4.8rem;
	--font--32: 3.2rem;
	--font--28: 2.8rem;
	--font--24: 2.4rem;
	--font--20: 2rem;
	--font--18: 1.8rem;
	--font--30: 3rem;
	--font--40: 4rem;
	--oswald--font: 'Oswald', sans-serif;
}

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

a{
	transition: 0.3s;
}
.font--oswald{
	font-family: var(--oswald--font);
}

.bg--E9E9E9{
	background-color: var(--site--bg--E9E9E9);
}

.bg--f9f9f9{
	background-color: var(--site--bg--f9f9f9);
}

.max-1180{
	max-width: 118rem !important;
}

.max-1124{
	max-width: 112.4rem !important;
}

.max-1104{
	max-width: 110.4rem !important;
}

.max-105{
	max-width: 105rem !important;
}

.max-88{
	max-width: 88rem !important;
}

.max-80{
	max-width: 80rem !important;
}

.max-75{
	max-width: 75rem !important;
}

.max-70{
	max-width: 70rem !important;
}

.max-60{
	max-width: 60rem !important;
}

.max-52{
	max-width: 52rem !important;
}

body.ibyte__new__landing{
	padding-top: 0 !important;
	overflow-x: hidden;
	font-size: 1.6rem;
}

.site--bg--dark{
	background: var(--site--bg--color);
}

.f-14{
	font-size: 1.4rem !important;
	line-height: 1.5 !important;
}

.f-18{
	font-size: 1.8rem !important;
	line-height: 1.5 !important;
}

.f-20{
	font-size: var(--font--20) !important;
	line-height: 1.5 !important;
}

.f-24{
	font-size: var(--font--24) !important;
	line-height: 1.5 !important;
}

.f-28{
	font-size: var(--font--28) !important;
	line-height: 1.5 !important;
}

.f-30{
	font-size: var(--font--30) !important;
}

.f-32{
	font-size: var(--font--32) !important;
	line-height: 1.33333 !important;
}

.f-40{
	font-size: var(--font--40) !important;
	line-height: 1.33333 !important;
}

.f-48{
	font-size: var(--font--48) !important;
	line-height: 1.25 !important;
}

.ibyte__new__landing img{
	max-width: 100%;
}

.ibyte__new__landing ul{
	list-style: none;
	padding: 0;
}

.site--bg--dark p{
    color: var(--site--white--color);
}

.ibyte__new__landing .container-fluid{
	padding: 0 1.5rem;
	max-width: 115.2rem;
}

.ibyte__new__landing section.header_section{
	position: absolute;
	background: none;
	top: 1.5rem;
	padding: 0 10.75rem;
}

.ibyte__new__landing .top_header{
	padding-left: 0;
	padding-right: 0;
}

.ibyte__new__landing .top_header_logo img{
	width: 13.6rem;
}

.ibyte__new__landing .top_header_icon a,
.ibyte__new__landing .header_section.fixed .top_header_icon a{
	color: #fff;
}

.ibyte__new__landing .top_header_icon img{
	width: 2rem;
}

.section--wrapper{
	padding: var(--site--padding--5) 0;
}

.ibyte__new__landing .top--banner--section{
	padding-top: var(--site--padding--10);
	background: var(--site--black--color);
	position: relative;
}

.ibyte__new__landing .top--banner--section:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../gif/stars--bg.gif) -2%;
	/*-webkit-animation-name: STAR-MOVE;
	-webkit-animation-duration: 1000s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;

	-webkit-animation-name: flash-on-off;
	-webkit-animation-duration: .5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: alternate;
	-webkit-animation-iteration-count: infinite;*/
}

@-webkit-keyframes STAR-MOVE {
	from {
		background-position: 5% 5%;
		opacity: .5;
	}
	to { 
		background-position: 1300% 600%;
		opacity: 1;
	}
}

.ibyte__new__landing section.header_section ul{
	padding-left: 0;
	list-style: none;
	display: flex;
	column-gap: 3.5rem;
	justify-content: end;
	align-items: center;
}

.banner--form.site--webform {
    background: #fff;
    padding: var(--site--padding--2);
    border-radius: 2rem;
    border: 0.3rem solid var(--site--blue--color);
    position: relative;
    z-index: 450;
    box-shadow: 0px 4px 18px 1px rgb(0 181 255 / 25%);
/*    animation: zoom-in-zoom-out 2s ease;*/
}

.banner--form.site--webform:before {
    content: '';
    height: 1.2rem;
    background: var(--site--dark--color);
    position: absolute;
    width: 15rem;
    left: 50%;
    top: -0.3rem;
    transform: translateX(-50%);
    border-radius: 0 0 0.8rem 0.8rem;
}

.ibyte__new__landing .form--title p{
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: 0.015em;
	text-align: center;
	margin-bottom: 1.5rem;
	margin-top: 0;
	color: var(--site--dark--color);
}

.ibyte__new__landing .form-item{
	margin-bottom: 1.5rem;
}

.ibyte__new__landing .form-item input,
.ibyte__new__landing .form-item textarea,
.ibyte__new__landing .form-item select{
	height: 4rem;
	padding: 0.6rem 1.2rem;
	width: 100%;
	line-height: 1;
	border-radius: 0.4rem;
	border: 1px solid #000;
	font-size: 1.3rem;
	font-weight: 700;
}

.ibyte__new__landing .form-group{
	display: flex;
    align-items: center;
    column-gap: 1rem;
}

.ibyte__new__landing .form-group select{
	max-width: 9rem;
	/*max-width: 9rem;
    padding: 0.6rem 1.2rem;
    border: 1px solid #000;
    border-radius: 0.4rem;
    height: 4rem;*/
}

.ibyte__new__landing .form-item textarea{
	min-height: 8rem;
}

.ibyte__new__landing .form-actions .btn{
	background: var(--site--dark--color);
	color: var(--site--white--color);
	font-weight: 500;
	line-height: 1;
	transition: .3s;
	padding: 1rem 1rem 1.5rem;
}

.ibyte__new__landing .form-actions .btn:hover{
	opacity: 0.8;
}

.banner--body.content--body {
    max-width: 64rem;
    margin-top: 4rem;
    color: var(--site--white--color);
    position: relative;
    z-index: 450;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(1, 1);
  }
}

.banner--title {
    max-width: 60rem;
}

.content--title h3 {
    font-size: 4rem;
    font-weight: 800;
    line-height: 1.33333;
    margin-top: 0;
    margin-bottom: 2rem;
    font-family: 'CarmenSansRegular' !important;
}

.site--bg--dark .content--title h3 {
	color: var(--site--white--color);
}

.content--title h3 span{
	color: var(--site--blue--color);
}

.banner--title.content--title h3 {
    font-size: 3.5rem;
}

.banner--body p{
	font-weight: 500;
	margin-bottom: 2rem;
	text-align: justify;
}

.ibyte__new__landing .site--btn a{
	padding: 1rem 2.5rem 1.5rem;
    border-radius: 0.4rem;
    display: flex;
    font-weight: 400;
    color: var(--site--white--color);
    border: 0.1rem solid var(--site--white--color);
    margin-top: 1rem;
    column-gap: 1.5rem;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1;
    transition: 0.3s;
    max-width: fit-content;
}
.collapse.in {
    display: none;
}
.site--bg--dark .ibyte__new__landing .site--btn a{
	color: var(--site--white--color);
    border: 0.1rem solid var(--site--white--color);
}

.ibyte__new__landing .site--btn a:hover{
	opacity: 0.8;
}

.ibyte__new__landing .site--btn a img{
	margin-top: 0.3rem;
	transition: .5s;
}

.ibyte__new__landing .site--btn a:hover img{
	transform: scale(1.3);
}

.top--banner--section .partners--logo{
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.partners--logo ul{
	display: flex;
	gap: 2rem 3rem;
	align-items: center;
	justify-content: space-between;
}

.partners--logo ul{
	flex-wrap: wrap;
}

.partners--logo ul img{
	width: 100%;
	height: 4rem;
}

.services--section{
	padding: 0 0 var(--site--padding--5);
	background: url(../png/curve-bg.png) no-repeat top left;
	background-size: 130%;
	margin-top: -20rem;
	min-height: 33rem;
	padding-top: 35rem;
	position: relative;
}
.banner--title h1 {
    font-size: 2.95em;
    font-weight: 900;
    font-family: CarmenSansHeavy !important;
    max-width: 20em;
    line-height: 1.45em;
    margin-top: 1em;
    color: #00B5FF;
}
.services--section .content--title{
	margin-top: 5rem;
}
.banner--body .banner--title h1 {
    margin-top: 0rem;
}
.tile--block {
    background: #fff;
    color: #000;
    padding: 1.5rem;
    margin-top: 6rem;
    border-radius: 1rem;
    animation: zoom-in-zoom-out 2s ease;
    animation-direction: alternate;
}

.tile--icon {
    background: #1d1d1d;
    max-width: fit-content;
    margin: -5.25rem auto 0;
    padding: 1.5rem 2rem;
    border-radius: 0.4rem;
}

.tile--icon img{
	height: 4.4rem;
}

.tile--title {
    max-width: 25rem;
    margin: 0rem auto 1rem;
}

.tile--title h3 {
    line-height: 1.33333;
    font-size: 2.3rem;
}

.tile--content p {
    color: #000;
    font-size: 1.4rem;
}

.bg--black{
	background: var(--site--black--color);
	padding: var(--site--padding--5);
}

.bg--yellow{
	background: var(--yellow--color);
	padding: var(--site--padding--5);
	color: var(--site--dark--color);
}
.bg--yellow.shoho{
	background: var(--shoho--color);
	color: #fff;
}
.bg--yellow.VitaMojo{
	background: var(--vita--mojo--color);
	color: #fff;
}
.bg--yellow.Kishu{
	background: var(--kishu--color);
	color: #fff;
}
.bg--yellow.Otaxi{
	background: var(--otaxi--color);
	color: #fff;
}
.bg--yellow.eatFit{
	background: var(--eatfit--color);
	color: #fff;
}
.bg--yellow.enm{
	background: var(--enm--color);
	color: #fff;
}
/*.bg--yellow.shoho .port--icon img{
	max-width: 50%;
	width: 100%;
}*/
.benefit--section .content--title {
    max-width: 80rem;
    margin-bottom: 5rem;
}
.bg--yellow.shoho .portfolio--header .content--title h3, .eatFit .portfolio--header .content--title h3, .VitaMojo .portfolio--header .content--title h3, .Kishu .portfolio--header .content--title h3, .Otaxi .portfolio--header .content--title h3, .Enm .portfolio--header .content--title h3{
	color: #fff;
}
.bg--yellow.shoho .port--content.content--text p, .eatFit .port--content.content--text p, .VitaMojo .port--content.content--text p, .Kishu .port--content.content--text p, .Otaxi .port--content.content--text p, .Enm .port--content.content--text p{
	color: #fff;
}

.benefit--lists ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
    margin: 1rem 0 0;
}

.benefit--lists li{
    background: url(../png/list-icon.png) no-repeat;
    padding: 0.5rem 0 1rem 5rem;
    width: 100%;
    background-size: 3.8rem;
}

.site--bg--dark li{
    color: var(--site--white--color);
}

.benefit--image img,
.content--image img{
	width: 100%;
}

.mobile--section--content{
	margin-top: 5rem;
}

.info--block {
    /*background: var(--site--bg--color);*/
    margin: 0;
    padding: 4rem 1.5rem;
    color: var(--site--white--color);
    font-weight: 700;
}

.info--title {
    color: #00B5FF;
    font-size: 4.8rem;
    margin-bottom: 1.5rem;
}

.info--title .counting{
	font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.info--text {
    max-width: 12rem;
    min-height: 4.6rem;
    display: flex;
    align-items: center;
    margin: auto;
}

.profile--section{
	position: relative;
}

.portfolio--header {
    display: flex;
    align-items: center;
    gap: 4rem;
    max-width: 55rem;
    margin-bottom: 2.5rem;
}

.port--icon {
    background: #fff;
    border-radius: 2.4rem;
    height: 16.2rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 16.2rem;
}

.portfolio--header .content--title h3 {
    color: #000;
    font-weight: 800;
}

.port--content.content--text {
	max-width: 63rem;
	height: 25rem;
}

.port--content.content--text p {
    color: #000;
    font-size: 2.2rem;
    line-height: 1.33333;
}

.port--options.bg_white{
	padding: 2.5rem;
}

.port--big--image {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateZ(0) !important;
    max-width: 35%;
    width: 100%;
}

.port--big--image img{
	position: relative;
	z-index: 1;
	width: 100%;
}

.port--big--image img.port--rotate--img {
    position: absolute;
    bottom: 2.5%;
    left: -23%;
    z-index: 0;
    max-width: 62%;
    animation: rotateImg 5s linear normal;
}
.rotateNew .port--big--image img.port--rotate--img {
    max-width: 38%;
    left: -8%;
    bottom: 6%;
    animation: rotateImgOtaxi 5s linear normal;
}

@keyframes rotateImgOtaxi{
	from{
		left: 0;
		transform: rotate(40deg);
	}
	to{
		left: -8%;
		transform: rotate(0deg);
	}
}
@keyframes rotateImg{
	from{
		left: 0;
		transform: rotate(20deg);
	}
	to{
		left: -23%;
		transform: rotate(0deg);
	}
}

.profile--section .app_button a{
	transition: 0.3s;
}

.profile--section .app_button a:hover{
	opacity: 0.8;
}

.profile--section .app_button img{
	width: 19.5rem;
}

.choose--section .content--title h3{
	font-size: 3.5rem;
}

.choose--section .content--text{
	text-align: justify;
}

.choose--option--lists ul {
	display: flex;
	gap: 3rem;
	flex-wrap: wrap;
	margin-top: 3rem;
}

.choose--option--lists ul li{
	width: 100%;
	color: var(--site--white--color);
	padding-left: 6rem;
	background: url(../png/choose--list--icon.png) no-repeat left top;
	background-size: 4.4rem;
    min-height: 4.5rem;
    display: flex;
    align-items: center;
}

.gallery--images {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row-reverse;
}

.gallery--images img {
    width: 100%;
}

.gallery--images > div {
    margin-top: -15%;
}

.gallery--images .img-1{
	margin-top: 0;
	/*width: 25.9rem;*/
	width: 50%;
	max-width: 100%;
}

.gallery--images .img-2 {
    /*max-width: 30rem;*/
    max-width: 56%;
    width: 100%;
    transform: translate(10%, -7%);
}

.gallery--images .img-3 {
    /*max-width: 24rem;*/
    max-width: 44%;
    width: 100%;
    transform: translateX(9%);
}
.choose--section {
    padding: 5rem 10rem;
}
.gallery--images .img-4 {
    margin-top: -25% !important;
    transform: translateX(-2%);
    /*max-width: 27.6rem;*/
    max-width: 49%;
    width: 100%;
}

.testimonial--section{
	padding: 5rem 0;
}

.testimonial--section .content--title{
	max-width: 45rem;
	margin-bottom: 5%;
}

.testimonial--section .content--title h3{
	font-size: 3rem;
}

.carousel-inner{
	margin-top: 0;
}

#demo{
    margin: auto;
	padding-bottom: 4rem;
    overflow: hidden;
}

.carousel-item{
	left: inherit;
	position: inherit;
}

.carousel-item .carousel-caption {
    position: inherit;
    z-index: 10;
    padding: 0;
    left: inherit;
    right: inherit;
    display: grid;
    bottom: inherit;
}

.testimonial--slider .carousel-inner{
	margin-top: 0;
}

@media screen and (min-width: 550px){
    .carousel-item .carousel-caption {
    	grid-template-columns: 30% 70%;
    }
}

@media screen and (min-width: 991px){
    .benefit--lists li{
    	max-width: calc(50% - 1.25rem);
    }
    .choose--option--lists ul li{
    	max-width: calc(50% - 1.5rem);
    }
}

.carousel-image {
    width: 20rem;
    text-align: left;
    margin: 0 auto;
}
.options-padding-l{
	padding-left: 5rem;
}

.carousel-caption img{
    max-width: 13.5rem;
    width: 100%;
    border-radius: 100%;
    border: 0.3rem solid var(--site--white--color);
}

.carousel-item blockquote{
	border: none;
	padding: 2rem 0 0 8rem;
	margin: 0;
	background: url(../png/quote-icon.png) no-repeat left top;
}
@media screen and (max-width: 800px){
	.ibyte__new__landing ul.nav.nav-tabs{
		flex-wrap: nowrap;
	    overflow-x: auto;
	    overflow-y: hidden;
	}
	.ibyte__new__landing .tab-content > .tab-pane .tab--list--item {
    	width: auto;
	}
	.tab--section {
    	padding: 2rem;
	}
	.ibyte__new__landing ul.nav.nav-tabs li{
		width: auto;
	}
	.large--title h3{
		font-size: 2rem;
	}
	.ibyte__new__landing ul.tech--list li{
		max-width: 100%;
	}
	.accordion--section {
    	padding: 2rem;
	}
	.workflow--section{
		padding: 2rem;
	}
}
@media screen and (max-width: 767px){
	.content--title h3{
		font-size: 3rem;
	}
	.carousel-item blockquote{
		padding-left: 4rem;
		background-size: 3rem;
		font-size: 1.5rem;
	}
	.choose--section {
    	padding: 1rem 4rem;
	}
	.mobile--section {
    	padding: 1rem;
	}
	.info--title{
		font-size: 3rem;
	}
	.info--text{
		max-width: 100%;
		font-size: 1.5rem;
		justify-content: center;
	}
	.ibyte__new__landing .top--banner--section {
    	padding-top: 2rem;
	}
	.services--section{
		margin-top: 0; 
     	min-height: 0; 
    	padding-top: 0;
	}
	.partners--logo ul li {
	    max-width: 40%;
	    width: 100%;
	}
	.benefit--section{
		padding: 2rem;
		font-size: 2rem;
	}
	.digital--section {
    	padding: 1rem 4rem;
	}
	.workPortfolio{
		display: block;
	}
	.port--big--image img{
		height: 20rem;
	}
	.port--big--image .port--rotate--img {
    	height: auto;
	}
	.ibyte__new__landing ul.tech--list li{
		max-width: 100%;
	}
	.options-padding-l{
		padding-left: 0;
	}
}

blockquote p{
	line-height: 1.5;
}

@media(max-width:767px){
    .carousel-image{
    	margin: 1rem 0 3rem;
    }
    .carousel-caption img{
        margin-top: 1rem;
    }
}

#image-caption {
    font-style: normal;
    font-size: 1.6rem;
    margin-top: 0.5rem;
    display: block;
    text-align: left;
}

#image-caption span{
	display: block;
	font-size: 1.2rem;
}

@media(max-width:767px){
    #image-caption{
        font-style: normal;
        font-size: 0.6rem;
        margin-top: 0.5rem;
    }
}

section .carousel-control-prev{
    justify-content: flex-start;
    top: inherit;
    bottom: 0;
    right: 5rem;
    width: auto;
    left: inherit;
}

section .carousel-control-next {
    justify-content: flex-end;
    top: inherit;
    bottom: 0;
    right: 0;
    width: auto;
}

section .carousel-control-prev,
section .carousel-control-next{
    transition: none;
    opacity: unset;
    transition: 0.3s;
}

section .carousel-control-prev:hover,
section .carousel-control-next:hover{
    opacity: 0.7;
}

section .carousel-control-prev img,
section .carousel-control-next img{
    width: 3rem;
}

.ibyte__new__landing .digi--title h3{
	color: var(--site--white--color);
}

.digi--block{
	margin-top: 5rem;
}

@media screen and (min-width: 768px){
	.digi--block{	
		border-right: 0.1rem dotted var(--site--white--color);
	}
}

.digi--icon img{
	width: 9.8rem;
}

.border-right-0{
	border-right: none;
}

.ibyte__new__landing .site--btn.digi--btn a.btn{
	font-weight: 700;
}

.ibyte__new__landing .site--btn.digi--btn a.btn.btn-primary{
	border-color: var(--site--blue--color);
	background: var(--site--blue--color);
}

.vert--title h3{
	color: var(--site--dark--color);
	font-size: var(--font--18);
}

.vert--block {
    background: #fff;
    padding: 2rem 1.5rem 1.5rem;
    margin-top: 3rem;
    border-radius: 1rem;
    transition: .3s;
}

.vert--icon {
    height: 6rem;
    margin-bottom: 3rem;
}

.vert--icon img {
    width: auto;
    height: 100%;
    transition: .3s;
}

.vert--block:hover {
    transform: scale(1.2);
}

.vert--block:hover .vert--icon img {
    transform: rotate(360deg);
}
.siteBtnBlue{
	width: 100%;
}
.siteBtnBlue button {
    margin: auto;
    background: #0197D4;
    min-width: 20rem;
    padding: 1rem;
    font-size: 2rem;
    font-weight: 500;
}
.ibyte__new__landing .site--btn.hire--btn{
	height: 100%;
	display: flex;
	align-items: center;
}

.ibyte__new__landing .site--btn.hire--btn a{
	color: var(--site--dark--color);
	font-weight: 700;
	margin: 0;
}

.ibyte__new__landing ul.nav.nav-tabs {
    margin-top: 3rem;
    border-bottom: 0;
}

.ibyte__new__landing ul.nav.nav-tabs li {
    width: 50%;
    float: none;
}

@media screen and (min-width: 768px){
	.ibyte__new__landing ul.nav.nav-tabs li {
	    width: 25%;
	}
}

.ibyte__new__landing ul.nav.nav-tabs li a {
    margin: 0;
    color: var(--site--white--color);
    font-size: var(--font--18);
    border-radius: 0;
    font-weight: 700;
    padding: 1rem 1.5rem 1.25rem;
    transition: .3s;
    border: 0.1rem solid var(--site--white--color);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.ibyte__new__landing ul.nav.nav-tabs li a:focus,
.ibyte__new__landing ul.nav.nav-tabs li.active a, 
.ibyte__new__landing ul.nav.nav-tabs li:hover a {
    background: var(--site--bg--gradiant--blue) !important;
    border: 0.1rem solid var(--site--white--color) !important;
}
.fade{
	opacity: inherit !important;
	-webkit-transition: inherit !important;
	-o-transition: inherit !important;
	transition: inherit !important;
}
.ibyte__new__landing .tab-content > .tab-pane.active {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3rem;
}
.ibyte__new__landing .tab-content > .tab-pane.active.show{
	display: flex !important;
}
.ibyte__new__landing .tab-content .tabItems {
    width: 100%;
    display: flex;
    justify-content: center;
    /*flex-wrap: wrap;*/
    gap: 1rem;
    row-gap: 2rem;
}
.ibyte__new__landing .tab-content > .tab-pane .tab--list--item {
    width: 17rem;
}

.ibyte__new__landing .tab-content > .tab-pane .tab--list--item img{
	height: 7.5rem;
	max-width: 80%;
}

.ibyte__new__landing .tab-content > .tab-pane .tab--title{
	font-weight: 500;
	font-size: var(--font--18);
	color: var(--site--white--color);
}

.app--serv--section .benefit--lists li{
	max-width: 100%;
}

.app--serv--section .content--title {
    max-width: 100rem;
}

.app--serv--section img{
	width: 100%;
}

.bg--vfs{
	position: relative;
    background-size: cover;
    padding-bottom: 26rem;
    background: #000;
    overflow-x: hidden;
}

.bg--vfs:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../jpg/vfx-big-bg-1.jpg) no-repeat;
	background-size: cover;

	-webkit-animation-name: flash-on-off;
	-webkit-animation-duration: .5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: alternate;
	-webkit-animation-iteration-count: infinite;
}

@keyframes flash-on-off{
	0%{
		opacity: 0.4;
	}
	100%{
		opacity: 1;
	}
}

.vfs--right--image {
    position: absolute;
    right: 0;
    bottom: 17rem;
    width: 100%;
    max-width: 42%;
}

.vfs--right--image img,
.faq__img img{
	width: 100%;
}

.vfs--bottom--image {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.vfs--bottom--image img {
    width: 100%;
}

.large--title h3{
	line-height: 1.33333;
	font-size: var(--font--75);
	color: var(--site--white--color);
	text-shadow: 2px 2px #00a3e5;
}

.gold--title h3{
	font-size: var(--font--32);
	color: var(--gold--color);
}

.tech--section .row{
	align-items: center;
}

.tech--section .content--title h3{
	font-size: 3rem;
	line-height: 5.2rem;
	margin-bottom: 0;
}

.ibyte__new__landing ul.tech--list {
    list-style: disc;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    margin-bottom: 0;
    list-style-position: outside;
    margin-left: 2.5rem;
}

.site--bg--dark ul.tech--list{
    color: #fff;
}

.ibyte__new__landing ul.tech--list li {
    font-weight: 700;
    font-size: 1.8rem;
    max-width: calc(100%/3 - 2rem);
    width: 100%;
}

.accordion--section .content--text{
	margin-bottom: 3rem;
}

.accordion--section .card {
    border-radius: 0;
    background: none;
    border: 0;
    border-bottom: 0.1rem solid #fff;
}

.accordion--section .card-header {
    padding: 0;
    background: 0;
    border-radius: 0;
}

.accordion--section .card-header a.card-link {
    display: block;
    background: #00A3E5;
    padding: 0.75rem 1.5rem 1rem 0;
    font-weight: 700;
    font-size: 1.8rem;
    color: #fff;
}

.bg--black .accordion--section .card-header a.card-link {
	color: #fff;
	padding-left: 3.5rem;
}

.app--developer--page .accordion--section .card-header a.card-link {
	background-color: transparent;
}

.accordion--section .card-header a.card-link.collapsed {
    background: none;
    padding: 1.75rem 3.5rem 2rem 0;
}

.accordion--section .card-header a.card-link:after {
    content: '-';
    position: absolute;
    right: 2rem;
    transition: 0.2s;
    top: 1.25rem;
}

.app--developer--page .accordion--section .card-header a.card-link:after {
    top: 0.75rem;
}

.accordion--section .card-header a.card-link.collapsed:after {
    content: '+';
    top: 2rem;
}

.accordion--section .card-body {
    opacity: 0.6;
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
    padding-left: 0;
    color: #fff;
}

.bg--black .accordion--section .card-body{
	color: #fff;
}

.workflow--image{
	margin: 5rem 0;
}

.workflow--image img{
	width: 100%;
}
.ibyte__new__landing--page .workPortfolio .app_button a button {
    width: 15rem;
    font-size: 1.4rem;
    padding: 0.4rem 1rem
}
/*New Css For Popup Only Start*/
.login_popup .form-group.phone_no {
    padding-bottom: 0;
    height: 4em;
    margin-top: 0.35em;
}
.login_popup .for_row{
	width: 100%;
}
.ibyte__new__landing .modal-body .form-group select{
	max-width: 100%;
}
.modal-content {
    margin-top: 1em;
}
/*New Css For Popup Only End*/

/*New Header Css Start*/
.ibyte__new__landing section.header_section .updated-header ul {
    column-gap: inherit;
    display: block;
}
.top--banner--section .partners--logo p {
    font-weight: 600;
    font-size: 2.2rem;
    color: #fff;
}
.technologySec .main_heading h1 {
    margin-top: 0;
    margin-bottom: 2rem;
}
/*New Header Css End*/
@media screen and (min-width: 1200px){
	.top--banner--section .partners--logo{
		position: absolute;
	    bottom: -5rem;
	    width: 96%;
	    margin-top: 0;
	    margin-bottom: 0;
	    z-index: 450;
	}

	.partners--logo ul li{
		max-width: calc(25% - 6rem);
	}
}

::-webkit-input-placeholder { /* Edge */
	color: var(--site--dark--color);
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  	color: var(--site--dark--color);
}

::placeholder {	
  	color: var(--site--dark--color);
}

.ibyte__new__landing .footer_sec{
	/*padding-left: 0;
	padding-right: 0;*/
}

.calculation input {
	max-width: 100%;
}
.calculationNo {
	max-width: 48%;
	width: 100%;
}
@media screen and (min-width: 100rem){
	html.ibyte__new__landing--page {
	    font-size: 0.625vw !important;
	}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}
}

.highlight--big--title h1 {
    font-size: 5rem;
    margin-bottom: 6rem;
    margin-top: 0;
}
.highlight--big--title h1 span {
    display: block;
}
span.text--blue {
    color: #0197D4;
}
span.outline--text {
    font-size: 13rem;
    -webkit-text-stroke: 0.1rem #000;
    color: #fff;
    text-transform: uppercase;
    margin-top: -1rem;
}
.vert--icon--cart,
.vert--icon--logistic{
	animation: cartAnimation 2s linear alternate infinite;
}
.vert--icon--football,
.vert--icon--finance{
	animation: footballAnimation 2s linear alternate infinite;
}

@keyframes cartAnimation{
	from{
		margin-left: -2rem;
	}
	to{
		margin-left: 2rem;
	}
}

@keyframes footballAnimation{
    20% { transform:translateY(0%); }
    40% { transform:translateY(-15%); }
    60% { transform:translateY(0%); }
    80% { transform:translateY(-7%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
}


.vert--icon--edu {
	backface-visibility: visible !important;
	animation: flip 2s ease infinite;
}

/*New Block CSS*/
.projectDiscuss p {
    font-size: 2.5rem;
    font-weight: 400;
}
.outerBorder {
    border: 1px solid #fff;
    max-width: 90rem;
    width: 100%;
    border-radius: 1rem;
    position: relative;
    z-index: 9;
    margin: auto;
    border-top: none;
}
.projectDiscuss {
    background: #00B5FF;
    padding: 2.5rem;
    border-radius: 1rem;
    max-width: 90rem;
    width: 100%;
    color: #fff;
    position: relative;
    margin: 1.25rem -1.5rem;
}
.ceo-profile img {
    width: 100%;
}
.projectDiscuss h5{
    font-size: 2.5rem;
    line-height: 1.5;
}
.projectDiscuss h5 span {
    font-weight: 700;
}
.projectDiscuss .btnBlock{
	margin-top: 2rem;
}
.projectDiscuss .btnBlock a {
    background: #fff;
    border-radius: 0.5rem;
    padding: 1rem;
    display: inline-block;
    color: #00B5FF;
}
.projectDiscuss .ceo-profile {
    position: absolute;
    right: -6rem;
    top: -6rem;
    max-width: 20rem;
    width: 100%;
}
@keyframes flip {
	0% {
		transform: perspective(700px) rotateY(0);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(700px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(700px) translateZ(150px) rotateY(190deg);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(700px) rotateY(360deg);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(700px);
		animation-timing-function: ease-in;
	}
}

.ibyte__new__landing .row{
	row-gap: 3rem;
}

/* ===============================
Andriod app developer page styling
=============================== */
.app--developer--page.ibyte__new__landing .header_section{
	top: 0;
	position: relative;
	padding: 0;
}

.app--developer--page.ibyte__new__landing .top_header{
	padding: 0.5% 2em;
	background: var(--site--white--color);
}

.app--developer--page.ibyte__new__landing .top_header_icon a, 
.app--developer--page.ibyte__new__landing .header_section.fixed .top_header_icon a{
	color: var(--site--black--color);
}

.app--developer--page.ibyte__new__landing .header_section .social_Icon ul{
	column-gap: 1.5rem;
}

.app--developer--page.ibyte__new__landing .header_section .social_Icon ul li{
	margin-left: 0;
}
.ibyte__new__landing--page .workPortfolio .app_button {
    display: flex;
    gap: 1rem;
}
.ibyte__new__landing--page{

}
.ibyte__new__landing--page .workPortfolio .slick-slide {
    height: 75rem;
    padding: 5rem 10.75rem;
}
.ibyte__new__landing--page .workPortfolio.customer-logos-portfolio .slick-dots {
    left: 50%;
    bottom: 5.4rem;
    padding-left: 0;
    margin-bottom: 0;
    /*transform: translateX(-50%);*/
}
.workPortfolio.customer-logos-portfolio .col-lg-8 {
    max-width: 77rem;
    width: 100%;
}

@media screen and (max-width: 1720px){
	/*.ibyte__new__landing--page .workPortfolio.customer-logos-portfolio .slick-dots{
		left: 7%;
	}*/
}
@media screen and (max-width: 1350px){
	/*.ibyte__new__landing--page .workPortfolio.customer-logos-portfolio .slick-dots{
		left: 8%;
	}*/
}

/*=====================
App Deveoper Page styling
=====================*/
.app--developer--page .container-fluid{
	max-width: 136rem;
}

.app--developer--page .top--banner--section{
	background-image: url(../jpg/app-top-main-banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.app--developer--page .top--banner--section:before{
	background: rgb(0 0 0 / 0.8);
}

.app--developer--page .banner--body.content--body{
	margin-top: 0;
}

.app--developer--page .content--title h3{
	font-family: 'CarmenSansHeavy' !important;
	font-size: 3.8rem;
	line-height: 1.25;
	color: #000;
}

.app--developer--page .banner--title h3, .app--developer--page .banner--title h1{
	font-size: 6rem;
	line-height: 1;
	color: #fff;
}

.content--title h3 span.outline--title, .content--title h1 span.outline--title {
    color: #000;
    line-height: 1.2;
    -webkit-text-stroke: 0.1rem #fff;
}

.time--options ul {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    margin-bottom: 3.5rem;
}

.time--options ul li {
    font-size: 2rem;
    padding-left: 3rem;
    position: relative;
}

.time--options ul li:before {
    content: '';
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    border: 0.2rem solid #fff;
    position: absolute;
    left: 0;
    top: 0.5rem;
}

.app--developer--page .banner--content p{
	color: #fff;
}

p.highlight--text {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 1rem;
    font-family: 'CarmenSansBold' !important;
}

.banner--lists ul{
	margin-bottom: 0;
}

.banner--lists li{
	background-image: url(../png/blue-bg-tick.png);
	background-repeat: no-repeat;
	background-position: left 0.5rem;
	padding: 0.5rem 1rem 0.5rem 3.5rem;
    margin-bottom: 0.5rem;
}

.app--developer--page.ibyte__new__landing .banner--form{
	border-radius: 0;
	border: 0;
	box-shadow: 0px 13.7504px 27.5008px rgba(0, 0, 0, 0.15);
}

.app--developer--page.ibyte__new__landing .banner--form:before{
	display: none;
}

.app--developer--page.ibyte__new__landing .banner--form .form--title p{
	font-family: 'CarmenSansMedium';
}

.app--developer--page.ibyte__new__landing .form-item {
	margin-bottom: 1.5rem;
}

.app--developer--page.ibyte__new__landing .form-item.form-item-capctha{
	display: flex;
	align-items: center;
	gap: 2.5rem;
}

.app--developer--page.ibyte__new__landing .form-item.form-item-capctha label{
	white-space: nowrap;
}

.bottom--text p{
	color: #000;
	margin-top: 5rem;
	margin-bottom: 3rem;
}

.bottom--text p a{
	color: #000;
	text-underline-position: under;
	text-decoration: underline !important;
}

.bottom--text p a:hover{
	text-decoration: none !important;
}

.app--developer--page.ibyte__new__landing .form-item input, 
.app--developer--page.ibyte__new__landing .form-item textarea, 
.app--developer--page.ibyte__new__landing .form-item select{
	background: #f1f1f1;
	border-radius: 0;
	border: 0.1rem solid #d1d1d1;
	height: 5rem;
}

.app--developer--page.ibyte__new__landing .form-item textarea{
	min-height: 13.6rem;
}

.app--developer--page .feed--section-style-1 .content--title{
	max-width: 100rem;
}

.app--developer--page .feed--section-style-1 .tile--title{
	margin-left: 0;
	max-width: 100%;
}

.app--developer--page .feed--section-style-1 .tile--icon{
	margin-left: 0;
	background: none;
	padding: 0;
}

.app--developer--page .feed--section-style-2 .tile--icon{
	background: var(--site--blue--color);
	border-radius: 100%;
}

.app--developer--page .feed--section-style-2 .tile--title{
	max-width: 33rem;
	position: relative;
	background: #fff;
}

.app--developer--page .feed--section-style-2 .tile--content{
	border: 0.1rem solid;
    padding: 6rem 2rem 2rem;
    margin-top: -4rem;
}

.app--developer--page .feed--section-style-2 .tile--content p{
	font-family: 'CarmenSansMedium';
}

.app--developer--page.ibyte__new__landing ul.nav.nav-tabs li{
	border-bottom: 0.2rem solid #dedede;
}

.app--developer--page.ibyte__new__landing ul.nav.nav-tabs li a{
	font-size: 2rem;
	border-bottom: 0.8rem solid transparent !important;
	font-family: 'CarmenSansHeavy';
	-webkit-text-stroke: 0.1rem #000;
}

.app--developer--page.ibyte__new__landing ul.nav.nav-tabs li.active a,
.app--developer--page.ibyte__new__landing ul.nav.nav-tabs li:hover a{
	color: #000;
	background: none !important;
	-webkit-text-stroke: 0;
	border-bottom-color: #0197D4 !important;
}

.app--developer--page.ibyte__new__landing .tab-content > .tab-pane.active{
	/*gap: 6rem;*/
	gap: 1rem;
}

.app--developer--page.ibyte__new__landing .tab-content > .tab-pane .tab--list--item{
	width: auto;
	flex-basis: 10rem;
	/*flex-basis: 20rem;*/
}

.app--developer--page.ibyte__new__landing .tab-content > .tab-pane .tab--list--item img{
	height: auto;
}

.media--section--style-1 .benefit--lists ul{
	gap: 0.5rem;
}

.media--section--style-1 .benefit--lists li{
    max-width: 100%;
    background-image: url(../png/blue-bg-tick.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left 0.5rem;
    padding: 0.625rem 1rem 0.625rem 3.5rem;
    margin-bottom: 0;
}

.app--developer--page .vert--block{
	border-radius: 0.6rem;
	border: 0.1rem solid #acacac;
}

.app--developer--page .portfolio .portfolio_slider{
	margin-top: 6rem;
	height: 54rem;
}

.app--developer--page .bg_phone_image{
	top: -52%;
}

.media--section--style-2{
	margin-top: -8rem;
	padding-top: 15rem;
}

@media screen and (min-width: 1600px){
	.app--developer--page .bg_phone_image{
		top: -18rem;
	}
	.media--section--style-2{
		margin-top: -12rem;
	}
	.app--developer--page .bg_phone_image img {
	    min-height: 73rem;
	}
}

.media--section--style-2 .media--item{
	position: relative;
	max-width: 90%;
	margin-left: auto;
	/*padding: 0.8rem;*/
}

.media--section--style-2 .media--item img{
	width: 100%;
	z-index: 1;
	position: relative;
}

/*.media--item:before {
    content: '';
    width: 40%;
    height: 35%;
    background: var(--site--blue--color);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.media--item:after {
    content: '';
    width: 40%;
    height: 35%;
    background: var(--site--blue--color);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}*/

.media--section--style-2 .content--text p{
	color: #000;
}

.media--section--style-2 .choose--option--lists{
	margin-top: 5rem;
}

.media--section--style-2 .option--icon {
    position: absolute;
}

.media--section--style-2 .option--content {
    padding-left: 7rem;
    text-align: justify;
    max-width: 50rem;
}

.media--section--style-2 .option--content .content--title h3 {
    font-size: 2.4rem;
    margin-bottom: 1rem;
}

.media--section--style-2 .option--content p{
    color: #000;
    line-height: 1.5;
}

.app--developer--page .hire--section{
	background-image: url(../svg/hire--button--banner.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

.app--developer--page .hire--section .content--title h3,
.app--developer--page .hire--section .content--text p{
	color: #fff;
}

.app--developer--page .hire--section .site--btn{
	height: 100%;
	display: flex;
	align-items: center;
}

.app--developer--page .hire--section .site--btn a{
	background: var(--site--bg--gradiant--blue);
	color: #fff;
	border: none;
	margin-left: auto;
    font-size: 2rem;
    height: 6.3rem;
    margin-top: 0;
    width: 36rem;
    max-width: 100%;
    justify-content: center;
    font-family: 'CarmenSansMedium';
    text-align: center;
}
.port--icon img {
    width: 100%;
    padding: 3rem;
}
.faqWhite .accordion--section .card-body {
    color: #000;
}
.faqWhite .accordion--section .card-header a.card-link.collapsed{
	color: #000;
}
.faqWhite .accordion--section .card-header a.card-link{
	color: #000;
}


@media screen and (max-width: 1024px){
	.ibyte__new__landing--page .workPortfolio .slick-slide{
		padding: 5rem 2.75rem;
	}
	.port--content.content--text{
		max-width: 90%;
	}
	.portfolio--header .content--title h3{
		font-size: 3rem;
	}
	.port--icon{
		width: 12rem;
		height: 12rem;
	}
	.port--content.content--text p{
		font-size: 1.75rem;
	}
	.port--content.content--text{
		height: 20rem;
	}
	.ibyte__new__landing--page .workPortfolio.customer-logos-portfolio .slick-dots{
		left: 9%;
	}
	.ibyte__new__landing .tab-content .tabItems{
		flex-wrap: wrap;
	}
	.highlight--big--title h1{
		font-size: 2rem;
	}
}

/* Food App Development */
.food--app--banner--section {
	background: url(../png/food-bg-banner.png) no-repeat;
	background-size: cover;
}
.ibyte__new__landing .food--app--banner--section .row{
	align-items: center;
}
.food--app--banner--section .banner--body.content--body{
	color: #000;
	max-width: 100%;
}
.food--app--banner--section .banner--title{
	max-width: 100%;
}
.food--app--banner--section .banner--title h1{
	color: #000;
	display: flex;
    align-items: center;
    gap: 2rem;
	position: relative;
	font-size: 4.75rem;
}
.food--app--banner--section .banner--title h1 img{
	width: 8rem;
}
.food--app--banner--section .banner--title h1 img.title-bg-line{
	width: auto;
    position: absolute;
    right: 12rem;
    bottom: -3.5rem;
}
.food--app--banner--section .content--title h1 .outline--title{
	color: #fff;
	-webkit-text-stroke: 0.1rem #000;
}
.food--app--banner--section .banner--body.content--body p{
	color: #000;
	font-size: 1.8rem;
	margin-top: 2rem;
}
.project--lists ul {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    align-items: flex-start;
}
.project--lists ul li{
	flex-grow: 1;
	flex-basis: 17.5rem;
}

.pro--counter {
    font-family: 'CarmenSansHeavy';
    color: var(--site--blue--color);
    font-size: 5rem;
    text-align: center;
} 

.pro-tittle {
    font-size: 2rem;
    text-align: center;
    font-family: 'CarmenSansRegular';
    line-height: 1.5;
    color: #000;
}

.app--developer--page .feed--section--media .content--title {
    max-width: 86rem;
    margin: auto;
}

.app--developer--page .feed--section--media .services--list .content--title {
    max-width: 65rem;
    margin-left: 0;
}

.app--developer--page .feed--section--media .services--list .content--title h3 {
    border-bottom: 0.4rem solid var(--site--blue--color);
    width: fit-content;
    padding-bottom: 1rem;
}

.app--developer--page .feed--section--media .services--list .tile--block {
    margin-top: 0;
	border-radius: 0;
    border: 0.1rem solid transparent;
	background: none;
}

.app--developer--page .feed--section--media .services--list .tile--block.active--block {
    border-color: var(--site--blue--color);
}

.app--developer--page .feed--section--media .services--list .tile--block .tile--title {
    margin-left: 0;
    max-width: 100%;
}

.app--developer--page .feed--section--media .services--list .tile--block .tile--title h3 {
    font-size: 1.5rem;
    margin-top: 0;
}

.app--developer--page .feed--section--media .services--list .tile--block .tile--content {
    max-width: 34rem;
}

.app--developer--page .feed--section--media .services--list .tile--block .tile--content p {
    margin-bottom: 0;
}

.feed--media--item img {
    width: 36rem;
    margin-left: auto;
}

.section--sky--bg{
	background-color: #E8F9FF;
}

.section--pink--bg{
	background-color: #FFEFF3;
}

.app--developer--page .section--sky--bg.feed--section--media .content--title{
	max-width: 100%;
}

.app--developer--page .feed--section--media.feed--section-style-media-1{
	position: relative;
}

.app--developer--page .feed--section--media.feed--section-style-media-1 .content--title{
	max-width: 80rem;
}

.feed--media--item.right--edge--image {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.feed--media--item.right--edge--image img{
    width: auto;
}
.feed--media--item.right--edge--image .mobile-image {
    display: none;
}
.feed--media--item.right--edge--image .desktop-image {
    display: block;
}
.feed--section.feed--section-style-3 .tile--block{
	margin-top: 3rem;
    border: 0.1rem solid #BDBDBD;
}

.feed--section.feed--section-style-3 .tile--icon{
	background: none;
	padding: 0;
	margin: 1rem auto 0;
}

.feed--section.feed--section-style-3 .tile--title h3{
	font-size: 1.6rem;
	min-height: 4.3rem;
}

.app--developer--page .food--page--slider.portfolio .portfolio_slider,
.app--developer--page .food--page--slider.portfolio .portfolio_slider .slide.bg_orange{
	height: 75rem;
}

.app--developer--page .food--page--slider.portfolio .portfolio_slider .slider_left_box{
	max-width: 57rem;
}

.app--developer--page .food--page--slider.portfolio .portfolio_slider .slider_left_box h2{
	font-size: 4.5rem;
	text-transform: uppercase;
	line-height: 1.5;
}

.app--developer--page .food--page--slider.portfolio .portfolio_slider .slider_left_box .bg_white{
	margin: 7rem 0 4rem;
	padding: 1em 0;
}

.app--developer--page .food--page--slider.portfolio .portfolio_slider .slider_right_box{
	margin-top: 0;
}

.bg_orange.bg_orange--dark{
	background: #FE0435;
}

.app--developer--page .food--page--slider.portfolio .portfolio_slider .bg_phone_image{
	position: relative;
	top: 0;
}

.app--developer--page .food--page--slider.portfolio .portfolio_slider .bg_phone_image img{
	width: auto;
}

.app--developer--page .food--page--slider.portfolio .portfolio_slider .bg_phone_image .front_img{
	position: relative;
	z-index: 1;
}

.app--developer--page .food--page--slider.portfolio .portfolio_slider .bg_phone_image .bg_img{
	position: absolute;
	z-index: 0;
	top: -2rem;
	right: 0;
	animation: rotateiPhoneXImg 5s linear normal;
}

@keyframes rotateiPhoneXImg{
	0%{
		transform: rotate(-11deg);
    	right: 10rem;
	}
	100%{
		transform: rotate(0deg);
    	right: 0;
	}
}

.food--page--slider.portfolio .slick-dots {
    left: 50%;
    width: 100%;
    max-width: 136rem;
    justify-content: flex-start;
    transform: translateX(-50%);
    padding: 0 1.5rem;
}

.food--page--slider.portfolio .slick-dots li{
	width: 2rem;
	height: 2rem;
}

.light__green--bg{
	background-color: #E0FFB9;
}

.light__blue--bg{
	background-color: #C8F3FC;
}

.light__purple--bg{
	background-color: #DBD2FF;
}

.light__orange--bg{
	background-color: #FFD9C4;
}

.feed--section-style-4 .services--list{
	margin-top: 5rem;
}

.feed--section-style-4 .tile--block {
    margin-top: 0;
}

.feed--section-style-4 .tile--icon {
    margin: 0;
    background: none;
    padding: 0;
    border-radius: 0;
    position: absolute;
    left: 0;
}

.feed--section-style-4 .tile--icon img {
    width: auto;
    height: auto;
}

.feed--section-style-4 .tile--body {
    padding-left: 12rem;
}

.feed--section-style-4 .tile--block .tile--title {
    max-width: inherit;
    text-align: left;
}

.feed--section-style-4 .tile--block .tile--content p {
    font-size: 1.5rem;
}

.tile--lists{
	max-width: 30rem;
}

.tile--lists ul{
	display: flex;
	margin-top: 3rem;
	gap: 1rem;
	flex-wrap: wrap;
	justify-content: space-between;
}

.tile--lists ul li{
	max-width: calc(50% - 2rem);
	padding: 0.25rem 0 0.25rem 3.25rem;
	background: url(../png/green-bg-tick.png) no-repeat top left;
	width: 100%;
	font-size: 1.5rem;
	font-family: 'CarmenSansBold';
}

.media--section--style-2.food--media--style .option--content{
	max-width: 51rem;
}

.bg--dark{
	background: var(--site--dark--color);
}

.bg--dark *,
.app--developer--page .bg--dark .content--title h3{
	color: #fff;
}

html.ibyte__new__landing--page .blue--bg--btn a{
	width: 24rem;
	max-width: 100%;
	background: var(--site--bg--gradiant--blue);
	color: #fff;
	border: none;
	border-radius: 0;
	font-size: 1.5rem;
	font-family: 'CarmenSansBold';
	justify-content: center;
	padding: 1.25rem 1rem 1.5rem;
}

.btn--lists{
	display: flex;
	gap: 2rem;
	align-items: center;
	height: 100%;
	justify-content: end;
}

.btn--lists .site--btn a{
	background: url(../svg/time-icon.svg) no-repeat 90% center;
    margin-top: 0;
    width: 15rem;
    background-size: 2rem;
    max-width: inherit;
    padding: 2rem 1.5rem 2.5rem;
}
.country_code {
	max-width: 13rem !important;
}
.footer--img {
	display: flex;
	justify-content: space-between;
	align-content: center;
	gap: 1rem;
}

/* On Demand App Development Company */
.demand--banner--section{
	background: var(--site--bg--gradiant--yellow);
}
.food--app--banner--section.demand--banner--section .banner--title h1{
	display: block;
}
.food--app--banner--section.demand--banner--section .banner--body .banner--content{
	max-width: 57rem;
}
.ondemand--services--list{
	display: flex;
	align-items: center;
}
.ondemand--services--list .row{
	row-gap: 0;
}
.ondemand--services--list .feed--media--item img{
	width: 100%;
}
.feed--section-style-5 .tile--block{
	margin-top: 0rem;
}
.feed--section-style-5 .tile--icon{
	background: none;
	padding: 0;
	margin: 0;
	border-radius: 0;
}
.feed--section-style-5 .tile--icon img{
	height: auto;
}
.feed--section-style-5 .tile--title{
	max-width: 100%;
}
/*.feed--section-style-5 .tile--lists ul{
	display: block;
}*/
.feed--section-style-5 .tile--lists ul li{
	background-image: url(../png/blue-bg-tick.png);
	background-size: 2.75rem;
	width: 100%;
	max-width: 100%;
}
.app--developer--page .hire--section-style-1 .site--btn a{
	width: auto;
}
.feed--section-style-5.feed--section--media .services--list .row{
	align-items: center;
}
.feed--section-style-5.feed--section--media .tile--block{
	padding: 0 1.5rem;
}
.feed--section-style-5.feed--section--media .tile--icon{
	margin-bottom: 1.5rem;
}
.feed--section-style-5.feed--section--media .tile--title h3{
	min-height: 4.3rem;
}
.feed--section-style-5.feed--section--media .tile--content p{
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: 0;
}
.feed--section-style-5.feed--section--media .tile--lists ul{
	margin: 1.5rem 0 0 1rem;
}
.feed--section-style-5.feed--section--media .tile--lists ul li{
	background: none;
	padding: 0 0 0 1.5rem;
	position: relative;
	font-family: 'CarmenSansRegular';
	line-height: 1;
}
.feed--section-style-5.feed--section--media .tile--lists ul li:before{
	content: '';
	position: absolute;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 100%;
	left: 0;
	background: #222222;
	top: 50%;
	transform: translateY(-50%);
}
.feed--section-style-5.feed--section--media .feed--media--item img{
	width: 100%;
}
.app--lists--section .row{
	align-items: center;
}
.app--lists {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
    max-width: 68rem;
    margin-left: auto;
}
.app--list--image {
    padding: 2rem;
    background: #fff;
    border-radius: 1rem;
}

.bg_orange.bg_blue--dark{
	background: #001C54;
}

.saas--stats--lists {
    display: flex;
    justify-content: center;
    gap: 5rem;
    flex-wrap: wrap;
}

.saas--stat--list {
    text-align: center;
}

.stat--counter {
    font-size: 6rem;
    font-family: 'CarmenSansHeavy';
    line-height: 1.33333;
}

.stat--title {
    font-size: 1.8rem;
    font-family: 'CarmenSansBold';
}
/*Pulse Button Css Start*/
.banner--btn.site--btn.map.pulse {
    /*width: 13.195em;*/
    width: 19.99rem;
    position: absolute;
    top: 0;
    /*left: 22rem;*/
    left: 19rem;
}
.banner--btn.site--btn.calling {
    margin-left: 22.5rem;
}
.ibyte__new__landing .banner--btn.site--btn.map.pulse a {
    justify-content: flex-end;
    width: 100%;
    max-width: inherit;
    padding: 1.1rem 2.5rem 1.5rem 2.5rem;
}
.flexBox.blinkingBtn {
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
}
.banner--btn.site--btn.map.pulse::after {
    box-shadow: 0 0 1px 2px #fff;
    top: 42%;
    width: 1.75rem;
    height: 1.75rem;
    background: #00b5ff;
    /*left: 2rem;*/
    left: 1.125rem;
    transform: translateY(-50%);
}
.banner--btn.site--btn.calling.pulse::after {
    box-shadow: 0 0 1px 2px #fff;
    top: 42%;
    width: 1.75rem;
    height: 1.75rem;
    background: #00b5ff;
    left: 0.75rem;
    transform: translateY(-50%);
}
.digi--btn.site--btn.map.pulse {
    position: relative;
    width: 22rem;
    top: inherit;
    left: inherit;
    margin: auto;
}
.digi--btn.site--btn.map.pulse a{
	max-width: 100%;
	justify-content: flex-end;
}
.digi--btn.site--btn.map.pulse::after{
	box-shadow: 0 0 1px 2px #fff;
    top: 26%;
    width: 1.75rem;
    height: 1.75rem;
    background: #00b5ff;
    /*left: 2rem;*/
    left: 1.75rem;
    transform: translateY(-50%);
}
/*Pulse Button Css End*/

/* Real Estate Page */
.real-estate-list .tile--block{
	max-width: 38rem;
	margin-left: auto;
	margin-right: auto;
}
.real-estate-list .tile--title h3{
	min-height: 6.3rem;
	font-size: 2rem;
}
.real--stat--lists .saas--stat--list{
	flex-basis: 20rem;
}
.real--stat--lists .saas--stat--list:nth-child(2) {
    flex-basis: 18rem;
}
.stat--icon{
	margin-bottom: 1.5rem;
}

/* Fintech App Page */
.fintech--banner--section{
	background: var(--site--bg--gradiant--light--blue);
}
.food--app--banner--section.fintech--banner--section .banner--title h1{
	display: block;
}
.food--app--banner--section.fintech--banner--section .banner--title h1 img {
    width: auto;
    display: inline-block;
    margin-top: -3rem;
    margin-left: -1.5rem;
}
.bg_orange.bg_slider--blue{
	background: var(--slider--blue-bg-color);
}
.feed--media--item.fin--media--item{
    max-width: 34rem;
    margin-left: auto;
}
.fintech--services--list .tile--block {
    margin: 0;
    padding: 0;
}
.fintech--services--list .tile--title{
	max-width: 100%;
}
.fintech--services--list .tile--title h3{
	margin-top: 0;
}
.fintech--services--list .tile--icon{
	background: none;
	margin-top: 0;
	padding: 0;
	margin-bottom: 1.5rem;
}
.feed--right--section {
    margin-top: 5rem;
    margin-bottom: -5rem;
}
.fintech--services--list .feed--right--section .tile--block {
    padding: 0 1.5rem;
    margin-bottom: 5rem;
}
.ibt_footer {
	text-align: center;
	width: 100%;
}
.trustedLogo ul {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}
#myModal .modal-content {
	height: 95%;
	margin-bottom: 4rem;
	overflow-y: auto;
}
#myModal .modal-content::-webkit-scrollbar{
  height: 4px;
  width: 6px;
  background: #fff;
}
#myModal .modal-content::-webkit-scrollbar-thumb {
    background: var(--site--blue--color);
    border: 2px solid #fff;
}
.slick-slide .web-view{
	display: block;
}
.slick-slide .mobile-view{
	display: none;
}
.mobile--section--content h4{
	font-size: var(--font--40);
	color: var(--site--white--color);
}
/*New Popup Css Start*/
.ibyte__new__landing .modal-body .form-group input{
	background: #f1f1f1;
}
.ibyte__new__landing #myModal .modal-body .form-group input, .ibyte__new__landing #myModal .modal-body .form-group select, .ibyte__new__landing #myModal .modal-body .form-group textarea {
    background: transparent;
    font-size: 1.4rem;
}
.ibyte__new__landing #myModal .modal-body .form-group .wrapper {
    height: 8.5rem; 
}
.ibyte__new__landing #myModal .input_coln.country {
    height: 4.5em;
}
.ibyte__new__landing #myModal .login_popup dl.dropdown{
	bottom: 1.45rem;
}
.ibyte__new__landing #myModal .login_popup dl.dropdown a{
	font-size: 1rem;
}
.ibyte__new__landing #myModal .login_popup .dropdown dt a{
	height: 2.4rem;
}
/*.ibyte__new__landing #myModal .modal-body .form-group select {
    background: transparent;
}*/
.ibyte__new__landing .modal-body select{
	background: #f1f1f1;
}
.newLogos ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.newLogos ul li img {
    width: 100%;
}
.newLogos h6 {
    color: #3D3D3D;
    font-size: 1.4rem;
    text-align: center;
    font-weight: 500;
}
.projectDetail {
    background: rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(0.4rem);
    border-radius: 1rem;
    margin: 4rem 0;
}
.projectDetail ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 1rem;
}
.projectDetail ul li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.projectDetail ul li h5 {
    font-size: 1.8rem;
    font-weight: 800;
}
.projectDetail ul li span {
    display: flex;
    margin-top: 0.25rem;
    font-size: 1.4rem;
    font-weight: 400;
}
.carousel-inner p {
    font-size: 1.5rem;
}
/*Cookies Css Start*/
p.googleAd_error_test {
    color: red !important;
    font-size: 1.2rem;
    padding-top: 0.3rem;

}

p.captcha_error_google {
    color: red !important;
    font-size: 1.2rem;
    padding-top: 0.3rem;
}

p.captcha_error_pop {
    color: red !important;
    font-size: 1.2rem;
    padding-top: 0.3rem;
}

#cookieNotice {
    background: #000;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    /* box-shadow: 0px 0px 15px #cccccc; */
    padding: 0.5rem 1rem;
    text-align: center;
    z-index: 999;
}

#cookieNotice p {
    font-size: 1.5rem;
    color: #fff;
}
.whatsappFullPage {
    position: fixed;
    top: 88%;
    width: 5rem;
    left: 2rem;
    z-index: 999;
}
/*#cookieNotice button {
    width: 6%;
    background: #46A9F0;
    padding: 0.5rem;
    border-radius: 0.5rem;
    color: white;
    text-align: center;
}*/
/*Cookies Css End*/

/*New Popup Css Start*/

@media screen and (max-width: 1199px){
	.technologySec .title_row{
		margin-bottom: 3rem;
	}
}

@media screen and (max-width: 991px){
	#myModal .modal-content {
		height: 92%;
		margin-bottom: 4rem;
		overflow-y: auto;
	}
	.footer--img{
		margin-bottom: 2rem;
	}
	.ibyte__new__landing ul.nav.nav-tabs li{
		width: 100%;
	}
	.ibyte__new__landing ul.nav.nav-tabs li a{		
    	white-space: nowrap;
	}
	.ibyte__new__landing ul.nav.nav-tabs{
		overflow-x: auto;
	}
	.ibyte__new__landing ul.nav.nav-tabs{
		flex-wrap: nowrap;
	}
	.port--big--image{
		position: relative;
		max-width: 47rem;
		margin-top: 2rem;
		margin-left: auto;
		margin-right: auto;
		transform: inherit !important;
	}
	.profile--section.section--wrapper.bg--yellow.slick-slide {
    	height: auto;
	}
	.port--content.content--text{
		height: auto;
		max-width: 100%;
	}
	.portfolio--header{
		max-width: 100%;
	}
	.ibyte__new__landing--page .workPortfolio .app_button{
		justify-content: center;
	}
	.slick-slide .web-view{
		display: none;
	}
	.slick-slide .mobile-view{
		display: block;
	}
	.port--big--image img.port--rotate--img{
		max-width: 20rem;
		left: -10.5%;
		bottom: -0.5rem;
	}
	@keyframes rotateImg{
		from{
			left: 0;
			transform: rotate(20deg);
		}
		to{
			left: -10.5%;
			transform: rotate(0deg);
		}
	}
	.rotateNew .port--big--image img.port--rotate--img {
	    max-width: 12rem;
	    left: 1%;
	    bottom: 5%;
	    animation: rotateImgOtaxi 5s linear normal;
	}

	@keyframes rotateImgOtaxi{
		from{
			left: 0;
			transform: rotate(20deg);
		}
		to{
			left: 1%;
			transform: rotate(0deg);
		}
	}
	.ibyte__new__landing--page .workPortfolio.customer-logos-portfolio .slick-dots{
		left: 50%;
		transform: translateX(-50%);
		bottom: 3rem;
	}
	span.outline--text{
		font-size: 5rem;
		margin-top: 0;
	}
	.feed--media--item.right--edge--image{
		position: inherit;
		transform: inherit;
	}
	.feed--media--item.right--edge--image .mobile-image {
	    display: block;
	}
	.feed--media--item.right--edge--image .desktop-img {
	    display: none;
	}
	.feed--media--item.right--edge--image{
		margin: auto;
	}
	.projectDiscuss{
		padding-top: 15rem;
	}
	.projectDiscuss .ceo-profile {
	    right: inherit;
	    top: -5rem;
	    transform: translateX(-50%);
	    left: 50%;
	}
	.projectDiscuss p, .projectDiscuss h5 {
	    font-size: 2.125rem;
	    text-align: center;
	}
	.projectDiscuss .btnBlock{
		text-align: center;
	}
	.projectDiscuss h5 br {
	    display: none;
	}
	.outerBorder{
		border: none;
	}
	.projectDiscuss{
		margin: 0;
	}
}
@media screen and (max-width: 768px){
	.port--options.bg_white{
		display: block;
		padding: 1rem;
	}
	.port--options.bg_white .for_row.padding{
		padding: 0;
	}
}
@media screen and (max-width: 630px){
	/*.port--icon{
		width: 12rem;
	}*/
	.port--icon img{
		padding: 2rem;
	}
	.ibyte__new__landing .banner--form.site--webform {
    	margin-top: 6rem;
	}
	.flexBox.blinkingBtn{
		align-items: inherit;
	}
	.banner--btn.site--btn.calling{
		margin-top: 6rem;
		margin-left: -18rem;
	}
	.banner--btn.site--btn {
    	width: 100%;
	}
}
@media screen and (max-width: 629px){
	.banner--btn.site--btn.calling {
	    margin-top: 1rem;
	    margin-left: 0rem;
	}
}
@media screen and (max-width: 600px){
	.ibyte__new__landing .tab-content > .tab-pane .tab--list--item{
		width: 42%;
	}
	.portfolio--header .content--title h3{
		font-size: 2.25rem;
	}
	.food--app--banner--section .banner--title h1{
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 540px){
	.port--options.bg_white .download_text h6 {
    	font-size: 0.75em !important;
	}
	.port--options.bg_white .download_text p {
    	font-size: 0.65em !important;
	}
	.port--options.bg_white .icon_text{
		margin-left: 0.5rem;
	}
	.port--options.bg_white .icon_col1.small{
		max-width: 25%;
	}
	.profile--section .app_button{
		flex-wrap: nowrap;
	}
}
@media screen and (max-width: 500px){
	.port--icon{
		width: 18rem;
	}
	.port--icon img{
		max-width: 80%;
	}
	.projectDetail ul li h5{
		font-size: 1rem;
	}
	.projectDetail ul li span{
		font-size: 0.875rem;
	}
	.whatsappFullPage {
		width: 5rem;
		left: 1rem;
		top: 90%;
	}
}
@media screen and (max-width: 425px){
	.banner--btn.site--btn.map.pulse{
		top: 12rem;
		left: 0;
		width: 21.5rem;
	}
	.ibyte__new__landing .site--btn a{
		max-width: max-content !important;
		justify-content: center;
		min-width: 10rem;
		display: inline-block;
		width: 100%;
	}
	.ibyte__new__landing .banner--btn.site--btn.map.pulse a {
    	justify-content: center;
	}
	.ibyte__new__landing .lang-banner-btn.site--btn.btn-style-2 a {
    	max-width: 100%;
	}

}
@media screen and (max-width: 420px){
	.port--big--image img.port--rotate--img{
		max-width: 12rem;
		left: -10.5%;
		bottom: -0.5rem;
	}
	.port--big--image{
		margin-top: 5rem;
	}
	.rotateNew .port--big--image img.port--rotate--img{
		max-width: 8rem;
		left: 0;
		bottom: 7%;
	}
	.ibyte__new__landing .site--btn a{
		padding: 1rem 1rem 1.5rem;
		font-size: 1.25rem;	
	}
	/*.banner--btn.site--btn.map.pulse{
		left: 15rem;
		width: 14rem;
	}*/
	.ibyte__new__landing .banner--btn.site--btn.map.pulse a{
		padding: 1.1rem 1rem 1.5rem 2rem;
	}
	.banner--btn.site--btn.map.pulse::after{
		left: 1.125rem;
	}
	@keyframes rotateImgOtaxi{
		from{
			left: 0;
			transform: rotate(20deg);
		}
		to{
			left: 0;
			transform: rotate(0deg);
		}
	}
}
@media screen and (max-width: 400px){
	.large--title h3{
		font-size: 4rem;
	}
	.port--icon{
		width: 25rem;
	}
	.portfolio--header .content--title h3{
		font-size: 2rem;
	}
	.project--lists ul li{
		flex-basis: auto;
	}
	.f-48{
		font-size: 3.875rem !important;
	}
	.f-40{
		font-size: 3rem !important;
	}
	.highlight--big--title h1{
		margin-bottom: 3rem;
	}
	.copy_right_text ul li{
		padding-right: 1em;
	}
}


@media screen and (max-width: 767px){
	.ibyte__new__landing ul.tech--list li {
		max-width: 100%;
	}
	.options-padding-l{
		padding-left: 0;
	}
	.media--section--style-2 .media--item{
		max-width: 100%;
	}
	/*.new-drop-menu{
		display: block;
	}*/
}

/* Flutter app development page */
.lang--app--banner--section{
	color: #000;
	position: relative;
}
.flutter--app--banner--section{
	background: var(--site--bg--gradient--horizontal--light--blue);
}
.lang--app--banner--section .banner--title h1{
	margin-top: 0;
}
.lang--app--banner--section .banner--title h1,
.lang--app--banner--section .banner--content p{
	color: #000;
}
.ibyte__new__landing .lang-banner-btn.site--btn a{
	color: #000;
	border-color: #000;
	font-size: 1.8rem;
	font-weight: 700;
	border-radius: 0.6rem;
	margin-top: 1.5rem;
	border-width: 0.2rem;
}
.lang--app--banner--section .project--lists {
	margin-top: 3rem;
	margin-left: -0.75rem;
}
.lang--app--banner--section .project--lists ul{
	gap: 2rem 0;
}
.lang--banner--body.content--body {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.lang--banner--body .banner--content{
	max-width: 56rem;
}
.lang--banner--image {
    display: flex;
    justify-content: center;
}
.triangle--shape {
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10rem solid transparent;
    border-top: 10rem solid transparent;
    border-left: 10rem solid transparent;
}
.blue--triangle {
    border-left-color: #0670C2;
}
.sky--triangle {
    border-left-color: #50E6FF;
}
.top--edge {
    top: -5rem;
    left: 7.5rem;
    transform: rotate(90deg);
}
.left--edge {
    top: -1rem;
}
.bottom--edge {
    bottom: -5rem;
    right: 5.5rem;
    transform: rotate(-90deg);
}
.right--edge {
    bottom: 2rem;
    right: 0;
    border-width: 7.75rem;
    transform: rotate(-180deg);
}
.lang--feed--section .feed--media--item{
	max-width: 48rem;
	margin-left: auto;
	margin-right: auto;
}
.lang--feed--section .feed--media--item img{
	width: 100%;
}
.media--body {
    max-width: 50rem;
}
.feed--section-style-5.bg--E9E9E9{
	background-color: #e9e9e9;
}
.feed--section-style-5 .text-center .tile--icon{
	margin-left: auto;
	margin-right: auto;
}
.flutter-app-list .tile--block{
	padding: 2rem;
    box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.15);
}
.flutter-app-list .tile--title h3{
    font-family: CarmenSansBold !important;
    font-size: 1.8rem;
    color: #000;
}
.flutter-app-list.flutter-app-list-1 .tile--title h3{
	font-family: CarmenSansHeavy !important;
}
.flutter-app-list .tile--content p{
    color: #6B6B6B;
    line-height: 1.5;
    font-size: 1.5rem;
}
.section--bg_blue--dark{
	background-color: #035D82;
	color: #fff;
}
.section--bg_blue--dark .content--title h3,
.section--bg_blue--dark .content--title p{
	color: #fff;
}

.process--tab--section {
    display: flex;
    gap: 3rem 6rem;
    flex-wrap: wrap;
}
.ibyte__new__landing .process--tab--section ul.nav.nav-tabs {
    display: block;
    margin-top: 0;
    flex-basis: 30rem;
    width: 100%;
    max-width: 30rem;
    flex-grow: 1;
}
.app--developer--page.ibyte__new__landing .process--tab--section ul.nav.nav-tabs li{
	width: 100%;
}
.app--developer--page.ibyte__new__landing .process--tab--section ul.nav.nav-tabs li:last-child{
	border-bottom: none;
}
.app--developer--page.ibyte__new__landing .process--tab--section ul.nav.nav-tabs li a{
	-webkit-text-stroke: 0;
	color: #000;
	border-bottom: none !important;
	height: auto;
	text-align: left;
	display: block;
	font-family: 'CarmenSansRegular';
}
.app--developer--page.ibyte__new__landing .process--tab--section ul.nav.nav-tabs li.active a{
	border-bottom: none;
	color: #0197D4;
}

.process--tab--section .tab-content{
	flex-basis: 30rem;
    width: 100%;
    flex-grow: 1;
    max-width: 50rem;
    padding-top: 1.5rem;
}
.app--developer--page.ibyte__new__landing .process--tab--section .tab-content > .tab-pane.active {
    gap: 2rem;
    align-items: flex-start;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.app--developer--page.ibyte__new__landing .process--tab--section .tab-content > .tab-pane .tab--list--item {
    width: auto;
    box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.25);
    padding: 1rem;
    border-radius: 0.8rem;
    flex-basis: fit-content;
}
.app--developer--page.ibyte__new__landing .process--tab--section .tab-content > .tab-pane .tab--list--item img{
	max-width: 100%;
	height: 6rem;
}
body .slide.bg_orange.bg_orange--light{
	background-color: #FFD0B1;
}
.app--developer--page .food--page--slider.portfolio.flutter--app--slider .portfolio_slider, .app--developer--page .food--page--slider.portfolio.flutter--app--slider .portfolio_slider .slide.bg_orange{
	height: auto;
	position: relative;
	margin-top: 0;
}
.bg_orange.bg_orange--light .slider_left_box p{
	color: #000;
	max-width: 43rem;
    font-size: 1.6rem;
}
.app--developer--page .food--page--slider.portfolio.flutter--app--slider .portfolio_slider .slider_left_box h2{
	display: flex;
	color: #1C2023;
	font-size: 3.2rem;
}
.app--developer--page .food--page--slider.portfolio.flutter--app--slider .portfolio_slider .slider_left_box .kwik--images{
	display: flex;
	gap: 1.5rem;
	margin-top: 3rem;
	margin-bottom: 3rem;
	align-items: center;
}
.app--developer--page .food--page--slider.portfolio.flutter--app--slider .portfolio_slider .slider_left_box .kwik--images img{
	width: auto;
}
.app--developer--page .food--page--slider.portfolio.flutter--app--slider .portfolio_slider .slider_left_box .kwik--images img.kwik--logo{
	max-width: 6.5rem;
}
.app--developer--page .food--page--slider.portfolio.flutter--app--slider .portfolio_slider .row,
.testimonial--slider .row{
	align-items: center;
}
.flutter--app--slider .kwik--slider-btn a{
	border-color: #FF7A00;
	color: #FF7A00;
	font-family: 'CarmenSansMedium';
}
.food--page--slider.portfolio.flutter--app--slider .slick-dots{
	max-width: 132rem;
}
.food--page--slider.portfolio.flutter--app--slider .slick-dots li{
	background: #4D4D4D;
	opacity: 0.4;
}
.food--page--slider.portfolio.flutter--app--slider .slick-dots li.slick-active{
	background: #FF7302;
	opacity: 1;
}
.right--shape--bg{
	background: url(../png/banner--bg--shape.png) no-repeat right;
	position: absolute;
    top: 0;
    right: 0;
    display: flex;
    bottom: 0;
    align-items: end;
    width: 100%;
    max-width: 40%;
    background-size: 85% 100%;
}
.ibyte__new__landing .right--shape--bg img {
    max-width: 65%;
    margin-left: auto;
    margin-bottom: 1rem;
    margin-right: 1rem;
}
.options-padding-r{
	padding-right: 5rem;
}
.options-padding-r h4{
	margin-top: 0;
}
.options-padding-l .option--content:not(:last-child){
	margin-bottom: 2rem;
}
.options-padding-l .option--content .content--title h3{
	margin-bottom: 0.5rem;
}
.slider_user--pic {
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
img.teti-user_img {
    width: auto;
}
.user--name {
    font-family: 'CarmenSansBold';
    font-size: 2rem;
}
.user--desi {
    font-size: 1.4rem;
}
.slider_user-feedback p {
    color: #000;
    text-align: justify;
    padding-left: 9rem;
    padding-top: 4rem;
    background: url(../png/quote-icon-grey.png) no-repeat 1rem top;
}
.testimonial--slider .carousel-item .carousel-caption{
	display: block;
	color: #000;
	text-align: left;
	text-shadow: none;
}
.testimonial--slider .customer-logos-portfolio .slick-slide{
	padding-bottom: 6rem;
	height: auto;
}
.testimonial--slider .customer-logos-portfolio .slick-dots li{
	width: 2rem;
	height: 2rem;
	background: #fff;
	border-radius: 100%;
	border: 0.1rem solid var(--site--blue--color);
}
.testimonial--slider .customer-logos-portfolio .slick-dots li.slick-active{
	background: var(--site--blue--color);
	border: 0.1rem solid var(--site--blue--color);
}
.testimonial--slider .customer-logos-portfolio .slick-dots{
	justify-content: flex-end;
    right: 0;
    left: 0;
    max-width: 1107px;
}
.blog--lists .tile--block {
    padding: 0.5rem 0.5rem 5rem;
    margin-top: 0;
    position: relative;
    height: 100%;
}
.blog--lists .tile--title {
    max-width: 100%;
}
.blog--lists .tile--btn {
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
}
.blog--lists .tile--btn a {
    display: inline-block;
}
.blog--lists .tile--btn a:hover {
    opacity: 0.5;
}
.blog--lists .tile--content p{
	font-size: 1.6rem;
	text-align: justify;
}
.blog--lists .tile--item {
    border-radius: 0.8rem;
    overflow: hidden;
}
.blog--head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}
.ibyte__new__landing .site--btn a.view--more--btn {
    margin-top: 0;
    color: var(--site--blue--color);
    border: 0.1rem solid;
    line-height: 1;
    padding: 1rem 2rem 1.25rem;
}
.blog--head .content--title h2 {
    margin: 0;
}
.ibyte__new__landing .site--btn a.view--more--btn:hover{
	background-color: var(--site--blue--color);
	color: #fff;
}
.flutter-serv-app-list .row{
	justify-content: center;
}
.flutter-serv-app-list .tile--block{
	height: 100%;
	padding: 2rem;
    box-shadow: 0px 1px 14px rgb(0 0 0 / 15%);
}
.ibyte__new__landing .flutter-serv-app-list .site--btn a{
	color: var(--site--blue--color);
    border: 0.1rem solid;
    margin: 3rem auto 0;
    padding: 0.75rem 3rem 1rem;
}
.ibyte__new__landing .flutter-serv-app-list .site--btn a:hover{
	background-color: var(--site--blue--color);
	color: #fff;
}
/* React Native app page */
.react--app--banner--section{
	background: url(../png/react-banner-bg.png) no-repeat right;
}
.react--app--banner--section .row{
	align-items: center;
}
.ibyte__new__landing .lang--app--banner--section .banner--blue--bg--btn.site--btn a{
	border: none;
	background-color: var(--site--blue--color);
	color: #fff;
}

/* Blockchain page styling */
.blockchain-app-list .tile--block{
	background: none;
	padding-top: 0;
	padding-bottom: 0;
}
.blockchain-app-list .tile--title h3 {
    font-size: 1.5rem;
    margin-top: 0;
}

/* NFT page styling */
.nft--app--banner--section{
	background: var(--site--bg--gradiant--green);
}
.nft--app--banner--section .banner--title h1 img{
    height: 4.55rem;
    margin-right: 1rem;
    margin-top: -1rem;
}
.nft-app-list{
	margin-top: 3rem;
}
.nft-app-list .tile--block{
	background: none;
	text-align: center;
	padding: 1.5rem 3rem;
}
.nft-app-list .tile--title h3{
	font-size: 2rem;
}
.nft-app-list .tile--icon{
	margin-left: auto;
	margin-right: auto;
}
.nft-app-list-1 .tile--block {
    padding: 2rem;
    border: 0.1rem solid;
    border-radius: 0;
}
.nft-app-list-1 .tile--title h3 {
    margin-top: 0;
    margin-bottom: 2rem;
}

/* Wearable app page */
.wearable--app--banner--section{
	background: var(--site--bg--gradiant--grey);
}
.wear-serv-list .tile--block {
    padding: 3rem;
    height: 100%;
}
.stripe--bg{
	background-image: url(../svg/line-bg2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 60% 62%;
}
.food--page--slider.portfolio + .stripe--bg{
	margin-top: -1em;
}

/* iBeacon app page */
.iBeacon--app--banner--section{
	background: #FFF5DA;
}
.beacon-serv-list .tile--title h3{
	min-height: 4.8rem;
}
.ibeacon--page .food--page--slider.portfolio.flutter--app--slider .container-fluid {
    max-width: 112.4rem;
}
.ibeacon--page .food--page--slider.portfolio.flutter--app--slider ul.slick-dots {
    max-width: 110.4rem;
}

/* Metaverse page */
.metaverse--app--banner--section{
	background: url(../png/meta-banner.png) no-repeat right center;
	padding-top: 10rem;
	padding-bottom: 10rem;
}

/* Full stack development page */
.tile--block.service--block {
    padding-left: 4rem;
    position: relative;
}
.tile--block.service--block .tile--icon {
    position: absolute;
    left: 0;
    max-width: 3rem;
}
.fullstack--list .tile--block .tile--icon img {
    height: auto;
}
.fullstack--list .feed--right--section .tile--content{
	padding: 0 1.5rem;
}