@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');




@font-face {
    font-family: 'cukierbold';
    src: url('../fonts/cukier-bold-webfont.woff2') format('woff2'),
         url('../fonts/cukier-bold-w237ebfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cukierbold_italic';
    src: url('../fonts/cukier-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/cukier-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cukierextralight';
    src: url('../fonts/cukier-extralight-webfont.woff2') format('woff2'),
         url('../fonts/cukier-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cukierextralight_italic';
    src: url('../fonts/cukier-extralightitalic-webfont.woff2') format('woff2'),
         url('../fonts/cukier-extralightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cukieritalic';
    src: url('../fonts/cukier-italic-webfont.woff2') format('woff2'),
         url('../fonts/cukier-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cukierlight';
    src: url('../fonts/cukier-light-webfont.woff2') format('woff2'),
         url('../fonts/cukier-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cukierlight_italic';
    src: url('../fonts/cukier-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/cukier-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cukiermedium';
    src: url('../fonts/cukier-medium-webfont.woff2') format('woff2'),
         url('../fonts/cukier-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cukiermedium_italic';
    src: url('../fonts/cukier-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/cukier-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cukierregular';
    src: url('../fonts/cukier-regular-webfont.woff2') format('woff2'),
         url('../fonts/cukier-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brockmannmedium_italic';
    src: url('../fonts/brockmann-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/brockmann-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'brockmannregular';
    src: url('../fonts/brockmann-regular-webfont.woff2') format('woff2'),
         url('../fonts/brockmann-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'brockmannregular_italic';
    src: url('../fonts/brockmann-regularitalic-webfont.woff2') format('woff2'),
         url('../fonts/brockmann-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'brockmannsemibold';
    src: url('../fonts/brockmann-semibold-webfont.woff2') format('woff2'),
         url('../fonts/brockmann-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'brockmannsemibold_italic';
    src: url('../fonts/brockmann-semibolditalic-webfont.woff2') format('woff2'),
         url('../fonts/brockmann-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'brockmannbold';
    src: url('../fonts/brockmann-bold-webfont.woff2') format('woff2'),
         url('../fonts/brockmann-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'brockmannbold_italic';
    src: url('../fonts/brockmann-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/brockmann-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'brockmannmedium';
    src: url('../fonts/brockmann-medium-webfont.woff2') format('woff2'),
         url('../fonts/brockmann-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


::selection {
  background: #3FB984; /* Background color when text is selected */
  color: #000000; /* Text color when text is selected */
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video{margin: 0px;padding: 0px;font-size: 16px;colo;color: #231E21;text-align:left;font-weight: normal;/* letter-spacing: 0.5px; */font-family: 'Manrope', sans-serif;font-size: inherit;font-family: inherit;/* margin: 0 auto; */}
article, aside, figure, footer, header, hgroup, nav, section{display: block;}
body{/* padding-bottom:25px; *//* width:  1366px; *//* margin:  0 auto; */overflow-x: hidden;position: relative;background: #FCF8F5;}
.otrWrp{width:100%; margin:0px auto;height: 100%;}
.ptrn{ background:url(../images/bg-pattern.jpg); min-height: 100%;}
.ptrn2{ background:url(../images/bg-pattern2.jpg); }
* {margin: 0px;}
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body {/* height: 100%; */}

.wrap{/* max-width: 1560px; *//* min-width: 320px; *//* padding: 0px 2%; */margin: 0 auto;/* min-width: 290px; */width: 100%;/* padding: 0px 153px; *//* padding: 0px 8.03%; */max-width: 1180px;padding: 0px 20px;}

ul{margin-left:0px;}
ol{margin-left:15px;}
ul li{list-style:none;/* margin-bottom:38px; */}
a{text-decoration:none;color:#444444;}
.clear {clear: both}
.lft{ float:left;}
.rgt{float:right;}
hr{width:100%;height: 2px;background: #dedede;margin: 2% 0px 2%;}
ul:after{ content:''; display:block; clear:both;}

h2{  font-size: 18px;
    font-weight: 600;
    line-height: 25px;}



p{
    color: #231E21;
    font-size: 16px;
    line-height: 25px;
    font-family: 'Karla', sans-serif;
    font-family: 'Manrope', sans-serif;
}

h1{text-align: center;font-size: 25px;color: #333333;/* line-height: 35px; */font-size: 25px;/* margin-bottom: 40px; */font-family: 'recoletaregular_demo';}
h1 span{
    font-size: inherit;
    font-weight: 600;
    color: #072f5f;
display: block;text-align: center;font-size: 18px;font-family: 'Rubik', sans-serif;font-weight: 400;}
h2{
        color: #231E21;
    text-align: center;
    font-family: 'cukiermedium';
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 70px;
}
}
h3{font-size:18px;font-weight: 600;color: #000;/* font-family: 'Nunito Sans', sans-serif; */}
l{font-size: 14px;line-height: 25px;color: #6e6e6e;/* letter-spacing: 1.5px; */font-family: 'Arimo';text-align: center;font-family: 'Rubik', sans-serif;font-weight: 400;}


.btn.outline i{color: #333333;}
.btn.outline:hover{
    background: #f37336;
    border: 2px solid #f37336;
    color: #fff;
}
.btn.outline:hover i{
    color: #fff;
}
.btn.outline{
    border: 2px solid #333333;
    background: transparent;
    color: #333333;
}
.btn{padding: 17.5px 41px;transition: 0.5s ease;text-align: center;/* width: 132px; */font-family: 'Inter', sans-serif;font-weight: 700;font-size: 18px;color: #000000;background: #3FB984;border: 4px solid #000;border-radius: 13px;font-family: brockmannmedium; font-style: normal;font-weight: 500;line-height: normal;}

.red_txt{color: #b72121;}

.btn b{font-weight: 700;}
b{font-weight: 700;}
.btn i{color:#fff;margin-left: 15px;}
.btn:hover{background: #8cd1bf;transition: 0.2s ease;/* border-color: #1d303f; */color: #fff;animation-name: elementor-animation-bob-float,elementor-animation-bob;animation-duration: .3s,1.5s;animation-delay: 0s,.3s;animation-timing-function: ease-out,ease-in-out;animation-iteration-count: 1,infinite;animation-fill-mode: forwards;animation-direction: normal,alternate;color:  #333333;/* font-weight: 700; */}
.btn:hover i{color: #333333;}
.hmIcn:hover{ background-color:#ffbf00;}
.hmIcn{width:57px;height:57px;display:block;background:url(../images/hm-icn.png) no-repeat center center;background-color:#072f5f;position: fixed;right: 0;z-index: 1;top: 40%;transition: 0.3s ease;}

header .btn{
    margin: 0px;
    margin-right: 30px;
    padding: 14px 30px;
}

header{
    /* padding: 15px 0px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* position: absolute; */
    width: 100%;
    top: 0;
    z-index: 1;
    margin-top: 50px;
}
header .logo{max-width: 240px;}
header .logo img{max-width: 100%;}
header nav{
    float: right;
    display: flex;
    align-items: center;
}

header nav ul{}
header nav ul li:last-child{
    margin-right: 152px;
}
header nav ul li{
    float: left;
    margin-right: 90px;
}
header nav ul li a:hover{
    color: #8cc426;
}
header nav ul li a{
    text-align: center;
    display: block;
    color: #111111;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
}
header .nvBtn:hover{ background:#8cc426;color: #111111; }
header .nvBtn{
    font-size: 18px;
    background: #ABE063;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    width: 132px;
    text-align: center;
    padding: 7.5px 10px;
    border-radius: 50px;
    /* margin-right: 7px; */
}



.bnr{
    padding-top: 162px;
    position: relative;
    padding-bottom: 88px;
    /* overflow: hidden; */
}
/* .bnr:after{content:'';display:block;background: url(../images/Ellipse-2.png) no-repeat center center;width: 1229px;height: 1229px;position: absolute;left: 0;top: 0;right: 0;margin: auto;} */
.bnr .crlc{
    position: absolute;
    top: 0;
}
.bnr .crlc img{
}

.bnr p{
    color: #000000;
    margin-bottom: 40px;
    line-height: 31px;
    font-family: Manrope;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
     /* 42.131px */
    letter-spacing: 0.375px;
}
.bnr a:hover{ color:#3fb984;}
.bnr a{
    color: #231E21;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.bnr a img{max-height: 15px; margin-left:6px;}
.bnr h1{color: #231E21; font-family: 'cukiermedium';font-size: 46px;font-style: normal;font-weight: 500;line-height: 60px;text-align: left;margin-bottom: 103px;}

.bnr h1 u{color: #3FB984; text-decoration:none;}

.bnr .mrgLft{
    padding-left: 96px;
}

.bnr .lft{
    position: relative;
    z-index: 1;
    width: 50%;
}

.bnr .rgt{
    position: relative;
    z-index: 1;
    width: 50%;
}
.bnr .rgt .imgPnl{}
.bnr .rgt .imgPnl img{ width:100%;}
.bnr .rgt .imgPnl .lftLv{
    position: absolute;
    bottom: -7%;
    left: -95px;
    /* filter: invert(1); */
    z-index: 1;
}
.bnr .rgt .imgPnl .rgtLv{
    position: absolute;
    right: 0;
    bottom: 0;
    /* filter: invert(1); */
    right: -80px;
    bottom: -52px;
}

.bnr .rgt span{
    /* width: 746px; */
    /* display: block; */
}
.bnr .rgt span img{}
.bnr .rgt span:before{content:'';display:block;background: url(../images/bnr-bfr.png) no-repeat left center;width: 436px;height: 366px;position: absolute;bottom: -52px;left: -73px;display: none;}
.bnr .rgt span:after{content:'';display:block;background: url(../images/bnr-aft.png) no-repeat right center;width: 495px;height: 457px;position: absolute;bottom: -52px;right: -112px;display: none;}

#services{scroll-margin-top: 40px;}

.services{
    border-radius: 13px;
    border: 4px solid #000;
    padding: 50px 50px 0 50px;
    margin-bottom: 60px;
}
.services h2{
    margin-bottom: 80px;
    text-align: center;
    font-family: 'cukiermedium';
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    text-align: left;
    line-height: 98.615px;
}
.services h2 p{
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.375px;
    text-align: left;
    margin-top: 0;
    padding-left: 15px;
}
.services ul{
    display: flex;
    flex-wrap: wrap;
}
.services ul  li{
    width: 47%;
    display: flex;
    margin-bottom: 118px;
    padding-left: 13px;
}
.services ul  li span{
    margin-right: 30px;
    max-width:90px;
}
.services ul  li span img{max-width:100%;}
.services ul  li .dtl{}
.services ul  li .dtl h3{
    font-family: 'brockmannmedium';
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 16px;
}
.services ul  li .dtl p{
    color: #231E21;
    /* font-family: Manrope; */
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.principle{background:#3FB984;border: 4px solid #231E21;border-radius: 16px;position: relative;padding: 50px;margin-bottom: 193px;}

.principle h2{
    color: #231E21;
    font-family: cukiermedium;
    font-size:43px;
    font-style: normal;
    /* font-weight: 600; */
    line-height: 63px; /* 81.213px */
    margin-bottom: 89px;
    text-align: left;
}
.principle .intro{
    display: flex;
    align-items: center;
}
.principle .intro span{
    margin-right: 30px;
}
.principle .intro span img{}
.principle .intro p{
    color: #231E21;
    font-family: Manrope;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 0;
}
.principle  .btn:hover{
    background: #3fb984;
    color: #fff;
}

.principle  .btn:hover img{filter: brightness(100);}
.principle  .btn img{ margin-left:10px;}

.btn:focus{box-shadow:none;}
.principle  .btn{
    position: absolute;
    bottom: -40px;
    right: 60px;
    background: #FCF8F5;
    width: auto;
    font-family: 'brockmannmedium';
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 25px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chinchu{margin-top:70px;}
.chinchu h2{
    text-align: center;
    color: #231E21;
    text-align: center;
    font-family: 'cukiermedium';
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 65px; /* 98.615px */
}


.chinchu .infoBox{
    
    background: #3FB984;
    border: 8px solid #231E21;
    border-radius: 16px;
    padding: 92px 142px 102px;
    position: relative;
}
.chinchu .infoBox p{
    color: #231E21;
    text-align: center;
    font-family: 'cukiermedium';
    font-size: 49.93px;
    font-style: normal;
    font-weight: 600;
    line-height: 168.523%; /* 84.143px */
    letter-spacing: 0.749px;
}





.steps{
    margin-top: 100px;
    margin-bottom: 150px;
}
.steps h2{
    text-align: center;
}
.steps ul{
    margin-top: 90px;
    display: flex;
    justify-content: center;
    margin-left: -30px;
}
.steps ul li:nth-child(3) p{
    /* margin-top: 30px; */
    bottom: -82px;
}
.steps ul li:nth-child(3){
    width: 16%;
}
.steps ul li:nth-child(1){
    width: 19.5%;
}
.steps ul li:nth-child(2){
    width: 22%;
}

.steps ul li{
    border-radius: 16px;
    border: 4px solid #231E21;
    background: #F15540;
    margin-right: 23px;
    width: 25%;
    position: relative;
    padding: 25px 35px;
    box-shadow: 8px 8px #231E21;
    margin-bottom: 40px;
}
.steps ul li:last-child{
    margin-right: 0px;
    background: transparent;
    width: 25%;
}
.steps ul li h3{
    color: #231E21;
    font-family: 'brockmannmedium';
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}
.steps ul li p{
    font-family: Manrope;
    font-size: 16.21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: absolute;
    bottom: -60px;
    left: 0px;
}
.steps ul li span{
    width: 60px;
    height: 60px;
    background: #92D1B4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 4px solid #231E21;
    box-shadow: 2px 2px #231E21;
    position: absolute;
    right: -50px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 5;
}
.steps ul li span img{}

.pricing{
    background: #3FB984;
    border-top: 4px solid #231E21;
    padding-top: 120px;
    padding-bottom: 123px;
    border-bottom: 2px solid #231E21;
}
.pricing{}
.pricing p{
    text-align: center;
    font-family: Manrope;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.375px;
    margin-top: 60px;
}

.pricing .Prcbox{
    width: 48%;
    border-radius: 13px;
    border: 4px solid #231E21;
    background: #fcf8f5;
    /* overflow: hidden; */
	position:relative;
	overflow:hidden;
}

.pricing .Prcbox .nav-tabs{
    border: none;
    /* background: #fff; */
    margin: 0;
    overflow: hidden;
	overflow:hidden;
}
.pricing .Prcbox .nav-tabs li{
   width: 50%;
    border: none!important;
    height: auto;
    margin: 0px;
	position:relative;
}

.pricing .Prcbox .nav-tabs li:not(:first-child):after{left:0; top:0; bottom:0; width:4px; background:#231E21; position:absolute; content:'';}


.pricing .Prcbox .nav-tabs li .nav-link i sub{font-family: Brockmann;font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;display: inline-block;top: -1px;}
.pricing .Prcbox .nav-tabs li .nav-link span{
    color: #ffffff;
    font-family: 'brockmannmedium';
    font-size: 17.411px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    margin-top: 10px;
}
.pricing .Prcbox .nav-tabs li:last-child .nav-link.active{
}

.pricing .Prcbox .nav-tabs li .nav-link.active{
    background: #fcf8f5;
    border: none;
    border-bottom: 4px solid #fcf8f5!important;
}
.pricing .Prcbox .nav-tabs li .nav-link.active span{color: #3fb984;}
.pricing .Prcbox .nav-tabs li .nav-link{
    width: 100%;
	height:100%;
    color: #231E21;
    font-family: brockmannbold;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    padding: 20px 20px;
    margin: 0px;
    border-radius: 0px;
    border: none!important;
    background: #3fb984;
	border-bottom: 4px solid #231E21!important;
	height:125px;
}

.pricing .Prcbox .nav-tabs li .nav-link .prices{font-size: 20px; margin:10px 0 0 0;}
.pricing .Prcbox .nav-tabs li .nav-link strike{font-weight:400; font-family: 'brockmannregular';}
.pricing .Prcbox .nav-tabs li .nav-link i{ font-family: 'brockmannsemibold';  font-style: normal;}

.pricing .Prcbox .tab-pane{ padding: 50px 50px;  overflow: initial; background:#fcf8f5;}
.pricing .Prcbox .tab-pane .btn b{
    font-weight: bold;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-family: 'brockmannbold';
}
.pricing .Prcbox .tab-pane .btn:hover{ background:#fff; color:#92D1B4;}
.pricing .Prcbox .tab-pane .btn{
    position: static;
    left: 0;
    right: 0;
    margin: auto auto;
    bottom: -40px;
    width: 100%;
    background: #92D1B4;
    font-family: 'brockmannmedium';
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 24px 40px;
    border-radius: 16px;
	    border-width: 4px;
		margin-top:30px;
}

.pricing .Prcbox .tab-pane ul{}
.pricing .Prcbox .tab-pane ul li:last-child{ margin:0px;}
.pricing .Prcbox .tab-pane ul li{color: #231E21; font-family: 'brockmannmedium'; font-size: 26px; font-style: normal;
    font-weight: 500; line-height: normal; margin-bottom: 35px; display: flex; align-items: center;}
	
.pricing .Prcbox .tab-pane ul li:before{content: '';
    display: block;
    background: url(../images/blt.png) no-repeat left center;
    width: 20px;
    height: 23px;
    margin-right: 25px;
    background-size: 20px;}

.faq{
    padding-top: 114px;
}
.faq h2{
    text-align: left;
    margin-bottom: 80px;
    font-size: 50px;
}
.faq h2 span{
    display: block;
    color: #231E21;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 168.523%;
    letter-spacing: 0.375px;
    margin-top: 10px;
}


.faq .Ctmaccordion .accordion-item:last-child{
    border-bottom: 0px;
}
.faq .Ctmaccordion .accordion-item{
    background: transparent;
    border: none;
    border-bottom: 4px solid #231E21;
	padding: 40px 0;
}
.faq .Ctmaccordion .accordion-button:not(.collapsed)::before{ opacity:0}
.faq .Ctmaccordion .accordion-button:before{content:'';display:block;left: 11px;position: absolute;width: 4px;height: 26px;background: #000;}
.faq .Ctmaccordion .accordion-button:after{
    left: 0;
    position: absolute;
    background: transparent;
    width: 26px;
    height: 4px;
    background: #000;
}
.faq .Ctmaccordion .accordion-button:not(.collapsed)::after{background: #000;}


.faq .Ctmaccordion .accordion-button{
    color: #231E21;
    font-family: 'brockmannmedium';
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    background: transparent;
    box-shadow: none;
    padding: 0px;
    padding-left: 80px;
}

.faq .Ctmaccordion .accordion-body{
    padding: 15px 0 0 0;
    margin-bottom: 0;
    padding-left: 90px;
}
.faq .Ctmaccordion .accordion-body p{color: #231E21;
    font-family: Manrope;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;}


.touch{
    border-top: 4px solid #231E21;
    background: #92D1B4;
    height: 340px;
    margin-top: 203px;
}
.touch .box{
    border-radius: 16px;
    border: 4px solid #231E21;
    background: #F15540;
    position: relative;
    margin-top: -123px;
    /* height: 345px; */
    padding: 75px 90px;
}
.touch .box h3{
    color: #231E21;
    font-family: 'brockmannmedium';
    font-size: 45px;
    font-style: normal;
    font-weight: 800;
    line-height: 52px;
}
.touch .box p{
    color: #231E21;
    font-family: 'brockmannmedium';
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px;
    margin: 25px 0 0 0;
}
.touch .box .btn:hover{background:#92D1B4; color:#fff;}
.touch .box .btn:hover img{filter: brightness(100);}
.principle  .btn:hover img{}
.touch .box .btn img{ margin-left:13px;}
.touch .box .btn{
    background: #fff;
    position: absolute;
    right: 0px;
    bottom: -40px;
    right: 99px;
    font-family: 'brockmannsemibold';
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 25px 30px;
    display: flex;
    align-items: center;
}

footer{
    border-top: 4px solid #231E21;
    background: #231E21;
    padding-top: 80px;
    padding-bottom: 80px;
}
footer .logo{
    display: block;
    margin-bottom: 90px;
}

footer .logo img{max-width:250px;}

footer p{
    color:  #FDF8F5;
    font-family: 'brockmannmedium';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px; /* 47.033px */
    letter-spacing: 0.447px;
    margin-bottom: 60px;
}

footer a:hover{ color:#3fb984;}
        footer h5 a{
    font-size: inherit;
    color: inherit;
}
footer h5{
    color: #FDF8F5;
    font-family: 'brockmannmedium';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px; /* 47.033px */
    letter-spacing: 0.447px;
    margin-bottom: 117px;
}

footer h5 u{
    color: #FDF8F5;
    font-family: 'brockmannmedium';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px; /* 47.033px */
    letter-spacing: 0.447px;
    text-decoration-line: underline;
    margin-left: 50px;
}
footer h6{
    color: #515153;
    font-family: 'brockmannmedium';
    font-size: 17.829px;
    font-style: normal;
    font-weight: 500;
    line-height: 158%; /* 28.17px */
    letter-spacing: 0.267px;
}
footer h6 a{
    color: #515153;
    font-family: 'brockmannmedium';
    font-size: 17.829px;
    font-style: normal;
    font-weight: 500;
    line-height: 158%; /* 28.17px */
    letter-spacing: 0.267px;
}

footer h6 a:hover{color:#ffffff;}























@-webkit-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}






@keyframes elementor-animation-bob {
    0% {
        transform: translateY(-8px)
    }

    50% {
        transform: translateY(-4px)
    }

    100% {
        transform: translateY(-8px)
    }
}

@keyframes elementor-animation-bob-float {
    100% {
        transform: translateY(-8px)
    }
}

@-webkit-keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(-8px); }
}
@keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(-8px); }
}



@-webkit-keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(180deg); }
}
@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(180deg); }
}


@-webkit-keyframes moverup {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes moverup {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.pricing .Prcbox .tab-content{position:relative;}

.pricing .Prcbox{margin-right:0; transform:translateX(50%);  transition:all ease 0.2s; z-index:2; position:relative;}
.membership_area{display:flex; flex-wrap:wrap; justify-content:center; margin-top:70px;}
.membership_form_box{width:48%; margin-left:0; transition:all ease 0.2s; transform:translateX(-50%); z-index:1; position:relative; opacity:0;}
.membership_form_box_inner{border:4px solid #231E21; border-radius:13px; padding:40px; background:#ffffff;}
.membership_form_box_inner .form_row{margin:0 0 15px 0; display:flex; flex-wrap:wrap;}
.membership_form_box_inner .form_row label{font-size: 18px;
    margin: 0 0 9px 0;
    padding: 0;
    font-family: 'cukiermedium';
    font-weight: 800;
    width: 100%;}
	
.pricing .active .Prcbox{transform:translateX(0); margin-right:2%; }
.active .membership_form_box{transform:translateX(0); margin-left:2%; opacity:1;}
	

.membership_form_box_inner .form_row .control{border:4px solid #231E21; display:flex; width:100%; border-radius:10px; overflow:hidden;}
.membership_form_box_inner .form_row  .control .sub{width:100%;}
.membership_form_box_inner .form_row  .control .sub input[type="text"],
.membership_form_box_inner .form_row  .control .sub input[type="email"]
{border:none; height:60px; outline:none; margin:0; padding:0 25px; width:100%; color:#000000; font-size:18px; font-family: 'brockmannbold';}

.membership_form_box_inner .form_row  .control .sub input[type="text"]::placeholder,
.membership_form_box_inner .form_row  .control .sub input[type="email"]::placeholder
{color:#BEAD9F;}


.membership_form_box_inner .form_row  .control .sub.card_number{width:45%;}
.membership_form_box_inner .form_row  .control .sub.expiry_date{width:30%;}
.membership_form_box_inner .form_row  .control .sub.cvc{width:25%;}
.membership_form_box_inner .form_row  .control .sub.billing_address{width:60%;}
.membership_form_box_inner .form_row  .control .sub.zip{width:40%;}





.membership_form_box_inner .spacer{height:20px;}
.membership_form_box_inner .form_row .sub button[type="submit"],
.membership_form_box_inner .form_row .sub button[type="button"]
{border-radius:13px; background:#3FB984; color:#231E21; font-size:24px; height:124px; width:100%; font-family: 'brockmannsemibold'; margin-top:20px; border:4px solid #231E21; transition:all ease 0.2s;}

.membership_form_box_inner .form_row .sub button[type="submit"]:hover,
.membership_form_box_inner .form_row .sub button[type="button"]:hover{background: #92D1B4;}


.membership_form_box_inner .form_row .sub{width:100%;}

.stacking_cards{padding: 50px 0 0 0; display: flex; flex-direction: column; gap: 50px; --stack-cards-gap: 30px;}

.stacking_card_item{position:sticky; top:100px; border-radius: 16px; border: 4px solid #231E21; background:#FDF8F5; min-height:420px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:50px; transform-origin: center top;}

.stacking_card_item p{font-size:40px; line-height:66px; text-align:center; font-weight:600; color:#231E21; max-width:930px; font-family: 'brockmannmedium';}


.stacking_card_item h5{font-size:57px; line-height:68px; text-align:center; font-weight:600; color:#231E21; max-width:1124px; font-family: 'brockmannmedium';}

.stacking_card_item p.small{font-size:22px; line-height:30px; margin-top:15px;}

.stacking_card_item p span{font-weight:600; color:#3FB984;}
.form_close{position: absolute;
    right: 30px;
    top: 30px;
    color: #333333;
    font-size: 22px;
    transition: all ease 0.3s;
    opacity: 0.5;
    cursor: pointer;}
.form_close:hover{opacity:1;}	


.pricing p.term{    color: #000000;
    margin: 32px 0 0 0;
    font-family: 'brockmannmedium';
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    position: absolute;
    left: 0;
right: 0;}

.popup_overlay{position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(63, 185, 132, 0.8);
    z-index: 9;
	display:none;
}

.popup {
    width: 100%;
    max-width: 470px;
    border-radius: 26px;
    border: 8px solid #231E21;
    background: #FDF8F5;
    box-shadow: 10px 10px 0 rgba(35,30,33,1);
    z-index: 10;
    position: fixed;
    min-height: 200px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	padding:50px;
	display:none;
}
.popup h3{color: #000000;
font-family: Manrope;
font-size: 52px;
font-style: normal;
font-weight: 700;
line-height: 58px;
margin-bottom:25px;
}

.popup h4{color: #000000;
font-family: Manrope;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 30px; margin-bottom:35px;}

.popup p{color: #000000;
font-family: Manrope;
font-size: 21px;
font-style: normal;
font-weight: 600;
line-height: 29px;
max-width:300px;
margin-bottom:20px;
}

.popup .popup_close{position:absolute;   right:30px; top:30px; cursor:pointer;}
.popup .popup_close i{font-weight:900; color:#F15540; font-size:24px;}


.samples{background:#F15540; margin-top:100px; /*min-height:100vh;*/ padding:200px 0; max-height:900px; overflow:hidden; position:relative;}
.samples .wrap{display: flex;  align-items: center;  flex-wrap: wrap; justify-content: space-between;}
.samples .sample_text{width: 50%;  max-width: 660px; display: flex;  flex-direction: column; gap: 45px;}

.samples .sample_text h3{color: #231E21; font-family: 'brockmannmedium'; font-size: 56px; font-style: normal;font-weight: 500; line-height:68px;}

.samples .sample_text .text{display:flex; flex-direction:column; gap:25px;}
.samples .sample_text .text p{color: #231E21; font-family: Manrope; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; ax-width: 560px;}

.samples .sample_text .btn_group{display:flex; gap:33px;}
.samples .sample_text .btn_group a{    border-radius: 10px;
    border: 4px solid #231E21;
    background: #FCF8F5;
    color: #231E21;
    font-family: 'brockmannsemibold';
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    display: flex;
    gap: 20px;
    padding: 20px 23px;}
.samples .sample_text .btn_group a span,
.samples .sample_text .btn_group a i{color: #231E21;}
.samples .sample_text .btn_group a:hover{background:#231E21; color:#ffffff;}	

.samples .sample_text .btn_group a:hover span,
.samples .sample_text .btn_group a:hover i{color: #ffffff;}


.samples .sample_graphics{width: 50%;}

.sample_graphics_inner{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    width: 680px;
    position: absolute;
    top: -221px;
    transform: rotate(-21deg);
    right: 0;}
	
	
.sample_graphics_inner .left,
.sample_graphics_inner .right
{width:calc(50% - 10px); display:flex; flex-direction:column; gap:20px;}

.sample_graphics_inner .single{display:block; border-radius:7px; border:4px solid #000000; box-shadow:-4px 4px 0 rgba(0,0,0,1);}
.sample_graphics_inner .single img{width:100%; border-radius:7px;}