@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .playfair{ font-family: "Montserrat", sans-serif;}

:root { a{}
            --primary-navy: #303c54;
            --secondary-navy: #5f9eb9;
            --accent-gold: #5f9eb9; 
            --light-bg: #FFFFFF;
            --white: #FFFFFF;
        }

        body { font-family: "Nunito", sans-serif;  overflow-x: hidden; scroll-behavior: smooth; background-color: var(--white); font-size: 18px;}
        .sidebar-sticky h2 {
    font-size: 1.8rem;
}

        /* =============================================
           REGION: NAVIGATION
           Maps to Drupal: page.navigation
           Contains: Logo, main menu, dropdowns, CTA
           ============================================= */
        .navbar-main {
            background: var(--primary-navy);
            padding: 0;
            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
            z-index: 1050;
        }
        #block-newfair-branding .navbar-brand img { max-height: 90px; }
        .navbar-brand img{height: auto !important;}
        .navbar-main .nav-link {
            color: rgba(255,255,255,0.85) !important;
            font-weight: 500;
            font-size: 0.88rem;
            padding: 28px 14px !important;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border-bottom: 3px solid transparent;
        }
        .navbar-main .nav-link:hover, .navbar-main .nav-link.active {
            color: var(--secondary-navy) !important;
            border-bottom-color: var(--secondary-navy);
        }
        .navbar-main .dropdown-menu {
            border: none;
            box-shadow: 0 10px 40px rgba(0,0,0,0.12);
            border-radius: 12px;
            padding: 10px 0;
            margin-top: 0;
        }
        .navbar-main .dropdown-item {
            font-size: 0.85rem;
            padding: 10px 24px;
            color: var(--primary-navy);
            font-weight: 500;
        }
        .navbar-main .dropdown-item:hover {
            background: var(--light-bg);
            color: var(--secondary-navy);
        }
        .btn-member {
            background: var(--secondary-navy);
            color: white !important;
            padding: 10px 24px !important;
            border-radius: 6px;
            font-weight: 600;
            font-size: 0.8rem !important;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border: none !important;
        }
        .btn-member:hover { background: #4a8299; color: white !important; }
        /* Navbar & Top Bar */
        .mylogo{max-height: 110px;}
        .top-utility-bar { background: #303c54; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 8px 0; }
        .navbar { transition: all 0.4s; padding: 15px 0; z-index: 1050; background-color: #303c54; }
        .nav-link { color: white !important; font-weight: 500; margin-left: 20px; transition: 0.3s; }
        .nav-link:hover { color: var(--secondary-navy) !important; }

        /* Hero Slider */
        .carousel-item-hero { height: 75vh; min-height: 550px; background-position: center; background-size: cover; position: relative;}
        .carousel-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(48, 60, 84, 0.85), rgba(48, 60, 84, 0.3)); }
        .carousel-indicators [data-bs-target] { background-color: var(--secondary-navy); width: 12px; height: 12px; border-radius: 50%; }

        /* Partner Slider Controls */
        #block-newfair-our-partners h2{color: #fff;}
        #block-newfair-our-partners h2::after{
            display: none;
        } 
            .logo-slider-section {
    background: #303c54;
    padding: 30px 0;
    /* border-bottom: 1px solid #eee; */
    position: relative;
    /* border-radius: 105px 105px 0 0px; */
    /* -webkit-box-shadow: inset 0 4px 1px 1px #5f9eb991; */
    /* box-shadow: inset 0 4px 1px 1px #5f9eb991; */
    margin: 20px auto;
    width: 100%;
}
        .partner-logo { max-height: 50px; width: auto; filter: grayscale(100%); opacity: 0.4; transition: 0.3s; margin: auto; }
        .partner-logo:hover { filter: none; opacity: 1; transform: scale(1.1); }
        .logo-slider-section .carousel-control-prev-icon,
        .logo-slider-section .carousel-control-next-icon { filter: invert(45%) sepia(45%) saturate(450%) hue-rotate(155deg) brightness(95%) contrast(90%); }

        /* Stats Section */
        .stats-section { background: #303c54; color: white; padding: 60px 0; }
        .stat-number { font-size: 3rem; font-weight: 700; color: var(--secondary-navy); display: block; }
        .stat-label { text-transform: uppercase; letter-spacing: 2px; font-size: 0.75rem; opacity: 0.8; }

        /* Sidebar & Widgets */
        .sidebar-sticky {
    position: sticky;
    top: 100px;
    background-color: #303c54;
    padding: 15px;
    border-radius: 20px;}
        
        .sidebar-widget { 
            background: white; border-radius: 15px; padding: 25px; 
            margin-bottom: 30px; /*box-shadow: 0 10px 30px rgba(0,0,0,0.05);
             border: 1px solid #eee;*/
        }
        .sidebar-widget-dark{
            color: #FFF;
             background: transparent !important;
             border: none;
             border-bottom: solid 1px #FFF !important;
             box-shadow: none;
             border-radius: 0;
        }
        .sidebar-widget-dark * {
        color: #FFF;
        }
    .sidebar-widget-dark h2{
        color: #cef1ff !important;
    }
    .sidebar-widget-dark .widget-title{color: #fff;}
    

        .widget-title { font-size: 1.2rem; font-weight: 700; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid var(--secondary-navy); display: inline-block; color: var(--primary-navy); }
        .benefit-item { display: flex; align-items: flex-start; margin-bottom: 12px; font-size: 0.9rem; }
        .benefit-icon { color: var(--secondary-navy); margin-right: 10px; }

        /* Pool Cards */
        .pool-card {
            border: none; border-radius: 20px; background: white; height: 100%;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: 0.4s; overflow: hidden; border-bottom: 5px solid transparent;
        }
        .pool-card:hover { transform: translateY(-5px); border-bottom: 5px solid var(--secondary-navy); }
        .pool-icon-box { background: #f0f7f9; height:150px; display: flex; align-items: center; justify-content: center; font-size: 2rem; color: var(--secondary-navy); }

        /* Knowledge Hub */
        .report-link { 
            display: flex; align-items: center; padding: 15px; border-bottom: 1px solid #eee; 
            text-decoration: none; color: var(--primary-navy); transition: 0.3s;
        }
        .report-link:hover { background: #f0f7f9; color: var(--secondary-navy); }
        .conference-card { 
            background: linear-gradient(135deg, #303c54 0%, #5f9eb9 100%); 
            color: white; border-radius: 20px; padding: 35px; border-left: 8px solid var(--secondary-navy);
            position: relative;
        }
        .conference-card h3 { color: white; }

        /* Leadership Sections Added */
        .leadership-card { border-radius: 15px; background: #f8f9fa; padding: 20px; border-left: 5px solid var(--secondary-navy); margin-bottom: 15px; }

        /* Webinar Video */
        .video-container { position: relative; border-radius: 10px; overflow: hidden; background: #000; aspect-ratio: 16/9; }
        .video-placeholder { width: 100%; height: 100%; object-fit: cover; opacity: 0.7; }
        .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2.5rem; color: white; cursor: pointer; transition: 0.3s; }
        .play-btn:hover { color: var(--secondary-navy); scale: 1.1; }

        .btn-gold { background: var(--secondary-navy); color: white; padding: 10px 25px; border-radius: 5px; border: none; font-weight: 600; transition: 0.3s; }
        .btn-gold:hover { background: #4a8299; color: white; transform: translateY(-2px); }

        .text-gold { color: var(--secondary-navy) !important; }
        .text-navy { color: var(--primary-navy) !important; }
        .reveal { visibility: hidden; }

/*============
Coustom By Amir
=============*/

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
    position: absolute;
    z-index: 99;
    bottom: 10px;
    right: 30px;
}
.owl-theme .owl-dots .owl-dot span {
    width: 30px;
    border-radius: 0;
    margin: 3px;
    background: #4a8299;
}

#subscribe input#edit-actions-submit {
    border: 0;
    border-radius: 0;
    margin-top: 24px;
    background-color: #6ca6bf;
}

div#block-newfair-content {
    margin-top: 15px;
}

.top-utility-bar *{color: #FFF !important;}
.top-utility-bar .form--inline.clearfix .form-item {
    display: flex;
}
.navy-color{color: var(--secondary-navy);}
div#block-newfair-welcometofair h2 {
    font-size: 1.8rem;
}
.curve-block{
   /* border-radius: 50px 50px 0 0;
    -webkit-box-shadow: 0 -12px 16px 0 rgb(74, 130, 153, 0.1);
    box-shadow: 0 -12px 16px 0 rgb(74, 130, 153, 0.1);*/
    border-top: dashed 3px #9facc7;
    padding:45px 10px 10px 10px;
    margin-bottom: 25px;
}
.block h2{color: #4A8299; text-align: center;}
div#block-newfair-pagetitle-2 h1 {
    text-align: center;
    margin-top: 15px;
    color: #4a8299;
}
.block h2::after, div#block-newfair-pagetitle-2 h1::after {    display: block;
    height: 2px;
    width: 85%;
    /* position: relative; */
    content: " ";
    margin: auto;
    border-radius: 55px;
    background: #4A8299;
    background: radial-gradient(circle, rgba(74, 130, 153, 1) 0%, rgba(255, 255, 255, 1) 100%, rgba(74, 130, 153, 1) 0%);}
.navy-color .day{padding-left: 0 !important;}
span.ev-url{float: right;}
.disable-home{display: none;}
.top-bar-social{ display: flex;}
.top-bar-social li{display: flex; margin: 5px;}

div#block-home-press-relases h2 {
    text-align: left;
    color: #303c54;
}
#block-latest-statistics h2{text-align: left; color: #FFF; border-bottom: solid 1px #51819b; margin-bottom: 25px;;}
#block-latest-statistics h2::after{display: none;}
div#block-home-press-relases h2::after{
    display: none !important;
}

#block-latest-statistics span.staticts {
    position: absolute;
    right: 0;
    top: -60px;
    font-size: 16px;
    width: auto;
}
span.staticts svg {
    font-size: 26px;
}

