.evs-section-title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.evs-primary-underline {
  border-bottom: 4px solid var(--bs-primary);
  display: inline-block;
  padding-bottom: 0.3rem;
  margin-bottom: 1.5rem;
}

.evs-column-title {
  font-size: 1.25rem;
  font-weight: 600;
}

.evs-content-block {
  margin-bottom: 1.25rem;
}

.evs-col-wrapper {
  margin-bottom: 2rem;
}



.weviyFormDesign-ul-property-filter-search-container {
 background-color: var(--bs-primary);
  color: var(--white);
  border-radius:
20px;
  padding:
clamp(40px, 3.15vw, 60px) clamp(15px, 4.31vw, 82px);
  
  position: relative;
  overflow:
hidden;
  z-index: 1;
}

.weviyFormDesign-ul-property-filter-search-container::before {
  content: "";
  position: absolute;
  inset:
0;
  background:
url(https://realestics.temptics.com/assets/img/search-filter-img.jpg) no-repeat center center;
    background-size: auto;
  background-size: cover;
  mix-blend-mode: multiply;
  z-index: -1;
  opacity: 50%;
}




.weviy-services-item-1 {
    position: relative;
    z-index: 1;
    background-color: transparent;
}

.weviy-services-item-1::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90%;
    background-color: #ffffff;
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0% 100%);
    z-index: -1;
    transition: background-color 0.3s ease;
}

.weviy-services-item-1:hover::before {
    background-color:  var(--bs-primary) !important;
	color: #ffffff !important;
}


.weviy-services-item-1:hover a,
.weviy-services-item-1:hover p {
	color: #ffffff !important;
}




.weviy-cta-ul-app-ad-imgs-1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  z-index: 1;
}


.weviy-cta-ul-app-ad-imgs-1::before {
  content: "";

  position: absolute;

  width: clamp(280px, 20.39vw, 388px);

  aspect-ratio: 1/1;

  background-color: var(--bs-primary);

  top: 0;

  right: clamp(21px, 1.26vw, 24px);

  z-index: -1;

  border-radius:
999px;

}


.mainstyle-val-img-fitin{
    object-fit: cover !important;
    width:100% !important;
    max-height: 300px !important;
}


.kayceeSiteBuilder-addedSite-wrapper .p2-180{
    padding: 100px 180px !important
}


/*.kayceeSiteBuilder-addedSite-wrapper .card {*/
/*    margin: 5px !important;*/
/*}*/


.kayceeSiteBuilder-addedSite-wrapper .d-flex {
  gap: 10px !important;
}

.kayceeSiteBuilder-addedSite-wrapper .p100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.kayceeSiteBuilder-addedSite-wrapper .p150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
}

.kayceeSiteBuilder-addedSite-wrapper .p200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
}



.kayceeSiteBuilder-addedSite-wrapper .pt100 {
    padding-top: 100px !important;
}

.kayceeSiteBuilder-addedSite-wrapper .pt150 {
    padding-top: 150px !important;
}

.kayceeSiteBuilder-addedSite-wrapper .pt200 {
    padding-top: 200px !important;
}




.kayceeSiteBuilder-addedSite-wrapper .pb100 {
    padding-bottom: 100px !important;
}

.kayceeSiteBuilder-addedSite-wrapper .pt150 {
    padding-bottom: 150px !important;
}

.kayceeSiteBuilder-addedSite-wrapper .pt200 {
    padding-bottom: 200px !important;
}


.site-header__cart-count{
    min-width: 16px !important;
    height: 16px !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    color: var(--color-button-text) !important;
    background-color: var(--bs-primary) !important;
    border: 1px solid var(--color-button-border) !important;
    border-radius: 100% !important;
    position: absolute !important;
    top: 1px !important;
    right: 1px !important;
    z-index: 9 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 0.8rem !important;
    margin-right: .5rem !important;
}

/* For mobile devices (up to 768px) */
@media only screen and (max-width: 768px) {
    /* Styles for mobile */
    
    .site-header__cart-count{
        right: 0px !important;
    }
    
}

/* For tablets (between 768px and 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Styles for tablets */
    
    .site-header__cart-count{
        right: auto !important;
    }
}




.leave-rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.leave-rating input {
    display: none;
}

.leave-rating label {
    font-size: 24px;
    color: #ccc;
    cursor: pointer;
    transition: color 0.2s;
}

.leave-rating input:checked ~ label,
.leave-rating label:hover,
.leave-rating label:hover ~ label {
    color: gold;
}


 /*reuseable*/
/* Small devces (Large Phones: 425px - 575px)  SM.
Small Tablets & Large Phones (576px - 767px) MD.
Tablets & Small Laptops (768px - 991px) LG .
Laptops & Small Desktops (992px - 1199px) XL.
Large Desktops & Monitors (1200px - 1399px) XXL .
Extra Large Screens (1400px and above) XXXL */

  
.vc-section   a {
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    transition: 0.5s;
  }
  
.vc-section   h1, h2, h3, h4, h5, h6 {
    /*margin: 0 0 20px 0;*/
    color: var(--bs-dark);
    line-height: 1.3;
    word-break: break-word;
} 
 
.vc-section span{
    display: inline-block;
}

.vc-section ul li{
    list-style-type: none;
}
.vc-section ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.vc-section img {
    max-width: 100%;
    /* height: auto; */
    object-fit: cover;
    vertical-align: middle;
}

.vc-section p {
    font-size: 16px;
    margin: 0;
    font-weight: 400;
    word-break: break-word;
    color: var(--bs-tertiary) !important;
}

.vc-section p:last-child {
    margin-bottom: 0;
}

/*Margin & Padding */
.vc-pt-0 {
    padding-top: 0 !important;
  }
  
  .vc-pb-0 {
    padding-bottom: 0 !important;
  }
  
  .vc-pt-20 {
    padding-top: 20px !important;
  }
  
  .vc-pb-20 {
    padding-bottom: 20px !important;
  }
  
  .vc-pt-30 {
    padding-top: 30px !important;
  }
  
  .vc-pb-30 {
    padding-bottom: 30px !important;
  }
  
  .vc-pt-40 {
    padding-top: 40px !important;
  }
  
  .vc-pb-40 {
    padding-bottom: 40px !important;
  }
  
  .vc-pt-50 {
    padding-top: 50px !important;
  }
  
  .vc-pb-50 {
    padding-bottom: 50px !important;
  }
  
  .vc-pt-60 {
    padding-top: 60px !important;
  }
  
  .vc-pb-60 {
    padding-bottom: 60px !important;
  }
  
  .vc-pt-70 {
    padding-top: 70px !important;
  }
  
  .vc-pb-70 {
    padding-bottom: 70px !important;
  }
  
  .vc-pt-80 {
    padding-top: 80px !important;
  }
  
  .vc-pb-80 {
    padding-bottom: 80px !important;
  }
  
  .vc-pt-90 {
    padding-top: 90px !important;
  }
  
  .vc-pb-90 {
    padding-bottom: 90px !important;
  }
  
  .vc-pt-100 {
    padding-top: 100px !important;
  }
  
  .vc-pb-100 {
    padding-bottom: 100px !important;
  }
  
  .vc-pt-120 {
    padding-top: 120px !important;
  }
  
  .vc-pb-120 {
    padding-bottom: 120px !important;
  }
  
  .vc-pt-150 {
    padding-top: 150px !important;
  }
  
  .vc-pb-150 {
    padding-bottom: 150px !important;
  }
  
  .vc-pt-180 {
    padding-top: 180px !important;
  }
  
  .vc-pb-180 {
    padding-bottom: 180px !important;
  }
  
  .vc-pt-200 {
    padding-top: 200px !important;
  }
  
  .vc-pb-200 {
    padding-bottom: 200px !important;
  }
  
  .vc-pt-240 {
    padding-top: 240px !important;
  }
  
  .vc-pb-240 {
    padding-bottom: 240px !important;
  }
  
  .vc-pt-270 {
    padding-top: 270px !important;
  }
  
  .vc-pb-270 {
    padding-bottom: 270px !important;
  }
  
  .vc-mt-10 {
    margin-top: 10px !important;
  }
  
  .vc-mb-10 {
    margin-bottom: 10px !important;
  }
  
  .vc-mt-15 {
    margin-top: 15px !important;
  }
  
  .vc-mb-15 {
    margin-bottom: 15px !important;
  }
  
  .vc-mt-20 {
    margin-top: 20px !important;
  }
  
  .vc-mb-20 {
    margin-bottom: 20px !important;
  }
  
  .vc-mt-30 {
    margin-top: 30px !important;
  }
  
  .vc-mb-30 {
    margin-bottom: 30px !important;
  }
  
  .vc-mt-40 {
    margin-top: 40px !important;
  }
  
  .vc-mb-30 {
    margin-bottom: 40px !important;
  }
  
  .vc-mt-50 {
    margin-top: 50px !important;
  }
  
  .vc-mb-50 {
    margin-bottom: 50px !important;
  }
  
  .vc-mt-60 {
    margin-top: 60px !important;
  }
  
  .vc-mb-60 {
    margin-bottom: 60px !important;
  }
  
  .vc-mt-70 {
    margin-top: 70px !important;
  }
  
  .vc-mb-70 {
    margin-bottom: 70px !important;
  }
  
  .vc-mt-80 {
    margin-top: 80px !important;
  }
  
  .vc-mb-80 {
    margin-bottom: 80px !important;
  }
  
  .vc-mt-90 {
    margin-top: 90px !important;
  }
  
  .vc-mb-90 {
    margin-bottom: 90px !important;
  }
  
  .vc-mt-100 {
    margin-top: 100px !important;
  }
  
  .vc-mb-100 {
    margin-bottom: 100px !important;
  }
  
  .vc-mt-120 {
    margin-top: 120px !important;
  }
  
  .vc-mb-120 {
    margin-bottom: 120px !important;
  }
  
  .vc-mt-150 {
    margin-top: 150px !important;
  }
  
  .vc-ml-10 {
    margin-left: 10px !important;
  }
  
  .vc-ml-20 {
    margin-left: 20px !important;
  }
  
  .vc-ml-30 {
    margin-left: 30px !important;
  }
  
  .vc-ml-40 {
    margin-left: 40px !important;
  }
  
  .vc-ml-50 {
    margin-left: 50px !important;
  }
  
  .vc-mr-10 {
    margin-right: 10px !important;
  }
  
  .vc-mr-15 {
    margin-right: 15px !important;
  }
  
  .vc-mr-20 {
    margin-right: 20px !important;
  }
  
  .vc-mr-30 {
    margin-right: 30px !important;
  }
  
  .vc-mr-35 {
    margin-right: 35px !important;
  }
  
  .vc-mr-40 {
    margin-right: 40px !important;
  }
  
  .vc-mr-50 {
    margin-right: 50px !important;
  }
  
  .vc-pt-50 {
    padding-top: 50px !important;
  }
  
  .vc-pb-50 {
    padding-bottom: 50px !important;
  }
  
  .vc-pl-30 {
    padding-left: 30px !important;
  }
  
  .vc-pr-30 {
    padding-right: 30px !important;
  }
  
  .vc-pl-50 {
    padding-left: 50px !important;
  }
  
  .vc-pr-50 {
    padding-right: 50px !important;
  }
  
  .vc-pl-60 {
    padding-left: 60px !important;
  }
  
  .vc-pr-60 {
    padding-right: 60px !important;
  }
  
  .vc-pl-85 {
    padding-left: 85px !important;
  }
  
  .vc-pr-85 {
    padding-right: 85px !important;
  }
  
  .vc-pl-100 {
    padding-left: 100px !important;
  }
  
  .vc-pr-50 {
    padding-right: 100px !important;
  }
  
  .vc-ml-auto {
    margin-left: auto !important;
  }
  
  .vc-mr-auto {
    margin-right: auto !important;
  }

.vc-py-120{
    padding-top: 60px;
    padding-bottom: 60px;
}

.vc-py-100{
    padding-top: 50px;
    padding-bottom: 50px;
}

.vc-pb-100 {
    padding-bottom: 100px !important;
}

.vc-pt-100 {
    padding-top: 100px !important;
}
.vc-mb-20 {
    margin-bottom: 20px !important;
}
.vc-mb-50 {
    margin-bottom: 50px !important;
}
.vc-order-1{
    order: 1 !important;
}
.vc-order-2{
    order: 2 !important;
}

.vc-d-flex{
    display: flex;
}
.vc-grid{
    display: grid;
}

.vc-m-auto{
    margin: auto !important;
}
.vc-mr-130 {
    margin-right: 130px !important;
  }
.vc-m-auto{
    margin: auto;
}

.vc-align-self-center {
    align-self: center !important;
}
.vc-align-items-center {
    align-items: center !important;
}

.vc-text-center {
    text-align: center !important;
}
.vc-justify-content-center{
    justify-content: center;
}
.vc-justify-item-center{
    justify-content: center;
}

.vc-justify-content-between{
  justify-content: space-between;
}
.vc-justify-content-around{
  justify-content: space-around;
}
.vc-justify-content-evenly{
  justify-content: space-evenly;
}

.vc-text-end {
    text-align: right !important;
}
.vc-img-fluid {
    max-width: 100%;
    height: auto;
}
.vc-margin-auto{
    margin: auto;
}

.vc-section{
    padding: 100px 0;
    font-family: "Poppins", sans-serif;
}

.vc-container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.vc-nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.vc-row{
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0.75rem;
}

.vc-row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right:  0.75rem;
    padding-left: 0.75rem;
    margin-top: 0;
}

.vc-col {
    flex: 1;
}

.vc-form-control{
    display: block;
    width: 100%;
    background: var(--bs-light);
    border: 1px solid #e8e8e8;
    padding: 13px 20px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1rem;
    transition: 0.3s;
    margin-bottom: 20px;
    border-radius: 7px;
    height: 58px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.vc-textarea {
    height: 130px;
    resize: none;
}

.vc-d-none {
    display: none !important;
}

.vc-d-block {
    display: block !important;
}
.vc-text-white{
  color: rgb( 255, 255, 255);
}

.vc-col-1 { width: 8.33%; flex: 0 0 auto;}
.vc-col-2 { width: 16.66%; flex: 0 0 auto;}
.vc-col-3 { width: 25%; flex: 0 0 auto;}
.vc-col-4 { width: 33.33%; flex: 0 0 auto;}
.vc-col-5 { width: 41.66%; flex: 0 0 auto;}
.vc-col-6 { width: 50%; flex: 0 0 auto;}
.vc-col-7 { width: 58.33%; flex: 0 0 auto;}
.vc-col-8 { width: 66.66%; flex: 0 0 auto;}
.vc-col-9 { width: 75%; flex: 0 0 auto;}
.vc-col-10 { width: 83.33%; flex: 0 0 auto;}
.vc-col-11 { width: 91.66%; flex: 0 0 auto;}
.vc-col-12 { width: 100%; flex: 0 0 auto;}


/* sm */
@media (min-width: 425px) {
    .vc-col-sm-1 { width: 8.33%; flex: 0 0 auto;}
    .vc-col-sm-2 { width: 16.66%; flex: 0 0 auto;}
    .vc-col-sm-3 { width: 25%; flex: 0 0 auto;}
    .vc-col-sm-4 { width: 33.33%; flex: 0 0 auto;}
    .vc-col-sm-5 { width: 41.66%; flex: 0 0 auto;}
    .vc-col-sm-6 { width: 50%; flex: 0 0 auto;}
    .vc-col-sm-7 { width: 58.33%; flex: 0 0 auto;}
    .vc-col-sm-8 { width: 66.66%; flex: 0 0 auto;}
    .vc-col-sm-9 { width: 75%; flex: 0 0 auto;}
    .vc-col-sm-10 { width: 83.33%; flex: 0 0 auto;}
    .vc-col-sm-11 { width: 91.66%; flex: 0 0 auto;}
    .vc-col-sm-12 { width: 100%; flex: 0 0 auto;}
}

/* md */
@media (min-width: 576px) {
    .vc-col-md-1 { width: 8.33%; flex: 0 0 auto;}
    .vc-col-md-2 { width: 16.66%; flex: 0 0 auto;}
    .vc-col-md-3 { width: 25%; flex: 0 0 auto;}
    .vc-col-md-4 { width: 33.33%; flex: 0 0 auto;}
    .vc-col-md-5 { width: 41.66%; flex: 0 0 auto;}
    .vc-col-md-6 { width: 50%; flex: 0 0 auto;}
    .vc-col-md-7 { width: 58.33%; flex: 0 0 auto;}
    .vc-col-md-8 { width: 66.66%; flex: 0 0 auto;}
    .vc-col-md-9 { width: 75%; flex: 0 0 auto;}
    .vc-col-md-10 { width: 83.33%; flex: 0 0 auto;}
    .vc-col-md-11 { width: 91.66%; flex: 0 0 auto;}
    .vc-col-md-12 { width: 100%; flex: 0 0 auto;}
}

/* lg */
@media (min-width: 992px) {
    
    .vc-container{
        width: 80%;
    }
    
    .vc-container-fluid{
      width: 100%;
  }

    .vc-col-lg-1 { width: 8.33%; flex: 0 0 auto;}
    .vc-col-lg-2 { width: 16.66%; flex: 0 0 auto;}
    .vc-col-lg-3 { width: 25%; flex: 0 0 auto;}
    .vc-col-lg-4 { width: 33.33%; flex: 0 0 auto;}
    .vc-col-lg-5 { width: 41.66%; flex: 0 0 auto;}
    .vc-col-lg-6 { width: 50%; flex: 0 0 auto;}
    .vc-col-lg-7 { width: 58.33%; flex: 0 0 auto;}
    .vc-col-lg-8 { width: 66.66%; flex: 0 0 auto;}
    .vc-col-lg-9 { width: 75%; flex: 0 0 auto;}
    .vc-col-lg-10 { width: 83.33%; flex: 0 0 auto;}
    .vc-col-lg-11 { width: 91.66%; flex: 0 0 auto;}
    .vc-col-lg-12 { width: 100%; flex: 0 0 auto;}

    .vc-order-lg-1{
        order: 1 !important;
    }
    .vc-order-lg-2{
        order: 2 !important;
    }
    .vc-d-lg-inline-block {
        display: inline-block !important;
    }

    .vc-d-lg-none {
        display: none !important;
    }

    .vc-d-lg-block {
        display: block !important;
    }

    .vc-logo a img{
        width: 30%;
    }

    .vc-text-lg-end {
        text-align: right !important;
    }
}


/* xl */
@media (min-width: 1200px) {
    .vc-col-xl-1 { width: 8.33%; flex: 0 0 auto;}
    .vc-col-xl-2 { width: 16.66%; flex: 0 0 auto;}
    .vc-col-xl-3 { width: 25%; flex: 0 0 auto;}
    .vc-col-xl-4 { width: 33.33%; flex: 0 0 auto;}
    .vc-col-xl-5 { width: 41.66%; flex: 0 0 auto;}
    .vc-col-xl-6 { width: 50%; flex: 0 0 auto;}
    .vc-col-xl-7 { width: 58.33%; flex: 0 0 auto;}
    .vc-col-xl-8 { width: 66.66%; flex: 0 0 auto;}
    .vc-col-xl-9 { width: 75%; flex: 0 0 auto;}
    .vc-col-xl-10 { width: 83.33%; flex: 0 0 auto;}
    .vc-col-xl-11 { width: 91.66%; flex: 0 0 auto;}
    .vc-col-xl-12 { width: 100%; flex: 0 0 auto;}
}

/* xxl */
@media (min-width: 1400px) {
    .vc-col-xxl-1 { width: 8.33%; flex: 0 0 auto;}
    .vc-col-xxl-2 { width: 16.66%; flex: 0 0 auto;}
    .vc-col-xxl-3 { width: 25%; flex: 0 0 auto;}
    .vc-col-xxl-4 { width: 33.33%; flex: 0 0 auto;}
    .vc-col-xxl-5 { width: 41.66%; flex: 0 0 auto;}
    .vc-col-xxl-6 { width: 50%; flex: 0 0 auto;}
    .vc-col-xxl-7 { width: 58.33%; flex: 0 0 auto;}
    .vc-col-xxl-8 { width: 66.66%; flex: 0 0 auto;}
    .vc-col-xxl-9 { width: 75%; flex: 0 0 auto;}
    .vc-col-xxl-10 { width: 83.33%; flex: 0 0 auto;}
    .vc-col-xxl-11 { width: 91.66%; flex: 0 0 auto;}
    .vc-col-xxl-12 { width: 100%; flex: 0 0 auto;}
}

.vc-form-control::placeholder{
    color: #a4a1a17e !important;
    font-weight: lighter !important;
    font-size: 14px !important;
}





/*reuseable stop here*/










/* /////// ABOUT SECTIONS //////// */
/* about one */
.vc-about-1 {
    color: var(--bs-text);
    word-break: break-word;
    background-color: var(--bs-background);
    font-weight: 300;
    width: 100%;
    height: auto;
}

.vc-about-1 .vc-about-left{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: transparent;
} 

.vc-about-1 .vc-about-left__thumbs {
    width: calc(100% - 40%);
    max-height: 490px;
    overflow: hidden;
}
.vc-about-1 .vc-about-left__thumbs  img {
    width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.vc-about-1 .vc-about-left__thumbs img:nth-child(2) {
    position: absolute;
    max-width: 75%;
    max-height: 350px;
    right: 0;
    top: 0;
    border-left: 40px solid var(--bs-primary);
    border-bottom: 40px solid  var(--bs-primary);
    border-radius: 0 0 0 10px;
}

.vc-about-1 .vc-about-years{
    width: 40%;
}
.vc-about-1 .vc-about-years__text{
    background-color: var(--bs-secondary);
    width: 100%;
    height: 100%;
    display: flex;
    padding: 10px;
    margin-bottom: 0;
    border-left: 40px solid var(--bs-dark);
    text-align: center;
    justify-content: center;
    align-items: flex-end;
    font-size: 92px;
    font-weight: 600;
    color: var(--bs-light);
}

.vc-about-1 .vc-info {
    max-width: 550px;
    margin-left: 0;
    margin-right: auto;
    text-align: left;
    margin-bottom: 55px;
}

.vc-about-1 .vc-section-heading__subtitle {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--bs-dark);
}

.vc-about-1 .vc-bars-one {
    display: none;
}

.vc-about-1 .vc-bars-one{
    left: -15px;
}
.vc-about-1 .vc-section-heading__bars {
    position: relative;
    width: 4px;
    height: 10px;
    background-color: var(--bs-secondary);
    border-radius: 30px;
}

.vc-about-1 .vc-bars-two{
    left: 15px;
}

.vc-about-1 .vc-section-heading__bars::before, .vc-about-1 .vc-section-heading__bars::after {
    position: absolute;
    content: "";
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 8px;
    background-color: var(--bs-primary);
    border-radius: 30px;
}

.vc-about-1 .vc-section-heading__bars::after {
    left: -8px;
}

.vc-about-1 .vc-section-heading_title{
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 600;
    color: var(--bs-dark);
}
.vc-about-1 .vc-section-heading__title-colored {
    color: var(--bs-primary);
}

.vc-about-1 .vc-section-heading__desc{
    max-width: 450px;
    margin-left: 0;
    margin-right: auto;
}

.vc-about-1 .vc-owner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.vc-about-1 .vc-owner__thumb {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}

.vc-about-1 .vc-owner__details {
    width: calc(100% - 80px);
    padding-left: 20px;
}

.vc-about-1 .vc-owner__name{
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 1.4rem;
    color: var(--bs-dark);
}
.vc-about-1 .vc-owner__sign{
    color: var(--bs-secondary);
    font-weight: 400;
}


/* ///////// about 2 /////////////*/
.vc-about-2 {
    position: relative;
    display: block;
    background-color: var(--bs-background);
    padding: 100px 0 100px;
    z-index: 1;
}

.vc-about-2 .vc-intro-style1-video-gallery{
    position: relative;
    display: block;
    min-height: 720px;
    margin-right: 20px;
}

.vc-about-2 .vc-intro-style1-video-gallery-bg{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: var(--bs-text);
    background-blend-mode: luminosity;
}

.vc-about-2 .vc-intro-video-gallery-style1 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .vc-about-2 .vc-intro-video-gallery-style1 .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    background: var(--bs-light);
    margin: 0 auto;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 2;
} */
.vc-about-2 .vc-icon-play-button-1{
    font-size: 30px;
}

/* .vc-about-2 .vc-video-popup {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
} */
/* .vc-about-2 .vc-intro-video-gallery-style1 .icon .video-popup span::before {
    position: relative;
    color: red;
    font-size: 30px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}  */
/* .vc-about-2 .icon::after{
    width: 100%;
    height: 100%;
    border-radius: 0%;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    animation-delay: .9s;
    content: "";
    position: absolute;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
    transition: all .4s ease;
    z-index: -1;
} */

/* .vc-about-2 .vc-intro-style1-content-box{
    position: relative;
    display: block;

} */

.vc-about-2 .vc-intro-style1-content-box .vc-sec-title {
    padding-bottom: 10px;
}
.vc-about-2 .vc-sec-title {
    position: relative;
    display: block;
    margin-top: -8px;
    padding-bottom: 55px;
}

.vc-about-2 .vc-sec-title h2 {
    color: var(--bs-dark);
    font-size: 48px;
    line-height: 1.1em;
    font-weight: 500;
    text-transform: capitalize;
}

.vc-about-2 .vc-intro-style1-content-box p{
    color: var(--bs-text) !important;
}

.vc-about-2 .vc-intro-style1-content-box .vc-text {
    position: relative;
    display: block;
    padding-bottom: 43px;
}

.vc-about-2 .vc-intro-style1-single-box {
    position: relative;
    display: block;
    padding-right: 20px;
}

.vc-about-2 .vc-intro-style1-single-box .vc-img-box {
    position: relative;
    display: block;
    background-color: var(--bs-text);
}

.vc-about-2 .vc-img-box-inner {
    position: relative;
    display: block;
    overflow: hidden;
}

.vc-about-2 .vc-intro-style1-single-box .vc-img-box img {
    width: 100%;
    mix-blend-mode: luminosity;
    transform: scale(1.0);
    transition: all 200ms ease;
}

.vc-about-2 .vc-intro-style1-single-box .vc-overlay-text {
    position: absolute;
    bottom: 20px;
    right: -20px;
    background-color: var(--bs-light);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
    padding: 14px 20px 15px;
    z-index: 2;
}

.vc-about-2 .vc-intro-style1-single-box .vc-overlay-text h3 {
    color: var(--bs-primary);
    font-size: 18px;
    font-weight: 500;
}

.vc-about-2 .vc-intro-style1-single-box .vc-title-box {
    position: relative;
    display: block;
    padding-top: 22px;
}
.vc-about-2 .vc-intro-style1-single-box .vc-title-box h3 {
    font-size: 22px;
    line-height: 28px;
    
}
.vc-intro-style1-single-box .vc-title-box h3 a {
    color: var(--bs-secondary);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}


/*////////// About 3///////////*/
.vc-about-3 {
    position: relative;
    padding-top: 90px;
    padding-bottom: 245px;
}

.vc-about-3 .home-shape {
    position: absolute;
    right: 18%;
    top: 9%;
    z-index: -1;
}

.vc-about-3 .circle-shape {
    position: absolute;
    right: 0;
    top: 2%;
    z-index: -1;
}

.vc-about-3 .vc-section-title {
    margin-bottom: 0;
}

.vc-about-3 .vc-section-title h6 {
    color: var(--bs-primary) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: 3.2px;
    text-transform: uppercase;
}
.vc-about-3 .vc-section-title h2 {
    color: var(--bs-dark) !important;
    font-size: 46px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px;
    margin-bottom: 0;
}
.vc-about-3 .vc-section-title p{
    margin-bottom: 0;
    margin-top: 1.5rem 
}

.vc-about-3 .vc-about-wrapper .vc-about-content .vc-about-list {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.vc-about-3 .vc-about-wrapper .vc-about-content .vc-about-list li {
    font-size: 100px;
    list-style: none;
    font-size: 22px;
    font-weight: 500;
    color: #272727;
    padding: 18px;
    border-radius: 65px;
    border: 1px solid #E7EBEF;
    background: var(--bs-background);
    line-height: 1;
}
.vc-about-3 .vc-about-wrapper .vc-about-content .vc-about-list li i {
    margin-right: 10px;
    color: var(--bs-primary);
}

.vc-about-3 .vc-btn-2 {
    background-color: var(--bs-primary);
    color: var(--bs-light);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px;
    padding: 15px 20px;
    display: inline-block;
    position: relative;
    margin-top: 15px;
}
.vc-about-3 .vc-btn-2:hover {
    background-color: var(--bs-secondary);
    transition: 0.45s;
}
.vc-about-3 .vc-btn-2 i {
    position: relative;
    top: -1px;
    margin-left: 25px;
    font-size: 10px;
    transition-duration: 400ms;
}

.vc-justify-content-center{
    justify-content: center !important;
}

.vc-about-3 .vc-about-wrapper .vc-about-image-items .vc-about-image img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.vc-about-3 .vc-about-wrapper .vc-about-image-items .vc-about-image.style-1 {
    margin-top: -50px;
}

/*////////// about 5 /////////// */
.vc-about-5 {
    position: relative;
    overflow: hidden;
    padding-top: 120px;
    padding-bottom: 120px;
}

.vc-about-5 .vc-about-item {
    position: relative;
}
.vc-about-5 .vc-about-item .vc-list-items {
    padding-right: 30px;
}

.vc-about-5 .vc-about-item .list-items li {
    padding-left: 0;
}

.vc-about-5 .vc-list-items li {
    margin-bottom: 10px;
    padding-left: 80px;
    position: relative;
}

.vc-about-5 .vc-about-item .vc-list-items li span {
    font-size: 28px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    background-color: var(--bs-primary);
    transition: all 0.3s;
}

.vc-about-5 .vc-list-items li span{
    margin-right: 17px;
    font-size: 50px;
    position: absolute;
    left: 0;
    top: -7px;
    color: var(--bs-light);
}
.vc-about-5 .vc-list-items li span:hover{
    background-color: var(--bs-text);
    color: var(--bs-light);
}

.vc-about-5 .vc-about-item .vc-list-items li span:after {
    position: absolute;
    content: "";
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid var(--bs-primary);
    transition: all 0.3s;
}
.vc-about-5 .vc-list-items li span:hover::after{
    border-left: 7px solid var(--bs-text);
}

.vc-about-5 .vc-about-item .vc-list-items li h3 {
    padding-top: 7px;
    margin-bottom: 25px;
    font-size: 22px;
    color: var(--bs-text);
}

.vc-about-5 .vc-list-items li h3 {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 24px;
}

.vc-about-5 .vc-list-items li p {
    line-height: 28px;
}

.vc-about-5 .vc-section-heading {
    position: relative;
    z-index: 1;
}

.vc-about-5 .vc-section__meta {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    color: var(--bs-primary);
    background-color: var(--bs-background);
    padding: 5px 10px;
    border-radius: 4px;
    letter-spacing: 0.6px;
    margin-bottom: 15px;
    font-weight: 500;
}

.vc-about-5 .vc-section-heading .vc-section__title {
    font-size: 45px;
    font-weight: 600;
    color: var(--bs-dark);
}
.vc-about-5 .vc-section-divider {
    position: relative;
    width: 90px;
    height: 3px;
    margin-top: 26px;
    margin-bottom: 30px;
}

.vc-about-5 .vc-section-divider:before, .vc-section-divider:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background-color: var(--bs-primary);
}
.vc-about-5 .vc-section-divider:after {
    right: 25px;
    left: auto;
    background-color: var(--bs-light);
    width: 10px;
    border-radius: 0;
}

.vc-about-5 .vc-section-description {
    margin-bottom: 34px;
    position: relative;
    z-index: 1;
}

.vc-about-5 .section__desc {
    line-height: 28px;
}

.vc-about-5 .vc-video-image-gallery {
    position: relative;
}

