@font-face {
    font-family: 'Hobeaux';
    src: url('/wp-content/themes/one-feelings/fonts/hobeaux/Hobeaux-Bold.woff2') format('woff2'),
        url('/wp-content/themes/one-feelings/fonts/hobeaux/Hobeaux-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Hobeaux';
    src: url('/wp-content/themes/one-feelings/fonts/hobeaux/Hobeaux-Light.woff2') format('woff2'),
        url('/wp-content/themes/one-feelings/fonts/hobeaux/Hobeaux-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Queue';
    src: url('/wp-content/themes/one-feelings/fonts/queue/Queue-Book.woff2') format('woff2'),
        url('/wp-content/themes/one-feelings/fonts/queue/Queue-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Queue';
    src: url('/wp-content/themes/one-feelings/fonts/queue/Queue-BoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/one-feelings/fonts/queue/Queue-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Queue';
    src: url('/wp-content/themes/one-feelings/fonts/queue/Queue-Bold.woff2') format('woff2'),
        url('/wp-content/themes/one-feelings/fonts/queue/Queue-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Queue';
    src: url('/wp-content/themes/one-feelings/fonts/queue/Queue-ThinItalic.woff2') format('woff2'),
        url('/wp-content/themes/one-feelings/fonts/queue/Queue-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Queue';
    src: url('/wp-content/themes/one-feelings/fonts/queue/Queue-BlackItalic.woff2') format('woff2'),
        url('/wp-content/themes/one-feelings/fonts/queue/Queue-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Queue';
    src: url('/wp-content/themes/one-feelings/fonts/queue/Queue-Black.woff2') format('woff2'),
        url('/wp-content/themes/one-feelings/fonts/queue/Queue-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Queue';
    src: url('/wp-content/themes/one-feelings/fonts/queue/Queue-LightItalic.woff2') format('woff2'),
        url('/wp-content/themes/one-feelings/fonts/queue/Queue-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Queue';
    src: url('/wp-content/themes/one-feelings/fonts/queue/Queue-Thin.woff2') format('woff2'),
        url('/wp-content/themes/one-feelings/fonts/queue/Queue-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Queue';
    src: url('/wp-content/themes/one-feelings/fonts/queue/Queue-Light.woff2') format('woff2'),
        url('/wp-content/themes/one-feelings/fonts/queue/Queue-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Queue';
    src: url('/wp-content/themes/one-feelings/fonts/queue/Queue-Medium.woff2') format('woff2'),
        url('/wp-content/themes/one-feelings/fonts/queue/Queue-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Queue';
    src: url('/wp-content/themes/one-feelings/fonts/queue/Queue-BookItalic.woff2') format('woff2'),
        url('/wp-content/themes/one-feelings/fonts/queue/Queue-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Queue';
    src: url('/wp-content/themes/one-feelings/fonts/queue/Queue-MediumItalic.woff2') format('woff2'),
        url('/wp-content/themes/one-feelings/fonts/queue/Queue-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}




* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    margin:0;
    padding: 0;
}

body {
    font-size: 20px;
    color: var(--blue);
    overflow-x: hidden;
    font-family: 'Queue';
    background-color: var(--opacity_blue);
}

html {
    scroll-behavior: smooth;
}

.container {
    max-width: 1540px;
    width: 100%;
    margin: 0 auto;
    padding: 0 50px;
}


:root {
    --primary_black:#000;
    --secondary_black:#0C0C0C;
    --sky_blue:rgba(39, 170, 225, 0.15);;
    --light_blue:#27AAE1;
    --opacity_blue:#F1F8FB;
    --white:#fff;
    --light-pink:#FBF7F9;
}

/* background color class */

    .bg_sky_blue{background-color: var(--sky_blue);}
    .bg_light_blue{background: var(--light_blue);}
    .bg_opacity_blue{background-color: var(--opacity_blue);}
    .bg_white {background: var(--white);}



/* ********************** Button css start ********************** */

.btn {
    color: var(--light-pink);
    font-family: 'Queue';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 15px 42px;
    border-radius: 124px;
    background: linear-gradient(93deg, #376182 0.17%, #27AAE1 100.17%), #27AAE1;
    cursor: pointer;
    transition: 0.3s all ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
}
.btn:hover, .btn:active, .btn:focus {
    color: white;
    transition: 0.3s all ease-in-out;
    background: var(--secondary_black);
}



/********************* TYPOGRAPHY ********************/


a{
    text-decoration: none;
}
li{
    list-style: none;
}
ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
    border: none;
    user-select: none;
    width: auto;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    color: var(--secondary_black);
    font-family: 'Hobeaux';
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 52px;
    text-align: center;
}

h1, .title_h1 {
    font-size: 80px;
    font-weight: 300;
    line-height: 110px;
}
.title_h1_big {
    font-size: 100px;
    font-weight: 700;
    line-height: normal;
}
h2, .title_h2 {
    font-size: 70px;
    font-weight: 700;
    line-height: normal;
}
h3, .title_h3 {
    font-family: 'Queue';
    font-size: 40px;
    letter-spacing: 0.4px;
}
h4, .title_h4{
    font-family: 'Queue';
    font-size: 28px;
    line-height: normal;
}
h5, .title_h5{
    font-size: 24px;
    font-family: 'Queue';
    font-weight: 900;
    line-height: normal;
    color: var(--light_blue);
}
p {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: var(--secondary_black);
}
.eighteen_p p{
    color: rgb(12, 12, 12,0.8);
    font-size: 18px;
    font-weight: 400;
    line-height: 27px; 
}
span{
    font-weight: 700;
}


/* ============================== header =========================================== */


.header {
    padding: 20px 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
.header_main{
    display: flex;
    align-items: center;
    justify-content: space-between;
}




/* ********************************  Hero Banner  *****************************************/

.hero_banner {
    padding: 289px 0 303px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-image: url(/wp-content/themes/one-feelings/bg_images/Union.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.hero_banner::before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 382px;
    height: 100%;
    background-image: url(/wp-content/themes/one-feelings/bg_images/hero_banner_left_patch_main.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 2;
}
.hero_banner::after{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 570px;
    height: 100%;
    background-image: url(/wp-content/themes/one-feelings/bg_images/hero_banner_right_patch_main.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 2;
}

.hero_banner_main {
    max-width: 1350px;
    margin: 0px auto;
    position: relative;
    z-index: 10;
}
.hero_banner_main::after {
    position: absolute;
    content: '';
    left: 57px;
    bottom: -33px;
    background-image: url(/wp-content/themes/one-feelings/bg_images/evil_face.svg);
    background-size: 100% 100%;
    width: 158px;
    height: 162px;
    background-repeat: no-repeat;
    z-index: 3;
}
.hero_banner_main::before {
    position: absolute;
    content: '';
    right: 0;
    top: -120px;
    background-image: url(/wp-content/themes/one-feelings/bg_images/happy_face.svg);
    background-size: 100% 100%;
    width: 171px;
    height: 146px;
    background-repeat: no-repeat;
    z-index: 3;
}
.ring_patch_img {
    position: absolute;
    bottom: 0;
    left: 42.4%;
}
.suqre_img_patch img {
    width: 100%;
    height: 100%;
    object-position: 100% 45%;
    object-fit: cover;
}
.suqre_img_patch {
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
    width: 100%;
    height: 100%;
}
.hero_banner_title_btn {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}
.hero_banner_title_btn span {
    display: flex;
}
.hero_banner_title_btn a.btn {
    font-size: 24px;
    padding: 20px 50px;
}



/* **************************************  Challenging Life Section ***************************************/


.challenging_life{
    position: relative;
    z-index: 1;
    
}
.challenging_life::after {
    position: absolute;
    content: '';
    /* background-image: url(/wp-content/themes/one-feelings/bg_images/Subtract.png); */
    background-image: url(/wp-content/themes/one-feelings/bg_images/desktop_wave_patch.svg);
    top: -61px;
    left: 0;
    width: 100%;
    height: 63px;
    background-repeat: no-repeat;
    z-index: -1;
    /* background-size: 100% 100%; */
    background-size: cover;
}




.challenging_life_main {
    display: flex;
    flex-direction: column;
    gap: 80px;
    padding: 120px 0 60px;
}
.challenging_box {
    display: flex;
    align-items: center;
    gap: 50px;
}
.challenging_content {
    width: 48.265%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.challenging_img {
    flex: 1;
}
.challenging_img img {
    border-radius: 20px;
    object-fit: cover;
}

.cmn_title_des h3 {
    text-align: left;
    padding-bottom: 24px;
}
.cmn_title_des p {
    padding-bottom: 16px;
}
.cmn_title_des p:last-child {
    padding-bottom: 0;
}
.challenging_expression img {
    object-fit: cover;
}
.challenging_life_main .challenging_box:nth-child(even) {
    flex-direction: row-reverse;
}



/* improve_health */


.improve_health{
    position: relative;
    padding: 225px 0 227px;
}
.improve_health:after{
   position: absolute;
   left: 0;
   top: 0;
   content: '';
   background-image: url(/wp-content/themes/one-feelings/bg_images/health_top_patch.png);
   background-repeat: no-repeat;
   width: 100%;
   height: 167px;
   background-size: 100% 100%;
}
.improve_health::before{
   position: absolute;
   left: 0;
   bottom: -3px;
   content: '';
   background-image: url(/wp-content/themes/one-feelings/bg_images/health_btm_patch.png);
   background-repeat: no-repeat;
   width: 100%;
   height: 147px;
   background-size: 100% 100%;
}

.improve_helath_main {
    display: flex;
    gap: 80px;
    align-items: center;
}
.health_content {
    display: flex;
    gap: 24px;
    flex-direction: column;
    flex: 1;
}
.health_img {
    width: 27.779%;
}
.health_img img{
    object-fit: cover;
    width: 100%;
}

.health_btn a.btn {
    padding: 19.5px 50px;
}







.our_feature {
    padding: 60px 0 120px;
}

.feature_box_otr {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding-top: 50px;
}
.feature_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 30px;
    border-radius: 15px;
    background: var(--opacity_blue);
}
.feature_box_content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}
.feature_box_otr .feature_box{
    min-width: calc((100% - 2* 30px) / 3);
    flex: 1;
}
.feature_box_content h4 {
    text-align: left;
}






.testimonial {
    padding: 108px 0 165px;
}
.testimonial_main{
    padding-top:80px !important ;
}
.testimonial_otr{
    display: flex !important;
    align-items: end !important;
}
.testimonial_box {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start;
    gap: 35px;
    border-radius: 16px;
    background: linear-gradient(115deg, rgba(24, 24, 24, 0.08) -0.89%, rgba(24, 24, 24, 0.03) 100%);
    backdrop-filter: blur(12px);
    padding: 30px;
}







.footer {
    padding: 100px 0 0 0;
    position:relative;
    z-index: 1;
}
.footer:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background-image: url(/wp-content/themes/one-feelings/bg_images/footer_patch.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.footer_top {
    max-width: 874px;
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    gap: 50px;
    align-items: center;
    text-align: center;
    padding-bottom: 64px;
}
.footer_top_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.footer_top_content a.btn {
    margin-top: 14px;
    padding: 20.5px 50.5px;
}
.footer_btm {
    padding: 24px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    display: flex;
    justify-content: space-between;
}
.footer_link ul{
    display: flex;
    gap: 30px;
    padding-left: 15px;
}
.footer_link ul a {
    color: var(--secondary_black);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}
.footer_link ul a:hover {
    color: var(--light_blue);
}
.footer_copyright p {
    color: var(--secondary_black);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}