/* **** Our Story Page **** */
.story-main-wrpper{
    max-width: 1920px;
    position: relative;
    margin: 0 auto;
}
.navbar-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 100%;
    gap: 32px;
}
.story_hero_wrp {
    padding: 140px 0;
    position: relative;
}
.story_hero_wrp .story-hero_bg {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 100%;
    pointer-events: none;
}
.story_hero_wrp .hero-illustration-1 {
    position: absolute;
    right: 153px;
    top: 40px;
    max-width: 100%;
}
.story_hero_wrp .hero-illustration-2 {
    position: absolute;
    bottom: 25px;
    left: 75px;
    max-width: 100%;
}
.story_hero_wrp .hero_block {
    position: relative;
    z-index: 5;
}
.story_hero_wrp .hero_block h6 {
    font-family: "Nunito", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 11.52px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 1.728px;
    text-transform: uppercase;
    color: #fa0581;
    margin: 0 0 40px;
}
.story_hero_wrp .hero_block h1 {
    font-family: "Bricolage Grotesque", sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 72.408px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -2.17224px;
    color: #33945b;
    margin: 0 0 40px;
}
.story_hero_wrp .hero_block h1 span {
    color: #fa0581;
}
.story_hero_wrp .hero_block p {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #000000;
    margin: 0 0 60px;
}
.story_hero_wrp .hero_block h5 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    font-size: 11.52px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 1.3824px;
    text-transform: uppercase;
    color: #33945b;
    margin: 0;
}



.seed_wrp {
    position: relative;
    z-index: 5;
}
.seed_wrp .seed-shape-bg1 {
    position: absolute;
    left: 0;
    max-width: 100%;
    top: 80px;
}
.seed_wrp .seed-shape-bg2 {
    position: absolute;
    right: 0;
    top: 60%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    max-width: 100%;
}
.seed_wrp .container {
    max-width: 1185px;
    padding: 0;
}
.seed_wrp .line-shape {
    position: absolute;
    left: 0;
    right: 0;
    top: -130px;
    margin: 0 auto;
    max-width: 100%;
    padding-right: 70px;
    z-index: -1;
    pointer-events: none;
}
.seed_wrp .bottom-girl{
    position: absolute;
    left: 37%;
    transform: translate(-50%, 17%);
    bottom: 0;
}