.vc-about-5 .vc-video-image-gallery:before {
    position: absolute;
    content: "";
    right: -32px;
    bottom: -32px;
    background-image: url(https://techydevs.com/demos/themes/html/prizon-demo/prizon/images/dots.png);
    background-size: cover;
    background-position: center;
    width: 225px;
    height: 225px;
    opacity: 0.2;
    z-index: -1;
}

.vc-about-5 .vc-video-image-gallery img {
    width: 100%;
    border-radius: 4px;
}

.vc-about-5 .vc-video-image-gallery:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bs-text);
    opacity: 0.3;
    border-radius: 4px;
}

.vc-about-5 .vc-video-image-gallery .vc-preview-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.vc-about-5 .vc-preview-video .vc-video-play-btn {
    width: 60px;
    height: 60px;
    line-height: 66px;
}

.vc-about-5 .vc-preview-video .vc-video-play-btn {
    text-align: center;
    width: 80px;
    height: 80px;
    line-height: 90px;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
    display: block;
    border-radius: 50%;
    background-color: var(--bs-light);
    color: var(--bs-primary);
    position: relative;
}

.vc-about-5 .vc-preview-video p {
    color: var(--bs-light) !important;
    margin-top: 15px;
    font-weight: 500;
}


/* //////// about 6 //////// */
.vc-about-6 {
    position: relative;
    z-index: 1;
    background-color: var(--bs-background);
    padding-top: 100px;
    padding-bottom: 100px;
}


.vc-about-6 .vc-health-coaching-shape3 {
    position: absolute;
    left: 8px;
    bottom: 0;
    z-index: -1;
}

.vc-about-6 .vc-content .vc-sub-title {
    text-transform: uppercase;
    display: block;
    color: var(--bs-primary);
    font-weight: 500;
    margin-bottom: 10px;
}

.vc-about-6 .vc-content h2 {
    margin-bottom: 15px;
    font-size: 37px;
    font-weight: 700;
    color: var(--bs-dark);
}

.vc-about-6 .vc-content .vc-features-list {
    padding-left: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    margin-top: 5px;
    margin-left: -15px;
    margin-right: -15px;
}
.vc-about-6 .vc-content .vc-features-list li {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
}
.vc-about-6 .vc-content .vc-features-list li span {
    display: block;
    color: var(--bs-text);
    position: relative;
    font-weight: 600;
    padding-left: 40px;
    padding-top: 5px;
}
.vc-about-6 .vc-content .vc-features-list li span i {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: var(--bs-light);
    background-color: var(--bs-primary);
    z-index: 1;
    border-radius: 50%;
    font-size: 20px;
    transition: 0.5s;
}

.vc-about-6 .vc-content .vc-default-btn {
    margin-top: 35px;
}
.vc-about-6 .vc-default-btn {
    transition: 0.5s;
    display: inline-block;
    padding: 13px 25px 12px 55px;
    position: relative;
    background-color: var(--bs-primary);
    color: var(--bs-light);
    border-width: 2px;
    border-style: solid;
    border-color: var(--bs-primary);
    border-radius: 1px;
    font-size: 14.5px;
    font-weight: 700;
}

.vc-about-6 .vc-default-btn:hover{
    background: var(--bs-secondary);
    transition: all .3s ease-in-out;
    border: 1px solid var(--bs-secondary);
}


.vc-about-6 .vc-default-btn .vc-icon-arrow.vc-before {
    left: 20px;
    position: absolute;
    transform-origin: left center;
}
.vc-about-6 .vc-default-btn .vc-icon-arrow {
    color: var(--bs-light);
    top: 11px;
    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1);
    font-size: 25px;
}
.vc-about-6 .vc-default-btn .vc-label, .vc-about-6 .vc-default-btn .vc-icon-arrow {
    backface-visibility: hidden;
    transform: translateZ(0);
    perspective: 1000;
}
.vc-about-6 .vc-default-btn .vc-label {
    display: inline-block;
}

.vc-about-6 .vc-default-btn .vc-icon-arrow.vc-after {
    opacity: 0;
    position: absolute;
    right: 20px;
    transform: translateX(75%) scaleX(0.1);
    transform-origin: right center;
}

.vc-about-6 .vc-about-image {
    text-align: right;
    position: relative;
    z-index: 1;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
}

.vc-about-6 .vc-about-image::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: var(--bs-light);
    margin-right: 30px;
}

.vc-about-6 .vc-about-inner-area {
    margin-top: 80px;
}
.vc-about-6 .vc-about-text h3 {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    font-size: 20px;
    font-weight: 700;
    color: var(--bs-text);
}

.vc-about-6 .vc-about-text h3::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 50px;
    background-color: var(--bs-secondary);
    height: 1px;
}
.vc-about-6 .vc-about-text .vc-features-list {
    padding-left: 0;
    list-style-type: none;
    margin-top: 15px;
    margin-bottom: 0;
}
.vc-about-6 .vc-about-text .vc-features-list li {
    position: relative;
    margin-bottom: 12px;
    color: var(--bs-text);
    padding-top: 3px;
    padding-left: 30px;
}
.vc-about-6 .vc-about-text .vc-features-list li i {
    font-size: 16px;
    color: var(--bs-text);
    background-color: #eaeaf2;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    transition: 0.5s;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.vc-about-6 .vc-features-list li span i::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--bs-primary);
    border-radius: 50%;
    z-index: -1;
    margin: 2px 1px 1px 2px;
    transition: 0.5s;
}
.vc-about-6 .vc-about-image img{
    height: 350px;
    width: 100%;
    object-fit: cover;
}

/* ////// about 7 //////// */
.vc-about-7{
    position: relative;
    overflow: hidden;
    padding-top: 120px;
    padding-bottom: 90px;
}

.vc-about-7 .vc-about-item {
    position: relative;
}
.vc-about-7 .vc-section-heading {
    position: relative;
    z-index: 1;
}
.vc-about-7 .vc-section-icon-balance {
    position: relative;
    height: 40px;
    width: 40px;
    line-height: 40px;
    margin-bottom: 9px;
}

.vc-about-7 .vc-section-icon-balance:after {
    position: absolute;
    left: 0;
    bottom: 1px;
    content: "\f24e";
    font-weight: 900;
    font-size: 25px;
    color: var(--bs-primary);
}

.vc-about-7 .vc-section-heading .vc-section__meta {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    color: var(--bs-primary);
    background-color: var(--bs-background);
    padding: 5px 10px;
    border-radius: 4px;
    letter-spacing: 0.6px;
    margin-bottom: 15px;
    font-weight: 500;
}

.vc-about-7 .vc-section-heading .vc-section__title {
    font-size: 45px;
    font-weight: 600;
    color: var(--bs-dark);
}

.vc-about-7 .vc-section-description {
    margin-bottom: 34px;
    position: relative;
    margin-top: 1.5rem !important;
    z-index: 1;
}

.vc-about-7 .vc-section-description .vc-section__desc {
    line-height: 28px;
    margin: 0;
}
.vc-about-7 .vc-tab-wrap{
    padding-bottom: 1.5rem !important;
}

.vc-about-7 .vc-tab-layout .vc-tab-list .vc-nav {
    border-bottom-color: #eee !important;
    border-bottom-width: 2px;
}
 .vc-about-7 .vc-nav {
    border-width: 1px;
    border-color: #dee2e6;
    border-radius: 0.375rem;
    border-bottom: #dee2e6;
}

.vc-about-7 .vc-nav {
    padding: 0.5rem 1rem;
    color: var(--bs-primary);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
} 
.vc-about-7 .vc-tab-mission .vc-tab-list .vc-nav li a.active {
    color: var(--bs-primary);
}

.vc-about-7 .vc-tab-layout .vc-tab-list .vc-nav li a {
    color: var(--bs-text);
    text-transform: capitalize;
    font-weight: 500;
    display: block;
    padding: 14px 17px;
    position: relative;
    transition: all 0.3s;
}

.vc-about-7 .vc-tab-layout .vc-tab-list .vc-nav li a.active:after {
    transform: scale(1);
}

.vc-about-7 .vc-tab-layout .vc-tab-list .vc-nav li a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: var(--bs-primary);
    transition: all 0.3s;
    transform: scale(0);
}

.vc-about-7 .vc-tab-layout .vc-tab-content .vc-tab-item {
    padding: 20px 17px 15px 0;
}

.vc-about-7 .vc-tab-layout .vc-tab-content .vc-tab-item .vc-tab__text {
    line-height: 28px;
}

.vc-about-7 .vc-experienced-box{
    align-items: center !important;
    display: flex !important;
}
.vc-about-7 .vc-experienced-box h3{
    border-radius: 4px !important;
    font-size: 24px !important;
    color: var(--bs-light) !important;
    background-color: var(--bs-secondary) !important;
    font-weight: 600 !important;
    padding-left: 1.5rem !important;
    padding-right: 3rem !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.vc-about-7 .vc-preview-video {
    margin: -1.5rem !important;
    margin-top: -2.8rem !important;
}

.vc-about-7 .vc-preview-video .vc-video-play-btn {
    text-align: center;
    width: 80px;
    height: 80px;
    line-height: 90px;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
    display: block;
    border-radius: 50%;
    background-color: var(--bs-light);
    color: var(--bs-secondary)!important;
    position: relative;
}

/* .vc-about-7 .vc-preview-video .vc-video-play-btn:before, .vc-preview-video .vc-video-play-btn:after {
    position: absolute;
    content: "";
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background-color: rgba(255, 255, 255, 0.4);
    opacity: 0;
    z-index: -1;
} */

.vc-about-7 .vc-image-box {
    position: relative;
    margin-top: 50px;
    margin-left: 30px;
    height: 100%;
}

.vc-about-7 .vc-counter-wrap{
    margin-top: 3rem;
}
.vc-counter-item {
    margin-bottom: 30px;
    text-align: center;
    transition: all 0.3s;
}


.vc-counter-item .vc-counter-content .vc-counter__numb {
    background-color: var(--bs-light);
    border: 1px solid rgba(127, 137, 151, 0.1);
    border-radius: 50px;
    position: relative;
    padding: 20px 10px;
    font-size: 40px;
    color: var(--bs-text);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.07);
    font-weight: 600;
    margin-top: 33px;
    margin-bottom: 30px;
}

.vc-counter-item-6 .vc-counter-content .vc-counter__numb:after {
    position: absolute;
    content: "";
    bottom: -8px;
    left: 50%;
    background-color: var(--bs-light);
    width: 16px;
    height: 16px;
    transform: translateX(-50%) rotate(45deg);
    border-bottom: 1px solid rgba(127, 137, 151, 0.1);
    border-right: 1px solid rgba(127, 137, 151, 0.1);
}

.vc-counter-item .vc-counter-content .vc-counter__title {
    font-size: 20px;
    color: var(--bs-text);
}


/* ////// about 8/////// */

.vc-about-8 .vc-about-right img{
    height: 500px;
    object-fit: cover;
    width: 100%;
}

.vc-al-end {
    align-items: end;
}
.vc-al{
    margin-top: 45px !important;
    align-items: center;
}

.vc-about-8 .vc-subtitle{
    color: var(--bs-primary);
}

.vc-about-8 .vc-about-title h2{
    font-size: 56px;
    line-height: 66px;
    color: var(--bs-dark);
}

.vc-about-8 .vc-about-left-image {
    position: relative;
}
.vc-about-8 .vc-about-left-image img {
    filter: brightness(.6);
    height: 335px;
    object-fit: cover;
    width: 100%;
}
.vc-about-8 .vc-about-left-image .vc-video {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.vc-about-8 .vc-video-pulse:after, .vc-about-8 .vc-video-pulse:before {
    border: 1px solid var(--bs-light);
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.vc-about-8 .vc-about-left-image .vc-video span {
    background: #fff3;
    color: var(--bs-light);
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 50%;
    font-size: 20px;
    height: 90px;
    justify-content: center;
    position: relative;
    width: 90px;
    z-index: 1;
}

.vc-about-8 .vc-about-left-list-item {
    align-items: start;
    border-bottom: 1px solid #cdd0cd;
    display: flex;
    gap: 25px;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}

.vc-about-8 .vc-about-left-list-item:last-child {
    border: 0;
    margin: 0;
    padding: 0;
}

.vc-about-8 .vc-about-left-list-item i {
    color: var(--bs-dark);
    font-size: 60px;
    margin-top: 6px;
}
.vc-about-8 .vc-about-left-list-item-content h4 {
    font-size: 24px;
    line-height: 34px;
    color: var(--bs-dark);
}

.vc-about-8 .vc-build_button {
    align-items: center;
    background: var(--bs-primary);
    border-radius: 50px 50px 50px 50px;
    color: var(--bs-light);
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    gap: 20px;
    justify-content: center;
    line-height: 26px;
    overflow: hidden;
    padding: 8px 8px 8px 30px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: .4s;
    margin-top: 40px;
    z-index: 3;
}
.vc-about-8 .vc-build_button i{
    font-size: 2rem;
}
.vc-about-8 .vc-about-right{
    text-align: right;

}

/* ///////// aout 9 ///////// */
.vc-about-9{
    position: relative;
    z-index: 1;
    background-color: var(--bs-background);
    padding-top: 100px;
    padding-bottom: 100px;
}

.vc-about-9 .vc-about-image {
    position: relative;
    padding-bottom: 90px;
}
.vc-about-9 .vc-about-image img:nth-child(2) {
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 0 10px 0 0;
}

.vc-about-9 .vc-about-content {
    padding-left: 15px;
}

.vc-about-9 .vc-about-content span {
    display: block;
    color: var(--bs-primary);
    margin-bottom: 10px;
    font-size: 18px;
}
.vc-about-9 .vc-about-content h2 {
    text-transform: uppercase;
    margin-bottom: 13px;
    font-size: 30px;
    color: var(--bs-dark);
    font-weight: 900;
}
.vc-about-9 .vc-about-content{
    color: var(--bs-text);
    margin-bottom: 12px;
    line-height: 1.8;
    font-size: 15px;
}
.vc-about-9 .vc-about-content p:last-child {
    margin-bottom: 0;
}

.vc-about-9 .vc-about-text-box {
    background-color: var(--bs-light);
    padding: 30px;
    margin-top: 30px;
    border-radius: 5px;
    transition: 0.5s;
    position: relative;
    z-index: 1;
}
.vc-about-9 .vc-about-text-box:hover{
    background-color: var(--bs-background);
    box-shadow: 1px 1px 1px 1px silver;
}
.vc-about-9 .vc-about-text-box:hover h3, .vc-about-9 .vc-about-text-box:hover p{
    color: var(--bs-dark);
}

/* .vc-about-9 .vc-about-text-box::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #002e5b;
    transform: scaleY(0);
    transform-origin: 50% 0;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    border-radius: 5px;
} */
.vc-about-9 .vc-about-text-box h3::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 50px;
    height: 1px;
    background-color: var(--bs-primary);;
    transition: 0.5s;
}

.vc-about-9 .vc-about-text-box h3{
    margin-bottom: 17px;
    text-transform: uppercase;
    color: var(--bs-dark);
    position: relative;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 12px;
    transition: 0.5s;
    font-size: 20px;
    font-weight: 900;
}

.vc-about-9 .vc-about-text-box p {
    transition: 0.5s;
    font-size: 14.5px;
}

.vc-about-9 .vc-about-inner-area {
    margin-top: 30px;
}

/* /////about 10  ///// */
.vc-about-10{
    padding-top: 100px;
    padding-bottom: 70px;
}

.vc-about-10 .pb-30 {
    padding-bottom: 30px;
}
.vc-about-10 .vc-desk-pad-left-30 {
    padding-left: 30px;
}

.vc-about-10 .vc-max-600 {
    max-width: 600px;
}

.vc-about-10 .vc-about-section-title{
    margin-bottom: 20px;
    max-width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    position: relative !important;
}
.vc-about-10 .vc-overlay-text {
    position: absolute;
    width: 100%;
    top: -85px;
    left: 0;
}
.vc-about-10 .vc-overlay-text h3 {
    font-size: 130px;
    font-weight: 400;
    margin-bottom: 0;
    color: #f5f5f5;
    letter-spacing: 15px;
}

.vc-about-10 .vc-about-section-title h2 {
    padding-bottom: 0;
    font-size: 35px;
    font-weight: 900;
    margin-bottom: 15px;
    color: var(--bs-dark);
    position: relative;
}
.vc-about-10 .vc-about-section-title p {
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 25px;
    position: relative;
}

.vc-about-10 .vc-section-button-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -7.5px;
    margin-right: -7.5px;
    margin-top: -10px;
}
.vc-about-10 .vc-section-button-group .vc-section-button-item {
    padding-left: 7.5px;
    padding-right: 7.5px;
    margin-top: 10px;
}
.vc-about-10 .vc-main-btn {
    padding: 15px 25px;
    text-align: center;
    background: var(--bs-primary);
    color: var(--bs-light);
    font-size: 15px;
    font-weight: 500;
    transition: all 0.3s linear;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 3px;
    z-index: 1;
}

.vc-about-10 .vc-main-btn i {
    margin-left: 10px;
    font-size: 15px;
}

/* .vc-about-10 .vc-main-btn:after {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: #024c9f;
    transition: all 0.3s linear;
    z-index: -1;
    right: 0;
    top: 0;
} */

.vc-about-10 .vc-image-frame {
    position: relative;
}

.vc-about-10 .vc-image-frame:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(https://templates.hibootstrap.com/jexi/default/assets/images/shapes/frame-2.png);
    background-size: 100% 100%;
}



/* //////////////services ////// */

/* services one */
.vc-services-one{
    background-color: var(--bs-light);
    padding-bottom: 50px;
    padding-top: 50px;
}

.vc-services-one .vc-section-title {
    text-align: center;
    width: 50%;
    margin: auto;
    margin-bottom: 45px;
}
.vc-services-one .vc-section-title span {
    color: var(--bs-primary);
}
.vc-services-one .vc-section-title h2 {
    font-size: 36px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 14px;
    color: var(--bs-dark);
}
.vc-services-one .vc-section-title p {
    max-width: 570px;
    margin: auto;
}
.vc-services-one .vc-services-item {
    text-align: center;
    background-color: #f9fafb;
    padding: 30px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.5s;
    margin-bottom: 30px;
}
.vc-services-one .vc-services-item::before {
    position: absolute;
    content: "";
    height: 65%;
    width: 90%;
    background-color: #EEF3FF;
    left: 0;
    right: 0;
    margin: auto;
    top: -130px;
    z-index: -1;
    border-radius: 50%;
    transition: all 0.6s;
}
.vc-services-one .vc-services-item .vc-icon {
    margin-bottom: 20px;
    position: relative;
}

.vc-services-one .vc-services-item .vc-icon i {
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 90px;
    background-color: var(--bs-light);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
    text-align: center;
    font-size: 50px;
    color: var(--bs-primary);
    border-radius: 50px;
    transition: 0.5s;
}

.vc-services-one .vc-services-item h3 {
    font-size: 25px;
    margin-bottom: 20px;
    color: var(--bs-dark);
}
.vc-services-one .vc-services-item p {
    margin-bottom: 15px;
    line-height: 1.8;
    color: var(--bs-text);
    font-weight: 400;
    font-size: 16px;
}

.vc-services-one .vc-services-item .vc-learn-btn {
    color: var(--bs-secondary);
    display: inline-block;
    font-weight: 500;
}

.vc-services-box:hover .vc-services-item::before{
    background: var(--bs-primary) !important;
    transition: all 0.6s;
}


/* services two */
.vc-services-two{
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.vc-services-two .vc-section-heading {
    position: relative;
    z-index: 1;
    width: 50%;
    margin: auto;
    margin-bottom: 2rem !important;
}
.vc-services-two .vc-section-icon-balance {
    position: relative;
    height: 40px;
    width: 40px;
    line-height: 40px;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-bottom: 9px;
}
.vc-services-two .vc-section-icon-balance:after {
    position: absolute;
    left: 0;
    bottom: 1px;
    content: "";
    font-weight: 900;
    font-size: 25px;
    color: var(--bs-text);
}

.vc-services-two .vc-section-heading .vc-section__meta {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    color: var(--bs-primary);
    letter-spacing: 0.6px;
    margin-bottom: 15px;
    font-weight: 500;
}

.vc-services-two .vc-section-heading .vc-section__title {
    font-size: 45px;
    font-weight: 600;
    color: var(--bs-dark);
}

.vc-services-two .vc-info-box-area .vc-info-box-wrap {
    margin-top: 30px;
}
.vc-services-two .vc-info-box-item {
    background-color: var(--bs-light);
    transition: all 0.3s;
    margin-bottom: 30px;
    border-radius: 0;
    padding: 10px;
    box-shadow: none;
    position: relative;
    z-index: 1;
}

.vc-services-two .vc-info-box-item-13 .vc-info-header {
    width: 160px;
    height: 160px;
    background-color: var(--bs-primary);
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s;
}

.vc-services-two .vc-info-box-item-13 .vc-info-header i {
    font-size: 60px;
    color: var(--bs-light);
    transition: all 0.3s;
}
.vc-services-two .vc-info-box-item-13 .vc-info-header:after {
    position: absolute;
    content: "";
    width: 45px;
    height: 55px;
    border-radius: 50%;
    background-color: var(--bs-light);
    top: 0;
    right: 0;
}

.vc-services-two .vc-info-box-item .vc-info-body {
    margin-top: 30px;
}
.vc-services-two .vc-info-box-item .vc-info-body .vc-info__title {
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 18px;
    color: var(--bs-dark);
}
.vc-services-two .vc-info-box-item .vc-info-body .vc-info__text {
    line-height: 28px;
    margin-bottom: 20px;
    transition: all 0.3s;
}
.vc-services-two .vc-info-box-item:hover .vc-info-header{
    background-color: var(--bs-text);
}
.vc-services-two .vc-info-box-item:hover .vc-info-header i{
    color: var(--bs-light);
}

/* services  three */
.vc-services-three{
    text-align: center;
}

.vc-services-three .vc-section-title {
    text-align: center;
    width: 50%;
    margin: auto;
    margin-bottom: 45px;
}

.vc-services-three .vc-section-subtitle {
    border-radius: 50px;
    padding: 6px 30px 5px;
    background: var(--bs-primary);
    backdrop-filter: blur(30px);
    margin-bottom: 15px;
    color: var(--bs-light);
}

.vc-services-three .vc-services-card {
    padding: 35px 20px 25px;
    transition: all 200ms linear;
    margin-bottom: 65px;
    background-color: #EEF3FF;
    text-align: center;
}
.vc-services-three .vc-services-icon {
    transition: all 200ms linear;
}

.vc-services-three .vc-services-card h3 {
    font-weight: 600;
    margin: 33px 0 15px;
    font-size: 24px;
    color: var(--bs-dark);
    font-weight: 600;
}
.vc-services-three .vc-services-card h3 a{
    transition: all 200ms linear;
    color:var(--bs-dark);
}

.vc-services-three .vc-services-card p {
    margin-bottom: 31px;
    transition: all 200ms linear;
}

.vc-services-three .vc-services-card .vc-services-link {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column !important;
    width: 66px;
    height: 59px;
    background-color: var(--bs-text);
    margin: 0 auto -50px;
    border-radius: 2px !important;
    transition: all 200ms linear;
}

.vc-services-three .vc-services-card .vc-services-link i {
    /* filter: brightness(0) invert(1); */
    font-size: 20px;
    color: var(--bs-light);
}
.vc-services-three .vc-services-card .vc-services-icon {
    font-size: 40px;
}
/* .vc-services-three .vc-services-box:hover .vc-services-card{
    background: var(--bs-primary);
    transition: all 200ms linear;
} */
/* .vc-services-three .vc-services-box:hover .vc-services-card h3 a{
    color: #ffffff;
    transition: all 200ms linear;
} */
.vc-services-three .vc-services-box:hover .vc-services-icon{
    /* filter: brightness(0) invert(0); */
    color: var(--bs-primary);
}

.vc-services-three .vc-services-box:hover .vc-services-card p{
    color: rgba(255, 255, 255, 0.55);
}
.vc-services-three .vc-services-box:hover .vc-services-link{
    background: var(--bs-primary);
}
.vc-services-three .vc-services-box:hover .vc-services-link i {
    color: var(--bs-light);
}


/* services four */
.vc-services-four{
    background: var(--bs-background);
    position: relative;
    padding: 50px 0px 50px;
}

.vc-services-four .vc-section-title {
    text-align: center;
    margin-bottom: 56px;
}

.vc-services-four .vc-section-title .vc-title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 24px;
    color: var(--bs-dark);
    font-weight: 700;
    text-transform: capitalize;
}
.vc-services-four .vc-section-title p {
    max-width: 650px;
    font-size: 16px;
    line-height: 26px;
    color: var(--bs-text);
    margin: 0 auto;
}

.vc-services-four .vc-box {
    background: var(--bs-dark);
    margin-bottom: 30px;
    box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 30px 0px 30px 0px;
    text-align: center;
}

.vc-services-four .vc-box:hover  {
    background: linear-gradient(55deg, var(--bs-primary) 0%, var(--bs-secondary) 100%);
    transition: 0.3s ease-in;
}

.vc-services-four .vc-box .vc-inner-box {
    width: 100%;
    position: relative;
    z-index: 99;
    padding: 27px 25px 35px;
    transition: 0.3s ease-in;
}

.vc-services-four .vc-box .vc-inner-box .vc-icon {
    font-size: 55px;
}

.vc-services-four .vc-box .vc-inner-box .vc-icon i {
    color: var(--bs-primary);
    transition: all 200ms linear;
}

.vc-services-four .vc-box .vc-inner-box .vc-title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: var(--bs-light);
    margin: 9px 0px 22px;
    transition: all 0.3s ease-in;
}

.vc-services-four .vc-box .vc-inner-box .vc-text {
    margin-bottom: 0px;
    transition: all 0.3s ease-in;
    color: var(--bs-text);
}

.vc-services-four .vc-box:hover .vc-icon i{
    color: var(--bs-light);
}

.vc-services-four .vc-box:hover .vc-text{
    color: var(--bs-light) !important;
}


/* services five */
.vc-services-five {
    padding: 50px 0;
    background: rgb(244, 244, 244);
}

.vc-services-five .vc-title-one{
    margin-bottom: 55px;
    text-align: center;
}
.vc-services-five .vc-title-one .vc-title {
    font-size: 40px;
    line-height: 1.14;
    font-weight: 700;
    margin-bottom: 25px;
    color: var(--bs-dark);
}

.vc-services-five .vc-title-one p {
    font-size: 22px;
    line-height: 38px;
    font-weight: 400;
    color: var(--bs-text);
    margin-bottom: 15px;
}

.vc-services-five .vc-services-wrap-1 {
    margin-bottom: 45px;
    position: relative;
    z-index: 1;
    background: var(--bs-light);
    border-radius: 20px;
    padding: 40px 40px 30px;
}
.vc-services-five .vc-services-wrap-1 .vc-icon {
    margin-bottom: 48px;
}

.vc-services-five .vc-services-wrap-1 p {
    margin-bottom: 8px;
}
.vc-services-five .vc-services-wrap-1 .vc-services-title {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
    color: var(--bs-dark);
}
.vc-services-five .vc-services-wrap-1 .vc-services-title a{
    color: var(--bs-secondary);
}

.vc-services-five .vc-services-wrap-1 .vc-more-btn {
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 75px;
    position: absolute;
    z-index: 1;
    right: 0px;
    bottom: 0px;
    border-radius: 20px 0px;
    background: rgb(255, 255, 255);
    border-top: 10px solid rgb(244, 244, 244);
    border-left: 10px solid rgb(244, 244, 244);
    transition: 0.4s;
}
.vc-services-five .vc-services-wrap-1 .vc-more-btn i {
    font-size: 30px;
    transition: 0.4s;
    line-height: 2.5;
}

.vc-services-five .vc-btt{
    margin-top: 35px;
    text-align: center;
}
.vc-services-five .vc-ht-btn {
    color: var(--bs-dark);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    position: relative;
    z-index: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    padding: 5px 6px 5px 30px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--bs-primary);
    border-image: initial;
    border-radius: 50px;
    text-decoration: none;
    transition: 800ms;
}
.vc-services-five .vc-ht-btn:hover {
    background: var(--bs-primary);
    color: var(--bs-light);
}

.vc-services-five .vc-ht-btn span {
    font-size: 20px;
    color: var(--bs-light);
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 65px;
    transition-duration: 800ms;
    background: var(--bs-primary);
    border-radius: 100%;
}
.vc-services-five .vc-services-wrap-1:hover .vc-more-btn{
    background: var(--bs-primary);
    color: var(--bs-light);
}

/* services six */
.vc-services-six{
    padding: 60px 0;
}

.vc-services-six .vc-heading{
    width: 50%;
    margin: auto;
    text-align: center;
}

.vc-services-six .vc-heading__subtitle {
    font-size: 16px;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--bs-primary);
    letter-spacing: -0.064px;
    margin-bottom: 5px;
    font-size: 20px;
}

.vc-services-six .vc-heading__title {
    font-size: 35px;
    font-weight: 600;
    color: var(--bs-dark);
}

.vc-services-six .vc-services-item {
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    gap: 30px;
    box-shadow: 0px 4px 13px 5px rgba(0, 0, 0, 0.04);
    margin-top: 15px;
}

.vc-services-six .vc-services-item:hover .vc-services-icon{
    background: var(--bs-light);
}
.vc-services-six .vc-services-item:hover .vc-services-icon i{
    /* background: #681D49; */
    color: var(--bs-primary);
}

.vc-services-six .vc-services-img {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    overflow: hidden;
}
.vc-services-six .vc-services-img img {
    transition: 0.3s;
    max-width: 280px;
    height: 280px;
}
.vc-services-six .vc-services-icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 77px;
    height: 77px;
    font-size: 46px;
    border-radius: 50%;
    color: var(--bs-light);
    background-color: var(--bs-primary);
    transition: 0.3s;
}
.vc-services-six .vc-services-content {
    padding: 30px;
    padding-top: 0;
    
}
.vc-services-six .vc-services-title {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
}
.vc-services-six .vc-services-title a{
    color: var(--bs-dark);
    text-decoration: none;
}

.vc-services-six .vc-services-info {
    font-size: 16px;
    letter-spacing: -0.051px;
}
.vc-services-six .vc-services-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--bs-text);
    text-transform: capitalize;
}

/* services seven */
.vc-services-seven{
    padding: 50px 0px;
    position: relative;
    z-index: 1;
    background: #fff;
}

.vc-services-seven .vc-services-page__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0.03;
    mix-blend-mode: luminosity;
    background: #F3F3F3;
}
.vc-services-seven::after {
    position: absolute;
    top: 0;
    content: "";
    left: 0;
    width: 100%;
    height: 45%;
    z-index: -2;
    background: #F3F3F3;
}

.vc-services-seven .vc-sec-title {
    margin-top: -1px;
    padding-bottom: 50px;
}

