:root {
    
    --PrimaryFont: 'Josefin Sans', serif;
    --SecondaryFont: 'Poppins', sans-serif;

    --primary-color: 132, 97, 160;
    --secondary-color: 68,68,68;
    --tertiary-color:  247, 247, 247, 1;
    --quaternary-color: 146, 146, 146;
    --soft-white:247,247,247;
    --soft-white-2:241,241,241;
    --accent-color: 55, 94, 171, 1;
    --fifth-color: 214, 200, 162, 1;
    --sixth-color: 187, 187, 187, 1;
    --white: 255, 255, 255;
    --black: 0, 0, 0;
    /*desktop*/
    --h1: 48px;
    --h2: 32px;
    --h3: 24px;
    --h4: 22px;
    --h5: 20px;
    --h6: 18px;
    --text:16px;
    /*tablet*/
    --h1-tablet: 42px;
    --h2-tablet: 28px;
    --h3-tablet: 21px;
    --h4-tablet: 20px;
    --h5-tablet: 18px;
    --h6-tablet: 16px;
    --text-tablet:16px;
    /*mobile*/
    --h1-responsive: 36px; 
    --h2-responsive: 24px;
    --h3-responsive: 18px;
    --h4-responsive: 16px;
    --h5-responsive: 16px;
    --h6-responsive: 16px;
    --text-responsive:16px;
}