.seed_wrp .seed_block {
    padding: 0 0 40px;
}
.seed_wrp .seed_block .seed_detail {
    max-width: 617px;
    margin-left: auto;
    position: relative;
}
.seed_wrp .seed_block .seed_detail .seed-img1 {
    max-width: 100%;
    margin: 0 0 -40px -30px;
}
.seed_wrp .seed_block .seed_detail img {
    max-width: 100%;
}
.seed_wrp .seed_block .seed_detail .detail {
    position: relative;
}
.seed_wrp .seed_block .seed_detail h6 {
    font-family: "Poppins";
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 1.3824px;
    text-transform: uppercase;
    color: #fa0581;
    margin: 0 0 32px;
}
.seed_wrp .seed_block .seed_detail h2 {
    font-family: "Bricolage Grotesque";
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.62064px;
    color: #262626;
    margin: 0 0 17px;
}
.seed_wrp .seed_block .seed_detail h2 span {
    color: #fa0581;
}
.seed_wrp .seed_block .seed_detail p {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #444444;
    margin: 0 0 17px;
}
.seed_wrp .seed_block .seed_detail p span {
    color: #c245d4;
    font-weight: bold;
}
.seed_wrp .seed_block .seed_detail p b {
    font-weight: bold;
    color: #05B516;
}
.seed_wrp .seed_block .seed_detail p:last-child {
    margin: 0;
}
.seed_wrp .seed_block .seed_detail .number {
    font-family: "Bricolage Grotesque";
    font-style: normal;
    font-weight: 800;
    font-size: 144px;
    line-height: 144px;
    color: rgba(42, 140, 62, 0.15);
    position: absolute;
    left: 0;
    top: 0;
    padding-right: 16px;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.seed_wrp .seed_block.seed_block2 {padding: 0 0 40px;margin-top: -30px;}
.seed_wrp .seed_block.seed_block2 .seed_detail {margin-left: 180px;margin-right: auto;}
.seed_wrp .seed_block.seed_block2 .seed_detail img {margin: 0;}
.seed_wrp .seed_block.seed_block2 .seed_detail .number {color: rgba(47, 127, 209, 0.15);}
.seed_wrp .seed_block.seed_block3 {padding: 0;}
.seed_wrp .seed_block.seed_block3 .seed_detail img {margin: 0 0 50px -130px;width: auto;}
.seed_wrp .seed_block.seed_block3 .seed_detail .number {color: rgba(194, 69, 212, 0.15);}
.tooltip-btn{position: relative;z-index: 999;}


circle {
  pointer-events: all;
  r: 12; /* bigger touch radius */
}

.category_wrp {
    position: relative;
    z-index: 9;
}
.category_wrp .category_girl{position: absolute;right: 30%;top: 0;transform: translate(0, -60%);max-width: 100%;}
.category_wrp .category_ic1{position: absolute;top: 70px;left: 35%;z-index: 5;}
.category_wrp .category_ic2{position: absolute;top: 70px;right: 112px;z-index: 5;}
.category_wrp .category_ic3{position: absolute;bottom: 26%;left: 75px;z-index: 5;}
.category_wrp .category_ic4{position: absolute;bottom: 70px;right: 33%;z-index: 5;}
.category_wrp .line-shape2 {
    position: absolute;
    left: 43%;
    z-index: -1;
    top: 0;
}
.category_wrp .container {
    max-width: 995px;
}
.category_wrp .row {
    row-gap: 30px;
}
.category_wrp .category-shape img {
    width: 100%;
}
.category_wrp .category_block {
    background: linear-gradient(180deg, #fafaf5 0%, #fff8f0 100%);
    padding: 54px 0 64px;
    position: relative;
}
.category_wrp .category-box {
    position: relative;
}
.category_wrp .category-box .box-detail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    gap: 12px;
    height: 155px;
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 34px;
    position: relative;
    z-index: 8;
}
.category_wrp .category-box::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #fa0581;
    border: 1px solid #000000;
    border-radius: 34px;
    z-index: 1;
    top: 6px;
    left: 6px;
    z-index: 1;
}
.category_wrp .category-box .box-icon img {
    max-width: 100%;
}
.category_wrp .category-box p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #262626;
    margin: 0;
}