.vc-services-seven .vc-sec-title__tagline {
    margin: 0;
    color: var(--bs-primary);;
    font-size: 14px;
    font-weight: 500;
    line-height: 185.714%;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.vc-services-seven .vc-sec-title__title {
    margin: 0;
    color:  var(--bs-dark);
    font-size: 40px;
    font-weight: 700;
    line-height: 117.5%;
    letter-spacing: -0.8px;
}

.vc-services-seven .vc-services-card__inner {
    position: relative;
    background: var(--bs-text);
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.vc-services-seven .vc-services-card__inner:hover {
    background:  var(--bs-primary);
}

.vc-services-seven .vc-services-card__top {
    padding: 40px 20px 0px;
    position: relative;
    z-index: 1;
}
.vc-services-seven .vc-services-card__top::after {
    content: "";
    background: var(--bs-light);
    position: absolute;
    bottom: 40px;
    left: 20px;
    right: 20px;
    top: 20px;
    z-index: -2;
    transition: all 0.4s ease-in-out;
}

.vc-services-seven .vc-services-card__title {
    color: var(--bs-dark);
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 133.333%;
    letter-spacing: -0.6px;
    margin-bottom: 0;
    padding-bottom: 20px;
}
.vc-services-seven .vc-services-card__title a {
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
    transition: all 500ms ease;
    color: var(--bs-dark);
}
.vc-services-seven .vc-services-card__icon {
    width: 69px;
    height: 81px;
    background:var(--bs-text);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: -40px;
    z-index: 1;
    font-size: 35px;
    color: var(--bs-light);
    transition: all 0.4s ease-in-out;
}

.vc-services-seven .vc-services-card__inner:hover .vc-services-card__icon{
    background:var(--bs-primary);
}
.vc-services-seven .vc-services-card__icon i{
    color: inherit;
}

.vc-services-seven .vc-services-card__thumb {
    position: relative;
}

.vc-services-seven .vc-services-card__thumb__item img {
    object-fit: cover;
    width: 100%;
    height: 370px;
    transform: scale(1);
    transition: all 0.5s ease-in-out;
}
.vc-services-seven .vc-services-card__thumb__item::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(2, 25, 54, 0.6);
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}


/* serrvce eight */
.vc-services-eight{
    padding-top: 110px 0;
}
.vc-services-eight .vc-heading-content{
    text-align: center;
    margin-bottom: 40px;
}

.vc-services-eight .vc-section-subtitle {
    color: var(--bs-primary);
    font-size: 15px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 1.65px;
    text-transform: uppercase;
    margin-bottom: 7px;
}
.vc-services-eight .vc-section-title {
    font-size: 34px;
    font-weight: 600;
    line-height: 1.209;
    text-transform: capitalize;
    margin-bottom: 0;
    color: var(--bs-dark);
}

.vc-services-eight .vc-services-thumb img {
    width: 100%;
}

.vc-services-eight .vc-services-item {
    position: relative;
    margin-bottom: 40px;
    transition: all 0.3s 0s ease-out;
}

.vc-services-eight .vc-services-item:hover .vc-services-thumb{
    transform: scale(1.05);
    transition: all 0.3s 0s ease-out;
}

.vc-services-eight .vc-services-icon {
    transform: translate(-18px, 4px);
    transition: all 0.3s 0s ease-out;
}

.vc-services-eight .vc-services-icon span {
    height: 75px;
    width: 75px;
    line-height: 75px;
    text-align: center;
    background-color: var(--bs-primary);
    border-radius: 10px;
    display: inline-block;
}

.vc-services-eight .vc-services-info, .vc-services-eight .vc-services-info-hover {
    position: absolute;
    z-index: 1;
    display: flex !important;
    text-align: center !important;
    align-items: center;
    left: 45px;
    bottom: -60px;
    padding: 8px 10px 8px 0px;
    background-color: var(--bs-light);
    right: 28px;
    margin: 0 auto;
    box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.07);
    transition: all 0.3s 0s ease-out;
}

.vc-services-eight .vc-services-icon {
    transform: translate(-18px, 4px);
    transition: all 0.3s 0s ease-out;
}
.vc-services-eight .vc-services-icon i {
    font-size: 20px;
}
.vc-services-eight .vc-services-icon span {
    height: 75px;
    width: 75px;
    line-height: 75px;
    text-align: center;
    background-color: var(--bs-primary);
    border-radius: 10px;
    display: inline-block;
    color: var(--bs-light);;
}

.vc-services-eight .vc-services-title {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
    
}
.vc-services-eight .vc-services-title a {
    color: var(--bs-text);
}

.vc-services-eight .vc-services-all{
    padding-top: 60px;
    text-align: center;
}
.vc-services-eight .vc-services-all span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.32px;
    text-transform: capitalize;
}
.vc-services-eight .vc-services-all span a {
    font-weight: 700;
    color: var(--bs-text);
    position: relative;
}


.vc-services-nine{
    background-color: rgb(241, 247, 252);
    padding: 50px 0 50px 0;
}

.vc-services-nine .vc-section-title-s2 {
    margin-bottom: 50px;
    text-align: left;
}
.vc-services-nine .vc-section-title-s2 h4 {
    font-size: 22px;
    color: var(--bs-primary);
    text-decoration: underline;
    font-weight: 600;
}

.vc-services-nine .vc-section-title-s2 h2 {
    font-size: 40px;
    line-height: 55px;
    margin: 0;
    color: var(--bs-dark);
    position: relative;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 15px;
    margin-right: 50px;
}
.vc-services-nine .vc-section-title-s2 p {
    font-size: 20px;
    color: var(--bs-text);
    font-weight: 400;
}

.vc-services-nine .vc-services-single-item {
    position: relative;
    text-align: center;
    padding: 0;
    overflow: hidden;
    background-color: var(--bs-light);
    box-shadow: 0px 0px 120px 0px rgba(196, 206, 213, 0.36);
    transition: all 0.3s ease-in-out;
    z-index: 111;
    margin-bottom: 25px;
}

.vc-services-nine .vc-services-wrap .vc-services-single-item:hover .vc-icon{
    background: var(--bs-primary);
    transition: all 0.3s ease-in-out;
}
.vc-services-nine .vc-services-wrap .vc-services-single-item:hover .vc-icon::before{
    background: var(--bs-dark);
    transition: all 0.3s ease-in-out;
}
.vc-services-nine .vc-services-wrap .vc-services-single-item:hover .vc-icon i{
    color: var(--bs-light);
    transition: all 0.3s ease-in-out;
}
.vc-services-nine .vc-services-wrap .vc-services-single-item:hover .vc-read{
    background: var(--bs-secondary);
    transition: all 0.3s ease-in-out;
}
.vc-services-nine .vc-services-wrap .vc-services-single-item .vc-image {
    padding: 10px;
}
.vc-services-nine .vc-services-wrap .vc-services-single-item .vc-image img {
    border-radius: 5px;
    width: 100%;
}

.vc-services-nine .vc-services-single-item .vc-icon {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    margin-top: -50px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    margin: 0 auto;
    border: 0;
    position: relative;
    z-index: auto;
}

.vc-services-nine .vc-services-single-item .vc-icon::before {
    position: absolute;
    content: "";
    left: 0;
    top: 5px;
    width: 100%;
    height: 100%;
    background: var(--bs-dark);
    border-radius: 100%;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

.vc-services-nine .vc-services-single-item .vc-icon i {
    color: var(--bs-secondary);
    font-size: 40px;
    transition: all 0.3s ease-in-out;
}
.vc-services-nine .vc-services-single-item .vc-text h2 {
    margin-bottom: 20px;
    margin: 30px 0;
    color: var(--bs-dark);
}
.vc-services-nine .vc-services-single-item .vc-text h2 a {
    color: var(--bs-dark);
    text-decoration: none;
}

.vc-services-nine .vc-services-single-item .vc-text p {
    font-size: 17px;
    color: var(--bs-text);
    font-weight: 400;
    padding: 0 50px;
    transition: all 0.3s ease-in-out;
    margin-bottom: 20px;
}

.vc-services-nine .vc-services-single-item .vc-text .vc-read {
    font-size: 20px;
    color: var(--bs-light);
    padding: 20px 0;
    position: relative;
    background: var(--bs-primary);
    display: block;
    text-align: center;
    font-weight: 500;
}

/* services ten */
.vc-services-ten {
    z-index: 1;
    position: relative;
    padding: 120px 0;
}

.vc-services-ten .vc-section-title {
    padding: 0 80px;
    margin-bottom: 60px;
    text-align: center;
}
.vc-services-ten .vc-section-title span {
    position: relative;
    color: var(--bs-primary);
    text-align: center;
}
.vc-services-ten .vc-section-title h2 {
    font-size: 40px;
    line-height: 55px;
    margin: 0;
    position: relative;
    text-transform: capitalize;
    font-weight: 700;
    text-align: center;
    color: var(--bs-dark);
}

.vc-services-ten .vc-services-single-item {
    position: relative;
    text-align: center;
    padding: 50px 0;
    overflow: hidden;
    background-color: transparent;
    box-shadow: 0px 0px 120px 0px rgba(196, 206, 213, 0.36);
    transition: all 0.3s ease-in-out;
    z-index: 111;
    margin-bottom: 25px;
}

.vc-services-ten .vc-services-single-item .vc-shape-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #eef3ff;
    opacity: 0.188;
    clip-path: polygon(100% 0, 100% 7%, 24% 34%, 0 17%, 0 0);
    z-index: 111;
    transition: all 0.3s ease-in-out;
}
.vc-services-ten .vc-services-single-item:hover .vc-shape-top{
    background-color: var(--bs-primary);
    opacity: 1;
}

.vc-services-ten .vc-services-single-item .vc-icon {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    background: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    margin: 0 auto;
    border: 5px solid var(--bs-light);
    position: relative;
    z-index: 1111;
}
.vc-services-ten .vc-services-single-item .vc-icon i {
    font-size: 40px;
    color: var(--bs-light);
}
.vc-services-ten .vc-services-single-item .vc-text h2 {
    margin: 30px 0;
    color: var(--bs-dark);
    font-weight: 600;
}
.vc-services-ten .vc-services-single-item .vc-text a {
    position: relative;
    font-size: 17px;
    color: var(--bs-text);
    padding-left: 15px;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
}

.vc-services-ten .vc-services-single-item .vc-text h2 a {
    font-size: 24px;
    position: relative;
    color: var(--bs-text);
    font-weight: 700;
    text-align: center;
    padding-left: 15px;
    transition: all 0.3s ease-in-out;
}

.vc-services-ten .vc-services-single-item .vc-text p {
    font-size: 17px;
    color: var(--bs-text);
    font-weight: 400;
    padding: 0 50px;
    transition: all 0.3s ease-in-out;
}

.vc-services-ten .vc-services-single-item .vc-text .vc-read-more::before {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    width: 7px;
    height: 7px;
    background: var(--bs-secondary);
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
}



/* benefits 1*/
/* .vc-benefit-1{
    
} */

.vc-benefit-1 .vc-section-title-s4 {
    text-align: left;
    margin-right: 150px;
    margin-bottom: 30px;
}

.vc-benefit-1 .vc-section-title-s4 {
    text-align: left;
    margin-right: 0;
    margin-bottom: 30px;
}

.vc-benefit-1 .vc-section-title-s4 span {
    color: var(--bs-light);
    font-size: 17px;
    font-family: "Rubik", sans-serif;
    text-transform: uppercase;
    padding-left: 10px;
    position: relative;
    font-weight: 400;
    background: var(--bs-primary);
    padding: 5px 15px;
    padding-left: 25px;
}
.vc-benefit-1 .vc-section-title-s4 span::before {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--bs-light);
}

.vc-benefit-1 .vc-section-title-s4 h2 {
    font-size: 40px;
    line-height: 55px;
    margin: 0;
    position: relative;
    text-transform: capitalize;
    font-family: "Fira Sans", sans-serif;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 15px;
    color: var(--bs-dark);
}

.vc-benefit-1 .vc-section-title-s4 p {
    font-size: 17px;
    color: var(--bs-text);
    font-weight: 400;
}

.vc-benefit-1 .vc-choose-tab {
    border: 1px solid #ededed;
    margin-bottom: 50px;
}
.vc-benefit-1 .vc-choose-tab .vc-nav-link {
    border: transparent;
    background: var(--bs-dark);
    font-size: 18px;
    color: var(--bs-light);
}

.vc-benefit-1 .vc-nav-link {
    display: block;
    padding: .5rem 1rem;
    color: var(--bs-primary);
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.vc-benefit-1 .vc-choose-tab .vc-nav-link.active {
    background: var(--bs-primary);
}

.vc-benefit-1 .vc-tab-content>.active {
    display: block;
}

.vc-benefit-1 .vc-choose-tab-content {
    padding: 40px 20px;
    padding-right: 50px;
}
.vc-benefit-1 .vc-choose-tab-content h2 {
    font-size: 22px;
    color: var(--bs-dark);
    font-weight: 700;
    text-decoration: underline;
    text-align: left;
}

.vc-benefit-1 .vc-choose-tab-content p {
    font-size: 17px;
    color: var(--bs-text);
    margin-bottom: 0;
}

.vc-benefit-1 .vc-theme-btn-s4 {
    background: transparent;
    color: var(--bs-dark);
    display: inline-block;
    font-weight: 500;
    padding: 10px 20px;
    border: 1px solid var(--bs-primary);
    text-transform: capitalize;
    z-index: 1;
    position: relative;
    font-size: 15px;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}

.vc-benefit-1 .vc-theme-btn-s4:hover {
    background: var(--bs-primary);
    color: var(--bs-light);
}

.vc-benefit-1 .vc-choose-right-content {
    position: relative;
}
.vc-benefit-1 .vc-choose-right-content .vc-choose-img {
    overflow: hidden;
    position: relative;
}
.vc-benefit-1 .vc-choose-right-content .vc-choose-img .vc-image img {
    border-bottom-left-radius: 200px;
    border-top-right-radius: 200px;
    width: 100%;
    height: 600px;
}

.vc-benefit-1 .vc-choose-right-content .vc-choose-img .vc-image .vc-shape {
    border: 30px solid var(--bs-primary);
    border-radius: 50%;
    position: absolute;
    width: 357px;
    height: 367px;
    bottom: -95px;
    left: -82px;
    z-index: 1;
}

.vc-benefit-1 .vc-choose-right-content .vc-side-img {
    width: 250px;
    height: 250px;
    border: 10px solid var(--bs-light);
    border-radius: 50%;
    position: absolute;
    right: -80px;
    top: -80px;
}

.vc-benefit-1 .vc-choose-right-content .vc-side-img img {
    width: 100%;
    border-radius: 50%;
}

/* benefit 2 */
.vc-benefit-2 .vc-about-top{
    margin-bottom: 3rem !important;
}
.vc-benefit-2 .vc-section-heading {
    margin-bottom: 0;
}
.vc-benefit-2 .vc-section-heading .vc-sub-title {
    color: var(--bs-light);
    display: inline-block;
    padding: 10px 20px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.6px;
    margin-bottom: 18px;
    background-color: var(--bs-primary);
    border-radius: 50rem;
}
.vc-benefit-2 .vc-section-heading h2 {
    font-size: 45px;
    line-height: 1.2;
    margin-bottom: 0;
    color: var(--bs-dark);
}

.vc-benefit-2 .vc-about-top .vc-content {
    max-width: 380px;
    margin-left: auto;
}
.vc-benefit-2 .vc-choose-items{
    position: relative !important;
}

.vc-benefit-2 .vc-swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.vc-benefit-2 .vc-swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    box-sizing: content-box;
    transform:translate3d(0px, 0, 0);
}

.vc-benefit-2 .vc-swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    transform: translateZ(0);
    backface-visibility: hidden;
}
.vc-benefit-2 .vc-swiper .vc-swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.vc-benefit-2 .vc-innovation {
    max-width: 590px;
    margin-left: auto;
    overflow: hidden;
}
.vc-benefit-2 .vc-innovation span {
    font-weight: 600;
    border-radius: 10px;
    background-color: var(--bs-primary);
    margin-bottom: 25px;
    padding: 14px 20px 14px;
    color: var(--bs-light);
}

.vc-benefit-2 .vc-innovation h2 {
    font-size: 40px;
    line-height: 1.25;
    margin-bottom: 25px;
    color: var(--bs-dark);
}

.vc-benefit-2 .vc-default-btn {
    border: none;
    box-shadow: none;
    display: inline-block;
    position: relative;
    border-radius: 10px;
    background-color: var(--bs-primary);
    padding: 18px 30px 18px;
    font-weight: 600;
    color: var(--bs-light);
    line-height: normal;
    transition: all ease 0.5s;
    margin-top: 20px;
}
.vc-benefit-2 .vc-choose-us-image {
    max-width: 465px;
    margin-left: auto;
    position: relative !important;
}


.vc-benefit-2 .vc-choose-us-image img {
    border-radius: 30px;
}
.vc-benefit-2 .vc-choose-items .vc-pagination-btn .vc-choose-pagination {
    position: absolute;
    top: 60%;
    left: 0;
    text-align: start;
    transform: translateY(-50%);
    z-index: 2;
    width: auto;
}

.vc-benefit-2 .vc-choose-items .vc-pagination-btn .vc-choose-pagination .vc-swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    display: block;
    margin: 10px  0px;
    opacity: 1;
    border: 1px solid var(--bs-secondary);
    background-color: transparent;
    position: relative;
    margin-top: 20px;
    border-radius: 50%;
}

/* benefit 3 */
.vc-benefit-3{
    position: relative;
    z-index: 1;
}

.vc-benefit-3 .vc-section-title {
    position: relative;
    margin-bottom: 70px;
    line-height: 26px;
    padding-bottom: 8px;
    font-size: min(25px, 40px) ;
    color: var(--bs-dark);
}

.vc-benefit-3 .vc-section-title:before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 60px;
    height: 2px;
    background: var(--bs-primary);
}
.vc-benefit-3 .vc-section-title span {
    font-weight: 400;
}
.vc-benefit-3 .vc-feature-wrapper {
    margin-bottom: 50px;
}

.vc-benefit-3 .vc-feature-single .vc-feature-icon {
    float: left;
    font-size: 50px;
    color: var(--bs-primary);
}

.vc-benefit-3 .vc-feature-single .vc-feature-content {
    margin-left: 80px;
    padding-right: 10px;
}

.vc-benefit-3 .vc-feature-single .vc-feature-content h3 {
    margin-bottom: 13px;
    font-size: 20px;
    color: var(--bs-dark);
}
.vc-benefit-3 .vc-feature-single .vc-feature-content h3 span {
    font-weight: 400;
}

.vc-benefit-3 .vc-image img {
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
}

.vc-benefit-3 .vc-box{
    padding-left: 0;
    padding-right: 0;
}


/* benefit 4 */
.vc-benefit-4{
    position: relative;
    background: none;
    overflow: hidden;
}

.vc-benefit-4 .vc-section-title {
    text-align: center;
    margin-bottom: 56px;
}
.vc-benefit-4 .vc-section-title .vc-title {
    font-size: 25px;
    line-height: 50px;
    margin-bottom: 24px;
    color: var(--bs-dark);
    font-weight: 700;
    text-transform: capitalize;
}

.vc-benefit-4 .vc-section-title p {
    max-width: 650px;
    font-size: 16px;
    line-height: 26px;
    color: var(--bs-dark);
    margin: 0 auto;
}
.vc-benefit-4 .vc-video-wrapper {
    position: relative;
}

.vc-benefit-4 .vc-video-wrapper .vc-video-box {
    position: relative;
    background-image: linear-gradient(55deg,  var(--bs-primary) 0%,  var(--bs-secondary) 100%);
    padding: 243px 0px;
    z-index: 99;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.vc-benefit-4 .vc-video-wrapper .vc-video-box .vc-overly {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(55deg, var(--bs-primary) 0%,  var(--bs-secondary) 100%);
    opacity: 0.5;
}

.vc-benefit-4 .vc-video-wrapper .vc-video-box .vc-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vc-benefit-4 .vc-video-play-btn {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 72px;
    text-align: center;
    font-size: 26px;
    background-color: var(--bs-light);
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.vc-benefit-4 .vc-video-play-btn:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: -1;
}

.vc-benefit-4 .vc-video-play-btn i {
    color: var(--bs-primary);
}

.vc-benefit-4 .vc-video-wrapper .vc-video-box::after {
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
    background-image: url(https://geniusdevs.com/themeforest/prolab/probucket/assets/images/video.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    left: 0;
    z-index: -1;
}

.vc-benefit-4 .vc-fun-box .vc-inner-content {
    padding: 40px 20px 30px; 
    /* padding: 25px 10px 25px; */
    background: var(--bs-light);
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.06);
}

.vc-benefit-4 .vc-fun-box .vc-inner-content .vc-icon {
    font-size: 45px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    line-height: 80px;
    display: inline-block;
    position: relative;
}
.vc-benefit-4 .vc-fun-box .vc-inner-content .vc-icon i {
    color: var(--bs-primary);
}

.vc-benefit-4 .vc-fun-box .vc-inner-content .vc-icon::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px dashed var(--bs-primary);
    animation: shapeani2 10s linear infinite;
}

.vc-benefit-4 .vc-fun-box .vc-inner-content .vc-categori {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-top: 25px;
    color: var(--bs-dark);
}

/* benefit 5 */
.vc-benefit-5{
    background: #faf7e6;
}
.vc-benefit-5 .vc-section-title {
    margin-bottom: 70px;
}

.vc-benefit-5 .vc-section-title span {
    display: block;
    font-size: 18px;
    color: var(--bs-primary);
    line-height: 28px;
    margin-bottom: 30px;
}

.vc-benefit-5 .vc-section-title h2 {
    font-size: 25px;
    line-height: 46px;
    color: var(--bs-dark);
}
.vc-benefit-5 .vc-single-service {
    background-color: var(--bs-light);
    margin-bottom: 25px;
    padding: 25px 25px 30px;
    transition: 0.3s ease-out;
}
.vc-benefit-5 .vc-service-icon {
    background-color: var(--bs-primary);
    width: 80px;
    height: 80px;
    transform: rotate(45deg);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin: 30px 0px 35px 21px;
}

.vc-benefit-5 .vc-single-service h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 25px;
    color: var(--bs-dark);
}
.vc-benefit-5 .vc-single-service p {
    margin-bottom: 20px;
    columns: var(--bs-text);
}

.vc-benefit-5 .vc-single-service a {
    font-size: 16px;
    line-height: 30px;
    color: var(--bs-primary);
}

.vc-benefit-5 .vc-single-service i {
    color: var(--bs-light);
}

.vc-benefit-5 .vc-single-service a i {
    padding-left: 7px;
    font-weight: 700;
}
.vc-benefit-5 .vc-single-service-large {
    background-color: var(--bs-primary);
    padding: 42px 30px;
}

.vc-benefit-5 .vc-single-service-large h3 {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 30px;
    color: rgb(255, 255, 255);
}
.vc-benefit-5 .vc-single-service-large h3 span {
    font-weight: 600;
}

.vc-benefit-5 .vc-single-service-large p {
    color: var(--bs-light) !important;
    margin-bottom: 50px;
}


.vc-benefit-5 .vc-single-service-large .vc-btn {
    background-color: var(--bs-dark);
    color: rgb(255, 255, 255);
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    text-transform: uppercase;
    padding: 22px 40px;
    border-radius: 50px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}


/* benefit 6 */
.vc-benefit-6 {
    position: relative;
}
.vc-benefit-6 .vc-why-choose__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vc-benefit-6 .vc-rhombus-image-container {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
}

.vc-benefit-6 .vc-rhombus-image {
    width: 100%;
    height: 590px;
    object-fit: cover;
    position: relative;
    border-top-left-radius: 36%;
}
.vc-benefit-6 .vc-why-choose__content {
    position: relative;
    z-index: 1;
}

.vc-benefit-6 .vc-sec-title__tagline {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: transparent;
    background-clip: text;
    background-image: linear-gradient(145deg, var(--bs-primary) 0%, var(--bs-primary) 100%);
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 5px;
    position: relative;
}
.vc-benefit-6 .vc-sec-title__tagline span {
    padding-right: 5px;
    color: var(--bs-dark);
}

.vc-benefit-6 .vc-sec-title__title {
    margin: 0;
    font-size: 25px;
    color: var(--bs-dark);
    font-weight: 700;
    line-height: 40px;
}

.vc-benefit-6 .vc-sec-title {
    margin-bottom: 20px;
}

.vc-benefit-6 .vc-why-choose__desc {
    font-size: 16px;
    line-height: 30px;
    color: var(--bs-text);
}

.vc-benefit-6 .vc-why-choose__cards {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 30px;
    margin-bottom: 55px;
}
.vc-benefit-6 .vc-why-choose__card__single {
    background-color: var(--bs-light);
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 10%);
    padding: 25px 30px;
    position: relative;
    transition: all 500ms ease;
}
.vc-benefit-6 .vc-why-choose__card__top {
    display: flex;
    align-items: center;
    gap: 20px;
}

.vc-benefit-6 .vc-why-choose__card__top i {
    font-size: 40px;
    color: transparent;
    color: var(--bs-primary);
    transition: 0.5s;
}

.vc-benefit-6 .vc-why-choose__card__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: var(--bs-dark);
}

.vc-benefit-6 .vc-why-choose__card__desc {
    padding-top: 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--bs-text);
    line-height: 24px;
}
.vc-benefit-6 .vc-why-choose__card__single::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 100%;
    height: 100%;
    background-color: var(--bs-dark);
    z-index: -1;
    transition: all 500ms ease;
}

.vc-benefit-6 .vc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 16px;
    line-height: 1;
    transition: all 0.5s;
    font-weight: 600;
    color: var(--bs-light);
    padding: 20px 40px;
    overflow: hidden;
    z-index: 0;
    background: var(--bs-primary);
    cursor: pointer;
}

.vc-benefit-7 .vc-why-choose-us-image{
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url(https://templates.envytheme.com/zash/default/assets/img/why-choose-img1.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.vc-benefit-7 .vc-why-choose-us-image img {
    display: none;
    object-fit: cover;
}

.vc-benefit-7 .vc-container .vc-row .vc-col-lg-5, .vc-benefit-7 .vc-container .vc-row .vc-col-lg-7 {
    padding: 0 !important;
}

.vc-benefit-7 .vc-why-choose-us-content {
    background-color: var(--bs-text)
}
.vc-benefit-7 .vc-content {
    max-width: 705px;
    overflow: hidden;
    padding-left: 70px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.vc-benefit-7 .vc-content .vc-sub-title {
    color: var(--bs-dark);
    font-size: 18px;
    display: block;
    margin-bottom: 8px;
}

.vc-benefit-7 .vc-content h2 {
    color: var(--bs-light);
    margin-bottom: 0;
    font-size: 42px;
    font-weight: 700;
}
.vc-benefit-7 .vc-content p {
    color: var(--bs-light) !important;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 10px;
}

.vc-benefit-7 .vc-content .vc-features-list {
    padding-left: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
    margin-top: 0;
}

.vc-benefit-7 .vc-content .vc-features-list li {
    flex: 0 0 50%;
    max-width: 50%;
    color: var(--bs-light);
    position: relative;
    padding-left: 80px;
    padding-right: 15px;
    padding-top: 30px;
}

.vc-benefit-7 .vc-content .vc-features-list li .vc-icon {
    position: absolute;
    left: 15px;
    top: 35px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    transition: 0.5s;
    border-radius: 50%;
    color: var(--bs-light);
    background-color: var(--bs-primary);
    text-align: center;
    font-size: 20px;
    padding-top: .7rem;
}
.vc-benefit-7 .vc-content .vc-features-list li span {
    display: block;
    margin-bottom: 6px;
    color: var(--bs-light);
    font-size: 18px;
    font-weight: 600;
}


@media only screen and (max-width: 768px) {
    
    .vc-benefit-7 .vc-content {
      overflow: hidden;
      padding-left: 10px;
      padding-top: 100px;
      padding-bottom: 100px;
      padding-right: 10px;
    }
}

/* benefit 8 */
.vc-benefit-8 .vc-heading3 {
    margin-bottom: 70px;
}

.vc-benefit-8 .vc-heading3 small.vc-overline {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    text-transform: capitalize;
    color: var(--bs-primary);
    position: relative;
    margin-bottom: 15px;
    z-index: 2;
    display: inline-block;
}

.vc-benefit-8 .vc-heading3  h2 {
    font-weight: 400;
    font-size: 42px;
    line-height: 48px;
    text-transform: capitalize;
    color: var(--bs-dark);
}
.vc-benefit-8 .vc-single-case-study {
    margin-bottom: 30px;
}
.vc-benefit-8 .vc-case-study-img {
    height: 300px;
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
}
.vc-benefit-8 .vc-case-study-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.vc-benefit-8 .vc-single-case-study-content {
    text-align: center;
    position: relative;
    z-index: 2;
    padding: 66px 32px 32px;
    border-radius: 0px 0px 8px 8px;
}

.vc-benefit-8 .vc-single-case-study:hover{
    background: rgb(246, 247, 250);
    transition: 0.3s;
}

.vc-benefit-8 .vc-case-study-icon {
    height: 100px;
    width: 100px;
    z-index: 2;
    box-shadow: rgba(220, 237, 243, 0.5) 0px 4px 10px;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -50px;
    padding: 30px;
    background: var(--bs-primary);
    border-radius: 50px;
}
.vc-benefit-8 .vc-case-study-icon i{
    font-size: 30px;
    color: var(--bs-light);
}

.vc-benefit-8 .vc-single-case-study-content h3 {
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    color: var(--bs-dark);
    margin-bottom: 16px;
}

.vc-benefit-8 .vc-single-case-study-content p {
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: var(--bs-text) !important;
}

/* benefit nine */

.vc-benefit-9 .vc-content-title {
    position: relative;
    margin-bottom: 40px;
}
.vc-benefit-9 .vc-content-title span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 12px;
}

.vc-benefit-9 .vc-content-title span {
    color: var(--bs-primary);
}

.vc-benefit-9 .vc-content-title h2 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0;
    color: var(--bs-dark);
}
.vc-benefit-9 .vc-content-title p {
    margin-top: 20px;
    margin-bottom: 0;
    color: var(--bs-text);
}
.vc-benefit-9 .vc-item-wrap .vc-item, .vc-benefit-9 .vc-item-wrap .vc-icon {
    display: flex;
    flex-wrap: wrap;
}
.vc-benefit-9 .vc-item-wrap .vc-item {
    margin: 0 0 25px;
    position: relative;
    z-index: 1;
    background: var(--bs-light);
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
    transition: 0.4s;
}

.vc-benefit-9 .vc-item-wrap .vc-item:hover{
    transform: rotateY(30deg);
    background: linear-gradient(90deg, var(--bs-primary) 0%, var(--bs-primary) 35%, var(--bs-secondary) 100%);
    transition: 0.4s;
}

.vc-benefit-9 .vc-item-wrap .vc-item:hover p{
    color: var(--bs-light) !important;
}

.vc-benefit-9 .vc-item-wrap .vc-item:last-child {
    margin-bottom: 0;
}

.vc-benefit-9 .vc-item-wrap .vc-item .vc-icon {
    width: 80px;
    height: 80px;
    text-align: center;
    position: relative;
    top: 3px;
    border-radius: 10px;
    transition: 0.4s;
    background: linear-gradient(90deg, var(--bs-primary) 0%, var(--bs-primary) 35%, var(--bs-secondary) 100%);
}

.vc-benefit-9 .vc-item-wrap .vc-item .vc-icon{
    flex-direction: column;
    justify-content: center;
}
.vc-benefit-9 .vc-item-wrap .vc-item .vc-icon i {
    font-size: 44px;
    color: var(--bs-light);
    transition: 0.4s;
}

.vc-benefit-9 .vc-item-wrap .vc-item .vc-text {
    width: calc(100% - 100px);
    margin-left: 20px;
}

.vc-benefit-9 .vc-item-wrap .vc-item .vc-text h5 {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 5px;
    transition: 0.4s;
    color: var(--bs-dark);
}
.vc-benefit-9 .vc-item-wrap .vc-item .vc-text h5 a {
    color: var(--bs-dark);
}

.vc-benefit-9 .vc-item-wrap .vc-item .vc-text p {
    margin: 0;
    transition: 0.4s;
}

