* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* body {
    --bs-body-bg: var(--primary-color);
} */

/* Firefox */
@-moz-document url-prefix() {
    .menu-item > ul {
        scrollbar-width: thin;
        scrollbar-color: #D5D5D5 #F1F1F1;
    }
}

/* scrollbar styles */
.menu-item > ul::-webkit-scrollbar {
    width: 5px; 
}

.menu-item > ul::-webkit-scrollbar-thumb {
    background: #E6E6E6; 
    height: 87px;
    border-radius: 3px;
}

:root {
    --primary-color: #7EB0DE;
    --secondary-color: #21428C;
    --tertiary-color: #B9B9B9;
    --text-color: #707070;
}

.Container {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0 30px;
}

.content {
    display: flex;
    width: 100%;
    max-width: 1286px;
}

.content1, .content3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 1032px;
}

.content2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1032px;
}

.content3 { max-width: 1286px; }

/*** Remove valid/invalid feedback effects ***/
.form-floating > .form-control {
    min-height: unset !important;
}

.was-validated .form-control:valid,
.was-validated .form-control:invalid {
    background-image: none !important;
}

.was-validated .form-control:valid,
.was-validated .form-select:valid,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: #DBDBDB !important;
}

.was-validated .form-control:valid:focus,
.was-validated .form-select:valid:focus {
    box-shadow: none !important;
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple]):not([size]) {
    --bs-form-select-bg-icon: none !important;
}
/***************************************/

/* scroll to top */
.scroll-to-top {
    background: #C8C8C8;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

.scroll-to-top:hover {
    background: var(--primary-color);
}

.scroll-to-top.show {
    opacity: 1;
    visibility: visible;
}

.scroll-to-top i {
    font-size: 15px;
}

/* cookie consent */
.cookie-consent {
    background: white;
    border-radius: 10px;
    box-shadow: 0 3px 17px rgba(0, 0, 0, 0.6);
    display: none;
    flex-direction: column;
    gap: 20px;
    padding: 23px 30px 34px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    max-width: 677px;
} 

.cookie-consent > p:first-child {
    font: 20px 'Segoe';
    line-height: 27px;
    margin-bottom: 0;
}

.cookie-content {
    display: flex;
    align-items: flex-start;
    gap: 21px;
}

.cookie-content > p:first-child {
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
    max-width: calc(100% - 186px);
    margin-bottom: 0;
}

.cookie-content > p:first-child > a {
    color: #496EB2;
    text-decoration: none;
}

.cookie-content > div {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#accept-cookies {
    background: var(--secondary-color);
    border: none;
    border-radius: 10px;
    color: white;
    font: 12px 'BPG LE Studio 02 Caps';
    line-height: 15px;
    width: 165px;
    height: 45px;
}

.cookie-content > div > a:last-child {
    color: #496EB2;
    font: 12px 'BPG LE Studio 02 Caps';
    line-height: 15px;
    margin: 0 auto;
}

/* header */
header {
    min-height: 90px;
    position: fixed;
    top: 30px;
    z-index: 999999;
}

header.closed .menu, header.closed .contact-info, header.closed .utilities {
    display: none;
}

header.closed {  justify-content: flex-start; }

header.closed .header-content {
    max-width: 255px;
}

.header-content {
    background: white;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 36px 0 30px;
    filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.08));
    width: 100%;
}

.header-bg {
    width: 100%;
    height: 152px;
    position: relative;
    z-index: 1;
}

