@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*, *::before, *::after{
    box-sizing:border-box;
    padding:0;
    margin:0;
}

body
{
    margin:0;
	padding:0; 
    min-height:100vh;
    background-color:#f8f8f8;
    font-family: "Google Sans Flex", sans-serif;
    letter-spacing:-1;
    font-size:1.1rem;
  font-optical-sizing: auto;
}

a
{
    color:#515A47;
    text-decoration:none;
}

button
{
    padding:12px 35px; 
    background-color:#00768d;
    color:white;
    border:none;
    outline:none;
    text-transform:uppercase;
    
}

button a
{
    color:white;
}

.jc-actions-row
{
    display:flex;
    flex-direction:row;
    gap:25px;
}

.back-button-container
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    gap:15px;
}

.back-button-container > div:nth-child(1)
{
    color:#1a9fb8;
}

.jc-scrollable-col
{
    height:100vh;
    overflow-y:scroll;
}

.jc-deadline-block
{
    display:inline-block;
    text-align:center;
    justify-content:center;
    padding:15px 30px;
    border:1px solid #80cad8;
    border-radius:23px;
    font-weight:600;
}

.w-45
{
    width:45%;
    position:relative;
}


.jc-width
{
    width:92%;
}

.jc-details-container
{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.jc-details-container > div
{
    border-bottom:1px solid #cdcdcd;
    padding-bottom:18px;
}

.jc-details-container > div:last-child
{
    border-bottom:none;
}

.jc-item
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    gap:15px;
    
}

.jc-item > div:nth-child(1)
{
    width:35%;
    font-size:0.9rem;
    text-transform:uppercase;
    color:#0094b0;
}

.jc-item > div:nth-child(2)
{
    width:75%;
    font-size:0.9rem;
}

.jc-info-page
{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.jc-info-page-content
{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.jc-info-page-content > div:nth-child(1)  /**title****/
{
    font-size:1.0rem;
    font-weight:700;
    color:#1a9fb8;
}

.jc-info-page-content-description
{
    font-size:0.9rem;
    line-height:1.9;
    
}

.team-item-top-info
{
    display:flex;
    flex-direction:column;
    gap:10px;
    
}

.team-item-top-info > div:nth-child(1)
{
    font-size:1.2rem;
    font-weight:600;
    color:#003b46;
}

.team-item-top-info > div:nth-child(2)
{
    font-size:0.7rem;
    font-weight:500;
    color:#0094b0;
    text-transform:uppercase;
}

.team-item-top-info > div:nth-child(3)
{
    font-size:0.8rem;
    font-weight:400;
    color:#0094b0;
}

.lead-image-container {
    height: 120px;          /* your fixed height */
    width: 100%;            /* or a fixed width */
}

.lead-image-container img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    border-radius:50%;
    border:1px solid #b3dfe7;
}

.lead-image-container-variant {
    height: 200px;          /* your fixed height */
    width: 100%;            /* or a fixed width */
}

.lead-image-container-variant img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    border-radius:50%;
    border:1px solid #b3dfe7;
}

.lead-item
{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.lead-item > div:nth-child(1)
{

}

.lead-item > div:nth-child(2)
{
    font-size:0.8rem;
    line-height:1.8;
    font-weight:400;

}

.leads-3-container
{
    display:flex;
    flex-direction:row;
    gap:20px;
    
}

.leads-3-container > div
{
    background-color:#fff;
    width:33%;
    padding:24px 30px;
    border-radius:25px;
}

.leads-2-container
{
    display:flex;
    flex-direction:row;
    gap:20px;
    
}

.leads-2-container > div
{
    background-color:#fff;
    width:50%;
    padding:24px 30px;
    border-radius:25px;
}

.lead-item-top
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    gap:14px;
}

.ln-container
{
    display:inline-flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    gap:5px;
    padding:2px 8px;
    border-radius:12px;
    border:1px solid #b3dfe7;
}

.lead-item-top > div:nth-child(1)
{
    width:40%;
}

.lead-item-top > div:nth-child(2)
{
    width:60%;
}

.mobile-menu-container
{
    display:flex; 
    flex-direction:column;
    gap:20px;
}

.team-title
{
    font-size:1.6rem;
    color:#00768d;
    font-weight:700;
}

.hidden
{
    display:none;
}

.mobile-menu-block
{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}

.mobile-menu
{
    display:none;
    background-color:#00768d;
    padding:50px 100px;
    font-size:1.4rem;
    position:fixed;
    width:100%;
    height:100vh;
    color:#fff; 
    top:0;
    left:0;
    z-index:100;
    
}

.mobile-menu a
{
    color:#fff;
}

.blog-header-description
{
    font-size:0.9rem;
    color:#949494;
    font-weight:400;
}

.poppins-bold
{
    font-family:"Poppins", sans-serif;
    font-weight:800;
}

.dblue
{
    color:#0094b0;
}

.homepage-img-container
{
    height: 300px;          /* your fixed height */
    width: 100%;  
}

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

.homepage-news-item
{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.homepage-news-item > div:nth-child(1)
{
    height:180px;
}



.homepage-news-items-4-container
{
    display:flex;
    flex-direction:row;
    gap:30px;
}

.homepage-news-items-4-container > div
{
    width:25%;
}

.pmarker
{
    font-family: "Permanent Marker", cursive;
}

.news-intro-homepage
{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.news-intro-homepage > div:nth-child(1)
{
    font-size:2.5rem;
}

.news-intro-homepage > div:nth-child(2)
{
    font-size:1.2rem;
    line-height:1.6;
}

.chips-container
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    flex-wrap:wrap;
    gap:10px;
    font-size:0.9rem;
}

.chips-container > div
{
    border:1px solid #99d4df;
    padding:10px 22px;
    border-radius:25px;
}

.blog-row-title
{
    font-size:1.1rem;
    color:#0094b0;
}

.article-author-info
{
    display:inline-flex;
    flex-direction:column;
    padding:15px 30px;
    background-color:#fcfcfc;
    border-radius:15px;
    gap:7px;
}

.article-author-info > div:nth-child(1)
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    gap:5px;
}

.article-author-info > div:nth-child(2)
{
    font-size:0.8rem;
    color:#646464;
}

.article-sidelinks-container
{
    display:flex;
    flex-direction:column;
    /*gap:20px;*/
}


.share-buttons {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.share-buttons a {
  padding: 6px 12px;
  border-radius: 4px;
  background: #f2f2f2;
  text-decoration: none;
  font-size: 14px;
}

.share-buttons a:hover {
  background: #e0e0e0;
}

.article-meta-container
{
    font-size:0.7rem;
    color:#33a9c0;
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    gap:13px;
    text-transform:uppercase;
    
}

.success
{
    background-color:#eaf4e5;
    color:#a8cb94;
}

.busy
{
    background-color:#dfdfdf;
    color:#959595;
}

.error-block
{
    display:inline-flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    padding:6px 18px;
    gap:7px;
    background-color:#f7eeec;
    color:#e2764c;
    
}

.error-block > div:nth-child(1)
{
    font-size:1.2rem;
}

.error-block > div:nth-child(2)
{
    font-size:0.9rem;
}

.success-block
{
    display:inline-flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    padding:6px 18px;
    gap:7px;
    background-color:#f3fcf4;
    color:#9bbd9e;
    
}

.success-block > div:nth-child(1)
{
    font-size:1.2rem;
}

.success-block > div:nth-child(2)
{
    font-size:0.9rem;
}

.blog-category-menu-container
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    justify-content:space-between;
}

.blog-category-menu-container > div:nth-child(1)
{
    font-size:1.5rem;
    font-weight:500;
}

.blog-category-menu-container > div:nth-child(2)
{
    font-size:1.1rem;
    font-weight:400;
}

.phtrp-latest-blog-item
{
    display:flex;
    align-items:center;
    justify-content:center;
}

.phtrp-latest-blog-item > div
{ 
    flex:1;
}

.membership-bullets-container
{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.bullet
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    gap:10px;
}


.bullet > div:nth-child(1)
{
    font-size:1.4rem;
    color:#b3dfe7;
    font-weight:800;
}