.vc-benefit-9 .vc-img-wrap {
    position: relative;
}
.vc-benefit-9 .vc-img-wrap .vc-img-one {
    position: absolute;
    width: 50%;
    top: 0;
    left: 0;
}
.vc-benefit-9 .vc-img {
    position: relative;
    height: 660px;
}
.vc-benefit-9 .vc-bg-2 {
    background-image: url(https://templates.hibootstrap.com/misa/default/assets/img/why-choose-us/wh-img-2.png);
}
.vc-benefit-9 .vc-bg-f {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #ddd;
}
.vc-benefit-9 .vc-img-wrap .vc-img-one .vc-img {
    height: 480px;
    border-radius: 20px;
    z-index: -1;
    position: relative;
}

.vc-benefit-9 .vc-img-wrap .vc-img-one .vc-img-text {
    display: block;
    text-align: left;
    z-index: 1;
    position: relative;
}
.vc-benefit-9 .vc-img-wrap .vc-img-one .vc-img-text p, .vc-benefit-9 .vc-img-wrap .vc-img-two .vc-img-text p {
    color: var(--bs-primary) !important;
    display: inline-block;
    padding: 20px 50px;
    font-size: 27px;
    font-weight: 700;
    border-radius: 10px;
    margin-top: 30px;
    background-color: var(--bs-light);
    font-family: "Jost", sans-serif;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.vc-benefit-9 .vc-img-wrap .vc-img-two {
    width: 70%;
    margin-left: auto;
}
.vc-benefit-9 .vc-img-wrap .vc-img-two .vc-img-text {
    display: block;
    text-align: right;
}

.vc-benefit-9 .vc-img-wrap .vc-img-two .vc-img {
    height: 575px;
    border-radius: 20px;
}

.vc-benefit-9 .vc-bg-1 {
    background-image: url(https://templates.hibootstrap.com/misa/default/assets/img/why-choose-us/wh-img-1.png);
}


/* benefit 10 */
.vc-benefit-10 .vc-choose__us-left {
    position: relative;
    margin-right: 40px;
    text-align: right;
}
.vc-benefit-10 .vc-subtitle {
    border: 1px solid #cdd0cd;
    border-radius: 50px;
    color: var(--bs-dark);
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    margin-bottom: 15px;
    padding: 7px 15px;
    text-transform: uppercase;
}
.vc-benefit-10 .vc-choose__us-left img {
    width: 75%;
}
.vc-benefit-10 .vc-choose__us-left-counter {
    border: 10px solid var(--bs-primary);
    border-radius: 50%;
    transform: rotate3d(0.5, -1, 0, 45deg);
    width: 48%;
    height: 300px;
    background: var(--bs-light);
    display: inline-block;
    left: 0;
    padding: 78px 25px 87px 55px;
    position: absolute;
    text-align: left;
    top: 20%;
}
.vc-benefit-10 .vc-choose__us-left-counter div {
    transform: rotate3d(20, 12, -1, -32deg);
}

.vc-benefit-10 .vc-choose__us-left-counter div h2{
    font-size: 4rem;
    font-weight: 600;
}
.vc-benefit-10 .vc-choose__us-left-counter div p{
    font-size: 26px;
    font-weight: 500;
    text-align: left;
}

.vc-benefit-10 .vc-choose__us-right{
    margin-left: 30px;
    text-align: left;
}

.vc-benefit-10 .vc-choose__us-right-title{
    margin-bottom: 40px;
}

.vc-benefit-10 .vc-choose__us-right-title h2{
    margin-bottom: 30px;
    font-size: 40px;
    line-height: 66px;
}
.vc-benefit-10 .vc-progress-wrapper {
    width: 100%;
    margin: 20px 0;
}

.vc-benefit-10 .vc-progress-label {
    font-weight: bold;
    margin-bottom: 0;
}

.vc-benefit-10 .vc-progress-container {
    width: 100%;
    background-color: #e0e0e0;
    border-radius: 0;
    overflow: hidden;
    margin: 0px 0 30px 0;
    position: relative;
}

.vc-benefit-10 .vc-progress-bar {
    height: 15px;
    width: 0;
    background: var(--bs-primary);
    text-align: right;
    line-height: 16px;
    padding-right: 10px;
    color: var(--bs-light);
    font-weight: bold;
    transition: width 0.5s ease-in-out;
}

/* Different progress levels */
.vc-benefit-10 .vc-progress-87 { width: 87%; }
.vc-benefit-10 .vc-progress-70 { width: 70%; }

.vc-benefit-10 .vc-build_button {
    align-items: center;
    background: var(--bs-light);;
    border-radius: 50px 50px 50px 50px;
    background-color: var(--bs-primary);
    color: var(--bs-light);
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    gap: 20px;
    justify-content: center;
    line-height: 26px;
    overflow: hidden;
    padding: 8px 8px 8px 30px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: .4s;
    margin-top: 30px;
    z-index: 3;
}

.vc-benefit-10 .vc-build_button i {
    align-items: center;
    background: var(--bs-primary);
    border-radius: 50px 50px 50px 50px;
    color: var(--bs-light);
    display: inline-flex;
    font-size: 26px;
    height: 44px;
    justify-content: center;
    position: relative;
    transition: .4s;
    width: 44px;
    z-index: 2;
}



/*///////////// contact us ///////////////*/
.vc-contact-one .vc-contact__inner {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
}

.vc-contact-one .vc-sec-title {
    margin-bottom: 20px;
}
.vc-contact-one .vc-sec-title__tagline {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: transparent;
    background-clip: text;
    color: var(--bs-primary);
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 5px;
    position: relative;
}

.vc-contact-one .vc-sec-title__tagline span {
    padding-right: 5px;
    color: var(--bs-dark);
}
.vc-contact-one .vc-sec-title__title {
    margin: 0;
    font-size: 50px;
    color: var(--bs-dark);
    font-weight: 700;
    line-height: 60px;
}

.vc-contact-one .vc-contact__form {
    position: relative;
    margin-top: 30px;
}

.vc-contact-one .vc-form__group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin: 0;
}

.vc-contact-one .vc-form-one input[type=text], .vc-contact-one .vc-form-one input[type=email], .vc-contact-one .vc-form-one textarea {
    display: block;
    width: 100%;
    height: 60px;
    background-color: var(--bs-light);
    color:  var(--bs-text);
    font-size: 16px;
    font-weight: 500;
    border: none;
    outline: none;
    padding-left: 30px;
    padding-right: 30px;
    box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
}
.vc-contact-one .vc-contact__form__control input::placeholder,
.vc-contact-one .vc-contact__form__control textarea::placeholder {
  color: var(--bs-text);
  opacity: 1; 
  font-weight: 600;
  
}

.vc-contact-one .vc-form__control__full {
    grid-column: span 2;
}

.vc-contact-one .vc-contact__form__control textarea {
    height: 175px;
    resize: vertical;
    padding: 20px;
}

.vc-contact-one .vc-contact__form__control button[type=submit] {
    padding: 17px 40px;
    line-height: normal;
    background: var(--bs-primary);
    border: none;
    color: var(--bs-light);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;

}
.vc-contact-one .vc-contact-location__inner__item__content {
    display: grid;
    grid-template-columns: auto;
    gap: 20px;
}

.vc-contact-one .vc-contact-location__inner__item__content__info {
    background-color: var(--bs-background);
    padding: 20px 40px;
}
.vc-contact-one .vc-contact-location__inner__item__content__info__btn {
    gap: 20px;
}

.vc-contact-one .vc-contact-location__inner__item__content__info__icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
.vc-contact-one .vc-contact-location__inner__item__content__info__icon i {
    color: var(--bs-light);
    font-size: 20px;
}

.vc-contact-one .vc-contact-location__inner__item__content__info .vc-content {
    display: inline-flex;
    flex-direction: column;
}

.vc-contact-one .vc-contact-location__inner__item__content__info__text {
    font-size: 16px;
    font-weight: 500;
    color:  var(--bs-text);
}

.vc-contact-one .vc-contact-location__inner__item__content__info__call {
    color: var(--bs-text);
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
    transition: all 500ms ease;
}

.vc-contact-one .vc-contact-location .vc-container .vc-row .vc-col-lg-8 {
    padding-left: 20px;
    padding-right: 0;
}

.vc-contact-one .vc-google-map__contact {
    overflow: hidden;
    background-color: var(--bs-text);
}
.vc-contact-one .vc-google-map iframe {
    position: relative;
    display: block;
    border: none;
    height: 370px;
    width: 100%;
    mix-blend-mode: luminosity;
}

/* contact two */
.vc-contact-two .vc-address-container {
    padding: 80px 80px;
    background-color:var(--bs-background);
    border-radius: 20px;
    box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
}
.vc-contact-two .vc-contact-wrap {
    justify-content: space-between !important;
}
.vc-contact-two .vc-location {
    padding-left: 70px;
    position: relative !important;
}

/* .vc-contact-two .vc-location::before {
    top: 50%;
    right: -100px;
    width: 1px;
    height: 60px;
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, 0.05);
    transform: translateY(-50%);
} */
.vc-contact-two .vc-location i {
    display: inline-block;
    top: 50%;
    left: 0;
    width: 56px;
    height: 56px;
    position: absolute;
    font-size: 22px;
    line-height: 62px;
    text-align: center;
    border-radius: 100%;
    background-color: var(--bs-primary);
    transform: translateY(-50%);
    color:  var(--bs-light);
}

.vc-contact-two .vc-location span {
    display: block;
    color:  var(--bs-dark);
    margin-bottom: 8px;
}
.vc-contact-two .vc-location a {
    color:  var(--bs-dark);
    font-size: 18px;
    font-weight: 500;
}
.vc-contact-two .vc-section-title {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 50px;
}

.vc-contact-two .vc-section-title .vc-sub-title {
    color:  var(--bs-light);
    padding: 10px 20px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.6px;
    margin-bottom: 15px;
    background-color:  var(--bs-primary);
    border-radius: 50px;
}

.vc-contact-two .vc-section-title h2{
    font-size: 50px;
    line-height: 1.2;
    margin-bottom: 0;
    color: var(--bs-dark);
}
.vc-contact-two .vc-contact-form {
    padding: 40px 50px;
    background-color: #fffaeb;
    border-radius: 30px;
}

.vc-contact-two .vc-contact-form .vc-form-control {
    color:  var(--bs-text);
    height: 50px;
    border-radius: 10px;
    border: 1px solid rgba(12, 58, 48, 0.2);
    box-shadow: 0px 4px 4px 0px rgba(8, 39, 32, 0.02);
    background-color:  var(--bs-light);
    margin-bottom: 20px;
    padding: 12px 20px;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    appearance: none;
    background-clip: border-box;
}

.vc-contact-two .vc-contact-form textarea {
    min-height: 206px;
}
.vc-contact-two .vc-default-btn {
    border: none;
    box-shadow: none;
    display: inline-block;
    position: relative;
    border-radius: 10px;
    background-color:  var(--bs-primary);
    padding: 18px 30px 18px;
    font-weight: 600;
    color:  var(--bs-light);
    line-height: normal;
    transition: all ease 0.5s;
    font-size: 18px;
    margin-left: 14px;
}
    .vc-contact-two .vc-default-btn i {
        font-size: 12px;
    }

.vc-contact-two .vc-contact-map iframe {
    width: 100%;
    height: 502px;
    border-radius: 30px;
    border: none;
}

/* contact threee */
.vc-contact-three .vc-content {
    background:   var(--bs-primary);
    padding: 40px;
    padding-bottom: 0;
    margin-right: 50px;
    position: relative;
    text-align: center;
}

.vc-contact-three .vc-info {
    margin-bottom: 47px;
    padding-left: 0;
}

.vc-contact-three .vc-info__item {
    display: flex;
    gap: 20px;
    margin-top: 30px;
    align-items: center;
}

.vc-contact-three .vc-info__icon {
    max-width: 50px;
    width: 100%;
    height: 50px;
    border-radius: 50%;
    background:  var(--bs-light);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color:  var(--bs-dark);
    transition: all 0.5s ease-in-out;
}

.vc-contact-three .vc-info__text {
    color:  var(--bs-light) !important;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 0;
    margin-bottom: 3px;
    text-align: left;
}

.vc-contact-three .vc-info__title {
    color:  var(--bs-light);
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 0;
    margin-bottom: -3px;
    text-align: left;
}

.vc-contact-three .vc-info__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
    transition: all 500ms ease;
}
.vc-contact-three .vc-content__thumb img {
    margin-bottom: -70px;
    position: relative;
}

.vc-contact-three .vc-content__social {
    text-align: center;
    position: relative;
    margin-bottom: -20px;
    z-index: 1;
    display: inline-block;
    background:  var(--bs-light);
    padding: 24px 40px;
}

.vc-contact-three .vc-content__social a {
    color: var(--bs-dark);
    margin-left: 34px;
}
.vc-contact-three .vc-sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.vc-contact-three .vc-sec-title {
    margin-top: -1px;
    padding-bottom: 50px;
}
.vc-contact-three .vc-sec-title__tagline {
    letter-spacing: 1.4px;
    margin: 0;
    color: var(--bs-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 185.714%;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.vc-contact-three .vc-sec-title__title {
    margin: 0;
    color: var(--bs-dark);
    font-size: 40px;
    font-weight: 700;
    line-height: 117.5%;
    letter-spacing: -0.8px;
}

.vc-contact-three .vc-form__group {
    display: grid;
    grid-template-columns: repeat(2 1fr);
    grid-gap: 20px;
    margin: 0;
}
.vc-contact-three .vc-form__control {
    border: none;
    width: auto;
    height: auto;
    border-radius: 0;
    padding: 0;
    position: relative;
}

.vc-contact-three .vc-form input, .vc-contact-three .vc-form textarea {
    background-color: #F3F3F3;
    height: 60px;
    width: 100%;
    border: none;
    padding-left: 30px;
    padding-right: 20px;
    outline: none;
    color:  var(--bs-text);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

.vc-contact-three .vc-form input::placeholder,
.vc-contact-three .vc-form textarea::placeholder {
  color: var(--bs-text);
  opacity: 1; 
  font-weight: 600;
  
}
.vc-contact-three .vc-form__control--full {
    grid-column: span 2;
}

.vc-contact-three .vc-form textarea {
    height: 317px;
}
.vc-contact-three .vc-laboix-btn {
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none !important;
    color: var(--bs-light);
    padding: 19px 41.5px;
    transition: 500ms;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 112.5%;
    background-color: var(--bs-primary);
    color: var(--bs-light);
    position: relative;
    overflow: hidden;
    text-align: center;
    z-index: 1;
}

/* contact four */
.vc-contact-four .vc-section-title {
    margin-bottom: 40px;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
}
.vc-contact-four .vc-section-title .vc-sub-title {
    color: var(--bs-primary);
    font-size: 18px;
    display: block;
    margin-bottom: 8px;
}
.vc-contact-four .vc-section-title h2 {
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 600;
    color: var(--bs-dark);
}

.vc-contact-four .vc-section-title {
    margin-bottom: 40px;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    max-width: 750px;
}

.vc-contact-four .vc-section-title p {
    font-size: 18px;
    max-width: 650px;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: 10px;
}


.vc-contact-four .vc-contact-info {
    padding-right: 25px;
}

.vc-contact-four .vc-contact-info .vc-contact-list {
    margin-bottom: 0;
    list-style-type: none;
    padding-right: 20px;
    padding-left: 0;
}
.vc-contact-four .vc-contact-info .vc-contact-list li {
    position: relative;
    padding-left: 95px;
    color: var(--bs-text);
    margin-bottom: 25px;
}
.vc-contact-four .vc-contact-info .vc-contact-list li .vc-icon {
    border: 1px dashed var(--bs-primary);
    width: 75px;
    height: 75px;
    line-height: 74px;
    color: var(--bs-light);
    border-radius: 50%;
    font-size: 25px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.vc-contact-four .vc-contact-info .vc-contact-list li .vc-icon::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--bs-primary);
    border-radius: 50%;
    margin: 6px;
    z-index: -1;
}

.vc-contact-four .vc-contact-info .vc-contact-list li span {
    display: block;
    margin-bottom: 5px;
    color: var(--bs-text);
    font-size: 22px;
    font-weight: 600;
}

.vc-contact-four .vc-contact-info .vc-social {
    padding-left: 95px;
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 20px;
}
.vc-contact-four .vc-contact-info .vc-social li {
    display: inline-block;
    margin-right: 3px;
}
.vc-contact-four .vc-contact-info .vc-social li a {
    display: inline-block;
    background-color: #f1f4f4;
    color: var(--bs-secondary);
    width: 50px;
    font-size: 17px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
}

.vc-contact-four .vc-contact-form .vc-row {
    margin-left: -7px;
    margin-right: -7px;
}
.vc-contact-four .vc-contact-form .vc-row .vc-col-lg-12, .vc-contact-four .vc-contact-form .vc-row .vc-col-lg-6 {
    padding-left: 7px;
    padding-right: 7px;
}
.vc-contact-four .vc-contact-form .vc-form-group {
    text-align: left;
    margin-bottom: 15px;
}

.vc-contact-four .vc-contact-form .vc-form-control {
    background-color: var(--bs-light);
    border: none;
    box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
    height: 57px;
}
.vc-contact-four .vc-contact-form textarea{
    min-height: 175px;
    padding-top: 15px;
}

.vc-contact-four .vc-contact-form .vc-default-btn {
    margin-top: 10px;
    box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.5) !important;
    border: none;
    position: relative;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    color: var(--bs-light);
    text-transform: uppercase;
    background-color: var(--bs-primary);
    transition: 0.5s;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    padding:14px 30px ;
}

.vc-contact-five .vc-main-form{
    margin-right: 15px;
}
.vc-contact-five .vc-main-form input, .vc-contact-five .vc-main-form textarea {
    margin-bottom: 24px;
    background: #E7E8F4;
    border-radius: 5px;
    border: none;
    padding: 20px 20px;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #161540;
}

.vc-contact-five .vc-main-form .vc-full-btn {
    width: 100%;
    text-align: center;
    justify-content: center;
    background: var(--bs-primary);
    box-shadow: 0 4px 25px rgba(121, 119, 198, 0.5);
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    display: inline-flex;
    border: none;
    align-items: center;
    color: var(--bs-light);
    transition: all 0.3s;
    transform: translateY(0);
    padding: 19px 20px;
}

.vc-contact-five .vc-single-contact-box {
    background: var(--bs-light);
    box-shadow: 0px 5px 30px rgba(9, 8, 64, 0.05);
    border-radius: 10px;
    padding: 30px;
    position: relative;
    z-index: 2;
    padding-left: 90px;
    height: 154px;
    margin-bottom: 30px;
}

.vc-contact-five .vc-contact-box-icon {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vc-contact-five .vc-contact-box-icon {
    font-size: 20px;
}
.vc-contact-five .vc-contact-box-content p {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 2px;
    color: var(--bs-dark) !important;
    margin-bottom: 10px;
}
.vc-contact-five .vc-contact-box-content a {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #161540;
}
/* contact six */
.vc-contact-six iframe {
    position: relative;
    display: block;
    border: none;
    height: 430px;
    width: 100%;
}

.vc-contact-six .vc-contact-wrapper {
    background: var(--bs-primary);
    padding: 16px;
}
.vc-contact-six .vc-contact-headline h3 {
    color: #fff;
    font-size: 22px;
    line-height: 30px;
}
.vc-contact-six .vc-contact-single-info {
    margin-top: 20px;
}
.vc-contact-six .vc-contact-single-info i {
    color: var(--bs-dark);
    font-size: 24px;
    margin: 15px 0;
}
.vc-contact-six .vc-contact-single-info h6 {
    font-size: 20px;
    color: var(--bs-light);
}

.vc-contact-six .vc-contact-single-info p {
    color: var(--bs-light) !important;
    font-size: 16px;
    margin: 0;
}

.vc-contact-six .vc-contact-form-wrap {
    padding-left: 60px;
}
.vc-contact-six .vc-section-title h6 {
    color: var(--bs-primary);
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 2px;
}

.vc-contact-six .vc-section-title {
    position: relative;
    margin-bottom: 50px;
}

.vc-contact-six .vc-section-title h2 {
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    margin: 20px 0;
    color: var(--bs-dark);
}
.vc-contact-six .vc-contact-section .vc-section-title p {
    text-transform: capitalize;
    color: var(--bs-text) !important;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
}


.vc-contact-six .vc-main-btn{
    border: none;
    border-radius: 0;
    display: inline-block;
    background: var(--bs-primary);
    padding: 15px 30px;
    width: auto;
    transition: 0.3s;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--bs-light);
}


/* contact seven */
.vc-contact-seven {
    position: relative;
}
.vc-contact-seven iframe {
    display: block;
    width: 100%;
    height: 820px;
    border: none;
}

.vc-contact-seven .vc-contact-wrap {
    position: absolute;
    top: 100px;
    right: 2%;
}
.vc-contact-seven .vc-contact-form {
    padding: 50px;
    max-width: 800px;
    margin: 0 auto 0;
    background-color: var(--bs-light);
}
.vc-contact-seven .vc-contact-form span {
    color: var(--bs-text);
    font-weight: 500;
    line-height: 0;
    font-size: 14px;
    text-transform: uppercase;
}
.vc-contact-seven .vc-contact-form h2 {
    font-size: 35px;
    margin-bottom: 20px;
    color: var(--bs-dark);
}
.vc-contact-seven .vc-contact-form .vc-form-group {
    margin-bottom: 25px;
    position: relative;
}
.vc-contact-seven .vc-contact-form .vc-form-group i {
    position: absolute;
    top: 14px;
    left: 15px;
    line-height: 1;
    font-size: 18px;
    color: #7f7f7f;
    z-index: 1;
}

.vc-contact-seven .vc-contact-form .vc-form-group .vc-form-control {
    height: 50px;
    color: var(--bs-text);
    border: 1px solid #e8e8e8;
    background-color: var(--bs-light);
    border-radius: 0;
    font-size: 14px;
    padding: 10px 20px 10px 40px;
    width: 100%;
}

.vc-contact-seven .vc-contact-form .vc-form-group textarea {
    height: auto;
}

.vc-contact-seven .vc-contact-form .vc-default-btn {
    padding: 18px 30px;
    background-color: var(--bs-primary) !important;
    color: var(--bs-light);
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-transform: capitalize;
    border: 0;
    font-weight: 600;
    outline: none;
}


/* conatact eight */
.vc-contact-eight .vc-section-intro {
    max-width: 50%;
    margin: 0 auto 60px;
    text-align: center;
}

.vc-contact-eight .vc-section-intro.vc-intro-left {
    margin: 0 0 60px;
    text-align: left;
}
.vc-contact-eight .vc-section-intro .vc-section-title {
    font-size: 46px;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.vc-contact-eight .vc-section-intro h2 {
    max-width: 85%;
    margin: 0 auto 20px;
    color: var(--bs-dark);
}

.vc-contact-eight .vc-section-intro.vc-intro-left h2 {
    margin: 0 0 20px;
}
.vc-contact-eight .vc-section-intro .vc-section-title .vc-color {
    color: var(--bs-primary);
}
.vc-contact-eight .vc-section-intro .vc-section-title p {
    font-size: 18px !important;
}

.vc-contact-eight .vc-contact-wrap {
    max-width: 90%;
    margin-bottom: 100px;
}

.vc-contact-eight form .vc-form-group {
    margin-bottom: 20px;
}
.vc-contact-eight form .vc-form-group.vc-half-form {
    width: 48%;
    float: left;
}
.vc-contact-eight form .vc-form-group.vc-half-form:nth-child(even) {
    float: right;
}
.vc-contact-eight form .vc-form-group input, .vc-contact-eight form .vc-form-group textarea {
    background: #f6f6f6;
    border-radius: 5px;
    padding: 16px 20px;
}

.vc-contact-eight form .vc-form-group textarea {
    height: 175px;
}
.vc-contact-eight form .vc-custom-btn {
    display: inline-block;
    padding: 18px 32px;
    text-align: center;
    color: var(--bs-light);
    font-size: 20px;
    background: var(--bs-primary);
    border: none;
    font-weight: 600;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}

.vc-contact-eight .vc-contact-widget {
    background: #f6f6f6;
    padding: 30px 25px 10px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.vc-contact-eight .vc-contact-widget .vc-cw-inner .vc-cw-item {
    margin-bottom: 15px;
}

.vc-contact-eight .vc-contact-widget  .vc-cw-inner .vc-cw-item > i {
    float: left;
    color: var(--bs-primary);
    font-size: 24px;
}

.vc-contact-eight .vc-contact-widget  .vc-cw-inner .vc-cw-item .vc-cw-txt {
    margin-left: 45px;
    display: block;
}
.vc-contact-eight .vc-contact-widget  .vc-cw-inner .vc-cw-item .vc-cw-txt h5 {
    font-size: 22px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: var(--bs-dark);
}
.vc-contact-eight .vc-contact-widget  .vc-cw-inner .vc-cw-item .vc-cw-txt P {
    color: #b9b9b9;
    max-width: 90%;
}
.vc-contact-eight .vc-contact-widget .vc-social-share span {
    width: 40px;
    height: 40px;
    background: var(--bs-dark);
    color: var(--bs-dark);
    display: inline-table;
    text-align: center;
    border-radius: 50%;
    transition: all 0.4s ease-in-out;
    margin-right: 10px;
}

.vc-contact-eight .vc-contact-widget .vc-social-share span:hover, .vc-contact-eight .vc-contact-widget .vc-social-share span.vc-active {
    background: var(--bs-secondary);
    color: var(--bs-light) !important;
}
.vc-contact-eight .vc-contact-widget .vc-social-share span a {
    display: table-cell;
    vertical-align: middle;
    color: var(--bs-light);
    font-size: 18px;
    line-height: 1;
}


/* contact nine */
.vc-contact-nine .vc-section-title {
    position: relative;
    padding-bottom: .5rem;
    margin-bottom: 1.5rem;
}
.vc-contact-nine .vc-section-title .vc-title {
    letter-spacing: 0.5px;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    color: var(--bs-dark);
}

.vc-contact-nine .vc-map {
    line-height: 0;
}
.vc-contact-nine .vc-map iframe {
    width: 100%;
    height: 400px;
    border-radius: 5px;
}

.vc-contact-nine .vc-form-group {
    margin-bottom: 20px;
}

.vc-contact-nine .vc-btn-custom {
    padding: 16px 27px;
    outline: none;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.7px;
    transition: all 0.3s;
    font-weight: 400;
    border-radius: 5px;
    cursor: pointer;
    text-transform: uppercase;
    background-color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    color: var(--bs-light);
}

.vc-contact-nine .vc-contact-details{
    padding: .5rem;
    margin-top:1.5rem;
}
.vc-contact-nine .vc-contact-details h2{
    font-size: 30px;
    color: var(--bs-dark);
    margin-bottom: 0;
}

.vc-contact-nine .vc-contact-details h6{
    margin-bottom: 0;
}
.vc-contact-nine .vc-contact-details p a{
    color: var(--bs-text);
}

/* contact ten */

.vc-contact-ten .vc-section-title__title {
    color: var(--bs-dark);
    font-family: "Jost", serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 62px;
    max-width: 912px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 60px;
}
.vc-contact-ten .vc-contact-page-input__thumb {
    position: relative;
    z-index: 3;
}
.vc-contact-ten .vc-contact-page-input__thumb img {
    border-radius: 15px;
    width: 100%;
}

.vc-contact-ten .vc-contact-page-input__form {
    position: relative;
    border-radius: 15px;
    background: #F9F5F2;
    padding: 73px;
    margin-left: -10px;
    z-index: 1;
}
.vc-contact-ten .vc-contact-page-input__form-title {
    color: var(--bs-dark);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    padding-bottom: 30px;
}
.vc-contact-ten .vc-contact-page-input__form-button-wrapper {
    margin-top: 7px;
}

.vc-contact-ten .vc-theme-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    position: relative;
    z-index: 1;
    height: 56px;
    overflow: hidden;
    color: var(--bs-light);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 10px;
    background: var(--bs-primary);
    padding: 15px 35px;
    transition: all 0.3s ease-in-out;
    border: none;
}

.vc-contact-ten .vc-contact-page-card {
    border-radius: 10px;
    border: 1px solid #E2E2E2;
    background: #F9F5F2;
    padding: 35px;
    text-align: center;
}

.vc-contact-ten .vc-contact-page-card__icon {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: var(--bs-primary);
    text-align: center;
    line-height: 100px;
    margin: 0 auto;
    font-size: 35px;
    color: var(--bs-light);
    transition: 0.4s all ease-in-out;
}

.vc-contact-ten .vc-contact-page-card__title {
    color: var(--bs-dark);
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    padding: 20px 0;
}

.vc-contact-ten .vc-contact-page-card__text {
    color: var(--bs-text);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    max-width: 296px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.vc-contact-ten .vc-contact-page-card__link {
    color: var(--bs-dark);
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
}


/* features */
.vc-feature-one{
    background: var(--bs-background);
    position: relative;
}

.vc-feature-one .vc-section-title {
    margin-bottom: 47px;
    text-align: center;
    margin-bottom: 56px;
}

.vc-feature-one .vc-section-title .vc-title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 13px;
    color: var(--bs-dark);
    font-weight: 700;
    text-transform: capitalize;
}
.vc-feature-one .vc-section-title p {
    max-width: 650px;
    font-size: 16px;
    line-height: 26px;
    color: var(--bs-text) !important;
    margin: 0 auto;
}
.vc-feature-one .vc-feature-box {
    margin-bottom: 30px;
    background: none;
    display: flex;
    transition: all 0.3s ease-in;
    position: relative;
}
.vc-feature-one .vc-feature-box .vc-details {
    flex: 1;
}
.vc-feature-one .vc-left-feature .vc-feature-box .vc-details {
    text-align: right;
}
.vc-feature-one .vc-feature-box .vc-details .vc-title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: var(--bs-dark);
    margin: 26px 0px 19px;
}
.vc-feature-one .vc-feature-box .vc-details .vc-text {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 8px;
    color: var(--bs-text) !important;
}
.vc-feature-one .vc-feature-box .vc-icon-area {
    display: flex;
}

.vc-feature-one .vc-feature-box .vc-icon {
    width: 70px;
    height: 70px;
    margin-right: 20px;
    text-align: center;
    line-height: 70px;
    font-size: 45px;
    border-radius: 50%;
    position: relative;
}
.vc-feature-one .vc-feature-box .vc-icon-area .vc-icon {
    align-self: center;
}
.vc-feature-one .vc-left-feature .vc-feature-box .vc-icon {
    margin-left: 20px;
}

.vc-feature-one .vc-feature-box .vc-icon-area .vc-icon i {
    color: var(--bs-primary);
}

.vc-feature-one .vc-center-feature img{
    width: 84%;
}

/* feature two */
.vc-feature-two .vc-section-title {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 50px;
}

.vc-feature-two .vc-section-title .vc-sub-title {
    display: block;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.6px;
    margin-bottom: 15px;
    color: var(--bs-primary);
}

.vc-feature-two .vc-section-title h2 {
    font-size: 35px;
    line-height: 1.2;
    margin-bottom: 0;
    color: var(--bs-dark);
}
.vc-feature-two .vc-single-features-card {
    padding: 45px 99px 45px 150px;
    border: 1px solid transparent;
    transition: all ease 0.5s;
    border-radius: 30px;
    position: relative;
    background-color: #eef3ff;
}

.vc-feature-two .vc-single-features-card i {
    top: 48px;
    left: 50px;
    position: absolute;
    font-size: 52px;
    width: 80px;
    height: 80px;
    line-height: 94px;
    border-radius: 10px;
    background-color: var(--bs-primary);
    text-align: center;
    color: var(--bs-light);
}
.vc-feature-two .vc-single-features-card h3 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 20px;
    color: var(--bs-dark);
}


/* feature three */
.vc-feature-three .vc-xs-title {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--bs-primary);
    padding-left: 0;
    position: relative;
    z-index: 1;
}
.vc-feature-three .vc-clearfix {
    margin-top: 1.5rem !important;
}

.vc-section-intro2 .vc-section-title {
    font-size: 46px;
    text-transform: capitalize;
    margin-bottom: 30px;
    max-width: 44%;
    float: left;
    color: var(--bs-dark);
}
.vc-feature-three .vc-section-intro2 p {
    float: right;
    max-width: 45%;
    padding-left: 15px;
    margin: 15px 0 0 auto;
}
.vc-feature-three .vc-feature-card {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-radius: 0.25rem !important;
}

.vc-feature-three .vc-feature-card img{
    width: 100%;
}
.vc-feature-three .vc-feature-card .vc-feature-content {
    position: relative;
    bottom: 171px;
    transform: rotate(-90deg);
    left: -106px;
    height: 100%;
    width: 278px;
    z-index: 1;

}

.vc-feature-three .vc-feature-card .vc-feature-content span {
    display: none;
    transition: all 0.3s;
}

.vc-feature-three .vc-feature-content h3 i{
    background: var(--bs-primary);
    padding: 20px 16px;
    font-size: 25px;
    color: var(--bs-light);
}

.vc-feature-three .vc-feature-content h3 span {
    background: linear-gradient(270deg, var(--bs-secondary) 0%, var(--bs-primary) 65%, var(--bs-primary) 100%);
    width: 287px;
    height: 65px;
    position: absolute;
    padding-top: 20px;
    transition: all 0.3s;
    color: var(--bs-light);
}
.vc-feature-three .vc-feature-card:hover .vc-feature-content span{
    display: inline-block;
    transition: all 0.3s;
}