.header-bg img {
    border-radius: 0 0 40px 40px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-bg:before {
    background: rgba(0, 0, 0, 0.38);
    border-radius: 0 0 40px 40px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.logo img {
    width: 123px;
    object-fit: contain;
}

.logo img:last-child { display: none; }
.header-geo .logo img:first-child { display: none; }
.header-geo .logo img:last-child { display: inline; }
.header-eng .logo img:last-child { display: none; }

.menu {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 22px;
    padding-left: 0;
    margin-bottom: 0;
    height: 55px;
    padding-right: 21px;
}

.menu-item {
    cursor: pointer;
    height: 100%;
    position: relative;
    flex-grow: 1;
    transition: all 0.3s ease;
}

.menu-item > a {
    color: black;
    text-decoration: none;
    font: 600 14px 'Segoe', 'Firago';
    line-height: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.header-geo .menu { gap: 8px; }
.header-geo .menu-item > a {
    font-size: 12px;
    line-height: 16px;
    -webkit-text-stroke: 0.5px black;
}

.menu-item > a.active {
    color: var(--primary-color);
}

.menu-item > ul {
    background: white;
    border-radius: 0 0 5px 5px;
    display: none;
    flex-direction: column;
    list-style: none;
    position: absolute;
    top: 100%;
    z-index: 1000;
    width: 294px;
    max-height: 500px;
    overflow: auto;
    padding: 0;
}

.header-geo .menu-item > ul { width: 360px; }

.menu-item li {
    font: 600 14px 'Segoe', 'Firago';
    line-height: 19px;
    display: flex;
    align-items: center;
    min-height: 55px;
    padding: 17px 0 17px 30px;
    transition: all 0.3s ease;
}

.menu-item li:hover { background: var(--primary-color); }
.menu-item li:first-child { border-radius: 5px 5px 0 0; }
.menu-item li:last-child { border-radius: 0 0 5px 5px; }

.menu-item ul a {
    color: black;
    text-decoration: none;
    display: flex;
    transition: all 0.3s ease;
}
.menu-item ul li:hover a { color: white; }

/* .header-geo .menu-item ul a { -webkit-text-stroke: 0.5px black; } */
/* .header-geo .menu-item ul li:hover a { -webkit-text-stroke: 0.5px white; } */

.menu-item:hover > ul {
    display: flex;
}

.menu-item:hover > a {
    color: var(--primary-color);
}

/* contact info in header */
.contact-info {
    display: flex;
    align-items: center;
    gap: 22px;
    position: relative;
}

.contact-info::after {
    content: '';
    position: absolute;
    top: -3px;
    right: -21px;
    background: #ECECEC;
    width: 1px;
    height: 33px;
}
.header-geo .contact-info::after { right: -3px; }

.contact-info::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -21px;
    background: #ECECEC;
    width: 1px;
    height: 33px;
}

.contact-info > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon {
    background: var(--secondary-color);
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    width: 25px;
    height: 25px;
}

.phone-email {
    display: flex;
    flex-direction: column;
    min-width: 95px;
}

.phone-email a:first-child,
.working-hours span {
    color: black;
    text-decoration: none;
    font: 600 11px 'Segoe';
    line-height: 12px;
}

.phone-email a:last-child, .address span {
    color: var(--text-color);
    text-decoration: none;
    font: 11px 'Segoe';
    line-height: 12px;
}

.address span {
    width: 128px;
}

.working-hours span {
    width: 58px;
}

.socials {
    display: flex;
    align-items: flex-end;
    gap: 18px;
}

.socials > a {
    text-decoration: none;
}

.utilities {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.language-change {
    margin-top: 5px;
    position: relative;
}

.language-change > a {
    color: black;
    -webkit-text-stroke: 0.5px black;
    text-decoration: none;
    font: 14px "Segoe";
    line-height: 19px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.language-change > a i {
    color: black;
    font-size: 10px;
    transition: transform 0.3s ease;
}

.language-change a.active i {
    transform: rotate(180deg);
}

.language-change ul {
    display: none;
    list-style: none;
    padding-left: 0;
    position: absolute;
    top: 100%;
}

.language-change ul a {
    color: var(--primary-color);
    -webkit-text-stroke: 0.5px var(--primary-color);
    text-decoration: none;
    font: 14px "Segoe";
    line-height: 19px;
}

/* dropdown menu styles */
.menu-toggle {
    display: none;
}

.dropdownMenu {
    background-image: url(../images/dropdown-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    padding: 0 30px;
    position: absolute;
    top: 100%;
    width: 100%;
    height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    transition: height 0.5s ease;
}
  
.dropdownMenu > * {
    position: relative;
    z-index: 2;
}
  
.dropdownMenu hr {
    border: 1px solid rgba(255, 255, 255, 0.17);
    opacity: 1;
    margin: 0 -35px;
}
  
.dropdownMenu.visible {
    height: calc(100vh - 120px);
}

.mobile-nav {
    color: white;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font: 14px 'Firago Regular';
    line-height: 19px;
    width: 100%;
    padding: 20px 0;
}

.mobile-nav:last-of-type {
    padding-bottom: 40px;
}

.mobile-nav-items {
    font: 14px "Firago";
    line-height: 19px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.mobile-nav-items.visible {
    max-height: 1000px;
}

.mobile-nav-items a,
.mobile-nav-items a:hover {
    color: white;
    text-decoration: none;
}

.mobile-nav-items a:last-child {
    margin-bottom: 40px;
}

.mobile-item {
    color: white;
    text-decoration: none;
    display: inline-block;
    font: 14px 'Firago';
    line-height: 19px;
    padding: 20px 0;
    font-feature-settings: "case" 1;
}

.dropdownMenu > hr:last-child {
    margin-bottom: 70px;
}

.mobile-socials, .mobile-media,
.dropdownMenu hr:last-of-type {
    display: none;
}

.mobile-languages { margin: 10px 0 15px; }
.mobile-languages a {
    color: black;
    text-decoration: none;
    -webkit-text-stroke: 0.5px black;
    font: 14px 'Segoe';
    line-height: 19px;
}

/* main swiper */
.banner-container {
    border-radius: 0 0 40px 40px;
    width: 100%;
    height: 580px;
    margin-bottom: 100px;
}

.banner-swiper {
    border-radius: 0 0 40px 40px;
    height: 580px;
}

.banner-slide::before {
    opacity: 0.38;
    background: #000000;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
}

.banner-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-text {
    background: rgba(9, 12, 20, 0.82);
    border-radius: 20px;
    color: white;
    font: 18px 'Proxima Nova';
    line-height: 26px;
    position: absolute;
    max-width: 612px;
    top: 150px;
    left: calc((100% - 1286px) / 2);
    z-index: 22;
    padding: 45px;
}

.swiper1 .swiper-pagination-bullet {
    background: transparent;
    border: 1px solid white;
    border-radius: 50%;
    color: white;
    width: 15px;
    height: 15px;
    opacity: 1;
}

.swiper1 .swiper-pagination-bullet-active {
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.swiper1 .swiper-pagination-bullets {
    bottom: 40px !important;
}

/* footer */
footer {
    background: #FBFBFB;
    min-height: 213px;
}

.footer-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    max-width: 1082px;
}

.footer-logo img {
    width: 194px;
    height: 99px;
    object-fit: cover;
}

.footer-menu {
    display: flex;
    align-items: center;
    gap: 40px;
}

.footer-menu a {
    color: #575757;
    font: 600 14px 'Segoe';
    line-height: 19px;
    text-decoration: none;
}

.footer-content .socials {
    padding-left: 0;
    margin-bottom: 16px;
}

.copyright, .creator {
    color:  var(--tertiary-color);
    font: 12px 'BPG Arial 2009';
    line-height: 14px;
    margin-bottom: 0;
}

.copyright {
    margin-bottom: 5px;
}

.creator a { 
    color: var(--primary-color);
    text-decoration: none;
}

/* about us preview */
.about-us-preview {
    margin-bottom: 100px;
}

.about-us-prev-content, 
.about-us-page-content {
    justify-content: space-between;
    gap: 40px;
}

.about-us-imgs {
    width: 39%;
    min-height: 335px;
    position: relative;
}

.about-us-imgs img {
    border-radius: 20px;
    object-fit: cover;
    position: absolute;
}

.about-us-imgs img:first-child {
    width: 265px;
    height: 232px;
    top: 0;
    left: 0;
}

.about-us-imgs img:last-child {
    width: 289px;
    height: 268px;
    right: 0;
    bottom: 0;
}

.about-us-content {
    text-align: justify;
    text-justify: inter-word;
    width: 58.9%;
    padding-top: 67px;
}

.about-us-content > p:first-child {
    font: 600 30px 'Segoe', 'Firago Regular';
    line-height: 40px;
    margin-bottom: 0px;
}

.about-us-item {
    margin-bottom: 40px;
}

.about-us-item > p:first-child {
    color: var(--primary-color);
    font: 600 20px 'Segoe','Firago Regular';
    line-height: 25px;
    margin-bottom: 15px;
}

.about-us-item > p:last-child {
    font: 16px 'Segoe', 'Firago Regular';
    line-height: 21px;
    margin-bottom: 0;
}

.about-us-content button {
    background: var(--primary-color);
    border: none;
    border-radius: 23px;
    color: white;
    cursor: pointer;
    font: 14px 'Segoe', 'Firago Regular';
    line-height: 19px;
    width: 187px;
    height: 45px;
    transition: all 0.3s ease;
}

.about-us-content button:hover {
    background: var(--secondary-color);
}

/* services swiper */
.services-container {
    background-image: url(../images/service-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 600px;
    position: relative;
    z-index: 1;
    padding-top: 45px;
}

.services-content {
    flex-direction: column;
    align-items: center;
    max-width: 1254px;
}

.services-content > p:first-child {
    font: 600 30px "Segoe", "Firago Regular";
    line-height: 30px;
    margin-bottom: 20px;
}

.services-content > p:nth-child(2) {
    color: var(--secondary-color);
    font: 600 26px "Segoe", "Firago Regular";
    line-height: 26px;
    margin-bottom: 50px;
    text-align: center;
}

.service-swiper {
    width: 100%;
    margin-bottom: 60px;
}

.service-slide {
    background: white;
    border-radius: 20px;
    cursor: pointer;
    filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.08));
    height: 290px !important;
    position: relative;
    padding: 30px 37px 30px 30px;
    overflow: hidden;
    transition: background 0.3s ease;
}

.service-slide::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 240px;
    height: 203px;
    background: transparent;
    border-radius: 145px;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.3s ease;
    z-index: 0;
}

.service-slide:hover::before {
    background: var(--primary-color);
    width: 150%;
    height: 150%;
}

.service-slide:hover {
    color: white;
}

.service-slide > * {
    position: relative;
    z-index: 1;
}

.service-title {
    font: 600 18px 'Segoe', "Firago Regular";
    line-height: 20px;
    height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 21px;
}

.service-desc {
    font: 14px 'Segoe', "Firago Regular";
    line-height: 20px;
    height: 60px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 70px;
}

.service-slide:hover .see-more {
    border-color: white;
    color: white;
}


/* see more button */
.see-more {
    border: 1px solid #707070;
    border-radius: 15px;
    color: #707070;
    text-decoration: none;
    display: flex;
    align-items: center;
    font: 12px "Segoe", 'Firago Regular';
    line-height: 16px;
    overflow: hidden;
    padding-left: 10px;
    width: 30px;
    height: 30px;
    transition: all 0.3s ease;
}

.see-more:hover {
    width: 133px;
}

.see-more .text {
    opacity: 0;
    white-space: nowrap;
    margin-left: 20px;
    transition: opacity 0.3s ease;
}

.see-more:hover .text {
    opacity: 1;
}

.plus {
    margin-top: -3px;
}

.service-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}

.arrow-btn, .arrow-btn1, .arrow-btn2 {
    background: transparent;
    border: 1px solid var(--tertiary-color);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 35px;
    transition: all 0.3s ease;
}

.arrow-btn1 {
    border: 1px solid white;
}

.arrow-btn2 {
    border: none;
}

.arrow-btn svg {
    fill: var(--tertiary-color);
    transition: all 0.3s ease;
}

.arrow-btn1 svg {
    fill: white;
    transition: all 0.3s ease;
}

.arrow-btn2 svg {
    fill: var(--tertiary-color);
    transition: all 0.3s ease;
}

.arrow-btn:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.arrow-btn1:hover {
    background: white;
}

.arrow-btn2:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.arrow-btn:hover svg,
.arrow-btn2:hover svg {
    fill: white;
}

.arrow-btn1:hover svg {
    fill: #7CAFDC;
}

/* newsletter swiper */
.newsletter-container {
    padding-top: 45px;
    padding-bottom: 45px;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
}

.newsletter-container::before {
    content: '';
    background-image: url('../images/newsletters-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: calc(100% - 100px);
    height: 100%;
    top: -50px;
    left: -15px;
    z-index: 2;
}

.newsletter-container::after {
    background: #061F58;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.newsletter-content {
    flex-direction: column;
    align-items: center;
}

.newsletter-content * {
    position: relative;
    z-index: 2;
}

.newsletter-content > p:first-child {
    color: white;
    font: 600 30px 'Segoe', 'Firago Regular';
    line-height: 30px;
    margin-bottom: 30px;
}

.newsletter-buttons,
.testimonial-buttons {
    display: none;
}

.newsletter-swiper-container {
    display: flex;
    align-items: center;
    gap: 62px;
    width: 100%;
}

.newsletter-swiper {
    width: calc(100% - 120px);
}

.newsletter-card, .news-card {
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

.newsletter-card > img:first-child,
.news-card > img:first-child {
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.swiper-slide.newsletter-card > img:first-child { height: 140px ;}

.newsletter-desc {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0 0 10px 10px;
    padding: 20px 30px;
    transition: all 0.3s ease;
}
.swiper-slide .newsletter-desc { 
    background: #ECECEC;
    padding: 20px 17px;
}

.newsletter-card:hover .newsletter-desc {
    background: rgba(236, 236, 236, 0.85);
}

.newsletter-desc .date,
.news-card .date,
.current-news-intro .date {
    color: white;
    font: 200 12px 'Segoe', 'Firago Regular';
    line-height: 18px;
    position: relative;
    padding-left: 52px;
    margin-bottom: 25px;
}
.swiper-slide .newsletter-desc .date { margin-bottom: 15px; }
.swiper-slide .newsletter-desc .date { color: black; }

.newsletter-desc .date::before,
.news-card .date::before,
.current-news-intro .date::before  {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 42px; 
    height: 1px;
    background: white;
    z-index: 1;
}
.swiper-slide .newsletter-desc .date::before { background: black; }

.newsletter-card .title,
.news-card .title {
    color: white;
    text-decoration: underline;
    text-transform: uppercase;
    font: 600 16px 'Segoe', 'Firago Regular';
    line-height: 20px;
    height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 15px;
    font-feature-settings: "case" 1;
}
.swiper-slide.newsletter-card .title {
    color: black;
    font-size: 14px;
    margin-bottom: 5px;
}

.newsletter-card .intro,
.news-card .intro {
    color: white;
    font: 200 14px 'Segoe', 'Firago Regular';
    line-height: 18px;
    height: 54px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 18px;
    word-break: break-word;
}
.swiper-slide.newsletter-card .intro {
    color: black;
    font-size: 12px;
    line-height: 14px;
    height: 43px;
    margin-bottom: 10px;
}

.newsletter-card .see-more {
    border-color: white;
    color: white;
}
.swiper-slide.newsletter-card .see-more {
    border-color: black;
    color: black;
}

/* email subscription */
.subscription-container {
    background: white;
    padding-top: 38px;
    padding-bottom: 38px;
}

.subscription-content {
    max-width: 1032px;
}

.subscribe {
    display: flex;
    align-items: center;
    gap: 23px;
    width: 100%;
}

.subscribe span {
    color: var(--secondary-color);
    font: bold 20px 'Segoe', 'Firago Regular';
    line-height: 20px;
    margin-right: 17px;
}

.subscribe input {
    background: rgba(33, 66, 140, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 10px;
    color: var(--secondary-color);
    font: 14px 'Segoe', 'Firago Regular';
    line-height: 19px;
    padding-left: 20px;
    height: 45px;
    width: 54%;
}

.subscribe input:focus {
    outline: none;
}

.subscribe button {
    background: var(--secondary-color);
    border: none;
    border-radius: 10px;
    color: white;
    font: 600 14px 'Segoe', 'Firago Regular';
    line-height: 19px;
    width: 187px;
    height: 45px;
    transition: all 0.3s ease;
}

.subscribe button:hover {
    background: var(--primary-color);
    color: white;
}

/* video news */
.video-news {
    display: flex;
    width: 100%;
    margin-bottom: 50px;
}

.video-news > img {
    width: 50%;
    height: 520px;
    object-fit: cover;
}

.video-swiper-container {
    padding: 0 calc((100% - 1291px) / 2) 0 40px;
    width: 50%;
}

.newsletter-preview-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.newsletter-preview-heading > span:first-child {
    font: 600 25px 'Segoe', 'Firago Regular';
    line-height: 30px;
}

.newsletter-preview-heading form {
    display: flex;
    gap: 10px;
}

.newsletter-preview-heading input,
.news-heading > form:last-child input {
    background: #EDF0F6;
    border: none;
    border-radius: 10px;
    color: var(--secondary-color);
    font: 14px 'Segoe', 'Firago Regular';
    line-height: 19px;
    padding-left: 28px;
    height: 45px;
}
.newsletter-preview-heading input:focus,
.news-heading > form:last-child input:focus  { outline: none; }

.newsletter-preview-heading button,
.news-heading > form:last-child button {
    background: var(--secondary-color);
    border: none;
    border-radius: 10px;
    color: white;
    font: bold 14px 'Segoe', 'Firago Regular';
    line-height: 19px;
    width: 185px;
    height: 45px;
    transition: all 0.3s ease;
}

.newsletter-preview-heading button:hover,
.news-heading > form:last-child button:hover {
    background: var(--primary-color);
}

.video-swiper {
    width: 100%;
}

.video-card {
    color: unset;
    display: flex;
    align-items: center;
    gap: 20px;
    text-decoration: none;
}

.video-card > img:first-child {
    width: 162px;
    height: 100px;
    object-fit: cover;
}

.video-info {
    width: 59%;
}

.video-card .date {
    font: bold 10px 'Segoe', 'Firago Regular';
    line-height: 14px;
    margin-bottom: 20px;
}

.video-card .intro {
    color: #616161;
    font: 200 14px 'Segoe', 'Firago Regular';
    line-height: 18px;
    height: 54px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0;
}

.video-card > img:last-child {
    transition: all 0.3s ease;
}

.video-card:hover > img:last-child {
    padding-left: 17px;
}

.video-slide hr {
    border-color: #E3E3E3;
    opacity: 1;
    margin: 15.5px 0;
}

.video-slide hr:last-of-type {
    margin: 15.5px 0 23.5px;
}

/* testimonial slider */
.testimonial-container {
    width: 100%;
    min-height: 465px;
    position: relative;
    padding-top: 45px;
    padding-bottom: 50px;
    z-index: 1;
    overflow-y: auto;
    margin-bottom: 50px;
}

.testimonial-container::before {
    background: #061F58;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.testimonial-container::after {
    content: '';
    background-image: url('../images/testimonial-bg1.png');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: calc(100% - 100px);
    height: 100%;
    bottom: 50px;
    z-index: 1;
}

.testimonial-container * {
    position: relative;
    z-index: 2;
}

.testimonial-content {
    flex-direction: column;
    align-items: center;
}

.testimonial-content > p:first-child {
    color: white;
    font: 600 30px 'Segoe', 'Firago Regular';
    line-height: 40px;
    margin-bottom: 46px;
}

.testimonial-swiper-container {
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
}

.testimonial-swiper {
    width: calc(100% - 190px);
}

.testimonial-slide {
    border: 1px solid rgba(255, 255, 255, 0.59);
    border-radius: 20px;
    color: white;
    text-decoration: none;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 48px 22px;
}

.member-testimonial-swiper-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.member-testimonial-swiper { 
    width: 100% !important;
    padding-right: 10px;
}

.team-member .testimonial-slide {
    color: #000000;
    width: 100% !important;
    padding: 48px 10px;
}

.testimonial-slide .title {
    font: 600 20px 'Segoe';
    line-height: 27px;
    height: 27px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0;
}

.testimonial-slide .desc {
    font: 12px 'Firago Regular';
    line-height: 16px;
    height: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0;
}

/* contact page */
.page-title {
    font: 600 30px 'Segoe', 'Firago Regular';
    line-height: 30px;
    margin-bottom: 40px;
}

.contact-container {
    padding-top: 40px;
    padding-bottom: 120px;
}

.contact-content {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    margin-bottom: 50px;
}

.contact-form, .contact-details  {
    width: calc((100% - 40px) / 2);
}

.contact-form > p:first-child,
.contact-details > p:first-child {
    font: 600 20px 'Segoe', 'Firago Regular';
    line-height: 25px;
    margin-bottom: 40px;
}

.contact-form label {
    color: #8D8D8D;
    font: 12px 'Segoe', 'Firago Regular';
    line-height: 16px;
}

.contact-form input {
    border: 1px solid #DBDBDB;
    color: black;
    font: 12px 'Segoe', 'Firago Regular';
    line-height: 16px;
    height: 50px !important;
    padding-left: 21px !important;
}

.contact-form .invalid-feedback span {
    color: #D90236;
    font: 10px 'Segoe', 'Firago Regular';
    line-height: 13px;
    padding-left: 5px;
}

.contact-form .form-floating > label,
.contact-form .form-floating > .form-control {
    padding-left: 21px !important;
}

.message {
    resize: none;
    height: 150px !important;
}

.contact-form > div {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 26px;
}

.contact-btn {
    background: var(--primary-color);
    border: none;
    border-radius: 23px;
    color: white;
    font: 200 14px 'Segoe', 'Firago Regular';
    line-height: 19px;
    width: 112px;
    height: 45px;
    transition: all 0.3s ease;
}

.contact-btn:hover {
    background: var(--secondary-color)
}

.contact-details > p:first-child {
    color: var(--primary-color);
}

.contact-detail-items {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font: 14px 'Segoe', 'Firago Regular';
    line-height: 19px;
}

.contact-detail-items > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.contact-detail-items > div span {
    color: #7A7A7A;
}

.contact-detail-items > div > span:first-child {
    color: black;
    font-weight: 600;
}

.contact-detail-items a {
    color: #7A7A7A;
    text-decoration: none;
}

.map {
    width: 100%;
    height: 264px;
}

.map iframe {
    border-radius: 10px;
    width: 100%;
    height: 100%;
}

/* about us page */
.about-us-page {
    padding-top: 60px;
    padding-bottom: 90px;
}

.about-us-page-content .about-us-imgs {
   max-height: 555px !important;
}

.about-us-page-content .about-us-imgs > img:first-child {
    width: 348px;
    height: 384px;
}

.about-us-page-content .about-us-imgs > img:last-child {
    height: 444px;
}

.about-us-page-content .about-us-content > p:first-child {
    margin-bottom: 30px;
}

.about-us-page .about-us-item:last-of-type {
    margin-bottom: 0;
}

/* team page */
.team-container {
    padding-top: 40px;
    padding-bottom: 230px;
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 42px;
    row-gap: 40px;
}

.member {
    color: unset;
    text-decoration: none;
}

.member-img {
    position: relative;
    margin-bottom: 55px;
}

.member-img-cont {
    border-radius: 10px;
    overflow: hidden;
}

.member-img img {
    border-radius: 10px;
    width: 100%;
    height: 300px;
    object-fit: cover;
    transition: all 0.3s ease;
}

.member-img img:hover { transform: scale(1.1); }

.name-pos {
    background: white;
    border-radius: 10px;
    filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.08));
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 0;
    width: 78%;
    position: absolute;
    left: 50%;
    bottom: -35px;
    transform: translateX(-50%);
}

.name-pos span:first-child {
    font: 600 18px 'Segoe', 'Firago Regular';
    line-height: 25px;
    text-align: center;
}

.name-pos span:last-child {
    color: #7B7B7B;
    font: 10px 'Segoe', 'Firago Regular';
    line-height: 15px;
}

.member .intro {
    font: 14px 'Segoe', 'Firago Regular';
    line-height: 19px;
    height: 95px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0;
}

/* inner member page */
.member-page-container {
    padding-top: 50px;
    padding-bottom: 50px;
}

.sitemap {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 70px;
}

.sitemap a:first-child {
    color: black;
    text-decoration: none;
    font: 600 20px 'Segoe', "Firago Regular";
    line-height: 25px;
    font-feature-settings: "case" 1;
}

.sitemap i {
    color: var(--secondary-color);
    font-size: 8px;
}

.sitemap a:last-child {
    color: var(--primary-color);
    text-decoration: none;
    font: 600 16px 'Segoe', 'Firago Regular';
    line-height: 25px;
}

.team-member {
    display: flex;
    align-items: flex-start;
    gap: 26px;
}

.member-image-cont {
    width: 40.6%;
}

.member-image {
    border-radius: 10px;
    width: 100%;
    height: 400px;
    object-fit: cover;
    margin-bottom: 20px;
}

.member-info {
    width: 56.9%;
}

.member-details {
    background: white;
    border-radius: 10px;
    filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.08));
    display: flex;
    align-items: flex-start;
    padding: 32.5px 10px 32.5px 50px;
    margin-bottom: 33px;
}

.member-introduction {
    border-right: 1px solid #E1E1E1;
    padding-right: 67px;
}

.member-introduction p:first-child {
    font: 600 26px 'Segoe', 'Firago Regular';
    line-height: 26px;
    margin-bottom: 5px;
}

.member-introduction p:nth-child(2) {
    color: #7B7B7B;
    font: 16px 'Segoe', 'Firago Regular';
    line-height: 21px;
    margin-bottom: 21px;
}

.member-socials {
    display: flex;
    gap: 9px;
}

.member-socials a {
    border: 1px solid #E1E1E1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    transition: all 0.3s ease;
}

.member-socials a:hover {
    background: #F3F3F3;
}

.contact-member {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 67px;
}

.contact-member-item {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.contact-member-item span {
    color: #919191;
    font: 600 12px 'Segoe', 'Firago Regular';
    line-height: 16px;
}

.contact-member-item a {
    color: var(--primary-color);
    text-decoration: none;
    font: 16px 'Segoe';
    line-height: 21px;
}

.member-text {
    background: #FAFAFA;
    border-radius: 5px;
    font: 14px 'Segoe', 'Firago Regular';
    line-height: 19px;
    padding: 30px 30px 40px;
    margin-bottom: 19px;
}

.member-text * {
    font: 14px 'Segoe', 'Firago Regular' !important;
    line-height: 19px !important;
}

.go-back {
    color: var(--tertiary-color);
    display: inline-block;
    font: 16px 'Segoe', 'Firago Regular';
    line-height: 21px;
    text-decoration: none;
    width: 67px;
    height: 21px;
    position: relative;
    transition: all 0.3s ease;
}

.go-back:hover {
    color: var(--secondary-color);
    text-decoration: none;
}

.go-back i {
    position: absolute;
    top: 7px;
    left: 14px;
    opacity: 0;
    font-size: 7px;
    margin-top: 2px;
    transition: all 0.3s ease;
}

.go-back span {
    position: absolute;
    right: 0;
    transition: all 0.3s ease;
}

.go-back:hover i {
    opacity: 1;
    left: 0;
}

/* news page */
.news-container {
    padding-top: 40px;
    padding-bottom: 123px;
}

.latest-news {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 60px;
    width: 100%;
}

.latest-news > img {
    background: white;
    border: 1px solid #ECECEC;
    border-radius: 10px;
    width: 52%;
    height: 300px;
    object-fit: cover;
}

.news-description {
    background: white;
    border: 1px solid #ECECEC;
    border-radius: 10px;
    width: 46.5%;
    padding: 48px 40px 30px 30px;
}

.news-description .date {
    font: 200 14px 'Segoe', 'Firago Regular';
    line-height: 21px;
    position: relative;
    padding-left: 64px;
    margin-bottom: 25px;
}

.news-description .date::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 52px; 
    height: 1px;
    background: var(--tertiary-color);
    z-index: 1;
}

.news-description .title {
    color: unset;
    text-decoration: none;
    display: inline-flex;
    font: 600 18px 'Segoe', 'Firago Regular';
    line-height: 20px;
    height: 40px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    overflow: hidden;
    margin-bottom: 26px;
    max-width: 352px;
    transition: all 0.3s ease;
    font-feature-settings: "case" 1;
}

.latest-news:hover .news-description .title {
    text-decoration: underline;
}

.news-description .intro {
    font: 200 14px 'Segoe', 'Firago Regular';
    line-height: 18px;
    height: 36px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 40px;
}

.news-description .see-more,
.news-card .see-more {
    border-color: var(--tertiary-color);
    color: var(--tertiary-color);
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 36px;
    row-gap: 50px;
    margin-bottom: 60px;
}

.news-card > img:first-child {
    background: white;
    border: 1px solid #ECECEC;
    object-fit: contain;
}

.news-desc { 
    border: 1px solid #ECECEC;
    border-top: none;
    border-radius: 0 0 10px 10px;
    padding: 20px 30px;
}

.news-card .date::before  {
    background: var(--tertiary-color);;
}

.news-card .date, .news-card .title,
.news-card .intro {
    color: black;
}

/* pagination styles */
.pagination {
    display: flex;
    justify-content: center;
    gap: 17px;
}

.pagination-buttons {
    display: flex;
    gap: 17px;
}

.pagination-buttons button {
    background: transparent;
    border: none;
    color: #929395;
    cursor: pointer;
    font: 13px 'Firago Regular';
    line-height: 18px;
    font-feature-settings: "case" 1;
}

.pagination-buttons button.active {
    color: var(--secondary-color);
}

.first-page, .last-page {
    background: #C8C8C8;
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    width: 26px;
    height: 26px;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.first-page i, .last-page i {
    font-size: 10px;
}

.first-page:hover,
.last-page:hover {
    background: var(--primary-color);
}

/* inner news/publications page */
.news-container .sitemap {
    margin-bottom: 46px;
}

.news {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

.current-news {
    width: 65%;
}

.current-news-img {
    background: white;
    border: 1px solid #ECECEC;
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: 378px;
    object-fit: contain;
}

.current-news-intro {
    background: #FAFAFA;
    border-radius: 0 0 5px 5px;
    padding: 24px 30px;
    margin-bottom: 21px;
}

.current-news-intro .title {
    font: 600 16px 'Segoe', "Firago Regular";
    line-height: 21px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-feature-settings: "case" 1;
}

.current-news-intro .date {
    font: 200 12px 'Segoe', 'Firago Regular';
    line-height: 18px;
    position: relative;
    padding-left: 52px;
    margin-bottom: 25px;
}

.current-news-intro .date {
    color: black;
    margin-bottom: 0;
}

.current-news-intro .date::before  {
    background: var(--tertiary-color);
}

.current-text {
    background: #FAFAFA;
    border-radius: 5px;
    font: 14px 'Segoe', 'Firago Regular';
    line-height: 19px;
    padding: 30px 13px 80px 30px;
    margin-bottom: 34px;
    word-break: break-word;
}

.current-text * {
    font: 14px 'Segoe', 'Firago Regular' !important;
    line-height: 19px !important;
}

.current-text a {
    color: var(--primary-color) !important;
    text-decoration: none !important;
}

.current-text iframe {
    border-radius: 15px;
    width: 100%;
    height: 350px;
}

.share-news {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.go-back1 {
    color: var(--secondary-color);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 17px;
    font: 16px 'Segoe', "Firago Regular";
    line-height: 21px;
    padding-left: 10px;
}

.go-back1 i {
    font-size: 9px;
}

.share {
    display: flex;
    align-items: center;
    gap: 16px;
}

.share span {
    color: #8A8A8A;
    font: 14px 'Segoe';
    line-height: 18px;
}

.share div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.share a {
    border: 1px solid #E1E1E1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    transition: all 0.3s ease;
}

.share a:hover {
    background: #F3F3F3;
}

.other-news {
    width: 31%;
}

.other-news > p:first-child {
    font: 600 18px 'Segoe', 'Firago Regular';
    line-height: 25px;
    margin-bottom: 25px;
}

.other-news-items {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

/* practices page */
.practice-container {
    padding-top: 40px;
    padding-bottom: 180px;
}

.practice-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
}

.sidenav {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 290px;
}

.sidenav a {
    border-bottom: 1px solid #F9F9F9;
    border-radius: 5px;
    color: black;
    text-decoration: none;
    display: flex;
    align-items: center;
    font: 600 14px 'Segoe', 'Firago Regular';
    line-height: 19px;
    padding-left: 30px;
    width: 100%;
    height: 55px;
    transition: all 0.3s ease;
}

.sidenav a:hover,
.sidenav a.active {
    background: var(--secondary-color);
    border-bottom: none;
    color: white;
}

.practice-item,
.sector-item {
    width: calc(100% - 320px);
}

.practice-title {
    text-transform: uppercase;
    font: 600 20px 'Segoe';
    line-height: 25px;
    margin-bottom: 27px;
}

.practice-text {
    font: 14px 'Segoe', 'Firago Regular';
    line-height: 20px;
}

.practice-text * {
    font-family: 'Segoe', 'Firago Regular' !important;
}

.practice-text strong {
    font-weight: bold;
}

.practice-filter {
    color: #717171;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    font: 16px 'Segoe', 'Firago Regular';
    line-height: 25px;
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.filter-item {
    background: #F6F6F6;
    border-radius: 5px;
    cursor: pointer;
    padding: 11px 20px;
}

.filter-item.active {
    background: var(--secondary-color);
    color: white;
    font-weight: 600;
}

.team-practice-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 31px;
    padding: 0 25px;
}

.team-practice-grid .member-img img { height: 440px !important; }

.award-items {
    display: flex;
    flex-direction: column;
    gap: 25.5px
}

.award-item {
    border-bottom: 1px solid var(--tertiary-color);
    display: flex;
    flex-direction: column;
    gap: 5px;
    font: 16px 'Segoe', 'Firago Regular';
    line-height: 20px;
    padding-bottom: 25.5px;
}

.award-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.award-item span:first-child {
    font-weight: 600;
}

.news-practice-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 31px;
    row-gap: 20px;
    margin-bottom: 50px;
    padding: 0 21px;
}

.hidden {
    display: none;
}

.news-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    margin-bottom: 40px;
}

.category-filter {
    position: relative;
}

.category-filter-head {
    background: #F6F6F6;
    border-radius: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 19px;
    width: 210px;
    height: 50px;
    transition: all 0.3s ease;
}
.category-filter-head:hover { background: var(--primary-color); }

.category-filter-head span {
    font: 600 14px 'Segoe', 'Firago Regular';
    line-height: 19px;
}

.category-filter-list {
    background: white;
    border-radius: 5px;
    display: none;
    filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.08));
    grid-template-columns: repeat(2, 290px);
    list-style: none;
    padding: 0;
    max-width: 580px;
    margin: 0;
    position: absolute;
    top: 100%;
    z-index: 2;
}

.category-filter-list.visible {
    display: grid;
}

.category-filter-list li {
    cursor: pointer;
    font: 600 14px 'Segoe', 'Firago Regular';
    line-height: 19px;
    height: 55px;
    transition: all 0.3s ease;
    position: relative;
}

.category-filter-list li:hover,
.category-filter-list li.active {
    background: var(--primary-color);
    color: white;
}

.category-filter-list li label {
    display: flex;
    align-items: center;
    padding-left: 30px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.category-filter-list li input {
    visibility: hidden;
}

.datepicker {
    position: relative;
}

#rangeDate {
    background: #F6F6F6;
    border: none;
    border-radius: 15px;
    color: black;
    font: 12px 'Segoe', 'Firago Regular';
    line-height: 16px;
    width: 262px;
    height: 50px;
    padding-left: 20px;
}

#rangeDate:focus {
    outline: none;
}

.datepicker img {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    pointer-events: none;
}

.news-img-container {
    position: relative;
}

.news-cat {
    background: var(--primary-color);
    border-radius: 10px 10px 10px 0;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 600 14px 'Segoe', 'Firago Regular';
    line-height: 19px;
    padding: 10px;
    min-width: 135px;
    min-height: 55px;
    position: absolute;
    top: 0;
    left: 0;
}

.practice-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    row-gap: 30px;
    width: 100%;
}

