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


*{
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}

body{
    background-color: #FAFAFA;
}

h2{
    font-size: 2rem;
    text-align: center;
    color: #000000;
    /*border-left: 5px solid #000000;*/
    padding-left: 10px;
    font-weight: 600;
}

h2 span{
    font-family: "Sacramento", cursive;
    font-size:4rem;
   text-transform: capitalize ;
  
}

h3{
    font-size: 0.9rem;
    text-align: center;
    margin-top: 1rem;
    color: #878787;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}







/* slider start */

.slider-top{
height: 96vh;
width: 100%;
clip-path: polygon(50% 0%, 100% 0, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 0 0);


}

  .slide-container {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
   }
   
   .slide {
    flex: 1 0 33.33%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #cccccc;
    font-size: 3em;
    transition: all 1s ease;
   }
   
   .slide-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(50%);
   }

   .slide-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(50%);
   }

   .slide-image img{
    width: 100%;
    height: 100%;
  }

   .slider-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  
    /* background-color: #00000034; */
  }

  .slider-text h3{
    font-size: 2.8rem;
    color: #fff;
    text-align: center;
  }
  
    .slider-text h3 span{
        font-family: "Sacramento", cursive;
        font-size:4rem;
    }

  
  
 
  

  .slider-text p{
    font-size: 1rem;
    color: #fff;
    text-align: center;
    margin-top:1rem;
    margin-bottom: 2rem;
  }

  .slider-text a{
    font-size: 1.1rem;
    color: #000000;
    width:fit-content;
    display: block;
    text-align: center;
    font-size: 0.8rem;

    text-decoration: none;
    border-radius: 20px;
    background-color: #FDE882eb;
    margin: auto;
   padding: 0.4rem 1.3rem;
    font-weight: bold;
  }

  .slider-text a:hover{
    background-color: #F5EBEB;
    color: #000000;
    font-weight: bold;
  }

  /* Top Slider End */


  /* Featured-exclusive-section start */

  .featured-exclusives-section{
    margin-right: 5rem;
    margin-left: 5rem;
    padding: 2rem;
    position: relative;
    margin-top:3rem;
    
  }
  
  .properties-conatiner{
            display: flex;
            margin-top: 3rem;
            flex-wrap: wrap;
            gap: 2rem 2% ;
            justify-content: center;
          }
          
          
          .property-content{
            width: 31%;
            position: relative;
            /*border: 1px solid #aaaaaa;*/
            background-color: #eee;
           border-radius:10px;
          }

          .property-imgbox{
            width: 100%;
            height: 250px;
           position: relative;
            overflow: hidden;
            border-radius:10px;
           
            box-shadow: rgba(255, 255, 255, 0.479) 0px 20px 30px -10px;
            /* width: 100%;
            height: 100%; */
          }
          .property-imgbox img{
               border-radius:10px;
          }

          .properties-section .swiper {
            width: 100%;
            height: 100%;
            
          }
      
          .properties-section .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom:1rem;
           border-radius:10px;
          }
      
          .properties-section .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
             border-radius:10px;
          }

          .properties-section .swiper-button-next , .properties-section .swiper-button-prev{
            color: #ffffff !important;
            /* background-color: #fff; */
            border: 1px solid #fff;
          }

          .properties-section .swiper-button-next:after, .properties-section .swiper-button-prev:after {
            font-size: 1rem !important;
          }

        .sale-box{
            position: absolute;
            top: 5%;
            right: 5%;
            color: #000000;
            box-shadow: rgba(255, 255, 255, 0.3) 0px 19px 38px, rgba(255, 255, 255, 0.22) 0px 15px 12px;
            background-color: #FDE882eb;
            padding:5px 8px;
            font-size: 0.7rem;
            font-weight:600;
            border-radius: 3px;
            z-index: 2;
            text-transform:uppercase;
          }
          
          .property-status{
              position: absolute;
            top: 5%;
            left: 0%;
            color: #fff;
            box-shadow: rgba(255, 255, 255, 0.3) 0px 19px 38px, rgba(255, 255, 255, 0.22) 0px 15px 12px;
            background-color: #1f6175;
            padding:5px 8px;
            font-size: 0.8rem;
             font-weight:500;
            z-index: 2;
          }
          
         
          
          
          .property-price-conatiner{
            position: absolute;
            top: 203px;
            width:100%;
            /* padding-top: 0.5rem; */
            background-image: linear-gradient(rgba(0, 0, 0, 0),rgb(0, 0, 0) );
            z-index: 2;
          }

          .property-price{
            color: #fff;
            padding: 10px;
            /*font-weight: 600;*/
            /*background-color: #ffe600;*/
            text-align: center;
            margin-top: 0.5rem;
          }

          .property-price p{
            display: flex !important;
            align-items: center !important;
            font-size: 1rem !important;
            text-align: center;
            justify-content: center !important;
            margin:0 !important;
          }

          .property-price span{
            font-size: 1rem !important;

          }
        
          .property-text{
             display: flex;
            justify-content: space-between; 
            align-items :center;
            margin-top: 10px;
             padding: 0 1rem; 
            color: #000000;
            position: relative;
          }
          
          .property-text-left{
              width:70%;
              
          }
        
          .property-text h4{
            color: rgb(0, 0, 0);
            font-size: 1rem;
            height:20px;
            overflow:hidden;
            margin-bottom: 5px;
        
          }
          
          .property-text-left p{
              font-size: 0.8rem;
             color:#878787;
          }
        
          .property-text-right p{
             font-size: 0.7rem;
        
             color:#000;
          }

          .property-detail{
            margin-top: 0.5rem;
            gap: 1.5rem;
            padding: 0 1rem;
            font-size: 0.8rem;
            text-align: justify;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            max-height: 3em;
            line-height: 1.5em;
           
           
          }
        
          .property-icons {
            display: flex;
            align-items: center;
            margin-top: 1rem;
            gap: 1.5rem;
            padding: 0 1rem;
          }
        
          .property-icons i{
            display: flex;
            align-items: center;
            font-size: 0.8rem;
            gap: 5px;
            color: #000000;
            
          }
        
          /* .property-button {
            margin-top: 1rem;
          }
         */
          .property-button a{
            background: #1F6175;
             color: #fff;
            
          margin-top: 0.5rem;
             font-weight: 100;
             box-shadow: inset 0 4px 8px 0 rgba(0,0,0,0.05);
            text-align: center;
            padding: 10px;
            /* margin-top: 1rem; */
            text-decoration: none;
            display: block;
           
            
          }

          .property-button a i{
            margin-left: 1rem;

          }
        
          .property-button a:hover{
            color: #000000;
            font-weight: bold !important;
          
          }

          