/* feature four */
.vc-feature-four .vc-btn-brand-5{
    padding: 4px 21px;
    background-color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    border-radius: 36px;
    color: var(--bs-light);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.vc-feature-four .vc-heading-1{
    margin-bottom: 65px;
    margin-top: 15px;
}

.vc-feature-four .vc-card-features-6 {
    border-radius: 16px;
    background-color: var(--bs-text);
    border: 1px solid var(--bs-text);;
    padding: 32px 32px 35px 32px;
    color: var(--bs-light);
    margin-bottom: 30px;
}

.vc-feature-four .vc-card-features-6 .vc-card-image {
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 600;
    color: var(--bs-primary);
}
.vc-feature-four .vc-card-features-6 .vc-card-info h6 {
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 26px;
    color: var(--bs-light);
}
.vc-feature-four .vc-neutral-400 {
    color: var(--bs-light) !important;
    font-size: 14px;
    line-height: 24px;
}

/* feature five */
.vc-feature-five{
    background-color: var(--bs-background);
}

.vc-feature-five .vc-section-title {
    max-width: 660px;
    margin: auto auto 40px auto;
    text-align: center;
}


.vc-feature-five .vc-section-title span {
    color: var(--bs-primary);
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 500;
}

.vc-feature-five .vc-section-title h2 {
    font-size: 40px;
    margin-bottom: 15px;
}
.vc-feature-five .vc-single-services-card {
    background-color: #ffffff;
    padding: 30px;
    transition: all ease 0.5s;
    position: relative;
    border-radius: 5px;
    margin-bottom: 30px;
    box-shadow: 0px 10px 30px 5px rgba(44, 44, 44, 0.05);
}

.vc-feature-five .vc-single-services-card .vc-services-img {
    padding-bottom: 25px;
    margin-bottom: 22px;
    border-bottom: 1px solid #eeeeee;
}
.vc-feature-five .vc-single-services-card .vc-services-img i{
    font-size: 60px;
    font-weight: 600;
    color: var(--bs-primary);
}
.vc-feature-five .vc-single-services-card h3 {
    font-size: 20px;
    margin-bottom: 12px;
    color: var(--bs-dark);
}

.vc-feature-five .vc-single-services-card p {
    margin-bottom: 25px;
}
.vc-feature-five .vc-services-content .vc-default-btn {
    background-color: var(--bs-primary);
    color: var(--bs-light);
    font-size: 15px;
    font-weight: 500;
    padding: 7px 25px 15px 25px;
    border-radius: 5px;
    position: relative;
    transition: all ease 0.5s;
    display: inline-block;
    border: 1px solid rgba(40, 170, 74, 0.004);
    z-index: 1;
}


.vc-feature-five .vc-services-content .vc-default-btn i {
    position: relative;
    top: 5px;
    padding-left: 5px;
    font-size: 20px;
}

.vc-feature-five .vc-single-services-card .vc-number {
    position: absolute;
    height: 80px;
    width: 80px;
    line-height: 80px;
    right: 0;
    top: 0;
    background-color: #f4f4f4;
    text-align: center;
    font-size: 20px;
    color: #2C2C2C;
    font-weight: 600;
    border-radius: 0 5px 0 50px;
    transition: all ease 0.5s;
    z-index: 1;
}

.vc-feature-five .vc-single-services-card:hover .vc-number {
    position: absolute;
    content: "";
    height: 80px;
    width: 80px;
    right: 0;
    top: 0;
    border-radius: 0 5px 0 50px;
    background-color: var(--bs-primary);
    transition: all ease 0.5s;
    color: var(--bs-light);
}

/* feature six */

.vc-feature-six .vc-single-feature-wrap {
    background: #E9ECEB;
    padding: 30px;
    text-align: center;
    margin-bottom: 30px;
}
.vc-feature-six .vc-single-feature-wrap .vc-feature-icon {
    width: 50px;
    height: auto;
    display: inline-block;
    margin-bottom: 30px;
}

.vc-feature-six .vc-single-feature-wrap .vc-feature-icon i{
    font-size: 30px;
    color: var(--bs-primary);
}

.vc-feature-six .vc-single-feature-wrap h5 {
    font-size: 20px;
    margin: 20px 0;
}

.vc-feature-six .vc-feature-intro-wrap {
    padding-left: 40px;
}

.vc-feature-six .vc-section-title {
    position: relative;
    margin-bottom: 30px;
}

.vc-feature-six .vc-section-title h6 {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 20px;
    color: var(--bs-primary);
}

.vc-feature-six .vc-section-title h2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 58px;
    color: #000000;
}

.vc-feature-six .vc-section-title span {
    color: var(--bs-primary);
}

.vc-feature-six .vc-feature-img-wrap{
    margin-top: 30px;
}

.vc-feature-six .vc-feature-img-wrap img{
    height: 310px;
}

/* feature seven */
.vc-feature-seven .vc-section-title .vc-sub-title{
    color: var(--bs-primary) !important;
}

.vc-feature-seven .vc-section-title h2{
    margin: 10px 0;
}

.vc-feature-seven .vc-services__three-item {
    position: relative;
    overflow: hidden;
    box-shadow:  0px 25px 70px rgba(0, 0, 0, .08);
}
.vc-feature-seven .vc-services__three-item>img {
    width: 100%;
    filter: grayscale(100%);
    min-height: 450px;
    object-fit: cover;
}
.vc-feature-seven .vc-services__three-item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 60px 40px 40px;
    margin-right: 30px;
    z-index: 1;
    background: none;
}

.vc-feature-seven .vc-services__three-item-content-icon {
    background: var(--bs-primary);
    width: 80px;
    height: 80px;
    text-align: center;
    border-radius: 6px;
    border: 4px solid var(--bs-light);
    position: absolute;
    top: -30px;
    right: 0;
    padding: 10px 0;
}

.vc-feature-seven .vc-services__three-item-content-icon i {
    color: var(--bs-light);
    font-size: 50px;
    display: inline-block;
}
.vc-feature-seven .vc-services__three-item-content h4 {
    margin-bottom: 5px;
}
.vc-feature-seven .vc-services__three-item-content h4 a{
    color: var(--bs-dark);
    font-size: 20px;
}

.vc-feature-seven .vc-services__three-item-content::after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: -10px;
    transform: matrix(.99, -.1, .12, .99, 0, 0);
    background: var(--bs-light);
    width: 100%;
    height: 101%;
    z-index: -1;
}

/* feature eight */
.vc-feature-eight .vc-section-title{
    margin-bottom: 30px;
}

.vc-feature-eight .vc-section-title .vc-span-bg {
    line-height: 1.4;
    font-weight: 500;
    background-color: var(--bs-primary);
    padding: 5px 18px;
    color: var(--bs-light);
    display: inline-block;
    margin-bottom: 5px;
}

.vc-feature-eight .vc-section-title h2 {
    font-size: 35px;
    font-weight: 600;
    margin-top: 5px;
    line-height: 1.4;
    color: var(--bs-dark);
}
.vc-feature-eight .vc-service-card a{
    display: block;
}
.vc-feature-eight .vc-service-card img{
    height: 400px;
}

.vc-feature-eight .vc-service-card .vc-content {
    position: relative;
    margin-top: -100px;
    padding: 30px;
    background-color: var(--bs-background);
    transition: 0.7s;
    width: 100%;
}

.vc-feature-eight .vc-service-card .vc-content i {
    display: inline-block;
    color: var(--bs-primary);
    font-size: 55px;
    margin-bottom: 15px;
    transition: 0.5s all ease;
    line-height: 1;
}

.vc-feature-eight .vc-service-card .vc-content .vc-service-icon-bg {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 110px;
    opacity: 0.2;
    transition: 0.5s all ease;
}
.vc-feature-eight .vc-service-card .vc-content h3 {
    font-size: 22px;
    color: var(--bs-dark);
    margin-bottom: 10px;
}
.vc-feature-eight .vc-service-card .vc-content h3 a {
    color: var(--bs-dark);
}

.service-card .content p {
    margin-bottom: 0;
    color: var(--bs-text) !important;
}


/*////////////////// process ///////////////////////*/

.vc-process-one{
    background-color: var(--bs-background);
}

.vc-process-one .vc-about-top.mb-5 {
    margin-bottom: 3rem !important;
}

.vc-process-one .vc-section-heading .vc-sub-title {
    color: var(--bs-light);
    padding: 10px 20px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.6px;
    margin-bottom: 18px;
    background-color: var(--bs-primary);
    border-radius: 50rem;
}

.vc-process-one .vc-section-heading h2 {
    font-size: 50px;
    line-height: 1.2;
    color: var(--bs-dark);
}

.vc-process-one .vc-about-top .vc-content {
    max-width: 380px;
    margin-left: auto;
}
.vc-process-one .vc-about-top .vc-content p {
    color: var(--bs-text) !important;
}

.vc-process-one .vc-step-card {
    text-align: center;
    z-index: 1;
    position: relative;
}

.vc-process-one .vc-step-card::before {
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    border: 1px dashed var(--bs-dark);;
    transform: translateY(-50%);
    z-index: -1;
}

.vc-process-one .vc-step-card h3{
    font-size: 16px;
    line-height: 1;
    margin-bottom: 0;
    border-radius: 10px;
    background-color: var(--bs-primary);
    color: var(--bs-light);
    border: 1px solid var(--bs-light);
    padding: 19px 30px 19px;
    transition: all ease 0.5s;
    display: inline-flex
;
}

.vc-process-one .vc-works-card {
    padding: 40px 28px;
    text-align: center;
    border-radius: 30px;
    background-color: var(--bs-light);
    box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
}

.vc-process-one .vc-works-card i {
    display: inline-block;
    font-size: 50px;
    width: 80px;
    height: 80px;
    line-height: 94px;
    border-radius: 100%;
    background-color: var(--bs-primary);
    text-align: center;
    margin-bottom: 30px;
    transition: all ease 0.5s;
    color: var(--bs-light);
}

.vc-process-one .vc-works-card h3 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 20px;
    color: var(--bs-dark);
}
.vc-process-one .vc-works-card p{
    color: var(--bs-text) !important;

}

/* process two */
.vc-process-two .vc-process-wrapper {
    margin-bottom: -30px;
}
.vc-process-two .vc-section-title {
    position: relative;
    z-index: 99;
    margin-bottom: 30px;
    margin-top: -6px;
}

.vc-process-two .vc-section-title .vc-sub-title {
    font-size: 16px;
    font-weight: 400;
    color: var(--bs-light);
    margin-bottom: 30px;
    text-transform: uppercase;
    line-height: 1;
    display: inline-block;
    background: var(--bs-primary);
    padding: 12px 14px;
}
.vc-process-two .vc-process-wrapper .vc-process-image {
    margin-top: 60px;
}

.vc-process-two .vc-process-wrapper .vc-process-image img {
    width: 100%;
    height: 100%;
}

.vc-process-two .vc-section-title h2{
    color: var(--bs-dark);
    font-size: 34px;
    font-weight: 500;
}
.vc-process-two .vc-process-wrapper .vc-process-content {
    margin-left: 50px;
}

.vc-process-two .vc-process-wrapper .vc-process-content .vc-process-ber {
    position: relative;
}
.vc-process-two .vc-process-wrapper .vc-process-content .vc-process-ber .vc-line-shape {
    position: absolute;
    left: 20px;
    z-index: -1;
    top: 0px;
    bottom: 0px;
}
.vc-process-two .vc-process-wrapper .vc-process-content .vc-process-ber .vc-line-shape img {
    height: 100%;
}
.vc-process-two .vc-process-wrapper .vc-process-content .vc-process-ber .vc-process-items {
    display: flex;
    margin-bottom: 30px;
    gap: 70px;
}
.vc-process-two .vc-process-wrapper .vc-process-content .vc-process-ber .vc-process-items .vc-number {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: var(--bs-primary);
    color: var(--bs-light);
    font-size: 16px;
    flex-basis: 100px;
    border-radius: 100%;
}

.vc-process-two .vc-process-wrapper .vc-process-content .vc-process-ber .vc-process-items .vc-content h3 {
    margin-bottom: 5px;
    color: var(--bs-dark);
    font-size: 36px;
    font-weight: 400;
    line-height: 122%;
}

/* process  three */
.vc-process-three{
    background-color: #f4fbfe;
}

.vc-process-three .vc-single-process {
    text-align: center;
    padding: 30px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    transition: all .5s;
    background-color: var(--bs-light);
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
    border-radius: 4px;
}
.vc-process-three .vc-section-title {
    max-width: 660px;
    margin: -8px auto 60px;
    text-align: center;
    position: relative;
}

.vc-process-three .vc-section-title span {
    color: var(--bs-primary);
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
}
.vc-process-three .vc-section-title h2 {
    font-size: 40px;
    margin-bottom: 15px;
    position: relative;
    display: block;
    text-transform: capitalize;
    color: var(--bs-dark);
}

.vc-process-three .vc-single-process .vc-icon {
    font-size: 50px;
    margin-bottom: 22px;
}
.vc-process-three .vc-single-process span {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: var(--bs-primary);
    border-radius: 50%;
    color: var(--bs-light);
    font-weight: 600;
    transition: all .5s;
}

.vc-process-three .vc-single-process h3, .vc-process-three .vc-single-process p {
    margin-bottom: 10px;
}
.vc-process-three .vc-single-process h3{
    color: var(--bs-dark);
}
.vc-process-three .vc-single-process .vc-read-more {
    line-height: 1;
    color: var(--bs-secondary);
    font-weight: 500;
    transition: all .5s;
    display: inline-block;
    font-weight: 600;
}
.vc-process-three .vc-single-process .vc-read-more i {
    position: relative;
    top: 2px;
}
.vc-process-three .vc-single-process:hover span{
    top: 0px;
    right: 0px;
    width: 44px;
    height: 44px;
    line-height: 39px;
    border-bottom-left-radius: 100px;
}

/* process four */
.vc-process-four .vc-section-title {
    max-width: 660px;
    margin: -8px auto 60px;
    text-align: center;
    position: relative;
}

.vc-process-four .vc-section-title span {
    color: var(--bs-primary);
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
}
.vc-process-four .vc-section-title h2 {
    font-size: 40px;
    margin-bottom: 15px;
    position: relative;
    display: block;
    text-transform: capitalize;
    color: var(--bs-dark);
}

.vc-process-four .vc-single-process {
    text-align: center;
    position: relative;
    transition: all .5s;
    margin-bottom: 30px;
    transition: all 0.3s;
}

.vc-process-four .vc-single-process img {
    border-radius: 50%;
    margin-bottom: 20px;
    width: 100%;
    height: 100%;
}
.vc-process-four .vc-single-process h3 {
    margin-bottom: 5px;
    color: var(--bs-dark);
}
.vc-process-four .vc-single-process p {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0;
    color: var(--bs-text);
}
.vc-process-four .vc-single-process span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: var(--bs-primary);
    border-radius: 50%;
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
    font-weight: 600;
    color: var(--bs-light);
}
.vc-process-four .vc-single-process:hover{
    transform: translateY(-35px);
    transition: all 0.3s;
}

/* process five */
.vc-process-five .vc-headding10 {
    margin-top: 30px;
    padding-left: 30px;
    position: relative;
}
.vc-process-five .vc-headding10 span.vc-span {
    color: var(--bs-primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    display: inline-block;
    padding-bottom: 16px;
}

.vc-process-five .vc-headding10 h2 {
    color: var(--bs-dark);
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
}

.vc-process-five .vc-headding10 p {
    color: var(--bs-text) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}
.vc-process-five .vc-headding10 p {
    padding-top: 6px;
}
.vc-process-five .vc-headding10 {
    margin-top: 30px;
    padding-left: 30px;
    position: relative;
}
.vc-process-five .vc-progress-img-right {
    position: relative;
    margin-top: 30px;
}
.vc-process-five .vc-progress-img-right .vc-image img, .vc-process-five .vc-progress-img-left .vc-image img {
    border-radius: 8px;
    width: 100%;
}

.vc-process-five .vc-headding10 span.vc-number {
    color: var(--bs-text);
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    display: inline-block;
    padding-bottom: 16px;
    transition: all 0.4s;
}
.vc-process-five .vc-new-btn7 {
    display: inline-block;
    padding: 17px 20px;
    color: var(--bs-light);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    border-radius: 40px;
    background-color: var(--bs-primary);
    transition: all 0.4s;
    margin-top: 20px;
}
.vc-process-five .vc-new-btn7 span {
    display: inline-block;
    margin-top: -30px;
}
.vc-process-five .vc-hide2{
    display: none;
}

/* process six */
.vc-process-six .vc-heading {
    font-weight: 500;
    font-size: 44px;
    line-height: 58px;
    color: var(--bs-dark);
}

.vc-process-six .vc-box-list-how .vc-has-arrow {
    background-position: right 60px top 59%;
}

.vc-process-six .vc-box-list-how .vc-has-arrow {
    background-image: url(https://creativelayers.net/themes/luxride-html/assets/imgs/page/homepage2/arrow-button.svg);
    background-repeat: no-repeat;
    background-position: right 60px top 80px;
}
.vc-process-six .vc-cardWork .vc-cardImage {
    margin-bottom: 30px;
    position: relative;
    max-height: 200px;
}
.vc-process-six .vc-cardWork .vc-cardTitle {
    margin-bottom: 20px;
}
.vc-process-six .vc-cardWork .vc-cardTitle h5 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    color: var(--bs-dark);
}

/* process seven */
.vc-process-seven .vc-section-title {
    text-align: center;
    max-width: 655px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
}

.vc-process-seven .vc-section-title .vc-sub-title {
    display: block;
    margin-bottom: 12px;
    color: var(--bs-primary);
    font-weight: 600;
    font-size: 14px;
}
.vc-process-seven .vc-section-title h2 {
    margin-bottom: 0;
    font-size: 40px;
}
.vc-process-seven .short-brief-content {
    margin-bottom: 30px;
}

.vc-short-brief-content .vc-timeline {
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.vc-process-seven .vc-short-brief-content .vc-timeline-item {
    padding-left: 40px;
    position: relative;
}
.vc-process-seven .vc-short-brief-content .vc-timeline-info .vc-sub-title {
    color: var(--bs-text);
    margin-bottom: 12px;
    font-weight: 500;
    display: block;
}
.vc-process-seven .vc-short-brief-content .vc-timeline-info .vc-sub-title span {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
}
.vc-process-seven .vc-short-brief-content .vc-timeline-marker {
    position: absolute;
    width: 15px;
    bottom: 0;
    top: 0;
    left: 0;
}

.vc-process-seven .vc-short-brief-content .vc-timeline-marker::before {
    transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
    background: var(--bs-primary);
    border: 3px solid transparent;
    border-radius: 100%;
    position: absolute;
    display: block;
    height: 15px;
    width: 15px;
    content: "";
    top: 4px;
    left: 0;
}
.vc-process-seven .vc-short-brief-content .vc-timeline-marker::after {
    background: #eeeeee;
    position: absolute;
    display: block;
    content: "";
    top: 24px;
    bottom: 0;
    left: 8px;
    width: 3px;
}

.vc-process-seven .vc-short-brief-content .vc-timeline-content {
    padding-bottom: 30px;
}

.vc-process-seven .vc-short-brief-content h3 {
    font-size: 20px;
    margin-bottom: 13px;
}

/* process eight */
.vc-process-eight .vc-section-title {
    margin-bottom: 40px;
}

.vc-process-eight .vc-section-title__subtitle {
    color: var(--bs-primary);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    padding-left: 24px;
    position: relative;
    margin-bottom: 28px;
    display: inline-block;
}
.vc-process-eight .vc-section-title__subtitle::before {
    position: absolute;
    left: 0px;
    top: 50%;
    height: 12px;
    width: 12px;
    transform: translateY(-50%);
    content: "";
    background-color: var(--bs-primary);
    border-radius: 50%;
}

.vc-process-eight .vc-section-title__title {
    color: var(--bs-dark);
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 62px;
}

.vc-process-eight .vc-process-card-content__list {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--bs-dark);
    padding: 28px 0px;
}

.vc-process-eight .vc-process-card-content__list:last-child {
    border-bottom: 1px solid var(--title);
}

.vc-process-eight .vc-process-card-content__list-number {
    color: var(--bs-dark);
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
}

.vc-process-eight .vc-process-card-content__list-item {
    max-width: 600px;
    margin-right: 70px;
}
.vc-process-eight .vc-process-card-content__list-item-title {
    color: var(--bs-dark);
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}
.vc-process-eight .vc-process-card-content__list-item-text {
    color: var(--bs-text) !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding-top: 24px;
}

.vc-process-eight .vc-process-card__thumb img {
    width: 100%;
    border-radius: 15px;
}

/* process 9 */
.vc-process-nine{
    position: relative
}

.vc-process-nine .vc-anim-icons {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}
.vc-process-nine .vc-sec-title {
    margin-bottom: 120px;
    position: relative;
}

.vc-process-nine .vc-sec-title .vc-sub-title {
    position: relative;
    font-size: 14px;
    color: var(--bs-primary);
    line-height: 1.2;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 26px;
    text-transform: uppercase;
}

.vc-process-nine .vc-sec-title .vc-sub-title::before {
    position: absolute;
    left: 100%;
    top: 50%;
    height: 3px;
    width: 20px;
    margin-left: 10px;
    margin-top: -1px;
    background:var(--bs-primary);
    content: "";
}
.vc-process-nine .vc-sec-title .vc-sub-title::after {
    position: absolute;
    right: 100%;
    top: 50%;
    height: 3px;
    width: 20px;
    margin-right: 10px;
    margin-top: -1px;
    background:var(--bs-primary);
    content: "";
}

.vc-process-nine .vc-sec-title h2 {
    position: relative;
    font-size: 42px;
    color: var(--bs-dark);
    font-weight: 600;
    margin-top: -5px;
    margin-bottom: 0;
}

.vc-process-nine .vc-outer-box {
    box-shadow: 0px 23px 57px 0px rgba(227, 227, 227, 0.26);
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(239, 239, 239);
    padding: 0 0 47px 0;
}
.vc-process-nine .vc-outer-box .vc-inner-outer {
    margin-top: -60px;
}

.vc-process-nine .vc-inner-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.vc-process-nine .vc-inner-box .vc-icon-box {
    border: 1px solid rgb(239, 239, 239);
    border-radius: 50%;
    background-color: var(--bs-light);
    position: relative;
    width: 120px;
    height: 120px;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: all 300ms ease;
}

.vc-process-nine .vc-inner-box .vc-icon-box:before {
    content: "";
    position: absolute;
    border: 1px solid var(--bs-primary);
    border-radius: 50%;
    left: -17px;
    top: -10px;
    width: 110px;
    height: 110px;
    z-index: -1;
    opacity: 0;
    transition: all 300ms ease;
}

.vc-process-nine .vc-inner-box .vc-icon-box .vc-icon {
    color: var(--bs-primary);
    font-size: 72px;
    transition: all 300ms ease;
}

.vc-process-nine .vc-inner-box .vc-title {
    margin-bottom: 10px;
}

.vc-process-nine .vc-inner-box .vc-title a{
color: var(--bs-dark);
font-size: 24px;
font-weight: 600;
}

.vc-process-nine .vc-inner-box .vc-text{
    color: var(--bs-text);
    font-size: 16px;
    font-weight: 400;
}
.vc-process-nine .vc-work-block:hover .vc-icon{
    color: var(--bs-dark);
    transition: all 300ms ease;
}
.vc-process-nine .vc-work-block:hover .vc-icon-box{
    background: var(--bs-primary);
    transition: all 300ms ease;
}

.vc-process-nine .vc-work-block:hover .vc-icon-box i{
    color: var(--bs-light);
}
.vc-process-nine .vc-work-block:hover .vc-icon-box:before{
    opacity: 1;
    transition: all .3s ease-in-out;
}


/* proccess ten */
.vc-process-ten .vc-section-title{
    margin-bottom: 30px;
}

.vc-process-ten .vc-section-title span{
    color: var(--bs-primary);
    font-weight: 600;
}
.vc-process-ten .vc-section-title h2{
    font-size: 40px;
}

.vc-process-ten .vc-single-process{
    border: 1px solid gainsboro;
    padding: 15px 25px;
    transition: all .4s;
}
.vc-process-ten .vc-single-process i{
    font-size: 30px;
    margin-bottom: 20px;
    background: var(--bs-primary);
    color: var(--bs-light);
    padding: 30px;
    border-radius: 50%;
}

.vc-process-ten .vc-single-process h3{
    font-size: 18px;
}

.vc-process-ten .vc-single-process:hover{
    transform: translateY(-10%);
    transition: all .4s;
}


/* portfolio */
.vc-portfolio-one .vc-section-title {
    text-align: center;
    margin-bottom: 60px;
}

.vc-portfolio-one .vc-section-title h2 {
    font-size: 35px;
    line-height: 55px;
    margin: 0;
    position: relative;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--bs-dark);
}
.vc-portfolio-one .vc-section-title p {
    font-size: 17px;
    font-weight: 400;
    color: var(--bs-text);
}

/* .vc-portfolio-one .vc-portfolio-wrap {
    margin: 0 100px;
} */

.vc-portfolio-one .vc-portfolio-wrap .vc-portfolio-single-card {
    border-radius: 0;
    overflow: unset;
    position: relative;
    margin-bottom: 80px;
}
/* .vc-portfolio-one .vc-portfolio-wrap .vc-portfolio-single-card::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    content: "";
    background: linear-gradient(-35deg, rgb(0, 162, 255) 0%, rgb(111, 60, 240) 100%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
} */

.vc-portfolio-one .vc-portfolio-wrap .vc-portfolio-single-card .vc-images img {
    border-radius: 0;
    width: 100%;
}

.vc-portfolio-one .vc-portfolio-wrap .vc-portfolio-single-card .vc-text {
    bottom: -65px;
    position: absolute;
    opacity: 1;
    visibility: visible;
    border-radius: 0;
    padding: 30px;
    text-align: left;
    width: 350px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--bs-light);
    box-shadow: 0px 0px 117px 0px rgba(0, 0, 0, 0.12);
}

.vc-portfolio-one .vc-portfolio-wrap .vc-portfolio-single-card .vc-text a {
    border-radius: 50%;
    background-color: var(--bs-primary);
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 15px;
    position: absolute;
    right: 22px;
    top: 46%;
    transform: translateY(-50%);
}

.vc-portfolio-one .vc-portfolio-wrap .vc-portfolio-single-card .vc-text a i {
    color: var(--bs-light);
    font-size: 20px;
}

.vc-portfolio-one .vc-portfolio-wrap .vc-portfolio-single-card .vc-text span {
    color: var(--bs-primary) !important;
    text-transform: uppercase;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
}

.vc-portfolio-one .vc-portfolio-wrap .vc-portfolio-single-card .vc-text h2 {
    color: var(--bs-dark);
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 700;
}

.vc-portfolio-one .vc-portfolio-wrap .vc-portfolio-single-card .vc-text span .vc-border-left {
    position: relative;
    padding-left: 20px;
}


/* portfolio two */
.vc-portfolio-two .vc-section-title {
    text-align: center;
    margin: -5px auto 60px;
    max-width: 720px;
}
.vc-portfolio-two .vc-section-title h2 {
    margin-bottom: 15px;
    font-size: 50px;
    color: var(--bs-dark);
}
.vc-portfolio-two .vc-section-title p {
    margin: 0 auto;
    max-width: 650px;
}

.vc-portfolio-two .vc-work-card {
    margin-bottom: 30px;
    position: relative;
    transition: all .5s ease;
}
.vc-portfolio-two .vc-work-card:before {
    content: "";
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    border-radius: 8px;
    transition: all .5s ease;
    z-index: 1;
}
.vc-portfolio-two .vc-work-card img {
    border-radius: 8px;
    width: 100%;
}

.vc-portfolio-two .vc-work-card .vc-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 30px;
    transition: all .5s ease;
    z-index: 5;
}
.vc-portfolio-two .vc-work-card .vc-content span {
    display: block;
    margin-bottom: 10px;
}
.vc-portfolio-two .vc-work-card .vc-content span a {
    color: var(--bs-light);
    font-weight: 600;
}

.vc-portfolio-two .vc-work-card .vc-content h3 {
    font-size: 24px;
    line-height: 1.4;
    color: var(--bs-dark);
}

.vc-portfolio-two .vc-work-card .vc-content a {
    color: var(--bs-light);
    font-weight: 600;
}

.vc-portfolio-two .vc-custom-btn {
    background-color:var(--bs-light);
    display: inline-block;
    padding: 10px 25px;
    border-radius: 6px;
    color: var(--bs-primary) !important;
    margin-top: 20px;
}

.case-studies-area .view-more-work {
    text-align: center;
    margin-top: 20px;
}

.vc-portfolio-two .vc-btn {
    border: none;
    padding: 12px 30px;
    border-radius: 5px;
    transition: all .5s ease;
    position: relative;
    text-transform: capitalize;
    z-index: 1;
    font-weight: 600;
    font-size: 15px;
}
.vc-portfolio-two .vc-btn  {
    color: var(--bs-light);
    background-color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
}


/* portfolio three */
.vc-portfolio-three .vc-section-title__subtitle {
    color: var(--bs-primary);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    padding-left: 24px;
    position: relative;
    margin-bottom: 28px;
    display: inline-block;
}

