@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

@font-face {
    font-family: palatino linotype;
    font-style: normal;
    font-weight: 400;
    src: local('Palatino Linotype'), url(https://fonts.cdnfonts.com/s/13595/pala.woff) format('woff')
}

/*-------------
Default Style
--------------*/

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}


* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

a,
a:hover {
    text-decoration: none;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    color: rgba(26, 3, 0, 1);
    background-color: #ffffff;
}

html {
    scroll-behavior: smooth;
}



input:focus,
textarea:focus,
button:focus,
select:focus {
    outline: none;
}

::selection {
    background-color: rgba(238, 123, 112, 1);
    color: rgba(26, 3, 0, 1);
}

.container {
    max-width: 1170px;
    margin: 0px auto;
}

img {
    max-width: 100%;
    height: auto;
}

/*--------
Fonts
-----------*/
/*--
font-family: 'Proxima Nova', sans-serif;
font-family: 'Palatino Linotype', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Oswald', sans-serif;
--*/

/*--------------
Body Style
----------------*/

/*-------------
Header Style
-------------*/

.header__wrapper {
    border-bottom: 1px solid #ebdbdb;
    backdrop-filter: blur(12.5px);
    background-color: rgba(255, 255, 255, 0.5);
    padding: 15px 20px;
}

.header__wrapper .group__box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__wrapper .logo__wrap {
    max-width: 160px;
    line-height: 0px;
}

.nav__link__box .web__icon {
    line-height: 0px;
    width: 20px;
}

.nav__link__box .nav__link__text {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: rgba(49, 22, 19, 1);
    text-transform: capitalize;
    transition: all ease 300ms;
}

.nav__link__box a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.nav__link__box a:hover .nav__link__text {
    color: rgba(238, 123, 112, 1);
}

/*---------------
Coming Soon Hero Section
----------------*/

.coming__soon__hero__section .container {
    position: relative;
}

.coming__soon__hero__section {
    text-align: center;
    padding: 115px 20px 102px;
    background-color: #f6fcfc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

.coming__soon__hero__section .notice__from__bcbanow {
    background: #343232;
    border-radius: 8px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 1);
    padding: 20px 15px;
    position: absolute;
    width: 330px;
    text-align: left;
    top: -50px;
    left: -380px;
    transition: all ease 300ms;
    opacity: 0;
    visibility: hidden;
}

.coming__soon__client__box .client__box__wrapper:hover .notice__from__bcbanow {
    opacity: 1;
    visibility: visible;
}

.coming__soon__client__box .client__box__wrapper.client__box2 .notice__from__bcbanow {
    left: inherit;
    right: -380px;
}

h1.title {
    font-family: 'Palatino Linotype';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.4;
    margin-bottom: 10px;
}

.coming__soon__title__box .coming__soon__tag {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: rgba(49, 22, 19, 1);
    display: block;
}

.client__box__wrapper .client__img__box {
    width: 82px;
    line-height: 0px;
    height: 82px;
}

.client__details h6.title {
    font-family: 'Palatino Linotype';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    color: rgba(22, 22, 22, 1);
    margin-bottom: 3px;
    padding-left: 2px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.read__more__btn a {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: rgba(120, 114, 114, 1);
    text-transform: capitalize;
    transition: all ease 300ms;
    padding: 0px 2px;
}

.client__box__wrapper:hover .read__more__btn a {
    background-color: rgba(238, 123, 112, 1);
    color: #ffffff;
}

.coming__soon__client__box .client__box__wrapper {
    display: flex;
    align-items: end;
    gap: 8px;
    text-align: left;
    position: relative;
    cursor: pointer;
}

.coming__soon__hero__section .coming__soon__title__box {
    margin-bottom: 45px;
}

.client__details h6.title .right__icon {
    width: 20px;
    line-height: 0px;
    height: 20px;
    display: none;
}

.client__box__wrapper .client__details h6.title.tick__mark {
    color: rgba(242, 111, 98, 1);
}

h6.title.tick__mark .right__icon {
    display: block;
}

.coming__soon__hero__section .coming__soon__client__box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 55px;
    margin-bottom: 15px;
    position: relative;
}

.subscribe__box__wrapper label.label {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #311613;
    display: block;
    text-transform: capitalize;
    margin-bottom: 20px;
    text-align: left;
}

