#swiping__top-wrapper {
	position: relative;
	height: 100vh;
	background: -webkit-gradient(linear, left top, left bottom, from(#0e032a), to(#866eff));
	background: -o-linear-gradient(top, #0e032a 0, #866eff 100%);
	background: linear-gradient(180deg, #0e032a 0, #866eff 100%);
	-webkit-clip-path: circle(1384px at 49.1% calc(100% - 1430px));
	clip-path: circle(1384px at 49.1% calc(100% - 1430px))
}
#swiping__top-wrapper .container::before {
	position: absolute;
	display: block;
	content: '';
	border: 2px solid #1d2965;
	border-radius: 50%;
	width: 1236px;
	height: 1236px;
	z-index: -1;
	bottom: 106px;
	left: calc(50vw - 618px)
}
#swiping__top-wrapper .container::after {
	position: absolute;
	display: block;
	content: '';
	border: 2px solid #1d2965;
	border-radius: 50%;
	width: 954px;
	height: 954px;
	z-index: -1;
	bottom: 245px;
	left: calc(50vw - 476px)
}
#swiping__top-wrapper h1 {
	font-size: 43px;
	font-weight: 400;
	line-height: 36px;
	font-family: Montserrat, sans-serif;
	padding-top: 4em
}
#swiping__info-section {
	height: 82vw;
	background: url(/images/src/swiping/swiping_info.png);
	background-size: 100%;
	background-repeat: no-repeat
}
.info-phone-bg .phone-img-width {
	position: absolute;
	width: 39.5vw;
	height: 39.5vw;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 2
}
.info-phone-img {
	position: relative
}
.solution-bg-img {
	position: absolute;
	top: -10rem;
	left: 4rem;
	width: 50%;
	height: auto
}
.hexagon {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	width: 138px;
	height: 79.67px;
	background-color: #fff;
	margin: 25px 7px;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
	transition: transform .3s ease-in-out, background-color .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.hexagon-wrapper {
	width: 26rem
}
.hexagon-1 {
	margin-top: 9rem
}
.hexagon-2 {
	margin-left: -1rem
}
.hexagon-3 {
	margin-top: 1.1rem;
	margin-left: .9rem
}
.hexagon:hover {
	-webkit-transform: scale(.92);
	-ms-transform: scale(.92);
	transform: scale(.92);
	background-color: #e5f6ff
}
.hexagon::after, .hexagon::before {
	content: "";
	position: absolute;
	z-index: 1;
	width: 97.58px;
	height: 97.58px;
	-webkit-transform: scaleY(.5774) rotate(-45deg);
	-ms-transform: scaleY(.5774) rotate(-45deg);
	transform: scaleY(.5774) rotate(-45deg);
	background-color: inherit;
	left: 20.2096px;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .2)
}
.hexagon::before {
	top: -48.7904px
}
.hexagon::after {
	bottom: -48.7904px
}
.hexagon span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 138px;
	height: 79.6743px;
	z-index: 2;
	background: inherit
}
.travel__div {
	background: url(/images/src/travel/travel_bg.png);
	background-size: cover;
	background-position: 50% 100vh
}
#travel__overview-img-section {
	position: relative
}
#travel__overview-img-section .overview__img::after {
	display: block;
	position: absolute;
	content: '';
	background: #97c65c;
	width: 432px;
	height: 432px;
	top: 176px;
	border-radius: 50%;
	z-index: -1;
	left: calc(50vw - 216px)
}
#travel__phone-section {
	position: relative;
	height: 85vw
}
#travel__phone-section .travel__demo-item-1 {
	position: absolute;
	display: block;
	left: 65.6vw;
	top: 13.4vw;
	background-size: cover;
	width: 37.2vw;
	height: 46.8125vw;
	background-image: url(/images/src/travel/travel_demo_1.png)
}
#travel__phone-section .travel__demo-item-2 {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	background-size: cover;
	width: 37.2vw;
	height: 46.8125vw;
	background-image: url(/images/src/travel/travel_demo_2.png)
}
#travel__phone-section .travel__demo-item-3 {
	position: absolute;
	display: block;
	left: -11.1vw;
	top: 28vw;
	background-size: cover;
	width: 37.2vw;
	height: 46.8125vw;
	background-image: url(/images/src/travel/travel_demo_3.png)
}
#travel__phone-section .travel__demo-item-4 {
	position: absolute;
	display: block;
	left: 31.4vw;
	top: 1.6vw;
	background-size: cover;
	width: 37.2vw;
	height: 46.8125vw;
	background-image: url(/images/src/travel/travel_demo_4.png)
}
#travel__phone-section .travel__demo-item-5 {
	position: absolute;
	display: block;
	right: 39.7vw;
	top: 34.8vw;
	background-size: cover;
	width: 37.2vw;
	height: 46.8125vw;
	background-image: url(/images/src/travel/travel_demo_5.png)
}
#travel__phone-section .travel__demo-item-6 {
	position: absolute;
	display: block;
	right: 15vw;
	top: 38.5vw;
	background-size: cover;
	width: 37.2vw;
	height: 46.8125vw;
	background-image: url(/images/src/travel/travel_demo_6.png)
}

