@charset "UTF-8";
/*  UIAM - 02031998 */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Pathway+Extreme:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,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");
@import url("jquery.fancybox.min.css");

* { padding: 0; margin: 0; box-sizing: border-box; font-family: var(--font-poppins); }
main{background-color: var(--color-f3);}
.text-danger{color: red;font: var(--font-14);}
.error{color: red !important;font: var(--font-14);}


:root{
    --font-poppins: "Poppins", sans-serif;
    --font-barlow: "Barlow", sans-serif;
    --font-pathway: "Pathway Extreme", sans-serif;
    --font-gotham: "Gotham", sans-serif;
    --color-da:#DA251C;
    --color-e2:#E25049;
    --color-04:#004729;
    --color-fc:#FFCC00;
    --color-eb:#EB1C24;
    --color-be:#beedea;
    --color-aa:#AAFF00;
    --color-d2:#D20001;
    --color-cf:#FCFCE8;
    --color-b5:#B5B503;
    --color-84:#842400;
    --color-ef:#EFEFEF;
    --color-2b:#2B2B2B;
    --color-ab:#ABABAB;
    --color-cb:#CBCBCB;
    --color-b2:#B2B2B2;
    --color-f6:#f6f6f6;    
    --color-e5:#E5E5E5;    
    --color-ff2:#FFF2F2;    
    --color-white:#ffffff;
    --color-black:#000000;
    --color-b4:#B4B4B4;
    --color-de:#DEDEDE;
    --color-db:#DBDBDB;
    --color-d5:#D5D5D5;
    --color-70:#001A70;
    --color-07:#707070;
    --hamb-width:39rem;
    --header-height:16.1rem;
    --radial-gradient:transparent radial-gradient(closest-side at 20% 14%, #E3534C 0%, #DA251C 100%);
    --radial-bg:url(../images/radial-bg.svg) no-repeat center / cover;
    --leftminus120:-1.5rem;
    --rightminus120:-1.5rem;
    --max-width2600:1920px;
    --font-106: normal normal 500 10.6rem / 0.8 var(--font-poppins);
    --font-72: normal normal 500 7.2rem / 1.5 var(--font-poppins);
    --font-66: normal normal 500 6.6rem / 0.4848 var(--font-poppins);
    --font-60: normal normal 800 6rem / 0.9 var(--font-barlow);
    --font-59: normal normal 700 5.9rem / 1.661 var(--font-poppins);
    --font-48: normal normal 500 4.8rem / 1.375 var(--font-poppins);
    --font-42: normal normal bold 4.2rem / 1.19 var(--font-poppins);
    --font-41: normal normal 600 4.1rem / 1.5122 var(--font-poppins);
    --font-36: normal normal 500 3.6rem / 1.3333 var(--font-poppins);
    --font-30: normal normal 400 3rem / 1.6 var(--font-poppins);
    --font-24: normal normal 400 2.4rem / 1.4583 var(--font-poppins);
    --font-21: normal normal 500 2.1rem / 1.4286 var(--font-poppins);
    --font-18: normal normal 400 1.8rem / 1.4444 var(--font-poppins);
    --font-16: normal normal 400 1.8rem / 1.4444 var(--font-poppins);
    /* --font-16: normal normal 400 1.6rem / 1.5 var(--font-poppins); */
    --font-15: normal normal 600 1.5rem / 1.5333 var(--font-poppins);
    --font-14: normal normal 400 1.4rem / 1.7143 var(--font-poppins);
    --font-13: 1.3rem;
    --font-12: normal normal 300 1.2rem / 1.5 var(--font-poppins);
    --font-11: 1.1rem;
    --font-10: 1rem;
    --line-height-66:1.8333;
    --line-height-50:1.6667;
    --line-height-36:1.5;
    --line-height-27:1.5;
    --line-height-25:1.5625;
    --line-height-24:1.3333;
}
.container { max-width:1509px;padding-left:1.5rem;padding-right:1.5rem;}
html{font-size:62.5%;}

@media(max-width:1750px){
    :root{--header-height:13.2rem;}
    .container{max-width:1378px;}
    html{font-size:62.5%;}
}

@media(max-width:1550px){
    :root{--header-height:10.6rem;}
    .container{max-width:1225px;}
    html{font-size:56%;}
}
 
@media(max-width:1366px){
    :root{--header-height:9.1rem;}
    .container {max-width: 1084px;}
    html{font-size:50.3%;}
}
@media(max-width:1200px){
    .container {max-width: 995px;}
    html{font-size:50%;}
}
@media(max-width:1024px){
    :root{--header-height:7.7rem;}
    .container {max-width: 932px;}
    html{font-size:48%;}
}
@media(max-width:991px){
    :root{--header-height:8.3rem;}
    .container {max-width: 810px;padding-left: 2.5rem;padding-right: 2.5rem;}
     html{font-size:45%;}
}

@media(max-width:767px){
:root{--header-height:12.3rem;}
.container {max-width: 620px;padding-left: 1.5rem;padding-right: 1.5rem;}
  :root{
    --font-106: normal normal 500 5.3rem / 0.8 var(--font-poppins);
    --font-72: normal normal 500 3.6rem / 1.5 var(--font-poppins);
    --font-66: normal normal 500 3.3rem / 0.4848 var(--font-poppins);
    --font-60: normal normal 800 3.2rem / 0.9 var(--font-barlow);
    --font-59: normal normal 700 3rem / 1.661 var(--font-poppins);
    --font-48: normal normal 500 2.8rem / 1.375 var(--font-poppins);
    --font-42: normal normal bold 2.6rem / 1.19 var(--font-poppins);
    --font-41: normal normal 600 2.5rem / 1.5122 var(--font-poppins);
    --font-36: normal normal 500 2.2rem / 1.375 var(--font-poppins);
    --font-30: normal normal 400 2rem / 1.6 var(--font-poppins);
    --font-24: normal normal 400 1.9rem / 1.4 var(--font-poppins);
    --font-21: normal normal 500 1.8rem / 1.4286 var(--font-poppins);
    --font-18: normal normal 400 1.6rem / 1.4444 var(--font-poppins);
    --font-16: normal normal 400 1.2rem / 1.5 var(--font-poppins);
    --font-15: normal normal 600 1.2rem / 1.5 var(--font-poppins);
    --font-14: normal normal 400 1.4rem / 1.7143 var(--font-poppins);
    --font-13: normal normal 400 1.3rem / 1.5 var(--font-poppins);
    --font-12: normal normal 300 1.2rem / 1.5 var(--font-poppins);
  }
    html{font-size:62.5%;}
}
@media(max-width:575px){
    .container {max-width:467px;padding-left: 2.5rem;padding-right: 2.5rem;}
}
@media(max-width:330px){
    .container {padding-left: 1.5rem;padding-right: 1.5rem;}
    html{font-size:58%;}
}

/* @media(min-width:2500px){
    :root{--header-height:20.1rem;}
    .container{max-width:1955px;padding-left:1.5rem;padding-right:1.5rem;}
    html{font-size:80%;}
} */

::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); color: var(--color-2b); font-family: var(--font-poppins);margin-bottom: 3rem; }