figure img {
    width: 450px;
    height: auto;
}
.node--type-about-us .field--type-image {
    border: 3xp solid #4A8299;
    border-radius: 25px 0;
    margin: 15px;
}
.node--type-about-us .field--type-image img {
    float: right;
}
.node--type-about-us .field--name-field-gallery{display: flex;}
.field--name-field-gallery .field__item {
    display: flex;
    text-align: center;
}
.node--type-about-us .field--name-field-gallery img {
    margin: 15px;
    max-height: 130px;
    width: auto;
}
.field--name-field-more-description img {
    height: 200px;
    width: auto;
    margin: 15px;
    border: solid 4px #5f9eb9;
    border-radius: 15px 0;
    outline: solid 8px #a9fff5;
}

div.relasess-container li{border-bottom: solid 1px #ccc; margin-bottom: 3px;}
div.relasess-container h3 {
    font-size: 20px;
    font-weight: bold;
    color: #4A8299;
}
div.relasess-container h3 svg{
    font-size: 16px;
    color: #666;
    margin-right: 4px;
    }
div.relasess-container .relase-date {
    font-size: 14px;
    margin-left: 10px;
}
div.relasess-container .relase-date svg{
    font-size: 16px;
    color: #666;
    margin-right: 4px;
}


.webinars-container {position: relative;}
.webinars-container .over-link a {
    position: absolute;
    display: block;
    text-indent: -9999em;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#block-newfair-new-members .owl-theme .owl-nav {
    margin-top: 0;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    bottom: 7px;
    width: auto;
    z-index: 9999;
    right: 7px;
}
.webinars-container h3 {
    font-size: 22px;
    /* text-align: center; */
    color: #5681b3;
    font-weight: bold;
    margin-bottom: 25px;
}


#block-newfair-new-members .owl-theme .owl-nav span{font-size: 48px;
    font-weight: bold;
    color: #192d47;
}