@media (min-width: 980px) and (max-width: 1200px) {
	section#swiping__top-wrapper {
	    height: 830px !important;
	}
}


@media screen and (max-width:768px) {
	#swiping__top-wrapper {
		position: relative
	}
	#swiping__top-wrapper h1 {
		padding-top: 1.5em!important
	}
	#swiping__top-wrapper .container::after {
		position: absolute;
		display: block;
		content: '';
		border: 2px solid #1d2965;
		border-radius: 50%;
		width: 72vw;
		height: 72vw;
		z-index: -1;
		top: -20vw;
		bottom: auto;
		left: calc(14vw);
		opacity: .5
	}
	#swiping__top-wrapper .container::before {
		width: 90vw;
		height: 90vw;
		z-index: -1;
		bottom: auto;
		border: 1px solid #1d2965;
		left: calc(5vw);
		opacity: .8;
		top: -29vw
	}
	#travel__overview-img-section img {
		width: 60%
	}
	#travel__overview-img-section .overview__img::after {
		width: 280px;
		height: 280px;
		top: 110px;
		border-radius: 50%;
		z-index: 1;
		left: calc(50vw - 140px);
		z-index: -1
	}
	#travel__solution-section .about__row>.col-md-6:nth-child(1) {
		margin-bottom: 2em
	}

}
.about__row h3 {
	font-family: Montserrat, sans-serif;
	font-size: 43px;
	font-weight: 400;
	letter-spacing: 0;
	background-image: url(../../images/case-studies/square_big_grey.png);
	background-position: px 0;
	background-repeat: no-repeat;
	padding: .4em .6em
}
.travel__top-img {
	width: 70%;
}
@media screen and ( max-width: 768px) {
	.travel__top-img {
		width: 100%;
	}
	#swiping__top-wrapper {
		height: 90vh;
	}
}
/* hexagon */
.hexagon-new-wrp {
	width: 100%;
}
.travel__overview-circle {
	z-index: 1;
}
#travel__overview-img-section .overview__img::after {
	z-index: 0;
}
@media screen and ( min-width: 1199px) {
	.hexagon-new:nth-child(4) {
		margin-top: 2.8em;
		margin-left: 4.8em;
	}
	.hexagon-new:nth-child(5) {
		margin-top: 2.8em;
	}
}
@media (min-height: 1366px) and ( max-width: 1024px ) {
	.hexagon-new:last-child {
		margin-left: 0em!important;
	}
	.hexagon-new-wrp {
		justify-content: center;
	}
}
@media (min-height: 991px) and (max-width: 768px) {
	.hexagon-new:nth-child(4) {
		margin-top: 0em!important;
	}
	.hexagon-new-wrp {
		width: 40em!important;
		margin-left: -3em!important;
	}
}
@media screen and ( max-width: 768px) {
	.hexagon-new-wrp {
		-webkit-box-pack: center;
		justify-content: center;
		font-size: 2.8vw;
    	margin: 0 auto;
	}
	.hexagon-new:nth-child(4),
	.hexagon-new:nth-child(5) {
		margin-top: 2.8em;
	}
	#swiping__top-wrapper .container::before {
		width: 700px;
		height: 700px;
		border-width: 2px;
		bottom: 106px;
		left: calc(50vw - 350px);
		top: 10vw;
	}
	#swiping__top-wrapper .container::after {
		width: 480px;
		height: 480px;
		border-width: 2px;
		bottom: 245px;
		left: calc(50vw - 240px);
		top: 25vw;
	}
}
@media screen and ( max-width: 405px ) {
	#swiping__top-wrapper {
		height: 80vh;
	}
	#swiping__top-wrapper .container::before {
		width: 90vw;
		height: 90vw;
		left: calc(5vw);
		top: -29vw;
		bottom: auto;
	}
	#swiping__top-wrapper .container::after {
		width: 72vw;
		height: 72vw;
		top: -20vw;
		left: calc(14vw);
		bottom: auto;
	}
}
/* New CSS code copied from <style> */
#swiping__top-wrapper {
	height: 165vh;
}
.top__wrapper-div {
	position: absolute!important;
		left: 5%;
		right: 5%;
		bottom: 0%;
}
.case__studies-list {
	padding-left: 0em;
}
.hexagon-new:nth-child(4) {
	margin-top: 0em;
	margin-left: 0em;
}
.hexagon-new:last-child {
	margin-left: 5em;
}
@media screen and ( max-width: 2560px ) {
	#swiping__top-wrapper {
		height: 145vh;
	}
	.travel__top-img {
		width: 55%;
	}
}
@media screen and ( max-width: 2000px ) {
	#swiping__top-wrapper {
		height: 135vh;
	}
}
@media screen and ( max-width: 1900px ) {
	#swiping__top-wrapper {
		height: 130vh;
	}
}
@media screen and ( max-width: 1800px ) {
	#swiping__top-wrapper {
		height: 130vh;
	}
}
@media screen and ( max-width: 1700px ) {
	#swiping__top-wrapper {
		height: 140vh;
	}
	.travel__top-img {
		width: 75%;
	}
}
@media screen and ( max-width: 1600px ) {
	#swiping__top-wrapper {
		height: 1000px;;
	}
	#swiping__top-wrapper h1 {
		padding-top: 0em;
	}
}
@media screen and ( max-width: 1024px ) {
	#swiping__top-wrapper {
		height: 115vh;
	}
	#travel__overview-img-section img {
		width: 30%!important;
	}
	#swiping__top-wrapper .container {
		clip-path: none;
		-webkit-clip-path: none;
	}
}
@media screen and ( max-width: 850px ) {
	#swiping__top-wrapper {
		height: 850px;
	}
	#swiping__top-wrapper h1 {
		padding-top: 1em;
	}
	#travel__overview-img-section .overview__img::after {
		top: 50px;
	}
	.hexagon-new:last-child {
		margin-top: 3em;
	}
	.hexagon-new:nth-child(4) {
		margin-top: 0.25em;
		margin-left: 0.5em;
	}
}
@media screen and ( max-width: 768px ) {
	#swiping__top-wrapper {
		height: 800px;
	}
	#swiping__top-wrapper h1 {
		font-size: 41px;
	}
	#travel__overview-img-section img {
		width: 30%!important;
	}
	#swiping__top-wrapper > .container,
		#swiping__top-wrapper > .container > .row,
		#swiping__top-wrapper > .container > .row > .col-md-12 {
			height: 100%!important;
		}
		#swiping__top-wrapper > .container > .row {
			padding-top: 0em;
		}
		.travel__top-img {
			width: 100%;
		}
		#travel__overview-section .container {
			padding-top: 0em!important;
		}
		#travel__phone-section .travel__demo-item-1,
		#travel__phone-section .travel__demo-item-2,
		#travel__phone-section .travel__demo-item-3,
		#travel__phone-section .travel__demo-item-4,
		#travel__phone-section .travel__demo-item-5,
		#travel__phone-section .travel__demo-item-6 {
			width: 45.2vw;
			height: 53.8125vw;
		}
		#travel__phone-section .travel__demo-item-6 {
			top: 48.5vw;
			right: 10vw;
		}
		#travel__phone-section .travel__demo-item-3 {
			left: -20.1vw;
		}
		#travel__phone-section .travel__demo-item-5 {
			right: 41.7vw;
			top: 46.8vw;
		}
	.breadcrumbs__row {
		position: absolute;
	}
	.solution__title {
		margin-top: 1em!important;
	}
	#travel__impact-section {
		margin-top: 1.5em!important;
	}
	.hexagon-new-wrp {
		transform: scale(0.7);
	}
	.hexagon-new:nth-child(4) {
		margin-top: 3em;
		margin-left: 0em;
	}
	.hexagon-new:last-child {
		margin-top: 3em;
		margin-left: 1em;
	}
	.hexagon-new:nth-child(2) {
		margin-left: 1em;
		margin-right: 1em;
	}
}
@media screen and ( max-width: 530px ) {
	#travel__overview-img-section img {
		width: 50%!important;
	}
	#swiping__top-wrapper {
		height: 100vh;
	}
	.hexagon-new:nth-child(4) {
		margin-top: 3em;
		margin-left: 0em;
	}
	.hexagon-new:last-child {
		margin-top: 3em;
		margin-left: 1em;
	}
	.travel__hero-description {
		width: 100%!important;
	}
}
@media screen and ( max-width: 400px ) {
	#swiping__top-wrapper {
		height: 690px;
	}
}
@media screen and ( max-width: 330px ) {
	#swiping__top-wrapper {
		height: 680px;
	}
	#swiping__top-wrapper h1 {
		padding-top: 2em!important;
		font-size: 40px;
	}
}