/*----------- Testiminial Page ----------*/

.rpt_bnr {
    position: relative;
    margin-bottom: 100px;
}

.inner_cnt {
    width: 50%;
    left: auto;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
}

.inner_cnt h1 {
    font-size: 65px;
    line-height: 84px;
    font-weight: 500;
    color: var(--primary-color);
    font-family: var(--secondary-font);
}

.rpt_bnr img {
    width: 100%;
}

.tstml_inr_cnt {
    margin-bottom: 100px;
    padding: 0 14% 0;
}

.tstml_col {
    text-align: center;
    border-bottom: 1px solid #D2D2D2;
    padding-bottom: 35px;
    margin-bottom: 60px;
}

.tstml_col:last-child{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.tstml_inr_cnt .all-heading h3 {
    text-align: center;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 55px;
}

.tstml_col p {
    font-size: 25px;
    line-height: 40px;
    font-weight: 400;
    font-family: var(--primary-font);
    color: #656565;
    font-style: italic;
}

.tstml_col h4 {
    font-size: 25px;
    line-height: 35px;
    font-weight:600;
    color: #000000;
    font-family: var(--primary-font);
    text-transform: capitalize;
    margin-bottom: 0;
}

.tstml_col h5 {
    font-size: 18px;
    line-height: 35px;
    font-weight:700;
    color: var(--primary-color);
    font-family: var(--primary-font);
    text-transform: uppercase;
    letter-spacing: 0.7px;
    margin-bottom: 0;
}

.client_img img {
    border: 1px solid #E7E7E7;
    border-radius: 50%;
    margin-bottom: 35px;
}


/*----------- About me Page ----------*/


.rpt_hdg h5 {
    font-size: 30px;
    line-height: 39px;
    font-weight: 500;
    color: var(--primary-color);
    font-family: var(--secondary-font);
    padding-left: 50px;
    position: relative;
}

.rpt_hdg h5:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    background-image: url(../images/abt_icon.svg);
    left: 0;
    top: 0;
}



/*----------- Female weight loss Page ----------*/

.hero-bnr-item img.desktop-banr {
    width: 100%;
}

.rst_row {
    display: flex;
    justify-content: space-between;
}

.result_sct .all-heading h3 {
    text-align: center;
    margin-bottom: 50px;
}

.result_sct {
    background-color: #F1FAF0;
    padding: 100px 0;
}

.img_col {
    display: flex;
    gap: 5px;
    position: relative;
}

.img_col img{
    border-radius: 12px;
}

.img_col p {
    position: absolute;
    top: 82%;
    left: auto;
    font-size: 26px;
    line-height: 33.93px;
    font-weight: 500;
    color: var(--accent-color);
    font-family: var(--secondary-font);
    text-transform: capitalize;
    background-color: #105f52a3;
    padding: 7px 40px 7px 20px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.key_service {
    background-color: #F1E9E4;
    padding: 100px 0;
    margin-bottom: 100px;
}

.key_service .all-heading h3 {
    text-align: center;
    margin-bottom: 50px;
}

.key_service ul {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
}

.key_service li h4 {
    font-size: 30px;
    line-height: 39px;
    font-weight: 500;
    color: #000000;
    font-family: var(--secondary-font);
}

.key_service li p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #222222;
    font-family: var(--primary-font);
}

.key_service li {
    position: relative;
    padding: 0 0 0 95px;
    display: inline-block;
}

.key_service li:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    width: 75px;
    height: 75px;
    background-image: url(../images/check-icon.svg);
    left: 0;
    top: 50%;
    background-color: var(--primary-color);
    border-radius: 50%;
    transform: translate(0px, -50%);
    background-position: center;
}


/*----------- Female weight loss Page : form section ----------*/


.rqst_form {
    background-color: #F1E9E4;
    padding: 100px 0;
    margin: 100px 0 0;
}

.max_w .all-heading h3 {
    text-align: center;
    padding-bottom: 10px;
}

.max_w {
    width: 100%;
    margin: 0 auto 0;
    max-width: 65%;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 45px 85px 20px;
}

.max_w .icon-con {
    position: relative;
    margin-bottom: 5px;
}

.icon-con img {
    position: absolute;
    top: 27px;
    left: 42px;
    z-index: 9;
}

.max_w input::placeholder{
    color: #949494;
}

.max_w input, .max_w textarea {
    width: 100%;
    font-size: 17px;
    line-height: 22px;
    font-weight: 500;
    font-family: var(--primary-font);
    padding: 22px 57px;
    border-radius: 50px;
    border: 1px solid #D1ECE8;
}