.phtrp-small
{
    font-size:0.9rem;
    color:#848484;
}

.phtrp-login-container
{
    position:fixed;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    height:100vh;
    
    label
    {
        font-size:0.8rem;
        color:grey;
        font-weight:600;
    }
    
    input
    {
        border-radius:15px;
        padding:6px 18px;
        font-size:1.0rem;
        border:1px solid #a3a3a3;
        outline:none;
        width:100%;

    }
    
    select
    {
        border-radius:15px;
        padding:7px 18px;
        font-size:1.0rem;
        border:1px solid #a3a3a3;
        outline:none;
         width: 100%;
    display: block;
        box-sizing: border-box;
        background-color:white; 
        flex: 1;
    }
    
    textarea
    {
         border-radius:15px;
        padding:6px 18px;
        font-size:1.1rem;
        border:1px solid #a3a3a3;
        outline:none;
        width:100%;
        height:120px;

    }
    
    button
    {
        padding:8px 40px;
        border:none;
        outline:none;
        border-radius:30px;
        background-color:#0094b0;
        color:white;
        width:100%;
        font-size:0.9rem;
    }
}

.phtrp-login-container > div
{
    width:35%;
    background-color:white;
    border-radius:30px;
    padding:30px 60px;
}

.login-title
{
    font-size:1.5rem;
    font-weight:500;
}

.iconed-small-borderless
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    gap:15px;
    font-size:0.8rem;
    font-weight:400;
    
}

