@charset "UTF-8";
/*  UIAM - 02031998 */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Manrope:wght@200..800&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("jquery.fancybox.min.css");
@import url("../webfont/georgiaz-font.css");
@import url("custom.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-family-Roboto); }
main{padding-top: 15rem;}
main:has(.login_main){padding-top: 0;}

@media(max-width:991px){main{padding-top: 7.5rem;}}
@media(max-width:320px){main{padding-top: 6.9rem;}}
:root {
    --color-24: #00246E;
    --color-77: #7796D6;
    --color-23: #232323;
    --color-00: #000000;
    --color-ff: #ffffff;
    --color-f6: #F6F6F6;
    --color-f9: #f9f5f5;
    --font-Georgia-Regular: "Georgia Regular";
    --font-Georgia-Bold: "Georgia Bold";
    --font-family-IBM: "IBM Plex Sans", serif;
    --font-family-Roboto: "Roboto", serif;
    --font-family-Manrope: "Manrope", serif;
    --font-72: 7.2rem;
    --font-62: 6.2rem;
    --font-52: 5.2rem;
    --font-48: 4.8rem;
    --font-42: 4.2rem;
    --font-36: 3.6rem;
    --font-34: 3.4rem;
    --font-30: 2.1rem;
    --font-26: 2.6rem;
    --font-24: 2.4rem;
    --font-21: 2.1rem;
    --font-18: 1.8rem;
    --font-16: 1.6rem;
    --font-15: 1.5rem;
    --font-14: 1.4rem;
    --font-13: 1.1rem;
    --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(min-width:1199px) {
    :root {
        --font-72: 7.2rem;
        --font-62: 6.2rem;
        --font-52: 5.2rem;
        --font-48: 4.8rem;
        --font-42: 4.2rem;
        --font-36: 3.6rem;
        --font-34: 3.4rem;
        --font-30: 2.4rem;
        --font-26: 2.1rem;
        --font-24: 1.8rem;
        --font-21: 1.6rem;
        --font-18: 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: 1180px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .container-fluid {
        max-width: 100%;
        padding-inline: 2.5rem;
    }
}

@media(min-width:1300px) {
    .container {
        max-width: 1280px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(min-width:1450px) {
    :root {
        --font-72: 6.2rem;
        --font-62: 5.2rem;
        --font-52: 4.2rem;
        --font-48: 3.8rem;
        --font-42: 3.6rem;
        --font-36: 2.8rem;
        --font-34: 2.6rem;
        --font-30: 2.4rem;
        --font-26: 2.1rem;
        --font-24: 2rem;
        --font-21: 1.9rem;
        --font-18: 1.5rem;
        --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.8rem;
        --line-height-18: 1.9rem;
        --line-height-17: 1.8rem;
    }
    .container {
        max-width: 1366px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .container-fluid {
        max-width: 100%;
        padding-inline: 2.5rem;
    }
}

@media(min-width:1600px) {
    .container {
        max-width: 1400px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(min-width:1800px) {
    :root {
        --font-72: 7.2rem;
        --font-62: 6.2rem;
        --font-52: 5.2rem;
        --font-48: 4.8rem;
        --font-42: 4.2rem;
        --font-36: 3.6rem;
        --font-34: 3.4rem;
        --font-30: 3rem;
        --font-26: 2.6rem;
        --font-24: 2.4rem;
        --font-21: 2.1rem;
        --font-18: 1.8rem;
        --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-36: 3.6rem;
        --line-height-35: 3.5rem;
        --line-height-30: 3rem;
        --line-height-26: 2.6rem;
        --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;
    }
    .container {
        max-width: 1545px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .container-fluid {
        max-width: 100%;
        padding-inline: 5.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; }
html { font-size: 62.5%;  }
p { font-size: var(--font-18); color: var(--color-23); line-height: var(--line-height-26); margin-bottom: 3rem; }
p:empty { display: none !important; }
a { text-decoration: none; }
figure { margin-bottom: 0; }
button { cursor: pointer; }
h1 { font-size: var(--font-48); font-family: var(--font-Georgia-Regular); color: var(--color-24); font-weight: normal; }
h2 { font-size: var(--font-36); font-family: var(--font-Georgia-Regular); font-weight: normal; }
h3 { font-size: var(--font-30); line-height: var(--line-height-35); font-family: var(--font-Georgia-Regular); color: var(--color-24); font-weight: normal; }
h4 { font-size: var(--font-24); line-height: var(--line-height-36); font-weight: normal; color: var(--color-24); }
h5 { font-size: var(--font-21); font-family: var(--font-Georgia-Regular); font-weight: normal; }
h6 { font-size: var(--font-18); line-height: var(--line-height-26); font-family: var(--font-Georgia-Regular); font-weight: normal; }
@media(max-width:1199px) {
    h1 { font-size: 4.8rem; }
    h2 { font-size: 3.6rem; }
    h3 { font-size: 3rem; line-height: 3.5rem; }
    h4 { font-size: 2.4rem; line-height:3.6rem; }
    h5 { font-size: 2.1rem; }
    h6 { font-size: 1.8rem; line-height: 2.6rem; }
 }
@media(max-width:350px) {
    h1 { font-size: 4.2rem; }
    h2 { font-size: 3.4rem; }
    h3 { font-size: 2.8rem; line-height: 3.3rem; }
    h4 { font-size: 2.1rem; line-height:2.8rem; }
    h5 { font-size: 1.9rem; }
    h6 { font-size: 1.6rem; line-height: 2.4rem; }
 }
.more_btn { position: relative; display: inline-flex; gap: 0; font-size: var(--font-16); line-height: var(--line-height-24); font-weight: 400; padding-bottom: .5rem; border-bottom: .1rem dashed var(--color-24); font-family: var(--font-family-Roboto); color: var(--color-24); transition: all .5s ease; }
.more_btn::after { position: relative; content:'\F138'; font-family: bootstrap-icons !important; font-size: var(--font-18); right: -1rem; font-weight: 400; transition: all .5s ease; }
.more_btn:hover { color: var(--color-77); }
.more_btn:hover::after { right: -0.8rem; }
.back_btn { position: relative; display: inline-flex; flex-direction: row-reverse; gap: 1rem; font-size: var(--font-16); line-height: var(--line-height-24); font-weight: 400; padding-bottom: .5rem; border-bottom: .1rem dashed var(--color-24); font-family: var(--font-family-Roboto); color: var(--color-24); transition: all .5s ease; }
.back_btn::after { position: relative; content:'\F12F'; font-family: bootstrap-icons !important; font-size: var(--font-15); left: 0; font-weight: 400; transition: all .5s ease; }
.back_btn:hover { color: var(--color-77); }
.back_btn:hover::after { left: -0.2rem; }
@media(max-width:1199px) {
 .more_btn { font-size: 1.6rem; line-height: 2.4rem; padding-bottom: .7rem; }
 .back_btn { font-size: 1.6rem; line-height: 2.4rem; padding-bottom: .7rem; }
 }
@media(max-width:350px) {
 .more_btn { font-size: 1.4rem; line-height: 2.1rem; padding-bottom: .6rem; }
 .back_btn { font-size: 1.4rem; line-height: 2.1rem; padding-bottom: .6rem; }
 }

.btn_theme{font-weight: 500; display: inline-block; font-size: var(--font-16); line-height: var(--line-height-24); padding: 0.65rem 1.5rem; padding-right: 3rem; border: .1rem solid var(--color-ff); font-family: var(--font-family-Roboto); background-color: var(--color-24); color: var(--color-ff); transition: all .5s ease; background-image: url(../images/arrow-right.svg); background-repeat: no-repeat; background-size: 1.5rem;     background-position: right .85rem center;}
.btn_theme:hover { background-color: var(--color-77); border-color: var(--color-77); }

.overlap_btn { position: absolute; top: 0; left: 0; bottom: 0; right: 0; font-size: 0; }
:is(.swiper-button-prev, .swiper-button-next) { position: relative; margin-top: 0; width: 4.1rem; height: 3.7rem; right: auto; left: auto; font-size: var(--font-12); font-weight: bold; color: var(--color-24); background-color: var(--color-ff); transition: all .5s ease; }
:is(.swiper-button-prev, .swiper-button-next):hover { color: var(--color-ff); background-color: var(--color-24); }
.swiper-button-prev::after { content:'\F12F'; font-family: bootstrap-icons !important; font-size: inherit; }
.swiper-button-next::after { content:'\F138'; font-family: bootstrap-icons !important; font-size: inherit; }
@media(max-width:1600px) {
 :is(.swiper-button-prev, .swiper-button-next) { width: 3.1rem; height: 2.7rem; }
 }
@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%; }
 }
/* FormStyle */
select {width: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none;border-color: #ccc;background-image: url(../images/chevron-down.svg); background-repeat: no-repeat;background-size: 1.5rem 1.5rem; background-position:right .89rem center;padding: 1rem 1.5rem; padding-right: 3rem; }
select:focus { outline: none; box-shadow: none; }
.form-control { width: 100%; padding: 0.7rem 1.5rem; margin-bottom: 1.5rem; background-color: var(--color-ff); font-weight: 400; font-size: var(--font-16); line-height: var(--line-height-24); font-family: var(--font-family-Roboto); color: var(--color-23); border-color: inherit; border: .1rem solid #eee; }
.form-control:focus { outline: none; box-shadow: none; border-color: var(--color-77); }
.form-control::placeholder { font-weight: 400; font-size: var(--font-16); color: var(--color-23); }
@media(max-width:1600px) {
 .form-control { width: 100%; padding: 0.5rem 1rem; margin-bottom: 1rem; }
 }
.form-check { display: flex; align-items: center; gap: 10px; padding-left: 0; }
.form-check p { color: var(--color-ff); font-style: italic; font-size: var(--font-12); line-height: var(--line-height-21); margin-bottom: 0; }
 input[type=checkbox] { width: 17px; height: 17px; background-color: transparent; border: 1px solid #ccc; border-radius: 2px; }
 input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; margin: 0; font: inherit; color: currentColor; width: 1.7em; height: 1.7em; flex-shrink: 0; border: 1px solid #ccc; border-radius: 4px; transform: translateY(-0.075em); display: grid; place-content: center; }
 input[type=checkbox]::before { content: ""; width: 0.85em; height: 0.85em; -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out; box-shadow: none; background-color: #37B418; }
 input[type=checkbox]:checked::before { transform: scale(1) }
 input[type=checkbox]:focus { outline: none; outline-offset: 0 }
 input[type=checkbox]:disabled { color: var(--color-d4); cursor: not-allowed }
.form-check-input:checked { background-color: transparent; }
:is(input[type="submit"], input[type="reset"], input[value="Cancel"], input[type="button"]) { cursor: pointer; }
:is(input[type="submit"], input[type="reset"], input[value="Cancel"], input[type="button"]) { font-weight: 500; display: inline-block; font-size: var(--font-16); line-height: var(--line-height-24); padding: 0.65rem 1.5rem; padding-right: 3rem; border: .1rem solid var(--color-ff); font-family: var(--font-family-Roboto); background-color: transparent; color: var(--color-ff); transition: all .5s ease; background-image: url(../images/arrow-right.svg); background-repeat: no-repeat; background-size: 1.5rem 1.5rem;background-position: right .89rem center; }
:is(input[type="submit"], input[type="reset"], input[value="Cancel"], input[type="button"]):hover { background-color: var(--color-77); border-color: var(--color-77); }
input[type="reset"]{background-image: url(../images/arrow-counterclockwise.svg);background-repeat: no-repeat;background-size: 1.5rem;background-position: 90% 50%;}
input[value="Cancel"]{background-image: url(../images/cencel-icon.svg);background-repeat: no-repeat;background-size: 1.5rem;background-position: 90% 50%;}

:is(.form-control, .form-select):focus{border-color: var(--color-24) !important;}
/* Custom Tab */
.tabs { list-style: none; padding: 0; margin: 0; display: flex; }
.custom_tabs>li{font-size: var(--font-18);line-height: var(--line-height-26); background-color: var(--color-ff);padding: 1rem 1.5rem;color: var(--color-23);font-weight: 400; font-family: var(--font-family-Roboto);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; }


/* Modal Css */
.modal {display: none;position: fixed;z-index: 1000;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) {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;cursor: pointer;display: flex;align-items: center;justify-content: center;background-color: var(--color-77);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); }}
/*  UIAM - 02031998 End*/