html, body{
    font-family: var(--SecondaryFont);
    font-weight: normal;
    font-style: normal;
    font-size: var(--text);
    color: rgba(var(--secondary-color), 1);
    line-height: 1.5;
    overflow-x: hidden;
    width: 100%;
    display:block;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*Colors*/
#content .bg-white{
    background: rgb(var(--white)) !important;
}
#content .bg-black{
    background: rgb(var(--black)) !important;
}
#content .bg-primary{
    background: rgb(var(--primary-color)) !important;
}
#content .bg-secondary{
    background: rgb(var(--secondary-color)) !important;
}
#content .bg-tertiary{
    background: rgb(var(--tertiary-color)) !important;
}
#content .bg-quaternary{
    background: rgb(var(--quaternary-color)) !important;
}
#content .bg-accent{
    background: rgb(var(--accent-color)) !important;
}
.text-white{
    color: rgb(var(--white)) !important;
}
.text-black{
    color: rgb(var(--black)) !important;
}
.text-primary{
    color: rgb(var(--primary-color)) !important;
}
.text-secondary{
    color: rgb(var(--secondary-color)) !important;
}
.text-tertiary{
    color: rgb(var(--tertiary-color)) !important;
}
.text-quaternary{
    color: rgb(var(--quaternary-color)) !important;
}
.text-accent{
    color: rgb(var(--accent-color)) !important;
} 
/*End color*/
.flex{
    display: flex !important;
}

 .button-end{
        display: flex !important;
        justify-content: flex-start ;
}
/*Typography*/
.merriweather h1,
.merriweather h2,
.merriweather h3,
.merriweather h4,
.merriweather h5,
.merriweather h6,
#content .merriweather h1,
#content .merriweather h2,
#content .merriweather h3,
#content .merriweather h4,
#content .merriweather h5,
#content .merriweather h6,
#content .merriweather span,
#content .merriweather,
.merriweather{
    font-family: var(--PrimaryFont) !important;
}
.poppins h1,
.poppins h2,
.poppins h3,
.poppins h4,
.poppins h5,
.poppins h6,
#content .poppins h1,
#content .poppins h2,
#content .poppins h3,
#content .poppins h4,
#content .poppins h5,
#content .poppins h6,
#content .poppins p,
#content .poppins,
.poppins{
    font-family: var(--SecondaryFont) !important;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
h1, h2, h3, h4, h5, h6{
    font-family:var(--PrimaryFont);
    font-weight: 700;
}
#content h1, 
#content .header-1 h1,
#content .header-1 h2,
#content .header-1 h3,
#content .header-1 h4,
#content .header-1 h5,
#content .header-1 h6,
h1{
    font-size: var(--h1-responsive);
    line-height: 1.3;
}
#content .header-2,
#content .header-2 h1,
#content .header-2 h2,
#content .header-2 h3,
#content .header-2 h4,
#content .header-2 h5,
#content .header-2 h6,
#content h2,
h2{
    font-size: var(--h2-responsive);
}
#content .header-3,
#content .header-3 h1,
#content .header-3 h2,
#content .header-3 h3,
#content .header-3 h4,
#content .header-3 h5,
#content .header-3 h6,
#content h3,
h3{
    font-size: var(--h3-responsive);
}
#content .header-4,
#content .header-4 h1,
#content .header-4 h2,
#content .header-4 h3,
#content .header-4 h4,
#content .header-4 h5,
#content .header-4 h6,
#content h4,
h4{
    font-size: var(--h4-responsive);
}
#content .header-5,
#content .header-5 h1,
#content .header-5 h2,
#content .header-5 h3,
#content .header-5 h4,
#content .header-5 h5,
#content .header-5 h6,
#content h5,
h5{
    font-size: var(--h5-responsive);
}
#content .header-6,
#content .header-6 h1,
#content .header-6 h2,
#content .header-6 h3,
#content .header-6 h4,
#content .header-6 h5,
#content .header-6 h6,
#content h6,
h6{
    font-size: var(--h6-responsive);
}
p,
#content .header-p,
#content .header-p h1,
#content .header-p h2,
#content .header-p h3,
#content .header-p h4,
#content .header-p h5,
#content .header-p h6,
#content .header-p h6{
    font-size: var(--text);
    font-family: var(--SecondaryFont);
}
#content .regular h1,
#content .regular h2,
#content .regular h3,
#content .regular h4,
#content .regular h5,
#content .regular h6,
#content .regular h6,
#content .regular{
    font-weight:400 !important;
}
#content .semi h1,
#content .semi h2,
#content .semi h3,
#content .semi h4,
#content .semi h5,
#content .semi h6,
#content .semi h6,
#content .semi{
    font-weight:500 !important;
}
#content .bold h1,
#content .bold h2,
#content .bold h3,
#content .bold h4,
#content .bold h5,
#content .bold h6,
#content .bold h6,
#content .bold{
    font-weight:600 !important;
}
#content .black h1,
#content .black h2,
#content .black h3,
#content .black h4,
#content .black h5,
#content .black h6,
#content .black h6,
#content .black{
    font-weight:700 !important;
}
#content .no-underline{
    text-decoration: none !important;
}
#content .no-lineheight h2{
    line-height: 0px !important;
}
#content .uppercase{
    text-transform: uppercase !important;
}
#content .nemo-text-center{
    text-align: center !important;
}
#content .nemo-text-italic{
    font-style: italic !important;
}
/*End typography*/

/*Layout*/
#content .margin-0 h1,
#content .margin-0 h2,
#content .margin-0 h3,
#content .margin-0 h4,
#content .margin-0 h5,
#content .margin-0 h6,
#content .margin-0 p,
#content .margin-0 ul,