.coming__soon__hero__section .subscribe__box__wrapper {
    max-width: 462px;
    margin: 0px auto 55px;
}

.email__field__box input {
    border: 1px solid #EE7B70;
    border-radius: 100px;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgb(0, 0, 0);
    padding: 13px 140px 13px 20px;
}

.email__field__box input::placeholder {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgba(156, 163, 175, 1);
}

.subscribe__field__box .email__field__box .subscribe__btn {
    position: absolute;
    right: 0px;
    z-index: 1;
    top: 0px;
}

.subscribe__btn button {
    padding: 13px 25px;
    min-width: 128px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(238, 123, 112, 1);
    border-radius: 80px;
    border: 0px;
    text-align: center;
    text-transform: capitalize;
    transition: all ease 300ms;
    cursor: pointer;
    display: block;
}

.subscribe__btn button:hover {
    background-color: #000000;
    color: #ffffff;
}

.subscribe__field__box .email__field__box {
    position: relative;
}

.coming__soon__hero__section .coming__hero__img {
    line-height: 0px;
}

.coming__soon__hero__section .coming__soon__plant {
    line-height: 0px;
    position: absolute;
    width: 230px;
    text-align: center;
    right: -24px;
    bottom: -42px;
}

/*----------------------
Introducion Box
---------------------*/
.introduction__box__wrapper {
    text-align: center;
    padding: 120px 20px;
}

h2.title {
    font-family: 'Palatino Linotype';
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 1.4;
    margin-bottom: 10px;
    color: rgba(49, 22, 19, 1);
}


.intro__title__box .intro__note {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #787272;
}

.introduction__box__wrapper .intro__title__box {
    margin: 0px auto;
    margin-bottom: 50px;
    max-width: 757px;
}

.intro__item__box .short__description__box {
    font-family: 'Palatino Linotype';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    color: #311613;
    text-align: center;
    margin-top: 30px;
}

.intro__item__box .img__box__wrapper {
    line-height: 0px;
}


.bcba__intro__box__wrapper .group__box {
    display: flex;
    align-items: center;
    gap: 24px;
}

.introduction__box__wrapper .bcba__intro__box__wrapper {
    margin-bottom: 120px;
}

.introduction__box__wrapper .intro__highlited__box {
    font-family: 'Palatino Linotype';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 0.9;
    color: #311613;
    margin-bottom: 50px;
    text-align: left;
}

.introduction__box__wrapper .short__para__box {
    font-family: 'Palatino Linotype';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    color: #311613;
    text-align: left;
}

.introduction__box__wrapper .short__para__box p+p {
    margin-top: 50px;
}

.intro__item__box .img__box__wrapper img {
    background: #f6f6f1;
    border-radius: 20px;
}

/*--------------------
Footer
-----------------*/

.footer__wrapper {
    text-align: center;
    border-top: 1px solid #ebdbdb;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #787272;
    padding: 20px;
    background-color: rgba(246, 252, 252, 1);
}

/*-------------------
Popup Modal
--------------------*/


.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(3px);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

#waitlist__popup .popup__wrapper {
    margin: 70px auto;
    padding: 0px;
    background: #fff;
    border-radius: 10px;
    width: 530px;
    height: 382px;
    position: relative;
    background-image: url(../images/popup-bg.png);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#waitlist__popup .img__box__wrapper {
    width: 220px;
    height: 205px;
    margin: 0px auto 37px;
}

#waitlist__popup .popup__text__wrapper h4.title {
    font-family: 'Palatino Linotype';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.3;
    text-align: center;
    color: #311613;
}

.popup__wrapper .close__btn {
    line-height: 0px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 10px;
}

.coming__soon__hero__section .mobile__notice__from__bcbanow1 {
    background: #343232;
    border-radius: 8px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 1);
    padding: 20px 15px;
    width: 330px;
    text-align: left;
    transition: all ease 300ms;
    opacity: 0;
    visibility: hidden;
    display: none;
}

.coming__soon__hero__section .mobile__notice__from__bcbanow2 {
    background: #343232;
    border-radius: 8px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 1);
    padding: 20px 15px;
    width: 330px;
    text-align: left;
    transition: all ease 300ms;
    opacity: 0;
    visibility: hidden;
    display: none;
}

.coming__soon__hero__section .mobile__read__more__boxes {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}