@charset "UTF-8";
@font-face{font-family:'BebasNeue';src:url(../fonts/BebasNeue_Regular.otf) format("truetype");font-weight:400;font-style:normal}
:root{--brown:#CEB275}
::-webkit-scrollbar-track{background-color:#ffffff}
::-webkit-scrollbar{width:10px;height:5px}
::-webkit-scrollbar-thumb{background-color:var(--brown)}
body{font-family:"Ubuntu Sans",sans-serif;font-size:16px;color:#151515;line-height:1.5}
.container{width:1282px;max-width:100%}
a{transition:.5s}
a,a:hover{color:var(--brown)}
a:focus,a:hover{text-decoration:none}
:focus{outline:none}
h1{margin-top:0;margin-bottom:0;font-weight:normal}
.alert{background:#151515a1;color:white;font-size:14px;text-align:left;border:none;position:fixed;top:95px;right:0;max-width:95%;max-width:450px;padding:20px 30px;z-index:99999;border-radius:0;margin-bottom:0;backdrop-filter:blur(3px);width:auto}
.alert>.close{position:absolute;opacity:1;text-shadow:none;top:5px;right:10px;color:white;font-weight:lighter}
.alert i{display:none}
header{height:85px;background:#FFFFFF;position:relative;top:0;left:0;width:100%;z-index:100;display:flex;align-items:center}

/* Мобильное меню поверх всего */
.mm-wrapper,
.mm-menu,
.mm-wrapper__blocker {
    z-index: 9999 !important;
}
.mm-slideout {
    z-index: 1 !important;
}
.header{display:flex;justify-content:space-between;align-items:center}
.search_link{background:#E9E9E9;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.title,.gotham{font-family:"gotham",sans-serif}
.bebas{font-family:'BebasNeue'}
.mainbanner{position:relative;height:calc(100vh - 85px);overflow:hidden;min-height:682px}
.banner_note{position:absolute;right:60px;bottom:50px;z-index:1;color:white;width:185px}
.banner_bottom{position:absolute;bottom:0;left:0;width:100%;z-index:1}
.banner_wrap{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}
video.banner{display:block}
.cover{width:100%;height:100%;object-fit:cover}
.blur-block{position:absolute;content:"";left:0;top:0;background:#151515B2;width:100%;height:100%}
.pagebanner .blur-block{display:block;z-index:1}
.maintitle{color:#FFFFFF;font-size:40px;font-weight:400;line-height:1.1}
.maintitle :last-child{margin-bottom:0}
.maintitle strong{font-size:100px;letter-spacing:.03em;font-family:'BebasNeue'}
.maintext{margin-top:35px;color:#D8D8D8;font-size:20px;line-height:1.3}
.banner_content{width:590px;max-width:100%}
.scroll_down{margin:0 0 30px;display:inline-flex}
.maintext :last-child{margin-bottom:0}
.note_title{line-height:1;color:#FFFFFF;font-size:46px;font-weight:300;font-family:'Gotham';margin-bottom:20px}
.note_text{color:#D8D8D8;font-size:24px;font-weight:300;line-height:1.3}
.note_text :last-child{margin-bottom:0}
.banner_note:before{position:absolute;content:"";border:1px solid #FFFFFF;--width:824px;width:var(--width);height:var(--width);border-radius:50%;top:-85px;left:-110px;z-index:-1}
.note_icon{background:white;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:35px}
.pt80{padding-top:80px}
.imgside{width:43%}
.imgside img{width:100%;height:100%;object-fit:cover;border-radius:25px}
.textside{width:calc(57% - 90px);align-self:center;color:#555555;font-size:20px;line-height:1.4}
.textside :last-child{margin-bottom:0}
.infoblock{display:flex;justify-content:space-between}
.title{color:#151515;font-size:40px;font-weight:500;line-height:1.1}
.textside .title{margin-bottom:40px}
.textside .bt{margin-top:40px}
.bt{display:inline-flex;align-items:center;justify-content:center;border-radius:60px;border-width:1px;border-style:solid;transition:.5s;cursor:pointer;font-size:20px;font-weight:500;padding:18px 55px;line-height:1;position: relative;}
.brown_bt{color:#151515;background:var(--brown);border-color:var(--brown)}
.centered{text-align:center;margin-right:auto;margin-left:auto}
.mb40{margin-bottom:40px}
.text{color:#555555;font-size:20px}
.mb50{margin-bottom:50px}
.text :last-child{margin-bottom:0}
.bor_bot{border-bottom:1px solid #E5E5E5;padding-bottom:25px}
.mb30{margin-bottom:30px}
.part_item{border:1px solid #D7D7D7;border-radius:15px;height:120px;display:flex;align-items:center;justify-content:center;padding:20px}
.part_item img{height:60px;width:auto;max-width:100%;object-fit:contain}

.part_slider .swiper-wrapper {
    transition-timing-function: linear !important;
}
.swiper-pagination{position:unset;margin-top:40px}
.swiper-pagination-bullet{width:10px;height:10px;border-radius:50%;background:#C4C4C4;opacity:1}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#9C764C}
.info_boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.info_box{border:1px solid #E5E5E5;border-radius:15px}
.info_img{height: 220px;display: block;}
.info_img img{border-radius:15px;margin:-1px;width:calc(100% + 2px);object-fit:cover;height:100%}
.info_preview{padding:44px 24px}
.info_boxes .info_preview{text-align:center;padding:30px 24px!important}
.info_title{color:#151515;font-size:19px;font-weight:500;line-height:1.1;font-family:'gotham'}
.info_boxes .info_title{padding-bottom:15px!important;margin-bottom:0!important;border-bottom:1px solid #E5E5E5!important}
.info_text{margin-top:20px;line-height:1.3;color:#444444;font-size:17px}
.info_boxes .info_text{margin-top:15px!important}
.info_text :last-child{margin-bottom:0}
.exp_info.info_preview{padding:30px 15px}
.exp_title.info_title{font-size:18px;padding-bottom:15px;border-bottom:1px solid #E5E5E5;min-height:58px;display:flex;align-items:flex-start}
.exp_text.info_text{margin-top:15px;font-size:14px;color:#666666}
.exp_item.info_box{height:auto}
.exp_slider .swiper-wrapper{display:flex}
.post_preview.info_preview{padding:40px 15px;min-height:130px}
.info_bottom{margin-top:auto;padding:15px 15px 30px;display:flex;font-size:15px;position:relative}
.post_date{display:flex;gap:7px;line-height:1;color:#777777}
.post_tag{line-height:1}
.info_bottom:before{position:absolute;content:"";left:50%;transform:translateX(-50%);height:1px;width:calc(100% - 30px);background:#E5E5E5;top:0}
.post_tag a{color:#9C764C}
.post_title.info_title{font-family:'gotham';font-weight:400;line-height:1.3}
.pb80{padding-bottom:80px}
footer{background:#EDEDED}
.footer_top{display:flex;justify-content:space-between;align-items:flex-start;padding:35px 0 50px;gap:30px}
.footer_bottom{border-top:1px solid #CBCBCB;padding:20px 0}
.copy{color:#151515;font-size:13px;line-height:1.1}
.flogo img{width:268px;max-width:100%}
.ftitle{color:#151515;font-size:18px;line-height:1.1;margin-bottom:15px;display:block}
.fcol_title{margin-bottom:15px}
.fcol ul{list-style:none;padding-left:0;margin-bottom:0}
.fcol ul li{font-size:14px;line-height:1.4;color:#666666}
.fcol ul li a{color:#666666;text-decoration:none;display:inline-block;transition:color 0.2s ease}
.fcol ul li a *,.fcol ul li a{transition:color 0.2s ease}
.fcol ul li:not(:last-child){margin-bottom:6px}
.fcol.fcol3 ul{column-count:2;gap:30px}
.fcol.fcol3 ul li{max-width: 208px;}
.log_preview.info_preview{padding:30px 15px;text-align:center}
.log_title.info_title{font-size:17px;font-weight:400}
.feat_list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feat_item.info_box{padding:40px 20px;display:flex;flex-direction:row;align-items:flex-start;gap:20px}
.feat_item:nth-last-child(-n+2){grid-column:span 1.5}
.feat_icon{display:flex;width:80px;height:80px;min-width:80px;align-items:center;justify-content:center}
.feat_icon img{width:100%;height:100%;object-fit:contain}
.feat_icon svg{width:60px;height:60px}
.feat_content{display:flex;flex-direction:column;flex:1}
.feat_title{color:#151515;font-size:20px;line-height:1.3;margin-bottom:12px;font-weight:500;min-height:80px;display:flex;align-items:flex-start}
.feat_text{color:#666666;font-size:14px;line-height:1.5}
.gray_box{background:#F2F2F2;border-radius:25px;padding:90px;position:relative}
.text.max_width{width:680px;max-width:100%}
header.bor_bot{padding-bottom:0;border-color:#EFEFEF}
.breadcrumb{margin:20px 0 30px;padding:0;background:transparent;border:none}
.breadcrumb li{font-size:14px}
.breadcrumb li a{color:#989898}
.breadcrumb li:last-child{color:#151515}
.breadcrumb-container{min-height:65px;overflow:visible;pointer-events:none}
.breadcrumb-container *{pointer-events:auto}
.breadcrumb-container[data-aos]{transform:none!important;opacity:1!important}
.text a{position:relative;z-index:1;pointer-events:auto}
.termblock a{position:relative;z-index:1;pointer-events:auto}
.partners_section{padding-top:40px}
.scroll_btn{--width:152px;width:var(--width);height:var(--width);background:#FFFFFF;display:flex;align-items:center;justify-content:center;position:absolute;top:calc(100% - 50px);left:50%;transform:translateX(-50%);border-radius:50%;padding-bottom:50px}
#block2 .title,#block1 .title{position:relative}
.textside.font18{font-size:18px}
.vector_img.info_img img{width:100%;margin:0}
.vector_blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.vector_title{color:#151515;font-size:24px;line-height:1.2;margin-top:38px}
.posts_list{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.menu_col{border:1px solid #E5E5E5;border-radius:15px;padding:40px 10px}
.page_flex{display:grid;grid-template-columns:240px 1fr;gap:30px}
.menu_col ul{list-style:none;padding-left:0;margin-bottom:0}
.menu_col ul li{font-size:20px;line-height:1.1}
.menu_col ul li a{display:block;padding:10px 20px;border-radius:60px;color:#151515}
.menu_col ul li.active a{background:var(--brown);color:white}
.menu_col ul li:not(:last-child){margin-bottom:10px}
.cont_col{border:1px solid #E5E5E5;border-radius:15px;padding:27px 30px;width:28%}
.cont_flex{display:flex;gap:30px;margin-bottom:30px}
.ctitle{color:#666666;text-transform:uppercase;line-height:1.1;margin-bottom:10px}
.cval{line-height:1.2;font-size:19px}
.cval,.cval a{color:#151515}
.cval a{display:block}
.cval :last-child{margin-bottom:0}
.grafik{color:#666666;font-size:19px;line-height:1.2;margin-top:20px}
.grafik :last-child{margin-bottom:0}
.ctitle:not(:first-child){margin-top:20px}
.map{border-radius:15px;height:394px;overflow:hidden}
.map>*{width:100%;height:100%}
.cont_col.cont_col1{width:calc(44% - 60px)}
.title.font28{font-size:28px}
.form_block{border:1px solid #E5E5E5;border-radius:15px;padding:45px 60px}
.form_flex{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}
.form_flex .w50{width:calc(50% - 7px)}
.form_flex .w100{width:100%}
.st_input{border:1px solid #E5E5E5;border-radius:8px;background:transparent;padding:16px 25px;line-height:1.1;color:#151515}
textarea.st_input{height:114px}
.year_item{height:120px;background:#F6F6F6;border-radius:15px;color:#151515;font-size:40px;font-family:'BebasNeue';display:flex;align-items:center;justify-content:center;line-height:1;cursor: pointer;}
.years_list{margin-top:-45px}
.year_item.swiper-slide-active{background:var(--brown)}
.text_slider .swiper-slide.swiper-slide-active{opacity:1!important}
.text_slider .swiper-slide{opacity:0!important}
.swiper_arrow{border:1px solid #D7D7D7;border-radius:5px;display:flex;align-items:center;justify-content:center;padding:0;width:39px;height:37px;cursor:pointer;transition:.5s}
.arr_flex{display:flex;gap:10px}
.textside .arr_flex{margin-top:40px;margin-bottom: 60px;}
.structure_page{position:relative}
.str_info{width:45%;position:absolute}
.structure_img{max-width:100%}
.pagebanner{position:relative;height:calc(100vh - 85px);overflow:hidden;margin-top:-1px;padding-top:0}
.pagebanner .banner.cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:left center;z-index:0}
.pagebanner .banner_wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;transform:none;z-index:2}
.pagebanner .bc_wrap{position:sticky;top:0;z-index:10;flex-shrink:0;padding-top:20px;padding-bottom:20px}
.pagebanner .banner_content{width:70%;max-width:none;margin:0;padding-top:80px;padding-left:0;padding-right:0;flex-shrink:0}
.pagebanner .maintitle{flex-shrink:0;margin-bottom:30px;text-align:left;color:#FFFFFF;text-shadow:0 2px 8px rgba(0,0,0,0.5)}
.pagebanner .maintitle strong{font-size:70px}
.pagebanner .maintext{font-size:18px;overflow-y:auto;overflow-x:hidden;padding-bottom:50px;flex:1;text-align:left;padding-right:40px;color:#FFFFFF;text-shadow:0 2px 8px rgba(0,0,0,0.5)}
.banner_content .bt{margin-top:40px}
.title.title2{font-weight:400}
.title.title2 strong{font-weight:500}
.log_title.font18.info_title{font-size:18px}
.serv_boxes .info_text{margin-top:0;font-size:19px;font-family:'gotham'}
.team_list{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.team_list .info_img{height:312px}
.team_list .info_preview{padding:35px 15px;text-align:center}
.team_list .info_title{text-transform:uppercase;font-size:20px;font-weight:700;font-family:'Ubuntu Sans'}
.team_list .info_text{color:#777777;font-size:14px;margin-top:15px}
.pagebanner .banner_note{height:244px;width:185px}
.bc_wrap{position:absolute;top:0;left:0;width:100%;z-index:1}
.bc_wrap .breadcrumb li{color:white}
.bc_wrap .breadcrumb li a{color:#989898}
.pagebanner .bc_wrap .breadcrumb li{color:white}
.pagebanner .bc_wrap .breadcrumb li a{color:rgba(255,255,255,0.8)}
.post_content .post_date:before{display:none}
.post_content .post_date{margin-left:0}
.post_images .info_img{height:300px}
.post_images .info_img img{margin:0;width:100%;height:100%}
.post_gallery_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.gallery_item{position:relative;height:300px;border-radius:8px;overflow:hidden;display:block;cursor:pointer}
.gallery_item img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}
.gallery_item:hover img{transform:scale(1.05)}
.gallery_video{text-decoration:none}
.video_preview{position:relative;width:100%;height:100%}
.video_preview video{width:100%;height:100%;object-fit:cover;pointer-events:none}
.video_overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.2);transition:background 0.3s ease}
.gallery_video:hover .video_overlay{background:rgba(0,0,0,0.4)}
.video_play_btn{background:none;border:none;cursor:pointer;transition:transform 0.3s ease;padding:0}
.video_play_btn:hover{transform:scale(1.1)}
.video_play_btn svg{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3))}
.ss-search-form__input{border:1px solid #909090;border-radius:60px;height:55px;display:flex;overflow:hidden;margin-bottom:40px}
.ss-search-form__input button{min-width:60px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent}
.ss-search-form__input input[type="text"]{width:100%;background:transparent;border:none;color:#151515;padding:5px 25px}
.ss-result__title{font-size:21px;font-weight:700;line-height:1.1;margin-bottom:10px}
.ss-result__aside{display:none}
.pagination > li.prevnext > a,.pagination > li.prevnext > span{border:1px solid #D9D9D9;border-radius:4px;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;width:45px;height:30px}
.pagination > li > a,.pagination > li > span{background:transparent;border:none;padding:0;line-height:1;height:24px;min-width:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#151515;font-size:17px}
.pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin:50px 0 0}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{background:var(--brown);color:#151515}
.menu li a:hover{color:var(--brown)}
.search_link:hover{background:var(--brown)}
.brown_bt:hover{background:transparent;color:#151515;border-color:transparent}
.bt:before{position:absolute;content:'';width:calc(100% + 15px);height:calc(100% + 15px);transition:.5s;border-width:1px;border-style:solid;opacity:0;border-radius:60px}
.brown_bt:before{border-color:var(--brown)}
.bt:hover:before{width:100%;height:100%;opacity:1;border-radius:60px}
a.info_box:hover{transform:scale(1.02);}
.fcol ul li a:hover,.fcol ul li a:hover *,.fcol ul li a:hover span{color:var(--brown) !important}
.swiper_arrow:hover{border-color:var(--brown);background:var(--brown)}
.banner_content .bt:hover{color:white}
.post_item:hover .info_title{color:var(--brown)}
.cval a:hover{color:var(--brown)}

.img_slider {
    height: 100%;
}
header.fixed {
    position: fixed;
    height: 75px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Компенсируем высоту фиксированного header */
body.header-fixed #layout-content {
    padding-top: 75px;
}

header {
    transition: .5s;
}

@keyframes scroll_pulse{
    from{
        transform:translateY(-15px);
        }
    to{
        transform:translateY(15px);
        }
    }
    
@keyframes pulse{
    from{
        transform:scale(0.9);
        }
    to{
        transform:scale(1.1);
        }
    }
.scroll_down, .scroll_btn svg {
    animation-name: scroll_pulse;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in;
}
.note_icon{animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in}

/* Дополнительные иконки на закругленной линии */
.curve_icon {
    position: absolute;
    background: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: none; /* Временно скрыты, продолжим завтра */
    align-items: center;
    justify-content: center;
    z-index: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    /* Трансформ для точного позиционирования центра */
    transform: translate(-50%, -50%);
}

.curve_icon:hover {
    transform: translate(-50%, -50%) scale(1.15);
    box-shadow: 0 6px 20px rgba(197, 165, 114, 0.3);
}

.curve_icon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

/* Позиционирование иконок вдоль дуги */
/* Круг: радиус 412px, центр в (-110, -85) относительно .banner_note */
/* С transform: translate(-50%, -50%) координаты указывают на ЦЕНТР иконки */
/* Формула: x = -110 + 412*cos(α), y = -85 + 412*sin(α) */

/* Верхние иконки (против часовой стрелки) */
.curve_icon_1 {
    top: 85px;
    left: -62px;
}

.curve_icon_2 {
    top: 5px;
    left: -32px;
}

.curve_icon_3 {
    top: -60px;
    left: 15px;
}

/* Нижние иконки (по часовой стрелке) */
.curve_icon_4 {
    bottom: 85px;
    left: -62px;
}

.curve_icon_5 {
    bottom: 5px;
    left: -32px;
}

.curve_icon_6 {
    bottom: -60px;
    left: 15px;
}

/* Адаптивность для иконок на дуге */
@media (max-width: 991px) {
    .curve_icon {
        width: 35px;
        height: 35px;
    }
    .curve_icon img {
        width: 20px;
        height: 20px;
    }
    /* Верхние иконки */
    .curve_icon_1 {
        top: 72px;
        left: -53px;
    }
    .curve_icon_2 {
        top: 4px;
        left: -27px;
    }
    .curve_icon_3 {
        top: -51px;
        left: 13px;
    }
    /* Нижние иконки */
    .curve_icon_4 {
        bottom: 72px;
        left: -53px;
    }
    .curve_icon_5 {
        bottom: 4px;
        left: -27px;
    }
    .curve_icon_6 {
        bottom: -51px;
        left: 13px;
    }
}

@media (max-width: 767px) {
    .curve_icon {
        display: none; /* Скрываем на мобильных */
    }
}

.blur-block{transition:.5s}

/* Скрываем только banner_note при скролле */
.banner_note.hiden {
    opacity: 0;
}

/* НЕ скрываем banner_content - оставляем его видимым всегда */
.banner_content.hiden {
    opacity: 1 !important;
}

.banner_content {
    transition: opacity .5s;
}
.lang label{margin-bottom:0;font-weight:normal;display:inline-flex;color:#CCCCCC}
.lang label span{color:#CCCCCC;text-transform:uppercase;cursor: pointer;transition: .5s;}
.lang label input:checked + span{color:#151515;text-decoration:underline;font-weight:700}
.lang label input{display:none}
.lang label:not(:last-child):after{content:"/";padding:0 5px}
.logo_text {
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    margin-top: 24px;
}

.logo_text *:last-child {
    margin-bottom: 0;
}

.fcol.fcol1 {
    width: 482px;
    max-width: 100%;
}

.fcol_title {
    color: #151515;
    font-size: 18px;
    line-height: 1.1;
    margin-bottom: 10px;
}

.fcol ul li span {
    color: #666666;
    text-decoration: none;
}

.social a {
    background: #CEB275;
    --width: 32px;
    width: var(--width);
    height: var(--width);
    min-width: var(--width);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social {
    display: flex;
    gap: 10px;
}

.site_copy {
    color: #151515;
    font-size: 13px;
    line-height: 1.1.;
}

.footer_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.mb20 {
    margin-bottom: 20px;
}

.mini_date {
    color: #777777;
    font-size: 14px;
    line-height: 1;
}

.mb25 {
    margin-bottom: 25px;
}
.text.font19 {
    font-size: 19px;
}

.black {
    color: #151515;
}
.title.font30 {
    font-size: 30px;
}

.termblock {
    padding: 30px 0;
    border-top: 1px solid #E5E5E5;
}
/* ====================================
   ИЗМЕНЕНИЯ ОТ 31.10.2025
   ==================================== */

/* Подписи для групп телефонов */
.contact_label {
    font-weight: 600;
    font-size: 15px;
    color: #CEB275;
    margin-bottom: 8px;
    margin-top: 15px;
}

.contact_label:first-child {
    margin-top: 0;
}

.contact_numbers {
    margin-bottom: 10px;
}

.contact_numbers:last-child {
    margin-bottom: 0;
}

/* ====================================
   CONTACT PAGE STYLES
   ==================================== */
.contact_page {
    padding: 80px 0;
    background: #F9F9F9;
}

.contact_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    margin-bottom: 80px;
}

/* Левая сторона - Контакты */
.contact_info {
    padding-right: 40px;
}

.contact_heading {
    font-size: 72px;
    font-weight: 700;
    line-height: 1.1;
    color: #151515;
    margin-bottom: 50px;
}

.text_blue {
    color: #CEB275;
}

.contact_details {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

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

.contact_icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact_icon svg {
    width: 24px;
    height: 24px;
}

.contact_text {
    font-size: 18px;
    line-height: 1.6;
    color: #666666;
}

.contact_text a {
    color: #666666;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
}

.contact_text a:hover {
    color: #CEB275;
}

.contact_social {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.social_link {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #CEB275;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.social_link:hover {
    background: #9C764C;
    transform: translateY(-3px);
}

.social_link img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

/* Правая сторона - Форма */
.contact_form_wrapper {
    display: flex;
    align-items: flex-start;
}

.contact_form_box {
    background: transparent;
    border: 3px solid #CEB275;
    border-radius: 20px;
    padding: 10px 40px 50px 40px;
    width: 100%;
}

.form_title {
    font-size: 36px;
    font-weight: 600;
    color: #151515;
    margin-bottom: 25px;
    text-align: center;
}

.contact_form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact_form input,
.contact_form textarea {
    width: 100%;
    padding: 18px 25px;
    background: #FFFFFF;
    border: 2px solid #E5E5E5;
    border-radius: 50px;
    color: #151515;
    font-size: 16px;
    font-family: "Ubuntu Sans", sans-serif;
    transition: all 0.3s ease;
}

.contact_form textarea {
    border-radius: 25px;
    resize: none;
    min-height: 150px;
}

.contact_form input::placeholder,
.contact_form textarea::placeholder {
    color: #999999;
}

.contact_form input:focus,
.contact_form textarea:focus {
    border-color: #CEB275;
    outline: none;
}

.submit_btn {
    background: #CEB275;
    color: #151515;
    font-size: 18px;
    font-weight: 600;
    padding: 18px 50px;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
}

.submit_btn:hover {
    background: #9C764C;
    color: #FFFFFF;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(206, 178, 117, 0.3);
}

/* Строка формы с двумя полями */
.form_row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* Карта */
.contact_map {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.contact_map iframe {
    display: block;
}

/* Респонсив */
@media (max-width: 1024px) {
    .contact_grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .contact_info {
        padding-right: 0;
    }
    
    .contact_heading {
        font-size: 56px;
    }
}

@media (max-width: 768px) {
    .contact_heading {
        font-size: 42px;
        margin-bottom: 30px;
    }
    
    .contact_form_box {
        padding: 10px 25px 40px 25px;
    }
    
    .form_title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .contact_form input,
    .contact_form textarea {
        padding: 15px 20px;
        font-size: 15px;
    }
    
    .submit_btn {
        padding: 15px 40px;
        font-size: 16px;
    }
    
    .form_row {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

/* Видео в новостях с превью и кнопкой play */
.info_video {
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.video_wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info_video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.video_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    cursor: pointer;
}

.video_overlay:hover {
    background: rgba(0, 0, 0, 0.4);
}

.video_play_btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: transform 0.3s ease;
    z-index: 2;
}

.video_play_btn:hover {
    transform: scale(1.1);
}

.video_play_btn svg {
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}

/* Когда видео воспроизводится, скрыть оверлей и кнопку */
.video_wrapper.playing .video_overlay {
    opacity: 0;
    pointer-events: none;
}

.video_wrapper.playing video {
    object-fit: contain;
}

.post_images .info_video {
    margin: -1px;
    width: calc(100% + 2px);
}

/* Адаптив для видео */
@media (max-width: 768px) {
    .info_video {
        height: 250px;
    }
    
    .video_play_btn svg {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 480px) {
    .info_video {
        height: 200px;
    }
    
    .video_play_btn svg {
        width: 50px;
        height: 50px;
    }
}

/* Подзаголовок секции Опыта */
.subtitle {
    font-size: 20px;
    color: #666666;
    line-height: 1.4;
    font-weight: 400;
}

/* Старые правила удалены - использованы правила из начала файла (строки 69-73) */

/* Непрерывный скролл партнеров */

/* ====================================
   СТРАНИЦА ИСТОРИЯ КОМПАНИИ
   ==================================== */

.history_hero {
    padding: 80px 0;
    background: linear-gradient(135deg, #f8f8f8 0%, #ffffff 100%);
}

.history_hero_content {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

.founder_photo {
    text-align: center;
    max-width: 400px;
}

.founder_photo img {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    object-fit: cover;
    border: 5px solid #CEB275;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}

.founder_name {
    font-size: 32px;
    font-weight: 700;
    color: #151515;
    margin-bottom: 10px;
    font-family: 'BebasNeue', sans-serif;
    letter-spacing: 0.02em;
}

.founder_title {
    font-size: 18px;
    color: #CEB275;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.bg_gray {
    background: #FAFAFA;
}

.history_section {
    position: relative;
    padding-left: 100px;
}

.timeline_dot {
    display: none;
}

.timeline_dot::before {
    display: none;
}

.history_section:last-child .timeline_dot::before {
    display: none;
}

.timeline_year {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    font-weight: 700;
    color: #CEB275;
    font-family: 'BebasNeue', sans-serif;
    letter-spacing: 0.02em;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
}

.history_section .text p {
    margin-bottom: 25px;
    line-height: 1.8;
}

.history_section .text p:last-child {
    margin-bottom: 0;
}

.font48 {
    font-size: 48px;
}

/* ====================================
   СТРАНИЦА СТРУКТУРА КОМПАНИИ
   ==================================== */

.structure_section {
    padding: 80px 0 100px;
    background: #FAFAFA;
    position: relative;
}

/* Заголовок */
.structure_header {
    text-align: center;
    margin-bottom: 100px;
}

.structure_main_title {
    font-size: 72px;
    font-weight: 700;
    color: #2C2C2C;
    margin: 0 0 8px;
    letter-spacing: 2px;
}

.structure_main_subtitle {
    font-size: 28px;
    font-weight: 400;
    color: #2C2C2C;
    letter-spacing: 10px;
}

/* Контейнер схемы */
.structure_chart {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
}

/* Главная вертикальная линия от заголовка */
.structure_chart::before {
    content: '';
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 100px;
    background: #CEB275;
}

/* Уровни */
.structure_level_1 {
    display: flex;
    justify-content: center;
    gap: 20px;
    position: relative;
}

/* Горизонтальная линия над первым уровнем */
.structure_level_1::before {
    content: '';
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    height: 3px;
    background: #CEB275;
    border-radius: 3px;
}

.structure_branch {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 1;
    max-width: 280px;
}

/* Вертикальная линия от горизонтальной до карточки */
.structure_branch::before {
    content: '';
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 50px;
    background: #CEB275;
}

/* Вертикали для крайних компаний - без горизонтальных частей */

/* Компания (карточка) */
.structure_company {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 28px 40px;
    width: 100%;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: block;
    text-decoration: none;
    position: relative;
    z-index: 2;
}

.structure_company:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(206, 178, 117, 0.4);
}

.company_name {
    font-size: 16px;
    font-weight: 600;
    color: #151515;
    line-height: 1.4;
}

/* Убираем старые линии */
.structure_line_vertical,
.structure_line_down,
.structure_line_up {
    display: none;
}

/* Горизонтальная линия для дочерних */
.structure_line_horizontal {
    height: 3px;
    width: 100%;
    background: #CEB275;
    position: absolute;
    top: -40px;
    left: 0;
    border-radius: 3px;
}

/* Дочерние компании */
.structure_children_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 80px;
    position: relative;
}

/* Вертикальная линия от компании до горизонтальной дочерних */
.structure_children_wrapper::before {
    content: '';
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 80px;
    background: #CEB275;
}

.structure_level_2 {
    display: flex;
    gap: 40px;
    margin-top: 0;
    justify-content: center;
    width: 100%;
    position: relative;
}

.structure_child {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

/* Вертикальная линия от горизонтальной до дочерней карточки */
.structure_child::before {
    content: '';
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 40px;
    background: #CEB275;
}

.structure_company_child {
    min-width: 240px;
    padding: 28px 35px;
}

/* Адаптив */
@media (max-width: 1200px) {
    .structure_chart {
        padding: 0 20px;
    }
    
    .structure_level_1 {
        gap: 15px;
    }
    
    .structure_level_1::before {
        left: 0;
        right: 0;
    }
    
    .structure_branch {
        max-width: 240px;
    }
    
    .structure_company {
        padding: 24px 30px;
    }
    
    .company_name {
        font-size: 15px;
    }
    
    .structure_main_title {
        font-size: 60px;
    }
    
    .structure_main_subtitle {
        font-size: 24px;
    }
}

@media (max-width: 992px) {
    .structure_section {
        padding: 60px 0 80px;
    }
    
    .structure_header {
        margin-bottom: 80px;
    }
    
    .structure_main_title {
        font-size: 52px;
    }
    
    .structure_main_subtitle {
        font-size: 22px;
        letter-spacing: 6px;
    }
    
    .structure_level_1 {
        flex-wrap: wrap;
        gap: 80px 20px;
    }
    
    .structure_level_1::before {
        display: none;
    }
    
    .structure_branch::before {
        display: none;
    }
    
    .structure_branch {
        max-width: 45%;
    }
}

@media (max-width: 768px) {
    .structure_section {
        padding: 50px 0 60px;
    }
    
    .structure_header {
        margin-bottom: 60px;
    }
    
    .structure_main_title {
        font-size: 42px;
    }
    
    .structure_main_subtitle {
        font-size: 18px;
        letter-spacing: 4px;
    }
    
    .structure_chart::before {
        display: none;
    }
    
    .structure_level_1 {
        flex-direction: column;
        align-items: center;
        gap: 60px;
    }
    
    .structure_branch {
        max-width: 100%;
        width: 100%;
    }
    
    .structure_company {
        max-width: 320px;
        margin: 0 auto;
    }
    
    .structure_level_2 {
        flex-direction: column;
        gap: 40px;
    }
    
    .structure_children_wrapper {
        margin-top: 60px;
    }
    
    .structure_children_wrapper::before {
        height: 60px;
        top: -60px;
    }
}

@media (max-width: 480px) {
    .structure_main_title {
        font-size: 36px;
    }
    
    .structure_main_subtitle {
        font-size: 16px;
        letter-spacing: 3px;
    }
    
    .structure_company {
        padding: 22px 25px;
        max-width: 280px;
    }
    
    .company_name {
        font-size: 14px;
    }
    
    .structure_company_child {
        min-width: 200px;
        padding: 22px 25px;
    }
}

/* ============================================
   STRATEGIC ROADMAP PAGE (Phase I)
   ============================================ */

.strategy_roadmap {
    background: #FAFAFA;
}

/* Main Title */
.strategy_main_title {
    font-size: 46px;
    font-weight: 700;
    color: #151515;
    line-height: 1.15;
    margin: 0 0 40px 0;
    font-family: sans-serif;
}

/* Description Row (Text + Phase Badge side by side) */
.description_row {
    display: flex;
    gap: 60px;
    align-items: flex-start;
    margin-bottom: 80px;
}

.strategy_description {
    flex: 1;
    font-size: 18px;
    color: #666666;
    line-height: 1.7;
}

.strategy_description p {
    margin: 0;
}

.phase_info {
    flex-shrink: 0;
    text-align: right;
    padding-top: 0;
}

.phase_badge {
    font-size: 100px;
    font-weight: 700;
    color: #CEB275;
    font-family: 'BebasNeue', sans-serif;
    letter-spacing: 0.02em;
    line-height: 0.9;
    margin-bottom: 10px;
}

.phase_subtitle {
    font-size: 20px;
    font-weight: 500;
    color: #151515;
    line-height: 1.4;
}

/* Horizontal Accordion (Full Width) */
.accordion_horizontal {
    display: flex;
    gap: 0;
    width: 100%;
    min-height: 450px;
}

/* Accordion Column */
.accordion_column {
    position: relative;
    flex: 0 0 100px;
    transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    overflow: hidden;
    background: #FFFFFF;
    border-left: 1px solid #E5E5E5;
}

.accordion_column:first-child {
    border-left: none;
}

.accordion_column.highlighted {
    background: #CEB275;
}

.accordion_column.highlighted .accordion_tab_title {
    color: #FFFFFF;
}

.accordion_column.active {
    flex: 1 1 auto;
    cursor: default;
}

/* Accordion Tab (Vertical Text - Collapsed State) */
.accordion_tab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 15px;
    transition: opacity 0.3s ease;
}

.accordion_column.active .accordion_tab {
    opacity: 0;
    pointer-events: none;
}

.accordion_tab_title {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 18px;
    font-weight: 600;
    color: #151515;
    letter-spacing: 0.05em;
    text-align: center;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.accordion_column:hover .accordion_tab_title {
    color: #CEB275;
}

.accordion_column.highlighted:hover .accordion_tab_title {
    color: #FFFFFF;
}

/* Accordion Content (Expanded State) */
.accordion_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
    transition: opacity 0.4s ease 0.3s;
}

.accordion_column.active .accordion_content {
    opacity: 1;
    pointer-events: auto;
}

.accordion_content_inner {
    text-align: center;
    max-width: 600px;
}

/* Icon in expanded state */
.accordion_content_icon {
    width: 100px;
    height: 100px;
    background: #CEB275;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px auto;
}

.accordion_column.highlighted .accordion_content_icon {
    background: #FFFFFF;
}

.accordion_column.highlighted .accordion_content_icon svg path,
.accordion_column.highlighted .accordion_content_icon svg circle,
.accordion_column.highlighted .accordion_content_icon svg line,
.accordion_column.highlighted .accordion_content_icon svg ellipse,
.accordion_column.highlighted .accordion_content_icon svg rect {
    stroke: #CEB275;
    fill: #CEB275;
}

.accordion_column.highlighted .accordion_content_icon svg path[fill="none"],
.accordion_column.highlighted .accordion_content_icon svg circle[fill="none"],
.accordion_column.highlighted .accordion_content_icon svg ellipse[fill="none"] {
    fill: none;
}

.accordion_content_icon svg {
    width: 48px;
    height: 48px;
}

/* Text content in expanded state */
.accordion_content_inner h3 {
    font-size: 28px;
    font-weight: 700;
    color: #151515;
    margin: 0 0 20px 0;
    line-height: 1.3;
}

.accordion_column.highlighted .accordion_content_inner h3 {
    color: #FFFFFF;
}

.accordion_content_inner p {
    font-size: 17px;
    color: #666666;
    line-height: 1.8;
    margin: 0;
}

.accordion_column.highlighted .accordion_content_inner p {
    color: rgba(255, 255, 255, 0.95);
}

/* ============================================
   PHASE II SECTION
   ============================================ */

.phase_two_section {
    background: #FFFFFF;
}

/* Header */
.phase_two_header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 60px;
    margin-bottom: 50px;
}

.phase_two_title {
    flex: 1;
}

.phase_two_title h2 {
    font-size: 40px;
    font-weight: 700;
    color: #151515;
    line-height: 1.2;
    margin: 0;
}

.phase_two_badge_wrapper {
    flex-shrink: 0;
    text-align: right;
}

.phase_two_badge {
    font-size: 100px;
    font-weight: 700;
    color: #CEB275;
    font-family: 'BebasNeue', sans-serif;
    letter-spacing: 0.02em;
    line-height: 0.9;
    margin-bottom: 10px;
}

.phase_two_subtitle {
    font-size: 20px;
    font-weight: 500;
    color: #151515;
    line-height: 1.4;
}

/* ISO Table */
.iso_table {
    background: #FFFFFF;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 50px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}

.iso_table_header {
    display: grid;
    grid-template-columns: 200px 350px 1fr;
    gap: 0;
    background: linear-gradient(135deg, #CEB275 0%, #B89A5F 100%);
    padding: 20px 30px;
}

.iso_table_header .iso_col {
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.iso_table_row {
    display: grid;
    grid-template-columns: 200px 350px 1fr;
    gap: 0;
    padding: 20px 30px;
    border-bottom: 1px solid #E5E5E5;
}

.iso_table_row:nth-child(even) {
    background: #F8F8F8;
}

.iso_table_row:last-child {
    border-bottom: none;
}

.iso_col {
    font-size: 15px;
    color: #151515;
    line-height: 1.6;
}

.iso_col_standard {
    font-weight: 700;
}

.iso_col_domain {
    font-weight: 600;
}

.iso_col_purpose {
    color: #666666;
}

/* Programs Grid */
.programs_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.program_card {
    background: #F5F5F5;
    border-radius: 12px;
    padding: 40px 35px;
    transition: all 0.3s ease;
}

.program_card:hover {
    background: #EEEEEE;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.program_number {
    font-size: 72px;
    font-weight: 300;
    color: #CEB275;
    line-height: 1;
    margin-bottom: 25px;
    font-family: sans-serif;
}

.program_title {
    font-size: 22px;
    font-weight: 700;
    color: #151515;
    margin: 0 0 15px 0;
    line-height: 1.3;
}

.program_text {
    font-size: 15px;
    color: #666666;
    line-height: 1.7;
    margin: 0;
}

/* ============================================
   PHASE III SECTION
   ============================================ */

.phase_three_section {
    background: #FAFAFA;
}

/* Phase III Badge at Top */
.phase_three_badge_top {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0;
}

.phase_three_badge {
    font-size: 100px;
    font-weight: 700;
    color: #CEB275;
    font-family: 'BebasNeue', sans-serif;
    letter-spacing: 0.02em;
    line-height: 0.9;
    margin-bottom: 10px;
}

/* Main Wrapper */
.phase_three_main_wrapper {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    margin-bottom: 60px;
}

/* Left Content */
.phase_three_left_content {
    flex: 1;
}

/* Section Title (Need head) - aligned with subtitle */
.phase_three_section_title {
    margin-bottom: 20px;
}

.phase_three_section_title h2 {
    font-size: 40px;
    font-weight: 700;
    color: #151515;
    margin: 0;
    line-height: 1;
}

/* Cards Wrapper */
.phase_three_cards_wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

/* Right Content */
.phase_three_right_content {
    flex-shrink: 0;
    width: 450px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/* Subtitle wrapper - aligned with Need head */
.phase_three_subtitle_wrapper {
    margin-bottom: 40px;
    width: 100%;
}

.phase_three_subtitle {
    font-size: 20px;
    font-weight: 500;
    color: #151515;
    line-height: 1.4;
    text-align: right;
}

.phase_three_card {
    background: #F3EEE4;
    border-radius: 12px;
    padding: 35px 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.phase_three_card:hover {
    background: #EDE8DD;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.phase_three_card_wide {
    grid-column: span 2;
}

.phase_three_card h3 {
    font-size: 20px;
    font-weight: 700;
    color: #151515;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

.phase_three_card p {
    font-size: 15px;
    color: #666666;
    line-height: 1.7;
    margin: 0;
}

.phase_three_image_right {
    width: 100%;
    height: 362px;
    border-radius: 12px;
    overflow: hidden;
}

.phase_three_image_right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Strategic Anchors Title */
.strategic_anchors_title {
    margin-bottom: 40px;
}

.strategic_anchors_title h2 {
    font-size: 40px;
    font-weight: 700;
    color: #151515;
    margin: 0;
}

/* Strategic Anchors Grid */
.strategic_anchors_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.anchor_card {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 35px 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.anchor_card:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.anchor_card_full {
    grid-column: span 2;
    padding: 0;
    overflow: hidden;
}

.anchor_card_with_image {
    width: 100%;
    height: 350px;
}

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

.anchor_card h3 {
    font-size: 20px;
    font-weight: 700;
    color: #151515;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

.anchor_card p {
    font-size: 15px;
    color: #666666;
    line-height: 1.7;
    margin: 0;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 1200px) {
    .strategy_main_title {
        font-size: 40px;
    }
    
    .phase_badge {
        font-size: 90px;
    }
    
    .phase_subtitle {
        font-size: 22px;
    }
    
    .accordion_horizontal {
        min-height: 400px;
    }
    
    .accordion_column {
        flex: 0 0 90px;
    }
    
    .accordion_tab_title {
        font-size: 16px;
    }
    
    .accordion_content {
        padding: 40px;
    }
    
    .accordion_content_icon {
        width: 90px;
        height: 90px;
    }
    
    .accordion_content_icon svg {
        width: 42px;
        height: 42px;
    }
    
    .accordion_content_inner h3 {
        font-size: 24px;
    }
    
    /* Phase II */
    .phase_two_title h2 {
        font-size: 36px;
    }
    
    .phase_two_badge {
        font-size: 90px;
    }
    
    .iso_table_header,
    .iso_table_row {
        grid-template-columns: 180px 300px 1fr;
        padding: 18px 25px;
    }
    
    .programs_grid {
        gap: 25px;
    }
    
    .program_card {
        padding: 35px 30px;
    }
    
    /* Phase III */
    .phase_three_section_title h2 {
        font-size: 36px;
    }
    
    .phase_three_badge {
        font-size: 90px;
    }
    
    .phase_three_right_content {
        width: 400px;
    }
    
    .strategic_anchors_title h2 {
        font-size: 36px;
    }
}

@media (max-width: 992px) {
    .strategy_main_title {
        font-size: 36px;
        margin-bottom: 30px;
    }
    
    .description_row {
        flex-direction: column;
        gap: 30px;
        margin-bottom: 60px;
    }
    
    .phase_info {
        text-align: left;
    }
    
    .phase_badge {
        font-size: 80px;
    }
    
    .phase_subtitle {
        font-size: 20px;
    }
    
    .strategy_description {
        font-size: 17px;
    }
    
    /* Switch to vertical accordion on tablets */
    .accordion_horizontal {
        flex-direction: column;
        min-height: auto;
    }
    
    .accordion_column {
        flex: 0 0 60px;
        border-left: none;
        border-top: 1px solid #E5E5E5;
    }
    
    .accordion_column:first-child {
        border-top: none;
    }
    
    .accordion_column.active {
        flex: 0 0 300px;
    }
    
    .accordion_tab {
        padding: 20px 30px;
    }
    
    .accordion_tab_title {
        writing-mode: horizontal-tb;
        transform: none;
        font-size: 17px;
    }
    
    .accordion_content {
        padding: 30px;
    }
    
    .accordion_content_icon {
        width: 80px;
        height: 80px;
    }
    
    .accordion_content_icon svg {
        width: 38px;
        height: 38px;
    }
    
    .accordion_content_inner h3 {
        font-size: 22px;
    }
    
    .accordion_content_inner p {
        font-size: 16px;
    }
    
    /* Phase II */
    .phase_two_header {
        flex-direction: column;
        gap: 30px;
        margin-bottom: 40px;
    }
    
    .phase_two_badge_wrapper {
        text-align: left;
    }
    
    .phase_two_title h2 {
        font-size: 32px;
    }
    
    .phase_two_badge {
        font-size: 80px;
    }
    
    .phase_two_subtitle {
        font-size: 18px;
    }
    
    .iso_table_header,
    .iso_table_row {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 20px;
    }
    
    .iso_table_header {
        display: none;
    }
    
    .iso_table_row {
        display: flex;
        flex-direction: column;
    }
    
    .iso_col_standard {
        font-size: 18px;
        margin-bottom: 8px;
    }
    
    .iso_col_domain {
        font-size: 16px;
        margin-bottom: 5px;
    }
    
    .programs_grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .program_number {
        font-size: 60px;
    }
    
    .program_title {
        font-size: 20px;
    }
    
    /* Phase III */
    .phase_three_badge_top {
        justify-content: flex-start;
    }
    
    .phase_three_badge {
        font-size: 80px;
    }
    
    .phase_three_main_wrapper {
        flex-direction: column;
        gap: 40px;
    }
    
    .phase_three_right_content {
        width: 100%;
    }
    
    .phase_three_subtitle_wrapper {
        margin-bottom: 30px;
    }
    
    .phase_three_subtitle {
        text-align: left;
        font-size: 18px;
    }
    
    .phase_three_section_title h2 {
        font-size: 32px;
    }
    
    .phase_three_image_right {
        height: 300px;
    }
    
    .strategic_anchors_title h2 {
        font-size: 32px;
        margin-bottom: 30px;
    }
    
    .strategic_anchors_grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .anchor_card_full {
        grid-column: span 1;
    }
}

@media (max-width: 768px) {
    .strategy_main_title {
        font-size: 32px;
    }
    
    .phase_badge {
        font-size: 70px;
    }
    
    .phase_subtitle {
        font-size: 18px;
    }
    
    .strategy_description {
        font-size: 16px;
    }
    
    .accordion_column.active {
        flex: 0 0 280px;
    }
    
    .accordion_tab_title {
        font-size: 16px;
    }
    
    .accordion_content_inner h3 {
        font-size: 20px;
    }
    
    /* Phase II */
    .phase_two_title h2 {
        font-size: 28px;
    }
    
    .phase_two_badge {
        font-size: 70px;
    }
    
    /* Phase III */
    .phase_three_badge {
        font-size: 70px;
    }
    
    .phase_three_section_title h2 {
        font-size: 28px;
    }
    
    .phase_three_cards_wrapper {
        grid-template-columns: 1fr;
    }
    
    .phase_three_card_wide {
        grid-column: span 1;
    }
    
    .strategic_anchors_title h2 {
        font-size: 28px;
    }
}

@media (max-width: 480px) {
    .strategy_main_title {
        font-size: 28px;
        margin-bottom: 25px;
    }
    
    .description_row {
        margin-bottom: 50px;
    }
    
    .phase_badge {
        font-size: 55px;
    }
    
    .phase_subtitle {
        font-size: 16px;
    }
    
    .strategy_description {
        font-size: 15px;
    }
    
    .accordion_column {
        flex: 0 0 55px;
    }
    
    .accordion_column.active {
        flex: 0 0 260px;
    }
    
    .accordion_tab {
        padding: 18px 20px;
    }
    
    .accordion_tab_title {
        font-size: 15px;
    }
    
    .accordion_content {
        padding: 25px 20px;
    }
    
    .accordion_content_icon {
        width: 70px;
        height: 70px;
    }
    
    .accordion_content_icon svg {
        width: 34px;
        height: 34px;
    }
    
    .accordion_content_inner h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    .accordion_content_inner p {
        font-size: 15px;
    }
    
    /* Phase II */
    .phase_two_title h2 {
        font-size: 24px;
    }
    
    .phase_two_badge {
        font-size: 55px;
    }
    
    .phase_two_subtitle {
        font-size: 16px;
    }
    
    .program_card {
        padding: 30px 25px;
    }
    
    .program_number {
        font-size: 50px;
        margin-bottom: 20px;
    }
    
    .program_title {
        font-size: 18px;
    }
    
    .program_text {
        font-size: 14px;
    }
    
    /* Phase III */
    .phase_three_badge {
        font-size: 55px;
    }
    
    .phase_three_section_title h2 {
        font-size: 24px;
    }
    
    .phase_three_subtitle {
        font-size: 16px;
    }
    
    .phase_three_card {
        padding: 30px 25px;
    }
    
    .phase_three_card h3 {
        font-size: 18px;
    }
    
    .phase_three_card p {
        font-size: 14px;
    }
    
    .phase_three_image_right {
        height: 250px;
    }
    
    .strategic_anchors_title h2 {
        font-size: 24px;
    }
    
    .anchor_card {
        padding: 30px 25px;
    }
    
    .anchor_card h3 {
        font-size: 18px;
    }
    
    .anchor_card p {
        font-size: 14px;
    }
    
    .anchor_card_with_image {
        height: 250px;
    }
}

/* ========================================
   Corporate Governance Page Styles
   ======================================== */

/* Hero Section */
.governance_hero {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    position: relative;
    overflow: hidden;
}

.governance_hero_content {
    text-align: center;
    margin-bottom: 40px;
}

.governance_main_title {
    font-size: 56px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
    line-height: 1.2;
}

.governance_subtitle {
    font-size: 24px;
    font-weight: 300;
    color: #C5A572;
    margin-bottom: 30px;
}

.governance_intro {
    max-width: 900px;
    margin: 0 auto;
    font-size: 19px;
    line-height: 1.8;
    color: #333;
}

/* Governance Architecture Section */
.governance_architecture {
    background: #fff;
}

.section_header {
    text-align: center;
    margin-bottom: 60px;
}

.section_header h2 {
    font-size: 42px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
}

.section_header p {
    font-size: 19px;
    color: #666;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Governance Cards Grid */
.governance_cards_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 50px;
}

.governance_card {
    background: #fff;
    border: 2px solid #f0f0f0;
    border-radius: 20px;
    padding: 40px;
    transition: all 0.3s ease;
    position: relative;
}

.governance_card:hover {
    border-color: #C5A572;
    box-shadow: 0 10px 40px rgba(197, 165, 114, 0.15);
    transform: translateY(-5px);
}

.governance_card_icon {
    margin-bottom: 25px;
    display: inline-block;
}

.governance_card h3 {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
}

.governance_card p {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
    margin-bottom: 15px;
}

.governance_card_footer {
    display: flex;
    gap: 10px;
    margin-top: 25px;
}

.governance_card_footer .badge {
    background: #f8f9fa;
    color: #C5A572;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
}

/* Policies Section */
.governance_policies {
    background: #f8f9fa;
}

.policies_header {
    text-align: center;
    margin-bottom: 50px;
}

.policies_header h2 {
    font-size: 42px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
}

.policies_header p {
    font-size: 19px;
    color: #666;
}

.policies_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.policy_link_card {
    background: #fff;
    border: 2px solid #f0f0f0;
    border-radius: 15px;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.policy_link_card:hover {
    border-color: #C5A572;
    background: linear-gradient(135deg, #ffffff 0%, #fcf9f4 100%);
    box-shadow: 0 8px 30px rgba(197, 165, 114, 0.15);
    transform: translateX(10px);
}

.policy_icon {
    flex-shrink: 0;
}

.policy_link_card h4 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 0;
    transition: color 0.3s ease;
}

.policy_link_card:hover h4 {
    color: #C5A572;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .governance_main_title {
        font-size: 42px;
    }
    
    .governance_subtitle {
        font-size: 20px;
    }
    
    .section_header h2, .policies_header h2 {
        font-size: 36px;
    }
}

@media (max-width: 768px) {
    .governance_main_title {
        font-size: 36px;
    }
    
    .governance_subtitle {
        font-size: 18px;
    }
    
    .governance_cards_grid {
        grid-template-columns: 1fr;
    }
    
    .policies_grid {
        grid-template-columns: 1fr;
    }
    
    .section_header h2, .policies_header h2 {
        font-size: 30px;
    }
    
    .governance_card {
        padding: 25px;
    }
    
    .governance_card h3 {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .governance_main_title {
        font-size: 28px;
    }
    
    .governance_subtitle {
        font-size: 16px;
    }
    
    .section_header h2, .policies_header h2 {
        font-size: 24px;
    }
    
    .governance_intro, .section_header p, .policies_header p {
        font-size: 16px;
    }
    
    .policy_link_card {
        flex-direction: column;
        text-align: center;
    }
}


/* ============================================
   FINANCIAL REPORTING PAGE STYLES
   ============================================ */

/* Hero Section */
.financial_hero {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-bottom: 1px solid #e9ecef;
}

.financial_main_title {
    font-size: 48px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 30px;
    line-height: 1.2;
    text-align: center;
}

.financial_description {
    max-width: 900px;
    margin: 0 auto;
}

.financial_description p {
    font-size: 18px;
    line-height: 1.8;
    color: #495057;
    margin-bottom: 20px;
}

.financial_description p:last-child {
    margin-bottom: 0;
}

/* Reports Section */
.financial_reports {
    background: #ffffff;
}

.reports_header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 60px;
}

.reports_header h2 {
    font-size: 36px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 20px;
}

.reports_header p {
    font-size: 18px;
    line-height: 1.7;
    color: #6c757d;
}

/* Reports Table */
.reports_table_wrapper {
    overflow: hidden;
    margin: 0 auto 40px;
    max-width: 1000px;
    background: #ffffff;
    border-radius: 12px;
    padding: 0;
    box-shadow: 0 8px 30px rgba(0,0,0,0.15), 0 2px 8px rgba(0,0,0,0.08);
}

.reports_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    border: 1px solid #e9ecef;
}

.reports_table thead {
    background: linear-gradient(135deg, #C5A572 0%, #b8985f 100%);
}

.reports_table thead th {
    padding: 20px 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.reports_table thead th:last-child {
    border-right: none;
}

.reports_table tbody tr {
    border-bottom: 1px solid #e9ecef;
    transition: all 0.3s ease;
}

.reports_table tbody tr:first-child td {
    border-top: 2px solid #e9ecef;
}

.reports_table tbody tr:last-child {
    border-bottom: none;
}

.reports_table tbody tr:hover {
    background: #f8f9fa;
}

.reports_table tbody td {
    padding: 25px 30px;
    font-size: 16px;
    color: #495057;
    border-right: 1px solid #e9ecef;
}

.reports_table tbody td:last-child {
    border-right: none;
}

.period_cell {
    font-weight: 600;
    color: #1a1a1a;
    text-align: center;
}

.format_cell {
    color: #6c757d;
    font-weight: 500;
    text-align: center;
}

.action_cell {
    text-align: center;
}

.view_summary_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #C5A572;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(197, 165, 114, 0.3);
}

.view_summary_btn:hover {
    background: #b8985f;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(197, 165, 114, 0.4);
}

.view_summary_btn svg {
    transition: transform 0.3s ease;
}

.view_summary_btn:hover svg {
    transform: translateX(3px);
}

/* Footer Note */
.reports_footer_note {
    max-width: 900px;
    margin: 0 auto;
    padding: 25px 30px;
    background: #f8f9fa;
    border-left: 4px solid #C5A572;
    border-radius: 8px;
}

.reports_footer_note p {
    margin: 0;
    font-size: 17px;
    line-height: 1.7;
    color: #6c757d;
    font-style: italic;
}

/* Modal Styles */
.financial_modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.financial_modal.active {
    opacity: 1;
    visibility: visible;
}

.modal_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    cursor: pointer;
}

.modal_content {
    position: relative;
    max-width: 800px;
    width: 90%;
    max-height: 85vh;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    overflow-y: auto;
    transform: scale(0.9);
    transition: transform 0.3s ease;
    z-index: 1;
}

.financial_modal.active .modal_content {
    transform: scale(1);
}

.modal_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
}

.modal_close:hover {
    background: #e9ecef;
    transform: rotate(90deg);
}

.modal_close svg {
    color: #495057;
}

.modal_header {
    padding: 40px 40px 30px;
    border-bottom: 2px solid #e9ecef;
}

.modal_header h3 {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
    padding-right: 40px;
    line-height: 1.3;
}

.modal_body {
    padding: 40px;
}

.modal_intro {
    font-size: 17px;
    line-height: 1.8;
    color: #495057;
    margin-bottom: 30px;
}

.modal_highlights {
    list-style: none;
    padding: 0;
    margin: 0 0 35px 0;
}

.modal_highlights li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.7;
    color: #495057;
}

.modal_highlights li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    background: #C5A572;
    border-radius: 50%;
}

.modal_highlights li:last-child {
    margin-bottom: 0;
}

.modal_action {
    padding-top: 30px;
    border-top: 1px solid #e9ecef;
}

.modal_link_btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    background: #C5A572;
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(197, 165, 114, 0.3);
}

.modal_link_btn:hover {
    background: #b8985f;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(197, 165, 114, 0.4);
}

/* Responsive Styles */
@media (max-width: 991px) {
    .financial_main_title {
        font-size: 36px;
    }
    
    .reports_header h2 {
        font-size: 30px;
    }
    
    .modal_content {
        width: 95%;
    }
    
    .modal_header h3 {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .financial_main_title {
        font-size: 32px;
    }
    
    .financial_description p {
        font-size: 16px;
    }
    
    .reports_table thead {
        display: none;
    }
    
    .reports_table tbody tr {
        display: block;
        margin-bottom: 20px;
        border: 1px solid #e9ecef;
        border-radius: 8px;
        overflow: hidden;
    }
    
    
    .reports_table tbody td {
        display: block;
        text-align: left;
        padding: 15px 20px;
        border-bottom: 1px solid #e9ecef;
    }
    
    .reports_table tbody td:last-child {
        border-bottom: none;
    }
    
    .reports_table tbody td:before {
        content: attr(data-label);
        display: block;
        font-weight: 600;
        font-size: 12px;
        text-transform: uppercase;
        color: #6c757d;
        margin-bottom: 5px;
        letter-spacing: 0.5px;
    }
    
    .action_cell {
        text-align: left;
    }
    
    .modal_header,
    .modal_body {
        padding: 30px 25px;
    }
    
    .modal_header h3 {
        font-size: 22px;
        padding-right: 30px;
    }
}


/* ============================================
   OUR MISSION SECTION STYLES
   ============================================ */

.mission_box {
    position: relative;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 50%, #f8f9fa 100%);
    border-radius: 25px;
    padding: 80px 90px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    border: 1px solid #e9ecef;
}

.mission_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #C5A572 0%, #b8985f 50%, #C5A572 100%);
}

.mission_box:after {
    content: "";
    position: absolute;
    top: 30px;
    right: 30px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(197,165,114,0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.mission_icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #C5A572 0%, #b8985f 100%);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 40px;
    box-shadow: 0 8px 20px rgba(197, 165, 114, 0.3);
    position: relative;
    z-index: 2;
}

.mission_icon svg {
    width: 40px;
    height: 40px;
    color: #ffffff;
}

.mission_box .title {
    position: relative;
    z-index: 2;
    font-size: 42px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 50px;
    text-align: center;
}

.mission_box .title:after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #C5A572 0%, #b8985f 100%);
    margin: 25px auto 0;
    border-radius: 2px;
}

.mission_content {
    position: relative;
    z-index: 2;
    max-width: 1000px;
    margin: 0 auto;
}

.mission_paragraph {
    background: #ffffff;
    border-radius: 15px;
    padding: 35px 40px;
    margin-bottom: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border-left: 4px solid #C5A572;
    transition: all 0.3s ease;
    position: relative;
}

.mission_paragraph:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    border-left-color: #b8985f;
}

.mission_paragraph:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 0;
    background: linear-gradient(180deg, #C5A572 0%, #b8985f 100%);
    transition: height 0.3s ease;
}

.mission_paragraph:hover:before {
    height: 100%;
}

.mission_paragraph p {
    margin: 0;
    font-size: 17px;
    line-height: 1.8;
    color: #495057;
    font-weight: 400;
}

.mission_paragraph:last-child {
    margin-bottom: 0;
}

.mission_highlight {
    background: linear-gradient(135deg, #C5A572 0%, #b8985f 100%);
    color: #ffffff;
    padding: 40px;
    border-radius: 15px;
    margin-top: 40px;
    text-align: center;
    box-shadow: 0 8px 25px rgba(197, 165, 114, 0.3);
}

.mission_highlight p {
    margin: 0;
    font-size: 18px;
    line-height: 1.8;
    color: #ffffff;
    font-weight: 500;
}

.mission_highlight strong {
    font-weight: 700;
    color: #ffffff;
}

/* Quote Style Alternative */
.mission_quote {
    position: relative;
    padding-left: 60px;
    font-size: 20px;
    line-height: 1.8;
    color: #495057;
    font-style: italic;
}

.mission_quote:before {
    content: "\201C";
    position: absolute;
    left: 0;
    top: -10px;
    font-size: 80px;
    line-height: 1;
    color: #C5A572;
    font-family: Georgia, serif;
    opacity: 0.3;
}

/* Responsive */
@media (max-width: 991px) {
    .mission_box {
        padding: 60px 50px;
    }
    
    .mission_box .title {
        font-size: 36px;
    }
    
    .mission_paragraph {
        padding: 30px 30px;
    }
}

@media (max-width: 767px) {
    .mission_box {
        padding: 40px 30px;
    }
    
    .mission_box:after {
        width: 150px;
        height: 150px;
        top: 20px;
        right: 20px;
    }
    
    .mission_icon {
        width: 60px;
        height: 60px;
        margin-bottom: 30px;
    }
    
    .mission_icon svg {
        width: 30px;
        height: 30px;
    }
    
    .mission_box .title {
        font-size: 28px;
        margin-bottom: 35px;
    }
    
    .mission_box .title:after {
        width: 60px;
        height: 3px;
        margin-top: 20px;
    }
    
    .mission_paragraph {
        padding: 25px 20px;
        margin-bottom: 20px;
    }
    
    .mission_paragraph p {
        font-size: 16px;
    }
    
    .mission_highlight {
        padding: 30px 25px;
        margin-top: 30px;
    }
    
    .mission_highlight p {
        font-size: 16px;
    }
    
    .mission_quote {
        padding-left: 40px;
        font-size: 18px;
    }
    
    .mission_quote:before {
        font-size: 60px;
    }
}


/* ============================================
   OUR MISSION SECTION V2 - MINIMALIST STYLE
   ============================================ */

.mission_section_v2 {
    position: relative;
    background: linear-gradient(to bottom, #ffffff 0%, #fafafa 100%);
    padding: 100px 0 150px;
    position: relative;
}

.mission_section_v2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, transparent 0%, #C5A572 20%, #C5A572 80%, transparent 100%);
    opacity: 0.3;
}

.mission_header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin-bottom: 80px;
}

.mission_line {
    flex: 1;
    height: 2px;
    background: linear-gradient(to right, transparent 0%, #C5A572 50%, transparent 100%);
    max-width: 200px;
}

.mission_title_v2 {
    font-size: 48px;
    font-weight: 300;
    color: #1a1a1a;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0;
    white-space: nowrap;
    position: relative;
}

.mission_title_v2:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 2px;
    background: #C5A572;
}

.mission_text_v2 {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.mission_text_v2 p {
    font-size: 20px;
    line-height: 2;
    color: #2c3e50;
    font-weight: 300;
    margin-bottom: 40px;
    text-align: justify;
    position: relative;
    padding-left: 40px;
}

.mission_text_v2 p:before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 20px;
    height: 2px;
    background: #C5A572;
}

.mission_text_v2 p:first-letter {
    font-size: 72px;
    line-height: 1;
    float: left;
    margin: 0 15px 0 0;
    color: #C5A572;
    font-weight: 700;
}

.mission_text_v2 p:last-child {
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 991px) {
    .mission_section_v2 {
        padding: 80px 0 130px;
    }
    
    .mission_header {
        gap: 30px;
        margin-bottom: 60px;
    }
    
    .mission_line {
        max-width: 150px;
    }
    
    .mission_title_v2 {
        font-size: 38px;
    }
    
    .mission_text_v2 p {
        font-size: 18px;
        line-height: 1.9;
        margin-bottom: 35px;
    }
    
    .mission_text_v2 p:first-letter {
        font-size: 60px;
    }
}

@media (max-width: 767px) {
    .mission_section_v2 {
        padding: 60px 0 110px;
    }
    
    .mission_header {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 50px;
    }
    
    .mission_line {
        width: 100px;
        max-width: 100px;
    }
    
    .mission_title_v2 {
        font-size: 28px;
        letter-spacing: 1px;
        white-space: normal;
        text-align: center;
    }
    
    .mission_text_v2 p {
        font-size: 17px;
        line-height: 1.8;
        margin-bottom: 30px;
        padding-left: 30px;
        text-align: left;
    }
    
    .mission_text_v2 p:before {
        width: 15px;
        top: 10px;
    }
    
    .mission_text_v2 p:first-letter {
        font-size: 48px;
        margin-right: 10px;
    }
}


/* ============================================
   OUR MISSION SECTION V3 - MODERN GOLD ACCENT
   ============================================ */

.mission_section_v3 {
    position: relative;
    padding-bottom: 100px;
}

.mission_gold_block {
    background: linear-gradient(135deg, #C5A572 0%, #d4b583 50%, #C5A572 100%);
    padding: 60px 80px;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: -30px;
    z-index: 2;
    box-shadow: 0 20px 60px rgba(197, 165, 114, 0.4);
}

.mission_gold_block:before {
    content: "";
    position: absolute;
    top: -50%;
    right: -10%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
    border-radius: 50%;
}

.mission_gold_block:after {
    content: "";
    position: absolute;
    bottom: -30%;
    left: -5%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(0,0,0,0.05) 0%, transparent 70%);
    border-radius: 50%;
}

.mission_label {
    font-size: 56px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 1.2;
    position: relative;
    z-index: 2;
}

.mission_content_v3 {
    background: #ffffff;
    padding: 80px 80px 60px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    position: relative;
    z-index: 1;
    border-radius: 0 0 8px 8px;
}

.mission_content_v3 p {
    font-size: 18px;
    line-height: 1.9;
    color: #2c3e50;
    margin-bottom: 30px;
    position: relative;
    padding-left: 0;
}

.mission_content_v3 p:last-child {
    margin-bottom: 0;
}

/* Decorative quote marks */
.mission_content_v3 p:first-child:before {
    content: "\201C";
    position: absolute;
    left: -40px;
    top: -20px;
    font-size: 120px;
    line-height: 1;
    color: #C5A572;
    font-family: Georgia, serif;
    opacity: 0.15;
}

/* Responsive */
@media (max-width: 991px) {
    .mission_gold_block {
        padding: 50px 60px;
    }
    
    .mission_label {
        font-size: 42px;
        letter-spacing: 2px;
    }
    
    .mission_content_v3 {
        padding: 60px 60px 50px;
    }
    
    .mission_content_v3 p {
        font-size: 17px;
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {
    .mission_gold_block {
        padding: 40px 30px;
        margin-bottom: -20px;
    }
    
    .mission_gold_block:before,
    .mission_gold_block:after {
        display: none;
    }
    
    .mission_label {
        font-size: 32px;
        letter-spacing: 1px;
    }
    
    .mission_content_v3 {
        padding: 50px 30px 40px;
    }
    
    .mission_content_v3 p {
        font-size: 16px;
        line-height: 1.8;
        margin-bottom: 20px;
    }
    
    .mission_content_v3 p:first-child:before {
        left: -20px;
        top: -15px;
        font-size: 80px;
    }
}


/* ============================================
   OUR MISSION SECTION V4 - THREE BLOCKS WITH ICONS
   ============================================ */

.mission_section_v4 {
    position: relative;
    padding-bottom: 0;
}

/* Title Section */
.mission_title_v4 {
    text-align: center;
    margin-bottom: 70px;
    position: relative;
}

.mission_title_v4 h2 {
    font-size: 52px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}

.mission_title_v4 h2:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, transparent 0%, #C5A572 50%, transparent 100%);
    border-radius: 2px;
}

.mission_subtitle {
    font-size: 18px;
    color: #6c757d;
    font-weight: 400;
    letter-spacing: 0.5px;
    margin-top: 25px;
}

/* Mission Blocks Grid */
.mission_blocks_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 40px;
    margin-bottom: 60px;
}

/* Individual Mission Block */
.mission_block {
    background: #ffffff;
    border-radius: 16px;
    padding: 45px 33px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.06);
    border: 1px solid #f0f0f0;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.mission_block:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #C5A572 0%, #d4b583 100%);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.mission_block:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 45px rgba(197, 165, 114, 0.2);
    border-color: #C5A572;
}

.mission_block:hover:before {
    transform: scaleX(1);
}

/* Icon Container */
.mission_block_icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    position: relative;
    transition: all 0.4s ease;
}

.mission_block_icon svg {
    width: 50px;
    height: 50px;
    color: #C5A572;
    transition: all 0.4s ease;
}

.mission_block:hover .mission_block_icon {
    background: linear-gradient(135deg, #C5A572 0%, #d4b583 100%);
    transform: scale(1.05);
}

.mission_block:hover .mission_block_icon svg {
    color: #ffffff;
    transform: scale(1.1);
}

/* Block Title */
.mission_block_title {
    font-size: 26px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 18px;
    line-height: 1.3;
}

/* Block Text */
.mission_block_text {
    font-size: 16px;
    line-height: 1.8;
    color: #495057;
    margin-bottom: 25px;
}

/* Highlights/Badges */
.mission_block_highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 25px;
}

.highlight_badge {
    display: inline-block;
    padding: 8px 16px;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border: 1px solid #e9ecef;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 500;
    color: #495057;
    transition: all 0.3s ease;
}

.mission_block:hover .highlight_badge {
    background: linear-gradient(135deg, #C5A572 0%, #d4b583 100%);
    border-color: #C5A572;
    color: #ffffff;
    transform: translateY(-2px);
}

/* Responsive Styles */
@media (max-width: 991px) {
    .mission_title_v4 h2 {
        font-size: 42px;
    }
    
    .mission_subtitle {
        font-size: 17px;
    }
    
    .mission_blocks_grid {
        gap: 30px;
        grid-template-columns: 1fr;
    }
    
    .mission_block {
        padding: 40px 28px;
    }
    
    .mission_block_icon {
        width: 70px;
        height: 70px;
    }
    
    .mission_block_icon svg {
        width: 45px;
        height: 45px;
    }
    
    .mission_block_title {
        font-size: 24px;
    }
    
    .mission_block_text {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .mission_title_v4 {
        margin-bottom: 50px;
    }
    
    .mission_title_v4 h2 {
        font-size: 32px;
    }
    
    .mission_subtitle {
        font-size: 16px;
        margin-top: 20px;
    }
    
    .mission_blocks_grid {
        gap: 25px;
    }
    
    .mission_block {
        padding: 35px 23px;
    }
    
    .mission_block_icon {
        width: 65px;
        height: 65px;
    }
    
    .mission_block_icon svg {
        width: 40px;
        height: 40px;
    }
    
    .mission_block_title {
        font-size: 22px;
        margin-bottom: 15px;
    }
    
    .mission_block_text {
        font-size: 15px;
        line-height: 1.7;
        margin-bottom: 20px;
    }
    
    .mission_block_highlights {
        gap: 8px;
        margin-top: 20px;
    }
    
    .highlight_badge {
        padding: 6px 14px;
        font-size: 11px;
    }
}


/* Remove top padding for block after mission */
#block2 {
    padding-top: 0 !important;
}


/* ============================================
   ENGINEERING & ADVISORY SECTION - NUMBERED TIMELINE STYLE
   ============================================ */

.engineering_section {
    position: relative;
    background: transparent;
    padding: 40px 0 0;
}

/* Title Section */
.engineering_title_header {
    text-align: left;
    margin-bottom: 80px;
    position: relative;
    padding-left: 120px;
}

.engineering_title_header h2 {
    font-size: 56px;
    font-weight: 300;
    color: #1a1a1a;
    margin-bottom: 0;
    position: relative;
    letter-spacing: -1px;
}

.engineering_title_header h2:before {
    content: "";
    position: absolute;
    left: -120px;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    height: 2px;
    background: linear-gradient(90deg, #C5A572 0%, transparent 100%);
}

.engineering_subtitle {
    font-size: 18px;
    color: #6c757d;
    font-weight: 400;
    margin-top: 15px;
}

/* Engineering Blocks - Numbered Timeline */
.engineering_blocks_grid {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

/* Individual Engineering Block - Horizontal Layout */
.engineering_block {
    display: flex;
    gap: 50px;
    align-items: flex-start;
    position: relative;
    background: #ffffff;
    padding: 50px;
    border-radius: 0;
    border-left: 4px solid #e9ecef;
    transition: all 0.4s ease;
}

.engineering_block:hover {
    border-left-color: #C5A572;
    box-shadow: 0 10px 40px rgba(197, 165, 114, 0.15);
}

/* Large Number */
.engineering_block_number {
    font-size: 120px;
    font-weight: 700;
    color: #f8f9fa;
    line-height: 1;
    min-width: 140px;
    text-align: center;
    position: relative;
    transition: all 0.4s ease;
}

.engineering_block:hover .engineering_block_number {
    color: #C5A572;
    transform: scale(1.05);
}

/* Content Area */
.engineering_block_content {
    flex: 1;
    position: relative;
}

/* Icon - Small in Corner */
.engineering_block_icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    opacity: 0.7;
}

.engineering_block_icon svg {
    width: 35px;
    height: 35px;
    color: #6c757d;
    transition: all 0.4s ease;
}

.engineering_block:hover .engineering_block_icon {
    background: linear-gradient(135deg, #C5A572 0%, #d4b583 100%);
    opacity: 1;
    transform: rotate(5deg) scale(1.05);
}

.engineering_block:hover .engineering_block_icon svg {
    color: #ffffff;
}

/* Block Title */
.engineering_block_title {
    font-size: 32px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 25px;
    line-height: 1.2;
    padding-right: 80px;
}

/* Block Text */
.engineering_block_text {
    margin-bottom: 30px;
    font-size: 17px;
    line-height: 1.9;
    color: #495057;
}

.engineering_block_text p {
    font-size: 17px;
    line-height: 1.9;
    color: #495057;
    margin-bottom: 20px;
}

.engineering_block_text p:last-child {
    margin-bottom: 0;
}

/* Add spacing after line breaks created by nl2br */
.engineering_block_text br + br {
    display: block;
    content: "";
    margin-top: 20px;
}

/* Highlights/Badges - Inline Style */
.engineering_block_highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.engineering_block .highlight_badge {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    background: #fafafa;
    border: 1px solid #e9ecef;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 500;
    color: #495057;
    transition: all 0.3s ease;
}

.engineering_block .highlight_badge:before {
    content: "→";
    margin-right: 8px;
    color: #C5A572;
    font-weight: 700;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease;
}

.engineering_block:hover .highlight_badge {
    background: #ffffff;
    border-color: #C5A572;
    color: #1a1a1a;
    transform: translateX(5px);
}

.engineering_block:hover .highlight_badge:before {
    opacity: 1;
    transform: translateX(0);
}

/* Responsive Styles */
@media (max-width: 991px) {
    .engineering_title_header {
        padding-left: 80px;
    }
    
    .engineering_title_header h2 {
        font-size: 42px;
    }
    
    .engineering_title_header h2:before {
        left: -80px;
        width: 60px;
    }
    
    .engineering_block {
        gap: 40px;
        padding: 40px;
    }
    
    .engineering_block_number {
        font-size: 90px;
        min-width: 110px;
    }
    
    .engineering_block_icon {
        width: 50px;
        height: 50px;
    }
    
    .engineering_block_icon svg {
        width: 30px;
        height: 30px;
    }
    
    .engineering_block_title {
        font-size: 28px;
        padding-right: 60px;
    }
    
    .engineering_block_text p {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .engineering_title_header {
        padding-left: 0;
        text-align: center;
    }
    
    .engineering_title_header h2 {
        font-size: 32px;
    }
    
    .engineering_title_header h2:before {
        display: none;
    }
    
    .engineering_blocks_grid {
        gap: 40px;
    }
    
    .engineering_block {
        flex-direction: column;
        gap: 25px;
        padding: 30px 25px;
    }
    
    .engineering_block_number {
        font-size: 70px;
        min-width: auto;
        text-align: left;
    }
    
    .engineering_block_icon {
        position: static;
        width: 50px;
        height: 50px;
        margin-bottom: 15px;
    }
    
    .engineering_block_title {
        font-size: 24px;
        padding-right: 0;
        margin-bottom: 20px;
    }
    
    .engineering_block_text p {
        font-size: 15px;
        line-height: 1.8;
        margin-bottom: 15px;
    }
    
    .engineering_block_highlights {
        gap: 10px;
        margin-top: 20px;
    }
    
    .engineering_block .highlight_badge {
        padding: 8px 16px;
        font-size: 13px;
    }
    
    .engineering_block:hover .highlight_badge {
        transform: translateX(0);
    }
}