.hotel_mapping_banner_sec{
    background: linear-gradient(0deg, #0052cc 20%, #2684ff 80%);
    width: 100%;
    padding: 70px 0;
}

.hotel_mapping_banner_sec .row{
    display:flex;
    align-items:center;
}

.hotel_mapping_banner_sec h1{
    font-size: 32px;
    color: #fff;
    font-family: source_sans_probold;
    margin: 0px 0px 10px;
}

.hotel_mapping_banner_sec h6{
    font-size: 18px;
    color: #fff;
    margin: 0px;
}

.hotel_mapping_solution_sec{
    padding:50px 0px;
}

.hotel_mapping_solution_sec h2{
    font-size: 2em;
    font-family: Lato-Black, Helvetica, Arial, sans-serif !important;
    color: #333;
    line-height: 1.2;
    margin: 0 0 25px;
    text-align: left;
}

.hotel_mapping_solution_sec p{
    font-size:14px;
    margin-bottom:15px;
}

.hotel_mapping_solution_sec p:last-child{
    margin-bottom:0px;
}

.hotel_mapping_work_sec{
    background-color:#f0f6fc;
    padding:50px 0px;
}

.hotel_mapping_work_sec h2{
    font-size: 2em;
    font-family: Lato-Black, Helvetica, Arial, sans-serif !important;
    color: #333;
    line-height: 1.2;
    margin: 0 0 25px;
    text-align: left;
}

.hotel_mapping_work_sec p{
    font-size:14px;
    margin-bottom:15px;
}

.hotel_mapping_work_sec p:last-child{
    margin:0px;
}

.hotel_mapping_work_sec ul{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

.hotel_mapping_work_sec ul li{
    font-size:14px;
    margin-bottom:10px;
    list-style-type:none;
    margin-left:0px;
}

.hotel_mapping_work_sec ul li:before{
    content: "\f058";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: 0;
    width: 1.1em;
    color: #0072cf;
    font-size: 22px;
    vertical-align: middle;
    text-indent: -2px;
}

.hotel_mapping_business_sec{
    padding:50px 0px;
}

.hotel_mapping_business_sec h2{
    font-size: 2em;
    font-family: Lato-Black, Helvetica, Arial, sans-serif !important;
    color: #333;
    line-height: 1.2;
    margin: 0 0 30px;
    text-align: center;
}

.hotel_mapping_business_sec ul{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

.hotel_mapping_business_sec ul li{
     font-size:14px;
    margin-bottom:10px;
    list-style-type:none;
    margin-left:0px;
}

.hotel_mapping_business_sec ul li:last-child{
    margin-bottom:0px;
}

.hotel_mapping_business_sec ul li:before{
    content: "\f058";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: 0;
    width: 1.1em;
    color: #0072cf;
    font-size: 22px;
    vertical-align: middle;
    text-indent: -2px;
}

.hotel_mapping_role_sec{
    background-color:#f0f6fc;
    padding:50px 0px;
}

.hotel_mapping_role_sec h2{
    font-size: 2em;
    font-family: Lato-Black, Helvetica, Arial, sans-serif !important;
    color: #333;
    line-height: 1.2;
    margin: 0 0 10px;
    text-align: center;
}

.hotel_mapping_role_sec .role_sec_div{
    display: flex;
    align-items: flex-start;
    margin-top: 25px;
}

.hotel_mapping_role_sec .role_sec_div .icon{
    min-height: 75px;
    min-width: 75px;
    background-color: #fff;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.hotel_mapping_role_sec .role_sec_div h4{
    font-size:18px;
    font-family:'source_sans_prosemibold';
    margin:0px 0px 5px;
}

.hotel_mapping_role_sec .role_sec_div p{
    font-size:14px;
    margin-bottom:0px;
}

.hotel_mapping_integration_sec{
    padding:50px 0px;
}

.hotel_mapping_integration_sec h2{
    font-size: 2em;
    font-family: Lato-Black, Helvetica, Arial, sans-serif !important;
    color: #333;
    line-height: 1.2;
    margin: 0 0 25px;
    text-align: left;
}

.hotel_mapping_integration_sec p{
    font-size: 14px;
    margin-bottom: 15px;
}

.hotel_mapping_integration_sec p:last-child{
    margin-bottom:0px;
}

.key_features_sec{
    padding:50px 0px;
}

.key_features_sec h2{
    font-size: 2em;
    font-family: Lato-Black, Helvetica, Arial, sans-serif !important;
    color: #333;
    line-height: 1.2;
    margin: 0 0 20px;
    text-align: left;
}

.key_features_sec p{
    font-size: 14px;
    margin-bottom: 15px;
}

.key_features_sec ul{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.key_features_sec ul li{
    font-size: 14px;
    margin-bottom: 10px;
    list-style-type: none;
    margin-left: 0px;
}

.key_features_sec ul li:last-child{
    margin-bottom:0px;
}

.key_features_sec ul li:before{
    content: "\f058";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: 0;
    width: 1.1em;
    color: #0072cf;
    font-size: 22px;
    vertical-align: middle;
    text-indent: -2px;
}

.hotel_mapping_benefits_sec{
    background-color:#f0f6fc;
    padding:50px 0px;
}

.hotel_mapping_benefits_sec h2{
    font-size: 2em;
    font-family: Lato-Black, Helvetica, Arial, sans-serif !important;
    color: #333;
    line-height: 1.2;
    margin: 0 0 10px;
    text-align: center;
}

.hotel_mapping_benefits_sec h6{
    font-size:1.2em;
    color:#666;
    font-family:Lato-Bold, Helvetica, Arial, sans-serif !important;
    text-align:center;
    margin:0px 0px 20px;
}

.hotel_mapping_benefits_sec .hm_benefits_div{
    background-color:#fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 5px 5px #ccc;
    text-align: center;
    padding: 15px;
    margin-top: 20px;
    min-height:215px;
}

.hotel_mapping_benefits_sec .hm_benefits_div .icon img{
    max-height:60px;
}

.hotel_mapping_benefits_sec .hm_benefits_div h4{
    font-size: 18px;
    font-family: 'source_sans_prosemibold';
    margin: 10px 0px;
}

.hotel_mapping_benefits_sec .hm_benefits_div p{
    font-size: 14px;
    margin-bottom: 0px;
}

.hotel_mapping_benefits_sec .row, .hotel_mapping_tool_sec .row, .hotel_mapping_eco_system_sec .row{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.hotel_mapping_tool_sec{
    padding:50px 0px;
}

.hotel_mapping_tool_sec h2{
    font-size: 2em;
    font-family: Lato-Black, Helvetica, Arial, sans-serif !important;
    color: #333;
    line-height: 1.2;
    margin: 0 0 10px;
    text-align: center;
}

.hotel_mapping_tool_sec .mapping_tool_div{
    background-color:#f1f1f1;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 5px 5px #ccc;
    text-align: center;
    padding: 15px;
    margin-top: 30px;
    min-height:180px;
}

.hotel_mapping_tool_sec .mapping_tool_div h4{
    font-size: 18px;
    font-family: 'source_sans_prosemibold';
    margin: 0px 0px 5px;
}

.hotel_mapping_tool_sec .mapping_tool_div p{
    font-size: 14px;
    margin-bottom: 0px;
}

.hotel_mapping_eco_system_sec{
    background-color:#f0f6fc;
    padding:50px 0px;
}

.hotel_mapping_eco_system_sec h2{
    font-size: 2em;
    font-family: Lato-Black, Helvetica, Arial, sans-serif !important;
    color: #333;
    line-height: 1.2;
    margin: 0 0 40px;
    text-align: center;
}

.hotel_mapping_eco_system_sec .eco_system_container{
    position:relative;
    margin:0 auto;
}


.hotel_mapping_eco_system_sec .eco_system_container .left{
    left:0;
}

.hotel_mapping_eco_system_sec .eco_system_container .right{
    left:50%;
}

.hotel_mapping_eco_system_sec .eco_system_container .eco_system_card_container {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;

}

.hotel_mapping_eco_system_sec .eco_system_container .left:before, .hotel_mapping_eco_system_sec .eco_system_container .right:before {
    content: " ";
    height: 0;
    position: absolute;
    width: 0;
    z-index: 1;
}

.hotel_mapping_eco_system_sec .eco_system_container .left:before {
    top: 19px;
    right: 30px;
    border: solid transparent;
    border-left: solid #b4d2ffbf;
    border-width: 10px 0 10px 10px;
}

.hotel_mapping_eco_system_sec .eco_system_container .right:before {
    top: 18px;
    left: 30px;
    border: solid transparent;
    border-right: solid #b4d2ffbf;
    border-width: 10px 10px 10px 0;
}



.hotel_mapping_eco_system_sec .eco_system_container .eco_system_card_container:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    right: -13px;
    background: linear-gradient(110deg, #E0F7FA, #f5e6b8, #f8d5ca);
    border: 3px solid #ffc355;
    top: 15px;
    border-radius: 50%;
    z-index: 2;
}

.hotel_mapping_eco_system_sec .eco_system_container:after{
    content: "";
    position: absolute;
    width: 6px;
    background: linear-gradient(120deg, #95b9ea, #f6e4ab, #e9bc8e);
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    z-index: 1;
}

.hotel_mapping_eco_system_sec .eco_system_container .right:after {
    left: -12px;
}

@media screen and (max-width:600px){
    .hotel_mapping_eco_system_sec .eco_system_container .left, .hotel_mapping_eco_system_sec .eco_system_container .right {
        left: 0;
    }
    
    .hotel_mapping_eco_system_sec .eco_system_container .left:after, .hotel_mapping_eco_system_sec .eco_system_container .right:after {
        left: 18px;
    }
    
    .hotel_mapping_eco_system_sec .eco_system_container:after {
        left: 31px;
    }
    
    .hotel_mapping_eco_system_sec .eco_system_container .eco_system_card_container {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }
    
    .hotel_mapping_eco_system_sec .eco_system_container .eco_system_card_container:before {
        left: 60px;
        border-width: 10px 10px 10px 0;
        border-color: transparent #b4d2ffbf transparent transparent;
    }
}


.hotel_mapping_eco_system_sec .eco_system_card{
    background-color:#fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 5px 5px #ccc;
    text-align: left;
    padding: 15px;
    display:flex;
    align-items:flex-start;
}

.hotel_mapping_eco_system_sec .eco_system_card  .icon{
    margin-right:15px;
}

.hotel_mapping_eco_system_sec .eco_system_card h4{
    font-size: 18px;
    font-family: 'source_sans_prosemibold';
    margin: 0px 0px 5px;
}

.hotel_mapping_eco_system_sec .eco_system_card p{
    font-size: 14px;
    margin-bottom: 0px;
}

.hotel_mapping_connection_sec{
    background: linear-gradient(0deg, #0072cf 20%, #2684ff 80%);
    padding: 50px 0px;
}

.hotel_mapping_connection_sec h2{
    color: #fff;
    text-align: center;
    margin: 0 0 10px;
    font-size: 2em;
    font-family: Lato-Black, Helvetica, Arial, sans-serif !important;
    line-height: 1.3;
}

.hotel_mapping_connection_sec h6{
    font-size: 18px;
    margin: 0 0 30px;
    font-weight: 300;
    color: #fff;
    line-height: 1.3;
    text-align: center;
}

.hotel_mapping_connection_sec .contact-btn{
    color: #fff;
    font-size: 18px;
    border: 1px solid #fff;
    padding: 10px 30px;
    display: inline-block;
    text-decoration: none;
}

@media screen and (max-width:767px){
    .hotel_mapping_banner_sec .row, .hotel_mapping_benefits_sec .row, .hotel_mapping_tool_sec .row, .hotel_mapping_eco_system_sec .row{display:block;}
    .xs-mb-3{
        margin-bottom:20px;
    }
    .hotel_mapping_benefits_sec .hm_benefits_div, .hotel_mapping_tool_sec .mapping_tool_div{min-height:auto;}
    
    .hotel_mapping_eco_system_sec .eco_system_card .icon img, .hotel_mapping_role_sec .role_sec_div .icon img{
        max-height:50px;
    }
    
    .hotel_mapping_role_sec .role_sec_div .icon{min-height:50px;min-width:50px;}
}

@media screen and (min-width:768px) and (max-width:991px){
    .sm-mb-3{
        margin-bottom:20px;
    }
    
    .hotel_mapping_benefits_sec .hm_benefits_div{min-height:195px;}
    
    .hotel_mapping_tool_sec .mapping_tool_div{min-height:140px;}
}

@media screen and (min-width:992px) and (max-width:1199px){
    .md-mb-3{
        margin-bottom:20px;
    }
    
    .hotel_mapping_tool_sec .mapping_tool_div{min-height:auto;}
}