#content  .margin-0{
    margin:0 !important;
}
.margin-1{
    margin-bottom: 1rem !important;
}
.nemo-margin-50{
    margin-bottom: 50px !important;
}
.nemo-margin-100{
    margin-bottom: 100px !important;
}
.nemo-margin-150{
    margin-bottom: 150px !important;
    padding: 0px 15px !important;
}
.nemo-margin-250{
    margin-bottom: 250px !important;
    padding: 0px 15px !important;
}
.nemo-margin-top-100{
    margin-top: 100px !important;
}
.nemo-custom-carousel{
    margin-top: 100px;
    margin-bottom: 0px !important;
}
.udh-margin-auto{
    margin: auto !important;
}
.udh-padding-top-24{
    padding-top: 24px !important;
}
.udh-padding-top-48{
    padding-top: 48px !important;
}
.udh-padding-bottom-24{
    padding-bottom: 24px !important;
}
.udh-padding-bottom-48{
    padding-bottom: 48px !important;
}
.udh-flex-center{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.udh-section{
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
    width: 100%;
}
.udh-container{
    margin: auto;
    width: 100%;
    max-width: 1240px;
} 
.nemo-first-container{
    margin-top: 50px !important;
}
.nemo-container{
    margin-bottom: 100px !important;
    padding: 0px 15px !important;
}
.nemo-container-bottom{
    margin-bottom: 0px !important;
    padding: 0px 15px !important;
}
.nemo-container-padding, .nemo-padding-carousel{
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.nemo-padding-carousel-short{
    padding-top: 50px !important;
    padding-bottom: 100px !important;
}
.nemo-padding-short{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.nemo-container .is-layout-flex{
    gap: 32px !important;
}
.gap-20{
    gap: 5% !important;
}
.nemo-column-space div{
    display: flex;
    flex-direction: column !important;
    justify-content: space-between !important;
}
.nemo-width-text-60{
    width:  60% !important;
}
/*End Layaut*/

/*Hero*/
.hero-banner{
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: relative;
    min-height: 450px;
    text-align: center;
    padding: 60px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--FAF6EA));
}
.hero-text-container {
    max-width: 1240px;
    margin: auto;
    width: 100%;
}
.hero-text-container h1{
    text-align: left;
    color:rgba(var(--primary-color), 1);
}
section#list {
    padding-bottom: 60px;
}
article.getpost-card a img {
    object-fit: cover;
    aspect-ratio: 16/9;
    object-position: center;
}
.post-list.grid-design.grid-col-3 {
    display: grid;
    gap: 20px;
}
.grid-design-blog-ama article.getpost-card div.post-card-container div.getpost-content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
} 
 .udh-button {
    margin-top: 20px;
    padding: 13px 25px;
    font-weight: bold;
    background: rgb(var(--secondary-color));
    color: rgb(var(--primary-color)) !important;
    display: block;
    width: fit-content;
    transition: 0.3s;
} 
.grid{
    display: grid !important;

}
 .udh-button:hover {
    background: rgb(var(--primary-color)) !important;
    color: rgb(var(--secondary-color)) !important;
} 
.breadcumb-content {
    padding-top: 24px;
    padding-bottom: 10px;
}
h2.term-list-title {
    padding-bottom: 16px;
    color: rgba(var(--primary-color), 1 );
}
.breadcumb-content a{
    color:#BBBBBB;
    transition: all 0.3s;
}
.breadcumb-content a:hover{
    color: rgba(var(--primary-color), 1);
}
.breadcumb-content #crumbs span.current{
    color: rgba(var(--black));
}
/*End hero*/