.membership-title-info-container
{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.membership-title-info-container > div:nth-child(1)
{
    font-size:2.0rem;
    font-weight:500;
    line-height:1.4;
    
}

.membership-title-info-container > div:nth-child(2)
{
    font-size:0.9rem;
    font-weight:400;
}

.signup-logo-container
{
    position:absolute;
    top:50px;
}

.jc-form-information-container
{
    display:flex;
    flex-direction:column;
    gap:5px;
    text-align:center;
    justify-content:center;
}

.jc-form-information-container  > div:nth-child(1)
{
    font-size:1.1rem;
    font-weight:800;
}

.jc-form-information-container  > div:nth-child(2)
{
    font-size:0.9rem;
    color:#868483;
}

.jc-form-container
{
    display:flex;
    flex-direction:column;
    gap:4px;
    
    input
    {
        border-radius:18px;
    }
}

.jc-form-row-2
{
    display:flex;
    flex-direction:row;
    justify-content:center;
    width:100%;
    gap:5px;
}

.jc-form-row-2 > div
{
    width:50%;
}

.form-container
{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.create-account-container
{
     display: flex;
     flex-direction:row;
     height: 100vh; 
    
    
}

.create-account-container > div:nth-child(1)
{
    overflow-y:scroll;
}

.create-account-container > div:nth-child(2)
{
    overflow-y:scroll;
}

.create-account-container-variant
{
     display: flex;
     flex-direction:row;
     height: 100vh; 
    
    
}

.create-account-container-variant > div:nth-child(1)
{
    overflow-y:scroll;
    background-color:#fff;
}

.create-account-container-variant > div:nth-child(2)
{
    overflow-y:scroll;
}

.phtrp-col-variant
{
  flex: 1;                /* equal width columns */
  display: flex;
  align-items: center;    /* center content vertically */
  background-color:#fff;
  min-height:100vh;
  overflow-y:scroll;
  /*justify-content: center;/* center content horizontally */
  padding:40px 70px;
  
  
}



.phtrp-col
{
    flex: 1;                /* equal width columns */
  display: flex;
  align-items: center;    /* center content vertically */
  /*justify-content: center;/* center content horizontally */
  
   label
    {
        font-size:0.7rem;
        color:grey;
        font-weight:400;
        text-transform:uppercase;
    }
    
    input
    {
        border-radius:6px;
        padding:6px 18px;
        font-size:0.9rem;
        border:1px solid #a3a3a3;
        outline:none;
        width:100%;

    }
    
    select
    {
        border-radius:6px;
        padding:7px 18px;
        font-size:0.9rem;
        border:1px solid #a3a3a3;
        outline:none;
         width: 100%;
    display: block;
        box-sizing: border-box;
        background-color:white; 
        flex: 1;
    }
    
    textarea
    {
        padding:6px 18px;
        font-size:1.0rem;
        border:1px solid #a3a3a3;
        outline:none;
        width:100%;
        height:150px;

    }
    
    button
    {
        padding:8px 40px;
        border:none;
        outline:none;
        border-radius:30px;
        background-color:#0094b0;
        color:white;
        width:100%;
        font-size:0.9rem;
    }
}

.phtrp-col:first-child {
  background-color:#cceaef;
  justify-content:flex-start;
}

.phtrp-col:last-child {
    justify-content:flex-start;
    flex:1;
}

.phtrp-light-blue
{
    background-color:#cceaef;
}

.membership-type-item
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    gap:50px;
    
    button
    {
        background-color:#00859e;
        border-radius:25px;
        padding:10px 25px;
        font-size:0.8rem;
        font-weight:500;
        border:none;
        outline:none;
        color:white;
    }
}

.membership-type-item > div:nth-child(1)
{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.membership-type-item > div:nth-child(1) > div:nth-child(1)
{
    font-size:1.1rem;
    font-weight:800;
}

.membership-type-item > div:nth-child(1) > div:nth-child(2) 
{
    font-size:0.9rem;
    line-height:1.8;
    font-weight:300;
    color:grey;
}

.membership-type-item > div:nth-child(1) > div:nth-child(3)
{
    font-size:0.9rem;
    line-height:1.6;
    font-weight:500;
    color:#0094b0;
}

.membership-selector
{
    display:flex;
    flex-direction:column;
    background-color:white;
    padding:40px 55px;
    border-radius:35px;
    gap:12px;
    width:55%;
}

.phtrp-membership-types
{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.phtrp-membership-types > div
{
    padding:20px 30px;
    border:1px solid #b3dfe7;
    justify-content:flex-start;
    border-radius:35px; 
    text-align:left;
}

.phtrp-form
{
    display:flex;
    flex-direction:column;
    gap:10px;
    
    label
    {
        font-size:0.8rem;
        color:grey;
        font-weight:600;
    }
    
    input
    {
        border-radius:15px;
        padding:6px 18px;
        font-size:1.0rem;
        border:1px solid #a3a3a3;
        outline:none;
        width:100%;

    }
    
    textarea
    {
         border-radius:15px;
        padding:6px 18px;
        font-size:1.1rem;
        border:1px solid #a3a3a3;
        outline:none;
        width:100%;
        height:120px;

    }
    
    button
    {
        padding:10px 40px;
        border:none;
        outline:none;
        border-radius:15px;
        background-color:#0094b0;
        color:white;
    }
}

.col-panel-info
{
    display:flex;
    flex-direction:column;
}

.col-panel-info > div:nth-child(1)
{
    font-size:0.8rem;
    font-weight:900;
}

.col-panel-info > div:nth-child(2)
{
    font-size:0.9rem;
    color:#6d6d6d;
    margin-top:5px;
}

.left-contacts
{
    display:flex;
    flex-direction:column;
    gap:18px;
    
}

.contacts-pallete
{
    display:inline-block;
    background-color: #e6f4f7;
    padding:6px 25px;
    border-radius:20px;
    font-size:0.7rem;
    text-transform:uppercase;
    font-weight:700;
}

.left-contacts > div:nth-child(2)
{
    font-size:1.6rem;
    font-weight:700;
    
}

.left-contacts > div:nth-child(3)
{
    font-size:0.9rem;
    font-weight:300;
    line-height:1.8;
    
}

.contacts-container
{
    display:flex;
    flex-direction:row;
    gap:60px;
    border-radius:30px;
    padding:50px 60px;

}

.contacts-container > div:nth-child(1)
{
    width:35%;
}

.contacts-container > div:nth-child(2)
{
    width:60%;
}

.article-reader-container
{
    display:flex;
    flex-direction:column;
    gap:30px;
    
}

.opened-article-content
{
    font-size:1.0rem;
    line-height:1.8;
    color:#585858;
}


.other-post-links
{
    display:flex;
    flex-direction:column;
    gap:15px;
    font-size:0.9rem;
}

.other-post-links > div:nth-child(1)
{
    font-size:1.3rem;
    font-weight:500;
}

.article-date-and-author-information
{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.current-category-pallete
{
    display:inline-block;
    text-align:center;
    background-color:white;
    border-radius:30px;
    padding:10px 25px;
    gap:11px;
    flex-direction:column;
}

.current-category-pallete > div:nth-child(1)
{
    font-size:0.7rem;
    color:#1a9fb8;
    text-transform:uppercase;
    justify-content:flex-start;
    text-align:left;
}

.current-category-pallete > div:nth-child(2)
{
    font-size:1.0rem;
    font-weight:700;
}

.categories-column-container
{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.categories-column-container > div
{
    /*border-bottom: 1px solid #d2d2d2;*/
    padding-bottom:30px;
}

.categories-column-container > div:last-child
{
    border-bottom:none;
}

.categories-main-container
{
    display:flex;
    flex-direction:row;
    gap:55px;
}

.categories-main-container > div:nth-child(1)
{
    width:65%;
}

.categories-main-container > div:nth-child(2)
{
    width:25%;
}


.categories-container
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    align-content:center;
    gap:15px;
}

.categories-container > div
{
    font-size:1.4rem;
    background-color:white;
    border-radius:40px;
    padding:25px 50px;
    text-align:center;
}

.bottom-blog-item-meta
{
    position:absolute;
    bottom:2px;
     display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    gap:10px;
    font-size:0.7rem;
    color:#8c8c8c;
    text-transform:uppercase;
}

.category-row-item-information-meta
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    gap:10px;
    font-size:0.7rem;
    color:#8c8c8c;
    text-transform:uppercase;
}

.category-row-item-information
{
    display:flex;
    flex-direction:column;
    gap:4px;
    font-size:0.9rem;
}

.category-row-item-informationV2
{
    display:flex;
    flex-direction:column;
    gap:7px;
    font-size:1.2rem;
}

.cateory-row-item
{
    display:flex;
    flex-direction:row;
    /*align-items:center;
    align-content:center;*/
    gap:20px;
}

.cateory-row-item  > div:nth-child(1)
{
    width:30%;
}

.cateory-row-item  > div:nth-child(2)
{
    width:70%;
}


.categories-row-container
{
    display:flex;
    flex-direction:row;
    gap:20px;
}

.categories-row-container > div
{
    width:50%;
}


.latest-cat-container
{
    display:flex;
    flex-direction:row;
    gap:20px;
}

.latest-cat-container > div:nth-child(1)
{
    width:70%;
}

.latest-cat-container > div:nth-child(2)
{
    width:30%;
}

.blog-item
{
    display:flex;
    flex-direction:column;
    gap:12px;
    font-size:0.9rem;
}


.blog-item > div:nth-child(1)
{
    height:170px;
}

.four-blog-items-container
{
    display:flex;
    flex-direction:row;
    gap:17px;
}

.four-blog-items-container > div
{
    background-color:white;
    padding:12px 15px;
    border-radius:15px;
    width:25%;
}

.author-information-container
{
    display:flex;
      flex-direction:row;
    align-items:center;
    align-content:center;
    gap:10px;
    color:#7f7f7f;
    font-size:0.9rem;
}

.blog-meta-container
{
    display:flex;
     flex-direction:row;
    align-items:center;
    align-content:center;
    gap:10px;
    color:#7f7f7f;
    font-size:0.7rem;
    text-transform:uppercase;
}

.latest-blog-item-information
{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.latest-blog-item-information > div:nth-child(2)
{
    font-size:2.0rem;
    line-height:1.4;
    font-weight:600;
}

.tag-block
{
    display:inline-block;
    padding:5px 12px;
    border:1px solid #99d4df;
    color:#00859e;
    text-transform:uppercase;
    text-align:center;
    font-size:0.8rem;
    font-weight:800;
}

.tag-block-filled-small
{
    display:inline-block;
    padding:2.5px 6px;
    background-color:#0094b0;
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    font-size:0.6rem;
    font-weight:500;
}


.latest-blog-item-container
{
    height:50%;
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    padding:20px 45px;
    background-color:white;
    border-radius:15px;
    justify-content:center;
    gap:15px;
}

.latest-blog-item-container > div 
{
    width:50%;
}

.actn-large
{
    display:inline-flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
   background-color:#0094b0; 
    color:white;
    padding:15px 35px;
    gap:50px;
    border-radius:4px;
    
}

.membership-item
{
    display:flex;
    flex-direction:column;
    gap:18px;
    font-size:0.9rem;
    
    ul 
    {
      list-style: none;
    }
    
    ul li:before 
    {
      content: '✓ ';
      color:#aae57c;
      font-weight:700;
    }
    
    li
    {
        margin-top:7px;
    }
}



.membership-item > div:nth-child(1)
{
    font-size:1.3rem;
    color:#000;
    font-weight:500;
}

.membership-item > div:nth-child(2)
{
    background-color:#80cad8;
    height:8px;
    width:20%;
    border-radius:20px;
    margin-top:-10px;
}

.membership-item > div:nth-child(4)
{
    font-weight:600;
    font-size:1.1rem;
    color:#808080;
}

.full-width-panel
{
    padding:20px 45px;
    border-radius:20px;
}

.panel-description
{
    line-height:1.8;
}

.membership-types-container
{
    display:flex;
    flex-direction:row;
    justify-content:center;
    gap:50px;
}

.membership-types-container > div
{
    width:33%;
    background-color:white;
    border-radius:20px;
    padding:20px 40px;
}

.dropdown
{
    display:inline-block;
    position:relative;
}

.dropdown-content
{
    display:none;
    margin-top:7px;
    position:absolute;
    background-color:white;
    padding:15px 35px;
    width:250px;
    border-radius:10px;
    z-index:10;
}

.dropdown-content > div
{
    margin-top:15px;
}

.dropown:hover .dropdown-content
{
    display:block;
}

.member
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    gap:15px;
    
    
    img
    {
        height:135px;
        width:135px;
        border-radius:50%;
        border:3px solid #b3dfe7;
    }
}

.member-information
{
    display:flex;
    flex-direction:column;
}

.member-information > div:nth-child(1)
{
    font-weight:700;
}

.member-information > div:nth-child(2)
{
    font-weight:300;
    font-size:0.9rem;
    color:#868686;
}

.teamleads-container
{
    display:flex;
    flex-direction:column;
    gap:60px;
}

.teamleads-container > div:last-child
{
    border-bottom:none;
}

.teamleads-container > div
{
    border-bottom:1px solid #efefef;
    padding-bottom:50px;
}

.teamleads-row
{
    display:flex;
    flex-direction:row;
    justify-content:center;
    gap:25px;
}

.teamleads-row > div
{
    width:33%;
}

.founders-name
{
    color:#077187;
    font-size:1.1rem;
    font-weight:700;
    font-family:"Poppins Sans", sans-serif;
}

.docket
{
    display:flex;
    flex-direction:column;
    gap:7px;
    
}


.docket > div:nth-child(1)
{
    font-size:1.4rem;
    font-weight:500;
    text-align:center;
}

.docket > div:nth-child(2)
{
    font-size:1.0rem;
}

.operational-dockets-container
{
    display:flex;
    flex-direction:row;
    justify-content:center;
    gap:50px;
    
    li
    {
        margin-top:7px;
    }
}

.operational-dockets-container > div
{
    padding:20px 20px;
    border-radius:20px;
    /*border:1px solid #62cc8d;*/
    width:33%;
    justify-content:flex-start;
    background-color:#eef2f4;
}

.footer-links-column
{
    display:flex;
    flex-direction:column;
    gap:12px;
    font-size:0.9rem;
}

.footer-links-column > div:nth-child(1)
{
    font-size:1.0rem;
    font-weight:800;
}

.timeline-date
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    gap:12px;
    font-size:1.0rem;
    color:#b3dfe7;
}

.timeline-date > div:nth-child(1)
{
    color:#e6f4f7;
    font-size:1.2rem;
}

.timeline-date > div:nth-child(2)
{
    color:#0094b0;
    font-size:1.2rem;
}

.timeline-item > div:nth-child(2)
{
    font-size:1.5rem;
    color:#0094b0;
    /*font-family: "Poppins", sans-serif;*/
    font-weight:500;
}

.timeline-item > div:nth-child(3)
{
    font-size:0.9rem;
    font-weight:300;
    color:#8d8d8d;
}

.timeline-item
{
    display:flex;
    flex-direction:column;
    gap:7px;
}

.timeline-container
{
    display:flex;
    flex-direction:column;
    gap:25px;
    /*border-left:1px solid #b3dfe7;*/
    padding-left:30px;
    
}

.timeline-container > div
{
    border-bottom:1px solid #efefef;
    padding-bottom:25px;
}

.timeline-container > div:last-child
{
    border-bottom:none;
}

.timeline-main-container
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    justify-content:center;
    gap:25px;

}

.timeline-main-container > div
{
    width:50%;
}

.wwdo-container
{
    display:flex;
    flex-direction:column;
    text-align:left;
    gap:8px;
}

.wwdo-container > div:nth-child(1)
{
    font-size:1.4rem;

}

.wwdo-container > div:nth-child(2)
{
    height:5px;
    background-color:#b3dfe7;
    width:8%;
    border-radius:8px;
}

.wwdo-container > div:nth-child(3)
{
    font-size:2.8rem;
    font-weight:900;
    line-height:1.2;
}

.wwdo-container > div:nth-child(4)
{
    font-size:1.1rem;
    margin-top:10px;
    line-height:1.6;
}

.green-underline
{
    color:#08839B;
     text-decoration: underline solid #b3dfe7 30%; 
     font-weight:800;
}

.mivision-container
{
    display:flex;
    flex-direction:column;
    text-align:left;
    gap:8px;
}

.mivision-container > div:nth-child(1)
{
    font-size:1.5rem;
    font-weight:600;
}

.mivision-container > div:nth-child(2)
{
    height:3px;
    background-color:#b3dfe7;
    width:8%;
    border-radius:8px;
}

.mivision-container > div:nth-child(3)
{
    font-size:1.0rem;
    margin-top:10px;
    line-height:1.8;
}

.row-2-center-align
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    justify-content:center;
    gap:20px;
}