.vc-portfolio-three .vc-section-title__subtitle::before {
    position: absolute;
    left: 0;
    top: 50%;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    transform: translateY(-50%);
    content: "";
    background-color: var(--bs-primary);
}
.vc-portfolio-three .vc-section-title__title {
    color: var(--bs-dark);
    font-family: "Jost", serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 62px;
}
.vc-portfolio-three .vc-portfolio-card {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.vc-portfolio-three .vc-portfolio-card__thumb {
    width: 100%;
    height: 100%;
}
.vc-portfolio-three .vc-portfolio-card__thumb img {
    width: 100%;
    height: 100%;
}
.vc-portfolio-three .vc-portfolio-card-content {
    text-align: center;
    background-color: var(--bs-light);
    display: inline-block;
    width: 78%;
    padding-top: 30px;
    position: absolute;
    bottom: 0;
    border-radius: 15px 15px 0 0;
    left: 11%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: 0.3s all ease-in-out;
}

.vc-portfolio-three .vc-portfolio-card:hover .vc-portfolio-card-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.vc-portfolio-three .vc-portfolio-card-content__subtitle {
    color: var(--bs-dark);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    padding-bottom: 10px;
}

.vc-portfolio-three .vc-portfolio-card-content__title {
    color: var(--bs-dark);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
}


/* portfolio four*/
.vc-portfolio-four .vc-section-title{
    margin-bottom: 70px;
}

.vc-portfolio-four .vc-section-title span {
    display: block;
    font-size: 18px;
    color: var(--bs-primary);
    line-height: 28px;
    margin-bottom: 30px;
}
.vc-portfolio-four .vc-section-title h2 {
    font-size: 46px;
    line-height: 56px;
    color: var(--bs-dark);
}

.vc-portfolio-four .vc-single-project {
    transition: 0.3s ease-out;
    position: relative;
}

.vc-portfolio-four .vc-single-project-img {
    height: 285px;
    position: relative;
    transition: 0.3s ease-out;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.vc-portfolio-four .vc-single-project-img-icon {
    background-color: var(--bs-light);
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    border-radius: 50px;
}

.vc-portfolio-four .vc-img-overlay{
    position: absolute;
    content: "";
    width: 100%;
    min-height: 286px;
    top: 0;
    left: 0;
    background: #cab63847;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease-out;
}

.vc-portfolio-four .vc-single-project:hover .vc-single-project-img-icon{
    visibility: visible;
    opacity: 1;
    transition: all .3s;
}
.vc-portfolio-four .vc-single-project:hover .vc-img-overlay{
    visibility: visible;
    opacity: 1;
    transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.vc-portfolio-four .vc-single-project:hover .vc-single-project-content {
    background: var(--bs-primary);
    border-bottom: 0;
}

.vc-portfolio-four .vc-single-project:hover h3 {
    color: var(--bs-light);
}

.vc-portfolio-four .vc-single-project:hover p {
    color: var(--bs-light) !important;
}

.vc-portfolio-four .vc-single-project-img-icon a i {
    font-size: 14px;
    line-height: 40px;
    color: var(--bs-primary);
}

.vc-portfolio-four .vc-single-project-content {
    background: rgb(250, 247, 230);
    padding: 50px 25px 35px;
    border-bottom: 3px solid;
    border-color: #523906;
    transition: 0.3s ease-out;
}

.vc-portfolio-four .vc-single-project-content h3 {
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 500;
}
.vc-portfolio-four .vc-single-project-content p {
    margin-bottom: 0px;

}

.vc-portfolio-four .vc-l-btn {
    background-color: var(--bs-primary);
    color: rgb(255, 255, 255);
    font-family: var(--bs-light);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    display: inline-block;
    text-transform: uppercase;
    padding: 22px 40px;
    border-radius: 50px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    margin-top: 1.5rem;
    transition: 0.3s ease-out;
}
.vc-portfolio-four .vc-l-btn:hover {
    background: var(--bs-secondary);
    color: var(--bs-light);
}

/* portfolio five */

.vc-portfolio-five .vc-section-title {
    position: relative;
    margin-bottom: 30px;
}
.vc-portfolio-five .vc-section-title h6 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
    opacity: .5;
    color: var(--bs-primary);
}

.vc-portfolio-five .vc-section-title h2 {
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    color: var(--bs-dark);
}

.vc-portfolio-five .vc-single-project-wrapper {
    position: relative;
    overflow: hidden;
    display: block;
}
.vc-portfolio-five .vc-project-bg {
    transition: all .5s ease;
    transform: scale(1);
}

.vc-portfolio-five .vc-project-details {
    position: absolute;
    transition: all .4s;
    transform: translateY(100%);
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 20px 25px 15px;
    width: 70%;
    max-width: 70%;
    text-align: center;
    background-color: var(--bs-light);
    opacity: 0;
}

.vc-portfolio-five .vc-single-project-wrapper:hover .vc-project-details {
    transform: translateY(-80%);
    opacity: 1;
    transition: all .4s;
}
.vc-portfolio-five .vc-project-details h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    color: var(--bs-dark);
}
.vc-portfolio-five .vc-project-details p {
    color: var(--bs-primary) !important;
    margin-bottom: 5px;
    
}

.vc-portfolio-five .vc-project-bg-2 img{
    height: 455px;
}

.vc-portfolio-five .vc-project-bg-1 img{
  height: 610px;;
}


/* portfolio six */
.vc-portfolio-six .vc-row>*{
    padding-right: 0;
    padding-left: 0;
}
/* .vc-portfolio-six{
    padding: 4rem 0 !important;
    margin-bottom: 6rem;
} */

.vc-portfolio-six .vc-sortable-masonry{
    width: 80%;
    margin: auto;
}
.vc-portfolio-six .vc-latest-projects .vc-section-title {
    color: var(--bs-light);
    margin-bottom: 25px;
    position: relative;
}


.vc-portfolio-six .vc-items-container{
    position: relative;
    /* height: 597.328px; */
}

.vc-portfolio-six .vc-items-container .vc-filter-item {
    text-align: center;
    position: relative;
}

.vc-portfolio-six .vc-filter-item .vc-img-holder {
    overflow: hidden;
    position: relative;
    transition: all 500ms ease 0s;
}

.vc-portfolio-six .vc-filter-item .vc-img-holder img {
    width: 100%;
    height: 300px;
}

.vc-portfolio-six .vc-filter-item .vc-img-holder .vc-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(190, 188, 184, 0.72);
    transform: scale(0, 0);
    transition: all 500ms ease 0s;
}

.vc-portfolio-six .vc-filter-item:hover .vc-overlay {
    transform: scale(1, 1);
    transition: all 500ms ease 0s;
}

.vc-portfolio-six .vc-filter-item .vc-img-holder .vc-inner {
    top: 50%;
    margin-top: -23px;
    position: relative;
}

.vc-portfolio-six .vc-filter-item .vc-img-holder .vc-inner i {
    width: 47px;
    height: 47px;
    line-height: 47px;
    border-radius: 100%;
    background-color: var(--bs-light);
}

/* portfolio seven */
.vc-portfolio-seven {
    position: relative;
    margin-top: 4rem;
}
.vc-portfolio-seven .vc-project-bg img {
    width: 100%;
    height: 550px;
}

.vc-portfolio-seven .vc-section-content{
    align-items: flex-end;
}

.vc-portfolio-seven .vc-section-title {
    position: relative;
    margin-bottom: 0;
}

.vc-portfolio-seven .vc-section-title h6 {
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--bs-primary);
    margin-bottom: 10px;
    display: inline-block;
}

.vc-portfolio-seven .vc-section-title h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    color: var(--bs-dark);
    text-transform: capitalize;
}
.vc-portfolio-seven .vc-section-title h2 span {
    color: var(--bs-primary);
}

.vc-portfolio-seven .vc-theme-btn{
    display: inline-block;
    background: var(--bs-primary);
    color: var(--bs-light);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1.2px;
    padding: 18px 36px;
    border: 1px solid var(--bs-primary);
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    margin-bottom: 10px;
}

.vc-portfolio-seven .vc-project-bg {
    transition: all 0.5s ease;
    transform: scale(1);
}

.vc-portfolio-seven .vc-single-project-wrapper:hover .project-bg {
    transform: scale(1.07);
}

.vc-portfolio-seven .vc-project-details {
    position: absolute;
    transition: all 0.4s;
    transform: translateY(100%);
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 20px 25px 15px;
    width: 70%;
    max-width: 70%;
    background-color: var(--bs-light);
    opacity: 0;
    text-align: center;
}

.vc-portfolio-seven .vc-single-project-wrapper:hover .vc-project-details {
    transition: all 0.4s;
    transform: translateY(0);
    bottom: 40px;
    opacity: 1;
}

.vc-portfolio-seven .vc-project-details h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--bs-text);
}

/* project eight */
.vc-portfolio-eight .vc-section-title {
    position: relative;
    margin-bottom: 30px;
}

.vc-portfolio-eight .vc-section-title h6 {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 20px;
    color: var(--bs-primary);
}
.vc-portfolio-eight .vc-section-title h2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 58px;
    color: var(--bs-dark);
}

.vc-portfolio-eight .vc-theme-btn {
    display: inline-flex;
    color: var(--bs-light);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    background: var(--bs-primary);
    padding: 18px 30px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--bs-primary);
    border-image: initial;
    transition: 0.3s;
}

.vc-portfolio-eight .vc-single-project-item {
    position: relative;
    z-index: 1;
    margin-bottom: 60px;
}

.vc-portfolio-eight .vc-single-project-item::before {
    position: absolute;
    content: "";
    top: 70px;
    left: 0px;
    width: 100%;
    height: 344px;
    z-index: -1;
    background: rgba(226, 220, 214, 0.75);
    transition: 0.3s;
}

.vc-portfolio-eight .vc-project-img {
    padding: 20px;
}
.vc-portfolio-eight .vc-project-content h5 {
    font-size: 24px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 5px;
}

.vc-portfolio-eight .vc-single-project-item:hover::before{
    background: var(--bs-primary);
}

.vc-portfolio-eight .vc-single-project-item:hover h5, .vc-portfolio-eight .vc-single-project-item:hover p{
    color: var(--bs-light) !important;
}

.vc-portfolio-eight .vc-theme-btn:hover{
    background: var(--bs-dark);
    color: var(--bs-light);
    border: none;
}


/* portfolio nine */
.vc-portfolio-nine{
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.vc-portfolio-nine::before {
    background: #f8f7f0;
    bottom: 0;
    content: "";
    height: 35%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.vc-portfolio-nine .vc-subtitle h2{
    font-size: 56px;
    line-height: 66px;
}

.vc-portfolio-nine .vc-portfolio-title{
    font-size: 41px;
    line-height: 50px;
}

.vc-portfolio-nine .vc-slider-arrow {
    display: flex;
    gap: 10px;
    justify-content: end;
    margin-bottom: 10px;
}

.vc-portfolio-nine .vc-slider-arrow i {
    align-items: center;
    background: var(--bs-light);
    border: 1px solid #eeede8;
    border-radius: 50%;
    color: var(--bs-dark);
    cursor: pointer;
    display: inline-flex;
    font-size: 24px;
    height: 60px;
    justify-content: center;
    transition: .4s;
    width: 60px;
}

.vc-portfolio-nine.vc-swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}
.vc-portfolio-nine .vc-portfolio_slide {
    margin-right: -420px;
}

.vc-portfolio-nine .vc-swiper-wrapper {
    box-sizing: initial;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: ease;
    width: 100%;
    z-index: 1;
}

.vc-portfolio-nine .vc-swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
}
.vc-portfolio-nine .vc-portfolio-item img {
    height: 480px;
    object-fit: cover;
}

.vc-portfolio-nine .vc-portfolio-item-content {
    background: var(--bs-primary);
    border-radius: 15px;
    bottom: 0;
    left: 0;
    margin: 0 50px 30px;
    opacity: 1;
    padding: 45px;
    position: absolute;
    right: 0;
    transition: .4s;
    visibility: hidden;
    z-index: 3;
    transform: translateY(60%);
    transition: all .3s ease-in-out;
}
.vc-portfolio-nine .vc-portfolio-item:hover .vc-portfolio-item-content{
    visibility: visible;
    transform: translateY(0);
    transition: all .3s ease-in-out;
}

.vc-portfolio-nine .vc-portfolio-item-content h4 a{
    font-size: 28px;
    line-height: 38px;
    color: var(--bs-light);
}
.vc-portfolio-nine .vc-portfolio-item-content span {
    color: var(--bs-dark);
}






.vc-template .vc-heading{
    margin-bottom: 5rem;
}
.vc-template .vc-title h4{
    color: var(--vc-dark);
    font-size: 30px;
    font-weight: 600;
    text-transform: capitalize;
}

.vc-template .vc-blog-box{
    box-shadow: 0 0 0 .05rem rgba(8, 60, 130, .06), 0 0 1.25rem rgba(30, 34, 40, .04);
    /* border: 1px solid rgb(220, 215, 215); */
    border:none;
    border-radius: 7px;
}

.vc-template .vc-blog-box img{
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    width: 100%;
    min-height: 280px;
}

.vc-template .vc-blog-img-2 img{
    min-width: 286px;
    min-height: 292px;
    object-fit: cover;
    border-radius: 6px;
}

.vc-template .vc-blog-img-3 img{
    width: 100%;
    height: 346px;
    object-fit: cover;
    border-radius: 6px;
}

.vc-template .vc-blog-content{
    padding: 15px 25px 10px 25px;
    margin-top: 12px;
    position: relative;
}

.vc-template .vc-blog-content h4{
    color: var(--vc-primary);
    text-transform: uppercase;
    font-size: 13px;
    margin-left: 2rem;
}

.vc-template .vc-blog-content h4::before{
    position: absolute;
    content: '';
    left: 25px;
    top: 21px;
    background: var(--vc-dark);
    width: 22px;
    height: 2px;
}

.vc-template .vc-blog-content h2{
    font-size: 20px;
    font-weight: 600;
}


.vc-template .vc-blog-foot{    
    justify-content: space-between;
    padding: 20px 25px;
    border-top: 1px solid rgb(220, 215, 215);
    border-bottom: 1px solid rgb(220, 215, 215);
    margin-top: 1.3rem;
}
.vc-template .vc-blog-foot span, .vc-template .vc-blog-foot i{
    color:var(--vc-tertiary);
    font-size: 12px;
}
.vc-template .vc-blog-foot i{
    margin-right: 5px;
}

 .vc-template .vc-blog-left .vc-form-control {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #fff;
    border: 1px solid rgba(8, 60, 130, .07);
    color: #111111;
    padding: 0 25px;
    text-transform: capitalize;
    outline: none;
    padding-top: 3px;
    padding-right: 70px;
    border-radius: 6px;
}

.vc-template .vc-blog-left .vc-btn-search {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 60px;
    line-height: 63px;
    transition: 0.3s;
    font-size: 20px;
    color: var(--vc-tertiary);
    background-color: transparent;
    border: none;
}

 .vc-template .vc-blog-left-content{
    padding: 12px 0;
 }

 .vc-template .vc-widget{
    margin-top: 2rem;
 }
 .vc-template .vc-widget-title h4{
    font-size: 20px;
    font-weight: 500;
 }
 .vc-template .vc-blog-left h5{
    font-size: 18px;
    font-weight: 500;
 }

 .vc-template .vc-blog-left-content .vc-social a i{
    text-align: left;
    margin-right: 15px;
    margin-top: 20px;
 }


 .vc-template .vc-blog-left .vc-small-divided{
    margin-top: 1.7rem;
 }

 .vc-template .vc-blog-left .vc-small-divided-box{
    gap: 15px;
    margin-top: 15px;
 }

 .vc-template .vc-blog-left .vc-small-divided img{
    min-width: 100px;
    height: 84px;
    object-fit: cover;
    border-radius: 6px;
 }

 .vc-template .vc-blog-left .vc-small-divided-box .vc-small-divided-2 .fa-comment{
    margin-left: 20px;
 }
 .vc-template .vc-blog-left .vc-small-divided-box .vc-small-divided-2 p{
    font-weight: 500;
 }

 .vc-template .vc-blog-left .vc-small-divided-2 i,  .vc-template .vc-blog-left .vc-small-divided-2 span{
    color: var(--vc-tertiary) ;
 }

.vc-blog-left form{
    position: relative;
}
.vc-template .vc-unordered-list li {
    position: relative;
    padding-left: 1rem;
}
.vc-template .vc-unordered-list>li:before {
    font-family: sans-serif;
    position: absolute;
    top: -.15rem;
    left: 0;
    font-size: 1rem;
    content: "\2022";
}
.vc-template .vc-unordered-list li a{
    color: var(--vc-tertiary);
}

.vc-template .vc-list-unstyled {
    padding-left: 0;
    list-style: none;
}

.vc-template .vc-list-unstyled li{
    display: inline-block;
    margin-top: 0;
    margin-bottom: .45rem;
}
.vc-template .vc-list-unstyled li a {
    display: flex;
    align-items: center;
    border-radius: 50rem;
    background-color: rgba(164, 174, 198, 0.2);;
    padding: .4rem 1rem;
    color: var(--vc-tertiary);
}
.vc-template .vc-list-unstyled li a:before {
    font-style: normal;
    content: "#";
    font-weight: 400;
    padding-right: .2rem;
}




.vc-hide {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
.vc-show {
    display: block ;
    visibility: visible !important;
    opacity: 1 !important;
}

.vc-template .vc-heading{
    margin-bottom: 5rem;
}
.vc-template .vc-title h4{
    color: var(--bs-dark);
    font-size: 30px;
    font-weight: 600;
    text-transform: capitalize;
}

.vc-template .vc-blog-box{
    box-shadow: 0 0 0 .05rem rgba(8, 60, 130, .06), 0 0 1.25rem rgba(30, 34, 40, .04);
    /* border: 1px solid rgb(220, 215, 215); */
    border:none;
    border-radius: 7px;
}

.vc-template .vc-blog-box img{
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    width: 100%;
    min-height: 280px;
}

.vc-template .vc-blog-img-2 img{
    min-width: 286px;
    min-height: 292px;
    object-fit: cover;
    border-radius: 6px;
}

.vc-template .vc-blog-img-3 img{
    width: 100%;
    height: 346px;
    object-fit: cover;
    border-radius: 6px;
}

.vc-template .vc-blog-content{
    padding: 15px 25px 10px 25px;
    margin-top: 12px;
    position: relative;
}

.vc-template .vc-blog-content h4{
    color: var(--bs-primary);
    text-transform: uppercase;
    font-size: 13px;
    margin-left: 2rem;
}

.vc-template .vc-blog-content h4::before{
    position: absolute;
    content: '';
    left: 25px;
    top: 21px;
    background: var(--bs-dark);
    width: 22px;
    height: 2px;
}

.vc-template .vc-blog-content h2{
    font-size: 20px;
    font-weight: 600;
}


.vc-template .vc-blog-foot{    
    justify-content: space-between;
    padding: 20px 25px;
    border-top: 1px solid rgb(220, 215, 215);
    border-bottom: 1px solid rgb(220, 215, 215);
    margin-top: 1.3rem;
}
.vc-template .vc-blog-foot span, .vc-template .vc-blog-foot i{
    color:var(--bs-text);
    font-size: 12px;
}
.vc-template .vc-blog-foot i{
    margin-right: 5px;
}

 .vc-template .vc-blog-left .vc-form-control {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #fff;
    border: 1px solid rgba(8, 60, 130, .07);
    color: #111111;
    padding: 0 25px;
    text-transform: capitalize;
    outline: none;
    padding-top: 3px;
    padding-right: 70px;
    border-radius: 6px;
}

.vc-template .vc-blog-left .vc-btn-search {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 60px;
    line-height: 63px;
    transition: 0.3s;
    font-size: 20px;
    color: var(--bs-text);
    background-color: transparent;
    border: none;
}

 .vc-template .vc-blog-left-content{
    padding: 12px 0;
 }

 .vc-template .vc-widget{
    margin-top: 2rem;
 }
 .vc-template .vc-widget-title h4{
    font-size: 20px;
    font-weight: 500;
 }
 .vc-template .vc-blog-left h5{
    font-size: 18px;
    font-weight: 500;
 }

 .vc-template .vc-blog-left-content .vc-social a i{
    text-align: left;
    margin-right: 15px;
    margin-top: 20px;
 }


 .vc-template .vc-blog-left .vc-small-divided{
    margin-top: 1.7rem;
 }

 .vc-template .vc-blog-left .vc-small-divided-box{
    gap: 15px;
    margin-top: 15px;
 }

 .vc-template .vc-blog-left .vc-small-divided img{
    min-width: 100px;
    height: 84px;
    object-fit: cover;
    border-radius: 6px;
 }

 .vc-template .vc-blog-left .vc-small-divided-box .vc-small-divided-2 .fa-comment{
    margin-left: 20px;
 }
 .vc-template .vc-blog-left .vc-small-divided-box .vc-small-divided-2 p{
    font-weight: 500;
 }

 .vc-template .vc-blog-left .vc-small-divided-2 i,  .vc-template .vc-blog-left .vc-small-divided-2 span{
    color: var(--bs-text) ;
 }

.vc-blog-left form{
    position: relative;
}
.vc-template .vc-unordered-list li {
    position: relative;
    padding-left: 1rem;
}
.vc-template .vc-unordered-list>li:before {
    font-family: sans-serif;
    position: absolute;
    top: -.15rem;
    left: 0;
    font-size: 1rem;
    content: "\2022";
}
.vc-template .vc-unordered-list li a{
    color: var(--bs-text);
}

.vc-template .vc-list-unstyled {
    padding-left: 0;
    list-style: none;
}

.vc-template .vc-list-unstyled li{
    display: inline-block;
    margin-top: 0;
    margin-bottom: .45rem;
}
.vc-template .vc-list-unstyled li a {
    display: flex;
    align-items: center;
    border-radius: 50rem;
    background-color: rgba(164, 174, 198, 0.2);;
    padding: .4rem 1rem;
    color: var(--bs-text);
}
.vc-template .vc-list-unstyled li a:before {
    font-style: normal;
    content: "#";
    font-weight: 400;
    padding-right: .2rem;
}


/* Real estate */
.vc-real_estate{
    font-family: "Poppins" sans-serif !important;
}
.vc-real_estate p {
font-size: 16px;
    line-height: 1.8;
    margin-bottom: 15px;
    color: var(--bs-text);
}
.vc-real_estate img{
    max-width: 100%;
    height: auto;
}
.vc-real_estate .vc-property-img-slider img{
    width: 100%;
    min-height: 313px !important;
    object-fit: cover;
}
.vc-real_estate ul, .vc-real_estate li{
    list-style: none;
}
.vc-real_estate .vc-filter-item-cat select{
    width: 100%;
    height: 54px;
    border: none;
    color: #393939;
    border-radius: 5px;
    padding: 12px 15px 10px;
    background-color: #f9f9f9;
    appearance: none;
    background-image: url(https://angular.hibootstrap.com/enuf/down-arrow.6821790008d91865.png);
    background-repeat: no-repeat;
    background-position: 90% 60%;
    background-size: 14px;
}
.vc-real_estate a{
    text-decoration: none;
}
.vc-real_estate .vc-property-card{
    margin-bottom: 25px;
    box-shadow: 0 0 15px #00000017;
}

.vc-real_estate .vc-property-card .vc-property-info {
    padding: 25px;
}

.vc-real_estate .vc-property-card .vc-property-info .vc-property-status-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.vc-real_estate .vc-property-card .vc-property-info .vc-property-status-wrap .vc-property-status {
    display: inline-block;
    padding: 5px 12px 4px;
    border-radius: 5px;
    background-color: var(--bs-primary);
    color: var(--bs-light);
}

.vc-real_estate .vc-property-card .vc-property-info .vc-property-status-wrap .vc-property-price {
    color: #002172;
    margin: 0;
    font-weight: 700;
}

.vc-real_estate .vc-property-card .vc-property-info .vc-property-status-wrap .vc-property-price span {
    color: var(--bs-text);
    margin-left: 3px;
    font-size: 14px;
    font-weight: 400;
}

.vc-real_estate .vc-property-card .vc-property-info h3{
    font-size: 22px;
    margin: 0 0 15px;
}
.vc-real_estate .vc-property-card .vc-property-info h3 a{
    color: var(--bs-dark);
    text-decoration: none;
}
.vc-real_estate .vc-property-card .vc-property-info p {
    margin: 0 0 20px;
}
.vc-real_estate .vc-property-card .vc-property-info p i {
    position: relative;
    top: 2px;
    color: var(--bs-primary);
    font-size: 15px;
    margin-right: 5px;
}
.vc-real_estate .vc-property-card .vc-property-info .vc-property-metainfo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid rgba(0, 0, 0, .09);
}
.vc-real_estate .vc-property-card .vc-property-info .vc-property-metainfo li{
    width: 30.33%;
    padding: 10px 5px;
    position: relative;
    border-right: 1px solid rgba(0, 0, 0, .09);
    text-align: center;
    font-size: 15px;
}
.vc-real_estate .vc-property-card .vc-property-info .vc-property-metainfo li:last-child {
    width: 36.33%;
    border-right: none;
}
.vc-real_estate .vc-property-card .vc-property-info .vc-property-metainfo li i {
    color: var(--bs-primary);
    position: relative;
    top: 1px;
    font-size: 14px;
    margin-right: 5px;
}

.vc-real_estate .vc-btn {
    display: inline-block;
    line-height: 26px;
    font-weight: 400;
    text-align: center;
    transition: all .7s ease-in-out;
    position: relative;
    z-index: 1;
    border: 1px solid transparent;
    text-transform: capitalize;
    padding: 14px 35px;
    border-radius: 5px;
    color: var(--bs-light);
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

.vc-real_estate .vc-btn-1 {
    background: var(--bs-dark);
    margin-top: 20px !important;
    margin-left: .75rem;
}
.vc-real_estate .vc-btn-2 {
    background: var(--bs-primary);
    margin-top: 20px !important;
}

.vc-real_estate .vc-btn-1:hover {
    background: var(--bs-primary);
    transition: all .3s ease-in-out;
}
.vc-real_estate .vc-btn-2:hover {
    background: var(--bs-dark);
    transition: all .3s ease-in-out;
}

.vc-real_estate .vc-sidebar .vc-sidebar-widget {
    z-index: 1;
    padding: 25px;
    margin: 0 0 30px;
    position: relative;
    box-shadow: 0 0 25px #00000017;
}

.vc-real_estate .vc-sidebar .vc-sidebar-widget h4 {
    line-height: 1;
    position: relative;
    margin: 0 0 25px;
    font-size: 22px;
}
.vc-real_estate .vc-sidebar .vc-sidebar-widget .vc-form-group {
    margin-bottom: 20px;
}

.vc-real_estate .vc-sidebar .vc-sidebar-widget .vc-form-group label {
    display: block;
    margin-bottom: 13px;
}

.vc-real_estate .vc-sidebar .vc-sidebar-widget .vc-form-group input, .vc-real_estate .vc-sidebar .vc-sidebar-widget .vc-form-group select {
    height: 55px;
    width: 100%;
    border: none;
    padding: 15px;
    border-radius: 5px;
    background-color: #f9f9f9;
    outline: none;
}


/* single product */
.vc-real_estate .vc-property-title {
    margin: 0 0 30px;
}
.vc-real_estate .vc-property-title h2{
    font-size: 32px;
    margin: 0 0 12px;
    color: var(--bs-dark);
}
.vc-real_estate .vc-property-title .vc-property-metainfo li {
    display: inline-block;
    position: relative;
    margin-right: 20px;
}

.vc-real_estate .vc-property-title .vc-property-metainfo li:last-child {
    margin-right: 0;
}

.vc-real_estate .vc-property-title .vc-property-metainfo li i {
    color: var(--bs-primary);
    position: relative;
    margin-right: 7px;
    font-size: 14px;
    top: 1px;
}
.vc-real_estate .vc-property-price {
    color: var(--bs-primary);
    position: relative;
    text-align: end;
    margin: 0;
    top: 7px;
    font-size: 18px;
    font-weight: 700;
}
.vc-real_estate .vc-property-price span {
    color: var(--bs-text);
    margin-left: 2px;
    font-size: 15px;
    font-weight: 400;
}
.vc-real_estate .vc-property-img-slider{
    position: relative;
    margin-bottom: 30px;
    border-radius: 5px;
}
.vc-real_estate .vc-property-img-slider img{
    border-radius: 5px;
}

.vc-real_estate .vc-property-img-slider .vc-property-status {
    top: 25px;
    left: 25px;
    padding: 10px 12px;
    position: absolute;
    border-radius: 5px;
    display: inline-block;
    color: var(--bs-light);
    background-color: var(--bs-primary);
}
.vc-real_estate .vc-property-desc {
    margin-bottom: 25px;
}
.vc-real_estate .vc-property-desc h4 {
    font-size: 24px;
    margin: 0 0 25px;
}

.vc-real_estate .vc-property-desc .vc-property-features li {
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--bs-dark);
}

.vc-real_estate .vc-property-desc .vc-property-features li:last-child {
    margin-bottom: 0;
}

.vc-real_estate .vc-property-desc .vc-property-features li span {
    font-weight: 700;
    color: var(--bs-text);
}

.vc-real_estate .vc-property-desc .vc-property-annuties li {
    position: relative;
    margin-bottom: 10px;
    font-size: 16px;
}
.vc-real_estate .vc-property-desc .vc-property-annuties li i{
    top: 2px;
    margin-right: 7px;
    position: relative;
    color: var(--bs-primary);
}
.vc-real_estate .vc-property-desc .vc-property-annuties li:last-child {
    margin-bottom: 0;
}

.vc-real_estate .vc-property-desc .vc-property-video {
    position: relative;
    border-radius: 5px;
}
.vc-real_estate .vc-property-desc .vc-property-video img {
    border-radius: 5px;
    width: 100%;
}
.vc-real_estate .vc-property-desc .vc-property-video .vc-play-video {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.vc-real_estate .vc-property-desc .vc-property-video .vc-play-video .vc-play-now {
    position: relative;
    height: 85px;
    width: 85px;
    text-align: center;
    line-height: 92px;
    background-color: var(--bs-light);
    color: var(--bs-light);
    z-index: 1;
    font-size: 28px;
    padding-left: 5px;
    display: block;
    transform-origin: center center;
    border-radius: 50%;
    margin: 0px auto;
}
.vc-real_estate .vc-property-desc .vc-property-video .vc-play-video .vc-play-now i {
    color: var(--bs-primary);
    font-size: 24px;
}

.vc-real_estate .vc-comment-item-wrap .vc-comment-item {
    display: flex;
    flex-wrap: wrap;
    border-radius: 5px;
    padding: 0 0 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(0, 0, 0, .09);
}

.vc-real_estate .vc-comment-item-wrap .vc-comment-item .vc-comment-author-img {
    top: 2px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: relative;
}
.vc-real_estate .vc-comment-item-wrap .vc-comment-item .vc-comment-author-img img {
    border-radius: 50%;
}

.vc-real_estate .vc-comment-item-wrap .vc-comment-item .vc-comment-author-wrap {
    width: calc(100% - 120px);
    margin-left: 20px;
}
.align-items-start {
    align-items: flex-start !important;
}
.vc-real_estate .vc-comment-item-wrap .vc-comment-item .vc-comment-author-wrap .vc-comment-author-name {
    margin: 0 0 9px;
}
.vc-real_estate .vc-comment-item-wrap .vc-comment-item .vc-comment-author-wrap .vc-comment-author-name h5 {
    line-height: 1;
    font-size: 18px;
    margin: 0 20px 0 0;
    display: inline-block;
}

.vc-real_estate .vc-comment-item-wrap .vc-comment-item .vc-comment-author-wrap .vc-comment-author-name .comment-date {
    display: block;
    line-height: 1;
    margin-top: 12px;
    color: var(--bs-text);
    font-size: 14px;
    font-weight: 500;
}

.vc-real_estate .vc-comment-item-wrap .vc-comment-item .vc-comment-author-wrap .vc-ratings{
    line-height: 1;
}

.vc-real_estate .vc-comment-item-wrap .vc-comment-item .vc-comment-author-wrap .vc-ratings li{
    display: inline-block;
}

.vc-real_estate .vc-comment-item-wrap .vc-comment-item .vc-comment-author-wrap .vc-ratings li i{
    color: gold;
    font-size: 18px;
}

.vc-real_estate .vc-property-desc .vc-review-form{
    background-color: #f9f9f9;
    border-radius: 5px;
    padding: 30px;
}

.vc-real_estate .vc-property-desc .vc-review-form {
    margin-bottom: 25px;
}

.vc-real_estate .vc-property-desc .vc-review-form p{
    margin: 0;
}

.vc-real_estate .vc-property-desc .vc-review-form .vc-star-rating {
    top: 5px;
    direction: rtl;
    cursor: default;
    position: relative;
    display: inline-block;
}

.vc-real_estate .vc-property-desc .vc-review-form input {
    height: 57px;
   
}
.vc-real_estate .vc-property-desc .vc-review-form select{
    width: 50%;
    height: 57px;
}

.vc-real_estate .vc-property-desc .vc-review-form input, .vc-real_estate .vc-property-desc .vc-review-form textarea {
    width: 100%;
    border: none;
    padding: 10px 15px;
    background-color: var(--bs-light);
}

.vc-real_estate .vc-property-desc .vc-review-form .vc-form-group{
    margin-bottom: 25px;
}
.vc-real_estate .vc-file label {
    outline: 0;
    cursor: pointer;
    user-select: none;
    border-radius: 4px;
    padding: 15px 25px;
    color: var(--bs-light);
    background-color: var(--bs-primary);
    margin-top: 50px;
}
.vc-real_estate .vc-file input {
    display: none;
}
.vc-real_estate .vc-style2 {
    background-color: var(--bs-primary);
    color: var(--bs-light);
}

.vc-real_estate .vc-property-thumb-item {
    margin: 0 0 15px;
    display: flex;
    flex-wrap: wrap;
}
.vc-real_estate .vc-property-thumb-item .vc-property-thumb-img {
    width: 80px;
    border-radius: 5px;
}
.vc-real_estate .vc-property-thumb-item .vc-property-thumb-img img{
    border-radius: 5px;
}

.vc-real_estate .vc-property-thumb-item .vc-property-thumb-info{
    width: calc(100% - 95px);
    margin-left: 15px;
}

.vc-real_estate .vc-property-thumb-item .vc-property-thumb-info h6 {
    margin-bottom: 5px;
    font-size: 16px;
}
.vc-real_estate .vc-property-thumb-item .vc-property-thumb-info h6 a{
    color: var(--bs-dark);
}

.vc-real_estate .vc-property-thumb-item .vc-property-thumb-info p {
    color: var(--bs-primary);
    font-weight: 700;
}
.vc-real_estate .vc-property-thumb-item .vc-property-thumb-info span {
    color: var(--bs-text);
    margin-left: 2px;
    font-weight: 600;
}


.vc-real_estate .vc-list-unstyled {
    padding-left: 0;
    list-style: none;
}

.vc-real_estate .vc-list-unstyled li{
    display: inline-block;
    margin-top: 0;
    margin-bottom: .45rem;
}
.vc-real_estate .vc-list-unstyled li a {
    display: flex;
    align-items: center;
    background-color: rgba(164, 174, 198, 0.2);;
    padding: .4rem 1rem;
    color: var(--bs-text);
}

.vc-real_estate .vc-agent-info-box .vc-agent-name-wrap {
    border-bottom: 1px solid rgba(0, 0, 0, .09);
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.vc-real_estate .vc-agent-info-box .vc-agent-name-wrap .vc-agent-img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
}
.vc-real_estate .vc-agent-info-box .vc-agent-name-wrap .vc-agent-img img{
    border-radius: 50%;
}

.vc-real_estate .vc-agent-info-box .vc-agent-name-wrap .vc-agent-name{
    width: calc(100% - 85px);
    margin-left: 15px;
}
.vc-real_estate .vc-agent-info-box .vc-agent-name-wrap .vc-agent-name h6 {
    font-size: 18px;
    margin: 0 0 5px;
}
.vc-real_estate .vc-agent-info-box .vc-agent-name-wrap .vc-agent-name h6 a{
    color: var(--bs-dark);
}

.vc-real_estate .vc-agent-info-box .vc-agent-address {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .09);
}

.vc-real_estate .vc-agent-info-box .vc-agent-address li {
    position: relative;
    margin-bottom: 12px;
}

.vc-real_estate .vc-agent-info-box .vc-agent-address li:last-child {
    margin-bottom: 0;
}

.vc-real_estate .vc-agent-info-box .vc-agent-address li i {
    color: var(--bs-primary);
    position: relative;
    margin-right: 6px;
    top: 2px;
}

.vc-real_estate .vc-agent-info-box .vc-form-group textarea {
    width: 100%;
    border: none;
    padding: 12px 15px;
    border-radius: 5px;
    height: 120px;
    resize: none;
    background-color: #f9f9f9;
}

.vc-real_estate .vc-agent-info-box  button {
    width: 100%;
    display: block;
}



/* Ecommerce */

.vc-filter-container {
    width: 300px;
    margin-bottom: 20px;
}
.vc-ecorm img{
    max-width: 100% ;
    height: auto;
    width: 100%;
    object-fit: cover;
    object-position: center;
}


/* price range filter */
.vc-filter-slider-container {
    position: relative;
    height: 6px;
    background: #ddd;
    border-radius: 5px;
    margin: 10px 0;
}

.vc-range-bar {
    position: absolute;
    height: 6px;
    /* background: #007bff; */
    border-radius: 5px;
    left: 0;
    right: 0;
}

.vc-range-thumb {
    position: absolute;
    width: 100%;
    height: 8px;
    background: none;
    -webkit-appearance: none;
    appearance: none;
    pointer-events: none;
}

.vc-range-thumb::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: var(--bs-dark);
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto;
    position: relative;
}

