.brandingGuid_banner_section{padding:200px 0 160px 0; background-position:bottom; position:relative; overflow:hidden; background:#000d23; color:#fff;}
.brandingGuid_banner_section::before{content:""; position:absolute; background-image:url(../img/brandGuidBannerIcon.png); width:470px; height:300px; right:0; top:50%; background-repeat:no-repeat; transform:translate(-50%,-50%); background-size:cover;}
.brandingGuid_banner_section h1{font-size:42px; font-weight:500; font-family:"HelveticaNeueMedium"; line-height:45px; margin-bottom:15px;}
.brandingGuid_banner_section p{font-size:19px; line-height:140%;}
.search-bar{display:flex; align-items:center; background-color:#0f1a2b; margin-top:20px; border-radius:6px; padding:15px 20px; width:100%; box-shadow:inset 0 0 5px rgba(255,255,255,0.05); transition:all 0.2s ease-in-out;}
.search-bar svg{margin-right:7px; flex-shrink:0;}
.search-bar input{border:none; background:transparent; color:#fff; width:100%; font-size:16px; outline:none;}
.search-bar input::placeholder{color:#7b8593;}
.search-bar:focus-within{box-shadow:0 0 0 2px #fff;}
.guideline-tabs{padding:60px 10%; display:flex; justify-content:center;}
.tabs-container{display:flex; gap:50px; width:100%; max-width:1300px;}
.tabs-menu{display:flex; flex-direction:column; min-width:250px; position:sticky; top:100px; height:fit-content;}
.tab-btn{text-align:left; padding:12px 14px; margin-bottom:8px; font-size:14px; line-height:14px; text-transform:uppercase; background:none; border:none; border-radius:6px; cursor:pointer; transition:all 0.3s ease; color:#001334; font-weight:500;}
.tab-btn:hover{background:#000d23; color:#fff;}
.tab-btn.guideActive{background:#000d23; color:#fff; font-weight:600;}
.tabs-content{flex:1; padding-left:20px; position:relative;}
.tab-item{display:none; opacity:0; transform:translateY(15px); transition:all 0.4s ease;}
.tab-item.guideActive{display:block; opacity:1; transform:translateY(0);}
.tab-navigation{display:flex; justify-content:space-between; align-items:center; border-top:1px solid #ddd; margin-top:80px; padding-top:60px; gap:20px;}
.tab-navigation button{background:#f1f2f4; flex:1; border:none; padding:12px; font-size:16px; cursor:pointer; color:#001334; font-family:"HelveticaNeueMedium";}
.tab-navigation button:disabled{color:#ccc; cursor:not-allowed;}
.bgGrayHighText{background:#f1f2f4; padding:12px 18px; border-radius:6px;}
.bgGrayHighText h4{color:#001334; font-size:16px; font-weight:500; line-height:140%; margin-bottom:0; text-transform:initial;}
.bgBlueText{background:#264cad; display:flex; justify-content:center; align-items:center; padding:10% 0; border-radius:6px; margin-top:20px; margin-bottom:40px;}
.bgBlueText h2{font-family:"HelveticaNeueMedium"; font-weight:900; color:#fff; font-size:36px; line-height:100%; letter-spacing:0; text-align:center; vertical-align:middle; text-transform:uppercase;}
.tabContentMain h5{margin-top:40px; font-weight:500; font-size:13px; color:#001334; line-height:140%; text-transform:uppercase;}
.tabContentMain h3{font-weight:700; font-size:18px; line-height:140%; color:#e94e1b; margin:5px 0 10px 0;}
.tabContentMain p{font-weight:500; font-size:16px; line-height:140%; color:#001334;}
.tabContentMain ul{margin-top:30px;}
.tabContentMain ul li{display:flex; gap:50px; margin:20px 0 40px;}
.tabContentMain ul li h4{min-width:300px; font-weight:700; font-size:18px; line-height:140%; color:#001334;}
.tabContentMain img{max-width:100%; height:auto;}
.id-scroll-fix-special {position: relative;top: -70px;}
.tabs-menu ul {padding-left: 20px;margin-bottom: 12px;}
.tabs-menu ul li a {color: #000 !important;font-size: 15px;line-height: 24px;margin-bottom: 10px;transition: all 0.3s ease;}
.tabs-menu ul li a:hover {color: #e94e1b !important;font-weight: 600;}


/* Media Queries  */

@media (max-width:1200px){
 
    .brandingGuid_banner_section h1{font-size:32px; line-height:35px; margin-bottom:10px;}
    .brandingGuid_banner_section p{font-size:16px;}
   .guideline-tabs {
        padding: 40px 2%;
    }
    .tabs-container{gap:30px;}
    .tabs-menu{min-width:200px;}    
}

@media (max-width:991px){
    .brandingGuid_banner_section::before{display:none;}

    .tabs-container{ gap:30px;}
    .bgBlueText h2{font-size:28px;}
}

@media (max-width:767px){
        .brandingGuid_banner_section {
        padding: 170px 0 70px 0;
    }
 .tabs-container{flex-direction:column; gap:20px;}
 .tabs-menu{min-width:100%; position:static; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:30px;}
    .brandingGuid_banner_section p{font-size:14px;}
    .guideline-tabs{padding:40px 15px;}
    .tab-btn{margin-bottom: 0;}
    .tabContentMain ul li{flex-direction:column; gap:10px; margin:10px 0 20px;}
}

@media (max-width:575px){
    .tab-btn{font-size:13px;}
    .tabs-menu ul li a{font-size: 14px;}
    .bgBlueText h2{font-size:24px;}
    .tabContentMain h5{    margin-top: 30px;}
    .tabContentMain h3{font-size:17px;}
    .tabContentMain p{font-size:15px;}
    .tabContentMain ul li h4{    font-size: 16px;width: 100%;}
        .guideline-tabs {
        padding: 40px 10px;
    }
    .brandingGuid_banner_section h1{font-size:28px; line-height:31px;}
}