.row-2-center-align > div
{
    width:50%;
}

a:hover
{
    color:#4ba8b4;
}

.phtrp-blue
{
    background-color:#79aebf;
    color:white;
}

.phtrp-blue-button
{
    background-color:#3e7282;
    display:inline-block;
    padding:10px 35px;
    font-size:1.0rem;
    font-weight:500;
    text-transform:uppercase;
    color:white;
}

.initiative-item
{
    display:flex;
    flex-direction:column;
    background-color:white;
    padding:30px 25px;
    border:1px solid #e9e9e9;
    img
    {
        height:50px;
        width:50px;
    }

}


.initiative-item > div:nth-child(1)
{
    margin-bottom:20px;
}

.initiative-item > div:nth-child(2)
{
    font-size:1.1rem;
     font-family: "Poppins", sans-serif;
  font-weight: 800;
    margin-bottom:12px;
}

.initiative-item > div:nth-child(3)
{
    font-size:1.0rem;
    color:#696969;
}

.mixed-topic-item
{
    display:flex;
    flex-direction:row;
    align-content:center;
    align-items:center;
    gap:20px;
}

.mixed-topic-item > div:nth-child(1)
{
    width:35%;
}

.mixed-topic-item > div:nth-child(2)
{
    width:65%;
    text-align:left;
}

.mixed-topic-item-description
{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.mixed-topic-item-description > div:nth-child(1)
{
    font-size:1.1rem;
    color:#00596a;
    font-weight:400;

}



.become-container
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    text-align:center;
    gap:45px;
}

.become-container > div
{
    width:50%;
}

.mixed-topics-column
{
    display:flex;
    flex-direction:column;
}

.mixed-topics-column > div
{
    margin-top:15px;
}

.mixed-topics-column > div:nth-child(1)
{
    margin-top:0px;
}

.webinars-container
{
    display:flex;
    flex-direction:row;
    /*align-items:center;
    align-content:center;*/
    justify-content:center;
    gap:30px;
    width:80%;
}

.webinars-container > div:nth-child(1)
{
    width:40%;
}

.webinars-container > div:nth-child(2)
{
    width:60%;
}

.milestones-container
{
    display:flex;
    flex-direction:row;
    justify-content:center;
    gap:30px;
    
}

.milestones-container > div
{
    width:30%; 
    border-radius:25px;
}

.milestones-container-4
{
    display:flex;
    flex-direction:row;
    justify-content:center;
    gap:20px;
    
}

.milestones-container-4 > div
{
    width:25%; 
    border-radius:15px;
}

.green-border
{
    border: 1px solid #a4d8e8;
}



.l1-title
{
    font-weight:500;
    line-height:1.6;
     font-size:2.4rem;
}


.l2-title
{
    font-weight:900;
    font-size:1.5rem;
}

.phtrp-width
{
    width:85%;
    margin:auto;
}

.white-bg
{
    background-color:white;
}

.logo-description
{
  color:#4ba8b4;
  font-weight: 400;
  font-style: normal;
  font-size:0.9rem;
  text-transform:uppercase;
}

.logo
{
    height:100px;
    width:100px;
}

.header-container
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    width:100%;
    padding:4px 40px;
    background-color:white;
    justify-content:space-between;
}

.menu-container
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    gap:20px;
    font-size:0.9rem;
    font-weight:500;
}

.login-container
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    gap:18px;
    font-size:0.9rem;
    font-weight:400;
}

.signup-block-variant
{
    border:1px solid #0094b0; 
    color:white;
    padding:8px 18px;
    border-radius:20px;
    font-weight:500;
}

.signup-block-variant a
{
    color:grey;
}

.signup-block
{
    background-color:#0094b0; 
    color:white;
    padding:8px 18px;
    border-radius:20px;
}

.signup-block a
{
    color:white;
}

.phtrp-pillars-container
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    justify-content:center;
    gap:50px;
    padding-top:45px;
    padding-bottom:45px;
}

.phtrp-pillars-container > div:nth-child(1)
{
    width:50%;
}


.phtrp-pillars-container > div:nth-child(2)
{
    width:50%;
}

.logo-container
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    gap:15px;
    
    img
    {
        height:105px;
        width:105px;
    }
}

footer
{
    padding:45px 105px;
    color:#fff;
    background-color:#00768d;
    padding:20px 100px;
}

footer a
{
    color:#fff;
}

.socials-container
{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.socials-container > div:nth-child(1) 
{
    font-size:1.2rem;
    font-weight:900;
}

.social-icons-container
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
    gap:12px;
    font-size:1.6rem;
}

.footer-links-container
{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}

.hideOnDesktop
{
    display:none;
}

.hideOnMobile
{
    display:block;
}

.mobile-img
{
    height:35px;
    width:35px;
    /*padding-right:20px;*/
}

.phtrp-footer-brand
{
    color:#e6f4f7;
    font-size:0.9rem;
    font-weight:400;
}

