/*
Theme Name: Gossmann & Cie
Author: Gossmann & Cie
Description: Gossmann & Cie Corporate Website
Version: 1.0
*/


@import url(../font/stylesheet.css);
:root {
    /* Text Colors */
    --primary-color: #000000;
    --secondary-color: #ffffff;
    --text-color: #17243d;
    --muted-color: #8c8179;
    --accent-color: #7ca1c5;

    /* Background Colors */
    --bg-color: #ffffff;
    --bg-primary: #17243d;
    --bg-secondary: 140, 129, 121;

    /* Border Colors */
    --border-color: #8c8179;
    --border-dark: #17243d;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; width: 100%; max-width: 100%; }
body { background: var(--bg-color); font-size: 16px; font-family: 'Avenir Book'; font-weight: normal; color: var(--text-color); line-height: 1; overflow-x: hidden; width: 100%; max-width: 100%; }

img, video, iframe { max-width: 100%; }
img { height: auto; display: block; }
svg { max-width: 100%; height: auto; }

ul {padding: 0; }
p { line-height: 22px; margin-bottom: 23px; letter-spacing: 0.6px; }
p:last-child { margin-bottom: 0; }

a { text-decoration: none; transition: 0.4s; color: inherit; }
a:hover { color: var(--muted-color); }

button, input, textarea, select { font: inherit; }
button { cursor: pointer; }



ol { margin-left: 22px; }
ol li { line-height: 1.6; margin-bottom: 3px; }
ul { padding-left: 14px; }
ul li { line-height: 1.6; margin-bottom: 3px; }
ul li:last-child , ol li:last-child{ margin-bottom: 0;}

/* ----- Heading CSS ----- */
h1, h2, h3, h4, h5, h6 {margin-bottom: 20px;font-family: 'Avenir';font-weight: 500; text-transform: uppercase;letter-spacing: 2px;}
h1{ font-size:40px; line-height: 50px; }
h2, .sub-title ,.heading-h2 { font-size: 20px;  font-weight: 900;}
h3{ font-size: 16px; }

.scroll_stop{ overflow: hidden;}
.sub-title {color: var(--muted-color); text-transform: uppercase; margin-bottom: 8px; display: block;letter-spacing: 2px;}

/* ----- Global CSS ----- */
.layout { position: relative; overflow: hidden; }
.main-content { margin-top: 125px; }
.container { width: 100%; max-width: 1260px; margin: 0 auto; padding: 0 30px; }

/* ----- Section CSS ----- */
.section { position: relative;}

/* ----- Forms ----- */
input, textarea, select { width: 100%; max-width: 100%; border: 1px solid var(--border-color); padding: 12px 15px; outline: none; }
textarea { resize: vertical; }
input:focus, textarea:focus, select:focus { border-color: var(--secondary-color); }


.header{ position: absolute; top: 0; left: 0; width: 100%; transition: 0.4s; padding: 45px 0 20px; z-index: 9;  background: rgba(var(--bg-secondary), 0.1);}
.header .inner-part{ display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; align-items: flex-start;}
.header .inner-part::before{ content: ""; position: absolute; bottom: 27px; left: 0; width: 100%; height: 2px; background: var(--border-color);}
.header .logo{ width: 320px;}
.header .logo{ font-size: 35px;line-height:1; text-transform: uppercase; font-family: 'minion_proregular';  font-weight: normal; display: inline-block;}
.header .logo img{ display: block;}
.header .navigation{ width:calc(100% - 340px); padding-left: 20px;display: flex; justify-content:flex-end; flex-wrap: wrap;}
.header .navigation>ul{display: flex; gap: 10px 35px; align-items: center; flex-wrap: wrap;padding-top: 5px; list-style: none;}
.header .navigation ul li a { font-size: 17px;text-transform: uppercase;  font-family: 'montserratregular';  font-weight: normal; color: var(--primary-color); transition: 0.4s;}
.header .navigation ul>li{ position: relative;}
.header .navigation ul>li> a:hover,.header .navigation ul>li.active> a{ font-weight: 700;}

/* Submenu arrow */
.header .navigation ul li ul::before { content: ""; position: absolute; top: -12px; left: 0; height: 15px; width: 100%; background: transparent; }
.header .navigation ul li:hover > ul, .header .navigation ul li:focus-within > ul { display: block; }
.header .navigation ul li ul li a { font-size: 15px; line-height: 21px; padding: 9px 0; border-top: 1px solid var(--border-dark); display: block; }
.header .navigation ul li ul li:first-child a { border-top: none; }
.header .navigation ul li ul { position: absolute; top: 31px; left: -8px; z-index: 8; min-width: 150px; display: none; background:transparent; padding: 5px 15px 10px 8px; list-style: none;}
.header .navigation li.has-submenu > a { position: relative;}
.header .menubar { width: 35px; display: none; cursor: pointer; border: none; outline: none; background: transparent;}
.header .menubar span { display: block; width: 100%; height: 2px; background: var(--border-dark); margin-bottom: 7px; margin-left: auto; transition: 0.4s; }
.header .menubar span:last-child { margin-bottom: 0; }
.header .menubar.active { height: 25px;margin-top: -5px; }
.header .menubar.active span:nth-child(1) { transform: translateY(11px) rotate(-45deg); }
.header .menubar.active span:nth-child(2) { display: none; }
.header .menubar.active span:nth-child(3) { transform: translateY(2px) rotate(45deg); }
.header-bottom .logo-text{ font-size: 17px;  line-height:20px; text-transform: uppercase;   font-family: 'montserratregular'; font-weight: normal; color: var(--muted-color); transition: 0.4s;}
.header-bottom { padding-left:5px; }


/* hero sec start */
.hero-sec{height:100%;  position: relative;padding: 103px 0 87px;background: rgba(var(--bg-secondary), 0.1); overflow: hidden;}
.hero-sec::after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0;  background: url(../images/dotted-bg-bottom.png) left bottom no-repeat; z-index: -1;mix-blend-mode: multiply; pointer-events: none;}
.hero-sec::before{ content: ""; position: absolute; width: 50%; height: 100%; top: -131px; right: 0;  background: url(../images/dotted-bg-top.png) right bottom no-repeat; z-index: -1; mix-blend-mode: multiply; pointer-events: none;}

