.card-title{

font-family: "Pacifico", cursive;
font-weight: bolder;
font-style: italic;
font-size: 50px;
color: crimson;

}

.card-text{

font-family: "Pacifico", cursive;
font-weight: bolder;
font-style: italic;
font-size: 20px;
color: crimson;

}

.slide{

font-family: "Pacifico", cursive;
font-weight: bolder;
font-style: italic;
font-size: 50px;
margin-top: 130px;
color: rgb(255, 255, 255);
border: crimson;

}

.slide2{

font-family: "Pacifico", cursive;
font-weight: bolder;
font-style: italic;
font-size: 50px;
color: crimson;    

}



/* 7 */
.btn-7 {
    background: linear-gradient(0deg, rgba(255,151,0,1) 0%, rgba(251,75,2,1) 100%);
      line-height: 42px;
      padding: 0;
      border: none;
    }
    .btn-7 span {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
    }
    .btn-7:before,
    .btn-7:after {
      position: absolute;
      content: "";
      right: 0;
      bottom: 0;
      background: rgba(251,75,2,1);
      box-shadow:
       -7px -7px 20px 0px rgba(255,255,255,.9),
       -4px -4px 5px 0px rgba(255,255,255,.9),
       7px 7px 20px 0px rgba(0,0,0,.2),
       4px 4px 5px 0px rgba(0,0,0,.3);
      transition: all 0.3s ease;
    }
    .btn-7:before{
       height: 0%;
       width: 2px;
    }
    .btn-7:after {
      width: 0%;
      height: 2px;
    }
    .btn-7:hover{
      color: rgba(251,75,2,1);
      background: transparent;
    }
    .btn-7:hover:before {
      height: 100%;
    }
    .btn-7:hover:after {
      width: 100%;
    }
    .btn-7 span:before,
    .btn-7 span:after {
      position: absolute;
      content: "";
      left: 0;
      top: 0;
      background: rgba(251,75,2,1);
      box-shadow:
       -7px -7px 20px 0px rgba(255,255,255,.9),
       -4px -4px 5px 0px rgba(255,255,255,.9),
       7px 7px 20px 0px rgba(0,0,0,.2),
       4px 4px 5px 0px rgba(0,0,0,.3);
      transition: all 0.3s ease;
    }
    .btn-7 span:before {
      width: 2px;
      height: 0%;
    }
    .btn-7 span:after {
      height: 2px;
      width: 0%;
    }
    .btn-7 span:hover:before {
      height: 100%;
    }
    .btn-7 span:hover:after {
      width: 100%;
    }
    

    .btn-5 {
      width: 130px;
      height: 40px;
      line-height: 42px;
      padding: 0;
      border: none;
      background: rgb(255,27,0);
    background: linear-gradient(0deg, rgba(255,27,0,1) 0%, rgba(251,75,2,1) 100%);
    }
    .btn-5:hover {
      color: #f0094a;
      background: transparent;
       box-shadow:none;
    }
    .btn-5:before,
    .btn-5:after{
      content:'';
      position:absolute;
      top:0;
      right:0;
      height:2px;
      width:0;
      background: #f0094a;
      box-shadow:
       -1px -1px 5px 0px #fff,
       7px 7px 20px 0px #0003,
       4px 4px 5px 0px #0002;
      transition:400ms ease all;
    }
    .btn-5:after{
      right:inherit;
      top:inherit;
      left:0;
      bottom:0;
    }
    .btn-5:hover:before,
    .btn-5:hover:after{
      width:100%;
      transition:800ms ease all;
    }
    

    body{
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  } 
  
  .heading{
      font-family: Brush Script MT;
      font-size: 40px ;
      color: crimson;
      font-weight: semi-bold;
  }
  
  #heading_one{
      font-family: Georgia;
      font-weight: bold;
  }
  
  .rotate-45 {
      transform: rotate(55deg);
      transform-origin: center;
  }
  
  .header_one {
      font-family: 'Georgia Narrow';
      font-weight: 500;
      /* font-style: oblique; */
  }
  
  #header_three {
      font-family: Brush Script MT;
      color: #95a5a6;
      /* font-size: 28px; */
     
  }
  #logo{
      width: 150px;
      
  }
  
  #delicious_section{
      text-align: center;
    }
  
    .card-title13{
      font-family: Georgia, 'Times New Roman', Times, serif;
    }
    #cardText13{
      color: #95a5a6;
    }
  
    #bbtn{
       border: 1px solid green;
      border-radius: 0;
      padding: 10px 15px; 
    }
    #bbtn:hover{
      background-color: #95a5a6;
      color: white;
    } 
  
  #starImg{
    width: 100px;
  }
  #price{
    color: crimson;
  }
  
   #bg_one{
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 80vh;
    background-size: cover;
    background-position: center;
  }
  
  #position_div{
     margin-top:200px ;
  } 
  /* for mobile */
  #phone_recipes{
    margin-top: 2500px;
  }
  #bacg{
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 90vh;
    background-size: cover;
    background-position:center ;
    /* margin-top: 50px; */
  }
  /* recipesSectionEnded */
  
   .modal-title{
    color: crimson;
  } 
  
  /* modalEnded */
  /* OurServicesSectionStarted */
  
  .imageIcons{
    display: flex;
    justify-content: space-between;
    text-align: center;
    gap: 10px;
  }
  
  /* OurServicesSectionEnded */
  
  #recipess{
    margin-bottom: 2650px;
  }    


.imageDiv{
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
    align-items: center;
    gap: 15px;
    }