@import url('https://fonts.googleapis.com/css2?family=Inter+Tight&display=swap');


*{
    font-family: "Poppins", sans-serif;
}

p{
	font-family:"Inter Tight", sans-serif;
	color: #505050;
	font-size:14px;
	font-weight:400;
}

.logo {
            width: 27%;
            height: auto;
        }

        @media (max-width: 768px) {
            .logo {
                width: 180px;
                /* Smaller Logo for Mobile */
            }
        }


body h6{
	font-family: "Poppins", sans-serif !important;
}

.navbar-nav {
    font-weight: 600;
}

@media (max-width: 992px) {

    .navbar .container-fluid {
        direction: rtl;
    }
}
@media (min-width: 768px) and (max-width: 1099px) {
    .Blueberryheight {
      height: 29rem !important;
      }
      .Blueberryparghap {
        line-height: normal;
      }
  }

.nav-item{
    font-size: 14px;
    font-weight: 700;
    color: #000000;

}
.videoheight {
    height: 30rem;
}

.roundedtop {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;

}

.Personalized {
    background-color: #B0DDF3;
    font-size: clamp(1rem, 2.5vw, 1.5rem);
}



.image-handed {
    height: -webkit-fill-available;
    width: -webkit-fill-available;

}

.whychoose {
    background-color: #B0DDF3;
}

.elementor-shape-fill {
    fill: #EAF5F8;
}


.whychoosetextparaghap {
	font-family:"Inter Tight", sans-serif;
    font-size: 14px;
	line-height:24px;
    font-weight: 400;
}

.whychoosebackend {
    background-color: #EAF5F8;
}

.unmatched {
    background-color: #46aadc;
}

.global{
border: 2px dotted #A1A1A187;
}

.HandmadewithLove {
    border: 2px dotted #A1A1A187 !important;

}

.textsizee, .textsizee strong {
    font-size: clamp(10px, 2.5vw, 14px) !important;
    font-family: "Inter Tight", sans-serif !important;
    color: #505050 !important;
}


.Goodluck{
    background-color: #eaf5f8;
}
.fa-circle{
    font-size: 7px; 
    padding-right: 5px;
    color: #46aadc;
}
.footer{
    background-image: url("./buleberryimage/footer-bg.svg");
    background-size: cover;
    background-repeat: no-repeat;
}
@media (min-width: 768px) {

    .copyicon {
        justify-content: end !important;
    }
}
@media (max-width: 768px) {

    .copyicon {
        justify-content: center !important;
    }
    .maxblueberry{
        height: 20rem;
    }
    .Blueberryparghap{
        line-height: 15px !important;
    }
    .Blueberryheightsec{
        height: 24rem;
    }
}
@media (max-width: 400px) {
.Blueberryheightsec{
    height: 27rem;
}}
.testimonial-card {
    background: #eef7ff;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
   
}

.testimonial-card img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
}
.testimonial-card h5 {
    font-weight: bold;
    margin-bottom: 10px;
}
.quote-icon {
    position: absolute;
    top: 0;
    right: 0;
    background: #007bff;
    color: white;
    font-size: 30px;
    padding: 10px;
    border-bottom-left-radius: 40px;
}
.image-card {
    text-align: center;
}
.image-card img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.image-card p {
    margin-top: 10px;
    font-style: italic;
    font-size: 18px;
    font-weight: 500;
}
.cardes {
    border: none;
    transition: transform 0.3s;
}

.cardes:hover {
    transform: translateY(-5px);
}
.know{
    background-color: #46aadc !important;
   
    
}
.knowarrow{
    fill: #46aadc;
}
@media (max-width: 576px) {
    .GiftCategories{
       padding: 1em !important;
    }}
    @media (min-width: 576px) {
        .GiftCategories{
      
        
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}}
.GoodLuck {
    font-size: clamp(1.1rem, 3.5vw, 2rem);

    font-weight: 800;
   
}
.Hindu{
    font-size: clamp(1.0rem, 2.0vw, 1.5rem);
    line-height: 1.5rem;
    font-weight: 700;
    white-space: nowrap;
}
.e-fas-angle-double-right {
    fill: #149DB6;
}
.e-fas-check{
    fill: #007bff;

}
.everall {
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background:#eaf5f8;
    flex-direction: column;
}

.EveryOccasion {
    width: 90%;
    overflow: hidden;
    position: relative;
}

.Every {
    display: flex;
    transition: transform 0.5s ease-in-out;
    gap: 0px;
}



.btnn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #3BA0F0 !important;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 1;
}

.prev {
    left: 0;
}

.next {
    right: 0;
}

.dots {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.dot {
    height: 10px;
    width: 10px;
    margin: 5px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.3s;
}

.active {
    
}
.e-fas-angle-double-down path {
    fill: #46aadc;
}
.know {
    background-color: #46aadc !important;
    color: white !important;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    transition:  0.3s ease-in-out, transform 0.2s ease-in-out;
}

.know:hover {
    background-color: #333 !important;
    transform: scale(1.05);
}

@media (max-width: 992px) {
    .YourPerfect{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .cloudes{
        display: none !important;
    }
    }
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 100% !important;
        margin: 0;
    }
    @media (max-width: 992px) {
        .modal-dialog {
            max-width: 100% !important;
            margin: 0;
        }}
       
      
    .modal-content {
        width: 100vw;
        height: auto;

    }
    .YourPerfect{
        width: 100%;
    }
   
}


