/*mobile css home*/
          .floatwp{
            position:fixed !important;
            width:60px !important;;
            height:60px !important;
            bottom:40px !important;
            left:40px !important;
            background-color:#25d366 !important;
            color:#FFF !important;
            border-radius:50px !important;
            text-align:center !important;
            font-size:30px !important;
            box-shadow: 2px 2px 3px #999 !important;
            z-index:100 !important;
          }
          .fa-whatsapp{
             color: #fff !important;
          }
          .my-float{
            margin-top:16px !important;
          }
          .productgridd button{
            border: none !important;
          }

          .oclients{
            padding-bottom: 10px !important;
          }


                  /* Hide mobile image on desktop, tablet, and larger screens */






        .recently-viewed {
        background: #ebfcff !important;
        }




         @media (max-width: 990px){

            .header__right{
              margin-top: -4% !important;
            }

            .slick-dots{
                bottom:150px !important;
            }

            .collection-slider__image img{
               height: 88% !important;
            }

            .marquee-item {
                margin: 0 5vw;
            }

            .marquee-item img {
                width: 87px !important;
             }
             .bb-page_module-6_bottom-container .b-page_module-links{
                padding-bottom: 20px !important;
             }






         }




         /* end mobile css home*/


         /*footer*/
         .collection-footer{
            overflow: hidden !important;
         }
         /*footer*/
         /*our products*/
         .nocap{
            text-transform: none !important;
         }
         .product-grid-image {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         margin: 20px auto;
         width: 100%;
         max-width: 1312px;
         }
         .four-grid{
         width: 50%;
         display: flex;
         justify-content: right;
         flex-wrap: wrap;
         }
         .two-grid{
         width: 50%;
         display: flex;
         flex-wrap: wrap;
         }
         .product-grid-image-item {
            width: calc(50% - 10px);
            margin-bottom: 5px;
            margin-right: 5px;
            position: relative;
            overflow: hidden; /* Ensure overflow doesn't affect layout */
         }

         .product-grid-image-item img {
            width: 100%;
            height: auto;
            display: block;
            transition: filter 0.3s ease; /* Smooth transition for filter property */
         }
         .product-grid-image-item:hover img {
              transform: scale(1.4); /* Increase scale on hover for zoom effect */
            }


           .overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: transparent; 
                opacity: 0;
                transition: opacity 0.3s ease; 
                 display: flex;
                justify-content: center;
                align-items: center; /* Center vertically */
              }

            .product-grid-image-item:hover .overlay {
              opacity:1; /* Adjust overlay opacity on hover as desired */
            }

            .view-product-btn {
              display: flex;
              justify-content: center;
              background-color: #817a70;
              opacity: 1;
              z-index: 1;
              color: #fff;
              padding: 10px 20px;
              text-decoration: none;
              border-radius: 5px;
              transition: background-color 0.3s ease;
            }

            .view-product-btn:hover {
              background-color: #000;
              color: #fff;
            }







         .collection-our-journal__container {
         padding-bottom: 10px !important;
         }
         .collection-our-products__more{
         padding-bottom: 50px !important;
         }
         /* @media (max-width: 767px) {
         .product-grid-image-item {
         width: 100%;
         }
         }
         */
         /*our products end*/
         /* 
         * Marquee text line 
         */
         .marquee {
         position: relative;
         width: 100%;
         overflow: hidden;
         }
         .marquee-track {
         display: table;
         overflow: hidden;
         position: relative;
         }
         .marquee-track>div {
         display: table-cell;
         white-space: nowrap;
         }
       /*  .marquee-animation {
         animation: marquee-animation 37s linear infinite;
         }
         @media (prefers-reduced-motion: reduce) {
         .marquee-animation {
         animation: none !important;
         }
         }
         @keyframes marquee-animation {
         0% {
         transform: translate3d(0, 0, 0);
         }
         100% {
         transform: translate3d(-50%, 0, 0);
         }
         }
         .marquee-animation-1 {
         animation: marquee-animation-1 80s linear infinite;
         will-change: transform;
         }
         @media (prefers-reduced-motion: reduce) {
         .marquee-animation-1 {
         animation: none !important;
         }
         }
         @keyframes marquee-animation-1 {
         0% {
         transform: translate3d(0, 0, 0);
         }
         100% {
         transform: translate3d(-50%, 0, 0);
         }
         }
         .marquee-animation-1a {
         animation: marquee-animation-1a 99s linear infinite;
         will-change: transform;
         }
         @media (prefers-reduced-motion: reduce) {
         .marquee-animation-1a {
         animation: none !important;
         }
         }
         @keyframes marquee-animation-1a {
         0% {
         transform: translate3d(0, 0, 0);
         }
         100% {
         transform: translate3d(-50%, 0, 0);
         }
         }
         .marquee-animation-2 {
         animation: marquee-animation-2 80s linear infinite;
         will-change: transform;
         }
         @media (prefers-reduced-motion: reduce) {
         .marquee-animation-2 {
         animation: none !important;
         }
         }
         @keyframes marquee-animation-2 {
         0% {
         transform: translate3d(0, 0, 0);
         }
         100% {
         transform: translate3d(50%, 0, 0);
         }
         }
         .marquee-animation-2a {
         animation: marquee-animation-2a 50s linear infinite;
         will-change: transform;
         }
         @media (prefers-reduced-motion: reduce) {
         .marquee-animation-2a {
         animation: none !important;
         }
         }
         @keyframes marquee-animation-2a {
         0% {
         transform: translate3d(0, 0, 0);
         }
         100% {
         transform: translate3d(50%, 0, 0);
         }
         }
         .marquee-animation-3 {
         animation: marquee-animation-3 36s linear infinite;
         will-change: transform;
         }
         @media (prefers-reduced-motion: reduce) {
         .marquee-animation-3 {
         animation: none !important;
         }
         }
         @keyframes marquee-animation-3 {
         0% {
         transform: translate3d(0, 0, 0);
         }
         100% {
         transform: translate3d(-50%, 0, 0);
         }
         }*/
         .marquee-style-1 {
         padding: 0.5em 0;
         font-size: 19px;
         color: var(--color-gray-3);
         box-shadow: var(--box-shadow-block);
         }
         .marquee-style-1 .marquee-track>div {
         padding-right: 2.75em;
         }
         .marquee-style-1.light-content {
         color: var(--color-dark-mode-gray-1);
         }
         .marquee-style-2 {
         width: 120%;
         margin-left: -10%;
         padding: .1em 0;
         font-size: 38px !important;
         font-weight: 600;
         text-transform: capitalize;
         letter-spacing: 0.1em;
         color: #fff;
         background: #19958b;
         /*    transform: rotate(-5deg);*/
         }
         .marquee-style-2 .marquee-track>div {
         padding-right: 2.75em;
         }
         .marquee-style-2.no-rotate {
         transform: none;
         }
         .marquee-style-3 {
         width: 120%;
         margin-left: -10%;
         padding: 20px 0;
         font-size: 150px;
         font-weight: 500;
         line-height: 0.92;
         letter-spacing: 0.02em;
         text-transform: uppercase;
         color: #fff;
         background: var(--color-dark-1);
         transform: rotate(-5deg);
         }
         .marquee-style-3 .marquee-track>div {
         padding-right: 0.5em;
         }
         .light-content .marquee-style-3 {
         color: var(--color-dark-1);
         background: #fff;
         }
         .marquee-style-4 {
         width: 120%;
         margin-left: -10%;
         font-size: 70px;
         font-weight: 400;
         line-height: 1;
         letter-spacing: 0.02em;
         text-transform: uppercase;
         transform: rotate(5deg);
         }
         .marquee-style-4 .marquee-track {
         border-collapse: separate;
         border-spacing: 10px;
         }
         .marquee-style-4 .marquee-track>div {
         padding: 0.4em 0.65em;
         background: #fff;
         border: 1px solid var(--color-dark-1);
         border-radius: 100px;
         }
         .light-content .marquee-style-4 .marquee-track>div {
         background: var(--color-dark-1);
         border-color: #fff;
         }
         .marquee-style-5 {
         width: 100%;
         font-size: 200px;
         font-weight: 500;
         line-height: 1.2;
         letter-spacing: -0.032em;
         }
         .marquee-style-5 .marquee-track>div {
         padding-right: 0.7em;
         }
         /*====================== Marquee ======================*/
         .marquee img{
         margin-left: 40px;
         }
         /*================================== Images Gallary==============================*/
         .gallery  {
         --d: 15s; /* duration */
         width:100%;
         display: grid;
         overflow: hidden;
         }
         .gallery > img {
         grid-area: 1/1;
         padding-left:20px;
         height: 200px;
         aspect-ratio: 1.5;
         object-fit: cover;
         animation: r var(--d) linear infinite;
         }
         .gallery > img:nth-child(2) {animation-delay: calc(1*var(--d)/-4)}
         .gallery > img:nth-child(3) {animation-delay: calc(2*var(--d)/-4)}
         .gallery > img:nth-child(4) {animation-delay: calc(3*var(--d)/-4)}
         @keyframes r {
         75%    {transform: translate(-300%)}
         75.01% {transform: translate( 100%)}
         }
         .btn-mod, a.btn-mod{
         padding: 10px 16px;
         }
         .marquee {
         overflow: hidden;
         }
         .marquee-content {
         display: flex;
         animation: scrolling 23s linear infinite;
         }
         .marquee-item {
         flex: 0 0 8vw;
         margin: 0 1vw;
         }
         .marquee-item img {
         display: block;
         width: 100%;
         height: 100%;
         }
         @keyframes scrolling {
         0% { transform: translateX(0); }
         100% { transform: translatex(-144vw); }
         }
         /* slider-item-hero*/
         .collection-slider .collection-slider__item {
         background: #1166af00 !important;
         }
         /*.slick-slide {
          opacity: 0 !important;
          transition: opacity 3s ease-in-out !important;
        }

        .slick-active {
          opacity: 1 !important;
        }


        .slick-slide {
          opacity: 1 !important;
          transition: opacity 3s ease-in-out !important;
        }

        .slick-slide.slick-active ~ .slick-slide {
          opacity: 0 !important;
        }*/

        .slick-slide {
          opacity: 0 !important;
          transition: opacity 0.5s !important;
        }

        .slick-active {
          opacity: 1 !important;
        }

        .slick-slide.slick-active ~ .slick-slide {
          animation: fadeinout 4s infinite;
        }

    /* @keyframes fadeOut {
          from { opacity: 1 !important; }
          to { opacity: 0 !important; }
        }*/

        @keyframes fadeinout
        {
          0%{
            opacity:0 !important;
          }
          50%
          {
            opacity:1 !important;
          }
          100%
          {
            opacity:0 !important;
          }
        }












        


         /* finish slider-hero*/
         /*titlehovercss*/
         .collection-our-journal__container{
         margin-bottom: 0px !important;
         }
         .botomnum{
         margin-bottom: 0px !important;
         }
         .containerol {
         position: relative;
         text-align: center;
         color: #e8e8e8;
         text-emphasis: bolder;
         font-size: 30px;
         }
         /* Bottom left text */
         .bottom-left-ol {
         position: relative;
         bottom: 4%;
         left: 5%;
         text-align: left;
         width: 62%;
         }
         .bottom-left-ol h4{
         color: #f1f1f1 !important;
         padding: 0px 0px 11px 0px !important;
         font-size: 64px !important;
         }
         .bottom-left-ol a{
         color: #f1f1f1 !important;
         }
         /* Top left text */
         .top-left-ol {
         position: absolute;
         top: 8px;
         left: 16px;
         }
         /* Top right text */
         .top-right-ol {
         position: absolute;
         top: 39px;
         right: 4%;
         text-align: right;
         width: 32%;
         font-size: 18px !important;
         }
         /* Bottom right text */
         .bottom-right-ol {
         position: absolute;
         bottom: 8px;
         right: 16px;
         }
         /* Centered-ol text */
         .centered-ol {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         }
         body {
         overflow-x: hidden;
         }
         .l-hp-slot-7 {
         clear: both;
         text-align: center;
         background: #ebfcff;
         }
         .b-page_module-5 {
         padding: 0;
         border-top: 1px solid #ddd;
         }
         .b-page_module {
         padding: 0 20px;
         text-align: center;
         border-bottom: 1px solid #ddd;
         }
         .b-page_module-5_top {
         padding-top: 80px;
         border-bottom: 1px solid #ddd;
         }
         .b-page_module-5_top .b-page_module-title {
         font-size: 12px;
         line-height: 1.5;
         font-family: "grotesque-medium-pro", arial, sans-serif;
         letter-spacing: .5px;
         margin-bottom: 40px;
         }
         .b-page_module-title {
         font-size: 90px;
         line-height: 1;
         letter-spacing: .2px;
         padding: 0;
         margin: 0;
         text-transform: uppercase;
         }
         .b-page_module-5_item {
         border-bottom: 1px solid #ddd;
         background: #ebfcff;
         z-index: 1;
         flex-wrap: wrap;
         display: flex;
         justify-content: center;
         }
         .b-page_module {
         padding: 0 20px;
         text-align: center;
         border-bottom: 1px solid #ddd;
         }
         .b-page_module-5_item .b-page_module-title {
         font-size: 90px;
         line-height: 1;
         letter-spacing: .2px;
         position: relative;
         padding: 23px 0;
         }


         @media screen and (min-width: 1280px) and (max-width: 1920px){
         .b-page_module-5_item .b-page_module_link-text {
         position: relative;
         z-index: 9;
         }
         }
         .b-page_module-5_item .b-page_module_image-overlay {
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         opacity: 0;
         -webkit-transition: .5s ease;
         transition: .5s ease;
         z-index: 1;
         }
         .b-page_module-5_item .b-page_module-title {
         font-size: 90px;
         line-height: 1;
         letter-spacing: .2px;
         position: relative;
         padding: 23px 0;
         }
         .b-page_module-5_item:nth-child(even) .b-page_module_image-overlay{
         left: -91% !important;
         transform: scale(0.6);
         top: -157%;
         width: 100%;
         }
         .b-page_module-5_item:nth-child(odd) .b-page_module_image-overlay{
         transform: scale(0.6);
         left: 95%;
         top: -60%;
         width: 100%;
         }
         .b-page_module-titlet:hover + .b-page_module_image-overlay {
         opacity: 1;
         }
         .b-page_module-title a:hover{
         color: #817a70 !important;
         }
         /* .b-page_module-title a:hover{
         color: #666666 !important;
         }*/
         .b-page_module-5.jstyle{
         overflow: hidden;
         }
         /*accordian*/
         .fa-plus-circle:before {
         position: relative;
         font-size: 40px;
         /*            padding: 14px;*/
         top: 34%;
         /*            background: #d1cfc8;*/
         border-radius: 100%;
         color: #d1cfc8;
         }
         .accordionshide{
         margin: 0;
         }
         /* dragslider */
         .minimal-about__d-flex{
         position: relative;
         }
         .nav-btn {
         background-color: #817a70;
         border: 1px solid #ebfcff;
         color: #fff;
         font-size: 20px;
         padding: 8px 16px;
         border-radius: 80%;
         cursor: pointer;
         position: absolute;
         top: 50%;
         transform: translateY(-50%);
         z-index: 100;
         }
         .left-nav-btn {
         left: 22%;
         }
         .right-nav-btn {
         right: 1%;
         }
         .itemsdrag::-webkit-scrollbar {
         height: 8px;
         background-color: #ebfcff;
         }
         ::-webkit-scrollbar-thumb 
         border-radius: 12px;
         border: 6px solid #817a70;
         }
         .itemsdrag::-webkit-scrollbar-track {
         -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
         }
         .itemsdrag::-webkit-scrollbar-thumb {
         height: 16px;
         background-color: #817a70;
         }
         .itemsdrag::-webkit-scrollbar-thumb:hover {
         background-color: #817a70;
         }
         .itemsdrag::-webkit-scrollbar:vertical {
         display: none;
         }
         .dragondiv{
         width: 500px !important;
         }
         .dividerimgfull{
         width: 100%;
         min-width: 100%;
         }
         .dividerimgfull img{
         width: 100%;
         min-height: auto;
         }
         .twsixymain{
         background-color: #ebfcff;
         }
         .dragslidermaindiv{
         padding-bottom: 2%;
         }
         .grid-container {
         background: #efefef;
         font-family: "Rubik", sans-serif;
         }
         @supports (display: grid) {
         .grid-container {
         display: grid;
         grid-template-columns: 1fr 1fr 1fr;
         grid-template-rows: auto 1fr auto;
         /* grid-template-areas: "header header header" "title title footer" "main main main";*/
         }
         @media screen and (max-width: 500px) {
         .grid-container {
         grid-template-columns: 1fr;
         grid-template-rows: 0.3fr 1fr auto 1fr;
         /*      grid-template-areas: "header" "title" "main" "footer";*/
         }
         }


         .grid-item {
         color: #fff;
         background: skyblue;
         padding: 3.5em 1em;
         font-size: 1em;
         font-weight: 700;
         }
         .maindivdrag {
         color: #959595;
         background-color: white;
         grid-area: main;
         padding: 0;
         overflow-x: hidden;
         overflow-y: hidden;
         }
         .itemsdrag {
         position: relative;
         width: 100%;
         overflow-x: scroll;
         overflow-y: hidden;
         white-space: nowrap;
         transition: all 0.2s;
         transform: scale(0.98);
         will-change: transform;
         user-select: none;
         cursor: pointer;
         }
         .itemsdrag.active {
         background: rgba(255, 255, 255, 0.3);
         cursor: grabbing;
         cursor: -webkit-grabbing;
         transform: scale(1);
         }
         .item {
         display: inline-block;
         background: #817a70;
         min-height: 250px;
         min-width: 393px;
         margin: 2em 1em;
         }
         @media screen and (max-width: 500px) {
         .item {
         min-height: 200px;
         min-width: 200px;
         width: 80% !important;
         }
         #video-wh{
            object-fit: cover !important;
            width: 100%;
            height: 725px;
         }
         .rownumm{
          padding-bottom: 12% !important;
         }

         }

         .about-number h1{
            display: flex;
          justify-content: center;
      }

      h4.modern-our-journal__title{
        padding-top: 0px !important;
      }
      .recently-viewed{
        padding-bottom: 0px !important;
      }
         
         /*finish drag slider*/
         .abtnum h6{
         color: #fff !important;
/*         padding-right: 20px;*/
         }
         .abtnum h1{
         color: #fff !important;
         }
         .numbbg{
         background: #817a70;
         padding-bottom: 2%;
         }
         .about-number{
         border-bottom: 0;
         border-right: 2px solid #fff;
         text-align: center;
         }
         .leftsidezro{
            margin-left: 0px !important;
         }
         .number-main {
         margin: 100px 0px;
         margin-top: 0px;
         }
         .bordrrigtzro{
         border-bottom: 0;
         border-right: 0;
         }
         .centerp{
         padding: 0px;
         margin-left: 20%;
         margin-right: 20%;
         text-transform: capitalize;
         }
         .rownumm div{
         padding: 0px 11px;
         }
         .rownumm{
            justify-content: center !important;
         }
         .tablepinfo{
         justify-content: center;
         display: flex;
         }
         .centtitle{
         padding: 20px 0px 20px 0px;
         }
         .progrid{
         grid-template-columns: repeat(6, 0fr);
         }
         .prwidth{
         width: 100%;
         min-width: 100%;
         }
         .flxgrid{
         display: flex;
         justify-content: center;
         }
         .indimgdiv img{
         width: 200px;
         }
         .indimgdiv p{
         font-size: 25px;
         width: 100%;
         }
         .counterleftimgh{
         display: none;
         }
         .countercount{
         width: 100%;
         }
         .collection-our-journal {
         background: #ebfcff !important;
         }
         .sbii{
         background: url(../img/search-by-in.jpg) center center no-repeat;
         padding-top: 15%;
         padding-bottom: 15%;
         }
         .sbpp{
         background: url(../img/search-by-p.jpg) center center no-repeat;
         padding-top: 15%;
         padding-bottom: 15%;
         }
         .h6whtt{
         color: #d2d2d2;
         }
         .h4whtt{
         color: #ffffff;
         }
         .pwhite{
         color: #fff;
         }
         .crimbg{
         background: #ebfcff !important;
         }
         .bg1973{
         background: url(../img/only-1979-bg.jpg) center center no-repeat;
         background-size: cover;
         }
         .bgabtimg{
         background: transparent !important;
         }
         .js-slider-item
         {
         height: 750px !important;
         }
         .mainhero button.slick-next.slick-arrow{
         display: none !important;
         }
         .mainhero button.slick-prev.slick-arrow{
         display: none !important;
         }
         .js-related-products.slick-arrow{
         border: none !important;
         }
         .header{
         z-index: 9;
         }
         .mainvdobggrc {
         background: #fff;
         padding: 0;
         margin: 0;
         }
         /*about section css*/
         .minimal-about__content{
         align-items: center;
         display: flex;
         }
         .minimal-about__container_updated {
         max-width: 490px;
         margin: 0 auto;
         text-align: center;
         }
         .icnpadd{
         padding: 0 4%;
         scale: 1.4;
         }
         /* Default style for both elements */
         .forshowmobile { display: none; }
         .forshowdesktop { display: none; }
         /* Media query for desktop view */
         @media only screen and (min-width: 768px) {
         .forshowdesktop { display: inline-block; }
         }
         /* Media query for mobile view */
         @media only screen and (max-width: 767px) {
         .forshowmobile { display: inline-block; }
         .bannervid{ 
         padding-bottom: 0.5% !important;
         background: #ebfcff;
         }
         }
         @media (max-width: 991px){
         .minimal-about__container_updated {
         max-width: 100%;
         padding: 70px 20px;
         margin: 0px;
         }
         .result-product {
         padding: 4px 11px;
         }
         .d-flex{
         display: flex !important;
        flex-wrap: wrap;
        width: 100%;
         }
         .search-popups__results{
            padding: 4%;
         }
         #searchform{
            padding: 4%;
            width: 95%;
         }
         .bg1973{
         background: url(../img/mobbgskn.jpg) center center no-repeat;
         }
         .revercemobile{
            flex-direction: column-reverse !important;
         }
         .mobileabtimgcolor{
            background: #ebfcff !important;
         }
         .floatwp{
          left: 11px !important;
         }
         }

         @media only screen and (min-width: 991px) and (max-width: 1350px) {
            .bg1973{
             background: url(../img/tab-1973.jpg) center center no-repeat !important;
             background-position-x: -128px !important;
             background-position-y: -146px !important;
            }
         }












         @media (max-width: 990px){
         /*main hero slider*/
         .collection-slider .collection-slider__item {
         background: #ebfcff !important;
         }
         /*main hero slider finish*/
         .bgabtimg{
         background: #ebfcff !important;
         }
         .aboutalighmnt{
         text-align: center !important;
         }
         .minimal-about__container_updated {
         padding: 4px 20px !important;
         }
         .minimal-about__content {
         justify-content: center;
         }
         .bottom-left-ol h4 {
         font-size: 22px !important;
         }
         .top-right-ol {
         width: 85%;
         font-size: 11px !important;
         top: 20px;
         }
         .bottom-left-ol a {
         font-size: 11px;
         }
         .about-number {
/*         border-bottom: 2px solid #fff;*/
         border-right: 0;
         }
          .divtwnty{
          width: 50% !important;
         }
         .abtnum {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
         }
         .countermobhom{
            border-right: 2px solid #fff;
         }
         /*.bordrrigtzro{
         border-bottom:0 !important;
         }*/
         .lasthidecountermob{
          display: none !important;
         }
         .mobborderbotomcounter{
         border-bottom: 0 !important;
         border-right: 0 !important;
         }
         .minimal-about__content .home-about-us__title {
         padding-top: 20px !important;
         }
         .fourpiller{
         padding-top: 20px !important;
         }
         .mobreverceone{
         flex-direction: column-reverse;
         display: flex !important;
         }
         .b-page_module-5_item:nth-child(odd) .b-page_module_image-overlay {
         transform: scale(0.S);
         left: 83%;
         top: -60%;
         }
         .b-page_module_link-text{
         font-size: 29px;
         }
         /*perelex */
         .bb-page_module-6_top-container {
         top: 21px !important;
         right: 75px !important;
         max-width: 290px !important;
         }
         .bb-page_module-6_top-container .b-page_module-text {
         font-size: 14px !important;
         }
         .bottom-left-ol {
         width: 108% !important;
         }
         .bb-page_module-6_bottom-container {
         bottom: 40% !important;
         }
         /* accordean p tag  */
         .accordion-item .accordion-content p{
            font-size: 14px !important;
          }

         }


        @media only screen and (min-width: 700px) and (max-width: 858px) {
           .collection-slider__image{
             width: 1344px !important;
           }
         }
        
         /*shivika laptop media query start*/
         @media only screen and (min-width: 991px) and (max-width: 1800px) {
         .result-product {
         padding: 0px 8px;
         width: 20%;
         min-width: 20%;
         }
         .divtwnty{
         width: 20% !important;
         }
         .abtnum h6{
         font-size: 12px;
         color: #fff !important;
         }
         .abtnum h1{
         font-size: 25px !important;
         color: #fff !important;
         }
         .dragondiv{
         width: 400px !important; 
         }
         .rangebottom{
         padding-bottom: 0px !important;
         }
         .collection-our-products__more{
         padding-bottom: 30px;
         }
         .minimal-about__container_updated {
         margin-top: 50px !important;
         }
         }
          @media only screen and (min-width: 768px) and (max-width: 1800px) {
           img.bb-page_module-6_media-content{
                height: 908px !important;
            }
         }
         /*shivika laptop media query end*/
         @media only screen and (min-width: 991px) and (max-width: 2679px) {
         .spacetitle{
         margin-top: 60% !important;
         padding-top: 10% !important;
         }
         .minimal-about__container_updated {
         margin-top: 100px;
         margin-bottom: 80px;
         }
         .aboutalighmnt{
         text-align: left !important;
         }
         /*drag slider*/
         .l-hp-slot-7 {
         padding-bottom: 8%;
         padding-top: 3%;
         }
         /*drag slider*/
         .lefttwenty{
         width: 20%;
         min-width: 20%;
         }
         .righteighty{
         width: 80%;
         min-width: 80%;
         }
         .lefttwentythirty{
         width: 29%;
         min-width: 30%;
         }
         .righteightythirty{
         width: 60%;
         min-width: 60%;
         }
         .maxwidththrty{
         max-width: 642px;
         }
         .abtnum{
         width: 100% !important;
         }
         .divtwnty{
         padding: 0px !important;
         }
         }
         /* Outer container - the padding will keep the container the correct proportions for the video */

         /*.about-number{
           animation: fadeinout 4s infinite !important;
         }
          @keyframes fadeinout
          {
            0%{
              opacity:0 !important;
            }
            50%
            {
              opacity:1 !important;
            }
            100%
            {
              opacity:0 !important;
            }
          }*/

          /* Add animation classes to the about-number elements */
            .about-number {
              opacity: 0; /* initial opacity */
              transition: opacity 0.5s; /* transition effect */
              transition-duration: 4s; /* increase animation time to 4 seconds */
            }

            .about-number.animated {
              opacity: 1; /* final opacity */
            }

            /* Add animation delay to each about-number element */
            .abtnum:nth-child(1) {
              animation-delay: 0.2s;
            }

            .abtnum:nth-child(2) {
              animation-delay: 0.4s;
            }

            .abtnum:nth-child(3) {
              animation-delay: 0.6s;
            }

            .abtnum:nth-child(4) {
              animation-delay: 0.8s;
            }



         .bannervid {
         position: relative;
         padding-bottom: 56.2%;
         width: 100%;
         overflow: hidden;
         }
         .videoembed {
         position: absolute;
         top: 0;
         /*z-index: -99; */
         width: 100%; 
         height: 100%;
         background: #333;
         }
         /* If you want to include the title... */
         .bannervid-title {
         position: absolute;
         width: 100%;
         bottom: 0;
         background: rgba(0,0,0,0.5);
         padding: 20px 40px;
         text-align: center;
         box-sizing:border-box;
         }
         .bannervid-title h1 {
         color: #fff;
         font-size: 1.2rem;
         font-family: Arial, sans-serif;
         font-weight: normal;
         }
         /* small calption - optional */
         .caption {
         font-family: Arial, sans-serif;
         font-size: 14px;
         font-style:italic;
         }