/*
Theme Name: COA Theme
Text Domain: coa
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Company Of Animals Custom Theme.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: The BPL Team
Author URI: https://www.bplmarketing.com/
Theme URI: https://www.companyofanimals.co.uk/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

body{ 
    color: red;
}
img{
    max-width: 100%;
}
.return-to-shop .button.wc-backward{
    font-family: 'Raleway',sans-serif;
    border: 1px solid #0d3f67;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-align: center;
    text-decoration: none;
    border-radius: 20px;
    white-space: nowrap;
    padding: 15px 35px;
    font-size: .875em;
    color: #0d3f67;
    font-weight: 700;
    cursor: pointer;
    margin: 0 20px 0 auto;
    background: transparent;
}
.return-to-shop .button.wc-backward:hover{
    background: #0d3f67;
    color: #fff; 
}
.restore-item{
    padding: 12px 50px !important;
}
.woocommerce-info{
    border-top-color: #8fae1b;
}
.woocommerce-info::before{
    color: #8fae1b;
}
.woocommerce form input {
    padding: 10px 17px;
}
.woocommerce-form-coupon .form-row-first{
    margin-top: 30px !important;
}



body{
    color: #0d3f67;
    font-family: "Raleway",sans-serif;
    font-weight: 400;
    font-style: normal;
}
.single-post .post_content iframe{
    height: revert-layer;
}
.faqs .accordion button i{
    margin-left: auto;
}
header .nav-menu a span{
    color: #fff;
    background: #ed2933;
    padding: 4px 4px;
    border-radius: 30px;
    font-size: 11px;
    margin-left: 4px;
    text-transform: uppercase;
}
header .mobile-menu#menu-header-1 .sub-menu li a span{
    color: #fff;
    background: #ed2933;
    padding: 4px 10px;
    border-radius: 30px;
    font-size: 14px;
    margin-left: 4px;
    text-transform: uppercase;
}
header .nav-menu .menu-item-has-children:hover > .sub-menu{
    width: 261px !important;
}
.eight_clm_text .buttons-wrapper{
    display: flex;
    flex-direction: row;
    gap: 30px;
}
@media (max-width: 992px) {
    .eight_clm_text .buttons-wrapper{flex-direction: column; gap: 0}
}
.eight_clm_text .buttons-wrapper > a{
    font-family: "Raleway",sans-serif;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-decoration: none;
    border-radius: 40px;
    white-space: nowrap;
    padding: 15px 60px;
    font-size: 5% 0;
    cursor: pointer;
    text-align: center;
}
.hero_img .heading-wrapper{
    position: absolute;
    left: 20px;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
}
/* blog CSS fix */
.post_content p{
    margin: 5px 0;
}
.post_content ul{
    padding-left: 30px !important;
    margin: 20px 0;
}
.post_content ul li{
    margin: 0;
    line-height: 1rem;
}
.blog_logos_4_4, .blog-logo-single{
    margin: 10px 0;
}
.blog_logos_4_4{
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    gap: 1rem;
}
.blog_logos_4_4 > a{
    grid-row: 1;
}
.blog_logos_4_4 > a img{
    max-width: 100%;
    width: auto;
}
.blog-logo-single{
    width: 100%;
    text-align: center;
}
.blog-logo-single img{
    max-height: 200px;
    width: auto;
    max-width: 100%;
}
.standard_template ul, .standard_template ol{
    margin-bottom: 15px;
    margin-left: 50px;
}
.standard_template > ul, .standard_template > ol{
    margin-left: 15px;
}
.standard_template > ol > li{
    margin-bottom: 15px;
}
.standard_template ul > li{
    list-style: disc;
}
.standard_template ul > li > ul > li{
    list-style: circle;
}
.standard_template ul > li > ul > li > ul > li{
    list-style: square;
}
.accreditations .eight_clm_text .divider{
    background: url("/uk/wp-content/uploads/sites/7/2025/09/wave2.png") repeat-x;
    height: 9px;
    width: 100%;
    margin: 40px 0;
}
.accreditations .eight_clm_text .accreditations_items_wrapper .heading-wrapper h4{
    font-size: 1.4rem;
    margin-bottom: 42px;
}
.accreditations .eight_clm_text .accreditations_items_wrapper .heading-wrapper h3,
.accreditations .eight_clm_text .accreditations_items_wrapper .heading-wrapper h4{
    text-align: center;
}
.accreditations .heading-wrapper{
    width: 78%;
    margin: 0 auto 20px;
}
.accreditations_above{
    padding: 30px 0;
    width: 100%; 
    margin: 0;
    text-align: center;
}
.accreditations_above img{
    min-height: 200px;
    width: 200px;
}
.accreditations .eight_clm_text{
    margin-top: 0;
}
.accreditations .eight_clm_text .accreditations_items_wrapper .accreditations_items{
    display: flex;
    flex-direction: row;
    gap: 20px 20px;
    align-items: center;
    justify-content: center;
    padding: 10px 0 10px;
}
.accreditations .eight_clm_text .accreditations_items_wrapper .accreditations_items .item_logo img{
    max-height: 200px;
    max-width: 150px;
}
.accreditations .eight_clm_text .accreditations_items_wrapper .accreditations_items .item_logo{
    width: 30%;
}
.accreditations .eight_clm_text .accreditations_items_wrapper .accreditations_items .item_content{
    width: 70%;
}
@media only screen and (max-width: 600px){
    .blog_logos_4_4{
        display: block;
        padding: 2%;
    }
    .blog_logos_4_4 a{
        display: inline-block;
        width: 46%;
    }
    .blog_logos_4_4 a img{
        width: 200px;
        height: auto;
    }
    .accreditations_above img{
        min-height: 140px;
        width: 140px;
    }
    .accreditations .heading-wrapper{
        width: 100%;
    }
    .accreditations .eight_clm_text .accreditations_items_wrapper .accreditations_items {
        flex-direction: column !important;
    }
    .accreditations .eight_clm_text .accreditations_items_wrapper .accreditations_items .item_logo {
        text-align: center;
        width: 100%
    }
    .accreditations .eight_clm_text .accreditations_items_wrapper .accreditations_items .item_content {
        width: 100%;
        text-align: justify;
    }       
}
/*------------------- TRADE PAGE CSS ----------------------------*/
.trade-template .hero_img{
    height: auto;
}
.trade-template .eight_clm_text p{
    font-size: 18px;
}
.trade-template .heading-wrapper{
    position: relative;
    margin: 0 0 0 15%;
    width: 70%;
}
.trade-template section:not(.hero_img){
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 3% 0;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.trade-template .partner_details{
    position: relative;
}
.trade-template .partner_details .left_column,
.trade-template .partner_details .right_column{
    background: #FFF;
}
.trade-template .eight_clm_text{
    position: relative;
    width: 70%;
}
.trade-template .pos_section .eight_clm_text,
.trade-template .partner_details .eight_clm_text,
.trade-template .partners_section .eight_clm_text{
    flex-direction: row;
    justify-content: left;
    align-items: stretch;
    gap: 15px;
    flex-wrap: wrap;
}
.trade-template .partner_details .eight_clm_text{
    gap: 50px;
}
.trade-template .pos_section .eight_clm_text,
.trade-template .partners_section .eight_clm_text{
    align-items: center;
}
.trade-template .partners_section .eight_clm_text{
    gap: 80px;
}
.trade-template .pos_section.eight_clm_text > *,
.trade-template .partner_details .eight_clm_text > *,
.trade-template .pos_section.eight_clm_text > :last-child,
.trade-template .partner_details .eight_clm_text > :last-child{
    margin-bottom: 2%;
}
.trade-template .pos_section .eight_clm_text [class^="col-"],
.trade-template .partner_details .eight_clm_text [class^="col-"]{
    flex: 1;
}
.trade-template .pos_section .eight_clm_text .col-6,
.trade-template .partner_details .eight_clm_text .col-6{
    width: 50%;
}
.trade-template .partner_details .eight_clm_text .col-6{
    padding: 30px 65px;
}
.trade-template .partner_details .eight_clm_text ul li{
    list-style: none;
}
.trade-template p{
    margin-bottom: 10px;
}
.trade-template h3,
.trade-template h4{
    font-size: 20px;
    font-weight: normal;
}

.trade-template .eight_clm_text h1,
.trade-template .eight_clm_text h2,
.trade-template .heading-wrapper h1,
.trade-template .heading-wrapper h2{
    font-size: 32px;
    line-height: 60px;
}
.trade-template .pos_section svg{
    position: absolute;
}
.trade-template .pos_slider{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 3% 0;
    overflow: visible;
}
.trade-template .pos_slider .carousel{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.trade-template .pos_slider .carousel button{
    background-color: transparent;
    cursor: pointer;
    color: #0d3f67;
    font-size: 2rem;
    border: 0;
}
.trade-template .pos_slider .carousel button:first-of-type{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-right: 4%;
}
.trade-template .pos_slider .carousel button:last-of-type{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 4%;
}
.trade-template .pos_slider .carousel .brand_images{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
}
.trade-template .pos_slider .carousel .brand_images img{
    border-radius: 20px;
    min-width: 84%;
    margin: 0 7.4%;
    width: 84%;
}
.trade-template .pos_slider .carousel .gallery_thumbnails{
    display: none;
}
.trade-template .trade_pos .eight_clm_text{
    display: block;
}
.trade-template .trade_catalogues .eight_clm_text .download-area-wrapper{
    width: 100%;
}
.trade-template .trade_pos .eight_clm_text .download-area-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}
.trade-template .trade_pos .eight_clm_text .download-area-wrapper .download-file-column{
    flex: 0 0 calc(25% - 20px);
    padding: 30px;
}
.trade-template .newsletter_section .form-outer-wrapper{
    margin-left: auto;
    margin-right: 4%;
    border: 3px solid #fff;
    border-radius: 20px;
    padding: 15px;
    width: 34%;
}
.trade-template .newsletter_section .form-wrapper{
    background-color: #fff;
    border-radius: 20px;
    padding: 60px;
}
.trade-template .partner_details h2{
    border-bottom: none;
}
.trade-template .eight_clm_text{margin: 2% 0 3% 15%;}
.trade-template .body_copy .eight_clm_text h4{font-size: 20px}
.trade-template h4{padding-bottom: 15px; padding-top: 20px;}
.trade-template .eight_clm_text .trade-signup-btn,
.trade-template .eight_clm_text .button{
    font-size: 20px;
    margin-top: 40px
}
.trade-template .partners_section .eight_clm_text{
    text-align: center;
    align-content: normal;
    flex: content;
    display: flex;
    justify-content: center;
    align-items: center;
}
.trade-template .partners_section .eight_clm_text img{
    width: 240px;
    object-fit: scale-down;
}
.trade-template .eight_clm_text > *{
    margin-bottom: 0%;
}
.trade-template .partner_details .heading-wrapper h2{
    padding: 90px 0;
    font-size: 40px;
}
.trade-template .partner_details h3{
    border-bottom: 2px solid;
    line-height: 2;
    font-size: 26px;
}
.trade-template .partner_details .eight_clm_text ul li{
    font-size:22px;
    padding-bottom: 8px;
}
.trade-template .trade_enquiry_section .heading-wrapper h2{
    font-size: 28px;
}
.trade-template .pos_section h4{
    font-size:26px;
    border-bottom:3px solid;
}
.trade-template section.pos_section{
    padding: 5% 0 4%;
}
.trade-template section.pos_section .eight_clm_text{
    margin-top: 0;
}
.trade-template section.pos_section .left_column img{
    margin-top:24px;
}
.trade-template section.pos_section .left_column h4{
    margin-top:18px;
}
.trade-template .trade_catalogues .eight_clm_text h2{
    font-size: 28px;
    margin-bottom: 20px;
}
.trade-template .trade_catalogues .download-file-row{
    padding: 25px 0;
}
.trade-template section.trade_catalogues{
    padding-bottom: 1%;
}
.trade-template section.generic_text_section{
    padding: 1% 0;
}
.trade-template .generic_text_section .eight_clm_text h2{
    font-size: 28px;
    margin-bottom: 30px;
    line-height: 3;
}
.trade-template section.trade_pos{
    padding: 0;
}
.trade-template .trade_pos .eight_clm_text h2{
    font-size: 28px;
    margin-bottom: 60px;
    line-height: 3;
}
.trade-template .newsletter_section{
    height: 100vh;
    margin-bottom: -24vh;
}
.trade-template .newsletter_section .nf-form-title h3{
    font-size: 34px;
    margin-bottom: 10px;
}
.trade-template .newsletter_section .nf-form-fields-required{
    display: none;
}
.trade-template .hero_img .heading-wrapper{
    position: absolute;
    z-index: 1;
    top: 40%;
    transform: translateY(-40%);
    max-width: 530px;
    margin: 0 7% 0 0;
    left: auto;
    right: 0;
}
.trade-template .hero_img .heading-wrapper h1{
    border: none;
    font-size: 110px;
    line-height: 120px;
}
.trade-template .download-file-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid #dce1e6;
    padding: 42px 0;
}
.trade-template .download-btn{
    justify-content: space-between;
    display: flex;
    border-radius: 30px;
    padding: 12px 30px;
    text-decoration: none;
    background: #fff;
    font-family: inherit;
}
.trade-template .download-btn:hover{
    background: #15644e;
    color: #fff;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.trade-template .file-type {
    margin-left: 10px;
    margin-right: 30px;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: .02em;
    text-transform: uppercase;
    border-radius: 999px;
    font-family: inherit;
    padding: 5px 14px;
    -webkit-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    transition-property: all;
}
.trade-template .file-name{
    font-size:21px;
    width: 80%;
}

