body {
	container: body / inline-size;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	font-family: 'Poppins';
	letter-spacing: 0px;
	text-align: center;
	background-color: #fff;
	overflow: auto;
}



/* row-b */

.row-b {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: #fff;
	font-size: 14px;
}



/* btn-a */

.btn-a {
	width: 280px;
	min-height: 45px;
	display: flex;
	justify-content: center;
	gap: 7px;
	flex-shrink: 0;
	font-style: normal;
	letter-spacing: 0px;
	text-align: unset;
	padding: 0 10px;
	border-radius: 8px;
}

.btn-label {
	text-align: left;
}

.btn-icon {
	width: 13px; height: 10px;
	flex-shrink: 0;
}
/* end btn-a*/

/* end row-b*/


img.img-fluid.bookingThumb2 {
    max-width: 617px;
}

/* column-a */

.column-a {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.column-text1 {
	color: #212529;
	font-size: 17px;
	font-weight: 600;
	line-height: normal;
}
/* end column-a*/


.text-a {
	color: #2e3f47;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.867;
}

.graphic {
	margin-left: 2px;
	flex-shrink: 0;
	align-self: start;
}



/* column-b */

.column-b {
	margin-top: -6px; margin-bottom: -5px;
	display: flex;
	flex-direction: column;
	gap: 1px;
	flex-grow: 1;
	text-align: left;
}

.column-text3 {
	color: #212529;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
}

.column-text4 {
	color: #2e3f47;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.867;
}
/* end column-b*/




/* column-c */

.column-c {
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.column-text5 {
	color: #212529;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
}
/* end column-c*/


.text-b {
	margin-top: 1px;
	color: #212529;
	font-size: 17px;
	font-weight: 600;
}

.text-c {
	margin-top: 1px;
	font-size: 15px;
	line-height: 1.867;
}



/* btn-light */

.btn-light {
	min-height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	flex-shrink: 0;
	font-style: normal;
	letter-spacing: 0px;
	text-align: unset;
	background-color: #f6f7f9;
	padding: 0 7px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}
/* end btn-light*/


.circle-red-a {
	width: 5px; height: 5px;
	flex-shrink: 0;
	background-color: #c51d15;
	border-radius: 50%;
}

.label {
	text-align: left;
}



/* row-e */

.row-e {
	min-height: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-shrink: 0;
	background-color: #f6f7f9;
	padding: 0 9px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}
/* end row-e*/


.group {
	width: 44px;
	flex-shrink: 0;
	align-self: start;
}

.rect {
	width: 75px;
	background: linear-gradient(180deg, #e4e4e4 0%, #f8f8f8 100%) top left / auto auto no-repeat;
	border-radius: 6px;
}



/* circle-red-b */

.circle-red-b {
	position: relative;
	margin-top: 2px;
	width: 20px; height: 20px;
	flex-shrink: 0;
	background-color: #c51d15;
	border-radius: 50%;
}

.circle-red-graphic {
	position: absolute; top: 6px; left: 50%; 
	translate: -50% 0;
	width: 12px; height: 8px;
}
/* end circle-red-b*/


.header {
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.14);
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 25px;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	background-color: #fff;
	padding: 11px 24px;
}



/* row-a */

.row-a {
	margin-top: 10px;
	display: flex;
	align-items: flex-start;
	gap: 4px;
}

.row-text1 {
	text-align: left;
}

.row-group1 {
	margin-top: 8px;
	width: 8px; height: 5px;
	flex-shrink: 0;
}
/* end row-a*/


.header-text {
	margin-top: 10px;
	text-align: left;
}

.header-clip-path {
	margin-top: 5px;
	width: 196px;
	flex-shrink: 0;
}

.row1 {
	margin-left: 14px;
}

.row2 {
	margin-left: 257px;
}

.header-btn-right {
	margin-left: 18px;
	width: 84px;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
	color: #fff;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0px;
	text-align: center;
	background-color: #c51d15;
	padding: 10px;
	border-radius: 8px;
}

.subtitle {
	margin: 84px auto 0 auto;
	width: 90%;
	max-width: 658px;
	align-self: center;
	color: #212529;
	--min-font-size: 25; --max-font-size: 45; font-size: var(--interpolate);
	font-weight: 600;
	line-height: 1.222;
}

.text-channel1 {
	margin: 19px auto 0 auto;
	width: 90%;
	max-width: 688px;
	align-self: center;
	color: #2e3f47;
	--min-font-size: 15; --max-font-size: 16; font-size: var(--interpolate);
	font-weight: 400;
	line-height: 1.75;
}

.row4 {
	margin-top: 42px;
	align-self: center;
	font-weight: 600;
	line-height: normal;
}

.row4 .btn-red-left {
	align-items: center;
	background-color: #c51d15;
}

.row4 .btn-dark-right {
	align-items: center;
	background-color: #212529;
}

.subtitle-who-this-is {
	margin: 137px 24px 0 24px;
}

.text-designed-for {
	margin: -6px 24px 0 24px;
}

.row5 {
	margin-top: 30px;
	width: 100%;
	max-width: 1296px;
	display: flex;
	align-items: flex-start;
	gap: 15px;
	align-self: center;
}



/* card */

.card {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 19px;
	flex-grow: 1;
	text-align: left;
	background-color: #fff;
	padding-bottom: 25px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}
/* end card*/

.col-left1 {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 18px;
    flex-grow: 1;
    text-align: left;
    border: 1px solid #e5e5e5;
    padding: 34px 20px 0 20px;
}

.rect1 {
	position: absolute; top: 0; left: 0; right: 0; 
	background-color: #fff;
	border-radius: 5px;
}

.graphic-top {
	position: relative; z-index: 2;
	width: 46px; height: 46px;
	flex-shrink: 0;
	align-self: start;
}

.col4 {
	position: relative; z-index: 1;
	margin-right: 11px; margin-bottom: -2px;
}

.card1 {
	padding-left: 19px;
	padding-top: 29px;
	padding-right: 19px;
}

.card1 .card-graphic {
	margin-left: 0;
	width: 49px; height: 49px;
}

.card1 .col-bottom {
	margin-right: 10px;
}

.card2 {
	margin-left: 1px;
	padding-left: 18px;
	padding-top: 40px;
	padding-right: 17px;
}

.card2 .card-graphic {
	width: 46px; height: 38px;
}

.card-right1 {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 19px;
	flex-grow: 1;
	text-align: left;
	background-color: #fff;
	padding: 35px 12px 25px 19px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

.card-right-graphic {
	position: absolute; top: 44px; left: 43px; 
	width: 12px; height: 10px;
}

.card-right-group1 {
	position: relative; z-index: 1;
	width: 44px; height: 43px;
}

.row6 {
	margin-left: -4px; margin-top: 138px;
	width: 100%;
	max-width: 1292px;
	display: flex;
	align-items: flex-start;
	gap: 117px;
	align-self: center;
}

.col-left2 {
	container: col-left2 / inline-size;
	margin-left: -1px; margin-top: -12px;
	width: 90%;
	display: flex;
	flex-direction: column;
	gap: 31px;
	flex-grow: 1;
	text-align: left;
}



/* row-c */

.row-c {
	display: flex;
	align-items: flex-start;
}

.row-graphic {
	flex-shrink: 0;
}
/* end row-c*/




/* row-d */

.row-d {
	margin-left: 4px;
	display: flex;
	align-items: flex-start;
	align-self: start;
}

.row-group2 {
	flex-shrink: 0;
}
/* end row-d*/


.subtitle-the-challenge {
	margin-right: auto;
	width: 90%;
	max-width: 455px;
	align-self: start;
	color: #212529;
	font-size: 36px;
	font-weight: 600;
	line-height: 1.528;
}

.row7 {
	margin: 10px 7px 0 1px;
	display: flex;
	align-items: flex-start;
	gap: 17px;
}

.group-left {
	margin-top: 6px;
	width: 53px;
	flex-shrink: 0;
	background: url(../assets/group1.png) center / contain no-repeat;
	padding: 23px;
}

.circle-red1 {
	width: 6px; height: 6px;
	background-color: #c51d15;
	border-radius: 50%;
}

.col5 {
	margin-right: -7px;
}

.row8 {
	margin-left: 2px; margin-right: 21px;
	gap: 18px;
}

.row8 .row-graphic {
	margin-top: 19px;
	width: 51px; height: 38px;
}

.row8 .col1 {
	margin-right: -2px;
}

.row9 {
	gap: 20px;
}

.row9 .row-group2 {
	margin-top: 10px;
	width: 47px; height: 42px;
}

.row9 .col2 {
	margin: -6px -31px -5px 0;
	width: 410px;
	flex-shrink: 0;
	text-align: left;
}

.row10 {
	gap: 18px;
}

.row10 .row-group2 {
	margin-top: 9px;
	width: 49px; height: 50px;
}

.row10 .col2 {
	margin: -6px -11px -5px 0;
	width: 418px;
	gap: unset;
	flex-shrink: 0;
	text-align: left;
}

.row11 {
	margin-left: 1px; margin-right: 23px;
	gap: 15px;
}

.row11 .row-graphic {
	margin-top: 9px;
	width: 55px; height: 55px;
}

.row11 .col1 {
	margin-right: -4px;
	gap: unset;
}

.input-group-bottom {
	position: relative;
	margin-left: 1px; margin-top: 25px;
	min-height: 89px;
	flex-shrink: 0;
	color: #c51d15;
	font-size: 19px;
	font-weight: 500;
	line-height: normal;
}

.input-group-bottom-input {
	position: absolute; top: 0; left: 0; 
	width: calc(100% - 32px);
	max-width: 527px;
	font-style: normal;
	letter-spacing: 0px;
	text-align: left;
	background-color: rgba(197, 29, 21, 0.07);
	padding: 15px 37px 14px 37px;
	border: 1px solid rgba(197, 29, 21, 0.1);
	border-radius: 5px;
}

.input-group-bottom-rect {
	position: absolute; top: 0; left: 0; 
	width: 4px; height: 89px;
	background-color: #c51d15;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.graphic-right {
	margin-top: 114px;
	width: 110%; height: 517px;
	flex-grow: 1;
}

.subtitle-infrastructure {
	margin: 127px 24px 0 24px;
}

.row12 {
	margin-top: 35px;
	width: 100%;
	max-width: 1296px;
	display: flex;
	align-items: flex-start;
	gap: 15px;
	align-self: center;
	color: #2e3f47;
	font-weight: 400;
	line-height: normal;
}

.card-left {
	position: relative;
	min-height: 338px;
	align-items: flex-start;
	justify-content: center;
	gap: 10px;
	flex-grow: 1;
	text-align: left;
}

.card-left-graphic {
	position: absolute; z-index: 1; top: 46px; left: 40px; 
	width: 24px; height: 21px;
}

.card-left-graphic-top {
	margin-top: 1px;
	width: 40px; height: 45px;
	flex-shrink: 0;
}

.card-left-text1 {
	align-self: stretch;
}

.card-left-text2 {
	margin-left: 0;
	width: 100%;
	max-width: 335px;
}

.card-left-row {
	margin-top: 9px;
	display: flex;
	align-items: flex-start;
	gap: 9px;
	font-size: 12px;
}

.btn-light-left2 {
	width: 123px;
}

.row13 {
	width: 147px;
}

.card-left-row-bottom {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 12px;
}

.row14 {
	width: 143px;
}

.btn-light-right2 {
	width: 110px;
}

.card3 {
	min-height: 338px;
	justify-content: center;
	gap: 10px;
	flex-grow: 1;
	text-align: left;
}



/* row-f */

.row-f {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	align-self: start;
	font-size: 12px;
}
/* end row-f*/


.card-group {
	margin-top: 3px;
	height: 43px;
}

.card-text-booking-engine {
	margin-top: 0;
}

.card-text-fully-white {
	margin-right: 3px;
}

.row15 {
	margin-top: 9px;
}

.row15 .btn-light-left {
	width: 117px;
}

.row15 .btn-light-right {
	width: 109px;
}

.row16 .btn-light-left {
	width: 130px;
}

.row16 .btn-light-right {
	width: 120px;
}

.card-right2 {
	min-height: 338px;
	justify-content: center;
	gap: 10px;
	flex-grow: 1;
	text-align: left;
}

.card-right-group2 {
	margin-top: 1px;
	height: 45px;
}

.card-right-text-comprehensive {
	margin-right: 4px;
}

.card-right-row {
	margin-top: 9px;
	display: flex;
	align-items: flex-start;
	gap: 9px;
	align-self: start;
	font-size: 12px;
}

.btn-light1 {
	width: 87px;
}

.btn-light2 {
	margin-left: 1px;
	width: 95px;
}

.btn-light3 {
	width: 90px;
}

.btn-light-bottom {
	width: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	align-self: start;
	font-size: 12px;
	font-style: normal;
	letter-spacing: 0px;
	text-align: unset;
	background-color: #f6f7f9;
	padding: 6px 7px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

.btn-light-bottom-label {
	text-align: left;
}

.subtitle-integration {
	margin: 125px 24px 0 24px;
}

.text-from-api-keys {
	margin: 4px 24px 0 24px;
}

.row17 {
	position: relative;
	margin: 41px auto 0 auto;
	width: 90%;
	max-width: 1054px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	align-self: center;
	color: #c51d15;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.833;
}

.btn-b {
	position: relative;
	width: 84px; height: 84px;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
	font-style: normal;
	letter-spacing: 0px;
	text-align: center;
	background-color: #fff;
	padding: 16px 7px 11px 7px;
	border: 1px solid #c51d15;
	border-radius: 50%;
}

.line1 {
	position: absolute; top: 41px; left: 58px; right: 69px; 
	height: 0;
	border-top: 1px solid #c51d15;
}

.btn1 {
	z-index: 3;
}

.btn2 {
	z-index: 1;
}

.btn3 {
	z-index: 2;
}

.row18 {
	margin-left: -27px; margin-top: 19px;
	width: calc(100% - 173px);
	max-width: 1280px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 162px;
	align-self: center;
}



/* column-d */

.column-d {
	margin-top: -6px; margin-bottom: -5px;
	display: flex;
	flex-direction: column;
	gap: 13px;
	flex-shrink: 0;
	text-align: center;
}

.column-text6 {
	color: #212529;
	font-size: 17px;
	font-weight: 600;
	line-height: normal;
}
/* end column-d*/


.col-left3 {
	margin-top: 7px; margin-bottom: -2px;
	width: 323px;
	display: flex;
	flex-direction: column;
	gap: 7px;
	flex-shrink: 0;
	padding-top: 7px;
}

.row-top {
	position: relative;
	margin-left: 3px;
	width: 73px;
	min-height: 12px;
	flex-shrink: 0;
	align-self: center;
	color: #212529;
	font-size: 17px;
	font-weight: 600;
	line-height: normal;
	text-align: left;
}

.text-connect1 {
	position: absolute; top: -20px; left: -2px; 
}

.text-connect2 {
	position: absolute; top: -20px; left: -2px; 
}

.text-integrate {
	margin: 0 -1px -3px -2px;
}

.col6 {
	width: 325px;
}

.col-right1 {
	margin-left: 20px; margin-right: -4px;
	width: 279px;
}

.row19 {
	margin-left: -55px; margin-top: 135px;
	display: flex;
	align-items: flex-start;
	gap: 127px;
	align-self: center;
}

.col-left4 {
	margin-top: -11px;
	width: 575px;
	display: flex;
	flex-direction: column;
	gap: 7px;
	flex-shrink: 0;
	text-align: left;
}

.subtitle-a-model-that {
	width: 100%;
	max-width: 464px;
	align-self: start;
	color: #212529;
	font-size: 36px;
	font-weight: 600;
	line-height: 1.444;
}

.row20 {
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	margin-top: 15px;
	display: flex;
	align-items: flex-start;
	gap: 24px;
	background-color: #fff;
	padding: 18px 31px 19px 27px;
	border-radius: 5px;
}

.group1 {
	margin-top: 15px;
	width: 35px; height: 51px;
	flex-shrink: 0;
}

.col7 {
	margin-left: 0; margin-top: 0; margin-bottom: unset;
}

.group2 {
	position: relative;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	margin-top: 8px;
	background-color: #fff;
	padding: 22px 50px 15px 50px;
	border-radius: 5px;
}

.col8 {
	margin-left: auto;
	width: 100%;
	max-width: 438px;
}

.group3 {
	position: absolute; top: 38px; left: 23px; 
	width: 44px; height: 42px;
}

.group4 {
	position: relative;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	margin-top: 8px;
	background-color: #fff;
	padding: 22px 78px 15px 87px;
	border-radius: 5px;
}

.group5 {
	position: absolute; top: 36px; left: 23px; 
	width: 46px; height: 46px;
}

.graphic1 {
	position: absolute; top: 42px; left: 39px; 
	width: 12px; height: 10px;
}

.row-bottom1 {
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	margin-top: 8px;
	display: flex;
	align-items: flex-start;
	gap: 23px;
	background-color: #fff;
	padding: 19px 27px 19px 23px;
	border-radius: 5px;
}

.group6 {
	margin-top: 20px;
	width: 41px; height: 41px;
	flex-shrink: 0;
}

.col10 {
	margin-left: 0; margin-top: 0; margin-bottom: unset;
	gap: unset;
}

.col-right2 {
	position: relative;
	margin-top: 121px;
	width: 539px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	padding-bottom: 7px;
}

.rect2 {
	position: absolute; top: 215px; left: 274px; 
	height: 266px;
}

.rect3 {
	position: absolute; z-index: 3; top: 174px; left: 363px; 
	height: 307px;
}

.rect4 {
	position: absolute; top: 128px; left: 452px; 
	width: 74px; height: 353px;
}

.group7 {
	position: absolute; z-index: 4; top: 38px; left: 511px; 
	rotate: -134deg;
	transform-origin: 50% 50%;
	width: 18px; height: 18px;
}

.text-top1 {
	margin: 0 17px;
	min-height: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
	color: #2e3f47;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.429;
	text-align: right;
}

.col11 {
	position: relative; z-index: 3;
	margin: 21px 18px 0 9px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 7px;
	text-align: left;
	padding-top: 60px;
	padding-bottom: 70px;
}

.graphic2 {
	position: absolute; top: -1px; left: 0; right: 0; 
	height: 198px;
	max-width: none;
}

.text-top2 {
	position: relative; z-index: 1;
	color: #2e3f47;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.429;
}

.subtitle-bottom {
	position: relative; z-index: 2;
	margin-left: -2px;
	color: #c51d15;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.111;
}

.row21 {
	margin-left: 9px; margin-top: 4px;
	display: flex;
	align-items: flex-start;
	gap: 14px;
	align-self: start;
}

.rect5 {
	margin-top: 60px;
	width: 74px; height: 179px;
	flex-shrink: 0;
}

.rect6 {
	margin-top: 37px;
	height: 202px;
	flex-shrink: 0;
}

.rect7 {
	height: 236px;
	flex-shrink: 0;
}

.line2 {
	height: 0;
	flex-shrink: 0;
	border-top: 2px solid #2e3f47;
}

.row-bottom2 {
	margin-left: 9px; margin-top: 15px;
	display: flex;
	align-items: flex-start;
	gap: 48px;
	align-self: center;
	color: #c51d15;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.867;
}

.text-q {
	margin-top: -8px; margin-bottom: -7px;
	text-align: left;
}

.text3 {
	margin-left: -1px;
}

.text-q1 {
	margin-left: 21px;
}

.text-q2 {
	margin-left: 20px;
}

.text-q3 {
	margin-left: 19px;
}

.text-y2-q1 {
	margin-left: 10px;
}

.text-y2-q2 {
	margin-right: -1px;
}

.subtitle-why-reinvent {
	margin: 127px 24px 0 24px;
}

.group8 {
	position: relative;
	margin: 32px auto 0 auto;
	width: 90%;
	max-width: 1019px;
	min-height: 517px;
	flex-shrink: 0;
	align-self: center;
	color: #2e3f47;
	font-size: 15px;
	line-height: normal;
	text-align: left;
}



/* row-g */

.row-g {
	position: absolute; left: 296px; 
	opacity: 0.8;
	display: flex;
	align-items: flex-start;
	gap: 11px;
	font-weight: 400;
}

.row-group3 {
	margin-top: 7px;
	width: 10px; height: 10px;
	flex-shrink: 0;
}

.row-text3 {
	text-align: left;
}
/* end row-g*/




/* row-h */

.row-h {
	position: absolute; z-index: 4; left: 699px; 
	display: flex;
	align-items: flex-start;
	gap: 9px;
	color: #212529;
	font-weight: 400;
}

.row-text4 {
	text-align: left;
}
/* end row-h*/


.group9 {
	position: absolute; top: 0; left: 674px; 
	width: calc(100% - 32px);
	max-width: 345px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.429;
	letter-spacing: 0.7px;
	background-color: #c51d15;
	padding: 25px 140px 24px 25px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.rect8 {
	position: absolute; top: 0; left: 0; right: 0; 
	height: 69px;
	background-color: #c51d15;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.text-with {
	position: relative; z-index: 1;
	min-height: 20px;
	display: flex;
	align-items: center;
	text-transform: uppercase;
}

.card4 {
	position: absolute; z-index: 2; top: 69px; left: 674px; 
	width: calc(100% - 32px);
	max-width: 345px;
	display: flex;
	align-items: flex-start;
	gap: 9px;
	color: #212529;
	font-weight: 400;
	background-color: rgba(197, 29, 21, 0.05);
	padding: 400px 25px 25px 25px;
	border-top-right-radius: 5px;
}

.card-text {
	text-align: left;
}

.text-feature-metric {
	position: absolute; top: 25px; left: 0; 
	text-transform: uppercase;
}

.text-build-in-house {
	position: absolute; top: 25px; left: 296px; right: 598px; 
	min-height: 20px;
	display: flex;
	align-items: center;
	text-transform: uppercase;
}

.text-time-to-market {
	position: absolute; z-index: 3; top: 95px; left: 0; 
}

.text-initial-capital {
	position: absolute; top: 169px; left: 0; 
}

.text-channel2 {
	position: absolute; z-index: 2; top: 244px; left: 0; 
}

.text-maintenance {
	position: absolute; top: 318px; left: 0; 
}

.text-certification {
	position: absolute; z-index: 2; top: 394px; left: 0; 
}

.text-architecture {
	position: absolute; top: 469px; left: 0; 
}

.graphic3 {
	position: absolute; z-index: 2; top: 68px; left: 0; 
	width: calc(100% - 0px); height: 375px;
	max-width: 1019px;
}

.row22 {
	z-index: 2; top: 95px; 
}

.row22 .row-group3 {
	margin-top: 6px;
}

.row23 {
	z-index: 3; top: 169px; 
}

.row24 {
	z-index: 2; top: 244px; 
}

.row25 {
	z-index: 3; top: 318px; 
}

.row26 {
	z-index: 3; top: 394px; 
}

.row27 {
	top: 469px; 
}

.row28 {
	top: 95px; 
}

.row29 {
	z-index: 3; top: 169px; 
}

.row30 {
	top: 244px; 
}

.row30 .circle-red-left {
	margin-top: 1px;
}

.row31 {
	z-index: 3; top: 318px; 
	width: 217px;
	justify-content: space-between;
	gap: unset;
}

.row32 {
	top: 394px; 
	width: 216px;
	justify-content: space-between;
	gap: unset;
}

.row33 {
	margin: 139px auto 0 auto;
	width: 90%;
	max-width: 1044px;
	display: flex;
	align-items: flex-start;
	gap: 182px;
	align-self: center;
	color: #212529;
	font-size: 48px;
	font-weight: 800;
	line-height: 1;
}

._00-plus {
	margin-top: -5px; margin-bottom: -6px;
	min-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.title-500-plus {
	margin-left: 5px;
}

.title-10-plus {
	margin-left: 21px;
}

.row34 {
	margin: 20px auto 0 auto;
	width: 90%;
	max-width: 1080px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	align-self: center;
	color: #2e3f47;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.429;
	letter-spacing: 1.4px;
}

.text-d {
	margin: -5px 0;
	min-height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	text-align: center;
}

.text-active-channels {
	margin-left: 1px;
}

.col12 {
	margin-top: 140px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-weight: 600;
	line-height: normal;
	background-color: #f6f7f9;
	padding: 136px 24px 158px 24px;
}

.subtitle-ready-to-turn {
	min-height: 96px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: #212529;
	--min-font-size: 25; --max-font-size: 45; font-size: var(--interpolate);
	line-height: 1.244;
}

.text-join-50-plus {
	margin-top: 4px;
	min-height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: #2e3f47;
	--min-font-size: 15; --max-font-size: 17; font-size: var(--interpolate);
	font-weight: 400;
}

.row-bottom3 {
	align-self: center;
}

.row-bottom3 .btn-red-left {
	background-color: #c51d15;
}

.row-bottom3 .btn-red-left .btn-label {
	margin-top: 12px;
}

.row-bottom3 .btn-red-left .btn-icon {
	margin-top: 18px;
}

.row-bottom3 .btn-dark-right {
	background-color: #212529;
}

.row-bottom3 .btn-dark-right .btn-label {
	margin-top: 12px;
}

.row-bottom3 .btn-dark-right .btn-icon {
	margin-top: 18px;
}

.img-bottom {
	flex-shrink: 0;
}
/* css new */
span.text-channel1 {
    font-weight: 600;
}
span.pms-des {
	font-weight: 600;
}
span.hospitality-des{
	font-weight: 600;
}
span.service-des{
	font-weight: 600;
}

.img-fluid.bookingThumb1 {
    max-width: 100%;
    height: 600px;
    object-fit: cover;
    margin-top: -80px;
}

.mapping-land-content {
    margin-top: -80px;
}
/** breakpoints (margin / paddings) **/

@media screen and (max-width: 1280px) {
	.column-b {
		margin-inline: 0;
	}
	.text-c {
		margin-inline: 0;
	}
	.header {
		padding-inline: var(--margin-sm);
	}
	.row2 {
		margin-inline: 0;
	}
	.subtitle-who-this-is {
		margin-inline: var(--margin-sm);
	}
	.text-designed-for {
		margin-inline: var(--margin-sm);
	}
	.row9 .col2 {
		margin-inline: 0;
	}
	.row10 .col2 {
		margin-inline: 0;
	}
	.input-group-bottom-input {
		padding-inline: var(--margin-md);
	}
	.subtitle-infrastructure {
		margin-inline: var(--margin-sm);
	}
	.subtitle-integration {
		margin-inline: var(--margin-sm);
	}
	.text-from-api-keys {
		margin-inline: var(--margin-sm);
	}
	.row20 {
		padding-inline: var(--margin-sm);
	}
	.group2 {
		padding-inline: var(--margin-md);
	}
	.group4 {
		padding-inline: var(--margin-md);
	}
	.row-bottom1 {
		padding-inline: var(--margin-sm);
	}
	.text-top1 {
		margin-inline: 0;
	}
	.col11 {
		margin-inline: 0;
	}
	.row-bottom2 {
		margin-inline: 0;
	}
	.subtitle-why-reinvent {
		margin-inline: var(--margin-sm);
	}
	.group9 {
		padding-inline: var(--margin-sm);
	}
	.card4 {
		padding-inline: var(--margin-sm);
	}
	.col12 {
		padding-inline: var(--margin-sm);
	}
}

@media screen and (max-width: 576px) {
	.input-group-bottom-input {
		padding-inline: var(--margin-sm);
	}
	.group2 {
		padding-inline: var(--margin-sm);
	}
	.group4 {
		padding-inline: var(--margin-sm);
	}
}



/* container queries (flex rows) */

@container body (width < 569px) {
	.row-b {
		flex-direction: column;
		align-items: center;
		gap: 14px;
	}
}

@container body (width < 1407px) {
	.header {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
	.subtitle-who-this-is {
		margin-left: 0; margin-right: 0;
	}
	.text-designed-for {
		margin-left: 0; margin-right: 0;
	}
	.row6 {
		margin-left: 0; margin-right: 0;
	}
	.subtitle-infrastructure {
		margin-left: 0; margin-right: 0;
	}
	.subtitle-integration {
		margin-left: 0; margin-right: 0;
	}
	.text-from-api-keys {
		margin-left: 0; margin-right: 0;
	}
	.row18 {
		margin-left: 0; margin-right: 0;
	}
	.row19 {
		margin-left: 0; margin-right: 0;
	}
	.subtitle-why-reinvent {
		margin-left: 0; margin-right: 0;
	}
	.row33 {
		margin-left: 0; margin-right: 0;
	}
	.row34 {
		margin-left: 0; margin-right: 0;
	}
	.header > * {
		margin-left: unset !important; margin-top: unset !important;
		text-align: center;
	}
}

@container body (width < 1295px) {
	.row5 {
		flex-direction: column;
		align-items: center;
		gap: 30px;
	}
	.row5 > * {
		margin-left: unset !important;
	}
	.row5 .graphic-top {
		align-self: center;
	}
	.row5 > .col-left1 {
		width: 100%;
		align-items: center;
	}
	.row5 .card-graphic {
		align-self: center;
	}
	.row5 > .card1 {
		width: 100%;
		align-items: center;
	}
	.row5 .card-graphic {
		align-self: center;
	}
	.row5 > .card2 {
		width: 100%;
		align-items: center;
	}
	.row5 .card-right-group1 {
		align-self: center;
	}
	.row5 > .card-right1 {
		width: 100%;
		align-items: center;
	}
}

@container body (width < 1074px) {
	.row6 {
		flex-direction: column;
		align-items: center;
		gap: 100px;
	}
	.row6 > * {
		margin-left: unset !important; margin-right: unset !important; margin-top: unset !important;
		text-align: center;
	}
	.row6 .subtitle-the-challenge {
		align-self: center;
	}
	.row6 .row9 {
		align-self: center;
	}
	.row6 .row10 {
		align-self: center;
	}
	.row6 > .col-left2 {
		width: 100%;
		align-items: center;
	}
	.row6 > .graphic-right {
		width: 100%;
	}
}

@container col-left2 (width < 527px) {
	.row-c {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}
	.row-c > * {
		margin-right: unset !important; margin-top: unset !important;
		text-align: center;
	}
	.row-c > .col1 {
		width: 100%;
	}
}

@container col-left2 (width < 448px) {
	.row-d {
		margin-left: 0;
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}
	.row-d > * {
		margin-left: unset !important; margin-right: unset !important; margin-top: unset !important;
		text-align: center;
	}
	.row-d > .col2 {
		width: 100%;
		max-width: 410px;
	}
}

@container col-left2 (width < 527px) {
	.row7 {
		margin-left: 0; margin-right: 0;
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}
	.col-left2 > * {
		margin-left: 0; margin-right: 0;
	}
	.row7 > * {
		margin-right: unset !important; margin-top: unset !important;
		text-align: center;
	}
	.row7 > .col5 {
		width: 100%;
	}
}

@container body (width < 1295px) {
	.row12 {
		flex-direction: column;
		align-items: center;
		gap: 43px;
	}
	.row12 .card-left-text1 {
		align-self: center;
	}
	.row12 > .card-left {
		width: 100%;
		align-items: center;
	}
	.row12 .card-group {
		align-self: center;
	}
	.row12 .row15 {
		align-self: center;
	}
	.row12 .row16 {
		align-self: center;
	}
	.row12 > .card3 {
		width: 100%;
		align-items: center;
	}
	.row12 .card-right-group2 {
		align-self: center;
	}
	.row12 .card-right-row {
		align-self: center;
	}
	.row12 .btn-light-bottom {
		align-self: center;
	}
	.row12 > .card-right2 {
		width: 100%;
		align-items: center;
	}
	.row12 > .card-right2 > * {
		text-align: unset;
	}
}

@container body (width < 1320px) {
	.row18 {
		flex-direction: column;
		align-items: center;
		gap: 21px;
	}
	.row18 > * {
		margin-left: unset !important; margin-right: unset !important; margin-top: unset !important;
	}
	.row18 > .col-left3 {
		align-items: center;
	}
	.row18 > .col-left3 > * {
		text-align: unset;
	}
}

@container body (width < 1350px) {
	.row19 {
		flex-direction: column;
		align-items: flex-start;
		gap: 100px;
	}
	.row19 > * {
		margin-top: unset !important;
	}
	.row19 > .col-left4 {
		width: 100%;
		max-width: 575px;
	}
	.row19 > .col-right2 {
		width: 100%;
		max-width: 539px;
	}
}

@container body (width < 1107px) {
	.row33 {
		flex-direction: column;
		align-items: center;
		gap: 14px;
	}
	.row33 > * {
		margin-left: unset !important; margin-top: unset !important;
		text-align: center;
	}
}

@container body (width < 579px) {
	.row34 {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
	.row34 > * {
		margin-left: unset !important; margin-top: unset !important;
		text-align: center;
	}
}