@charset "UTF-8";
/*  UIAM - 02031998 */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

@import url("aos.css");
@import url("swiper-bundle.min.css");
@import url("glightbox.min.css");
@import url("custom.css");
@import url("component.css");
@import url("header.css");
@import url("footer.css");
@import url("mobile-menu.css");

* { padding: 0; margin: 0; box-sizing: border-box; font-family: var(--font-roboto); }
main{background-color: var(--color-white);}
.text-danger{color: red;font: var(--font-13);}


.container {
    max-width: min(1405px, 73.1770833vw);
    padding-inline: 1.5rem 1.5rem;
}


@media(max-width:767px){
   .container {max-width: 100%;} 
}
/* .container{max-width:min(1435px,74.7395833vw);padding-left:1.5rem;padding-right:1.5rem;} */

.full-container{width: 100%; max-width: var(--max-width2600);padding-inline: 2.6rem; margin-inline: auto;}


/*
@media(min-width:2100px){
    .container{max-width:1530px;padding-left:1.5rem;padding-right:1.5rem;}
} */
/* @media(min-width:2500px){
     .container{max-width:1810px;padding-left:1.5rem;padding-right:1.5rem;}
} */
::after,
::before { box-sizing: border-box; }
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video { display: block; max-width: 100%; width: 100%; }
body { margin: 0; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent;scroll-behavior: unset !important;}

p{font:var(--font-15);font-weight:var(--fw-300);color:var(--color-black);margin-bottom:3rem;}
li{list-style:none;font:var(--font-15); font-weight:var(--fw-300);line-height:unset;color:var(--color-black);}



p:last-of-type{margin-bottom: 0;}
@media(max-width:1550px){
    p {margin-bottom: 2rem; }
}
a:not([href=""]):not([href]):not([href="#"]) {
  cursor: pointer;
}


