/*** Spinner Start ***/

#spinner {

   opacity: 0;

   visibility: hidden;

   transition: opacity .8s ease-out, visibility 0s linear .5s;

   z-index: 99999;

}



#spinner.show {

    transition: opacity .8s ease-out, visibility 0s linear .0s;

    visibility: visible;

    opacity: 1;

}



.back-to-top {

   position: fixed;

   right: 30px;

   bottom: 30px;

   display: flex;

   width: 45px;

   height: 45px;

   align-items: center;

   justify-content: center;

   transition: 0.5s;

   z-index: 99;

}

/*** Spinner End ***/





/*** Button Start ***/

.btn {

   font-weight: 600;

   transition: .5s;

}



.btn-square {

   width: 32px;

   height: 32px;

}



.btn-sm-square {

   width: 34px;

   height: 34px;

}



.btn-md-square {

   width: 40px;

   height: 40px;

}



.btn-lg-square {

   width: 56px;

   height: 56px;

}



.btn-square,

.btn-sm-square,

.btn-md-square,

.btn-lg-square {

   padding: 0;

   display: flex;

   align-items: center;

   justify-content: center;

   font-weight: normal;

}



.btn.border-secondary {

   transition: 0.5s;

}



.btn.border-secondary:hover {

   background: var(--bs-secondary) !important;

   color: var(--bs-white) !important;

}



/*** Topbar Start ***/

.fixed-top {

   transition: 0.5s;

   background: var(--bs-white);

   border: 0;

}



.topbar {

   padding-top: 10px;

   border-radius: 230px 100px;

}



.topbar .top-info {

   font-size: 15px;

   line-height: 0;

   letter-spacing: 1px;

   display: flex;

   align-items: center;

}



.topbar .top-link {

   font-size: 15px;

   line-height: 0;

   letter-spacing: 1px;

   display: flex;

   align-items: center;

}



.topbar .top-link a {

   letter-spacing: 1px;

}



.topbar .top-link a small:hover {

   color: var(--bs-secondary) !important;

   transition: 0.5s;

}



.topbar .top-link a small:hover i {

   color: var(--bs-primary) !important;

}

/*** Topbar End ***/



/*** Navbar Start ***/

.navbar .navbar-nav .nav-link {

   padding: 10px 15px;

   font-size: 16px;

   transition: .5s;

}



.navbar {

   height: 100px;

   border-bottom: 1px solid rgba(255, 255, 255, .1);

}



.navbar .navbar-nav .nav-link:hover,

.navbar .navbar-nav .nav-link.active,

.fixed-top.bg-white .navbar .navbar-nav .nav-link:hover,

.fixed-top.bg-white .navbar .navbar-nav .nav-link.active {

   color: #f71568;

}



.navbar .dropdown-toggle::after {

   border: none;

   content: "\f107";

   font-family: "Font Awesome 5 Free";

   font-weight: 700;

   vertical-align: middle;

   margin-left: 8px;

}



@media (min-width: 1200px) {

   .navbar .nav-item .dropdown-menu {

       display: block;

       visibility: hidden;

       top: 100%;

       transform: rotateX(-75deg);

       transform-origin: 0% 0%;

       border: 0;

       transition: .5s;

       opacity: 0;

   }

}



.dropdown .dropdown-menu a:hover {

   background: var(--bs-secondary);

   color: var(--bs-primary);

}



.navbar .nav-item:hover .dropdown-menu {

   transform: rotateX(0deg);

   visibility: visible;

   background: var(--bs-light) !important;

   border-radius: 10px !important;

   transition: .5s;

   opacity: 1;

}



#searchModal .modal-content {

   background: rgba(255, 255, 255, .8);

}

/*** Navbar End ***/



/*** Hero Header ***/

.hero-header {

   background: linear-gradient( rgba(248, 223, 173, 0.1));

   background-position: center center;

   background-repeat: no-repeat;

   background-size: cover;

}



.carousel-item {

   position: relative;

}



.carousel-item a {

   position: absolute;

   top: 50%;

   left: 50%;

   transform: translate(-50%, -50%);

   font-size: 25px;

   background: linear-gradient(rgba(255, 181, 36, 0.7), rgba(255, 181, 36, 0.7));

}



.carousel-control-next,

.carousel-control-prev {

   width: 48px;

   height: 48px;

   border-radius: 48px;

   border: 1px solid var(--bs-white);

   background: var(--bs-primary);

   position: absolute;

   top: 50%;

   transform: translateY(-50%);

}



