* {
box-sizing: border-box;
} html, body {
overscroll-behavior: none;
overflow-x: hidden;
}
a {
text-decoration: none;
color: #000;
}   .Loading {
background-color: #fff;
justify-content: center;
align-items: center;
display: flex;
height: 100vh;
width: 100vw;
}
.Loading.Loading--Hidden {
display: none;
}
.Loading .Loading__Animation {
height: 100px;
width: 100px;
} .Wrapper {
position: absolute;
top: 0;
z-index: 10000;
width: 100%;
height: 100%;
}
.Wrapper.Wrapper--Hidden {
display: none;
} .Header {
position: fixed;
left: 0;
z-index: 999;
width: 100%;
transition: 0.4s;
padding: 16px;
background-color: #325bbb;
}
.page-home .Header {
background-color: transparent;
}
.Header .Navbar {
background-color: transparent;
border: none;
padding: 6px;
width: 100%;
}
.page-home .Header.Header--Sticky .Navbar .nav-link,
.page-home .Header.Header--Sticky .Navbar .navbar-brand {
color: #1e1e1e !important;
}
.Header.Header--Sticky {
padding-bottom: 10px;
box-shadow: 0px 0px 16px -4px rgba(0, 0, 0, 0.4);
}
.page-home .Header.Header--Sticky {
padding-bottom: 10px;
box-shadow: 0px 0px 16px -4px rgba(0, 0, 0, 0.4);
background-color: #ffffff;
color: #282828;
}
.Header .Navbar__Button {
display: inline-block;
margin-right: 10px;
border-radius: 24px;
text-decoration: none;
padding: 8px 18px;
border: 1px solid rgba(255, 255, 255, 0.177);
background: #607df1;
color: #fff;
} main {
width: 100%;
padding-top: 100px;
min-height: 80vh;
}
.page-home main {
padding-top: 0;
} .Hero {
display: flex;
position: relative;
height: 90vh;
background-color: #325bbb;
}
.Hero .Hero__Title {
position: relative;
font-size: 66px;
color: #fff;
z-index: 1;
margin-bottom: 6px;
}
.Hero .Hero__Paragraph {
color: #ffffff;
font-size: 16px;
position: relative;
z-index: 1;
}
.Hero .Hero__Button {
background-color: #ffffff;
text-decoration: none;
color: #160c3e;
padding: 16px 20px;
align-self: start;
margin-top: 0;
font-size: 16px;
border-radius: 40px;
} .UpButton {
visibility: hidden;
}
.UpButton.UpButton--Visible {
visibility: visible;
position: fixed;
display: flex; 
align-items: center;
justify-content: center;
z-index: 1000;
background-color:#3a96f1;
width: 60px;
height: 60px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.452);
color: #FFF;
bottom: 34px;
right: 34px;
}
.UpButton.UpButton--Visible span {
transform: rotate(-90deg);
scale: 0.8;
} .PurchasingProcesses {
padding: 60px;
border-radius: 24px;
background-color: #fff;
position: relative;
top: -20px;
}
.PurchasingProcesses .PurchasingProcesses__Heading {
color: #273b96;
font-size: 30px;
font-weight: 400;
margin-bottom: 24px;
}
.PurchasingProcesses .PurchasingProcesses__Card {
margin-bottom: 24px;
}
.PurchasingProcesses .PurchasingProcesses__Card .Card__Img {
height: 180px;
border-radius: 12px;
overflow: hidden;
}
.PurchasingProcesses .PurchasingProcesses__Card .Card__Img img {
height: 100%;
width: 100%;
object-fit: cover;
scale: 1.1;
}
.PurchasingProcesses .PurchasingProcesses__Card .Card__Subtitle {
font-size: 16px;
margin-top: 10px;
width: max-content;
color: #566fcb;
}
.PurchasingProcesses .PurchasingProcesses__Card .Card__Title {
font-size: 18px;
color: #3163c7;
font-weight: 400;
} .Activities {
background-color: #ddeaff;
padding: 80px 0;
}
.Activities .Activities__HeadingWithBg {
background-color: #83d2ff;
color: #280f91;
width: max-content;
padding: 24px 34px;
border-radius: 60px;
font-size: 30px;
font-weight: 400;
}
.Activities .Activities__Heading {
font-size: 40px;
color: #406acd;
font-weight: 400;
margin-left: 10px;
}
.Activities .Activities__Activity {
display: flex;
gap: 24px;
}
.Activities .Activities__Activity .Activity__Icon {
height: 26px;
}
.Activities .Activities__Activity .Activity__Detail {}
.Activities .Activities__Activity .Activity__Detail .Detail__Heading {
text-transform: uppercase;
color: #2b2c6b;
margin-bottom: 12px;
font-weight: 600;
}
.Activities .Activities__Activity .Activity__Detail .Detail__Text {} .Tenders {
padding: 60px 0;
}
.Tenders .Tenders__Heading {
color: #2d3c7f;
font-size: 34px;
font-weight: 400;
margin-bottom: 34px;
}
.Tenders .Tenders__Card {
margin-bottom: 34px;
}
.Tenders .Tenders__Card .Card__Img {
height: 240px;
border-radius: 14px;
overflow: hidden;
margin-bottom: 20px;
}
.Tenders .Tenders__Card .Card__Img img {
height: 100%;
width: 100%;
object-fit: cover;
scale: 1.1;
}
.Tenders .Tenders__Card .Card__Title {
font-size: 18px;
color: #315c95;
}
.Tenders .Tenders__Card .Card__Text {
font-size: 16px;
color: #2f5983;
font-weight: 400;
} .Questions {
background-color: #5f81ff;
padding: 50px 0 100px;
} 
.SSS.Questions {
background-color: transparent;
padding: 20px 0 100px;
}
.Questions .Questions__Heading {
color: #fff;
font-size: 36px;
font-weight: 400;
margin-bottom: 34px;
}
.Questions .Questions__Question {
background-color: #e4effe;
padding: 34px;
height: 360px;
border-radius: 14px;
}
.Questions .Questions__Question:hover {
color: #1a1a1a;
}
.SSS.Questions .Questions__Question {
background-color: #d1d8f8;
margin-bottom: 20px;
}
.Questions .Questions__Question .Question__Icon {
height: 30px;
margin-bottom: 10px;
}
.Questions .Questions__Question .Question__Heading {
color: #280f91;
margin-bottom: 10px;
font-weight: 400;
font-size: 18px;
}
.Questions .Questions__Question .Question__Text {
font-size: 16px;
} .News {
margin: 0 0 40px;
}
.News .News__Card {
margin-bottom: 20px;
}
.News .News__Card .Card__Img  {
margin-bottom: 18px;
width: 100%;
height: 200px;
border-radius: 16px;
overflow: hidden;
}
.News .News__Card .Card__Img img {
height: 100%;
width: 100%;
}
.Page--Home .News .News__Card .Card__Img img {
width: 100%;
height: 180px !important;
object-fit: cover;
}
.News .News__Card .Card__Img img {
width: 100%;
height: 200px;
object-fit: cover;
}
.News .News__Card .Card__Heading {
font-size: 20px;
font-weight: 600;
line-height: 18px;
}
.Page--Home .News .News__Card .Card__Heading {
font-size: 16px !important;
font-weight: 600;
}
.News .News__Card .Card__Date {
margin-top: 0;
font-size: 14px;
color: rgba(128, 128, 128, 0.829);
} .Announcements {
margin: 0 0 40px;
}
.Announcements .Announcements__Card {
margin-bottom: 34px;
}
.Announcements .Announcements__Card .Card__Img {
width: 100%;
height: 240px;
overflow: hidden;
border-radius: 20px;
margin-bottom: 10px;
}
.Announcements .Announcements__Card .Card__Img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.Announcements .Announcements__Card .Card__Heading {
font-size: 18px;
line-height: 22px;
font-weight: 600;
}
.Announcements .Announcements__Card .Card__Paragraph {
font-size: 14px;
margin-top: 8px;
color: #333;
margin-bottom: 6px;
}
.Announcements .Announcements__Card .Card__Date {
margin-top: 0;
font-size: 14px;
color: rgba(128, 128, 128, 0.829);
}
.Announcements .Announcements__Item {
margin-bottom: 8px;
}
.Page--Home .Announcements .Announcements__Item {
border-bottom: 1px solid rgba(128, 128, 128, 0.151);
margin-bottom: 10px;
padding-bottom: 10px;
}
.Announcements .Announcements__Item .Item__Img {
width: 100%;
height: 116px;
overflow: hidden;
border-radius: 10px;
}
.Announcements .Announcements__Item .Item__Heading {
font-size: 18px;
font-weight: 600;
}
.Announcements .Announcements__Item .Item__Paragraph {
font-size: 16px;
color: #282828;
}
.Announcements .Announcements__Item .Item__Button {
float: right;
border: 1px solid rgba(0, 0, 0, 0.379);
padding: 8px 18px;
text-decoration: none;
color: #171717;
border-radius: 30px;
font-size: 18px;
} .Person {
margin-bottom: 30px;
text-align: center;
}
.DepartmentStaff .Person .Person__Img {
height: 280px;
}
.Person .Person__Img {
width: 100%;
height: 240px;
overflow: hidden;
margin-bottom: 10px;
border-radius: 20px;
}
.Person .Person__Img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.Person .Person__Fullname {
font-weight: 600;
font-size: 16px;
}
.Person .Person__Fullname {
color: #000;
}
.Person .Person__Title {
font-size: 16px;
}
html.dark .Person .Person__Title {
color: #fff;
}
html.light .Person .Person__Title {
color: #000;
}
.Person .Person__Contact {
font-size: 15px;
}
.Person .Person__Contact {
color: #17512e;
}
.Page__Layout {
border-top-left-radius: 28px;
border-top-right-radius: 28px;
padding-top: 40px;
width: 100%;
position: relative;
}
.Page__Layout .Layout__Button {
border: 1px solid #1e376d9e;
padding: 12px 20px;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 18px;
color: #1E376D;
font-weight: 600;
}
.Page__Layout .Layout__Button .Icon {
rotate: -90deg;
}
.Page__Layout .Layout__Sidebar {
margin-right: 20px;
}
.Page__Layout .Layout__Sidebar .Sidebar__Item {
color: #222121;
border-bottom: 1px solid #ecebeb;
padding-bottom: 10px;
}
.Page__Layout .Layout__Sidebar .Sidebar__Item a {
font-size: 16px;
}
.Page__Layout .Layout__Sidebar .accordion {
border: none;
--bs-border-color: transparent;
}
.Page__Layout .Layout__Sidebar .accordion-item {
padding: 0;
border: 0;
}
.Page__Layout .Layout__Sidebar .accordion-item .accordion-header {
padding: 0;
border: 0;
}
.Page__Layout .Layout__Sidebar .accordion-item .accordion-header .accordion-button {
padding: 0;
margin: 0;
background-color: transparent;
border: 0;
}
.Page__Layout .Layout__Sidebar .accordion-item .accordion-header .accordion-button::after {
background-size: 14px;
}
.Page__Layout .Layout__Sidebar .accordion-item .accordion-header .accordion-button a {
padding: 0;
color: #000;
font-size: 18px;
}
.Page__Layout .Layout__Sidebar .accordion-item .accordion-collapse {}
.Page__Layout .Layout__Sidebar .accordion-item .accordion-collapse .accordion-body {}
.Page__Layout .Layout__Sidebar .accordion-item .accordion-collapse .accordion-body a {
color: #000;
font-size: 17px;
}
.Page__Layout .Layout__Body {}
.Page__Layout .Layout__Body .Body__Paragraph {
font-size: 18px;
}
.Page__Layout .Layout__Body .Body__Accordion {
margin-top: 40px;
}
.Page__Layout .Layout__Body .Body__Accordion .Accordion__Item {
margin-bottom: 10px;
}
.Page__Layout .Layout__Body .Body__Accordion .Accordion__Item .Item__Header {}
.Page__Layout .Layout__Body .Body__Accordion .Accordion__Item .Item__Header .Header__Button {
background-color: #1e376d2c;
color: #1E376D;
border-radius: 6px;
font-size: 18px;
}
.Page__Layout .Layout__Body .Body__Accordion .Accordion__Item .Item__Collapse {}
.Page__Layout .Layout__Body .Body__Accordion .Accordion__Item .Item__Collapse .Collapse__Body {
padding: 40px 20px;
}
.Page__Layout .Layout__Body .Body__Accordion .Accordion__Item .Item__Collapse .Collapse__Body .Body__Heading {
font-size: 20px;
font-weight: 600;
color: rgb(28, 62, 146);
}
.Page__Layout .Layout__Body .Body__Accordion .Accordion__Item .Item__Collapse .Collapse__Body .Body__Paragraph {
font-size: 18px;
}
.Body__Text {}
.Body__Text .Text__Img {
width: 380px;
height: 500px;
border-radius: 10px;
margin-top: 10px;
overflow: hidden;     
object-fit: cover;
border: 1px solid #00000024;
}
.Body__Text .Text__Img.Text__Img--Person {
width: 340px;
height: 400px;
}
.Body__Text .Text__Share span {
scale: 0.8;
}
.Body__Text .Text__Title {
font-size: 36px;
font-weight: 600;
}
html.dark .Body__Text .Text__Title {
color: #d6d6d6;
}
html.light .Body__Text .Text__Title {
color: #333;
} 
.Body__Text .Text__Subtitle {
color: rgb(33, 33, 33);
font-size: 20px;
}
.Body__Text .Text__Paragraph,
.Body__Text p {
margin-top: 24px;
line-height: 26px;
text-align: justify;
}
.Body__Text .Text__Paragraph,
.Body__Text p {
color: #333;
}  
.Body__Text .Text__Subtitle {
color: rgb(33, 33, 33);
font-size: 20px;
}
html.dark .Body__Text .Text__Subtitle {
color: #d6d6d6;
}
html.light .Body__Text .Text__Subtitle {
color: #333;
} 
.Body__Text .Text__Detail {
color: #333;
} 
.Body__Text .Text__Nav {}
.Body__Text .Text__Nav .Nav__Item {}
.Body__Text .Text__Nav .Nav__Item .Item__Link {
color: #11203f;
}
.Body__Text .Text__Content {
padding-top: 34px;
}
.Body__Text .Text__Content .Content__Body {}
.Body__Text .Text__Content .Content__Body .Body__Title {
font-size: 18px;
font-weight: 600;
}
.Body__Text .Text__Content .Content__Body .Body__Paragraph {
font-size: 17px;
}
.Body__Text .Text__Content .Content__Body .Body__Link {
display: flex;
width: max-content;
background-color: var(--primary-color);
padding: 20px 34px;
color: #fff;
border-radius: 6px;
margin-top: 20px;
} .Error {}
.Error .Error__Heading {
font-size: 4rem;
font-weight: 700;
color: #2a2a2a;
}
.Error .Error__Text {
font-size: 20px;
margin-top: 10px;
}
.Error .Error__Button {
font-size: 20px;
margin-top: 10px;
background-color: #438af5;
padding: 16px 20px;
border-radius: 10px;
color: #fff;
} .Forms {
height: 100vh;
} .Contact {}
.Contact__Box {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border: 1px solid rgba(0, 0, 0, 0.179);
padding: 40px 0;
border-radius: 20px;
}
.Contact__Box .Box__Icon {
background-color: rgba(105, 137, 241, 0.173);
width: min-content;
padding: 16px;
border-radius: 50%;
margin-bottom: 10px;
}
.Contact__Box .Box__Icon img {
width: 34px;
height: 34px;
}
.Contact__Box .Box__Heading {
font-weight: 600;
font-size: 20px;
} .SocialNetworks {
justify-content: center;
flex-direction: column;
align-items: center;
position: fixed;
display: flex;
height: 100%;
right: 75px;
gap: 34px;
top: 0;
}
.SocialNetworks .SocialNetworks__Link {
text-decoration: none;
}
.SocialNetworks .SocialNetworks__Link img {
width: 20px;
height: 20px;
} .Footer {
padding: 20px 0;
}
.Footer .Footer__Wrapper {
padding: 34px 0 10px;
margin-top: 40px;
display: flex;
align-items: center;
flex-direction: column;
}
html.dark .Footer .Footer__Wrapper {
background-color: #1b1b1b;
box-shadow: inset 5px 5px rgba(0, 0, 0, .161);
}
html.light .Footer .Footer__Wrapper {
background-color: #9cf54e;
box-shadow: inset 5px 5px #cbfba1;
} 
.Footer .Footer__Wrapper .Wrapper__Title {
font-size: 16px;
margin-bottom: 10px;
text-transform: uppercase;
}
html.dark .Footer .Footer__Wrapper {
color: #ffffff;
}
html.light .Footer .Footer__Wrapper {
color: #242424;
} 
.Footer .Footer__Wrapper .Wrapper__Links {
display: flex;
gap: 20px;
color: #ffffff;
}
.Footer .Footer__Wrapper .Wrapper__Links .Links__Item {
list-style: none;
}
.Footer .Footer__Wrapper .Wrapper__Links .Links__Item .Item__Link {
color: #ffffff;
font-size: 12px;
text-decoration: none;
}
.Footer .Footer__Wrapper .Wrapper__Text {
color: #d2d2d2;
font-size: 10px;
}   @media (max-width: 600px) { .page-home .Header.Header--Sticky .navbar-dark .navbar-toggler {
color: rgba(47, 107, 237, 0.8);
border-color: rgba(30, 105, 190, 0.1);
background-color: rgba(47, 107, 237, 0.8);
} main {
padding-top: 100px;
}
.page-home main {
padding-top: 0;
} .Hero .Hero__Title {
font-size: 46px;
margin-bottom: 4px;
}
.Hero .Hero__Paragraph {
font-size: 16px;
}
.Hero .Hero__Button {
padding: 12px 16px;
} .PurchasingProcesses {
padding: 40px 10px;
}
.PurchasingProcesses .PurchasingProcesses__Heading {
font-size: 24px;
} .Activities {
padding: 40px 0;
}
.Activities .Activities__HeadingWithBg {
padding: 16px 24px;
font-size: 26px;
}
.Activities .Activities__Heading {
font-size: 30px;
margin-bottom: 38px;
} .Tenders .Tenders__Card {
margin-bottom: 20px;
}
.Tenders .Tenders__Card .Card__Img {
height: 200px;
margin-bottom: 10px;
}
.Page__Layout .Tenders__Card .Card__Img {
height: 140px;
} .Questions {
padding: 40px 0;
} 
.SSS.Questions {
padding: 0 0 60px;
}
.Questions .Questions__Heading {
font-size: 36px;
margin-bottom: 24px;
}
.Questions .Questions__Question {
display: flex;
flex-direction: column;
margin-bottom: 20px;
padding: 16px;
height: 240px;
} .News {
margin: 0 0 40px;
}
.News .News__Card {
margin-bottom: 20px;
}
.News .News__Card .Card__Img  {
margin-bottom: 8px;
height: 140px;
}
.Page--Home .News .News__Card .Card__Img img {
height: 180px !important;
}
.News .News__Card .Card__Img img {
height: 200px;
}
.News .News__Card .Card__Heading {
font-size: 18px;
} .Announcements .Announcements__Card {
margin-bottom: 16px;
}
.Announcements .Announcements__Card .Card__Img {
height: 124px;
border-radius: 10px;
}
.Announcements .Announcements__Card.Announcements__Card--Big .Card__Img {
height: 200px;
}
.Announcements .Announcements__Item {
margin-bottom: 16px;
}
.Announcements .Announcements__Item .Item__Img {
height: 200px;
}
.Announcements .Announcements__Item .Item__Heading {
margin-bottom: 10px;
}
.Page__Layout {
margin-bottom: 80px;
}
.Body__Text .Text__Img {
height: 240px !important;
}
.Body__Text .Text__Title {
font-size: 26px;
}
.Body__Text .Text__Paragraph,
.Body__Text p {
margin-top: 24px;
} .Error .Error__Heading {
font-size: 2rem;
}
.Error .Error__Text {
font-size: 16px;
}
.Error .Error__Button {
font-size: 16px;
margin-top: 0;
padding: 12px 14px;
} .Footer {
padding-top: 0;
}              
.new_footer_top .company_widget p {
font-size: 16px;
margin-bottom: 20px;
}
.new_footer_top .company_widget .f_subscribe_two .btn_get {
margin-top: 0;
}
.new_footer_top .f_widget {
margin-bottom: 20px;
}
.new_footer_top .f_widget.about-widget .f_list li  {
font-size: 16px;
margin-bottom: 4px;
}
.new_footer_top .f-title {
margin-top: 20px;
} .Header {}
.Header .Navbar__Button {
display: none;
}
.Header .navbar-nav {
margin-left: 0 !important;
}
} .Footer {
padding-top: 40px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
position: relative;
top: -40px;
background-color: #c7dffb;
}              
.new_footer_top {
padding: 20px 0px 40px;
position: relative;
overflow-x: hidden;
}
.new_footer_area .footer_bottom {
padding-top: 5px;
padding-bottom: 50px;
}
.new_footer_top .company_widget p {
font-size: 16px;
font-weight: 300;
line-height: 28px;
margin-bottom: 8px;
}
.new_footer_top .company_widget .f_subscribe_two .btn_get {
border-width: 1px;
margin-top: 20px;
}
.new_footer_top .f_widget.about-widget .f_list li {
margin-bottom: 11px;
}
.f_widget.about-widget .f_list li:last-child {
margin-bottom: 0px;
}
.f_widget.about-widget .f_list li {
margin-bottom: 15px;
}
.f_widget.about-widget .f_list {
margin-bottom: 0px;
}
.new_footer_top .f_social_icon a {
width: 44px;
height: 44px;
line-height: 43px;
background: rgb(38, 72, 240);
font-size: 24px;
text-decoration: none;
}
.new_footer_top .f-title {
margin-bottom: 10px;
}
.f_600 {
font-weight: 600;
}
.f_size_18 {
font-size: 18px;
}