p:last-of-type{margin-bottom: 0;}
@media(max-width:1549px){
    p {margin-bottom: 2rem; }
}
 

p:empty { display: none !important; }

.site_main{position: relative;}

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; }
 
h1 { font: var(--font-60); font-family: var(--font-poppins); color: var(--color-black); font-weight: normal; }
h2 { font: var(--font-36); color: var(--color-da); }
h3 { font: var(--font-36);color: var(--color-black); font-weight: 300; }
h4 { font: var(--font-24); font-weight: normal; color: var(--color-black); }
h5 { font: var(--font-21); }
h6 { font: var(--font-18);font-weight: normal; }
blockquote{margin:0;}

.title30{font:var(--font-30);font-weight:500;line-height:1.2;color:var(--color-da);}
.sec_title>blockquote{font:var(--font-24);color: var(--color-2b);}


::-webkit-scrollbar {width: 0.5rem;}
 ::-webkit-scrollbar-thumb {background-color: var(--color-da);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; }

.radius20{overflow:hidden;border-radius:2rem;-webkit-border-radius:2rem;-moz-border-radius:2rem;-ms-border-radius:2rem;-o-border-radius:2rem;}
.read_btn{position: relative; display: inline-block;box-shadow:0px 7px 19px rgb(0 0 0 / 5%);border-radius:50%;}
.read_btn>img{width: 4rem;}
.read_btn:hover>img{opacity: 0;}
.read_btn::after{ content:''; position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/circle-arrow-right-red.svg) no-repeat center / 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; }
.read_btn:hover::after{opacity: 1;}

.readmore_btn{display:inline-flex;width:3.3rem;height:3.3rem;background-color:transparent;border:0.1rem solid var(--color-07);}
.readmore_btn>img{margin:auto;max-width:1.8rem;}
.readmore_btn:hover{background-color:var(--color-da);border-color:var(--color-da);}
.readmore_btn:hover>img{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }

.theme_btn{text-decoration:none;display:inline-block;background-color:var(--color-da);color:var(--color-white);padding:0.7rem 1.8rem;border-radius:3rem;font:var(--font-15);font-weight: normal; transition:0.2s;border:1px solid var(--color-da);}
.theme_btn:hover{background-color:var(--color-white);color:var(--color-da);border-color:var(--color-da);}


@media(max-width:767px){
   .read_btn>img{width: 2.6rem;} 
   .radius20{ border-radius:1rem; -webkit-border-radius:1rem; -moz-border-radius:1rem; -ms-border-radius:1rem; -o-border-radius:1rem; }
}


