.home-banner{
	background-image: url('../../images/home-banner.svg');
	height: 424px;
	background-repeat: no-repeat;
	background-size: cover;
}

.constructionBanner{
	background-image: url('../../images/home-banner-2.svg');
	height: 320px;
	background-repeat: no-repeat;
	background-size: cover;
}

.download-app-bg{
	background-image: url('../../images/download-bg.svg');
	height: 600px;
	background-repeat: no-repeat;
	background-size: cover;
}

.materialBanner{
	background-image: url('../../images/home-banner-3.svg');
	height: 320px;
	background-repeat: no-repeat;
	background-size: cover;
}


.bannerSearchBg{
	background: rgba(255, 255, 255, 0.55);
	border-radius: 10px;
	padding: 20px;
}

.bannerTitle{
	font-size: 35px;
	line-height: 41px;
	color: #fff;
	font-weight: 500;
	text-align: center;
}

select {
	background: #FFFFFF;
	border-radius: 5px !important;
	height: 49px !important;
	color: #908686 !important;
	font-size: 16px !important;
	line-height: 19px !important;
	background-image: url('../../icons/dropdown.svg') !important;
}


.text {
	display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-weight: 400;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none;
    height: 49px;
    border-radius: 5px;
}

.form-selec{
	color: #908686 !important;
}

.btnHomeSearch{
	background: #4A53AA;
	border-radius: 5px;
	color: #fff;
	height: 49px;
}

.btnSeeMore{
	background: #4A53AA;
	border-radius: 5px;
	height: 49px;
	width:190px;
	color: #fff;
}

.buyProductCard{
	background: #FFFFFF;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	border-radius: 10px;}
	
.btnSeeMoreWhite{
	background: #FFFFFF;
	border-radius: 5px;
	height: 49px;
	width: 190px;
	color: #4A53AA;
}

.downloadDesc{
	font-size: 16px;
	line-height: 22px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    	
    .bannerSearchBg .row > [class*="col-"] {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 1rem;
    }
    
    .bannerSearchBg .row:last-of-type > [class*="col-"]:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
        
        
 }


@media (max-width: 767.98px) {
        .bannerSearchBg .row > div {
           margin-bottom: 15px !important;
       }
       
	.bannerSearchBg .row > [class*="col-"]:nth-child(-n+6):not(:nth-last-child(-n+2)),
       .bannerSearchBg .row:last-of-type > [class*="col-"]:nth-child(-n+6):not(:nth-last-child(-n+2)) { 
            margin-bottom: 15px !important;
       }
	
       
       .bannerSearchBg .row > div:nth-last-child(-n+2) {
           margin-bottom: 0 !important;
       }
    
    .bannerTitle {
       	font-size: 1rem !important;
       }
       
       .bannerSearchBg {
           margin-top:  0 !important;
       }
    
    .bannerSearchBg .form-select,
       .bannerSearchBg .text,
       .bannerSearchBg .btnHomeSearch {
           font-size: 14px !important;
       }
       
       .btnHomeSearch.fs-16 {
           font-size: 14px !important;
       }
    
}