p:empty{display:none !important;}
a{text-decoration:none;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;z-index: +1;}
button{cursor: pointer; transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
figure{margin-bottom:0;}
.site_main{position:relative;}
section{max-width:var(--max-width2600); margin-inline: auto;}


h1{font:var(--font-72);color:var(--color-1e)}
h2{font:var(--font-48);color:var(--color-1e);}
h3{font:var(--font-30);color:var(--color-1e);}
h4{font:var(--font-26);color:var(--color-1e);}
h5{font:var(--font-21);color:var(--color-1e);}
h6{font:var(--font-18);color:var(--color-black);}
blockquote{margin: 0;}

.title100{font:var(--font-100);color:var(--color-1e);letter-spacing:-0.7rem;}
.title60{font:var(--font-60);color:var(--color-1e);}
.title48{font:var(--font-48);font-weight: 300; color:var(--color-1e);line-height: 1.2086;}
.title36{font:var(--font-36);font-weight: 500; color:var(--color-1e);}
.title30{font:var(--font-30);font-weight: var(--fw-400); color:var(--color-1e);}
.title26{font:var(--font-26);color:var(--color-1e);letter-spacing:0.26rem; text-transform: uppercase;}
.title18{font:var(--font-18);color:var(--color-black);font-weight: var(--fw-500);text-transform: uppercase;}
.material_bx p{ line-height: 1.3;}


.title28{font:var(--font-28px);font-weight:500;color:var(--color-black);letter-spacing:var(--letter-spacing-0-003);margin-bottom:var(--margin-16);;}
.title14{font:var(--font-14px);color:var(--color-6a);font-weight: 400;text-transform: uppercase;letter-spacing: var(--letter-spacing-0-1); margin-bottom: var(--margin-4);}

@media(max-width:767px){
    .title100 {letter-spacing:-0.4rem;font: var(--font-60);font-weight: 900;}
    .title26{font: normal normal normal 1.8rem/1.33 var(--font-roboto);color:var(--color-black);letter-spacing:0.27rem;}
}
.sec_title>h5{font: var(--font-21);font-weight: 600;color: var(--color-03); letter-spacing: 2.1px;}
/* .sec_title>h2{font-weight: 200;color: var(--color-21);} */

 .desktop_image{display: none;}
 .mobile_image{display: none;}
@media(max-width:767px){
    .mobile_image{display: block;}
}
@media(min-width:767px){
    .desktop_image{display: block;}
}

.notify_btn{position:absolute;bottom:3rem;right:4rem;max-width: 28.7rem;z-index:1;}
.notify_btn>a{display:inline-flex;align-items:center;gap:3rem;font:var(--font-21);font-weight: var(--fw-400); letter-spacing:2.1px;text-transform:uppercase;color:var(--color-white);padding:1.2rem 2.4rem 1.2rem 1.9rem;background:var(--color-f8);background:rgba(248,152,35,0.76);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}
.notify_btn>a>img{ width: 2.9rem; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.notice_open.active>img{rotate: 180deg;}
.notice_open:hover{background: var(--color-f8);}
.notice_open.active{background: var(--color-f8);}
.notify_panel{height: 25rem;display: none; padding-bottom: 3rem;}
.notify_swiper.swiper{width: 100%;height: 100%;}
.notify_swiper .swiper-slide{position:relative;background-color:rgb(3 103 153 / 78%);padding:1rem 2rem;}
.notify_swiper .swiper-slide>p{font: var(--font-14); margin-bottom: 0;color: var(--color-white);}
.notify_swiper .swiper-slide:hover{background-color: var(--color-03);}

.swiper-pagination.notify_pagination{position:absolute;left:0;right:0;display:flex;justify-content:center;top:auto;bottom:0;transform:none;gap:0.5rem;}

/* .swiper-wrapper{cursor:none !important;} */

.swiper_nav{display:flex;gap:0.4rem;}
:is(.swiper-button-prev,.swiper-button-next){position:relative;margin-top:0;width:30px;height:30px;right:auto;left:auto;font-size:1.2rem;font-weight:bold;color:var(--color-black);background-color: rgb(227 227 227 / 50%);border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;}


:is(.swiper-button-prev,.swiper-button-next)::after{content:'';width:100%;height:100%;filter:brightness(0);background:url(../images/arrow-right-dark.svg) no-repeat;background-size:0.65rem;background-position:center;}
.swiper-button-prev::after{rotate:180deg;-webkit-rotate:180deg;}
:is(.swiper-button-prev,.swiper-button-next):hover{color:var(--color-white);background-color:var(--color-12);}
:is(.swiper-button-prev,.swiper-button-next):hover::after{filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1);}

.btn_scrollbar{padding-inline:4.2rem;margin-top:4rem;display:flex;gap:0.5rem;align-items:center;}

.scrollbar_wrap{position:relative;display:flex;align-self:center;width:100%;}
.scrollbar_wrap::before{ width: 100%; height: 0.1rem; position: absolute; content: ""; background: #ddd; top: 0.2rem; z-index: 1;}
.scrollbar_wrap .swiper-horizontal>.swiper-scrollbar,.facilty_section .swiper-scrollbar.swiper-scrollbar-horizontal{position:static;}
.scrollbar_wrap .swiper-scrollbar-drag{background:#828282;}
.scrollbar_wrap .swiper-scrollbar.swiper-scrollbar-horizontal{z-index: 3; left:0;width:100%;height:0.2rem;background-color:transparent;bottom:0;top:0.2rem;border-radius:0;}
.swiper-pagination-bullet{width:0.7rem;height:0.7rem;background-color:var(--color-white);opacity:0.26;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:1;cursor:pointer;pointer-events:painted;}


@media(max-width:767px){
    :is(.swiper-button-prev,.swiper-button-next){width:2.6rem;height:2.6rem;}
    :is(.swiper-button-prev,.swiper-button-next)::after{background-size: 0.55rem;}
    .btn_scrollbar { padding-inline:2rem;}
    .scrollbar_wrap::before{top: 0.1rem;}
    .scrollbar_wrap .swiper-scrollbar.swiper-scrollbar-horizontal{ top: 0.1rem; height: 0.1rem;}
}
@media(max-width:330px){
    :is(.swiper-button-prev,.swiper-button-next){width:3.2rem;height:3.2rem;}
}
.shine{position:relative;overflow:hidden;}
.shine::before{background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);content:"";display:block;height:100%;left:-100%;position:absolute;top:0;transform:skewX(-25deg);width:50%;z-index:2;}
.shine:hover::before,.shine:focus::before{-webkit-animation:shine 0.85s;animation:shine 0.85s;}
@-webkit-keyframes shine{100%{left:125%;}}
@keyframes shine{100%{left:125%;}}


.full-width{width: 100%;max-width:var(--max-width2600);margin-inline:auto;}
.full_touch{max-width:2700px;margin-inline:auto;}
@media(min-width:1024px){
    .leftminus120{margin-left:var(--leftminus120);}
    .rightminus120{margin-right:var(--rightminus120);}
}
@media (min-width:1500px){
    .leftminus120{margin-left:-12rem;}
    .rightminus120{margin-right:-12rem;}
}

.image-pralax{overflow:hidden;}

/* Accordion Area Start */
.accordions-button{position:relative;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;align-items:center;background-color:transparent;width:100%;text-align:left;font:var(--font-18);    font-weight: var(--fw-400);color:var(--color-black);padding-block:3rem;padding-inline:2.3rem 2.7rem;border:0;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.accordions-button::after{content:'';position:relative;display:block;width:1.5rem;height:1.5rem;background:url(../images/plus-icon.svg) no-repeat transparent;background-position:center;background-size:cover;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.accordions-button.active::after{background:url(../images/minus-icon.svg) no-repeat transparent;background-position:center;background-size:cover;}
.accordions-button.active{background-color:transparent;}
.accordions-item:nth-child(1)>.accordions-button{border-top:0;}
.accordions-collapse{display:none;}
.accordions-item:not(:first-child){border-top:0.1rem solid #DBDBDB;}
.accordions-body{padding-bottom:3rem;padding-inline:2.3rem 7.4rem;}
@media (max-width:767px){
    .accordions-button{padding-block:2rem;padding-inline:1rem;align-items: center;}
    .accordions-body {padding-bottom:2rem;padding-inline:1rem;}
    .accordions-button::after { width: 1.3rem; height: 1.3rem;}
}
/* .accordions-item:not(:last-child){margin-bottom: 3rem;} */


.tab-pane{display:none;opacity:0;transition:opacity 0.3s ease;}
.tab-pane.active{display:block;opacity:1;}
.fade{animation:fadeIn 0.3s ease;}
@keyframes fadeIn{from{opacity:0;}
to{opacity:1;}
}

@media (max-width:991px){
    .tab-scroll-list{display:flex;overflow-x:hidden;}
    .tab-scroll-content{display:flex;overflow:hidden;cursor:grab;}
    .tab-scroll-pane{min-width:100%;flex-shrink:0;}
}


/* Collapse Area */
.collapse{ display:none; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; }
.collapse.active{display:block;}
.tooltip{font:var(--font-15);position:relative;display:inline-block;z-index: 10;}

/* Tooltip box */
.tooltip::after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--color-white);line-height: 1.556;padding:1.5rem;width:40rem;max-width:40rem;font:var(--font-15);color:var(--color-66);white-space:normal;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0px 3.3rem 4rem rgb(0 0 0 / 16%);z-index:1;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.tooltip::before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:0.6rem;border-style:solid;border-color:transparent transparent #222 transparent;opacity:0;visibility:hidden;box-shadow:0px 3.3rem 4rem rgb(0 0 0 / 16%);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.tooltip:hover::after,.tooltip:hover::before{opacity:1;visibility:visible;top:120%;}

.tooltip:hover::before{top:85%;}
@media(max-width:767px){
    .tooltip:hover::before{top:68%;}
    .tooltip::after{width:30rem;max-width:30rem;line-height:1.5;font-weight:300;color: var(--color-black);}
    .tooltip.active::after, .tooltip.active::before{opacity:1;visibility:visible;top:120%;}
    .tooltip.active::before{top:68%;}
}



/*  UIAM - 02031998 End*/

.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}

/* Modal Css */
.modal{display:none;position:fixed;z-index:1090;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / 70%);backdrop-filter:blur(1px);align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:display 0.3s ease,opacity 0.3s ease,visibility 0.3s ease;-webkit-transition:display 0.3s ease,opacity 0.3s ease,visibility 0.3s ease;-moz-transition:display 0.3s ease,opacity 0.3s ease,visibility 0.3s ease;-ms-transition:display 0.3s ease,opacity 0.3s ease,visibility 0.3s ease;-o-transition:display 0.3s ease,opacity 0.3s ease,visibility 0.3s ease;}
.modal.show{opacity:1;visibility:visible;display:flex;overflow-y:auto;}
.inner_main:has(.modal.show){z-index:1090;}
body:has(.modal.show) .innerpage_banner{z-index:0;}
body:has(.modal.show){overflow:hidden;}
.modal-content{background:var(--color-white);max-width:70rem;width:100%;position:relative;display:flex;flex-direction:column;max-height:calc(100% - 3rem* 2);}
.closeModal{position:absolute;top:-3rem;right:-3rem;height:3rem;width:3rem;font:var(--font-21);padding:0.7rem;line-height:normal;display:flex;align-items:center;justify-content:center;border:0.1rem solid var(--color-white);background-color:transparent;color:var(--color-1e);border-radius:50%;}
.closeModal>img{filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1);}
.closeModal:hover{opacity:1;}
.modal-title{padding:2rem;border-bottom:0.1rem solid rgb(37 51 111 / 10%);padding-right:6rem;}
.modal-body{position:relative;flex:1 1 auto;padding:2rem;overflow-y:auto;}
.modal.show .modal-content{animation:ModalfadeIn 0.3s ease-out forwards;}
.modal.hide .modal-content{animation:ModalfadeOut 0.3s ease-out forwards;-webkit-animation:ModalfadeOut 0.3s ease-out forwards;}


@keyframes ModalfadeIn {from { opacity: 0; transform: scale(0.9); }to { opacity: 1; transform: scale(1); }}
@keyframes ModalfadeOut {from { opacity: 1; transform: scale(1); }to { opacity: 0; transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); }}

@media(max-width:767px){
.closeModal{top:1rem;right:1rem;border-color:rgb(30 30 30 / 50%)}
.closeModal>img{filter:none;-webkit-filter:none;}
.modal::-webkit-scrollbar{width:0.3rem;}
}

