/* Home Page css */

/* Top Banner */

.topBanner-wrapper {
   min-height: 100vh;
   display: flex;
   align-items: center;
   position: relative;
   overflow: hidden;
   padding-top: 100px;
}

.banner-details h6 {
   font-size: 24px;
   margin: 0 0 15px;
}
.krt-logo-im {
   width: 150px;
   padding-bottom: 15px;
}
.banner-details h1 {
   font-size: 50px;
   margin: 0 0 30px;
}
.ThemeBtn i {
   color: #c9b464!important;
   text-decoration: none!important;
}
a {
   
   text-decoration: none!important;
}
.ScrollDown {
   display: flex;
   align-items: center;
   gap: 5px;
   position: absolute;
   right: 30px;
   bottom: 20px;
   writing-mode: tb;
   color: var(--clr-primary);
}
.form-control {
    border-radius: 30px!important;
    transition: all 0.3s ease-in-out;
    min-height: 50px;
    padding: 5px 20px;
    background: #f5f5f5;
    border: 0;
}
.ScrollDown p {
   margin: 0;
   text-transform: uppercase;
   font-size: 14px;
}
.topBanner-wrapper {
   position: relative;
   overflow: hidden;
}

.background-video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   z-index: -1;
}
.banner-details {
   color: #fff;
   filter: drop-shadow(2px 4px 6px black);
}
.ScrollDown i {
   font-size: 18px;
}

/* Top Banner end */

/* about */

.about-wrapper {
   position: relative;
}

.about-details {
   padding: 50px;
}

.about-imgBox {
   padding: 20px;
   position: relative;
   text-align: center;
}

.about-imgBox .product-device {
   width: 100%;
   max-width: 250px;
   margin: auto;
}