/* Responsive CSS - Trade */
@media only screen and (min-width: 1601px) and (max-width: 1920px)  {
    .trade-template .partners_section .eight_clm_text img{width: 220px;}
    .trade-template .partners_section .eight_clm_text {justify-content: left;}
}
@media only screen and (min-width: 1199px) and (max-width: 1600px)  {
    .trade-template .partners_section .eight_clm_text img{width: 190px;}
    .trade-template .partner_details .heading-wrapper h2{font-size: 30px}
    .trade-template .newsletter_section .form-outer-wrapper{width: 38%}
    .trade-template .partners_section .eight_clm_text {  gap: 60px;}
    .trade-template .trade_pos .eight_clm_text .download-area-wrapper .download-file-column{flex: 0 0 calc(33.33% - 20px);}
}

@media (max-width: 1200px) {
    .trade-template .partners_section .eight_clm_text img{width: 160px;}
    .trade-template .partner_details .heading-wrapper h2{padding: 50px 0; font-size: 26px;}
    .trade-template .partner_details h3{font-size: 20px;}
    .trade-template .pos_section h4 {  font-size: 20px;}
    .trade-template .newsletter_section .form-outer-wrapper { width: 54%; }
    .trade-template .trade_pos .eight_clm_text .download-area-wrapper .download-file-column{flex: 0 0 calc(33.33% - 20px);}

}
@media (max-width: 992px) {
    .trade-template .partners_section .eight_clm_text img { width: 110px; }
    .trade-template .partner_details .heading-wrapper h2 {  padding: 16px 0;  font-size: 24px; line-height: 30px;}
    .trade-template .partner_details .eight_clm_text {gap: 20px;}
    .trade-template .partner_details .eight_clm_text .col-6 { padding: 30px;}
    .trade-template .partner_details h3 { font-size: 20px; }
    .trade-template .partner_details .eight_clm_text ul li {  font-size: 16px;}
    .trade-template .trade_pos .eight_clm_text .download-area-wrapper .download-file-column { flex: 0 0 calc(50% - 20px); }
    .trade-template .hero_img .heading-wrapper{max-width: 40%;}
    .trade-template .hero_img .heading-wrapper h1{font-size: 55px; line-height: 63px;}
}
@media (max-width: 768px) {
    .trade-template .heading-wrapper h2 {  font-size: 26px;}
    .trade-template .partners_section .eight_clm_text {  gap: 26px;}
    .trade-template .partners_section .eight_clm_text img {    width: 112px;  }
    .trade-template .trade_catalogues .eight_clm_text h2 {  font-size: 22px;}
    .trade-template .trade_catalogues.file-name{font-size: 16px;}
    .trade-template .generic_text_section .eight_clm_text h2 {  font-size: 22px;}
    .trade-template .newsletter_section .form-outer-wrapper { width: 90%;  }
    .trade-template .newsletter_section .nf-form-title h3 {  font-size: 26px;}

}