#block-newfair-new-members img {
    height: 230px;
    width: auto;
    margin: auto;
    background: white;
    border-radius: 15px;
    padding: 5px;
    margin-bottom: 30px;
    /*box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;*/
}
#block-newfair-new-members .position-relativ{position: relative;}
#block-newfair-new-members .position-relativ a {
    position: absolute;
    width: 100%;
    height: 100%;
    text-indent: -9999em;
    z-index: 999;
    top: 0;
    left: 0;
}
#block-newfair-new-members h3 {
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #5f9eb9;
    line-height: 1;
    padding: 0;
    margin: 0;
}
#block-newfair-contacttop .field--name-body {
    display: flex;
}
.search-members .search-block-form{display: flex;}
#block-newfair-our-partners h5{text-align: center; color: #5f9eb9; font-size: 1rem;}

.logo-slider-section {
    background: #303c54;
    padding: 40px 0;
    /* border-bottom: 1px solid #eee; */
    position: relative;
    /* border-radius: 105px 105px 0 0px; */
    /* -webkit-box-shadow: inset 0 4px 1px 1px #5f9eb991; */
    /* box-shadow: inset 0 4px 1px 1px #5f9eb991; */
    margin-top: 15px;
}
.partner-h-img {
border-radius: 50%;
    overflow: hidden;
    border: solid 2px #DDD;
    padding: 20px;
    height: 160px;
    max-width: 160px;
    text-align: center;
    margin: auto;
    background-color: #FFF;
}
.partner-h-img img {
    width: auto !important;
    height: 90%;
    margin: auto;
}



#membership img{max-width: 120px; height: auto; display: flex; margin: auto;}
#membership h3, #membership h3 a{font-size: 16px; color: #303c54; text-decoration: none;}