.title-bar{ margin-bottom: 50px; padding-bottom:27px; position: relative;z-index: 2;}
.title-bar h1{ margin-bottom: 0; letter-spacing: 3.9px; color: var(--text-color);}
.title-bar::before{ content: ""; position: absolute; bottom: 0;left: 0; background: var(--bg-primary); width: 135px; height: 2px;}
.bg-img{ position: absolute;bottom: 0; right: -100px; width: auto; height: auto; z-index: -1;opacity: 0.1;}
.bg-img img{ display: block;}
.hero-sec .inner-part{ display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; z-index: 2; }
.hero-sec .left-part{ width: 53%;}
.hero-sec .left-part p{ color: var(--text-color);}
.hero-sec .right-part{ width: 33%;}
.hero-sec .right-part ul li { font-size: 16px; line-height: 20px;margin-bottom: 22px;text-transform: uppercase;  font-family: 'Avenir'; font-weight: 900;color: var(--text-color); }
.hero-sec .right-part ul { list-style: none;}


/* .tabs-sec start */
.tabs-sec {padding: 53px 0;}
.tabs-sec .sub-title{ margin-bottom: 44px;}
.tabs-sec .inner-part{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.tabs-sec .tabs{background: var(--bg-primary);padding: 52px 46px; min-height: 474px;position: relative;}
.tabs-sec .left-part{width:42%;z-index: 2; position: relative;}
.tabs-sec .right-part{width:calc(58% + 126px); z-index: 1; margin-left: -126px; padding: 62px 40px; min-height: 609px; border: 0.25px solid var(--border-color);  box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.2);}
.tabs-sec .tab-content{max-width: 560px; margin-left: auto; display: none; width: 100%;}
.tabs-sec .tab-content p strong {text-transform: uppercase;font-weight: 500;font-family: 'Avenir', sans-serif; color: var(--muted-color);letter-spacing: 0.6px;}
.tabs-sec .tab-content p:not(:last-child){ margin-bottom: 20px;}
/* title arrow */
.tabs-sec .tab-title { color:var(--secondary-color); margin: 0 0 27px; font-size: 20px; line-height: 26px; letter-spacing: 2px; text-transform: uppercase; background: transparent; border: none; outline: none; width: 100%; display: block; text-align: left; position: relative; cursor: pointer; font-family: 'Avenir'; font-weight: 500; }
.tabs-sec .tabs .tab-title::after { content: none; }

