body, html {
overflow-x: hidden
}
.Autography, .buttonfx, .letter-0, body {
letter-spacing: 0
}
html {
scroll-behavior: smooth
}
body {
word-break: break-word;
animation: 1s .1s backwards fadeIn;
font-family: Inter;
font-weight: 400
}
::-webkit-scrollbar {
width: 3px;
height: 3px
}
::-webkit-scrollbar-track {
background: rgb(255 255 255)
}
::-webkit-scrollbar-thumb {
background: #f24e1e;
border-radius: 5px
}
::-webkit-scrollbar-thumb:hover {
background: #252b37
}
.webkit-1, .webkit-3, .webkit-4, .webkit-5, .webkit-6 {
display: -webkit-inline-box;
width: 100% !important
}
.webkit-1 {
-webkit-line-clamp: 1 !important
}
.webkit-2 {
-webkit-line-clamp: 2 !important;
text-overflow: ellipsis !important;
display: -webkit-box !important
}
.webkit-3 {
-webkit-line-clamp: 3 !important
}
.webkit-4 {
-webkit-line-clamp: 4 !important
}
.webkit-5 {
-webkit-line-clamp: 5 !important
}
.webkit-6 {
-webkit-line-clamp: 6 !important
}
.webkit-1, .webkit-2, .webkit-3, .webkit-4, .webkit-5, .webkit-6 {
overflow: hidden !important;
-webkit-box-orient: vertical !important
}
@font-face {
font-family: 'Helvetica CEb';
src: url('../fonts/en/HelveticaCE-Bold.eot');
src: url('../fonts/en/HelveticaCE-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/en/HelveticaCE-Bold.woff2') format('woff2'), url('../fonts/en/HelveticaCE-Bold.woff') format('woff'), url('../fonts/en/HelveticaCE-Bold.ttf') format('truetype'), url('../fonts/en/HelveticaCE-Bold.svg#HelveticaCE-Bold') format('svg');
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'Helvetica CE';
src: url('../fonts/en/HelveticaNeueLT-MediumCond.eot');
src: url('../fonts/en/HelveticaNeueLT-MediumCond.eot?#iefix') format('embedded-opentype'), url('../fonts/en/HelveticaNeueLT-MediumCond.woff2') format('woff2'), url('../fonts/en/HelveticaNeueLT-MediumCond.woff') format('woff'), url('../fonts/en/HelveticaNeueLT-MediumCond.ttf') format('truetype'), url('../fonts/en/HelveticaNeueLT-MediumCond.svg#HelveticaNeueLT-MediumCond') format('svg');
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Inter;
src: url('../fonts/en/Inter-Regular.eot');
src: url('../fonts/en/Inter-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/en/Inter-Regular.woff2') format('woff2'), url('../fonts/en/Inter-Regular.woff') format('woff'), url('../fonts/en/Inter-Regular.ttf') format('truetype'), url('../fonts/en/Inter-Regular.svg#Inter-Regular') format('svg');
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Autography;
src: url(../fonts/ladies/Autography.otf);
font-display: swap
}
.bold-new {
font-family: 'Helvetica CEb';
font-weight: 700 !important
}
.medium-new {
font-family: 'Helvetica CE';
font-weight: 500 !important
}
.regular-new {
font-family: Inter;
font-weight: 400 !important
}
a:hover, ul li {
list-style-type: none
}
button:focus {
outline: 0
}
::selection {
color: #fff;
background: #6d758f
}
#spinerModal .copyCode i,
.bread_panner .breadcrumb-item.active,
.default-color2, .password-toggle-icon:hover,
.second-color, .second-home .closebtn:hover,
.second-home .header-home .navbar-nav .nav-link:hover, a,
a:hover {
color: #f24e1e
}
.alert-home .closebtn:hover,
.alert-home2 .closebtn:hover,
.btn-price.buttonfx:hover span,
.buttonfx:hover,
.second-home .all-awsome:hover h4,
.second-home .h-422:hover h3 {
color: #f24e1e !important
}
a {
text-decoration: none
}
.br-15 {
border-radius: 15px
}
.br-22 {
border-radius: 22px
}
.br-10 {
border-radius: 10px
}
.br-20 {
border-radius: 20px
}
.br-30 {
border-radius: 30px
}
.px-4rem {
padding-right: 4rem;
padding-left: 4rem
}
.f-64 {
font-size: 64px
}
.f-90 {
font-size: 70px
}
.f-60 {
font-size: 60px
}
.f-61 {
font-size: 61px
}
.f-50 {
font-size: 50px
}
.f-58 {
font-size: 58px;
line-height: 1.2
}
.f-110, .f-55, .fs-55 {
font-size: 55px
}
.f-40 {
font-size: 40px
}
#Membership h5, .f-18 {
font-size: 18px
}
.f-13 {
font-size: 13px
}
.card-tabs .nav-link i, .f-16 {
font-size: 16px
}
#nav-Transaction .table-voucher thead th, .all-awsome .all-card .form-control, .f-15 {
font-size: 15px
}
.contact p, .f-14 {
font-size: 14px
}
.f-19 {
font-size: 19px
}
.f-10 {
font-size: 10px
}
.f-28, .f-32 {
font-size: 28px
}
.f-23 {
font-size: 23px
}
#spinerModal .copyCode h5, .f-21, .f-22 {
font-size: 22px
}
#spinerModal h4, .f-20, .h3-size {
font-size: 20px
}
.f-27 {
font-size: 27px
}
.bg-calory .f-15, .f-12 {
font-size: 12px
}
.card-tabs .f-20, .f-24 {
font-size: 24px
}
.f-25 {
font-size: 25px
}
.f-26 {
font-size: 26px
}
.f-30 {
font-size: 30px
}
.f-35 {
font-size: 35px
}
.f-37 {
font-size: 37px
}
.f-36 {
font-size: 36px
}
.f-31 {
font-size: 31px
}
.download-dev:hover, .second-bg2 {
background-color: #f24e1e
}
._first_package_resonsive,
.coupon-in-responsive,
.coupon-in-web .accordion-button:not(.collapsed)::after,
.mySwiper-vedio-responsive, .nav1-left,
.no-result, .personal-image input[type=file],
.respnsive-ar, .responsive-card, .results tr[visible=false],
.results2 tr[visible=false],
.share.dropdown-toggle::after {
display: none
}
.ltr {
direction: ltr
}
.rtl {
direction: rtl
}
input:focus-visible {
outline: 0
}
.pt-8rem {
padding-top: 8rem
}
._all-slider,
.all-awsome select,
.browse-details,
.browse-details h3,
.browse-details p,
.browse-details path,
.btn, .default-btn,
.default-btn:after,
.default-btn:before,
.detail-user,
.download-dev,
.feature div .number,
.form-check,
.form-check-label,
.h-422,
.h-422 h3,
.h-422 p,
.img-div,
.job li::before,
.job-details,
.journy-sec .services-details,
.marthon-sec .first-join,
.marthon-sec .first-join .default-btn,
.marthon-sec .first-join path,
.marthon-sec .first-join rect,
.navbar-toggler .navbar-toggler-icon,
.navbar-toggler .navbar-toggler-icon::after,
.navbar-toggler .navbar-toggler-icon::before,
.program-details, .program-details h3,
.program-details p,
.program-details path,
.programs .services-details,
.radio-item, .radio-item h3,
.radio-item-marthon,
.second-home .all-awsome,
.second-home .all-awsome .default-btn,
.second-home .all-awsome h3,
.second-home .all-awsome h4,
.second-home .all-awsome li,
.second-home .all-awsome p,
.second-home .all-awsome span,
.social a, .story_video img,
.text-services,
.video .playVideo,
a, header,
nav .nav-item .nav-link {
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-ms-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out
}
.buttonfx {
font-size: 18px;
background: #f24e1e;
border: none;
cursor: pointer;
transition: .3s;
position: relative;
padding: 0 32px;
display: flex;
height: 64px;
border-radius: 21px;
align-items: center;
justify-content: center;
overflow: hidden
}
.buttonfx::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .7) !important;
transition: .6s
}
.buttonfx:hover::before {
left: 0
}
.buttonfx:hover {
transform: translateY(-3px);
box-shadow: 0 8px 15px rgba(255, 75, 43, .4)
}
.buttonfx:hover i, .buttonfx:hover path {
stroke: #F24E1E !important;
color: #f24e1e !important
}
.btn-downloads .buttonfx {
background-color: #676c75 !important
}
.all-awsome .buttonfx, .bg-summer2 .buttonfx, .steps .buttonfx:before {
background-color: #000 !important
}
.text_summer {
width: 396px !important;
height: 64px;
border-radius: 20px;
border: 0;
padding-inline-start: 13rem
}
#modal-success .buttonfx i {
transform: rotateZ(0) !important
}
.buttonfx.disabled {
background-color: #f0d2b3;
opacity: .85;
cursor: not-allowed
}
.buttonfx.disabled:hover {
transform: translateY(0);
color: #fff !important;
box-shadow: none
}
.buttonfx.disabled::before {
content: unset
}
#modal-success .modal-dialog {
transform: none;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto
}
#modal-success .modal-dialog img {
width: 150px
}
#modal-success .modal-footer {
align-items: center;
justify-content: center;
border-top: none
}
#modal-success .modal-header,
.fqs-sec .accordion-item:last-child,
.ladies-faq .accordion-flush .accordion-item:last-child,
.second-home .accordion-item:last-child {
border-bottom: none
}
#modal-success .modal-content {
border-radius: 1rem
}
.all-awsome:hover .buttonfx,
.contact .social a:hover,
.second-home .all-awsome:hover .buttonfx:before,
.second-home .all-awsome:hover .default-btn,
.second-home .social a:hover, footer .social a:hover {
background-color: #f24e1e !important
}
.all-awsome .buttonfx::before,
.all-awsome .buttonfx:after {
content: none
}
#successSend .modal-content {
background: #fff;
box-shadow: -6px 6px 41px rgba(75, 17, 0, .06);
border-radius: 22px
}
.bg-summer2 {
padding: 4rem 5rem;
background-image: url(../images/Banner-En.webp);
background-repeat: no-repeat;
background-size: cover;
border-radius: 2rem;
background-position: right
}
header {
width: 100%;
top: 0;
box-shadow: unset;
z-index: 999999999
}
header .navbar .container {
background-color: #ffffff21 !important;
border-radius: 17px;
padding: 10px 35px
}
.navbar-toggler .navbar-toggler-icon {
position: relative;
width: 1.5rem;
height: 2.55px;
border-radius: 15px
}
.second-home .alert-home .buttonfx, .second-home .alert-home2 .buttonfx {
padding: 0 !important;
width: 38%
}
._copy-mob, ._del-web-alert, .recomend {
display: none !important
}
header .navbar-nav .nav-link {
font-size: 17px;
font-family: 'Helvetica CE';
line-height: 1.7;
color: #fff;
padding-right: .1rem !important;
padding-left: .1rem !important
}
header .navbar-nav .nav-link.active {
font-weight: 700;
color: #f24e1e
}
header .no-default {
font-size: 17px !important;
font-weight: 700;
padding: 0 !important;
width: 149px;
height: 49px;
text-align: center;
align-items: center;
justify-content: center;
display: flex;
border-radius: 9px !important
}
header .lang .nav-link {
font-size: 16px;
line-height: 1.7;
color: #fff;
margin-inline-start: 1rem;
padding: 0
}
nav .nav-item .nav-link:hover, nav .nav-item.active .nav-link {
color: #f24e1e;
cursor: pointer;
}
.navbar-nav {
align-items: center;
justify-content: center
}
.sticky-navbar {
position: fixed !important;
top: 0;
padding: 0 !important;
animation: .7s ease-in-out sticky-animate
}
@keyframes sticky-animate {
from {
transform: translateY(-100%)
}
to {
transform: translateY(0)
}
}
.job-padding {
line-height: 1.5
}
.navbar .user-img {
width: 45px;
height: 45px;
border-radius: 100%;
object-fit: cover
}
nav .dropdown-toggle::after {
content: "\f107";
font-weight: 900;
font-family: "Font Awesome 5 Free";
border: none;
position: absolute;
right: 0;
top: 35%
}
.lang .nav-link, .navbar-nav .nav-link {
font-size: 12px;
font-weight: 600;
line-height: 1.7
}
.navbar-nav .dropdown-toggle {
padding-top: 0;
padding-bottom: 0
}
.ladies-footer2 .footer-logo, .navbar-nav .dropdown-menu {
border-radius: 15px;
border: none;
right: 0;
left: auto;
width: 200px;
position: absolute
}
#errorMessage img, #successSend img {
width: 200px
}
.package-detail-sec .v-training, .second-sec .v-training {
border-radius: 1.5rem;
object-fit: cover
}
.navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item:hover {
background-color: #f24e1e;
border-radius: 8px
}
.footer-color {
color: #c4c4c4
}
footer .social a {
background-color: #2b2b2b;
display: flex;
justify-content: center;
align-items: center;
width: 23px;
height: 23px;
border-radius: 3px
}
footer .copyRight p {
color: #606165
}
footer .br-bottom {
border-bottom: 1px solid #e1e4ed09
}
.card-tabs .f-17, .detail-right h4, .f-17 {
font-size: 17px
}
.all-awsome:hover, .browse-details:hover,
.dark-bg, .second-home .all-awsome:hover,
.transformation-result .progress.before-transform .progress-bar {
background-color: #000
}
.second-home .all-awsome:hover select {
background-color: #f5f5FA21 !important;
color: #fff;
border-color: #f5f5FA21
}
.second-home .all-awsome:hover h3,
.second-home .all-awsome:hover i,
.second-home .all-awsome:hover li,
.second-home .all-awsome:hover p,
.second-home .all-awsome:hover span,
.second-home .program-details:hover h3,
.second-home .program-details:hover p,
.videos-card a, .workout-card a {
color: #fff
}
.all-awsome:hover .text-black,
.all-awsome:hover h3,
.all-awsome:hover h5,
.browse-details:hover h3,
.browse-details:hover p, .color-white,
.download-dev:hover .default-color2,
.download-dev:hover p,
.landing-footer.text-white,
.marthon-sec .first-join:hover .second-color,
.marthon-sec .first-join:hover h5,
.page-header .back,
.radio-item:hover h3,
.second-home .all-awsome .buttonfx:hover i,
.second-home .all-awsome .default-btn:hover,
.second-home .h-422:hover h3,
.second-home .h-422:hover p,
.text-white {
color: #fff !important
}
.btn.focus, .btn:focus, .navbar-toggler:focus {
outline: 0;
box-shadow: none
}
.col-lg-4.all-awsome,
.second-home .program-training-sec .col-lg-4,
.second-home .program-training-sec .program-details.col-lg-6,
.second-home .program-training-sec .program-details.col-lg-6:nth-child(3),
.second-home .program-training-sec .program-details.col-lg-6:nth-child(4),
.second-home .program-training-sec .program-details.col-lg-6:nth-child(5) {
width: 31%
}
.color-p-gray {
color: #6d758f
}
.downlod {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 34px;
border-radius: 7px
}
.dailyCalorieForm {
margin-inline-end: 2.3rem
}
.whatsup-btn.buttonfx i {
font-size: 17px;
transform: rotateZ(0)
}
.whatsup-btn {
background-color: #25d366 !important
}
.second-home .header-home .default-btn i {
transform: rotateZ(0)
}
.second-sec .v-training {
height: 560px
}
.package-detail-sec .v-training {
height: 511px;
cursor: pointer
}
.img-frame2 .fancybox-link {
position: absolute;
top: 50% !important;
right: 50%;
transform: translate(50%, -50%);
cursor: pointer
}
.img-frame .v-head {
width: 100%;
height: 670px;
z-index: -1;
position: relative;
object-fit: cover;
object-position: center
}
.img-frame .layer-head {
background: rgba(0, 0, 0, .6);
inset: 0;
height: 100%;
width: 100%
}
.img-frame .text-head {
height: 670px;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 1;
gap: 3.5rem
}
.img-frame .vedio-head {
height: 670px;
z-index: -1
}
.second-home .swiper-button-next:after,
.second-home .swiper-button-prev:after,
.second-home.swiper-rtl .swiper-button-next:after,
.second-home.swiper-rtl .swiper-button-prev:after {
content: 'none'
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: 9px !important;
left: auto !important
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: 9px !important;
right: auto !important
}
.logo {
width: 100px
}
.second-home .img-frame2 .fancybox-link i {
font-size: 1.3rem;
color: #000;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
height: 3.5rem;
width: 3.5rem;
border-radius: 50%
}
.second-home .text-vedio {
bottom: 7%;
left: 5%;
width: 50%
}
.second-home .img-services {
height: 100%;
object-fit: cover;
object-position: top
}
.second-home .text-services h3 {
font-size: 28px;
line-height: 1;
height: 58px
}
.text-services {
bottom: 0;
padding: 1.7rem !important;
box-shadow: rgba(0, 0, 0, .16) 0 1px 2px;
z-index: 3;
height: 352px;
border-radius: 0 0 20px 20px;
background: linear-gradient(357deg, #000 28.1%, rgba(0, 0, 0, 0) 93.49%);
display: flex;
flex-direction: column;
justify-content: flex-end
}
.pt-5-5rem, .py-5-5rem {
padding-top: 5.5rem !important
}
.btn:hover, .social a:hover {
background-color: transparent !important;
color: #f24e1e !important;
border-color: transparent
}
.pb-4-5rem {
padding-bottom: 3.5rem
}
.pb-6-5rem {
padding-bottom: 6.5rem
}
.py-5-5rem {
padding-bottom: 5.5rem !important
}
.pt-0 {
padding-top: 0 !important
}
.second-home .h-422 {
height: 422px;
margin-bottom: 2.7rem;
margin-inline-end: 1.2rem
}
.second-home .h-422:hover ._btn_user {
opacity: 0
}
.second-home .h-422:hover .text-services {
height: 100%;
justify-content: flex-start;
background: #00000071;
border-radius: 24px
}
.second-home .h-422:hover p {
-webkit-line-clamp: 12 !important
}
.second-home .h-422:hover img {
filter: grayscale(1) blur(3px);
border-radius: 24px
}
.second-home .border-test {
border: 1px solid #d6ddeb
}
.second-home .program-training-sec .program-details {
background-color: #191c1f
}
.mb-2rem {
margin-bottom: 2rem
}
.second-home .default-btn i {
transform: rotateZ(0);
font-size: 14px
}
.second-home .program-details:hover path {
stroke: #fff;
fill: #fff
}
.second-home .journey-sec {
background-image: url(../images/Background.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center
}
.second-home .card-bottom {
padding-top: 17rem;
z-index: 1
}
.second-home .card-top {
padding-bottom: 17rem;
z-index: 1
}
.second-home .card-bottom .br, .second-home .card-top .br {
background-color: transparent;
border: 1.5px dashed #ffffff22;
height: 1.5px;
width: 100%;
position: absolute;
left: 12px;
top: 48.5%;
z-index: -1
}
.second-home .img-about {
height: 570px;
overflow: hidden
}
.second-home .text-about {
width: 500px;
top: 32%;
left: 10%
}
.browse-details {
border: 1px solid #d6ddeb;
padding: 2rem;
height: 250px;
background-color: #fff;
margin-bottom: 1rem
}
.second-home .box-wrap .br-bottom {
border-bottom: 1px solid rgba(225, 228, 237, .31)
}
.browse-details:hover path {
fill: #fff !important;
stroke: #fff !important
}
.second-home .accordion-button:not(.collapsed) {
color: #000;
background-color: transparent;
box-shadow: none
}
.img-overlay img {
width: 100%;
height: 350px;
object-fit: cover;
border-radius: 25px
}
.second-home .accordion-item {
background-color: transparent;
border: none;
border-bottom: 1px solid #d6ddeb
}
.second-home .accordion-button {
background-color: transparent;
padding: 1rem 0;
align-items: flex-start;
gap: 10px
}
.second-home .accordion-body {
padding: 0 0 1rem
}
.mySwiper-vedio .swiper-slide {
background: 0 0;
text-align: unset;
font-size: 18px;
display: flex;
justify-content: flex-start;
align-items: center
}
.mySwiper-vedio .col-lg-4:first-child > div:first-child, .mySwiper-vedio .col-lg-4:first-child > div:nth-child(2) {
height: 354px !important
}
.mySwiper-vedio .col-lg-4:nth-child(2) > div:first-child, .mySwiper-vedio .col-lg-4:nth-child(3) > div:nth-child(2) {
height: 477px !important
}
.mySwiper-vedio .col-lg-4:nth-child(2) > div:nth-child(2), .mySwiper-vedio .col-lg-4:nth-child(3) > div:first-child {
height: 232px !important
}
.clients-about .swiper-slide img, .img-login img, .main-video img, .mySwiper-vedio .v-training, .mySwiper-vedio-responsive .v-training, .page-header img, .second-home .img-about img {
object-fit: cover
}
.download-dev img, .img-partner img {
object-fit: contain
}
.overlayr-vedio {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, .43);
width: 100%;
transition: .5s;
border-radius: 22px;
z-index: 1
}
.img-frame2:hover .overlayr-vedio {
background: rgba(0, 0, 0, 0)
}
.img-frame2:hover rect {
fill: #000
}
.img-frame2:hover path {
fill: #fff
}
.download-dev {
background-color: #161618;
padding: 2.5rem 3.5rem 0;
display: flex;
flex-direction: column;
justify-content: space-between
}
.download-dev img {
height: 415px
}
.download-dev:first-child, .download-dev:nth-child(2) {
width: 47%
}
.download-dev:nth-child(3), .pull-right {
width: 62%
}
.download-dev:nth-child(4) {
width: 32%
}
.download-dev:nth-child(5) {
width: 98%
}
.all-awsome.col-lg-3, .second-home .all-awsome.col-lg-3 {
width: 23%
}
.second-home .all-awsome:hover span.color-p-gray {
color: #b4b9c9 !important
}
.second-home .all-awsome:hover p.color-p-gray {
color: rgba(255, 255, 255, .6)
}
.second-home .accordion-button:not(.collapsed)::after {
content: "\f00d"
}
.second-home .closebtn {
right: 1%;
font-size: 1.5rem;
color: #fff;
top: 10%
}
.opacity-7 {
opacity: .7
}
#partner .col-lg-3 {
width: 18%;
margin: auto auto 2rem
}
.img-partner {
height: 35px
}
.second-home .program-details img {
height: 44px;
width: 44px;
object-fit: cover
}
.second-home .program-details ._img_program {
height: 64px;
width: 64px;
border-radius: 21px
}
.mySwiper-vedio-responsive .v-training {
height: 400px !important;
border-radius: 20px;
object-fit: cover
}
.browse-details img {
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 10px
}
.contact .social a, .social a {
height: 25px;
margin-inline-end: .8rem;
width: 25px;
display: flex
}
.slider-video-link {
position: absolute;
display: block;
width: 100%;
z-index: 99;
height: 100%
}
.navbar-toggler {
padding: 0
}
.navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {
content: "";
position: absolute;
right: 0;
display: block;
width: 100%;
height: 100%;
margin: 0 auto;
border-radius: inherit;
background: inherit
}
.navbar-toggler .navbar-toggler-icon::before {
top: -6px
}
.navbar-toggler .navbar-toggler-icon::after {
bottom: -6px;
opacity: 1
}
.navbar-toggler .navbar-toggler-icon.collapsed::after, .navbar-toggler .navbar-toggler-icon.collapsed::before, .w-md-50 {
width: 60%
}
.social a {
align-items: center;
justify-content: center;
border-radius: 50%
}
.accordion-button::after, .accordion-button:not(.collapsed)::after {
font-family: "Font Awesome 5 Free";
background-image: none;
font-weight: 900;
font-size: 15px;
margin-inline-start: 1rem
}
.add, .add .accordion-header {
padding: 1rem;
background: #f5f5fa
}
.accordion-button:focus {
border-color: transparent;
outline: 0
}
.second-home .all-awsome h3, .second-home .all-awsome li {
color: #000
}
.all-awsome span {
color: #b4b9c9
}
.add {
border-radius: 16px;
overflow: hidden
}
.add .accordion-body {
margin: 0 1rem;
padding: 0 1.25rem
}
.add .accordion-button:not(.collapsed) {
box-shadow: none !important
}
.page-header .bread-panner {
top: 150px;
left: 14%
}
.page-header .breadcrumb {
align-items: center;
justify-content: flex-start
}
.contact {
color: #383c3e
}
.contact .social a {
align-items: center;
justify-content: center;
border-radius: 4px;
background-color: #b4b9c9
}
.form-control {
background-color: #f5f5fa;
border-radius: 10px;
height: 50px;
border: 1px solid #f1f3f7
}
.form-control::placeholder {
font-size: .9rem
}
::placeholder {
font-family: Inter;
font-weight: 400
}
.form-control:focus {
border-color: #f24e1e;
outline: 0;
box-shadow: 0 4px 10px 3px #0000001c;
background-color: transparent !important;
color: #333
}
textarea.form-control, textarea.form-control:focus {
height: auto
}
.contact .img-conect {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #f24e1e;
border-radius: 10px;
padding: .5rem
}
.contact textarea.form-control, .contact textarea.form-control:focus {
height: 110px
}
.contact #contact-form .form-control::placeholder {
color: #8e8e8e;
font-size: 16px
}
.sec-pg .form-control {
height: 40px !important
}
.sec-pg {
margin: 70px 0
}
.sec-pg ._pakage-all {
border: 1px solid #e3e8ef;
padding: 2rem;
border-radius: 12px
}
.sec-pg .all-step3 .first-package, .sec-pg .all-step3 li {
border-bottom: 1px solid #e8eaea
}
.sec-pg .all-step3 .second-package {
align-items: center;
justify-content: space-between
}
.invalid-feedback, form .text-danger {
position: relative;
width: 100%;
margin: 1rem 0 0;
font-size: 13px;
background-color: #ff929263;
padding: .5rem 1rem;
border-radius: .3rem;
animation: .5s linear forwards invalid-animate;
font-weight: 100
}
.contact #contact-form .invalid-feedback, .contact #contact-form .text-danger {
background-color: transparent;
box-shadow: none;
margin: 0;
font-size: 10px;
color: #d50d0d
}
.sec {
padding: 60px 0 0
}
.job .job-title-top, .partners {
background-color: #000;
padding-bottom: 60px
}
.contact .flag {
width: 25px
}
.job .job-title-top {
background-image: url(../images/bg-training.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: left
}
.job .top-43 .browse-details {
height: 215px;
padding: 1.5rem
}
.browse-details:hover {
border-color: #000
}
.job .input-group, .subscribe .input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%
}
.job ul {
width: 100%;
display: inline-flex;
flex-wrap: wrap;
align-items: center;
padding-left: 0
}
.job .input-group .btn {
position: absolute;
right: 15px;
align-items: center;
justify-content: center;
height: 35px;
width: 35px;
top: 10px;
bottom: 0;
border-radius: 50% !important;
font-size: 16px;
z-index: 3
}
.all-job .botom {
border-bottom: 1px solid #e6e6e6
}
.alert .buttonfx {
padding: .2rem 1rem !important;
font-size: 12px;
border-radius: 8px
}
.job-details {
padding: 30px 25px
}
.job-details:focus, .job-details:hover {
box-shadow: 0 2px 10px rgb(0 0 0 / 16%)
}
.color-job {
color: #4a4a4a
}
.color-job2 {
color: #e1d8d8
}
.w-580 {
width: 580px
}
.before_after_block {
height: 687px;
overflow: hidden;
border-radius: 20px;
position: relative
}
.before_after_block img {
object-fit: cover;
object-position: center
}
.status {
bottom: 20px;
background: rgba(242, 78, 30, .33);
backdrop-filter: blur(5.5px);
border-radius: 50px;
text-align: center;
padding: 12px;
width: 70%;
color: #fff
}
#paymentHistoryTable tr, .achievementLanding, .howLanding, .questions, .radio-calories label, .radio-item, .statistics, .testmonial, .why {
background-color: #f5f5fa
}
.before_after_block:before, .status {
position: absolute;
right: 0;
left: 0;
margin: auto
}
.quote:before {
content: "\f10d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
transition: .5s;
position: absolute;
left: 30px;
font-size: 30px;
top: 0;
color: #f24e1e
}
.username {
color: #4a4a4a;
font-size: 20px;
font-weight: 700
}
.change-theme .btn {
background: #f24e1e
}
.sst-title {
text-align: center;
margin-bottom: 30px
}
#exampleModal .modal-footer, #pagination-parent .pagination, #pagination-parent .pagination .programs .row, #partners-slider .swiper-wrapper, .programs .row {
justify-content: center
}
.landing_page ._services-details {
position: relative;
padding-top: 2rem;
height: 100%;
margin: 1rem auto;
max-width: 300px
}
.landing_page ._services-details .img_container {
width: 65px;
height: 65px;
object-fit: contain;
position: absolute;
top: 0;
right: 9px;
border-radius: 10px;
overflow: hidden;
clip-path: polygon(22% 0, 100% 0%, 100% 100%, 0 100%, 0 23%);
z-index: 2
}
.captain-img, .landing_page ._services-details .img_container img {
width: 100%;
height: 100%;
object-fit: cover
}
.landing_page ._services-details ._card {
background-color: #f2f2f7;
border-radius: 20px;
padding: 2rem 1.5rem;
height: 250px;
clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0 100%, 0 23%)
}
.landing_page ._services-details ._card h2, .landing_page ._services-details ._card p {
flex: 1
}
html[lang=en] .landing_page ._services-details .img_container {
clip-path: polygon(0% 0%, 75% 0, 100% 23%, 100% 100%, 0% 100%);
left: 9px;
right: unset
}
html[lang=en] .landing_page ._services-details ._card {
clip-path: polygon(0% 0%, 79% 0, 100% 22%, 100% 100%, 0% 100%)
}
.journy-sec .services-details img {
width: 65px;
margin-bottom: 60px
}
.input-group input:focus {
box-shadow: none;
color: #ef4123
}
.journy-sec .services-details {
padding: 20px;
border-radius: 20px;
background-color: transparent;
border: 2px solid #202020;
position: relative;
height: 100% !important;
margin: 1rem auto
}
.journy-sec .services-details:hover {
background-color: #131314;
border: 2px solid #f24e1e;
position: relative
}
.journy-sec .services-details .default-color2 {
position: absolute;
top: -21px;
background: #ef4123;
color: #fff;
padding: 5px 10px;
border-radius: 8px
}
.journy-sec .services-details .default-color2::after {
content: " ";
width: 27px;
height: 23px;
background: #000;
position: absolute;
left: -16px;
transform: rotate(142deg);
top: -12px;
z-index: 1
}
.journy-sec .services-details p {
color: #b2b2b2
}
#Membership .package .package-details {
border-radius: 25px
}
#Membership .package:first-child {
border-radius: 25px 0 0 25px
}
.span-b {
border-bottom: 2px solid #f24e1e
}
.color-i {
color: #f24e1e;
font-size: 20px
}
.opacity-90 {
opacity: .9
}
#Membership ul li {
display: flex;
align-items: flex-start
}
#Membership .fa-check {
color: #f24e1e;
font-size: 14px;
margin-top: .2rem;
margin-inline-end: .4rem
}
.fqs-sec .accordion-button:not(.collapsed) {
background-color: transparent;
box-shadow: none;
color: #fff;
padding-bottom: 1rem
}
.fqs-sec .accordion-body {
padding: 0 0 .6rem
}
.accordion-button::after, .by, .download-file, .social a {
text-align: center
}
.accordion-flush .accordion-item {
background: 0 0;
border-bottom-width: 2px;
border-style: solid
}
.accordion-button::after {
content: "\f067"
}
.accordion-button:not(.collapsed)::after {
content: "\f068"
}
._first_package_resonsive .accordion-button::after {
content: "\f078"
}
._first_package_resonsive .accordion-button:not(.collapsed)::after {
content: "\f077"
}
.accordion-button:focus, .contact #contact-form .form-control:focus, .dailyCalorieForm .form-control, .form-check-input:focus, .form-control:focus {
box-shadow: none
}
.job .input-group input {
height: 55px;
border-radius: 50px !important;
border: none;
background: #282828;
padding-inline-start: 30px
}
.job .input-group input:focus {
border: none;
background: #282828 !important
}
.job .input-group input::placeholder {
color: #fff;
font-size: 14px;
font-family: Inter;
font-weight: 400
}
#Membership .package:hover .package-details {
background-color: #fff;
box-shadow: 0 0 10px rgb(80 85 136 / 15%)
}
#Membership .package:hover .package-details > a {
color: #000 !important
}
.career-details-2 li, .challenges-list li, .features li, .questions-list li {
list-style-type: disc
}
.smiler-job {
border: 1px solid #f1f1f1;
padding: 20px;
border-radius: 15px
}
.smiler-details {
border-bottom: 1px solid #f1f1f1;
margin-bottom: 15px
}
.smiler-details2 span {
color: #f24e1e;
border-bottom: 1px solid #f24e1e
}
#exampleModal .modal-header p, .color-selver {
color: #74758f
}
#exampleModal .modal-body i {
position: absolute;
top: 61%;
right: 14px;
font-size: 14px;
color: #2b2a2a
}
#exampleModal .modal-dialog {
max-width: 700px;
margin: 2.4rem auto
}
#exampleModal .modal-content {
border-radius: 25px;
padding: 35px 45px
}
#exampleModal .modal-body, #exampleModal .modal-footer, #exampleModal .modal-header {
padding: 0;
border-bottom: none;
border-top: none
}
.p-phone {
padding: .375rem 2.3rem !important
}
#exampleModal input, #exampleModal input::placeholder {
font-size: 13px;
color: #74758f
}
.asterisk {
color: red
}
.label-yes {
align-items: center
}
.img-flag, .serv-title img, .w-30 {
width: 30px
}
#exampleModal .form-control {
border-radius: 10px;
font-size: 14px;
height: 40px
}
textarea {
resize: none
}
.radio-calories {
width: 49%;
position: relative;
margin-bottom: 1rem
}
.radio-calories input[type=radio] {
position: absolute;
opacity: 0;
visibility: hidden
}
.radio-calories input[type=radio]:checked + label, .radio-calories label:hover {
border-color: #f24e1e;
background-color: transparent
}
.radio-calories input[type=radio]:checked + label::before {
border: 2px solid #f24e1e;
background: #f24e1e;
box-shadow: inset 0 0 0 3px #fff
}
.radio-calories label {
cursor: pointer;
border-radius: 15px;
padding-inline-start: 3rem !important;
border: 1px solid #f5f5fa;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 120px
}
.col-lg-4.all-awsome {
margin-bottom: 1.7rem
}
.radio-calories label::before {
position: absolute;
left: 18px;
content: "";
height: 1.2rem;
width: 1.2rem;
margin-right: .625rem;
background: #b4b9c9;
padding: 2px;
border: 2px solid #b4b9c9;
border-radius: 50%;
box-shadow: inset 0 0 0 3px #f5f5fa
}
.all-awsome {
margin-bottom: 1.5rem;
border: 1px solid #e1e4ed
}
.all-awsome:hover .color-p-gray {
color: #ffffff60
}
.all-awsome:hover .br-bottom {
border-bottom: 1px solid #e1e4ED31
}
.select-div2 i {
right: 15px;
top: 42%;
font-size: 15px
}
.logos img {
height: 45px;
width: 170px !important;
object-fit: none
}
.all-awsome select {
background-color: #f5f5fa !important
}
.bg-calory {
border-radius: 10px;
background-color: #f5f5fa
}
.Transform-block:before, .header2:before, .ladiesFeatures {
background-repeat: no-repeat
}
.ladiesFeatures {
background-image: url(../images/sstLadies/features.png);
padding-block: 100px;
background-position: center;
background-size: cover
}
.ladiesFeatures .feature {
padding: 25px;
transition: .5s ease-in-out
}
.ladiesFeatures .feature:hover {
background-color: #ff288c;
border-radius: 15px;
color: #fff
}
.ladiesFeatures .feature-icon {
background-color: #ff288c;
width: 66px;
height: 66px;
font-size: 30px;
color: #fff;
border-radius: 10px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
transition: .5s ease-in-out
}
.ladiesFeatures .feature:hover .feature-icon {
background-color: #fff;
color: #ff288c
}
.ladiesFeatures .feature:hover p {
color: rgba(255, 255, 255, .82)
}
.fs-75 {
font-size: 65px
}
.Autography {
font-family: Autography;
text-transform: lowercase;
line-height: .5
}
.fs-125 {
font-size: 125px
}
.pink-color {
color: #ff288c !important
}
.ladiesFeatures p {
color: rgba(255, 255, 255, .43);
font-size: 20px
}
.header2 .step-icon, .steps .step-icon {
width: 55px
}
.steps .buttonfx {
background-color: #000 !important;
border-bottom: 3px solid #000
}
.ladies-packages2 .buttonfx, .ladies-packages2 .buttonfx:before, .ladies-packages2 .package .btn, .steps .buttonfx:after, .steps .buttonfx:before {
background-color: #ff288c !important
}
.ladies-packages2 {
background: #000;
padding-block: 100px !important
}
.ladies-packages2 .buttonfx {
border-bottom: 3px solid #ff288c;
text-align: center
}
.w-md-75 {
width: 85%
}
.ladies-packages2 .package {
border-radius: 25px !important;
padding: 25px 5px;
text-align: start
}
.ladies-packages2 #Membership .row .package {
background-color: #fff !important
}
.ladies-packages2 .pink-border-bottom, .pink-border-bottom {
border-bottom: 2px solid #ff288c
}
#Membership ul li {
display: flex;
align-items: flex-start;
border-bottom: 2px solid #f5f6f7;
font-size: 14px;
position: relative
}
.ladies-packages .package-feature-list li:before {
content: "";
position: absolute;
bottom: 0;
height: 1px;
width: 80%;
background-color: #f3f5f6;
right: 15px
}
.before-sale {
color: rgb(128 137 141);
position: relative
}
.before-sale:before {
content: "";
background: #ff3b30;
width: 80px;
height: 2px;
position: absolute;
right: 0;
transform: rotate(-10deg) translateY(10px)
}
.ladies-packages2 .package .btn {
border-radius: 8px;
color: #fff !important;
padding-block: 10px;
font-size: 13px
}
.ladies-faq p {
color: rgba(23, 33, 32, .6);
opacity: .75;
font-weight: 700
}
.ladies-faq .talk-form .btn, .ladies-faq .talk-form .btn:hover {
background: #ff288c !important;
border-radius: 50px;
color: #fff !important;
font-size: 12px;
padding-inline: 25px;
padding-block: 12px;
border: none !important;
line-height: 2
}
.ladies-faq .accordion {
border-top: 1px solid #eeeeeee5;
border-bottom: 1px solid #eeeeeee5
}
.ladies-faq .accordion-flush .accordion-item {
background: 0 0;
border-bottom-width: 1px;
border-style: solid
}
.accordion-flush .accordion-item .accordion-button {
padding: 1.2rem 0;
background: 0 0;
font-size: 16px;
font-weight: 600;
box-shadow: unset;
color: #000
}
.ladies-faq .accordion-button::after {
font-weight: 900;
font-size: 10px;
background: #ff288c;
border-radius: 50%;
text-align: center;
line-height: 2;
color: #fff
}
.plan-width {
width: 50%
}
.coupon-div .apply-coupon {
right: 3px;
top: 30px
}
.alert-home .closebtn, .alert-home2 .closebtn {
right: 5% !important;
transition: .3s;
cursor: pointer
}
.alert-home, .alert-home2 {
position: absolute;
z-index: 9999999;
bottom: 8%;
width: 365px;
right: 2%;
padding: 2.5rem 2rem;
border-radius: 20px;
overflow: hidden;
border: none;
box-shadow: 0 360px 101px 0 transparent, 0 231px 92px 0 rgba(0, 0, 0, .01), 0 130px 78px 0 rgba(0, 0, 0, .05), 0 58px 58px 0 rgba(0, 0, 0, .09), 0 14px 32px 0 rgba(0, 0, 0, .1)
}
.alert-bottom {
bottom: 40%
}
.alert-home .closebtn {
color: #fff;
font-size: 26px !important;
position: absolute;
top: 2% !important
}
.alert-home2 .closebtn {
top: 1% !important;
font-size: 29px !important
}
.alert-home input {
width: 100%;
border-radius: 10px;
background: #f5f5fa;
border: 0;
height: 35px;
padding: 0 15px;
cursor: pointer
}
.alert-home input, .alert-home input::placeholder {
color: #6d758f !important;
font-weight: 700;
font-size: 13px
}
._down-dev i, ._down-dev span {
color: #a12643
}
.time-box {
font-size: 25px;
border-radius: 10px;
background: #f5f5fa;
margin: 5px;
line-height: 1.2;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 60px;
height: 65px
}
.copy-text button:before, .copy-text2 button:before, .copy-text3 button:before, .copy-text_summer:before {
content: "Copied";
position: absolute;
width: 55px;
bottom: -32px;
right: 0;
color: #fff;
background: #f24e1e;
padding: 4px 6px;
border-radius: 8px;
font-size: 11px;
display: none
}
.copy-text.active button:before, .copy-text2.active button:before, .copy-text3.active button:before, .copy-text_summer.active button:before {
display: block
}
.navbar, .sticky-navbar {
z-index: 999999999
}
.sticky-navbar .navbar .container {
background-color: #000000ba !important
}
.sticky-navbar .navbar {
padding: 0 !important
}
._mobile-style .buttonfx {
padding: .2rem 1.5rem !important
}
.center-mob {
justify-content: center !important
}
.btn-whatsapp {
position: fixed;
bottom: 2%;
right: 3%;
z-index: 99999999;
border-radius: 50%;
transition: .5s
}
.personal-avatar, .personal-figcaption {
transition: .3s ease-in-out;
cursor: pointer
}
.btn-whatsapp img {
width: 81px;
height: 81px;
transition: .5s
}
.responsive-link-head .buttonfx {
width: 35%
}
._click-input_summer label {
background-color: #f5f5fa;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
height: 64px;
width: 169px;
position: absolute;
left: 0;
top: 0
}
.h-422 ._btn_user {
height: 64px;
width: 64px;
border-radius: 21px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 30px;
left: 30px
}
.main-title h2 {
border: 1px solid #f24e1e;
width: fit-content;
border-radius: 13px;
padding: .5rem 1rem
}
._all-slider {
border: 1px solid #e9e9e9;
padding: 50px 30px;
border-radius: 13px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 515px
}
._after_img, ._before_img {
height: 197px;
width: 100%;
overflow: hidden;
filter: brightness(.8) saturate(0%)
}
._all-slider:hover {
background: #f5f5fa;
border-color: #f5f5fa
}
._before_img {
border-radius: 15px 0 0 15px
}
._after_img {
border-radius: 0 15px 15px 0
}
._after_img img, ._before_img img {
object-fit: cover;
object-position: top
}
._all-slider ._img-absolute {
top: 58px;
right: 39%
}
.br-bottom {
border-bottom: 1px solid #e1e4ed
}
.btn-downloads {
gap: 2.3rem
}
.fqs-sec .accordion-item {
background-color: transparent;
border: none;
border-bottom: .5px solid #ffffff76
}
.fqs-sec .accordion-button {
color: #fff;
background-color: transparent;
padding: 2rem .5rem;
justify-content: space-between
}
.bg-diet {
right: 0;
bottom: 0;
width: 52%
}
.Steps-sec .col-lg-2 {
width: 21%
}
.Steps-sec .col-lg-2:first-child {
padding-top: 16rem
}
.Steps-sec .col-lg-2:nth-child(2) {
padding-top: 11rem
}
.Steps-sec .col-lg-2:nth-child(3) {
padding-top: 5.5rem
}
.Steps-sec .col-lg-2:first-child svg {
top: 110px;
left: -35px
}
.Steps-sec .col-lg-2:nth-child(2) svg {
top: 25px;
left: -35px
}
.Steps-sec .col-lg-2:nth-child(3) svg {
top: -60px;
left: -35px
}
.Steps-sec .col-lg-2:nth-child(4) svg {
top: -145px;
left: -35px
}
.Steps-sec .row, .ul_timeline li {
padding-inline-start: 2.5rem
}
.program-training-sec .swiper-button-next:after, .program-training-sec .swiper-rtl .swiper-button-prev:after {
content: '\f061';
font-family: 'Font Awesome 5 Free';
font-weight: 700;
font-size: 22px
}
.program-training-sec .swiper-button-prev:after, .program-training-sec .swiper-rtl .swiper-button-next:after {
content: '\f060';
font-family: 'Font Awesome 5 Free';
font-weight: 700;
font-size: 22px
}
.program-training-sec .swiper-button-next, .program-training-sec .swiper-button-prev, .program-training-sec .swiper-rtl .swiper-button-next, .program-training-sec .swiper-rtl .swiper-button-prev {
right: unset !important;
left: unset !important;
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
border: 1px solid #f24e1e;
border-radius: 50%;
color: #f24e1e
}
.program-training-sec .swiper-button-next.swiper-button-disabled, .program-training-sec .swiper-button-prev.swiper-button-disabled {
opacity: 1;
color: rgba(0, 0, 0, .26) !important;
border-color: rgba(0, 0, 0, .26) !important
}
.bread_panner {
padding: 10rem 0 2.5rem
}
._all-transformation .btn-group, .btn-group-vertical {
align-items: center;
justify-content: center;
gap: 20px
}
._all-transformation .radio_tab {
width: 183px;
height: 48px;
color: #4e5566 !important;
background-color: #fff2ee !important;
display: flex;
align-items: center;
border-radius: 10px !important;
justify-content: center;
border-color: #f24e1e
}
._all-transformation .btn-check:active + .btn-outline-primary, ._all-transformation .btn-check:checked + .btn-outline-primary, ._all-transformation .btn-outline-primary.active, ._all-transformation .btn-outline-primary.dropdown-toggle.show, ._all-transformation .btn-outline-primary:active {
color: #fff !important;
background-color: #f24e1e !important;
border-color: #f24e1e;
outline: transparent !important
}
._all-transformation .btn-group > .btn-group:not(:first-child) > .btn, ._all-transformation .btn-group > .btn:nth-child(n+3), ._all-transformation .btn-group > :not(.btn-check) + .btn {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px
}
._all-transformation .btn-group > .btn-group:not(:last-child) > .btn, ._all-transformation .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px
}
.btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus, .form-select:focus {
box-shadow: none !important;
outline: 0 !important;
outline: transparent !important
}
._all-transformation .btn-check:active + .btn-outline-primary, ._all-transformation .btn-check:checked + .btn-outline-primary, ._all-transformation .btn-outline-primary:focus, ._all-transformation .btn-outline-primary:focus-visible {
box-shadow: none !important;
outline: 0 !important
}
.form-data .input-group {
width: 170px
}
.form-data .input-group select {
height: 48px;
border-radius: 0;
border-color: #e9eaf0;
color: #4e5566
}
.form-data .buttonfx {
border-radius: 10px;
height: 48px;
margin-inline-start: 0.3rem;
padding: 0rem !important;
width: 154px;
}
.detail-user h4 {
background-color: rgba(255, 58, 0, .16);
width: 178px;
height: 35px;
border-radius: 25px
}
.img_position_slider {
top: 27%;
right: 39%;
border-radius: 50%;
height: 80px;
width: 80px;
border: 5px solid #fff
}
.pagination ul .page-item .page-link {
border-radius: 8px !important;
font-size: 14px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center
}
.pagination .page-link:hover {
color: #c4320a !important;
background-color: transparent
}
.pagination .page-item.active .page-link, .pagination ul .page-item .page-link:focus, .pagination ul .page-item .page-link:hover {
color: #c4320a !important;
background-color: #ffdfd5
}
.pagination {
border-top: 1px solid #eaecf0
}
.page-link:focus {
background-color: transparent;
outline: 0;
box-shadow: none
}
._img-Bread {
width: 150px;
height: 150px;
border-radius: 50%;
border: 8px solid #fff
}
.nav-pills .nav-link {
color: #4e5566;
font-size: 16px;
font-family: 'Helvetica CE';
padding: 1.2rem 3.2rem
}
.card-tabs .default-btn, .card-tabs .nav-link {
padding: .5rem 1.5rem
}
.nav-pills {
border-bottom: 1px solid #f4f4f4
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #1d2026;
background-color: transparent;
border-bottom: 2px solid #f24e1e;
border-radius: 0
}
._down-dev i {
background-color: #ffc6d3;
width: 28px;
height: 28px
}
._up-dev i, ._up-dev span {
color: #007400
}
._up-dev i {
background-color: #c3fcbb;
width: 28px;
height: 28px
}
.div_up_down {
border: 2px solid #f4f4f4;
border-radius: 30px;
width: 18.5%
}
.div_up_down img {
height: 77px;
object-fit: cover
}
.client_img {
height: 300px;
border-radius: 15px;
overflow: hidden;
filter: brightness(.8) saturate(0%)
}
ul.ul_timeline {
padding-left: 1rem
}
.ul_timeline li:before {
content: "";
position: absolute;
left: 0;
top: 24px;
height: 100%;
width: 1px;
border-left: 1px dashed #f24e1e
}
.ul_timeline li:after {
content: "\f111";
position: absolute;
left: -10px;
top: 10px;
font-family: 'Font Awesome 5 Free';
font-weight: 700;
color: #f24e1e;
font-size: 22px
}
.ul_timeline .buttonfx {
border-radius: 10px;
width: 253px;
height: 56px
}
#Diseases, #Injuries {
padding-inline-start: 3.5rem
}
#Diseases ol, #Injuries ol {
padding-left: 1.5rem
}
li.li-button:after, li.li-button:before {
content: none;
width: 0;
height: 0
}
.img_blog-details, .img_blog-left, .img_blog-left2, .img_blog-right, .img_blogs-all {
border-radius: 13px;
object-fit: cover
}
.img_blog-left {
height: 228px
}
.img_blog-right {
height: 200px;
margin-bottom: 2rem
}
.img_blog-left2 {
height: 246px
}
.img_blogs-all {
height: 240px
}
.img_blog-details {
height: 345px
}
.h-100vh {
height: 100vh
}
.buttonfx.login_btn {
border-radius: 6px;
height: 40px
}
.iti {
width: 100%
}
.card-tabs .form-control, .login_row .form-control {
background-color: #f2f2f2;
border-radius: 6px;
height: 48px;
border: 1px solid #e5e5e5;
color: #000;
font-size: 15px;
font-family: 'Helvetica CE';
font-weight: 500
}
.card-tabs .form-control::placeholder, .login_row .form-control::placeholder {
font-size: 15px;
color: grey;
font-family: 'Helvetica CE';
font-weight: 500
}
.card-tabs .card-tabs-static {
border-radius: 13px;
background: #f2f7fe
}
.avatar-tabs {
width: 115px;
height: 115px;
border-radius: 50%;
border: 4px solid #fff;
object-fit: cover
}
.default-btn.disabled {
background-color: #ffe8e2 !important;
opacity: 1;
border-radius: 14px
}
.card-tabs .nav-link {
font-size: 28px;
border: none;
color: #646669;
font-weight: 500;
font-family: 'Helvetica CE'
}
.avatar-referral {
width: 81px;
height: 81px;
border-radius: 50%;
object-fit: cover
}
.btn-sendrferral {
padding: .6rem 2rem;
font-size: 15px !important;
height: 48px !important;
border-radius: 0 6px 6px 0 !important
}
.form-referral::placeholder {
color: grey !important;
font-size: 22px;
font-family: SomarMedium
}
.copy, .share {
border-radius: 6px;
border: .5px #e5e5e5;
background: #f2f2f2;
width: 130px;
height: 48px;
font-size: 13px
}
.share {
width: 95px
}
.f-41 {
font-size: 41px
}
.f-38 {
font-size: 38px;
line-height: 1
}
.last-inputs {
gap: 15px
}
.redeem-div {
border-radius: 10px;
border: 1px solid rgba(139, 148, 178, .33);
width: 47%;
margin: auto
}
.redeem-div img {
width: 63px;
height: 63px;
object-fit: cover
}
.results tr[visible=true], .results2 tr[visible=true] {
display: table-row
}
.form-control.search, .form-control.search2 {
border-radius: 20px;
height: 38px;
color: #202224;
font-size: 14px !important;
border: .6px solid #d5d5d5;
background: #fafafb;
padding-inline-start: 3rem !important
}
.table-voucher {
box-shadow: 0 0 .745px 0 rgba(12, 26, 75, .1), 0 2.981px 14.903px -1.49px rgba(50, 50, 71, .08);
border-radius: 12px;
overflow: auto
}
.table-voucher thead th {
color: #8492a6;
font-size: 12px;
font-family: 'Helvetica CEb';
background-color: #fafafb
}
.table-voucher .table > :not(caption) > * > * {
padding: .9rem 1.1rem;
text-wrap: nowrap
}
.table-voucher .table > :not(:first-child) {
border-top: none
}
.table-voucher .f-13 {
font-size: 13px !important
}
.table-voucher tbody, .table-voucher td, .table-voucher tfoot, .table-voucher th, .table-voucher thead, .table-vouchertr {
border-color: #f3f3f9
}
.img-table {
background-color: #ffe4dd;
border-radius: 50%;
width: 20px;
height: 20px;
margin-inline-end: .5rem
}
.img-table img {
width: 18px;
object-fit: contain;
padding: 2px
}
.form-control.search2::placeholder, .form-control.search::placeholder {
color: rgba(43, 48, 52, .4);
font-size: 14px
}
.search-icon {
top: 13px;
left: 24px;
color: grey;
font-size: 14px
}
.f-29 {
font-size: 29px;
line-height: 1.1
}
.card-tabs .nav-tabs .nav-link.active, .card-tabs.nav-tabs .nav-item.show .nav-link {
color: #f24e1e;
background-color: transparent;
border-color: transparent
}
.card-tabs .nav-tabs {
justify-content: center;
flex-direction: column;
align-content: space-between;
align-items: flex-start;
border: none
}
.card-tabs .nav-tabs .nav-item.show .nav-link path, .card-tabs .nav-tabs .nav-link.active path {
fill: #F24E1E
}
.personal-avatar {
width: 75px;
height: 75px;
border-radius: 50%;
border: 4px solid #fff;
object-fit: cover
}
.personal-figcaption {
position: absolute;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
filter: drop-shadow(0px 1px 4px rgba(26, 15, 1, .12));
width: 25px;
height: 25px;
border-radius: 50%;
background-color: #fff
}
.personal-figcaption > img {
width: 16px;
height: 16px
}
.card-tabs .buttonfx {
border-radius: 14px;
height: 54px
}
.empty-state {
width: 42%;
margin: 5rem auto auto
}
.dateInput {
background-color: transparent !important;
cursor: pointer;
border-radius: 6px !important;
border: .6px solid #d5d5d5 !important;
padding: 0 7px !important;
width: 120px !important;
height: 28px !important;
font-size: 12px !important;
font-family: Inter !important;
color: rgba(43, 48, 52, .4) !important
}
.dateInput:focus {
border-color: #ec831b;
box-shadow: none;
outline: 0
}
nav .dropdown-toggle::after {
content: " "
}
.navbar-nav .nav-item .dropdown-menu {
top: 55px;
width: fit-content;
padding: 1rem 0;
border-radius: 11px;
border: 1px solid
}
.dropdown-item {
padding: .25rem 2rem
}
.navbar-nav .nav-item .dropdown-item:focus, .navbar-nav .nav-item .dropdown-item:hover {
background-color: rgba(217, 217, 217, .4);
border-radius: 0;
color: #f24e1e !important
}
.card_price {
border: 1px solid #e4e4e7;
border-radius: 8px;
border-top: 2px solid #a1a1aa;
width: 30.5%;
margin-bottom: 2.3rem
}
.download-sec .container {
padding-right: 10rem;
padding-left: 10rem
}
._diet-text {
height: 335px
}
.li-responsive .dropdown-menu {
width: 223px;
right: 0;
left: unset
}
.password-toggle-icon {
font-size: 14px;
color: #4d4d4d;
cursor: pointer
}
.modal {
z-index: 9999999999
}
.modal-header .btn-close {
margin: 0
}
#modal-success .buttonfx {
padding: 0 !important;
width: 50%
}
#modal-success .modal-header {
justify-content: flex-end
}
.h-600, .img-login {
height: 600px;
border-radius: 40px
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
border-radius: 10px !important;
}
.bmi-card{
border-radius: 19px;
border: 1px solid #E9EAF0;
padding: 2rem;
}
.f-44{
font-size: 44px;
}
.bmi-progress{
margin-top: 2.5rem;
}
.progress-bar-container {
position: relative;
display: flex;
gap: 2px;
margin: 20px 0;
}
.progress-segment {
width: 20px;
height: 20px;
background-color: #84CDEE;
border-radius: 4px;
transition: background-color 0.3s ease;
}
.progress-label {
position: absolute;
top: -40px;
padding: 2px 8px;
border-radius: 4px;
font-size: 17px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
white-space: nowrap;
display: none;
}
@media (max-width: 1400px) {
.responsive-link-head .buttonfx {
width: 38%
}
._diet-text {
height: 275px
}
.download-sec .container {
padding-right: 8rem;
padding-left: 8rem
}
.f-35 {
font-size: 30px
}
.f-58 {
font-size: 50px
}
._all-slider .f-16, .bg-calory .f-16 {
font-size: 14px
}
._all-slider .f-17 {
font-size: 15px
}
._all-slider p.second-bg2 {
width: 24px !important
}
._all-slider a img {
width: 12px
}
.copy, .share {
font-size: 12px
}
.f-64 {
font-size: 60px
}
.img_position_slider {
right: 37%
}
._diet-text .f-58 {
font-size: 39px
}
.popular-span {
font-size: 10px !important;
right: 26px !important;
padding: 0 2px !important
}
.f-55 {
font-size: 45px
}
.f-25 {
font-size: 22px
}
.popular-span img {
padding-top: .25rem !important;
width: 10px;
padding-right: 0 !important
}
.browse-details .f-25 {
font-size: 21px
}
.browse-details .f-29 {
font-size: 23px
}
.second-home .img-frame .layer-head img, .second-home .img-frame .text-head, .second-home .img-frame .vedio-head {
height: 660px
}
.bg-calory {
padding: .8rem !important
}
.radio-calories label {
height: 118px
}
.bg-calory .f-15 {
font-size: 10px
}
.f-30 {
font-size: 26px
}
header .navbar-nav .nav-link {
font-size: 16px
}
header .no-default {
width: 130px;
height: 40px
}
header .lang .nav-link {
font-size: 15px;
margin-inline-start: .5rem
}
}
@media (max-width: 1200px) {
.mob-style .f-35 {
font-size: 25px !important
}
.bmi-card .col-lg-2 {
width: 19.666667%;
}
.bmi-card .col-lg-10 {
width: 80.333333%;
}
._btn-package_flex ._btn-package {
width: 70% !important
}
.sec-pg .package h3 {
margin-bottom: 5px !important
}
.download-sec .container {
padding-right: 6rem;
padding-left: 6rem
}
._all-slider {
height: 485px;
padding: 35px 30px
}
.d-block-1200 {
display: block !important
}
.bg-purple-div {
width: fit-content;
margin: 1rem 0 0
}
.copy {
width: 133px;
font-size: 11px
}
._blog-links {
gap: .5rem !important
}
._blog-links a, header .lang .nav-link {
font-size: 13px
}
.f-64 {
font-size: 50px
}
._img-Bread {
width: 140px;
height: 140px
}
.ul_timeline li {
padding-inline-start: 1.5rem
}
#Diseases, #Injuries {
padding-inline-start: 2.5rem
}
.img_position_slider {
right: 35%
}
.form-data .buttonfx {
width: 140px;
padding: 0 !important
}
._all-slider .f-24, ._all-slider .f-26, .browse-details .f-29 {
font-size: 20px
}
._all-slider .f-28 {
font-size: 22px
}
._all-slider .buttonfx {
width: 185px !important;
font-size: 19px !important
}
._diet-text {
padding: 1rem 2rem 1.5rem !important;
height: 216px
}
._diet-text p {
font-size: 15px;
width: 67%
}
.Steps-sec .col-lg-2 {
width: 23%
}
.browse-details .f-25, .h3-size, footer .f-23 {
font-size: 17px
}
._all-slider .f-19, .second-home .img-div .f-18, footer .f-17, footer .f-18 {
font-size: 16px
}
.fqs-sec .pb-4-5rem {
padding-bottom: 1.5rem
}
.download-dev {
background-color: #161618;
padding: 2.5rem 2rem 0
}
.download-dev .f-35 {
font-size: 29px
}
.all-awsome.col-lg-3 {
width: 31%
}
._all-slider ._img-absolute {
top: 58px;
right: 35%;
width: 70px;
object-fit: contain
}
._all-slider .f-21 {
font-size: 19px
}
._all-slider .f-17{
font-size: 15px
}
._all-slider .f-16, header .navbar-nav .nav-link {
font-size: 14px
}
.h-422 ._btn_user {
height: 58px;
width: 58px;
border-radius: 19px;
top: 20px;
left: 16px
}
.text-services {
padding: 1.5rem !important
}
.popular-span {
font-size: 10px !important;
right: 30px !important;
padding-right: .5rem !important;
padding-left: .5rem !important
}
._packages .col-lg-6 {
width: 63%
}
.plan-width {
width: 60%
}
.f-110, .f-50, .fs-55 {
font-size: 35px
}
.w-md-75 {
width: 90%
}
.bg-calory .bg-color {
border-radius: 5px !important;
width: 16px !important;
height: 16px !important;
margin-inline-end: .5rem !important
}
.dailyCalorieForm {
margin-inline-end: 1rem
}
.img-overlay img {
height: 330px
}
.bg-calory {
padding: .6rem !important
}
.bg-calory .f-15 {
font-size: 9px
}
.bg-calory .f-16, .second-home .alert .f-14 {
font-size: 12px
}
.landing_page ._services-details {
padding-top: 1rem
}
.landing_page ._services-details ._card {
height: 270px
}
.responsive-link-head .buttonfx {
width: 45%
}
.job li::before {
bottom: 13px
}
.nav-item {
margin-right: .3rem !important;
margin-left: .3rem !important
}
.f-31, .second-home .f-40 {
font-size: 28px
}
.job li:hover:before {
bottom: 5px
}
.sec-pg .package {
padding: 15px 20px;
border-radius: 12px;
margin-bottom: 20px
}
header .logo {
width: 62px
}
.no-default.buttonfx i {
font-size: 10px
}
.accordion-button::after, .accordion-button:not(.collapsed)::after {
line-height: 1.5;
font-size: 15px
}
.browse-details {
padding: 1.5rem;
height: 210px
}
.pt-5-5rem, .py-5-5rem {
padding-top: 4.5rem !important
}
.second-home .h-422:hover p {
-webkit-line-clamp: 11 !important
}
.second-home .text-services h3 {
font-size: 20px;
height: 42px
}
.second-home .all-awsome.col-lg-3 {
width: 30%;
margin-bottom: 1.8rem
}
header .no-default {
font-size: 14px !important;
width: 125px
}
.py-5-5rem {
padding-bottom: 4.5rem !important
}
.pt-0 {
padding-top: 0 !important
}
.second-home .f-64 {
font-size: 55px
}
.second-home .w-75 {
width: 100% !important
}
.second-home .text-vedio {
width: 70%
}
.second-home .img-frame2 img {
width: 65px
}
.second-home .h-422 {
height: 365px;
margin-bottom: 2.2rem;
margin-inline-end: .7rem
}
.main-title .buttonfx {
padding: 12px 18px !important
}
.pb-4-5rem {
padding-bottom: 3.5rem
}
}
@media (max-width: 992px) {
.ul_timeline li {
padding-inline-start: 1rem;
}
.bmi-card .col-lg-2 ,
.bmi-card .col-lg-10,
.bmi-card .bmi-info{
width: 100%;
text-align: center;
justify-content: center;
padding: 0;
}
.bmi-card .progress-label {
top: -32px;
font-size: 14px;
color: #000 !important;
padding: 1px 4px;
}
.bmi-card .f-29 {
font-size: 19px;
line-height: 1.1;
font-family: 'Helvetica CE';
font-weight: 500 !important;
}
.bmi-card .bmi-result {
color: #000 !important;
line-height: 1;
margin-bottom: .7rem !important;
}
.bmi-card .f-20 {
font-size: 18px;
}
.bmi-card .mt-4 {
margin-top: 1rem!important;
}
.bmi-card .f-14 {
font-size: 12px;
}
.bmi-card .f-19 {
font-size: 16px;
}
.mob-style .f-35, footer .f-16 {
font-size: 16px !important
}
.h-600 {
height: 70vh
}
.li-responsive .dropdown-menu {
width: 180px
}
#modal-success .buttonfx, ._packages .col-lg-6, .diet-plan, .w-md-50, .w-md-75 {
width: 100%
}
.li-responsive .dropdown-menu i {
display: none
}
nav .dropdown-toggle::after {
content: "\f107" !important;
position: unset
}
.li-responsive .dropdown-toggle::after {
content: none !important
}
header .nav-link.dropdown-toggle {
display: flex;
align-items: center;
gap: .5rem
}
.navbar .dropdown {
display: flex;
flex-direction: column;
align-items: center
}
.nav-item .dropdown-menu {
padding: .5rem 0 !important;
border: none !important;
position: unset !important
}
.sticky-navbar .navbar .container, header .navbar .container {
background-color: #fff !important
}
.success-sec .main-title h2 {
margin-bottom: 1rem !important
}
.second-home .img-partner {
height: 30px
}
.success-sec .pb-4-5rem {
padding-bottom: 2.5rem;
flex-direction: column;
justify-content: flex-start !important;
align-items: center !important;
gap: .7rem !important
}
._diet-text {
height: 410px
}
.diet-plan {
height: 400px
}
.mob-style {
display: flex;
gap: 10px;
align-items: flex-start
}
.Steps-sec .col-lg-2 svg {
display: none;
visibility: hidden
}
.Steps-sec .row {
padding-inline-start: 0
}
.Steps-sec .col-lg-2:first-child, .Steps-sec .col-lg-2:nth-child(2), .Steps-sec .col-lg-2:nth-child(3), .Steps-sec .col-lg-2:nth-child(4) {
padding-top: 2rem
}
.second-home .h-422:hover p {
-webkit-line-clamp: 13 !important
}
.download-sec .container {
padding-right: 3rem;
padding-left: 3rem
}
.card_price {
width: 44.5%
}
header .navbar .container {
max-width: 100%;
border-radius: 0
}
#collapsibleNavbar {
height: 94vh
}
.d-flex-avtart {
padding: .7rem 1.5rem !important
}
.d-flex-avtart, .img-avtar-div {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px
}
.avatar-tabs {
width: 76px;
height: 76px
}
.scroll {
flex-direction: row !important;
justify-content: flex-start !important;
white-space: nowrap;
flex-wrap: nowrap;
position: relative;
cursor: default;
overflow: scroll hidden;
scroll-snap-type: x mandatory;
scrollbar-width: none;
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.blog_mb, .client_img, .div_up_down {
margin-bottom: 2rem !important
}
.scroll::-webkit-scrollbar {
display: none
}
.scroll.active {
cursor: grab;
}
.card-tabs .nav-link {
padding: .5rem 1rem;
width: fit-content !important;
gap: 10px
}
.card-tabs .nav-link i, .f-20 {
font-size: 13px
}
.card-tabs #nav-tabContent {
margin-top: 2rem
}
.nav-pills .nav-link {
padding: 1.2rem 2.2rem
}
.div_up_down {
width: 31.5%
}
.div_up_down img {
object-fit: contain
}
._Mob_flex .f-25, .f-21, .fw-bold.mb-3.f-25, .ul_timeline .f-20 {
font-size: 20px
}
.f-35 {
font-size: 30px
}
.f-40, .fs-75, f-40 {
font-size: 35px
}
.img_position_slider {
right: 36%
}
.bg-calory .f-16, .bread_panner .f-20, .download-dev .f-20, .second-home .f-16 {
font-size: 16px
}
.form-data .display-responsive {
flex-wrap: wrap
}
.form-data .buttonfx {
width: 170px;
padding: 0 !important
}
._first_package_web, .bg-diet, .coupon-in-web, .mySwiper-vedio {
display: none
}
._diet-text p, .bg-calory .f-15 {
font-size: 17px
}
._diet-text .f-58 {
font-size: 42px
}
.Diet-sec .buttonfx {
width: 100% !important
}
.Steps-sec .col-lg-2 {
width: 47%
}
#partner .col-lg-3 {
width: 19%
}
.download-dev:first-child, .download-dev:nth-child(2), .download-dev:nth-child(3), .download-dev:nth-child(4) {
width: 98%
}
.all-awsome.col-lg-3, .second-home .all-awsome.col-lg-3, .second-home .program-training-sec .program-details.col-lg-6:nth-child(3), .second-home .program-training-sec .program-details.col-lg-6:nth-child(4), .second-home .program-training-sec .program-details.col-lg-6:nth-child(5), .second-home .program-training-sec .program-details.col-md-6 {
width: 46%
}
.main-title {
text-align: center;
margin-bottom: 1.5rem
}
.partner-sec .main-title {
margin-bottom: 0
}
.main-title h2 {
margin: auto
}
.success-sec .main-title {
margin-bottom: 0 !important
}
.f-58 {
line-height: 1.2;
font-size: 40px
}
.f-61 {
font-size: 54px
}
.text_summer {
width: 300px !important;
padding-inline-start: 9.5rem;
font-size: 20px
}
._click-input_summer label {
width: 130px;
font-size: 18px
}
.btn-whatsapp img {
width: 65px;
height: 65px
}
.sec-pg ._pakage-all {
padding: 1rem
}
._first_package_resonsive, .coupon-in-responsive, .respnsive-ar {
display: block
}
._first_package_resonsive .package {
padding: 0;
margin-bottom: 0
}
._first_package_resonsive .accordion-item {
border: 0
}
._first_package_resonsive .accordion-button:not(.collapsed) {
background-color: #fff;
box-shadow: none;
color: #404041
}
._first_package_resonsive .accordion-button {
padding: 0;
color: #404041;
align-items: flex-start
}
._first_package_resonsive .accordion-body {
padding: 1rem 0 0
}
.sec-pg .all-step3 .first-package {
border-bottom: none !important
}
.popular-span {
font-size: 11px !important;
right: 33px !important;
padding-right: 1rem !important;
padding-left: 1rem !important
}
._packages .col-lg-4, .order-before, .second-sec .col-lg-7 {
order: -1
}
._btn-package_flex {
background-color: #fff;
left: 0;
position: fixed !important;
right: 0;
bottom: 0;
width: 100%;
z-index: 99999999;
margin: auto;
padding: .5rem 1.5rem;
justify-content: center
}
._btn-package_flex ._btn-package {
width: 50% !important;
padding: 0 !important
}
.bg-summer2 {
background-position: bottom;
padding: 4rem
}
.career-details, .job .job-title-top {
background-position: center
}
.bg-summer2 .f-28 {
font-size: 24px;
margin-bottom: 1rem
}
.plan-width {
width: 65%
}
.browse-details .f-29, .f-31, .fs-55 {
font-size: 25px
}
.second-home .img-frame .layer-head img, .second-home .img-frame .text-head, .second-home .img-frame .vedio-head {
height: 560px
}
.fs-125, .header2 .header-description .fs-125 {
font-size: 66px
}
.bg-calory .bg-color {
border-radius: 6px !important;
width: 20px !important;
height: 20px !important;
margin-inline-end: .7rem !important
}
.bg-calory {
padding: 1rem !important
}
.dailyCalorieForm {
margin-inline-end: 0;
padding: 0 !important
}
.d-responsive {
display: block !important
}
.job .top-43 .browse-details, .second-home .text-services h3 {
height: auto
}
.contact .f-36, .f-32 {
font-size: 28px
}
.img-overlay img, .landing_page ._services-details ._card {
height: 250px
}
.f-90 {
font-size: 55px
}
.landing_page ._services-details {
padding-top: 0
}
.img-overlay {
margin: 35px 0
}
#exampleModal .modal-content {
text-align: left
}
#exampleModal .modal-dialog, .career-details-2 .modal-dialog {
max-width: 700px
}
.browse-details .f-25 {
font-size: 22px
}
.navbar-brand {
margin-right: 0;
margin-left: 0
}
.job-padding {
padding: .3rem 2.5rem !important
}
.mySwiper-vedio-responsive, .nav1-left {
display: flex
}
.job li {
padding-right: 40px
}
.job li::before {
right: 10px;
width: 11px;
height: 11px;
font-size: 10px
}
.job li:hover:before {
right: 13px;
bottom: 7px;
width: 20px;
height: 18px;
font-size: 14px
}
.form-control {
height: 50px
}
.pb-4-5rem .w-50 {
width: 75% !important
}
.order-before{
margin-bottom: 2rem
}
.accordion-button::after, .accordion-button:not(.collapsed)::after {
font-size: 14px
}
.browse-details {
height: auto;
margin-bottom: 1.5rem
}
.nav2-left {
display: none !important
}
.col-lg-6.text-end {
text-align: start !important
}
._Mob_flex, .login_div p {
text-align: center
}
.page-header img {
height: 300px
}
.text-services {
height: 300px;
padding: 1.8rem !important
}
.h-422 ._btn_user {
top: 30px;
left: 30px
}
.mySwiper-vedio-responsive.swiper {
width: 100%;
height: 100%
}
.mySwiper-vedio-responsive .swiper-slide {
text-align: center;
font-size: 18px;
background: 0 0;
display: flex;
justify-content: center;
align-items: center
}
.mySwiper-vedio-responsive .swiper-slide img {
display: block;
object-fit: cover
}
.f-59 {
font-size: 45px
}
.f-30 {
font-size: 27px
}
.second-home .f-64 {
font-size: 50px
}
.second-home .second-sec .v-training {
height: 528px !important;
object-position: top center;
margin-top: 2rem
}
.success-sec a.text-black {
color: #f24e1e !important
}
.success-sec a.text-black path {
stroke: #F24E1E !important
}
._Mob_flex {
align-items: center
}
.f-55 {
font-size: 38px
}
.second-home .h-422 {
height: 410px;
margin-bottom: 2rem !important;
margin-inline-end: 0
}
.sevices-sec .buttonfx {
margin: 0 auto
}
.second-home .card-bottom, .second-home .card-top {
padding-bottom: 2rem;
padding-top: 0
}
.second-home .card-bottom .br, .second-home .card-top .br {
height: 100%;
width: 2px;
border: 2px dashed #ffffff22;
left: 25px;
top: 0
}
.second-home .one {
display: flex;
align-items: flex-start
}
.second-home .one span {
padding: 6px;
font-size: 17px;
border-radius: 2px;
width: 100%
}
.second-home .one .num {
width: 6%;
margin-inline-end: 1rem
}
.second-home .card-top .div-text, .second-home .card-top .num {
direction: ltr
}
.second-home .card-top {
direction: rtl;
justify-content: end
}
.second-home .img-about {
height: 490px
}
.second-home .img-about img {
height: 65% !important;
border-radius: 20px
}
.second-home .text-about {
width: 81%;
top: 40%
}
.second-home .f-40 {
margin-bottom: 1rem
}
.second-home footer .py-5 {
padding-bottom: 1.5rem !important
}
.second-home #accordionExample {
margin-top: 1.5rem
}
header .navbar {
padding-top: 0 !important;
padding-bottom: 0 !important
}
header .navbar-collapse .navbar-nav {
padding: 35px 0 0;
align-items: center !important
}
header .navbar-nav .nav-link {
font-size: 18px;
color: #000;
font-weight: 700
}
.navbar-toggler .navbar-toggler-icon {
background-color: #f24e1e;
width: 1.7rem;
height: 3px
}
.col-lg-4.all-awsome {
width: 46%;
margin-bottom: 1.7rem
}
.login_div {
flex-direction: column;
align-items: center !important;
gap: 5px
}
.login_div .me-4 {
margin-right: 0 !important;
flex-wrap: wrap;
justify-content: center;
gap: 0 !important
}
header .lang .nav-link {
margin-inline-start: 0
}
}
@media (max-width: 767px) {
.div_up_down img {
height: 35px;
}
.client_img {
height: 200px;
}
.div_up_down {
width: 47.5%;
}
.div_up_down {
margin-bottom: 1rem !important;
border-radius: 20px;
}
.div_up_down .f-50 {
font-size: 25px;
}
.div_up_down .f-24 {
font-size: 18px;
margin-bottom: 0.5rem !important;
}
#Careers, .avatar-edit, .career-details, .center, .questions .head, .questions .title-ques, .second-home .alert, .sst-img, .text-head, .workout {
text-align: center
}
header .navbar .container {
padding: 10px 20px
}
.accordion-button::after, .accordion-button:not(.collapsed)::after, .second-home .copyRight p, footer .copyRight p {
font-size: 13px
}
.alert-home {
bottom: 37%;
right: 7%;
width: 86%
}
.btn-whatsapp {
top: unset;
bottom: 13%
}
.bg-summer2 .buttonfx, .copy-text_summer, .plan-width, .second-home .alert-home .buttonfx, .second-home .alert-home2 .buttonfx, .second-home .all-awsome.col-lg-3 {
width: 100%
}
.download-dev img, .landing_page ._services-details ._card {
height: auto
}
.card_price {
width: 96%;
margin-bottom: 1.5rem
}
.after div h2, .before div h2, .bread_panner .f-23, .browse-details .f-25, .f-23, .f-30, .f-31, .radio-item h3 {
font-size: 20px
}
._all-slider {
height: fit-content
}
.last-inputs, .referral-div-img {
flex-wrap: wrap;
justify-content: flex-start !important
}
.card-tabs .f-22, .card-tabs .f-25 {
font-size: 19px
}
.card-tabs .f-24 {
font-size: 21px
}
.avatar-referral {
width: 71px;
height: 71px;
margin-bottom: 1rem
}
.copy-text_summer, .d_not i {
margin: 0 !important
}
.d-flex-avtart, .img-avtar-div {
justify-content: center;
gap: 0;
flex-direction: column
}
.card-tabs .f-19, .card-tabs .f-21 {
font-size: 17px
}
.card-tabs .nav-link {
padding: .5rem .7rem;
gap: 5px
}
.card-tabs .nav-link svg {
margin-right: 0 !important;
width: 20px
}
.Steps-sec .col-lg-2, .all-awsome.col-lg-3, .card-tabs .pull-right, .redeem-div {
width: 98%
}
.empty-state {
width: 80%
}
.row-in-responsive {
flex-direction: column;
gap: 15px;
align-items: flex-start !important
}
.browse-details .f-29, .f-28 {
font-size: 22px
}
.dateInput {
width: 240px !important;
height: 35px !important;
font-size: 14px !important
}
.btn-sendrferral {
font-size: 13px !important
}
.nav-pills {
flex-wrap: nowrap
}
.nav-pills::-webkit-scrollbar {
display: none
}
.nav-pills .nav-item {
text-wrap: nowrap
}
._diet-text p, .dailyCalorieForm .f-13, .pagination .page-link, .ul_timeline p {
font-size: 14px
}
.bread_panner {
padding: 8rem 0 2.5rem
}
._img-Bread {
width: 130px;
height: 130px
}
.f-64 {
font-size: 40px
}
.nav-pills .nav-link {
padding: 1.2rem 1rem
}
.f-35 {
font-size: 27px
}
.f-37, .f-40, .second-home .f-36 {
font-size: 30px
}
.img_position_slider {
right: 41%
}
.form-data .buttonfx, .form-data .input-group {
width: 200px
}
.d_not p {
display: none;
visibility: hidden
}
._all-transformation .btn-group, .btn-group-vertical {
flex-wrap: wrap
}
._all-transformation .radio_tab {
width: 145px
}
._diet-text .w-75, .pb-4-5rem .w-50, .text_summer {
width: 100% !important
}
._diet-text {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
height: 350px;
display: flex;
align-items: flex-start
}
._diet-text .diet-plan {
height: 100%
}
._diet-text .diet-plan img {
object-fit: cover;
object-position: top left;
border-radius: 25px
}
._diet-text .f-58 {
font-size: 34px
}
#partner .col-lg-3 {
width: 30%;
margin: auto auto 1.5rem
}
.download-dev {
padding: 2rem 1.5rem 0
}
.download-dev .f-35 {
font-size: 25px
}
._all-slider ._img-absolute {
right: 42%
}
.px-4rem {
padding-right: 2.5rem;
padding-left: 2.5rem
}
.f-61 {
font-size: 41px
}
._click-input_summer button {
top: 22px !important;
right: 10px !important
}
.text_summer {
padding-inline-start: 16rem
}
.flex_dir {
flex-direction: column;
gap: 15px
}
.center-mob {
justify-content: flex-start !important
}
.alert-home2 .closebtn {
font-size: 20px !important;
color: #fff !important;
right: 4% !important
}
.bg-summer2 {
padding: 3rem
}
.pt-5-5rem, .py-5-5rem {
padding-top: 3.5rem !important
}
.f-59, .plan-width .f-40 {
font-size: 35px
}
.ladies-packages2 .package {
padding: 25px
}
.radio-calories label {
height: auto;
padding-inline-start: 2.5rem !important
}
.radio-calories label::before {
left: 13px;
height: 1.1rem;
width: 1.1rem
}
.radio-calories {
width: 100%;
margin-bottom: 1.3rem
}
.radio-calories input[type=radio] {
left: 13px;
top: 19px
}
.contact .f-36 {
font-size: 23px
}
.f-90 {
font-size: 54px
}
.text-head {
align-items: center;
justify-content: center
}
.responsive-link-head {
gap: .7rem;
justify-content: center
}
.responsive-link-head .buttonfx {
width: fit-content;
margin: 0 !important;
font-size: 17px
}
.img-overlay img {
height: 290px;
width: 85% !important
}
.career-details .d-inline-flex {
text-align: center;
justify-content: center
}
#exampleModal .modal-dialog {
max-width: 540px
}
#exampleModal .modal-content {
padding: 30px 50px;
text-align: left
}
.alert .buttonfx {
margin-top: 1rem
}
.alert-home .buttonfx, .alert.rounded-0 .buttonfx {
margin-top: 0
}
.alert-home2 .buttonfx {
margin-top: 0 !important
}
.f-13 {
font-size: 11px
}
.navbar-brand {
margin-right: 0;
margin-left: 0
}
.subscribe .form-control {
width: 100%;
margin-bottom: 3rem
}
.py-5-5rem {
padding-bottom: 3.5rem !important
}
.about-home-sec .py-5, .pt-0 {
padding-top: 0 !important
}
.page-header img {
height: 270px
}
.buttonfx.f-17 {
font-size: 16px
}
.second-home .default-btn {
font-size: 17px !important
}
.second-home .program-training-sec .program-details.col-lg-6:nth-child(3), .second-home .program-training-sec .program-details.col-lg-6:nth-child(4), .second-home .program-training-sec .program-details.col-lg-6:nth-child(5), .second-home .program-training-sec .program-details.col-md-6 {
width: 90%
}
.about-home-sec .py-5 {
padding-bottom: 0 !important
}
.f-27 {
font-size: 24px
}
._copy-web, ._dec-alert, .second-home .fancybox-link span {
display: none
}
._del-web-alert, .second-home .alert {
display: block !important
}
.second-home .second-sec .v-training {
height: 375px;
object-position: top center;
object-fit: cover
}
.second-home .text-vedio {
width: 94%;
font-size: 14px;
bottom: 0;
left: 5%
}
._mobile-style ._details, .alert-home, .alert-home2 {
text-align: start !important
}
.alert-home2 {
background-color: #000 !important;
bottom: 0;
right: 0;
left: 0;
width: 100%;
border-radius: 0;
padding: 1rem 1.5rem
}
._del-web-alert {
color: #fff !important;
font-size: 15px !important
}
._copy-mob {
display: flex !important
}
._mobile-style ._details h2 {
color: #fff;
font-size: 18px !important
}
._mobile-style ._details {
width: 75%
}
.-get-mob {
width: 25% !important;
justify-content: end !important
}
._mobile-style {
display: flex;
align-items: flex-end;
justify-content: space-between;
width: 100%
}
._mobile-style .buttonfx {
padding: 0 !important;
width: 100%
}
.time-box {
padding: 5px;
font-size: 16px;
border-radius: 6px;
margin: 5px 2px;
line-height: 1;
width: 44px;
height: 44px;
color: #000
}
.time-box ._count-name {
font-size: 8px !important
}
.countdown-container {
color: #f5f5fa;
font-size: 15px;
margin-bottom: 0 !important;
justify-content: flex-start !important
}
.second-home .alert .default-btn {
font-size: 12px;
margin-top: 1rem
}
.second-home .f-64 {
font-size: 32px
}
.pb-4-5rem {
padding-bottom: 2.5rem
}
.second-home .text-end {
text-align: left !important
}
.second-home .img-about {
height: 500px
}
.second-home .text-about {
width: 81%;
bottom: 0;
top: unset;
padding: 2rem !important
}
.browse-sec .text-end {
text-align: end !important
}
.img-div .f-24 {
font-size: 18px
}
.col-lg-4.all-awsome {
width: 97%;
margin-bottom: 1.7rem
}
.job ul {
justify-content: center
}
.job li {
padding-right: 35px
}
.job li::before {
bottom: 8px
}
.job li:hover:before {
bottom: 2px
}
}
@media (max-width: 550px) {
._up-dev i, ._down-dev i {
width: 20px;
height: 20px;
font-size: 11px;
}
.responsive-link-head .buttonfx {
font-size: 12px
}
.responsive-link-head .buttonfx svg {
width: 19px
}
._diet-text {
height: 305px
}
._diet-text .diet-plan {
height: 298px
}
.container:not(.header-home .container) {
width: 90%
}
.f-90 {
font-size: 45px
}
.bread_panner .flex-dir {
flex-direction: column;
justify-content: center
}
.bread_panner .center-mob {
text-align: center
}
.f-64 {
font-size: 30px
}
.bread_panner .f-23 {
font-size: 16px
}
.ul_timeline li:after {
left: -8px;
font-size: 18px
}
ul.ul_timeline {
padding-left: 0
}
#Diseases, #Injuries {
padding-inline-start: 1.5rem
}
#Diseases p, #Injuries p, .bg-calory .f-15, .f-13 {
font-size: 14px
}
.ul_timeline .my-4 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.nav-pills .nav-link {
padding: 1rem .5rem
}
.f-35 {
font-size: 23px
}
._all-transformation .radio_tab {
width: 132px
}
.btn-downloads {
gap: 1.3rem;
flex-direction: column
}
.btn-downloads .buttonfx {
width: 100% !important
}
.f-58 {
font-size: 35px
}
.text_summer {
padding-inline-start: 9rem
}
.logos img {
width: 145px !important
}
#successSend .f-40 {
font-size: 29px
}
#successSend .buttonfx {
font-size: 16px;
width: 100%;
margin-right: 0 !important;
padding: 1rem !important
}
.second-home .img-frame .layer-head img,
.second-home .img-frame .text-head,
.second-home .img-frame .vedio-head {
height: 600px
}
#exampleModal .modal-dialog {
max-width: 90%
}
.dailyCaloriebg .f-21 {
font-size: 17px
}
header .logo {
width: 80px
}
.f-31, .header-details h3 {
font-size: 18px
}
}
@media (max-width: 480px) {
.marathon-div .response,
.plan-width .responsive-400{
display: block !important
}
.f-44 {
font-size: 34px;
}
.bmi-card .f-19 {
font-size: 14px;
}
.bmi-card .f-20 {
font-size: 16px;
}
.bmi-card .bmi-info{
gap:25px !important;
}
._btn-package_flex .img_subbehind {
width: 50%
}
.alert-home h2 {
font-size: 2.2rem !important
}
.responsive-link-head .buttonfx {
padding: 0 .8rem;
font-size: 10px
}
.second-home .h-422:hover p {
-webkit-line-clamp: 11 !important
}
.download-sec .container {
padding-right: 2rem;
padding-left: 2rem
}
.f-40 {
font-size: 24px
}
.form-data .buttonfx, .form-data .input-group {
width: 100%
}
.form-data .buttonfx {
margin-inline-start: 0;
margin-top: 1rem
}
._all-transformation .radio_tab {
width: 100px
}
._all-slider ._img-absolute, .img_position_slider {
right: 39%
}
._diet-text .f-58, .second-home .f-36 {
font-size: 25px
}
#partner .col-lg-3 {
width: 40%;
margin-bottom: 1.5rem
}
.success-sec .main-title h2 {
margin: auto auto .5rem !important
}
.f-90 {
font-size: 40px
}
.second-home .img-frame .text-head {
gap: 2.5rem
}
.f-55 {
font-size: 30px
}
._Mob_flex .f-25 {
font-size: 17px;
margin-bottom: 0 !important
}
.-get-mob {
width: 33% !important
}
._mobile-style ._details {
width: 66%
}
.alert-home .f-25, .contact .f-36 {
font-size: 20px
}
.alert-home .w-50 {
width: 77% !important
}
.alert-home {
width: 95%;
right: 2%;
padding: 2rem 1.5rem
}
.bg-summer2 {
padding: 2rem 1rem
}
.bg-summer2 .f-28 {
font-size: 20px;
margin-bottom: 1.5rem
}
.plan-width .bg-calory {
justify-content: center;
width: 60% !important;
margin: 0 auto;
padding: 1rem !important
}
.logos img {
object-fit: contain;
width: 90px !important
}
.logos {
gap: 25px !important
}
.bg-calory .bg-color {
width: 18px !important;
height: 18px !important;
margin-inline-end: .5rem !important
}
.bg-calory {
padding: .8rem !important
}
.bg-calory .f-16 {
font-size: 14px
}
.bg-calory .f-15 {
font-size: 10px
}
.second-home .h-422 {
height: 370px
}
header .lang .nav-link {
margin-inline-start: 1rem
}
header .navbar-nav .nav-link {
font-size: 17px
}
.second-home .logo {
width: 75px
}
.f-13 {
font-size: 11px
}
.second-home .text-vedio {
bottom: 4%;
left: 7%
}
.mySwiper-vedio-responsive .v-training {
height: 350px !important
}
.marathon-div .default-btn {
margin: auto;
font-size: 1.2rem !important
}
.marathon-div .response {
text-align: center
}
.mySwiper-vedio-responsive .swiper-slide img {
width: 40px
}
.second-home .text-about {
width: 87%;
bottom: 0;
top: unset;
padding: 1.5rem !important;
left: 7%
}
.second-home .second-sec .v-training {
height: 390px !important;
object-position: top center
}
.second-home .text-vedio {
font-size: 12px
}
.bmi-card .progress-label {
top: -25px;
font-size: 11px;
}
.bmi-card .bmi-result {
margin-bottom: 0.3rem !important;
}
}
@media (max-width: 375px) {
.mob-style .f-35 {
font-size: 13px !important
}
.second-home .all-awsome.col-lg-3 {
width: 85%;
margin-inline-end: 1rem
}
.bmi-card .bmi-info{
gap:10px !important;
}
.bmi-card .f-20 {
font-size: 14px;
}
.bmi-card .f-14 {
font-size: 10px;
}
._diet-text .diet-plan {
height: 230px
}
._diet-text {
height: 228px
}
._diet-text .w-75 {
margin-top: .5rem !important
}
.ul_timeline .buttonfx {
width: 100%
}
._all-transformation .radio_tab {
width: fit-content
}
._all-transformation .btn-group, .btn-group-vertical {
gap: 10px
}
.img_position_slider {
right: 36%
}
._all-slider {
padding: 22px 20px
}
._all-slider .f-17, .bg-calory .f-16 {
font-size: 13px
}
.detail-user img {
width: 13px
}
.py-5-5rem {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important
}
.pt-5-5rem {
padding-top: 1.5rem !important
}
.pt-0 {
padding-top: 0 !important
}
.px-4rem {
padding-right: 1.5rem;
padding-left: 1.5rem
}
.h-422 ._btn_user {
top: 20px;
left: 16px
}
.buttonfx {
padding: 12px 16px
}
._click-input_summer label {
width: 100px;
font-size: 16px
}
.text_summer {
padding-inline-start: 6.5rem;
font-size: 15px
}
.responsive-link-head .buttonfx svg {
width: 14px
}
.responsive-link-head .buttonfx {
padding: 0 .5rem;
font-size: 13px
}
.alert-home2 {
padding: 1rem .5rem !important
}
._mobile-style ._details h2 {
font-size: 16px !important
}
._del-web-alert {
font-size: 14px !important
}
._click-input2 i {
font-size: 15px !important
}
._click-input2 p {
font-size: 16px !important;
width: 58px !important
}
.time-box {
padding: 1px;
font-size: 15px;
height: 40px
}
.time-box ._count-name {
font-size: 7px !important
}
.all-awsome .all-card .form-control, .second-home .f-16, .select-div2 i {
font-size: 14px
}
._mobile-style ._details {
padding: 0 !important
}
._mobile-style .buttonfx {
padding: .2rem .5rem !important
}
.alert-home2 .buttonfx {
width: 165px;
margin-top: .3rem !important;
margin-bottom: .3rem
}
.alert-bottom {
bottom: 0
}
.popular-span {
font-size: 10px !important;
right: 27px !important;
padding-right: .2rem !important;
padding-left: .2rem !important
}
.logos img {
width: 75px !important
}
.logos {
gap: 18px !important
}
.recomend .f-23 {
font-size: 20px
}
.downlod {
width: 25px;
height: 28px
}
.select-div2 i {
right: 14px;
top: 43%
}
.responsive-link-head .buttonfx {
width: 95%
}
header .no-default {
font-size: 13px !important;
width: 85px;
height: 34px
}
header .navbar .container {
padding: 5px 10px
}
.responsive-link-head .buttonfx i {
font-size: 12px;
margin-left: 0 !important
}
.bg-calory .bg-color {
width: 14px !important;
height: 14px !important;
border-radius: 3px !important
}
.bg-calory {
padding: .4rem !important
}
.bg-calory .f-15 {
font-size: 8px
}
.f-90 {
font-size: 35px
}
.f-20 {
font-size: 16px
}
header .navbar-nav .nav-link {
font-size: 16px;
margin-inline-start: 1rem
}
.second-home .img-about {
height: 600px
}
.second-home .img-about img {
height: 52% !important
}
.second-home .one .num {
width: 10%
}
.text-services {
padding: 1rem !important
}
}
@media (max-width: 320px) {
.f-90 {
font-size: 30px
}
._blog-links {
gap: .3rem !important
}
._blog-links a {
font-size: 11px
}
.img_position_slider {
right: 33%
}
._all-slider ._img-absolute {
right: 32%
}
.responsive-link-head .buttonfx {
width: 99%
}
}
@media (max-width: 280px) {
.f-20 {
font-size: 11px
}
}
#spinerModal .container {
position: relative;
width: 340px;
height: 340px
}
#spinerModal #wheel {
max-height: inherit;
padding: 17px;
background-image: url(../images/circle-dots.svg);
background-position: center;
background-size: 95%;
background-repeat: no-repeat;
border-radius: 50%;
position: relative;
transition: transform 4s ease-out;
width: 280px;
height: 280px;
box-shadow: 20px 0 20px 0 rgb(0 0 0 / 3%)
}
@keyframes rotate {
100% {
transform: rotate(360deg)
}
}
#spinerModal #spin-btn {
border-radius: 10px;
background: #f24e1e;
box-shadow: 0 1px 4px 0 rgba(25, 33, 61, .08);
margin: auto;
width: 161px;
height: 56px;
padding: 14px 18px;
color: #fff;
border: none
}
#spinerModal .spinerArrow {
position: absolute;
width: 40px;
top: 0;
right: 0;
left: 0;
margin: auto;
transform: rotate(0);
z-index: 999;
bottom: 11px
}
#spinerModal canvas {
transform: rotate(300deg);
width: 100%
}
@media screen and (max-width: 768px) {
#spinerModal img {
right: -5%
}
}
#spinerModal .wheel-container {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
font-family: Inter
}
#spinerModal button {
margin-top: 20px;
padding: 10px 20px;
font-size: 16px;
cursor: pointer
}
#spinerModal .firstResult {
color: #f24e1e;
text-align: center;
font-size: 33px;
font-style: normal;
font-weight: 700;
margin-top: 30px
}
.spinning .modal-body {
background-image: url(../images/win.gif);
background-size: contain;
background-position: bottom;
background-repeat: no-repeat
}
#spinerModal .copyCode {
border-radius: 20px;
background: #f5f5fa;
padding: 19px 30px;
display: flex;
width: max-content;
align-items: center;
margin: auto
}
#spinerModal .modal-content {
border-radius: 36px;
box-shadow: none
}
.congrats h6, .congrats p {
font-size: 24px !important;
font-weight: 700;
font-family: Inter
}
@media (min-width: 576px) {
#spinerModal .modal-dialog {
max-width: 500px;
margin: 1.75rem auto
}
}
@media (max-width: 576px) {
#spinerModal .firstResult {
font-size: 25px
}
.congrats h6, .congrats p {
font-size: 14px !important
}
#spinerModal #wheel {
background-size: 93%;
background-repeat: no-repeat;
border-radius: 50%;
position: relative;
transition: transform 4s ease-out;
width: 250px;
height: 250px
}
#spinerModal h4 {
font-size: 20px
}
#spinerModal .copyCode h5 {
font-size: 15px
}
}