@media (max-width: 576px) {
    .trade-template .hero_img { max-height: 25vh;  }
    .trade-template .eight_clm_text h1{font-size: 28px;  line-height: 40px;}
    .trade-template .heading-wrapper h2 {    font-size: 20px;  }
    .trade-template .partner_details h3 {    font-size: 18px;  }
    .trade-template .eight_clm_text .trade-signup-btn {  font-size: 16px;}
    .trade-template .pos_section .eight_clm_text{flex-direction: inherit;}
    .trade-template .pos_section .eight_clm_text .col-6{width: 100%;}
    .trade-template .trade_catalogues .eight_clm_text h2 {    font-size: 20px;  }
    .trade-template .download-file-row{display: block;}
    .trade-template .trade_catalogues .download-file-row{border-bottom: 2px solid #000; float: left;}
    .trade-template .trade_catalogues .file-type{font-size: 16px;  float: left; width: 26%;  margin: 10px 0;  text-align: center;}
    .trade-template .trade_catalogues .file-name{font-size: 15px;  float: left; width: 60%;  padding: 5%; }
    .trade-template .trade_catalogues .download-btn{display: block; width: 100%;  float: left; margin: 20px 0;  text-align: center;}
    .trade-template .generic_text_section .eight_clm_text h2 { font-size: 22px; line-height: 30px; }
    .trade-template .trade_pos .eight_clm_text h2 { font-size: 18px;  line-height: 30px;}
    .trade-template .trade_pos .eight_clm_text .download-area-wrapper .download-file-column{flex: 0 0 calc(100% - 20px);}
    .trade-template .trade_enquiry_section .heading-wrapper h2 {  font-size: 28px;  line-height: 30px; margin-bottom: 30px;}
    .trade-template .newsletter_section .form-wrapper{padding: 30px}
    .trade-template .newsletter_section .nf-form-title h3 { font-size: 16px;}
    .trade-template .hero_img .heading-wrapper h1{font-size: 40px; line-height: 48px;}
}

/*--------------- home page trade section ------------*/
.introHome.trade .introText{
    top: 15vw;
    width: 50%;
}
@media only screen and (min-width: 1900px){
    .introHome.trade .introText{
        top: 34vw;
    }
}
.introHome.trade .introText{
    left: 15%;
}
.introHome.trade .introText,
.introHome.trade p,
.introHome.trade a{
    color: #fff;
}
.introHome.trade p{
    font-size: 1.3em;
    line-height: 1.3em;
    padding-right: 0;
}
.introHome.trade .introText h1{
    font-size: 3vw;
}
.introHome.trade a{
    border-color: #fff;
}
.introHome.trade svg .path{
    fill: #0d3f67;
}
.introHome.trade .introText h1 span{
    font-size: 9vw;
}
@media only screen and (max-width: 900px) {
    .introHome.trade .introText,
    .introHome.trade p,
    .introHome.trade a{
        color: inherit;
    }
    .introHome.trade .introText{
        transform: rotate(-6deg);
        min-width: 85%;
        margin: 0 auto;
        right: 0;
        left: 0;
        top: 0;
        width: 85%;
    }
    .introHome.trade .introText h1{
        font-size: 10.8vw;
        font-weight: 400;
        line-height: 1;
    }
    .introHome.trade .introText h1 span{
        letter-spacing: -.3vw;
        font-size: 25vw;
        line-height: .8;
        font-weight: 400;
        vertical-align: baseline;
    }
    .introHome.trade a{
        border-color: inherit;
    }
}
.PetHead .petHead_dynamic .petHead_subrand .subrand_lists .icon{
    margin-bottom: 5% !important;
}
.PetHead > .community_instaFeed{
    gap: 30px;
}

/*------------------- NEW TRADE PAGE CSS ----------------------------*/
.coa-trade-landing-page-template footer{
    padding-top: 0;
    margin-top: -6rem;
}
.trade-landing-template,
.trade-detail-template{
    overflow: hidden;
}
.trade-landing-template .hero_img,
.trade-detail-template .hero_img{
    height: auto;
}
.trade-landing-template .hero_img .heading-wrapper,
.trade-detail-template .hero_img .heading-wrapper{
    position: absolute;
    z-index: 1;
    top: 25%;
    transform: translateY(-25%);
    max-width: 35%;
    left: auto;
    right: 7%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.6);
    padding: 30px 20px;
    border-radius: 20px;
}
.trade-landing-template .hero_img .heading-wrapper h1,
.trade-detail-template .hero_img .heading-wrapper h1{
    border: none;
    font-size: 2.5rem;
    line-height: 1.5em;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.trade-landing-template .hero_img .heading-wrapper h1 span,
.trade-detail-template .hero_img .heading-wrapper h1 span{
    display: block;
    font-size: 4rem;
    text-transform: uppercase;
    font-style: italic;
}
.trade-landing-template .hero_img .heading-wrapper .badge,
.trade-detail-template .hero_img .heading-wrapper .badge{
    background: #0D3F67;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 1.5em;
    border: none;
    font-size: 1rem;
}
.trade-landing-template .hero_img .heading-wrapper h4,
.trade-detail-template .hero_img .heading-wrapper h4{
    border: none;
    font-size: 1.2rem;
    line-height: 1.2em;
    font-weight: 500;
}
.trade-landing-template .heading-wrapper,
.trade-detail-template .heading-wrapper{
    position: relative;
    margin: 0 0 0 15%;
    width: 70%;
}
.trade-landing-template section:not(.hero_img):not(.faqs):not(.products), 
.trade-detail-template section:not(.hero_img){
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 3% 0;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.trade-landing-template .eight_clm_text{
    position: relative;
}
.trade-landing-template .introduction h2,
.trade-detail-template .introduction h2{
    background: #0D3F67;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 1.5em;
    border: none;
    font-size: 1rem;
}
.trade-landing-template .introduction h4{
    font-style: italic;
    font-size: 20px;
}
.trade-landing-template .introduction .usps-icons{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    margin: 40px 0;
    width: 100%;
}
.trade-landing-template .introduction .usps-icons .icon-item{
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    border-radius: 15px;
    width: calc((100% - 120px) / 5);
    align-self: center;
    transition: all .2s ease-in-out;
}
.trade-landing-template .introduction .usps-icons .icon-item:hover{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.trade-landing-template .introduction .usps-icons .icon-item > *{
    width: 100%;
}
.trade-landing-template .eight_clm_text .button{
    margin-top: 40px;
    border: 1px solid #004c82;
    color: #004c82;
}
.trade-landing-template .eight_clm_text .button:hover{
    background-color: #004c82;
    color: #FFF;
}
.trade-landing-template .regions .eight_clm_text{
    border-radius: 50px;
    padding: 2%;
    margin-bottom: 0;
}
.trade-landing-template .regions h2{
    border: none;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.trade-landing-template .regions .badge{
    text-shadow: none;
    background: #0D3F67;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 1.5em;
    border: none;
    font-size: 1rem;
}
.trade-landing-template .regions .flags{
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    justify-content: center;
    margin: 40px 0;
    width: 100%;
}
.trade-landing-template .regions .flags .flag-item{
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    border-radius: 15px;
    width: calc((100% - 180px) / 4);
    text-decoration: none;
    transition: all .2s ease-in-out;
}
.trade-landing-template .regions .flags .flag-item:hover{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.trade-landing-template .regions .flags .flag-item img{
    max-width: 130px;
}
.trade-landing-template .regions .flags .flag-item h4{
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    margin-bottom: 0;
}
.trade-landing-template .regions .flags .flag-item p{
    text-align: center;
}
.trade-landing-template .regions .flags .flag-item span{
    display: block;
}
.trade-landing-template .regions .flags .flag-item a{
    text-decoration: none;
    font-weight: normal;
}
.trade-landing-template .regions .flags .flag-item p a{
    display: block;
}
.trade-landing-template .new-products > svg{
    position: absolute;
    width: auto;
}
.trade-landing-template .new-products .carousel{
    margin: 3% auto;
    width: 70%;
    z-index: 1;
}
.trade-landing-template .new-products{
    padding: 1rem 0 7rem !important;
}
.trade-landing-template .carousel h2{
    color: #FFF;
    border-color: #FFF;
}
.trade-landing-template .product-slider .slick-prev:before,
.trade-landing-template .product-slider .slick-next:before{
    color: #FFF;
}
.trade-landing-template .product-slider{
    display: flex;
    align-items: center;
    margin: 30px 0;
}
.trade-landing-template .product-slider button{
    font-size: 2rem;
    width: auto;
    height: auto;
}
.trade-landing-template .product-slider button:first-of-type{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.trade-landing-template .product-slider button:last-of-type{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.trade-landing-template .product-slider .slick-prev{
    left: -2rem;
}
.trade-landing-template .product-slider .slick-next{
    right: -2rem;
}
.trade-landing-template .product-slider .slick-track{
    display: flex;
    gap: 0 30px;
}
.trade-landing-template .product-slider .slick-track > *:first-of-type{
    margin-left: -15px;
}
.trade-landing-template .product-slider .item a{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.trade-landing-template .product-slider .item a{
    background: #fff;
    border-radius: 20px;
    padding: 10%;
    text-decoration: none;
}
.trade-landing-template .product-slider .item a .divider{
    border-radius: 1.5px;
    margin: 15px 0;
    height: 3px;
    width: 100%;
}
.trade-landing-template .product-slider .item a .lineTwo{
    text-align: center;
    font-size: 1.3rem;
    min-height: 50px;
}
.trade-landing-template .our-team .wrapper{
    margin: 3% auto;
    width: 70%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.trade-landing-template .our-team .wrapper > h2,
.trade-landing-template .our-team .wrapper > h3,
.trade-landing-template .our-team .wrapper > p{
    margin-left: auto;
    margin-right: auto;
}
.trade-landing-template .our-team .wrapper > p{
    margin-bottom: 30px;
}
.trade-landing-template .our-team .team-members{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}
.trade-landing-template .our-team .wrapper > h2{
    text-transform: uppercase;
    border: none;
}
.trade-landing-template .our-team .wrapper > h3{
    font-size: 2rem;
}
.trade-landing-template .our-team .team-members .team{
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    border-radius: 15px;
    width: calc((100% - 90px) / 4);
}
.trade-landing-template .our-team .team-members .team img{
    border-radius: 50%;
    height: 100px;
    width: 100px;
}
.trade-landing-template .our-team .team-members ul{
    display: flex;
    flex-direction: row;
    gap: 40px;
    margin-top: 40px;
}
.trade-landing-template .our-team .team-members ul li{
    list-style: none;
}
@media only screen and (max-width: 1200px){
    .trade-landing-template .our-team .team-members .team{
        width: calc((100% - 60px) / 3);
    }
}
@media only screen and (max-width: 900px){
    .trade-landing-template .our-team .team-members .team{
        width: calc((100% - 30px) / 2);
    }
    .trade-landing-template .regions .flags .flag-item{
        width: calc((100% - 60px) / 2);
    }
    .trade-landing-template .introduction .usps-icons .icon-item{
        width: calc((100% - 60px) / 2);
    }
}
@media only screen and (max-width: 768px) {
    .trade-landing-template .hero_img .heading-wrapper h1,
    .trade-detail-template .hero_img .heading-wrapper h1{
        font-size: 1.2rem;
    }
    .trade-landing-template .hero_img .heading-wrapper h1 span,
    .trade-detail-template .hero_img .heading-wrapper h1 span{
        font-size: 2rem;
    }
    .trade-landing-template .hero_img .heading-wrapper h4,
    .trade-detail-template .hero_img .heading-wrapper h4{
        font-size: 1rem;
    }
    .trade-landing-template .hero_img,
    .trade-detail-template .hero_img{
        height: 90vw;
        max-height: inherit;
    }
    .trade-landing-template .hero_img img,
    .trade-detail-template .hero_img img{
        object-position: 20% 0;
    }
    .trade-landing-template .hero_img .heading-wrapper,
    .trade-detail-template .hero_img .heading-wrapper{
        translate: translateY(-20%);
    }
    .trade-landing-template .carousel h2{
        color: inherit;
        border-color: inherit;
    }
    .trade-landing-template .our-team .team-members .team{
        width: calc((100% - 30px) / 2);
    }
}
@media only screen and (max-width: 576px) {
    .trade-landing-template .our-team .team-members .team{
        width: calc(100% / 1);
    }
}
.trade-detail-template .eight_clm_text{
    width: 70%;
    position: relative;
    margin: 2% 0 3% 15%;
}
.trade-detail-template .eight_clm_text .buttons-wrapper{
    gap: 20px;
    margin-top: 30px;
}
.trade-detail-template .introduction .eight_clm_text .flex-wrapper{
    flex-direction: row;
    gap: 30px;
    display: flex;
}
.trade-detail-template .introduction .eight_clm_text .flex-wrapper .left,
.trade-detail-template .introduction .eight_clm_text .flex-wrapper .right{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.trade-detail-template .introduction .eight_clm_text .flex-wrapper .right{
    gap: 15px;
}
.trade-detail-template .introduction .eight_clm_text .flex-wrapper .right .usp{
    display: flex;
    flex-direction: row;
    padding: 10px;
    background: #e3eaf0;
    border-radius: 10px;
    width: 100%;
    gap: 20px;
}
.trade-detail-template .introduction .eight_clm_text .flex-wrapper .right .usp > *{
    display: flex;
    flex-direction: column;
    align-self: center;
    margin: 0;
    width: auto;
}
.trade-detail-template .introduction .eight_clm_text .flex-wrapper .right .usp .icon{
    padding: 20px;
    background: #0D3F67;
    color: #FFF;
    border-radius: 10px;
}
.trade-detail-template .introduction .eight_clm_text .flex-wrapper .right .usp .icon i{
    min-width: 20px;
    min-height: 20px;
}
.trade-detail-template .introduction .eight_clm_text .flex-wrapper .right .usp .content{
    gap: 10px;
}
.trade-detail-template .introduction .eight_clm_text .flex-wrapper .right .usp .content .heading{
    font-weight: 700;
}
.trade-detail-template .introduction .eight_clm_text h4{
    font-size: 1.2rem;
    line-height: 1.5em;
    font-style: italic;
}
.trade-detail-template .eight_clm_text .trade-signup-btn,
.trade-detail-template .eight_clm_text .button{
    font-size: 1rem;
}
.trade-detail-template section:not(.hero_img){
    padding: 1% 0;
}
.trade-detail-template .generic_text_section .eight_clm_text h2{
    font-size: 28px;
    margin-bottom: 30px;
    line-height: 3;
}
.trade-detail-template ul{
    margin-left: 15px;
}
.trade-detail-template ul li{
    padding-left: 10px;
}
.trade-detail-template .activation_and_pos .eight_clm_text{
    gap: 40px;
}
.trade-detail-template .activation_and_pos .eight_clm_text .grid-container{
    flex-direction: row;
    justify-content: left;
    align-items: stretch;
    gap: 15px;
    flex-wrap: wrap;
    display: flex;
    width: 100%;
}
.trade-detail-template .activation_and_pos svg{
    position: absolute;
}
.trade-detail-template .activation_and_pos .eight_clm_text [class^="col-"]{
    flex: 1;
}
.trade-detail-template .activation_and_pos .eight_clm_text .col-6{
    width: 50%;
}
.trade-detail-template .pos_slider{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 3% 0;
    overflow: visible;
}
.trade-detail-template .pos_slider .carousel{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.trade-detail-template .pos_slider .carousel button{
    background-color: transparent;
    cursor: pointer;
    color: #0d3f67;
    font-size: 2rem;
    border: 0;
}
.trade-detail-template .pos_slider .carousel .slick-prev,
.trade-detail-template .pos_slider .carousel .slick-next{
    height: 40px;
    width: 40px;
}
.trade-detail-template .pos_slider .carousel button:first-of-type{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: 0;
}
.trade-detail-template .pos_slider .carousel button:last-of-type{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 0;
}
.trade-detail-template .pos_slider .carousel .brand_images{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
}
.trade-detail-template .pos_slider .carousel .brand_images img{
    border-radius: 20px;
    min-width: 84%;
    margin: 0 7.4%;
    width: 84%;
}
.trade-detail-template .pos_slider .carousel .gallery_thumbnails{
    display: none;
}
.trade-detail-template .trade_catalogues .eight_clm_text h2{
    font-size: 28px;
    margin-bottom: 20px;
}
.trade-detail-template .trade_catalogues .eight_clm_text .download-area-wrapper{
    width: 100%;
}
.trade-detail-template .trade_catalogues .download-file-row{
    padding: 25px 0;
}
.trade-detail-template p{
    margin-bottom: 10px;
}
.trade-detail-template .trade_pos .eight_clm_text h2{
    font-size: 28px;
    margin-bottom: 60px;
    line-height: 3;
}
.trade-detail-template .trade_pos .eight_clm_text .download-area-wrapper{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 30px;
}
.trade-detail-template .trade_pos .eight_clm_text .download-area-wrapper .download-file-column{
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(0,0,0,.08);
    transition: .35s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px;
}
.trade-detail-template .trade_pos .eight_clm_text .download-area-wrapper .download-file-column:hover{
    transform: translateY(-8px);
    box-shadow: 0 24px 55px rgba(0,0,0,.14);
}
.trade-detail-template .trade_pos .eight_clm_text .download-area-wrapper .download-file-column .image{
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/9;
}
.trade-detail-template .trade_pos .eight_clm_text .download-area-wrapper .download-file-column .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
    border-radius: 10px;
    object-position: top;
}
.trade-detail-template .trade_pos .file-content{
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.trade-detail-template .trade_pos .file-content .file-name{
    margin-bottom: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 1.2rem;
}
.trade-detail-template .trade_pos .file-content .file-meta{
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
    font-size: 0.8rem;
}
.trade-detail-template .trade_pos .file-content .file-meta span{
    display:flex;
    align-items:center;
    gap:8px;
}
.trade-detail-template .trade_pos .file-content .file-meta i{
    font-size: 1rem;
}
.trade-detail-template .trade_pos .file-content .action-button{
    margin-top: auto;
}
.trade-detail-template .trade_pos .file-content .action-button a{
    display:flex;
    justify-content:center;
    align-items:center;
    gap: 20px;
    border-radius:2rem;
    text-decoration:none;
    transition:.3s;
    padding: 10px 15px;
}
.trade-detail-template .trade_pos .file-content .action-button a i{
    font-size: 1rem;
    transition:.3s;
}
.trade-detail-template .newsletter_section{
    height: 100vh;
}
.trade-detail-template .newsletter_section .form-outer-wrapper{
    margin-left: auto;
    margin-right: 4%;
    border: 3px solid #fff;
    border-radius: 20px;
    padding: 15px;
    width: 34%;
}
.trade-detail-template .newsletter_section .form-wrapper{
    background-color: #fff;
    border-radius: 20px;
    padding: 60px;
}
.trade-detail-template .newsletter_section .nf-form-title h3{
    font-size: 34px;
    margin-bottom: 10px;
    font-weight: normal;
}
/* Responsive CSS - Trade Detail */
@media only screen and (min-width: 1601px) and (max-width: 1920px){}
@media only screen and (min-width: 1199px) and (max-width: 1600px)  {
    .trade-detail-template .newsletter_section .form-outer-wrapper{width: 38%}
}

@media (max-width: 1200px) {
    .trade-detail-template .newsletter_section .form-outer-wrapper { width: 54%; }
}
@media (max-width: 992px) {
    .trade-detail-template .eight_clm_text{margin-left: auto; margin-right: auto; width: 80%;}
    .trade-detail-template .trade_pos .eight_clm_text .download-area-wrapper .download-file-column { grid-template-columns:repeat(2,1fr); }
    .trade-detail-template .activation_and_pos .eight_clm_text .grid-container{flex-direction: inherit;}
    .trade-detail-template .activation_and_pos .eight_clm_text .col-6{width: 100%;}
    .trade-detail-template .introduction .eight_clm_text .flex-wrapper{flex-direction: column;}
}
@media (max-width: 768px) {
    .trade-detail-template .trade_catalogues .eight_clm_text h2 {  font-size: 22px;}
    .trade-detail-template .trade_catalogues.file-name{font-size: 16px;}
    .trade-detail-template .generic_text_section .eight_clm_text h2 {  font-size: 22px;}
    .trade-detail-template .newsletter_section .form-outer-wrapper { width: 90%;  }
    .trade-detail-template .newsletter_section .nf-form-title h3 {  font-size: 26px;}
    .trade-detail-template .trade_pos .eight_clm_text .download-area-wrapper .download-file-column { grid-template-columns:1fr;}
}
@media (max-width: 576px) {
    .trade-detail-template .trade_catalogues .eight_clm_text h2 {    font-size: 20px;  }
    .trade-detail-template .trade_catalogues .download-file-row{border-bottom: 2px solid #000; float: left;}
    .trade-detail-template .trade_catalogues .file-type{font-size: 16px;  float: left; width: 26%;  margin: 10px 0;  text-align: center;}
    .trade-detail-template .trade_catalogues .file-name{font-size: 15px;  float: left; width: 60%;  padding: 5%; }
    .trade-detail-template .trade_catalogues .download-btn{display: block; width: 100%;  float: left; margin: 20px 0;  text-align: center;}
    .trade-detail-template .generic_text_section .eight_clm_text h2 { font-size: 22px; line-height: 30px; }
    .trade-detail-template .trade_pos .eight_clm_text h2 { font-size: 1.5rem;  line-height: 1.5em;}
    .trade-detail-template .trade_enquiry_section .heading-wrapper h2 {  font-size: 28px;  line-height: 30px; margin-bottom: 30px;}
    .trade-detail-template .newsletter_section .form-wrapper{padding: 30px}
    .trade-detail-template .newsletter_section .nf-form-title h3 { font-size: 16px;}
}

/*------------- Meet the experts CSS -------------*/
.meet-the-experts{
    overflow: hidden;
}
.meet-the-experts a,
.single-experts .expert-details a{
    text-decoration: none;
    display: flex;
    flex-direction: column;
}
.single-experts .expert-details a{
    font-size: 1.2rem;
    font-weight: normal;
    white-space: wrap;
}
.meet-the-experts .hero_section h1{
    font-weight: 500;
    font-size: 4.5rem;
    line-height: 2em;
}
.meet-the-experts .hero_section .body-text{
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.6rem;
    padding: 0 8vw 0 0;
}
.meet-the-experts .hero_section {
    position: relative;
}
.meet-the-experts .hero_section .introText {
    position: absolute;
    right: 10%;
    top: -16%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 40%;
    min-width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.meet-the-experts .experts-list .eight_clm_text{
    margin-top: -5%;
}
.meet-the-experts .experts-list .experts-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    padding: 40px 0 20px;
    width: 100%;
}
.meet-the-experts .experts-list h2{
    align-self: center;
    line-height: 3em;
    font-size: 2.5rem;
    text-align: center;
}
.meet-the-experts .experts-list h2:after{
    content: "";
    display: block;
    height: 3px;
    width: 40%;
    margin: auto;
}
.meet-the-experts .experts-list .experts-grid .expert{
    border-radius: 20px;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
    margin-top: 15%;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease-in-out 0s;
}
.meet-the-experts .experts-list .experts-grid .expert:hover{
    transform: translateY(-15px);
}
.meet-the-experts .experts-list .experts-grid .expert img{
    margin-top: -15%;
    width: 100%;
}
.meet-the-experts .experts-list .experts-grid .expert .expert-info{
    padding: 20px 20px 40px 20px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 50px;
    border-radius: 0 0 20px 20px;
    flex: 1;
}
.meet-the-experts .experts-list .experts-grid .expert .expert-info h3{
    font-size: 1.5rem;
    line-height: 2em;
    margin-bottom: 0;
}
.meet-the-experts .experts-list .experts-grid .expert .expert-info h3:after{
    content: "";
    display: block;
    height: 3px;
    width: 20%;
}
.meet-the-experts .experts-list .experts-grid .expert .expert-info .expert-meta{
    margin-top: -20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.meet-the-experts .experts-list .experts-grid .expert .expert-info .expert-meta .btn{
    color: #fff;
    background: #0D3F67;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    width: 38px;
    min-width: 38px;
    border-radius: 50%;
}
.single-experts .hero_section .introText h1{
    font-weight: 500;
    font-size: 4.5rem;
    line-height: 2em;
}
.single-experts .hero_section .introText h3{
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.5em;
}
.single-experts .hero_section .introText h4{
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 2em;
}
.single-experts .intro_section h3{
    font-size: 2rem;
    line-height: 2em;
    margin: 0;
    text-align: center;
    width: 100%;
}
.meet-the-experts .experts-list{z-index: 1}
.single-experts .intro_section h2{
    font-size: 2.5rem;
    line-height: 2em;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    margin: 0;
    text-align: center;
    width: 100%;
    font-weight: 500;
}
.single-experts .intro_section .floating-cards{
    margin: 0;
}
.single-experts .journey_section,
.single-experts .memorable_section{
    position: relative;
    padding: 150px 0;
}
.single-experts .journey_section .eight_clm_text,
.single-experts .memorable_section .eight_clm_text{
    display: inherit;
}
.single-experts .journey_section .eight_clm_text .image-box{
    float: left;
    margin: 0 3rem 3rem 0;
    width: 360px;
}
.single-experts .journey_section .top-wave,
.single-experts .journey_section .bottom-wave,
.single-experts .memorable_section .top-wave,
.single-experts .memorable_section .bottom-wave{
    display: block;
    width: 100%;
    height: 120px;
}
.single-experts .journey_section .top-wave,
.single-experts .memorable_section .top-wave{
    position: absolute;
    left: 0;
    top: 0;
}
.single-experts .journey_section .bottom-wave,
.single-experts .memorable_section .bottom-wave{
    position: absolute;
    left: 0;
    bottom: 0;
}
.single-experts .intro_section .quote-section{
    width: 50%;
    margin: auto;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.single-experts .intro_section .quote-section img{
    margin-bottom: -50px;
}
.single-experts .intro_section .quote-section .dialoge-box{
    position: relative;
    border: 6px solid;
    border-radius: 30px;
    padding: 1em;
}
.single-experts .intro_section .quote-section .dialoge-box .dialoge-text{
    border-radius: 25px;
    padding: 2em 3em;
    position: relative;
    z-index: 2;
}
.single-experts .intro_section .quote-section .dialoge-box .dialoge-text h3{
    font-size: 2rem;
    line-height: 1em;
    margin-bottom: 20px;
    text-align: inherit;
}
.single-experts .intro_section .quote-section .dialoge-box .dialoge-text p{
    font-size: 1.1rem;
    line-height: 1.5em;
}
.single-experts .intro_section .quote-section .dialoge-box .quote{
    position: absolute;
    font-size: 4rem;
    color: #0d3f67;
    z-index: 3;
}
.single-experts .intro_section .quote-section .dialoge-box .quote-left{
    top: -15px;
    left: -15px;
}
.single-experts .intro_section .quote-section .dialoge-box .quote-right{
    bottom: -15px;
    right: -15px;
}
.single-experts .intro_section .quote-section .dialoge-box:before{
    content: "";
    position: absolute;
    top: -8px;
    left: -6px;
    width: 80px;
    height: 80px;
    z-index: 1;
    border-radius: 30px 0 0 0;
    border-top: 8px solid #fff;
    border-left: 8px solid #fff;
}
.single-experts .intro_section .quote-section .dialoge-box:after{
    content: "";
    position: absolute;
    bottom: -8px;
    right: -6px;
    width: 80px;
    height: 80px;
    z-index: 1;
    border-radius: 0 0 30px 0;
    border-bottom: 8px solid #fff;
    border-right: 8px solid #fff;
}

/*------------- Meet the experts details page CSS -------------*/
.expert-details{
    overflow: hidden;
}
.expert-details .intro_section section.eight_clm_text{
    width: 90% !important;
    margin:0 auto !important;
}
.expert-details .intro_section{
    padding:0;
    margin-top:-100px;
    z-index:9;}
.expert-details .hero_section {
    position: relative;
}
.expert-details .hero_section .introText {
    position: absolute;
    color: #0d3f67;
    right: 10%;
    top: -16%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 40%;
    min-width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
/* --- MAIN WRAPPER --- */
.expert-details .qualifications-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;

}

.expert-details .quote-section img {
    width: auto;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}


/* --- DYNAMIC FLOATING CARDS --- */
.expert-details .floating-cards {
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    display: grid;
    /* Creates 2 columns. The center is left empty for the image */
    grid-template-columns: 1fr 1fr; 
    align-content: space-evenly;
    gap: 100px;
    z-index: 2;
    pointer-events: none; /* Allows clicking the image underneath if needed */
}

.expert-details .qualification {
    padding: 20px 25px;
    border-radius: 30px; /* Gives the pill-like shape from the image */
    font-family: inherit;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    max-width: 400px;
    position: relative;
    margin-bottom: -50px;
}

.expert-details .qualification p {
    margin: 0;
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 1.5em;
}

/* --- DYNAMIC POSITIONING --- */
/* Pushes odd items (1, 3, 5...) to the Left side */
.expert-details .qualification:nth-child(odd) {
    grid-column: 1;
    justify-self: end;
    margin-right: 220px; /* Pushes card away from the center image */
}
/* Pushes even items (2, 4, 6...) to the Right side */
.expert-details .qualification:nth-child(even) {
    grid-column: 2;
    justify-self: start;
    margin-left: 220px; /* Pushes card away from the center image */
}

/* --- DYNAMIC ARROWS (SVGs) --- */
/* Right-pointing arrow for left-side cards */
.expert-details .qualification:nth-child(odd)::after {
    content: '';
    position: absolute;
    right: -100px;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    height: 80px;
    background:url("./coa_2020_build_static/dist/images/yellow-arrow-lt.png") no-repeat center;
    background-size: contain;
}

/* Left-pointing arrow for right-side cards */
.expert-details .qualification:nth-child(even)::after {
    content: '';
    position: absolute;
    left: -100px;
    top:50%;
    transform: translateY(-50%);
    width: 80px;
    height: 80px;
    background:url("./coa_2020_build_static/dist/images/yellow-arrow.png") no-repeat center;
    background-size: contain;
}
/* Targets ONLY the 1st box */
.expert-details .qualification:nth-child(1) {
    margin-right: 150px;
}
/* Targets ONLY the 2nd box */
.expert-details .qualification:nth-child(2) {
    margin-left: 150px;
}

/* Targets ONLY the 3nd box */
.expert-details .qualification:nth-child(3) {
    margin-right: 230px;
}
/* Targets ONLY the 4nd box */
.expert-details .qualification:nth-child(4) {
    margin-left: 230px;
}

/* Targets ONLY the 5nd box */
.expert-details .qualification:nth-child(5) {
    margin-right: 300px;
}
/* Targets ONLY the 6nd box */
.expert-details .qualification:nth-child(6) {
    margin-left: 300px;
}
.expert-details .journey_section .journey-content h2:after,
.expert-details .memorable_section .memorable-content h2:after{
    content: "";
    display: flex;
    height: 3px;
    border-radius: 3px;
    margin: 10px 20px 0 0;
    width: fit-content;
    min-width: 13%;
}
.journey_section .eight_clm_text .journey-content p,
.memorable_section .memorable-content p{
    font-size: 1.1rem;
    margin-bottom: 10px; 
    line-height: 1.5em;
}
.journey_section .eight_clm_text .journey-content p:last-child,
.memorable_section .memorable-content p:last-child{
    margin-bottom: 0;
}
.expert-details .advice_section h2{
    font-size: 1.875rem;
    line-height: 2em;
}
.expert-details .advice_section h2:after{
    content: "";
    display: block;
    height: 3px;
    border-radius: 3px;
    margin-bottom: 1.8em;
}
.expert-details .advice_section .advices{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}
.expert-details .advice_section .advices .advice{
    display: flex;
    flex-direction: column;
}
.expert-details .advice_section .advices .advice h4{
    font-size: 1.3rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    align-self: flex-start;
}
.expert-details .advice_section .advices .advice h4:after{
    content: "";
    display: block;
    height: 3px;
    border-radius: 3px;
    margin-top: 0.5rem;
}
.single-experts .memorable_section .eight_clm_text .image-box{
    float: right;
    margin: 0 0 3rem 3rem;
    width: 360px;
}
.expert-details .advice_section .advices .advice .advice_content p,
.expert-details .fun_question .questions .question .answer p{
    margin-bottom: 10px;
    line-height: 1.5em;
}
.expert-details .advice_section .advices .advice .advice_content p:last-child,
.expert-details .fun_question .questions .question .answer p:last-child{
    margin-bottom: 0;
}
.expert-details .fun_question .eight_clm_text{
    width: 60%;
    margin: 5% auto 0;
}
.expert-details .fun_question h2{
    font-size: 2rem;
    line-height: 2em;
    margin-bottom: 1em;
}
.expert-details .fun_question h2:after{
    content: "";
    display: block;
    height: 3px;
    border-radius: 3px;
    margin-top: 0.5rem;
}
.expert-details .fun_question .questions .question h4{
    font-size: 1.3rem;
    line-height: 1.5em;
    margin-bottom: 1em;
}
.expert-details .cta{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 10% auto 3%;
}
.expert-details .cta p{
    font-size: 1.2rem;
    line-height: 1.5em;
    font-weight: normal;
}
.single-experts .expert-details .journey_section .eight_clm_text .image-box,
.single-experts .expert-details .memorable_section .eight_clm_text .image-box{
    max-width: 100%;
}


/* --- MOBILE RESPONSIVENESS --- */
@media (max-width: 1024px) {
    .expert-details .qualifications-wrapper {
        flex-direction: column;
        height: auto;
        padding: 40px 15px;
    }

   .expert-details .quote-section {
        order: -1; /* Puts the image on top for mobile */
        margin-bottom: 40px;
    }

    .expert-details .floating-cards {
        position: relative;
        grid-template-columns: 1fr; /* Stacks everything in one column */
        gap: 20px;
    }

    /* Reset margins and positioning for mobile */
    .expert-details .qualification:nth-child(odd),
    .expert-details .qualification:nth-child(even) {
        grid-column: 1;
        justify-self: center;
        margin: 0;
        max-width: 100%;
    }

    /* Hide arrows on smaller screens so it doesn't look messy */
    .expert-details .qualification::after {
        display: none; 
    }
}

/* Responsive CSS - meet the experts */
@media (max-width: 992px){
    .meet-the-experts .experts-list .experts-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .meet-the-experts .hero_section .introText{
        min-width: 70%;
        margin: 30px auto;
        left: 0;
        top: 0;
        position: relative;
        height: auto;
    }
    .meet-the-experts .hero_section .body-text{
        padding: 0;
    }
    .meet-the-experts .hero_section h1{
        line-height: 1.1em;
        margin: 20px 0;
        font-size: 3rem;
    }
    .expert-details .hero_section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .expert-details .hero_section .introText{
        min-width: 80%;
        margin: 30px auto;
        right: 0;
        left: 0;
        top: 0;
        position: relative;
        height: auto;
    }  
    .expert-details .qualification p {
        font-size: 1.3rem !important;
    }
    .single-experts .hero_section .introText h1{
        font-size: 2.5rem;
        line-height: 2em;
        margin: 20px 0;
    }
    .single-experts .intro_section .quote-section {
        width: 100%;
    }
    .expert-details .intro_section {
        padding: 0;
        margin-top: 10px;
        z-index: 9;
    }
    .expert-details .fun_question .eight_clm_text{
        width: 70%;
    }
    .expert-details .cta{
        width: 60%;
    }
}
    

@media (max-width: 768px){
    .meet-the-experts .experts-list .experts-grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .expert-details .advice_section .advices{
        grid-template-columns: repeat(1, 1fr);
    }
    .single-experts .journey_section .eight_clm_text .image-box,
    .single-experts .memorable_section .eight_clm_text .image-box{
        float: none;
        margin: 0 auto 3rem;
    }
    .expert-details .fun_question .eight_clm_text{
        width: 80%;
    }
    .expert-details .cta{
        width: 70%;
    }
    .expert-details .hero_section .introText,
    .meet-the-experts .hero_section .introText{
        transform: rotate(-10deg);
    }
    .meet-the-experts .hero_section svg,
    .single-experts .expert-details svg{
        height: 100vw;
    }
}