#membership .field--name-body {
    /* border: solid 1px #CCC; */
    border-radius: 0;
    min-height: 230px;
    background-color: #d6f3ff;
}
#block-newfair-membership h2::after {
    display: none;
}

#subscribe{background-color: #303c54; border-radius: 70px;}
#subscribe .subscribe-button{margin-top:40px;}
#subscribe .form-type-textfield input{border-radius: 0 !important; width: 95%; border: 0;}
#subscribe .form-email{border-radius: 0; border:none;}
#subscribe .subscribe-button input {
    border-radius: 0;
    border: none;
    background-color: #5f9eb9;
}
ul.sf-menu a, ul.sf-menu span.nolink{color: #FFF; text-decoration: none; font-weight: bold;font-size: 18px;
padding: 1em 0.8em;}
ul.menu a.is-active {
    color: #5f9eb9;
    border-bottom: solid 1px #FFF;
}
.menuparent ul {
    background-color: #303c54;
    -webkit-box-shadow: 10px 10px 25px 0 rgba(114, 131, 178, 5);
    box-shadow: 10px 10px 25px 0 rgb(114, 131, 178, 5);
    border-radius: 0 15px 15px 15px;
}

.menuparent ul li a:hover{background-color: #5f9eb9; border-bottom: solid 1px #FFF;}

.member-count-container {
    position: relative;
}

.flag-link a{position: absolute; display: block; width: 100%; height:100%; top: 0; left:0; text-indent: -9999em;}

.member-count-container .name a{text-decoration: none; color: #4A8299; font-weight: bold;}
.flag img {
    border: solid 1px #5f9eb9;
}
#tabs li a{color: #333 !important; font-weight: bold;}
.more-top{
    
    top: 200px !important;
    max-width: 200px;
    float: left;
}

nav#block-newfair-memberssubmenu a {
    border-bottom: solid 1px #FFF;
}

nav#block-newfair-memberssubmenu h2 {
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
}
nav#block-newfair-memberssubmenu {
    background: linear-gradient(135deg, #303c54 0%, #5f9eb9 100%);
    padding: 10px 10px 10px 0;
}

#views-exposed-form-new-cur-memb-page-1 select#edit-field-letter-filter-value {
    /* display: flex; */
    height: 44px;
    overflow: hidden;
}
#views-exposed-form-new-cur-memb-page-1 .form--inline {
    display: flex;
}

#views-exposed-form-new-cur-memb-page-1 option {
    display: block;
    float: left;
    border: solid 1px #000;
    width: 30px;
    text-align: center;
    margin: 2px;
}
#views-exposed-form-new-cur-memb-page-1 .form-item-name{display: flex;}
#views-exposed-form-new-cur-memb-page-1 .form-item-name label {
    color: #416b89;
    font-size: 22px;
    font-weight: bold;
}

/*Members List*/

.members-company.group-footer{margin-top: 15px;}
.members-company.group-footer .field {
    display: flex;
    width: 50%;
    line-height: 2;
}

.members-company.group-footer .field__label {
    color: #316a83;
    width: 210px;
    text-align: left;
    border-bottom: solid 1px;
}
.members-company.group-footer .field--label-inline .field__label::after {
    content: ":";
    text-align: right;
    float: right;
}

.field--type-geofield .leaflet-container{max-height: 425px;}
.field--name-field-country-image, .field--name-field-map {
    max-height: 425px;
}