.rectangle-out {
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: color 300ms;
    transition: color 300ms;
  }
  .rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FDE882;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out;
   
  }
  .rectangle-out:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
  }



/*  .featured-exclusives-container{*/

    /*display: flex;*/
    /*margin-top: 3rem;*/
    /*justify-content: center;*/
    /*flex-wrap: wrap;*/
    /*gap: 2rem  1rem ;*/
    /*justify-content:space-around;*/
    /* justify-content: space-between; */
/*  }*/

/*  .featured-exclusives-property{*/
/*    width: 31%;*/
   
   
/*    border: 1px solid #445D48; */
/*    background-color: #ffffff;*/
/*    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;*/
    
/*  }*/

/*  .featured-exclusives-property:hover .featured-imgbox img {*/
/*    scale: 1.3;*/
/*    transition: 1s ease-in-out;*/

/*  }*/

  

/*  .featured-imgbox{*/
/*    width: 100%;*/
/*    height: 250px;*/
/*    position: relative;*/
/*    overflow: hidden;*/
    
/*     border: 2px solid #557153; */
/*  }*/

/*  .featured-imgbox img{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*    transition: 0.3s;*/
/*     box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset; */
/*     filter: brightness(70%); */
    
/*  }*/

 

/*  .featured-exclusives-price{*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    width:100%;*/
/*    padding-top: 2rem;*/
/*    background-image: linear-gradient(rgba(0, 0, 0, 0),rgb(0, 0, 0) );*/
/*  }*/