.about-arrow-indicator li {
   position: absolute;
   top: 30px;
   left: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.about-arrow-indicator li img {
   width: 40px;
}

.about-arrow-indicator li:nth-child(2) {
   top: 0;
   left: auto;
   right: 0;
}

.about-arrow-indicator li:nth-child(3) {
   top: auto;
   bottom: 0;
}

.about-arrow-indicator li:nth-child(4) {
   left: auto;
   top: auto;
   bottom: 30px;
   right: 0;
}

/* Product slider  */

.aboutProducts-details {
   display: flex;
   align-items: end;
   justify-content: space-between;
}

.ProductSwiper {
   position: relative;
}

.ArrowControl {
   display: flex;
   gap: 20px;
   position: absolute;
   width: calc(100% + 100px);
   justify-content: space-between;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.ArrowControl .button-prev {
   transform: rotate(180deg);
}

.ArrowControl .button-prev i {
   transform: rotate(180deg);
}

.button-prev.swiper-button-disabled,
.button-next.swiper-button-disabled {
   opacity: 0.5;
   pointer-events: none;
}

.ProductSwiper .swiper.mySwiper {
   width: 100%;
}

.productCard {
   padding: 50px 25px 25px;
   background: #f5f5f5;
   border-radius: 15px;
}

.ProductImg {
   margin-bottom: 30px;
   padding-bottom: 30px;
   position: relative;
}

.ProductImg:after {
   content: '';
   width: 100%;
   height: 10px;
   left: 0;
   bottom: 0;
   display: block;
   border-radius: 100%;
   position: absolute;
   filter: blur(8px);
   background: radial-gradient(circle, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
   opacity: 0.5;
}

.ProductImg img {
   width: 100%;
   aspect-ratio: 1;
   object-fit: contain;
}

.productDetails {
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
}

.productDetails h6 {
   margin: 0;
   font-size: 16px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   font-weight: normal;
}

/* video wrapper */

.video-wrapper {
   position: relative;
   padding-bottom: 0;
}

.video-wrapper:after {
   content: '';
   position: absolute;
   width: 70%;
   height: calc(100% - 80px);
   left: 0;
   top: 0;
   /* background: var(--clr-gradient); */
   z-index: -1;
   border-radius: 0 100px 20px 0;
}

.video-wrapper .dot-img1 {
   right: auto;
   left: 20px;
   top: 50px;
}

.video-contentDetails {
   position: relative;
   display: flex;
   height: 100%;
   align-items: center;
}

.video-contentDetails .placeholder-img {
   position: absolute;
   top: 0;
   width: 200px;
   right: 100px;
   opacity: 0.1;
}

.videoBlock {
   width: 100%;
   max-width: 400px;
   /* height: 550px; */
   margin: auto;
   border-radius: 20px;
   line-height: 0;
   overflow: hidden;
   position: relative;
}

@media (min-width: 1400px) {
   .videoBlock {
      max-width: 450px;
      /* height: 650px; */
   }
}

.videoBlock:after {
   content: '';
   position: absolute;
   width: 100%;
   background: var(--clr-dark);
   opacity: 0.25;
   left: 0;
   top: 0;
}

.videoBlock video {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.playButton {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   border: 0;
   width: 60px;
   height: 60px;
   border-radius: 100%;
   outline: none;
   background: linear-gradient(145deg, rgba(90, 75, 47, 1) 0%, rgba(16, 12, 4, 1) 100%);
   z-index: 2;
   transition: all 0.3s ease-in-out;
   opacity: 0;
}

.playButton i {
   font-size: 34px;
   color: var(--clr-white);
}

.videoBlock:hover .playButton {
   opacity: 1;
}

/* Insta Feed */

.instaFeed {
   text-align: center;
}

.instaFeed .eapps-instagram-feed-title {
   display: none !important;
}

.instaFeed .eapps-instagram-feed-posts-grid-load-more-container.eapps-instagram-feed-posts-grid-load-more-enabled {
   display: none !important;
}

/* media logos */

.mediaTitle {
   text-align: center;
   display: flex;
   justify-content: center;
   gap: 20px;
   white-space: nowrap;
   align-items: center;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-weight: normal;
   color: var(--clr-primary);
   margin: 0 0 50px;
}

.mediaTitle:before {
   content: '';
   width: 100%;
   height: 1px;
   background: var(--clr-btn-gradient);
   transform: rotate(180deg);
}

.mediaTitle:after {
   content: '';
   width: 100%;
   height: 1px;
   background: var(--clr-btn-gradient);
}

.mediaLogos-container {
   position: relative;
   padding: 0 15px;
   display: flex;
   align-items: center;
   gap: 135px;
   width: max-content;
}

.mediaLogos {
   display: flex;
   align-items: center;
   gap: 135px;
   animation: logoloop 30s linear infinite;
   animation-play-state: running;
}

@keyframes logoloop {
   0% {
      transform: translateX(0%);
   }

   100% {
      transform: translateX(-100%);
   }
}

/* media logos end */


/* welcome Modal  */

#WelcomeModal {
   background: rgb(0 0 0 / 50%);
   backdrop-filter: blur(15px);
}

#WelcomeModal .modal-content {
   background: #9c83486b;
   border: 0;
}

#WelcomeModal .modal-content .modal-body {
   padding: 50px;
   text-align: center;
}

.welcome-modalDetails {
   color: var(--clr-white);
}

.welcome-modalDetails .brandLogo img {
   width: 150px;
   background: #fff;
   filter: drop-shadow(0 4px 10px rgb(0 0 0 / 30%));
}

.welcome-modalDetails .brandLogo {
   margin: 0 0 20px;
}

.welcome-modalDetails h2 {
   font-size: 40px;
   font-weight: bold;
   text-transform: uppercase;
   margin: 0 0 15px;
}

.welcome-modalDetails h5 {
   font-size: 18px;
   margin: 0 0 15px;
}

.welcome-modalDetails h6 {
   margin-bottom: 20px;
   font-size: 16px;
   font-weight: normal;
}

.welcome-modalDetails .btn-row {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 30px;
}

.welcome-modalDetails .btn-row .ThemeBtn {
   background: var(--clr-white);
   color: var(--clr-primary);
   min-width: 100px;
}

/* welcome Modal end*/


/* Contact Page */

.contact-wrapper {
   min-height: 100vh;
   display: flex;
   align-items: center;
   padding-top: 120px;
   padding-bottom: 30px;
   overflow: hidden;
}

.contactInfo {
   padding: 70px 50px 40px;
   position: relative;
}

.contactInfo:after {
   content: '';
   position: absolute;
   width: calc(100% - 100px);
   height: 100%;
   background: #ebebeb;
   top: 0;
   right: 0;
   z-index: -1;
   box-shadow: 0 5px 0 var(--clr-primary);
   border-radius: 80px 10px;
}

.contactInfo h1 {
   font-size: 54px;
   font-weight: bold;
   margin: 0 0 50px;
   position: relative;
   width: fit-content;
}

.contactInfo p {
   font-size: 18px;
   margin-left: 100px;
   margin-bottom: 30px;
}

.contactInfo span {
   display: block;
   font-size: 14px;
   margin-left: 100px;
}

.contactInfo h1:after {
   content: '';
   position: absolute;
   width: 80px;
   bottom: -6px;
   right: -18px;
   height: 50px;
   background: rgb(201 180 100 / 50%);
}

.contactInfo .square-box {
   width: 30px;
   height: 30px;
   margin: 0;
   border: 1px solid var(--clr-dark);
   position: absolute;
   right: 0px;
   top: 50px;
   transform: rotate(45deg);
}

.contactInfo .square-box:after {
   content: '';
   position: absolute;
   width: calc(100% + 5px);
   height: calc(100% + 5px);
   background: rgb(201 180 100 / 50%);
   top: -10px;
   left: 5px;
}

.callBox {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   background: var(--clr-white);
   padding: 16px;
   box-shadow: 0 5px 15px rgb(0 0 0 / 15%);
   position: absolute;
   left: 70px;
   bottom: 130px;
}

.callBox img {
   width: 24px;
}

.contactForm-info {
   height: 100%;
   padding: 37px 40px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.contactForm-info .form-control {
   border-radius: 10px;
   padding: 10px 20px;
   background: #f5f5f5 !important;
}

.contactForm-info h2 {
   font-size: 24px;
   margin: 0 0 20px;
}

.submit-btn {
   margin-top: 20px;
}

.social-contact {
   display: flex;
   align-items: center;
   margin-left: 100px;
   margin-top: 30px;
   justify-content: space-between;
}

.social-contact ul {
   display: flex;
   align-items: center;
   gap: 15px;
}

.social-contact ul li a {
   display: flex;
   align-items: center;
   justify-content: center;
   background: var(--clr-white);
   width: 40px;
   height: 40px;
   border-radius: 5px;
   box-shadow: 0 5px 15px rgb(0 0 0 / 20%);
}

.social-contact ul li a img {
   width: 24px;
}

.social-contact h6 {
   max-width: 50%;
   margin: 0;
   font-size: 14px;
}

.social-contact ul li a:hover {
   background: var(--clr-primary);
}

/* Contact Page end */

/* Product Page */

.product-wrapper {
   min-height: 100vh;
   display: flex;
   align-items: center;
   padding: 120px 0 30px;
   overflow: hidden;
}

.Product-bannerInfo {
   padding-right: 100px;
}

.Product-bannerInfo h6 {
   font-size: 36px;
   font-weight: normal;
}

.Product-bannerInfo h1 {
   font-size: 54px;
   font-weight: bold;
   margin: 0 0 20px;
}

.product-indicator {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.product-indicator span {
   display: inline-block;
   width: 50px;
   height: 2px;
   background: var(--clr-btn-gradient);
}

.product-indicator h6 {
   max-width: 140px;
   font-size: 14px;
   line-height: normal;
}

.product-indicator h6 img {
   width: 10px;
   margin-left: 5px;
}

/* slider */

.product-ThumbInfo {
   max-width: 450px;
   margin: auto;
}

.horizontal-productSlider {
   height: 400px;
}

.horizontal-productSlider .swiper {
   width: 100%;
   height: 100%;
}

.horizontal-productSlider .swiper-slide {
   text-align: center;
   font-size: 18px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.horizontal-productSlider .productItem {
   display: flex;
   justify-content: center;
   width: 100%;
   height: 100%;
   padding: 10px;
}

.horizontal-productSlider .productItem img {
   object-fit: contain;
}

.product-nav {
   position: absolute;
   top: 50%;
   right: 10px;
   display: flex;
   flex-direction: column;
   gap: 20px;
   z-index: 1;
}

.product-nav .icon-btn {
   background: transparent;
   box-shadow: none;
}

.product-nav .icon-btn i {
   margin: 0;
}

.product-nav .icon-btn:hover i {
   margin-bottom: -10px;
}

.product-nav .button-prev i {
   margin: 0;
}

.product-nav .button-prev:hover i {
   margin: 0;
   margin-top: -10px;
}

.arrow-text-link {
   display: inline-flex;
   align-items: center;
   gap: 10px;
}

.Product-bannerInfo .ThemeBtn {
   font-size: 14px;
   letter-spacing: 0;
   text-transform: capitalize;
}

.contact-img {
   position: relative;
   display: inline-block;
}
.contact-img img {
   display: block;
   width: 100%;
   height: auto;
   filter: brightness(0.6);
}
.contact-img .centered-text {
   position: absolute;
   top: 55%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: white;
   font-size: 35px;
   font-weight: bold;
   text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.disposables-krt {
   position: relative;
   display: inline-block; /* Adjust as needed */
}

.disposables-krt img {
   display: block;
   filter: brightness(0.4);
}


.centered-text h2 {
   text-align: center;
   font-size: 27px;
}
.centered-text p {
   text-align: center;
   font-size: 17px;
   padding-bottom: 40px;
}
.ProductContainer-krt img {
   width: 65%;
}
.brandLogo2 img {
   width: 130px;
   padding: 16px 0px;
}