.country-member-contain h3 {
    font-weight: bold;
    color: #5f9eb9;
    border-bottom: solid 1px;
}
.country-member-contain ol li a {
    /* color: #333; */
    color: #1a3946;
    border-bottom: solid 1px #DDD;
    text-decoration: none;
    line-height: 2;
    font-size: 18px;
    font-weight: bold;
}

        /* Card Design */
        .member-card {
            background: #fff;
            border-radius: 15px;
            border: none;
            overflow: hidden;
            position: relative;
            box-shadow: 0 10px 25px rgba(0,0,0,0.05);
            transition: all 0.4s ease;
            margin-bottom: 30px;
            text-align: center;
            height: 500px; /* Uniform height */
        }

        .member-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.1);
        }

        /* Vector Icon & Flag Style */
        .card-visual-header {
            padding: 40px 0 20px;
            background: linear-gradient(180deg, #fdfdfd 0%, #ffffff 100%);
            position: relative;
        }

        .vector-container {
            width: 160px;
            height: 160px;
            background-color: #eee;
            border-radius: 50%;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 4px solid #fff;
            box-shadow: 0 5px 15px rgba(0,0,0,0.08);
            color: var(--primary-navy);
            font-size: 50px;
            overflow: hidden;
        }

        .flag-icon {
            position: absolute;
            top: 40px;
            right: calc(40% - 90px);
            width: 75px;
            height: 51px;
            border-radius: 26%;
            border: 2px solid #fff;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
            overflow: hidden;
            object-fit: cover;
        }

        /* Content Info */
        .member-info {
            padding: 0 25px 25px;
        }

.member-name {
    font-weight: 400;
    color: var(--primary-navy);
    margin-bottom: 5px;
    font-size: 1.3rem;
    min-height: 60px;
    border-bottom: solid 1px #EEE;
}

        .member-role {
            font-size: 0.85rem;
            color: #777;
            min-height: 45px;
            line-height: 1.4;
            margin-bottom: 10px;
        }

        .country-name {
            display: block;
            color: var(--accent-gold);
            font-weight: 800;
            font-size: 1.5rem;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* Detail Button */
        .btn-details {
            margin-top: 15px;
            border: 2px solid var(--accent-gold);
            background: #ccc;
            color: var(--primary-navy);
            font-weight: 600;
            border-radius: 25px;
            padding: 6px 25px;
            font-size: 1rem;
            transition: all 0.3s;
        }

        .btn-details:hover {
            background: var(--accent-gold);
            color: #333;
        }

        /* Contact Overlay (Slide-up effect) */
        .contact-overlay {
            position: absolute;
            bottom: -100%;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 43, 92, 0.98);
            color: #fff;
            transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
            z-index: 10;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 30px;
        }

        .member-card.active-overlay .contact-overlay {
            bottom: 0;
        }

        .contact-item {
            margin-bottom: 15px;
            font-size: 0.9rem;
            text-align: left;
        }

        .contact-item i {
            color: var(--accent-gold);
            margin-right: 12px;
            width: 20px;
        }

        .close-overlay {
            position: absolute;
            top: 20px;
            right: 20px;
            cursor: pointer;
            font-size: 1.2rem;
            color: #fff;
            opacity: 0.7;
        }

        .close-overlay:hover { opacity: 1; }

/*End Board*/



#composition .composition-container {
    border: solid 1px #EEE;
    margin-bottom: 45px;
    padding: 20px 10px;
    -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.3);
    border-bottom: solid 5px #4a8299;
    border-radius: 35px;
    /* border-left: solid 3px #4a8299; */
    margin-top: 15px;
}
#composition .composition-container h3{text-align: center; font-size: 18px; font-weight: bold; color: #4A8299;}
#composition .composition-container .body{
    height: 60px;
    text-align: left;
    padding: 10px;
 }
#composition .composition-container .image img{
    height: auto;
    width: 70%;
    border-radius: 80px 0;
    border: solid 1px #4a8299;
    margin: auto;
    overflow: hidden;

}

.countertext span {
    font-size: 123px;
}

.counterimg img {
    max-width: 170px;
}
.counterimg h3, .counterimg h3 a{ font-size: 28px; font-weight: bold; text-decoration: none; color: #416b89;}

.sf-accordion-toggle {
    width: auto;
    position: absolute;
    top: 8%;
    right: 0;
}

.tabsbar .quicktabs-tabs > li > a{
        text-decoration: none;
    color: #4a8299;
    font-size: 19px;
    font-weight: bold;
    border-color: #dee2e6 #dee2e6 #fff;
}

.tabsbar .quicktabs-tabs > li.active > a, .tabsbar .quicktabs-tabs > li.active > a:hover, .tabsbar .quicktabs-tabs > li.active > a:focus{
        color: #ffffff;
    background-color: #4a8299;
    border-color: #dee2e6 #dee2e6 #fff;
}
a#superfish-main-toggle {
     position: fixed;
    top: 0;
    right: 30px;
    width: 50px;
    height: 50px;
    display: block;
}

.fix-img img {
    min-width: 250px;
    height: auto;
    margin: 10px;
    border-radius: 25px 0;
    border: solid 6px #8fb2c1;
    outline: solid 5px #5e9cb7;
}

.leadership-card .field__item{clear: both; display: block;}
.page-node-19 .leadership-card .field__item{clear: none; display: block;}

#superfish-main-toggle span{ width: 50px; height: 50px; background-image: url(../images/menu.png); background-repeat: no-repeat; background-size: contain; content: " "; display: block;}

/* Mimbership Category new style */

.body-member-container{
    position: relative;
    margin: 40px auto;
    clear: both;
}
.body-member-container .member-left-title h2, .body-member-container .member-right-title h2{font-weight: bold;}
.body-member-container .member-left-title, .body-member-container .member-right-title{
    font-weight: bold;
    text-align: center;
border-radius: 15px;
    box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.3);
    min-height: 190px;
    background-color: #f9f9f9;
    padding: 15px;
    width: 39%;
    display: inline-table;
    vertical-align: middle;
    position: relative;
    z-index: 5;
}