.carousel-control-next {

   margin-right: 20px;

}



.carousel-control-prev {

   margin-left: 20px;

}



.page-header {

   position: relative;

   background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/cart-page-header-img.jpg);

   background-position: center center;

   background-repeat: no-repeat;

   background-size: cover;

}



@media (min-width: 992px) {

   .hero-header,

   .page-header {

       margin-top: 152px !important;

   }

}



@media (max-width: 992px) {

   .hero-header,

   .page-header {

       margin-top: 97px !important;

   }

}

/*** Hero Header end ***/





/*** featurs Start ***/

.featurs .featurs-item .featurs-icon {

   position: relative;

   width: 120px;

   height: 120px;

}



.featurs .featurs-item .featurs-icon::after {

   content: "";

   width: 35px;

   height: 35px;

   background: var(--bs-secondary);

   position: absolute;

   bottom: -10px;

   transform: translate(-50%);

   transform: rotate(45deg);

   background: var(--bs-secondary);

   

}

/*** featurs End ***/





/*** service Start ***/

.service .service-item .service-content {

   position: relative;

   width: 250px; 

   height: 130px; 

   top: -50%; 

   left: 50%; 

   transform: translate(-50%, -50%);

}



/*** service End ***/





/*** Fruits Start ***/

.fruite .tab-class .nav-item a.active {

   background: var(--bs-secondary) !important;

}



.fruite .tab-class .nav-item a.active span {

   color: var(--bs-white) !important; 

}



.fruite .fruite-categorie .fruite-name {

   line-height: 40px;

}



.fruite .fruite-categorie .fruite-name a {

   transition: 0.5s;

}



.fruite .fruite-categorie .fruite-name a:hover {

   color: var(--bs-secondary);

}



.fruite .fruite-item {

   height: 100%;

   transition: 0.5s;

}

.fruite .fruite-item:hover {

   box-shadow: 0 0 55px rgba(0, 0, 0, 0.4);

}



.fruite .fruite-item .fruite-img {

   overflow: hidden;

   transition: 0.5s;

   border-radius: 10px 10px 0 0;

}



.fruite .fruite-item .fruite-img img {

   transition: 0.5s;

}



.fruite .fruite-item .fruite-img img:hover {

   transform: scale(1.3);

}

/*** Fruits End ***/





/*** vesitable Start ***/

.vesitable .vesitable-item {

   height: 295px;

   transition: 0.5s;

}



.vesitable .vesitable-item:hover {

   box-shadow: 0 0 55px rgba(0, 0, 0, 0.4);

}



.vesitable .vesitable-item .vesitable-img {

   overflow: hidden;

   transition: 0.5s;

   border-radius: 10px 10px 0 0;

}



.vesitable .vesitable-item .vesitable-img img {

   transition: 0.5s;

}



.vesitable .vesitable-item .vesitable-img img:hover {

   transform: scale(1.2);

}



.vesitable .owl-stage {

   margin: 50px 0;

   position: relative;

}



.vesitable .owl-nav .owl-prev {

   position: absolute;

   top: -8px;

   right: 0;

   color: var(--bs-primary);

   padding: 5px 25px;

   border: 1px solid var(--bs-secondary);

   border-radius: 20px;

   transition: 0.5s;



}



.vesitable .owl-nav .owl-prev:hover {

   background: var(--bs-secondary);

   color: var(--bs-white);

}



.vesitable .owl-nav .owl-next {

   position: absolute;

   top: -8px;

   right: 88px;

   color: var(--bs-primary);

   padding: 5px 25px;

   border: 1px solid var(--bs-secondary);

   border-radius: 20px;

   transition: 0.5s;

}



.vesitable .owl-nav .owl-next:hover {

   background: var(--bs-secondary);

   color: var(--bs-white);

}

/*** vesitable End ***/





/*** Banner Section Start ***/

.banner .banner-btn:hover {

   background: var(--bs-primary);

}

/*** Banner Section End ***/





/*** Facts Start ***/

.counter {

   height: 100%;

   text-align: center;

   box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);

}



.counter i {

   font-size: 60px;

   margin-bottom: 25px;

}



.counter h4 {

   color: var(--bs-primary);

   letter-spacing: 1px;

   text-transform: uppercase;

}

.rounded-bottom h4 {

   font-size: 1rem;

   /* font-family: 'Font Awesome 5 Free'; */

   color: #f94486;

}

