body {
       margin: 0px;
       padding: 0px;
   }

   * {
       box-sizing: border-box;
       font-family: 'kinetikalight' !important;
       font-weight: 900;
   }

   /*-------------|| galerie Css Start ||------------*/
   body {
       margin: 0px;
       padding: 0px;
       overflow: hidden;
       font-family: 'KinetikaLight' !important;
   }

   @font-face {
       font-family: 'kinetikalight';
       src: url('https://galeriereve.com/wp-content/uploads/fonts/kastelov-kinetika-light-webfont.woff2') format('woff2'),
           url('https://galeriereve.com/wp-content/uploads/fonts/kastelov-kinetika-light-webfont.woff') format('woff');
       font-weight: normal;
       font-style: normal;

   }

   .hero_section {
       animation: zoom-in-zoom-out 6s ease-in infinite;
   }

   .hero_section img {
       height: 100vh !important;
       object-fit: cover !important;
       width: 100%;
   }

   .galerie_home {
       display: grid;
       grid-template-columns: repeat(5, 1fr);
       grid-gap: 5px;
   }

   .bg_white {
       background-color: #fff
   }

   .home_box img {
       max-width: 100%;
       display: block;
       width: 100%;
       object-fit: cover;
   }

   .galerie_sec {
       height: 100vh;
       overflow: hidden;
   }

   .home_box {
       position: relative;
       top: 0px;
       transition: all 20s;
       height: max-content;
       display: grid;
       grid-gap: 5px;
   }

   .galerie_grid {
       position: relative;
       left: 0px;
       transition: left 1s;
   }

   .home_tab h4 {
       font-family: sans-serif;
       font-size: 14px;
       margin: 0px;
       font-weight: 700;
       color: #000;
   }

   .home_tab {
       width: 45px;
       background: #fff;
       height: 100vh;
       z-index: 99;
       position: relative;
       display: flex;
       justify-content: center;
       align-items: baseline;
       border-right: 1px solid rgba(0, 0, 0, 0.7);
       /* border-left: 1px solid rgba(0, 0, 0, 0.7); */
       box-shadow: none !important;
   }

   .home_tab .box_roted {
       transform: rotate(90deg);
       position: absolute;
       top: 150px;
       height: fit-content;
       width: 245px;
   }

   .galerie_grid {
       display: grid;
       grid-template-columns: 45px auto;
       position: absolute;
   }

   .box_roted {
       display: flex;
       align-items: center;
       grid-gap: 15px;
   }

   .box_roted img {
       max-width: 16px !important;
   }

   .box_roted span {
       transform: rotate(180deg);
       cursor: pointer;
       transition: all 0.3s;
   }

   .home_tab {
       cursor: pointer;
       transition: all 0.5s;
   }

   .galerie_sec {
       display: flex;
   }

   .galerie_sec * {
       font-family: sans-serif;
   }

   .galerie_grid {
       width: 45px;
       transition: all 2.0s;
   }

   .galerie_sec .galerie_grid {
       width: calc(100% - 136px);
   }

   .galerie_sec .galerie_grid:last-child {
       transform: translatex(179px);
   }

   .galerie_sec .galerie_grid:nth-last-child(2) {
       transform: translatex(135px);
   }

   .galerie_sec .galerie_grid:nth-last-child(3) {
       transform: translatex(89px);
   }

   .galerie_sec .galerie_grid:nth-last-child(4) {
       transform: translatex(44px);
   }

   .about_sec {
       background-color: #FAFCE7;
       display: grid;
       align-items: center;
       height: 100vh;
   }

   .about_box {
       max-width: 1140px;
       margin: 0 auto;
       width: 100%;
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       grid-gap: 40px;
       align-items: center;
   }

   .galerie_sec .galerie_grid.slide1:nth-last-child(2) {
       left: -1px !important;
   }

   .galerie_sec .galerie_grid.slide1:nth-last-child(3) {
       left: 0px !important;
   }

   .galerie_sec .galerie_grid.slide1:nth-last-child(4) {
       left: 0px !important;
   }

   .about_content h2 {
       margin: 0px;
       text-align: center;
       font-size: 53px;
       font-weight: 300;
       letter-spacing: 2px;
       margin-bottom: 50px !important;
       line-height: 55px !important;
   }

   .about_content p {
       margin: 20px 0px 0px;
       font-size: 16px;
       text-align: center;
   }

   .about_img img {
       max-height: 80vh;
       width: 100%;
       object-fit: cover;
   }

   .ptb_50 {
       padding: 50px 15px;
   }

   .gallery_sec {
       padding-top: 12vh;
       height: 100vh;
   }

   .about_content h2 {
       margin-bottom: 12vh;
   }

   .galerie_sec .galerie_grid.active:first-child {
       left: 0px !important;
   }

   body .galerie_sec .galerie_grid.slide1+.galerie_grid.active {
       left: 0px !important;
   }

   .acc-container {
       width: 100%;
       margin: 0px auto;
   }

   .acc {
       margin-bottom: 10px;
   }

   .acc-head {
       padding: 8px 10px;
       font-size: 18px;
       position: relative;
       cursor: pointer;
       border-top: 1px solid #9EB3AE;
       border-bottom: 1px solid #9EB3AE;
       display: flex;
       justify-content: space-between;
       align-items: center;
   }

   .acc-head img {
       max-width: 16px !important;
   }

   .acc-head p {
       color: #000;
       font-size: 16px;
       margin: 0px;
   }

   .acc-content {
       padding: 15px 0px;
       display: none;
   }

   .acc-head span {
       transform: rotate(-90deg);
       transition: all 0.3s;
   }

   .acc-head.active span {
       transform: rotate(0deg);
   }

   .accordian_grid img {
       max-width: 100%;
       display: block;
       width: calc(100%/4 - 7.5px);
       object-fit: cover;
   }

   .accordian_grid {
       display: flex;
       grid-gap: 0px;
       max-height: 45vh;
       overflow: auto;
       flex-flow: wrap;
       margin: 0px -10px;
   }

   .accordian_grid::-webkit-scrollbar {
       width: 0px;
   }

   .home_tab.d_none {
       display: none;
   }

   .galerie_grid.d_block {
       grid-template-columns: auto;
   }

   .galerie_sec .galerie_grid {
       height: 100vh;
   }

   .galerie_grid a .home_tab {
       display: flex !important;
       color: #000;
       text-decoration: none;
   }

   .galerie_grid a {
       background-color: #fff;
       width: 100%;
   }

   .galerie_grid a .home_tab {
       pointer-events: none;
   }

   /* modal */
   /* The Modal (background) */
   .custom-modal {
       display: none;
       /* Hidden by default */
       position: fixed;
       /* Stay in place */
       z-index: 1;
       /* Sit on top */
       left: 0;
       top: 0;
       /* width: 100%; */
       /* Full width */
       /* height: 100%; */
       /* Full height */
       overflow: auto;
       /* Enable scroll if needed */
       /* background-color: rgb(0, 0, 0); */
       /* Fallback color */
       /* background-color: rgba(0, 0, 0, 0.4); */
       /* Black w/ opacity */
   }

   /* Modal Content/Box */
   /* .custom-modal-content {
       position: relative;
       background-color: #fefefe;
       margin: 30px auto;
       padding: 15px;
       border: 1px solid #888;
       width: 90%;
       box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
       animation-name: animatetop;
       animation-duration: 0.4s;
       max-width: 650px;
   } */
   .custom-modal {
       display: none;
       position: absolute;
       z-index: 1;
       left: 50%;
       top: 50%;
       /* width: 96%;
       height: 78%;
       overflow: auto; */
       /* background-color: rgb(0,0,0); */
       /* background-color: rgba(0,0,0,0.4); */
       /* background-color: #fefefe;
       max-width: 850px; */
       transform: translate(-50%, -50%);
   }

   .modal_overlay {
       position: fixed;
       z-index: 4;
       /* left: 45px; */
       top: 0;
       width: calc(100% + 1400px);
       height: 100%;
       background-color: rgba(0, 0, 0, 0.4);
       display: none;
   }

   .custom-modal-header {
       position: absolute;
   }

   .custom-modal-header h2 {
       font-size: 30px;
       padding: 0;
       margin: 10px 0;
   }

   /* The Close Button */
   .custom-modal-close {
       color: #000;
       float: right;
       font-size: 38px;
       font-weight: bold;
       position: absolute;
       top: 4px;
       right: 21px;
       line-height: 1;
       z-index: 999;
   }

   .custom-modal-close:hover,
   .custom-modal-close:focus {
       color: black;
       text-decoration: none;
       cursor: pointer;
   }

   .modal-product-image-div {
       /*    padding: 0 15px;*/
   }

   .modal-product-image {
       width: 100%;
   }

   .modal-product-desc {
       margin: 10px 0;
   }

   .galerie_home {
       overflow-y: scroll;
   }

   /* .about_box-before {
    transform: scale(0);
    transition: 0.8s;
} */

   .about_box {
       transform: scale(0.5);
       transition: 1.5s;
   }

   .gallery_box {
       transition: 1.5s;
       transform: translateY(400px);
   }

   .home_tab.d_none~.about_sec .about_box {
       transform: scale(1);
   }

   .home_tab.d_none~.gallery_sec .gallery_box {
       transform: translateY(0px);
   }

   .accordian_grid {
       max-height: inherit !important;
   }

   .gallery_acordian {
       max-height: calc(100vh - 215px) !important;
       overflow-x: auto;
       margin-top: 60px !important
   }

   .gallery_acordian::-webkit-scrollbar,
   .gallery_section::-webkit-scrollbar {
       width: 0px;
   }

   .gallery_sec_top {
       padding-top: 20px;
   }

   .gallery_sec_top .about_content h2 {
       margin-bottom: 20px;
   }

   .gallary-product-cols {
       width: 25% !important;
       padding: 5px;
   }

   .gallery_acordian,
   .gallery_sec,
   .about_content {
       transition: transform 0.5s;
       -webkit-transition: transform 0.5s;
       -moz-transition: transform 0.5s;
       -o-transition: transform 0.5s;
       transition: all 0.5s linear;
   }

   /* .gallery_sec_top .gallery_acordian {
		max-height: calc(100vh - 145px) !important;
} */

   .gallery_sec_top .about_content {
       transform: scale(0.7);
   }

   /* .product-scroll{
 overflow-y:scroll !important;
} */

   /* body .accordian_grid a {
    display: contents !important;
} */

   .flip-card {
       background-color: transparent;
       width: 100%;
       height: 300px;
   }

   .flip-card-inner {
       position: relative;
       width: 100%;
       /* height: 300px; */
       text-align: center;
       transition: transform 0.6s;
       transform-style: preserve-3d;
   }

   .flip-card:hover .flip-card-inner {
       transform: rotateY(180deg);
       /* 	background-color:#ccc; */
   }

   .flip-card-front,
   .flip-card-back {
       position: absolute;
       /* width: 100%;
       height: 100%; */
       -webkit-backface-visibility: hidden;
       backface-visibility: hidden;
       width: 100%;
       height: 300px;
   }

   .flip-card-front {
       color: black;
   }

   .flip-card-back {
       color: #000;
       transform: rotateY(180deg);
   }

   .flip-card-front img {
       width: 100% !important;
       height: 100% !important;
       object-fit: cover;
       box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
   }

   .gallary-product-description p {
       font-size: 18px;
       overflow: hidden;
       -webkit-line-clamp: 2;
       text-overflow: ellipsis;
       white-space: nowrap;
       -webkit-box-orient: vertical;
   }

   .gallary-product-description h5 {
       padding-left: 5px !important;
       margin: 14px 0px 20px !important;
   }

   .gallary-product-description p {
       padding-left: 5px !important;
   }

   /* .home-popup {
       max-width: 1103px;
       width: 1000px;
   } */

   /* .popup-col {
       display: flex;
       align-items: center;
       justify-content: center;
       height: 100%;
   } */

   .popup-col .modal-product-image-div {
       height: 700px;
   }

   .popup-col .modal-product-image-div a img {
       height: 100% !important;
       object-fit: contain !important;
       width: 100% !important;
       padding: 40px 0px;
   }

   .custom-modal {
       z-index: 99 !important;
       border-radius: 25px !important;
   }

   .flip-card-back {
       margin: 0px !important;
       /*     padding: 10px !important; */
       text-align: initial !important;
   }

   .proucts-img-row {
       display: contents !important;
   }

   .flip-card-back .galerie_back_image {
       object-fit: cover !important;
       width: 100%;
       height: 100%;
       box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
   }

   a:not(.ab-item):not(.screen-reader-shortcut):active {
       outline: none !important;
   }

   .acc-head.active {
       position: sticky;
       top: 0;
       z-index: 5;
       background: #fff;
   }

   .acc:nth-child(2) .acc-head.active {
       border-top: 2px solid #9EB3AE;
   }

   .popup-col .modal-product-image-div {
       height: 700px;
       width: 700px;
       background-color: #fff;
       overflow: hidden;
       position: relative;
   }

   /*-------------|| galerie Css End ||------------*/
   /*-------------|| reponsive Css start ||------------*/
   @media (min-width: 1680px) {
       .accordian_grid {
           max-height: 64vh;
       }
   }

   @media (max-width: 786px) {
       .gallary-product-cols {
           width: 50% !important;
       }

       /* .popup-col .modal-product-image-div {
           height: 443px !important;
       }

       .custom-modal {
           max-width: 521px !important;
           height: 55% !important;
       } */
   }

   @media (min-width: 786px) and (max-width: 991px) {

       .flip-card-front,
       .flip-card-back {
           height: 150px !important;
       }

       .flip-card {
           height: 150px !important;
       }
   }

   @media (max-width: 475px) {
       .accordian_grid img {
           display: block;
           height: 100%;
           object-fit: cover;
       }

       .accordian_grid {
           display: grid;
           grid-template-columns: repeat(2, 1fr);
       }

       .accordian_grid img {
           max-width: 100%;
           display: block;
           width: 100%;
       }

       body .gallary-product-cols {
           width: 100% !important
       }

       .flip-card {
           height: 150px;
       }

       .flip-card-inner {
           height: 150px !important
       }

       .gallary-product-cols .flip-card-back p {
           font-size: 12px !important;
           text-overflow: ellipsis;
           overflow: hidden;
           white-space: normal;
           display: -webkit-box;
           -webkit-line-clamp: 6;
           -webkit-box-orient: vertical;
       }

       .about_content h2 {
           line-height: 40px !important;
       }

       div.gallery_box .about_content span {
           font-size: 16px !important;
       }

       .gallary-product-description h5 {
           font-size: 13px !important;
       }

       .flip-card-front,
       .flip-card-back {
           height: 150px !important;
       }

       /* body .flip-card {
           height: 170px !important;
       } */

       /* body .flip-card-inner {
           height: 175px !important;
       } */

       .gallary-product-cols {
           padding: 5px !important;
       }

       body .about_img {
           height: 481px !important;
           width: 321px !important;
       }

       .gallery_acordian {
           margin-top: 24px !important;
       }

       .about_content h2 {
           margin-bottom: 22px !important;
       }

       body .about_content h2 {
           font-size: 34px !important
       }

       .gallery_acordian {
           max-height: calc(100vh - 319px) !important;
       }

       .gallary-product-description h5 {
           margin: 7px 0px 20px !important;
       }

   }

   @media(max-width:575px) {
       /* body .popup-col .modal-product-image-div {
           height: 330px !important;
       }

       body .custom-modal {
           height: 42% !important;
       } */

       body .popup-col .modal-product-image-div {
           height: 400px !important;
           width: 340px !important;
       }
   }


   @media(min-width:991px) {
       .galerie_grid.active.d_block:last-child {
           grid-template-columns: 45px auto !important;
       }

       .galerie_grid.active.d_block:last-child .home_tab.d_none {
           display: flex;
       }

       .galerie_grid.active.d_block:last-child~.galerie_grid,
       .galerie_grid.active.d_block:last-child .box_roted h4 {
           opacity: 0;
       }

       .galerie_grid.active.d_block:last-child .galerie_home {
           transform: scalex(1.12) translatex(5%);
       }

       .galerie_grid {
           opacity: 0;
       }

       .galerie_grid.active.d_block,
       .galerie_grid.slide1,
       .galerie_grid.d_block {
           opacity: 1;
       }

       .galerie_sec .galerie_grid.active:last-child {
           transform: translatex(0);
       }

       .galerie_grid.d_block~.galerie_grid {
           opacity: 1;
           border-left: 1px solid #000;
       }

       /* .gallary-product-cols {
           width: 50% !important;
       } */
   }

   @media(max-width:991px) {
       .galerie_grid {
           grid-template-columns: repeat(1, 1fr) !important;
           position: unset;
       }

       .galerie_sec .galerie_grid:last-child {
           transform: translate(0, 0px);
       }

       .galerie_sec .galerie_grid:nth-last-child(2) {
           transform: translate(0px, 0px);
       }

       .galerie_sec .galerie_grid:nth-last-child(3) {
           transform: translate(0px, 0px);
       }

       .galerie_sec .galerie_grid:nth-last-child(4) {
           transform: translate(0px, 0px);
       }

       .galerie_sec .galerie_grid {
           width: calc(100% - 0px);
       }

       .home_tab {
           width: 100%;
           height: 45px;
           align-items: center;
           border-right: unset;
           border-left: unset;
           padding: 0px 15px;
           border-top: 1px solid rgba(0, 0, 0, 0.7);
           border-bottom: 1px solid rgba(0, 0, 0, 0.7);
       }

       .home_tab .box_roted {
           transform: rotate(0deg);
           position: unset;
           height: fit-content;
           width: 100%;
           justify-content: space-between;
       }

       .box_roted span:first-child {
           order: 2;
       }

       .galerie_grid {
           position: unset;
       }

       .home_tab {
           position: fixed !important;
           top: 0px;
       }

       .galerie_sec {
           display: block;
       }

       .galerie_grid {
           max-height: 45px;
           overflow: hidden;
           min-height: 45px !important;
       }

       .galerie_grid.d_block {
           height: calc(100vh - 135px);
           max-height: calc(100vh - 135px);
       }

       .galerie_grid.d_block:last-child .home_tab+div {
           height: 100% !important;
       }

       .about_box {
           grid-template-columns: repeat(1, 1fr);
       }

       .about_img img {
           max-height: 100%;
       }

       .about_img {
           height: 31vh;
           margin: 0px auto;
       }

       .about_sec {
           overflow: auto !important;
           height: 100% !important;
           padding: 83px 20px !important;
       }

   }

   @media(max-width: 991px) {
       .about_content h2 {
           font-size: 46px !important;
           letter-spacing: 1px;
           margin-bottom: 20px;
       }

       .ptb_50 {
           padding: 25px 15px !important;
       }


       .about_content p {
           margin: 10px 0px 0px !important;
       }

       .about_box {
           grid-gap: 20px !important;
       }

       .acc-head p {
           font-size: 14px;
       }

       .about_sec {
           overflow: auto !important;
           height: 100% !important;
           padding: 83px 20px !important;
       }

       .galerie_grid.d_block {
           height: calc(100vh - 134px);
       }

       .home_tab.d_none {
           /* display: block !important; */
           padding-top: 10px !important;
       }

       .responsive-size {
           display: none !important;
       }

       .galerie_home {
           grid-template-columns: repeat(2, 1fr) !important;
       }

       .about_img {
           margin: 0px auto !important;
           height: 550px !important;
           width: 380px !important;
       }

       /* .gallary-product-cols {
           width: 50% !important;
       } */

   }

   @media(max-width: 1440px) {
       /* .popup-col .modal-product-image-div {
           height: 510px !important;
       }

       .home-popup {
           max-width: 1103px !important;
           width: 640px !important;
       } */

       .popup-col .modal-product-image-div {
           height: 550px !important;
           width: 550px !important;
       }

       .about_box {
           max-width: 1000px !important;
       }

       .about_img {
           /* 		height: 650px !important; */
           width: 430px !important;
       }

       .about_img img {
           height: 100% !important
       }

       /* .flip-card-inner {
           height: 255px !important;
       } */

       /* .flip-card {
           height: 221px !important;
       } */

       .flip-card-back p {
           font-size: 15px !important;
           padding: 10px !important;
           margin: 0px !important;
       }

       /* .custom-modal {
           max-width: 655px !important;
           height: 72% !important;
       } */
   }

   @keyframes zoom-in-zoom-out {
       0% {
           transform: scale(1, 1);
       }

       100% {
           transform: scale(1.1, 1.1);
       }
   }

   /*-------------|| reponsive Css end ||------------*/