@charset "UTF-8";
/*  UIAM - 02031998 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Saira: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("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-montserrat);}
main{background-color: var(--color-white);}
.text-danger{color: red;font: var(--font-12); font-weight: 400;}


:root{
    --font-montserrat: "Montserrat", sans-serif;
    --font-saira: "Saira", sans-serif;
    --color-03:#036799;
    --color-f8:#F89823;
    --color-15:#152242;
    --color-21:#211E1F;
    --color-2d:#2D2C2B;
    --color-06:#060446;
    --color-2e:#2E2E2E;
    --color-db:#DB8011;
    --color-fb:#FBFBFB;
    --color-f3:#F3F3F3;    
    --color-f2:#F2F2F2;    
    --color-f6:#f6f6f6;    
    --color-55:#555555; 
    --color-ec:#ECECEC; 
    --color-f9:#F9F9F9;   
    --color-d5:#D5D5D5; 
    --color-e3:#E31C2A; 
    --color-20:#202D50;
    --color-2d:#2D2C2B;
    --color-70:#707070;  
    --color-white:#ffffff;
    --color-black:#000000;
    --leftminus120:-1.5rem;
    --rightminus120:-1.5rem;
    --font-110: normal normal bold 11rem/0.8 var(--font-montserrat);
    --font-85: normal normal bold 8.5rem/1.212 var(--font-montserrat);
    --font-84: normal normal 200 8.4rem/1.571 var(--font-saira);
    --font-80: normal normal bold 8rem/0.888 var(--font-montserrat);
    --font-72: normal normal bold 7.2rem/1.222 var(--font-montserrat);
    --font-70: normal normal bold 7rem/1.014 var(--font-montserrat);
    --font-56: normal normal normal 5.6rem/1.589 var(--font-saira);
    --font-42: normal normal 200 4.2rem/1.143 var(--font-montserrat);
    --font-40: normal normal normal 4rem/1.075 var(--font-montserrat);
    --font-36: normal normal 300 3.6rem/1.333 var(--font-montserrat);
    --font-30: normal normal bold 3rem/1.233 var(--font-montserrat);
    --font-26: normal normal 500 2.6rem/1.385 var(--font-montserrat);
    --font-24: normal normal 500 2.4rem/1.5 var(--font-montserrat);
    --font-21: normal normal 600 2.1rem/1.571 var(--font-saira);
    --font-20: normal normal 600 2rem/1.4 var(--font-saira);
    --font-18: normal normal 300 1.8rem/1.111 var(--font-saira);
    --font-16: normal normal normal 1.6rem/1.5 var(--font-montserrat);
    --font-15: normal normal normal 1.5rem/1.5 var(--font-montserrat);
    --font-14: normal normal normal 1.4rem/1.571 var(--font-saira);
    --font-13: normal normal normal 1.3rem/1.385 var(--font-montserrat);
    --font-12: normal normal 300 1.2rem/1.5 var(--font-montserrat);
    --font-11: normal normal normal 1.1rem/1.545 var(--font-saira);
    --line-height-31:calc(3.1rem / 2.6rem);
    --line-height-30:calc(3rem / 2.1rem);
    --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: 1394px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
html{font-size:62.5%;}

@media(max-width:1750px){
    .container{max-width:1273px;}
    html{font-size:57.1%;}
}

@media(max-width:1550px){
    .container{max-width:1025px;}
    html{font-size:45.89%;}

}

@media(max-width:1200px){
    .container{max-width:882px;}
    html{font-size:39.88%;}
}
@media(max-width:1024px){
    .container{max-width:810px;}
    html{font-size:34.88%;}
}

@media(max-width:991px){

        html{font-size:35.88%;}

}

@media(max-width:767px){
    :root{
        --font-110: normal normal bold 4.8rem/0.8 var(--font-montserrat);
        --font-85: normal normal bold 3.8rem/1.212 var(--font-montserrat);
        --font-84: normal normal 200 4.6rem/1.571 var(--font-saira);
        --font-80: normal normal bold 4.2rem/0.888 var(--font-montserrat);
        --font-72: normal normal bold 3.9rem/1 var(--font-montserrat);
        --font-70: normal normal bold 3.9rem/1 var(--font-montserrat);
        --font-56: normal normal normal 3.8rem/1.589 var(--font-saira);
        --font-42: normal normal 200 2.4rem/1.143 var(--font-montserrat);
        --font-40: normal normal normal 2.4rem/1.075 var(--font-montserrat);
        --font-36: normal normal 300 2.1rem/1.333 var(--font-montserrat);
        --font-30: normal normal bold 2.2rem/1.233 var(--font-montserrat);
        --font-26: normal normal 500 2.6rem/1.385 var(--font-montserrat);
        --font-24: normal normal 500 1.8rem/1.5 var(--font-montserrat);
        --font-21: normal normal 600 1.6rem/1.571 var(--font-saira);
        --font-20: normal normal 600 1.5rem/1.5 var(--font-saira);
        --font-18: normal normal 300 1.4rem/1.5 var(--font-saira);
        --font-16: normal normal normal 1.4rem/1.5 var(--font-montserrat);
        --font-15: normal normal normal 1.3rem/1.5 var(--font-montserrat);
        --font-14: normal normal normal 1.2rem/1.571 var(--font-saira);
        --font-13: normal normal normal 1.3rem/1.385 var(--font-montserrat);
        --font-12: normal normal 300 1.2rem/1.5 var(--font-montserrat);
        --font-11: normal normal normal 1rem/1.545 var(--font-saira);
    }
    html{font-size:66.5%;}
    .container{padding-left:1.8rem;padding-right:1.8rem;}
}
@media(max-width:380px){
       html{font-size:62.5%;}
}
@media(max-width:360px){
    html{font-size:52.5%;}
}
@media(min-width:2500px){
    .container{max-width:1830px;padding-left:1.5rem;padding-right:1.5rem;}
    html{font-size:82%;}
}

::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-f3);scroll-behavior: unset !important;}
p { font: var(--font-16); font-weight: normal; font-family: var(--font-saira); color: var(--color-2e);margin-bottom: 3rem; }
li {list-style: none; font: var(--font-16); font-weight: normal; font-family: var(--font-saira);}
p:last-of-type{margin-bottom: 0;}
@media(max-width:1550px){
    p{margin-bottom: 2rem;
        font: var(--font-20);
        line-height: 3.2rem;
        font-weight: 400;}
li {

    font: var(--font-20);
    font-weight: 400;
}

    

}

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;}

 
h1{font:var(--font-72);color:var(--color-black)}
h2{font:var(--font-42);color:var(--color-03);font-weight:600;letter-spacing: -0.84px;}
h3{font:var(--font-36);color:var(--color-black);}
h4{font:var(--font-24);color:var(--color-black);}
h5{font:var(--font-21);color:var(--color-black);}
h6{font:var(--font-18);color:var(--color-black);}

::-webkit-scrollbar{width:0.5rem;}
::-webkit-scrollbar-thumb{background-color:var(--color-f8);border-radius:0.2rem;}
::-webkit-scrollbar-track{background-color:var(--color-f6);border-radius:0.2rem;}

.overlap_btn{position:absolute;top:0;left:0;bottom:0;right:0;font-size:0;z-index: 1;}

.read_btn{display:inline-block;border-radius:50%;}
.read_btn>img{width:2.8rem;}

@media(max-width:767px){
    .read_btn>img{width:2.9rem;}
    p {
            line-height: 2.6rem;
    }

}
.leader_items:hover .about_dis {background-color: var(--color-03);transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.leader_items:hover .about_dis>h5{color: var(--color-white);}
.leader_items:hover .about_dis>p{ color: var(--color-white);}
.sec_title>h5{font: var(--font-21);font-weight: 600;color: var(--color-03);text-transform: uppercase;letter-spacing: 0.21rem;}
.sec_title>h2{font-weight: 200;color: var(--color-21);}

@media(max-width:767px){
    .sec_title>h5{letter-spacing: 0.16rem;}
}
.notify_btn{position:absolute;bottom:3rem;right:4rem;max-width: 28.3rem;z-index:1;display: none;}
.notify_btn>a{display:inline-flex;align-items:center;gap:3rem;font:var(--font-21);font-weight: normal; letter-spacing:0.21rem;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: 20rem;display: none; padding-bottom: 0rem;}
.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);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.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;}
@media(max-width:991px){
    .notify_panel{height:17rem;}
}
@media(max-width:767px){
    .notify_btn{display: none; bottom:1rem;right:2rem;}
    .notify_btn>a{gap:2rem;padding:1rem 1.5rem 0.8rem 1rem;}
    .notify_btn>a>img{width:2.2rem;}
    .notify_swiper .swiper-slide{padding:0.5rem 1rem;background-color:rgb(3 103 153 / 88%);}
    .notify_panel{height:14rem;}
}


/* .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:2.9rem; height:2.9rem; right:auto; left:auto; font-size:var(--font-12); font-weight:bold; color:var(--color-f8); background-color:var(--color-white); border:0.1rem solid var(--color-f8); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; 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):hover{color:var(--color-white);background-color:var(--color-f8);}
.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;}

.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;}

@media(max-width:767px){
    :is(.swiper-button-prev,.swiper-button-next){font-size:1.4rem;font-weight:normal;}
}
@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{max-width:1920px;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 */
.accordion-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-30); color:var(--color-2b); padding:0; padding-block:3rem; 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; }
.accordion-button::after{content:'';position:relative;display:block;width:1rem;height:1rem;background:url(../images/chevron-down.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;}
.accordion-button.active::after{rotate: 180deg;}
.accordion-button.active{background-color: var(--color-f6);}
.accordion-item:nth-child(1)>.accordion-button{border-top: 0;}
.accordion-collapse{display: none;}
.accordion-item:not(:first-child){border-top:0.1rem solid rgb(112 112 112 / 30%);}
.accordion-body{background-color: var(--color-f6);padding-bottom: 4.9rem;}
@media (max-width:767px){
    .accordion-body {padding-bottom: 2.9rem;}
}

/* .accordion-item:not(:last-child){margin-bottom: 3rem;} */

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


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

.custom_bullets{margin:0;padding:0;}
.custom_bullets>li{position:relative;list-style:none;font-size:var(--font-16);line-height:var(--line-height-24);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-a8); 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: 0.6rem;}
}
@media(max-width:767px){
    .custom_bullets>li{padding-left: 2rem;}
    .custom_bullets>li::before{width:0.46rem;height:0.46rem;top: 0.6rem;}
}
 
/* 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-84) 49%, var(--color-96) 49%);background-size: 210% 110%;background-position: right bottom;transition: all .5s ease-out;}