.footer-form-group{
    max-width: 740px;
    margin: auto;
}
/*Buttons*/
a{
    transition: all 0.3s;
}
.udh-base-button a, .udh-base-button input, .udh-base-button button{
    /* font-family: var(--SecondaryFont); */
    border-radius: 4px !important;
    width: fit-content;
    display: block;
    font-weight: 600 !important;
    padding: 16px 24px !important;
    transition: 0.3s;
    border: 2px solid !important;
}
.udh-button-primary input{
    background: transparent !important;
    color: rgb(var(--white)) !important;
    border-color: rgb(var(--white)) !important;
}
 .udh-button-primary input:hover{
    background: white !important;
    color: rgb(var(--primary-color)) !important;
    border-color: rgb(var(--white)) !important;
}
.udh-button-primary a {
    background: rgb(var(--primary-color)) !important;
    color: rgb(var(--white)) !important;
    border-color: rgb(var(--primary-color)) !important;
}
.udh-button-primary a:hover{
    background: rgb(var(--white)) !important;
    color: rgb(var(--primary-color)) !important;
    border-color: rgb(var(--primary-color)) !important;
}
.udh-button-secondary a, .udh-button-secondary button {
    background: rgb(var(--white)) !important;
    color: rgb(var(--primary-color)) !important;
    border-color: rgb(var(--primary-color)) !important;
}
.gap-wp-10{
    gap: 10px !important;
}
.items-center {
    align-items: center !important;
}
.udh-button-secondary a:hover, .udh-button-secondary button:hover{
    background: transparent !important;
    color: rgb(var(--primary-color)) !important;
    border-color: rgb(var(--primary-color)) !important;
}
.udh-button-secondary-dark a, .udh-button-secondary-dark button {
    background: rgb(var(--white)) !important;
    color: rgb(var(--primary-color)) !important;
    border-color: rgb(var(--primary-color)) !important;
}
.udh-button-secondary-dark a:hover, .udh-button-secondary-dark button:hover{
    background: rgb(var(--primary-color)) !important;
    color: rgb(var(--white)) !important;
    border-color: rgb(var(--primary-color)) !important;
}
.wp-block-buttons.butons-tap-row {
    align-items: center !important;
    display: flex;
    /* justify-content: center; */
}
.wp-block-buttons.butons-tap-row a, .butons-tap-row a{
    background-color: white;
    border: 1px solid rgb(var(--secondary-color)) !important;
    color: rgb(var(--secondary-color));
    transition: all 0.3s;
    font-weight: 600;
}
.wp-block-buttons.butons-tap-row a:hover, .butons-tap-row a:hover{
    background-color: rgb(var(--primary-color)) !important;
    color: rgb(var(--white)) !important;
    border: 1px solid rgb(var(--primary-color)) !important;
}

.butons-tap-row-hubs a{
    background-color: white;
    border: 1px solid rgb(var(--secondary-color)) !important;
    color: rgb(var(--secondary-color));
    transition: all 0.3s;
    font-weight: 600;
}
.butons-tap-row-hubs a:hover, .current-menu-item.butons-tap-row-hubs a{
    background-color: rgb(var(--primary-color)) !important;
    color: rgb(var(--white)) !important;
    border: 1px solid rgb(var(--primary-color)) !important;
}

.udh-button-ternary a {
    background: rgb(var(--primary-color)) !important;
    color: rgb(var(--white)) !important;
    border-color: rgb(var(--primary-color)) !important;
}
.hover-black a:hover, .hover-black button:hover{
    background: rgb(var(--secondary-color)) !important;
    color: rgb(var(--white)) !important;
    border-color: rgb(var(--secondary-color)) !important;
}
.udh-button-ternary a:hover{
    background: transparent !important;
    color: rgb(var(--primary-color)) !important;
    border-color: rgb(var(--primary-color)) !important;
}
/*End Buttons*/

