body, html {
    overflow-x: hidden;
}
.container {max-width: 1260px;}


body h1, body h2, body h3, body h5, body h6, a{   font-family: 'Cerebri Sans Pro';
}

h1{ 
font-style: normal;
font-weight: 500;
font-size: 48px;
line-height: 60px;
}
h2{ 
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 60px; 
}
h3{ 
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 40px;
}
h5{ 
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 28px;
}
h6{ 
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
   }

p{ 
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
}

body, html 
body{
    background:  #fff;  font-family: 'Cerebri Sans Pro';
}

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

a:hover, a:active  {
    text-decoration: none!important;
}
* :focus {
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: 0!important;
    text-decoration:none !important;
}
* a:hover{
    text-decoration:none !important;
}

/*Scroll css Start here*/


body::-webkit-scrollbar {
    width: 5px;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 30px #00101F;
}

body::-webkit-scrollbar-thumb {
  background-color: #F9A51B;
  outline: 1px solid #F9A51B;
}
/*Scroll css End here*/

ul, ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
 


/*header*/
 header{
    background-color: #06C3A5;
    width: 100%;
    padding: 30px 0 0;
    overflow: hidden;
    position: relative;
    background-image: url(../images/header-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
} 
 
.headerbox {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.headerbox .navarea ul {
    display: flex;
    flex-direction: row;
    align-content: center;
    gap: 30px;
}
.headerbox .navarea ul  li a{text-decoration: none;color: #fff;font-size: 16px;font-weight: 400;text-transform: capitalize;}

.unleash-ultimate-workout {padding: 50px 0 0;position: relative;}
.unleash-ultimate-workout h2{font-size: 30px;font-weight: 700;text-transform: uppercase;line-height: 1.8;color:#fff;margin-bottom: 23px;}
.unleash-ultimate-workout  .app-btn-area {  margin: 15px 0;   }
.unleash-ultimate-workout .app-btn-area{
    display: flex;
    gap: 22px;
}

.container.container-fluid {max-width: 100%;}
.container-half {
    width: calc(1260px/2 - 1.5rem);
    margin-left: auto;
}
.headerbox .navarea ul li a.active {
    font-weight: 700;
}
.header-mobile {
    position: absolute;
    top: calc(100% + 71px);
}
header::before {
    background-image: url(../images/header-bg-new.png);
    background-repeat: no-repeat;
    background-position: right;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.main-image img {
    position: relative;
    z-index: 1;
}

.fitnessbox {
    text-align: center;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

.fitnessbox img {
    margin-bottom: 30px;
}

.fitnessbox h5 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
}
.p-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.main-title h5 {
    color: #06C3A5;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase;
}

.main-title h2 {
    font-size: 48px;
    font-weight: 800;
    line-height: 48px;
    text-transform: capitalize;
}

.main-title {
    margin-bottom: 30px;
}

.fitness-wrap {
    padding-top: 30px;
    position: relative;
}

.fitness-wrap::before {
    content: attr(data-text);
    position: absolute;
    font-size: 248px;
    font-weight: 800;
    line-height: 1;
    height: auto;
    width: auto;
    color: #06C3A5;
    opacity: 0.06;
    letter-spacing: 0.12em;
    top: calc(50% - 15px);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.process-wrapper {
    background: #FAF8F2;
}
.boxlisting {
    margin-bottom: 40px;
}
.boxlisting:nth-last-child(1) {
    margin-bottom: 0;
}

.boxlisting h4 span {display: inline-block;margin-right: 15px;}

.boxlisting h4 {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.boxlisting p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.boxlisting p:nth-last-child(1) {
    margin-bottom: 0;
}
.boxlisting .mid-title {
    font-size: 32px;
    line-height: 1.5;
}
.boxlisting .big-title {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.5;
}

.subscriber-inner {
    background: #06C3A5;
    color: #fff;
    padding-top: 65px;
    border-radius: 8px;
    position: relative;
}

.subscriber-inner h4 {
    font-size: 48px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 16px;
}

.subscriber-inner p {
    margin-bottom: 16px;
}

.subscriber-inner .form input[type="email"], .subscriber-inner .form input[type="submit"] {
    border: 1px solid #EEEEEE;
    padding: 10px 15px;
    width: 400px;
    border-radius: 4px;
    margin-right: 15px;
}

.subscriber-inner .form {}

.subscriber-inner .form input[type="email"]::placeholder {
    color: #999999;
}

.subscriber-inner .form input[type="submit"] {
    width: auto;
    background: #333333;
    color: #06C3A5;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    padding: 12px 51px;
    border: 1px solid #333333;
}

.subscriber-inner .form {
    margin-bottom: 80px;
}

.bg {
    position: absolute;
    z-index: 0;
}

.bg-two {
    top: 0;
    right: 0;
}

.bg-one {
    left: 0;
    bottom: 0;
}

.subscriber-inner .content {
    position: relative;
    z-index: 1;
}

.star {position: absolute;z-index: 1;}

.star-one {
    right: 3%;
    top: 3%;
}

.star-one svg {
    height: 36px;
    width: 36px;
}

.star-two {
    bottom: 9%;
    right: 9%;
}

.star-three {
    bottom: 25%;
    left: 2%;
}

footer {
}

footer .download .title {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.5;
}

footer .download .download-icons {
    display: flex;
    gap: 15px;
    justify-content: center;
}

footer .download {
    text-align: center;
}

.footer-logo {
    text-align: right;
}

.footer-info li:not(:last-child) {
    margin-bottom: 8px;
}

.footer-info li .icon {
    margin-right: 10px;
}

.footer-info li a {
    color: #000;
    text-decoration: unset;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
}

.copyright {
    text-align: center;
    padding: 40px 0 18px;
    position: relative;
}


.copyright a {   color: #000;
    text-decoration: unset;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;  font-family: 'Cerebri Sans Pro'; }


.main-footer {
    padding: 112px 0 70px;
}

.copyright::before {
    content: '';
    background: linear-gradient(90deg, rgba(22, 22, 22, 0) 0%, #696969 51.56%, rgba(22, 22, 22, 0) 100%);
    width: 100%;
    height: 2px;
    top: 0;
    left: 0;
    position: absolute;
}

.p-50 {
    padding: 50px 0;
}
.fitnessbox p {
    margin-bottom: 0;
}