@charset "UTF-8";
/*  UIAM - 02031998 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&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("custom.css");
@import url("header.css");
@import url("footer.css");
@font-face {
    font-family: 'intervoguelight';
    src: url('../fonts/intervogue-light-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}


* { padding: 0; margin: 0; box-sizing: border-box; font-family: var(--font-cormorant); }
main{background-color: var(--color-f6);}
.text-danger{color: red;font-size: var(--font-12);}
.site_border_arrow{ display: none; position: relative;background: url(../images/site-border-arrow.svg) no-repeat center / contain;height: 1.158rem; width: 15rem;}
.site_border_large{ display: none;position: relative;background: url(../images/site-border-large.svg) no-repeat center / contain;height: 1.796rem; width:100%;}
 
@media (max-width: 1199px) {
 .site_border_arrow { width: 16.452rem; }
 }

@media(max-width:767px){
   .site_border_arrow{width: 14.452rem;}
}

 
:root{
    --font-cormorant: "Cormorant Garamond", serif;
    --font-intervogue:intervoguelight;
    --color-82:#82670E;
    --color-96:#968037;
    --color-bb:#BBAC75;
    --color-e8:#E8E1CD;
    --color-f6:#F6F3EA;
    --color-1d:#1D1F1D;
    --color-60:#606060;
    --color-41:#414341;
    --color-white:#ffffff;
    --color-black:#000000;
    --font-131: 13.1rem;
    --font-122: 12.2rem;
    --font-120: 12rem;
    --font-94: 9.4rem;
    --font-80: 8rem;
    --font-76: 7.6rem;
    --font-72: 7.2rem;
    --font-62: 6.2rem;
    --font-60: 6rem;
    --font-56: 5.6rem;
    --font-52: 5.2rem;
    --font-48: 4.8rem;
    --font-46: 4.6rem;
    --font-42: 4.2rem;
    --font-40: 4rem;
    --font-38: 3.8rem;
    --font-36: 3.6rem;
    --font-34: 3.4rem;
    --font-32: 3.2rem;
    --font-30: 3rem;
    --font-28: 2.8rem;
    --font-26: 2.6rem;
    --font-25: 2.5rem;
    --font-24: 2.4rem;
    --font-20: 2.0rem;
    --font-22: 2.2rem;
    --font-21: 2.1rem;
    --font-18: 1.8rem;
    --font-16: 1.7rem;
    --font-16: 1.6rem;
    --font-15: 1.5rem;
    --font-14: 1.4rem;
    --font-13: 1.3rem;
    --font-12: 1.2rem;
    --font-11: 1.1rem;
    --font-10: 1rem;
    --line-height-60: 1;
    --line-height-48: 1.15;
    --line-height-44: 1.1;
    --line-height-40: 1.11;
    --line-height-36: 1.2;
    --line-height-35: 3.5rem;
    --line-height-30: 3rem;
    --line-height-26: 1.25;
    --line-height-24: 2.4rem;
    --line-height-23: 2.3rem;
    --line-height-21: 2.1rem;
    --line-height-18: 1.8rem;
    --line-height-17: 1.7rem;
    --line-height-16: 1.1;
}
.container {
        max-width: 1494px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
}
.container-fluid {
    max-width: 100%;
    padding-inline: 5.4rem;
}
@media(max-width:1699px){
    :root {
        --font-131: 11.1rem;
        --font-120: 10rem;
        --font-122: 10.2rem;
        --font-94: 8.4rem;
        --font-80: 7rem;
        --font-76: 6.9rem;
        --font-72: 6.2rem;
        --font-62: 5.2rem;
        --font-60: 4.8rem;
        --font-52: 4.2rem;
        --font-48: 3.8rem;
        --font-42: 3.6rem;
        --font-40: 3.4rem;
        --font-38: 3.0rem;
        --font-36: 2.8rem;
        --font-34: 2.6rem;
        --font-32: 2.5rem;
        --font-30: 2.4rem;
        --font-26: 2.1rem;
        --font-25: 2.1rem;
        --font-24: 2rem;
        --font-20: 1.9rem;
        --font-22: 2rem;
        --font-21: 1.8rem;
        --font-18: 1.6rem;
        --font-16: 1.4rem;
        --font-15: 1.4rem;
        --font-14: 1.3rem;
        --font-13: 1.2rem;
        --font-12: 1.1rem;
        --font-11: 1rem;
        --font-10: 1rem;
        --line-height-36: 3rem;
        --line-height-35: 2.8rem;
        --line-height-30: 2.6rem;
        --line-height-26: 2.4rem;
        --line-height-24: 2.2rem;
        --line-height-23: 2.1rem;
        --line-height-21: 1.9rem;
        --line-height-18: 1.9rem;
        --line-height-17: 1.8rem;
    }
    .container {
        max-width: 1272px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .container-fluid {
        max-width: 100%;
        padding-inline: 2.5rem;
    }
}

@media(max-width:1550px){
    :root {
        --font-131: 9.5rem;
        --font-122: 8.7rem;
        --font-120: 8.5rem;        
        --font-94: 7.4rem;
        --font-80: 7rem;
        --font-76: 6.9rem;
        --font-72: 6.2rem;
        --font-62: 5.2rem;
        --font-60: 4.8rem;
        --font-52: 4.2rem;
        --font-48: 3.8rem;
        --font-46: 3.6rem;
        --font-42: 3.2rem;
        --font-40: 3.1rem;
        --font-38: 3rem;
        --font-36: 2.8rem;
        --font-34: 2.6rem;
        --font-32: 2.5rem;
        --font-30: 2.4rem;
        --font-28: 2.2rem;
        --font-26: 2.1rem;
        --font-25: 1.9rem;
        --font-24: 1.8rem;
        --font-22: 1.7rem;
        --font-20: 1.6rem;
        --font-21: 1.6rem;
        --font-18: 1.5rem;
        --font-17: 1.4rem;
        --font-16: 1.3rem;
        --font-15: 1.3rem;
        --font-14: 1.2rem;
        --font-13: 1.1rem;
        --font-12: 1rem;
        --font-11: 0.9rem;
        --font-10: 0.9rem;
        --line-height-36: 2.4rem;
        --line-height-35: 2.3rem;
        --line-height-30: 2.2rem;
        --line-height-26: 2.1rem;
        --line-height-24: 1.8rem;
        --line-height-23: 2.1rem;
        --line-height-21: 2.1rem;
        --line-height-18: 1.8rem;
        --line-height-17: 1.7rem;
    }
    .container {
        max-width: 1155px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .container-fluid {
        max-width: 100%;
        padding-inline: 2.5rem;
    }
}

@media(max-width:1199px){
    :root{
        --font-131: 9.1rem;
        --font-128: 8.9rem;
        --font-122: 7.8rem;
        --font-120: 8rem;
        --font-94: 7.4rem;
        --font-76: 5.4rem;
        --font-72: 5.2rem;
        --font-62: 4.2rem;
        --font-60: 3.8rem;
        --font-56: 4.6rem;
        --font-52: 4.2rem;
        --font-48: 3.8rem;
        --font-46: 3.6rem;
        --font-42: 2.9rem;
        --font-40: 2.7rem;
        --font-38: 2.8rem;
        --font-32: 2.5rem;
        --font-36: 2.6rem;
        --font-34: 2.4rem;
        --font-30: 2.2rem;
        --font-28: 2.1rem;
        --font-26: 2rem;
        --font-25: 2rem;
        --font-24: 1.9rem;
        --font-22: 1.8rem;
        --font-20: 1.7rem;
        --font-21: 1.6rem;
        --font-18: 1.5rem;
        --font-17: 1.4rem;
        --font-16: 1.3rem;
        --font-15: 1.3rem;
        --font-14: 1.2rem;
        --font-13: 1.2rem;
        --font-12: 1rem;
        --font-11: 0.9rem;
        --font-10: 0.9rem;
        /* --line-height-36: 3.6rem; */
        --line-height-35: 3.5rem;
        --line-height-30: 2.4rem;
        /* --line-height-26: 2.6rem; */
        --line-height-24: 1.8rem;
        --line-height-23: 2.1rem;
        --line-height-21: 2.1rem;
        --line-height-18: 1.8rem;
        --line-height-17: 1.7rem;
    }
    .container {max-width: 1000px;padding-left: 1.5rem;padding-right: 1.5rem;}
}

