@charset "UTF-8"; /*  UIAK - 15031993 */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url("aos.css");
@import url("nice-select.css");
@import url("swiper-bundle.min.css");
@import url("rboxbox.css");
@import url("magnific-popup.min.css");
@import url("custom.css");
@import url("header.css");
@import url("footer.css");
@import url("mobile-menu.css");
@import url("font.css");
@import url("lenis.min.css");
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: var(--font-grotesk);
}
main {
    background-color: var(--color-ee);
}
.text-danger {
    color: red;
    font: var(--font-12);
}
:root {
    --font-grotesk: "Clash Grotesk";
    /* --font-grotesk2: "Clash Grotesk, Light"; */
    --font-mcl: "MCL Standard";
    --color-77: #003a77;
    --color-34: #f48034;
    --color-29: #f3cf29;
    --color-ec: #ecc820;
    --color-fc: #ffcc00;
    --color-20: #231f20;
    --color-43: #343434;
    --color-3d: #3d3d3d;
    --color-4b: #4b4b4b;
    --color-d6: #d6dce2;
    --color-16: #161616;
    --color-e2: #d7dce2;
    --color-ee: #eeeeee;
    --color-0e: #307a0e;
    --color-f4: #4dc8f4;
    --color-ee: #eeeeee;
    --color-ce: #cecece;
    --color-d8: #d8d8d8;
    --color-23: #231f20;
    --color-57: #575757;
    --color-53: #53565a;
    --color-7b: #7b7b7b;
    --color-78: #F8F8F8;
    --color-FF0: #FF8000;
      --color-36: #363636;
    --color-white: #ffffff;
    --color-black: #000000;
    --leftminus120: -1.5rem;
    --rightminus120: -1.5rem;
    --mw-2535: 2535px;
    --font-100: normal normal 500 10rem/0.85 var(--font-mcl);
    --font-96: normal normal 500 9.6rem/1.04 var(--font-mcl);
    --font-72: normal normal 500 7.2rem/0.94 var(--font-mcl);
    --font-62: normal normal 300 6.2rem/0.887 var(--font-mcl);
    --font-60: normal normal 300 6rem/1 var(--font-mcl);
    --font-58: normal normal 300 5.8rem/0.85 var(--font-mcl);
    --font-56: normal normal 300 5.6rem/0.75 var(--font-mcl);
    --font-54: normal normal 300 5.4rem/1.42 var(--font-mcl);
    --font-48: normal normal 500 4.8rem/0.875 var(--font-mcl);
    --font-42: normal normal 200 4.2rem/1.143 var(--font-mcl);
    --font-40: normal normal normal 4rem/1.075 var(--font-mcl);
    --font-36: normal normal 300 3.6rem/1.333 var(--font-mcl);
    --font-34: normal normal 300 3.2rem/1.23 var(--font-mcl);
    --font-32: normal normal 300 3.2rem/1.31 var(--font-mcl);
    --font-30: normal normal 300 3rem/1.333 var(--font-mcl);
    --font-28: normal normal 300 2.8rem/1.23 var(--font-mcl);
    --font-26: normal normal normal 2.6rem/1.23 var(--font-mcl);
    --font-24: normal normal normal 2.4rem/1.5 var(--font-mcl);
    --font-21: normal normal 400 2.1rem/1.23 var(--font-grotesk);
    --font-20: normal normal 600 2rem/1.4 var(--font-mcl);
    --font-19: normal normal 300 1.9rem/1.33 var(--font-mcl);
    --font-18: normal normal 400 1.8rem/1.6 var(--font-grotesk);
    --font-16: normal normal 400 1.6rem/1.5 var(--font-grotesk);
    --font-15: normal normal 400 1.5rem/1.5 var(--font-grotesk);
    --font-14: normal normal 400 1.4rem/1.571 var(--font-grotesk);
    --font-13: normal normal 400 1.3rem/1.385 var(--font-grotesk);
    --font-12: normal normal 300 1.2rem/1.5 var(--font-grotesk);
    --font-11: normal normal 400 1.1rem/1.545 var(--font-grotesk);
    --line-height-31: calc(3.1rem / 2.6rem);
    --line-height-30: calc(3rem / 2.1rem);
      --line-height-28: calc(2.4rem / 1.4rem);
    --line-height-22: calc(2.2rem / 1.4rem);
    --line-height-21: calc(2.1rem / 1.4rem);
    --line-height-19: calc(1.9rem / 1.2rem);
    --line-height-15: calc(1.5rem / 1.2rem);
}
/* .container { max-width: 1340px; padding-left: 1.5rem; padding-right: 1.5rem; }
*/
.container-fluid {
    max-width: 91.645%;
    container-type: inline-size;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.container {
    max-width: 78.38541666666667%;
    container-type: inline-size;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.full-width {
    max-width: 2550px;
    margin-inline: auto;
}
.nice-select{width: 100%;height: auto;border: none;background-color: rgb(255 255 255 / 33%);box-shadow: 0px 16px 56px rgb(0 0 0 / 9%);padding-inline: 3.1rem 4.5rem;border-radius: 0;padding-block: 0.9rem;}
.nice-select .current, .nice-select{ font: var(--font-18); font-weight: 300; letter-spacing: 0.072rem; color: var(--color-7b);}
.nice-select:after { border-bottom:.1rem solid var(--color-7b); border-right:.1rem solid var(--color-7b); width: 0.9rem; height: 0.9rem;right: 3rem;}
.nice-select .list{width: 100%;padding-bottom: 1.2rem;max-height:45rem;overflow-y: scroll;}
.nice-select .option.selected{font-weight: normal;color: var(--color-77);}
.nice-select .option { white-space: normal !important; line-height: 1.5; min-height: auto; padding-inline: 2rem; padding-block: 1rem;}
 
html {
    font-size: clamp(6px, 0.52vw, 10px);    
}
.pagination{margin-top: 5rem;display: flex; justify-content: center;list-style-type: none;gap: .1rem;padding: 0;}
.pagination .page-link{font: var(--font-18);width:4rem;height:4rem;display: flex;flex-wrap:wrap;justify-content: center;align-items: center;background: var(--color-white);}
.pagination .page-link[aria-label], .pagination .page-item.disabled .page-link{font: var(--font-28);line-height:.5;}
.pagination .page-item:hover .page-link{background: var(--color-34);color: var(--color-white);}
.pagination .page-item.active .page-link{background: var(--color-77);color: var(--color-white);}

@media (min-width: 1920px) {
    html {
        font-size: clamp(6px, 0.55vw, 10px);
    }
    .container-fluid {
        max-width: 1755px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .container {
        max-width: 1505px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
@media (min-width:1649px) and (max-width:1950px) {
   html { font-size: clamp(8px, 0.52vw, 8px); }
}
@media (max-width:1399px) {
    :root{
        --font-18: normal normal 400 2rem/1.6 var(--font-grotesk);
        --font-16: normal normal 400 1.8rem/1.5 var(--font-grotesk);
        --font-15: normal normal 400 1.7rem/1.5 var(--font-grotesk);
        --font-14: normal normal 400 1.8rem/1.571 var(--font-grotesk);
        --font-13: normal normal 400 1.5rem/1.385 var(--font-grotesk);
        --font-12: normal normal 300 1.4rem/1.5 var(--font-grotesk);
        --font-11: normal normal 400 1.3rem/1.545 var(--font-grotesk);
    }
    .nice-select { padding-block: 0.8rem; }
    .nice-select { padding-inline: 2.1rem 2.5rem;}
    .nice-select:after { right: 2rem; }
}
/* @media (max-width:1280px) {
   html { font-size: clamp(7.5px, 0.52vw, 8px); }
}
@media(max-width: 1199px) {
   .container-fluid {max-width: 95.645%;}
   html { font-size: clamp(7px, 0.52vw, 7px); }
} */
 @media (max-width:1199px) {
    
 }
@media (max-width:991px) {
    html { font-size:62.5%; }
    :root{
        --font-100: normal normal 500 4.8rem/0.85 var(--font-mcl);
        --font-96: normal normal 500 4.6rem/1.04 var(--font-mcl);
        --font-72: normal normal 500 6.2rem/0.94 var(--font-mcl);
        --font-62: normal normal 300 5.2rem/0.887 var(--font-mcl);
        --font-60: normal normal 300 5rem/1 var(--font-mcl);
        --font-58: normal normal 300 4.8rem/0.85 var(--font-mcl);
        --font-56: normal normal 300 4.6rem/0.75 var(--font-mcl);
        --font-54: normal normal 300 4.4rem/1.42 var(--font-mcl);
        --font-48: normal normal 500 3.2rem/0.875 var(--font-mcl);
        --font-42: normal normal 200 3.2rem/1.143 var(--font-mcl);
        --font-40: normal normal 3rem/1.075 var(--font-mcl);
        --font-36: normal normal 300 3rem/1.333 var(--font-mcl);
        --font-34: normal normal 300 2.8rem/1.23 var(--font-mcl);
        --font-32: normal normal 300 2.4rem/1.31 var(--font-mcl);
        --font-30: normal normal 300 2.4rem/1.333 var(--font-mcl);
        --font-28: normal normal 300 2.2rem/1.23 var(--font-mcl);
        --font-26: normal normal normal 2.2rem/1.23 var(--font-mcl);
        --font-24: normal normal normal 2rem/1.5 var(--font-mcl);
        --font-21: normal normal 400 1.8rem/1.23 var(--font-grotesk);
        --font-20: normal normal 600 1.8rem/1.4 var(--font-mcl);
        --font-19: normal normal 300 1.6rem/1.33 var(--font-mcl);
        --font-18: normal normal 400 1.6rem/1.5 var(--font-grotesk);
        --font-16: normal normal 400 1.5rem/1.5 var(--font-grotesk);
        --font-15: normal normal 400 1.4rem/1.5 var(--font-grotesk);
        --font-14: normal normal 400 1.4rem/1.571 var(--font-grotesk);
        --font-13: normal normal 400 1.3rem/1.385 var(--font-grotesk);
        --font-12: normal normal 300 1.2rem/1.5 var(--font-grotesk);
        --font-11: normal normal 400 1.1rem/1.545 var(--font-grotesk);
    }
    .pagination .page-link{width:3rem;height:3rem;}
    .pagination { margin-block: 4rem 0;}
    .nice-select { padding-inline: 1.2rem 1.5rem; }
    .nice-select:after { right: 1.5rem; }
}/*-----991px-end----------*/
@media (max-width:767px) {
    :root{
        --font-56: normal normal 300 3.6rem/0.75 var(--font-mcl);
        --font-54: normal normal 300 3.4rem/1.42 var(--font-mcl);
    }
     .pagination { margin-block:3rem 0;}
    .pagination .page-link[aria-label], .pagination .page-item.disabled .page-link { font: var(--font-24); }
}/*-----767px-end----------*/
@media (max-width:575px) {
    :root{
        --font-48: normal 500 3.2rem/0.875 var(--font-mcl);
        --font-28: normal normal 300 2.1rem/1.23 var(--font-mcl);
        --font-24: normal normal normal 2rem/1.5 var(--font-mcl);
    }
    .pagination { margin-block:2.5rem 0;}
    .pagination .page-link{width:2.5rem;height:2.5rem;}
    .pagination .page-link[aria-label], .pagination .page-item.disabled .page-link, .pagination .page-link{ font: var(--font-16); line-height: 1;}
}/*-----575px-end----------*/
@media (max-width:350px) {
    :root{
        --font-48: normal 500 2.8rem/0.875 var(--font-mcl);
        --font-30: normal normal 300 2.2rem / 1.333 var(--font-mcl);
        --font-28: normal normal 300 2rem/1.23 var(--font-mcl);
        --font-26: normal normal normal 1.9rem / 1.23 var(--font-mcl);
        --font-24: normal normal normal 1.8rem/1.5 var(--font-mcl);
    }
}/*-----350px-end----------*/
::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-ee);
    scroll-behavior: unset !important;
}
p {
    font: var(--font-18);
    font-weight: 300;
    line-height: 1.5;
    color: var(--color-black);
    letter-spacing: 0.108rem;
    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;
    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;
    min-height: calc(100vh - 18rem);
    /* display: flex;
    flex-direction: column; */
}
blockquote {
    margin: 0;
}
h1 {
    font: var(--font-72);
    color: var(--color-black);
}
h2 {
    font: var(--font-48);
    color: var(--color-77);
}
h3 {
    font: var(--font-34);
    color: var(--color-black);
}
h4 {
    font: var(--font-28);
    color: var(--color-black);
}
h5 {
    font: var(--font-24);
    color: var(--color-black);
}
h6 {
    font: var(--font-21);
    color: var(--color-black);
}
.title48 {
    font: var(--font-48);
    line-height: 0.875;
    letter-spacing: -0.048rem;
    font-weight: 500;
    color: var(--color-77);
}
.title24 {
    font: var(--font-24);
    line-height: 1.292;
    letter-spacing: 0.048rem;
    font-weight: 300;
    color: var(--color-77);
}
.title28 {
    font: var(--font-28);
    letter-spacing: 0.056rem;
    font-weight: 300;
    color: var(--color-black);
}.title30 {
  font: var(--font-30);
  line-height: 1.3;
  letter-spacing: 0.6px;
  font-weight: 300;
  color: var(--color-77);
}
::-webkit-scrollbar {
    width: 0.5rem;
}
::-webkit-scrollbar-thumb {
    background-color: var(--color-77);
    border-radius: 0.2rem;
}
::-webkit-scrollbar-track {
    background-color: var(--color-white);
    border-radius: 0.2rem;
}
.overlap_btn {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    font-size: 0;
    opacity: 0;
    text-indent: -10000px;
}
.more_btn {
    display: inline-block;
}
.more_btn > img {
    width: 3.2rem;
}
.more_btn:hover {
    background-color: var(--color-34);
}
.load_bx {
    position: relative;
    margin-top: 6.3rem;
    display: flex;
    justify-content: center;
}
.load_bx::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    /* max-width: 52.9rem;
    width: 100%; */
     max-width: 40%;
    width: 40%;
    height: 0.1rem;
    background-color: var(--color-d8);
}
.load_bx::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    /* max-width: 52.9rem;
    width: 100%; */
     max-width: 40%;
    width: 40%;
    height: 0.1rem;
    background-color: var(--color-d8);
}
.load_btn {
    position: relative;
    display: flex;
    gap: 1.6rem;
    align-items: center;
    padding-inline: 3rem;
    font: var(--font-16);
    font-weight: 400;
    color: var(--color-77);
    background-color: var(--color-ee);
    z-index: 1;
}
.load_btn::after {
    content: "";
    width: 3.2rem;
    height: 3.2rem;
    background: url(../images/plus-icon.svg) no-repeat center / cover;
}
.load_btn.active::after {
    background: url(../images/minus-icon.svg) no-repeat center / cover;
}
.back_bx {
    position: relative;
}
.back_bx::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: calc(100% - 12.4rem);
    height: 0.1rem;
    background-color: var(--color-d8);
}
.back_btn:hover {
    background-color: var(--color-34);
}
.back_btn {
    font: var(--font-18);
    font-weight: 300;
    color: var(--color-white);
    letter-spacing: 0.108rem;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 1.2rem;
    padding: 0.8rem 1.6rem;
    background-color: var(--color-77);
}
.back_btn > img {
    width: 0.7rem;
}
.pdf_btn {
    font: var(--font-18);
    line-height: 1;
    font-weight: 300;
    letter-spacing: 0.058rem;
    color: var(--color-77);
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    background-color: rgb(0 58 119 / 13%);
    padding: 0.6rem 1.6rem;
    border-radius: 0.2rem;
}
.pdf_btn > img {
    width: 1.6rem;
    flex-shrink: 0;
}
.pdf_btn:hover {
    color: var(--color-white);
    background-color: var(--color-77);
}
.text-white {
    color: var(--color-white) !important;
}
.apply_btn {
    display: inline-block;
    font: var(--font-18);
    font-weight: 300;
    letter-spacing: 0.036rem;
    line-height: 1.1112;
    color: var(--color-white);
    background:
        linear-gradient(to right, var(--color-77) 0%, var(--color-77) 100%),
        var(--color-34);
    background-size:
        0% 100%,
        100% 100%;
    background-repeat: no-repeat;
    padding: 0.5rem 1rem;
    transition: background-size 0.45s ease;
}
.apply_btn:hover {
    background-size:
        100% 100%,
        100% 100%;
}
@media (max-width:991px) {
    .load_bx { margin-top: 3.3rem;}
}
@media (max-width:575px) {
   .load_bx { margin-top: 2.3rem; }
   .load_btn::after { width: 2.2rem; height: 2.2rem;}
   .load_btn {padding-inline: 2rem;}
    
}
/* .swiper-wrapper { cursor:none !important; }
*/
.swiper_nav {
    display: inline-flex;
    gap: 0.4rem;
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
    position: relative;
    margin-top: 0;
    width: 3rem;
    height: 3rem;
    right: auto;
    left: auto;
    font-weight: bold;
    color: var(--color-white);
    background-color: transparent;
    border: 0.1rem solid var(--color-white);
    border-radius: 0;
    overflow: hidden;
    transition: all 0.5s ease;
}
.swiper .swiper-button-prev > svg,
.swiper .swiper-button-next > svg {
    width: 0.55rem;
}
.swiper .swiper-button-prev:hover,
.swiper .swiper-button-next:hover {
    color: var(--color-white);
    background-color: var(--color-34);
}
.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%;
    }
}
@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;
    }
}
/* Accordion Area Start */
/* .accordions-button {
    position: relative;
    cursor: pointer;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
    background-color: rgb(83 86 90 / 10%);
    width: 100%;
    text-align: left;
    font: var(--font-18);
    font-family: var(--font-mcl);
    line-height: 1.322;
    letter-spacing: 0.088rem;
    font-weight: 300;
    color: var(--color-black);
    padding-block: 1.3rem;
    padding-inline: 3rem 1.1rem;
    border: 0;
    transition: all 0.5s ease;
    border-radius: 0.4rem;
}
.accordions-button::after {
    content: "";
    position: relative;
    display: block;
    width: 2.8rem;
    height: 2.8rem;
    box-shadow: 0px 5px 8px #00000014;
    background: url(../images/accordion-plus.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/accordion-minus.svg) no-repeat transparent;
    background-position: center;
    background-size: cover;
}
.accordions-button.active {
    background-color: var(--color-34);
    color: var(--color-white);
} */
 .accordions-button {
  position: relative;
  cursor: pointer;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-white);
  width: 100%;
  text-align: left;
  font: var(--font-24);
  font-family: var(--font-mcl);
  line-height: 1.322;
  letter-spacing: 0.088rem;
  font-weight: 300;
 padding: 2.3rem 2.9rem 1.8rem 2.3rem; color: var(--color-77); 
 border: 0;
 border-bottom: 0.1rem solid #F480344D; 
  transition: all 0.5s ease;
  border-radius: 0;
}
.accordions-button::after {
content: ""; width: 3.5rem; height: 3.5rem; flex-shrink: 0; background-image: url("../images/accordian_plus.svg"); 
background-repeat: no-repeat; background-position: center; background-size: 1.8rem 1.8rem; border-radius: 50%;
box-shadow: 0px 3px 10px #00000017;
}
.accordions-button.active::after {
background-color: var(--color-white); background-image: url("../images/accordian_minus.svg");
}
.accordions-button.active {
 background-color: var(--color-34); color: var(--color-white);
}
.accordions-item .accordions-body{ background-color: var(--color-white); border-bottom: 0.1rem solid var(--color-34); }
.accordions-item:not(:last-child) {
    margin-bottom: 1.4rem;
}
.accordions-item:nth-child(1) > .accordions-button {
    border-top: 0;
}
.accordions-collapse {
    display: none;
}
.accordions-item:last-child .accordions-collapse {
    padding-bottom: 0;
}
.accordions-body {
    padding-block: 2.5rem 4.9rem;
    padding-inline: 2.4rem 2.8rem;
}
@media (max-width:991px) {
    .accordions-button{padding: 1rem 1.5rem;font: var(--font-24);}
    .accordions-button::after { width: 2.5rem; height: 2.5rem; background-size: 1.2rem 1.2rem;}
    .accordions-item .accordions-body{padding:2rem 1.5rem;}
    .accordions-item:not(:last-child) { margin-bottom: 1rem; }
}
@media (max-width: 575px) {
    .accordions-button::after { width: 2rem; height: 2rem; background-size: 1rem 1.2rem;}
    .accordions-button{font: var(--font-21);}
}
/*  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.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-white);
    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-white);
    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);
    }
}
/* 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: 0.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: 0.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);
        }
    }
}
@media (max-width: 991px) {
    .container-fluid {
        max-width: 100%;
        width: 100%;
        padding-inline: 1.6rem;
    }
    .container {
        max-width: 100%;
        width: 100%;
        padding-inline: 1.6rem;
    }
}
.image-container {
    position: relative;
    overflow: hidden;
    padding-bottom: calc(50% / (var(--ratio)));
}
.custom_bullets {
    margin: 0;
    padding: 0;
}
.custom_bullets > li {
    position: relative;
    list-style: none;
    font: var(--font-18);
    line-height: var(--line-height-28);
    color: var(--color-black);
    font-weight: normal;
    padding-left: 3.5rem;
    margin-bottom: 2.5rem;
}
.custom_bullets > li:last-child {
    margin-bottom: 0;
}
.custom_bullets > li::before {
    content: "";
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--color-34);
    left: 0;
    top: 1rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
@media (max-width: 1549px) {
    .custom_bullets > li {
        padding-left: 2rem;
    }
    .custom_bullets > li::before {
        width: 0.56rem;
        height: 0.56rem;
        top: 1.2rem;
    }
}
@media (max-width:991px) {
 .custom_bullets > li {margin-bottom: 0.8rem;}
}
@media (max-width: 767px) {
    .custom_bullets > li {
        padding-left: 2rem;
    }
    .custom_bullets > li::before {
        width: 0.46rem;
        height: 0.46rem;
        top: 0.6rem;
    }
}
/* Accordion Tabs Area Start */
.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: var(--font-18);
    background-color: var(--color-77);
    cursor: pointer;
    padding: 1rem 1.5rem;
    color: var(--color-white);
    font-weight: 400;
    transition: all 0.5s ease;
    border: none;
}
.accordion-item__label:after {
    content: "\F282";
    font-family: bootstrap-icons !important;
    font: 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;
    -webkit-transition:
        max-height 0.3s ease-in-out,
        opacity 0.3s ease-in-out;
    -moz-transition:
        max-height 0.3s ease-in-out,
        opacity 0.3s ease-in-out;
    -ms-transition:
        max-height 0.3s ease-in-out,
        opacity 0.3s ease-in-out;
    -o-transition:
        max-height 0.3s ease-in-out,
        opacity 0.3s ease-in-out;
}
.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;
        gap: 0.8rem;
        width: 100%;
        margin-bottom: 3rem;
    }
    .accordion-tabs .tab-button {
        cursor: pointer;
        font: var(--font-18);
        background-color: var(--color-white);
        padding: 1rem 1.5rem;
        color: var(--color-black);
        font-weight: 400;
        transition: all 0.5s ease;
        border: none;
    }
    .accordion-tabs .tab-button:hover {
        color: var(--color-white);
        background-color: var(--color-77);
    }
    .accordion-tabs .tab-button.active {
        color: var(--color-white);
        background-color: var(--color-77);
    }
    .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 {
        height: auto;
        opacity: 1;
    }
}
.inner_title {
    padding-bottom: 8rem;
}
.inner_title h3 {
    font: var(--font-28);
    padding-bottom: 1.6rem;
    color: var(--color-77);
    letter-spacing: 0.56px;
}
.inner_title h5 {
    font: var(--font-48);
    font-weight: 500;
    color: var(--color-77);
    letter-spacing: -0.48px;
    line-height: 1;
}
.inner_title:has(h5 + p) h5 {
    margin-bottom: 3.6rem;
}
.inner_title h5 span {
    color: var(--color-34);
    font: var(--font-48);
    font-weight: 500;
    letter-spacing: -0.48px;
}
/* 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: var(--font-24);
    font-weight: 600;
    color: var(--color-black);
    line-height: 1.16;
    margin-bottom: 1.5rem;
    transition: all 0.5s ease-out;
}
.search_bx > .link {
    font: 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: 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: var(--font-11);
    border: 0.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-84) 49%,
        var(--color-96) 49%
    );
    background-size: 210% 110%;
    background-position: right bottom;
    transition: all 0.5s ease-out;
}