.max_w textarea {
    height: 150px;
    border-radius: 30px;
}

.max_w .button-con {
    text-align: center!important;
}

.max_w span.wpcf7-spinner {
    position: absolute;
}

.max_w .wpcf7-submit {
    width: auto;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    font-family: var(--primary-font);
    color: var(--accent-color);
    background-color: var(--primary-color);
    text-transform: capitalize;
    border: none;
    cursor: pointer;
    padding: 16px 50px;
    border: 1px solid var(--accent-color);
}

.max_w .wpcf7-submit:hover {
    color: var(--primary-color);
    background-color: var(--accent-color);
    transition: ease 0.7s;
    border: 1px solid #D1ECE8;
}


/*----------- Blog page ----------*/

.bg_row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0px 0 100px;
    align-items: flex-start;
}

.blog_col {
    width: 65%;
}

.bg_ttl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #D2D2D2;
    flex-wrap: wrap;
    padding: 0px 0 60px;
    margin: 0 0 60px;
}

.right_cnt {
    width: 55%;
}

.left_img {
    width: 42%;
}

.right_cnt b {
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
    font-family: var(--primary-font);
    color: #8C8C8C;
    text-transform: uppercase;
    margin: 32px;
    position: relative;
}

.right_cnt b:before {
    content: "";
    position: absolute;
    width: 45px;
    height: 45px;
    background-image: url(../images/blg_icon1.svg);
    background-repeat: no-repeat;
    top: 0;
    left: -29px;
}

.right_cnt b:nth-child(2):before{
    background-image: url(../images/blg_icon2.svg);
    top: 2px;
}

.right_cnt h2 {
    font-size: 30px;
    line-height: 39px;
    font-weight: 400;
    font-family: var(--secondary-font);
    color: #000000;
    text-transform: capitalize;
    margin: 30px 0 20px;
}

.right_cnt p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    font-family: var(--primary-font);
    color: #5F5F5F;
}

.right_cnt .all-btn a {
    font-size: 18px;
    line-height: 23px;
    padding: 14px 42px;
    margin: 0 0 0;
}

.bg_ctg h3 {
    font-size: 25px;
    line-height: 32px;
    font-weight: 700;
    color: var(--primary-color);
    font-family: var(--secondary-font);
    text-transform: uppercase;
    border-bottom: 1px solid var(--primary-color);
    letter-spacing: 2px;
    padding: 0 0 5px;
}

.bg_ctg {
    width: 33%;
    background-color: #F1E9E4;
    padding: 55px 30px 40px;
    border-radius: 10px;
}

.bg_ctg li a {
    font-size: 20px;
    line-height: 50px;
    font-weight: 400;
    color: #000000;
    font-family: var(--primary-font);
    text-transform: capitalize;
    text-decoration: none;
}

.bg_ctg li a:hover{
    color: var(--primary-color);
}

.serch_form input {
    border-radius: 50px;
    padding: 22px 20px;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #303030;
    font-family: var(--primary-font);
    background-color: #F1E9E4;
    border: 1px solid var(--primary-color);
}

form.serch_form {
    margin: 0 0 45px;
    position: relative;
}
a.button.product_type_simple {
    display: none !important;
}
.serch_form button {
    position: absolute;
    left: auto;
    right: -8px;
    border: none;
    background-color: transparent;
    top: 0px;
    background-size: 100%;
}
.serch_form button img {
    width: 92%;
}
.bg_ttl .left_img img {
    border-radius: 10px;
    width: 100%;
    object-fit: cover;
    height: auto;
}

.serch_form input::placeholder{
    color: #303030;
}


/*----------- Cookies Classes page ----------*/

.hero-caps ul {
    margin: 35px 0 0;
}

.ck_box {
    margin: 100px 0;
}