.main-practice-item {
    color: unset;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.main-practice-item img {
    border-radius: 5px 5px 0 0;
    width: 100%;
    height: 165px;
    object-fit: cover;
    transition: all 0.3s ease;
}

.main-practice-item div:last-child {
    background: #E4EEF8;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font: bold 14px 'Segoe', 'Firago Regular';
    line-height: 19px;
    min-height: 130px;
    padding: 0 10px;
    text-align: center;
}

.main-practice-item div:last-child span:last-child {
    font: lighter 12px 'Segoe', 'Firago Regular';
    line-height: 16px;
    height: 48px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.main-practice-item:hover img { transform: scale(1.1); }

.main-practice-img {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.news-heading > form:last-child {
    display: flex;
    align-items: center;
    gap: 10px;
}

.news-heading > form:last-child span {
    color: var(--secondary-color);
    font: bold 20px 'Segoe', 'Firago Regular';
    line-height: 24px;
    margin-right: 20px;
}

.search-news { 
    position: relative; 
    width: 250px;
}

.search-news input {
    width: 100% !important;
    padding-left: 20px !important;
    padding-right: 40px;
}

.search-news button {
    background: transparent !important;
    color: var(--secondary-color) !important;
    position: absolute;
    right: 15px;
    top: 13px;
    width: unset !important;
    height: unset !important;
}