@font-face {
    font-family: 'ITC Lubalin Graph Std';
    src: url('../font/LubalinGraphStd-Book.eot');
    src: local('ITC Lubalin Graph Std Book'), local('LubalinGraphStd-Book'),
        url('../font/LubalinGraphStd-Book.eot?#iefix') format('embedded-opentype'),
        url('../font/LubalinGraphStd-Book.woff2') format('woff2'),
        url('../font/LubalinGraphStd-Book.woff') format('woff'),
        url('../font/LubalinGraphStd-Book.ttf') format('truetype'),
        url('../font/LubalinGraphStd-Book.svg#LubalinGraphStd-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {

    --bodycolor:                                        #000000;

    --primarycolor:                                     #005EA4;
    --secondarycolor:                                   #FF71BD;
    --tertiarycolor:                                    #45ADE3;
    --quaternarycolor:                                  #E84224;
    --quinarycolor:                                     #324960;
    --senarycolor:                                      #BCBF28;
    --septenarycolor:                                   #3A499C;
    --octonarycolor:                                    #FFBFAA;
    --nonarycolor:                                      #B46E6E;
    --denarycolor:                                      #DCD6C8;
    --undenarycolor:                                    #D06C67;
    --duodenarycolor:                                   #8A8D01;
    --tredecimarycolor:                                 #DF99B9;
    --quattuordenarycolor:                              #FF7D52;
    --quindecimarycolor:                                #A590FF;
    --sexdecimarycolor:                                 #FFFF88;
    --septendecimarycolor:                              #EDEDED;

    --whitecolor:                                       #ffffff;
    --blackcolor:                                       #000000;

    --primaryfontfamily:                                "Roboto", sans-serif;
    --secondaryfontfamily:                              "ITC Lubalin Graph Std";

    --primaryfontthin:                                  100;
    --primaryfontextralight:                            200;
    --primaryfontlight:                                 300;
    --primaryfontmedium:                                500;
    --primaryfontdemibold:                              600;
    --primaryfontbold:                                  700;
    --primaryfontextrabold:                             800;
    --primaryfontblack:                                 900;

    --bodyfontsize:                                     16px;
    --bodyfontlineheight:                               24px;
    --bodyfontweight:                                   400;

    --bodybiggerfontsize:                               22px;
    --bodybiggerfontlineheight:                         30px;
    --bodybiggerfontweight:                             400;

    --flex:                                             flex;
    --flexdirectioncolumn:                              column;
    --flexdirectionrow:                                 row;
    --flexflowrowwrap:                                  row wrap;
    --alignstart:                                       start;
    --aligncenter:                                      center;
    --alignitemsend:                                    end;
    --justifystart:                                     start;
    --justifycenter:                                    center;
    --justifyend:                                       end;
    --justifyspacebetween:                              space-between;
    --relative:                                         relative;

    --transition400ms:                                  400ms;
}

/* Apply a box-sizing border-box globally to all elements */
*,
*::before,
*::after { box-sizing: border-box; }

.skip-link { position: absolute; top: -270px; left: 10px; background: #007BFF; color: #fff; padding: 10px 15px; font-size: 16px; text-decoration: none; z-index: 999; transition: top 0.3s; }
.skip-link:focus { top: 10px; outline: 2px solid #ff9800; box-shadow: 0 0 5px rgba(255, 152, 0, 0.5); }

::-webkit-scrollbar { background-color: var(--blackcolor); width: 10px; }
::-webkit-scrollbar-thumb { background-color: var(--septenarycolor); }

/* Resetting some common styles */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd { margin: 0; padding: 0; }

/* Apply a standard font family and basic text styling */
body { margin-top: 88px; scroll-behavior: smooth; padding: 0; font-family: var(--primaryfontfamily); font-weight: var(--bodyfontweight); font-style: normal; font-size: var(--bodyfontsize); line-height: var(--bodyfontlineheight); color: var(--blackcolor); background-color: var(--whitecolor); }



/*body.not-homepage { margin: 94px 0 0 0; }*/
@media (max-width:1199px) {
    body { margin-top: 88px; margin-bottom: 66px; }
}
@media (max-width:767px) {
    body { margin: 70px 0 0 0; }
}

body main { background-color: var(--whitecolor); position: relative; z-index: 1; }

/* Ensure images are responsive and don't overflow the container */
img { max-width: 100%; height: auto; }

/* Links should not be underlined, but can have hover effect */
a { text-decoration: none; transition: var(--transition400ms); color: var(--blackcolor); }
a:hover,
a:focus { color: var(--septenarycolor); }

/* Headings should be clear with some margin and padding */
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0 0 15px 0; color: var(--blackcolor); line-height: 1; }
h1 { font-size: clamp(7.5rem, 5.0791rem + 11.3924vw, 18.75rem); }
h2 { font-size: clamp(3.75rem, 2.4051rem + 6.3291vw, 10rem); }
h3 { font-size: clamp(2.75rem, 1.7278rem + 4.8101vw, 7.5rem); }
h4 { font-size: clamp(1.75rem, 1.5886rem + 0.7595vw, 2.5rem); }

.innerbanner-title h1,
.mission-detail-banner h1 { font-size: clamp(3.75rem, 0.6015rem + 12.5313vw, 10rem); margin: 0; }

/* Paragraphs should have some margin */
p { margin-bottom: 15px; }
p:last-child { margin-bottom: 0; }

/* Remove the default list styling (bullets or numbers) */
ul,
ol { list-style: none; padding-left: 0; margin: 0; }

/* Make sure all form controls have a standard style */
input,
textarea,
select,
button { color: var(--blackcolor); padding: 13px 22px 19px 22px; font-size: 20px; width: 100%; background-color: rgba(255, 255, 255, 0.51); font-family: var(--primaryfontfamily); border-bottom: 4px solid var(--septenarycolor); border-top: none; border-left: none; border-right: none; }
@media screen and (max-width:767px) {
    input { width: 100%; }
}

input:focus,
textarea:focus,
select:focus,
button:focus { outline: 2px solid #007BFF; box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); }
a:focus,
[tabindex]:focus,
button:focus { outline: 2px solid var(--septenarycolor); box-shadow: 0 0 5px rgba(255, 152, 0, 0.5); }

a:focus > img { outline: 2px solid var(--septenarycolor); outline-offset: -2px; box-shadow: 0 0 5px rgba(255, 152, 0, 0.5); }

textarea { min-height: 163px; }
input::placeholder,
textarea::placeholder { font-family: var(--primaryfontfamily); color: var(--blackcolor); font-size: 26px; line-height: normal; opacity: 0.4; }


input[type="submit"] { background-color: var(--primarycolor); border-color: var(--primarycolor); cursor: pointer; margin: 0; transition: 400ms; font-weight: 500; min-width: 176px; color: var(--whitecolor); padding: 13px 15px 15px 25px; border-radius: 6px; font-size: 18px; line-height: 1.4; text-transform: uppercase; text-align: left; }
input[type="submit"]:hover,
input[type="submit"]:focus { background-color: var(--primarycolor); border-color: var(--primarycolor); color: var(--whitecolor); }
input[type="submit"]:hover + span.arrow svg path,
input[type="submit"]:focus + span.arrow svg path { fill: var(--whitecolor); }
.form-row .submit-button { position: relative; max-width: 186px; }
.form-row .submit-button span.arrow { position: absolute; right: 25px; top: 46%; transform: translateY(-50%); width: 22px; height: 22px; }
.form-row .submit-button span.arrow svg path { transition: 400ms; }

span.wpcf7-spinner { position: absolute; margin: 0; transform: translateX(130px); }
.form-row.has-submit-btn { text-align: center; }
.form-row.has-submit-btn .form-field.button--submit p { margin: 0; display: flex; align-items: center; }
.form-row.has-submit-btn .form-field.button--submit input[type="submit"] { padding: 13px 20px 17px 60px; }
.form-row.has-submit-btn .form-field.button--submit:before { content: ''; background: url(../image/mail-icon.png) no-repeat center center / cover; position: absolute; left: 23px; top: 17px; width: 18px; height: 14px; z-index: 1; filter: brightness(0) invert(1); transition: 400ms; }
@media screen and (max-width:767px) {
    .form-row.has-submit-btn .form-field.button--submit { width: 100%; }
}

.form-row.two-column { display: var(--flex); }
.form-row.two-column .form-field:first-child { width: calc(100% / 2 - 10px); }
.form-row.two-column .form-field:last-child { width: calc(100% / 2 - 10px); margin: 0 0 0 auto; }
.form-row.three-column { display: var(--flex); justify-content: space-between; }
.form-row.three-column > .form-field { width: calc(100% / 3 - 10px); }
.form-row.two-column.two-third-column .form-field:first-child { width: calc(33.33% - 10px); }
.form-row.two-column.two-third-column .form-field:last-child { width: calc(66.66% - 10px); }

/* Small devices (landscape phones, less than 768px) */
@media (max-width:767.98px) {
    .form-row.two-column { flex-direction: column; gap:0; }
    .form-row.two-column .form-field:first-child { width: 100%; }
    .form-row.two-column .form-field:last-child { width: 100%; }
    .form-row .submit-button { margin: 0 auto; }
    .form-row.has-submit-button { text-align: center; }
}
.clearfix::after { content: ""; clear: both; display: block; }

/* Utility classes for text alignment */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.bodytext { font-size: var(--bodyfontsize); line-height: var(--bodyfontlineheight); }
.bodybiggertext { font-size: var(--bodybiggerfontsize); line-height: var(--bodybiggerfontlineheight); }

.primaryfontfamily { font-family: var(--primaryfontfamily); }
.secondaryfontfamily { font-family: var(--secondaryfontfamily); }


.primarytextcolor,
a.primarytextcolor,
.primarytextcolor h1,
.primarytextcolor h2,
.primarytextcolor h3,
.primarytextcolor h4,
.primarytextcolor p { color: var(--primarycolor); }

.secondarytextcolor,
a.secondarytextcolor,
.secondarytextcolor h1,
.secondarytextcolor h2,
.secondarytextcolor h3,
.secondarytextcolor h4,
.secondarytextcolor p { color: var(--secondarycolor); }

.tertiarytextcolor,
a.tertiarytextcolor,
.tertiarytextcolor h1,
.tertiarytextcolor h2,
.tertiarytextcolor h3,
.tertiarytextcolor h4,
.tertiarytextcolor p { color: var(--tertiarycolor); }

.quaternarytextcolor,
a.quaternarytextcolor,
.quaternarytextcolor h1,
.quaternarytextcolor h2,
.quaternarytextcolor h3,
.quaternarytextcolor h4,
.quaternarytextcolor p { color: var(--quaternarycolor); }

.quinarytextcolor,
a.quinarytextcolor,
.quinarytextcolor h1,
.quinarytextcolor h2,
.quinarytextcolor h3,
.quinarytextcolor h4,
.quinarytextcolor p { color: var(--quinarycolor); }

.senarytextcolor,
a.senarytextcolor,
.senarytextcolor h1,
.senarytextcolor h2,
.senarytextcolor h3,
.senarytextcolor h4,
.senarytextcolor p { color: var(--senarycolor); }

.septenarytextcolor,
a.septenarytextcolor,
.septenarytextcolor h1,
.septenarytextcolor h2,
.septenarytextcolor h3,
.septenarytextcolor h4,
.septenarytextcolor p { color: var(--septenarycolor); }

.octonarytextcolor,
a.octonarytextcolor,
.octonarytextcolor h1,
.octonarytextcolor h2,
.octonarytextcolor h3,
.octonarytextcolor h4,
.octonarytextcolor p { color: var(--octonarycolor); }

.nonarytextcolor,
a.nonarytextcolor,
.nonarytextcolor h1,
.nonarytextcolor h2,
.nonarytextcolor h3,
.nonarytextcolor h4,
.nonarytextcolor p { color: var(--nonarycolor); }

.denarytextcolor,
a.denarytextcolor,
.denarytextcolor h1,
.denarytextcolor h2,
.denarytextcolor h3,
.denarytextcolor h4,
.denarytextcolor p { color: var(--denarycolor); }

.undenarytextcolor,
a.undenarytextcolor,
.undenarytextcolor h1,
.undenarytextcolor h2,
.undenarytextcolor h3,
.undenarytextcolor h4,
.undenarytextcolor p { color: var(--undenarycolor); }

.duodenarytextcolor,
a.duodenarytextcolor,
.duodenarytextcolor h1,
.duodenarytextcolor h2,
.duodenarytextcolor h3,
.duodenarytextcolor h4,
.duodenarytextcolor p { color: var(--duodenarycolor); }

.tredecimarytextcolor,
a.tredecimarytextcolor,
.tredecimarytextcolor h1,
.tredecimarytextcolor h2,
.tredecimarytextcolor h3,
.tredecimarytextcolor h4,
.tredecimarytextcolor p { color: var(--tredecimarycolor); }

.quattuordenarytextcolor,
a.quattuordenarytextcolor,
.quattuordenarytextcolor h1,
.quattuordenarytextcolor h2,
.quattuordenarytextcolor h3,
.quattuordenarytextcolor h4,
.quattuordenarytextcolor p { color: var(--quattuordenarycolor); }

.quindecimarytextcolor,
a.quindecimarytextcolor,
.quindecimarytextcolor h1,
.quindecimarytextcolor h2,
.quindecimarytextcolor h3,
.quindecimarytextcolor h4,
.quindecimarytextcolor p { color: var(--quindecimarycolor); }

.sexdecimarytextcolor,
a.sexdecimarytextcolor,
.sexdecimarytextcolor h1,
.sexdecimarytextcolor h2,
.sexdecimarytextcolor h3,
.sexdecimarytextcolor h4,
.sexdecimarytextcolor p { color: var(--sexdecimarycolor); }

.septendecimarytextcolor,
a.septendecimarytextcolor,
.septendecimarytextcolor h1,
.septendecimarytextcolor h2,
.septendecimarytextcolor h3,
.septendecimarytextcolor h4,
.septendecimarytextcolor p { color: var(--septendecimarycolor); }


/* Exclude primarytextcolor */
a[class$="textcolor"]:not(.primarytextcolor) h1,
a[class$="textcolor"]:not(.primarytextcolor) h2,
a[class$="textcolor"]:not(.primarytextcolor) h3,
a[class$="textcolor"]:not(.primarytextcolor) h4 { transition: var(--transition400ms); }

/* Exclude primarytextcolor */
a[class$="textcolor"]:not(.primarytextcolor):hover h1,
a[class$="textcolor"]:not(.primarytextcolor):hover h2,
a[class$="textcolor"]:not(.primarytextcolor):hover h3,
a[class$="textcolor"]:not(.primarytextcolor):hover h4 { color: var(--septenarycolor); }

/* Same logic for background colors */
.primarybg { background-color: var(--primarycolor); }
.secondarybg { background-color: var(--secondarycolor); }
.tertiarybg { background-color: var(--tertiarycolor); }
.quaternarybg { background-color: var(--quaternarycolor); }
.quinarybg { background-color: var(--quinarycolor); }
.senarybg { background-color: var(--senarycolor); }
.septenarybg { background-color: var(--septenarycolor); }
.octonarybg { background-color: var(--octonarycolor); }
.nonarybg { background-color: var(--nonarycolor); }
.denarybg { background-color: var(--denarycolor); }
.undenarybg { background-color: var(--undenarycolor); }
.duodenarybg { background-color: var(--duodenarycolor); }
.tredecimarybg { background-color: var(--tredecimarycolor); }
.quattuordenarybg { background-color: var(--quattuordenarycolor); }
.quindecimarybg { background-color: var(--quindecimarycolor); }
.sexdecimarybg { background-color: var(--sexdecimarycolor); }
.septendecimarybg { background-color: var(--septendecimarycolor); }

/* Border colors */
.primaryborder { border-color: var(--primarycolor); }
.secondaryborder { border-color: var(--secondarycolor); }
.tertiaryborder { border-color: var(--tertiarycolor); }
.quaternaryborder { border-color: var(--quaternarycolor); }
.quinaryborder { border-color: var(--quinarycolor); }
.senaryborder { border-color: var(--senarycolor); }
.septenaryborder { border-color: var(--septenarycolor); }
.octonaryborder { border-color: var(--octonarycolor); }
.nonaryborder { border-color: var(--nonarycolor); }
.denaryborder { border-color: var(--denarycolor); }
.undenaryborder { border-color: var(--undenarycolor); }
.duodenaryborder { border-color: var(--duodenarycolor); }
.tredecimaryborder { border-color: var(--tredecimarycolor); }
.quattuordenaryborder { border-color: var(--quattuordenarycolor); }
.quindecimaryborder { border-color: var(--quindecimarycolor); }
.sexdecimaryborder { border-color: var(--sexdecimarycolor); }
.septendecimaryborder { border-color: var(--septendecimarycolor); }




/* Utility class for Flex Gap */
.flex-gap15 { gap: 15px; }
.flex-gap25 { gap: 25px; }
.flex-gap35 { gap: 35px; }
.flex-gap45 { gap: 45px; }

/* Utility class for Flex Gap */
.margin0 { margin: 0; }
.padding0 { padding: 0; }
.margin-centered { margin:0 auto; }

/* Utility class for hiding elements */
.hidden { display: none; }
.width100 { width: 100%; }
.height100 { height: 100%; }
.displayblock { display: block; }
.objectfitcover { object-fit: cover; }
.whiteimage { filter: brightness(0) invert(1); }
.blackimage { filter: brightness(0%); }

/* Utility classes for Font Weight */
.fw-thin { font-weight: 100; }
.fw-extralight { font-weight: 200; }
.fw-light { font-weight: 300; }
.fw-regular { font-weight: 400; }
.fw-medium { font-weight: 500; }
.fw-semibold { font-weight: 600; }
.fw-bold { font-weight: 700; }
.fw-extrabold { font-weight: 800; }
.fw-black { font-weight: 900; }

/* Utility class for uppercase */
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
.text-lowercase { text-transform: lowercase; }

/* Utility class for White Text */
.title-content-wrapper .content.big-content,
.content,
.search-content-wapper .search-list-box .listing.search-cat-response-block .list .excerpt-content { font-size: clamp(1.375rem, 1.375rem + 0vw, 1.375rem); line-height: 1.1; color: var(--blackcolor); }

.white-text,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text.content,
.white-text .content { color: var(--whitecolor); }
.black-text,
.black-text h1,
.black-text h2,
.black-text h3,
.black-text h4,
.black-text h5,
.black-text h6,
.black-text.content,
.black-text .content { color: var(--blackcolor); }

.position-relative { position: var(--relative); }
.z-1 { z-index: 1; }

/* Container class for keeping content centered and within bounds */
.container { width: 100%; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
@media screen and (min-width:768px) {
    .container { width: 100%; }
}
@media screen and (min-width:1200px) {
    .container { width: 100%; padding-left: 30px; padding-right: 30px;  }
}
@media screen and (min-width:1629px) {
    .container { width: 1440px; }
}


[class*="button--"] { display: inline-block; }
[class*="button--"] a { display: block; color: var(--whitecolor); background-color: var(--blackcolor); padding: 15px 20px 15px 20px; text-align: center; font-size: 24px; line-height: 1; font-weight: 700; }
[class*="button--"] a:hover { background-color: var(--septenarycolor); color: var(--whitecolor); }
[class*="button--"] a.white-text { color: var(--whitecolor); }
[class*="button--"] a::first-letter { text-transform: capitalize; }

.button--1 > a { background-color: var(--blackcolor); }

.button--2 > a { background-color: var(--tertiarycolor); color: var(--blackcolor);}

.button--3 > a { background-color: var(--quattuordenarycolor); color: var(--whitecolor);}

.button--4 > a { background-color: var(--octonarycolor); color: var(--blackcolor);}

.button--5 > a { background-color: var(--septendecimarycolor); color: var(--blackcolor);}

.button--6 > a { background-color: var(--secondarycolor); color: var(--blackcolor);}

.button--7 > a { background-color: var(--senarycolor); color: var(--blackcolor); }

.button--8 > a { background-color: var(--septenarycolor); color: var(--whitecolor); }

.button--rounded[class*="button--"] a { border-radius: 30px; }
.button--bigtext[class*="button--"] a { font-size: 28px; padding: 11px 20px 11px 20px; }
.button--smalltext[class*="button--"] a { font-size: 16px; padding: 4px 7px 4px 7px; }

@media screen and (max-width:1429px) {
    .button--bigtext[class*="button--"] a { font-size: 24px; padding: 11px 20px 11px 20px; }
}

@media screen and (max-width:1199px) {
    .button--1 > a { padding: 10px 19px 10px 20px; }
}

@media screen and (max-width:767px) {
    [class*="button--"] > a { font-size: 16px; line-height: 24px; padding: 6px 15px 6px 15px; }
    .button--1 > a { padding: 3px 15px 5px 15px; }
}


.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 100px); }
.swiper-pagination-bullets .swiper-pagination-bullet { margin: 10px!important; border: none; background-color: var(--whitecolor); width: 10px; height: 10px; transition: var(--transition400ms); opacity: 1; }
.swiper-pagination-bullets .swiper-pagination-bullet:hover,
.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: var(--quattuordenarycolor) }

.swiper-arrow { cursor: pointer; transition: 400ms; }
.swiper-arrow:hover:not(.swiper-button-disabled) { opacity: 0.6; }
.swiper-arrow.swiper-button-disabled { opacity: 0.2; cursor: not-allowed; }


.bar { transform-origin: center; }
.bar1,
.bar2,
.bar3 { display: block; height: 3px; width: 44px; position: var(--relative); transition: 1000ms; background-color: var(--blackcolor); }
.bar1 { margin-top: 0; }
.bar2 { margin: 8px 0; }
.bar3 { margin-bottom: 0; }
body.sidebar-open .bar1 { transform: rotate(45deg)translateY(8px)translateX(8px); }
body.sidebar-open .bar2 { opacity: 0; }
body.sidebar-open .bar3 { transform: rotate(-45deg)translateY(-8px)translateX(8px); }


header.header { position: fixed; z-index: 11; width: 100%; transition: var(--transition400ms); background-color: var(--whitecolor); top: 0; left: 0 }
header.header .topheader { background-color: rgb(220 214 200 / 50%); padding: 7px 0 9px 0; }
header.header .topheader .topheader-inner { display: var(--flex); align-items: var(--aligncenter); justify-content: var(--justifyend); gap: 30px; }
header.header .topheader .topheader-inner .search-wrapper .search-icon svg,
header.header .topheader .topheader-inner .search-wrapper .search-icon img { display: block; max-width: 17px; max-height: 17px; }
header.header .topheader .topheader-inner .search-result-wrapper { display: none; }
header.header .topheader .topheader-inner .topheader-menu .topheader-menu-inner { display: var(--flex); }
header.header .topheader .topheader-inner .topheader-menu nav ul { display: var(--flex); align-items: var(--aligncenter); gap: 30px; }
header.header .topheader .topheader-inner .topheader-menu nav ul li a { font-size: 16px; line-height: 1; font-weight: 600; position: relative; }
header.header .topheader .topheader-inner .topheader-menu nav ul li a::first-letter,
header.header .bottomheader .bottomheader-inner .bottommiddle-side nav ul li a::first-letter { text-transform: capitalize; }
header.header .topheader .topheader-inner .topheader-menu nav ul li a:hover { color: var(--blackcolor); }
header.header .topheader .topheader-inner .topheader-menu nav ul li a:after { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 2px; background-color: var(--blackcolor); transition: var(--transition400ms); opacity: 0; visibility: hidden; transform: translateY(10px); }
header.header .topheader .topheader-inner .topheader-menu nav ul li a:hover:after { opacity: 1; visibility: visible; transform: translateY(2px); }
header.header .topheader .topheader-inner .search-wrapper .search-icon a svg path { transition: var(--transition400ms); }
header.header .topheader .topheader-inner .search-wrapper .search-icon a:hover svg path,
header.header .topheader .topheader-inner .search-wrapper .search-icon a:focus svg path { fill: var(--tertiarycolor); }

header.header .bottomheader { padding: 20px 0 20px 0; }
header.header .bottomheader .bottomheader-inner { display: var(--flex); justify-content: var(--justifyspacebetween); align-items: var(--aligncenter); }
header.header .bottomheader .bottomheader-inner .bottomheader-left-menu { gap: 45px; display: var(--flex); align-items: var(--aligncenter); }
header.header .bottomheader .bottomheader-inner .bottomleft-side img { max-width: 220px; }
header.header .bottomheader .bottomheader-inner .bottommiddle-side nav ul { display: var(--flex); align-items: var(--aligncenter); gap: 45px; }
header.header .bottomheader .bottomheader-inner .bottommiddle-side nav ul li a { font-size: 18px; line-height: 1; font-weight: 700; display: block; }
header.header .bottomheader .bottomheader-inner .bottommiddle-side nav ul li.current-menu-item a { color: var(--septenarycolor); }
header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner { display: var(--flex); align-items: var(--aligncenter); gap: 15px; }
header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .bottomright-buttons { display: var(--flex); align-items: var(--aligncenter); gap: 15px; }
header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .sidebar-icon { cursor: pointer; width: 44px; height: 28px; display: var(--flex); align-items: var(--aligncenter); justify-content: var(--justifycenter); flex-direction: var(--flexdirectioncolumn); }
header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .sidebar-icon .bar:hover,
header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .sidebar-icon .bar:focus,
body.sidebar-open header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .sidebar-icon .bar { background-color: var(--blackcolor); }
header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .sidebar-icon:hover .bar,
header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .sidebar-icon:focus .bar { background-color: var(--septenarycolor); }



.sidebar { position: fixed; z-index: 11; left: 0; width: 100%; background-color: var(--whitecolor); height: calc(100% - 130px); display: none; }
.sidebar .container .sidebar-wrapper { padding: 60px 20px 80px 20px; display: var(--flex); align-items: var(--aligncenter); justify-content: var(--justifycenter); }
.sidebar .container,
.sidebar .container .sidebar-wrapper,
.sidebar .container .sidebar-wrapper nav { height: 100%; }
.sidebar .container .sidebar-wrapper nav { display: var(--flex); align-items: var(--aligncenter); justify-content: var(--justifycenter); }
.sidebar .container .sidebar-wrapper nav > ul { display: var(--flex); flex-flow: var(--flexflowrowwrap); gap: 50px 25px; }
.sidebar .container .sidebar-wrapper nav > ul > li.menu-item { width: calc((100% - 75px) / 4); }
.sidebar .container .sidebar-wrapper nav > ul li a { line-height: normal; display: block; }
.sidebar .container .sidebar-wrapper nav > ul > li.menu-item > a,
.sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children.menu-item-children-bigger > ul.sub-menu > li > a { font-weight: 700; font-size: 40px; padding: 0 0 5px 0; }
.sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children > ul.sub-menu { display: var(--flex); flex-direction: var(--flexdirectioncolumn); gap: 8px; }
.sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children > ul.sub-menu > li > a { font-weight: 700; font-size: 28px; line-height: normal; }
.sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children > ul.sub-menu > li > a:hover { color: var(--septenarycolor); }
.sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children.menu-item-children-bigger > a { padding: 0; }
.sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children.menu-item-children-bigger > ul.sub-menu { gap: 0; }
.sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children.menu-item-children-bigger > ul.sub-menu > li > a { padding: 0; }



.search-box-main { position: fixed; z-index: 11; left: 0; width: 100%; background-color: var(--whitecolor); height: calc(100% - 130px); display: none; }
.search-box-main .search-box-main-inner { padding: 60px 0 80px 0; }
.search-box-main .search-box-main-inner .search-box-user .form-row .form-field.search-bar input { border: none; font-size: clamp(3.75rem, 2.4051rem + 6.3291vw, 10rem); color: var(--blackcolor); padding: 0; }
.search-box-main .search-box-main-inner .search-box-user .form-row .form-field.search-bar input::placeholder { font-size: clamp(3.75rem, 2.4051rem + 6.3291vw, 10rem); color: var(--blackcolor); opacity: 1; }

section.search-section .search-box-main-inner .search-box-user form#search_form .form-field.search-bar { padding: 0 0 40px 0; }
section.search-section .search-box-main-inner .search-box-user form#search_form .form-field.search-bar input { border: none; font-size: clamp(3.75rem, 2.4051rem + 6.3291vw, 10rem); color: var(--septenarycolor); padding: 0; }
section.search-section .search-box-main-inner .search-box-user form#search_form .form-field.search-bar input::placeholder { font-size: clamp(3.75rem, 2.4051rem + 6.3291vw, 10rem); color: var(--blackcolor); opacity: 1; }

section.search-section .search-box-main-inner .search-box-user { display: flex; max-width: 100%; align-items: center; justify-content: space-between; }
section.search-section .search-box-main-inner .search-box-user .search-result-page-backarrow > a { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 0 80px 0 0; }
section.search-section .search-box-main-inner .search-box-user .search-result-page-backarrow > a img { width: 16px; }
section.search-section .search-box-main-inner .search-box-user .search-result-page-backarrow > a span { text-decoration: underline; }
section.search-section .search-box-main-inner .search-box-user .search-result-page-backarrow > a:hover { color: var(--blackcolor); }

.search-page-box { padding: 50px 0 0 0; }
.search-page-box h1 { font-size: clamp(3.75rem, -4.0625rem + 25vw, 10rem); }
.search-page-box .title-content-wrapper .main-title { display: flex; justify-content: space-between; align-items: start; }
.search-page-box .title-content-wrapper .main-title > a { display: flex; align-items: center; justify-content: center; gap: 8px; }
.search-page-box .title-content-wrapper .main-title > a img { width: 16px; }
.search-page-box .title-content-wrapper .main-title > a span { text-decoration: underline; }

.search-content-wapper { padding: 70px 0; }
.search-content-wapper .search-list-box .listing.search-cat-response-block,
.search-page-box .search-box-user { max-width: 975px; }
.search-content-wapper .search-list-box .listing.search-cat-response-block .list + .list { padding: 40px 0 0 0; }
.search-content-wapper .search-list-box .listing.search-cat-response-block .list .list-title > a { font-size: clamp(1.75rem, 1.75rem + 0vw, 1.75rem); line-height: normal; }
.search-content-wapper .search-list-box .listing.search-cat-response-block .list .list-title span.highlight-search-term { color: var(--septenarycolor); }
.search-content-wapper .search-list-box .listing.search-cat-response-block .list .category-date { display: var(--flex); align-items: var(--aligncenter); gap: 20px; padding: 15px 0 15px 0; flex-flow: var(--flexflowrowwrap); }
.search-content-wapper .search-list-box .listing.search-cat-response-block .list .category-date .date { font-size: 16px; font-weight: 700; line-height: 1; padding: 4px 7px 4px 7px; background-color: var(--septendecimarycolor); color: var(--blackcolor); }

.highlight-search-term { color: var(--septenarycolor); font-weight: bold; }




.search-filter-component-popup.search-filter-style--choice-select { width: 180px !important; margin: 3px 0 0 -12px; border-right: 2px solid var(--blackcolor); border-radius: 0; border-bottom: 2px solid var(--blackcolor); border-left: 2px solid var(--blackcolor); border-top: 1px solid var(--blackcolor); }
.search-filter-component-popup.search-filter-style--choice-select > li { color: var(--blackcolor); font-size: 28px; line-height: normal; font-weight: 700; padding: 2px 13px; text-align: center; justify-content: center; }
.search-filter-component-popup.search-filter-style--choice-select > li.search-filter-component-combobox-base__listbox-option--selected,
.search-filter-component-popup.search-filter-style--choice-select > li.search-filter-component-combobox-base__listbox-option--active { background-color: var(--septenarycolor); color: var(--whitecolor); }


section.search-section { }
section.search-section form#search_form { }
section.search-section form#search_form .form-row { display: flex; flex-direction: column; gap: 60px; }
section.search-section form#search_form .form-row .form-field { }
section.search-section form#search_form .form-row .form-field .search-filter-base.search-filter-style--search-text .search-filter-field__input { border: none; border-radius: 0; }
section.search-section form#search_form .form-row .form-field .search-filter-base.search-filter-style--search-text input { font-size: clamp(3.75rem, 2.4051rem + 6.3291vw, 10rem); color: var(--septenarycolor); border: none; padding: 0; border-radius: 0; }
section.search-section form#search_form .form-row .form-field .search-filter-base.search-filter-style--search-text input::placeholder { font-size: clamp(3.75rem, 2.4051rem + 6.3291vw, 10rem); color: var(--septenarycolor); opacity: 1; }
section.search-section form#search_form .form-row .form-field.form-field-select { width: 200px; }
section.search-section form#search_form .form-row .form-field.form-field-select .search-filter-base.search-filter-field { border: 2px solid #000000; height: 50px; display: flex; align-items: center; justify-content: center; padding: 0 0 3px 10px; }
section.search-section form#search_form .form-row .form-field.form-field-select .search-filter-base.search-filter-field .search-filter-component-combobox-base { font-weight: 700; font-size: 28px; line-height: normal; height: auto; padding: 0; border: none; border-radius: 0; color: var(--blackcolor); }
section.search-section form#search_form .form-row .form-field.form-field-select .search-filter-base.search-filter-field .search-filter-component-combobox-base span { color: var(--blackcolor); font-size: 28px; line-height: normal; }
section.search-section form#search_form .form-row .form-field.form-field-select .search-filter-base.search-filter-field .search-filter-component-combobox-base .search-filter-component-combobox__listbox-toggle:before { display: none; }
section.search-section form#search_form .form-row .form-field.form-field-select .search-filter-base.search-filter-field .search-filter-component-combobox-base .search-filter-component-combobox__listbox-toggle { cursor: pointer; }
section.search-section form#search_form .form-row .form-field.form-field-select .search-filter-base.search-filter-field .search-filter-component-combobox-base .search-filter-component-combobox__listbox-toggle svg use { fill: var(--blackcolor); }

body.search-results .search-filter-component-popup.search-filter-style--choice-select { width: 200px!important; }

section.search-section form#search_form .form-row.hidden { display: none; }
/* Test page CSS */
.fontfamilytesting { font-size: 44px; line-height: normal; text-align: center; padding: 80px 0; }
.fontfamilytesting > div { padding: 25px 0; }

@media screen and (max-width:1630px) {
    .sidebar .container .sidebar-wrapper nav > ul { gap: 20px 25px; }
}

@media screen and (max-width:1429px) {
    .bar2 { margin: 7px 0; }
    .bar1,
    .bar2,
    .bar3 { height: 3px; width: 32px; }

    body.sidebar-open .bar1 { transform: rotate(45deg) translateY(7px) translateX(7px); }
    body.sidebar-open .bar3 { transform: rotate(-45deg) translateY(-7px) translateX(7px); }

    header.header .topheader { padding: 4px 0 6px 0; }
    header.header .topheader .topheader-inner .topheader-menu nav ul li a { font-size: 14px; }
    header.header .topheader .topheader-inner .search-wrapper .search-icon svg,
    header.header .topheader .topheader-inner .search-wrapper .search-icon img { max-width: 13px; max-height: 13px; }
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .sidebar-icon { width: 32px; height: 32px; }
    header.header .bottomheader .bottomheader-inner .bottommiddle-side nav ul { gap: 20px; }
    /* header.header .bottomheader .bottomheader-inner .bottomleft-side img { max-width: 300px; } */
}

/* Special case: between 1200px–1429px width, max-height 920px */
@media screen and (max-height: 920px) and (min-width: 1200px) and (max-width: 1429px) {
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children > ul.sub-menu { gap: 0; }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item > a,
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children.menu-item-children-bigger > ul.sub-menu > li > a { font-size: 24px; }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children > ul.sub-menu > li > a { font-size: 20px; }
}

@media screen and (min-width:1200px) {

    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .search-wrapper,
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .search-wrapper .search-result-wrapper{ display : none; }

    header.header .bottomheader .container { padding-left: 15px; padding-right: 15px; }

    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children span.dropdown-arrow { display: none; }

}

@media screen and (max-width:1200px) {

    .bar1,
    .bar2,
    .bar3 { height: 3px; width: 48px; }
    .bar2 { margin: 8px 0; }

    body.sidebar-open .bar1 { transform: rotate(45deg) translateY(8px) translateX(8px); }
    body.sidebar-open .bar3 { transform: rotate(-45deg) translateY(-7px) translateX(8px); }

    /* header.header .topheader { display: none; } */
    header.header .bottomheader { padding: 25px 0; }
    header.header .bottomright-side { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #F6F6F4; padding: 0 10px 0 0; }
    header.header .bottommiddle-side { display: none; }
    header.header .bottomheader .bottomheader-inner { justify-content: var(--justifycenter); }

    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .bottomright-buttons { gap: 0; width: 274px; }

    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner { justify-content: var(--justifyspacebetween); gap: 0; }

    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .button--bigtext.button--3 { width: 194px; }
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .button--bigtext.button--2 { width: 80px; }
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .button--bigtext[class*="button--"] a { font-size: 28px; padding: 23px 14px 23px 14px; border-radius: 0; }

    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .button--bigtext.button--2 a { padding: 23px 15px 23px 17px; }

    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .search-wrapper .search-result-wrapper { display: none; position: fixed; width: 100%; height: 100%; background-color: #fff; left: 0; top: 0; padding: 60px 20px 0 20px; }
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .search-wrapper .search-icon img,
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .search-wrapper .search-icon svg { max-width: 42px; max-height: 42px; }
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .sidebar-icon { width: 48px; height: 48px; }
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .search-wrapper .search-icon a,
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .sidebar-icon-main .search-wrapper { display: var(--flex); align-items: var(--aligncenter); justify-content: var(--justifycenter); }
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .sidebar-icon-main { display: var(--flex); gap: 15px; margin: 0 0 0 15px; align-items: var(--aligncenter); }

    .sidebar { overflow: auto; }
    .sidebar .container .sidebar-wrapper { padding: 0; display: block; }
    .sidebar .container .sidebar-wrapper nav { display: block; }
    .sidebar .container .sidebar-wrapper nav > ul { flex-direction: var(--flexdirectioncolumn); gap: 0; }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item { width: 100%; }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children { display: var(--flex); align-items: var(--alignstart); flex-flow: var(--flexflowrowwrap); position: var(--relative); }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children span.dropdown-arrow { position: absolute; left: 0; top: 26px; cursor: pointer; width: 18px; height: 18px; }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children span.dropdown-arrow span.dropdown-bar { background-color: var(--septenarycolor); display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: var(--transition400ms); }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children span.dropdown-arrow span.dropdown-bar.dropdown-bar-horizontal { width: 18px; height: 2px; }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children span.dropdown-arrow span.dropdown-bar.dropdown-bar-verticle { height: 18px; width: 2px; }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children.respective-dropdown-open span.dropdown-arrow span.dropdown-bar.dropdown-bar-verticle { opacity: 0; }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children.respective-dropdown-open span.dropdown-arrow span.dropdown-bar.dropdown-bar-horizontal { background-color: var(--blackcolor); }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children > ul.sub-menu { width: 100%; }
    .sidebar .container .sidebar-wrapper nav > ul li a { color: var(--septenarycolor); }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item > a,
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children.menu-item-children-bigger > ul.sub-menu > li > a { padding: 0; }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item { padding: 10px 0 10px 40px; }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item + li.menu-item { border-top: 2px solid var(--septenarycolor); }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children ul.sub-menu { display: none; padding: 0 0 10px 0; }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children.respective-dropdown-open a { color: var(--blackcolor); }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children.respective-dropdown-open a:hover { color: var(--septenarycolor); }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children.respective-dropdown-open span.dropdown-arrow path { fill: var(--blackcolor); }

    body.sidebar-open { overflow: hidden; }

    .search-page-box .title-content-wrapper .main-title { flex-direction: column-reverse; gap: 40px; }

    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .search-wrapper .search-result-wrapper .form-field.search-bar input { font-size: clamp(3.75rem, 3.75rem + 0vw, 3.75rem); border: none; padding: 0; color: var(--blackcolor); }
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .search-wrapper .search-result-wrapper .form-field.search-bar input::placeholder { font-size: clamp(3.75rem, 3.75rem + 0vw, 3.75rem); opacity: 1; color: var(--blackcolor); }

    section.search-section .search-page-box { padding: 20px 0 0 0; }
    section.search-section .search-box-main-inner .search-box-user .search-result-page-backarrow { display: none; }
    section.search-section form#search_form .form-row { gap: 30px; }

}


@media screen and (max-width:400px) {
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .button--bigtext[class*="button--"] a { padding: 15px 10px 15px 10px; }
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .sidebar-icon { width: auto; height: auto; }
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .search-wrapper .search-icon img,
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .search-wrapper .search-icon svg { max-width: 32px; max-height: 32px; }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item > a,
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children.menu-item-children-bigger > ul.sub-menu > li > a { font-size: 26px; }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children span.dropdown-arrow { top: 16px; }
    .sidebar .container .sidebar-wrapper nav > ul > li.menu-item.menu-item-has-children > ul.sub-menu > li > a { font-size: 20px; }
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .bottomright-buttons { width: 234px; }
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .button--bigtext.button--3 { width: 174px; }
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .button--bigtext.button--2 { width: 60px; }
    header.header .bottomheader .bottomheader-inner .bottomright-side .bottomright-side-inner .button--bigtext[class*="button--"] a { font-size: 24px; }

}