/* livewire pagination */
@media(min-width:992px){
    /* Reveal Animations */
.image, .image2{opacity: 0;}
.reveal-image,
.reveal-image:after {position: absolute;animation-delay: 0s;animation-iteration-count: 1;animation-duration: 1600ms;animation-fill-mode: both;animation-timing-function: ease-in-out;}
.reveal-image2,
.reveal-image2:after {position: absolute;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out;}
.reveal-image {opacity: 1;position: relative;animation-name: reveal-image;}
.reveal-image2 {opacity: 1;position: relative;animation-name: reveal-image2;}
.reveal-image3 {opacity: 1;position: relative;animation-name: fadeInline1;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out; transform-origin: top;}

@keyframes reveal-image {
    from { clip-path: inset(0 100% 0 0);}
    to { clip-path: inset(0 0 0 0);}
}

@keyframes reveal-image2 {
    from {
      clip-path: inset(0 0% 100% 0);
    }
    to {
      clip-path: inset(0 0 0 0);
    }
}
}
/* .image-container {position: relative;overflow: hidden;padding-bottom: calc(50% / (var(--ratio)));} */

.image-container{position:sticky;top:0;min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;}
.image-container img{width:100%;height:100%;object-fit:cover;transform:translateY(0);will-change:transform;}


.custom_bullets{margin:0;padding:0;padding-left:2rem;}
.custom_bullets>li{position:relative;list-style:disc;font:var(--font-15);color:var(--color-66);font-weight: var(--fw-400);margin-bottom: 2.5rem;}
.custom_bullets>li:last-child{margin-bottom: 0;}
.custom_bullets>li::marker{font-size: 1.25em;color:var(--color-10);}

/* .custom_bullets>li::before{content:'';position:absolute;width:5px;height:5px;background-color:var(--color-10);left:0;top:1rem;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;} */



