@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap');
body{font-family: 'Tajawal', sans-serif; }
.btn:active:focus, .btn:focus{
    outline: unset;
}
.form-control,input{
    height: 3em;
    box-shadow: 0px 3.11579px 3.11579px rgba(0, 0, 0, 0.05);;
}
a:hover{
    text-decoration: none;
    opacity: .9;
}
a:focus-within{
    text-decoration: none;

}
/* begin color variable */
:root {
    --secondary: #87786C;
    --tertiary: #6C727F;
    --primary: #F26530;
    --body_text: #363636;
    --head_text: #FFFFFF;
    --card_bg: #FFF8F6;
    --input_fields_stroke: #E6E1DE;
    --secondary2: #685A4D;
    --toggles: #AFAFAF;
    --links: #1F3C9F;
    --on_hover: #DF491B;
    --nav_links: #777;
    --font: 'Tajawal';


}
body {background: #FFF8F6;}
/* End color variable */
/* FORM -------change input */
.form-control {
  color: var(--tertiary, #6C727F);
  text-align: right;
  font-family: Tajawal;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 152.9%; /* 36.696px */
  text-transform: capitalize;
}
/************** Select ***************/
.select-wrapper {
  position: relative;
}
/* FORM -------change foucs colors */
select:focus, textarea.form-control:focus {
  border-color: #F26530 !important;
    box-shadow: 0px 3.11579px 3.11579px rgba(0, 0, 0, 0.05) !important;
}
/*************************/
.img-fluid {
    width: 100%;
}
.clear_both{
    clear: both
}
.float-right {
    float: right;
}

.float-left {
    float: left;
}

.mb-5 {
    margin-bottom: 3em;
}
.mt-5 {
    margin-top: 3em;
}

/* start header */
header .banner-container img {
    width: 100%;
    height: 100%;
}
header .banner-container .col-xs-6{
    padding-left: 0 !important;
    padding-right: 0;
    margin-top: -5em;
}
header .banner-container .col-xs-6 img{
    margin-top: -2em;
    margin-right: 2em;
}
header .banner-container .banner-info{
    text-align: center;
    margin: 0 .5em;
}

header .banner-container .banner-info>h1{
    font-size: 7.5em;
    color: var(--primary);
    font-weight: 800;
    font-family: var(--font);
}
header .banner-container .banner-info>p{
    font-size: 2em;
    color: #87786C;
    font-weight: 800;
    font-family: var(--font);
}
header .banner-container .banner-info .year_container{
    color: var(--primary);
}

.user {
    width: 14rem;

}

.cart,
.user {
    background: #f9f9f9;
    border-radius: 50rem;
    margin-left: 5px;
}

.user a {
    padding-top: 5px !important;
    padding-bottom: 3px !important;
}

.flag {
    margin-top: 0.5rem;
    margin-left: 4px;
}

nav .first {
    float: right;
    border-left: 1px solid;
    padding-left: 6px;
    margin-left: 4px;
}

nav .icon i {
    background: #f16236;
    padding: 0.7rem;
    border-radius: 50rem;
    color: #fff;
    margin-top: -8px;
    margin-right: 4px;
}
/***** BreadCumb ******/
.bredz { padding-top: 20px;}
.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;}
.head-bg2{background: url(../img/bg2.png) no-repeat center right ;
  height: 914px;}
/************* *************/
.img-s-logo{ max-width: 20%;}
.fijo {background: url() no-repeat center bottom ; background-size: contain;
  padding-right: 15%;
    padding-top: 8%;}
.fijo span { display: block;
  text-align: center;
  color: #745B47;
text-shadow: 2px -2px 53px #FFF;
font-family: Tajawal;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 139.5%; /* 19.53px */}
.sec-logo{ margin: auto; padding-top: 10%;}
.text-entr {
  width: 53%;
  margin: auto;
  color: #745B47;
  text-align: center;
  text-shadow: 2px -2px 53px #FFF;
  font-family: Tajawal;
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: 139.5%; /* 61.38px */
    padding-top: 20px}
    .cop-1{width: 13%;}
    .cop-7{width: 52%;}
.bi {display: inline-block;vertical-align: -0.125em;fill: var(--primary);}
.b-shar { background:var(--head_text); color:var(--primary) ; border-color:var(--primary); float: left;}
.b-shar:hover, .b-shar:focus { background:var(--primary) !important; color:#ffffff !important;}
.all-formo h2 {
  display: inline-block;
  color: var(--secondary-2, #685A4D);
text-align: right;
font-family: Tajawal;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 152.9%; /* 61.16px */
text-transform: capitalize;
}
.all-formo { margin: auto;
    background: #FFF8F6;
    border-radius: 20px;
        padding: 64px 32px;
    width: 90%;
    margin-top: 15%;}
    /*************************************************/
    .btn:hover {
    color: var(--head_text);
    background-color: #CFCFCF;
    border-color: #CFCFCF;
}
    /*********************country *******************/
    .has-float-label {
        display: block;
        position: relative;
    }
    .form-control, input {
        height: 3em;
        box-shadow: 0px 3.11579px 3.11579px rgba(0, 0, 0, 0.05) !important;
    		border-radius: 12px !important;
    }
    .has-float-label label, .has-float-label>span {
        position: absolute;
        cursor: text;
        font-size: 18px;
        color: var(--secondary);
        opacity: 1;
        -webkit-transition: all .2s;
        transition: all .2s;
        top: -0.5em;
        right: 1rem;
        z-index: 3;
        line-height: 1;
        padding: 0 1px;
        background: #ffffff;
        color: var(--secondary, #87786C);
        text-align: right;
        font-family: Tajawal;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;

        text-transform: capitalize;
    }
    /****************Family********************/
    .family_num {
        position: relative;
		padding-bottom: 32px;
		display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    }
    textarea.form-control {min-height: calc(1.5em + 2.5rem + calc(var(--bs-border-width) * 2));}
    /******************num*****************/
    .tot-mon h2 {background: #ffffff; border-radius: 12px; height: 60px; line-height: 30px;margin-top: 15px; padding-top: 10px;
      font-family: 'Tajawal', sans-serif !important;font-style: normal; font-weight: 700;font-size: 32px;color: #87786C; width: 100%;}
    .tot-mon span { font-family: arial; color: #685A4D;}
    .tot-mon small {color: #685A4D;font-family: 'Tajawal', sans-serif !important;font-weight: 700;font-size: 32px !important;}
    /***************Radio****************/
    .btn-secondary{margin-left: -4px; width: 24%; border-radius: 0px;height: 74px;padding: 20px 5px 16px 5px;
justify-content: space-betweenalign-items: baseline;align-self: stretch;--bs-btn-bg: #ffffff;    --bs-btn-color: #F16236;--bs-btn-border-color: #F16236;text-align: center;leading-trim: both;text-edge: cap;font-family: Tajawal;font-size: 24px;font-style: normal;font-weight: 500;--bs-btn-active-bg: #F16236;}
    .btn-secondary:first-of-type { border-top-right-radius: 16px; border-bottom-right-radius: 16px;}
    .btn-secondary:last-of-type { border-top-left-radius: 16px; border-bottom-left-radius: 16px;}
    .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: #F16236;
}
    /*****************************/
.sadka-tit{display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
	padding-bottom: 44px;
}
    .titoz { display: none;
      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;}
    .don-other {display: inline-block;
      color: var(--tertiary, #6C727F);
        border-radius: 5.938px;
		border: 1.485px solid var(--primary, #F26530);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 152.9%;
    text-transform: capitalize;
      padding: 0.375rem 0.75rem;
      background-color: var(--bs-body-bg);
    box-shadow: 0px 3.11579px 3.11579px rgba(0, 0, 0, 0.00) !important;
		height: 60px;
    }
  .btn-all-prj{display: inline-flex;
    padding: 6.598px;
    flex-direction: column;
    justify-content: center;
  align-items: center;
gap: 14px;
flex-shrink: 0; margin-left: 9px;}
  .btn-all-prj{
border-radius: 6.598px;
border: 1.65px solid var(--primary, #F26530);
background: var(--white, #FFF);
color: var(--primary, #F26530);
text-align: right;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 152.9%; /* 48.928px */
text-transform: capitalize;
}
.sadka-notez { padding-bottom: 32px;}
.fly-lab {
    position: absolute;
    left: 24px;
    top: 15px;
    color: #6C727F;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 152.9%;
}
    /*****************************************/
    .family_breakfast_btn a.like-button {
    background: #F26538 !important;
    width: 56%;
    margin-left: 1%;
    border: 0px;
    color: #fff;
    padding: 9px 0;
    border-radius: 10px;
    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%; /* 48.928px */
    text-transform: capitalize;
}
.family_breakfast_btn a.like-button:hover, .family_breakfast_btn a.like-button:focus { background: #DF491B !important; color:#ffffff;}
.family_breakfast_btn button:hover {
background-color: #ffffff important;}
.family_breakfast_btn button.add_toCard {
    width: 18%;
    background-color: #fff;
    border: 3px solid var(--primary);
    border-radius: 10px;
    color: #F26530;
    text-align: center;
    font-family: Tajawal;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 152.9%; /* 48.928px */
    text-transform: capitalize;
	    padding-top: 10px;
}
.family_breakfast_btn a.carz2 span{display: none;}
.family_breakfast_btn a.carz2 {width: 20%;
  background-color: #fff;
border: 3px solid var(--primary);
border-radius: 10px;
color: #F26530;
text-align: center;
font-family: Tajawal;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 152.9%; /* 48.928px */
padding: 4px;
text-transform: capitalize;}
.family_breakfast_btn button.add_toCard:hover,.family_breakfast_btn button.add_toCard:focus  {
    background-color: var(--primary);
    color: #FFFFFF;}
    .family_breakfast_btn a.carz2:hover,.family_breakfast_btn a.carz2:focus  {
        background-color: var(--primary);
        color: #FFFFFF;}
.sadka-kind { padding-bottom: 32px;}
.sadka-kind-dur { padding-bottom: 32px;
	display: block;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;}
.add_toCard span {display: none;}
/********* Question **************/
.tab-one { margin-bottom: 5px;}
.infos { margin-top: 20px; margin-bottom: 40px;}
.faq-tabz {padding: 40px 20px 20px 20px; background: #ffffff;}
.nav-tabs>button{ height: 60px; padding: 15px 60px !important;font-family: 'Tajawal';color:#6C727F;
font-style: normal;
font-weight: 500;
font-size: 21px;background: none !important;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #F26530;
}
.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    border: 0px solid transparent;
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
}
.nav-link:hover, .nav-link:focus {color: var(--primary);}
.nav-tabs {
    --bs-nav-tabs-border-width: 0px;
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs>button.active, .nav-tabs>button.active:focus, .nav-tabs>button.active:hover, .nav-tabs .nav>button:focus, .nav-tabs .nav>button:hover, .nav-tabs .nav-tabs>button:hover {
    color: #F26530 !important;
    cursor: pointer;
    border: none;
    border-bottom-color: #FFF8F6;

		background: #FFFFFF !important;
		border-width: 0px;
		border-style: none;
		border-color: transparent;
		border-radius: 16px 16px 0px 0px !important;

		font-family: 'Tajawal';
		font-style: normal;
		font-weight: 700;
		font-size: 21px;
}
/***************************/
.family_breakfast_btn {display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;}
/*******/
.reports .caption a {
    display: block;
    margin: auto;
    font-size: 13px;
    color: #F26530;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}
/***************************/
.time-don-fast-sadka { width: 25% !important;}
.family_breakfast_btn2 span {display: inline-flex;    margin-left: 8px;}
.family_breakfast_btn2 button.add_toCard {width: 41%;}
/***************************/
.b-shar.dropdown-toggle::after { display: none;}
.share-men{ border-radius: 0px 0px 8px 8px; margin: auto; padding-right: 0px;min-width: 50px;}
.share-men li { width: 100%;}
.share-men li a { text-align: center; padding: 4px 0px;border-bottom: 0px}
.share-men .bi-twitter-x{color: #000;font-size: 22px;padding-bottom: 7px;}
.share-men .fa-facebook{color:#3089F2;font-size: 27px;}
.share-men .bi-link-45deg{color:#F26530;font-size: 27px;}
.share-men .bi-whatsapp{color:#008C27;font-size: 23px;}
/************* *************/
/***********************************************/
.caption{display: table-cell;}
.prog-sad {list-style: none;
	display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;}
.prog-sad label {display: list-item; width: 12%;}
.prog-sad .steps-2 {display: list-item; width: 84%;}
.step-title2 { padding-right: 9px;}
/************ Sizes Responsives ****************/


@media (max-width:1920px) {
	.all-formo3 {
    margin-top: 6%;
}
.img-s-logo {max-width: 30%;}
.text-entr {font-size: 34px;line-height: 46px; width: 90%;margin-top:-25px;}
}

@media (max-width:1765px) {
.family_breakfast_btn a.like-button {font-size: 30px;}
.family_breakfast_btn button.add_toCard {font-size: 30px;}
.family_breakfast_btn a.carz2 {font-size: 30px;}
}

@media (max-width:1680px) {
.family_breakfast_btn a.like-button {font-size: 28px;}
.family_breakfast_btn button.add_toCard {font-size: 28px;}
}

@media (max-width:1600px) {
.family_breakfast_btn a.like-button {font-size: 26px;}
.family_breakfast_btn button.add_toCard {font-size: 26px;}
}


@media (max-width:1536px) {
	.all-formo3 { margin-top: 11%;}
	.head-bg2 { background: url("../img/bg2-1536.jpg") no-repeat center right;height: 731px;}	
	.head-bg3 { background: url("../img/bg3-1536.jpg") no-repeat center right;height: 831px;}	
   .cop-7 {font-size: 18px;}
	.btn-fast-prj { font-size: 24px;}
	.all-formo h2 {font-size: 30px;}
	.sadka-tit {padding-bottom: 32px;}
	.all-formo{ padding: 48px 24px;}
	.sadka-tit,.sadka-kind,.family_num  {padding-bottom: 24px;}
	.has-float-label label, .has-float-label>span {font-size: 20px;	}
	.form-control, input { height: 57.6px;font-size: 18px;}
	.select-wrapper::after {top: 19px;}
	.fly-lab {top: 16px;font-size: 18px;}
	.family_breakfast_btn2 button { font-size: 24px; height: 58px!important; border-radius: 12.8px!important;}
	.time-don-fast-sadka { height: 69px;font-size: 21px;}
	.family_breakfast_btn button.like-button,.family_breakfast_btn button.add_toCard {font-size: 24px;height: 58px;border-radius: 12.8px;}
}
@media (max-width:1510px) {
.family_breakfast_btn a.like-button {font-size: 24px; }
.family_breakfast_btn button.add_toCard {font-size: 24px;}
}

  @media (max-width:1440px) {
.head-bg{background: url("../img/bg3-1440.jpg") no-repeat center right ;height: 685px;}
.head-bg3{background: url("../img/bg3-1440.jpg") no-repeat center right ;height: 785px;}
.all-formo {margin-top: 10%;}
.img-s-logo {max-width: 33%;}
.text-entr {font-size: 34px;line-height: 46px; width: 90%;margin-top:-25px;}
.family_breakfast_btn a.carz2 {font-size: 22px;padding: 5px;}
 .has-float-label label, .has-float-label>span {font-size: 18px;}
.form-control, input { height: 54px; font-size: 16px;}
.cop-7 {font-size: 16px;height: 47px;border-radius: 5.938px !important;}
.fly-lab {top: 12px;font-size: 16px;}
.sadka-tit, .sadka-kind, .family_num {padding-bottom: 24px;}
.btn-fast-prj {font-size: 20px;}
.time-don-fast-sadka { height: 69px;font-size: 18px;}	  
 }
@media (max-width: 1280px) {
  .head-bg{background: url(../img/bg-1280.jpg) no-repeat center right ;height: 616px;}
.head-bg3{background: url(../img/bg3-1280.jpg) no-repeat center right ;height: 709px;}
  .all-formo h2 {font-size: 26px; font-weight: 700;padding-top: 0.4rem;}
  .tot-mon h2 {font-size: 22px;}
  .tot-mon small {font-size: 22px !important;}
  .family_breakfast_btn button{padding: 13px 0;}
  .family_breakfast_btn button.add_toCard   {padding: 6px 0;}
  .all-formo {padding:18px; margin-top: 10%;}
  .family_breakfast_btn a.like-button {font-size: 18px;width: 50%;}
  .family_breakfast_btn2 button {font-size: 24px !important;}
  .family_breakfast_btn a.like-button {padding: 12px 0px;}
	.time-don-fast-sadka { width:25% !important;height: 58px; font-size: 16px;}
}
@media (max-width: 1225px) {
.cop-7 { width: 49%;height: 40px;}
.btn-fast-prj {font-size: 17px;}
	.fly-lab {
    top: 8px;
    font-size: 14px;
    left: 10px;
}
}
 @media (max-width: 1024px) {
	 .head-bg{background: url(../img/bg-1024.jpg) no-repeat center right ; height: 488px;}
 .head-bg2{background: url("../img/bg2-1024.jpg") no-repeat center right ;height: 525px;}
.sadka-tit, .sadka-kind, .family_num,.sadka-kind-dur  {padding-bottom: 18px;}
.all-formo2{ margin-top: 8%;}
.family_breakfast_btn button{font-size: 17px;}
.family_breakfast_btn button.add_toCard   {font-size: 17px;}
.has-float-label label, .has-float-label>span {font-size: 18px;}
.form-control {font-size: 16px;}
.img-s-logo {max-width: 30%;}
.text-entr {font-size: 20px;line-height: 33px;width: 90%;margin-top: -22px;}
.sadka-notez { padding-bottom: 24px;margin-top: .5rem;}
	 .family_breakfast_btn2 button.like-button {width: 55%;}
	.family_breakfast_btn2 span {display: inline-flex;    margin-left: 4px;}
	 .family_breakfast_btn2 button.add_toCard {width: 40%;}
	 .family_breakfast_btn2 button { font-size: 21px !important;}
	 .progz label {font-size: 18px;}
	 .steps-2 .step-title {font-size: 16px;}
	 .head-bg3 {background: url("../img/bg3-1024.jpg") no-repeat center right ;height: 625px;}
}

@media (max-width: 991px){
	.titoz {display: list-item;list-style: none;}
  .head-bg{background: url(../img/bg-empty.jpg) no-repeat top center  ;    height: 100%;padding-bottom: 32px;}
      .fijo {background: url(../img/money.png) no-repeat center bottom ;padding: 0px; padding-bottom: 70px;}
.all-formo {margin-top: 0%; width: 99%;}
.sec-logo {margin: auto;padding-top: 5%;}
.fijo span { margin-bottom: 15%}
  .tot-mon h2 {background:transparent;}
  .family_breakfast_btn a.like-button {font-size: 24px; width: 52%;}
  .family_breakfast_btn button.add_toCard {font-size: 24px;}
  .family_breakfast_btn a.carz2 {font-size: 24px; width: 22%;}
  .btn-all-prj {  margin-left: 13px;}
	.cop-1 {width: 8%; font-size: 26px;}
    .cop-7 {font-size: 24px;height: 55px;}
    .btn-secondary{font-size: 20px; width: 25%;}
	.fly-lab {top: 12px;font-size: 20px;left: 20px;}
}
 @media (max-width:768px) {
	 .cop-1 {width: 12%;font-size: 21px;}
	 .cop-7 {width: 37%;height: 46px;}
	 .family_breakfast_btn button.like-button { width: 70%;}
	 .family_breakfast_btn button.add_toCard {width: 12%;}
	 .family_breakfast_btn2 button.like-button {width: 65%;}
	 .family_breakfast_btn2 button.add_toCard { width: 32%;}
}                        
@media (max-width: 550px){
  .nav-tabs>button.active, .nav-tabs>button.active:focus, .nav-tabs>button.active:hover, .nav-tabs .nav>button:focus, .nav-tabs .nav>button:hover, .nav-tabs .nav-tabs>button:hover {
font-size: 18px;}
.nav-tabs>button {font-size: 18px;}
.nav-tabs>button {height: 60px;padding: 15px 45px !important;}
.family_breakfast_btn button.like-button {
	width: 100%;
	margin-bottom: 15px;
	font-size: 20px;
    padding: 12px 0px;
    height: 54px;
    border-radius: 12px;
	}
	.family_breakfast_btn button.add_toCard {
	width: 50%;
	margin-bottom: 15px;
	font-size: 20px;
    padding: 12px 0px;
    height: 54px;
    border-radius: 12px;
	}
	.fijo {padding-bottom: 8px;}
	.fly-lab { top:75px}
.family_breakfast_btn button.add_toCard {width: 48%;}
	.family_breakfast_btn2 button.add_toCard {width: 100%;}
  .cop-7 {width: 100%; margin-top: 12px;}
  .family_num {height: 132px;}
    .titoz { display: inline-flex;margin-left: 11%;margin-right: 5px;}
      .cop-1 {min-width: 55px;font-size: 22px; height: 44px;}
.cop-7 {font-size: 16px; }
 .family_breakfast_btn { margin-bottom: 0px !important;}
.text-entr {width: 57%;}
	.img-s-logo { max-width: 25%;}
.fijo span {margin-bottom: 33%;}
.add_toCard span {display: inline-block;}
.add_toCard i {display: none;}	
.notes_title{display: none;}
.steps-2 {margin: 12px 0 47px 0;}
.steps-2 .step-title {font-size: 14px; font-weight: 700;}
.head-bg3 {height: 100%;padding-bottom: 32px;background-size: cover;}
.prog-sad .steps-2 {font-size: 16px; font-style: normal;font-weight: 700;}
.prog-sad label {font-size: 16px; font-weight: 700;}
.all-formo {padding: 24px 16px;}
.steps-2 .progress-bar:after {width: 32px;height: 32px;}
}
@media (max-width: 450px){
  .nav-tabs>button.active, .nav-tabs>button.active:focus, .nav-tabs>button.active:hover, .nav-tabs .nav>button:focus, .nav-tabs .nav>button:hover, .nav-tabs .nav-tabs>button:hover {
font-size: 15px;}
  .nav-tabs>button {font-size: 15px;}
.nav-tabs>button {height: 60px;padding: 15px 25px !important;}
.family_breakfast_btn button {width: 100%; margin-bottom: 20px;}
.family_breakfast_btn a.like-button { width: 100%; margin-bottom: 15px;}
.titoz {margin-left: 5%;;}
.select-wrapper::after {top: 20px;}
.text-entr {width: 80%;}
.btn-secondary {    font-size: 17px;}
	.fijo {padding-bottom: 30px;}
}
@media (max-width: 425px){
  .titoz {margin-left: 0%;;}
.btn-all-prj {margin-left: 3px;}
.btn-secondary {    font-size: 14px;}
}
@media (max-width: 375px){
  .b-shar{
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-padding-y: 0.25rem;}
  .all-formo h2 {font-size: 24px;}
  .tot-mon h2 {background:transparent; height: auto;}
  .has-float-label label, .has-float-label>span {font-size: 15px;}
  .form-control {font-size: 15px;}
  .cop-1 {min-width: 64px;font-size: 22px; height: 44px;}
  .btn-all-prj {  margin-left: 5px;}
  .titoz {
    margin-left: 3%;
}
  .cop-1 {
      min-width: 50px;
      font-size: 18px;
      height: 44px;
  }
.text-entr{width: 80%;
  text-align: center;
font-family: Tajawal;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 131.5%; /* 26.3px */}
	.fijo { padding-bottom: 45px;}
  .fijo span {margin-bottom: 35%;}
}
@media (max-width: 360px){
  .text-entr {width: 95%;}
  .btn-secondary {
      font-size: 12px;
  }
.cop-1 {
    min-width: 44px;
    font-size: 18px;
    height: 44px;
	margin-left: 0px;}
  }
@media (max-width: 328px){
	.img-s-logo {
    max-width: 41%;
}
  .titoz {
    margin-left: 1%;
}
	.fijo {
    padding-bottom: 57px;
}
.btn-all-prj {
    margin-left: 4px;
}
}