@media(max-width:992px){
    :root{
    --font-131: 9.1rem;
    --font-128: 8.9rem;
    --font-122: 7.8rem;
    --font-120: 8rem;
    --font-94: 7.4rem;
    --font-76: 5.4rem;
    --font-72: 5.2rem;
    --font-62: 4.2rem;
    --font-60: 3.8rem;
    --font-56: 4.6rem;
    --font-52: 4.2rem;
    --font-48: 3.8rem;
    --font-46: 3.6rem;
    --font-42: 3rem;
    --font-38: 2.8rem;
    --font-32: 2.5rem;
    --font-36: 2.6rem;
    --font-34: 2.4rem;
    --font-30: 2.2rem;
    --font-28: 2.1rem;
    --font-26: 2rem;
    --font-25: 2rem;
    --font-24: 1.9rem;
    --font-22: 1.8rem;
    --font-20: 1.7rem;
    --font-21: 1.6rem;
    --font-18: 1.5rem;
    --font-17: 1.4rem;
    --font-16: 1.3rem;
    --font-15: 1.3rem;
    --font-14: 1.2rem;
    --font-13: 1.2rem;
    --font-12: 1rem;
    --font-11: 0.9rem;
    --font-10: 0.9rem;
    --line-height-36: 3.6rem;
    --line-height-35: 3.5rem;
    --line-height-30: 3rem;
    /* --line-height-26: 2.6rem; */
    --line-height-24: 1.8rem;
    --line-height-23: 2.1rem;
    --line-height-21: 2.1rem;
    --line-height-18: 1.8rem;
    --line-height-17: 1.7rem;
    }
}