.ck_col {
    display: flex;
    align-items: center;
    margin: 0px 0 40px;
    background-color: #F1E9E4;
    border-radius: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ck_img {
    width: 35%;
}

.ck_col img {
    border-radius: 15px;
    width: 100%;
    height: 385px;
    object-fit: cover;
}

.ck_col h2 {
    font-size: 40px;
    line-height: 52px;
    font-weight: 500;
    color: #000000;
    font-family: var(--secondary-font);
    text-transform: capitalize;
}

.ck_col p {
    font-size: 20px;
    line-height: 35px;
    font-weight: 400;
    color: #222222;
    font-family: var(--primary-font);
}

.ck_col h6 {
    font-size: 20px;
    line-height: 35px;
    font-weight: 600;
    color: #000000;
    font-family: var(--primary-font);
    margin: 0 0 20px;
}

.ck_col h6 b {
    font-size: 30px;
    padding: 0 5px 0;
}

.btn_row {
    display: flex;
    gap: 20px;
}

.btn_row .all-btn a {
    font-size: 18px;
    line-height: 23px;
    padding: 13px 38px;
    margin: 0 0 0;
}

.ck_ttl {
    width: 63%;
    padding-right: 20px;
}


h1.entry-title, h2.comments-title, h1.page-title , h2.entry-title{
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin: 25px 0;
}

.entry-meta span.posted-on, .entry-meta span.posted-on a, .entry-meta span.byline {
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    font-weight: 400;
    text-decoration: none;
}

span.author.vcard a {
    color: #000000;
    text-decoration: none;
}

.entry-meta span.posted-on a:hover, span.author.vcard a:hover {
    color: var(--primary-color);;
}

.post-thumbnail img {
    width: 100%;
    border-radius: 10px;
    height: 600px;
    object-fit: cover;
}

.entry-content p {
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    font-weight: 400;
}

.entry-footer .cat-links, .entry-footer .cat-links a, .nav-links a {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    color: #000000;
    text-decoration: none;
}

.entry-footer .cat-links a:hover, .nav-links a:hover {
    color: var(--primary-color);
}

#comments input {
    width: 100%;
    height: 54px;
}

input#wp-comment-cookies-consent {
    width: auto;
    height: auto;
}

.form-submit input#submit {
    width: auto;
    height: auto;
    padding: 12px 15px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    color: #ffffff;
    font-family: var(--primary-font);
    background-color: var(--primary-color);
    border-radius: 5px;
    border: none;
}

.form-submit input#submit:hover {
    background-color: #000000;
}

.contact-details ul li a:hover {
    color: var(--primary-color);
}


/*-------------- wocommerce -----------*/

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    max-width: 48%;
    padding: 0;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    max-width: 48%;
    padding: 0;
}

.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    width: 100%;
    float: left;
    color: #000;
    font-size: 16px;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    color: #000;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E9E9E9;
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.03);
    border-radius: 7px;
    padding: 15px 13px;
}

.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    width: 100%;
    float: left;
    color: #000;
    font-size: 16px;
}

form.woocommerce-form.woocommerce-form-login.login p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide span.password-input {
    width: 100%;
}

.woocommerce form .password-input, .woocommerce-page form .password-input {
    width: 100%;
}

button.woocommerce-button.button.woocommerce-form-login__submit {
    background: var(--primary-color);
    color: #ffffff;
    text-transform: capitalize;
    border: none;
    border-radius: 5px;
    padding: 14px 35px;
}

p.woocommerce-LostPassword.lost_password a {
    font-size: 16px;
    color: #000000;
    text-decoration: none;
}

p.woocommerce-LostPassword.lost_password a:hover {
    color: var(--primary-color);;
}

button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    background: var(--primary-color);
    color: #ffffff;
    text-transform: capitalize;
    border: none;
    border-radius: 5px;
    padding: 14px 35px;
}

button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit:hover {
    background-color: #dcd7e3;
    color: #515151;
}

form.woocommerce-form.woocommerce-form-register.register p, form.woocommerce-form.woocommerce-form-register.register a {
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    text-decoration: none;
}

form.woocommerce-form.woocommerce-form-register.register a:hover {
    color: var(--primary-color);;
}

.woof_submit_search_form_container button.button.woof_reset_search_form {
    background-color: var(--primary-color);
    color: #ffffff;
    font-size: 20px;
    border-radius: 5px;
    padding: 15px 35px;
}

.woocommerce-info {
    border-top-color: var(--primary-color) !important;
}

.woocommerce-info::before {
    color: var(--primary-color) !important;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background-color: #F1E9E4 !important;
}

h2.entry-title a {
    color: #000000;
    text-decoration: none;
}

h2.entry-title a:hover {
    color: var(--primary-color);
}

.site-main {
    margin: 100px 0;
}

.entry-meta {
    margin: 5px 0 15px;
}

h2.entry-title {
    margin: 35px 0 0;
}

span.comments-link a {
    font-size: 20px;
    color: #000000;
    font-style: italic;
    text-decoration: none;
    display: block;
}

span.comments-link a:hover {
    color: var(--primary-color);
}

.entry-summary p {
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
    color: #000000;
    margin: 0 0 25px;
}

.wc-block-components-sidebar-layout a {
    font-size: 15px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.wc-block-components-button:not(.is-link) {
    background-color: var(--primary-color);
    border-radius: 15px;
    color: #ffffff;
}