.category_wrp .col-md-4:nth-child(2) .category-box::after {background-color: #ebf17a;}
.category_wrp .col-md-4:nth-child(3) .category-box::after {background-color: #c245d4;}
.category_wrp .col-md-4:nth-child(4) .category-box::after {background-color: #2f7fd1;}
.category_wrp .col-md-4:nth-child(5) .category-box::after {background-color: #8ee897;}
.category_wrp .col-md-4:nth-child(6) .category-box::after {background-color: #fa0581;}

.seed_tree_wrp {
    padding: 72px 0;
    padding: 183px 0 145px;
    position: relative;
}
.seed_tree_wrp h5{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #000000;
    padding: 4px 12px;
    background: #EBF17A;
    border: 1px solid #000000;
    border-radius: 34.5px;
    margin: 20px auto 0;
    display: table;
}
.info-box {
    position: absolute;
    right: 20%;
    top: 46%;
}
.info-box::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #E900FF;
    border: 1px solid #000000;
    border-radius: 34px;
    z-index: 1;
    top: 3px;
    left: 3px;
    z-index: 1;
}
.info-box .infp-text{
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 34px;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    padding: 5px 5px 5px 15px;
    font-family: 'YWFTPoster-SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    gap: 15px;
}
.info-box .infp-text span{
    height: 35px;
    width: 35px;
    border: 1px solid #000;
    background-color: #E900FF;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.seed_tree_wrp .tree-shape1{
    position: absolute;
    left: 15%;
    top: 40%;
    max-width: 100%;
}
.seed_tree_wrp .tree-shape2{
    position: absolute;
    left: 20%;
    bottom: 10%;
    max-width: 100%;
}
.seed_tree_wrp .tree-shape3{
    position: absolute;
    right: 10%;
    bottom: 20%;
    max-width: 100%;
}
.seed_tree_wrp .seed-tree-titlebar {
    max-width: 687px;
    margin: 0 auto 27px;
}
.seed_tree_wrp .seed-tree-titlebar h6 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 1.3824px;
    text-transform: uppercase;
    color: #fa0581;
    margin: 0 0 30px;
}
.seed_tree_wrp .seed-tree-titlebar h2 {
    font-family: "Bricolage Grotesque";
    font-style: normal;
    font-weight: 800;
    font-size: 56px;
    line-height: 54px;
    letter-spacing: -0.62064px;
    color: #262626;
    margin: 0 0 32px;
    text-align: center;
}
.seed_tree_wrp .seed-tree-titlebar h2 span {
    display: block;
    color: #e8008a;
}
.seed_tree_wrp .seed-tree-titlebar p {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #444444;
    margin: 0;
}
.seed_tree_wrp .seed-tree-titlebar p span {font-weight: bold;}
.seed_tree_wrp .seed-tree-titlebar p .text1 {color: #2f7fd1;}
.seed_tree_wrp .seed-tree-titlebar p .text2 {color: #c245d4;}
.seed_tree_wrp .seed-tree-titlebar p .text3 {color: #33945b;}
.seed_tree_wrp .tree_block{
    width: 494px;
    height: 512px;
    margin: 0 auto;
    position: relative;
}
.svg-wrapper {
  position: relative;
}
.svg-wrapper svg{
    width: 100%;
}

.tooltip-box {
  position: absolute;
  transform: translate(-50%, -120%);
  opacity: 0;
  visibility: hidden;
    transition:  transform 450ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 180ms ease-in;
}
.tooltip-box.big-tooltip::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #ebf17a;
    border: 1px solid #000000;
    border-radius: 34px;
    z-index: 1;
    top: 6px;
    left: 6px;
    z-index: 1;
}
.tooltip-box.big-tooltip .tooltip-detail{
    padding: 16px;
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 34px;
    position: relative;
    z-index: 9;
}
.tooltip-box.big-tooltip .tooltip-detail p{
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
    color: #000000;
    margin: 0;
}
.tooltip-box.big-tooltip .tooltip-detail p span{color: #2F7FD1;font-weight: bold;}
.tooltip-box.big-tooltip .tooltip-detail p b{color: #FA0581;font-weight: bold;}

.small-tooltip{
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    padding: 2px 12px;
    background: #05B516;
    border: 1px solid #000000;
    border-radius: 34.5px;
}
.small-tooltip.show {
  animation: tooltipBounce 450ms cubic-bezier(0.34, 1.56, 0.64, 1);
  opacity: 1;
  visibility: visible;
}
#tooltip2::before{background-color: #C245D4;}
#tooltip3::before{background-color: #2F7FD1;}

#tooltip1{width: 520px;transform: translate(-60%, -250px);}
#tooltip2{width: 540px;transform: translate(160px, -60px);}
#tooltip3{width: 540px;transform: translate(190px, -320px);}
#tooltip4{transform: translate(250px, -340px);}
#tooltip5{transform: translate(340px, -344px);}
#tooltip6{transform: translate(320px, -400px);}
#tooltip7{transform: translate(320px, -440px);}
#tooltip8{transform: translate(280px, -450px);}
#tooltip9{transform: translate(260px, -360px);}
#tooltip10{transform: translate(180px, -360px);}
#tooltip11{transform: translate(120px, -430px);}
#tooltip12{transform: translate(60px, -400px);}
#tooltip13{transform: translate(160px, -340px);}
#tooltip14{transform: translate(20px, -350px);}
@keyframes tooltipBounce {
  0%   { transform: translate(-50%, -120%) scale(0); }
  70%  { transform: translate(-50%, -120%) scale(1.18); }
  100% { transform: translate(-50%, -120%) scale(1); }
}



.project_wrp {
    background: rgba(250, 5, 129, 0.05);
    padding: 100px 0;
    position: relative;
}
.project_wrp .container {
    max-width: 1010px;
}
.project_wrp .project-titlebar {
    margin: 0 0 56px;
}
.project_wrp .project-ic-shape1{
    position: absolute;
    left: 8%;
    top: 70px;
    max-width: 100%;
}
.project_wrp .project-ic-shape2{
    position: absolute;
    right: 8%;
    top: 117px;
    max-width: 100%;
}
.project_wrp .project-titlebar h6 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    font-size: 13.6px;
    line-height: 20px;
    text-align: center;
    color: #262626;
    margin: 0 auto 18px;
    display: table;
    padding: 7px 14px;
    background: #ebf17a;
    border-radius: 2.68435e7px;
}
.project_wrp .project-titlebar h2 {
    font-family: "Bricolage Grotesque";
    font-style: normal;
    font-weight: 800;
    font-size: 40.852px;
    line-height: 61px;
    text-align: center;
    color: #c245d4;
    margin: 0 0 18px;
}
.project_wrp .project-titlebar h2 span {
    color: #33945B;
    position: relative;
}
.project_wrp .project-titlebar h2 span::before{
    position: absolute;
    content: "";
    background-image: url("../images/line-shap-green2.png");
    height: 10px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    bottom: -15px;
}
.project_wrp .project-titlebar p {
    max-width: 548px;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #262626;
    margin: 0 auto;
}
.project_wrp .project-box {
    position: relative;
}
.project_wrp .project-box .project-box-bg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 16px 16px 20px;
    gap: 10px;
    height: 294px;
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 34px;
    position: relative;
    z-index: 5;
}
.project_wrp .project-box::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #fa0581;
    border: 1px solid #000000;
    border-radius: 34px;
    z-index: 1;
    top: 6px;
    left: 6px;
    z-index: 1;
}
.project_wrp .project-box .box-icon {
    display: table;
    margin: 0 auto;
}
.project_wrp .project-box .box-icon img {
    max-width: 100%;
}
.project_wrp .project-box .box-detail h2 {
    font-family: 'YWFTPoster-SemiBold';
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #fa0581;
    padding-top: 12px;
    position: relative;
}
.project_wrp .project-box .box-detail h2:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 4px;
    background: #fa0581;
    border-radius: 2.68435e7px;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
}
.project_wrp .project-box .box-detail p {
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #262626;
    margin: 0;
}
.project_wrp .col-md-4:nth-child(2) .project-box .box-detail h2 {color: #D800FC;}
.project_wrp .col-md-4:nth-child(2) .project-box .box-detail h2:before {background-color: #D800FC;}
.project_wrp .col-md-4:nth-child(2) .project-box::after {background-color: #D800FC;}
.project_wrp .col-md-4:nth-child(3) .project-box .box-detail h2 {color: #33945b;}
.project_wrp .col-md-4:nth-child(3) .project-box .box-detail h2:before {background-color: #8ee897;}
.project_wrp .col-md-4:nth-child(3) .project-box::after {background-color: #8ee897;}
.project_wrp h5 {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 400;
    font-size: 20.8px;
    line-height: 31px;
    text-align: center;
    color: #fa0581;
    margin: 56px 0 0;
}
/* **** End Our Story Page **** */


/* **** Symbolism **** */
.symbolism_wrp{
    padding: 200px 0 0;
    position: relative;
}
.symbolism_wrp .vine-shape1{
    position: absolute;
    left: 6%;
    bottom: -30%;
    max-width: 100%;
    pointer-events: none;
    z-index: -1;
}
.symbolism_wrp .container{
    max-width: 1080px;
}
.symbolism_wrp .seed-shape-bg3{
    position: absolute;
    right: 0;
    top: -25%;
    max-width: 100%;
    pointer-events: none;
    z-index: -1;
}
.symbolism_wrp .symbolism-block{
    display: flex;
    gap: 56px;
    margin: 0 0 67px;
}
.symbolism_wrp .symbolism-block .symbolism-logo img{
    max-width: 100%;
}
.symbolism_wrp .symbolism-block .symbolism-detail{
    position: relative;
}
.symbolism_wrp .symbolism-block .symbolism-detail h2{
    font-family: 'Bricolage Grotesque';
    font-style: normal;
    font-weight: 800;
    font-size: 64px;
    line-height: 53px;
    color: #000000;
    margin: 0 0 24px;
}
.symbolism_wrp .symbolism-block .symbolism-detail h3{
    font-family: 'Bricolage Grotesque';
    font-style: normal;
    font-weight: 800;
    font-size: 96px;
    line-height: 80px;
    text-align: center;
    color: #C245D4;
    padding: 14px 32px;
    border: 2px solid #000000;
    border-radius: 999px;
    display: table;
    margin: 0;
}
.symbolism_wrp .symbolism-block .symbolism-detail .detail{
    width: 351px;
    position: absolute;
    right: -60px;
    top: 95px;
    z-index: 8;
}
.symbolism_wrp .symbolism-block .symbolism-detail .detail ul li{
    margin: 0 0 10px;
    position: relative;
}
.symbolism_wrp .symbolism-block .symbolism-detail .detail ul li::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #EBF17A;
    border: 1px solid #000000;
    border-radius: 34px;
    z-index: 1;
    top: 6px;
    left: 6px;
    z-index: 1;
}
.symbolism_wrp .symbolism-block .symbolism-detail .detail ul li:last-child{
    margin: 0;
}
.symbolism_wrp .symbolism-block .symbolism-detail .detail .list-box{
    display: flex;
    align-items: center;
    gap: 26px;
    font-family: 'YWFTPoster-SemiBold';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #000000;

    padding: 7px 12px 7px 7px;
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 34px;
    position: relative;
    z-index: 98;

}
.symbolism_wrp .symbolism-block .symbolism-detail .detail .list-box span{
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
    color: #000000;
    background: #EBF17A;
    border: 1px solid #000000;
    height: 35px;
    min-width: 35px;
    width: 35px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*padding: 5px 0 0;*/
}


.founders-block{
    max-width: 604px;
    margin-left: auto;
}
.founders-block h2{
    font-weight: 600;
    font-size: 48px;
    line-height: 53px;
    color: #000000;
    margin: 0 0 16px;
}
.founders-block .founder-box .box-img{
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #D9D9D9;
    border-radius: 100%;
    margin: 0 0 10px;
}
.founders-block .founder-box h4{
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #262626;
    margin: 0;
    text-align: center;
}
/* **** End Symbolism **** */


.commencer_wrp{
    padding: 80px 0 200px;
    position: relative;
}
.commencer_wrp .vine-shape2{
    position: absolute;
    right: 56px;
    bottom: -85px;
    max-width: 100%;
}
.commencer_wrp img.icon{
    margin: 0 auto 16px;
    filter: drop-shadow(0px 4px 32px rgba(0, 0, 0, 0.15));
    position: absolute;
    top: 0;
}
.commencer_wrp p{
    font-weight: 700;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    color: #C245D4;
    margin: 0 0 40px;
}
.commencer_wrp p span{
    color: #262626;
}
.commencer_wrp h2{
    font-family: 'Bricolage Grotesque';
    font-style: normal;
    font-weight: 800;
    font-size: 64px;
    line-height: 67px;
    text-align: center;
    color: #262626;
    margin: 0 0 40px;
}
.commencer_wrp button{
    width: fit-content;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 34px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px 7px 30px;
    font-family: 'YWFTPoster-SemiBold';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
    color: #000000;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.commencer_wrp .commencer-btn{
    width: fit-content;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 34px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px 7px 30px;
    font-family: 'YWFTPoster-SemiBold';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
    color: #000000;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    text-decoration: none;
}

.commencer_wrp .commencer-btn b{
    background: #D800FC;
    border: 1px solid #FFFFFF;
    height: 42px;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    flex: 0 0 42px;
}

.commencer_wrp .commencer-btn b img{
    max-width: 100%;
    filter: brightness(1) invert(2);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.commencer_wrp .commencer-btn:hover b img {
    transform: rotate(45deg);
}


.families_wrp .container{
    max-width: 1150px;
}
.families_wrp .families_block{
    padding: 25px 45px;
    background: #F0F7ED;
    border-radius: 24px;
    position: relative;
    z-index: 9;
}
.families_wrp .families_block .globe-ic{
    position: absolute;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
    right: -40px;
    bottom: -40px;
    border-radius: 100%;
}
.families_wrp .families_block .families-img img{
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    border-radius: 40px;
    max-width: 100%;
}
.families_wrp .families_block .families-detail h2{
    font-family: 'Bricolage Grotesque';
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    color: #1A1A1A;
    margin: 0 0 16px;
}
.families_wrp .families_block .families-detail p{
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #262626;
    margin: 0;
}