* {
box-sizing: border-box;
} html, body {
padding: 0;
margin: 0;
overscroll-behavior: none;
overflow-x: hidden;
}
html.dark {
background-color: #151515;
color: #fff;
}
html.light {
background-color: #f1fff7;
color: #000;
}
a {
text-decoration: none;
}   .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%;
}
.Wrapper.Wrapper--Hidden {
display: none;
} .Header {
position: fixed;
left: 0;
z-index: 999;
width: 100%;
transition: 0.4s;
padding: 12px 34px;
}
html.light .Header {
background: rgb(205, 226, 197);
box-shadow: 0px 0px 16px -4px rgba(0, 0, 0, 0.2);
}
html.dark .Header {
background: rgb(16, 16, 16);
box-shadow: 0px 0px 16px -4px rgba(0, 0, 0, 0.2);
}
html.light .page-home .Header, 
html.dark .page-home .Header {
background: transparent;
box-shadow: none;
}
.Header .Navbar {
background-color: transparent;
border: none;
padding: 6px;
width: 100%;
}
html.light .Header .Navbar .nav-link,
html.light .Header .Navbar .navbar-brand {
color: #181818;
}
html.light .page-home .Header .Navbar .nav-link,
html.light .page-home .Header .Navbar .navbar-brand {
color: #fff;
}
html.dark .Header.Header--Sticky .Navbar .nav-link,
html.dark .Header.Header--Sticky .Navbar .navbar-brand {
color: #fff;
}
html.light .Header.Header--Sticky .Navbar .nav-link,
html.light .Header.Header--Sticky .Navbar .navbar-brand {
color: #2b4029;
}
.Header.Header--Sticky {
box-shadow: 0px 0px 16px -4px rgba(0, 0, 0, 0.4);
}
html.dark .Header.Header--Sticky {
background-color: rgb(16, 16, 16);
color: #fff;
}
html.light .Header.Header--Sticky {
background-color: rgb(205, 226, 197);
color: #2b4029;
}
.Header .Navbar__Button {
display: inline-block;
margin-right: 10px;
border-radius: 24px;
text-decoration: none;
padding: 8px 18px;
}
html.dark .Header .Navbar__Button {
border: 1px solid rgba(255, 255, 255, 0.177);
background: #fff;
color: #000;
}
html.light .Header .Navbar__Button {
border: 1px solid rgba(0, 0, 0, 0.177);
background: #151515;
color: #fff;
}
.theme-switch {
display: flex;
justify-content: center;
align-items: center;
}
.theme-switch .checkbox {
opacity: 0;
position: absolute;
}
.theme-switch .label {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid #dad4d473;
border-radius: 20px;
padding: 10px;
border-radius: 50px;
position: relative;
height: 40px;
width: 80px;
cursor: pointer;
box-shadow: var(--switch-shadow);
transition: var(--transition);
}
html.dark .theme-switch .label {
border: 1px solid #dad4d473;
}
html.light .theme-switch .label {
border: 1px solid #c5bc6b;
} 
.theme-switch .label:hover .moon,
.theme-switch .label:hover .sun {
transform: rotate(360deg);
}
.theme-switch .ball {
transition: var(--transition);
background-color: var(--text-color);
position: absolute;
border-radius: 50%;
top: 5px;
left: 5px;
height: 30px;
width: 30px;
}
.theme-switch .moon {
transform-origin: center center;
transition: all 0.5s cubic-bezier(0.76, 0, 0.24, 1);
transform: rotate(0);
width: 24px;
}
html.dark .theme-switch .moon {
color: #fff;
}
html.light .theme-switch .moon {
color: #c5bc6b;
} 
.theme-switch .sun {
color: #e7c159;
transform-origin: center center;
transition: all 0.5s cubic-bezier(0.76, 0, 0.24, 1);
transform: rotate(0);
width: 24px;
}
.theme-switch .ball {
transform: translatex(0);
}
.dark .theme-switch .ball {
transform: translatex(40px);
}
html.dark .theme-switch .ball {
transform: translatex(40px);
}
html.light .theme-switch .ball {
transform: translatex(0);
} .Main {
width: 100%;
} .Hero {
display: flex;
position: relative;
height: 660px;
border-radius: 50%;
align-items: center;
background-size: cover; 
background-position: center;
}
.Hero .swiper {
position: absolute;
top: 0;
left: 0;
width: 100%;
border-bottom-right-radius: 400px;
border-bottom-left-radius: 400px;
height: 100%;
object-fit: cover;
z-index: -1;
}
.Hero .Hero__Title {
position: relative;
font-size: 72px;
font-weight: bold;
color: #fff;
z-index: 1;
}
.Hero .Hero__Paragraph {
color: #d6d6d6;
font-size: 16px;
position: relative;
margin: auto;
z-index: 1;
}
.Hero .Hero__Button {
background-color: rgb(255, 255, 255);
text-decoration: none;
color: #1e1e1e;
padding: 14px 20px;
position: relative;
margin-top: 60px;
border-radius: 40px;
transition: all 0.4s ease-in-out;
top: 34px;
}
.Hero .Hero__Button:hover {
background-color: rgb(234, 255, 201);
}
.Hero__Box {
background-color: #ffffff9a;
position: relative;
right: -140px;
padding: 12px;
border-radius: 24px;
max-width: 480px;
}
.Hero__Box .Box__Header {}
.Hero__Box .Box__Header .Header__Big {
font-size: 16px;
font-weight: 700;
margin-bottom: 4px;
}
.Hero__Box .Box__Header .Header__Small {
font-size: 14px;
color: #343434;
font-weight: 400;
}
.Hero__Box .Box__Inner {
background-color: #fff;
border-radius: 24px;
padding: 18px;
margin-top: 16px;
}
.Hero__Box .Box__Inner .Inner__Text {
background-color: rgb(205, 205, 205);
margin-bottom: 10px;
padding: 14px;
border-radius: 16px;
width: max-content;
float: inline-end;
max-width: 100%;
}
.Hero__Box .Box__Inner .Inner__Text.Inner__Text--Left {
background-color: rgb(200, 255, 106);
float: inline-start;
}
.Hero__Box .Box__Inner .Inner__Form {
border-top: 1px solid rgb(230, 230, 230);
width: 100%;
display: flex;
}
.Hero__Box .Box__Inner .Inner__Form .Form__Input {
border: none;
}
.Hero__Box .Box__Inner .Inner__Form .Form__Button {} .QuickLinks {
margin: 40px 0 0;
}
.QuickLinks .QuickLinks__Slider {
width: 100%;
height: 100px;
overflow: hidden;
mask-image: linear-gradient(
to right,
transparent,
#000 10% 90%,
transparent
);
}
.QuickLinks .QuickLinks__Slider .Slider__List {
display: flex;
gap: 20px !important;
width: 100%;
min-width: calc(var(--width) * var(--quantity));
position: relative;
}
.QuickLinks .QuickLinks__Slider .Slider__List .List__Item {
width: var(--width);
height: var(--height);
position: absolute;
left: 100%;
animation: autoRun 10s linear infinite;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 60px;
transition: filter 0.8s;
white-space: nowrap;
animation-delay: calc( (10s / var(--quantity)) * (var(--position) - 1) - 10s)!important;
}
html.dark .QuickLinks .QuickLinks__Slider .Slider__List .List__Item {
border: 1px solid #ffffff;
}
html.light .QuickLinks .QuickLinks__Slider .Slider__List .List__Item {
border: 1px solid #2b4029b7;
} 
.QuickLinks .QuickLinks__Slider .Slider__List .List__Item .Item__Link {
text-decoration: none;
}
html.dark .QuickLinks .QuickLinks__Slider .Slider__List .List__Item .Item__Link {
color: #fff;
}
html.light .QuickLinks .QuickLinks__Slider .Slider__List .List__Item .Item__Link {
color: #2b4029;
} 
@keyframes autoRun{
from{
left: 100%;
}to{
left: calc(var(--width) * -1);
}
}
.QuickLinks .QuickLinks__Slider:hover .Slider__List .List__Item {
animation-play-state: paused!important;
filter: grayscale(1);
}
.QuickLinks .QuickLinks__Slider .Slider__List .List__Item:hover {
filter: grayscale(0);
}
.QuickLinks .QuickLinks__Slider[reverse="true"] .Slider__List .List__Item {
animation: reversePlay 10s linear infinite;
}
@keyframes reversePlay{
from{
left: calc(var(--width) * -1);
}to{
left: 100%;
}
} .Preview {
margin-bottom: 100px;
margin-top: 40px;
}
.Preview .Preview__Announcements {}
.Preview .Preview__Announcements {}
.Preview .Preview__Announcements .Announcements__Announcement {
border-radius: 10px;
margin-bottom: 10px;
margin-right: 20px;
}
html.dark .Preview .Preview__Announcements .Announcements__Announcement {
color: #fff;
}
html.light .Preview .Preview__Announcements .Announcements__Announcement {
color: #141914;
} 
.Preview .Preview__Announcements .Announcements__Announcement .Announcement__Date {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-right: 1px solid #ffffff18;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
font-size: 16px;
height: 100%;
font-weight: 600;
}
html.dark .Preview .Preview__Announcements .Announcements__Announcement .Announcement__Date {
color: #fff;
}
html.light .Preview .Preview__Announcements .Announcements__Announcement .Announcement__Date {
color: #141914;
border-right: 1px solid #669371;
} 
.Preview .Preview__Announcements .Announcements__Announcement .Announcement__Date .Date__Day {}
.Preview .Preview__Announcements .Announcements__Announcement .Announcement__Date .Date__Month {}
.Preview .Preview__Announcements .Announcements__Announcement .Announcement__Date .Date__Year {}
.Preview .Preview__Announcements .Announcements__Announcement .Announcement__Info {
padding: 2px;
}
.Preview .Preview__Announcements .Announcements__Announcement .Announcement__Info .Info__Heading {
font-size: 18px;
margin-top: 10px;
}
html.dark .Preview .Preview__Announcements .Announcements__Announcement .Announcement__Info .Info__Heading {
color: #fff;
}
html.light .Preview .Preview__Announcements .Announcements__Announcement .Announcement__Info .Info__Heading {
color: #141914;
} 
.Preview .Preview__Announcements .Announcements__Announcement .Announcement__Info .Info__Paragraph {
font-size: 16px;
opacity: 0.6;
}
.Preview .Preview__Header {
margin-bottom: 30px;
}
.Preview .Preview__Header .Header__Heading {
font-size: 26px;
}
html.dark .Preview .Preview__Header .Header__Heading {
color: #fff;
}
html.light .Preview .Preview__Header .Header__Heading {
color: #141914;
} 
.Preview .Preview__Header .Header__Link {
text-decoration: none;
}
html.dark .Preview .Preview__Header .Header__Link {
color: #fff;
}
html.light .Preview .Preview__Header .Header__Link {
color: #141914;
} 
.Preview .Preview__Swiper {
width: 100%;
height: 100%;
}
html.dark .Preview .Preview__Swiper .swiper-pagination-bullet-active {
background: #c2fab2;
}
html.light .Preview .Preview__Swiper .swiper-pagination-bullet-active {
background: #4f8141;
} 
.Preview .Preview__Swiper .Swiper__Wrapper {}
.Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide {
padding: 8px;
border-radius: 10px;
height: 380px;
}
html.dark .Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide {
background: #1e1e1e;
border: 1px solid #ffffff10;
}
html.light .Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide {
border: 1px solid #c1c1c1;
} 
.Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__News {}
.Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__News .News__Img {
border-radius: 10px;
overflow: hidden;
height: 280px;
margin-bottom: 6px;
}
.Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide a {
color: #ffffff;
text-decoration: none;
}
.Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__News .News__Img img {
object-fit: cover;
height: 100%;
width: 100%;
}
.Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__News .News__Details {}
html.dark .Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__News .News__Details .Details__Detail {
color: #fff;
}
html.light .Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__News .News__Details .Details__Detail {
color: #242424;
} 
.Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__News .News__Details .Details__Detail .Detail__Icon {}
.Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__News .News__Details .Details__Detail .Detail__Text {
font-size: 14px;
font-weight: 500;
opacity: 0.8;
}
.Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__News .News__Heading {
font-size: 18px;
margin-top: 4px;
}
html.dark .Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__News .News__Heading {
color: #fff;
}
html.light .Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__News .News__Heading {
color: #242424;
} 
.Preview .Preview__Swiper .Swiper__Pagination {} .Blog {
margin: 0 20px 60px;
color: #000000;
border-radius: 20px;
padding: 0px 0 40px;
}
html.dark .Blog {
color: #000000;
}
html.light .Blog {
color: #4f8141;
}
html.dark .Preview .Blog__Card {
background: #c2fab2;
}
html.light .Preview .Blog__Card {
background: #4f8141;
} 
.Blog .Blog__Card .Card__Inner {
position: relative;
overflow: hidden;
width: inherit;
height: 240px;
background: #fff;
}
html.dark .Blog .Blog__Card .Card__Inner {
background: #fff;
}
html.light .Blog .Blog__Card .Card__Inner {
background: #2b2b2b;
} 
.Blog .Blog__Card .Card__Inner .Inner__Box {
width: 100%;
height: 100%;
}
html.dark .Blog .Blog__Card .Card__Inner {
background: #151515;
}
html.light .Blog .Blog__Card .Card__Inner {
background: #f1fff7;
} 
.Blog .Blog__Card .Card__Inner .Inner__Box .Box__Image {
position: absolute;
border-radius: 1.6rem;
overflow: hidden;
inset: 0;
}
.Blog .Blog__Card .Card__Inner .Inner__Box .Box__Image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.Blog .Blog__Card .Card__Inner .Inner__Box .Box__Icon {
position: absolute;
bottom: -0.375rem;
right: -0.375rem;
width: 4rem;
height: 4rem;
border-top-left-radius: 50%;
}
html.dark .Blog .Blog__Card .Card__Inner .Inner__Box .Box__Icon {
background-color: #151515;
}
html.light .Blog .Blog__Card .Card__Inner .Inner__Box .Box__Icon {
background-color: #f1fff7;
} 
.Blog .Blog__Card .Card__Inner .Inner__Box .Box__Icon::before,
.Blog .Blog__Card .Card__Inner .Inner__Box .Box__Icon::after {
content: "";
border-bottom-right-radius: 1.25rem;
position: absolute;
width: 1.25rem;
height: 1.25rem;
}
.Blog .Blog__Card .Card__Inner .Inner__Box .Box__Icon::before {
bottom: 0.375rem;
left: -1.25rem;
}
html.dark .Blog .Blog__Card .Card__Inner .Inner__Box .Box__Icon::before {
box-shadow: 0.313rem 0.313rem 0 0.313rem #151515;
}
html.light .Blog .Blog__Card .Card__Inner .Inner__Box .Box__Icon::before {
box-shadow: 0.313rem 0.313rem 0 0.313rem #f1fff7;
} 
.Blog .Blog__Card .Card__Inner .Inner__Box .Box__Icon::after {
top: -1.25rem;
right: 0.375rem;
box-shadow: 0.313rem 0.313rem 0 0.313rem #151515;
}
html.dark .Blog .Blog__Card .Card__Inner .Inner__Box .Box__Icon::after {
box-shadow: 0.313rem 0.313rem 0 0.313rem #151515;
}
html.light .Blog .Blog__Card .Card__Inner .Inner__Box .Box__Icon::after {
box-shadow: 0.313rem 0.313rem 0 0.313rem #f1fff7;
} 
.Blog .Blog__Card .Card__Inner .Inner__Box .Box__Icon .Icon__Box {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
inset: 0.625rem;
border-radius: 50%;
transition: 0.3s;
text-decoration: none;
}
html.dark .Blog__Card .Card__Inner .Inner__Box .Box__Icon .Icon__Box {
background-color: #9dfab8b1;
}
html.light .Blog__Card .Card__Inner .Inner__Box .Box__Icon .Icon__Box {
background-color: #77a434b1;
} 
.Blog .Blog__Card .Card__Inner .Inner__Box .Box__Icon .Icon__Box span {
color: #fff;
font-size: 1.4rem;
margin-bottom: 6px;
}
.Blog .Blog__Card .Card__Content {
padding: 1rem 0.5rem;
}
html.dark .Blog .Blog__Card .Card__Content {
color: #fff;
}
html.light .Blog .Blog__Card .Card__Content {
color: #000;
} 
.Blog .Blog__Card .Card__Content .Content__Date {
font-size: 14px;
opacity: 0.8;
}
.Blog .Blog__Card .Card__Content .Content__Heading {
text-transform: capitalize;
font-size: 20px;
}
.Blog .Blog__Card .Card__Content .Content__Paragraph {
opacity: 0.8;
font-size: 14px;
} .Services {}
.Services .Services__Box {
border-radius: 20px;
padding: 24px;
height: 280px !important;
margin-bottom: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
html.dark .Services .Services__Box {
background-color: #1e1e1e;
color: #d6d6d6;
border: 1px solid #ffffff10;
}
html.light .Services .Services__Box {
background-color: #e7f8da;
color: #353e21;
border: 1px solid rgba(159, 240, 88, 0.677)
} 
.Services .Services__Box .Box__Content {
display: flex;
flex-direction: column;
gap: 6px;
}
.Services .Services__Box .Box__Content .Content__Heading {
font-weight: 400;
width: 50%;
font-size: 20px;
}
html.dark .Services__Box .Box__Content .Content__Heading {
color: #fff;
}
html.light .Services__Box .Box__Content .Content__Heading {
color: #3f8540;
} 
.Services .Services__Box .Box__Content .Content__Paragraph {
font-size: 14px;
}
.Services .Services__Box .Box__Content .Content__Icon {}
.Services .Services__Box .Box__Content .Content__Icon .Icon__Img {
width: 60px;
height: 60px;
margin-bottom: 10px;
}
.Services .Services__Box .Box__Link {
display: flex;
text-decoration: none;
}
html.dark .Services .Services__Box .Box__Link {
color: #fff;
}
html.light .Services .Services__Box .Box__Link {
color: #3f8540;
} 
.Services .Services__Box .Box__Link .Link__Icon {}
.Services .Services__Box .Box__Link .Link__Icon img {} .Questions {
margin-bottom: 80px;
margin-top: 80px;
}
.Questions .Questions__Heading {
font-size: 3rem;
}
html.dark .Questions .Questions__Heading {
color: #fff;
}
html.light .Questions .Questions__Heading {
color: #5b7454;
} 
html.dark .Questions .Questions__Text {
color: #fff;
}
html.light .Questions .Questions__Text {
color: #496840;
} 
.Questions .Questions__Accordion {}
.Questions .Questions__Accordion .Accordion__Item {
border: none;
font-size: 14px;
background-color: transparent !important;
}
html.dark .Questions .Questions__Accordion .Accordion__Item {
color: #b1b1b1;
border-bottom: 1px solid rgba(204, 204, 204, 0.1);
}
html.light .Questions .Questions__Accordion .Accordion__Item {
color: #78ab68;
border-bottom: 1px solid #78ab683a;
} 
.Questions .Questions__Accordion .Accordion__Item .Item__Header {}
.Questions .Questions__Accordion .Accordion__Item .Item__Header .Header__Button {
background-color: transparent !important;
font-weight: 600;
}
html.dark .Questions .Questions__Accordion .Accordion__Item .Item__Header .Header__Button {
color: #e3fac4;
}
html.light .Questions .Questions__Accordion .Accordion__Item .Item__Header .Header__Button {
color: #38622d;
} 
.Questions .Questions__Accordion .Accordion__Item .Item__Header .Header__Button:not(.collapsed) {
background-color: transparent;
}
html.dark .Questions .Questions__Accordion .Accordion__Item {
color: #fff;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}
html.light .Questions .Questions__Accordion .Accordion__Item {
color: #38622d;
border-bottom: 1px solid #78ab683a;
} 
.Questions .Questions__Accordion .Accordion__Collapse {}
.Questions .Questions__Accordion .Accordion__Collapse .Collapse__Body {} .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: rgb(205, 226, 197);
box-shadow: inset 5px 5px rgb(205, 226, 197);
} 
.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: 800px) {
.Main {
margin-top: 140px;
width: 100%;
overflow: hidden;
}
} @media (max-width: 600px) { .Header {}
.Header .Navbar__Button {
display: none;
} .Main {
margin-top: 120px;
} .SocialNetworks {
right: 16px;
z-index: 1000000;
}
}
.macbook {
padding: 4% 6%;
margin: 0 auto;
max-width: 800px;
}
.screen {
background: #000;
border-radius: 3% 3% 0.5% 0.5% / 5%;
margin: 0 auto; position: relative;
width: 80%;
}
.screen:before {
border: 2px solid #cacacc;
border-radius: 3% 3% 0.5% 0.5% / 5%;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.8) inset, 0 0 1px 2px rgba(255, 255, 255, 0.3) inset;
content: "";
display: block; padding-top: 67%;
}
.screen:after {
content: "";
border-top: 2px solid rgba(255, 255, 255, 0.15);
position: absolute;
bottom: 0.75%;
left: 0.5%;
padding-top: 1%;
width: 99%;
}
.viewport {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
margin: 4.3% 3.2%;
background: #333;
}
.base { position: relative;
width: 100%;
}
.base:before {
content: "";
display: block; padding-top: 3.3%; background: linear-gradient(#eaeced, #edeef0 55%, #fff 55%, #8a8b8f 56%, #999ba0 61%, #4B4B4F 84%, #262627 89%, rgba(0, 0, 0, .01) 98%);
border-radius: 0 0 10% 10%/ 0 0 50% 50%;
}
.base::after {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.8) 0.5%, rgba(0, 0, 0, 0.4) 3.3%, transparent 15%, rgba(255, 255, 255, 0.8) 50%, transparent 85%, rgba(0, 0, 0, 0.4) 96.7%, rgba(255, 255, 255, 0.8) 99.5%, rgba(0, 0, 0, 0.5) 100%);
content: "";
height: 53%;
position: absolute;
top: 0;
width: 100%;
}
.notch {
background: #ddd;
border-radius: 0 0 7% 7% / 0 0 95% 95%;
box-shadow: -5px -1px 3px rgba(0, 0, 0, 0.2) inset, 5px -1px 3px rgba(0, 0, 0, 0.2) inset;
margin-left: auto;
margin-right: auto;
margin-top: -3.5%;
z-index: 2; position: relative;
width: 14%;
}
.notch:before {
content: "";
display: block; padding-top: 10%;
} .macbook .viewport {
transition: background-position 3s ease;
background-position: 0 0;
background-size: 100% auto;
overflow: hidden;
cursor: pointer;
}
.macbook:hover .viewport {
background-position: 0 100%;
}
.macbook .viewport:after {
background: radial-gradient(circle at right bottom, transparent 75%, rgba(255, 255, 255, 0.05) 75%, transparent);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
} .Banner {
text-align: center;
margin-top: 60px;
}
.Banner .Banner__Title {
font-size: 34px;
}
html.dark .Banner .Banner__Title {
color: #fff;
}
html.light .Banner .Banner__Title {
color: #000;
}
.Banner .Banner__Subtitle {}
html.dark .Banner .Banner__Subtitle {
color: #e2fdaf;
}
html.light .Banner .Banner__Subtitle {
color: #698e23;
}
.Banner .Banner__Text {
max-width: 800px;
margin: auto;
}
html.dark .Banner .Banner__Text {
color: #fff;
}
html.light .Banner .Banner__Text {
color: #000;
} .LaptopArea {}
.LaptopArea .LaptopArea__Heading {
color: #fff;
margin-top: 40px;
font-size: 48px;
font-weight: 400;
}
.LaptopArea .LaptopArea__Paragraph {
color: #e1e1e1;
text-align: justify;
margin-top: 20px;
}
.LaptopArea .LaptopArea__Link {
background-color: #fff;
width: max-content;
padding: 10px 20px;
border-radius: 20px;
color: #000;
font-weight: 500;
text-decoration: none;
margin-top: 20px;
display: flex;
}
.LaptopArea .LaptopArea__Indicator div {
font-size: 40px;
font-weight: 600;
}
.LaptopArea {
background-color: rgb(38, 38, 38);
padding: 34px;
margin: 0 60px;
border-radius: 20px;
}
.Section__Heading {
margin-bottom: 34px;
}
html.dark .Section__Heading,
html.dark .Section__Link {
color: #fff;
}
html.light .Section__Heading,
html.light .Section__Link {
color: #2b4029;
} .Footer {
border-top-right-radius: 48px;
border-top-left-radius: 48px;
padding-top: 40px;
margin-top: 40px;
}              
html.dark .Footer {
background-color: #1a1a1a;
}
html.light .Footer {
background-color: #c8e9b1;
} 
.new_footer_top {
padding: 20px 0px 40px;
position: relative;
overflow-x: hidden;
}
.new_footer_area .footer_bottom {
padding-top: 5px;
padding-bottom: 50px;
}
.footer_bottom {
font-size: 14px;
font-weight: 300;
line-height: 20px;
padding: 27px 0px;
}
html.dark .footer_bottom {
color: #d6d6d6;
}
html.light .footer_bottom {
color: #000000;
} 
.new_footer_top .company_widget p {
font-size: 16px;
font-weight: 300;
line-height: 28px;
margin-bottom: 20px;
}
html.dark .new_footer_top .company_widget p {
color: #d6d6d6;
}
html.light .new_footer_top .company_widget p {
color: #000000;
} 
.new_footer_top .company_widget .f_subscribe_two .btn_get {
border-width: 1px;
margin-top: 20px;
}
.btn_get:hover {
color: #fff;
background: #6754e2;
border-color: #6754e2;
-webkit-box-shadow: none;
box-shadow: none;
}
a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus {
text-decoration: none;
outline: none;
}
.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;
}
.btn_get_two {
-webkit-box-shadow: none;
box-shadow: none;
background: #578c4c;
border-color: #578c4c;
color: #fff;
}
.new_footer_top .f_social_icon a + a {
margin-left: 4px;
}
.new_footer_top .f-title {
margin-bottom: 30px;
}
html.dark .new_footer_top .f-title {
color: #d6d6d6;
text-decoration: none;
}
html.light .new_footer_top .f-title {
color: #000000;
text-decoration: none;
} 
.f_600 {
font-weight: 600;
}
.f_size_18 {
font-size: 18px;
}
html.dark .new_footer_top .f_widget.about-widget .f_list li a {
color: #d6d6d6;
}
html.light .new_footer_top .f_widget.about-widget .f_list li a {
color: #000000;
} .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;
} .Breadcrumb {
margin-top: 48px;
}
.Breadcrumb .Breadcrumb__List {}
.Breadcrumb .Breadcrumb__List .List__Item {}
html.dark .Breadcrumb .Breadcrumb__List .List__Item,
html.dark .Breadcrumb .Breadcrumb__List li,
html.dark .Breadcrumb .Breadcrumb__List .List__Item a {
color: #fff;
}
html.light .Breadcrumb .Breadcrumb__List .List__Item,
html.light .Breadcrumb .Breadcrumb__List li,
html.light .Breadcrumb .Breadcrumb__List .List__Item a {
color: #000;
}
.Breadcrumb .Breadcrumb__List .List__Item a {
text-decoration: none;
font-weight: 600;
}
.Space--40 {
display: flex;
height: 40px;
}
.Space--60 {
display: flex;
height: 60px;
} .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;
}
html.dark .Person .Person__Fullname {
color: #fff;
}
html.light .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;
}
html.dark .Person .Person__Contact {
color: #dcfed0af;
}
html.light .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;
}
html.dark .Body__Text .Text__Paragraph,
html.dark .Body__Text p {
color: #e4e4e4;
}
html.light .Body__Text .Text__Paragraph,
html.light .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 {}
html.dark .Body__Text .Text__Detail {
color: #d6d6d6;
}
html.light .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;
} .Contact {}
.Contact__Box {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 40px 20px;
border-radius: 20px;
height: 220px;
text-align: center;
}
html.dark .Contact__Box {
border: 1px solid rgba(255, 255, 255, 0.179);
}
html.light .Contact__Box {
border: 1px solid rgba(0, 0, 0, 0.179);
} 
.Contact__Box .Box__Icon {
background-color: rgb(208, 252, 176);
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;
}
html.dark .Contact__Box .Box__Heading,
html.dark .Contact__Box .Box__Text {
color: #fff;
}
html.light .Contact__Box .Box__Heading,
html.light .Contact__Box .Box__Text {
color: #000;
} 
.Contact__Box .Box__Text {} .News {
margin: 0 0 40px;
}
.Page--Home .News {
margin: 80px 0;
}
.News .News__Card {
margin-bottom: 20px;
}
.News .News__Card .Card__Img  {
margin-bottom: 18px;
width: 100%;
border-radius: 16px;
overflow: hidden;
}
.DepartmentNews .News .News__Card .Card__Img img {
height: 160px !important;
}
.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;
}
html.dark .News .News__Card .Card__Heading {
color: #dddddd;
}
html.light .News .News__Card .Card__Heading {
color: #141414;
} 
.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(80, 80, 80, 0.829);
}
html.dark .News .News__Card .Card__Date {
color: #cccccc;
}
html.light .News .News__Card .Card__Date {
color: #3d3d3d;
} .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: 20px;
line-height: 22px;
font-weight: 600;
}
html.dark .Announcements .Announcements__Card .Card__Heading {
color: #cccccc;
}
html.light .Announcements .Announcements__Card .Card__Heading {
color: #3d3d3d;
} 
.Announcements .Announcements__Card .Card__Paragraph {
font-size: 14px;
margin-top: 8px;
margin-bottom: 6px;
}
html.dark .Announcements .Announcements__Card .Card__Paragraph {
color: #cccccc;
}
html.light .Announcements .Announcements__Card .Card__Paragraph {
color: #3d3d3d;
} 
.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;
}
html.dark .Announcements .Announcements__Item .Item__Heading {
color: #e6e4e4;
}
html.light .Announcements .Announcements__Item .Item__Heading {
color: #3d3d3d;
} 
.Announcements .Announcements__Item .Item__Paragraph {
font-size: 16px;
color: #282828;
}
html.dark .Announcements .Announcements__Item .Item__Paragraph {
color: #cccccc;
}
html.light .Announcements .Announcements__Item .Item__Paragraph {
color: #3d3d3d;
} 
.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;
}
html.dark .Announcements .Announcements__Item .Item__Button {
color: #cccccc;
border: 1px solid #cccccc78;
}
html.light .Announcements .Announcements__Item .Item__Button {
color: #3d3d3d;
border: 1px solid #3d3d3d6e;
} 
@media only screen and (min-width: 1800px) { .News .News__Card .Card__Heading {
font-size: 14px;
}
.Page--Home .News .News__Card .Card__Heading {
font-size: 16px;
}
.News .News__Card .Card__Date {
font-size: 14px;
}
.Page--Home .News .News__Card .Card__Date {
font-size: 15px;
} .Announcements .Announcements__Card .Card__Heading {
font-size: 18px;
}
.Announcements .Announcements__Card--Big .Card__Img {
height: 200px !important;
width: 100%;
border-radius: 20px;
overflow: hidden;
}
.Announcements .Announcements__Card--Big .Card__Img img {
height: 100% !important;
width: 100%;
}
.Announcements .Announcements__Card--Big .Card__Heading {
font-size: 14px;
}
.Announcements .Announcements__Card--Big .Card__Date {
font-size: 10px;
}
.Announcements .Announcements__Card .Card__Img {
height: 140px;
}
.Announcements .Announcements__Card .Card__Date {
font-size: 16px;
}
.Announcements .Announcements__Item .Item__Heading {
font-size: 18px;
}
.Announcements .Announcements__Item .Item__Paragraph {
font-size: 15px;
}
.Announcements .Announcements__Item .Item__Button {     
font-size: 16px;
}
}
.error-404 {
text-align: center;
padding: 100px 20px;
}
.error-404 h1 {
font-size: 2.5em;
margin-bottom: 20px;
}
.error-404 p {
font-size: 1.2em;
margin-bottom: 30px;
}
.error-404 .btn {
padding: 10px 20px;
font-size: 1em;
color: #fff;
background-color: #759353;
} @media all and (max-width: 980px) {
.page-home .Header .navbar-collapse {
background: #759353;
padding: 10px;
border-radius: 10px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}      
}
@media all and (max-width: 767px) { .Header {
padding: 10px 24px;
}
.Header .Navbar {
padding: 0;
}
.Header .Navbar__Button {
margin-right: 0;
border-radius: 24px;
padding: 8px 18px;
}
html.light .Header .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
html.light .Header .page-home .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
html.dark .Header.Header--Sticky .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
html.light .Header.Header--Sticky .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
} .Main {
margin-top: 0 !important;
} .Hero {
height: 700px;
}
.Hero video {
border-bottom-right-radius: 120px;
border-bottom-left-radius: 120px;
}
.Hero .Hero__Title {
font-size: 34px;
margin-bottom: 10px;
}
.Hero .Hero__Paragraph {
font-size: 14px;
}
.Hero .Hero__Button {
padding: 12px 14px;
margin-top: 40px;
}
.Hero__Box {
right: 0;
top: 70px;
padding: 10px;
border-radius: 10px;
background-color: #f2fede9a;
border: 1px solid rgba(172, 255, 47, 0.658);
}
.Hero__Box .Box__Inner {
border-radius: 10px;
padding: 12px;
margin-top: 8px;
}
.Hero__Box .Box__Inner .Inner__Text {
margin-bottom: 6px;
padding: 10px;
font-size: 12px;
} .Preview {
margin-top: 20px;
}
.Preview .Preview__Announcements .Announcements__Announcement {
margin-right: 10px;
}
.Preview .Preview__Announcements .Announcements__Announcement .Announcement__Date {
font-size: 14px;
}
.Preview .Preview__Announcements .Announcements__Announcement .Announcement__Info .Info__Heading {
font-size: 16px;
margin-top: 0;
}
.Preview .Preview__Announcements .Announcements__Announcement .Announcement__Info .Info__Paragraph {
font-size: 14px;
opacity: 0.7;
}
.Preview .Preview__Header {
margin-bottom: 10px;
margin-top: 20px;
}
.Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide {
height: 300px;
}
.Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__News {}
.Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__News .News__Img {
height: 160px;
}
.Preview .Preview__Swiper .Swiper__Wrapper .Wrapper__Slide .Slide__News .News__Heading {
font-size: 16px;
} .Blog {
margin: 60px 0 0;
padding: 0;
}
.Blog .Blog__Card .Card__Inner {
height: 150px;
}
.Blog .Blog__Card .Card__Content .Content__Heading {
font-size: 16px;
} .Services {}
.Services .Services__Box {
padding: 16px;
height: 260px !important;
margin-bottom: 10px;
}
.Services .Services__Box .Box__Content {
gap: 2px;
}
.Services .Services__Box .Box__Content .Content__Heading {
font-size: 16px;
}
.Services .Services__Box .Box__Content .Content__Paragraph {
font-size: 12px;
}
.Services .Services__Box .Box__Content .Content__Icon {}
.Services .Services__Box .Box__Content .Content__Icon .Icon__Img {
width: 40px;
height: 40px;
margin-bottom: 8px;
} .Questions {
margin: 40px 0;
}
.Questions .Questions__Heading {
font-size: 2rem;
}
.Questions .Questions__Accordion .Accordion__Item .Item__Header .Header__Button,
.Questions .Questions__Accordion .Accordion__Collapse .Collapse__Body {
padding: 16px 0;
} .Footer {
padding: 10px 0;
}
.Footer .Footer__Wrapper {
padding: 10px 0;
margin-top: 20px;
}
.Footer .Footer__Wrapper .Wrapper__Title {
font-size: 14px;
} .Banner {
margin-top: 10px;
padding: 0 10px;
}
.Banner .Banner__Title {
font-size: 26px;
}
.Banner .Banner__Text {
font-size: 14px;
} .Footer {
border-top-right-radius: 24px;
border-top-left-radius: 24px;
padding-top: 20px;
margin-top: 0;
}              
.new_footer_top .company_widget p {
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
}
.new_footer_top .f_widget.about-widget .f_list li {
margin-bottom: 6px;
}
.f_widget.about-widget .f_list li {
margin-bottom: 6px;
}
.new_footer_top .f-title {
margin: 20px 0 10px;
} .Breadcrumb {
margin: 28px 0 0;
}
.Section__Link {
font-size: 16px !important;
} .News .News__Card .Card__Img img {
height: 140px;
}
.News .News__Card .Card__Heading {
font-size: 18px;
} .Announcements .Announcements__Card--Big .Card__Img {
height: 200px !important;
}
.Announcements .Announcements__Card .Card__Img {
width: 100%;
height: 140px;
overflow: hidden;
border-radius: 20px;
margin-bottom: 10px;
}
.Announcements .Announcements__Item .Item__Img {
height: 180px;
margin-bottom: 10px;
}
.Body__Text .Text__Img {
height: 260px !important;
width: 100% !important;
margin-bottom: 16px;
}
.Body__Text .Text__Img.Text__Img--Person {
height: 400px !important;
}
.Body__Text .Text__Title {
font-size: 22px;
} .Person .Person__Img {
height: 240px;
} .error-404 h1 {
font-size: 2em;
margin-bottom: 20px;
margin-top: 20px;
}
.error-404 p {
font-size: 1em;
margin-bottom: 30px;
}
}