@media (max-width: 576px) {
.controlsbtntow {
    margin-top: 20px;
    text-align: center !important;
  }}
.modal-content {
 
    background-color: #f0f8ff !important;

}
#gift-section {
    text-align: center;
    background-color: #f0f8ff;
    padding: 40px 20px;
}

#gift-title {
    font-weight: bold;
    font-size: 18px;
    color: #333;
}

#gift-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.gift-card {
    
    border-style: dashed;
    border-width: 1px 1px 1px 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-color: #3B4757;
  
    border-radius: 8px 8px 8px 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
    max-width: 250px;
}

.gift-card:hover{
    border-color: #000000 !important;

}
.gift-card:hover {
    transform: translateY(-5px);
}

.gift-image {
    width: 100%;
    border-radius: 10px;
}
.gift-images{
    width: 40%;
    border-radius: 10px;

}

.gift-name {
  
    font-family: 'Pacifico',"Brush Script MT", cursive;
    font-size: 25px;
    font-weight: 400;
    color: #3B4757;

}
.card-titles{
    font-family: 'Pacifico',"Brush Script MT", cursive;
    font-size: 28px;
    font-weight: 500;
    color: #3B4757;
}

.gift-description {
    font-size: 13px;
    color: #555;
}


    .card-stack {
      position: relative;
      width: 100%;
      max-width: 300px;
      aspect-ratio: 1 / 1;
      margin: 0 auto;
      perspective: 1000px;
    }

    .card-stack img {
      position: absolute;
      max-width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 0.5s ease;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    
    }

    .controlsbtntow {
      margin-top: 20px;
      text-align: start;
    }

    .controlsbtntow button {
      font-size: 2rem;
      border: none;
      background: transparent;
      margin: 0 10px;
      transition: 0.3s;
      font-weight: bolder;
    }

    .controlsbtntow button:hover {
      color: #0d6efd;
      transform: scale(1.2);
    }

    @media (max-width: 768px) {
      .card-stack {
        max-width: 250px;
      }
    }

    @media (max-width: 576px) {
      .card-stack {
        max-width: 200px;
      }

      .controlsbtntow button {
        font-size: 2rem;
        font-weight: bolder;
      }
    }

    .cloudes {
      width: 20%;
      overflow: hidden; /* Hide the overflow to make the animation smoother */
    }

    .boxcloudes {
      position: relative;
      width: 100%;
      height: 80px; /* Adjust the height as needed */
    }

    .boxcloudes img {
      position: absolute;
      width: 250px; /* Adjust the size of the image */
      animation: moveImage 30s linear infinite; /* Animation on the image */
    }

    /* Keyframes for moving the image */
    @keyframes moveImage {
      0% {
        left: -100px; /* Start off-screen to the left */
      }
      50% {
        left: 100%; /* Move the image to the far right */
      }
      100% {
        left: -100px; /* Move it back to the left off-screen */
      }
    }


.radious{
    border-radius: 9px;
}
@media (max-width: 602px) { 
    .Perfect  {
  text-align: center;
    }}

@media (min-width: 992px) {

    .navbar .container-fluid {
        direction: rtl;
    }
	.flexBlueberry{
		display: flex;
	}}
@media (max-width: 992px) {

    .navbar .container-fluid {
        direction: rtl;
    }
	.flexBlueberry{
		display: none !important;
	}
   
}
@media (min-width: 768px) and (max-width: 1099px) {
    .Blueberryheight {
      height: 29rem !important;
      }
      .Blueberryparghap {
        line-height: normal;
      }
  }

.nav-item{
    font-size: 14px;
    font-weight: 700;
    color: #000000;

}
.videoheight {
    height: 30rem;
}
.Blueberrytextes{
  width: 96%;

    font-weight: 600;
   
    font-family: "Poppins", Sans-serif;
    color: #3B4757;
}


@media (max-width: 1400px) {

   
    .Blueberryparghap{
        font-size: clamp(0.7rem, 3.5vw, 13px);
        line-height: normal;
        color: #505050;
    
    }
    
}
@media (max-width: 1200px) {
.Blueberrytextes{
    font-size: clamp(0.7rem, 2.5vw, 21px) !important;
}
   
    .Blueberryparghap{
        font-size: clamp(0.7rem, 2.5vw, 12px);
        line-height: normal;
        color: #505050;
    
    }
   
}
@media (max-width: 1100px) {

   
    .Blueberryparghap{
        font-size: clamp(0.7rem, 2.5vw, 13px);
        line-height: normal;
        color: #505050;
       
    
    }
   
}
@media (max-width: 768px) {
    .Blueberrytextes{
        font-size: clamp(0.9rem, 3.5vw, 1.3rem) !important;
        font-weight: 800;
    }}