.tabs-sec.two .tabs {  display: flex; flex-direction: column; align-items: center; justify-content: center; }
.tabs-sec.two .title-bar{ margin-bottom: 30px;padding-bottom: 20px;}
.tabs-sec .title-bar h3{ margin-bottom: 0;}
.tabs-sec .title-bar.event h3 {font-weight: 500; line-height: 26px;}
.tabs-sec .title-bar.event:not(:last-child){ margin-bottom: 90px;}
.tabs-sec .title-bar.event h3 b{ display: block;font-weight: 900;}
.tabs-sec .title-bar::before{ width: 120px;}
.tabs-sec .title-bar.event::before { width: 138px; }
.tabs-sec.two .title-bar:last-child{ margin-bottom: 0;}


.tabs-sec .tab-content .acc-title{ display: none;}


@keyframes tabFade {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}

/* active tab */
.tabs-sec .tabs .tab-title.active::after { content: ""; display: block; position: absolute; top: 50%; right: -72px; transform: translateY(-50%); width: 0; height: 0; border-top: 29px solid transparent; border-bottom: 29px solid transparent; border-left: 26px solid var(--bg-primary); z-index: 3; }
.tabs-sec .tab-title.active {   font-family: 'Avenir'; font-weight: 900; }
.tabs-sec .tab-content.active { display: block; animation: tabFade 0.35s ease; }


/* history-sec  css start  */
.history-sec {padding: 50px 0 47px; background: rgba(var(--bg-secondary), 0.1);}
.history-sec .inner-part {display: flex;flex-wrap: wrap;justify-content: space-between; align-items: center;}
.history-sec .left-part {width: 50%;}
.history-sec .left-part p strong {text-transform: uppercase;font-weight: 500;font-family: 'Avenir', sans-serif;}
.history-sec .right-part {width: 39%;}
/* history-sec  css end  */
 