@media(max-width: 400px) 
{
    .jc-scrollable-col
    {
        overflow-y:auto;
    }

    
    .lead-image-container {
        height: 130px;          /* your fixed height */
        width: 100%;            /* or a fixed width */
    }
    
    .lead-image-container img {
        height: 100%;
        width: 100%;
        object-fit: contain;
        border-radius:50%;
        border:1px solid #b3dfe7;
    }
    
    .lead-image-container-variant {
        height: 130px;          /* your fixed height */
        width: 100%;            /* or a fixed width */
    }
    
    .lead-image-container-variant img {
        height: 100%;
        width: 100%;
        object-fit: contain;
        border-radius:50%;
        border:1px solid #b3dfe7;
    }
    
    .leads-3-container
    {
        display:flex;
        flex-direction:column;
        gap:20px;
        
    }
    
    .leads-3-container > div
    {
        background-color:#fff;
        width:100%;
        padding:24px 30px;
        border-radius:25px;
    }
    
    .leads-2-container
    {
        display:flex;
        flex-direction:column;
        gap:20px;
        
    }
    
    .leads-2-container > div
    {
        background-color:#fff;
        width:100%;
        padding:24px 30px;
        border-radius:25px;
    }

    
    .phtrp-col
    {
        flex: 1;                /* equal width columns */
      display: flex;
      align-items: center;    /* center content vertically */
      /*justify-content: center;/* center content horizontally */
      padding:20px 45px;
      
       label
        {
            font-size:0.7rem;
            color:grey;
            font-weight:400;
            text-transform:uppercase;
        }
        
        input
        {
            border-radius:6px;
            padding:8px 18px;
            font-size:0.9rem;
            border:1px solid #a3a3a3;
            outline:none;
            width:100%;
    
        }
        
        select
        {
            border-radius:6px;
            padding:7px 18px;
            font-size:0.9rem;
            border:1px solid #a3a3a3;
            outline:none;
             width: 100%;
        display: block;
            box-sizing: border-box;
            background-color:white; 
            flex: 1;
        }
        
        textarea
        {
            padding:6px 18px;
            font-size:1.0rem;
            border:1px solid #a3a3a3;
            outline:none;
            width:100%;
            height:150px;
    
        }
        
        button
        {
            padding:8px 40px;
            border:none;
            outline:none;
            border-radius:30px;
            background-color:#0094b0;
            color:white;
            width:100%;
            font-size:0.9rem;
        }
    }


    .jc-form-row-2
    {
        display:flex;
        flex-direction:column;
        justify-content:center;
        width:100%;
        gap:5px;
    }
    
    .jc-form-row-2 > div
    {
        width:100%;
    }
    
    .mobile-menu-container
    {
        display:flex; 
        flex-direction:column;
        gap:20px;
    }
    
    .mobile-menu-block
    {
        display:flex;
        flex-direction:row;
        justify-content:space-between;
    }
    
    .mobile-menu
    {
        background-color:#00768d;
        padding:50px 50px;
        font-size:1.4rem;
        position:fixed;
        width:100%;
        height:100vh;
        color:#fff; 
        top:0;
        left:0;
        z-index:100;
        
    }
    
    .mobile-menu a
    {
        color:#fff;
    }
    
    .homepage-news-items-4-container
    {
        display:flex;
        flex-direction:column;
        gap:20px;
    }
    
    .homepage-news-items-4-container > div
    {
        width:100%;
    }
    
    .hideOnDesktop
    {
        display:block;
    } 
    
    .hideOnMobile
    {
        display:none;
    }
    
    .phtrp-width
    {
        width:95%;
        margin:auto;
    }
    
    .row-2-center-align
    {
        display:flex;
        flex-direction:column;
        gap:20px;
    }
    
    .row-2-center-align > div
    {
        width:100%;
    }
    
    .milestones-container-4
    {
        display:flex;
        flex-direction:column;
        gap:25px;
        
    }
    
    .milestones-container-4 > div
    {
        width:100%; 
        border-radius:15px;
    }
    
    .timeline-main-container
    {
        display:flex;
        flex-direction:column;
        gap:25px;
    
    }
    
    .timeline-main-container > div
    {
        width:100%;
    }
    
    .webinars-container
    {
        display:flex;
        flex-direction:column;
        gap:40px;
        width:80%;

    }
    
    .webinars-container > div:nth-child(1)
    {
        width:80%;
    }
    
    .webinars-container > div:nth-child(2)
    {
        width:80%;
    }

    .wwdo-container
    {
        display:flex;
        flex-direction:column;
        text-align:left;
        gap:8px;
    }
    
    .wwdo-container > div:nth-child(1)
    {
        font-size:1.1rem;
    
    }
    
    .wwdo-container > div:nth-child(2)
    {
        height:5px;
        background-color:#b3dfe7;
        width:8%;
        border-radius:8px;
    }
    
    .wwdo-container > div:nth-child(3)
    {
        font-size:2.2rem;
        font-weight:700;
        line-height:1.2;
    }
    
    .wwdo-container > div:nth-child(4)
    {
        font-size:0.9rem;
        margin-top:10px;
        line-height:1.6;
    }
    
    .l1-title
    {
        font-weight:500;
         font-size:1.8rem;
    }
    
    
    .l2-title
    {
        font-weight:900;
        font-size:1.3rem;
    }
    
    .mixed-topic-item-description
    {
        display:flex;
        flex-direction:column;
    }
    
    .mixed-topic-item-description > div:nth-child(1)
    {
        font-size:1.0rem;
        font-weight:400;
        color:#3e7282;
    }
    
    .mixed-topic-item-description > div:nth-child(2)
    {
        font-size:0.8rem;
        color:grey;
        margin-top:6px;
    }
    
    .footer-links-container
    {
        display:flex;
        flex-direction:column;
        gap:50px;
    }
    
    footer
    {
        padding:30px 65px;
        color:#fff;
        background-color:#00768d;
        padding:20px 100px;
    }
    
    footer a
    {
        color:#fff;
    }

    .operational-dockets-container
    {
        display:flex;
        flex-direction:column;
        gap:50px;
        
        li
        {
            margin-top:7px;
        }
    }
    
    .operational-dockets-container > div
    {
        padding:20px 20px;
        border-radius:20px;
        /*border:1px solid #62cc8d;*/
        width:100%;
        justify-content:flex-start;
        background-color:#eef2f4;
    }
    
    .teamleads-row
    {
        display:flex;
        flex-direction:column;
        gap:25px;
    }
    
    .teamleads-row > div
    {
        width:100%;
    }
    
    .membership-types-container
    {
        display:flex;
        flex-direction:column;
        gap:50px;
    }
    
    .membership-types-container > div
    {
        width:100%;
        background-color:white;
        border-radius:20px;
        padding:20px 40px;
    }
    
    .phtrp-latest-blog-item
    {
        display:flex;
        flex-direction:row;
        align-items:center;
        align-content:center;
        gap:20px;
        
    }
    
    .phtrp-latest-blog-item > div
    { 
        width:50%;
    }
    
     .phtrp-latest-blog-item
    {
        display:flex;
        flex-direction:column;
        gap:40px;
    }
    
    .phtrp-latest-blog-item > div
    { 
        flex:1;
    }
    
    img
    {
        width:100%;
        height:auto;
    }
    
    .four-blog-items-container
    {
        display:flex;
        flex-direction:column;
        gap:40px;
    }
    
    .four-blog-items-container > div
    {
        background-color:white;
        padding:12px 15px;
        border-radius:15px;
        width:100%;
    }
    
    .categories-row-container
    {
        display:flex;
        flex-direction:column;
        gap:30px;
    }
    
    .categories-row-container > div
    {
        width:100%;
    }

    
    .latest-cat-container
    {
        display:flex;
        flex-direction:column;
        gap:40px;
    }
    
    .latest-cat-container > div:nth-child(1)
    {
        width:100%;
    }
    
    .latest-cat-container > div:nth-child(2)
    {
        width:100%;
    }
    
    .categories-main-container
    {
        display:flex;
        flex-direction:column;
        gap:50px;
    }
    
    .categories-main-container > div:nth-child(1)
    {
        width:100%;
    }
    
    .categories-main-container > div:nth-child(2)
    {
        width:100%;
    }
    
    
    .contacts-container
    {
        display:flex;
        flex-direction:column;
        gap:50px;
        border-radius:30px;
        padding:20px 30px;
    
    }
    
    .contacts-container > div:nth-child(1)
    {
        width:100%;
    }
    
    .contacts-container > div:nth-child(2)
    {
        width:100%;
    }

    
    .membership-selector
    {
        display:flex;
        flex-direction:column;
        background-color:white;
        padding:15px 25px;
        border-radius:15px;
        gap:12px;
        width:94%;
    }
    
    .membership-type-item
    {
        display:flex;
        flex-direction:column;
        gap:40px;
        
        button
        {
            background-color:#00859e;
            border-radius:25px;
            padding:10px 25px;
            font-size:0.8rem;
            font-weight:500;
            border:none;
            outline:none;
            color:white;
        }
    }
    
    .membership-type-item > div:nth-child(1)
    {
        display:flex;
        flex-direction:column;
        gap:10px;
    }
    
    .membership-type-item > div:nth-child(1) > div:nth-child(1)
    {
        font-size:1.1rem;
        font-weight:800;
    }
    
    .membership-type-item > div:nth-child(1) > div:nth-child(2) 
    {
        font-size:0.9rem;
        line-height:1.8;
        font-weight:300;
        color:grey;
    }
    
    .membership-type-item > div:nth-child(1) > div:nth-child(3)
    {
        font-size:0.9rem;
        line-height:1.6;
        font-weight:500;
        color:#0094b0;
    }
    
    
      .create-account-container
    {
        display: flex;
        flex-direction:column;
    }
    
    .create-account-container > div
    {
        width:100%;
    }
    
    .create-account-container > div:nth-child(2)
    {
        overflow-y:visible;
    }

    .signup-logo-container
    {
        display:none;
    }
    
    
    .phtrp-login-container
    {
        position:fixed;
        width:100%;
        display:flex;
        align-items:center;
        justify-content:center;
        height:100vh;
        
        label
        {
            font-size:0.8rem;
            color:grey;
            font-weight:600;
        }
        
        input
        {
            border-radius:15px;
            padding:6px 18px;
            font-size:1.0rem;
            border:1px solid #a3a3a3;
            outline:none;
            width:100%;
    
        }
        
        select
        {
            border-radius:15px;
            padding:7px 18px;
            font-size:1.0rem;
            border:1px solid #a3a3a3;
            outline:none;
             width: 100%;
        display: block;
            box-sizing: border-box;
            background-color:white; 
            flex: 1;
        }
        
        textarea
        {
             border-radius:15px;
            padding:6px 18px;
            font-size:1.1rem;
            border:1px solid #a3a3a3;
            outline:none;
            width:100%;
            height:120px;
    
        }
        
        button
        {
            padding:8px 40px;
            border:none;
            outline:none;
            border-radius:30px;
            background-color:#0094b0;
            color:white;
            width:100%;
            font-size:0.9rem;
        }
    }
    
    .phtrp-login-container > div
    {
        width:80%;
        background-color:white;
        border-radius:20px;
        padding:15px 30px;
    }

}