.vc-price-values {
    display: flex;
    justify-content: space-between;
}


/* sidebar */
.vc-ecorm .vc-sidebar-wrapper {
    background: #F8F8F8;
}

.vc-ecorm .vc-sidebar-box {
    padding: 25px;
    border-bottom: 1px solid #eee;
}
.vc-ecorm .vc-single-sidebar h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 20px 0;
}

.vc-ecorm .vc-sidebar-box .vc-title {
    justify-content: space-between;
}

.vc-ecorm  .vc-filter-content .vc-items .vc-item a{
    color: var(--bs-text);
}

.vc-ecorm  .vc-filter-content .vc-items .vc-item a:hover{
    color: var(--bs-dark);
    transition: all .3s ease-in-out;
}
.vc-ecorm .vc-checkbox-wrap {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    user-select: none;
}

.vc-ecorm .vc-checkbox-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.vc-ecorm .vc-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

.vc-ecorm .vc-checkbox-wrap input:checked ~ .vc-checkmark {
    background-color: var(--bs-primary);
}
.vc-ecorm .vc-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.vc-ecorm .vc-checkbox-wrap .vc-checkmark:after {
    left: 8px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid var(--bs-light);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.vc-ecorm .vc-checkbox-wrap input:checked ~ .vc-checkmark:after {
    display: block;
}

.vc-ecorm .vc-filter-price {
    padding: 0 0px 0px 15px;
}

.vc-ecorm .vc-showing-result-shorting {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.vc-ecorm .vc-showing-result-shorting .vc-showing p {
    margin: 0;
}
.vc-ecorm .vc-shorting li {
    display: block;
}

.vc-ecorm .vc-nice-select {
    background-color: var(--bs-light);
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

.vc-ecorm .vc-nice-select .vc-list {
    background-color: var(--bs-light);
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(-21px);
    z-index: 9;
}
.vc-ecorm .vc-nice-select .vc-option.vc-selected {
    font-weight: bold;
}

.vc-ecorm .vc-nice-select .vc-option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
    font-size: 18px;
}

.vc-ecorm .vc-nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: rotate(45deg);
    transition: all 0.15sease-in-out;
    width: 5px;
}

.vc-ecorm .vc-nice-select:active, .vc-ecorm .vc-nice-select.vc-open, .vc-ecorm .vc-nice-select:focus {
    border-color: #999;
}

.vc-ecorm .vc-property-thumb-item {
    margin: 0 0 15px;
    display: flex;
    flex-wrap: wrap;
}
.vc-ecorm .vc-property-thumb-item .vc-property-thumb-img {
    width: 80px;
    border-radius: 5px;
}
.vc-ecorm .vc-property-thumb-item .vc-property-thumb-img img{
    border-radius: 5px;
}

.vc-ecorm .vc-property-thumb-item .vc-property-thumb-info{
    width: calc(100% - 95px);
    margin-left: 15px;
}

.vc-ecorm .vc-property-thumb-item .vc-property-thumb-info h6 {
    margin-bottom: 5px;
    font-size: 16px;
}
.vc-ecorm .vc-property-thumb-item .vc-property-thumb-info h6 a{
    color: var(--bs-dark);
}

.vc-ecorm .vc-property-thumb-item .vc-property-thumb-info p {
    color: var(--bs-dark);
    font-weight: 700;
}
.vc-ecorm .vc-property-thumb-item .vc-property-thumb-info p del {
    color: var(--bs-text);
    margin-left: 2px;
    font-weight: 600;
}

.vc-ecorm .vc-property-thumb-item .vc-property-thumb-info .vc-product-rating i{
    color: #FEB53E;
}


/* products */
.vc-ecorm .vc-top-product-wrapper {
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
    transition: all .3s ease-in-out;
    box-shadow: 0 0 0 .05rem rgba(8, 60, 130, .06), 0 0 1.25rem rgba(30, 34, 40, .04);
}

.vc-ecorm .vc-top-product-inner {
    background: #F2F2F2;
    width: 100%;
    max-height: 450px;
    position: relative;
    overflow: hidden;
}

.vc-ecorm .vc-top-prod-thumb span.vc-flags {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #C5853A;
    color: var(--bs-light);
    width: 56px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;

}

.vc-ecorm .vc-top-prod-thumb-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
}

.vc-ecorm .vc-top-prod-thumb-icons .vc-icon-list .vc-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 48px;
    border-radius: 5px;
    background: #fff;
    color: #333;
    font-size: 24px;
    box-shadow: 0 0 5px rgba(221, 221, 221, 0.9);
    transition: all 0.3s;
}

.vc-ecorm .vc-top-prod-thumb img{
    height: 300px;
}

.vc-ecorm .vc-top-prod-content{
    padding: 20px 10px 20px;
    transition: all .3s ease-in-out;
}

.vc-ecorm .vc-top-product-wrapper:hover .vc-top-prod-thumb-icons{
    visibility: visible;
    opacity: 1;
    transition: all 0.4s;
    transform: translateY(-140%);
}

.vc-ecorm .vc-top-prod-content .vc-top-product-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 15px 0 5px;
}
.vc-ecorm .vc-top-prod-content .vc-product-rating {
    font-size: 16px;
    color: #FEB53E;
    margin: 5px 0;
}  

.vc-ecorm .vc-top-prod-content .vc-product-price p {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #333;
}
.vc-ecorm .vc-top-prod-content .vc-product-price p span {
    font-size: 16px;
    color: #777;
    font-weight: 400;
    text-decoration: line-through;
    line-height: 25px;
}

.vc-ecorm .vc-pagination {
    display: flex ;
    padding-left: 0;
    list-style: none;
    margin-top: 50px;
    justify-content: end;
    text-align: center;
}

.vc-ecorm .vc-quick-add{
    background: var(--bs-background);
    width: 100%;
    height: 50px;
    outline: none;
    border: navajowhite;
    cursor: pointer;
    font-weight: 600;
}

.vc-ecorm .vc-quick-add:hover span{
    transform:scale(1.2);
    display: block;
    transition: all .3s ease-in-out;
}

.vc-ecorm .vc-pagination .vc-page-item:first-child .vc-page-link {
    display: none;
}
.vc-ecorm .vc-page-item:not(:first-child) .vc-page-link {
    margin-left: -1px;
}

.vc-ecorm .vc-pagination .vc-page-link {
    position: relative;
    display: block;
    padding: 0.375rem;
    font-size: 1rem;
    color: var(--bs-primary);
    text-decoration: none;
    background-color: var(--bs-light);
    border: 1px solid #dee2e6;
    border-radius: 50%;
    margin-right: 15px;
    width: 48px;
    height: 48px;
    align-items: center;
}
.vc-ecorm .vc-pagination .vc-page-item:last-child .vc-page-link {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

.vc-ecorm .vc-pagination .vc-active > .vc-page-link, .vc-page-link.active {
    border-radius: 50%;
    margin-right: 15px;
    color: var(--bs-light);
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #C5853A;
    border-color: #C5853A;
}


/* 
.vc-row .vc-slide:nth-child(n+5){
    display: none;
}
@media (max-width:768px){
    .vc-row .vc-slide:nth-child(n+2){
        display: none !important;
    }
} */


.vc-slide-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.vc-slide-container {
    display: flex;
    transition: transform 0.8s ease-in-out;
}

.vc-slide {
    flex: 0 0 25%; /* 4 columns by default */
    padding: 10px;
    box-sizing: border-box;
}

/* Responsive Breakpoints */
@media (max-width: 1024px) { /* Medium Screens */
    .vc-slide { flex: 0 0 50%; } /* 2 columns */
}

@media (max-width: 768px) { /* Mobile */
    .vc-slide { flex: 0 0 100%; } /* 1 column */
}







/* listing */
.vc-listing img{
    max-width: 100% ;
    height: auto;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

/* sidebar */
.vc-listing .vc-sidebar-wrapper {
    background: #F8F8F8;
}

.vc-listing .vc-sidebar-box {
    padding: 25px;
    border-bottom: 1px solid #eee;
}

.vc-listing .vc-sidebar-box .vc-title {
    justify-content: space-between;
}

.vc-listing .vc-single-sidebar h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 20px 0;
}

.vc-listing .vc-filter-content .vc-items .vc-item a {
    color: var(--bs-text);
}
.vc-listing .vc-filter-content .vc-items .vc-item a:hover {
    color: var(--bs-dark);
}

.vc-listing .vc-checkbox-wrap {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    user-select: none;
}

.vc-listing .vc-checkbox-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.vc-listing .vc-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

.vc-listing .vc-checkbox-wrap input:checked ~ .vc-checkmark {
    background-color: var(--bs-primary);
}
.vc-listing .vc-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.vc-listing .vc-checkbox-wrap .vc-checkmark:after {
    left: 8px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid var(--bs-light);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.vc-listing .vc-checkbox-wrap input:checked ~ .vc-checkmark:after {
    display: block;
}

.vc-listing .vc-color-picker-wrap {
    display: flex;
    gap: 10px;
}
.vc-listing .vc-color-picker-wrap .vc-red{
    width: 20px;
    display: inline-block;
    height: 20px;
    border-radius: 50%;
    background-color: red;
}
.vc-listing .vc-color-picker-wrap .vc-orange{
    width: 20px;
    display: inline-block;
    height: 20px;
    border-radius: 50%;
    background-color: orange;
}
.vc-listing .vc-color-picker-wrap .vc-grey{
    width: 20px;
    display: inline-block;
    height: 20px;
    border-radius: 50%;
    background-color: grey;
}
.vc-listing .vc-color-picker-wrap .vc-yellow{
    width: 20px;
    display: inline-block;
    height: 20px;
    border-radius: 50%;
    background-color: yellow;
}
.vc-listing .vc-color-picker-wrap .vc-black{
    width: 20px;
    display: inline-block;
    height: 20px;
    border-radius: 50%;
    background-color: black;
}
.vc-listing .vc-filter-price {
    padding: 0 0px 0px 15px;
}

.vc-listing .vc-showing-result-shorting {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.vc-listing .vc-showing-result-shorting .vc-showing p {
    margin: 0;
}
.vc-listing .vc-shorting li {
    display: block;
}

.vc-listing .vc-nice-select {
    background-color: var(--bs-light);
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

.vc-listing .vc-nice-select .vc-list {
    background-color: var(--bs-light);
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(-21px);
    transition: all 0.2scubic-bezier(0.5, 0, 0, 1.25), opacity 0.15sease-out;
    z-index: 9;
}
.vc-listing .vc-nice-select .vc-option.vc-selected {
    font-weight: bold;
}

.vc-listing .vc-nice-select .vc-option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
}

.vc-listing .vc-nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: rotate(45deg);
    transition: all 0.15sease-in-out;
    width: 5px;
}

.vc-listing .vc-nice-select:active, .vc-listing .vc-nice-select.vc-open, .vc-listing .vc-nice-select:focus {
    border-color: #999;
}

.vc-listing .vc-property-thumb-item {
    margin: 0 0 15px;
    display: flex;
    flex-wrap: wrap;
}
.vc-listing .vc-property-thumb-item .vc-property-thumb-img {
    width: 80px;
    border-radius: 5px;
}
.vc-listing .vc-property-thumb-item .vc-property-thumb-img img{
    border-radius: 5px;
}

.vc-listing .vc-property-thumb-item .vc-property-thumb-info{
    width: calc(100% - 95px);
    margin-left: 15px;
}

.vc-listing .vc-property-thumb-item .vc-property-thumb-info h6 {
    margin-bottom: 5px;
    font-size: 16px;
}
.vc-listing .vc-property-thumb-item .vc-property-thumb-info h6 a{
    color: var(--bs-dark);
}

.vc-listing .vc-property-thumb-item .vc-property-thumb-info p {
    color: var(--bs-dark);
    font-weight: 700;
}
.vc-listing .vc-property-thumb-item .vc-property-thumb-info p del {
    color: var(--bs-text);
    margin-left: 2px;
    font-weight: 600;
}

.vc-listing .vc-property-thumb-item .vc-property-thumb-info .vc-product-rating i{
    color: #FEB53E;
}


/* products */
.vc-listing .vc-top-product-wrapper {
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
    transition: all .3s ease-in-out;
    box-shadow: 0 0 0 .05rem rgba(8, 60, 130, .06), 0 0 1.25rem rgba(30, 34, 40, .04);
}

.vc-listing .vc-top-product-inner {
    background: #F2F2F2;
    width: 100%;
    max-height: 450px;
    position: relative;
    overflow: hidden;
}

.vc-listing .vc-top-prod-thumb img{
    height: 300px;
}

.vc-listing .vc-top-prod-thumb span.vc-flags {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #C5853A;
    color: var(--bs-light);
    width: 50px;
    height: 50px;
    display: flex;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.vc-listing .vc-top-prod-thumb span.vc-flags-sale {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #049a04;
    color: var(--bs-light);
    width: 50px;
    height: 50px;
    display: flex;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.vc-listing .vc-top-prod-thumb-icons {
    display: flex;
    background: rgba(164, 174, 198, 0.4);
    padding: 15px 0;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    visibility: visible;
    opacity: 1;
    transition: all 0.4s;
    transform: translateY(-108%);
    z-index: 9999;

}

.vc-listing .vc-top-prod-thumb-icons .vc-icon-list .vc-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 48px;
    border-radius: 5px;
    background: #fff;
    color: #333;
    font-size: 24px;
    box-shadow: 0 0 5px rgba(221, 221, 221, 0.9);
    transition: all 0.3s;
}

.vc-listing .vc-top-prod-content{
    width: 60%;
    margin: auto;
    text-align: center;
    padding: 10px 0;
    transition: all .3s ease-in-out;
}

.vc-top-prod-thumb-icons::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: var(--bs-primary);
    transition: height 0.3s ease;
    z-index: -1;
}
.vc-listing .vc-top-product-wrapper:hover .vc-top-prod-thumb-icons::before{
   /* background-color: green; */
    /* transition: all 0.4s; */
    /* transform: translateY(-140%); */
    height: 100%;
}



.vc-listing .vc-top-prod-content .vc-top-product-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 15px 0 5px;
}
.vc-listing .vc-top-prod-content .vc-product-rating {
    font-size: 16px;
    color: #FEB53E;
    margin: 5px 0;
}  

.vc-listing .vc-top-prod-content .vc-product-price p {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #333;
}
.vc-listing .vc-top-prod-content .vc-product-price p span {
    font-size: 16px;
    color: #777;
    font-weight: 400;
    text-decoration: line-through;
    line-height: 25px;
}

.vc-listing .vc-pagination {
    display: flex ;
    padding-left: 0;
    list-style: none;
    margin-top: 50px;
    justify-content: end;
    text-align: center;
}

.vc-listing .vc-pagination .vc-page-item:first-child .vc-page-link {
    display: none;
}
.vc-listing .vc-page-item:not(:first-child) .vc-page-link {
    margin-left: -1px;
}

.vc-listing .vc-pagination .vc-page-link {
    position: relative;
    display: block;
    padding: 0.375rem;
    font-size: 1rem;
    color: var(--bs-primary);
    text-decoration: none;
    background-color: var(--bs-light);
    border: 1px solid #dee2e6;
    border-radius: 50%;
    margin-right: 15px;
    width: 48px;
    height: 48px;
    align-items: center;
}
.vc-listing .vc-pagination .vc-page-item:last-child .vc-page-link {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

.vc-listing .vc-pagination .vc-active > .vc-page-link, .vc-page-link.active {
    border-radius: 50%;
    margin-right: 15px;
    color: var(--bs-light);
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #C5853A;
    border-color: #C5853A;
}


@media (max-width: 992px) {
    .vc-ecommerce .vc-sidebar {
        margin-top: 2.5rem;
    }
}
@media (max-width: 768px){
    .vc-real_estate .vc-comment-item-wrap .vc-comment-item .vc-comment-author-wrap {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }
    .vc-real_estate .vc-comment-item-wrap .vc-comment-date {
        display: block;
        margin: 15px 0;
    }

    .vc-real_estate .vc-comment-item-wrap .vc-ratings {
        margin: 15px 0;
    }
}








.vc-ecormmerce .vc-hide {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
.vc-ecormmerce .vc-show {
    display: block ;
    visibility: visible !important;
    opacity: 1 !important;
}

.vc-p-0{
    padding: 0 !important;
}
.vc-ecormmerce img{
    max-width: 100% ;
    /* height: auto; */
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.vc-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--bs-dark);
}

.vc-sub-title{
    font-size: 16px;
    color: #6c6c6c;
    margin-bottom: 0;
    font-weight: 400;
}

/* price range filter */
.vc-ecormmerce .vc-filter-container {
    /* width: 300px; */
    margin-bottom: 20px;
}
.vc-ecormmerce .vc-filter-slider-container {
    position: relative;
    height: 6px;
    background: #ddd;
    border-radius: 5px;
    margin: 10px 0;
}

.vc-ecormmerce .vc-range-bar {
    position: absolute;
    height: 6px;
    border-radius: 5px;
    left: 0;
    right: 0;
}

.vc-ecormmerce .vc-range-thumb {
    position: absolute;
    width: 100%;
    height: 8px;
    background: none;
    -webkit-appearance: none;
    appearance: none;
    pointer-events: none;
}

.vc-ecormmerce .vc-range-thumb::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: var(--bs-dark);
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto;
    position: relative;
}

.vc-ecormmerce .vc-price-values {
    display: flex;
    justify-content: space-between;
}


/* sidebar */
.vc-row{
    row-gap: 1rem;
}

.vc-page-wrapper ul, .vc-page-wrapper ul li{
    list-style: none;
    list-style-type: none;
}

.vc-ecormmerce .vc-sidebar-wrapper {
    background: #F8F8F8;
}

.vc-ecormmerce .vc-sidebar-box {
    padding: 25px;
    border-bottom: 1px solid #eee;
}

.vc-ecormmerce .vc-sidebar-wrapper .vc-single-sidebar:last-child {
    border-bottom: 0;
}

/* .vc-ecormmerce .vc-sidebar-wrapper .vc-single-sidebar{
    padding: 25px;
    border-bottom: 1px solid #eee;
} */

.vc-ecormmerce .vc-single-sidebar h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 20px 0;
}

.vc-ecormmerce .vc-sidebar-box .vc-title {
    justify-content: space-between;
}

.vc-ecormmerce  .vc-filter-content .vc-items .vc-item a{
    color: var(--bs-text);
}

.vc-ecormmerce  .vc-filter-content .vc-items .vc-item a:hover{
    color: var(--bs-dark);
    transition: all .3s ease-in-out;
}
.vc-ecormmerce .vc-checkbox-wrap {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    user-select: none;
}

.vc-ecormmerce .vc-checkbox-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.vc-ecormmerce .vc-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

.vc-ecormmerce .vc-checkbox-wrap input:checked ~ .vc-checkmark {
    background-color: var(--bs-primary);
}
.vc-ecormmerce .vc-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.vc-ecormmerce .vc-checkbox-wrap .vc-checkmark:after {
    left: 8px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid var(--bs-light);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.vc-ecormmerce .vc-checkbox-wrap input:checked ~ .vc-checkmark:after {
    display: block;
}

.vc-ecormmerce .vc-filter-price {
    padding: 0 0px 0px 15px;
}

.vc-ecormmerce .vc-showing-result-shorting {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.vc-ecormmerce .vc-showing-result-shorting .vc-shorting h3{
    font-weight: 600;
    font-size: 18px;
    text-decoration: underline;
    margin-bottom: 0;
}

.vc-ecormmerce .vc-showing-result-shorting .vc-showing p {
    margin: 0;
}
.vc-ecormmerce .vc-shorting li {
    display: block;
}

.vc-ecormmerce .vc-nice-select {
    background-color: var(--bs-light);
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

.vc-ecormmerce .vc-nice-select .vc-list {
    background-color: var(--bs-light);
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(-21px);
    z-index: 9;
}
.vc-ecormmerce .vc-nice-select .vc-option.vc-selected {
    font-weight: bold;
}

.vc-ecormmerce .vc-nice-select .vc-option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
    font-size: 18px;
}

.vc-ecormmerce .vc-nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: rotate(45deg);
    transition: all 0.15sease-in-out;
    width: 5px;
}

.vc-ecormmerce .vc-nice-select:active, .vc-ecormmerce .vc-nice-select.vc-open, .vc-ecormmerce .vc-nice-select:focus {
    border-color: #999;
}

.vc-ecormmerce .vc-property-thumb-item {
    margin: 0 0 15px;
    display: flex;
    flex-wrap: wrap;
    transition: all .3s ease-in-out;
    box-shadow: 0 0 0 .05rem rgba(8, 60, 130, .06), 0 0 1.25rem rgba(30, 34, 40, .04);

}
.vc-ecormmerce .vc-property-thumb-item .vc-property-thumb-img {
    width: 80px;
    border-radius: 5px;
}
.vc-ecormmerce .vc-property-thumb-item .vc-property-thumb-img img{
    height: 100%;
}

.vc-ecormmerce .vc-property-thumb-item .vc-property-thumb-info{
    width: calc(100% - 95px);
    margin-left: 15px;
}

.vc-ecormmerce .vc-property-thumb-item .vc-property-thumb-info h6 {
    margin-bottom: 5px;
    font-size: 16px;
}
.vc-ecormmerce .vc-property-thumb-item .vc-property-thumb-info h6 a{
    color: var(--bs-dark);
}

.vc-ecormmerce .vc-property-thumb-item .vc-property-thumb-info p {
    color: var(--bs-dark);
    font-weight: 700;
}
.vc-ecormmerce .vc-property-thumb-item .vc-property-thumb-info p del {
    color: var(--bs-text);
    margin-left: 2px;
    font-weight: 600;
}

.vc-ecormmerce .vc-property-thumb-item .vc-property-thumb-info .vc-product-rating i{
    color: #FEB53E;
}



/* ecorm design one */
/* sidebar */
.vc-ecorm-one .vc-sidebar {
    box-shadow: 0 0 0 .05rem rgba(8, 60, 130, .06), 0 0 1.25rem rgba(30, 34, 40, .04);
    padding: 0;
    background: #F8F8F8 !important;
}

.vc-ecorm-one .vc-property-thumb-item .vc-property-thumb-info .vc-product-rating i {
    color: #6c757d !important;
}

/* products */
.vc-ecorm-one .vc-left .vc-showing i {
    font-size: 20px;
    text-align: center;
    width: 42px;
    height: 42px;
    display: inline-block;
    border-radius: 5px;
    line-height: 2;
    cursor: pointer;
    transition: all .3s linear;
}
.vc-ecorm-one .vc-left .vc-showing i:not(:last-child) {
    margin-right: 10px;
}

.vc-ecorm-one .vc-left .vc-showing i:hover {
    background: var(--bs-dark);
    color: var(--bs-light);
}

.vc-ecorm-one .vc-top-product-wrapper {
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
    transition: all .3s ease-in-out;
    box-shadow: 0 0 0 .05rem rgba(8, 60, 130, .06), 0 0 1.25rem rgba(30, 34, 40, .04);
    border-radius: 10px;
    text-align: center;
}
.vc-ecorm-one .vc-product-top{
    padding: 0;
}

.vc-ecorm-one .vc-top-product-inner, .vc-ecorm-one .vc-top-product {
    background: var(--bs-light);
    width: 100%;
    /* max-height: 450px; */
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.vc-ecorm-one .vc-top-prod-thumb span.vc-flags {
    position: absolute;
    top: 15px;
    right: 15px;
    background: var(--bs-primary);
    color: var(--bs-light);
    width: 56px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;

}

.vc-ecorm-one .vc-top-prod-content{
    padding: 20px 10px 20px;
    transition: all .3s ease-in-out;
}

.vc-ecorm-one .vc-product-bottom{
    padding: 10px 10px;
}
.vc-ecorm-one .vc-top-prod-content .vc-top-product-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 15px 0 5px;
}
.vc-ecorm-one.vc-top-prod-content .vc-product-rating {
    font-size: 16px;
    color: #FEB53E;
    margin: 5px 0;
}  

.vc-ecorm-one .vc-top-prod-content .vc-special-price {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: var(--bs-text);
    margin-top: 20px;
    margin-bottom: 0 !important;
}

.vc-ecorm-one .vc-quick-add{
    background: var(--bs-primary);
    min-width: 40%;
    outline: none;
    border: var(--bs-primary);
    cursor: pointer;
    font-weight: 500;
    border-radius: 50px;
    color: var(--bs-light);
    font-size: 12px;
    text-transform: capitalize;
    padding: 15px 10px;
}
.vc-ecorm-one .vc-top-prod-thumb{
    transition: all .3s linear;
}

.vc-ecorm-one .vc-top-prod-thumb:hover img{
filter:grayscale(0.5);    
transition: all .3s linear;
}



/* Ecorm design two */

/* sidebar */
.vc-ecorm-two .vc-sidebar {
    box-shadow: 0 0 0 .05rem rgba(8, 60, 130, .06), 0 0 1.25rem rgba(30, 34, 40, .04);
    padding: 0;
    background: var(--bs-light) !important;
}
.vc-ecorm-two .vc-sidebar-wrapper {
    background: var(--bs-light) !important;
}

.vc-ecorm-two .vc-property-thumb-item {
    background: var(--bs-light) !important;
    border-radius: 10px !important;
}
.vc-ecorm-two .vc-property-thumb-item .vc-property-thumb-img img{
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.vc-ecorm-two .vc-property-thumb-item .vc-property-thumb-info .vc-product-rating i {
    color: #FEB53E !important; 
}
/* products */


.vc-ecorm-two .vc-left .vc-showing i {
    font-size: 20px;
    text-align: center;
    width: 42px;
    height: 42px;
    display: inline-block;
    border-radius: 5px;
    line-height: 2;
    cursor: pointer;
    transition: all .3s linear;
}
.vc-ecorm-two .vc-left .vc-showing i:not(:last-child) {
    margin-right: 10px;
}

.vc-ecorm-two .vc-left .vc-showing i:hover {
    background: var(--bs-dark);
    color: var(--bs-light);
}

.vc-ecorm-two .vc-grid-btn-grey{
    color: #595959;
    background-color: #e9ebeb;
}
.vc-ecorm-two .vc-grid-btn-dark{
    color: var(--bs-light);
    background-color: var(--bs-dark);
}

.vc-ecorm-two .vc-product-wrapper{
    transition: ease-in-out all .4s;
    position: initial;
    margin-bottom: 1rem;
}

.vc-ecorm-two .vc-product-item {
    border-radius: 0;
    margin-bottom: 0;
    background-color: var(--bs-light);
    padding: 0;
    position: relative;
    text-align: center;
}


.vc-ecorm-two .vc-product-item .vc-product-top {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    display: block;
    padding: 0;
}

.vc-ecorm-two .vc-product-item .vc-product-top>a {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 8px;
}

.vc-ecorm-two .vc-product-item .vc-product-image {
    position: relative;
}

.vc-ecorm-two .vc-product-item .vc-product-image img {
    width: 100%;
    display: block;
    transition: all .3s linear;
    object-fit: cover;
}

.vc-ecorm-two .vc-product-item .vc-button-top {
    position: absolute;
    top: 5%;
    right: 3%;
    transform: translate(-10%);
    display: flex;
    flex-direction: column;
}

.vc-ecorm-two .vc-product-item .vc-button-top .vc-productQuickView, .vc-ecorm-two .vc-product-item .vc-button-top .vc-productWishList {
    transform: translateX(50px);
    opacity: 0;
}


.vc-ecorm-two .vc-product-item .vc-button-top>div:not(:last-child) {
    margin-bottom: 10px;
}

.vc-ecorm-two .vc-product-item:hover .vc-button-top .vc-productWishList, .vc-ecorm-two .vc-product-item:hover .vc-button-top .vc-productQuickView {
    transform: translateX(0);
    opacity: 1;
}

.vc-ecorm-two .vc-product-item .vc-button-top .vc-productQuickView, .vc-ecorm-two .vc-product-item .vc-button-top .vc-productWishList {
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--bs-dark);
    background: var(--bs-light);
    border: 1px solid var(--bs-light);
    transition: .3s linear;
    position: relative;
    box-shadow: 4px 4px 20px #0000001a;
    padding: 10px 10px;
}

.vc-ecorm-two .vc-product-item .vc-product-item-wishlist {
    font-size: 18px;
    line-height: 1;
}

.vc-ecorm-two .vc-product-item .vc-product-item-wishlist i, .vc-ecorm-two .vc-product-item .vc-productQuickView i {
    max-width: 20px;
    height: auto;
    color: var(--bs-dark);
    text-align: center;
}

.vc-ecorm-two .vc-product-item .vc-productWishList:hover, .vc-ecorm-two .vc-product-item .vc-productQuickView:hover {
    background: var(--bs-dark);
    color: var(--bs-light);
}
.vc-ecorm-two .vc-product-item .vc-productWishList:hover i, .vc-ecorm-two .vc-product-item .vc-productQuickView:hover i{
    color: var(--bs-light);
}

.vc-ecorm-two .vc-product-item .vc-btn-tootip {
    position: absolute;
    left: 0;
    bottom: 4px;
    transform: translateX(-111%);
    min-width: 92px;
    padding: 6px 15px;
    border-radius: 4px;
    font-size: 10px;
    text-transform: capitalize;
    visibility: hidden;
    opacity: 0;
    box-shadow: 4px 4px 10px #0003;
    color: var(--bs-light);
    background: var(--bs-dark);
    border: 1px solid var(--bs-dark);
    justify-content: center;
    white-space: nowrap;
    transition: all .3s linear;
}

.vc-ecorm-two .vc-product-item .vc-btn-tootip:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 14%;
    transform: rotate(269deg);
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: var(--bs-dark) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.vc-ecorm-two .vc-product-item .vc-productQuickView .vc-btn-tootip{
    bottom:0;
    padding: 0 15px;
}
.vc-ecorm-two .vc-product-item .vc-productQuickView .vc-btn-tootip:before {
    top: 23%;
}

.vc-ecorm-two .vc-product-item .vc-productWishList:hover .vc-btn-tootip, .vc-ecorm-two .vc-product-item .vc-productQuickView:hover .vc-btn-tootip {
    transition: all .3s linear;
    /* transform: translateX(-111%); */
    opacity: 1;
    visibility: visible;
}
.vc-ecorm-two .vc-product-item .vc-button-top .vc-productWishList {
    transition: .3s;
}

.vc-ecorm-two .vc-product-item .vc-product-badge {
    display: flex;
    position: absolute;
    top: 16px;
    left: 16px;
    /* padding: 1rem; */
}

.vc-ecorm-two .vc-product-item .vc-product-badge .vc-badge-sale {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    min-width: 50px;
    height: 25px;
    border-radius: 3px;
    color: var(--bs-light);
    background: var(--bs-primary);
}

.vc-ecorm-two .vc-product-item .vc-product-info {
    position: relative;
    padding-top: 10px;
    text-align: left;
}

.vc-ecorm-two .vc-product-item .vc-product-title {
    margin-bottom: 0;
}

.vc-ecorm-two .vc-product-item .vc-product-title a {
    font-size: 15px;
    font-weight: 600;
    display: block;
    color: var(--bs-dark);
}

.vc-ecorm-two .vc-product-item .vc-rating-widget .vc-rating{
    display: inline-flex;
}

.vc-ecorm-two .vc-product-item .vc-rating-widget .vc-rating i{
    font-size: 12px;
    color: var(--bs-light);
    margin-right: 4px 
}
.vc-ecorm-two .vc-product-item .vc-price-sale{
    display: inline-flex;
    flex-wrap: wrap;
}

.vc-ecorm-two .vc-product-item .vc-price-regular, .vc-ecorm-two .vc-product-item .vc-special-price {
    color: var(--bs-dark);
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
}

.vc-ecorm-two .vc-product-item .vc-old-price {
    font-size: 12px;
    color: #b5b5b5;
    font-weight: 500;
    margin-left: 4px;
    text-decoration: line-through;
    text-decoration-color: #e82525;
}

.vc-ecorm-two .vc-product-item .vc-description{
    display: none;
    color: var(--bs-dark);
}

.vc-ecorm-two .vc-product-item .vc-available-product .vc-product-available{
    color: #5fbb52;
}
.vc-ecorm-two .vc-product-item .vc-available-product{
    display: none;
}

.vc-ecorm-two .vc-product-item .vc-btn-quick-add{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--bs-dark);
    background-color: var(--bs-light);
    border: 1px solid #595959;
    border-radius: 21px;
    transition: .3s;
    cursor: pointer;
    padding: 8px 0;
    position: absolute;
    bottom: 5%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .3s linear;
}
.vc-ecorm-two .vc-product-item:hover .vc-btn-quick-add{
    transform: translateY(-130%);
    width: 90%;
    left: 5%;
    visibility: visible;
    opacity: 1;
    position: absolute;
}