/* .flip-card-box css start  */
.flip-card-box{position: relative;}
.flip-card-box .flip-card h3{font-size: 20px; font-weight: 900; margin-bottom: 12px;}
.flip-card-box .flip-card { position: relative; width: 100%; box-sizing: border-box; padding: 30px 40px 62px; background: var(--bg-color, #fff); box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.2); backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: transform 0.7s ease;}
.flip-card-box .flip-card-front {transform: rotateY(0deg);}
.flip-card-box .flip-card-back {position: absolute;top: 0;left: 0;height: 100%;transform: rotateY(180deg);}
.flip-card-box.flipped .flip-card-front {transform: rotateY(-180deg);}
.flip-card-box.flipped .flip-card-back {transform: rotateY(0deg);}
.flip-card-box .flip-card .img-box{margin-bottom: 10px;}
.flip-card-box .flip-card .img-box img{display: block; width: 100%;}
.flip-card-box .flip-card .cross_icon {position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);z-index: 5;width:36px;height: 36px;border: 1px solid var(--accent-color);border-radius: 50%;display: block;cursor: pointer;background: transparent url("../images/plus.svg") center no-repeat;background-size: 20px;}
.flip-card-box.flipped .cross_icon {background-image: url("../images/cross.svg"); background-size: 20px;}
/* .flip-card-box css end  */
.flip-card-box.flipped .flip-card-back .content{ overflow-y: auto; height: 100%;}

/* .structure-sec start */
.structure-sec{ position: relative; padding: 62px 0 93px;}
.structure-sec::before{ content: ""; position: absolute; top: 0; left: 0;width: 100%; height: 100%; background: url(../images/dotted-bg-full.png) center center no-repeat; background-size: cover;z-index:-1; pointer-events: none;}
.structure-sec .title{ margin-bottom: 45px;}
.structure-sec .sub-title{ position: relative; z-index: 1; color:var(--text-color); }
.structure-sec .holding-card, .department-card { position: relative; z-index: 1; background: var(--bg-color); border: 0.25px solid var(--border-color);  box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.2); }
.structure-sec .holding-card { width: 48%; min-height: 99px; margin: 0 auto 44px;  padding: 40px 40px 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.structure-sec .holding-card h2 ,.structure-sec .department-card h2 {margin-bottom: 32px;}
.structure-sec .holding-card p ,.structure-sec .department-card p { font-size: 20px; font-family: 'Avenir'; font-weight: 500; }
.structure-sec .divider { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; margin: 27px 0 27px; color: var(--accent-color); font-size: 16px; white-space: nowrap; line-height: 22px;letter-spacing: 1px; }
.structure-sec .divider::before, .divider::after { content: ""; height: 1px; background: var(--accent-color); flex: 1; }
.structure-sec .divider span { padding: 0 8px; font-size: inherit; line-height: inherit; }
.structure-sec .departments { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 66px; }
.structure-sec .department-card { min-height: 99px; padding: 27px 47px 47px; }
/* .structure-sec end */

/* .impact-section start */
.impact-section { position: relative;padding: 99px 0 45px; background: rgba(var(--bg-secondary), 0.1); }
.impact-section::before { content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none; background: url(../images/line-bg.jpg) center center no-repeat; background-size: cover;opacity: 0.05;  pointer-events: none; width: 100%; height: 100%;}
.impact-section .inner-part { display: grid; grid-template-columns: minmax(0, 0.97fr) minmax(0, 1.65fr); gap: clamp(35px, 6vw, 100px); align-items: start; }
.impact-intro { min-width: 0; padding-top: 12px; }
.impact-intro h2 { margin: 0 0 20px; }
.impact-intro .text{ max-width: 380px; margin: 0; width: 100%;}
.impact-matrix { position: relative; min-width: 0; width: 100%; }
.impact-table { width: 100%; border-collapse: collapse; table-layout: fixed; text-align: center; }
.impact-table th, .impact-table td {position: relative; padding: 12px 15px; border-bottom: 1px solid var(--border-color); vertical-align: middle;letter-spacing: -0.8px; }
.impact-table thead th {font-size: 14px; line-height: 17px; font-weight: 900; text-align: center; overflow-wrap: break-word; word-break: normal; }
.impact-table thead th:first-child { width: 15%; padding: 12px 6px 12px 0px; text-align: left; }
.impact-table thead th:not(:first-child) { padding-left: 5px; padding-right: 5px; }
.impact-table tbody th { width: 15%; padding: 7px 15px ; font-family: 'Avenir Book', sans-serif; text-align: left; overflow-wrap: break-word; height: 52px; }
.impact-table tbody th[scope="row"] { font-family: 'Avenir Book', sans-serif; font-weight: normal; padding-left: 0;padding-right: 0;}
.impact-table tbody tr:last-child th, .impact-table tbody tr:last-child td { border-bottom: none; }
.impact-section .impact-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--accent-color); transition: transform 0.25s ease; }
.impact-table tbody td:has(.impact-dot) { cursor: pointer; }
.impact-table tbody td:has(.impact-dot):hover .impact-dot { transform: scale(1.3); }
.impact-section .impact-heading { position: relative; overflow: visible; cursor: pointer; text-align: center; }
.impact-section .impact-tooltip { position: absolute; z-index: 10; top: auto; bottom: calc(100% + 0px); left: 0px; right: auto; width: 280px; max-width: calc(100vw - 32px);  padding: 0 16px 16px; color: var(--muted-color); font-size: 13px; line-height: 16px; text-align: left; overflow-wrap: break-word; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(8px); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; }
.impact-section .impact-heading:hover .impact-tooltip, .impact-section .impact-heading:focus-within .impact-tooltip { opacity: 1; visibility: visible; transform: translateY(0); }
.impact-tooltip::before{ content: ""; position: absolute; left: 0; top: 0; border-left: 1px solid  var(--border-color);height: calc(100% + 35px);}
.impact-section .impact-table thead th:nth-last-child(-n+2) .impact-tooltip { left: auto; right: 0; text-align: right; }
.impact-section .impact-table thead th:nth-last-child(-n+2) .impact-tooltip::before { left: auto; right: 0;text-align: right; }
.sr-only { font-size: 0; }

/* .impact-section/ end */