/*Responsive*/
@media (max-width: 767px){
   
    .nemo-width-text-60{
    width:  100% !important;
    }

/*Hero*/
.hero-banner{
    min-height: 300px !important;
}
.nemo-hero{
    min-height: 300px !important;
}
/*End Hero*/

/*Layout*/
.nemo-margin-150{
    margin-bottom: 100px !important;
}
.nemo-margin-100{
    margin-bottom: 50px !important;
}

.nemo-container{
    margin-bottom: 50px !important;
}
.nemo-custom-carousel{
    margin-top: 50px;
    margin-bottom: 100px !important;
}
.nemo-container-padding{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.nemo-padding-carousel, .nemo-padding-carousel-short{
    padding-bottom: 150px !important;
}
.nemo-columns-responsive{
    display: flex !important;
    flex-direction: column-reverse !important;
}
.nemo-columns-responsive-gap{
    gap:  24px !important;
}
/*End Layout*/

/*Typography*/
#content .nemo-text-center{
    width: 100% !important;
}
/*End Typography*/

/*End Responsive*/
}
/*Min width tablet*/
@media (min-width: 768px){
    #content h1, 
    #content .header-1 h1,
    #content .header-1 h2,
    #content .header-1 h3,
    #content .header-1 h4,
    #content .header-1 h5,
    #content .header-1 h6,
    h1{
        font-size: var(--h1-tablet);
        line-height: 1.3;
    }
    #content .header-2,
    #content .header-2 h1,
    #content .header-2 h2,
    #content .header-2 h3,
    #content .header-2 h4,
    #content .header-2 h5,
    #content .header-2 h6,
    #content h2,
    h2{
        font-size: var(--h2-tablet);
    }
    #content .header-3,
    #content .header-3 h1,
    #content .header-3 h2,
    #content .header-3 h3,
    #content .header-3 h4,
    #content .header-3 h5,
    #content .header-3 h6,
    #content h3,
    h3{
        font-size: var(--h3-tablet);
    }
    #content .header-4,
    #content .header-4 h1,
    #content .header-4 h2,
    #content .header-4 h3,
    #content .header-4 h4,
    #content .header-4 h5,
    #content .header-4 h6,
    #content h4,
    h4{
        font-size: var(--h4-tablet);
    }
    #content .header-5,
    #content .header-5 h1,
    #content .header-5 h2,
    #content .header-5 h3,
    #content .header-5 h4,
    #content .header-5 h5,
    #content .header-5 h6,
    #content h5,
    h5{
        font-size: var(--h5-tablet);
    }
    #content .header-6,
    #content .header-6 h1,
    #content .header-6 h2,
    #content .header-6 h3,
    #content .header-6 h4,
    #content .header-6 h5,
    #content .header-6 h6,
    #content h6,
    h6{
        font-size: var(--h6-tablet);
    }
    p,
    #content .header-p,
    #content .header-p h1,
    #content .header-p h2,
    #content .header-p h3,
    #content .header-p h4,
    #content .header-p h5,
    #content .header-p h6,
    #content .header-p h6{
        font-size: var(--text);
    }
    html,body{
        font-size: var(--text);
    }
    .post-list.grid-design.grid-col-3{
        grid-template-columns: repeat(3, 1fr);
    }
}
/*End min width tablet*/
/*laptop width*/
@media (min-width: 1025px){
      #content h1, 
    #content .header-1 h1,
    #content .header-1 h2,
    #content .header-1 h3,
    #content .header-1 h4,
    #content .header-1 h5,
    #content .header-1 h6,
    h1{
        font-size: var(--h1);
        line-height: 1.3;
    }
    #content .header-2,
    #content .header-2 h1,
    #content .header-2 h2,
    #content .header-2 h3,
    #content .header-2 h4,
    #content .header-2 h5,
    #content .header-2 h6,
    #content h2,
    h2{
        font-size: var(--h2);
    }
    #content .header-3,
    #content .header-3 h1,
    #content .header-3 h2,
    #content .header-3 h3,
    #content .header-3 h4,
    #content .header-3 h5,
    #content .header-3 h6,
    #content h3,
    h3{
        font-size: var(--h3);
    }
    
    #content .header-4,
    #content .header-4 h1,
    #content .header-4 h2,
    #content .header-4 h3,
    #content .header-4 h4,
    #content .header-4 h5,
    #content .header-4 h6,
    #content h4,
    h4{
        font-size: var(--h4);
    }
    #content .header-5,
    #content .header-5 h1,
    #content .header-5 h2,
    #content .header-5 h3,
    #content .header-5 h4,
    #content .header-5 h5,
    #content .header-5 h6,
    #content h5,
    h5{
        font-size: var(--h5);
    }
    #content .header-6,
    #content .header-6 h1,
    #content .header-6 h2,
    #content .header-6 h3,
    #content .header-6 h4,
    #content .header-6 h5,
    #content .header-6 h6,
    #content h6,
    h6{
        font-size: var(--h6);
    }
    p,
    #content .header-p,
    #content .header-p h1,
    #content .header-p h2,
    #content .header-p h3,
    #content .header-p h4,
    #content .header-p h5,
    #content .header-p h6,
    #content .header-p h6{
        font-size: var(--text);
    }
    html,body{
        font-size: var(--text);
    }
    .post-list.grid-design.grid-col-3{
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
    .button-end{
        display: flex !important;
        justify-content: flex-end !important;
    }
    .item-center{
    align-items: center !important;
}
}