@media(max-width:991px){
    .container {padding-left: 4.6rem;padding-right:4.6rem;}
}
@media(max-width:575px){
    .container {padding-left: 3.6rem;padding-right: 3.6rem;}
}
@media(max-width:330px){
    .container {padding-left:2rem;padding-right:2rem;}
}
/* @media(max-width:991px){main{padding-top: 7.5rem;}}
@media(max-width:320px){main{padding-top: 6.9rem;}} */

  
@media(min-width:1199px){
    body, a, button, input, textarea, select { cursor: none !important; }
    .custom-cursor { position: fixed; top: 0; left: 0; width: 2rem; height: 2rem; background: url(../images/cursor-svg.svg); background-repeat: no-repeat; background-size: contain; background-position: center; pointer-events: none; transition: transform 0.08s ease-out, width 0.2s ease, height 0.2s ease; z-index: 9999; /* mix-blend-mode: difference; */will-change: transform; }
}
::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; background-color: var(--color-f5);scroll-behavior: unset !important;}
html { font-size: 62.5%;  }
p { font-size: var(--font-21); color: var(--color-1d); line-height: var(--line-height-26); margin-bottom: 3rem; }
p:last-of-type{margin-bottom: 0;}
@media(max-width:1549px){
    p {margin-bottom: 2rem; }
}
p:empty { display: none !important; }
a { text-decoration: none; }
figure { margin-bottom: 0; }
button { cursor: none; }
h1 { font-size: var(--font-60); font-family: var(--font-cormorant);line-height: var(--line-height-60); color: var(--color-82); font-weight: normal; }
h2 { font-size: var(--font-42); font-family: var(--font-cormorant); line-height:var(--line-height-48); color: var(--color-82); font-weight: normal; }
h3 { font-size: var(--font-36); line-height: var(--line-height-40); font-family: var(--font-cormorant); color: var(--color-82); font-weight: normal; }
h4 { font-size: var(--font-30); line-height: var(--line-height-36); font-family: var(--font-cormorant); font-weight: normal; color: var(--color-82); }
h5 { font-size: var(--font-21); font-family: var(--font-cormorant); font-weight: normal; }
h6 { font-size: var(--font-18); line-height: var(--line-height-26); font-family: var(--font-cormorant); font-weight: normal; }
 