.body-member-container .member-left-title img, .body-member-container .member-right-title img{text-align: center; box-shadow:none; margin:10px auto; width:70px; height:auto; }

.body-member-container .member-right-content, .body-member-container .member-left-content{
border-radius: 20px;
    border: solid 2px #6dcff6;
    padding: 40px;
    min-height: 250px;
    width: 59%;
    display: inline-table;
    vertical-align: middle;
    position: relative;
    z-index: 2;
}
.body-member-container .member-left-title , .body-member-container .member-left-content{left: 10px;}
.body-member-container .member-right-title , .body-member-container .member-right-content{right: 10px;}

.main-content-area .field--type-image{float: right;}
.overlink-box{position: relative;}
.overlink-box .over-link a{text-indent: -9999em; display: block; position: absolute; width: 100%; height: 100%; z-index: 99; left: 0; top: 0;}

span.media-url {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

        /* Creative Card Styling with your custom color #303c54 */
        .creative-card {
            background: #303c54; 
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 20px;
            overflow: hidden;
            position: relative;
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            cursor: pointer;
        }

        /* Gradient Accent Lines at the top */
        .creative-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            transition: all 0.4s ease;
        }
        .card-blue::before { background: linear-gradient(90deg, #3b82f6, #8b5cf6); }
        .card-purple::before { background: linear-gradient(90deg, #ec4899, #8b5cf6); }
        .card-emerald::before { background: linear-gradient(90deg, #10b981, #06b6d4); }

        /* Hover States */
        .creative-card:hover {
            transform: translateY(-8px);
            border-color: rgba(255, 255, 255, 0.25);
            box-shadow: 0 15px 30px rgba(48, 60, 84, 0.25), 
                        0 0 20px rgba(255, 255, 255, 0.05);
        }

        /* Title text styling - optimized for #303c54 background */
        .card-title-text {
            color: #f8fafc; /* Crisp, bright light-gray/white text */
            font-size: 1.15rem;
            font-weight: 600;
            letter-spacing: 0.3px;
            transition: color 0.3s ease;
        }
        .creative-card:hover .card-title-text {
            color: #ffffff; /* Pure white on hover */
        }

        /* Animated Download Button Container */
        .download-icon-box {
            width: 50px;
            height: 50px;
            border-radius: 16px;
            background: rgba(255, 255, 255, 0.08); /* Transparent light background on dark card */
            color: #cbd5e1;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            z-index: 2;
        }

        /* Color variations for buttons on hover */
        .card-blue:hover .download-icon-box {
            background: #3b82f6;
            color: #fff;
            box-shadow: 0 6px 15px rgba(59, 130, 246, 0.4);
        }
        .card-purple:hover .download-icon-box {
            background: #8b5cf6;
            color: #fff;
            box-shadow: 0 6px 15px rgba(139, 92, 246, 0.4);
        }
        .card-emerald:hover .download-icon-box {
            background: #10b981;
            color: #fff;
            box-shadow: 0 6px 15px rgba(16, 185, 129, 0.4);
        }

        /* Icon Micro-Animation: Bounces downwards on hover */
        .download-icon-box i {
            transition: transform 0.3s ease;
            color: #2489b2;
        }
        .creative-card:hover .download-icon-box i {
            animation: bounceDown 0.6s infinite alternate;
        }
        .creative-card:hover .download-icon-box i{
            color: #FFF;
        }
        .librarry-download .views-field-title{
            font-weight: bold; font-size: 21px; border-bottom: solid 2px #2489b2;
        }

        .librarry-download h3{ border-bottom: solid 2px #2489b2;}
           /* Custom hover and transition effects */
    .link-card {
      transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
      border-radius: 12px;
    }
    
    .link-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
      border-color: #0d6efd; /* Changes border to Bootstrap primary color on hover */
    }

    /* Makes the entire card clickable safely */
    .stretched-link::after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      content: "";
    }
    .icon-wrapper i {
    font-size: 34px;
}



.download-container {
  perspective: 1000px; /* Essential for 3D depth */
}

.download-card {
  position: relative;
  background-color: #1e1e26;
  min-height: 180px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 30px;
  padding: 10px;
  text-align: center;
  
  
  /* Transition Logic */
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transform-style: preserve-3d;
}

.download-card:hover {
  background-color: #4a8299;
  /* Tilt forward and move up */
  transform: rotateX(15deg) translateY(-10px);
  box-shadow: 0 25px 50px -12px rgba(99, 102, 241, 0.5);
  border-color: rgba(255, 255, 255, 0.3);
}

.icon-wrapper {
  font-size: 3rem;
  color: #fff;
  margin-bottom: 15px;
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  /* Pulls icon "out" of the card in 3D space */
  transform: translateZ(20px);
}

.download-card:hover .icon-wrapper {
  transform: translateZ(50px) scale(1.1);
}

.download-card .title {
  color: white;
  font-weight: 600;
  font-size: 1.1rem;
  transition: transform 0.6s ease;
  transform: translateZ(10px);
}

.download-card .title a{color: #FFF; text-decoration: none; font-size: 15px;}

.download-card:hover .title {
  transform: translateZ(30px);
}

/* Subtle glow effect behind the card */
.glow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  background: radial-gradient(circle at center, white, transparent);
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}

.download-card:hover .glow {
  opacity: 0.1;
}
.download-card .over-link a {
    position: absolute;
    text-indent: -9999em;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: " ";
    z-index: 99;
}
.download-card .over-link {
    position: absolute;
    z-index: 999;
    text-indent: -9999em;
    display: block;
    width: 100%;
    height: 100%;
    transform: translateZ(50px) scale(1);
}


        @keyframes bounceDown {
            0% { transform: translateY(-2px); }
            100% { transform: translateY(3px); }
        }

/*Reinsurance CAP*/


.library-view .views-col{float: none;}

.library-view .views-field-title{
text-align: left;
    line-height: 2.5;
    font-weight: bold;
    color: #666;
    margin-bottom: 10px;
    width: 100%;
    border-bottom: solid 4px;
    margin: 10px auto;
    font-size: 17px;
}
.library-view .views-view-grid .views-col .views-row{
    border: solid 3px #FFF;
    display: block;
    padding: 10px;
    margin: 6px 0;
    background-color: #f9f9f9;

}


.reinsurance-cap  .file-icon{ 
    display: block;
    content: " ";
    width: 90%;
    height: 50px;
    background-image: url(../images/cloud.png);
    background-size: contain;
    z-index: 9;
    background-position: center;
    background-repeat: no-repeat;
    transform: scaleX(-1);
    transition: transform 900ms ease-out;
    margin: auto;

}

.reinsurance-cap  .main-contain:hover .file-icon{
    transform: scaleX(1);
    transition: transform 300ms ease-out;
}


.library-view .main-contain .file-link{

    transition: transform 300ms ease-out;
    line-height: 2;
        -webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
-ms-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
padding: 0;
display: block;
}

.library-view .main-contain:hover .file-link{
    border-radius: 0px 20px;
        -webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
-ms-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}


.library-view .main-contain .file-link a {
    line-height: 19px !important;
    display: block;
    width: 100%;
    min-height:46px;
    vertical-align: middle;
    /* padding-top: 27%; */
    font-size: 14px;
    font-weight: bold;
}

.reinsurance-cap .views-field-title{
text-align: left;
    line-height: 2.5;
    font-weight: bold;
    color: #666;
    margin-bottom: 10px;
    width: 100%;
    border-bottom: solid 4px;
    margin: 10px auto;
    font-size: 17px;
}
.reinsurance-cap .views-field-title span{ 
display: flex;
max-width: 150px;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: left;
    line-height: 2;
    margin: 0 15px 0 0;
    color: #4d9ebf;
    font-size: 22px;
 }


.reinsurance-cap .views-view-grid .views-row {
float: left;
    clear: both;
    width: 100%;
    border: solid 1px #DDD;
    padding: 10px;
    margin-bottom: 35px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 15px 1px #85a7c2;
    box-shadow: 0 0 15px 1px #85a7c2;
}

.reinsurance-cap h3{position: relative;}

/*
.library-view .main-contain .file {
    position: relative;
    display: inline-table;
    text-align: center;
    float: none; 
    margin: auto !important;

}*/

.library-view .main-contain {
    position: relative;
    display: inline-table;
    text-align: center;
    float: none; 
    margin: auto !important;
    min-height: 90px;
    width: 100%;
    border: solid 3px #eee;
    border-radius: 20px 0;
    margin-top: 20px !important;
    padding: 20px

}


.library-view .views-field-title{position: relative;}
.library-view .website{
position: absolute;
    text-indent: -9999em;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    display: block !important;
    content: " ";
}
.library-view .website a{display: block; max-width: 150px;}
.library-view .file-size{display: none;}
.library-view .file--mime-application-pdf a{
font-size: 17px;
font-weight: bold;
text-decoration: underline;
 }
 .library-view h3 span img {
    display: none !important;
}

.card-body .field--name-field-min-image{float: none !important;}
.card-body .field--name-field-min-image img{margin: auto;}
.card-body .field--name-field-new-media-url {
    clear: both;
    display: block;
    text-align: center;
}
.card-body .field--name-field-new-media-url a{color: #0d6efd;}
@media only screen and (max-width: 475px) {
  
  .countertext span {
    font-size: 105px;
    }
}

.over-link a {
    position: absolute;
    text-indent: -9999em;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 99;
    content: " ";
}
.over-link .file{background: none !important;}
.page-node-779 .group-left .field--name-body {
    background-image: url(../images/askfair.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 530px;
    background-position: top left;
    padding-top: 180px;
}
.page-node-779 .group-left .field--name-body blockquote {
    font-size: 28px;
    line-height: 1.3;
    font-weight: bold;
}

/* Target all paragraph tags inside your field */
.field--name-field-multi-body .field__item{padding: 15px; overflow: hidden; background-color: #FFF; border-radius: 15px;}
.field--name-field-multi-body .field__item:nth-child(odd) {
    background-color: #485a7f;
    border-bottom: solid #CCC 1px;
    margin-bottom: 15px;
    color: #FFF;
}

.home-gallery {
    border: solid 1px #eee;
    padding: 3px;
    border-radius: 5px;
}

.home-gallery img{border-radius: 5px; scale: 0.9; 
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
.home-gallery:hover img{scale: 1;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}

.home-gallery h6 a {
    font-size: 20px;
    color: #000;
    text-decoration: none;
    min-height: 48px;
    display: block;
    text-align: center;
}

/* Container adjustments Current Members */
.node--type-company {
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color: #333;
  line-height: 1.6;
}

/* Remove default fieldset styling */
.node--type-company fieldset {
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px;
  background: #ffffff;
  padding: 20px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 6px rgba(0,0,0,0.05);
  transition: transform 0.2s ease;
}

.node--type-company fieldset:hover {
  box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}

/* Legend styling */
.node--type-company legend {
  font-weight: 700;
  color: #2c3e50;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 1px;
  padding: 0 10px;
}

/* Field row styling */
.node--type-company .field {
  display: flex;
  padding: 8px 0;
  border-bottom: 1px solid #f8f8f8;
}

.node--type-company .field:last-child {
  border-bottom: none;
}

.node--type-company .field__label {
  font-weight: 600;
  color: #555;
  width: 40%;
  flex-shrink: 0;
}

.node--type-company .field__item {
  color: #222;
  word-break: break-word;
}

/* Links and Interactive elements */
.node--type-company a {
  color: #007bff;
  text-decoration: none;
}

.node--type-company a:hover {
  text-decoration: underline;
}

/* Hide empty fields to make the design cleaner */
.empty-fields {
  display: none !important;
}

/* Responsive grid layout */
@media (min-width: 768px) {
  .node--type-company .group-left, 
  .node--type-company .group-right {
    padding: 0 10px;
  }
}

/* Add a subtle header accent */
.node--type-company fieldset legend span {
  border-left: 4px solid #007bff;
  padding-left: 10px;
}

/* Container: Make it a flexbox that wraps to the next line */
.field--name-field-new-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Optional: adds space between your images */
}

/* Items: Default to 1 per row (mobile first) */
.field--name-field-new-gallery .field__item {
    width: 100%;
}

/* Large screens: 4 items per row */
@media (min-width: 768px) {
    .field--name-field-new-gallery .field__item {
        /* (100% / 4 items) - gap space */
        width: calc(25% - 12px); 
    }
}

.field--name-field-new-gallery .field__item { width: 100%; }
@media (min-width: 768px)
.field--name-field-new-gallery .field__item img {
    max-width: 100%;
    height: auto;
}
4.9s

/* 1. Set the container to wrap */
.field--name-field-new-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Adjust space between items as needed */
}

/* 2. Mobile View: 1 item per row */
.field--name-field-new-gallery .field__item {
    flex: 0 0 100%; /* Forces items to take full width on mobile */
    box-sizing: border-box;
}

/* 3. Desktop View: 4 items per row */
@media (min-width: 992px) {
    .field--name-field-new-gallery .field__item {
        /* Calculate width: 25% for 4 items minus the gap */
        flex: 0 0 calc(33.3% - 11px); 
    }
}

/* 4. Ensure images are responsive within their containers */
.field--name-field-new-gallery .field__item img {
    width: 100%;
    height: auto;
    display: block;
    border: solid 2px #4a8299;
}

.count-text {
    font-size: 17px;
    color: #5f9eb9;
}

.count-text span.counter {
    color: #5f9eb9;
    font-size: 20px;
    font-weight: bold;
}