@media(max-width: 800px) 
{    
    .jc-scrollable-col
    {
        overflow-y:auto;
    }
    
       .lead-image-container {
        height: 150px;          /* your fixed height */
        width: 100%;            /* or a fixed width */
    }
    
    .lead-image-container img {
        height: 100%;
        width: 100%;
        object-fit: contain;
        border-radius:50%;
        border:1px solid #b3dfe7;
    }
    
    .lead-image-container-variant {
        height: 150px;          /* your fixed height */
        width: 100%;            /* or a fixed width */
    }
    
    .lead-image-container-variant img {
        height: 100%;
        width: 100%;
        object-fit: contain;
        border-radius:50%;
        border:1px solid #b3dfe7;
    }
    
        .leads-3-container
    {
        display:flex;
        flex-direction:column;
        gap:20px;
        
    }
    
    .leads-3-container > div
    {
        background-color:#fff;
        width:100%;
        padding:24px 30px;
        border-radius:25px;
    }
    
    .leads-2-container
    {
        display:flex;
        flex-direction:column;
        gap:20px;
        
    }
    
    .leads-2-container > div
    {
        background-color:#fff;
        width:100%;
        padding:24px 30px;
        border-radius:25px;
    }
    
    .phtrp-col
    {
        flex: 1;                /* equal width columns */
      display: flex;
      align-items: center;    /* center content vertically */
      /*justify-content: center;/* center content horizontally */
      padding:30px 45px;
      
       label
        {
            font-size:0.7rem;
            color:grey;
            font-weight:400;
            text-transform:uppercase;
        }
        
        input
        {
            border-radius:6px;
            padding:8px 18px;
            font-size:0.9rem;
            border:1px solid #a3a3a3;
            outline:none;
            width:100%;
    
        }
        
        select
        {
            border-radius:6px;
            padding:7px 18px;
            font-size:0.9rem;
            border:1px solid #a3a3a3;
            outline:none;
             width: 100%;
        display: block;
            box-sizing: border-box;
            background-color:white; 
            flex: 1;
        }
        
        textarea
        {
            padding:6px 18px;
            font-size:1.0rem;
            border:1px solid #a3a3a3;
            outline:none;
            width:100%;
            height:150px;
    
        }
        
        button
        {
            padding:8px 40px;
            border:none;
            outline:none;
            border-radius:30px;
            background-color:#0094b0;
            color:white;
            width:100%;
            font-size:0.9rem;
        }
    }

    
    .jc-form-row-2
    {
        display:flex;
        flex-direction:column;
        justify-content:center;
        width:100%;
        gap:5px;
    }
    
    .jc-form-row-2 > div
    {
        width:100%;
    }
    
    .mobile-menu-container
    {
        display:flex; 
        flex-direction:column;
        gap:20px;
    }
    
    .mobile-menu-block
    {
        display:flex;
        flex-direction:row;
        justify-content:space-between;
    }
    
    .mobile-menu
    {
        background-color:#00768d;
        padding:50px 50px;
        font-size:1.4rem;
        position:fixed;
        width:100%;
        height:100vh;
        color:#fff; 
        top:0;
        left:0;
        z-index:100;
        
    }
    
    .mobile-menu a
    {
        color:#fff;
    }
    
    .homepage-news-items-4-container
    {
        display:flex;
        flex-direction:column;
        gap:20px;
    }
    
    .homepage-news-items-4-container > div
    {
        width:100%;
    }
    
    .hideOnDesktop
    {
        display:block;
    }
    
    .hideOnMobile
    {
        display:none;
    }
    
    .phtrp-width
    {
        width:92%;
        margin:auto;
    }
    
    .row-2-center-align
    {
        display:flex;
        flex-direction:column;
        gap:20px;
    }
    
    .row-2-center-align > div
    {
        width:100%;
    }
    
     .milestones-container-4
    {
        display:flex;
        flex-direction:column;
        gap:25px;
        
    }
    
    .milestones-container-4 > div
    {
        width:100%; 
        border-radius:15px;
    }
    
     .timeline-main-container
    {
        display:flex;
        flex-direction:column;
        gap:25px;
    
    }
    
    .timeline-main-container > div
    {
        width:100%;
    }
    
     .webinars-container
    {
        display:flex;
        flex-direction:column;
        gap:40px;
        width:80%;

    }
    
    .webinars-container > div:nth-child(1)
    {
        width:80%;
    }
    
    .webinars-container > div:nth-child(2)
    {
        width:80%;
    }
    
    .wwdo-container
    {
        display:flex;
        flex-direction:column;
        text-align:left;
        gap:8px;
    }
    
    .wwdo-container > div:nth-child(1)
    {
        font-size:1.1rem;
    
    }
    
    .wwdo-container > div:nth-child(2)
    {
        height:5px;
        background-color:#b3dfe7;
        width:8%;
        border-radius:8px;
    }
    
    .wwdo-container > div:nth-child(3)
    {
        font-size:2.2rem;
        font-weight:700;
        line-height:1.2;
    }
    
    .wwdo-container > div:nth-child(4)
    {
        font-size:0.9rem;
        margin-top:10px;
        line-height:1.6;
    }
    
    .l1-title
    {
        font-weight:500;
         font-size:1.8rem;
    }
    
    
    .l2-title
    {
        font-weight:900;
        font-size:1.3rem;
    }
    
      .mixed-topic-item-description
    {
        display:flex;
        flex-direction:column;
    }
    
    .mixed-topic-item-description > div:nth-child(1)
    {
        font-size:1.0rem;
        font-weight:400;
        color:#3e7282;
    }
    
    .mixed-topic-item-description > div:nth-child(2)
    {
        font-size:0.8rem;
        color:grey;
        margin-top:6px;
    }
    
    .footer-links-container
    {
        display:flex;
        flex-direction:column;
        gap:50px;
    }
    
      footer
    {
        padding:30px 65px;
        color:#fff;
        background-color:#00768d;
        padding:20px 100px;
    }
    
    footer a
    {
        color:#fff;
    }
    
    .operational-dockets-container
    {
        display:flex;
        flex-direction:column;
        gap:50px;
        
        li
        {
            margin-top:7px;
        }
    }
    
    .operational-dockets-container > div
    {
        padding:20px 20px;
        border-radius:20px;
        /*border:1px solid #62cc8d;*/
        width:100%;
        justify-content:flex-start;
        background-color:#eef2f4;
    }
    
    .teamleads-row
    {
        display:flex;
        flex-direction:column;
        gap:25px;
    }
    
    .teamleads-row > div
    {
        width:100%;
    }
    
     .membership-types-container
    {
        display:flex;
        flex-direction:column;
        gap:50px;
    }
    
    .membership-types-container > div
    {
        width:100%;
        background-color:white;
        border-radius:20px;
        padding:20px 40px;
    }
    
     .phtrp-latest-blog-item
    {
        display:flex;
        flex-direction:column;
    }
    
    .phtrp-latest-blog-item > div
    { 
        flex:1;
    }
    
     .phtrp-latest-blog-item
    {
        display:flex;
        flex-direction:column;
        gap:40px;
    }
    
    .phtrp-latest-blog-item > div
    { 
        flex:1;
    }
    
    img
    {
        width:100%;
        height:auto;
    }
    
    .four-blog-items-container
    {
        display:flex;
        flex-direction:column;
        gap:40px;
    }
    
    .four-blog-items-container > div
    {
        background-color:white;
        padding:12px 15px;
        border-radius:15px;
        width:100%;
    }
    
     .categories-row-container
    {
        display:flex;
        flex-direction:column;
        gap:30px;
    }
    
    .categories-row-container > div
    {
        width:100%;
    }
    
     .latest-cat-container
    {
        display:flex;
        flex-direction:column;
        gap:40px;
    }
    
    .latest-cat-container > div:nth-child(1)
    {
        width:100%;
    }
    
    .latest-cat-container > div:nth-child(2)
    {
        width:100%;
    }
    
       .categories-main-container
    {
        display:flex;
        flex-direction:column;
        gap:50px;
    }
    
    .categories-main-container > div:nth-child(1)
    {
        width:100%;
    }
    
    .categories-main-container > div:nth-child(2)
    {
        width:100%;
    }

        .contacts-container
    {
        display:flex;
        flex-direction:column;
        gap:50px;
        border-radius:30px;
        padding:20px 30px;
    
    }
    
    .contacts-container > div:nth-child(1)
    {
        width:100%;
    }
    
    .contacts-container > div:nth-child(2)
    {
        width:100%;
    }
    
    .membership-selector
    {
        display:flex;
        flex-direction:column;
        background-color:white;
        padding:15px 25px;
        border-radius:15px;
        gap:12px;
        width:94%;
    }
    
     .membership-type-item
    {
        display:flex;
        flex-direction:column;
        gap:40px;
        
        button
        {
            background-color:#00859e;
            border-radius:25px;
            padding:10px 25px;
            font-size:0.8rem;
            font-weight:500;
            border:none;
            outline:none;
            color:white;
        }
    }
    
    .membership-type-item > div:nth-child(1)
    {
        display:flex;
        flex-direction:column;
        gap:10px;
    }
    
    .membership-type-item > div:nth-child(1) > div:nth-child(1)
    {
        font-size:1.1rem;
        font-weight:800;
    }
    
    .membership-type-item > div:nth-child(1) > div:nth-child(2) 
    {
        font-size:0.9rem;
        line-height:1.8;
        font-weight:300;
        color:grey;
    }
    
    .membership-type-item > div:nth-child(1) > div:nth-child(3)
    {
        font-size:0.9rem;
        line-height:1.6;
        font-weight:500;
        color:#0094b0;
    }
    
       .create-account-container
    {
         display: flex;
        flex-direction:column;
    }
    
     .create-account-container > div
    {
        width:100%;
    }
    
    .create-account-container > div:nth-child(2)
    {
        overflow-y:visible;
    }

    
     .signup-logo-container
    {
        display:none;
    }
    
    .phtrp-login-container
    {
        position:fixed;
        width:100%;
        display:flex;
        align-items:center;
        justify-content:center;
        height:100vh;
        
        label
        {
            font-size:0.8rem;
            color:grey;
            font-weight:600;
        }
        
        input
        {
            border-radius:15px;
            padding:6px 18px;
            font-size:1.0rem;
            border:1px solid #a3a3a3;
            outline:none;
            width:100%;
    
        }
        
        select
        {
            border-radius:15px;
            padding:7px 18px;
            font-size:1.0rem;
            border:1px solid #a3a3a3;
            outline:none;
             width: 100%;
        display: block;
            box-sizing: border-box;
            background-color:white; 
            flex: 1;
        }
        
        textarea
        {
             border-radius:15px;
            padding:6px 18px;
            font-size:1.1rem;
            border:1px solid #a3a3a3;
            outline:none;
            width:100%;
            height:120px;
    
        }
        
        button
        {
            padding:8px 40px;
            border:none;
            outline:none;
            border-radius:30px;
            background-color:#0094b0;
            color:white;
            width:100%;
            font-size:0.9rem;
        }
    }
    
    .phtrp-login-container > div
    {
        width:80%;
        background-color:white;
        border-radius:20px;
        padding:15px 30px;
    }

}