.vc-ecorm-two .vc-product-item .vc-btn-quick-add:hover {
    background: var(--bs-dark);
    border: 1px solid var(--bs-dark);
    color:var(--bs-light);
}

.vc-ecorm-two .vc-top-product-inner {
    background: #F2F2F2;
    width: 100%;
    max-height: 450px;
    position: relative;
    overflow: hidden;
}

.vc-ecorm-two .vc-top-prod-thumb-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
}

.vc-ecorm-two .vc-top-prod-thumb-icons .vc-icon-list .vc-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 48px;
    border-radius: 5px;
    background: var(--bs-light);
    color: var(--bs-text);
    font-size: 24px;
    box-shadow: 0 0 5px rgba(221, 221, 221, 0.9);
    transition: all 0.3s;
}

.vc-ecorm-two .vc-top-prod-thumb img{
    height: 300px;
}

.vc-ecorm-two .vc-top-prod-content{
    padding: 20px 10px 20px;
    transition: all .3s ease-in-out;
}

.vc-ecorm-two .vc-top-product-wrapper:hover .vc-top-prod-thumb-icons{
    visibility: visible;
    opacity: 1;
    transition: all 0.4s;
    transform: translateY(-140%);
}

.vc-ecorm-two .vc-top-prod-content .vc-top-product-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 15px 0 5px;
}
.vc-ecorm-two .vc-top-prod-content .vc-product-rating {
    font-size: 16px;
    color: #FEB53E;
    margin: 5px 0;
}  

.vc-ecorm-two .vc-top-prod-content .vc-special-price p {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: var(--bs-text);
}
.vc-ecorm-two .vc-top-prod-content .vc-special-price p span {
    font-size: 16px;
    color: #777;
    font-weight: 400;
    text-decoration: line-through;
    line-height: 25px;
}



/* ecorm design three */
/* sidebar */
.vc-ecorm-three .vc-sidebar {
    box-shadow: 0 0 0 .05rem rgba(8, 60, 130, .06), 0 0 1.25rem rgba(30, 34, 40, .04);
    padding: 0;
    background: var(--bs-light) !important;
}
.vc-ecorm-three .vc-sidebar-wrapper {
    background: var(--bs-light) !important;
}

.vc-ecorm-three .vc-property-thumb-item {
    background: var(--bs-light) !important;
    border-radius: 10px !important;
}
.vc-ecorm-three .vc-property-thumb-item .vc-property-thumb-img img{
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 10px !important;
    transition: all .3s linear;
}

.vc-ecorm-three .vc-property-thumb-item:hover .vc-property-thumb-img img{
    transform: scale(1.01);
    filter:grayscale(1) ;
}
.vc-ecorm-three .vc-property-thumb-item:hover{
    transform: scale(1.06);
}

.vc-ecorm-three .vc-property-thumb-item .vc-property-thumb-info .vc-product-rating i {
    font-size: 12px !important;
    color: var(--bs-light) !important; 
}

.vc-ecorm-three .vc-sidebar-box:hover{
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}


/* products */

.vc-ecorm-three .vc-left .vc-showing i {
    font-size: 20px;
    text-align: center;
    width: 42px;
    height: 42px;
    display: inline-block;
    border-radius: 5px;
    line-height: 2;
    cursor: pointer;
    transition: all .3s linear;
}
.vc-ecorm-three .vc-left .vc-showing i:not(:last-child) {
    margin-right: 10px;
}

.vc-ecorm-three .vc-left .vc-showing i:hover {
    background: var(--bs-dark);
    color: var(--bs-light);
}

.vc-grid-btn-grey{
    color: #595959;
    background-color: #e9ebeb;
}
.vc-grid-btn-dark{
    color: var(--bs-light);
    background-color: var(--bs-dark);
}


.vc-ecorm-three .vc-product-wrapper{
    transition: ease-in-out all .4s;
    position: initial;
    margin-bottom: 1rem;
}

.vc-ecorm-three .vc-product-item {
    border-radius: 5px;
    margin-bottom: 0;
    transition: box-shadow .3s;
    border: 1px solid #eaeaea;
    background-color: var(--bs-light);
    padding: 1rem;
    position: relative;
    text-align: center;
}

.vc-ecorm-three .vc-product-item:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}
.vc-ecorm-three .vc-product-item:hover .vc-btn-quick-add{
    background: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    color:var(--bs-light);
    transition: all .3s linear;
}

.vc-ecorm-three .vc-product-item .vc-product-top {
    position: relative;
    border-radius: 5px;
    transform: translateZ(0);
    overflow: hidden;
    padding: 0;
}

.vc-ecorm-three .vc-product-item .vc-product-top>a {
    position: relative;
    display: block;
    overflow: hidden;
    touch-action: manipulation;
}

.vc-ecorm-three .vc-product-item .vc-product-image {
    position: relative;
    padding-top: 91.30303%;
}
.vc-ecorm-three .vc-product-item .vc-product-image img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transition: all .3s linear;
    object-fit: cover;
}

.vc-ecorm-three .vc-product-item:hover .vc-product-image img{
    transform: scale(1.1);
    filter:grayscale(1) ;
}

.vc-ecorm-three .vc-product-item .vc-button-top {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%);
    display: flex;
}

.vc-ecorm-three .vc-product-item .vc-button-top .vc-productQuickView, .vc-ecorm-three .vc-product-item .vc-button-top .vc-productWishList {
    transform: translateY(-25px);
    opacity: 0;
}


.vc-ecorm-three .vc-product-item .vc-button-top>div:not(:last-child) {
    margin-right: 10px;
}

.vc-ecorm-three .vc-product-item:hover .vc-button-top .vc-productWishList, .vc-ecorm-three .vc-product-item:hover .vc-button-top .vc-productQuickView {
    transform: translateY(0);
    opacity: 1;
}

.vc-ecorm-three .vc-product-item .vc-button-top .vc-productQuickView, .vc-ecorm-three .vc-product-item .vc-button-top .vc-productWishList {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--bs-dark);
    background: var(--bs-light);
    border: 1px solid var(--bs-light);
    transition: .3s linear;
    position: relative;
    box-shadow: 4px 4px 20px #0000001a;
}

.vc-ecorm-three .vc-product-item .vc-product-item-wishlist {
    font-size: 18px;
    line-height: 1;
}

.vc-ecorm-three .vc-product-item .vc-product-item-wishlist i, .vc-ecorm-three .vc-product-item .vc-productQuickView i {
    max-width: 20px;
    height: auto;
    color: var(--bs-dark);
    text-align: center;
}

.vc-ecorm-three .vc-product-item .vc-productWishList:hover, .vc-ecorm-three .vc-product-item .vc-productQuickView:hover {
    background: var(--bs-primary);
    color: var(--bs-light);
}
.vc-ecorm-three .vc-product-item .vc-productWishList:hover i, .vc-ecorm-three .vc-product-item .vc-productQuickView:hover i{
    color: var(--bs-light);
}

.vc-ecorm-three .vc-product-item .vc-btn-tootip {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 10px);
    transform: translate(-50%);
    height: 30px;
    min-width: 92px;
    padding: 0 15px;
    border-radius: 4px;
    font-size: 10px;
    text-transform: capitalize;
    visibility: hidden;
    box-shadow: 4px 4px 10px #0003;
    color: var(--bs-light);
    background: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
.vc-ecorm-three .vc-product-item .vc-btn-tootip:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%);
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: var(--bs-primary) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.vc-ecorm-three .vc-product-item .vc-productWishList:hover .vc-btn-tootip, .vc-ecorm-three .vc-product-item .vc-productQuickView:hover .vc-btn-tootip {
    transition: all .3s;
    bottom: calc(100% + 7px);
    visibility: visible;
}
.vc-ecorm-three .vc-product-item .vc-button-top .vc-productWishList {
    transition: .3s;
}

.vc-ecorm-three .vc-product-item .vc-product-badge {
    display: flex;
    position: absolute;
    top: 16px;
    left: 16px;
    /* padding: 1rem; */
}

.vc-ecorm-three .vc-product-item .vc-product-badge .vc-badge-sale {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    min-width: 50px;
    height: 25px;
    border-radius: 3px;
    color: var(--bs-light);
    background: var(--bs-primary);
}

.vc-ecorm-three .vc-product-item .vc-product-info {
    position: relative;
    padding-top: 1.5rem;
}

.vc-ecorm-three .vc-product-item .vc-product-title {
    margin-bottom: 18px;
}

.vc-ecorm-three .vc-product-item .vc-product-title a {
    font-size: 15px;
    font-weight: 600;
    display: block;
    color: var(--bs-dark);
    font-family: outfit;
}

.vc-ecorm-three .vc-product-item .vc-rating-widget .vc-rating{
    display: inline-flex;
}

.vc-ecorm-three .vc-product-item .vc-rating-widget .vc-rating i{
    font-size: 12px;
    color: var(--bs-light);
    margin-right: 4px 
}
.vc-ecorm-three .vc-product-item .vc-price-sale{
    display: inline-flex;
    flex-wrap: wrap;
}

.vc-ecorm-three .vc-product-item .vc-price-regular, .vc-ecorm-three .vc-product-item .vc-special-price {
    color: var(--bs-dark);
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
}

.vc-ecorm-three .vc-product-item .vc-old-price {
    font-size: 12px;
    color: #b5b5b5;
    font-weight: 500;
    margin-left: 4px;
    text-decoration: line-through;
    text-decoration-color: #e82525;
}

.vc-ecorm-three .vc-product-item .vc-description{
    display: none;
    color: var(--bs-dark);
}

.vc-ecorm-three .vc-product-item .vc-available-product .vc-product-available{
    color: #5fbb52;
}
.vc-ecorm-three .vc-product-item .vc-available-product{
    display: none;
}


.vc-ecorm-three .vc-product-item .vc-btn-quick-add{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--bs-dark);
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    transition: .3s;
    position: relative;
    margin-top: 25px;
    cursor: pointer;
}

.vc-ecorm-three .vc-product-item .vc-btn-quick-add:hover {
    background: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    color:var(--bs-light);
}

.vc-ecorm-three .vc-top-product-inner {
    background: #F2F2F2;
    width: 100%;
    max-height: 450px;
    position: relative;
    overflow: hidden;
}

.vc-ecorm-three .vc-top-prod-thumb span.vc-flags {
    position: absolute;
    top: 15px;
    right: 15px;
    background: var(--bs-primary);
    color: var(--bs-light);
    width: 56px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;

}

.vc-ecorm-three .vc-top-prod-thumb-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
}

.vc-ecorm-three .vc-top-prod-thumb-icons .vc-icon-list .vc-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 48px;
    border-radius: 5px;
    background: var(--bs-light);
    color: var(--bs-text);
    font-size: 24px;
    box-shadow: 0 0 5px rgba(221, 221, 221, 0.9);
    transition: all 0.3s;
}

.vc-ecorm-three .vc-top-prod-thumb img{
    height: 300px;
}

.vc-ecorm-three .vc-top-prod-content{
    padding: 20px 10px 20px;
    transition: all .3s ease-in-out;
}

.vc-ecorm-three .vc-top-product-wrapper:hover .vc-top-prod-thumb-icons{
    visibility: visible;
    opacity: 1;
    transition: all 0.4s;
    transform: translateY(-140%);
}

.vc-ecorm-three .vc-top-prod-content .vc-top-product-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 15px 0 5px;
}
.vc-ecorm-three .vc-top-prod-content .vc-product-rating {
    font-size: 16px;
    color: #FEB53E;
    margin: 5px 0;
}  


/* slider styles */
.vc-slide-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.vc-slide-container {
    display: flex;
    transition: transform 0.8s ease-in-out;
    cursor: grab;
}

.vc-slide {
    flex: 0 0 25%; /* 4 columns by default */
    padding: 10px;
    box-sizing: border-box;
    background: #f8f9fa;
    text-align: center;
}

/* Responsive Breakpoints */
@media (max-width: 1024px) { /* Medium Screens */
    .vc-slide { flex: 0 0 50%; } /* 2 columns */
}

@media (max-width: 768px) { /* Mobile */
    .vc-slide { flex: 0 0 100%; } /* 1 column */
}




@media (max-width: 1119px){
    .vc-ecorm-two .vc-product-item .vc-button-top .vc-productWishList, .vc-ecorm-two .vc-product-item .vc-button-top .vc-productQuickView {
        transform: translateX(0);
        opacity: 1;
    }

    /* .vc-ecorm-one .vc-top-prod-thumb-icons{
        visibility: visible;
        opacity: 1;
        transform: translateY(-140%);
    } */
}

@media (max-width: 991px){
    .vc-ecormmerce .vc-sidebar{
        display: none !important;
    }

    .vc-ecormmerce .vc-showing .vc-grid-btn:nth-child(1){
        display: none;
    }
    .vc-ecormmerce .vc-showing .vc-grid-btn:nth-child(2){
        display: none;
    }
}





@media (max-width:1450px){
  .vc-wrap-sidebar-account .vc-my-account-nav .vc-close-nav{
    display: block ;
  }

  .vc-btn-sidebar-account button{
    display: block;
  }

  .vc-wrap-sidebar-account {
    position: fixed;
    top: 0;
    width: 248px;
    height: 100vh;
    scroll-behavior: smooth;
    overflow-y: scroll;
    transition: right 0.5s ease-in;
    background-color: #fff;
    padding: 37px 20px 20px;
    z-index: 9999;
    box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.15);
    left: -280px;
}


.vc-page-wrapper {
  padding-top: 5rem;
}
}
  
  @media (max-width: 1280px) {
    .vc-logo{
      width: 20%;
    }
    .vc-main-menu{
      display: none !important;
    }
    .vc-mobile-nav-bar {
      display: block !important;
    }
  
    #vc-hamburger {
      display: block !important;
      margin-left: 15px;
    }
  }
  
  @media (max-width: 1199px) {
  

  
  }
  
  @media (max-width: 992px){

    .vc-header-inner-box {
      padding: 0 10px;
    }
  .vc-input-group{
    padding: 0;
  }
  .vc-account-address-form {
    padding: 10px 10px;
  }
   
  }
  
  

.vc-row{
    row-gap: 1rem;
}
 
.vc-text-primary{
    color: #1b1bdb;
}
/* .vc-form-control:focus{
    outline: none;
    border: none;
} */
.vc-form-control::placeholder{
    font-size: 15px;
}

.vc-btn{
    width: 100%;
    padding: 10px;
    background: #010716;
    color: #fff;
    font-size: 18px;
    border: none;
    cursor: pointer;
    margin-top: 10px;
    transition: all .3s linear;
}

.vc-btn:hover{
    background: #fff;
    color: #010716;
}

.vc-act-title{
    font-size: 24px;
    font-weight: 600;
}
.vc-breadcrumb .vc-list-inline-item{
    margin-right: 20px;
    list-style: none;
    color: #141727;
}
.vc-breadcrumb .vc-list-inline-item a{
    color:#141727;
}

.vc-breadcrumb .vc-list-inline-item:last-child{
    list-style: disc;
    margin-right: 0;
}

.vc-account-form-link{
    cursor: pointer;
}
.vc-account-form{
    display: none;
}

.vc-account-form.active{
    display: block;
}

.vc-wrap-sidebar-account{
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 8px 16px rgba(0, 0, 0, 0.06);
    padding: 1rem;
    background: #fff;
}
.vc-btn-sidebar-account button{
    width: 40px;
    display: flex;
    border: 1px solid #ebebeb;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    position: relative;
    display: none;
}

.vc-box-field .vc-input-group{
    padding-left: 0;
}


/* page wrapper */
.vc-page-wrapper{
    position: relative;
    padding-top: 10rem;
    padding-bottom: 4rem;
    width: 100%;
}

.vc-page-wrapper .vc-account-title{
    font-size: 32px;
    font-weight: 400;
    line-height: 50px;
}

.vc-my-account-nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: sticky;
    top: 0;
}

/* .vc-my-account-nav li{
    margin-bottom: 1rem;
} */

.vc-my-account-nav .vc-my-account-nav-item {
    display: flex;
    width: 100%;
    border: 1px solid #ebebeb;
    padding: 15px 20px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #010716 !important;
    position: relative;
    transition: all .3s linear;
    cursor: pointer;
}

.vc-my-account-nav .vc-my-account-nav-item::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: auto;
    right: 0;
    width: 0%;
    height: 51px;
    background-color: #1b1bdb16;
    transition: all 0.3s ease;
    z-index: -1;
    visibility: hidden;
    transition: all .3s linear;
}

.vc-my-account-nav .vc-my-account-nav-item:hover::before{
    visibility: visible;
    transition: all .3s linear;
    width: 100%;
}

/* order */

.vc-table-wrapper {
    overflow-x: auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }
  
  .vc-custom-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
  }
  
  .vc-custom-table th,
  .vc-custom-table td {
    padding: 14px 20px;
    text-align: left;
    border: 1px solid #ebebeb; 
  }
  
  .vc-custom-table thead {
    background-color: #141727;
    color: #fff;
  }
  
  /* Hover effect */
  .vc-custom-table tbody tr {
    transition: background-color 0.3s ease;
  }
  
  .vc-custom-table tbody tr:hover {
    background-color: #f2f2f2;
    cursor: pointer;
  }

  .vc-home-box{
    display: block;
  }

  .vc-home-box h6{
    margin-bottom: 0;
  }
  .vc-home-box p{
    color: #141727;
  }
  .vc-home-box .vc-icon {
    display: inline-flex;
    position: relative;

  }
.vc-home-box .vc-icon i{
  font-size: 44px;
  color: #141727;
}

.vc-home-box .vc-order-count {
  position: absolute;
  display: inline-flex;
  background-color: rgb(255, 111, 97);
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  top: -18px;
  right: -30px;
  color: #fff;
  border-radius: 50%;
}

.vc-home-box .vc-form-address{
  padding: 60px 28px;
}

.vc-form-address p{
  margin-bottom: 10px;
  font-size: 16px;
  color: #1e1e20;
}

.vc-address-info{
  padding: 24px 16px;
}

/* address */
.vc-form-address {
    background-color: #ffffff;
    border-radius: 12px;
    /* padding: 24px 28px; */
    width: 100%;
    box-shadow: 
      0 2px 4px rgba(0, 0, 0, 0.04),
      0 8px 16px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

.vc-form-address:hover {
    box-shadow: 
      0 4px 8px rgba(0, 0, 0, 0.06),
      0 12px 24px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
  }

  .vc-form-address .vc-text-info {
    font-size: 22px;
    margin-bottom: 0;
    color: #141727;
    border-bottom: 1px solid #eee;
    padding: 18px;
  }

  .vc-form-address .vc-box-title {
    font-size: 22px;
    margin-bottom: 0;
    color: #141727;
    padding: 18px;
  }

.vc-breadcrumb {
    background: transparent;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    border-radius: .25rem;
    position: relative;
    z-index: 1;
}

.vc-btn-edit-address {
    background: #141727;
    color: #ffff;
    padding: 10px 20px;
    border: none;
    font-size: 14px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-weight: 500;
    transition: all .3s linear;
    margin-right: 7px;
  }

.vc-btn-edit-address:hover{
    transition: all .3s linear;
    background: #fff;
    border: 1px solid #ebebeb;
    color: #141727;
}

.vc-form-address p span, .vc-form-address p strong{
    font-weight: 600;
    color: #141727ad;
}

.vc-account-address-form, .vc-account-profile-form{
    background-color: #ffffff;
    border-radius: 12px;
    padding: 24px 28px;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 8px 16px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.3s ease, transform 0.2s ease;
    margin-top: 30px;
    display: none;
}

.vc-account-address-form.active, .vc-account-profile-form.active{
  display: block;
  transition: all .3s linear;
}


/* whishlist */
.vc-wishlist-remove {
  position: absolute;
  top: 0;
  right: 0;
  background: #eee;
  padding: 10px;
  z-index: 1;
  color: #000;
  border-radius: 50%;
  width: 35px;
  cursor: pointer;
}
.vc-wishlist-remove:hover {
  color: red;
}

.vc-response{
  display: block;
  opacity: 1;
  visibility: visible;
  width: 80%;
  padding: 10px;
  text-align: center;
  color: #141727;
  margin: auto;
  transition: all .3s ease-in-out;
  margin-bottom: 10px;
}

/* product */

.vc-ecorm-three .vc-left .vc-showing i {
    font-size: 20px;
    text-align: center;
    width: 42px;
    height: 42px;
    display: inline-block;
    border-radius: 5px;
    line-height: 2;
    cursor: pointer;
    transition: all .3s linear;
}
.vc-ecorm-three .vc-left .vc-showing i:not(:last-child) {
    margin-right: 10px;
}

.vc-ecorm-three .vc-left .vc-showing i:hover {
    background: #1c1c1c;
    color: #fff;
}

.vc-grid-btn-grey{
    color: #595959;
    background-color: #e9ebeb;
}
.vc-grid-btn-dark{
    color: #fff;
    background-color: #1c1c1c;
}


.vc-ecorm-three .vc-product-wrapper{
    transition: ease-in-out all .4s;
    position: initial;
    margin-bottom: 1rem;
}

.vc-ecorm-three .vc-product-item {
    border-radius: 5px;
    margin-bottom: 0;
    transition: box-shadow .3s;
    border: 1px solid #eaeaea;
    background-color: #ffff;
    padding: 1rem;
    position: relative;
    text-align: center;
}

.vc-ecorm-three .vc-product-item:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}

.vc-ecorm-three .vc-product-item .vc-product-top {
    position: relative;
    border-radius: 5px;
    transform: translateZ(0);
    overflow: hidden;
}

.vc-ecorm-three .vc-product-item .vc-product-top>a {
    position: relative;
    display: block;
    overflow: hidden;
    touch-action: manipulation;
}

.vc-ecorm-three .vc-product-item .vc-product-image {
    position: relative;
    padding-top:  91.30303%;
}
.vc-ecorm-three .vc-product-item .vc-product-image img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transition: all .3s linear;
    object-fit: cover;
}

.vc-ecorm-three .vc-product-item:hover .vc-product-image img{
    transform: scale(1.1);
    filter:grayscale(1) ;
}

.vc-ecorm-three .vc-product-item .vc-button-top {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%);
    display: flex;
}

.vc-ecorm-three .vc-product-item .vc-button-top .vc-productQuickView, .vc-ecorm-three .vc-product-item .vc-button-top .vc-productWishList {
    transform: translateY(-25px);
    opacity: 0;
}


.vc-ecorm-three .vc-product-item .vc-button-top>div:not(:last-child) {
    margin-right: 10px;
}

.vc-ecorm-three .vc-product-item:hover .vc-button-top .vc-productWishList, .vc-ecorm-three .vc-product-item:hover .vc-button-top .vc-productQuickView {
    transform: translateY(0);
    opacity: 1;
}

.vc-ecorm-three .vc-product-item .vc-button-top .vc-productQuickView, .vc-ecorm-three .vc-product-item .vc-button-top .vc-productWishList {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #1e1e20;
    background: #ffff;
    border: 1px solid #ffff;
    transition: .3s linear;
    position: relative;
    box-shadow: 4px 4px 20px #0000001a;
}

.vc-ecorm-three .vc-product-item .vc-product-item-wishlist {
    font-size: 18px;
    line-height: 1;
}

.vc-ecorm-three .vc-product-item .vc-product-item-wishlist i, .vc-ecorm-three .vc-product-item .vc-productQuickView i {
    max-width: 20px;
    height: auto;
    color: #1e1e20;
    text-align: center;
}

.vc-ecorm-three .vc-product-item .vc-productWishList:hover, .vc-ecorm-three .vc-product-item .vc-productQuickView:hover {
    background: #141727;
    color: #ffff;
}
.vc-ecorm-three .vc-product-item .vc-productWishList:hover i, .vc-ecorm-three .vc-product-item .vc-productQuickView:hover i{
    color: #ffff;
}

.vc-ecorm-three .vc-product-item .vc-btn-tootip {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 10px);
    transform: translate(-50%);
    height: 30px;
    min-width: 92px;
    padding: 0 15px;
    border-radius: 4px;
    font-size: 10px;
    text-transform: capitalize;
    visibility: hidden;
    box-shadow: 4px 4px 10px #0003;
    color: #ffff;
    background: #141727;
    border: 1px solid #141727;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
.vc-ecorm-three .vc-product-item .vc-btn-tootip:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%);
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: #141727 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.vc-ecorm-three .vc-product-item .vc-productWishList:hover .vc-btn-tootip, .vc-ecorm-three .vc-product-item .vc-productQuickView:hover .vc-btn-tootip {
    transition: all .3s;
    bottom: calc(100% + 7px);
    visibility: visible;
}
.vc-ecorm-three .vc-product-item .vc-button-top .vc-productWishList {
    transition: .3s;
}

.vc-ecorm-three .vc-product-item .vc-product-badge {
    display: flex;
    position: absolute;
    top: 16px;
    left: 16px;
    /* padding: 1rem; */
}

.vc-ecorm-three .vc-product-item .vc-product-badge .vc-badge-sale {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    min-width: 50px;
    height: 25px;
    border-radius: 3px;
    color: #ffff;
    background: #e82525;
}

.vc-ecorm-three .vc-product-item .vc-product-info {
    position: relative;
    padding-top: 1.5rem;
}

.vc-ecorm-three .vc-product-item .vc-product-title {
    margin-bottom: 18px;
}

.vc-ecorm-three .vc-product-item .vc-product-title a {
    font-size: 15px;
    font-weight: 600;
    display: block;
    color: #1c1c1c;
    font-family: outfit;
}

.vc-ecorm-three .vc-product-item .vc-rating-widget .vc-rating{
    display: inline-flex;
}

.vc-ecorm-three .vc-product-item .vc-rating-widget .vc-rating i{
    font-size: 12px;
    color: #bfbfbf;
    margin-right: 4px 
}
.vc-ecorm-three .vc-product-item .vc-price-sale{
    display: inline-flex;
    flex-wrap: wrap;
}

.vc-ecorm-three .vc-product-item .vc-price-regular, .vc-ecorm-three .vc-product-item .vc-special-price {
    color: #1c1c1c;
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
}

.vc-ecorm-three .vc-product-item .vc-old-price {
    font-size: 12px;
    color: #b5b5b5;
    font-weight: 500;
    margin-left: 4px;
    text-decoration: line-through;
    text-decoration-color: #e82525;
}

.vc-ecorm-three .vc-product-item .vc-description{
    display: none;
    color: #1c1c1c;
}

.vc-ecorm-three .vc-product-item .vc-available-product .vc-product-available{
    color: #5fbb52;
}
.vc-ecorm-three .vc-product-item .vc-available-product{
    display: none;
}


.vc-ecorm-three .vc-product-item .vc-btn-quick-add{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1c1c1c;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    transition: .3s;
    position: relative;
    margin-top: 18px;
    cursor: pointer;
}

.vc-ecorm-three .vc-product-item .vc-btn-quick-add:hover {
    background: #141727;
    border: 1px solid #141727;
    color:#fff;
}

.vc-ecorm-three .vc-top-product-inner {
    background: #F2F2F2;
    width: 100%;
    max-height: 450px;
    position: relative;
    overflow: hidden;
}

.vc-ecorm-three .vc-top-prod-thumb span.vc-flags {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #141727;
    color: #ffff;
    width: 56px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;

}

.vc-ecorm-three .vc-top-prod-thumb-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
}

.vc-ecorm-three .vc-top-prod-thumb-icons .vc-icon-list .vc-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 48px;
    border-radius: 5px;
    background: #fff;
    color: #333;
    font-size: 24px;
    box-shadow: 0 0 5px rgba(221, 221, 221, 0.9);
    transition: all 0.3s;
}

.vc-ecorm-three .vc-top-prod-thumb img{
    height: 300px;
}

.vc-ecorm-three .vc-top-prod-content{
    padding: 20px 10px 20px;
    transition: all .3s ease-in-out;
}

.vc-ecorm-three .vc-top-product-wrapper:hover .vc-top-prod-thumb-icons{
    visibility: visible;
    opacity: 1;
    transition: all 0.4s;
    transform: translateY(-140%);
}

.vc-ecorm-three .vc-top-prod-content .vc-top-product-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 15px 0 5px;
}

.vc-my-account-nav .vc-my-account-nav-item.active {
    background-color: #f2f2f2;
    color: #141727;
    border-color: transparent;
}

.vc-my-account-content{
    display: none;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.vc-my-account-content.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
    transition: all .3s linear;
}
.vc-my-account-content.fade-in {
    opacity: 1;
    transform: translateY(0);
  }

.vc-page-wrapper .vc-show {
    left: 0px;
  }
.vc-page-wrapper .vc-close-nav {
    border: 0;
    background: transparent;
    color: #141727;
    border-radius: 30px;
    font-size: 30px;
    position: absolute;
    left: -18px;
    top: -32px;
  }
  .vc-wrap-sidebar-account .vc-my-account-nav .vc-close-nav{
    display: none;
  }