body{
    font-family: 'Montserrat';
    color: #969696;
}
.icon-img{
    height: 62px;
    margin-top: -20px;
}

.logo-text{
    color: white;
    font-size: 42px;
    font-weight: 900;
    text-decoration: none;
}
.logo-text:hover{
    text-decoration: none;
    color:white;
}
.primary{
    color:#5845FF !important;
}
.secondary{
    color:#969696 !important;
}
.black{
    color:#272727;
}
.bg-gradient{
    
   background: linear-gradient(125deg, #00A09F, #5D4BFE);
}
.page-wrapper{
    height: 100%;
        margin-bottom: 20px;
            margin-top: 20px;
}

.main-header{
        padding-top: 20px;
    padding-left: 100px;
    padding-right: 100px;
	padding-bottom: 20px;
}
.main-footer{
        padding-top: 40px;
        padding-bottom: 40px;
    bottom: 0;
}
.atag{
	color:#969696 !important;
	font-family: 'Montserrat', sans-serif;
	font-size:19px;
}
.atag:hover{
	color:#0018A0 !important;
	text-decoration: none;
}
.search-form-card{
           margin: auto;
    background-color: white;
    border-radius: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 4%;
    padding-right: 4%;
    width: 76%;
    margin-left: 14%;
    margin-right: 40px;
}
.search-form-group{

}
.search-form-input{
    height: 40px;
    border-radius: 20px;
    border: none;
    background: #e9ecef;
    width: 100%;
    padding: 15px;
    color: #969696;
}
.marker-icon{
    color: #969696;
    position: absolute;
    right: 30px;
    top: 10px;
}
.btn-bg{
    background-color: #5845FF;
    color: white;
}
.btn-pill{
    border-radius: 20px;
    padding: 0.200rem .75rem;
    width: 100%;
}
.site-title{
    color: white;
    font-weight: 900;
}
.title-icon{
    color:#49C300;
}
.breadcrumbs{
        display: flex;
    margin: 10px;
    color: white;
    width: 100% !important;
    font-weight: 700;
}
.breadcrumbs>p{
    margin-left: 2px;
}
.footer-text{
    font-weight: 700;
    color: white;
}
.section-title{
    font-weight: 800;
    color: black !important;
}
.location-card-container{
    display: flex;
    flex-wrap: wrap;
}
.location-card{
   border-radius: 25px;
    box-shadow: 2px 2px 5px 0px grey;
    height: 135px;
    padding: 24px;
    text-decoration: none;
    color:black;
    width:33.33%;
}
.location-card-icon{
color:#5845FF;
    font-size: 36px;
}
.location-card-title{
        font-weight: 800;
    font-size: 24px;
}

.map-card-title{
        font-weight: 800;
    font-size: 19px;
    color:#272727;
}
.map-card-subtitle{
        font-weight: 800;
    font-size: 28px;
}
.location-card:active,.location-card:hover{
    color:#5845FF;
    text-decoration: none;
}
.map-card{
	margin-top:20px;
    box-shadow:6px 0px 18px 0px rgb(0 0 0 / 3%);
    border-radius: 20px;
    text-align: center;
	padding:5px;
}
.weather-card{
    height: 100%;
    box-shadow: 6px 0px 18px 0px rgb(0 0 0 / 5%);
    border-radius: 16px;
    flex: 0 0 50% !important;
    max-width: 41% !important;
    /* margin: 1% !important; */
    text-align: center;
    padding: 20px;
}
.weather-card-img{
    height: 161px;
    width: 161px;
}
.weather-card-header{
    text-align:center;
    border-bottom: 1px solid #DADADA;
}
.weather-card-title{
font-size: 17px;
font-weight: 900;
}
.weather-card-headline{
font-size: 38px;
font-weight: 900;
}
.weather-card-header>.title{
/* font-size:32px; */
/* font-weight: 900; */
}
.weather-card-header>.subtitle{
    font-size:17px;
}
.map-div{
    border-radius: 20px;
    height: 100%;
    box-shadow:6px 0px 18px 0px rgb(0 0 0 / 5%);
}
.page-description{
    font-size: 24px;
}
.margins-y{
    margin-top: 10px;
    margin-bottom: 10px;
}
.col-2-5{
    width:20% !important;
}

    .hotel-slider{
        display: flex;
        padding: 10px;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
.hotel-slide{
    height: 100%;
    border-radius: 25px;
    box-shadow:6px 0px 18px 0px rgb(0 0 0 / 5%);
    padding: 0px;
    width: 33.33%;
    margin:1%;
    color:black;
    flex-shrink: 0;
}
.slide-img{
    height: 260px;
    width: 100%;
    border-radius: 25px;
}
.slide-content{
    padding: 20px;
}
.slide-icon{
font-size: 38px;
}
.slide-title{
    font-size: 17px;
}
.slide-price{
    font-size: 38px;
}
/* width */
.location-card-container::-webkit-scrollbar,.hotel-slider::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #5845FF; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #5845FF; 
}
@media only screen and (max-width:768px){
    .weather-card{
    height: 100%;
    box-shadow:6px 0px 18px 0px rgb(0 0 0 / 5%);
    border-radius: 16px;
    flex: 0 0 99% !important;
    max-width: 99% !important;
    margin: 1% !important;
    text-align: center;
    padding:20px;
}

    .location-card-container{
        display: flex;
        padding: 10px;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .location-card{
        height: 100%;
        padding: 20px;
        width: 100%;
  flex-shrink: 0;
    }
.hotel-slide{
    height: 100%;
    border-radius: 25px;
    box-shadow:6px 0px 18px 0px rgb(0 0 0 / 5%);
    padding: 0px;
    width: 49%;
    margin:1%;
    color:black;
    flex-shrink: 0;
}
.slide-img{
    height: 190px;
    width: 100%;
    border-radius: 25px;
}
.slide-content{
    padding: 20px;
}
.slide-icon{
font-size: 24px;
}
.slide-headline{
    font-weight: 800;
    color: black !important;
    font-size: 24px;
}
.slide-title{
    font-size: 17px;
}
.slide-price{
    font-size: 24px;
}
    .location-card-icon{
        font-size: 24px;
    }
    .location-card-title{
        font-size: 16px;
    }
    .map-card-icon{
    font-size: 24px;
    }
    .map-card-title{
        font-size: 16px;
    }
}
@media only screen and (max-width:425px){
    .site-title{
        text-align:center !important;
    }
	.logo-img{
	width:100% !important;
}
    .main-header{
        padding-left: 0px;
        padding-right: 0px;
    }
    .search-form-group {
        margin-top: 10px;
    }
    .col-2-5{
        width:33.33% !important;
    }
}
/*


ICONS


*/
.map-icon-waypoint{
        width: 100%;
    display: block;
    height: 48px;
    margin-left: -20px;
    text-decoration: none;
    text-align: center;
}
.map-icon-waypoint::before{
    content: '';
    background: url(https://www.distancial.com/Assets/Pics/waypoint.png);
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.map-icon-waypoint-2{
        width: 100%;
    display: block;
    height: 48px;
    margin-left: -20px;
    text-decoration: none;
    text-align: center;
}
.map-icon-waypoint-2::before{
    content: '';
    background: url(https://www.distancial.com/Assets/Pics/waypoint-2.png);
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.map-icon-car{
        width: 100%;
    display: block;
    height: 48px;
    margin-left: -20px;
    text-decoration: none;
    text-align: center;
}
.map-icon-car::before{
    content: '';
    background: url(https://www.distancial.com/Assets/Pics/car.png);
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.map-icon-bicycle{
        width: 100%;
    display: block;
    height: 48px;
    margin-left: -20px;
    text-decoration: none;
    text-align: center;
}
.map-icon-bicycle::before{
    content: '';
    background: url(https://www.distancial.com/Assets/Pics/bicycle.png);
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.map-icon-stock{
        width: 100%;
    display: block;
    height: 48px;
    margin-left: -20px;
    text-decoration: none;
    text-align: center;
}
.map-icon-stock::before{
    content: '';
    background: url(https://www.distancial.com/Assets/Pics/stock.png);
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.map-icon-petrol{
        width: 100%;
    display: block;
    height: 48px;
    margin-left: -20px;
    text-decoration: none;
    text-align: center;
}
.map-icon-petrol::before{
    content: '';
    background: url(https://www.distancial.com/Assets/Pics/petrol.png);
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
/* END ICONS */