@media(max-width: 1024px) 
{
    .jc-scrollable-col
    {
        overflow-y:auto;
    }
    
    .lead-image-container {
        height: 150px;          /* your fixed height */
        width: 100%;            /* or a fixed width */
    }
    
    .lead-image-container img {
        height: 100%;
        width: 100%;
        object-fit: contain;
        border-radius:50%;
        border:1px solid #b3dfe7;
    }
    
    .lead-image-container-variant {
        height: 150px;          /* your fixed height */
        width: 100%;            /* or a fixed width */
    }
    
    .lead-image-container-variant img {
        height: 100%;
        width: 100%;
        object-fit: contain;
        border-radius:50%;
        border:1px solid #b3dfe7;
    }
    
        .leads-3-container
    {
        display:flex;
        flex-direction:column;
        gap:20px;
        
    }
    
    .leads-3-container > div
    {
        background-color:#fff;
        width:100%;
        padding:24px 30px;
        border-radius:25px;
    }
    
    .leads-2-container
    {
        display:flex;
        flex-direction:column;
        gap:20px;
        
    }
    
    .leads-2-container > div
    {
        background-color:#fff;
        width:100%;
        padding:24px 30px;
        border-radius:25px;
    }
    
    .phtrp-col
    {
        flex: 1;                /* equal width columns */
      display: flex;
      align-items: center;    /* center content vertically */
      /*justify-content: center;/* center content horizontally */
      padding:30px 45px;
      
       label
        {
            font-size:0.7rem;
            color:grey;
            font-weight:400;
            text-transform:uppercase;
        }
        
        input
        {
            border-radius:6px;
            padding:8px 18px;
            font-size:0.9rem;
            border:1px solid #a3a3a3;
            outline:none;
            width:100%;
    
        }
        
        select
        {
            border-radius:6px;
            padding:7px 18px;
            font-size:0.9rem;
            border:1px solid #a3a3a3;
            outline:none;
             width: 100%;
        display: block;
            box-sizing: border-box;
            background-color:white; 
            flex: 1;
        }
        
        textarea
        {
            padding:6px 18px;
            font-size:1.0rem;
            border:1px solid #a3a3a3;
            outline:none;
            width:100%;
            height:150px;
    
        }
        
        button
        {
            padding:8px 40px;
            border:none;
            outline:none;
            border-radius:30px;
            background-color:#0094b0;
            color:white;
            width:100%;
            font-size:0.9rem;
        }
    }

    
    .jc-form-row-2
    {
        display:flex;
        flex-direction:column;
        justify-content:center;
        width:100%;
        gap:5px;
    }
    
    .jc-form-row-2 > div
    {
        width:100%;
    }
    
    .mobile-menu-container
    {
        display:flex; 
        flex-direction:column;
        gap:20px;
    }
    
    .mobile-menu-block
    {
        display:flex;
        flex-direction:row;
        justify-content:space-between;
    }
    
    .mobile-menu
    {
        background-color:#00768d;
        padding:50px 50px;
        font-size:1.4rem;
        position:fixed;
        width:100%;
        height:100vh;
        color:#fff; 
        top:0;
        left:0;
        z-index:100;
        
    }
    
    .mobile-menu a
    {
        color:#fff;
    }
    
    .homepage-news-items-4-container
    {
        display:flex;
        flex-direction:column;
        gap:20px;
    }
    
    .homepage-news-items-4-container > div
    {
        width:100%;
    }
    
    .hideOnDesktop
    {
        display:block;
    } 
    
    .hideOnMobile
    {
        display:none;
    }
    
    .phtrp-width
    {
        width:90%;
        margin:auto;
    }
    
    .row-2-center-align
    {
        display:flex;
        flex-direction:column;
        gap:12px;
    }
    
    .row-2-center-align > div
    {
        width:100%;
    }
    
     .milestones-container-4
    {
        display:flex;
        flex-direction:column; 
        gap:25px;
        
    }
    
    .milestones-container-4 > div
    {
        width:100%; 
        border-radius:15px;
    }
    
     .timeline-main-container
    {
        display:flex;
        flex-direction:column;
        gap:25px;
    
    }
    
    .timeline-main-container > div
    {
        width:100%;
    }
    
     .webinars-container
    {
        display:flex;
        flex-direction:column;
        gap:40px;
        width:80%;

    }
    
    .webinars-container > div:nth-child(1)
    {
        width:80%;
    }
    
    .webinars-container > div:nth-child(2)
    {
        width:80%;
    }
    
    .wwdo-container
    {
        display:flex;
        flex-direction:column;
        text-align:left;
        gap:8px;
    }
    
    .wwdo-container > div:nth-child(1)
    {
        font-size:1.1rem;
    
    }
    
    .wwdo-container > div:nth-child(2)
    {
        height:5px;
        background-color:#b3dfe7;
        width:8%;
        border-radius:8px;
    }
    
    .wwdo-container > div:nth-child(3)
    {
        font-size:2.2rem;
        font-weight:700;
        line-height:1.2;
    }
    
    .wwdo-container > div:nth-child(4)
    {
        font-size:0.9rem;
        margin-top:10px;
        line-height:1.6;
    }
    
    .l1-title
    {
        font-weight:500;
         font-size:1.8rem;
    }
    
    
    .l2-title
    {
        font-weight:900;
        font-size:1.3rem;
    }
    
      .mixed-topic-item-description
    {
        display:flex;
        flex-direction:column;
    }
    
    .mixed-topic-item-description > div:nth-child(1)
    {
        font-size:1.0rem;
        font-weight:400;
        color:#3e7282;
    }
    
    .mixed-topic-item-description > div:nth-child(2)
    {
        font-size:0.8rem;
        color:grey;
        margin-top:6px;
    }
    
    .footer-links-container
    {
        display:flex;
        flex-direction:column;
        gap:50px;
    }
    
      footer
    {
        padding:30px 65px;
        color:#fff;
        background-color:#00768d;
        padding:20px 100px;
    }
    
    footer a
    {
        color:#fff;
    }
    
    .operational-dockets-container
    {
        display:flex;
        flex-direction:column;
        gap:50px;
        
        li
        {
            margin-top:7px;
        }
    }
    
    .operational-dockets-container > div
    {
        padding:20px 20px;
        border-radius:20px;
        /*border:1px solid #62cc8d;*/
        width:100%;
        justify-content:flex-start;
        background-color:#eef2f4;
    }
    
    .teamleads-row
    {
        display:flex;
        flex-direction:column;
        gap:25px;
    }
    
    .teamleads-row > div
    {
        width:100%;
    }
    
     .membership-types-container
    {
        display:flex;
        flex-direction:column;
        gap:50px;
    }
    
    .membership-types-container > div
    {
        width:100%;
        background-color:white;
        border-radius:20px;
        padding:20px 40px;
    }
    
     .phtrp-latest-blog-item
    {
        display:flex;
        flex-direction:column;
        gap:40px;
    }
    
    .phtrp-latest-blog-item > div
    { 
        flex:1;
    }
    
    img
    {
        width:100%;
        height:auto;
    }
    
    .four-blog-items-container
    {
        display:flex;
        flex-direction:column;
        gap:40px;
    }
    
    .four-blog-items-container > div
    {
        background-color:white;
        padding:12px 15px;
        border-radius:15px;
        width:100%;
    }
    
     .categories-row-container
    {
        display:flex;
        flex-direction:column;
        gap:30px;
    }
    
    .categories-row-container > div
    {
        width:100%;
    }
    
     .latest-cat-container
    {
        display:flex;
        flex-direction:column;
        gap:40px;
    }
    
    .latest-cat-container > div:nth-child(1)
    {
        width:100%;
    }
    
    .latest-cat-container > div:nth-child(2)
    {
        width:100%;
    }
    
       .categories-main-container
    {
        display:flex;
        flex-direction:column;
        gap:50px;
    }
    
    .categories-main-container > div:nth-child(1)
    {
        width:100%;
    }
    
    .categories-main-container > div:nth-child(2)
    {
        width:100%;
    }

        .contacts-container
    {
        display:flex;
        flex-direction:column;
        gap:50px;
        border-radius:30px;
        padding:20px 30px;
    
    }
    
    .contacts-container > div:nth-child(1)
    {
        width:100%;
    }
    
    .contacts-container > div:nth-child(2)
    {
        width:100%;
    }
    
    .membership-selector
    {
        display:flex;
        flex-direction:column;
        background-color:white;
        padding:15px 25px;
        border-radius:15px;
        gap:12px;
        width:94%;
    }
    
     .membership-type-item
    {
        display:flex;
        flex-direction:column;
        gap:40px;
        
        button
        {
            background-color:#00859e;
            border-radius:25px;
            padding:10px 25px;
            font-size:0.8rem;
            font-weight:500;
            border:none;
            outline:none;
            color:white;
        }
    }
    
    .membership-type-item > div:nth-child(1)
    {
        display:flex;
        flex-direction:column;
        gap:10px;
    }
    
    .membership-type-item > div:nth-child(1) > div:nth-child(1)
    {
        font-size:1.1rem;
        font-weight:800;
    }
    
    .membership-type-item > div:nth-child(1) > div:nth-child(2) 
    {
        font-size:0.9rem;
        line-height:1.8;
        font-weight:300;
        color:grey;
    }
    
    .membership-type-item > div:nth-child(1) > div:nth-child(3)
    {
        font-size:0.9rem;
        line-height:1.6;
        font-weight:500;
        color:#0094b0;
    }
    
       .create-account-container
    {
         display: flex;
        flex-direction:column;
    }
    
     .create-account-container > div
    {
        width:100%;
    }
    
    .create-account-container > div:nth-child(2)
    {
        overflow-y:visible;
    }

    
    .signup-logo-container
    {
        display:none;
    }
    
    .phtrp-login-container
    {
        position:fixed;
        width:100%;
        display:flex;
        align-items:center;
        justify-content:center;
        height:100vh;
        
        label
        {
            font-size:0.8rem;
            color:grey;
            font-weight:600;
        }
        
        input
        {
            border-radius:15px;
            padding:6px 18px;
            font-size:1.0rem;
            border:1px solid #a3a3a3;
            outline:none;
            width:100%;
    
        }
        
        select
        {
            border-radius:15px;
            padding:7px 18px;
            font-size:1.0rem;
            border:1px solid #a3a3a3;
            outline:none;
             width: 100%;
        display: block;
            box-sizing: border-box;
            background-color:white; 
            flex: 1;
        }
        
        textarea
        {
             border-radius:15px;
            padding:6px 18px;
            font-size:1.1rem;
            border:1px solid #a3a3a3;
            outline:none;
            width:100%;
            height:120px;
    
        }
        
        button
        {
            padding:8px 40px;
            border:none;
            outline:none;
            border-radius:30px;
            background-color:#0094b0;
            color:white;
            width:100%;
            font-size:0.9rem;
        }
    }
    
    .phtrp-login-container > div
    {
        width:80%;
        background-color:white;
        border-radius:20px;
        padding:15px 30px;
    }


}