/*  .featured-price-preview{*/
/*    color: #fff;*/
/*    padding: 10px;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*  }*/

/*  .featured-price-preview p{*/
/*    display: flex;*/
/*    align-items: center;*/
/*  }*/

/*  .featured-price-preview a{*/
/*    padding-top: 5px;*/
/*    padding-right: 5px;*/
/*    padding-left: 5px;*/
/*    color: #F5EBEB;*/
/*    position: relative;*/
/*    cursor: pointer;*/
/*  }*/

/*  [data-title]:hover:after { */
/*    visibility: visible; */
/*} */
  
/*[data-title]:after { */
/*    content: attr(data-title); */
/*    background-color: #000000;     */
/*    color: #ffffff; */
/*    font-size: 0.7rem;*/
/*    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);*/
/*    position: absolute; */
/*    top: -35px;*/
/*    right: 50%;*/
/*    padding: 4px 4px 12px 4px; */
/*    visibility: hidden; */
/*} */

/*   .featured-price-preview #span{*/
/*    position: absolute;*/
/*    top: -20px;*/
/*    display: block;*/
/*    right: 50%;*/
/*    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);*/
/*    padding: 5px;*/
/*    background-color: #000000;*/
/*  } */

/*  .featured-price-preview a:hover{*/
/*    background-color: #6C5F5B49;*/
/*    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;*/
/*    padding-top: 5px;*/
/*    padding-right: 5px;*/
/*    padding-left: 5px;*/
/*    border-radius: 5px;*/
    
/*  }*/


/*  .featured-exclusives-text{*/
/*     display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    gap: 4px; */
/*    margin-top: 10px;*/
/*    padding: 0 1rem;*/
/*    color: #000000;*/
    
/*  }*/

/*  .featured-exclusives-text h4{*/
/*    color: #000000;*/
/*    margin-bottom: 5px;*/

/*  }*/

/*  .featured-exclusives-text p{*/
/*    font-size: 0.8rem;*/
/*    color:#878787;*/
/*  }*/

/*  .featured-exclusives-para{*/
/*    margin-top: 10px;*/
/*    padding: 0 1rem;*/
/*    font-size: 0.8rem;*/
/*    display: -webkit-box;*/
/*    -webkit-line-clamp: 5;*/
/*    -webkit-box-orient: vertical;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    max-height: 2.7em;*/
/*    line-height: 1.5em;*/
/*    display: none;*/
/*  }*/

