.navbar-dark .header-navbar-brand .logo-dark {
    display: none;
}

.headroom--not-top .navbar-dark .header-navbar-brand .logo-dark {
    display: block;
}

.navbar-transparent.navbar-light .header-navbar-brand .logo-dark {
    display: none;
}
.navbar-transparent.headroom--not-top.navbar-light .header-navbar-brand .logo-dark {
    display: block;
}
.headroom--not-top .navbar-dark .header-navbar-brand .logo-light {
    display: none;
}

.navbar-light .header-navbar-brand .logo-light {
    display: none;
}
.navbar-transparent.navbar-light .header-navbar-brand .logo-light {
    display: block;
}
.navbar-transparent.headroom--not-top.navbar-light .header-navbar-brand .logo-light {
    display: none;
}
.banner--clone .logo-light{
	display:none;
}
.logo-light{
	max-width:250px ;
}
.logo-dark{
	max-width:250px ;
}
.nav-link{
    padding: 1.8rem 1.2rem;
}
.login-btn {
    background-color: #df581e;
    color: #fff;
    padding: 10px;
    
    border-radius: 20px !important;
}

.btn-outline-danger {
    color: #df581e !important;
    border-color: #df581e !important;
}

.buttons{
	background-color: #df581e;
    color: #fff;
    /*padding: 5px 20px;*/
}
.rel-card {
    padding: 10px;
    background: #fff;
    border-radius: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-right: 10px;
}
.btn-primary{
	
  background-color: #df581e !important;	
  border-color: #df581e !important;	
}

.btn-outline-primary{
	
	border-color: #df581e !important;
	color:#df581e !important;
	
}

.btn-outline-danger:hover{
	
	background: #df581e !important;
	color:#fff !important;
	
}
.form-select {
    display: block;
    width: 100%;
    padding: 0.75rem;
    -moz-padding-start: calc(1rem - 3px);
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.7;
    color: #252525;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'%3e%3cpath fill='%2360697b' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 8px 8px;
    border: 1px solid rgba(8, 60, 130, .06);
    border-radius: 30px 30px 0 30px;
    box-shadow: 0 0 1.25rem rgba(30, 34, 40, .04);
    transition: border-color .15s 
ease-in-out, box-shadow .15s 
ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.text-gradient{
    background-color: var(--gradient-color-from);
    background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endColorStr='var(--gradient-color-to)',gradientType='1');
    background-color: initial;
    background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -o-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}
.pxl-item--rate {
    font-size: 50px;
    font-weight: 700;
    color: #df581e;
    line-height: 1;
    flex-grow: 1;
    text-align: center;

    background: linear-gradient(90deg, #fff 0%, rgba(var(--primary-color-rgb), .08) 50%, #fff 100%);
}

.btn-outline-primary:hover{
	
	border-color: #e52628 !important;
	color:#df581e !important;
	
}

.img-mask.mask-1 img {
    -webkit-mask-image: url(../img/svg/blob.svg);
    mask-image: url(../img/svg/blob.svg);
}
.img-mask img {
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: auto;
    width: 100%;
    max-width: 100%;
    -webkit-mask-size: auto auto;
}
/* home page style start */
.home-bg {
    background-image: url(/assets/img/home/banner-bg.png);
    background-size: cover;
    padding-bottom: 25px;
}
.banner-btn {
    color: #000;
    border: 2px solid #000;
}
.header-card{
	background-color:#fff;
	margin-top:10px;
	border-radius:15px;
	box-shadow:0 0 8px #c5c5c5;
}
.banner--stick .header-card{
	background-color:transparent;
	margin-top:10px;
	border-radius:0px;
	box-shadow:0 0 0 #000;
}
.effect-skew-rik {
    position: absolute;
    top: 15%;
    bottom: 25%;
    left: 55%;
    right: -45%;
    transform: skew(-20deg);
    border-radius: 65px 0px 0px 65px;
    pointer-events: none;
    box-shadow: inset black 0px 0px 18px -12px;
}
.service-bg {
    /* background-image: url('/assets/img/home/home-service-bg.png'); */
    background-size: cover;
    padding-bottom: 25px;
}
.service-bg .card{
	border-radius:50px;
   	box-shadow: 0 0 8px #c5c5c5;
}
#homeSlider .card{
	border-radius:30px;
}
.homeCalRetText {
    color: #ffffff;
    font-weight: 600;
    background: #df581e;
    border-radius: 50px;
    font-size: 13px;
}
/* home page style end */