/* two-card-sec css start  */
.two-card-sec{padding: 72px 0; position: relative;}
.two-card-sec .top-title{margin-bottom: 48px;}
.two-card-sec .top-title h2{margin-bottom: 24px;}

.two-card-sec .inner-card{display: flex; flex-wrap: wrap; gap: 70px;}
.two-card-sec  .card{position: relative; overflow: hidden; background: var(--bg-color); width: calc(50% - 35px);padding: 24px 44px 55px;border: 1px solid var(--border-color);box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.2); }
.two-card-sec  .card h3{font-size: 20px; line-height: 1.3;font-family: 'Avenir Book'; font-weight: normal;margin-bottom: 24px;}
.two-card-sec  .card h3 strong{font-weight: 900; font-family: 'Avenir';}
.two-card-sec  .card .btn-one{font-size: 16px; font-weight: 500; font-family: 'Avenir';}
.two-card-sec .card .btn-box {position: absolute;bottom: 30px;left: 40px;}

.two-card-sec.bg{ padding: 50px 0 100px;}
.two-card-sec.bg .card{padding: 24px 44px 66px;}
.two-card-sec.bg .card .btn-box{ border-bottom: 20px;}
.two-card-sec.bg::before{position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background:url(../images/lines-bg-img.jpg) center no-repeat; background-size: cover; z-index: -1; pointer-events: none;}
/* two-card-sec css end  */