/*  .featured-exclusives-detail {*/
/*    margin-top: 1rem;*/
/*  }*/

  /*.featured-exclusives-detail a{*/
  /*  box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.05);*/
  /*   background: #1F6175;*/
  /*   color: #fff;*/
  /*  text-align: center;*/
  /*  padding: 10px;*/
  /*  margin: auto;*/
  /*  margin-bottom: 0;*/
  /*  text-decoration: none;*/
  /*  display: block;*/
  /*  font-weight:600;*/
    
    
  /*}*/

  /*.featured-exclusives-detail a:hover{*/
  /*  color: #000;        */
  /*}*/

  /*.bounce-to-bottom {*/
  /*  position: relative;*/
  /*  -webkit-transition: color 500ms;*/
  /*  transition: color 500ms;*/
  /*  -webkit-transform: translateZ(0);*/
  /*  transform: translateZ(0);*/
  /*}*/
  /*.bounce-to-bottom:before {*/
  /*  content: "";*/
  /*  position: absolute;*/
  /*  left: 0;*/
  /*  right: 0;*/
  /*  bottom: 0;*/
  /*  top: 0;*/
  /*  z-index: -1;*/
  /*  background: #FDE882;*/
  /*  -webkit-transform: scaleY(0);*/
  /*  transform: scaleY(0);*/
  /*  -webkit-transition-property: transform;*/
  /*  transition-property: transform;*/
  /*  -webkit-transform-origin: 50% 0%;*/
  /*  transform-origin: 50% 0%;*/
  /*  -webkit-transition: 300ms ease-out;*/
  /*  transition: 300ms ease-out;*/
    
  /*}*/
  /*.bounce-to-bottom:hover:before {*/
  /*  -webkit-transform: scaleY(1);*/
  /*  transform: scaleY(1);*/
  /*  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);*/
  /*  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);*/
  /*}*/
  
  
  .view-all-featured{
      margin:auto;
         display: block;
    text-align: center;
    margin-top: 4rem;
    background-color: #1F6175;
    width: fit-content;
    padding: 0.5rem 1.2rem;
    color: #fff;
  
    text-decoration: none;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    font-size:0.9rem;
  }
  
  
    .view-all-featured:hover{
      box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
      background-color: #000000;
      scale:1.1;
        
    }
  


  /* Featured-exclusive-section End */


  /* featured section preview part start */

  .preview-section{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    z-index: 999;
    background-color: #0000009d;
   width: 100%;
   height: 100%;
    display: none;
  }

  .closeprev-button{
    position: absolute;
    z-index: 99;
    background-color: red;
    top: -20px;
    right: -20px;
    border-radius: 50%;
    padding: 0.2rem 0.2rem 0.1rem 0.2rem;
    color: rgb(255, 255, 255);
    cursor: pointer;
 
  }

  .preview-container{
    width: 70%;
    border: 5px solid #000000;
    margin: auto;
    display: block;
    background-color: #ffffff;
    position: relative;
    margin-top: 2rem;
  }

  /* .preview-section a{
    text-decoration: none;
    color: #fff;
    
  } */

  /* .preview-container{
    display: flex;
  } */

  .preview-slider{
    width: 100%;
   position: relative;
  
    
  }
  .mySlides{
    height: 350px;
   
    /* box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    border: 2px solid #F5EBEB; */
  }

  .mySlides img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 

  }

  .preview-text{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #000000;
    padding: 1rem;
    color: #000000;
  }

 

  .preview-text-top h4{
    font-size: 1.5rem;
  }

  .preview-text-top span{
    font-size: 0.8rem;
  }

  .preview-price h5{
    font-size: 1.1rem;
  }

  .preview-discription{
    border-bottom: 1px solid #F5EBEB;
    padding: 1rem;
    color: #000000;
  }

  .preview-discription p{
    font-size: 0.8rem;

  }

  .preview-aminities-icon{
    display: flex;
   gap: 2rem;
    align-items: center;
    
    padding: 1rem;
    color: #000000;
    
  }

  .preview-aminities-icon i{
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    gap: 10px;
    
  }

  .preview-detail-button{
    background-color: #00000059;
    display: block;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    bottom: 10px;
    right: 20px;
  }

  .preview-detail-button:hover{
    background-color: #000000;

  }



  /* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}


   /* featured section preview part end */


    
  /* city slider start */

  .featuredcity-section{
   padding: 2rem 7rem 4rem 7rem;
    /* padding: 2rem; */
    margin-top: 2rem;
    position: relative;
    background-blend-mode: color;
    background-position: center;
    background-size: cover;
    background-color: #0000008f;
    background-attachment: fixed;
  }

  .featuredcity-section h2{
    color: #fff;
    border-color: #fff;

  }

  .featuredcity-section h3{
    color: #fff;

  }




  .featuredcity-container {
    width: 100%;
    
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 2rem;
    
  }

  .cityslide {
    background-position: center;
    background-size: cover;
    width: 23.5% !important;
    /* height: 250px; */
    overflow: hidden;
    position: relative;
    border: 1px solid #fff;
    
  }

  .cityslide img {
    display: block;
    width: 100%;
    height: 200px;
    /* border: 2px solid #F5EBEB ; */
   
    filter: brightness(60%);
  }

  .cityslide a{
    text-decoration: none;
  }

  .cityslide h5{
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 100;
    font-size: 1.1rem;

  }

  .cityslide p{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    font-size: 0.9rem;
    color: #000000;
    background-color: #fff;
    text-align: center;
    font-weight: 600;
    
    padding: 0.5rem;
  }

  .cityslide:hover img{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    scale: 1.05;

  }

  .featuredcity-section .swiper-button-next{
    right:1rem !important;
  }

  .featuredcity-section .swiper-button-prev{
    left:1rem !important;
  }

  .featuredcity-section .swiper-button-next , .featuredcity-section .swiper-button-prev{
    top: 65% !important;
    padding: 0.5rem 1rem;
    border-radius: 50%;
    color: #FFF !important;
    background-color: #cccccc40;
  }

  /* city slider end */






   /* collections for property start */

  .collection-property-section{
    margin-top: 2rem;
    margin-right: 5rem;
    margin-left: 5rem;
    padding: 2rem;
    /* display: none; */
    /* background-color: #557153; */
  }
 

  .collection-property-conatiner{
    display: flex;
    flex-wrap: wrap ;
    margin-top: 3rem;
    gap:2rem  ;
    justify-content: center;
  }

  .collection-property{
    width: 15%;
    height: 170px;
    /*border: 1px solid #1F6175;*/
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
     border-radius:50%;
    position: relative;
  }

  .collection-imgbox{
    height: 100%;
    width: 100%;
    overflow: hidden;
     border-radius:50%;
  }

  .collection-property:hover img{
    scale: 1.3;
    transition: 1s ease-in-out;
    filter: brightness(50%)blur(2px);
    
  }

  .collection-imgbox img{
    height: 100%;
    width: 100%;
    filter: brightness(60%)blur(1.3px);
    object-fit: cover;
    transition: 1s;
  }

  .collection-property p{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50% , -50%);
    color: #fff;
    font-size: 1rem;
    text-align: center;
   
    width: 100%;
    font-weight: 500;
  }

  /* collections for property end */


  /* Banner section start  */


  .banner-section-discover{
    margin-top: 2rem;
    margin-bottom: 2rem;
    position: relative;
  }

  .banner-discover-slider{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    height: 600px;
   
  }

  .banner-discover-slide{
    display: flex;
    transition: transform 3s ease-in-out;
  }

  .banner-discover-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
  }

  .banner-discover-slide:hover img{
    filter: grayscale(0);
  }

  .banner-discover-textbox{
    position: absolute;
    top: 50%;
    left: 5rem;
   
    transform: translate(0%, -50%);
    background-color: #1F6175;
    padding: 2rem;
    width: 360px;
  }

  .banner-discover-textbox h4{
    color: #fff;
    font-size: 2.3rem;
    margin-bottom: 1rem;
  }

  .banner-discover-textbox h5{
    color: #eee;
    font-size: 1.1rem;
    margin-bottom: 2rem;
    font-weight:300;

  }

  .banner-discover-textbox a{
    padding:0.7rem 2rem;
 
    background-color: #000000;
    border: 1px solid #000000;
    color: #fff;
    text-decoration: none;
    transition: 0.5s;

  }

  .banner-discover-textbox a:hover{
    color: #000000;
    border: 1px solid #fff;
    background-color: #fff;
    font-weight: bold;

  }


  /* Banner section end  */



   /* why buy with us start  */

   .buy-withus-section{
    /* background-color: #557153; */
    padding: 2rem;
    margin-top: 2rem;
    margin-left: 5rem;
    margin-right: 5rem;
   }

   .buy-withus-container{
    display: flex;
    gap: 1%;
    justify-content: space-between;
    flex-wrap: wrap;
    
    
   }

   .buy-withus-content{
    width: 27%;
    padding: 1rem;
    margin-top: 2rem;
    background-color: #1F6175;
    transition: 1s;
    transform: perspective(500px) rotateX(0deg) rotateY(0deg);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 5px;
    
   }

   .buy-withus-content:hover{
    transform: perspective(501px) rotateX(3deg) rotateY(10deg);
   }

   .buy-withus-content h4{
    text-align: center;
    font-size: 1.3rem;
    color: #000;
    box-shadow: rgba(73, 41, 0, 0.6) 0px 2px 4px, rgba(78, 44, 0, 0.4) 0px 7px 13px -3px, rgba(85, 48, 0, 0.4) 0px -3px 0px inset;
    background-color: #FDE882;
    padding: 0.5rem;
    font-weight: 100;
   }

   .buy-withus-content p{
    text-align: center;
    padding: 1rem;
    font-size: 0.8rem;
    color: #fff;
    /* background-color: #191717; */
    
   }

   /* why buy with us end  */