.counter h1 {

   margin-bottom: 0;

}

/*** Facts End ***/





/*** testimonial Start ***/

.testimonial .owl-nav .owl-prev {

   position: absolute;

   top: -58px;

   right: 0;

   color: var(--bs-primary);

   padding: 5px 25px;

   border: 1px solid var(--bs-secondary);

   border-radius: 20px;

   transition: 0.5s;

}



.testimonial .owl-nav .owl-prev:hover {

   background: var(--bs-secondary);

   color: var(--bs-white);

}



.testimonial .owl-nav .owl-next {

   position: absolute;

   top: -58px;

   right: 88px;

   color: var(--bs-primary);

   padding: 5px 25px;

   border: 1px solid var(--bs-secondary);

   border-radius: 20px;

   transition: 0.5s;

}



.testimonial .owl-nav .owl-next:hover {

   background: var(--bs-secondary);

   color: var(--bs-white);

}

/*** testimonial End ***/





/*** Single Page Start ***/

.pagination {

   display: inline-block;

}

 

.pagination a {

   color: var(--bs-dark);

   padding: 10px 16px;

   text-decoration: none;

   transition: 0.5s;

   border: 1px solid var(--bs-secondary);

   margin: 0 4px;

}

 

.pagination a.active {

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

   color: var(--bs-light);

   border: 1px solid var(--bs-secondary);

}

 

.pagination a:hover:not(.active) {background-color: var(--bs-primary)}



.nav.nav-tabs .nav-link.active {

   border-bottom: 2px solid var(--bs-secondary) !important;

}

/*** Single Page End ***/

.navbar-nav .nav-item .nav-link:hover {

   color: rgb(231, 114, 133);

}

.dropdown-menu .dropdown-item:hover {

   background-color: yellow;

}



/*** Footer Start ***/

.container-fluid.end.pt-5.mt-5 {

   background-color: #f71568;

}

.footer .footer-item .btn-link {

   line-height: 35px;

   color: rgba(255, 255, 255, .5);

   transition: 0.5s;

}



.footer .footer-item .btn-link:hover {

   color: var(--bs-secondary) !important;

}



.footer .footer-item p.mb-4 {

   line-height: 35px;

}

/*** Footer End ***/



.footer {

   background: #fafafa;

}

.bg-black-222 {

   background-color: #116466!important;

}

.pb-40 {

   padding-bottom: 40px!important;

}



.pt-70 {

   padding-top: 70px!important;

}

.widget {

   margin-bottom: 30px;

   color: #5a5560;

}

.footer a {

   color: #f9ffe8;

}

.mb-10 {

   margin-bottom: 10px!important;

   color: white;

}

.fa {

   color: white;

}

.mt-20 {

   margin-top: 20px!important;

}

.widget .styled-icons li {

   margin-bottom: 0;

   padding-bottom: 0;

}

.banner .parent{

   position:absolute;

}

.banner .child{

   position: relative;

   height: 330px;

   width: 53%;

   left: 500px;

   top: 80px;

   background-color: #f71568;

}
/* <!========================================new css ============================= */
   .divider .container {
   padding-top: 90px;
   padding-bottom: 90px;
   }
   .parallax {
   width: 100%;
   height: 100%;
   margin: 0 auto;
   background-size: cover;
   background-attachment: fixed;
   background-repeat: repeat-y;
   background-position: top center;
   }
   .dark .bg-lighter {
   background-color: #ffffff !important;
   color: black;
   }
   .dark .text-theme-colored {
   color: #1f386b !important;
   }
   .dark h5 {
   color: #000000;
   }
   .dark h4 {
   color: #1f386b;
   }
   a {
   color: rgb(0, 0, 0);
   text-decoration: none;
   }
   .inner-header .title {
   font-size: 34px;
   font-family: titillium web, sans-serif;
   color: white;
   }
   .inner-header a {
   color: white;
   }
   .dark .bg-lighter {
   background-color: #ffffff !important;
   color: black;
   }
   .dark .text-theme-colored {
   color: #1f386b !important;
   }
   .dark h5 {
   color: #000000;
   }
   .dark h4 {
   color: #1f386b;
   }
   a {
   color: rgb(0, 0, 0);
   text-decoration: none;
   }
   .inner-header .title {
   font-size: 34px;
   font-family: titillium web, sans-serif;
   color: white;
   }
   .inner-header a {
   color: white;
   }

   ul {
      list-style: none;
   }