::-webkit-scrollbar {width: 0.5rem;}
 ::-webkit-scrollbar-thumb {background-color: var(--color-82);border-radius: 0.2rem;}
 ::-webkit-scrollbar-track {background-color: var(--color-f5);border-radius: 0.2rem;}
.overlap_btn { position: absolute; top: 0; left: 0; bottom: 0; right: 0; font-size: 0; }

.swiper-wrapper{cursor:none !important;}
:is(.swiper-button-prev, .swiper-button-next) { position: relative; margin-top: 0; width: 4.2rem; height:4.2rem; right: auto; left: auto; font-size: var(--font-12); font-weight: bold; color: var(--color-82); background-color: var(--color-white); transition: all .5s ease; }
:is(.swiper-button-prev, .swiper-button-next):hover { color: var(--color-white); background-color: var(--color-82); }
.swiper-button-prev::after { content: '\F284';font-family: bootstrap-icons !important; font-size: inherit; }
.swiper-button-next::after { content: '\F285'; font-family: bootstrap-icons !important; font-size: inherit; }

.scrollbar_wrap {position: relative;display: flex;align-self:center;}
.scrollbar_wrap::before{width: 100%;height: 0.1rem;position: absolute;content: "";background: #BFC7C4;top: 0.1rem;z-index: 1;}
.scrollbar_wrap .swiper-horizontal>.swiper-scrollbar, .facilty_section .swiper-scrollbar.swiper-scrollbar-horizontal{position: static;}
.scrollbar_wrap .swiper-scrollbar-drag{background: var(--color-bb);box-shadow: 0px 3px 6px #00000012; }
.scrollbar_wrap .swiper-scrollbar.swiper-scrollbar-horizontal{left: 0;     width: 100%;height: 0.4rem;background-color: transparent;bottom: 0;top: 0;}

@media(max-width:1699px) {
 :is(.swiper-button-prev, .swiper-button-next) { width: 3.5rem; height: 3.5rem; }
 }
@media(max-width:767px) {
 :is(.swiper-button-prev, .swiper-button-next) { width: 4.1rem; height: 3.7rem; }
 }
@media (max-width: 350px) {
 :is(.swiper-button-prev, .swiper-button-next) { width: 3.1rem; height: 2.7rem; }
 }
.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{max-width: 2700px;margin-inline: auto;}

.theme_btn{display: inline-block;font-size: var(--font-18); color: var(--color-white);background-color: var(--color-1d);font-weight: normal;padding: 0.8rem 2rem; background: linear-gradient(to right, var(--color-96) 49%, var(--color-1d) 49%);background-size: 210% 110%;background-position: right bottom;transition: all .5s ease-out;}
.theme_btn:hover {background-position: left bottom;color: var(--color-white);}
.btn_more{position: relative; display: inline-block;font-size: var(--font-16);font-family: var(--font-intervogue); color: var(--color-1d);letter-spacing: 3.2px;text-transform: uppercase; background-color: transparent;font-weight: normal;padding-bottom: 1rem;border-bottom: 0.1rem solid var(--color-bb);transition: all 0.5s ease}
.btn_more::after{content:'';position: absolute;bottom: 0;left: 0;width: 0;height: 0.1rem;background-color: var(--color-1d); transition: all 0.5s ease;}
.btn_more:hover::after{width: 100%;}
.btn_more:hover{color: var(--color-82);border-color: transparent;}

@media(max-width:1699px){
    .theme_btn{ padding: 0.8rem 2.5rem;}
}
@media(max-width:767px){
    .theme_btn { padding: 0.4rem 1.9rem; font-size: 1.8rem; }
    .btn_more { letter-spacing: 1.2px; font-size: 1.6rem; }

}
/* FormStyle */
select {width: 100%; font-size: var(--font-21);line-height: var(--line-height-26);font-family: var(--font-cormorant);color: var(--color-1d);background-color: var(--color-white);border: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url(../images/chevron-down.svg); background-repeat: no-repeat;background-size: 1.9rem 1.9rem; background-position:right 2rem center;padding: 1.25rem 2rem; padding-right: 4.5rem; }
select:focus { outline: none; box-shadow: none; }
.form-control { width: 100%; padding: 1.1rem 2rem; background-color: var(--color-white); font-weight: normal; font-size: var(--font-21); line-height: var(--line-height-26); font-family: var(--font-cormorant); color: var(--color-1d); border: 0.1rem solid var(--color-82); }
.form-control:focus { outline: none; box-shadow: none; border-color: var(--color-1d); }
.form-control::placeholder { font-size: var(--font-21); color: var(--color-1d); }
@media(max-width:1600px) {
    .form-control { width: 100%; padding: 0.5rem 1rem;padding-left: 0; }
 }
.form-check { display: flex; align-items: center; gap: 2rem; padding-left: 0; }
.form-check p, .form-check-label {color: var(--color-1d);font-size: var(--font-14);font-style: italic; margin-bottom: 0;}
.form-check input[type=checkbox] { width: 17px; height: 17px; background-color: transparent; border: 1px solid #ccc; border-radius: 2px; }
.form-check input[type=checkbox] {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: transparent;margin: 0;font: inherit;color: currentColor;width: 1.8rem;height: 1.8rem;flex-shrink: 0;border-radius: 0;border: 1px solid var(--color-bb);display: grid;place-content: center;}
.form-check input[type=checkbox]::before {content: "";width: 1.3rem;height: 1rem;-webkit-clip-path: polygon(15% 35%, 0% 50%, 50% 100%, 100% 0%, 85% 0%, 45% 75%);
clip-path: polygon(15% 35%, 0% 50%, 50% 100%, 100% 0%, 85% 0%, 45% 75%);transform: scale(0);transform-origin: bottom left;transition: 120ms transform ease-in-out;box-shadow: none;background-color: var(--color-bb);}
.form-check input[type=checkbox]:checked::before { transform: scale(1) }
.form-check input[type=checkbox]:focus { outline: none; outline-offset: 0 }
.form-check input[type=checkbox]:disabled { color: var(--color-d4); cursor: not-allowed }
.form-check-input:checked { background-color: transparent; }
@media(max-width:1699px){
    .form-control{padding: 1rem 2rem;}
}
@media(max-width:767px){
    .form-control{padding: 1.4rem 1rem;font-size: 2.1rem;line-height:2.6rem;}
    .form-control::placeholder{font-size: 2.1rem;line-height:2.6rem;}
    .form-select{font-size: 2.1rem;line-height:2.6rem;padding: 1.4rem 1rem;padding-right: 3rem;background-size: 1.5rem 1.5rem;background-position: right 1.2rem center;}
}
/* Custom Tab */
.tabs { list-style: none; padding: 0; margin: 0; display: flex; }
.custom_tabs>li{font-size: var(--font-21);line-height: var(--line-height-26);background-color: var(--color-ff);padding: 0.6rem 1.6rem;color: var(--color-23);font-weight: 400;font-family: var(--font-cormorant);letter-spacing: -0.88px;margin-right: 1rem;transition: all .5s ease;}
.custom_tabs>li:last-child{margin-right: 0;}
.custom_tabs>li.active, .custom_tabs>li:hover{color: var(--color-ff);background-color: var(--color-77);}
.tab {margin-right: 5px; cursor: pointer; }
.tab.disabled { background-color: #ccc; color: #888; cursor: not-allowed; }
.fade {opacity: 0;animation: fade 1s forwards;}

  @keyframes fade {
    to {opacity: 1;}
  }
.tab-content {position: relative;  }
.tab-pane { display: none;}
.tab-pane.active { display: block; }

.accordion-tabs {display: none;}
.accordion-tabs :focus {outline: none;}
.accordiontab-item {margin-bottom: 1rem;}
.accordion-item__label {display: flex;justify-content: space-between;gap: 1rem;position: relative;font-size: var(--font-18);line-height: var(--line-height-26);background-color: var(--color-77);cursor: pointer;padding: 1rem 1.5rem;color: var(--color-ff);font-weight: 400;font-family: var(--font-cormorant);transition: all .5s ease;border: none;}
.accordion-item__label:after {content: '\F282';font-family: bootstrap-icons !important;font-size: var(--font-15);font-weight: 600;}
.accordion-item__label.active:after {content: '\F286';}
.accordion-item__container { height: 0;overflow: hidden;transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;opacity: 0;}
.accordion-item__container.active {padding-top: 1.5rem;height: auto; opacity: 1;}

@media (max-width: 767px) {
  .accordiontab-item {animation: none;opacity: 1;}
}
@media (min-width: 767px) {
  .accordion-tabs {display: inline-flex;margin-bottom: 3rem;}
  .accordion-tabs .accordion-tab {display: inline-block;width: auto;font-size: var(--font-22);line-height: 1;letter-spacing: -0.88px;background-color: var(--color-ff);padding: 0.7rem 1.6rem;color: var(--color-1f);font-weight: 400;border-radius: 0.4rem;font-family: var(--font-cormorant);margin-right: 1rem;transition: all .5s ease;border: none;}
  .accordion-tabs .accordion-tab:hover { color: var(--color-1f);background-color: var(--color-f0);}
  .accordion-tabs .accordion-tab.active {color: var(--color-1f);background-color: var(--color-f0);}
  .accordiontab-item {display: none;border: none;background: transparent;margin-bottom: 0;}
  .accordiontab-item .accordion-item__label{display: none;}
  .accordion-item__label, .accordion-item__container {padding: 0;transition: inherit;}
  .accordion-item__label {margin-bottom: 1.5rem;}
  .accordiontab-item.accordion-active {display: block;}
  .accordion-item__container.active {padding: 0;}
  .accordiontab-item.accordion-active>.accordion-item__container {padding-top: 1.5rem;height: auto; opacity: 1;}
}

/* Accordian Css Start */

.accordion-item {background-color: transparent; margin-bottom: 3rem; margin-left: 5rem;border-bottom: 0.1rem solid rgb(187 172 117 / 15%);}
.accordion-item:last-child{margin-bottom: 0;}
.accordion-item-header { padding: 0 1rem 2.4rem 0; display: flex; align-items: center; position: relative;  background: transparent; font-size: var(--font-24); line-height: var(--line-height-30); font-weight: normal; color: var(--color-1d); }

.accordion-item-header::after { content: '';position: absolute;left: -5rem;width: 1.9rem;height: 1.9rem;background: url(../images/plus-btn.svg) no-repeat center /contain;}
.accordion-item-header.active::after {content: '';background: url(../images/minus-btn.svg) no-repeat center /contain;}
.accordion-item-body {display: none; overflow: hidden;  background-color: transparent;transition: max-height 0.5s ease-out;}
.accordion-item-body-content {  padding-bottom: 2.4rem;padding-right: 1rem;}
.accordion-item-body-content .accordion-item-body-content{padding: 2.5rem ;}
.accordion-item-body-content p { color: var(--color-41); font-family: var(--font-intervogue); font-size: var(--font-18); letter-spacing: 0.36px; }

.accordion-item-body-content p:last-child{margin-bottom: 0;}
.accordion-item-header.active{ border-color: transparent;}
@media(max-width:1699px){
    .accordion-item{ margin-left: 4rem;}
    .accordion-item-header::after{left: -4rem;}
    .accordion-item-header{padding: 0 1rem 1.8rem 0;}
    .accordion-item-body-content{padding-bottom: 1.8rem;}
}
@media(max-width:1550px){
    .accordion-item{margin-bottom: 2rem;}
}

/* responsive start  */
@media(max-width:1399px){
 .accordion-item-header::after{width: 1.5rem;height: 1.5rem;}
}
@media(max-width:991px){
    .accordion-item { margin-bottom: 1.5rem; }
    .accordion-item-header {padding: 1.4rem 3.7rem 1.4rem 1.5rem;}
    .accordion-item-header::after{right: 1.5rem;}
    .accordion-item-body-content {padding: 2rem 0.7rem 2.1rem 1.5rem;}
}
@media(max-width:767px){
    .accordion-item-body-content { padding: 0 0 2rem; margin-top: -0.5rem; }
    .accordion-item-body-content>p { font-size: 1.2rem; line-height: 1.8rem; letter-spacing: 0.24px; margin-bottom: 2rem; padding-right: 1.99rem; }
    .accordion-item { margin-bottom:2rem; margin-left: 3rem; }
    .accordion-item-header::after { left: -3rem; width: 2rem; height: 2rem; top: 0.3rem; }
    .accordion-item-header { padding: 0; padding-bottom: 2rem; font-size: 1.6rem; line-height: 2.4rem; }
}
/*  UIAM - 02031998 End*/


/* 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.3 sease, opacity 0.3s ease, visibility 0.3s ease;}
.modal.show {opacity: 1;visibility: visible;display: flex;}
.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-ff);max-width: 70rem;width: 100%;position: relative;animation: ModalfadeIn 0.3s ease-in-out; display: flex;flex-direction: column; max-height: calc(100% - 3rem* 2);}
.closeModal {position: absolute;top: 0.5rem;right: 0.5rem;height: 3rem;width: 3rem;font-size: var(--font-21);line-height: normal;display: flex;align-items: center;justify-content: center;background-color: var(--color-17);color: var(--color-ff);opacity: 0.8;}
.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;}
@keyframes ModalfadeIn {from { opacity: 0; transform: scale(0.9); }to { opacity: 1; transform: scale(1); }}


@media(min-width:1199px) {
    .fade-zoom-img { opacity: 0; transform: scale(0.99); transition: opacity 1.8s ease-in-out, transform 1.5s ease-in-out; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); -o-transform: scale(0.99); }
    .fade-zoom-img.visible { opacity: 1; transform: scale(1); }
}

/* 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)));}


/* Stay Inform Start */
.stay_inform{position: relative;background-color: var(--color-e8);padding-block: 7.7rem 7.9rem;}
.stay_wrapper .sec_title { text-align: center; margin-inline: auto; max-width: 73%; margin-bottom: 4.6rem; }
.stay_wrapper .sec_title>*{color: var(--color-white);}
.stay_wrapper .sec_title>h3{margin-bottom: 3.9rem;color: var(--color-82);}
.stay_wrapper .sec_title>p{font-size: var(--font-24);line-height: var(--line-height-30);color: var(--color-1d);}
.stay_wrapper .sec_title>p:last-of-type{margin-bottom: 0;}
.stay_form .input_group { display: grid; grid-template-columns: 30.6rem 30.6rem 30.6rem 14rem;justify-content: center; gap: 2.4rem; margin-bottom: 4.7rem; }
.stay_form .input_group .form-group {position: relative;}
.stay_form .input_group .form-group .error-message { position: absolute; top: auto; bottom: -1.2rem; font-size: var(--font-14); background-color: var(--color-white); padding: 0.2rem 0.5rem; font-weight: 600; right: 2rem; }
.stay_form .error-message{ font-size: var(--font-14);font-weight: 600;}
.checkbox-group{display: flex;gap: 4rem;justify-content: center;margin-bottom: 0;}
.stay_form .form-check input[type=checkbox] {border: 1px solid var(--color-1d);}
.stay_form .form-check input[type=checkbox]::before {background-color: var(--color-1d);}
.stay_form .form-check p, .stay_form .form-check .form-check-label {color: var(--color-1d);}
.form_btn{text-align: center;}
input.theme_btn { border: none;  width: 100%; height: 100%; }
.privacy_link{text-align:center;margin-top:3rem;}
.privacy_link>a{font-weight: normal;
    font-size: var(--font-16);
    line-height: var(--line-height-21);
    font-family: var(--font-cormorant);
    color: var(--color-1d);}

@media(max-width:1699px){
    .stay_inform{padding-block: 5.2rem 4.4rem;}
    .stay_wrapper .sec_title{margin-bottom: 3.6rem;}
    .stay_wrapper .sec_title>h3 { margin-bottom: 2.9rem; }
    .stay_form .input_group{gap: 2rem;margin-bottom: 3.7rem; grid-template-columns: 28.3rem 28.3rem 28.3rem 12.3rem;}
    .checkbox-group{gap: 3rem;}
}
@media (max-width: 1549px) {
    .stay_inform {padding-block: 4.2rem 3.4rem;}
    .stay_wrapper .sec_title>h2 {margin-bottom: 2.7rem;}
    .stay_wrapper .sec_title {margin-bottom: 2.6rem;}
    .stay_form .input_group { margin-bottom: 3.7rem; gap: 1.5rem; grid-template-columns: 25.5rem 25.5rem 25.5rem 10.5rem; }
}
@media(max-width:1199px){
    .stay_form .input_group { margin-bottom: 2.7rem; gap: 1rem; grid-template-columns: 22rem 22rem 22rem 11.5rem; }
    .stay_wrapper .sec_title { padding-inline: 0; max-width: 88%; }
}
@media(max-width:1199px){
    .stay_form .input_group { grid-template-columns: 22rem 22rem 21rem 11rem;}
    .form_btn { text-align: left; }
    input.theme_btn{width: auto;}
}
@media(max-width:991px){
  .stay_wrapper .sec_title { padding-inline: 0; max-width: 100%; }

  .stay_form .input_group { grid-template-columns: 18rem 18rem 18rem 11rem; }
}

@media(max-width:767px){
    .stay_wrapper .sec_title {padding-inline: 0;margin-bottom:4rem;max-width: 100%;}
    .stay_wrapper .sec_title>p{font-size: 1.6rem;line-height: 2.1rem;}
    .stay_wrapper .sec_title>h3 {margin-bottom: 2.1rem;}
    .stay_form .input_group { grid-template-columns: repeat(1, 1fr); gap: 2.4rem; margin-bottom: 4.6rem; }
    .checkbox-group{flex-direction: column;gap: 1.5rem;}
    .form_btn { text-align: center; }
    input.theme_btn { width: auto; font-size: 2.1rem; letter-spacing: 0px; padding: 0.4rem 2rem; }
}

/* Search Area */
.search-section{padding-block: 6rem 10rem;min-height: 60vh;}
.search_bx {position: relative;background-color: var(--color-white);padding: 2rem 5rem 2rem 1.8rem;margin-bottom: 2rem;}
.search_bx:last-child{margin-bottom: 0;}
.search_bx>h5 {font-size: var(--font-24);font-weight: 600;color: var(--color-black);line-height: 1.16;margin-bottom: 1.5rem;transition: all .5s ease-out;}
.search_bx>.link { font-size: var(--font-18); font-weight: 400; color: var(--color-black); line-height: 1.16; margin-bottom: 1.5rem; font-family: var(--font-intervogue); }
.search_bx>p {font-size: var(--font-18); font-weight: 400; color: var(--color-black); line-height: 1.4; margin-bottom: 0; font-family: var(--font-intervogue); }
.search_bx:has(a:hover)>h6 {color: var(--color-96);}
.search_bx:has(a:hover)::after {background-position: left bottom;color: var(--color-white);}
.search_bx:has(a:hover)::before
.search_bx::before { background-color: var(--color-f0); position: absolute; bottom: 0; left: 0; content: ''; height: 0.1rem; width: 60%; transition: all 0.5s ease; }
.search_bx::after {content: '\F285';position: absolute;top: 50%;transform: translateY(-50%);right: 2rem;font-family: bootstrap-icons !important;flex-shrink: 0;width: 2.6rem;height: 2.6rem;line-height: 1;font-size: var(--font-11);border: .1rem solid #D2D2D2;color: var(--color-white);background-color: transparent;display: inline-flex;align-items: center;justify-content: center;font-weight: 800;background: linear-gradient(to right, var(--color-82) 49%, var(--color-96) 49%);background-size: 210% 110%;background-position: right bottom;transition: all .5s ease-out;}