@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;1,400&display=swap');
h1,h5,p{
  font-family: 'Poppins', sans-serif;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* login hover */
.login :hover{
  font-weight:bolder;
}
/*search-bar*/
.search{
  height: 45px;
  width: 500px;
  outline: none;
  background-color: transparent;
  border:2px solid #ec0171;
  border-radius: 20px 0px 0px 20px;
  border-right: none;
}

.btn1{
  height: 45px;
  outline: none;
  border: none;
  background-color: #ec0171;
  color: white;
  border-radius: 0px 20px 20px 0px;
  transition: all 0.4s;
}
.btn1:hover{
  background-color: #f7cbea;
  color:#ec0171;

}
@media(max-width:765px){
  .search{
    height: 35px;
    width: 150px;
    outline: none;
    background-color: transparent;
    border:1px solid #ec0171;
    border-radius: 20px 0px 0px 20px;
    border-right: none;
    padding-left: 20px;
  }
  
  .btn1{
    height: 35px;
    outline: none;
    border: none;
    background-color: #ec0171;
    color: white;
    border-radius: 0px 20px 20px 0px;
    transition: all 0.4s;
  }
  .btn1:hover{
    background-color: #f7cbea;
    color:black
  
  }
}
.size{
  font-size: medium;
}
@media(max-width:765px){
.size{
  font-size: smaller;
}}
@media(max-width:380px){
  .search{
    height: 25px;
    width: 80px;
    outline: none;
    background-color: transparent;
    border:1px solid #ec0171;
    border-radius: 20px 0px 0px 20px;
    border-right: none;
    padding-left: 20px;
  }
  
  .btn1{
    height: 25px;
    outline: none;
    border: none;
    background-color: #ec0171;
    color: white;
    border-radius: 0px 20px 20px 0px;
    transition: all 0.4s;
  }
  .btn1:hover{
    background-color: #f7cbea;
    color:black
  
  }
}

@media(max-width:380px){
.size{
  font-size: x-small;
}}
/* ------------------------------------------------ */
/*first-img*/
.first-img{
  border: none;
}
/* all categories button arrow remove */
.dropdown-toggle::after {
  content: none;
}

.dropdown-item{
  color: #ec0171;
}
.btn-all{
  color: white;
  background-color: #ec0171;
  outline: #ec0171;

}

.dropdown :hover{
  background-color: white;
  color: #ec0171;
font-weight: bolder;
}
/* -------------------------------------------------- */
/* navigation bar*/
.header{
    width: 100%;
}
.navbar-brand{
    color: white!important;
}
.menu{
    font-size: larger;
    font-weight: 500;
    background-image:linear-gradient(to left,#ec0171,#f782ca)!important; 
    -webkit-background-clip: text;
    /* color: #f7cbea; */
     color: transparent; 
}  
@media(max-width:992px){
    .menu{text-align: center;}}

    .navbar-toggler{
    color: white!important;
    border:none;
}

.menu:hover{
    font-weight: 800;
    font-size: larger;
     background-image:linear-gradient(to left,#ec0171,#f782ca)!important; 
    -webkit-background-clip: text;
     color: transparent; 
    /* color: white!important; */
    text-decoration: underline solid#ec0171 15%;
      text-decoration-skip-ink: none;
      text-underline-offset: 10px;
      /* 20px to 10px offset */

}

  /* title image*/
  .title{
    font-size: 3rem;
  }
@media(max-width:765px){
  .title{
    font-size: x-large;
  }
}
 /*gallery*/  

.gallery{
    background-color: #f7dbe8;
    padding: 80px 0;

}
.gallery img{
    padding: 7px;
    background-color: #ec0171 ;
    width: 300px;
    height: 225px;
    
}
/*footer-submenu*/
.site-footer {
  padding: 6em 0; 
}
  .site-footer ul li {
    margin-bottom: 10px; }
    .site-footer ul li a {
      color: #5c626e; }
      .site-footer ul li a:hover {
        color: #ec0171; }
  .site-footer .footer-heading {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 1rem; }
  
    /*block-7*/
    .block-7 .form-group {
      position: relative; }
    
    .block-7 .form-control {
      padding-right: 96px; }
    
    .block-7 .btn {
      position: absolute;
      width: 80px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 3px; }
     
 /*footer*/  
.footer{
        width: 100%;
        height: 100px;
        background-color: #f7dbe8;
        color: black;
/* background-color:#eed6e5; */
        /* color: black!important; */
    font-weight: 600;
    font-size: 15px;

}
/*avatar*/
.avatar {
  vertical-align: middle;
  width: 65px;
  height: 50px;
  border-radius: 90%;
}

.social{
    color:#ec0171!important;
    transition: transform .2s;

}
.social:hover{
    -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
  
}
.contact-color{
    background-image:linear-gradient(to left,#ec0171,#f782ca,#ec0171)!important;
    
    color: whitesmoke;

}
.form-area{
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
   
}
.map-area{
    width: 550px;
    height: 465px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
 

}
.map-area iframe{
    width: 100%;
    height:100%;
    border: none;
}
@media(max-width:768px){
    .map-area{
        margin-top: 25px;
        width: 100%;
        height:400px;
    }
    }
    @media(max-width:991px){
        .map-area{
            width: 100%;
            height:465px;
        }
        }
  
    @media(max-width:768px){
    .index-card{
        margin-top: 25px;

    }
    }
    @media(max-width:565px){
       .welcome{
        width:22rem;
        margin:auto;
        padding: 15px;
       }       
    }
    @media(max-width:565px){

.footer-text{
    font-size: 15px;
}
    }
    @media(max-width:991px){

        .footer-text{
            font-size: 10px;
        }
            }
            #more {display: none;}
        
        #more1 {display: none;}
     /*trial for boxes*/
     .banner-wrap {
        background: #74d12b;
        border-radius: 4px; }
        .banner-wrap a {
          padding: 30px;
          display: block;
          text-align: center; }
          .banner-wrap a h5 {
            font-size: 2rem;
            font-style: italic;
            margin-bottom: 10px; }
          .banner-wrap a h5, .banner-wrap a p {
            color: #fff; }
          .banner-wrap a p {
            color: #fff;
            font-size: 1.4rem; }
            .banner-wrap a p strong {
              font-size: .9rem;
              display: block; }
              .section-overlap {
                margin-top: -150px; }
.site-blocks-cover{
background-image: url('img/first.jpg');
background-repeat: no-repeat;
height: 100%;
width: 100%;}
/*site-section*/
.site-section {
    padding: 2.5em 0; }
    @media (min-width: 768px) {
      .site-section {
        padding: 5em 0; } }
    .site-section.site-section-sm {
      padding: 4em 0; }
  
  .site-section-heading {
    font-size: 30px;
    color: #25262a;
    position: relative; }
    .site-section-heading:before {
      display: none;
      content: "";
      left: 0%;
      top: 0;
      position: absolute;
      width: 40px;
      height: 2px;
      background: #f7cbea; }
    .site-section-heading.text-center:before {
      display: none;
      content: "";
      left: 50%;
      top: 0;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      position: absolute;
      width: 40px;
      height: 2px;
      background: #f7cbea; }
  
      /*owl carousel*/
      
.block-3 .no-direction .owl-nav {
  display: none; }

.block-3 .owl-stage {
  padding-top: 40px;
  padding-bottom: 40px; }

.block-3 .owl-nav .owl-prev, .block-3 .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 2rem; }

.block-3 .owl-nav .owl-prev {
  left: 0; }

.block-3 .owl-nav .owl-next {
  right: 0; }

.block-3 .owl-dots {
  text-align: center; }
  .block-3 .owl-dots .owl-dot {
    display: inline-block; }
    .block-3 .owl-dots .owl-dot > span {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      display: inline-block;
      margin: 5px;
      background: #ccc; }
    .block-3 .owl-dots .owl-dot.active > span {
      background: #f7cbea; }

.block-3 .product {
  border-right: none !important;
  border-left: none !important; }
  .block-3 .product .item {
    border: 1px solid #eee; }
/* product tab/ description / additional info tab*/
.nav-pills .nav-link.active {
  background-color: #ec0171;
}
.nav-pills .nav-link{
  color:#ec0171;
}