.form-control{width:100%;font:var(--font-15);padding:0.5rem 2.6rem 0.5rem 1.5rem;line-height:normal;height:5.3rem;background-color:var(--color-white);color:var(--color-1e);border:0.1rem solid #D1D4D8;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;}
.form-control::placeholder{color:var(--color-1e);}
textarea.form-control{padding-top:1.5rem;}
.form-select{width:100%;font:var(--font-15px);padding:0.5rem 2.6rem 0.5rem 1.5rem;line-height:normal;height:5.3rem; color:var(--color-1e);border:0.1rem solid #D1D4D8;appearance:none;background:url(../images/arrow-down.svg) no-repeat var(--color-white);background-position:right 1.5rem center;background-size:1rem;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;}
.form-control:focus{outline:none;border-color:var(--color-12);}
.form-select:focus{outline:none;border-color:var(--color-12);}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px var(--color-white) inset !important;box-shadow:0 0 0px 1000px var(--color-white) inset !important;-webkit-text-fill-color:#000 !important;transition:background-color 9999s ease-in-out 0s;}

.form-radio{display:flex;align-items:center;gap:0.8rem;}
.form-radio input[type="radio"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.5rem;height:1.5rem;border:0.1rem solid var(--color-1e);border-radius:50%;position:relative;cursor:pointer;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.form-radio input[type="radio"]:checked::before{content:"";position:absolute;inset:0.1rem;background:var(--color-12);border-radius:50%;}
.form-radio label{font:var(--font-15);line-height:1;color:var(--color-1e);cursor:pointer;user-select:none;}
.form-radio input[type="radio"]:hover{box-shadow:0 0 0 0.3rem rgba(18,119,73,0.2);}
.form-radio input[type="radio"]:focus-visible{outline:0.2rem solid rgba(18,119,73,0.4);outline-offset:0.1rem;}
.watch_checkbox{padding-top:2rem;}
.form-checkbox{display:flex;align-items:center;gap:0.8rem;flex-wrap: wrap;}
.form-checkbox input[type="checkbox"]{flex-shrink: 0;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.5rem;height:1.5rem;border:0.1rem solid var(--color-1e);border-radius:0.3rem;position:relative;cursor:pointer;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.form-checkbox input[type="checkbox"]:checked::before{content:"";position:absolute;left:0.4rem;top:0.1rem;width:0.4rem;height:0.8rem;border-right:0.15rem solid var(--color-12);border-bottom:0.15rem solid var(--color-12);transform:rotate(45deg);}
.form-checkbox label{font:var(--font-15);line-height:1.7;color:var(--color-1e);cursor:pointer;user-select:none;}
.form-checkbox label>a{font-weight: 500;text-decoration: underline;font-style: italic;}
.form-checkbox input[type="checkbox"]:hover{box-shadow:0 0 0 0.3rem rgba(18,119,73,0.2);}
.form-checkbox input[type="checkbox"]:focus-visible{outline:0.2rem solid rgba(18,119,73,0.4);outline-offset:0.1rem;}
.upload_file{position:relative;height:4.2rem;display:grid;}
.upload_file input[type*="file"]{    font-size: 0;padding: 0;background-color: transparent;height: 100%;}
.file-name{cursor:pointer;position:absolute;left:0;align-content:center;height:100%;padding:0rem 2rem;background-color:var(--color-12);color:var(--color-white);font:var(--font-13px);font-weight:300;}

.spinner-border{ display:inline-block; flex-shrink:0; width:2rem; height:2rem; vertical-align:-0.125em; border-radius:50%; animation:0.75s linear infinite spinner-border; border:0.2em solid var(--color-1e); border-right-color:transparent; -webkit-animation:0.75s linear infinite spinner-border; }
@keyframes spinner-border{
    to{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute !important;}
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}


@media(max-width:767px){
    .form-control, .form-select{height: 43px;}
    .form-control{    padding: 0.5rem 1.6rem 0.5rem 1.5rem;}
}

/* Hero Breadcrumb Area Start */
.hero_breadcrumb{position:absolute;bottom:1.9rem;width:100%;}
.hero_breadcrumb>.container-fluid{padding-inline:5rem;max-width:calc(var(--max-width2600) + 10.2rem);}
.breadcrumb_item{margin:0;padding:0;display:inline-flex;align-items: center;position:relative; --right-space:1.5rem;}
.breadcrumb_item>li{position:relative;list-style:none;font:var(--font-15);margin-right:var(--right-space);padding-right:var(--right-space);}
.breadcrumb-collapsed .dots-icon{display:flex;align-items:center;}
.breadcrumb-collapsed .dots-icon>img{width:8px;height:10px;}

.breadcrumb_item>li:last-child{margin-right:0;padding-right:0;}
.breadcrumb_item>li:not(:last-child)::after{content:'';position:absolute;top:50%;right:-0.4rem;width:0.7rem;height:0.8rem;background-color:var(--color-white);clip-path:polygon(100% 50%,0 0,0 100%);-webkit-clip-path:polygon(100% 50%,0 0,0 100%);transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.breadcrumb_item>li.breadcrumb-collapsed{margin-right:0.7rem;padding-right:0;}
.breadcrumb_item>li.breadcrumb-collapsed::after{display:none;}
.breadcrumb_item>li>a{font:var(--font-15);color:var(--color-white);}
.breadcrumb_item>li:last-child>a{opacity:0.5;}
.breadcrumb_item.breadcrumb_dark>li>a{color:var(--color-1e);}
.breadcrumb_item>li>a:hover{color:var(--color-12);}
.breadcrumb_item.breadcrumb_dark>li:not(:last-child)::after{background-color:var(--color-1e);right: -0.2rem;}
.breadcrumb_item.breadcrumb_dark .breadcrumb-collapsed .dots-icon{filter:invert(1);}
.herosingle_banner>picture{display:block;height:40.9rem;position:relative;}
.herosingle_banner>picture>*{height:100%;object-fit:cover;object-position:50.0% 50.0%;}
.herosingle_banner:not(:has(picture)) .hero_breadcrumb{position:relative;bottom:0;padding-block:4rem;}
.herosingle_banner:not(:has(picture)) .hero_breadcrumb .breadcrumb_item>li>a{color:var(--color-1e);}
.herosingle_banner:not(:has(picture)) .hero_breadcrumb .breadcrumb_item>li:not(:last-child)::after{background-color:var(--color-1e);}
.herosingle_banner:not(:has(picture)) .hero_breadcrumb .breadcrumb_item::before{filter:invert(1);-webkit-filter:invert(1);}
.breadcrumb_item>.breadcrumb-hidden{ opacity:0; width:0; padding:0; margin:0; overflow:hidden; white-space:nowrap; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; }
.breadcrumb_item>.breadcrumb-hidden.is-visible{opacity:1;width:auto;margin-right:var(--right-space);padding-right:var(--right-space);overflow:visible;}
@media(max-width:1550px){
    .breadcrumb-collapsed .dots-icon>img{width:8px;height:9px;}
}
@media(max-width:1366px){
    .breadcrumb-collapsed .dots-icon>img{width:8px;height:8px;}
}
@media(max-width:767px){
    .hero_breadcrumb, .herosingle_banner:not(:has(picture)) .hero_breadcrumb{top:0;text-align:center;padding:1.5rem 1.9rem;bottom:auto;z-index:10;}
    .hero_breadcrumb>.container-fluid{padding-inline:0;}
    .breadcrumb_item{display: flex;overflow: auto;width: 100%;flex-wrap: nowrap;}
    .breadcrumb_item::-webkit-scrollbar{display:none;}
    .breadcrumb_item::before{filter:invert(1);-webkit-filter:invert(1);width:0.5rem;height:0.6rem; }
    .herosingle_banner picture{display:block;position:relative;    height: auto;}
    .herosingle_banner source{display:block;position:relative;height: 100%;}
    .breadcrumb_item>li>a{color:var(--color-white);}
    .breadcrumb-collapsed .dots-icon{ filter:none; -webkit-filter:none; width:0.25rem; justify-content:center; }
    .breadcrumb-collapsed .dots-icon>img{width:7px;height:8px;object-fit:contain; margin-top: 0;}
    .breadcrumb_item>li:not(:last-child)::after{background-color:var(--color-white);width:0.4rem;height:0.5rem;}
    .breadcrumb_item>li{white-space: nowrap;font: var(--font-12);color: var(--color-white);margin-right:1.3rem;padding-right:1.3rem; text-align: left;}

}
/* Hero Breadcrumb Area End */

/* Common Menu Start */
.common_menu{position:sticky;top:0;width:100%;background-color:var(--color-white);z-index:10;}
.common_menu>.container-fluid{display:flex;align-items:center;padding-inline:5.2rem 4.8rem;gap:36.4rem;max-width:calc(var(--max-width2600) + 10.2rem);}
.common_menu:not(:has(.sitebrand_logo))>.container-fluid{justify-content:center; padding-inline: 0;}
.common_menu:not(:has(.sitebrand_logo))>.container-fluid .landing_menu{padding-inline: 4rem;}
.sitebrand_logo{position: absolute;max-width:80px;}
/* .landing_menu{padding-left:10rem;} */
.landing_menu>.landingmenu_btn{display:none;font: var(--font-14);color: var(--color-black); line-height: 1;border:0;background:transparent;position:relative;padding-right:2.2rem;}
.landing_menu>.landingmenu_btn::after{content:''; position:absolute;right:0;top:0;width:2rem;height:100%;background:url(../images/arrow-down.svg) no-repeat;background-position:right 0 center;background-size:1rem;}
.landing_menu>ul{display:flex;gap:5rem;align-items:center;padding:0;margin:0;}
.landing_menu>ul>li{list-style:none;padding-block:2.9rem;}
.landing_menu>ul>li>a{display:inline-block;font:var(--font-16px);color:var(--color-black);text-transform:uppercase;}
.landing_menu>ul>li.active>a{font-weight:bold;}
.landing_menu>ul>li>a:hover{color:var(--color-12);}
@media(max-width:1024px){
    .sitebrand_logo{max-width: 53px;}
}
@media(max-width:991px){
    .common_menu>.container-fluid{padding-inline: 3.2rem 3.2rem;gap: 2.4rem;justify-content: center;}
    .sitebrand_logo{position: relative;max-width: 53px;}
    .landing_menu {padding-left:3rem;margin-left:auto;position: relative;}
    .landing_menu>ul{gap: 3rem;}
    .landing_menu>ul>li>a{font:var(--font-15px);}
}

@media(max-width:767px){
    .common_menu{padding-block:1rem 1.4rem;box-shadow:0px 2px 1px rgb(0 0 0 / 3%);z-index: 11;}
    .common_menu:has(.landing_menu.active){z-index: 1090;}
    .common_menu>.container-fluid{align-items:end;padding-inline: 3rem;}
    .landing_menu{padding-left:0;}
    .landing_menu>.landingmenu_btn{display:inline-block;}
    .landing_menu>ul{visibility:hidden;opacity:0;position:absolute;right:0;top:120%; min-width: 22.8rem;width:111%;padding:1.5rem 1.5rem 1.5rem 2.2rem;gap:0;flex-direction:column;text-align:left;align-items:start;background-color:var(--color-white);box-shadow:2px 12px 11px 0px rgb(0 0 0 / 20%);transform:translateY(1.5rem);-webkit-transform:translateY(1.5rem);-moz-transform:translateY(1.5rem);-ms-transform:translateY(1.5rem);-o-transform:translateY(1.5rem);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
    .landing_menu.active>ul{opacity:1;visibility:visible;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);}
    .landing_menu>ul>li{padding-block:0;margin-bottom:1rem;}
    .landing_menu>ul>li:last-child{margin-bottom:0;}
    .sitebrand_logo{max-width:5.5rem;}
}

/* Common Menu End */


/* Cooke Store Area Start */
.cookestore_sec{position:relative;display:grid;grid-template-columns:50% 50%;max-width:var(--max-width2600);margin-inline:auto;overflow: hidden;}
.cookestore_item{display: flex;flex-direction: column;justify-content: center; background-color: var(--color-1e);}
.cookestore_caption{max-width: 43.2rem;margin-block: auto;margin-inline: 17rem;}
.cookestore_caption>*{color: var(--color-white);}
.cookestore_caption>h4:has(+ *){margin-bottom: 5rem;}
.cookestore_caption>p{margin-bottom: 5rem;}
.cookestore_caption>p:last-of-type{margin-bottom:0;}
.cookestore_caption>p>strong{font-weight: var(--fw-400);}
.cookestore_caption>.btn_flex{display: grid;grid-template-columns: repeat(2, 1fr);max-width: 28rem;gap: 1.4rem 0.8rem;margin-top: 1.4rem;}
.cookestore_caption>.btn_flex>.view_btn{padding-inline: 1.5rem;}
.cookestore_caption>.btn_flex>.read_more{text-align: center;width: 100%; grid-column: span 2;}
@media(max-width:1024px){
    .cookestore_caption{margin-inline: 14rem;}
}
@media(max-width:991px){
    .cookestore_caption{margin-inline: 4rem;}
}
@media(max-width:767px){
    .cookestore_sec{grid-template-columns: 100%;}
    .cookestore_item{order: 2;}
    .cookestore_caption { margin-inline:0;padding:5.1rem 3.6rem;text-align:center; margin: 0 auto;}
    .cookestore_caption>h4:has(+ *) {margin-bottom:2rem;}
    .cookestore_caption>p{margin-bottom:2rem;font: normal normal 300 1.4rem / 1.625 var(--font-roboto);}
    .cookestore_caption>.btn_flex{margin-inline: auto;gap: 0.9rem 1rem;max-width: 100%;}
    .cookestore_caption>.btn_flex>.view_btn{padding: 0.5rem 2rem;font-weight: 300;}
    .cookestore_caption>.btn_flex>.read_more{padding: 0.5rem 2rem;font-weight: 300;}
}
/* Cooke Store Area End */

/* Video Play Area */
.commonvideo_sec{position: relative;}
.commonvideo_wraper{position: relative;}
.commonvideo_wraper>video{height: 70rem;object-fit: cover;}
.play_btn{cursor: pointer; opacity: 0; display: inline-grid; display: -ms-inline-grid; position: absolute; border: 0;background-color: transparent;padding: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.play_btn>*{grid-area: 1/1;}

.play_btn>img{ width: 9rem; height: 9rem; opacity: 1; visibility: visible; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.play_btn>img:nth-child(1){opacity: 0; visibility: hidden;}
.commonvideo_wraper.playing .play_btn>img:nth-child(1){opacity: 1; visibility: visible;}
.commonvideo_wraper.playing .play_btn>img:nth-child(2){opacity: 0; visibility: hidden;}
.commonvideo_wraper:hover .play_btn{opacity: 1;}

@media(max-width:991px){
    .commonvideo_wraper>video{height:52rem;}
}
@media(max-width:767px){
    .play_btn>img{width:5rem;height:5rem;}
}


/* Wishlist  */
.wishlist_modal{ position:fixed; top:0; left:0; width:100%; padding:2.5rem; background-color:var(--color-12); display:flex; align-items:center; justify-content:center; gap:2rem; z-index:90; opacity:0; visibility:hidden; transform:translateY(-100%); transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; }
.wishlist_modal.active{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.wishlist_close{position:absolute;right:3.5rem;filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1);background:none;border:0;}
.wishlist_modal>p{color: var(--color-white);letter-spacing: 0.041rem;}
.wishlist_modal>p>strong{font-weight: bold;}
.wishlist_modal>a{font: var(--font-15);color: var(--color-white);}


/* Product Style */
.product_listing{display:grid; grid-template-columns:repeat(4,1fr); gap:2rem 2.7rem; padding-top:4.6rem; transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -ms-transition:all 0.6s ease; -o-transition:all 0.6s ease; }
.product_bx{position:relative;}
.product_bx>figure{position:relative;overflow:hidden;background-color:var(--color-f3);padding-bottom:2.6rem;/* min-height:42rem;*/display:flex;align-items:center;}
.product_bx>figure>img{max-width:29.3rem;height:39.4rem;object-fit:cover;margin-inline:auto;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.product_bx:not(:has(.product_caption)) figure{padding:0;height:100%;}
.product_bx:not(:has(.product_caption)) figure>img{max-width:100%;height:100%;object-fit:cover;}
.product_bx figure>.play_btn>img{max-width:3.9rem;}
.product_bx:not(:has(.product_caption)) .commonvideo_wraper{padding:0;height:100%;}
.product_bx:not(:has(.product_caption)) .commonvideo_wraper>video{max-width:100%;height:100%;object-fit:cover;}
.product_bx .commonvideo_wraper>.play_btn>img{max-width:3.9rem;}

.product_bx:has(a:hover)>figure>img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);}
.badge_item{position:absolute;top:1.8rem;right:1.4rem;display:flex;align-items:center;gap:0.7rem;}
.badge_item>img{max-width:29px;}
.compare_btn{z-index:3;display:flex;align-items:center;padding:0.4rem 0.3rem;}
.compare_btn:hover{background-color:var(--color-12);}
.compare_btn.active{background-color:var(--color-12);}
.compare_btn:hover>img{filter:invert(1);-webkit-filter:invert(1);}
.compare_btn.active>img{filter:invert(1);-webkit-filter:invert(1);}
.compare_btn>span{font:var(--font-14px);display:inline-flex;align-items:center;letter-spacing:0.42px;color:var(--color-1e);position:absolute;padding:0.35rem 0.9rem 0.25rem 0.9rem;right:35px;height:100%;background-color:var(--color-white);opacity:0;visibility:hidden;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.compare_btn:hover>span{opacity:1;visibility:visible;}
.compare_btn.active>span{opacity:1;visibility:visible;}
.compare_btn>img{flex-shrink:0;max-width:29px;position:relative;}
.new_badge{padding:0.25rem 0.9rem;min-width:49px;text-align:center;font:var(--font-14px);letter-spacing:0.042rem;color:var(--color-1e);background-color:var(--color-white);}
.product_caption{position:relative;padding:3rem 1.4rem 3.2rem 1.8rem;}
.prod_flex{display:flex; justify-content:space-between; gap:2rem; width: auto;}
.product_caption .wishlistbtn{position:relative;right:0;width:2.4rem;height:2.4rem;flex-shrink:0;}
.product_caption .wishlistbtn>img{width:2rem;height:2rem;margin:auto}

.product_caption h6{font:var(--font-17);line-height:1.23;font-weight:var(--fw-400);color:var(--color-black);margin-bottom:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.product_caption p{font: var(--font-15);font-weight: var(--fw-400);color: var(--color-85);margin-top: 0.2rem;}
.product_caption .instock, .product_caption .outstock{margin-top: 0;}
.price_stock{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:0.8rem;}
.instock{display:inline-flex;align-items:center;gap:1rem;flex-shrink:0;margin-top: 1.6rem; font:var(--font-14);font-weight:var(--fw-300);color:var(--color-black);}
.instock::before{content:'';position:relative;display:block;flex-shrink:0;width:0.8rem;height:0.8rem;background-color:var(--color-10);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.outstock{display:inline-flex;align-items:center;gap:1rem;flex-shrink:0;margin-top: 1.6rem;font:var(--font-14);font-weight:var(--fw-300);color:var(--color-black);}
.outstock::before{content:'';position:relative;display:block;flex-shrink:0;width:0.8rem;height:0.8rem;background-color:var(--color-c6);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.productprice{font: var(--font-15);color: var(--color-black);}

body:has(.product_comparesec) .common_menu{position: relative;}
.tudcompare_wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:10rem;}
.tudcompare_wrapper>h1{margin-bottom: 2rem;}
.tudcompare_wrapper>p:not(:last-of-type){margin-bottom: 1rem;}
.tudcompare_wrapper>.viewbtn_dark{margin-top: 3rem;}
.product_comparesec:not(:has(.compare_grid)) .tudcompare_wrapper{padding-bottom: 0;}

@media(max-width:1024px){
    .product_bx>figure>img { height: 35.4rem;}
    .tudcompare_wrapper{padding-bottom: 8rem;}
}
@media(max-width:991px){
    .product_bx>figure>img { height:30.4rem;}
}
@media(max-width:767px){
    .tudcompare_wrapper{padding-bottom: 5.1rem;}
    .product_listing{grid-template-columns:repeat(2,1fr);gap:3rem 1.6rem; padding-bottom: 5rem;}
    .badge_item{top:0.3rem;right:0.4rem;gap: 0.2rem;}
    .product_bx>figure {padding: 1.9rem 1.8rem;}
    .product_bx>figure>img{height:15.8rem;max-width:11.9rem;}
    .product_caption>.wishlistbtn{right: 0.5rem;width: 11px;top: 0.5rem;}
    .product_caption{padding:0 1.8rem 0 0.8rem; margin-top:2rem;}
    .product_caption>h6 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    .product_bx .commonvideo_wraper>.play_btn>img{max-width:100%;width:2.9rem;height:2.9rem;}
    .instock{gap:0.5rem; margin-top: 1rem;}
    .instock::before{width:0.6rem;height:0.6rem;}
    .outstock{gap:0.5rem;margin-top: 1rem;}
    .outstock::before{width:0.6rem;height:0.6rem;}
    .productprice{margin-top: 1rem; font: var(--font-14);}
    .prditem_name {margin-bottom: 1.5rem; }
    .price_stock{display: flex; flex-direction: column-reverse;}
    .product_bx .compare_btn>img {max-width: 1.7rem;}
    .new_badge{font: var(--font-8);font-weight:normal; line-height: 1.5;padding: 0.1rem 0.2rem;min-width: 2.8rem;color: var(--color-black);text-transform: uppercase;letter-spacing: 0.024rem;}
    .compare_btn>span{right: 2.3rem;}
}

/* Product detail Gallery Popup */

.modal.productimage_modal{background-color: #f9f9f9;}
.productimage_modal .modal-content{max-width:100%;max-height:100%;background: transparent;}
.productimage_modal .modal-content .closeModal{top:2rem;right:3rem;height:4.5rem;width:4.5rem;padding:1.5rem;z-index:10;background-color:rgb(227 227 227 / 50%);border-color:rgb(227 227 227 / 50%);}
.productimage_modal .modal-content .closeModal>img{filter:none;-webkit-filter:none;}
/* .product_gallery{height:100vh;width:100%;} */
.product_gallery .swiper-slide{display:flex;justify-content:center;align-items:center;}
.productimage_body .product_gallery .swiper-slide>.swiper-zoom-container{overflow:hidden;padding-inline:13.5rem;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.productimage_body .product_gallery .swiper-slide.swiper-slide-zoomed>.swiper-zoom-container{padding-inline:0;}
.productimage_body{display:flex; align-items: end;gap: 2rem; padding-inline:3rem;}
.productimage_body .swiper_nav {position: sticky;bottom: 2rem;top: auto;right: 0;display: inline-flex;}
.productimage_body .swiper_nav>:is(.swiper-button-prev,.swiper-button-next){width:4.5rem;height:4.5rem;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);}
.swiper-zoom-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.product_gallery img{max-width:100%;max-height:100%;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45"><circle cx="22.5" cy="22.5" r="22.5" fill="white"/><line x1="22.5" y1="15" x2="22.5" y2="30" stroke="black" stroke-width="1"/><line x1="15" y1="22.5" x2="30" y2="22.5" stroke="black" stroke-width="1"/></svg>') 22 22,zoom-in;user-select:none;-webkit-user-drag:none; background-color: var(--color-white);}
.product_gallery.zoomed img{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45"><circle cx="22.5" cy="22.5" r="22.5" fill="white"/><line x1="15" y1="22.5" x2="30" y2="22.5" stroke="black" stroke-width="1"/></svg>') 22 22,zoom-out;}
.custom-progressbar{position:absolute;top:0;left:0;width:5px;height:100%;background:#c1c1c1;border-radius:0;}
.custom-progressbar .progress-fill{width:100%;height:0%;background:var(--color-12);transition:height 0.3s;}


@media(max-width:767px){
    .productimage_body .product_gallery .swiper-slide>.swiper-zoom-container{padding-inline: 0rem;}
    .productimage_body{display:flex; flex-direction:column;padding-inline:2rem;}
    .product_gallery {width:100%;}
    .productimage_body .swiper_nav>:is(.swiper-button-prev,.swiper-button-next) {width: 3.5rem;height: 3.5rem;}
    .productimage_modal .modal-content .closeModal {top: 1.2rem;right: 2.5rem;height: 3.5rem;width: 3.5rem;padding: 1.1rem;}
}


/* Compare Popup Start */
/* Compare Popup Start */
.compare_modal{position:fixed;bottom:0;left:0;width:100%;padding:5.5rem;background-color:var(--color-white);box-shadow:0px -18px 22px rgb(0 0 0 / 6%);z-index:1090;opacity:0;visibility:hidden;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.compare_modal.active{opacity:1;visibility:visible;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);}
.compare_bx{max-width:409px;margin:auto;text-align:center;}
.comparegroup_btn{display:flex;gap:1rem;justify-content:center;margin-top:2.4rem;}
.comparegroup_btn .read_more{display:inline-block;font:var(--font-15px);line-height:1;color:var(--color-1e);text-align:center;padding:0.5rem 2.904rem;border:0.1rem solid var(--color-1e);background-color:var(--color-white);}
.comparegroup_btn .read_more:hover{background-color: var(--color-12); color:var(--color-white);border-color: var(--color-12);}
.compare_text{display:flex;align-items:center;gap:0.5rem;justify-content:space-between;}
.compare_text>p{font:var(--font-18px);font-weight:normal;color:var(--color-1e);}
.compare_text>span{display:inline-flex;align-items:center;font:var(--font-14px);font-weight:500;line-height:1;color:var(--color-white);padding:0.45rem 0.732rem;min-width:2.3rem;min-height:2.3rem;background-color:var(--color-1e);letter-spacing:0.042rem;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.compare_popup{position:fixed;padding:0 2rem 3rem 2rem;top:0;left:0;width:100%;height:100vh;overflow-y:auto;background-color:var(--color-white);z-index:1090;opacity:0;visibility:hidden;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.compare_popup.active{opacity:1;visibility:visible;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);}
.compare_popup::-webkit-scrollbar{display: none;}
.comparpop_content{max-width:147.8rem;margin-inline:auto;}
.compare_popup{position:fixed;padding:0 2rem 3rem 2rem;top:0;left:0;width:100%;height:100vh;overflow-y:auto;background-color:var(--color-white);z-index:1090;opacity:0;visibility:hidden;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.compare_popup.active{opacity:1;visibility:visible;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);}
.comparpop_content{max-width:147.8rem;margin-inline:auto;}
.popup_header{text-align:center;position:relative;padding-top:6.4rem;margin-bottom: 4.1rem;top:0;background-color:var(--color-white);z-index:1;}
.popup_header>.close_btn{text-align:center;display:inline-flex;align-items:center;border:0.1rem solid var(--color-1e);background-color:var(--color-white);width:4.9rem;height:4.9rem;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.popup_header>.close_btn>img{width:1.1rem;margin:auto;flex-shrink:0;}
.popup_header>.close_btn:hover{background-color: var(--color-12); border-color:var(--color-12);}
.popup_header>.close_btn:hover>img{ filter:brightness(0) invert(1); -webkit-filter:brightness(0) invert(1); }
.popup_footer{text-align:center;padding-top:7.5rem;}
.popup_footer>.share_btn>a{display: inline-flex;gap: 2.1rem;font: var(--font-15px);height: 53px;align-items: center;text-align: center;line-height: 0.934;color: var(--color-1e);background-color: transparent;border: 0.1rem solid var(--color-1e);padding: 0.5rem 2.89rem;}
.popup_footer>.share_btn>a>img{width:17px;flex-shrink:0;}
.popup_footer>.share_btn>a:hover{background-color: var(--color-12);color: var(--color-white);border-color: var(--color-12);}
.popup_footer>.share_btn>a:hover>img{ filter:brightness(0) invert(1); -webkit-filter:brightness(0) invert(1); }
.compare_accordion{display:grid;grid-template-columns:repeat(2,1fr);gap:4.8rem;}
.compare_accordion:not(:has(.compareselect_bx:nth-child(2))){grid-template-columns:repeat(1,1fr);}
.compare_accordion:not(:has(.compareselect_bx:nth-child(2))) .compareselect_bx{width:100%;max-width:71.5rem;margin-inline:auto;}

.compare_item{position:relative; display:flex;width:100%;background-color:transparent;align-items:center; cursor: pointer;}
.compare_item>figure{width: 5.3rem;flex-shrink: 0;}
.compare_item>.compareaccord_title>h6{font:var(--font-18px);}
.compare_dropdown{position:sticky;border:0.1rem solid #707070;padding:2.35rem 3.9rem 2.35rem 3rem;top:0;background-color:var(--color-white);z-index:10;}
.compare_dropdown>.compare_item::after{content:'';position:absolute;top:50%;right:0;width:1.1rem;height:1.1rem;margin-left:auto;background:url(../images/arrow-down.svg) no-repeat transparent;background-position:center;background-size:1rem;transform:translateY(-50%) rotate(0deg);-webkit-transform:translateY(-50%) rotate(0deg);-moz-transform:translateY(-50%) rotate(0deg);-ms-transform:translateY(-50%) rotate(0deg);-o-transform:translateY(-50%) rotate(0deg);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.compare_dropdown.active .compare_item::after{ transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); }
.compare_dropdown > .compare_item{width:100%;cursor:pointer;background:transparent;border:none;text-align:left;}
.compare_dropitem{position:absolute;top:100%;left:0;left:-1px;right:-1px;display:flex;flex-direction:column;gap:2.5rem;padding:0 5.5rem 2.35rem 3rem;background:var(--color-white);border:0.1rem solid var(--color-70);border-top:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:all 0.25s ease;z-index:10;}
.compare_dropdown.active .compare_dropitem{opacity:1;visibility:visible;transform:translateY(0);}
.accordions-button>.compareaccord_title>h6{font:var(--font-18px);color:var(--color-black);}
.compare_accordbody{position: relative; padding:2.6rem 0 0 0;}
.compare_close{position:absolute;right:3.9rem;width: 1.1rem; padding:0;background-color:transparent;border:none;opacity: 0.5;}
.compare_accordbody>figure>img{max-width:31rem;margin-inline:auto;}
.cmproduct_caption{display:flex;flex-direction:column;align-items:start;margin-bottom:5rem;}
.cmproduct_caption{padding-top:1.9rem;}
.cmproduct_caption>p{line-height: 1.2;margin-bottom: 0.5rem;}
.cmproduct_caption>h3{font-weight:normal;margin-bottom:3rem;}
.cmproduct_caption>.productprice{margin-top:0;}
.cmproduct_caption>.view_btn{color:var(--color-1e);border-color:var(--color-1e);margin-top:3rem;}
.cmproduct_caption>.view_btn:hover{color:var(--color-white);border-color:var(--color-white);}

.gridcomparebody{display:grid;grid-template-columns:repeat(2,1fr);gap:4.8rem;}
.cmproduct_detail{display:flex;gap:1.4rem;padding-bottom:4rem;margin-bottom:4rem;border-bottom:0.1rem solid #CCCCCC;}
.cmproduct_detail:last-child{margin-bottom:0;}
.cmproduct_detail>figure{position:relative;flex-shrink:0;}
.cmproduct_detail>figure>img{width:1.9rem;}
.cmproduct_title{width:100%;padding-right:5.4rem;}
.cmproduct_title>p{color:var(--color-black);line-height:1.2;}
.cmproduct_title>ul{padding:0;margin:0;margin-top:2rem;}
.cmproduct_title>ul>li{margin-bottom:1rem;padding-bottom:1rem;border-bottom:0.1rem solid rgb(112 112 112 / 28%);}
.cmproduct_title>ul>li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0;}

.compare_sticky{position:fixed;top:70%;right:0;z-index:90;}
.compare_sticky>p{position:absolute;left:-1rem;top:-1rem;display:inline-flex;align-items:center;font:var(--font-14px);font-weight:500;line-height:1;color:var(--color-white);padding:0.45rem 0.732rem;min-width:2.3rem;min-height:2.3rem;background-color:var(--color-1e);letter-spacing:0.042rem;border-radius:50%;}
.compare_sticky>a{padding:0.8rem;display:inline-flex;background-color:var(--color-f3);box-shadow:-3px 3px 6px #00000017;width:61px;height:46px;}
.compare_sticky>a>img{width: 29px;margin: auto;}

.product_comparesec{padding-block:10rem;}
.share_wraper{text-align:center;}
.share_wraper>figure{width:28.8rem;height:28.8rem;margin:8rem auto;box-shadow:0px 0px 30px rgb(0 0 0 / 17%);border-radius:2rem;overflow:hidden;padding:30px;}
.share_wraper>h6{margin-top:3rem;}
.share_wraper>button{margin-top:3rem;}


.review_wrapper_div .form-control{border-color:rgb(112 112 112 / 30%);}
.review_wrapper{display:flex;align-items:center;gap:2rem;margin-bottom:1rem;}
.review_wrapper ul{gap:0.5rem;}
.review_wrapper ul>li{line-height:1;margin:0 !important;}
.review_wrapper .review_btn{font:var(--font-15px);line-height:1.2;color:var(--color-black);text-decoration:underline;font-style:italic;cursor:pointer;}
.review_wrapper .review_btn:hover{color:var(--color-12);}
.review_form{position:absolute;background-color:var(--color-white);padding:2rem;margin-top:1rem;box-shadow:0px 25px 29px rgb(0 0 0 / 4%);z-index: 10;}
.review_form::after{content:"";position:absolute;top:-1.2rem;left:50%;transform:translateX(-50%);border-width:0.6rem;border-style:solid;border-color:transparent transparent #222 transparent;opacity:1;visibility:visible;box-shadow:0px 3.3rem 4rem rgb(0 0 0 / 16%);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;}

@media(max-width:767px){
    .review_form{left:0;width:100%;margin-top:1rem;}
    .compare_modal{padding:2.5rem;}
    .compare_text{align-items: start;justify-content: center;text-align: center;}
    .compare_text>p{font:var(--font-16);}
    .compare_popup{padding:0 1.25rem 2rem;}
    .popup_header{padding-top:2.5rem;margin-bottom:2.5rem;}
    .popup_header>.close_btn{width: 3.9rem;height: 3.9rem;}    
    .popup_footer {padding-top: 3.5rem;}
    .compare_item>figure{width:4.8rem;height:7.2rem;}
    .compare_item>figure>img{height:100%;object-fit:cover;}
    .compare_item>.compareaccord_title>h6{font:var(--font-16px);font-weight:500;}
    .compareaccord_title>h6{font:var(--font-12);font-weight:400;}
    .compareaccord_title>p{font:var(--font-12);font-weight:300;color:var(--color-black);}
    .compare_dropdown > .compare_item{padding-right:1.6rem;}
    .compare_accordbody>figure>img{max-width:11.9rem;height:15.8rem;object-fit:cover;}
    .compare_close{right:1rem;width:1.3rem;top:4rem;}
    .cmproduct_caption>h3{margin-bottom:2rem;font:var(--font-20);font-weight:normal;}
    .cmproduct_caption>.view_btn{color:var(--color-black);border-color:rgb(0 0 0 / 10%);margin-top:3rem;font-weight:300;}
    .cmproduct_title{padding-right:0;}
    .cmproduct_detail{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem;margin-bottom:2rem;border-bottom:0.1rem solid rgb(0 0 0 / 10%);}
    .cmproduct_title>ul{margin-top:1rem;}
    .compare_dropdown{padding:0.5rem;}
    .compare_accordion{gap:1.25rem;}
    .prditem_specifi{margin-top:2rem;}
    .compare_dropitem{padding:0.5rem;}
    .cmproduct_title>ul>li{font: var(--font-15);font-weight:normal;}
    .gridcomparebody{gap: 1.25rem;}
    .product_comparesec{padding-block:5.1rem;}
    .product_comparesec .comparpop_content{padding: 0 1.25rem 2rem;}
}
@media (max-width:320px) {
    .compare_modal{padding:1.5rem;}
    .compare_sticky {top: 65%;}
}

/* Contact Us Captche Common */
.contactform_wrapper .form-checkbox label{font:var(--font-14px);line-height:normal;font-weight:300;}
.contactform_wrapper .form-checkbox input[type="checkbox"]{width:12px;height:12px;border-color:var(--color-70);border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;}
.contactform_wrapper .form-checkbox input[type="checkbox"]:checked::before{width:4px;height:8px;left:3px;top:0;border-right:0.15rem solid var(--color-70);border-bottom:0.15rem solid var(--color-70);}

.captcha{margin-top:5rem;max-width:28.5rem;margin-inline:auto;transform:scale(0.8);transform-origin:left top;}
@media(max-width:1366px){
    .captcha{max-width: 33.5rem;}
}
@media(max-width:1024px){
    .captcha{ transform:scale(0.75); -webkit-transform:scale(0.75); -moz-transform:scale(0.75); -ms-transform:scale(0.75); -o-transform:scale(0.75); }
}
@media(max-width:767px){
    .captcha { margin-top:3rem; margin-inline: 0; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); }
}

/* Search Page Css */
.search_sec{padding-block:6rem 10rem;min-height:60vh;}
.search_result{padding:8rem 0;}
.search_result .innerPageTitle h4{font:var(--font-18);font-weight:500;}
.innerPageTitle{margin-bottom:6rem;}
.search_result .search_list{margin:0;padding:0;}
.search_result .search_list li{position:relative;border-bottom:0.1rem dashed rgb(112 112 112 / 20%);color:var(--color-1e);font:var(--font-18);font-weight:300;margin-bottom:3rem;padding-bottom:3rem;padding-right:6rem;}
.search_result .search_list li:last-child{margin-bottom:0;}
.search_result .search_list li>h6{margin-bottom:2rem;}
.search_result .search_list li::after{ content:''; width:3.2rem; height:3.2rem; position:absolute; right:0; top:50%; opacity:0.8; background:url(../images/arrow-right-dark70.svg) no-repeat; background-size:0.7rem; background-position:center; border:0.1rem solid var(--color-1e); transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } 
.search_result .search_list li>*{ transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.search_result .search_list li:hover::after{border-color: var(--color-12);}
.search_result .search_list li:hover>h6{color: var(--color-12);}
.no_search{text-align:center;}

@media screen and (max-width:767px){
    .innerPageTitle{margin-bottom:4rem;}
    .search_result .search_list li{padding-right:0;padding-bottom:7rem;}
    .search_result .search_list li>h6{margin-bottom:1rem;}
    .search_result .search_list li::after{ width: 2.5rem;height: 2.5rem; top: auto; bottom: 2rem; left: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
    .search_result .search_list li p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

}


/* Welcome page css*/
.welcome_bx{ min-height: 55vh; display: flex; justify-content: center; align-items: center; text-align: center;}
.welcome_bx h2{ margin-bottom: 3rem; color: var(--color-black);}


@media screen and (max-width:1525px){
    .welcome_bx{ min-height: 49vh;}
}

.page404 .content{text-align:center;min-height:50vh;align-content:center;background-color:var(--color-f9);margin-bottom:5rem;}
.page404 .content h2{color:#000;}
.page404 .content h5{margin-bottom:3rem;}
.page404 .content a{display:inline-block;font:var(--font-15);text-align:center;line-height:0.934;color:var(--color-1e);background-color:transparent;border:0.1rem solid var(--color-1e);padding:1.6rem 2.885rem;margin:3rem 0.3rem;}
.page404 .content a:hover{background-color:var(--color-12);color:var(--color-white);border-color:var(--color-white);}
.contact_thankyou{text-align:center;min-height:50vh;align-content:center;background-color:var(--color-f9);margin-bottom:5rem;}
.contact_thankyou h1{color:#000;font:var(--font-48);}
.payment-response .contact_thankyou{background:transparent;}

@media screen and (max-width:767px){
    .welcome_bx{ min-height: auto; padding-block: 5rem;}
    .page404 .content { padding-block: 4rem 2rem; min-height: auto;}
    .search_sec{padding-block: 3rem 0rem;}
    .search_result { padding: 4rem 0; }
    .payment-response .contact_thankyou{min-height:25vh;margin-bottom:0;}
    
}
@media screen and (max-width:575px){
    .payment-response .contact_thankyou{min-height:22vh;}
    .compare_dropdown>.compare_item::after{width: 1.5rem;}
}



.empty_wishlist{text-align:left;;}
.empty_wishlist .viewbtn_dark{margin-top:5rem;}
@media screen and (max-width:767px){
  .empty_wishlist{min-height:auto;padding-block:4rem;}
  .empty_wishlist .viewbtn_dark{margin-top:3rem;}
}

section.rolex_store_time>iframe{min-height:46rem !important;max-height:46rem !important;}

button[disabled]{opacity:0.25;cursor:auto;    pointer-events: none;}
a[disabled]{opacity:0.25;cursor:auto;    pointer-events: none;}