/**********************************/
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--bs-btn-active-color) !important;
    background-color: var(--bs-btn-active-bg) !important;
    border-color:transparent !important;
}
.go-back { width: 32px; height: 32px;}
/***************** TopBar***********/
header#headz0 { background: #FFF;}
.top-bar { 

background-color: #87786C;
color: #FFFFFE;
font-family: Tajawal;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 20px */
}
.mob-v-log.show { position: relative}
.hi{padding-top: 0px !important;}
.top-bar .dropdown, .top-bar .logino { margin-left: 2rem; display: flex; align-items: center;}
.logino ,.cart0 {position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;}
.logino .dropdown-toggle{
	padding-left: 16px; 
	color: #FFFFFE !important;
font-family: Tajawal;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 100%;
text-decoration: none;}
.logino .dropdown-toggle::after {
    display: none;
}
.logino .dropdown-menu[data-bs-popper] {
    border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.16);
	background: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	    padding: 16px;
}
.log-1,.log-2 {
display: block;
    width: 100%;
    padding: 16px 16px;
    clear: both;
    color: #87786C;
    text-align: right;
    font-family: Tajawal;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    border-radius: var(--bs-dropdown-item-border-radius, 0);
padding-bottom: 16px;}
.dropdown-item:hover, .dropdown-item:focus {
    color:#F26530;
    background-color: transparent!important;
}
.log-2 { border-bottom: none;padding-bottom: 0px;}
.bi-box-arrow-right {font-size: 23px;padding-right: 10px;}
.profilo { color: #fff; text-decoration: none;}
.logino i {font-size: 32px;}
.icozo i {font-size: 28px;color: #87786C;padding-right: 8PX;padding-top: 5px;}
.dropdown input {background-color: #fff;width: 40px; height: 40px;border-radius: 50% !important;border:none;font-size:22px; border-style: solid;color: #87786C;padding-top: 5px;}
.mob-sec input { background: #ffffff; border-style: hidden;box-shadow: none !important; color: #87786C; font-size: 22px;}
.dropdown input:hover, .dropdown input:focus { background-color: #fff;color: #F26530;border: 1px solid #F26530;}
span.icozo{display: inline-flex;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
margin-right: 16px;}
.cart0 .bi-cart-fill { fill: #87786C !important;color: #87786C !important;}
.cart0 .bi-cart-fill::before { padding: 2px 0px;}
.t-d-menu{ min-width: 75px;}
.top-bar .container {
    justify-content: flex-end;
}
.btn-lang::after {
    display:none;
}
/*******************Menu******************/
.fast-don { width: auto !important;}
.mob-fast-button { display: none;}
.fst-drop{left: 0;}
.togaz{
border-radius: 16px !important;
padding: 12px 32px;
background: #F26530;
color: #FFF;
font-size: 24px !important;
font-style: normal;
font-weight: 500;
line-height: normal;
text-decoration: none;}
.togaz:hover{background-color: #DF491B !important;color: #FFF;}
.togaz:active, .togaz:focus{background-color: #DF491B !important;color: #FFF !important;}
.togaz:active::after, .togaz:focus::after{ border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
    border-top: 0;
    border-right: 0.3em solid transparent;}
.togaz::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-left: 0.3em solid transparent;
    border-bottom: 0;
    border-right: 0.3em solid transparent;
}
.iov{position: absolute;
    left: 4.8%;
    width: 575px;
	top: 89%;
	border-radius: 18px;
	border: 1.6px solid #FFF8F6;
	background: linear-gradient(180deg, #FFF8F6 0%, #FFF8F6 156.08%);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
	z-index: 1022;
	    padding: 44px 0px 0px 0px;
}
.tab-one {
    margin-bottom: 5px;
}
.othez { position: relative}
.othez span { position: absolute; }
#collapse-don .nav-link{
	border-radius: 12px;
	padding: 16px 10px;
	border: 1px solid rgba(242, 101, 48, 0.27);
	background: #FFF;
	min-width: 230px;
	text-align: center;
	
}
.input-currenz { display: list-item;width: auto;list-style: none;padding: 0px;}
.currenz { position: absolute;left: 25px;top: 20px;}
.like-button-reg{
padding: 14.4px 0px;
border-radius: 14.4px;
background: var(--primary, #F26530);
color: var(--white, #FFF);
text-align: center;
font-size: 28.8px;
font-style: normal;
font-weight: 700;
line-height: 152.9%;
width: 100%;
border:0px;
cursor: pointer}
.like-button-reg:hover,.like-button-reg:active,.like-button-reg:checked {
background: var(--on_hover);
color: var(--white, #FFF) !important;}
#collapse-don .nav-item{padding: 0px 16px;}
#collapse-don .nav-link.active, .nav-pills .show > .nav-link {
    border: 1px solid rgba(242, 101, 48, 0.27);
	background: #F26530;
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 152.9%; /* 36.696px */
	padding: 13px 10px;
}
#collapse-don .tab-content { border-top: 1px rgba(135, 120, 108, 0.16) solid;}
#pills-tab {    margin-bottom: 2rem !important;}
.don-tabs .all-formo{margin-top: 0px;padding: 0px;}
.don-tabs  .has-float-label label, #pills-home .has-float-label>span{
	color: var(--secondary, #87786C);
	text-align: right;
	font-family: Tajawal;
	font-size: 21.6px;
	font-style: normal;
	font-weight: 700;
	line-height: 152.9%; /* 33.026px */
	text-transform: capitalize;

}
.bonmb {margin-top: 44px; margin-bottom: 31.5px}
.don-tabs  .form-control {
    color: var(--tertiary, #6C727F);
	text-align: right;
	font-family: Tajawal;
	font-size: 21.6px;
	font-style: normal;
	font-weight: 500;
	line-height: 152.9%; /* 33.026px */
	text-transform: capitalize;
	border-radius: 11.217px;
	border: 1.402px solid #E6E1DE;
	background: var(--white, #FFF);
	box-shadow: 0px 2.80421px 2.80421px 0px rgba(0, 0, 0, 0.05);
}
.btn-fast-prj{
border-radius: 5.938px;
border: 1.485px solid var(--primary, #F26530);
background: var(--white, #FFF);
color: var(--primary, #F26530);
text-align: center;
font-family: Inter;
font-size: 28.8px;
font-style: normal;
font-weight: 700;
line-height: 152.9%; /* 44.035px */
text-transform: capitalize;	
margin-left: 12px;	
padding: 5.938px;	
}
.btn-fast-prj:hover,.btn-fast-prj:checked, .btn-fast-prj:focus, .btn-fast-prj:active, .btn-fast-prj:visited{background: #DF491B !important;color: #ffffff;}
.active_buttonz{background: #DF491B !important;color: #ffffff !important;}
.fast-fam {
padding: 0px 14px;
display: flex;
 flex-wrap: wrap;
align-items: center;
justify-content: space-between;
position:relative}
.fast-fam button { 
	display: list-item;
	width: auto;
	min-width: 65px;
}
.don-other-fast {
    display: inline-block;
	color: var(--tertiary, #6C727F);
	text-align: center;
	font-family: Tajawal;
	font-size: 21.6px;
	font-style: normal;
	font-weight: 500;
	line-height: 152.9%; /* 33.026px */
	text-transform: capitalize;
    padding: 0.375rem 0.75rem;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ma-44 { margin-top: 44px;}
.pa-32 { padding: 32px 0px;}
.pa-b-32 { padding-bottom: 32px;}
.time-don-fast { width: 32.5% !important;}

/***** BreadCumb ******/
#main_navbar{box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);}
.bredz { height: 57px;background-color: #FFFF;padding-top: 16px;}
.breadcrumb { margin-bottom: 0px;}
.breadcrumb-item a { color: #6C727F; text-decoration: none;}
.breadcrumb .active { color: #685A4D; font-weight:700;}
/****** header ********/
.head-bg-cont{margin-left: 15px; margin-right: 15px;}
.head-bg{background: url(../img/bg.jpg) no-repeat center right ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 887px;}

.navbar-toggler { border: 0px!important; right: 2%;position: absolute;}
.badge {
	width: 13px;
	height: 13px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
	    padding-left: 12px;
    padding-bottom: 14px;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}
#lblCartCount {
	position: absolute;
    background: #F26530;
    color: #FFF;
	text-align: right;
	font-family: Tajawal;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
    vertical-align: top;
    margin-right: -40px; 
}
.mob-sec {display: none;}
.mob-sec ul{
   position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	justify-content: space-evenly;
list-style: none;}
.mob-sec ul li {
    margin-top: 0px;
    padding-left: 15px;
}
.mob-sec ul li i { color: #87786C;    margin-top: 5px;font-size: 24px;margin-left: 4px;}
/********** Fast Donate**********/
#fast-dona .family_breakfast_btn a.like-button {width:100%;}
.togaz-mob { display: none }
.f-don-tit {position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	padding: 24px;
    }
#fast-dona .family_breakfast_btn button.like-button {
    background: #F26538 !important;
    width: 100%;
    margin-left: 1%;
    border: 0px;
    padding: 9px 0;
    border-radius: 10px;
    color: var(--white, #FFF);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Tajawal;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 152.9%;
    text-transform: capitalize;
}
.f-don-tit h2{ margin: auto;color: var(--secondary, #87786C);
text-align: right;
font-family: Tajawal;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 152.9%; /* 27.522px */
text-transform: capitalize;}
.f-don-tit i{position: relative;
    display: flex;
    float: right;
    margin-right: 0px;
    right: 0;color: #6C727F;}
#f-don-page .card-body{ border: 0px; background-color:#FFF8F6; padding: 32px 16px; }
#f-don-page .card-body ul{ padding-bottom: 24px; }
#f-don-page .nav-link.active, .nav-pills .show > .nav-link {
    border: 1px solid rgba(242, 101, 48, 0.27);
    background: #F26530;
   color: #FFF;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 152.9%; /* 24.464px */
    padding: 13px 10px;	
}
#pills-home-tab2 {border-radius: 0px 12px 12px 0px }
#pills-profile-tab2{border-radius: 12px 0px 0px 12px;}
#f-don-page .nav-link {
    padding: 13px 10px;
    border: 1px solid rgba(242, 101, 48, 0.27);
    background: #FFF;
    min-width: 230px;
    text-align: center;
	color: #685A4D;
	font-family: Tajawal;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 152.9%; /* 24.464px */
}

.fee-amou{position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;}
.fee-amouz{position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;}
#f-don-page span {
width:auto;
color: var(--secondary, #87786C);
text-align: right;
font-family: Tajawal;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 152.9%; /* 24.464px */
text-transform: capitalize; }
#f-don-page .family_breakfast_btn { padding-bottom: 0px;  margin-top: 0px;}
#f-don-page .don-tabs { padding-top: 24px; padding-bottom: 44px; border-top: 1px solid rgba(135, 120, 108, 0.16);}
#f-don-page .don-tabs .has-float-label label, #pills-home .has-float-label>span {
  color: var(--secondary-2, #685A4D);
text-align: right;
font-family: Tajawal;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 152.9%; /* 27.522px */
text-transform: capitalize;
}
#f-don-page .don-tabs .form-control {
    color: var(--tertiary, #6C727F);
	text-align: center;
	font-family: Tajawal;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 152.9%; /* 27.522px */
	text-transform: capitalize;
    border-radius: 11.217px;
    border: 1.402px solid #E6E1DE;
    background: var(--white, #FFF);
    box-shadow: 0px 2.80421px 2.80421px 0px rgba(0, 0, 0, 0.0) !important;
}
#f-don-page .family_breakfast_btn a.like-button {
	display: block;
    margin: auto;
    width: 90%;
}
#f-don-page .cop-7-fast {box-shadow: none !important;border-radius: 8px;border: 1px solid var(--primary, #F26530);height: 48px;}
.chiz:checked{
    color: var(--bs-btn-active-color) !important;
    background-color: var(--bs-btn-active-bg) !important;
    border-color: #F16236 !important;
}
/*********** Footer *************/
footer { 
background-color: #3F3F3F; 
padding: 70px 0px 35px 0px;
color: #B2B2B2;
text-align: right;
font-family: Tajawal;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.logo-downapp { text-align: center}
.logo-downapp ul, .div-social ul { 
	margin-top: 25px;
	position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
}

.div-social ul { justify-content: flex-start;}
.div-social ul li { margin-top: 20px; padding-left: 20px;}
.imp-link ul { padding-top: 12px;}
.imp-link ul li { margin-top: 20px; position: relative}
.imp-link ul li >a { color: #B2B2B2;
text-align: right;
font-family: Tajawal;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-decoration: none;
}
footer h2 {color: #B0B0B0;
text-align: right;
font-family: Tajawal;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding-bottom: 12.5px}
.div-news,.div-social { margin-top: 32px}
.input-foot { border-radius: 0px 12px 12px 0px !important;
border: 1px solid #B0B0B0;
padding: 15px;
background-color: #3F3F3F;
color: #FFFFFF !important;
text-align: right;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;}

.input-foot::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  opacity: 1; /* Firefox */
}
.input-foot:focus { /* Chrome, Firefox, Opera, Safari 10.1+ */
background-color: #3F3F3F;
color: #FFFFFF !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #FFF;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #FFF;
}
button.foot-button{
	border-radius: 12px 0px 0px 12px;
background: #F26530;
color: #FFF;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
padding: 13px 20px;
margin-right: 5px !important;}
.foo-copy{border-top: 1px solid rgba(242, 217, 217, 0.22); margin-top: 50px; padding: 20px 0px;}
.foo-copy p {
	color: #FFF;
text-align: center;
font-family: Tajawal;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.foo-copy span{color: #FC885E;
font-family: Tajawal;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;} 



.imp-link ul {
  list-style: none;
}

.imp-link ul li:before{
   content: '';
   position: absolute;
	color: #B2B2B2;
	text-align: right;
   border-left:2px solid #B2B2B2;
   border-top:2px solid #B2B2B2;
   width:10px;
   height:10px;
   top: calc(50% - 4px);
   right: -20px;
   transform: translateY(-50%) rotate(-45deg);
}
.twiz { width: 41px; height: 40px}
/*************Responsive*******************/
@media (max-width:1536px) {
#main_navbar .nav-link { font-size: 21px;}
.togaz {padding: 12px 8px;font-size: 20px !important;}
}

@media (max-width:1440px) {
#main_navbar .nav-link, #main_navbar .nav-link.active { font-size: 18px;}
.togaz {font-size: 18px !important;margin-top: -13px;margin-bottom: 10px;padding: 12px 18px;}
.imp-link ul li >a {font-size: 16px;}
footer h2 {font-size: 16px;}
.input-foot {font-size: 14px;padding: 20px;}
button.foot-button {font-size: 12px;}
.div-news, .div-social { margin-top: 20px;}
.logo-downapp ul, .div-social ul {margin-top: 20px;}
.div-social ul li {margin-top: 0px;padding-left: 18px;}
.downloz { max-width: 140px;}	
.logo-foot{ max-width: 200px;}
.imp-link ul li {margin-top: 18px;}
.cart0 .bi-cart-fill::before {padding: 2px 0px 1px 0px;}
.don-tabs .has-float-label label, #pills-home .has-float-label>span {font-size: 18px;}
.don-tabs .form-control {font-size: 18px;}
.btn-fast-prj {font-size: 21px;}
.time-don-fast{height: 56px;    padding: 14px 5px 16px 5px; font-size: 20px;}
}
@media (max-width:1280px) {
	
	#main_navbar .nav-link, #main_navbar .nav-link.active { font-size: 16px;}
	.logino i,.icozo i {font-size: 1.25em;}
	span.icozo {width: 32px;height: 32px;margin-right: 12px;}
	.btn-lang { padding: 5px 6px 0px 6px;font-size: 17px;}
	.top-bar .dropdown, .top-bar .logino {margin-left: 1.25rem;}
	.logino span {padding-left: 12px;}
	.navbar-brand{
    width: 230px;
    padding: 0px;
    margin-left: 0px;}
	.navbar-brand img { max-width: 88%;margin-left: 0px !important;}
	#main_navbar .navbar-nav {
    --bs-nav-link-padding-x: 10px;
    --bs-nav-link-padding-y: 0.5rem;}
.cart0 .bi-cart-fill {font-size: 20px;}
}
@media (max-width:1199px) {
.imp-link { display: none;}
}
@media (max-width:1024px) {
	.togaz{font-size: 16px; padding: 12px 15px;}
.iov {width: 450px;padding: 32px 0px 0px 0px;}
#collapse-don .nav-link {min-width: 183px;}
.fast-fam button {min-width: 60px;}
.don-other-fast {font-size: 16px;}
.currenz {left: 25px;top: 14px;}
#pills-tab { margin-bottom: 20px !important;}
.bonmb {margin-top: 24px; margin-bottom: 18px;}
.ma-44 { margin-top: 24px;}
.steps-2 .step-title {font-size: 14.6px;}
.progz label {font-size: 22.8px;}
	.steps-2 {
    position: relative;
    margin: 12px 0 36px 0;
}
	}
@media (max-width:992px) {
	
body{ overflow-x: hidden; }
.mob-fast-button { display: block;height: 54px;padding: 16px 32px 12px 32px;justify-content: center;border-radius: 12px;
background: #F26530;color: #FFF;text-align: center;margin: 50px 32px 0px 32px;text-decoration: none;font-size: 18px;
font-style: normal;font-weight: 500;line-height: normal;}
a.mob-fast-button:hover, a.mob-fast-button:foucs{background: #DF491B !important;}
.all-head{background: url("../img/logo-tab.png") no-repeat center center ;width:109px ; height:84px; }
.bg-light {background-color: #FFF!important;box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.07);}
.navbar-brand{ margin: auto !important; }
.navbar-toggler:focus {text-decoration: none;outline: 0;box-shadow: 0 0 0 0px;}
.squowy {border-bottom-width: 0px !important; padding: 0px !important;}	
.squowy .dropdown-toggle::after {position: inherit;}
.offcanvas-body .d-flex,.offcanvas-body .d-inline-flex { display: block !important; text-align: center} 

.cop-7-fast { width: 50%;}
.dropdown-menu .dropdown-toggle::after {
	display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-left: 0.3em solid transparent;
    border-bottom: 0;
    border-right: 0.3em solid transparent;}
	.navbar-brand img {max-width:0px;}
	.nav-topz { display: none;}
	.offcanvas.offcanvas-start { top: 0;right: 0px; width: 100%;}
	.offcanvas-title{color: #F26530;
leading-trim: both;
text-edge: cap;
font-family: Tajawal;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 100%;
	text-decoration: none;}
	.offcanvas-body { margin-top: 24px;padding: 0px;}
	.dropdown-toggle::after {  position: relative;  left: -50px;}
	.dropdown-menu {
    min-width: 100%;
    padding: 0px;
    border-radius: 0px;
    border: none;
    background: #FFF;
	padding-right: 20px;
}
	.offcanvas-body a.show{ color:#F16236 !important; }
	.dropdown-toggle.show::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
    border-top: 0;
    border-right: 0.3em solid transparent;
}
	.dropdown-menu .dropdown-item{ border-bottom-width: 0px !important ;}
	.dropdown-menu li:last-child a{border-bottom-width: 0px !important ;}
.offcanvas-body li.nav-item	{padding: 10px 32px;border-bottom: 1px solid rgba(135, 120, 108, 0.20);}
#main_navbar .nav-link, #main_navbar .nav-link.active {font-size: 20px;}
	.offcanvas-header {
		padding: 71px 32px 24px 14px;
		border-bottom: 1px solid rgba(135, 120, 108, 0.34);
background: linear-gradient(0deg, rgba(135, 120, 108, 0.08) 0%, rgba(135, 120, 108, 0.08) 100%), #FFF;}
	.mob-sec {    display: flex;position: absolute;left: 2%;top: 24%;} 
	.bredz {display: none;}
	.togaz { display: none}
	.togaz-mob { display: inline-block;font-size: 18px; width: 90%; padding: 12px 32px;  margin-top: 40px;background: #F26530;
    color: #FFF;    font-style: normal; font-weight: 500; line-height: normal;text-decoration: none; }
	.mob-v-log {background-color: transparent;}
	a.vv-log{color: #F26530;
text-decoration: none;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 20px */}
	
	a.vv-log::after {content: "";      margin-top: 7px;position: absolute;left: 40px;  border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #F16236; border-top:0px;}
	
	a.collapsed::after{    
	border-top: 5px solid #F16236 !important;
    border-left:5px solid transparent!important;
    border-bottom: 0!important;
    border-right: 5px solid transparent!important;
		    margin-top: 7px ;position: absolute;left: -32px !important; 
	}
	.vv-log:hover {
    color: var(--on_hover);
     background-color: transparent;
    border: none; 
}
	#multiCollapseExample2 .dropdown-item {border-bottom: 0px;}
	.clos-logz { position: absolute; left:35px; top: 80px;}
.nav-link { width: 100%; position: relative }
.nav-link::after { position: absolute; left:20px;  }

}
@media (max-width: 883px){.cop-7-fast {width: 46%;}
}

@media (max-width:782px) {
	cop-7-fast { width: 45%;height: 49px;box-shadow: none !important;}
}

@media (max-width:768px) {
	.div-search {margin-top: 32px;}
	.logo-downapp ul, .div-social ul { justify-content: center;}
	.logo-downapp ul li, .div-social  li  { margin-left: 12px;}
	
}
@media (max-width: 752px){.cop-7-fast {width: 40%;}
}
@media (max-width: 700px){

}
	@media (max-width:666px) {
		.cop-7-fast { width: 36%;	}
}
  @media (max-width:620px) {
	  .cop-7-fast { width: 30%;	}
}
 @media (max-width:575px) {
	.cop-7-fast { width: 27%;font-size: 18.6px;}
}	
@media (max-width:550px) {
.foo-copy p {font-size: 14px;}
	.cop-1 {    min-width: 58px; height: 47px;}
	.time-don-fast{font-size: 16px}
	#f-don-page .family_breakfast_btn a.like-button {font-size: 21px}
	#f-don-page .don-tabs .form-control {font-size: 16px; height: 55px;}
	#f-don-page .cop-7-fast {margin-top: 24px;font-size: 16px;}
	.pa-32{ padding: 24px 0px;}
	#f-don-page span.step-title { font-size: 14px !important; font-weight: 500 !important;}
	.form-check-input {width: 18px;height: 18px;border-radius: 3px !important; margin-top: 8px;margin-right: 15px!important;}
}
@media (max-width:525px) {
	.cop-7-fast { width: 90%; margin-top: 12px;}	
}
 @media (max-width:515px) {
	 #f-don-page .nav-link {min-width: 200px;}
}
	  
 @media (max-width:455px) {	  
	  #f-don-page .nav-link {min-width: 175px;}
	  }
@media (max-width:425px) {
	#f-don-page .nav-link {min-width: 150px;}
.div-social ul li { margin-top: 0px;padding-left: 9px;}
	.div-label{ display: none}
	.steps-2 { width: 100%}
}
@media (max-width:364px) {
	.btn-fast-prj {margin-left: 10px;}
.cop-1 { min-width: 50px; height: 42px;}
.btn-fast-prj { font-size: 18px;}
}

@media (max-width:355px) {
	#f-don-page .nav-link {min-width: 132px;}
}  

@media (max-width:340px) {
.btn-fast-prj {
    font-size: 16px;
}
.cop-1 {
    min-width: 44px;
    height: 37px;
}
	
}

/*//new styles*/

.mob-sec ul li {
	padding-left: 15px;
}

.navbar-toggler {
	right: 0;
}

@media (max-width: 992px) {
	.all-head {
		width: 90px !important;
		height: 60px !important;
		padding-left: 50px;
	}
}

@media (max-width: 992px) {
	.mob-sec {
		left: 0 !important;
		top: 5% !important;
	}
}

@media (max-width: 992px) {
	.offcanvas-header {
		padding: 14px 32px 14px 14px !important;
		
	}
}
@media (max-width: 992px) {
	.clos-logz {
		position: absolute;
		left: 10px;
		top: 20px;
	}
}

@media (max-width: 992px) {
	a.vv-log::after {
		
		left: 0px !important;
		
	}
}