/* perspectives-slider css start  */
.perspectives-slider{background: #f3f2f1; overflow: hidden;}
.perspectives-slider .inner-part{display: flex; flex-wrap: wrap; justify-content: space-between;}
.perspectives-slider .left-part{position: relative; width: 51%; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column;padding: 85px 0 96px;z-index: 3;}
.perspectives-slider .right-part{width: 48%;padding: 85px 0 70px;}
.perspectives-slider .left-part .left-content{max-width:370px;width: 100%;}
.perspectives-slider .flip-card{padding: 70px 60px 85px; height: 100%;}
.perspectives-slider .flip-card h3{margin-bottom: 40px; line-height: 26px;}
.perspectives-slider .right-part .slick-slide { margin:0 15px;}
.perspectives-slider .slick-track {  display: flex !important;}
.perspectives-slider .slick-slide {height:auto !important;}
.slider-controls {display: flex;align-items: center;gap: 92px;}
.slider-controls .slick-dots {display: flex;align-items: center;justify-content: center;gap:10px;}
.slider-controls .slider_arrow {position: static;transform: none;padding: 0;border: none;background: transparent;cursor: pointer;font-size: 0; padding: 5px 0;}
.slider-controls .slick-dots li {margin: 0;line-height: 0;}
.slider-controls .slick-dots {position: static;display: flex;align-items: center;justify-content: center;gap: 10px;}
.slider-controls .slick-dots li button {width:16px;height: 16px;border: none;border-radius: 50%;background:transparent;border:1px solid var(--bg-primary);font-size: 0;cursor: pointer; transition: 0.4s;}
.slider-controls .slick-dots li.slick-active button { background: var(--bg-primary);}
.perspectives-slider .slick-list{overflow: visible;width: calc(100% + 30px);margin-left: -15px;}
.perspectives-slider .left-part::before {pointer-events: none;content: "";position: absolute;left: 0;top: 0;width: 100%;background: #f3f2f1;z-index: -1;height: 100%;}
.perspectives-slider .left-part::after {pointer-events: none;content: "";position: absolute;left:-100%;top: 0;width: 100%;background: #f3f2f1;z-index: -1;height: 100%;}
.perspectives-slider .flip-card .cross_icon{ bottom: 37px;}
/* perspectives-slider css end  */
.slider-controls:empty, .slider-dots:empty { display: none; }

.tabs-sec.two{ padding: 130px 0 140px;}


/* footer css start  */
.footer{padding: 70px 0 70px; background:var(--bg-primary);}
.footer *{color: var(--secondary-color);}
.footer .top-footer{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 67px;}
.footer .top-footer .logo-text{font-weight: 900; line-height: 26px; font-size: 20px; }
.footer .top-footer .left-part{display: flex; flex-wrap: wrap;width: 61%;gap: 80px; }
.footer .top-footer .footer-card{width: calc(33.33% - 54px);}
.footer .top-footer  .footer-card p{ margin-bottom: 20px;}
.footer .top-footer .right-part{width: 17%;}
.footer ul{ list-style: none;}
.footer .top-footer .card-link ul li:not(:last-child){margin-bottom: 30px;}
.footer .top-footer .card-link ul li a{font-size:20px; line-height: 26px; color: var(--muted-color); font-family: 'Avenir';  font-weight: 900; letter-spacing: 2px;}
.footer .footer-bottom{text-align: center;}
.footer .footer-bottom .social-icon { margin-bottom: 20px;}
.footer .footer-bottom .social-icon img{width:22px;display: block; border-radius: 4px;  margin: 0 auto;}
.footer .footer-bottom p{text-transform: uppercase;}
/* footer css end  */




@media (max-width:1200px) {
.container{ max-width: 1100px;}

h1, h2, h3, h4, h5, h6 {letter-spacing: 1.5px;}
h1{ font-size:35px; line-height: 45px; }
h2, .sub-title ,.heading-h2 { font-size: 18px;  font-weight: 900; line-height: 24px;}
h3{ font-size: 16px; }

.main-content { margin-top: 120px; }
.sub-title {letter-spacing: 1.5px; }
.header .logo { width: 290px; }


.header .inner-part::before{bottom: 26px;}
.header-bottom .logo-text{font-size: 14px;}
.header .navigation > ul{ gap: 10px 25px; list-style: none;}
.title-bar h1{ letter-spacing: 3px;}

.tabs-sec .tabs{ padding: 40px 30px;}
.tabs-sec .right-part{width: calc(58% + 70px); margin-left: -70px;}
.tabs-sec .tab-content{ max-width: 450px;}
.tabs-sec .tab-title{ font-size: 18px; line-height: 24px;letter-spacing: 1.5px;}
.tabs-sec .tabs .tab-title.active::after { right: -53px; border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-left: 23px solid var(--bg-primary); }
.history-sec .right-part { width: 44%; }
.flip-card-box .flip-card h3{  font-size: 18px; line-height: 24px;}
.structure-sec .holding-card p, .structure-sec .department-card p{ font-size: 18px;}
.structure-sec .department-card {padding: 27px 30px 47px; }
.impact-section .inner-part{grid-template-columns: minmax(0, 0.97fr) minmax(0, 2.5fr);}
.two-card-sec .inner-card{ gap: 40px;}
.two-card-sec .card{ width: calc(50% - 20px);padding: 24px 35px 55px;}

.perspectives-slider .flip-card {padding: 50px 40px 85px;}
.two-card-sec.bg { padding: 50px 0 70px; }
.two-card-sec.bg .card { padding: 24px 34px 66px; }
.perspectives-slider .flip-card h3 {margin-bottom: 25px;}
.tabs-sec.two { padding: 100px 0 100px; }
.slider-controls{ gap: 60px;}

.footer {padding: 60px 0 160px;}
.footer .top-footer .left-part{width: 70%;gap: 50px;}
.footer .top-footer .footer-card {width: calc(33.33% - 34px);}
.footer .top-footer .right-part {width: 22%;}
.footer .top-footer .card-link ul li a {font-size: 18px;line-height: 24px;letter-spacing: 1.5px;}
.footer .top-footer .card-link ul li:not(:last-child) { margin-bottom: 25px; }

}



@media (max-width:1023px) {
h1{ font-size:30px; line-height: 40px; }

.main-content { margin-top: 105px; }

.title-bar{padding-bottom: 20px;}
.title-bar h1 { letter-spacing: 2.5px; }

.header{padding: 30px 0 20px;}
.header .navigation{ width: 60px;}
.header .menubar { display: block; }
.header .navigation > ul > li { width: 100%; border-bottom: 1px solid var(--border-dark); }
.header .navigation > ul > li > a { display: block; padding: 15px 40px 15px 0; }
.header .navigation ul li ul { display: none; position: static; min-width: 0; width: 100%; padding: 0 15px;background: transparent;}
.header .navigation ul li:hover > ul, .header .navigation ul li:focus-within > ul { display: none; }
.header .navigation ul li.active > ul { display: block; }
.header .navigation ul li ul li a{padding: 13px 0;}

.header .navigation > ul { display: flex;flex-wrap:wrap; position: fixed; top: 105px; left: 0; width: 100%; max-width: 100%; height: calc(100vh - 105px); overflow-y: auto; overflow-x: hidden; background: #f3f2f1; padding: 30px 25px;  z-index: 99; flex-direction: column; align-items: stretch; gap: 0; transform: translateX(-100%); transition: transform 0.35s ease-in-out, visibility 0.35s ease-in-out; visibility: hidden; }
.header .navigation > ul.show { transform: translateX(0); visibility: visible; }
/* Hamburger */
.header .navigation .arrow{position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 5;width:35px;height: 100%;display: block;cursor: pointer;background: transparent url("../images/plus.svg") center no-repeat;background-size: 25px;}
.header .navigation .arrow.open  {background-image: url("../images/cross.svg"); }

.hero-sec{ padding: 70px 0 80px;}
.hero-sec .right-part { width: 37%; }
.tabs-sec .left-part{ width: 100%; margin-bottom: 30px;}
.tabs-sec .right-part{ width: 100%;margin-left: 0px; min-height: auto;padding:40px 30px;}
.tabs-sec .tabs{ min-height: auto;}
.history-sec .left-part {width: 100%;margin-bottom: 30px;}
.history-sec .right-part {width: 100%;}
.tabs-sec .tab-content{ max-width: 100%;}

.flip-card-box .flip-card{ padding: 40px 30px 70px;}
.structure-sec .departments{ gap: 30px;}
.structure-sec .holding-card{padding: 27px 30px 47px;}
.flip-card-box .flip-card h3{ margin-bottom: 20px;}
.two-card-sec {padding: 60px 0;}
.two-card-sec .top-title {margin-bottom: 30px;}
.two-card-sec .inner-card {gap: 15px;}
.two-card-sec .card {width: calc(50% - 8px);padding: 24px 20px 50px;}
.two-card-sec .card h3 {font-size: 18px;line-height: 1.2;margin-bottom: 15px;}
.two-card-sec .card .btn-box{left: 20px; bottom: 20px;}
.two-card-sec .top-title h2 {margin-bottom: 20px;}
.two-card-sec.bg .card {padding: 24px 20px 55px;}
.impact-section { min-height: auto; padding: 70px 0; }
.impact-section .inner-part { grid-template-columns: 1fr; gap: 40px; }
.impact-intro{ padding-top: 0;}
.impact-intro .text { max-width: 100%; margin: 0; }
.perspectives-slider .left-part{width: 40%;padding-right: 20px;}
.perspectives-slider .right-part{width: 57%;}
.slider-controls { gap: 25px; }
.structure-sec .holding-card h2, .structure-sec .department-card h2 { margin-bottom: 25px; }
.footer {padding: 60px 0 100px;}
.footer .top-footer .left-part {width: 100%; margin-bottom: 30px;}
.footer .top-footer .right-part {width: 100%;}
.footer .top-footer .card-link ul li:not(:last-child) {margin-bottom: 12px;}
.footer .top-footer .card-link ul li a {font-size: 18px;line-height: 22px;}
.footer .top-footer{margin-bottom: 55px;}


/* tab mobile */
.tabs-sec .tab-content .acc-title{ display: block;}
.tabs-sec .sub-title {margin-bottom: 0;}
.tabs-sec .left-part {width: 100%; margin-bottom: 30px;}
.tabs-sec .tabs,.tabs-sec.two .tabs{display: none;}
.tabs-sec .right-part {width: 100%; margin-left: 0; min-height: auto;padding: 0; border: unset; box-shadow: unset;}
.tabs-sec .tab-content {max-width: 100%;margin-left: unset; display: block;}
.tabs-sec .acc-title {display: block;}
.tabs-sec .tab-content{border-bottom: 1px solid #fff;}
.tabs-sec .acc-title h2{font-size: 18px; margin-bottom: 0;}
.tabs-sec .acc-title{padding: 22px 30px 22px 30px;cursor: pointer;position: relative;background: var(--bg-primary);color: #fff;}
.tabs-sec .acc-content{display: none;margin-bottom: 22px;padding-right: 30px;border: 1px solid;padding: 40px 30px 30px;}
.tabs-sec .acc-title.active::after {content: "";display: block;position: absolute;bottom:-20px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-top: 20px solid var(--bg-primary);border-left: 20px solid transparent;border-right: 20px solid transparent;z-index: 3;}
.tabs-sec .title-bar.event:not(:last-child) {margin-bottom: 45px;}
.impact-section .impact-tooltip{ background: #f2f1f1;}

}



@media (max-width:767px) {
h1{ font-size:25px; line-height: 35px; }

.title-bar h1 { letter-spacing: 2px; }

.hero-sec .left-part { width: 100%; margin-bottom: 40px;}
.hero-sec .right-part { width: 100%; }
.hero-sec { padding: 50px 0 30px; }
.structure-sec .departments{grid-template-columns: 1fr;}
.structure-sec {padding: 60px 0; }
.header .inner-part::before { bottom: 24px; }
.flip-card-box .flip-card {padding: 30px 20px 48px;}
.two-card-sec {padding: 50px 0;}
.two-card-sec .card {width: 100%;}
.two-card-sec.bg {padding: 45px 0 70px;}
.structure-sec .holding-card{ width: 100%;}

.impact-section { padding: 50px 0; }
.impact-section .inner-part { gap: 30px; }
.impact-matrix { overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; padding-top: 250px; margin-top: -250px; }
.impact-table { min-width: 700px; }
.impact-table th, .impact-table td { padding: 10px 6px; }
.impact-section .impact-tooltip { width: 240px; max-width: 240px;}
/* .impact-section .impact-heading:hover .impact-tooltip{ display: none;} */
.perspectives-slider .left-part {width: 100%;padding: 50px 0 30px;}
.perspectives-slider .left-part .left-content {max-width: 100%;}
.slider-controls{margin-top: 50px; gap: 15px;justify-content: center;}
.slider-controls .slick-dots li button {width: 12px;height: 12px;}
.flip-card-box .flip-card h3 {font-size: 18px;}
.perspectives-slider .right-part {width: 100%;padding: 30px 0 50px;}
.perspectives-slider .flip-card {padding: 40px 30px 71px;}
.perspectives-slider .flip-card h3 {margin-bottom: 20px;}
.perspectives-slider .flip-card .cross_icon {bottom: 25px;}
.tabs-sec.two { padding: 50px 0; }
.tabs-sec .title-bar.event:not(:last-child) { margin-bottom: 60px; }
.tabs-sec .acc-content { padding: 40px 20px 30px; }

.footer .top-footer .card-link ul li a { font-size: 16px; line-height: 20px; }

}


@media (max-width:600px) {
.container{ padding: 0 20px}
.main-content { margin-top: 89px; }
.header .menubar span{ margin-bottom: 5px;}
.header .logo { width: 210px; }
.header .inner-part::before { bottom: 16px; }
.header .menubar{ width: 30px;}
.header .menubar.active span:nth-child(1) { transform: translateY(4px) rotate(-45deg); }
.header .menubar.active span:nth-child(3) { transform: translateY(-3px) rotate(45deg); }
.header .navigation > ul{ top: 89px; height: calc(100dvh - 89px);}
.header-bottom .logo-text { font-size: 12px; }
.structure-sec .department-card { padding: 27px 20px 47px; }
.perspectives-slider .flip-card { padding: 40px 20px 71px; }
.footer {padding: 40px 0 70px;}
.footer .top-footer{margin-bottom: 50px;}
.footer .top-footer .left-part {gap: 20px;}
.footer .top-footer .footer-card {width: 100%;}
.footer .top-footer .footer-card p:last-child{margin-bottom: 0;}
.footer .top-footer .card-link ul li a {font-size: 16px;line-height: 20px;}


.tabs-sec .title-bar.event:not(:last-child) {margin-bottom: 30px;}
.tabs-sec .title-bar.event h3 { line-height: 22px; font-size: 16px;}
.tabs-sec .acc-title{padding: 20px;}
.tabs-sec .acc-content { padding: 40px 20px 20px; }

.tabs-sec .acc-title.active::after{bottom: -14px;border-top: 14px solid var(--bg-primary);border-left: 14px solid transparent;border-right: 14px solid transparent;}
}