/* .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:5rem;height:5rem;right:auto;left:auto;font-size: 1.4em;font-weight:bold;color:var(--color-da);background-color:var(--color-white);border:0.1rem solid var(--color-white);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-white);border-color:var(--color-white);}
.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;}
.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:767px) {
    :is(.swiper-button-prev,.swiper-button-next){font-weight:normal;width:3.2rem;height:3.2rem;}
}
@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;}
}


/* 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-collapse.show{display:block;}
.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;}
/* .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 / 75%);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; display: flex; flex-direction: column; max-height: calc(100% - 3rem* 2); -webkit-animation: ModalfadeIn 0.3s ease-in-out; }
.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;}

.modal.show .modal-content{animation:ModalfadeIn 0.3s ease-out forwards;}
.modal.hide .modal-content{animation:ModalfadeOut 0.3s ease-out forwards;}

@keyframes ModalfadeIn {from { opacity: 0; transform: scale(0.9); }to { opacity: 1; transform: scale(1); }}
@keyframes ModalfadeOut {from { opacity: 1; transform: scale(1); }to { opacity: 0; transform: scale(0.9); }}

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

.mobile-img {display:none;}

@media(max-width:767px){
    .mobile-img {display:block;}
    .desktop-img{display:none;}
}


.form-control{background-color: var(--color-white);color:var(--color-2b);border:1px solid var(--color-db);padding:1rem 1.5rem;border-radius:1rem;width:100%;outline:none;}
.form-select{color:var(--color-2b);border:1px solid var(--color-db);padding:1rem 1.5rem;border-radius:1rem;width:100%;outline:none;appearance:none;background:url(../images/chevron-down.svg) no-repeat;background-position:right 1rem center;background-size:1.5rem;background-color:var(--color-white);}
.form-control::placeholder {color:var(--color-b4);}
.form-select option[selected]{color:var(--color-b4);}
.form-label{font:var(--font-18);display:block; margin-bottom: 1rem;}
.form-checkbox input[type="checkbox"]{flex-shrink:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color: var(--color-white);width:1.3rem;height:1.3rem;border:0.1rem solid var(--color-db);border-radius:0.3rem;position:relative;cursor:pointer;-webkit-border-radius:0.3rem;-moz-border-radius:0.3rem;-ms-border-radius:0.3rem;-o-border-radius:0.3rem;transition:all 0.3s ease;}
.form-checkbox input[type="checkbox"]:checked::before{content:"";position:absolute;left:0.4rem;top:0.1rem;width:0.35rem;height:0.7rem;border-right:0.15rem solid var(--color-da);border-bottom:0.15rem solid var(--color-da);transform:rotate(45deg);}
.form-checkbox label{font:var(--font-12);font-style:italic;color:var(--color-2b);cursor:pointer;user-select:none;}
.upload_file{position: relative;}
.upload_file input[type*="file"]{font-size: 0;}
.file-name{ border-radius: 1rem;cursor: pointer;position:absolute;left:0;align-content:center;height:100%;padding:1rem 2rem;background-color:var(--color-07);color:var(--color-white);font:var(--font-14);font-weight:300;}

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

.pagination-container{margin-top: 10rem;}
.pagination{display:flex;flex-wrap: wrap;gap:1rem;margin: 0;justify-content: center;}
.pagination li{list-style:none;font:var(--font-18);}
.pagination .page-link{ font:var(--font-18); color:var(--color-2b); border-radius: 0.2rem; display: block; border:0.1rem solid rgb(43 43 43 / 20%); padding:0.2rem 1rem; background-color:var(--color-f6); -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -o-border-radius: 0.2rem; }
.pagination .page-item.active .page-link{color:var(--color-white);background-color:var(--color-da); border-color:var(--color-da);}
.pagination .page-item:hover .page-link{color:var(--color-white);background-color:var(--color-da); border-color:var(--color-da);}

@media(max-width:1550px){
    .pagination-container {margin-top: 8rem;}
}
@media(max-width:1366px){
    .pagination-container {margin-top: 7rem;}
}
@media(max-width:767px){
    .pagination-container {margin-top: 5rem;}
}

/* 404 Page CSS Start  */

.page404{position:relative;align-content: center; padding-block:10rem 17rem;background: url(../images/pro-detailbg.webp) no-repeat center / cover; min-height:80vh;}
.error_content{text-align:center;}
.error_content>h1{font:var(--font-72);font-weight:700;font-family:var(--font-barlow);line-height:1;color:var(--color-da);margin-bottom:3rem;}
.error_content>h5{margin-bottom: 3rem;}
.error_content>.btns{display:inline-flex;margin-top:3rem;justify-content:center;align-items:center;gap:1rem;}
.error_content>.btns>.btn_theme{background-color:var(--color-da);color:var(--color-white);font:var(--font-18);padding:0.8rem 2.5rem;border:0.1rem solid var(--color-da);border-radius:2.5rem;}
.error_content>.btns>.btn_theme:hover{background-color:transparent; color:var(--color-da);}
@media(max-width:767px){
    .page404 {min-height: auto;padding-block: 7rem 10rem;}
    .error_content>h1{margin-bottom: 2rem;}
    .error_content>h5 {margin-bottom:2rem;}
    .error_content>.btns>.btn_theme{padding: 0.6rem 2rem;}
}